diff --git a/.eslintignore b/.eslintignore
deleted file mode 100644
index ffb355f8..00000000
--- a/.eslintignore
+++ /dev/null
@@ -1,14 +0,0 @@
-dist
-coverage
-node_modules
-dest
-types
-public/entry
-public/runtime
-
-comp-entry.ts
-config-entry.ts
-value-entry.ts
-
-magic-admin/web/public/runtime
-magic-admin/server/static
\ No newline at end of file
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
deleted file mode 100644
index 9016a395..00000000
--- a/.eslintrc.cjs
+++ /dev/null
@@ -1,69 +0,0 @@
-module.exports = {
-  env: {
-    node: true,
-    browser: true,
-    es2021: true,
-  },
-  globals: {
-    describe: true,
-    it: true,
-    expect: true,
-    beforeEach: true,
-  },
-  extends: [
-    'eslint-config-tencent',
-    'eslint-config-tencent/ts',
-    'plugin:vue/vue3-essential',
-    './prettier.cjs',
-  ],
-  parser: 'vue-eslint-parser',
-  parserOptions: {
-    ecmaVersion: 12,
-    parser: '@typescript-eslint/parser',
-    extraFileExtensions: ['.vue'],
-    sourceType: 'module',
-  },
-  plugins: [
-    'vue',
-    '@typescript-eslint',
-    'simple-import-sort'
-  ],
-  ignorePatterns: ['.eslintrc.cjs'],
-  rules: {
-    'vue/no-mutating-props': 'off',
-    'vue/multi-word-component-names': 'off',
-    'no-param-reassign': 'off',
-    '@typescript-eslint/no-require-imports': 'off',
-    "@typescript-eslint/no-misused-promises": [
-      "error",
-      {
-        "checksVoidReturn": false
-      }
-    ],
-    'simple-import-sort/imports': [
-      "error", {
-        groups: [
-          ['./polyfills'],
-          // Node.js builtins. You could also generate this regex if you use a `.js` config.
-          // For example: `^(${require("module").builtinModules.join("|")})(/|$)`
-          [
-            "^(assert|buffer|child_process|cluster|console|constants|crypto|dgram|dns|domain|events|fs|http|https|module|net|os|path|punycode|querystring|readline|repl|stream|string_decoder|sys|timers|tls|tty|url|util|vm|zlib|freelist|v8|process|async_hooks|http2|perf_hooks)(/.*|$)",
-          ],
-          // Packages. `react|vue` related packages come first.
-          ["^(react|vue|vite)", "^@?\\w"],
-          ["^(@tmagic)(/.*|$)"],
-          // Internal packages.
-          ["^(@|@editor|@data-source)(/.*|$)"],
-          // Side effect imports.
-          ["^\\u0000"],
-          // Parent imports. Put `..` last.
-          ["^\\.\\.(?!/?$)", "^\\.\\./?$"],
-          // Other relative imports. Put same-folder imports and `.` last.
-          ["^\\./(?=.*/)(?!/?$)", "^\\.(?!/?$)", "^\\./?$"],
-          // Style imports.
-          ["^.+\\.s?css$"],
-        ],
-      }
-    ]
-  },
-};
diff --git a/.github/workflows/pages.yml b/.github/workflows/pages.yml
index caacd80b..342038cc 100644
--- a/.github/workflows/pages.yml
+++ b/.github/workflows/pages.yml
@@ -2,7 +2,7 @@ name: pages
 
 on:
   push:
-    branches: [master]
+    branches: [dev]
   workflow_dispatch:
 
 jobs:
@@ -10,17 +10,18 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v4
         with:
           fetch-depth: 0
+          ref: dev
 
       - name: Install pnpm
-        uses: pnpm/action-setup@v2
+        uses: pnpm/action-setup@v4
 
-      - name: Set node version to 18
-        uses: actions/setup-node@v2
+      - name: Set node version to 22
+        uses: actions/setup-node@v4
         with:
-          node-version: 18
+          node-version: 22
           cache: 'pnpm'
 
       - run: pnpm bootstrap
@@ -40,6 +41,9 @@ jobs:
       - name: move to dist
         run: mv docs/.vitepress/dist/* dist/docs && mv playground/dist/* dist/playground
 
+      - name: Bypass Jekyll on GitHub Pages
+        run: touch dist/.nojekyll
+
       - name: Deploy to GitHub Pages
         uses: crazy-max/ghaction-github-pages@v2
         with:
diff --git a/.gitignore b/.gitignore
index e25a0d53..91eb1a9e 100644
--- a/.gitignore
+++ b/.gitignore
@@ -5,6 +5,7 @@ types
 
 .temp
 .cache
+temp
 
 # local env files
 .env.local
@@ -30,3 +31,6 @@ coverage
 auto-imports.d.ts
 components.d.ts
 docs/.vitepress/cache
+
+.eslintcache
+.npmrc
diff --git a/.husky/commit-msg b/.husky/commit-msg
index e8511eae..d468455f 100755
--- a/.husky/commit-msg
+++ b/.husky/commit-msg
@@ -1,4 +1 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
-npx --no-install commitlint --edit $1
+npx --no-install commitlint --edit $1
\ No newline at end of file
diff --git a/.husky/pre-commit b/.husky/pre-commit
index f0f5bb37..35aa522a 100755
--- a/.husky/pre-commit
+++ b/.husky/pre-commit
@@ -1,6 +1 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
-npx lint-staged
-
-pnpm --filter "@tmagic/*" check:type
+npx lint-staged && npm run check:type
diff --git a/.husky/pre-push b/.husky/pre-push
index 449fcdee..72c4429b 100755
--- a/.husky/pre-push
+++ b/.husky/pre-push
@@ -1,4 +1 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
 npm test
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 2e50af5e..865a2dfc 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,2098 +1,2657 @@
-## [1.4.7](https://github.com/Tencent/tmagic-editor/compare/v1.4.6...v1.4.7) (2024-05-31)
+## [1.7.8](https://github.com/Tencent/tmagic-editor/compare/v1.7.8-beta.4...v1.7.8) (2026-03-20)
 
 
 ### Bug Fixes
 
-* **editor:** 修复pad大屏模式下粘贴位置计算错误偏移问题 ([#612](https://github.com/Tencent/tmagic-editor/issues/612)) ([d98029d](https://github.com/Tencent/tmagic-editor/commit/d98029d5e79c2579bf106d5670c74ad520c17267))
-* **editor:** 已选组件树中如果出现items不是数组会导致节点渲染失败 ([7fb4d96](https://github.com/Tencent/tmagic-editor/commit/7fb4d96cb0c66a8f4c1010764ec2f986abec1cf4))
-* **editor:** 数据源模板输入框输入数字索引后浏览器卡死 ([a66da8d](https://github.com/Tencent/tmagic-editor/commit/a66da8de9e40b76bc6415e0aea6556e07bddf163)), closes [#611](https://github.com/Tencent/tmagic-editor/issues/611)
-* **playground:** tmagic-form样式丢失 ([49e9d5b](https://github.com/Tencent/tmagic-editor/commit/49e9d5b9856dc4e7bd59ef383b9f52b6529db70c)), closes [#610](https://github.com/Tencent/tmagic-editor/issues/610)
-* **ui,runtime:** 迭代器容器迭代数据兼容 ([94db430](https://github.com/Tencent/tmagic-editor/commit/94db430b85e85a98db5eea3f88b490c8c22ed235)), closes [#613](https://github.com/Tencent/tmagic-editor/issues/613)
+* **editor:** 组件配置样式显示出错 ([9b56223](https://github.com/Tencent/tmagic-editor/commit/9b56223359f4ce826597f8f5d440626869e8b650))
+
+
+
+## [1.7.8-beta.4](https://github.com/Tencent/tmagic-editor/compare/v1.7.8-beta.3...v1.7.8-beta.4) (2026-03-20)
+
+
+### Bug Fixes
+
+* **form-schema:** 表单 schema 中 display 与 component 部分字段改为可选 ([e36d8d7](https://github.com/Tencent/tmagic-editor/commit/e36d8d7cf874fe5e307eee5f3906499a86337b85))
+
+
+
+## [1.7.8-beta.3](https://github.com/Tencent/tmagic-editor/compare/v1.7.8-beta.2...v1.7.8-beta.3) (2026-03-20)
 
 
 ### Features
 
-* **core,editor,form:** 页面片容器支持配置容器内组件的事件 ([2d133f4](https://github.com/Tencent/tmagic-editor/commit/2d133f47f13d8d3ea557e0b14028588cf37884b0))
-* **dep,editor,data-source,schema:** 优化编辑器中依赖收集性能 ([ee26991](https://github.com/Tencent/tmagic-editor/commit/ee269917f8acd7d32a124bc090ba38192e2c8d92))
-* **editor:** 复制组件时收集依赖性能优化改造 ([cd191f6](https://github.com/Tencent/tmagic-editor/commit/cd191f68154e63c0eaceed4e2bd695d4fa25e013))
-* **playground:** 设置配置表单的label-width ([50d238a](https://github.com/Tencent/tmagic-editor/commit/50d238a48cf99961498effb3dc0dc815797d4da9))
+* **form-schema,form,editor,table:** 完善表单配置类型 ([e8714c9](https://github.com/Tencent/tmagic-editor/commit/e8714c96c9f3ae4644d830d232b2732adbcd05fa))
 
 
+
+## [1.7.8-beta.2](https://github.com/Tencent/tmagic-editor/compare/v1.7.8-beta.1...v1.7.8-beta.2) (2026-03-20)
+
+
+### Features
+
+* **form-schema,form,editor:** 完善表单配置类型 ([55eb546](https://github.com/Tencent/tmagic-editor/commit/55eb546ad6dd67a920093353f2de9bd891db3f70))
+
+
+
+## [1.7.8-beta.1](https://github.com/Tencent/tmagic-editor/compare/v1.7.7...v1.7.8-beta.1) (2026-03-19)
+
+### Bug Fixes
+
+- **core,data-source:** 多个页面片容器引用同一个页面片时,其他有未渲染的页面片容器时会导致数据源编译后数据无法更新 ([0bbafa1](https://github.com/Tencent/tmagic-editor/commit/0bbafa153d220f017ca634f13a9cf4379da30bd9))
+
+### Features
+
+- **core:** runDataSourceMethod 返回 await 方法的执行结果 ([92bd5cf](https://github.com/Tencent/tmagic-editor/commit/92bd5cf942e2686711fe17fe15eea47632f5180b))
+- **editor,form:** 支持按需设置表单组件 ([c79034b](https://github.com/Tencent/tmagic-editor/commit/c79034befc620a90dc0452e8ae6fb2e9d40b17e5))
+
+## [1.7.7](https://github.com/Tencent/tmagic-editor/compare/v1.7.6...v1.7.7) (2026-03-12)
+
+### Bug Fixes
+
+- **editor:** 显示源码后再显示回编辑器画布空了 ([67d93ec](https://github.com/Tencent/tmagic-editor/commit/67d93ec35f2d8819c438450fcb808b496de229c0))
+- **form:** timerange新增value format配置,默认为HH:mm:ss ([b4c2c65](https://github.com/Tencent/tmagic-editor/commit/b4c2c65ccb1a59b2d8ff090fbf1b15922e28605f))
+- **vue-runtime-help:** useApp获取不到页面片中的node ([ecaa0f5](https://github.com/Tencent/tmagic-editor/commit/ecaa0f5f288894d4df50d3d7f17a168ae8d14d91))
+
+### Features
+
+- **cli:** packages配置不做去重处理,因为组件type与数据源type可能相同 ([084ff6f](https://github.com/Tencent/tmagic-editor/commit/084ff6ff68b51c357842a381a7b1ad10bcc390ec))
+- **data-source:** 事件监听添加立即执行配置 ([0d698b2](https://github.com/Tencent/tmagic-editor/commit/0d698b20e72f58962f758c602d0f11596b1ffb52))
+- **editor:** monaco-editor改成异步加载 ([71d6dd9](https://github.com/Tencent/tmagic-editor/commit/71d6dd9e38f9de6750018d1aff2836fe52bd7bc4))
+
+## [1.7.6](https://github.com/Tencent/tmagic-editor/compare/v1.7.5...v1.7.6) (2026-01-19)
+
+### Bug Fixes
+
+- **form:** onChange中修改model的key中有重复的key会出错 ([6cf2f38](https://github.com/Tencent/tmagic-editor/commit/6cf2f381949cb3db89aa48130eb6870b65a195ff))
+
+## [1.7.5](https://github.com/Tencent/tmagic-editor/compare/v1.7.4...v1.7.5) (2026-01-08)
+
+### Bug Fixes
+
+- **editor:** 切换固定定位后坐标转换仅支持left,top为数字的情况 ([3cfec95](https://github.com/Tencent/tmagic-editor/commit/3cfec956126e55974f12d16215a354cba0de2d5a))
+- **editor:** 显示条件中选中的字段类型发生时,值对应做类型转换 ([5267381](https://github.com/Tencent/tmagic-editor/commit/5267381ebf1600467332d7d07f0eed8caf1a3b3b))
+- **form:** daterange默认值 ([5f57d62](https://github.com/Tencent/tmagic-editor/commit/5f57d620da58de85e7b38883c3e1ad0087a9760a))
+- **form:** 初始值为0时会丢失 ([8956035](https://github.com/Tencent/tmagic-editor/commit/8956035e4171a5faff7a75bd89a868e3e2b5d831))
+
+### Features
+
+- **editor:** customCreateMonacoEditor options中新增editorCustomType,可以用于创建不同的editor ([cfaaaad](https://github.com/Tencent/tmagic-editor/commit/cfaaaad66e47450f822a31159c75e1bb25f60838))
+- **form:** type配置为函数时,参数中的model等对象设置层readonly ([df61157](https://github.com/Tencent/tmagic-editor/commit/df611571c7643d8e5ca7402fb42aee85d265bc0c))
+
+## [1.7.4](https://github.com/Tencent/tmagic-editor/compare/v1.7.3...v1.7.4) (2025-12-29)
+
+### Bug Fixes
+
+- **editor:** 数据源方法编辑后content变成字符串 ([03b6180](https://github.com/Tencent/tmagic-editor/commit/03b6180a029eda97cdc22654b6da232a17912b49))
+
+## [1.7.3](https://github.com/Tencent/tmagic-editor/compare/v1.7.2...v1.7.3) (2025-12-25)
+
+### Bug Fixes
+
+- **editor:** cose-select无法删除 ([b0d8c53](https://github.com/Tencent/tmagic-editor/commit/b0d8c5383b47d5724c8f34501a0376c046f03db1))
+- **form:** 动态tab自定义onTabAdd后出错 ([9d4324d](https://github.com/Tencent/tmagic-editor/commit/9d4324dd6b4656f4b8129bff4ad22eaf4e43a6a2))
+- **table:** 行内编辑无法修改表单 ([98c2e2f](https://github.com/Tencent/tmagic-editor/commit/98c2e2ff1fdd18cbb6a245e55eb6a32f0e2ea164))
+
+### Features
+
+- **form,tdesign-vue-next-adapter:** table 多选框放到默认的操作前面,支持配置copy的干预函数 ([5fe91e8](https://github.com/Tencent/tmagic-editor/commit/5fe91e89b77f151f66548e86643eeb45ddac6060))
+- **form:** groud-list title支持html ([2630f00](https://github.com/Tencent/tmagic-editor/commit/2630f00f137ff75de2f84d516067b98c0fb5aefc))
+- **form:** text组件支持配置cleareable ([f0a3966](https://github.com/Tencent/tmagic-editor/commit/f0a39667e19e6fa90f929579024ecee0e16d8d54))
+
+## [1.7.2](https://github.com/Tencent/tmagic-editor/compare/v1.7.1...v1.7.2) (2025-12-09)
+
+## [1.7.1](https://github.com/Tencent/tmagic-editor/compare/v1.7.0...v1.7.1) (2025-12-09)
+
+### Bug Fixes
+
+- **core:** getNode 添加stict参数来表示必须知道页面片容器id才会返回页面内的节点 ([83664cd](https://github.com/Tencent/tmagic-editor/commit/83664cd44019c3b5f05d2ad60bbb8fcf751f6b35))
+- **form:** tabs组件子项配置了name后,配置生成的数据出错 ([b3ce1a3](https://github.com/Tencent/tmagic-editor/commit/b3ce1a3b930e9cbfc74b72bfb7dd9268fe341626))
+- **tmagic-form:** runtime刷新导致root丢失 ([d039cee](https://github.com/Tencent/tmagic-editor/commit/d039cee9136e7e892161dafe25ff34ee95bce958))
+
+### Features
+
+- **vue-components:** 不再兼容vue2 ([756612e](https://github.com/Tencent/tmagic-editor/commit/756612eda51fa8079420203eaca585175b039e8b))
+- **vue-runtime-help:** 去掉vue2的兼容 ([2a7ab4e](https://github.com/Tencent/tmagic-editor/commit/2a7ab4e916444a68c7cc05af4fa57ddd59994393))
+
+# [1.7.0](https://github.com/Tencent/tmagic-editor/compare/v1.7.0-beta.5...v1.7.0) (2025-12-04)
+
+### Bug Fixes
+
+- **design:** dialog 默认参数 ([8d7c8fa](https://github.com/Tencent/tmagic-editor/commit/8d7c8fa725dba507c3a4874f879989ad9c050603))
+- **form:** datetime如果设置为时间戳，然后初始值是一个字符串的数字显示不正确 ([7e71c07](https://github.com/Tencent/tmagic-editor/commit/7e71c070f1ee9857fd5610000188ef1a222fade1))
+- **form:** table拖拽排序后重新渲染组件 ([2667981](https://github.com/Tencent/tmagic-editor/commit/2667981e4c0c451ded88e06f412dd4bcb5ec41dc))
+- **form:** 生成表单values时将initValus深拷贝,避免修改到传入的对象 ([b536eba](https://github.com/Tencent/tmagic-editor/commit/b536eba81c33f8e532179b69072ea7c5d4033235))
+
+### Features
+
+- **editor:** 代码编辑器支持配置自动高度 ([8d55d0c](https://github.com/Tencent/tmagic-editor/commit/8d55d0cd8d1059dcbca86fc5b72ec82f22c35d9c))
+- **form:** table支持配置拖动操作中的按钮排序而不是拖动整行 ([69ac90f](https://github.com/Tencent/tmagic-editor/commit/69ac90fe22778fedb9e35b95595428395fd65cc5))
+- **form:** table支持配置操作按钮的icon ([0dd7f54](https://github.com/Tencent/tmagic-editor/commit/0dd7f54ebc3518404653d6e43ee428e05566dd28))
+
+# [1.7.0-beta.5](https://github.com/Tencent/tmagic-editor/compare/v1.7.0-beta.4...v1.7.0-beta.5) (2025-11-24)
+
+### Bug Fixes
+
+- **element-plus-adapter:** 构建时将vue源码构建入目标代码中,导致页面存在多个版本vue ([bb7ec0a](https://github.com/Tencent/tmagic-editor/commit/bb7ec0aa1b55f83f68d7021fb98090d8e555ed65))
+- **tdesign-vue-next-adapter:** 没有extra时form item不渲染help节点 ([849b4dc](https://github.com/Tencent/tmagic-editor/commit/849b4dc319b03a54dc1cfcccc1f505e61e1ccd5b))
+
+# [1.7.0-beta.4](https://github.com/Tencent/tmagic-editor/compare/v1.6.1...v1.7.0-beta.4) (2025-11-24)
+
+### Bug Fixes
+
+- **design,editro,element-plus-adapter,tdesign-vue-next-adapter:** elememt-plus表单渲染失败 ([9364025](https://github.com/Tencent/tmagic-editor/commit/93640257e90e6aa4708184a2513b80149887b0b9))
+- **design:** select visible-change事件名写错 ([27555d6](https://github.com/Tencent/tmagic-editor/commit/27555d6b2f3c4c2022f77504bb4d8faf7c6f3e55))
+- **editor:** 表单组件保持单向数据流 ([564a7f4](https://github.com/Tencent/tmagic-editor/commit/564a7f4271b9adb345d679f85929506e952c9cb3))
+- **form:** daterange 配置names后配置失效 ([0f3dfcf](https://github.com/Tencent/tmagic-editor/commit/0f3dfcf5118e1247f351357a9eb05bfbdc7cc43b))
+- **form:** dialog submit event获取到的changeRecords为空 ([cbec529](https://github.com/Tencent/tmagic-editor/commit/cbec52936db52d5c57c454468a11bea1dbbcd058))
+- **form:** tabel复制行不生效 ([68c69ac](https://github.com/Tencent/tmagic-editor/commit/68c69ac4058bbe7adf00a73b21df2ec7adb713cc))
+- **form:** 文本输入change出发太频繁 ([55a2869](https://github.com/Tencent/tmagic-editor/commit/55a28698183998e6dec73d8d41d5e5f029d17e7a))
+- **playgournd:** 存在多个vue版本问题 ([da98846](https://github.com/Tencent/tmagic-editor/commit/da9884645fe51d3de65e461c2e434d3e221e56b5))
+- **tdesign-vue-next-adapter:** select支持allowCreate ([1a08b16](https://github.com/Tencent/tmagic-editor/commit/1a08b16a399dae00e4b0d62d9d930514c84f669d))
+- **vue-runtime-hlep:** 页面片销毁后需要取消app的事件监听 ([e36da82](https://github.com/Tencent/tmagic-editor/commit/e36da82d2928af6617c280939b02b6bc9f534b70))
+
+### Features
+
+- **core:** getNode未指定页面片容器id时取获得到的第一个 ([5dbe1fb](https://github.com/Tencent/tmagic-editor/commit/5dbe1fb6555188bb17aa5b3dd1d7205b8c4d9824))
+- **design, element-plus-adapter, tdesign-vue-next-adapter:** 新增popconfirm组件 ([507e51a](https://github.com/Tencent/tmagic-editor/commit/507e51a2dc91defb67087a539d786d01ef95b9ad))
+- **design, element-plus-adapter, tdesign-vue-next-adapter:** 添加adapterType, 完善tdesign useZIndex ([12e6dd1](https://github.com/Tencent/tmagic-editor/commit/12e6dd18b47c4e6a11f273cbbb138c5d0e33f0ca))
+- **design, form, form-schema, tdesign-vue-next-adapter:** textarea支持rows配置 ([38192a6](https://github.com/Tencent/tmagic-editor/commit/38192a6d4854904d7c1303556ad6ef4b76b7cd21))
+- **design, form, tdesign-vue-next-adapter:** 完善tdesign适配 ([ca0f8fc](https://github.com/Tencent/tmagic-editor/commit/ca0f8fc9887d9fcff31052239b396d02f258d1b4))
+- **design, tdesign-vue-next-adapter, table, element-plus-adapter:** 完善tdesign适配 ([979b834](https://github.com/Tencent/tmagic-editor/commit/979b834facbabf50d711b76ca5180f07b319b432))
+- **design, tdesign-vue-next-adapter:** formItem新增labelAlign prop ([0ecc116](https://github.com/Tencent/tmagic-editor/commit/0ecc11665235c136a2d9e7b361fe2ecab33ff5e3))
+- **design,editor,element-plus-adapter,form,table,tdesign-vue-next-adapter:** 重构table组件,适配tdesign ([08b476e](https://github.com/Tencent/tmagic-editor/commit/08b476e04f36154ef58f1f3388bc2516742e37d8))
+- **design,tdesign-vue-next-adapter:** input添加click事件 ([a96ca80](https://github.com/Tencent/tmagic-editor/commit/a96ca8092c51d1700943e58e197a5d1584297d76))
+- **design,tdesign-vue,next-adapter:** textarea支持autosize ([acda22d](https://github.com/Tencent/tmagic-editor/commit/acda22d5cb4905ae5d1f4bd70efb38ee5820baeb))
+- **design:** 在html中添加adapter类型class ([09dfaad](https://github.com/Tencent/tmagic-editor/commit/09dfaad2ccf9cd50491a8352e33416c7a17027c4))
+- **element-plus-adapter, from, tdesign-vue-adapter:** button兼容type=default和type为空的情况 ([d017902](https://github.com/Tencent/tmagic-editor/commit/d0179028fbab5b485cb0b970d8d558da4f22d869))
+- **form, design, form-schema:** table支持自定义title,table 表单组件支持配置title tip ([e418130](https://github.com/Tencent/tmagic-editor/commit/e418130a66c54b7fed533977b1558e7206d729fb))
+- **form:** fieldset中checkbox新增name,trueValue,falseValue配置 ([51e9732](https://github.com/Tencent/tmagic-editor/commit/51e973289473af7fae14f56e3d2fed5db838c797))
+- **form:** form dialog新增props ([bf6598c](https://github.com/Tencent/tmagic-editor/commit/bf6598c8718d5f2e3d276029bf924a7de7cb458b))
+- **form:** form dialog新增show close/show cancel 配置 ([310054b](https://github.com/Tencent/tmagic-editor/commit/310054b7d63e688c349142c9b7767fc5f8a2f766))
+- **form:** group list新增添加按钮配置 ([3b913c1](https://github.com/Tencent/tmagic-editor/commit/3b913c1af48aa6a47e632725b008061d7faca204))
+- **form:** panel点击标题可以展开或者收缩内容 ([310aa47](https://github.com/Tencent/tmagic-editor/commit/310aa47c1df9a88304f264325c697b85e09287df))
+- **form:** table操作列支持配置固定在左边还是右边 ([fa0e10f](https://github.com/Tencent/tmagic-editor/commit/fa0e10f6872ade5599957051e2e6923fa2d4ca66))
+- **form:** table新增新增按钮配置 ([6a7f80c](https://github.com/Tencent/tmagic-editor/commit/6a7f80c48de0e85587c27f67fe0f132f7dfee000))
+- **form:** text新增prepend, append不默认使用button ([5fe57cd](https://github.com/Tencent/tmagic-editor/commit/5fe57cd389e6c955049c2ee81f62c37c7a86930f))
+- **form:** text组件配置的append.hander函数添加setModel/setFormValue方法 ([6f0498a](https://github.com/Tencent/tmagic-editor/commit/6f0498a9e7ee633310b4a08374409b3f1b7607b9))
+- **form:** tip图标放到label中去 ([97affb2](https://github.com/Tencent/tmagic-editor/commit/97affb2bff856b271136b50dccd45d95e17abd6a))
+- **form:** 新增flex-layout组件 ([630301b](https://github.com/Tencent/tmagic-editor/commit/630301bce213e3ff28a7fb50e9cc9b8bb0c2b756))
+- **form:** 新增style,fieldStyle配置;tooltip支持配置placement;配置中的函数新增getFormValue方法 ([3a9c94a](https://github.com/Tencent/tmagic-editor/commit/3a9c94a6a6529a63e022955b2f7eee23bf125d81))
+- **form:** 表单校验后的错误信息将name转换成text ([ec479b9](https://github.com/Tencent/tmagic-editor/commit/ec479b9296d5dbea0df121a4702a123518808e58))
+- **form:** 表格拖动支持tdesign ([e2708b8](https://github.com/Tencent/tmagic-editor/commit/e2708b868b2fbb126f1d8d846e25335b6005cd86))
+- **playground:** 支持UI组件库切换 ([11d2560](https://github.com/Tencent/tmagic-editor/commit/11d25603a8b5f8bc3d9abbbeedf9c298ca0e2c72))
+- **table:** action支持配置disabled ([8809351](https://github.com/Tencent/tmagic-editor/commit/88093515373e1b431c83c0da9c28a2688421d151))
+
+# [1.7.0-beta.3](https://github.com/Tencent/tmagic-editor/compare/v1.7.0-beta.2...v1.7.0-beta.3) (2025-10-31)
+
+### Bug Fixes
+
+- **editor:** 表单组件保持单向数据流 ([09663c8](https://github.com/Tencent/tmagic-editor/commit/09663c8320829dc52a4d4ffb65c73fe147a3f5fc))
+
+### Features
+
+- **design,tdesign-vue,next-adapter:** textarea支持autosize ([be75ac9](https://github.com/Tencent/tmagic-editor/commit/be75ac994f0c03a9bdae05bc433513278d32c905))
+- **element-plus-adapter, from, tdesign-vue-adapter:** button兼容type=default和type为空的情况 ([2a29971](https://github.com/Tencent/tmagic-editor/commit/2a2997131873a4836303ac2411371dd78726f6f9))
+- **form:** text组件配置的append.hander函数添加setModel/setFormValue方法 ([57a634a](https://github.com/Tencent/tmagic-editor/commit/57a634a687c53132f521a8ed35a649edec488738))
+
+# [1.7.0-beta.2](https://github.com/Tencent/tmagic-editor/compare/v1.7.0-beta.1...v1.7.0-beta.2) (2025-10-28)
+
+### Bug Fixes
+
+- **form:** daterange 配置names后配置失效 ([d22e520](https://github.com/Tencent/tmagic-editor/commit/d22e520fbf6fc95c2c9600f02107d987b3a46fa7))
+- **form:** dialog submit event获取到的changeRecords为空 ([02e1c7f](https://github.com/Tencent/tmagic-editor/commit/02e1c7f479e5370ba6ea2153b9547bbb0c090431))
+
+### Features
+
+- **design, element-plus-adapter, tdesign-vue-next-adapter:** 添加adapterType, 完善tdesign useZIndex ([b312b5a](https://github.com/Tencent/tmagic-editor/commit/b312b5a5bc827a8199d5a7b36418f0ad933be081))
+- **design, tdesign-vue-next-adapter, table, element-plus-adapter:** 完善tdesign适配 ([fa20837](https://github.com/Tencent/tmagic-editor/commit/fa208372ab5c204b6cb34ff977cd133156513fda))
+
+# [1.7.0-beta.1](https://github.com/Tencent/tmagic-editor/compare/v1.7.0-beta.0...v1.7.0-beta.1) (2025-10-24)
+
+### Features
+
+- **design, form, form-schema, tdesign-vue-next-adapter:** textarea支持rows配置 ([c717472](https://github.com/Tencent/tmagic-editor/commit/c7174726b3f017afb5666f9ccc343a0c98d8d1fa))
+- **form:** 表单校验后的错误信息将name转换成text ([b247490](https://github.com/Tencent/tmagic-editor/commit/b2474909cff049b0800da5be3293ad35309c1b1e))
+
+# [1.7.0-beta.0](https://github.com/Tencent/tmagic-editor/compare/v1.6.1...v1.7.0-beta.0) (2025-10-23)
+
+### Bug Fixes
+
+- **form:** tabel复制行不生效 ([6a2436f](https://github.com/Tencent/tmagic-editor/commit/6a2436fb99f15cdf662f39fd86952955fb78a9d2))
+
+### Features
+
+- **design, element-plus-adapter, tdesign-vue-next-adapter:** 新增popconfirm组件 ([3181f32](https://github.com/Tencent/tmagic-editor/commit/3181f32b389325ca1524c42af25279ceab0a9a09))
+- **design, form, tdesign-vue-next-adapter:** 完善tdesign适配 ([8ce5f71](https://github.com/Tencent/tmagic-editor/commit/8ce5f71aa26ea3fb1516aa020fa65fefdaa9cc55))
+- **design,editor,element-plus-adapter,form,table,tdesign-vue-next-adapter:** 重构table组件,适配tdesign ([5b16ec0](https://github.com/Tencent/tmagic-editor/commit/5b16ec00e1de45ed50f1c206de10ad48f9d71275))
+- **form:** fieldset中checkbox新增name,trueValue,falseValue配置 ([3435661](https://github.com/Tencent/tmagic-editor/commit/3435661348efce00390d0a79361073e8fea8af33))
+- **form:** text新增prepend, append不默认使用button ([cea6569](https://github.com/Tencent/tmagic-editor/commit/cea65690204dbe8ccf178f92fa7c47ad6fd24a8c))
+- **form:** 新增flex-layout组件 ([3e76d34](https://github.com/Tencent/tmagic-editor/commit/3e76d34f59343b5c3e833d32a35fad152a5bf7fd))
+- **form:** 新增style,fieldStyle配置;tooltip支持配置placement;配置中的函数新增getFormValue方法 ([1eeabc8](https://github.com/Tencent/tmagic-editor/commit/1eeabc8220649405746558d09bd648d2b650854d))
+- **playground:** 支持UI组件库切换 ([dd3e901](https://github.com/Tencent/tmagic-editor/commit/dd3e901a3d4122e6f4043521ff776fc0df478f98))
+- **table:** action支持配置disabled ([8809351](https://github.com/Tencent/tmagic-editor/commit/88093515373e1b431c83c0da9c28a2688421d151))
+
+## [1.6.1](https://github.com/Tencent/tmagic-editor/compare/v1.6.0...v1.6.1) (2025-10-14)
+
+### Bug Fixes
+
+- **core:** 异步加载数据源时，数据源事件配置失效 ([1031595](https://github.com/Tencent/tmagic-editor/commit/1031595a976b33f8e5e3a71d8c00944d4777beb1))
+- **form:** text与同行元素不对齐问题 ([cae11dc](https://github.com/Tencent/tmagic-editor/commit/cae11dce1290b9ea314c07daee30f1eb6f400681))
+- 组件声明周期函数配置中配置数据源自有方法生效 ([e400175](https://github.com/Tencent/tmagic-editor/commit/e400175ffe89ab3105e50d2ffcd702d9d2a12970))
+
+### Features
+
+- **data-source, editor, schema, react-runtime-help, vue-components:** 新增条件成立时隐藏的配置功能 ([51f95ae](https://github.com/Tencent/tmagic-editor/commit/51f95aef6f649851222e09e7234648f4985d1ad8))
+- **data-source:** 数据源数据变化事件监听响应支持立即执行 ([849b561](https://github.com/Tencent/tmagic-editor/commit/849b561933d74bcc68f75f15d67e0d252c5a8468))
+- **editor:** 属性配置中的样式面板样式优化 ([81aa8f1](https://github.com/Tencent/tmagic-editor/commit/81aa8f151d765bf08d2f88c334ff7c58b38aab56))
+
+# [1.6.0](https://github.com/Tencent/tmagic-editor/compare/v1.6.0-beta.6...v1.6.0) (2025-08-27)
+
+### Bug Fixes
+
+- **cli:** 在pnpm工作空间中的项目，保持package.json不受配置中的packages影响 ([a10f9d2](https://github.com/Tencent/tmagic-editor/commit/a10f9d230d93064c28ff82f2c3aba2679f8fe495))
+
+### Features
+
+- **cli:** 支持tmagic.config.local配置文件，会与tmagic.config配置合并，可用于本地开发时的临时配置 ([9f35054](https://github.com/Tencent/tmagic-editor/commit/9f350541bf84a634499a9af53449015f34da26b5))
+
+# [1.6.0-beta.6](https://github.com/Tencent/tmagic-editor/compare/v1.6.0-beta.5...v1.6.0-beta.6) (2025-08-15)
+
+### Features
+
+- **core:** 事件支持关联数据源自身方法 ([4c6118f](https://github.com/Tencent/tmagic-editor/commit/4c6118f50f8e78e8db157f9b32c49f5f068e3e9a))
+
+# [1.6.0-beta.5](https://github.com/Tencent/tmagic-editor/compare/v1.6.0-beta.4...v1.6.0-beta.5) (2025-08-08)
+
+### Bug Fixes
+
+- **core:** 事件行为应该为串行执行 ([fc1c9fe](https://github.com/Tencent/tmagic-editor/commit/fc1c9feafd337ad8fa8a9b5b3501278779d32410))
+
+# [1.6.0-beta.4](https://github.com/Tencent/tmagic-editor/compare/v1.6.0-beta.3...v1.6.0-beta.4) (2025-07-24)
+
+### Bug Fixes
+
+- **editor:** runtime url更新后恢复当前选中状态 ([c2830fc](https://github.com/Tencent/tmagic-editor/commit/c2830fca6b21648b51a486650caba3f9eb753c91))
+- **editor:** 避免services plugin重复添加 ([cdb07df](https://github.com/Tencent/tmagic-editor/commit/cdb07dfaea13a1813caddd59ba7e8efbdb374b3c))
+
+# [1.6.0-beta.3](https://github.com/Tencent/tmagic-editor/compare/v1.6.0-beta.2...v1.6.0-beta.3) (2025-07-24)
+
+### Bug Fixes
+
+- **editor:** runtimeUrl更新后需要重新设置runtime的dsl ([d31a544](https://github.com/Tencent/tmagic-editor/commit/d31a544a2312b4d78ae74eb600760df450946db8))
+- **editor:** 修复代码块编辑器的更新内容后按下ctrl+s光标会偏移的问题 ([07b8f5f](https://github.com/Tencent/tmagic-editor/commit/07b8f5fe8303bad57490c7dd0eba00e435fbfad5))
+
+# [1.6.0-beta.2](https://github.com/Tencent/tmagic-editor/compare/v1.6.0-beta.1...v1.6.0-beta.2) (2025-07-22)
+
+### Features
+
+- **core:** 异步加载dsl片段下，事件触发时node可能不存在 ([01b88db](https://github.com/Tencent/tmagic-editor/commit/01b88dba251a1f7cc29947c2a80e15839e50fcca))
+- **utile:** replaceChildNode找不多目标不报错 ([2605011](https://github.com/Tencent/tmagic-editor/commit/2605011df481d9edba5503d2ee3b3c9d4b76d0a3))
+
+# [1.6.0-beta.1](https://github.com/Tencent/tmagic-editor/compare/v1.6.0-beta.0...v1.6.0-beta.1) (2025-07-17)
+
+### Bug Fixes
+
+- **data-source:** 页面未初始化好之前，数据源数据变化后需要修改page.data ([305ea46](https://github.com/Tencent/tmagic-editor/commit/305ea4619fe15efbae069ef3f289c8742e8d51ee))
+- **vue-components:** iterator-container 传递 page-fragment-contianer-id 参数 ([7799a5d](https://github.com/Tencent/tmagic-editor/commit/7799a5da618b0136f4b3c12315c69d21b27a5965))
+- **vue-components:** page-fragment-container不标记为不是node节点 ([bf9fad1](https://github.com/Tencent/tmagic-editor/commit/bf9fad18b64521a9075a60f7e6e662b01d37f66f))
+
+### Features
+
+- **core:** Node中的instance初始为null，用于判断是否与组件产生关联 ([291de20](https://github.com/Tencent/tmagic-editor/commit/291de2005de54b8eeba818de67ab3506885f5057))
+- **editor:** 页面片容器内的组件不允许选中 ([ded24c8](https://github.com/Tencent/tmagic-editor/commit/ded24c8b4ff2c203260ec7633fc85325c98a565c))
+- **vue-components:** page-fragment-container编辑器中不去除内部组件id，不然会导致无法从app中获取dsl ([34bc223](https://github.com/Tencent/tmagic-editor/commit/34bc223f0241d9eef39450ebcef8a92b23c63f37))
+- **vue-components:** 添加页面片容器id prop ([a43825c](https://github.com/Tencent/tmagic-editor/commit/a43825caa27695fcd85cc4b5351a00080fefcec0))
+
+# [1.6.0-beta.0](https://github.com/Tencent/tmagic-editor/compare/v1.5.24...v1.6.0-beta.0) (2025-07-15)
+
+### Bug Fixes
+
+- **editor:** 依赖收集后没有同步到dsl中 ([aaf8046](https://github.com/Tencent/tmagic-editor/commit/aaf8046c63949ae733719409eb12109ef17b2cf1))
+
+### Features
+
+- **core,data-source,utils,react-runtime-help,vue-runtime-help:** 新增对页面片节点的管理 ([6a54720](https://github.com/Tencent/tmagic-editor/commit/6a547200681991ae8abefd0e3d72a603d21f12d4))
+
+## [1.5.24](https://github.com/Tencent/tmagic-editor/compare/v1.5.23...v1.5.24) (2025-07-03)
+
+### Bug Fixes
+
+- **editor:** 初始化收集依赖后编译数据源不能使用源数据 ([84bf9ba](https://github.com/Tencent/tmagic-editor/commit/84bf9ba2f96829ba8e88b278bd49f2cb454605aa))
+
+## [1.5.23](https://github.com/Tencent/tmagic-editor/compare/v1.5.22...v1.5.23) (2025-07-03)
+
+### Bug Fixes
+
+- **editor,react-runtime-help,vue-runtime-help:** 修复拖动页面顺序失效问题 ([b6a2604](https://github.com/Tencent/tmagic-editor/commit/b6a260471d9369e9b911f35d16ff0fca82a7d4fe))
+- **editor:** 树组件搜索后不展开所有节点 ([c984c1a](https://github.com/Tencent/tmagic-editor/commit/c984c1a0cf0c934d41e5affb471d2ff2efa4bb97))
+- **editor:** 防止快捷键重复注册 ([18e8df4](https://github.com/Tencent/tmagic-editor/commit/18e8df4a557cb845a8f1d2868ea4e8833a75941d))
+- **editor:** 页面列表滚动条 ([727af10](https://github.com/Tencent/tmagic-editor/commit/727af1058d23e0843482536133954243c9f208d5))
+
+### Features
+
+- **core,data-source,dep,editor,schema:** 新增组件禁用代码块/数据源的配置开关 ([2f4a7a3](https://github.com/Tencent/tmagic-editor/commit/2f4a7a33b85015bfe5368bd10bf562514f07299c))
+- **dep,schema:** 添加组件没用数据源或者代码块的配置key ([3f7d039](https://github.com/Tencent/tmagic-editor/commit/3f7d03959cdbafacc439df2bf3a61aa1e21cb8c2))
+- **editor:** service新增removePlugin方法 ([8d6da37](https://github.com/Tencent/tmagic-editor/commit/8d6da3712efdc269cbaa47b003bf667bbce00ae7))
+- **editor:** stage overlay 支持放大缩小 ([3268196](https://github.com/Tencent/tmagic-editor/commit/32681964b340fc8e68f8b6a6eb420043fd569b78))
+- **editor:** 数据源属性/方法表格可以拖动列宽 ([222a96e](https://github.com/Tencent/tmagic-editor/commit/222a96e4652003b908c5c75378e5ddf2029fdd65))
+- **editor:** 新增props-panel-unmounted事件 ([9e590c5](https://github.com/Tencent/tmagic-editor/commit/9e590c5cf73c9925f7aad562409f31c1ff273b18))
+- **playground:** 新增按比例拖动组件大小快捷键 ([b78ef20](https://github.com/Tencent/tmagic-editor/commit/b78ef206022d69a8c3f81c55a301e5a4b5147641))
+- **stage:** 新增禁用标尺配置 ([95d6263](https://github.com/Tencent/tmagic-editor/commit/95d6263f42ad13c2ac0560704695408634e55d91))
+- **stage:** 添加updateMoveableOptions api，用于更新选中框状态 ([bdd59cf](https://github.com/Tencent/tmagic-editor/commit/bdd59cff9b378461f905b04e250f8ad7f6ed21a0))
+
+## [1.5.22](https://github.com/Tencent/tmagic-editor/compare/v1.5.21...v1.5.22) (2025-06-09)
+
+### Bug Fixes
+
+- **data-source,utils:** 不使用replaceAll,安卓10不支持 ([b1f020d](https://github.com/Tencent/tmagic-editor/commit/b1f020d53242981751c4e941a0fde9d61e9d6060))
+- **vue-runtime-help:** 修复页面片中组件拖动位置异常问题 ([b72f4da](https://github.com/Tencent/tmagic-editor/commit/b72f4dae28961fd8246101998a2f4e78775dd996))
+
+### Features
+
+- **design:** dialog支持配置destroyOnClose ([cd4656e](https://github.com/Tencent/tmagic-editor/commit/cd4656e54f3627429427973525b9fc5bf10a7139))
+- **editor:** 支持禁用数据源与代码块 ([6152a78](https://github.com/Tencent/tmagic-editor/commit/6152a78467b9fc96760da3b9a2bd4cc8cb8457b8))
+- **editor:** 支持配置自定义创建Monaco editor函数 ([3097e8e](https://github.com/Tencent/tmagic-editor/commit/3097e8eddb61331cc249d1b18d74560bc8bfbefe))
+- **editor:** 样式中的position选项加上中文 ([1614b62](https://github.com/Tencent/tmagic-editor/commit/1614b62d2a2bea8393386538ac57f0909bb06032))
+- **eslint-conft:** 添加import-sort的本地目录 ([e01ce21](https://github.com/Tencent/tmagic-editor/commit/e01ce2128e98b512b3c3611615da4f97b1b9d356))
+- **form,form-schema:** group list支持配置默认展开数量 ([6b4ca4b](https://github.com/Tencent/tmagic-editor/commit/6b4ca4b83a1a0a36ff94c30feb1845d957377b47))
+
+## [1.5.21](https://github.com/Tencent/tmagic-editor/compare/v1.5.20...v1.5.21) (2025-06-04)
+
+### Bug Fixes
+
+- **data-source:** 没有异步加载数据源的情况下，数据源init方法没有执行 ([c7b2734](https://github.com/Tencent/tmagic-editor/commit/c7b27340901c9728195084ca88525b9102fc4855))
+
+### Features
+
+- **editor,stage:** 支持切换runtimeUrl ([92534fc](https://github.com/Tencent/tmagic-editor/commit/92534fc9159b408f93e194ce119b45ff5cd5f95f))
+- **editor:** 获取联动组件的方法函数中添加组件id参数 ([0196eb3](https://github.com/Tencent/tmagic-editor/commit/0196eb343ac782ca2ab7a9a69f09ab273a38fa8e))
+- **form:** select before/after request配置函数支持异步 ([8142a7a](https://github.com/Tencent/tmagic-editor/commit/8142a7ab6da9503540070b443b24e3344a069858))
+
+## [1.5.20](https://github.com/Tencent/tmagic-editor/compare/v1.5.19...v1.5.20) (2025-05-21)
+
+### Bug Fixes
+
+- **editor:** getTMagicApp中对runtime-ready可能存在多次事件监听 ([4448584](https://github.com/Tencent/tmagic-editor/commit/444858491da47c168ea2540cd718fabdca027781))
+- **editor:** 新增数据源时，由于方法列表为空出现的报错 ([1e396d4](https://github.com/Tencent/tmagic-editor/commit/1e396d4a8d202c0324d7f4128b80fd476bdb4e65))
+
+### Features
+
+- **core:** 新增事件处理前后的钩子函数配置 ([b78d2fd](https://github.com/Tencent/tmagic-editor/commit/b78d2fda1fe474b7004db038a51773c326b24f4e))
+- **data-source:** 新增判断所有数据源加载完成的方法 ([dc37d4e](https://github.com/Tencent/tmagic-editor/commit/dc37d4e8bd35d473c3c74a7b10b3d9e6af00d759))
+- **data-source:** 由于存在异步加载数据源，新增所有数据源加载完毕事件 ([a35789c](https://github.com/Tencent/tmagic-editor/commit/a35789c0cf1c740df9fb16bc302cf1aec50cdf2b))
+
+## [1.5.19](https://github.com/Tencent/tmagic-editor/compare/v1.5.18...v1.5.19) (2025-05-20)
+
+### Bug Fixes
+
+- **data-source:** 异步加载数据源时，初始化第一次编译时数据源可能未加载，需要优先设置数据源默认值 ([d628ffa](https://github.com/Tencent/tmagic-editor/commit/d628ffad26f897ee6144b3981bdcd11cb8dd5e9d))
+- **data-source:** 异步加载数据源时，初始化第一次编译时数据源可能未加载，需要优先设置数据源默认值 ([fc88671](https://github.com/Tencent/tmagic-editor/commit/fc886715c7b465d7f5e18eb5bcd904963f6dd4a9))
+- **editor:** 由于数据源可能有内部方法，所以去掉事件联动中数据源选项置灰的逻辑 ([1444eb6](https://github.com/Tencent/tmagic-editor/commit/1444eb6ae7455dc9abaf3d05ed8db02b410875e7))
+
+### Features
+
+- **core:** 支持统一设置node.store的初始值 ([abe27db](https://github.com/Tencent/tmagic-editor/commit/abe27db47afbedf997affcd9593c9a9e8e0a4a14))
+
+## [1.5.18](https://github.com/Tencent/tmagic-editor/compare/v1.5.17...v1.5.18) (2025-05-14)
+
+### Bug Fixes
+
+- **editor:** 根节点修改在update事件中不要触发依赖收集 ([6b481c4](https://github.com/Tencent/tmagic-editor/commit/6b481c447309abefbf9ea12f80fa4f874c7ff2a0))
+- **editor:** 选中组件时，如果组件处于所在容器可视范围外，不要将组件滚动至可视范围，而是滚动组件容器至可视范围 ([936eb08](https://github.com/Tencent/tmagic-editor/commit/936eb08a94ef8e237f55d2c9c7f0408f9bfb4f8e))
+
+### Features
+
+- **core:** 新增数据源初始数据配置字段 ([d1e99a4](https://github.com/Tencent/tmagic-editor/commit/d1e99a46a7a25e2ddef152aef634589361e39194))
+- **editor:** eventsServic支持插件扩展 ([054d126](https://github.com/Tencent/tmagic-editor/commit/054d12601b243a02f54af5f8776d74b5c5497858))
+- **editor:** 组件高级配置中添加display ([e0d5efb](https://github.com/Tencent/tmagic-editor/commit/e0d5efb02261069b48823cd8ce24232ea6f24b08))
+
+## [1.5.17](https://github.com/Tencent/tmagic-editor/compare/v1.5.16...v1.5.17) (2025-05-06)
+
+### Features
+
+- **cli:** 指定组件不使用动态加载，dynamicImport为true时有效 ([85284e5](https://github.com/Tencent/tmagic-editor/commit/85284e54f5874d2c7afe08e401b26ae6b21a153f))
+- **editor,form,form-schema:** 新增form-schema，将表单schema放入其中 ([50b74d1](https://github.com/Tencent/tmagic-editor/commit/50b74d10e6e52f14ac46547292eaba8fe9bbae11))
+- **editor:** dsl初始化时收集依赖使用worker ([179b797](https://github.com/Tencent/tmagic-editor/commit/179b797c5c8b4cbcf76a1d32ec3e899efb32ae2a))
+- **form:** select before/after request函数配置中增加prop字段 ([ed01cfc](https://github.com/Tencent/tmagic-editor/commit/ed01cfca870c726117c33478907f55d9fe66085b))
+
+## [1.5.16](https://github.com/Tencent/tmagic-editor/compare/v1.5.15...v1.5.16) (2025-04-28)
+
+### Bug Fixes
+
+- **data-source:** 异步加载数据源后，数据源未初始化 ([378c756](https://github.com/Tencent/tmagic-editor/commit/378c75658d1b50454ceb8cf4072b09beffb86067))
+
+### Features
+
+- **core:** instance设定不再限制只有方法 ([e5bcd76](https://github.com/Tencent/tmagic-editor/commit/e5bcd762b290a6b58bfd6486628c828207e30c37))
+- **core:** 添加error hander配置 ([6dc0073](https://github.com/Tencent/tmagic-editor/commit/6dc007388bb28e6501bcb026fce1e2881b87bd82))
+- **editor:** 组件默认的名称，id配置只要在业务不提供时才加入 ([2dc0bbc](https://github.com/Tencent/tmagic-editor/commit/2dc0bbc679a7ab1ee1b7d368973bcb4abed2c0bb))
+
+## [1.5.15](https://github.com/Tencent/tmagic-editor/compare/v1.5.14...v1.5.15) (2025-04-25)
+
+### Bug Fixes
+
+- **editor:** getTMagicApp返回类型错误 ([ba05ecb](https://github.com/Tencent/tmagic-editor/commit/ba05ecbf608785d97c60adbdd6b7381597e6cb6f))
+
+## [1.5.14](https://github.com/Tencent/tmagic-editor/compare/v1.5.13...v1.5.14) (2025-04-24)
+
+### Bug Fixes
+
+- **dep:** 配置了数据源内部方法无法收集到依赖 ([0e91133](https://github.com/Tencent/tmagic-editor/commit/0e911337b8f88e5e88fecf072395c38d2de1bc08))
+- **editor:** 编辑数据源/代码块时，列表高亮 ([de52ff4](https://github.com/Tencent/tmagic-editor/commit/de52ff4fe100cb11b73865703b03a0cbcc4e92e7))
+
+### Features
+
+- **form:** onChange添加setModel参数，用于修改model并添加至修改记录中 ([5e0e776](https://github.com/Tencent/tmagic-editor/commit/5e0e776d4004c9a4ad2ae53d7146353dc088a478))
+- **utils:** 添加设置删除获取url参数的方法 ([105de9d](https://github.com/Tencent/tmagic-editor/commit/105de9d2c6ba69eb9e7ca9777f16441e5aa4c1f0))
+- **vue-runtime-help:** app不存在时抛异常，保证app一定存在，避免多余的可选链 ([fd7e737](https://github.com/Tencent/tmagic-editor/commit/fd7e737e8c4f4958c8d59d5f844f40cf1509724f))
+
+## [1.5.13](https://github.com/Tencent/tmagic-editor/compare/v1.5.12...v1.5.13) (2025-04-10)
+
+### Bug Fixes
+
+- **data-source:** 数据源初始化时机比注册早回出现死循环 ([840c2c3](https://github.com/Tencent/tmagic-editor/commit/840c2c3c7d267f999e229f7720cbbdc1bf5e2436))
+- 修复表格拖拽排序与表单选字操作冲突的问题 ([f91eb41](https://github.com/Tencent/tmagic-editor/commit/f91eb415dbdf23c8f05bc21617de67aef7bd524c))
+
+### Features
+
+- **core:** 支持传入env ([0bcd7d0](https://github.com/Tencent/tmagic-editor/commit/0bcd7d075518523809b639e8128583c87b90aa89))
+- **core:** 支持自定义Node类 ([18524d8](https://github.com/Tencent/tmagic-editor/commit/18524d89fb8086a34307ed17e54da520db92add2))
+- **editor:** 编辑代码块/数据源时高亮列表中对应的项 ([54e00f2](https://github.com/Tencent/tmagic-editor/commit/54e00f28524e546cecd0691d19fbcb0bee4af35e))
+
+## [1.5.12](https://github.com/Tencent/tmagic-editor/compare/v1.5.11...v1.5.12) (2025-03-27)
+
+### Bug Fixes
+
+- **design:** card没有slots时隐藏对应slot ([4ddc55a](https://github.com/Tencent/tmagic-editor/commit/4ddc55aa6de4bafb978a621ab9b69af1e0c36d78))
+- **editor:** 数据源修改后，依赖重新收集不准确 ([9c7d711](https://github.com/Tencent/tmagic-editor/commit/9c7d711c167c5e8ee1e9d8a8e89d66d245070dee))
+- **editor:** 获取关联组件的方法默认值 ([f5742c1](https://github.com/Tencent/tmagic-editor/commit/f5742c107a68389c0828de991e7f5e9745e20d67))
+- **vue-components:** button删除调试代码，text支持富文本 ([2a714ae](https://github.com/Tencent/tmagic-editor/commit/2a714ae9cc89b7c88528c8afe9270ad774d7755d))
+
+### Features
+
+- **cli:** 如果识别不要组件文件，则默认从npm包的default导入 ([b715a87](https://github.com/Tencent/tmagic-editor/commit/b715a87f409856ed396b3e35eb4102776329531e))
+
+## [1.5.11](https://github.com/Tencent/tmagic-editor/compare/v1.5.10...v1.5.11) (2025-03-11)
+
+### Bug Fixes
+
+- **dep:** 依赖收集不能过滤id/name ([0c207c7](https://github.com/Tencent/tmagic-editor/commit/0c207c7b834ae25c16038a8ca431154afb4ccda1))
+- **dep:** 数据源方法收集判断 ([72108e0](https://github.com/Tencent/tmagic-editor/commit/72108e00193698c8e7087b115f36e10216a0f386))
+
+### Features
+
+- **vue-runtime-help:** useDsl/useEditorDsl添加app默认参数 ([f671c67](https://github.com/Tencent/tmagic-editor/commit/f671c670db84631abb1f7d9e4fbf432637de2947))
+
+## [1.5.10](https://github.com/Tencent/tmagic-editor/compare/v1.5.9...v1.5.10) (2025-03-07)
+
+### Bug Fixes
+
+- **data-source:** 处理异步动态加载数据源时，初始化数据源还未加载完毕的情况 ([3c66319](https://github.com/Tencent/tmagic-editor/commit/3c66319b03c42305c66b0c6a87307fe747d9f90e))
+- **editor:** 样式配置宽度不能为负 ([775fcf5](https://github.com/Tencent/tmagic-editor/commit/775fcf5693eef051e5899aceae7873c1afa0e60c))
+- **stage:** 防止runtime重复注册 ([63fe6ec](https://github.com/Tencent/tmagic-editor/commit/63fe6ec68be444082cb16aac76d6b2fe9ee5724f))
+
+### Features
+
+- **core:** hook函数调用添加node参数 ([5ba2a73](https://github.com/Tencent/tmagic-editor/commit/5ba2a73c7035d84688be0b0f1c0b4467558518c3))
+- **core, editor:** 删除公共的点击事件实现，由组件自行添加 ([c8e1cff](https://github.com/Tencent/tmagic-editor/commit/c8e1cffca9b12c124c34d75ee9187a03c6f61599))
+- **core:** app添加dsl-change事件 ([a4d021d](https://github.com/Tencent/tmagic-editor/commit/a4d021d2fb1fec113496733380d99e0f9deb132f))
+- **core:** node新增registerMethod方法，用于组件注册供其他组件通过事件配置调用 ([ff07147](https://github.com/Tencent/tmagic-editor/commit/ff0714727044c41148babcec977ca89058169501))
+- **reate-runtime-help,vue-runtime-help:** 新增组件状态hook ([6f5bb84](https://github.com/Tencent/tmagic-editor/commit/6f5bb84c04f9b4b5b2145ce6c559445563a60e6c))
+- **runtime:** vue2 h传参与vue3不一样，需要自定义render ([90abde5](https://github.com/Tencent/tmagic-editor/commit/90abde57cc01218b483c94faf29f88996fb75c20))
+- **runtime:** 支持页面切换 ([4026c0c](https://github.com/Tencent/tmagic-editor/commit/4026c0c305937b060de21ec74355a1be46e25dbf))
+- **vue-components,react-components:** 增加点击事件，使用组件状态hook ([0736646](https://github.com/Tencent/tmagic-editor/commit/0736646c63067b3b19125b356f462d658673eaa7))
+- **vue-container:** 支持自定义render ([91cde30](https://github.com/Tencent/tmagic-editor/commit/91cde30d75de866ade3f48f48b2c0d1251fe2b36))
+
+## [1.5.9](https://github.com/Tencent/tmagic-editor/compare/v1.5.8...v1.5.9) (2025-02-20)
+
+### Bug Fixes
+
+- **editor:** 编辑器销毁不应该移除依赖收集任务的事件监听 ([6e2b5ae](https://github.com/Tencent/tmagic-editor/commit/6e2b5aea47cc1059d4b92a85b9801d7af4f9b3b9))
+
+### Features
+
+- **table:** formatter添加index信息 ([4d77b66](https://github.com/Tencent/tmagic-editor/commit/4d77b669baf68f3346aa64d52dea6f75712b1af4))
+- **table:** 支持type: index的序号列 ([6f2c6b1](https://github.com/Tencent/tmagic-editor/commit/6f2c6b151d59aca8899742c724c44dbde7d01a89))
+
+## [1.5.8](https://github.com/Tencent/tmagic-editor/compare/v1.5.7...v1.5.8) (2025-02-11)
+
+### Bug Fixes
+
+- **editor:** 组件配置列大小缓存不生效 ([6d82c0f](https://github.com/Tencent/tmagic-editor/commit/6d82c0f730ff0ad7dc36b39b7c0d2534672b05c3))
+
+### Features
+
+- **editor:** 优化依赖收集状态显示，新增剩余任务数量显示 ([413134b](https://github.com/Tencent/tmagic-editor/commit/413134b21d3966bf7f1dbb1da6e2596f2c582bff))
+
+## [1.5.7](https://github.com/Tencent/tmagic-editor/compare/v1.5.6...v1.5.7) (2025-02-11)
+
+## [1.5.6](https://github.com/Tencent/tmagic-editor/compare/v1.5.5...v1.5.6) (2025-02-10)
+
+### Bug Fixes
+
+- **core:** deep-state-observer update 的data与初始化时相同，导致get data为空 ([701a9d6](https://github.com/Tencent/tmagic-editor/commit/701a9d6f3043f77048f6b9be3bc2305adb14d57e))
+- **editor:** 修改数据源可能造成页面卡死 ([e9c6a3b](https://github.com/Tencent/tmagic-editor/commit/e9c6a3bb2fd5b3b4cecffcedef47a020dba0fde2))
+- **editor:** 已经配置了的样式无法删除 ([e8461f9](https://github.com/Tencent/tmagic-editor/commit/e8461f91e62031f87dbc976f41e873f2bcc3c00c))
+- **editor:** 编辑器组件销毁后重置依赖收集 ([51ca1e6](https://github.com/Tencent/tmagic-editor/commit/51ca1e60af1ca89e6b5966825e6c0ed3707f4582))
+
+### Features
+
+- **editor:** 优化浏览器变小时各列大小变化 ([877a4ea](https://github.com/Tencent/tmagic-editor/commit/877a4eaa49b6826e04426e162049db14f6a4f15e))
+
+## [1.5.5](https://github.com/Tencent/tmagic-editor/compare/v1.5.4...v1.5.5) (2025-01-14)
+
+### Features
+
+- **dep:** 性能优化，收集时节点配置中id与name不需要做判断 ([b215062](https://github.com/Tencent/tmagic-editor/commit/b215062177a607ae53e9ef10ffad092f4f506f82))
+- **editor:** 优化依赖收集，数据源代码块分开收集 ([040b787](https://github.com/Tencent/tmagic-editor/commit/040b787e8f138759e2acfed4071ffa7cf70eea59))
+
+## [1.5.4](https://github.com/Tencent/tmagic-editor/compare/v1.5.3...v1.5.4) (2025-01-10)
+
+### Bug Fixes
+
+- **element-plus-adapter:** 只有当前没注册loading指令时才注册 ([8b12016](https://github.com/Tencent/tmagic-editor/commit/8b1201626dd2ff410e919da2baec58b0c332303d))
+- **element-plus-adapter:** 增加loading指令 ([1bcefdb](https://github.com/Tencent/tmagic-editor/commit/1bcefdb1e8ca851bdd322de860546a906298b02b))
+
+## [1.5.3](https://github.com/Tencent/tmagic-editor/compare/v1.5.2...v1.5.3) (2025-01-06)
+
+### Bug Fixes
+
+- **core:** 公共点击事件在非浏览器环境不执行 ([ec94eed](https://github.com/Tencent/tmagic-editor/commit/ec94eed7871e71136d9d3fcfb561e76048259f1e))
+- **editor:** select配置项无法清空 ([833dbcd](https://github.com/Tencent/tmagic-editor/commit/833dbcd8b4c3b5143d0d1c1962c6d69dfa4404d3))
+
+### Features
+
+- **editor,form,schema:** 组件样式配置可视化 ([246e694](https://github.com/Tencent/tmagic-editor/commit/246e6941d565010a069376020c451eb63deb50bd))
+- **editor:** 样式配置面板支持拖动大小 ([e8bbdf6](https://github.com/Tencent/tmagic-editor/commit/e8bbdf613b2a36313b5cd6bd9df5d68d1f1a45d3))
+- **editor:** 配置组件时将样式中的空配置移除 ([7b0a476](https://github.com/Tencent/tmagic-editor/commit/7b0a476677c36f606c63825f99df7d2537fffa8d))
+- **form:** groupList支持复制单条记录，支持移动单条记得到指定位置，table支持复制单条记录 ([a831413](https://github.com/Tencent/tmagic-editor/commit/a831413151f1006811e160796404f06f1f353bc6))
+
+## [1.5.2](https://github.com/Tencent/tmagic-editor/compare/v1.5.1...v1.5.2) (2024-12-18)
+
+### Bug Fixes
+
+- **editor:** data-source-field-select透传eventData ([d48d40a](https://github.com/Tencent/tmagic-editor/commit/d48d40a2b75da06ebac5e4d9a6d3d351e3a966f5))
+
+## [1.5.1](https://github.com/Tencent/tmagic-editor/compare/v1.5.0...v1.5.1) (2024-12-18)
+
+### Bug Fixes
+
+- **form:** table 开启dropSort后，多次拖动row后会报错 ([957b0d9](https://github.com/Tencent/tmagic-editor/commit/957b0d9b40fbf5786d5cbbc35db50d12775ae502))
+
+### Features
+
+- **design:** table添加row/cell class name ([432f1f5](https://github.com/Tencent/tmagic-editor/commit/432f1f5a559429352258736105cc865b310dbda9))
+- **editor:** 数据源/代码编辑列表新增右键菜单 ([74f76d0](https://github.com/Tencent/tmagic-editor/commit/74f76d0ba31881cbff93dfe967e6ef38e69f96e9))
+- **editor:** 样式添加display配置，右侧边栏最小值设置成420 ([712e317](https://github.com/Tencent/tmagic-editor/commit/712e317e40ea171c920a3ba9f0cad5b0b0161440))
+- **editor:** 组件配置中的样式支持单独一列显示 ([5cd6d21](https://github.com/Tencent/tmagic-editor/commit/5cd6d21b2e14eb846313c7af6c859934c187a446))
+- **form:** 新增labelPosition配置 ([7a8da68](https://github.com/Tencent/tmagic-editor/commit/7a8da68edb2ccc1dcbe876dff96695513965e6a2))
+- **vue-components,react-components:** 组件表单配置修改 ([e421a58](https://github.com/Tencent/tmagic-editor/commit/e421a58f4ea14bd9b6b9ef12e743fb018fead1b6))
+
+# [1.5.0](https://github.com/Tencent/tmagic-editor/compare/v1.4.18...v1.5.0) (2024-12-10)
+
+### Bug Fixes
+
+- **cli:** keepPackageJsonClean开启后lock不要修改 ([a569d51](https://github.com/Tencent/tmagic-editor/commit/a569d51f6b7e6362d5f13027ee1f7277343cdcb7))
+- **cli:** 组件库未npm包时其中的组件无法识别 ([e6909dc](https://github.com/Tencent/tmagic-editor/commit/e6909dc0523a30b4ce5d686e10fae1f4b611d895))
+- **core:** devtools更新代码块函数可能没有name，导致失败 ([d881523](https://github.com/Tencent/tmagic-editor/commit/d8815237f542007e5f5b818a296cf6830f9ba42a))
+- **core:** 没有数据源配置时，不初始化数据源事件 ([2186fc4](https://github.com/Tencent/tmagic-editor/commit/2186fc4e87f9626410ef43b1a48cb00c2792d064))
+- **data-source:** http数据源中mock数据应该是数据源定义好的数据，不再是请求的数据源 ([2564631](https://github.com/Tencent/tmagic-editor/commit/25646317ae14a29dc83e3525d605822bd45d62e4))
+- **data-source:** http数据源中mock配置中关闭启用后，不会执行request ([ea79a0d](https://github.com/Tencent/tmagic-editor/commit/ea79a0d6013b1a132c6180807e9d2d730e9283d1))
+- **data-source:** manager初始化数据源时，如果失败了要把data中对应的数据删掉，不然在ssr中会导致客户端不会重新尝试请求 ([fd80bad](https://github.com/Tencent/tmagic-editor/commit/fd80bada977bff90b085daa29fc940663d6c011f))
+- **data-source:** 执行时机函数需要await ([5caae4e](https://github.com/Tencent/tmagic-editor/commit/5caae4e95338ea5c41e5bb351324d761d6b8f23b))
+- **data-source:** 编辑器中迭代器容器中的容器添加组件并关联数据源后没有编译 ([8aba06a](https://github.com/Tencent/tmagic-editor/commit/8aba06ac3851134887ca1c256c527e6eff8fe732))
+- **data-source:** 迭代内容多层嵌套下子组件条件配置不生效 ([e057ddc](https://github.com/Tencent/tmagic-editor/commit/e057ddc18704fe7efcf494ca66c64c9dd9229946))
+- **data-source:** 避免http数据源在编辑器中的响应裁剪中修改到mock配置的数据 ([f6885a0](https://github.com/Tencent/tmagic-editor/commit/f6885a06b6f4c646cfb99f595c59e95cef548927))
+- **dep:** 数据源条件依赖收集默认不收集迭代器内部组件的依赖 ([6754c3a](https://github.com/Tencent/tmagic-editor/commit/6754c3a8a556a86eea3aecc25a2d5b7cbcf0fe70))
+- **design:** popover zindex不生效 ([e53c0e1](https://github.com/Tencent/tmagic-editor/commit/e53c0e1ce531f94cc1a2a6b8f15cbc24a9261519))
+- **editor:** stage销毁问题 ([0d901c0](https://github.com/Tencent/tmagic-editor/commit/0d901c018ffe96d042f1a6e89ad2a90d38a06277))
+- **editor:** 事件中选择联动组件无法再组件树中选择 ([d58cac7](https://github.com/Tencent/tmagic-editor/commit/d58cac7909ece2c514aa357db78a63cfd52a0df4))
+- **editor:** 修复修改页面配置后可能改造页面卡死问题 ([fc38fc3](https://github.com/Tencent/tmagic-editor/commit/fc38fc3957f00d6a687799d8ec035f531bd706a8))
+- **editor:** 修改未包含数据源的配置，画布中没有实时更新 ([0d64202](https://github.com/Tencent/tmagic-editor/commit/0d6420215c87f85fbf87bcd80d8ee295075fc1d9))
+- **editor:** 更新组件配置后，如果当前没有任何依赖，不会触发收集，导致画布不更新 ([d33ddcf](https://github.com/Tencent/tmagic-editor/commit/d33ddcfa65232a8c03c78ae164e06eb15feaf6cb))
+- **form:** datarange组件如果传入utc时间,显示会出错 ([e6239af](https://github.com/Tencent/tmagic-editor/commit/e6239af7d891053286d532f2ed7060989150d3eb))
+- **form:** datatime没有初始值时异常 ([b24b374](https://github.com/Tencent/tmagic-editor/commit/b24b3749c48654919480ab146cc1667be6ede8d0))
+- **form:** date组件初始化时不显示值 ([0c665c6](https://github.com/Tencent/tmagic-editor/commit/0c665c6b3c7d519f9f1edbb70a693c10a8db4e40))
+- **form:** text组件配置了tooltip无效 ([3a7bfef](https://github.com/Tencent/tmagic-editor/commit/3a7bfef5cf7b7aeb46d93f1e739c7f310bc53cd6))
+- **stage:** 流水布局拖动无效 ([0544746](https://github.com/Tencent/tmagic-editor/commit/054474634e258a20149ea8ec756603ddd1865258))
+- **tmagic-form-runtime:** 画布无法点击选中组件 ([a2c79c7](https://github.com/Tencent/tmagic-editor/commit/a2c79c79cd07e8aa686ed6985d1e6f1284077ff9))
+- **vue-component:** 从core中获取utils的方法 ([d9ef4b9](https://github.com/Tencent/tmagic-editor/commit/d9ef4b91fa59fa3dd6d8f8926da24571631f18f0))
+- **vue-runtime-help:** 更新dsl时，设置默认选中项与默认页面 ([d119727](https://github.com/Tencent/tmagic-editor/commit/d1197279fd3cb0e05cf592ee8ce152d559776737))
+- 迭代器内的组件配置了声明周期代码块无效 ([60d2b64](https://github.com/Tencent/tmagic-editor/commit/60d2b64aa5a321c0b3d8845e5862673d20c8d83d))
+
+### Features
+
+- **cli:** 新增npm install 参数配置 ([3cae4fb](https://github.com/Tencent/tmagic-editor/commit/3cae4fbc1c9f9657b5dbf17a63df3df7bf364295))
+- **cli:** 组件库支持import npm包组件 ([5ed534e](https://github.com/Tencent/tmagic-editor/commit/5ed534e36491e196a94e0bb91fa32c810a525242))
+- **core:** 新增调试api ([a0f39d9](https://github.com/Tencent/tmagic-editor/commit/a0f39d90d6a9d3d9142f54ff1116e5011ad8c43a))
+- **data-source,editor:** http数据源params,data,headers支持函数配置 ([03942dc](https://github.com/Tencent/tmagic-editor/commit/03942dc49ea781bdd17ae8a7ba582491ea722338))
+- **data-source:** http数据源参数裁剪与响应裁剪支持异步函数配置 ([5267b4b](https://github.com/Tencent/tmagic-editor/commit/5267b4bb930b29cb688c221cde8d11f2f91dab29))
+- **design,element-plus-adapter,tdesign-vue-next-adapter:** 重新实现Popover组件，不再使用element-plus或tdesign组件 ([5e61f23](https://github.com/Tencent/tmagic-editor/commit/5e61f23106b671c862548d4c4d3ca5f14ee724e9))
+- **design:** popover 添加destroyOnClose props ([c73a27e](https://github.com/Tencent/tmagic-editor/commit/c73a27eb1a2a876c49c0496d6a48a9a9fbcf3876))
+- dsl id渲染到dom上的data-tmagic-id,不再是id属性 ([9e4da0a](https://github.com/Tencent/tmagic-editor/commit/9e4da0a5c2ae968a57c289184f4c1d31ea562357))
+- **editor:** export tree组件 ([4f7b6ce](https://github.com/Tencent/tmagic-editor/commit/4f7b6cede46310e1ed757079ce9121ebf2fc359b))
+- **editor:** 事件流支持上下文对象传递和abort方法中断 ([52c1124](https://github.com/Tencent/tmagic-editor/commit/52c1124e9767e05979805ae0e9dca5311408e0c0))
+- **editor:** 代码块与数据源列表节点中新增依赖收集中tag ([e3f28ab](https://github.com/Tencent/tmagic-editor/commit/e3f28abe1ac90eea4428d144e93f3211f5d086fa))
+- **editor:** 优化依赖收集体验，减小收集任务粒度，修改配置时识别是否需要触发重新收集 ([b4136c9](https://github.com/Tencent/tmagic-editor/commit/b4136c91c2aa8b0a138717fb3f878463c3ba4750))
+- **editor:** 支持配置页面过滤函数 ([13abe89](https://github.com/Tencent/tmagic-editor/commit/13abe898a92c2b399d93e40290f4dc090ff066cd))
+- **editor:** 新增已选组件、代码编辑、数据源及其子节点增量缩进配置 ([47a21d6](https://github.com/Tencent/tmagic-editor/commit/47a21d6544b240cbf5595eca0422bf9a46e1e7b8))
+- **editor:** 选中页面后页面列表自动滚动到选中项 ([7a47315](https://github.com/Tencent/tmagic-editor/commit/7a47315bc1bae70cc76778587aeb22511a361a06))
+- **editor:** 页面/页面片不再使用tab分开显示，新增搜索页面 ([ed6d9b2](https://github.com/Tencent/tmagic-editor/commit/ed6d9b2b679083022cae962a7cefbdddc799fbe9))
+- **edtior,stage:** 重新渲染改成重新收集依赖后渲染 ([6030ed1](https://github.com/Tencent/tmagic-editor/commit/6030ed1684cbd630c917def74343f56cc7ca6743))
+- **form,editor:** 表单新增修改数据记录 ([9f7d67b](https://github.com/Tencent/tmagic-editor/commit/9f7d67b17bbe41f32ad96d23f4a605a9cd3c8224))
+- **form:** formState现在， ([e3f6ef4](https://github.com/Tencent/tmagic-editor/commit/e3f6ef48e63d778e874588a22864d27ac95101d7))
+- **form:** 支持配置阻止默认的submit行为 ([12ce5c5](https://github.com/Tencent/tmagic-editor/commit/12ce5c568ef07ec44b902eeca686cf189d34c2bb))
+- **form:** 添加tmagicFormItemProp ([0979282](https://github.com/Tencent/tmagic-editor/commit/09792825049fa2373a56c850e3fe9f076ea0dc48))
+- **stage,editor:** 在选中框新增支持触发画布中组件重新渲染 ([0727fe4](https://github.com/Tencent/tmagic-editor/commit/0727fe4fea0c24a1cdeb5b6bd7bf503caa87c1ea))
+- **stage:** export MoveableActionsAble; 在选中框上面自定义按钮 ([6e71448](https://github.com/Tencent/tmagic-editor/commit/6e7144815829a0e5aede79a49febe9909043632e))
+- **table:** expand支持width fixed配置 ([f30f8ab](https://github.com/Tencent/tmagic-editor/commit/f30f8ab13bffcf48c79ce98ba2957dcf3fbe79e5))
+- **table:** 新增createColumns函数 ([6fd3024](https://github.com/Tencent/tmagic-editor/commit/6fd30242c05df79cadf14c87ce21573191c2a674))
+- **utils:** 只是自定义dsl与dom el的关联关系函数 ([9494ed7](https://github.com/Tencent/tmagic-editor/commit/9494ed79a3dee9c0bd4ee5acc465f39e8530ccaf))
+- **utils:** 新增getGlobalThis方法 ([12230c2](https://github.com/Tencent/tmagic-editor/commit/12230c2f4ee93c3387be59e66c86f0fc312cb7bc))
+- **vue-component, runtime:** 使用 app.resolveComponent 获取组件 ([#631](https://github.com/Tencent/tmagic-editor/issues/631)) ([c3bc103](https://github.com/Tencent/tmagic-editor/commit/c3bc1035ad351aef07bbeb75461f4698232c761c))
+- **vue-components:** 添加className配置，page新增css、cssFile、jsFile配置 ([9948360](https://github.com/Tencent/tmagic-editor/commit/99483604355552934a5aebc94620474621f9c4e8))
+- 完善迭代器嵌套使用问题，重构事件配置处理代码 ([de47514](https://github.com/Tencent/tmagic-editor/commit/de47514f694e6212ad1ecc6b6112d4c7db6dfbae))
+- 将ui-react中的组件独立成包 ([cab36b4](https://github.com/Tencent/tmagic-editor/commit/cab36b49a368b1a8e582efaa3ba0fe80debe03ea))
+- 统一vue ui组件,将ui中的组件独立成包 ([3758cf8](https://github.com/Tencent/tmagic-editor/commit/3758cf8e0a4648c9b286e7a079e9517d19db7dab))
+
+# [1.5.0-beta.16](https://github.com/Tencent/tmagic-editor/compare/v1.5.0-beta.15...v1.5.0-beta.16) (2024-12-04)
+
+### Bug Fixes
+
+- **core:** 没有数据源配置时，不初始化数据源事件 ([383b9c9](https://github.com/Tencent/tmagic-editor/commit/383b9c926d1d3e5b176fdf5b1fb9056116854c93))
+- **data-source:** 执行时机函数需要await ([64a692b](https://github.com/Tencent/tmagic-editor/commit/64a692b32a1d26e03d0ede0c25b6d679dd8a0110))
+- **editor:** 修改未包含数据源的配置，画布中没有实时更新 ([b3733fe](https://github.com/Tencent/tmagic-editor/commit/b3733feb969cf4f2222b0202ad38856496c7354c))
+- **vue-runtime-help:** 更新dsl时，设置默认选中项与默认页面 ([a38a0a2](https://github.com/Tencent/tmagic-editor/commit/a38a0a2f4ee85ffe700048ef48c50c461c5375a1))
+
+### Features
+
+- **core:** 新增调试api ([ff076f2](https://github.com/Tencent/tmagic-editor/commit/ff076f2ee38ad387587498c694c813f9124a718c))
+- **form:** formState现在， ([29a9670](https://github.com/Tencent/tmagic-editor/commit/29a967046185c5cbb6b4b3a8b01b2c20f950434d))
+- **utils:** 新增getGlobalThis方法 ([da12ef9](https://github.com/Tencent/tmagic-editor/commit/da12ef9d8df1522353e8f9f60566154fe12b8bd9))
+- **vue-components:** 添加className配置，page新增css、cssFile、jsFile配置 ([c7b1f5d](https://github.com/Tencent/tmagic-editor/commit/c7b1f5d925ef5a82c07a02ba58cf542ca6f94f0a))
+
+# [1.5.0-beta.15](https://github.com/Tencent/tmagic-editor/compare/v1.4.19...v1.5.0-beta.15) (2024-11-25)
+
+### Bug Fixes
+
+- **data-source:** http数据源中mock数据应该是数据源定义好的数据，不再是请求的数据源 ([1dc4fa9](https://github.com/Tencent/tmagic-editor/commit/1dc4fa92a581f7469714214234324bc39dfd3b80))
+- **data-source:** http数据源中mock配置中关闭启用后，不会执行request ([e153ab1](https://github.com/Tencent/tmagic-editor/commit/e153ab1602e0c4df716fd4783f25483c5c5c31c0))
+- **data-source:** manager初始化数据源时，如果失败了要把data中对应的数据删掉，不然在ssr中会导致客户端不会重新尝试请求 ([d844f59](https://github.com/Tencent/tmagic-editor/commit/d844f59dc67ee45af4aa902b0c1457bc4366f8d3))
+- **data-source:** 编辑器中迭代器容器中的容器添加组件并关联数据源后没有编译 ([43e0341](https://github.com/Tencent/tmagic-editor/commit/43e0341b1274dc3ca5af7eda0791b3de427d3ebc))
+- **data-source:** 迭代内容多层嵌套下子组件条件配置不生效 ([aff000f](https://github.com/Tencent/tmagic-editor/commit/aff000f250f4ae54b555b1d83176c705542141eb))
+- **data-source:** 避免http数据源在编辑器中的响应裁剪中修改到mock配置的数据 ([9b05670](https://github.com/Tencent/tmagic-editor/commit/9b056703354b4423b81e929a2862d2a6f2d1c546))
+- **dep:** 数据源条件依赖收集默认不收集迭代器内部组件的依赖 ([a4ff865](https://github.com/Tencent/tmagic-editor/commit/a4ff865f63ca2c7c6dbb2e6c77a3e3e0ef21ae38))
+- **design:** popover zindex不生效 ([44c0e1f](https://github.com/Tencent/tmagic-editor/commit/44c0e1fb298d9ec50f6657b93b961bd9efaa219b))
+- **editor:** stage销毁问题 ([c4ac397](https://github.com/Tencent/tmagic-editor/commit/c4ac397f46fa440be0127aa28c3a95a8c273c8c2))
+- **editor:** 修复修改页面配置后可能改造页面卡死问题 ([0faa260](https://github.com/Tencent/tmagic-editor/commit/0faa260f526a10dda5bc0d3b604a5e5396e6da58))
+- **editor:** 更新组件配置后，如果当前没有任何依赖，不会触发收集，导致画布不更新 ([44a6760](https://github.com/Tencent/tmagic-editor/commit/44a676053af0797ad7fceab256280a741f4bb5a7))
+- **form:** datarange组件如果传入utc时间,显示会出错 ([0bdfee2](https://github.com/Tencent/tmagic-editor/commit/0bdfee28d3d5d4e53aae868731b1ff5b0d9b8167))
+- **form:** datatime没有初始值时异常 ([45502b2](https://github.com/Tencent/tmagic-editor/commit/45502b2ef17e26260ad97efab3aa9cd77266823c))
+- **form:** date组件初始化时不显示值 ([0d60542](https://github.com/Tencent/tmagic-editor/commit/0d605425d87d201f57bfc1ae84062326b32d95d5))
+- **stage:** 流水布局拖动无效 ([a0853ae](https://github.com/Tencent/tmagic-editor/commit/a0853aee8b8a29a88c12e62d94dc445ba7648522))
+- **tmagic-form-runtime:** 画布无法点击选中组件 ([95b8248](https://github.com/Tencent/tmagic-editor/commit/95b824839e737a7d8d2546b62469f33c561e7b16))
+- **vue-component:** 从core中获取utils的方法 ([5f6550f](https://github.com/Tencent/tmagic-editor/commit/5f6550f9620fde53f5439932530035acabf49b06))
+- 迭代器内的组件配置了声明周期代码块无效 ([8c7a408](https://github.com/Tencent/tmagic-editor/commit/8c7a408f63bb8e2065d0a94842b9d497bb2870f2))
+
+### Features
+
+- **cli:** 组件库支持import npm包组件 ([53e83c8](https://github.com/Tencent/tmagic-editor/commit/53e83c872db56c13e0f40efefcdc07bd4c3c3c54))
+- **data-source,editor:** http数据源params,data,headers支持函数配置 ([b7c59c9](https://github.com/Tencent/tmagic-editor/commit/b7c59c9c0e85b16360dae54ba721388754dec658))
+- **data-source:** http数据源参数裁剪与响应裁剪支持异步函数配置 ([aa6bff5](https://github.com/Tencent/tmagic-editor/commit/aa6bff525dfca7169e4824a0311b216f170a3d88))
+- **design,element-plus-adapter,tdesign-vue-next-adapter:** 重新实现Popover组件，不再使用element-plus或tdesign组件 ([468849c](https://github.com/Tencent/tmagic-editor/commit/468849cfe098100a90c7c3e692d440e012dd53cd))
+- **design:** popover 添加destroyOnClose props ([f7a5b16](https://github.com/Tencent/tmagic-editor/commit/f7a5b164ef82a530423ab50f6c8290ef366a9923))
+- dsl id渲染到dom上的data-tamgic-id,不再是id属性 ([35aa916](https://github.com/Tencent/tmagic-editor/commit/35aa916e769dcee3c31dc981ab669ddb66cdbe9b))
+- **editor:** export tree组件 ([b7d3115](https://github.com/Tencent/tmagic-editor/commit/b7d31152fe094a96756efc6db17ce2bbfa019ccd))
+- **editor:** 事件流支持上下文对象传递和abort方法中断 ([cc2cea5](https://github.com/Tencent/tmagic-editor/commit/cc2cea586c4aebc50aeee7ce1948da80008eb486))
+- **editor:** 代码块与数据源列表节点中新增依赖收集中tag ([8a8ccae](https://github.com/Tencent/tmagic-editor/commit/8a8ccae7ed78afd60be6859bfbe5b3b024d3e6dc))
+- **editor:** 优化依赖收集体验，减小收集任务粒度，修改配置时识别是否需要触发重新收集 ([3889888](https://github.com/Tencent/tmagic-editor/commit/38898889c411a918369869b64a86d0774c329126))
+- **editor:** 支持配置页面过滤函数 ([d599334](https://github.com/Tencent/tmagic-editor/commit/d59933439e2a94e6031e9650d0423b0e4092741f))
+- **editor:** 新增已选组件、代码编辑、数据源及其子节点增量缩进配置 ([dc63ea1](https://github.com/Tencent/tmagic-editor/commit/dc63ea1a9f654f0d81e531358c122d36e1659c01))
+- **editor:** 选中页面后页面列表自动滚动到选中项 ([1d95224](https://github.com/Tencent/tmagic-editor/commit/1d952248dc4083dbdf04e6ff09b0438005611ea2))
+- **editor:** 页面/页面片不再使用tab分开显示，新增搜索页面 ([cda915d](https://github.com/Tencent/tmagic-editor/commit/cda915d6f8d638e7ce50c65d6119ad32a600e0c8))
+- **edtior,stage:** 重新渲染改成重新收集依赖后渲染 ([a0dd484](https://github.com/Tencent/tmagic-editor/commit/a0dd48446c2219ef0a3a77d83510f226e2f86a4b))
+- **form,editor:** 表单新增修改数据记录 ([71cfd5b](https://github.com/Tencent/tmagic-editor/commit/71cfd5bfacb1eddd271384ccc307753545fc1f56))
+- **form:** 支持配置阻止默认的submit行为 ([37bc386](https://github.com/Tencent/tmagic-editor/commit/37bc3867ebec37ed4572982263f8ddb85a8f679d))
+- **form:** 添加tmagicFormItemProp ([86c092e](https://github.com/Tencent/tmagic-editor/commit/86c092eadb509fa9c2999a5e92d7fb0970fea6a3))
+- **stage,editor:** 在选中框新增支持触发画布中组件重新渲染 ([19599bc](https://github.com/Tencent/tmagic-editor/commit/19599bc414792c3098e53219b55634e37780ba9e))
+- **stage:** export MoveableActionsAble; 在选中框上面自定义按钮 ([ca0cb21](https://github.com/Tencent/tmagic-editor/commit/ca0cb218f65f5d6e00e5ab1dd7f6b6fe3706caeb))
+- **table:** expand支持width fixed配置 ([61c8bbe](https://github.com/Tencent/tmagic-editor/commit/61c8bbea180188b35fe467947aac856a0576b449))
+- **table:** 新增createColumns函数 ([b5a81e2](https://github.com/Tencent/tmagic-editor/commit/b5a81e2121a6818df6e02c20792fe73203f8dde6))
+- **uitls:** 只是自定义dsl与dom el的关联关系函数 ([25bf011](https://github.com/Tencent/tmagic-editor/commit/25bf011afe53414074599e76c4a9d388a61c015d))
+- **vue-component, runtime:** 使用 app.resolveComponent 获取组件 ([#631](https://github.com/Tencent/tmagic-editor/issues/631)) ([4004c42](https://github.com/Tencent/tmagic-editor/commit/4004c424f6f99dac3150229431d511bfdacd4108))
+- 完善迭代器嵌套使用问题，重构事件配置处理代码 ([f6dec31](https://github.com/Tencent/tmagic-editor/commit/f6dec31ef4e1cf51b9e1ad23c8134293dd529083))
+- 将ui-react中的组件独立成包 ([dbb7cde](https://github.com/Tencent/tmagic-editor/commit/dbb7cde48a60ff580a23cb0b37f48f3aa081d745))
+- 统一vue ui组件,将ui中的组件独立成包 ([7a0d99e](https://github.com/Tencent/tmagic-editor/commit/7a0d99e3b5c383a55e8aba67aeebdfe5c52d7bce))
+
+## [1.4.19](https://github.com/Tencent/tmagic-editor/compare/v1.4.18...v1.4.19) (2024-10-31)
+
+### Bug Fixes
+
+- **form:** text组件配置了tooltip无效 ([3a7bfef](https://github.com/Tencent/tmagic-editor/commit/3a7bfef5cf7b7aeb46d93f1e739c7f310bc53cd6))
+
+# [1.5.0-beta.14](https://github.com/Tencent/tmagic-editor/compare/v1.5.0-beta.13...v1.5.0-beta.14) (2024-10-25)
+
+### Bug Fixes
+
+- **form:** datatime没有初始值时异常 ([f265abc](https://github.com/Tencent/tmagic-editor/commit/f265abcb3233b0c5a3cc7a315f87e62c572f1655))
+
+# [1.5.0-beta.13](https://github.com/Tencent/tmagic-editor/compare/v1.5.0-beta.12...v1.5.0-beta.13) (2024-10-09)
+
+### Bug Fixes
+
+- **editor:** 更新组件配置后，如果当前没有任何依赖，不会触发收集，导致画布不更新 ([c03de90](https://github.com/Tencent/tmagic-editor/commit/c03de90970a233259f3f0471ab2d28aa029f1b2c))
+
+### Features
+
+- **editor:** 支持配置页面过滤函数 ([7a536e4](https://github.com/Tencent/tmagic-editor/commit/7a536e497acf4e0f8e4ee214e6fbe5dc12c48075))
+- **form:** 支持配置阻止默认的submit行为 ([e8ef1fb](https://github.com/Tencent/tmagic-editor/commit/e8ef1fb52b53e8ead9ad1507fb15a35e9b1de1dd))
+
+# [1.5.0-beta.12](https://github.com/Tencent/tmagic-editor/compare/v1.5.0-beta.11...v1.5.0-beta.12) (2024-09-29)
+
+### Bug Fixes
+
+- **editor:** 修复修改页面配置后可能改造页面卡死问题 ([2337448](https://github.com/Tencent/tmagic-editor/commit/23374487466ca513b363060fa3a3b1adc5b72528))
+
+### Features
+
+- **editor:** 页面/页面片不再使用tab分开显示，新增搜索页面 ([a88ad84](https://github.com/Tencent/tmagic-editor/commit/a88ad845c8820be6c9959329a064ffa9278b74d9))
+
+# [1.5.0-beta.11](https://github.com/Tencent/tmagic-editor/compare/v1.5.0-beta.10...v1.5.0-beta.11) (2024-09-20)
+
+### Bug Fixes
+
+- **data-source:** http数据源中mock数据应该是数据源定义好的数据，不再是请求的数据源 ([9ff36ea](https://github.com/Tencent/tmagic-editor/commit/9ff36eae5477903709fe207321c2d557fa8c86ea))
+
+# [1.5.0-beta.10](https://github.com/Tencent/tmagic-editor/compare/v1.4.18...v1.5.0-beta.10) (2024-09-19)
+
+### Bug Fixes
+
+- **data-source:** http数据源中mock配置中关闭启用后，不会执行request ([11946dc](https://github.com/Tencent/tmagic-editor/commit/11946dc0ea7eb0cbde593d532bdedc797485148a))
+- **data-source:** manager初始化数据源时，如果失败了要把data中对应的数据删掉，不然在ssr中会导致客户端不会重新尝试请求 ([265721c](https://github.com/Tencent/tmagic-editor/commit/265721cdd9346fc394f40a163676e99d55ef9c5e))
+- **data-source:** 编辑器中迭代器容器中的容器添加组件并关联数据源后没有编译 ([0d1e28b](https://github.com/Tencent/tmagic-editor/commit/0d1e28bbc01e09f353b38b33fc94c0ff30ed5ed9))
+- **data-source:** 迭代内容多层嵌套下子组件条件配置不生效 ([039a5c4](https://github.com/Tencent/tmagic-editor/commit/039a5c412898e7ae570c1e22db8007e6efbe3fb1))
+- **data-source:** 避免http数据源在编辑器中的响应裁剪中修改到mock配置的数据 ([3391a7b](https://github.com/Tencent/tmagic-editor/commit/3391a7b1b0963cb5c6174c3cc34d5223cfaed5e3))
+- **dep:** 数据源条件依赖收集默认不收集迭代器内部组件的依赖 ([d70eb7c](https://github.com/Tencent/tmagic-editor/commit/d70eb7ce88594c428df794b25123f51b8b5a31ac))
+- **design:** popover zindex不生效 ([b9aaa61](https://github.com/Tencent/tmagic-editor/commit/b9aaa616f5ae1d06a96b2c72f3e0bff3f963782e))
+- **editor:** stage销毁问题 ([3a59c09](https://github.com/Tencent/tmagic-editor/commit/3a59c09c5b0de654a701f5a31deb229d5142cf62))
+- **form:** datarange组件如果传入utc时间,显示会出错 ([2f3faba](https://github.com/Tencent/tmagic-editor/commit/2f3faba7288b78e15c869c464364faf35229ce22))
+- **form:** date组件初始化时不显示值 ([e78726c](https://github.com/Tencent/tmagic-editor/commit/e78726c632b5ee4dc2f6a2b9c0ec526ba8a63746))
+- **stage:** 流水布局拖动无效 ([b1d4479](https://github.com/Tencent/tmagic-editor/commit/b1d447961460bc1643c0644ea655a3355923f607))
+- **tmagic-form-runtime:** 画布无法点击选中组件 ([2745ec5](https://github.com/Tencent/tmagic-editor/commit/2745ec5a83d4f4ed5493397762e6318bfbcf2549))
+- **vue-component:** 从core中获取utils的方法 ([7bec741](https://github.com/Tencent/tmagic-editor/commit/7bec741d2a96398f0b661c683c6dcdd4aa3dffba))
+- 迭代器内的组件配置了声明周期代码块无效 ([85b038a](https://github.com/Tencent/tmagic-editor/commit/85b038a0dde3d083439477ebc3b6bd9ecf8214c3))
+
+### Features
+
+- **cli:** 组件库支持import npm包组件 ([3dec58d](https://github.com/Tencent/tmagic-editor/commit/3dec58dbf324b993a271461a77974a9c8797e320))
+- **data-source:** http数据源参数裁剪与响应裁剪支持异步函数配置 ([8b646e5](https://github.com/Tencent/tmagic-editor/commit/8b646e58678733550dbb093437e6a69ef45a454f))
+- **design,element-plus-adapter,tdesign-vue-next-adapter:** 重新实现Popover组件，不再使用element-plus或tdesign组件 ([0fcc0ac](https://github.com/Tencent/tmagic-editor/commit/0fcc0acab24a599f2d8f8efe15bc9086352f19b0))
+- **design:** popover 添加destroyOnClose props ([672a76d](https://github.com/Tencent/tmagic-editor/commit/672a76d0cbd16370a6628125e84de5a4a377aac6))
+- dsl id渲染到dom上的data-tamgic-id,不再是id属性 ([e19bdc6](https://github.com/Tencent/tmagic-editor/commit/e19bdc673378c652f7068fb549dae81f9125754b))
+- **editor:** export tree组件 ([8fd83f9](https://github.com/Tencent/tmagic-editor/commit/8fd83f92e931d274ef8816b12e588c7fb67a969d))
+- **editor:** 新增已选组件、代码编辑、数据源及其子节点增量缩进配置 ([bcd3ad4](https://github.com/Tencent/tmagic-editor/commit/bcd3ad40fb1a56cd9719d41cf7b7017106e455c0))
+- **form:** 添加tmagicFormItemProp ([f7af42c](https://github.com/Tencent/tmagic-editor/commit/f7af42cb31466b650d64deca14a80ae44247c195))
+- **stage:** export MoveableActionsAble; 在选中框上面自定义按钮 ([ed90e00](https://github.com/Tencent/tmagic-editor/commit/ed90e007f43912c94f4aa7e270cb9be54569aa29))
+- **table:** expand支持width fixed配置 ([50c8d30](https://github.com/Tencent/tmagic-editor/commit/50c8d307bf26c30679c7be7ac81f9588ba536517))
+- **table:** 新增createColumns函数 ([540239a](https://github.com/Tencent/tmagic-editor/commit/540239a7a273b236ec359d2b15fccdbbcc65defd))
+- **uitls:** 只是自定义dsl与dom el的关联关系函数 ([ae638bb](https://github.com/Tencent/tmagic-editor/commit/ae638bb26f5a4236eb5fab269b97cb58f3211181))
+- **vue-component, runtime:** 使用 app.resolveComponent 获取组件 ([#631](https://github.com/Tencent/tmagic-editor/issues/631)) ([d05b9d2](https://github.com/Tencent/tmagic-editor/commit/d05b9d2becae263614001b8de73e10f783b94084))
+- 完善迭代器嵌套使用问题，重构事件配置处理代码 ([ba85c63](https://github.com/Tencent/tmagic-editor/commit/ba85c63d5b5813848a24b185eb997edc92de606c))
+- 将ui-react中的组件独立成包 ([5a5e5c7](https://github.com/Tencent/tmagic-editor/commit/5a5e5c72c22951112c403b8f910509bb7d75611e))
+- 统一vue ui组件,将ui中的组件独立成包 ([757849b](https://github.com/Tencent/tmagic-editor/commit/757849be0d7c3415d51602c3663ad4f80f32f39e))
+
+# [1.4.18](https://github.com/Tencent/tmagic-editor/compare/v1.4.17...v1.4.18) (2024-09-14)
+
+# [1.5.0-beta.9](https://github.com/Tencent/tmagic-editor/compare/v1.5.0-beta.8...v1.5.0-beta.9) (2024-09-13)
+
+### Bug Fixes
+
+- **data-source:** manager初始化数据源时，如果失败了要把data中对应的数据删掉，不然在ssr中会导致客户端不会重新尝试请求 ([35e099c](https://github.com/Tencent/tmagic-editor/commit/35e099c26cf09e1cfd2becb339635130382206b0))
+- **stage:** 流水布局拖动无效 ([3d3ae5b](https://github.com/Tencent/tmagic-editor/commit/3d3ae5b028d794d357214cbab6d7ccdc76c02214))
+
+# [1.5.0-beta.8](https://github.com/Tencent/tmagic-editor/compare/v1.5.0-beta.7...v1.5.0-beta.8) (2024-09-06)
+
+### Bug Fixes
+
+- **form:** datarange组件如果传入utc时间,显示会出错 ([c77c0db](https://github.com/Tencent/tmagic-editor/commit/c77c0db0de69eeac29b52e8d55bb61dae7c6e750))
+
+# [1.5.0-beta.7](https://github.com/Tencent/tmagic-editor/compare/v1.5.0-beta.6...v1.5.0-beta.7) (2024-09-05)
+
+### Bug Fixes
+
+- **form:** date组件初始化时不显示值 ([f90822d](https://github.com/Tencent/tmagic-editor/commit/f90822dccebf66a2c64569ce4f95243b2a822402))
+- **vue-component:** 从core中获取utils的方法 ([db6f208](https://github.com/Tencent/tmagic-editor/commit/db6f2080acbd58433a52b3bac8c502f0d5cded6d))
+
+# [1.5.0-beta.6](https://github.com/Tencent/tmagic-editor/compare/v1.5.0-beta.5...v1.5.0-beta.6) (2024-09-05)
+
+### Features
+
+- **table:** 新增createColumns函数 ([de0e386](https://github.com/Tencent/tmagic-editor/commit/de0e386acc86303122ec7ba8cdc1f37b9490f880))
+
+# [1.5.0-beta.5](https://github.com/Tencent/tmagic-editor/compare/v1.4.17...v1.5.0-beta.5) (2024-09-04)
+
+### Bug Fixes
+
+- **data-source:** http数据源中mock配置中关闭启用后，不会执行request ([127a87c](https://github.com/Tencent/tmagic-editor/commit/127a87c275d68503c66bf850755e160e58564ead))
+- **data-source:** 迭代内容多层嵌套下子组件条件配置不生效 ([fb97db6](https://github.com/Tencent/tmagic-editor/commit/fb97db61a4dd14e81d3dff9963a363bcec909cc3))
+- **dep:** 数据源条件依赖收集默认不收集迭代器内部组件的依赖 ([dc499fd](https://github.com/Tencent/tmagic-editor/commit/dc499fd8d5dfbf46f60a3157bf1d41392539f319))
+- **design:** popover zindex不生效 ([caff3e3](https://github.com/Tencent/tmagic-editor/commit/caff3e3f50864440c6336db18aa72612f25344fc))
+- **editor:** stage销毁问题 ([7d57a7a](https://github.com/Tencent/tmagic-editor/commit/7d57a7a094842430a9d96a283004c20b9fff76f3))
+- **tmagic-form-runtime:** 画布无法点击选中组件 ([138cf59](https://github.com/Tencent/tmagic-editor/commit/138cf59ce626bfdfc141c926259443917aa6d27d))
+- 迭代器内的组件配置了声明周期代码块无效 ([0d3b461](https://github.com/Tencent/tmagic-editor/commit/0d3b4619b283a3c8f22de201d980c0e507d517f9))
+
+### Features
+
+- **cli:** 组件库支持import npm包组件 ([00e1463](https://github.com/Tencent/tmagic-editor/commit/00e14635be032a90ebe0124b6ba708b74adfc528))
+- **design,element-plus-adapter,tdesign-vue-next-adapter:** 重新实现Popover组件，不再使用element-plus或tdesign组件 ([9378bad](https://github.com/Tencent/tmagic-editor/commit/9378badcec58a3e753b1ddcda27ad9cd898e7869))
+- **design:** popover 添加destroyOnClose props ([9fd347e](https://github.com/Tencent/tmagic-editor/commit/9fd347e9a75521b1e05f8c46bf400606e7fbc209))
+- dsl id渲染到dom上的data-tamgic-id,不再是id属性 ([916b5a3](https://github.com/Tencent/tmagic-editor/commit/916b5a3b5e5f2fd969e391535ebc3eac4a1938ba))
+- **editor:** export tree组件 ([7880a3e](https://github.com/Tencent/tmagic-editor/commit/7880a3e602a66b2e16fb7b6d6dd9218e6069f747))
+- **editor:** 新增已选组件、代码编辑、数据源及其子节点增量缩进配置 ([d0e3a7c](https://github.com/Tencent/tmagic-editor/commit/d0e3a7c3d559d0b3535c23526c1b3bd74f8b6c64))
+- **form:** 添加tmagicFormItemProp ([59eeb7c](https://github.com/Tencent/tmagic-editor/commit/59eeb7cffdbab4d281cb6f20a13f0f67aece7ee3))
+- **stage:** export MoveableActionsAble; 在选中框上面自定义按钮 ([18741d3](https://github.com/Tencent/tmagic-editor/commit/18741d3e2e9a7f730ea90093163156080f4316f2))
+- **table:** expand支持width fixed配置 ([6aeb647](https://github.com/Tencent/tmagic-editor/commit/6aeb6476a5c0a23bed7d17bd6dd6e848241843b3))
+- **uitls:** 只是自定义dsl与dom el的关联关系函数 ([26efbee](https://github.com/Tencent/tmagic-editor/commit/26efbee3c8d61a4e635ec373f7947fe3eb498a5a))
+- **vue-component, runtime:** 使用 app.resolveComponent 获取组件 ([#631](https://github.com/Tencent/tmagic-editor/issues/631)) ([53456d4](https://github.com/Tencent/tmagic-editor/commit/53456d40adf28a30b483c01b5dc069461cd26b84))
+- 完善迭代器嵌套使用问题，重构事件配置处理代码 ([6174f93](https://github.com/Tencent/tmagic-editor/commit/6174f937a80215a1e0fce43d5b5c6b1431dd8b0c))
+- 将ui-react中的组件独立成包 ([e521c87](https://github.com/Tencent/tmagic-editor/commit/e521c874dea040d978040a01c1f227f3c3b97ddb))
+- 统一vue ui组件,将ui中的组件独立成包 ([c5a0098](https://github.com/Tencent/tmagic-editor/commit/c5a0098ed9055d6fc646b20971abbed68f3a0a59))
+
+## [1.4.17](https://github.com/Tencent/tmagic-editor/compare/v1.4.16...v1.4.17) (2024-08-30)
+
+### Bug Fixes
+
+- **data-source:** 编辑器的runtime不能对数据源的mock配置有影响 ([fa2d00b](https://github.com/Tencent/tmagic-editor/commit/fa2d00ba3689b9b336a5a2d44c731a3fa4ce61f6))
+- **form:** date相关的field,在没有配置valueFormat的情况下与默认的valueFormat不符 ([883e227](https://github.com/Tencent/tmagic-editor/commit/883e227d54c7f07b13bb190bc5f97a9e63671193))
+
+### Features
+
+- **vue-runtime-help:** 只有dsl中的组件才触发生命周期hook ([69f3cb2](https://github.com/Tencent/tmagic-editor/commit/69f3cb2f12d8b2e18ac957caa5f655024cbc8577))
+
+# [1.5.0-beta.4](https://github.com/Tencent/tmagic-editor/compare/v1.5.0-beta.3...v1.5.0-beta.4) (2024-08-22)
+
+### Bug Fixes
+
+- **data-source:** 迭代内容多层嵌套下子组件条件配置不生效 ([e6f298a](https://github.com/Tencent/tmagic-editor/commit/e6f298af7120d6fc808e00b8df22a8ce69f3f990))
+
+# [1.5.0-beta.3](https://github.com/Tencent/tmagic-editor/compare/v1.5.0-beta.2...v1.5.0-beta.3) (2024-08-22)
+
+### Bug Fixes
+
+- **dep:** 数据源条件依赖收集默认不收集迭代器内部组件的依赖 ([2d285d2](https://github.com/Tencent/tmagic-editor/commit/2d285d22926b443d59f52657ef0cbf86eeae3ffe))
+
+# [1.5.0-beta.2](https://github.com/Tencent/tmagic-editor/compare/v1.5.0-beta.1...v1.5.0-beta.2) (2024-08-21)
+
+### Bug Fixes
+
+- **data-source:** http数据源中mock配置中关闭启用后，不会执行request ([18fa541](https://github.com/Tencent/tmagic-editor/commit/18fa541a3c7f0b39820b2ab09c31bea65b36222f))
+
+### Features
+
+- **design:** popover 添加destroyOnClose props ([8b1c639](https://github.com/Tencent/tmagic-editor/commit/8b1c63995306ad00baed3153247f6abf703643ce))
+- **form:** 添加tmagicFormItemProp ([c81a7b4](https://github.com/Tencent/tmagic-editor/commit/c81a7b46e252577823824637a847e1601a0db0a7))
+
+# [1.5.0-beta.1](https://github.com/Tencent/tmagic-editor/compare/v1.5.0-beta.0...v1.5.0-beta.1) (2024-08-15)
+
+### Bug Fixes
+
+- **design:** popover zindex不生效 ([547fbda](https://github.com/Tencent/tmagic-editor/commit/547fbda53c6abf92a47882d85886b196ae4f1d02))
+
+### Features
+
+- **editor:** export tree组件 ([f61492b](https://github.com/Tencent/tmagic-editor/commit/f61492be84b019bbbebcfcb8b6517fe4c451242c))
+
+# [1.5.0-beta.0](https://github.com/Tencent/tmagic-editor/compare/v1.4.16...v1.5.0-beta.0) (2024-08-15)
+
+### Bug Fixes
+
+- **data-source:** 编辑器的runtime不能对数据源的mock配置有影响 ([fa2d00b](https://github.com/Tencent/tmagic-editor/commit/fa2d00ba3689b9b336a5a2d44c731a3fa4ce61f6))
+- 迭代器内的组件配置了声明周期代码块无效 ([fb6f806](https://github.com/Tencent/tmagic-editor/commit/fb6f8068cef90a7aac66038f94fd0937637909c2))
+
+### Features
+
+- **cli:** 组件库支持import npm包组件 ([e82591e](https://github.com/Tencent/tmagic-editor/commit/e82591ee23c5b2e1c3efb6e21ec6f879631e5d67))
+- **design,element-plus-adapter,tdesign-vue-next-adapter:** 重新实现Popover组件，不再使用element-plus或tdesign组件 ([677a193](https://github.com/Tencent/tmagic-editor/commit/677a1938a44c2defc4691e888e40b26eb44bdaa5))
+- dsl id渲染到dom上的data-tamgic-id,不再是id属性 ([47a037a](https://github.com/Tencent/tmagic-editor/commit/47a037a8a5595b844f3a74dead876a0cebcf7eb6))
+- **uitls:** 只是自定义dsl与dom el的关联关系函数 ([16b8948](https://github.com/Tencent/tmagic-editor/commit/16b8948e4d3d935df89c41ee69d983846f8d0f6c))
+- **vue-runtime-help:** 只有dsl中的组件才触发生命周期hook ([69f3cb2](https://github.com/Tencent/tmagic-editor/commit/69f3cb2f12d8b2e18ac957caa5f655024cbc8577))
+- 完善迭代器嵌套使用问题，重构事件配置处理代码 ([f7d5a4f](https://github.com/Tencent/tmagic-editor/commit/f7d5a4ffd6b275dbf3449fc358d2310b8205bca9))
+- 将ui-react中的组件独立成包 ([df9b581](https://github.com/Tencent/tmagic-editor/commit/df9b581623ee138a316d19c7b0c11d76b80effc2))
+- 统一vue ui组件,将ui中的组件独立成包 ([ac3cb74](https://github.com/Tencent/tmagic-editor/commit/ac3cb74693f32ba857797a11b549f34aaefc9cf6))
+
+## [1.4.16](https://github.com/Tencent/tmagic-editor/compare/v1.4.15...v1.4.16) (2024-08-02)
+
+### Bug Fixes
+
+- **ui:** 页面style没有响应式了 ([81a221e](https://github.com/Tencent/tmagic-editor/commit/81a221e56171c299d9599f4440557e822c2fc186))
+
+### Features
+
+- **core:** 完善屏幕大小自动适配 ([59f0527](https://github.com/Tencent/tmagic-editor/commit/59f05270ae019d4baa04d7c2ce86a5c88e05e16b))
+
+## [1.4.15](https://github.com/Tencent/tmagic-editor/compare/v1.4.14...v1.4.15) (2024-07-26)
+
+### Bug Fixes
+
+- **data-source:** 迭代器数据编译支持容器嵌套 ([e209aa3](https://github.com/Tencent/tmagic-editor/commit/e209aa36e88ff567932e6374cae37097c19b6883))
+- **editor:** 在组件树中多选时不能选中页面 ([c456798](https://github.com/Tencent/tmagic-editor/commit/c45679875162069033096b307c06320346798d76))
+- **editor:** 数据源方法配置，设置后再次修改参数配置不显示 ([059c005](https://github.com/Tencent/tmagic-editor/commit/059c0056c4e9d3ef7f247e3ed19c3c02fd84b65f))
+- **editor:** 组件树中将容器拖入自身中会导致容器丢失 ([16d4eff](https://github.com/Tencent/tmagic-editor/commit/16d4eff3859923c44cb9662210538c5ff47d793d)), closes [#622](https://github.com/Tencent/tmagic-editor/issues/622)
+- **editor:** 组件树右键菜单在组件树面板拖出时被面板遮挡 ([72a7c15](https://github.com/Tencent/tmagic-editor/commit/72a7c151e9d5f40393f94870d550a917adac41c8)), closes [#624](https://github.com/Tencent/tmagic-editor/issues/624)
+- **stage:** 页面失焦时将alt键按下状态重置 ([96224b4](https://github.com/Tencent/tmagic-editor/commit/96224b4d9254b6584dd0bb48ae1acc144cc00783))
+
+### Features
+
+- **data-source:** 数据源新增setValue方法 ([8d111ea](https://github.com/Tencent/tmagic-editor/commit/8d111ea976c397e70b6040e034ed6f85a49bc4b3))
+- **editor:** 优化编辑器左边栏拖出体验，需要拖出一定距离才行 ([b249563](https://github.com/Tencent/tmagic-editor/commit/b249563f9442023d66180f5396649277889cf69c))
+- **editor:** 数据源选择器编辑按钮添加tooltip ([3fa21fd](https://github.com/Tencent/tmagic-editor/commit/3fa21fd3eb91882e40e84a59b8b5e541876b9c92))
+- **editor:** 添加component-list slot，用于自定义组件列表 ([0bbf7c5](https://github.com/Tencent/tmagic-editor/commit/0bbf7c564394a56bb6c99572240bba23b4e2919d)), closes [#621](https://github.com/Tencent/tmagic-editor/issues/621)
+- **editor:** 编辑器左边栏支持配置不可拖出，支持before-click函数配置 ([837daf6](https://github.com/Tencent/tmagic-editor/commit/837daf6cabcaa6110b99b020288097f25d8c05b9))
+
+## [1.4.14](https://github.com/Tencent/tmagic-editor/compare/v1.4.13...v1.4.14) (2024-07-12)
+
+### Bug Fixes
+
+- **data-source:** 迭代条件条件组编译逻辑不对 ([1fc04b4](https://github.com/Tencent/tmagic-editor/commit/1fc04b44641df1c478fb6bf5236752e43ead830f))
+
+## [1.4.13](https://github.com/Tencent/tmagic-editor/compare/v1.4.12...v1.4.13) (2024-07-04)
+
+### Bug Fixes
+
+- **data-source:** 按需加载数据源时需要分享数据源方法依赖 ([1e93e9b](https://github.com/Tencent/tmagic-editor/commit/1e93e9bacce4ec52c96b82c9af1433b6e1f17195))
+- **editor:** 修复新增第一个显示条件时会重置表单状态 ([eb376b2](https://github.com/Tencent/tmagic-editor/commit/eb376b261baa0dd6bee1f63c02c4d52fbf93cb41))
+
+## [1.4.12](https://github.com/Tencent/tmagic-editor/compare/v1.4.11...v1.4.12) (2024-07-02)
+
+### Bug Fixes
+
+- **dep:** 数据源源方法依赖收集，数据源类内定义的方法需要被收集 ([c8870c5](https://github.com/Tencent/tmagic-editor/commit/c8870c5c129736c85fb005191501efd6a60665bb))
+- **editor:** 更新容器后，需要将容器内的依赖重新收集 ([aabca93](https://github.com/Tencent/tmagic-editor/commit/aabca93c27a73baf051c4d650224e09553b28f8f))
+
+## [1.4.11](https://github.com/Tencent/tmagic-editor/compare/v1.4.10...v1.4.11) (2024-07-02)
+
+### Bug Fixes
+
+- **editor:** 迭代器容器子项条件配置中值输入类型 ([022c10f](https://github.com/Tencent/tmagic-editor/commit/022c10f2df9bc8ac904487ac9bc7b431873b8588))
+- **form:** 修复 grouplist 添加项时没有调用 changeHandler 的问题 ([c089ada](https://github.com/Tencent/tmagic-editor/commit/c089adae9e377d49d62adec23394e32a737cbb6e))
+
+### Features
+
+- **data-source:** 迭代器容器内容支持显示条件配置 ([ecfaff2](https://github.com/Tencent/tmagic-editor/commit/ecfaff2e0d4a14e41cf7fe4f2cc51377da401f52))([882d222](https://github.com/Tencent/tmagic-editor/commit/882d222800c532dd70f343f1b5b13c994d02551c))
+- **editor:** 优化数据源字段选择器交互 ([ef04fd3](https://github.com/Tencent/tmagic-editor/commit/ef04fd31f0a348070c5e42b5c7c5caa724066b21)) ([6cdeaa0](https://github.com/Tencent/tmagic-editor/commit/6cdeaa0c1bd8b5c379153dd32136e4244c7e2a2b))
+
+## [1.4.10](https://github.com/Tencent/tmagic-editor/compare/v1.4.9...v1.4.10) (2024-06-28)
+
+### Bug Fixes
+
+- **form,design:** 支持行内表单 ([77f13fa](https://github.com/Tencent/tmagic-editor/commit/77f13fa8981c16e9596856e46c8397adee7cf51a))
+- **stage:** 标尺销毁后没有移除对应的dom ([0796799](https://github.com/Tencent/tmagic-editor/commit/079679997aed97bb28c8dc03f53565be93abf3fe)), closes [#617](https://github.com/Tencent/tmagic-editor/issues/617)
+
+### Features
+
+- **dats-source,editor,form,schema,ui:** 迭代器容器支持配置子项显示条件 ([a164e2b](https://github.com/Tencent/tmagic-editor/commit/a164e2be62a34bbf4a9896becd738adf72dd2fd4))
+- **editor:** 优化数据源字段选择器交互 ([0ffc223](https://github.com/Tencent/tmagic-editor/commit/0ffc223459c9aee06ba557d13e79f8f21087f726))
+- **editor:** 支持拖拽调整页面顺序 ([0c5485b](https://github.com/Tencent/tmagic-editor/commit/0c5485b1d0c073e19f142e88574f086e695e77c9))
+
+## [1.4.9](https://github.com/Tencent/tmagic-editor/compare/v1.4.8...v1.4.9) (2024-06-17)
+
+## [1.4.8](https://github.com/Tencent/tmagic-editor/compare/v1.4.7...v1.4.8) (2024-06-17)
+
+### Bug Fixes
+
+- **data-source:** 兼容Promise.allSettled ([7ee7f53](https://github.com/Tencent/tmagic-editor/commit/7ee7f53938c99a47631b5fe1835a13c4bed4c3ed))
+- **data-source:** 多页面时数据源依赖中可能包含其他页面的，导致更新时失败 ([5c43fbf](https://github.com/Tencent/tmagic-editor/commit/5c43fbfd964897a373d29d7e9e60713f1f2209a2))
+- **data-source:** 默认事件处理支持path为空字符串 ([ac7bb93](https://github.com/Tencent/tmagic-editor/commit/ac7bb93a3795d196a201cef93881027bddca2156))
+- **editor,runtime:** 编辑器中，依赖收集改成异步以后，可能出现配置更新了，但是依赖信息还未更新，导致渲染出来的组件不对 ([78e9a0a](https://github.com/Tencent/tmagic-editor/commit/78e9a0ab15d2f68a89f0670818fe77bb81362276))
+- **runtime:** 使用vue-demi cdn ([0cd8382](https://github.com/Tencent/tmagic-editor/commit/0cd83825b783ae54dc9e34868032a4230fb5a6e3))
+- **ui:** overlay销毁需要异常page上的事件 ([094635c](https://github.com/Tencent/tmagic-editor/commit/094635cc0eaa71d1130089c0326bec2a4c62d3a5))
+- **vue-runtime-help:** inject app 无效 ([aa25aa6](https://github.com/Tencent/tmagic-editor/commit/aa25aa6d854f6daf08abb554e490d4a0d21cad8b))
+
+### Features
+
+- **editor:** 支持数据源模板输入宽选中文本后编辑（在有数据源变量时还有问题） ([a30e8a3](https://github.com/Tencent/tmagic-editor/commit/a30e8a3eeaf61168eebe1d46cb02b2473228e3e2))
+- **editor:** 组件树中支持多选拖动 ([5ac768f](https://github.com/Tencent/tmagic-editor/commit/5ac768f15be33526dcbec4a69f969e9dcf36cbc5))
+- **editor:** 组件表单配置支持函数 ([9eb99ed](https://github.com/Tencent/tmagic-editor/commit/9eb99ed1768def2817718da3e54d4e8424ee0aaf))
+- **ui,runtime:** vue-runtime-help中添加use-app方法 ([948c194](https://github.com/Tencent/tmagic-editor/commit/948c194a601ec7dbbf433c8165d5bc266e8cc175))
+
+## [1.4.7](https://github.com/Tencent/tmagic-editor/compare/v1.4.6...v1.4.7) (2024-05-31)
+
+### Bug Fixes
+
+- **editor:** 修复pad大屏模式下粘贴位置计算错误偏移问题 ([#612](https://github.com/Tencent/tmagic-editor/issues/612)) ([d98029d](https://github.com/Tencent/tmagic-editor/commit/d98029d5e79c2579bf106d5670c74ad520c17267))
+- **editor:** 已选组件树中如果出现items不是数组会导致节点渲染失败 ([7fb4d96](https://github.com/Tencent/tmagic-editor/commit/7fb4d96cb0c66a8f4c1010764ec2f986abec1cf4))
+- **editor:** 数据源模板输入框输入数字索引后浏览器卡死 ([a66da8d](https://github.com/Tencent/tmagic-editor/commit/a66da8de9e40b76bc6415e0aea6556e07bddf163)), closes [#611](https://github.com/Tencent/tmagic-editor/issues/611)
+- **playground:** tmagic-form样式丢失 ([49e9d5b](https://github.com/Tencent/tmagic-editor/commit/49e9d5b9856dc4e7bd59ef383b9f52b6529db70c)), closes [#610](https://github.com/Tencent/tmagic-editor/issues/610)
+- **ui,runtime:** 迭代器容器迭代数据兼容 ([94db430](https://github.com/Tencent/tmagic-editor/commit/94db430b85e85a98db5eea3f88b490c8c22ed235)), closes [#613](https://github.com/Tencent/tmagic-editor/issues/613)
+
+### Features
+
+- **core,editor,form:** 页面片容器支持配置容器内组件的事件 ([2d133f4](https://github.com/Tencent/tmagic-editor/commit/2d133f47f13d8d3ea557e0b14028588cf37884b0))
+- **dep,editor,data-source,schema:** 优化编辑器中依赖收集性能 ([ee26991](https://github.com/Tencent/tmagic-editor/commit/ee269917f8acd7d32a124bc090ba38192e2c8d92))
+- **editor:** 复制组件时收集依赖性能优化改造 ([cd191f6](https://github.com/Tencent/tmagic-editor/commit/cd191f68154e63c0eaceed4e2bd695d4fa25e013))
+- **playground:** 设置配置表单的label-width ([50d238a](https://github.com/Tencent/tmagic-editor/commit/50d238a48cf99961498effb3dc0dc815797d4da9))
+
 ### Reverts
 
-* Revert "build: 发布时在更版本号后执行reinstall来生成新lock" ([4670ada](https://github.com/Tencent/tmagic-editor/commit/4670adadc005faa658e632ff2245629fbfda76a8))
-
-
+- Revert "build: 发布时在更版本号后执行reinstall来生成新lock" ([4670ada](https://github.com/Tencent/tmagic-editor/commit/4670adadc005faa658e632ff2245629fbfda76a8))
 
 ## [1.4.6](https://github.com/Tencent/tmagic-editor/compare/v1.4.5...v1.4.6) (2024-05-27)
 
-
 ### Bug Fixes
 
-* **editor:** stageOverlay不应受编辑器zoom影响 ([47c4222](https://github.com/Tencent/tmagic-editor/commit/47c42222b317a4a62ba1bbc3e496e5eef085dd0d))
-* **runtime:react:** update page时出错 ([af3f621](https://github.com/Tencent/tmagic-editor/commit/af3f621424cd472c72b54bcdfbed3a4ccc91fd5e))
-* **runtime:** vue runtime App组件中缺失inject ([15e9cdc](https://github.com/Tencent/tmagic-editor/commit/15e9cdc2d6255bb9fe5b9924ab79405ba9c95465))
-
+- **editor:** stageOverlay不应受编辑器zoom影响 ([47c4222](https://github.com/Tencent/tmagic-editor/commit/47c42222b317a4a62ba1bbc3e496e5eef085dd0d))
+- **runtime:react:** update page时出错 ([af3f621](https://github.com/Tencent/tmagic-editor/commit/af3f621424cd472c72b54bcdfbed3a4ccc91fd5e))
+- **runtime:** vue runtime App组件中缺失inject ([15e9cdc](https://github.com/Tencent/tmagic-editor/commit/15e9cdc2d6255bb9fe5b9924ab79405ba9c95465))
 
 ### Features
 
-* **editor,dep:** 支持复制组件时将组件绑定的数据源一并复制 ([faabf1b](https://github.com/Tencent/tmagic-editor/commit/faabf1bb3ad77b6b09498bb7512e3f2d1a7f0a76))
-* **editor:** export FloatingBox ([5ce099c](https://github.com/Tencent/tmagic-editor/commit/5ce099c11d02eb564ce7575922c3f2419d2322df))
-* **runtime:** vue2/vue3公共部分提出到vue-runtime-help中 ([f8dd062](https://github.com/Tencent/tmagic-editor/commit/f8dd062a502766579c6a59df642b89b075a68c1f))
-
-
+- **editor,dep:** 支持复制组件时将组件绑定的数据源一并复制 ([faabf1b](https://github.com/Tencent/tmagic-editor/commit/faabf1bb3ad77b6b09498bb7512e3f2d1a7f0a76))
+- **editor:** export FloatingBox ([5ce099c](https://github.com/Tencent/tmagic-editor/commit/5ce099c11d02eb564ce7575922c3f2419d2322df))
+- **runtime:** vue2/vue3公共部分提出到vue-runtime-help中 ([f8dd062](https://github.com/Tencent/tmagic-editor/commit/f8dd062a502766579c6a59df642b89b075a68c1f))
 
 ## [1.4.5](https://github.com/Tencent/tmagic-editor/compare/v1.4.4...v1.4.5) (2024-05-20)
 
-
 ### Bug Fixes
 
-* **core,data-source:** 事件参数中关联数据源字段无法自动更新 ([c665bf3](https://github.com/Tencent/tmagic-editor/commit/c665bf3ccc7627f134efb5fe7bc7f53c88ec338c))
-* **editor,stage,utils:** 修复在ipad等大屏场景下编辑画布中元素位置计算偏差问题 ([#598](https://github.com/Tencent/tmagic-editor/issues/598)) ([e39a7d1](https://github.com/Tencent/tmagic-editor/commit/e39a7d140fef9bc00376b84910a78b04b277fae7))
-* **form:** select option label不生效 ([9034cef](https://github.com/Tencent/tmagic-editor/commit/9034cef0d21626472f0b6618aaa5f5355019b9ed))
-* **form:** select option 在没有adapter的时候默认使用el-option ([ad2146f](https://github.com/Tencent/tmagic-editor/commit/ad2146f3bd4df4720bf86fef14e33f1dbbd355de))
-
+- **core,data-source:** 事件参数中关联数据源字段无法自动更新 ([c665bf3](https://github.com/Tencent/tmagic-editor/commit/c665bf3ccc7627f134efb5fe7bc7f53c88ec338c))
+- **editor,stage,utils:** 修复在ipad等大屏场景下编辑画布中元素位置计算偏差问题 ([#598](https://github.com/Tencent/tmagic-editor/issues/598)) ([e39a7d1](https://github.com/Tencent/tmagic-editor/commit/e39a7d140fef9bc00376b84910a78b04b277fae7))
+- **form:** select option label不生效 ([9034cef](https://github.com/Tencent/tmagic-editor/commit/9034cef0d21626472f0b6618aaa5f5355019b9ed))
+- **form:** select option 在没有adapter的时候默认使用el-option ([ad2146f](https://github.com/Tencent/tmagic-editor/commit/ad2146f3bd4df4720bf86fef14e33f1dbbd355de))
 
 ### Features
 
-* **data-source:** manager init 事件增加error数据 ([708d3db](https://github.com/Tencent/tmagic-editor/commit/708d3db4bbeb2b2512d5c85919b1e738dc55da83))
-* 支持数据源事件 ([#605](https://github.com/Tencent/tmagic-editor/issues/605)) ([88c04c6](https://github.com/Tencent/tmagic-editor/commit/88c04c6dac6ada5bacf30b33b6ed0a7649020fa2))
-
-
+- **data-source:** manager init 事件增加error数据 ([708d3db](https://github.com/Tencent/tmagic-editor/commit/708d3db4bbeb2b2512d5c85919b1e738dc55da83))
+- 支持数据源事件 ([#605](https://github.com/Tencent/tmagic-editor/issues/605)) ([88c04c6](https://github.com/Tencent/tmagic-editor/commit/88c04c6dac6ada5bacf30b33b6ed0a7649020fa2))
 
 ## [1.4.4](https://github.com/Tencent/tmagic-editor/compare/v1.4.3...v1.4.4) (2024-04-16)
 
-
 ### Bug Fixes
 
-* **editor:** floating-box高度无法改变 ([872c978](https://github.com/Tencent/tmagic-editor/commit/872c978b9b471e8e1bc2f42d8ce0865def159950))
-* **editor:** 在组件属性配置表单中编辑数据源方法无法保存问题 ([b1e79c1](https://github.com/Tencent/tmagic-editor/commit/b1e79c1e05a164c057a53ac9d895ae744bd1cb5a))
-* **playground:** 画布尺寸切换无效 ([3af247f](https://github.com/Tencent/tmagic-editor/commit/3af247febb58d0a042c6735c56fd8b7d5c445fe8)), closes [#586](https://github.com/Tencent/tmagic-editor/issues/586)
-* **runtime:** 更新page后，在编辑器中无法打开蒙层 ([69c555f](https://github.com/Tencent/tmagic-editor/commit/69c555f567e09f872501f024080a12fc3192bf7c)), closes [#587](https://github.com/Tencent/tmagic-editor/issues/587)
-
+- **editor:** floating-box高度无法改变 ([872c978](https://github.com/Tencent/tmagic-editor/commit/872c978b9b471e8e1bc2f42d8ce0865def159950))
+- **editor:** 在组件属性配置表单中编辑数据源方法无法保存问题 ([b1e79c1](https://github.com/Tencent/tmagic-editor/commit/b1e79c1e05a164c057a53ac9d895ae744bd1cb5a))
+- **playground:** 画布尺寸切换无效 ([3af247f](https://github.com/Tencent/tmagic-editor/commit/3af247febb58d0a042c6735c56fd8b7d5c445fe8)), closes [#586](https://github.com/Tencent/tmagic-editor/issues/586)
+- **runtime:** 更新page后，在编辑器中无法打开蒙层 ([69c555f](https://github.com/Tencent/tmagic-editor/commit/69c555f567e09f872501f024080a12fc3192bf7c)), closes [#587](https://github.com/Tencent/tmagic-editor/issues/587)
 
 ### Features
 
-* **cli,data-source,runtime:** 数据源支持动态按需加载 ([0061331](https://github.com/Tencent/tmagic-editor/commit/006133102fbb1e18306a18f77cbafa65f57302fa))
-* **editor:** 优化数据源选择器与代码选择的编辑按钮 ([fc1a7a0](https://github.com/Tencent/tmagic-editor/commit/fc1a7a09fffb90f65616ffbbe72fc11561d8f8ee))
-* **editor:** 支持配置左侧边栏tab style ([4054c6e](https://github.com/Tencent/tmagic-editor/commit/4054c6ed572c43e879fa59ad9b60d02f63cbc17d))
-* **editor:** 新增配置控制属性配置面板右下角的源码按钮是否显示 ([92049cf](https://github.com/Tencent/tmagic-editor/commit/92049cf2516834632eebf639e90a87f568111276))
-
-
+- **cli,data-source,runtime:** 数据源支持动态按需加载 ([0061331](https://github.com/Tencent/tmagic-editor/commit/006133102fbb1e18306a18f77cbafa65f57302fa))
+- **editor:** 优化数据源选择器与代码选择的编辑按钮 ([fc1a7a0](https://github.com/Tencent/tmagic-editor/commit/fc1a7a09fffb90f65616ffbbe72fc11561d8f8ee))
+- **editor:** 支持配置左侧边栏tab style ([4054c6e](https://github.com/Tencent/tmagic-editor/commit/4054c6ed572c43e879fa59ad9b60d02f63cbc17d))
+- **editor:** 新增配置控制属性配置面板右下角的源码按钮是否显示 ([92049cf](https://github.com/Tencent/tmagic-editor/commit/92049cf2516834632eebf639e90a87f568111276))
 
 ## [1.4.3](https://github.com/Tencent/tmagic-editor/compare/v1.4.2...v1.4.3) (2024-03-29)
 
-
 ### Bug Fixes
 
-* **data-source,dep,utils:** 迭代器数据源配置编译 ([0e0f501](https://github.com/Tencent/tmagic-editor/commit/0e0f50187ee3409dcc03c69171e7ec71b5515abd))
-* **editor:** 数据源字段选择器初始化状态 ([05527a4](https://github.com/Tencent/tmagic-editor/commit/05527a41a1c063b16714f374d0b9c953fa9d8a2d))
-
+- **data-source,dep,utils:** 迭代器数据源配置编译 ([0e0f501](https://github.com/Tencent/tmagic-editor/commit/0e0f50187ee3409dcc03c69171e7ec71b5515abd))
+- **editor:** 数据源字段选择器初始化状态 ([05527a4](https://github.com/Tencent/tmagic-editor/commit/05527a41a1c063b16714f374d0b9c953fa9d8a2d))
 
 ### Features
 
-* **playground:** 缓存上次保存dsl ([47b19ae](https://github.com/Tencent/tmagic-editor/commit/47b19ae7fa43fb03608e8f7380b8c69cd50d68f0))
-
-
+- **playground:** 缓存上次保存dsl ([47b19ae](https://github.com/Tencent/tmagic-editor/commit/47b19ae7fa43fb03608e8f7380b8c69cd50d68f0))
 
 ## [1.4.2](https://github.com/Tencent/tmagic-editor/compare/v1.4.1...v1.4.2) (2024-03-26)
 
-
 ### Bug Fixes
 
-* **editor:** element-plus更新到2.6后表单项清除后是undefined，改回是空字符串 ([ceff0d4](https://github.com/Tencent/tmagic-editor/commit/ceff0d41472efb04d58f0b477c4a63fb37c7a122))
-* **editor:** element-plus更新到2.6后表单项清除后是undefined，除了string外其他统一改成null ([a4fc957](https://github.com/Tencent/tmagic-editor/commit/a4fc95775eab88ecb5850f824ae5bf7889e951e4))
-* **editor:** 代码块配置表单项大小不受配置控制 ([f92127e](https://github.com/Tencent/tmagic-editor/commit/f92127e3d6a597413d3c3832ba2f1e6a993f0b3b))
-* **editor:** 初始化时如果浏览器切到后台编辑器列宽度计算出问题 ([7049b1f](https://github.com/Tencent/tmagic-editor/commit/7049b1ff45c3bd2c70c39c1451b505fcaf2639bf))
-* **form:** select 支持tdesign-vue-next ([15b88c9](https://github.com/Tencent/tmagic-editor/commit/15b88c97fc289c349467cf524b4becc44646ca2a)), closes [#584](https://github.com/Tencent/tmagic-editor/issues/584)
-
+- **editor:** element-plus更新到2.6后表单项清除后是undefined，改回是空字符串 ([ceff0d4](https://github.com/Tencent/tmagic-editor/commit/ceff0d41472efb04d58f0b477c4a63fb37c7a122))
+- **editor:** element-plus更新到2.6后表单项清除后是undefined，除了string外其他统一改成null ([a4fc957](https://github.com/Tencent/tmagic-editor/commit/a4fc95775eab88ecb5850f824ae5bf7889e951e4))
+- **editor:** 代码块配置表单项大小不受配置控制 ([f92127e](https://github.com/Tencent/tmagic-editor/commit/f92127e3d6a597413d3c3832ba2f1e6a993f0b3b))
+- **editor:** 初始化时如果浏览器切到后台编辑器列宽度计算出问题 ([7049b1f](https://github.com/Tencent/tmagic-editor/commit/7049b1ff45c3bd2c70c39c1451b505fcaf2639bf))
+- **form:** select 支持tdesign-vue-next ([15b88c9](https://github.com/Tencent/tmagic-editor/commit/15b88c97fc289c349467cf524b4becc44646ca2a)), closes [#584](https://github.com/Tencent/tmagic-editor/issues/584)
 
 ### Features
 
-* **data-srouce:** manager新增init事件 ([9343989](https://github.com/Tencent/tmagic-editor/commit/934398911d7f9dc4ac9fc9c2b56ef4d158d06611))
-* **editor:** 数据源字段选择器增加编辑按钮 ([66e1645](https://github.com/Tencent/tmagic-editor/commit/66e16452a89bf8aa8dec4faaf73efd1df87cd04e))
-
-
+- **data-srouce:** manager新增init事件 ([9343989](https://github.com/Tencent/tmagic-editor/commit/934398911d7f9dc4ac9fc9c2b56ef4d158d06611))
+- **editor:** 数据源字段选择器增加编辑按钮 ([66e1645](https://github.com/Tencent/tmagic-editor/commit/66e16452a89bf8aa8dec4faaf73efd1df87cd04e))
 
 ## [1.4.1](https://github.com/Tencent/tmagic-editor/compare/v1.4.0...v1.4.1) (2024-03-22)
 
-
 ### Bug Fixes
 
-* **design:** element-plus select中scrollbar变量名改变 ([6ccd8bb](https://github.com/Tencent/tmagic-editor/commit/6ccd8bb06bf04aa4a5c5ccabe4266d0f572711e8))
-* **editor:** 数据源列表搜索过滤无响应问题 ([#582](https://github.com/Tencent/tmagic-editor/issues/582)) ([b564907](https://github.com/Tencent/tmagic-editor/commit/b564907b12d97caee1a944c9251ede7abbea7694))
-
-
+- **design:** element-plus select中scrollbar变量名改变 ([6ccd8bb](https://github.com/Tencent/tmagic-editor/commit/6ccd8bb06bf04aa4a5c5ccabe4266d0f572711e8))
+- **editor:** 数据源列表搜索过滤无响应问题 ([#582](https://github.com/Tencent/tmagic-editor/issues/582)) ([b564907](https://github.com/Tencent/tmagic-editor/commit/b564907b12d97caee1a944c9251ede7abbea7694))
 
 # [1.4.0](https://github.com/Tencent/tmagic-editor/compare/v1.4.0-beta.2...v1.4.0) (2024-03-19)
 
-
 ### Features
 
-* **editor:** 数据源抽屉切floatbox ([96149bd](https://github.com/Tencent/tmagic-editor/commit/96149bd2ae0f7ec2bcee381f60dbd3c495705b9e))
-* **runtime, utils:** Fix issue [#503](https://github.com/Tencent/tmagic-editor/issues/503), setPage实现跳转页面 ([#581](https://github.com/Tencent/tmagic-editor/issues/581)) ([0c746aa](https://github.com/Tencent/tmagic-editor/commit/0c746aa3d97cdb28531408bb0e89564f4b567186))
-* 完善tdesign-vue-next适配 ([92b7a2a](https://github.com/Tencent/tmagic-editor/commit/92b7a2aecfb3d0bb0f2674aded9f6c225487c102))
-
-
+- **editor:** 数据源抽屉切floatbox ([96149bd](https://github.com/Tencent/tmagic-editor/commit/96149bd2ae0f7ec2bcee381f60dbd3c495705b9e))
+- **runtime, utils:** Fix issue [#503](https://github.com/Tencent/tmagic-editor/issues/503), setPage实现跳转页面 ([#581](https://github.com/Tencent/tmagic-editor/issues/581)) ([0c746aa](https://github.com/Tencent/tmagic-editor/commit/0c746aa3d97cdb28531408bb0e89564f4b567186))
+- 完善tdesign-vue-next适配 ([92b7a2a](https://github.com/Tencent/tmagic-editor/commit/92b7a2aecfb3d0bb0f2674aded9f6c225487c102))
 
 # [1.4.0-beta.2](https://github.com/Tencent/tmagic-editor/compare/v1.4.0-beta.1...v1.4.0-beta.2) (2024-03-18)
 
-
 ### Bug Fixes
 
-* **editor:** 修复直接关闭代码块编辑窗口告警 ([62e7888](https://github.com/Tencent/tmagic-editor/commit/62e7888fcfcac2e1e4610e7edb59ba329e5b9c93))
-* **editor:** 修复第一次打开编辑器左右边栏宽度可能为0问题 ([36a1a18](https://github.com/Tencent/tmagic-editor/commit/36a1a18615ac29fc4448ee2498d51ece51fe8dbd))
-* **editor:** 拖动浮动窗口会导致窗口变大 ([42f1f28](https://github.com/Tencent/tmagic-editor/commit/42f1f28b02fa274d201fa6d945f88129b465aac5))
-
+- **editor:** 修复直接关闭代码块编辑窗口告警 ([62e7888](https://github.com/Tencent/tmagic-editor/commit/62e7888fcfcac2e1e4610e7edb59ba329e5b9c93))
+- **editor:** 修复第一次打开编辑器左右边栏宽度可能为0问题 ([36a1a18](https://github.com/Tencent/tmagic-editor/commit/36a1a18615ac29fc4448ee2498d51ece51fe8dbd))
+- **editor:** 拖动浮动窗口会导致窗口变大 ([42f1f28](https://github.com/Tencent/tmagic-editor/commit/42f1f28b02fa274d201fa6d945f88129b465aac5))
 
 ### Features
 
-* **editor:** 优化代码块编辑弹窗 ([c83e76e](https://github.com/Tencent/tmagic-editor/commit/c83e76e641476c5e7222db15e5e36aa4a453e389))
-* **editor:** 属性面板支持切换源码 ([de1711d](https://github.com/Tencent/tmagic-editor/commit/de1711d7133cd4dcf19c2c868ff21b03c02f6a11))
-* **stage,editor:** 选中的元素不存在时不报错,并完善事件ts定义 ([fff56a9](https://github.com/Tencent/tmagic-editor/commit/fff56a97f7403009be377841c8a05cd7b7a583de)), closes [#579](https://github.com/Tencent/tmagic-editor/issues/579)
-
-
+- **editor:** 优化代码块编辑弹窗 ([c83e76e](https://github.com/Tencent/tmagic-editor/commit/c83e76e641476c5e7222db15e5e36aa4a453e389))
+- **editor:** 属性面板支持切换源码 ([de1711d](https://github.com/Tencent/tmagic-editor/commit/de1711d7133cd4dcf19c2c868ff21b03c02f6a11))
+- **stage,editor:** 选中的元素不存在时不报错,并完善事件ts定义 ([fff56a9](https://github.com/Tencent/tmagic-editor/commit/fff56a97f7403009be377841c8a05cd7b7a583de)), closes [#579](https://github.com/Tencent/tmagic-editor/issues/579)
 
 # [1.4.0-beta.1](https://github.com/Tencent/tmagic-editor/compare/v1.3.16...v1.4.0-beta.1) (2024-03-13)
 
-
 ### Bug Fixes
 
-* **design:** Autocomplete default slot 名称拼写错误 ([94a6004](https://github.com/Tencent/tmagic-editor/commit/94a6004608a8cd618c6f150cba7fe8076412df31))
-* **editor:** 修复点击floatbox时更新zindex导致宽高被重置的问题 ([cae928f](https://github.com/Tencent/tmagic-editor/commit/cae928f7f90a3e2d52b866400ab5ce46da90cec6))
-* **editor:** 修复高级中打开代码块没有floatbox嵌套的问题，floatbox支持beforeClose事件 ([5fc6496](https://github.com/Tencent/tmagic-editor/commit/5fc649607aa4ac522b0d783973104fec39bf5021))
-* **editor:** 设置配置时使用的key统一转换成kebab-cased形式 ([8e18336](https://github.com/Tencent/tmagic-editor/commit/8e18336fa3acebb2d144733a1173d63d30a00d48)), closes [#576](https://github.com/Tencent/tmagic-editor/issues/576)
-* **stage:** 修复moveable中custom able旋转中心错误问题 ([#575](https://github.com/Tencent/tmagic-editor/issues/575)) ([842fa22](https://github.com/Tencent/tmagic-editor/commit/842fa221aacd4e1e76a5ce083984c4c2ea2458a0))
-* **stage:** 多选后拖动没有响应 ([5cf137e](https://github.com/Tencent/tmagic-editor/commit/5cf137e5e811182f34e66ea16ba65f677489414d))
-
+- **design:** Autocomplete default slot 名称拼写错误 ([94a6004](https://github.com/Tencent/tmagic-editor/commit/94a6004608a8cd618c6f150cba7fe8076412df31))
+- **editor:** 修复点击floatbox时更新zindex导致宽高被重置的问题 ([cae928f](https://github.com/Tencent/tmagic-editor/commit/cae928f7f90a3e2d52b866400ab5ce46da90cec6))
+- **editor:** 修复高级中打开代码块没有floatbox嵌套的问题，floatbox支持beforeClose事件 ([5fc6496](https://github.com/Tencent/tmagic-editor/commit/5fc649607aa4ac522b0d783973104fec39bf5021))
+- **editor:** 设置配置时使用的key统一转换成kebab-cased形式 ([8e18336](https://github.com/Tencent/tmagic-editor/commit/8e18336fa3acebb2d144733a1173d63d30a00d48)), closes [#576](https://github.com/Tencent/tmagic-editor/issues/576)
+- **stage:** 修复moveable中custom able旋转中心错误问题 ([#575](https://github.com/Tencent/tmagic-editor/issues/575)) ([842fa22](https://github.com/Tencent/tmagic-editor/commit/842fa221aacd4e1e76a5ce083984c4c2ea2458a0))
+- **stage:** 多选后拖动没有响应 ([5cf137e](https://github.com/Tencent/tmagic-editor/commit/5cf137e5e811182f34e66ea16ba65f677489414d))
 
 ### Features
 
-* **data-source,runtime:** 数据源编译组件时新增一个参数控制是否要编辑子元素 ([c68d4e0](https://github.com/Tencent/tmagic-editor/commit/c68d4e05de3baa3b6cf1f842d228059a5af75371))
-* **design,form:** cascader新增popper-class prop ([6dbac52](https://github.com/Tencent/tmagic-editor/commit/6dbac52c50fb3447b3c3fd2c9a6a138d4b0fb91c))
-* **editor:** props-service支持通过fill-config设置label-width ([0315389](https://github.com/Tencent/tmagic-editor/commit/0315389ce935d350fc0cc9848d50cc7e35d34be1))
-* **editor:** 使用 floatbox 替换原抽屉栏 ([a035f02](https://github.com/Tencent/tmagic-editor/commit/a035f02f839032774c6698bc10cc163585faeb1e))
-* **editor:** 增加FloatBox的beforeClose函数 ([7ce60b2](https://github.com/Tencent/tmagic-editor/commit/7ce60b223e124ac21d8da56480a35dcca97231d9))
-* **editor:** 样式配置支持配置数据源字段 ([cda6c0f](https://github.com/Tencent/tmagic-editor/commit/cda6c0f79108c72ebc1e6924ca0c929d50fb4ccb))
-* **form:** label 标签的title属性配置 ([e272370](https://github.com/Tencent/tmagic-editor/commit/e272370fea5c227497decdc04381101afa11cce8))
-* 支持迭代器容器 ([e692e01](https://github.com/Tencent/tmagic-editor/commit/e692e01c4f736abcc2a4e7262dfc9179d8b1a6fb))
-
-
+- **data-source,runtime:** 数据源编译组件时新增一个参数控制是否要编辑子元素 ([c68d4e0](https://github.com/Tencent/tmagic-editor/commit/c68d4e05de3baa3b6cf1f842d228059a5af75371))
+- **design,form:** cascader新增popper-class prop ([6dbac52](https://github.com/Tencent/tmagic-editor/commit/6dbac52c50fb3447b3c3fd2c9a6a138d4b0fb91c))
+- **editor:** props-service支持通过fill-config设置label-width ([0315389](https://github.com/Tencent/tmagic-editor/commit/0315389ce935d350fc0cc9848d50cc7e35d34be1))
+- **editor:** 使用 floatbox 替换原抽屉栏 ([a035f02](https://github.com/Tencent/tmagic-editor/commit/a035f02f839032774c6698bc10cc163585faeb1e))
+- **editor:** 增加FloatBox的beforeClose函数 ([7ce60b2](https://github.com/Tencent/tmagic-editor/commit/7ce60b223e124ac21d8da56480a35dcca97231d9))
+- **editor:** 样式配置支持配置数据源字段 ([cda6c0f](https://github.com/Tencent/tmagic-editor/commit/cda6c0f79108c72ebc1e6924ca0c929d50fb4ccb))
+- **form:** label 标签的title属性配置 ([e272370](https://github.com/Tencent/tmagic-editor/commit/e272370fea5c227497decdc04381101afa11cce8))
+- 支持迭代器容器 ([e692e01](https://github.com/Tencent/tmagic-editor/commit/e692e01c4f736abcc2a4e7262dfc9179d8b1a6fb))
 
 ## [1.3.16](https://github.com/Tencent/tmagic-editor/compare/v1.3.15...v1.3.16) (2024-03-01)
 
-
 ### Bug Fixes
 
-* **design,editor,tdesign-vue-next-adapter:** tMagicPopover在TDesign下异常 ([ffc3e57](https://github.com/Tencent/tmagic-editor/commit/ffc3e57aa1ac2f2aad2a0f6451cf8719b32269cd)), closes [#574](https://github.com/Tencent/tmagic-editor/issues/574)
-* **tmagic-form-runtime:** useRuntime添加默认参数 ([1b3c598](https://github.com/Tencent/tmagic-editor/commit/1b3c598a663499491e1ee44792771ea3703753b3))
-
+- **design,editor,tdesign-vue-next-adapter:** tMagicPopover在TDesign下异常 ([ffc3e57](https://github.com/Tencent/tmagic-editor/commit/ffc3e57aa1ac2f2aad2a0f6451cf8719b32269cd)), closes [#574](https://github.com/Tencent/tmagic-editor/issues/574)
+- **tmagic-form-runtime:** useRuntime添加默认参数 ([1b3c598](https://github.com/Tencent/tmagic-editor/commit/1b3c598a663499491e1ee44792771ea3703753b3))
 
 ### Features
 
-* **editor:** 新增code-block-panel-search slot ([a073b8c](https://github.com/Tencent/tmagic-editor/commit/a073b8c50d0e8b90d9bf8099ed8482cbb42e4709))
-* **editor:** 新增data-source-panel-search slot ([6821ce5](https://github.com/Tencent/tmagic-editor/commit/6821ce5fbfba80a3ae2e36e46b707863d2ec0af3))
-
-
+- **editor:** 新增code-block-panel-search slot ([a073b8c](https://github.com/Tencent/tmagic-editor/commit/a073b8c50d0e8b90d9bf8099ed8482cbb42e4709))
+- **editor:** 新增data-source-panel-search slot ([6821ce5](https://github.com/Tencent/tmagic-editor/commit/6821ce5fbfba80a3ae2e36e46b707863d2ec0af3))
 
 ## [1.3.15](https://github.com/Tencent/tmagic-editor/compare/v1.3.14...v1.3.15) (2024-02-29)
 
-
 ### Bug Fixes
 
-* **runtime:** 数据源变化更新页面出错 ([0df98bc](https://github.com/Tencent/tmagic-editor/commit/0df98bc226396cfc924afde1768e7707f789dd19))
-
+- **runtime:** 数据源变化更新页面出错 ([0df98bc](https://github.com/Tencent/tmagic-editor/commit/0df98bc226396cfc924afde1768e7707f789dd19))
 
 ### Features
 
-* **editor:** 代码选择器，数据源方法选择新增不可编辑配置，与disabled区分开 ([58b62d1](https://github.com/Tencent/tmagic-editor/commit/58b62d18e4874b5a1214bc0717ebe090e4fbf489))
-
-
+- **editor:** 代码选择器，数据源方法选择新增不可编辑配置，与disabled区分开 ([58b62d1](https://github.com/Tencent/tmagic-editor/commit/58b62d18e4874b5a1214bc0717ebe090e4fbf489))
 
 ## [1.3.14](https://github.com/Tencent/tmagic-editor/compare/v1.3.13...v1.3.14) (2024-02-29)
 
-
 ### Bug Fixes
 
-* **data-source, ui:** 页面配置配置数据源字段模块出错 ([455c696](https://github.com/Tencent/tmagic-editor/commit/455c696ff0e871d6513473c74202b6c3b8fc8b40))
-* **editor:** 从页面切换成页面片时不会默认选中第一个页面片 ([3fe83f9](https://github.com/Tencent/tmagic-editor/commit/3fe83f9fa49676cc89e9f2d799d0fbe3fd7f2ec6))
-* **editor:** 复制页面后，组件树选中状态不对 ([b4df7f5](https://github.com/Tencent/tmagic-editor/commit/b4df7f5eea5724b8c3d656f6885bfc3b78910f0a))
-* **tmagic-form-runtime:** 完善form-runtime ([8d1ba22](https://github.com/Tencent/tmagic-editor/commit/8d1ba220c1685f993d8bdffaaa9f053e1b02df0b))
-* **utils:** 数据源条件解析空字符出错 ([33fcee6](https://github.com/Tencent/tmagic-editor/commit/33fcee66dfbf7fb95f4784e7a290caad2b375845))
-
+- **data-source, ui:** 页面配置配置数据源字段模块出错 ([455c696](https://github.com/Tencent/tmagic-editor/commit/455c696ff0e871d6513473c74202b6c3b8fc8b40))
+- **editor:** 从页面切换成页面片时不会默认选中第一个页面片 ([3fe83f9](https://github.com/Tencent/tmagic-editor/commit/3fe83f9fa49676cc89e9f2d799d0fbe3fd7f2ec6))
+- **editor:** 复制页面后，组件树选中状态不对 ([b4df7f5](https://github.com/Tencent/tmagic-editor/commit/b4df7f5eea5724b8c3d656f6885bfc3b78910f0a))
+- **tmagic-form-runtime:** 完善form-runtime ([8d1ba22](https://github.com/Tencent/tmagic-editor/commit/8d1ba220c1685f993d8bdffaaa9f053e1b02df0b))
+- **utils:** 数据源条件解析空字符出错 ([33fcee6](https://github.com/Tencent/tmagic-editor/commit/33fcee66dfbf7fb95f4784e7a290caad2b375845))
 
 ### Features
 
-* **editor,core,schema:** 组件高级配置支持配置数据源方法 ([074d764](https://github.com/Tencent/tmagic-editor/commit/074d76456b5fa35684d1db7ea12107c1b145dec0))
-* **editor:** menu配置支持事件 ([fcede5c](https://github.com/Tencent/tmagic-editor/commit/fcede5c0aceeb32851e129111d5aa690de1a7d1b))
-
-
+- **editor,core,schema:** 组件高级配置支持配置数据源方法 ([074d764](https://github.com/Tencent/tmagic-editor/commit/074d76456b5fa35684d1db7ea12107c1b145dec0))
+- **editor:** menu配置支持事件 ([fcede5c](https://github.com/Tencent/tmagic-editor/commit/fcede5c0aceeb32851e129111d5aa690de1a7d1b))
 
 ## [1.3.13](https://github.com/Tencent/tmagic-editor/compare/v1.3.12...v1.3.13) (2024-01-19)
 
-
 ### Bug Fixes
 
-* **editor:** stage-overlay状态更新 ([2432bc5](https://github.com/Tencent/tmagic-editor/commit/2432bc5a6931b95434a0711f4f67f540b8b9c9c3))
-* **editor:** 弹层画布响应组件树点击 ([2114b89](https://github.com/Tencent/tmagic-editor/commit/2114b89365bdb889b14264799d23ae7b5b6ca39a))
-* **stage:** scrollIntoView不能有横向滚动 ([01f8040](https://github.com/Tencent/tmagic-editor/commit/01f8040a1a24da463f1d2b22dca8022f86424cb0))
-
-
+- **editor:** stage-overlay状态更新 ([2432bc5](https://github.com/Tencent/tmagic-editor/commit/2432bc5a6931b95434a0711f4f67f540b8b9c9c3))
+- **editor:** 弹层画布响应组件树点击 ([2114b89](https://github.com/Tencent/tmagic-editor/commit/2114b89365bdb889b14264799d23ae7b5b6ca39a))
+- **stage:** scrollIntoView不能有横向滚动 ([01f8040](https://github.com/Tencent/tmagic-editor/commit/01f8040a1a24da463f1d2b22dca8022f86424cb0))
 
 ## [1.3.12](https://github.com/Tencent/tmagic-editor/compare/v1.3.11...v1.3.12) (2024-01-18)
 
-
 ### Bug Fixes
 
-* **editor:** 移动元素到容器中的时候root没有更新问题 ([#569](https://github.com/Tencent/tmagic-editor/issues/569)) ([edc7c11](https://github.com/Tencent/tmagic-editor/commit/edc7c119291253dfc747005be7f607104263c1ed))
-
+- **editor:** 移动元素到容器中的时候root没有更新问题 ([#569](https://github.com/Tencent/tmagic-editor/issues/569)) ([edc7c11](https://github.com/Tencent/tmagic-editor/commit/edc7c119291253dfc747005be7f607104263c1ed))
 
 ### Features
 
-* **editor,stage:** 完善双击画布可以已弹层方向显示并显示完整的组件 ([c30e7d3](https://github.com/Tencent/tmagic-editor/commit/c30e7d340b4ec58de3edd7d3f3a8db5ac8b7e07d))
-
-
+- **editor,stage:** 完善双击画布可以已弹层方向显示并显示完整的组件 ([c30e7d3](https://github.com/Tencent/tmagic-editor/commit/c30e7d340b4ec58de3edd7d3f3a8db5ac8b7e07d))
 
 ## [1.3.11](https://github.com/Tencent/tmagic-editor/compare/v1.3.10...v1.3.11) (2024-01-12)
 
-
 ### Bug Fixes
 
-* **editor:** 拖动组件进画布后，父容器位置计算有误 ([#565](https://github.com/Tencent/tmagic-editor/issues/565)) ([115123a](https://github.com/Tencent/tmagic-editor/commit/115123a0bcd1d63f53eeb23361547e1985241b67))
-
+- **editor:** 拖动组件进画布后，父容器位置计算有误 ([#565](https://github.com/Tencent/tmagic-editor/issues/565)) ([115123a](https://github.com/Tencent/tmagic-editor/commit/115123a0bcd1d63f53eeb23361547e1985241b67))
 
 ### Features
 
-* **editor,stage:** 双击画布可以已弹层方向显示并显示完整的组件 ([e4af8ca](https://github.com/Tencent/tmagic-editor/commit/e4af8cadb04f23669c0762993052b13a5422afac))
-
-
+- **editor,stage:** 双击画布可以已弹层方向显示并显示完整的组件 ([e4af8ca](https://github.com/Tencent/tmagic-editor/commit/e4af8cadb04f23669c0762993052b13a5422afac))
 
 ## [1.3.10](https://github.com/Tencent/tmagic-editor/compare/v1.3.9...v1.3.10) (2024-01-10)
 
-
 ### Bug Fixes
 
-* **form:** table全屏后zindex问题 ([aa601f8](https://github.com/Tencent/tmagic-editor/commit/aa601f8703acc097b072d7b2c20e6ab0eb7010ab))
-* **runtime:** 更新Vue3 cdn链接 ([84cbc74](https://github.com/Tencent/tmagic-editor/commit/84cbc745c7a11d0220c6f2a8b415426a1167df59))
-* **utils:** <=条件编译出错 ([acab44a](https://github.com/Tencent/tmagic-editor/commit/acab44aaa4c80f7f046f738d63791e7a1dfd055d))
-
+- **form:** table全屏后zindex问题 ([aa601f8](https://github.com/Tencent/tmagic-editor/commit/aa601f8703acc097b072d7b2c20e6ab0eb7010ab))
+- **runtime:** 更新Vue3 cdn链接 ([84cbc74](https://github.com/Tencent/tmagic-editor/commit/84cbc745c7a11d0220c6f2a8b415426a1167df59))
+- **utils:** <=条件编译出错 ([acab44a](https://github.com/Tencent/tmagic-editor/commit/acab44aaa4c80f7f046f738d63791e7a1dfd055d))
 
 ### Features
 
-* **design,element-plus-adapter:** 新增获取浮层zIndex的方法 ([81e3d0a](https://github.com/Tencent/tmagic-editor/commit/81e3d0a18eac05b29838d39ee237000d2120f49d))
-* 新增tmagic-form-runtime ([f8443ed](https://github.com/Tencent/tmagic-editor/commit/f8443ed3161020ffb25aee326b24bf8eda57582e))
-* 输入文本含有空格时,弹窗提示 ([ab5e31d](https://github.com/Tencent/tmagic-editor/commit/ab5e31dfea348bb970c87b5f41ca378e22dfb7f2))
-
-
+- **design,element-plus-adapter:** 新增获取浮层zIndex的方法 ([81e3d0a](https://github.com/Tencent/tmagic-editor/commit/81e3d0a18eac05b29838d39ee237000d2120f49d))
+- 新增tmagic-form-runtime ([f8443ed](https://github.com/Tencent/tmagic-editor/commit/f8443ed3161020ffb25aee326b24bf8eda57582e))
+- 输入文本含有空格时,弹窗提示 ([ab5e31d](https://github.com/Tencent/tmagic-editor/commit/ab5e31dfea348bb970c87b5f41ca378e22dfb7f2))
 
 ## [1.3.9](https://github.com/Tencent/tmagic-editor/compare/v1.3.8...v1.3.9) (2024-01-03)
 
-
 ### Bug Fixes
 
-* **editor:** 上下移一层溢出 ([2326962](https://github.com/Tencent/tmagic-editor/commit/23269625e12bb853392f2a140a6a9b4999d57c46)), closes [#563](https://github.com/Tencent/tmagic-editor/issues/563)
-* **stage:** 有margin的组件拖动大小时top偏移 ([3204204](https://github.com/Tencent/tmagic-editor/commit/320420478cce8df6f27e90920abc6fe8a89639dc)), closes [#559](https://github.com/Tencent/tmagic-editor/issues/559)
-* **stage:** 组件添加粗一点的边框后resize操作 选中样式没有和组件本身对齐 ([783f7c3](https://github.com/Tencent/tmagic-editor/commit/783f7c3fc1349182b280c847f666dd88c9bc7760)), closes [#562](https://github.com/Tencent/tmagic-editor/issues/562)
-
+- **editor:** 上下移一层溢出 ([2326962](https://github.com/Tencent/tmagic-editor/commit/23269625e12bb853392f2a140a6a9b4999d57c46)), closes [#563](https://github.com/Tencent/tmagic-editor/issues/563)
+- **stage:** 有margin的组件拖动大小时top偏移 ([3204204](https://github.com/Tencent/tmagic-editor/commit/320420478cce8df6f27e90920abc6fe8a89639dc)), closes [#559](https://github.com/Tencent/tmagic-editor/issues/559)
+- **stage:** 组件添加粗一点的边框后resize操作 选中样式没有和组件本身对齐 ([783f7c3](https://github.com/Tencent/tmagic-editor/commit/783f7c3fc1349182b280c847f666dd88c9bc7760)), closes [#562](https://github.com/Tencent/tmagic-editor/issues/562)
 
 ### Features
 
-* **data-source,utils,runtime:** 数据源setData支持指定路径 ([d3777b2](https://github.com/Tencent/tmagic-editor/commit/d3777b236d85c091a2ab1e83d7dc3616e72a465e))
-* 代码编辑器支持emmet插件 --story=115432867 ([6b4bfae](https://github.com/Tencent/tmagic-editor/commit/6b4bfae30b9541b7d965fa139f9b1097faaeb921))
-
-
+- **data-source,utils,runtime:** 数据源setData支持指定路径 ([d3777b2](https://github.com/Tencent/tmagic-editor/commit/d3777b236d85c091a2ab1e83d7dc3616e72a465e))
+- 代码编辑器支持emmet插件 --story=115432867 ([6b4bfae](https://github.com/Tencent/tmagic-editor/commit/6b4bfae30b9541b7d965fa139f9b1097faaeb921))
 
 ## [1.3.8](https://github.com/Tencent/tmagic-editor/compare/v1.3.7...v1.3.8) (2023-12-21)
 
-
 ### Features
 
-* **editor,dep:** watcher新增方法:清除指定类型的依赖 ([d981014](https://github.com/Tencent/tmagic-editor/commit/d981014160625ce4bafad52428862cc070e5c604))
-* **editor,form:** 新增属性配置表单error事件 ([fbe1d88](https://github.com/Tencent/tmagic-editor/commit/fbe1d88d27bcaf53ea606706c2526fa5436e7e78)), closes [#557](https://github.com/Tencent/tmagic-editor/issues/557)
-* **editor,ui:** 页面片下拉选择框支持点击跳转编辑,修改页面片组件initvalue ([2dc810a](https://github.com/Tencent/tmagic-editor/commit/2dc810a9fd15ed9fe730d3d6046ed8addc68da9d))
-* **editor:** data-source-service支持扩展 ([bd8bbc6](https://github.com/Tencent/tmagic-editor/commit/bd8bbc6154c22c59d8c10cb56a2390498cbe41e3))
-* **editor:** 新增page-bar slot ([7c90b93](https://github.com/Tencent/tmagic-editor/commit/7c90b9339dbd262e3023083543d46a45c017aaca))
-* **form:** table 增加 beforeAddRow 钩子函数校验是否可增加行 ([2dcef44](https://github.com/Tencent/tmagic-editor/commit/2dcef449bfe04c7cb38223c1025d1ecb8df0074e))
-
-
+- **editor,dep:** watcher新增方法:清除指定类型的依赖 ([d981014](https://github.com/Tencent/tmagic-editor/commit/d981014160625ce4bafad52428862cc070e5c604))
+- **editor,form:** 新增属性配置表单error事件 ([fbe1d88](https://github.com/Tencent/tmagic-editor/commit/fbe1d88d27bcaf53ea606706c2526fa5436e7e78)), closes [#557](https://github.com/Tencent/tmagic-editor/issues/557)
+- **editor,ui:** 页面片下拉选择框支持点击跳转编辑,修改页面片组件initvalue ([2dc810a](https://github.com/Tencent/tmagic-editor/commit/2dc810a9fd15ed9fe730d3d6046ed8addc68da9d))
+- **editor:** data-source-service支持扩展 ([bd8bbc6](https://github.com/Tencent/tmagic-editor/commit/bd8bbc6154c22c59d8c10cb56a2390498cbe41e3))
+- **editor:** 新增page-bar slot ([7c90b93](https://github.com/Tencent/tmagic-editor/commit/7c90b9339dbd262e3023083543d46a45c017aaca))
+- **form:** table 增加 beforeAddRow 钩子函数校验是否可增加行 ([2dcef44](https://github.com/Tencent/tmagic-editor/commit/2dcef449bfe04c7cb38223c1025d1ecb8df0074e))
 
 ## [1.3.7](https://github.com/Tencent/tmagic-editor/compare/v1.3.6...v1.3.7) (2023-12-19)
 
-
 ### Bug Fixes
 
-* **form:** table全屏后蒙层在最上一层 ([4ec0b69](https://github.com/Tencent/tmagic-editor/commit/4ec0b69a8dc8168c6e3393094f8366dfe81d7298))
-
+- **form:** table全屏后蒙层在最上一层 ([4ec0b69](https://github.com/Tencent/tmagic-editor/commit/4ec0b69a8dc8168c6e3393094f8366dfe81d7298))
 
 ### Features
 
-* **core,editor,ui:** 新增页面片 ([7b6dced](https://github.com/Tencent/tmagic-editor/commit/7b6dcedfad07af458d2496b69230fe2920dead70))
-* **data-source:** 支持在指定js环境下不执行init的配置 ([86bdb9f](https://github.com/Tencent/tmagic-editor/commit/86bdb9f0990a9ae1a774729c4aa7f2e92ab70d13))
-* **editor, stage:** 初始化加载runtime loading ([7305f87](https://github.com/Tencent/tmagic-editor/commit/7305f878f341ea8531f4075cb23e27a75590029b))
-* **editor, stage:** 新增禁用多选的props ([2a5b9ec](https://github.com/Tencent/tmagic-editor/commit/2a5b9ec6bd23d3e859b8783102e5366182bf9463))
-* **editor,stage:** 新增标尺配置props ([f212be1](https://github.com/Tencent/tmagic-editor/commit/f212be136e140f1d3b568b22cce01d2801b12157)), closes [#558](https://github.com/Tencent/tmagic-editor/issues/558)
-* **editor:** 右键菜单兼容页面片 ([41a3b8c](https://github.com/Tencent/tmagic-editor/commit/41a3b8c7c7469cf1246689b24084eb0e8b0eb8cf))
-* **editor:** 新增自定义右键菜单函数配置 ([698c345](https://github.com/Tencent/tmagic-editor/commit/698c3451ff85bfdb07310fa001253943c9a7f8e8))
-* **playground:** 完善form editor ([538f96c](https://github.com/Tencent/tmagic-editor/commit/538f96c0825e3d5d3fb26783bb0bac0ddbcbcceb))
-
+- **core,editor,ui:** 新增页面片 ([7b6dced](https://github.com/Tencent/tmagic-editor/commit/7b6dcedfad07af458d2496b69230fe2920dead70))
+- **data-source:** 支持在指定js环境下不执行init的配置 ([86bdb9f](https://github.com/Tencent/tmagic-editor/commit/86bdb9f0990a9ae1a774729c4aa7f2e92ab70d13))
+- **editor, stage:** 初始化加载runtime loading ([7305f87](https://github.com/Tencent/tmagic-editor/commit/7305f878f341ea8531f4075cb23e27a75590029b))
+- **editor, stage:** 新增禁用多选的props ([2a5b9ec](https://github.com/Tencent/tmagic-editor/commit/2a5b9ec6bd23d3e859b8783102e5366182bf9463))
+- **editor,stage:** 新增标尺配置props ([f212be1](https://github.com/Tencent/tmagic-editor/commit/f212be136e140f1d3b568b22cce01d2801b12157)), closes [#558](https://github.com/Tencent/tmagic-editor/issues/558)
+- **editor:** 右键菜单兼容页面片 ([41a3b8c](https://github.com/Tencent/tmagic-editor/commit/41a3b8c7c7469cf1246689b24084eb0e8b0eb8cf))
+- **editor:** 新增自定义右键菜单函数配置 ([698c345](https://github.com/Tencent/tmagic-editor/commit/698c3451ff85bfdb07310fa001253943c9a7f8e8))
+- **playground:** 完善form editor ([538f96c](https://github.com/Tencent/tmagic-editor/commit/538f96c0825e3d5d3fb26783bb0bac0ddbcbcceb))
 
 ### Reverts
 
-* Revert "chore: 去掉pnpm的限制" ([04a72da](https://github.com/Tencent/tmagic-editor/commit/04a72da06ce84d00a184a67e4eff907c41b08639))
-
-
+- Revert "chore: 去掉pnpm的限制" ([04a72da](https://github.com/Tencent/tmagic-editor/commit/04a72da06ce84d00a184a67e4eff907c41b08639))
 
 ## [1.3.6](https://github.com/Tencent/tmagic-editor/compare/v1.3.5...v1.3.6) (2023-12-12)
 
-
 ### Bug Fixes
 
-* **data-source,utils:** 显示条件编译对于undefined理解不正确 ([75dd89f](https://github.com/Tencent/tmagic-editor/commit/75dd89f2fe560f9bfcad8d0aa3afc481cdf42286))
-* **dep:** get-tagert需要指定type ([70f2b11](https://github.com/Tencent/tmagic-editor/commit/70f2b11df50cd8ebbc58e96b1f0e2c87e7d6db84))
-* **editor:** 新增数据源方法不会收集依赖 ([fe26ac5](https://github.com/Tencent/tmagic-editor/commit/fe26ac5ffc39da1449fd1c54af48a0ad8ba24491))
-* **editor:** 有复制的内容时展示粘贴菜单 ([456692f](https://github.com/Tencent/tmagic-editor/commit/456692ff8ab2959519c6c858cd0098b06188560c))
-* **form:** cascader options不会自动更新 ([cc202d7](https://github.com/Tencent/tmagic-editor/commit/cc202d79f9e76853e19177bb889e4cb7517514ec))
-* **table:** 修复element table tooltip position 默认使用 fixed 定位导致气泡偏移的问题 ([0c994f1](https://github.com/Tencent/tmagic-editor/commit/0c994f1e230127aa27bb222ad201e096a86e05ad))
-
+- **data-source,utils:** 显示条件编译对于undefined理解不正确 ([75dd89f](https://github.com/Tencent/tmagic-editor/commit/75dd89f2fe560f9bfcad8d0aa3afc481cdf42286))
+- **dep:** get-tagert需要指定type ([70f2b11](https://github.com/Tencent/tmagic-editor/commit/70f2b11df50cd8ebbc58e96b1f0e2c87e7d6db84))
+- **editor:** 新增数据源方法不会收集依赖 ([fe26ac5](https://github.com/Tencent/tmagic-editor/commit/fe26ac5ffc39da1449fd1c54af48a0ad8ba24491))
+- **editor:** 有复制的内容时展示粘贴菜单 ([456692f](https://github.com/Tencent/tmagic-editor/commit/456692ff8ab2959519c6c858cd0098b06188560c))
+- **form:** cascader options不会自动更新 ([cc202d7](https://github.com/Tencent/tmagic-editor/commit/cc202d79f9e76853e19177bb889e4cb7517514ec))
+- **table:** 修复element table tooltip position 默认使用 fixed 定位导致气泡偏移的问题 ([0c994f1](https://github.com/Tencent/tmagic-editor/commit/0c994f1e230127aa27bb222ad201e096a86e05ad))
 
 ### Features
 
-* **editor,stage:** 优化可选组件交互 ([258d2bc](https://github.com/Tencent/tmagic-editor/commit/258d2bc2eaa587c8f86fa2193b9740f9648a2705))
-* **editor:** propsService.setNewItemId新增force参数 ([a9d794d](https://github.com/Tencent/tmagic-editor/commit/a9d794dc19f80d760459c8cf6b4636f48016c258))
-* **editor:** service扩展支持设置成同步的 ([5c6a345](https://github.com/Tencent/tmagic-editor/commit/5c6a3455b039383dc78eaf1f08fb3ac7d53c379d))
-* **editor:** 修改code-block-list code-block-panel-tool slot data ([268ec4c](https://github.com/Tencent/tmagic-editor/commit/268ec4c27a9a1dacc68edd93b5e1ff6aae72c300))
-* **editor:** 可选组件按钮只有在可选组件长度大于3时才显示 ([e50e332](https://github.com/Tencent/tmagic-editor/commit/e50e332818dbe44f33489167aa5be4e42196e82a))
-* **playground:** 新增表单编辑器 ([cf72039](https://github.com/Tencent/tmagic-editor/commit/cf72039ff149f5563cd018dcc572b9a6af38c007))
-* **stage, editor:** runtime支持直接渲染模式不用iframe ([ba2f1e5](https://github.com/Tencent/tmagic-editor/commit/ba2f1e5ac5b71ece1d61aec81b84adf166ab063e))
-
-
+- **editor,stage:** 优化可选组件交互 ([258d2bc](https://github.com/Tencent/tmagic-editor/commit/258d2bc2eaa587c8f86fa2193b9740f9648a2705))
+- **editor:** propsService.setNewItemId新增force参数 ([a9d794d](https://github.com/Tencent/tmagic-editor/commit/a9d794dc19f80d760459c8cf6b4636f48016c258))
+- **editor:** service扩展支持设置成同步的 ([5c6a345](https://github.com/Tencent/tmagic-editor/commit/5c6a3455b039383dc78eaf1f08fb3ac7d53c379d))
+- **editor:** 修改code-block-list code-block-panel-tool slot data ([268ec4c](https://github.com/Tencent/tmagic-editor/commit/268ec4c27a9a1dacc68edd93b5e1ff6aae72c300))
+- **editor:** 可选组件按钮只有在可选组件长度大于3时才显示 ([e50e332](https://github.com/Tencent/tmagic-editor/commit/e50e332818dbe44f33489167aa5be4e42196e82a))
+- **playground:** 新增表单编辑器 ([cf72039](https://github.com/Tencent/tmagic-editor/commit/cf72039ff149f5563cd018dcc572b9a6af38c007))
+- **stage, editor:** runtime支持直接渲染模式不用iframe ([ba2f1e5](https://github.com/Tencent/tmagic-editor/commit/ba2f1e5ac5b71ece1d61aec81b84adf166ab063e))
 
 ## [1.3.5](https://github.com/Tencent/tmagic-editor/compare/v1.3.4...v1.3.5) (2023-12-01)
 
-
 ### Bug Fixes
 
-* **data-source:** 数据源初始化 ([78762b9](https://github.com/Tencent/tmagic-editor/commit/78762b920e0315b16b43a5f3f67a5bb02d52c849))
-
-
+- **data-source:** 数据源初始化 ([78762b9](https://github.com/Tencent/tmagic-editor/commit/78762b920e0315b16b43a5f3f67a5bb02d52c849))
 
 ## [1.3.4](https://github.com/Tencent/tmagic-editor/compare/v1.3.3...v1.3.4) (2023-11-28)
 
-
 ### Bug Fixes
 
-* **editor:** 从组件树中拖入画布新增的情况如果初始position为fixed不改变布局 ([b0fcafd](https://github.com/Tencent/tmagic-editor/commit/b0fcafd089c23126a87fda00f6fdcd6b63bb8b82))
-* **editor:** 修改根节点不添加历史记录 ([c9aab11](https://github.com/Tencent/tmagic-editor/commit/c9aab11e0352b7cc2518d113eb1960693bc64e98))
-* **util:** 条件编译对应is与not实现对应value为false的情况出错 ([33c8f8b](https://github.com/Tencent/tmagic-editor/commit/33c8f8bf5a43fc55d5bd6ccc616dcb22a1ce2be2))
-
+- **editor:** 从组件树中拖入画布新增的情况如果初始position为fixed不改变布局 ([b0fcafd](https://github.com/Tencent/tmagic-editor/commit/b0fcafd089c23126a87fda00f6fdcd6b63bb8b82))
+- **editor:** 修改根节点不添加历史记录 ([c9aab11](https://github.com/Tencent/tmagic-editor/commit/c9aab11e0352b7cc2518d113eb1960693bc64e98))
+- **util:** 条件编译对应is与not实现对应value为false的情况出错 ([33c8f8b](https://github.com/Tencent/tmagic-editor/commit/33c8f8bf5a43fc55d5bd6ccc616dcb22a1ce2be2))
 
 ### Features
 
-* **editor:** http数据源请求体配置支持写json ([141e1c7](https://github.com/Tencent/tmagic-editor/commit/141e1c7130b66d9e6ce16428b7282fdcda5ac53b))
-* **editor:** 数据源数据定义快速添加支持与已有数据合并 ([6299d28](https://github.com/Tencent/tmagic-editor/commit/6299d286ba07f5661f3d477b3d6fc1ad913a40ea))
-* **editor:** 画布大小支持配置百分比 ([eb43deb](https://github.com/Tencent/tmagic-editor/commit/eb43deb9f57c4b7afa8b2c53d4d694c6cb38604a))
-* **stage:** 支持配置对齐元素 ([f8125aa](https://github.com/Tencent/tmagic-editor/commit/f8125aa1492aceceaef05330f8bfb1e96b280829))
-
-
+- **editor:** http数据源请求体配置支持写json ([141e1c7](https://github.com/Tencent/tmagic-editor/commit/141e1c7130b66d9e6ce16428b7282fdcda5ac53b))
+- **editor:** 数据源数据定义快速添加支持与已有数据合并 ([6299d28](https://github.com/Tencent/tmagic-editor/commit/6299d286ba07f5661f3d477b3d6fc1ad913a40ea))
+- **editor:** 画布大小支持配置百分比 ([eb43deb](https://github.com/Tencent/tmagic-editor/commit/eb43deb9f57c4b7afa8b2c53d4d694c6cb38604a))
+- **stage:** 支持配置对齐元素 ([f8125aa](https://github.com/Tencent/tmagic-editor/commit/f8125aa1492aceceaef05330f8bfb1e96b280829))
 
 ## [1.3.3](https://github.com/Tencent/tmagic-editor/compare/v1.3.2...v1.3.3) (2023-11-21)
 
-
 ### Bug Fixes
 
-* **dep:** 数据源依赖收集 ([5547eb4](https://github.com/Tencent/tmagic-editor/commit/5547eb4ee870d27fbeed8ed095c371dd8c341f74))
-
+- **dep:** 数据源依赖收集 ([5547eb4](https://github.com/Tencent/tmagic-editor/commit/5547eb4ee870d27fbeed8ed095c371dd8c341f74))
 
 ### Features
 
-* **data-sources:** http数据裁剪函数content参数添加options ([5549e8c](https://github.com/Tencent/tmagic-editor/commit/5549e8cff9938ba205dcbf896d5c46db065db9ea))
-
-
+- **data-sources:** http数据裁剪函数content参数添加options ([5549e8c](https://github.com/Tencent/tmagic-editor/commit/5549e8cff9938ba205dcbf896d5c46db065db9ea))
 
 ## [1.3.2](https://github.com/Tencent/tmagic-editor/compare/v1.3.1...v1.3.2) (2023-11-21)
 
-
 ### Bug Fixes
 
-* **dep:** 数据源依赖收集不收集单独的id，因为id不需要编译 ([eea8032](https://github.com/Tencent/tmagic-editor/commit/eea8032f0db1881961095802c4242fa7c0e2a232))
-* **editor:** 不允许容器节点拖动到自己里面 ([fded262](https://github.com/Tencent/tmagic-editor/commit/fded26251f637a25dbd5af2a6ac2de55ccd06715)), closes [#553](https://github.com/Tencent/tmagic-editor/issues/553)
-* **editor:** 修复slide 全部拖出来再关闭回去时不展示slide操作栏的问题 ([c80ea82](https://github.com/Tencent/tmagic-editor/commit/c80ea829ac54b76323f221f99d6655ad1a943239))
-* **editor:** 更新dsl，组件树列表不更新 ([e35a963](https://github.com/Tencent/tmagic-editor/commit/e35a963b67cf279f01beb08e00cc678ab4e7d7ea)), closes [#554](https://github.com/Tencent/tmagic-editor/issues/554)
-
+- **dep:** 数据源依赖收集不收集单独的id，因为id不需要编译 ([eea8032](https://github.com/Tencent/tmagic-editor/commit/eea8032f0db1881961095802c4242fa7c0e2a232))
+- **editor:** 不允许容器节点拖动到自己里面 ([fded262](https://github.com/Tencent/tmagic-editor/commit/fded26251f637a25dbd5af2a6ac2de55ccd06715)), closes [#553](https://github.com/Tencent/tmagic-editor/issues/553)
+- **editor:** 修复slide 全部拖出来再关闭回去时不展示slide操作栏的问题 ([c80ea82](https://github.com/Tencent/tmagic-editor/commit/c80ea829ac54b76323f221f99d6655ad1a943239))
+- **editor:** 更新dsl，组件树列表不更新 ([e35a963](https://github.com/Tencent/tmagic-editor/commit/e35a963b67cf279f01beb08e00cc678ab4e7d7ea)), closes [#554](https://github.com/Tencent/tmagic-editor/issues/554)
 
 ### Features
 
-* **data-source:** 新增指定数据源的字符串模板编译 ([2e6d8af](https://github.com/Tencent/tmagic-editor/commit/2e6d8afb939cdc6ebd0a120e6bcdbc4190978678))
-* **editor:** dataSourceService.add返回添加的数据源 ([ab02c2f](https://github.com/Tencent/tmagic-editor/commit/ab02c2f3ee7e97c0a64da627768447070acfc932))
-* **editor:** 支持 slide 侧边栏可拖拽悬浮 ([2b10e7e](https://github.com/Tencent/tmagic-editor/commit/2b10e7eda90f3e30b75358d36b1e25ac0f5bc099))
-* **editor:** 数据源选择器支持选择数据源id ([cdba8ae](https://github.com/Tencent/tmagic-editor/commit/cdba8aeaf2ec7b05c8e9ba9c767e5d3f00fb34e2))
-
-
+- **data-source:** 新增指定数据源的字符串模板编译 ([2e6d8af](https://github.com/Tencent/tmagic-editor/commit/2e6d8afb939cdc6ebd0a120e6bcdbc4190978678))
+- **editor:** dataSourceService.add返回添加的数据源 ([ab02c2f](https://github.com/Tencent/tmagic-editor/commit/ab02c2f3ee7e97c0a64da627768447070acfc932))
+- **editor:** 支持 slide 侧边栏可拖拽悬浮 ([2b10e7e](https://github.com/Tencent/tmagic-editor/commit/2b10e7eda90f3e30b75358d36b1e25ac0f5bc099))
+- **editor:** 数据源选择器支持选择数据源id ([cdba8ae](https://github.com/Tencent/tmagic-editor/commit/cdba8aeaf2ec7b05c8e9ba9c767e5d3f00fb34e2))
 
 ## [1.3.1](https://github.com/Tencent/tmagic-editor/compare/v1.3.0...v1.3.1) (2023-11-15)
 
-
 ### Bug Fixes
 
-* **editor:** 在组件树将组件拖入不同布局的容器内，需要改变其布局 ([ce0c941](https://github.com/Tencent/tmagic-editor/commit/ce0c941bf15987b01cf4949dea57313486768ed9)), closes [#552](https://github.com/Tencent/tmagic-editor/issues/552)
-* **stage:** 当页面大小小于画布时，组件又处于画布边缘，moveable边框会超出画布，导致获取到画布外的元素 ([3b789f4](https://github.com/Tencent/tmagic-editor/commit/3b789f4d13e95b76881678b7cc55cf7bc68e7b8a)), closes [#546](https://github.com/Tencent/tmagic-editor/issues/546)
-* **stage:** 设置margin后拖动位置出现漂移 ([7f6ba9d](https://github.com/Tencent/tmagic-editor/commit/7f6ba9de9967f07286e0c412211495f35f2d9649)), closes [#549](https://github.com/Tencent/tmagic-editor/issues/549)
-
+- **editor:** 在组件树将组件拖入不同布局的容器内，需要改变其布局 ([ce0c941](https://github.com/Tencent/tmagic-editor/commit/ce0c941bf15987b01cf4949dea57313486768ed9)), closes [#552](https://github.com/Tencent/tmagic-editor/issues/552)
+- **stage:** 当页面大小小于画布时，组件又处于画布边缘，moveable边框会超出画布，导致获取到画布外的元素 ([3b789f4](https://github.com/Tencent/tmagic-editor/commit/3b789f4d13e95b76881678b7cc55cf7bc68e7b8a)), closes [#546](https://github.com/Tencent/tmagic-editor/issues/546)
+- **stage:** 设置margin后拖动位置出现漂移 ([7f6ba9d](https://github.com/Tencent/tmagic-editor/commit/7f6ba9de9967f07286e0c412211495f35f2d9649)), closes [#549](https://github.com/Tencent/tmagic-editor/issues/549)
 
 ### Features
 
-* **core:** 将事件响应中的剩余事件参数传入到配置的代码块与数据源方法中 ([436fb3f](https://github.com/Tencent/tmagic-editor/commit/436fb3f5aa0fb3cc332e6e1d1ecb385579ff97f3)), closes [#551](https://github.com/Tencent/tmagic-editor/issues/551)
-* **data-source:** 数据源支持ssr ([ffd8130](https://github.com/Tencent/tmagic-editor/commit/ffd8130269ea75a9a6ca1238336fd5e3385cd6c0))
-
-
+- **core:** 将事件响应中的剩余事件参数传入到配置的代码块与数据源方法中 ([436fb3f](https://github.com/Tencent/tmagic-editor/commit/436fb3f5aa0fb3cc332e6e1d1ecb385579ff97f3)), closes [#551](https://github.com/Tencent/tmagic-editor/issues/551)
+- **data-source:** 数据源支持ssr ([ffd8130](https://github.com/Tencent/tmagic-editor/commit/ffd8130269ea75a9a6ca1238336fd5e3385cd6c0))
 
 # [1.3.0](https://github.com/Tencent/tmagic-editor/compare/v1.3.0-beta.8...v1.3.0) (2023-11-06)
 
-
 ### Bug Fixes
 
-* **core:** 设置page时查找原page兼容数字id情况 ([168ec28](https://github.com/Tencent/tmagic-editor/commit/168ec281aaa6005498dd73de6f64739d67d66b1d)), closes [#547](https://github.com/Tencent/tmagic-editor/issues/547)
-* **editor:** model-value变化后需要重新生成依赖后再通知runtime更新 ([f0f94d4](https://github.com/Tencent/tmagic-editor/commit/f0f94d4fcc451dc1d3e55ea2a3656d75592bd62e))
-* **stage:** 隐藏标尺后再显示标尺，拖出来的线没有吸附作用 ([7a228b1](https://github.com/Tencent/tmagic-editor/commit/7a228b13e6d1137e29a24022e5b914c5813a7fd6)), closes [#548](https://github.com/Tencent/tmagic-editor/issues/548)
-
-
+- **core:** 设置page时查找原page兼容数字id情况 ([168ec28](https://github.com/Tencent/tmagic-editor/commit/168ec281aaa6005498dd73de6f64739d67d66b1d)), closes [#547](https://github.com/Tencent/tmagic-editor/issues/547)
+- **editor:** model-value变化后需要重新生成依赖后再通知runtime更新 ([f0f94d4](https://github.com/Tencent/tmagic-editor/commit/f0f94d4fcc451dc1d3e55ea2a3656d75592bd62e))
+- **stage:** 隐藏标尺后再显示标尺，拖出来的线没有吸附作用 ([7a228b1](https://github.com/Tencent/tmagic-editor/commit/7a228b13e6d1137e29a24022e5b914c5813a7fd6)), closes [#548](https://github.com/Tencent/tmagic-editor/issues/548)
 
 # [1.3.0-beta.8](https://github.com/Tencent/tmagic-editor/compare/v1.3.0-beta.7...v1.3.0-beta.8) (2023-11-03)
 
-
 ### Bug Fixes
 
-* **editor:** 数据源列表中依赖的key会重复出现 ([2d5b772](https://github.com/Tencent/tmagic-editor/commit/2d5b7726efaff5032f01e4180126e801507b77cd))
-* **editor:** 画布区域不允许宽度为0 ([1c3f8ab](https://github.com/Tencent/tmagic-editor/commit/1c3f8abaf4881bc7d5b206b1ccc3686a7226cfda))
-
+- **editor:** 数据源列表中依赖的key会重复出现 ([2d5b772](https://github.com/Tencent/tmagic-editor/commit/2d5b7726efaff5032f01e4180126e801507b77cd))
+- **editor:** 画布区域不允许宽度为0 ([1c3f8ab](https://github.com/Tencent/tmagic-editor/commit/1c3f8abaf4881bc7d5b206b1ccc3686a7226cfda))
 
 ### Features
 
-* **editor:** 缓存可选组件菜单置于顶层状态 ([263533f](https://github.com/Tencent/tmagic-editor/commit/263533f09ad0e2e1316550b8d93877a3aeb76455))
-
-
+- **editor:** 缓存可选组件菜单置于顶层状态 ([263533f](https://github.com/Tencent/tmagic-editor/commit/263533f09ad0e2e1316550b8d93877a3aeb76455))
 
 # [1.3.0-beta.7](https://github.com/Tencent/tmagic-editor/compare/v1.3.0-beta.6...v1.3.0-beta.7) (2023-11-01)
 
-
 ### Bug Fixes
 
-* **editor:** 不允许拖动的节点不允许被拖入 ([5021c74](https://github.com/Tencent/tmagic-editor/commit/5021c746fc87c6ac0e0d9206fe3b7b32626363ca)), closes [#544](https://github.com/Tencent/tmagic-editor/issues/544)
-
+- **editor:** 不允许拖动的节点不允许被拖入 ([5021c74](https://github.com/Tencent/tmagic-editor/commit/5021c746fc87c6ac0e0d9206fe3b7b32626363ca)), closes [#544](https://github.com/Tencent/tmagic-editor/issues/544)
 
 ### Features
 
-* **editor:** 新增组件树、数据源slots ([480d013](https://github.com/Tencent/tmagic-editor/commit/480d013994c02ecc98261d1f04726f2ed3a5a4b1))
-
-
+- **editor:** 新增组件树、数据源slots ([480d013](https://github.com/Tencent/tmagic-editor/commit/480d013994c02ecc98261d1f04726f2ed3a5a4b1))
 
 # [1.3.0-beta.6](https://github.com/Tencent/tmagic-editor/compare/v1.3.0-beta.5...v1.3.0-beta.6) (2023-10-31)
 
-
 ### Bug Fixes
 
-* **editor:** 数据源参数、请求头、请求体无法删除 ([cb2ff28](https://github.com/Tencent/tmagic-editor/commit/cb2ff281299417798ff41b260f970fc62bcdcbab)), closes [#543](https://github.com/Tencent/tmagic-editor/issues/543)
-
+- **editor:** 数据源参数、请求头、请求体无法删除 ([cb2ff28](https://github.com/Tencent/tmagic-editor/commit/cb2ff281299417798ff41b260f970fc62bcdcbab)), closes [#543](https://github.com/Tencent/tmagic-editor/issues/543)
 
 ### Features
 
-* **editor, data-source:** 支持http数据源请求、响应裁剪配置 ([f48afa9](https://github.com/Tencent/tmagic-editor/commit/f48afa98f28ab5eedefe4dfbc1a32303593b1786))
-
-
+- **editor, data-source:** 支持http数据源请求、响应裁剪配置 ([f48afa9](https://github.com/Tencent/tmagic-editor/commit/f48afa98f28ab5eedefe4dfbc1a32303593b1786))
 
 # [1.3.0-beta.5](https://github.com/Tencent/tmagic-editor/compare/v1.3.0-beta.4...v1.3.0-beta.5) (2023-10-24)
 
-
 ### Bug Fixes
 
-* **editor:** 粘贴容器，组件树中子组件没有显示 ([5e7a0a0](https://github.com/Tencent/tmagic-editor/commit/5e7a0a0c53807422e936909a2a11a9edc572fad5))
-* **editor:** 组件树多选后右键点击不会变回单选 ([af72d81](https://github.com/Tencent/tmagic-editor/commit/af72d819fee4b67a5f584c415d9776a2e37fa95e))
-* **editor:** 组件树注册快捷方式 ([257c8c9](https://github.com/Tencent/tmagic-editor/commit/257c8c9fa1be795f63691b12846fca6c54fb8a24))
-* **utils:** 完善生成数据源默认值 ([808c82f](https://github.com/Tencent/tmagic-editor/commit/808c82f1934773cff436d757b8f9bdd5026e4f50))
-
+- **editor:** 粘贴容器，组件树中子组件没有显示 ([5e7a0a0](https://github.com/Tencent/tmagic-editor/commit/5e7a0a0c53807422e936909a2a11a9edc572fad5))
+- **editor:** 组件树多选后右键点击不会变回单选 ([af72d81](https://github.com/Tencent/tmagic-editor/commit/af72d819fee4b67a5f584c415d9776a2e37fa95e))
+- **editor:** 组件树注册快捷方式 ([257c8c9](https://github.com/Tencent/tmagic-editor/commit/257c8c9fa1be795f63691b12846fca6c54fb8a24))
+- **utils:** 完善生成数据源默认值 ([808c82f](https://github.com/Tencent/tmagic-editor/commit/808c82f1934773cff436d757b8f9bdd5026e4f50))
 
 ### Features
 
-* **editor:** 组件列表支持设置tooltip显示详情 ([6a53747](https://github.com/Tencent/tmagic-editor/commit/6a5374726e54e5ef7610d8262080ca8b13856b19))
-
-
+- **editor:** 组件列表支持设置tooltip显示详情 ([6a53747](https://github.com/Tencent/tmagic-editor/commit/6a5374726e54e5ef7610d8262080ca8b13856b19))
 
 # [1.3.0-beta.4](https://github.com/Tencent/tmagic-editor/compare/v1.3.0-beta.3...v1.3.0-beta.4) (2023-10-23)
 
-
 ### Bug Fixes
 
-* **data-source:** http数据源参数透传入base ([359806d](https://github.com/Tencent/tmagic-editor/commit/359806da96f7ca2f6d048a7676ba53f3b7b3fb01))
-
-
+- **data-source:** http数据源参数透传入base ([359806d](https://github.com/Tencent/tmagic-editor/commit/359806da96f7ca2f6d048a7676ba53f3b7b3fb01))
 
 # [1.3.0-beta.3](https://github.com/Tencent/tmagic-editor/compare/v1.3.0-beta.2...v1.3.0-beta.3) (2023-10-23)
 
-
 ### Bug Fixes
 
-* **editor:** data-source-field-select出现两个label ([c25be06](https://github.com/Tencent/tmagic-editor/commit/c25be06441e2f2d70a84dce060eac9f1e18b05a7))
-* **editor:** 右键菜单消失子菜单可能不会跟着消失 ([1ce6411](https://github.com/Tencent/tmagic-editor/commit/1ce6411e052e22b200a79ac18d0d63b83ab26252))
-* **form:** table分页lastData初始化异常 ([bd9686d](https://github.com/Tencent/tmagic-editor/commit/bd9686dbd8159e482943a73ce569aad9da34ead9))
-
+- **editor:** data-source-field-select出现两个label ([c25be06](https://github.com/Tencent/tmagic-editor/commit/c25be06441e2f2d70a84dce060eac9f1e18b05a7))
+- **editor:** 右键菜单消失子菜单可能不会跟着消失 ([1ce6411](https://github.com/Tencent/tmagic-editor/commit/1ce6411e052e22b200a79ac18d0d63b83ab26252))
+- **form:** table分页lastData初始化异常 ([bd9686d](https://github.com/Tencent/tmagic-editor/commit/bd9686dbd8159e482943a73ce569aad9da34ead9))
 
 ### Features
 
-* **cli:** 新增datasoucreSuperClass配置 ([2b2a9c6](https://github.com/Tencent/tmagic-editor/commit/2b2a9c6706333d777bf87a06ec67f15f10294de3))
-* **core,data-source:** 数据源支持mock ([4c46a4e](https://github.com/Tencent/tmagic-editor/commit/4c46a4e575107a8e19a667deeca67fb69f934c37))
-* **data-source,editor,schema:** 数据源mock新增在编辑器中使用的配置 ([83ab94f](https://github.com/Tencent/tmagic-editor/commit/83ab94fcad40a31fc612db578268bab714ff7cc0))
-* **editor,data-source:** 组件配置支持关联数据源字段 ([e4613ba](https://github.com/Tencent/tmagic-editor/commit/e4613ba0536d719c87dbab48a1f2d8d1822988b2))
-* **editor,schema:** 支持配置数据源mock ([d4a8b89](https://github.com/Tencent/tmagic-editor/commit/d4a8b89e6f9e079d9cfdc1eb8a9935f0f2aacb5b))
-* **editor:** 事件关联数据源方法支持预置 ([588ec68](https://github.com/Tencent/tmagic-editor/commit/588ec68b2124cd997af1bae3ad7c8e9580959ad8))
-* **editor:** 搜索防抖 ([d3171f4](https://github.com/Tencent/tmagic-editor/commit/d3171f4c69189c7326fc5e43d18f8b04af62be20))
-* **editor:** 支持通过json快速配置数据源字段 ([56dfacb](https://github.com/Tencent/tmagic-editor/commit/56dfacbaaa343c3d3cd15c8c8cafcc9640a08dc9))
-* **form:** cascader支持check-strictly/emit-path配置 ([ed3c3d6](https://github.com/Tencent/tmagic-editor/commit/ed3c3d60ce79e75062d15ecb1e38552a057dd410))
-* **runtime:** 支持数据源mock ([9072642](https://github.com/Tencent/tmagic-editor/commit/9072642f2211911c9886987b33d05bfee1836daa))
-
-
+- **cli:** 新增datasoucreSuperClass配置 ([2b2a9c6](https://github.com/Tencent/tmagic-editor/commit/2b2a9c6706333d777bf87a06ec67f15f10294de3))
+- **core,data-source:** 数据源支持mock ([4c46a4e](https://github.com/Tencent/tmagic-editor/commit/4c46a4e575107a8e19a667deeca67fb69f934c37))
+- **data-source,editor,schema:** 数据源mock新增在编辑器中使用的配置 ([83ab94f](https://github.com/Tencent/tmagic-editor/commit/83ab94fcad40a31fc612db578268bab714ff7cc0))
+- **editor,data-source:** 组件配置支持关联数据源字段 ([e4613ba](https://github.com/Tencent/tmagic-editor/commit/e4613ba0536d719c87dbab48a1f2d8d1822988b2))
+- **editor,schema:** 支持配置数据源mock ([d4a8b89](https://github.com/Tencent/tmagic-editor/commit/d4a8b89e6f9e079d9cfdc1eb8a9935f0f2aacb5b))
+- **editor:** 事件关联数据源方法支持预置 ([588ec68](https://github.com/Tencent/tmagic-editor/commit/588ec68b2124cd997af1bae3ad7c8e9580959ad8))
+- **editor:** 搜索防抖 ([d3171f4](https://github.com/Tencent/tmagic-editor/commit/d3171f4c69189c7326fc5e43d18f8b04af62be20))
+- **editor:** 支持通过json快速配置数据源字段 ([56dfacb](https://github.com/Tencent/tmagic-editor/commit/56dfacbaaa343c3d3cd15c8c8cafcc9640a08dc9))
+- **form:** cascader支持check-strictly/emit-path配置 ([ed3c3d6](https://github.com/Tencent/tmagic-editor/commit/ed3c3d60ce79e75062d15ecb1e38552a057dd410))
+- **runtime:** 支持数据源mock ([9072642](https://github.com/Tencent/tmagic-editor/commit/9072642f2211911c9886987b33d05bfee1836daa))
 
 # [1.3.0-beta.2](https://github.com/Tencent/tmagic-editor/compare/v1.3.0-beta.1...v1.3.0-beta.2) (2023-09-21)
 
-
 ### Bug Fixes
 
-* **data-source:** 组件配置与条件关联了不同数据源时，编译问题 ([36988cd](https://github.com/Tencent/tmagic-editor/commit/36988cd3e08be743b4d6c92c6e7de0be9ce5f01e))
-* **editor,stage:** 优化悬停出现组件列表的交互体验 ([5a25899](https://github.com/Tencent/tmagic-editor/commit/5a25899b5701c0539d3bf7002e3710895501addd))
-
+- **data-source:** 组件配置与条件关联了不同数据源时，编译问题 ([36988cd](https://github.com/Tencent/tmagic-editor/commit/36988cd3e08be743b4d6c92c6e7de0be9ce5f01e))
+- **editor,stage:** 优化悬停出现组件列表的交互体验 ([5a25899](https://github.com/Tencent/tmagic-editor/commit/5a25899b5701c0539d3bf7002e3710895501addd))
 
 ### Features
 
-* **editor:** 数据源事件配置 ([8b7a1e4](https://github.com/Tencent/tmagic-editor/commit/8b7a1e4e3ca2faee77ddf19c0a16abc6d114a907))
-
-
+- **editor:** 数据源事件配置 ([8b7a1e4](https://github.com/Tencent/tmagic-editor/commit/8b7a1e4e3ca2faee77ddf19c0a16abc6d114a907))
 
 # [1.3.0-beta.1](https://github.com/Tencent/tmagic-editor/compare/v1.3.0-beta.0...v1.3.0-beta.1) (2023-09-19)
 
-
 ### Features
 
-* **data-source:** timing改成串行 ([28b3d2e](https://github.com/Tencent/tmagic-editor/commit/28b3d2e4b337e6c76c7a00fac6602424efd8d467))
-* **editor,stage:** 新增鼠标悬停在组件上显示当前位置下所有组件菜单 ([1c6c9ab](https://github.com/Tencent/tmagic-editor/commit/1c6c9ab3e86420fcf17ae00c4ec4ec65c6015e19))
-* **editor,util:** 完善数据源配置 ([5840ee5](https://github.com/Tencent/tmagic-editor/commit/5840ee537f698b46ce35400e8b26bbf343f2fc19))
-
-
+- **data-source:** timing改成串行 ([28b3d2e](https://github.com/Tencent/tmagic-editor/commit/28b3d2e4b337e6c76c7a00fac6602424efd8d467))
+- **editor,stage:** 新增鼠标悬停在组件上显示当前位置下所有组件菜单 ([1c6c9ab](https://github.com/Tencent/tmagic-editor/commit/1c6c9ab3e86420fcf17ae00c4ec4ec65c6015e19))
+- **editor,util:** 完善数据源配置 ([5840ee5](https://github.com/Tencent/tmagic-editor/commit/5840ee537f698b46ce35400e8b26bbf343f2fc19))
 
 # [1.3.0-beta.0](https://github.com/Tencent/tmagic-editor/compare/v1.3.0-alpha.24...v1.3.0-beta.0) (2023-09-15)
 
-
 ### Bug Fixes
 
-* **editor:** 新增数据源时，设置初始值 ([75b0d9c](https://github.com/Tencent/tmagic-editor/commit/75b0d9cdf3a41348bf6e00c721bf145c0a150810))
-* **utils:** 编译条件函数异常兼容 ([7a617d4](https://github.com/Tencent/tmagic-editor/commit/7a617d4a17bde2fbf8d942f12fe522299f36ce62))
-
+- **editor:** 新增数据源时，设置初始值 ([75b0d9c](https://github.com/Tencent/tmagic-editor/commit/75b0d9cdf3a41348bf6e00c721bf145c0a150810))
+- **utils:** 编译条件函数异常兼容 ([7a617d4](https://github.com/Tencent/tmagic-editor/commit/7a617d4a17bde2fbf8d942f12fe522299f36ce62))
 
 ### Features
 
-* **design:** drawer增加handleClose方法 ([a9c5004](https://github.com/Tencent/tmagic-editor/commit/a9c5004f4d3c88d9947f30660064ee4fec7b24c2))
-* **editor:** 已选组件新增根节点右键菜单项：全部折叠 ([ea1cae7](https://github.com/Tencent/tmagic-editor/commit/ea1cae79684850f26703273d7df4a73829ffde4b))
-* **editor:** 新增代码块编辑时查看修改 ([436914e](https://github.com/Tencent/tmagic-editor/commit/436914e7ee45ac4f84b90ff24e1569c7388e4ce4))
-* **form,editor:** 代码块编辑后关闭新增确认弹窗 ([ac30340](https://github.com/Tencent/tmagic-editor/commit/ac303405efa6d98e029bec73c8bfa1e1a7e65d8a))
-
-
+- **design:** drawer增加handleClose方法 ([a9c5004](https://github.com/Tencent/tmagic-editor/commit/a9c5004f4d3c88d9947f30660064ee4fec7b24c2))
+- **editor:** 已选组件新增根节点右键菜单项：全部折叠 ([ea1cae7](https://github.com/Tencent/tmagic-editor/commit/ea1cae79684850f26703273d7df4a73829ffde4b))
+- **editor:** 新增代码块编辑时查看修改 ([436914e](https://github.com/Tencent/tmagic-editor/commit/436914e7ee45ac4f84b90ff24e1569c7388e4ce4))
+- **form,editor:** 代码块编辑后关闭新增确认弹窗 ([ac30340](https://github.com/Tencent/tmagic-editor/commit/ac303405efa6d98e029bec73c8bfa1e1a7e65d8a))
 
 # [1.3.0-alpha.24](https://github.com/Tencent/tmagic-editor/compare/v1.3.0-alpha.23...v1.3.0-alpha.24) (2023-09-07)
 
-
 ### Bug Fixes
 
-* **editor:** 代码变化时，参数表单需要重新渲染 ([3cd1ac1](https://github.com/Tencent/tmagic-editor/commit/3cd1ac1cc4e3a57adcea1dd19d4f2ccb71a75a83))
-
+- **editor:** 代码变化时，参数表单需要重新渲染 ([3cd1ac1](https://github.com/Tencent/tmagic-editor/commit/3cd1ac1cc4e3a57adcea1dd19d4f2ccb71a75a83))
 
 ### Features
 
-* **form:** form-dialog,form-drawer新增inline,label-position配置 ([7bf5992](https://github.com/Tencent/tmagic-editor/commit/7bf59929b0196363d9f54fad58416c3677e1a58f))
-* **form:** 时间容器增加每日周期显示 ([a0a2242](https://github.com/Tencent/tmagic-editor/commit/a0a2242341c3555ba0402250d38da4124d3062aa))
-
-
+- **form:** form-dialog,form-drawer新增inline,label-position配置 ([7bf5992](https://github.com/Tencent/tmagic-editor/commit/7bf59929b0196363d9f54fad58416c3677e1a58f))
+- **form:** 时间容器增加每日周期显示 ([a0a2242](https://github.com/Tencent/tmagic-editor/commit/a0a2242341c3555ba0402250d38da4124d3062aa))
 
 # [1.3.0-alpha.23](https://github.com/Tencent/tmagic-editor/compare/v1.3.0-alpha.22...v1.3.0-alpha.23) (2023-08-31)
 
-
 ### Bug Fixes
 
-* **core:** node销毁后重新渲染再销毁不会触发destroy事件 ([a8eea1a](https://github.com/Tencent/tmagic-editor/commit/a8eea1a73b2fe43f4784a6f5961be52ab4393bfa))
-* **editor:** 当组件设置的bottom/right是，上下左右快捷键失效 ([cda3b04](https://github.com/Tencent/tmagic-editor/commit/cda3b04b85b02e572275d73d9c3981ba87981461))
-
+- **core:** node销毁后重新渲染再销毁不会触发destroy事件 ([a8eea1a](https://github.com/Tencent/tmagic-editor/commit/a8eea1a73b2fe43f4784a6f5961be52ab4393bfa))
+- **editor:** 当组件设置的bottom/right是，上下左右快捷键失效 ([cda3b04](https://github.com/Tencent/tmagic-editor/commit/cda3b04b85b02e572275d73d9c3981ba87981461))
 
 ### Features
 
-* **editor:** fixed布局水平居中处理 ([2ccf47f](https://github.com/Tencent/tmagic-editor/commit/2ccf47f7dd3ec0a52e78f2cf12e06eabf6d26365))
-
-
+- **editor:** fixed布局水平居中处理 ([2ccf47f](https://github.com/Tencent/tmagic-editor/commit/2ccf47f7dd3ec0a52e78f2cf12e06eabf6d26365))
 
 # [1.3.0-alpha.22](https://github.com/Tencent/tmagic-editor/compare/v1.3.0-alpha.21...v1.3.0-alpha.22) (2023-08-29)
 
-
 ### Bug Fixes
 
-* **cli:** packages设置npm包初始化报错 ([0865cf4](https://github.com/Tencent/tmagic-editor/commit/0865cf4952d3d68f125a2b4739fd871b14c53561))
-* **editor:** datasource自动补全用鼠标操作出错 ([7b2fd6e](https://github.com/Tencent/tmagic-editor/commit/7b2fd6ebd40680343c299941427194dbeccf53b7))
-* **editor:** 新增数据源字段受上一次新增数据影响 ([f9ba8b8](https://github.com/Tencent/tmagic-editor/commit/f9ba8b8df56305c69b8823d2f1520701133b0022))
-
+- **cli:** packages设置npm包初始化报错 ([0865cf4](https://github.com/Tencent/tmagic-editor/commit/0865cf4952d3d68f125a2b4739fd871b14c53561))
+- **editor:** datasource自动补全用鼠标操作出错 ([7b2fd6e](https://github.com/Tencent/tmagic-editor/commit/7b2fd6ebd40680343c299941427194dbeccf53b7))
+- **editor:** 新增数据源字段受上一次新增数据影响 ([f9ba8b8](https://github.com/Tencent/tmagic-editor/commit/f9ba8b8df56305c69b8823d2f1520701133b0022))
 
 ### Features
 
-* **data-source:** 数据源中新增app属性，http数据源新增钩子 ([c5a1c2d](https://github.com/Tencent/tmagic-editor/commit/c5a1c2db769af8282ba0807cff30385ac133d2a7))
-* **editor:** 新增数据源时先选类型 ([2bd86d2](https://github.com/Tencent/tmagic-editor/commit/2bd86d21012d28bc474951f87a81f622255ac36b))
-
-
+- **data-source:** 数据源中新增app属性，http数据源新增钩子 ([c5a1c2d](https://github.com/Tencent/tmagic-editor/commit/c5a1c2db769af8282ba0807cff30385ac133d2a7))
+- **editor:** 新增数据源时先选类型 ([2bd86d2](https://github.com/Tencent/tmagic-editor/commit/2bd86d21012d28bc474951f87a81f622255ac36b))
 
 # [1.3.0-alpha.21](https://github.com/Tencent/tmagic-editor/compare/v1.3.0-alpha.20...v1.3.0-alpha.21) (2023-08-25)
 
-
 ### Features
 
-* **editor:** 组件列表中的tooltip改成title ([54ec6de](https://github.com/Tencent/tmagic-editor/commit/54ec6de4f285b3b0fa31b3b579ffa372f3c9446a))
-* **table:** action新增tooltip配置 ([5c9fd9a](https://github.com/Tencent/tmagic-editor/commit/5c9fd9a0f4728847ba346c44b9155ad6e35c31d9))
-* **table:** 新增支持配置组件 ([bd6fae9](https://github.com/Tencent/tmagic-editor/commit/bd6fae9aede8cb1513c3883a21afee17d7dfc8fd))
-
-
+- **editor:** 组件列表中的tooltip改成title ([54ec6de](https://github.com/Tencent/tmagic-editor/commit/54ec6de4f285b3b0fa31b3b579ffa372f3c9446a))
+- **table:** action新增tooltip配置 ([5c9fd9a](https://github.com/Tencent/tmagic-editor/commit/5c9fd9a0f4728847ba346c44b9155ad6e35c31d9))
+- **table:** 新增支持配置组件 ([bd6fae9](https://github.com/Tencent/tmagic-editor/commit/bd6fae9aede8cb1513c3883a21afee17d7dfc8fd))
 
 # [1.3.0-alpha.20](https://github.com/Tencent/tmagic-editor/compare/v1.3.0-alpha.19...v1.3.0-alpha.20) (2023-08-24)
 
-
 ### Bug Fixes
 
-* **editor:** 数据源字符串模板提示出错 ([07a0271](https://github.com/Tencent/tmagic-editor/commit/07a02714df4ba4370f4a8cd4eaf1467db2be1069)), closes [#530](https://github.com/Tencent/tmagic-editor/issues/530)
-* **editor:** 置顶计算错误 ([3f833d4](https://github.com/Tencent/tmagic-editor/commit/3f833d41f32cbe5a16c71d94235c815475786f0b))
-
+- **editor:** 数据源字符串模板提示出错 ([07a0271](https://github.com/Tencent/tmagic-editor/commit/07a02714df4ba4370f4a8cd4eaf1467db2be1069)), closes [#530](https://github.com/Tencent/tmagic-editor/issues/530)
+- **editor:** 置顶计算错误 ([3f833d4](https://github.com/Tencent/tmagic-editor/commit/3f833d41f32cbe5a16c71d94235c815475786f0b))
 
 ### Features
 
-* **cli,data-source,editor,playground,runtime:** 支持自定义数据源 ([573f1a2](https://github.com/Tencent/tmagic-editor/commit/573f1a2c17b7e7bd8fce7280d84a01892d2d8ae9))
-* **editor:** 历史记录最多存储20条 ([ec8e8a1](https://github.com/Tencent/tmagic-editor/commit/ec8e8a17d233c80051d441655ac8d24217f16dc7))
-* **form:** date,date-time值默认的日期格式改成/,以兼容ios ([2b07a6d](https://github.com/Tencent/tmagic-editor/commit/2b07a6de2d5f339b42c9a1c43992bd0d60e6f8fa))
-
+- **cli,data-source,editor,playground,runtime:** 支持自定义数据源 ([573f1a2](https://github.com/Tencent/tmagic-editor/commit/573f1a2c17b7e7bd8fce7280d84a01892d2d8ae9))
+- **editor:** 历史记录最多存储20条 ([ec8e8a1](https://github.com/Tencent/tmagic-editor/commit/ec8e8a17d233c80051d441655ac8d24217f16dc7))
+- **form:** date,date-time值默认的日期格式改成/,以兼容ios ([2b07a6d](https://github.com/Tencent/tmagic-editor/commit/2b07a6de2d5f339b42c9a1c43992bd0d60e6f8fa))
 
 ### Reverts
 
-* Revert "chore(stage): 优化高亮与单选性能" ([0274c36](https://github.com/Tencent/tmagic-editor/commit/0274c36afd1a9a4a14e2ed78868771f4dd13ca2f))
-
-
+- Revert "chore(stage): 优化高亮与单选性能" ([0274c36](https://github.com/Tencent/tmagic-editor/commit/0274c36afd1a9a4a14e2ed78868771f4dd13ca2f))
 
 # [1.3.0-alpha.19](https://github.com/Tencent/tmagic-editor/compare/v1.3.0-alpha.18...v1.3.0-alpha.19) (2023-08-10)
 
-
 ### Bug Fixes
 
-* **cli:** 组件配置json key支持使用字符串常量 ([a8f8f48](https://github.com/Tencent/tmagic-editor/commit/a8f8f488adff794c132335b7681b80329d648e39))
-* **stage:** 拖动出现left -1 ([e3b2594](https://github.com/Tencent/tmagic-editor/commit/e3b2594c57c21f5946de63a704728c7a7d989c90))
-
+- **cli:** 组件配置json key支持使用字符串常量 ([a8f8f48](https://github.com/Tencent/tmagic-editor/commit/a8f8f488adff794c132335b7681b80329d648e39))
+- **stage:** 拖动出现left -1 ([e3b2594](https://github.com/Tencent/tmagic-editor/commit/e3b2594c57c21f5946de63a704728c7a7d989c90))
 
 ### Features
 
-* **editor,data-source:** 支持数据源方法配置执行时机 ([07c49be](https://github.com/Tencent/tmagic-editor/commit/07c49bee4e3daafc0c05b87249c294f133a94aab))
-
-
+- **editor,data-source:** 支持数据源方法配置执行时机 ([07c49be](https://github.com/Tencent/tmagic-editor/commit/07c49bee4e3daafc0c05b87249c294f133a94aab))
 
 # [1.3.0-alpha.18](https://github.com/Tencent/tmagic-editor/compare/v1.3.0-alpha.17...v1.3.0-alpha.18) (2023-08-09)
 
-
 ### Bug Fixes
 
-* **cli:** npm包会被转成相对路径 ([b1ea4ce](https://github.com/Tencent/tmagic-editor/commit/b1ea4cebad697f7348d8d11a1170aabc43be3314))
-* **stage,playground:** moveableOptions对多选无效 ([4c9ef87](https://github.com/Tencent/tmagic-editor/commit/4c9ef8797571eb5a3d3cc9b0e753fa55c505be76)), closes [#529](https://github.com/Tencent/tmagic-editor/issues/529)
-
-
+- **cli:** npm包会被转成相对路径 ([b1ea4ce](https://github.com/Tencent/tmagic-editor/commit/b1ea4cebad697f7348d8d11a1170aabc43be3314))
+- **stage,playground:** moveableOptions对多选无效 ([4c9ef87](https://github.com/Tencent/tmagic-editor/commit/4c9ef8797571eb5a3d3cc9b0e753fa55c505be76)), closes [#529](https://github.com/Tencent/tmagic-editor/issues/529)
 
 # [1.3.0-alpha.17](https://github.com/Tencent/tmagic-editor/compare/v1.3.0-alpha.16...v1.3.0-alpha.17) (2023-08-08)
 
-
 ### Bug Fixes
 
-* **editor:** diff code editor中全屏按钮点击无效 ([f9dc628](https://github.com/Tencent/tmagic-editor/commit/f9dc628ef41437001650a6b57be0556b9f8b08bb))
-* **editor:** 使用画布上的删除按钮删除组件时依赖没有清空 ([0d3cd11](https://github.com/Tencent/tmagic-editor/commit/0d3cd11ade5fbd697e24aa5c61fbc0be7c3ea9e6))
-* **form:** group-list上移下移行为不对 ([aabc77d](https://github.com/Tencent/tmagic-editor/commit/aabc77d90309976f3ddc0c67bb5e34104487d333))
-
+- **editor:** diff code editor中全屏按钮点击无效 ([f9dc628](https://github.com/Tencent/tmagic-editor/commit/f9dc628ef41437001650a6b57be0556b9f8b08bb))
+- **editor:** 使用画布上的删除按钮删除组件时依赖没有清空 ([0d3cd11](https://github.com/Tencent/tmagic-editor/commit/0d3cd11ade5fbd697e24aa5c61fbc0be7c3ea9e6))
+- **form:** group-list上移下移行为不对 ([aabc77d](https://github.com/Tencent/tmagic-editor/commit/aabc77d90309976f3ddc0c67bb5e34104487d333))
 
 ### Features
 
-* **core,data-source,ui,ui-react,ui-vue2,utils,runtime:** 解析显示条件配置 ([92df80e](https://github.com/Tencent/tmagic-editor/commit/92df80e71192df43cb87495ab53a4f47b1a3599c))
-* **design:** input支持textarea rows ([63d8c98](https://github.com/Tencent/tmagic-editor/commit/63d8c988224ac2f635e3be5ad73370b0f152d783))
-* **editor,schema:** 支持组件显示条件配置 ([3586207](https://github.com/Tencent/tmagic-editor/commit/35862078b3c86eefa53cea9dada92ded6ccc91c9))
-* **form:** text配置支持函数 ([26cd37b](https://github.com/Tencent/tmagic-editor/commit/26cd37be23e23f3ffea4f92c57c498e6518072c0))
-* **form:** 新增数字范围控件 ([5887977](https://github.com/Tencent/tmagic-editor/commit/5887977e458b3235a685e5176fba7a9775512c18))
-* **utils:** 新增isObject ([46f6aea](https://github.com/Tencent/tmagic-editor/commit/46f6aeaaf70c257849a20bed825aadbbcc898b12))
-
-
+- **core,data-source,ui,ui-react,ui-vue2,utils,runtime:** 解析显示条件配置 ([92df80e](https://github.com/Tencent/tmagic-editor/commit/92df80e71192df43cb87495ab53a4f47b1a3599c))
+- **design:** input支持textarea rows ([63d8c98](https://github.com/Tencent/tmagic-editor/commit/63d8c988224ac2f635e3be5ad73370b0f152d783))
+- **editor,schema:** 支持组件显示条件配置 ([3586207](https://github.com/Tencent/tmagic-editor/commit/35862078b3c86eefa53cea9dada92ded6ccc91c9))
+- **form:** text配置支持函数 ([26cd37b](https://github.com/Tencent/tmagic-editor/commit/26cd37be23e23f3ffea4f92c57c498e6518072c0))
+- **form:** 新增数字范围控件 ([5887977](https://github.com/Tencent/tmagic-editor/commit/5887977e458b3235a685e5176fba7a9775512c18))
+- **utils:** 新增isObject ([46f6aea](https://github.com/Tencent/tmagic-editor/commit/46f6aeaaf70c257849a20bed825aadbbcc898b12))
 
 # [1.3.0-alpha.16](https://github.com/Tencent/tmagic-editor/compare/v1.3.0-alpha.15...v1.3.0-alpha.16) (2023-08-02)
 
-
 ### Bug Fixes
 
-* **editor:** 删除组件后，依赖清除出现可能出现大量重复循环 ([b424abd](https://github.com/Tencent/tmagic-editor/commit/b424abd17a0239da25e0fd57b00b3163164e0125))
-* **form:** dialog,drawer disable时确认按钮置灰 ([ded82aa](https://github.com/Tencent/tmagic-editor/commit/ded82aae410160e623534a5a5125b4b859a7dd9f))
-
+- **editor:** 删除组件后，依赖清除出现可能出现大量重复循环 ([b424abd](https://github.com/Tencent/tmagic-editor/commit/b424abd17a0239da25e0fd57b00b3163164e0125))
+- **form:** dialog,drawer disable时确认按钮置灰 ([ded82aa](https://github.com/Tencent/tmagic-editor/commit/ded82aae410160e623534a5a5125b4b859a7dd9f))
 
 ### Features
 
-* **editor:** 新增拖动按钮 ([90205f5](https://github.com/Tencent/tmagic-editor/commit/90205f539563cb047cf7070379c78b6af01103f4))
-
-
+- **editor:** 新增拖动按钮 ([90205f5](https://github.com/Tencent/tmagic-editor/commit/90205f539563cb047cf7070379c78b6af01103f4))
 
 # [1.3.0-alpha.15](https://github.com/Tencent/tmagic-editor/compare/v1.3.0-alpha.14...v1.3.0-alpha.15) (2023-07-24)
 
-
 ### Bug Fixes
 
-* **editor:** 代码块节点slot参数丢失 ([23bee0b](https://github.com/Tencent/tmagic-editor/commit/23bee0b3ae13fd2bdfdce84a6dfed132b3d8bee2))
-* **editor:** 流式布局下通过组件树拖动layout判断不正确 ([ce6d268](https://github.com/Tencent/tmagic-editor/commit/ce6d2684b73d503b1aec0b656262bda35e4cfe29))
-
-
+- **editor:** 代码块节点slot参数丢失 ([23bee0b](https://github.com/Tencent/tmagic-editor/commit/23bee0b3ae13fd2bdfdce84a6dfed132b3d8bee2))
+- **editor:** 流式布局下通过组件树拖动layout判断不正确 ([ce6d268](https://github.com/Tencent/tmagic-editor/commit/ce6d2684b73d503b1aec0b656262bda35e4cfe29))
 
 # [1.3.0-alpha.14](https://github.com/Tencent/tmagic-editor/compare/v1.3.0-alpha.13...v1.3.0-alpha.14) (2023-07-19)
 
-
 ### Bug Fixes
 
-* **editor:** 修复CodeSelectColConfig interface找不到问题 ([1a546c3](https://github.com/Tencent/tmagic-editor/commit/1a546c326cd89f4f8bd50ff34f2d134a1954cd52)), closes [#525](https://github.com/Tencent/tmagic-editor/issues/525)
-
+- **editor:** 修复CodeSelectColConfig interface找不到问题 ([1a546c3](https://github.com/Tencent/tmagic-editor/commit/1a546c326cd89f4f8bd50ff34f2d134a1954cd52)), closes [#525](https://github.com/Tencent/tmagic-editor/issues/525)
 
 ### Features
 
-* **core,editor,data-source,form,schema:** 新增数据源方法配置,支持事件联动数据源方法 ([2a0680c](https://github.com/Tencent/tmagic-editor/commit/2a0680c7077914dcf24a818cf947172e0f586b2c))
-* **editor:** 代码块参数注释改用extra来显示 ([0a9c7c9](https://github.com/Tencent/tmagic-editor/commit/0a9c7c9dda634dce8bdb924cd3599efba696fced))
-
-
+- **core,editor,data-source,form,schema:** 新增数据源方法配置,支持事件联动数据源方法 ([2a0680c](https://github.com/Tencent/tmagic-editor/commit/2a0680c7077914dcf24a818cf947172e0f586b2c))
+- **editor:** 代码块参数注释改用extra来显示 ([0a9c7c9](https://github.com/Tencent/tmagic-editor/commit/0a9c7c9dda634dce8bdb924cd3599efba696fced))
 
 # [1.3.0-alpha.13](https://github.com/Tencent/tmagic-editor/compare/v1.3.0-alpha.12...v1.3.0-alpha.13) (2023-07-10)
 
-
 ### Features
 
-* **editor:** 代码块删除新增确认 ([8e82d38](https://github.com/Tencent/tmagic-editor/commit/8e82d38bbb4fade53d881f8b11b5bed2d2fb7567))
-* **editor:** 组件选择器点击已选择组件由重新选择改成选择组件 ([07cd306](https://github.com/Tencent/tmagic-editor/commit/07cd3065b2517c22a04ff3e6dc16243b582d9400))
-* **stage:** 新增清除高亮方法 ([ee3ad63](https://github.com/Tencent/tmagic-editor/commit/ee3ad63aa3065d1ba0fd28b81af1f2d6b245101b))
-
-
+- **editor:** 代码块删除新增确认 ([8e82d38](https://github.com/Tencent/tmagic-editor/commit/8e82d38bbb4fade53d881f8b11b5bed2d2fb7567))
+- **editor:** 组件选择器点击已选择组件由重新选择改成选择组件 ([07cd306](https://github.com/Tencent/tmagic-editor/commit/07cd3065b2517c22a04ff3e6dc16243b582d9400))
+- **stage:** 新增清除高亮方法 ([ee3ad63](https://github.com/Tencent/tmagic-editor/commit/ee3ad63aa3065d1ba0fd28b81af1f2d6b245101b))
 
 # [1.3.0-alpha.12](https://github.com/Tencent/tmagic-editor/compare/v1.3.0-alpha.11...v1.3.0-alpha.12) (2023-07-07)
 
-
 ### Bug Fixes
 
-* **editor:** 组件拖入画布出错 ([565881c](https://github.com/Tencent/tmagic-editor/commit/565881c8c9b1ff89b1f129530da1d1d92846990c)), closes [#524](https://github.com/Tencent/tmagic-editor/issues/524)
-
-
+- **editor:** 组件拖入画布出错 ([565881c](https://github.com/Tencent/tmagic-editor/commit/565881c8c9b1ff89b1f129530da1d1d92846990c)), closes [#524](https://github.com/Tencent/tmagic-editor/issues/524)
 
 # [1.3.0-alpha.11](https://github.com/Tencent/tmagic-editor/compare/v1.3.0-alpha.10...v1.3.0-alpha.11) (2023-07-06)
 
-
-
 # [1.3.0-alpha.10](https://github.com/Tencent/tmagic-editor/compare/v1.3.0-alpha.9...v1.3.0-alpha.10) (2023-07-06)
 
-
 ### Bug Fixes
 
-* **design:** tDesign form 使用reset ([c9b9e76](https://github.com/Tencent/tmagic-editor/commit/c9b9e76514f2606dc60231568bf0ed182b26c1ff)), closes [#522](https://github.com/Tencent/tmagic-editor/issues/522)
-
+- **design:** tDesign form 使用reset ([c9b9e76](https://github.com/Tencent/tmagic-editor/commit/c9b9e76514f2606dc60231568bf0ed182b26c1ff)), closes [#522](https://github.com/Tencent/tmagic-editor/issues/522)
 
 ### Features
 
-* **cli:** 生成的entry文件里面的import使用相对路径 ([24bb45e](https://github.com/Tencent/tmagic-editor/commit/24bb45e2b95a246f53e82ecf0ada5269660d3593))
-* **editor,form:** 添加属性配置表单formState扩展函数prop ([fd53170](https://github.com/Tencent/tmagic-editor/commit/fd53170e59179f51c16f6908d8f817c6f77e96a1))
-* **editor:** 新增右键菜单移动至其他页面功能 ([434bf2e](https://github.com/Tencent/tmagic-editor/commit/434bf2ed70b8261eb669ea39eab99fab29ecff46))
-* **editor:** 点击画布区域聚焦，使得能使用画布的快捷键 ([9d24069](https://github.com/Tencent/tmagic-editor/commit/9d24069dcd75d2fc27bfd84aeda9d204d2e68762))
-* **stage): feat(stage:** 新增获取moveable配置的方法 ([1710168](https://github.com/Tencent/tmagic-editor/commit/17101687bfbaa852f93a3b8c6856e13d916294cf)), closes [#521](https://github.com/Tencent/tmagic-editor/issues/521)
-
-
+- **cli:** 生成的entry文件里面的import使用相对路径 ([24bb45e](https://github.com/Tencent/tmagic-editor/commit/24bb45e2b95a246f53e82ecf0ada5269660d3593))
+- **editor,form:** 添加属性配置表单formState扩展函数prop ([fd53170](https://github.com/Tencent/tmagic-editor/commit/fd53170e59179f51c16f6908d8f817c6f77e96a1))
+- **editor:** 新增右键菜单移动至其他页面功能 ([434bf2e](https://github.com/Tencent/tmagic-editor/commit/434bf2ed70b8261eb669ea39eab99fab29ecff46))
+- **editor:** 点击画布区域聚焦，使得能使用画布的快捷键 ([9d24069](https://github.com/Tencent/tmagic-editor/commit/9d24069dcd75d2fc27bfd84aeda9d204d2e68762))
+- **stage): feat(stage:** 新增获取moveable配置的方法 ([1710168](https://github.com/Tencent/tmagic-editor/commit/17101687bfbaa852f93a3b8c6856e13d916294cf)), closes [#521](https://github.com/Tencent/tmagic-editor/issues/521)
 
 # [1.3.0-alpha.9](https://github.com/Tencent/tmagic-editor/compare/v1.3.0-alpha.8...v1.3.0-alpha.9) (2023-07-03)
 
-
 ### Bug Fixes
 
-* **core:** 一个组件配置多个相同的事件销毁后没有能成功移除事件绑定 ([47c26ed](https://github.com/Tencent/tmagic-editor/commit/47c26ed189cee952871c479bad61861abd05a482))
-* **editor:** code-editor组件json类型序列化出错 ([2d4a6aa](https://github.com/Tencent/tmagic-editor/commit/2d4a6aa22a4d09aec9665cf4dfc7ba6dec275754))
-* **editor:** 代码编辑器只有在内容发生变化时才触发保存 ([5b3c700](https://github.com/Tencent/tmagic-editor/commit/5b3c700f0034de25e9f494598c6bcf1888073fc3))
-* **editor:** 添加代码块参数时出错 ([d480a03](https://github.com/Tencent/tmagic-editor/commit/d480a03369820e7d106d2e7d2a7fad24d8f8eace))
-* **editor:** 组件树上的节点拖动画布中出错，应该不响应 ([d8d9184](https://github.com/Tencent/tmagic-editor/commit/d8d9184f3f5dda40b3fa4b49efecde4cdbcfd73f)), closes [#519](https://github.com/Tencent/tmagic-editor/issues/519)
-
+- **core:** 一个组件配置多个相同的事件销毁后没有能成功移除事件绑定 ([47c26ed](https://github.com/Tencent/tmagic-editor/commit/47c26ed189cee952871c479bad61861abd05a482))
+- **editor:** code-editor组件json类型序列化出错 ([2d4a6aa](https://github.com/Tencent/tmagic-editor/commit/2d4a6aa22a4d09aec9665cf4dfc7ba6dec275754))
+- **editor:** 代码编辑器只有在内容发生变化时才触发保存 ([5b3c700](https://github.com/Tencent/tmagic-editor/commit/5b3c700f0034de25e9f494598c6bcf1888073fc3))
+- **editor:** 添加代码块参数时出错 ([d480a03](https://github.com/Tencent/tmagic-editor/commit/d480a03369820e7d106d2e7d2a7fad24d8f8eace))
+- **editor:** 组件树上的节点拖动画布中出错，应该不响应 ([d8d9184](https://github.com/Tencent/tmagic-editor/commit/d8d9184f3f5dda40b3fa4b49efecde4cdbcfd73f)), closes [#519](https://github.com/Tencent/tmagic-editor/issues/519)
 
 ### Features
 
-* **editor, core:** 支持直接绑定整个数据源对象 ([74c9dea](https://github.com/Tencent/tmagic-editor/commit/74c9deaa29ba1fb6bd14486b17f68f8c8ab5afce))
-* **editor,ui:** 新增显示隐藏组件功能 ([42b0436](https://github.com/Tencent/tmagic-editor/commit/42b043670e7fbb0cf293faadb5f2a8cb24a7dfa5)), closes [#516](https://github.com/Tencent/tmagic-editor/issues/516)
-
-
+- **editor, core:** 支持直接绑定整个数据源对象 ([74c9dea](https://github.com/Tencent/tmagic-editor/commit/74c9deaa29ba1fb6bd14486b17f68f8c8ab5afce))
+- **editor,ui:** 新增显示隐藏组件功能 ([42b0436](https://github.com/Tencent/tmagic-editor/commit/42b043670e7fbb0cf293faadb5f2a8cb24a7dfa5)), closes [#516](https://github.com/Tencent/tmagic-editor/issues/516)
 
 # [1.3.0-alpha.8](https://github.com/Tencent/tmagic-editor/compare/v1.3.0-alpha.7...v1.3.0-alpha.8) (2023-06-27)
 
-
 ### Bug Fixes
 
-* **editor:** 没有页面时隐藏属性面板 ([91e4680](https://github.com/Tencent/tmagic-editor/commit/91e46800244eaa1cbd0b05712380388ea243dd7b))
-* **editor:** 组件树右键菜单支持多选 ([1660e94](https://github.com/Tencent/tmagic-editor/commit/1660e941d7e1e1597725b2131885c0d14f358f65))
-
+- **editor:** 没有页面时隐藏属性面板 ([91e4680](https://github.com/Tencent/tmagic-editor/commit/91e46800244eaa1cbd0b05712380388ea243dd7b))
+- **editor:** 组件树右键菜单支持多选 ([1660e94](https://github.com/Tencent/tmagic-editor/commit/1660e941d7e1e1597725b2131885c0d14f358f65))
 
 ### Features
 
-* **editor,core:** 数据源模板改成使用 ES 分隔符 ([b952e6e](https://github.com/Tencent/tmagic-editor/commit/b952e6efd1e096b47f7f32b938cd5ae6975fc4bf))
-* **editor:** 导出Resizer组件 ([fbf3896](https://github.com/Tencent/tmagic-editor/commit/fbf3896878709343651401f237ff14d9ae6ccd3c))
-* **editor:** 属性样式添加边框 ([4daf6b4](https://github.com/Tencent/tmagic-editor/commit/4daf6b441034b354a5e0ebb984cf7ffa30d22fce))
-
-
+- **editor,core:** 数据源模板改成使用 ES 分隔符 ([b952e6e](https://github.com/Tencent/tmagic-editor/commit/b952e6efd1e096b47f7f32b938cd5ae6975fc4bf))
+- **editor:** 导出Resizer组件 ([fbf3896](https://github.com/Tencent/tmagic-editor/commit/fbf3896878709343651401f237ff14d9ae6ccd3c))
+- **editor:** 属性样式添加边框 ([4daf6b4](https://github.com/Tencent/tmagic-editor/commit/4daf6b441034b354a5e0ebb984cf7ffa30d22fce))
 
 # [1.3.0-alpha.7](https://github.com/Tencent/tmagic-editor/compare/v1.3.0-alpha.6...v1.3.0-alpha.7) (2023-06-19)
 
-
 ### Bug Fixes
 
-* **editor:** 异常处理 ([b37568b](https://github.com/Tencent/tmagic-editor/commit/b37568b440a87cf8804232c87c8fbeefc498cce3))
-* **editor:** 支持多层右键菜单 ([1f55272](https://github.com/Tencent/tmagic-editor/commit/1f5527270cc780f6efe0be542e4b87e7961680b7))
-* **form:** group-list默认展开 ([8ca6b3f](https://github.com/Tencent/tmagic-editor/commit/8ca6b3fbe4a305ba3c74b48090e05096a63fef35))
-
+- **editor:** 异常处理 ([b37568b](https://github.com/Tencent/tmagic-editor/commit/b37568b440a87cf8804232c87c8fbeefc498cce3))
+- **editor:** 支持多层右键菜单 ([1f55272](https://github.com/Tencent/tmagic-editor/commit/1f5527270cc780f6efe0be542e4b87e7961680b7))
+- **form:** group-list默认展开 ([8ca6b3f](https://github.com/Tencent/tmagic-editor/commit/8ca6b3fbe4a305ba3c74b48090e05096a63fef35))
 
 ### Features
 
-* **editor:** 完善快捷键注册机制 ([9716ace](https://github.com/Tencent/tmagic-editor/commit/9716aceabf5b587ad4412499cab2b55ad968a251))
-* **editor:** 新增parseDSL配置，用于解析DSL，默认使用eval ([2b881c3](https://github.com/Tencent/tmagic-editor/commit/2b881c386316258aa9ccf89b5bd2328c4a9c8b18))
-
-
+- **editor:** 完善快捷键注册机制 ([9716ace](https://github.com/Tencent/tmagic-editor/commit/9716aceabf5b587ad4412499cab2b55ad968a251))
+- **editor:** 新增parseDSL配置，用于解析DSL，默认使用eval ([2b881c3](https://github.com/Tencent/tmagic-editor/commit/2b881c386316258aa9ccf89b5bd2328c4a9c8b18))
 
 # [1.3.0-alpha.6](https://github.com/Tencent/tmagic-editor/compare/v1.3.0-alpha.5...v1.3.0-alpha.6) (2023-06-12)
 
-
 ### Bug Fixes
 
-* **runtime:** resetcss不生效 ([567b054](https://github.com/Tencent/tmagic-editor/commit/567b054b32c344af1b5ad25615da09de027966ef))
-* **utils:** 容器发生更新，需要编译子组建配置 ([ed4b3c7](https://github.com/Tencent/tmagic-editor/commit/ed4b3c77ef468289f5b24030a9cf3a514408a8c3)), closes [#512](https://github.com/Tencent/tmagic-editor/issues/512)
-
+- **runtime:** resetcss不生效 ([567b054](https://github.com/Tencent/tmagic-editor/commit/567b054b32c344af1b5ad25615da09de027966ef))
+- **utils:** 容器发生更新，需要编译子组建配置 ([ed4b3c7](https://github.com/Tencent/tmagic-editor/commit/ed4b3c77ef468289f5b24030a9cf3a514408a8c3)), closes [#512](https://github.com/Tencent/tmagic-editor/issues/512)
 
 ### Features
 
-* **app,utils,runtime:** 将resetcss.css移到utils,在runtime中引入 ([01d1dcc](https://github.com/Tencent/tmagic-editor/commit/01d1dccbb65eb3c77c1caeff69e6c83610b4409a))
-* **editor:** 优化工作区间大小拖动体验 ([da18842](https://github.com/Tencent/tmagic-editor/commit/da18842e42456b7cba55c8c0dc69c0b197ecf738))
-* **editor:** 优化快捷键操作 ([06d289a](https://github.com/Tencent/tmagic-editor/commit/06d289aff33221615def85aca6f2954200bb5eb7))
-* **ui:** text使用p渲染 ([391fcee](https://github.com/Tencent/tmagic-editor/commit/391fceef30db5e771323adc20330b8529308eaad))
-
-
+- **app,utils,runtime:** 将resetcss.css移到utils,在runtime中引入 ([01d1dcc](https://github.com/Tencent/tmagic-editor/commit/01d1dccbb65eb3c77c1caeff69e6c83610b4409a))
+- **editor:** 优化工作区间大小拖动体验 ([da18842](https://github.com/Tencent/tmagic-editor/commit/da18842e42456b7cba55c8c0dc69c0b197ecf738))
+- **editor:** 优化快捷键操作 ([06d289a](https://github.com/Tencent/tmagic-editor/commit/06d289aff33221615def85aca6f2954200bb5eb7))
+- **ui:** text使用p渲染 ([391fcee](https://github.com/Tencent/tmagic-editor/commit/391fceef30db5e771323adc20330b8529308eaad))
 
 # [1.3.0-alpha.5](https://github.com/Tencent/tmagic-editor/compare/v1.3.0-alpha.4...v1.3.0-alpha.5) (2023-06-06)
 
-
 ### Features
 
-* **editor:** 添加几个slot ([97101f1](https://github.com/Tencent/tmagic-editor/commit/97101f18a6e2b86ca8c293f6af77069681a85ced))
-
-
+- **editor:** 添加几个slot ([97101f1](https://github.com/Tencent/tmagic-editor/commit/97101f18a6e2b86ca8c293f6af77069681a85ced))
 
 # [1.3.0-alpha.4](https://github.com/Tencent/tmagic-editor/compare/v1.3.0-alpha.3...v1.3.0-alpha.4) (2023-05-30)
 
-
 ### Bug Fixes
 
-* **design:** 默认props ([05dfd9d](https://github.com/Tencent/tmagic-editor/commit/05dfd9d9361c77e573eca61d674ac28930645776))
-
+- **design:** 默认props ([05dfd9d](https://github.com/Tencent/tmagic-editor/commit/05dfd9d9361c77e573eca61d674ac28930645776))
 
 ### Features
 
-* **editor:** 事件配置默认展开全部 ([256a958](https://github.com/Tencent/tmagic-editor/commit/256a9586d73fc53ab9ff0018d7fb8fba3dd6491a))
-* **editor:** 代码块配置默认全部展开 ([e83cf32](https://github.com/Tencent/tmagic-editor/commit/e83cf322b5099e2ecd6b77605dea4145a6b33e88))
-* **form:** groupList新增默认展开所有的配置 ([9281d06](https://github.com/Tencent/tmagic-editor/commit/9281d067234ceb24e0712901ed27984e8e6c60ba))
-
-
+- **editor:** 事件配置默认展开全部 ([256a958](https://github.com/Tencent/tmagic-editor/commit/256a9586d73fc53ab9ff0018d7fb8fba3dd6491a))
+- **editor:** 代码块配置默认全部展开 ([e83cf32](https://github.com/Tencent/tmagic-editor/commit/e83cf322b5099e2ecd6b77605dea4145a6b33e88))
+- **form:** groupList新增默认展开所有的配置 ([9281d06](https://github.com/Tencent/tmagic-editor/commit/9281d067234ceb24e0712901ed27984e8e6c60ba))
 
 # [1.3.0-alpha.3](https://github.com/Tencent/tmagic-editor/compare/v1.2.15...v1.3.0-alpha.3) (2023-05-30)
 
-
 ### Bug Fixes
 
-* **design:** button 判断默认slot ([a97523e](https://github.com/Tencent/tmagic-editor/commit/a97523e800a0530fd8241b88173eba4a55881458))
-* **editor:** 数据源模板输入框初始化显示问题 ([668991d](https://github.com/Tencent/tmagic-editor/commit/668991de264e498569018b496e49763a34888e82))
-
+- **design:** button 判断默认slot ([a97523e](https://github.com/Tencent/tmagic-editor/commit/a97523e800a0530fd8241b88173eba4a55881458))
+- **editor:** 数据源模板输入框初始化显示问题 ([668991d](https://github.com/Tencent/tmagic-editor/commit/668991de264e498569018b496e49763a34888e82))
 
 ### Features
 
-* 完善tdesign-vue-next适配 ([24604c9](https://github.com/Tencent/tmagic-editor/commit/24604c9d36feb716a1f4c384f17fa152aa0b3c12))
-* 新增数据源 ([aac478e](https://github.com/Tencent/tmagic-editor/commit/aac478eebc609050e57c85f5945250daed14ff00))
-
-
+- 完善tdesign-vue-next适配 ([24604c9](https://github.com/Tencent/tmagic-editor/commit/24604c9d36feb716a1f4c384f17fa152aa0b3c12))
+- 新增数据源 ([aac478e](https://github.com/Tencent/tmagic-editor/commit/aac478eebc609050e57c85f5945250daed14ff00))
 
 ## [1.2.15](https://github.com/Tencent/tmagic-editor/compare/v1.2.14...v1.2.15) (2023-04-26)
 
-
 ### Bug Fixes
 
-* **design:** drawer v-model失效 ([fded83e](https://github.com/Tencent/tmagic-editor/commit/fded83ee0d8e141dda5ed177646665dfc1c9efee))
-* **form:** fieldset初始化时就触发了change事件 ([982cc46](https://github.com/Tencent/tmagic-editor/commit/982cc4685ec1aca07e6ebaab973e2be616562c01))
-* **ui:** model prop设置成可选 ([315e83d](https://github.com/Tencent/tmagic-editor/commit/315e83da190ac9eaa41fa20149925e0792148940))
-
+- **design:** drawer v-model失效 ([fded83e](https://github.com/Tencent/tmagic-editor/commit/fded83ee0d8e141dda5ed177646665dfc1c9efee))
+- **form:** fieldset初始化时就触发了change事件 ([982cc46](https://github.com/Tencent/tmagic-editor/commit/982cc4685ec1aca07e6ebaab973e2be616562c01))
+- **ui:** model prop设置成可选 ([315e83d](https://github.com/Tencent/tmagic-editor/commit/315e83da190ac9eaa41fa20149925e0792148940))
 
 ### Features
 
-* **form:** select支持clearable,filterable配置 ([af393e3](https://github.com/Tencent/tmagic-editor/commit/af393e34fb3782ad237cd5ca928ba57c1c4a003d))
-* **table:** action hook配置加入index参数 ([26835f6](https://github.com/Tencent/tmagic-editor/commit/26835f6a29a7586ab45240e9d3c9e5afa97252b0))
-* **util:** guid方法 ([0295d6f](https://github.com/Tencent/tmagic-editor/commit/0295d6f4b54ea90b51a3746a6f9137fd7068d42c))
-* 完善tdesign-vue-next适配 ([ea4af42](https://github.com/Tencent/tmagic-editor/commit/ea4af425f35e0ee9ad561b7ff26f047ece73000d))
-
-
+- **form:** select支持clearable,filterable配置 ([af393e3](https://github.com/Tencent/tmagic-editor/commit/af393e34fb3782ad237cd5ca928ba57c1c4a003d))
+- **table:** action hook配置加入index参数 ([26835f6](https://github.com/Tencent/tmagic-editor/commit/26835f6a29a7586ab45240e9d3c9e5afa97252b0))
+- **util:** guid方法 ([0295d6f](https://github.com/Tencent/tmagic-editor/commit/0295d6f4b54ea90b51a3746a6f9137fd7068d42c))
+- 完善tdesign-vue-next适配 ([ea4af42](https://github.com/Tencent/tmagic-editor/commit/ea4af425f35e0ee9ad561b7ff26f047ece73000d))
 
 ## [1.2.14](https://github.com/Tencent/tmagic-editor/compare/v1.2.13...v1.2.14) (2023-04-20)
 
-
 ### Bug Fixes
 
-* **core:** node events 为空时，应为空数组 ([abcac71](https://github.com/Tencent/tmagic-editor/commit/abcac71826b2e8eaff36c97726448923d5853e3d)), closes [#500](https://github.com/Tencent/tmagic-editor/issues/500)
-* **playground,runtime:** 设备切换时，重新设置root font size与ua ([84e2cdf](https://github.com/Tencent/tmagic-editor/commit/84e2cdf22da1f376689e87fb05fe98f62db1e62a)), closes [#501](https://github.com/Tencent/tmagic-editor/issues/501)
-
+- **core:** node events 为空时，应为空数组 ([abcac71](https://github.com/Tencent/tmagic-editor/commit/abcac71826b2e8eaff36c97726448923d5853e3d)), closes [#500](https://github.com/Tencent/tmagic-editor/issues/500)
+- **playground,runtime:** 设备切换时，重新设置root font size与ua ([84e2cdf](https://github.com/Tencent/tmagic-editor/commit/84e2cdf22da1f376689e87fb05fe98f62db1e62a)), closes [#501](https://github.com/Tencent/tmagic-editor/issues/501)
 
 ### Features
 
-* **core:** 重新设置designWidth时，应该重新计算root font size ([3d9f387](https://github.com/Tencent/tmagic-editor/commit/3d9f38781a059b29ec23d1947ae0574e57ffce32))
-* **editor:** 代码列表默认只展开第一层 ([41cd22b](https://github.com/Tencent/tmagic-editor/commit/41cd22b17f0d434016254cddda949651c21a65e3))
-* **editor:** 代码编辑交互优化 ([51dadab](https://github.com/Tencent/tmagic-editor/commit/51dadabc2c89403b772cf3aa1f5ed77f959c82e4))
-* **ui:** 修改useApp实现，与ui-react中保持一致 ([befaf67](https://github.com/Tencent/tmagic-editor/commit/befaf67ba74ec0ec1dc3683b26d0de10ee6b3cf0))
-
-
+- **core:** 重新设置designWidth时，应该重新计算root font size ([3d9f387](https://github.com/Tencent/tmagic-editor/commit/3d9f38781a059b29ec23d1947ae0574e57ffce32))
+- **editor:** 代码列表默认只展开第一层 ([41cd22b](https://github.com/Tencent/tmagic-editor/commit/41cd22b17f0d434016254cddda949651c21a65e3))
+- **editor:** 代码编辑交互优化 ([51dadab](https://github.com/Tencent/tmagic-editor/commit/51dadabc2c89403b772cf3aa1f5ed77f959c82e4))
+- **ui:** 修改useApp实现，与ui-react中保持一致 ([befaf67](https://github.com/Tencent/tmagic-editor/commit/befaf67ba74ec0ec1dc3683b26d0de10ee6b3cf0))
 
 ## [1.2.13](https://github.com/Tencent/tmagic-editor/compare/v1.2.12...v1.2.13) (2023-03-30)
 
-
 ### Bug Fixes
 
-* **editor:** 代码块code-block-panel-tool slot data丢失 ([aa12779](https://github.com/Tencent/tmagic-editor/commit/aa12779598ba94a56f26776a6dc1213ed5bb35dc))
-
+- **editor:** 代码块code-block-panel-tool slot data丢失 ([aa12779](https://github.com/Tencent/tmagic-editor/commit/aa12779598ba94a56f26776a6dc1213ed5bb35dc))
 
 ### Features
 
-* **design,element-plus-adapter,tdesign-vue-next-adapter:** 新增drawer ([1b5d3e5](https://github.com/Tencent/tmagic-editor/commit/1b5d3e564d8afe0bb2709ef9c14e8577592b2c9e))
-
-
+- **design,element-plus-adapter,tdesign-vue-next-adapter:** 新增drawer ([1b5d3e5](https://github.com/Tencent/tmagic-editor/commit/1b5d3e564d8afe0bb2709ef9c14e8577592b2c9e))
 
 ## [1.2.12](https://github.com/Tencent/tmagic-editor/compare/v1.2.11...v1.2.12) (2023-03-30)
 
-
 ### Bug Fixes
 
-* **core:** style兼容hippy ([fb026a1](https://github.com/Tencent/tmagic-editor/commit/fb026a134ff74193a89519428a0185806c339b04))
-* **core:** 没有设置curPage，默认取第一个page ([44290b6](https://github.com/Tencent/tmagic-editor/commit/44290b65ba77b597304165acce46b94ceb7c40be))
-
-
+- **core:** style兼容hippy ([fb026a1](https://github.com/Tencent/tmagic-editor/commit/fb026a134ff74193a89519428a0185806c339b04))
+- **core:** 没有设置curPage，默认取第一个page ([44290b6](https://github.com/Tencent/tmagic-editor/commit/44290b65ba77b597304165acce46b94ceb7c40be))
 
 ## [1.2.11](https://github.com/Tencent/tmagic-editor/compare/v1.2.10...v1.2.11) (2023-03-30)
 
-
 ### Bug Fixes
 
-* **form:** table 移动列变成了交换 ([37045f7](https://github.com/Tencent/tmagic-editor/commit/37045f7201a48105a32e0371f27c69154393e777))
-* **form:** table可能出现两个extra ([0cac40e](https://github.com/Tencent/tmagic-editor/commit/0cac40eb316f83a5dcee8fbf627f97fb9af8a713))
-
+- **form:** table 移动列变成了交换 ([37045f7](https://github.com/Tencent/tmagic-editor/commit/37045f7201a48105a32e0371f27c69154393e777))
+- **form:** table可能出现两个extra ([0cac40e](https://github.com/Tencent/tmagic-editor/commit/0cac40eb316f83a5dcee8fbf627f97fb9af8a713))
 
 ### Features
 
-* **core,runtime:** 删除App中pages，只留下当前page ([cfd2a6e](https://github.com/Tencent/tmagic-editor/commit/cfd2a6eee38bde7f723c27509a1cd9f57c3165ba))
-* **editor,form,core,schema:** 事件支持触发代码块 ([39468f3](https://github.com/Tencent/tmagic-editor/commit/39468f3b95749c424be84e4229c18fcd18ec9b54))
-* **editor:** 新增依赖收集器 ([35f9a59](https://github.com/Tencent/tmagic-editor/commit/35f9a59f442d50b195b14f91da26b6b314928f55))
-* **edtior:** 代码块使用依赖收集器改造 ([3b6ca97](https://github.com/Tencent/tmagic-editor/commit/3b6ca97f4ceeab215cb9d43b237159993bb6370b))
-
-
+- **core,runtime:** 删除App中pages，只留下当前page ([cfd2a6e](https://github.com/Tencent/tmagic-editor/commit/cfd2a6eee38bde7f723c27509a1cd9f57c3165ba))
+- **editor,form,core,schema:** 事件支持触发代码块 ([39468f3](https://github.com/Tencent/tmagic-editor/commit/39468f3b95749c424be84e4229c18fcd18ec9b54))
+- **editor:** 新增依赖收集器 ([35f9a59](https://github.com/Tencent/tmagic-editor/commit/35f9a59f442d50b195b14f91da26b6b314928f55))
+- **edtior:** 代码块使用依赖收集器改造 ([3b6ca97](https://github.com/Tencent/tmagic-editor/commit/3b6ca97f4ceeab215cb9d43b237159993bb6370b))
 
 ## [1.2.10](https://github.com/Tencent/tmagic-editor/compare/v1.2.9...v1.2.10) (2023-03-27)
 
-
 ### Bug Fixes
 
-* **core:** 非浏览器环境屏蔽相关代码 ([36c4ffa](https://github.com/Tencent/tmagic-editor/commit/36c4ffa02e1b8f7e43a53e29e3e5f57541ca1574))
-* **form:** 修复lastvalues漏传的问题 ([54e2ce2](https://github.com/Tencent/tmagic-editor/commit/54e2ce2c7e49d7eaeecd2044bc4a287d1fa4cc0e))
-* **runtime:** vue playgound 中dsl更新没有同步到Core中 ([b665262](https://github.com/Tencent/tmagic-editor/commit/b6652624e396b73657867759a3d34c852f6de43f))
-
+- **core:** 非浏览器环境屏蔽相关代码 ([36c4ffa](https://github.com/Tencent/tmagic-editor/commit/36c4ffa02e1b8f7e43a53e29e3e5f57541ca1574))
+- **form:** 修复lastvalues漏传的问题 ([54e2ce2](https://github.com/Tencent/tmagic-editor/commit/54e2ce2c7e49d7eaeecd2044bc4a287d1fa4cc0e))
+- **runtime:** vue playgound 中dsl更新没有同步到Core中 ([b665262](https://github.com/Tencent/tmagic-editor/commit/b6652624e396b73657867759a3d34c852f6de43f))
 
 ### Features
 
-* **core:** 新增节点操作方法 ([f1f100f](https://github.com/Tencent/tmagic-editor/commit/f1f100f9527ec5e318e0f753d8770a9587eb45c1))
-
-
+- **core:** 新增节点操作方法 ([f1f100f](https://github.com/Tencent/tmagic-editor/commit/f1f100f9527ec5e318e0f753d8770a9587eb45c1))
 
 ## [1.2.9](https://github.com/Tencent/tmagic-editor/compare/v1.2.8...v1.2.9) (2023-03-13)
 
-
 ### Bug Fixes
 
-* 修复动态tab渲染问题 ([67428f6](https://github.com/Tencent/tmagic-editor/commit/67428f606aa0be17b5e140e27f65fb0da56f538e))
-* 解决codecc安全工单,更新了admin中对编辑器的一些用法 ([a840750](https://github.com/Tencent/tmagic-editor/commit/a8407503b97413c26f9436ff3cbf4f3555d51acc))
-
-
+- 修复动态tab渲染问题 ([67428f6](https://github.com/Tencent/tmagic-editor/commit/67428f606aa0be17b5e140e27f65fb0da56f538e))
+- 解决codecc安全工单,更新了admin中对编辑器的一些用法 ([a840750](https://github.com/Tencent/tmagic-editor/commit/a8407503b97413c26f9436ff3cbf4f3555d51acc))
 
 ## [1.2.8](https://github.com/Tencent/tmagic-editor/compare/v1.2.7...v1.2.8) (2023-03-06)
 
-
 ### Bug Fixes
 
-* **editor,ui,ui-vue2,ui-react:** 页面配置更新后，蒙层无法显示 ([c025508](https://github.com/Tencent/tmagic-editor/commit/c025508cd79009e757b73a190cbb201cd44b3edf)), closes [#472](https://github.com/Tencent/tmagic-editor/issues/472)
-* **editor:** 更新组件后，组件树选中状态被重置 ([e0c0143](https://github.com/Tencent/tmagic-editor/commit/e0c014397056bcddf82acd063288d3d045bd2dc5))
-* **editor:** 组件树切换选择组件可能触发多选 ([b8cda53](https://github.com/Tencent/tmagic-editor/commit/b8cda53d6a9af8c06d4f8670289d2a6c9eadfe5c))
-
+- **editor,ui,ui-vue2,ui-react:** 页面配置更新后，蒙层无法显示 ([c025508](https://github.com/Tencent/tmagic-editor/commit/c025508cd79009e757b73a190cbb201cd44b3edf)), closes [#472](https://github.com/Tencent/tmagic-editor/issues/472)
+- **editor:** 更新组件后，组件树选中状态被重置 ([e0c0143](https://github.com/Tencent/tmagic-editor/commit/e0c014397056bcddf82acd063288d3d045bd2dc5))
+- **editor:** 组件树切换选择组件可能触发多选 ([b8cda53](https://github.com/Tencent/tmagic-editor/commit/b8cda53d6a9af8c06d4f8670289d2a6c9eadfe5c))
 
 ### Features
 
-* **stage:** 支持多选组件并将多个组件拖入指定容器中 ([449efcc](https://github.com/Tencent/tmagic-editor/commit/449efcc56b0cee6898ff439ff441a8a67a1a143c)), closes [#405](https://github.com/Tencent/tmagic-editor/issues/405)
-
-
+- **stage:** 支持多选组件并将多个组件拖入指定容器中 ([449efcc](https://github.com/Tencent/tmagic-editor/commit/449efcc56b0cee6898ff439ff441a8a67a1a143c)), closes [#405](https://github.com/Tencent/tmagic-editor/issues/405)
 
 ## [1.2.7](https://github.com/Tencent/tmagic-editor/compare/v1.2.6...v1.2.7) (2023-03-02)
 
-
 ### Bug Fixes
 
-* **design:** element-plus@2.2.22开始scrollbar.wrap$改成wrapRef ([62038c8](https://github.com/Tencent/tmagic-editor/commit/62038c8c601f4143ea8812f4d77782c6dac69df0))
-* **stage:** 选择父组件的able功能丢失 ([b4bee9e](https://github.com/Tencent/tmagic-editor/commit/b4bee9eb82b5367d8a6e1960b5bab02ab8f6f8e3))
-
+- **design:** element-plus@2.2.22开始scrollbar.wrap$改成wrapRef ([62038c8](https://github.com/Tencent/tmagic-editor/commit/62038c8c601f4143ea8812f4d77782c6dac69df0))
+- **stage:** 选择父组件的able功能丢失 ([b4bee9e](https://github.com/Tencent/tmagic-editor/commit/b4bee9eb82b5367d8a6e1960b5bab02ab8f6f8e3))
 
 ### Features
 
-* **cli:** cli返回app ([c41af9d](https://github.com/Tencent/tmagic-editor/commit/c41af9d01d3746d218e3f71166c54eb2a9476fe2))
-* **form:** 支持表单差异对比 ([6610f30](https://github.com/Tencent/tmagic-editor/commit/6610f30afd84fce9a989f49eb2de8a9b8eee745a))
-* **stage,editor:** 增肌删除快捷按钮 ([c9bacb9](https://github.com/Tencent/tmagic-editor/commit/c9bacb96cddfc69b737a8ecb058f5479ba8240b7))
-
-
+- **cli:** cli返回app ([c41af9d](https://github.com/Tencent/tmagic-editor/commit/c41af9d01d3746d218e3f71166c54eb2a9476fe2))
+- **form:** 支持表单差异对比 ([6610f30](https://github.com/Tencent/tmagic-editor/commit/6610f30afd84fce9a989f49eb2de8a9b8eee745a))
+- **stage,editor:** 增肌删除快捷按钮 ([c9bacb9](https://github.com/Tencent/tmagic-editor/commit/c9bacb96cddfc69b737a8ecb058f5479ba8240b7))
 
 ## [1.2.6](https://github.com/Tencent/tmagic-editor/compare/v1.2.5...v1.2.6) (2023-02-21)
 
-
 ### Bug Fixes
 
-* **form:** select下拉列表分页不生效问题 ([8edf023](https://github.com/Tencent/tmagic-editor/commit/8edf023a0014747758b193c411b285baa11f05de))
-
-
+- **form:** select下拉列表分页不生效问题 ([8edf023](https://github.com/Tencent/tmagic-editor/commit/8edf023a0014747758b193c411b285baa11f05de))
 
 ## [1.2.5](https://github.com/Tencent/tmagic-editor/compare/v1.2.4...v1.2.5) (2023-02-17)
 
-
 ### Bug Fixes
 
-* **editor:** 修复优化性能引起的问题,支持回退撤销对代码关系的更新 ([0109181](https://github.com/Tencent/tmagic-editor/commit/010918198a7daa97ed3bd3c797ac88c091ef90a1))
-
-
+- **editor:** 修复优化性能引起的问题,支持回退撤销对代码关系的更新 ([0109181](https://github.com/Tencent/tmagic-editor/commit/010918198a7daa97ed3bd3c797ac88c091ef90a1))
 
 ## [1.2.4](https://github.com/Tencent/tmagic-editor/compare/v1.2.3...v1.2.4) (2023-02-17)
 
-
 ### Bug Fixes
 
-* 调整绑定关系结构,优化性能  ([a013f35](https://github.com/Tencent/tmagic-editor/commit/a013f35cd9bd5bb9b3f3c796d603c9efc31d5b5d))
-
-
+- 调整绑定关系结构,优化性能 ([a013f35](https://github.com/Tencent/tmagic-editor/commit/a013f35cd9bd5bb9b3f3c796d603c9efc31d5b5d))
 
 ## [1.2.3](https://github.com/Tencent/tmagic-editor/compare/v1.2.2...v1.2.3) (2023-02-15)
 
-
 ### Features
 
-* **cli:** 支持配置是否自动安装组件npm包，支持配置安装组件npm包后是否保持package.json不变 ([d06a874](https://github.com/Tencent/tmagic-editor/commit/d06a874c3b997a73f80bed4196974a331d6ef133))
-* **form:** select config.option.afterRequest添加postOptions ([4d0b4c3](https://github.com/Tencent/tmagic-editor/commit/4d0b4c31781e5a3381fc4d73bf62c6f66253a563))
-
-
+- **cli:** 支持配置是否自动安装组件npm包，支持配置安装组件npm包后是否保持package.json不变 ([d06a874](https://github.com/Tencent/tmagic-editor/commit/d06a874c3b997a73f80bed4196974a331d6ef133))
+- **form:** select config.option.afterRequest添加postOptions ([4d0b4c3](https://github.com/Tencent/tmagic-editor/commit/4d0b4c31781e5a3381fc4d73bf62c6f66253a563))
 
 ## [1.2.2](https://github.com/Tencent/tmagic-editor/compare/v1.2.1...v1.2.2) (2023-02-09)
 
-
 ### Bug Fixes
 
-* **editor:** set root 可能没有items ([aa566e9](https://github.com/Tencent/tmagic-editor/commit/aa566e9535c5afd76fa15b39f42de395758189eb))
-
-
+- **editor:** set root 可能没有items ([aa566e9](https://github.com/Tencent/tmagic-editor/commit/aa566e9535c5afd76fa15b39f42de395758189eb))
 
 ## [1.2.1](https://github.com/Tencent/tmagic-editor/compare/v1.2.0...v1.2.1) (2023-02-09)
 
-
 ### Bug Fixes
 
-* **editor:** 新增的组件如果没有初始化left值,会导致无法通过键盘方向键左右移动 ([3b30d89](https://github.com/Tencent/tmagic-editor/commit/3b30d89956717d686046876156c3571f35c0036f)), closes [#468](https://github.com/Tencent/tmagic-editor/issues/468)
-* **editor:** 编辑器中间列宽度出现负值 ([a6226cb](https://github.com/Tencent/tmagic-editor/commit/a6226cba188ca107919237c4d92c0f19c33e77fe))
-
+- **editor:** 新增的组件如果没有初始化left值,会导致无法通过键盘方向键左右移动 ([3b30d89](https://github.com/Tencent/tmagic-editor/commit/3b30d89956717d686046876156c3571f35c0036f)), closes [#468](https://github.com/Tencent/tmagic-editor/issues/468)
+- **editor:** 编辑器中间列宽度出现负值 ([a6226cb](https://github.com/Tencent/tmagic-editor/commit/a6226cba188ca107919237c4d92c0f19c33e77fe))
 
 ### Features
 
-* **admin:** 使用@tmagic/table重构活动列表 ([8fa1d4a](https://github.com/Tencent/tmagic-editor/commit/8fa1d4a5c3294df6449eb15ef9181717416e3dc4))
-* **cli:** export allowTs函数 ([bf547fe](https://github.com/Tencent/tmagic-editor/commit/bf547fe1a06239d6703d1887f86fa47f0ee66232))
-* **editor,form,schema:** 优化代码 ([0b537f5](https://github.com/Tencent/tmagic-editor/commit/0b537f5bff3466fff2a6cfb5ed37811b28968066))
-* **editor:** 修改service get set 方法的ts定义，不再需要传入泛型参数 ([0491487](https://github.com/Tencent/tmagic-editor/commit/0491487385257642e0c5e246831f2158175ca532))
-* **util:** 修改isPage函数定义 ([b9d4e8c](https://github.com/Tencent/tmagic-editor/commit/b9d4e8c66c2b0c3fc8085d1ee23ed4f0739ed3cb))
-
-
+- **admin:** 使用@tmagic/table重构活动列表 ([8fa1d4a](https://github.com/Tencent/tmagic-editor/commit/8fa1d4a5c3294df6449eb15ef9181717416e3dc4))
+- **cli:** export allowTs函数 ([bf547fe](https://github.com/Tencent/tmagic-editor/commit/bf547fe1a06239d6703d1887f86fa47f0ee66232))
+- **editor,form,schema:** 优化代码 ([0b537f5](https://github.com/Tencent/tmagic-editor/commit/0b537f5bff3466fff2a6cfb5ed37811b28968066))
+- **editor:** 修改service get set 方法的ts定义，不再需要传入泛型参数 ([0491487](https://github.com/Tencent/tmagic-editor/commit/0491487385257642e0c5e246831f2158175ca532))
+- **util:** 修改isPage函数定义 ([b9d4e8c](https://github.com/Tencent/tmagic-editor/commit/b9d4e8c66c2b0c3fc8085d1ee23ed4f0739ed3cb))
 
 # [1.2.0](https://github.com/Tencent/tmagic-editor/compare/v1.2.0-beta.27...v1.2.0) (2022-12-22)
 
-
 ### Bug Fixes
 
-* **editor:** 代码块列表无法滚动 ([87a19c9](https://github.com/Tencent/tmagic-editor/commit/87a19c9bae4dc0d88c6bb2c9d164db6198e8f6ee))
-
-
+- **editor:** 代码块列表无法滚动 ([87a19c9](https://github.com/Tencent/tmagic-editor/commit/87a19c9bae4dc0d88c6bb2c9d164db6198e8f6ee))
 
 # [1.2.0-beta.27](https://github.com/Tencent/tmagic-editor/compare/v1.2.0-beta.26...v1.2.0-beta.27) (2022-12-13)
 
-
 ### Bug Fixes
 
-* **editor:** 组件销毁时移除service的时间监听 ([cfc57f1](https://github.com/Tencent/tmagic-editor/commit/cfc57f17af8c7b32ca31056570aa422219963d04))
-
-
+- **editor:** 组件销毁时移除service的时间监听 ([cfc57f1](https://github.com/Tencent/tmagic-editor/commit/cfc57f17af8c7b32ca31056570aa422219963d04))
 
 # [1.2.0-beta.26](https://github.com/Tencent/tmagic-editor/compare/v1.2.0-beta.25...v1.2.0-beta.26) (2022-12-12)
 
-
 ### Bug Fixes
 
-* **editor:** 粘贴的组件为当前选中组件的副本时，则添加到当前选中组件的父组件中 ([3dcdc04](https://github.com/Tencent/tmagic-editor/commit/3dcdc04127362fae1a5a291b7950ddd44b79a7ad)), closes [#448](https://github.com/Tencent/tmagic-editor/issues/448)
-
+- **editor:** 粘贴的组件为当前选中组件的副本时，则添加到当前选中组件的父组件中 ([3dcdc04](https://github.com/Tencent/tmagic-editor/commit/3dcdc04127362fae1a5a291b7950ddd44b79a7ad)), closes [#448](https://github.com/Tencent/tmagic-editor/issues/448)
 
 ### Features
 
-* **design:** 添加class ([ffb84cf](https://github.com/Tencent/tmagic-editor/commit/ffb84cffca8afda45bc153e467a926cf1ec5c0be))
-* **stage,editor:** 添加disabledDragStart配置,用于关闭按下鼠标并拖动功能 ([dd8ac99](https://github.com/Tencent/tmagic-editor/commit/dd8ac99d5d20a019c1a18f445d77bb9075c831d9))
-* **tdesign-vue-next-adapter:** 新增tdesign设配器 ([c3888be](https://github.com/Tencent/tmagic-editor/commit/c3888bedf229c025b41f97c307771493e84839b9))
-
-
+- **design:** 添加class ([ffb84cf](https://github.com/Tencent/tmagic-editor/commit/ffb84cffca8afda45bc153e467a926cf1ec5c0be))
+- **stage,editor:** 添加disabledDragStart配置,用于关闭按下鼠标并拖动功能 ([dd8ac99](https://github.com/Tencent/tmagic-editor/commit/dd8ac99d5d20a019c1a18f445d77bb9075c831d9))
+- **tdesign-vue-next-adapter:** 新增tdesign设配器 ([c3888be](https://github.com/Tencent/tmagic-editor/commit/c3888bedf229c025b41f97c307771493e84839b9))
 
 # [1.2.0-beta.25](https://github.com/Tencent/tmagic-editor/compare/v1.2.0-beta.24...v1.2.0-beta.25) (2022-12-07)
 
-
 ### Bug Fixes
 
-* **cli:** 异步组件返回应该是个函数 ([138614a](https://github.com/Tencent/tmagic-editor/commit/138614a57adaf11b46b86f95c70df00975903c7b))
-* **cli:** 插件不支持ts的问题 ([ccb4e67](https://github.com/Tencent/tmagic-editor/commit/ccb4e675ab8e33cafb5374f9db4c602c380ccc31))
-* **playground:** 加载组件表单配置资源失败 ([ba20eb8](https://github.com/Tencent/tmagic-editor/commit/ba20eb8cf1aebc735d75c6fb2f3023f0c61b8360))
-
-
+- **cli:** 异步组件返回应该是个函数 ([138614a](https://github.com/Tencent/tmagic-editor/commit/138614a57adaf11b46b86f95c70df00975903c7b))
+- **cli:** 插件不支持ts的问题 ([ccb4e67](https://github.com/Tencent/tmagic-editor/commit/ccb4e675ab8e33cafb5374f9db4c602c380ccc31))
+- **playground:** 加载组件表单配置资源失败 ([ba20eb8](https://github.com/Tencent/tmagic-editor/commit/ba20eb8cf1aebc735d75c6fb2f3023f0c61b8360))
 
 # [1.2.0-beta.24](https://github.com/Tencent/tmagic-editor/compare/v1.2.0-beta.23...v1.2.0-beta.24) (2022-12-07)
 
-
 ### Bug Fixes
 
-* **form:** disable配置失效 ([12d56ae](https://github.com/Tencent/tmagic-editor/commit/12d56aeda9197dfc31bf5b7e8fe480deca4a85f1))
-
-
+- **form:** disable配置失效 ([12d56ae](https://github.com/Tencent/tmagic-editor/commit/12d56aeda9197dfc31bf5b7e8fe480deca4a85f1))
 
 # [1.2.0-beta.23](https://github.com/Tencent/tmagic-editor/compare/v1.2.0-beta.22...v1.2.0-beta.23) (2022-12-07)
 
-
 ### Bug Fixes
 
-* **editor:** modelValue自动更新不成功 ([e813129](https://github.com/Tencent/tmagic-editor/commit/e813129eb8ea6e11e683c081847dd17fb1104dfd))
-
+- **editor:** modelValue自动更新不成功 ([e813129](https://github.com/Tencent/tmagic-editor/commit/e813129eb8ea6e11e683c081847dd17fb1104dfd))
 
 ### Features
 
-* **form:** 完善select remote功能 ([7445d24](https://github.com/Tencent/tmagic-editor/commit/7445d2453194258256c70d4936aa43d04dfecdb2))
-
-
+- **form:** 完善select remote功能 ([7445d24](https://github.com/Tencent/tmagic-editor/commit/7445d2453194258256c70d4936aa43d04dfecdb2))
 
 # [1.2.0-beta.22](https://github.com/Tencent/tmagic-editor/compare/v1.2.0-beta.21...v1.2.0-beta.22) (2022-12-06)
 
-
-
 # [1.2.0-beta.21](https://github.com/Tencent/tmagic-editor/compare/v1.2.0-beta.20...v1.2.0-beta.21) (2022-12-06)
 
-
 ### Bug Fixes
 
-* **editor:** layout 组件中hasRight判断出错 ([f6dca97](https://github.com/Tencent/tmagic-editor/commit/f6dca97442339f1cc941ebaf39eddbe657f76512))
-* **editor:** services在组件unmounted时只重置状态不移除事件 ([45a20d9](https://github.com/Tencent/tmagic-editor/commit/45a20d9405900c62dfc1c3b82612c69c409da373))
-
+- **editor:** layout 组件中hasRight判断出错 ([f6dca97](https://github.com/Tencent/tmagic-editor/commit/f6dca97442339f1cc941ebaf39eddbe657f76512))
+- **editor:** services在组件unmounted时只重置状态不移除事件 ([45a20d9](https://github.com/Tencent/tmagic-editor/commit/45a20d9405900c62dfc1c3b82612c69c409da373))
 
 ### Features
 
-* **editor:** 新增可以移除所有service插件的方法 ([67c7faf](https://github.com/Tencent/tmagic-editor/commit/67c7faf832c811866f6c012a7362472397fdc6ef))
-
-
+- **editor:** 新增可以移除所有service插件的方法 ([67c7faf](https://github.com/Tencent/tmagic-editor/commit/67c7faf832c811866f6c012a7362472397fdc6ef))
 
 # [1.2.0-beta.20](https://github.com/Tencent/tmagic-editor/compare/v1.2.0-beta.19...v1.2.0-beta.20) (2022-12-05)
 
-
 ### Bug Fixes
 
-* **editor:** 复制粘贴时添加的到的父组件应当是当前父组件 ([828681e](https://github.com/Tencent/tmagic-editor/commit/828681e9608629414811d49da7ba3a3100e82ccd)), closes [#448](https://github.com/Tencent/tmagic-editor/issues/448)
-* **editor:** 编辑器初始化默认选择节点 ([45eaea6](https://github.com/Tencent/tmagic-editor/commit/45eaea6f686d81d04c92bbed42a3a0092b7228d8))
-
-
+- **editor:** 复制粘贴时添加的到的父组件应当是当前父组件 ([828681e](https://github.com/Tencent/tmagic-editor/commit/828681e9608629414811d49da7ba3a3100e82ccd)), closes [#448](https://github.com/Tencent/tmagic-editor/issues/448)
+- **editor:** 编辑器初始化默认选择节点 ([45eaea6](https://github.com/Tencent/tmagic-editor/commit/45eaea6f686d81d04c92bbed42a3a0092b7228d8))
 
 # [1.2.0-beta.19](https://github.com/Tencent/tmagic-editor/compare/v1.2.0-beta.18...v1.2.0-beta.19) (2022-12-01)
 
-
 ### Bug Fixes
 
-* **editor:** 页面切换不在重新渲染画布 ([b7934f9](https://github.com/Tencent/tmagic-editor/commit/b7934f9f5108a72ea7224b573e0bbb3722983b64))
-
+- **editor:** 页面切换不在重新渲染画布 ([b7934f9](https://github.com/Tencent/tmagic-editor/commit/b7934f9f5108a72ea7224b573e0bbb3722983b64))
 
 ### Features
 
-* **editor:** history增加page-change事件 ([830c8d8](https://github.com/Tencent/tmagic-editor/commit/830c8d8747cd23e3dbce90d60a9dc0ac1e53662d))
-* **form:** dialog支持disabled配置 ([239b5d3](https://github.com/Tencent/tmagic-editor/commit/239b5d3efeae916a8cf3e3566d88063ecccc0553))
-* **form:** table支持rowkey配置 ([ea8b863](https://github.com/Tencent/tmagic-editor/commit/ea8b8636944f37941ebffa8866074d310cf32918))
-
+- **editor:** history增加page-change事件 ([830c8d8](https://github.com/Tencent/tmagic-editor/commit/830c8d8747cd23e3dbce90d60a9dc0ac1e53662d))
+- **form:** dialog支持disabled配置 ([239b5d3](https://github.com/Tencent/tmagic-editor/commit/239b5d3efeae916a8cf3e3566d88063ecccc0553))
+- **form:** table支持rowkey配置 ([ea8b863](https://github.com/Tencent/tmagic-editor/commit/ea8b8636944f37941ebffa8866074d310cf32918))
 
 ### Reverts
 
-* Revert "chore: github文档构建锁定在v1.1.6版本" ([c143a5f](https://github.com/Tencent/tmagic-editor/commit/c143a5f7670ae61d80c1a2cfcc780cfb5259849d))
-
-
+- Revert "chore: github文档构建锁定在v1.1.6版本" ([c143a5f](https://github.com/Tencent/tmagic-editor/commit/c143a5f7670ae61d80c1a2cfcc780cfb5259849d))
 
 # [1.2.0-beta.18](https://github.com/Tencent/tmagic-editor/compare/v1.2.0-beta.17...v1.2.0-beta.18) (2022-11-24)
 
-
 ### Bug Fixes
 
-* **editor:** itemsFunction中补全value ([e497ab0](https://github.com/Tencent/tmagic-editor/commit/e497ab00085e1098842024cbd9df50ec566254a9))
-
+- **editor:** itemsFunction中补全value ([e497ab0](https://github.com/Tencent/tmagic-editor/commit/e497ab00085e1098842024cbd9df50ec566254a9))
 
 ### Features
 
-* **cli:** export loadUserConfig ([d46d611](https://github.com/Tencent/tmagic-editor/commit/d46d61184bdbe6628f172cde92a2327ce3f2485f))
-
-
+- **cli:** export loadUserConfig ([d46d611](https://github.com/Tencent/tmagic-editor/commit/d46d61184bdbe6628f172cde92a2327ce3f2485f))
 
 # [1.2.0-beta.17](https://github.com/Tencent/tmagic-editor/compare/v1.2.0-beta.16...v1.2.0-beta.17) (2022-11-24)
 
-
 ### Bug Fixes
 
-* **editor:** m-form不能加key，会导致vue示例销毁重建 ([fc50c87](https://github.com/Tencent/tmagic-editor/commit/fc50c87ad51733b16751f4b2b6b0d5f3e9d342e8))
-
-
+- **editor:** m-form不能加key，会导致vue示例销毁重建 ([fc50c87](https://github.com/Tencent/tmagic-editor/commit/fc50c87ad51733b16751f4b2b6b0d5f3e9d342e8))
 
 # [1.2.0-beta.16](https://github.com/Tencent/tmagic-editor/compare/v1.2.0-beta.15...v1.2.0-beta.16) (2022-11-23)
 
-
 ### Bug Fixes
 
-* **design:** tabs支持modelValue ([47e851c](https://github.com/Tencent/tmagic-editor/commit/47e851ce5e1e9a60672b3854229552ff24989188))
-* **editor:** 切换选中组件后组件属性表单内存未释放 ([eacc4dc](https://github.com/Tencent/tmagic-editor/commit/eacc4dc7942ab38b4e36ee851cc7e19a3a6bb10b)), closes [#123](https://github.com/Tencent/tmagic-editor/issues/123)
-* 在tree上增加tabindex来监听focus事件,完善组件树多选体验 ([5ae32f0](https://github.com/Tencent/tmagic-editor/commit/5ae32f0792e90319b1e546f72dfba174615307c6))
-
-
+- **design:** tabs支持modelValue ([47e851c](https://github.com/Tencent/tmagic-editor/commit/47e851ce5e1e9a60672b3854229552ff24989188))
+- **editor:** 切换选中组件后组件属性表单内存未释放 ([eacc4dc](https://github.com/Tencent/tmagic-editor/commit/eacc4dc7942ab38b4e36ee851cc7e19a3a6bb10b)), closes [#123](https://github.com/Tencent/tmagic-editor/issues/123)
+- 在tree上增加tabindex来监听focus事件,完善组件树多选体验 ([5ae32f0](https://github.com/Tencent/tmagic-editor/commit/5ae32f0792e90319b1e546f72dfba174615307c6))
 
 # [1.2.0-beta.15](https://github.com/Tencent/tmagic-editor/compare/v1.2.0-beta.14...v1.2.0-beta.15) (2022-11-22)
 
-
 ### Bug Fixes
 
-* **editor:** 修复setCodeDslById不传content引起的问题 ([13dc3ca](https://github.com/Tencent/tmagic-editor/commit/13dc3ca25936cb074f70c6a94591b5e0226fe68c))
-
+- **editor:** 修复setCodeDslById不传content引起的问题 ([13dc3ca](https://github.com/Tencent/tmagic-editor/commit/13dc3ca25936cb074f70c6a94591b5e0226fe68c))
 
 ### Features
 
-* **editor:** 修改代码块参数结构,以对象形式暴露app,params ([8195a60](https://github.com/Tencent/tmagic-editor/commit/8195a600f52f478e0db386fe32b8819fca6d8852))
-
-
+- **editor:** 修改代码块参数结构,以对象形式暴露app,params ([8195a60](https://github.com/Tencent/tmagic-editor/commit/8195a600f52f478e0db386fe32b8819fca6d8852))
 
 # [1.2.0-beta.14](https://github.com/Tencent/tmagic-editor/compare/v1.2.0-beta.13...v1.2.0-beta.14) (2022-11-18)
 
-
 ### Bug Fixes
 
-* **editor:** 编辑器左中右列宽支持配置最小宽度 ([bddfcee](https://github.com/Tencent/tmagic-editor/commit/bddfcee92b968b09875c43a9035bf9b7817396e3))
-
+- **editor:** 编辑器左中右列宽支持配置最小宽度 ([bddfcee](https://github.com/Tencent/tmagic-editor/commit/bddfcee92b968b09875c43a9035bf9b7817396e3))
 
 ### Features
 
-* **cli:** useTs 为必填参数 ([bb5aa67](https://github.com/Tencent/tmagic-editor/commit/bb5aa6722f4b1a30034ad96edadadd0bb6575848))
-* **cli:** 增加 useTs 配置 ([b512e14](https://github.com/Tencent/tmagic-editor/commit/b512e141293746871f760895a79f092242e1a0be))
-* **editor:** 代码编辑支持全屏 ([8271a3b](https://github.com/Tencent/tmagic-editor/commit/8271a3b497ac3aadb79364e0eebc912ce7b3304f))
-* **editor:** 添加右键菜单粘贴icon ([813ca55](https://github.com/Tencent/tmagic-editor/commit/813ca55ef6831ce3505ff2b4c9269eab04aad7f8))
-* **table:** expand内容支持vue组件 ([aa9293a](https://github.com/Tencent/tmagic-editor/commit/aa9293af55475948252acc078695594a320e8839))
-
-
+- **cli:** useTs 为必填参数 ([bb5aa67](https://github.com/Tencent/tmagic-editor/commit/bb5aa6722f4b1a30034ad96edadadd0bb6575848))
+- **cli:** 增加 useTs 配置 ([b512e14](https://github.com/Tencent/tmagic-editor/commit/b512e141293746871f760895a79f092242e1a0be))
+- **editor:** 代码编辑支持全屏 ([8271a3b](https://github.com/Tencent/tmagic-editor/commit/8271a3b497ac3aadb79364e0eebc912ce7b3304f))
+- **editor:** 添加右键菜单粘贴icon ([813ca55](https://github.com/Tencent/tmagic-editor/commit/813ca55ef6831ce3505ff2b4c9269eab04aad7f8))
+- **table:** expand内容支持vue组件 ([aa9293a](https://github.com/Tencent/tmagic-editor/commit/aa9293af55475948252acc078695594a320e8839))
 
 # [1.2.0-beta.13](https://github.com/Tencent/tmagic-editor/compare/v1.2.0-beta.12...v1.2.0-beta.13) (2022-11-15)
 
-
 ### Bug Fixes
 
-* **form:** time value改成HH:mm:ss字符串,支持配置 ([4fe45eb](https://github.com/Tencent/tmagic-editor/commit/4fe45eb36df988bbcb972b7599d62f2f9a3d3276))
-
-
+- **form:** time value改成HH:mm:ss字符串,支持配置 ([4fe45eb](https://github.com/Tencent/tmagic-editor/commit/4fe45eb36df988bbcb972b7599d62f2f9a3d3276))
 
 # [1.2.0-beta.12](https://github.com/Tencent/tmagic-editor/compare/v1.2.0-beta.11...v1.2.0-beta.12) (2022-11-15)
 
-
 ### Bug Fixes
 
-* **cli:** entry生成路径错误问题 ([f5a8d6b](https://github.com/Tencent/tmagic-editor/commit/f5a8d6bdc6e490fbe45fa3472cb6430562d407ab))
-* **editor:** 修复自动保存提示不展示的问 ([0f0ec18](https://github.com/Tencent/tmagic-editor/commit/0f0ec183a869f8530fc39f9cfd533640d707ca98)), closes [#440](https://github.com/Tencent/tmagic-editor/issues/440)
-* **editor:** 区分直接关闭和保存后关闭 ([0eab817](https://github.com/Tencent/tmagic-editor/commit/0eab817a1132561383b545c13c8c90c31f58d5b7)), closes [#440](https://github.com/Tencent/tmagic-editor/issues/440)
-* **editor:** 新增删除页面不应该添加历史 ([3e78a08](https://github.com/Tencent/tmagic-editor/commit/3e78a0809b776081d6f56076770e3b8acba0e993))
-* 代码块结构改造完成 ([c7a8552](https://github.com/Tencent/tmagic-editor/commit/c7a8552d9b9de6709b5a36070cbcbcd2739c02ed))
-* 优化组件列表多选键盘快捷键监听体验 ([b2702aa](https://github.com/Tencent/tmagic-editor/commit/b2702aaa9e3a74194626dee5599a444dd402e154))
-
+- **cli:** entry生成路径错误问题 ([f5a8d6b](https://github.com/Tencent/tmagic-editor/commit/f5a8d6bdc6e490fbe45fa3472cb6430562d407ab))
+- **editor:** 修复自动保存提示不展示的问 ([0f0ec18](https://github.com/Tencent/tmagic-editor/commit/0f0ec183a869f8530fc39f9cfd533640d707ca98)), closes [#440](https://github.com/Tencent/tmagic-editor/issues/440)
+- **editor:** 区分直接关闭和保存后关闭 ([0eab817](https://github.com/Tencent/tmagic-editor/commit/0eab817a1132561383b545c13c8c90c31f58d5b7)), closes [#440](https://github.com/Tencent/tmagic-editor/issues/440)
+- **editor:** 新增删除页面不应该添加历史 ([3e78a08](https://github.com/Tencent/tmagic-editor/commit/3e78a0809b776081d6f56076770e3b8acba0e993))
+- 代码块结构改造完成 ([c7a8552](https://github.com/Tencent/tmagic-editor/commit/c7a8552d9b9de6709b5a36070cbcbcd2739c02ed))
+- 优化组件列表多选键盘快捷键监听体验 ([b2702aa](https://github.com/Tencent/tmagic-editor/commit/b2702aaa9e3a74194626dee5599a444dd402e154))
 
 ### Features
 
-* **cli:** ast 解析入口文件优化 ([04e1857](https://github.com/Tencent/tmagic-editor/commit/04e18572fd6cd76b80610d4c7b1cf05cf40eaabd))
-* **cli:** hooks.beforeWriteEntry 改为 async ([cc21c47](https://github.com/Tencent/tmagic-editor/commit/cc21c47829e59be85270b325b884dbcf21d3d83e))
-* **cli:** 优化 logger，优化 ast 解析 ([958bcd3](https://github.com/Tencent/tmagic-editor/commit/958bcd3ec5fc964532e13bb623a5ac36f898915c))
-* **cli:** 增加 hook.beforeWriteEntry ([4c94fa0](https://github.com/Tencent/tmagic-editor/commit/4c94fa0a8fa0cbb9618017709bd2479629d4ac52))
-* **cli:** 文件声明“不合法”修改为“缺失” ([6c5cc55](https://github.com/Tencent/tmagic-editor/commit/6c5cc55f31d7c6b3872a64cf464a53799efd757f))
-* **cli:** 设置 dynamicImport 时生成 async-plugin-entry ([258ac4d](https://github.com/Tencent/tmagic-editor/commit/258ac4d56b1da3bf8b2e0fcd1c6189a13efc7793))
-* core代码执行兼容老的数据格式 ([a03ac7c](https://github.com/Tencent/tmagic-editor/commit/a03ac7c78b3b0a15ebb3744593ee40769d6e126d))
-* **editor:** 代码块支持传递参数 (merge request !9) ([16f671c](https://github.com/Tencent/tmagic-editor/commit/16f671cd8fa0a077a1b00ac374635671412804b3))
-* **editor:** 代码编辑新增草稿功能 ([3673d60](https://github.com/Tencent/tmagic-editor/commit/3673d6016de1289104dd39c77c7f7bbd705f42a0)), closes [#440](https://github.com/Tencent/tmagic-editor/issues/440)
-* **editor:** 拆分代码块编辑器便于以后扩展,支持草稿自动保存,修复代码块列表的样式问题 ([d98d374](https://github.com/Tencent/tmagic-editor/commit/d98d3748d36e3a87e726a27a6f2d851b0c26bf75)), closes [#440](https://github.com/Tencent/tmagic-editor/issues/440)
-* **table:** 支持expand内容可以为html ([f824b66](https://github.com/Tencent/tmagic-editor/commit/f824b661bd897eefce567691c7f3ac55046246de))
-* 修改code_block结构,组件代码关系绑定改为table,绑定关系更新未完成 ([c4293f1](https://github.com/Tencent/tmagic-editor/commit/c4293f17a679015277a4547cae2bf391f10b9fda))
-
-
+- **cli:** ast 解析入口文件优化 ([04e1857](https://github.com/Tencent/tmagic-editor/commit/04e18572fd6cd76b80610d4c7b1cf05cf40eaabd))
+- **cli:** hooks.beforeWriteEntry 改为 async ([cc21c47](https://github.com/Tencent/tmagic-editor/commit/cc21c47829e59be85270b325b884dbcf21d3d83e))
+- **cli:** 优化 logger，优化 ast 解析 ([958bcd3](https://github.com/Tencent/tmagic-editor/commit/958bcd3ec5fc964532e13bb623a5ac36f898915c))
+- **cli:** 增加 hook.beforeWriteEntry ([4c94fa0](https://github.com/Tencent/tmagic-editor/commit/4c94fa0a8fa0cbb9618017709bd2479629d4ac52))
+- **cli:** 文件声明“不合法”修改为“缺失” ([6c5cc55](https://github.com/Tencent/tmagic-editor/commit/6c5cc55f31d7c6b3872a64cf464a53799efd757f))
+- **cli:** 设置 dynamicImport 时生成 async-plugin-entry ([258ac4d](https://github.com/Tencent/tmagic-editor/commit/258ac4d56b1da3bf8b2e0fcd1c6189a13efc7793))
+- core代码执行兼容老的数据格式 ([a03ac7c](https://github.com/Tencent/tmagic-editor/commit/a03ac7c78b3b0a15ebb3744593ee40769d6e126d))
+- **editor:** 代码块支持传递参数 (merge request !9) ([16f671c](https://github.com/Tencent/tmagic-editor/commit/16f671cd8fa0a077a1b00ac374635671412804b3))
+- **editor:** 代码编辑新增草稿功能 ([3673d60](https://github.com/Tencent/tmagic-editor/commit/3673d6016de1289104dd39c77c7f7bbd705f42a0)), closes [#440](https://github.com/Tencent/tmagic-editor/issues/440)
+- **editor:** 拆分代码块编辑器便于以后扩展,支持草稿自动保存,修复代码块列表的样式问题 ([d98d374](https://github.com/Tencent/tmagic-editor/commit/d98d3748d36e3a87e726a27a6f2d851b0c26bf75)), closes [#440](https://github.com/Tencent/tmagic-editor/issues/440)
+- **table:** 支持expand内容可以为html ([f824b66](https://github.com/Tencent/tmagic-editor/commit/f824b661bd897eefce567691c7f3ac55046246de))
+- 修改code_block结构,组件代码关系绑定改为table,绑定关系更新未完成 ([c4293f1](https://github.com/Tencent/tmagic-editor/commit/c4293f17a679015277a4547cae2bf391f10b9fda))
 
 # [1.2.0-beta.11](https://github.com/Tencent/tmagic-editor/compare/v1.2.0-beta.10...v1.2.0-beta.11) (2022-11-08)
 
-
 ### Bug Fixes
 
-* **editor:** Layout 组件与Layout ts type 重名，将组件改为LayoutContainer ([eae7769](https://github.com/Tencent/tmagic-editor/commit/eae776990cd8e8df6492b6a3ab89a6ee26edc617))
-
-
+- **editor:** Layout 组件与Layout ts type 重名，将组件改为LayoutContainer ([eae7769](https://github.com/Tencent/tmagic-editor/commit/eae776990cd8e8df6492b6a3ab89a6ee26edc617))
 
 # [1.2.0-beta.10](https://github.com/Tencent/tmagic-editor/compare/v1.2.0-beta.9...v1.2.0-beta.10) (2022-11-07)
 
-
 ### Bug Fixes
 
-* **editor:** content-menu没有响应式 ([c2e8a1c](https://github.com/Tencent/tmagic-editor/commit/c2e8a1caae210993366e1234613fc78e606ce36b))
-* **editor:** 单选水平居中 ([e8c53c2](https://github.com/Tencent/tmagic-editor/commit/e8c53c2bd1bb3c0f32745fcdd840a7faaa61e07b))
-* **editor:** 多选后，再单选多选中的第一个元素，多选状态没有清除 ([66e7278](https://github.com/Tencent/tmagic-editor/commit/66e727838b9306112a38b000b3675b4cdfc8db8a))
-* **editor:** 画布滚动条出现的不准确 ([8d8ef55](https://github.com/Tencent/tmagic-editor/commit/8d8ef55b81ecbfe8b1fa2a8ee738c7b4952369c1))
-* **form:** table 分页 ([929d7c4](https://github.com/Tencent/tmagic-editor/commit/929d7c463f2880a59deef2ec4d377868bd27d9cc))
-* **form:** table 拖动排序 ([617b025](https://github.com/Tencent/tmagic-editor/commit/617b025ce13b87c11292db39d741cf769cbcbc9d))
-
-
+- **editor:** content-menu没有响应式 ([c2e8a1c](https://github.com/Tencent/tmagic-editor/commit/c2e8a1caae210993366e1234613fc78e606ce36b))
+- **editor:** 单选水平居中 ([e8c53c2](https://github.com/Tencent/tmagic-editor/commit/e8c53c2bd1bb3c0f32745fcdd840a7faaa61e07b))
+- **editor:** 多选后，再单选多选中的第一个元素，多选状态没有清除 ([66e7278](https://github.com/Tencent/tmagic-editor/commit/66e727838b9306112a38b000b3675b4cdfc8db8a))
+- **editor:** 画布滚动条出现的不准确 ([8d8ef55](https://github.com/Tencent/tmagic-editor/commit/8d8ef55b81ecbfe8b1fa2a8ee738c7b4952369c1))
+- **form:** table 分页 ([929d7c4](https://github.com/Tencent/tmagic-editor/commit/929d7c463f2880a59deef2ec4d377868bd27d9cc))
+- **form:** table 拖动排序 ([617b025](https://github.com/Tencent/tmagic-editor/commit/617b025ce13b87c11292db39d741cf769cbcbc9d))
 
 # [1.2.0-beta.9](https://github.com/Tencent/tmagic-editor/compare/v1.2.0-beta.8...v1.2.0-beta.9) (2022-10-28)
 
-
 ### Bug Fixes
 
-* **editor:** content-menu隐藏时不销毁 ([723da40](https://github.com/Tencent/tmagic-editor/commit/723da40bc7d0830610378efc8b540edaaf7e468d))
-* **editor:** 优化代码逻辑 ([f8d7eae](https://github.com/Tencent/tmagic-editor/commit/f8d7eaea5ed13b2d7a8978c212705bbd130e9d3b))
-* **form:** formState需要同步props更新 ([49c0ec9](https://github.com/Tencent/tmagic-editor/commit/49c0ec9dd9289723f39037e47a58eed598135e2c))
-* 使用form.initValues解决代码块绑定关系更新不及时的问题 ([0ca0abf](https://github.com/Tencent/tmagic-editor/commit/0ca0abf2da4cf835c20c661cd773955350fa830d))
-
+- **editor:** content-menu隐藏时不销毁 ([723da40](https://github.com/Tencent/tmagic-editor/commit/723da40bc7d0830610378efc8b540edaaf7e468d))
+- **editor:** 优化代码逻辑 ([f8d7eae](https://github.com/Tencent/tmagic-editor/commit/f8d7eaea5ed13b2d7a8978c212705bbd130e9d3b))
+- **form:** formState需要同步props更新 ([49c0ec9](https://github.com/Tencent/tmagic-editor/commit/49c0ec9dd9289723f39037e47a58eed598135e2c))
+- 使用form.initValues解决代码块绑定关系更新不及时的问题 ([0ca0abf](https://github.com/Tencent/tmagic-editor/commit/0ca0abf2da4cf835c20c661cd773955350fa830d))
 
 ### Features
 
-* **form:** 展开更多支持配置函数 ([9fd8385](https://github.com/Tencent/tmagic-editor/commit/9fd8385651c895208a47eb621340a798fe3a4c93))
-
-
+- **form:** 展开更多支持配置函数 ([9fd8385](https://github.com/Tencent/tmagic-editor/commit/9fd8385651c895208a47eb621340a798fe3a4c93))
 
 # [1.2.0-beta.8](https://github.com/Tencent/tmagic-editor/compare/v1.2.0-beta.7...v1.2.0-beta.8) (2022-10-25)
 
-
 ### Bug Fixes
 
-* **editor:** 修复管理端和pg表现不一致的问题,删除冗余逻辑 ([bc0f17c](https://github.com/Tencent/tmagic-editor/commit/bc0f17c18fe828faabfd6e4b027f5b75b9f1a034))
-* **stage:** 修复辅助线显隐的bug ([f416530](https://github.com/Tencent/tmagic-editor/commit/f416530d382ee48678d26fdcd58a6ee9426be865)), closes [#444](https://github.com/Tencent/tmagic-editor/issues/444)
-
+- **editor:** 修复管理端和pg表现不一致的问题,删除冗余逻辑 ([bc0f17c](https://github.com/Tencent/tmagic-editor/commit/bc0f17c18fe828faabfd6e4b027f5b75b9f1a034))
+- **stage:** 修复辅助线显隐的bug ([f416530](https://github.com/Tencent/tmagic-editor/commit/f416530d382ee48678d26fdcd58a6ee9426be865)), closes [#444](https://github.com/Tencent/tmagic-editor/issues/444)
 
 ### Features
 
-* **editor,stage:** 在画布中支持选择父组件 ([11e0e04](https://github.com/Tencent/tmagic-editor/commit/11e0e04cbdf3bcde2ea3fdbe113cba0a91406f53)), closes [#403](https://github.com/Tencent/tmagic-editor/issues/403)
-* **form:** formDialog支持zIndex props ([f6b7e8d](https://github.com/Tencent/tmagic-editor/commit/f6b7e8dad8a012a5446f35fcb5c1e9c744af05b8))
-* **table:** action 支持icon，text支持函数 ([a065552](https://github.com/Tencent/tmagic-editor/commit/a06555268fb26c734aca4343c80deb1617f6bd45))
-
-
+- **editor,stage:** 在画布中支持选择父组件 ([11e0e04](https://github.com/Tencent/tmagic-editor/commit/11e0e04cbdf3bcde2ea3fdbe113cba0a91406f53)), closes [#403](https://github.com/Tencent/tmagic-editor/issues/403)
+- **form:** formDialog支持zIndex props ([f6b7e8d](https://github.com/Tencent/tmagic-editor/commit/f6b7e8dad8a012a5446f35fcb5c1e9c744af05b8))
+- **table:** action 支持icon，text支持函数 ([a065552](https://github.com/Tencent/tmagic-editor/commit/a06555268fb26c734aca4343c80deb1617f6bd45))
 
 # [1.2.0-beta.7](https://github.com/Tencent/tmagic-editor/compare/v1.2.0-beta.6...v1.2.0-beta.7) (2022-10-17)
 
-
 ### Bug Fixes
 
-* **design:** input slot 出错 ([d2eaecf](https://github.com/Tencent/tmagic-editor/commit/d2eaecfaab8cdbdd22322c45356e680ac45f30d6))
-* **element-plus-adapter:** tag组件写成了tabs ([b965e66](https://github.com/Tencent/tmagic-editor/commit/b965e66440687de235e267c745c10ba9b5d6b32e))
-
-
+- **design:** input slot 出错 ([d2eaecf](https://github.com/Tencent/tmagic-editor/commit/d2eaecfaab8cdbdd22322c45356e680ac45f30d6))
+- **element-plus-adapter:** tag组件写成了tabs ([b965e66](https://github.com/Tencent/tmagic-editor/commit/b965e66440687de235e267c745c10ba9b5d6b32e))
 
 # [1.2.0-beta.6](https://github.com/Tencent/tmagic-editor/compare/v1.2.0-beta.4...v1.2.0-beta.6) (2022-10-14)
 
-
 ### Bug Fixes
 
-* **design:** tag组件获取适配组件出错 ([4369191](https://github.com/Tencent/tmagic-editor/commit/43691911b798e59ee2feb319fdb6f896cb6578d0))
-* **editor:** 列框缓存失效 ([e01d5d9](https://github.com/Tencent/tmagic-editor/commit/e01d5d913fb16f7e615d7c352b73c8df660652fe))
-* **editor:** 多选后拖动，组件树会收缩 ([4041029](https://github.com/Tencent/tmagic-editor/commit/40410292d73c38525c2f20da5ab6a75302e5a171))
-* **editor:** 拖动改变左右列宽，不能让中间区域宽度小于0 ([0444f68](https://github.com/Tencent/tmagic-editor/commit/0444f68f3a34615b5cb5d978fdec9d959d8d8a3b))
-* **editor:** 设置高亮节点操作一定要在刷新展开状态之后，否则可能导致设置的高亮无效 ([2c31caf](https://github.com/Tencent/tmagic-editor/commit/2c31caf34f740470a313314112798f7aae2a020c)), closes [#404](https://github.com/Tencent/tmagic-editor/issues/404)
-* **table:** type 为selection只能是table下的children，不能是children的children ([a6ecbb6](https://github.com/Tencent/tmagic-editor/commit/a6ecbb66d1808ece12fd299f0e73577eb2cc5f68))
-
-
+- **design:** tag组件获取适配组件出错 ([4369191](https://github.com/Tencent/tmagic-editor/commit/43691911b798e59ee2feb319fdb6f896cb6578d0))
+- **editor:** 列框缓存失效 ([e01d5d9](https://github.com/Tencent/tmagic-editor/commit/e01d5d913fb16f7e615d7c352b73c8df660652fe))
+- **editor:** 多选后拖动，组件树会收缩 ([4041029](https://github.com/Tencent/tmagic-editor/commit/40410292d73c38525c2f20da5ab6a75302e5a171))
+- **editor:** 拖动改变左右列宽，不能让中间区域宽度小于0 ([0444f68](https://github.com/Tencent/tmagic-editor/commit/0444f68f3a34615b5cb5d978fdec9d959d8d8a3b))
+- **editor:** 设置高亮节点操作一定要在刷新展开状态之后，否则可能导致设置的高亮无效 ([2c31caf](https://github.com/Tencent/tmagic-editor/commit/2c31caf34f740470a313314112798f7aae2a020c)), closes [#404](https://github.com/Tencent/tmagic-editor/issues/404)
+- **table:** type 为selection只能是table下的children，不能是children的children ([a6ecbb6](https://github.com/Tencent/tmagic-editor/commit/a6ecbb66d1808ece12fd299f0e73577eb2cc5f68))
 
 # [1.2.0-beta.5](https://github.com/Tencent/tmagic-editor/compare/v1.2.0-beta.4...v1.2.0-beta.5) (2022-10-12)
 
-
 ### Bug Fixes
 
-* **design:** tag组件获取适配组件出错 ([4369191](https://github.com/Tencent/tmagic-editor/commit/43691911b798e59ee2feb319fdb6f896cb6578d0))
-* **editor:** 列框缓存失效 ([e01d5d9](https://github.com/Tencent/tmagic-editor/commit/e01d5d913fb16f7e615d7c352b73c8df660652fe))
-* **editor:** 拖动改变左右列宽，不能让中间区域宽度小于0 ([0444f68](https://github.com/Tencent/tmagic-editor/commit/0444f68f3a34615b5cb5d978fdec9d959d8d8a3b))
-
-
+- **design:** tag组件获取适配组件出错 ([4369191](https://github.com/Tencent/tmagic-editor/commit/43691911b798e59ee2feb319fdb6f896cb6578d0))
+- **editor:** 列框缓存失效 ([e01d5d9](https://github.com/Tencent/tmagic-editor/commit/e01d5d913fb16f7e615d7c352b73c8df660652fe))
+- **editor:** 拖动改变左右列宽，不能让中间区域宽度小于0 ([0444f68](https://github.com/Tencent/tmagic-editor/commit/0444f68f3a34615b5cb5d978fdec9d959d8d8a3b))
 
 # [1.2.0-beta.4](https://github.com/Tencent/tmagic-editor/compare/v1.2.0-beta.3...v1.2.0-beta.4) (2022-10-12)
 
-
-
 # [1.2.0-beta.3](https://github.com/Tencent/tmagic-editor/compare/v1.2.0-beta.2...v1.2.0-beta.3) (2022-10-12)
 
-
 ### Bug Fixes
 
-* **stage:** 页面布局修改为流式布局后，组件宽可以设置到边框之外 ([b77cf10](https://github.com/Tencent/tmagic-editor/commit/b77cf108cd28d6d941d389f2a59462716c6d4207)), closes [#395](https://github.com/Tencent/tmagic-editor/issues/395)
-
+- **stage:** 页面布局修改为流式布局后，组件宽可以设置到边框之外 ([b77cf10](https://github.com/Tencent/tmagic-editor/commit/b77cf108cd28d6d941d389f2a59462716c6d4207)), closes [#395](https://github.com/Tencent/tmagic-editor/issues/395)
 
 ### Features
 
-* **design:** 新增TMagicDesign，用于适配不同的ui框架 ([e2d7841](https://github.com/Tencent/tmagic-editor/commit/e2d784176b48cff33518328f23b155a0128bbf1d)), closes [#401](https://github.com/Tencent/tmagic-editor/issues/401)
-* **design:** 默认使用element-plus ([476e715](https://github.com/Tencent/tmagic-editor/commit/476e715982597cd56e5ff58e2adf44198e81903f))
-* **editor:** editor使用tmagic-design ([63c61ca](https://github.com/Tencent/tmagic-editor/commit/63c61caccc99873868f02ccf7875ae6f1ce1d4a8)), closes [#401](https://github.com/Tencent/tmagic-editor/issues/401)
-* **editor:** 支持通过左侧组件树进行组件多选 ([e3b7f58](https://github.com/Tencent/tmagic-editor/commit/e3b7f587ee002f730e2e1b592f56d07f21de92bb)), closes [#404](https://github.com/Tencent/tmagic-editor/issues/404)
-* **element-plus-adapter:** 新增element-plus ui适配器 ([c613b12](https://github.com/Tencent/tmagic-editor/commit/c613b12f110dc4b46f4343cda75149543bc0c82c)), closes [#401](https://github.com/Tencent/tmagic-editor/issues/401)
-* **form:** checkboxGroup options支持函数配置 ([6d432ba](https://github.com/Tencent/tmagic-editor/commit/6d432ba1da4783607bbbfc22bed50433a90f0fa6))
-* **form:** 剥离element-plus依赖，使用tamgic-design ([3a1a979](https://github.com/Tencent/tmagic-editor/commit/3a1a9795f6335533d914098e7c46dae1258681f3)), closes [#401](https://github.com/Tencent/tmagic-editor/issues/401)
-* **playground:** 使用@tamgic/design ([36f396a](https://github.com/Tencent/tmagic-editor/commit/36f396ac2452605192a04a8253204f82d062f6c0)), closes [#401](https://github.com/Tencent/tmagic-editor/issues/401)
-* table切换成TMagicDesign ([32a24ad](https://github.com/Tencent/tmagic-editor/commit/32a24ad578b8f43b56b2c251c53eb3cfb78f2c56))
-
-
+- **design:** 新增TMagicDesign，用于适配不同的ui框架 ([e2d7841](https://github.com/Tencent/tmagic-editor/commit/e2d784176b48cff33518328f23b155a0128bbf1d)), closes [#401](https://github.com/Tencent/tmagic-editor/issues/401)
+- **design:** 默认使用element-plus ([476e715](https://github.com/Tencent/tmagic-editor/commit/476e715982597cd56e5ff58e2adf44198e81903f))
+- **editor:** editor使用tmagic-design ([63c61ca](https://github.com/Tencent/tmagic-editor/commit/63c61caccc99873868f02ccf7875ae6f1ce1d4a8)), closes [#401](https://github.com/Tencent/tmagic-editor/issues/401)
+- **editor:** 支持通过左侧组件树进行组件多选 ([e3b7f58](https://github.com/Tencent/tmagic-editor/commit/e3b7f587ee002f730e2e1b592f56d07f21de92bb)), closes [#404](https://github.com/Tencent/tmagic-editor/issues/404)
+- **element-plus-adapter:** 新增element-plus ui适配器 ([c613b12](https://github.com/Tencent/tmagic-editor/commit/c613b12f110dc4b46f4343cda75149543bc0c82c)), closes [#401](https://github.com/Tencent/tmagic-editor/issues/401)
+- **form:** checkboxGroup options支持函数配置 ([6d432ba](https://github.com/Tencent/tmagic-editor/commit/6d432ba1da4783607bbbfc22bed50433a90f0fa6))
+- **form:** 剥离element-plus依赖，使用tamgic-design ([3a1a979](https://github.com/Tencent/tmagic-editor/commit/3a1a9795f6335533d914098e7c46dae1258681f3)), closes [#401](https://github.com/Tencent/tmagic-editor/issues/401)
+- **playground:** 使用@tamgic/design ([36f396a](https://github.com/Tencent/tmagic-editor/commit/36f396ac2452605192a04a8253204f82d062f6c0)), closes [#401](https://github.com/Tencent/tmagic-editor/issues/401)
+- table切换成TMagicDesign ([32a24ad](https://github.com/Tencent/tmagic-editor/commit/32a24ad578b8f43b56b2c251c53eb3cfb78f2c56))
 
 # [1.2.0-beta.2](https://github.com/Tencent/tmagic-editor/compare/v1.2.0-beta.1...v1.2.0-beta.2) (2022-09-28)
 
-
 ### Bug Fixes
 
-* **editor:** codeblock slot参数修改 ([2ac3645](https://github.com/Tencent/tmagic-editor/commit/2ac3645bb028335bd4354e1b3e57be42ff1311d4))
-* **editor:** slot修改,schema声明修改 ([0baec3e](https://github.com/Tencent/tmagic-editor/commit/0baec3e532011b6ae8d019e311d471d4be76ef51))
-* **editor:** 修复warning,修改playground dsl codeBlocks字段 ([85951de](https://github.com/Tencent/tmagic-editor/commit/85951de24d88957c89483525ed49b5263cb31a8b))
-* **editor:** 修复初始dsl无codeBlocks字段时无法新增的问题 ([3bb8ecc](https://github.com/Tencent/tmagic-editor/commit/3bb8ecc97547e9a7838b97b1a182c371efb01a6c))
-* **eidtor:** cr问题修改 ([551da1a](https://github.com/Tencent/tmagic-editor/commit/551da1a64b3402cec3ce89e304cae905f702a250))
-* **runtime:** 切换设计窗体大小时，同时修改app ([b3bae36](https://github.com/Tencent/tmagic-editor/commit/b3bae36d942f00f9039c5bb6b7124668fd8278d7))
-* **stage:** 旋转、缩放组件后没有更新dsl ([bbb5927](https://github.com/Tencent/tmagic-editor/commit/bbb5927e0c78c482a602d15fda8e8cd6ba0a1058))
-* **table:** action display ([6a65ab8](https://github.com/Tencent/tmagic-editor/commit/6a65ab812b16deda5e7dcb59f7af8400866978eb))
-
+- **editor:** codeblock slot参数修改 ([2ac3645](https://github.com/Tencent/tmagic-editor/commit/2ac3645bb028335bd4354e1b3e57be42ff1311d4))
+- **editor:** slot修改,schema声明修改 ([0baec3e](https://github.com/Tencent/tmagic-editor/commit/0baec3e532011b6ae8d019e311d471d4be76ef51))
+- **editor:** 修复warning,修改playground dsl codeBlocks字段 ([85951de](https://github.com/Tencent/tmagic-editor/commit/85951de24d88957c89483525ed49b5263cb31a8b))
+- **editor:** 修复初始dsl无codeBlocks字段时无法新增的问题 ([3bb8ecc](https://github.com/Tencent/tmagic-editor/commit/3bb8ecc97547e9a7838b97b1a182c371efb01a6c))
+- **eidtor:** cr问题修改 ([551da1a](https://github.com/Tencent/tmagic-editor/commit/551da1a64b3402cec3ce89e304cae905f702a250))
+- **runtime:** 切换设计窗体大小时，同时修改app ([b3bae36](https://github.com/Tencent/tmagic-editor/commit/b3bae36d942f00f9039c5bb6b7124668fd8278d7))
+- **stage:** 旋转、缩放组件后没有更新dsl ([bbb5927](https://github.com/Tencent/tmagic-editor/commit/bbb5927e0c78c482a602d15fda8e8cd6ba0a1058))
+- **table:** action display ([6a65ab8](https://github.com/Tencent/tmagic-editor/commit/6a65ab812b16deda5e7dcb59f7af8400866978eb))
 
 ### Features
 
-* **editor:** code组件新增height配置 ([c87e3b2](https://github.com/Tencent/tmagic-editor/commit/c87e3b2164d7520df1d14d997e94e411d176b89c))
-* **editor:** code组件新增options props ([1c35650](https://github.com/Tencent/tmagic-editor/commit/1c3565035c854bf6259077840a5557b9bae8b70d))
-* **editor:** 导出CodeBlockList组件 ([caa4782](https://github.com/Tencent/tmagic-editor/commit/caa47823be599ba33679412085b6b35b41c43b29))
-* **editor:** 导出CodeSelect组件 ([869b9f2](https://github.com/Tencent/tmagic-editor/commit/869b9f23cb959826eab3d7b1577a26fbb611d45e))
-* **form:** form-dialog重新打开是form重新渲染 ([6cf1f86](https://github.com/Tencent/tmagic-editor/commit/6cf1f8636c2ecdad926883f80544d164c4c26bd0))
-
+- **editor:** code组件新增height配置 ([c87e3b2](https://github.com/Tencent/tmagic-editor/commit/c87e3b2164d7520df1d14d997e94e411d176b89c))
+- **editor:** code组件新增options props ([1c35650](https://github.com/Tencent/tmagic-editor/commit/1c3565035c854bf6259077840a5557b9bae8b70d))
+- **editor:** 导出CodeBlockList组件 ([caa4782](https://github.com/Tencent/tmagic-editor/commit/caa47823be599ba33679412085b6b35b41c43b29))
+- **editor:** 导出CodeSelect组件 ([869b9f2](https://github.com/Tencent/tmagic-editor/commit/869b9f23cb959826eab3d7b1577a26fbb611d45e))
+- **form:** form-dialog重新打开是form重新渲染 ([6cf1f86](https://github.com/Tencent/tmagic-editor/commit/6cf1f8636c2ecdad926883f80544d164c4c26bd0))
 
 ### Reverts
 
-* Revert "fix(editor): codeblock slot参数修改" ([84b24f1](https://github.com/Tencent/tmagic-editor/commit/84b24f11b84a220966a36ed553192560710db711))
-
-
+- Revert "fix(editor): codeblock slot参数修改" ([84b24f1](https://github.com/Tencent/tmagic-editor/commit/84b24f11b84a220966a36ed553192560710db711))
 
 # [1.2.0-beta.1](https://github.com/Tencent/tmagic-editor/compare/v1.1.6...v1.2.0-beta.1) (2022-09-22)
 
-
 ### Bug Fixes
 
-* **core:** 修复执行代码块的顺序问题 ([c3b5022](https://github.com/Tencent/tmagic-editor/commit/c3b502254b4cfac5f14af9173a6e1737732c1745))
-* **editor:** dsl存储代码块的字段改为methods ([fa01497](https://github.com/Tencent/tmagic-editor/commit/fa0149773fb8435c099bb98eb91657c70e7599e3))
-* **editor:** icon使用editor封装的icon组件 ([441a412](https://github.com/Tencent/tmagic-editor/commit/441a412817f01a1847b48dc4423c0d740a77f749))
-* **editor:** 代码块删除支持传参处理失败逻辑,ts类型修复 ([896f92b](https://github.com/Tencent/tmagic-editor/commit/896f92b5a88729f3178c3556932e761a9fcd37c0))
-* **editor:** 修复从dsl初始化时代码块绑定关系未同步的问题 ([2356ff5](https://github.com/Tencent/tmagic-editor/commit/2356ff514d0a8019cac8b2b57fdbac29495200e0))
-* **editor:** 修复从dsl初始化时代码块绑定关系未同步的问题,修复一些warning,优化语法报错时保存并关闭的交互逻辑 ([134efbf](https://github.com/Tencent/tmagic-editor/commit/134efbfb0f2eed8e536cc17ed6d1add260e5bd43))
-* **editor:** 修复语法报错 ([8b9ac82](https://github.com/Tencent/tmagic-editor/commit/8b9ac826fcf624f65c30197f5b6757e74d45dbd6))
-* **editor:** 修复通过dsl初始化代码块时,点击查看获取不到绑定的代码块的问题 ([4e6fbab](https://github.com/Tencent/tmagic-editor/commit/4e6fbab26de062a3784bf3c89c24850ef910f109))
-* **editor:** 修改样式,修改代码块ID生成逻辑 ([a452cec](https://github.com/Tencent/tmagic-editor/commit/a452cecc444a155efa1a7a25391125b03677ffe7))
-* **editor:** 导出CodeBlockList组件 ([8a9971a](https://github.com/Tencent/tmagic-editor/commit/8a9971ab7b4dc1e43a407af0a5ce0b47bed7c6ec))
-* **editor:** 样式优化 ([27d8640](https://github.com/Tencent/tmagic-editor/commit/27d8640fbc48184e4f73aac180f4f35638f92a1a))
-* **editor:** 样式修改,editor pannel使用resize组件 ([c2637b1](https://github.com/Tencent/tmagic-editor/commit/c2637b1b0cb10dd2f6ee2199916d3881a9d0f071))
-* **editor:** 绑定关系组件增加option来源的默认逻辑 ([ddd22ff](https://github.com/Tencent/tmagic-editor/commit/ddd22ff486c28bbc55d86190f263648ebf32f94f))
-* **editor:** 绑定关系组件支持单选配置 ([7b961f1](https://github.com/Tencent/tmagic-editor/commit/7b961f128424c95ca20a9c4fbe3290f114ab865b))
-* **editor:** 解决修改代码名称后已选择的select tag不更新的问题,优化一些样式 ([bc000e9](https://github.com/Tencent/tmagic-editor/commit/bc000e9ca606ea744a2ecf4da58b2aa71681c38b))
-* **editor:** 默认展开组件列表 ([37181d3](https://github.com/Tencent/tmagic-editor/commit/37181d3084a9735e7a54d50b00632cd99e3da288))
-* **stage:** 修复ctrl+tab切到其他窗口引起多选状态混乱的问题 ([09c9af8](https://github.com/Tencent/tmagic-editor/commit/09c9af8454babbebe7cb5e076d62025527eeff80))
-
+- **core:** 修复执行代码块的顺序问题 ([c3b5022](https://github.com/Tencent/tmagic-editor/commit/c3b502254b4cfac5f14af9173a6e1737732c1745))
+- **editor:** dsl存储代码块的字段改为methods ([fa01497](https://github.com/Tencent/tmagic-editor/commit/fa0149773fb8435c099bb98eb91657c70e7599e3))
+- **editor:** icon使用editor封装的icon组件 ([441a412](https://github.com/Tencent/tmagic-editor/commit/441a412817f01a1847b48dc4423c0d740a77f749))
+- **editor:** 代码块删除支持传参处理失败逻辑,ts类型修复 ([896f92b](https://github.com/Tencent/tmagic-editor/commit/896f92b5a88729f3178c3556932e761a9fcd37c0))
+- **editor:** 修复从dsl初始化时代码块绑定关系未同步的问题 ([2356ff5](https://github.com/Tencent/tmagic-editor/commit/2356ff514d0a8019cac8b2b57fdbac29495200e0))
+- **editor:** 修复从dsl初始化时代码块绑定关系未同步的问题,修复一些warning,优化语法报错时保存并关闭的交互逻辑 ([134efbf](https://github.com/Tencent/tmagic-editor/commit/134efbfb0f2eed8e536cc17ed6d1add260e5bd43))
+- **editor:** 修复语法报错 ([8b9ac82](https://github.com/Tencent/tmagic-editor/commit/8b9ac826fcf624f65c30197f5b6757e74d45dbd6))
+- **editor:** 修复通过dsl初始化代码块时,点击查看获取不到绑定的代码块的问题 ([4e6fbab](https://github.com/Tencent/tmagic-editor/commit/4e6fbab26de062a3784bf3c89c24850ef910f109))
+- **editor:** 修改样式,修改代码块ID生成逻辑 ([a452cec](https://github.com/Tencent/tmagic-editor/commit/a452cecc444a155efa1a7a25391125b03677ffe7))
+- **editor:** 导出CodeBlockList组件 ([8a9971a](https://github.com/Tencent/tmagic-editor/commit/8a9971ab7b4dc1e43a407af0a5ce0b47bed7c6ec))
+- **editor:** 样式优化 ([27d8640](https://github.com/Tencent/tmagic-editor/commit/27d8640fbc48184e4f73aac180f4f35638f92a1a))
+- **editor:** 样式修改,editor pannel使用resize组件 ([c2637b1](https://github.com/Tencent/tmagic-editor/commit/c2637b1b0cb10dd2f6ee2199916d3881a9d0f071))
+- **editor:** 绑定关系组件增加option来源的默认逻辑 ([ddd22ff](https://github.com/Tencent/tmagic-editor/commit/ddd22ff486c28bbc55d86190f263648ebf32f94f))
+- **editor:** 绑定关系组件支持单选配置 ([7b961f1](https://github.com/Tencent/tmagic-editor/commit/7b961f128424c95ca20a9c4fbe3290f114ab865b))
+- **editor:** 解决修改代码名称后已选择的select tag不更新的问题,优化一些样式 ([bc000e9](https://github.com/Tencent/tmagic-editor/commit/bc000e9ca606ea744a2ecf4da58b2aa71681c38b))
+- **editor:** 默认展开组件列表 ([37181d3](https://github.com/Tencent/tmagic-editor/commit/37181d3084a9735e7a54d50b00632cd99e3da288))
+- **stage:** 修复ctrl+tab切到其他窗口引起多选状态混乱的问题 ([09c9af8](https://github.com/Tencent/tmagic-editor/commit/09c9af8454babbebe7cb5e076d62025527eeff80))
 
 ### Features
 
-* **core:** 修改core生命周期钩子处理逻辑,执行对应的代码块 ([310ee32](https://github.com/Tencent/tmagic-editor/commit/310ee32d75bc9d87c8558be3c35be971716aec9a))
-* **editor):** 组件绑定代码块form表单配置 ([7020ab4](https://github.com/Tencent/tmagic-editor/commit/7020ab4a1fcc50a9ad90c7688545c5292c505918))
-* **editor:** codeBlockService.getCodeDsl支持增加是否强制刷新参数 ([fc749b7](https://github.com/Tencent/tmagic-editor/commit/fc749b7375af33a1c7cf8d4323e2f220164917d9))
-* **editor:** codeBlockService暴露一些方法支持hook,默认设置代码块到dsl的method字段 ([5b220a0](https://github.com/Tencent/tmagic-editor/commit/5b220a0e061e2a54ff87703eccb33954276844a4))
-* **editor:** 代码块service封装完成 ([7640c06](https://github.com/Tencent/tmagic-editor/commit/7640c06ccb554b3ff28b65ee551cebfccc1c5f53))
-* **editor:** 代码块功能增加删除,完善一些边界情况的交互 ([2f803c9](https://github.com/Tencent/tmagic-editor/commit/2f803c963a8c02b1244387c435e6e01ccdee183a))
-* **editor:** 代码块功能新增slot ([452c80d](https://github.com/Tencent/tmagic-editor/commit/452c80d829e3e127a51ac9c5cb1356bc4eafba61))
-* **editor:** 代码块新增,编辑器保存至dsl ([0c2c33f](https://github.com/Tencent/tmagic-editor/commit/0c2c33f85431e29e0857ed1d755772acb7deaa6c))
-* **editor:** 代码块绑定功能完成 ([0c25cf7](https://github.com/Tencent/tmagic-editor/commit/0c25cf795fa44e97bc98b75aa37c11e3505789e8))
-* **editor:** 代码块编辑区改为使用弹窗,代码块slot完善 ([f1242ee](https://github.com/Tencent/tmagic-editor/commit/f1242ee3f46ca2ba7df2c88033772680f74aaf9e))
-* **editor:** 增加代码块搜索,代码编辑器同步设置是否可编辑属性,修复不可编辑状态下弹窗无法关闭的问题 ([9e1fb42](https://github.com/Tencent/tmagic-editor/commit/9e1fb42783afa05849bde8a9e27082a02d9ff69a))
-* **editor:** 导出codeBlockService ([25d9de1](https://github.com/Tencent/tmagic-editor/commit/25d9de10e26e71c1e7ca73ab128bf829245a0c56))
-* **editor:** 支持代码块维度查看与组件的绑定关系,并支持从代码块列表解除绑定 ([bfaa831](https://github.com/Tencent/tmagic-editor/commit/bfaa8317e36db9c0387e041820f075a98a3887b5))
-* **editor:** 新增,编辑代码块完成 ([2a8cfe5](https://github.com/Tencent/tmagic-editor/commit/2a8cfe58c4c0b86d48b759f92665bb4705cd1530))
-* **editor:** 暂时隐藏代码块列表删除组件功能,支持点击组件tag定位到组件 ([0b3585c](https://github.com/Tencent/tmagic-editor/commit/0b3585c150505dfa93c86d5421b392f2551e2579))
-* **editor:** 组件代码块的绑定关系记录到dsl中,修复删除组件解除关系的问题,代码块dsl支持扩展字段 ([92f3696](https://github.com/Tencent/tmagic-editor/commit/92f3696e4432b70bdd2d9ab5de36f9f3df0238c3))
-* **form:** select动态监听事件优化 ([040d5d0](https://github.com/Tencent/tmagic-editor/commit/040d5d0d2c7f5a857c7d57e56dd6050940f62e4a))
-
-
+- **core:** 修改core生命周期钩子处理逻辑,执行对应的代码块 ([310ee32](https://github.com/Tencent/tmagic-editor/commit/310ee32d75bc9d87c8558be3c35be971716aec9a))
+- **editor):** 组件绑定代码块form表单配置 ([7020ab4](https://github.com/Tencent/tmagic-editor/commit/7020ab4a1fcc50a9ad90c7688545c5292c505918))
+- **editor:** codeBlockService.getCodeDsl支持增加是否强制刷新参数 ([fc749b7](https://github.com/Tencent/tmagic-editor/commit/fc749b7375af33a1c7cf8d4323e2f220164917d9))
+- **editor:** codeBlockService暴露一些方法支持hook,默认设置代码块到dsl的method字段 ([5b220a0](https://github.com/Tencent/tmagic-editor/commit/5b220a0e061e2a54ff87703eccb33954276844a4))
+- **editor:** 代码块service封装完成 ([7640c06](https://github.com/Tencent/tmagic-editor/commit/7640c06ccb554b3ff28b65ee551cebfccc1c5f53))
+- **editor:** 代码块功能增加删除,完善一些边界情况的交互 ([2f803c9](https://github.com/Tencent/tmagic-editor/commit/2f803c963a8c02b1244387c435e6e01ccdee183a))
+- **editor:** 代码块功能新增slot ([452c80d](https://github.com/Tencent/tmagic-editor/commit/452c80d829e3e127a51ac9c5cb1356bc4eafba61))
+- **editor:** 代码块新增,编辑器保存至dsl ([0c2c33f](https://github.com/Tencent/tmagic-editor/commit/0c2c33f85431e29e0857ed1d755772acb7deaa6c))
+- **editor:** 代码块绑定功能完成 ([0c25cf7](https://github.com/Tencent/tmagic-editor/commit/0c25cf795fa44e97bc98b75aa37c11e3505789e8))
+- **editor:** 代码块编辑区改为使用弹窗,代码块slot完善 ([f1242ee](https://github.com/Tencent/tmagic-editor/commit/f1242ee3f46ca2ba7df2c88033772680f74aaf9e))
+- **editor:** 增加代码块搜索,代码编辑器同步设置是否可编辑属性,修复不可编辑状态下弹窗无法关闭的问题 ([9e1fb42](https://github.com/Tencent/tmagic-editor/commit/9e1fb42783afa05849bde8a9e27082a02d9ff69a))
+- **editor:** 导出codeBlockService ([25d9de1](https://github.com/Tencent/tmagic-editor/commit/25d9de10e26e71c1e7ca73ab128bf829245a0c56))
+- **editor:** 支持代码块维度查看与组件的绑定关系,并支持从代码块列表解除绑定 ([bfaa831](https://github.com/Tencent/tmagic-editor/commit/bfaa8317e36db9c0387e041820f075a98a3887b5))
+- **editor:** 新增,编辑代码块完成 ([2a8cfe5](https://github.com/Tencent/tmagic-editor/commit/2a8cfe58c4c0b86d48b759f92665bb4705cd1530))
+- **editor:** 暂时隐藏代码块列表删除组件功能,支持点击组件tag定位到组件 ([0b3585c](https://github.com/Tencent/tmagic-editor/commit/0b3585c150505dfa93c86d5421b392f2551e2579))
+- **editor:** 组件代码块的绑定关系记录到dsl中,修复删除组件解除关系的问题,代码块dsl支持扩展字段 ([92f3696](https://github.com/Tencent/tmagic-editor/commit/92f3696e4432b70bdd2d9ab5de36f9f3df0238c3))
+- **form:** select动态监听事件优化 ([040d5d0](https://github.com/Tencent/tmagic-editor/commit/040d5d0d2c7f5a857c7d57e56dd6050940f62e4a))
 
 ## [1.1.6](https://github.com/Tencent/tmagic-editor/compare/v1.1.5...v1.1.6) (2022-09-22)
 
-
 ### Bug Fixes
 
-* **core:** 保证传参行为一致 ([b0419cd](https://github.com/Tencent/tmagic-editor/commit/b0419cdbaf8fab2ea17edd650fb10155913e69f7))
-* **core:** 修复emit 无node时的情况 ([34b628c](https://github.com/Tencent/tmagic-editor/commit/34b628cc07100b33dab462d19b299fbb4ad11676))
-* **core:** 修复多组件同一事件监听问题修改后导致的共通点击失效问题 ([a96d547](https://github.com/Tencent/tmagic-editor/commit/a96d547c20b1c808d5399dcb0435b56513b759ac))
-* **editor:** layer-node-content slot参数出错 ([4643acb](https://github.com/Tencent/tmagic-editor/commit/4643acb0f8c67c0bdb0fabecd5bf10e262a81aa1))
-
+- **core:** 保证传参行为一致 ([b0419cd](https://github.com/Tencent/tmagic-editor/commit/b0419cdbaf8fab2ea17edd650fb10155913e69f7))
+- **core:** 修复emit 无node时的情况 ([34b628c](https://github.com/Tencent/tmagic-editor/commit/34b628cc07100b33dab462d19b299fbb4ad11676))
+- **core:** 修复多组件同一事件监听问题修改后导致的共通点击失效问题 ([a96d547](https://github.com/Tencent/tmagic-editor/commit/a96d547c20b1c808d5399dcb0435b56513b759ac))
+- **editor:** layer-node-content slot参数出错 ([4643acb](https://github.com/Tencent/tmagic-editor/commit/4643acb0f8c67c0bdb0fabecd5bf10e262a81aa1))
 
 ### Features
 
-* **cli:** 添加dynamicImport配置参数，用于设置是否使用import()来加载组件 ([c817ad6](https://github.com/Tencent/tmagic-editor/commit/c817ad6bb680a84453ef3d99de14c8d8a36b1f58)), closes [#366](https://github.com/Tencent/tmagic-editor/issues/366)
-* **editor:** 新增layer-node-content slot,用于定制组件树节点 ([cda0c41](https://github.com/Tencent/tmagic-editor/commit/cda0c41ad499e5e8ec7b66ddaae607ad96633c5a)), closes [#368](https://github.com/Tencent/tmagic-editor/issues/368)
-* **form:** table新增showIndex配置，用于控制是否显示行索引 ([560a3ac](https://github.com/Tencent/tmagic-editor/commit/560a3acfae2e467faa894ed16067ebeb941c6fef))
-* **form:** table配置支持showIndex用于控制行号 ([eb03ce3](https://github.com/Tencent/tmagic-editor/commit/eb03ce358fd1ccaeb1b2f82285804d1c24349262))
-* **runtime:** vue3使用dynamicImport ([a16a7e6](https://github.com/Tencent/tmagic-editor/commit/a16a7e6a4d8a072ca94f5c2c50a17bfbf70279af))
-
-
+- **cli:** 添加dynamicImport配置参数，用于设置是否使用import()来加载组件 ([c817ad6](https://github.com/Tencent/tmagic-editor/commit/c817ad6bb680a84453ef3d99de14c8d8a36b1f58)), closes [#366](https://github.com/Tencent/tmagic-editor/issues/366)
+- **editor:** 新增layer-node-content slot,用于定制组件树节点 ([cda0c41](https://github.com/Tencent/tmagic-editor/commit/cda0c41ad499e5e8ec7b66ddaae607ad96633c5a)), closes [#368](https://github.com/Tencent/tmagic-editor/issues/368)
+- **form:** table新增showIndex配置，用于控制是否显示行索引 ([560a3ac](https://github.com/Tencent/tmagic-editor/commit/560a3acfae2e467faa894ed16067ebeb941c6fef))
+- **form:** table配置支持showIndex用于控制行号 ([eb03ce3](https://github.com/Tencent/tmagic-editor/commit/eb03ce358fd1ccaeb1b2f82285804d1c24349262))
+- **runtime:** vue3使用dynamicImport ([a16a7e6](https://github.com/Tencent/tmagic-editor/commit/a16a7e6a4d8a072ca94f5c2c50a17bfbf70279af))
 
 ## [1.1.5](https://github.com/Tencent/tmagic-editor/compare/v1.1.4...v1.1.5) (2022-09-20)
 
-
 ### Bug Fixes
 
-* **core:** 多个组件配置同一事件会导致此事件多次监听 ([b835bb2](https://github.com/Tencent/tmagic-editor/commit/b835bb24888db3ee150192ef10726de8f7c5ec3b)), closes [#356](https://github.com/Tencent/tmagic-editor/issues/356)
-* **editor:** code-link组件内容不更新 ([e069783](https://github.com/Tencent/tmagic-editor/commit/e0697833dab7b2b3850b955312ca1e71379cf848))
-* **editor:** layout ([30bb39d](https://github.com/Tencent/tmagic-editor/commit/30bb39d71ae481cc55c3c98824e74f502f48a23d))
-* **editor:** 添加组件后，只有在位置有调整的情况才再次更新组件 ([22c57f4](https://github.com/Tencent/tmagic-editor/commit/22c57f444fdf760bfcfa1d5a72303109609bbb2c))
-* **form:** link组件parentValues没有传递下去 ([d76c753](https://github.com/Tencent/tmagic-editor/commit/d76c753483c085afc7b062a240fa0e89450ba910))
-* **playgound:** npm run serve后runtime无法打开 ([ddf0fcd](https://github.com/Tencent/tmagic-editor/commit/ddf0fcdecce14a924ffbd3690a36fff467ca98bc)), closes [#352](https://github.com/Tencent/tmagic-editor/issues/352)
-* **playground:** npm run dev后proxy失效 ([6d6490a](https://github.com/Tencent/tmagic-editor/commit/6d6490ab311696e1b525f73d994837a04bd08d10))
-
+- **core:** 多个组件配置同一事件会导致此事件多次监听 ([b835bb2](https://github.com/Tencent/tmagic-editor/commit/b835bb24888db3ee150192ef10726de8f7c5ec3b)), closes [#356](https://github.com/Tencent/tmagic-editor/issues/356)
+- **editor:** code-link组件内容不更新 ([e069783](https://github.com/Tencent/tmagic-editor/commit/e0697833dab7b2b3850b955312ca1e71379cf848))
+- **editor:** layout ([30bb39d](https://github.com/Tencent/tmagic-editor/commit/30bb39d71ae481cc55c3c98824e74f502f48a23d))
+- **editor:** 添加组件后，只有在位置有调整的情况才再次更新组件 ([22c57f4](https://github.com/Tencent/tmagic-editor/commit/22c57f444fdf760bfcfa1d5a72303109609bbb2c))
+- **form:** link组件parentValues没有传递下去 ([d76c753](https://github.com/Tencent/tmagic-editor/commit/d76c753483c085afc7b062a240fa0e89450ba910))
+- **playgound:** npm run serve后runtime无法打开 ([ddf0fcd](https://github.com/Tencent/tmagic-editor/commit/ddf0fcdecce14a924ffbd3690a36fff467ca98bc)), closes [#352](https://github.com/Tencent/tmagic-editor/issues/352)
+- **playground:** npm run dev后proxy失效 ([6d6490a](https://github.com/Tencent/tmagic-editor/commit/6d6490ab311696e1b525f73d994837a04bd08d10))
 
 ### Features
 
-* **editor:** 新增Layout ([835189a](https://github.com/Tencent/tmagic-editor/commit/835189adc9c0047bdedc31ae0367c08c1cf6024d))
-
-
+- **editor:** 新增Layout ([835189a](https://github.com/Tencent/tmagic-editor/commit/835189adc9c0047bdedc31ae0367c08c1cf6024d))
 
 ## [1.1.4](https://github.com/Tencent/tmagic-editor/compare/v1.1.3...v1.1.4) (2022-09-15)
 
-
 ### Bug Fixes
 
-* **editor:** 添加页面，应该添加到最后 ([10d2b3c](https://github.com/Tencent/tmagic-editor/commit/10d2b3cc9b5460ee4c406ca731520ffc2d1906ef))
-* **editor:** 画布大小变化，滚动条重置 ([bee9f92](https://github.com/Tencent/tmagic-editor/commit/bee9f92abbb6a673bf5185c79431cb7ad2fbd81f))
-* **editor:** 页面列表是否可以滚动判断不准确 ([3ff823a](https://github.com/Tencent/tmagic-editor/commit/3ff823a59fd5c4afb6c36d4a9e150365a7801258))
-* **stage:** 当选中的组件与上一次选中的组件有重叠时，选中后的下一个click事件丢失 ([33a09cc](https://github.com/Tencent/tmagic-editor/commit/33a09cccc7548a1264daaec9b77c3ff924b2969b))
-* **ui:** 修复text组件在流式容器内无宽高问题 ([695efc0](https://github.com/Tencent/tmagic-editor/commit/695efc00a8c5c4dfc88dbcb3ce71db6dbc1656f7))
-* **ui:** 追加 vue2 和 react 的修改 ([45be838](https://github.com/Tencent/tmagic-editor/commit/45be838f20c784e946a6e5cd3ea0bfc3a3741b67))
-
+- **editor:** 添加页面，应该添加到最后 ([10d2b3c](https://github.com/Tencent/tmagic-editor/commit/10d2b3cc9b5460ee4c406ca731520ffc2d1906ef))
+- **editor:** 画布大小变化，滚动条重置 ([bee9f92](https://github.com/Tencent/tmagic-editor/commit/bee9f92abbb6a673bf5185c79431cb7ad2fbd81f))
+- **editor:** 页面列表是否可以滚动判断不准确 ([3ff823a](https://github.com/Tencent/tmagic-editor/commit/3ff823a59fd5c4afb6c36d4a9e150365a7801258))
+- **stage:** 当选中的组件与上一次选中的组件有重叠时，选中后的下一个click事件丢失 ([33a09cc](https://github.com/Tencent/tmagic-editor/commit/33a09cccc7548a1264daaec9b77c3ff924b2969b))
+- **ui:** 修复text组件在流式容器内无宽高问题 ([695efc0](https://github.com/Tencent/tmagic-editor/commit/695efc00a8c5c4dfc88dbcb3ce71db6dbc1656f7))
+- **ui:** 追加 vue2 和 react 的修改 ([45be838](https://github.com/Tencent/tmagic-editor/commit/45be838f20c784e946a6e5cd3ea0bfc3a3741b67))
 
 ### Features
 
-* **editor:** uiService支持插件扩展 ([b915acc](https://github.com/Tencent/tmagic-editor/commit/b915accb7155ce3155ee3076d2d848ea1dd65f3e))
-* **table:** 添加loading参数 ([ee36127](https://github.com/Tencent/tmagic-editor/commit/ee361271e70565a413985388da501dac2e769c4b))
-
-
+- **editor:** uiService支持插件扩展 ([b915acc](https://github.com/Tencent/tmagic-editor/commit/b915accb7155ce3155ee3076d2d848ea1dd65f3e))
+- **table:** 添加loading参数 ([ee36127](https://github.com/Tencent/tmagic-editor/commit/ee361271e70565a413985388da501dac2e769c4b))
 
 ## [1.1.3](https://github.com/Tencent/tmagic-editor/compare/v1.1.2...v1.1.3) (2022-09-13)
 
-
 ### Bug Fixes
 
-* **editor:** 修复流式布局下移动图层操作相反问题 ([e0a16bc](https://github.com/Tencent/tmagic-editor/commit/e0a16bcf0a1b87932137567e711beb7f0e463848))
-* **form:** 当默认值为0时，select 远程选项初始化不正确 ([e855072](https://github.com/Tencent/tmagic-editor/commit/e8550728d1f58c55deb9d5c26bd5942a9adf9720))
-
-
+- **editor:** 修复流式布局下移动图层操作相反问题 ([e0a16bc](https://github.com/Tencent/tmagic-editor/commit/e0a16bcf0a1b87932137567e711beb7f0e463848))
+- **form:** 当默认值为0时，select 远程选项初始化不正确 ([e855072](https://github.com/Tencent/tmagic-editor/commit/e8550728d1f58c55deb9d5c26bd5942a9adf9720))
 
 ## [1.1.2](https://github.com/Tencent/tmagic-editor/compare/v1.1.1...v1.1.2) (2022-09-08)
 
-
 ### Bug Fixes
 
-* **editor:** 画布缩放后，拖入组件位置错位 ([bdd544e](https://github.com/Tencent/tmagic-editor/commit/bdd544e87e7c4f4b227d65f3afd4de14af826e17))
-
+- **editor:** 画布缩放后，拖入组件位置错位 ([bdd544e](https://github.com/Tencent/tmagic-editor/commit/bdd544e87e7c4f4b227d65f3afd4de14af826e17))
 
 ### Features
 
-* **editor:** 支持控制pagebar中新增按钮显隐 ([3e024d2](https://github.com/Tencent/tmagic-editor/commit/3e024d21edca7dc3bcc00b8aae23b231ee8e1a54))
-* **editor:** 添加compoent-list-item slot ([c307386](https://github.com/Tencent/tmagic-editor/commit/c3073861907abb01b57b9632bb9c2c9108203379))
-
-
+- **editor:** 支持控制pagebar中新增按钮显隐 ([3e024d2](https://github.com/Tencent/tmagic-editor/commit/3e024d21edca7dc3bcc00b8aae23b231ee8e1a54))
+- **editor:** 添加compoent-list-item slot ([c307386](https://github.com/Tencent/tmagic-editor/commit/c3073861907abb01b57b9632bb9c2c9108203379))
 
 ## [1.1.1](https://github.com/Tencent/tmagic-editor/compare/v1.1.0...v1.1.1) (2022-08-31)
 
-
 ### Bug Fixes
 
-* **core:** 解决固定元素失效问题 ([8db7821](https://github.com/Tencent/tmagic-editor/commit/8db7821032080cdcc74a5e8412d05bc978793932))
-* **editor:** 没有页面时，添加页面出错 ([e67cbce](https://github.com/Tencent/tmagic-editor/commit/e67cbceb7d4d1a047e9849a171045e85661ae71f))
-
-
+- **core:** 解决固定元素失效问题 ([8db7821](https://github.com/Tencent/tmagic-editor/commit/8db7821032080cdcc74a5e8412d05bc978793932))
+- **editor:** 没有页面时，添加页面出错 ([e67cbce](https://github.com/Tencent/tmagic-editor/commit/e67cbceb7d4d1a047e9849a171045e85661ae71f))
 
 # [1.1.0](https://github.com/Tencent/tmagic-editor/compare/v1.1.0-beta.13...v1.1.0) (2022-08-30)
 
-
 ### Bug Fixes
 
-* **editor,stage,ui,runtime:** 流式布局下，height自动设置成auto ([2201fbe](https://github.com/Tencent/tmagic-editor/commit/2201fbe80c5e14254c4f5746f1b82209711aef5e)), closes [#298](https://github.com/Tencent/tmagic-editor/issues/298)
-* **editor:** 添加remove事件时的参数 ([3af6f11](https://github.com/Tencent/tmagic-editor/commit/3af6f11f9f851accd396e917ecb4f03dd7bb2162))
-* **stage:** 流式布局resize从上或者左边调整，选中框出现错位 ([9e16747](https://github.com/Tencent/tmagic-editor/commit/9e167474a2ff2f937e1e0c3861bf8451f19cbc48)), closes [#297](https://github.com/Tencent/tmagic-editor/issues/297)
-
+- **editor,stage,ui,runtime:** 流式布局下，height自动设置成auto ([2201fbe](https://github.com/Tencent/tmagic-editor/commit/2201fbe80c5e14254c4f5746f1b82209711aef5e)), closes [#298](https://github.com/Tencent/tmagic-editor/issues/298)
+- **editor:** 添加remove事件时的参数 ([3af6f11](https://github.com/Tencent/tmagic-editor/commit/3af6f11f9f851accd396e917ecb4f03dd7bb2162))
+- **stage:** 流式布局resize从上或者左边调整，选中框出现错位 ([9e16747](https://github.com/Tencent/tmagic-editor/commit/9e167474a2ff2f937e1e0c3861bf8451f19cbc48)), closes [#297](https://github.com/Tencent/tmagic-editor/issues/297)
 
 ### Features
 
-* **editor:** 创建新组件时的顺序 ([#316](https://github.com/Tencent/tmagic-editor/issues/316)) ([6c0b92e](https://github.com/Tencent/tmagic-editor/commit/6c0b92e80887f10c92ee9ecf450ebca4a0bc2fec))
-* **editor:** 编辑器销毁后销毁services ([4a59b4b](https://github.com/Tencent/tmagic-editor/commit/4a59b4b0f49a6e608361980723429b1f362a82c1))
-* **stage:** 多选支持resize ([793d02a](https://github.com/Tencent/tmagic-editor/commit/793d02a7067f59806655938aaa35a34e23dcbb75)), closes [#302](https://github.com/Tencent/tmagic-editor/issues/302)
-
-
+- **editor:** 创建新组件时的顺序 ([#316](https://github.com/Tencent/tmagic-editor/issues/316)) ([6c0b92e](https://github.com/Tencent/tmagic-editor/commit/6c0b92e80887f10c92ee9ecf450ebca4a0bc2fec))
+- **editor:** 编辑器销毁后销毁services ([4a59b4b](https://github.com/Tencent/tmagic-editor/commit/4a59b4b0f49a6e608361980723429b1f362a82c1))
+- **stage:** 多选支持resize ([793d02a](https://github.com/Tencent/tmagic-editor/commit/793d02a7067f59806655938aaa35a34e23dcbb75)), closes [#302](https://github.com/Tencent/tmagic-editor/issues/302)
 
 # [1.1.0-beta.13](https://github.com/Tencent/tmagic-editor/compare/v1.1.0-beta.12...v1.1.0-beta.13) (2022-08-29)
 
-
 ### Features
 
-* **editor:** 去掉画布根据视窗大小自动调整缩放比例，加上缩放到实际大小/缩放以适应菜单按钮 ([dd3075b](https://github.com/Tencent/tmagic-editor/commit/dd3075be56a08c1e10b20f48260546d2ad438510))
-* **editor:** 画布添加滚动条 ([de8ef8d](https://github.com/Tencent/tmagic-editor/commit/de8ef8dc58d686adfd940f5be2de5b4285339606)), closes [#262](https://github.com/Tencent/tmagic-editor/issues/262)
-
-
+- **editor:** 去掉画布根据视窗大小自动调整缩放比例，加上缩放到实际大小/缩放以适应菜单按钮 ([dd3075b](https://github.com/Tencent/tmagic-editor/commit/dd3075be56a08c1e10b20f48260546d2ad438510))
+- **editor:** 画布添加滚动条 ([de8ef8d](https://github.com/Tencent/tmagic-editor/commit/de8ef8dc58d686adfd940f5be2de5b4285339606)), closes [#262](https://github.com/Tencent/tmagic-editor/issues/262)
 
 # [1.1.0-beta.12](https://github.com/Tencent/tmagic-editor/compare/v1.1.0-beta.11...v1.1.0-beta.12) (2022-08-24)
 
-
 ### Bug Fixes
 
-* **editor:** 上移一层通知runtime更新参数出错 ([9b9c9db](https://github.com/Tencent/tmagic-editor/commit/9b9c9db683596958803b02e11cc055b2660127a0)), closes [#282](https://github.com/Tencent/tmagic-editor/issues/282)
-* **editor:** 修复 update 返回值三目运算符判断错误的问题，同时优化输入与输入类型一致。 ([9b0db4a](https://github.com/Tencent/tmagic-editor/commit/9b0db4a8071ec511f03131a604157584be3b7f55))
-* **editor:** 修复Add返回数组还是对象的逻辑 ([547e733](https://github.com/Tencent/tmagic-editor/commit/547e733c655872e6039dda9958f628fce799b187))
-* **editor:** 拖拽改变父容器时错乱现象 ([#296](https://github.com/Tencent/tmagic-editor/issues/296)) ([f3c9ba4](https://github.com/Tencent/tmagic-editor/commit/f3c9ba475ff5484ecbf69b533d04bb6129a7629f))
-* **editor:** 组件属性表单配置默认值 ([5529bbc](https://github.com/Tencent/tmagic-editor/commit/5529bbc6e162def24fbdfcbf89936318c0f9e945))
-
+- **editor:** 上移一层通知runtime更新参数出错 ([9b9c9db](https://github.com/Tencent/tmagic-editor/commit/9b9c9db683596958803b02e11cc055b2660127a0)), closes [#282](https://github.com/Tencent/tmagic-editor/issues/282)
+- **editor:** 修复 update 返回值三目运算符判断错误的问题，同时优化输入与输入类型一致。 ([9b0db4a](https://github.com/Tencent/tmagic-editor/commit/9b0db4a8071ec511f03131a604157584be3b7f55))
+- **editor:** 修复Add返回数组还是对象的逻辑 ([547e733](https://github.com/Tencent/tmagic-editor/commit/547e733c655872e6039dda9958f628fce799b187))
+- **editor:** 拖拽改变父容器时错乱现象 ([#296](https://github.com/Tencent/tmagic-editor/issues/296)) ([f3c9ba4](https://github.com/Tencent/tmagic-editor/commit/f3c9ba475ff5484ecbf69b533d04bb6129a7629f))
+- **editor:** 组件属性表单配置默认值 ([5529bbc](https://github.com/Tencent/tmagic-editor/commit/5529bbc6e162def24fbdfcbf89936318c0f9e945))
 
 ### Features
 
-* **editor:** propsService添加fillConfig方法，支持扩展 ([31029bc](https://github.com/Tencent/tmagic-editor/commit/31029bc8f1178e3eb1450c779253ed17bcc93bf0))
-* **editor:** 添加stage slot ([98bc4e2](https://github.com/Tencent/tmagic-editor/commit/98bc4e2dbb6082dfc66f5248b079a521fb1f7725))
-
-
+- **editor:** propsService添加fillConfig方法，支持扩展 ([31029bc](https://github.com/Tencent/tmagic-editor/commit/31029bc8f1178e3eb1450c779253ed17bcc93bf0))
+- **editor:** 添加stage slot ([98bc4e2](https://github.com/Tencent/tmagic-editor/commit/98bc4e2dbb6082dfc66f5248b079a521fb1f7725))
 
 # [1.1.0-beta.11](https://github.com/Tencent/tmagic-editor/compare/v1.1.0-beta.10...v1.1.0-beta.11) (2022-08-19)
 
-
 ### Bug Fixes
 
-* **cli:** window下路径分隔符\转换为/ ([4e4cae4](https://github.com/Tencent/tmagic-editor/commit/4e4cae4a7773b0916c9ed3cfd5549ce6b0077c8e)), closes [#286](https://github.com/Tencent/tmagic-editor/issues/286)
-* **editor:** 解决UISelect控制台警告 ([#289](https://github.com/Tencent/tmagic-editor/issues/289)) ([0536ac2](https://github.com/Tencent/tmagic-editor/commit/0536ac29ae21b06fd8bbe1c31d6c9f1bf464efb8))
-* **ui,runtime:** 组件注册默认以magic-ui-xx的形式，不再需要在组件中设置name ([de38035](https://github.com/Tencent/tmagic-editor/commit/de380357ee45f74e35465bb48e5447720116fd42)), closes [#291](https://github.com/Tencent/tmagic-editor/issues/291)
-
+- **cli:** window下路径分隔符\转换为/ ([4e4cae4](https://github.com/Tencent/tmagic-editor/commit/4e4cae4a7773b0916c9ed3cfd5549ce6b0077c8e)), closes [#286](https://github.com/Tencent/tmagic-editor/issues/286)
+- **editor:** 解决UISelect控制台警告 ([#289](https://github.com/Tencent/tmagic-editor/issues/289)) ([0536ac2](https://github.com/Tencent/tmagic-editor/commit/0536ac29ae21b06fd8bbe1c31d6c9f1bf464efb8))
+- **ui,runtime:** 组件注册默认以magic-ui-xx的形式，不再需要在组件中设置name ([de38035](https://github.com/Tencent/tmagic-editor/commit/de380357ee45f74e35465bb48e5447720116fd42)), closes [#291](https://github.com/Tencent/tmagic-editor/issues/291)
 
 ### Features
 
-* **admin:** 更新runtime ([aed4b42](https://github.com/Tencent/tmagic-editor/commit/aed4b42191a9b5c2d856cb850eaf100cce55ce9f))
-* **cli:** 添加onInit/onPrepare配置 ([87f1bfb](https://github.com/Tencent/tmagic-editor/commit/87f1bfbdd659172ec493cda9111bad049bc4bc73))
-* **editor:** 记住组件树节点展开的状态 ([143bded](https://github.com/Tencent/tmagic-editor/commit/143bded648ddf07d3ab8ab78c7108f4a8f545f7d)), closes [#283](https://github.com/Tencent/tmagic-editor/issues/283)
-
-
+- **admin:** 更新runtime ([aed4b42](https://github.com/Tencent/tmagic-editor/commit/aed4b42191a9b5c2d856cb850eaf100cce55ce9f))
+- **cli:** 添加onInit/onPrepare配置 ([87f1bfb](https://github.com/Tencent/tmagic-editor/commit/87f1bfbdd659172ec493cda9111bad049bc4bc73))
+- **editor:** 记住组件树节点展开的状态 ([143bded](https://github.com/Tencent/tmagic-editor/commit/143bded648ddf07d3ab8ab78c7108f4a8f545f7d)), closes [#283](https://github.com/Tencent/tmagic-editor/issues/283)
 
 # [1.1.0-beta.10](https://github.com/Tencent/tmagic-editor/compare/v1.1.0-beta.9...v1.1.0-beta.10) (2022-08-17)
 
-
 ### Bug Fixes
 
-* **editor:** react runtime中添加没有即使渲染 ([9d2e221](https://github.com/Tencent/tmagic-editor/commit/9d2e2210d1dc8398a301df74bd9360c60c216317))
-* **editor:** 复制页面错误 ([5f0e421](https://github.com/Tencent/tmagic-editor/commit/5f0e421550717eb8709cf3a11aeb8ce4396eb2ca))
-* **form:** text按方向键减到负数后，继续按方向键无效 ([e1c0614](https://github.com/Tencent/tmagic-editor/commit/e1c061426533473f9911e56b2c64b08a6f52f57e)), closes [#261](https://github.com/Tencent/tmagic-editor/issues/261)
-* **playground,runtime:** 拖动添加弹窗时初始位置不对 ([41a8400](https://github.com/Tencent/tmagic-editor/commit/41a84000956fea8d73fdf171df4a232cec4ca99c))
-
+- **editor:** react runtime中添加没有即使渲染 ([9d2e221](https://github.com/Tencent/tmagic-editor/commit/9d2e2210d1dc8398a301df74bd9360c60c216317))
+- **editor:** 复制页面错误 ([5f0e421](https://github.com/Tencent/tmagic-editor/commit/5f0e421550717eb8709cf3a11aeb8ce4396eb2ca))
+- **form:** text按方向键减到负数后，继续按方向键无效 ([e1c0614](https://github.com/Tencent/tmagic-editor/commit/e1c061426533473f9911e56b2c64b08a6f52f57e)), closes [#261](https://github.com/Tencent/tmagic-editor/issues/261)
+- **playground,runtime:** 拖动添加弹窗时初始位置不对 ([41a8400](https://github.com/Tencent/tmagic-editor/commit/41a84000956fea8d73fdf171df4a232cec4ca99c))
 
 ### Features
 
-* **cli:** 自动install组件包，支持pnpm,npm,yarn ([c19afda](https://github.com/Tencent/tmagic-editor/commit/c19afda58c0cc34312a4eb5950382f9e3e092c6f))
-* **core:** 旋转角度支持配置不带单位的数值 ([b1bd7a8](https://github.com/Tencent/tmagic-editor/commit/b1bd7a870e748890c176339460176cd7deb2d2e6)), closes [#260](https://github.com/Tencent/tmagic-editor/issues/260)
-* **editor,stage:** runtime-api中的add/update/remove中的参数加上parentId ([59e6aff](https://github.com/Tencent/tmagic-editor/commit/59e6aff70a288c69197a85f08373abd1400f78a2))
-* **editor:** runtime add api中parent参数加回去 ([2cde4bb](https://github.com/Tencent/tmagic-editor/commit/2cde4bb5a016d22ac184014d7b45b55cd0e75631))
-
-
+- **cli:** 自动install组件包，支持pnpm,npm,yarn ([c19afda](https://github.com/Tencent/tmagic-editor/commit/c19afda58c0cc34312a4eb5950382f9e3e092c6f))
+- **core:** 旋转角度支持配置不带单位的数值 ([b1bd7a8](https://github.com/Tencent/tmagic-editor/commit/b1bd7a870e748890c176339460176cd7deb2d2e6)), closes [#260](https://github.com/Tencent/tmagic-editor/issues/260)
+- **editor,stage:** runtime-api中的add/update/remove中的参数加上parentId ([59e6aff](https://github.com/Tencent/tmagic-editor/commit/59e6aff70a288c69197a85f08373abd1400f78a2))
+- **editor:** runtime add api中parent参数加回去 ([2cde4bb](https://github.com/Tencent/tmagic-editor/commit/2cde4bb5a016d22ac184014d7b45b55cd0e75631))
 
 # [1.1.0-beta.9](https://github.com/Tencent/tmagic-editor/compare/v1.1.0-beta.8...v1.1.0-beta.9) (2022-08-12)
 
-
 ### Bug Fixes
 
-* **editor:** 删除节点后，标记父节点为修改状态 ([0e82f65](https://github.com/Tencent/tmagic-editor/commit/0e82f652a9c72acbd9fae4e96d709e3fa594e411))
-* **editor:** 水平居中添加了两个历史堆栈 ([8827743](https://github.com/Tencent/tmagic-editor/commit/882774311a8245769de92d68d3d43b523e85e571))
-* **playground:** pc预览适配 ([31d60eb](https://github.com/Tencent/tmagic-editor/commit/31d60eb1bac7efb215fe9a613b6c7d3d0a2e66de))
-* **stage:** 修复多选组件处于拖拽状态时画布组件命中高亮的问题，优化多选拖拽体验 ([#265](https://github.com/Tencent/tmagic-editor/issues/265)) ([8f5acff](https://github.com/Tencent/tmagic-editor/commit/8f5acff0a64925dff8913e50c067543128130d27))
-* **stage:** 修复非多选状态下，点击选中组件切换为普通选中状态 ([#254](https://github.com/Tencent/tmagic-editor/issues/254)) ([cf9768b](https://github.com/Tencent/tmagic-editor/commit/cf9768ba96e043f9923a7c899218567dc6646167))
-* **stage:** 多选时禁止拖出边界 ([edf66cc](https://github.com/Tencent/tmagic-editor/commit/edf66cc0768149387dca0993c901b2a7489727dd))
-
+- **editor:** 删除节点后，标记父节点为修改状态 ([0e82f65](https://github.com/Tencent/tmagic-editor/commit/0e82f652a9c72acbd9fae4e96d709e3fa594e411))
+- **editor:** 水平居中添加了两个历史堆栈 ([8827743](https://github.com/Tencent/tmagic-editor/commit/882774311a8245769de92d68d3d43b523e85e571))
+- **playground:** pc预览适配 ([31d60eb](https://github.com/Tencent/tmagic-editor/commit/31d60eb1bac7efb215fe9a613b6c7d3d0a2e66de))
+- **stage:** 修复多选组件处于拖拽状态时画布组件命中高亮的问题，优化多选拖拽体验 ([#265](https://github.com/Tencent/tmagic-editor/issues/265)) ([8f5acff](https://github.com/Tencent/tmagic-editor/commit/8f5acff0a64925dff8913e50c067543128130d27))
+- **stage:** 修复非多选状态下，点击选中组件切换为普通选中状态 ([#254](https://github.com/Tencent/tmagic-editor/issues/254)) ([cf9768b](https://github.com/Tencent/tmagic-editor/commit/cf9768ba96e043f9923a7c899218567dc6646167))
+- **stage:** 多选时禁止拖出边界 ([edf66cc](https://github.com/Tencent/tmagic-editor/commit/edf66cc0768149387dca0993c901b2a7489727dd))
 
 ### Features
 
-* **cli:** 支持temp下的config.ts配置文件，该模式下的配置文件会默认被删掉 ([52973d2](https://github.com/Tencent/tmagic-editor/commit/52973d2a34237e36042da2130e7296b609f7fc0f))
-* **editor,stage:** 多选支持居中操作 ([c949590](https://github.com/Tencent/tmagic-editor/commit/c949590f805b6778f4f02e873f58bde1011cbefe))
-* **stage,editor:** 拖入指定容器支持配置成按住alt才开启 ([4f8ea94](https://github.com/Tencent/tmagic-editor/commit/4f8ea94ee8ed5dcf719457d243f40314e11b599b))
-* **stage:** 暂时禁用多选resizable ([b1ce0be](https://github.com/Tencent/tmagic-editor/commit/b1ce0be682ef5ddfce9b71e36864bfc0c79c969f))
-
-
+- **cli:** 支持temp下的config.ts配置文件，该模式下的配置文件会默认被删掉 ([52973d2](https://github.com/Tencent/tmagic-editor/commit/52973d2a34237e36042da2130e7296b609f7fc0f))
+- **editor,stage:** 多选支持居中操作 ([c949590](https://github.com/Tencent/tmagic-editor/commit/c949590f805b6778f4f02e873f58bde1011cbefe))
+- **stage,editor:** 拖入指定容器支持配置成按住alt才开启 ([4f8ea94](https://github.com/Tencent/tmagic-editor/commit/4f8ea94ee8ed5dcf719457d243f40314e11b599b))
+- **stage:** 暂时禁用多选resizable ([b1ce0be](https://github.com/Tencent/tmagic-editor/commit/b1ce0be682ef5ddfce9b71e36864bfc0c79c969f))
 
 # [1.1.0-beta.8](https://github.com/Tencent/tmagic-editor/compare/v1.1.0-beta.7...v1.1.0-beta.8) (2022-08-11)
 
-
 ### Bug Fixes
 
-* **editor:** icon 图片模式样式修改 ([23617a6](https://github.com/Tencent/tmagic-editor/commit/23617a63e9185e39269bacdc80186b05e1bd6709))
-* **editor:** 画布右键菜单中粘贴按钮显示条件修改 ([beee67b](https://github.com/Tencent/tmagic-editor/commit/beee67b3eb99b33584e5b7df42f6f4d69b3ee8e7))
-* **ui-vue2:** button,container,text formconfig补充完整 ([5ccb5f1](https://github.com/Tencent/tmagic-editor/commit/5ccb5f1ec9a1e746ca320d64b08c8024fe761e9b))
-
+- **editor:** icon 图片模式样式修改 ([23617a6](https://github.com/Tencent/tmagic-editor/commit/23617a63e9185e39269bacdc80186b05e1bd6709))
+- **editor:** 画布右键菜单中粘贴按钮显示条件修改 ([beee67b](https://github.com/Tencent/tmagic-editor/commit/beee67b3eb99b33584e5b7df42f6f4d69b3ee8e7))
+- **ui-vue2:** button,container,text formconfig补充完整 ([5ccb5f1](https://github.com/Tencent/tmagic-editor/commit/5ccb5f1ec9a1e746ca320d64b08c8024fe761e9b))
 
 ### Features
 
-* **editor:** editorService.add支持添加多个组件 ([b6fa064](https://github.com/Tencent/tmagic-editor/commit/b6fa064b0bc11fcaa289650d932bab22b8638f04))
-
-
+- **editor:** editorService.add支持添加多个组件 ([b6fa064](https://github.com/Tencent/tmagic-editor/commit/b6fa064b0bc11fcaa289650d932bab22b8638f04))
 
 # [1.1.0-beta.7](https://github.com/Tencent/tmagic-editor/compare/v1.1.0-beta.6...v1.1.0-beta.7) (2022-08-08)
 
-
 ### Bug Fixes
 
-* **editor:** uiselect没有注册 ([7de649d](https://github.com/Tencent/tmagic-editor/commit/7de649d8c4f4bd61f72f835f0431a1250850da47))
-* **editor:** 修复先单击选中页面,再进行多选无法选中的问题 ([46e0e23](https://github.com/Tencent/tmagic-editor/commit/46e0e2378588d980eb2ed9b52d35c884f7cf9998))
-* **editor:** 页面列表显示问题 ([a4dd4ea](https://github.com/Tencent/tmagic-editor/commit/a4dd4eac02b1656e4945d5ec5acad36881c9fc4f))
-* **form:** daterange不会自动更新 ([a7057d2](https://github.com/Tencent/tmagic-editor/commit/a7057d2568f58825a92f7f2abde2763114d1d180))
-
+- **editor:** uiselect没有注册 ([7de649d](https://github.com/Tencent/tmagic-editor/commit/7de649d8c4f4bd61f72f835f0431a1250850da47))
+- **editor:** 修复先单击选中页面,再进行多选无法选中的问题 ([46e0e23](https://github.com/Tencent/tmagic-editor/commit/46e0e2378588d980eb2ed9b52d35c884f7cf9998))
+- **editor:** 页面列表显示问题 ([a4dd4ea](https://github.com/Tencent/tmagic-editor/commit/a4dd4eac02b1656e4945d5ec5acad36881c9fc4f))
+- **form:** daterange不会自动更新 ([a7057d2](https://github.com/Tencent/tmagic-editor/commit/a7057d2568f58825a92f7f2abde2763114d1d180))
 
 ### Features
 
-* **admin:** 更新runtime ([eba6cbc](https://github.com/Tencent/tmagic-editor/commit/eba6cbccde077a98ed4cc064ca4410ae571367df))
-* **core:** 新增store ([5f78bbd](https://github.com/Tencent/tmagic-editor/commit/5f78bbd7b727f320d390034f9cfce19efdf2bcb0))
-* **stage:** 多选快捷键改成ctrl/cmd ([3d1a803](https://github.com/Tencent/tmagic-editor/commit/3d1a803ec9e56debc7aa1209271af6fd2753fecc))
-* **utils:** moment换成dayjs ([9ac3e12](https://github.com/Tencent/tmagic-editor/commit/9ac3e12487b4a6acd49b20731b824779eac248d5))
-
-
+- **admin:** 更新runtime ([eba6cbc](https://github.com/Tencent/tmagic-editor/commit/eba6cbccde077a98ed4cc064ca4410ae571367df))
+- **core:** 新增store ([5f78bbd](https://github.com/Tencent/tmagic-editor/commit/5f78bbd7b727f320d390034f9cfce19efdf2bcb0))
+- **stage:** 多选快捷键改成ctrl/cmd ([3d1a803](https://github.com/Tencent/tmagic-editor/commit/3d1a803ec9e56debc7aa1209271af6fd2753fecc))
+- **utils:** moment换成dayjs ([9ac3e12](https://github.com/Tencent/tmagic-editor/commit/9ac3e12487b4a6acd49b20731b824779eac248d5))
 
 # [1.1.0-beta.6](https://github.com/Tencent/tmagic-editor/compare/v1.1.0-beta.5...v1.1.0-beta.6) (2022-08-05)
 
-
 ### Bug Fixes
 
-* **admin:** npm install 出错 ([259a5aa](https://github.com/Tencent/tmagic-editor/commit/259a5aa5305929a5436d2f573456976128c565a0)), closes [#207](https://github.com/Tencent/tmagic-editor/issues/207)
-* **docs:** vuepress暂不支持vite3.0 ([6e19989](https://github.com/Tencent/tmagic-editor/commit/6e199897ac41695f6268a3fd3819f9d1a021521c))
-* **editor:** id可能重复 ([#221](https://github.com/Tencent/tmagic-editor/issues/221)) ([a02fd2c](https://github.com/Tencent/tmagic-editor/commit/a02fd2c695ac2cd07c8025f58a31a010f2a8004b))
-* **editor:** 修复添加StorageService定义导出带来的构建错误 ([2008bc7](https://github.com/Tencent/tmagic-editor/commit/2008bc7da1e24530b208840173f062c0f6f1a61f))
-* **editor:** 添加组件粘贴操作支持偏移量 ([9ffecf6](https://github.com/Tencent/tmagic-editor/commit/9ffecf62f751397548da3181084c2a59b1111170))
-* **stage:** 单选后，粘贴多个组件，原来的单选状态没有取消 ([a4e91fa](https://github.com/Tencent/tmagic-editor/commit/a4e91fa66daf202fbe257d7a4174e7e625a241c6))
-
+- **admin:** npm install 出错 ([259a5aa](https://github.com/Tencent/tmagic-editor/commit/259a5aa5305929a5436d2f573456976128c565a0)), closes [#207](https://github.com/Tencent/tmagic-editor/issues/207)
+- **docs:** vuepress暂不支持vite3.0 ([6e19989](https://github.com/Tencent/tmagic-editor/commit/6e199897ac41695f6268a3fd3819f9d1a021521c))
+- **editor:** id可能重复 ([#221](https://github.com/Tencent/tmagic-editor/issues/221)) ([a02fd2c](https://github.com/Tencent/tmagic-editor/commit/a02fd2c695ac2cd07c8025f58a31a010f2a8004b))
+- **editor:** 修复添加StorageService定义导出带来的构建错误 ([2008bc7](https://github.com/Tencent/tmagic-editor/commit/2008bc7da1e24530b208840173f062c0f6f1a61f))
+- **editor:** 添加组件粘贴操作支持偏移量 ([9ffecf6](https://github.com/Tencent/tmagic-editor/commit/9ffecf62f751397548da3181084c2a59b1111170))
+- **stage:** 单选后，粘贴多个组件，原来的单选状态没有取消 ([a4e91fa](https://github.com/Tencent/tmagic-editor/commit/a4e91fa66daf202fbe257d7a4174e7e625a241c6))
 
 ### Features
 
-* **cli:** 支持配置temp文件夹，默认.tmagic ([624da4c](https://github.com/Tencent/tmagic-editor/commit/624da4c29a8f11b9d40a4a20c0d38c5a8a76f33d))
-* **cli:** 新增tamgic-cli,用于runtime 依赖生成 ([f18e7b2](https://github.com/Tencent/tmagic-editor/commit/f18e7b275db98d84d6eabc3291b9e7045adae44d))
-* **cli:** 生成的entry文件不再在window挂对象，通过构建自动挂载 ([32fdf05](https://github.com/Tencent/tmagic-editor/commit/32fdf05eb185a3d0ffd6bba5791763ba5f3a5681))
-* **editor:** 多选粘贴后同步选中粘贴的多个元素,并支持拖拽,粘贴删除支持多个元素同时撤销到上一步 ([8c64ea7](https://github.com/Tencent/tmagic-editor/commit/8c64ea798ab005a1e7e1ac97b4ef4c00602d6794))
-* **editor:** 多选菜单支持复制粘贴删除 ([#217](https://github.com/Tencent/tmagic-editor/issues/217)) ([b702857](https://github.com/Tencent/tmagic-editor/commit/b702857aad4efdb7635a6ce468478c04567ebce6))
-* **editor:** 完善storageService功能 ([574e03f](https://github.com/Tencent/tmagic-editor/commit/574e03f685e44d08fb43207723af79a08ee0a22f)), closes [#224](https://github.com/Tencent/tmagic-editor/issues/224)
-* **editor:** 添加storageService服务 ([#225](https://github.com/Tencent/tmagic-editor/issues/225)) ([da0cb7d](https://github.com/Tencent/tmagic-editor/commit/da0cb7d6143a0a021340caa06386d212fb3ca276))
-* **runtime,playground:** vue3使用tmagic-cli生成组件依赖入口 ([a57fef4](https://github.com/Tencent/tmagic-editor/commit/a57fef4947888d081c6cdbaa7b0c7b502f5e9e8f))
-* **runtime:** vue2/react使用tamgic-cli生成组件依赖入口 ([e8b8d35](https://github.com/Tencent/tmagic-editor/commit/e8b8d35cbd5b37a52ae2bc17ea8e6dafb019b670))
-* **stage,runtime:** 去掉runtime getSnapElements 定义 ([e5f0506](https://github.com/Tencent/tmagic-editor/commit/e5f0506a00656eaa96a91525d01b9b918780ee80))
-
-
+- **cli:** 支持配置temp文件夹，默认.tmagic ([624da4c](https://github.com/Tencent/tmagic-editor/commit/624da4c29a8f11b9d40a4a20c0d38c5a8a76f33d))
+- **cli:** 新增tamgic-cli,用于runtime 依赖生成 ([f18e7b2](https://github.com/Tencent/tmagic-editor/commit/f18e7b275db98d84d6eabc3291b9e7045adae44d))
+- **cli:** 生成的entry文件不再在window挂对象，通过构建自动挂载 ([32fdf05](https://github.com/Tencent/tmagic-editor/commit/32fdf05eb185a3d0ffd6bba5791763ba5f3a5681))
+- **editor:** 多选粘贴后同步选中粘贴的多个元素,并支持拖拽,粘贴删除支持多个元素同时撤销到上一步 ([8c64ea7](https://github.com/Tencent/tmagic-editor/commit/8c64ea798ab005a1e7e1ac97b4ef4c00602d6794))
+- **editor:** 多选菜单支持复制粘贴删除 ([#217](https://github.com/Tencent/tmagic-editor/issues/217)) ([b702857](https://github.com/Tencent/tmagic-editor/commit/b702857aad4efdb7635a6ce468478c04567ebce6))
+- **editor:** 完善storageService功能 ([574e03f](https://github.com/Tencent/tmagic-editor/commit/574e03f685e44d08fb43207723af79a08ee0a22f)), closes [#224](https://github.com/Tencent/tmagic-editor/issues/224)
+- **editor:** 添加storageService服务 ([#225](https://github.com/Tencent/tmagic-editor/issues/225)) ([da0cb7d](https://github.com/Tencent/tmagic-editor/commit/da0cb7d6143a0a021340caa06386d212fb3ca276))
+- **runtime,playground:** vue3使用tmagic-cli生成组件依赖入口 ([a57fef4](https://github.com/Tencent/tmagic-editor/commit/a57fef4947888d081c6cdbaa7b0c7b502f5e9e8f))
+- **runtime:** vue2/react使用tamgic-cli生成组件依赖入口 ([e8b8d35](https://github.com/Tencent/tmagic-editor/commit/e8b8d35cbd5b37a52ae2bc17ea8e6dafb019b670))
+- **stage,runtime:** 去掉runtime getSnapElements 定义 ([e5f0506](https://github.com/Tencent/tmagic-editor/commit/e5f0506a00656eaa96a91525d01b9b918780ee80))
 
 # [1.1.0-beta.5](https://github.com/Tencent/tmagic-editor/compare/v1.1.0-beta.4...v1.1.0-beta.5) (2022-07-29)
 
-
 ### Bug Fixes
 
-* **admin:** 升级tmagic版本,修复第一个活动第一个页面uiconfig中id和page id重复的问题 ([ec1bf1d](https://github.com/Tencent/tmagic-editor/commit/ec1bf1dcb725a2312368023f8b50535dd484ca38))
-* **editor:** 已选组件树形拖放时, layout 根据父窗口动态变化 ([#210](https://github.com/Tencent/tmagic-editor/issues/210)) ([340eeb3](https://github.com/Tencent/tmagic-editor/commit/340eeb32d7620fcb58e2aa7b1ca9d8345630319b))
-* **editor:** 新增组件id不对 ([fff587d](https://github.com/Tencent/tmagic-editor/commit/fff587d9eb1d614a0a936146b8c101b6aff8c08e))
-* **editor:** 新增页面时会有一个error ([aa20c74](https://github.com/Tencent/tmagic-editor/commit/aa20c741313421b22f366c96cef52550b5817a10))
-* **editor:** 重复import ([4ff07ea](https://github.com/Tencent/tmagic-editor/commit/4ff07ea5a93a56e278c921ae4b19b6365d5fdf74))
-* **stage,runtime,ui-react:** tmagicRuntimeReady时机修改 ([9858327](https://github.com/Tencent/tmagic-editor/commit/9858327eb8ba5ca24ecb2cb60f42625b03612c5e)), closes [#198](https://github.com/Tencent/tmagic-editor/issues/198)
-* **stage:** 在 stage 拖拽改变父容器的BUG ([0a1cf06](https://github.com/Tencent/tmagic-editor/commit/0a1cf060a5580ab56dd34abc0d2ad88e09c2ba91))
-* 修复多选组件时新增组件的体验问题 ([a4884c5](https://github.com/Tencent/tmagic-editor/commit/a4884c504f4f8289150f3845054f0eeaf73c901e))
-
+- **admin:** 升级tmagic版本,修复第一个活动第一个页面uiconfig中id和page id重复的问题 ([ec1bf1d](https://github.com/Tencent/tmagic-editor/commit/ec1bf1dcb725a2312368023f8b50535dd484ca38))
+- **editor:** 已选组件树形拖放时, layout 根据父窗口动态变化 ([#210](https://github.com/Tencent/tmagic-editor/issues/210)) ([340eeb3](https://github.com/Tencent/tmagic-editor/commit/340eeb32d7620fcb58e2aa7b1ca9d8345630319b))
+- **editor:** 新增组件id不对 ([fff587d](https://github.com/Tencent/tmagic-editor/commit/fff587d9eb1d614a0a936146b8c101b6aff8c08e))
+- **editor:** 新增页面时会有一个error ([aa20c74](https://github.com/Tencent/tmagic-editor/commit/aa20c741313421b22f366c96cef52550b5817a10))
+- **editor:** 重复import ([4ff07ea](https://github.com/Tencent/tmagic-editor/commit/4ff07ea5a93a56e278c921ae4b19b6365d5fdf74))
+- **stage,runtime,ui-react:** tmagicRuntimeReady时机修改 ([9858327](https://github.com/Tencent/tmagic-editor/commit/9858327eb8ba5ca24ecb2cb60f42625b03612c5e)), closes [#198](https://github.com/Tencent/tmagic-editor/issues/198)
+- **stage:** 在 stage 拖拽改变父容器的BUG ([0a1cf06](https://github.com/Tencent/tmagic-editor/commit/0a1cf060a5580ab56dd34abc0d2ad88e09c2ba91))
+- 修复多选组件时新增组件的体验问题 ([a4884c5](https://github.com/Tencent/tmagic-editor/commit/a4884c504f4f8289150f3845054f0eeaf73c901e))
 
 ### Features
 
-* **stage:** 1) 高亮边框样式加粗 ([a2fb92d](https://github.com/Tencent/tmagic-editor/commit/a2fb92d9880bc852cd630b8354a40f3378f96902))
-
-
+- **stage:** 1) 高亮边框样式加粗 ([a2fb92d](https://github.com/Tencent/tmagic-editor/commit/a2fb92d9880bc852cd630b8354a40f3378f96902))
 
 # [1.1.0-beta.4](https://github.com/Tencent/tmagic-editor/compare/v1.1.0-beta.3...v1.1.0-beta.4) (2022-07-26)
 
-
 ### Bug Fixes
 
-* **editor:** 修正css sass变量 ([940b08b](https://github.com/Tencent/tmagic-editor/commit/940b08b2c579564c3fea9a504b08237262de91a1))
-* **editor:** 拖动组件到最右边会多出1px ([bf95925](https://github.com/Tencent/tmagic-editor/commit/bf9592587826fd429533de4456c82e5f7e657a94))
-* **editor:** 水平居中 ([dd1ec53](https://github.com/Tencent/tmagic-editor/commit/dd1ec530642290224e7d339f14f8afa9467a62d0))
-* **editor:** 画布大小与stageRect配置不相符 ([9747e0f](https://github.com/Tencent/tmagic-editor/commit/9747e0f51617f4fd440c66c4c48ada0dfbbd8ba0))
-
+- **editor:** 修正css sass变量 ([940b08b](https://github.com/Tencent/tmagic-editor/commit/940b08b2c579564c3fea9a504b08237262de91a1))
+- **editor:** 拖动组件到最右边会多出1px ([bf95925](https://github.com/Tencent/tmagic-editor/commit/bf9592587826fd429533de4456c82e5f7e657a94))
+- **editor:** 水平居中 ([dd1ec53](https://github.com/Tencent/tmagic-editor/commit/dd1ec530642290224e7d339f14f8afa9467a62d0))
+- **editor:** 画布大小与stageRect配置不相符 ([9747e0f](https://github.com/Tencent/tmagic-editor/commit/9747e0f51617f4fd440c66c4c48ada0dfbbd8ba0))
 
 ### Features
 
-* **editor:** editorService.add 的addNode参数对象中加上inputEvent ([c1fc6b8](https://github.com/Tencent/tmagic-editor/commit/c1fc6b8f94721d00661ed7983ea1b49290f06b7d))
-
-
+- **editor:** editorService.add 的addNode参数对象中加上inputEvent ([c1fc6b8](https://github.com/Tencent/tmagic-editor/commit/c1fc6b8f94721d00661ed7983ea1b49290f06b7d))
 
 # [1.1.0-beta.3](https://github.com/Tencent/tmagic-editor/compare/v1.0.0-rc.7...v1.1.0-beta.3) (2022-07-25)
 
-
 ### Bug Fixes
 
-* **core:** 事件触发时组件未初始化，等组件初始化后再调用事件处理 ([1750467](https://github.com/Tencent/tmagic-editor/commit/1750467d5b0407bba4c388716cd71298c49de8e6))
-* **core:** 拼写错误 ([c83d83b](https://github.com/Tencent/tmagic-editor/commit/c83d83b1a15103ce94dd7e224d6c71cec9a8a27b))
-* **editor:** moveableOptions默认值中的container有误 ([2377629](https://github.com/Tencent/tmagic-editor/commit/23776299a730d3c440d41be4f1101e4fb909dcf9))
-* **editor:** page和container默认value加上items ([10577ae](https://github.com/Tencent/tmagic-editor/commit/10577aea68a63323bc1312faced84bcd5c616d1f))
-* **editor:** 修正Editor slot 变量位置 ([ecd80cb](https://github.com/Tencent/tmagic-editor/commit/ecd80cb4a4c83ada6076a09da6a36bda6491ef47))
-* **editor:** 指定父节点添加组件 ([d334b69](https://github.com/Tencent/tmagic-editor/commit/d334b697ae71ebe87286b07bdf6bf7e409ea751b))
-* **editor:** 编辑器分栏左右各设置最小宽度  fix [#145](https://github.com/Tencent/tmagic-editor/issues/145) ([363330e](https://github.com/Tencent/tmagic-editor/commit/363330e07aea220e0a1efc76823ceeb810005865))
-* **form:** date组件初始值 不显示 ([8d5eab0](https://github.com/Tencent/tmagic-editor/commit/8d5eab0ef821b57bc7145e9ccd2dc4db36a6f6d3))
-* **form:** el-upload类型读取失败导致Table.vue.d.ts丢失 ([fab8717](https://github.com/Tencent/tmagic-editor/commit/fab8717fcf889ed8c6a4b2ee1569a5760c4ff231))
-* **form:** fieldset checkbox chang事件不会触发 ([26c60c3](https://github.com/Tencent/tmagic-editor/commit/26c60c316ae688c41b9b0093ea5ee7d85fcb98af))
-* **form:** tabs配置name后出错 ([9454bb3](https://github.com/Tencent/tmagic-editor/commit/9454bb3679881e7a4617ae782a17e6c51d1f12bc))
-* **form:** 函数配置中添加config参数 ([7ad80e8](https://github.com/Tencent/tmagic-editor/commit/7ad80e848f81d3a96622540cce44f1fa10d9dc57))
-* **form:** 函数配置中添加config参数 ([eae9725](https://github.com/Tencent/tmagic-editor/commit/eae9725ccbbdbe8ffc9ded5af42993cff21bec77))
-* **form:** 初始化values时，数组中的对象出现key丢失 ([32e86d8](https://github.com/Tencent/tmagic-editor/commit/32e86d8167f85a77306d5236dc4f885fc4b7b050))
-* **form:** 配置了names，validator中的value应为model ([3090bc7](https://github.com/Tencent/tmagic-editor/commit/3090bc77631e1be3974120adf48df938fd546a5e))
-* **magic-admin:** 修复发布页面资源路径错误，导致页面无法打开问题 ([7dc0b4e](https://github.com/Tencent/tmagic-editor/commit/7dc0b4e26127d3b53e44465b96d2edf5c71738af))
-* **magic-admin:** 画布显示出错 ([7c42f75](https://github.com/Tencent/tmagic-editor/commit/7c42f751a4042e68ad9071fed88fcfb9a13f4ef0))
-* **playground:** 小屏幕下设备切换按钮样式问题 ([a4abf5f](https://github.com/Tencent/tmagic-editor/commit/a4abf5feea39300d22757003e48145065ab7672c))
-* **runtime:** 解决启动脚本不识别组件包内的插件 ([8b70ede](https://github.com/Tencent/tmagic-editor/commit/8b70edeaf21b9029c9cddf8df9b2845b2a6aba05))
-* **stage:** 所有父节点中如果有translate，导致选中框定位出错 ([feff617](https://github.com/Tencent/tmagic-editor/commit/feff6177c97851dbe5457d4d59222c3f045ce864))
-* **stage:** 无法拖到left为0 ([069aec6](https://github.com/Tencent/tmagic-editor/commit/069aec64c152eca2a6b0508b787343aa9ceebcf6))
-* 修正getScrollParent逻辑 ([#141](https://github.com/Tencent/tmagic-editor/issues/141)) ([f72b8c7](https://github.com/Tencent/tmagic-editor/commit/f72b8c7614135382bea9899a86b2ab1cb0db761b))
-* 创建活动时 ([ac2aef9](https://github.com/Tencent/tmagic-editor/commit/ac2aef980c1bcc5a197b616df2480ad0b1964c93))
-* 当前选中组件处于流式布局模式下时，直接拖动其他组件会错误判断成是流式组件 ([89f863d](https://github.com/Tencent/tmagic-editor/commit/89f863d873ed7e4c7a86138055a44351d77dfe32))
-
+- **core:** 事件触发时组件未初始化，等组件初始化后再调用事件处理 ([1750467](https://github.com/Tencent/tmagic-editor/commit/1750467d5b0407bba4c388716cd71298c49de8e6))
+- **core:** 拼写错误 ([c83d83b](https://github.com/Tencent/tmagic-editor/commit/c83d83b1a15103ce94dd7e224d6c71cec9a8a27b))
+- **editor:** moveableOptions默认值中的container有误 ([2377629](https://github.com/Tencent/tmagic-editor/commit/23776299a730d3c440d41be4f1101e4fb909dcf9))
+- **editor:** page和container默认value加上items ([10577ae](https://github.com/Tencent/tmagic-editor/commit/10577aea68a63323bc1312faced84bcd5c616d1f))
+- **editor:** 修正Editor slot 变量位置 ([ecd80cb](https://github.com/Tencent/tmagic-editor/commit/ecd80cb4a4c83ada6076a09da6a36bda6491ef47))
+- **editor:** 指定父节点添加组件 ([d334b69](https://github.com/Tencent/tmagic-editor/commit/d334b697ae71ebe87286b07bdf6bf7e409ea751b))
+- **editor:** 编辑器分栏左右各设置最小宽度 fix [#145](https://github.com/Tencent/tmagic-editor/issues/145) ([363330e](https://github.com/Tencent/tmagic-editor/commit/363330e07aea220e0a1efc76823ceeb810005865))
+- **form:** date组件初始值 不显示 ([8d5eab0](https://github.com/Tencent/tmagic-editor/commit/8d5eab0ef821b57bc7145e9ccd2dc4db36a6f6d3))
+- **form:** el-upload类型读取失败导致Table.vue.d.ts丢失 ([fab8717](https://github.com/Tencent/tmagic-editor/commit/fab8717fcf889ed8c6a4b2ee1569a5760c4ff231))
+- **form:** fieldset checkbox chang事件不会触发 ([26c60c3](https://github.com/Tencent/tmagic-editor/commit/26c60c316ae688c41b9b0093ea5ee7d85fcb98af))
+- **form:** tabs配置name后出错 ([9454bb3](https://github.com/Tencent/tmagic-editor/commit/9454bb3679881e7a4617ae782a17e6c51d1f12bc))
+- **form:** 函数配置中添加config参数 ([7ad80e8](https://github.com/Tencent/tmagic-editor/commit/7ad80e848f81d3a96622540cce44f1fa10d9dc57))
+- **form:** 函数配置中添加config参数 ([eae9725](https://github.com/Tencent/tmagic-editor/commit/eae9725ccbbdbe8ffc9ded5af42993cff21bec77))
+- **form:** 初始化values时，数组中的对象出现key丢失 ([32e86d8](https://github.com/Tencent/tmagic-editor/commit/32e86d8167f85a77306d5236dc4f885fc4b7b050))
+- **form:** 配置了names，validator中的value应为model ([3090bc7](https://github.com/Tencent/tmagic-editor/commit/3090bc77631e1be3974120adf48df938fd546a5e))
+- **magic-admin:** 修复发布页面资源路径错误，导致页面无法打开问题 ([7dc0b4e](https://github.com/Tencent/tmagic-editor/commit/7dc0b4e26127d3b53e44465b96d2edf5c71738af))
+- **magic-admin:** 画布显示出错 ([7c42f75](https://github.com/Tencent/tmagic-editor/commit/7c42f751a4042e68ad9071fed88fcfb9a13f4ef0))
+- **playground:** 小屏幕下设备切换按钮样式问题 ([a4abf5f](https://github.com/Tencent/tmagic-editor/commit/a4abf5feea39300d22757003e48145065ab7672c))
+- **runtime:** 解决启动脚本不识别组件包内的插件 ([8b70ede](https://github.com/Tencent/tmagic-editor/commit/8b70edeaf21b9029c9cddf8df9b2845b2a6aba05))
+- **stage:** 所有父节点中如果有translate，导致选中框定位出错 ([feff617](https://github.com/Tencent/tmagic-editor/commit/feff6177c97851dbe5457d4d59222c3f045ce864))
+- **stage:** 无法拖到left为0 ([069aec6](https://github.com/Tencent/tmagic-editor/commit/069aec64c152eca2a6b0508b787343aa9ceebcf6))
+- 修正getScrollParent逻辑 ([#141](https://github.com/Tencent/tmagic-editor/issues/141)) ([f72b8c7](https://github.com/Tencent/tmagic-editor/commit/f72b8c7614135382bea9899a86b2ab1cb0db761b))
+- 创建活动时 ([ac2aef9](https://github.com/Tencent/tmagic-editor/commit/ac2aef980c1bcc5a197b616df2480ad0b1964c93))
+- 当前选中组件处于流式布局模式下时，直接拖动其他组件会错误判断成是流式组件 ([89f863d](https://github.com/Tencent/tmagic-editor/commit/89f863d873ed7e4c7a86138055a44351d77dfe32))
 
 ### Features
 
-* **core:** 添加设计稿宽度设置(px转rem相关)，默认375，可设置为750 ([923e8ea](https://github.com/Tencent/tmagic-editor/commit/923e8ea5abcc10e46967a4f4d67d23d1965b0cf1))
-* **docs:** 添加搜索 ([4e812c3](https://github.com/Tencent/tmagic-editor/commit/4e812c396de05286a990cfe8831b7cb20531b2e3))
-* **editor:** 参考线缓存与页面绑定 ([fb612ea](https://github.com/Tencent/tmagic-editor/commit/fb612eaddc982ce885bfaaee4fc32e30f609d6c2))
-* **editor:** 添加layer-panel/component-list-panel slot ([49c9e87](https://github.com/Tencent/tmagic-editor/commit/49c9e87d6e1c1491d71ce7c804c0d7ccdfad5b4b))
-* **editor:** 添加props-panel-header slot;修改layer-panel,component-list-panel slot名称，加上-header ([e901ad4](https://github.com/Tencent/tmagic-editor/commit/e901ad4dd00d5e93b42721e4fed6f5ccdee5f8f9))
-* **form:** datetime移出默认defaultTime，支持defaultTime配置 ([e1705c3](https://github.com/Tencent/tmagic-editor/commit/e1705c350e8fcd2b51ff35ec573ce08a6a307d3b))
-* **form:** datetime默认的具体时刻设置为23：59:59 ([83cd101](https://github.com/Tencent/tmagic-editor/commit/83cd10159d87893d167f53f3a2218e0d18323df5))
-* **form:** groundlist 函数配置增加prop/config两个变量 ([3de29e0](https://github.com/Tencent/tmagic-editor/commit/3de29e0316aa09db2e6876b0969af84b5b6c30ea))
-* **playground:** 优化form/table playground ([c570370](https://github.com/Tencent/tmagic-editor/commit/c57037030d652ff160a108d632ff79b9bac97e2a))
-* **playground:** 添加form、table playground入口 ([f808253](https://github.com/Tencent/tmagic-editor/commit/f80825331e373047d467bb189cc4e5857dac6dfa))
-* **playground:** 添加不同设备切换 ([9f23cd6](https://github.com/Tencent/tmagic-editor/commit/9f23cd6361cce60c10178f39e133e13aa71a62ca))
-* **runtime:** 支持构建magic-admin的runtime产物 ([014859f](https://github.com/Tencent/tmagic-editor/commit/014859fd2f590f63d0f52bbe95f06932ce0177b9))
-* **stage:** 提供tmagicRuntimeReady message事件通知 ([def0e3e](https://github.com/Tencent/tmagic-editor/commit/def0e3ef8d3d3357d71be55dc3ca104b24fa527a))
-* **ui-vue2:** 升级至vue2.7.4 ([f289388](https://github.com/Tencent/tmagic-editor/commit/f2893880b1859b7fa371220451ce5905391ba26d))
-* **ui:** page 添加magic-ui-container class ([f3e2d9c](https://github.com/Tencent/tmagic-editor/commit/f3e2d9ca394d794183bccef26820020ea56da672))
-* 支持将组件拖动到指定容器 ([de0c695](https://github.com/Tencent/tmagic-editor/commit/de0c6952c77fe8675c062f8237cd938531f22a82))
-* 支持配置updateDragEl方法来调制选中框 ([154860c](https://github.com/Tencent/tmagic-editor/commit/154860c66c149b72537029b351401a0e90179e9c))
-
-
+- **core:** 添加设计稿宽度设置(px转rem相关)，默认375，可设置为750 ([923e8ea](https://github.com/Tencent/tmagic-editor/commit/923e8ea5abcc10e46967a4f4d67d23d1965b0cf1))
+- **docs:** 添加搜索 ([4e812c3](https://github.com/Tencent/tmagic-editor/commit/4e812c396de05286a990cfe8831b7cb20531b2e3))
+- **editor:** 参考线缓存与页面绑定 ([fb612ea](https://github.com/Tencent/tmagic-editor/commit/fb612eaddc982ce885bfaaee4fc32e30f609d6c2))
+- **editor:** 添加layer-panel/component-list-panel slot ([49c9e87](https://github.com/Tencent/tmagic-editor/commit/49c9e87d6e1c1491d71ce7c804c0d7ccdfad5b4b))
+- **editor:** 添加props-panel-header slot;修改layer-panel,component-list-panel slot名称，加上-header ([e901ad4](https://github.com/Tencent/tmagic-editor/commit/e901ad4dd00d5e93b42721e4fed6f5ccdee5f8f9))
+- **form:** datetime移出默认defaultTime，支持defaultTime配置 ([e1705c3](https://github.com/Tencent/tmagic-editor/commit/e1705c350e8fcd2b51ff35ec573ce08a6a307d3b))
+- **form:** datetime默认的具体时刻设置为23：59:59 ([83cd101](https://github.com/Tencent/tmagic-editor/commit/83cd10159d87893d167f53f3a2218e0d18323df5))
+- **form:** groundlist 函数配置增加prop/config两个变量 ([3de29e0](https://github.com/Tencent/tmagic-editor/commit/3de29e0316aa09db2e6876b0969af84b5b6c30ea))
+- **playground:** 优化form/table playground ([c570370](https://github.com/Tencent/tmagic-editor/commit/c57037030d652ff160a108d632ff79b9bac97e2a))
+- **playground:** 添加form、table playground入口 ([f808253](https://github.com/Tencent/tmagic-editor/commit/f80825331e373047d467bb189cc4e5857dac6dfa))
+- **playground:** 添加不同设备切换 ([9f23cd6](https://github.com/Tencent/tmagic-editor/commit/9f23cd6361cce60c10178f39e133e13aa71a62ca))
+- **runtime:** 支持构建magic-admin的runtime产物 ([014859f](https://github.com/Tencent/tmagic-editor/commit/014859fd2f590f63d0f52bbe95f06932ce0177b9))
+- **stage:** 提供tmagicRuntimeReady message事件通知 ([def0e3e](https://github.com/Tencent/tmagic-editor/commit/def0e3ef8d3d3357d71be55dc3ca104b24fa527a))
+- **ui-vue2:** 升级至vue2.7.4 ([f289388](https://github.com/Tencent/tmagic-editor/commit/f2893880b1859b7fa371220451ce5905391ba26d))
+- **ui:** page 添加magic-ui-container class ([f3e2d9c](https://github.com/Tencent/tmagic-editor/commit/f3e2d9ca394d794183bccef26820020ea56da672))
+- 支持将组件拖动到指定容器 ([de0c695](https://github.com/Tencent/tmagic-editor/commit/de0c6952c77fe8675c062f8237cd938531f22a82))
+- 支持配置updateDragEl方法来调制选中框 ([154860c](https://github.com/Tencent/tmagic-editor/commit/154860c66c149b72537029b351401a0e90179e9c))
 
 # [1.0.0-rc.7](https://github.com/Tencent/tmagic-editor/compare/1.0.0-beta.8...v1.0.0-rc.7) (2022-06-13)
 
-
 ### Bug Fixes
 
-* **admin:** 管理端更新编辑器的使用方式 ([fe821f7](https://github.com/Tencent/tmagic-editor/commit/fe821f7d84b7a8907e588ecae1d82ceecf5634cc))
-* **editor:** getLayout增加判断fixed ([8e004f9](https://github.com/Tencent/tmagic-editor/commit/8e004f9766761d0ef7bd3aeca947fc6197e321bc))
-* **editor:** mac下meta + v,meta + x快捷键无效 ([76b8d23](https://github.com/Tencent/tmagic-editor/commit/76b8d2314ad8b8a0f02e045a4244a1be0635e79d))
-* **editor:** root为空时异常处理 ([7d62c09](https://github.com/Tencent/tmagic-editor/commit/7d62c09c6b172cea95d8b120732b31c4c532fead))
-* **editor:** ui-select样式优化 ([27a1ff8](https://github.com/Tencent/tmagic-editor/commit/27a1ff8527dacf63875c88e1bec2ca74076a43c0))
-* **editor:** 从组件树选中没有渲染的组件时，需要等待组件渲染完成再初始化选中框 ([8390ba7](https://github.com/Tencent/tmagic-editor/commit/8390ba75be5b3aeff1e20b8a5d3d9ad1862a72ea))
-* **editor:** 代码编辑器大小变化没有自适应大小 ([7dc5479](https://github.com/Tencent/tmagic-editor/commit/7dc54797d2b58a1b6d1053fa283ec9ccc5df498c))
-* **editor:** 修复code 代码编辑器光标错乱问题 ([06b40c9](https://github.com/Tencent/tmagic-editor/commit/06b40c9c1559d56f5dccec6db4d5bf877b0a871b))
-* **editor:** 修复fix布局的组件没有吸附效果问题 ([959638c](https://github.com/Tencent/tmagic-editor/commit/959638c2c5b7da0815940b50fbdb517dddfa56e9))
-* **editor:** 修复pagebar文字超长换行问题 ([5350c90](https://github.com/Tencent/tmagic-editor/commit/5350c9050ceb40a222e5535805bf6703083b20e6))
-* **editor:** 修复历史状态变化后，画布没有更新 ([bb5e192](https://github.com/Tencent/tmagic-editor/commit/bb5e192dcde9c064717c64b01cc1ad598112f371))
-* **editor:** 修复新增组件时，组件列表配置的数据丢失问题 ([992ebbe](https://github.com/Tencent/tmagic-editor/commit/992ebbe3ce7db7a503518e3707a9d0e76164d428))
-* **editor:** 修复浏览器快捷键 ([9addbdd](https://github.com/Tencent/tmagic-editor/commit/9addbddd636d8d187d1ea604148a67199348d823))
-* **editor:** 修改pagebar过长无法滚动问题 ([9b849cc](https://github.com/Tencent/tmagic-editor/commit/9b849cc906db690d51a3bf02ec8cd52d888c94e1))
-* **editor:** 切换组件时会连续触发两次表单初始化 ([3137350](https://github.com/Tencent/tmagic-editor/commit/31373500c27a16cfe0e7799a3dfce18616eb45b6))
-* **editor:** 删除全部页面后显示异常 ([a0c3e25](https://github.com/Tencent/tmagic-editor/commit/a0c3e25edbb2096c83fa6cc6eb5c2ca1c0650cb6))
-* **editor:** 删除的快捷键操作，不要对页面生效 ([9efe4f0](https://github.com/Tencent/tmagic-editor/commit/9efe4f04fc461d802fe1db82fda6120bc91800de))
-* **editor:** 删除组件后，组件树不更新 ([bcbd1f5](https://github.com/Tencent/tmagic-editor/commit/bcbd1f5d376a0addc77d311ce117a18ff49ac565))
-* **editor:** 右键菜单，mac触摸板上容易在菜单出现的时候触发当前鼠标位置的按钮 ([31cbe78](https://github.com/Tencent/tmagic-editor/commit/31cbe7818f2388929942a3e6377fbb41be4839b2))
-* **editor:** 右键菜单粘贴的组件位置不对 ([26081ea](https://github.com/Tencent/tmagic-editor/commit/26081ea5cce0b18ccbe360259eae2f343021d753))
-* **editor:** 右键菜单隐藏逻辑有问题 ([c99663a](https://github.com/Tencent/tmagic-editor/commit/c99663a3e8aa1730e3849d200dd9b441ef821c5a))
-* **editor:** 在小屏幕下画布的标尺显示不全 ([1c8829f](https://github.com/Tencent/tmagic-editor/commit/1c8829fac9d99be36d80e543a15a11141de80832))
-* **editor:** 复制组件后添加组件id一直是之前复制的组件的id ([6eb1f24](https://github.com/Tencent/tmagic-editor/commit/6eb1f2418a71fbdfb01834c90091911a23ba6862))
-* **editor:** 复制页面，页面名称重新生成 ([c80dab8](https://github.com/Tencent/tmagic-editor/commit/c80dab835dd66e6ae294a1c6aab31146546b0343))
-* **editor:** 新增service方法串行调用问题，解决连续快速拖动导致更新节点错乱问题 ([b8d352a](https://github.com/Tencent/tmagic-editor/commit/b8d352a885954e114e9071785676b6649a0dd691))
-* **editor:** 新增页面不用添加历史记录 ([3dab16b](https://github.com/Tencent/tmagic-editor/commit/3dab16b2f6069bcba8153ffb21202e6218636f39))
-* **editor:** 添加或者删除节点后，选中状态没有刷新 ([97fa34b](https://github.com/Tencent/tmagic-editor/commit/97fa34bbc68199bb4381a1a717ed0d2f98ab9899))
-* **editor:** 添加组件默认添加到视窗中间，如果组件初始化height不是数值，则当0处理 ([663d7ce](https://github.com/Tencent/tmagic-editor/commit/663d7cee9ffd55da366b6189661f6f92b8c7a866))
-* **editor:** 源代码编辑器保存快捷键阻止冒泡 ([2134d92](https://github.com/Tencent/tmagic-editor/commit/2134d92d5498d53472e978e29a618351f4410d50))
-* **editor:** 由于有可选参数，所以将after hook的返回值放到第一个参数 ([9526c44](https://github.com/Tencent/tmagic-editor/commit/9526c44d1638d25d6ead686f926c80a67de2443f))
-* **editor:** 组件列表中搜索栏层级问题 ([5e4b709](https://github.com/Tencent/tmagic-editor/commit/5e4b709d61dd06d2ee10a78b4b86d5be2b22ba1a))
-* **editor:** 组件树右键菜单 ([8053394](https://github.com/Tencent/tmagic-editor/commit/805339422a9778fe7470334df4c8b4d963236c2f))
-* **editor:** 组件树右键菜单子菜单出不来 ([be4df0f](https://github.com/Tencent/tmagic-editor/commit/be4df0fc9b8985ae7b9d6fd7a8d1402487790a12))
-* **editor:** 组件树右键菜单添加组件无效 ([a320823](https://github.com/Tencent/tmagic-editor/commit/a3208239922b482189a0fd7cc86a35ae989d91fa))
-* **editor:** 组件配置width为100%时，水平居中失效 ([4a19017](https://github.com/Tencent/tmagic-editor/commit/4a190176623e58095c6e323a10161b3be54b6e53))
-* **editor:** 置顶,置低逻辑弄反了 ([586711b](https://github.com/Tencent/tmagic-editor/commit/586711b9bd19b2be5030a2b5302c13e946764b79))
-* **form:** daterange 错误信息不会消除 ([a90777f](https://github.com/Tencent/tmagic-editor/commit/a90777f11a4e709c750e67d89762ef0239efe901))
-* **form:** label width为0时隐藏label ([28d3ea0](https://github.com/Tencent/tmagic-editor/commit/28d3ea095903d647773effd419835686a75eb9a2))
-* **form:** popper弹层字体大小仅在form size为small的时候设置为12px ([662a3d6](https://github.com/Tencent/tmagic-editor/commit/662a3d61ea3f8f8df42445a1c264b3c192afff07))
-* **form:** row显隐不会触发 ([88cc033](https://github.com/Tencent/tmagic-editor/commit/88cc033e0d893d0c4357d3d9c7dd11a2a272a865))
-* **form:** select group option key 出错导致页面卡死 [#67](https://github.com/Tencent/tmagic-editor/issues/67) ([054e836](https://github.com/Tencent/tmagic-editor/commit/054e83685997735098956b0b8f8cde269c3efcd9))
-* **form:** tooltip丢失 ([2e12812](https://github.com/Tencent/tmagic-editor/commit/2e12812aace958fd8367578232a48680f4fccb2c))
-* **form:** 修复select过滤本地数据出错 ([4d7b135](https://github.com/Tencent/tmagic-editor/commit/4d7b135e50ceb5d43d0edf0e5715a3fa76409d37))
-* **form:** 修复text append按钮大小 ([59c0a09](https://github.com/Tencent/tmagic-editor/commit/59c0a090b87df34e6f0d7fdde44156efe689d7bb))
-* **highlight:** 修复固定定位和弹窗场景下鼠标高亮偏移的问题 ([15b202a](https://github.com/Tencent/tmagic-editor/commit/15b202a9be73bbbb1f1cc67a2ce72de9717303ff))
-* **playground:** 预览检查是否保存 ([f9ae10b](https://github.com/Tencent/tmagic-editor/commit/f9ae10bc9da091a18bd3032887931ac8b882dd3e))
-* **runtime:** 修复window系统下npm run playground 出错问题 [#29](https://github.com/Tencent/tmagic-editor/issues/29) ([6df8ce8](https://github.com/Tencent/tmagic-editor/commit/6df8ce82a5675702f1e9b45c66696f5af85ef3d0))
-* **runtime:** 编辑器中组件的样式不生效 fix [#109](https://github.com/Tencent/tmagic-editor/issues/109) ([46b2632](https://github.com/Tencent/tmagic-editor/commit/46b26328efcb8ffc4295fb648a55f0af551e2d93))
-* **runtime:** 获取dsl字段出错 ([bb97c4c](https://github.com/Tencent/tmagic-editor/commit/bb97c4c6d0e0cc5f6ff617957096662f4e3878fd))
-* **stage:** canSelect增加event参数 ([29a9912](https://github.com/Tencent/tmagic-editor/commit/29a99128203a34a67fd6963c007662f60f4c9a68))
-* **stage:** import 了错误的log函数 ([038ef7c](https://github.com/Tencent/tmagic-editor/commit/038ef7cde467ccc80df9852b2e532d36365ccdb6))
-* **stage:** 优化拖拽体验，当选中的节点变化时，重新创建moveable，如果没有变化则update状态 ([39dcd89](https://github.com/Tencent/tmagic-editor/commit/39dcd89acf8ed15fc965bd6678b5e7af21587177))
-* **stage:** 修复添加组件后没有自动选中问题 ([0faabcb](https://github.com/Tencent/tmagic-editor/commit/0faabcb3ca0fdb2a1ed68e1aa783bdccc370645d))
-* **stage:** 修复滚动容器大小发生变化时，导致滚动距离可能超出最大滚动值 ([f7ba716](https://github.com/Tencent/tmagic-editor/commit/f7ba716fe90cd554e1d6acd58b2856e18783c443))
-* **stage:** 修复画布缩放后拖动鼠标漂移 ([759b264](https://github.com/Tencent/tmagic-editor/commit/759b26481d9ce960720627a68cd095d3087dc33b))
-* **stage:** 修复鼠标移出画布后，highlight没有清除 ([9cb821c](https://github.com/Tencent/tmagic-editor/commit/9cb821c49183568ed54141746957733bc7f026f7))
-* **stage:** 只有当组件不在视窗内才自动滚动，新增scrollIntoView配置 ([dbcd420](https://github.com/Tencent/tmagic-editor/commit/dbcd4201eaf90a688321f4ccd33ae7545bb578c2))
-* **stage:** 流式布局下，镜像节点zindex应该比选中节点高 ([0824602](https://github.com/Tencent/tmagic-editor/commit/0824602ad2dc82e717c461bded5717856ebd72b3))
-* **stage:** 页面小于画布时，滚动位置修复 ([8452daf](https://github.com/Tencent/tmagic-editor/commit/8452daf0e066c467b26fb6e3f0f35faa6cef00c7))
-* **stage:** 页面高度比画布小时，滚动画布出现异常 ([94debf5](https://github.com/Tencent/tmagic-editor/commit/94debf51c0b4744e6129d47c4fa7f7878dfa255b))
-* **table:** 修复table设置expand后多一列object的问题 ([57e8159](https://github.com/Tencent/tmagic-editor/commit/57e815940bb07b0971eaded9b371b8abacb8a52c))
-* **ui:** default拼写错误 ([ce5ac67](https://github.com/Tencent/tmagic-editor/commit/ce5ac67b2ddb611dceeabf0d3d235f1b61423243))
-* **ui:** img组件没有配置url是点击页面刷新 ([5d159ad](https://github.com/Tencent/tmagic-editor/commit/5d159ad9d8b7c1dc08ea186fbb96a76d2f9f9856))
-* **uitls:** 添加package.json dependencies ([a7351c9](https://github.com/Tencent/tmagic-editor/commit/a7351c9a021b38d5fc378e44dd4f969e15b27879))
-* **ui:** 页面组件无法支持event配置 ([cdabe36](https://github.com/Tencent/tmagic-editor/commit/cdabe36b9395b5b4c5e565919b5b7a3a74db8d05))
-* **utils:** 判断是否为number不够严谨 ([2647ace](https://github.com/Tencent/tmagic-editor/commit/2647ace39639e248417be14b7ce9db7a2d077684))
-* 修复lock文件问题 ([a1ae3dd](https://github.com/Tencent/tmagic-editor/commit/a1ae3dd88d7717ebed6afef428202f762079ca70))
-* 修复node版本16安装依赖失败的问题 ([ec8867c](https://github.com/Tencent/tmagic-editor/commit/ec8867cbfd74d4bebc59a880cca7d0c2e8e8c62f))
-* 修复throttle引起的问题 ([148d454](https://github.com/Tencent/tmagic-editor/commit/148d4547b0ff17628b0f5a3cc2f6fb3503460a10))
-* 修复单独使用@tmagic/editor,报错无法运行的问题 ([582962f](https://github.com/Tencent/tmagic-editor/commit/582962f6df35279e08421e85066872638764e846))
-* 修复快速点选拖动时有残影的问题 ([a52d25f](https://github.com/Tencent/tmagic-editor/commit/a52d25fb70172d02f88ded9070a3b26915e58a29))
-* 修复组件树中hover不存在的id导致高亮边框不消失的问题 ([121498e](https://github.com/Tencent/tmagic-editor/commit/121498e81b72925b33d3fbfe913068ddd4480f6f))
-* 修复缺少buffer依赖,导致单独使用@tmagic/editor出现报错,无法运行的问题 ([cb99a6f](https://github.com/Tencent/tmagic-editor/commit/cb99a6fff54ad5af622afbbc29f63c2c18f6f8ea))
-* 修复页面滚动高亮偏移的问题 ([6a46f98](https://github.com/Tencent/tmagic-editor/commit/6a46f987666da3cf98c1855f6df5487aca505a3d))
-* 删除无用的方法 ([4f4ed9c](https://github.com/Tencent/tmagic-editor/commit/4f4ed9c61bf40f13ac55bb6bb711891b2714fbb4))
-* 升级element-plus2.2.0后,button默认样式变化 ([1486beb](https://github.com/Tencent/tmagic-editor/commit/1486beb52cf2553ebc026ed5941a8a865c483a96))
-* 升级element-plus2.2.0后,sidebar动态变化后,顺序不对 ([2731609](https://github.com/Tencent/tmagic-editor/commit/2731609526d92093bfdccd660c96fbacc6f3d006))
-* 管理端启动文档更新 ([86447ec](https://github.com/Tencent/tmagic-editor/commit/86447ec4a1ce1b1d69d13ef5aef2359c8e08e6bb))
-
+- **admin:** 管理端更新编辑器的使用方式 ([fe821f7](https://github.com/Tencent/tmagic-editor/commit/fe821f7d84b7a8907e588ecae1d82ceecf5634cc))
+- **editor:** getLayout增加判断fixed ([8e004f9](https://github.com/Tencent/tmagic-editor/commit/8e004f9766761d0ef7bd3aeca947fc6197e321bc))
+- **editor:** mac下meta + v,meta + x快捷键无效 ([76b8d23](https://github.com/Tencent/tmagic-editor/commit/76b8d2314ad8b8a0f02e045a4244a1be0635e79d))
+- **editor:** root为空时异常处理 ([7d62c09](https://github.com/Tencent/tmagic-editor/commit/7d62c09c6b172cea95d8b120732b31c4c532fead))
+- **editor:** ui-select样式优化 ([27a1ff8](https://github.com/Tencent/tmagic-editor/commit/27a1ff8527dacf63875c88e1bec2ca74076a43c0))
+- **editor:** 从组件树选中没有渲染的组件时，需要等待组件渲染完成再初始化选中框 ([8390ba7](https://github.com/Tencent/tmagic-editor/commit/8390ba75be5b3aeff1e20b8a5d3d9ad1862a72ea))
+- **editor:** 代码编辑器大小变化没有自适应大小 ([7dc5479](https://github.com/Tencent/tmagic-editor/commit/7dc54797d2b58a1b6d1053fa283ec9ccc5df498c))
+- **editor:** 修复code 代码编辑器光标错乱问题 ([06b40c9](https://github.com/Tencent/tmagic-editor/commit/06b40c9c1559d56f5dccec6db4d5bf877b0a871b))
+- **editor:** 修复fix布局的组件没有吸附效果问题 ([959638c](https://github.com/Tencent/tmagic-editor/commit/959638c2c5b7da0815940b50fbdb517dddfa56e9))
+- **editor:** 修复pagebar文字超长换行问题 ([5350c90](https://github.com/Tencent/tmagic-editor/commit/5350c9050ceb40a222e5535805bf6703083b20e6))
+- **editor:** 修复历史状态变化后，画布没有更新 ([bb5e192](https://github.com/Tencent/tmagic-editor/commit/bb5e192dcde9c064717c64b01cc1ad598112f371))
+- **editor:** 修复新增组件时，组件列表配置的数据丢失问题 ([992ebbe](https://github.com/Tencent/tmagic-editor/commit/992ebbe3ce7db7a503518e3707a9d0e76164d428))
+- **editor:** 修复浏览器快捷键 ([9addbdd](https://github.com/Tencent/tmagic-editor/commit/9addbddd636d8d187d1ea604148a67199348d823))
+- **editor:** 修改pagebar过长无法滚动问题 ([9b849cc](https://github.com/Tencent/tmagic-editor/commit/9b849cc906db690d51a3bf02ec8cd52d888c94e1))
+- **editor:** 切换组件时会连续触发两次表单初始化 ([3137350](https://github.com/Tencent/tmagic-editor/commit/31373500c27a16cfe0e7799a3dfce18616eb45b6))
+- **editor:** 删除全部页面后显示异常 ([a0c3e25](https://github.com/Tencent/tmagic-editor/commit/a0c3e25edbb2096c83fa6cc6eb5c2ca1c0650cb6))
+- **editor:** 删除的快捷键操作，不要对页面生效 ([9efe4f0](https://github.com/Tencent/tmagic-editor/commit/9efe4f04fc461d802fe1db82fda6120bc91800de))
+- **editor:** 删除组件后，组件树不更新 ([bcbd1f5](https://github.com/Tencent/tmagic-editor/commit/bcbd1f5d376a0addc77d311ce117a18ff49ac565))
+- **editor:** 右键菜单，mac触摸板上容易在菜单出现的时候触发当前鼠标位置的按钮 ([31cbe78](https://github.com/Tencent/tmagic-editor/commit/31cbe7818f2388929942a3e6377fbb41be4839b2))
+- **editor:** 右键菜单粘贴的组件位置不对 ([26081ea](https://github.com/Tencent/tmagic-editor/commit/26081ea5cce0b18ccbe360259eae2f343021d753))
+- **editor:** 右键菜单隐藏逻辑有问题 ([c99663a](https://github.com/Tencent/tmagic-editor/commit/c99663a3e8aa1730e3849d200dd9b441ef821c5a))
+- **editor:** 在小屏幕下画布的标尺显示不全 ([1c8829f](https://github.com/Tencent/tmagic-editor/commit/1c8829fac9d99be36d80e543a15a11141de80832))
+- **editor:** 复制组件后添加组件id一直是之前复制的组件的id ([6eb1f24](https://github.com/Tencent/tmagic-editor/commit/6eb1f2418a71fbdfb01834c90091911a23ba6862))
+- **editor:** 复制页面，页面名称重新生成 ([c80dab8](https://github.com/Tencent/tmagic-editor/commit/c80dab835dd66e6ae294a1c6aab31146546b0343))
+- **editor:** 新增service方法串行调用问题，解决连续快速拖动导致更新节点错乱问题 ([b8d352a](https://github.com/Tencent/tmagic-editor/commit/b8d352a885954e114e9071785676b6649a0dd691))
+- **editor:** 新增页面不用添加历史记录 ([3dab16b](https://github.com/Tencent/tmagic-editor/commit/3dab16b2f6069bcba8153ffb21202e6218636f39))
+- **editor:** 添加或者删除节点后，选中状态没有刷新 ([97fa34b](https://github.com/Tencent/tmagic-editor/commit/97fa34bbc68199bb4381a1a717ed0d2f98ab9899))
+- **editor:** 添加组件默认添加到视窗中间，如果组件初始化height不是数值，则当0处理 ([663d7ce](https://github.com/Tencent/tmagic-editor/commit/663d7cee9ffd55da366b6189661f6f92b8c7a866))
+- **editor:** 源代码编辑器保存快捷键阻止冒泡 ([2134d92](https://github.com/Tencent/tmagic-editor/commit/2134d92d5498d53472e978e29a618351f4410d50))
+- **editor:** 由于有可选参数，所以将after hook的返回值放到第一个参数 ([9526c44](https://github.com/Tencent/tmagic-editor/commit/9526c44d1638d25d6ead686f926c80a67de2443f))
+- **editor:** 组件列表中搜索栏层级问题 ([5e4b709](https://github.com/Tencent/tmagic-editor/commit/5e4b709d61dd06d2ee10a78b4b86d5be2b22ba1a))
+- **editor:** 组件树右键菜单 ([8053394](https://github.com/Tencent/tmagic-editor/commit/805339422a9778fe7470334df4c8b4d963236c2f))
+- **editor:** 组件树右键菜单子菜单出不来 ([be4df0f](https://github.com/Tencent/tmagic-editor/commit/be4df0fc9b8985ae7b9d6fd7a8d1402487790a12))
+- **editor:** 组件树右键菜单添加组件无效 ([a320823](https://github.com/Tencent/tmagic-editor/commit/a3208239922b482189a0fd7cc86a35ae989d91fa))
+- **editor:** 组件配置width为100%时，水平居中失效 ([4a19017](https://github.com/Tencent/tmagic-editor/commit/4a190176623e58095c6e323a10161b3be54b6e53))
+- **editor:** 置顶,置低逻辑弄反了 ([586711b](https://github.com/Tencent/tmagic-editor/commit/586711b9bd19b2be5030a2b5302c13e946764b79))
+- **form:** daterange 错误信息不会消除 ([a90777f](https://github.com/Tencent/tmagic-editor/commit/a90777f11a4e709c750e67d89762ef0239efe901))
+- **form:** label width为0时隐藏label ([28d3ea0](https://github.com/Tencent/tmagic-editor/commit/28d3ea095903d647773effd419835686a75eb9a2))
+- **form:** popper弹层字体大小仅在form size为small的时候设置为12px ([662a3d6](https://github.com/Tencent/tmagic-editor/commit/662a3d61ea3f8f8df42445a1c264b3c192afff07))
+- **form:** row显隐不会触发 ([88cc033](https://github.com/Tencent/tmagic-editor/commit/88cc033e0d893d0c4357d3d9c7dd11a2a272a865))
+- **form:** select group option key 出错导致页面卡死 [#67](https://github.com/Tencent/tmagic-editor/issues/67) ([054e836](https://github.com/Tencent/tmagic-editor/commit/054e83685997735098956b0b8f8cde269c3efcd9))
+- **form:** tooltip丢失 ([2e12812](https://github.com/Tencent/tmagic-editor/commit/2e12812aace958fd8367578232a48680f4fccb2c))
+- **form:** 修复select过滤本地数据出错 ([4d7b135](https://github.com/Tencent/tmagic-editor/commit/4d7b135e50ceb5d43d0edf0e5715a3fa76409d37))
+- **form:** 修复text append按钮大小 ([59c0a09](https://github.com/Tencent/tmagic-editor/commit/59c0a090b87df34e6f0d7fdde44156efe689d7bb))
+- **highlight:** 修复固定定位和弹窗场景下鼠标高亮偏移的问题 ([15b202a](https://github.com/Tencent/tmagic-editor/commit/15b202a9be73bbbb1f1cc67a2ce72de9717303ff))
+- **playground:** 预览检查是否保存 ([f9ae10b](https://github.com/Tencent/tmagic-editor/commit/f9ae10bc9da091a18bd3032887931ac8b882dd3e))
+- **runtime:** 修复window系统下npm run playground 出错问题 [#29](https://github.com/Tencent/tmagic-editor/issues/29) ([6df8ce8](https://github.com/Tencent/tmagic-editor/commit/6df8ce82a5675702f1e9b45c66696f5af85ef3d0))
+- **runtime:** 编辑器中组件的样式不生效 fix [#109](https://github.com/Tencent/tmagic-editor/issues/109) ([46b2632](https://github.com/Tencent/tmagic-editor/commit/46b26328efcb8ffc4295fb648a55f0af551e2d93))
+- **runtime:** 获取dsl字段出错 ([bb97c4c](https://github.com/Tencent/tmagic-editor/commit/bb97c4c6d0e0cc5f6ff617957096662f4e3878fd))
+- **stage:** canSelect增加event参数 ([29a9912](https://github.com/Tencent/tmagic-editor/commit/29a99128203a34a67fd6963c007662f60f4c9a68))
+- **stage:** import 了错误的log函数 ([038ef7c](https://github.com/Tencent/tmagic-editor/commit/038ef7cde467ccc80df9852b2e532d36365ccdb6))
+- **stage:** 优化拖拽体验，当选中的节点变化时，重新创建moveable，如果没有变化则update状态 ([39dcd89](https://github.com/Tencent/tmagic-editor/commit/39dcd89acf8ed15fc965bd6678b5e7af21587177))
+- **stage:** 修复添加组件后没有自动选中问题 ([0faabcb](https://github.com/Tencent/tmagic-editor/commit/0faabcb3ca0fdb2a1ed68e1aa783bdccc370645d))
+- **stage:** 修复滚动容器大小发生变化时，导致滚动距离可能超出最大滚动值 ([f7ba716](https://github.com/Tencent/tmagic-editor/commit/f7ba716fe90cd554e1d6acd58b2856e18783c443))
+- **stage:** 修复画布缩放后拖动鼠标漂移 ([759b264](https://github.com/Tencent/tmagic-editor/commit/759b26481d9ce960720627a68cd095d3087dc33b))
+- **stage:** 修复鼠标移出画布后，highlight没有清除 ([9cb821c](https://github.com/Tencent/tmagic-editor/commit/9cb821c49183568ed54141746957733bc7f026f7))
+- **stage:** 只有当组件不在视窗内才自动滚动，新增scrollIntoView配置 ([dbcd420](https://github.com/Tencent/tmagic-editor/commit/dbcd4201eaf90a688321f4ccd33ae7545bb578c2))
+- **stage:** 流式布局下，镜像节点zindex应该比选中节点高 ([0824602](https://github.com/Tencent/tmagic-editor/commit/0824602ad2dc82e717c461bded5717856ebd72b3))
+- **stage:** 页面小于画布时，滚动位置修复 ([8452daf](https://github.com/Tencent/tmagic-editor/commit/8452daf0e066c467b26fb6e3f0f35faa6cef00c7))
+- **stage:** 页面高度比画布小时，滚动画布出现异常 ([94debf5](https://github.com/Tencent/tmagic-editor/commit/94debf51c0b4744e6129d47c4fa7f7878dfa255b))
+- **table:** 修复table设置expand后多一列object的问题 ([57e8159](https://github.com/Tencent/tmagic-editor/commit/57e815940bb07b0971eaded9b371b8abacb8a52c))
+- **ui:** default拼写错误 ([ce5ac67](https://github.com/Tencent/tmagic-editor/commit/ce5ac67b2ddb611dceeabf0d3d235f1b61423243))
+- **ui:** img组件没有配置url是点击页面刷新 ([5d159ad](https://github.com/Tencent/tmagic-editor/commit/5d159ad9d8b7c1dc08ea186fbb96a76d2f9f9856))
+- **uitls:** 添加package.json dependencies ([a7351c9](https://github.com/Tencent/tmagic-editor/commit/a7351c9a021b38d5fc378e44dd4f969e15b27879))
+- **ui:** 页面组件无法支持event配置 ([cdabe36](https://github.com/Tencent/tmagic-editor/commit/cdabe36b9395b5b4c5e565919b5b7a3a74db8d05))
+- **utils:** 判断是否为number不够严谨 ([2647ace](https://github.com/Tencent/tmagic-editor/commit/2647ace39639e248417be14b7ce9db7a2d077684))
+- 修复lock文件问题 ([a1ae3dd](https://github.com/Tencent/tmagic-editor/commit/a1ae3dd88d7717ebed6afef428202f762079ca70))
+- 修复node版本16安装依赖失败的问题 ([ec8867c](https://github.com/Tencent/tmagic-editor/commit/ec8867cbfd74d4bebc59a880cca7d0c2e8e8c62f))
+- 修复throttle引起的问题 ([148d454](https://github.com/Tencent/tmagic-editor/commit/148d4547b0ff17628b0f5a3cc2f6fb3503460a10))
+- 修复单独使用@tmagic/editor,报错无法运行的问题 ([582962f](https://github.com/Tencent/tmagic-editor/commit/582962f6df35279e08421e85066872638764e846))
+- 修复快速点选拖动时有残影的问题 ([a52d25f](https://github.com/Tencent/tmagic-editor/commit/a52d25fb70172d02f88ded9070a3b26915e58a29))
+- 修复组件树中hover不存在的id导致高亮边框不消失的问题 ([121498e](https://github.com/Tencent/tmagic-editor/commit/121498e81b72925b33d3fbfe913068ddd4480f6f))
+- 修复缺少buffer依赖,导致单独使用@tmagic/editor出现报错,无法运行的问题 ([cb99a6f](https://github.com/Tencent/tmagic-editor/commit/cb99a6fff54ad5af622afbbc29f63c2c18f6f8ea))
+- 修复页面滚动高亮偏移的问题 ([6a46f98](https://github.com/Tencent/tmagic-editor/commit/6a46f987666da3cf98c1855f6df5487aca505a3d))
+- 删除无用的方法 ([4f4ed9c](https://github.com/Tencent/tmagic-editor/commit/4f4ed9c61bf40f13ac55bb6bb711891b2714fbb4))
+- 升级element-plus2.2.0后,button默认样式变化 ([1486beb](https://github.com/Tencent/tmagic-editor/commit/1486beb52cf2553ebc026ed5941a8a865c483a96))
+- 升级element-plus2.2.0后,sidebar动态变化后,顺序不对 ([2731609](https://github.com/Tencent/tmagic-editor/commit/2731609526d92093bfdccd660c96fbacc6f3d006))
+- 管理端启动文档更新 ([86447ec](https://github.com/Tencent/tmagic-editor/commit/86447ec4a1ce1b1d69d13ef5aef2359c8e08e6bb))
 
 ### Features
 
-* **editor): feat(editor:** 鼠标移出workpace，禁用快捷键 ([fbd7f80](https://github.com/Tencent/tmagic-editor/commit/fbd7f80c4f82122d61c9903e57c06b3fbdc6a3ef))
-* **editor:** contentmenu支持扩展 ([70292b9](https://github.com/Tencent/tmagic-editor/commit/70292b92c8f9c04fa204ec50df80e831c5ee2bd5))
-* **editor:** zoom 设置为button ([faa6c6d](https://github.com/Tencent/tmagic-editor/commit/faa6c6d9feb4881466f24192ef85d49334567698))
-* **editor:** 修改默人属性面板宽度 ([ed9805f](https://github.com/Tencent/tmagic-editor/commit/ed9805f2b49429a176547dead0b811c9073a2116))
-* **editor:** 增加editorService.move的扩展 ([b1aae65](https://github.com/Tencent/tmagic-editor/commit/b1aae6518254abfc8ff6f0183551652da101db4e))
-* **editor:** 属性表单大小配置；记住编辑器分栏宽度 ([04d7725](https://github.com/Tencent/tmagic-editor/commit/04d7725db97aab9dfb6c9fae0333d1b07666e98c))
-* **editor:** 支持拖拽添加组件 ([5da8601](https://github.com/Tencent/tmagic-editor/commit/5da8601f3648322882bbb562d3b45fed7f159361))
-* **editor:** 新增删除、复制、粘贴、剪切快捷键操作 ([db62427](https://github.com/Tencent/tmagic-editor/commit/db62427ee96eeaa22d27cb2a1d01199c0b41ec54))
-* **editor:** 新增组件自动设置到视窗中间 ([0e74970](https://github.com/Tencent/tmagic-editor/commit/0e74970bfef78d0e032c8a8bebaeedb9c141e26b))
-* **editor:** 添加globalThis兼容 ([cf5e775](https://github.com/Tencent/tmagic-editor/commit/cf5e775b84fedca2fc870c74a2c709aa8dd284ea))
-* **editor:** 添加常用快捷键 ([51031fe](https://github.com/Tencent/tmagic-editor/commit/51031fe8ab4396eb6785738b4f208f96a97627e0))
-* **editor:** 源代码编辑器支持扩展配置 ([359fc5f](https://github.com/Tencent/tmagic-editor/commit/359fc5fdc68c5b312534ad4b76a2586baafae2dd))
-* **editor:** 组件树保持展开当前选中节点的父节点 ([f896115](https://github.com/Tencent/tmagic-editor/commit/f89611588100e34461c833639742a297459f96e6))
-* **editor:** 组件树增加id和type过滤 ([97a7225](https://github.com/Tencent/tmagic-editor/commit/97a722579d36db61e071eb50fd9ba72d4fce2262))
-* **editor:** 选中组件，组件自动滚动到视窗内 ([50937c2](https://github.com/Tencent/tmagic-editor/commit/50937c286776794842b247b06f0751a3302a1cbf))
-* **form:** number组件初始值尝试统一转换成number ([554bc4b](https://github.com/Tencent/tmagic-editor/commit/554bc4b5c10040e0ad4a834a32119bb7e63819a8))
-* **form:** select options函数配置添加prop参数 ([7e216e7](https://github.com/Tencent/tmagic-editor/commit/7e216e72f234309bc1e99c9d0726bfec78c930de))
-* **playground:** playground支持旋转操作 ([423059d](https://github.com/Tencent/tmagic-editor/commit/423059deacc3a958be8e099cbdc2b810f8691c86))
-* **playground:** 增加字体样式配置 ([f7bca02](https://github.com/Tencent/tmagic-editor/commit/f7bca02844bb15a1bbf61156db0b2aada3fa6b5e))
-* **playground:** 更新默认页面配置 ([5bfb69b](https://github.com/Tencent/tmagic-editor/commit/5bfb69b36dad2704be0c1c88b8332ddf3a282853))
-* **playground:** 添加弹窗组合 ([2319df7](https://github.com/Tencent/tmagic-editor/commit/2319df727a7e0cf92641c2e512854306f20665f1))
-* **schema:** type可以为undefined，默认表现由使用方自行控制 ([fe4c0fa](https://github.com/Tencent/tmagic-editor/commit/fe4c0fa2dc3642eff7b27057be4593253b470b68))
-* **stage:** elementGuidelines可以配置 ([85164ec](https://github.com/Tencent/tmagic-editor/commit/85164ec43213cfb1b9ae2ac932f660f86e166e46))
-* **stage:** moveable origin改为false ([fb64e07](https://github.com/Tencent/tmagic-editor/commit/fb64e078b95cdfff12f2762c3fa51413c21a2abe))
-* **stage:** runtime添加getApp方法 ([0397c68](https://github.com/Tencent/tmagic-editor/commit/0397c6887a80f23e20c327aece640eef3f16ab73))
-* **stage:** 增加对齐线 ([67e2ba3](https://github.com/Tencent/tmagic-editor/commit/67e2ba3825148282c2ba28df7fab06d3b2b9b102))
-* **stage:** 增加当前拖动的节点的z-index ([7f3d6c5](https://github.com/Tencent/tmagic-editor/commit/7f3d6c5438bb0ab537b2c8d2eab1a129228e8f9c))
-* **stage:** 支持rotate scale fix [#92](https://github.com/Tencent/tmagic-editor/issues/92) ([a9936b5](https://github.com/Tencent/tmagic-editor/commit/a9936b5276a2f5756791430036eb22d46a01cef3))
-* **stage:** 本地缓存参考线，刷新页面不会清空 ([019cfc7](https://github.com/Tencent/tmagic-editor/commit/019cfc7e93dded2ac69ea53c891e97d888bb4c10))
-* **stage:** 组件对齐不准确，暂时去掉 ([cb4304b](https://github.com/Tencent/tmagic-editor/commit/cb4304b6ebc2fda87b3dfa0bbe7135508f2ce74f))
-* **stage:** 选中节点时，给所有父节点添加一个className ([d478289](https://github.com/Tencent/tmagic-editor/commit/d47828976a5dc3a3f46e84016e0e15b673aed278))
-* **table:** action增加before配置 ([9126399](https://github.com/Tencent/tmagic-editor/commit/912639999d576c965315bb639ee8970bd4220cbd))
-* **ui:** 添加二维码，图片组件 ([8c287ec](https://github.com/Tencent/tmagic-editor/commit/8c287ecaceba0e087a4cc7ff8ddb64613c0441e0))
-* **util:** asyncLoadCss支持指定document ([71cfab8](https://github.com/Tencent/tmagic-editor/commit/71cfab8d4dd56b24a872d9c8dddf8a98672b36c5))
-* 优化拖拽体验 ([a842c5b](https://github.com/Tencent/tmagic-editor/commit/a842c5b0ceecf2e1c1a8e2a5dc1ab8d3e486e0d6))
-* 支持playground:vue2/playground:react命令 ([d84037e](https://github.com/Tencent/tmagic-editor/commit/d84037e421181b4f0866054e3dd08a569627c1c2)), closes [#82](https://github.com/Tencent/tmagic-editor/issues/82) [#68](https://github.com/Tencent/tmagic-editor/issues/68)
-* 新增isPage,isNumber方法 ([9c83a54](https://github.com/Tencent/tmagic-editor/commit/9c83a540daf9fa6ad02e6d3832e218be5a4b555f))
-* 新增蒙层组件 ([44aa56b](https://github.com/Tencent/tmagic-editor/commit/44aa56bd52c3ecc3b88f9b2e5b2283cb0a932fa1))
-* 添加组件支持添加组合 ([5e31257](https://github.com/Tencent/tmagic-editor/commit/5e3125706c2919e0baf457141f69a9c70656ffcd))
-* 编辑器支持鼠标悬停高亮组件 ([feb9ac9](https://github.com/Tencent/tmagic-editor/commit/feb9ac9a81a6805599da1d63697961c5dfbba953))
-
-
+- **editor): feat(editor:** 鼠标移出workpace，禁用快捷键 ([fbd7f80](https://github.com/Tencent/tmagic-editor/commit/fbd7f80c4f82122d61c9903e57c06b3fbdc6a3ef))
+- **editor:** contentmenu支持扩展 ([70292b9](https://github.com/Tencent/tmagic-editor/commit/70292b92c8f9c04fa204ec50df80e831c5ee2bd5))
+- **editor:** zoom 设置为button ([faa6c6d](https://github.com/Tencent/tmagic-editor/commit/faa6c6d9feb4881466f24192ef85d49334567698))
+- **editor:** 修改默人属性面板宽度 ([ed9805f](https://github.com/Tencent/tmagic-editor/commit/ed9805f2b49429a176547dead0b811c9073a2116))
+- **editor:** 增加editorService.move的扩展 ([b1aae65](https://github.com/Tencent/tmagic-editor/commit/b1aae6518254abfc8ff6f0183551652da101db4e))
+- **editor:** 属性表单大小配置；记住编辑器分栏宽度 ([04d7725](https://github.com/Tencent/tmagic-editor/commit/04d7725db97aab9dfb6c9fae0333d1b07666e98c))
+- **editor:** 支持拖拽添加组件 ([5da8601](https://github.com/Tencent/tmagic-editor/commit/5da8601f3648322882bbb562d3b45fed7f159361))
+- **editor:** 新增删除、复制、粘贴、剪切快捷键操作 ([db62427](https://github.com/Tencent/tmagic-editor/commit/db62427ee96eeaa22d27cb2a1d01199c0b41ec54))
+- **editor:** 新增组件自动设置到视窗中间 ([0e74970](https://github.com/Tencent/tmagic-editor/commit/0e74970bfef78d0e032c8a8bebaeedb9c141e26b))
+- **editor:** 添加globalThis兼容 ([cf5e775](https://github.com/Tencent/tmagic-editor/commit/cf5e775b84fedca2fc870c74a2c709aa8dd284ea))
+- **editor:** 添加常用快捷键 ([51031fe](https://github.com/Tencent/tmagic-editor/commit/51031fe8ab4396eb6785738b4f208f96a97627e0))
+- **editor:** 源代码编辑器支持扩展配置 ([359fc5f](https://github.com/Tencent/tmagic-editor/commit/359fc5fdc68c5b312534ad4b76a2586baafae2dd))
+- **editor:** 组件树保持展开当前选中节点的父节点 ([f896115](https://github.com/Tencent/tmagic-editor/commit/f89611588100e34461c833639742a297459f96e6))
+- **editor:** 组件树增加id和type过滤 ([97a7225](https://github.com/Tencent/tmagic-editor/commit/97a722579d36db61e071eb50fd9ba72d4fce2262))
+- **editor:** 选中组件，组件自动滚动到视窗内 ([50937c2](https://github.com/Tencent/tmagic-editor/commit/50937c286776794842b247b06f0751a3302a1cbf))
+- **form:** number组件初始值尝试统一转换成number ([554bc4b](https://github.com/Tencent/tmagic-editor/commit/554bc4b5c10040e0ad4a834a32119bb7e63819a8))
+- **form:** select options函数配置添加prop参数 ([7e216e7](https://github.com/Tencent/tmagic-editor/commit/7e216e72f234309bc1e99c9d0726bfec78c930de))
+- **playground:** playground支持旋转操作 ([423059d](https://github.com/Tencent/tmagic-editor/commit/423059deacc3a958be8e099cbdc2b810f8691c86))
+- **playground:** 增加字体样式配置 ([f7bca02](https://github.com/Tencent/tmagic-editor/commit/f7bca02844bb15a1bbf61156db0b2aada3fa6b5e))
+- **playground:** 更新默认页面配置 ([5bfb69b](https://github.com/Tencent/tmagic-editor/commit/5bfb69b36dad2704be0c1c88b8332ddf3a282853))
+- **playground:** 添加弹窗组合 ([2319df7](https://github.com/Tencent/tmagic-editor/commit/2319df727a7e0cf92641c2e512854306f20665f1))
+- **schema:** type可以为undefined，默认表现由使用方自行控制 ([fe4c0fa](https://github.com/Tencent/tmagic-editor/commit/fe4c0fa2dc3642eff7b27057be4593253b470b68))
+- **stage:** elementGuidelines可以配置 ([85164ec](https://github.com/Tencent/tmagic-editor/commit/85164ec43213cfb1b9ae2ac932f660f86e166e46))
+- **stage:** moveable origin改为false ([fb64e07](https://github.com/Tencent/tmagic-editor/commit/fb64e078b95cdfff12f2762c3fa51413c21a2abe))
+- **stage:** runtime添加getApp方法 ([0397c68](https://github.com/Tencent/tmagic-editor/commit/0397c6887a80f23e20c327aece640eef3f16ab73))
+- **stage:** 增加对齐线 ([67e2ba3](https://github.com/Tencent/tmagic-editor/commit/67e2ba3825148282c2ba28df7fab06d3b2b9b102))
+- **stage:** 增加当前拖动的节点的z-index ([7f3d6c5](https://github.com/Tencent/tmagic-editor/commit/7f3d6c5438bb0ab537b2c8d2eab1a129228e8f9c))
+- **stage:** 支持rotate scale fix [#92](https://github.com/Tencent/tmagic-editor/issues/92) ([a9936b5](https://github.com/Tencent/tmagic-editor/commit/a9936b5276a2f5756791430036eb22d46a01cef3))
+- **stage:** 本地缓存参考线，刷新页面不会清空 ([019cfc7](https://github.com/Tencent/tmagic-editor/commit/019cfc7e93dded2ac69ea53c891e97d888bb4c10))
+- **stage:** 组件对齐不准确，暂时去掉 ([cb4304b](https://github.com/Tencent/tmagic-editor/commit/cb4304b6ebc2fda87b3dfa0bbe7135508f2ce74f))
+- **stage:** 选中节点时，给所有父节点添加一个className ([d478289](https://github.com/Tencent/tmagic-editor/commit/d47828976a5dc3a3f46e84016e0e15b673aed278))
+- **table:** action增加before配置 ([9126399](https://github.com/Tencent/tmagic-editor/commit/912639999d576c965315bb639ee8970bd4220cbd))
+- **ui:** 添加二维码，图片组件 ([8c287ec](https://github.com/Tencent/tmagic-editor/commit/8c287ecaceba0e087a4cc7ff8ddb64613c0441e0))
+- **util:** asyncLoadCss支持指定document ([71cfab8](https://github.com/Tencent/tmagic-editor/commit/71cfab8d4dd56b24a872d9c8dddf8a98672b36c5))
+- 优化拖拽体验 ([a842c5b](https://github.com/Tencent/tmagic-editor/commit/a842c5b0ceecf2e1c1a8e2a5dc1ab8d3e486e0d6))
+- 支持playground:vue2/playground:react命令 ([d84037e](https://github.com/Tencent/tmagic-editor/commit/d84037e421181b4f0866054e3dd08a569627c1c2)), closes [#82](https://github.com/Tencent/tmagic-editor/issues/82) [#68](https://github.com/Tencent/tmagic-editor/issues/68)
+- 新增isPage,isNumber方法 ([9c83a54](https://github.com/Tencent/tmagic-editor/commit/9c83a540daf9fa6ad02e6d3832e218be5a4b555f))
+- 新增蒙层组件 ([44aa56b](https://github.com/Tencent/tmagic-editor/commit/44aa56bd52c3ecc3b88f9b2e5b2283cb0a932fa1))
+- 添加组件支持添加组合 ([5e31257](https://github.com/Tencent/tmagic-editor/commit/5e3125706c2919e0baf457141f69a9c70656ffcd))
+- 编辑器支持鼠标悬停高亮组件 ([feb9ac9](https://github.com/Tencent/tmagic-editor/commit/feb9ac9a81a6805599da1d63697961c5dfbba953))
 
 # [1.0.0-beta.8](https://github.com/Tencent/tmagic-editor/compare/1.0.0-beta.7...1.0.0-beta.8) (2022-03-29)
 
-
 ### Bug Fixes
 
-* **editor:** 流式布局下，拖动后选中错误 ([393889b](https://github.com/Tencent/tmagic-editor/commit/393889b27a63bf0dd557e4d5b638de74545b1d43))
-* **form:** onChange、filter、trim函数调用异常处理 ([504adcb](https://github.com/Tencent/tmagic-editor/commit/504adcb01793cb58d23a5d3cfb56da12a509de7f))
-* **playground:** 新增页面默认width height 100% ([c3f4e41](https://github.com/Tencent/tmagic-editor/commit/c3f4e41cc864cd1e5c6486d34da79e4b684546c5))
-* **stage:** drag的时候不update width height ([30ad850](https://github.com/Tencent/tmagic-editor/commit/30ad8502c4a1e2925afc22297e7c5ac3a8e03378))
-* **stage:** render destroy后移除load事件 ([f03281a](https://github.com/Tencent/tmagic-editor/commit/f03281ac6cddd6742841f67d484eb5fca0871c4a))
-* **stage:** 混合布局下拖动错乱 ([8e2d83f](https://github.com/Tencent/tmagic-editor/commit/8e2d83fec9e8b4871cee066b641e3441eddb619a))
-* **stage:** 这有overflow为auto或scroll才在选中的时候设置为hidden ([8619af9](https://github.com/Tencent/tmagic-editor/commit/8619af91db25aef36e65f9c0ab8df307e7b101f4))
-* **stage:** 页面默认滚动容器设置为documentElement ([4560562](https://github.com/Tencent/tmagic-editor/commit/45605625535c1aa648eae275639b8a642ff4ec3b))
-
+- **editor:** 流式布局下，拖动后选中错误 ([393889b](https://github.com/Tencent/tmagic-editor/commit/393889b27a63bf0dd557e4d5b638de74545b1d43))
+- **form:** onChange、filter、trim函数调用异常处理 ([504adcb](https://github.com/Tencent/tmagic-editor/commit/504adcb01793cb58d23a5d3cfb56da12a509de7f))
+- **playground:** 新增页面默认width height 100% ([c3f4e41](https://github.com/Tencent/tmagic-editor/commit/c3f4e41cc864cd1e5c6486d34da79e4b684546c5))
+- **stage:** drag的时候不update width height ([30ad850](https://github.com/Tencent/tmagic-editor/commit/30ad8502c4a1e2925afc22297e7c5ac3a8e03378))
+- **stage:** render destroy后移除load事件 ([f03281a](https://github.com/Tencent/tmagic-editor/commit/f03281ac6cddd6742841f67d484eb5fca0871c4a))
+- **stage:** 混合布局下拖动错乱 ([8e2d83f](https://github.com/Tencent/tmagic-editor/commit/8e2d83fec9e8b4871cee066b641e3441eddb619a))
+- **stage:** 这有overflow为auto或scroll才在选中的时候设置为hidden ([8619af9](https://github.com/Tencent/tmagic-editor/commit/8619af91db25aef36e65f9c0ab8df307e7b101f4))
+- **stage:** 页面默认滚动容器设置为documentElement ([4560562](https://github.com/Tencent/tmagic-editor/commit/45605625535c1aa648eae275639b8a642ff4ec3b))
 
 ### Features
 
-* 新增select下的popper class ([8e192e7](https://github.com/Tencent/tmagic-editor/commit/8e192e7cd42df56b94f8f1093a00b6f72b41505e))
-
+- 新增select下的popper class ([8e192e7](https://github.com/Tencent/tmagic-editor/commit/8e192e7cd42df56b94f8f1093a00b6f72b41505e))
 
 ### Reverts
 
-* Revert "Revert "refactor(stage): 升级moveable"" ([6becbda](https://github.com/Tencent/tmagic-editor/commit/6becbdaa6b6dacc453207a2bc11ce33a5190d313))
-
-
+- Revert "Revert "refactor(stage): 升级moveable"" ([6becbda](https://github.com/Tencent/tmagic-editor/commit/6becbdaa6b6dacc453207a2bc11ce33a5190d313))
 
 # [1.0.0-beta.7](https://github.com/Tencent/tmagic-editor/compare/1.0.0-beta.6...1.0.0-beta.7) (2022-03-18)
 
-
 ### Bug Fixes
 
-* **editor:** 切换布局失效 ([42f1789](https://github.com/Tencent/tmagic-editor/commit/42f1789c1059d9e400dc327bcbfabb5807ebed97))
-
+- **editor:** 切换布局失效 ([42f1789](https://github.com/Tencent/tmagic-editor/commit/42f1789c1059d9e400dc327bcbfabb5807ebed97))
 
 ### Reverts
 
-* Revert "refactor(stage): 升级moveable" ([10ed55d](https://github.com/Tencent/tmagic-editor/commit/10ed55deea0c3dc7a97ac136a4065c447aaaf52a))
-
-
+- Revert "refactor(stage): 升级moveable" ([10ed55d](https://github.com/Tencent/tmagic-editor/commit/10ed55deea0c3dc7a97ac136a4065c447aaaf52a))
 
 # [1.0.0-beta.6](https://github.com/Tencent/tmagic-editor/compare/v1.0.0-beta.4...1.0.0-beta.6) (2022-03-17)
 
-
 ### Bug Fixes
 
-* **editor:** 不允许选中跟节点 ([ca84c8f](https://github.com/Tencent/tmagic-editor/commit/ca84c8f852a69839ddcba0d92700f36b07f76be7))
-* **editor:** 样式优化调整 ([12de0f5](https://github.com/Tencent/tmagic-editor/commit/12de0f541442cde8651d71982df26d39727cbd56))
-* **editor:** 画布拖动容易误触 ([541a279](https://github.com/Tencent/tmagic-editor/commit/541a279fe7eda0f11c2e71a2eaf66ca19b27c66f))
-* **editor:** 首次选中组件后拖动,更新节点无效 ([dee685f](https://github.com/Tencent/tmagic-editor/commit/dee685f0b33b0c44fdcfac5514a944be6731771d))
-* **stage:** 修复触摸板轻触移动时拖动左键;隐藏标尺后,改变画布大小,再显示标尺,标尺变形 ([edbb552](https://github.com/Tencent/tmagic-editor/commit/edbb5521b321bc28c0504af8f86046bed893588f))
-
-
+- **editor:** 不允许选中跟节点 ([ca84c8f](https://github.com/Tencent/tmagic-editor/commit/ca84c8f852a69839ddcba0d92700f36b07f76be7))
+- **editor:** 样式优化调整 ([12de0f5](https://github.com/Tencent/tmagic-editor/commit/12de0f541442cde8651d71982df26d39727cbd56))
+- **editor:** 画布拖动容易误触 ([541a279](https://github.com/Tencent/tmagic-editor/commit/541a279fe7eda0f11c2e71a2eaf66ca19b27c66f))
+- **editor:** 首次选中组件后拖动,更新节点无效 ([dee685f](https://github.com/Tencent/tmagic-editor/commit/dee685f0b33b0c44fdcfac5514a944be6731771d))
+- **stage:** 修复触摸板轻触移动时拖动左键;隐藏标尺后,改变画布大小,再显示标尺,标尺变形 ([edbb552](https://github.com/Tencent/tmagic-editor/commit/edbb5521b321bc28c0504af8f86046bed893588f))
 
 # [1.0.0-beta.4](https://github.com/Tencent/tmagic-editor/compare/3419f800ef0865a2c6d6a453143c48df5d250a24...v1.0.0-beta.4) (2022-03-14)
 
-
 ### Bug Fixes
 
-* **editor:** 更新根节点出错 ([412c781](https://github.com/Tencent/tmagic-editor/commit/412c78153cc640f0c46a06314e47f66055516106))
-* **form:** 优化table样式 ([3c7d756](https://github.com/Tencent/tmagic-editor/commit/3c7d756d19eff774fec5a96c1177f7c1c9095554))
-* **form:** 表单配置没有变化,初始值变化时,表单发生重绘 ([979336c](https://github.com/Tencent/tmagic-editor/commit/979336c05254783225f4fc5681ef407489c41e67))
-* 更新elemnt-plus2.0.2后,size的值变了,去掉Form下size prop的默认值,增加Formdialog size prop ([3419f80](https://github.com/Tencent/tmagic-editor/commit/3419f800ef0865a2c6d6a453143c48df5d250a24))
-* 构建的文件名与package.json中的不匹配 ([4f4e81f](https://github.com/Tencent/tmagic-editor/commit/4f4e81f27cd48099106ca0baa15109cc22941122))
-
+- **editor:** 更新根节点出错 ([412c781](https://github.com/Tencent/tmagic-editor/commit/412c78153cc640f0c46a06314e47f66055516106))
+- **form:** 优化table样式 ([3c7d756](https://github.com/Tencent/tmagic-editor/commit/3c7d756d19eff774fec5a96c1177f7c1c9095554))
+- **form:** 表单配置没有变化,初始值变化时,表单发生重绘 ([979336c](https://github.com/Tencent/tmagic-editor/commit/979336c05254783225f4fc5681ef407489c41e67))
+- 更新elemnt-plus2.0.2后,size的值变了,去掉Form下size prop的默认值,增加Formdialog size prop ([3419f80](https://github.com/Tencent/tmagic-editor/commit/3419f800ef0865a2c6d6a453143c48df5d250a24))
+- 构建的文件名与package.json中的不匹配 ([4f4e81f](https://github.com/Tencent/tmagic-editor/commit/4f4e81f27cd48099106ca0baa15109cc22941122))
 
 ### Features
 
-* **editor:** 画布拖动 ([de9d7d3](https://github.com/Tencent/tmagic-editor/commit/de9d7d340a62ae94f852a68f6400b5f2a690c8da))
-* **editor:** 画布自适应大小 ([ab3e113](https://github.com/Tencent/tmagic-editor/commit/ab3e113904b5d0601b7a382011cbdbb8f027f6c3))
-* 新增管理端demo代码 ([2bfb85b](https://github.com/Tencent/tmagic-editor/commit/2bfb85bdbfc7870b0caaf03f5aa3644a2c95b9aa))
-
-
-
+- **editor:** 画布拖动 ([de9d7d3](https://github.com/Tencent/tmagic-editor/commit/de9d7d340a62ae94f852a68f6400b5f2a690c8da))
+- **editor:** 画布自适应大小 ([ab3e113](https://github.com/Tencent/tmagic-editor/commit/ab3e113904b5d0601b7a382011cbdbb8f027f6c3))
+- 新增管理端demo代码 ([2bfb85b](https://github.com/Tencent/tmagic-editor/commit/2bfb85bdbfc7870b0caaf03f5aa3644a2c95b9aa))
diff --git a/LICENSE b/LICENSE
index a78dbd39..d1bb08e2 100644
--- a/LICENSE
+++ b/LICENSE
@@ -1,6 +1,6 @@
 Tencent is pleased to support the open source community by making TMagicEditor available. 
 
-Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved. 
+Copyright (C) 2025 Tencent.  All rights reserved. 
 
 TMagicEditor is licensed under the Apache License Version 2.0 except for the third-party components listed below.
 
@@ -74,15 +74,6 @@ Open Source Software Licensed under the Apache License Version 2.0:
 1. typescript
 Copyright (c) Microsoft Corporation. All rights reserved.
 
-2. log4js
-Copyright 2015 Gareth Jones (with contributions from many other people)
-
-3. reflect-metadata
-Copyright (c) Microsoft Corporation. All rights reserved. 
-
-4. xlsx
-Copyright (C) 2013-present SheetJS
-
 
 Terms of the Apache License Version 2.0:
 --------------------------------------------------------------------
@@ -355,8 +346,8 @@ Open Source Software Licensed under the BSD 2-Clause License:
 1. @typescript-eslint/parser
 Copyright JS Foundation and other contributors, https://js.foundation
 
-2. uglify-js
-Copyright 2012-2019 (c) Mihai Bazon <mihai.bazon@gmail.com>
+2. terser
+Copyright 2012-2018 (c) Mihai Bazon <mihai.bazon@gmail.com>
 
 
 Terms of the BSD 2-Clause License:
@@ -390,8 +381,8 @@ Open Source Software Licensed under the BSD 3-Clause License:
 Copyright 2014 Yahoo! Inc.
 All rights reserved.
 
-2. serialize-javascript
-Copyright 2014 Yahoo! Inc.
+2. highlight.js
+Copyright (c) 2006, Ivan Sagalaev.
 All rights reserved.
 
 
@@ -411,11 +402,14 @@ THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
 
 Open Source Software Licensed under the ISC License:
 --------------------------------------------------------------------
-1. raiz
-Copyright raiz original authour and authors
+1. c8
+Copyright (c) 2017, Contributors
 
-2. axios-jsonp
-Copyright (c) Adonis
+2. picocolors
+Copyright (c) 2021 Alexey Raspopov, Kostiantyn Denysov, Anton Verinov
+
+3. semver
+Copyright (c) Isaac Z. Schlueter and Contributors
 
 
 Terms of the ISC License:
@@ -428,232 +422,239 @@ THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH RE
 
 Open Source Software Licensed under the MIT License:
 --------------------------------------------------------------------
-1. events
-Copyright Joyent, Inc. and other Node contributors.
-
-2. vite-plugin-dts
-Copyright (c) 2021-present qmhc
-
-3. color
-Copyright (c) 2012 Heather Arthur
-
-4. element-plus
-Copyright element-plus original authour and authors
-
-5. @types/node
-Copyright (c)  Microsoft TypeScript, DefinitelyTyped, Alberto Schiabel, Alvis HT Tang, Andrew Makarov, Benjamin Toueg, Chigozirim C., David Junger, Deividas Bakanas, Eugene Y. Q. Shen, Hannes Magnusson, Hoàng Văn Khải, Huw, Kelvin Jin, Klaus Meinhardt, Lishude, Mariusz Wiktorczyk, Mohsen Azimi, Nicolas Even, Nikita Galkin, Parambir Singh, Sebastian Silbermann, Simon Schick, Thomas den Hollander, Wilco Bakker, wwwy3y3, Zane Hannan AU, Samuel Ainsworth, Kyle Uehlein, Thanik Bhongbhibhat, Marcin Kopacz, Trivikram Kamat, Junxiao Shi, Ilia Baryshnikov, and ExE Boss.
-
-6. vue
-Copyright (c) 2018-present, Yuxi (Evan) You
-
-7. @vitejs/plugin-vue
-Copyright (c) 2019-present, Yuxi (Evan) You and contributors
-
-8. @vitejs/plugin-vue-jsx
-Copyright (c) 2019-present, Yuxi (Evan) You and Vite contributors
-
-9. @vue/compiler-sfc
-Copyright (c) 2018-present, Yuxi (Evan) You
-
-10. @vue/test-utils
-Copyright (c) 2021-present vuejs
-
-11. sass
-Copyright (c) 2016, Google Inc.
-
-12. vue-tsc
-Copyright (c) 2021-present Johnson Chu
-
-13. moment
-Copyright (c) JS Foundation and other contributors
-
-14. sortablejs
-Copyright (c) 2019 All contributors to Sortable
-
-15. @scena/guides
-Copyright (c) 2019 Daybrush
-
-16. moveable
-Copyright (c) 2019 Daybrush
-
-17. delegate
-Copyright (c) Zeno Rocha
-
-18. tiny-emitter
-Copyright (c) 2017 Scott Corgan
-
-19. @testing-library/vue
-Copyright (c) 2018 Daniel Cook
-Copyright (c) 2017 Kent C. Dodds
-
-20. react
-Copyright (c) Facebook, Inc. and its affiliates.
-
-21. react-dom
-Copyright (c) Facebook, Inc. and its affiliates.
-
-22. vue
-Copyright (c) 2013-present, Yuxi (Evan) You
-
-23. @vue/composition-api
-Copyright (c) 2019-present, liximomo(X.L)
-
-24. vite-plugin-vue2
-Copyright © underfin
-
-25. vue-template-compiler
-Copyright (c)-present, Yuxi (Evan) You
-
-26. rollup-plugin-external-globals
-Copyright (c) 2018 eight
-
-27. recast
-Copyright (c) 2012 Ben Newman <bn@cs.stanford.edu>
-
-28. @babel/preset-env
-Copyright (c) 2014-present Sebastian McKenzie and other contributors
-
-29. @vitejs/plugin-react-refresh
-Copyright (c) 2019-present, Yuxi (Evan) You and Vite contributors
-
-30. @commitlint/cli
+1. @commitlint/cli
 Copyright (c) 2016 - present Mario Nebl
 
-31. @commitlint/config-conventional
+2. @commitlint/config-conventional
 Copyright (c) 2016 - present Mario Nebl
 
-32. @typescript-eslint/eslint-plugin
+3. @element-plus/icons-vue
+Copyright (c) element-plus contributors
+
+4. @eslint/js
+Copyright OpenJS Foundation and other contributors
+
+5. @popperjs/core
+Copyright (c) 2019 Federico Zivolo
+
+6. @scena/guides
+Copyright (c) 2019 Daybrush
+
+7. @stylistic/eslint-plugin
+Copyright (c) Anthony Fu
+
+8. @types/events
+Copyright (c) Microsoft Corporation.
+
+9. @types/fs-extra
+Copyright (c) Microsoft Corporation.
+
+10. @types/lodash-es
+Copyright (c) Microsoft Corporation.
+
+11. @types/node
+Copyright (c) Microsoft Corporation.
+
+12. @types/qrcode
+Copyright (c) Microsoft Corporation.
+
+13. @types/react
+Copyright (c) Microsoft Corporation.
+
+14. @types/react-dom
+Copyright (c) Microsoft Corporation.
+
+15. @types/serialize-javascript
+Copyright (c) Microsoft Corporation.
+
+16. @types/sortablejs
+Copyright (c) Microsoft Corporation.
+
+17. @typescript-eslint/eslint-plugin
 Copyright (c) 2019 TypeScript ESLint and other contributors
 
-33. @vue/cli-plugin-babel
-Copyright (c) 2017-present, Yuxi (Evan) You
+18. @vitejs/plugin-legacy
+Copyright (c) 2019-present, Yuxi (Evan) You and Vite contributors
 
-34. @vue/cli-plugin-unit-jest
-Copyright (c) 2017-present, Yuxi (Evan) You
+19. @vitejs/plugin-react-refresh
+Copyright (c) 2019-present, Yuxi (Evan) You and Vite contributors
 
-35. babel-eslint
-Copyright (c) 2014-2016 Sebastian McKenzie <sebmck@gmail.com>
+20. @vitejs/plugin-vue
+Copyright (c) 2019-present, Yuxi (Evan) You and contributors
 
-36. cz-conventional-changelog
-Copyright (c) 2015-2018 Commitizen Contributors
+21. @vitejs/plugin-vue-jsx
+Copyright (c) 2019-present, Yuxi (Evan) You and Vite contributors
 
-37. eslint
-Copyright JS Foundation and other contributors, https://js.foundation
+22. @vitest/coverage-v8
+Copyright (c) 2021-present, Anthony Fu and Vitest contributors
 
-38. eslint-plugin-import
-Copyright (c) 2015 Ben Mosher
+23. @vue/compiler-sfc
+Copyright (c) 2018-present, Yuxi (Evan) You
 
-39. eslint-plugin-prettier
-Copyright © 2017 Andres Suarez and Teddy Katz
+24. @vue/test-utils
+Copyright (c) 2021-present vuejs
 
-40. eslint-plugin-simple-import-sort
-Copyright (c) 2018, 2019, 2020 Simon Lydell
-
-41. eslint-plugin-vue
-Copyright (c) 2017 Toru Nagashima
-
-42. husky
-Copyright (c) 2021 typicode
-
-43. lerna
-Copyright (c) 2015-present Lerna Contributors
-
-44. lint-staged
-Copyright (c) 2016 Andrey Okonetchnikov
-
-45. prettier
-Copyright © James Long and contributors
-
-46. vue-jest
-Copyright (c) 2017 Edd Yerburgh
-
-47. axios
+25. axios
 Copyright (c) 2014-present Matt Zabriskie
 
-48. core-js
-Copyright (c) 2014-2021 Denis Pushkarev
+26. buffer
+Copyright (c) Feross Aboukhadijeh, and other contributors
 
-49. js-cookie
-Copyright (c) 2018 Copyright 2018 Klaus Hartl, Fagner Brack, GitHub Contributors
+27. cac
+Copyright (c) egoist <0x142857@gmail.com>
 
-50. vue-router
-Copyright (c) 2020 Eduardo San Martin Morote
+28. chokidar
+Copyright (c) Paul Miller (https://paulmillr.com)
 
-51. koa
-Copyright (c) 2019 Koa contributors
+29. commitizen
+Copyright (c) 2015 Jim Cummins
 
-52. koa-bodyparser
-Copyright (c) 2014 dead_horse
+30. conventional-changelog-cli
+Copyright (c) Steve Mao
 
-53. koa-router
-Copyright (c) 2015 Alexander C. Mingoia
+31. cosmiconfig
+Copyright (c) 2015 David Clark
 
-54. koa-send
-Copyright (c) 2020 Koa contributors
+32. cz-conventional-changelog
+Copyright (c) 2015-2018 Commitizen Contributors
 
-55. module-alias
-Copyright (c) 2018, Nick Gavrilov
+33. dayjs
+Copyright (c) 2018-present, iamkun
 
-56. mysql2
-Copyright (c) 2016 Andrey Sidorov (sidorares@yandex.ru) and contributors
+34. deep-object-diff
+Copyright (c) 2017 Matt Phillips
 
-57. sequelize
-Copyright (c) 2014-present Sequelize contributors
+35. deep-state-observer
+Copyright (c) neuronet.io
 
-58. sequelize-typescript
-Copyright (c) 2017 Robin Buschmann
+36. element-plus
+Copyright element-plus original authour and authors
 
-59. lodash
-Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
+37. emmet-monaco-es
+Copyright (c) Troy
 
-60. jest
-Copyright (c) Facebook, Inc. and its affiliates.
+38. enquirer
+Copyright (c) 2016-present, Jon Schlinkert
 
-61. fs-extra
+39. esbuild
+Copyright (c) 2020 Evan Wallace
+
+40. eslint
+Copyright JS Foundation and other contributors, https://js.foundation
+
+41. eslint-config-prettier
+Copyright (c) 2017 Simon Lydell
+
+42. eslint-plugin-import
+Copyright (c) 2015 Ben Mosher
+
+43. eslint-plugin-prettier
+Copyright © 2017 Andres Suarez and Teddy Katz
+
+44. eslint-plugin-simple-import-sort
+Copyright (c) 2018, 2019, 2020 Simon Lydell
+
+45. eslint-plugin-vue
+Copyright (c) 2017 Toru Nagashima
+
+46. events
+Copyright Joyent, Inc. and other Node contributors.
+
+47. execa
+Copyright (c) Sindre Sorhus <sindresorhus@gmail.com>
+
+48. fs-extra
 Copyright (c) 2011-2017 JP Richardson
 
-62. moment-timezone
-Copyright (c) JS Foundation and other contributors
+49. gesto
+Copyright (c) 2019 Daybrush
 
-63. nodemon
-Copyright (C) Remy Sharp
+50. globals
+Copyright (c) Sindre Sorhus <sindresorhus@gmail.com>
 
-64. ts-node
-Copyright (c) 2014 Blake Embrey (hello@blakeembrey.com)
+51. husky
+Copyright (c) 2021 typicode
 
-65. tsconfig-paths
-Copyright (c) 2016 Jonas Kello
+52. jsdom
+Copyright (c) 2010 Elijah Insua
 
-66. prettier
-Copyright © James Long and contributors
+53. keycon
+Copyright (c) 2019 Daybrush
 
-67. @babel/core
-Copyright (c) 2014-present Sebastian McKenzie and other contributors
+54. lint-staged
+Copyright (c) 2016 Andrey Okonetchnikov
 
-68. @babel/preset-typescript
-Copyright (c) 2014-present Sebastian McKenzie and other contributors
+55. merge-options
+Copyright (c) Michael Mayer
 
-69. @types/fs-extra
-Copyright (c) Microsoft Corporation.
+56. minimist
+Copyright (c) James Halliday
 
-70. @types/jest
-Copyright (c) Microsoft Corporation.
-
-71. @types/koa
-Copyright (C) DavidCai1993, jKey Lu, Brice Bernard, harryparkdotio, Wooram Jun, Christian Vaagland Tellnes, Piotr Kuczynski, and vnoder.
-
-72. @types/koa-bodyparser
-Copyright (C) Jerry Chin, Anup Kishore, Hiroshi Ioka, Alexi Maschas, and Pirasis Leelatanon.
-
-73. zepto
-Copyright (c) 2010-2016 Thomas Fuchs
-http://zeptojs.com/
-
-74. monaco-editor
+57. monaco-editor
 Copyright (c) 2016 - present Microsoft Corporation
 
-75. @types/koa-router
-Copyright (C) Jerry Chin, Pavel Ivanov, JounQin, Romain Faust, Guillaume Mayer, Andrea Gueugnaut, and Yves Kaufmann.
+58. moveable
+Copyright (c) 2019 Daybrush
+
+59. moveable-helper
+Copyright (c) 2019 Daybrush
+
+60. prettier
+Copyright © James Long and contributors
+
+61. qrcode
+Copyright (c) Ryan Day
+
+62. react
+Copyright (c) Facebook, Inc. and its affiliates.
+
+63. react-dom
+Copyright (c) Facebook, Inc. and its affiliates.
+
+64. recast
+Copyright (c) 2012 Ben Newman <bn@cs.stanford.edu>
+
+65. rolldown
+Copyright (c) 2023-present Rolldown contributors
+
+66. rolldown-plugin-dts
+Copyright (c) Kevin Deng
+
+67. sass-embedded
+Copyright (c) 2019 Google Inc.
+
+68. scenejs
+Copyright (c) 2019 Daybrush
+
+69. shx
+Copyright (c) ShellJS contributors
+
+70. sortablejs
+Copyright (c) 2019 All contributors to Sortable
+
+71. tdesign-vue-next
+Copyright (c) Tencent
+
+72. typescript-eslint
+Copyright (c) 2019 TypeScript ESLint and other contributors
+
+73. vite-plugin-commonjs
+Copyright (c) vite-plugin contributors
+
+74. vitepress
+Copyright (c) 2019-present, Yuxi (Evan) You
+
+75. vitest
+Copyright (c) 2021-present, Anthony Fu and Vitest contributors
+
+76. vue
+Copyright (c) 2018-present, Yuxi (Evan) You
+
+77. vue-router
+Copyright (c) 2020 Eduardo San Martin Morote
+
+78. vue-tsc
+Copyright (c) 2021-present Johnson Chu
 
 
 Terms of the MIT License:
@@ -5430,3 +5431,73 @@ Repository: github:eemeli/yaml
 > TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF
 > THIS SOFTWARE.
 
+
+
+Open Source Software Licensed under the Zero-Clause BSD License (0BSD):
+--------------------------------------------------------------------
+1. tslib
+Copyright (c) Microsoft Corp.
+
+
+Terms of the Zero-Clause BSD License (0BSD):
+--------------------------------------------------------------------
+Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+
+
+
+Open Source Software Licensed under the Blue Oak Model License 1.0.0:
+--------------------------------------------------------------------
+1. rimraf
+Copyright (c) Isaac Z. Schlueter and Contributors
+
+
+Terms of the Blue Oak Model License 1.0.0:
+--------------------------------------------------------------------
+Blue Oak Model License
+
+Version 1.0.0
+
+Purpose
+
+This license gives everyone as much permission to work with this software as possible, while protecting contributors from liability.
+
+Acceptance
+
+In order to receive this license, you must agree to its rules. The rules of this license are both obligations under that agreement and conditions to your license. You must not do anything with this software that triggers a rule that you cannot or will not follow.
+
+Copyright
+
+Each contributor licenses you to do everything with this software that would otherwise infringe that contributor's copyright in it.
+
+Notices
+
+You must ensure that everyone who gets a copy of any part of this software from you, with or without changes, also gets the text of this license or a link to https://blueoakcouncil.org/license/1.0.0.
+
+Excuse
+
+If anyone notifies you in writing that you have not complied with Notices, you can keep your license by taking all practical steps to comply within 30 days after the notice. If you do not do so, your license ends immediately.
+
+Patent
+
+Each contributor licenses you to do everything with this software that would otherwise infringe any patent claims they can license or become able to license.
+
+Reliability
+
+No contributor can revoke this license.
+
+No Liability
+
+As far as the law allows, this software comes as is, without any warranty or condition, and no contributor will be liable to anyone for any damages related to this software or this license, under any kind of legal claim.
+
+
+
+Open Source Software Licensed under the (MIT OR CC0-1.0) License:
+--------------------------------------------------------------------
+1. type-fest
+Copyright (c) Sindre Sorhus <sindresorhus@gmail.com> (https://sindresorhus.com)
+
+
+A copy of the MIT License is included in this file.
+
diff --git a/commitlint.config.cjs b/commitlint.config.cjs
deleted file mode 100644
index 422b1944..00000000
--- a/commitlint.config.cjs
+++ /dev/null
@@ -1 +0,0 @@
-module.exports = { extends: ['@commitlint/config-conventional'] };
diff --git a/commitlint.config.js b/commitlint.config.js
new file mode 100644
index 00000000..3f5e287f
--- /dev/null
+++ b/commitlint.config.js
@@ -0,0 +1 @@
+export default { extends: ['@commitlint/config-conventional'] };
diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
index 2a4d51b1..0b21fcf6 100644
--- a/docs/.vitepress/config.ts
+++ b/docs/.vitepress/config.ts
@@ -24,12 +24,13 @@ export default defineConfig({
 
     footer: {
       message: 'Powered by 腾讯视频会员平台技术中心',
-      copyright: 'Copyright (C) 2023 THL A29 Limited, a Tencent company.'
+      copyright: 'Copyright (C) 2025 Tencent.'
     },
 
     nav: [
       { text: '文档', link: '/guide/', activeMatch: '/guide/' },
-      { text: 'API', link: '/api/editor/props', activeMatch: '/api/' },
+      { text: 'Editor API', link: '/api/editor/props', activeMatch: '/api/' },
+      { text: 'Runtime API', link: '/runtime-api/core/app', activeMatch: '/runtime-api/' },
       { text: '表单配置', link: '/form-config/fields/text', activeMatch: '/form-config/' },
       { text: '更新日志', link: 'https://github.com/Tencent/tmagic-editor/releases' },
       { text: 'Playground', link: 'https://tencent.github.io/tmagic-editor/playground/index.html' },
@@ -48,14 +49,6 @@ export default defineConfig({
               text: '快速开始',
               link: '/guide/'
             },
-            {
-              text: '基础概念',
-              link: '/guide/conception.md',
-            },
-            {
-              text: '页面发布',
-              link: '/guide/publish.md'
-            },
             {
               text: 'RUNTIME',
               link: '/guide/runtime.md'
@@ -64,10 +57,22 @@ export default defineConfig({
               text: '组件开发',
               link: '/guide/component.md'
             },
+            {
+              text: '基础概念',
+              link: '/guide/conception.md',
+            },
+            {
+              text: '页面发布',
+              link: '/guide/publish.md'
+            },
             {
               text: '编辑器扩展',
               link: '/guide/editor-expand.md'
             },
+            {
+              text: '升级到1.5.x',
+              link: '/guide/migration.md'
+            },
           ]
         },
         {
@@ -307,6 +312,10 @@ export default defineConfig({
               text: 'InputNumber计数器',
               link: '/form-config/fields/number.md'
             },
+            {
+              text: 'NumberRange数字范围',
+              link: '/form-config/fields/number-range.md'
+            },
             {
               text: 'Display只读文本',
               link: '/form-config/fields/display.md'
@@ -347,6 +356,10 @@ export default defineConfig({
               text: 'DatePick日期选择器',
               link: '/form-config/fields/date-picker.md'
             },
+            {
+              text: 'DateRangePick日期范围选择器',
+              link: '/form-config/fields/daterange-picker.md'
+            },
             {
               text: 'DatetimePick日期时间选择器',
               link: '/form-config/fields/datetime-picker.md'
@@ -354,9 +367,90 @@ export default defineConfig({
             {
               text: 'TimePick时间选择器',
               link: '/form-config/fields/time-picker.md'
+            },
+            {
+              text: 'TimeRangePick时间范围选择器',
+              link: '/form-config/fields/timerange-picker.md'
+            },
+            {
+              text: 'DynamicField动态表单',
+              link: '/form-config/fields/dynamic-field.md'
             }
           ]
         },
+        {
+          text: '编辑器中可用配置',
+          items: [
+            {
+              text: 'Code代码编辑器',
+              link: '/form-config/editor-fields/code.md'
+            },
+            {
+              text: 'CodeLink代码链接',
+              link: '/form-config/editor-fields/code-link.md'
+            },
+            {
+              text: 'CodeSelect代码块选择器',
+              link: '/form-config/editor-fields/code-select.md'
+            },
+            {
+              text: 'CodeSelectCol代码块选择列',
+              link: '/form-config/editor-fields/code-select-col.md'
+            },
+            {
+              text: 'DataSourceSelect数据源选择器',
+              link: '/form-config/editor-fields/data-source-select.md'
+            },
+            {
+              text: 'DataSourceFieldSelect数据源字段选择器',
+              link: '/form-config/editor-fields/data-source-field-select.md'
+            },
+            {
+              text: 'DataSourceMethodSelect数据源方法选择器',
+              link: '/form-config/editor-fields/data-source-method-select.md'
+            },
+            {
+              text: 'DataSourceFields数据源字段配置',
+              link: '/form-config/editor-fields/data-source-fields.md'
+            },
+            {
+              text: 'DataSourceInput数据源输入框',
+              link: '/form-config/editor-fields/data-source-input.md'
+            },
+            {
+              text: 'DataSourceMethods数据源方法配置',
+              link: '/form-config/editor-fields/data-source-methods.md'
+            },
+            {
+              text: 'DataSourceMocks数据源Mock配置',
+              link: '/form-config/editor-fields/data-source-mocks.md'
+            },
+            {
+              text: 'UISelect组件选择器',
+              link: '/form-config/editor-fields/ui-select.md'
+            },
+            {
+              text: 'KeyValue键值对',
+              link: '/form-config/editor-fields/key-value.md'
+            },
+            {
+              text: 'PageFragmentSelect页面片选择器',
+              link: '/form-config/editor-fields/page-fragment-select.md'
+            },
+            {
+              text: 'EventSelect事件选择器',
+              link: '/form-config/editor-fields/event-select.md'
+            },
+            {
+              text: 'DisplayConds显示条件配置',
+              link: '/form-config/editor-fields/display-conds.md'
+            },
+            {
+              text: 'CondOpSelect条件操作选择器',
+              link: '/form-config/editor-fields/cond-op-select.md'
+            }
+          ],
+        },
         {
           text: '布局配置',
           items: [
@@ -384,20 +478,91 @@ export default defineConfig({
             }
           ]
         }
+      ],
+      '/runtime-api/': [
+        {
+          text: '@tmagic/core',
+          items: [
+            {
+              text: 'App',
+              link: '/runtime-api/core/app',
+            },
+            {
+              text: 'Node',
+              link: '/runtime-api/core/node',
+            },
+            {
+              text: 'Page',
+              link: '/runtime-api/core/page',
+            },
+            {
+              text: 'EventHelper',
+              link: '/runtime-api/core/eventHelper',
+            },
+            {
+              text: 'Env',
+              link: '/runtime-api/core/env',
+            },
+            {
+              text: 'IteratorContainer',
+              link: '/runtime-api/core/iteratorContainer',
+            },
+            {
+              text: 'FlowState',
+              link: '/runtime-api/core/flowState',
+            },
+            {
+              text: 'DevtoolApi',
+              link: '/runtime-api/core/devtoolApi',
+            },
+            {
+              text: '工具函数',
+              link: '/runtime-api/core/utils',
+            },
+          ],
+        },
+        {
+          text: '@tmagic/data-source',
+          items: [
+            {
+              text: 'DataSourceManager',
+              link: '/runtime-api/data-source/dataSourceManager',
+            },
+            {
+              text: 'DataSource',
+              link: '/runtime-api/data-source/dataSource',
+            },
+            {
+              text: 'HttpDataSource',
+              link: '/runtime-api/data-source/httpDataSource',
+            },
+            {
+              text: '观察者数据类',
+              link: '/runtime-api/data-source/observedData',
+            },
+            {
+              text: '工具函数',
+              link: '/runtime-api/data-source/utils',
+            },
+          ],
+        },
       ]
     },
   },
 
   vite: {
     optimizeDeps: {
-      esbuildOptions: {
-        define: {
-          global: 'globalThis',
+      rolldownOptions: {
+        transform: {
+          define: {
+            global: 'globalThis',
+          },
         },
       },
     },
     resolve: {
       alias:[
+        { find: /^@tmagic\/form-schema/, replacement: path.join(__dirname, '../../packages/form-schema/src/index.ts') },
         { find: /^@tmagic\/form/, replacement: path.join(__dirname, '../../packages/form/src/index.ts') },
         { find: /^@tmagic\/utils/, replacement: path.join(__dirname, '../../packages/utils/src/index.ts') },
         { find: /^@tmagic\/schema/, replacement: path.join(__dirname, '../../packages/schema/src/index.ts') },
diff --git a/docs/.vitepress/theme/components/demo-block.vue b/docs/.vitepress/theme/components/demo-block.vue
index 368d2dc2..4c251545 100644
--- a/docs/.vitepress/theme/components/demo-block.vue
+++ b/docs/.vitepress/theme/components/demo-block.vue
@@ -17,11 +17,7 @@
         <slot name="highlight"></slot>
       </div>
     </div>
-    <div
-      class="demo-block-control"
-      ref="control"
-      @click="isExpanded = !isExpanded"
-    >
+    <div class="demo-block-control" ref="control" @click="isExpanded = !isExpanded">
       <transition name="arrow-slide">
         <i :class="[iconClass, hovering]"></i>
       </transition>
@@ -30,23 +26,14 @@
       </transition>
       <el-tooltip effect="dark" :content="'前往 codepen.io 运行此示例'" placement="right">
         <transition name="text-slide">
-          <el-button
-            size="small"
-            type="primary"
-            text
-            class="control-button"
-            @click.stop="goCodepen"
-          >
-            {{type === 'form' ? '查看结果' : '在线运行'}}
+          <el-button size="small" type="primary" text class="control-button" @click.stop="goCodepen">
+            {{ type === 'form' ? '查看结果' : '在线运行' }}
           </el-button>
         </transition>
       </el-tooltip>
     </div>
 
-    <el-dialog
-      v-model="resultVisible"
-      title="result"
-    >
+    <el-dialog v-model="resultVisible" title="result">
       <pre><code class="language-javascript hljs" v-html="result"></code></pre>
     </el-dialog>
   </div>
@@ -60,7 +47,9 @@
   transition: 0.2s;
 
   &.hover {
-    box-shadow: 0 0 8px 0 rgba(232, 237, 250, 0.6), 0 2px 4px 0 rgba(232, 237, 250, 0.5);
+    box-shadow:
+      0 0 8px 0 rgba(232, 237, 250, 0.6),
+      0 2px 4px 0 rgba(232, 237, 250, 0.5);
   }
 
   code {
@@ -200,6 +189,8 @@
 import hljs from 'highlight.js';
 import serialize from 'serialize-javascript';
 
+import { MForm } from '@tmagic/form';
+
 export function stripScript(content) {
   const result = content.match(/<(script)>([\s\S]+)<\/\1>/);
   return result && result[2] ? result[2].trim() : '';
@@ -219,9 +210,11 @@ export function stripTemplate(content) {
 }
 
 export default {
-  props: [
-    'type', 'config'
-  ],
+  props: ['type', 'config'],
+
+  components: {
+    MForm,
+  },
 
   data() {
     return {
@@ -293,12 +286,15 @@ export default {
     },
 
     text() {
-      return this.isStringConfig ?
-        hljs.highlight('js', this.config).value :
-        hljs.highlight('js', serialize(this.config, {
-          space: 2,
-          unsafe: true,
-        }).replace(/"(\w+)":\s/g, '$1: ')).value;
+      return this.isStringConfig
+        ? hljs.highlight('js', this.config).value
+        : hljs.highlight(
+            'js',
+            serialize(this.config, {
+              space: 2,
+              unsafe: true,
+            }).replace(/"(\w+)":\s/g, '$1: '),
+          ).value;
     },
 
     formConfig() {
@@ -307,7 +303,7 @@ export default {
 
     isStringConfig() {
       return typeof this.config === 'string';
-    }
+    },
   },
 
   watch: {
@@ -356,7 +352,7 @@ export default {
     });
   },
 
-  beforeDestroy() {
+  beforeUnmount() {
     this.removeScrollHandler();
   },
 };
diff --git a/docs/api/editor/componentListServiceMethods.md b/docs/api/editor/componentListServiceMethods.md
index 7a8d0204..73a51052 100644
--- a/docs/api/editor/componentListServiceMethods.md
+++ b/docs/api/editor/componentListServiceMethods.md
@@ -4,34 +4,101 @@
 
 - **参数：**
 
-  - 
+  - {[ComponentGroup](https://github.com/Tencent/tmagic-editor/blob/5880dfbe15fcead63e9dc7c91900f8c4e7a574d8/packages/editor/src/type.ts#L355)[]} componentGroupList 组件列表配置
 
 - **返回：**
 
-  - `{Promise<void>}`
+  - `{void}`
 
 - **详情：**
 
+  设置左侧面板的组件列表配置
+
+  :::tip
+  该方法通常由编辑器内部调用，开发者可以通过 [m-editor 的 componentGroupList prop](./props.md#componentgrouplist) 来配置组件列表
+  :::
+
+- **示例：**
+
+```js
+import { componentListService } from '@tmagic/editor';
+
+componentListService.setList([
+  {
+    title: '基础组件',
+    items: [
+      {
+        icon: 'text-icon',
+        text: '文本',
+        type: 'text',
+      },
+      {
+        icon: 'button-icon',
+        text: '按钮',
+        type: 'button',
+      },
+    ],
+  },
+]);
+```
+
 ## getList
 
-- **参数：**
-
-  - 
+- **参数：** 无
 
 - **返回：**
 
-  - `{Promise<void>}`
+  - {[ComponentGroup](https://github.com/Tencent/tmagic-editor/blob/5880dfbe15fcead63e9dc7c91900f8c4e7a574d8/packages/editor/src/type.ts#L355)[]} 组件列表配置
 
 - **详情：**
 
+  获取当前的组件列表配置
+
+- **示例：**
+
+```js
+import { componentListService } from '@tmagic/editor';
+
+const list = componentListService.getList();
+console.log(list);
+```
+
+## resetState
+
+- **参数：** 无
+
+- **返回：**
+
+  - `{void}`
+
+- **详情：**
+
+  重置组件列表状态，清空所有配置
+
+- **示例：**
+
+```js
+import { componentListService } from '@tmagic/editor';
+
+componentListService.resetState();
+```
+
 ## destroy
 
-- **参数：**
-
-  - 
+- **参数：** 无
 
 - **返回：**
 
-  - `{Promise<void>}`
+  - `{void}`
 
 - **详情：**
+
+  销毁 componentListService，清空状态并移除所有事件监听和插件
+
+- **示例：**
+
+```js
+import { componentListService } from '@tmagic/editor';
+
+componentListService.destroy();
+```
diff --git a/docs/api/editor/dataSourceServiceMethods.md b/docs/api/editor/dataSourceServiceMethods.md
index 74f6243a..38c365c8 100644
--- a/docs/api/editor/dataSourceServiceMethods.md
+++ b/docs/api/editor/dataSourceServiceMethods.md
@@ -2,30 +2,540 @@
 
 ## get
 
+- **参数：**
+
+  - `{StateKey}` name 状态键名
+
+- **返回：**
+
+  - `{any}` 对应的状态值
+
+- **详情：**
+
+  获取数据源服务的内部状态
+
+  可用的状态键：
+  - `datasourceTypeList`: 数据源类型列表
+  - `dataSources`: 当前数据源列表
+  - `editable`: 是否可编辑
+  - `configs`: 数据源表单配置
+  - `values`: 数据源默认值
+  - `events`: 数据源事件列表
+  - `methods`: 数据源方法列表
+
+- **示例：**
+
+```js
+import { dataSourceService } from '@tmagic/editor';
+
+const dataSources = dataSourceService.get('dataSources');
+console.log(dataSources);
+```
+
+## set
+
+- **参数：**
+
+  - `{StateKey}` name 状态键名
+  - `{any}` value 状态值
+
+- **返回：**
+
+  - `{void}`
+
+- **详情：**
+
+  设置数据源服务的内部状态
+
+- **示例：**
+
+```js
+import { dataSourceService } from '@tmagic/editor';
+
+dataSourceService.set('editable', false);
+```
+
 ## getFormConfig
 
+- **[扩展支持](../../guide/editor-expand#行为扩展)：** 是
+
+- **参数：**
+
+  - `{string}` type 数据源类型，默认为 'base'
+
+- **返回：**
+
+  - {[FormConfig](https://github.com/Tencent/tmagic-editor/blob/c143a5f7670ae61d80c1a2cfcc780cfb5259849d/packages/form/src/schema.ts#L706)} 表单配置
+
+- **详情：**
+
+  获取指定类型数据源的表单配置
+
+- **示例：**
+
+```js
+import { dataSourceService } from '@tmagic/editor';
+
+const config = dataSourceService.getFormConfig('http');
+console.log(config);
+```
+
 ## setFormConfig
 
+- **[扩展支持](../../guide/editor-expand#行为扩展)：** 是
+
+- **参数：**
+
+  - `{string}` type 数据源类型
+  - {[FormConfig](https://github.com/Tencent/tmagic-editor/blob/c143a5f7670ae61d80c1a2cfcc780cfb5259849d/packages/form/src/schema.ts#L706)} config 表单配置
+
+- **返回：**
+
+  - `{void}`
+
+- **详情：**
+
+  设置指定类型数据源的表单配置
+
+- **示例：**
+
+```js
+import { dataSourceService } from '@tmagic/editor';
+
+dataSourceService.setFormConfig('http', [
+  {
+    name: 'url',
+    text: '请求地址',
+    type: 'text',
+  },
+  {
+    name: 'method',
+    text: '请求方法',
+    type: 'select',
+    options: [
+      { text: 'GET', value: 'GET' },
+      { text: 'POST', value: 'POST' },
+    ],
+  },
+]);
+```
+
 ## getFormValue
 
+- **[扩展支持](../../guide/editor-expand#行为扩展)：** 是
+
+- **参数：**
+
+  - `{string}` type 数据源类型，默认为 'base'
+
+- **返回：**
+
+  - {Partial<[DataSourceSchema](https://github.com/Tencent/tmagic-editor/blob/5880dfbe15fcead63e9dc7c91900f8c4e7a574d8/packages/schema/src/index.ts#L221)>} 数据源默认值
+
+- **详情：**
+
+  获取指定类型数据源的默认值
+
+- **示例：**
+
+```js
+import { dataSourceService } from '@tmagic/editor';
+
+const defaultValue = dataSourceService.getFormValue('http');
+console.log(defaultValue);
+```
+
 ## setFormValue
 
+- **[扩展支持](../../guide/editor-expand#行为扩展)：** 是
+
+- **参数：**
+
+  - `{string}` type 数据源类型
+  - {Partial<[DataSourceSchema](https://github.com/Tencent/tmagic-editor/blob/5880dfbe15fcead63e9dc7c91900f8c4e7a574d8/packages/schema/src/index.ts#L221)>} value 数据源默认值
+
+- **返回：**
+
+  - `{void}`
+
+- **详情：**
+
+  设置指定类型数据源的默认值
+
+- **示例：**
+
+```js
+import { dataSourceService } from '@tmagic/editor';
+
+dataSourceService.setFormValue('http', {
+  type: 'http',
+  method: 'GET',
+  url: '',
+});
+```
+
 ## getFormEvent
 
+- **[扩展支持](../../guide/editor-expand#行为扩展)：** 是
+
+- **参数：**
+
+  - `{string}` type 数据源类型，默认为 'base'
+
+- **返回：**
+
+  - {[EventOption](https://github.com/Tencent/tmagic-editor/blob/239b5d3efeae916a8cf3e3566d88063ecccc0553/packages/core/src/events.ts#L26-L29)[]} 事件列表
+
+- **详情：**
+
+  获取指定类型数据源的事件列表
+
+- **示例：**
+
+```js
+import { dataSourceService } from '@tmagic/editor';
+
+const events = dataSourceService.getFormEvent('http');
+console.log(events);
+```
+
 ## setFormEvent
 
+- **[扩展支持](../../guide/editor-expand#行为扩展)：** 是
+
+- **参数：**
+
+  - `{string}` type 数据源类型
+  - {[EventOption](https://github.com/Tencent/tmagic-editor/blob/239b5d3efeae916a8cf3e3566d88063ecccc0553/packages/core/src/events.ts#L26-L29)[]} value 事件列表
+
+- **返回：**
+
+  - `{void}`
+
+- **详情：**
+
+  设置指定类型数据源的事件列表
+
+- **示例：**
+
+```js
+import { dataSourceService } from '@tmagic/editor';
+
+dataSourceService.setFormEvent('http', [
+  { label: '请求成功', value: 'success' },
+  { label: '请求失败', value: 'error' },
+]);
+```
+
 ## getFormMethod
 
+- **[扩展支持](../../guide/editor-expand#行为扩展)：** 是
+
+- **参数：**
+
+  - `{string}` type 数据源类型，默认为 'base'
+
+- **返回：**
+
+  - {[EventOption](https://github.com/Tencent/tmagic-editor/blob/239b5d3efeae916a8cf3e3566d88063ecccc0553/packages/core/src/events.ts#L26-L29)[]} 方法列表
+
+- **详情：**
+
+  获取指定类型数据源的方法列表
+
+- **示例：**
+
+```js
+import { dataSourceService } from '@tmagic/editor';
+
+const methods = dataSourceService.getFormMethod('http');
+console.log(methods);
+```
+
 ## setFormMethod
 
+- **[扩展支持](../../guide/editor-expand#行为扩展)：** 是
+
+- **参数：**
+
+  - `{string}` type 数据源类型
+  - {[EventOption](https://github.com/Tencent/tmagic-editor/blob/239b5d3efeae916a8cf3e3566d88063ecccc0553/packages/core/src/events.ts#L26-L29)[]} value 方法列表
+
+- **返回：**
+
+  - `{void}`
+
+- **详情：**
+
+  设置指定类型数据源的方法列表
+
+- **示例：**
+
+```js
+import { dataSourceService } from '@tmagic/editor';
+
+dataSourceService.setFormMethod('http', [
+  { label: '发起请求', value: 'request' },
+  { label: '重试', value: 'retry' },
+]);
+```
+
 ## add
 
+- **[扩展支持](../../guide/editor-expand#行为扩展)：** 是
+
+- **参数：**
+
+  - {[DataSourceSchema](https://github.com/Tencent/tmagic-editor/blob/5880dfbe15fcead63e9dc7c91900f8c4e7a574d8/packages/schema/src/index.ts#L221)} config 数据源配置
+
+- **返回：**
+
+  - {[DataSourceSchema](https://github.com/Tencent/tmagic-editor/blob/5880dfbe15fcead63e9dc7c91900f8c4e7a574d8/packages/schema/src/index.ts#L221)} 添加后的数据源配置
+
+- **详情：**
+
+  添加一个数据源，如果配置中没有id或id已存在，会自动生成新的id
+
+- **示例：**
+
+```js
+import { dataSourceService } from '@tmagic/editor';
+
+const newDs = dataSourceService.add({
+  type: 'http',
+  title: '用户信息',
+  url: '/api/user',
+  method: 'GET',
+});
+
+console.log(newDs.id); // 自动生成的id
+```
+
 ## update
 
+- **[扩展支持](../../guide/editor-expand#行为扩展)：** 是
+
+- **参数：**
+
+  - {[DataSourceSchema](https://github.com/Tencent/tmagic-editor/blob/5880dfbe15fcead63e9dc7c91900f8c4e7a574d8/packages/schema/src/index.ts#L221)} config 数据源配置
+  - `{Object}` options 可选配置
+    - {[ChangeRecord](https://github.com/Tencent/tmagic-editor/blob/239b5d3efeae916a8cf3e3566d88063ecccc0553/packages/form/src/schema.ts#L27-L39)[]} changeRecords 变更记录
+
+- **返回：**
+
+  - {[DataSourceSchema](https://github.com/Tencent/tmagic-editor/blob/5880dfbe15fcead63e9dc7c91900f8c4e7a574d8/packages/schema/src/index.ts#L221)} 更新后的数据源配置
+
+- **详情：**
+
+  更新数据源
+
+- **示例：**
+
+```js
+import { dataSourceService } from '@tmagic/editor';
+
+const updatedDs = dataSourceService.update({
+  id: 'ds_123',
+  type: 'http',
+  title: '用户详情',
+  url: '/api/user/detail',
+});
+
+console.log(updatedDs);
+```
+
 ## remove
 
+- **[扩展支持](../../guide/editor-expand#行为扩展)：** 是
+
+- **参数：**
+
+  - `{string}` id 数据源id
+
+- **返回：**
+
+  - `{void}`
+
+- **详情：**
+
+  删除指定id的数据源
+
+- **示例：**
+
+```js
+import { dataSourceService } from '@tmagic/editor';
+
+dataSourceService.remove('ds_123');
+```
+
+## createId
+
+- **[扩展支持](../../guide/editor-expand#行为扩展)：** 是
+
+- **参数：** 无
+
+- **返回：**
+
+  - `{string}` 生成的唯一id
+
+- **详情：**
+
+  生成一个唯一的数据源id，格式为 `ds_` + guid
+
+- **示例：**
+
+```js
+import { dataSourceService } from '@tmagic/editor';
+
+const id = dataSourceService.createId();
+console.log(id); // 'ds_xxx-xxx-xxx'
+```
+
 ## getDataSourceById
 
+- **参数：**
+
+  - `{string}` id 数据源id
+
+- **返回：**
+
+  - {[DataSourceSchema](https://github.com/Tencent/tmagic-editor/blob/5880dfbe15fcead63e9dc7c91900f8c4e7a574d8/packages/schema/src/index.ts#L221) | undefined} 数据源配置
+
+- **详情：**
+
+  根据id获取数据源配置
+
+- **示例：**
+
+```js
+import { dataSourceService } from '@tmagic/editor';
+
+const ds = dataSourceService.getDataSourceById('ds_123');
+console.log(ds);
+```
+
+## copyWithRelated
+
+- **参数：**
+
+  - {[MNode](https://github.com/Tencent/tmagic-editor/blob/c143a5f7670ae61d80c1a2cfcc780cfb5259849d/packages/schema/src/index.ts#L99) | [MNode](https://github.com/Tencent/tmagic-editor/blob/c143a5f7670ae61d80c1a2cfcc780cfb5259849d/packages/schema/src/index.ts#L99)[]} config 组件节点配置
+  - `{TargetOptions}` collectorOptions 可选的收集器配置
+
+- **返回：**
+
+  - `{void}`
+
+- **详情：**
+
+  复制组件时会带上组件关联的数据源，将关联的数据源存储到 localStorage
+
+- **示例：**
+
+```js
+import { dataSourceService, editorService } from '@tmagic/editor';
+
+const node = editorService.get('node');
+dataSourceService.copyWithRelated(node);
+```
+
+## paste
+
+- **参数：** 无
+
+- **返回：**
+
+  - `{void}`
+
+- **详情：**
+
+  粘贴数据源，从 localStorage 中读取复制的数据源并添加到当前页面
+  
+  如果数据源id已存在，则不会覆盖
+
+- **示例：**
+
+```js
+import { dataSourceService } from '@tmagic/editor';
+
+dataSourceService.paste();
+```
+
 ## resetState
 
-## destroy
\ No newline at end of file
+- **参数：** 无
+
+- **返回：**
+
+  - `{void}`
+
+- **详情：**
+
+  重置数据源服务状态，清空所有数据源
+
+- **示例：**
+
+```js
+import { dataSourceService } from '@tmagic/editor';
+
+dataSourceService.resetState();
+```
+
+## destroy
+
+- **参数：** 无
+
+- **返回：**
+
+  - `{void}`
+
+- **详情：**
+
+  销毁 dataSourceService，移除所有事件监听并重置状态
+
+- **示例：**
+
+```js
+import { dataSourceService } from '@tmagic/editor';
+
+dataSourceService.destroy();
+```
+
+## usePlugin
+
+- **详情：**
+
+相对于[use](#use), usePlugin支持更加灵活更加细致的扩展， 上述方法中标记有`扩展支持： 是`的方法都支持使用usePlugin扩展
+
+每个支持扩展的方法都支持定制before、after两个hook来干预原有方法的行为，before可以用于修改传入参数，after可以用于修改返回的值
+
+- **示例：**
+
+```js
+import { dataSourceService } from '@tmagic/editor';
+
+dataSourceService.usePlugin({
+  beforeAdd(config) {
+    console.log('添加前:', config);
+    return [config];
+  },
+  
+  afterAdd(result, config) {
+    console.log('添加后:', result);
+    return result;
+  },
+});
+```
+
+## removeAllPlugins
+
+- **详情：**
+
+删掉当前设置的所有扩展
+
+- **示例：**
+
+```js
+import { dataSourceService } from '@tmagic/editor';
+
+dataSourceService.removeAllPlugins();
+```
\ No newline at end of file
diff --git a/docs/api/editor/eventsServiceMethods.md b/docs/api/editor/eventsServiceMethods.md
index 878fbc07..e740dc91 100644
--- a/docs/api/editor/eventsServiceMethods.md
+++ b/docs/api/editor/eventsServiceMethods.md
@@ -1,97 +1,244 @@
-# eventService方法
+# eventsService方法
 
 ## init
 
 - **参数：**
 
-  - 
+  - {Record<string, { events: [EventOption](https://github.com/Tencent/tmagic-editor/blob/239b5d3efeae916a8cf3e3566d88063ecccc0553/packages/core/src/events.ts#L26-L29)[]; methods: [EventOption](https://github.com/Tencent/tmagic-editor/blob/239b5d3efeae916a8cf3e3566d88063ecccc0553/packages/core/src/events.ts#L26-L29)[] }>} eventMethodList 事件方法列表配置
 
 - **返回：**
 
-  - `{Promise<void>}`
+  - `{void}`
 
 - **详情：**
 
+  初始化事件服务，设置所有组件的事件和方法列表
+
+  :::tip
+  该方法通常由编辑器内部调用，开发者可以通过 [m-editor 的 eventMethodList prop](./props.md#eventmethodlist) 来配置
+  :::
+
+- **示例：**
+
+```js
+import { eventsService } from '@tmagic/editor';
+
+eventsService.init({
+  page: {
+    events: [
+      { label: '页面加载', value: 'load' },
+      { label: '页面卸载', value: 'unload' },
+    ],
+    methods: [
+      { label: '刷新', value: 'refresh' },
+      { label: '返回', value: 'back' },
+    ],
+  },
+  button: {
+    events: [
+      { label: '点击', value: 'click' },
+    ],
+    methods: [],
+  },
+});
+```
+
 ## setEvents
 
 - **参数：**
 
-  - 
+  - {Record<string, [EventOption](https://github.com/Tencent/tmagic-editor/blob/239b5d3efeae916a8cf3e3566d88063ecccc0553/packages/core/src/events.ts#L26-L29)[]>} events 事件配置对象
 
 - **返回：**
 
-  - `{Promise<void>}`
+  - `{void}`
 
 - **详情：**
 
+  批量设置多个组件类型的事件列表
+
+- **示例：**
+
+```js
+import { eventsService } from '@tmagic/editor';
+
+eventsService.setEvents({
+  page: [
+    { label: '页面加载', value: 'load' },
+    { label: '页面显示', value: 'show' },
+  ],
+  text: [
+    { label: '点击', value: 'click' },
+  ],
+});
+```
+
 ## setEvent
 
 - **参数：**
 
-  - 
+  - `{string}` type 组件类型
+  - {[EventOption](https://github.com/Tencent/tmagic-editor/blob/239b5d3efeae916a8cf3e3566d88063ecccc0553/packages/core/src/events.ts#L26-L29)[]} events 事件列表
 
 - **返回：**
 
-  - `{Promise<void>}`
+  - `{void}`
 
 - **详情：**
 
+  设置指定组件类型的事件列表
+
+- **示例：**
+
+```js
+import { eventsService } from '@tmagic/editor';
+
+eventsService.setEvent('button', [
+  { label: '点击', value: 'click' },
+  { label: '长按', value: 'longpress' },
+]);
+```
+
 ## getEvent
 
 - **参数：**
 
-  - 
+  - `{string}` type 组件类型
 
 - **返回：**
 
-  - `{Promise<void>}`
+  - {[EventOption](https://github.com/Tencent/tmagic-editor/blob/239b5d3efeae916a8cf3e3566d88063ecccc0553/packages/core/src/events.ts#L26-L29)[]} 事件列表
 
 - **详情：**
 
+  获取指定组件类型的事件列表
+
+- **示例：**
+
+```js
+import { eventsService } from '@tmagic/editor';
+
+const events = eventsService.getEvent('button');
+console.log(events); // [{ label: '点击', value: 'click' }, ...]
+```
+
 ## setMethods
 
 - **参数：**
 
-  - 
+  - {Record<string, [EventOption](https://github.com/Tencent/tmagic-editor/blob/239b5d3efeae916a8cf3e3566d88063ecccc0553/packages/core/src/events.ts#L26-L29)[]>} methods 方法配置对象
 
 - **返回：**
 
-  - `{Promise<void>}`
+  - `{void}`
 
 - **详情：**
 
+  批量设置多个组件类型的方法列表
+
+- **示例：**
+
+```js
+import { eventsService } from '@tmagic/editor';
+
+eventsService.setMethods({
+  page: [
+    { label: '刷新', value: 'refresh' },
+    { label: '滚动到顶部', value: 'scrollToTop' },
+  ],
+  video: [
+    { label: '播放', value: 'play' },
+    { label: '暂停', value: 'pause' },
+  ],
+});
+```
+
 ## setMethod
 
 - **参数：**
 
-  - 
+  - `{string}` type 组件类型
+  - {[EventOption](https://github.com/Tencent/tmagic-editor/blob/239b5d3efeae916a8cf3e3566d88063ecccc0553/packages/core/src/events.ts#L26-L29)[]} methods 方法列表
 
 - **返回：**
 
-  - `{Promise<void>}`
+  - `{void}`
 
 - **详情：**
 
+  设置指定组件类型的方法列表
+
+- **示例：**
+
+```js
+import { eventsService } from '@tmagic/editor';
+
+eventsService.setMethod('video', [
+  { label: '播放', value: 'play' },
+  { label: '暂停', value: 'pause' },
+  { label: '停止', value: 'stop' },
+]);
+```
+
 ## getMethod
 
 - **参数：**
 
-  - 
+  - `{string}` type 组件类型
 
 - **返回：**
 
-  - `{Promise<void>}`
+  - {[EventOption](https://github.com/Tencent/tmagic-editor/blob/239b5d3efeae916a8cf3e3566d88063ecccc0553/packages/core/src/events.ts#L26-L29)[]} 方法列表
 
 - **详情：**
 
+  获取指定组件类型的方法列表
+
+- **示例：**
+
+```js
+import { eventsService } from '@tmagic/editor';
+
+const methods = eventsService.getMethod('video');
+console.log(methods); // [{ label: '播放', value: 'play' }, ...]
+```
+
+## resetState
+
+- **参数：** 无
+
+- **返回：**
+
+  - `{void}`
+
+- **详情：**
+
+  重置事件服务状态，清空所有事件和方法配置
+
+- **示例：**
+
+```js
+import { eventsService } from '@tmagic/editor';
+
+eventsService.resetState();
+```
+
 ## destroy
 
-- **参数：**
-
-  - 
+- **参数：** 无
 
 - **返回：**
 
-  - `{Promise<void>}`
+  - `{void}`
 
 - **详情：**
+
+  销毁 eventsService，重置状态并移除所有事件监听和插件
+
+- **示例：**
+
+```js
+import { eventsService } from '@tmagic/editor';
+
+eventsService.destroy();
+```
diff --git a/docs/api/editor/props.md b/docs/api/editor/props.md
index 6546072e..ec179e5a 100644
--- a/docs/api/editor/props.md
+++ b/docs/api/editor/props.md
@@ -375,7 +375,7 @@ const stageContentMenu = ref([
 ```html
 <template>
   <m-editor
-    runtime-url="https://tencent.github.io/tmagic-editor/playground/runtime/vue3/playground/index.html"
+    runtime-url="https://tencent.github.io/tmagic-editor/playground/runtime/vue/playground/index.html"
   ></m-editor>
 </template>
 ```
@@ -415,6 +415,26 @@ const renderFunction = async (stage) => {
 </script>
 ```
 
+## renderType
+
+- **详情：**
+  
+  是用iframe渲染还是直接渲染
+
+- **默认值：** `iframe`
+
+- **类型：** `string`
+  
+  'iframe' | 'native'
+
+- **示例：**
+
+```html
+<template>
+  <m-editor render-type="native"></m-editor>
+</template>
+```
+
 ## autoScrollIntoView
 
 - **详情：**
@@ -655,7 +675,7 @@ const datasourceConfigs = {
 
 - **默认值：** `{}`
 
-- **类型：** ((config?: [CustomizeMoveableOptionsCallbackConfig](https://github.com/Tencent/tmagic-editor/blob/239b5d3efeae916a8cf3e3566d88063ecccc0553/packages/stage/src/types.ts#L97-L109)) => MoveableOptions) | [MoveableOptions](https://daybrush.com/moveable/release/latest/doc/)
+- **类型：** ((config: [CustomizeMoveableOptionsCallbackConfig](https://github.com/Tencent/tmagic-editor/blob/239b5d3efeae916a8cf3e3566d88063ecccc0553/packages/stage/src/types.ts#L97-L109)) => MoveableOptions) | [MoveableOptions](https://daybrush.com/moveable/release/latest/doc/)
 
 - **示例：**
 
@@ -942,4 +962,321 @@ const updateDragEl = (el, target) => {
   <m-editor :disabled-multi-select="true"></m-editor>
 </template>
 ```
-  
\ No newline at end of file
+  
+## guidesOptions
+
+- **详情：**
+  
+  画布标尺和参考线的配置选项
+
+- **默认值：** `undefined`
+
+- **类型：** `Partial<GuidesOptions>`
+
+- **示例：**
+
+```html
+<template>
+  <m-editor :guides-options="guidesOptions"></m-editor>
+</template>
+
+<script setup>
+const guidesOptions = {
+  // 标尺刻度单位
+  unit: 1,
+  // 标尺背景色
+  backgroundColor: '#f0f0f0',
+  // 标尺文字颜色
+  textColor: '#333',
+  // 参考线颜色
+  lineColor: '#ff0000',
+};
+</script>
+```
+
+## disabledPageFragment
+
+- **详情：**
+  
+  禁用页面片功能
+
+  页面片是可以在多个页面中复用的组件集合
+
+- **默认值：** `false`
+
+- **类型：** `boolean`
+
+- **示例：**
+
+```html
+<template>
+  <m-editor :disabled-page-fragment="true"></m-editor>
+</template>
+```
+
+## disabledStageOverlay
+
+- **详情：**
+  
+  禁用双击在浮层中单独编辑选中组件的功能
+
+  启用时，双击组件可以在浮层中单独编辑，避免其他组件干扰
+
+- **默认值：** `false`
+
+- **类型：** `boolean`
+
+- **示例：**
+
+```html
+<template>
+  <m-editor :disabled-stage-overlay="true"></m-editor>
+</template>
+```
+
+## disabledShowSrc
+
+- **详情：**
+  
+  禁用属性配置面板右下角"显示源码"的按钮
+
+  该按钮可以查看和编辑组件的 JSON 配置
+
+- **默认值：** `false`
+
+- **类型：** `boolean`
+
+- **示例：**
+
+```html
+<template>
+  <m-editor :disabled-show-src="true"></m-editor>
+</template>
+```
+
+## disabledDataSource
+
+- **详情：**
+  
+  禁用数据源功能
+
+  禁用后，左侧面板将不显示数据源选项卡
+
+- **默认值：** `false`
+
+- **类型：** `boolean`
+
+- **示例：**
+
+```html
+<template>
+  <m-editor :disabled-data-source="true"></m-editor>
+</template>
+```
+
+## disabledCodeBlock
+
+- **详情：**
+  
+  禁用代码块功能
+
+  禁用后，左侧面板将不显示代码块选项卡
+
+- **默认值：** `false`
+
+- **类型：** `boolean`
+
+- **示例：**
+
+```html
+<template>
+  <m-editor :disabled-code-block="true"></m-editor>
+</template>
+```
+
+## treeIndent
+
+- **详情：**
+  
+  组件树、代码块列表、数据源列表的缩进配置（单位：px）
+
+- **默认值：** `undefined`
+
+- **类型：** `number`
+
+- **示例：**
+
+```html
+<template>
+  <m-editor :tree-indent="20"></m-editor>
+</template>
+```
+
+## treeNextLevelIndentIncrement
+
+- **详情：**
+  
+  组件树、代码块列表、数据源列表子节点缩进增量配置（单位：px）
+
+  每一级子节点会在父节点缩进基础上增加该值
+
+- **默认值：** `undefined`
+
+- **类型：** `number`
+
+- **示例：**
+
+```html
+<template>
+  <!-- 第一级缩进20px，第二级缩进35px，第三级缩进50px -->
+  <m-editor :tree-indent="20" :tree-next-level-indent-increment="15"></m-editor>
+</template>
+```
+
+## customContentMenu
+
+- **详情：**
+  
+  用于自定义组件树与画布的右键菜单
+
+  该函数会在显示右键菜单前被调用，接收默认菜单项作为参数，返回最终显示的菜单项
+
+- **默认值：** `(menus) => menus`
+
+- **类型：** `(menus: (MenuButton | MenuComponent)[], data: { node?: MNode; page?: MPage; parent?: MContainer; stage?: StageCore }) => (MenuButton | MenuComponent)[]`
+
+- **示例：**
+
+```html
+<template>
+  <m-editor :custom-content-menu="customContentMenu"></m-editor>
+</template>
+
+<script setup>
+const customContentMenu = (menus, { node }) => {
+  // 为特定类型的组件添加自定义菜单
+  if (node?.type === 'container') {
+    menus.push({
+      type: 'button',
+      text: '清空容器',
+      handler: () => {
+        // 清空容器的逻辑
+      },
+    });
+  }
+  
+  // 可以过滤掉某些菜单项
+  return menus.filter(menu => menu.text !== '删除');
+};
+</script>
+```
+
+## extendFormState
+
+- **详情：**
+  
+  扩展表单状态
+
+  用于在属性表单中注入自定义的状态数据，这些数据可以在表单配置的各个字段为函数时的第一个参数中获取
+
+- **默认值：** `undefined`
+
+- **类型：** `(state: FormState) => Record<string, any> | Promise<Record<string, any>>`
+
+- **示例：**
+
+```html
+<template>
+  <m-editor :extend-form-state="extendFormState"></m-editor>
+</template>
+
+<script setup>
+const extendFormState = async (state) => {
+  // 返回自定义的状态数据
+  return {
+    // 可以是同步数据
+    currentUser: {
+      name: 'Admin',
+      role: 'admin',
+    },
+    // 也可以是异步获取的数据
+    projectConfig: await fetchProjectConfig(),
+  };
+};
+</script>
+```
+
+:::tip
+扩展的状态可以在表单配置中通过 `state` 访问，例如：
+
+```js
+{
+  name: 'title',
+  text: '标题',
+  // 根据扩展的状态动态设置
+  disabled: (state) => state.currentUser.role !== 'admin',
+}
+```
+:::
+
+## pageBarSortOptions
+
+- **详情：**
+  
+  页面标签栏的拖拽排序配置参数
+
+  用于配置页面标签的拖拽排序行为
+
+- **默认值：** `undefined`
+
+- **类型：** [PageBarSortOptions](https://github.com/Tencent/tmagic-editor/blob/master/packages/editor/src/type.ts)
+
+- **示例：**
+
+```html
+<template>
+  <m-editor :page-bar-sort-options="sortOptions"></m-editor>
+</template>
+
+<script setup>
+const sortOptions = {
+  // 是否启用拖拽排序
+  animation: 150,
+  // 拖拽手柄的class
+  handle: '.page-bar-item',
+  // 其他 sortablejs 配置
+};
+</script>
+```
+
+## pageFilterFunction
+
+- **详情：**
+  
+  页面搜索/过滤函数
+
+  用于自定义页面的搜索逻辑，在页面列表中输入关键词时会调用该函数进行过滤
+
+- **默认值：** `undefined`
+
+- **类型：** `(page: MPage | MPageFragment, keyword: string) => boolean`
+
+- **示例：**
+
+```html
+<template>
+  <m-editor :page-filter-function="pageFilterFunction"></m-editor>
+</template>
+
+<script setup>
+const pageFilterFunction = (page, keyword) => {
+  // 自定义搜索逻辑
+  // 不仅搜索页面名称，还搜索页面的其他属性
+  return (
+    page.name?.includes(keyword) ||
+    page.title?.includes(keyword) ||
+    page.id?.includes(keyword)
+  );
+};
+</script>
+```
diff --git a/docs/api/editor/slots.md b/docs/api/editor/slots.md
index 29904914..3f0a1f4d 100644
--- a/docs/api/editor/slots.md
+++ b/docs/api/editor/slots.md
@@ -1,29 +1,111 @@
 # Editor组件 slots
 
+## header
+
+- **详情：** 编辑器最顶部区域
+
+- **默认：** 无
+
+- **示例：**
+
+```html
+<template>
+  <m-editor>
+    <template #header>
+      <div class="custom-header">自定义头部内容</div>
+    </template>
+  </m-editor>
+</template>
+```
+
 ## nav
 
 - **详情：** 编辑器顶部菜单栏
 
 - **默认：** [NavMenu.vue](https://github.com/Tencent/tmagic-editor/blob/239b5d3efeae916a8cf3e3566d88063ecccc0553/packages/editor/src/layouts/NavMenu.vue)
 
+- **插槽 Props：**
+  - `editorService`: editorService 实例
+
 :::warning
 属性配置[menu](./props.md#menu)由默认组件接收，如设置该slot，[menu](./props.md#menu)配置将失效
 :::
 
+- **示例：**
+
+```html
+<template>
+  <m-editor>
+    <template #nav="{ editorService }">
+      <div class="custom-nav">
+        <button @click="save">保存</button>
+      </div>
+    </template>
+  </m-editor>
+</template>
+```
+
+## content-before
+
+- **详情：** 编辑器主要内容区域之前
+
+- **默认：** 无
+
+## src-code
+
+- **详情：** 源码查看区域
+
+- **默认：** 默认的代码编辑器
+
+- **插槽 Props：**
+  - `editorService`: editorService 实例
+
 ## sidebar
 
 - **详情：** 左边栏
 
 - **默认：** [Sidebar.vue](https://github.com/Tencent/tmagic-editor/blob/239b5d3efeae916a8cf3e3566d88063ecccc0553/packages/editor/src/layouts/sidebar/Sidebar.vue)
 
+- **插槽 Props：**
+  - `editorService`: editorService 实例
+
 :::warning
 属性配置[sidebar](./props.md#sidebar)由默认组件接收，如设置该slot，[sidebar](./props.md#sidebar)配置将失效
 :::
 
+- **示例：**
+
+```html
+<template>
+  <m-editor>
+    <template #sidebar="{ editorService }">
+      <div class="custom-sidebar">
+        <!-- 自定义侧边栏内容 -->
+      </div>
+    </template>
+  </m-editor>
+</template>
+```
+
+## component-list
+
+- **详情：** 左边栏中的组件列表
+
+- **默认：** 默认的组件列表
+
+- **插槽 Props：**
+  - `componentGroupList`: 组件分组列表
+
+:::warning
+如设置了[sidebar](#sidebar)插槽，此插槽将失效
+:::
+
 ## component-list-panel-header
 
 - **详情：** 左边栏中的组件列表内上方位置
 
+- **默认：** 无
+
 :::warning
 如设置了[sidebar](#sidebar)插槽，此插槽将失效
 :::
@@ -34,24 +116,84 @@
 
 - **默认：** 图片加文案
 
+- **插槽 Props：**
+  - `component`: 组件配置对象
+
 :::warning
 如设置了[sidebar](#sidebar)插槽，此插槽将失效
 :::
 
+- **示例：**
+
+```html
+<template>
+  <m-editor>
+    <template #component-list-item="{ component }">
+      <div class="custom-item">
+        <span>{{ component.text }}</span>
+      </div>
+    </template>
+  </m-editor>
+</template>
+```
+
 ## layer-panel-header
 
 - **详情：** 左边栏中的已选组件（组件树）内顶部位置
 
+- **默认：** 无
+
 :::warning
 如设置了[sidebar](#sidebar)插槽，此插槽将失效
 :::
 
 ## layer-node-content
 
-- **详情：** 左边栏中的已选组件（组件树）节点
+- **详情：** 左边栏中的已选组件（组件树）节点完整内容
+
+- **默认：** 组件名称加id和工具按钮
+
+- **插槽 Props：**
+  - `data`: 节点数据
+
+:::warning
+如设置了[sidebar](#sidebar)插槽，此插槽将失效
+:::
+
+## layer-node-label
+
+- **详情：** 左边栏中的已选组件（组件树）节点标签部分
 
 - **默认：** 组件名称加id
 
+- **插槽 Props：**
+  - `data`: 节点数据
+
+:::warning
+如设置了[sidebar](#sidebar)插槽，此插槽将失效
+:::
+
+- **示例：**
+
+```html
+<template>
+  <m-editor>
+    <template #layer-node-label="{ data }">
+      <span>{{ data.type }} - {{ data.name }}</span>
+    </template>
+  </m-editor>
+</template>
+```
+
+## layer-node-tool
+
+- **详情：** 左边栏中的已选组件（组件树）节点右侧工具区域
+
+- **默认：** 无
+
+- **插槽 Props：**
+  - `data`: 节点数据
+
 :::warning
 如设置了[sidebar](#sidebar)插槽，此插槽将失效
 :::
@@ -60,6 +202,8 @@
 
 - **详情：** 左边栏中的代码块列表内顶部位置
 
+- **默认：** 无
+
 :::warning
 如设置了[sidebar](#sidebar)插槽，此插槽将失效
 :::
@@ -68,13 +212,44 @@
 
 - **详情：** 左边栏中的代码块列表中代码块右侧位置
 
+- **默认：** 无
+
+- **插槽 Props：**
+  - `id`: 代码块id
+  - `data`: 代码块数据
+
 :::warning
 如设置了[sidebar](#sidebar)插槽，此插槽将失效
 :::
 
-## code-block-edit-panel-header
+## code-block-panel-search
 
-- **详情：** 代码块弹窗编辑器中弹窗顶部区域
+- **详情：** 左边栏中的代码块列表搜索框位置
+
+- **默认：** 无
+
+:::warning
+如设置了[sidebar](#sidebar)插槽，此插槽将失效
+:::
+
+## data-source-panel-tool
+
+- **详情：** 左边栏中的数据源列表中数据源右侧位置
+
+- **默认：** 无
+
+- **插槽 Props：**
+  - `data`: 数据源数据
+
+:::warning
+如设置了[sidebar](#sidebar)插槽，此插槽将失效
+:::
+
+## data-source-panel-search
+
+- **详情：** 左边栏中的数据源列表搜索框位置
+
+- **默认：** 无
 
 :::warning
 如设置了[sidebar](#sidebar)插槽，此插槽将失效
@@ -86,6 +261,9 @@
 
 - **默认：** [Workspace.vue](https://github.com/Tencent/tmagic-editor/blob/239b5d3efeae916a8cf3e3566d88063ecccc0553/packages/editor/src/layouts/workspace/Workspace.vue)
 
+- **插槽 Props：**
+  - `editorService`: editorService 实例
+
 ## stage
 
 - **详情：** 画布
@@ -94,15 +272,63 @@
 
 ## workspace-content
 
-- **详情：** 编辑器中间区域内
+- **详情：** 编辑器中间区域内，画布上方位置
+
+- **默认：** 无
+
+- **插槽 Props：**
+  - `editorService`: editorService 实例
+
+## page-bar
+
+- **详情：** 编辑器中间区域底部页面标签栏
+
+- **默认：** 默认的页面标签栏
+
+## page-bar-add-button
+
+- **详情：** 页面标签栏中的"添加页面"按钮
+
+- **默认：** 默认的添加按钮
 
 ## page-bar-title
 
 - **详情：** 编辑器中间区域底部页面标题
 
+- **默认：** 页面名称
+
+- **插槽 Props：**
+  - `page`: 页面配置对象
+
+- **示例：**
+
+```html
+<template>
+  <m-editor>
+    <template #page-bar-title="{ page }">
+      <span>{{ page.name }} - {{ page.id }}</span>
+    </template>
+  </m-editor>
+</template>
+```
+
 ## page-bar-popover
 
-- **详情：** 编辑器中间区域底部页面标题悬浮框
+- **详情：** 编辑器中间区域底部页面标题悬浮框内容
+
+- **默认：** 页面详细信息
+
+- **插槽 Props：**
+  - `page`: 页面配置对象
+
+## page-list-popover
+
+- **详情：** 页面列表弹出框内容
+
+- **默认：** 页面列表
+
+- **插槽 Props：**
+  - `list`: 页面列表
 
 ## props-panel
 
@@ -114,8 +340,40 @@
 
 - **详情：** 编辑器右侧属性配置内顶部区域
 
+- **默认：** 无
+
+## content-after
+
+- **详情：** 编辑器主要内容区域之后
+
+- **默认：** 无
+
+## footer
+
+- **详情：** 编辑器底部区域
+
+- **默认：** 无
+
 ## empty
 
 - **详情：** 当前没有页面时，编辑器中间区域
 
 - **默认：** [AddPageBox.vue](https://github.com/Tencent/tmagic-editor/blob/239b5d3efeae916a8cf3e3566d88063ecccc0553/packages/editor/src/layouts/AddPageBox.vue)
+
+- **插槽 Props：**
+  - `editorService`: editorService 实例
+
+- **示例：**
+
+```html
+<template>
+  <m-editor>
+    <template #empty="{ editorService }">
+      <div class="custom-empty">
+        <p>暂无页面</p>
+        <button @click="createFirstPage">创建第一个页面</button>
+      </div>
+    </template>
+  </m-editor>
+</template>
+```
diff --git a/docs/api/editor/storageServiceMethods.md b/docs/api/editor/storageServiceMethods.md
index 3ba84d50..2fd611f5 100644
--- a/docs/api/editor/storageServiceMethods.md
+++ b/docs/api/editor/storageServiceMethods.md
@@ -4,114 +4,250 @@
 
 - **[扩展支持](../../guide/editor-expand#行为扩展)：** 是
 
-- **参数：**
-
-  - 
+- **参数：** 无
 
 - **返回：**
 
-  - `{Promise<void>}`
+  - `{Storage}` Storage 对象
 
 - **详情：**
 
+  获取数据存储对象，默认返回 localStorage
+  
+  可以通过插件机制替换为其他存储对象（如 sessionStorage）
+
+- **示例：**
+
+```js
+import { storageService } from '@tmagic/editor';
+
+const storage = storageService.getStorage();
+console.log(storage); // localStorage
+
+// 通过插件替换为 sessionStorage
+storageService.usePlugin({
+  afterGetStorage() {
+    return window.sessionStorage;
+  },
+});
+```
+
 ## getNamespace
 
 - **[扩展支持](../../guide/editor-expand#行为扩展)：** 是
 
-- **参数：**
-
-  - 
+- **参数：** 无
 
 - **返回：**
 
-  - `{Promise<void>}`
+  - `{string}` 命名空间字符串
 
 - **详情：**
 
+  获取存储项的命名空间，默认为 'tmagic'
+  
+  命名空间用于区分不同应用的存储数据
+
+- **示例：**
+
+```js
+import { storageService } from '@tmagic/editor';
+
+const namespace = storageService.getNamespace();
+console.log(namespace); // 'tmagic'
+```
+
 ## clear
 
 - **[扩展支持](../../guide/editor-expand#行为扩展)：** 是
 
-- **参数：**
-
-  - 
+- **参数：** 无
 
 - **返回：**
 
-  - `{Promise<void>}`
+  - `{void}`
 
 - **详情：**
 
+  清空当前存储对象中的所有数据
+
+- **示例：**
+
+```js
+import { storageService } from '@tmagic/editor';
+
+storageService.clear();
+```
+
 ## getItem
 
 - **[扩展支持](../../guide/editor-expand#行为扩展)：** 是
 
 - **参数：**
 
-  - 
+  - `{string}` key 存储项的键名
+  - `{Options}` options 可选配置
+    - `namespace?: string` 自定义命名空间
+    - `protocol?: Protocol` 数据协议类型
 
 - **返回：**
 
-  - `{Promise<void>}`
+  - `{any}` 存储的值，如果不存在返回 null
 
 - **详情：**
 
+  获取存储项，支持多种数据类型的自动解析
+  
+  支持的协议类型：
+  - `Protocol.OBJECT`: JavaScript 对象
+  - `Protocol.JSON`: JSON 格式
+  - `Protocol.NUMBER`: 数字类型
+  - `Protocol.BOOLEAN`: 布尔类型
+  - `Protocol.STRING`: 字符串类型
+
+- **示例：**
+
+```js
+import { storageService } from '@tmagic/editor';
+
+// 获取字符串
+const str = storageService.getItem('myKey');
+
+// 使用自定义命名空间
+const value = storageService.getItem('key', { namespace: 'custom' });
+
+// 指定协议类型
+const num = storageService.getItem('count', { protocol: Protocol.NUMBER });
+```
+
 ## key
 
 - **参数：**
 
-  - 
+  - `{number}` index 索引位置
 
 - **返回：**
 
-  - `{Promise<void>}`
+  - `{string | null}` 指定位置的键名，不存在返回 null
 
 - **详情：**
 
+  获取存储对象中指定索引位置的键名
+
+- **示例：**
+
+```js
+import { storageService } from '@tmagic/editor';
+
+const firstKey = storageService.key(0);
+console.log(firstKey);
+```
+
 ## removeItem
 
 - **[扩展支持](../../guide/editor-expand#行为扩展)：** 是
 
 - **参数：**
 
-  - 
+  - `{string}` key 存储项的键名
+  - `{Options}` options 可选配置
+    - `namespace?: string` 自定义命名空间
 
 - **返回：**
 
-  - `{Promise<void>}`
+  - `{void}`
 
 - **详情：**
 
+  移除指定的存储项
+
+- **示例：**
+
+```js
+import { storageService } from '@tmagic/editor';
+
+// 移除默认命名空间下的存储项
+storageService.removeItem('myKey');
+
+// 移除自定义命名空间下的存储项
+storageService.removeItem('key', { namespace: 'custom' });
+```
+
 ## setItem
 
 - **[扩展支持](../../guide/editor-expand#行为扩展)：** 是
 
 - **参数：**
 
-  - 
+  - `{string}` key 存储项的键名
+  - `{any}` value 要存储的值
+  - `{Options}` options 可选配置
+    - `namespace?: string` 自定义命名空间
+    - `protocol?: Protocol` 数据协议类型
 
 - **返回：**
 
-  - `{Promise<void>}`
+  - `{void}`
 
 - **详情：**
 
+  设置存储项，自动序列化复杂数据类型
+
+- **示例：**
+
+```js
+import { storageService, Protocol } from '@tmagic/editor';
+
+// 存储字符串
+storageService.setItem('name', 'tmagic');
+
+// 存储对象
+storageService.setItem('config', { a: 1, b: 2 }, { protocol: Protocol.OBJECT });
+
+// 存储数字
+storageService.setItem('count', 100, { protocol: Protocol.NUMBER });
+
+// 使用自定义命名空间
+storageService.setItem('key', 'value', { namespace: 'custom' });
+```
+
 ## destroy
 
-- **参数：**
-
-  - 
+- **参数：** 无
 
 - **返回：**
 
-  - `{Promise<void>}`
+  - `{void}`
 
 - **详情：**
 
+  销毁 storageService，移除所有事件监听和插件
+
+- **示例：**
+
+```js
+import { storageService } from '@tmagic/editor';
+
+storageService.destroy();
+```
+
 ## use
 
 使用中间件的方式扩展方法，上述方法中标记有`扩展支持： 是`的方法都支持使用use扩展
 
+- **示例：**
+
+```js
+import { storageService } from '@tmagic/editor';
+
+storageService.use({
+  getItem(key, options, next) {
+    console.log('获取存储项:', key);
+    return next();
+  },
+});
+```
+
 ## usePlugin
 
 - **详情：**
@@ -120,9 +256,35 @@
 
 每个支持扩展的方法都支持定制before、after两个hook来干预原有方法的行为，before可以用于修改传入参数，after可以用于修改返回的值
 
+- **示例：**
+
+```js
+import { storageService } from '@tmagic/editor';
+
+storageService.usePlugin({
+  beforeSetItem(key, value, options) {
+    console.log('设置前:', key, value);
+    return [key, value, options];
+  },
+  
+  afterGetItem(result, key, options) {
+    console.log('获取后:', result);
+    return result;
+  },
+});
+```
+
 ## removeAllPlugins
 
 - **详情：**
 
 删掉当前设置的所有扩展
 
+- **示例：**
+
+```js
+import { storageService } from '@tmagic/editor';
+
+storageService.removeAllPlugins();
+```
+
diff --git a/docs/api/editor/uiServiceMethods.md b/docs/api/editor/uiServiceMethods.md
index b95b0836..33871947 100644
--- a/docs/api/editor/uiServiceMethods.md
+++ b/docs/api/editor/uiServiceMethods.md
@@ -1,12 +1,89 @@
 # uiService方法
 
+## set
+
+- **参数：**
+
+  - `{keyof UiState}` name 状态键名
+  - `{any}` value 状态值
+
+- **返回：**
+
+  - `{void}`
+
+- **详情：**
+
+  设置UI服务的状态
+  
+  可用的状态键：
+  - `uiSelectMode`: UI选择模式
+  - `showSrc`: 是否显示源码
+  - `showStylePanel`: 是否显示样式面板
+  - `zoom`: 缩放比例
+  - `stageContainerRect`: 画布容器尺寸
+  - `stageRect`: 画布尺寸
+  - `columnWidth`: 列宽度配置
+  - `showGuides`: 是否显示参考线
+  - `showRule`: 是否显示标尺
+  - `propsPanelSize`: 属性面板尺寸
+  - `showAddPageButton`: 是否显示添加页面按钮
+  - `showPageListButton`: 是否显示页面列表按钮
+  - `hideSlideBar`: 是否隐藏侧边栏
+  - `sideBarItems`: 侧边栏项目
+  - `navMenuRect`: 导航菜单尺寸
+  - `frameworkRect`: 框架尺寸
+
+- **示例：**
+
+```js
+import { uiService } from '@tmagic/editor';
+
+// 设置缩放比例
+uiService.set('zoom', 1.5);
+
+// 设置画布尺寸
+uiService.set('stageRect', { width: 375, height: 667 });
+
+// 显示/隐藏参考线
+uiService.set('showGuides', true);
+
+// 显示/隐藏标尺
+uiService.set('showRule', true);
+```
+
+## get
+
+- **参数：**
+
+  - `{keyof UiState}` name 状态键名
+
+- **返回：**
+
+  - `{any}` 对应的状态值
+
+- **详情：**
+
+  获取UI服务的状态值
+
+- **示例：**
+
+```js
+import { uiService } from '@tmagic/editor';
+
+const zoom = uiService.get('zoom');
+console.log('当前缩放:', zoom);
+
+const stageRect = uiService.get('stageRect');
+console.log('画布尺寸:', stageRect);
+```
+
 ## zoom
 
 - **[扩展支持](../../guide/editor-expand#行为扩展)：** 是
 
 - **参数：**
 
-  - `{number}` zoom 缩放倍数
+  - `{number}` zoom 缩放增量（可以为负数）
 
 - **返回：**
 
@@ -14,24 +91,111 @@
 
 - **详情：**
 
-设置缩放倍数，最小为0.1
+  调整缩放倍数，最小为0.1
+  
+  传入的值会被累加到当前缩放倍数上
+
+- **示例：**
+
+```js
+import { uiService } from '@tmagic/editor';
+
+// 放大0.1倍
+await uiService.zoom(0.1);
+
+// 缩小0.1倍
+await uiService.zoom(-0.1);
+
+// 当前缩放如果是1.0，执行zoom(0.5)后变为1.5
+await uiService.zoom(0.5);
+```
 
 ## calcZoom
 
 - **[扩展支持](../../guide/editor-expand#行为扩展)：** 是
 
+- **参数：** 无
+
 - **返回：**
 
-  - `{Promise<number>}`
+  - `{Promise<number>}` 计算出的缩放倍数
 
 - **详情：**
 
-计算出缩放以适应的倍数
+  计算"缩放以适应"的倍数
+  
+  根据画布容器的尺寸和画布尺寸自动计算出合适的缩放比例，使画布完全显示在容器内
+
+- **示例：**
+
+```js
+import { uiService } from '@tmagic/editor';
+
+const fitZoom = await uiService.calcZoom();
+console.log('适应缩放:', fitZoom);
+
+// 应用缩放以适应
+uiService.set('zoom', fitZoom);
+```
+
+## resetState
+
+- **参数：** 无
+
+- **返回：**
+
+  - `{void}`
+
+- **详情：**
+
+  重置UI服务状态到初始值
+
+- **示例：**
+
+```js
+import { uiService } from '@tmagic/editor';
+
+uiService.resetState();
+```
+
+## destroy
+
+- **参数：** 无
+
+- **返回：**
+
+  - `{void}`
+
+- **详情：**
+
+  销毁 uiService，重置状态并移除所有事件监听和插件
+
+- **示例：**
+
+```js
+import { uiService } from '@tmagic/editor';
+
+uiService.destroy();
+```
 
 ## use
 
 使用中间件的方式扩展方法，上述方法中标记有`扩展支持： 是`的方法都支持使用use扩展
 
+- **示例：**
+
+```js
+import { uiService } from '@tmagic/editor';
+
+uiService.use({
+  async zoom(value, next) {
+    console.log('缩放前:', uiService.get('zoom'));
+    await next();
+    console.log('缩放后:', uiService.get('zoom'));
+  },
+});
+```
+
 ## usePlugin
 
 - **详情：**
@@ -40,9 +204,36 @@
 
 每个支持扩展的方法都支持定制before、after两个hook来干预原有方法的行为，before可以用于修改传入参数，after可以用于修改返回的值
 
+- **示例：**
+
+```js
+import { uiService } from '@tmagic/editor';
+
+uiService.usePlugin({
+  beforeZoom(value) {
+    console.log('缩放增量:', value);
+    return [value];
+  },
+  
+  afterCalcZoom(result) {
+    console.log('计算的缩放:', result);
+    // 可以修改返回值
+    return result;
+  },
+});
+```
+
 ## removeAllPlugins
 
 - **详情：**
 
 删掉当前设置的所有扩展
 
+- **示例：**
+
+```js
+import { uiService } from '@tmagic/editor';
+
+uiService.removeAllPlugins();
+```
+
diff --git a/docs/api/table/events.md b/docs/api/table/events.md
index 91ffe832..c7c36df5 100644
--- a/docs/api/table/events.md
+++ b/docs/api/table/events.md
@@ -2,14 +2,109 @@
 
 ## sort-change
 
+- **参数：**
+  - `{ column, prop, order }` - 排序信息对象
+    - `column: Object` - 排序的列配置
+    - `prop: string` - 排序的列属性名
+    - `order: 'ascending' | 'descending' | null` - 排序方式
+
+- **说明：** 当表格的排序条件发生变化时触发
+
+- **示例：**
+  ```js
+  const handleSortChange = ({ column, prop, order }) => {
+    console.log('排序变化:', prop, order);
+  };
+  ```
+
 ## after-action
 
+- **参数：**
+  - `action: string` - 操作类型
+  - `data: any` - 操作相关数据
+
+- **说明：** 表格操作完成后触发
+
+- **示例：**
+  ```js
+  const handleAfterAction = (action, data) => {
+    console.log('操作完成:', action, data);
+  };
+  ```
+
 ## select
 
+- **参数：**
+  - `selection: Array<any>` - 当前选中的行数据数组
+  - `row: any` - 刚刚被选中的行数据
+
+- **说明：** 当用户手动勾选某一行时触发
+
+- **示例：**
+  ```js
+  const handleSelect = (selection, row) => {
+    console.log('选中行:', row);
+    console.log('当前选中:', selection);
+  };
+  ```
+
 ## select-all
 
+- **参数：**
+  - `selection: Array<any>` - 当前选中的行数据数组
+
+- **说明：** 当用户手动勾选全选 Checkbox 时触发
+
+- **示例：**
+  ```js
+  const handleSelectAll = (selection) => {
+    console.log('全选/取消全选:', selection.length);
+  };
+  ```
+
 ## selection-change
 
+- **参数：**
+  - `selection: Array<any>` - 当前选中的行数据数组
+
+- **说明：** 当选择项发生变化时触发
+
+- **示例：**
+  ```js
+  const handleSelectionChange = (selection) => {
+    console.log('选中项变化:', selection);
+  };
+  ```
+
 ## expand-change
 
+- **参数：**
+  - `row: any` - 被展开/收起的行数据
+  - `expandedRows: Array<any>` - 当前所有展开的行数据数组
+
+- **说明：** 当用户展开或收起某一行时触发（用于可展开表格）
+
+- **示例：**
+  ```js
+  const handleExpandChange = (row, expandedRows) => {
+    console.log('展开状态变化:', row);
+    console.log('当前展开行:', expandedRows);
+  };
+  ```
+
 ## cell-click
+
+- **参数：**
+  - `row: any` - 行数据
+  - `column: Object` - 列配置
+  - `cell: HTMLElement` - 单元格 DOM 元素
+  - `event: Event` - 原生事件对象
+
+- **说明：** 当某个单元格被点击时触发
+
+- **示例：**
+  ```js
+  const handleCellClick = (row, column, cell, event) => {
+    console.log('单元格点击:', row, column.property);
+  };
+  ```
diff --git a/docs/api/table/methods.md b/docs/api/table/methods.md
index 07f7b706..4e395ae5 100644
--- a/docs/api/table/methods.md
+++ b/docs/api/table/methods.md
@@ -2,6 +2,40 @@
 
 ## toggleRowSelection
 
+- **参数：**
+  - `row: any` - 要切换选中状态的行数据
+  - `selected?: boolean` - 是否选中，不传则切换当前状态
+
+- **说明：** 切换某一行的选中状态
+
+- **示例：**
+  ```js
+  tableRef.value.toggleRowSelection(row, true); // 选中
+  tableRef.value.toggleRowSelection(row, false); // 取消选中
+  tableRef.value.toggleRowSelection(row); // 切换状态
+  ```
+
 ## toggleRowExpansion
 
+- **参数：**
+  - `row: any` - 要展开/收起的行数据
+  - `expanded?: boolean` - 是否展开，不传则切换当前状态
+
+- **说明：** 切换某一行的展开状态（用于可展开表格）
+
+- **示例：**
+  ```js
+  tableRef.value.toggleRowExpansion(row, true); // 展开
+  tableRef.value.toggleRowExpansion(row, false); // 收起
+  ```
+
 ## clearSelection
+
+- **参数：** 无
+
+- **说明：** 清空所有选中的行
+
+- **示例：**
+  ```js
+  tableRef.value.clearSelection();
+  ```
diff --git a/docs/api/table/props.md b/docs/api/table/props.md
index c6dc44e6..9bfcd046 100644
--- a/docs/api/table/props.md
+++ b/docs/api/table/props.md
@@ -2,123 +2,122 @@
 
 ## data
 
-- **详情：**
-  
+- **详情：** 表格数据，数组格式
   
+- **默认值：** `[]`
 
-- **默认值：** 
-
-
-
-- **类型：** 
+- **类型：** `Array<any>`
 
+- **示例：**
+  ```js
+  [
+    { id: 1, name: '张三', age: 20 },
+    { id: 2, name: '李四', age: 25 }
+  ]
+  ```
 
 ## columns
 
-- **详情：**
-  
+- **详情：** 表格列配置
   
+- **默认值：** `[]`
 
-- **默认值：** 
-
-
-
-- **类型：** 
+- **类型：** `Array<ColumnConfig>`
 
+- **示例：**
+  ```js
+  [
+    { prop: 'name', label: '姓名', width: 120 },
+    { prop: 'age', label: '年龄', width: 80 }
+  ]
+  ```
 
 ## spanMethod
 
 - **详情：** 合并行或列的计算方法
   
+- **默认值：** `undefined`
+
+- **类型：** `Function`
+
+- **参数：**
+  - `{ row, column, rowIndex, columnIndex }`
   
+- **返回值：** `[rowspan, colspan]` 或 `{ rowspan, colspan }`
 
-- **默认值：** 
-
-
-
-- **类型：** 
+- **示例：**
+  ```js
+  ({ rowIndex, columnIndex }) => {
+    if (rowIndex % 2 === 0) {
+      if (columnIndex === 0) {
+        return [1, 2];
+      } else if (columnIndex === 1) {
+        return [0, 0];
+      }
+    }
+  }
+  ```
 
 ## loading
 
-- **详情：**
-  
+- **详情：** 是否显示加载状态
   
+- **默认值：** `false`
 
-- **默认值：** 
-
-
-
-- **类型：** 
-
+- **类型：** `boolean`
 
 ## showHeader
 
 - **详情：** 是否显示表头
   
+- **默认值：** `true`
 
-- **默认值：** 
-
-
-
-- **类型：** 
+- **类型：** `boolean`
 
 ## bodyHeight
 
-- **详情：** Table的最大高度。合法的值为数字或者单位为 px 的高度
+- **详情：** Table 的最大高度。合法的值为数字或者单位为 px 的高度
   
-- **默认值：** 
+- **默认值：** `undefined`
 
+- **类型：** `string | number`
 
-
-- **类型：** 
+- **示例：**
+  ```js
+  bodyHeight: 400
+  bodyHeight: '400px'
+  ```
 
 ## emptyText
 
 - **详情：** 空数据时显示的文本内容
   
-- **默认值：** 
-
-
-
-- **类型：** 
-
-
+- **默认值：** `'暂无数据'`
 
+- **类型：** `string`
 
 ## defaultExpandAll
 
-- **详情：** 是否默认展开所有行，当Table包含展开行存在或者为树形表格时有效
+- **详情：** 是否默认展开所有行，当 Table 包含展开行存在或者为树形表格时有效
   
-- **默认值：** 
-
-
-- **类型：** 
-
-
+- **默认值：** `false`
 
+- **类型：** `boolean`
 
 ## rowkeyName
 
-- **详情：**
-  
+- **详情：** 行数据的 Key，用来优化 Table 的渲染
   
+- **默认值：** `'id'`
 
-- **默认值：** 
-
-
-
-- **类型：** 
+- **类型：** `string`
 
+- **说明：** 在使用 reserve-selection 功能与显示树形数据时，该属性是必填的
 
 ## border
 
-- **详情：**
-  
+- **详情：** 是否显示边框
   
+- **默认值：** `false`
 
-- **默认值：** 
-
-
-
-- **类型：** 
-
+- **类型：** `boolean`
diff --git a/docs/form-config/editor-fields/code-link.md b/docs/form-config/editor-fields/code-link.md
new file mode 100644
index 00000000..498fb15b
--- /dev/null
+++ b/docs/form-config/editor-fields/code-link.md
@@ -0,0 +1,38 @@
+# CodeLink 代码链接
+
+通过弹窗链接的方式编辑代码内容。
+
+::: warning 注意
+此组件仅在编辑器环境中可用，需要配合 `@tmagic/editor` 使用。
+:::
+
+## 基础用法
+
+```js
+{
+  type: 'code-link',
+  name: 'codeLink',
+  text: '代码配置'
+}
+```
+
+## 自定义弹窗标题
+
+```js
+{
+  type: 'code-link',
+  name: 'codeLink',
+  text: '代码配置',
+  formTitle: '编辑代码'
+}
+```
+
+## Attributes
+| 参数      | 说明    | 类型      | 可选值       | 默认值   |
+|---------- |-------- |---------- |-------------  |-------- |
+| name | 绑定值 | string | — | — |
+| text     | 表单标签   | string |       —        |      —   |
+| disabled  | 是否禁用    | boolean / [FilterFunction](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | false   |
+| formTitle  | 弹窗标题    | string   | — | —   |
+| codeOptions  | 代码编辑器配置项    | object   | — | —   |
+| onChange  | 值变化时触发的函数  | [OnChangeHandler](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | -   |
diff --git a/docs/form-config/editor-fields/code-select-col.md b/docs/form-config/editor-fields/code-select-col.md
new file mode 100644
index 00000000..c0650eab
--- /dev/null
+++ b/docs/form-config/editor-fields/code-select-col.md
@@ -0,0 +1,37 @@
+# CodeSelectCol 代码块选择列
+
+代码块选择器的列组件，支持选择代码块并配置参数。
+
+::: warning 注意
+此组件仅在编辑器环境中可用，需要配合 `@tmagic/editor` 使用。
+:::
+
+## 基础用法
+
+```js
+{
+  type: 'code-select-col',
+  name: 'codeId',
+  text: '代码块'
+}
+```
+
+## 禁止编辑
+
+```js
+{
+  type: 'code-select-col',
+  name: 'codeId',
+  text: '代码块',
+  notEditable: true
+}
+```
+
+## Attributes
+| 参数      | 说明    | 类型      | 可选值       | 默认值   |
+|---------- |-------- |---------- |-------------  |-------- |
+| name | 绑定值 | string | — | — |
+| text     | 表单标签   | string |       —        |      —   |
+| disabled  | 是否禁用    | boolean / [FilterFunction](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | false   |
+| notEditable  | 是否不可编辑代码块（disable控制是否可选择）    | boolean / [FilterFunction](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | false   |
+| onChange  | 值变化时触发的函数  | [OnChangeHandler](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | -   |
diff --git a/docs/form-config/editor-fields/code-select.md b/docs/form-config/editor-fields/code-select.md
new file mode 100644
index 00000000..f6ca8be0
--- /dev/null
+++ b/docs/form-config/editor-fields/code-select.md
@@ -0,0 +1,33 @@
+# CodeSelect 代码块选择器
+
+用于选择代码块并配置参数的组件。
+
+::: warning 注意
+此组件仅在编辑器环境中可用，需要配合 `@tmagic/editor` 使用。
+:::
+
+## 基础用法
+
+```js
+{
+  type: 'code-select',
+  name: 'codeSelect',
+  text: '代码块'
+}
+```
+
+## 功能说明
+
+CodeSelect 组件支持：
+- 选择代码块
+- 选择数据源方法
+- 配置代码块参数
+
+## Attributes
+| 参数      | 说明    | 类型      | 可选值       | 默认值   |
+|---------- |-------- |---------- |-------------  |-------- |
+| name | 绑定值 | string | — | — |
+| text     | 表单标签   | string |       —        |      —   |
+| disabled  | 是否禁用    | boolean / [FilterFunction](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | false   |
+| className  | 自定义类名    | string   | — | —   |
+| onChange  | 值变化时触发的函数  | [OnChangeHandler](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | -   |
diff --git a/docs/form-config/editor-fields/code.md b/docs/form-config/editor-fields/code.md
new file mode 100644
index 00000000..53782884
--- /dev/null
+++ b/docs/form-config/editor-fields/code.md
@@ -0,0 +1,61 @@
+# Code 代码编辑器
+
+代码编辑器字段，用于编辑代码内容。
+
+::: warning 注意
+此组件仅在编辑器环境中可用，需要配合 `@tmagic/editor` 使用。
+:::
+
+## 基础用法
+
+```js
+{
+  type: 'code',
+  name: 'code',
+  text: '代码'
+}
+```
+
+## 指定语言
+
+```js
+{
+  type: 'code',
+  name: 'code',
+  text: '代码',
+  language: 'javascript'
+}
+```
+
+## 自动调整大小
+
+```js
+{
+  type: 'code',
+  name: 'code',
+  text: '代码',
+  autosize: {
+    minRows: 3,
+    maxRows: 10
+  }
+}
+```
+
+## Attributes
+| 参数      | 说明    | 类型      | 可选值       | 默认值   |
+|---------- |-------- |---------- |-------------  |-------- |
+| name | 绑定值 | string | — | — |
+| text     | 表单标签   | string |       —        |      —   |
+| disabled  | 是否禁用    | boolean / [FilterFunction](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | false   |
+| language  | 代码语言    | string   | javascript/typescript/json等 | —   |
+| height  | 编辑器高度    | string   | — | —   |
+| parse  | 是否解析代码    | boolean   | — | false   |
+| options  | 编辑器配置项    | object   | — | —   |
+| autosize  | 自动调整大小配置    | object   | — | —   |
+| onChange  | 值变化时触发的函数  | [OnChangeHandler](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | -   |
+
+## autosize Attributes
+| 参数      | 说明    | 类型      | 可选值       | 默认值   |
+|---------- |-------- |---------- |-------------  |-------- |
+| minRows | 最小行数 | number | — | — |
+| maxRows | 最大行数 | number | — | — |
diff --git a/docs/form-config/editor-fields/cond-op-select.md b/docs/form-config/editor-fields/cond-op-select.md
new file mode 100644
index 00000000..8c87fb30
--- /dev/null
+++ b/docs/form-config/editor-fields/cond-op-select.md
@@ -0,0 +1,37 @@
+# CondOpSelect 条件操作选择器
+
+用于选择条件操作符的选择器。
+
+::: warning 注意
+此组件仅在编辑器环境中可用，需要配合 `@tmagic/editor` 使用。
+:::
+
+## 基础用法
+
+```js
+{
+  type: 'cond-op',
+  name: 'op',
+  text: '操作符'
+}
+```
+
+## 指定父级字段
+
+```js
+{
+  type: 'cond-op',
+  name: 'op',
+  text: '操作符',
+  parentFields: ['field1', 'field2']
+}
+```
+
+## Attributes
+| 参数      | 说明    | 类型      | 可选值       | 默认值   |
+|---------- |-------- |---------- |-------------  |-------- |
+| name | 绑定值 | string | — | — |
+| text     | 表单标签   | string |       —        |      —   |
+| disabled  | 是否禁用    | boolean / [FilterFunction](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | false   |
+| parentFields  | 父级字段    | string[]   | — | —   |
+| onChange  | 值变化时触发的函数  | [OnChangeHandler](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | -   |
diff --git a/docs/form-config/editor-fields/data-source-field-select.md b/docs/form-config/editor-fields/data-source-field-select.md
new file mode 100644
index 00000000..feee0ccb
--- /dev/null
+++ b/docs/form-config/editor-fields/data-source-field-select.md
@@ -0,0 +1,67 @@
+# DataSourceFieldSelect 数据源字段选择器
+
+用于选择数据源字段的级联选择器。
+
+::: warning 注意
+此组件仅在编辑器环境中可用，需要配合 `@tmagic/editor` 使用。
+:::
+
+## 基础用法
+
+```js
+{
+  type: 'data-source-field-select',
+  name: 'field',
+  text: '数据源字段'
+}
+```
+
+## 返回字段key
+
+```js
+{
+  type: 'data-source-field-select',
+  name: 'field',
+  text: '数据源字段',
+  value: 'key'
+}
+```
+
+## 限制字段类型
+
+```js
+{
+  type: 'data-source-field-select',
+  name: 'field',
+  text: '数据源字段',
+  dataSourceFieldType: ['string', 'number']
+}
+```
+
+## 父子节点不关联
+
+```js
+{
+  type: 'data-source-field-select',
+  name: 'field',
+  text: '数据源字段',
+  checkStrictly: true
+}
+```
+
+## Attributes
+| 参数      | 说明    | 类型      | 可选值       | 默认值   |
+|---------- |-------- |---------- |-------------  |-------- |
+| name | 绑定值 | string | — | — |
+| text     | 表单标签   | string |       —        |      —   |
+| disabled  | 是否禁用    | boolean / [FilterFunction](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | false   |
+| value  | 返回值类型    | string   | key/value | —   |
+| checkStrictly  | 是否严格遵守父子节点不互相关联    | boolean / Function   | — | —   |
+| dataSourceFieldType  | 允许选择的字段类型    | DataSourceFieldType[]   | — | —   |
+| fieldConfig  | 自定义字段配置    | ChildConfig   | — | —   |
+| notEditable  | 是否不可编辑数据源（disable控制是否可选择）    | boolean / [FilterFunction](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | false   |
+| onChange  | 值变化时触发的函数  | [OnChangeHandler](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | -   |
+
+## value说明
+- `key`: 不编译，返回数据源id和字段name
+- `value`: 编译后返回数据源data[field]
diff --git a/docs/form-config/editor-fields/data-source-fields.md b/docs/form-config/editor-fields/data-source-fields.md
new file mode 100644
index 00000000..33a848da
--- /dev/null
+++ b/docs/form-config/editor-fields/data-source-fields.md
@@ -0,0 +1,25 @@
+# DataSourceFields 数据源字段配置
+
+用于配置数据源字段的表单组件。
+
+::: warning 注意
+此组件仅在编辑器环境中可用，需要配合 `@tmagic/editor` 使用。
+:::
+
+## 基础用法
+
+```js
+{
+  type: 'data-source-fields',
+  name: 'fields',
+  text: '字段配置'
+}
+```
+
+## Attributes
+| 参数      | 说明    | 类型      | 可选值       | 默认值   |
+|---------- |-------- |---------- |-------------  |-------- |
+| name | 绑定值 | string | — | — |
+| text     | 表单标签   | string |       —        |      —   |
+| disabled  | 是否禁用    | boolean / [FilterFunction](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | false   |
+| onChange  | 值变化时触发的函数  | [OnChangeHandler](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | -   |
diff --git a/docs/form-config/editor-fields/data-source-input.md b/docs/form-config/editor-fields/data-source-input.md
new file mode 100644
index 00000000..95434083
--- /dev/null
+++ b/docs/form-config/editor-fields/data-source-input.md
@@ -0,0 +1,25 @@
+# DataSourceInput 数据源输入框
+
+支持绑定数据源的输入框组件。
+
+::: warning 注意
+此组件仅在编辑器环境中可用，需要配合 `@tmagic/editor` 使用。
+:::
+
+## 基础用法
+
+```js
+{
+  type: 'data-source-input',
+  name: 'input',
+  text: '输入框'
+}
+```
+
+## Attributes
+| 参数      | 说明    | 类型      | 可选值       | 默认值   |
+|---------- |-------- |---------- |-------------  |-------- |
+| name | 绑定值 | string | — | — |
+| text     | 表单标签   | string |       —        |      —   |
+| disabled  | 是否禁用    | boolean / [FilterFunction](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | false   |
+| onChange  | 值变化时触发的函数  | [OnChangeHandler](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | -   |
diff --git a/docs/form-config/editor-fields/data-source-method-select.md b/docs/form-config/editor-fields/data-source-method-select.md
new file mode 100644
index 00000000..d7fcba7a
--- /dev/null
+++ b/docs/form-config/editor-fields/data-source-method-select.md
@@ -0,0 +1,37 @@
+# DataSourceMethodSelect 数据源方法选择器
+
+用于选择数据源方法的选择器。
+
+::: warning 注意
+此组件仅在编辑器环境中可用，需要配合 `@tmagic/editor` 使用。
+:::
+
+## 基础用法
+
+```js
+{
+  type: 'data-source-method-select',
+  name: 'method',
+  text: '数据源方法'
+}
+```
+
+## 禁止编辑
+
+```js
+{
+  type: 'data-source-method-select',
+  name: 'method',
+  text: '数据源方法',
+  notEditable: true
+}
+```
+
+## Attributes
+| 参数      | 说明    | 类型      | 可选值       | 默认值   |
+|---------- |-------- |---------- |-------------  |-------- |
+| name | 绑定值 | string | — | — |
+| text     | 表单标签   | string |       —        |      —   |
+| disabled  | 是否禁用    | boolean / [FilterFunction](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | false   |
+| notEditable  | 是否不可编辑数据源（disable控制是否可选择）    | boolean / [FilterFunction](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | false   |
+| onChange  | 值变化时触发的函数  | [OnChangeHandler](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | -   |
diff --git a/docs/form-config/editor-fields/data-source-methods.md b/docs/form-config/editor-fields/data-source-methods.md
new file mode 100644
index 00000000..73a2d804
--- /dev/null
+++ b/docs/form-config/editor-fields/data-source-methods.md
@@ -0,0 +1,25 @@
+# DataSourceMethods 数据源方法配置
+
+用于配置数据源方法的表单组件。
+
+::: warning 注意
+此组件仅在编辑器环境中可用，需要配合 `@tmagic/editor` 使用。
+:::
+
+## 基础用法
+
+```js
+{
+  type: 'data-source-methods',
+  name: 'methods',
+  text: '方法配置'
+}
+```
+
+## Attributes
+| 参数      | 说明    | 类型      | 可选值       | 默认值   |
+|---------- |-------- |---------- |-------------  |-------- |
+| name | 绑定值 | string | — | — |
+| text     | 表单标签   | string |       —        |      —   |
+| disabled  | 是否禁用    | boolean / [FilterFunction](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | false   |
+| onChange  | 值变化时触发的函数  | [OnChangeHandler](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | -   |
diff --git a/docs/form-config/editor-fields/data-source-mocks.md b/docs/form-config/editor-fields/data-source-mocks.md
new file mode 100644
index 00000000..fd095595
--- /dev/null
+++ b/docs/form-config/editor-fields/data-source-mocks.md
@@ -0,0 +1,25 @@
+# DataSourceMocks 数据源Mock配置
+
+用于配置数据源Mock数据的表单组件。
+
+::: warning 注意
+此组件仅在编辑器环境中可用，需要配合 `@tmagic/editor` 使用。
+:::
+
+## 基础用法
+
+```js
+{
+  type: 'data-source-mocks',
+  name: 'mocks',
+  text: 'Mock配置'
+}
+```
+
+## Attributes
+| 参数      | 说明    | 类型      | 可选值       | 默认值   |
+|---------- |-------- |---------- |-------------  |-------- |
+| name | 绑定值 | string | — | — |
+| text     | 表单标签   | string |       —        |      —   |
+| disabled  | 是否禁用    | boolean / [FilterFunction](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | false   |
+| onChange  | 值变化时触发的函数  | [OnChangeHandler](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | -   |
diff --git a/docs/form-config/editor-fields/data-source-select.md b/docs/form-config/editor-fields/data-source-select.md
new file mode 100644
index 00000000..64c5bab7
--- /dev/null
+++ b/docs/form-config/editor-fields/data-source-select.md
@@ -0,0 +1,55 @@
+# DataSourceSelect 数据源选择器
+
+用于选择数据源的下拉选择器。
+
+::: warning 注意
+此组件仅在编辑器环境中可用，需要配合 `@tmagic/editor` 使用。
+:::
+
+## 基础用法
+
+```js
+{
+  type: 'data-source-select',
+  name: 'dataSource',
+  text: '数据源'
+}
+```
+
+## 过滤数据源类型
+
+```js
+{
+  type: 'data-source-select',
+  name: 'dataSource',
+  text: '数据源',
+  dataSourceType: 'http'
+}
+```
+
+## 返回数据源ID
+
+```js
+{
+  type: 'data-source-select',
+  name: 'dataSource',
+  text: '数据源',
+  value: 'id'
+}
+```
+
+## Attributes
+| 参数      | 说明    | 类型      | 可选值       | 默认值   |
+|---------- |-------- |---------- |-------------  |-------- |
+| name | 绑定值 | string | — | — |
+| text     | 表单标签   | string |       —        |      —   |
+| placeholder  | 输入框占位文本   | string |       —        |      —   |
+| disabled  | 是否禁用    | boolean / [FilterFunction](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | false   |
+| dataSourceType  | 数据源类型过滤    | string   | base/http等 | —   |
+| value  | 返回值类型    | string   | id/value | —   |
+| notEditable  | 是否不可编辑数据源（disable控制是否可选择）    | boolean / [FilterFunction](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | false   |
+| onChange  | 值变化时触发的函数  | [OnChangeHandler](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | -   |
+
+## value说明
+- `id`: 不编译，返回数据源id
+- `value`: 编译后返回数据源data
diff --git a/docs/form-config/editor-fields/display-conds.md b/docs/form-config/editor-fields/display-conds.md
new file mode 100644
index 00000000..620c8373
--- /dev/null
+++ b/docs/form-config/editor-fields/display-conds.md
@@ -0,0 +1,38 @@
+# DisplayConds 显示条件配置
+
+用于配置组件显示条件的表单组件。
+
+::: warning 注意
+此组件仅在编辑器环境中可用，需要配合 `@tmagic/editor` 使用。
+:::
+
+## 基础用法
+
+```js
+{
+  type: 'display-conds',
+  name: 'displayConds',
+  text: '显示条件'
+}
+```
+
+## 带标题前缀
+
+```js
+{
+  type: 'display-conds',
+  name: 'displayConds',
+  text: '显示条件',
+  titlePrefix: '条件'
+}
+```
+
+## Attributes
+| 参数      | 说明    | 类型      | 可选值       | 默认值   |
+|---------- |-------- |---------- |-------------  |-------- |
+| name | 绑定值 | string | — | — |
+| text     | 表单标签   | string |       —        |      —   |
+| disabled  | 是否禁用    | boolean / [FilterFunction](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | false   |
+| titlePrefix  | 标题前缀    | string   | — | —   |
+| parentFields  | 父级字段    | string[] / [FilterFunction](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | —   |
+| onChange  | 值变化时触发的函数  | [OnChangeHandler](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | -   |
diff --git a/docs/form-config/editor-fields/event-select.md b/docs/form-config/editor-fields/event-select.md
new file mode 100644
index 00000000..77a86b28
--- /dev/null
+++ b/docs/form-config/editor-fields/event-select.md
@@ -0,0 +1,49 @@
+# EventSelect 事件选择器
+
+用于配置组件或数据源事件的选择器。
+
+::: warning 注意
+此组件仅在编辑器环境中可用，需要配合 `@tmagic/editor` 使用。
+:::
+
+## 基础用法
+
+```js
+{
+  type: 'event-select',
+  name: 'events',
+  text: '事件配置',
+  src: 'component'
+}
+```
+
+## 数据源事件
+
+```js
+{
+  type: 'event-select',
+  name: 'events',
+  text: '事件配置',
+  src: 'datasource'
+}
+```
+
+## Attributes
+| 参数      | 说明    | 类型      | 可选值       | 默认值   |
+|---------- |-------- |---------- |-------------  |-------- |
+| name | 绑定值 | string | — | — |
+| text     | 表单标签   | string |       —        |      —   |
+| disabled  | 是否禁用    | boolean / [FilterFunction](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | false   |
+| src  | 事件来源    | string   | datasource/component | —   |
+| labelWidth  | 标签宽度    | string   | — | —   |
+| eventNameConfig  | 事件名称表单配置    | FormItem   | — | —   |
+| actionTypeConfig  | 动作类型配置    | FormItem   | — | —   |
+| targetCompConfig  | 联动组件配置    | FormItem   | — | —   |
+| compActionConfig  | 联动组件动作配置    | FormItem   | — | —   |
+| codeActionConfig  | 联动代码配置    | FormItem   | — | —   |
+| dataSourceActionConfig  | 联动数据源配置    | FormItem   | — | —   |
+| onChange  | 值变化时触发的函数  | [OnChangeHandler](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | -   |
+
+## src说明
+- `component`: 组件事件
+- `datasource`: 数据源事件
diff --git a/docs/form-config/editor-fields/key-value.md b/docs/form-config/editor-fields/key-value.md
new file mode 100644
index 00000000..54841fbc
--- /dev/null
+++ b/docs/form-config/editor-fields/key-value.md
@@ -0,0 +1,39 @@
+# KeyValue 键值对
+
+用于配置键值对数据的表单组件。
+
+::: warning 注意
+此组件仅在编辑器环境中可用，需要配合 `@tmagic/editor` 使用。
+:::
+
+## 基础用法
+
+```js
+{
+  type: 'key-value',
+  name: 'params',
+  text: '参数'
+}
+```
+
+## 高级模式
+
+设置 `advanced` 为 `true`，可切换到代码编辑模式。
+
+```js
+{
+  type: 'key-value',
+  name: 'params',
+  text: '参数',
+  advanced: true
+}
+```
+
+## Attributes
+| 参数      | 说明    | 类型      | 可选值       | 默认值   |
+|---------- |-------- |---------- |-------------  |-------- |
+| name | 绑定值 | string | — | — |
+| text     | 表单标签   | string |       —        |      —   |
+| disabled  | 是否禁用    | boolean / [FilterFunction](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | false   |
+| advanced  | 是否支持高级模式（代码编辑）    | boolean   | — | false   |
+| onChange  | 值变化时触发的函数  | [OnChangeHandler](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | -   |
diff --git a/docs/form-config/editor-fields/page-fragment-select.md b/docs/form-config/editor-fields/page-fragment-select.md
new file mode 100644
index 00000000..3db1c170
--- /dev/null
+++ b/docs/form-config/editor-fields/page-fragment-select.md
@@ -0,0 +1,30 @@
+# PageFragmentSelect 页面片选择器
+
+用于选择页面片的下拉选择器。
+
+::: warning 注意
+此组件仅在编辑器环境中可用，需要配合 `@tmagic/editor` 使用。
+:::
+
+## 基础用法
+
+```js
+{
+  type: 'page-fragment-select',
+  name: 'pageFragment',
+  text: '页面片'
+}
+```
+
+## Attributes
+| 参数      | 说明    | 类型      | 可选值       | 默认值   |
+|---------- |-------- |---------- |-------------  |-------- |
+| name | 绑定值 | string | — | — |
+| text     | 表单标签   | string |       —        |      —   |
+| disabled  | 是否禁用    | boolean / [FilterFunction](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | false   |
+| onChange  | 值变化时触发的函数  | [OnChangeHandler](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | -   |
+
+## 使用说明
+
+1. 下拉框会自动列出当前项目中所有的页面片
+2. 选中页面片后，点击编辑图标可跳转到对应页面片进行编辑
diff --git a/docs/form-config/editor-fields/ui-select.md b/docs/form-config/editor-fields/ui-select.md
new file mode 100644
index 00000000..e0e5c3dc
--- /dev/null
+++ b/docs/form-config/editor-fields/ui-select.md
@@ -0,0 +1,33 @@
+# UISelect 组件选择器
+
+用于在画布中选择组件的选择器。
+
+::: warning 注意
+此组件仅在编辑器环境中可用，需要配合 `@tmagic/editor` 使用。
+:::
+
+## 基础用法
+
+```js
+{
+  type: 'ui-select',
+  name: 'targetId',
+  text: '目标组件'
+}
+```
+
+## Attributes
+| 参数      | 说明    | 类型      | 可选值       | 默认值   |
+|---------- |-------- |---------- |-------------  |-------- |
+| name | 绑定值 | string | — | — |
+| text     | 表单标签   | string |       —        |      —   |
+| disabled  | 是否禁用    | boolean / [FilterFunction](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | false   |
+| onChange  | 值变化时触发的函数  | [OnChangeHandler](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | -   |
+
+## 使用说明
+
+1. 点击"点击此处选择"按钮进入选择模式
+2. 在画布中点击目标组件完成选择
+3. 选择后会显示组件名称和ID
+4. 可通过清除按钮清空选择
+5. 点击组件名称可跳转到对应组件
diff --git a/docs/form-config/fields/cascader.md b/docs/form-config/fields/cascader.md
index d1da40b5..67949dbc 100644
--- a/docs/form-config/fields/cascader.md
+++ b/docs/form-config/fields/cascader.md
@@ -214,3 +214,241 @@
     </p>
   </template>
 </demo-block>
+
+## 任意一级可选
+
+在单选模式下，你只能选择叶子节点；而在多选模式下，勾选父节点真正选中的都是叶子节点。启用该功能后，可让父子节点取消关联，选择任意一级选项。
+
+可通过 `checkStrictly = true` 来设置父子节点取消选中关联，从而达到选择任意一级选项的目的。
+
+<demo-block type="form" :config="[{
+  type: 'cascader',
+  name: 'cascader',
+  text: '选项',
+  placeholder: '请选择',
+  checkStrictly: true,
+  options: [
+    { 
+      value: 'zhinan',
+      label: '指南',
+      children: [{
+        value: 'shejiyuanze',
+        label: '设计原则',
+        children: [{
+          value: 'yizhi',
+          label: '一致'
+        }, {
+          value: 'fankui',
+          label: '反馈'
+        }]
+      }]
+    },
+    { 
+      value: 'zujian',
+      label: '组件',
+      children: [{
+        value: 'basic',
+        label: 'Basic',
+        children: [{
+          value: 'layout',
+          label: 'Layout 布局'
+        }, {
+          value: 'color',
+          label: 'Color 色彩'
+        }]
+      }]
+    }
+  ]
+}]">
+  <template #source>
+    <p>
+      配置 checkStrictly 为 true，可选择任意一级选项
+    </p>
+  </template>
+</demo-block>
+
+## 仅返回选中节点的值
+
+在选中节点改变时，默认返回由该节点所在的各级菜单的值所组成的数组。可通过 `emitPath = false` 设置仅返回该节点的值。
+
+<demo-block type="form" :config="[{
+  type: 'cascader',
+  name: 'cascader',
+  text: '选项',
+  placeholder: '请选择',
+  emitPath: false,
+  checkStrictly: true,
+  options: [
+    { 
+      value: 'zhinan',
+      label: '指南',
+      children: [{
+        value: 'shejiyuanze',
+        label: '设计原则',
+        children: [{
+          value: 'yizhi',
+          label: '一致'
+        }, {
+          value: 'fankui',
+          label: '反馈'
+        }]
+      }]
+    },
+    { 
+      value: 'zujian',
+      label: '组件',
+      children: [{
+        value: 'basic',
+        label: 'Basic',
+        children: [{
+          value: 'layout',
+          label: 'Layout 布局'
+        }, {
+          value: 'color',
+          label: 'Color 色彩'
+        }]
+      }]
+    }
+  ]
+}]">
+  <template #source>
+    <p>
+      配置 emitPath 为 false，仅返回选中节点的值，而非完整路径数组
+    </p>
+  </template>
+</demo-block>
+
+## 值分隔符
+
+当需要将选中值以字符串形式存储时，可通过 `valueSeparator` 指定分隔符，组件会自动将数组转换为字符串存储，读取时也会自动还原。
+
+<demo-block type="form" :config="[{
+  type: 'cascader',
+  name: 'cascader',
+  text: '选项',
+  placeholder: '请选择',
+  valueSeparator: '/',
+  options: [
+    { 
+      value: 'zhinan',
+      label: '指南',
+      children: [{
+        value: 'shejiyuanze',
+        label: '设计原则',
+        children: [{
+          value: 'yizhi',
+          label: '一致'
+        }]
+      }]
+    },
+    { 
+      value: 'zujian',
+      label: '组件',
+      children: [{
+        value: 'basic',
+        label: 'Basic',
+        children: [{
+          value: 'layout',
+          label: 'Layout 布局'
+        }]
+      }]
+    }
+  ]
+}]">
+  <template #source>
+    <p>
+      配置 valueSeparator 为 '/'，选中值将以 'zhinan/shejiyuanze/yizhi' 的字符串形式存储
+    </p>
+  </template>
+</demo-block>
+
+## 远程选项
+
+通过接口请求获取选项列表
+
+<demo-block type="form" :config="[{
+  type: 'cascader',
+  name: 'cascader',
+  text: '选项',
+  placeholder: '请选择',
+  remote: true,
+  option: {
+    url: 'cascader/remote',
+    root: 'data',
+    cache: true,
+    timeout: 5000,
+    body: { query: '' },
+    item: (data) => data
+  }
+}]">
+  <template #source>
+    <p>
+      配置 remote 为 true，然后配置 option 对象，而不是 options 数组
+    </p>
+  </template>
+</demo-block>
+
+同时在 `src/main.ts` 中需要自定义实现请求：
+
+```typescript 
+app.use(MagicForm, {
+  request: async (options: any) => {
+    // 自定义请求实现
+  },
+});
+```
+
+## 动态选项
+
+options 支持传入函数，可根据表单其他字段动态生成选项列表
+
+```typescript
+{
+  type: 'cascader',
+  name: 'cascader',
+  text: '选项',
+  options: (mForm, { model, formValue }) => {
+    // 根据表单值动态返回选项
+    return [
+      { value: 'a', label: '选项A', children: [] }
+    ];
+  }
+}
+```
+
+## Cascader Attributes
+
+| 参数 | 说明 | 类型 | 可选值 | 默认值 |
+|------|------|------|--------|--------|
+| name | 绑定值 | string | — | — |
+| text | 表单标签 | string | — | — |
+| placeholder | 输入框占位文本 | string | — | — |
+| disabled | 是否禁用 | boolean / [FilterFunction](https://github.com/Tencent/tmagic-editor/blob/master/packages/form-schema/src/base.ts) | — | false |
+| multiple | 是否多选 | boolean | — | false |
+| emitPath | 在选中节点改变时，是否返回由该节点所在的各级菜单的值所组成的数组，若设置 false，则只返回该节点的值 | boolean | — | true |
+| checkStrictly | 是否严格的遵守父子节点不互相关联 | boolean / [FilterFunction](https://github.com/Tencent/tmagic-editor/blob/master/packages/form-schema/src/base.ts) | — | false |
+| valueSeparator | 合并成字符串时的分隔符 | string / [FilterFunction](https://github.com/Tencent/tmagic-editor/blob/master/packages/form-schema/src/base.ts) | — | — |
+| popperClass | 弹出内容的自定义类名 | string | — | — |
+| remote | 是否为远程搜索 | boolean | — | false |
+| options | 选项数据源 | Array / Function | — | — |
+| option | 远程选项配置 | Object | — | — |
+| onChange | 值变化时触发的函数 | [OnChangeHandler](https://github.com/Tencent/tmagic-editor/blob/master/packages/form-schema/src/base.ts) | — | — |
+
+## options item
+
+| 参数 | 说明 | 类型 | 可选值 | 默认值 |
+|------|------|------|--------|--------|
+| value | 选项的值 | any | — | — |
+| label | 选项的标签 | string | — | — |
+| children | 子选项 | Array | — | — |
+
+## option（远程配置）
+
+| 参数 | 说明 | 类型 | 可选值 | 默认值 |
+|------|------|------|--------|--------|
+| url | 请求地址 | string | — | — |
+| root | 响应数据的根路径 | string | — | — |
+| cache | 是否缓存请求结果 | boolean | — | false |
+| timeout | 请求超时时间（毫秒） | number | — | — |
+| body | 请求体 | Object / Function | — | — |
+| item | 数据转换函数，将响应数据转换为选项格式 | Function | — | — |
diff --git a/docs/form-config/fields/checkbox.md b/docs/form-config/fields/checkbox.md
index f5e89766..ea6c8cc8 100644
--- a/docs/form-config/fields/checkbox.md
+++ b/docs/form-config/fields/checkbox.md
@@ -1,4 +1,5 @@
 # Checkbox 多选框
+
 一组备选项中进行多选
 
 ## 基础用法
@@ -12,7 +13,7 @@
 }]">
   <template #source>
     <p>
-      要使用 Checkbox 组件，只需要配置type: 'checkbox'，选中意味着变量的值为true。默认绑定变量的值会是 Boolean ，选中为 true 。
+      要使用 Checkbox 组件，只需要配置 type: 'checkbox'，选中意味着变量的值为 true。默认绑定变量的值会是 Boolean，选中为 true。
     </p>
   </template>
 </demo-block>
@@ -29,7 +30,59 @@
 }]">
   <template #source>
     <p>
-     设置 disabled 属性即可，它接受一个 Boolean ， true 为禁用，也可以接受一个返回 Boolean 的函数。
+     设置 disabled 属性即可，它接受一个 Boolean，true 为禁用，也可以接受一个返回 Boolean 的函数。
+    </p>
+  </template>
+</demo-block>
+
+## 自定义选中值
+
+通过 `activeValue` 和 `inactiveValue` 自定义选中和未选中时的值。
+
+<demo-block type="form" :config="[{
+  type: 'checkbox',
+  name: 'checkbox',
+  text: '选项',
+  activeValue: 'yes',
+  inactiveValue: 'no'
+}]">
+  <template #source>
+    <p>
+      设置 activeValue 为选中时的值，inactiveValue 为未选中时的值。
+    </p>
+  </template>
+</demo-block>
+
+## 数值类型
+
+当需要绑定数值类型时，可以使用 `filter: 'number'` 配合默认的 activeValue/inactiveValue。
+
+<demo-block type="form" :config="[{
+  type: 'checkbox',
+  name: 'checkbox',
+  text: '选项',
+  filter: 'number'
+}]">
+  <template #source>
+    <p>
+      配置 filter 为 'number' 时，默认 activeValue 为 1，inactiveValue 为 0。
+    </p>
+  </template>
+</demo-block>
+
+## 使用 Label 显示
+
+通过 `useLabel` 属性控制是否使用 label 作为显示内容。
+
+<demo-block type="form" :config="[{
+  type: 'checkbox',
+  name: 'checkbox',
+  text: '选项',
+  useLabel: true
+}]">
+  <template #source>
+    <p>
+      设置 useLabel 为 true 时，不显示 text 内容，由外部 label 控制显示。
     </p>
   </template>
 </demo-block>
@@ -44,32 +97,84 @@
   text: '选项',
   options: [
     { text: '选项1', value: 1 },
-    { text: '选项2', value: 2 }
+    { text: '选项2', value: 2 },
+    { text: '选项3', value: 3 }
   ]
 }]">
   <template #source>
     <p>
-      checkbox-group 元素能把多个 checkbox 管理为一组。
+      checkbox-group 元素能把多个 checkbox 管理为一组，绑定值为数组类型。
     </p>
   </template>
 </demo-block>
 
+## 多选框组禁用选项
+
+在选项中设置 `disabled` 可禁用单个选项。
+
+<demo-block type="form" :config="[{
+  type: 'checkbox-group',
+  name: 'checkbox',
+  text: '选项',
+  options: [
+    { text: '选项1', value: 1 },
+    { text: '选项2', value: 2, disabled: true },
+    { text: '选项3', value: 3 }
+  ]
+}]">
+  <template #source>
+    <p>
+      在 options 中设置 disabled: true 可禁用该选项。
+    </p>
+  </template>
+</demo-block>
+
+## 动态选项
+
+options 支持函数形式，可根据表单状态动态生成选项。
+
+```typescript
+{
+  type: 'checkbox-group',
+  name: 'checkbox',
+  text: '选项',
+  options: (mForm, { model, formValue }) => {
+    // 根据表单值动态返回选项
+    return [
+      { text: '选项A', value: 'a' },
+      { text: '选项B', value: 'b' }
+    ];
+  }
+}
+```
 
 ## Checkbox Attributes
-| 参数      | 说明    | 类型      | 可选值       | 默认值   |
-|---------- |-------- |---------- |-------------  |-------- |
+
+| 参数 | 说明 | 类型 | 可选值 | 默认值 |
+|------|------|------|--------|--------|
 | name | 绑定值 | string | — | — |
-| text     | 表单标签   | string |       —        |      —   |
-| disabled  | 是否禁用    | boolean / [FilterFunction](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)    | — | false   |
-| activeValue  | 选中时的值	    | string / number / Function   | — | 1   |
-| inactiveValue  | 没有选中时的值  | string / number / Function   | — | 0   |
-| onChange  | 值变化时触发的函数  | [OnChangeHandler ](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | -   |
+| text | 表单标签 | string | — | — |
+| disabled | 是否禁用 | boolean / [FilterFunction](https://github.com/Tencent/tmagic-editor/blob/master/packages/form-schema/src/base.ts) | — | false |
+| activeValue | 选中时的值 | string / number | — | true（filter 为 'number' 时默认 1） |
+| inactiveValue | 未选中时的值 | string / number | — | false（filter 为 'number' 时默认 0） |
+| useLabel | 是否使用外部 label 显示 | boolean | — | false |
+| filter | 值过滤器 | 'number' / Function | — | — |
+| onChange | 值变化时触发的函数 | [OnChangeHandler](https://github.com/Tencent/tmagic-editor/blob/master/packages/form-schema/src/base.ts) | — | — |
 
 ## CheckboxGroup Attributes
-| 参数      | 说明    | 类型      | 可选值       | 默认值   |
-|---------- |-------- |---------- |-------------  |-------- |
+
+| 参数 | 说明 | 类型 | 可选值 | 默认值 |
+|------|------|------|--------|--------|
 | name | 绑定值 | string | — | — |
-| text     | 表单标签   | string |       —        |      —   |
-| disabled  | 是否禁用    | boolean / [FilterFunction](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | false   |
-| onChange  | 值变化时触发的函数  | [OnChangeHandler](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | -   |
-| options  | 选项  | Array   | — | -   |
+| text | 表单标签 | string | — | — |
+| disabled | 是否禁用 | boolean / [FilterFunction](https://github.com/Tencent/tmagic-editor/blob/master/packages/form-schema/src/base.ts) | — | false |
+| options | 选项列表 | Array / [FilterFunction](https://github.com/Tencent/tmagic-editor/blob/master/packages/form-schema/src/base.ts) | — | — |
+| onChange | 值变化时触发的函数 | [OnChangeHandler](https://github.com/Tencent/tmagic-editor/blob/master/packages/form-schema/src/base.ts) | — | — |
+
+## options item
+
+| 参数 | 说明 | 类型 | 可选值 | 默认值 |
+|------|------|------|--------|--------|
+| value | 选项的值 | any | — | — |
+| text | 选项的标签 | string | — | — |
+| disabled | 是否禁用该选项 | boolean | — | false |
diff --git a/docs/form-config/fields/color-picker.md b/docs/form-config/fields/color-picker.md
index 10f3b7f0..f4743412 100644
--- a/docs/form-config/fields/color-picker.md
+++ b/docs/form-config/fields/color-picker.md
@@ -1,17 +1,86 @@
 # ColorPicker 颜色选择器
 
-用于颜色选择，支持多种格式。
+用于颜色选择，支持多种颜色格式，包括透明度设置。
 
 ## 基础用法
 
 <demo-block type="form" :config="[{
   text: '颜色选择器',
   type: 'colorPicker',
-  name: 'color',
+  name: 'color'
 }]">
   <template #source>
     <p>
-      在开启多选模式后，默认情况下会展示所有已选中的选项的Tag
+      type 为 'colorPicker'，默认支持透明度选择（showAlpha: true）。
     </p>
   </template>
 </demo-block>
+
+## 禁用状态
+
+<demo-block type="form" :config="[{
+  text: '颜色选择器',
+  type: 'colorPicker',
+  name: 'color',
+  disabled: true
+}]">
+  <template #source>
+    <p>
+      设置 disabled 属性可禁用颜色选择器。
+    </p>
+  </template>
+</demo-block>
+
+## 设置默认值
+
+<demo-block type="form" :config="[{
+  text: '颜色选择器',
+  type: 'colorPicker',
+  name: 'color',
+  defaultValue: '#409EFF'
+}]">
+  <template #source>
+    <p>
+      通过 defaultValue 设置默认颜色值。
+    </p>
+  </template>
+</demo-block>
+
+## 带透明度的颜色
+
+颜色选择器默认开启透明度选择，返回值为 rgba 格式。
+
+<demo-block type="form" :config="[{
+  text: '颜色选择器',
+  type: 'colorPicker',
+  name: 'color',
+  defaultValue: 'rgba(64, 158, 255, 0.5)'
+}]">
+  <template #source>
+    <p>
+      支持 rgba 格式的颜色值，可以设置透明度。
+    </p>
+  </template>
+</demo-block>
+
+## ColorPicker Attributes
+
+| 参数 | 说明 | 类型 | 可选值 | 默认值 |
+|------|------|------|--------|--------|
+| name | 绑定值 | string | — | — |
+| text | 表单标签 | string | — | — |
+| disabled | 是否禁用 | boolean / [FilterFunction](https://github.com/Tencent/tmagic-editor/blob/master/packages/form-schema/src/base.ts) | — | false |
+| defaultValue | 默认颜色值 | string | — | — |
+| onChange | 值变化时触发的函数 | [OnChangeHandler](https://github.com/Tencent/tmagic-editor/blob/master/packages/form-schema/src/base.ts) | — | — |
+
+## 颜色格式说明
+
+支持以下颜色格式：
+
+| 格式 | 示例 | 说明 |
+|------|------|------|
+| HEX | #409EFF | 十六进制颜色值 |
+| RGB | rgb(64, 158, 255) | RGB 颜色值 |
+| RGBA | rgba(64, 158, 255, 0.5) | 带透明度的 RGBA 颜色值 |
+| HSL | hsl(210, 100%, 63%) | HSL 颜色值 |
+| HSLA | hsla(210, 100%, 63%, 0.5) | 带透明度的 HSLA 颜色值 |
diff --git a/docs/form-config/fields/date-picker.md b/docs/form-config/fields/date-picker.md
index 4c31f352..7cc0be9e 100644
--- a/docs/form-config/fields/date-picker.md
+++ b/docs/form-config/fields/date-picker.md
@@ -11,7 +11,7 @@
 }]">
   <template #source>
     <p>
-      在开启多选模式后，默认情况下会展示所有已选中的选项的Tag
+      以日期为基本单位，基础的日期选择控件
     </p>
   </template>
 </demo-block>
@@ -26,15 +26,31 @@
 }]">
   <template #source>
     <p>
-      在开启多选模式后，默认情况下会展示所有已选中的选项的Tag
+      通过 <code>disabled</code> 属性禁用日期选择器
     </p>
   </template>
 </demo-block>
-##  日期格式
+
+## 占位符
+
+<demo-block type="form" :config="[{
+  type: 'date',
+  name: 'date',
+  text: '日期选择器',
+  placeholder: '请选择日期'
+}]">
+  <template #source>
+    <p>
+      通过 <code>placeholder</code> 属性设置输入框占位文本
+    </p>
+  </template>
+</demo-block>
+
+## 日期格式
 
 使用`format`指定输入框的格式；使用`valueFormat`指定绑定值的格式。
 
-默认情况下，组件接受并返回`Date`对象。以下为可用的格式化字串，以 UTC 2017年1月2日 03:04:05 为例：
+默认情况下，组件的 `format` 默认值为 `YYYY/MM/DD`，`valueFormat` 默认值为 `YYYY/MM/DD`。以下为可用的格式化字串，以 UTC 2017年1月2日 03:04:05 为例：
 
 :::warning
 请注意大小写
@@ -42,13 +58,11 @@
 
 | 格式 | 含义 | 备注 | 举例 |
 |------|------|------|------|
-| `yyyy` | 年 | | 2017 |
+| `YYYY` | 年 | | 2017 |
 | `M`  | 月 | 不补0 | 1 |
 | `MM` | 月 | | 01 |
-| `W`  | 周 | 仅周选择器的 `format` 可用；不补0 | 1 |
-| `WW` | 周 | 仅周选择器的 `format` 可用 | 01 |
-| `d`  | 日 | 不补0 | 2 |
-| `dd` | 日 | | 02 |
+| `D`  | 日 | 不补0 | 2 |
+| `DD` | 日 | | 02 |
 | `H`  | 小时 | 24小时制；不补0 | 3 |
 | `HH` | 小时 | 24小时制 | 03 |
 | `h`  | 小时 | 12小时制，须和 `A` 或 `a` 使用；不补0 | 3 |
@@ -57,30 +71,42 @@
 | `mm` | 分钟 | | 04 |
 | `s`  | 秒 | 不补0 | 5 |
 | `ss` | 秒 | | 05 |
-| `timestamp` | JS时间戳 | 组件绑定值为`number`类型 | 1483326245000 |
+| `x` | JS时间戳 | 组件绑定值为`number`类型 | 1483326245000 |
 | `[MM]` | 不需要格式化字符 | 使用方括号标识不需要格式化的字符 (如  [A] [MM])  | MM |
 
 <demo-block type="form" :config="[{
   type: 'date',
   name: 'date',
   text: '日期选择器',
-  valueFormat: 'timestamp'
+  format: 'YYYY-MM-DD',
+  valueFormat: 'x'
 }]">
   <template #source>
     <p>
-      在开启多选模式后，默认情况下会展示所有已选中的选项的Tag
+      设置 <code>valueFormat</code> 为 <code>timestamp</code>，绑定值将返回时间戳格式
     </p>
   </template>
 </demo-block>
 
 ## Attributes
+
 | 参数      | 说明          | 类型      | 可选值                           | 默认值  |
 |---------- |-------------- |---------- |--------------------------------  |-------- |
-| name | 绑定值 | string | — | — |
-| text     | 表单标签   | string |       —        |      —   |
-| disabled  | 是否禁用    | boolean / [FilterFunction](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)    | — | false   |
-| value-format | 可选，绑定值的格式。不指定则绑定值为 Date 对象 | string | 见[日期格式](#/zh-CN/component/date-picker#ri-qi-ge-shi) | — |
-| onChange  | 值变化时触发的函数  | [OnChangeHandler](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | -   |
+| name | 绑定值的字段名 | string | — | — |
+| text | 表单标签 | string | — | — |
+| placeholder | 输入框占位文本 | string | — | — |
+| disabled | 是否禁用 | boolean / [FilterFunction](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts) | — | false |
+| format | 显示在输入框中的格式 | string | 见[日期格式](#日期格式) | YYYY/MM/DD |
+| valueFormat | 绑定值的格式。不指定则绑定值为 Date 对象 | string | 见[日期格式](#日期格式) | YYYY/MM/DD |
+| onChange | 值变化时触发的函数 | [OnChangeHandler](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts) | — | — |
 
+## TypeScript 定义
 
+```typescript
+interface DateConfig extends FormItem, Input {
+  type: 'date';
+  format?: 'YYYY-MM-dd HH:mm:ss' | string;
+  valueFormat?: 'YYYY-MM-dd HH:mm:ss' | string;
+}
+```
 
diff --git a/docs/form-config/fields/daterange-picker.md b/docs/form-config/fields/daterange-picker.md
new file mode 100644
index 00000000..184ffefb
--- /dev/null
+++ b/docs/form-config/fields/daterange-picker.md
@@ -0,0 +1,46 @@
+# DateRangePicker 日期范围选择器
+
+用于选择或输入日期范围
+
+## 基础用法
+
+<demo-block type="form" :config="[{
+  type: 'daterange',
+  name: 'daterange',
+  text: '日期范围'
+}]">
+  <template #source>
+    <p>
+      type为'daterange'
+    </p>
+  </template>
+</demo-block>
+
+## 绑定多个字段
+
+可以通过配置 `names` 来将日期范围绑定到两个不同的字段上。
+
+<demo-block type="form" :config="[{
+  type: 'daterange',
+  names: ['startTime', 'endTime'],
+  text: '日期范围'
+}]">
+  <template #source>
+    <p>
+      配置 names 属性，将开始时间和结束时间分别绑定到 startTime 和 endTime 字段。
+    </p>
+  </template>
+</demo-block>
+
+## Attributes
+| 参数      | 说明          | 类型      | 可选值                           | 默认值  |
+|---------- |-------------- |---------- |--------------------------------  |-------- |
+| name | 绑定值（数组形式） | string | — | — |
+| names | 绑定值（拆分为两个字段） | string[] | — | — |
+| text     | 表单标签   | string |       —        |      —   |
+| disabled  | 是否禁用    | boolean / [FilterFunction](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | false   |
+| dateFormat | 日期格式 | string | — | YYYY/MM/DD |
+| timeFormat | 时间格式 | string | — | HH:mm:ss |
+| valueFormat | 绑定值的格式 | string | — | YYYY/MM/DD HH:mm:ss |
+| defaultTime | 默认时间 | Date[] | — | — |
+| onChange  | 值变化时触发的函数  | [OnChangeHandler](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | -   |
diff --git a/docs/form-config/fields/datetime-picker.md b/docs/form-config/fields/datetime-picker.md
index 3ed04722..2e528290 100644
--- a/docs/form-config/fields/datetime-picker.md
+++ b/docs/form-config/fields/datetime-picker.md
@@ -11,7 +11,22 @@
 }]">
   <template #source>
     <p>
-      在开启多选模式后，默认情况下会展示所有已选中的选项的Tag
+      通过设置 <code>type: 'datetime'</code> 使用日期时间选择器，可以同时选择日期和时间。
+    </p>
+  </template>
+</demo-block>
+
+## 带占位符
+
+<demo-block type="form" :config="[{
+  type: 'datetime',
+  name: 'dateTime',
+  text: '日期时间选择器',
+  placeholder: '请选择日期时间'
+}]">
+  <template #source>
+    <p>
+      通过 <code>placeholder</code> 属性设置输入框的占位文本。
     </p>
   </template>
 </demo-block>
@@ -26,16 +41,16 @@
 }]">
   <template #source>
     <p>
-      在开启多选模式后，默认情况下会展示所有已选中的选项的Tag
+      通过 <code>disabled</code> 属性禁用日期时间选择器，支持布尔值或函数。
     </p>
   </template>
 </demo-block>
 
-##  日期格式
+## 日期格式
 
-使用`format`指定输入框的格式；使用`valueFormat`指定绑定值的格式。
+使用 `format` 指定输入框的格式；使用 `valueFormat` 指定绑定值的格式。
 
-默认情况下，组件接受并返回`Date`对象。以下为可用的格式化字串，以 UTC 2017年1月2日 03:04:05 为例：
+默认情况下，组件接受并返回格式化后的字符串。以下为可用的格式化字串，以 UTC 2017年1月2日 03:04:05 为例：
 
 :::warning
 请注意大小写
@@ -43,13 +58,11 @@
 
 | 格式 | 含义 | 备注 | 举例 |
 |------|------|------|------|
-| `yyyy` | 年 | | 2017 |
+| `YYYY` | 年 | | 2017 |
 | `M`  | 月 | 不补0 | 1 |
 | `MM` | 月 | | 01 |
-| `W`  | 周 | 仅周选择器的 `format` 可用；不补0 | 1 |
-| `WW` | 周 | 仅周选择器的 `format` 可用 | 01 |
-| `d`  | 日 | 不补0 | 2 |
-| `dd` | 日 | | 02 |
+| `D`  | 日 | 不补0 | 2 |
+| `DD` | 日 | | 02 |
 | `H`  | 小时 | 24小时制；不补0 | 3 |
 | `HH` | 小时 | 24小时制 | 03 |
 | `h`  | 小时 | 12小时制，须和 `A` 或 `a` 使用；不补0 | 3 |
@@ -60,29 +73,32 @@
 | `ss` | 秒 | | 05 |
 | `A`  | AM/PM | 仅 `format` 可用，大写 | AM |
 | `a`  | am/pm | 仅 `format` 可用，小写 | am |
-| `timestamp` | JS时间戳 | 仅 `valueFormat` 可用；组件绑定值为`number`类型 | 1483326245000 |
-| `[MM]` | 不需要格式化字符 | 使用方括号标识不需要格式化的字符 (如  [A] [MM])  | MM |
+| `x`  | JS时间戳（毫秒） | 仅 `valueFormat` 可用 | 1483326245000 |
+| `X`  | Unix时间戳（秒） | 仅 `valueFormat` 可用 | 1483326245 |
 
 <demo-block type="form" :config="[{
   type: 'datetime',
   name: 'dateTime',
   text: '日期时间选择器',
-  format: 'yyyy-MM-dd',
-  valueFormat: 'timestamp'
+  format: 'YYYY-MM-DD HH:mm',
+  valueFormat: 'x'
 }]">
   <template #source>
     <p>
-      在开启多选模式后，默认情况下会展示所有已选中的选项的Tag
+      自定义格式化：显示格式为 <code>YYYY-MM-DD HH:mm</code>，绑定值格式为时间戳。
     </p>
   </template>
 </demo-block>
 
 ## Attributes
+
 | 参数      | 说明          | 类型      | 可选值                           | 默认值  |
 |---------- |-------------- |---------- |--------------------------------  |-------- |
-| name | 绑定值 | string | — | — |
-| text     | 表单标签   | string |       —        |      —   |
-| disabled  | 是否禁用    | boolean / [FilterFunction](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)    | — | false   |
-| format | 显示在输入框中的格式 | string | 见[日期格式](#/zh-CN/component/date-picker#ri-qi-ge-shi) | yyyy-MM-dd HH:mm:ss |
-| value-format | 可选，绑定值的格式。不指定则绑定值为 Date 对象 | string | 见[日期格式](#/zh-CN/component/date-picker#ri-qi-ge-shi) | — |
-| onChange  | 值变化时触发的函数  | [OnChangeHandler](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | -   |
+| name | 绑定值的字段名 | string | — | — |
+| text | 表单标签 | string | — | — |
+| placeholder | 输入框占位文本 | string | — | — |
+| disabled | 是否禁用 | boolean / [FilterFunction](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts) | — | false |
+| format | 显示在输入框中的格式 | string | 见[日期格式](#日期格式) | YYYY/MM/DD HH:mm:ss |
+| valueFormat | 绑定值的格式 | string | 见[日期格式](#日期格式) | YYYY/MM/DD HH:mm:ss |
+| defaultTime | 选择日期后的默认时间值 | Date | — | — |
+| onChange | 值变化时触发的函数 | [OnChangeHandler](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts) | — | — |
diff --git a/docs/form-config/fields/dynamic-field.md b/docs/form-config/fields/dynamic-field.md
new file mode 100644
index 00000000..d089b708
--- /dev/null
+++ b/docs/form-config/fields/dynamic-field.md
@@ -0,0 +1,52 @@
+# DynamicField 动态表单
+
+根据模型中某个字段的值，动态生成一组表单字段。
+
+## 基础用法
+
+<demo-block type="form" :config="[{
+  type: 'select',
+  name: 'type',
+  text: '类型',
+  options: [
+    { label: '类型A', value: 'a' },
+    { label: '类型B', value: 'b' }
+  ]
+}, {
+  type: 'dynamic-field',
+  text: '动态字段',
+  dynamicKey: 'type',
+  returnFields: async (config, model, request) => {
+    if (model.type === 'a') {
+      return [{ name: 'fieldA', label: '字段A', defaultValue: 'valueA' }];
+    } else if (model.type === 'b') {
+      return [{ name: 'fieldB', label: '字段B', defaultValue: 'valueB' }];
+    }
+    return [];
+  }
+}]">
+  <template #source>
+    <p>
+      当“类型”发生变化时，“动态字段”会根据 `returnFields` 返回的配置生成不同的输入框。
+    </p>
+  </template>
+</demo-block>
+
+:::warning
+特别注意：`dynamic-field` 的上一级配置必须设置 `extensible: true`，才能保存未在 schema 中声明的动态字段。
+:::
+
+## Attributes
+| 参数      | 说明          | 类型      | 可选值                           | 默认值  |
+|---------- |-------------- |---------- |--------------------------------  |-------- |
+| type | 组件类型 | string | dynamic-field | — |
+| text     | 表单标签   | string |       —        |      —   |
+| dynamicKey | 监听的字段名。当该字段值变化时，触发 `returnFields` 重新计算 | string | — | — |
+| returnFields | 返回字段列表的函数 | (config, model, request) => Promise<Field[]> | — | — |
+
+### Field 对象结构
+| 参数      | 说明          | 类型      | 默认值  |
+|---------- |-------------- |---------- |-------- |
+| name | 字段名 | string | — |
+| label | 标签名 | string | — |
+| defaultValue | 默认值 | any | — |
diff --git a/docs/form-config/fields/number-range.md b/docs/form-config/fields/number-range.md
new file mode 100644
index 00000000..22a4e106
--- /dev/null
+++ b/docs/form-config/fields/number-range.md
@@ -0,0 +1,26 @@
+# NumberRange 数字范围输入框
+
+用于输入数字范围
+
+## 基础用法
+
+<demo-block type="form" :config="[{
+  type: 'number-range',
+  name: 'numberRange',
+  text: '数字范围'
+}]">
+  <template #source>
+    <p>
+      type为'number-range'
+    </p>
+  </template>
+</demo-block>
+
+## Attributes
+| 参数      | 说明          | 类型      | 可选值                           | 默认值  |
+|---------- |-------------- |---------- |--------------------------------  |-------- |
+| name | 绑定值（数组形式 [min, max]） | string | — | — |
+| text     | 表单标签   | string |       —        |      —   |
+| disabled  | 是否禁用    | boolean / [FilterFunction](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | false   |
+| clearable | 是否可清空 | boolean | — | true |
+| onChange  | 值变化时触发的函数  | [OnChangeHandler](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | -   |
diff --git a/docs/form-config/fields/number.md b/docs/form-config/fields/number.md
index 204b403f..01e8d66b 100644
--- a/docs/form-config/fields/number.md
+++ b/docs/form-config/fields/number.md
@@ -53,10 +53,11 @@
 | 参数      | 说明          | 类型      | 可选值                           | 默认值  |
 |----------|-------------- |----------|--------------------------------  |-------- |
 | name | 绑定值 | string | — | — |
-| placeholder  | 输入框占位文本   | string |       —        |      —   |
 | text     | 表单标签   | string |       —        |      —   |
+| placeholder  | 输入框占位文本   | string |       —        |      —   |
 | disabled  | 是否禁用    | boolean / [FilterFunction](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | false   |
 | min      | 设置计数器允许的最小值 | number | — | -Infinity |
 | max      | 设置计数器允许的最大值 | number | — | Infinity |
 | step     | 计数器步长           | number   | — | 1 |
+| tooltip  | 输入框提示信息 | string | — | — |
 | onChange  | 值变化时触发的函数  | [OnChangeHandler](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | -   |
diff --git a/docs/form-config/fields/radio.md b/docs/form-config/fields/radio.md
index 9425b47d..6b730069 100644
--- a/docs/form-config/fields/radio.md
+++ b/docs/form-config/fields/radio.md
@@ -5,8 +5,8 @@
 ## TS 定义
 
 ```typescript
-interface RedioGroup extends FormItem {
-  type: 'redioGroup';
+interface RadioGroup extends FormItem {
+  type: 'radio-group';
   options: {
     value: any;
     text: string;
diff --git a/docs/form-config/fields/text.md b/docs/form-config/fields/text.md
index 6fd0e90f..a7417a6f 100644
--- a/docs/form-config/fields/text.md
+++ b/docs/form-config/fields/text.md
@@ -110,15 +110,16 @@
 | 参数      | 说明    | 类型      | 可选值       | 默认值   |
 |---------- |-------- |---------- |-------------  |-------- |
 | name | 绑定值 | string | — | — |
-| placeholder  | 输入框占位文本   | string |       —        |      —   |
 | text     | 表单标签   | string |       —        |      —   |
+| placeholder  | 输入框占位文本   | string |       —        |      —   |
 | disabled  | 是否禁用    | boolean / [FilterFunction](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | false   |
-| tooltip  | 输入时显示内容    | boolean   | — | false   |
-| placeholder   | 输入框占位文本   | string          | — | — |
+| clearable  | 是否可清空    | boolean   | — | true   |
+| tooltip  | 输入时显示内容    | string   | — | —   |
 | trim  | 是否去掉首尾空格  | boolean   | — | false  |
 | filter  | 过滤值  | string / Function   | number | -  |
-| onChange  | 值变化时触发的函数  | [OnChangeHandler ](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | -   |
+| prepend  | 前置内容  | string   | — | -   |
 | append  | 后置内容  | string / Object   | — | -   |
+| onChange  | 值变化时触发的函数  | [OnChangeHandler](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | -   |
 
 ## append Attributes
 | 参数      | 说明    | 类型      | 可选值       | 默认值   |
diff --git a/docs/form-config/fields/timerange-picker.md b/docs/form-config/fields/timerange-picker.md
new file mode 100644
index 00000000..68c8ba59
--- /dev/null
+++ b/docs/form-config/fields/timerange-picker.md
@@ -0,0 +1,45 @@
+# TimeRangePicker 时间范围选择器
+
+用于选择或输入时间范围
+
+## 基础用法
+
+<demo-block type="form" :config="[{
+  type: 'timerange',
+  name: 'timerange',
+  text: '时间范围'
+}]">
+  <template #source>
+    <p>
+      type为'timerange'
+    </p>
+  </template>
+</demo-block>
+
+## 绑定多个字段
+
+可以通过配置 `names` 来将时间范围绑定到两个不同的字段上。
+
+<demo-block type="form" :config="[{
+  type: 'timerange',
+  names: ['startTime', 'endTime'],
+  text: '时间范围'
+}]">
+  <template #source>
+    <p>
+      配置 names 属性，将开始时间和结束时间分别绑定到 startTime 和 endTime 字段。
+    </p>
+  </template>
+</demo-block>
+
+## Attributes
+| 参数      | 说明          | 类型      | 可选值                           | 默认值  |
+|---------- |-------------- |---------- |--------------------------------  |-------- |
+| name | 绑定值（数组形式） | string | — | — |
+| names | 绑定值（拆分为两个字段） | string[] | — | — |
+| text     | 表单标签   | string |       —        |      —   |
+| disabled  | 是否禁用    | boolean / [FilterFunction](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | false   |
+| format | 显示格式 | string | — | HH:mm:ss |
+| valueFormat | 绑定值的格式 | string | — | HH:mm:ss |
+| defaultTime | 默认时间 | Date[] | — | — |
+| onChange  | 值变化时触发的函数  | [OnChangeHandler](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | -   |
diff --git a/docs/form-config/layout.md b/docs/form-config/layout.md
index e902728b..f081e93c 100644
--- a/docs/form-config/layout.md
+++ b/docs/form-config/layout.md
@@ -178,3 +178,38 @@
     label: '配置1',
   }]
 }]"></demo-block>
+
+### step
+
+<demo-block type="form" :config="[{
+  type: 'step',
+  items: [{
+    title: '步骤1',
+    items: [{
+      name: 'text',
+      text: '配置1',
+    }]
+  }, {
+    title: '步骤2',
+    items: [{
+      name: 'text2',
+      text: '配置2',
+    }]
+  }]
+}]"></demo-block>
+
+### flex-layout
+
+<demo-block type="form" :config="[{
+  type: 'flex-layout',
+  gap: '20px',
+  items: [{
+    name: 'text',
+    text: '配置1',
+    span: 12
+  }, {
+    name: 'text2',
+    text: '配置2',
+    span: 12
+  }]
+}]"></demo-block>
diff --git a/docs/guide/advanced/coupling.md b/docs/guide/advanced/coupling.md
index d6af837b..460a2ea0 100644
--- a/docs/guide/advanced/coupling.md
+++ b/docs/guide/advanced/coupling.md
@@ -83,30 +83,29 @@ export default {
 </template>
 
 <script lang="ts" setup>
-import { defineComponent, inject } from 'vue';
+import { type ComponentProps, registerNodeHooks, useApp } from '@tmagic/vue-runtime-help';
 
-const props = defineProps({
-  config: {
-    type: Object,
-    default: () => ({}),
-  },
-})
+const props = defineProps<ComponentProps>()
 
-const app: Core | undefined = inject('app');
-
-const node = app?.page?.getNode(props.config.id);
+const { app, node } = useApp(props);
 
 const onClick = () => {
   // app.emit 第一个参数为事件名，其余参数为你要传给接受事件组件的参数
-  app?.emit("yourComponent:finishSomething", node, /*可以传参给接收方*/);
+  app.emit("yourComponent:finishSomething", node, /*可以传参给接收方*/);
 };
 
+// 此处实现事件动作
+const toast = () => {
+  toast('测试 vue3')
+};
+
+// 实际触发时是调用node上的方法，所以需要将改方法暴露到node上
+registerNodeHooks(node, {
+  toast,
+});
+
 defineExpose({
-  // 此处实现事件动作
-  // 实际触发时是调用vue实例上的方法，所以需要将改方法暴露到实例上
-  toast: (/*触发组件node*/, /*接收触发事件组件传进来的参数*/) => {
-    toast('测试 vue3')
-  }
+  toast,
 });
 </script>
 ```
@@ -151,10 +150,3 @@ function Test({ config }) {
 
 export default Test;
 ```
-
-按照上述实现触发事件和事件动作，就可以完成组件的联动事件分发响应。
-
-:::tip
-组件事件的联动是借助了@tmagic/core，需要在组件实例化的时候将需要暴露的方法提供给@tmagic/core，在上述例子中useApp方法的调用就是完成这个操作，useApp返回的app对象就是@tmagic/core的实例。在vue的实现中useApp是将整个vue实例都提供给了app，所以需要defineExpose来定义vue instance上的方法，react则是将需要暴露的方法作为useApp的参数传入
-:::
-
diff --git a/docs/guide/advanced/page.md b/docs/guide/advanced/page.md
index a0b7fd69..6945a0e6 100644
--- a/docs/guide/advanced/page.md
+++ b/docs/guide/advanced/page.md
@@ -60,6 +60,5 @@ export default defineComponent({
 
 ## 渲染器示例
 在tmagic-editor的示例项目中，我们提供了三个版本的 @tmagic/ui。可以参考对应前端框架的渲染器实现。
-- [vue3 渲染器](https://github.com/Tencent/tmagic-editor/blob/master/packages/ui/src/container/src/Container.vue)
-- [vue2 渲染器](https://github.com/Tencent/tmagic-editor/blob/master/packages/ui-vue2/src/container/Container.vue)
-- [react 渲染器](https://github.com/Tencent/tmagic-editor/blob/master/packages/ui-react/src/container/Container.tsx)
\ No newline at end of file
+- [vue 渲染器](https://github.com/Tencent/tmagic-editor/blob/master/vue-components/container/src/Container.vue)
+- [react 渲染器](https://github.com/Tencent/tmagic-editor/blob/master/react-components/container/src/Container.tsx)
\ No newline at end of file
diff --git a/docs/guide/advanced/tmagic-ui.md b/docs/guide/advanced/tmagic-ui.md
index c79f14e6..7c124abe 100644
--- a/docs/guide/advanced/tmagic-ui.md
+++ b/docs/guide/advanced/tmagic-ui.md
@@ -5,15 +5,13 @@ tmagic-editor的设计是希望发布的页面支持多个前端框架，即各
 
 所以tmagic-editor的设计中，针对每个前端框架，都需要有一个对应的 @tmagic/ui 来承担渲染器职责。同时，也需要一个使用和 @tmagic/ui 相同前端框架的 runtime 来 @tmagic/ui 和业务组件的，具体 runtime 概念，可以参考[页面发布](../publish)。
 
-@tmagic/ui 在tmagic-editor设计中，承担的是业务逻辑无关的，基础组件渲染的功能。一切和业务相关的逻辑，都应该在 [runtime](../runtime.html) 中实现。这样 @tmagic/ui 就能保持其通用性。
-
-我们以项目代码中提供的 vue3 版本的 @tmagic/ui 作为示例介绍其中包含的内容。
+我们以项目代码中提供的 vue 版本的 [vue-components](https://tencent.github.io/tmagic-editor/vue-components) 作为示例介绍其中包含的内容。
 
 ## 渲染器
-在 vue3 中，实现渲染器的具体形式参考[页面渲染](../advanced/page)中描述的[容器渲染](../advanced/page.html#容器渲染)和[组件渲染](../advanced/page.html#容器渲染)。
+在 vue 中，实现渲染器的具体形式参考[页面渲染](../advanced/page)中描述的[容器渲染](../advanced/page.html#容器渲染)和[组件渲染](../advanced/page.html#容器渲染)。
 
 ## 基础组件
-在 @tmagic/ui vue3 中，我们提供了几个基础组件，可以在项目源码中找到对应内容。
+在 [vue-components](https://tencent.github.io/tmagic-editor/vue-components) 中，我们提供了几个基础组件，可以在项目源码中找到对应内容。
 
 - page tmagic-editor的页面基础
 - container tmagic-editor的容器渲染器
@@ -23,8 +21,3 @@ tmagic-editor的设计是希望发布的页面支持多个前端框架，即各
 其中 page/container/Component 是 UI 的基础，是每个框架的 UI 都应该实现的。
 
 button/text 其实就是一个组件开发的示例，具体组件开发相关规范可以参考[组件开发](../component)。
-
-## @tmagic/ui 示例
-- [vue3 渲染器](https://github.com/Tencent/tmagic-editor/blob/master/packages/ui)
-- [vue2 渲染器](https://github.com/Tencent/tmagic-editor/blob/master/packages/ui-vue2)
-- [react 渲染器](https://github.com/Tencent/tmagic-editor/blob/master/packages/ui-react)
\ No newline at end of file
diff --git a/docs/guide/component.md b/docs/guide/component.md
index 28df7b2c..e2112c95 100644
--- a/docs/guide/component.md
+++ b/docs/guide/component.md
@@ -1,28 +1,48 @@
 # 如何开发一个组件
 tmagic-editor支持业务方进行自定义组件开发。在tmagic-editor中，组件是以 npm 包形式存在的，组件和插件只要按照规范开发，就可以在tmagic-editor的 runtime 中被加入并正确渲染组件。
 
-## 组件开发
-以 vue3 的组件开发为例。运行项目中的 playground 示例，会自动加载 vue3 的 runtime。runtime会加载[@tmagic/ui](https://github.com/Tencent/tmagic-editor/tree/master/packages/ui)
-
-## 组件注册
-在 [playground](https://tencent.github.io/tmagic-editor/playground/index.html#/) 中，我们可以尝试点击添加一个组件，在模拟器区域里，就会出现这个组件。其中就涉及到组件注册。
-
-这一步需要开发者基于tmagic-editor搭建了平台后，实现组件列表的注册、获取机制，tmagic-editor组件注册其实就是保存好组件 `type` 的映射关系。`type` 可以参考[组件介绍](../guide/conception.html#组件)。
-
-可以参考 vue3 版本的 @tmagic/ui 中，[组件渲染](../guide/advanced/page.html#组件渲染)逻辑里，type 会作为组件名进入渲染。所以在 vue3 的组件开发中，我们也需要在为 vue 组件声明 name 字段时，和 type 值对应起来，才能正确渲染组件。
-
 ### 组件规范
 组件的基础形式，需要有四个文件
 - index 入口文件，引入下面几个文件
-- formConfig 表单配置描述
-- initValue 表单初始值
+- form-config 表单配置描述
+- init-value 表单初始值
 - event 定义联动事件，具体可以参考[组件联动](../guide/advanced/coupling.html#组件联动)
 - component.{vue,jsx} 组件样式、逻辑代码
 
-@tmagic/ui 中的 button/text 就是基础的组件示例。我们要求声明 index 入口，因为我们希望在后续的配套打包工具实现上，可以有一个统一规范入口。
-
 ### 1. 创建组件
-在项目中，如 runtime vue3 目录中，创建一个名为 test-component 的组件目录，其中包含上面四个规范文件。
+
+可以使用`npm create tmagic` 选择 `components:组件库(组件/插件/数据源)` 来快速创建一个组件库。
+
+然后继续使用`npm create tmagic` 选择 `component:组件` 来快速创建一个组件。
+
+:::tip
+
+组件库并不是必须，组件如何管理可以根据具体情况来选择。直接放到 runtime 目录中也是一个不错的选择，如果选择放到runtime中可以在runtime中的package.json添加
+```json
+{
+  "createTmagic": {
+    "componentsPath": "./components",
+    "pluginsPath": "./plugins",
+    "dataSourcesPath": "./dataSources"
+  }
+}
+```
+来指定组件库的路径。这样在使用`npm create tmagic` 来创建组件时，会自动将组件添加到组件库中。
+:::
+
+:::tip
+如需为组件添加npm scope name，可以在runtime中的package.json中添加
+```json
+{
+  "createTmagic": {
+     "npmScopeName": "@tmagic"
+  }
+}
+```
+:::
+
+
+手动创建组件，可以在项目中，如 runtime  目录中，创建一个名为 test-component 的组件目录，其中包含上面四个规范文件。
 ```javascript
 // index.js
 // vue
@@ -30,14 +50,18 @@ import Test from './Test.vue';
 // react 
 import Test from './Test.tsx';
 
-export { default as config } from './formConfig';
-export { default as value } from './initValue';
+export { default as config } from './form-config';
+export { default as value } from './init-value';
 
 export default Test;
 ```
 
+:::tip
+如果在runtime中使用了@tmagic/cli，则必须保持此规范；不使用则可以自由书写。 
+:::
+
 ```javascript
-// formConfig.js
+// form-config.js
 export default [
   {
     type: 'select',
@@ -61,15 +85,40 @@ export default [
 ];
 ```
 
+:::tip
+配置内容必须是一个数组，每个元素是一个对象，包含 type、text、name 等属性，每个对象代表一个表单项。
+
+type 是表单项的类型
+
+text 是表单项的文本
+
+name 是表单项值的key。
+
+上述实例对应生成的值为
+```json
+{
+  "color": "red",
+  "text": "一段文字",
+}
+```
+
+type 在@tmagic/form 和 @tmagic/editor 中默认提供了一些，@tmagic/form提供的可以前往[表单配置](/form-config/fields/text.html)查看。
+:::
+
+
 ```javascript
-// initValue.js
+// init-value.js
 export default {
   color: 'red',
   text: '一段文字',
 };
 ```
 
-vue3 版本的组件代码示例
+:::tip
+在编辑器中添加组件时使用，作为初始值。
+:::
+
+Vue版本的组件代码示例
 ```vue
 <!-- Test.vue -->
 <template>
@@ -79,22 +128,24 @@ vue3 版本的组件代码示例
   </div>
 </template>
 
-<script>
-export default {
+<script setup>
+defineOptions({
   name: 'magic-ui-test',
+});
 
-  props: {
-    config: {
-      type: Object,
-      default: () => ({}),
-    },
+defineProps({
+  config: {
+    type: Object,
+    default: () => ({}),
   },
-
-  setup() {},
-};
+}):
 </script>
 ```
 
+:::tip
+编辑器中配置的 config 对象，会作为 props 传入组件中。
+:::
+
 react 版本组件代码示例
 ```javascript
 // Test.tsx
@@ -118,84 +169,52 @@ export default Test;
 
 ```
 
-### 2. 使用tmagic-cli
-在 runtime vue3 中，我们已经提供好一份示例。在 tmagic.config.ts 文件中。只需要在 packages 加入你创建的组件的路径（如果是个 npm 包，则将路径替换为包名即可），打包工具就会自动识别到你的组件。
+## 插件开发
+插件开发和组件开发形式类似，但是插件开发不需要有组件的规范。
+
+我们只需要在插件中提供一个入口文件。插件需要提供一个 install 方法。
 
-### 3. 启动 playground
-在上面的步骤完成后，在 playground/src/configs/componentGroupList 中。找到组件栏的基础组件列表，在其中加入你的开发组件
 ```javascript
-{
-  title: '基础组件',
-  items: [
+// 在Vue的runtime中
+export default {
+  install(vueApp, { app: tmagicApp }) {}
+}
+```
+
+```javascript
+// 在React的runtime中
+export default {
+  install({ app: tmagicApp }) {}
+}
+```
+
+在插件中开发者可以自由实现需要的业务逻辑。
+
+## 集成到runtime中
+
+### 使用@tmagic/cli
+
+在使用`npm create tmagic` 创建的runtime中，自动集成了@tmagic/cli，将组件集成到此runtime中只需要在`tmagic.config.ts`中的packages字段中添加
+```javascript
+import { defineConfig } from '@tmagic/cli';
+
+export default defineConfig({
+  // other config
+  packages: [
     {
-      text: '文本',
-      type: 'text',
-    },
-    {
-      text: '按钮',
-      type: 'button',
-    },
-    // 加入这个测试组件
-    {
-      text: '测试',
-      type: 'test',
+      '组件type': '组件目录或者npm包名',
     },
   ],
-}
-```
-
-然后，在 magic 项目根目录中，运行
+});
 
-```
-npm run playground
 ```
 
-至此，我们打开 playground 后，就能添加开发的中的组件，并且得到这个开发中的组件**在编辑器中的表现**了。
+:::tip
+组件type需要与[componentGroupList](../api/editor/props.html#componentgrouplist)中的type对应。
+:::
 
-<img src="https://image.video.qpic.cn/oa_fd3c9c-3_548108267_1636719045199471">
 
-### 4. 启动 runtime
-在完成开发中组件在编辑器中的实现后，我们将编辑器中的 DSL 源码📄 打开，复制 DSL。并在 runtime/vue3/src/page 下。创建一个 page-config.js 文件。将 DSL 作为配置导出。
+配置到packages字段中后，执行`npm run tmagic`来创建组件库的入口文件。
 
-```javascript
-window.magicDSL = [
-  // DSL
-]
-```
+然后使用`npm run build:libs`命令来构建用于编辑器中的组件配置、组件初始值、组件事件联动的资源文件。
 
-在 page/main.ts 中，将这份配置读入
-```javascript
-import './page-config.js';
-```
-
-然后执行在 runtime/vue3 目录下执行
-```
-npm run build:libs
-npm run dev
-```
-
-至此，我们就可以得到这个开发中组件在编辑器中进行了配置并保存后，在真实页面中应该有的样子。
-
-<img src="https://image.video.qpic.cn/oa_fd3c9c-3_1731965034_1636719708671597?imageView2/q/70" width="50%">
-
-## 插件开发
-插件开发和组件开发形式类似，但是插件开发不需要有组件的规范。在以 vue 为基础的 ui 和 runtime 中，插件其实就是一个 vue 插件。
-
-我们只需要在插件中提供一个入口文件，其中包含 vue 的 install 方法即可。
-
-```javascript
-export default {
-  install() {}
-}
-```
-
-在插件中开发者可以自由实现需要的业务逻辑。插件和组件一样，只需要在 units.js 中，加入导出的 units 对象里即可。
-
-## 业务定制
-上述的步骤，如
-1. 组件/插件初始化
-2. 编辑器中的组件调试
-3. 真实页面的组件调试
-4. 编辑器中的 DSL 同步至本地调试页面
-
-等许多步骤，都可以交由业务方进行定制，开发业务自定义的脚手架工具，或者如示例中一样，使用打包脚本来处理。
\ No newline at end of file
diff --git a/docs/guide/conception.md b/docs/guide/conception.md
index 4dddc789..171d4f65 100644
--- a/docs/guide/conception.md
+++ b/docs/guide/conception.md
@@ -60,11 +60,6 @@ DSL 是编辑器搭建页面的最终产物（描述文件），其中包含了
 ### runtime
 我们把页面统一称为 runtime，更具体的 runtime 概念可以查看[页面发布](./publish.html#runtime)。**runtime 是承载tmagic-editor项目页面的运行环境**。编辑器的工作区是 runtime 的一个具体实例，另一个就是我们发布上线后，用户访问的真实项目页面。
 
-### @tmagic/ui
-@tmagic/ui 包含了tmagic-editor的基础组件库，提供了容器、文本、按钮这样的基础组件。我们提供了不同语言框架的 @tmagic/ui，如 vue2 和 vue3。
-
-@tmagic/ui 和 runtime 是配套出现的，runtime 必须基于 @tmagic/ui 才可以实现渲染。因为 @tmagic/ui 需要提供 runtime 所需要的渲染器。
-
 ## 联动
 页面搭建过程中，会涉及到两种联动形式
 - 在编辑器中，组件的表单配置项之间需要联动。
diff --git a/docs/guide/editor-expand.md b/docs/guide/editor-expand.md
index 8ac2bce5..8ab5f644 100644
--- a/docs/guide/editor-expand.md
+++ b/docs/guide/editor-expand.md
@@ -62,6 +62,59 @@ MenuButton 的[定义](https://github.com/Tencent/tmagic-editor/blob/239b5d3efea
 
 ### 二、左侧菜单栏
 
+左侧菜单栏主要展示组件列表、组件树、代码块、数据源等内容。可以通过 `m-editor` 组件的 [sidebar](/api/editor/props.html#sidebar) `prop` 来进行配置。
+
+#### 1. 自定义左侧面板
+
+可以使用 `sidebar` slot 来完全自定义左侧面板：
+
+```html
+<m-editor>
+  <template #sidebar>
+    <your-sidebar></your-sidebar>
+  </template>
+</m-editor>
+```
+
+#### 2. 扩展组件列表
+
+通过 [componentGroupList](/api/editor/props.html#componentgrouplist) prop 配置组件分组和列表：
+
+```js
+const componentGroupList = [
+  {
+    title: '基础组件',
+    items: [
+      {
+        text: '文本',
+        type: 'text',
+        icon: 'text-icon'
+      },
+      {
+        text: '按钮',
+        type: 'button',
+        icon: 'button-icon'
+      }
+    ]
+  },
+  {
+    title: '业务组件',
+    items: [
+      // 自定义业务组件
+    ]
+  }
+]
+```
+
+#### 3. 组件树扩展
+
+组件树会自动根据页面配置生成，可以通过 `editorService` 监听组件树相关事件：
+
+```js
+editorService.on('select', (node) => {
+  console.log('选中组件:', node);
+});
+```
 
 ### 三、右侧属性配置栏
 
@@ -118,6 +171,50 @@ propsService.usePlugin({
 </m-editor>
 ```
 
-### 四、中间工作区域
-
 ## 行为扩展
+
+### 二、服务扩展
+
+可以通过监听事件和使用插件来扩展 EditorService：
+
+```js
+// 监听编辑器事件
+editorService.on('add', (node) => {
+  console.log('添加组件:', node);
+});
+
+// 使用插件扩展
+editorService.usePlugin({
+  beforeAdd(node) {
+    // 在添加组件前执行
+    return node;
+  },
+  afterAdd(node) {
+    // 在添加组件后执行
+    return node;
+  }
+});
+```
+
+#### 2. PropsService 扩展
+
+自定义属性配置的处理逻辑：
+
+```js
+propsService.usePlugin({
+  // 修改属性配置
+  beforeGetPropsConfig(type) {
+    console.log('获取配置前:', type);
+  },
+  
+  afterGetPropsConfig(config, type) {
+    // 添加自定义配置
+    return config;
+  },
+  
+  // 自定义配置填充逻辑
+  afterFillConfig(config, type) {
+    return config;
+  }
+});
+```
diff --git a/docs/guide/index.md b/docs/guide/index.md
index 2966bd24..d317ae01 100644
--- a/docs/guide/index.md
+++ b/docs/guide/index.md
@@ -2,7 +2,33 @@
 
 tmagic-editor的编辑器我们已经封装成一个 npm 包，可以直接安装使用。编辑器是使用 vue3 开发的(仅支持vue3)，但使用编辑器的业务(runtime)可以不限框架，可以用 vue2、react 等开发业务组件。
 
-## 安装
+::: code-group
+
+```bash [npm]
+$ npm create tmagic@latest
+```
+
+```bash [pnpm]
+$ pnpm create tmagic
+```
+:::
+
+按照提示操作可以创建`6`中项目：
+
+* runtime:运行时（DSL渲染）
+* admin-client:管理端（编辑器）
+* components:组件库(组件/插件/数据源)
+* component:组件
+* data-source:数据源
+* plugin:插件
+
+至少需要一个runtime与admin-client后，就可以运行起一个最简单的项目了。
+
+后续还需要新增组件、插件、数据源等，可以继续添加后面几种类型的项目。
+
+新增好一个组件/插件/数据源后可以到runtime/tmagic.config.ts中配置到packages中
+
+## 手动安装
 
 node.js >= 18
 
@@ -11,13 +37,13 @@ node.js >= 18
 > 使用Vue CLI生成的项目需要在vue.config.js中加上配置：transpileDependencies: [/@tmagic/]
 
 ```bash
-$ npm install @tmagic/editor @tmagic/form -S
+$ npm install @tmagic/editor -S
 ```
 
 由于在实际应用中项目常常会用到例如[element-plus](https://element-plus.org/)、[tdesign-vue-next](https://tdesign.tencent.com/vue-next/overview)等UI组件库。为了能让使用者能够选择不同UI库，[@tmagic/editor](https://github.com/Tencent/tmagic-editor/tree/master/packages/editor)将其中使用到的UI组件封装到[@tmagic/design](https://github.com/Tencent/tmagic-editor/tree/master/packages/design)中，然后通过不同的adapter来指定使用具体的对应的UI库，我们提供了[@tmagic/element-plus-adapter](https://github.com/Tencent/tmagic-editor/tree/master/packages/element-plus-adapter)来支持[element-plus](https://element-plus.org/)，所以还需要安装相关的依赖。
 
 ```bash
-$ npm install @tmagic/element-plus-adapter @tmagic/design element-plus -S
+$ npm install @tmagic/element-plus-adapter element-plus -S
 ```
 
 editor 中还包含了[monaco-editor](https://microsoft.github.io/monaco-editor/)，所以还需安装monaco-editor，可以参考 monaco-editor 的[配置指引](https://github.com/microsoft/monaco-editor/blob/main/docs/integrate-esm.md)。
@@ -37,25 +63,21 @@ import { createApp } from 'vue';
 import ElementPlus from 'element-plus';
 import zhCn from 'element-plus/es/locale/lang/zh-cn';
 
-import TMagicDesign from '@tmagic/design';
-import MagicEditor from '@tmagic/editor';
+import editorPlugin from '@tmagic/editor';
 import MagicElementPlusAdapter from '@tmagic/element-plus-adapter';
-import MagicForm from '@tmagic/form';
 
 import App from './App.vue';
 
 import 'element-plus/dist/index.css';
 import '@tmagic/editor/dist/style.css';
-import '@tmagic/form/dist/style.css';
 
 const app = createApp(App);
 app.use(ElementPlus, {
   locale: zhCn,
 });
-app.use(TMagicDesign, MagicElementPlusAdapter);
-app.use(MagicEditor);
-app.use(MagicForm);
-app.mount("#app");
+app.use(router);
+app.use(editorPlugin, MagicElementPlusAdapter);
+app.mount('#app');
 ```
 
 以上代码便完成了 @tmagic/editor 的引入。需要注意的是，样式文件需要单独引入。
@@ -103,7 +125,7 @@ app.mount("#app");
           // 初始化页面数据
         }),
 
-        runtimeUrl: "/runtime/vue3/playground/index.html",
+        runtimeUrl: "/runtime/vue/playground/index.html",
 
         propsConfigs: [
           // 组件属性列表
@@ -173,6 +195,9 @@ npm install sass -D
 ## runtimeUrl
 
 该配置涉及到 [runtime 概念](runtime.md)，tmagic-editor编辑器中心的模拟器画布，是一个 iframe（这里的 `runtimeUrl` 配置的，就是你提供的 iframe 的 url），其中渲染了一个 runtime，用来响应编辑器中的组件增删改等操作。
+:::tip
+可以使用`npm create tmagic` 来快速创建一个runtime项目。
+:::
 
 ## componentGroupList
 
@@ -186,10 +211,10 @@ npm install sass -D
 
 ```javascript
 setup() {
-  asyncLoadJs(`/runtime/vue3/assets/config.js`).then(() => {
+  asyncLoadJs(`/runtime/vue/assets/config.js`).then(() => {
     propsConfigs.value = window.magicPresetConfigs;
   });
-  asyncLoadJs(`/runtime/vue3/assets/value.js`).then(() => {
+  asyncLoadJs(`/runtime/vue/assets/value.js`).then(() => {
     propsValues.value = window.magicPresetValues;
   });
 }
diff --git a/docs/guide/introduction.md b/docs/guide/introduction.md
index 1ba9229e..d2e967ca 100644
--- a/docs/guide/introduction.md
+++ b/docs/guide/introduction.md
@@ -36,9 +36,6 @@ tmagic-editor可视化开源项目是从魔方平台演化而来的开源项目
 - **@tmagic/core** 实现对组件进行跨框架管理与一些通用复杂逻辑的实现。
 - **@tmagic/data-source** 实现数据源的管理与编译。
 - **@tmagic/stage** 实现在编辑器中对组件的位置拖动与大小拖拉。
-- **@tmagic/ui** 提供一些vue3基础组件。
-- **@tmagic/ui-vue2** 提供一些vue2基础组件。
-- **@tmagic/ui-react** 提供一些react基础组件。
 - **runtime** 实现在编辑器中对使用不同框架的组件的渲染。
 
 可以查阅 tmagic 的[源代码](https://github.com/Tencent/tmagic-editor)，与文档描述内容可以逐一对应上，希望文档内容可以为开发者带来比较好的开发体验。
diff --git a/docs/guide/migration.md b/docs/guide/migration.md
new file mode 100644
index 00000000..30ed1e3a
--- /dev/null
+++ b/docs/guide/migration.md
@@ -0,0 +1,89 @@
+# 升级到1.5.x
+
+## ui npm包的变化
+
+ui中包含的组件被移除，这些组件由单独的npm包提供。1.5.0以后ui包将变得不重要，只是为了兼容而保留，后续将变废弃。
+
+建议将runtime中的tmagic.config中的packages配置的ui包改成：
+
+```js
+{
+  packages: [
+    { button: '@tmagic/vue-button',
+    { container: '@tmagic/vue-container' },
+    { img: '@tmagic/vue-img' },
+    { 'iterator-container': '@tmagic/vue-iterator-container' },
+    { page: '@tmagic/vue-page' },
+    { 'page-fragment': '@tmagic/vue-page-fragment' },
+    { 'page-fragment-container': '@tmagic/vue-page-fragment-container' },
+    { text: '@tmagic/vue-text' },
+    { overlay: '@tmagic/vue-overlay' },
+    { qrcode: '@tmagic/vue-qrcode' },
+  ],
+}
+```
+:::tip
+react的也是类似上面的修改
+:::
+
+:::tip
+上述这些组件中只有container是最重要的，不可缺少的，其他都可以换成自己实现的版本。
+iterator-container/page/page-fragment/page-fragment-container这几个组件编辑中是有做特殊识别的，所以如果希望有完整的功能，也尽量保留
+:::
+
+## 对编辑画布中组件的识别
+
+1.5.0之前是通过识别dom中是否拥有id属性是判断该dom是不是组件的根节点，之后默认会变成识别是否拥有data-tmagic-id
+
+:::tip
+此变化是通过container组件来实现的，之前vue是`@tmagic/ui`或者`tmagic/ui-vue2`中的Component组件来实现，`tmagic/ui-react`则是各个组件自己实现，之后vue是由`@tmagic/vue-container`实现，react依然由各个组件自己实现。
+:::
+
+如果希望依然保留对id属性的识别，我们也提供方法
+
+```ts
+import { setDslDomRelateConfig } from '@tmagic/editor';
+
+setDslDomRelateConfig('getIdFromEl', (el?: HTMLElement | SVGElement | null) => el?.id);
+setDslDomRelateConfig(
+  'getElById',
+  (doc?: Document, id?: string | number) => doc?.querySelector(`[id="${id}"]`) as HTMLElement,
+);
+setDslDomRelateConfig('setIdToEl', (el: HTMLElement | SVGElement, id: string | number) => {
+  el.id = `${id}`;
+});
+```
+
+:::tip
+与此相关的`m-editor`组件的[canSelect](/api/editor/props.html#canselect)/[isContainer](/api/editor/props.html#iscontainer)这里配置
+:::
+
+## 组件对迭代器容器的支持
+
+迭代器容器是通过绑定一个数据源的数组字段，然后会去迭代这个数组来渲染容器中的内容，这个是同一个配置的组件将会被渲染多次，这个时候组件配置的事件或者代码块中将无法准确获取中组件，所以需要将迭代的信息提供出来。
+
+已vue组件为例，需要添加iteratorIndex和iteratorContainerId两个prop
+
+```ts
+{
+  props: {
+    // other props
+    iteratorIndex: Array as PropType<number[]>,
+    iteratorContainerId: Array as PropType<Id[]>,
+  }
+}
+```
+
+然后传个useApp
+
+```ts
+useApp({
+  // other args
+  iteratorContainerId: props.iteratorContainerId,
+  iteratorIndex: props.iteratorIndex,
+})
+```
+
+:::tip
+如果对迭代器容器没有需求的，可以不用
+:::
diff --git a/docs/guide/publish.md b/docs/guide/publish.md
index ffbcf8de..e0cabee4 100644
--- a/docs/guide/publish.md
+++ b/docs/guide/publish.md
@@ -13,7 +13,7 @@ runtime 的概念，是理解tmagic-editor项目页运行的重要概念，runti
 
 所以更深入描述，runtime 是tmagic-editor页面的渲染环境，提供不同场景下的能力封装。如果理解了tmagic-editor的设计，阅读了tmagic-editor的源码，可以发现，runtime 只是对tmagic-editor的渲染器做了一层包装，在不同 runtime 中，tmagic-editor的渲染逻辑和组件代码都是相同的。
 
-并且，由于tmagic-editor在编辑器中的模拟器是通过 iframe 渲染的，和tmagic-editor平台本身可以做到框架解耦，所以 runtime 也可以用不同框架开发。目前tmagic-editor提供了 vue2/vue3 和 react 的 runtime 示例。
+并且，由于tmagic-editor在编辑器中的模拟器是通过 iframe 渲染的，和tmagic-editor平台本身可以做到框架解耦，所以 runtime 也可以用不同框架开发。目前tmagic-editor提供了 vue 和 react 的 runtime 示例。
 
 各个 runtime 的作用除了作为不同场景下的渲染环境，同时也是不同环境的打包构建载体。tmagic-editor示例代码中的打包就是基于 runtime 进行的。
 
@@ -21,8 +21,7 @@ runtime 的概念，是理解tmagic-editor项目页运行的重要概念，runti
 由于 runtime 是页面渲染的承载环境，其中会加载 @tmagic/ui 以及各个业务组件，业务发布项目页也是基于 runtime，所以在 runtime 中实现业务方的自定义逻辑是最合适的。runtime 可以提供一些全局 API，供业务组件调用。我们可以把下面的模拟器中的 runtime 视为一个业务方runtime。
 
 tmagic-editor提供了三个版本的 runtime 示例，可以参考：
-- [vue3 runtime](https://github.com/Tencent/tmagic-editor/blob/master/runtime/vue3)
-- [vue2 runtime](https://github.com/Tencent/tmagic-editor/blob/master/runtime/vue2)
+- [vue runtime](https://github.com/Tencent/tmagic-editor/blob/master/runtime/vue)
 - [react runtime](https://github.com/Tencent/tmagic-editor/blob/master/runtime/react)
 
 ### 真实页面渲染（Page）
diff --git a/docs/guide/runtime.md b/docs/guide/runtime.md
index 09f4e7b5..41a8a9e4 100644
--- a/docs/guide/runtime.md
+++ b/docs/guide/runtime.md
@@ -1,72 +1,29 @@
 # RUNTIME
 本章详细介绍如何深入理解tmagic-editor的打包，以及如何根据需求定制，修改tmagic-editor的页面打包发布方案。页面发布、打包相关的定制化开发，需要使用tmagic-editor的业务方，搭建好基于开源tmagic-editor的管理平台、存储服务等配套设施。
 
+## runtime 是什么
+
+runtime是用来解析DSL的执行环境，用于渲染 DSL 呈现页面。
+
+编辑器生成出来的DSL需要通过 runtime 来渲染。
+
 ## 实现一个 runtime
-在 [@tmagic/ui](./advanced/tmagic-ui.html) 部分，我们已经说过，runtime 和 UI 是配套实现的。每个版本的 runtime 都需要一个对应的 UI 来作为渲染器，实现渲染 DSL 呈现页面的功能。
 
-### UI
-一个 UI 应该至少包含一个渲染器，来实现[页面渲染](./advanced/page.html)。同时可以提供一些基础组件。具体实现可以参考[@tmagic/ui](./advanced/tmagic-ui.html)。
+:::tip
+可以使用`npm create tmagic` 来快速创建一个runtime项目。
+:::
 
-### page
-runtime 的 `page` 部分，就是真实项目页面的渲染环境。发布出去的项目页都需要基于该部分来实现渲染功能。而 `page` 的主要逻辑，就是需要加载 UI，同时实现业务方需要的业务逻辑，比如：
-- 提供页面需要的全局 api
-- 业务需要的特殊实现逻辑
-- 加载第三方全局组件/插件等
-
-具体的 page 实现示例，可以参考
-- [vue3 runtime](https://github.com/Tencent/tmagic-editor/blob/master/runtime/vue3/page)
-- [vue2 runtime](https://github.com/Tencent/tmagic-editor/blob/master/runtime/vue2/page)
-- [react runtime](https://github.com/Tencent/tmagic-editor/blob/master/runtime/react/page)
-
-### playground
-runtime 的 `playground` 部分，和 `page` 做的事情几乎一致，业务方可以包含上述 `page` 所拥有的全部能力。但是，因为 playground 需要被编辑器加载，作为编辑器中页面模拟器的渲染容器，和编辑器通信，接受编辑器中组件的增删改查。所以，除了保持和 `page` 一样的渲染逻辑之外，`playground` 还要额外实现一套既定通信内容和 api，才能实现和编辑器的通信功能。
-
-#### onRuntimeReady
-**在 playground 页面渲染后**，需要调用接口通知编辑器完成加载。该调用需要传入一个参数 API，即挂载了增删改查功能的对象示例，提供给编辑器。
-```javascript
-window.magic?.onRuntimeReady(API)
+创建出来的项目会包含page、playground两个目录。
+```bash
+.
+├── page
+├── playground
 ```
 
-#### onPageElUpdate
-**playground 在每次更新了页面配置后**，调用一次 onPageElUpdate 并传入一个 DOM 节点，该方法作用是传入一个页面渲染组件的根节点，用来告知编辑器的模拟器遮罩如何作出反应。
-```javascript
-window.magic.onPageElUpdate(document.querySelector('.magic-ui-page'));
-```
+page用于生产环境
 
-#### 提供 API
-| API      | 说明    | 参数      | 
-|---------- |-------- |---------- |
-|updateRootConfig| 根节点更新 | `root: MApp`  |
-|updatePageId| 更新当前页面 id | `id: string` |
-|select| 选中组件 | `id: string`|
-|add| 增加组件 | { `config` , `root` }: `UpdateData` |
-|update| 更新组件 | { `config` , `root` }: `UpdateData`  |
-|remove| 删除组件 | { `config` , `root` }: `UpdateData`  |
-|sortNode| 组件在容器间排序 |{ `src` , `dist`, `root` }: `SortEventData`  |
+playground用于编辑器中
 
-runtime 的实现示例，可以参考tmagic-editor提供的：
-- [vue3 runtime](https://github.com/Tencent/tmagic-editor/blob/master/runtime/vue3)
-- [vue2 runtime](https://github.com/Tencent/tmagic-editor/blob/master/runtime/vue2)
-- [react runtime](https://github.com/Tencent/tmagic-editor/blob/master/runtime/react)
-
-### 页面发布
-如介绍中提到的，tmagic-editor页面发布方案，是对构建产物 `page/index.html` 进行项目信息注入。项目信息就是搭建平台存储的页面配置。发布时，将注入项目信息的 `page/index.html` 发布出去即可。
-
-## 版本管理
-基于上一步提到的打包原理，每次构建后，得到的产物都可以进行归档编号，存为版本。涉及到的组件改动和新增修改，体现在各个版本中。
-
-<img src="https://image.video.qpic.cn/oa_88b7d-32_1233288257_1633783105283986" width="40%" alt="版本选择">
-
-版本管理具体如何实现，这取决于使用tmagic-editor的业务方。版本管理具有如下优点：
-1. 对于已经配置好发布的项目，使用固定版本，不会被新版本的特性影响，保证项目线上稳定运行
-2. 发布的新版本如果出现问题，可以及时回退选择使用旧版本
-
-## 结合业务定制
-tmagic-editor的静态资源构建，项目配置保存，页面发布，在tmagic-editor的提供的示例方案中，流程是：
-1. 触发构建，执行流水线，基于 runtime 执行 build 
-2. 将构建产物归档推送至 cdn，存为一个ui版本
-3. 项目配保存后，项目发布时，将项目配置发布至 CDN 存储为 DSL.js，同时根据当前项目使用的ui版本，获取到 page/index.html，将 DSL.js 引用方式以 script 标签形式写入。
-4. 将注入信息的 page/index.html 发布为项目静态资源 act.html
-5. 线上可加载 act.html 访问项目
-
-其中各个步骤的定制，可以交由业务方根据tmagic-editor提供的示例进行自定义修改。
\ No newline at end of file
+:::tip
+想要了解DSL的解析以及runtime与编辑器的通信，可以前往[教程](/guide/tutorial/index.md)
+:::
diff --git a/docs/guide/tutorial/hello-world.md b/docs/guide/tutorial/hello-world.md
index 9a9ecd86..b6b2fa7c 100644
--- a/docs/guide/tutorial/hello-world.md
+++ b/docs/guide/tutorial/hello-world.md
@@ -51,7 +51,7 @@ cd hello-world
 ## 添加依赖
 
 ```bash
-npm install --save @tmagic/editor @tmagic/form @tmagic/stage @tmagic/design @tmagic/element-plus-adapter element-plus
+npm install --save @tmagic/editor @tmagic/element-plus-adapter element-plus
 ```
 
 ## 注册组件
@@ -61,25 +61,19 @@ npm install --save @tmagic/editor @tmagic/form @tmagic/stage @tmagic/design @tma
 ```ts
 import 'element-plus/dist/index.css';
 import '@tmagic/editor/dist/style.css';
-import '@tmagic/form/dist/style.css';
 
 import { createApp } from 'vue';
 import ElementPlus from 'element-plus';
 
-import TMagicDesign from '@tmagic/design';
 import TMagicEditor from '@tmagic/editor';
 import TMagicElementPlusAdapter from '@tmagic/element-plus-adapter';
-import TMagicForm from '@tmagic/form';
 
 import App from './App.vue';
 
 createApp(App)
   .use(ElementPlus)
-  .use(TMagicDesign, TMagicElementPlusAdapter)
-  .use(TMagicEditor)
-  .use(TMagicForm)
+  .use(TMagicEditor, TMagicElementPlusAdapter)
   .mount('#app');
-
 ```
 
 ## 渲染编辑器
@@ -185,7 +179,7 @@ const render = () => {
 
   createApp(
     {
-      template: '<p v-for="node in config.items" :key="node.id" :id="node.id">hello world</p>',
+      template: '<p v-for="node in config.items" :key="node.id" :data-tmagic-id="node.id">hello world</p>',
       props: ['config'],
     },
     {
@@ -249,7 +243,7 @@ const render = async ({ renderer }: StageCore) => {
 
   createApp(
     {
-      template: '<div v-for="node in config.items" :key="node.id" :id="node.id">hello world</div>',
+      template: '<div v-for="node in config.items" :key="node.id" :data-tmagic-id="node.id">hello world</div>',
       props: ['config'],
     },
     {
diff --git a/docs/guide/tutorial/render.md b/docs/guide/tutorial/render.md
index 6ba9ddf6..ecdeb786 100644
--- a/docs/guide/tutorial/render.md
+++ b/docs/guide/tutorial/render.md
@@ -1,14 +1,12 @@
 # 3.[DSL](../conception.md#dsl) 解析渲染
 
-tmagic 提供了 vue3/vue2/react 三个版本的解析渲染组件，可以直接使用
+tmagic 提供了 vue/react 两个个版本的解析渲染组件，可以直接使用
 
 [@tmagic/ui](https://www.npmjs.com/package/@tmagic/ui)
 
-[@tmagic/ui-vue2](https://www.npmjs.com/package/@tmagic/ui-vue2)
-
 [@tmagic/ui-react](https://www.npmjs.com/package/@tmagic/ui-react)
 
-接下来是以vue3为基础，来讲述如何实现一个[@tmagic/ui](https://www.npmjs.com/package/@tmagic/ui)
+接下来是以vue为基础，来讲述如何实现一个[@tmagic/ui](https://www.npmjs.com/package/@tmagic/ui)
 
 ## 准备工作
 
@@ -71,7 +69,7 @@ app.component('hello-world', HelloWorld);
 
 ```vue
 <template>
-  <component v-if="config" :is="type" :id="`${id}`" :style="style" :config="config"></component>
+  <component v-if="config" :is="type" :tmagic-data-id="`${id}`" :style="style" :config="config"></component>
 </template>
 
 <script lang=ts setup>
diff --git a/docs/guide/tutorial/runtime.md b/docs/guide/tutorial/runtime.md
index 2423f171..02ea7c97 100644
--- a/docs/guide/tutorial/runtime.md
+++ b/docs/guide/tutorial/runtime.md
@@ -22,7 +22,7 @@ cd editor-runtime
 按钮需要用的ts types依赖
 
 ```bash
-npm install --save @tmagic/schema @tmagic/stage
+npm install --save @tmagic/core @tmagic/stage
 ```
 
 ## 实现runtime
@@ -33,8 +33,8 @@ npm install --save @tmagic/schema @tmagic/stage
 
 ```vue
 <template>
-  <div v-if="config" :id="config.id" :style="style">
-    <div v-for="node in config.items" :key="node.id" :id="node.id">hello world</div>
+  <div v-if="config" :data-tmagic-id="config.id" :style="style">
+    <div v-for="node in config.items" :key="node.id" :data-tmagic-id="node.id">hello world</div>
   </div>
 </template>
 
@@ -179,8 +179,8 @@ declare global {
 ```
 
 ```ts
+import type { Id, MApp, MNode } from '@tmagic/core';
 import type { RemoveData, UpdateData } from '@tmagic/stage';
-import type { Id, MApp, MNode } from '@tmagic/schema';
 
 const root = ref<MApp>();
 
diff --git a/docs/runtime-api/core/app.md b/docs/runtime-api/core/app.md
new file mode 100644
index 00000000..49cfe491
--- /dev/null
+++ b/docs/runtime-api/core/app.md
@@ -0,0 +1,321 @@
+# App
+
+`App` 是 `@tmagic/core` 的核心类，继承自 `EventEmitter`，用于管理整个应用的状态和配置。
+
+## 构造函数
+
+```typescript
+new App(options: AppOptionsConfig)
+```
+
+### AppOptionsConfig
+
+| 参数 | 类型 | 说明 |
+|------|------|------|
+| `ua` | `string` | User Agent 字符串 |
+| `env` | `Env` | 环境信息实例 |
+| `config` | `MApp` | DSL 配置 |
+| `platform` | `'editor' \| 'mobile' \| 'tv' \| 'pc'` | 平台类型 |
+| `jsEngine` | `JsEngine` | JS 引擎类型 |
+| `designWidth` | `number` | 设计稿宽度 |
+| `curPage` | `Id` | 当前页面 ID |
+| `useMock` | `boolean` | 是否使用 Mock 数据 |
+| `disabledFlexible` | `boolean` | 是否禁用 flexible |
+| `pageFragmentContainerType` | `string \| string[]` | 页面片段容器类型 |
+| `iteratorContainerType` | `string \| string[]` | 迭代器容器类型 |
+| `transformStyle` | `(style: Record<string, any>) => Record<string, any>` | 样式转换函数 |
+| `request` | `RequestFunction` | 请求函数 |
+| `dataSourceManagerInitialData` | `DataSourceManagerData` | 数据源管理器初始数据 |
+| `nodeStoreInitialData` | `() => any` | 节点存储初始数据工厂函数 |
+| `errorHandler` | `ErrorHandler` | 错误处理器 |
+| `beforeEventHandler` | `BeforeEventHandler` | 事件处理前钩子 |
+| `afterEventHandler` | `AfterEventHandler` | 事件处理后钩子 |
+
+## 属性
+
+| 属性 | 类型 | 说明 |
+|------|------|------|
+| `env` | `Env` | 环境信息实例 |
+| `dsl` | `MApp` | DSL 配置 |
+| `codeDsl` | `CodeBlockDSL` | 代码块配置 |
+| `dataSourceManager` | `DataSourceManager \| undefined` | 数据源管理器 |
+| `page` | `Page \| undefined` | 当前页面 |
+| `pageFragments` | `Map<Id, Page>` | 页面片段集合 |
+| `platform` | `string` | 平台类型 |
+| `jsEngine` | `JsEngine` | JS 引擎类型 |
+| `components` | `Map<string, any>` | 已注册的组件 |
+| `eventHelper` | `EventHelper` | 事件助手实例 |
+
+## 静态方法
+
+### registerNode
+
+- **参数：**
+  - `{string} type` 节点类型
+  - `{typeof Node} NodeClass` 节点类
+
+- **返回：**
+  - `{void}`
+
+- **详情：**
+
+  注册自定义节点类型，用于扩展节点功能。
+
+- **示例：**
+
+```typescript
+import App from '@tmagic/core';
+
+class CustomNode extends Node {
+  // 自定义实现
+}
+
+App.registerNode('custom', CustomNode);
+```
+
+## 实例方法
+
+### setEnv
+
+- **参数：**
+  - `{string} ua` User Agent 字符串
+
+- **返回：**
+  - `{void}`
+
+- **详情：**
+
+  设置环境信息，会根据 UA 字符串更新 `env` 属性。
+
+- **示例：**
+
+```typescript
+import App from '@tmagic/core';
+
+const app = new App({});
+app.setEnv(navigator.userAgent);
+```
+
+### setDesignWidth
+
+- **参数：**
+  - `{number} width` 设计稿宽度
+
+- **返回：**
+  - `{void}`
+
+- **详情：**
+
+  设置设计稿宽度，用于响应式布局计算。
+
+- **示例：**
+
+```typescript
+app.setDesignWidth(375);
+```
+
+### setConfig
+
+- **参数：**
+  - `{MApp} config` DSL 配置
+  - `{Id} curPage` 当前页面 ID（可选）
+  - `{DataSourceManagerData} initialData` 初始数据（可选）
+
+- **返回：**
+  - `void`
+
+- **详情：**
+
+  设置 DSL 配置，会初始化数据源管理器和当前页面。
+
+- **示例：**
+
+```typescript
+app.setConfig({
+  id: 'app_1',
+  type: 'app',
+  items: [
+    {
+      id: 'page_1',
+      type: 'page',
+      items: []
+    }
+  ]
+});
+```
+
+### setPage
+
+- **参数：**
+  - `{Id} id` 页面 ID
+
+- **返回：**
+  - `{void}`
+
+- **详情：**
+
+  切换当前页面。
+
+- **示例：**
+
+```typescript
+app.setPage('page_2');
+```
+
+### deletePage
+
+- **返回：**
+  - `{void}`
+
+- **详情：**
+
+  删除当前页面。
+
+### getPage
+
+- **参数：**
+  - `{Id} id` 页面 ID（可选）
+
+- **返回：**
+  - `{Page | undefined}`
+
+- **详情：**
+
+  获取指定 ID 的页面，不传 ID 则返回当前页面。
+
+- **示例：**
+
+```typescript
+const page = app.getPage('page_1');
+```
+
+### getNode
+
+- **参数：**
+  - `{Id} id` 节点 ID
+  - `{GetNodeOptions} options` 获取选项（可选）
+
+- **返回：**
+  - `{Node | undefined}`
+
+- **详情：**
+
+  获取指定 ID 的节点。
+
+- **GetNodeOptions：**
+
+| 参数 | 类型 | 说明 |
+|------|------|------|
+| `iteratorContainerId` | `Id[]` | 迭代器容器 ID 数组 |
+| `iteratorIndex` | `number[]` | 迭代器索引数组 |
+| `pageFragmentContainerId` | `Id` | 页面片段容器 ID |
+| `strict` | `boolean` | 是否严格模式 |
+
+- **示例：**
+
+```typescript
+const node = app.getNode('button_1');
+```
+
+### registerComponent
+
+- **参数：**
+  - `{string} type` 组件类型
+  - `{any} Component` 组件
+
+- **返回：**
+  - `{void}`
+
+- **详情：**
+
+  注册组件。
+
+- **示例：**
+
+```typescript
+app.registerComponent('my-button', MyButton);
+```
+
+### unregisterComponent
+
+- **参数：**
+  - `{string} type` 组件类型
+
+- **返回：**
+  - `{void}`
+
+- **详情：**
+
+  取消注册组件。
+
+### resolveComponent
+
+- **参数：**
+  - `{string} type` 组件类型
+
+- **返回：**
+  - `{any}`
+
+- **详情：**
+
+  解析组件，返回已注册的组件。
+
+### runCode
+
+- **参数：**
+  - `{Id} codeId` 代码块 ID
+  - `{object} params` 参数
+  - `{any[]} args` 额外参数
+  - `{FlowState} flowState` 流程状态（可选）
+  - `{Node} node` 节点（可选）
+
+- **返回：**
+  - `{any}`
+
+- **详情：**
+
+  执行代码块。
+
+- **示例：**
+
+```typescript
+const result = await app.runCode('code_1', { key: 'value' });
+```
+
+### runDataSourceMethod
+
+- **参数：**
+  - `{Id} dsId` 数据源 ID
+  - `{string} methodName` 方法名
+  - `{object} params` 参数
+  - `{any[]} args` 额外参数
+  - `{FlowState} flowState` 流程状态（可选）
+  - `{Node} node` 节点（可选）
+
+- **返回：**
+  - `{any}`
+
+- **详情：**
+
+  执行数据源方法。
+
+- **示例：**
+
+```typescript
+const result = await app.runDataSourceMethod('ds_1', 'fetchData', { id: 123 });
+```
+
+### destroy
+
+- **返回：**
+  - `{void}`
+
+- **详情：**
+
+  销毁应用实例，清理所有资源。
+
+- **示例：**
+
+```typescript
+app.destroy();
+```
diff --git a/docs/runtime-api/core/devtoolApi.md b/docs/runtime-api/core/devtoolApi.md
new file mode 100644
index 00000000..4703908f
--- /dev/null
+++ b/docs/runtime-api/core/devtoolApi.md
@@ -0,0 +1,191 @@
+# DevtoolApi
+
+`DevtoolApi` 是 `@tmagic/core` 提供给开发工具使用的 API 接口类。
+
+## 构造函数
+
+```typescript
+new DevtoolApi(options: DevtoolApiOptions)
+```
+
+### DevtoolApiOptions
+
+| 参数 | 类型 | 说明 |
+|------|------|------|
+| `app` | `App` | 应用实例 |
+
+## 实例方法
+
+### openPop
+
+- **参数：**
+  - `{Id} popId` 弹窗组件 ID
+
+- **返回：**
+  - `{void}`
+
+- **详情：**
+
+  打开指定的弹窗组件。
+
+- **示例：**
+
+```typescript
+devtoolApi.openPop('dialog_1');
+```
+
+### setDataSourceData
+
+- **参数：**
+  - `{Id} dsId` 数据源 ID
+  - `{any} data` 数据
+  - `{string} path` 数据路径（可选）
+
+- **返回：**
+  - `{void}`
+
+- **详情：**
+
+  设置数据源的数据。
+
+- **示例：**
+
+```typescript
+// 设置整个数据源数据
+devtoolApi.setDataSourceData('ds_1', { name: 'test' });
+
+// 设置数据源的某个字段
+devtoolApi.setDataSourceData('ds_1', 'newValue', 'user.name');
+```
+
+### requestDataSource
+
+- **参数：**
+  - `{Id} dsId` 数据源 ID
+
+- **返回：**
+  - `{Promise<void>}`
+
+- **详情：**
+
+  触发 HTTP 数据源的请求。
+
+- **示例：**
+
+```typescript
+await devtoolApi.requestDataSource('http_ds_1');
+```
+
+### getDisplayCondRealValue
+
+- **参数：**
+  - `{Id} nodeId` 节点 ID
+  - `{CondItem} condItem` 条件项
+
+- **返回：**
+  - `{any}`
+
+- **详情：**
+
+  获取显示条件的实际计算值。
+
+### callHook
+
+- **参数：**
+  - `{Id} nodeId` 节点 ID
+  - `{string} hookName` 钩子名称
+  - `{any} hookData` 钩子数据
+
+- **返回：**
+  - `{Promise<any>}`
+
+- **详情：**
+
+  调用节点的钩子函数。
+
+- **示例：**
+
+```typescript
+await devtoolApi.callHook('button_1', 'mounted', { data: 'test' });
+```
+
+### trigger
+
+- **参数：**
+  - `{Id} nodeId` 节点 ID
+  - `{EventConfig[]} events` 事件配置数组
+
+- **返回：**
+  - `{Promise<void>}`
+
+- **详情：**
+
+  触发节点的事件。
+
+- **示例：**
+
+```typescript
+await devtoolApi.trigger('button_1', [
+  {
+    name: 'click',
+    actions: [{ actionType: 'code', codeId: 'code_1' }]
+  }
+]);
+```
+
+### isValueIncludeDataSource
+
+- **参数：**
+  - `{any} value` 要检查的值
+
+- **返回：**
+  - `{boolean}`
+
+- **详情：**
+
+  检查值是否包含数据源引用。
+
+- **示例：**
+
+```typescript
+const hasDs = devtoolApi.isValueIncludeDataSource('${ds_1.field}');
+console.log(hasDs); // true
+```
+
+### compileDataSourceValue
+
+- **参数：**
+  - `{any} value` 包含数据源引用的值
+
+- **返回：**
+  - `{any}`
+
+- **详情：**
+
+  编译数据源值，将数据源引用替换为实际值。
+
+- **示例：**
+
+```typescript
+const compiled = devtoolApi.compileDataSourceValue('用户名：${ds_1.user.name}');
+```
+
+### updateCode
+
+- **参数：**
+  - `{Id} codeId` 代码块 ID
+  - `{any} value` 新值
+  - `{string} path` 路径（可选）
+
+- **返回：**
+  - `{void}`
+
+- **详情：**
+
+  更新代码块的内容。
+
+- **示例：**
+
+```typescript
+devtoolApi.updateCode('code_1', 'return data.value * 2;', 'content');
+```
diff --git a/docs/runtime-api/core/env.md b/docs/runtime-api/core/env.md
new file mode 100644
index 00000000..3a4738a8
--- /dev/null
+++ b/docs/runtime-api/core/env.md
@@ -0,0 +1,69 @@
+# Env
+
+`Env` 是 `@tmagic/core` 的环境检测类，用于检测当前运行环境的设备和系统信息。
+
+## 构造函数
+
+```typescript
+new Env(ua?: string)
+```
+
+### 参数
+
+| 参数 | 类型 | 说明 |
+|------|------|------|
+| `ua` | `string` | User Agent 字符串（可选，默认使用 `navigator.userAgent`） |
+
+## 属性
+
+所有属性均为只读布尔值：
+
+| 属性 | 类型 | 说明 |
+|------|------|------|
+| `isIos` | `boolean` | 是否为 iOS 系统 |
+| `isIphone` | `boolean` | 是否为 iPhone 设备 |
+| `isIpad` | `boolean` | 是否为 iPad 设备 |
+| `isAndroid` | `boolean` | 是否为 Android 系统 |
+| `isAndroidPad` | `boolean` | 是否为 Android 平板 |
+| `isMac` | `boolean` | 是否为 Mac 系统 |
+| `isWin` | `boolean` | 是否为 Windows 系统 |
+| `isMqq` | `boolean` | 是否在手机 QQ 中 |
+| `isWechat` | `boolean` | 是否在微信中 |
+| `isWeb` | `boolean` | 是否为 Web 环境 |
+| `isOpenHarmony` | `boolean` | 是否为鸿蒙系统 |
+
+## 使用示例
+
+```typescript
+import { Env } from '@tmagic/core';
+
+// 使用当前浏览器的 UA
+const env = new Env();
+
+if (env.isIos) {
+  console.log('当前是 iOS 设备');
+}
+
+if (env.isWechat) {
+  console.log('在微信中打开');
+}
+
+// 使用自定义 UA
+const customEnv = new Env('Mozilla/5.0 (iPhone; CPU iPhone OS 14_0 like Mac OS X)');
+console.log(customEnv.isIphone); // true
+```
+
+## 在 App 中使用
+
+```typescript
+import App from '@tmagic/core';
+
+const app = new App({
+  ua: navigator.userAgent
+});
+
+// 通过 app.env 访问环境信息
+if (app.env.isAndroid) {
+  // Android 特定逻辑
+}
+```
diff --git a/docs/runtime-api/core/eventHelper.md b/docs/runtime-api/core/eventHelper.md
new file mode 100644
index 00000000..c55cf2bb
--- /dev/null
+++ b/docs/runtime-api/core/eventHelper.md
@@ -0,0 +1,150 @@
+# EventHelper
+
+`EventHelper` 是 `@tmagic/core` 的事件助手类，继承自 `EventEmitter`，用于管理组件间的事件联动。
+
+## 构造函数
+
+```typescript
+new EventHelper(options: EventHelperOptions)
+```
+
+### EventHelperOptions
+
+| 参数 | 类型 | 说明 |
+|------|------|------|
+| `app` | `App` | 应用实例 |
+
+## 属性
+
+| 属性 | 类型 | 说明 |
+|------|------|------|
+| `app` | `App` | 应用实例 |
+
+## 实例方法
+
+### initEvents
+
+- **返回：**
+  - `{void}`
+
+- **详情：**
+
+  初始化所有节点的事件。通常在页面加载时调用。
+
+- **示例：**
+
+```typescript
+eventHelper.initEvents();
+```
+
+### bindNodeEvents
+
+- **参数：**
+  - `{Node} node` 节点实例
+
+- **返回：**
+  - `{void}`
+
+- **详情：**
+
+  为单个节点绑定事件处理。
+
+- **示例：**
+
+```typescript
+eventHelper.bindNodeEvents(node);
+```
+
+### removeNodeEvents
+
+- **返回：**
+  - `{void}`
+
+- **详情：**
+
+  移除所有节点的事件绑定。
+
+### bindDataSourceEvents
+
+- **返回：**
+  - `{void}`
+
+- **详情：**
+
+  绑定数据源事件，监听数据源变化并触发相应的组件更新。
+
+### removeDataSourceEvents
+
+- **参数：**
+  - `{DataSourceSchema[]} dataSourceList` 数据源列表（可选）
+
+- **返回：**
+  - `{void}`
+
+- **详情：**
+
+  移除数据源事件绑定。
+
+### getEventQueue
+
+- **返回：**
+  - `{EventConfig[]}`
+
+- **详情：**
+
+  获取当前事件队列。
+
+### addEventToQueue
+
+- **参数：**
+  - `{EventConfig} event` 事件配置
+
+- **返回：**
+  - `{void}`
+
+- **详情：**
+
+  将事件添加到队列中等待处理。
+
+### destroy
+
+- **返回：**
+  - `{void}`
+
+- **详情：**
+
+  销毁事件助手，清理所有事件绑定。
+
+## 支持的动作类型
+
+EventHelper 支持以下动作类型（ActionType）：
+
+| 类型 | 说明 |
+|------|------|
+| `ActionType.COMP` | 组件动作，调用目标组件的方法 |
+| `ActionType.CODE` | 代码块执行 |
+| `ActionType.DATA_SOURCE` | 数据源方法调用 |
+
+### 事件配置示例
+
+```typescript
+const eventConfig = {
+  name: 'click',
+  actions: [
+    {
+      actionType: 'comp',
+      to: 'button_2',
+      method: 'show'
+    },
+    {
+      actionType: 'code',
+      codeId: 'code_1'
+    },
+    {
+      actionType: 'dataSource',
+      dataSourceId: 'ds_1',
+      methodName: 'fetchData'
+    }
+  ]
+};
+```
diff --git a/docs/runtime-api/core/flowState.md b/docs/runtime-api/core/flowState.md
new file mode 100644
index 00000000..1be37594
--- /dev/null
+++ b/docs/runtime-api/core/flowState.md
@@ -0,0 +1,82 @@
+# FlowState
+
+`FlowState` 是 `@tmagic/core` 的流程状态类，用于控制事件动作流程的执行。
+
+## 构造函数
+
+```typescript
+new FlowState()
+```
+
+## 属性
+
+| 属性 | 类型 | 说明 |
+|------|------|------|
+| `isAbort` | `boolean` | 当前流程是否已中止 |
+
+## 实例方法
+
+### abort
+
+- **返回：**
+  - `{void}`
+
+- **详情：**
+
+  中止当前流程。调用后 `isAbort` 变为 `true`，后续的事件动作将不再执行。
+
+- **示例：**
+
+```typescript
+import { FlowState } from '@tmagic/core';
+
+const flowState = new FlowState();
+
+// 在某个条件下中止流程
+if (shouldStop) {
+  flowState.abort();
+}
+
+// 检查是否已中止
+if (flowState.isAbort) {
+  console.log('流程已中止');
+}
+```
+
+### reset
+
+- **返回：**
+  - `{void}`
+
+- **详情：**
+
+  重置流程状态，将 `isAbort` 恢复为 `false`。
+
+- **示例：**
+
+```typescript
+flowState.reset();
+console.log(flowState.isAbort); // false
+```
+
+## 使用场景
+
+FlowState 常用于控制事件动作链的执行流程：
+
+```typescript
+import App, { FlowState } from '@tmagic/core';
+
+const app = new App({ /* options */ });
+
+// 创建流程状态
+const flowState = new FlowState();
+
+// 执行代码块时传入流程状态
+await app.runCode('validateCode', {}, [], flowState);
+
+// 如果验证失败，代码块内部可以调用 flowState.abort()
+// 后续的动作将不会执行
+if (!flowState.isAbort) {
+  await app.runCode('submitCode', {}, [], flowState);
+}
+```
diff --git a/docs/runtime-api/core/iteratorContainer.md b/docs/runtime-api/core/iteratorContainer.md
new file mode 100644
index 00000000..001a61e9
--- /dev/null
+++ b/docs/runtime-api/core/iteratorContainer.md
@@ -0,0 +1,142 @@
+# IteratorContainer
+
+`IteratorContainer` 是 `@tmagic/core` 的迭代容器类，继承自 `Node`，用于循环渲染的容器组件。
+
+## 构造函数
+
+```typescript
+new IteratorContainer(options: NodeOptions)
+```
+
+参数与 [Node](./node.md) 构造函数相同。
+
+## 属性
+
+| 属性 | 类型 | 说明 |
+|------|------|------|
+| `nodes` | `Map<Id, Node>[]` | 每个迭代项的节点映射数组 |
+
+继承自 Node 的属性请参见 [Node 属性](./node.md#属性)。
+
+## 实例方法
+
+### setData
+
+- **参数：**
+  - `{MNode} data` 节点数据
+
+- **返回：**
+  - `{void}`
+
+- **详情：**
+
+  设置数据，会重置所有迭代项的节点。
+
+- **示例：**
+
+```typescript
+iteratorContainer.setData({
+  id: 'iterator_1',
+  type: 'iterator-container',
+  iteratorData: [{ name: 'item1' }, { name: 'item2' }],
+  items: [/* 子节点配置 */]
+});
+```
+
+### resetNodes
+
+- **返回：**
+  - `{void}`
+
+- **详情：**
+
+  重置所有迭代项的节点，会清空并重新初始化。
+
+### initNode
+
+- **参数：**
+  - `{MNode} config` 节点配置
+  - `{Node} parent` 父节点
+  - `{Map<Id, Node>} map` 节点映射表
+
+- **返回：**
+  - `{Node}`
+
+- **详情：**
+
+  在指定的节点映射表中初始化节点。
+
+### setNodes
+
+- **参数：**
+  - `{Map<Id, Node>} nodes` 节点映射表
+  - `{number} index` 迭代索引
+
+- **返回：**
+  - `{void}`
+
+- **详情：**
+
+  设置指定索引的节点映射表。
+
+- **示例：**
+
+```typescript
+iteratorContainer.setNodes(nodesMap, 0);
+```
+
+### getNode
+
+- **参数：**
+  - `{Id} id` 节点 ID
+  - `{number} index` 迭代索引（可选，默认为 0）
+
+- **返回：**
+  - `{Node | undefined}`
+
+- **详情：**
+
+  获取指定迭代索引中的节点。
+
+- **示例：**
+
+```typescript
+// 获取第一个迭代项中的节点
+const node = iteratorContainer.getNode('button_1', 0);
+
+// 获取第二个迭代项中的节点
+const node2 = iteratorContainer.getNode('button_1', 1);
+```
+
+### destroy
+
+- **返回：**
+  - `{void}`
+
+- **详情：**
+
+  销毁迭代容器及其所有迭代项的节点。
+
+## 使用场景
+
+IteratorContainer 常用于列表渲染场景，例如：
+
+```typescript
+// DSL 配置示例
+const iteratorConfig = {
+  id: 'iterator_1',
+  type: 'iterator-container',
+  iteratorData: [
+    { id: 1, title: '项目1' },
+    { id: 2, title: '项目2' },
+    { id: 3, title: '项目3' }
+  ],
+  items: [
+    {
+      id: 'text_tpl',
+      type: 'text',
+      text: '${item.title}'
+    }
+  ]
+};
+```
diff --git a/docs/runtime-api/core/node.md b/docs/runtime-api/core/node.md
new file mode 100644
index 00000000..5cfad3fc
--- /dev/null
+++ b/docs/runtime-api/core/node.md
@@ -0,0 +1,139 @@
+# Node
+
+`Node` 是 `@tmagic/core` 的节点基类，继承自 `EventEmitter`，表示 DSL 中的一个节点。
+
+## 构造函数
+
+```typescript
+new Node(options: NodeOptions)
+```
+
+### NodeOptions
+
+| 参数 | 类型 | 说明 |
+|------|------|------|
+| `config` | `MNode` | 节点配置 |
+| `parent` | `Node` | 父节点（可选） |
+| `page` | `Page` | 所属页面 |
+| `app` | `App` | 应用实例 |
+
+## 属性
+
+| 属性 | 类型 | 说明 |
+|------|------|------|
+| `data` | `MNode` | 节点配置数据 |
+| `style` | `object` | 节点样式 |
+| `events` | `EventConfig[]` | 事件配置 |
+| `instance` | `any` | 组件实例 |
+| `page` | `Page` | 所属页面 |
+| `parent` | `Node \| undefined` | 父节点 |
+| `app` | `App` | 应用实例 |
+| `store` | `Store` | 节点存储 |
+| `eventKeys` | `Map<string, symbol>` | 事件键映射 |
+
+## 实例方法
+
+### setData
+
+- **参数：**
+  - `{MNode} data` 节点数据
+
+- **返回：**
+  - `{void}`
+
+- **详情：**
+
+  设置节点数据，会更新 `data`、`style` 和 `events` 属性。
+
+- **示例：**
+
+```typescript
+node.setData({
+  id: 'button_1',
+  type: 'button',
+  style: { width: 100 },
+  events: []
+});
+```
+
+### addEventToQueue
+
+- **参数：**
+  - `{EventConfig} event` 事件配置
+
+- **返回：**
+  - `{void}`
+
+- **详情：**
+
+  将事件添加到事件队列，等待绑定到组件实例。
+
+### setInstance
+
+- **参数：**
+  - `{any} instance` 组件实例
+
+- **返回：**
+  - `{void}`
+
+- **详情：**
+
+  设置组件实例，并绑定队列中的事件。
+
+- **示例：**
+
+```typescript
+// 通常在组件挂载时调用
+node.setInstance(componentInstance);
+```
+
+### runHookCode
+
+- **参数：**
+  - `{'created' | 'mounted'} hook` 钩子名称
+  - `{object} params` 参数
+
+- **返回：**
+  - `{Promise<any>}`
+
+- **详情：**
+
+  执行节点的钩子代码。
+
+- **示例：**
+
+```typescript
+await node.runHookCode('mounted', { data: someData });
+```
+
+### destroy
+
+- **返回：**
+  - `{void}`
+
+- **详情：**
+
+  销毁节点，清理事件监听和组件实例。
+
+## 生命周期事件
+
+Node 实例会触发以下生命周期事件：
+
+| 事件名 | 说明 |
+|--------|------|
+| `created` | 组件创建完成时触发 |
+| `mounted` | 组件挂载完成时触发 |
+| `destroy` | 组件销毁时触发 |
+| `update-data` | 数据更新时触发 |
+
+### 监听示例
+
+```typescript
+node.on('mounted', () => {
+  console.log('组件已挂载');
+});
+
+node.on('update-data', (newData) => {
+  console.log('数据已更新', newData);
+});
+```
diff --git a/docs/runtime-api/core/page.md b/docs/runtime-api/core/page.md
new file mode 100644
index 00000000..74eec4af
--- /dev/null
+++ b/docs/runtime-api/core/page.md
@@ -0,0 +1,126 @@
+# Page
+
+`Page` 是 `@tmagic/core` 的页面类，继承自 `Node`，用于管理页面及其子节点。
+
+## 构造函数
+
+```typescript
+new Page(options: PageOptions)
+```
+
+### PageOptions
+
+继承自 NodeOptions，参见 [Node](./node.md) 构造函数。
+
+## 属性
+
+| 属性 | 类型 | 说明 |
+|------|------|------|
+| `nodes` | `Map<Id, Node>` | 页面内所有节点的映射表 |
+
+继承自 Node 的属性请参见 [Node 属性](./node.md#属性)。
+
+## 实例方法
+
+### initNode
+
+- **参数：**
+  - `{MNode} config` 节点配置
+  - `{Node} parent` 父节点（可选）
+
+- **返回：**
+  - `{Node}`
+
+- **详情：**
+
+  初始化节点，根据配置创建节点实例并添加到页面。会递归初始化子节点。
+
+- **示例：**
+
+```typescript
+const node = page.initNode({
+  id: 'button_1',
+  type: 'button',
+  style: { width: 100 }
+});
+```
+
+### getNode
+
+- **参数：**
+  - `{Id} id` 节点 ID
+  - `{GetNodeOptions} options` 获取选项（可选）
+
+- **返回：**
+  - `{Node | undefined}`
+
+- **详情：**
+
+  获取页面中指定 ID 的节点。支持从迭代器容器和页面片段中获取节点。
+
+- **GetNodeOptions：**
+
+| 参数 | 类型 | 说明 |
+|------|------|------|
+| `iteratorContainerId` | `Id[]` | 迭代器容器 ID 数组 |
+| `iteratorIndex` | `number[]` | 迭代器索引数组 |
+| `pageFragmentContainerId` | `Id` | 页面片段容器 ID |
+| `strict` | `boolean` | 是否严格模式 |
+
+- **示例：**
+
+```typescript
+const node = page.getNode('button_1');
+
+// 从迭代器中获取
+const iteratorNode = page.getNode('item_1', {
+  iteratorContainerId: ['iterator_1'],
+  iteratorIndex: [0]
+});
+```
+
+### setNode
+
+- **参数：**
+  - `{Id} id` 节点 ID
+  - `{Node} node` 节点实例
+
+- **返回：**
+  - `{void}`
+
+- **详情：**
+
+  设置页面中的节点。
+
+### deleteNode
+
+- **参数：**
+  - `{Id} id` 节点 ID
+
+- **返回：**
+  - `{void}`
+
+- **详情：**
+
+  删除页面中指定 ID 的节点。
+
+- **示例：**
+
+```typescript
+page.deleteNode('button_1');
+```
+
+### destroy
+
+- **返回：**
+  - `{void}`
+
+- **详情：**
+
+  销毁页面及其所有子节点。
+
+- **示例：**
+
+```typescript
+page.destroy();
+```
diff --git a/docs/runtime-api/core/utils.md b/docs/runtime-api/core/utils.md
new file mode 100644
index 00000000..a7a29b74
--- /dev/null
+++ b/docs/runtime-api/core/utils.md
@@ -0,0 +1,107 @@
+# 工具函数
+
+`@tmagic/core` 导出的工具函数。
+
+## style2Obj
+
+- **参数：**
+  - `{string} style` CSS 样式字符串
+
+- **返回：**
+  - `{object}` 样式对象
+
+- **详情：**
+
+  将 CSS 样式字符串转换为对象格式。
+
+- **示例：**
+
+```typescript
+import { style2Obj } from '@tmagic/core';
+
+const styleObj = style2Obj('width: 100px; height: 200px;');
+console.log(styleObj); // { width: '100px', height: '200px' }
+```
+
+## fillBackgroundImage
+
+- **参数：**
+  - `{string} value` 背景图片 URL
+
+- **返回：**
+  - `{string}` 完整的 CSS 背景图片值
+
+- **详情：**
+
+  填充背景图片 URL 为完整的 CSS 格式。
+
+- **示例：**
+
+```typescript
+import { fillBackgroundImage } from '@tmagic/core';
+
+const bg = fillBackgroundImage('https://example.com/image.png');
+console.log(bg); // 'url(https://example.com/image.png)'
+```
+
+## getTransform
+
+- **参数：**
+  - `{object} value` transform 配置
+  - `{JsEngine} jsEngine` JS 引擎类型
+
+- **返回：**
+  - `{string}` CSS transform 字符串
+
+- **详情：**
+
+  根据配置生成 CSS transform 字符串，会根据 JS 引擎类型进行适配。
+
+## transformStyle
+
+- **参数：**
+  - `{object} style` 样式对象
+  - `{JsEngine} jsEngine` JS 引擎类型
+
+- **返回：**
+  - `{object}` 转换后的样式对象
+
+- **详情：**
+
+  转换样式对象，将数值转换为 rem 单位（移动端适配）。
+
+- **示例：**
+
+```typescript
+import { transformStyle } from '@tmagic/core';
+
+const style = transformStyle({ width: 100, height: 200 }, 'browser');
+console.log(style); // { width: '1rem', height: '2rem' }
+```
+
+## 常量
+
+### COMMON_EVENT_PREFIX
+
+- **值：** `'magic:common:events:'`
+
+- **详情：**
+
+  通用事件前缀。
+
+### COMMON_METHOD_PREFIX
+
+- **值：** `'magic:common:actions:'`
+
+- **详情：**
+
+  通用方法前缀。
+
+- **示例：**
+
+```typescript
+import { COMMON_EVENT_PREFIX, COMMON_METHOD_PREFIX } from '@tmagic/core';
+
+const eventKey = `${COMMON_EVENT_PREFIX}click`;
+const methodKey = `${COMMON_METHOD_PREFIX}show`;
+```
diff --git a/docs/runtime-api/data-source/dataSource.md b/docs/runtime-api/data-source/dataSource.md
new file mode 100644
index 00000000..d08d192c
--- /dev/null
+++ b/docs/runtime-api/data-source/dataSource.md
@@ -0,0 +1,198 @@
+# DataSource（基础数据源）
+
+`DataSource` 是 `@tmagic/data-source` 的基础数据源类，用于静态数据管理。
+
+## 构造函数
+
+```typescript
+new DataSource(options: DataSourceOptions)
+```
+
+### DataSourceOptions
+
+| 参数 | 类型 | 说明 |
+|------|------|------|
+| `schema` | `DataSourceSchema` | 数据源配置 |
+| `app` | `TMagicApp` | 应用实例 |
+| `initialData` | `Record<string, any>` | 初始数据（可选） |
+| `useMock` | `boolean` | 使用 Mock 数据（可选） |
+| `request` | `RequestFunction` | 请求函数（可选） |
+| `ObservedDataClass` | `ObservedDataClass` | 观察者数据类（可选） |
+
+### DataSourceSchema
+
+| 参数 | 类型 | 说明 |
+|------|------|------|
+| `id` | `string` | 数据源 ID |
+| `type` | `'base'` | 数据源类型 |
+| `title` | `string` | 数据源标题（可选） |
+| `description` | `string` | 数据源描述（可选） |
+| `fields` | `DataSchema[]` | 字段配置 |
+| `methods` | `CodeBlockContent[]` | 自定义方法配置（可选） |
+| `mocks` | `MockSchema` | Mock 数据配置（可选） |
+| `events` | `EventConfig[]` | 事件配置（可选） |
+
+## 属性
+
+| 属性 | 类型 | 说明 |
+|------|------|------|
+| `id` | `string` | 数据源 ID（只读） |
+| `type` | `string` | 数据源类型，值为 `'base'` |
+| `schema` | `DataSourceSchema` | 配置 schema |
+| `fields` | `DataSchema[]` | 字段配置 |
+| `methods` | `CodeBlockContent[]` | 自定义方法配置 |
+| `data` | `any` | 当前数据 |
+| `isInit` | `boolean` | 是否已初始化 |
+
+## 实例方法
+
+### setData
+
+- **参数：**
+  - `{any} data` 数据
+  - `{string} path` 数据路径（可选）
+
+- **返回：**
+  - `{void}`
+
+- **详情：**
+
+  设置数据源数据。如果指定路径，则只更新该路径的数据。
+
+- **示例：**
+
+```typescript
+// 设置整个数据
+ds.setData({ name: 'test', count: 10 });
+
+// 设置特定路径的数据
+ds.setData('newValue', 'user.name');
+```
+
+### setValue
+
+- **参数：**
+  - `{string} path` 数据路径
+  - `{any} data` 数据
+
+- **返回：**
+  - `{void}`
+
+- **详情：**
+
+  按路径设置数据，等同于 `setData(data, path)`。
+
+- **示例：**
+
+```typescript
+ds.setValue('user.age', 25);
+```
+
+### onDataChange
+
+- **参数：**
+  - `{string} path` 数据路径
+  - `{Function} callback` 回调函数
+
+- **返回：**
+  - `{void}`
+
+- **详情：**
+
+  监听指定路径的数据变化。
+
+- **示例：**
+
+```typescript
+ds.onDataChange('user.name', (newVal) => {
+  console.log('用户名变更:', newVal);
+});
+```
+
+### offDataChange
+
+- **参数：**
+  - `{string} path` 数据路径
+  - `{Function} callback` 回调函数
+
+- **返回：**
+  - `{void}`
+
+- **详情：**
+
+  取消监听数据变化。
+
+### getDefaultData
+
+- **返回：**
+  - `{any}` 默认数据
+
+- **详情：**
+
+  根据字段配置获取默认数据。
+
+### init
+
+- **返回：**
+  - `{Promise<void>}`
+
+- **详情：**
+
+  初始化数据源。
+
+### destroy
+
+- **返回：**
+  - `{void}`
+
+- **详情：**
+
+  销毁数据源，清理资源。
+
+## 事件
+
+DataSource 继承自 EventEmitter，支持以下事件：
+
+| 事件名 | 说明 |
+|--------|------|
+| `change` | 数据变化时触发 |
+
+### 示例
+
+```typescript
+ds.on('change', () => {
+  console.log('数据已变化', ds.data);
+});
+```
+
+## 字段配置 (DataSchema)
+
+| 参数 | 类型 | 说明 |
+|------|------|------|
+| `name` | `string` | 字段名 |
+| `type` | `string` | 字段类型 |
+| `title` | `string` | 字段标题（可选） |
+| `description` | `string` | 字段描述（可选） |
+| `defaultValue` | `any` | 默认值（可选） |
+| `fields` | `DataSchema[]` | 子字段（对象类型时）（可选） |
+
+### 字段配置示例
+
+```typescript
+const schema = {
+  id: 'user_ds',
+  type: 'base',
+  fields: [
+    { name: 'id', type: 'number', defaultValue: 0 },
+    { name: 'name', type: 'string', defaultValue: '' },
+    {
+      name: 'profile',
+      type: 'object',
+      fields: [
+        { name: 'avatar', type: 'string' },
+        { name: 'bio', type: 'string' }
+      ]
+    }
+  ]
+};
+```
diff --git a/docs/runtime-api/data-source/dataSourceManager.md b/docs/runtime-api/data-source/dataSourceManager.md
new file mode 100644
index 00000000..fa80d98a
--- /dev/null
+++ b/docs/runtime-api/data-source/dataSourceManager.md
@@ -0,0 +1,335 @@
+# DataSourceManager
+
+`DataSourceManager` 是 `@tmagic/data-source` 的核心类，用于管理所有数据源的生命周期、数据编译和事件分发。
+
+## 构造函数
+
+```typescript
+new DataSourceManager(options: DataSourceManagerOptions)
+```
+
+### DataSourceManagerOptions
+
+| 参数 | 类型 | 说明 |
+|------|------|------|
+| `app` | `TMagicApp` | 应用实例 |
+| `initialData` | `DataSourceManagerData` | 初始数据（可选，用于 SSR） |
+| `useMock` | `boolean` | 是否使用 Mock 数据（可选） |
+
+## 属性
+
+| 属性 | 类型 | 说明 |
+|------|------|------|
+| `app` | `TMagicApp` | 应用实例 |
+| `dataSourceMap` | `Map<string, DataSource>` | 数据源映射表 |
+| `data` | `DataSourceManagerData` | 所有数据源的数据 |
+| `initialData` | `DataSourceManagerData` | 初始化数据 |
+| `useMock` | `boolean` | 是否使用 Mock 数据 |
+
+## 静态方法
+
+### register
+
+- **参数：**
+  - `{string} type` 数据源类型
+  - `{typeof DataSource} dataSourceClass` 数据源类
+
+- **返回：**
+  - `{void}`
+
+- **详情：**
+
+  注册自定义数据源类型。
+
+- **示例：**
+
+```typescript
+import { DataSourceManager } from '@tmagic/data-source';
+
+class CustomDataSource extends DataSource {
+  // 自定义实现
+}
+
+DataSourceManager.register('custom', CustomDataSource);
+```
+
+### getDataSourceClass
+
+- **参数：**
+  - `{string} type` 数据源类型
+
+- **返回：**
+  - `{typeof DataSource | undefined}`
+
+- **详情：**
+
+  获取已注册的数据源类。
+
+### clearDataSourceClass
+
+- **返回：**
+  - `{void}`
+
+- **详情：**
+
+  清除所有已注册的数据源类（保留 `base` 和 `http`）。
+
+### registerObservedData
+
+- **参数：**
+  - `{ObservedDataClass} observedDataClass` 观察者数据类
+
+- **返回：**
+  - `{void}`
+
+- **详情：**
+
+  注册自定义的观察者数据类。
+
+## 实例方法
+
+### init
+
+- **参数：**
+  - `{DataSourceSchema[]} ds` 数据源配置数组
+
+- **返回：**
+  - `{Promise<void>}`
+
+- **详情：**
+
+  初始化数据源，会创建所有配置的数据源实例并初始化。
+
+- **示例：**
+
+```typescript
+await dataSourceManager.init([
+  {
+    id: 'ds_1',
+    type: 'base',
+    fields: [{ name: 'count', defaultValue: 0 }]
+  },
+  {
+    id: 'http_1',
+    type: 'http',
+    options: { url: '/api/data' }
+  }
+]);
+```
+
+### get
+
+- **参数：**
+  - `{string} id` 数据源 ID
+
+- **返回：**
+  - `{DataSource | undefined}`
+
+- **详情：**
+
+  获取指定 ID 的数据源实例。
+
+- **示例：**
+
+```typescript
+const ds = dataSourceManager.get('ds_1');
+```
+
+### addDataSource
+
+- **参数：**
+  - `{DataSourceSchema} config` 数据源配置
+
+- **返回：**
+  - `{DataSource}`
+
+- **详情：**
+
+  添加新的数据源。
+
+- **示例：**
+
+```typescript
+const ds = dataSourceManager.addDataSource({
+  id: 'new_ds',
+  type: 'base',
+  fields: []
+});
+```
+
+### removeDataSource
+
+- **参数：**
+  - `{string} id` 数据源 ID
+
+- **返回：**
+  - `{void}`
+
+- **详情：**
+
+  移除指定的数据源。
+
+### setData
+
+- **参数：**
+  - `{DataSourceSchema} ds` 数据源配置
+  - `{ChangeEvent} changeEvent` 变化事件（可选）
+
+- **返回：**
+  - `{void}`
+
+- **详情：**
+
+  设置数据源数据。
+
+### updateSchema
+
+- **参数：**
+  - `{DataSourceSchema[]} schemas` 数据源配置数组
+
+- **返回：**
+  - `{Promise<void>}`
+
+- **详情：**
+
+  更新数据源 DSL 配置，会自动处理新增、更新和删除。
+
+### compiledNode
+
+- **参数：**
+  - `{MNode} node` 节点配置
+  - `{string} sourceId` 数据源 ID（可选）
+  - `{boolean} deep` 是否深度编译（可选）
+
+- **返回：**
+  - `{MNode}`
+
+- **详情：**
+
+  编译节点 DSL 中的数据源配置，将数据源引用替换为实际值。
+
+- **示例：**
+
+```typescript
+const compiledNode = dataSourceManager.compiledNode({
+  id: 'text_1',
+  type: 'text',
+  text: '${ds_1.username}'
+});
+// compiledNode.text 会被替换为实际的用户名
+```
+
+### compliedConds
+
+- **参数：**
+  - `{MNode} node` 节点配置
+  - `{object} data` 数据上下文（可选）
+
+- **返回：**
+  - `{boolean}`
+
+- **详情：**
+
+  编译显示条件，返回节点是否应该显示。
+
+- **示例：**
+
+```typescript
+const shouldShow = dataSourceManager.compliedConds(node);
+```
+
+### compliedIteratorItemConds
+
+- **参数：**
+  - `{object} itemData` 迭代项数据
+  - `{MNode} node` 节点配置
+  - `{string} field` 条件字段名
+
+- **返回：**
+  - `{boolean}`
+
+- **详情：**
+
+  编译迭代器项的显示条件。
+
+### compliedIteratorItems
+
+- **参数：**
+  - `{object} itemData` 迭代项数据
+  - `{MNode[]} nodes` 节点配置数组
+  - `{string} field` 字段名
+
+- **返回：**
+  - `{MNode[]}`
+
+- **详情：**
+
+  编译迭代器项的节点配置。
+
+### onDataChange
+
+- **参数：**
+  - `{string} id` 数据源 ID
+  - `{string} path` 数据路径
+  - `{Function} callback` 回调函数
+
+- **返回：**
+  - `{void}`
+
+- **详情：**
+
+  监听数据源数据变化。
+
+- **示例：**
+
+```typescript
+dataSourceManager.onDataChange('ds_1', 'user.name', (newVal) => {
+  console.log('用户名变更:', newVal);
+});
+```
+
+### offDataChange
+
+- **参数：**
+  - `{string} id` 数据源 ID
+  - `{string} path` 数据路径
+  - `{Function} callback` 回调函数
+
+- **返回：**
+  - `{void}`
+
+- **详情：**
+
+  取消监听数据源数据变化。
+
+### destroy
+
+- **返回：**
+  - `{void}`
+
+- **详情：**
+
+  销毁数据源管理器，清理所有数据源。
+
+## 事件
+
+DataSourceManager 继承自 EventEmitter，支持以下事件：
+
+| 事件名 | 说明 | 回调参数 |
+|--------|------|----------|
+| `change` | 数据源数据变化 | `(dsId, path, newVal)` |
+| `init` | 所有数据源初始化完成 | 无 |
+| `registered-all` | 所有数据源注册完成 | 无 |
+| `update-data` | 更新节点数据 | `(node, sourceId)` |
+
+### 事件监听示例
+
+```typescript
+dataSourceManager.on('change', (dsId, path, newVal) => {
+  console.log(`数据源 ${dsId} 的 ${path} 变更为:`, newVal);
+});
+
+dataSourceManager.on('init', () => {
+  console.log('所有数据源初始化完成');
+});
+```
diff --git a/docs/runtime-api/data-source/httpDataSource.md b/docs/runtime-api/data-source/httpDataSource.md
new file mode 100644
index 00000000..e2a5e34f
--- /dev/null
+++ b/docs/runtime-api/data-source/httpDataSource.md
@@ -0,0 +1,221 @@
+# HttpDataSource（HTTP 数据源）
+
+`HttpDataSource` 是 `@tmagic/data-source` 的 HTTP 数据源类，继承自 `DataSource`，用于通过 HTTP 请求获取数据。
+
+## 构造函数
+
+```typescript
+new HttpDataSource(options: DataSourceOptions<HttpDataSourceSchema>)
+```
+
+参数参见 [DataSource](./dataSource.md) 构造函数。
+
+### HttpDataSourceSchema
+
+继承自 DataSourceSchema，额外包含：
+
+| 参数 | 类型 | 说明 |
+|------|------|------|
+| `type` | `'http'` | 数据源类型 |
+| `options` | `HttpOptionsSchema` | HTTP 请求配置 |
+| `responseOptions` | `{ dataPath?: string }` | 响应数据配置（可选） |
+| `autoFetch` | `boolean` | 是否自动请求（可选） |
+| `beforeRequest` | `Function \| string` | 请求前钩子（可选） |
+| `afterResponse` | `Function \| string` | 响应后钩子（可选） |
+
+### HttpOptionsSchema
+
+| 参数 | 类型 | 说明 |
+|------|------|------|
+| `url` | `string \| Function` | 请求链接 |
+| `method` | `'GET' \| 'POST'` | 请求方法（可选，默认 GET） |
+| `params` | `object \| Function` | Query 参数（可选） |
+| `data` | `object \| Function` | Body 数据（可选） |
+| `headers` | `object \| Function` | 请求头（可选） |
+
+## 属性
+
+继承自 DataSource 的属性，额外包含：
+
+| 属性 | 类型 | 说明 |
+|------|------|------|
+| `isLoading` | `boolean` | 是否正在请求 |
+| `error` | `{ msg?: string, code?: string }` | 错误信息 |
+| `httpOptions` | `HttpOptionsSchema` | 请求配置 |
+
+## 实例方法
+
+### request
+
+- **参数：**
+  - `{HttpOptionsSchema} options` 请求选项（可选）
+
+- **返回：**
+  - `{Promise<any>}` 响应数据
+
+- **详情：**
+
+  发起 HTTP 请求。可以传入选项覆盖默认配置。
+
+- **示例：**
+
+```typescript
+// 使用默认配置请求
+const data = await httpDs.request();
+
+// 覆盖部分配置
+const data = await httpDs.request({
+  params: { page: 1, size: 10 }
+});
+```
+
+### get
+
+- **参数：**
+  - `{HttpOptionsSchema} options` 请求选项
+
+- **返回：**
+  - `{Promise<any>}` 响应数据
+
+- **详情：**
+
+  发起 GET 请求。
+
+- **示例：**
+
+```typescript
+const data = await httpDs.get({
+  url: '/api/users',
+  params: { id: 1 }
+});
+```
+
+### post
+
+- **参数：**
+  - `{HttpOptionsSchema} options` 请求选项
+
+- **返回：**
+  - `{Promise<any>}` 响应数据
+
+- **详情：**
+
+  发起 POST 请求。
+
+- **示例：**
+
+```typescript
+const data = await httpDs.post({
+  url: '/api/users',
+  data: { name: 'test' }
+});
+```
+
+## 配置示例
+
+### 基础配置
+
+```typescript
+const httpDsSchema = {
+  id: 'user_api',
+  type: 'http',
+  title: '用户接口',
+  options: {
+    url: '/api/user',
+    method: 'GET',
+    params: { id: 1 }
+  },
+  autoFetch: true,
+  fields: [
+    { name: 'id', type: 'number' },
+    { name: 'name', type: 'string' }
+  ]
+};
+```
+
+### 动态参数配置
+
+```typescript
+const httpDsSchema = {
+  id: 'dynamic_api',
+  type: 'http',
+  options: {
+    url: (app) => `/api/users/${app.page.data.userId}`,
+    params: (app) => ({ token: app.getToken() })
+  }
+};
+```
+
+### 请求钩子配置
+
+```typescript
+const httpDsSchema = {
+  id: 'hooked_api',
+  type: 'http',
+  options: {
+    url: '/api/data',
+    method: 'POST'
+  },
+  // 请求前处理
+  beforeRequest: (options, app) => {
+    options.headers = {
+      ...options.headers,
+      Authorization: `Bearer ${app.token}`
+    };
+    return options;
+  },
+  // 响应后处理
+  afterResponse: (response, app) => {
+    if (response.code !== 0) {
+      throw new Error(response.message);
+    }
+    return response.data;
+  },
+  // 响应数据路径
+  responseOptions: {
+    dataPath: 'data.list'
+  }
+};
+```
+
+### 使用代码块作为钩子
+
+```typescript
+const httpDsSchema = {
+  id: 'code_hook_api',
+  type: 'http',
+  options: {
+    url: '/api/data'
+  },
+  // 引用代码块 ID
+  beforeRequest: 'code_before_request',
+  afterResponse: 'code_after_response'
+};
+```
+
+## 自动请求
+
+当 `autoFetch` 设置为 `true` 时，数据源在初始化时会自动发起请求：
+
+```typescript
+const httpDsSchema = {
+  id: 'auto_api',
+  type: 'http',
+  options: {
+    url: '/api/init-data'
+  },
+  autoFetch: true  // 初始化时自动请求
+};
+```
+
+## 错误处理
+
+```typescript
+httpDs.on('change', () => {
+  if (httpDs.error) {
+    console.error('请求失败:', httpDs.error.msg);
+  } else {
+    console.log('数据:', httpDs.data);
+  }
+});
+```
diff --git a/docs/runtime-api/data-source/observedData.md b/docs/runtime-api/data-source/observedData.md
new file mode 100644
index 00000000..52bd6aeb
--- /dev/null
+++ b/docs/runtime-api/data-source/observedData.md
@@ -0,0 +1,148 @@
+# 观察者数据类
+
+`@tmagic/data-source` 提供了三种观察者数据类，用于实现数据的响应式监听。
+
+## ObservedData（抽象类）
+
+所有观察者数据类的抽象基类，定义了统一的接口。
+
+### 抽象方法
+
+| 方法 | 参数 | 返回值 | 说明 |
+|------|------|--------|------|
+| `update` | `(data: any, path?: string)` | `void` | 更新数据 |
+| `on` | `(path: string, callback: Function, options?: { immediate?: boolean })` | `void` | 监听数据变化 |
+| `off` | `(path: string, callback: Function)` | `void` | 取消监听 |
+| `getData` | `(path: string)` | `any` | 获取指定路径的数据 |
+| `destroy` | `()` | `void` | 销毁 |
+
+## SimpleObservedData
+
+基于 EventEmitter 的简单观察者实现，只支持单层路径监听。
+
+### 使用示例
+
+```typescript
+import { SimpleObservedData } from '@tmagic/data-source';
+
+const observed = new SimpleObservedData({ name: 'test' });
+
+// 监听数据变化
+observed.on('name', (newVal) => {
+  console.log('name 变更为:', newVal);
+});
+
+// 更新数据
+observed.update({ name: 'new name' });
+
+// 更新特定路径
+observed.update('another name', 'name');
+
+// 获取数据
+const name = observed.getData('name');
+
+// 取消监听
+observed.off('name', callback);
+
+// 销毁
+observed.destroy();
+```
+
+### 特点
+
+- 轻量级实现
+- 只支持单层路径监听（如 `'name'`，不支持 `'user.name'`）
+- 适用于简单数据结构
+
+## DeepObservedData
+
+基于 `deep-state-observer` 的深度观察者实现，支持深层路径监听。
+
+### 使用示例
+
+```typescript
+import { DeepObservedData } from '@tmagic/data-source';
+
+const observed = new DeepObservedData({
+  user: {
+    name: 'test',
+    profile: {
+      avatar: 'url'
+    }
+  }
+});
+
+// 监听深层路径
+observed.on('user.profile.avatar', (newVal) => {
+  console.log('头像变更为:', newVal);
+});
+
+// 监听整个对象
+observed.on('user', (newVal) => {
+  console.log('user 对象变更:', newVal);
+});
+
+// 立即执行回调
+observed.on('user.name', callback, { immediate: true });
+
+// 更新深层数据
+observed.update('new avatar', 'user.profile.avatar');
+
+// 获取深层数据
+const avatar = observed.getData('user.profile.avatar');
+```
+
+### 特点
+
+- 支持深层路径监听（如 `'user.profile.avatar'`）
+- 支持 `immediate` 选项立即执行回调
+- 适用于复杂嵌套数据结构
+- 性能更优，只在相关路径变化时触发回调
+
+## 在 DataSourceManager 中注册
+
+可以通过静态方法注册自定义的观察者数据类：
+
+```typescript
+import { DataSourceManager, DeepObservedData } from '@tmagic/data-source';
+
+// 注册深度观察者类
+DataSourceManager.registerObservedData(DeepObservedData);
+```
+
+## 自定义观察者类
+
+可以继承 `ObservedData` 实现自定义的观察者类：
+
+```typescript
+import { ObservedData } from '@tmagic/data-source';
+
+class CustomObservedData extends ObservedData {
+  private data: any;
+  
+  constructor(data: any) {
+    super();
+    this.data = data;
+  }
+  
+  update(data: any, path?: string): void {
+    // 自定义更新逻辑
+  }
+  
+  on(path: string, callback: Function, options?: { immediate?: boolean }): void {
+    // 自定义监听逻辑
+  }
+  
+  off(path: string, callback: Function): void {
+    // 自定义取消监听逻辑
+  }
+  
+  getData(path: string): any {
+    // 自定义获取数据逻辑
+  }
+  
+  destroy(): void {
+    // 自定义销毁逻辑
+  }
+}
+```
diff --git a/docs/runtime-api/data-source/utils.md b/docs/runtime-api/data-source/utils.md
new file mode 100644
index 00000000..455b36c3
--- /dev/null
+++ b/docs/runtime-api/data-source/utils.md
@@ -0,0 +1,200 @@
+# 工具函数
+
+`@tmagic/data-source` 导出的工具函数。
+
+## createDataSourceManager
+
+- **参数：**
+  - `{TMagicApp} app` 应用实例
+  - `{boolean} useMock` 是否使用 Mock 数据（可选）
+  - `{DataSourceManagerData} initialData` 初始数据（可选）
+
+- **返回：**
+  - `{DataSourceManager}` 数据源管理器实例
+
+- **详情：**
+
+  创建数据源管理器的工厂函数，会自动设置数据变化监听。
+
+- **示例：**
+
+```typescript
+import { createDataSourceManager } from '@tmagic/data-source';
+
+const dsManager = createDataSourceManager(app, false, initialData);
+```
+
+## compiledCondition
+
+- **参数：**
+  - `{CondItem} cond` 条件项
+  - `{object} data` 数据上下文
+
+- **返回：**
+  - `{boolean}` 条件是否满足
+
+- **详情：**
+
+  编译单个显示条件。
+
+- **示例：**
+
+```typescript
+import { compiledCondition } from '@tmagic/data-source';
+
+const result = compiledCondition(
+  { field: 'user.age', op: '>', value: 18 },
+  { user: { age: 20 } }
+);
+console.log(result); // true
+```
+
+## compliedConditions
+
+- **参数：**
+  - `{MNode} node` 节点配置
+  - `{object} data` 数据上下文（可选）
+
+- **返回：**
+  - `{boolean}` 节点是否应该显示
+
+- **详情：**
+
+  编译条件组，支持 AND/OR 逻辑。
+
+## compiledNodeField
+
+- **参数：**
+  - `{any} value` 字段值
+  - `{object} data` 数据上下文
+
+- **返回：**
+  - `{any}` 编译后的值
+
+- **详情：**
+
+  编译节点字段中的数据源配置。
+
+- **示例：**
+
+```typescript
+import { compiledNodeField } from '@tmagic/data-source';
+
+const compiled = compiledNodeField(
+  { isBindDataSource: true, dataSourceId: 'ds_1', template: '${name}' },
+  { ds_1: { name: 'test' } }
+);
+```
+
+## compliedDataSourceField
+
+- **参数：**
+  - `{any} value` 字段值
+  - `{object} data` 数据上下文
+
+- **返回：**
+  - `{any}` 编译后的值
+
+- **详情：**
+
+  编译数据源字段选择器的值。
+
+## template
+
+- **参数：**
+  - `{string} value` 模板字符串
+  - `{object} data` 数据上下文
+
+- **返回：**
+  - `{string}` 替换后的字符串
+
+- **详情：**
+
+  模板字符串替换，支持 `${id.field}` 格式。
+
+- **示例：**
+
+```typescript
+import { template } from '@tmagic/data-source';
+
+const result = template(
+  '用户名：${ds_1.user.name}，年龄：${ds_1.user.age}',
+  { ds_1: { user: { name: '张三', age: 20 } } }
+);
+console.log(result); // '用户名：张三，年龄：20'
+```
+
+## createIteratorContentData
+
+- **参数：**
+  - `{object} itemData` 迭代项数据
+  - `{string} dsId` 数据源 ID
+  - `{DataSchema[]} fields` 字段配置
+  - `{object} dsData` 数据源数据
+
+- **返回：**
+  - `{object}` 迭代器数据上下文
+
+- **详情：**
+
+  创建迭代器的数据上下文。
+
+## compliedIteratorItem
+
+- **参数：**
+  - `{object} options` 编译选项
+
+- **返回：**
+  - `{MNode}` 编译后的节点
+
+- **详情：**
+
+  编译迭代器项。
+
+## updateNode
+
+- **参数：**
+  - `{MNode} node` 节点配置
+  - `{MApp} dsl` DSL 配置
+
+- **返回：**
+  - `{MApp}` 更新后的 DSL
+
+- **详情：**
+
+  更新 DSL 中的指定节点。
+
+- **示例：**
+
+```typescript
+import { updateNode } from '@tmagic/data-source';
+
+const newDsl = updateNode(
+  { id: 'button_1', type: 'button', text: '新文本' },
+  dsl
+);
+```
+
+## registerDataSourceOnDemand
+
+- **参数：**
+  - `{MApp} dsl` DSL 配置
+  - `{Record<string, () => Promise<any>>} modules` 数据源模块映射
+
+- **返回：**
+  - `{Promise<void>}`
+
+- **详情：**
+
+  按需加载数据源模块。根据 DSL 中使用的数据源类型动态加载对应模块。
+
+- **示例：**
+
+```typescript
+import { registerDataSourceOnDemand } from '@tmagic/data-source';
+
+await registerDataSourceOnDemand(dsl, {
+  custom: () => import('./CustomDataSource'),
+  socket: () => import('./SocketDataSource')
+});
+```
diff --git a/eslint-config/flat/base.mjs b/eslint-config/flat/base.mjs
new file mode 100644
index 00000000..9deaa414
--- /dev/null
+++ b/eslint-config/flat/base.mjs
@@ -0,0 +1,566 @@
+export default {
+  rules: {
+    /**
+     * 不要在中括号中添加空格
+     */
+    'array-bracket-spacing': ['error', 'never'],
+    /**
+     * 数组的方法除了 forEach 之外，回调函数必须有返回值
+     */
+    'array-callback-return': 'warn',
+    /**
+     * 要求箭头函数体使用大括号
+     */
+    'arrow-body-style': ['warn', 'as-needed'],
+    /**
+     * 要求箭头函数的参数使用圆括号
+     */
+    'arrow-parens': [
+      'warn',
+      'as-needed',
+      {
+        requireForBlockBody: true,
+      },
+    ],
+    /**
+     * 强制箭头函数的箭头前后使用一致的空格
+     */
+    'arrow-spacing': 'warn',
+    /**
+     * 要求打开的块标志和同一行上的标志拥有一致的间距。此规则还会在同一行关闭的块标记和前边的标记强制实施一致的间距。
+     */
+    'block-spacing': 'error',
+    /**
+     * 强制在代码块中使用一致的大括号风格
+     */
+    'brace-style': 'error',
+    /**
+     * 使用驼峰命名法（camelCase）命名对象、函数和实例。
+     */
+    camelcase: [
+      'error',
+      {
+        ignoreDestructuring: true,
+        properties: 'never',
+      },
+    ],
+    /**
+     * 添加尾随逗号
+     */
+    'comma-dangle': ['warn', 'always-multiline'],
+    /**
+     * 强制在逗号前后使用一致的空格
+     */
+    'comma-spacing': [
+      'error',
+      {
+        before: false,
+        after: true,
+      },
+    ],
+    /**
+     * 强制使用一致的逗号风格
+     */
+    'comma-style': ['error', 'last'],
+    /**
+     * 强制在计算的属性的方括号中使用一致的空格
+     */
+    'computed-property-spacing': ['warn', 'never'],
+    /**
+     * 禁止使用 foo['bar']，必须写成 foo.bar
+     */
+    'dot-notation': 'warn',
+    /**
+     * 要求或禁止文件末尾存在空行
+     */
+    'eol-last': ['error', 'always'],
+    /**
+     * 必须使用 === 或 !==，禁止使用 == 或 !=
+     */
+    eqeqeq: ['warn', 'always'],
+    /**
+     * 要求或禁止在函数标识符和其调用之间有空格
+     */
+    'func-call-spacing': ['error', 'never'],
+    /**
+     * 必须只使用函数声明或只使用函数表达式
+     */
+    'func-style': ['off', 'expression'],
+    /**
+     * 强制在函数括号内使用一致的换行
+     */
+    'function-paren-newline': ['warn', 'multiline'],
+    /**
+     * 强制 generator 函数中 * 号周围使用一致的空格
+     */
+    'generator-star-spacing': [
+      'warn',
+      {
+        before: false,
+        after: true,
+      },
+    ],
+    /**
+     * 限制变量名长度
+     */
+    'id-length': 'off',
+    /**
+     * 强制隐式返回的箭头函数体的位置
+     */
+    'implicit-arrow-linebreak': ['warn', 'beside'],
+    /**
+     * 使用 2 个空格缩进
+     */
+    indent: [
+      'warn',
+      2,
+      {
+        SwitchCase: 1,
+        VariableDeclarator: 1,
+        outerIIFEBody: 1,
+        FunctionDeclaration: {
+          parameters: 1,
+          body: 1,
+        },
+        FunctionExpression: {
+          parameters: 1,
+          body: 1,
+        },
+        CallExpression: {
+          arguments: 1,
+        },
+        ArrayExpression: 1,
+        ObjectExpression: 1,
+        ImportDeclaration: 1,
+        flatTernaryExpressions: false,
+        ignoredNodes: [
+          'JSXElement',
+          'JSXElement > *',
+          'JSXAttribute',
+          'JSXIdentifier',
+          'JSXNamespacedName',
+          'JSXMemberExpression',
+          'JSXSpreadAttribute',
+          'JSXExpressionContainer',
+          'JSXOpeningElement',
+          'JSXClosingElement',
+          'JSXFragment',
+          'JSXOpeningFragment',
+          'JSXClosingFragment',
+          'JSXText',
+          'JSXEmptyExpression',
+          'JSXSpreadChild',
+        ],
+        ignoreComments: false,
+      },
+    ],
+    /**
+     * 强制在对象字面量的属性中键和值之间使用一致的间距
+     */
+    'key-spacing': 'error',
+    /**
+     * 强制在关键字前后使用一致的空格
+     */
+    'keyword-spacing': [
+      'error',
+      {
+        overrides: {
+          if: {
+            after: true,
+          },
+          for: {
+            after: true,
+          },
+          while: {
+            after: true,
+          },
+          else: {
+            after: true,
+          },
+        },
+      },
+    ],
+    /**
+     * 只允许使用 unix 的 LF 作为换行符，Windows 的 CRLF 不可以使用
+     */
+    'linebreak-style': ['warn', 'unix'],
+    /**
+     * 强制一行的最大长度，限制单行不能超过100个字符，字符串和正则表达式除外。
+     */
+    'max-len': [
+      'off',
+      {
+        code: 120,
+        ignoreStrings: true,
+        ignoreUrls: true,
+        ignoreRegExpLiterals: true,
+        ignoreTemplateLiterals: true,
+      },
+    ],
+    /**
+     * 只有在命名构造器或者类的时候，才用帕斯卡拼命名法（PascalCase），即首字母大写。
+     */
+    'new-cap': [
+      'error',
+      {
+        newIsCap: true,
+        newIsCapExceptions: [],
+        capIsNew: false,
+        capIsNewExceptions: ['Immutable.Map', 'Immutable.Set', 'Immutable.List'],
+        properties: false,
+      },
+    ],
+    /**
+     * 在编写多个方法链式调用(超过两个方法链式调用)时。 使用前导点，强调这行是一个方法调用，而不是一个语句。
+     */
+    'newline-per-chained-call': [
+      'warn',
+      {
+        ignoreChainWithDepth: 2,
+      },
+    ],
+    /**
+     * 使用字面量语法创建数组。
+     */
+    'no-array-constructor': ['error'],
+    /**
+     * 在 case 和 default 的子句中，如果存在声明 (例如. let, const, function, 和 class)，使用大括号来创建块级作用域。
+     */
+    'no-case-declarations': 'error',
+    /**
+     * 避免搞混箭头函数符号 (=>) 和比较运算符 (<=, >=)。
+     */
+    'no-confusing-arrow': 'warn',
+    /**
+     * 禁止对使用 const 定义的常量重新赋值
+     */
+    'no-const-assign': 'error',
+    /**
+     * 禁止重复定义类的成员
+     */
+    'no-dupe-class-members': 'error',
+    /**
+     * 禁止在 else 内使用 return，必须改为提前结束
+     */
+    'no-else-return': [
+      'warn',
+      {
+        allowElseIf: false,
+      },
+    ],
+    /**
+     * 禁止使用 eval
+     */
+    'no-eval': 'error',
+    /**
+     * 不要使用迭代器。
+     * @reason 推荐使用 JavaScript 的高阶函数代替 for-in。
+     */
+    'no-iterator': 'warn',
+    /**
+     * 禁止在循环内的函数内部出现循环体条件语句中定义的变量
+     */
+    'no-loop-func': 'error',
+    /**
+     * 禁止混合使用不同的操作符:
+     * - 禁止 `%`, `**` 之间混用
+     * - 禁止 `%` 与其它运算符之间混用
+     * - 禁止乘除运算符之间混用
+     * - 禁止位运算符之间的任何混用
+     * - 禁止比较运算符之间混用
+     * - 禁止 `&&`, `||` 之间混用
+     */
+    'no-mixed-operators': [
+      'error',
+      {
+        groups: [
+          ['%', '**'],
+          ['%', '+'],
+          ['%', '-'],
+          ['%', '*'],
+          ['%', '/'],
+          ['&', '|', '<<', '>>', '>>>'],
+          ['==', '!=', '===', '!=='],
+          ['&&', '||'],
+        ],
+        allowSamePrecedence: false,
+      },
+    ],
+    /**
+     * 禁止连续赋值，比如 foo = bar = 1
+     */
+    'no-multi-assign': 'error',
+    /**
+     * 不要使用多个空行填充代码。
+     */
+    'no-multiple-empty-lines': 'error',
+    /**
+     * 禁止使用嵌套的三元表达式，比如 a ? b : c ? d : e
+     */
+    'no-nested-ternary': 'warn',
+    /**
+     * 禁止使用 new Function
+     * @reason 这和 eval 是等价的
+     */
+    'no-new-func': 'error',
+    /**
+     * 禁止直接 new Object
+     */
+    'no-new-object': 'error',
+    /**
+     * 禁止使用 new 来生成 String, Number 或 Boolean
+     */
+    'no-new-wrappers': 'warn',
+    /**
+     * 禁止对函数的参数重新赋值
+     */
+    'no-param-reassign': [
+      'warn',
+      {
+        props: true,
+        ignorePropertyModificationsFor: [
+          'acc',
+          'accumulator',
+          'e',
+          'ctx',
+          'req',
+          'request',
+          'res',
+          'response',
+          '$scope',
+          'staticContext',
+          'state',
+        ],
+      },
+    ],
+    /**
+     * 禁止使用 ++ 或 --
+     */
+    'no-plusplus': [
+      'error',
+      {
+        allowForLoopAfterthoughts: true,
+      },
+    ],
+    /**
+     * 禁止使用 hasOwnProperty, isPrototypeOf 或 propertyIsEnumerable
+     */
+    'no-prototype-builtins': 'error',
+    /**
+     * 计算指数时，可以使用 ** 运算符。
+     */
+    'no-restricted-properties': [
+      'warn',
+      {
+        object: 'Math',
+        property: 'pow',
+        message: 'Please use ** instand',
+      },
+    ],
+    /**
+     * 推荐使用 JavaScript 的高阶函数代替 for-in
+     */
+    'no-restricted-syntax': [
+      'warn',
+      {
+        selector: 'ForInStatement',
+        message:
+          'for..in loops iterate over the entire prototype chain, which is virtually never what you want. Use Object.{keys,values,entries}, and iterate over the resulting array.',
+      },
+      {
+        selector: 'LabeledStatement',
+        message: 'Labels are a form of GOTO; using them makes code confusing and hard to maintain and understand.',
+      },
+      {
+        selector: 'WithStatement',
+        message: '`with` is disallowed in strict mode because it makes code impossible to predict and optimize.',
+      },
+    ],
+    /**
+     * 避免在行尾添加空格。
+     */
+    'no-trailing-spaces': 'error',
+    /**
+     * 变量应先声明再使用，禁止引用任何未声明的变量，除非你明确知道引用的变量存在于当前作用域链上。
+     */
+    'no-undef': ['error'],
+    /**
+     * 禁止变量名出现下划线
+     */
+    'no-underscore-dangle': 'warn',
+    /**
+     * 必须使用 !a 替代 a ? false : true
+     */
+    'no-unneeded-ternary': 'warn',
+    /**
+     * 已定义的变量必须使用
+     * 但不检查最后一个使用的参数之前的参数
+     * 也不检查 rest 属性的兄弟属性
+     */
+    'no-unused-vars': [
+      'error',
+      {
+        args: 'after-used',
+        ignoreRestSiblings: true,
+        argsIgnorePattern: '^_.+',
+        varsIgnorePattern: '^_.+',
+      },
+    ],
+    /**
+     * 禁止出现没必要的 constructor
+     */
+    'no-useless-constructor': 'warn',
+    /**
+     * 禁止出现没必要的转义
+     */
+    'no-useless-escape': 'error',
+    /**
+     * 禁止使用 var
+     */
+    'no-var': 'error',
+    /**
+     * 禁止属性前有空白
+     */
+    'no-whitespace-before-property': 'warn',
+    /**
+     * 强制单个语句的位置
+     */
+    'nonblock-statement-body-position': ['error', 'beside'],
+    /**
+     * 强制在大括号中使用一致的空格
+     */
+    'object-curly-spacing': ['warn', 'always'],
+    /**
+     * 将对象方法、属性简写，且间歇属性放在前面。
+     */
+    'object-shorthand': 'warn',
+    /**
+     * 禁止变量申明时用逗号一次申明多个
+     */
+    'one-var': ['warn', 'never'],
+    /**
+     * 避免在赋值语句 = 前后换行。如果你的代码单行长度超过了 max-len 定义的长度而不得不换行，那么使用括号包裹。
+     */
+    'operator-linebreak': [
+      'error',
+      'before',
+      {
+        overrides: {
+          '=': 'none',
+        },
+      },
+    ],
+    /**
+     * 要求或禁止块内填充
+     */
+    'padded-blocks': ['error', 'never'],
+    /**
+     * 要求回调函数使用箭头函数
+     */
+    'prefer-arrow-callback': 'warn',
+    /**
+     * 申明后不再被修改的变量必须使用 const 来申明
+     */
+    'prefer-const': [
+      'error',
+      {
+        destructuring: 'any',
+        ignoreReadBeforeAssign: false,
+      },
+    ],
+    /**
+     * 优先使用解构赋值
+     */
+    'prefer-destructuring': [
+      'warn',
+      {
+        VariableDeclarator: {
+          array: false,
+          object: true,
+        },
+        AssignmentExpression: {
+          array: true,
+          object: false,
+        },
+      },
+      {
+        enforceForRenamedProperties: false,
+      },
+    ],
+    /**
+     * 必须使用 ...args 而不是 arguments
+     */
+    'prefer-rest-params': 'warn',
+    /**
+     * 必须使用 ... 而不是 apply，比如 foo(...args)
+     */
+    'prefer-spread': 'warn',
+    /**
+     * 必须使用模版字符串而不是字符串连接
+     */
+    'prefer-template': 'error',
+    /**
+     * 要求对象字面量属性名称用引号括起来
+     */
+    'quote-props': [
+      'error',
+      'as-needed',
+      {
+        keywords: false,
+      },
+    ],
+    /**
+     * 使用单引号 '' 定义字符串
+     */
+    quotes: [
+      'warn',
+      'single',
+      {
+        allowTemplateLiterals: false,
+      },
+    ],
+    /**
+     * parseInt 必须传入第二个参数
+     */
+    radix: 'warn',
+    /**
+     * 要加分号
+     */
+    semi: ['error', 'always'],
+    /**
+     * 强制在块之前使用一致的空格
+     */
+    'space-before-blocks': 'error',
+    /**
+     * 强制在 function 的左括号之前使用一致的空格
+     */
+    'space-before-function-paren': [
+      'error',
+      {
+        anonymous: 'always',
+        named: 'never',
+        asyncArrow: 'always',
+      },
+    ],
+    /**
+     * 强制在圆括号内使用一致的空格
+     */
+    'space-in-parens': ['error', 'never'],
+    /**
+     * 要求操作符周围有空格
+     */
+    'space-infix-ops': 'error',
+    /**
+     * 注释的斜线或 * 后必须有空格
+     */
+    'spaced-comment': ['error', 'always'],
+    /**
+     * 要求或禁止模板字符串中的嵌入表达式周围空格的使用
+     */
+    'template-curly-spacing': ['error', 'never'],
+    /**
+     * 要求立即执行的函数使用括号括起来
+     */
+    'wrap-iife': ['error', 'outside'],
+  },
+};
diff --git a/eslint-config/flat/import-sort.mjs b/eslint-config/flat/import-sort.mjs
new file mode 100644
index 00000000..d1365851
--- /dev/null
+++ b/eslint-config/flat/import-sort.mjs
@@ -0,0 +1,38 @@
+import simpleImportSort from 'eslint-plugin-simple-import-sort';
+
+export default {
+  files: ['**/*.{js,mjs,cjs,ts,vue}'],
+  plugins: {
+    'simple-import-sort': simpleImportSort,
+  },
+  rules: {
+    'simple-import-sort/imports': [
+      'error',
+      {
+        groups: [
+          ['./polyfills'],
+          ['^(node)(:.*|$)'],
+          // Node.js builtins. You could also generate this regex if you use a `.js` config.
+          // For example: `^(${require("module").builtinModules.join("|")})(/|$)`
+          [
+            '^(assert|buffer|child_process|cluster|console|constants|crypto|dgram|dns|domain|events|fs|http|https|module|net|os|path|punycode|querystring|readline|repl|stream|string_decoder|sys|timers|tls|tty|url|util|vm|zlib|freelist|v8|process|async_hooks|http2|perf_hooks)(/.*|$)',
+          ],
+          // Packages. `react|vue` related packages come first.
+          ['^(react|vue|vite|vitest)', '^@?\\w'],
+          ['^(@tencent)(/.*|$)'],
+          ['^(@tmagic)(/.*|$)'],
+          // Internal packages.
+          ['^(@|src|editor-page|@editor|@data-source)(/.*|$)'],
+          // Side effect imports.
+          ['^\\u0000'],
+          // Parent imports. Put `..` last.
+          ['^\\.\\.(?!/?$)', '^\\.\\./?$'],
+          // Other relative imports. Put same-folder imports and `.` last.
+          ['^\\./(?=.*/)(?!/?$)', '^\\.(?!/?$)', '^\\./?$'],
+          // Style imports.
+          ['^.+\\.s?css$'],
+        ],
+      },
+    ],
+  },
+};
diff --git a/eslint-config/flat/import.mjs b/eslint-config/flat/import.mjs
new file mode 100644
index 00000000..8455faef
--- /dev/null
+++ b/eslint-config/flat/import.mjs
@@ -0,0 +1,37 @@
+import { rules } from 'eslint-plugin-import';
+
+export default {
+  plugins: {
+    import: {
+      meta: { name: 'eslint-plugin-import' },
+      rules,
+    },
+  },
+  files: ['**/*.{js,mjs,cjs,jsx,mjsx,ts,tsx,mtsx}'],
+  languageOptions: {
+    ecmaVersion: 2018,
+    sourceType: 'module',
+  },
+  rules: {
+    /**
+     * 导入语句前不允许有任何非导入语句
+     */
+    'import/first': 'error',
+    /**
+     * 禁止重复导入模块
+     */
+    'import/no-duplicates': 'error',
+    /**
+     * 禁止使用 let 导出
+     */
+    'import/no-mutable-exports': 'warn',
+    /**
+     * 禁用导入的模块时使用 webpack 特有的语法（感叹号）
+     */
+    'import/no-webpack-loader-syntax': 'warn',
+    /**
+     * 当只有一个导出时，必须使用 export default 来导出
+     */
+    'import/prefer-default-export': 'off',
+  },
+};
diff --git a/prettier.cjs b/eslint-config/flat/prettier.mjs
similarity index 98%
rename from prettier.cjs
rename to eslint-config/flat/prettier.mjs
index 063c17bd..556276e4 100644
--- a/prettier.cjs
+++ b/eslint-config/flat/prettier.mjs
@@ -1,5 +1,4 @@
-module.exports = {
-  plugins: ['prettier'],
+export default {
   rules: {
     'wrap-iife': 'off',
     'template-curly-spacing': 'off',
diff --git a/eslint-config/flat/ts.mjs b/eslint-config/flat/ts.mjs
new file mode 100644
index 00000000..f3d3a3b5
--- /dev/null
+++ b/eslint-config/flat/ts.mjs
@@ -0,0 +1,376 @@
+export default {
+  files: ['**/*.ts', '**/*.tsx'],
+  rules: {
+    'brace-style': 'off',
+    'no-empty-function': 'off',
+    // https://github.com/typescript-eslint/typescript-eslint/issues/491
+    'no-invalid-this': 'off',
+    'no-magic-numbers': 'off',
+    'react/sort-comp': 'off',
+    'func-call-spacing': 'off',
+    'comma-spacing': 'off',
+    'dot-notation': 'off',
+    indent: 'off',
+    'keyword-spacing': 'off',
+    camelcase: 'off',
+    'no-underscore-dangle': 'off',
+    'no-array-constructor': 'off',
+    'no-dupe-class-members': 'off',
+    'no-undef': 'off',
+    'no-unused-vars': 'off',
+    'no-useless-constructor': 'off',
+    quotes: 'off',
+    semi: 'off',
+    'space-before-function-paren': 'off',
+    // https://github.com/typescript-eslint/typescript-eslint/issues/600
+    'spaced-comment': ['error', 'always', { markers: ['/'] }],
+    /**
+     * 重载的函数必须写在一起
+     * @reason 增加可读性
+     */
+    '@typescript-eslint/adjacent-overload-signatures': 'error',
+    /** 同 JS 规则的 TS 版本 */
+    '@stylistic/ts/brace-style': 'error',
+    /** 同 JS 规则的 TS 版本 */
+    '@stylistic/comma-spacing': [
+      'error',
+      {
+        before: false,
+        after: true,
+      },
+    ],
+    /**
+     * 类型断言必须使用 as Type，禁止使用 <Type>，禁止对对象字面量进行类型断言（断言成 any 是允许的）
+     * @reason <Type> 容易被理解为 jsx
+     */
+    '@typescript-eslint/consistent-type-assertions': [
+      'error',
+      {
+        assertionStyle: 'as',
+        objectLiteralTypeAssertions: 'never',
+      },
+    ],
+    /**
+     * 优先使用 interface 而不是 type
+     */
+    '@typescript-eslint/consistent-type-definitions': 'off',
+    /** 同 JS 规则的 TS 版本 */
+    '@typescript-eslint/dot-notation': 'warn',
+    /**
+     * 必须设置类的成员的可访问性
+     * @reason 将不需要公开的成员设为私有的，可以增强代码的可理解性，对文档输出也很友好
+     */
+    '@typescript-eslint/explicit-member-accessibility': 'off',
+    /**
+     * 要求或禁止在函数标识符和其调用之间有空格
+     */
+    '@stylistic/ts/func-call-spacing': ['error', 'never'],
+    /** 同 JS 规则的 TS 版本 */
+    '@stylistic/ts/indent': [
+      'warn',
+      2,
+      {
+        SwitchCase: 1,
+        VariableDeclarator: 1,
+        outerIIFEBody: 1,
+        FunctionDeclaration: {
+          parameters: 1,
+          body: 1,
+        },
+        FunctionExpression: {
+          parameters: 1,
+          body: 1,
+        },
+        CallExpression: {
+          arguments: 1,
+        },
+        ArrayExpression: 1,
+        ObjectExpression: 1,
+        ImportDeclaration: 1,
+        flatTernaryExpressions: false,
+        ignoredNodes: [
+          'JSXElement',
+          'JSXElement > *',
+          'JSXAttribute',
+          'JSXIdentifier',
+          'JSXNamespacedName',
+          'JSXMemberExpression',
+          'JSXSpreadAttribute',
+          'JSXExpressionContainer',
+          'JSXOpeningElement',
+          'JSXClosingElement',
+          'JSXFragment',
+          'JSXOpeningFragment',
+          'JSXClosingFragment',
+          'JSXText',
+          'JSXEmptyExpression',
+          'JSXSpreadChild',
+        ],
+        ignoreComments: false,
+      },
+    ],
+    /** 同 JS 规则的 TS 版本 */
+    '@stylistic/ts/keyword-spacing': [
+      'error',
+      {
+        overrides: {
+          if: {
+            after: true,
+          },
+          for: {
+            after: true,
+          },
+          while: {
+            after: true,
+          },
+          else: {
+            after: true,
+          },
+        },
+        before: true,
+        after: true,
+      },
+    ],
+    /**
+     * 指定类成员的排序规则
+     * @reason 优先级：
+     * 1. static > instance
+     * 2. field > constructor > method
+     * 3. public > protected > private
+     */
+    '@typescript-eslint/member-ordering': [
+      'error',
+      {
+        default: [
+          'public-static-field',
+          'protected-static-field',
+          'private-static-field',
+          'static-field',
+          'public-static-method',
+          'protected-static-method',
+          'private-static-method',
+          'static-method',
+          'public-instance-field',
+          'protected-instance-field',
+          'private-instance-field',
+          'public-field',
+          'protected-field',
+          'private-field',
+          'instance-field',
+          'field',
+          'constructor',
+          'public-instance-method',
+          'protected-instance-method',
+          'private-instance-method',
+          'public-method',
+          'protected-method',
+          'private-method',
+          'instance-method',
+          'method',
+        ],
+      },
+    ],
+    /**
+     * 接口中的方法必须用属性的方式定义
+     */
+    '@typescript-eslint/method-signature-style': 'off',
+    /** 代替 JS 规则 camelCase 的 TS 规则 */
+    '@typescript-eslint/naming-convention': [
+      'warn',
+      {
+        selector: 'function',
+        format: ['camelCase', 'PascalCase'],
+      },
+      {
+        selector: 'variable',
+        format: ['camelCase', 'UPPER_CASE'],
+      },
+      {
+        selector: 'variable',
+        modifiers: ['global'],
+        format: ['camelCase', 'PascalCase', 'UPPER_CASE'],
+      },
+      {
+        selector: 'variable',
+        format: ['camelCase', 'PascalCase'],
+        types: ['function'],
+      },
+      {
+        selector: 'variable',
+        modifiers: ['exported'],
+        format: ['UPPER_CASE'],
+        types: ['boolean', 'string', 'number', 'array'],
+      },
+      {
+        selector: 'variable',
+        modifiers: ['exported'],
+        format: ['camelCase', 'PascalCase'],
+        types: ['function'],
+      },
+      {
+        selector: ['class', 'typeLike'],
+        format: ['PascalCase'],
+      },
+      {
+        selector: ['classMethod', 'classProperty'],
+        leadingUnderscore: 'forbid',
+        trailingUnderscore: 'forbid',
+        format: ['camelCase'],
+      },
+    ],
+    /** 同 JS 规则的 TS 版本 */
+    '@typescript-eslint/no-array-constructor': 'error',
+    /** 同 JS 规则的 TS 版本 */
+    '@typescript-eslint/no-dupe-class-members': 'error',
+    /**
+     * 禁止定义空的接口
+     */
+    '@typescript-eslint/no-empty-interface': 'error',
+    /**
+     * 禁止给一个初始化时直接赋值为 number, string 的变量显式的声明类型
+     * @reason 可以简化代码
+     */
+    '@typescript-eslint/no-inferrable-types': 'warn',
+    /**
+     * 禁止对 promise 的误用，详见示例
+     */
+    '@typescript-eslint/no-misused-promises': [
+      'error',
+      {
+        checksConditionals: true,
+      },
+    ],
+    /**
+     * 禁止使用 namespace 来定义命名空间
+     * @reason 使用 es6 引入模块，才是更标准的方式。
+     * 但是允许使用 declare namespace ... {} 来定义外部命名空间
+     */
+    '@typescript-eslint/no-namespace': [
+      'error',
+      {
+        allowDeclarations: true,
+        allowDefinitionFiles: true,
+      },
+    ],
+    /**
+     * 禁止在 optional chaining 之后使用 non-null 断言（感叹号）
+     * @reason optional chaining 后面的属性一定是非空的
+     */
+    '@typescript-eslint/no-non-null-asserted-optional-chain': 'error',
+    /**
+     * 禁止给类的构造函数的参数添加修饰符
+     */
+    '@typescript-eslint/no-parameter-properties': 'off',
+    /**
+     * 禁止使用 require
+     * @reason 统一使用 import 来引入模块，特殊情况使用单行注释允许 require 引入
+     */
+    '@typescript-eslint/no-require-imports': 'error',
+    /**
+     * 禁止将 this 赋值给其他变量，除非是解构赋值
+     */
+    '@typescript-eslint/no-this-alias': [
+      'error',
+      {
+        allowDestructuring: true,
+      },
+    ],
+    /**
+     * 禁止无用的表达式
+     */
+    '@typescript-eslint/no-unused-expressions': [
+      'error',
+      {
+        allowShortCircuit: true,
+        allowTernary: true,
+        allowTaggedTemplates: true,
+      },
+    ],
+    /** 同 JS 规则的 TS 版本 */
+    '@typescript-eslint/no-unused-vars': [
+      'error',
+      {
+        args: 'after-used',
+        ignoreRestSiblings: true,
+        argsIgnorePattern: '^_.+',
+        varsIgnorePattern: '^_.+',
+      },
+    ],
+    /**
+     * 禁止出现没必要的 constructor
+     */
+    '@typescript-eslint/no-useless-constructor': 'warn',
+    /**
+     * 使用 for 循环遍历数组时，如果索引仅用于获取成员，则必须使用 for of 循环替代 for 循环
+     * @reason for of 循环更加易读
+     */
+    '@typescript-eslint/prefer-for-of': 'warn',
+    /**
+     * 使用函数类型别名替代包含函数调用声明的接口
+     */
+    '@typescript-eslint/prefer-function-type': 'warn',
+    /**
+     * 禁止使用 module 来定义命名空间
+     * @reason module 已成为 js 的关键字
+     */
+    '@typescript-eslint/prefer-namespace-keyword': 'error',
+    /**
+     * 使用 optional chaining 替代 &&
+     */
+    '@typescript-eslint/prefer-optional-chain': 'error',
+    /** 同 JS 规则的 TS 版本 */
+    '@stylistic/ts/quotes': [
+      'warn',
+      'single',
+      {
+        allowTemplateLiterals: false,
+      },
+    ],
+    /** 同 JS 规则的 TS 版本 */
+    '@stylistic/ts/semi': ['error', 'always'],
+    /** 同 JS 规则的 TS 版本 */
+    '@stylistic/ts/space-before-function-paren': [
+      'error',
+      {
+        anonymous: 'always',
+        named: 'never',
+        asyncArrow: 'always',
+      },
+    ],
+    /**
+     * 禁止使用三斜杠导入文件
+     * @reason 三斜杠是已废弃的语法，但在类型声明文件中还是可以使用的
+     */
+    '@typescript-eslint/triple-slash-reference': [
+      'error',
+      {
+        path: 'never',
+        types: 'always',
+        lib: 'always',
+      },
+    ],
+    /**
+     * 在类型注释周围需要一致的间距
+     */
+    '@stylistic/ts/type-annotation-spacing': 'error',
+    /**
+     * interface 和 type 定义时必须声明成员的类型
+     */
+    '@typescript-eslint/typedef': [
+      'error',
+      {
+        arrayDestructuring: false,
+        arrowParameter: false,
+        memberVariableDeclaration: false,
+        objectDestructuring: false,
+        parameter: false,
+        propertyDeclaration: true,
+        variableDeclaration: false,
+      },
+    ],
+    /**
+     * 函数重载时，若能通过联合类型将两个函数的类型声明合为一个，则使用联合类型而不是两个函数声明
+     */
+    '@typescript-eslint/unified-signatures': 'error',
+  },
+};
diff --git a/eslint-config/index.mjs b/eslint-config/index.mjs
new file mode 100644
index 00000000..11df5cac
--- /dev/null
+++ b/eslint-config/index.mjs
@@ -0,0 +1,37 @@
+import js from '@eslint/js';
+import stylistic from '@stylistic/eslint-plugin';
+import parserTs from '@typescript-eslint/parser';
+import { defineConfig } from 'eslint/config';
+import eslintPluginPrettierRecommended from 'eslint-plugin-prettier/recommended';
+import pluginVue from 'eslint-plugin-vue';
+import globals from 'globals';
+import tseslint from 'typescript-eslint';
+
+import tencentEslintBaseConfig from './flat/base.mjs';
+import tencentEslintImportexport from './flat/import.mjs';
+import ImportSortConfig from './flat/import-sort.mjs';
+import tencentEslintPrettierConfig from './flat/prettier.mjs';
+import tencentEslintTsConfig from './flat/ts.mjs';
+
+export default (tsconfigRootDir) =>
+  defineConfig([
+    { files: ['**/*.{js,mjs,cjs}'], plugins: { js }, extends: ['js/recommended'] },
+    { files: ['**/*.{js,mjs,cjs,ts,vue}'], languageOptions: { globals: { ...globals.browser, ...globals.node } } },
+    ...tseslint.config(tencentEslintBaseConfig, tencentEslintImportexport, tseslint.configs.base, {
+      plugins: {
+        '@stylistic': stylistic,
+      },
+      languageOptions: {
+        parser: parserTs,
+        parserOptions: {
+          project: tsconfigRootDir,
+        },
+      },
+      ...tencentEslintTsConfig,
+    }),
+    pluginVue.configs['flat/essential'],
+    { files: ['**/*.vue'], languageOptions: { parserOptions: { parser: tseslint.parser } } },
+    eslintPluginPrettierRecommended,
+    tencentEslintPrettierConfig,
+    ImportSortConfig,
+  ]);
diff --git a/eslint-config/package.json b/eslint-config/package.json
new file mode 100644
index 00000000..1e9bf4af
--- /dev/null
+++ b/eslint-config/package.json
@@ -0,0 +1,29 @@
+{
+  "name": "@tmagic/eslint-config",
+  "version": "0.0.4",
+  "main": "index.mjs",
+  "type": "module",
+  "repository": {
+    "directory": "eslint-config",
+    "type": "git",
+    "url": "https://github.com/Tencent/tmagic-editor.git"
+  },
+  "dependencies": {
+    "@eslint/js": "^10.0.1",
+    "@typescript-eslint/parser": "^8.57.1",
+    "@typescript-eslint/eslint-plugin": "^8.57.1",
+    "@stylistic/eslint-plugin": "^5.10.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-simple-import-sort": "^12.1.1",
+    "eslint-plugin-vue": "^10.8.0",
+    "vue-eslint-parser": "^10.3.0",
+    "eslint-plugin-prettier": "^5.5.4",
+    "globals": "^17.4.0",
+    "typescript-eslint": "^8.57.1"
+  },
+  "peerDependencies": {
+    "eslint": ">=10.0.0",
+    "prettier": ">=3.8.0"
+  }
+}
diff --git a/eslint.config.js b/eslint.config.js
new file mode 100644
index 00000000..8ad0ffe6
--- /dev/null
+++ b/eslint.config.js
@@ -0,0 +1,41 @@
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+import { defineConfig, globalIgnores } from 'eslint/config';
+
+import eslintConfig from '@tmagic/eslint-config';
+
+export default defineConfig([
+  globalIgnores([
+    './docs/**/*',
+    './packages/cli/lib/**/*',
+    '*/**/auto-imports.d.ts',
+    '*/**/components.d.ts',
+    '*/**/dist/**/*',
+    '*/**/.tmagic/**/*',
+    '*/**/public/**/*',
+    '*/**/types/**/*',
+    '*/**/*.config.ts',
+    'vite-env.d.ts',
+  ]),
+  ...eslintConfig(path.join(path.dirname(fileURLToPath(import.meta.url)), 'tsconfig.json')),
+  {
+    files: ['**/*.vue'],
+    rules: {
+      'vue/no-mutating-props': 'off',
+      'vue/multi-word-component-names': 'off',
+    },
+  },
+  {
+    files: ['**/*.{js,mjs,cjs,ts,vue}'],
+    rules: {
+      'no-param-reassign': 'off',
+    },
+  },
+  {
+    files: ['**/*.tsx'],
+    rules: {
+      '@typescript-eslint/naming-convention': 'off',
+    },
+  },
+]);
diff --git a/package.json b/package.json
index cb25a82e..1ff9d0e4 100644
--- a/package.json
+++ b/package.json
@@ -1,37 +1,36 @@
 {
-  "version": "1.4.7",
+  "version": "1.7.8",
   "name": "tmagic",
   "private": true,
   "type": "module",
-  "packageManager": "pnpm@9.1.2",
+  "packageManager": "pnpm@10.32.1",
   "scripts": {
     "bootstrap": "pnpm i && pnpm build",
-    "clean:top": "rimraf */**/dist */**/types */dist coverage dwt*",
+    "clean:top": "rimraf */**/dist */**/types */dist coverage dwt* temp packages/cli/lib",
     "clean:modules": "rimraf node_modules **/node_modules **/**/node_modules",
     "clean:all": "pnpm clean:top && pnpm clean:modules",
-    "lint": "eslint . --ext .js,.vue,.ts,.tsx",
-    "lint-fix": "eslint . --fix --ext .vue,.js,.ts,.tsx",
-    "playground": "pnpm --filter \"runtime-vue3\" build:libs && pnpm --filter \"runtime-vue3\" --filter \"tmagic-playground\" dev",
+    "lint": "eslint --cache .",
+    "lint-fix": "eslint --fix --cache .",
+    "playground": "pnpm --filter \"runtime-vue\" build:libs && pnpm --filter \"runtime-vue\" --filter \"tmagic-playground\" dev",
     "pg": "pnpm playground",
-    "playground:vue2": "pnpm --filter \"runtime-vue2\" build:libs && pnpm --filter \"runtime-vue2\" --filter \"tmagic-playground\" dev:vue2",
-    "pg:vue2": "pnpm playground:vue2",
     "playground:react": "pnpm --filter \"runtime-react\" build:libs && pnpm --filter \"runtime-react\" --filter \"tmagic-playground\" dev:react",
     "pg:react": "pnpm playground:react",
-    "build": "node scripts/build.mjs",
-    "build:playground": "pnpm --filter \"runtime-vue3\" build && pnpm --filter \"tmagic-playground\" build",
+    "build": "pnpm build:dts && node scripts/build.mjs",
+    "build:dts": "pnpm --filter \"@tmagic/cli\" build && tsc -p tsconfig.build-browser.json && vue-tsc --declaration --emitDeclarationOnly --project tsconfig.build-vue.json && rolldown -c rolldown.dts.config.mjs && rimraf temp",
+    "check:type": "node scripts/check-type.mjs",
+    "build:playground": "pnpm --filter \"runtime-vue\" build && pnpm --filter \"tmagic-playground\" build",
     "docs:dev": "vitepress dev docs",
     "docs:serve": "vitepress serve docs",
     "docs:build": "vitepress build docs",
     "reinstall": "pnpm clean:all && pnpm bootstrap",
     "test": "vitest run",
     "coverage": "vitest run --coverage",
-    "prepare": "husky install",
-    "commit": "git-cz",
+    "prepare": "husky",
     "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s",
     "release": "node scripts/release.mjs"
   },
   "engines": {
-    "node": ">=18"
+    "node": "^20.19.0 || >=22.12.0"
   },
   "workspaces": [
     "packages/*"
@@ -41,44 +40,43 @@
     "url": "https://github.com/Tencent/tmagic-editor.git"
   },
   "devDependencies": {
-    "@commitlint/cli": "^18.2.0",
-    "@commitlint/config-conventional": "^18.1.0",
-    "@types/node": "^18.19.0",
-    "@typescript-eslint/eslint-plugin": "^5.57.1",
-    "@typescript-eslint/parser": "^5.57.1",
-    "@vitejs/plugin-vue": "^5.0.4",
-    "@vitest/coverage-v8": "^1.0.4",
-    "c8": "^7.11.3",
-    "commitizen": "^4.3.0",
-    "conventional-changelog-cli": "^4.1.0",
-    "cosmiconfig": "^8.3.6",
+    "@commitlint/cli": "^20.1.0",
+    "@commitlint/config-conventional": "^20.0.0",
+    "@tmagic/eslint-config": "workspace:*",
+    "@types/node": "24.0.10",
+    "@vitejs/plugin-vue": "^6.0.5",
+    "@vitest/coverage-v8": "^4.1.0",
+    "@vue/compiler-sfc": "catalog:",
+    "c8": "^10.1.3",
+    "commitizen": "^4.3.1",
+    "conventional-changelog-cli": "^5.0.0",
+    "cosmiconfig": "^ 9.0.0 ",
     "cz-conventional-changelog": "^3.3.0",
-    "element-plus": "^2.7.4",
-    "enquirer": "^2.3.6",
-    "eslint": "^8.38.0",
-    "eslint-config-tencent": "^1.0.4",
-    "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-simple-import-sort": "^10.0.0",
-    "eslint-plugin-vue": "^9.10.0",
-    "execa": "^4.0.2",
-    "highlight.js": "^11.7.0",
-    "husky": "^7.0.0",
-    "jsdom": "^19.0.0",
-    "lint-staged": "^11.0.1",
-    "minimist": "^1.2.6",
-    "picocolors": "^1.0.0",
-    "prettier": "^2.8.7",
-    "recast": "^0.20.4",
+    "element-plus": "^2.11.8",
+    "enquirer": "^2.4.1",
+    "eslint": "^10.0.3",
+    "execa": "^9.6.0",
+    "highlight.js": "^11.11.1",
+    "husky": "^9.1.7",
+    "jsdom": "^27.2.0",
+    "lint-staged": "^16.2.7",
+    "minimist": "^1.2.8",
+    "picocolors": "^1.1.1",
+    "prettier": "^3.8.1",
+    "recast": "^0.23.11",
     "rimraf": "^3.0.2",
-    "semver": "^7.3.7",
-    "serialize-javascript": "^6.0.0",
+    "rolldown": "^1.0.0-rc.9",
+    "rolldown-plugin-dts": "^0.22.5",
+    "sass-embedded": "^1.93.3",
+    "semver": "^7.7.3",
+    "serialize-javascript": "^7.0.0",
     "shx": "^0.3.4",
-    "typescript": "^5.4.5",
-    "vite": "^5.2.12",
-    "vitepress": "1.2.2",
-    "vitest": "^1.6.0",
-    "vue": "^3.4.27"
+    "typescript": "catalog:",
+    "vite": "catalog:",
+    "vitepress": "^1.6.4",
+    "vitest": "^4.1.0",
+    "vue": "catalog:",
+    "vue-tsc": "^3.2.6"
   },
   "config": {
     "commitizen": {
@@ -86,7 +84,7 @@
     }
   },
   "lint-staged": {
-    "*.{js,ts,vue}": "eslint --fix",
+    "*.{js,ts,vue}": "npm run lint-fix",
     "*.scss": "prettier --write"
   }
 }
diff --git a/packages/cli/package.json b/packages/cli/package.json
index 84d866e5..f9400a77 100644
--- a/packages/cli/package.json
+++ b/packages/cli/package.json
@@ -1,5 +1,5 @@
 {
-  "version": "1.4.7",
+  "version": "1.7.8",
   "name": "@tmagic/cli",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -14,30 +14,33 @@
   },
   "files": [
     "bin",
-    "lib"
+    "lib",
+    "src"
   ],
   "engines": {
     "node": ">=18"
   },
   "repository": {
+    "directory": "packages/cli",
     "type": "git",
     "url": "https://github.com/Tencent/tmagic-editor.git"
   },
   "dependencies": {
     "cac": "^6.7.14",
     "chokidar": "^3.6.0",
-    "esbuild": "^0.21.1",
+    "esbuild": "^0.21.5",
     "fs-extra": "^11.2.0",
-    "picocolors": "^1.0.0",
-    "recast": "^0.23.6",
-    "tslib": "^2.6.2"
+    "merge-options": "^3.0.4",
+    "picocolors": "^1.1.1",
+    "recast": "^0.23.11",
+    "tslib": "^2.8.0"
   },
   "devDependencies": {
     "@types/fs-extra": "^11.0.4",
-    "@types/node": "^18.19.0"
+    "@types/node": "^24.0.10"
   },
   "peerDependencies": {
-    "typescript": "*"
+    "typescript": "catalog:"
   },
   "peerDependenciesMeta": {
     "typescript": {
diff --git a/packages/cli/src/Core.ts b/packages/cli/src/Core.ts
index 0a8f350a..d739273e 100644
--- a/packages/cli/src/Core.ts
+++ b/packages/cli/src/Core.ts
@@ -1,21 +1,26 @@
-import path from 'path';
+import path from 'node:path';
 
 import fs from 'fs-extra';
 
+import { prepareEntryFile } from './utils/prepareEntryFile';
+import { resolveAppPackages } from './utils/resolveAppPackages';
 import { ModuleMainFilePath, UserConfig } from './types';
-import { prepareEntryFile, resolveAppPackages } from './utils';
 
 export default class Core {
+  // eslint-disable-next-line @typescript-eslint/no-require-imports
   public version = require('../package.json').version;
 
   public options: UserConfig;
 
   public moduleMainFilePath: ModuleMainFilePath = {
+    componentPackage: {},
     componentMap: {},
+    pluginPakcage: {},
     pluginMap: {},
     configMap: {},
     valueMap: {},
     eventMap: {},
+    datasourcePackage: {},
     datasourceMap: {},
     dsConfigMap: {},
     dsValueMap: {},
diff --git a/packages/cli/src/cli.ts b/packages/cli/src/cli.ts
index b1de994d..221f61e5 100644
--- a/packages/cli/src/cli.ts
+++ b/packages/cli/src/cli.ts
@@ -29,6 +29,7 @@ export const cli = (defaultAppConfig: UserConfig): void => {
   const program = cac('tmagic');
 
   // display core version and cli version
+  // eslint-disable-next-line @typescript-eslint/no-require-imports
   const versionCli = require('../package.json').version;
   program.version(`tmagic/cli@${versionCli}`);
 
diff --git a/packages/cli/src/commands/index.ts b/packages/cli/src/commands/index.ts
index 4445e326..4b4d967b 100644
--- a/packages/cli/src/commands/index.ts
+++ b/packages/cli/src/commands/index.ts
@@ -1,6 +1,8 @@
-import path from 'path';
+import path from 'node:path';
 
 import fs from 'fs-extra';
+// @ts-ignore
+import mergeOptions from 'merge-options';
 
 import App from '../Core';
 import { UserConfig } from '../types';
@@ -22,19 +24,29 @@ export const scripts = (defaultAppConfig: UserConfig) => {
       path.resolve(defaultAppConfig.temp, 'config.cjs'),
     ].find((item) => fs.pathExistsSync(item));
 
-    const { npmConfig = {}, ...userConfig } = await loadUserConfig(userConfigPath);
+    const localUserConfigPath = [
+      path.resolve(defaultAppConfig.source, 'tmagic.config.local.ts'),
+      path.resolve(defaultAppConfig.source, 'tmagic.config.local.js'),
+      path.resolve(defaultAppConfig.source, 'tmagic.config.local.cjs'),
+      path.resolve(defaultAppConfig.temp, 'config.local.ts'),
+      path.resolve(defaultAppConfig.temp, 'config.local.js'),
+      path.resolve(defaultAppConfig.temp, 'config.local.cjs'),
+    ].find((item) => fs.pathExistsSync(item));
+
+    let userConfig = await loadUserConfig(userConfigPath);
+
+    if (localUserConfigPath) {
+      const localUserConfig = await loadUserConfig(localUserConfigPath);
+
+      if (localUserConfig.packages?.length) {
+        localUserConfig.packages = [...(userConfig.packages || []), ...localUserConfig.packages];
+      }
+
+      userConfig = mergeOptions(userConfig, localUserConfig);
+    }
 
     // resolve the final app config to use
-    const appConfig = {
-      ...defaultAppConfig,
-      ...userConfig,
-      npmConfig: {
-        ...(defaultAppConfig.npmConfig || {}),
-        ...npmConfig,
-      },
-    };
-
-    // create vuepress app
+    const appConfig = mergeOptions(defaultAppConfig, userConfig);
     const app = new App(appConfig);
 
     // clean temp and cache
diff --git a/packages/cli/src/types.ts b/packages/cli/src/types.ts
index e7ba9643..98b424f3 100644
--- a/packages/cli/src/types.ts
+++ b/packages/cli/src/types.ts
@@ -50,14 +50,18 @@ export interface NpmConfig {
   autoInstall?: boolean;
   /** 安装组件后，npm默认会将依赖写入package.json中，将该值设置为true，则不会写入，默认为true */
   keepPackageJsonClean?: boolean;
+  installArgs?: string;
 }
 
 export interface ModuleMainFilePath {
+  componentPackage: Record<string, string>;
   componentMap: Record<string, string>;
+  pluginPakcage: Record<string, string>;
   pluginMap: Record<string, string>;
   configMap: Record<string, string>;
   valueMap: Record<string, string>;
   eventMap: Record<string, string>;
+  datasourcePackage: Record<string, string>;
   datasourceMap: Record<string, string>;
   dsConfigMap: Record<string, string>;
   dsValueMap: Record<string, string>;
@@ -80,6 +84,8 @@ export interface UserConfig {
   npmConfig?: NpmConfig;
   /** 是否使用import()加载组件 */
   dynamicImport?: boolean;
+  /** 指定组件不使用动态加载，dynamicImport为true时有效 */
+  dynamicIgnore?: string[];
   hooks?: {
     beforeWriteEntry?: (genContentMap: Record<string, string>, app: Core) => Promise<Record<string, string>>;
   };
diff --git a/packages/cli/src/utils/allowTs.ts b/packages/cli/src/utils/allowTs.ts
index 70da01f3..d8452bc1 100644
--- a/packages/cli/src/utils/allowTs.ts
+++ b/packages/cli/src/utils/allowTs.ts
@@ -10,7 +10,7 @@ export const transformTsFileToCodeSync = (filename: string): string =>
     loader: 'ts',
     sourcefile: filename,
     sourcemap: 'inline',
-    target: 'node14',
+    target: 'node18',
   }).code;
 
 /**
diff --git a/packages/cli/src/utils/backupPackageFile.ts b/packages/cli/src/utils/backupPackageFile.ts
new file mode 100644
index 00000000..1fce781d
--- /dev/null
+++ b/packages/cli/src/utils/backupPackageFile.ts
@@ -0,0 +1,81 @@
+import fs from 'node:fs';
+import path from 'node:path';
+import process from 'node:process';
+
+const windowsPathRegex = /^(?:[a-zA-Z]:|[\\/]{2}[^\\/]+[\\/]+[^\\/]+)?[\\/]$/;
+
+export const isRootPath = (path: string) => {
+  if (typeof path !== 'string') {
+    throw new TypeError('Expected a string');
+  }
+
+  path = path.trim();
+
+  // While it's unclear how long a root path can be on Windows, it definitely cannot be longer than 100 characters.
+  if (path === '' || path.length > 100) {
+    return false;
+  }
+
+  return process.platform === 'win32' ? windowsPathRegex.test(path) : path === '/';
+};
+
+export const backupFile = (runtimeSource: string, file: string) => {
+  if (isRootPath(runtimeSource)) {
+    return;
+  }
+
+  const filePath = path.join(runtimeSource, file);
+
+  if (fs.existsSync(filePath)) {
+    fs.copyFileSync(filePath, `${filePath}.bak`);
+  } else {
+    backupFile(path.resolve(runtimeSource, '..'), file);
+  }
+};
+
+export const backupPnpmLock = (runtimeSource: string) => backupFile(runtimeSource, 'pnpm-lock.yaml');
+export const backupYarnLock = (runtimeSource: string) => backupFile(runtimeSource, 'yarn-lock.json');
+export const backupNpmLock = (runtimeSource: string) => backupFile(runtimeSource, 'package-lock.json');
+export const backupPackageJson = (runtimeSource: string) => backupFile(runtimeSource, 'package.json');
+
+export const backupLock = (runtimeSource: string, npmType: string) => {
+  if (npmType === 'pnpm') {
+    backupPnpmLock(runtimeSource);
+  } else if (npmType === 'yarn') {
+    backupYarnLock(runtimeSource);
+  }
+  if (npmType === 'npm') {
+    backupNpmLock(runtimeSource);
+  }
+};
+
+export const restoreFile = (runtimeSource: string, file: string) => {
+  if (isRootPath(runtimeSource)) {
+    return;
+  }
+
+  const filePath = path.join(runtimeSource, file);
+
+  if (fs.existsSync(filePath)) {
+    fs.unlinkSync(filePath);
+    fs.renameSync(`${filePath}.bak`, filePath);
+  } else {
+    restoreFile(path.resolve(runtimeSource, '..'), file);
+  }
+};
+
+export const restorePnpmLock = (runtimeSource: string) => restoreFile(runtimeSource, 'pnpm-lock.yaml');
+export const restoreYarnLock = (runtimeSource: string) => restoreFile(runtimeSource, 'yarn-lock.json');
+export const restoreNpmLock = (runtimeSource: string) => restoreFile(runtimeSource, 'package-lock.json');
+export const restorePackageJson = (runtimeSource: string) => restoreFile(runtimeSource, 'package.json');
+
+export const restoreLock = (runtimeSource: string, npmType: string) => {
+  if (npmType === 'pnpm') {
+    restorePnpmLock(runtimeSource);
+  } else if (npmType === 'yarn') {
+    restoreYarnLock(runtimeSource);
+  }
+  if (npmType === 'npm') {
+    restoreNpmLock(runtimeSource);
+  }
+};
diff --git a/packages/cli/src/utils/index.ts b/packages/cli/src/utils/index.ts
index 06db1caf..ffe0a976 100644
--- a/packages/cli/src/utils/index.ts
+++ b/packages/cli/src/utils/index.ts
@@ -3,3 +3,4 @@ export * from './defineUserConfig';
 export * from './loadUserConfig';
 export * from './prepareEntryFile';
 export * from './resolveAppPackages';
+export * from './backupPackageFile';
diff --git a/packages/cli/src/utils/loadUserConfig.ts b/packages/cli/src/utils/loadUserConfig.ts
index 4cc44678..62b43297 100644
--- a/packages/cli/src/utils/loadUserConfig.ts
+++ b/packages/cli/src/utils/loadUserConfig.ts
@@ -10,6 +10,7 @@ export const hasExportDefault = <T = any>(mod: unknown): mod is { default: T } =
   isPlainObject(mod) && !!mod.__esModule && Object.prototype.hasOwnProperty.call(mod, 'default');
 
 export const loadUserConfigCjs: UserConfigLoader = async (userConfigPath) => {
+  // eslint-disable-next-line @typescript-eslint/no-require-imports
   const required = require(userConfigPath);
   return hasExportDefault(required) ? required.default : required;
 };
diff --git a/packages/cli/src/utils/prepareEntryFile.ts b/packages/cli/src/utils/prepareEntryFile.ts
index 75d4187d..6c051c9c 100644
--- a/packages/cli/src/utils/prepareEntryFile.ts
+++ b/packages/cli/src/utils/prepareEntryFile.ts
@@ -5,33 +5,85 @@ import { EntryType } from '../types';
 
 export const prepareEntryFile = async (app: App) => {
   const { moduleMainFilePath, options } = app;
-  const { componentFileAffix, dynamicImport, hooks, useTs = true } = options;
+  const { dynamicImport, dynamicIgnore, hooks, useTs = true } = options;
 
   let contentMap: Record<string, string> = {
-    'comp-entry': generateContent(useTs, EntryType.COMPONENT, moduleMainFilePath.componentMap, componentFileAffix),
+    'comp-entry': generateContent(
+      useTs,
+      EntryType.COMPONENT,
+      moduleMainFilePath.componentPackage,
+      moduleMainFilePath.componentMap,
+    ),
     'async-comp-entry': generateContent(
       useTs,
       EntryType.COMPONENT,
+      moduleMainFilePath.componentPackage,
       moduleMainFilePath.componentMap,
-      componentFileAffix,
+      dynamicImport,
+      dynamicIgnore,
+    ),
+    'plugin-entry': generateContent(
+      useTs,
+      EntryType.PLUGIN,
+      moduleMainFilePath.pluginPakcage,
+      moduleMainFilePath.pluginMap,
+    ),
+    'async-plugin-entry': generateContent(
+      useTs,
+      EntryType.PLUGIN,
+      moduleMainFilePath.pluginPakcage,
+      moduleMainFilePath.pluginMap,
       dynamicImport,
     ),
-    'plugin-entry': generateContent(useTs, EntryType.PLUGIN, moduleMainFilePath.pluginMap),
-    'async-plugin-entry': generateContent(useTs, EntryType.PLUGIN, moduleMainFilePath.pluginMap, '', dynamicImport),
-    'config-entry': generateContent(useTs, EntryType.CONFIG, moduleMainFilePath.configMap),
-    'value-entry': generateContent(useTs, EntryType.VALUE, moduleMainFilePath.valueMap),
-    'event-entry': generateContent(useTs, EntryType.EVENT, moduleMainFilePath.eventMap),
-    'datasource-entry': generateContent(useTs, EntryType.DATASOURCE, moduleMainFilePath.datasourceMap),
+    'config-entry': generateContent(
+      useTs,
+      EntryType.CONFIG,
+      moduleMainFilePath.componentPackage,
+      moduleMainFilePath.configMap,
+    ),
+    'value-entry': generateContent(
+      useTs,
+      EntryType.VALUE,
+      moduleMainFilePath.componentPackage,
+      moduleMainFilePath.valueMap,
+    ),
+    'event-entry': generateContent(
+      useTs,
+      EntryType.EVENT,
+      moduleMainFilePath.componentPackage,
+      moduleMainFilePath.eventMap,
+    ),
+    'datasource-entry': generateContent(
+      useTs,
+      EntryType.DATASOURCE,
+      moduleMainFilePath.datasourcePackage,
+      moduleMainFilePath.datasourceMap,
+    ),
     'async-datasource-entry': generateContent(
       useTs,
       EntryType.DATASOURCE,
+      moduleMainFilePath.datasourcePackage,
       moduleMainFilePath.datasourceMap,
-      '',
       dynamicImport,
     ),
-    'ds-config-entry': generateContent(useTs, EntryType.DS_CONFIG, moduleMainFilePath.dsConfigMap),
-    'ds-value-entry': generateContent(useTs, EntryType.DS_VALUE, moduleMainFilePath.dsValueMap),
-    'ds-event-entry': generateContent(useTs, EntryType.DS_EVENT, moduleMainFilePath.dsEventMap),
+    'ds-config-entry': generateContent(
+      useTs,
+      EntryType.DS_CONFIG,
+      moduleMainFilePath.datasourcePackage,
+      moduleMainFilePath.dsConfigMap,
+    ),
+    'ds-value-entry': generateContent(
+      useTs,
+      EntryType.DS_VALUE,
+      moduleMainFilePath.datasourcePackage,
+      moduleMainFilePath.dsValueMap,
+    ),
+    'ds-event-entry': generateContent(
+      useTs,
+      EntryType.DS_EVENT,
+      moduleMainFilePath.datasourcePackage,
+      moduleMainFilePath.dsEventMap,
+    ),
   };
 
   if (typeof hooks?.beforeWriteEntry === 'function') {
@@ -44,7 +96,7 @@ export const prepareEntryFile = async (app: App) => {
       app.writeTemp(fileName, content);
     } else {
       fileName = `${file}.js`;
-      app.writeTemp(`${file}.d.ts`, `const type: Record<string, any>;\n\nexport default type;`);
+      app.writeTemp(`${file}.d.ts`, 'const type: Record<string, any>;\n\nexport default type;');
     }
     app.writeTemp(fileName, content);
   });
@@ -53,23 +105,24 @@ export const prepareEntryFile = async (app: App) => {
 export const generateContent = (
   useTs: boolean,
   type: EntryType,
+  packageMap: Record<string, string> = {},
   map: Record<string, string> = {},
-  componentFileAffix = '',
   dynamicImport = false,
+  dynamicIgnore: string[] = [],
 ) => {
   const list: string[] = [];
   const importDeclarations: string[] = [];
 
   Object.entries(map).forEach(([key, packagePath]) => {
     const name = makeCamelCase(key);
-    if (dynamicImport) {
-      list.push(
-        `'${key}': () => import('${packagePath}${packagePath.endsWith(componentFileAffix) ? '' : componentFileAffix}')`,
-      );
+
+    if ([EntryType.CONFIG, EntryType.EVENT, EntryType.VALUE].includes(type) && packagePath === packageMap[key]) {
+      importDeclarations.push(`import { ${type} as ${name} } from '${packageMap[key]}'`);
+      list.push(`'${key}': ${name}`);
+    } else if (dynamicImport && !dynamicIgnore.includes(key)) {
+      list.push(`'${key}': () => import('${packagePath}')`);
     } else {
-      importDeclarations.push(
-        `import ${name} from '${packagePath}${packagePath.endsWith(componentFileAffix) ? '' : componentFileAffix}'`,
-      );
+      importDeclarations.push(`import ${name} from '${packagePath}'`);
       list.push(`'${key}': ${name}`);
     }
   });
@@ -85,6 +138,7 @@ export const generateContent = (
 };
 
 export const prettyCode = (code: string) =>
+  // eslint-disable-next-line @typescript-eslint/no-require-imports
   recast.prettyPrint(recast.parse(code.replace(/\\/g, '/'), { parser: require('recast/parsers/typescript') }), {
     tabWidth: 2,
     trailingComma: true,
@@ -95,5 +149,5 @@ export const makeCamelCase = function (name: string): string {
   if (typeof name !== 'string') {
     return '';
   }
-  return name.replace(/-(\w)/g, ($0, $1) => $1.toUpperCase());
+  return name.replace(/-(\w)/g, (_$0, $1) => $1.toUpperCase());
 };
diff --git a/packages/cli/src/utils/resolveAppPackages.ts b/packages/cli/src/utils/resolveAppPackages.ts
index 67387ad2..01abc2be 100644
--- a/packages/cli/src/utils/resolveAppPackages.ts
+++ b/packages/cli/src/utils/resolveAppPackages.ts
@@ -1,13 +1,14 @@
-import { execSync } from 'child_process';
-import path from 'path';
-import { exit } from 'process';
+import { execSync } from 'node:child_process';
+import path from 'node:path';
+import { exit } from 'node:process';
 
-import fs from 'fs-extra';
+import fs, { existsSync } from 'fs-extra';
 import * as recast from 'recast';
 
 import type App from '../Core';
 import { EntryType, ModuleMainFilePath, NpmConfig, PackageType } from '../types';
 
+import { backupLock, backupPackageJson, restoreLock, restorePackageJson } from './backupPackageFile';
 import { error, execInfo, info } from './logger';
 
 type Ast = any;
@@ -37,18 +38,37 @@ const getRelativePath = (str: string, base: string) => (path.isAbsolute(str) ? p
 
 const npmInstall = function (dependencies: Record<string, string>, cwd: string, npmConfig: NpmConfig = {}) {
   try {
-    const { client = 'npm', registry } = npmConfig;
+    const { client = 'npm', registry, installArgs = '', keepPackageJsonClean } = npmConfig;
     const install = {
       npm: 'install',
       yarn: 'add',
       pnpm: 'add',
     }[client];
 
-    const packages = Object.entries(dependencies)
-      .map(([name, version]) => (version ? `${name}@${version}` : name))
-      .join(' ');
+    let packages = Object.entries(dependencies);
 
-    const command = `${client} ${install} ${packages}${registry ? ` --registry ${registry}` : ''}`;
+    const newPackages = Object.entries(dependencies).filter(([name]) => {
+      if (fs.existsSync(path.resolve(cwd, 'node_modules', name))) {
+        return false;
+      }
+      return true;
+    });
+
+    // keepPackageJsonClean会保留原始的package.json，这样配置的packages就不会被写入dependencies中
+    // install 时会删除不在dependencies中的依赖，所以需要install packages中配置的所有包
+    if (!keepPackageJsonClean || !newPackages.length) {
+      packages = newPackages;
+    }
+
+    if (!packages.length) {
+      return;
+    }
+
+    const packageNames = packages.map(([name, version]) => (version ? `${name}@${version}` : name)).join(' ');
+
+    const installArgsString = `${installArgs ? ` ${installArgs}` : ''}`;
+    const registryString = `${registry ? ` --registry ${registry}` : ''}`;
+    const command = `${client} ${install}${installArgsString} ${packageNames}${registryString}`;
 
     execInfo(cwd);
     execInfo(command);
@@ -107,6 +127,7 @@ const typeAssertion = function ({
 
       if (isFile(defaultFile)) {
         const defaultCode = fs.readFileSync(defaultFile, { encoding: 'utf-8', flag: 'r' });
+        // eslint-disable-next-line @typescript-eslint/no-require-imports
         const ast = recast.parse(defaultCode, { parser: require('recast/parsers/typescript') });
         if (
           isDatasource(
@@ -190,6 +211,18 @@ const getAssertionTokenByTraverse = (ast: any) => {
       variableDeclarations.push(p.node);
       this.traverse(p);
     },
+    visitExportNamedDeclaration(p) {
+      const { node } = p;
+      const { specifiers } = node;
+
+      const specifier = specifiers?.find((specifier) => specifier.exported.name === 'default');
+
+      if (specifier?.local) {
+        exportDefaultName = `${specifier.local.name}`;
+      }
+
+      this.traverse(p);
+    },
     visitExportDefaultDeclaration(p) {
       const { node } = p;
       const { declaration } = node;
@@ -259,10 +292,16 @@ const getComponentPackageImports = function ({
     });
 
     if (propertyMatch) {
+      let file = getIndexPath(path.resolve(path.dirname(indexPath), propertyMatch.source.value));
+
+      if (!existsSync(file)) {
+        file = propertyMatch.source.value;
+      }
+
       result.imports.push({
         type: property.key.name ?? property.key.value,
         name: propertyMatch.specifiers[0].local.name,
-        indexPath: getIndexPath(path.resolve(path.dirname(indexPath), propertyMatch.source.value)),
+        indexPath: file,
       });
     }
   });
@@ -271,7 +310,7 @@ const getComponentPackageImports = function ({
 };
 
 const getIndexPath = function (entry: string) {
-  for (const affix of ['', '.js', '.ts']) {
+  for (const affix of ['', '.js', '.cjs', 'mjs', '.ts']) {
     const filePath = `${entry}${affix}`;
     if (isFile(filePath)) {
       return filePath;
@@ -297,25 +336,30 @@ const parseEntry = function ({ ast, package: module, indexPath }: ParseEntryOpti
   const tokens = getASTTokenByTraverse({ ast, indexPath });
   let { config, value, event, component } = tokens;
 
-  if (!config) {
+  if (typeof config === 'undefined') {
     info(`${module} 表单配置文件声明缺失`);
   }
-  if (!value) {
+  if (typeof value === 'undefined') {
     info(`${module} 初始化数据文件声明缺失`);
   }
-  if (!event) {
+  if (typeof event === 'undefined') {
     info(`${module} 事件声明文件声明缺失`);
   }
-  if (!component) {
-    info(`${module} 组件或数据源文件声明不合法`);
-    exit(1);
-  }
 
   const reg = /^.*[/\\]node_modules[/\\](.*)/;
-  [, config] = config.match(reg) || [, config];
-  [, value] = value.match(reg) || [, value];
-  [, component] = component.match(reg) || [, component];
-  [, event] = event.match(reg) || [, event];
+
+  if (config) {
+    [, config] = config.match(reg) || [, config];
+  }
+  if (value) {
+    [, value] = value.match(reg) || [, value];
+  }
+  if (component) {
+    [, component] = component.match(reg) || [, component];
+  }
+  if (event) {
+    [, event] = event.match(reg) || [, event];
+  }
 
   return {
     config,
@@ -326,10 +370,10 @@ const parseEntry = function ({ ast, package: module, indexPath }: ParseEntryOpti
 };
 
 const getASTTokenByTraverse = ({ ast, indexPath }: { ast: any; indexPath: string }) => {
-  let config = '';
-  let value = '';
-  let event = '';
-  let component = '';
+  let config: string | undefined;
+  let value: string | undefined;
+  let event: string | undefined;
+  let component: string | undefined;
   const importSpecifiersMap: { [key: string]: string } = {};
   const exportSpecifiersMap: { [key: string]: string | undefined } = {};
 
@@ -375,7 +419,11 @@ const getASTTokenByTraverse = ({ ast, indexPath }: { ast: any; indexPath: string
     visitExportDefaultDeclaration(p) {
       const { node } = p;
       const { declaration } = node as any;
-      component = path.resolve(path.dirname(indexPath), importSpecifiersMap[declaration.name]);
+
+      if (importSpecifiersMap[declaration.name]) {
+        component = path.resolve(path.dirname(indexPath), importSpecifiersMap[declaration.name]);
+      }
+
       this.traverse(p);
     },
   });
@@ -384,7 +432,10 @@ const getASTTokenByTraverse = ({ ast, indexPath }: { ast: any; indexPath: string
     const exportValue = exportSpecifiersMap[exportName];
     const importValue = importSpecifiersMap[exportName];
     const connectValue = exportValue ? importSpecifiersMap[exportValue] : '';
-    const filePath = path.resolve(path.dirname(indexPath), connectValue || importValue || exportValue || '');
+
+    const fileName = connectValue || importValue || exportValue || '';
+
+    const filePath = fileName ? path.resolve(path.dirname(indexPath), fileName) : '';
 
     if (exportName === EntryType.VALUE) {
       value = filePath;
@@ -430,19 +481,18 @@ const splitNameVersion = function (str: string) {
   };
 };
 
-const getDependencies = (dependencies: Record<string, string>, packagePath: string) => {
-  if (fs.existsSync(packagePath)) return;
+const getDependencies = (packagePath: string) => {
+  if (!fs.existsSync(packagePath)) {
+    const { name: moduleName, version } = splitNameVersion(packagePath);
 
-  const { name: moduleName, version } = splitNameVersion(packagePath);
-
-  if (!moduleName) return;
-
-  dependencies[moduleName] = version;
+    return [moduleName, version];
+  }
+  return [];
 };
 
-const setPackages = (packages: ModuleMainFilePath, app: App, packagePath: string, key?: string) => {
+const setPackages = (packages: ModuleMainFilePath, app: App, packagePath: string, cwd: string, key?: string) => {
   const { options } = app;
-  const { temp, source, componentFileAffix, datasoucreSuperClass } = options;
+  const { temp, componentFileAffix = '', datasoucreSuperClass } = options;
 
   let { name: moduleName } = splitNameVersion(packagePath);
 
@@ -450,7 +500,7 @@ const setPackages = (packages: ModuleMainFilePath, app: App, packagePath: string
 
   if (isDirectory(moduleName)) {
     if (!fs.existsSync(path.join(moduleName, './package.json'))) {
-      ['index.js', 'index.ts'].forEach((index) => {
+      ['index.js', 'index.ts', 'index.cjs', 'index.mjs', 'index.json'].forEach((index) => {
         const indexFile = path.join(moduleName!, `./${index}`);
         if (fs.existsSync(indexFile)) {
           moduleName = indexFile;
@@ -462,19 +512,30 @@ const setPackages = (packages: ModuleMainFilePath, app: App, packagePath: string
 
   // 获取完整路径
   const indexPath = execSync(`node -e "console.log(require.resolve('${moduleName.replace(/\\/g, '/')}'))"`, {
-    cwd: source,
+    cwd,
   })
     .toString()
     .replace('\n', '');
 
   const indexCode = fs.readFileSync(indexPath, { encoding: 'utf-8', flag: 'r' });
+  // eslint-disable-next-line @typescript-eslint/no-require-imports
   const ast: Ast = recast.parse(indexCode, { parser: require('recast/parsers/typescript') });
   const result = typeAssertion({ ast, indexPath, componentFileAffix, datasoucreSuperClass });
 
   // 组件&插件&数据源包
   if (result.type === PackageType.COMPONENT_PACKAGE) {
     result.imports.forEach((i) => {
-      setPackages(packages, app, i.indexPath, i.type);
+      if (!moduleName) {
+        return;
+      }
+
+      let componentCwd = moduleName;
+
+      if (!isDirectory(moduleName)) {
+        componentCwd = path.join(cwd, `node_modules/${moduleName}`);
+      }
+
+      setPackages(packages, app, i.indexPath, componentCwd, i.type);
     });
 
     return;
@@ -482,15 +543,45 @@ const setPackages = (packages: ModuleMainFilePath, app: App, packagePath: string
 
   if (!key) return;
 
-  if (result.type === PackageType.COMPONENT) {
+  if (result.type === PackageType.COMPONENT || !result.type) {
+    packages.componentPackage[key] = moduleName;
     // 组件
     const entry = parseEntry({ ast, package: moduleName, indexPath });
 
-    if (entry.component) packages.componentMap[key] = getRelativePath(entry.component, temp);
-    if (entry.config) packages.configMap[key] = getRelativePath(entry.config, temp);
-    if (entry.event) packages.eventMap[key] = getRelativePath(entry.event, temp);
-    if (entry.value) packages.valueMap[key] = getRelativePath(entry.value, temp);
+    if (entry.component) {
+      const packagePath = getRelativePath(entry.component, temp);
+      packages.componentMap[key] = `${packagePath}${
+        packagePath.endsWith(componentFileAffix) ? '' : componentFileAffix
+      }`;
+    } else {
+      packages.componentMap[key] = moduleName;
+    }
+
+    if (typeof entry.config === 'string') {
+      if (entry.config) {
+        packages.configMap[key] = getRelativePath(entry.config, temp);
+      } else {
+        packages.configMap[key] = moduleName;
+      }
+    }
+
+    if (typeof entry.event === 'string') {
+      if (entry.event) {
+        packages.eventMap[key] = getRelativePath(entry.event, temp);
+      } else {
+        packages.eventMap[key] = moduleName;
+      }
+    }
+
+    if (typeof entry.value === 'string') {
+      if (entry.value) {
+        packages.valueMap[key] = getRelativePath(entry.value, temp);
+      } else {
+        packages.valueMap[key] = moduleName;
+      }
+    }
   } else if (result.type === PackageType.DATASOURCE) {
+    packages.datasourcePackage[key] = moduleName;
     // 数据源
     const entry = parseEntry({ ast, package: moduleName, indexPath });
 
@@ -499,66 +590,68 @@ const setPackages = (packages: ModuleMainFilePath, app: App, packagePath: string
     if (entry.event) packages.dsEventMap[key] = getRelativePath(entry.event, temp);
     if (entry.value) packages.dsValueMap[key] = getRelativePath(entry.value, temp);
   } else if (result.type === PackageType.PLUGIN) {
+    packages.pluginPakcage[key] = moduleName;
     // 插件
     packages.pluginMap[key] = getRelativePath(moduleName, temp);
   }
 };
 
-const flattenPackagesConfig = (packages: (string | Record<string, string>)[]) => {
-  const packagesConfig: ([string] | [string, string])[] = [];
-  packages.forEach((item) => {
-    if (typeof item === 'object') {
-      Object.entries(item).forEach(([key, packagePath]) => {
-        packagesConfig.push([packagePath, key]);
-      });
-    } else if (typeof item === 'string') {
-      packagesConfig.push([item]);
-    }
-  });
-  return packagesConfig;
-};
-
 export const resolveAppPackages = (app: App): ModuleMainFilePath => {
   const dependencies: Record<string, string> = {};
 
   const { packages = [], npmConfig = {}, source } = app.options;
 
-  const packagePaths = flattenPackagesConfig(packages);
+  // 将 packages 统一展开为 [packagePath, key?] 的形式
+  const resolvedPackages: [string, string?][] = [];
+  for (const item of packages) {
+    if (typeof item === 'string') {
+      resolvedPackages.push([item]);
+    } else if (typeof item === 'object') {
+      for (const [key, packagePath] of Object.entries(item)) {
+        resolvedPackages.push([packagePath, key]);
+      }
+    }
+  }
 
-  packagePaths.forEach(([packagePath]) => getDependencies(dependencies, packagePath));
+  for (const [packagePath] of resolvedPackages) {
+    const [moduleName, version] = getDependencies(packagePath);
+    if (moduleName && version) {
+      dependencies[moduleName] = version;
+    }
+  }
 
   if (npmConfig.autoInstall && Object.keys(dependencies).length) {
     if (!npmConfig.keepPackageJsonClean) {
       npmInstall(dependencies, source, npmConfig);
     } else {
-      const packageFile = path.join(source, 'package.json');
-      const packageBakFile = path.join(source, 'package.json.bak');
-      if (fs.existsSync(packageFile)) {
-        fs.copyFileSync(packageFile, packageBakFile);
-      }
+      backupLock(source, npmConfig.client || 'npm');
+      backupPackageJson(source);
 
       npmInstall(dependencies, source, npmConfig);
 
-      if (fs.existsSync(packageBakFile)) {
-        fs.unlinkSync(packageFile);
-        fs.renameSync(packageBakFile, packageFile);
-      }
+      restoreLock(source, npmConfig.client || 'npm');
+      restorePackageJson(source);
     }
   }
 
   const packagesMap: ModuleMainFilePath = {
+    componentPackage: {},
     componentMap: {},
     configMap: {},
     eventMap: {},
     valueMap: {},
+    pluginPakcage: {},
     pluginMap: {},
+    datasourcePackage: {},
     datasourceMap: {},
     dsConfigMap: {},
     dsEventMap: {},
     dsValueMap: {},
   };
 
-  packagePaths.forEach(([packagePath, key]) => setPackages(packagesMap, app, packagePath, key));
+  for (const [packagePath, key] of resolvedPackages) {
+    setPackages(packagesMap, app, packagePath, source, key);
+  }
 
   return packagesMap;
 };
diff --git a/packages/cli/tests/Core.spec.ts b/packages/cli/tests/Core.spec.ts
new file mode 100644
index 00000000..c851660e
--- /dev/null
+++ b/packages/cli/tests/Core.spec.ts
@@ -0,0 +1,18 @@
+import path from 'node:path';
+
+import { describe, expect, test } from 'vitest';
+
+import Core from '../src/Core';
+
+describe('Core', () => {
+  test('instance', () => {
+    const core = new Core({
+      packages: [],
+      source: './a',
+      temp: './b',
+    });
+    expect(core).toBeInstanceOf(Core);
+
+    expect(core.dir.temp()).toBe(path.join(process.cwd(), './a/b'));
+  });
+});
diff --git a/packages/cli/tsconfig.build.json b/packages/cli/tsconfig.build.json
index af5e3629..e43fa27d 100644
--- a/packages/cli/tsconfig.build.json
+++ b/packages/cli/tsconfig.build.json
@@ -1,10 +1,14 @@
 {
   "extends": "../../tsconfig.json",
   "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "moduleResolution": "Node",
     "module": "CommonJS",
     "rootDir": "./src",
     "outDir": "./lib",
     "declaration": true,
+    
+    "types": ["node"],
   },
   "include": ["./src"],
 }
diff --git a/packages/core/package.json b/packages/core/package.json
index be230239..ab42b5d2 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -1,62 +1,52 @@
 {
-  "version": "1.4.7",
+  "version": "1.7.8",
   "name": "@tmagic/core",
   "type": "module",
-  "sideEffects": [
-    "dist/*"
-  ],
+  "sideEffects": false,
   "main": "dist/tmagic-core.umd.cjs",
-  "module": "dist/tmagic-core.js",
+  "module": "dist/es/index.js",
   "types": "types/index.d.ts",
   "exports": {
     ".": {
       "types": "./types/index.d.ts",
-      "import": "./dist/tmagic-core.js",
+      "import": "./dist/es/index.js",
       "require": "./dist/tmagic-core.umd.cjs"
     },
-    "./dist/style.css": {
-      "import": "./dist/style.css",
-      "require": "./dist/style.css"
+    "./resetcss.css": {
+      "import": "./resetcss.css",
+      "require": "./resetcss.css"
     },
     "./*": "./*"
   },
   "files": [
     "dist",
-    "types"
+    "types",
+    "src",
+    "resetcss.css"
   ],
   "license": "Apache-2.0",
-  "scripts": {
-    "build": "npm run build:type && vite build",
-    "build:type": "npm run clear:type && tsc --declaration --emitDeclarationOnly --project tsconfig.build.json",
-    "check:type": "tsc --noEmit --project tsconfig.build.json",
-    "clear:type": "rimraf ./types"
-  },
   "engines": {
     "node": ">=18"
   },
   "repository": {
+    "directory": "packages/core",
     "type": "git",
     "url": "https://github.com/Tencent/tmagic-editor.git"
   },
-  "keywords": [
-    "vue"
-  ],
   "dependencies": {
+    "@tmagic/data-source": "workspace:*",
+    "@tmagic/dep": "workspace:*",
+    "@tmagic/schema": "workspace:*",
+    "@tmagic/utils": "workspace:*",
     "events": "^3.3.0",
     "lodash-es": "^4.17.21"
   },
   "devDependencies": {
-    "@types/events": "^3.0.0",
-    "@types/lodash-es": "^4.17.4",
-    "@types/node": "^18.19.0",
-    "rimraf": "^3.0.2",
-    "vite": "^5.2.12"
+    "@types/events": "^3.0.3",
+    "@types/lodash-es": "^4.17.4"
   },
   "peerDependencies": {
-    "@tmagic/data-source": "workspace:*",
-    "@tmagic/schema": "workspace:*",
-    "@tmagic/utils": "workspace:*",
-    "typescript": "*"
+    "typescript": "catalog:"
   },
   "peerDependenciesMeta": {
     "typescript": {
diff --git a/packages/utils/src/resetcss.css b/packages/core/resetcss.css
similarity index 100%
rename from packages/utils/src/resetcss.css
rename to packages/core/resetcss.css
diff --git a/packages/core/src/App.ts b/packages/core/src/App.ts
index 3d45d818..14d17ec6 100644
--- a/packages/core/src/App.ts
+++ b/packages/core/src/App.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -18,87 +18,97 @@
 
 import { EventEmitter } from 'events';
 
-import { has, isArray, isEmpty } from 'lodash-es';
+import { isEmpty } from 'lodash-es';
 
-import { createDataSourceManager, DataSource, DataSourceManager, ObservedDataClass } from '@tmagic/data-source';
-import {
-  ActionType,
-  type AppCore,
-  type CodeBlockDSL,
-  type CodeItemConfig,
-  type CompItemConfig,
-  type DataSourceItemConfig,
-  type EventActionItem,
-  type EventConfig,
-  type Id,
-  type JsEngine,
-  type MApp,
-  type RequestFunction,
-} from '@tmagic/schema';
-import { DATA_SOURCE_FIELDS_CHANGE_EVENT_PREFIX } from '@tmagic/utils';
+import { createDataSourceManager, DataSourceManager, type DataSourceManagerData } from '@tmagic/data-source';
+import type { CodeBlockDSL, Id, JsEngine, MApp, RequestFunction } from '@tmagic/schema';
 
 import Env from './Env';
-import { bindCommonEventListener, isCommonMethod, triggerCommonMethod } from './events';
+import EventHelper from './EventHelper';
+import Flexible from './Flexible';
+import FlowState from './FlowState';
 import Node from './Node';
 import Page from './Page';
-import { calcFontsize, transformStyle as defaultTransformStyle } from './utils';
+import { AppOptionsConfig, ErrorHandler, GetNodeOptions } from './type';
+import { transformStyle as defaultTransformStyle } from './utils';
 
-interface AppOptionsConfig {
-  ua?: string;
-  config?: MApp;
-  platform?: 'editor' | 'mobile' | 'tv' | 'pc';
-  jsEngine?: JsEngine;
-  designWidth?: number;
-  curPage?: Id;
-  useMock?: boolean;
-  transformStyle?: (style: Record<string, any>) => Record<string, any>;
-  request?: RequestFunction;
-  DataSourceObservedData?: ObservedDataClass;
-}
+class App extends EventEmitter {
+  [x: string]: any;
+  static nodeClassMap = new Map<string, typeof Node>();
 
-interface EventCache {
-  eventConfig: CompItemConfig;
-  fromCpt: any;
-  args: any[];
-}
+  public static registerNode<T extends typeof Node = typeof Node>(type: string, NodeClass: T) {
+    App.nodeClassMap.set(type, NodeClass);
+  }
 
-class App extends EventEmitter implements AppCore {
-  public env: Env = new Env();
+  public env!: Env;
   public dsl?: MApp;
   public codeDsl?: CodeBlockDSL;
   public dataSourceManager?: DataSourceManager;
-
   public page?: Page;
-
+  public pageFragments: Map<Id, Page> = new Map();
   public useMock = false;
   public platform = 'mobile';
   public jsEngine: JsEngine = 'browser';
-  public designWidth = 375;
-  public request?: RequestFunction;
-
   public components = new Map();
-
-  public eventQueueMap: Record<string, EventCache[]> = {};
+  public pageFragmentContainerType = new Set(['page-fragment-container']);
+  public iteratorContainerType = new Set(['iterator-container']);
+  public request?: RequestFunction;
   public transformStyle: (style: Record<string, any>) => Record<string, any>;
+  public eventHelper?: EventHelper;
+  public errorHandler?: ErrorHandler;
+  public nodeStoreInitialData?: () => any;
 
-  private eventList = new Map<(fromCpt: Node, ...args: any[]) => void, string>();
-  private dataSourceEventList = new Map<string, Map<string, (...args: any[]) => void>>();
+  private flexible?: Flexible;
 
   constructor(options: AppOptionsConfig) {
     super();
 
-    this.setEnv(options.ua);
+    if (options.env) {
+      this.setEnv(options.env);
+    } else {
+      this.setEnv(options.ua);
+    }
+
+    this.errorHandler = options.errorHandler;
+
     // 代码块描述内容在dsl codeBlocks字段
     this.codeDsl = options.config?.codeBlocks;
     options.platform && (this.platform = options.platform);
     options.jsEngine && (this.jsEngine = options.jsEngine);
+    options.nodeStoreInitialData && (this.nodeStoreInitialData = options.nodeStoreInitialData);
+
+    if (options.pageFragmentContainerType) {
+      const pageFragmentContainerType = Array.isArray(options.pageFragmentContainerType)
+        ? options.pageFragmentContainerType
+        : [options.pageFragmentContainerType];
+      pageFragmentContainerType.forEach((type) => {
+        this.pageFragmentContainerType.add(type);
+      });
+    }
+
+    if (options.iteratorContainerType) {
+      const iteratorContainerType = Array.isArray(options.iteratorContainerType)
+        ? options.iteratorContainerType
+        : [options.iteratorContainerType];
+      iteratorContainerType.forEach((type) => {
+        this.iteratorContainerType.add(type);
+      });
+    }
 
     if (typeof options.useMock === 'boolean') {
       this.useMock = options.useMock;
     }
 
-    if (typeof options.designWidth !== 'undefined') {
-      this.setDesignWidth(options.designWidth);
+    if (this.jsEngine === 'browser' && !options.disabledFlexible) {
+      this.flexible = new Flexible({ designWidth: options.designWidth });
+    }
+
+    if (this.platform !== 'editor') {
+      this.eventHelper = new EventHelper({
+        app: this,
+        beforeEventHandler: options.beforeEventHandler,
+        afterEventHandler: options.afterEventHandler,
+      });
     }
 
     this.transformStyle =
@@ -109,32 +119,29 @@ class App extends EventEmitter implements AppCore {
     }
 
     if (options.config) {
-      this.setConfig(options.config, options.curPage);
+      this.setConfig(options.config, options.curPage, options.dataSourceManagerInitialData);
     }
-
-    bindCommonEventListener(this);
   }
 
-  public setEnv(ua?: string) {
-    this.env = new Env(ua);
+  public setEnv<T extends Env>(ua?: string | T) {
+    if (!ua || typeof ua === 'string') {
+      this.env = new Env(ua);
+    } else {
+      this.env = ua;
+    }
   }
 
   public setDesignWidth(width: number) {
-    this.designWidth = width;
-    // 根据屏幕大小计算出跟节点的font-size，用于rem样式的适配
-    if (this.jsEngine === 'browser') {
-      this.calcFontsize();
-      globalThis.removeEventListener('resize', this.calcFontsize);
-      globalThis.addEventListener('resize', this.calcFontsize);
-    }
+    this.flexible?.setDesignWidth(width);
   }
 
   /**
    * 设置dsl
    * @param config dsl跟节点
    * @param curPage 当前页面id
+   * @param initialData 数据源初始数据源
    */
-  public setConfig(config: MApp, curPage?: Id) {
+  public setConfig(config: MApp, curPage?: Id, initialData?: DataSourceManagerData) {
     this.dsl = config;
 
     if (!curPage && config.items.length) {
@@ -145,36 +152,43 @@ class App extends EventEmitter implements AppCore {
       this.dataSourceManager.destroy();
     }
 
-    this.dataSourceManager = createDataSourceManager(this, this.useMock);
+    this.dataSourceManager = createDataSourceManager(this, this.useMock, initialData);
 
     this.codeDsl = config.codeBlocks;
-    this.setPage(curPage || this.page?.data?.id);
-  }
 
-  /**
-   * 留着为了兼容，不让报错
-   * @deprecated
-   */
-  public addPage() {
-    console.info('addPage 已经弃用');
+    const pageId = curPage || this.page?.data?.id;
+
+    super.emit('dsl-change', { dsl: config, curPage: pageId });
+
+    this.pageFragments.forEach((page) => {
+      page.destroy();
+    });
+    this.pageFragments.clear();
+    this.setPage(pageId);
+
+    if (this.dataSourceManager) {
+      if (this.dataSourceManager.isAllDataSourceRegistered()) {
+        this.eventHelper?.bindDataSourceEvents();
+      } else {
+        this.dataSourceManager.once('registered-all', () => {
+          this.eventHelper?.bindDataSourceEvents();
+        });
+      }
+    }
   }
 
   public setPage(id?: Id) {
     const pageConfig = this.dsl?.items.find((page) => `${page.id}` === `${id}`);
 
     if (!pageConfig) {
-      if (this.page) {
-        this.page.destroy();
-        this.page = undefined;
-      }
+      this.deletePage();
 
       super.emit('page-change');
       return;
     }
 
-    if (pageConfig === this.page?.data) return;
-
     if (this.page) {
+      if (pageConfig === this.page.data) return;
       this.page.destroy();
     }
 
@@ -183,12 +197,14 @@ class App extends EventEmitter implements AppCore {
       app: this,
     });
 
-    super.emit('page-change', this.page);
+    this.eventHelper?.initEvents();
 
-    this.bindEvents();
+    super.emit('page-change', this.page);
   }
 
   public deletePage() {
+    this.page?.destroy();
+    this.eventHelper?.removeNodeEvents();
     this.page = undefined;
   }
 
@@ -204,6 +220,10 @@ class App extends EventEmitter implements AppCore {
     }
   }
 
+  public getNode<T extends Node = Node>(id: Id, options?: GetNodeOptions) {
+    return this.page?.getNode<T>(id, options);
+  }
+
   public registerComponent(type: string, Component: any) {
     this.components.set(type, Component);
   }
@@ -216,43 +236,15 @@ class App extends EventEmitter implements AppCore {
     return this.components.get(type) as T;
   }
 
-  public bindEvents() {
-    Array.from(this.eventList.keys()).forEach((handler) => {
-      const name = this.eventList.get(handler);
-      name && this.off(name, handler);
-    });
-
-    this.eventList.clear();
-
-    if (!this.page) return;
-
-    for (const [, value] of this.page.nodes) {
-      value.events?.forEach((event, index) => {
-        let eventName = `${event.name}_${value.data.id}`;
-        let eventHandler = (fromCpt: Node, ...args: any[]) => {
-          this.eventHandler(index, fromCpt, args);
-        };
-
-        // 页面片容器可以配置页面片内组件的事件，形式为“${nodeId}.${eventName}”
-        const eventNames = event.name.split('.');
-        if (eventNames.length > 1) {
-          eventName = `${eventNames[1]}_${eventNames[0]}`;
-          eventHandler = (fromCpt: Node, ...args: any[]) => {
-            this.eventHandler(index, value, args);
-          };
-        }
-
-        this.eventList.set(eventHandler, eventName);
-        this.on(eventName, eventHandler);
-      });
-    }
-    this.bindDataSourceEvents();
-  }
-
   public emit(name: string | symbol, ...args: any[]): boolean {
     const [node, ...otherArgs] = args;
-    if (node instanceof Node && node?.data?.id) {
-      return super.emit(`${String(name)}_${node.data.id}`, node, ...otherArgs);
+    if (
+      this.eventHelper &&
+      node instanceof Node &&
+      node.data?.id &&
+      node.eventKeys.has(`${String(name)}_${node.data.id}`)
+    ) {
+      return this.eventHelper.emit(node.eventKeys.get(`${String(name)}_${node.data.id}`)!, node, ...otherArgs);
     }
     return super.emit(name, ...args);
   }
@@ -262,165 +254,82 @@ class App extends EventEmitter implements AppCore {
    * @param eventConfig 代码动作的配置
    * @returns void
    */
-  public async codeActionHandler(eventConfig: CodeItemConfig, args: any[]) {
-    const { codeId = '', params = {} } = eventConfig;
-    if (!codeId || isEmpty(this.codeDsl)) return;
+  public async runCode(codeId: Id, params: Record<string, any>, args: any[], flowState?: FlowState, node?: Node) {
+    if (!codeId || isEmpty(this.codeDsl)) {
+      return;
+    }
+
     const content = this.codeDsl?.[codeId]?.content;
+
     if (typeof content === 'function') {
-      await content({ app: this, params, eventParams: args });
-    }
-  }
-
-  /**
-   * 执行联动组件动作
-   * @param eventConfig 联动组件的配置
-   * @returns void
-   */
-  public async compActionHandler(eventConfig: CompItemConfig, fromCpt: Node | DataSource, args: any[]) {
-    if (!this.page) throw new Error('当前没有页面');
-
-    let { method: methodName, to } = eventConfig;
-
-    if (isArray(methodName)) {
-      [to, methodName] = methodName;
-    }
-
-    const toNode = this.page.getNode(to);
-    if (!toNode) throw `ID为${to}的组件不存在`;
-
-    if (isCommonMethod(methodName)) {
-      return triggerCommonMethod(methodName, toNode);
-    }
-
-    if (toNode.instance) {
-      if (typeof toNode.instance[methodName] === 'function') {
-        await toNode.instance[methodName](fromCpt, ...args);
+      try {
+        await content({ app: this, params, eventParams: args, flowState, node });
+      } catch (e: any) {
+        if (this.errorHandler) {
+          this.errorHandler(e, undefined, { type: 'run-code', codeId, params, eventParams: args, flowState, node });
+        } else {
+          throw e;
+        }
       }
-    } else {
-      this.addEventToMap({
-        eventConfig,
-        fromCpt,
-        args,
-      });
     }
   }
 
-  public async dataSourceActionHandler(eventConfig: DataSourceItemConfig, args: any[]) {
-    const { dataSourceMethod = [], params = {} } = eventConfig;
+  public async runDataSourceMethod(
+    dsId: string,
+    methodName: string,
+    params: Record<string, any>,
+    args: any[],
+    flowState?: FlowState,
+    node?: Node,
+  ) {
+    if (!dsId || !methodName) return;
 
-    const [id, methodName] = dataSourceMethod;
-
-    if (!id || !methodName) return;
-
-    const dataSource = this.dataSourceManager?.get(id);
+    const dataSource = this.dataSourceManager?.get(dsId);
 
     if (!dataSource) return;
 
-    const methods = dataSource.methods || [];
+    try {
+      const methods = dataSource.methods || [];
 
-    const method = methods.find((item) => item.name === methodName);
+      const method = methods.find((item) => item.name === methodName);
+      if (method && typeof method.content === 'function') {
+        return await method.content({ app: this, params, dataSource, eventParams: args, flowState, node });
+      }
 
-    if (!method) return;
-
-    if (typeof method.content === 'function') {
-      await method.content({ app: this, params, dataSource, eventParams: args });
+      if (typeof dataSource[methodName] === 'function') {
+        return await dataSource[methodName]();
+      }
+    } catch (e: any) {
+      if (this.errorHandler) {
+        this.errorHandler(e, dataSource, { type: 'data-source-method', params, eventParams: args, flowState, node });
+      } else {
+        throw e;
+      }
     }
   }
 
   public destroy() {
     this.removeAllListeners();
+    this.page?.destroy();
     this.page = undefined;
-
-    if (this.jsEngine === 'browser') {
-      globalThis.removeEventListener('resize', this.calcFontsize);
-    }
-  }
-
-  private bindDataSourceEvents() {
-    if (this.platform === 'editor') return;
-
-    // 先清掉之前注册的事件，重新注册
-    Array.from(this.dataSourceEventList.keys()).forEach((dataSourceId) => {
-      const dataSourceEvent = this.dataSourceEventList.get(dataSourceId)!;
-      Array.from(dataSourceEvent.keys()).forEach((eventName) => {
-        const [prefix, ...path] = eventName.split('.');
-        if (prefix === DATA_SOURCE_FIELDS_CHANGE_EVENT_PREFIX) {
-          this.dataSourceManager?.offDataChange(dataSourceId, path.join('.'), dataSourceEvent.get(eventName)!);
-        } else {
-          this.dataSourceManager?.get(dataSourceId)?.off(prefix, dataSourceEvent.get(eventName)!);
-        }
-      });
+    this.pageFragments.forEach((page) => {
+      page.destroy();
     });
+    this.pageFragments.clear();
 
-    (this.dsl?.dataSources || []).forEach((dataSource) => {
-      const dataSourceEvent = this.dataSourceEventList.get(dataSource.id) ?? new Map<string, (args: any) => void>();
-      (dataSource.events || []).forEach((event) => {
-        const [prefix, ...path] = event.name?.split('.') || [];
-        if (!prefix) return;
-        const handler = (...args: any[]) => {
-          this.eventHandler(event, this.dataSourceManager?.get(dataSource.id), args);
-        };
-        dataSourceEvent.set(event.name, handler);
-        if (prefix === DATA_SOURCE_FIELDS_CHANGE_EVENT_PREFIX) {
-          // 数据源数据变化
-          this.dataSourceManager?.onDataChange(dataSource.id, path.join('.'), handler);
-        } else {
-          // 数据源自定义事件
-          this.dataSourceManager?.get(dataSource.id)?.on(prefix, handler);
-        }
-      });
-      this.dataSourceEventList.set(dataSource.id, dataSourceEvent);
-    });
-  }
+    this.flexible?.destroy();
+    this.flexible = undefined;
 
-  private async actionHandler(actionItem: EventActionItem, fromCpt: Node | DataSource, args: any[]) {
-    if (actionItem.actionType === ActionType.COMP) {
-      // 组件动作
-      await this.compActionHandler(actionItem as CompItemConfig, fromCpt, args);
-    } else if (actionItem.actionType === ActionType.CODE) {
-      // 执行代码块
-      await this.codeActionHandler(actionItem as CodeItemConfig, args);
-    } else if (actionItem.actionType === ActionType.DATA_SOURCE) {
-      await this.dataSourceActionHandler(actionItem as DataSourceItemConfig, args);
-    }
-  }
+    this.eventHelper?.destroy();
 
-  /**
-   * 事件联动处理函数
-   * @param eventsConfigIndex 事件配置索引，可以通过此索引从node.event中获取最新事件配置
-   * @param fromCpt 触发事件的组件
-   * @param args 事件参数
-   */
-  private async eventHandler(config: EventConfig | number, fromCpt: Node | DataSource | undefined, args: any[]) {
-    const eventConfig = typeof config === 'number' ? (fromCpt as Node).events[config] : config;
-    if (has(eventConfig, 'actions')) {
-      // EventConfig类型
-      const { actions } = eventConfig as EventConfig;
-      for (let i = 0; i < actions.length; i++) {
-        if (typeof config === 'number') {
-          // 事件响应中可能会有修改数据源数据的，会更新dsl，所以这里需要重新获取
-          const actionItem = ((fromCpt as Node).events[config] as EventConfig).actions[i];
-          this.actionHandler(actionItem, fromCpt as Node, args);
-        } else {
-          this.actionHandler(actions[i], fromCpt as DataSource, args);
-        }
-      }
-    } else {
-      // 兼容DeprecatedEventConfig类型 组件动作
-      await this.compActionHandler(eventConfig as unknown as CompItemConfig, fromCpt as Node, args);
-    }
-  }
+    this.dsl = undefined;
 
-  private addEventToMap(event: EventCache) {
-    if (this.eventQueueMap[event.eventConfig.to]) {
-      this.eventQueueMap[event.eventConfig.to].push(event);
-    } else {
-      this.eventQueueMap[event.eventConfig.to] = [event];
-    }
-  }
+    this.dataSourceManager?.destroy();
+    this.dataSourceManager = undefined;
+    this.codeDsl = undefined;
+    this.components.clear();
 
-  private calcFontsize() {
-    calcFontsize(this.designWidth);
+    this.nodeStoreInitialData = undefined;
   }
 }
 
diff --git a/packages/core/src/DevtoolApi.ts b/packages/core/src/DevtoolApi.ts
new file mode 100644
index 00000000..3d919fb3
--- /dev/null
+++ b/packages/core/src/DevtoolApi.ts
@@ -0,0 +1,120 @@
+import { cloneDeep } from 'lodash-es';
+
+import { compiledNodeField } from '@tmagic/data-source';
+import type { DisplayCondItem, EventConfig, Id } from '@tmagic/schema';
+import { NODE_CONDS_KEY } from '@tmagic/schema';
+import { isValueIncludeDataSource, setValueByKeyPath } from '@tmagic/utils';
+
+import TMagicApp from './App';
+
+export default class DevToolApi {
+  app: TMagicApp;
+
+  constructor({ app }: { app: TMagicApp }) {
+    this.app = app;
+  }
+
+  public openPop(popId: Id) {
+    if (typeof this.app.openPop === 'function') {
+      return this.app.openPop(popId);
+    }
+  }
+
+  public setDataSourceData(dsId: string, data: any, path?: string) {
+    const ds = this.app.dataSourceManager?.get(dsId);
+
+    if (!ds) {
+      return;
+    }
+
+    ds.setData(data, path);
+  }
+
+  public delDataSourceData() {
+    return;
+  }
+
+  public requestDataSource(dsId: string) {
+    const ds = this.app.dataSourceManager?.get(dsId);
+
+    if (!ds) {
+      return;
+    }
+
+    if (typeof ds.refresh === 'function') {
+      return ds.refresh();
+    }
+
+    if (typeof ds.request === 'function') {
+      return ds.request();
+    }
+
+    ds.isInit = false;
+    this.app.dataSourceManager?.init(ds);
+  }
+
+  public getDisplayCondRealValue(_nodeId: Id, condItem: DisplayCondItem) {
+    return this.app.dataSourceManager?.compliedConds({ [NODE_CONDS_KEY]: [{ cond: [condItem] }] });
+  }
+
+  public async callHook(nodeId: Id, hookName: string, hookData: { params: Record<string, any> }[]) {
+    const node = this.app.getNode(nodeId);
+    if (!node) {
+      return;
+    }
+
+    for (const item of hookData) {
+      await node.runHookCode(hookName, item.params);
+    }
+  }
+
+  public trigger(nodeId: Id, events: EventConfig) {
+    const node = this.app.getNode(nodeId);
+    if (!node) {
+      return;
+    }
+
+    this.app.emit(events.name, node);
+  }
+
+  public updateDsl(_nodeId: Id, _data: any, _path: string) {
+    return;
+  }
+
+  public isValueIncludeDataSource(value: any) {
+    return isValueIncludeDataSource(value);
+  }
+
+  public compileDataSourceValue(value: any) {
+    return compiledNodeField(value, this.app.dataSourceManager?.data || {});
+  }
+
+  public updateCode(codeId: string, value: any, path: string) {
+    if (!this.app.dsl) {
+      return;
+    }
+
+    const { codeBlocks } = this.app.dsl;
+    if (!codeBlocks) {
+      return;
+    }
+
+    const code = codeBlocks[codeId];
+
+    if (!code) {
+      return;
+    }
+
+    const newCode = cloneDeep(code);
+    // eslint-disable-next-line prefer-const
+    let fuc = value;
+    if (path === 'content' && typeof value === 'string' && (value.includes('function') || value.includes('=>'))) {
+      // eslint-disable-next-line no-eval
+      eval(`fuc = ${value})`);
+    }
+
+    setValueByKeyPath(path, fuc, newCode);
+
+    codeBlocks[codeId] = newCode;
+  }
+}
diff --git a/packages/core/src/Env.ts b/packages/core/src/Env.ts
index 58972641..9473300e 100644
--- a/packages/core/src/Env.ts
+++ b/packages/core/src/Env.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -17,6 +17,7 @@
  */
 
 class Env {
+  [x: string]: any;
   isIos = false;
   isIphone = false;
   isIpad = false;
@@ -27,8 +28,13 @@ class Env {
   isMqq = false;
   isWechat = false;
   isWeb = false;
+  isOpenHarmony = false;
+
+  constructor(ua = globalThis.navigator?.userAgent ?? '', options: Record<string, boolean | string> = {}) {
+    if (!ua) {
+      return;
+    }
 
-  constructor(ua = globalThis.navigator.userAgent, options: Record<string, boolean | string> = {}) {
     this.isIphone = ua.indexOf('iPhone') >= 0;
 
     this.isIpad = /(iPad).*OS\s([\d_]+)/.test(ua);
@@ -47,7 +53,9 @@ class Env {
 
     this.isWechat = ua.indexOf('MicroMessenger') >= 0 && ua.indexOf('wxwork') < 0;
 
-    this.isWeb = !this.isIos && !this.isAndroid && !/(WebOS|BlackBerry)/.test(ua);
+    this.isOpenHarmony = ua.includes('OpenHarmony');
+
+    this.isWeb = !this.isIos && !this.isAndroid && !this.isOpenHarmony && !/(WebOS|BlackBerry)/.test(ua);
 
     Object.entries(options).forEach(([key, value]) => {
       (this as any)[key] = value;
diff --git a/packages/core/src/EventHelper.ts b/packages/core/src/EventHelper.ts
new file mode 100644
index 00000000..0e4c926a
--- /dev/null
+++ b/packages/core/src/EventHelper.ts
@@ -0,0 +1,337 @@
+/*
+ * Tencent is pleased to support the open source community by making TMagicEditor available.
+ *
+ * Copyright (C) 2025 Tencent.  All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/**
+ * 通用的事件处理
+ */
+import { EventEmitter } from 'events';
+
+import { has } from 'lodash-es';
+
+import type { DataSource } from '@tmagic/data-source';
+import {
+  ActionType,
+  type CodeItemConfig,
+  type CompItemConfig,
+  type DataSourceItemConfig,
+  type EventActionItem,
+  type EventConfig,
+  Id,
+  NODE_DISABLE_CODE_BLOCK_KEY,
+  NODE_DISABLE_DATA_SOURCE_KEY,
+} from '@tmagic/schema';
+import { DATA_SOURCE_FIELDS_CHANGE_EVENT_PREFIX } from '@tmagic/utils';
+
+import type { default as TMagicApp } from './App';
+import FlowState from './FlowState';
+import type { default as TMagicNode } from './Node';
+import { AfterEventHandler, BeforeEventHandler } from './type';
+
+interface EventCache {
+  toId: Id;
+  method: string;
+  fromCpt: any;
+  args: any[];
+  handled?: boolean;
+}
+
+export default class EventHelper extends EventEmitter {
+  public app: TMagicApp;
+  public eventQueue: EventCache[] = [];
+
+  private nodeEventList = new Map<(fromCpt: TMagicNode, ...args: any[]) => void, symbol>();
+  private dataSourceEventList = new Map<string, Map<string, (...args: any[]) => void>>();
+  private beforeEventHandler?: BeforeEventHandler;
+  private afterEventHandler?: AfterEventHandler;
+
+  constructor({
+    app,
+    beforeEventHandler,
+    afterEventHandler,
+  }: {
+    app: TMagicApp;
+    beforeEventHandler?: BeforeEventHandler;
+    afterEventHandler?: AfterEventHandler;
+  }) {
+    super();
+
+    this.beforeEventHandler = beforeEventHandler;
+    this.afterEventHandler = afterEventHandler;
+    this.app = app;
+  }
+
+  public destroy() {
+    this.removeNodeEvents();
+    this.removeAllListeners();
+    this.nodeEventList.clear();
+    this.dataSourceEventList.clear();
+  }
+
+  public initEvents() {
+    this.removeNodeEvents();
+
+    if (this.app.page) {
+      for (const [, node] of this.app.page.nodes) {
+        this.bindNodeEvents(node);
+      }
+    }
+
+    for (const [, page] of this.app.pageFragments) {
+      for (const [, node] of page.nodes) {
+        this.bindNodeEvents(node);
+      }
+    }
+  }
+
+  public bindNodeEvents(node: TMagicNode) {
+    node.events?.forEach((event, index) => {
+      if (!event.name) {
+        return;
+      }
+
+      let eventNameKey = `${event.name}_${node.data.id}`;
+
+      // 页面片容器可以配置页面片内组件的事件，形式为“${nodeId}.${eventName}”
+      const eventNames = event.name.split('.');
+      if (eventNames.length > 1) {
+        eventNameKey = `${eventNames[1]}_${eventNames[0]}`;
+      }
+
+      let eventName = Symbol(eventNameKey);
+      if (node.eventKeys.has(eventNameKey)) {
+        eventName = node.eventKeys.get(eventNameKey)!;
+      } else {
+        node.eventKeys.set(eventNameKey, eventName);
+      }
+
+      const eventHandler = (_fromCpt: TMagicNode, ...args: any[]) => {
+        this.eventHandler(index, node, args);
+      };
+
+      this.nodeEventList.set(eventHandler, eventName);
+      this.on(eventName, eventHandler);
+    });
+  }
+
+  public removeNodeEvents() {
+    for (const handler of Array.from(this.nodeEventList.keys())) {
+      const name = this.nodeEventList.get(handler);
+      name && this.off(name, handler);
+    }
+
+    this.nodeEventList.clear();
+  }
+
+  public bindDataSourceEvents() {
+    const dataSourceList = Array.from(this.app.dataSourceManager?.dataSourceMap.values() || []);
+
+    this.removeDataSourceEvents(dataSourceList);
+
+    for (const dataSource of dataSourceList) {
+      const dataSourceEvent = this.dataSourceEventList.get(dataSource.id) ?? new Map<string, (args: any) => void>();
+
+      for (const event of dataSource.schema.events || []) {
+        const [prefix, ...path] = event.name?.split('.') || [];
+        if (!prefix) return;
+        const handler = (...args: any[]) => {
+          this.eventHandler(event, dataSource, args);
+        };
+        dataSourceEvent.set(event.name, handler);
+        if (prefix === DATA_SOURCE_FIELDS_CHANGE_EVENT_PREFIX) {
+          // 数据源数据变化
+          dataSource?.onDataChange(path.join('.'), handler);
+        } else {
+          // 数据源自定义事件
+          dataSource.on(prefix, handler);
+        }
+      }
+      this.dataSourceEventList.set(dataSource.id, dataSourceEvent);
+    }
+  }
+
+  public removeDataSourceEvents(dataSourceList: DataSource[]) {
+    if (!this.dataSourceEventList.size) {
+      return;
+    }
+
+    // 先清掉之前注册的事件，重新注册
+    for (const dataSource of dataSourceList) {
+      const dataSourceEvent = this.dataSourceEventList.get(dataSource.id)!;
+
+      if (!dataSourceEvent) return;
+
+      for (const eventName of Array.from(dataSourceEvent.keys())) {
+        const [prefix, ...path] = eventName.split('.');
+        if (prefix === DATA_SOURCE_FIELDS_CHANGE_EVENT_PREFIX) {
+          dataSource.offDataChange(path.join('.'), dataSourceEvent.get(eventName)!);
+        } else {
+          dataSource.off(prefix, dataSourceEvent.get(eventName)!);
+        }
+      }
+    }
+
+    this.dataSourceEventList.clear();
+  }
+
+  public getEventQueue() {
+    return this.eventQueue;
+  }
+
+  public addEventToQueue(event: EventCache) {
+    this.eventQueue.push(event);
+  }
+
+  /**
+   * 事件联动处理函数
+   * @param eventsConfigIndex 事件配置索引，可以通过此索引从node.event中获取最新事件配置
+   * @param fromCpt 触发事件的组件
+   * @param args 事件参数
+   */
+  private async eventHandler(config: EventConfig | number, fromCpt: TMagicNode | DataSource | undefined, args: any[]) {
+    const eventConfig = typeof config === 'number' ? (fromCpt as TMagicNode).events[config] : config;
+
+    if (typeof this.beforeEventHandler === 'function') {
+      this.beforeEventHandler({ eventConfig, source: fromCpt, args });
+    }
+
+    if (has(eventConfig, 'actions')) {
+      // EventConfig类型
+      const flowState = new FlowState();
+      const { actions } = eventConfig as EventConfig;
+      for (let i = 0; i < actions.length; i++) {
+        if (flowState?.isAbort) break;
+        if (typeof config === 'number') {
+          // 事件响应中可能会有修改数据源数据的，会更新dsl，所以这里需要重新获取
+          const actionItem = ((fromCpt as TMagicNode).events[config] as EventConfig).actions[i];
+          await this.actionHandler(actionItem, fromCpt as TMagicNode, args, flowState);
+        } else {
+          await this.actionHandler(actions[i], fromCpt as DataSource, args, flowState);
+        }
+      }
+      flowState.reset();
+    } else {
+      try {
+        // 兼容DeprecatedEventConfig类型 组件动作
+        await this.compActionHandler(eventConfig as unknown as CompItemConfig, fromCpt as TMagicNode, args);
+      } catch (e: any) {
+        if (this.app.errorHandler) {
+          this.app.errorHandler(e, fromCpt, { type: 'action-handler', config: eventConfig, ...args });
+        } else {
+          throw e;
+        }
+      }
+    }
+
+    if (typeof this.afterEventHandler === 'function') {
+      this.afterEventHandler({ eventConfig, source: fromCpt, args });
+    }
+  }
+
+  private async actionHandler(
+    actionItem: EventActionItem,
+    fromCpt: TMagicNode | DataSource,
+    args: any[],
+    flowState: FlowState,
+  ) {
+    try {
+      if (actionItem.actionType === ActionType.COMP) {
+        const compActionItem = actionItem as CompItemConfig;
+        // 组件动作
+        await this.compActionHandler(compActionItem, fromCpt, args);
+      } else if (actionItem.actionType === ActionType.CODE) {
+        if (fromCpt.data[NODE_DISABLE_CODE_BLOCK_KEY]) {
+          return;
+        }
+        const codeActionItem = actionItem as CodeItemConfig;
+        // 执行代码块
+        await this.app.runCode(codeActionItem.codeId, codeActionItem.params || {}, args, flowState);
+      } else if (actionItem.actionType === ActionType.DATA_SOURCE) {
+        if (fromCpt.data[NODE_DISABLE_DATA_SOURCE_KEY]) {
+          return;
+        }
+
+        const dataSourceActionItem = actionItem as DataSourceItemConfig;
+
+        const [dsId, methodName] = dataSourceActionItem.dataSourceMethod;
+
+        await this.app.runDataSourceMethod(dsId, methodName, dataSourceActionItem.params || {}, args, flowState);
+      }
+    } catch (e: any) {
+      if (this.app.errorHandler) {
+        this.app.errorHandler(e, fromCpt, { type: 'action-handler', config: actionItem, flowState, ...args });
+      } else {
+        throw e;
+      }
+    }
+  }
+
+  /**
+   * 执行联动组件动作
+   * @param eventConfig 联动组件的配置
+   * @returns void
+   */
+  private async compActionHandler(eventConfig: CompItemConfig, fromCpt: TMagicNode | DataSource, args: any[]) {
+    if (!this.app.page) throw new Error('当前没有页面');
+
+    let { method: methodName, to } = eventConfig;
+
+    if (Array.isArray(methodName)) {
+      [to, methodName] = methodName;
+    }
+
+    const toNodes = [];
+    const toNode = this.app.getNode(to, { strict: true });
+    if (toNode) {
+      toNodes.push(toNode);
+    }
+
+    for (const [, page] of this.app.pageFragments) {
+      const node = page.getNode(to, { strict: true });
+      if (node) {
+        toNodes.push(node);
+      }
+    }
+
+    if (toNodes.length === 0) {
+      this.addEventToQueue({
+        toId: to,
+        method: methodName,
+        fromCpt,
+        args,
+      });
+      return;
+    }
+
+    const instanceMethodPromise = [];
+    for (const node of toNodes) {
+      if (node.instance) {
+        if (typeof node.instance[methodName] === 'function') {
+          instanceMethodPromise.push(node.instance[methodName](fromCpt, ...args));
+        }
+      } else {
+        node.addEventToQueue({
+          method: methodName,
+          fromCpt,
+          args,
+        });
+      }
+    }
+
+    await Promise.all(instanceMethodPromise);
+  }
+}
diff --git a/packages/core/src/Flexible.ts b/packages/core/src/Flexible.ts
new file mode 100644
index 00000000..086ea6bd
--- /dev/null
+++ b/packages/core/src/Flexible.ts
@@ -0,0 +1,73 @@
+export default class Flexible {
+  public designWidth = 375;
+  private tid: NodeJS.Timeout | undefined;
+
+  constructor(options?: { designWidth?: number }) {
+    if (globalThis.document.readyState === 'complete') {
+      this.setBodyFontSize();
+    } else {
+      globalThis.document.addEventListener('DOMContentLoaded', this.setBodyFontSize, false);
+    }
+
+    globalThis.addEventListener('resize', this.resizeHandler, false);
+    globalThis.addEventListener('pageshow', this.pageshowHandler, false);
+
+    if (typeof options?.designWidth !== 'undefined') {
+      this.setDesignWidth(options.designWidth);
+    }
+  }
+
+  public destroy() {
+    globalThis.document.removeEventListener('DOMContentLoaded', this.setBodyFontSize, false);
+    globalThis.removeEventListener('resize', this.resizeHandler, false);
+    globalThis.removeEventListener('pageshow', this.pageshowHandler, false);
+  }
+
+  public setDesignWidth(width: number) {
+    this.designWidth = width;
+    this.refreshRem();
+  }
+
+  public setBodyFontSize() {
+    globalThis.document.body.style.fontSize = '.12rem';
+  }
+
+  public refreshRem() {
+    const { width } = document.documentElement.getBoundingClientRect();
+    const fontSize = width / (this.designWidth / 100);
+    globalThis.document.documentElement.style.fontSize = `${fontSize}px`;
+    globalThis.document.documentElement.style.fontSize = `${this.correctRem(fontSize)}px`;
+  }
+
+  /**
+   * 纠正由于文字缩放导致的字体大小计算不正确问题
+   * @param {number} fontSize
+   * @returns {number}
+   */
+  public correctRem(fontSize: number) {
+    const { document } = globalThis;
+    const d = document.createElement('div');
+    d.style.cssText = 'width:1rem;height:0;overflow:hidden;position:absolute;z-index:-1;visibility:hidden;';
+    document.documentElement.appendChild(d);
+    const dw = d.offsetWidth;
+    document.documentElement.removeChild(d);
+    if (Math.abs(dw - fontSize) > 1) {
+      return fontSize ** 2 / dw;
+    }
+    return fontSize;
+  }
+
+  private resizeHandler = () => {
+    clearTimeout(this.tid);
+    this.tid = setTimeout(() => {
+      this.refreshRem();
+      this.tid = undefined;
+    }, 300);
+  };
+
+  private pageshowHandler = (e: PageTransitionEvent) => {
+    if (e.persisted) {
+      this.resizeHandler();
+    }
+  };
+}
diff --git a/packages/core/src/FlowState.ts b/packages/core/src/FlowState.ts
new file mode 100644
index 00000000..18c01af2
--- /dev/null
+++ b/packages/core/src/FlowState.ts
@@ -0,0 +1,12 @@
+export default class FlowState {
+  public isAbort: boolean;
+  constructor() {
+    this.isAbort = false;
+  }
+  public abort() {
+    this.isAbort = true;
+  }
+  public reset() {
+    this.isAbort = false;
+  }
+}
diff --git a/packages/core/src/IteratorContainer.ts b/packages/core/src/IteratorContainer.ts
new file mode 100644
index 00000000..121d5a82
--- /dev/null
+++ b/packages/core/src/IteratorContainer.ts
@@ -0,0 +1,104 @@
+/*
+ * Tencent is pleased to support the open source community by making TMagicEditor available.
+ *
+ * Copyright (C) 2025 Tencent.  All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import type { Id, MNode } from '@tmagic/schema';
+
+import type { default as TMagicNode } from './Node';
+import Node from './Node';
+
+class IteratorContainer extends Node {
+  public nodes: Map<Id, TMagicNode>[] = [];
+
+  public setData(data: MNode) {
+    this.resetNodes();
+
+    super.setData(data);
+  }
+
+  public resetNodes() {
+    this.nodes?.forEach((nodeMap) => {
+      nodeMap.forEach((node) => {
+        node.destroy();
+      });
+    });
+
+    this.nodes = [];
+  }
+
+  public initNode(config: MNode, parent: TMagicNode, map: Map<Id, TMagicNode>) {
+    if (map.has(config.id)) {
+      map.get(config.id)?.destroy();
+    }
+
+    if (config.type && this.app.iteratorContainerType.has(config.type)) {
+      const iteratorContainer = new IteratorContainer({
+        config,
+        parent,
+        page: this.page,
+        app: this.app,
+      });
+      map.set(config.id, iteratorContainer);
+
+      this.app.eventHelper?.bindNodeEvents(iteratorContainer);
+      return;
+    }
+
+    const node = new Node({
+      config,
+      parent,
+      page: this.page,
+      app: this.app,
+    });
+
+    this.app.eventHelper?.bindNodeEvents(node);
+
+    map.set(config.id, node);
+
+    if (config.type && this.app.pageFragmentContainerType.has(config.type) && config.pageFragmentId) {
+      const pageFragment = this.app.dsl?.items?.find((page) => page.id === config.pageFragmentId);
+      if (pageFragment) {
+        config.items = [pageFragment];
+      }
+    }
+
+    config.items?.forEach((element: MNode) => {
+      this.initNode(element, node, map);
+    });
+  }
+
+  public setNodes(nodes: MNode[], index: number) {
+    const map = this.nodes[index] || new Map();
+
+    nodes.forEach((node) => {
+      this.initNode(node, this, map);
+    });
+
+    this.nodes[index] = map;
+  }
+
+  public getNode(id: Id, index: number) {
+    return this.nodes[index]?.get(id);
+  }
+
+  public destroy(): void {
+    super.destroy();
+    this.resetNodes();
+  }
+}
+
+export default IteratorContainer;
diff --git a/packages/core/src/Node.ts b/packages/core/src/Node.ts
index f44c2afc..e5d29fc8 100644
--- a/packages/core/src/Node.ts
+++ b/packages/core/src/Node.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -18,35 +18,49 @@
 
 import { EventEmitter } from 'events';
 
-import { DataSource } from '@tmagic/data-source';
-import type { AppCore, EventConfig, MComponent, MContainer, MNode, MPage, MPageFragment } from '@tmagic/schema';
-import { HookCodeType, HookType } from '@tmagic/schema';
+import type { EventConfig, MNode } from '@tmagic/schema';
+import { HookCodeType, HookType, NODE_DISABLE_CODE_BLOCK_KEY } from '@tmagic/schema';
 
-import type App from './App';
+import type { default as TMagicApp } from './App';
 import type Page from './Page';
 import Store from './Store';
 
-interface NodeOptions {
+interface EventCache {
+  method: string;
+  fromCpt: any;
+  args: any[];
+}
+
+interface Methods {
+  [key: string]: (...args: any[]) => any;
+}
+
+export interface NodeOptions {
   config: MNode;
   page?: Page;
   parent?: Node;
-  app: App;
+  app: TMagicApp;
 }
+
 class Node extends EventEmitter {
   public data!: MNode;
   public style!: {
     [key: string]: any;
   };
   public events: EventConfig[] = [];
-  public instance?: any;
+  public instance?: any = null;
   public page?: Page;
   public parent?: Node;
-  public app: App;
-  public store = new Store();
+  public app: TMagicApp;
+  public store;
+  public eventKeys = new Map<string, symbol>();
+
+  private eventQueue: EventCache[] = [];
 
   constructor(options: NodeOptions) {
     super();
 
+    this.store = new Store({ initialData: options.app.nodeStoreInitialData?.() || {} });
     this.page = options.page;
     this.parent = options.parent;
     this.app = options.app;
@@ -54,47 +68,54 @@ class Node extends EventEmitter {
     this.listenLifeSafe();
   }
 
-  public setData(data: MComponent | MContainer | MPage | MPageFragment) {
+  public setData(data: MNode) {
     this.data = data;
     const { events, style } = data;
     this.events = events || [];
     this.style = style || {};
-    this.emit('update-data');
-  }
-
-  public destroy() {
-    this.removeAllListeners();
-  }
-
-  private listenLifeSafe() {
-    this.once('created', async (instance: any) => {
-      this.once('destroy', () => {
-        this.instance = null;
-        if (typeof this.data.destroy === 'function') {
-          this.data.destroy(this);
-        }
-
-        this.listenLifeSafe();
-      });
-
-      this.instance = instance;
-      await this.runHookCode('created');
-    });
-
-    this.once('mounted', async (instance: any) => {
-      this.instance = instance;
-
-      const eventConfigQueue = this.app.eventQueueMap[instance.config.id] || [];
-
-      for (let eventConfig = eventConfigQueue.shift(); eventConfig; eventConfig = eventConfigQueue.shift()) {
-        this.app.compActionHandler(eventConfig.eventConfig, eventConfig.fromCpt, eventConfig.args);
+    try {
+      if (
+        this.instance &&
+        !Object.isFrozen(this.instance) &&
+        Object.getOwnPropertyDescriptor(this.instance, 'config')?.writable !== false &&
+        !this.instance.__isVue
+      ) {
+        this.instance.config = data;
       }
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    } catch (e: any) {}
 
-      await this.runHookCode('mounted');
-    });
+    this.emit('update-data', data);
   }
 
-  private async runHookCode(hook: string) {
+  public addEventToQueue(event: EventCache) {
+    this.eventQueue.push(event);
+  }
+
+  /**
+   * @deprecated use setInstance instead
+   */
+  public registerMethod(methods: Methods) {
+    if (!methods) {
+      return;
+    }
+
+    if (!this.instance) {
+      this.instance = {};
+    }
+
+    for (const [key, fn] of Object.entries(methods)) {
+      if (typeof fn === 'function') {
+        this.instance[key] = fn;
+      }
+    }
+  }
+
+  public setInstance(instance: any) {
+    this.instance = instance;
+  }
+
+  public async runHookCode(hook: string, params?: Record<string, any>) {
     if (typeof this.data[hook] === 'function') {
       // 兼容旧的数据格式
       await this.data[hook](this);
@@ -117,27 +138,82 @@ class Node extends EventEmitter {
     if (hookData?.hookType !== HookType.CODE) return;
 
     for (const item of hookData.hookData) {
-      const { codeType = HookCodeType.CODE, codeId, params = {} } = item;
+      const { codeType = HookCodeType.CODE, codeId, params: itemParams = {} } = item;
 
-      let functionContent: ((...args: any[]) => any) | string | undefined;
-      const functionParams: { app: AppCore; params: Record<string, any>; dataSource?: DataSource } = {
-        app: this.app,
-        params,
-      };
-
-      if (codeType === HookCodeType.CODE && typeof codeId === 'string' && this.app.codeDsl?.[codeId]) {
-        functionContent = this.app.codeDsl[codeId].content;
+      if (codeType === HookCodeType.CODE && typeof codeId === 'string') {
+        await this.app.runCode(codeId, params || itemParams, [], undefined, this);
       } else if (codeType === HookCodeType.DATA_SOURCE_METHOD && Array.isArray(codeId) && codeId.length > 1) {
-        const dataSource = this.app.dataSourceManager?.get(codeId[0]);
-        functionContent = dataSource?.methods.find((method) => method.name === codeId[1])?.content;
-        functionParams.dataSource = dataSource;
-      }
-
-      if (functionContent && typeof functionContent === 'function') {
-        await functionContent(functionParams);
+        await this.app.runDataSourceMethod(codeId[0], codeId[1], params || itemParams, [], undefined, this);
       }
     }
   }
+
+  public destroy() {
+    this.eventQueue.length = 0;
+    this.instance = null;
+    this.events = [];
+    this.style = {};
+    this.removeAllListeners();
+  }
+
+  private listenLifeSafe() {
+    this.once('created', (instance: any) => {
+      this.once('destroy', () => {
+        this.instance = null;
+        if (this.data[NODE_DISABLE_CODE_BLOCK_KEY] !== true) {
+          this.runHookCode('destroy');
+        }
+
+        this.listenLifeSafe();
+      });
+
+      if (instance) {
+        this.setInstance(instance);
+      }
+
+      if (this.data[NODE_DISABLE_CODE_BLOCK_KEY] !== true) {
+        this.runHookCode('created');
+      }
+    });
+
+    this.once('mounted', (instance: any) => {
+      const handler = async () => {
+        if (instance) {
+          this.setInstance(instance);
+        }
+
+        for (let eventConfig = this.eventQueue.shift(); eventConfig; eventConfig = this.eventQueue.shift()) {
+          if (typeof instance[eventConfig.method] === 'function') {
+            await instance[eventConfig.method](eventConfig.fromCpt, ...eventConfig.args);
+          }
+        }
+
+        if (this.app.eventHelper) {
+          for (const eventConfig of this.app.eventHelper.getEventQueue()) {
+            for (const [, page] of this.app.pageFragments) {
+              const node = page.getNode(eventConfig.toId, { strict: true });
+              if (node && node === this) {
+                if (typeof instance[eventConfig.method] === 'function') {
+                  await instance[eventConfig.method](eventConfig.fromCpt, ...eventConfig.args);
+                }
+
+                eventConfig.handled = true;
+              }
+            }
+          }
+
+          this.app.eventHelper.eventQueue = this.app.eventHelper
+            .getEventQueue()
+            .filter((eventConfig) => !eventConfig.handled);
+        }
+
+        if (this.data[NODE_DISABLE_CODE_BLOCK_KEY] !== true) {
+          this.runHookCode('mounted');
+        }
+      };
+      handler();
+    });
+  }
 }
 
 export default Node;
diff --git a/packages/core/src/Page.ts b/packages/core/src/Page.ts
index 2b439bfa..8aaa641a 100644
--- a/packages/core/src/Page.ts
+++ b/packages/core/src/Page.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -16,17 +16,22 @@
  * limitations under the License.
  */
 
+import { cloneDeep } from 'lodash-es';
+
 import type { Id, MComponent, MContainer, MPage, MPageFragment } from '@tmagic/schema';
 
-import type App from './App';
+import App from './App';
+import IteratorContainer from './IteratorContainer';
+import type { default as TMagicNode } from './Node';
 import Node from './Node';
+import { GetNodeOptions } from './type';
 interface ConfigOptions {
   config: MPage | MPageFragment;
   app: App;
 }
 
 class Page extends Node {
-  public nodes = new Map<Id, Node>();
+  public nodes = new Map<Id, TMagicNode>();
 
   constructor(options: ConfigOptions) {
     super(options);
@@ -37,8 +42,21 @@ class Page extends Node {
     });
   }
 
-  public initNode(config: MComponent | MContainer, parent: Node) {
-    const node = new Node({
+  public initNode(config: MComponent | MContainer, parent: TMagicNode) {
+    if (config.type && this.app.iteratorContainerType.has(config.type)) {
+      this.setNode(
+        config.id,
+        new IteratorContainer({
+          config,
+          parent,
+          page: this,
+          app: this.app,
+        }),
+      );
+      return;
+    }
+
+    const node = new ((config.type && App.nodeClassMap.get(config.type)) || Node)({
       config,
       parent,
       page: this,
@@ -47,10 +65,17 @@ class Page extends Node {
 
     this.setNode(config.id, node);
 
-    if (config.type === 'page-fragment-container' && config.pageFragmentId) {
+    if (config.type && this.app.pageFragmentContainerType.has(config.type) && config.pageFragmentId) {
       const pageFragment = this.app.dsl?.items?.find((page) => page.id === config.pageFragmentId);
+
       if (pageFragment) {
-        config.items = [pageFragment];
+        this.app.pageFragments.set(
+          config.id,
+          new Page({
+            config: cloneDeep(pageFragment),
+            app: this.app,
+          }),
+        );
       }
     }
 
@@ -59,11 +84,43 @@ class Page extends Node {
     });
   }
 
-  public getNode(id: Id) {
-    return this.nodes.get(id);
+  public getNode<T extends TMagicNode = TMagicNode>(
+    id: Id,
+    { iteratorContainerId, iteratorIndex, pageFragmentContainerId, strict }: GetNodeOptions = {},
+  ): T | undefined {
+    if (this.nodes.has(id)) {
+      return this.nodes.get(id) as T;
+    }
+
+    if (pageFragmentContainerId) {
+      return this.app.pageFragments
+        .get(pageFragmentContainerId)
+        ?.getNode(id, { iteratorContainerId, iteratorIndex, strict: true });
+    }
+
+    if (Array.isArray(iteratorContainerId) && iteratorContainerId.length && Array.isArray(iteratorIndex)) {
+      let iteratorContainer = this.nodes.get(iteratorContainerId[0]) as IteratorContainer;
+
+      for (let i = 1, l = iteratorContainerId.length; i < l; i++) {
+        iteratorContainer = iteratorContainer?.getNode(
+          iteratorContainerId[i],
+          iteratorIndex[i - 1],
+        ) as IteratorContainer;
+      }
+
+      return iteratorContainer?.getNode(id, iteratorIndex[iteratorIndex.length - 1]) as T;
+    }
+
+    if (!strict && this.app.pageFragments.size) {
+      for (const [, pageFragment] of this.app.pageFragments) {
+        if (pageFragment.nodes.has(id)) {
+          return pageFragment.nodes.get(id) as T;
+        }
+      }
+    }
   }
 
-  public setNode(id: Id, node: Node) {
+  public setNode(id: Id, node: TMagicNode) {
     this.nodes.set(id, node);
   }
 
@@ -72,9 +129,16 @@ class Page extends Node {
   }
 
   public destroy(): void {
-    super.destroy();
+    this.nodes.forEach((node) => {
+      if (node === this) {
+        return;
+      }
+      node.destroy();
+    });
 
     this.nodes.clear();
+
+    super.destroy();
   }
 }
 
diff --git a/packages/core/src/Store.ts b/packages/core/src/Store.ts
index 82a3396b..86ed5e48 100644
--- a/packages/core/src/Store.ts
+++ b/packages/core/src/Store.ts
@@ -1,5 +1,9 @@
 export default class Store {
-  private data: Record<string, any> = {};
+  private data: any;
+
+  constructor({ initialData = {} }: { initialData?: any } = {}) {
+    this.data = initialData;
+  }
 
   public set(key: string, value: any) {
     this.data[key] = value;
diff --git a/packages/core/src/events.ts b/packages/core/src/events.ts
deleted file mode 100644
index 1bb12260..00000000
--- a/packages/core/src/events.ts
+++ /dev/null
@@ -1,118 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-/**
- * 通用的事件处理
- */
-
-import App from './App';
-import Node from './Node';
-
-export interface EventOption {
-  label: string;
-  value: string;
-}
-
-const COMMON_EVENT_PREFIX = 'magic:common:events:';
-const COMMON_METHOD_PREFIX = 'magic:common:actions:';
-const CommonMethod = {
-  SHOW: 'show',
-  HIDE: 'hide',
-  SCROLL_TO_VIEW: 'scrollIntoView',
-  SCROLL_TO_TOP: 'scrollToTop',
-};
-
-export const DEFAULT_EVENTS: EventOption[] = [{ label: '点击', value: `${COMMON_EVENT_PREFIX}click` }];
-
-export const DEFAULT_METHODS: EventOption[] = [];
-
-export const getCommonEventName = (commonEventName: string) => {
-  if (commonEventName.startsWith(COMMON_EVENT_PREFIX)) return commonEventName;
-  return `${COMMON_EVENT_PREFIX}${commonEventName}`;
-};
-
-export const isCommonMethod = (methodName: string) => methodName.startsWith(COMMON_METHOD_PREFIX);
-
-// 点击在组件内的某个元素上，需要向上寻找到当前组件
-const getDirectComponent = (element: HTMLElement | null, app: App): Node | Boolean => {
-  if (!element) {
-    return false;
-  }
-
-  if (!element.id) {
-    return getDirectComponent(element.parentElement, app);
-  }
-
-  const node = app.page?.getNode(element.id);
-  if (!node) {
-    return false;
-  }
-
-  return node;
-};
-
-const commonClickEventHandler = (app: App, eventName: string, e: any) => {
-  const node = getDirectComponent(e.target, app);
-
-  if (node) {
-    app.emit(getCommonEventName(eventName), node);
-  }
-};
-
-export const bindCommonEventListener = (app: App) => {
-  if (app.jsEngine !== 'browser') return;
-
-  window.document.body.addEventListener('click', (e: any) => {
-    commonClickEventHandler(app, 'click', e);
-  });
-
-  window.document.body.addEventListener(
-    'click',
-    (e: any) => {
-      commonClickEventHandler(app, 'click:capture', e);
-    },
-    true,
-  );
-};
-
-export const triggerCommonMethod = (methodName: string, node: Node) => {
-  const { instance } = node;
-
-  if (!instance) return;
-
-  switch (methodName.replace(COMMON_METHOD_PREFIX, '')) {
-    case CommonMethod.SHOW:
-      instance.show();
-      break;
-
-    case CommonMethod.HIDE:
-      instance.hide();
-      break;
-
-    case CommonMethod.SCROLL_TO_VIEW:
-      instance.$el?.scrollIntoView({ behavior: 'smooth' });
-      break;
-
-    case CommonMethod.SCROLL_TO_TOP:
-      window.scrollTo({ top: 0, behavior: 'smooth' });
-      break;
-
-    default:
-      break;
-  }
-};
diff --git a/packages/core/src/index.ts b/packages/core/src/index.ts
index 175c5065..1fed09cf 100644
--- a/packages/core/src/index.ts
+++ b/packages/core/src/index.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -18,10 +18,22 @@
 
 import App from './App';
 
-export * from './events';
+export { cloneDeep } from 'lodash-es';
 
+export * from '@tmagic/data-source';
+export * from '@tmagic/dep';
+export * from '@tmagic/schema';
+export * from '@tmagic/utils';
+
+export { default as EventHelper } from './EventHelper';
+export * from './utils';
+
+export * from './type';
 export { default as Env } from './Env';
 export { default as Page } from './Page';
 export { default as Node } from './Node';
+export { default as IteratorContainer } from './IteratorContainer';
+export { default as FlowState } from './FlowState';
+export { default as DevtoolApi } from './DevtoolApi';
 
 export default App;
diff --git a/packages/core/src/type.ts b/packages/core/src/type.ts
new file mode 100644
index 00000000..b04e0167
--- /dev/null
+++ b/packages/core/src/type.ts
@@ -0,0 +1,52 @@
+import type { DataSource, DataSourceManagerData } from '@tmagic/data-source';
+import type { DataSourceSchema, EventConfig, Id, JsEngine, MApp, RequestFunction } from '@tmagic/schema';
+
+import type Env from './Env';
+import type TMagicNode from './Node';
+
+export type ErrorHandler = (
+  err: Error,
+  node: DataSource<DataSourceSchema> | TMagicNode | undefined,
+  info: Record<string, any>,
+) => void;
+
+export interface AppOptionsConfig {
+  ua?: string;
+  env?: Env;
+  config?: MApp;
+  platform?: 'editor' | 'mobile' | 'tv' | 'pc';
+  jsEngine?: JsEngine;
+  designWidth?: number;
+  curPage?: Id;
+  useMock?: boolean;
+  disabledFlexible?: boolean;
+  pageFragmentContainerType?: string | string[];
+  iteratorContainerType?: string | string[];
+  transformStyle?: (style: Record<string, any>) => Record<string, any>;
+  request?: RequestFunction;
+  dataSourceManagerInitialData?: DataSourceManagerData;
+  nodeStoreInitialData?: () => any;
+  errorHandler?: ErrorHandler;
+  beforeEventHandler?: BeforeEventHandler;
+  afterEventHandler?: AfterEventHandler;
+}
+
+export type BeforeEventHandler = (args: {
+  eventConfig: EventConfig;
+  source: TMagicNode | DataSource | undefined;
+  args: any[];
+}) => void;
+
+export type AfterEventHandler = (args: {
+  eventConfig: EventConfig;
+  source: TMagicNode | DataSource | undefined;
+  args: any[];
+}) => void;
+
+export interface GetNodeOptions {
+  iteratorContainerId?: Id[];
+  iteratorIndex?: number[];
+  pageFragmentContainerId?: Id;
+  /** 严格模式，如果为true，页面片中的节点必须指定pageFragmentContainerId，为false时，没有pageFragmentContainerId的时候获得第一个页面片容器中的节点 */
+  strict?: boolean;
+}
diff --git a/packages/core/src/utils.ts b/packages/core/src/utils.ts
index 8a0590db..55b7e40e 100644
--- a/packages/core/src/utils.ts
+++ b/packages/core/src/utils.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -15,8 +15,8 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
 import { JsEngine } from '@tmagic/schema';
+import { isNumber } from '@tmagic/utils';
 
 export const style2Obj = (style: string) => {
   if (typeof style !== 'string') {
@@ -56,8 +56,6 @@ export const fillBackgroundImage = (value: string) => {
   return value;
 };
 
-export const isNumber = (value: string) => /^(-?\d+)(\.\d+)?$/.test(value);
-
 export const getTransform = (value: Record<string, string>, jsEngine: JsEngine) => {
   if (!value) return [];
 
@@ -116,8 +114,10 @@ export const transformStyle = (style: Record<string, any> | string, jsEngine: Js
   return results;
 };
 
-export const calcFontsize = (designWidth: number) => {
-  const { width } = document.documentElement.getBoundingClientRect();
-  const fontSize = width / (designWidth / 100);
-  document.documentElement.style.fontSize = `${fontSize}px`;
-};
+export const COMMON_EVENT_PREFIX = 'magic:common:events:';
+export const COMMON_METHOD_PREFIX = 'magic:common:actions:';
+
+export interface EventOption {
+  label: string;
+  value: string;
+}
diff --git a/packages/core/tests/App.spec.ts b/packages/core/tests/App.spec.ts
new file mode 100644
index 00000000..fa3ce015
--- /dev/null
+++ b/packages/core/tests/App.spec.ts
@@ -0,0 +1,265 @@
+import { describe, expect, test } from 'vitest';
+
+import { MApp, NodeType } from '@tmagic/schema';
+
+import App from '../src/App';
+import TMagicIteratorContainer from '../src/IteratorContainer';
+
+const createAppDsl = (pageLength: number, nodeLength = 0) => {
+  const dsl: MApp = {
+    type: NodeType.ROOT,
+    id: 'app_1',
+    dataSources: [
+      {
+        id: 'ds_1',
+        fields: [
+          {
+            type: 'array',
+            name: 'array',
+            title: 'array',
+            enable: true,
+            fields: [
+              {
+                type: 'array',
+                name: 'arr',
+                title: 'arr',
+                defaultValue: [],
+                enable: true,
+                fields: [],
+              },
+            ],
+          },
+        ],
+        events: [],
+        methods: [],
+        type: 'base',
+      },
+    ],
+    dataSourceDeps: {},
+    dataSourceCondDeps: {},
+    items: [
+      ...new Array(pageLength)
+        .fill({
+          type: NodeType.PAGE,
+          items: new Array(nodeLength)
+            .fill({
+              type: 'text',
+            })
+            .map((node, index) => ({
+              ...node,
+              id: `text_${index}`,
+            })),
+        })
+        .map((page, index) => ({
+          ...page,
+          id: `page_${index}`,
+        })),
+      {
+        type: NodeType.PAGE_FRAGMENT,
+        id: 'page_fragment_1',
+        items: [
+          {
+            type: 'text',
+            id: 'text_page_fragment',
+            text: 'text_page_fragment',
+          },
+        ],
+      },
+    ],
+  };
+
+  return dsl;
+};
+
+describe('App', () => {
+  test('instance', () => {
+    const app = new App({});
+    expect(app).toBeInstanceOf(App);
+  });
+
+  test('page', () => {
+    const app = new App({
+      config: createAppDsl(2),
+    });
+    expect(app.getNode('page_0')?.data.id).toBe('page_0');
+    expect(app.page?.data.id).toBe('page_0');
+
+    app.setConfig(createAppDsl(3), 'page_1');
+    expect(app.page?.data.id).toBe('page_1');
+
+    app.setPage('page_2');
+    expect(app.page?.data.id).toBe('page_2');
+  });
+
+  test('node', () => {
+    const app = new App({
+      config: createAppDsl(1, 10),
+    });
+
+    expect(app.getNode('text_1')?.data.id).toBe('text_1');
+  });
+
+  test('iterator-container', () => {
+    const dsl = createAppDsl(1, 10);
+
+    dsl.items[0].items.push({
+      type: 'iterator-container',
+      id: 'iterator-container_1',
+      items: [
+        {
+          type: 'text',
+          id: 'text',
+        },
+      ],
+    });
+
+    const app = new App({
+      config: dsl,
+    });
+
+    const ic = app.getNode('iterator-container_1') as unknown as TMagicIteratorContainer;
+
+    expect(ic?.data.id).toBe('iterator-container_1');
+
+    ic?.setNodes(
+      [
+        {
+          type: 'text',
+          id: 'text',
+          text: '1',
+        },
+        {
+          type: 'page-fragment-container',
+          id: 'page_fragment_container_1',
+          pageFragmentId: 'page_fragment_1',
+        },
+        {
+          type: 'iterator-container',
+          id: 'iterator-container_11',
+          items: [
+            {
+              type: 'text',
+              id: 'text',
+            },
+          ],
+        },
+      ],
+      0,
+    );
+
+    ic?.setNodes(
+      [
+        {
+          type: 'text',
+          id: 'text',
+          text: '2',
+        },
+        {
+          type: 'iterator-container',
+          id: 'iterator-container_11',
+          items: [
+            {
+              type: 'text',
+              id: 'text',
+            },
+          ],
+        },
+      ],
+      1,
+    );
+
+    expect(app.getNode('text', { iteratorContainerId: ['iterator-container_1'], iteratorIndex: [0] })?.data.text).toBe(
+      '1',
+    );
+    expect(app.getNode('text', { iteratorContainerId: ['iterator-container_1'], iteratorIndex: [1] })?.data.text).toBe(
+      '2',
+    );
+    expect(
+      app.getNode('text_page_fragment', { iteratorContainerId: ['iterator-container_1'], iteratorIndex: [0] })?.data
+        .text,
+    ).toBe('text_page_fragment');
+
+    const ic1 = app.getNode('iterator-container_11', {
+      iteratorContainerId: ['iterator-container_1'],
+      iteratorIndex: [0],
+    }) as unknown as TMagicIteratorContainer;
+
+    ic1?.setNodes(
+      [
+        {
+          type: 'text',
+          id: 'text',
+          text: '111',
+        },
+      ],
+      0,
+    );
+
+    ic1?.setNodes(
+      [
+        {
+          type: 'text',
+          id: 'text',
+          text: '222',
+        },
+      ],
+      1,
+    );
+
+    const ic2 = app.getNode('iterator-container_11', {
+      iteratorContainerId: ['iterator-container_1'],
+      iteratorIndex: [1],
+    }) as unknown as TMagicIteratorContainer;
+
+    ic2?.setNodes(
+      [
+        {
+          type: 'text',
+          id: 'text',
+          text: '11',
+        },
+      ],
+      0,
+    );
+
+    ic2?.setNodes(
+      [
+        {
+          type: 'text',
+          id: 'text',
+          text: '22',
+        },
+      ],
+      1,
+    );
+
+    expect(
+      app.getNode('text', {
+        iteratorContainerId: ['iterator-container_1', 'iterator-container_11'],
+        iteratorIndex: [0, 0],
+      })?.data.text,
+    ).toBe('111');
+    expect(
+      app.getNode('text', {
+        iteratorContainerId: ['iterator-container_1', 'iterator-container_11'],
+        iteratorIndex: [0, 1],
+      })?.data.text,
+    ).toBe('222');
+    expect(
+      app.getNode('text', {
+        iteratorContainerId: ['iterator-container_1', 'iterator-container_11'],
+        iteratorIndex: [1, 0],
+      })?.data.text,
+    ).toBe('11');
+    expect(
+      app.getNode('text', {
+        iteratorContainerId: ['iterator-container_1', 'iterator-container_11'],
+        iteratorIndex: [1, 1],
+      })?.data.text,
+    ).toBe('22');
+
+    ic.resetNodes();
+
+    expect(ic2?.nodes.length).toBe(0);
+  });
+});
diff --git a/packages/core/tsconfig.build.json b/packages/core/tsconfig.build.json
deleted file mode 100644
index c9476221..00000000
--- a/packages/core/tsconfig.build.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "baseUrl": ".",
-    "declaration": true,
-    "declarationDir": "types",
-    "forceConsistentCasingInFileNames": true,
-    "paths": {},
-  },
-  "include": [
-		"src"
-	],
-}
diff --git a/packages/core/tsconfig.json b/packages/core/tsconfig.json
deleted file mode 100644
index 6c40cf1e..00000000
--- a/packages/core/tsconfig.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "baseUrl": "../..",
-  },
-}
diff --git a/packages/core/vite.config.ts b/packages/core/vite.config.ts
deleted file mode 100644
index 99bb4f0f..00000000
--- a/packages/core/vite.config.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import path from 'path';
-
-import { defineConfig } from 'vite';
-
-import pkg from './package.json';
-
-export default defineConfig({
-  resolve: {
-    alias:
-      process.env.NODE_ENV === 'production'
-        ? []
-        : [
-            { find: /^@tmagic\/schema/, replacement: path.join(__dirname, '../schema/src/index.ts') },
-            { find: /^@tmagic\/data-source/, replacement: path.join(__dirname, '../data-source/src/index.ts') },
-          ],
-  },
-
-  build: {
-    cssCodeSplit: false,
-    sourcemap: false,
-    minify: false,
-    target: 'esnext',
-
-    lib: {
-      entry: 'src/index.ts',
-      name: 'TMagicCore',
-      fileName: 'tmagic-core',
-    },
-
-    rollupOptions: {
-      // 确保外部化处理那些你不想打包进库的依赖
-      external(id: string) {
-        return Object.keys({
-          ...pkg.dependencies,
-          ...pkg.peerDependencies,
-        }).some((k) => new RegExp(`^${k}`).test(id));
-      },
-    },
-  },
-});
diff --git a/packages/data-source/package.json b/packages/data-source/package.json
index 7228ead6..ac889c28 100644
--- a/packages/data-source/package.json
+++ b/packages/data-source/package.json
@@ -1,36 +1,30 @@
 {
-  "version": "1.4.7",
+  "version": "1.7.8",
   "name": "@tmagic/data-source",
   "type": "module",
-  "sideEffects": [
-    "dist/*"
-  ],
+  "sideEffects": false,
   "main": "dist/tmagic-data-source.umd.cjs",
-  "module": "dist/tmagic-data-source.js",
+  "module": "dist/es/index.js",
   "types": "types/index.d.ts",
   "exports": {
     ".": {
       "types": "./types/index.d.ts",
-      "import": "./dist/tmagic-data-source.js",
+      "import": "./dist/es/index.js",
       "require": "./dist/tmagic-data-source.umd.cjs"
     },
     "./*": "./*"
   },
   "files": [
     "dist",
-    "types"
+    "types",
+    "src"
   ],
   "license": "Apache-2.0",
-  "scripts": {
-    "build": "npm run build:type && vite build --mode=es && vite build --mode=umd",
-    "build:type": "npm run clear:type && tsc --declaration --emitDeclarationOnly --project tsconfig.build.json && tsc-alias -p tsconfig.build.json",
-    "check:type": "tsc --noEmit --project tsconfig.build.json",
-    "clear:type": "rimraf ./types"
-  },
   "engines": {
     "node": ">=18"
   },
   "repository": {
+    "directory": "packages/data-source",
     "type": "git",
     "url": "https://github.com/Tencent/tmagic-editor.git"
   },
@@ -38,26 +32,21 @@
     "data-source"
   ],
   "dependencies": {
-    "@tmagic/dep": "workspace:*",
     "deep-state-observer": "^5.5.13",
     "events": "^3.3.0",
     "lodash-es": "^4.17.21"
   },
-  "devDependencies": {
-    "@types/events": "^3.0.0",
-    "@types/lodash-es": "^4.17.4",
-    "@types/node": "^18.19.0",
-    "tsc-alias": "^1.8.5",
-    "vite": "^5.2.12"
-  },
   "peerDependencies": {
-    "@tmagic/schema": "workspace:*",
-    "@tmagic/utils": "workspace:*",
-    "typescript": "*"
+    "@tmagic/core": "workspace:*",
+    "typescript": "catalog:"
   },
   "peerDependenciesMeta": {
     "typescript": {
       "optional": true
     }
+  },
+  "devDependencies": {
+    "@types/events": "^3.0.3",
+    "@types/lodash-es": "^4.17.4"
   }
 }
diff --git a/packages/data-source/src/DataSourceManager.ts b/packages/data-source/src/DataSourceManager.ts
index 0125d82d..23dd4cab 100644
--- a/packages/data-source/src/DataSourceManager.ts
+++ b/packages/data-source/src/DataSourceManager.ts
@@ -1,7 +1,8 @@
+/* eslint-disable @typescript-eslint/naming-convention */
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -20,75 +21,94 @@ import EventEmitter from 'events';
 
 import { cloneDeep } from 'lodash-es';
 
-import type { AppCore, DataSourceSchema, Id, MNode } from '@tmagic/schema';
-import { compiledNode } from '@tmagic/utils';
+import type { DataSourceSchema, default as TMagicApp, DisplayCond, Id, MNode } from '@tmagic/core';
+import {
+  compiledNode,
+  getDefaultValueFromFields,
+  NODE_CONDS_KEY,
+  NODE_CONDS_RESULT_KEY,
+  NODE_DISABLE_DATA_SOURCE_KEY,
+} from '@tmagic/core';
 
 import { SimpleObservedData } from './observed-data/SimpleObservedData';
 import { DataSource, HttpDataSource } from './data-sources';
-import type { ChangeEvent, DataSourceManagerData, DataSourceManagerOptions, ObservedDataClass } from './types';
-import { compiledNodeField, compliedConditions, compliedIteratorItems } from './utils';
+import { getDeps } from './depsCache';
+import type {
+  ChangeEvent,
+  DataSourceManagerData,
+  DataSourceManagerOptions,
+  ObservedDataClass,
+  SchemaListMap,
+} from './types';
+import { compiledNodeField, compliedConditions, compliedIteratorItem, createIteratorContentData } from './utils';
 
 class DataSourceManager extends EventEmitter {
-  private static dataSourceClassMap = new Map<string, typeof DataSource>();
-  // eslint-disable-next-line @typescript-eslint/naming-convention
+  private static dataSourceClassMap = new Map<string, any>([
+    ['base', DataSource],
+    ['http', HttpDataSource],
+  ]);
   private static ObservedDataClass: ObservedDataClass = SimpleObservedData;
+  private static waitInitSchemaList = new Map<DataSourceManager, SchemaListMap>();
 
   public static register<T extends typeof DataSource = typeof DataSource>(type: string, dataSource: T) {
     DataSourceManager.dataSourceClassMap.set(type, dataSource);
-  }
-
-  /**
-   * @deprecated
-   */
-  public static registe<T extends typeof DataSource = typeof DataSource>(type: string, dataSource: T) {
-    DataSourceManager.register(type, dataSource);
+    DataSourceManager.waitInitSchemaList?.forEach((listMap, app) => {
+      const list = listMap[type] || [];
+      for (let config = list.shift(); config; config = list.shift()) {
+        const ds = app.addDataSource(config);
+        if (ds) {
+          app.init(ds);
+        }
+      }
+    });
   }
 
   public static getDataSourceClass(type: string) {
     return DataSourceManager.dataSourceClassMap.get(type);
   }
 
+  public static clearDataSourceClass() {
+    DataSourceManager.dataSourceClassMap.clear();
+    DataSourceManager.dataSourceClassMap.set('base', DataSource);
+    DataSourceManager.dataSourceClassMap.set('http', HttpDataSource);
+  }
+
   public static registerObservedData(ObservedDataClass: ObservedDataClass) {
     DataSourceManager.ObservedDataClass = ObservedDataClass;
   }
 
-  public app: AppCore;
+  public app: TMagicApp;
 
-  public dataSourceMap = new Map<string, DataSource>();
+  public dataSourceMap = new Map<string, DataSource & Record<string, any>>();
 
   public data: DataSourceManagerData = {};
+  public initialData: DataSourceManagerData = {};
   public useMock?: boolean = false;
 
   constructor({ app, useMock, initialData }: DataSourceManagerOptions) {
     super();
 
+    DataSourceManager.waitInitSchemaList.set(this, {});
+
     this.app = app;
     this.useMock = useMock;
 
     if (initialData) {
-      this.data = initialData;
+      this.initialData = initialData;
+      this.data = { ...initialData };
     }
 
     app.dsl?.dataSources?.forEach((config) => {
       this.addDataSource(config);
     });
 
-    const dataSourceList = Array.from(this.dataSourceMap);
-    Promise.allSettled<Record<string, any>>(dataSourceList.map(([, ds]) => this.init(ds))).then((values) => {
-      const data: DataSourceManagerData = {};
-      const errors: Record<string, Error> = {};
-
-      values.forEach((value, index) => {
-        const dsId = dataSourceList[index][0];
-        if (value.status === 'fulfilled') {
-          data[dsId] = this.data[dsId];
-        } else if (value.status === 'rejected') {
-          errors[dsId] = value.reason;
-        }
+    if (this.isAllDataSourceRegistered()) {
+      this.callDsInit();
+    } else {
+      this.on('registered-all', () => {
+        this.callDsInit();
       });
-
-      this.emit('init', data, errors);
-    });
+    }
   }
 
   public async init(ds: DataSource) {
@@ -100,27 +120,20 @@ class DataSourceManager extends EventEmitter {
       return;
     }
 
-    const beforeInit: ((...args: any[]) => any)[] = [];
-    const afterInit: ((...args: any[]) => any)[] = [];
-
-    ds.methods.forEach((method) => {
+    for (const method of ds.methods) {
       if (typeof method.content !== 'function') return;
       if (method.timing === 'beforeInit') {
-        beforeInit.push(method.content);
+        await method.content({ params: {}, dataSource: ds, app: this.app });
       }
-      if (method.timing === 'afterInit') {
-        afterInit.push(method.content);
-      }
-    });
-
-    for (const method of beforeInit) {
-      await method({ params: {}, dataSource: ds, app: this.app });
     }
 
     await ds.init();
 
-    for (const method of afterInit) {
-      await method({ params: {}, dataSource: ds, app: this.app });
+    for (const method of ds.methods) {
+      if (typeof method.content !== 'function') return;
+      if (method.timing === 'afterInit') {
+        await method.content({ params: {}, dataSource: ds, app: this.app });
+      }
     }
   }
 
@@ -128,18 +141,37 @@ class DataSourceManager extends EventEmitter {
     return this.dataSourceMap.get(id);
   }
 
-  public async addDataSource(config?: DataSourceSchema) {
+  public addDataSource(config?: DataSourceSchema) {
     if (!config) return;
 
-    // eslint-disable-next-line @typescript-eslint/naming-convention
-    const DataSourceClass = DataSourceManager.dataSourceClassMap.get(config.type) || DataSource;
+    const DataSourceClass = DataSourceManager.dataSourceClassMap.get(config.type);
+
+    if (!DataSourceClass) {
+      let listMap = DataSourceManager.waitInitSchemaList.get(this);
+
+      if (!listMap) {
+        listMap = {};
+        DataSourceManager.waitInitSchemaList.set(this, listMap);
+      }
+
+      if (listMap[config.type]) {
+        listMap[config.type].push(config);
+      } else {
+        listMap[config.type] = [config];
+      }
+
+      // 保证初始化时的第一次编译有值
+      this.data[config.id] = this.initialData[config.id] ?? getDefaultValueFromFields(config.fields);
+
+      return;
+    }
 
     const ds = new DataSourceClass({
       app: this.app,
       schema: config,
       request: this.app.request,
       useMock: this.useMock,
-      initialData: this.data[config.id],
+      initialData: this.initialData[config.id],
       ObservedDataClass: DataSourceManager.ObservedDataClass,
     });
 
@@ -150,6 +182,12 @@ class DataSourceManager extends EventEmitter {
     ds.on('change', (changeEvent: ChangeEvent) => {
       this.setData(ds, changeEvent);
     });
+
+    if (this.isAllDataSourceRegistered()) {
+      this.emit('registered-all');
+    }
+
+    return ds;
   }
 
   public setData(ds: DataSource, changeEvent: ChangeEvent) {
@@ -163,24 +201,42 @@ class DataSourceManager extends EventEmitter {
     this.dataSourceMap.delete(id);
   }
 
+  /**
+   * 更新数据源dsl，在编辑器中修改配置后需要更新，一般在其他环境下不需要更新dsl
+   * @param {DataSourceSchema[]} schemas 所有数据源配置
+   */
   public updateSchema(schemas: DataSourceSchema[]) {
-    schemas.forEach((schema) => {
+    for (const schema of schemas) {
       const ds = this.get(schema.id);
       if (!ds) {
         return;
       }
 
       this.removeDataSource(schema.id);
+    }
 
-      this.addDataSource(schema);
+    for (const schema of schemas) {
+      this.addDataSource(cloneDeep(schema));
       const newDs = this.get(schema.id);
       if (newDs) {
         this.init(newDs);
       }
-    });
+    }
   }
 
-  public compiledNode({ items, ...node }: MNode, sourceId?: Id, deep = false) {
+  /**
+   * 将组件dsl中所有key中数据源相关的配置编译成对应的值
+   * @param {MNode} node 组件dsl
+   * @param {string | number} sourceId 数据源ID
+   * @param {boolean} deep 是否编译子项（items)，默认为false
+   * @returns {MNode} 编译后的组件dsl
+   */
+  public compiledNode(n: MNode, sourceId?: Id, deep = false) {
+    if (n[NODE_DISABLE_DATA_SOURCE_KEY]) {
+      return n;
+    }
+
+    const { items, ...node } = n;
     const newNode = cloneDeep(node);
 
     if (items) {
@@ -188,9 +244,11 @@ class DataSourceManager extends EventEmitter {
         Array.isArray(items) && deep ? items.map((item) => this.compiledNode(item, sourceId, deep)) : items;
     }
 
-    if (node.condResult === false) return newNode;
-    if (node.visible === false) return newNode;
+    if (node.condResult === false || (typeof node.condResult === 'undefined' && node[NODE_CONDS_RESULT_KEY])) {
+      return newNode;
+    }
 
+    // 编译函数这里作为参数，方便后续支持自定义编译
     return compiledNode(
       (value: any) => compiledNodeField(value, this.data),
       newNode,
@@ -199,35 +257,139 @@ class DataSourceManager extends EventEmitter {
     );
   }
 
-  public compliedConds(node: MNode) {
-    return compliedConditions(node, this.data);
+  /**
+   * 编译组件条件组配置（用于配置组件显示时机）
+   * @param {{ [NODE_CONDS_KEY]?: DisplayCond[] }} node 显示条件组配置
+   * @returns {boolean} 是否显示
+   */
+  public compliedConds(
+    node: {
+      [NODE_CONDS_KEY]?: DisplayCond[];
+      [NODE_CONDS_RESULT_KEY]?: boolean;
+      [NODE_DISABLE_DATA_SOURCE_KEY]?: boolean;
+    },
+    data = this.data,
+  ) {
+    if (node[NODE_DISABLE_DATA_SOURCE_KEY]) {
+      return true;
+    }
+
+    const result = compliedConditions(node, data);
+
+    if (!node[NODE_CONDS_RESULT_KEY]) {
+      return result;
+    }
+    return !result;
   }
 
-  public compliedIteratorItems(itemData: any, items: MNode[], dataSourceField: string[] = []) {
+  /**
+   * 编译迭代器容器的迭代项的显示条件
+   * @param {any[]} itemData 迭代数据
+   * @param {{ [NODE_CONDS_KEY]?: DisplayCond[] }} node 显示条件组配置
+   * @param {string[]} dataSourceField 迭代数据在数据源中的字段，格式如['dsId', 'key1', 'key2']
+   * @returns {boolean}是否显示
+   */
+  public compliedIteratorItemConds(
+    itemData: any,
+    node: {
+      [NODE_CONDS_KEY]?: DisplayCond[];
+      [NODE_CONDS_RESULT_KEY]?: boolean;
+      [NODE_DISABLE_DATA_SOURCE_KEY]?: boolean;
+    },
+    dataSourceField: string[] = [],
+  ) {
     const [dsId, ...keys] = dataSourceField;
     const ds = this.get(dsId);
-    if (!ds) return items;
-    return compliedIteratorItems(itemData, items, dsId, keys);
+    if (!ds) return true;
+
+    const ctxData = createIteratorContentData(itemData, ds.id, keys, this.data);
+    return this.compliedConds(node, ctxData);
+  }
+
+  public compliedIteratorItems(itemData: any, nodes: MNode[], dataSourceField: string[] = []): MNode[] {
+    const [dsId, ...keys] = dataSourceField;
+    const ds = this.get(dsId);
+    if (!ds) return nodes;
+
+    const inEditor = this.app.platform === 'editor';
+
+    const ctxData = createIteratorContentData(itemData, ds.id, keys, this.data);
+
+    const { deps = {}, condDeps = {} } = getDeps(ds.schema, nodes, inEditor);
+
+    if (!Object.keys(deps).length && !Object.keys(condDeps).length) {
+      return nodes;
+    }
+
+    return nodes.map((item) =>
+      compliedIteratorItem({
+        compile: (value: any) => compiledNodeField(value, ctxData),
+        dsId: ds.id,
+        item,
+        deps,
+        condDeps,
+        inEditor,
+        ctxData,
+      }),
+    );
+  }
+
+  public isAllDataSourceRegistered() {
+    return !this.app.dsl?.dataSources?.length || this.dataSourceMap.size === this.app.dsl.dataSources.length;
   }
 
   public destroy() {
     this.removeAllListeners();
     this.data = {};
+    this.initialData = {};
     this.dataSourceMap.forEach((ds) => {
       ds.destroy();
     });
     this.dataSourceMap.clear();
+    DataSourceManager.waitInitSchemaList.delete(this);
   }
 
-  public onDataChange(id: string, path: string, callback: (newVal: any) => void) {
-    return this.get(id)?.onDataChange(path, callback);
+  public onDataChange(id: string, path: string, callback: (newVal: any) => void, options?: { immediate?: boolean }) {
+    return this.get(id)?.onDataChange(path, callback, options);
   }
 
   public offDataChange(id: string, path: string, callback: (newVal: any) => void) {
     return this.get(id)?.offDataChange(path, callback);
   }
+
+  private callDsInit() {
+    const dataSourceList = Array.from(this.dataSourceMap);
+    if (typeof Promise.allSettled === 'function') {
+      Promise.allSettled<Record<string, any>>(dataSourceList.map(([, ds]) => this.init(ds))).then((values) => {
+        const data: DataSourceManagerData = {};
+        const errors: Record<string, Error> = {};
+
+        values.forEach((value, index) => {
+          const dsId = dataSourceList[index][0];
+          if (value.status === 'fulfilled') {
+            if (this.data[dsId]) {
+              data[dsId] = this.data[dsId];
+            } else {
+              delete data[dsId];
+            }
+          } else if (value.status === 'rejected') {
+            delete data[dsId];
+            errors[dsId] = value.reason;
+          }
+        });
+
+        this.emit('init', data, errors);
+      });
+    } else {
+      Promise.all<Record<string, any>>(dataSourceList.map(([, ds]) => this.init(ds)))
+        .then(() => {
+          this.emit('init', this.data);
+        })
+        .catch(() => {
+          this.emit('init', this.data);
+        });
+    }
+  }
 }
 
-DataSourceManager.register('http', HttpDataSource as any);
-
 export default DataSourceManager;
diff --git a/packages/data-source/src/createDataSourceManager.ts b/packages/data-source/src/createDataSourceManager.ts
index f911d4f9..2cc06622 100644
--- a/packages/data-source/src/createDataSourceManager.ts
+++ b/packages/data-source/src/createDataSourceManager.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -15,10 +15,10 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { union } from 'lodash-es';
+import { cloneDeep, union } from 'lodash-es';
 
-import type { AppCore } from '@tmagic/schema';
-import { getDepNodeIds, getNodes, isPage } from '@tmagic/utils';
+import type { default as TMagicApp } from '@tmagic/core';
+import { getDepNodeIds, getNodes, isPage, isPageFragment, replaceChildNode } from '@tmagic/core';
 
 import DataSourceManager from './DataSourceManager';
 import type { ChangeEvent, DataSourceManagerData } from './types';
@@ -26,12 +26,12 @@ import { updateNode } from './utils';
 
 /**
  * 创建数据源管理器
- * @param app AppCore
- * @param useMock 是否使用mock数据
- * @param initialData 初始化数据，ssr数据可以由此传入
- * @returns DataSourceManager | undefined
+ * @param {TMagicApp} app
+ * @param {boolean} useMock 是否使用mock数据
+ * @param {DataSourceManagerData} initialData 初始化数据，ssr数据可以由此传入
+ * @returns {DataSourceManager | undefined}
  */
-export const createDataSourceManager = (app: AppCore, useMock?: boolean, initialData?: DataSourceManagerData) => {
+export const createDataSourceManager = (app: TMagicApp, useMock?: boolean, initialData?: DataSourceManagerData) => {
   const { dsl, platform } = app;
   if (!dsl?.dataSources) return;
 
@@ -52,16 +52,19 @@ export const createDataSourceManager = (app: AppCore, useMock?: boolean, initial
 
   // ssr环境下，数据应该是提前准备好的（放到initialData中），不应该发生变化，无需监听
   // 有initialData不一定是在ssr环境下
-  if (app.jsEngine !== 'nodejs') {
-    dataSourceManager.on('change', (sourceId: string, changeEvent: ChangeEvent) => {
-      const dep = dsl.dataSourceDeps?.[sourceId] || {};
-      const condDep = dsl.dataSourceCondDeps?.[sourceId] || {};
+  if (app.jsEngine === 'nodejs') {
+    return dataSourceManager;
+  }
 
-      const nodeIds = union([...Object.keys(condDep), ...Object.keys(dep)]);
+  dataSourceManager.on('change', (sourceId: string, changeEvent: ChangeEvent) => {
+    const dep = dsl.dataSourceDeps?.[sourceId] || {};
+    const condDep = dsl.dataSourceCondDeps?.[sourceId] || {};
 
-      dataSourceManager.emit(
-        'update-data',
-        getNodes(nodeIds, dsl.items).map((node) => {
+    const nodeIds = union([...Object.keys(condDep), ...Object.keys(dep)]);
+
+    for (const page of dsl.items) {
+      if (app.platform === 'editor' || (isPage(page) && page.id === app.page?.data.id) || isPageFragment(page)) {
+        const newNodes = getNodes(nodeIds, [page]).map((node) => {
           if (app.platform !== 'editor') {
             node.condResult = dataSourceManager.compliedConds(node);
           }
@@ -71,19 +74,33 @@ export const createDataSourceManager = (app: AppCore, useMock?: boolean, initial
           if (typeof app.page?.setData === 'function') {
             if (isPage(newNode)) {
               app.page.setData(newNode);
-            } else {
-              const n = app.page.getNode(node.id);
-              n?.setData(newNode);
+            } else if (page.id === app.page.data.id && !app.page.instance) {
+              replaceChildNode(newNode, [app.page.data]);
+            }
+
+            app.getNode(node.id, { strict: true })?.setData(newNode);
+
+            for (const [, pageFragment] of app.pageFragments) {
+              if (pageFragment.data.id === newNode.id) {
+                pageFragment.setData(cloneDeep(newNode));
+              } else if (pageFragment.data.id === page.id) {
+                pageFragment.getNode(newNode.id, { strict: true })?.setData(cloneDeep(newNode));
+                if (!pageFragment.instance) {
+                  replaceChildNode(cloneDeep(newNode), [pageFragment.data]);
+                }
+              }
             }
           }
 
           return newNode;
-        }),
-        sourceId,
-        changeEvent,
-      );
-    });
-  }
+        });
+
+        if (newNodes.length) {
+          dataSourceManager.emit('update-data', newNodes, sourceId, changeEvent, page.id);
+        }
+      }
+    }
+  });
 
   return dataSourceManager;
 };
diff --git a/packages/data-source/src/data-sources/Base.ts b/packages/data-source/src/data-sources/Base.ts
index 892ee612..227eaba6 100644
--- a/packages/data-source/src/data-sources/Base.ts
+++ b/packages/data-source/src/data-sources/Base.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -17,8 +17,10 @@
  */
 import EventEmitter from 'events';
 
-import type { AppCore, CodeBlockContent, DataSchema, DataSourceSchema } from '@tmagic/schema';
-import { getDefaultValueFromFields } from '@tmagic/utils';
+import { cloneDeep } from 'lodash-es';
+
+import type { CodeBlockContent, DataSchema, DataSourceSchema, default as TMagicApp } from '@tmagic/core';
+import { getDefaultValueFromFields } from '@tmagic/core';
 
 import { ObservedData } from '@data-source/observed-data/ObservedData';
 import { SimpleObservedData } from '@data-source/observed-data/SimpleObservedData';
@@ -31,7 +33,7 @@ export default class DataSource<T extends DataSourceSchema = DataSourceSchema> e
   public isInit = false;
 
   /** @tmagic/core 实例 */
-  public app: AppCore;
+  public app: TMagicApp;
 
   protected mockData?: Record<string | number, any>;
 
@@ -60,13 +62,15 @@ export default class DataSource<T extends DataSourceSchema = DataSourceSchema> e
     // eslint-disable-next-line @typescript-eslint/naming-convention
     const ObservedDataClass = options.ObservedDataClass || SimpleObservedData;
     if (this.app.platform === 'editor') {
+      const mocks = cloneDeep(options.schema.mocks || []);
       // 编辑器中有mock使用mock，没有使用默认值
-      this.mockData = options.schema.mocks?.find((mock) => mock.useInEditor)?.data || this.getDefaultData();
-      data = this.mockData;
+      this.mockData = mocks.find((mock) => mock.useInEditor)?.data || this.getDefaultData();
+      data = cloneDeep(this.mockData);
     } else if (typeof options.useMock === 'boolean' && options.useMock) {
+      const mocks = cloneDeep(options.schema.mocks || []);
       // 设置了使用mock就使用mock数据
-      this.mockData = options.schema.mocks?.find((mock) => mock.enable)?.data || this.getDefaultData();
-      data = this.mockData;
+      this.mockData = mocks.find((mock) => mock.enable)?.data;
+      data = cloneDeep(this.mockData) || this.getDefaultData();
     } else if (!options.initialData) {
       data = this.getDefaultData();
     } else {
@@ -122,8 +126,12 @@ export default class DataSource<T extends DataSourceSchema = DataSourceSchema> e
     this.emit('change', changeEvent);
   }
 
-  public onDataChange(path: string, callback: (newVal: any) => void) {
-    this.#observedData.on(path, callback);
+  public setValue(path: string, data: any) {
+    return this.setData(data, path);
+  }
+
+  public onDataChange(path: string, callback: (newVal: any) => void, options?: { immediate?: boolean }) {
+    this.#observedData.on(path, callback, options);
   }
 
   public offDataChange(path: string, callback: (newVal: any) => void) {
diff --git a/packages/data-source/src/data-sources/Http.ts b/packages/data-source/src/data-sources/Http.ts
index c6b2a48b..de101a6e 100644
--- a/packages/data-source/src/data-sources/Http.ts
+++ b/packages/data-source/src/data-sources/Http.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -15,10 +15,10 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { HttpOptions, RequestFunction } from '@tmagic/schema';
-import { getValueByKeyPath } from '@tmagic/utils';
+import type { HttpOptions, RequestFunction } from '@tmagic/core';
+import { getValueByKeyPath } from '@tmagic/core';
 
-import { DataSourceOptions, HttpDataSourceSchema } from '@data-source/types';
+import type { DataSourceOptions, HttpDataSourceSchema, HttpOptionsSchema } from '@data-source/types';
 
 import DataSource from './Base';
 
@@ -74,7 +74,7 @@ export default class HttpDataSource extends DataSource<HttpDataSourceSchema> {
     code?: string | number;
   };
   /** 请求配置 */
-  public httpOptions: HttpOptions;
+  public httpOptions: HttpOptionsSchema;
 
   /** 请求函数 */
   #fetch?: RequestFunction;
@@ -115,7 +115,7 @@ export default class HttpDataSource extends DataSource<HttpDataSourceSchema> {
 
   public async init() {
     if (this.schema.autoFetch) {
-      await this.request(this.httpOptions);
+      await this.request();
     }
 
     super.init();
@@ -124,8 +124,14 @@ export default class HttpDataSource extends DataSource<HttpDataSourceSchema> {
   public async request(options: Partial<HttpOptions> = {}) {
     this.isLoading = true;
 
-    let reqOptions = {
-      ...this.httpOptions,
+    const { url, params, data, headers, ...otherHttpOptions } = this.httpOptions;
+
+    let reqOptions: HttpOptions = {
+      url: typeof url === 'function' ? url({ app: this.app, dataSource: this }) : url,
+      params: typeof params === 'function' ? params({ app: this.app, dataSource: this }) : params,
+      data: typeof data === 'function' ? data({ app: this.app, dataSource: this }) : data,
+      headers: typeof headers === 'function' ? headers({ app: this.app, dataSource: this }) : headers,
+      ...otherHttpOptions,
       ...options,
     };
 
@@ -135,25 +141,29 @@ export default class HttpDataSource extends DataSource<HttpDataSourceSchema> {
       }
 
       if (typeof this.schema.beforeRequest === 'function') {
-        reqOptions = this.schema.beforeRequest(reqOptions, { app: this.app, dataSource: this });
+        reqOptions = await this.schema.beforeRequest(reqOptions, { app: this.app, dataSource: this });
       }
 
       // 注意：在编辑器中mockData不会为空，至少是默认值，不会发起请求
-      let res = this.mockData ? this.mockData : await this.#fetch?.(reqOptions);
-
-      for (const method of this.#afterRequest) {
-        await method({ res, options: reqOptions, params: {}, dataSource: this, app: this.app });
-      }
-
-      if (typeof this.schema.afterResponse === 'function') {
-        res = this.schema.afterResponse(res, { app: this.app, dataSource: this, options: reqOptions });
-      }
-
-      if (this.schema.responseOptions?.dataPath) {
-        const data = getValueByKeyPath(this.schema.responseOptions.dataPath, res);
-        this.setData(data);
+      if (this.mockData) {
+        this.setData(this.mockData);
       } else {
-        this.setData(res);
+        let res = await this.#fetch?.(reqOptions);
+
+        for (const method of this.#afterRequest) {
+          await method({ res, options: reqOptions, params: {}, dataSource: this, app: this.app });
+        }
+
+        if (typeof this.schema.afterResponse === 'function') {
+          res = await this.schema.afterResponse(res, { app: this.app, dataSource: this, options: reqOptions });
+        }
+
+        if (this.schema.responseOptions?.dataPath) {
+          const data = getValueByKeyPath(this.schema.responseOptions.dataPath, res);
+          this.setData(data);
+        } else {
+          this.setData(res);
+        }
       }
 
       this.error = undefined;
diff --git a/packages/data-source/src/depsCache.ts b/packages/data-source/src/depsCache.ts
new file mode 100644
index 00000000..d11444a0
--- /dev/null
+++ b/packages/data-source/src/depsCache.ts
@@ -0,0 +1,66 @@
+import type { DataSourceSchema, Id, MNode } from '@tmagic/core';
+import {
+  DSL_NODE_KEY_COPY_PREFIX,
+  isDataSourceCondTarget,
+  isDataSourceTarget,
+  Target,
+  traverseNode,
+  Watcher,
+} from '@tmagic/core';
+
+const cache = new Map();
+
+export const getDeps = (ds: DataSourceSchema, nodes: MNode[], inEditor: boolean) => {
+  let cacheKey: string;
+
+  if (inEditor) {
+    const ids: Id[] = [];
+    nodes.forEach((node) => {
+      traverseNode(node, (node) => {
+        ids.push(node.id);
+      });
+    });
+
+    cacheKey = `${ds.id}:${ids.join(':')}`;
+  } else {
+    cacheKey = `${ds.id}:${nodes.map((node) => node.id).join(':')}`;
+  }
+
+  if (cache.has(cacheKey)) {
+    return cache.get(cacheKey);
+  }
+
+  const watcher = new Watcher();
+  watcher.addTarget(
+    new Target({
+      id: ds.id,
+      type: 'data-source',
+      isTarget: (key: string | number, value: any) => {
+        if (`${key}`.includes(DSL_NODE_KEY_COPY_PREFIX)) {
+          return false;
+        }
+
+        return isDataSourceTarget(ds, key, value, true);
+      },
+    }),
+  );
+
+  watcher.addTarget(
+    new Target({
+      id: ds.id,
+      type: 'cond',
+      isTarget: (key, value) => isDataSourceCondTarget(ds, key, value, true),
+    }),
+  );
+
+  watcher.collect(nodes, {}, true);
+
+  const { deps } = watcher.getTarget(ds.id, 'data-source');
+  const { deps: condDeps } = watcher.getTarget(ds.id, 'cond');
+
+  const result = { deps, condDeps };
+
+  cache.set(cacheKey, result);
+
+  return result;
+};
diff --git a/packages/data-source/src/index.ts b/packages/data-source/src/index.ts
index 84fd066e..c0183f8f 100644
--- a/packages/data-source/src/index.ts
+++ b/packages/data-source/src/index.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -15,7 +15,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
 export { default as DataSourceManager } from './DataSourceManager';
 export * from './data-sources';
 export * from './createDataSourceManager';
diff --git a/packages/data-source/src/observed-data/DeepObservedData.ts b/packages/data-source/src/observed-data/DeepObservedData.ts
index 476c854c..c65af304 100644
--- a/packages/data-source/src/observed-data/DeepObservedData.ts
+++ b/packages/data-source/src/observed-data/DeepObservedData.ts
@@ -23,9 +23,9 @@ export class DeepObservedData extends ObservedData {
   update = (data: any, path?: string) => {
     this.state?.update(path ?? '', data);
   };
-  on = (path: string, callback: (newVal: any) => void) => {
+  on = (path: string, callback: (newVal: any) => void, options?: { immediate?: boolean }) => {
     // subscribe 会立即执行一次，ignoreFirstCall 会忽略第一次执行
-    const unsubscribe = this.state!.subscribe(path, ignoreFirstCall(callback));
+    const unsubscribe = this.state!.subscribe(path, options?.immediate ? callback : ignoreFirstCall(callback));
 
     // 把取消监听的函数保存下来，供 off 时调用
     const pathSubscribers = this.subscribers.get(path) ?? new Map<Function, () => void>();
diff --git a/packages/data-source/src/observed-data/ObservedData.ts b/packages/data-source/src/observed-data/ObservedData.ts
index ec846285..8b9a8b09 100644
--- a/packages/data-source/src/observed-data/ObservedData.ts
+++ b/packages/data-source/src/observed-data/ObservedData.ts
@@ -1,7 +1,7 @@
 export abstract class ObservedData {
   abstract update(data: any, path?: string): void;
 
-  abstract on(path: string, callback: (newVal: any) => void): void;
+  abstract on(path: string, callback: (newVal: any) => void, options?: { immediate?: boolean }): void;
 
   abstract off(path: string, callback: (newVal: any) => void): void;
 
diff --git a/packages/data-source/src/observed-data/SimpleObservedData.ts b/packages/data-source/src/observed-data/SimpleObservedData.ts
index ba8cb82c..2a816486 100644
--- a/packages/data-source/src/observed-data/SimpleObservedData.ts
+++ b/packages/data-source/src/observed-data/SimpleObservedData.ts
@@ -1,6 +1,6 @@
 import { EventEmitter } from 'events';
 
-import { getValueByKeyPath, setValueByKeyPath } from '@tmagic/utils';
+import { getValueByKeyPath, setValueByKeyPath } from '@tmagic/core';
 
 import { ObservedData } from './ObservedData';
 
@@ -32,7 +32,10 @@ export class SimpleObservedData extends ObservedData {
     this.event.emit('', changeEvent);
   }
 
-  on(path: string, callback: (newVal: any) => void): void {
+  on(path: string, callback: (newVal: any) => void, options?: { immediate?: boolean }): void {
+    if (options?.immediate) {
+      callback(this.getData(path));
+    }
     this.event.on(path, callback);
   }
 
diff --git a/packages/data-source/src/types.ts b/packages/data-source/src/types.ts
index be4c7486..e2fcea54 100644
--- a/packages/data-source/src/types.ts
+++ b/packages/data-source/src/types.ts
@@ -1,14 +1,14 @@
-import type { AppCore, DataSourceSchema, HttpOptions, RequestFunction } from '@tmagic/schema';
+import type { DataSourceSchema, default as TMagicApp, HttpOptions, Method, RequestFunction } from '@tmagic/core';
 
 import type DataSource from './data-sources/Base';
 import type HttpDataSource from './data-sources/Http';
-import { ObservedData } from './observed-data/ObservedData';
+import type { ObservedData } from './observed-data/ObservedData';
 
 export type ObservedDataClass = new (...args: any[]) => ObservedData;
 
 export interface DataSourceOptions<T extends DataSourceSchema = DataSourceSchema> {
   schema: T;
-  app: AppCore;
+  app: TMagicApp;
   initialData?: Record<string, any>;
   useMock?: boolean;
   request?: RequestFunction;
@@ -16,23 +16,37 @@ export interface DataSourceOptions<T extends DataSourceSchema = DataSourceSchema
   [key: string]: any;
 }
 
+export interface HttpOptionsSchema {
+  /** 请求链接 */
+  url: string | ((data: { app: TMagicApp; dataSource: HttpDataSource }) => string);
+  /** query参数 */
+  params?: Record<string, string> | ((data: { app: TMagicApp; dataSource: HttpDataSource }) => Record<string, string>);
+  /** body数据 */
+  data?: Record<string, any> | ((data: { app: TMagicApp; dataSource: HttpDataSource }) => Record<string, string>);
+  /** 请求头 */
+  headers?: Record<string, string> | ((data: { app: TMagicApp; dataSource: HttpDataSource }) => Record<string, string>);
+  /** 请求方法 GET/POST */
+  method?: Method;
+  [key: string]: any;
+}
+
 export interface HttpDataSourceSchema extends DataSourceSchema {
   type: 'http';
-  options: HttpOptions;
+  options: HttpOptionsSchema;
   responseOptions?: {
     dataPath?: string;
   };
   autoFetch?: boolean;
   beforeRequest:
     | string
-    | ((options: HttpOptions, content: { app: AppCore; dataSource: HttpDataSource }) => HttpOptions);
+    | ((options: HttpOptions, content: { app: TMagicApp; dataSource: HttpDataSource }) => HttpOptions);
   afterResponse:
     | string
-    | ((response: any, content: { app: AppCore; dataSource: HttpDataSource; options: Partial<HttpOptions> }) => any);
+    | ((response: any, content: { app: TMagicApp; dataSource: HttpDataSource; options: Partial<HttpOptions> }) => any);
 }
 
 export interface DataSourceManagerOptions {
-  app: AppCore;
+  app: TMagicApp;
   /** 初始化数据，ssr数据可以由此传入 */
   initialData?: DataSourceManagerData;
   /** 是否使用mock数据 */
@@ -51,3 +65,7 @@ export interface ChangeEvent {
 export type AsyncDataSourceResolveResult<T = typeof DataSource> = {
   default: T;
 };
+
+export interface SchemaListMap {
+  [key: string]: DataSourceSchema[];
+}
diff --git a/packages/data-source/src/utils.ts b/packages/data-source/src/utils.ts
index 64e2292e..2bb6fbe2 100644
--- a/packages/data-source/src/utils.ts
+++ b/packages/data-source/src/utils.ts
@@ -1,51 +1,65 @@
-import { cloneDeep, template } from 'lodash-es';
+import { cloneDeep } from 'lodash-es';
 
-import { isDataSourceTemplate, isUseDataSourceField, Target, Watcher } from '@tmagic/dep';
-import type { MApp, MNode, MPage, MPageFragment } from '@tmagic/schema';
+import type { DepData, DisplayCond, DisplayCondItem, MApp, MNode, MPage, MPageFragment } from '@tmagic/core';
 import {
   compiledCond,
   compiledNode,
   DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX,
-  DSL_NODE_KEY_COPY_PREFIX,
+  dataSourceTemplateRegExp,
   getValueByKeyPath,
   isPage,
   isPageFragment,
+  NODE_CONDS_KEY,
   replaceChildNode,
-} from '@tmagic/utils';
+} from '@tmagic/core';
 
 import type { AsyncDataSourceResolveResult, DataSourceManagerData } from './types';
 
+/**
+ * 编译显示条件
+ * @param cond 条件配置
+ * @param data 上下文数据（数据源数据）
+ * @returns boolean
+ */
+export const compiledCondition = (cond: DisplayCondItem[], data: DataSourceManagerData) => {
+  let result = true;
+  for (const { op, value, range, field } of cond) {
+    const [sourceId, ...fields] = field;
+
+    const dsData = data[sourceId];
+
+    if (!dsData || !fields.length) {
+      break;
+    }
+
+    try {
+      const fieldValue = getValueByKeyPath(fields.join('.'), dsData);
+
+      if (!compiledCond(op, fieldValue, value, range)) {
+        result = false;
+        break;
+      }
+    } catch (e) {
+      console.warn(e);
+    }
+  }
+
+  return result;
+};
+
 /**
  * 编译数据源条件组
  * @param node dsl节点
  * @param data 数据源数据
  * @returns boolean
  */
-export const compliedConditions = (node: MNode, data: DataSourceManagerData) => {
-  if (!node.displayConds || !Array.isArray(node.displayConds) || !node.displayConds.length) return true;
+export const compliedConditions = (node: { [NODE_CONDS_KEY]?: DisplayCond[] }, data: DataSourceManagerData) => {
+  if (!node[NODE_CONDS_KEY] || !Array.isArray(node[NODE_CONDS_KEY]) || !node[NODE_CONDS_KEY].length) return true;
 
-  for (const { cond } of node.displayConds) {
+  for (const { cond } of node[NODE_CONDS_KEY]) {
     if (!cond) continue;
 
-    let result = true;
-    for (const { op, value, range, field } of cond) {
-      const [sourceId, ...fields] = field;
-
-      const dsData = data[sourceId];
-
-      if (!dsData || !fields.length) {
-        break;
-      }
-
-      const fieldValue = getValueByKeyPath(fields.join('.'), data[sourceId]);
-
-      if (!compiledCond(op, fieldValue, value, range)) {
-        result = false;
-        break;
-      }
-    }
-
-    if (result) {
+    if (compiledCondition(cond, data)) {
       return true;
     }
   }
@@ -69,16 +83,36 @@ export const updateNode = (node: MNode, dsl: MApp) => {
  * @param fields dsl节点字段，如a.b.c
  * @returns 数据上下文
  */
-export const createIteratorContentData = (itemData: any, dsId: string, fields: string[] = []) => {
-  const data = {
+export const createIteratorContentData = (
+  itemData: any,
+  dsId: string,
+  fields: string[] = [],
+  dsData: DataSourceManagerData = {},
+) => {
+  const data: DataSourceManagerData = {
+    ...dsData,
     [dsId]: {},
   };
 
-  fields.reduce((obj: any, field, index) => {
-    obj[field] = index === fields.length - 1 ? itemData : {};
+  let rawData = cloneDeep(dsData[dsId]);
+  let obj: Record<string, any> = data[dsId];
 
-    return obj[field];
-  }, data[dsId]);
+  fields.forEach((key, index) => {
+    Object.assign(obj, rawData);
+
+    if (index === fields.length - 1) {
+      obj[key] = itemData;
+      return;
+    }
+
+    if (Array.isArray(rawData[key])) {
+      rawData[key] = {};
+      obj[key] = {};
+    }
+
+    rawData = rawData[key];
+    obj = obj[key];
+  });
 
   return data;
 };
@@ -103,12 +137,27 @@ export const compliedDataSourceField = (value: any, data: DataSourceManagerData)
 
     if (!dsData) return value;
 
-    return getValueByKeyPath(fields.join('.'), dsData);
+    try {
+      return getValueByKeyPath(fields.join('.'), dsData);
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    } catch (e) {
+      return value;
+    }
   }
 
   return value;
 };
 
+export const template = (value: string, data?: DataSourceManagerData) =>
+  value.replace(dataSourceTemplateRegExp, (match, $1) => {
+    try {
+      return getValueByKeyPath($1, data);
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    } catch (e: any) {
+      return match;
+    }
+  });
+
 /**
  * 编译通过tmagic-editor的数据源源选择器（data-source-input，data-source-select，data-source-field-select）配置出来的数据，或者其他符合规范的配置
  * @param value dsl节点中的数据源配置
@@ -118,7 +167,7 @@ export const compliedDataSourceField = (value: any, data: DataSourceManagerData)
 export const compiledNodeField = (value: any, data: DataSourceManagerData) => {
   // 使用data-source-input等表单控件配置的字符串模板，如：`xxx${id.field}xxx`
   if (typeof value === 'string') {
-    return template(value)(data);
+    return template(value, data);
   }
 
   // 使用data-source-select等表单控件配置的数据源，如：{ isBindDataSource: true, dataSourceId: 'xxx'}
@@ -128,7 +177,7 @@ export const compiledNodeField = (value: any, data: DataSourceManagerData) => {
 
   // 指定数据源的字符串模板，如：{ isBindDataSourceField: true, dataSourceId: 'id', template: `xxx${field}xxx`}
   if (value?.isBindDataSourceField && value.dataSourceId && typeof value.template === 'string') {
-    return template(value.template)(data[value.dataSourceId]);
+    return template(value.template, data[value.dataSourceId]);
   }
 
   // 使用data-source-field-select等表单控件的数据源字段，如：[`${DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX}${id}`, 'field']
@@ -139,52 +188,60 @@ export const compiledNodeField = (value: any, data: DataSourceManagerData) => {
   return value;
 };
 
-export const compliedIteratorItems = (itemData: any, items: MNode[], dsId: string, keys: string[] = []) => {
-  const watcher = new Watcher();
-  watcher.addTarget(
-    new Target({
-      id: dsId,
-      isTarget: (key: string | number, value: any) => {
-        if (`${key}`.startsWith(DSL_NODE_KEY_COPY_PREFIX)) {
-          return false;
-        }
+export const compliedIteratorItem = ({
+  compile,
+  dsId,
+  item,
+  deps,
+  condDeps,
+  inEditor,
+  ctxData,
+}: {
+  compile: (value: any) => any;
+  dsId: string;
+  item: MNode;
+  deps: DepData;
+  condDeps: DepData;
+  inEditor: boolean;
+  ctxData: DataSourceManagerData;
+}) => {
+  const { items, ...node } = item;
+  const newNode = cloneDeep(node);
 
-        return isDataSourceTemplate(value, dsId) || isUseDataSourceField(value, dsId);
-      },
-    }),
-  );
-
-  watcher.collect(items, {}, true);
-
-  const { deps } = watcher.getTarget(dsId);
-  if (!Object.keys(deps).length) {
-    return items;
+  if (condDeps[node.id]?.keys.length && !inEditor) {
+    newNode.condResult = compliedConditions(node, ctxData);
   }
 
-  return items.map((item) => {
-    if (!deps[item.id]?.keys.length) {
-      return item;
-    }
-
-    return compiledNode(
-      (value: any) => {
-        const ctxData = createIteratorContentData(itemData, dsId, keys);
-        return compiledNodeField(value, ctxData);
-      },
-      cloneDeep(item),
-      {
-        [dsId]: deps,
-      },
-      dsId,
+  if (Array.isArray(items) && items.length) {
+    newNode.items = items.map((item) =>
+      compliedIteratorItem({ compile, dsId, item, deps, condDeps, inEditor, ctxData }),
     );
-  });
+  } else if (items) {
+    newNode.items = items;
+  }
+
+  if (!deps[newNode.id]?.keys.length) {
+    return newNode;
+  }
+
+  return compiledNode(
+    compile,
+    newNode,
+    {
+      [dsId]: deps,
+    },
+    dsId,
+  );
 };
 
+/**
+ * 按需加载数据源
+ */
 export const registerDataSourceOnDemand = async (
   dsl: MApp,
   dataSourceModules: Record<string, () => Promise<AsyncDataSourceResolveResult>>,
 ) => {
-  const { dataSourceCondDeps = {}, dataSourceDeps = {}, dataSources = [] } = dsl;
+  const { dataSourceMethodsDeps = {}, dataSourceCondDeps = {}, dataSourceDeps = {}, dataSources = [] } = dsl;
 
   const dsModuleMap: Record<string, () => Promise<AsyncDataSourceResolveResult>> = {};
 
@@ -195,6 +252,10 @@ export const registerDataSourceOnDemand = async (
       dep = dataSourceDeps[ds.id] || {};
     }
 
+    if (!Object.keys(dep).length) {
+      dep = dataSourceMethodsDeps[ds.id] || {};
+    }
+
     if (Object.keys(dep).length && dataSourceModules[ds.type]) {
       dsModuleMap[ds.type] = dataSourceModules[ds.type];
     }
diff --git a/packages/data-source/tests/DataSource.spec.ts b/packages/data-source/tests/DataSource.spec.ts
index b3f55e85..2a6d4669 100644
--- a/packages/data-source/tests/DataSource.spec.ts
+++ b/packages/data-source/tests/DataSource.spec.ts
@@ -1,5 +1,7 @@
 import { describe, expect, test } from 'vitest';
 
+import App from '@tmagic/core';
+
 import { DataSource } from '@data-source/index';
 
 describe('DataSource', () => {
@@ -10,8 +12,9 @@ describe('DataSource', () => {
         id: '1',
         fields: [{ name: 'name' }],
         methods: [],
+        events: [],
       },
-      app: {},
+      app: new App({}),
     });
 
     expect(ds).toBeInstanceOf(DataSource);
@@ -25,8 +28,9 @@ describe('DataSource', () => {
         id: '1',
         fields: [{ name: 'name' }],
         methods: [],
+        events: [],
       },
-      app: {},
+      app: new App({}),
     });
 
     ds.init();
@@ -43,8 +47,9 @@ describe('DataSource setData', () => {
         id: '1',
         fields: [{ name: 'name', defaultValue: 'name' }],
         methods: [],
+        events: [],
       },
-      app: {},
+      app: new App({}),
     });
 
     ds.init();
@@ -74,8 +79,9 @@ describe('DataSource setData', () => {
           },
         ],
         methods: [],
+        events: [],
       },
-      app: {},
+      app: new App({}),
     });
 
     ds.init();
diff --git a/packages/data-source/tests/DataSourceMenager.spec.ts b/packages/data-source/tests/DataSourceMenager.spec.ts
index 4acd261b..ee2654c1 100644
--- a/packages/data-source/tests/DataSourceMenager.spec.ts
+++ b/packages/data-source/tests/DataSourceMenager.spec.ts
@@ -1,18 +1,10 @@
-import { describe, expect, test } from 'vitest';
+import { afterAll, describe, expect, test } from 'vitest';
 
-import { type MApp, NodeType } from '@tmagic/schema';
+import TMagicApp, { NodeType } from '@tmagic/core';
 
 import { DataSource, DataSourceManager } from '@data-source/index';
 
-class Core {
-  public dsl?: MApp;
-
-  constructor(options: any) {
-    this.dsl = options.config;
-  }
-}
-
-const app = new Core({
+const app = new TMagicApp({
   config: {
     type: NodeType.ROOT,
     id: '1',
@@ -23,17 +15,23 @@ const app = new Core({
         id: '1',
         fields: [{ name: 'name' }],
         methods: [],
+        events: [],
       },
       {
         type: 'http',
         id: '2',
         fields: [{ name: 'name' }],
         methods: [],
+        events: [],
       },
     ],
   },
 });
 
+afterAll(async () => {
+  DataSourceManager.clearDataSourceClass();
+});
+
 describe('DataSourceManager', () => {
   const dsm = new DataSourceManager({
     app,
@@ -45,10 +43,10 @@ describe('DataSourceManager', () => {
     expect(dsm.dataSourceMap.get('2')?.type).toBe('http');
   });
 
-  test('registe', () => {
+  test('register', () => {
     class TestDataSource extends DataSource {}
 
-    DataSourceManager.registe('test', TestDataSource as any);
+    DataSourceManager.register('test', TestDataSource as any);
     expect(DataSourceManager.getDataSourceClass('test')).toBe(TestDataSource);
   });
 
@@ -72,6 +70,7 @@ describe('DataSourceManager', () => {
         id: '1',
         fields: [{ name: 'name1' }],
         methods: [],
+        events: [],
       },
     ]);
     const ds = dsm.get('1');
@@ -89,6 +88,7 @@ describe('DataSourceManager', () => {
       id: '1',
       fields: [{ name: 'name' }],
       methods: [],
+      events: [],
     });
     expect(dsm.get('1')).toBeInstanceOf(DataSource);
   });
diff --git a/packages/data-source/tests/createDataSourceManager.spec.ts b/packages/data-source/tests/createDataSourceManager.spec.ts
index a3b96c73..360b4291 100644
--- a/packages/data-source/tests/createDataSourceManager.spec.ts
+++ b/packages/data-source/tests/createDataSourceManager.spec.ts
@@ -1,17 +1,9 @@
 import { describe, expect, test } from 'vitest';
 
-import { MApp, NodeType } from '@tmagic/schema';
+import TMagicApp, { type MApp, NodeType } from '@tmagic/core';
 
 import { createDataSourceManager, DataSourceManager } from '@data-source/index';
 
-class Core {
-  public dsl?: MApp;
-
-  constructor(options: any) {
-    this.dsl = options.config;
-  }
-}
-
 const dsl: MApp = {
   type: NodeType.ROOT,
   id: 'app_1',
@@ -46,13 +38,16 @@ const dsl: MApp = {
         },
       ],
       methods: [],
+      events: [],
     },
   ],
 };
 
 describe('createDataSourceManager', () => {
   test('instance', () => {
-    const manager = createDataSourceManager(new Core({ config: dsl }));
+    const manager = createDataSourceManager(new TMagicApp({ config: dsl }));
     expect(manager).toBeInstanceOf(DataSourceManager);
+
+    DataSourceManager.clearDataSourceClass();
   });
 });
diff --git a/packages/data-source/tests/utils.spec.ts b/packages/data-source/tests/utils.spec.ts
new file mode 100644
index 00000000..2265e2d3
--- /dev/null
+++ b/packages/data-source/tests/utils.spec.ts
@@ -0,0 +1,186 @@
+import { describe, expect, test } from 'vitest';
+
+import { dataSourceTemplateRegExp } from '@tmagic/core';
+
+import { compiledCondition, createIteratorContentData, template } from '@data-source/utils';
+
+describe('compiledCondition', () => {
+  test('=,true', () => {
+    const result = compiledCondition(
+      [
+        {
+          field: ['a', 'b'],
+          op: '=',
+          value: 1,
+        },
+      ],
+      { a: { b: 1 } },
+    );
+
+    expect(result).toBeTruthy();
+  });
+
+  test('=,false', () => {
+    const result = compiledCondition(
+      [
+        {
+          field: ['a', 'b'],
+          op: '=',
+          value: 2,
+        },
+      ],
+      { a: { b: 1 } },
+    );
+
+    expect(result).toBeFalsy();
+  });
+});
+
+describe('template', () => {
+  test('template', () => {
+    const value = template('xxx${aa.bb}123${aa1.bb1}dsf', { aa: { bb: 1 }, aa1: { bb1: 2 } });
+    expect(value).toBe('xxx11232dsf');
+  });
+
+  // 测试1: 普通字符串，没有模板变量
+  test('should return original string when no template variables', () => {
+    const value = 'This is a plain text';
+    const result = template(value);
+    expect(result).toBe(value);
+  });
+
+  // 测试2: 包含模板变量但未提供数据源
+  test('should keep template variables when no data provided', () => {
+    const value = 'Hello ${user.name}';
+    const result = template(value);
+    expect(result).toBe(value);
+  });
+
+  // 测试3: 包含模板变量且数据源中有对应值
+  test('should replace template variables with data source values', () => {
+    const value = 'Hello ${user.name}, your age is ${user.age}';
+    const data = {
+      user: {
+        name: 'John',
+        age: 30,
+      },
+    };
+    const result = template(value, data);
+    expect(result).toBe('Hello John, your age is 30');
+  });
+
+  // 测试4: 模板变量在数据源中不存在
+  test('should keep template variables when path not found in data', () => {
+    const value = 'Hello ${user.name}, your job is ${user.job}';
+    const data = {
+      user: {
+        name: 'John',
+      },
+    };
+    const result = template(value, data);
+    expect(result).toBe('Hello John, your job is undefined');
+  });
+
+  // 测试5: 多层嵌套的数据源路径
+  test('should handle deeply nested data paths', () => {
+    const value = 'User info: ${user.personal.details.address.city}';
+    const data = {
+      user: {
+        personal: {
+          details: {
+            address: {
+              city: 'Beijing',
+            },
+          },
+        },
+      },
+    };
+    const result = template(value, data);
+    expect(result).toBe('User info: Beijing');
+  });
+
+  // 测试6: 多个模板变量混合的情况
+  test('should handle multiple template variables mixed with text', () => {
+    const value = 'User: ${user.name}, Age: ${user.age}, Score: ${user.score}';
+    const data = {
+      user: {
+        name: 'Alice',
+        age: 25,
+        score: 95,
+      },
+    };
+    const result = template(value, data);
+    expect(result).toBe('User: Alice, Age: 25, Score: 95');
+  });
+
+  // 测试7: 数据源为 undefined 或 null
+  test('should handle undefined or null data source', () => {
+    const value = 'Test ${some.value}';
+
+    // 测试 undefined
+    const result1 = template(value, undefined);
+    expect(result1).toBe(value);
+
+    // 测试 null
+    const result2 = template(value, null as any);
+    expect(result2).toBe(value);
+  });
+
+  // 测试8: 空字符串输入
+  test('should handle empty string input', () => {
+    const value = '';
+    const result = template(value);
+    expect(result).toBe('');
+  });
+
+  // 测试9: 正则表达式匹配测试
+  test('should correctly match template patterns', () => {
+    // 测试正则表达式是否能正确匹配模板变量
+    const testString = '${a.b.c} ${x.y.z}';
+    const matches = testString.match(dataSourceTemplateRegExp);
+    expect(matches).not.toBeNull();
+    expect(matches?.length).toBeGreaterThan(0);
+  });
+
+  // 测试10: 复杂混合情况
+  test('should handle complex mixed cases', () => {
+    const value = 'User: ${user.name}, ${user.age} years old. ${not.found} ${user.address.city}';
+    const data = {
+      user: {
+        name: 'Bob',
+        age: 40,
+        address: {
+          city: 'Shanghai',
+        },
+      },
+    };
+    const result = template(value, data);
+    expect(result).toBe('User: Bob, 40 years old. ${not.found} Shanghai');
+  });
+});
+
+describe('createIteratorContentData', () => {
+  test('createIteratorContentData', () => {
+    const ctxData: any = createIteratorContentData({ b: 1 }, 'ds', ['a'], { ds: { a: [{ b: 1 }] } });
+    expect(ctxData.ds.a.b).toBe(1);
+  });
+  test('混用', () => {
+    const ctxData: any = createIteratorContentData({ b: 1 }, 'ds', ['a'], { ds: { a: [{ b: 1 }], b: 2 } });
+    expect(ctxData.ds.b).toBe(2);
+  });
+
+  test('二维数组', () => {
+    const ctxData: any = createIteratorContentData({ a: 1 }, 'ds', ['a', 'c'], {
+      ds: {
+        a: [
+          {
+            b: 0,
+            c: [{ a: 1 }],
+          },
+        ],
+        b: 2,
+      },
+    });
+    expect(ctxData.ds.a.c.a).toBe(1);
+  });
+});
diff --git a/packages/data-source/tsconfig.build.json b/packages/data-source/tsconfig.build.json
deleted file mode 100644
index 41dfc935..00000000
--- a/packages/data-source/tsconfig.build.json
+++ /dev/null
@@ -1,16 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "baseUrl": ".",
-    "declaration": true,
-    "declarationDir": "types",
-    "forceConsistentCasingInFileNames": true,
-    "outDir": "./types",
-    "paths": {
-      "@data-source/*": ["src/*"],
-    },
-  },
-  "include": [
-		"src"
-	],
-}
diff --git a/packages/data-source/tsconfig.json b/packages/data-source/tsconfig.json
deleted file mode 100644
index 6c40cf1e..00000000
--- a/packages/data-source/tsconfig.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "baseUrl": "../..",
-  },
-}
diff --git a/packages/data-source/vite.config.ts b/packages/data-source/vite.config.ts
deleted file mode 100644
index 10a8fee8..00000000
--- a/packages/data-source/vite.config.ts
+++ /dev/null
@@ -1,62 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import path from 'path';
-
-import { defineConfig } from 'vite';
-
-import pkg from './package.json';
-
-export default defineConfig(({ mode }) => ({
-  resolve: {
-    alias:
-      process.env.NODE_ENV === 'production'
-        ? [{ find: /^@data-source/, replacement: path.join(__dirname, './src') }]
-        : [
-            { find: /^@data-source/, replacement: path.join(__dirname, './src') },
-            { find: /^@tmagic\/dep/, replacement: path.join(__dirname, '../dep/src/index.ts') },
-            { find: /^@tmagic\/schema/, replacement: path.join(__dirname, '../schema/src/index.ts') },
-          ],
-  },
-
-  build: {
-    cssCodeSplit: false,
-    sourcemap: false,
-    minify: false,
-    target: 'esnext',
-
-    lib: {
-      entry: 'src/index.ts',
-      name: 'TMagicDataSource',
-      fileName: 'tmagic-data-source',
-    },
-
-    rollupOptions: {
-      // 确保外部化处理那些你不想打包进库的依赖
-      external(id: string) {
-        if (mode === 'umd' && id === 'lodash-es') {
-          return false;
-        }
-        return Object.keys({
-          ...pkg.dependencies,
-          ...pkg.peerDependencies,
-        }).some((k) => new RegExp(`^${k}`).test(id));
-      },
-    },
-  },
-}));
diff --git a/packages/dep/package.json b/packages/dep/package.json
index 51b7a9cc..278b1adc 100644
--- a/packages/dep/package.json
+++ b/packages/dep/package.json
@@ -1,48 +1,37 @@
 {
-  "version": "1.4.7",
+  "version": "1.7.8",
   "name": "@tmagic/dep",
   "type": "module",
-  "sideEffects": [
-    "dist/*"
-  ],
+  "sideEffects": false,
   "main": "dist/tmagic-dep.umd.cjs",
-  "module": "dist/tmagic-dep.js",
+  "module": "dist/es/index.js",
   "types": "types/index.d.ts",
   "exports": {
     ".": {
       "types": "./types/index.d.ts",
-      "import": "./dist/tmagic-dep.js",
+      "import": "./dist/es/index.js",
       "require": "./dist/tmagic-dep.umd.cjs"
     },
     "./*": "./*"
   },
   "files": [
     "dist",
-    "types"
+    "types",
+    "src"
   ],
   "license": "Apache-2.0",
-  "scripts": {
-    "build": "npm run build:type && vite build",
-    "build:type": "npm run clear:type && tsc --declaration --emitDeclarationOnly --project tsconfig.build.json",
-    "check:type": "tsc --noEmit --project tsconfig.build.json",
-    "clear:type": "rimraf ./types"
-  },
   "engines": {
     "node": ">=18"
   },
   "repository": {
+    "directory": "packages/dep",
     "type": "git",
     "url": "https://github.com/Tencent/tmagic-editor.git"
   },
-  "devDependencies": {
-    "@types/node": "^18.19.0",
-    "rimraf": "^3.0.2",
-    "vite": "^5.2.12"
-  },
   "peerDependencies": {
     "@tmagic/schema": "workspace:*",
     "@tmagic/utils": "workspace:*",
-    "typescript": "*"
+    "typescript": "catalog:"
   },
   "peerDependenciesMeta": {
     "typescript": {
diff --git a/packages/dep/src/Target.ts b/packages/dep/src/Target.ts
index 863dc4ed..a7e56556 100644
--- a/packages/dep/src/Target.ts
+++ b/packages/dep/src/Target.ts
@@ -71,7 +71,7 @@ export default class Target {
 
     this.deps[id] = dep;
 
-    if (dep.keys.indexOf(key) === -1) {
+    if (!dep.keys.includes(key)) {
       dep.keys.push(key);
     }
   }
@@ -115,7 +115,7 @@ export default class Target {
   public hasDep(id: string | number, key: string | number) {
     const dep = this.deps[id];
 
-    return Boolean(dep?.keys.find((d) => d === key));
+    return dep?.keys.includes(key) ?? false;
   }
 
   public destroy() {
diff --git a/packages/dep/src/Watcher.ts b/packages/dep/src/Watcher.ts
index e42be38d..0b483d84 100644
--- a/packages/dep/src/Watcher.ts
+++ b/packages/dep/src/Watcher.ts
@@ -1,9 +1,16 @@
+import { NODE_DISABLE_CODE_BLOCK_KEY, NODE_DISABLE_DATA_SOURCE_KEY } from '@tmagic/schema';
 import { isObject } from '@tmagic/utils';
 
 import type Target from './Target';
 import { type DepExtendedData, DepTargetType, type TargetList, TargetNode } from './types';
 import { traverseTarget } from './utils';
 
+const DATA_SOURCE_TARGET_TYPES: Set<string> = new Set([
+  DepTargetType.DATA_SOURCE,
+  DepTargetType.DATA_SOURCE_COND,
+  DepTargetType.DATA_SOURCE_METHOD,
+]);
+
 export default class Watcher {
   private targetsList: TargetList = {};
   private childrenProp = 'items';
@@ -103,9 +110,9 @@ export default class Watcher {
    * 删除所有target
    */
   public clearTargets() {
-    Object.keys(this.targetsList).forEach((key) => {
+    for (const key of Object.keys(this.targetsList)) {
       delete this.targetsList[key];
-    });
+    }
   }
 
   /**
@@ -137,9 +144,9 @@ export default class Watcher {
         if (!type && !target.isCollectByDefault) {
           return;
         }
-        nodes.forEach((node) => {
+        for (const node of nodes) {
           cb({ node, target });
-        });
+        }
       },
       type,
     );
@@ -158,21 +165,21 @@ export default class Watcher {
       };
     }
 
-    const clearedItemsNodeIds: (string | number)[] = [];
+    const clearedItemsNodeIds = new Set<string | number>();
     traverseTarget(targetsList, (target) => {
       if (nodes) {
-        nodes.forEach((node) => {
+        for (const node of nodes) {
           target.removeDep(node[this.idProp]);
 
           if (
             Array.isArray(node[this.childrenProp]) &&
             node[this.childrenProp].length &&
-            !clearedItemsNodeIds.includes(node[this.idProp])
+            !clearedItemsNodeIds.has(node[this.idProp])
           ) {
-            clearedItemsNodeIds.push(node[this.idProp]);
+            clearedItemsNodeIds.add(node[this.idProp]);
             this.clear(node[this.childrenProp]);
           }
-        });
+        }
       } else {
         target.removeDep();
       }
@@ -189,6 +196,14 @@ export default class Watcher {
   }
 
   public collectItem(node: TargetNode, target: Target, depExtendedData: DepExtendedData = {}, deep = false) {
+    if (node[NODE_DISABLE_DATA_SOURCE_KEY] && DATA_SOURCE_TARGET_TYPES.has(target.type)) {
+      return;
+    }
+
+    if (node[NODE_DISABLE_CODE_BLOCK_KEY] && target.type === DepTargetType.CODE_BLOCK) {
+      return;
+    }
+
     const collectTarget = (config: Record<string | number, any>, prop = '') => {
       const doCollect = (key: string, value: any) => {
         const keyIsItems = key === this.childrenProp;
@@ -202,26 +217,28 @@ export default class Watcher {
             key: fullKey,
           });
         } else if (!keyIsItems && Array.isArray(value)) {
-          value.forEach((item, index) => {
+          for (let i = 0, l = value.length; i < l; i++) {
+            const item = value[i];
             if (isObject(item)) {
-              collectTarget(item, `${fullKey}[${index}]`);
+              collectTarget(item, `${fullKey}[${i}]`);
             }
-          });
+          }
         } else if (isObject(value)) {
           collectTarget(value, fullKey);
         }
 
         if (keyIsItems && deep && Array.isArray(value)) {
-          value.forEach((child) => {
+          for (const child of value) {
             this.collectItem(child, target, depExtendedData, deep);
-          });
+          }
         }
       };
 
-      Object.entries(config).forEach(([key, value]) => {
-        if (typeof value === 'undefined' || value === '') return;
+      for (const [key, value] of Object.entries(config)) {
+        if (typeof value === 'undefined' || value === '') continue;
+
         doCollect(key, value);
-      });
+      }
     };
 
     collectTarget(node);
@@ -230,9 +247,9 @@ export default class Watcher {
   public removeTargetDep(target: Target, node: TargetNode, key?: string | number) {
     target.removeDep(node[this.idProp], key);
     if (typeof key === 'undefined' && Array.isArray(node[this.childrenProp]) && node[this.childrenProp].length) {
-      node[this.childrenProp].forEach((item: TargetNode) => {
+      for (const item of node[this.childrenProp] as TargetNode[]) {
         this.removeTargetDep(target, item, key);
-      });
+      }
     }
   }
 }
diff --git a/packages/dep/src/utils.ts b/packages/dep/src/utils.ts
index e2113af1..78f487f1 100644
--- a/packages/dep/src/utils.ts
+++ b/packages/dep/src/utils.ts
@@ -6,26 +6,33 @@ import {
   type HookData,
   HookType,
   type Id,
+  NODE_CONDS_KEY,
 } from '@tmagic/schema';
-import { DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX } from '@tmagic/utils';
+import {
+  DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX,
+  dataSourceTemplateRegExp,
+  getKeysArray,
+  isObject,
+} from '@tmagic/utils';
 
 import Target from './Target';
 import { DepTargetType, type TargetList } from './types';
 
+const INTEGER_REGEXP = /^\d+$/;
+
 export const createCodeBlockTarget = (id: Id, codeBlock: CodeBlockContent, initialDeps: DepData = {}) =>
   new Target({
     type: DepTargetType.CODE_BLOCK,
     id,
     initialDeps,
     name: codeBlock.name,
-    isTarget: (key: string | number, value: any) => {
+    isTarget: (_key: string | number, value: any) => {
       if (id === value) {
         return true;
       }
 
       if (value?.hookType === HookType.CODE && Array.isArray(value.hookData)) {
-        const index = value.hookData.findIndex((item: HookData) => item.codeId === id);
-        return Boolean(index > -1);
+        return value.hookData.some((item: HookData) => item.codeId === id);
       }
 
       return false;
@@ -40,33 +47,53 @@ export const createCodeBlockTarget = (id: Id, codeBlock: CodeBlockContent, initi
  * @returns boolean
  */
 export const isIncludeArrayField = (keys: string[], fields: DataSchema[]) => {
-  let includeArray = false;
+  let f = fields;
 
-  keys.reduce((accumulator: DataSchema[], currentValue: string, currentIndex: number) => {
-    const field = accumulator.find(({ name }) => name === currentValue);
-    if (
-      field &&
-      field.type === 'array' &&
-      // 不是整数
-      /^(?!\d+$).*$/.test(`${keys[currentIndex + 1]}`) &&
-      currentIndex < keys.length - 1
-    ) {
-      includeArray = true;
-    }
-    return field?.fields || [];
-  }, fields);
+  return keys.some((key, index) => {
+    const field = f.find(({ name }) => name === key);
 
-  return includeArray;
+    f = field?.fields || [];
+
+    // 字段类型为数组并且后面没有数字索引
+    return field?.type === 'array' && index < keys.length - 1 && !INTEGER_REGEXP.test(keys[index + 1]);
+  });
 };
 
 /**
  * 判断模板(value)是不是使用数据源Id(dsId)，如：`xxx${dsId.field}xxx${dsId.field}`
  * @param value any
  * @param dsId string | number
+ * @param hasArray boolean true: 一定要包含有需要迭代的模板; false: 一定要包含普通模板;
  * @returns boolean
  */
-export const isDataSourceTemplate = (value: any, dsId: string | number) =>
-  typeof value === 'string' && value.includes(`${dsId}`) && /\$\{([\s\S]+?)\}/.test(value);
+export const isDataSourceTemplate = (value: any, ds: Pick<DataSourceSchema, 'id' | 'fields'>, hasArray = false) => {
+  // 模板中可能会存在多个表达式，将表达式从模板中提取出来
+  const templates: string[] = value.match(dataSourceTemplateRegExp) || [];
+
+  if (templates.length <= 0) {
+    return false;
+  }
+
+  for (const tpl of templates) {
+    // 将${dsId.xxxx} 转成 dsId.xxxx
+    const expression = tpl.substring(2, tpl.length - 1);
+    const keys = getKeysArray(expression);
+    const dsId = keys.shift();
+
+    if (!dsId || dsId !== ds.id) {
+      continue;
+    }
+
+    // ${dsId.array} ${dsId.array[0]} ${dsId.array[0].a} 这种是依赖
+    // ${dsId.array.a} 这种不是依赖，这种需要再迭代器容器中的组件才能使用，依赖由迭代器处理
+    const includesArray = isIncludeArrayField(keys, ds.fields);
+    if (hasArray === includesArray) {
+      return true;
+    }
+  }
+
+  return false;
+};
 
 /**
  * 指定数据源的字符串模板,如：{ isBindDataSourceField: true, dataSourceId: 'id', template: `xxx${field}xxx`}
@@ -83,11 +110,11 @@ export const isSpecificDataSourceTemplate = (value: any, dsId: string | number)
 /**
  * 关联数据源字段，格式为 [前缀+数据源ID, 字段名]
  * 使用data-source-field-select value: 'value' 可以配置出来
- * @param value any
+ * @param value any[]
  * @param id string | number
  * @returns boolean
  */
-export const isUseDataSourceField = (value: any, id: string | number) => {
+export const isUseDataSourceField = (value: any[], id: string | number) => {
   if (!Array.isArray(value) || typeof value[0] !== 'string') {
     return false;
   }
@@ -107,20 +134,21 @@ export const isUseDataSourceField = (value: any, id: string | number) => {
 /**
  * 判断是否不包含${dsId.array.a}
  * @param value any
- * @param ds DataSourceSchema
+ * @param ds Pick<DataSourceSchema, 'id' | 'fields'>
  * @returns boolean
  */
-export const isDataSourceTemplateNotIncludeArrayField = (value: string, ds: DataSourceSchema): boolean => {
+export const isDataSourceTemplateNotIncludeArrayField = (
+  value: string,
+  ds: Pick<DataSourceSchema, 'id' | 'fields'>,
+): boolean => {
   // 模板中可能会存在多个表达式，将表达式从模板中提取出来
-  const templates = value.match(/\$\{([\s\S]+?)\}/g) || [];
+  const templates = value.match(dataSourceTemplateRegExp) || [];
 
+  let result = false;
   for (const tpl of templates) {
-    const keys = tpl
-      // 将${dsId.xxxx} 转成 dsId.xxxx
-      .substring(2, tpl.length - 1)
-      // 将 array[0] 转成 array.0
-      .replaceAll(/\[(\d+)\]/g, '.$1')
-      .split('.');
+    // 将${dsId.xxxx} 转成 dsId.xxxx
+    const expression = tpl.substring(2, tpl.length - 1);
+    const keys = getKeysArray(expression);
     const dsId = keys.shift();
 
     if (!dsId || dsId !== ds.id) {
@@ -132,64 +160,125 @@ export const isDataSourceTemplateNotIncludeArrayField = (value: string, ds: Data
     if (isIncludeArrayField(keys, ds.fields)) {
       return false;
     }
+    result = true;
   }
 
-  return true;
+  return result;
 };
 
-export const createDataSourceTarget = (ds: DataSourceSchema, initialDeps: DepData = {}) =>
+export const isDataSourceTarget = (
+  ds: Pick<DataSourceSchema, 'id' | 'fields'>,
+  key: string | number,
+  value: any,
+  hasArray = false,
+) => {
+  if (!value) {
+    return false;
+  }
+
+  const valueType = typeof value;
+  if (valueType !== 'string' && valueType !== 'object') {
+    return false;
+  }
+
+  if (`${key}`.startsWith(NODE_CONDS_KEY)) {
+    return false;
+  }
+
+  // 或者在模板在使用数据源
+  if (valueType === 'string') {
+    return isDataSourceTemplate(value, ds, hasArray);
+  }
+
+  // 关联数据源对象,如：{ isBindDataSource: true, dataSourceId: 'xxx'}
+  // 使用data-source-select value: 'value' 可以配置出来
+  if (isObject(value) && value.isBindDataSource && value.dataSourceId === ds.id) {
+    return true;
+  }
+
+  if (isSpecificDataSourceTemplate(value, ds.id)) {
+    return true;
+  }
+
+  if (isUseDataSourceField(value, ds.id)) {
+    const [, ...keys] = value;
+    const includeArray = isIncludeArrayField(keys, ds.fields);
+    return hasArray ? includeArray : !includeArray;
+  }
+
+  return false;
+};
+
+export const isDataSourceCondTarget = (
+  ds: Pick<DataSourceSchema, 'id' | 'fields'>,
+  key: string | number,
+  value: any,
+  hasArray = false,
+) => {
+  if (!Array.isArray(value) || !ds) {
+    return false;
+  }
+
+  const [dsId, ...keys] = value;
+  // 使用data-source-field-select value: 'key' 可以配置出来
+  if (dsId !== ds.id || !`${key}`.startsWith(NODE_CONDS_KEY)) {
+    return false;
+  }
+
+  if (ds.fields?.some((field) => field.name === keys[0])) {
+    const includeArray = isIncludeArrayField(keys, ds.fields);
+    return hasArray ? includeArray : !includeArray;
+  }
+
+  return false;
+};
+
+export const createDataSourceTarget = (ds: Pick<DataSourceSchema, 'id' | 'fields'>, initialDeps: DepData = {}) =>
   new Target({
     type: DepTargetType.DATA_SOURCE,
     id: ds.id,
     initialDeps,
-    isTarget: (key: string | number, value: any) => {
-      // 关联数据源对象,如：{ isBindDataSource: true, dataSourceId: 'xxx'}
-      // 使用data-source-select value: 'value' 可以配置出来
-
-      if (value?.isBindDataSource && value.dataSourceId && value.dataSourceId === ds.id) {
-        return true;
-      }
-
-      // 或者在模板在使用数据源
-      if (isDataSourceTemplate(value, ds.id)) {
-        return isDataSourceTemplateNotIncludeArrayField(value, ds);
-      }
-
-      if (isSpecificDataSourceTemplate(value, ds.id)) {
-        return true;
-      }
-
-      if (isUseDataSourceField(value, ds.id)) {
-        const [, ...keys] = value;
-        return !isIncludeArrayField(keys, ds.fields);
-      }
-
-      return false;
-    },
+    isTarget: (key: string | number, value: any) => isDataSourceTarget(ds, key, value),
   });
 
-export const createDataSourceCondTarget = (ds: DataSourceSchema, initialDeps: DepData = {}) =>
+export const createDataSourceCondTarget = (ds: Pick<DataSourceSchema, 'id' | 'fields'>, initialDeps: DepData = {}) =>
   new Target({
     type: DepTargetType.DATA_SOURCE_COND,
     id: ds.id,
     initialDeps,
-    isTarget: (key: string | number, value: any) => {
-      // 使用data-source-field-select value: 'key' 可以配置出来
-      if (!Array.isArray(value) || value[0] !== ds.id || !`${key}`.startsWith('displayConds')) return false;
-      return Boolean(ds?.fields?.find((field) => field.name === value[1]));
-    },
+    isTarget: (key: string | number, value: any) => isDataSourceCondTarget(ds, key, value),
   });
 
-export const createDataSourceMethodTarget = (ds: DataSourceSchema, initialDeps: DepData = {}) =>
+export const createDataSourceMethodTarget = (
+  ds: Pick<DataSourceSchema, 'id' | 'methods' | 'fields'>,
+  initialDeps: DepData = {},
+) =>
   new Target({
     type: DepTargetType.DATA_SOURCE_METHOD,
     id: ds.id,
     initialDeps,
-    isTarget: (key: string | number, value: any) => {
+    isTarget: (_key: string | number, value: any) => {
       // 使用data-source-method-select 可以配置出来
-      if (!Array.isArray(value) || value[0] !== ds.id) return false;
+      if (!Array.isArray(value)) {
+        return false;
+      }
 
-      return Boolean(ds?.methods?.find((method) => method.name === value[1]));
+      const [dsId, methodName] = value;
+
+      if (!methodName || dsId !== ds.id) {
+        return false;
+      }
+
+      if (ds.methods?.some((method) => method.name === methodName)) {
+        return true;
+      }
+
+      // 配置的方法名称可能会是数据源类中定义的，并不存在于methods中，所以这里判断如果methodName如果是字段名称，就表示配置的不是方法
+      if (ds.fields?.some((field) => field.name === methodName)) {
+        return false;
+      }
+
+      return true;
     },
   });
 
@@ -198,12 +287,19 @@ export const traverseTarget = (
   cb: (target: Target) => void,
   type?: DepTargetType | string,
 ) => {
-  Object.values(targetsList).forEach((targets) => {
-    Object.values(targets).forEach((target) => {
-      if (type && target.type !== type) {
-        return;
+  if (type) {
+    const targets = targetsList[type];
+    if (targets) {
+      for (const target of Object.values(targets)) {
+        cb(target);
       }
+    }
+    return;
+  }
+
+  for (const targets of Object.values(targetsList)) {
+    for (const target of Object.values(targets)) {
       cb(target);
-    });
-  });
+    }
+  }
 };
diff --git a/packages/dep/tests/utils.spec.ts b/packages/dep/tests/utils.spec.ts
index b268b6da..fdbfa3f3 100644
--- a/packages/dep/tests/utils.spec.ts
+++ b/packages/dep/tests/utils.spec.ts
@@ -70,11 +70,11 @@ describe('utils', () => {
   });
 
   test('isDataSourceTemplate', () => {
-    expect(utils.isDataSourceTemplate('xxx${dsId.field}xxx${dsId.field}', 'dsId')).toBeTruthy();
-    expect(utils.isDataSourceTemplate('${dsId.field}', 'dsId')).toBeTruthy();
-    expect(utils.isDataSourceTemplate('${dsId}', 'dsId')).toBeTruthy();
-    expect(utils.isDataSourceTemplate('${dsId.field}', 'dsId1')).toBeFalsy();
-    expect(utils.isDataSourceTemplate('${dsId.field', 'dsId')).toBeFalsy();
+    expect(utils.isDataSourceTemplate('xxx${dsId.field}xxx${dsId.field}', { id: 'dsId', fields: [] })).toBeTruthy();
+    expect(utils.isDataSourceTemplate('${dsId.field}', { id: 'dsId', fields: [] })).toBeTruthy();
+    expect(utils.isDataSourceTemplate('${dsId}', { id: 'dsId', fields: [] })).toBeTruthy();
+    expect(utils.isDataSourceTemplate('${dsId.field}', { id: 'dsId1', fields: [] })).toBeFalsy();
+    expect(utils.isDataSourceTemplate('${dsId.field', { id: 'dsId', fields: [] })).toBeFalsy();
   });
 
   test('isSpecificDataSourceTemplate', () => {
@@ -125,7 +125,7 @@ describe('utils', () => {
   test('isUseDataSourceField', () => {
     expect(utils.isUseDataSourceField([`${DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX}dsID`, 'field'], 'dsID')).toBeTruthy();
     expect(utils.isUseDataSourceField([`${DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX}dsID`, 'field'], 'dsID1')).toBeFalsy();
-    expect(utils.isUseDataSourceField([`abcdsID`, 'field'], 'dsID')).toBeFalsy();
+    expect(utils.isUseDataSourceField(['abcdsID', 'field'], 'dsID')).toBeFalsy();
     expect(utils.isUseDataSourceField([123, 'field'], 123)).toBeFalsy();
   });
 
@@ -139,6 +139,7 @@ describe('utils', () => {
         id: 'dsId',
         methods: [],
         fields: arrayFields,
+        events: [],
       }),
     ).toBeTruthy();
 
@@ -148,6 +149,7 @@ describe('utils', () => {
         id: 'dsId',
         methods: [],
         fields: [...arrayFields, ...objectFields],
+        events: [],
       }),
     ).toBeTruthy();
 
@@ -157,6 +159,7 @@ describe('utils', () => {
         id: 'dsId',
         methods: [],
         fields: [...arrayFields, ...objectFields],
+        events: [],
       }),
     ).toBeFalsy();
 
@@ -166,6 +169,7 @@ describe('utils', () => {
         id: 'dsId',
         methods: [],
         fields: arrayFields,
+        events: [],
       }),
     ).toBeFalsy();
 
@@ -175,6 +179,7 @@ describe('utils', () => {
         id: 'dsId',
         methods: [],
         fields: arrayFields,
+        events: [],
       }),
     ).toBeFalsy();
 
@@ -184,6 +189,7 @@ describe('utils', () => {
         id: 'dsId',
         methods: [],
         fields: arrayFields,
+        events: [],
       }),
     ).toBeTruthy();
   });
diff --git a/packages/dep/tsconfig.build.json b/packages/dep/tsconfig.build.json
deleted file mode 100644
index c9476221..00000000
--- a/packages/dep/tsconfig.build.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "baseUrl": ".",
-    "declaration": true,
-    "declarationDir": "types",
-    "forceConsistentCasingInFileNames": true,
-    "paths": {},
-  },
-  "include": [
-		"src"
-	],
-}
diff --git a/packages/dep/tsconfig.json b/packages/dep/tsconfig.json
deleted file mode 100644
index 6c40cf1e..00000000
--- a/packages/dep/tsconfig.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "baseUrl": "../..",
-  },
-}
diff --git a/packages/dep/vite.config.ts b/packages/dep/vite.config.ts
deleted file mode 100644
index 84e6464d..00000000
--- a/packages/dep/vite.config.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import path from 'path';
-
-import { defineConfig } from 'vite';
-
-import pkg from './package.json';
-
-export default defineConfig({
-  resolve: {
-    alias:
-      process.env.NODE_ENV === 'production'
-        ? []
-        : [{ find: /^@tmagic\/schema/, replacement: path.join(__dirname, '../schema/src/index.ts') }],
-  },
-
-  build: {
-    sourcemap: false,
-    minify: false,
-    target: 'esnext',
-
-    lib: {
-      entry: 'src/index.ts',
-      name: 'TMagicDep',
-      fileName: 'tmagic-dep',
-    },
-
-    rollupOptions: {
-      // 确保外部化处理那些你不想打包进库的依赖
-      external(id: string) {
-        return Object.keys(pkg.peerDependencies).some((k) => new RegExp(`^${k}`).test(id));
-      },
-    },
-  },
-});
diff --git a/packages/design/package.json b/packages/design/package.json
index 17c94dfc..ffefe631 100644
--- a/packages/design/package.json
+++ b/packages/design/package.json
@@ -1,36 +1,34 @@
 {
-  "version": "1.4.7",
+  "version": "1.7.8",
   "name": "@tmagic/design",
   "type": "module",
   "sideEffects": [
-    "dist/*"
+    "dist/style.css",
+    "dist/es/style.css",
+    "src/theme/*"
   ],
   "main": "dist/tmagic-design.umd.cjs",
-  "module": "dist/tmagic-design.js",
+  "module": "dist/es/index.js",
   "types": "types/index.d.ts",
   "exports": {
     ".": {
       "types": "./types/index.d.ts",
-      "import": "./dist/tmagic-design.js",
+      "import": "./dist/es/index.js",
       "require": "./dist/tmagic-design.umd.cjs"
     },
     "./*": "./*"
   },
   "files": [
     "dist",
-    "types"
+    "types",
+    "src"
   ],
   "license": "Apache-2.0",
-  "scripts": {
-    "build": "npm run build:type && vite build",
-    "build:type": " vue-tsc --declaration --emitDeclarationOnly --project tsconfig.build.json",
-    "clear:type": "rimraf ./types",
-    "check:type": "vue-tsc --noEmit --project tsconfig.build.json"
-  },
   "engines": {
     "node": ">=18"
   },
   "repository": {
+    "directory": "packages/design",
     "type": "git",
     "url": "https://github.com/Tencent/tmagic-editor.git"
   },
@@ -41,18 +39,12 @@
     "vue3",
     "typescript"
   ],
-  "devDependencies": {
-    "@types/node": "^18.19.0",
-    "@vitejs/plugin-vue": "^5.0.4",
-    "@vue/compiler-sfc": "^3.4.27",
-    "@vue/test-utils": "^2.4.6",
-    "rimraf": "^3.0.2",
-    "vite": "^5.2.12",
-    "vue-tsc": "^2.0.19"
+  "dependencies": {
+    "@popperjs/core": "^2.11.8"
   },
   "peerDependencies": {
-    "vue": "^3.4.27",
-    "typescript": "*"
+    "vue": "catalog:",
+    "typescript": "catalog:"
   },
   "peerDependenciesMeta": {
     "typescript": {
diff --git a/packages/design/src/Autocomplete.vue b/packages/design/src/Autocomplete.vue
index e45109c6..f89c874b 100644
--- a/packages/design/src/Autocomplete.vue
+++ b/packages/design/src/Autocomplete.vue
@@ -27,9 +27,9 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ref, watchEffect } from 'vue';
+import { computed, ref, useTemplateRef, watchEffect } from 'vue';
 
-import { getConfig } from './config';
+import { getDesignConfig } from './config';
 import type { AutocompleteProps } from './types';
 
 defineOptions({
@@ -38,11 +38,11 @@ defineOptions({
 
 const props = defineProps<AutocompleteProps>();
 
-const ui = getConfig('components')?.autocomplete;
+const ui = getDesignConfig('components')?.autocomplete;
 
 const uiComponent = ui?.component || 'el-autocomplete';
 
-const uiProps = computed(() => ui?.props(props) || props);
+const uiProps = computed<AutocompleteProps>(() => ui?.props(props) || props);
 
 const emit = defineEmits(['change', 'select', 'update:modelValue']);
 
@@ -58,13 +58,13 @@ const updateModelValue = (...args: any[]) => {
   emit('update:modelValue', ...args);
 };
 
-const autocomplete = ref<any>();
+const autocompleteRef = useTemplateRef<any>('autocomplete');
 const input = ref<HTMLInputElement>();
 const inputRef = ref<any>();
 
 watchEffect(() => {
-  inputRef.value = autocomplete.value?.inputRef;
-  input.value = autocomplete.value?.inputRef.input;
+  inputRef.value = autocompleteRef.value?.inputRef;
+  input.value = autocompleteRef.value?.inputRef.input;
 });
 
 defineExpose({
@@ -72,10 +72,10 @@ defineExpose({
   input,
 
   blur: () => {
-    autocomplete.value?.blur();
+    autocompleteRef.value?.blur();
   },
   focus: () => {
-    autocomplete.value?.focus();
+    autocompleteRef.value?.focus();
   },
 });
 </script>
diff --git a/packages/design/src/Badge.vue b/packages/design/src/Badge.vue
index 7b02cb32..fe3a4ca5 100644
--- a/packages/design/src/Badge.vue
+++ b/packages/design/src/Badge.vue
@@ -7,7 +7,7 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 
-import { getConfig } from './config';
+import { getDesignConfig } from './config';
 import type { BadgeProps } from './types';
 
 defineOptions({
@@ -16,8 +16,8 @@ defineOptions({
 
 const props = defineProps<BadgeProps>();
 
-const ui = getConfig('components')?.badge;
+const ui = getDesignConfig('components')?.badge;
 const uiComponent = ui?.component || 'el-badge';
 
-const uiProps = computed(() => ui?.props(props) || props);
+const uiProps = computed<BadgeProps>(() => ui?.props(props) || props);
 </script>
diff --git a/packages/design/src/Button.vue b/packages/design/src/Button.vue
index aeef4e7d..d2ede157 100644
--- a/packages/design/src/Button.vue
+++ b/packages/design/src/Button.vue
@@ -1,5 +1,8 @@
 <template>
   <component class="tmagic-design-button" :is="uiComponent" v-bind="uiProps" @click="clickHandler">
+    <template #icon v-if="$slots.icon">
+      <slot name="icon"></slot>
+    </template>
     <template #default v-if="$slots.default">
       <slot></slot>
     </template>
@@ -9,7 +12,7 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 
-import { getConfig } from './config';
+import { getDesignConfig } from './config';
 import type { ButtonProps } from './types';
 
 defineOptions({
@@ -18,11 +21,11 @@ defineOptions({
 
 const props = defineProps<ButtonProps>();
 
-const ui = getConfig('components')?.button;
+const ui = getDesignConfig('components')?.button;
 
 const uiComponent = ui?.component || 'el-button';
 
-const uiProps = computed(() => ui?.props(props) || props);
+const uiProps = computed<ButtonProps>(() => ui?.props(props) || props);
 
 const emit = defineEmits(['click']);
 
@@ -30,3 +33,15 @@ const clickHandler = (...args: any[]) => {
   emit('click', ...args);
 };
 </script>
+
+<style lang="scss">
+.tmagic-design-button {
+  .t-button__text {
+    align-items: center;
+  }
+
+  + .tmagic-design-button {
+    margin-left: 12px;
+  }
+}
+</style>
diff --git a/packages/design/src/Card.vue b/packages/design/src/Card.vue
index 82428a93..27329dc7 100644
--- a/packages/design/src/Card.vue
+++ b/packages/design/src/Card.vue
@@ -1,10 +1,10 @@
 <template>
   <component class="tmagic-design-card" :is="uiComponent" v-bind="uiProps">
-    <template #header>
+    <template #header v-if="$slots.header">
       <slot name="header" class="header"></slot>
     </template>
 
-    <template #default>
+    <template #default v-if="$slots.default">
       <slot name="default"></slot>
     </template>
   </component>
@@ -13,7 +13,7 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 
-import { getConfig } from './config';
+import { getDesignConfig } from './config';
 import type { CardProps } from './types';
 
 defineOptions({
@@ -22,9 +22,9 @@ defineOptions({
 
 const props = defineProps<CardProps>();
 
-const ui = getConfig('components')?.card;
+const ui = getDesignConfig('components')?.card;
 
 const uiComponent = ui?.component || 'el-card';
 
-const uiProps = computed(() => ui?.props(props) || props);
+const uiProps = computed<CardProps>(() => ui?.props(props) || props);
 </script>
diff --git a/packages/design/src/Cascader.vue b/packages/design/src/Cascader.vue
index d1641314..b5e5707b 100644
--- a/packages/design/src/Cascader.vue
+++ b/packages/design/src/Cascader.vue
@@ -12,7 +12,7 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue';
 
-import { getConfig } from './config';
+import { getDesignConfig } from './config';
 import { CascaderProps } from './types';
 
 defineOptions({
@@ -21,11 +21,11 @@ defineOptions({
 
 const props = defineProps<CascaderProps>();
 
-const ui = getConfig('components')?.cascader;
+const ui = getDesignConfig('components')?.cascader;
 
 const uiComponent = ui?.component || 'el-cascader';
 
-const uiProps = computed(() => ui?.props(props) || props);
+const uiProps = computed<CascaderProps>(() => ui?.props(props) || props);
 
 const cascader = ref<any>();
 
diff --git a/packages/design/src/Checkbox.vue b/packages/design/src/Checkbox.vue
index a63d6871..c350a200 100644
--- a/packages/design/src/Checkbox.vue
+++ b/packages/design/src/Checkbox.vue
@@ -6,7 +6,7 @@
     @update:modelValue="updateModelValue"
     @change="changeHandler"
   >
-    <template #default>
+    <template #default v-if="$slots.default">
       <slot></slot>
     </template>
   </component>
@@ -15,7 +15,7 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 
-import { getConfig } from './config';
+import { getDesignConfig } from './config';
 import type { CheckboxProps } from './types';
 
 defineOptions({
@@ -27,11 +27,11 @@ const props = withDefaults(defineProps<CheckboxProps>(), {
   falseValue: undefined,
 });
 
-const ui = getConfig('components')?.checkbox;
+const ui = getDesignConfig('components')?.checkbox;
 
 const uiComponent = ui?.component || 'el-checkbox';
 
-const uiProps = computed(() => ui?.props(props) || props);
+const uiProps = computed<CheckboxProps>(() => ui?.props(props) || props);
 
 const emit = defineEmits(['change', 'update:modelValue']);
 
diff --git a/packages/design/src/CheckboxGroup.vue b/packages/design/src/CheckboxGroup.vue
index b0fe5ad5..166bddbd 100644
--- a/packages/design/src/CheckboxGroup.vue
+++ b/packages/design/src/CheckboxGroup.vue
@@ -13,7 +13,7 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 
-import { getConfig } from './config';
+import { getDesignConfig } from './config';
 import type { CheckboxGroupProps } from './types';
 
 defineOptions({
@@ -22,11 +22,11 @@ defineOptions({
 
 const props = defineProps<CheckboxGroupProps>();
 
-const ui = getConfig('components')?.checkboxGroup;
+const ui = getDesignConfig('components')?.checkboxGroup;
 
 const uiComponent = ui?.component || 'el-checkbox-group';
 
-const uiProps = computed(() => ui?.props(props) || props);
+const uiProps = computed<CheckboxGroupProps>(() => ui?.props(props) || props);
 
 const emit = defineEmits(['change', 'update:modelValue']);
 
diff --git a/packages/design/src/Col.vue b/packages/design/src/Col.vue
index 2a648b5a..bc973292 100644
--- a/packages/design/src/Col.vue
+++ b/packages/design/src/Col.vue
@@ -7,7 +7,7 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 
-import { getConfig } from './config';
+import { getDesignConfig } from './config';
 import type { ColProps } from './types';
 
 defineOptions({
@@ -16,9 +16,9 @@ defineOptions({
 
 const props = defineProps<ColProps>();
 
-const ui = getConfig('components')?.col;
+const ui = getDesignConfig('components')?.col;
 
 const uiComponent = ui?.component || 'el-col';
 
-const uiProps = computed(() => ui?.props(props) || props);
+const uiProps = computed<ColProps>(() => ui?.props(props) || props);
 </script>
diff --git a/packages/design/src/Collapse.vue b/packages/design/src/Collapse.vue
index ee3d02a6..61e3d66a 100644
--- a/packages/design/src/Collapse.vue
+++ b/packages/design/src/Collapse.vue
@@ -13,7 +13,7 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 
-import { getConfig } from './config';
+import { getDesignConfig } from './config';
 import type { CollapseProps } from './types';
 
 defineOptions({
@@ -22,11 +22,11 @@ defineOptions({
 
 const props = defineProps<CollapseProps>();
 
-const ui = getConfig('components')?.collapse;
+const ui = getDesignConfig('components')?.collapse;
 
 const uiComponent = ui?.component || 'el-collapse';
 
-const uiProps = computed(() => ui?.props(props) || props);
+const uiProps = computed<CollapseProps>(() => ui?.props(props) || props);
 
 const emit = defineEmits(['change', 'update:modelValue']);
 
diff --git a/packages/design/src/CollapseItem.vue b/packages/design/src/CollapseItem.vue
index c30b2416..d85bf4ad 100644
--- a/packages/design/src/CollapseItem.vue
+++ b/packages/design/src/CollapseItem.vue
@@ -19,7 +19,7 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 
-import { getConfig } from './config';
+import { getDesignConfig } from './config';
 import type { CollapseItemProps } from './types';
 
 defineOptions({
@@ -28,11 +28,11 @@ defineOptions({
 
 const props = defineProps<CollapseItemProps>();
 
-const ui = getConfig('components')?.collapseItem;
+const ui = getDesignConfig('components')?.collapseItem;
 
 const uiComponent = ui?.component || 'el-collapse-item';
 
-const uiProps = computed(() => ui?.props(props) || props);
+const uiProps = computed<CollapseItemProps>(() => ui?.props(props) || props);
 
 const emit = defineEmits(['change', 'update:modelValue']);
 
diff --git a/packages/design/src/ColorPicker.vue b/packages/design/src/ColorPicker.vue
index 375b4f34..aac60d3a 100644
--- a/packages/design/src/ColorPicker.vue
+++ b/packages/design/src/ColorPicker.vue
@@ -12,7 +12,7 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 
-import { getConfig } from './config';
+import { getDesignConfig } from './config';
 import type { ColorPickerProps } from './types';
 
 defineOptions({
@@ -24,11 +24,11 @@ const props = withDefaults(defineProps<ColorPickerProps>(), {
   disabled: false,
 });
 
-const ui = getConfig('components')?.colorPicker;
+const ui = getDesignConfig('components')?.colorPicker;
 
 const uiComponent = ui?.component || 'el-color-picker';
 
-const uiProps = computed(() => ui?.props(props) || props);
+const uiProps = computed<ColorPickerProps>(() => ui?.props(props) || props);
 
 const emit = defineEmits(['change', 'update:modelValue']);
 
diff --git a/packages/design/src/DatePicker.vue b/packages/design/src/DatePicker.vue
index e9419152..55a85bb8 100644
--- a/packages/design/src/DatePicker.vue
+++ b/packages/design/src/DatePicker.vue
@@ -12,7 +12,7 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 
-import { getConfig } from './config';
+import { getDesignConfig } from './config';
 import type { DatePickerProps } from './types';
 
 defineOptions({
@@ -23,11 +23,11 @@ const props = withDefaults(defineProps<DatePickerProps>(), {
   type: 'date',
 });
 
-const ui = getConfig('components')?.datePicker;
+const ui = getDesignConfig('components')?.datePicker;
 
 const uiComponent = ui?.component || 'el-date-picker';
 
-const uiProps = computed(() => ui?.props(props) || props);
+const uiProps = computed<DatePickerProps>(() => ui?.props(props) || props);
 
 const emit = defineEmits(['change', 'update:modelValue']);
 
diff --git a/packages/design/src/Dialog.vue b/packages/design/src/Dialog.vue
index f7ad77e6..42514826 100644
--- a/packages/design/src/Dialog.vue
+++ b/packages/design/src/Dialog.vue
@@ -17,22 +17,26 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 
-import { getConfig } from './config';
+import { getDesignConfig } from './config';
 import type { DialogProps } from './types';
 
 defineOptions({
   name: 'TMDialog',
 });
 
-const props = defineProps<DialogProps>();
+const props = withDefaults(defineProps<DialogProps>(), {
+  closeOnClickModal: true,
+  closeOnPressEscape: true,
+  showClose: true,
+});
 
 const emit = defineEmits(['close', 'update:modelValue']);
 
-const ui = getConfig('components')?.dialog;
+const ui = getDesignConfig('components')?.dialog;
 
 const uiComponent = ui?.component || 'el-dialog';
 
-const uiProps = computed(() => ui?.props(props) || props);
+const uiProps = computed<DialogProps>(() => ui?.props(props) || props);
 
 const closeHandler = (...args: any[]) => {
   emit('close', ...args);
diff --git a/packages/design/src/Divider.vue b/packages/design/src/Divider.vue
index 67c427b5..ba494ce3 100644
--- a/packages/design/src/Divider.vue
+++ b/packages/design/src/Divider.vue
@@ -7,7 +7,7 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 
-import { getConfig } from './config';
+import { getDesignConfig } from './config';
 import type { DividerProps } from './types';
 
 defineOptions({
@@ -16,9 +16,9 @@ defineOptions({
 
 const props = defineProps<DividerProps>();
 
-const ui = getConfig('components')?.divider;
+const ui = getDesignConfig('components')?.divider;
 
 const uiComponent = ui?.component || 'el-divider';
 
-const uiProps = computed(() => ui?.props(props) || props);
+const uiProps = computed<DividerProps>(() => ui?.props(props) || props);
 </script>
diff --git a/packages/design/src/Drawer.vue b/packages/design/src/Drawer.vue
index 749a500f..5239071d 100644
--- a/packages/design/src/Drawer.vue
+++ b/packages/design/src/Drawer.vue
@@ -25,7 +25,7 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue';
 
-import { getConfig } from './config';
+import { getDesignConfig } from './config';
 import type { DrawerProps } from './types';
 
 defineOptions({
@@ -36,11 +36,11 @@ const props = defineProps<DrawerProps>();
 
 const emit = defineEmits(['open', 'opened', 'close', 'closed', 'update:modelValue']);
 
-const ui = getConfig('components')?.drawer;
+const ui = getDesignConfig('components')?.drawer;
 
 const uiComponent = ui?.component || 'el-drawer';
 
-const uiProps = computed(() => ui?.props(props) || props);
+const uiProps = computed<DrawerProps>(() => ui?.props(props) || props);
 
 const drawer = ref<any>();
 
diff --git a/packages/design/src/Dropdown.vue b/packages/design/src/Dropdown.vue
index 54542a1a..34b9a8a6 100644
--- a/packages/design/src/Dropdown.vue
+++ b/packages/design/src/Dropdown.vue
@@ -11,7 +11,7 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 
-import { getConfig } from './config';
+import { getDesignConfig } from './config';
 import type { DropdownProps } from './types';
 
 defineOptions({
@@ -20,11 +20,11 @@ defineOptions({
 
 const props = defineProps<DropdownProps>();
 
-const ui = getConfig('components')?.dropdown;
+const ui = getDesignConfig('components')?.dropdown;
 
 const uiComponent = ui?.component || 'el-dropdown';
 
-const uiProps = computed(() => ui?.props(props) || props);
+const uiProps = computed<DropdownProps>(() => ui?.props(props) || props);
 
 const emit = defineEmits(['command']);
 
diff --git a/packages/design/src/DropdownItem.vue b/packages/design/src/DropdownItem.vue
index 344af6c7..275274d3 100644
--- a/packages/design/src/DropdownItem.vue
+++ b/packages/design/src/DropdownItem.vue
@@ -7,7 +7,7 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 
-import { getConfig } from './config';
+import { getDesignConfig } from './config';
 import type { DropdownItemProps } from './types';
 
 defineOptions({
@@ -16,9 +16,9 @@ defineOptions({
 
 const props = defineProps<DropdownItemProps>();
 
-const ui = getConfig('components')?.dropdownItem;
+const ui = getDesignConfig('components')?.dropdownItem;
 
 const uiComponent = ui?.component || 'el-dropdown-item';
 
-const uiProps = computed(() => ui?.props(props) || props);
+const uiProps = computed<DropdownItemProps>(() => ui?.props(props) || props);
 </script>
diff --git a/packages/design/src/DropdownMenu.vue b/packages/design/src/DropdownMenu.vue
index 66dad100..5d8fce09 100644
--- a/packages/design/src/DropdownMenu.vue
+++ b/packages/design/src/DropdownMenu.vue
@@ -5,13 +5,13 @@
 </template>
 
 <script setup lang="ts">
-import { getConfig } from './config';
+import { getDesignConfig } from './config';
 
 defineOptions({
   name: 'TMDropdownMenu',
 });
 
-const ui = getConfig('components')?.dropdownMenu;
+const ui = getDesignConfig('components')?.dropdownMenu;
 
 const uiComponent = ui?.component || 'el-dropdown-menu';
 </script>
diff --git a/packages/design/src/Form.vue b/packages/design/src/Form.vue
index 807e49ec..18b32cd3 100644
--- a/packages/design/src/Form.vue
+++ b/packages/design/src/Form.vue
@@ -1,5 +1,11 @@
 <template>
-  <component class="tmagic-design-form" ref="form" :is="uiComponent" v-bind="uiProps">
+  <component
+    class="tmagic-design-form"
+    :class="{ 'tmagic-design-form-inline': inline }"
+    ref="form"
+    :is="uiComponent"
+    v-bind="uiProps"
+  >
     <slot></slot>
   </component>
 </template>
@@ -7,7 +13,7 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue';
 
-import { getConfig } from './config';
+import { getDesignConfig } from './config';
 import type { FormProps } from './types';
 
 defineOptions({
@@ -16,11 +22,11 @@ defineOptions({
 
 const props = defineProps<FormProps>();
 
-const ui = getConfig('components')?.form;
+const ui = getDesignConfig('components')?.form;
 
 const uiComponent = ui?.component || 'el-form';
 
-const uiProps = computed(() => ui?.props(props) || props);
+const uiProps = computed<FormProps>(() => ui?.props(props) || props);
 
 const form = ref<any>();
 
diff --git a/packages/design/src/FormItem.vue b/packages/design/src/FormItem.vue
index d54d10ef..ce7d7b0c 100644
--- a/packages/design/src/FormItem.vue
+++ b/packages/design/src/FormItem.vue
@@ -3,14 +3,18 @@
     <template #label>
       <slot name="label"></slot>
     </template>
-    <slot></slot>
+
+    <template #default>
+      <slot></slot>
+      <div v-if="adapterType === 'element-plus' && extra" v-html="extra" class="m-form-tip"></div>
+    </template>
   </component>
 </template>
 
 <script setup lang="ts">
 import { computed } from 'vue';
 
-import { getConfig } from './config';
+import { getDesignConfig } from './config';
 import type { FormItemProps } from './types';
 
 defineOptions({
@@ -19,9 +23,14 @@ defineOptions({
 
 const props = defineProps<FormItemProps>();
 
-const ui = getConfig('components')?.formItem;
+const ui = getDesignConfig('components')?.formItem;
 
 const uiComponent = ui?.component || 'el-form-item';
 
-const uiProps = computed(() => ui?.props(props) || props);
+const adapterType = getDesignConfig('adapterType');
+
+const uiProps = computed<FormItemProps>(() => {
+  const { extra, ...rest } = ui?.props(props) || props;
+  return rest;
+});
 </script>
diff --git a/packages/design/src/Icon.vue b/packages/design/src/Icon.vue
index 1485553b..d7cfc755 100644
--- a/packages/design/src/Icon.vue
+++ b/packages/design/src/Icon.vue
@@ -1,18 +1,34 @@
 <template>
-  <component class="tmagic-design-icon" :is="uiComponent">
+  <component class="tmagic-design-icon" :is="uiComponent" v-bind="uiProps">
     <slot></slot>
   </component>
 </template>
 
 <script setup lang="ts">
-import { getConfig } from './config';
+import { computed } from 'vue';
+
+import { getDesignConfig } from './config';
 import { IconProps } from './types';
 
 defineOptions({
   name: 'TMIcon',
 });
 
-const ui = getConfig('components')?.icon;
+const ui = getDesignConfig('components')?.icon;
 const uiComponent = ui?.component || 'el-icon';
-defineProps<IconProps>();
+const props = defineProps<IconProps>();
+const uiProps = computed<IconProps>(() => ui?.props(props) || props);
 </script>
+
+<style lang="scss">
+.t-t-design-adapter-icon {
+  justify-content: center;
+  align-items: center;
+  display: flex;
+
+  svg {
+    width: 1em;
+    height: 1em;
+  }
+}
+</style>
diff --git a/packages/design/src/Input.vue b/packages/design/src/Input.vue
index 3144cff3..6c7c86f0 100644
--- a/packages/design/src/Input.vue
+++ b/packages/design/src/Input.vue
@@ -7,6 +7,9 @@
     @change="changeHandler"
     @input="inputHandler"
     @update:modelValue="updateModelValue"
+    @blur="blurHandler"
+    @focus="focusHandler"
+    @click="clickHandler"
   >
     <template #prepend v-if="$slots.prepend">
       <slot name="prepend"></slot>
@@ -26,7 +29,7 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue';
 
-import { getConfig } from './config';
+import { getDesignConfig } from './config';
 import type { InputProps } from './types';
 
 defineOptions({
@@ -35,13 +38,13 @@ defineOptions({
 
 const props = defineProps<InputProps>();
 
-const ui = getConfig('components')?.input;
+const ui = getDesignConfig('components')?.input;
 
 const uiComponent = ui?.component || 'el-input';
 
-const uiProps = computed(() => ui?.props(props) || props);
+const uiProps = computed<InputProps>(() => ui?.props(props) || props);
 
-const emit = defineEmits(['change', 'input', 'update:modelValue']);
+const emit = defineEmits(['change', 'input', 'blur', 'focus', 'click', 'update:modelValue']);
 
 const instance = ref<any>();
 
@@ -57,13 +60,60 @@ const updateModelValue = (...args: any[]) => {
   emit('update:modelValue', ...args);
 };
 
+const blurHandler = (...args: any[]) => {
+  emit('blur', ...args);
+};
+
+const focusHandler = (...args: any[]) => {
+  emit('focus', ...args);
+};
+
+const clickHandler = (...args: any[]) => {
+  emit('click', ...args);
+};
+
 defineExpose({
   instance,
   getInput() {
-    return instance.value.input;
+    if (instance.value.input) {
+      return instance.value.input;
+    }
+    return instance.value?.$el?.querySelector('input');
   },
   getTextarea() {
-    return instance.value.textarea;
+    if (instance.value.textarea) {
+      return instance.value.textarea;
+    }
+    return instance.value?.$el?.querySelector('textarea');
   },
 });
 </script>
+
+<style lang="scss">
+.tmagic-design-input {
+  &.t-input-adornment {
+    .t-input-adornment__prepend {
+      > span {
+        border-radius: var(--td-radius-default) 0 0 var(--td-radius-default);
+      }
+    }
+    .t-input-adornment__append {
+      > span {
+        border-radius: 0 var(--td-radius-default) var(--td-radius-default) 0;
+      }
+    }
+    .t-input-adornment__prepend,
+    .t-input-adornment__append {
+      > span {
+        display: inline-flex;
+        height: 100%;
+        align-items: center;
+        box-sizing: border-box;
+        white-space: nowrap;
+        padding: 0 var(--td-comp-paddingLR-s);
+        border: 1px solid var(--td-border-level-2-color);
+      }
+    }
+  }
+}
+</style>
diff --git a/packages/design/src/InputNumber.vue b/packages/design/src/InputNumber.vue
index 605088f7..066e7653 100644
--- a/packages/design/src/InputNumber.vue
+++ b/packages/design/src/InputNumber.vue
@@ -12,7 +12,7 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 
-import { getConfig } from './config';
+import { getDesignConfig } from './config';
 import type { InputNumberProps } from './types';
 
 defineOptions({
@@ -21,11 +21,11 @@ defineOptions({
 
 const props = defineProps<InputNumberProps>();
 
-const ui = getConfig('components')?.inputNumber;
+const ui = getDesignConfig('components')?.inputNumber;
 
 const uiComponent = ui?.component || 'el-input-number';
 
-const uiProps = computed(() => ui?.props(props) || props);
+const uiProps = computed<InputNumberProps>(() => ui?.props(props) || props);
 
 const emit = defineEmits(['change', 'input', 'update:modelValue']);
 
diff --git a/packages/design/src/Option.vue b/packages/design/src/Option.vue
index ba2ffc40..3cd5bda1 100644
--- a/packages/design/src/Option.vue
+++ b/packages/design/src/Option.vue
@@ -7,7 +7,7 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 
-import { getConfig } from './config';
+import { getDesignConfig } from './config';
 import type { OptionProps } from './types';
 
 defineOptions({
@@ -16,9 +16,9 @@ defineOptions({
 
 const props = defineProps<OptionProps>();
 
-const ui = getConfig('components')?.option;
+const ui = getDesignConfig('components')?.option;
 
 const uiComponent = ui?.component || 'el-option';
 
-const uiProps = computed(() => ui?.props(props) || props);
+const uiProps = computed<OptionProps>(() => ui?.props(props) || props);
 </script>
diff --git a/packages/design/src/OptionGroup.vue b/packages/design/src/OptionGroup.vue
index 6a681997..c76864a2 100644
--- a/packages/design/src/OptionGroup.vue
+++ b/packages/design/src/OptionGroup.vue
@@ -7,7 +7,7 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue';
 
-import { getConfig } from './config';
+import { getDesignConfig } from './config';
 import type { OptionGroupProps } from './types';
 
 defineOptions({
@@ -16,11 +16,11 @@ defineOptions({
 
 const props = defineProps<OptionGroupProps>();
 
-const ui = getConfig('components')?.optionGroup;
+const ui = getDesignConfig('components')?.optionGroup;
 
 const uiComponent = ui?.component || 'el-option-group';
 
-const uiProps = computed(() => ui?.props(props) || props);
+const uiProps = computed<OptionGroupProps>(() => ui?.props(props) || props);
 
 const optionGroup = ref<any>();
 </script>
diff --git a/packages/design/src/Pagination.vue b/packages/design/src/Pagination.vue
index 7f126e30..6a24c1c4 100644
--- a/packages/design/src/Pagination.vue
+++ b/packages/design/src/Pagination.vue
@@ -4,15 +4,16 @@
     :is="uiComponent"
     v-bind="uiProps"
     @size-change="handleSizeChange"
-    @page-size-change="handleSizeChange"
     @current-change="handleCurrentChange"
+    @update:current-page="updateCurrentPage"
+    @update:page-size="updatePageSize"
   ></component>
 </template>
 
 <script setup lang="ts">
 import { computed } from 'vue';
 
-import { getConfig } from './config';
+import { getDesignConfig } from './config';
 import type { PaginationProps } from './types';
 
 defineOptions({
@@ -21,13 +22,13 @@ defineOptions({
 
 const props = defineProps<PaginationProps>();
 
-const emit = defineEmits(['size-change', 'current-change']);
+const emit = defineEmits(['size-change', 'current-change', 'update:current-page', 'update:page-size']);
 
-const ui = getConfig('components')?.pagination;
+const ui = getDesignConfig('components')?.pagination;
 
 const uiComponent = ui?.component || 'el-pagination';
 
-const uiProps = computed(() => ui?.props(props) || props);
+const uiProps = computed<PaginationProps>(() => ui?.props(props) || props);
 
 const handleSizeChange = (...args: any[]) => {
   emit('size-change', ...args);
@@ -35,4 +36,10 @@ const handleSizeChange = (...args: any[]) => {
 const handleCurrentChange = (...args: any[]) => {
   emit('current-change', ...args);
 };
+const updateCurrentPage = (...args: any[]) => {
+  emit('update:current-page', ...args);
+};
+const updatePageSize = (...args: any[]) => {
+  emit('update:page-size', ...args);
+};
 </script>
diff --git a/packages/design/src/Popconfirm.vue b/packages/design/src/Popconfirm.vue
new file mode 100644
index 00000000..9d4aaf5f
--- /dev/null
+++ b/packages/design/src/Popconfirm.vue
@@ -0,0 +1,42 @@
+<template>
+  <component
+    class="tmagic-design-popconfirm"
+    :is="uiComponent"
+    v-bind="uiProps"
+    @confirm="confirmHandler"
+    @cancel="cancelHandler"
+  >
+    <template #reference>
+      <slot name="reference"></slot>
+    </template>
+  </component>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue';
+
+import { getDesignConfig } from './config';
+import type { PopconfirmProps } from './types';
+
+defineOptions({
+  name: 'TMPopconfirm',
+});
+
+const emit = defineEmits(['confirm', 'cancel']);
+
+const props = defineProps<PopconfirmProps>();
+
+const ui = getDesignConfig('components')?.popconfirm;
+
+const uiComponent = ui?.component || 'el-popconfirm';
+
+const uiProps = computed<PopconfirmProps>(() => ui?.props(props) || props);
+
+const confirmHandler = (...args: any[]) => {
+  emit('confirm', ...args);
+};
+
+const cancelHandler = (...args: any[]) => {
+  emit('cancel', ...args);
+};
+</script>
diff --git a/packages/design/src/Popover.vue b/packages/design/src/Popover.vue
index 75a54648..40d2b3d2 100644
--- a/packages/design/src/Popover.vue
+++ b/packages/design/src/Popover.vue
@@ -1,28 +1,192 @@
 <template>
-  <component class="tmagic-design-popover" :is="uiComponent" v-bind="uiProps">
-    <slot></slot>
-
-    <template #reference>
-      <slot name="reference"></slot>
-    </template>
-  </component>
+  <slot name="reference"></slot>
+  <Teleport to="body">
+    <div
+      v-if="popoverVisible || !destroyOnClose"
+      v-show="popoverVisible"
+      class="tmagic-design-popper"
+      ref="popperElementRef"
+      :tabindex="tabindex"
+      :class="popperClass"
+      :style="style"
+      @mouseenter.once="popperMouseenterHandler"
+    >
+      <slot></slot>
+      <span class="tmagic-design-popper-arrow" data-popper-arrow></span>
+    </div>
+  </Teleport>
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue';
+import { computed, getCurrentInstance, nextTick, onBeforeUnmount, onMounted, ref, shallowRef, watch } from 'vue';
+import type { Instance } from '@popperjs/core';
+import { createPopper } from '@popperjs/core';
 
-import { getConfig } from './config';
+import { useZIndex } from './index';
 import type { PopoverProps } from './types';
 
+defineSlots<{
+  /** 触发 Popover 显示的 HTML 元素 */
+  reference(_props: {}): any;
+  /** Popover 内嵌 HTML 文本 */
+  default(_props: {}): any;
+}>();
+
 defineOptions({
-  name: 'TMPopover',
+  name: 'TMPopper',
+  inheritAttrs: false,
 });
 
-const props = withDefaults(defineProps<PopoverProps>(), { visible: null });
+const props = withDefaults(defineProps<PopoverProps>(), {
+  trigger: 'hover',
+  disabled: false,
+  visible: undefined,
+  tabindex: 0,
+  destroyOnClose: false,
+});
 
-const ui = getConfig('components')?.popover;
+const popoverVisible = ref(false);
 
-const uiComponent = ui?.component || 'el-popover';
+const visibleWatch = watch(
+  () => props.visible,
+  (visible) => {
+    if (typeof visible === 'undefined') {
+      nextTick(() => {
+        visibleWatch();
+      });
+      return;
+    }
 
-const uiProps = computed(() => ui?.props(props) || props);
+    popoverVisible.value = visible;
+  },
+  {
+    immediate: true,
+  },
+);
+
+const style = computed(() => {
+  if (!props.width) {
+    return {};
+  }
+
+  let { width } = props;
+
+  if (typeof width === 'number') {
+    width = `${width}px`;
+  }
+
+  return {
+    width,
+  };
+});
+
+const referenceElementRef = ref<HTMLElement>();
+const popperElementRef = ref<HTMLElement>();
+
+const instanceRef = shallowRef<Instance | undefined>();
+
+onMounted(() => {
+  referenceElementRef.value = getCurrentInstance()?.proxy?.$el.nextElementSibling;
+});
+
+const zIndex = useZIndex();
+watch([referenceElementRef, popperElementRef, popoverVisible], ([referenceElement, popperElement, popoverVisible]) => {
+  destroy();
+  if (!referenceElement || !popperElement || !popoverVisible) return;
+
+  popperElement.style.zIndex = `${zIndex.nextZIndex()}`;
+
+  instanceRef.value = createPopper(referenceElement, popperElement, {
+    placement: props.placement || 'bottom',
+    strategy: 'absolute',
+    modifiers: [
+      {
+        name: 'offset',
+        options: {
+          offset: [0, 10],
+        },
+      },
+    ],
+  });
+});
+
+const popperMouseenterHandler = () => {
+  popperElementRef.value?.focus();
+};
+
+const clickHandler = () => {
+  if (props.disabled) return;
+
+  popoverVisible.value = !popoverVisible.value;
+};
+
+const mouseenterHandler = () => {
+  if (props.disabled) return;
+
+  if (timer) {
+    clearTimeout(timer);
+  }
+
+  popoverVisible.value = true;
+};
+
+let timer: ReturnType<typeof setTimeout> | null = null;
+const mouseleaveHandler = () => {
+  if (props.disabled) return;
+
+  if (timer) {
+    clearTimeout(timer);
+  }
+
+  timer = globalThis.setTimeout(() => {
+    popoverVisible.value = false;
+    timer = null;
+  }, 350);
+};
+
+if (props.trigger === 'click' && typeof props.visible === 'undefined') {
+  watch(
+    referenceElementRef,
+    (el, prevEl) => {
+      el?.addEventListener('click', clickHandler);
+      prevEl?.removeEventListener('click', clickHandler);
+    },
+    {
+      immediate: true,
+    },
+  );
+}
+
+if (props.trigger === 'hover' && typeof props.visible === 'undefined') {
+  watch(
+    referenceElementRef,
+    (el, prevEl) => {
+      el?.addEventListener('mouseenter', mouseenterHandler);
+      prevEl?.removeEventListener('mouseenter', mouseenterHandler);
+      el?.addEventListener('mouseleave', mouseleaveHandler);
+      prevEl?.removeEventListener('mouseleave', mouseleaveHandler);
+    },
+    {
+      immediate: true,
+    },
+  );
+
+  watch(popperElementRef, (el, prevEl) => {
+    el?.addEventListener('mouseenter', mouseenterHandler);
+    prevEl?.removeEventListener('mouseenter', mouseenterHandler);
+    el?.addEventListener('mouseleave', mouseleaveHandler);
+    prevEl?.removeEventListener('mouseleave', mouseleaveHandler);
+  });
+}
+
+const destroy = () => {
+  if (!instanceRef.value) return;
+
+  instanceRef.value.destroy();
+  instanceRef.value = undefined;
+};
+
+onBeforeUnmount(() => {
+  destroy();
+});
 </script>
diff --git a/packages/design/src/Radio.vue b/packages/design/src/Radio.vue
index 527d7ec8..ca2ba654 100644
--- a/packages/design/src/Radio.vue
+++ b/packages/design/src/Radio.vue
@@ -7,7 +7,7 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 
-import { getConfig } from './config';
+import { getDesignConfig } from './config';
 import type { RadioProps } from './types';
 
 defineOptions({
@@ -16,9 +16,9 @@ defineOptions({
 
 const props = defineProps<RadioProps>();
 
-const ui = getConfig('components')?.radio;
+const ui = getDesignConfig('components')?.radio;
 
 const uiComponent = ui?.component || 'el-radio';
 
-const uiProps = computed(() => ui?.props(props) || props);
+const uiProps = computed<RadioProps>(() => ui?.props(props) || props);
 </script>
diff --git a/packages/design/src/RadioButton.vue b/packages/design/src/RadioButton.vue
index 1ca4538f..9dc67bf7 100644
--- a/packages/design/src/RadioButton.vue
+++ b/packages/design/src/RadioButton.vue
@@ -7,7 +7,7 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 
-import { getConfig } from './config';
+import { getDesignConfig } from './config';
 import type { RadioButtonProps } from './types';
 
 defineOptions({
@@ -16,9 +16,9 @@ defineOptions({
 
 const props = defineProps<RadioButtonProps>();
 
-const ui = getConfig('components')?.radioButton;
+const ui = getDesignConfig('components')?.radioButton;
 
 const uiComponent = ui?.component || 'el-radio-button';
 
-const uiProps = computed(() => ui?.props(props) || props);
+const uiProps = computed<RadioButtonProps>(() => ui?.props(props) || props);
 </script>
diff --git a/packages/design/src/RadioGroup.vue b/packages/design/src/RadioGroup.vue
index 01e4e252..ad303e90 100644
--- a/packages/design/src/RadioGroup.vue
+++ b/packages/design/src/RadioGroup.vue
@@ -13,7 +13,7 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 
-import { getConfig } from './config';
+import { getDesignConfig } from './config';
 import type { RadioGroupProps } from './types';
 
 defineOptions({
@@ -22,11 +22,11 @@ defineOptions({
 
 const props = defineProps<RadioGroupProps>();
 
-const ui = getConfig('components')?.radioGroup;
+const ui = getDesignConfig('components')?.radioGroup;
 
 const uiComponent = ui?.component || 'el-radio-group';
 
-const uiProps = computed(() => ui?.props(props) || props);
+const uiProps = computed<RadioGroupProps>(() => ui?.props(props) || props);
 
 const emit = defineEmits(['change', 'update:modelValue']);
 
diff --git a/packages/design/src/Row.vue b/packages/design/src/Row.vue
index 092be1c7..a0bda7c3 100644
--- a/packages/design/src/Row.vue
+++ b/packages/design/src/Row.vue
@@ -5,11 +5,11 @@
 </template>
 
 <script setup lang="ts">
-import { getConfig } from './config';
+import { getDesignConfig } from './config';
 
 defineOptions({
   name: 'TMRow',
 });
 
-const uiComponent = getConfig('components')?.row.component || 'el-row';
+const uiComponent = getDesignConfig('components')?.row.component || 'el-row';
 </script>
diff --git a/packages/design/src/Scrollbar.vue b/packages/design/src/Scrollbar.vue
index 2f6da23f..1a37afd6 100644
--- a/packages/design/src/Scrollbar.vue
+++ b/packages/design/src/Scrollbar.vue
@@ -5,13 +5,13 @@
 </template>
 
 <script setup lang="ts">
-import { getConfig } from './config';
+import { getDesignConfig } from './config';
 
 defineOptions({
   name: 'TMScrollbar',
 });
 
-const ui = getConfig('components')?.scrollbar;
+const ui = getDesignConfig('components')?.scrollbar;
 
 const uiComponent = ui?.component || 'el-scrollbar';
 </script>
diff --git a/packages/design/src/Select.vue b/packages/design/src/Select.vue
index f3094a93..27da248d 100644
--- a/packages/design/src/Select.vue
+++ b/packages/design/src/Select.vue
@@ -16,7 +16,7 @@
 <script setup lang="ts">
 import { computed, nextTick, ref, watch } from 'vue';
 
-import { getConfig } from './config';
+import { getDesignConfig } from './config';
 import type { SelectProps } from './types';
 
 defineOptions({
@@ -25,13 +25,13 @@ defineOptions({
 
 const props = defineProps<SelectProps>();
 
-const emit = defineEmits(['change', 'update:modelValue', 'visibleHandler']);
+const emit = defineEmits(['change', 'update:modelValue', 'visible-change']);
 
-const ui = getConfig('components')?.select;
+const ui = getDesignConfig('components')?.select;
 
 const uiComponent = ui?.component || 'el-select';
 
-const uiProps = computed(() => ui?.props(props) || props);
+const uiProps = computed<SelectProps>(() => ui?.props(props) || props);
 
 const select = ref<any>();
 
@@ -44,7 +44,7 @@ const updateModelValue = (...args: any[]) => {
 };
 
 const visibleHandler = (...args: any[]) => {
-  emit('visibleHandler', ...args);
+  emit('visible-change', ...args);
 };
 
 const scrollbarWrap = ref<HTMLDivElement | undefined>();
diff --git a/packages/design/src/Step.vue b/packages/design/src/Step.vue
index fb6fdb6a..f5b68f10 100644
--- a/packages/design/src/Step.vue
+++ b/packages/design/src/Step.vue
@@ -7,7 +7,7 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 
-import { getConfig } from './config';
+import { getDesignConfig } from './config';
 import type { StepProps } from './types';
 
 defineOptions({
@@ -22,9 +22,9 @@ const clickHandler = (...args: any[]) => {
   emit('click', ...args);
 };
 
-const ui = getConfig('components')?.step;
+const ui = getDesignConfig('components')?.step;
 
 const uiComponent = ui?.component || 'el-step';
 
-const uiProps = computed(() => ui?.props(props) || props);
+const uiProps = computed<StepProps>(() => ui?.props(props) || props);
 </script>
diff --git a/packages/design/src/Steps.vue b/packages/design/src/Steps.vue
index fb0f6686..daa9aab9 100644
--- a/packages/design/src/Steps.vue
+++ b/packages/design/src/Steps.vue
@@ -7,7 +7,7 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 
-import { getConfig } from './config';
+import { getDesignConfig } from './config';
 import type { StepsProps } from './types';
 
 defineOptions({
@@ -16,9 +16,9 @@ defineOptions({
 
 const props = defineProps<StepsProps>();
 
-const ui = getConfig('components')?.steps;
+const ui = getDesignConfig('components')?.steps;
 
 const uiComponent = ui?.component || 'el-steps';
 
-const uiProps = computed(() => ui?.props(props) || props);
+const uiProps = computed<StepsProps>(() => ui?.props(props) || props);
 </script>
diff --git a/packages/design/src/Switch.vue b/packages/design/src/Switch.vue
index 83d1f158..ad4bb305 100644
--- a/packages/design/src/Switch.vue
+++ b/packages/design/src/Switch.vue
@@ -15,7 +15,7 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 
-import { getConfig } from './config';
+import { getDesignConfig } from './config';
 import type { SwitchProps } from './types';
 
 defineOptions({
@@ -24,11 +24,11 @@ defineOptions({
 
 const props = defineProps<SwitchProps>();
 
-const ui = getConfig('components')?.switch;
+const ui = getDesignConfig('components')?.switch;
 
 const uiComponent = ui?.component || 'el-switch';
 
-const uiProps = computed(() => ui?.props(props) || props);
+const uiProps = computed<SwitchProps>(() => ui?.props(props) || props);
 
 const emit = defineEmits(['change', 'update:modelValue']);
 
diff --git a/packages/design/src/TabPane.vue b/packages/design/src/TabPane.vue
index 921cebec..16c48354 100644
--- a/packages/design/src/TabPane.vue
+++ b/packages/design/src/TabPane.vue
@@ -13,7 +13,7 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 
-import { getConfig } from './config';
+import { getDesignConfig } from './config';
 import type { TabPaneProps } from './types';
 
 defineOptions({
@@ -22,9 +22,9 @@ defineOptions({
 
 const props = defineProps<TabPaneProps>();
 
-const ui = getConfig('components')?.tabPane;
+const ui = getDesignConfig('components')?.tabPane;
 
 const uiComponent = ui?.component || 'el-tab-pane';
 
-const uiProps = computed(() => ui?.props(props) || props);
+const uiProps = computed<TabPaneProps>(() => ui?.props(props) || props);
 </script>
diff --git a/packages/design/src/Table.vue b/packages/design/src/Table.vue
index 87770de2..054f109b 100644
--- a/packages/design/src/Table.vue
+++ b/packages/design/src/Table.vue
@@ -4,6 +4,8 @@
     ref="table"
     :is="uiComponent"
     v-bind="uiProps"
+    row-class-name="tmagic-design-table-row"
+    cell-class-name="tmagic-design-table-cell"
     @select="selectHandler"
     @sort-change="sortChangeHandler"
     @expand-change="expandChangeHandler"
@@ -14,9 +16,9 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ref, watchEffect } from 'vue';
+import { computed, useTemplateRef } from 'vue';
 
-import { getConfig } from './config';
+import { getDesignConfig } from './config';
 import type { TableProps } from './types';
 
 defineOptions({
@@ -27,15 +29,15 @@ const props = withDefaults(defineProps<TableProps>(), {
   data: () => [],
 });
 
-const ui = getConfig('components')?.table;
+const ui = getDesignConfig('components')?.table;
 
 const uiComponent = ui?.component || 'el-table';
 
-const uiProps = computed(() => ui?.props(props) || props);
+const uiProps = computed<TableProps>(() => ui?.props(props) || props);
 
 const emit = defineEmits(['select', 'sort-change', 'expand-change', 'cell-click']);
 
-const table = ref<any>();
+const tableRef = useTemplateRef('table');
 
 const selectHandler = (...args: any[]) => {
   emit('select', ...args);
@@ -53,27 +55,21 @@ const cellClickHandler = (...args: any[]) => {
   emit('cell-click', ...args);
 };
 
-let $el: HTMLDivElement | undefined;
-
-watchEffect(() => {
-  $el = table.value?.$el;
-});
-
 defineExpose({
-  instance: table,
+  getEl: () => tableRef.value?.getTableRef().$el,
 
-  $el,
+  getTableRef: () => tableRef.value.getTableRef(),
 
   clearSelection(...args: any[]) {
-    return table.value?.clearSelection(...args);
+    return tableRef.value?.clearSelection(...args);
   },
 
   toggleRowSelection(...args: any[]) {
-    return table.value?.toggleRowSelection(...args);
+    return tableRef.value?.toggleRowSelection(...args);
   },
 
   toggleRowExpansion(...args: any[]) {
-    return table.value?.toggleRowExpansion(...args);
+    return tableRef.value?.toggleRowExpansion(...args);
   },
 });
 </script>
diff --git a/packages/design/src/TableColumn.vue b/packages/design/src/TableColumn.vue
deleted file mode 100644
index 810a41a4..00000000
--- a/packages/design/src/TableColumn.vue
+++ /dev/null
@@ -1,27 +0,0 @@
-<template>
-  <component :is="uiComponent" v-bind="uiProps">
-    <template #default="{ $index, row }">
-      <!-- eslint-disable-next-line vue/valid-attribute-name -->
-      <slot :$index="$index" :row="row"></slot>
-    </template>
-  </component>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-
-import { getConfig } from './config';
-import type { TableColumnProps } from './types';
-
-defineOptions({
-  name: 'TMTableColumn',
-});
-
-const props = defineProps<TableColumnProps>();
-
-const ui = getConfig('components')?.tableColumn;
-
-const uiComponent = ui?.component || 'el-table-column';
-
-const uiProps = computed(() => ui?.props(props) || props);
-</script>
diff --git a/packages/design/src/Tabs.vue b/packages/design/src/Tabs.vue
index 3e51bc02..455777f1 100644
--- a/packages/design/src/Tabs.vue
+++ b/packages/design/src/Tabs.vue
@@ -8,6 +8,9 @@
     @tab-remove="onTabRemove"
     @update:model-value="updateModelName"
   >
+    <template #add-icon v-if="$slots['add-icon']">
+      <slot name="add-icon"></slot>
+    </template>
     <template #default>
       <slot></slot>
     </template>
@@ -17,7 +20,7 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 
-import { getConfig } from './config';
+import { getDesignConfig } from './config';
 import type { TabsProps } from './types';
 
 defineOptions({
@@ -26,11 +29,11 @@ defineOptions({
 
 const props = defineProps<TabsProps>();
 
-const ui = getConfig('components')?.tabs;
+const ui = getDesignConfig('components')?.tabs;
 
 const uiComponent = ui?.component || 'el-tabs';
 
-const uiProps = computed(() => ui?.props(props) || props);
+const uiProps = computed<TabsProps>(() => ui?.props(props) || props);
 
 const emit = defineEmits(['tab-click', 'tab-add', 'tab-remove', 'update:model-value']);
 
diff --git a/packages/design/src/Tag.vue b/packages/design/src/Tag.vue
index ee291b85..886d5766 100644
--- a/packages/design/src/Tag.vue
+++ b/packages/design/src/Tag.vue
@@ -7,7 +7,7 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 
-import { getConfig } from './config';
+import { getDesignConfig } from './config';
 import type { TagProps } from './types';
 
 defineOptions({
@@ -16,9 +16,9 @@ defineOptions({
 
 const props = defineProps<TagProps>();
 
-const ui = getConfig('components')?.tag;
+const ui = getDesignConfig('components')?.tag;
 
 const uiComponent = ui?.component || 'el-tag';
 
-const uiProps = computed(() => ui?.props(props) || props);
+const uiProps = computed<TagProps>(() => ui?.props(props) || props);
 </script>
diff --git a/packages/design/src/TimePicker.vue b/packages/design/src/TimePicker.vue
index 80ca4690..7abe0f45 100644
--- a/packages/design/src/TimePicker.vue
+++ b/packages/design/src/TimePicker.vue
@@ -12,7 +12,7 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 
-import { getConfig } from './config';
+import { getDesignConfig } from './config';
 import type { TimePickerProps } from './types';
 
 defineOptions({
@@ -21,11 +21,11 @@ defineOptions({
 
 const props = defineProps<TimePickerProps>();
 
-const ui = getConfig('components')?.timePicker;
+const ui = getDesignConfig('components')?.timePicker;
 
 const uiComponent = ui?.component || 'el-time-picker';
 
-const uiProps = computed(() => ui?.props(props) || props);
+const uiProps = computed<TimePickerProps>(() => ui?.props(props) || props);
 
 const emit = defineEmits(['change', 'update:modelValue']);
 
diff --git a/packages/design/src/Tooltip.vue b/packages/design/src/Tooltip.vue
index 8465b944..6afbc530 100644
--- a/packages/design/src/Tooltip.vue
+++ b/packages/design/src/Tooltip.vue
@@ -10,7 +10,7 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 
-import { getConfig } from './config';
+import { getDesignConfig } from './config';
 import type { TooltipProps } from './types';
 
 defineOptions({
@@ -19,9 +19,9 @@ defineOptions({
 
 const props = defineProps<TooltipProps>();
 
-const ui = getConfig('components')?.tooltip;
+const ui = getDesignConfig('components')?.tooltip;
 
 const uiComponent = ui?.component || 'el-tooltip';
 
-const uiProps = computed(() => ui?.props(props) || props);
+const uiProps = computed<TooltipProps>(() => ui?.props(props) || props);
 </script>
diff --git a/packages/design/src/Tree.vue b/packages/design/src/Tree.vue
deleted file mode 100644
index 7ee2b7e1..00000000
--- a/packages/design/src/Tree.vue
+++ /dev/null
@@ -1,110 +0,0 @@
-<template>
-  <component
-    class="tmagic-design-tree"
-    ref="tree"
-    :is="uiComponent"
-    v-bind="uiProps"
-    @node-click="nodeClickHandler"
-    @node-contextmenu="contextmenu"
-    @node-drag-end="handleDragEnd"
-    @node-collapse="handleCollapse"
-    @node-expand="handleExpand"
-    @check="checkHandler"
-    @mousedown="mousedownHandler"
-    @mouseup="mouseupHandler"
-  >
-    <template #default="{ data, node }">
-      <slot :data="data" :node="node"></slot>
-    </template>
-  </component>
-</template>
-
-<script setup lang="ts">
-import { computed, ref } from 'vue';
-
-import { getConfig } from './config';
-import type { TreeProps } from './types';
-
-defineOptions({
-  name: 'TMTree',
-});
-
-const props = defineProps<TreeProps>();
-
-const ui = getConfig('components')?.tree;
-
-const uiComponent = ui?.component || 'el-tree';
-
-const uiProps = computed(() => ui?.props(props) || props);
-
-const emit = defineEmits([
-  'node-click',
-  'node-contextmenu',
-  'node-drag-end',
-  'node-collapse',
-  'node-expand',
-  'check',
-  'mousedown',
-  'mouseup',
-]);
-
-const nodeClickHandler = (...args: any[]) => {
-  emit('node-click', ...args);
-};
-
-const contextmenu = (...args: any[]) => {
-  emit('node-contextmenu', ...args);
-};
-
-const handleDragEnd = (...args: any[]) => {
-  emit('node-drag-end', ...args);
-};
-
-const handleCollapse = (...args: any[]) => {
-  emit('node-collapse', ...args);
-};
-
-const handleExpand = (...args: any[]) => {
-  emit('node-expand', ...args);
-};
-
-const checkHandler = (...args: any[]) => {
-  emit('check', ...args);
-};
-
-const mousedownHandler = (...args: any[]) => {
-  emit('mousedown', ...args);
-};
-
-const mouseupHandler = (...args: any[]) => {
-  emit('mouseup', ...args);
-};
-
-const tree = ref<any>();
-
-defineExpose({
-  getData() {
-    return tree.value?.data;
-  },
-
-  getStore() {
-    return tree.value?.store;
-  },
-
-  filter(...args: any[]) {
-    return tree.value?.filter(...args);
-  },
-
-  getNode(...args: any[]) {
-    return tree.value?.getNode(...args);
-  },
-
-  setCheckedKeys(...args: any[]) {
-    return tree.value?.setCheckedKeys(...args);
-  },
-
-  setCurrentKey(...args: any[]) {
-    return tree.value?.setCurrentKey(...args);
-  },
-});
-</script>
diff --git a/packages/design/src/Upload.vue b/packages/design/src/Upload.vue
index 40b6d869..441d1462 100644
--- a/packages/design/src/Upload.vue
+++ b/packages/design/src/Upload.vue
@@ -11,7 +11,7 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue';
 
-import { getConfig } from './config';
+import { getDesignConfig } from './config';
 import type { UploadProps } from './types';
 
 defineOptions({
@@ -25,11 +25,11 @@ const emit = defineEmits(['change']);
 const changeHandler = (...args: any[]) => {
   emit('change', ...args);
 };
-const ui = getConfig('components')?.upload;
+const ui = getDesignConfig('components')?.upload;
 
 const uiComponent = ui?.component || 'el-upload';
 
-const uiProps = computed(() => ui?.props(props) || props);
+const uiProps = computed<UploadProps>(() => ui?.props(props) || props);
 
 const upload = ref<any>();
 
diff --git a/packages/design/src/config.ts b/packages/design/src/config.ts
index 95870fbb..45b29286 100644
--- a/packages/design/src/config.ts
+++ b/packages/design/src/config.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -16,14 +16,14 @@
  * limitations under the License.
  */
 
-import { PluginOptions } from './types';
+import { DesignPluginOptions } from './types';
 
-let $MAGIC_DESIGN: PluginOptions = {};
+let $MAGIC_DESIGN: DesignPluginOptions = {};
 
-const setConfig = (options: PluginOptions): void => {
+const setDesignConfig = (options: DesignPluginOptions): void => {
   $MAGIC_DESIGN = options;
 };
 
-const getConfig = <K extends keyof PluginOptions>(key: K) => $MAGIC_DESIGN[key];
+const getDesignConfig = <K extends keyof DesignPluginOptions>(key: K) => $MAGIC_DESIGN[key];
 
-export { getConfig, setConfig };
+export { getDesignConfig, setDesignConfig };
diff --git a/packages/design/src/index.ts b/packages/design/src/index.ts
index a3bc3165..c439c316 100644
--- a/packages/design/src/index.ts
+++ b/packages/design/src/index.ts
@@ -1,13 +1,14 @@
 import type { App, Ref } from 'vue';
 import { computed, ref, unref } from 'vue';
 
-import { setConfig } from './config';
-import { PluginOptions, TMagicMessage, TMagicMessageBox } from './types';
+import { setDesignConfig } from './config';
+import { DesignPluginOptions, TMagicMessage, TMagicMessageBox } from './types';
+
+import './theme/index.scss';
 
 export * from './types';
 export * from './config';
 
-/* eslint-disable @typescript-eslint/no-unused-vars */
 export { default as TMagicAutocomplete } from './Autocomplete.vue';
 export { default as TMagicBadge } from './Badge.vue';
 export { default as TMagicButton } from './Button.vue';
@@ -45,30 +46,16 @@ export { default as TMagicStep } from './Step.vue';
 export { default as TMagicSteps } from './Steps.vue';
 export { default as TMagicSwitch } from './Switch.vue';
 export { default as TMagicTable } from './Table.vue';
-export { default as TMagicTableColumn } from './TableColumn.vue';
 export { default as TMagicTabPane } from './TabPane.vue';
 export { default as TMagicTabs } from './Tabs.vue';
 export { default as TMagicTag } from './Tag.vue';
 export { default as TMagicTimePicker } from './TimePicker.vue';
 export { default as TMagicTooltip } from './Tooltip.vue';
-export { default as TMagicTree } from './Tree.vue';
 export { default as TMagicUpload } from './Upload.vue';
+export { default as TMagicPopconfirm } from './Popconfirm.vue';
 
-export const tMagicMessage = {
-  error: (msg: string) => {
-    console.error(msg);
-  },
-  success: (msg: string) => {
-    console.log(msg);
-  },
-  warning: (msg: string) => {
-    console.warn(msg);
-  },
-  info: (msg: string) => {
-    console.info(msg);
-  },
-  closeAll: (msg: string) => {},
-} as unknown as TMagicMessage;
+// eslint-disable-next-line import/no-mutable-exports
+export let tMagicMessage: TMagicMessage;
 
 export const tMagicMessageBox = {
   alert: (msg: string) => {
@@ -107,14 +94,24 @@ export let useZIndex = (zIndexOverrides?: Ref<number>) => {
 };
 
 export default {
-  install(app: App, options: PluginOptions) {
-    if (options.message) {
-      tMagicMessage.error = options.message?.error;
-      tMagicMessage.success = options.message?.success;
-      tMagicMessage.warning = options.message?.warning;
-      tMagicMessage.info = options.message?.info;
-      tMagicMessage.closeAll = options.message?.closeAll;
-    }
+  install(app: App, options: DesignPluginOptions) {
+    tMagicMessage =
+      options.message ||
+      ({
+        error: (msg: string) => {
+          console.error(msg);
+        },
+        success: (msg: string) => {
+          console.log(msg);
+        },
+        warning: (msg: string) => {
+          console.warn(msg);
+        },
+        info: (msg: string) => {
+          console.info(msg);
+        },
+        closeAll: (_msg: string) => {},
+      } as unknown as TMagicMessage);
 
     if (options.messageBox) {
       tMagicMessageBox.alert = options.messageBox?.alert;
@@ -123,7 +120,7 @@ export default {
       tMagicMessageBox.close = options.messageBox?.close;
     }
 
-    if (options.loading) {
+    if (options.loading && !app.directive('loading')) {
       app.directive('loading', options.loading);
     }
 
@@ -131,7 +128,11 @@ export default {
       useZIndex = options.useZIndex;
     }
 
+    if (options.adapterType && globalThis.document?.documentElement) {
+      globalThis.document.documentElement.classList.add(`tmagic-adapter-${options.adapterType}`);
+    }
+
     app.config.globalProperties.$MAGIC_DESIGN = options;
-    setConfig(options);
+    setDesignConfig(options);
   },
 };
diff --git a/packages/design/src/theme/index.scss b/packages/design/src/theme/index.scss
new file mode 100644
index 00000000..9296b908
--- /dev/null
+++ b/packages/design/src/theme/index.scss
@@ -0,0 +1 @@
+@use "./popover.scss";
diff --git a/packages/design/src/theme/popover.scss b/packages/design/src/theme/popover.scss
new file mode 100644
index 00000000..3f5b409d
--- /dev/null
+++ b/packages/design/src/theme/popover.scss
@@ -0,0 +1,55 @@
+.tmagic-design-popper {
+  min-width: 150px;
+  line-height: 1.4;
+  background-color: #fff;
+  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
+  color: #606266;
+  border: 1px solid #e4e7ed;
+  border-radius: 4px;
+  font-size: 14px;
+  overflow-wrap: break-word;
+  box-sizing: border-box;
+  padding: 10px;
+
+  &:focus {
+    outline: none;
+  }
+}
+
+.tmagic-design-popper[data-popper-placement^="top"]
+  > .tmagic-design-popper-arrow {
+  bottom: -4px;
+}
+
+.tmagic-design-popper[data-popper-placement^="bottom"]
+  > .tmagic-design-popper-arrow {
+  top: -4px;
+}
+
+.tmagic-design-popper[data-popper-placement^="left"]
+  > .tmagic-design-popper-arrow {
+  right: -4px;
+}
+
+.tmagic-design-popper[data-popper-placement^="right"]
+  > .tmagic-design-popper-arrow {
+  left: -4px;
+}
+
+.tmagic-design-popper-arrow,
+.tmagic-design-popper-arrow::before {
+  position: absolute;
+  width: 8px;
+  height: 8px;
+  background: inherit;
+}
+
+.tmagic-design-popper-arrow {
+  visibility: hidden;
+}
+
+.tmagic-design-popper-arrow::before {
+  visibility: visible;
+  content: "";
+  transform: rotate(45deg);
+}
diff --git a/packages/design/src/types.ts b/packages/design/src/types.ts
index 444abe8c..3426d290 100644
--- a/packages/design/src/types.ts
+++ b/packages/design/src/types.ts
@@ -1,11 +1,11 @@
 import { ComputedRef, DefineComponent, Directive, Ref } from 'vue';
+import type { Placement } from '@popperjs/core';
 
 export type FieldSize = 'large' | 'default' | 'small';
 
 export interface AutocompleteProps {
   modelValue?: string;
   placeholder?: string;
-  label?: string;
   clearable?: boolean;
   disabled?: boolean;
   triggerOnFocus?: boolean;
@@ -31,6 +31,7 @@ export interface ButtonProps {
   text?: boolean;
   circle?: boolean;
   icon?: any;
+  variant?: string;
 }
 
 export interface CardProps {
@@ -45,7 +46,7 @@ export interface CascaderProps {
   disabled?: boolean;
   clearable?: boolean;
   filterable?: boolean;
-  options?: CascaderOption[];
+  options?: CascaderPropsOption[];
   size?: FieldSize;
   /** 弹出内容的自定义类名 */
   popperClass?: string;
@@ -106,6 +107,8 @@ export interface DatePickerProps {
   startPlaceholder?: string;
   endPlaceholder?: string;
   format?: string;
+  dateFormat?: string;
+  timeFormat?: string;
   /** 可选，绑定值的格式。 不指定则绑定值为 Date 对象 */
   valueFormat?: string;
   /** 在范围选择器里取消两个日期面板之间的联动 */
@@ -123,6 +126,8 @@ export interface DialogProps {
   fullscreen?: boolean;
   closeOnClickModal?: boolean;
   closeOnPressEscape?: boolean;
+  destroyOnClose?: boolean;
+  showClose?: boolean;
 }
 
 export interface DividerProps {
@@ -178,6 +183,8 @@ export interface FormItemProps {
   prop?: string;
   labelWidth?: string | number;
   rules?: any;
+  extra?: string;
+  labelPosition?: 'top' | 'left' | 'right';
 }
 
 export interface InputProps {
@@ -188,6 +195,7 @@ export interface InputProps {
   rows?: number;
   type?: string;
   size?: FieldSize;
+  autosize?: boolean | { minRows: number; maxRows: number };
 }
 
 export interface InputNumberProps {
@@ -218,20 +226,37 @@ export interface PaginationProps {
   hideOnSinglePage?: boolean;
   curPage?: number;
   pageSizes?: number[];
-  pagesize?: number;
+  pageSize?: number;
   total?: number;
+  size?: 'large' | 'default' | 'small';
+}
+
+export interface PopconfirmProps {
+  title?: string;
+  placement?:
+    | 'top'
+    | 'left'
+    | 'right'
+    | 'bottom'
+    | 'top-left'
+    | 'top-right'
+    | 'bottom-left'
+    | 'bottom-right'
+    | 'left-top'
+    | 'left-bottom'
+    | 'right-top'
+    | 'right-bottom';
 }
 
 export interface PopoverProps {
-  placement?: string;
+  placement?: Placement;
   width?: string | number;
-  title?: string;
-  trigger?: string;
-  effect?: string;
-  content?: string;
+  trigger?: 'hover' | 'click';
   disabled?: boolean;
+  visible?: boolean;
   popperClass?: string;
-  visible?: boolean | null;
+  tabindex?: number;
+  destroyOnClose?: boolean;
 }
 
 export interface RadioProps {
@@ -292,17 +317,37 @@ export interface SwitchProps {
 }
 
 export interface TableProps {
+  columns?: TableColumnOptions[];
   data?: any[];
   border?: boolean;
   maxHeight?: number | string;
   defaultExpandAll?: boolean;
+  showHeader?: boolean;
+  rowKey?: string;
+  treeProps?: Record<string, any>;
+  emptyText?: string;
+  tooltipEffect?: string;
+  tooltipOptions?: any;
+  showOverflowTooltip?: boolean;
+  spanMethod?: (data: any) => any;
 }
 
-export interface TableColumnProps {
-  label?: string;
-  align?: string;
-  fixed?: string | boolean;
-  width?: string | number;
+export interface TableColumnOptions<T = any> {
+  props: {
+    class?: string;
+    label?: string;
+    fixed?: 'left' | 'right' | boolean;
+    width?: number | string;
+    type?: 'default' | 'selection' | 'index' | 'expand';
+    prop?: string;
+    align?: string;
+    headerAlign?: string;
+    sortable?: boolean;
+    sortOrders?: Array<'ascending' | 'descending'>;
+    selectable?: (row: T, index: number) => boolean;
+  };
+  cell?: (scope: { row: T; $index: number }) => any;
+  title?: (scope?: any) => any;
 }
 
 export interface TabPaneProps {
@@ -314,7 +359,7 @@ export interface TabPaneProps {
 export interface TabsProps {
   type?: string;
   editable?: boolean;
-  tabPosition?: string;
+  tabPosition?: 'left' | 'right' | 'top' | 'bottom';
   modelValue?: string | number;
 }
 
@@ -339,53 +384,26 @@ export interface TooltipProps {
   offset?: number;
 }
 
-export interface TreeProps {
-  data?: any[];
-  emptyText?: string;
-  nodeKey?: string;
-  props?: any;
-  renderAfterExpand?: boolean;
-  load?: any;
-  renderContent?: any;
-  highlightCurrent?: boolean;
-  defaultExpandAll?: boolean;
-  checkOnClickNode?: boolean;
-  autoExpandParent?: boolean;
-  defaultExpandedKeys?: any[];
-  showCheckbox?: boolean;
-  checkStrictly?: boolean;
-  defaultCheckedKeys?: any[];
-  currentNodeKey?: string | number;
-  filterNodeMethod?: (value: any, data: any, node: any) => boolean;
-  accordion?: boolean;
-  indent?: number;
-  icon?: any;
-  lazy?: boolean;
-  draggable?: boolean;
-  allowDrag?: (node: any) => boolean;
-  allowDrop?: any;
-}
-
 export interface UploadProps {
   action?: string;
   autoUpload?: boolean;
   disabled?: boolean;
 }
 
-export interface CascaderOption {
+export interface CascaderPropsOption {
   /** 指定选项的值为选项对象的某个属性值 */
   value: any;
   /** 指定选项标签为选项对象的某个属性值 */
   label: string;
   /** 指定选项的子选项为选项对象的某个属性值 */
-  children?: CascaderOption[];
+  children?: CascaderPropsOption[];
 }
 
 export interface IconProps {
   size?: string;
 }
 
-export interface TMagicMessage {
+interface ExtraApi {
   success: (msg: string) => void;
   warning: (msg: string) => void;
   info: (msg: string) => void;
@@ -393,6 +411,14 @@ export interface TMagicMessage {
   closeAll: () => void;
 }
 
+export type TMagicMessage = ExtraApi &
+  ((options: {
+    type?: 'info' | 'success' | 'warning' | 'error';
+    message?: string;
+    dangerouslyUseHTMLString?: boolean;
+    duration?: number;
+  }) => void);
+
 export type ElMessageBoxShortcutMethod = ((
   message: string,
   title: string,
@@ -570,11 +596,6 @@ export interface Components {
     props: (props: PaginationProps) => PaginationProps;
   };
 
-  popover: {
-    component: DefineComponent<PopoverProps, {}, any> | string;
-    props: (props: PopoverProps) => PopoverProps;
-  };
-
   radio: {
     component: DefineComponent<RadioProps, {}, any> | string;
     props: (props: RadioProps) => RadioProps;
@@ -637,8 +658,8 @@ export interface Components {
       | DefineComponent<
           TableProps,
           {
-            instance: any;
-            $el: HTMLDivElement | undefined;
+            getEl: () => HTMLElement | undefined;
+            getTableRef: () => any;
             clearSelection: (...args: any[]) => void;
             toggleRowSelection: (...args: any[]) => void;
             toggleRowExpansion: (...args: any[]) => void;
@@ -649,11 +670,6 @@ export interface Components {
     props: (props: TableProps) => TableProps;
   };
 
-  tableColumn: {
-    component: DefineComponent<TableColumnProps, {}, any> | string;
-    props: (props: TableColumnProps) => TableColumnProps;
-  };
-
   tabPane: {
     component: DefineComponent<TabPaneProps, {}, any> | string;
     props: (props: TabPaneProps) => TabPaneProps;
@@ -679,24 +695,6 @@ export interface Components {
     props: (props: TooltipProps) => TooltipProps;
   };
 
-  tree: {
-    component:
-      | DefineComponent<
-          TreeProps,
-          {
-            getData: () => TreeProps['data'];
-            getStore: () => any;
-            filter: (...args: any[]) => any;
-            getNode: (...args: any[]) => any;
-            setCheckedKeys: (...args: any[]) => any;
-            setCurrentKey: (...args: any[]) => any;
-          },
-          any
-        >
-      | string;
-    props: (props: TreeProps) => TreeProps;
-  };
-
   upload: {
     component:
       | DefineComponent<
@@ -709,9 +707,15 @@ export interface Components {
       | string;
     props: (props: UploadProps) => UploadProps;
   };
+
+  popconfirm: {
+    component: DefineComponent<PopconfirmProps, {}, any> | string;
+    props: (props: PopconfirmProps) => PopconfirmProps;
+  };
 }
 
-export interface PluginOptions {
+export interface DesignPluginOptions {
+  adapterType?: string;
   message?: TMagicMessage;
   messageBox?: TMagicMessageBox;
   components?: Components;
diff --git a/packages/design/tsconfig.build.json b/packages/design/tsconfig.build.json
deleted file mode 100644
index c9476221..00000000
--- a/packages/design/tsconfig.build.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "baseUrl": ".",
-    "declaration": true,
-    "declarationDir": "types",
-    "forceConsistentCasingInFileNames": true,
-    "paths": {},
-  },
-  "include": [
-		"src"
-	],
-}
diff --git a/packages/design/tsconfig.json b/packages/design/tsconfig.json
deleted file mode 100644
index 6c40cf1e..00000000
--- a/packages/design/tsconfig.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "baseUrl": "../..",
-  },
-}
diff --git a/packages/design/vite.config.ts b/packages/design/vite.config.ts
deleted file mode 100644
index f67b608e..00000000
--- a/packages/design/vite.config.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { defineConfig } from 'vite';
-import vue from '@vitejs/plugin-vue';
-
-import pkg from './package.json';
-
-export default defineConfig({
-  plugins: [vue()],
-
-  optimizeDeps: {
-    esbuildOptions: {
-      define: {
-        global: 'globalThis',
-      },
-    },
-  },
-
-  build: {
-    cssCodeSplit: false,
-    sourcemap: false,
-    minify: false,
-    target: 'esnext',
-
-    lib: {
-      entry: 'src/index.ts',
-      name: 'TMagicDesign',
-      fileName: 'tmagic-design',
-    },
-
-    rollupOptions: {
-      // 确保外部化处理那些你不想打包进库的依赖
-      external(id: string) {
-        return Object.keys(pkg.peerDependencies).some((k) => new RegExp(`^${k}`).test(id));
-      },
-
-      output: {
-        // 在 UMD 构建模式下为这些外部化的依赖提供一个全局变量
-        globals: {
-          vue: 'Vue',
-        },
-      },
-    },
-  },
-});
diff --git a/packages/editor/package.json b/packages/editor/package.json
index 6b22793e..62014c2e 100644
--- a/packages/editor/package.json
+++ b/packages/editor/package.json
@@ -1,19 +1,20 @@
 {
-  "version": "1.4.7",
+  "version": "1.7.8",
   "name": "@tmagic/editor",
   "type": "module",
   "sideEffects": [
-    "dist/*",
+    "dist/style.css",
+    "dist/es/style.css",
     "src/theme/*"
   ],
   "main": "dist/tmagic-editor.umd.cjs",
-  "module": "dist/tmagic-editor.js",
+  "module": "dist/es/index.js",
   "style": "dist/style.css",
   "types": "types/index.d.ts",
   "exports": {
     ".": {
       "types": "./types/index.d.ts",
-      "import": "./dist/tmagic-editor.js",
+      "import": "./dist/es/index.js",
       "require": "./dist/tmagic-editor.umd.cjs"
     },
     "./dist/style.css": {
@@ -24,19 +25,15 @@
   },
   "files": [
     "dist",
-    "types"
+    "types",
+    "src"
   ],
   "license": "Apache-2.0",
-  "scripts": {
-    "build": "npm run build:type && vite build",
-    "build:type": "npm run clear:type && vue-tsc --declaration --emitDeclarationOnly --project tsconfig.build.json && tsc-alias -p tsconfig.build.json",
-    "clear:type": "rimraf ./types",
-    "check:type": "vue-tsc --noEmit --project tsconfig.build.json"
-  },
   "engines": {
     "node": ">=18"
   },
   "repository": {
+    "directory": "packages/editor",
     "type": "git",
     "url": "https://github.com/Tencent/tmagic-editor.git"
   },
@@ -50,48 +47,43 @@
     "typescript"
   ],
   "dependencies": {
-    "@element-plus/icons-vue": "^2.3.1",
-    "@tmagic/dep": "workspace:*",
+    "@element-plus/icons-vue": "^2.3.2",
+    "@tmagic/design": "workspace:*",
+    "@tmagic/form": "workspace:*",
+    "@tmagic/stage": "workspace:*",
     "@tmagic/table": "workspace:*",
+    "@tmagic/utils": "workspace:*",
     "buffer": "^6.0.3",
-    "color": "^3.1.3",
-    "emmet-monaco-es": "^5.3.0",
+    "deep-object-diff": "^1.1.9",
+    "emmet-monaco-es": "^5.7.0",
     "events": "^3.3.0",
-    "gesto": "^1.19.1",
+    "gesto": "^1.19.4",
     "keycon": "^1.4.0",
     "lodash-es": "^4.17.21",
     "moveable": "^0.53.0",
-    "serialize-javascript": "^6.0.0"
+    "serialize-javascript": "^7.0.0",
+    "sortablejs": "^1.15.6"
   },
   "devDependencies": {
-    "@types/events": "^3.0.0",
+    "@types/events": "^3.0.3",
     "@types/lodash-es": "^4.17.4",
-    "@types/node": "^18.19.0",
-    "@types/serialize-javascript": "^5.0.1",
-    "@vitejs/plugin-vue": "^5.0.4",
-    "@vue/compiler-sfc": "^3.4.27",
-    "@vue/test-utils": "^2.4.6",
-    "rimraf": "^3.0.2",
-    "sass": "^1.77.0",
-    "tsc-alias": "^1.8.5",
-    "type-fest": "^4.10.3",
-    "vite": "^5.2.12",
-    "vue-tsc": "^2.0.19"
+    "@types/serialize-javascript": "^5.0.4",
+    "@types/sortablejs": "^1.15.9",
+    "@vue/test-utils": "^2.4.6"
   },
   "peerDependencies": {
     "@tmagic/core": "workspace:*",
-    "@tmagic/design": "workspace:*",
-    "@tmagic/form": "workspace:*",
-    "@tmagic/schema": "workspace:*",
-    "@tmagic/stage": "workspace:*",
-    "@tmagic/utils": "workspace:*",
-    "monaco-editor": "^0.48.0",
-    "vue": "^3.4.27",
-    "typescript": "*"
+    "monaco-editor": "^0.55.1 ",
+    "type-fest": "^5.2.0",
+    "typescript": "catalog:",
+    "vue": "catalog:"
   },
   "peerDependenciesMeta": {
     "typescript": {
       "optional": true
+    },
+    "type-fest": {
+      "optional": true
     }
   }
 }
diff --git a/packages/editor/src/Editor.vue b/packages/editor/src/Editor.vue
index 2d28641e..78aefff6 100644
--- a/packages/editor/src/Editor.vue
+++ b/packages/editor/src/Editor.vue
@@ -1,5 +1,9 @@
 <template>
-  <Framework :disabled-page-fragment="disabledPageFragment">
+  <Framework
+    :disabled-page-fragment="disabledPageFragment"
+    :page-bar-sort-options="pageBarSortOptions"
+    :page-filter-function="pageFilterFunction"
+  >
     <template #header>
       <slot name="header"></slot>
     </template>
@@ -16,7 +20,13 @@
 
     <template #sidebar>
       <slot name="sidebar" :editorService="editorService">
-        <Sidebar :data="sidebar" :layer-content-menu="layerContentMenu" :custom-content-menu="customContentMenu">
+        <Sidebar
+          :data="sidebar"
+          :layer-content-menu="layerContentMenu"
+          :custom-content-menu="customContentMenu"
+          :indent="treeIndent"
+          :next-level-indent-increment="treeNextLevelIndentIncrement"
+        >
           <template #layer-panel-header>
             <slot name="layer-panel-header"></slot>
           </template>
@@ -33,6 +43,10 @@
             <slot name="layer-node-tool" :data="data"></slot>
           </template>
 
+          <template #component-list="{ componentGroupList }">
+            <slot name="component-list" :component-group-list="componentGroupList"></slot>
+          </template>
+
           <template #component-list-panel-header>
             <slot name="component-list-panel-header"></slot>
           </template>
@@ -82,9 +96,10 @@
         <PropsPanel
           :extend-state="extendFormState"
           :disabled-show-src="disabledShowSrc"
-          @mounted="(instance: any) => $emit('props-panel-mounted', instance)"
-          @form-error="(e: any) => $emit('props-form-error', e)"
-          @submit-error="(e: any) => $emit('props-submit-error', e)"
+          @mounted="propsPanelMountedHandler"
+          @unmounted="propsPanelUnmountedHandler"
+          @form-error="propsPanelFormErrorHandler"
+          @submit-error="propsPanelSubmitErrorHandler"
         >
           <template #props-panel-header>
             <slot name="props-panel-header"></slot>
@@ -104,8 +119,10 @@
     </template>
 
     <template #page-bar><slot name="page-bar"></slot></template>
+    <template #page-bar-add-button><slot name="page-bar-add-button"></slot></template>
     <template #page-bar-title="{ page }"><slot name="page-bar-title" :page="page"></slot></template>
     <template #page-bar-popover="{ page }"><slot name="page-bar-popover" :page="page"></slot></template>
+    <template #page-list-popover="{ list }"><slot name="page-list-popover" :list="list"></slot></template>
   </Framework>
 </template>
 
@@ -114,18 +131,19 @@ import { EventEmitter } from 'events';
 
 import { provide } from 'vue';
 
-import type { MApp } from '@tmagic/schema';
+import type { MApp } from '@tmagic/core';
 
 import Framework from './layouts/Framework.vue';
 import TMagicNavMenu from './layouts/NavMenu.vue';
-import PropsPanel from './layouts/PropsPanel.vue';
+import FormPanel from './layouts/props-panel/FormPanel.vue';
+import PropsPanel from './layouts/props-panel/PropsPanel.vue';
 import Sidebar from './layouts/sidebar/Sidebar.vue';
 import Workspace from './layouts/workspace/Workspace.vue';
 import codeBlockService from './services/codeBlock';
 import componentListService from './services/componentList';
 import dataSourceService from './services/dataSource';
 import depService from './services/dep';
-import editorService, { type EditorService } from './services/editor';
+import editorService from './services/editor';
 import eventsService from './services/events';
 import historyService from './services/history';
 import keybindingService from './services/keybinding';
@@ -136,24 +154,17 @@ import uiService from './services/ui';
 import keybindingConfig from './utils/keybinding-config';
 import { defaultEditorProps, EditorProps } from './editorProps';
 import { initServiceEvents, initServiceState } from './initService';
-import type { EventBus, FrameworkSlots, PropsPanelSlots, Services, SidebarSlots, WorkspaceSlots } from './type';
+import type { EditorSlots, EventBus, Services, StageOptions } from './type';
 
-defineSlots<
-  FrameworkSlots &
-    WorkspaceSlots &
-    SidebarSlots &
-    PropsPanelSlots & {
-      workspace(props: { editorService: EditorService }): any;
-      'workspace-content'(props: { editorService: EditorService }): any;
-    }
->();
+defineSlots<EditorSlots>();
 
 defineOptions({
   name: 'MEditor',
 });
 
 const emit = defineEmits<{
-  'props-panel-mounted': [instance: InstanceType<typeof PropsPanel>];
+  'props-panel-mounted': [instance: InstanceType<typeof FormPanel>];
+  'props-panel-unmounted': [];
   'update:modelValue': [value: MApp | null];
   'props-form-error': [e: any];
   'props-submit-error': [e: any];
@@ -181,7 +192,7 @@ initServiceState(props, services);
 keybindingService.register(keybindingConfig);
 keybindingService.registerEl('global');
 
-const stageOptions = {
+const stageOptions: StageOptions = {
   runtimeUrl: props.runtimeUrl,
   autoScrollIntoView: props.autoScrollIntoView,
   render: props.render,
@@ -207,5 +218,20 @@ provide('stageOptions', stageOptions);
 
 provide<EventBus>('eventBus', new EventEmitter());
 
+const propsPanelMountedHandler = (e: InstanceType<typeof FormPanel>) => {
+  emit('props-panel-mounted', e);
+};
+const propsPanelUnmountedHandler = () => {
+  emit('props-panel-unmounted');
+};
+
+const propsPanelSubmitErrorHandler = (e: any) => {
+  emit('props-submit-error', e);
+};
+
+const propsPanelFormErrorHandler = (e: any) => {
+  emit('props-form-error', e);
+};
+
 defineExpose(services);
 </script>
diff --git a/packages/editor/src/components/CodeBlockEditor.vue b/packages/editor/src/components/CodeBlockEditor.vue
index dd2af131..19d46f2a 100644
--- a/packages/editor/src/components/CodeBlockEditor.vue
+++ b/packages/editor/src/components/CodeBlockEditor.vue
@@ -32,20 +32,20 @@
   </FloatingBox>
 
   <Teleport to="body">
-    <TMagicDialog title="查看修改" v-model="difVisible" fullscreen>
+    <TMagicDialog title="查看修改" v-model="difVisible" fullscreen destroy-on-close>
       <div style="display: flex; margin-bottom: 10px">
         <div style="flex: 1"><TMagicTag size="small" type="info">修改前</TMagicTag></div>
         <div style="flex: 1"><TMagicTag size="small" type="success">修改后</TMagicTag></div>
       </div>
 
       <CodeEditor
-        v-if="difVisible"
         ref="magicVsEditor"
         type="diff"
         language="json"
+        :disabled-full-screen="true"
         :initValues="content.content"
         :modifiedValues="formBox?.form?.values.content"
-        :style="`height: ${windowRect.height - 150}px`"
+        :height="`${windowRect.height - 150}px`"
       ></CodeEditor>
 
       <template #footer>
@@ -59,19 +59,26 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, inject, Ref, ref } from 'vue';
+import { computed, inject, nextTick, Ref, ref, useTemplateRef, watch } from 'vue';
 
+import type { CodeBlockContent } from '@tmagic/core';
 import { TMagicButton, TMagicDialog, tMagicMessage, tMagicMessageBox, TMagicTag } from '@tmagic/design';
-import { ColumnConfig, FormConfig, FormState, MFormBox } from '@tmagic/form';
-import type { CodeBlockContent } from '@tmagic/schema';
+import {
+  type ContainerChangeEventData,
+  defineFormConfig,
+  defineFormItem,
+  type FormConfig,
+  MFormBox,
+  type TableColumnConfig,
+} from '@tmagic/form';
 
 import FloatingBox from '@editor/components/FloatingBox.vue';
 import { useEditorContentHeight } from '@editor/hooks/use-editor-content-height';
 import { useNextFloatBoxPosition } from '@editor/hooks/use-next-float-box-position';
+import { useServices } from '@editor/hooks/use-services';
 import { useWindowRect } from '@editor/hooks/use-window-rect';
 import CodeEditor from '@editor/layouts/CodeEditor.vue';
-import type { Services } from '@editor/type';
-import { getConfig } from '@editor/utils/config';
+import { getEditorConfig } from '@editor/utils/config';
 
 defineOptions({
   name: 'MEditorCodeBlockEditor',
@@ -88,29 +95,31 @@ const props = defineProps<{
 }>();
 
 const emit = defineEmits<{
-  submit: [values: CodeBlockContent];
+  submit: [values: CodeBlockContent, eventData: ContainerChangeEventData];
+  close: [];
+  open: [];
 }>();
 
-const services = inject<Services>('services');
+const { codeBlockService, uiService } = useServices();
 
 const { height: codeBlockEditorHeight } = useEditorContentHeight();
 
 const difVisible = ref(false);
 const { rect: windowRect } = useWindowRect();
 
-const magicVsEditor = ref<InstanceType<typeof CodeEditor>>();
+const magicVsEditorRef = useTemplateRef<InstanceType<typeof CodeEditor>>('magicVsEditor');
 
 const diffChange = () => {
-  if (!magicVsEditor.value || !formBox.value?.form) {
+  if (!magicVsEditorRef.value || !formBox.value?.form) {
     return;
   }
 
-  formBox.value.form.values.content = magicVsEditor.value.getEditorValue();
+  formBox.value.form.values.content = magicVsEditorRef.value.getEditorValue();
 
   difVisible.value = false;
 };
 
-const defaultParamColConfig: ColumnConfig = {
+const defaultParamColConfig = defineFormItem<TableColumnConfig>({
   type: 'row',
   label: '参数类型',
   items: [
@@ -138,94 +147,126 @@ const defaultParamColConfig: ColumnConfig = {
       ],
     },
   ],
+});
+
+const functionConfig = computed(
+  () =>
+    defineFormConfig([
+      {
+        text: '名称',
+        name: 'name',
+        rules: [{ required: true, message: '请输入名称', trigger: 'blur' }],
+      },
+      {
+        text: '描述',
+        name: 'desc',
+      },
+      {
+        text: '执行时机',
+        name: 'timing',
+        type: 'select',
+        options: () => {
+          const options = [
+            { text: '初始化前', value: 'beforeInit' },
+            { text: '初始化后', value: 'afterInit' },
+          ];
+          if (props.dataSourceType !== 'base') {
+            options.push({ text: '请求前', value: 'beforeRequest' });
+            options.push({ text: '请求后', value: 'afterRequest' });
+          }
+          return options;
+        },
+        display: () => props.isDataSource,
+      },
+      {
+        type: 'table',
+        border: true,
+        text: '参数',
+        enableFullscreen: false,
+        enableToggleMode: false,
+        name: 'params',
+        dropSort: false,
+        items: [
+          {
+            type: 'text',
+            label: '参数名',
+            name: 'name',
+          },
+          {
+            type: 'text',
+            label: '描述',
+            name: 'extra',
+          },
+          codeBlockService.getParamsColConfig() || defaultParamColConfig,
+        ],
+      },
+      {
+        name: 'content',
+        type: 'vs-code',
+        options: inject('codeOptions', {}),
+        autosize: { minRows: 10, maxRows: 30 },
+        onChange: (_formState, code: string) => {
+          try {
+            // 检测js代码是否存在语法错误
+            getEditorConfig('parseDSL')(code);
+
+            return code;
+          } catch (error: any) {
+            tMagicMessage.error(error.message);
+
+            throw error;
+          }
+        },
+      },
+    ]) as FormConfig,
+);
+
+const parseContent = (content: any) => {
+  if (typeof content === 'string') {
+    // 如果是字符串则转换为函数
+    const parseDSL = getEditorConfig('parseDSL');
+    return parseDSL<(..._args: any[]) => any>(content);
+  }
+  return content;
 };
 
-const functionConfig = computed<FormConfig>(() => [
-  {
-    text: '名称',
-    name: 'name',
-    rules: [{ required: true, message: '请输入名称', trigger: 'blur' }],
-  },
-  {
-    text: '描述',
-    name: 'desc',
-  },
-  {
-    text: '执行时机',
-    name: 'timing',
-    type: 'select',
-    options: () => {
-      const options = [
-        { text: '初始化前', value: 'beforeInit' },
-        { text: '初始化后', value: 'afterInit' },
-      ];
-      if (props.dataSourceType !== 'base') {
-        options.push({ text: '请求前', value: 'beforeRequest' });
-        options.push({ text: '请求后', value: 'afterRequest' });
-      }
-      return options;
-    },
-    display: () => props.isDataSource,
-  },
-  {
-    type: 'table',
-    border: true,
-    text: '参数',
-    enableFullscreen: false,
-    enableToggleMode: false,
-    name: 'params',
-    dropSort: false,
-    items: [
-      {
-        type: 'text',
-        label: '参数名',
-        name: 'name',
-      },
-      {
-        type: 'text',
-        label: '描述',
-        name: 'extra',
-      },
-      services?.codeBlockService.getParamsColConfig() || defaultParamColConfig,
-    ],
-  },
-  {
-    name: 'content',
-    type: 'vs-code',
-    options: inject('codeOptions', {}),
-    height: '500px',
-    onChange: (formState: FormState | undefined, code: string) => {
-      try {
-        // 检测js代码是否存在语法错误
-        getConfig('parseDSL')(code);
-
-        return code;
-      } catch (error: any) {
-        tMagicMessage.error(error.message);
-
-        throw error;
-      }
-    },
-  },
-]);
-
-const submitForm = (values: CodeBlockContent) => {
+const submitForm = (values: CodeBlockContent, data: ContainerChangeEventData) => {
   changedValue.value = undefined;
-  emit('submit', values);
+
+  emit(
+    'submit',
+    {
+      ...values,
+      content: parseContent(values.content),
+    },
+    {
+      ...data,
+      changeRecords: data.changeRecords?.map((record) => {
+        let { value } = record;
+        if (record.propPath === 'content' && typeof value === 'string') {
+          value = parseContent(value);
+        }
+        return {
+          ...record,
+          value,
+        };
+      }),
+    },
+  );
 };
 
 const errorHandler = (error: any) => {
   tMagicMessage.error(error.message);
 };
 
-const formBox = ref<InstanceType<typeof MFormBox>>();
+const formBox = useTemplateRef<InstanceType<typeof MFormBox>>('formBox');
 
 const changedValue = ref<CodeBlockContent>();
 const changeHandler = (values: CodeBlockContent) => {
   changedValue.value = values;
 };
 
-const beforeClose = (done: (cancel?: boolean) => void) => {
+const beforeClose = (done: (_cancel?: boolean) => void) => {
   if (!changedValue.value) {
     done();
     return;
@@ -238,7 +279,7 @@ const beforeClose = (done: (cancel?: boolean) => void) => {
       distinguishCancelAndClose: true,
     })
     .then(() => {
-      changedValue.value && submitForm(changedValue.value);
+      changedValue.value && submitForm(changedValue.value, { changeRecords: formBox.value?.form?.changeRecords });
       done();
     })
     .catch((action: string) => {
@@ -253,7 +294,17 @@ const closedHandler = () => {
 };
 
 const parentFloating = inject<Ref<HTMLDivElement | null>>('parentFloating', ref(null));
-const { boxPosition, calcBoxPosition } = useNextFloatBoxPosition(services?.uiService, parentFloating);
+const { boxPosition, calcBoxPosition } = useNextFloatBoxPosition(uiService, parentFloating);
+
+watch(boxVisible, (visible) => {
+  nextTick(() => {
+    if (!visible) {
+      emit('close');
+    } else {
+      emit('open');
+    }
+  });
+});
 
 defineExpose({
   async show() {
diff --git a/packages/editor/src/components/CodeParams.vue b/packages/editor/src/components/CodeParams.vue
index 7661af71..aac07fd9 100644
--- a/packages/editor/src/components/CodeParams.vue
+++ b/packages/editor/src/components/CodeParams.vue
@@ -11,9 +11,9 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, ref } from 'vue';
+import { computed, useTemplateRef } from 'vue';
 
-import { FormConfig, MForm } from '@tmagic/form';
+import { type ContainerChangeEventData, type FormItemConfig, type FormValue, MForm } from '@tmagic/form';
 
 import type { CodeParamStatement } from '@editor/type';
 import { error } from '@editor/utils';
@@ -32,27 +32,37 @@ const props = defineProps<{
 
 const emit = defineEmits(['change']);
 
-const form = ref<InstanceType<typeof MForm>>();
+const formRef = useTemplateRef<InstanceType<typeof MForm>>('form');
 
-const getFormConfig = (items: FormConfig = []) => [
+const getFormConfig = (items: FormItemConfig[] = []) => [
   {
     type: 'fieldset',
     items,
     legend: '参数',
-    labelWidth: '70px',
+    labelWidth: '120px',
     name: props.name,
   },
 ];
 
-const codeParamsConfig = computed(() => getFormConfig(props.paramsConfig));
+const codeParamsConfig = computed(() =>
+  getFormConfig(
+    props.paramsConfig.map(({ name, text, extra, ...config }) => ({
+      type: 'data-source-field-select',
+      name,
+      text,
+      extra,
+      fieldConfig: config as FormItemConfig,
+    })),
+  ),
+);
 
 /**
  * 参数值修改更新
  */
-const onParamsChangeHandler = async () => {
+const onParamsChangeHandler = async (v: FormValue, eventData: ContainerChangeEventData) => {
   try {
-    const value = await form.value?.submitForm(true);
-    emit('change', value);
+    const value = await formRef.value?.submitForm(true);
+    emit('change', value, eventData);
   } catch (e) {
     error(e);
   }
diff --git a/packages/editor/src/components/ContentMenu.vue b/packages/editor/src/components/ContentMenu.vue
index 4c797156..428413e2 100644
--- a/packages/editor/src/components/ContentMenu.vue
+++ b/packages/editor/src/components/ContentMenu.vue
@@ -6,6 +6,7 @@
       ref="menu"
       :style="menuStyle"
       @mouseenter="mouseenterHandler()"
+      @contextmenu.prevent
     >
       <slot name="title"></slot>
       <div>
@@ -36,7 +37,9 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, nextTick, onBeforeUnmount, onMounted, ref } from 'vue';
+import { computed, nextTick, onBeforeUnmount, onMounted, type Ref, ref, useTemplateRef } from 'vue';
+
+import { useZIndex } from '@tmagic/design';
 
 import { MenuButton, MenuComponent } from '@editor/type';
 
@@ -66,11 +69,13 @@ const emit = defineEmits<{
   mouseenter: [];
 }>();
 
-const menu = ref<HTMLDivElement>();
-const buttons = ref<InstanceType<typeof ToolButton>[]>();
-const subMenu = ref<any>();
+const menuEl = useTemplateRef<HTMLDivElement>('menu');
+const buttonRefs = useTemplateRef<InstanceType<typeof ToolButton>[]>('buttons');
+const subMenuRef = useTemplateRef<any>('subMenu');
 const visible = ref(false);
-const subMenuData = ref<(MenuButton | MenuComponent)[]>([]);
+const subMenuData: Ref<(MenuButton | MenuComponent)[]> = ref<(MenuButton | MenuComponent)[]>([]);
+const zIndex = useZIndex();
+const curZIndex = ref<number>(0);
 
 const menuPosition = ref({
   left: 0,
@@ -78,25 +83,28 @@ const menuPosition = ref({
 });
 
 const menuStyle = computed(() => ({
-  top: `${menuPosition.value.top}px`,
-  left: `${menuPosition.value.left}px`,
+  top: `${menuPosition.value.top + 2}px`,
+  left: `${menuPosition.value.left + 2}px`,
+  zIndex: curZIndex.value,
 }));
 
-const contains = (el: HTMLElement) => menu.value?.contains(el) || subMenu.value?.contains(el);
+const contains = (el: HTMLElement) => menuEl.value?.contains(el) || subMenuRef.value?.contains(el);
 
 const hide = () => {
   if (!visible.value) return;
 
   visible.value = false;
-  subMenu.value?.hide();
+  subMenuRef.value?.hide();
 
   emit('hide');
 };
 
-const clickHandler = () => {
+const clickHandler = (event: MouseEvent) => {
   if (!props.autoHide) return;
 
-  hide();
+  if (event.button === 0) {
+    hide();
+  }
 };
 
 const outsideClickHideHandler = (e: MouseEvent) => {
@@ -113,7 +121,7 @@ const outsideClickHideHandler = (e: MouseEvent) => {
 };
 
 const setPosition = (e: { clientY: number; clientX: number }) => {
-  const menuHeight = menu.value?.clientHeight || 0;
+  const menuHeight = menuEl.value?.clientHeight || 0;
 
   let top = e.clientY;
   if (menuHeight + e.clientY > document.body.clientHeight) {
@@ -127,16 +135,15 @@ const setPosition = (e: { clientY: number; clientX: number }) => {
 };
 
 const show = (e?: { clientY: number; clientX: number }) => {
-  // 加settimeout是以为，如果菜单中的按钮监听的是mouseup，那么菜单显示出来时鼠标如果正好在菜单上就会马上触发按钮的mouseup
-  setTimeout(() => {
-    visible.value = true;
+  visible.value = true;
 
-    nextTick(() => {
-      e && setPosition(e);
+  nextTick(() => {
+    e && setPosition(e);
 
-      emit('show');
-    });
-  }, 300);
+    curZIndex.value = zIndex.nextZIndex();
+
+    emit('show');
+  });
 };
 
 const showSubMenu = (item: MenuButton | MenuComponent, index: number) => {
@@ -151,15 +158,15 @@ const showSubMenu = (item: MenuButton | MenuComponent, index: number) => {
       return;
     }
 
-    if (menu.value) {
+    if (menuEl.value) {
       // 将子菜单放置在按钮右侧，与按钮齐平
-      let y = menu.value.offsetTop;
-      if (buttons.value?.[index].$el) {
-        const rect = buttons.value?.[index].$el.getBoundingClientRect();
+      let y = menuEl.value.offsetTop;
+      if (buttonRefs.value?.[index].$el) {
+        const rect = buttonRefs.value?.[index].$el.getBoundingClientRect();
         y = rect.top;
       }
-      subMenu.value?.show({
-        clientX: menu.value.offsetLeft + menu.value.clientWidth,
+      subMenuRef.value?.show({
+        clientX: menuEl.value.offsetLeft + menuEl.value.clientWidth - 2,
         clientY: y,
       });
     }
@@ -183,7 +190,7 @@ onBeforeUnmount(() => {
 });
 
 defineExpose({
-  menu,
+  menu: menuEl,
   menuPosition,
   hide,
   show,
diff --git a/packages/editor/src/components/FloatingBox.vue b/packages/editor/src/components/FloatingBox.vue
index a08489e6..c55abbf0 100644
--- a/packages/editor/src/components/FloatingBox.vue
+++ b/packages/editor/src/components/FloatingBox.vue
@@ -1,7 +1,7 @@
 <template>
   <Teleport to="body" v-if="visible">
     <div ref="target" class="m-editor-float-box" :style="{ ...style, zIndex: curZIndex }" @mousedown="nextZIndex">
-      <div ref="titleEl" class="m-editor-float-box-title">
+      <div ref="title" class="m-editor-float-box-title">
         <slot name="title">
           <span>{{ title }}</span>
         </slot>
@@ -17,14 +17,14 @@
 </template>
 
 <script setup lang="ts">
-import { computed, inject, nextTick, onBeforeUnmount, provide, ref, watch } from 'vue';
+import { computed, nextTick, onBeforeUnmount, provide, ref, useTemplateRef, watch } from 'vue';
 import { Close } from '@element-plus/icons-vue';
 import VanillaMoveable from 'moveable';
 
 import { TMagicButton, useZIndex } from '@tmagic/design';
 
 import MIcon from '@editor/components/Icon.vue';
-import type { Services } from '@editor/type';
+import { useServices } from '@editor/hooks/use-services';
 
 interface Position {
   left: number;
@@ -39,7 +39,7 @@ const props = withDefaults(
   defineProps<{
     position?: Position;
     title?: string;
-    beforeClose?: (done: (cancel?: boolean) => void) => void;
+    beforeClose?: (_done: (_cancel?: boolean) => void) => void;
   }>(),
   {
     title: '',
@@ -47,8 +47,8 @@ const props = withDefaults(
   },
 );
 
-const target = ref<HTMLDivElement>();
-const titleEl = ref<HTMLDivElement>();
+const targetEl = useTemplateRef<HTMLDivElement>('target');
+const titleEl = useTemplateRef<HTMLDivElement>('title');
 
 const zIndex = useZIndex();
 const curZIndex = ref<number>(0);
@@ -59,15 +59,15 @@ const bodyHeight = computed(() => {
     return height.value - titleHeight.value;
   }
 
-  if (target.value) {
-    return target.value.clientHeight - titleHeight.value;
+  if (targetEl.value) {
+    return targetEl.value.clientHeight - titleHeight.value;
   }
 
   return 'auto';
 });
 
-const services = inject<Services>('services');
-const frameworkWidth = computed(() => services?.uiService.get('frameworkRect').width || 0);
+const { uiService } = useServices();
+const frameworkWidth = computed(() => uiService.get('frameworkRect').width || 0);
 const style = computed(() => {
   let { left } = props.position;
   if (width.value) {
@@ -87,7 +87,7 @@ let moveable: VanillaMoveable | null = null;
 const initMoveable = () => {
   moveable = new VanillaMoveable(globalThis.document.body, {
     className: 'm-editor-floating-box-moveable',
-    target: target.value,
+    target: targetEl.value,
     draggable: true,
     resizable: true,
     edge: true,
@@ -126,7 +126,7 @@ watch(
       await nextTick();
       curZIndex.value = zIndex.nextZIndex();
 
-      const targetRect = target.value?.getBoundingClientRect();
+      const targetRect = targetEl.value?.getBoundingClientRect();
       if (targetRect) {
         width.value = targetRect.width;
         height.value = targetRect.height;
@@ -168,11 +168,11 @@ const nextZIndex = () => {
   curZIndex.value = zIndex.nextZIndex();
 };
 
-provide('parentFloating', target);
+provide('parentFloating', targetEl);
 
 defineExpose({
   bodyHeight,
-  target,
+  target: targetEl,
   titleEl,
 });
 </script>
diff --git a/packages/editor/src/components/Resizer.vue b/packages/editor/src/components/Resizer.vue
index dd17d88c..9879eb3a 100644
--- a/packages/editor/src/components/Resizer.vue
+++ b/packages/editor/src/components/Resizer.vue
@@ -1,11 +1,11 @@
 <template>
-  <span ref="target" class="m-editor-resizer" :class="{ 'm-editor-resizer-draging': isDraging }">
+  <span ref="target" class="m-editor-resizer" :class="{ 'm-editor-resizer-dragging': isDragging }">
     <slot></slot>
   </span>
 </template>
 
 <script lang="ts" setup>
-import { ref } from 'vue';
+import { useTemplateRef } from 'vue';
 import type { OnDrag } from 'gesto';
 
 import { useGetSo } from '@editor/hooks/use-getso';
@@ -18,6 +18,6 @@ const emit = defineEmits<{
   change: [e: OnDrag];
 }>();
 
-const target = ref<HTMLSpanElement>();
-const { isDraging } = useGetSo(target, emit);
+const targetEl = useTemplateRef<HTMLSpanElement>('target');
+const { isDragging } = useGetSo(targetEl, emit);
 </script>
diff --git a/packages/editor/src/components/ScrollBar.vue b/packages/editor/src/components/ScrollBar.vue
index 3a934fca..18399d62 100644
--- a/packages/editor/src/components/ScrollBar.vue
+++ b/packages/editor/src/components/ScrollBar.vue
@@ -5,7 +5,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, onBeforeUnmount, onMounted, ref } from 'vue';
+import { computed, onBeforeUnmount, onMounted, useTemplateRef } from 'vue';
 import Gesto from 'gesto';
 
 defineOptions({
@@ -21,8 +21,8 @@ const props = defineProps<{
 
 const emit = defineEmits(['scroll']);
 
-const bar = ref<HTMLDivElement>();
-const thumb = ref<HTMLDivElement>();
+const barEl = useTemplateRef<HTMLDivElement>('bar');
+const thumbEl = useTemplateRef<HTMLDivElement>('thumb');
 
 const thumbSize = computed(() => props.size * (props.size / props.scrollSize));
 const thumbPos = computed(() => (props.pos / props.scrollSize) * props.size);
@@ -35,9 +35,8 @@ const thumbStyle = computed(() => ({
 let gesto: Gesto;
 
 onMounted(() => {
-  if (!thumb.value) return;
-  const thumbEl = thumb.value;
-  gesto = new Gesto(thumbEl, {
+  if (!thumbEl.value) return;
+  gesto = new Gesto(thumbEl.value, {
     container: window,
   });
 
@@ -50,12 +49,12 @@ onMounted(() => {
       scrollBy(getDelta(e));
     });
 
-  bar.value?.addEventListener('wheel', wheelHandler, false);
+  barEl.value?.addEventListener('wheel', wheelHandler, false);
 });
 
 onBeforeUnmount(() => {
   if (gesto) gesto.off();
-  bar.value?.removeEventListener('wheel', wheelHandler, false);
+  barEl.value?.removeEventListener('wheel', wheelHandler, false);
 });
 
 const wheelHandler = (e: WheelEvent) => {
@@ -94,7 +93,9 @@ const scrollBy = (delta: number) => {
   position: absolute;
   background-color: transparent;
   opacity: 0.3;
-  transition: background-color 0.2s linear, opacity 0.2s linear;
+  transition:
+    background-color 0.2s linear,
+    opacity 0.2s linear;
 
   .m-editor-scroll-bar-thumb {
     background-color: #aaa;
@@ -109,7 +110,9 @@ const scrollBy = (delta: number) => {
 
     .m-editor-scroll-bar-thumb {
       height: 6px;
-      transition: background-color 0.2s linear, height 0.2s ease-in-out;
+      transition:
+        background-color 0.2s linear,
+        height 0.2s ease-in-out;
       bottom: 2px;
     }
   }
@@ -121,7 +124,9 @@ const scrollBy = (delta: number) => {
 
     .m-editor-scroll-bar-thumb {
       width: 6px;
-      transition: background-color 0.2s linear, width 0.2s ease-in-out;
+      transition:
+        background-color 0.2s linear,
+        width 0.2s ease-in-out;
       right: 2px;
     }
   }
diff --git a/packages/editor/src/components/ScrollViewer.vue b/packages/editor/src/components/ScrollViewer.vue
index f886560c..0593fdfc 100644
--- a/packages/editor/src/components/ScrollViewer.vue
+++ b/packages/editor/src/components/ScrollViewer.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="m-editor-scroll-viewer-container" ref="container">
-    <div ref="el" :style="style">
+    <div ref="target" :style="style">
       <slot></slot>
     </div>
 
@@ -25,7 +25,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue';
+import { computed, onBeforeUnmount, onMounted, ref, useTemplateRef, watch } from 'vue';
 
 import { isNumber } from '@tmagic/utils';
 
@@ -63,8 +63,8 @@ const props = withDefaults(
   },
 );
 
-const container = ref<HTMLDivElement>();
-const el = ref<HTMLDivElement>();
+const containerEl = useTemplateRef<HTMLDivElement>('container');
+const el = useTemplateRef<HTMLDivElement>('target');
 const style = computed(
   () => `
         width: ${isNumber(`${props.width}`) ? `${props.width}px` : props.width};
@@ -80,9 +80,9 @@ const scrollHeight = ref(0);
 let scrollViewer: ScrollViewer;
 
 onMounted(() => {
-  if (!container.value || !el.value) return;
+  if (!containerEl.value || !el.value) return;
   scrollViewer = new ScrollViewer({
-    container: container.value,
+    container: containerEl.value,
     target: el.value,
     zoom: props.zoom,
     correctionScrollSize: props.correctionScrollSize,
@@ -123,6 +123,6 @@ const hScrollHandler = (delta: number) => {
 };
 
 defineExpose({
-  container,
+  container: containerEl,
 });
 </script>
diff --git a/packages/editor/src/components/SearchInput.vue b/packages/editor/src/components/SearchInput.vue
index d5af36ce..abc7935e 100644
--- a/packages/editor/src/components/SearchInput.vue
+++ b/packages/editor/src/components/SearchInput.vue
@@ -27,11 +27,12 @@ const emit = defineEmits(['search']);
 
 const filterText = ref('');
 
-let timer: NodeJS.Timeout | null = null;
+let timer: ReturnType<typeof setTimeout> | null = null;
 const filterTextChangeHandler = () => {
   timer && clearTimeout(timer);
   timer = setTimeout(() => {
     emit('search', filterText.value);
+    timer = null;
   }, 300);
 };
 </script>
diff --git a/packages/editor/src/components/SplitView.vue b/packages/editor/src/components/SplitView.vue
index 9e2676be..70bfa1f0 100644
--- a/packages/editor/src/components/SplitView.vue
+++ b/packages/editor/src/components/SplitView.vue
@@ -1,5 +1,5 @@
 <template>
-  <div ref="el" class="m-editor-layout" :style="`min-width: ${props.minCenter + props.minLeft + props.minRight}px`">
+  <div ref="target" class="m-editor-layout" :style="`min-width: ${props.minCenter + props.minLeft + props.minRight}px`">
     <template v-if="hasLeft && $slots.left">
       <div class="m-editor-layout-left" :class="leftClass" :style="`width: ${left}px`">
         <slot name="left"></slot>
@@ -21,8 +21,8 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, onBeforeUnmount, onMounted, ref, watchEffect } from 'vue';
-import { OnDrag } from 'gesto';
+import { computed, onBeforeUnmount, onMounted, ref, useTemplateRef, watchEffect } from 'vue';
+import type { OnDrag } from 'gesto';
 
 import Resizer from './Resizer.vue';
 
@@ -45,13 +45,13 @@ const props = withDefaults(
     centerClass?: string;
   }>(),
   {
-    minLeft: 46,
+    minLeft: 1,
     minRight: 1,
     minCenter: 5,
   },
 );
 
-const el = ref<HTMLElement>();
+const el = useTemplateRef<HTMLElement>('target');
 
 const hasLeft = computed(() => typeof props.left !== 'undefined');
 const hasRight = computed(() => typeof props.right !== 'undefined');
@@ -65,12 +65,21 @@ const getCenterWidth = (l = 0, r = 0) => {
   let center = clientWidth - left - right;
 
   if (center < props.minCenter) {
+    const diff = props.minCenter - center;
+
     center = props.minCenter;
-    if (right > center + props.minRight) {
-      right = clientWidth - left - center;
-    } else {
+
+    if (right - diff < props.minRight) {
       right = props.minRight;
-      left = clientWidth - right - center;
+    } else {
+      right -= diff;
+    }
+
+    left = clientWidth - right - center;
+
+    if (left < props.minLeft) {
+      left -= diff / 2;
+      right -= diff / 2;
     }
   }
   return {
@@ -86,8 +95,8 @@ const widthChange = (width: number) => {
   }
 
   clientWidth = width;
-  let left = props.left || 0;
-  let right = props.right || 0;
+  let left = props.left || props.minLeft || 0;
+  let right = props.right || props.minRight || 0;
 
   if (left > clientWidth) {
     left = clientWidth / 3;
diff --git a/packages/editor/src/components/ToolButton.vue b/packages/editor/src/components/ToolButton.vue
index 581a7452..baad32fa 100644
--- a/packages/editor/src/components/ToolButton.vue
+++ b/packages/editor/src/components/ToolButton.vue
@@ -12,13 +12,20 @@
 
     <template v-else-if="data.type === 'button'">
       <TMagicTooltip v-if="data.tooltip" effect="dark" placement="bottom-start" :content="data.tooltip">
-        <TMagicButton size="small" link :disabled="disabled"
-          ><MIcon v-if="data.icon" :icon="data.icon"></MIcon><span>{{ data.text }}</span></TMagicButton
-        >
+        <TMagicButton size="small" link :disabled="disabled">
+          <template #icon v-if="data.icon">
+            <MIcon :icon="data.icon"></MIcon>
+          </template>
+          <template #default v-if="data.text">{{ data.text }}</template>
+        </TMagicButton>
       </TMagicTooltip>
-      <TMagicButton v-else size="small" link :disabled="disabled" :title="data.text"
-        ><MIcon v-if="data.icon" :icon="data.icon"></MIcon><span>{{ data.text }}</span></TMagicButton
-      >
+
+      <TMagicButton v-else size="small" link :disabled="disabled" :title="data.text">
+        <template #icon v-if="data.icon">
+          <MIcon :icon="data.icon"></MIcon>
+        </template>
+        <template #default v-if="data.text">{{ data.text }}</template>
+      </TMagicButton>
     </template>
 
     <TMagicDropdown
@@ -49,7 +56,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, inject } from 'vue';
+import { computed } from 'vue';
 import { ArrowDown } from '@element-plus/icons-vue';
 
 import {
@@ -62,8 +69,10 @@ import {
   TMagicTooltip,
 } from '@tmagic/design';
 
+import { useServices } from '@editor/hooks/use-services';
+
 import MIcon from '../components/Icon.vue';
-import type { MenuButton, MenuComponent, Services } from '../type';
+import type { MenuButton, MenuComponent } from '../type';
 
 defineOptions({
   name: 'MEditorToolButton',
@@ -82,7 +91,7 @@ const props = withDefaults(
     eventType: 'click',
   },
 );
-const services = inject<Services>('services');
+const services = useServices();
 
 const disabled = computed(() => {
   if (typeof props.data === 'string') return false;
@@ -104,7 +113,7 @@ const display = computed(() => {
 
 const buttonHandler = (item: MenuButton | MenuComponent, event: MouseEvent) => {
   if (disabled.value) return;
-  if (typeof (item as MenuButton).handler === 'function' && services) {
+  if (typeof (item as MenuButton).handler === 'function') {
     (item as MenuButton).handler?.(services, event);
   }
 };
@@ -131,7 +140,8 @@ const mousedownHandler = (item: MenuButton | MenuComponent, event: MouseEvent) =
 
 const mouseupHandler = (item: MenuButton | MenuComponent, event: MouseEvent) => {
   if (props.eventType !== 'mouseup') return;
-  if (item.type === 'button') {
+
+  if (item.type === 'button' && event.button === 0) {
     buttonHandler(item, event);
   }
 };
diff --git a/packages/editor/src/components/Tree.vue b/packages/editor/src/components/Tree.vue
index 26246409..6e543d33 100644
--- a/packages/editor/src/components/Tree.vue
+++ b/packages/editor/src/components/Tree.vue
@@ -1,7 +1,14 @@
 <template>
   <div class="m-editor-tree" @dragover="handleDragOver">
     <template v-if="data?.length">
-      <TreeNode v-for="item in data" :key="item.id" :data="item" :indent="indent" :node-status-map="nodeStatusMap">
+      <TreeNode
+        v-for="item in data"
+        :key="item.id"
+        :data="item"
+        :indent="indent"
+        :next-level-indent-increment="nextLevelIndentIncrement"
+        :node-status-map="nodeStatusMap"
+      >
         <template #tree-node-content="{ data: nodeData }">
           <slot name="tree-node-content" :data="nodeData"> </slot>
         </template>
@@ -24,16 +31,16 @@
 <script setup lang="ts">
 import { provide } from 'vue';
 
-import type { Id } from '@tmagic/schema';
+import type { Id } from '@tmagic/core';
 
 import type { LayerNodeStatus, TreeNodeData } from '@editor/type';
 
 import TreeNode from './TreeNode.vue';
 
 defineSlots<{
-  'tree-node-content'(props: { data: TreeNodeData }): any;
-  'tree-node-label'(props: { data: TreeNodeData }): any;
-  'tree-node-tool'(props: { data: TreeNodeData }): any;
+  'tree-node-content'(_props: { data: TreeNodeData }): any;
+  'tree-node-label'(_props: { data: TreeNodeData }): any;
+  'tree-node-tool'(_props: { data: TreeNodeData }): any;
 }>();
 
 defineOptions({
@@ -57,6 +64,7 @@ withDefaults(
     data: TreeNodeData[];
     nodeStatusMap: Map<Id, LayerNodeStatus>;
     indent?: number;
+    nextLevelIndentIncrement?: number;
     emptyText?: string;
   }>(),
   {
diff --git a/packages/editor/src/components/TreeNode.vue b/packages/editor/src/components/TreeNode.vue
index bd0fc401..958e7364 100644
--- a/packages/editor/src/components/TreeNode.vue
+++ b/packages/editor/src/components/TreeNode.vue
@@ -4,6 +4,8 @@
     class="m-editor-tree-node"
     :draggable="draggable"
     :data-node-id="data.id"
+    :data-parent-id="parent?.id"
+    :data-parents-id="parentsId"
     :data-is-container="Array.isArray(data.items)"
     @dragstart="handleDragStart"
     @dragleave="handleDragLeave"
@@ -13,7 +15,7 @@
       class="tree-node"
       :class="{ selected, expanded }"
       :style="`padding-left: ${indent}px`"
-      @contextmenu="nodeContentmenuHandler"
+      @contextmenu="nodeContextmenuHandler"
       @mouseenter="mouseenterHandler"
     >
       <MIcon
@@ -40,8 +42,10 @@
         v-for="item in data.items"
         :key="item.id"
         :data="item"
+        :parent="data"
+        :parentsId="[...parentsId, data.id]"
         :node-status-map="nodeStatusMap"
-        :indent="indent + 11"
+        :indent="indent + nextLevelIndentIncrement"
       >
         <template #tree-node-content="{ data: nodeData }">
           <slot name="tree-node-content" :data="nodeData"> </slot>
@@ -61,16 +65,16 @@
 import { computed, inject } from 'vue';
 import { ArrowDown, ArrowRight } from '@element-plus/icons-vue';
 
-import type { Id } from '@tmagic/schema';
+import type { Id } from '@tmagic/core';
 
 import MIcon from '@editor/components/Icon.vue';
 import type { LayerNodeStatus, TreeNodeData } from '@editor/type';
 import { updateStatus } from '@editor/utils/tree';
 
 defineSlots<{
-  'tree-node-label'(props: { data: TreeNodeData }): any;
-  'tree-node-tool'(props: { data: TreeNodeData }): any;
-  'tree-node-content'(props: { data: TreeNodeData }): any;
+  'tree-node-label'(_props: { data: TreeNodeData }): any;
+  'tree-node-tool'(_props: { data: TreeNodeData }): any;
+  'tree-node-content'(_props: { data: TreeNodeData }): any;
 }>();
 
 defineOptions({
@@ -91,11 +95,16 @@ const treeEmit = inject<typeof emit>('treeEmit');
 const props = withDefaults(
   defineProps<{
     data: TreeNodeData;
+    parent?: TreeNodeData;
+    parentsId?: Id[];
     nodeStatusMap: Map<Id, LayerNodeStatus>;
     indent?: number;
+    nextLevelIndentIncrement?: number;
   }>(),
   {
     indent: 0,
+    nextLevelIndentIncrement: 11,
+    parentsId: () => [],
   },
 );
 
@@ -130,7 +139,7 @@ const handleDragEnd = (event: DragEvent) => {
   treeEmit?.('node-dragend', event, props.data);
 };
 
-const nodeContentmenuHandler = (event: MouseEvent) => {
+const nodeContextmenuHandler = (event: MouseEvent) => {
   treeEmit?.('node-contextmenu', event, props.data);
 };
 
diff --git a/packages/editor/src/editorProps.ts b/packages/editor/src/editorProps.ts
index bbaf9709..7d1e283e 100644
--- a/packages/editor/src/editorProps.ts
+++ b/packages/editor/src/editorProps.ts
@@ -1,22 +1,23 @@
-import type { EventOption } from '@tmagic/core';
+import type { DataSourceSchema, EventOption, Id, MApp, MNode, MPage, MPageFragment } from '@tmagic/core';
 import type { FormConfig, FormState } from '@tmagic/form';
-import type { DataSourceSchema, Id, MApp, MNode } from '@tmagic/schema';
 import StageCore, {
   CONTAINER_HIGHLIGHT_CLASS_NAME,
   ContainerHighlightType,
-  type CustomizeMoveableOptionsCallbackConfig,
+  type CustomizeMoveableOptions,
   type GuidesOptions,
-  type MoveableOptions,
   RenderType,
   type UpdateDragEl,
 } from '@tmagic/stage';
+import { getIdFromEl } from '@tmagic/utils';
 
 import type {
   ComponentGroup,
+  CustomContentMenuFunction,
   DatasourceTypeOption,
   MenuBarData,
   MenuButton,
   MenuComponent,
+  PageBarSortOptions,
   SideBarData,
   StageRect,
 } from './type';
@@ -54,7 +55,7 @@ export interface EditorProps {
   datasourceConfigs?: Record<string, FormConfig>;
   datasourceEventMethodList?: Record<string, { events: EventOption[]; methods: EventOption[] }>;
   /** 画布中组件选中框的移动范围 */
-  moveableOptions?: MoveableOptions | ((config?: CustomizeMoveableOptionsCallbackConfig) => MoveableOptions);
+  moveableOptions?: CustomizeMoveableOptions;
   /** 编辑器初始化时默认选中的组件ID */
   defaultSelected?: Id;
   /** 拖入画布中容器时，识别到容器后给容器根dom加上的class */
@@ -79,8 +80,16 @@ export interface EditorProps {
   disabledStageOverlay?: boolean;
   /** 禁用属性配置面板右下角显示源码的按钮 */
   disabledShowSrc?: boolean;
+  /** 禁用数据源 */
+  disabledDataSource?: boolean;
+  /** 禁用代码块 */
+  disabledCodeBlock?: boolean;
+  /** 已选组件、代码编辑、数据源缩进配置 */
+  treeIndent?: number;
+  /** 已选组件、代码编辑、数据源子节点缩进增量配置 */
+  treeNextLevelIndentIncrement?: number;
   /** 中间工作区域中画布渲染的内容 */
-  render?: (stage: StageCore) => HTMLDivElement | Promise<HTMLDivElement>;
+  render?: (stage: StageCore) => HTMLDivElement | void | Promise<HTMLDivElement | void>;
   /** 选中时会在画布上复制出一个大小相同的dom，实际拖拽的是这个dom，此方法用于干预这个dom的生成方式 */
   updateDragEl?: UpdateDragEl;
   /** 用于设置画布上的dom是否可以被选中 */
@@ -88,8 +97,12 @@ export interface EditorProps {
   /** 用于设置画布上的dom是否可以被拖入其中 */
   isContainer?: (el: HTMLElement) => boolean | Promise<boolean>;
   /** 用于自定义组件树与画布的右键菜单 */
-  customContentMenu?: (menus: (MenuButton | MenuComponent)[], type: string) => (MenuButton | MenuComponent)[];
+  customContentMenu?: CustomContentMenuFunction;
   extendFormState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
+  /** 页面顺序拖拽配置参数 */
+  pageBarSortOptions?: PageBarSortOptions;
+  /** 页面搜索函数 */
+  pageFilterFunction?: (page: MPage | MPageFragment, keyword: string) => boolean;
 }
 
 export const defaultEditorProps = {
@@ -101,6 +114,8 @@ export const defaultEditorProps = {
   containerHighlightDuration: 800,
   containerHighlightType: ContainerHighlightType.DEFAULT,
   disabledShowSrc: false,
+  disabledDataSource: false,
+  disabledCodeBlock: false,
   componentGroupList: () => [],
   datasourceList: () => [],
   menu: () => ({ left: [], right: [] }),
@@ -111,7 +126,8 @@ export const defaultEditorProps = {
   eventMethodList: () => ({}),
   datasourceValues: () => ({}),
   datasourceConfigs: () => ({}),
-  canSelect: (el: HTMLElement) => Boolean(el.id),
+  canSelect: (el: HTMLElement) => Boolean(getIdFromEl()(el) && !el.dataset.tmagicPageFragmentContainerId),
   isContainer: (el: HTMLElement) => el.classList.contains('magic-ui-container'),
   codeOptions: () => ({}),
+  customContentMenu: (menus: (MenuButton | MenuComponent)[]) => menus,
 };
diff --git a/packages/editor/src/fields/Code.vue b/packages/editor/src/fields/Code.vue
index 0ff8af80..e8426a25 100644
--- a/packages/editor/src/fields/Code.vue
+++ b/packages/editor/src/fields/Code.vue
@@ -7,13 +7,15 @@
       ...config.options,
       readOnly: disabled,
     }"
+    :autosize="config.autosize"
     :parse="config.parse"
+    :editor-custom-type="config.mFormItemType"
     @save="save"
   ></MagicCodeEditor>
 </template>
 
 <script lang="ts" setup>
-import type { FieldProps, FormItem } from '@tmagic/form';
+import type { CodeConfig, FieldProps } from '@tmagic/form';
 
 import MagicCodeEditor from '@editor/layouts/CodeEditor.vue';
 
@@ -25,26 +27,11 @@ const emit = defineEmits<{
   change: [value: string | any];
 }>();
 
-const props = withDefaults(
-  defineProps<
-    FieldProps<
-      {
-        language?: string;
-        options?: {
-          [key: string]: any;
-        };
-        height?: string;
-        parse?: boolean;
-      } & FormItem
-    >
-  >(),
-  {
-    disabled: false,
-  },
-);
+withDefaults(defineProps<FieldProps<CodeConfig>>(), {
+  disabled: false,
+});
 
 const save = (v: string | any) => {
-  props.model[props.name] = v;
   emit('change', v);
 };
 </script>
diff --git a/packages/editor/src/fields/CodeLink.vue b/packages/editor/src/fields/CodeLink.vue
index 12c11c08..58d9a58c 100644
--- a/packages/editor/src/fields/CodeLink.vue
+++ b/packages/editor/src/fields/CodeLink.vue
@@ -1,28 +1,20 @@
 <template>
-  <m-fields-link :config="formConfig" :model="modelValue" name="form" @change="changeHandler"></m-fields-link>
+  <MLink :config="formConfig" :model="modelValue" name="form" @change="changeHandler"></MLink>
 </template>
 
 <script lang="ts" setup>
 import { computed, reactive, watch } from 'vue';
 import serialize from 'serialize-javascript';
 
-import type { FieldProps, FormItem } from '@tmagic/form';
+import type { CodeLinkConfig, FieldProps, MLink } from '@tmagic/form';
 
-import { getConfig } from '@editor/utils/config';
+import { getEditorConfig } from '@editor/utils/config';
 
 defineOptions({
   name: 'MFieldsCodeLink',
 });
 
-const props = defineProps<
-  FieldProps<
-    {
-      type: 'code-link';
-      formTitle?: string;
-      codeOptions?: Object;
-    } & FormItem
-  >
->();
+const props = defineProps<FieldProps<CodeLinkConfig>>();
 
 const emit = defineEmits(['change']);
 
@@ -70,7 +62,7 @@ const changeHandler = (v: Record<string, any>) => {
   if (!props.name || !props.model) return;
 
   try {
-    const parseDSL = getConfig('parseDSL');
+    const parseDSL = getEditorConfig('parseDSL');
     props.model[props.name] = parseDSL(`(${v[props.name]})`);
     emit('change', props.model[props.name]);
   } catch (e) {
diff --git a/packages/editor/src/fields/CodeSelect.vue b/packages/editor/src/fields/CodeSelect.vue
index c1d5b2ca..7c2fcd27 100644
--- a/packages/editor/src/fields/CodeSelect.vue
+++ b/packages/editor/src/fields/CodeSelect.vue
@@ -16,53 +16,53 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, inject, watch } from 'vue';
+import { computed, watch } from 'vue';
 import { isEmpty } from 'lodash-es';
 
+import { HookCodeType, HookType } from '@tmagic/core';
 import { TMagicCard } from '@tmagic/design';
-import type { FieldProps, FormItem } from '@tmagic/form';
-import { FormState, MContainer } from '@tmagic/form';
-import { HookCodeType, HookType } from '@tmagic/schema';
+import type { CodeSelectConfig, ContainerChangeEventData, FieldProps, GroupListConfig } from '@tmagic/form';
+import { MContainer } from '@tmagic/form';
 
-import type { Services } from '@editor/type';
+import { useServices } from '@editor/hooks/use-services';
 
 defineOptions({
   name: 'MFieldsCodeSelect',
 });
 
-const emit = defineEmits(['change']);
+const emit = defineEmits<{
+  change: [v: any, eventData: ContainerChangeEventData];
+}>();
 
-const services = inject<Services>('services');
+const { dataSourceService, codeBlockService } = useServices();
 
-const props = withDefaults(
-  defineProps<
-    FieldProps<
-      {
-        className?: string;
-      } & FormItem
-    >
-  >(),
-  {},
-);
+const props = withDefaults(defineProps<FieldProps<CodeSelectConfig>>(), {});
 
-const codeConfig = computed(() => ({
+const codeConfig = computed<GroupListConfig>(() => ({
   type: 'group-list',
   name: 'hookData',
   enableToggleMode: false,
   expandAll: true,
-  title: (mForm: FormState, { model, index }: any) => {
+  title: (mForm, { model, index }: any) => {
     if (model.codeType === HookCodeType.DATA_SOURCE_METHOD) {
       if (Array.isArray(model.codeId)) {
         if (model.codeId.length < 2) {
           return index;
         }
 
-        const ds = services?.dataSourceService.getDataSourceById(model.codeId[0]);
+        const ds = dataSourceService.getDataSourceById(model.codeId[0]);
         return `${ds?.title} / ${model.codeId[1]}`;
       }
 
       return Array.isArray(model.codeId) ? model.codeId.join('/') : index;
     }
+
+    const codeContent = codeBlockService.getCodeContentById(model.codeId);
+
+    if (codeContent) {
+      return codeContent.name;
+    }
+
     return model.codeId || index;
   },
   items: [
@@ -72,17 +72,17 @@ const codeConfig = computed(() => ({
         {
           type: 'select',
           name: 'codeType',
-          span: 8,
+          span: 6,
           options: [
             { value: HookCodeType.CODE, text: '代码块' },
             { value: HookCodeType.DATA_SOURCE_METHOD, text: '数据源方法' },
           ],
           defaultValue: 'code',
-          onChange: (mForm: FormState, v: HookCodeType, { model }: any) => {
+          onChange: (_mForm, v: HookCodeType, { setModel }) => {
             if (v === HookCodeType.DATA_SOURCE_METHOD) {
-              model.codeId = [];
+              setModel('codeId', []);
             } else {
-              model.codeId = '';
+              setModel('codeId', '');
             }
 
             return v;
@@ -91,18 +91,18 @@ const codeConfig = computed(() => ({
         {
           type: 'code-select-col',
           name: 'codeId',
-          span: 16,
+          span: 18,
           labelWidth: 0,
-          display: (mForm: FormState, { model }: any) => model.codeType !== HookCodeType.DATA_SOURCE_METHOD,
-          notEditable: () => !services?.codeBlockService.getEditStatus(),
+          display: (_mForm, { model }) => model.codeType !== HookCodeType.DATA_SOURCE_METHOD,
+          notEditable: () => !codeBlockService.getEditStatus(),
         },
         {
           type: 'data-source-method-select',
           name: 'codeId',
-          span: 16,
+          span: 18,
           labelWidth: 0,
-          display: (mForm: FormState, { model }: any) => model.codeType === HookCodeType.DATA_SOURCE_METHOD,
-          notEditable: () => !services?.dataSourceService.get('editable'),
+          display: (_mForm, { model }) => model.codeType === HookCodeType.DATA_SOURCE_METHOD,
+          notEditable: () => !dataSourceService.get('editable'),
         },
       ],
     },
@@ -126,7 +126,5 @@ watch(
   },
 );
 
-const changeHandler = async () => {
-  emit('change', props.model[props.name]);
-};
+const changeHandler = (v: any, eventData: ContainerChangeEventData) => emit('change', v, eventData);
 </script>
diff --git a/packages/editor/src/fields/CodeSelectCol.vue b/packages/editor/src/fields/CodeSelectCol.vue
index 90ef6df7..0f44901e 100644
--- a/packages/editor/src/fields/CodeSelectCol.vue
+++ b/packages/editor/src/fields/CodeSelectCol.vue
@@ -2,13 +2,15 @@
   <div class="m-fields-code-select-col">
     <div class="code-select-container">
       <!-- 代码块下拉框 -->
-      <MContainer
+      <MSelect
         class="select"
         :config="selectConfig"
+        :name="name"
         :model="model"
         :size="size"
-        @change="onParamsChangeHandler"
-      ></MContainer>
+        :prop="prop"
+        @change="onCodeIdChangeHandler"
+      ></MSelect>
 
       <!-- 查看/编辑按钮 -->
       <TMagicButton
@@ -28,6 +30,7 @@
       :key="model[name]"
       :model="model"
       :size="size"
+      :disabled="disabled"
       :params-config="paramsConfig"
       @change="onParamsChangeHandler"
     ></CodeParams>
@@ -39,13 +42,24 @@ import { computed, inject, ref, watch } from 'vue';
 import { Edit, View } from '@element-plus/icons-vue';
 import { isEmpty, map } from 'lodash-es';
 
+import type { Id } from '@tmagic/core';
 import { TMagicButton } from '@tmagic/design';
-import { createValues, type FieldProps, filterFunction, type FormState, MContainer } from '@tmagic/form';
-import type { Id } from '@tmagic/schema';
+import {
+  type CodeSelectColConfig,
+  type ContainerChangeEventData,
+  createValues,
+  type FieldProps,
+  filterFunction,
+  type FormItemConfig,
+  type FormState,
+  MSelect,
+  type SelectConfig,
+} from '@tmagic/form';
 
 import CodeParams from '@editor/components/CodeParams.vue';
 import MIcon from '@editor/components/Icon.vue';
-import type { CodeParamStatement, CodeSelectColConfig, EventBus, Services } from '@editor/type';
+import { useServices } from '@editor/hooks/use-services';
+import type { CodeParamStatement, EventBus } from '@editor/type';
 import { SideItemKey } from '@editor/type';
 
 defineOptions({
@@ -53,9 +67,11 @@ defineOptions({
 });
 
 const mForm = inject<FormState | undefined>('mForm');
-const services = inject<Services>('services');
+const { codeBlockService, uiService } = useServices();
 const eventBus = inject<EventBus>('eventBus');
-const emit = defineEmits(['change']);
+const emit = defineEmits<{
+  change: [v: any, eventData: ContainerChangeEventData];
+}>();
 
 const props = withDefaults(defineProps<FieldProps<CodeSelectColConfig>>(), {
   disabled: false,
@@ -64,7 +80,7 @@ const props = withDefaults(defineProps<FieldProps<CodeSelectColConfig>>(), {
 const notEditable = computed(() => filterFunction(mForm, props.config.notEditable, props));
 
 const hasCodeBlockSidePanel = computed(() =>
-  (services?.uiService.get('sideBarItems') || []).find((item) => item.$key === SideItemKey.CODE_BLOCK),
+  (uiService.get('sideBarItems') || []).find((item) => item.$key === SideItemKey.CODE_BLOCK),
 );
 
 /**
@@ -85,7 +101,7 @@ const getParamItemsConfig = (codeId?: Id): CodeParamStatement[] => {
   }));
 };
 
-const codeDsl = computed(() => services?.codeBlockService.getCodeDsl());
+const codeDsl = computed(() => codeBlockService.getCodeDsl());
 const paramsConfig = ref<CodeParamStatement[]>(getParamItemsConfig(props.model[props.name]));
 
 watch(
@@ -97,10 +113,10 @@ watch(
   },
 );
 
-const selectConfig = {
+const selectConfig: SelectConfig = {
   type: 'select',
   name: props.name,
-  disable: props.disabled,
+  disabled: props.disabled,
   options: () => {
     if (codeDsl.value) {
       return map(codeDsl.value, (value, key) => ({
@@ -111,26 +127,39 @@ const selectConfig = {
     }
     return [];
   },
-  onChange: (formState: any, codeId: Id, { model }: any) => {
-    // 通过下拉框选择的codeId变化后修正model的值，避免写入其他codeId的params
-    paramsConfig.value = getParamItemsConfig(codeId);
+};
 
-    if (paramsConfig.value.length) {
-      model.params = createValues(formState, paramsConfig.value, {}, model.params);
-    } else {
-      model.params = {};
-    }
+const onCodeIdChangeHandler = (value: any) => {
+  // 通过下拉框选择的codeId变化后修正model的值，避免写入其他codeId的params
+  paramsConfig.value = getParamItemsConfig(value);
 
-    return codeId;
-  },
+  const changeRecords = [
+    {
+      propPath: props.prop,
+      value,
+    },
+  ];
+
+  changeRecords.push({
+    propPath: props.prop.replace(`${props.name}`, 'params'),
+    value: paramsConfig.value.length
+      ? createValues(mForm, paramsConfig.value as unknown as FormItemConfig[], {}, props.model.params)
+      : {},
+  });
+
+  emit('change', value, {
+    changeRecords,
+  });
 };
 
 /**
  * 参数值修改更新
  */
-const onParamsChangeHandler = (value: any) => {
-  props.model.params = value.params;
-  emit('change', props.model);
+const onParamsChangeHandler = (value: any, eventData: ContainerChangeEventData) => {
+  eventData.changeRecords?.forEach((record) => {
+    record.propPath = `${props.prop.replace(`${props.name}`, '')}${record.propPath}`;
+  });
+  emit('change', props.model[props.name], eventData);
 };
 
 const editCode = (id: string) => {
diff --git a/packages/editor/src/fields/CondOpSelect.vue b/packages/editor/src/fields/CondOpSelect.vue
new file mode 100644
index 00000000..8bb059ce
--- /dev/null
+++ b/packages/editor/src/fields/CondOpSelect.vue
@@ -0,0 +1,84 @@
+<template>
+  <TMagicSelect
+    :model-value="model[name]"
+    clearable
+    filterable
+    :size="size"
+    :disabled="disabled"
+    @change="fieldChangeHandler"
+  >
+    <component
+      v-for="option in options"
+      class="tmagic-design-option"
+      :key="option.value"
+      :is="optionComponent?.component || 'el-option'"
+      v-bind="
+        optionComponent?.props({
+          label: option.text,
+          value: option.value,
+        }) || {
+          label: option.text,
+          value: option.value,
+        }
+      "
+    >
+    </component>
+  </TMagicSelect>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue';
+
+import { getDesignConfig, TMagicSelect } from '@tmagic/design';
+import type { CondOpSelectConfig, FieldProps } from '@tmagic/form';
+
+import { useServices } from '@editor/hooks/use-services';
+import { arrayOptions, eqOptions, getFieldType, numberOptions } from '@editor/utils';
+
+defineOptions({
+  name: 'MFieldsCondOpSelect',
+});
+
+const emit = defineEmits<{
+  change: [value: string];
+}>();
+
+const { dataSourceService } = useServices();
+
+const props = defineProps<FieldProps<CondOpSelectConfig>>();
+
+const optionComponent = getDesignConfig('components')?.option;
+
+const options = computed(() => {
+  const [id, ...fieldNames] = [...(props.config.parentFields || []), ...props.model.field];
+
+  const ds = dataSourceService.getDataSourceById(id);
+
+  const type = getFieldType(ds, fieldNames);
+
+  if (type === 'array') {
+    return arrayOptions;
+  }
+
+  if (type === 'boolean' || type === 'null') {
+    return [
+      { text: '是', value: 'is' },
+      { text: '不是', value: 'not' },
+    ];
+  }
+
+  if (type === 'number') {
+    return [...eqOptions, ...numberOptions];
+  }
+
+  if (type === 'string') {
+    return [...arrayOptions, ...eqOptions];
+  }
+
+  return [...arrayOptions, ...eqOptions, ...numberOptions];
+});
+
+const fieldChangeHandler = (v: string) => {
+  emit('change', v);
+};
+</script>
diff --git a/packages/editor/src/fields/DataSourceFieldSelect.vue b/packages/editor/src/fields/DataSourceFieldSelect.vue
deleted file mode 100644
index ac8236b8..00000000
--- a/packages/editor/src/fields/DataSourceFieldSelect.vue
+++ /dev/null
@@ -1,149 +0,0 @@
-<template>
-  <div class="m-fields-data-source-field-select">
-    <component
-      :is="tagName"
-      :config="showDataSourceFieldSelect || !config.fieldConfig ? cascaderConfig : config.fieldConfig"
-      :model="model"
-      :name="name"
-      :disabled="disabled"
-      :size="size"
-      :last-values="lastValues"
-      :init-values="initValues"
-      :values="values"
-      :prop="`${prop}${prop ? '.' : ''}${name}`"
-      @change="onChangeHandler"
-    ></component>
-
-    <TMagicButton
-      v-if="(showDataSourceFieldSelect || !config.fieldConfig) && selectedDataSourceId && hasDataSourceSidePanel"
-      class="m-fields-select-action-button"
-      :size="size"
-      @click="editHandler(selectedDataSourceId)"
-      ><MIcon :icon="!notEditable ? Edit : View"></MIcon
-    ></TMagicButton>
-
-    <TMagicButton
-      v-if="config.fieldConfig"
-      style="margin-left: 5px"
-      :type="showDataSourceFieldSelect ? 'primary' : 'default'"
-      :size="size"
-      @click="showDataSourceFieldSelect = !showDataSourceFieldSelect"
-      ><MIcon :icon="Coin"></MIcon
-    ></TMagicButton>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { computed, inject, ref, resolveComponent, watch } from 'vue';
-import { Coin, Edit, View } from '@element-plus/icons-vue';
-
-import { TMagicButton } from '@tmagic/design';
-import type { CascaderConfig, FieldProps, FormState } from '@tmagic/form';
-import { filterFunction, MCascader } from '@tmagic/form';
-import { DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX } from '@tmagic/utils';
-
-import MIcon from '@editor/components/Icon.vue';
-import type { DataSourceFieldSelectConfig, EventBus, Services } from '@editor/type';
-import { SideItemKey } from '@editor/type';
-import { getCascaderOptionsFromFields } from '@editor/utils';
-
-defineOptions({
-  name: 'MFieldsDataSourceFieldSelect',
-});
-
-const services = inject<Services>('services');
-const eventBus = inject<EventBus>('eventBus');
-const emit = defineEmits(['change']);
-
-const props = withDefaults(defineProps<FieldProps<DataSourceFieldSelectConfig>>(), {
-  disabled: false,
-});
-
-const notEditable = computed(() => filterFunction(mForm, props.config.notEditable, props));
-
-const hasDataSourceSidePanel = computed(() =>
-  (services?.uiService.get('sideBarItems') || []).find((item) => item.$key === SideItemKey.DATA_SOURCE),
-);
-
-const selectedDataSourceId = computed(() => {
-  const value = props.model[props.name];
-  if (!Array.isArray(value) || !value.length) {
-    return '';
-  }
-
-  return value[0].replace(DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX, '');
-});
-
-const dataSources = computed(() => services?.dataSourceService.get('dataSources'));
-
-const cascaderConfig = computed<CascaderConfig>(() => {
-  const valueIsKey = props.config.value === 'key';
-
-  return {
-    type: 'cascader',
-    checkStrictly: props.config.checkStrictly ?? !valueIsKey,
-    popperClass: 'm-editor-data-source-field-select-popper',
-    options: () => {
-      const options =
-        dataSources.value?.map((ds) => ({
-          label: ds.title || ds.id,
-          value: valueIsKey ? ds.id : `${DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX}${ds.id}`,
-          children: getCascaderOptionsFromFields(ds.fields, props.config.dataSourceFieldType),
-        })) || [];
-      return options.filter((option) => option.children.length);
-    },
-  };
-});
-
-const showDataSourceFieldSelect = ref(false);
-
-watch(
-  () => props.model[props.name],
-  (value) => {
-    if (
-      Array.isArray(value) &&
-      typeof value[0] === 'string' &&
-      value[0].startsWith(DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX)
-    ) {
-      showDataSourceFieldSelect.value = true;
-    } else {
-      showDataSourceFieldSelect.value = false;
-    }
-  },
-  {
-    immediate: true,
-  },
-);
-
-const mForm = inject<FormState | undefined>('mForm');
-
-const type = computed((): string => {
-  let type = props.config.fieldConfig?.type;
-  if (typeof type === 'function') {
-    type = type(mForm, {
-      model: props.model,
-    });
-  }
-  if (type === 'form') return '';
-  if (type === 'container') return '';
-  return type?.replace(/([A-Z])/g, '-$1').toLowerCase() || (props.config.items ? '' : 'text');
-});
-
-const tagName = computed(() => {
-  if (showDataSourceFieldSelect.value || !props.config.fieldConfig) {
-    return MCascader;
-  }
-
-  const component = resolveComponent(`m-${props.config.items ? 'form' : 'fields'}-${type.value}`);
-  if (typeof component !== 'string') return component;
-  return 'm-fields-text';
-});
-
-const onChangeHandler = (value: any) => {
-  emit('change', value);
-};
-
-const editHandler = (id: string) => {
-  eventBus?.emit('edit-data-source', id);
-};
-</script>
diff --git a/packages/editor/src/fields/DataSourceFieldSelect/FieldSelect.vue b/packages/editor/src/fields/DataSourceFieldSelect/FieldSelect.vue
new file mode 100644
index 00000000..940d1d76
--- /dev/null
+++ b/packages/editor/src/fields/DataSourceFieldSelect/FieldSelect.vue
@@ -0,0 +1,182 @@
+<template>
+  <div class="m-editor-data-source-field-select">
+    <template v-if="checkStrictly">
+      <TMagicSelect
+        :model-value="selectDataSourceId"
+        clearable
+        filterable
+        :size="size"
+        :disabled="disabled"
+        @change="dsChangeHandler"
+      >
+        <component
+          v-for="option in dataSourcesOptions"
+          class="tmagic-design-option"
+          :key="option.value"
+          :is="optionComponent?.component || 'el-option'"
+          v-bind="
+            optionComponent?.props({
+              label: option.text,
+              value: option.value,
+              disabled: option.disabled,
+            }) || {
+              label: option.text,
+              value: option.value,
+              disabled: option.disabled,
+            }
+          "
+        >
+        </component>
+      </TMagicSelect>
+
+      <TMagicCascader
+        :model-value="selectFieldsId"
+        clearable
+        filterable
+        :size="size"
+        :disabled="disabled"
+        :options="fieldsOptions"
+        :props="{
+          checkStrictly,
+        }"
+        @change="fieldChangeHandler"
+      ></TMagicCascader>
+    </template>
+
+    <TMagicCascader
+      v-else
+      clearable
+      filterable
+      :model-value="modelValue"
+      :disabled="disabled"
+      :size="size"
+      :options="cascaderOptions"
+      :props="{
+        checkStrictly,
+      }"
+      @change="onChangeHandler"
+    ></TMagicCascader>
+
+    <TMagicTooltip v-if="selectDataSourceId && hasDataSourceSidePanel" :content="notEditable ? '查看' : '编辑'">
+      <TMagicButton class="m-fields-select-action-button" :size="size" @click="editHandler(selectDataSourceId)"
+        ><MIcon :icon="!notEditable ? Edit : View"></MIcon
+      ></TMagicButton>
+    </TMagicTooltip>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { computed, inject, ref, watch } from 'vue';
+import { Edit, View } from '@element-plus/icons-vue';
+
+import type { DataSourceFieldType } from '@tmagic/core';
+import { getDesignConfig, TMagicButton, TMagicCascader, TMagicSelect, TMagicTooltip } from '@tmagic/design';
+import { type FilterFunction, filterFunction, type FormState, type SelectOption } from '@tmagic/form';
+import { DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX, removeDataSourceFieldPrefix } from '@tmagic/utils';
+
+import MIcon from '@editor/components/Icon.vue';
+import { useServices } from '@editor/hooks/use-services';
+import { type EventBus, SideItemKey } from '@editor/type';
+import { getCascaderOptionsFromFields } from '@editor/utils';
+
+const props = defineProps<{
+  /**
+   * 是否要编译成数据源的data。
+   * key: 不编译，就是要数据源id和field name;
+   * value: 要编译（数据源data[`${filed}`]）
+   * */
+  value?: 'key' | 'value';
+  disabled?: boolean;
+  checkStrictly?: boolean;
+  size?: 'large' | 'default' | 'small';
+  dataSourceFieldType?: DataSourceFieldType[];
+  /** 是否可以编辑数据源，disable表示的是是否可以选择数据源 */
+  notEditable?: boolean | FilterFunction;
+}>();
+
+const emit = defineEmits<{
+  change: [v: string[]];
+}>();
+
+const modelValue = defineModel<string[] | any>('modelValue', { default: [] });
+
+const optionComponent = getDesignConfig('components')?.option;
+
+const { dataSourceService, uiService } = useServices();
+const mForm = inject<FormState | undefined>('mForm');
+const eventBus = inject<EventBus>('eventBus');
+
+const dataSources = computed(() => dataSourceService.get('dataSources') || []);
+
+const valueIsKey = computed(() => props.value === 'key');
+const notEditable = computed(() => filterFunction(mForm, props.notEditable, props));
+
+const dataSourcesOptions = computed<SelectOption[]>(() =>
+  dataSources.value.map((ds) => ({
+    text: ds.title || ds.id,
+    value: valueIsKey.value ? ds.id : `${DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX}${ds.id}`,
+  })),
+);
+
+const selectDataSourceId = ref('');
+
+const selectFieldsId = ref<string[]>([]);
+
+watch(
+  modelValue,
+  (value) => {
+    if (Array.isArray(value)) {
+      const [dsId, ...fields] = value;
+      selectDataSourceId.value = dsId;
+      selectFieldsId.value = fields;
+    } else {
+      selectDataSourceId.value = '';
+      selectFieldsId.value = [];
+    }
+  },
+  {
+    immediate: true,
+  },
+);
+
+const fieldsOptions = computed(() => {
+  const ds = dataSources.value.find((ds) => ds.id === removeDataSourceFieldPrefix(selectDataSourceId.value));
+
+  if (!ds) return [];
+
+  return getCascaderOptionsFromFields(ds.fields, props.dataSourceFieldType);
+});
+
+const cascaderOptions = computed(() => {
+  const options =
+    dataSources.value?.map((ds) => ({
+      label: ds.title || ds.id,
+      value: valueIsKey.value ? ds.id : `${DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX}${ds.id}`,
+      children: getCascaderOptionsFromFields(ds.fields, props.dataSourceFieldType),
+    })) || [];
+  return options.filter((option) => option.children.length);
+});
+
+const dsChangeHandler = (v: string) => {
+  modelValue.value = [v];
+  emit('change', modelValue.value);
+};
+
+const fieldChangeHandler = (v: string[] = []) => {
+  modelValue.value = [selectDataSourceId.value, ...v];
+  emit('change', modelValue.value);
+};
+
+const onChangeHandler = (v: string[] = []) => {
+  modelValue.value = v;
+  emit('change', v);
+};
+
+const hasDataSourceSidePanel = computed(() =>
+  uiService.get('sideBarItems').find((item) => item.$key === SideItemKey.DATA_SOURCE),
+);
+
+const editHandler = (id: string) => {
+  eventBus?.emit('edit-data-source', removeDataSourceFieldPrefix(id));
+};
+</script>
diff --git a/packages/editor/src/fields/DataSourceFieldSelect/Index.vue b/packages/editor/src/fields/DataSourceFieldSelect/Index.vue
new file mode 100644
index 00000000..570a1f6e
--- /dev/null
+++ b/packages/editor/src/fields/DataSourceFieldSelect/Index.vue
@@ -0,0 +1,187 @@
+<template>
+  <div class="m-fields-data-source-field-select">
+    <FieldSelect
+      v-if="!disabledDataSource && (showDataSourceFieldSelect || !config.fieldConfig)"
+      :model-value="model[name]"
+      :disabled="disabled"
+      :size="size"
+      :value="config.value"
+      :checkStrictly="checkStrictly"
+      :dataSourceFieldType="config.dataSourceFieldType"
+      @change="onChangeHandler"
+    ></FieldSelect>
+
+    <component
+      v-else
+      :is="tagName"
+      :config="config.fieldConfig"
+      :model="model"
+      :name="name"
+      :disabled="disabled"
+      :size="size"
+      :last-values="lastValues"
+      :init-values="initValues"
+      :values="values"
+      :prop="prop"
+      @change="onChangeHandler"
+    ></component>
+
+    <TMagicTooltip
+      v-if="config.fieldConfig && !disabledDataSource"
+      :disabled="showDataSourceFieldSelect"
+      content="选择数据源"
+    >
+      <TMagicButton
+        :type="showDataSourceFieldSelect ? 'primary' : 'default'"
+        :size="size"
+        @click="showDataSourceFieldSelect = !showDataSourceFieldSelect"
+        ><MIcon :icon="Coin"></MIcon
+      ></TMagicButton>
+    </TMagicTooltip>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed, inject, ref, resolveComponent, watch } from 'vue';
+import { Coin } from '@element-plus/icons-vue';
+
+import { DataSchema } from '@tmagic/core';
+import { TMagicButton, tMagicMessage, TMagicTooltip } from '@tmagic/design';
+import {
+  type ContainerChangeEventData,
+  type DataSourceFieldSelectConfig,
+  type FieldProps,
+  type FormState,
+  getFormField,
+} from '@tmagic/form';
+import { DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX, removeDataSourceFieldPrefix } from '@tmagic/utils';
+
+import MIcon from '@editor/components/Icon.vue';
+import { useServices } from '@editor/hooks/use-services';
+
+import FieldSelect from './FieldSelect.vue';
+
+defineOptions({
+  name: 'MFieldsDataSourceFieldSelect',
+});
+
+const emit = defineEmits(['change']);
+
+const props = withDefaults(defineProps<FieldProps<DataSourceFieldSelectConfig>>(), {
+  disabled: false,
+});
+
+const showDataSourceFieldSelect = ref(false);
+
+watch(
+  () => props.model[props.name],
+  (value) => {
+    if (
+      Array.isArray(value) &&
+      typeof value[0] === 'string' &&
+      value[0].startsWith(DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX)
+    ) {
+      showDataSourceFieldSelect.value = true;
+    } else {
+      showDataSourceFieldSelect.value = false;
+    }
+  },
+  {
+    immediate: true,
+  },
+);
+
+const { dataSourceService, propsService } = useServices();
+const mForm = inject<FormState | undefined>('mForm');
+
+const dataSources = computed(() => dataSourceService.get('dataSources') || []);
+const disabledDataSource = computed(() => propsService.getDisabledDataSource());
+
+const type = computed((): string => {
+  if (!props.config.fieldConfig) return '';
+
+  let type = 'type' in props.config.fieldConfig ? props.config.fieldConfig.type : '';
+  if (typeof type === 'function') {
+    type = type(mForm, {
+      model: props.model,
+    });
+  }
+  if (type === 'form') return '';
+  if (type === 'container') return '';
+  return (
+    type?.replace(/([A-Z])/g, '-$1').toLowerCase() ||
+    (props.config.fieldConfig && 'items' in props.config.fieldConfig ? '' : 'text')
+  );
+});
+
+const tagName = computed(() => {
+  const component =
+    getFormField(type.value || 'container') ||
+    resolveComponent(
+      `m-${props.config.fieldConfig && 'items' in props.config.fieldConfig ? 'form' : 'fields'}-${type.value}`,
+    );
+  if (typeof component !== 'string') return component;
+  return 'm-fields-text';
+});
+
+const checkStrictly = computed(() => {
+  let value: boolean | undefined;
+
+  if (typeof props.config.checkStrictly !== 'function') {
+    value = props.config.checkStrictly;
+  } else {
+    const dsId = removeDataSourceFieldPrefix(props.model[0]);
+    const dataSource = dataSources.value.find((ds) => ds.id === dsId);
+
+    value = props.config.checkStrictly(mForm, {
+      values: mForm?.initValues || {},
+      model: props.model,
+      parent: mForm?.parentValues || {},
+      formValue: mForm?.values || props.model,
+      prop: props.prop,
+      config: props.config,
+      dataSource,
+    });
+  }
+
+  return value ?? props.config.value === 'key';
+});
+
+const onChangeHandler = (value: string[], eventData?: ContainerChangeEventData) => {
+  if (!Array.isArray(value)) {
+    emit('change', value, eventData);
+    return;
+  }
+
+  const [dsId, ...keys] = value;
+  const dataSource = dataSources.value.find((ds) => ds.id === removeDataSourceFieldPrefix(dsId));
+
+  if (!dataSource) {
+    emit('change', value, eventData);
+    return;
+  }
+
+  let fields = dataSource.fields || [];
+  let field: DataSchema | undefined;
+  (keys || []).forEach((key) => {
+    field = fields.find((f) => f.name === key);
+    fields = field?.fields || [];
+  });
+
+  const dataSourceFieldType = props.config.dataSourceFieldType || ['any'];
+  if (!dataSourceFieldType.length) {
+    dataSourceFieldType.push('any');
+  }
+
+  if (
+    !keys.length ||
+    (field?.type &&
+      (field.type === 'any' || dataSourceFieldType.includes('any') || dataSourceFieldType.includes(field.type)))
+  ) {
+    emit('change', value, eventData);
+  } else {
+    tMagicMessage.error(`请选择类型为${dataSourceFieldType.join('或')}的字段`);
+    emit('change', [dsId], eventData);
+  }
+};
+</script>
diff --git a/packages/editor/src/fields/DataSourceFields.vue b/packages/editor/src/fields/DataSourceFields.vue
index 395e9c85..eb18e3a1 100644
--- a/packages/editor/src/fields/DataSourceFields.vue
+++ b/packages/editor/src/fields/DataSourceFields.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="m-editor-data-source-fields">
-    <MagicTable :data="model[name]" :columns="fieldColumns"></MagicTable>
+    <MagicTable :data="model[name]" :columns="fieldColumns" :border="true"></MagicTable>
 
     <div class="m-editor-data-source-fields-footer">
       <TMagicButton size="small" :disabled="disabled" plain @click="newFromJsonHandler()">快速添加</TMagicButton>
@@ -49,35 +49,41 @@
 <script setup lang="ts">
 import { inject, Ref, ref } from 'vue';
 
+import type { DataSchema } from '@tmagic/core';
 import { TMagicButton, tMagicMessage, tMagicMessageBox } from '@tmagic/design';
-import { type FieldProps, type FormConfig, type FormState, MFormBox } from '@tmagic/form';
-import type { DataSchema } from '@tmagic/schema';
+import {
+  type CodeConfig,
+  type ContainerChangeEventData,
+  type DataSourceFieldsConfig,
+  type FieldProps,
+  type FormConfig,
+  type FormState,
+  MFormBox,
+  type NumberConfig,
+  type TextConfig,
+} from '@tmagic/form';
 import { type ColumnConfig, MagicTable } from '@tmagic/table';
 import { getDefaultValueFromFields } from '@tmagic/utils';
 
 import FloatingBox from '@editor/components/FloatingBox.vue';
 import { useEditorContentHeight } from '@editor/hooks';
 import { useNextFloatBoxPosition } from '@editor/hooks/use-next-float-box-position';
-import type { Services } from '@editor/type';
+import { useServices } from '@editor/hooks/use-services';
+import { error } from '@editor/utils/logger';
 
 defineOptions({
   name: 'MFieldsDataSourceFields',
 });
 
-const props = withDefaults(
-  defineProps<
-    FieldProps<{
-      type: 'data-source-fields';
-    }>
-  >(),
-  {
-    disabled: false,
-  },
-);
+const props = withDefaults(defineProps<FieldProps<DataSourceFieldsConfig>>(), {
+  disabled: false,
+});
 
-const emit = defineEmits(['change']);
+const emit = defineEmits<{
+  change: [v: any, eventData?: ContainerChangeEventData];
+}>();
 
-const services = inject<Services>('services');
+const { uiService } = useServices();
 
 const fieldValues = ref<Record<string, any>>({});
 const fieldTitle = ref('');
@@ -91,16 +97,29 @@ const newHandler = () => {
   addDialogVisible.value = true;
 };
 
-const fieldChange = ({ index, ...value }: Record<string, any>) => {
-  if (index > -1) {
-    props.model[props.name][index] = value;
-  } else {
-    props.model[props.name].push(value);
-  }
-
+const fieldChange = ({ index, ...value }: Record<string, any>, data: ContainerChangeEventData) => {
   addDialogVisible.value = false;
 
-  emit('change', props.model[props.name]);
+  if (index > -1) {
+    emit('change', value, {
+      modifyKey: index,
+      changeRecords: (data.changeRecords || []).map((item) => ({
+        propPath: `${props.prop}.${index}.${item.propPath}`,
+        value: item.value,
+      })),
+    });
+  } else {
+    const modifyKey = props.model[props.name].length;
+    emit('change', value, {
+      modifyKey,
+      changeRecords: [
+        {
+          propPath: `${props.prop}.${modifyKey}`,
+          value,
+        },
+      ],
+    });
+  }
 };
 
 const fieldColumns: ColumnConfig[] = [
@@ -123,6 +142,7 @@ const fieldColumns: ColumnConfig[] = [
       try {
         return JSON.stringify(row.defaultValue);
       } catch (e) {
+        error(e);
         return row.defaultValue;
       }
     },
@@ -172,6 +192,12 @@ const dataSourceFieldsConfig: FormConfig = [
       { text: 'null', value: 'null' },
       { text: 'any', value: 'any' },
     ],
+    onChange: (_formState, v: string, { setModel }) => {
+      if (!['any', 'array', 'object'].includes(v)) {
+        setModel('fields', []);
+      }
+      return v;
+    },
   },
   {
     name: 'name',
@@ -210,8 +236,8 @@ const dataSourceFieldsConfig: FormConfig = [
   {
     name: 'defaultValue',
     text: '默认值',
-    height: '200px',
     parse: true,
+    mFormItemType: 'data-source-field-defaultValue',
     type: (mForm: FormState | undefined, { model }: any) => {
       if (model.type === 'number') return 'number';
       if (model.type === 'boolean') return 'select';
@@ -219,11 +245,12 @@ const dataSourceFieldsConfig: FormConfig = [
 
       return 'vs-code';
     },
+    autosize: { minRows: 1, maxRows: 30 },
     options: [
       { text: 'true', value: true },
       { text: 'false', value: false },
     ],
-  },
+  } as unknown as CodeConfig | NumberConfig | TextConfig,
   {
     name: 'enable',
     text: '是否可用',
@@ -244,7 +271,7 @@ const jsonFromConfig: FormConfig = [
     type: 'vs-code',
     labelWidth: '0',
     language: 'json',
-    height: '600px',
+    autosize: { minRows: 30, maxRows: 50 },
     options: inject('codeOptions', {}),
   },
 ];
@@ -304,11 +331,9 @@ const addFromJsonFromChange = ({ data }: { data: string }) => {
   try {
     const value = JSON.parse(data);
 
-    props.model[props.name] = getFieldsConfig(value, props.model[props.name]);
-
     addFromJsonDialogVisible.value = false;
 
-    emit('change', props.model[props.name]);
+    emit('change', getFieldsConfig(value, props.model[props.name]));
   } catch (e: any) {
     tMagicMessage.error(e.message);
   }
@@ -319,5 +344,5 @@ const addFromJsonDialogVisible = defineModel<boolean>('visible1', { default: fal
 const { height: editorHeight } = useEditorContentHeight();
 
 const parentFloating = inject<Ref<HTMLDivElement | null>>('parentFloating', ref(null));
-const { boxPosition, calcBoxPosition } = useNextFloatBoxPosition(services?.uiService, parentFloating);
+const { boxPosition, calcBoxPosition } = useNextFloatBoxPosition(uiService, parentFloating);
 </script>
diff --git a/packages/editor/src/fields/DataSourceInput.vue b/packages/editor/src/fields/DataSourceInput.vue
index 55b8e23e..f583c4ec 100644
--- a/packages/editor/src/fields/DataSourceInput.vue
+++ b/packages/editor/src/fields/DataSourceInput.vue
@@ -1,12 +1,20 @@
 <template>
+  <TMagicInput
+    v-if="disabledDataSource"
+    v-model="state"
+    :disabled="disabled"
+    :size="size"
+    :clearable="true"
+    @change="changeHandler"
+  ></TMagicInput>
   <component
-    v-if="disabled || isFocused"
-    :is="getConfig('components')?.autocomplete.component || 'el-autocomplete'"
+    v-else-if="disabled || isFocused"
+    :is="getDesignConfig('components')?.autocomplete.component || 'el-autocomplete'"
     class="tmagic-design-auto-complete"
     ref="autocomplete"
     v-model="state"
     v-bind="
-      getConfig('components')?.autocomplete.props({
+      getDesignConfig('components')?.autocomplete.props({
         disabled,
         size,
         fetchSuggestions: querySearch,
@@ -30,12 +38,29 @@
     </template>
   </component>
   <div
-    :class="`tmagic-data-source-input-text el-input t-input t-size-${size?.[0]} el-input--${size}`"
-    @mouseup="mouseupHandler"
     v-else
+    :class="{
+      'tmagic-data-source-input-text': true,
+      'el-input': adapterType === 'element-plus',
+      [`el-input--${size}`]: adapterType === 'element-plus',
+      't-input': adapterType === 'tdesign-vue-next',
+      [`t-size-${size?.[0]}`]: adapterType === 'tdesign-vue-next',
+    }"
+    @mouseup="mouseupHandler"
   >
-    <div :class="`tmagic-data-source-input-text-wrapper el-input__wrapper ${isFocused ? ' is-focus' : ''}`">
-      <div class="el-input__inner t-input__inner">
+    <div
+      :class="{
+        'tmagic-data-source-input-text-wrapper': true,
+        'el-input__wrapper': adapterType === 'element-plus',
+        'is-focus': isFocused,
+      }"
+    >
+      <div
+        :class="{
+          'el-input__inner': adapterType === 'element-plus',
+          input__inner: adapterType === 'tdesign-vue-next',
+        }"
+      >
         <template v-for="(item, index) in displayState">
           <span :key="index" v-if="item.type === 'text'" style="margin-right: 2px">{{ item.value }}</span>
           <TMagicTag :key="index" :size="size" v-if="item.type === 'var'">{{ item.value }}</TMagicTag>
@@ -48,48 +73,42 @@
 </template>
 
 <script setup lang="ts">
-import { computed, inject, nextTick, ref, watch } from 'vue';
+import { computed, nextTick, ref, useTemplateRef, watch } from 'vue';
 import { Coin } from '@element-plus/icons-vue';
 
-import { getConfig, TMagicAutocomplete, TMagicTag } from '@tmagic/design';
-import type { FieldProps, FormItem } from '@tmagic/form';
-import type { DataSchema, DataSourceSchema } from '@tmagic/schema';
-import { isNumber } from '@tmagic/utils';
+import type { DataSchema, DataSourceSchema } from '@tmagic/core';
+import { getDesignConfig, TMagicAutocomplete, TMagicInput, TMagicTag } from '@tmagic/design';
+import type { DataSourceInputConfig, FieldProps } from '@tmagic/form';
+import { getKeysArray, isNumber } from '@tmagic/utils';
 
 import Icon from '@editor/components/Icon.vue';
-import type { Services } from '@editor/type';
+import { useServices } from '@editor/hooks/use-services';
 import { getDisplayField } from '@editor/utils/data-source';
 
 defineOptions({
   name: 'MFieldsDataSourceInput',
 });
 
-const props = withDefaults(
-  defineProps<
-    FieldProps<
-      {
-        type: 'data-source-input';
-      } & FormItem
-    >
-  >(),
-  {
-    disabled: false,
-  },
-);
+const props = withDefaults(defineProps<FieldProps<DataSourceInputConfig>>(), {
+  disabled: false,
+});
 
 const emit = defineEmits<{
   change: [value: string];
 }>();
 
-const { dataSourceService } = inject<Services>('services') || {};
+const adapterType = getDesignConfig('adapterType');
 
-const autocomplete = ref<InstanceType<typeof TMagicAutocomplete>>();
+const { dataSourceService, propsService } = useServices();
+
+const autocompleteRef = useTemplateRef<InstanceType<typeof TMagicAutocomplete>>('autocomplete');
 const isFocused = ref(false);
 const state = ref('');
 const displayState = ref<{ value: string; type: 'var' | 'text' }[]>([]);
 
-const input = computed<HTMLInputElement>(() => autocomplete.value?.inputRef?.input);
-const dataSources = computed(() => dataSourceService?.get('dataSources') || []);
+const input = computed<HTMLInputElement>(() => autocompleteRef.value?.inputRef?.input);
+const dataSources = computed(() => dataSourceService.get('dataSources'));
+const disabledDataSource = computed(() => propsService.getDisabledDataSource());
 
 const setDisplayState = () => {
   displayState.value = getDisplayField(dataSources.value, state.value);
@@ -112,7 +131,7 @@ const mouseupHandler = async () => {
 
   isFocused.value = true;
   await nextTick();
-  autocomplete.value?.focus();
+  autocompleteRef.value?.focus();
 
   if (focusOffset && input.value) {
     input.value.setSelectionRange(anchorOffset, focusOffset);
@@ -179,7 +198,11 @@ const curCharIsDot = (dotIndex: number) => dotIndex > -1 && dotIndex === getSele
  * @param leftCurlyBracketIndex 左大括号字符索引
  * @param cb 建议的方法
  */
-const dsQuerySearch = (queryString: string, leftCurlyBracketIndex: number, cb: (data: { value: string }[]) => void) => {
+const dsQuerySearch = (
+  queryString: string,
+  leftCurlyBracketIndex: number,
+  cb: (_data: { value: string }[]) => void,
+) => {
   let result: DataSourceSchema[] = [];
 
   if (curCharIsLeftCurlyBracket(leftCurlyBracketIndex)) {
@@ -211,14 +234,14 @@ const fieldQuerySearch = (
   queryString: string,
   leftAngleIndex: number,
   dotIndex: number,
-  cb: (data: { value: string }[]) => void,
+  cb: (_data: { value: string }[]) => void,
 ) => {
   let result: DataSchema[] = [];
 
   const dsKey = queryString.substring(leftAngleIndex + 1, dotIndex);
 
   // 可能是xx.xx.xx，存在链式调用
-  const keys = dsKey.replaceAll(/\[(\d+)\]/g, '.$1').split('.');
+  const keys = getKeysArray(dsKey);
 
   // 最前的是数据源id
   const dsId = keys.shift();
@@ -272,7 +295,7 @@ const fieldQuerySearch = (
  * @param queryString 当前输入框内的字符串
  * @param cb 建议回调
  */
-const querySearch = (queryString: string, cb: (data: { value: string }[]) => void) => {
+const querySearch = (queryString: string, cb: (_data: { value: string }[]) => void) => {
   inputText = queryString;
 
   const selectionStart = getSelectionStart();
diff --git a/packages/editor/src/fields/DataSourceMethodSelect.vue b/packages/editor/src/fields/DataSourceMethodSelect.vue
index 40213f3f..5161942e 100644
--- a/packages/editor/src/fields/DataSourceMethodSelect.vue
+++ b/packages/editor/src/fields/DataSourceMethodSelect.vue
@@ -1,32 +1,36 @@
 <template>
   <div class="m-fields-data-source-method-select">
     <div class="data-source-method-select-container">
-      <MContainer
+      <MCascader
         class="select"
         :config="cascaderConfig"
         :model="model"
+        :name="name"
         :size="size"
+        :disabled="disabled"
+        :prop="prop"
         @change="onChangeHandler"
-      ></MContainer>
+      ></MCascader>
 
-      <TMagicButton
+      <TMagicTooltip
         v-if="model[name] && isCustomMethod && hasDataSourceSidePanel"
-        class="m-fields-select-action-button"
-        :size="size"
-        @click="editCodeHandler"
+        :content="notEditable ? '查看' : '编辑'"
       >
-        <MIcon :icon="!notEditable ? Edit : View"></MIcon>
-      </TMagicButton>
+        <TMagicButton class="m-fields-select-action-button" :size="size" @click="editCodeHandler">
+          <MIcon :icon="!notEditable ? Edit : View"></MIcon>
+        </TMagicButton>
+      </TMagicTooltip>
     </div>
 
     <CodeParams
       v-if="paramsConfig.length"
       name="params"
+      :key="model[name]"
       :model="model"
       :size="size"
       :disabled="disabled"
       :params-config="paramsConfig"
-      @change="onChangeHandler"
+      @change="onParamsChangeHandler"
     ></CodeParams>
   </div>
 </template>
@@ -35,43 +39,52 @@
 import { computed, inject, ref } from 'vue';
 import { Edit, View } from '@element-plus/icons-vue';
 
-import { TMagicButton } from '@tmagic/design';
-import { createValues, type FieldProps, filterFunction, type FormState, MContainer } from '@tmagic/form';
-import type { Id } from '@tmagic/schema';
+import type { Id } from '@tmagic/core';
+import { TMagicButton, TMagicTooltip } from '@tmagic/design';
+import {
+  type CascaderConfig,
+  type ContainerChangeEventData,
+  createValues,
+  type DataSourceMethodSelectConfig,
+  type FieldProps,
+  filterFunction,
+  type FormItemConfig,
+  type FormState,
+  MCascader,
+} from '@tmagic/form';
 
 import CodeParams from '@editor/components/CodeParams.vue';
 import MIcon from '@editor/components/Icon.vue';
-import type { CodeParamStatement, DataSourceMethodSelectConfig, EventBus, Services } from '@editor/type';
+import { useServices } from '@editor/hooks/use-services';
+import type { CodeParamStatement, EventBus } from '@editor/type';
 import { SideItemKey } from '@editor/type';
 
 defineOptions({
   name: 'MFieldsDataSourceMethodSelect',
 });
 
+const { dataSourceService, uiService } = useServices();
 const mForm = inject<FormState | undefined>('mForm');
-const services = inject<Services>('services');
 const eventBus = inject<EventBus>('eventBus');
 
 const emit = defineEmits(['change']);
 
-const dataSourceService = services?.dataSourceService;
-
 const props = withDefaults(defineProps<FieldProps<DataSourceMethodSelectConfig>>(), {
   disabled: false,
 });
 
 const hasDataSourceSidePanel = computed(() =>
-  (services?.uiService.get('sideBarItems') || []).find((item) => item.$key === SideItemKey.DATA_SOURCE),
+  (uiService.get('sideBarItems') || []).find((item) => item.$key === SideItemKey.DATA_SOURCE),
 );
 
 const notEditable = computed(() => filterFunction(mForm, props.config.notEditable, props));
 
-const dataSources = computed(() => dataSourceService?.get('dataSources'));
+const dataSources = computed(() => dataSourceService.get('dataSources'));
 
 const isCustomMethod = computed(() => {
   const [id, name] = props.model[props.name];
 
-  const dataSource = dataSourceService?.getDataSourceById(id);
+  const dataSource = dataSourceService.getDataSourceById(id);
 
   return Boolean(dataSource?.methods.find((method) => method.name === name));
 });
@@ -91,23 +104,12 @@ const getParamItemsConfig = ([dataSourceId, methodName]: [Id, string] = ['', '']
   }));
 };
 
-const paramsConfig = ref<CodeParamStatement[]>(getParamItemsConfig(props.model.dataSourceMethod));
-
-const setParamsConfig = (dataSourceMethod: [Id, string], formState: any = {}) => {
-  // 通过下拉框选择的codeId变化后修正model的值，避免写入其他codeId的params
-  paramsConfig.value = dataSourceMethod ? getParamItemsConfig(dataSourceMethod) : [];
-
-  if (paramsConfig.value.length) {
-    props.model.params = createValues(formState, paramsConfig.value, {}, props.model.params);
-  } else {
-    props.model.params = {};
-  }
-};
+const paramsConfig = ref<CodeParamStatement[]>(getParamItemsConfig(props.model[props.name || 'dataSourceMethod']));
 
 const methodsOptions = computed(
   () =>
     dataSources.value
-      ?.filter((ds) => ds.methods?.length || dataSourceService?.getFormMethod(ds.type).length)
+      ?.filter((ds) => ds.methods?.length || dataSourceService.getFormMethod(ds.type).length)
       ?.map((ds) => ({
         label: ds.title || ds.id,
         value: ds.id,
@@ -121,30 +123,50 @@ const methodsOptions = computed(
       })) || [],
 );
 
-const cascaderConfig = computed(() => ({
+const cascaderConfig = computed<CascaderConfig>(() => ({
   type: 'cascader',
-  name: props.name,
   options: methodsOptions.value,
-  disable: props.disabled,
-  onChange: (formState: any, dataSourceMethod: [Id, string]) => {
-    setParamsConfig(dataSourceMethod, formState);
-
-    return dataSourceMethod;
-  },
 }));
 
 /**
  * 参数值修改更新
  */
 const onChangeHandler = (value: any) => {
-  props.model.params = value.params;
-  emit('change', props.model);
+  paramsConfig.value = getParamItemsConfig(value);
+
+  const changeRecords = [
+    {
+      propPath: props.prop,
+      value,
+    },
+  ];
+
+  changeRecords.push({
+    propPath: props.prop.replace(`${props.name}`, 'params'),
+    value: paramsConfig.value.length
+      ? createValues(mForm, paramsConfig.value as unknown as FormItemConfig[], {}, props.model.params)
+      : {},
+  });
+
+  emit('change', value, {
+    changeRecords,
+  });
+};
+
+/**
+ * 参数值修改更新
+ */
+const onParamsChangeHandler = (value: any, eventData: ContainerChangeEventData) => {
+  eventData.changeRecords?.forEach((record) => {
+    record.propPath = `${props.prop.replace(`${props.name}`, '')}${record.propPath}`;
+  });
+  emit('change', props.model[props.name], eventData);
 };
 
 const editCodeHandler = () => {
   const [id] = props.model[props.name];
 
-  const dataSource = dataSourceService?.getDataSourceById(id);
+  const dataSource = dataSourceService.getDataSourceById(id);
 
   if (!dataSource) return;
 
diff --git a/packages/editor/src/fields/DataSourceMethods.vue b/packages/editor/src/fields/DataSourceMethods.vue
index 9e05e168..902c7f88 100644
--- a/packages/editor/src/fields/DataSourceMethods.vue
+++ b/packages/editor/src/fields/DataSourceMethods.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="m-editor-data-source-methods">
-    <MagicTable :data="model[name]" :columns="methodColumns"></MagicTable>
+    <MagicTable :data="model[name]" :columns="methodColumns" :border="true"></MagicTable>
 
     <div class="m-editor-data-source-methods-footer">
       <TMagicButton size="small" type="primary" :disabled="disabled" plain @click="createCodeHandler"
@@ -21,33 +21,31 @@
 </template>
 
 <script setup lang="ts">
-import { TMagicButton } from '@tmagic/design';
-import type { FieldProps } from '@tmagic/form';
-import type { CodeBlockContent } from '@tmagic/schema';
+import { nextTick, ref, useTemplateRef } from 'vue';
+import { cloneDeep } from 'lodash-es';
+
+import type { CodeBlockContent } from '@tmagic/core';
+import { TMagicButton, tMagicMessageBox } from '@tmagic/design';
+import type { ContainerChangeEventData, DataSourceMethodsConfig, FieldProps } from '@tmagic/form';
 import { type ColumnConfig, MagicTable } from '@tmagic/table';
 
 import CodeBlockEditor from '@editor/components/CodeBlockEditor.vue';
-import { useDataSourceMethod } from '@editor/hooks/use-data-source-method';
 import type { CodeParamStatement } from '@editor/type';
 
 defineOptions({
   name: 'MFieldsDataSourceMethods',
 });
 
-const props = withDefaults(
-  defineProps<
-    FieldProps<{
-      type: 'data-source-methods';
-    }>
-  >(),
-  {
-    disabled: false,
-  },
-);
+const props = withDefaults(defineProps<FieldProps<DataSourceMethodsConfig>>(), {
+  disabled: false,
+});
 
 const emit = defineEmits(['change']);
 
-const { codeConfig, codeBlockEditor, createCode, editCode, deleteCode, submitCode } = useDataSourceMethod();
+const codeConfig = ref<CodeBlockContent>();
+const codeBlockEditorRef = useTemplateRef<InstanceType<typeof CodeBlockEditor>>('codeBlockEditor');
+
+let editIndex = -1;
 
 const methodColumns: ColumnConfig[] = [
   {
@@ -65,7 +63,7 @@ const methodColumns: ColumnConfig[] = [
   {
     label: '参数',
     prop: 'params',
-    formatter: (params: CodeParamStatement[]) => params.map((item) => item.name).join(', '),
+    formatter: (params: CodeParamStatement[] = []) => params.map((item) => item.name).join(', '),
   },
   {
     label: '操作',
@@ -73,16 +71,31 @@ const methodColumns: ColumnConfig[] = [
     actions: [
       {
         text: '编辑',
-        handler: (row: CodeBlockContent) => {
-          editCode(props.model, row.name);
-          emit('change', props.model[props.name]);
+        handler: (method: CodeBlockContent, index: number) => {
+          let codeContent = method.content || '({ params, dataSource, app }) => {\n  // place your code here\n}';
+
+          if (typeof codeContent !== 'string') {
+            codeContent = codeContent.toString();
+          }
+
+          codeConfig.value = {
+            ...cloneDeep(method),
+            content: codeContent,
+          };
+
+          editIndex = index;
+
+          nextTick(() => {
+            codeBlockEditorRef.value?.show();
+          });
         },
       },
       {
         text: '删除',
         buttonType: 'danger',
-        handler: (row: CodeBlockContent) => {
-          deleteCode(props.model, row.name);
+        handler: async (row: CodeBlockContent, index: number) => {
+          await tMagicMessageBox.confirm(`确定删除${row.name}?`, '提示');
+          props.model[props.name].splice(index, 1);
           emit('change', props.model[props.name]);
         },
       },
@@ -91,14 +104,44 @@ const methodColumns: ColumnConfig[] = [
 ];
 
 const createCodeHandler = () => {
-  createCode(props.model);
+  codeConfig.value = {
+    name: '',
+    content: '({ params, dataSource, app, flowState }) => {\n  // place your code here\n}',
+    params: [],
+  };
 
-  emit('change', props.model[props.name]);
+  editIndex = -1;
+
+  nextTick(() => {
+    codeBlockEditorRef.value?.show();
+  });
 };
 
-const submitCodeHandler = (values: CodeBlockContent) => {
-  submitCode(values);
+const submitCodeHandler = (value: CodeBlockContent, data: ContainerChangeEventData) => {
+  if (editIndex > -1) {
+    emit('change', value, {
+      modifyKey: editIndex,
+      changeRecords: (data.changeRecords || []).map((item) => ({
+        propPath: `${props.prop}.${editIndex}.${item.propPath}`,
+        value: item.value,
+      })),
+    });
+  } else {
+    const modifyKey = props.model[props.name].length;
+    emit('change', value, {
+      modifyKey,
+      changeRecords: [
+        {
+          propPath: `${props.prop}.${modifyKey}`,
+          value,
+        },
+      ],
+    });
+  }
 
-  emit('change', props.model[props.name]);
+  editIndex = -1;
+  codeConfig.value = void 0;
+
+  codeBlockEditorRef.value?.hide();
 };
 </script>
diff --git a/packages/editor/src/fields/DataSourceMocks.vue b/packages/editor/src/fields/DataSourceMocks.vue
index ca715b84..0bc7f237 100644
--- a/packages/editor/src/fields/DataSourceMocks.vue
+++ b/packages/editor/src/fields/DataSourceMocks.vue
@@ -15,7 +15,6 @@
     >
       <template #body>
         <MFormBox
-          ref="addDialog"
           label-width="120px"
           :config="formConfig"
           :values="formValues"
@@ -31,16 +30,16 @@
 <script setup lang="ts">
 import { inject, Ref, ref } from 'vue';
 
+import type { MockSchema } from '@tmagic/core';
 import { TMagicButton, tMagicMessageBox, TMagicSwitch } from '@tmagic/design';
-import { type FieldProps, type FormConfig, type FormState, MFormBox } from '@tmagic/form';
-import type { MockSchema } from '@tmagic/schema';
+import { type DataSourceMocksConfig, type FieldProps, type FormConfig, type FormState, MFormBox } from '@tmagic/form';
 import { type ColumnConfig, MagicTable } from '@tmagic/table';
 import { getDefaultValueFromFields } from '@tmagic/utils';
 
 import FloatingBox from '@editor/components/FloatingBox.vue';
 import { useNextFloatBoxPosition } from '@editor/hooks/use-next-float-box-position';
+import { useServices } from '@editor/hooks/use-services';
 import CodeEditor from '@editor/layouts/CodeEditor.vue';
-import { Services } from '@editor/type';
 
 import { useEditorContentHeight } from '..';
 
@@ -48,20 +47,13 @@ defineOptions({
   name: 'MFieldsDataSourceMocks',
 });
 
-const props = withDefaults(
-  defineProps<
-    FieldProps<{
-      type: 'data-source-mocks';
-    }>
-  >(),
-  {
-    disabled: false,
-  },
-);
+const props = withDefaults(defineProps<FieldProps<DataSourceMocksConfig>>(), {
+  disabled: false,
+});
 
 const emit = defineEmits(['change']);
 
-const services = inject<Services>('services');
+const { uiService } = useServices();
 const width = defineModel<number>('width', { default: 670 });
 
 const drawerTitle = ref('');
@@ -104,7 +96,7 @@ const formConfig: FormConfig = [
     language: 'json',
     options: inject('codeOptions', {}),
     defaultValue: '{}',
-    height: '400px',
+    autosize: { minRows: 30, maxRows: 50 },
     onChange: (formState: FormState | undefined, v: string | any) => {
       if (typeof v !== 'string') return v;
       return JSON.parse(v);
@@ -251,5 +243,5 @@ const toggleValue = (row: MockSchema, key: 'enable' | 'useInEditor', value: bool
 const addDialogVisible = defineModel<boolean>('visible', { default: false });
 const { height: editorHeight } = useEditorContentHeight();
 const parentFloating = inject<Ref<HTMLDivElement | null>>('parentFloating', ref(null));
-const { boxPosition, calcBoxPosition } = useNextFloatBoxPosition(services?.uiService, parentFloating);
+const { boxPosition, calcBoxPosition } = useNextFloatBoxPosition(uiService, parentFloating);
 </script>
diff --git a/packages/editor/src/fields/DataSourceSelect.vue b/packages/editor/src/fields/DataSourceSelect.vue
index dfda2ef8..baafcd3a 100644
--- a/packages/editor/src/fields/DataSourceSelect.vue
+++ b/packages/editor/src/fields/DataSourceSelect.vue
@@ -11,13 +11,11 @@
       @change="changeHandler"
     ></MSelect>
 
-    <TMagicButton
-      v-if="model[name] && hasDataSourceSidePanel"
-      class="m-fields-select-action-button"
-      :size="size"
-      @click="editHandler"
-      ><MIcon :icon="!notEditable ? Edit : View"></MIcon
-    ></TMagicButton>
+    <TMagicTooltip v-if="model[name] && hasDataSourceSidePanel" :content="notEditable ? '查看' : '编辑'">
+      <TMagicButton class="m-fields-select-action-button" :size="size" @click="editHandler"
+        ><MIcon :icon="!notEditable ? Edit : View"></MIcon
+      ></TMagicButton>
+    </TMagicTooltip>
   </div>
 </template>
 
@@ -25,11 +23,19 @@
 import { computed, inject } from 'vue';
 import { Edit, View } from '@element-plus/icons-vue';
 
-import { TMagicButton } from '@tmagic/design';
-import { type FieldProps, filterFunction, type FormState, MSelect, type SelectConfig } from '@tmagic/form';
+import { TMagicButton, TMagicTooltip } from '@tmagic/design';
+import {
+  type DataSourceSelect,
+  type FieldProps,
+  filterFunction,
+  type FormState,
+  MSelect,
+  type SelectConfig,
+} from '@tmagic/form';
 
 import MIcon from '@editor/components/Icon.vue';
-import type { DataSourceSelect, EventBus, Services } from '@editor/type';
+import { useServices } from '@editor/hooks/use-services';
+import type { EventBus } from '@editor/type';
 import { SideItemKey } from '@editor/type';
 
 defineOptions({
@@ -43,15 +49,15 @@ const props = withDefaults(defineProps<FieldProps<DataSourceSelect>>(), {
 });
 
 const mForm = inject<FormState | undefined>('mForm');
-const { dataSourceService, uiService } = inject<Services>('services') || {};
+const { dataSourceService, uiService } = useServices();
 const eventBus = inject<EventBus>('eventBus');
 
-const dataSources = computed(() => dataSourceService?.get('dataSources') || []);
+const dataSources = computed(() => dataSourceService.get('dataSources'));
 
 const notEditable = computed(() => filterFunction(mForm, props.config.notEditable, props));
 
 const hasDataSourceSidePanel = computed(() =>
-  (uiService?.get('sideBarItems') || []).find((item) => item.$key === SideItemKey.DATA_SOURCE),
+  uiService.get('sideBarItems').find((item) => item.$key === SideItemKey.DATA_SOURCE),
 );
 
 const selectConfig = computed<SelectConfig>(() => {
@@ -89,7 +95,7 @@ const editHandler = () => {
 
   const id = typeof value === 'string' ? value : value.dataSourceId;
 
-  const dataSource = dataSourceService?.getDataSourceById(id);
+  const dataSource = dataSourceService.getDataSourceById(id);
 
   if (!dataSource) return;
 
diff --git a/packages/editor/src/fields/DisplayConds.vue b/packages/editor/src/fields/DisplayConds.vue
new file mode 100644
index 00000000..865a8701
--- /dev/null
+++ b/packages/editor/src/fields/DisplayConds.vue
@@ -0,0 +1,173 @@
+<template>
+  <MGroupList
+    style="width: 100%"
+    :config="config"
+    :name="name"
+    :disabled="disabled"
+    :model="model"
+    :last-values="lastValues"
+    :prop="prop"
+    :size="size"
+    @change="changeHandler"
+  ></MGroupList>
+</template>
+
+<script lang="ts" setup>
+import { computed, inject } from 'vue';
+
+import type { DisplayCond } from '@tmagic/core';
+import {
+  type ContainerChangeEventData,
+  type DisplayCondsConfig,
+  type FieldProps,
+  filterFunction,
+  type FormState,
+  type GroupListConfig,
+  MGroupList,
+} from '@tmagic/form';
+
+import { useServices } from '@editor/hooks/use-services';
+import { getCascaderOptionsFromFields, getFieldType } from '@editor/utils';
+
+defineOptions({
+  name: 'm-fields-display-conds',
+});
+
+const emit = defineEmits<{
+  change: [value: DisplayCond[], eventData?: ContainerChangeEventData];
+}>();
+
+const props = withDefaults(defineProps<FieldProps<DisplayCondsConfig>>(), {
+  disabled: false,
+});
+
+const { dataSourceService } = useServices();
+const mForm = inject<FormState | undefined>('mForm');
+
+const parentFields = computed(() => filterFunction<string[]>(mForm, props.config.parentFields, props) || []);
+
+const fieldOnChange = (_formState: FormState | undefined, v: string[], { model }: { model: Record<string, any> }) => {
+  const [id, ...fieldNames] = [...parentFields.value, ...v];
+  const ds = dataSourceService.getDataSourceById(id);
+  const type = getFieldType(ds, fieldNames);
+  if (type === 'number') {
+    model.value = Number(model.value);
+  } else if (type === 'boolean') {
+    model.value = Boolean(model.value);
+  } else if (type === 'null') {
+    model.value = null;
+  } else {
+    model.value = `${model.value}`;
+  }
+  return v;
+};
+
+const config = computed<GroupListConfig>(() => ({
+  type: 'groupList',
+  name: props.name,
+  titlePrefix: props.config.titlePrefix,
+  expandAll: true,
+  items: [
+    {
+      type: 'table',
+      name: 'cond',
+      operateColWidth: 80,
+      enableToggleMode: false,
+      items: [
+        parentFields.value.length
+          ? {
+              type: 'cascader',
+              options: () => {
+                const [dsId, ...keys] = parentFields.value;
+                const ds = dataSourceService.getDataSourceById(dsId);
+                if (!ds) {
+                  return [];
+                }
+
+                let fields = ds.fields || [];
+                keys.forEach((key) => {
+                  const field = fields.find((f) => f.name === key);
+                  fields = field?.fields || [];
+                });
+
+                return getCascaderOptionsFromFields(fields, ['string', 'number', 'boolean', 'any']);
+              },
+              name: 'field',
+              value: 'key',
+              label: '字段',
+              checkStrictly: false,
+              onChange: fieldOnChange,
+            }
+          : {
+              type: 'data-source-field-select',
+              name: 'field',
+              value: 'key',
+              label: '字段',
+              checkStrictly: false,
+              dataSourceFieldType: ['string', 'number', 'boolean', 'any'],
+              onChange: fieldOnChange,
+            },
+        {
+          type: 'cond-op-select',
+          parentFields: parentFields.value,
+          label: '条件',
+          width: 140,
+          name: 'op',
+        },
+        {
+          label: '值',
+          width: 160,
+          items: [
+            {
+              name: 'value',
+              type: (_mForm, { model }) => {
+                const [id, ...fieldNames] = [...parentFields.value, ...model.field];
+                const ds = dataSourceService.getDataSourceById(id);
+                const type = getFieldType(ds, fieldNames);
+
+                if (type === 'number') {
+                  return 'number';
+                }
+
+                if (type === 'boolean') {
+                  return 'select';
+                }
+
+                if (type === 'null') {
+                  return 'display';
+                }
+
+                return 'text';
+              },
+              options: [
+                { text: 'true', value: true },
+                { text: 'false', value: false },
+              ],
+              display: (_mForm, { model }) => !['between', 'not_between'].includes(model.op),
+              displayText: (_mForm: FormState | undefined, { model }: any) => {
+                if (model.value === null) {
+                  return 'null';
+                }
+                return model.value;
+              },
+            },
+            {
+              name: 'range',
+              type: 'number-range',
+              display: (vm, { model }) => ['between', 'not_between'].includes(model.op),
+            },
+          ],
+        },
+      ],
+    },
+  ],
+}));
+
+const changeHandler = (v: DisplayCond[], eventData?: ContainerChangeEventData) => {
+  if (!Array.isArray(props.model[props.name])) {
+    props.model[props.name] = [];
+  }
+
+  emit('change', v, eventData);
+};
+</script>
diff --git a/packages/editor/src/fields/EventSelect.vue b/packages/editor/src/fields/EventSelect.vue
index 863fe0f3..39a87e6c 100644
--- a/packages/editor/src/fields/EventSelect.vue
+++ b/packages/editor/src/fields/EventSelect.vue
@@ -1,15 +1,14 @@
 <template>
   <div class="m-fields-event-select">
-    <m-form-table
+    <MTable
       v-if="isOldVersion"
-      ref="eventForm"
       name="events"
       :size="size"
       :disabled="disabled"
       :model="model"
       :config="tableConfig"
       @change="onChangeHandler"
-    ></m-form-table>
+    ></MTable>
 
     <div v-else class="fullWidth">
       <TMagicButton class="create-button" type="primary" :size="size" :disabled="disabled" @click="addEvent()"
@@ -20,6 +19,7 @@
         :key="index"
         :disabled="disabled"
         :size="size"
+        :prop="`${prop}.${index}`"
         :config="actionsConfig"
         :model="cardItem"
         :label-width="config.labelWidth || '100px'"
@@ -32,7 +32,8 @@
             :model="cardItem"
             :disabled="disabled"
             :size="size"
-            @change="onChangeHandler"
+            :prop="`${prop}.${index}`"
+            @change="eventNameChangeHandler"
           ></MFormContainer>
           <TMagicButton
             style="color: #f56c6c"
@@ -40,7 +41,7 @@
             :icon="Delete"
             :disabled="disabled"
             :size="size"
-            @click="removeEvent(index)"
+            @click="removeEvent(Number(index))"
           ></TMagicButton>
         </template>
       </MPanel>
@@ -49,19 +50,31 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, inject } from 'vue';
+import { computed } from 'vue';
 import { Delete } from '@element-plus/icons-vue';
 import { has } from 'lodash-es';
 
-import type { EventOption } from '@tmagic/core';
+import type { EventOption, MComponent, MContainer } from '@tmagic/core';
+import { ActionType } from '@tmagic/core';
 import { TMagicButton } from '@tmagic/design';
-import type { CascaderOption, ChildConfig, FieldProps, FormState, PanelConfig } from '@tmagic/form';
-import { MContainer as MFormContainer, MPanel } from '@tmagic/form';
-import { ActionType, type MComponent, type MContainer } from '@tmagic/schema';
-import { DATA_SOURCE_FIELDS_CHANGE_EVENT_PREFIX } from '@tmagic/utils';
+import type {
+  CascaderOption,
+  CodeSelectColConfig,
+  ContainerChangeEventData,
+  DataSourceMethodSelectConfig,
+  DynamicTypeConfig,
+  EventSelectConfig,
+  FieldProps,
+  FormState,
+  PanelConfig,
+  TableConfig,
+  UISelectConfig,
+} from '@tmagic/form';
+import { defineFormItem, MContainer as MFormContainer, MPanel, MTable } from '@tmagic/form';
+import { DATA_SOURCE_FIELDS_CHANGE_EVENT_PREFIX, traverseNode } from '@tmagic/utils';
 
-import type { CodeSelectColConfig, DataSourceMethodSelectConfig, EventSelectConfig, Services } from '@editor/type';
-import { getCascaderOptionsFromFields, traverseNode } from '@editor/utils';
+import { useServices } from '@editor/hooks/use-services';
+import { getCascaderOptionsFromFields } from '@editor/utils';
 
 defineOptions({
   name: 'MFieldsEventSelect',
@@ -69,21 +82,18 @@ defineOptions({
 
 const props = defineProps<FieldProps<EventSelectConfig>>();
 
-const emit = defineEmits(['change']);
+const emit = defineEmits<{
+  change: [v: any, eventData?: ContainerChangeEventData];
+}>();
 
-const services = inject<Services>('services');
-
-const editorService = services?.editorService;
-const dataSourceService = services?.dataSourceService;
-const eventsService = services?.eventsService;
-const codeBlockService = services?.codeBlockService;
+const { editorService, dataSourceService, eventsService, codeBlockService, propsService } = useServices();
 
 // 事件名称下拉框表单配置
 const eventNameConfig = computed(() => {
-  const defaultEventNameConfig: ChildConfig = {
+  const defaultEventNameConfig = {
     name: 'name',
     text: '事件',
-    type: (mForm, { formValue }: any) => {
+    type: (mForm: FormState | undefined, { formValue }: any) => {
       if (
         props.config.src !== 'component' ||
         (formValue.type === 'page-fragment-container' && formValue.pageFragmentId)
@@ -98,17 +108,15 @@ const eventNameConfig = computed(() => {
     options: (mForm: FormState, { formValue }: any) => {
       let events: EventOption[] | CascaderOption[] = [];
 
-      if (!eventsService || !dataSourceService) return events;
-
       if (props.config.src === 'component') {
         events = eventsService.getEvent(formValue.type);
 
         if (formValue.type === 'page-fragment-container' && formValue.pageFragmentId) {
-          const pageFragment = editorService?.get('root')?.items?.find((page) => page.id === formValue.pageFragmentId);
+          const pageFragment = editorService.get('root')?.items?.find((page) => page.id === formValue.pageFragmentId);
           if (pageFragment) {
             events = [
               {
-                label: pageFragment.name || '迭代器容器',
+                label: pageFragment.name || '页面片容器',
                 value: pageFragment.id,
                 children: events,
               },
@@ -166,41 +174,52 @@ const actionTypeConfig = computed(() => {
     text: '联动类型',
     type: 'select',
     defaultValue: ActionType.COMP,
-    options: () => [
-      {
-        text: '组件',
-        label: '组件',
-        value: ActionType.COMP,
-      },
-      {
-        text: '代码',
-        label: '代码',
-        disabled: !Object.keys(codeBlockService?.getCodeDsl() || {}).length,
-        value: ActionType.CODE,
-      },
-      {
-        text: '数据源',
-        label: '数据源',
-        disabled: !dataSourceService
-          ?.get('dataSources')
-          ?.filter((ds) => ds.methods?.length || dataSourceService?.getFormMethod(ds.type).length).length,
-        value: ActionType.DATA_SOURCE,
-      },
-    ],
+    options: () => {
+      const o: {
+        text: string;
+        label: string;
+        value: string;
+        disabled?: boolean;
+      }[] = [
+        {
+          text: '组件',
+          label: '组件',
+          value: ActionType.COMP,
+        },
+      ];
+
+      if (!propsService.getDisabledCodeBlock()) {
+        o.push({
+          text: '代码',
+          label: '代码',
+          disabled: !Object.keys(codeBlockService.getCodeDsl() || {}).length,
+          value: ActionType.CODE,
+        });
+      }
+
+      if (!propsService.getDisabledDataSource()) {
+        o.push({
+          text: '数据源',
+          label: '数据源',
+          value: ActionType.DATA_SOURCE,
+        });
+      }
+
+      return o;
+    },
   };
   return { ...defaultActionTypeConfig, ...props.config.actionTypeConfig };
 });
 
 // 联动组件配置
 const targetCompConfig = computed(() => {
-  const defaultTargetCompConfig = {
+  const defaultTargetCompConfig: UISelectConfig = {
     name: 'to',
     text: '联动组件',
     type: 'ui-select',
-    display: (mForm: FormState, { model }: { model: Record<any, any> }) => model.actionType === ActionType.COMP,
-    onChange: (MForm: FormState, v: string, { model }: any) => {
-      model.method = '';
-      return v;
+    display: (_mForm, { model }) => model.actionType === ActionType.COMP,
+    onChange: (_MForm, _v, { setModel }) => {
+      setModel('method', '');
     },
   };
   return { ...defaultTargetCompConfig, ...props.config.targetCompConfig };
@@ -208,11 +227,11 @@ const targetCompConfig = computed(() => {
 
 // 联动组件动作配置
 const compActionConfig = computed(() => {
-  const defaultCompActionConfig: ChildConfig = {
+  const defaultCompActionConfig: DynamicTypeConfig = {
     name: 'method',
     text: '动作',
-    type: (mForm, { model }: any) => {
-      const to = editorService?.getNodeById(model.to);
+    type: (mForm: FormState | undefined, { model }: any) => {
+      const to = editorService.getNodeById(model.to);
 
       if (to && to.type === 'page-fragment-container' && to.pageFragmentId) {
         return 'cascader';
@@ -221,22 +240,22 @@ const compActionConfig = computed(() => {
       return 'select';
     },
     checkStrictly: () => props.config.src !== 'component',
-    display: (mForm, { model }: any) => model.actionType === ActionType.COMP,
+    display: (mForm: FormState | undefined, { model }: any) => model.actionType === ActionType.COMP,
     options: (mForm: FormState, { model }: any) => {
-      const node = editorService?.getNodeById(model.to);
+      const node = editorService.getNodeById(model.to);
       if (!node?.type) return [];
 
       let methods: EventOption[] | CascaderOption[] = [];
 
-      methods = eventsService?.getMethod(node.type) || [];
+      methods = eventsService.getMethod(node.type, model.to);
 
       if (node.type === 'page-fragment-container' && node.pageFragmentId) {
-        const pageFragment = editorService?.get('root')?.items?.find((page) => page.id === node.pageFragmentId);
+        const pageFragment = editorService.get('root')?.items?.find((page) => page.id === node.pageFragmentId);
         if (pageFragment) {
           methods = [];
           pageFragment.items.forEach((node: MComponent | MContainer) => {
             traverseNode<MComponent | MContainer>(node, (node) => {
-              const nodeMethods = (node.type && eventsService?.getMethod(node.type)) || [];
+              const nodeMethods = (node.type && eventsService.getMethod(node.type, node.id)) || [];
 
               if (nodeMethods.length) {
                 methods.push({
@@ -267,7 +286,7 @@ const codeActionConfig = computed(() => {
     type: 'code-select-col',
     text: '代码块',
     name: 'codeId',
-    notEditable: () => !codeBlockService?.getEditStatus(),
+    notEditable: () => !codeBlockService.getEditStatus(),
     display: (mForm, { model }) => model.actionType === ActionType.CODE,
   };
   return { ...defaultCodeActionConfig, ...props.config.codeActionConfig };
@@ -279,69 +298,75 @@ const dataSourceActionConfig = computed(() => {
     type: 'data-source-method-select',
     text: '数据源方法',
     name: 'dataSourceMethod',
-    notEditable: () => !services?.dataSourceService.get('editable'),
+    notEditable: () => !dataSourceService.get('editable'),
     display: (mForm, { model }) => model.actionType === ActionType.DATA_SOURCE,
   };
   return { ...defaultDataSourceActionConfig, ...props.config.dataSourceActionConfig };
 });
 
 // 兼容旧的数据格式
-const tableConfig = computed(() => ({
-  type: 'table',
-  name: 'events',
-  items: [
-    {
-      name: 'name',
-      label: '事件名',
-      type: eventNameConfig.value.type,
-      options: (mForm: FormState, { formValue }: any) =>
-        eventsService?.getEvent(formValue.type).map((option: any) => ({
-          text: option.label,
-          value: option.value,
-        })),
-    },
-    {
-      name: 'to',
-      label: '联动组件',
-      type: 'ui-select',
-    },
-    {
-      name: 'method',
-      label: '动作',
-      type: compActionConfig.value.type,
-      options: (mForm: FormState, { model }: any) => {
-        const node = editorService?.getNodeById(model.to);
-        if (!node?.type) return [];
+const tableConfig = computed(
+  () =>
+    defineFormItem({
+      type: 'table',
+      name: 'events',
+      items: [
+        {
+          name: 'name',
+          label: '事件名',
+          type: eventNameConfig.value.type,
+          options: (mForm: FormState, { formValue }: any) =>
+            eventsService.getEvent(formValue.type).map((option: any) => ({
+              text: option.label,
+              value: option.value,
+            })),
+        },
+        {
+          name: 'to',
+          label: '联动组件',
+          type: 'ui-select',
+        },
+        {
+          name: 'method',
+          label: '动作',
+          type: compActionConfig.value.type,
+          options: (mForm: FormState, { model }: any) => {
+            const node = editorService.getNodeById(model.to);
+            if (!node?.type) return [];
 
-        return eventsService?.getMethod(node.type).map((option: any) => ({
-          text: option.label,
-          value: option.value,
-        }));
-      },
-    },
-  ],
-}));
+            return eventsService.getMethod(node.type, model.to).map((option: any) => ({
+              text: option.label,
+              value: option.value,
+            }));
+          },
+        },
+      ],
+    }) as TableConfig,
+);
 
 // 组件动作组表单配置
-const actionsConfig = computed<PanelConfig>(() => ({
-  type: 'panel',
-  items: [
-    {
-      type: 'group-list',
-      name: 'actions',
-      expandAll: true,
-      enableToggleMode: false,
-      titlePrefix: '动作',
+const actionsConfig = computed(
+  () =>
+    defineFormItem({
+      type: 'panel',
       items: [
-        actionTypeConfig.value,
-        targetCompConfig.value,
-        compActionConfig.value,
-        codeActionConfig.value,
-        dataSourceActionConfig.value,
+        {
+          type: 'group-list',
+          name: 'actions',
+          expandAll: true,
+          enableToggleMode: false,
+          titlePrefix: '动作',
+          items: [
+            actionTypeConfig.value,
+            targetCompConfig.value,
+            compActionConfig.value,
+            codeActionConfig.value,
+            dataSourceActionConfig.value,
+          ],
+        },
       ],
-    },
-  ],
-}));
+    }) as PanelConfig,
+);
 
 // 是否为旧的数据格式
 const isOldVersion = computed(() => {
@@ -355,21 +380,27 @@ const addEvent = () => {
     name: '',
     actions: [],
   };
+
   if (!props.model[props.name]) {
     props.model[props.name] = [];
   }
-  props.model[props.name].push(defaultEvent);
-  onChangeHandler();
+
+  emit('change', defaultEvent, {
+    modifyKey: props.model[props.name].length,
+  });
 };
 
 // 删除事件
 const removeEvent = (index: number) => {
   if (!props.name) return;
   props.model[props.name].splice(index, 1);
-  onChangeHandler();
+  emit('change', props.model[props.name]);
 };
 
-const onChangeHandler = () => {
-  emit('change', props.model);
+const eventNameChangeHandler = (v: any, eventData: ContainerChangeEventData) => {
+  emit('change', props.model[props.name], eventData);
 };
+
+const onChangeHandler = (v: any, eventData: ContainerChangeEventData) =>
+  emit('change', props.model[props.name], eventData);
 </script>
diff --git a/packages/editor/src/fields/KeyValue.vue b/packages/editor/src/fields/KeyValue.vue
index 48c89e9c..d9632ddf 100644
--- a/packages/editor/src/fields/KeyValue.vue
+++ b/packages/editor/src/fields/KeyValue.vue
@@ -9,7 +9,7 @@
           :size="size"
           @change="keyChangeHandler"
         ></TMagicInput>
-        <span class="m-fileds-key-value-delimiter">:</span>
+        <span class="m-fields-key-value-delimiter">:</span>
         <TMagicInput
           placeholder="value"
           v-model="records[index][1]"
@@ -19,7 +19,7 @@
         ></TMagicInput>
 
         <TMagicButton
-          class="m-fileds-key-value-delete"
+          class="m-fields-key-value-delete"
           type="danger"
           :size="size"
           :disabled="disabled"
@@ -37,12 +37,16 @@
 
     <MagicCodeEditor
       v-if="config.advanced && showCode"
-      height="200px"
+      editor-custom-type="m-fields-key-value"
+      language="javascript"
       :init-values="model[name]"
-      language="json"
       :options="{
         readOnly: disabled,
       }"
+      :autosize="{
+        minRows: 1,
+        maxRows: 20,
+      }"
       :parse="true"
       @save="save"
     ></MagicCodeEditor>
@@ -63,7 +67,7 @@ import { ref, watchEffect } from 'vue';
 import { Delete, Plus } from '@element-plus/icons-vue';
 
 import { TMagicButton, TMagicInput } from '@tmagic/design';
-import type { FieldProps, FormItem } from '@tmagic/form';
+import type { FieldProps, KeyValueConfig } from '@tmagic/form';
 
 import CodeIcon from '@editor/icons/CodeIcon.vue';
 import MagicCodeEditor from '@editor/layouts/CodeEditor.vue';
@@ -72,36 +76,31 @@ defineOptions({
   name: 'MFieldsKeyValue',
 });
 
-const props = withDefaults(
-  defineProps<
-    FieldProps<
-      {
-        type: 'key-value';
-        advanced?: boolean;
-      } & FormItem
-    >
-  >(),
-  {
-    disabled: false,
-  },
-);
+const props = withDefaults(defineProps<FieldProps<KeyValueConfig>>(), {
+  disabled: false,
+});
 
-const emit = defineEmits<(e: 'change', value: Record<string, any>) => void>();
+const emit = defineEmits<{
+  change: [value: Record<string, any>];
+}>();
 
 const records = ref<[string, string][]>([]);
 const showCode = ref(false);
 
 watchEffect(() => {
-  const initValues: [string, any][] = Object.entries(props.model[props.name] || {});
+  if (typeof props.model[props.name] === 'function') {
+    showCode.value = true;
+  } else {
+    const initValues: [string, any][] = Object.entries(props.model[props.name] || {});
 
-  for (const [, value] of initValues) {
-    if (typeof value !== 'string') {
-      showCode.value = true;
-      break;
+    for (const [, value] of initValues) {
+      if (typeof value !== 'string') {
+        showCode.value = true;
+        break;
+      }
     }
+    records.value = initValues;
   }
-
-  records.value = initValues;
 });
 
 const getValue = () => {
diff --git a/packages/editor/src/fields/PageFragmentSelect.vue b/packages/editor/src/fields/PageFragmentSelect.vue
index e73b2fb8..a3efbded 100644
--- a/packages/editor/src/fields/PageFragmentSelect.vue
+++ b/packages/editor/src/fields/PageFragmentSelect.vue
@@ -2,13 +2,16 @@
   <div class="m-fields-page-fragment-select">
     <div class="page-fragment-select-container">
       <!-- 页面片下拉框 -->
-      <m-form-container
+      <MSelect
         class="select"
         :config="selectConfig"
         :model="model"
+        :name="name"
         :size="size"
+        :prop="prop"
+        :disabled="disabled"
         @change="changeHandler"
-      ></m-form-container>
+      ></MSelect>
       <!-- 编辑按钮 -->
       <Icon v-if="model[name]" class="icon" :icon="Edit" @click="editPageFragment(model[name])"></Icon>
     </div>
@@ -16,32 +19,32 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, inject } from 'vue';
+import { computed } from 'vue';
 import { Edit } from '@element-plus/icons-vue';
 
-import { FieldProps } from '@tmagic/form';
-import { Id, NodeType } from '@tmagic/schema';
+import { Id, NodeType } from '@tmagic/core';
+import { FieldProps, MSelect, type PageFragmentSelectConfig, type SelectConfig } from '@tmagic/form';
 
 import Icon from '@editor/components/Icon.vue';
-import type { PageFragmentSelectConfig, Services } from '@editor/type';
+import { useServices } from '@editor/hooks/use-services';
 
 defineOptions({
   name: 'MFieldsPageFragmentSelect',
 });
 
-const services = inject<Services>('services');
+const { editorService } = useServices();
 const emit = defineEmits(['change']);
 
-const props = withDefaults(defineProps<FieldProps<PageFragmentSelectConfig>>(), {
+withDefaults(defineProps<FieldProps<PageFragmentSelectConfig>>(), {
   disabled: false,
 });
+
 const pageList = computed(() =>
-  services?.editorService.get('root')?.items.filter((item) => item.type === NodeType.PAGE_FRAGMENT),
+  editorService.get('root')?.items.filter((item) => item.type === NodeType.PAGE_FRAGMENT),
 );
 
-const selectConfig = {
+const selectConfig: SelectConfig = {
   type: 'select',
-  name: props.name,
   options: () => {
     if (pageList.value) {
       return pageList.value.map((item) => ({
@@ -53,11 +56,11 @@ const selectConfig = {
     return [];
   },
 };
-const changeHandler = async () => {
-  emit('change', props.model[props.name]);
+const changeHandler = (v: Id) => {
+  emit('change', v);
 };
 
 const editPageFragment = (id: Id) => {
-  services?.editorService.select(id);
+  editorService.select(id);
 };
 </script>
diff --git a/packages/editor/src/fields/StyleSetter/Index.vue b/packages/editor/src/fields/StyleSetter/Index.vue
new file mode 100644
index 00000000..90f5e093
--- /dev/null
+++ b/packages/editor/src/fields/StyleSetter/Index.vue
@@ -0,0 +1,77 @@
+<template>
+  <TMagicCollapse class="m-fields-style-setter" v-model="collapseValue">
+    <template v-for="(item, index) in list" :key="index">
+      <TMagicCollapseItem :name="`${index}`">
+        <template #title><MIcon :icon="Grid"></MIcon>{{ item.title }}</template>
+        <component
+          v-if="item.component"
+          :is="item.component"
+          :values="model[name]"
+          :size="size"
+          :disabled="disabled"
+          @change="change"
+        ></component>
+      </TMagicCollapseItem>
+    </template>
+  </TMagicCollapse>
+</template>
+
+<script setup lang="ts">
+import { shallowRef } from 'vue';
+import { Grid } from '@element-plus/icons-vue';
+
+import { TMagicCollapse, TMagicCollapseItem } from '@tmagic/design';
+import type { ContainerChangeEventData, FieldProps } from '@tmagic/form';
+import type { StyleSchema } from '@tmagic/schema';
+
+import MIcon from '@editor/components/Icon.vue';
+
+import { Background, Border, Font, Layout, Position } from './pro/';
+
+defineOptions({
+  name: 'MFieldsStyleSetter',
+});
+
+const props = defineProps<FieldProps<StyleSchema>>();
+
+const emit = defineEmits<{
+  change: [v: any, eventData: ContainerChangeEventData];
+}>();
+
+const list = [
+  {
+    name: 'font',
+    title: '布局',
+    component: Layout,
+  },
+  {
+    title: '位置',
+    component: Position,
+  },
+  {
+    title: '背景',
+    component: Background,
+  },
+  {
+    title: '文字',
+    component: Font,
+  },
+  {
+    title: '边框与圆角',
+    component: Border,
+  },
+];
+
+const collapseValue = shallowRef(
+  Array(list.length)
+    .fill(1)
+    .map((x, i) => `${i}`),
+);
+
+const change = (v: any, eventData: ContainerChangeEventData) => {
+  eventData.changeRecords?.forEach((record) => {
+    record.propPath = `${props.name}.${record.propPath}`;
+  });
+  emit('change', v, eventData);
+};
+</script>
diff --git a/packages/editor/src/fields/StyleSetter/components/BackgroundPosition.vue b/packages/editor/src/fields/StyleSetter/components/BackgroundPosition.vue
new file mode 100644
index 00000000..67a8ef2a
--- /dev/null
+++ b/packages/editor/src/fields/StyleSetter/components/BackgroundPosition.vue
@@ -0,0 +1,79 @@
+<template>
+  <div class="background-position-container">
+    <div class="presets-value-list">
+      <TMagicButton
+        v-for="(item, index) in list"
+        :key="index"
+        link
+        :class="model[name] === item.value && 'btn-active'"
+        :disabled="disabled"
+        @click="changeHandler(item.value)"
+      >
+        <div :class="['position-icon', item.class, model[name] === item.value && 'active']"></div>
+      </TMagicButton>
+    </div>
+    <div class="custom-value">
+      <TMagicInput
+        v-model="model[name]"
+        placeholder="自定义背景位置"
+        clearable
+        :size="size"
+        :disabled="disabled"
+        @change="changeHandler"
+      >
+      </TMagicInput>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { TMagicButton, TMagicInput } from '@tmagic/design';
+import type { FieldProps, StyleSetterConfig } from '@tmagic/form';
+
+const emit = defineEmits(['change']);
+defineProps<FieldProps<StyleSetterConfig>>();
+
+const horizontalList = [
+  {
+    value: 'left',
+    text: '左',
+  },
+  {
+    value: 'center',
+    text: '中',
+  },
+  {
+    value: 'right',
+    text: '右',
+  },
+];
+
+const verticalList = [
+  {
+    value: 'top',
+    text: '上',
+  },
+  {
+    value: 'center',
+    text: '中',
+  },
+  {
+    value: 'bottom',
+    text: '下',
+  },
+];
+
+const list = verticalList
+  .map((vertical) =>
+    horizontalList.map((horizontal) => ({
+      value: `${horizontal.value} ${vertical.value}`,
+      tips: `${horizontal.text}${vertical.text}`,
+      class: `${horizontal.value}-${vertical.value}`,
+    })),
+  )
+  .flat();
+
+const changeHandler = (v: string) => {
+  emit('change', v);
+};
+</script>
diff --git a/packages/editor/src/fields/StyleSetter/components/Border.vue b/packages/editor/src/fields/StyleSetter/components/Border.vue
new file mode 100644
index 00000000..6b7e4b52
--- /dev/null
+++ b/packages/editor/src/fields/StyleSetter/components/Border.vue
@@ -0,0 +1,107 @@
+<template>
+  <div class="border-box-container">
+    <div class="border-icon-container">
+      <div class="border-icon-container-row">
+        <div
+          class="border-icon border-icon-top"
+          :class="{ active: direction === 'Top' }"
+          @click="selectDirection('Top')"
+        ></div>
+      </div>
+      <div class="border-icon-container-row">
+        <div
+          class="border-icon border-icon-left"
+          :class="{ active: direction === 'Left' }"
+          @click="selectDirection('Left')"
+        ></div>
+        <div class="border-icon" :class="{ active: direction === '' }" @click="selectDirection()"></div>
+        <div
+          class="border-icon border-icon-right"
+          :class="{ active: direction === 'Right' }"
+          @click="selectDirection('Right')"
+        ></div>
+      </div>
+      <div class="border-icon-container-row">
+        <div
+          class="border-icon border-icon-bottom"
+          :class="{ active: direction === 'Bottom' }"
+          @click="selectDirection('Bottom')"
+        ></div>
+      </div>
+    </div>
+    <div class="border-value-container">
+      <MContainer :config="config" :model="model" :size="size" :disabled="disabled" @change="change"></MContainer>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { computed, ref } from 'vue';
+
+import type { ContainerChangeEventData, FormValue } from '@tmagic/form';
+import { defineFormItem, MContainer } from '@tmagic/form';
+import type { StyleSchema } from '@tmagic/schema';
+
+const direction = ref('');
+
+const config = computed(() =>
+  defineFormItem({
+    items: [
+      {
+        name: `border${direction.value}Width`,
+        text: '边框宽度',
+        labelWidth: '68px',
+        type: 'data-source-field-select',
+        fieldConfig: {
+          type: 'text',
+        },
+      },
+      {
+        name: `border${direction.value}Color`,
+        text: '边框颜色',
+        labelWidth: '68px',
+        type: 'data-source-field-select',
+        fieldConfig: {
+          type: 'colorPicker',
+        },
+      },
+      {
+        name: `border${direction.value}Style`,
+        text: '边框样式',
+        labelWidth: '68px',
+        type: 'data-source-field-select',
+        fieldConfig: {
+          type: 'select',
+          options: ['solid', 'dashed', 'dotted'].map((item) => ({
+            value: item,
+            text: item,
+          })),
+        },
+      },
+    ],
+  }),
+);
+
+const selectDirection = (d?: string) => (direction.value = d || '');
+
+const emit = defineEmits<{
+  change: [v: StyleSchema, eventData: ContainerChangeEventData];
+}>();
+
+withDefaults(
+  defineProps<{
+    model: FormValue;
+    disabled?: boolean;
+    size?: 'large' | 'default' | 'small';
+  }>(),
+  {},
+);
+
+const change = (value: StyleSchema, eventData: ContainerChangeEventData) => {
+  eventData.changeRecords?.forEach((record) => {
+    emit('change', record.value, {
+      modifyKey: record.propPath,
+    });
+  });
+};
+</script>
diff --git a/packages/editor/src/fields/StyleSetter/components/Box.vue b/packages/editor/src/fields/StyleSetter/components/Box.vue
new file mode 100644
index 00000000..396fd591
--- /dev/null
+++ b/packages/editor/src/fields/StyleSetter/components/Box.vue
@@ -0,0 +1,76 @@
+<template>
+  <div class="layout-box-container">
+    <div v-for="(item, index) in list" :key="index" :class="item.class">
+      <span class="help-txt" v-if="item.text">{{ item.text }}</span>
+      <span class="next-input">
+        <input
+          :model-value="model[item.name]"
+          placeholder="0"
+          :title="model[item.name]"
+          :disabled="disabled"
+          @change="change($event, item.name)"
+        />
+      </span>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { ContainerChangeEventData, FormValue } from '@tmagic/form';
+
+const list = [
+  {
+    name: 'marginTop',
+    class: 'outer-top-border',
+  },
+  {
+    name: 'marginRight',
+    class: 'outer-right-border',
+  },
+  {
+    name: 'marginBottom',
+    text: 'MARGIN',
+    class: 'outer-bottom-border',
+  },
+  {
+    name: 'marginLeft',
+    class: 'outer-left-border',
+  },
+  {
+    name: 'paddingTop',
+    class: 'inner-top-border',
+  },
+  {
+    name: 'paddingRight',
+    class: 'inner-right-border',
+  },
+  {
+    name: 'paddingBottom',
+    text: 'PADDING',
+    class: 'inner-bottom-border',
+  },
+  {
+    name: 'paddingLeft',
+    class: 'inner-left-border',
+  },
+];
+
+const emit = defineEmits<{
+  change: [v: string, eventData: ContainerChangeEventData];
+}>();
+
+withDefaults(
+  defineProps<{
+    disabled?: boolean;
+    size?: 'large' | 'default' | 'small';
+    model: FormValue;
+  }>(),
+  {},
+);
+
+const change = (event: Event, name: string) => {
+  emit('change', (event.target as HTMLInputElement).value, {
+    modifyKey: name,
+  });
+};
+</script>
diff --git a/packages/editor/src/fields/StyleSetter/components/Position.vue b/packages/editor/src/fields/StyleSetter/components/Position.vue
new file mode 100644
index 00000000..5621292e
--- /dev/null
+++ b/packages/editor/src/fields/StyleSetter/components/Position.vue
@@ -0,0 +1,57 @@
+<template>
+  <div class="layout-box-container">
+    <div v-for="(item, index) in list" :key="index" :class="item.class">
+      <span class="next-input">
+        <input
+          :model-value="model[item.name]"
+          placeholder="0"
+          :title="model[item.name]"
+          :disabled="disabled"
+          @change="change($event, item.name)"
+        />
+      </span>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { ContainerChangeEventData, FormValue } from '@tmagic/form';
+
+const list = [
+  {
+    name: 'top',
+    class: 'outer-top-border',
+  },
+  {
+    name: 'right',
+    class: 'outer-right-border',
+  },
+  {
+    name: 'bottom',
+    class: 'outer-bottom-border',
+  },
+  {
+    name: 'left',
+    class: 'outer-left-border',
+  },
+];
+
+const emit = defineEmits<{
+  change: [v: string, eventData: ContainerChangeEventData];
+}>();
+
+withDefaults(
+  defineProps<{
+    model: FormValue;
+    disabled?: boolean;
+    size?: 'large' | 'default' | 'small';
+  }>(),
+  {},
+);
+
+const change = (event: Event, name: string) => {
+  emit('change', (event.target as HTMLInputElement).value, {
+    modifyKey: name,
+  });
+};
+</script>
diff --git a/packages/editor/src/fields/StyleSetter/icons/background-position/LeftBottom.vue b/packages/editor/src/fields/StyleSetter/icons/background-position/LeftBottom.vue
new file mode 100644
index 00000000..c0efd483
--- /dev/null
+++ b/packages/editor/src/fields/StyleSetter/icons/background-position/LeftBottom.vue
@@ -0,0 +1,7 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+    <path
+      d="M960 128a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H64a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64h896z m0 64H64v640h896V192z m-96 64a32 32 0 0 1 32 32v448a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V288a32 32 0 0 1 32-32h704z"
+    ></path>
+  </svg>
+</template>
diff --git a/packages/editor/src/fields/StyleSetter/icons/background-position/LeftCenter.vue b/packages/editor/src/fields/StyleSetter/icons/background-position/LeftCenter.vue
new file mode 100644
index 00000000..c0efd483
--- /dev/null
+++ b/packages/editor/src/fields/StyleSetter/icons/background-position/LeftCenter.vue
@@ -0,0 +1,7 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+    <path
+      d="M960 128a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H64a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64h896z m0 64H64v640h896V192z m-96 64a32 32 0 0 1 32 32v448a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V288a32 32 0 0 1 32-32h704z"
+    ></path>
+  </svg>
+</template>
diff --git a/packages/editor/src/fields/StyleSetter/icons/background-position/LeftTop.vue b/packages/editor/src/fields/StyleSetter/icons/background-position/LeftTop.vue
new file mode 100644
index 00000000..c3fa51c9
--- /dev/null
+++ b/packages/editor/src/fields/StyleSetter/icons/background-position/LeftTop.vue
@@ -0,0 +1,12 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+    <path
+      d="M1024 0v1024H0V0h1024z m-73.142857 73.142857H73.142857v877.714286h877.714286V73.142857z"
+      fill="#1D1F24"
+    ></path>
+    <path
+      d="M512 219.428571v292.571429H219.428571V219.428571h292.571429zM438.857143 292.571429H292.571429v146.285714h146.285714V292.571429z"
+      fill="#1D1F24"
+    ></path>
+  </svg>
+</template>
diff --git a/packages/editor/src/fields/StyleSetter/icons/background-position/index.ts b/packages/editor/src/fields/StyleSetter/icons/background-position/index.ts
new file mode 100644
index 00000000..8b075039
--- /dev/null
+++ b/packages/editor/src/fields/StyleSetter/icons/background-position/index.ts
@@ -0,0 +1,3 @@
+export { default as BackgroundPositionLeftTop } from './LeftTop.vue';
+export { default as DisplayFlex } from './Flex.vue';
+export { default as DisplayInline } from './Inline.vue';
diff --git a/packages/editor/src/fields/StyleSetter/icons/background-repeat/NoRepeat.vue b/packages/editor/src/fields/StyleSetter/icons/background-repeat/NoRepeat.vue
new file mode 100644
index 00000000..735fefa4
--- /dev/null
+++ b/packages/editor/src/fields/StyleSetter/icons/background-repeat/NoRepeat.vue
@@ -0,0 +1,8 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+    <path
+      d="M912.526651 867.741144 555.540144 510.712681l356.986507-357.000833c11.171434-11.18576 11.171434-29.257348 0-40.443108-11.20111-11.18576-29.272697-11.18576-40.444131 0L515.096013 470.267527 158.096203 113.267716c-11.187807-11.159154-29.258371-11.159154-40.444131 0-11.186783 11.186783-11.186783 29.286 0 40.47176L474.623229 510.712681 117.623419 867.741144c-11.159154 11.172457-11.159154 29.216415 0 40.443108 11.18576 11.17348 29.284977 11.17348 40.47176 0l357.000833-357.027439 356.985484 357.027439c11.171434 11.17348 29.243021 11.17348 40.444131 0C923.698085 896.957559 923.725714 878.913601 912.526651 867.741144z"
+      fill="#5D5D5D"
+    ></path>
+  </svg>
+</template>
diff --git a/packages/editor/src/fields/StyleSetter/icons/background-repeat/Repeat.vue b/packages/editor/src/fields/StyleSetter/icons/background-repeat/Repeat.vue
new file mode 100644
index 00000000..23fc93f7
--- /dev/null
+++ b/packages/editor/src/fields/StyleSetter/icons/background-repeat/Repeat.vue
@@ -0,0 +1,31 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+    <path
+      d="M884.736 102.4l-147.456 0c-20.48 0-36.864 16.384-36.864 36.864l0 147.456C696.32 311.296 712.704 327.68 733.184 327.68l147.456 0c20.48 0 36.864-16.384 36.864-36.864L917.504 139.264C921.6 118.784 905.216 102.4 884.736 102.4zM884.736 290.816l-147.456 0L737.28 139.264l147.456 0L884.736 290.816z"
+    ></path>
+    <path
+      d="M884.736 696.32l-147.456 0c-20.48 0-36.864 16.384-36.864 36.864l0 147.456c0 20.48 16.384 36.864 36.864 36.864l147.456 0c20.48 0 36.864-16.384 36.864-36.864l0-147.456C921.6 712.704 905.216 696.32 884.736 696.32zM884.736 884.736l-147.456 0 0-147.456 147.456 0L884.736 884.736z"
+    ></path>
+    <path
+      d="M884.736 401.408l-147.456 0c-20.48 0-36.864 16.384-36.864 36.864l0 147.456c0 20.48 16.384 36.864 36.864 36.864l147.456 0c20.48 0 36.864-16.384 36.864-36.864l0-147.456C921.6 417.792 905.216 401.408 884.736 401.408zM884.736 585.728l-147.456 0 0-147.456 147.456 0L884.736 585.728z"
+    ></path>
+    <path
+      d="M585.728 401.408l-147.456 0c-20.48 0-36.864 16.384-36.864 36.864l0 147.456c0 20.48 16.384 36.864 36.864 36.864l147.456 0c20.48 0 36.864-16.384 36.864-36.864l0-147.456C622.592 417.792 606.208 401.408 585.728 401.408zM585.728 585.728l-147.456 0 0-147.456 147.456 0L585.728 585.728z"
+    ></path>
+    <path
+      d="M585.728 102.4l-147.456 0c-20.48 0-36.864 16.384-36.864 36.864l0 147.456c0 20.48 16.384 36.864 36.864 36.864l147.456 0c20.48 0 36.864-16.384 36.864-36.864L622.592 139.264C622.592 118.784 606.208 102.4 585.728 102.4zM585.728 290.816l-147.456 0L438.272 139.264l147.456 0L585.728 290.816z"
+    ></path>
+    <path
+      d="M585.728 696.32l-147.456 0c-20.48 0-36.864 16.384-36.864 36.864l0 147.456c0 20.48 16.384 36.864 36.864 36.864l147.456 0c20.48 0 36.864-16.384 36.864-36.864l0-147.456C622.592 712.704 606.208 696.32 585.728 696.32zM585.728 884.736l-147.456 0 0-147.456 147.456 0L585.728 884.736z"
+    ></path>
+    <path
+      d="M290.816 696.32 139.264 696.32c-20.48 0-36.864 16.384-36.864 36.864l0 147.456c0 20.48 16.384 36.864 36.864 36.864l147.456 0c20.48 0 36.864-16.384 36.864-36.864l0-147.456C327.68 712.704 311.296 696.32 290.816 696.32zM290.816 884.736 139.264 884.736l0-147.456 147.456 0L286.72 884.736z"
+    ></path>
+    <path
+      d="M290.816 401.408 139.264 401.408c-20.48 0-36.864 16.384-36.864 36.864l0 147.456c0 20.48 16.384 36.864 36.864 36.864l147.456 0c20.48 0 36.864-16.384 36.864-36.864l0-147.456C327.68 417.792 311.296 401.408 290.816 401.408zM290.816 585.728 139.264 585.728l0-147.456 147.456 0L286.72 585.728z"
+    ></path>
+    <path
+      d="M290.816 102.4 139.264 102.4c-20.48 0-36.864 16.384-36.864 36.864l0 147.456C102.4 311.296 118.784 327.68 139.264 327.68l147.456 0C311.296 327.68 327.68 311.296 327.68 290.816L327.68 139.264C327.68 118.784 311.296 102.4 290.816 102.4zM290.816 290.816 139.264 290.816 139.264 139.264l147.456 0L286.72 290.816z"
+    ></path>
+  </svg>
+</template>
diff --git a/packages/editor/src/fields/StyleSetter/icons/background-repeat/RepeatX.vue b/packages/editor/src/fields/StyleSetter/icons/background-repeat/RepeatX.vue
new file mode 100644
index 00000000..0d860375
--- /dev/null
+++ b/packages/editor/src/fields/StyleSetter/icons/background-repeat/RepeatX.vue
@@ -0,0 +1,8 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+    <path
+      d="M796.444444 170.666667h-227.555555v682.666666h227.555555V170.666667z m-56.888888 625.777777h-113.777778V227.555556h113.777778v568.888888zM455.111111 170.666667H227.555556v682.666666h227.555555V170.666667zM398.222222 796.444444H284.444444V227.555556h113.777778v568.888888zM910.222222 56.888889h56.888889v910.222222h-56.888889zM56.888889 56.888889h56.888889v910.222222H56.888889z"
+      fill="#333333"
+    ></path>
+  </svg>
+</template>
diff --git a/packages/editor/src/fields/StyleSetter/icons/background-repeat/RepeatY.vue b/packages/editor/src/fields/StyleSetter/icons/background-repeat/RepeatY.vue
new file mode 100644
index 00000000..3ef25430
--- /dev/null
+++ b/packages/editor/src/fields/StyleSetter/icons/background-repeat/RepeatY.vue
@@ -0,0 +1,8 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+    <path
+      d="M170.666667 227.555556v227.555555h682.666666V227.555556H170.666667z m625.777777 56.888888v113.777778H227.555556V284.444444h568.888888zM170.666667 568.888889v227.555555h682.666666v-227.555555H170.666667z m625.777777 56.888889v113.777778H227.555556v-113.777778h568.888888zM56.888889 56.888889h910.222222v56.888889H56.888889zM56.888889 910.222222h910.222222v56.888889H56.888889z"
+      fill="#333333"
+    ></path>
+  </svg>
+</template>
diff --git a/packages/editor/src/fields/StyleSetter/icons/background-repeat/index.ts b/packages/editor/src/fields/StyleSetter/icons/background-repeat/index.ts
new file mode 100644
index 00000000..9f1712d4
--- /dev/null
+++ b/packages/editor/src/fields/StyleSetter/icons/background-repeat/index.ts
@@ -0,0 +1,4 @@
+export { default as BackgroundRepeat } from './Repeat.vue';
+export { default as BackgroundRepeatX } from './RepeatX.vue';
+export { default as BackgroundRepeatY } from './RepeatY.vue';
+export { default as BackgroundNoRepeat } from './NoRepeat.vue';
diff --git a/packages/editor/src/fields/StyleSetter/icons/display/Block.vue b/packages/editor/src/fields/StyleSetter/icons/display/Block.vue
new file mode 100644
index 00000000..c0efd483
--- /dev/null
+++ b/packages/editor/src/fields/StyleSetter/icons/display/Block.vue
@@ -0,0 +1,7 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+    <path
+      d="M960 128a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H64a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64h896z m0 64H64v640h896V192z m-96 64a32 32 0 0 1 32 32v448a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V288a32 32 0 0 1 32-32h704z"
+    ></path>
+  </svg>
+</template>
diff --git a/packages/editor/src/fields/StyleSetter/icons/display/Flex.vue b/packages/editor/src/fields/StyleSetter/icons/display/Flex.vue
new file mode 100644
index 00000000..92ea418f
--- /dev/null
+++ b/packages/editor/src/fields/StyleSetter/icons/display/Flex.vue
@@ -0,0 +1,7 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+    <path
+      d="M960 128a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H64a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64h896z m0 64H64v640h896V192zM352 256v512H160V256h192z m256 0v512h-192V256h192z m256 0v512h-192V256h192z"
+    ></path>
+  </svg>
+</template>
diff --git a/packages/editor/src/fields/StyleSetter/icons/display/Inline.vue b/packages/editor/src/fields/StyleSetter/icons/display/Inline.vue
new file mode 100644
index 00000000..80163908
--- /dev/null
+++ b/packages/editor/src/fields/StyleSetter/icons/display/Inline.vue
@@ -0,0 +1,7 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+    <path
+      d="M787.616 651.36a142.72 142.72 0 0 0 52.864 31.904 205.504 205.504 0 0 0 67.264 10.848 245.76 245.76 0 0 0 38.784-2.4c9.504-1.6 19.36-4 30.208-7.04 8.16-2.24 15.968-5.12 23.36-8.32l23.392-10.816V587.52h-8.736c-3.968 3.424-8.96 7.648-15.104 12.544a190.272 190.272 0 0 1-19.936 13.504 120.32 120.32 0 0 1-27.616 12.544 102.528 102.528 0 0 1-62.72-0.576 80 80 0 0 1-29.824-17.088 89.28 89.28 0 0 1-21.664-32.512c-5.696-13.664-8.64-30.784-8.64-51.296 0-19.744 2.72-36.384 7.968-50.08 5.248-13.664 12.384-24.896 20.992-33.056 9.12-8.832 18.816-14.816 29.632-18.816a101.824 101.824 0 0 1 63.68-0.736c9.408 3.136 18.08 7.04 26.112 11.68 13.024 7.808 25.28 16.768 36.672 26.784H1024v-78.72c-6.08-2.88-13.12-6.08-21.12-9.6a205.984 205.984 0 0 0-57.152-15.36 270.016 270.016 0 0 0-37.056-2.304c-24.864 0-47.744 4-68.704 11.84-20.992 7.776-38.432 18.784-52.64 33.6a144.256 144.256 0 0 0-33.632 54.176 207.68 207.68 0 0 0-12.48 70.176c0 27.84 3.968 52.352 12.16 73.568a146.08 146.08 0 0 0 34.176 53.184l0.064 0.416z m-186.112 34.656a122.912 122.912 0 0 0 42.784-21.504c11.2-8.32 20.224-19.296 26.24-31.936 6.56-13.664 9.888-28.704 9.664-43.904 0-22.784-6.272-41.024-18.912-54.72-12.544-13.92-29.664-23.04-51.104-27.36v-2.304c14.4-6.24 26.688-16.448 35.52-29.408 8.384-12.544 12.544-27.008 12.544-43.52 0-14.24-2.944-26.784-9.12-37.6a65.696 65.696 0 0 0-27.936-26.24 117.44 117.44 0 0 0-36.48-12.096A437.312 437.312 0 0 0 526.656 352h-127.552v340.384h143.392c23.84 0 43.52-2.112 59.008-6.4z m-118.112-271.584h7.968c16.544 0 29.472 0.128 38.656 0.352 9.248 0.576 16.864 1.728 23.04 4a26.24 26.24 0 0 1 14.4 13.12c2.656 5.28 4.064 11.072 4.128 16.96 0.16 6.656-1.056 13.248-3.52 19.392a28.064 28.064 0 0 1-15.04 13.696c-7.04 2.912-14.56 4.48-22.208 4.576-9.472 0.32-20.864 0.544-34.24 0.544h-13.184v-72.64z m6.144 215.52h-6.144v-84.8h18.464c12.64 0 24.736 0 36.384 0.256 9.216-0.16 18.432 0.896 27.36 3.2 9.696 2.848 16.544 7.232 20.512 13.12 4 5.92 6.08 14.24 6.08 25.088 0 8.192-1.728 15.488-4.992 21.824-3.232 6.336-9.696 11.392-18.24 15.392-8.544 4-18.24 5.696-28.48 6.272-10.304 0.224-27.392 0.224-51.328 0.224l0.384-0.576z m-378.56-6.016h124.672l23.36 68.416H348.8L224.32 353.728H124.416L0 692.384h87.52l23.488-68.416-0.064-0.032z m62.336-183.552l41.472 121.44h-82.88l41.408-121.44z"
+    ></path>
+  </svg>
+</template>
diff --git a/packages/editor/src/fields/StyleSetter/icons/display/InlineBlock.vue b/packages/editor/src/fields/StyleSetter/icons/display/InlineBlock.vue
new file mode 100644
index 00000000..ed7c9083
--- /dev/null
+++ b/packages/editor/src/fields/StyleSetter/icons/display/InlineBlock.vue
@@ -0,0 +1,7 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+    <path
+      d="M960 128a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H64a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64h896z m0 64H64v640h896V192z m-131.936 158.496c65.984 1.824 109.024 32.512 129.184 92.064l-65.952 15.136-1.856-5.664c-9.984-27.52-30.432-42.112-61.376-43.84-46.72 2.784-71.456 35.296-74.208 97.6 1.856 63.2 26.56 96.64 74.24 100.32 37.536-0.928 59.52-23.36 65.92-67.328L960 559.36l-1.792 7.232c-16.96 63.872-60.352 95.84-130.144 95.84-93.44-4.608-142.464-56.8-147.04-156.672 4.576-98.048 53.6-149.792 147.04-155.296z m-568.928 4.128l114.08 302.336H297.6l-22.016-65.984H160.192L138.24 656.96H64l112.672-302.336h82.464z m278.976 0l7.68 0.32c62.816 3.36 96 27.104 99.52 71.136 0 35.744-19.712 59.552-59.104 71.456 42.144 9.184 65.952 32.544 71.456 70.08 0 59.552-37.568 89.344-112.672 89.344h-148.416v-302.336h141.536z m-4.128 173.152H465.28v81.088h67.328c33.92 0 51.296-13.76 52.224-41.248-2.752-25.632-19.68-38.912-50.848-39.84zM217.92 408.224h-1.376l-0.96 7.36c-1.184 7.232-3.168 13.92-5.92 20.128l-34.336 103.04h87.936l-38.464-104.416-2.624-9.024c-1.6-5.888-3.04-11.584-4.256-17.088z m309.184-2.752H465.28v71.456h61.824c29.344-0.928 44.448-13.76 45.376-38.464-0.96-22.016-16.032-32.992-45.376-32.992z"
+    ></path>
+  </svg>
+</template>
diff --git a/packages/editor/src/fields/StyleSetter/icons/display/None.vue b/packages/editor/src/fields/StyleSetter/icons/display/None.vue
new file mode 100644
index 00000000..d68ced2e
--- /dev/null
+++ b/packages/editor/src/fields/StyleSetter/icons/display/None.vue
@@ -0,0 +1,7 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+    <path
+      d="M931.37 477.14c-43.94-69.49-93.39-125.03-147.99-166.35L663.31 441.46c8.79 21.36 13.63 44.91 13.63 69.62 0 96.27-73.84 174.32-164.95 174.32-21.63 0-42.28-4.39-61.32-12.47l-94.09 102.52a455.097 455.097 0 0 0 155.41 26.2c172.62 0 312.43-85.54 419.59-256.63 12.83-20.43 12.72-47.45-0.21-67.88zM795.52 127.99L682.24 252.82C627.73 231 570.1 220.04 512.11 220.5c-171.15 0-310.99 85.66-419.48 256.75-12.93 20.43-13.04 47.33-0.2 67.78 46.95 75.15 100.3 133.68 160.01 175.82L131.9 853.65l38.9 42.36 663.6-725.76-38.88-42.26zM519.68 438.37c-3.72-0.59-7.46-0.81-11.27-0.81-45.63 0-82.43 39.03-82.43 87.16 0 4.97 0.42 9.81 1.14 14.54l-57.15 60.14-5.92 8.33c-13.15-24.94-20.5-53.68-20.5-84.28 0-96.3 73.84-174.45 164.95-174.45 27.2 0 52.76 6.93 75.4 19.29l-64.22 70.08z m52.05 135.53c21.74-23.26 27.17-55.48 16.31-81.39l-96.42 103.16c26.59 9.08 58.38 1.48 80.11-21.77z"
+    ></path>
+  </svg>
+</template>
diff --git a/packages/editor/src/fields/StyleSetter/icons/display/index.ts b/packages/editor/src/fields/StyleSetter/icons/display/index.ts
new file mode 100644
index 00000000..566ad4a5
--- /dev/null
+++ b/packages/editor/src/fields/StyleSetter/icons/display/index.ts
@@ -0,0 +1,5 @@
+export { default as DisplayBlock } from './Block.vue';
+export { default as DisplayFlex } from './Flex.vue';
+export { default as DisplayInline } from './Inline.vue';
+export { default as DisplayInlineBlock } from './InlineBlock.vue';
+export { default as DisplayNone } from './None.vue';
diff --git a/packages/editor/src/fields/StyleSetter/icons/flex-direction/Column.vue b/packages/editor/src/fields/StyleSetter/icons/flex-direction/Column.vue
new file mode 100644
index 00000000..57725c20
--- /dev/null
+++ b/packages/editor/src/fields/StyleSetter/icons/flex-direction/Column.vue
@@ -0,0 +1,7 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+    <path
+      d="M896 320H128V0h768v320z m0 320H128v-256h768v256z m-128 192l-256 192-256-192 192-0.032V704h128v128h192z"
+    ></path>
+  </svg>
+</template>
diff --git a/packages/editor/src/fields/StyleSetter/icons/flex-direction/ColumnReverse.vue b/packages/editor/src/fields/StyleSetter/icons/flex-direction/ColumnReverse.vue
new file mode 100644
index 00000000..1400bec9
--- /dev/null
+++ b/packages/editor/src/fields/StyleSetter/icons/flex-direction/ColumnReverse.vue
@@ -0,0 +1,7 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+    <path
+      d="M896 704H128v320h768V704z m0-320H128v256h768v-256z m-128-192l-256-192-256 192 192 0.032V320h128V192h192z"
+    ></path>
+  </svg>
+</template>
diff --git a/packages/editor/src/fields/StyleSetter/icons/flex-direction/Row.vue b/packages/editor/src/fields/StyleSetter/icons/flex-direction/Row.vue
new file mode 100644
index 00000000..574098dc
--- /dev/null
+++ b/packages/editor/src/fields/StyleSetter/icons/flex-direction/Row.vue
@@ -0,0 +1,7 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+    <path
+      d="M320 128v768H0V128h320z m320 0v768h-256V128h256z m192 128l192 256-192 256-0.032-192H704v-128h128V256z"
+    ></path>
+  </svg>
+</template>
diff --git a/packages/editor/src/fields/StyleSetter/icons/flex-direction/RowReverse.vue b/packages/editor/src/fields/StyleSetter/icons/flex-direction/RowReverse.vue
new file mode 100644
index 00000000..fa1457f1
--- /dev/null
+++ b/packages/editor/src/fields/StyleSetter/icons/flex-direction/RowReverse.vue
@@ -0,0 +1,7 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+    <path
+      d="M704 128v768h320V128H704zM384 128v768h256V128h-256zM192 256l-192 256 192 256 0.032-192H320v-128H192V256z"
+    ></path>
+  </svg>
+</template>
diff --git a/packages/editor/src/fields/StyleSetter/icons/flex-direction/index.ts b/packages/editor/src/fields/StyleSetter/icons/flex-direction/index.ts
new file mode 100644
index 00000000..c7e5c709
--- /dev/null
+++ b/packages/editor/src/fields/StyleSetter/icons/flex-direction/index.ts
@@ -0,0 +1,4 @@
+export { default as FlexDirectionColumn } from './Column.vue';
+export { default as FlexDirectionColumnReverse } from './ColumnReverse.vue';
+export { default as FlexDirectionRow } from './Row.vue';
+export { default as FlexDirectionRowReverse } from './RowReverse.vue';
diff --git a/packages/editor/src/fields/StyleSetter/icons/justify-content/Center.vue b/packages/editor/src/fields/StyleSetter/icons/justify-content/Center.vue
new file mode 100644
index 00000000..dea10b6f
--- /dev/null
+++ b/packages/editor/src/fields/StyleSetter/icons/justify-content/Center.vue
@@ -0,0 +1,5 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+    <path d="M480 1024V0h64v1024h-64z m128-64V64h320v896H608zM96 960V64h320v896H96z"></path>
+  </svg>
+</template>
diff --git a/packages/editor/src/fields/StyleSetter/icons/justify-content/FlexEnd.vue b/packages/editor/src/fields/StyleSetter/icons/justify-content/FlexEnd.vue
new file mode 100644
index 00000000..c911956b
--- /dev/null
+++ b/packages/editor/src/fields/StyleSetter/icons/justify-content/FlexEnd.vue
@@ -0,0 +1,5 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+    <path d="M416 160H96v704h320V160z m384 0H480v704h320V160z m128-160h-64v1024h64V0z"></path>
+  </svg>
+</template>
diff --git a/packages/editor/src/fields/StyleSetter/icons/justify-content/FlexStart.vue b/packages/editor/src/fields/StyleSetter/icons/justify-content/FlexStart.vue
new file mode 100644
index 00000000..3be4ec8c
--- /dev/null
+++ b/packages/editor/src/fields/StyleSetter/icons/justify-content/FlexStart.vue
@@ -0,0 +1,5 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+    <path d="M608 160h320v704H608V160zM224 160h320v704H224V160zM96 0h64v1024H96V0z"></path>
+  </svg>
+</template>
diff --git a/packages/editor/src/fields/StyleSetter/icons/justify-content/SpaceAround.vue b/packages/editor/src/fields/StyleSetter/icons/justify-content/SpaceAround.vue
new file mode 100644
index 00000000..fe9b803d
--- /dev/null
+++ b/packages/editor/src/fields/StyleSetter/icons/justify-content/SpaceAround.vue
@@ -0,0 +1,7 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+    <path
+      d="M320 864H192v160H128v-160H0V160h128V0h64v160h128v704z m704 0h-128v160h-64v-160h-128V160h128V0h64v160h128v704z"
+    ></path>
+  </svg>
+</template>
diff --git a/packages/editor/src/fields/StyleSetter/icons/justify-content/SpaceBetween.vue b/packages/editor/src/fields/StyleSetter/icons/justify-content/SpaceBetween.vue
new file mode 100644
index 00000000..0ebcf483
--- /dev/null
+++ b/packages/editor/src/fields/StyleSetter/icons/justify-content/SpaceBetween.vue
@@ -0,0 +1,5 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+    <path d="M64 1024H0V0h64v1024z m384-160H128V160h320v704z m448 0H576V160h320v704z m128 160h-64V0h64v1024z"></path>
+  </svg>
+</template>
diff --git a/packages/editor/src/fields/StyleSetter/icons/justify-content/index.ts b/packages/editor/src/fields/StyleSetter/icons/justify-content/index.ts
new file mode 100644
index 00000000..fbc5431b
--- /dev/null
+++ b/packages/editor/src/fields/StyleSetter/icons/justify-content/index.ts
@@ -0,0 +1,5 @@
+export { default as JustifyContentCenter } from './Center.vue';
+export { default as JustifyContentFlexEnd } from './FlexEnd.vue';
+export { default as JustifyContentFlexStart } from './FlexStart.vue';
+export { default as JustifyContentSpaceAround } from './SpaceAround.vue';
+export { default as JustifyContentSpaceBetween } from './SpaceBetween.vue';
diff --git a/packages/editor/src/fields/StyleSetter/icons/text-align/Center.vue b/packages/editor/src/fields/StyleSetter/icons/text-align/Center.vue
new file mode 100644
index 00000000..ee998b76
--- /dev/null
+++ b/packages/editor/src/fields/StyleSetter/icons/text-align/Center.vue
@@ -0,0 +1,7 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+    <path
+      d="M128 810.666667h768v85.333333H128z m128-170.666667h512v85.333333H256z m-128-170.666667h768v85.333334H128z m0-341.333333h768v85.333333H128z m128 170.666667h512v85.333333H256z"
+    ></path>
+  </svg>
+</template>
diff --git a/packages/editor/src/fields/StyleSetter/icons/text-align/Left.vue b/packages/editor/src/fields/StyleSetter/icons/text-align/Left.vue
new file mode 100644
index 00000000..0cd53b87
--- /dev/null
+++ b/packages/editor/src/fields/StyleSetter/icons/text-align/Left.vue
@@ -0,0 +1,7 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+    <path
+      d="M128 810.666667h768v85.333333H128z m0-170.666667h512v85.333333H128z m0-170.666667h768v85.333334H128z m0-341.333333h768v85.333333H128z m0 170.666667h512v85.333333H128z"
+    ></path>
+  </svg>
+</template>
diff --git a/packages/editor/src/fields/StyleSetter/icons/text-align/Right.vue b/packages/editor/src/fields/StyleSetter/icons/text-align/Right.vue
new file mode 100644
index 00000000..2d4b0236
--- /dev/null
+++ b/packages/editor/src/fields/StyleSetter/icons/text-align/Right.vue
@@ -0,0 +1,7 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+    <path
+      d="M128 128h768v85.333333H128z m0 682.666667h768v85.333333H128z m213.333333-170.666667h554.666667v85.333333H341.333333z m-213.333333-170.666667h768v85.333334H128z m213.333333-170.666666h554.666667v85.333333H341.333333z"
+    ></path>
+  </svg>
+</template>
diff --git a/packages/editor/src/fields/StyleSetter/icons/text-align/index.ts b/packages/editor/src/fields/StyleSetter/icons/text-align/index.ts
new file mode 100644
index 00000000..92af3aa4
--- /dev/null
+++ b/packages/editor/src/fields/StyleSetter/icons/text-align/index.ts
@@ -0,0 +1,3 @@
+export { default as AlignLeft } from './Left.vue';
+export { default as AlignCenter } from './Center.vue';
+export { default as AlignRight } from './Right.vue';
diff --git a/packages/editor/src/fields/StyleSetter/pro/Background.vue b/packages/editor/src/fields/StyleSetter/pro/Background.vue
new file mode 100644
index 00000000..51050221
--- /dev/null
+++ b/packages/editor/src/fields/StyleSetter/pro/Background.vue
@@ -0,0 +1,82 @@
+<template>
+  <MContainer :config="config" :model="values" :size="size" :disabled="disabled" @change="change"></MContainer>
+</template>
+
+<script lang="ts" setup>
+import { markRaw } from 'vue';
+
+import { type ContainerChangeEventData, defineFormItem, MContainer } from '@tmagic/form';
+import type { StyleSchema } from '@tmagic/schema';
+
+import BackgroundPosition from '../components/BackgroundPosition.vue';
+import { BackgroundNoRepeat, BackgroundRepeat, BackgroundRepeatX, BackgroundRepeatY } from '../icons/background-repeat';
+
+defineProps<{
+  values: Partial<StyleSchema>;
+  disabled?: boolean;
+  size?: 'large' | 'default' | 'small';
+}>();
+
+const emit = defineEmits<{
+  change: [v: StyleSchema, eventData: ContainerChangeEventData];
+}>();
+
+const config = defineFormItem({
+  items: [
+    {
+      name: 'backgroundColor',
+      text: '背景色',
+      labelWidth: '68px',
+      type: 'data-source-field-select',
+      fieldConfig: {
+        type: 'colorPicker',
+      },
+    },
+    {
+      name: 'backgroundImage',
+      text: '背景图',
+      labelWidth: '68px',
+      type: 'data-source-field-select',
+      fieldConfig: {
+        type: 'img-upload',
+      } as any,
+    },
+    {
+      name: 'backgroundSize',
+      text: '背景尺寸',
+      type: 'radioGroup',
+      childType: 'button',
+      labelWidth: '68px',
+      options: [
+        { value: 'auto', text: '默认', tooltip: '默认 auto' },
+        { value: 'contain', text: '等比填充', tooltip: '等比填充 contain' },
+        { value: 'cover', text: '等比覆盖', tooltip: '等比覆盖 cover' },
+      ],
+    },
+    {
+      name: 'backgroundRepeat',
+      text: '重复显示',
+      type: 'radioGroup',
+      childType: 'button',
+      labelWidth: '68px',
+      options: [
+        { value: 'repeat', icon: markRaw(BackgroundRepeat), tooltip: '垂直和水平方向重复 repeat' },
+        { value: 'repeat-x', icon: markRaw(BackgroundRepeatX), tooltip: '水平方向重复 repeat-x' },
+        { value: 'repeat-y', icon: markRaw(BackgroundRepeatY), tooltip: '垂直方向重复 repeat-y' },
+        { value: 'no-repeat', icon: markRaw(BackgroundNoRepeat), tooltip: '不重复 no-repeat' },
+      ],
+    },
+    {
+      name: 'backgroundPosition',
+      text: '背景定位',
+      type: 'component',
+      component: BackgroundPosition,
+      labelWidth: '68px',
+    },
+  ],
+});
+
+const change = (value: StyleSchema, eventData: ContainerChangeEventData) => {
+  emit('change', value, eventData);
+};
+</script>
diff --git a/packages/editor/src/fields/StyleSetter/pro/Border.vue b/packages/editor/src/fields/StyleSetter/pro/Border.vue
new file mode 100644
index 00000000..cd336381
--- /dev/null
+++ b/packages/editor/src/fields/StyleSetter/pro/Border.vue
@@ -0,0 +1,39 @@
+<template>
+  <MContainer :config="config" :model="values" :size="size" :disabled="disabled" @change="change"></MContainer>
+  <Border :model="values" :size="size" :disabled="disabled" @change="change"></Border>
+</template>
+
+<script lang="ts" setup>
+import { type ContainerChangeEventData, defineFormItem, MContainer } from '@tmagic/form';
+import type { StyleSchema } from '@tmagic/schema';
+
+import Border from '../components/Border.vue';
+
+defineProps<{
+  values: Partial<StyleSchema>;
+  disabled?: boolean;
+  size?: 'large' | 'default' | 'small';
+}>();
+
+const emit = defineEmits<{
+  change: [v: StyleSchema, eventData: ContainerChangeEventData];
+}>();
+
+const config = defineFormItem({
+  items: [
+    {
+      labelWidth: '68px',
+      name: 'borderRadius',
+      text: '圆角',
+      type: 'data-source-field-select',
+      fieldConfig: {
+        type: 'text',
+      },
+    },
+  ],
+});
+
+const change = (value: StyleSchema, eventData: ContainerChangeEventData) => {
+  emit('change', value, eventData);
+};
+</script>
diff --git a/packages/editor/src/fields/StyleSetter/pro/Font.vue b/packages/editor/src/fields/StyleSetter/pro/Font.vue
new file mode 100644
index 00000000..d5d9e42e
--- /dev/null
+++ b/packages/editor/src/fields/StyleSetter/pro/Font.vue
@@ -0,0 +1,94 @@
+<template>
+  <MContainer :config="config" :model="values" :size="size" :disabled="disabled" @change="change"></MContainer>
+</template>
+
+<script lang="ts" setup>
+import { markRaw } from 'vue';
+
+import { type ContainerChangeEventData, defineFormItem, MContainer } from '@tmagic/form';
+import type { StyleSchema } from '@tmagic/schema';
+
+import { AlignCenter, AlignLeft, AlignRight } from '../icons/text-align';
+
+defineProps<{
+  values: Partial<StyleSchema>;
+  disabled?: boolean;
+  size?: 'large' | 'default' | 'small';
+}>();
+
+const emit = defineEmits<{
+  change: [v: StyleSchema, eventData: ContainerChangeEventData];
+}>();
+
+const config = defineFormItem({
+  items: [
+    {
+      type: 'row',
+      items: [
+        {
+          labelWidth: '68px',
+          name: 'fontSize',
+          text: '字号',
+          type: 'data-source-field-select',
+          fieldConfig: {
+            type: 'text',
+          },
+        },
+        {
+          labelWidth: '68px',
+          name: 'lineHeight',
+          text: '行高',
+          type: 'data-source-field-select',
+          fieldConfig: {
+            type: 'text',
+          },
+        },
+      ],
+    },
+    {
+      name: 'fontWeight',
+      text: '字重',
+      labelWidth: '68px',
+      type: 'data-source-field-select',
+      fieldConfig: {
+        type: 'select',
+        options: ['normal', 'bold']
+          .concat(
+            Array(7)
+              .fill(1)
+              .map((x, i) => `${i + 1}00`),
+          )
+          .map((item) => ({
+            value: item,
+            text: item,
+          })),
+      },
+    },
+    {
+      labelWidth: '68px',
+      name: 'color',
+      text: '颜色',
+      type: 'data-source-field-select',
+      fieldConfig: {
+        type: 'colorPicker',
+      },
+    },
+    {
+      name: 'textAlign',
+      text: '对齐',
+      type: 'radioGroup',
+      childType: 'button',
+      labelWidth: '68px',
+      options: [
+        { value: 'left', icon: markRaw(AlignLeft), tooltip: '左对齐 row' },
+        { value: 'center', icon: markRaw(AlignCenter), tooltip: '居中对齐 center' },
+        { value: 'right', icon: markRaw(AlignRight), tooltip: '右对齐 right' },
+      ],
+    },
+  ],
+});
+
+const change = (value: StyleSchema, eventData: ContainerChangeEventData) => {
+  emit('change', value, eventData);
+};
+</script>
diff --git a/packages/editor/src/fields/StyleSetter/pro/Layout.vue b/packages/editor/src/fields/StyleSetter/pro/Layout.vue
new file mode 100644
index 00000000..69d4de8c
--- /dev/null
+++ b/packages/editor/src/fields/StyleSetter/pro/Layout.vue
@@ -0,0 +1,188 @@
+<template>
+  <MContainer :config="config" :model="values" :size="size" :disabled="disabled" @change="change"></MContainer>
+  <Box
+    v-show="!['fixed', 'absolute'].includes(values.position)"
+    :model="values"
+    :size="size"
+    :disabled="disabled"
+    @change="change"
+  ></Box>
+</template>
+
+<script lang="ts" setup>
+import { markRaw } from 'vue';
+
+import type { ChildConfig, ContainerChangeEventData } from '@tmagic/form';
+import { defineFormItem, MContainer } from '@tmagic/form';
+import type { StyleSchema } from '@tmagic/schema';
+
+import Box from '../components/Box.vue';
+import { DisplayBlock, DisplayFlex, DisplayInline, DisplayInlineBlock, DisplayNone } from '../icons/display';
+import {
+  FlexDirectionColumn,
+  FlexDirectionColumnReverse,
+  FlexDirectionRow,
+  FlexDirectionRowReverse,
+} from '../icons/flex-direction';
+import {
+  JustifyContentCenter,
+  JustifyContentFlexEnd,
+  JustifyContentFlexStart,
+  JustifyContentSpaceAround,
+  JustifyContentSpaceBetween,
+} from '../icons/justify-content';
+
+defineProps<{
+  values: Partial<StyleSchema>;
+  disabled?: boolean;
+  size?: 'large' | 'default' | 'small';
+}>();
+
+const emit = defineEmits<{
+  change: [v: string | StyleSchema, eventData: ContainerChangeEventData];
+}>();
+
+const config = defineFormItem({
+  items: [
+    {
+      name: 'display',
+      text: '模式',
+      type: 'radioGroup',
+      childType: 'button',
+      labelWidth: '68px',
+      options: [
+        { value: 'inline', icon: markRaw(DisplayInline), tooltip: '内联布局 inline' },
+        { value: 'flex', icon: markRaw(DisplayFlex), tooltip: '弹性布局 flex' },
+        { value: 'block', icon: markRaw(DisplayBlock), tooltip: '块级布局 block' },
+        { value: 'inline-block', icon: markRaw(DisplayInlineBlock), tooltip: '内联块布局 inline-block' },
+        { value: 'none', icon: markRaw(DisplayNone), tooltip: '隐藏 none' },
+      ],
+    },
+    {
+      name: 'flexDirection',
+      text: '主轴方向',
+      type: 'radioGroup',
+      childType: 'button',
+      labelWidth: '68px',
+      options: [
+        { value: 'row', icon: markRaw(FlexDirectionRow), tooltip: '水平方向 起点在左侧 row' },
+        { value: 'row-reverse', icon: markRaw(FlexDirectionRowReverse), tooltip: '水平方向 起点在右侧 row-reverse' },
+        { value: 'column', icon: markRaw(FlexDirectionColumn), tooltip: '垂直方向 起点在上沿 column' },
+        {
+          value: 'column-reverse',
+          icon: markRaw(FlexDirectionColumnReverse),
+          tooltip: '垂直方向 起点在下沿 column-reverse',
+        },
+      ],
+      display: (_mForm, { model }: { model: Record<any, any> }) => model.display === 'flex',
+    },
+    {
+      name: 'justifyContent',
+      text: '主轴对齐',
+      type: 'radioGroup',
+      childType: 'button',
+      labelWidth: '68px',
+      options: [
+        { value: 'flex-start', icon: markRaw(JustifyContentFlexStart), tooltip: '左对齐 flex-start' },
+        { value: 'flex-end', icon: markRaw(JustifyContentFlexEnd), tooltip: '右对齐 flex-end' },
+        { value: 'center', icon: markRaw(JustifyContentCenter), tooltip: '居中 center' },
+        { value: 'space-between', icon: markRaw(JustifyContentSpaceBetween), tooltip: '两端对齐 space-between' },
+        { value: 'space-around', icon: markRaw(JustifyContentSpaceAround), tooltip: '横向平分 space-around' },
+      ],
+      display: (_mForm, { model }: { model: Record<any, any> }) => model.display === 'flex',
+    },
+    {
+      name: 'alignItems',
+      text: '辅轴对齐',
+      type: 'radioGroup',
+      childType: 'button',
+      labelWidth: '68px',
+      options: [
+        { value: 'flex-start', icon: markRaw(JustifyContentFlexStart), tooltip: '左对齐 flex-start' },
+        { value: 'flex-end', icon: markRaw(JustifyContentFlexEnd), tooltip: '右对齐 flex-end' },
+        { value: 'center', icon: markRaw(JustifyContentCenter), tooltip: '居中 center' },
+        { value: 'space-between', icon: markRaw(JustifyContentSpaceBetween), tooltip: '两端对齐 space-between' },
+        { value: 'space-around', icon: markRaw(JustifyContentSpaceAround), tooltip: '横向平分 space-around' },
+      ],
+      display: (_mForm, { model }: { model: Record<any, any> }) => model.display === 'flex',
+    },
+    {
+      name: 'flexWrap',
+      text: '换行',
+      type: 'radioGroup',
+      childType: 'button',
+      labelWidth: '68px',
+      options: [
+        { value: 'nowrap', text: '不换行', tooltip: '不换行 nowrap' },
+        { value: 'wrap', text: '正换行', tooltip: '第一行在上方 wrap' },
+        { value: 'wrap-reverse', text: '逆换行', tooltip: '第一行在下方 wrap-reverse' },
+      ],
+      display: (_mForm, { model }: { model: Record<any, any> }) => model.display === 'flex',
+    },
+    {
+      type: 'row',
+      items: [
+        {
+          name: 'width',
+          text: '宽度',
+          labelWidth: '68px',
+          type: 'data-source-field-select',
+          fieldConfig: {
+            type: 'text',
+          },
+        },
+        {
+          name: 'height',
+          text: '高度',
+          labelWidth: '68px',
+          type: 'data-source-field-select',
+          fieldConfig: {
+            type: 'text',
+          },
+        },
+      ],
+    },
+    {
+      type: 'row',
+      items: [
+        {
+          type: 'data-source-field-select',
+          text: 'overflow',
+          name: 'overflow',
+          labelWidth: '68px',
+          checkStrictly: false,
+          dataSourceFieldType: ['string'],
+          fieldConfig: {
+            type: 'select',
+            clearable: true,
+            allowCreate: true,
+            options: [
+              { text: 'visible', value: 'visible' },
+              { text: 'hidden', value: 'hidden' },
+              { text: 'clip', value: 'clip' },
+              { text: 'scroll', value: 'scroll' },
+              { text: 'auto', value: 'auto' },
+              { text: 'overlay', value: 'overlay' },
+              { text: 'initial', value: 'initial' },
+            ],
+          },
+        },
+        {
+          type: 'data-source-field-select',
+          text: '透明度',
+          name: 'opacity',
+          labelWidth: '68px',
+          dataSourceFieldType: ['string', 'number'],
+          fieldConfig: {
+            type: 'text',
+          },
+        },
+      ],
+    },
+  ],
+}) as ChildConfig;
+
+const change = (value: string | StyleSchema, eventData: ContainerChangeEventData) => {
+  emit('change', value, eventData);
+};
+</script>
diff --git a/packages/editor/src/fields/StyleSetter/pro/Position.vue b/packages/editor/src/fields/StyleSetter/pro/Position.vue
new file mode 100644
index 00000000..8e79eab3
--- /dev/null
+++ b/packages/editor/src/fields/StyleSetter/pro/Position.vue
@@ -0,0 +1,103 @@
+<template>
+  <MContainer :config="config" :model="values" :size="size" :disabled="disabled" @change="change"></MContainer>
+</template>
+
+<script lang="ts" setup>
+import { type ContainerChangeEventData, defineFormItem, MContainer } from '@tmagic/form';
+import type { StyleSchema } from '@tmagic/schema';
+
+const props = defineProps<{
+  values: Partial<StyleSchema>;
+  disabled?: boolean;
+  size?: 'large' | 'default' | 'small';
+}>();
+
+const emit = defineEmits<{
+  change: [v: string | StyleSchema, eventData: ContainerChangeEventData];
+}>();
+
+const positionText: Record<string, string> = {
+  static: '不定位',
+  relative: '相对定位',
+  absolute: '绝对定位',
+  fixed: '固定定位',
+  sticky: '粘性定位',
+};
+
+const config = defineFormItem({
+  items: [
+    {
+      name: 'position',
+      text: '定位',
+      labelWidth: '68px',
+      type: 'data-source-field-select',
+      fieldConfig: {
+        type: 'select',
+        options: Object.keys(positionText).map((item) => ({
+          value: item,
+          text: `${item}(${positionText[item]})`,
+        })),
+      },
+    },
+    {
+      type: 'row',
+      labelWidth: '68px',
+      display: () => props.values.position !== 'static',
+      items: [
+        {
+          name: 'left',
+          type: 'data-source-field-select',
+          text: 'left',
+          fieldConfig: {
+            type: 'text',
+          },
+        },
+        {
+          name: 'top',
+          type: 'data-source-field-select',
+          text: 'top',
+          fieldConfig: {
+            type: 'text',
+          },
+        },
+      ],
+    },
+    {
+      type: 'row',
+      labelWidth: '68px',
+      display: () => props.values.position !== 'static',
+      items: [
+        {
+          name: 'right',
+          type: 'data-source-field-select',
+          text: 'right',
+          fieldConfig: {
+            type: 'text',
+          },
+        },
+        {
+          name: 'bottom',
+          type: 'data-source-field-select',
+          text: 'bottom',
+          fieldConfig: {
+            type: 'text',
+          },
+        },
+      ],
+    },
+    {
+      labelWidth: '68px',
+      name: 'zIndex',
+      text: 'zIndex',
+      type: 'data-source-field-select',
+      fieldConfig: {
+        type: 'text',
+      },
+    },
+  ],
+});
+
+const change = (value: string | StyleSchema, eventData: ContainerChangeEventData) => {
+  emit('change', value, eventData);
+};
+</script>
diff --git a/packages/editor/src/fields/StyleSetter/pro/index.ts b/packages/editor/src/fields/StyleSetter/pro/index.ts
new file mode 100644
index 00000000..b1ef5376
--- /dev/null
+++ b/packages/editor/src/fields/StyleSetter/pro/index.ts
@@ -0,0 +1,5 @@
+export { default as Background } from './Background.vue';
+export { default as Font } from './Font.vue';
+export { default as Layout } from './Layout.vue';
+export { default as Position } from './Position.vue';
+export { default as Border } from './Border.vue';
diff --git a/packages/editor/src/fields/UISelect.vue b/packages/editor/src/fields/UISelect.vue
index 3b9b5c73..bcb75dad 100644
--- a/packages/editor/src/fields/UISelect.vue
+++ b/packages/editor/src/fields/UISelect.vue
@@ -45,37 +45,42 @@ import { computed, inject, ref } from 'vue';
 import { Close, Delete } from '@element-plus/icons-vue';
 import { throttle } from 'lodash-es';
 
+import type { Id, MNode } from '@tmagic/core';
 import { TMagicButton, TMagicTooltip } from '@tmagic/design';
-import type { FieldProps, FormItem, FormState } from '@tmagic/form';
-import type { Id } from '@tmagic/schema';
+import type { FieldProps, FormState, UISelectConfig } from '@tmagic/form';
+import { getIdFromEl } from '@tmagic/utils';
 
-import { Services, UI_SELECT_MODE_EVENT_NAME } from '@editor/type';
+import { useServices } from '@editor/hooks/use-services';
+import { UI_SELECT_MODE_EVENT_NAME } from '@editor/utils/const';
 
 defineOptions({
   name: 'MFieldsUISelect',
 });
 
-const props = defineProps<FieldProps<{ type: 'ui-select' } & FormItem>>();
+const props = defineProps<FieldProps<UISelectConfig>>();
 
 const emit = defineEmits(['change']);
 
-const services = inject<Services>('services');
+const { editorService, uiService, stageOverlayService } = useServices();
 const mForm = inject<FormState>('mForm');
+
 const val = computed(() => props.model[props.name]);
 const uiSelectMode = ref(false);
 
 const cancelHandler = () => {
-  if (!services?.uiService) return;
-  services.uiService.set('uiSelectMode', false);
+  uiService.set('uiSelectMode', false);
   uiSelectMode.value = false;
-  globalThis.document.removeEventListener(UI_SELECT_MODE_EVENT_NAME, clickHandler as EventListener);
+  globalThis.document.removeEventListener(UI_SELECT_MODE_EVENT_NAME, clickHandler as any);
 };
 
-const clickHandler = ({ detail }: Event & { detail: any }) => {
-  if (detail.id) {
-    props.model[props.name] = detail.id;
-    emit('change', detail.id);
-    mForm?.$emit('field-change', props.prop, detail.id);
+const clickHandler = ({ detail }: Event & { detail: HTMLElement | MNode }) => {
+  let { id } = detail;
+  if (detail.nodeType) {
+    id = getIdFromEl()(detail as HTMLElement) || id;
+  }
+  if (id) {
+    emit('change', id);
+    mForm?.$emit('field-change', props.prop, id);
   }
 
   if (cancelHandler) {
@@ -84,41 +89,39 @@ const clickHandler = ({ detail }: Event & { detail: any }) => {
 };
 
 const toName = computed(() => {
-  const config = services?.editorService.getNodeById(val.value);
+  const config = editorService.getNodeById(val.value);
   return config?.name || '';
 });
 
 const startSelect = () => {
-  if (!services?.uiService) return;
-  services.uiService.set('uiSelectMode', true);
+  uiService.set('uiSelectMode', true);
   uiSelectMode.value = true;
-  globalThis.document.addEventListener(UI_SELECT_MODE_EVENT_NAME, clickHandler as EventListener);
+  globalThis.document.addEventListener(UI_SELECT_MODE_EVENT_NAME, clickHandler as any);
 };
 
 const deleteHandler = () => {
   if (props.model) {
-    props.model[props.name] = '';
     emit('change', '');
     mForm?.$emit('field-change', props.prop, '');
   }
 };
 
 const selectNode = async (id: Id) => {
-  await services?.editorService.select(id);
-  services?.editorService.get('stage')?.select(id);
-  services?.stageOverlayService.get('stage')?.select(id);
+  await editorService.select(id);
+  editorService.get('stage')?.select(id);
+  stageOverlayService.get('stage')?.select(id);
 };
 
 const highlight = throttle((id: Id) => {
-  services?.editorService.highlight(id);
-  services?.editorService.get('stage')?.highlight(id);
-  services?.stageOverlayService.get('stage')?.highlight(id);
+  editorService.highlight(id);
+  editorService.get('stage')?.highlight(id);
+  stageOverlayService.get('stage')?.highlight(id);
 }, 150);
 
 const unhighlight = () => {
-  services?.editorService.set('highlightNode', null);
-  services?.editorService.get('stage')?.clearHighlight();
-  services?.stageOverlayService.get('stage')?.clearHighlight();
+  editorService.set('highlightNode', null);
+  editorService.get('stage')?.clearHighlight();
+  stageOverlayService.get('stage')?.clearHighlight();
 };
 </script>
 
diff --git a/packages/editor/src/hooks/index.ts b/packages/editor/src/hooks/index.ts
index af026d35..cbc1690d 100644
--- a/packages/editor/src/hooks/index.ts
+++ b/packages/editor/src/hooks/index.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -17,8 +17,15 @@
  */
 
 export * from './use-code-block-edit';
-export * from './use-data-source-method';
 export * from './use-stage';
 export * from './use-float-box';
 export * from './use-window-rect';
 export * from './use-editor-content-height';
+export * from './use-filter';
+export * from './use-float-box';
+export * from './use-getso';
+export * from './use-next-float-box-position';
+export * from './use-node-status';
+export * from './use-stage';
+export * from './use-window-rect';
+export * from './use-services';
diff --git a/packages/editor/src/hooks/use-code-block-edit.ts b/packages/editor/src/hooks/use-code-block-edit.ts
index f71a6e19..9a6df770 100644
--- a/packages/editor/src/hooks/use-code-block-edit.ts
+++ b/packages/editor/src/hooks/use-code-block-edit.ts
@@ -1,27 +1,22 @@
-import { nextTick, ref } from 'vue';
+import { nextTick, ref, useTemplateRef } from 'vue';
 import { cloneDeep } from 'lodash-es';
 
+import type { CodeBlockContent } from '@tmagic/core';
 import { tMagicMessage } from '@tmagic/design';
-import type { CodeBlockContent } from '@tmagic/schema';
 
 import CodeBlockEditor from '@editor/components/CodeBlockEditor.vue';
-import type { CodeBlockService } from '@editor/services/codeBlock';
+import type { Services } from '@editor/type';
 
-export const useCodeBlockEdit = (codeBlockService?: CodeBlockService) => {
+export const useCodeBlockEdit = (codeBlockService: Services['codeBlockService']) => {
   const codeConfig = ref<CodeBlockContent>();
   const codeId = ref<string>();
-  const codeBlockEditor = ref<InstanceType<typeof CodeBlockEditor>>();
+  const codeBlockEditorRef = useTemplateRef<InstanceType<typeof CodeBlockEditor>>('codeBlockEditor');
 
   // 新增代码块
   const createCodeBlock = async () => {
-    if (!codeBlockService) {
-      tMagicMessage.error('新增代码块失败');
-      return;
-    }
-
     codeConfig.value = {
       name: '',
-      content: `({app, params}) => {\n  // place your code here\n}`,
+      content: '({app, params, flowState}) => {\n  // place your code here\n}',
       params: [],
     };
 
@@ -29,12 +24,12 @@ export const useCodeBlockEdit = (codeBlockService?: CodeBlockService) => {
 
     await nextTick();
 
-    codeBlockEditor.value?.show();
+    codeBlockEditorRef.value?.show();
   };
 
   // 编辑代码块
   const editCode = async (id: string) => {
-    const codeBlock = await codeBlockService?.getCodeContentById(id);
+    const codeBlock = await codeBlockService.getCodeContentById(id);
 
     if (!codeBlock) {
       tMagicMessage.error('获取代码块内容失败');
@@ -54,26 +49,26 @@ export const useCodeBlockEdit = (codeBlockService?: CodeBlockService) => {
     codeId.value = id;
 
     await nextTick();
-    codeBlockEditor.value?.show();
+    codeBlockEditorRef.value?.show();
   };
 
   // 删除代码块
   const deleteCode = async (key: string) => {
-    codeBlockService?.deleteCodeDslByIds([key]);
+    codeBlockService.deleteCodeDslByIds([key]);
   };
 
   const submitCodeBlockHandler = async (values: CodeBlockContent) => {
     if (!codeId.value) return;
 
-    await codeBlockService?.setCodeDslById(codeId.value, values);
+    await codeBlockService.setCodeDslById(codeId.value, values);
 
-    codeBlockEditor.value?.hide();
+    codeBlockEditorRef.value?.hide();
   };
 
   return {
     codeId,
     codeConfig,
-    codeBlockEditor,
+    codeBlockEditor: codeBlockEditorRef,
 
     createCodeBlock,
     editCode,
diff --git a/packages/editor/src/hooks/use-data-source-edit.ts b/packages/editor/src/hooks/use-data-source-edit.ts
index 07afb830..96954cf8 100644
--- a/packages/editor/src/hooks/use-data-source-edit.ts
+++ b/packages/editor/src/hooks/use-data-source-edit.ts
@@ -1,22 +1,23 @@
 import { computed, ref } from 'vue';
 
-import type { DataSourceSchema } from '@tmagic/schema';
+import type { DataSourceSchema } from '@tmagic/core';
+import type { ContainerChangeEventData } from '@tmagic/form';
 
 import DataSourceConfigPanel from '@editor/layouts/sidebar/data-source/DataSourceConfigPanel.vue';
-import type { DataSourceService } from '@editor/services/dataSource';
+import type { Services } from '@editor/type';
 
-export const useDataSourceEdit = (dataSourceService?: DataSourceService) => {
+export const useDataSourceEdit = (dataSourceService: Services['dataSourceService']) => {
   const dialogTitle = ref('');
   const editDialog = ref<InstanceType<typeof DataSourceConfigPanel>>();
   const dataSourceValues = ref<Record<string, any>>({});
 
-  const editable = computed(() => dataSourceService?.get('editable') ?? true);
+  const editable = computed(() => dataSourceService.get('editable'));
 
   const editHandler = (id: string) => {
     if (!editDialog.value) return;
 
     dataSourceValues.value = {
-      ...dataSourceService?.getDataSourceById(id),
+      ...(dataSourceService.getDataSourceById(id) || {}),
     };
 
     dialogTitle.value = `编辑${dataSourceValues.value.title || ''}`;
@@ -24,11 +25,11 @@ export const useDataSourceEdit = (dataSourceService?: DataSourceService) => {
     editDialog.value.show();
   };
 
-  const submitDataSourceHandler = (value: DataSourceSchema) => {
+  const submitDataSourceHandler = (value: DataSourceSchema, eventData: ContainerChangeEventData) => {
     if (value.id) {
-      dataSourceService?.update(value);
+      dataSourceService.update(value, { changeRecords: eventData.changeRecords });
     } else {
-      dataSourceService?.add(value);
+      dataSourceService.add(value);
     }
 
     editDialog.value?.hide();
diff --git a/packages/editor/src/hooks/use-data-source-method.ts b/packages/editor/src/hooks/use-data-source-method.ts
deleted file mode 100644
index 7020a1fa..00000000
--- a/packages/editor/src/hooks/use-data-source-method.ts
+++ /dev/null
@@ -1,100 +0,0 @@
-import { nextTick, ref } from 'vue';
-import { cloneDeep } from 'lodash-es';
-
-import { tMagicMessage } from '@tmagic/design';
-import type { CodeBlockContent, DataSourceSchema } from '@tmagic/schema';
-
-import CodeBlockEditor from '@editor/components/CodeBlockEditor.vue';
-import { getConfig } from '@editor/utils/config';
-
-export const useDataSourceMethod = () => {
-  const codeConfig = ref<CodeBlockContent>();
-  const codeBlockEditor = ref<InstanceType<typeof CodeBlockEditor>>();
-
-  const dataSource = ref<DataSourceSchema>();
-  const dataSourceMethod = ref('');
-
-  return {
-    codeConfig,
-    codeBlockEditor,
-
-    createCode: async (model: DataSourceSchema) => {
-      codeConfig.value = {
-        name: '',
-        content: `({ params, dataSource, app }) => {\n  // place your code here\n}`,
-        params: [],
-      };
-
-      await nextTick();
-
-      dataSource.value = model;
-      dataSourceMethod.value = '';
-
-      codeBlockEditor.value?.show();
-    },
-
-    editCode: async (model: DataSourceSchema, methodName: string) => {
-      const method = model.methods?.find((method) => method.name === methodName);
-
-      if (!method) {
-        tMagicMessage.error('获取数据源方法失败');
-        return;
-      }
-
-      let codeContent = method.content;
-
-      if (typeof codeContent !== 'string') {
-        codeContent = codeContent.toString();
-      }
-
-      codeConfig.value = {
-        ...cloneDeep(method),
-        content: codeContent,
-      };
-
-      await nextTick();
-
-      dataSource.value = model;
-      dataSourceMethod.value = methodName;
-
-      codeBlockEditor.value?.show();
-    },
-
-    deleteCode: async (model: DataSourceSchema, methodName: string) => {
-      if (!model.methods) return;
-
-      const index = model.methods.findIndex((method) => method.name === methodName);
-
-      if (index === -1) {
-        return;
-      }
-
-      model.methods.splice(index, 1);
-    },
-
-    submitCode: (values: CodeBlockContent) => {
-      if (!dataSource.value) return;
-
-      if (!dataSource.value.methods) {
-        dataSource.value.methods = [];
-      }
-
-      if (values.content) {
-        // 在保存的时候转换代码内容
-        const parseDSL = getConfig('parseDSL');
-        if (typeof values.content === 'string') {
-          values.content = parseDSL<(...args: any[]) => any>(values.content);
-        }
-      }
-
-      if (dataSourceMethod.value) {
-        const index = dataSource.value.methods.findIndex((method) => method.name === dataSourceMethod.value);
-        dataSource.value.methods.splice(index, 1, values);
-      } else {
-        dataSource.value.methods.push(values);
-      }
-
-      codeBlockEditor.value?.hide();
-    },
-  };
-};
diff --git a/packages/editor/src/hooks/use-editor-content-height.ts b/packages/editor/src/hooks/use-editor-content-height.ts
index d582a9ee..bf5e55a1 100644
--- a/packages/editor/src/hooks/use-editor-content-height.ts
+++ b/packages/editor/src/hooks/use-editor-content-height.ts
@@ -1,11 +1,11 @@
-import { computed, inject, ref, watch } from 'vue';
+import { computed, ref, watch } from 'vue';
 
-import type { Services } from '@editor/type';
+import { useServices } from './use-services';
 
 export const useEditorContentHeight = () => {
-  const services = inject<Services>('services');
-  const frameworkHeight = computed(() => services?.uiService.get('frameworkRect').height || 0);
-  const navMenuHeight = computed(() => services?.uiService.get('navMenuRect').height || 0);
+  const { uiService } = useServices();
+  const frameworkHeight = computed(() => uiService.get('frameworkRect').height);
+  const navMenuHeight = computed(() => uiService.get('navMenuRect').height);
   const editorContentHeight = computed(() => frameworkHeight.value - navMenuHeight.value);
 
   const height = ref(0);
diff --git a/packages/editor/src/hooks/use-filter.ts b/packages/editor/src/hooks/use-filter.ts
index e4f0f2e3..f3b69814 100644
--- a/packages/editor/src/hooks/use-filter.ts
+++ b/packages/editor/src/hooks/use-filter.ts
@@ -1,9 +1,9 @@
 import { type Ref, ref } from 'vue';
 
-import type { Id, MNode } from '@tmagic/schema';
+import type { Id, MNode } from '@tmagic/core';
+import { traverseNode } from '@tmagic/utils';
 
 import type { LayerNodeStatus, TreeNodeData } from '@editor/type';
-import { traverseNode } from '@editor/utils';
 import { updateStatus } from '@editor/utils/tree';
 
 export const useFilter = (
@@ -32,10 +32,12 @@ export const useFilter = (
         const visible = filterIsMatch(text, node);
         if (visible && parents.length) {
           parents.forEach((parent) => {
-            updateStatus(nodeStatusMap.value!, parent.id, {
-              visible,
-              expand: true,
-            });
+            if (text || text.length) {
+              updateStatus(nodeStatusMap.value!, parent.id, {
+                visible,
+                expand: true,
+              });
+            }
           });
         }
 
diff --git a/packages/editor/src/hooks/use-float-box.ts b/packages/editor/src/hooks/use-float-box.ts
index 13da788f..832d4215 100644
--- a/packages/editor/src/hooks/use-float-box.ts
+++ b/packages/editor/src/hooks/use-float-box.ts
@@ -1,6 +1,6 @@
-import { computed, ComputedRef, inject, ref, watch } from 'vue';
+import { computed, ComputedRef, onBeforeUnmount, ref, watch } from 'vue';
 
-import type { Services } from '@editor/type';
+import { useServices } from './use-services';
 
 interface State {
   status: boolean;
@@ -9,7 +9,7 @@ interface State {
 }
 
 export const useFloatBox = (slideKeys: ComputedRef<string[]>) => {
-  const services = inject<Services>('services');
+  const { uiService } = useServices();
 
   const floatBoxStates = ref<{
     [key in (typeof slideKeys.value)[number]]: State;
@@ -30,22 +30,62 @@ export const useFloatBox = (slideKeys: ComputedRef<string[]>) => {
   const showingBoxKeys = computed(() =>
     Object.keys(floatBoxStates.value).filter((key) => floatBoxStates.value[key].status),
   );
-  const isDragging = ref(false);
 
-  const dragstartHandler = () => (isDragging.value = true);
-  const dragendHandler = (key: string, e: DragEvent) => {
-    const navMenuRect = services?.uiService?.get('navMenuRect');
-    floatBoxStates.value[key] = {
-      left: e.clientX,
-      top: (navMenuRect?.top ?? 0) + (navMenuRect?.height ?? 0),
-      status: true,
-    };
-    isDragging.value = false;
+  const dragState = {
+    startOffset: {
+      x: 0,
+      y: 0,
+    },
+    isDragging: false,
   };
 
-  document.body.addEventListener('dragover', (e: DragEvent) => {
-    if (!isDragging.value) return;
+  const dragstartHandler = (e: DragEvent) => {
+    dragState.isDragging = true;
+
+    dragState.startOffset.x = e.clientX;
+    dragState.startOffset.y = e.clientY;
+  };
+
+  const effectiveDistance = 20;
+
+  const dragendHandler = (key: string, e: DragEvent) => {
+    if (!dragState.isDragging) return;
+
+    const { startOffset } = dragState;
+
+    if (
+      Math.abs(startOffset.x - e.clientX) > effectiveDistance ||
+      Math.abs(startOffset.y - e.clientY) > effectiveDistance
+    ) {
+      const navMenuRect = uiService.get('navMenuRect');
+      floatBoxStates.value[key] = {
+        left: e.clientX,
+        top: navMenuRect.top + navMenuRect.height,
+        status: true,
+      };
+    }
+
+    dragState.isDragging = false;
+  };
+
+  const dragoverHandler = (e: DragEvent) => {
+    if (!dragState.isDragging) return;
     e.preventDefault();
+  };
+
+  const blurHandler = () => {
+    dragState.startOffset.x = 0;
+    dragState.startOffset.y = 0;
+
+    dragState.isDragging = false;
+  };
+
+  globalThis.document.body.addEventListener('dragover', dragoverHandler);
+  globalThis.addEventListener('blur', blurHandler);
+
+  onBeforeUnmount(() => {
+    globalThis.document.body.removeEventListener('dragover', dragoverHandler);
+    globalThis.removeEventListener('blur', blurHandler);
   });
 
   watch(
diff --git a/packages/editor/src/hooks/use-getso.ts b/packages/editor/src/hooks/use-getso.ts
index e71bb5e9..36ad0318 100644
--- a/packages/editor/src/hooks/use-getso.ts
+++ b/packages/editor/src/hooks/use-getso.ts
@@ -1,9 +1,9 @@
-import { onBeforeUnmount, onMounted, type Ref, ref } from 'vue';
+import { onBeforeUnmount, onMounted, ref, type ShallowRef } from 'vue';
 import Gesto, { type OnDrag } from 'gesto';
 
-export const useGetSo = (target: Ref<HTMLElement | undefined>, emit: (evt: 'change', e: OnDrag<Gesto>) => void) => {
+export const useGetSo = (target: ShallowRef<HTMLElement | null>, emit: (evt: 'change', e: OnDrag<Gesto>) => void) => {
   let getso: Gesto;
-  const isDraging = ref(false);
+  const isDragging = ref(false);
 
   onMounted(() => {
     if (!target.value) return;
@@ -17,19 +17,19 @@ export const useGetSo = (target: Ref<HTMLElement | undefined>, emit: (evt: 'chan
         emit('change', e);
       })
       .on('dragStart', () => {
-        isDraging.value = true;
+        isDragging.value = true;
       })
       .on('dragEnd', () => {
-        isDraging.value = false;
+        isDragging.value = false;
       });
   });
 
   onBeforeUnmount(() => {
     getso?.unset();
-    isDraging.value = false;
+    isDragging.value = false;
   });
 
   return {
-    isDraging,
+    isDragging,
   };
 };
diff --git a/packages/editor/src/hooks/use-next-float-box-position.ts b/packages/editor/src/hooks/use-next-float-box-position.ts
index b4eb98f4..6bba47ef 100644
--- a/packages/editor/src/hooks/use-next-float-box-position.ts
+++ b/packages/editor/src/hooks/use-next-float-box-position.ts
@@ -1,24 +1,24 @@
-import { Ref, ref } from 'vue';
+import { type Ref, ref } from 'vue';
 
-import { UiService } from '@editor/services/ui';
+import type { Services } from '@editor/type';
 
-export const useNextFloatBoxPosition = (uiService?: UiService, parent?: Ref<HTMLDivElement | null>) => {
+export const useNextFloatBoxPosition = (uiService: Services['uiService'], parent?: Ref<HTMLDivElement | null>) => {
   const boxPosition = ref({
     left: 0,
     top: 0,
   });
 
   const calcBoxPosition = () => {
-    const columnWidth = uiService?.get('columnWidth');
-    const navMenuRect = uiService?.get('navMenuRect');
-    let left = columnWidth?.left ?? 0;
+    const columnWidth = uiService.get('columnWidth');
+    const navMenuRect = uiService.get('navMenuRect');
+    let left = columnWidth.left ?? 0;
     if (parent?.value) {
-      const rect = parent?.value?.getBoundingClientRect();
-      left = (rect?.left ?? 0) + (rect?.width ?? 0);
+      const rect = parent.value.getBoundingClientRect();
+      left = rect.left + rect.width;
     }
     boxPosition.value = {
       left,
-      top: (navMenuRect?.top ?? 0) + (navMenuRect?.height ?? 0),
+      top: navMenuRect.top + navMenuRect.height,
     };
   };
 
diff --git a/packages/editor/src/hooks/use-node-status.ts b/packages/editor/src/hooks/use-node-status.ts
index cd3ad448..f253314b 100644
--- a/packages/editor/src/hooks/use-node-status.ts
+++ b/packages/editor/src/hooks/use-node-status.ts
@@ -1,9 +1,9 @@
-import { ComputedRef, ref, watch } from 'vue';
+import { type ComputedRef, ref, watch } from 'vue';
 
-import type { Id, MNode } from '@tmagic/schema';
+import type { Id, MNode } from '@tmagic/core';
+import { traverseNode } from '@tmagic/utils';
 
 import { LayerNodeStatus, TreeNodeData } from '@editor/type';
-import { traverseNode } from '@editor/utils';
 
 const createPageNodeStatus = (nodeData: TreeNodeData[], initialLayerNodeStatus?: Map<Id, LayerNodeStatus>) => {
   const map = new Map<Id, LayerNodeStatus>();
diff --git a/packages/editor/src/hooks/use-services.ts b/packages/editor/src/hooks/use-services.ts
new file mode 100644
index 00000000..2308fdd9
--- /dev/null
+++ b/packages/editor/src/hooks/use-services.ts
@@ -0,0 +1,13 @@
+import { inject } from 'vue';
+
+import type { Services } from '@editor/type';
+
+export const useServices = () => {
+  const services = inject<Services>('services');
+
+  if (!services) {
+    throw new Error('services is required');
+  }
+
+  return services;
+};
diff --git a/packages/editor/src/hooks/use-stage.ts b/packages/editor/src/hooks/use-stage.ts
index 00ae2883..da7821fb 100644
--- a/packages/editor/src/hooks/use-stage.ts
+++ b/packages/editor/src/hooks/use-stage.ts
@@ -1,17 +1,14 @@
 import { computed, watch } from 'vue';
 
-import type { MNode } from '@tmagic/schema';
+import type { MNode } from '@tmagic/core';
 import StageCore, { GuidesType, RemoveEventData, SortEventData, UpdateEventData } from '@tmagic/stage';
+import { getIdFromEl } from '@tmagic/utils';
 
 import editorService from '@editor/services/editor';
 import uiService from '@editor/services/ui';
-import {
-  H_GUIDE_LINE_STORAGE_KEY,
-  StageOptions,
-  UI_SELECT_MODE_EVENT_NAME,
-  V_GUIDE_LINE_STORAGE_KEY,
-} from '@editor/type';
-import { getGuideLineFromCache } from '@editor/utils/editor';
+import type { StageOptions } from '@editor/type';
+import { H_GUIDE_LINE_STORAGE_KEY, UI_SELECT_MODE_EVENT_NAME, V_GUIDE_LINE_STORAGE_KEY } from '@editor/utils/const';
+import { buildChangeRecords, getGuideLineFromCache } from '@editor/utils/editor';
 
 const root = computed(() => editorService.get('root'));
 const page = computed(() => editorService.get('page'));
@@ -48,6 +45,7 @@ export const useStage = (stageOptions: StageOptions) => {
     updateDragEl: stageOptions.updateDragEl,
     guidesOptions: stageOptions.guidesOptions,
     disabledMultiSelect: stageOptions.disabledMultiSelect,
+    disabledRule: stageOptions.disabledRule,
   });
 
   watch(
@@ -61,7 +59,7 @@ export const useStage = (stageOptions: StageOptions) => {
     },
   );
 
-  stage.mask.setGuides([
+  stage.mask?.setGuides([
     getGuideLineFromCache(getGuideLineKey(H_GUIDE_LINE_STORAGE_KEY)),
     getGuideLineFromCache(getGuideLineKey(V_GUIDE_LINE_STORAGE_KEY)),
   ]);
@@ -71,27 +69,40 @@ export const useStage = (stageOptions: StageOptions) => {
   });
 
   stage.on('select', (el: HTMLElement) => {
-    if (`${editorService.get('node')?.id}` === el.id && editorService.get('nodes').length === 1) return;
-    editorService.select(el.id);
+    const id = getIdFromEl()(el);
+    if (`${editorService.get('node')?.id}` === id && editorService.get('nodes').length === 1) return;
+    id && editorService.select(id);
   });
 
   stage.on('highlight', (el: HTMLElement) => {
-    editorService.highlight(el.id);
+    const id = getIdFromEl()(el);
+    id && editorService.highlight(id);
   });
 
   stage.on('multi-select', (els: HTMLElement[]) => {
-    editorService.multiSelect(els.map((el) => el.id));
+    const ids = els.map((el) => getIdFromEl()(el)).filter((id) => Boolean(id)) as string[];
+    editorService.multiSelect(ids);
   });
 
   stage.on('update', (ev: UpdateEventData) => {
     if (ev.parentEl) {
       for (const data of ev.data) {
-        editorService.moveToContainer({ id: data.el.id, style: data.style }, ev.parentEl.id);
+        const id = getIdFromEl()(data.el);
+        const pId = getIdFromEl()(ev.parentEl);
+        id && pId && editorService.moveToContainer({ id, style: data.style }, pId);
       }
       return;
     }
 
-    editorService.update(ev.data.map((data) => ({ id: data.el.id, style: data.style })));
+    // 为每个元素单独更新，确保 changeRecords 与对应的元素关联
+    ev.data.forEach((data) => {
+      const id = getIdFromEl()(data.el);
+      if (!id) return;
+
+      const { style = {} } = data;
+
+      editorService.update({ id, style }, { changeRecords: buildChangeRecords(style, 'style') });
+    });
   });
 
   stage.on('sort', (ev: SortEventData) => {
@@ -99,7 +110,7 @@ export const useStage = (stageOptions: StageOptions) => {
   });
 
   stage.on('remove', (ev: RemoveEventData) => {
-    const nodes = ev.data.map(({ el }) => editorService.getNodeById(el.id));
+    const nodes = ev.data.map(({ el }) => editorService.getNodeById(getIdFromEl()(el) || ''));
     editorService.remove(nodes.filter((node) => Boolean(node)) as MNode[]);
   });
 
diff --git a/packages/editor/src/index.ts b/packages/editor/src/index.ts
index b216a0e8..45781463 100644
--- a/packages/editor/src/index.ts
+++ b/packages/editor/src/index.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -15,34 +15,20 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { App } from 'vue';
 
-import Code from './fields/Code.vue';
-import CodeLink from './fields/CodeLink.vue';
-import CodeSelect from './fields/CodeSelect.vue';
-import CodeSelectCol from './fields/CodeSelectCol.vue';
-import DataSourceFields from './fields/DataSourceFields.vue';
-import DataSourceFieldSelect from './fields/DataSourceFieldSelect.vue';
-import DataSourceInput from './fields/DataSourceInput.vue';
-import DataSourceMethods from './fields/DataSourceMethods.vue';
-import DataSourceMethodSelect from './fields/DataSourceMethodSelect.vue';
-import DataSourceMocks from './fields/DataSourceMocks.vue';
-import DataSourceSelect from './fields/DataSourceSelect.vue';
-import EventSelect from './fields/EventSelect.vue';
-import KeyValue from './fields/KeyValue.vue';
-import PageFragmentSelect from './fields/PageFragmentSelect.vue';
-import uiSelect from './fields/UISelect.vue';
-import CodeEditor from './layouts/CodeEditor.vue';
-import { setConfig } from './utils/config';
-import Editor from './Editor.vue';
-import type { InstallOptions } from './type';
-
-import './theme/index.scss';
+export * from '@tmagic/form';
+export { default as formPlugin } from '@tmagic/form';
+export * from '@tmagic/table';
+export { default as tablePlugin } from '@tmagic/table';
+export * from '@tmagic/stage';
+export { default as StageCore } from '@tmagic/stage';
+export * from '@tmagic/design';
+export { default as designPlugin } from '@tmagic/design';
+export * from '@tmagic/utils';
 
 export type { OnDrag } from 'gesto';
 
-export { DepTargetType } from '@tmagic/dep';
-export type { MoveableOptions } from '@tmagic/stage';
+export { DepTargetType } from '@tmagic/core';
 export * from './type';
 export * from './hooks';
 export * from './utils';
@@ -68,13 +54,15 @@ export { default as DataSourceMethods } from './fields/DataSourceMethods.vue';
 export { default as DataSourceInput } from './fields/DataSourceInput.vue';
 export { default as DataSourceSelect } from './fields/DataSourceSelect.vue';
 export { default as DataSourceMethodSelect } from './fields/DataSourceMethodSelect.vue';
-export { default as DataSourceFieldSelect } from './fields/DataSourceFieldSelect.vue';
+export { default as DataSourceFieldSelect } from './fields/DataSourceFieldSelect/Index.vue';
 export { default as EventSelect } from './fields/EventSelect.vue';
 export { default as KeyValue } from './fields/KeyValue.vue';
 export { default as CodeBlockList } from './layouts/sidebar/code-block/CodeBlockList.vue';
 export { default as CodeBlockListPanel } from './layouts/sidebar/code-block/CodeBlockListPanel.vue';
 export { default as DataSourceConfigPanel } from './layouts/sidebar/data-source/DataSourceConfigPanel.vue';
-export { default as PropsPanel } from './layouts/PropsPanel.vue';
+export { default as DataSourceAddButton } from './layouts/sidebar/data-source/DataSourceAddButton.vue';
+export { default as PropsPanel } from './layouts/props-panel/PropsPanel.vue';
+export { default as PropsFormPanel } from './layouts/props-panel/FormPanel.vue';
 export { default as ToolButton } from './components/ToolButton.vue';
 export { default as ContentMenu } from './components/ContentMenu.vue';
 export { default as Icon } from './components/Icon.vue';
@@ -83,36 +71,11 @@ export { default as SplitView } from './components/SplitView.vue';
 export { default as Resizer } from './components/Resizer.vue';
 export { default as CodeBlockEditor } from './components/CodeBlockEditor.vue';
 export { default as FloatingBox } from './components/FloatingBox.vue';
+export { default as Tree } from './components/Tree.vue';
+export { default as TreeNode } from './components/TreeNode.vue';
 export { default as PageFragmentSelect } from './fields/PageFragmentSelect.vue';
+export { default as DisplayConds } from './fields/DisplayConds.vue';
+export { default as CondOpSelect } from './fields/CondOpSelect.vue';
+export { default as StyleSetter } from './fields/StyleSetter/Index.vue';
 
-const defaultInstallOpt: InstallOptions = {
-  // eslint-disable-next-line no-eval
-  parseDSL: (dsl: string) => eval(dsl),
-};
-
-export default {
-  install: (app: App, opt?: Partial<InstallOptions>): void => {
-    const option = Object.assign(defaultInstallOpt, opt || {});
-
-    // eslint-disable-next-line no-param-reassign
-    app.config.globalProperties.$TMAGIC_EDITOR = option;
-    setConfig(option);
-    app.component(`${Editor.name || 'MEditor'}`, Editor);
-    app.component('magic-code-editor', CodeEditor);
-    app.component('m-fields-ui-select', uiSelect);
-    app.component('m-fields-code-link', CodeLink);
-    app.component('m-fields-vs-code', Code);
-    app.component('m-fields-code-select', CodeSelect);
-    app.component('m-fields-code-select-col', CodeSelectCol);
-    app.component('m-fields-event-select', EventSelect);
-    app.component('m-fields-data-source-fields', DataSourceFields);
-    app.component('m-fields-data-source-mocks', DataSourceMocks);
-    app.component('m-fields-key-value', KeyValue);
-    app.component('m-fields-data-source-input', DataSourceInput);
-    app.component('m-fields-data-source-select', DataSourceSelect);
-    app.component('m-fields-data-source-methods', DataSourceMethods);
-    app.component('m-fields-data-source-method-select', DataSourceMethodSelect);
-    app.component('m-fields-data-source-field-select', DataSourceFieldSelect);
-    app.component('m-fields-page-fragment-select', PageFragmentSelect);
-  },
-};
+export { default } from './plugin';
diff --git a/packages/editor/src/initService.ts b/packages/editor/src/initService.ts
index 788383c5..b841af83 100644
--- a/packages/editor/src/initService.ts
+++ b/packages/editor/src/initService.ts
@@ -1,22 +1,36 @@
-import { onBeforeUnmount, reactive, toRaw, watch } from 'vue';
+import { nextTick, onBeforeUnmount, reactive, toRaw, watch } from 'vue';
 import { cloneDeep } from 'lodash-es';
 
-import type { EventOption } from '@tmagic/core';
+import type TMagicCore from '@tmagic/core';
+import type {
+  CodeBlockContent,
+  DataSourceSchema,
+  EventOption,
+  Id,
+  MApp,
+  MComponent,
+  MPage,
+  MPageFragment,
+} from '@tmagic/core';
 import {
   createCodeBlockTarget,
   createDataSourceCondTarget,
   createDataSourceMethodTarget,
   createDataSourceTarget,
   DepTargetType,
+  NODE_CONDS_KEY,
+  NodeType,
   Target,
-} from '@tmagic/dep';
-import type { CodeBlockContent, DataSourceSchema, Id, MApp, MNode, MPage, MPageFragment } from '@tmagic/schema';
-import { isPage } from '@tmagic/utils';
+  updateNode,
+} from '@tmagic/core';
+import { ChangeRecord } from '@tmagic/form';
+import StageCore from '@tmagic/stage';
+import { getDepNodeIds, getNodes, isPage, isValueIncludeDataSource } from '@tmagic/utils';
 
 import PropsPanel from './layouts/PropsPanel.vue';
+import { isIncludeDataSource } from './utils/editor';
 import { EditorProps } from './editorProps';
 import { Services } from './type';
-import { traverseNode } from './utils';
 
 export declare type LooseRequired<T> = {
   [P in string & keyof T]: T[P];
@@ -34,6 +48,7 @@ export const initServiceState = (
     codeBlockService,
     keybindingService,
     dataSourceService,
+    depService,
   }: Services,
 ) => {
   // 初始值变化，重新设置节点信息
@@ -95,11 +110,12 @@ export const initServiceState = (
       const eventsList: Record<string, EventOption[]> = {};
       const methodsList: Record<string, EventOption[]> = {};
 
-      eventMethodList &&
-        Object.keys(eventMethodList).forEach((type: string) => {
+      if (eventMethodList) {
+        for (const type of Object.keys(eventMethodList)) {
           eventsList[type] = eventMethodList[type].events;
           methodsList[type] = eventMethodList[type].methods;
-        });
+        }
+      }
 
       eventsService.setEvents(eventsList);
       eventsService.setMethods(methodsList);
@@ -112,10 +128,13 @@ export const initServiceState = (
   watch(
     () => props.datasourceConfigs,
     (configs) => {
-      configs &&
-        Object.entries(configs).forEach(([key, value]) => {
-          dataSourceService.setFormConfig(key, value);
-        });
+      if (!configs) {
+        return;
+      }
+
+      for (const [key, value] of Object.entries(configs)) {
+        dataSourceService.setFormConfig(key, value);
+      }
     },
     {
       immediate: true,
@@ -125,10 +144,13 @@ export const initServiceState = (
   watch(
     () => props.datasourceValues,
     (values) => {
-      values &&
-        Object.entries(values).forEach(([key, value]) => {
-          dataSourceService.setFormValue(key, value);
-        });
+      if (!values) {
+        return;
+      }
+
+      for (const [key, value] of Object.entries(values)) {
+        dataSourceService.setFormValue(key, value);
+      }
     },
     {
       immediate: true,
@@ -141,18 +163,20 @@ export const initServiceState = (
       const eventsList: Record<string, EventOption[]> = {};
       const methodsList: Record<string, EventOption[]> = {};
 
-      eventMethodList &&
-        Object.keys(eventMethodList).forEach((type: string) => {
+      if (eventMethodList) {
+        for (const type of Object.keys(eventMethodList)) {
           eventsList[type] = eventMethodList[type].events;
           methodsList[type] = eventMethodList[type].methods;
-        });
+        }
+      }
 
-      Object.entries(eventsList).forEach(([key, value]) => {
+      for (const [key, value] of Object.entries(eventsList)) {
         dataSourceService.setFormEvent(key, value);
-      });
-      Object.entries(methodsList).forEach(([key, value]) => {
+      }
+
+      for (const [key, value] of Object.entries(methodsList)) {
         dataSourceService.setFormMethod(key, value);
-      });
+      }
     },
     {
       immediate: true,
@@ -175,6 +199,22 @@ export const initServiceState = (
     },
   );
 
+  watch(
+    () => props.disabledCodeBlock,
+    (disabledCodeBlock) => propsService.setDisabledCodeBlock(disabledCodeBlock ?? false),
+    {
+      immediate: true,
+    },
+  );
+
+  watch(
+    () => props.disabledDataSource,
+    (disabledDataSource) => propsService.setDisabledDataSource(disabledDataSource ?? false),
+    {
+      immediate: true,
+    },
+  );
+
   onBeforeUnmount(() => {
     editorService.resetState();
     historyService.resetState();
@@ -183,6 +223,7 @@ export const initServiceState = (
     componentListService.resetState();
     codeBlockService.resetState();
     keybindingService.reset();
+    depService.reset();
   });
 };
 
@@ -192,99 +233,199 @@ export const initServiceEvents = (
     ((event: 'update:modelValue', value: MApp | null) => void),
   { editorService, codeBlockService, dataSourceService, depService }: Services,
 ) => {
-  const getApp = () => {
-    const stage = editorService.get('stage');
-    return stage?.renderer.runtime?.getApp?.();
+  let getTMagicAppPrimise: Promise<TMagicCore | undefined> | null = null;
+
+  const getTMagicApp = async (): Promise<TMagicCore | undefined> => {
+    const stage = await getStage();
+    const { renderer } = stage;
+    if (!renderer) {
+      return void 0;
+    }
+
+    if (renderer.runtime) {
+      return renderer.runtime.getApp?.();
+    }
+
+    if (getTMagicAppPrimise) {
+      return getTMagicAppPrimise;
+    }
+
+    getTMagicAppPrimise = new Promise<TMagicCore | undefined>((resolve) => {
+      // 设置 10s 超时
+      const timeout = globalThis.setTimeout(() => {
+        resolve(void 0);
+      }, 10000);
+
+      renderer.once('runtime-ready', () => {
+        if (timeout) {
+          globalThis.clearTimeout(timeout);
+        }
+        resolve(renderer.runtime?.getApp?.());
+      });
+    });
+
+    return getTMagicAppPrimise;
   };
 
-  const updateDataSourceSchema = () => {
-    const root = editorService.get('root');
-
-    if (root?.dataSources) {
-      getApp()?.dataSourceManager?.updateSchema(root.dataSources);
+  const updateStageNodes = (nodes: MComponent[]) => {
+    for (const node of nodes) {
+      updateStageNode(node);
     }
   };
 
-  const targetAddHandler = (target: Target) => {
+  const updateStageNode = (node: MComponent) => {
     const root = editorService.get('root');
     if (!root) return;
 
-    if (target.type === DepTargetType.DATA_SOURCE) {
-      if (!root.dataSourceDeps) {
-        root.dataSourceDeps = {};
-      }
-      root.dataSourceDeps[target.id] = target.deps;
-    }
-
-    if (target.type === DepTargetType.DATA_SOURCE_COND) {
-      if (!root.dataSourceCondDeps) {
-        root.dataSourceCondDeps = {};
-      }
-      root.dataSourceCondDeps[target.id] = target.deps;
-    }
-  };
-
-  const targetRemoveHandler = (id: string | number) => {
-    const root = editorService.get('root');
-
-    if (root?.dataSourceDeps) {
-      delete root.dataSourceDeps[id];
-    }
-
-    if (root?.dataSourceCondDeps) {
-      delete root.dataSourceCondDeps[id];
-    }
-  };
-
-  const collectedHandler = (nodes: MNode[], deep: boolean) => {
-    const root = editorService.get('root');
-    const stage = editorService.get('stage');
-
-    if (!root || !stage) return;
-
-    const app = getApp();
-
-    if (!app) return;
-
-    if (app.dsl) {
-      app.dsl.dataSourceDeps = root.dataSourceDeps;
-      app.dsl.dataSourceCondDeps = root.dataSourceCondDeps;
-      app.dsl.dataSources = root.dataSources;
-    }
-
-    updateDataSourceSchema();
-
-    const allNodes: MNode[] = [];
-
-    if (deep) {
-      nodes.forEach((node) => {
-        traverseNode<MNode>(node, (node) => {
-          if (!allNodes.includes(node)) {
-            allNodes.push(node);
-          }
-        });
-      });
-    } else {
-      allNodes.push(...nodes);
-    }
-
-    const deps = Object.values(root.dataSourceDeps || {});
-    deps.forEach((dep) => {
-      Object.keys(dep).forEach((id) => {
-        const node = allNodes.find((node) => node.id === id);
-        node &&
-          stage.update({
-            config: cloneDeep(node),
-            parentId: editorService.getParentById(node.id)?.id,
-            root: cloneDeep(root),
-          });
-      });
+    return editorService.get('stage')?.update({
+      config: cloneDeep(node),
+      parentId: editorService.getParentById(node.id)?.id,
+      root: cloneDeep(root),
     });
   };
 
-  depService.on('add-target', targetAddHandler);
-  depService.on('remove-target', targetRemoveHandler);
-  depService.on('collected', collectedHandler);
+  const updateDataSourceSchema = async () => {
+    const root = editorService.get('root');
+    const app = await getTMagicApp();
+
+    if (!app || !root) {
+      return;
+    }
+
+    if (app.dsl) {
+      app.dsl.dataSources = root.dataSources;
+    }
+  };
+
+  const dsDepCollectedHandler = () => {
+    const root = editorService.get('root');
+    getTMagicApp()?.then((app?: TMagicCore) => {
+      if (root && app?.dsl) {
+        app.dsl.dataSourceDeps = root.dataSourceDeps;
+      }
+    });
+  };
+
+  const getPageIdByNode = (node: MComponent) => {
+    let pageId: Id | undefined;
+
+    if (isPage(node)) {
+      pageId = node.id;
+    } else {
+      const info = editorService.getNodeInfo(node.id);
+      pageId = info.page?.id;
+    }
+
+    return pageId;
+  };
+
+  const collectIdle = (nodes: MComponent[], deep: boolean, type?: DepTargetType) =>
+    Promise.all(
+      nodes.map((node) => {
+        if (node.type === NodeType.ROOT) {
+          return Promise.resolve();
+        }
+        return depService.collectIdle([node], { pageId: getPageIdByNode(node) }, deep, type);
+      }),
+    );
+
+  watch(
+    () => editorService.get('stage'),
+    (stage) => {
+      if (!stage) {
+        return;
+      }
+
+      stage.on('rerender', async () => {
+        const node = editorService.get('node');
+
+        if (!node) return;
+
+        await collectIdle([node], true, DepTargetType.DATA_SOURCE);
+        updateStageNode(node);
+      });
+    },
+  );
+
+  watch(
+    () => props.runtimeUrl,
+    (url) => {
+      if (!url) {
+        return;
+      }
+
+      const stage = editorService.get('stage');
+      if (!stage) {
+        return;
+      }
+
+      stage.reloadIframe(url);
+
+      stage.renderer?.once('runtime-ready', (runtime) => {
+        runtime.updateRootConfig?.(cloneDeep(toRaw(editorService.get('root')))!);
+        const page = editorService.get('page');
+        const node = editorService.get('node');
+        page?.id && runtime?.updatePageId?.(page.id);
+        setTimeout(() => {
+          node && stage?.select(toRaw(node.id));
+        });
+      });
+    },
+  );
+
+  const getStage = (): Promise<StageCore> => {
+    const stage = editorService.get('stage');
+    if (stage) {
+      return Promise.resolve(stage);
+    }
+
+    return new Promise<StageCore>((resolve) => {
+      const unWatch = watch(
+        () => editorService.get('stage'),
+        (stage) => {
+          if (stage) {
+            resolve(stage);
+            nextTick(() => {
+              unWatch();
+            });
+          }
+        },
+      );
+    });
+  };
+
+  const updateStageDsl = async (value: MApp | null) => {
+    const stage = await getStage();
+
+    const runtime = await stage.renderer?.getRuntime();
+    const app = await getTMagicApp();
+
+    if (!app?.dataSourceManager) {
+      runtime?.updateRootConfig?.(cloneDeep(toRaw(value))!);
+    }
+
+    const page = editorService.get('page');
+    const node = editorService.get('node');
+    page?.id && runtime?.updatePageId?.(page.id);
+    setTimeout(() => {
+      node && stage?.select(toRaw(node.id));
+    });
+
+    if (value) {
+      depService.clearIdleTasks();
+
+      await (typeof Worker === 'undefined' ? collectIdle(value.items, true) : depService.collectByWorker(value));
+
+      const dsl = cloneDeep(toRaw(value));
+      if (dsl.dataSources && dsl.dataSourceDeps && app?.dataSourceManager) {
+        for (const node of getNodes(getDepNodeIds(dsl.dataSourceDeps), dsl.items)) {
+          updateNode(app.dataSourceManager.compiledNode(node), dsl);
+        }
+      }
+
+      runtime?.updateRootConfig?.(dsl);
+    }
+  };
 
   const initDataSourceDepTarget = (ds: DataSourceSchema) => {
     depService.addTarget(createDataSourceTarget(ds, reactive({})));
@@ -292,7 +433,7 @@ export const initServiceEvents = (
     depService.addTarget(createDataSourceCondTarget(ds, reactive({})));
   };
 
-  const rootChangeHandler = async (value: MApp | null, preValue?: MApp | null) => {
+  const rootChangeHandler = (value: MApp | null, preValue?: MApp | null) => {
     if (!value) return;
 
     value.codeBlocks = value.codeBlocks || {};
@@ -301,78 +442,129 @@ export const initServiceEvents = (
     codeBlockService.setCodeDsl(value.codeBlocks);
     dataSourceService.set('dataSources', value.dataSources);
 
-    depService.removeTargets(DepTargetType.CODE_BLOCK);
+    depService.clearTargets();
 
-    Object.entries(value.codeBlocks).forEach(([id, code]) => {
+    for (const [id, code] of Object.entries(value.codeBlocks)) {
       depService.addTarget(createCodeBlockTarget(id, code));
-    });
+    }
 
-    dataSourceService.get('dataSources').forEach((ds) => {
+    for (const ds of dataSourceService.get('dataSources')) {
       initDataSourceDepTarget(ds);
-    });
+    }
 
     if (Array.isArray(value.items)) {
-      value.items.forEach((page) => {
-        depService.collectIdle([page], { pageId: page.id }, true);
-      });
+      updateStageDsl(value);
     } else {
       depService.clear();
       delete value.dataSourceDeps;
+      delete value.dataSourceCondDeps;
     }
 
-    const nodeId = editorService.get('node')?.id || props.defaultSelected;
-    let node;
-    if (nodeId) {
-      node = editorService.getNodeById(nodeId);
-    }
-
-    if (node && node !== value) {
-      await editorService.select(node.id);
-    } else if (value.items?.length) {
-      await editorService.select(value.items[0]);
-    } else if (value.id) {
-      editorService.set('nodes', [value]);
-      editorService.set('parent', null);
-      editorService.set('page', null);
-    }
-
-    if (toRaw(value) !== toRaw(preValue)) {
-      emit('update:modelValue', value);
-    }
-  };
-
-  const collectIdle = (nodes: MNode[], deep: boolean) => {
-    nodes.forEach((node) => {
-      let pageId: Id | undefined;
-
-      if (isPage(node)) {
-        pageId = node.id;
-      } else {
-        const info = editorService.getNodeInfo(node.id);
-        pageId = info.page?.id;
+    (async () => {
+      const nodeId = editorService.get('node')?.id || props.defaultSelected;
+      let node;
+      if (nodeId) {
+        node = editorService.getNodeById(nodeId);
       }
-      depService.collectIdle([node], { pageId }, deep);
-    });
+      if (node && node !== value) {
+        await editorService.select(node.id);
+      } else if (value.items?.length) {
+        await editorService.select(value.items[0]);
+      } else if (value.id) {
+        editorService.set('nodes', [value]);
+        editorService.set('parent', null);
+        editorService.set('page', null);
+      }
+
+      if (toRaw(value) !== toRaw(preValue)) {
+        emit('update:modelValue', value);
+      }
+    })();
   };
 
   // 新增节点，收集依赖
-  const nodeAddHandler = (nodes: MNode[]) => {
-    collectIdle(nodes, true);
+  const nodeAddHandler = (nodes: MComponent[]) => {
+    collectIdle(nodes, true).then(() => {
+      updateStageNodes(nodes);
+    });
   };
 
   // 节点更新，收集依赖
-  const nodeUpdateHandler = (nodes: MNode[]) => {
-    collectIdle(nodes, false);
+  // 仅当修改到数据源相关的才收集
+  const nodeUpdateHandler = (data: { newNode: MComponent; oldNode: MComponent; changeRecords?: ChangeRecord[] }[]) => {
+    const needRecollectNodes: MComponent[] = [];
+    const normalNodes: MComponent[] = [];
+    for (const { newNode, oldNode, changeRecords } of data) {
+      if (newNode.type === NodeType.ROOT) {
+        normalNodes.push(newNode);
+      } else if (changeRecords?.length) {
+        // eslint-disable-next-line no-restricted-syntax
+        forChangeRecords: for (const record of changeRecords) {
+          if (!record.propPath) {
+            needRecollectNodes.push(newNode);
+            break forChangeRecords;
+          }
+
+          // NODE_CONDS_KEY为显示条件key
+          if (
+            new RegExp(`${NODE_CONDS_KEY}.(\\d)+.cond`).test(record.propPath) ||
+            new RegExp(`${NODE_CONDS_KEY}.(\\d)+.cond.(\\d)+.value`).test(record.propPath) ||
+            record.propPath === NODE_CONDS_KEY ||
+            isValueIncludeDataSource(record.value)
+          ) {
+            needRecollectNodes.push(newNode);
+            break forChangeRecords;
+          }
+
+          // 修改的key在收集的依赖中，则需要触发重新收集
+          for (const target of Object.values(depService.getTargets(DepTargetType.DATA_SOURCE))) {
+            if (!target.deps[newNode.id]) {
+              continue;
+            }
+            if (target.deps[newNode.id].keys.includes(record.propPath)) {
+              needRecollectNodes.push(newNode);
+              break forChangeRecords;
+            }
+          }
+
+          normalNodes.push(newNode);
+        }
+      } else if (isIncludeDataSource(newNode, oldNode)) {
+        needRecollectNodes.push(newNode);
+      } else {
+        normalNodes.push(newNode);
+      }
+    }
+
+    if (needRecollectNodes.length) {
+      // 有数据源依赖，需要等依赖重新收集完才更新stage
+      const handler = async () => {
+        await collectIdle(needRecollectNodes, true, DepTargetType.DATA_SOURCE);
+        await collectIdle(needRecollectNodes, true, DepTargetType.DATA_SOURCE_COND);
+        updateStageNodes(needRecollectNodes);
+      };
+      handler();
+    } else {
+      updateStageNodes(normalNodes);
+
+      // 在上面判断是否需要收集数据源依赖中已经更新stage
+      Promise.all([
+        collectIdle(normalNodes, true, DepTargetType.CODE_BLOCK),
+        collectIdle(normalNodes, true, DepTargetType.DATA_SOURCE_METHOD),
+      ]);
+    }
   };
 
   // 节点删除，清除对齐的依赖收集
-  const nodeRemoveHandler = (nodes: MNode[]) => {
+  const nodeRemoveHandler = (nodes: MComponent[]) => {
     depService.clear(nodes);
   };
 
   // 由于历史记录变化是更新整个page，所以历史记录变化时，需要重新收集依赖
   const historyChangeHandler = (page: MPage | MPageFragment) => {
-    depService.collectIdle([page], { pageId: page.id }, true);
+    collectIdle([page], true).then(() => {
+      updateStageNode(page);
+    });
   };
 
   editorService.on('history-change', historyChangeHandler);
@@ -381,6 +573,151 @@ export const initServiceEvents = (
   editorService.on('remove', nodeRemoveHandler);
   editorService.on('update', nodeUpdateHandler);
 
+  const dataSourceAddHandler = (config: DataSourceSchema) => {
+    const handler = async () => {
+      initDataSourceDepTarget(config);
+      const app = await getTMagicApp();
+
+      if (!app?.dataSourceManager) {
+        return;
+      }
+
+      app.dataSourceManager.addDataSource(config);
+
+      const newDs = app.dataSourceManager.get(config.id);
+
+      if (newDs) {
+        app.dataSourceManager.init(newDs);
+      }
+    };
+
+    handler();
+  };
+
+  const dataSourceUpdateHandler = (config: DataSourceSchema, { changeRecords }: { changeRecords: ChangeRecord[] }) => {
+    const updateDsData = async () => {
+      const app = await getTMagicApp();
+
+      if (!app?.dataSourceManager) {
+        return;
+      }
+
+      const ds = app.dataSourceManager.get(config.id);
+
+      if (!ds) return;
+
+      ds.setFields(config.fields);
+      ds.setData(config.mocks?.find((mock) => mock.useInEditor)?.data || ds.getDefaultData());
+    };
+
+    let needRecollectDep = false;
+    let isModifyField = false;
+    let isModifyMock = false;
+    let isModifyMethod = false;
+    for (const changeRecord of changeRecords) {
+      if (!changeRecord.propPath) {
+        continue;
+      }
+
+      isModifyField =
+        changeRecord.propPath === 'fields' ||
+        /fields.(\d)+.name/.test(changeRecord.propPath) ||
+        /fields.(\d)+.defaultValue/.test(changeRecord.propPath) ||
+        /fields.(\d)+$/.test(changeRecord.propPath);
+
+      isModifyMock = changeRecord.propPath === 'mocks';
+
+      isModifyMethod =
+        changeRecord.propPath === 'methods' ||
+        /methods.(\d)+.name/.test(changeRecord.propPath) ||
+        /methods.(\d)+$/.test(changeRecord.propPath);
+
+      needRecollectDep = isModifyField || isModifyMock || isModifyMethod;
+
+      if (needRecollectDep) {
+        break;
+      }
+    }
+
+    const root = editorService.get('root');
+    if (needRecollectDep) {
+      if (Array.isArray(root?.items)) {
+        depService.clearIdleTasks();
+
+        let collectIdlePromises: Promise<void[]>[] = [];
+        if (isModifyField) {
+          depService.removeTarget(config.id, DepTargetType.DATA_SOURCE);
+          depService.removeTarget(config.id, DepTargetType.DATA_SOURCE_COND);
+
+          depService.addTarget(createDataSourceTarget(config, reactive({})));
+          depService.addTarget(createDataSourceCondTarget(config, reactive({})));
+
+          collectIdlePromises = [
+            collectIdle(root.items, true, DepTargetType.DATA_SOURCE),
+            collectIdle(root.items, true, DepTargetType.DATA_SOURCE_COND),
+          ];
+        } else if (isModifyMock) {
+          depService.removeTarget(config.id, DepTargetType.DATA_SOURCE);
+
+          depService.addTarget(createDataSourceTarget(config, reactive({})));
+
+          collectIdlePromises = [collectIdle(root.items, true, DepTargetType.DATA_SOURCE)];
+        } else if (isModifyMethod) {
+          depService.removeTarget(config.id, DepTargetType.DATA_SOURCE_METHOD);
+
+          depService.addTarget(createDataSourceMethodTarget(config, reactive({})));
+
+          collectIdlePromises = [collectIdle(root.items, true, DepTargetType.DATA_SOURCE_METHOD)];
+        }
+        Promise.all(collectIdlePromises)
+          .then(() => updateDataSourceSchema())
+          .then(() => updateDsData())
+          .then(() => updateStageNodes(root.items));
+      }
+    } else if (root?.dataSources) {
+      updateDsData();
+    }
+  };
+
+  const removeDataSourceTarget = (id: string) => {
+    depService.removeTarget(id, DepTargetType.DATA_SOURCE);
+    depService.removeTarget(id, DepTargetType.DATA_SOURCE_COND);
+    depService.removeTarget(id, DepTargetType.DATA_SOURCE_METHOD);
+  };
+
+  const dataSourceRemoveHandler = (id: string) => {
+    const root = editorService.get('root');
+
+    if (!root) {
+      return;
+    }
+
+    const handler = async () => {
+      const nodeIds = Object.keys(root.dataSourceDeps?.[id] || {});
+      const nodes = getNodes(nodeIds, root.items);
+
+      await Promise.all([
+        collectIdle(nodes, false, DepTargetType.DATA_SOURCE),
+        collectIdle(nodes, false, DepTargetType.DATA_SOURCE_COND),
+        collectIdle(nodes, false, DepTargetType.DATA_SOURCE_METHOD),
+      ]);
+
+      updateDataSourceSchema();
+
+      const app = await getTMagicApp();
+      app?.dataSourceManager?.removeDataSource(id);
+
+      updateStageNodes(nodes);
+      removeDataSourceTarget(id);
+    };
+
+    handler();
+  };
+
+  dataSourceService.on('add', dataSourceAddHandler);
+  dataSourceService.on('update', dataSourceUpdateHandler);
+  dataSourceService.on('remove', dataSourceRemoveHandler);
+
   const codeBlockAddOrUpdateHandler = (id: Id, codeBlock: CodeBlockContent) => {
     if (depService.hasTarget(id, DepTargetType.CODE_BLOCK)) {
       depService.getTarget(id, DepTargetType.CODE_BLOCK)!.name = codeBlock.name;
@@ -397,40 +734,54 @@ export const initServiceEvents = (
   codeBlockService.on('addOrUpdate', codeBlockAddOrUpdateHandler);
   codeBlockService.on('remove', codeBlockRemoveHandler);
 
-  const dataSourceAddHandler = (config: DataSourceSchema) => {
-    initDataSourceDepTarget(config);
-    getApp()?.dataSourceManager?.addDataSource(config);
-  };
-
-  const dataSourceUpdateHandler = (config: DataSourceSchema) => {
+  const targetAddHandler = (target: Target) => {
     const root = editorService.get('root');
-    removeDataSourceTarget(config.id);
-    initDataSourceDepTarget(config);
+    if (!root) return;
 
-    (root?.items || []).forEach((page) => {
-      depService.collectIdle([page], { pageId: page.id }, true);
-    });
+    if (target.type === DepTargetType.DATA_SOURCE) {
+      if (!root.dataSourceDeps) {
+        root.dataSourceDeps = {};
+      }
+      root.dataSourceDeps[target.id] = target.deps;
+    } else if (target.type === DepTargetType.DATA_SOURCE_COND) {
+      if (!root.dataSourceCondDeps) {
+        root.dataSourceCondDeps = {};
+      }
+      root.dataSourceCondDeps[target.id] = target.deps;
+    } else if (target.type === DepTargetType.DATA_SOURCE_METHOD) {
+      if (!root.dataSourceMethodDeps) {
+        root.dataSourceMethodDeps = {};
+      }
+      root.dataSourceMethodDeps[target.id] = target.deps;
+    }
   };
 
-  const removeDataSourceTarget = (id: string) => {
-    depService.removeTarget(id, DepTargetType.DATA_SOURCE);
-    depService.removeTarget(id, DepTargetType.DATA_SOURCE_COND);
-    depService.removeTarget(id, DepTargetType.DATA_SOURCE_METHOD);
+  const targetRemoveHandler = (id: string | number, type: DepTargetType) => {
+    const root = editorService.get('root');
+
+    if (!root) return;
+
+    if (root.dataSourceDeps && type === DepTargetType.DATA_SOURCE) {
+      delete root.dataSourceDeps[id];
+    }
+
+    if (root.dataSourceCondDeps && type === DepTargetType.DATA_SOURCE_COND) {
+      delete root.dataSourceCondDeps[id];
+    }
+
+    if (root.dataSourceMethodDeps && type === DepTargetType.DATA_SOURCE_METHOD) {
+      delete root.dataSourceMethodDeps[id];
+    }
   };
 
-  const dataSourceRemoveHandler = (id: string) => {
-    removeDataSourceTarget(id);
-    getApp()?.dataSourceManager?.removeDataSource(id);
-  };
-
-  dataSourceService.on('add', dataSourceAddHandler);
-  dataSourceService.on('update', dataSourceUpdateHandler);
-  dataSourceService.on('remove', dataSourceRemoveHandler);
+  depService.on('add-target', targetAddHandler);
+  depService.on('remove-target', targetRemoveHandler);
+  depService.on('ds-collected', dsDepCollectedHandler);
 
   onBeforeUnmount(() => {
     depService.off('add-target', targetAddHandler);
     depService.off('remove-target', targetRemoveHandler);
-    depService.off('collected', collectedHandler);
+    depService.off('ds-collected', dsDepCollectedHandler);
 
     editorService.off('history-change', historyChangeHandler);
     editorService.off('root-change', rootChangeHandler);
diff --git a/packages/editor/src/layouts/AddPageBox.vue b/packages/editor/src/layouts/AddPageBox.vue
index d82f4265..73f47c0d 100644
--- a/packages/editor/src/layouts/AddPageBox.vue
+++ b/packages/editor/src/layouts/AddPageBox.vue
@@ -19,13 +19,13 @@
 </template>
 
 <script lang="ts" setup>
-import { inject, toRaw } from 'vue';
+import { toRaw } from 'vue';
 import { Plus } from '@element-plus/icons-vue';
 
-import { NodeType } from '@tmagic/schema';
+import { NodeType } from '@tmagic/core';
 
 import MIcon from '@editor/components/Icon.vue';
-import type { Services } from '@editor/type';
+import { useServices } from '@editor/hooks/use-services';
 import { generatePageNameByApp } from '@editor/utils';
 
 defineOptions({
@@ -36,13 +36,9 @@ defineProps<{
   disabledPageFragment: boolean;
 }>();
 
-const services = inject<Services>('services');
+const { editorService } = useServices();
 
 const clickHandler = (type: NodeType.PAGE | NodeType.PAGE_FRAGMENT) => {
-  const { editorService } = services || {};
-
-  if (!editorService) return;
-
   const root = toRaw(editorService.get('root'));
   if (!root) throw new Error('root 不能为空');
 
diff --git a/packages/editor/src/layouts/CodeEditor.vue b/packages/editor/src/layouts/CodeEditor.vue
index 080e7e56..b0f22207 100644
--- a/packages/editor/src/layouts/CodeEditor.vue
+++ b/packages/editor/src/layouts/CodeEditor.vue
@@ -1,11 +1,13 @@
 <template>
-  <div :class="`magic-code-editor`">
+  <div class="magic-code-editor">
     <Teleport to="body" :disabled="!fullScreen">
-      <div
-        :class="`magic-code-editor-wrapper${fullScreen ? ' full-screen' : ''}`"
-        :style="!fullScreen && height ? `height: ${height}` : '100%'"
-      >
-        <TMagicButton class="magic-code-editor-full-screen-icon" circle size="small" @click="fullScreenHandler"
+      <div :class="{ 'magic-code-editor-wrapper': true, 'full-screen': fullScreen }" :style="{ height: computeHeight }">
+        <TMagicButton
+          v-if="!disabledFullScreen"
+          class="magic-code-editor-full-screen-icon"
+          circle
+          size="small"
+          @click="fullScreenHandler"
           ><MIcon :icon="FullScreen"></MIcon
         ></TMagicButton>
         <div ref="codeEditor" class="magic-code-editor-content"></div>
@@ -15,16 +17,17 @@
 </template>
 
 <script lang="ts" setup>
-import { onBeforeUnmount, onMounted, ref, watch } from 'vue';
+import { computed, nextTick, onBeforeUnmount, onMounted, onUnmounted, ref, useTemplateRef, watch } from 'vue';
 import { FullScreen } from '@element-plus/icons-vue';
 import { throttle } from 'lodash-es';
+import type * as Monaco from 'monaco-editor';
 import serialize from 'serialize-javascript';
 
 import { TMagicButton } from '@tmagic/design';
 
 import MIcon from '@editor/components/Icon.vue';
-import { getConfig } from '@editor/utils/config';
-import monaco from '@editor/utils/monaco-editor';
+import { getEditorConfig } from '@editor/utils/config';
+import loadMonaco from '@editor/utils/monaco-editor';
 
 defineOptions({
   name: 'MEditorCodeEditor',
@@ -36,12 +39,16 @@ const props = withDefaults(
     modifiedValues?: any;
     type?: 'diff';
     language?: string;
-    options?: {
-      [key: string]: any;
-    };
+    options?: Monaco.editor.IStandaloneEditorConstructionOptions;
     height?: string;
     autoSave?: boolean;
     parse?: boolean;
+    disabledFullScreen?: boolean;
+    autosize?: {
+      minRows?: number;
+      maxRows?: number;
+    };
+    editorCustomType?: string;
   }>(),
   {
     initValues: '',
@@ -51,13 +58,107 @@ const props = withDefaults(
       tabSize: 2,
     }),
     parse: false,
+    disabledFullScreen: false,
   },
 );
 
 const emit = defineEmits(['initd', 'save']);
 
+const autoHeight = ref<string>('');
+let cachedExtraHeight: number | null = null;
+
+const computeHeight = computed(() => {
+  if (fullScreen.value) {
+    return '100%';
+  }
+
+  if (props.height) {
+    return props.height;
+  }
+
+  if (props.autosize) {
+    return autoHeight.value;
+  }
+
+  return '100%';
+});
+
+const calculateExtraHeight = (): number => {
+  let extraHeight = 10; // 默认值
+
+  if (vsEditor && codeEditorEl.value) {
+    try {
+      // 获取编辑器容器的总高度和内容区域高度
+      const editorElement = codeEditorEl.value.querySelector('.monaco-editor');
+      const scrollableElement = codeEditorEl.value.querySelector('.monaco-scrollable-element');
+
+      if (editorElement && scrollableElement) {
+        const editorRect = editorElement.getBoundingClientRect();
+        const scrollableRect = scrollableElement.getBoundingClientRect();
+
+        // 计算编辑器的边框、内边距等额外高度
+        extraHeight = Math.max(editorRect.height - scrollableRect.height, 0);
+
+        // 如果无法获取到有效的差值，使用编辑器配置中的相关选项
+        if (extraHeight === 0 && monaco) {
+          const editorOptions = vsEditor.getOptions();
+          const scrollBeyondLastLine = editorOptions.get(monaco.editor.EditorOption.scrollBeyondLastLine);
+          const padding = editorOptions.get(monaco.editor.EditorOption.padding);
+          const lineHeight = editorOptions.get(monaco.editor.EditorOption.lineHeight) || 20;
+
+          extraHeight = (scrollBeyondLastLine ? lineHeight : 0) + (padding?.top || 0) + (padding?.bottom || 0) + 10; // 基础边距
+        }
+      }
+    } catch (error) {
+      // 如果获取失败，保持默认值
+      console.warn('Failed to calculate editor extra height:', error);
+    }
+  }
+
+  return extraHeight;
+};
+
+const setAutoHeight = (v = '') => {
+  let lines = Math.max(v.split('\n').length, props.autosize?.minRows || 1);
+  if (v) {
+    if (props.autosize?.maxRows) {
+      lines = Math.min(lines, props.autosize.maxRows);
+    }
+  }
+
+  // 获取编辑器实际行高，如果编辑器还未初始化则使用默认值
+  let lineHeight = 20;
+  if (vsEditor && monaco) {
+    const editorOptions = vsEditor.getOptions();
+    lineHeight = editorOptions.get(monaco.editor.EditorOption.lineHeight) || 20;
+  }
+
+  // 获取缓存的额外高度，如果没有缓存则计算并缓存
+  if (cachedExtraHeight === null) {
+    cachedExtraHeight = calculateExtraHeight();
+  }
+
+  const newHeight = `${lines * lineHeight + cachedExtraHeight}px`;
+
+  // 只有当高度真正改变时才更新
+  if (autoHeight.value !== newHeight) {
+    autoHeight.value = newHeight;
+
+    // 高度变化后需要重新布局编辑器
+    nextTick(() => {
+      vsEditor?.layout();
+
+      // 确保内容在可视区域内，滚动到顶部
+      if (vsEditor) {
+        vsEditor.setScrollTop(0);
+        vsEditor.revealLine(1);
+      }
+    });
+  }
+};
+
 const toString = (v: string | any, language: string): string => {
-  let value = '';
+  let value: string;
   if (typeof v !== 'string') {
     if (language === 'json') {
       value = JSON.stringify(v, null, 2);
@@ -76,7 +177,7 @@ const toString = (v: string | any, language: string): string => {
   return value;
 };
 
-const parse = (v: string | any, language: string): any => {
+const parseCode = (v: string | any, language: string): any => {
   if (typeof v !== 'string') {
     return v;
   }
@@ -85,15 +186,16 @@ const parse = (v: string | any, language: string): any => {
     return JSON.parse(v);
   }
 
-  return getConfig('parseDSL')(v);
+  return getEditorConfig('parseDSL')(v);
 };
 
-let vsEditor: monaco.editor.IStandaloneCodeEditor | null = null;
-let vsDiffEditor: monaco.editor.IStandaloneDiffEditor | null = null;
+let monaco: typeof import('monaco-editor') | null = null;
+let vsEditor: Monaco.editor.IStandaloneCodeEditor | null = null;
+let vsDiffEditor: Monaco.editor.IStandaloneDiffEditor | null = null;
 
 const values = ref('');
 const loading = ref(false);
-const codeEditor = ref<HTMLDivElement>();
+const codeEditorEl = useTemplateRef<HTMLDivElement>('codeEditor');
 
 const resizeObserver = new globalThis.ResizeObserver(
   throttle((): void => {
@@ -105,65 +207,106 @@ const resizeObserver = new globalThis.ResizeObserver(
 const setEditorValue = (v: string | any, m: string | any) => {
   values.value = toString(v, props.language.toLocaleLowerCase());
 
+  setAutoHeight(values.value);
+
+  if (!monaco) return;
+
   if (props.type === 'diff') {
     const originalModel = monaco.editor.createModel(values.value, 'text/javascript');
     const modifiedModel = monaco.editor.createModel(toString(m, props.language), 'text/javascript');
-
-    return vsDiffEditor?.setModel({
+    const position = vsDiffEditor?.getPosition();
+    const result = vsDiffEditor?.setModel({
       original: originalModel,
       modified: modifiedModel,
     });
+    if (position) {
+      vsDiffEditor?.setPosition(position);
+      vsDiffEditor?.focus();
+    }
+    return result;
   }
-
-  return vsEditor?.setValue(values.value);
+  // 保存当前光标位置
+  const position = vsEditor?.getPosition();
+  const result = vsEditor?.setValue(values.value);
+  // 恢复光标位置
+  if (position) {
+    vsEditor?.setPosition(position);
+    vsEditor?.focus();
+  }
+  return result;
 };
 
 const getEditorValue = () =>
   (props.type === 'diff' ? vsDiffEditor?.getModifiedEditor().getValue() : vsEditor?.getValue()) || '';
 
+const handleKeyDown = (e: KeyboardEvent) => {
+  if (e.keyCode === 83 && (navigator.platform.match('Mac') ? e.metaKey : e.ctrlKey)) {
+    e.preventDefault();
+    e.stopPropagation();
+    const newValue = getEditorValue();
+    values.value = newValue;
+    emit('save', props.parse ? parseCode(newValue, props.language) : newValue);
+  }
+};
+
 const init = async () => {
-  if (!codeEditor.value) return;
+  if (!codeEditorEl.value) return;
+
+  if (codeEditorEl.value.clientHeight === 0) {
+    await nextTick();
+  }
+
+  // 重置缓存的额外高度，因为编辑器重新初始化
+  cachedExtraHeight = null;
+
+  monaco = await loadMonaco();
 
   const options = {
     value: values.value,
     language: props.language,
     theme: 'vs-dark',
+    editorCustomType: props.editorCustomType,
     ...props.options,
   };
 
   if (props.type === 'diff') {
-    vsDiffEditor = monaco.editor.createDiffEditor(codeEditor.value, options);
+    vsDiffEditor = await getEditorConfig('customCreateMonacoDiffEditor')(monaco!, codeEditorEl.value, options);
+
+    // 监听diff编辑器内容变化
+    vsDiffEditor.getModifiedEditor().onDidChangeModelContent(() => {
+      // 如果使用 autosize，内容变化时重新计算高度
+      if (props.autosize) {
+        setAutoHeight(getEditorValue());
+      }
+    });
   } else {
-    vsEditor = monaco.editor.create(codeEditor.value, options);
+    vsEditor = await getEditorConfig('customCreateMonacoEditor')(monaco!, codeEditorEl.value, options);
+
+    // 监听编辑器内容变化
+    vsEditor.onDidChangeModelContent(() => {
+      // 如果使用 autosize，内容变化时重新计算高度
+      if (props.autosize) {
+        setAutoHeight(getEditorValue());
+      }
+    });
   }
 
   setEditorValue(props.initValues, props.modifiedValues);
 
-  loading.value = false;
-
   emit('initd', vsEditor);
-
-  codeEditor.value.addEventListener('keydown', (e) => {
-    if (e.keyCode === 83 && (navigator.platform.match('Mac') ? e.metaKey : e.ctrlKey)) {
-      e.preventDefault();
-      e.stopPropagation();
-      const newValue = getEditorValue();
-      values.value = newValue;
-      emit('save', props.parse ? parse(newValue, props.language) : newValue);
-    }
-  });
+  codeEditorEl.value.addEventListener('keydown', handleKeyDown);
 
   if (props.type !== 'diff' && props.autoSave) {
     vsEditor?.onDidBlurEditorWidget(() => {
       const newValue = getEditorValue();
       if (values.value !== newValue) {
         values.value = newValue;
-        emit('save', props.parse ? parse(newValue, props.language) : newValue);
+        emit('save', props.parse ? parseCode(newValue, props.language) : newValue);
       }
     });
   }
 
-  resizeObserver.observe(codeEditor.value);
+  resizeObserver.observe(codeEditorEl.value);
 };
 
 watch(
@@ -179,16 +322,41 @@ watch(
   },
 );
 
+watch(
+  () => props.options,
+  (v) => {
+    vsEditor?.updateOptions(v);
+    vsDiffEditor?.updateOptions(v);
+  },
+  {
+    deep: true,
+  },
+);
+
 onMounted(async () => {
   loading.value = true;
 
-  init();
+  await init();
+
+  loading.value = false;
 });
 
 onBeforeUnmount(() => {
   resizeObserver.disconnect();
-});
 
+  vsEditor?.dispose();
+  vsDiffEditor?.dispose();
+
+  vsEditor = null;
+  vsDiffEditor = null;
+  monaco = null;
+
+  // 重置缓存
+  cachedExtraHeight = null;
+});
+onUnmounted(() => {
+  codeEditorEl.value?.removeEventListener('keydown', handleKeyDown);
+});
 const fullScreen = ref(false);
 const fullScreenHandler = () => {
   fullScreen.value = !fullScreen.value;
diff --git a/packages/editor/src/layouts/Framework.vue b/packages/editor/src/layouts/Framework.vue
index 07a0d643..6fb0ef38 100644
--- a/packages/editor/src/layouts/Framework.vue
+++ b/packages/editor/src/layouts/Framework.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="m-editor" ref="content" style="min-width: 180px">
+  <div class="m-editor" ref="content" style="min-width: 900px">
     <slot name="header"></slot>
 
     <slot name="nav"></slot>
@@ -7,24 +7,28 @@
     <slot name="content-before"></slot>
 
     <slot name="src-code" v-if="showSrc">
-      <CodeEditor class="m-editor-content" :init-values="root" :options="codeOptions" @save="saveCode"></CodeEditor>
+      <CodeEditor
+        class="m-editor-content"
+        editor-custom-type="m-editor-content"
+        :init-values="root"
+        :options="codeOptions"
+        @save="saveCode"
+      ></CodeEditor>
     </slot>
 
     <SplitView
-      v-loading="stageLoading"
-      element-loading-text="Runtime 加载中..."
-      v-else
+      v-show="!showSrc"
       ref="splitView"
       class="m-editor-content"
       left-class="m-editor-framework-left"
       center-class="m-editor-framework-center"
       right-class="m-editor-framework-right"
-      v-model:left="columnWidth.left"
-      v-model:right="columnWidth.right"
-      :min-left="65"
-      :min-right="20"
-      :min-center="100"
-      :width="frameworkRect?.width || 0"
+      :left="columnWidth.left"
+      :right="columnWidth.right"
+      :min-left="MIN_LEFT_COLUMN_WIDTH"
+      :min-right="MIN_RIGHT_COLUMN_WIDTH"
+      :min-center="MIN_CENTER_COLUMN_WIDTH"
+      :width="frameworkRect.width"
       @change="columnWidthChange"
     >
       <template #left>
@@ -38,17 +42,21 @@
         </slot>
 
         <slot name="page-bar">
-          <PageBar :disabled-page-fragment="disabledPageFragment">
+          <PageBar
+            :disabled-page-fragment="disabledPageFragment"
+            :page-bar-sort-options="pageBarSortOptions"
+            :filter-function="pageFilterFunction"
+          >
+            <template #page-bar-add-button><slot name="page-bar-add-button"></slot></template>
             <template #page-bar-title="{ page }"><slot name="page-bar-title" :page="page"></slot></template>
             <template #page-bar-popover="{ page }"><slot name="page-bar-popover" :page="page"></slot></template>
+            <template #page-list-popover="{ list }"><slot name="page-list-popover" :list="list"></slot></template>
           </PageBar>
         </slot>
       </template>
 
       <template v-if="page" #right>
-        <TMagicScrollbar>
-          <slot name="props-panel"></slot>
-        </TMagicScrollbar>
+        <slot name="props-panel"></slot>
       </template>
     </SplitView>
 
@@ -58,13 +66,23 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, inject, onBeforeUnmount, onMounted, ref, watch } from 'vue';
+import { computed, inject, onBeforeUnmount, onMounted, useTemplateRef, watch } from 'vue';
 
-import { TMagicScrollbar } from '@tmagic/design';
+import type { MPage, MPageFragment } from '@tmagic/core';
 
 import SplitView from '@editor/components/SplitView.vue';
-import type { FrameworkSlots, GetColumnWidth, Services } from '@editor/type';
-import { getConfig } from '@editor/utils/config';
+import { useServices } from '@editor/hooks/use-services';
+import { Protocol } from '@editor/services/storage';
+import type { FrameworkSlots, GetColumnWidth, PageBarSortOptions } from '@editor/type';
+import { getEditorConfig } from '@editor/utils/config';
+import {
+  DEFAULT_LEFT_COLUMN_WIDTH,
+  LEFT_COLUMN_WIDTH_STORAGE_KEY,
+  MIN_CENTER_COLUMN_WIDTH,
+  MIN_LEFT_COLUMN_WIDTH,
+  MIN_RIGHT_COLUMN_WIDTH,
+  RIGHT_COLUMN_WIDTH_STORAGE_KEY,
+} from '@editor/utils/const';
 
 import PageBar from './page-bar/PageBar.vue';
 import AddPageBox from './AddPageBox.vue';
@@ -78,63 +96,53 @@ defineOptions({
 
 defineProps<{
   disabledPageFragment: boolean;
+  pageBarSortOptions?: PageBarSortOptions;
+  pageFilterFunction?: (_page: MPage | MPageFragment, _keyword: string) => boolean;
 }>();
 
-const DEFAULT_LEFT_COLUMN_WIDTH = 310;
-const DEFAULT_RIGHT_COLUMN_WIDTH = 480;
-
 const codeOptions = inject('codeOptions', {});
-const { editorService, uiService } = inject<Services>('services') || {};
+const { editorService, uiService, storageService } = useServices();
 
-const content = ref<HTMLDivElement>();
-const splitView = ref<InstanceType<typeof SplitView>>();
+const contentEl = useTemplateRef<HTMLDivElement>('content');
+const splitViewRef = useTemplateRef<InstanceType<typeof SplitView>>('splitView');
 
-const root = computed(() => editorService?.get('root'));
-const page = computed(() => editorService?.get('page'));
+const root = computed(() => editorService.get('root'));
+const page = computed(() => editorService.get('page'));
 
-const pageLength = computed(() => editorService?.get('pageLength') || 0);
-const stageLoading = computed(() => editorService?.get('stageLoading') || false);
-const showSrc = computed(() => uiService?.get('showSrc'));
+const pageLength = computed(() => editorService.get('pageLength') || 0);
+const showSrc = computed(() => uiService.get('showSrc'));
 
-const LEFT_COLUMN_WIDTH_STORAGE_KEY = '$MagicEditorLeftColumnWidthData';
-const RIGHT_COLUMN_WIDTH_STORAGE_KEY = '$MagicEditorRightColumnWidthData';
-
-const getLeftColumnWidthCacheData = () =>
-  Number(globalThis.localStorage.getItem(LEFT_COLUMN_WIDTH_STORAGE_KEY)) || DEFAULT_LEFT_COLUMN_WIDTH;
-
-const getRightColumnWidthCacheData = () =>
-  Number(globalThis.localStorage.getItem(RIGHT_COLUMN_WIDTH_STORAGE_KEY)) || DEFAULT_RIGHT_COLUMN_WIDTH;
-
-const columnWidth = ref<Partial<GetColumnWidth>>({
-  left: getLeftColumnWidthCacheData(),
-  center: 0,
-  right: getRightColumnWidthCacheData(),
-});
+const columnWidth = computed(() => uiService.get('columnWidth'));
 
 watch(pageLength, () => {
-  splitView.value?.updateWidth();
+  splitViewRef.value?.updateWidth();
 });
 
 watch(
-  () => uiService?.get('hideSlideBar'),
+  () => uiService.get('hideSlideBar'),
   (hideSlideBar) => {
-    columnWidth.value.left = hideSlideBar ? 0 : getLeftColumnWidthCacheData();
+    uiService.set('columnWidth', {
+      ...columnWidth.value,
+      left: hideSlideBar
+        ? 0
+        : storageService.getItem(LEFT_COLUMN_WIDTH_STORAGE_KEY, { protocol: Protocol.NUMBER }) ||
+          DEFAULT_LEFT_COLUMN_WIDTH,
+    });
   },
 );
 
 const columnWidthChange = (columnW: GetColumnWidth) => {
-  columnWidth.value = columnW;
+  storageService.setItem(LEFT_COLUMN_WIDTH_STORAGE_KEY, columnW.left, { protocol: Protocol.NUMBER });
+  storageService.setItem(RIGHT_COLUMN_WIDTH_STORAGE_KEY, columnW.right, { protocol: Protocol.NUMBER });
 
-  globalThis.localStorage.setItem(LEFT_COLUMN_WIDTH_STORAGE_KEY, `${columnW.left}`);
-  globalThis.localStorage.setItem(RIGHT_COLUMN_WIDTH_STORAGE_KEY, `${columnW.right}`);
-  uiService?.set('columnWidth', columnW);
+  uiService.set('columnWidth', columnW);
 };
 
-const frameworkRect = computed(() => uiService?.get('frameworkRect'));
+const frameworkRect = computed(() => uiService.get('frameworkRect'));
 
 const resizerObserver = new ResizeObserver((entries) => {
   const { contentRect } = entries[0];
-  uiService?.set('frameworkRect', {
+  uiService.set('frameworkRect', {
     width: contentRect.width,
     height: contentRect.height,
     left: contentRect.left,
@@ -143,8 +151,8 @@ const resizerObserver = new ResizeObserver((entries) => {
 });
 
 onMounted(() => {
-  if (content.value) {
-    resizerObserver.observe(content.value);
+  if (contentEl.value) {
+    resizerObserver.observe(contentEl.value);
   }
 });
 
@@ -154,8 +162,8 @@ onBeforeUnmount(() => {
 
 const saveCode = (value: string) => {
   try {
-    const parseDSL = getConfig('parseDSL');
-    editorService?.set('root', parseDSL(value));
+    const parseDSL = getEditorConfig('parseDSL');
+    editorService.set('root', parseDSL(value));
   } catch (e: any) {
     console.error(e);
   }
diff --git a/packages/editor/src/layouts/NavMenu.vue b/packages/editor/src/layouts/NavMenu.vue
index 748ce59b..6fa5da3a 100644
--- a/packages/editor/src/layouts/NavMenu.vue
+++ b/packages/editor/src/layouts/NavMenu.vue
@@ -7,13 +7,14 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, inject, markRaw, onBeforeUnmount, onMounted, ref } from 'vue';
+import { computed, markRaw, onBeforeUnmount, onMounted, useTemplateRef } from 'vue';
 import { Back, Delete, FullScreen, Grid, Memo, Right, ScaleToOriginal, ZoomIn, ZoomOut } from '@element-plus/icons-vue';
 
-import { NodeType } from '@tmagic/schema';
+import { NodeType } from '@tmagic/core';
 
 import ToolButton from '@editor/components/ToolButton.vue';
-import { ColumnLayout, MenuBarData, MenuButton, MenuComponent, MenuItem, Services } from '@editor/type';
+import { useServices } from '@editor/hooks/use-services';
+import { ColumnLayout, MenuBarData, MenuButton, MenuComponent, MenuItem } from '@editor/type';
 
 defineOptions({
   name: 'MEditorNavMenu',
@@ -30,15 +31,14 @@ const props = withDefaults(
   },
 );
 
-const services = inject<Services>('services');
-const uiService = services?.uiService;
+const { uiService, editorService, historyService } = useServices();
 
-const columnWidth = computed(() => services?.uiService.get('columnWidth'));
+const columnWidth = computed(() => uiService.get('columnWidth'));
 const keys = Object.values(ColumnLayout);
 
-const showGuides = computed((): boolean => uiService?.get('showGuides') ?? true);
-const showRule = computed((): boolean => uiService?.get('showRule') ?? true);
-const zoom = computed((): number => uiService?.get('zoom') ?? 1);
+const showGuides = computed((): boolean => uiService.get('showGuides'));
+const showRule = computed((): boolean => uiService.get('showRule'));
+const zoom = computed((): number => uiService.get('zoom'));
 
 const isMac = /mac os x/.test(navigator.userAgent.toLowerCase());
 const ctrl = isMac ? 'Command' : 'Ctrl';
@@ -69,11 +69,11 @@ const getConfig = (item: MenuItem): (MenuButton | MenuComponent)[] => {
         type: 'button',
         className: 'delete',
         icon: markRaw(Delete),
-        tooltip: `刪除(Delete)`,
-        disabled: () => services?.editorService.get('node')?.type === NodeType.PAGE,
+        tooltip: '刪除(Delete)',
+        disabled: () => editorService.get('node')?.type === NodeType.PAGE,
         handler: () => {
-          const node = services?.editorService.get('node');
-          node && services?.editorService.remove(node);
+          const node = editorService.get('node');
+          node && editorService.remove(node);
         },
       });
       break;
@@ -83,8 +83,8 @@ const getConfig = (item: MenuItem): (MenuButton | MenuComponent)[] => {
         className: 'undo',
         icon: markRaw(Back),
         tooltip: `后退(${ctrl}+z)`,
-        disabled: () => !services?.historyService.state.canUndo,
-        handler: () => services?.editorService.undo(),
+        disabled: () => !historyService.state.canUndo,
+        handler: () => editorService.undo(),
       });
       break;
     case 'redo':
@@ -93,8 +93,8 @@ const getConfig = (item: MenuItem): (MenuButton | MenuComponent)[] => {
         className: 'redo',
         icon: markRaw(Right),
         tooltip: `前进(${ctrl}+Shift+z)`,
-        disabled: () => !services?.historyService.state.canRedo,
-        handler: () => services?.editorService.redo(),
+        disabled: () => !historyService.state.canRedo,
+        handler: () => editorService.redo(),
       });
       break;
     case 'zoom-in':
@@ -179,10 +179,12 @@ const buttons = computed(() => {
   return data;
 });
 
+const navMenuEl = useTemplateRef<HTMLDivElement>('navMenu');
+
 const resizeObserver = new ResizeObserver(() => {
-  const rect = navMenu.value?.getBoundingClientRect();
+  const rect = navMenuEl.value?.getBoundingClientRect();
   if (rect) {
-    uiService?.set('navMenuRect', {
+    uiService.set('navMenuRect', {
       left: rect.left,
       top: rect.top,
       width: rect.width,
@@ -190,10 +192,11 @@ const resizeObserver = new ResizeObserver(() => {
     });
   }
 });
-const navMenu = ref<HTMLDivElement>();
+
 onMounted(() => {
-  navMenu.value && resizeObserver.observe(navMenu.value);
+  navMenuEl.value && resizeObserver.observe(navMenuEl.value);
 });
+
 onBeforeUnmount(() => {
   resizeObserver.disconnect();
 });
diff --git a/packages/editor/src/layouts/PropsPanel.vue b/packages/editor/src/layouts/PropsPanel.vue
deleted file mode 100644
index 9205fe46..00000000
--- a/packages/editor/src/layouts/PropsPanel.vue
+++ /dev/null
@@ -1,131 +0,0 @@
-<template>
-  <div class="m-editor-props-panel" v-show="nodes.length === 1">
-    <slot name="props-panel-header"></slot>
-    <MForm
-      ref="configForm"
-      :class="propsPanelSize"
-      :popper-class="`m-editor-props-panel-popper ${propsPanelSize}`"
-      :size="propsPanelSize"
-      :init-values="values"
-      :config="curFormConfig"
-      :extend-state="extendState"
-      @change="submit"
-      @error="errorHandler"
-    ></MForm>
-
-    <TMagicButton
-      v-if="!disabledShowSrc"
-      class="m-editor-props-panel-src-icon"
-      circle
-      size="large"
-      title="源码"
-      :type="showSrc ? 'primary' : ''"
-      @click="showSrc = !showSrc"
-    >
-      <MIcon :icon="DocumentIcon"></MIcon>
-    </TMagicButton>
-
-    <CodeEditor
-      v-if="showSrc"
-      class="m-editor-props-panel-src-code"
-      :height="`${editorContentHeight}px`"
-      :init-values="values"
-      :options="codeOptions"
-      :parse="true"
-      @save="saveCode"
-    ></CodeEditor>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { computed, getCurrentInstance, inject, onBeforeUnmount, onMounted, ref, watchEffect } from 'vue';
-import { Document as DocumentIcon } from '@element-plus/icons-vue';
-
-import { TMagicButton } from '@tmagic/design';
-import type { FormState, FormValue } from '@tmagic/form';
-import { MForm } from '@tmagic/form';
-import type { MNode } from '@tmagic/schema';
-
-import MIcon from '@editor/components/Icon.vue';
-import { useEditorContentHeight } from '@editor/hooks/use-editor-content-height';
-import type { PropsPanelSlots, Services } from '@editor/type';
-
-import CodeEditor from './CodeEditor.vue';
-
-defineSlots<PropsPanelSlots>();
-
-defineOptions({
-  name: 'MEditorPropsPanel',
-});
-
-defineProps<{
-  disabledShowSrc?: boolean;
-  extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
-}>();
-
-const codeOptions = inject('codeOptions', {});
-
-const emit = defineEmits(['mounted', 'submit-error', 'form-error']);
-
-const showSrc = ref(false);
-
-const internalInstance = getCurrentInstance();
-const values = ref<FormValue>({});
-const configForm = ref<InstanceType<typeof MForm>>();
-// ts类型应该是FormConfig， 但是打包时会出错，所以暂时用any
-const curFormConfig = ref<any>([]);
-const services = inject<Services>('services');
-const node = computed(() => services?.editorService.get('node'));
-const nodes = computed(() => services?.editorService.get('nodes') || []);
-const propsPanelSize = computed(() => services?.uiService.get('propsPanelSize') || 'small');
-const stage = computed(() => services?.editorService.get('stage'));
-
-const { height: editorContentHeight } = useEditorContentHeight();
-
-const init = async () => {
-  if (!node.value) {
-    curFormConfig.value = [];
-    return;
-  }
-
-  const type = node.value.type || (node.value.items ? 'container' : 'text');
-  curFormConfig.value = (await services?.propsService.getPropsConfig(type)) || [];
-  values.value = node.value;
-};
-
-watchEffect(init);
-services?.propsService.on('props-configs-change', init);
-
-onMounted(() => {
-  emit('mounted', internalInstance);
-});
-
-onBeforeUnmount(() => {
-  services?.propsService.off('props-configs-change', init);
-});
-
-watchEffect(() => {
-  if (configForm.value && stage.value) {
-    configForm.value.formState.stage = stage.value;
-  }
-});
-
-const submit = async () => {
-  try {
-    const values = await configForm.value?.submitForm();
-    services?.editorService.update(values);
-  } catch (e: any) {
-    emit('submit-error', e);
-  }
-};
-
-const errorHandler = (e: any) => {
-  emit('form-error', e);
-};
-
-const saveCode = (values: MNode) => {
-  services?.editorService.update(values);
-};
-
-defineExpose({ configForm, submit });
-</script>
diff --git a/packages/editor/src/layouts/page-bar/AddButton.vue b/packages/editor/src/layouts/page-bar/AddButton.vue
index 9472d7bd..44f5bebd 100644
--- a/packages/editor/src/layouts/page-bar/AddButton.vue
+++ b/packages/editor/src/layouts/page-bar/AddButton.vue
@@ -3,44 +3,61 @@
     v-if="showAddPageButton"
     id="m-editor-page-bar-add-icon"
     class="m-editor-page-bar-item m-editor-page-bar-item-icon"
-    @click="addPage"
   >
-    <Icon :icon="Plus"></Icon>
+    <TMagicPopover popper-class="data-source-list-panel-add-menu">
+      <template #reference>
+        <Icon :icon="Plus"></Icon>
+      </template>
+
+      <ToolButton
+        :data="{
+          type: 'button',
+          text: '页面',
+          handler: () => {
+            addPage(NodeType.PAGE);
+          },
+        }"
+      ></ToolButton>
+      <ToolButton
+        :data="{
+          type: 'button',
+          text: '页面片',
+          handler: () => {
+            addPage(NodeType.PAGE_FRAGMENT);
+          },
+        }"
+      ></ToolButton>
+    </TMagicPopover>
   </div>
   <div v-else style="width: 21px"></div>
 </template>
 
 <script setup lang="ts">
-import { computed, inject, toRaw } from 'vue';
+import { computed, toRaw } from 'vue';
 import { Plus } from '@element-plus/icons-vue';
 
-import { NodeType } from '@tmagic/schema';
+import { NodeType } from '@tmagic/core';
+import { TMagicPopover } from '@tmagic/design';
 
 import Icon from '@editor/components/Icon.vue';
-import type { Services } from '@editor/type';
+import ToolButton from '@editor/components/ToolButton.vue';
+import { useServices } from '@editor/hooks/use-services';
 import { generatePageNameByApp } from '@editor/utils/editor';
 
 defineOptions({
   name: 'MEditorPageBarAddButton',
 });
 
-const props = defineProps<{
-  type: NodeType.PAGE | NodeType.PAGE_FRAGMENT;
-}>();
+const { editorService, uiService } = useServices();
 
-const services = inject<Services>('services');
-const uiService = services?.uiService;
-const editorService = services?.editorService;
+const showAddPageButton = computed(() => uiService.get('showAddPageButton'));
 
-const showAddPageButton = computed(() => uiService?.get('showAddPageButton'));
-
-const addPage = () => {
-  if (!editorService) return;
+const addPage = (type: NodeType.PAGE | NodeType.PAGE_FRAGMENT) => {
   const root = toRaw(editorService.get('root'));
   if (!root) throw new Error('root 不能为空');
   const pageConfig = {
-    type: props.type,
-    name: generatePageNameByApp(root, props.type),
+    type,
+    name: generatePageNameByApp(root, type),
     items: [],
   };
   editorService.add(pageConfig);
diff --git a/packages/editor/src/layouts/page-bar/PageBar.vue b/packages/editor/src/layouts/page-bar/PageBar.vue
index b60031ef..e6b83b61 100644
--- a/packages/editor/src/layouts/page-bar/PageBar.vue
+++ b/packages/editor/src/layouts/page-bar/PageBar.vue
@@ -1,16 +1,25 @@
 <template>
   <div class="m-editor-page-bar-tabs">
-    <SwitchTypeButton v-if="!disabledPageFragment" v-model="active" />
-
-    <PageBarScrollContainer :type="active">
+    <PageBarScrollContainer
+      ref="pageBarScrollContainer"
+      :page-bar-sort-options="pageBarSortOptions"
+      :length="list.length"
+    >
       <template #prepend>
-        <AddButton :type="active"></AddButton>
+        <slot name="page-bar-add-button"><AddButton></AddButton></slot>
+
+        <Search v-model:query="query"></Search>
+        <PageList :list="list">
+          <template #page-list-popover="{ list }"><slot name="page-list-popover" :list="list"></slot></template>
+        </PageList>
       </template>
 
       <div
         v-for="item in list"
         class="m-editor-page-bar-item"
+        ref="pageBarItems"
         :key="item.id"
+        :data-page-id="item.id"
         :class="{ active: page?.id === item.id }"
         @click="switchPage(item.id)"
       >
@@ -20,7 +29,13 @@
           </slot>
         </div>
 
-        <TMagicPopover popper-class="page-bar-popover" placement="top" :width="160" trigger="hover">
+        <TMagicPopover
+          popper-class="page-bar-popover"
+          placement="top"
+          trigger="hover"
+          :width="160"
+          :destroy-on-close="true"
+        >
           <div>
             <slot name="page-bar-popover" :page="item">
               <ToolButton
@@ -53,107 +68,117 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, inject, ref, watch } from 'vue';
+import { computed, ref, useTemplateRef, watch } from 'vue';
 import { CaretBottom, Delete, DocumentCopy } from '@element-plus/icons-vue';
 
+import { type Id, type MPage, type MPageFragment, NodeType } from '@tmagic/core';
 import { TMagicIcon, TMagicPopover } from '@tmagic/design';
-import { Id, type MPage, type MPageFragment, NodeType } from '@tmagic/schema';
-import { isPage, isPageFragment } from '@tmagic/utils';
 
 import ToolButton from '@editor/components/ToolButton.vue';
-import type { Services } from '@editor/type';
-import { getPageFragmentList, getPageList } from '@editor/utils';
+import { useServices } from '@editor/hooks/use-services';
+import type { PageBarSortOptions } from '@editor/type';
 
 import AddButton from './AddButton.vue';
 import PageBarScrollContainer from './PageBarScrollContainer.vue';
-import SwitchTypeButton from './SwitchTypeButton.vue';
+import PageList from './PageList.vue';
+import Search from './Search.vue';
 
 defineOptions({
   name: 'MEditorPageBar',
 });
 
-defineProps<{
-  disabledPageFragment: boolean;
-}>();
-
-const active = ref<NodeType.PAGE | NodeType.PAGE_FRAGMENT>(NodeType.PAGE);
-
-const services = inject<Services>('services');
-const editorService = services?.editorService;
-
-const root = computed(() => editorService?.get('root'));
-const page = computed(() => editorService?.get('page'));
-const pageList = computed(() => getPageList(root.value));
-const pageFragmentList = computed(() => getPageFragmentList(root.value));
-
-const list = computed(() => (active.value === NodeType.PAGE ? pageList.value : pageFragmentList.value));
-
-const activePage = ref<Id>('');
-const activePageFragment = ref<Id>('');
-
-watch(
-  page,
-  (page) => {
-    if (!page) {
-      if (active.value === NodeType.PAGE) {
-        activePage.value = '';
-      }
-      if (active.value === NodeType.PAGE_FRAGMENT) {
-        activePageFragment.value = '';
-      }
-      return;
-    }
-
-    if (isPage(page)) {
-      activePage.value = page?.id;
-      if (active.value !== NodeType.PAGE) {
-        active.value = NodeType.PAGE;
-      }
-    } else if (isPageFragment(page)) {
-      activePageFragment.value = page?.id;
-      if (active.value !== NodeType.PAGE_FRAGMENT) {
-        active.value = NodeType.PAGE_FRAGMENT;
-      }
-    }
-  },
+const props = withDefaults(
+  defineProps<{
+    disabledPageFragment: boolean;
+    pageBarSortOptions?: PageBarSortOptions;
+    filterFunction?: (_page: MPage | MPageFragment, _keyword: string) => boolean;
+  }>(),
   {
-    immediate: true,
+    filterFunction: (page, keyword) => page.name?.includes(keyword) || `${page.id}`.includes(keyword),
   },
 );
 
-watch(active, (active) => {
-  if (active === NodeType.PAGE) {
-    if (!activePage.value && !pageList.value.length) {
-      editorService?.selectRoot();
-      return;
-    }
-    switchPage(activePage.value);
-    return;
+const { editorService } = useServices();
+
+const root = computed(() => editorService.get('root'));
+const page = computed(() => editorService.get('page'));
+
+const query = ref<{
+  pageType: NodeType[];
+  keyword: string;
+}>({
+  pageType: [NodeType.PAGE, NodeType.PAGE_FRAGMENT],
+  keyword: '',
+});
+
+const list = computed(() => {
+  const { pageType, keyword } = query.value;
+  if (pageType.length === 0) {
+    return [];
   }
 
-  if (active === NodeType.PAGE_FRAGMENT) {
-    // 之前没有选中过页面片并且当前没有页面片
-    if (!activePageFragment.value && !pageFragmentList.value.length) {
-      editorService?.selectRoot();
-      return;
+  return (root.value?.items || []).filter((item) => {
+    if (pageType.includes(item.type)) {
+      if (keyword) {
+        return props.filterFunction(item, keyword);
+      }
+      return true;
     }
-    switchPage(activePageFragment.value || pageFragmentList.value[0].id);
-  }
+    return false;
+  });
 });
 
 const switchPage = (id: Id) => {
-  editorService?.select(id);
+  editorService.select(id);
 };
 
 const copy = (node: MPage | MPageFragment) => {
-  node && editorService?.copy(node);
-  editorService?.paste({
+  node && editorService.copy(node);
+  editorService.paste({
     left: 0,
     top: 0,
   });
 };
 
 const remove = (node: MPage | MPageFragment) => {
-  editorService?.remove(node);
+  editorService.remove(node);
 };
+
+const pageBarScrollContainerRef = useTemplateRef<InstanceType<typeof PageBarScrollContainer>>('pageBarScrollContainer');
+const pageBarItemEls = useTemplateRef<HTMLDivElement[]>('pageBarItems');
+watch(page, (page) => {
+  if (
+    !page ||
+    !pageBarScrollContainerRef.value?.itemsContainerWidth ||
+    !pageBarItemEls.value ||
+    pageBarItemEls.value.length < 2
+  ) {
+    return;
+  }
+
+  const firstItem = pageBarItemEls.value[0];
+  const lastItem = pageBarItemEls.value[pageBarItemEls.value.length - 1];
+
+  if (page.id === firstItem.dataset.pageId) {
+    pageBarScrollContainerRef.value.scroll('start');
+  } else if (page.id === lastItem.dataset.pageId) {
+    pageBarScrollContainerRef.value.scroll('end');
+  } else {
+    const pageItem = pageBarItemEls.value.find((item) => item.dataset.pageId === page.id);
+    if (!pageItem) {
+      return;
+    }
+
+    const pageItemRect = pageItem.getBoundingClientRect();
+    const offsetLeft = pageItemRect.left - firstItem.getBoundingClientRect().left;
+    const { itemsContainerWidth } = pageBarScrollContainerRef.value;
+
+    const left = itemsContainerWidth - offsetLeft - pageItemRect.width;
+
+    const translateLeft = pageBarScrollContainerRef.value.getTranslateLeft();
+    if (offsetLeft + translateLeft < 0 || offsetLeft + pageItemRect.width > itemsContainerWidth - translateLeft) {
+      pageBarScrollContainerRef.value.scrollTo(left);
+    }
+  }
+});
 </script>
diff --git a/packages/editor/src/layouts/page-bar/PageBarScrollContainer.vue b/packages/editor/src/layouts/page-bar/PageBarScrollContainer.vue
index a25e61ec..8a140869 100644
--- a/packages/editor/src/layouts/page-bar/PageBarScrollContainer.vue
+++ b/packages/editor/src/layouts/page-bar/PageBarScrollContainer.vue
@@ -1,72 +1,73 @@
 <template>
   <div class="m-editor-page-bar" ref="pageBar">
     <slot name="prepend"></slot>
+    <div v-if="length" class="m-editor-page-bar-items" ref="itemsContainer">
+      <slot></slot>
+    </div>
 
-    <div v-if="canScroll" class="m-editor-page-bar-item m-editor-page-bar-item-icon" @click="scroll('left')">
+    <div
+      v-if="canScroll"
+      class="m-editor-page-bar-item m-editor-page-bar-item-icon m-editor-page-bar-item-left-icon"
+      @click="scroll('left')"
+    >
       <Icon :icon="ArrowLeftBold"></Icon>
     </div>
 
     <div
-      v-if="(type === NodeType.PAGE && pageLength) || (type === NodeType.PAGE_FRAGMENT && pageFragmentLength)"
-      class="m-editor-page-bar-items"
-      ref="itemsContainer"
-      :style="`width: ${itemsContainerWidth}px`"
+      v-if="canScroll"
+      class="m-editor-page-bar-item m-editor-page-bar-item-icon m-editor-page-bar-item-right-icon"
+      @click="scroll('right')"
     >
-      <slot></slot>
-    </div>
-
-    <div v-if="canScroll" class="m-editor-page-bar-item m-editor-page-bar-item-icon" @click="scroll('right')">
       <Icon :icon="ArrowRightBold"></Icon>
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
-import {
-  computed,
-  type ComputedRef,
-  inject,
-  nextTick,
-  onBeforeUnmount,
-  onMounted,
-  ref,
-  watch,
-  type WatchStopHandle,
-} from 'vue';
+import { computed, nextTick, onBeforeUnmount, onMounted, ref, useTemplateRef, watch } from 'vue';
 import { ArrowLeftBold, ArrowRightBold } from '@element-plus/icons-vue';
+import Sortable, { type SortableEvent } from 'sortablejs';
 
-import { NodeType } from '@tmagic/schema';
+import type { Id } from '@tmagic/core';
 
 import Icon from '@editor/components/Icon.vue';
-import type { Services } from '@editor/type';
+import { useServices } from '@editor/hooks/use-services';
+import type { PageBarSortOptions } from '@editor/type';
 
 defineOptions({
   name: 'MEditorPageBarScrollContainer',
 });
 
 const props = defineProps<{
-  type: NodeType.PAGE | NodeType.PAGE_FRAGMENT;
+  pageBarSortOptions?: PageBarSortOptions;
+  length: number;
 }>();
 
-const services = inject<Services>('services');
-const editorService = services?.editorService;
-const uiService = services?.uiService;
+const { editorService, uiService } = useServices();
 
-const itemsContainer = ref<HTMLDivElement>();
+const itemsContainerEl = useTemplateRef<HTMLElement>('itemsContainer');
 const canScroll = ref(false);
 
-const showAddPageButton = computed(() => uiService?.get('showAddPageButton'));
+const showAddPageButton = computed(() => uiService.get('showAddPageButton'));
+const showPageListButton = computed(() => uiService.get('showPageListButton'));
 
 const itemsContainerWidth = ref(0);
 
+const pageBarEl = useTemplateRef<HTMLDivElement>('pageBar');
+
 const setCanScroll = () => {
-  // 减去新增、左移、右移三个按钮的宽度
+  // 减去新增、搜索、页面列表、左移、右移5个按钮的宽度
   // 37 = icon width 16 + padding 10 * 2 + border-right 1
-  itemsContainerWidth.value = (pageBar.value?.clientWidth || 0) - 37 * 2 - (showAddPageButton.value ? 37 : 21);
+  itemsContainerWidth.value =
+    (pageBarEl.value?.clientWidth || 0) -
+    37 * 2 -
+    37 -
+    (showAddPageButton.value ? 37 : 21) -
+    (showPageListButton.value ? 37 : 0);
 
   nextTick(() => {
-    if (itemsContainer.value) {
-      canScroll.value = itemsContainer.value.scrollWidth - itemsContainerWidth.value > 1;
+    if (itemsContainerEl.value) {
+      canScroll.value = itemsContainerEl.value.scrollWidth - itemsContainerWidth.value > 1;
     }
   });
 };
@@ -75,9 +76,9 @@ const resizeObserver = new ResizeObserver(() => {
   setCanScroll();
 });
 
-const pageBar = ref<HTMLDivElement>();
 onMounted(() => {
-  pageBar.value && resizeObserver.observe(pageBar.value);
+  pageBarEl.value && resizeObserver.observe(pageBarEl.value);
+  itemsContainerEl.value && resizeObserver.observe(itemsContainerEl.value);
 });
 
 onBeforeUnmount(() => {
@@ -87,70 +88,92 @@ onBeforeUnmount(() => {
 let translateLeft = 0;
 
 const scroll = (type: 'left' | 'right' | 'start' | 'end') => {
-  if (!itemsContainer.value) return;
+  if (!itemsContainerEl.value || !canScroll.value) return;
 
-  const maxScrollLeft = itemsContainer.value.scrollWidth - itemsContainerWidth.value;
+  const maxScrollLeft = itemsContainerEl.value.scrollWidth - itemsContainerWidth.value;
 
   if (type === 'left') {
-    translateLeft += 100;
-
-    if (translateLeft > 0) {
-      translateLeft = 0;
-    }
+    scrollTo(translateLeft + 200);
   } else if (type === 'right') {
-    translateLeft -= 100;
-
-    if (-translateLeft > maxScrollLeft) {
-      translateLeft = -maxScrollLeft;
-    }
+    scrollTo(translateLeft - 200);
   } else if (type === 'start') {
-    translateLeft = 0;
+    scrollTo(0);
   } else if (type === 'end') {
-    translateLeft = -maxScrollLeft;
+    scrollTo(-maxScrollLeft);
   }
-
-  itemsContainer.value.style.transform = `translate(${translateLeft}px, 0px)`;
 };
 
-const pageLength = computed(() => editorService?.get('pageLength') || 0);
-const pageFragmentLength = computed(() => editorService?.get('pageFragmentLength') || 0);
+const scrollTo = (value: number) => {
+  if (!itemsContainerEl.value || !canScroll.value) return;
+  const maxScrollLeft = itemsContainerEl.value.scrollWidth - itemsContainerWidth.value;
 
-const crateWatchLength = (length: ComputedRef<number>) =>
-  watch(
-    length,
-    (length = 0, preLength = 0) => {
-      setTimeout(() => {
-        setCanScroll();
-        if (length < preLength) {
+  if (value >= 0) {
+    value = 0;
+  }
+
+  if (-value > maxScrollLeft) {
+    value = -maxScrollLeft;
+  }
+
+  translateLeft = value;
+
+  itemsContainerEl.value.style.transform = `translate(${translateLeft}px, 0px)`;
+};
+
+watch(
+  () => props.length,
+  (length = 0, preLength = 0) => {
+    setTimeout(() => {
+      setCanScroll();
+      nextTick(() => {
+        if (length < preLength || preLength === 0) {
           scroll('start');
         } else {
           scroll('end');
         }
       });
-    },
-    {
-      immediate: true,
-    },
-  );
-
-let unWatchPageLength: WatchStopHandle | null;
-let unWatchPageFragmentLength: WatchStopHandle | null;
-
-watch(
-  () => props.type,
-  (type) => {
-    if (type === NodeType.PAGE) {
-      unWatchPageFragmentLength?.();
-      unWatchPageFragmentLength = null;
-      unWatchPageLength = crateWatchLength(pageLength);
-    } else {
-      unWatchPageLength?.();
-      unWatchPageLength = null;
-      unWatchPageFragmentLength = crateWatchLength(pageFragmentLength);
-    }
+      if (length > 1) {
+        const el = document.querySelector('.m-editor-page-bar-items') as HTMLElement;
+        let beforeDragList: Id[] = [];
+        const options = {
+          ...{
+            dataIdAttr: 'data-page-id', // 获取排序后的数据
+            onStart: async (event: SortableEvent) => {
+              if (typeof props.pageBarSortOptions?.beforeStart === 'function') {
+                await props.pageBarSortOptions.beforeStart(event, sortable);
+              }
+              beforeDragList = sortable.toArray();
+            },
+            onUpdate: async (event: SortableEvent) => {
+              await editorService.sort(
+                beforeDragList[event.oldIndex as number],
+                beforeDragList[event.newIndex as number],
+              );
+              if (typeof props.pageBarSortOptions?.afterUpdate === 'function') {
+                await props.pageBarSortOptions.afterUpdate(event, sortable);
+              }
+            },
+          },
+          ...{
+            ...(props.pageBarSortOptions ? props.pageBarSortOptions : {}),
+          },
+        };
+        if (!el) return;
+        const sortable = new Sortable(el, options);
+      }
+    });
   },
   {
     immediate: true,
   },
 );
+
+defineExpose({
+  itemsContainerWidth,
+  scroll,
+  scrollTo,
+  getTranslateLeft() {
+    return translateLeft;
+  },
+});
 </script>
diff --git a/packages/editor/src/layouts/page-bar/PageList.vue b/packages/editor/src/layouts/page-bar/PageList.vue
new file mode 100644
index 00000000..1eab9969
--- /dev/null
+++ b/packages/editor/src/layouts/page-bar/PageList.vue
@@ -0,0 +1,63 @@
+<template>
+  <div
+    v-if="showPageListButton"
+    id="m-editor-page-bar-list-icon"
+    class="m-editor-page-bar-item m-editor-page-bar-item-icon"
+  >
+    <TMagicPopover
+      popper-class="page-bar-popover"
+      placement="top"
+      trigger="hover"
+      :width="160"
+      :destroy-on-close="true"
+    >
+      <div class="page-bar-popover-wrapper">
+        <div class="page-bar-popover-inner">
+          <slot name="page-list-popover" :list="list">
+            <ToolButton
+              v-for="(item, index) in list"
+              :data="{
+                type: 'button',
+                text: item.devconfig?.tabName || item.name || item.id,
+                className: item.id === page?.id ? 'active' : '',
+                handler: () => switchPage(item.id),
+              }"
+              :key="index"
+            ></ToolButton>
+          </slot>
+        </div>
+      </div>
+      <template #reference>
+        <TMagicIcon class="m-editor-page-list-menu-icon">
+          <Files></Files>
+        </TMagicIcon>
+      </template>
+    </TMagicPopover>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue';
+import { Files } from '@element-plus/icons-vue';
+
+import { Id, MPage, MPageFragment } from '@tmagic/core';
+import { TMagicIcon, TMagicPopover } from '@tmagic/design';
+
+import ToolButton from '@editor/components/ToolButton.vue';
+import { useServices } from '@editor/hooks/use-services';
+defineOptions({
+  name: 'MEditorPageList',
+});
+
+defineProps<{
+  list: (MPage | MPageFragment)[];
+}>();
+
+const { editorService, uiService } = useServices();
+
+const showPageListButton = computed(() => uiService.get('showPageListButton'));
+const page = computed(() => editorService.get('page'));
+const switchPage = async (id: Id) => {
+  await editorService.select(id);
+};
+</script>
diff --git a/packages/editor/src/layouts/page-bar/Search.vue b/packages/editor/src/layouts/page-bar/Search.vue
new file mode 100644
index 00000000..2e88e6c3
--- /dev/null
+++ b/packages/editor/src/layouts/page-bar/Search.vue
@@ -0,0 +1,67 @@
+<template>
+  <div class="m-editor-page-bar-item m-editor-page-bar-item-icon m-editor-page-bar-search">
+    <Icon :icon="Search" @click="visible = !visible" :class="{ 'icon-active': visible }"></Icon>
+    <Teleport to=".m-editor-page-bar-tabs" v-if="visible">
+      <MForm
+        v-if="query"
+        class="m-editor-page-bar-search-panel"
+        :inline="true"
+        :config="formConfig"
+        :init-values="query"
+        :prevent-submit-default="true"
+        @change="onFormChange"
+      ></MForm>
+    </Teleport>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+import { Search } from '@element-plus/icons-vue';
+
+import { NodeType } from '@tmagic/core';
+import { createForm, MForm } from '@tmagic/form';
+
+import Icon from '@editor/components/Icon.vue';
+
+interface Query {
+  pageType: NodeType[];
+  keyword: string;
+}
+
+const emit = defineEmits<{
+  search: [value: Query];
+}>();
+
+const query = defineModel<Query>('query');
+
+const formConfig = createForm([
+  {
+    type: 'checkbox-group',
+    name: 'pageType',
+    options: [
+      {
+        value: NodeType.PAGE,
+        text: '页面',
+      },
+      {
+        value: NodeType.PAGE_FRAGMENT,
+        text: '页面片段',
+      },
+    ],
+  },
+  {
+    name: 'keyword',
+    type: 'text',
+    placeholder: '请输入关键字',
+    clearable: true,
+  },
+]);
+
+const visible = ref(false);
+
+const onFormChange = (values: Query) => {
+  query.value = values;
+  emit('search', values);
+};
+</script>
diff --git a/packages/editor/src/layouts/page-bar/SwitchTypeButton.vue b/packages/editor/src/layouts/page-bar/SwitchTypeButton.vue
deleted file mode 100644
index 0273ad5f..00000000
--- a/packages/editor/src/layouts/page-bar/SwitchTypeButton.vue
+++ /dev/null
@@ -1,45 +0,0 @@
-<template>
-  <TMagicButton
-    v-for="item in data"
-    class="m-editor-page-bar-switch-type-button"
-    size="small"
-    :key="item.type"
-    link
-    :class="{ active: modelValue === item.type }"
-    :type="modelValue === item.type ? 'primary' : ''"
-    @click="clickHandler(item.type)"
-    >{{ item.text }}</TMagicButton
-  >
-</template>
-
-<script setup lang="ts">
-import { TMagicButton } from '@tmagic/design';
-import { NodeType } from '@tmagic/schema';
-
-defineOptions({
-  name: 'MEditorPageBarSwitchTypeButton',
-});
-
-defineProps<{
-  modelValue: NodeType.PAGE | NodeType.PAGE_FRAGMENT;
-}>();
-
-const data: { type: NodeType.PAGE | NodeType.PAGE_FRAGMENT; text: string }[] = [
-  {
-    type: NodeType.PAGE,
-    text: '页面',
-  },
-  {
-    type: NodeType.PAGE_FRAGMENT,
-    text: '页面片',
-  },
-];
-
-const emit = defineEmits<{
-  'update:modelValue': [value: NodeType.PAGE | NodeType.PAGE_FRAGMENT];
-}>();
-
-const clickHandler = (value: NodeType.PAGE | NodeType.PAGE_FRAGMENT) => {
-  emit('update:modelValue', value);
-};
-</script>
diff --git a/packages/editor/src/layouts/props-panel/FormPanel.vue b/packages/editor/src/layouts/props-panel/FormPanel.vue
new file mode 100644
index 00000000..907dd904
--- /dev/null
+++ b/packages/editor/src/layouts/props-panel/FormPanel.vue
@@ -0,0 +1,131 @@
+<template>
+  <div class="m-editor-props-form-panel">
+    <slot name="props-form-panel-header"></slot>
+
+    <TMagicScrollbar>
+      <MForm
+        ref="configForm"
+        :class="propsPanelSize"
+        :popper-class="`m-editor-props-panel-popper ${propsPanelSize}`"
+        :label-width="labelWidth"
+        :label-position="labelPosition"
+        :size="propsPanelSize"
+        :init-values="values"
+        :config="config"
+        :extend-state="extendState"
+        @change="submit"
+        @error="errorHandler"
+      ></MForm>
+    </TMagicScrollbar>
+
+    <TMagicButton
+      v-if="!disabledShowSrc"
+      class="m-editor-props-panel-src-icon"
+      circle
+      title="源码"
+      :type="showSrc ? 'primary' : ''"
+      @click="showSrc = !showSrc"
+    >
+      <MIcon :icon="DocumentIcon"></MIcon>
+    </TMagicButton>
+
+    <CodeEditor
+      v-if="showSrc"
+      class="m-editor-props-panel-src-code"
+      editor-custom-type="m-editor-props-panel-src-code"
+      :height="`${editorContentHeight}px`"
+      :init-values="codeValueKey ? values[codeValueKey] : values"
+      :options="codeOptions"
+      :parse="true"
+      @save="saveCode"
+    ></CodeEditor>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed, getCurrentInstance, inject, onMounted, onUnmounted, ref, useTemplateRef, watchEffect } from 'vue';
+import { Document as DocumentIcon } from '@element-plus/icons-vue';
+
+import { TMagicButton, TMagicScrollbar } from '@tmagic/design';
+import type { ContainerChangeEventData, FormConfig, FormState, FormValue } from '@tmagic/form';
+import { MForm } from '@tmagic/form';
+
+import MIcon from '@editor/components/Icon.vue';
+import { useEditorContentHeight } from '@editor/hooks/use-editor-content-height';
+import { useServices } from '@editor/hooks/use-services';
+
+import CodeEditor from '../CodeEditor.vue';
+
+defineSlots<{
+  'props-form-panel-header'(_props: {}): any;
+}>();
+
+defineOptions({
+  name: 'MEditorFormPanel',
+});
+
+const props = defineProps<{
+  config: FormConfig;
+  values: FormValue;
+  disabledShowSrc?: boolean;
+  labelWidth?: string;
+  codeValueKey?: string;
+  labelPosition?: string;
+  extendState?: (_state: FormState) => Record<string, any> | Promise<Record<string, any>>;
+}>();
+
+const emit = defineEmits<{
+  submit: [values: any, eventData?: ContainerChangeEventData];
+  'submit-error': [e: any];
+  'form-error': [e: any];
+  mounted: [internalInstance: any];
+  unmounted: [];
+}>();
+
+const services = useServices();
+const { editorService, uiService } = services;
+
+const codeOptions = inject('codeOptions', {});
+
+const showSrc = ref(false);
+const propsPanelSize = computed(() => uiService.get('propsPanelSize') || 'small');
+const { height: editorContentHeight } = useEditorContentHeight();
+const stage = computed(() => editorService.get('stage'));
+
+const configFormRef = useTemplateRef<InstanceType<typeof MForm>>('configForm');
+
+watchEffect(() => {
+  if (configFormRef.value) {
+    configFormRef.value.formState.stage = stage.value;
+    configFormRef.value.formState.services = services;
+  }
+});
+
+const internalInstance = getCurrentInstance();
+onMounted(() => {
+  emit('mounted', internalInstance?.proxy);
+});
+
+onUnmounted(() => {
+  emit('unmounted');
+});
+
+const submit = async (v: FormValue, eventData: ContainerChangeEventData) => {
+  try {
+    const values = await configFormRef.value?.submitForm();
+    emit('submit', values, eventData);
+  } catch (e: any) {
+    emit('submit-error', e);
+  }
+};
+
+const errorHandler = (e: any) => {
+  emit('form-error', e);
+};
+
+const saveCode = (values: any) => {
+  emit('submit', props.codeValueKey ? { [props.codeValueKey]: values } : values);
+};
+
+defineExpose({ configForm: configFormRef, submit });
+</script>
diff --git a/packages/editor/src/layouts/props-panel/PropsPanel.vue b/packages/editor/src/layouts/props-panel/PropsPanel.vue
new file mode 100644
index 00000000..bffbf306
--- /dev/null
+++ b/packages/editor/src/layouts/props-panel/PropsPanel.vue
@@ -0,0 +1,219 @@
+<template>
+  <div ref="propsPanel" class="m-editor-props-panel" v-show="nodes.length === 1">
+    <slot name="props-panel-header"></slot>
+    <FormPanel
+      ref="propertyFormPanel"
+      class="m-editor-props-property-panel"
+      :class="{ 'show-style-panel': showStylePanel }"
+      :config="curFormConfig"
+      :values="values"
+      :disabledShowSrc="disabledShowSrc"
+      :extendState="extendState"
+      @submit="submit"
+      @submit-error="errorHandler"
+      @form-error="errorHandler"
+      @mounted="mountedHandler"
+      @unmounted="unmountedHandler"
+    ></FormPanel>
+
+    <Resizer v-if="showStylePanel" @change="widthChange"></Resizer>
+
+    <FormPanel
+      v-if="showStylePanel"
+      class="m-editor-props-style-panel"
+      label-position="top"
+      code-value-key="style"
+      :config="styleFormConfig"
+      :values="values"
+      :disabledShowSrc="disabledShowSrc"
+      :extendState="extendState"
+      @submit="submit"
+      @submit-error="errorHandler"
+      @form-error="errorHandler"
+    >
+      <template #props-form-panel-header>
+        <div class="m-editor-props-style-panel-title">
+          <span>样式</span>
+          <div>
+            <TMagicButton link size="small" @click="toggleStylePanel(false)"
+              ><MIcon :icon="Close"></MIcon
+            ></TMagicButton>
+          </div>
+        </div>
+      </template>
+    </FormPanel>
+
+    <TMagicButton
+      v-if="showStylePanelToggleButton && !showStylePanel"
+      class="m-editor-props-panel-style-icon"
+      circle
+      @click="toggleStylePanel(true)"
+    >
+      <MIcon :icon="Sugar"></MIcon>
+    </TMagicButton>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { computed, onBeforeUnmount, onMounted, ref, useTemplateRef, watch, watchEffect } from 'vue';
+import { Close, Sugar } from '@element-plus/icons-vue';
+import type { OnDrag } from 'gesto';
+
+import { type MNode } from '@tmagic/core';
+import { TMagicButton } from '@tmagic/design';
+import type { ContainerChangeEventData, FormState, FormValue } from '@tmagic/form';
+import { setValueByKeyPath } from '@tmagic/utils';
+
+import MIcon from '@editor/components/Icon.vue';
+import Resizer from '@editor/components/Resizer.vue';
+import { useServices } from '@editor/hooks/use-services';
+import { Protocol } from '@editor/services/storage';
+import type { PropsPanelSlots } from '@editor/type';
+import { styleTabConfig } from '@editor/utils';
+import { PROPS_PANEL_WIDTH_STORAGE_KEY } from '@editor/utils/const';
+
+import FormPanel from './FormPanel.vue';
+import { useStylePanel } from './use-style-panel';
+
+defineSlots<PropsPanelSlots>();
+
+defineOptions({
+  name: 'MEditorPropsPanel',
+});
+
+defineProps<{
+  disabledShowSrc?: boolean;
+  extendState?: (_state: FormState) => Record<string, any> | Promise<Record<string, any>>;
+}>();
+
+const emit = defineEmits<{
+  'submit-error': [e: any];
+  'form-error': [e: any];
+  mounted: [internalInstance: InstanceType<typeof FormPanel>];
+  unmounted: [];
+}>();
+
+const { editorService, uiService, propsService, storageService } = useServices();
+
+const values = ref<FormValue>({});
+// ts类型应该是FormConfig， 但是打包时会出错，所以暂时用any
+const curFormConfig = ref<any>([]);
+const node = computed(() => editorService.get('node'));
+const nodes = computed(() => editorService.get('nodes'));
+
+const styleFormConfig = [
+  {
+    tabPosition: 'right',
+    items: styleTabConfig.items,
+  },
+];
+
+const init = async () => {
+  if (!node.value) {
+    curFormConfig.value = [];
+    return;
+  }
+
+  const type = node.value.type || (node.value.items ? 'container' : 'text');
+  curFormConfig.value = await propsService.getPropsConfig(type);
+  values.value = node.value;
+};
+
+watchEffect(init);
+propsService.on('props-configs-change', init);
+
+onBeforeUnmount(() => {
+  propsService.off('props-configs-change', init);
+});
+
+const submit = async (v: MNode, eventData?: ContainerChangeEventData) => {
+  try {
+    if (!v.id) {
+      v.id = values.value.id;
+    }
+
+    const newValue: MNode = {
+      ...v,
+      style: {},
+    };
+
+    if (v.style) {
+      Object.entries(v.style).forEach(([key, value]) => {
+        if (value !== '' && newValue.style) {
+          newValue.style[key] = value;
+        }
+      });
+
+      eventData?.changeRecords?.forEach((record) => {
+        if (record.propPath?.startsWith('style') && record.value === '') {
+          setValueByKeyPath(record.propPath, record.value, newValue);
+        }
+      });
+    }
+
+    editorService.update(newValue, { changeRecords: eventData?.changeRecords });
+  } catch (e: any) {
+    emit('submit-error', e);
+  }
+};
+
+const errorHandler = (e: any) => {
+  emit('form-error', e);
+};
+
+const mountedHandler = () => {
+  if (propertyFormPanelRef.value) {
+    emit('mounted', propertyFormPanelRef.value);
+  }
+};
+
+const unmountedHandler = () => {
+  emit('unmounted');
+};
+
+const propsPanelEl = useTemplateRef('propsPanel');
+const propsPanelWidth = ref(
+  storageService.getItem(PROPS_PANEL_WIDTH_STORAGE_KEY, { protocol: Protocol.NUMBER }) || 300,
+);
+
+onMounted(() => {
+  propsPanelEl.value?.style.setProperty('--props-style-panel-width', `${Math.max(propsPanelWidth.value, 0)}px`);
+});
+
+const widthChange = ({ deltaX }: OnDrag) => {
+  if (!propsPanelEl.value) {
+    return;
+  }
+
+  const width = globalThis.parseFloat(
+    getComputedStyle(propsPanelEl.value).getPropertyValue('--props-style-panel-width'),
+  );
+
+  let value = width - deltaX;
+  if (value > uiService.get('columnWidth').right) {
+    value = uiService.get('columnWidth').right - 40;
+  }
+  propsPanelWidth.value = Math.max(value, 0);
+};
+
+watch(propsPanelWidth, (value) => {
+  propsPanelEl.value?.style.setProperty('--props-style-panel-width', `${value}px`);
+  storageService.setItem(PROPS_PANEL_WIDTH_STORAGE_KEY, value, { protocol: Protocol.NUMBER });
+});
+
+const { showStylePanel, showStylePanelToggleButton, toggleStylePanel } = useStylePanel(
+  {
+    storageService,
+    uiService,
+  },
+  propsPanelWidth,
+);
+
+const propertyFormPanelRef = useTemplateRef<InstanceType<typeof FormPanel>>('propertyFormPanel');
+defineExpose({
+  getFormState() {
+    return propertyFormPanelRef.value?.configForm?.formState;
+  },
+  submit,
+});
+</script>
diff --git a/packages/editor/src/layouts/props-panel/use-style-panel.ts b/packages/editor/src/layouts/props-panel/use-style-panel.ts
new file mode 100644
index 00000000..057477b5
--- /dev/null
+++ b/packages/editor/src/layouts/props-panel/use-style-panel.ts
@@ -0,0 +1,65 @@
+import { computed, type Ref, watch } from 'vue';
+
+import { Protocol } from '@editor/services/storage';
+import { Services } from '@editor/type';
+import { MIN_CENTER_COLUMN_WIDTH, RIGHT_COLUMN_WIDTH_STORAGE_KEY } from '@editor/utils/const';
+
+export const useStylePanel = (
+  { uiService, storageService }: Pick<Services, 'uiService' | 'storageService'>,
+  propsPanelWidth: Ref<number>,
+) => {
+  const showStylePanelStorageKey = 'props-panel-show-style-panel';
+  const showStylePanelStorageValue = storageService.getItem(showStylePanelStorageKey, {
+    protocol: Protocol.BOOLEAN,
+  });
+
+  if (typeof showStylePanelStorageValue === 'boolean') {
+    uiService.set('showStylePanel', showStylePanelStorageValue);
+  }
+
+  const showStylePanel = computed(() => showStylePanelToggleButton.value && (uiService.get('showStylePanel') ?? true));
+
+  const showStylePanelToggleButton = computed(() => uiService.get('frameworkRect').width >= 1280);
+
+  watch(
+    () => uiService.get('frameworkRect').width,
+    () => {
+      if (uiService.get('columnWidth').right < propsPanelWidth.value) {
+        toggleStylePanel(false);
+      }
+    },
+  );
+
+  const toggleStylePanel = (showStylePanel: boolean) => {
+    uiService.set('showStylePanel', showStylePanel);
+    storageService.setItem(showStylePanelStorageKey, showStylePanel, { protocol: Protocol.BOOLEAN });
+
+    const columnWidth = {
+      ...uiService.get('columnWidth'),
+    };
+
+    if (showStylePanel) {
+      columnWidth.right += propsPanelWidth.value;
+      columnWidth.center -= propsPanelWidth.value;
+    } else {
+      columnWidth.right -= propsPanelWidth.value;
+      columnWidth.center += propsPanelWidth.value;
+    }
+
+    if (columnWidth.center < 0) {
+      columnWidth.right = columnWidth.right + columnWidth.center - MIN_CENTER_COLUMN_WIDTH;
+      columnWidth.center = MIN_CENTER_COLUMN_WIDTH;
+
+      propsPanelWidth.value = columnWidth.right / 2;
+    }
+
+    storageService.setItem(RIGHT_COLUMN_WIDTH_STORAGE_KEY, columnWidth.right, { protocol: Protocol.NUMBER });
+    uiService.set('columnWidth', columnWidth);
+  };
+
+  return {
+    showStylePanel,
+    showStylePanelToggleButton,
+    toggleStylePanel,
+  };
+};
diff --git a/packages/editor/src/layouts/sidebar/ComponentListPanel.vue b/packages/editor/src/layouts/sidebar/ComponentListPanel.vue
index db899a14..a121b0bb 100644
--- a/packages/editor/src/layouts/sidebar/ComponentListPanel.vue
+++ b/packages/editor/src/layouts/sidebar/ComponentListPanel.vue
@@ -2,36 +2,39 @@
   <TMagicScrollbar>
     <slot name="component-list-panel-header"></slot>
 
-    <TMagicCollapse class="ui-component-panel" :model-value="collapseValue">
-      <SearchInput @search="filterTextChangeHandler"></SearchInput>
-      <template v-for="(group, index) in list">
-        <TMagicCollapseItem v-if="group.items && group.items.length" :key="index" :name="`${index}`">
-          <template #title><MIcon :icon="Grid"></MIcon>{{ group.title }}</template>
-          <div
-            v-for="item in group.items"
-            class="component-item"
-            draggable="true"
-            :key="item.type"
-            @click="appendComponent(item)"
-            @dragstart="dragstartHandler(item, $event)"
-            @dragend="dragendHandler"
-            @drag="dragHandler"
-          >
-            <slot name="component-list-item" :component="item">
-              <TMagicTooltip placement="right" :disabled="!Boolean(item.desc)" :content="item.desc">
-                <MIcon :icon="item.icon"></MIcon>
-              </TMagicTooltip>
-              <span :title="item.text">{{ item.text }}</span>
-            </slot>
-          </div>
-        </TMagicCollapseItem>
-      </template>
-    </TMagicCollapse>
+    <SearchInput @search="filterTextChangeHandler"></SearchInput>
+
+    <slot name="component-list" :component-group-list="list">
+      <TMagicCollapse class="ui-component-panel" v-model="collapseValue">
+        <template v-for="(group, index) in list">
+          <TMagicCollapseItem v-if="group.items && group.items.length" :key="index" :name="`${index}`">
+            <template #title><MIcon :icon="Grid"></MIcon>{{ group.title }}</template>
+            <div
+              v-for="item in group.items"
+              class="component-item"
+              draggable="true"
+              :key="item.type"
+              @click="appendComponent(item)"
+              @dragstart="dragstartHandler(item, $event)"
+              @dragend="dragendHandler"
+              @drag="dragHandler"
+            >
+              <slot name="component-list-item" :component="item">
+                <TMagicTooltip placement="right" :disabled="!Boolean(item.desc)" :content="item.desc">
+                  <MIcon :icon="item.icon"></MIcon>
+                </TMagicTooltip>
+                <span :title="item.text">{{ item.text }}</span>
+              </slot>
+            </div>
+          </TMagicCollapseItem>
+        </template>
+      </TMagicCollapse>
+    </slot>
   </TMagicScrollbar>
 </template>
 
 <script lang="ts" setup>
-import { computed, inject, ref } from 'vue';
+import { computed, inject, ref, watch } from 'vue';
 import { Grid } from '@element-plus/icons-vue';
 import serialize from 'serialize-javascript';
 
@@ -40,12 +43,12 @@ import { removeClassNameByClassName } from '@tmagic/utils';
 
 import MIcon from '@editor/components/Icon.vue';
 import SearchInput from '@editor/components/SearchInput.vue';
+import { useServices } from '@editor/hooks/use-services';
 import {
   type ComponentGroup,
   type ComponentItem,
   ComponentListPanelSlots,
   DragType,
-  type Services,
   type StageOptions,
 } from '@editor/type';
 
@@ -61,28 +64,37 @@ const filterTextChangeHandler = (v: string) => {
   searchText.value = v;
 };
 
-const services = inject<Services>('services');
+const { editorService, componentListService } = useServices();
 const stageOptions = inject<StageOptions>('stageOptions');
 
-const stage = computed(() => services?.editorService.get('stage'));
-const list = computed(() =>
-  services?.componentListService.getList().map((group: ComponentGroup) => ({
+const stage = computed(() => editorService.get('stage'));
+const list = computed<ComponentGroup[]>(() =>
+  componentListService.getList().map((group: ComponentGroup) => ({
     ...group,
     items: group.items.filter((item: ComponentItem) => item.text.includes(searchText.value)),
   })),
 );
-const collapseValue = computed(() =>
-  Array(list.value?.length)
-    .fill(1)
-    .map((x, i) => `${i}`),
+
+const collapseValue = ref();
+
+watch(
+  list,
+  () => {
+    collapseValue.value = Array(list.value?.length)
+      .fill(1)
+      .map((x, i) => `${i}`);
+  },
+  {
+    immediate: true,
+  },
 );
 
-let timeout: NodeJS.Timeout | undefined;
+let timeout: ReturnType<typeof setTimeout> | undefined;
 let clientX: number;
 let clientY: number;
 
 const appendComponent = ({ text, type, data = {} }: ComponentItem): void => {
-  services?.editorService.add({
+  editorService.add({
     name: text,
     type,
     ...data,
@@ -108,7 +120,7 @@ const dragendHandler = () => {
     globalThis.clearTimeout(timeout);
     timeout = undefined;
   }
-  const doc = stage.value?.renderer.getDocument();
+  const doc = stage.value?.renderer?.getDocument();
   if (doc && stageOptions?.containerHighlightClassName) {
     removeClassNameByClassName(doc, stageOptions.containerHighlightClassName);
   }
diff --git a/packages/editor/src/layouts/sidebar/Sidebar.vue b/packages/editor/src/layouts/sidebar/Sidebar.vue
index c6c6675e..beb1d334 100644
--- a/packages/editor/src/layouts/sidebar/Sidebar.vue
+++ b/packages/editor/src/layouts/sidebar/Sidebar.vue
@@ -5,11 +5,11 @@
         class="m-editor-sidebar-header-item"
         v-for="(config, index) in sideBarItems"
         v-show="!floatBoxStates[config.$key]?.status"
-        draggable="true"
+        :draggable="config.draggable ?? true"
         :key="config.$key ?? index"
         :class="{ 'is-active': activeTabName === config.text }"
         :style="config.tabStyle || {}"
-        @click="activeTabName = config.text || config.$key || `${index}`"
+        @click="headerItemClickHandler(config, index)"
         @dragstart="dragstartHandler"
         @dragend="dragendHandler(config.$key, $event)"
       >
@@ -19,16 +19,29 @@
     </div>
     <div
       class="m-editor-sidebar-content"
+      :class="{ 'm-editor-dep-collecting': collecting }"
       v-for="(config, index) in sideBarItems"
       :key="config.$key ?? index"
       v-show="[config.text, config.$key, `${index}`].includes(activeTabName)"
     >
       <component
-        v-if="config && !floatBoxStates[config.$key]?.status"
+        v-if="config?.component && !floatBoxStates[config.$key]?.status"
         :is="config.component"
         v-bind="config.props || {}"
         v-on="config?.listeners || {}"
       >
+        <template
+          #component-list="{ componentGroupList }"
+          v-if="config.$key === 'component-list' || config.slots?.componentList"
+        >
+          <slot
+            v-if="config.$key === 'component-list'"
+            name="component-list"
+            :component-group-list="componentGroupList"
+          ></slot>
+          <component v-else-if="config.slots?.componentList" :is="config.slots.componentList" />
+        </template>
+
         <template
           #component-list-panel-header
           v-if="config.$key === 'component-list' || config.slots?.componentListPanelHeader"
@@ -104,6 +117,10 @@
         </template>
       </component>
     </div>
+    <div class="m-editor-sidebar-tips" v-if="tipsBarVisible && collecting && taskLength > 0">
+      <span>依赖收集中(剩余任务：{{ taskLength }})</span>
+      <MIcon :icon="Close" class="close-icon" @click.stop="tipsBarVisible = false"></MIcon>
+    </div>
   </div>
 
   <Teleport to="body">
@@ -136,18 +153,19 @@
 </template>
 
 <script setup lang="ts">
-import { computed, inject, ref, watch } from 'vue';
-import { Coin, EditPen, Goods, List } from '@element-plus/icons-vue';
+import { computed, nextTick, ref, watch } from 'vue';
+import { Close, Coin, EditPen, Goods, List } from '@element-plus/icons-vue';
 
 import FloatingBox from '@editor/components/FloatingBox.vue';
 import MIcon from '@editor/components/Icon.vue';
 import { useEditorContentHeight } from '@editor/hooks/use-editor-content-height';
 import { useFloatBox } from '@editor/hooks/use-float-box';
+import { useServices } from '@editor/hooks/use-services';
 import {
   ColumnLayout,
+  CustomContentMenuFunction,
   type MenuButton,
   type MenuComponent,
-  type Services,
   type SideBarData,
   type SidebarSlots,
   type SideComponent,
@@ -168,9 +186,11 @@ defineOptions({
 
 const props = withDefaults(
   defineProps<{
-    data: SideBarData;
+    data?: SideBarData;
     layerContentMenu: (MenuButton | MenuComponent)[];
-    customContentMenu?: (menus: (MenuButton | MenuComponent)[], type: string) => (MenuButton | MenuComponent)[];
+    indent?: number;
+    nextLevelIndentIncrement?: number;
+    customContentMenu: CustomContentMenuFunction;
   }>(),
   {
     data: () => ({
@@ -181,10 +201,30 @@ const props = withDefaults(
   },
 );
 
-const services = inject<Services>('services');
+const { depService, uiService, propsService } = useServices();
 
-const columnLeftWidth = computed(() => services?.uiService.get('columnWidth')[ColumnLayout.LEFT] || 0);
-const { height: columnLeftHeight } = useEditorContentHeight();
+const collecting = computed(() => depService.get('collecting'));
+const taskLength = computed(() => depService.get('taskLength'));
+const tipsBarVisible = ref(true);
+
+const columnLeftWidth = computed(() => uiService.get('columnWidth')[ColumnLayout.LEFT]);
+const { height: editorContentHeight } = useEditorContentHeight();
+const columnLeftHeight = ref(0);
+
+const unWatchEditorContentHeight = watch(
+  editorContentHeight,
+  (height) => {
+    if (height) {
+      columnLeftHeight.value = height * 0.5;
+      nextTick().then(() => {
+        unWatchEditorContentHeight();
+      });
+    }
+  },
+  {
+    immediate: true,
+  },
+);
 
 const activeTabName = ref(props.data?.status);
 
@@ -206,6 +246,8 @@ const getItemConfig = (data: SideItem): SideComponent => {
       props: {
         layerContentMenu: props.layerContentMenu,
         customContentMenu: props.customContentMenu,
+        indent: props.indent,
+        nextLevelIndentIncrement: props.nextLevelIndentIncrement,
       },
       component: LayerPanel,
       slots: {},
@@ -216,6 +258,11 @@ const getItemConfig = (data: SideItem): SideComponent => {
       icon: EditPen,
       text: '代码编辑',
       component: CodeBlockListPanel,
+      props: {
+        indent: props.indent,
+        nextLevelIndentIncrement: props.nextLevelIndentIncrement,
+        customContentMenu: props.customContentMenu,
+      },
       slots: {},
     },
     [SideItemKey.DATA_SOURCE]: {
@@ -224,6 +271,11 @@ const getItemConfig = (data: SideItem): SideComponent => {
       icon: Coin,
       text: '数据源',
       component: DataSourceListPanel,
+      props: {
+        indent: props.indent,
+        nextLevelIndentIncrement: props.nextLevelIndentIncrement,
+        customContentMenu: props.customContentMenu,
+      },
       slots: {},
     },
   };
@@ -231,12 +283,24 @@ const getItemConfig = (data: SideItem): SideComponent => {
   return typeof data === 'string' ? map[data] : data;
 };
 
-const sideBarItems = computed(() => props.data.items.map((item) => getItemConfig(item)));
+const sideBarItems = computed(() =>
+  props.data.items
+    .map((item) => getItemConfig(item))
+    .filter((item) => {
+      if (item.$key === SideItemKey.DATA_SOURCE) {
+        return !propsService.getDisabledDataSource();
+      }
+      if (item.$key === SideItemKey.CODE_BLOCK) {
+        return !propsService.getDisabledCodeBlock();
+      }
+      return true;
+    }),
+);
 
 watch(
   sideBarItems,
   (items) => {
-    services?.uiService.set('sideBarItems', items);
+    uiService.set('sideBarItems', items);
   },
   {
     immediate: true,
@@ -264,14 +328,23 @@ watch(
     const nextSlideBarItem = sideBarItems.value.find((sideBarItem) => !showingBoxKeys.value.includes(sideBarItem.$key));
     if (!nextSlideBarItem) {
       activeTabName.value = '';
-      services?.uiService.set('hideSlideBar', true);
+      uiService.set('hideSlideBar', true);
       return;
     }
-    services?.uiService.set('hideSlideBar', false);
+    uiService.set('hideSlideBar', false);
     activeTabName.value = nextSlideBarItem?.text;
   },
 );
 
+const headerItemClickHandler = async (config: SideComponent, index: number) => {
+  if (typeof config.beforeClick === 'function') {
+    if ((await config.beforeClick(config)) === false) {
+      return;
+    }
+  }
+  activeTabName.value = config.text || config.$key || `${index}`;
+};
+
 defineExpose({
   activeTabName,
 });
diff --git a/packages/editor/src/layouts/sidebar/code-block/CodeBlockList.vue b/packages/editor/src/layouts/sidebar/code-block/CodeBlockList.vue
index ec55f26e..8f9376eb 100644
--- a/packages/editor/src/layouts/sidebar/code-block/CodeBlockList.vue
+++ b/packages/editor/src/layouts/sidebar/code-block/CodeBlockList.vue
@@ -1,5 +1,12 @@
 <template>
-  <Tree :data="codeList" :node-status-map="nodeStatusMap" @node-click="clickHandler">
+  <Tree
+    :data="codeList"
+    :node-status-map="nodeStatusMap"
+    :indent="indent"
+    :next-level-indent-increment="nextLevelIndentIncrement"
+    @node-click="clickHandler"
+    @node-contextmenu="nodeContentMenuHandler"
+  >
     <template #tree-node-label="{ data }">
       <div
         :class="{
@@ -25,18 +32,19 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, inject } from 'vue';
+import { computed } from 'vue';
 import { Close, Edit, View } from '@element-plus/icons-vue';
 
-import { DepTargetType } from '@tmagic/dep';
+import type { Id, MNode } from '@tmagic/core';
+import { DepTargetType } from '@tmagic/core';
 import { tMagicMessage, tMagicMessageBox, TMagicTooltip } from '@tmagic/design';
-import type { Id, MNode } from '@tmagic/schema';
 
 import Icon from '@editor/components/Icon.vue';
 import Tree from '@editor/components/Tree.vue';
 import { useFilter } from '@editor/hooks/use-filter';
 import { useNodeStatus } from '@editor/hooks/use-node-status';
-import { type CodeBlockListSlots, CodeDeleteErrorType, type Services, type TreeNodeData } from '@editor/type';
+import { useServices } from '@editor/hooks/use-services';
+import { type CodeBlockListSlots, CodeDeleteErrorType, type TreeNodeData } from '@editor/type';
 
 defineSlots<CodeBlockListSlots>();
 
@@ -45,25 +53,27 @@ defineOptions({
 });
 
 const props = defineProps<{
-  customError?: (id: Id, errorType: CodeDeleteErrorType) => any;
+  indent?: number;
+  nextLevelIndentIncrement?: number;
+  customError?: (_id: Id, _errorType: CodeDeleteErrorType) => any;
 }>();
 
 const emit = defineEmits<{
   edit: [id: string];
   remove: [id: string];
+  'node-contextmenu': [event: MouseEvent, data: TreeNodeData];
 }>();
 
-const services = inject<Services>('services');
-const { codeBlockService, depService, editorService } = services || {};
+const { codeBlockService, depService, editorService } = useServices();
 
 // 代码块列表
 const codeList = computed<TreeNodeData[]>(() =>
-  Object.entries(codeBlockService?.getCodeDsl() || {}).map(([codeId, code]) => {
-    const target = depService?.getTarget(codeId, DepTargetType.CODE_BLOCK);
+  Object.entries(codeBlockService.getCodeDsl() || {}).map(([codeId, code]) => {
+    const target = depService.getTarget(codeId, DepTargetType.CODE_BLOCK);
 
     // 按页面分类显示
     const pageList: TreeNodeData[] =
-      editorService?.get('root')?.items.map((page) => ({
+      editorService.get('root')?.items.map((page) => ({
         name: page.devconfig?.tabName || page.name,
         type: 'node',
         id: `${codeId}_${page.id}`,
@@ -93,7 +103,7 @@ const codeList = computed<TreeNodeData[]>(() =>
       key: codeId,
       name: code.name,
       type: 'code',
-      codeBlockContent: codeBlockService?.getCodeContentById(codeId),
+      codeBlockContent: codeBlockService.getCodeContentById(codeId),
       // 只有一个页面不显示页面分类
       items: pageList.length > 1 ? pageList.filter((page) => page.items?.length) : pageList[0]?.items || [],
     };
@@ -112,12 +122,12 @@ const filterNode = (value: string, data: MNode): boolean => {
 const { nodeStatusMap } = useNodeStatus(codeList);
 const { filterTextChangeHandler } = useFilter(codeList, nodeStatusMap, filterNode);
 
-const editable = computed(() => codeBlockService?.getEditStatus());
+const editable = computed(() => codeBlockService.getEditStatus());
 
 // 选中组件
 const selectComp = (compId: Id) => {
-  const stage = editorService?.get('stage');
-  editorService?.select(compId);
+  const stage = editorService.get('stage');
+  editorService.select(compId);
   stage?.select(compId);
 };
 
@@ -135,7 +145,7 @@ const editCode = (id: string) => {
 const deleteCode = async (id: string) => {
   const currentCode = codeList.value.find((codeItem) => codeItem.id === id);
   const existBinds = Boolean(currentCode?.items?.length);
-  const undeleteableList = codeBlockService?.getUndeletableList() || [];
+  const undeleteableList = codeBlockService.getUndeletableList() || [];
   if (!existBinds && !undeleteableList.includes(id)) {
     await tMagicMessageBox.confirm('确定删除该代码块吗？', '提示', {
       confirmButtonText: '确定',
@@ -149,12 +159,22 @@ const deleteCode = async (id: string) => {
     if (typeof props.customError === 'function') {
       props.customError(id, existBinds ? CodeDeleteErrorType.BIND : CodeDeleteErrorType.UNDELETEABLE);
     } else {
-      tMagicMessage.error('代码块删除失败');
+      if (existBinds) {
+        tMagicMessage.error('代码块存在绑定关系，不可删除');
+      } else {
+        tMagicMessage.error('代码块不可删除');
+      }
     }
   }
 };
 
+const nodeContentMenuHandler = (event: MouseEvent, data: TreeNodeData) => {
+  emit('node-contextmenu', event, data);
+};
+
 defineExpose({
+  nodeStatusMap,
   filter: filterTextChangeHandler,
+  deleteCode,
 });
 </script>
diff --git a/packages/editor/src/layouts/sidebar/code-block/CodeBlockListPanel.vue b/packages/editor/src/layouts/sidebar/code-block/CodeBlockListPanel.vue
index 59ebb1c9..428ccec7 100644
--- a/packages/editor/src/layouts/sidebar/code-block/CodeBlockListPanel.vue
+++ b/packages/editor/src/layouts/sidebar/code-block/CodeBlockListPanel.vue
@@ -11,7 +11,15 @@
     </slot>
 
     <!-- 代码块列表 -->
-    <CodeBlockList ref="codeBlockList" :custom-error="customError" @edit="editCode" @remove="deleteCode">
+    <CodeBlockList
+      ref="codeBlockList"
+      :custom-error="customError"
+      :indent="indent"
+      :next-level-indent-increment="nextLevelIndentIncrement"
+      @edit="editCode"
+      @remove="deleteCode"
+      @node-contextmenu="nodeContentMenuHandler"
+    >
       <template #code-block-panel-tool="{ id, data }">
         <slot name="code-block-panel-tool" :id="id" :data="data"></slot>
       </template>
@@ -24,21 +32,42 @@
     :disabled="!editable"
     :content="codeConfig"
     @submit="submitCodeBlockHandler"
+    @close="editDialogCloseHandler"
   ></CodeBlockEditor>
+
+  <Teleport to="body">
+    <ContentMenu
+      v-if="menuData.length"
+      :menu-data="menuData"
+      ref="menu"
+      style="overflow: initial"
+      @hide="contentMenuHideHandler"
+    ></ContentMenu>
+  </Teleport>
 </template>
 
 <script setup lang="ts">
-import { computed, inject, ref } from 'vue';
+import { computed, inject, useTemplateRef, watch } from 'vue';
 
+import type { Id } from '@tmagic/core';
 import { TMagicButton, TMagicScrollbar } from '@tmagic/design';
-import type { Id } from '@tmagic/schema';
 
 import CodeBlockEditor from '@editor/components/CodeBlockEditor.vue';
+import ContentMenu from '@editor/components/ContentMenu.vue';
 import SearchInput from '@editor/components/SearchInput.vue';
 import { useCodeBlockEdit } from '@editor/hooks/use-code-block-edit';
-import type { CodeBlockListPanelSlots, CodeDeleteErrorType, EventBus, Services } from '@editor/type';
+import { useServices } from '@editor/hooks/use-services';
+import type {
+  CodeBlockListPanelSlots,
+  CodeDeleteErrorType,
+  CustomContentMenuFunction,
+  EventBus,
+  MenuButton,
+  MenuComponent,
+} from '@editor/type';
 
 import CodeBlockList from './CodeBlockList.vue';
+import { useContentMenu } from './useContentMenu';
 
 defineSlots<CodeBlockListPanelSlots>();
 
@@ -46,25 +75,54 @@ defineOptions({
   name: 'MEditorCodeBlockListPanel',
 });
 
-defineProps<{
-  customError?: (id: Id, errorType: CodeDeleteErrorType) => any;
+const props = defineProps<{
+  indent?: number;
+  nextLevelIndentIncrement?: number;
+  customError?: (_id: Id, _errorType: CodeDeleteErrorType) => any;
+  customContentMenu: CustomContentMenuFunction;
 }>();
 
 const eventBus = inject<EventBus>('eventBus');
-const { codeBlockService } = inject<Services>('services') || {};
 
-const editable = computed(() => codeBlockService?.getEditStatus());
+const { codeBlockService } = useServices();
 
-const { codeBlockEditor, codeConfig, editCode, deleteCode, createCodeBlock, submitCodeBlockHandler } =
+const editable = computed(() => codeBlockService.getEditStatus());
+
+const { codeId, codeBlockEditor, codeConfig, editCode, deleteCode, createCodeBlock, submitCodeBlockHandler } =
   useCodeBlockEdit(codeBlockService);
 
-const codeBlockList = ref<InstanceType<typeof CodeBlockList>>();
+const codeBlockListRef = useTemplateRef<InstanceType<typeof CodeBlockList>>('codeBlockList');
 
 const filterTextChangeHandler = (val: string) => {
-  codeBlockList.value?.filter(val);
+  codeBlockListRef.value?.filter(val);
 };
 
 eventBus?.on('edit-code', (id: string) => {
   editCode(id);
 });
+
+watch(codeId, () => {
+  if (codeBlockListRef.value) {
+    for (const [statusId, status] of codeBlockListRef.value.nodeStatusMap.entries()) {
+      status.selected = statusId === codeId.value;
+    }
+  }
+});
+
+const editDialogCloseHandler = () => {
+  if (codeBlockListRef.value) {
+    for (const [, status] of codeBlockListRef.value.nodeStatusMap.entries()) {
+      status.selected = false;
+    }
+  }
+};
+
+const {
+  nodeContentMenuHandler,
+  menuData: contentMenuData,
+  contentMenuHideHandler,
+} = useContentMenu((id: string) => {
+  codeBlockListRef.value?.deleteCode(id);
+});
+const menuData = computed<(MenuButton | MenuComponent)[]>(() => props.customContentMenu(contentMenuData, 'code-block'));
 </script>
diff --git a/packages/editor/src/layouts/sidebar/code-block/useContentMenu.ts b/packages/editor/src/layouts/sidebar/code-block/useContentMenu.ts
new file mode 100644
index 00000000..296053f9
--- /dev/null
+++ b/packages/editor/src/layouts/sidebar/code-block/useContentMenu.ts
@@ -0,0 +1,83 @@
+import { inject, markRaw, useTemplateRef } from 'vue';
+import { CopyDocument, Delete, Edit } from '@element-plus/icons-vue';
+import { cloneDeep } from 'lodash-es';
+
+import ContentMenu from '@editor/components/ContentMenu.vue';
+import type { EventBus, MenuButton, MenuComponent, TreeNodeData } from '@editor/type';
+
+export const useContentMenu = (deleteCode: (id: string) => void) => {
+  const eventBus = inject<EventBus>('eventBus');
+  const menuRef = useTemplateRef<InstanceType<typeof ContentMenu>>('menu');
+
+  let selectId = '';
+
+  const menuData: (MenuButton | MenuComponent)[] = [
+    {
+      type: 'button',
+      text: '编辑',
+      icon: Edit,
+      display: ({ codeBlockService }) => codeBlockService.getEditStatus(),
+      handler: () => {
+        if (!selectId) {
+          return;
+        }
+
+        eventBus?.emit('edit-code', selectId);
+      },
+    },
+    {
+      type: 'button',
+      text: '复制并粘贴至当前',
+      icon: markRaw(CopyDocument),
+      handler: async ({ codeBlockService }) => {
+        if (!selectId) {
+          return;
+        }
+
+        const codeBlock = codeBlockService.getCodeContentById(selectId);
+        if (!codeBlock) {
+          return;
+        }
+
+        const newCodeId = await codeBlockService.getUniqueId();
+
+        codeBlockService.setCodeDslById(newCodeId, cloneDeep(codeBlock));
+      },
+    },
+    {
+      type: 'button',
+      text: '删除',
+      icon: Delete,
+      handler: () => {
+        if (!selectId) {
+          return;
+        }
+
+        deleteCode(selectId);
+      },
+    },
+  ];
+
+  const nodeContentMenuHandler = (event: MouseEvent, data: TreeNodeData) => {
+    event.preventDefault();
+
+    if (data.type === 'code') {
+      menuRef.value?.show(event);
+      if (data.id) {
+        selectId = `${data.id}`;
+      } else {
+        selectId = '';
+      }
+    }
+  };
+
+  const contentMenuHideHandler = () => {
+    selectId = '';
+  };
+
+  return {
+    menuData,
+    nodeContentMenuHandler,
+    contentMenuHideHandler,
+  };
+};
diff --git a/packages/editor/src/layouts/sidebar/data-source/DataSourceAddButton.vue b/packages/editor/src/layouts/sidebar/data-source/DataSourceAddButton.vue
new file mode 100644
index 00000000..8c594937
--- /dev/null
+++ b/packages/editor/src/layouts/sidebar/data-source/DataSourceAddButton.vue
@@ -0,0 +1,46 @@
+<template>
+  <TMagicPopover
+    placement="right"
+    trigger="hover"
+    popper-class="data-source-list-panel-add-menu"
+    :destroy-on-close="true"
+  >
+    <template #reference>
+      <TMagicButton v-bind="addButtonConfig || {}">{{ addButtonText || '' }}</TMagicButton>
+    </template>
+    <ToolButton
+      v-for="(item, index) in datasourceTypeList"
+      :data="{
+        type: 'button',
+        text: item.text,
+        handler: () => {
+          $emit('add', item.type);
+        },
+      }"
+      :key="index"
+    ></ToolButton>
+  </TMagicPopover>
+</template>
+
+<script setup lang="ts">
+import { type ButtonProps, TMagicButton, TMagicPopover } from '@tmagic/design';
+
+import ToolButton from '@editor/components/ToolButton.vue';
+
+defineOptions({
+  name: 'MEditorDataSourceAddButton',
+});
+
+defineProps<{
+  datasourceTypeList: {
+    text: string;
+    type: string;
+  }[];
+  addButtonConfig?: ButtonProps;
+  addButtonText?: string;
+}>();
+
+defineEmits<{
+  add: [type: string];
+}>();
+</script>
diff --git a/packages/editor/src/layouts/sidebar/data-source/DataSourceConfigPanel.vue b/packages/editor/src/layouts/sidebar/data-source/DataSourceConfigPanel.vue
index b6b050ec..91fe02d8 100644
--- a/packages/editor/src/layouts/sidebar/data-source/DataSourceConfigPanel.vue
+++ b/packages/editor/src/layouts/sidebar/data-source/DataSourceConfigPanel.vue
@@ -22,16 +22,16 @@
 </template>
 
 <script setup lang="ts">
-import { inject, Ref, ref, watchEffect } from 'vue';
+import { inject, nextTick, Ref, ref, watch, watchEffect } from 'vue';
 
+import type { DataSourceSchema } from '@tmagic/core';
 import { tMagicMessage } from '@tmagic/design';
-import { FormConfig, MFormBox } from '@tmagic/form';
-import { DataSourceSchema } from '@tmagic/schema';
+import { type ContainerChangeEventData, type FormConfig, MFormBox } from '@tmagic/form';
 
 import FloatingBox from '@editor/components/FloatingBox.vue';
-import { useEditorContentHeight } from '@editor/hooks';
+import { useEditorContentHeight } from '@editor/hooks/use-editor-content-height';
 import { useNextFloatBoxPosition } from '@editor/hooks/use-next-float-box-position';
-import type { Services } from '@editor/type';
+import { useServices } from '@editor/hooks/use-services';
 
 defineOptions({
   name: 'MEditorDataSourceConfigPanel',
@@ -46,9 +46,13 @@ const props = defineProps<{
 const boxVisible = defineModel<boolean>('visible', { default: false });
 const width = defineModel<number>('width', { default: 670 });
 
-const emit = defineEmits(['submit']);
+const emit = defineEmits<{
+  submit: [v: any, eventData: ContainerChangeEventData];
+  close: [];
+  open: [id: string];
+}>();
 
-const services = inject<Services>('services');
+const { uiService, dataSourceService } = useServices();
 
 const initValues = ref<Partial<DataSourceSchema>>({});
 const dataSourceConfig = ref<FormConfig>([]);
@@ -56,21 +60,31 @@ const dataSourceConfig = ref<FormConfig>([]);
 const { height: editorHeight } = useEditorContentHeight();
 
 const parentFloating = inject<Ref<HTMLDivElement | null>>('parentFloating', ref(null));
-const { boxPosition, calcBoxPosition } = useNextFloatBoxPosition(services?.uiService, parentFloating);
+const { boxPosition, calcBoxPosition } = useNextFloatBoxPosition(uiService, parentFloating);
 
 watchEffect(() => {
   initValues.value = props.values;
-  dataSourceConfig.value = services?.dataSourceService.getFormConfig(initValues.value.type) || [];
+  dataSourceConfig.value = dataSourceService.getFormConfig(initValues.value.type);
 });
 
-const submitHandler = (values: any) => {
-  emit('submit', values);
+const submitHandler = (values: any, data: ContainerChangeEventData) => {
+  emit('submit', values, data);
 };
 
 const errorHandler = (error: any) => {
   tMagicMessage.error(error.message);
 };
 
+watch(boxVisible, (visible) => {
+  nextTick(() => {
+    if (!visible) {
+      emit('close');
+    } else if (initValues.value?.id) {
+      emit('open', initValues.value.id);
+    }
+  });
+});
+
 defineExpose({
   show() {
     calcBoxPosition();
diff --git a/packages/editor/src/layouts/sidebar/data-source/DataSourceList.vue b/packages/editor/src/layouts/sidebar/data-source/DataSourceList.vue
index 8dd4d60a..1c09da0c 100644
--- a/packages/editor/src/layouts/sidebar/data-source/DataSourceList.vue
+++ b/packages/editor/src/layouts/sidebar/data-source/DataSourceList.vue
@@ -1,5 +1,12 @@
 <template>
-  <Tree :data="list" :node-status-map="nodeStatusMap" @node-click="clickHandler">
+  <Tree
+    :data="list"
+    :node-status-map="nodeStatusMap"
+    :indent="indent"
+    :next-level-indent-increment="nextLevelIndentIncrement"
+    @node-click="clickHandler"
+    @node-contextmenu="nodeContentMenuHandler"
+  >
     <template #tree-node-label="{ data }">
       <div
         :class="{
@@ -24,18 +31,18 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, inject } from 'vue';
+import { computed } from 'vue';
 import { Close, Edit, View } from '@element-plus/icons-vue';
 
-import { DepTargetType } from '@tmagic/dep';
-import { tMagicMessageBox, TMagicTooltip } from '@tmagic/design';
-import { DepData, Id, MNode } from '@tmagic/schema';
+import { DepData, DepTargetType, Id, MNode } from '@tmagic/core';
+import { TMagicTooltip } from '@tmagic/design';
 
 import Icon from '@editor/components/Icon.vue';
 import Tree from '@editor/components/Tree.vue';
 import { useFilter } from '@editor/hooks/use-filter';
 import { useNodeStatus } from '@editor/hooks/use-node-status';
-import type { DataSourceListSlots, Services } from '@editor/type';
+import { useServices } from '@editor/hooks/use-services';
+import type { DataSourceListSlots, TreeNodeData } from '@editor/type';
 
 defineSlots<DataSourceListSlots>();
 
@@ -43,20 +50,26 @@ defineOptions({
   name: 'MEditorDataSourceList',
 });
 
+defineProps<{
+  indent?: number;
+  nextLevelIndentIncrement?: number;
+}>();
+
 const emit = defineEmits<{
   edit: [id: string];
   remove: [id: string];
+  'node-contextmenu': [event: MouseEvent, data: TreeNodeData];
 }>();
 
-const { depService, editorService, dataSourceService } = inject<Services>('services') || {};
+const { depService, editorService, dataSourceService } = useServices();
 
-const editable = computed(() => dataSourceService?.get('editable') ?? true);
+const editable = computed(() => dataSourceService.get('editable'));
 
-const dataSources = computed(() => dataSourceService?.get('dataSources') || []);
+const dataSources = computed(() => dataSourceService.get('dataSources'));
 
-const dsDep = computed(() => depService?.getTargets(DepTargetType.DATA_SOURCE) || {});
-const dsMethodDep = computed(() => depService?.getTargets(DepTargetType.DATA_SOURCE_METHOD) || {});
-const dsCondDep = computed(() => depService?.getTargets(DepTargetType.DATA_SOURCE_COND) || {});
+const dsDep = computed(() => depService.getTargets(DepTargetType.DATA_SOURCE));
+const dsMethodDep = computed(() => depService.getTargets(DepTargetType.DATA_SOURCE_METHOD));
+const dsCondDep = computed(() => depService.getTargets(DepTargetType.DATA_SOURCE_COND));
 
 const getKeyTreeConfig = (dep: DepData[string], type?: string, parentKey?: Id) =>
   dep.keys.map((key) => ({
@@ -105,7 +118,7 @@ const list = computed(() =>
     const dsCondDeps = dsCondDep.value[ds.id]?.deps || {};
 
     const items =
-      editorService?.get('root')?.items.map((page) => ({
+      editorService.get('root')?.items.map((page) => ({
         name: page.devconfig?.tabName || page.name,
         type: 'node',
         id: `${ds.id}_${page.id}`,
@@ -144,19 +157,13 @@ const editHandler = (id: string) => {
 };
 
 const removeHandler = async (id: string) => {
-  await tMagicMessageBox.confirm('确定删除?', '提示', {
-    confirmButtonText: '确定',
-    cancelButtonText: '取消',
-    type: 'warning',
-  });
-
   emit('remove', id);
 };
 
 // 选中组件
 const selectComp = (compId: Id) => {
-  const stage = editorService?.get('stage');
-  editorService?.select(compId);
+  const stage = editorService.get('stage');
+  editorService.select(compId);
   stage?.select(compId);
 };
 
@@ -166,7 +173,12 @@ const clickHandler = (event: MouseEvent, data: any) => {
   }
 };
 
+const nodeContentMenuHandler = (event: MouseEvent, data: TreeNodeData) => {
+  emit('node-contextmenu', event, data);
+};
+
 defineExpose({
+  nodeStatusMap,
   filter: filterTextChangeHandler,
 });
 </script>
diff --git a/packages/editor/src/layouts/sidebar/data-source/DataSourceListPanel.vue b/packages/editor/src/layouts/sidebar/data-source/DataSourceListPanel.vue
index 49c86167..18c095fe 100644
--- a/packages/editor/src/layouts/sidebar/data-source/DataSourceListPanel.vue
+++ b/packages/editor/src/layouts/sidebar/data-source/DataSourceListPanel.vue
@@ -2,30 +2,26 @@
   <TMagicScrollbar class="data-source-list-panel m-editor-layer-panel">
     <div class="search-wrapper">
       <SearchInput @search="filterTextChangeHandler"></SearchInput>
-      <TMagicPopover v-if="editable" placement="right">
-        <template #reference>
-          <TMagicButton type="primary" size="small">新增</TMagicButton>
-        </template>
-        <div class="data-source-list-panel-add-menu">
-          <ToolButton
-            v-for="(item, index) in datasourceTypeList"
-            :data="{
-              type: 'button',
-              text: item.text,
-              handler: () => {
-                addHandler(item.type);
-              },
-            }"
-            :key="index"
-          ></ToolButton>
-        </div>
-      </TMagicPopover>
+      <DataSourceAddButton
+        v-if="editable"
+        add-button-text="新增"
+        :add-button-config="{ type: 'primary', size: 'small' }"
+        :datasource-type-list="datasourceTypeList"
+        @add="addHandler"
+      ></DataSourceAddButton>
 
       <slot name="data-source-panel-search"></slot>
     </div>
 
     <!-- 数据源列表 -->
-    <DataSourceList ref="dataSourceList" @edit="editHandler" @remove="removeHandler"></DataSourceList>
+    <DataSourceList
+      ref="dataSourceList"
+      :indent="indent"
+      :next-level-indent-increment="nextLevelIndentIncrement"
+      @edit="editHandler"
+      @remove="removeHandler"
+      @node-contextmenu="nodeContentMenuHandler"
+    ></DataSourceList>
   </TMagicScrollbar>
 
   <DataSourceConfigPanel
@@ -34,22 +30,36 @@
     :values="dataSourceValues"
     :title="dialogTitle"
     @submit="submitDataSourceHandler"
+    @close="editDialogCloseHandler"
   ></DataSourceConfigPanel>
+
+  <Teleport to="body">
+    <ContentMenu
+      v-if="menuData.length"
+      :menu-data="menuData"
+      ref="menu"
+      style="overflow: initial"
+      @hide="contentMenuHideHandler"
+    ></ContentMenu>
+  </Teleport>
 </template>
 
 <script setup lang="ts">
-import { computed, inject, ref } from 'vue';
+import { computed, inject, useTemplateRef, watch } from 'vue';
 import { mergeWith } from 'lodash-es';
 
-import { TMagicButton, TMagicPopover, TMagicScrollbar } from '@tmagic/design';
+import { tMagicMessageBox, TMagicScrollbar } from '@tmagic/design';
 
+import ContentMenu from '@editor/components/ContentMenu.vue';
 import SearchInput from '@editor/components/SearchInput.vue';
-import ToolButton from '@editor/components/ToolButton.vue';
 import { useDataSourceEdit } from '@editor/hooks/use-data-source-edit';
-import type { DataSourceListSlots, EventBus, Services } from '@editor/type';
+import { useServices } from '@editor/hooks/use-services';
+import type { CustomContentMenuFunction, DataSourceListSlots, EventBus, MenuButton, MenuComponent } from '@editor/type';
 
+import DataSourceAddButton from './DataSourceAddButton.vue';
 import DataSourceConfigPanel from './DataSourceConfigPanel.vue';
 import DataSourceList from './DataSourceList.vue';
+import { useContentMenu } from './useContentMenu';
 
 defineSlots<DataSourceListSlots>();
 
@@ -57,17 +67,39 @@ defineOptions({
   name: 'MEditorDataSourceListPanel',
 });
 
+const props = defineProps<{
+  indent?: number;
+  nextLevelIndentIncrement?: number;
+  customContentMenu: CustomContentMenuFunction;
+}>();
+
 const eventBus = inject<EventBus>('eventBus');
-const { dataSourceService } = inject<Services>('services') || {};
+const { dataSourceService } = useServices();
 
 const { editDialog, dataSourceValues, dialogTitle, editable, editHandler, submitDataSourceHandler } =
   useDataSourceEdit(dataSourceService);
 
+const editDialogCloseHandler = () => {
+  if (dataSourceListRef.value) {
+    for (const [, status] of dataSourceListRef.value.nodeStatusMap.entries()) {
+      status.selected = false;
+    }
+  }
+};
+
+watch(dataSourceValues, (dataSourceValues) => {
+  if (dataSourceListRef.value && dataSourceValues.id) {
+    for (const [statusId, status] of dataSourceListRef.value.nodeStatusMap.entries()) {
+      status.selected = statusId === dataSourceValues.id;
+    }
+  }
+});
+
 const datasourceTypeList = computed(() =>
   [
     { text: '基础', type: 'base' },
     { text: 'HTTP', type: 'http' },
-  ].concat(dataSourceService?.get('datasourceTypeList') ?? []),
+  ].concat(dataSourceService.get('datasourceTypeList')),
 );
 
 const addHandler = (type: string) => {
@@ -77,7 +109,7 @@ const addHandler = (type: string) => {
 
   dataSourceValues.value = mergeWith(
     { type, title: datasourceType?.text },
-    dataSourceService?.getFormValue(type) || {},
+    dataSourceService.getFormValue(type),
     (objValue, srcValue) => {
       if (Array.isArray(srcValue)) {
         return srcValue;
@@ -90,17 +122,32 @@ const addHandler = (type: string) => {
   editDialog.value.show();
 };
 
-const removeHandler = (id: string) => {
-  dataSourceService?.remove(id);
+const removeHandler = async (id: string) => {
+  await tMagicMessageBox.confirm('确定删除?', '提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning',
+  });
+
+  dataSourceService.remove(id);
 };
 
-const dataSourceList = ref<InstanceType<typeof DataSourceList>>();
+const dataSourceListRef = useTemplateRef<InstanceType<typeof DataSourceList>>('dataSourceList');
 
 const filterTextChangeHandler = (val: string) => {
-  dataSourceList.value?.filter(val);
+  dataSourceListRef.value?.filter(val);
 };
 
 eventBus?.on('edit-data-source', (id: string) => {
   editHandler(id);
 });
+
+eventBus?.on('remove-data-source', (id: string) => {
+  removeHandler(id);
+});
+
+const { nodeContentMenuHandler, menuData: contentMenuData, contentMenuHideHandler } = useContentMenu();
+const menuData = computed<(MenuButton | MenuComponent)[]>(() =>
+  props.customContentMenu(contentMenuData, 'data-source'),
+);
 </script>
diff --git a/packages/editor/src/layouts/sidebar/data-source/useContentMenu.ts b/packages/editor/src/layouts/sidebar/data-source/useContentMenu.ts
new file mode 100644
index 00000000..0e6581ac
--- /dev/null
+++ b/packages/editor/src/layouts/sidebar/data-source/useContentMenu.ts
@@ -0,0 +1,81 @@
+import { inject, markRaw, useTemplateRef } from 'vue';
+import { CopyDocument, Delete, Edit } from '@element-plus/icons-vue';
+import { cloneDeep } from 'lodash-es';
+
+import ContentMenu from '@editor/components/ContentMenu.vue';
+import type { EventBus, MenuButton, MenuComponent, TreeNodeData } from '@editor/type';
+
+export const useContentMenu = () => {
+  const eventBus = inject<EventBus>('eventBus');
+  const menuRef = useTemplateRef<InstanceType<typeof ContentMenu>>('menu');
+
+  let selectId = '';
+
+  const menuData: (MenuButton | MenuComponent)[] = [
+    {
+      type: 'button',
+      text: '编辑',
+      icon: Edit,
+      display: ({ dataSourceService }) => dataSourceService.get('editable'),
+      handler: () => {
+        if (!selectId) {
+          return;
+        }
+
+        eventBus?.emit('edit-data-source', selectId);
+      },
+    },
+    {
+      type: 'button',
+      text: '复制并粘贴至当前',
+      icon: markRaw(CopyDocument),
+      handler: ({ dataSourceService }) => {
+        if (!selectId) {
+          return;
+        }
+
+        const ds = dataSourceService.getDataSourceById(selectId);
+        if (!ds) {
+          return;
+        }
+
+        dataSourceService.add(cloneDeep(ds));
+      },
+    },
+    {
+      type: 'button',
+      text: '删除',
+      icon: Delete,
+      handler: () => {
+        if (!selectId) {
+          return;
+        }
+
+        eventBus?.emit('remove-data-source', selectId);
+      },
+    },
+  ];
+
+  const nodeContentMenuHandler = (event: MouseEvent, data: TreeNodeData) => {
+    event.preventDefault();
+
+    if (data.type === 'ds') {
+      menuRef.value?.show(event);
+      if (data.id) {
+        selectId = `${data.id}`;
+      } else {
+        selectId = '';
+      }
+    }
+  };
+
+  const contentMenuHideHandler = () => {
+    selectId = '';
+  };
+
+  return {
+    menuData,
+    nodeContentMenuHandler,
+    contentMenuHideHandler,
+  };
+};
diff --git a/packages/editor/src/layouts/sidebar/layer/LayerMenu.vue b/packages/editor/src/layouts/sidebar/layer/LayerMenu.vue
index 14a8a2ae..667ade7a 100644
--- a/packages/editor/src/layouts/sidebar/layer/LayerMenu.vue
+++ b/packages/editor/src/layouts/sidebar/layer/LayerMenu.vue
@@ -3,40 +3,37 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, inject, markRaw, ref } from 'vue';
+import { computed, markRaw, useTemplateRef } from 'vue';
 import { Files, Plus } from '@element-plus/icons-vue';
 
 import { isPage, isPageFragment } from '@tmagic/utils';
 
 import ContentMenu from '@editor/components/ContentMenu.vue';
+import { useServices } from '@editor/hooks/use-services';
 import FolderMinusIcon from '@editor/icons/FolderMinusIcon.vue';
-import type { ComponentGroup, MenuButton, MenuComponent, Services } from '@editor/type';
+import type { ComponentGroup, CustomContentMenuFunction, MenuButton, MenuComponent } from '@editor/type';
 import { useCopyMenu, useDeleteMenu, useMoveToMenu, usePasteMenu } from '@editor/utils/content-menu';
 
 defineOptions({
   name: 'MEditorLayerMenu',
 });
 
-const props = withDefaults(
-  defineProps<{
-    layerContentMenu: (MenuButton | MenuComponent)[];
-    customContentMenu?: (menus: (MenuButton | MenuComponent)[], type: string) => (MenuButton | MenuComponent)[];
-  }>(),
-  {
-    layerContentMenu: () => [],
-    customContentMenu: (menus: (MenuButton | MenuComponent)[]) => menus,
-  },
-);
+const props = defineProps<{
+  layerContentMenu: (MenuButton | MenuComponent)[];
+  customContentMenu: CustomContentMenuFunction;
+}>();
 
 const emit = defineEmits<{
   'collapse-all': [];
 }>();
 
-const services = inject<Services>('services');
-const menu = ref<InstanceType<typeof ContentMenu>>();
-const node = computed(() => services?.editorService.get('node'));
-const nodes = computed(() => services?.editorService.get('nodes'));
-const componentList = computed(() => services?.componentListService.getList() || []);
+const services = useServices();
+const { editorService, componentListService } = services;
+
+const menuRef = useTemplateRef<InstanceType<typeof ContentMenu>>('menu');
+const node = computed(() => editorService.get('node'));
+const nodes = computed(() => editorService.get('nodes'));
+const componentList = computed(() => componentListService.getList());
 
 const createMenuItems = (group: ComponentGroup): MenuButton[] =>
   group.items.map((component) => ({
@@ -44,7 +41,7 @@ const createMenuItems = (group: ComponentGroup): MenuButton[] =>
     type: 'button',
     icon: component.icon,
     handler: () => {
-      services?.editorService.add({
+      editorService.add({
         name: component.text,
         type: component.type,
         ...(component.data || {}),
@@ -60,7 +57,7 @@ const getSubMenuData = computed<MenuButton[]>(() => {
         type: 'button',
         icon: Files,
         handler: () => {
-          services?.editorService.add({
+          editorService.add({
             type: 'tab-pane',
           });
         },
@@ -119,7 +116,7 @@ const menuData = computed<(MenuButton | MenuComponent)[]>(() =>
 );
 
 const show = (e: MouseEvent) => {
-  menu.value?.show(e);
+  menuRef.value?.show(e);
 };
 
 defineExpose({
diff --git a/packages/editor/src/layouts/sidebar/layer/LayerNodeTool.vue b/packages/editor/src/layouts/sidebar/layer/LayerNodeTool.vue
index 9f3d5a3c..e0658404 100644
--- a/packages/editor/src/layouts/sidebar/layer/LayerNodeTool.vue
+++ b/packages/editor/src/layouts/sidebar/layer/LayerNodeTool.vue
@@ -1,29 +1,30 @@
 <template>
   <template v-if="data.type !== 'page'">
-    <MIcon v-if="data.visible === false" :icon="Hide" @click.stop="setNodeVisible(true)" title="点击显示"></MIcon>
-    <MIcon v-else :icon="View" @click.stop="setNodeVisible(false)" class="node-lock" title="点击隐藏"></MIcon>
+    <TMagicButton
+      link
+      :type="data.visible === false ? 'primary' : 'default'"
+      :icon="data.visible === false ? Hide : View"
+      :title="data.visible === false ? '点击显示' : '点击隐藏'"
+      @click.stop="setNodeVisible(data.visible === false)"
+    ></TMagicButton>
   </template>
 </template>
 
 <script setup lang="ts">
-import { inject } from 'vue';
 import { Hide, View } from '@element-plus/icons-vue';
 
-import type { MNode } from '@tmagic/schema';
+import type { MNode } from '@tmagic/core';
+import { TMagicButton } from '@tmagic/design';
 
-import MIcon from '@editor/components/Icon.vue';
-import { Services } from '@editor/type';
+import { useServices } from '@editor/hooks/use-services';
 
 const props = defineProps<{
   data: MNode;
 }>();
 
-const services = inject<Services>('services');
-const editorService = services?.editorService;
+const { editorService } = useServices();
 
 const setNodeVisible = (visible: boolean) => {
-  if (!editorService) return;
-
   editorService.update({
     id: props.data.id,
     visible,
diff --git a/packages/editor/src/layouts/sidebar/layer/LayerPanel.vue b/packages/editor/src/layouts/sidebar/layer/LayerPanel.vue
index e46af841..dda2ca2b 100644
--- a/packages/editor/src/layouts/sidebar/layer/LayerPanel.vue
+++ b/packages/editor/src/layouts/sidebar/layer/LayerPanel.vue
@@ -10,6 +10,8 @@
       ref="tree"
       :data="nodeData"
       :node-status-map="nodeStatusMap"
+      :indent="indent"
+      :next-level-indent-increment="nextLevelIndentIncrement"
       @node-dragover="handleDragOver"
       @node-dragstart="handleDragStart"
       @node-dragleave="handleDragLeave"
@@ -45,15 +47,16 @@
 </template>
 
 <script setup lang="ts">
-import { computed, inject, ref } from 'vue';
+import { computed, useTemplateRef } from 'vue';
 
+import type { MNode } from '@tmagic/core';
 import { TMagicScrollbar } from '@tmagic/design';
-import type { MNode } from '@tmagic/schema';
 
 import SearchInput from '@editor/components/SearchInput.vue';
 import Tree from '@editor/components/Tree.vue';
 import { useFilter } from '@editor/hooks/use-filter';
-import { LayerPanelSlots, MenuButton, MenuComponent, Services, TreeNodeData } from '@editor/type';
+import { useServices } from '@editor/hooks/use-services';
+import type { CustomContentMenuFunction, LayerPanelSlots, MenuButton, MenuComponent, TreeNodeData } from '@editor/type';
 
 import LayerMenu from './LayerMenu.vue';
 import LayerNodeTool from './LayerNodeTool.vue';
@@ -70,19 +73,21 @@ defineOptions({
 
 defineProps<{
   layerContentMenu: (MenuButton | MenuComponent)[];
-  customContentMenu?: (menus: (MenuButton | MenuComponent)[], type: string) => (MenuButton | MenuComponent)[];
+  indent?: number;
+  nextLevelIndentIncrement?: number;
+  customContentMenu: CustomContentMenuFunction;
 }>();
 
-const services = inject<Services>('services');
-const editorService = services?.editorService;
+const services = useServices();
+const { editorService } = services;
 
-const tree = ref<InstanceType<typeof Tree>>();
+const treeRef = useTemplateRef<InstanceType<typeof Tree>>('tree');
 
-const page = computed(() => editorService?.get('page'));
+const page = computed(() => editorService.get('page'));
 const nodeData = computed<TreeNodeData[]>(() => (!page.value ? [] : [page.value]));
 
 const { nodeStatusMap } = useNodeStatus(services);
-const { isCtrlKeyDown } = useKeybinding(services, tree);
+const { isCtrlKeyDown } = useKeybinding(services, treeRef);
 
 const filterNodeMethod = (v: string, data: MNode): boolean => {
   let name = '';
@@ -110,10 +115,11 @@ const collapseAllHandler = () => {
 
 const { handleDragStart, handleDragEnd, handleDragLeave, handleDragOver } = useDrag(services);
 
+// 右键菜单
+const menuRef = useTemplateRef<InstanceType<typeof LayerMenu>>('menu');
 const {
-  menu,
   nodeClickHandler,
   nodeContentMenuHandler,
   highlightHandler: mouseenterHandler,
-} = useClick(services, isCtrlKeyDown, nodeStatusMap);
+} = useClick(services, isCtrlKeyDown, nodeStatusMap, menuRef);
 </script>
diff --git a/packages/editor/src/layouts/sidebar/layer/use-click.ts b/packages/editor/src/layouts/sidebar/layer/use-click.ts
index d95215e3..46d4e32f 100644
--- a/packages/editor/src/layouts/sidebar/layer/use-click.ts
+++ b/packages/editor/src/layouts/sidebar/layer/use-click.ts
@@ -1,19 +1,22 @@
-import { computed, type ComputedRef, nextTick, type Ref, ref } from 'vue';
+import { computed, type ComputedRef, nextTick, type Ref, type ShallowRef } from 'vue';
 import { throttle } from 'lodash-es';
 
-import { Id, MNode } from '@tmagic/schema';
+import { Id, MNode } from '@tmagic/core';
+import { isPage, isPageFragment } from '@tmagic/utils';
 
-import { LayerNodeStatus, Services, TreeNodeData, UI_SELECT_MODE_EVENT_NAME } from '@editor/type';
+import type { LayerNodeStatus, Services, TreeNodeData } from '@editor/type';
+import { UI_SELECT_MODE_EVENT_NAME } from '@editor/utils/const';
 import { updateStatus } from '@editor/utils/tree';
 
 import LayerMenu from './LayerMenu.vue';
 
 export const useClick = (
-  services: Services | undefined,
+  { editorService, stageOverlayService, uiService }: Services,
   isCtrlKeyDown: Ref<boolean>,
   nodeStatusMap: ComputedRef<Map<Id, LayerNodeStatus> | undefined>,
+  menuRef: ShallowRef<InstanceType<typeof LayerMenu> | null>,
 ) => {
-  const isMultiSelect = computed(() => isCtrlKeyDown.value && !services?.editorService.get('disabledMultiSelect'));
+  const isMultiSelect = computed(() => isCtrlKeyDown.value && !editorService.get('disabledMultiSelect'));
 
   // 触发画布选中
   const select = async (data: MNode) => {
@@ -24,14 +27,18 @@ export const useClick = (
     if (isMultiSelect.value) {
       multiSelect(data);
     } else {
-      await services?.editorService.select(data);
-      services?.editorService.get('stage')?.select(data.id);
-      services?.stageOverlayService.get('stage')?.select(data.id);
+      await editorService.select(data);
+      editorService.get('stage')?.select(data.id);
+      stageOverlayService.get('stage')?.select(data.id);
     }
   };
 
   const multiSelect = async (data: MNode) => {
-    const nodes = services?.editorService.get('nodes') || [];
+    if (isPage(data) || isPageFragment(data)) {
+      return;
+    }
+
+    const nodes = editorService.get('nodes') || [];
 
     const newNodes: Id[] = [];
     let isCancel = false;
@@ -41,6 +48,10 @@ export const useClick = (
         return;
       }
 
+      if (isPage(node) || isPageFragment(node)) {
+        return;
+      }
+
       newNodes.push(node.id);
     });
 
@@ -49,9 +60,9 @@ export const useClick = (
       newNodes.push(data.id);
     }
 
-    await services?.editorService.multiSelect(newNodes);
-    services?.editorService.get('stage')?.multiSelect(newNodes);
-    services?.stageOverlayService.get('stage')?.multiSelect(newNodes);
+    await editorService.multiSelect(newNodes);
+    editorService.get('stage')?.multiSelect(newNodes);
+    stageOverlayService.get('stage')?.multiSelect(newNodes);
   };
 
   const throttleTime = 300;
@@ -65,15 +76,15 @@ export const useClick = (
 
   // 触发画布高亮
   const highlight = (data: TreeNodeData) => {
-    services?.editorService?.highlight(data);
-    services?.editorService?.get('stage')?.highlight(data.id);
-    services?.stageOverlayService?.get('stage')?.highlight(data.id);
+    editorService.highlight(data);
+    editorService.get('stage')?.highlight(data.id);
+    stageOverlayService.get('stage')?.highlight(data.id);
   };
 
   const nodeClickHandler = (event: MouseEvent, data: TreeNodeData): void => {
     if (!nodeStatusMap?.value) return;
 
-    if (services?.uiService.get('uiSelectMode')) {
+    if (uiService.get('uiSelectMode')) {
       document.dispatchEvent(new CustomEvent(UI_SELECT_MODE_EVENT_NAME, { detail: data }));
       return;
     }
@@ -89,23 +100,20 @@ export const useClick = (
     });
   };
 
-  // 右键菜单
-  const menu = ref<InstanceType<typeof LayerMenu>>();
-
   return {
-    menu,
+    menuRef,
 
     nodeClickHandler,
 
     nodeContentMenuHandler(event: MouseEvent, data: TreeNodeData): void {
       event.preventDefault();
 
-      const nodes = services?.editorService.get('nodes') || [];
+      const nodes = editorService.get('nodes') || [];
       if (nodes.length < 2 || !nodes.includes(data)) {
         nodeClickHandler(event, data);
       }
 
-      menu.value?.show(event);
+      menuRef.value?.show(event);
     },
 
     highlightHandler,
diff --git a/packages/editor/src/layouts/sidebar/layer/use-drag.ts b/packages/editor/src/layouts/sidebar/layer/use-drag.ts
index 6355fde2..f599669e 100644
--- a/packages/editor/src/layouts/sidebar/layer/use-drag.ts
+++ b/packages/editor/src/layouts/sidebar/layer/use-drag.ts
@@ -1,4 +1,4 @@
-import type { Id, MContainer, MNode } from '@tmagic/schema';
+import type { Id, MContainer, MNode } from '@tmagic/core';
 import { addClassName, removeClassName } from '@tmagic/utils';
 
 import { DragType, type Services } from '@editor/type';
@@ -10,6 +10,7 @@ const dragState: {
   dragOverNodeId: Id;
   dropType: NodeDropType | '';
   container: HTMLElement | null;
+  nodeId?: Id;
 } = {
   dragOverNodeId: '',
   dropType: '',
@@ -41,7 +42,7 @@ const removeStatusClass = (el: HTMLElement | null) => {
  * dragover 属于目标节点
  * 这些方法并不是同一个dom事件触发的
  */
-export const useDrag = (services: Services | undefined) => {
+export const useDrag = ({ editorService }: Services) => {
   const handleDragStart = (event: DragEvent) => {
     if (!event.dataTransfer || !event.target || !event.currentTarget) return;
 
@@ -50,6 +51,7 @@ export const useDrag = (services: Services | undefined) => {
     if (!targetEl || targetEl !== event.currentTarget) return;
 
     event.dataTransfer.effectAllowed = 'move';
+    dragState.nodeId = targetEl.dataset.nodeId;
 
     try {
       event.dataTransfer.setData(
@@ -70,30 +72,52 @@ export const useDrag = (services: Services | undefined) => {
     const labelEl = targetEl.children[0];
     if (!labelEl) return;
 
+    removeClassName(labelEl, 'drag-before', 'drag-after', 'drag-inner');
+
     const { top: targetTop, height: targetHeight } = labelEl.getBoundingClientRect();
 
     const distance = event.clientY - targetTop;
     const isContainer = targetEl.dataset.isContainer === 'true';
 
+    const targetNodeId = targetEl.dataset.nodeId;
+    const { nodeId } = dragState;
+    const parentsId = targetEl.dataset.parentsId?.split(',');
+
+    if (!targetNodeId) {
+      return;
+    }
+
+    // 如果是悬浮在拖动的节点上方，则不响应
+    if (parentsId) {
+      let targetIdIndex = -1;
+      for (let i = 0, l = parentsId.length; i < l; i++) {
+        const id = parentsId[i];
+        if (nodeId === id) {
+          targetIdIndex = i;
+        }
+
+        if (parentsId.includes(`${nodeId}`) && i >= targetIdIndex) {
+          return;
+        }
+      }
+    }
+
     if (distance < targetHeight / 3) {
       dragState.dropType = 'before';
       addClassName(labelEl, globalThis.document, 'drag-before');
-      removeClassName(labelEl, 'drag-after', 'drag-inner');
     } else if (distance > (targetHeight * 2) / 3) {
       dragState.dropType = 'after';
       addClassName(labelEl, globalThis.document, 'drag-after');
-      removeClassName(labelEl, 'drag-before', 'drag-inner');
     } else if (isContainer) {
       dragState.dropType = 'inner';
       addClassName(labelEl, globalThis.document, 'drag-inner');
-      removeClassName(labelEl, 'drag-before', 'drag-after');
     }
 
     if (!dragState.dropType) {
       return;
     }
 
-    dragState.dragOverNodeId = targetEl.dataset.nodeId || '';
+    dragState.dragOverNodeId = targetNodeId;
     dragState.container = event.currentTarget as HTMLElement;
 
     event.preventDefault();
@@ -120,12 +144,12 @@ export const useDrag = (services: Services | undefined) => {
 
     removeStatusClass(dragState.container);
 
-    if (node && dragState.dragOverNodeId && dragState.dropType && services) {
+    if (node && dragState.dragOverNodeId && dragState.dropType) {
       if (dragState.dragOverNodeId === node.id) {
         return;
       }
 
-      const targetInfo = services.editorService.getNodeInfo(dragState.dragOverNodeId, false);
+      const targetInfo = editorService.getNodeInfo(dragState.dragOverNodeId, false);
       const targetNode = targetInfo.node;
       let targetParent = targetInfo.parent;
 
@@ -144,12 +168,12 @@ export const useDrag = (services: Services | undefined) => {
         targetIndex += 1;
       }
 
-      const selectedNodes = services.editorService.get('nodes');
+      const selectedNodes = editorService.get('nodes');
 
       if (selectedNodes.find((n) => `${n.id}` === `${node.id}`)) {
-        services.editorService.dragTo(selectedNodes, targetParent, targetIndex);
+        editorService.dragTo(selectedNodes, targetParent, targetIndex);
       } else {
-        services.editorService.dragTo([node], targetParent, targetIndex);
+        editorService.dragTo([node], targetParent, targetIndex);
       }
     }
 
diff --git a/packages/editor/src/layouts/sidebar/layer/use-keybinding.ts b/packages/editor/src/layouts/sidebar/layer/use-keybinding.ts
index e4b94278..c9f3a461 100644
--- a/packages/editor/src/layouts/sidebar/layer/use-keybinding.ts
+++ b/packages/editor/src/layouts/sidebar/layer/use-keybinding.ts
@@ -1,15 +1,13 @@
-import { type Ref, ref, watchEffect } from 'vue';
+import { ref, type ShallowRef, watchEffect } from 'vue';
 
 import Tree from '@editor/components/Tree.vue';
 import type { Services } from '@editor/type';
 import { KeyBindingContainerKey } from '@editor/utils/keybinding-config';
 
 export const useKeybinding = (
-  services: Services | undefined,
-  container: Ref<InstanceType<typeof Tree> | undefined>,
+  { keybindingService }: Services,
+  container: ShallowRef<InstanceType<typeof Tree> | null>,
 ) => {
-  const keybindingService = services?.keybindingService;
-
   // 是否多选
   const isCtrlKeyDown = ref(false);
 
@@ -17,15 +15,15 @@ export const useKeybinding = (
     isCtrlKeyDown.value = false;
   };
 
-  keybindingService?.registerCommand('layer-panel-global-keyup', () => {
+  keybindingService.registerCommand('layer-panel-global-keyup', () => {
     isCtrlKeyDown.value = false;
   });
 
-  keybindingService?.registerCommand('layer-panel-global-keydown', () => {
+  keybindingService.registerCommand('layer-panel-global-keydown', () => {
     isCtrlKeyDown.value = true;
   });
 
-  keybindingService?.register([
+  keybindingService.register([
     {
       command: 'layer-panel-global-keydown',
       keybinding: 'ctrl',
@@ -41,10 +39,10 @@ export const useKeybinding = (
   watchEffect(() => {
     if (container.value) {
       globalThis.addEventListener('blur', windowBlurHandler);
-      keybindingService?.registerEl(KeyBindingContainerKey.LAYER_PANEL, container.value.$el);
+      keybindingService.registerEl(KeyBindingContainerKey.LAYER_PANEL, container.value.$el);
     } else {
       globalThis.removeEventListener('blur', windowBlurHandler);
-      keybindingService?.unregisterEl(KeyBindingContainerKey.LAYER_PANEL);
+      keybindingService.unregisterEl(KeyBindingContainerKey.LAYER_PANEL);
     }
   });
 
diff --git a/packages/editor/src/layouts/sidebar/layer/use-node-status.ts b/packages/editor/src/layouts/sidebar/layer/use-node-status.ts
index 2d10d053..43463091 100644
--- a/packages/editor/src/layouts/sidebar/layer/use-node-status.ts
+++ b/packages/editor/src/layouts/sidebar/layer/use-node-status.ts
@@ -1,10 +1,9 @@
-import { computed, ref, watch } from 'vue';
+import { computed, onBeforeUnmount, ref, watch } from 'vue';
 
-import type { Id, MNode, MPage, MPageFragment } from '@tmagic/schema';
-import { getNodePath, isPage, isPageFragment } from '@tmagic/utils';
+import type { Id, MNode, MPage, MPageFragment } from '@tmagic/core';
+import { getNodePath, isPage, isPageFragment, traverseNode } from '@tmagic/utils';
 
-import { LayerNodeStatus, Services } from '@editor/type';
-import { traverseNode } from '@editor/utils';
+import type { LayerNodeStatus, Services } from '@editor/type';
 import { updateStatus } from '@editor/utils/tree';
 
 const createPageNodeStatus = (page: MPage | MPageFragment, initialLayerNodeStatus?: Map<Id, LayerNodeStatus>) => {
@@ -34,9 +33,9 @@ const createPageNodeStatus = (page: MPage | MPageFragment, initialLayerNodeStatu
   return map;
 };
 
-export const useNodeStatus = (services: Services | undefined) => {
-  const page = computed(() => services?.editorService.get('page'));
-  const nodes = computed(() => services?.editorService.get('nodes') || []);
+export const useNodeStatus = ({ editorService }: Services) => {
+  const page = computed(() => editorService.get('page'));
+  const nodes = computed(() => editorService.get('nodes'));
 
   /** 所有页面的节点状态 */
   const nodeStatusMaps = ref(new Map<Id, Map<Id, LayerNodeStatus>>());
@@ -84,7 +83,7 @@ export const useNodeStatus = (services: Services | undefined) => {
     },
   );
 
-  services?.editorService.on('add', (newNodes: MNode[]) => {
+  const addHandler = (newNodes: MNode[]) => {
     newNodes.forEach((node) => {
       if (isPage(node) || isPageFragment(node)) return;
 
@@ -97,14 +96,23 @@ export const useNodeStatus = (services: Services | undefined) => {
         });
       });
     });
-  });
+  };
 
-  services?.editorService.on('remove', (nodes: MNode[]) => {
+  editorService.on('add', addHandler);
+
+  const removeHandler = (nodes: MNode[]) => {
     nodes.forEach((node) => {
       traverseNode(node, (node: MNode) => {
         nodeStatusMap.value?.delete(node.id);
       });
     });
+  };
+
+  editorService.on('remove', removeHandler);
+
+  onBeforeUnmount(() => {
+    editorService.off('remove', removeHandler);
+    editorService.off('add', addHandler);
   });
 
   return {
diff --git a/packages/editor/src/layouts/workspace/Breadcrumb.vue b/packages/editor/src/layouts/workspace/Breadcrumb.vue
index 06407cd4..7114de94 100644
--- a/packages/editor/src/layouts/workspace/Breadcrumb.vue
+++ b/packages/editor/src/layouts/workspace/Breadcrumb.vue
@@ -8,28 +8,27 @@
 </template>
 
 <script setup lang="ts">
-import { computed, inject } from 'vue';
+import { computed } from 'vue';
 
+import type { MNode } from '@tmagic/core';
 import { TMagicButton } from '@tmagic/design';
-import type { MNode } from '@tmagic/schema';
 import { getNodePath } from '@tmagic/utils';
 
-import type { Services } from '@editor/type';
+import { useServices } from '@editor/hooks/use-services';
 
 defineOptions({
   name: 'MEditorBreadcrumb',
 });
 
-const services = inject<Services>('services');
-const editorService = services?.editorService;
+const { editorService } = useServices();
 
-const node = computed(() => editorService?.get('node'));
-const nodes = computed(() => editorService?.get('nodes') || []);
-const root = computed(() => editorService?.get('root'));
+const node = computed(() => editorService.get('node'));
+const nodes = computed(() => editorService.get('nodes'));
+const root = computed(() => editorService.get('root'));
 const path = computed(() => getNodePath(node.value?.id || '', root.value?.items || []));
 
 const select = async (node: MNode) => {
-  await editorService?.select(node);
-  editorService?.get('stage')?.select(node.id);
+  await editorService.select(node);
+  editorService.get('stage')?.select(node.id);
 };
 </script>
diff --git a/packages/editor/src/layouts/workspace/Workspace.vue b/packages/editor/src/layouts/workspace/Workspace.vue
index 6bd84aaf..95a71876 100644
--- a/packages/editor/src/layouts/workspace/Workspace.vue
+++ b/packages/editor/src/layouts/workspace/Workspace.vue
@@ -4,7 +4,8 @@
 
     <slot name="stage">
       <MagicStage
-        v-if="page"
+        v-if="page && (stageOptions?.render || stageOptions?.runtimeUrl)"
+        :stage-options="stageOptions"
         :disabled-stage-overlay="disabledStageOverlay"
         :stage-content-menu="stageContentMenu"
         :custom-content-menu="customContentMenu"
@@ -18,7 +19,8 @@
 <script lang="ts" setup>
 import { computed, inject } from 'vue';
 
-import type { MenuButton, MenuComponent, Services, WorkspaceSlots } from '@editor/type';
+import { useServices } from '@editor/hooks/use-services';
+import type { CustomContentMenuFunction, MenuButton, MenuComponent, StageOptions, WorkspaceSlots } from '@editor/type';
 
 import MagicStage from './viewer/Stage.vue';
 import Breadcrumb from './Breadcrumb.vue';
@@ -33,14 +35,16 @@ withDefaults(
   defineProps<{
     stageContentMenu: (MenuButton | MenuComponent)[];
     disabledStageOverlay?: boolean;
-    customContentMenu?: (menus: (MenuButton | MenuComponent)[], type: string) => (MenuButton | MenuComponent)[];
+    customContentMenu: CustomContentMenuFunction;
   }>(),
   {
     disabledStageOverlay: false,
   },
 );
 
-const services = inject<Services>('services');
+const stageOptions = inject<StageOptions>('stageOptions');
 
-const page = computed(() => services?.editorService.get('page'));
+const { editorService } = useServices();
+
+const page = computed(() => editorService.get('page'));
 </script>
diff --git a/packages/editor/src/layouts/workspace/viewer/NodeListMenu.vue b/packages/editor/src/layouts/workspace/viewer/NodeListMenu.vue
index 14a98e7f..21df53b7 100644
--- a/packages/editor/src/layouts/workspace/viewer/NodeListMenu.vue
+++ b/packages/editor/src/layouts/workspace/viewer/NodeListMenu.vue
@@ -22,28 +22,30 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, inject, nextTick, ref, watch } from 'vue';
+import { computed, nextTick, ref, useTemplateRef, watch } from 'vue';
 
+import type { MNode } from '@tmagic/core';
 import { TMagicTooltip } from '@tmagic/design';
-import type { MNode } from '@tmagic/schema';
+import { getIdFromEl } from '@tmagic/utils';
 
 import FloatingBox from '@editor/components/FloatingBox.vue';
 import Tree from '@editor/components/Tree.vue';
 import { useFilter } from '@editor/hooks/use-filter';
+import { useServices } from '@editor/hooks/use-services';
 import { useNodeStatus } from '@editor/layouts/sidebar/layer/use-node-status';
-import type { Services, TreeNodeData } from '@editor/type';
+import type { TreeNodeData } from '@editor/type';
 
-const services = inject<Services>('services');
-const editorService = services?.editorService;
+const services = useServices();
+const { editorService } = services;
 
 const visible = ref(false);
 const buttonVisible = ref(false);
-const button = ref<HTMLDivElement>();
-const box = ref<InstanceType<typeof FloatingBox>>();
+const buttonEl = useTemplateRef<HTMLDivElement>('button');
+const boxRef = useTemplateRef<InstanceType<typeof FloatingBox>>('box');
 
-const stage = computed(() => editorService?.get('stage'));
-const page = computed(() => editorService?.get('page'));
-const nodes = computed(() => editorService?.get('nodes') || []);
+const stage = computed(() => editorService.get('stage'));
+const page = computed(() => editorService.get('page'));
+const nodes = computed(() => editorService.get('nodes'));
 const nodeData = computed<TreeNodeData[]>(() => (!page.value ? [] : [page.value]));
 
 const { nodeStatusMap } = useNodeStatus(services);
@@ -60,8 +62,8 @@ const unWatch = watch(
     nextTick(() => unWatch());
 
     stage.on('select', (el: HTMLElement, event: MouseEvent) => {
-      const els = stage.renderer.getElementsFromPoint(event) || [];
-      const ids = els.map((el) => el.id).filter((id) => Boolean(id));
+      const els = stage.renderer?.getElementsFromPoint(event) || [];
+      const ids = els.map((el) => getIdFromEl()(el)).filter((id) => Boolean(id)) as string[];
 
       buttonVisible.value = ids.length > 3;
 
@@ -88,7 +90,7 @@ watch(
 );
 
 const clickHandler = async (event: MouseEvent, data: TreeNodeData) => {
-  await editorService?.select(data.id);
+  await editorService.select(data.id);
   stage.value?.select(data.id);
 };
 
@@ -98,14 +100,14 @@ const menuPosition = ref({
 });
 
 watch(visible, async (visible) => {
-  if (!button.value || !visible) {
+  if (!buttonEl.value || !visible) {
     return;
   }
 
   await nextTick();
 
-  const rect = button.value.getBoundingClientRect();
-  const height = box.value?.target?.clientHeight || 0;
+  const rect = buttonEl.value.getBoundingClientRect();
+  const height = boxRef.value?.target?.clientHeight || 0;
 
   menuPosition.value = {
     left: rect.left + rect.width + 5,
diff --git a/packages/editor/src/layouts/workspace/viewer/Stage.vue b/packages/editor/src/layouts/workspace/viewer/Stage.vue
index 67e7665d..145960f6 100644
--- a/packages/editor/src/layouts/workspace/viewer/Stage.vue
+++ b/packages/editor/src/layouts/workspace/viewer/Stage.vue
@@ -3,6 +3,8 @@
     class="m-editor-stage"
     ref="stageWrap"
     tabindex="-1"
+    v-loading="stageLoading"
+    element-loading-text="Runtime 加载中..."
     :width="stageRect?.width"
     :height="stageRect?.height"
     :wrap-width="stageContainerRect?.width"
@@ -12,7 +14,7 @@
       width: 60,
       height: 50,
     }"
-    @click="stageWrap?.container?.focus()"
+    @click="stageWrapRef?.container?.focus()"
   >
     <div
       class="m-editor-stage-container"
@@ -41,17 +43,18 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, inject, markRaw, nextTick, onBeforeUnmount, onMounted, ref, toRaw, watch, watchEffect } from 'vue';
-import { cloneDeep } from 'lodash-es';
+import { computed, markRaw, nextTick, onBeforeUnmount, onMounted, useTemplateRef, watch, watchEffect } from 'vue';
 
-import type { MApp, MContainer } from '@tmagic/schema';
+import type { MContainer } from '@tmagic/core';
 import StageCore, { getOffset, Runtime } from '@tmagic/stage';
-import { calcValueByFontsize } from '@tmagic/utils';
+import { calcValueByFontsize, getIdFromEl } from '@tmagic/utils';
 
 import ScrollViewer from '@editor/components/ScrollViewer.vue';
+import { useServices } from '@editor/hooks';
 import { useStage } from '@editor/hooks/use-stage';
-import { DragType, Layout, type MenuButton, type MenuComponent, type Services, type StageOptions } from '@editor/type';
-import { getConfig } from '@editor/utils/config';
+import type { CustomContentMenuFunction, MenuButton, MenuComponent, StageOptions } from '@editor/type';
+import { DragType, Layout } from '@editor/type';
+import { getEditorConfig } from '@editor/utils/config';
 import { KeyBindingContainerKey } from '@editor/utils/keybinding-config';
 
 import NodeListMenu from './NodeListMenu.vue';
@@ -62,11 +65,12 @@ defineOptions({
   name: 'MEditorStage',
 });
 
-withDefaults(
+const props = withDefaults(
   defineProps<{
+    stageOptions: StageOptions;
     stageContentMenu: (MenuButton | MenuComponent)[];
     disabledStageOverlay?: boolean;
-    customContentMenu?: (menus: (MenuButton | MenuComponent)[], type: string) => (MenuButton | MenuComponent)[];
+    customContentMenu: CustomContentMenuFunction;
   }>(),
   {
     disabledStageOverlay: false,
@@ -76,37 +80,38 @@ withDefaults(
 let stage: StageCore | null = null;
 let runtime: Runtime | null = null;
 
-const services = inject<Services>('services');
-const stageOptions = inject<StageOptions>('stageOptions');
+const { editorService, uiService, keybindingService } = useServices();
 
-const stageWrap = ref<InstanceType<typeof ScrollViewer>>();
-const stageContainer = ref<HTMLDivElement>();
-const menu = ref<InstanceType<typeof ViewerMenu>>();
+const stageLoading = computed(() => editorService.get('stageLoading'));
 
-const nodes = computed(() => services?.editorService.get('nodes') || []);
+const stageWrapRef = useTemplateRef<InstanceType<typeof ScrollViewer>>('stageWrap');
+const stageContainerEl = useTemplateRef<HTMLDivElement>('stageContainer');
+const menuRef = useTemplateRef<InstanceType<typeof ViewerMenu>>('menu');
+
+const nodes = computed(() => editorService.get('nodes'));
 const isMultiSelect = computed(() => nodes.value.length > 1);
-const stageRect = computed(() => services?.uiService.get('stageRect'));
-const stageContainerRect = computed(() => services?.uiService.get('stageContainerRect'));
-const root = computed(() => services?.editorService.get('root'));
-const page = computed(() => services?.editorService.get('page'));
-const zoom = computed(() => services?.uiService.get('zoom') || 1);
-const node = computed(() => services?.editorService.get('node'));
+const stageRect = computed(() => uiService.get('stageRect'));
+const stageContainerRect = computed(() => uiService.get('stageContainerRect'));
+const root = computed(() => editorService.get('root'));
+const page = computed(() => editorService.get('page'));
+const zoom = computed(() => uiService.get('zoom'));
+const node = computed(() => editorService.get('node'));
 
 watchEffect(() => {
   if (stage || !page.value) return;
 
-  if (!stageContainer.value) return;
-  if (!(stageOptions?.runtimeUrl || stageOptions?.render) || !root.value) return;
+  if (!stageContainerEl.value) return;
+  if (!(props.stageOptions?.runtimeUrl || props.stageOptions?.render) || !root.value) return;
 
-  stage = useStage(stageOptions);
+  stage = useStage(props.stageOptions);
 
   stage.on('select', () => {
-    stageWrap.value?.container?.focus();
+    stageWrapRef.value?.container?.focus();
   });
 
-  services?.editorService.set('stage', markRaw(stage));
+  editorService.set('stage', markRaw(stage));
 
-  stage.mount(stageContainer.value);
+  stage.mount(stageContainerEl.value);
 
   if (!node.value?.id) {
     return;
@@ -114,41 +119,57 @@ watchEffect(() => {
 
   stage.on('runtime-ready', (rt) => {
     runtime = rt;
-    // toRaw返回的值是一个引用而非快照，需要cloneDeep
-    root.value && runtime?.updateRootConfig?.(cloneDeep(toRaw(root.value)));
-    page.value?.id && runtime?.updatePageId?.(page.value.id);
-    setTimeout(() => {
-      node.value && stage?.select(toRaw(node.value.id));
-    });
   });
 });
 
+onBeforeUnmount(() => {
+  stage?.destroy();
+  editorService.set('stage', null);
+});
+
 watch(zoom, (zoom) => {
   if (!stage || !zoom) return;
   stage.setZoom(zoom);
 });
 
+let timeoutId: ReturnType<typeof setTimeout> | null = null;
 watch(page, (page) => {
   if (runtime && page) {
-    services?.editorService.set('stageLoading', true);
+    editorService.set('stageLoading', true);
+
+    if (timeoutId) {
+      globalThis.clearTimeout(timeoutId);
+    }
+
+    timeoutId = globalThis.setTimeout(() => {
+      editorService.set('stageLoading', false);
+      timeoutId = null;
+    }, 3000);
+
     runtime.updatePageId?.(page.id);
-    nextTick(() => {
-      stage?.select(page.id);
-    });
+
+    const unWatch = watch(
+      stageLoading,
+      () => {
+        if (stageLoading.value) {
+          return;
+        }
+
+        nextTick(() => {
+          stage?.select(page.id);
+          unWatch();
+        });
+      },
+      {
+        immediate: true,
+      },
+    );
   }
 });
 
-const rootChangeHandler = (root: MApp) => {
-  if (runtime && root) {
-    runtime.updateRootConfig?.(cloneDeep(toRaw(root)));
-  }
-};
-
-services?.editorService.on('root-change', rootChangeHandler);
-
-const resizeObserver = new ResizeObserver((entries) => {
+const resizeObserver = new globalThis.ResizeObserver((entries) => {
   for (const { contentRect } of entries) {
-    services?.uiService.set('stageContainerRect', {
+    uiService.set('stageContainerRect', {
       width: contentRect.width,
       height: contentRect.height,
     });
@@ -156,25 +177,25 @@ const resizeObserver = new ResizeObserver((entries) => {
 });
 
 onMounted(() => {
-  if (stageWrap.value?.container) {
-    resizeObserver.observe(stageWrap.value.container);
-    services?.keybindingService.registerEl(KeyBindingContainerKey.STAGE, stageWrap.value.container);
+  if (stageWrapRef.value?.container) {
+    resizeObserver.observe(stageWrapRef.value.container);
+    keybindingService.registerEl(KeyBindingContainerKey.STAGE, stageWrapRef.value.container);
   }
 });
 
 onBeforeUnmount(() => {
   stage?.destroy();
+  stage = null;
   resizeObserver.disconnect();
-  services?.editorService.set('stage', null);
-  services?.keybindingService.unregisterEl('stage');
-  services?.editorService.off('root-change', rootChangeHandler);
+  editorService.set('stage', null);
+  keybindingService.unregisterEl('stage');
 });
 
-const parseDSL = getConfig('parseDSL');
+const parseDSL = getEditorConfig('parseDSL');
 
 const contextmenuHandler = (e: MouseEvent) => {
   e.preventDefault();
-  menu.value?.show(e);
+  menuRef.value?.show(e);
 };
 
 const dragoverHandler = (e: DragEvent) => {
@@ -196,19 +217,22 @@ const dropHandler = async (e: DragEvent) => {
 
   e.preventDefault();
 
-  const doc = stage?.renderer.contentWindow?.document;
-  const parentEl: HTMLElement | null | undefined = doc?.querySelector(`.${stageOptions?.containerHighlightClassName}`);
+  const doc = stage?.renderer?.contentWindow?.document;
+  const parentEl: HTMLElement | null | undefined = doc?.querySelector(
+    `.${props.stageOptions?.containerHighlightClassName}`,
+  );
 
   let parent: MContainer | undefined | null = page.value;
-  if (parentEl) {
-    parent = services?.editorService.getNodeById(parentEl.id, false) as MContainer;
+  const parentId = getIdFromEl()(parentEl);
+  if (parentId) {
+    parent = editorService.getNodeById(parentId, false) as MContainer;
   }
 
-  if (parent && stageContainer.value && stage) {
-    const layout = await services?.editorService.getLayout(parent);
+  if (parent && stageContainerEl.value && stage) {
+    const layout = await editorService.getLayout(parent);
 
-    const containerRect = stageContainer.value.getBoundingClientRect();
-    const { scrollTop, scrollLeft } = stage.mask;
+    const containerRect = stageContainerEl.value.getBoundingClientRect();
+    const { scrollTop, scrollLeft } = stage.mask!;
     const { style = {} } = config.data;
 
     let top = 0;
@@ -240,7 +264,7 @@ const dropHandler = async (e: DragEvent) => {
 
     config.data.inputEvent = e;
 
-    services?.editorService.add(config.data, parent);
+    editorService.add(config.data, parent);
   }
 };
 </script>
diff --git a/packages/editor/src/layouts/workspace/viewer/StageOverlay.vue b/packages/editor/src/layouts/workspace/viewer/StageOverlay.vue
index 83b8a7ae..326a0583 100644
--- a/packages/editor/src/layouts/workspace/viewer/StageOverlay.vue
+++ b/packages/editor/src/layouts/workspace/viewer/StageOverlay.vue
@@ -1,68 +1,91 @@
 <template>
-  <div v-if="stageOverlayVisible" class="m-editor-stage-overlay" @click="closeOverlayHandler">
-    <TMagicIcon class="m-editor-stage-overlay-close" :size="'20'" @click="closeOverlayHandler"
+  <div v-if="stageOverlayVisible" class="m-editor-stage-overlay">
+    <TMagicIcon class="m-editor-stage-overlay-close" :size="'30'" @click="closeOverlayHandler"
       ><CloseBold
     /></TMagicIcon>
-    <div ref="stageOverlay" class="m-editor-stage-overlay-container" :style="style" @click.stop></div>
+
+    <ScrollViewer
+      class="m-editor-stage"
+      :width="wrapWidth"
+      :height="wrapHeight"
+      :wrap-width="columnWidth.center"
+      :wrap-height="frameworkRect.height"
+      :zoom="zoom"
+    >
+      <div ref="stageOverlay" class="m-editor-stage-container" :style="style"></div>
+    </ScrollViewer>
   </div>
 </template>
 
 <script setup lang="ts">
-import { computed, inject, ref, watch } from 'vue';
+import { computed, inject, onBeforeUnmount, useTemplateRef, watch } from 'vue';
 import { CloseBold } from '@element-plus/icons-vue';
 
 import { TMagicIcon } from '@tmagic/design';
 
-import type { Services, StageOptions } from '@editor/type';
+import ScrollViewer from '@editor/components/ScrollViewer.vue';
+import { useServices } from '@editor/hooks/use-services';
+import type { StageOptions } from '@editor/type';
 
-const services = inject<Services>('services');
+const { stageOverlayService, editorService, uiService } = useServices();
 
 const stageOptions = inject<StageOptions>('stageOptions');
 
-const stageOverlay = ref<HTMLDivElement>();
+const stageOverlayEl = useTemplateRef<HTMLDivElement>('stageOverlay');
 
-const stageOverlayVisible = computed(() => services?.stageOverlayService.get('stageOverlayVisible'));
-const wrapWidth = computed(() => services?.stageOverlayService.get('wrapWidth') || 0);
-const wrapHeight = computed(() => services?.stageOverlayService.get('wrapHeight') || 0);
-const stage = computed(() => services?.editorService.get('stage'));
+const stageOverlayVisible = computed(() => stageOverlayService.get('stageOverlayVisible'));
+const wrapWidth = computed(() => stageOverlayService.get('wrapWidth'));
+const wrapHeight = computed(() => stageOverlayService.get('wrapHeight'));
+const stage = computed(() => editorService.get('stage'));
+const zoom = computed(() => uiService.get('zoom'));
+const columnWidth = computed(() => uiService.get('columnWidth'));
+const frameworkRect = computed(() => uiService.get('frameworkRect'));
 
 const style = computed(() => ({
-  width: `${wrapWidth.value}px`,
-  height: `${wrapHeight.value}px`,
+  transform: `scale(${zoom.value})`,
 }));
 
 watch(stage, (stage) => {
   if (stage) {
     stage.on('dblclick', async (event: MouseEvent) => {
-      const el = await stage.actionManager.getElementFromPoint(event);
-      services?.stageOverlayService.openOverlay(el);
+      const el = (await stage.actionManager?.getElementFromPoint(event)) || null;
+      stageOverlayService.openOverlay(el);
     });
   } else {
-    services?.stageOverlayService.closeOverlay();
+    stageOverlayService.closeOverlay();
   }
 });
 
-watch(stageOverlay, (stageOverlay) => {
-  if (!services) return;
+watch(zoom, (zoom) => {
+  const stage = stageOverlayService.get('stage');
+  if (!stage || !zoom) return;
+  stage.setZoom(zoom);
+});
 
-  const subStage = services.stageOverlayService.createStage(stageOptions);
-  services?.stageOverlayService.set('stage', subStage);
+watch(stageOverlayEl, (stageOverlay) => {
+  const subStage = stageOverlayService.createStage(stageOptions);
+  stageOverlayService.set('stage', subStage);
 
   if (stageOverlay && subStage) {
     subStage.mount(stageOverlay);
 
     const { mask, renderer } = subStage;
 
-    const { contentWindow } = renderer;
-    mask.showRule(false);
+    const { contentWindow } = renderer!;
+    mask?.showRule(false);
 
-    services?.stageOverlayService.updateOverlay();
+    stageOverlayService.updateOverlay();
 
     contentWindow?.magic.onRuntimeReady({});
   }
 });
 
+onBeforeUnmount(() => {
+  stageOverlayService.get('stage')?.destroy();
+  stageOverlayService.set('stage', null);
+});
+
 const closeOverlayHandler = () => {
-  services?.stageOverlayService.closeOverlay();
+  stageOverlayService.closeOverlay();
 };
 </script>
diff --git a/packages/editor/src/layouts/workspace/viewer/ViewerMenu.vue b/packages/editor/src/layouts/workspace/viewer/ViewerMenu.vue
index ae5ed5ba..c1f15520 100644
--- a/packages/editor/src/layouts/workspace/viewer/ViewerMenu.vue
+++ b/packages/editor/src/layouts/workspace/viewer/ViewerMenu.vue
@@ -3,15 +3,16 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, inject, markRaw, ref, watch } from 'vue';
+import { computed, markRaw, ref, useTemplateRef, watch } from 'vue';
 import { Bottom, Top } from '@element-plus/icons-vue';
 
-import { NodeType } from '@tmagic/schema';
+import { NodeType } from '@tmagic/core';
 import { isPage, isPageFragment } from '@tmagic/utils';
 
 import ContentMenu from '@editor/components/ContentMenu.vue';
+import { useServices } from '@editor/hooks/use-services';
 import CenterIcon from '@editor/icons/CenterIcon.vue';
-import { LayerOffset, Layout, MenuButton, MenuComponent, Services } from '@editor/type';
+import { CustomContentMenuFunction, LayerOffset, Layout, MenuButton, MenuComponent } from '@editor/type';
 import { useCopyMenu, useDeleteMenu, useMoveToMenu, usePasteMenu } from '@editor/utils/content-menu';
 
 defineOptions({
@@ -22,23 +23,21 @@ const props = withDefaults(
   defineProps<{
     isMultiSelect?: boolean;
     stageContentMenu: (MenuButton | MenuComponent)[];
-    customContentMenu?: (menus: (MenuButton | MenuComponent)[], type: string) => (MenuButton | MenuComponent)[];
+    customContentMenu: CustomContentMenuFunction;
   }>(),
   {
     isMultiSelect: false,
-    stageContentMenu: () => [],
-    customContentMenu: (menus: (MenuButton | MenuComponent)[]) => menus,
   },
 );
 
-const services = inject<Services>('services');
-const editorService = services?.editorService;
-const menu = ref<InstanceType<typeof ContentMenu>>();
+const services = useServices();
+const { editorService } = services;
+const menuRef = useTemplateRef<InstanceType<typeof ContentMenu>>('menu');
 const canCenter = ref(false);
 
-const node = computed(() => editorService?.get('node'));
-const nodes = computed(() => editorService?.get('nodes'));
-const parent = computed(() => editorService?.get('parent'));
+const node = computed(() => editorService.get('node'));
+const nodes = computed(() => editorService.get('nodes'));
+const parent = computed(() => editorService.get('parent'));
 
 const menuData = computed<(MenuButton | MenuComponent)[]>(() =>
   props.customContentMenu(
@@ -50,11 +49,11 @@ const menuData = computed<(MenuButton | MenuComponent)[]>(() =>
         display: () => canCenter.value,
         handler: () => {
           if (!nodes.value) return;
-          editorService?.alignCenter(nodes.value);
+          editorService.alignCenter(nodes.value);
         },
       },
       useCopyMenu(),
-      usePasteMenu(menu),
+      usePasteMenu(menuRef),
       {
         type: 'divider',
         direction: 'horizontal',
@@ -69,7 +68,7 @@ const menuData = computed<(MenuButton | MenuComponent)[]>(() =>
         icon: markRaw(Top),
         display: () => !isPage(node.value) && !isPageFragment(node.value) && !props.isMultiSelect,
         handler: () => {
-          editorService?.moveLayer(1);
+          editorService.moveLayer(1);
         },
       },
       {
@@ -78,7 +77,7 @@ const menuData = computed<(MenuButton | MenuComponent)[]>(() =>
         icon: markRaw(Bottom),
         display: () => !isPage(node.value) && !isPageFragment(node.value) && !props.isMultiSelect,
         handler: () => {
-          editorService?.moveLayer(-1);
+          editorService.moveLayer(-1);
         },
       },
       {
@@ -87,7 +86,7 @@ const menuData = computed<(MenuButton | MenuComponent)[]>(() =>
         icon: markRaw(Top),
         display: () => !isPage(node.value) && !isPageFragment(node.value) && !props.isMultiSelect,
         handler: () => {
-          editorService?.moveLayer(LayerOffset.TOP);
+          editorService.moveLayer(LayerOffset.TOP);
         },
       },
       {
@@ -96,7 +95,7 @@ const menuData = computed<(MenuButton | MenuComponent)[]>(() =>
         icon: markRaw(Bottom),
         display: () => !isPage(node.value) && !isPageFragment(node.value) && !props.isMultiSelect,
         handler: () => {
-          editorService?.moveLayer(LayerOffset.BOTTOM);
+          editorService.moveLayer(LayerOffset.BOTTOM);
         },
       },
       useMoveToMenu(services),
@@ -114,7 +113,7 @@ const menuData = computed<(MenuButton | MenuComponent)[]>(() =>
         type: 'button',
         text: '清空参考线',
         handler: () => {
-          editorService?.get('stage')?.clearGuides();
+          editorService.get('stage')?.clearGuides();
         },
       },
       ...props.stageContentMenu,
@@ -126,7 +125,7 @@ const menuData = computed<(MenuButton | MenuComponent)[]>(() =>
 watch(
   parent,
   async () => {
-    if (!parent.value || !editorService) return (canCenter.value = false);
+    if (!parent.value) return (canCenter.value = false);
     const layout = await editorService.getLayout(parent.value);
     const isLayoutConform = [Layout.ABSOLUTE, Layout.FIXED].includes(layout);
     const isTypeConform = nodes.value?.every(
@@ -138,7 +137,7 @@ watch(
 );
 
 const show = (e: MouseEvent) => {
-  menu.value?.show(e);
+  menuRef.value?.show(e);
 };
 
 defineExpose({ show });
diff --git a/packages/editor/src/plugin.ts b/packages/editor/src/plugin.ts
new file mode 100644
index 00000000..497c7d34
--- /dev/null
+++ b/packages/editor/src/plugin.ts
@@ -0,0 +1,92 @@
+/*
+ * Tencent is pleased to support the open source community by making TMagicEditor available.
+ *
+ * Copyright (C) 2025 Tencent.  All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import type { App } from 'vue';
+
+import type { DesignPluginOptions } from '@tmagic/design';
+import designPlugin from '@tmagic/design';
+import type { FormInstallOptions } from '@tmagic/form';
+import formPlugin from '@tmagic/form';
+import tablePlugin from '@tmagic/table';
+
+import Code from './fields/Code.vue';
+import CodeLink from './fields/CodeLink.vue';
+import CodeSelect from './fields/CodeSelect.vue';
+import CodeSelectCol from './fields/CodeSelectCol.vue';
+import CondOpSelect from './fields/CondOpSelect.vue';
+import DataSourceFields from './fields/DataSourceFields.vue';
+import DataSourceFieldSelect from './fields/DataSourceFieldSelect/Index.vue';
+import DataSourceInput from './fields/DataSourceInput.vue';
+import DataSourceMethods from './fields/DataSourceMethods.vue';
+import DataSourceMethodSelect from './fields/DataSourceMethodSelect.vue';
+import DataSourceMocks from './fields/DataSourceMocks.vue';
+import DataSourceSelect from './fields/DataSourceSelect.vue';
+import DisplayConds from './fields/DisplayConds.vue';
+import EventSelect from './fields/EventSelect.vue';
+import KeyValue from './fields/KeyValue.vue';
+import PageFragmentSelect from './fields/PageFragmentSelect.vue';
+import StyleSetter from './fields/StyleSetter/Index.vue';
+import uiSelect from './fields/UISelect.vue';
+import CodeEditor from './layouts/CodeEditor.vue';
+import { setEditorConfig } from './utils/config';
+import Editor from './Editor.vue';
+import type { EditorInstallOptions } from './type';
+
+import './theme/index.scss';
+
+const defaultInstallOpt: EditorInstallOptions = {
+  // eslint-disable-next-line no-eval
+  parseDSL: (dsl: string) => eval(dsl),
+  customCreateMonacoEditor: (monaco, codeEditorEl, options) => monaco.editor.create(codeEditorEl, options),
+  customCreateMonacoDiffEditor: (monaco, codeEditorEl, options) =>
+    monaco.editor.createDiffEditor(codeEditorEl, options),
+};
+
+export default {
+  install: (app: App, opt?: Partial<EditorInstallOptions | DesignPluginOptions | FormInstallOptions>): void => {
+    const option = Object.assign(defaultInstallOpt, opt || {});
+
+    app.use(designPlugin, opt || {});
+    app.use(formPlugin, opt || {});
+    app.use(tablePlugin);
+
+    app.config.globalProperties.$TMAGIC_EDITOR = option;
+    setEditorConfig(option);
+
+    app.component(`${Editor.name || 'MEditor'}`, Editor);
+    app.component('magic-code-editor', CodeEditor);
+    app.component('m-fields-ui-select', uiSelect);
+    app.component('m-fields-code-link', CodeLink);
+    app.component('m-fields-vs-code', Code);
+    app.component('m-fields-code-select', CodeSelect);
+    app.component('m-fields-code-select-col', CodeSelectCol);
+    app.component('m-fields-event-select', EventSelect);
+    app.component('m-fields-data-source-fields', DataSourceFields);
+    app.component('m-fields-data-source-mocks', DataSourceMocks);
+    app.component('m-fields-key-value', KeyValue);
+    app.component('m-fields-data-source-input', DataSourceInput);
+    app.component('m-fields-data-source-select', DataSourceSelect);
+    app.component('m-fields-data-source-methods', DataSourceMethods);
+    app.component('m-fields-data-source-method-select', DataSourceMethodSelect);
+    app.component('m-fields-data-source-field-select', DataSourceFieldSelect);
+    app.component('m-fields-page-fragment-select', PageFragmentSelect);
+    app.component('m-fields-display-conds', DisplayConds);
+    app.component('m-fields-cond-op-select', CondOpSelect);
+    app.component('m-form-style-setter', StyleSetter);
+  },
+};
diff --git a/packages/editor/src/services/BaseService.ts b/packages/editor/src/services/BaseService.ts
index 9cd18ca7..81cee81e 100644
--- a/packages/editor/src/services/BaseService.ts
+++ b/packages/editor/src/services/BaseService.ts
@@ -1,7 +1,8 @@
+/* eslint-disable @typescript-eslint/no-misused-promises */
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -198,24 +199,35 @@ export default class extends EventEmitter {
    * @deprecated 请使用usePlugin代替
    */
   public use(options: Record<string, Function>) {
-    Object.entries(options).forEach(([methodName, method]: [string, Function]) => {
+    for (const [methodName, method] of Object.entries(options)) {
       if (typeof method === 'function') this.middleware[methodName].push(method);
-    });
+    }
   }
 
   public usePlugin(options: Record<string, Function>) {
-    Object.entries(options).forEach(([methodName, method]: [string, Function]) => {
-      if (typeof method === 'function') this.pluginOptionsList[methodName].push(method);
-    });
+    for (const [methodName, method] of Object.entries(options)) {
+      if (typeof method === 'function' && !this.pluginOptionsList[methodName].includes(method)) {
+        this.pluginOptionsList[methodName].push(method);
+      }
+    }
+  }
+
+  public removePlugin(options: Record<string, Function>) {
+    for (const [methodName, method] of Object.entries(options)) {
+      if (Array.isArray(this.pluginOptionsList[methodName])) {
+        this.pluginOptionsList[methodName] = this.pluginOptionsList[methodName].filter((item) => item !== method);
+      }
+    }
   }
 
   public removeAllPlugins() {
-    Object.keys(this.pluginOptionsList).forEach((key) => {
+    for (const key of Object.keys(this.pluginOptionsList)) {
       this.pluginOptionsList[key] = [];
-    });
-    Object.keys(this.middleware).forEach((key) => {
+    }
+
+    for (const key of Object.keys(this.middleware)) {
       this.middleware[key] = [];
-    });
+    }
   }
 
   private async doTask() {
diff --git a/packages/editor/src/services/codeBlock.ts b/packages/editor/src/services/codeBlock.ts
index 0888b568..b7ff4ee8 100644
--- a/packages/editor/src/services/codeBlock.ts
+++ b/packages/editor/src/services/codeBlock.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -20,15 +20,15 @@ import { reactive } from 'vue';
 import { cloneDeep, get, keys, pick } from 'lodash-es';
 import type { Writable } from 'type-fest';
 
-import { Target, type TargetOptions, Watcher } from '@tmagic/dep';
-import type { ColumnConfig } from '@tmagic/form';
-import type { CodeBlockContent, CodeBlockDSL, Id, MNode } from '@tmagic/schema';
+import type { CodeBlockContent, CodeBlockDSL, Id, MNode, TargetOptions } from '@tmagic/core';
+import { Target, Watcher } from '@tmagic/core';
+import type { TableColumnConfig } from '@tmagic/form';
 
 import editorService from '@editor/services/editor';
 import storageService, { Protocol } from '@editor/services/storage';
 import type { AsyncHookPlugin, CodeState } from '@editor/type';
 import { CODE_DRAFT_STORAGE_KEY } from '@editor/type';
-import { getConfig } from '@editor/utils/config';
+import { getEditorConfig } from '@editor/utils/config';
 import { COPY_CODE_STORAGE_KEY } from '@editor/utils/editor';
 
 import BaseService from './BaseService';
@@ -117,7 +117,7 @@ class CodeBlock extends BaseService {
     const codeConfigProcessed = cloneDeep(codeConfig);
     if (codeConfigProcessed.content) {
       // 在保存的时候转换代码内容
-      const parseDSL = getConfig('parseDSL');
+      const parseDSL = getEditorConfig('parseDSL');
       if (typeof codeConfigProcessed.content === 'string') {
         codeConfigProcessed.content = parseDSL<(...args: any[]) => any>(codeConfigProcessed.content);
       }
@@ -231,11 +231,11 @@ class CodeBlock extends BaseService {
     });
   }
 
-  public setParamsColConfig(config: ColumnConfig): void {
+  public setParamsColConfig(config: TableColumnConfig): void {
     this.state.paramsColConfig = config;
   }
 
-  public getParamsColConfig(): ColumnConfig | undefined {
+  public getParamsColConfig(): TableColumnConfig | undefined {
     return this.state.paramsColConfig;
   }
 
diff --git a/packages/editor/src/services/componentList.ts b/packages/editor/src/services/componentList.ts
index 5c76bd13..b339a18c 100644
--- a/packages/editor/src/services/componentList.ts
+++ b/packages/editor/src/services/componentList.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -16,14 +16,14 @@
  * limitations under the License.
  */
 
-import { reactive } from 'vue';
+import { shallowReactive } from 'vue';
 
 import type { ComponentGroup, ComponentGroupState } from '@editor/type';
 
 import BaseService from './BaseService';
 
 class ComponentList extends BaseService {
-  private state = reactive<ComponentGroupState>({
+  private state = shallowReactive<ComponentGroupState>({
     list: [],
   });
 
diff --git a/packages/editor/src/services/dataSource.ts b/packages/editor/src/services/dataSource.ts
index 8bbf73c9..605fbcdf 100644
--- a/packages/editor/src/services/dataSource.ts
+++ b/packages/editor/src/services/dataSource.ts
@@ -1,11 +1,10 @@
 import { reactive } from 'vue';
 import { cloneDeep, get } from 'lodash-es';
-import { Writable } from 'type-fest';
+import type { Writable } from 'type-fest';
 
-import type { EventOption } from '@tmagic/core';
-import { Target, type TargetOptions, Watcher } from '@tmagic/dep';
-import type { FormConfig } from '@tmagic/form';
-import type { DataSourceSchema, Id, MNode } from '@tmagic/schema';
+import type { DataSourceSchema, EventOption, Id, MNode, TargetOptions } from '@tmagic/core';
+import { Target, Watcher } from '@tmagic/core';
+import type { ChangeRecord, FormConfig } from '@tmagic/form';
 import { guid, toLine } from '@tmagic/utils';
 
 import editorService from '@editor/services/editor';
@@ -116,15 +115,22 @@ class DataSource extends BaseService {
     return newConfig;
   }
 
-  public update(config: DataSourceSchema) {
+  public update(config: DataSourceSchema, { changeRecords = [] }: { changeRecords?: ChangeRecord[] } = {}) {
     const dataSources = this.get('dataSources');
 
     const index = dataSources.findIndex((ds) => ds.id === config.id);
-    dataSources[index] = cloneDeep(config);
 
-    this.emit('update', config);
+    const oldConfig = dataSources[index];
+    const newConfig = cloneDeep(config);
 
-    return config;
+    dataSources[index] = newConfig;
+
+    this.emit('update', newConfig, {
+      oldConfig,
+      changeRecords,
+    });
+
+    return newConfig;
   }
 
   public remove(id: string) {
diff --git a/packages/editor/src/services/dep.ts b/packages/editor/src/services/dep.ts
index 6fee3597..df0d4214 100644
--- a/packages/editor/src/services/dep.ts
+++ b/packages/editor/src/services/dep.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -15,27 +15,64 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { reactive } from 'vue';
+import { reactive, shallowReactive } from 'vue';
+import { throttle } from 'lodash-es';
+import serialize from 'serialize-javascript';
 
-import { type DepExtendedData, DepTargetType, type Target, type TargetNode, Watcher } from '@tmagic/dep';
-import type { Id, MNode } from '@tmagic/schema';
+import type { DepData, DepExtendedData, Id, MApp, MNode, Target, TargetNode } from '@tmagic/core';
+import { DepTargetType, traverseTarget, Watcher } from '@tmagic/core';
 import { isPage } from '@tmagic/utils';
 
-import { IdleTask } from '@editor/utils/idle-task';
+import { IdleTask } from '@editor/utils/dep/idle-task';
+import Work from '@editor/utils/dep/worker.ts?worker&inline';
 
 import BaseService from './BaseService';
 
 export interface DepEvents {
   'add-target': [target: Target];
-  'remove-target': [id: string | number];
+  'remove-target': [id: string | number, type: string | DepTargetType];
   collected: [nodes: MNode[], deep: boolean];
+  'ds-collected': [nodes: MNode[], deep: boolean];
 }
 
-const idleTask = new IdleTask<{ node: TargetNode; deep: boolean; target: Target }>();
+interface State {
+  collecting: boolean;
+  taskLength: number;
+}
+
+type StateKey = keyof State;
 
 class Dep extends BaseService {
+  private state = shallowReactive<State>({
+    collecting: false,
+    taskLength: 0,
+  });
+
+  private idleTask = new IdleTask<{ node: TargetNode; deep: boolean; target: Target }>();
+
   private watcher = new Watcher({ initialTargets: reactive({}) });
 
+  private waitingWorker?: Promise<void>;
+
+  constructor() {
+    super();
+
+    this.idleTask.on(
+      'update-task-length',
+      throttle(({ length }) => {
+        this.set('taskLength', length);
+      }, 1000),
+    );
+  }
+
+  public set<K extends StateKey, T extends State[K]>(name: K, value: T) {
+    this.state[name] = value;
+  }
+
+  public get<K extends StateKey>(name: K): State[K] {
+    return this.state[name];
+  }
+
   public removeTargets(type: string = DepTargetType.DEFAULT) {
     this.watcher.removeTargets(type);
 
@@ -44,7 +81,7 @@ class Dep extends BaseService {
     if (!targets) return;
 
     for (const target of Object.values(targets)) {
-      this.emit('remove-target', target.id);
+      this.emit('remove-target', target.id, type);
     }
   }
 
@@ -63,7 +100,7 @@ class Dep extends BaseService {
 
   public removeTarget(id: Id, type: string = DepTargetType.DEFAULT) {
     this.watcher.removeTarget(id, type);
-    this.emit('remove-target', id);
+    this.emit('remove-target', id, type);
   }
 
   public clearTargets() {
@@ -71,40 +108,97 @@ class Dep extends BaseService {
   }
 
   public collect(nodes: MNode[], depExtendedData: DepExtendedData = {}, deep = false, type?: DepTargetType) {
+    this.set('collecting', true);
     this.watcher.collectByCallback(nodes, type, ({ node, target }) => {
       this.collectNode(node, target, depExtendedData, deep);
     });
+    this.set('collecting', false);
 
     this.emit('collected', nodes, deep);
+    this.emit('ds-collected', nodes, deep);
   }
 
-  public collectIdle(nodes: MNode[], depExtendedData: DepExtendedData = {}, deep = false, type?: DepTargetType) {
+  public async collectIdle(nodes: MNode[], depExtendedData: DepExtendedData = {}, deep = false, type?: DepTargetType) {
+    if (this.waitingWorker) {
+      await this.waitingWorker;
+    }
+
+    this.set('collecting', true);
+    let startTask = false;
     this.watcher.collectByCallback(nodes, type, ({ node, target }) => {
-      idleTask.enqueueTask(
-        ({ node, deep, target }) => {
-          this.collectNode(node, target, depExtendedData, deep);
-        },
-        {
-          node,
-          deep,
-          target,
-        },
-      );
+      startTask = true;
+
+      this.enqueueTask(node, target, depExtendedData, deep);
     });
 
-    idleTask.once('finish', () => {
-      this.emit('collected', nodes, deep);
+    return new Promise<void>((resolve) => {
+      if (!startTask) {
+        this.emit('collected', nodes, deep);
+        this.set('collecting', false);
+        resolve();
+        return;
+      }
+      this.idleTask.once('finish', () => {
+        this.emit('collected', nodes, deep);
+        this.set('collecting', false);
+      });
+      this.idleTask.once('hight-level-finish', () => {
+        this.emit('ds-collected', nodes, deep);
+        resolve();
+      });
     });
   }
 
-  collectNode(node: MNode, target: Target, depExtendedData: DepExtendedData = {}, deep = false) {
+  public collectByWorker(dsl: MApp) {
+    this.set('collecting', true);
+
+    const { promise, resolve: waitingResolve } = Promise.withResolvers<void>();
+
+    this.waitingWorker = promise;
+
+    return new Promise<Record<string, Record<string, DepData>>>((resolve) => {
+      const worker = new Work();
+      worker.postMessage({
+        dsl: serialize(dsl),
+      });
+      worker.onmessage = (e) => {
+        resolve(e.data);
+      };
+      worker.onerror = () => {
+        resolve({});
+      };
+    }).then((depsData) => {
+      traverseTarget(this.watcher.getTargetsList(), (target) => {
+        if (depsData[target.type]?.[target.id]) {
+          target.deps = reactive(depsData[target.type][target.id]);
+
+          if (target.type === DepTargetType.DATA_SOURCE && dsl.dataSourceDeps) {
+            dsl.dataSourceDeps[target.id] = target.deps;
+          } else if (target.type === DepTargetType.DATA_SOURCE_COND && dsl.dataSourceCondDeps) {
+            dsl.dataSourceCondDeps[target.id] = target.deps;
+          } else if (target.type === DepTargetType.DATA_SOURCE_METHOD) {
+            dsl.dataSourceMethodDeps[target.id] = target.deps;
+          }
+        }
+      });
+
+      this.set('collecting', false);
+      this.emit('collected', dsl.items, true);
+      this.emit('ds-collected', dsl.items, true);
+      waitingResolve();
+
+      return depsData;
+    });
+  }
+
+  public collectNode(node: MNode, target: Target, depExtendedData: DepExtendedData = {}, deep = false) {
     // 先删除原有依赖，重新收集
     if (isPage(node)) {
-      Object.entries(target.deps).forEach(([depKey, dep]) => {
+      for (const [depKey, dep] of Object.entries(target.deps)) {
         if (dep.data?.pageId && dep.data.pageId === depExtendedData.pageId) {
           delete target.deps[depKey];
         }
-      });
+      }
     } else {
       this.watcher.removeTargetDep(target, node);
     }
@@ -128,6 +222,10 @@ class Dep extends BaseService {
     return this.watcher.hasSpecifiedTypeTarget(type);
   }
 
+  public clearIdleTasks() {
+    this.idleTask.clearTasks();
+  }
+
   public on<Name extends keyof DepEvents, Param extends DepEvents[Name]>(
     eventName: Name,
     listener: (...args: Param) => void | Promise<void>,
@@ -142,9 +240,48 @@ class Dep extends BaseService {
     return super.once(eventName, listener as any);
   }
 
+  public reset() {
+    this.idleTask.clearTasks();
+
+    for (const type of Object.keys(this.watcher.getTargetsList())) {
+      this.removeTargets(type);
+    }
+
+    this.set('collecting', false);
+  }
+
+  public destroy() {
+    this.idleTask.removeAllListeners();
+
+    this.removeAllListeners();
+    this.reset();
+    this.removeAllPlugins();
+    this.idleTask.removeAllListeners();
+  }
+
   public emit<Name extends keyof DepEvents, Param extends DepEvents[Name]>(eventName: Name, ...args: Param) {
     return super.emit(eventName, ...args);
   }
+
+  private enqueueTask(node: MNode, target: Target, depExtendedData: DepExtendedData, deep: boolean) {
+    this.idleTask.enqueueTask(
+      ({ node, deep, target }) => {
+        this.collectNode(node, target, depExtendedData, deep);
+      },
+      {
+        node,
+        deep: false,
+        target,
+      },
+      target.type === DepTargetType.DATA_SOURCE,
+    );
+
+    if (deep && Array.isArray(node.items) && node.items.length) {
+      node.items.forEach((item) => {
+        this.enqueueTask(item, target, depExtendedData, deep);
+      });
+    }
+  }
 }
 
 export type DepService = Dep;
diff --git a/packages/editor/src/services/editor.ts b/packages/editor/src/services/editor.ts
index efa2a480..09d57994 100644
--- a/packages/editor/src/services/editor.ts
+++ b/packages/editor/src/services/editor.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -18,12 +18,22 @@
 
 import { reactive, toRaw } from 'vue';
 import { cloneDeep, get, isObject, mergeWith, uniq } from 'lodash-es';
-import { Writable } from 'type-fest';
+import type { Writable } from 'type-fest';
 
-import { Target, type TargetOptions, Watcher } from '@tmagic/dep';
-import type { Id, MApp, MComponent, MContainer, MNode, MPage, MPageFragment } from '@tmagic/schema';
-import { NodeType } from '@tmagic/schema';
-import { calcValueByFontsize, getNodePath, isNumber, isPage, isPageFragment, isPop } from '@tmagic/utils';
+import type { Id, MApp, MContainer, MNode, MPage, MPageFragment, TargetOptions } from '@tmagic/core';
+import { NodeType, Target, Watcher } from '@tmagic/core';
+import type { ChangeRecord } from '@tmagic/form';
+import { isFixed } from '@tmagic/stage';
+import {
+  calcValueByFontsize,
+  getElById,
+  getNodeInfo,
+  getNodePath,
+  isNumber,
+  isPage,
+  isPageFragment,
+  isPop,
+} from '@tmagic/utils';
 
 import BaseService from '@editor/services//BaseService';
 import propsService from '@editor/services//props';
@@ -48,7 +58,6 @@ import {
   getNodeIndex,
   getPageFragmentList,
   getPageList,
-  isFixed,
   moveItemsInContainer,
   setChildrenLayout,
   setLayout,
@@ -60,7 +69,7 @@ export interface EditorEvents {
   select: [node: MNode | null];
   add: [nodes: MNode[]];
   remove: [nodes: MNode[]];
-  update: [nodes: MNode[]];
+  update: [nodes: { newNode: MNode; oldNode: MNode; changeRecords?: ChangeRecord[] }[]];
   'move-layer': [offset: number | LayerOffset];
   'drag-to': [data: { targetIndex: number; configs: MNode | MNode[]; targetParent: MContainer }];
   'history-change': [data: MPage | MPageFragment];
@@ -176,36 +185,7 @@ class Editor extends BaseService {
       root = toRaw(root);
     }
 
-    const info: EditorNodeInfo = {
-      node: null,
-      parent: null,
-      page: null,
-    };
-
-    if (!root) return info;
-
-    if (id === root.id) {
-      info.node = root;
-      return info;
-    }
-
-    const path = getNodePath(id, root.items);
-
-    if (!path.length) return info;
-
-    path.unshift(root);
-
-    info.node = path[path.length - 1] as MComponent;
-    info.parent = path[path.length - 2] as MContainer;
-
-    path.forEach((item) => {
-      if (isPage(item) || isPageFragment(item)) {
-        info.page = item as MPage | MPageFragment;
-        return;
-      }
-    });
-
-    return info;
+    return getNodeInfo(id, root);
   }
 
   /**
@@ -234,7 +214,7 @@ class Editor extends BaseService {
    * 只有容器拥有布局
    */
   public async getLayout(parent: MNode, node?: MNode | null): Promise<Layout> {
-    if (node && typeof node !== 'function' && isFixed(node)) return Layout.FIXED;
+    if (node && typeof node !== 'function' && isFixed(node.style || {})) return Layout.FIXED;
 
     if (parent.layout) {
       return parent.layout;
@@ -267,7 +247,7 @@ class Editor extends BaseService {
 
     if (node?.id) {
       this.get('stage')
-        ?.renderer.runtime?.getApp?.()
+        ?.renderer?.runtime?.getApp?.()
         ?.page?.emit(
           'editor:select',
           {
@@ -495,11 +475,11 @@ class Editor extends BaseService {
     if (isPage(node)) {
       this.state.pageLength -= 1;
 
-      await selectDefault(getPageList(root));
+      await selectDefault(rootItems);
     } else if (isPageFragment(node)) {
       this.state.pageFragmentLength -= 1;
 
-      await selectDefault(getPageFragmentList(root));
+      await selectDefault(rootItems);
     } else {
       await this.select(parent);
       stage?.select(parent.id);
@@ -530,7 +510,10 @@ class Editor extends BaseService {
     this.emit('remove', nodes);
   }
 
-  public async doUpdate(config: MNode) {
+  public async doUpdate(
+    config: MNode,
+    { changeRecords = [] }: { changeRecords?: ChangeRecord[] } = {},
+  ): Promise<{ newNode: MNode; oldNode: MNode; changeRecords?: ChangeRecord[] }> {
     const root = this.get('root');
     if (!root) throw new Error('root为空');
 
@@ -540,12 +523,12 @@ class Editor extends BaseService {
 
     if (!info.node) throw new Error(`获取不到id为${config.id}的节点`);
 
-    const node = cloneDeep(toRaw(info.node));
+    const node = toRaw(info.node);
 
     let newConfig = await this.toggleFixedPosition(toRaw(config), node, root);
 
-    newConfig = mergeWith(cloneDeep(node), newConfig, (objValue, srcValue, key) => {
-      if (typeof srcValue === 'undefined' && Object.hasOwn(newConfig, key)) {
+    newConfig = mergeWith(cloneDeep(node), newConfig, (objValue, srcValue, key, object: any, source: any) => {
+      if (typeof srcValue === 'undefined' && Object.hasOwn(source, key)) {
         return '';
       }
 
@@ -562,7 +545,11 @@ class Editor extends BaseService {
 
     if (newConfig.type === NodeType.ROOT) {
       this.set('root', newConfig as MApp);
-      return newConfig;
+      return {
+        oldNode: node,
+        newNode: newConfig,
+        changeRecords,
+      };
     }
 
     const { parent } = info;
@@ -587,37 +574,39 @@ class Editor extends BaseService {
     nodes.splice(targetIndex, 1, newConfig);
     this.set('nodes', [...nodes]);
 
-    this.get('stage')?.update({
-      config: cloneDeep(newConfig),
-      parentId: parent.id,
-      root: cloneDeep(root),
-    });
-
     if (isPage(newConfig) || isPageFragment(newConfig)) {
       this.set('page', newConfig as MPage | MPageFragment);
     }
 
     this.addModifiedNodeId(newConfig.id);
 
-    return newConfig;
+    return {
+      oldNode: node,
+      newNode: newConfig,
+      changeRecords,
+    };
   }
 
   /**
    * 更新节点
+   * update后会触发依赖收集，收集完后会掉stage.update方法
    * @param config 新的节点配置，配置中需要有id信息
    * @returns 更新后的节点配置
    */
-  public async update(config: MNode | MNode[]): Promise<MNode | MNode[]> {
+  public async update(
+    config: MNode | MNode[],
+    data: { changeRecords?: ChangeRecord[] } = {},
+  ): Promise<MNode | MNode[]> {
     const nodes = Array.isArray(config) ? config : [config];
 
-    const newNodes = await Promise.all(nodes.map((node) => this.doUpdate(node)));
+    const updateData = await Promise.all(nodes.map((node) => this.doUpdate(node, data)));
 
-    if (newNodes[0]?.type !== NodeType.ROOT) {
+    if (updateData[0].oldNode?.type !== NodeType.ROOT) {
       this.pushHistoryState();
     }
 
-    this.emit('update', newNodes);
-    return Array.isArray(config) ? newNodes : newNodes[0];
+    this.emit('update', updateData);
+    return Array.isArray(config) ? updateData.map((item) => item.newNode) : updateData[0].newNode;
   }
 
   /**
@@ -737,7 +726,7 @@ class Editor extends BaseService {
 
   public async doPaste(config: MNode[], position: PastePosition = {}): Promise<MNode[]> {
     propsService.clearRelateId();
-    const doc = this.get('stage')?.renderer.contentWindow?.document;
+    const doc = this.get('stage')?.renderer?.contentWindow?.document;
     const pasteConfigs = beforePaste(position, cloneDeep(config), doc);
     return pasteConfigs;
   }
@@ -756,10 +745,10 @@ class Editor extends BaseService {
     if (!node.style) return config;
 
     const stage = this.get('stage');
-    const doc = stage?.renderer.contentWindow?.document;
+    const doc = stage?.renderer?.contentWindow?.document;
 
     if (doc) {
-      const el = doc.getElementById(`${node.id}`);
+      const el = getElById()(doc, node.id);
       const parentEl = layout === Layout.FIXED ? doc.body : el?.offsetParent;
       if (parentEl && el) {
         node.style.left = calcValueByFontsize(doc, (parentEl.clientWidth - el.clientWidth) / 2);
@@ -864,7 +853,7 @@ class Editor extends BaseService {
 
       const layout = await this.getLayout(target);
 
-      const newConfig = mergeWith(cloneDeep(node), config, (objValue, srcValue) => {
+      const newConfig = mergeWith(cloneDeep(node), config, (_objValue, srcValue) => {
         if (Array.isArray(srcValue)) {
           return srcValue;
         }
@@ -876,7 +865,11 @@ class Editor extends BaseService {
       await stage.select(targetId);
 
       const targetParent = this.getParentById(target.id);
-      await stage.update({ config: cloneDeep(target), parentId: targetParent?.id, root: cloneDeep(root) });
+      await stage.update({
+        config: cloneDeep(target),
+        parentId: targetParent?.id,
+        root: cloneDeep(root),
+      });
 
       await this.select(newConfig);
       stage.select(newConfig.id);
@@ -899,9 +892,20 @@ class Editor extends BaseService {
 
     const newLayout = await this.getLayout(targetParent);
 
-    for (const config of configs) {
+    // eslint-disable-next-line no-restricted-syntax
+    forConfigs: for (const config of configs) {
       const { parent, node: curNode } = this.getNodeInfo(config.id, false);
-      if (!parent || !curNode) throw new Error('找不要删除的节点');
+      if (!parent || !curNode) {
+        continue;
+      }
+
+      const path = getNodePath(curNode.id, parent.items);
+
+      for (const node of path) {
+        if (targetParent.id === node.id) {
+          continue forConfigs;
+        }
+      }
 
       const index = getNodeIndex(curNode.id, parent);
 
@@ -1083,10 +1087,11 @@ class Editor extends BaseService {
     this.isHistoryStateChange = true;
     await this.update(value.data);
     this.set('modifiedNodeIds', value.modifiedNodeIds);
-    setTimeout(async () => {
+    setTimeout(() => {
       if (!value.nodeId) return;
-      await this.select(value.nodeId);
-      this.get('stage')?.select(value.nodeId);
+      this.select(value.nodeId).then(() => {
+        this.get('stage')?.select(value.nodeId);
+      });
     }, 0);
     this.emit('history-change', value.data);
   }
@@ -1095,9 +1100,9 @@ class Editor extends BaseService {
     const newConfig = cloneDeep(dist);
 
     if (!isPop(src) && newConfig.style?.position) {
-      if (isFixed(newConfig) && !isFixed(src)) {
+      if (isFixed(newConfig.style) && !isFixed(src.style || {})) {
         newConfig.style = change2Fixed(newConfig, root);
-      } else if (!isFixed(newConfig) && isFixed(src)) {
+      } else if (!isFixed(newConfig.style) && isFixed(src.style || {})) {
         newConfig.style = await Fixed2Other(newConfig, root, this.getLayout);
       }
     }
diff --git a/packages/editor/src/services/events.ts b/packages/editor/src/services/events.ts
index d24b6ea2..a32b3cc6 100644
--- a/packages/editor/src/services/events.ts
+++ b/packages/editor/src/services/events.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -18,34 +18,32 @@
 
 import { reactive } from 'vue';
 import { cloneDeep } from 'lodash-es';
+import type { Writable } from 'type-fest';
 
-import { DEFAULT_EVENTS, DEFAULT_METHODS, EventOption } from '@tmagic/core';
+import { type EventOption, type Id } from '@tmagic/core';
 import { toLine } from '@tmagic/utils';
 
-import type { ComponentGroup } from '@editor/type';
+import type { AsyncHookPlugin, SyncHookPlugin } from '@editor/type';
 
 import BaseService from './BaseService';
 
+const canUsePluginMethods = {
+  async: [] as const,
+  sync: ['setEvent', 'getEvent', 'setMethod', 'getMethod'] as const,
+};
+
+type AsyncMethodName = Writable<(typeof canUsePluginMethods)['async']>;
+type SyncMethodName = Writable<(typeof canUsePluginMethods)['sync']>;
+
 let eventMap: Record<string, EventOption[]> = reactive({});
 let methodMap: Record<string, EventOption[]> = reactive({});
 
 class Events extends BaseService {
   constructor() {
-    super([]);
-  }
-
-  public init(componentGroupList: ComponentGroup[]) {
-    componentGroupList.forEach((group) => {
-      group.items.forEach((element) => {
-        const type = toLine(element.type);
-        if (!this.getEvent(type)) {
-          this.setEvent(type, DEFAULT_EVENTS);
-        }
-        if (!this.getMethod(type)) {
-          this.setMethod(type, DEFAULT_METHODS);
-        }
-      });
-    });
+    super([
+      ...canUsePluginMethods.async.map((methodName) => ({ name: methodName, isAsync: true })),
+      ...canUsePluginMethods.sync.map((methodName) => ({ name: methodName, isAsync: false })),
+    ]);
   }
 
   public setEvents(events: Record<string, EventOption[]>) {
@@ -55,11 +53,11 @@ class Events extends BaseService {
   }
 
   public setEvent(type: string, events: EventOption[]) {
-    eventMap[toLine(type)] = [...DEFAULT_EVENTS, ...events];
+    eventMap[toLine(type)] = [...events];
   }
 
   public getEvent(type: string): EventOption[] {
-    return cloneDeep(eventMap[toLine(type)] || DEFAULT_EVENTS);
+    return cloneDeep(eventMap[toLine(type)]) || [];
   }
 
   public setMethods(methods: Record<string, EventOption[]>) {
@@ -69,11 +67,11 @@ class Events extends BaseService {
   }
 
   public setMethod(type: string, method: EventOption[]) {
-    methodMap[toLine(type)] = [...DEFAULT_METHODS, ...method];
+    methodMap[toLine(type)] = [...method];
   }
 
-  public getMethod(type: string) {
-    return cloneDeep(methodMap[toLine(type)] || DEFAULT_METHODS);
+  public getMethod(type: string, _targetId: Id) {
+    return cloneDeep(methodMap[toLine(type)]) || [];
   }
 
   public resetState() {
@@ -86,6 +84,10 @@ class Events extends BaseService {
     this.removeAllListeners();
     this.removeAllPlugins();
   }
+
+  public usePlugin(options: AsyncHookPlugin<AsyncMethodName, Events> & SyncHookPlugin<SyncMethodName, Events>): void {
+    super.usePlugin(options);
+  }
 }
 
 export type EventsService = Events;
diff --git a/packages/editor/src/services/history.ts b/packages/editor/src/services/history.ts
index 125bdf86..47c1c753 100644
--- a/packages/editor/src/services/history.ts
+++ b/packages/editor/src/services/history.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -18,7 +18,7 @@
 
 import { reactive } from 'vue';
 
-import type { MPage, MPageFragment } from '@tmagic/schema';
+import type { MPage, MPageFragment } from '@tmagic/core';
 
 import type { HistoryState, StepValue } from '@editor/type';
 import { UndoRedo } from '@editor/utils/undo-redo';
diff --git a/packages/editor/src/services/keybinding.ts b/packages/editor/src/services/keybinding.ts
index e5627bc1..58aea835 100644
--- a/packages/editor/src/services/keybinding.ts
+++ b/packages/editor/src/services/keybinding.ts
@@ -145,6 +145,18 @@ class Keybinding extends BaseService {
       for (const [type = '', eventType = 'keydown'] of when) {
         const cacheItem: KeyBindingCacheItem = { type, command, keybinding, eventType, bound: false };
 
+        if (
+          this.bindingList.find(
+            (item) =>
+              item.command === command &&
+              item.eventType === eventType &&
+              item.type === type &&
+              item.keybinding === keybinding,
+          )
+        ) {
+          continue;
+        }
+
         this.bindingList.push(cacheItem);
       }
     }
diff --git a/packages/editor/src/services/props.ts b/packages/editor/src/services/props.ts
index 51efc24c..22971008 100644
--- a/packages/editor/src/services/props.ts
+++ b/packages/editor/src/services/props.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -18,15 +18,21 @@
 
 import { reactive } from 'vue';
 import { cloneDeep, mergeWith } from 'lodash-es';
-import { Writable } from 'type-fest';
+import type { Writable } from 'type-fest';
 
-import { Target, type TargetOptions, Watcher } from '@tmagic/dep';
+import type { Id, MComponent, MNode, TargetOptions } from '@tmagic/core';
+import { Target, Watcher } from '@tmagic/core';
 import type { FormConfig } from '@tmagic/form';
-import type { Id, MComponent, MNode } from '@tmagic/schema';
 import { getNodePath, getValueByKeyPath, guid, setValueByKeyPath, toLine } from '@tmagic/utils';
 
 import editorService from '@editor/services/editor';
-import type { AsyncHookPlugin, PropsState, SyncHookPlugin } from '@editor/type';
+import type {
+  AsyncHookPlugin,
+  PropsFormConfigFunction,
+  PropsFormValueFunction,
+  PropsState,
+  SyncHookPlugin,
+} from '@editor/type';
 import { fillConfig } from '@editor/utils/props';
 
 import BaseService from './BaseService';
@@ -51,6 +57,10 @@ class Props extends BaseService {
     propsConfigMap: {},
     propsValueMap: {},
     relateIdMap: {},
+    /** 禁用数据源 */
+    disabledDataSource: false,
+    /** 禁用代码块 */
+    disabledCodeBlock: false,
   });
 
   constructor() {
@@ -60,7 +70,23 @@ class Props extends BaseService {
     ]);
   }
 
-  public setPropsConfigs(configs: Record<string, FormConfig>) {
+  public setDisabledDataSource(disabled: boolean) {
+    this.state.disabledDataSource = disabled;
+  }
+
+  public setDisabledCodeBlock(disabled: boolean) {
+    this.state.disabledCodeBlock = disabled;
+  }
+
+  public getDisabledDataSource(): boolean {
+    return this.state.disabledDataSource;
+  }
+
+  public getDisabledCodeBlock(): boolean {
+    return this.state.disabledCodeBlock;
+  }
+
+  public setPropsConfigs(configs: Record<string, FormConfig | PropsFormConfigFunction>) {
     Object.keys(configs).forEach((type: string) => {
       this.setPropsConfig(toLine(type), configs[type]);
     });
@@ -68,11 +94,22 @@ class Props extends BaseService {
   }
 
   public async fillConfig(config: FormConfig, labelWidth?: string) {
-    return fillConfig(config, typeof labelWidth !== 'function' ? labelWidth : '80px');
+    return fillConfig(config, {
+      labelWidth: typeof labelWidth !== 'function' ? labelWidth : '80px',
+      disabledDataSource: this.getDisabledDataSource(),
+      disabledCodeBlock: this.getDisabledCodeBlock(),
+    });
   }
 
-  public async setPropsConfig(type: string, config: FormConfig) {
-    this.state.propsConfigMap[toLine(type)] = await this.fillConfig(Array.isArray(config) ? config : [config]);
+  public async setPropsConfig(type: string, config: FormConfig | PropsFormConfigFunction) {
+    let c: FormConfig;
+    if (typeof config === 'function') {
+      c = config({ editorService });
+    } else {
+      c = config;
+    }
+
+    this.state.propsConfigMap[toLine(type)] = await this.fillConfig(Array.isArray(c) ? c : [c]);
   }
 
   /**
@@ -88,7 +125,7 @@ class Props extends BaseService {
     return cloneDeep(this.state.propsConfigMap[toLine(type)] || (await this.fillConfig([])));
   }
 
-  public setPropsValues(values: Record<string, Partial<MNode>>) {
+  public setPropsValues(values: Record<string, Partial<MNode> | PropsFormValueFunction>) {
     Object.keys(values).forEach((type: string) => {
       this.setPropsValue(toLine(type), values[type]);
     });
@@ -99,8 +136,12 @@ class Props extends BaseService {
    * @param type 组件类型
    * @param value 组件初始值
    */
-  public async setPropsValue(type: string, value: Partial<MNode>) {
-    this.state.propsValueMap[toLine(type)] = value;
+  public async setPropsValue(type: string, value: Partial<MNode> | PropsFormValueFunction) {
+    let v = value;
+    if (typeof value === 'function') {
+      v = value({ editorService });
+    }
+    this.state.propsValueMap[toLine(type)] = v;
   }
 
   /**
diff --git a/packages/editor/src/services/stageOverlay.ts b/packages/editor/src/services/stageOverlay.ts
index 0524d6c4..1156d8d3 100644
--- a/packages/editor/src/services/stageOverlay.ts
+++ b/packages/editor/src/services/stageOverlay.ts
@@ -1,7 +1,8 @@
-import { reactive } from 'vue';
+import { shallowReactive } from 'vue';
 import type { Writable } from 'type-fest';
 
 import StageCore from '@tmagic/stage';
+import { getIdFromEl } from '@tmagic/utils';
 
 import { useStage } from '@editor/hooks/use-stage';
 import BaseService from '@editor/services//BaseService';
@@ -16,7 +17,7 @@ const canUsePluginMethods = {
 type SyncMethodName = Writable<(typeof canUsePluginMethods)['sync']>;
 
 class StageOverlay extends BaseService {
-  private state: StageOverlayState = reactive({
+  private state: StageOverlayState = shallowReactive({
     wrapDiv: document.createElement('div'),
     sourceEl: null,
     contentEl: null,
@@ -63,6 +64,12 @@ class StageOverlay extends BaseService {
     const subStage = this.get('stage');
     const wrapDiv = this.get('wrapDiv');
     subStage?.destroy();
+
+    for (let i = 0, l = wrapDiv.children.length; i < l; i++) {
+      const child = wrapDiv.children[i];
+      child.remove();
+    }
+
     wrapDiv.remove();
 
     this.set('stage', null);
@@ -90,13 +97,13 @@ class StageOverlay extends BaseService {
   public createStage(stageOptions: StageOptions = {}) {
     return useStage({
       ...stageOptions,
-      zoom: 1,
       runtimeUrl: '',
       autoScrollIntoView: false,
+      disabledRule: true,
       render: async (stage: StageCore) => {
         this.copyDocumentElement();
 
-        const rootEls = stage.renderer.getDocument()?.body.children;
+        const rootEls = stage.renderer?.getDocument()?.body.children;
         if (rootEls) {
           Array.from(rootEls).forEach((element) => {
             if (['SCRIPT', 'STYLE'].includes(element.tagName)) {
@@ -134,8 +141,8 @@ class StageOverlay extends BaseService {
     const subStage = this.get('stage');
     const stage = editorService.get('stage');
 
-    const doc = subStage?.renderer.getDocument();
-    const documentElement = stage?.renderer.getDocument()?.documentElement;
+    const doc = subStage?.renderer?.getDocument();
+    const documentElement = stage?.renderer?.getDocument()?.documentElement;
 
     if (doc && documentElement) {
       doc.replaceChild(documentElement.cloneNode(true), doc.documentElement);
@@ -159,17 +166,20 @@ class StageOverlay extends BaseService {
       background-color: #fff;
     `;
 
-    Array.from(wrapDiv.children).forEach((element) => {
-      element.remove();
-    });
+    for (let i = 0, l = wrapDiv.children.length; i < l; i++) {
+      const child = wrapDiv.children[i];
+      child.remove();
+    }
+
     wrapDiv.appendChild(contentEl);
 
     setTimeout(() => {
-      subStage?.renderer.contentWindow?.magic.onPageElUpdate(wrapDiv);
+      subStage?.renderer?.contentWindow?.magic.onPageElUpdate(wrapDiv);
     });
 
     if (await stageOptions?.canSelect?.(contentEl)) {
-      subStage?.select(contentEl.id);
+      const id = getIdFromEl()(contentEl);
+      id && subStage?.select(id);
     }
   }
 
diff --git a/packages/editor/src/services/storage.ts b/packages/editor/src/services/storage.ts
index 18d1a164..f15e2361 100644
--- a/packages/editor/src/services/storage.ts
+++ b/packages/editor/src/services/storage.ts
@@ -2,7 +2,7 @@ import serialize from 'serialize-javascript';
 import type { Writable } from 'type-fest';
 
 import type { SyncHookPlugin } from '@editor/type';
-import { getConfig } from '@editor/utils/config';
+import { getEditorConfig } from '@editor/utils/config';
 
 import BaseService from './BaseService';
 
@@ -76,13 +76,14 @@ export class WebStorage extends BaseService {
 
     switch (protocol) {
       case Protocol.OBJECT:
-        return getConfig('parseDSL')(`(${item})`);
+        return getEditorConfig('parseDSL')(`(${item})`);
       case Protocol.JSON:
         return JSON.parse(item);
       case Protocol.NUMBER:
         return Number(item);
       case Protocol.BOOLEAN:
-        return Boolean(item);
+        if (item === 'true') return true;
+        if (item === 'false') return false;
       default:
         return item;
     }
diff --git a/packages/editor/src/services/ui.ts b/packages/editor/src/services/ui.ts
index 5bbffbed..95375e4a 100644
--- a/packages/editor/src/services/ui.ts
+++ b/packages/editor/src/services/ui.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -16,19 +16,27 @@
  * limitations under the License.
  */
 
-import { reactive } from 'vue';
+import { shallowReactive } from 'vue';
 import type { Writable } from 'type-fest';
 
 import { convertToNumber } from '@tmagic/utils';
 
 import editorService from '@editor/services/editor';
 import type { AsyncHookPlugin, StageRect, UiState } from '@editor/type';
+import {
+  DEFAULT_LEFT_COLUMN_WIDTH,
+  DEFAULT_RIGHT_COLUMN_WIDTH,
+  LEFT_COLUMN_WIDTH_STORAGE_KEY,
+  RIGHT_COLUMN_WIDTH_STORAGE_KEY,
+} from '@editor/utils/const';
 
 import BaseService from './BaseService';
+import storageService, { Protocol } from './storage';
 
-const state = reactive<UiState>({
+const state = shallowReactive<UiState>({
   uiSelectMode: false,
   showSrc: false,
+  showStylePanel: true,
   zoom: 1,
   stageContainerRect: {
     width: 0,
@@ -39,14 +47,18 @@ const state = reactive<UiState>({
     height: 817,
   },
   columnWidth: {
-    left: 0,
-    right: 0,
+    left:
+      storageService.getItem(LEFT_COLUMN_WIDTH_STORAGE_KEY, { protocol: Protocol.NUMBER }) || DEFAULT_LEFT_COLUMN_WIDTH,
     center: 0,
+    right:
+      storageService.getItem(RIGHT_COLUMN_WIDTH_STORAGE_KEY, { protocol: Protocol.NUMBER }) ||
+      DEFAULT_RIGHT_COLUMN_WIDTH,
   },
   showGuides: true,
   showRule: true,
   propsPanelSize: 'small',
   showAddPageButton: true,
+  showPageListButton: true,
   hideSlideBar: false,
   sideBarItems: [],
   navMenuRect: {
diff --git a/packages/editor/src/theme/code-block.scss b/packages/editor/src/theme/code-block.scss
index b7ff2ca1..116dd461 100644
--- a/packages/editor/src/theme/code-block.scss
+++ b/packages/editor/src/theme/code-block.scss
@@ -1,6 +1,3 @@
 .m-fields-code-select {
   width: 100%;
-  .el-card__header {
-    display: none;
-  }
 }
diff --git a/packages/editor/src/theme/code-editor.scss b/packages/editor/src/theme/code-editor.scss
index 9132c495..8b4388e3 100644
--- a/packages/editor/src/theme/code-editor.scss
+++ b/packages/editor/src/theme/code-editor.scss
@@ -31,8 +31,13 @@
 
   .magic-code-editor-full-screen-icon {
     position: absolute;
-    top: 5px;
-    right: 0;
+    top: 20px;
+    right: 10px;
     z-index: 11;
+    opacity: 0.3;
+
+    &:hover {
+      opacity: 1;
+    }
   }
 }
diff --git a/packages/editor/src/theme/common/var.scss b/packages/editor/src/theme/common/var.scss
index 5e4192be..f488cb41 100644
--- a/packages/editor/src/theme/common/var.scss
+++ b/packages/editor/src/theme/common/var.scss
@@ -1,14 +1,17 @@
-$--theme-color: #2882e0;
+$theme-color: #2882e0;
 
-$--font-color: #313a40;
-$--border-color: #d9dbdd;
-$--hover-color: #f3f5f9;
+$font-color: #313a40;
+$border-color: #d9dbdd;
+$hover-color: #f3f5f9;
 
-$--nav-height: 35px;
-$--nav-color: #313a40;
-$--nav--background-color: #ffffff;
+$nav-height: 35px;
+$nav-color: #313a40;
+$nav--background-color: #ffffff;
 
-$--sidebar-heder-background-color: $--theme-color;
-$--sidebar-content-background-color: #ffffff;
+$sidebar-heder-background-color: $theme-color;
+$sidebar-content-background-color: #ffffff;
+$sidebar-heder-width: 40px;
 
-$--page-bar-height: 32px;
+$page-bar-height: 32px;
+
+$props-style-panel-width: 300px;
diff --git a/packages/editor/src/theme/component-list-panel.scss b/packages/editor/src/theme/component-list-panel.scss
index b9129c09..ece61616 100644
--- a/packages/editor/src/theme/component-list-panel.scss
+++ b/packages/editor/src/theme/component-list-panel.scss
@@ -1,20 +1,33 @@
+@use "common/var" as *;
+
 .ui-component-panel {
   &.tmagic-design-collapse {
     border-top: 0 !important;
     margin-top: 48px;
-    background-color: $--sidebar-content-background-color;
+    background-color: $sidebar-content-background-color;
 
     .tmagic-design-collapse-item {
       > div:first-of-type {
-        border-bottom: 1px solid $--border-color;
+        border-bottom: 1px solid $border-color;
         margin-bottom: 10px;
       }
+
+      > .el-collapse-item__header {
+        padding: 0 10px;
+        box-sizing: border-box;
+      }
+    }
+
+    .el-collapse-item__title {
+      display: flex;
+      align-items: center;
+      gap: 3px;
     }
 
     .el-collapse-item__header,
     .t-collapse-panel__header {
-      background: $--sidebar-content-background-color;
-      color: $--font-color;
+      background: $sidebar-content-background-color;
+      color: $font-color;
       height: 25px;
       line-height: 25px;
       padding-left: 10px;
@@ -28,7 +41,7 @@
 
     .el-collapse-item__wrap,
     .t-collapse-panel__body {
-      background: $--sidebar-content-background-color;
+      background: $sidebar-content-background-color;
       border-bottom: 0;
 
       .el-collapse-item__content,
@@ -44,7 +57,7 @@
         text-overflow: ellipsis;
         margin: 5px 10px;
         box-sizing: border-box;
-        color: $--font-color;
+        color: $font-color;
         flex-direction: column;
         width: 42px;
         cursor: pointer;
@@ -57,7 +70,7 @@
           line-height: 40px;
           border-radius: 5px;
           color: #909090;
-          border: 1px solid $--border-color;
+          border: 1px solid $border-color;
           display: flex;
           justify-content: space-evenly;
           align-items: center;
diff --git a/packages/editor/src/theme/content-menu.scss b/packages/editor/src/theme/content-menu.scss
index cac484b4..d89d3b09 100644
--- a/packages/editor/src/theme/content-menu.scss
+++ b/packages/editor/src/theme/content-menu.scss
@@ -1,3 +1,5 @@
+@use "common/var" as *;
+
 .magic-editor-content-menu {
   position: fixed;
   font-size: 12px;
@@ -29,7 +31,7 @@
 
     .el-button--text,
     i {
-      color: $--font-color;
+      color: $font-color;
     }
 
     .magic-editor-icon {
@@ -46,20 +48,20 @@
 
     &.button {
       &:hover {
-        background-color: $--hover-color;
+        background-color: $hover-color;
         .tmagic-design-button,
         .tmagic-design-button:active,
         .tmagic-design-button:focus {
-          color: $--font-color;
+          color: $font-color;
         }
 
         &.menu-item i {
-          color: $--font-color;
+          color: $font-color;
         }
       }
 
       &.active {
-        background-color: $--theme-color;
+        background-color: $theme-color;
         .tmagic-design-button,
         .tmagic-design-button:active,
         .tmagic-design-button:focus {
diff --git a/packages/editor/src/theme/data-source-field-select.scss b/packages/editor/src/theme/data-source-field-select.scss
new file mode 100644
index 00000000..71c024e3
--- /dev/null
+++ b/packages/editor/src/theme/data-source-field-select.scss
@@ -0,0 +1,20 @@
+.m-fields-data-source-field-select {
+  width: 100%;
+  .m-editor-data-source-field-select {
+    display: flex;
+    width: 100%;
+
+    .tmagic-design-select {
+      flex: 1;
+      margin-right: 10px;
+    }
+
+    .tmagic-design-cascader {
+      flex: 2;
+    }
+  }
+  .tmagic-design-button {
+    margin-left: 5px;
+    padding: 5px 8px;
+  }
+}
diff --git a/packages/editor/src/theme/data-source.scss b/packages/editor/src/theme/data-source.scss
index bb1c0c5b..93c540af 100644
--- a/packages/editor/src/theme/data-source.scss
+++ b/packages/editor/src/theme/data-source.scss
@@ -1,3 +1,5 @@
+@use "common/var" as *;
+
 .data-source-list-panel {
   .list-container {
     .list-item {
@@ -17,12 +19,15 @@
 }
 
 .data-source-list-panel-add-menu {
-  .tmagic-design-button {
-    width: 100%;
-    text-align: left;
+  padding: 4px 0;
 
-    span {
-      width: 100%;
+  .menu-item {
+    cursor: pointer;
+    transition: all 0.2s ease 0s;
+    padding: 5px 14px;
+
+    &:hover {
+      background-color: $hover-color;
     }
   }
 }
diff --git a/packages/editor/src/theme/floating-box.scss b/packages/editor/src/theme/floating-box.scss
index 3b033503..c6ce6ca2 100644
--- a/packages/editor/src/theme/floating-box.scss
+++ b/packages/editor/src/theme/floating-box.scss
@@ -1,8 +1,10 @@
+@use "common/var" as *;
+
 .m-editor-float-box {
   position: absolute;
   background-color: #fff;
   z-index: 100;
-  border: 1px solid $--border-color;
+  border: 1px solid $border-color;
   display: flex;
   flex-direction: column;
   max-height: 100%;
@@ -17,7 +19,7 @@
     display: flex;
     justify-content: space-between;
     align-items: center;
-    border-bottom: 1px solid $--border-color;
+    border-bottom: 1px solid $border-color;
   }
 
   .m-editor-float-box-body {
diff --git a/packages/editor/src/theme/framework.scss b/packages/editor/src/theme/framework.scss
index 94779931..9b9ce645 100644
--- a/packages/editor/src/theme/framework.scss
+++ b/packages/editor/src/theme/framework.scss
@@ -1,10 +1,12 @@
+@use "common/var" as *;
+
 .m-editor {
   display: flex;
   flex-direction: column;
   width: 100%;
 
   &-content {
-    height: calc(100% - #{$--nav-height});
+    height: calc(100% - #{$nav-height});
   }
 
   &-framework-center {
@@ -14,7 +16,7 @@
   }
 
   &-framework-left {
-    background-color: $--sidebar-content-background-color;
+    background-color: $sidebar-content-background-color;
   }
 
   &-framework-center .el-scrollbar__view {
@@ -32,7 +34,7 @@
       justify-content: center;
       align-items: center;
       flex-direction: column;
-      height: calc(100% - #{$--page-bar-height});
+      height: calc(100% - #{$page-bar-height});
     }
 
     &-content {
@@ -61,8 +63,8 @@
       }
 
       &:hover {
-        border-color: $--theme-color;
-        color: $--theme-color;
+        border-color: $theme-color;
+        color: $theme-color;
       }
     }
   }
diff --git a/packages/editor/src/theme/index.scss b/packages/editor/src/theme/index.scss
index d26c45c4..9cfda344 100644
--- a/packages/editor/src/theme/index.scss
+++ b/packages/editor/src/theme/index.scss
@@ -1,5 +1,7 @@
-@import "./common/var.scss";
-@import "./theme.scss";
+@use "@tmagic/design/src/theme/index.scss" as tMagicDesign;
+@use "@tmagic/table/src/theme/index.scss" as tMagicTable;
+@use "@tmagic/form/src/theme/index.scss" as tMagicForm;
+@use "./theme.scss";
 
 .fade-enter-active,
 .fade-leave-active {
diff --git a/packages/editor/src/theme/key-value.scss b/packages/editor/src/theme/key-value.scss
index 7a7cb84f..1113298f 100644
--- a/packages/editor/src/theme/key-value.scss
+++ b/packages/editor/src/theme/key-value.scss
@@ -11,10 +11,10 @@
   align-items: center;
 }
 
-.m-fileds-key-value-delimiter {
+.m-fields-key-value-delimiter {
   margin: 0 10px;
 }
 
-.m-fileds-key-value-delete {
+.m-fields-key-value-delete {
   margin-left: 10px;
 }
diff --git a/packages/editor/src/theme/layer-panel.scss b/packages/editor/src/theme/layer-panel.scss
index f5431175..a2fb22d7 100644
--- a/packages/editor/src/theme/layer-panel.scss
+++ b/packages/editor/src/theme/layer-panel.scss
@@ -1,8 +1,26 @@
+@use "common/var" as *;
+
 .m-editor-layer-panel {
-  background: $--sidebar-content-background-color;
+  background: $sidebar-content-background-color;
 
   .m-editor-tree {
     padding-top: 48px;
+
+    .tree-node-tool {
+      padding-right: 10px;
+
+      .tmagic-design-button + .tmagic-design-button {
+        margin-left: 2px;
+      }
+    }
+
+    .tree-node.selected {
+      .tree-node-tool {
+        .tmagic-design-button {
+          color: #fff;
+        }
+      }
+    }
   }
 
   .search-wrapper {
diff --git a/packages/editor/src/theme/layout.scss b/packages/editor/src/theme/layout.scss
index 265f2ca8..296cad82 100644
--- a/packages/editor/src/theme/layout.scss
+++ b/packages/editor/src/theme/layout.scss
@@ -3,7 +3,7 @@
   display: flex;
   justify-self: space-between;
 
-  &:has(.m-editor-resizer-draging) {
+  &:has(.m-editor-resizer-dragging) {
     overflow: hidden;
   }
 }
diff --git a/packages/editor/src/theme/nav-menu.scss b/packages/editor/src/theme/nav-menu.scss
index d57cb396..50e3914e 100644
--- a/packages/editor/src/theme/nav-menu.scss
+++ b/packages/editor/src/theme/nav-menu.scss
@@ -1,3 +1,5 @@
+@use "common/var" as *;
+
 .m-editor-nav-menu {
   display: flex;
   z-index: 5;
@@ -5,17 +7,18 @@
   justify-content: space-between;
   -webkit-box-align: center;
   align-items: center;
-  background-color: $--nav--background-color;
+  background-color: $nav--background-color;
   font-size: 19.2px;
-  color: $--nav-color;
+  color: $nav-color;
   font-weight: 400;
   box-sizing: border-box;
   margin: 0px;
-  flex: 0 0 $--nav-height;
+  flex: 0 0 $nav-height;
   border-bottom: 1px solid #d8dee8;
 
   > div {
     display: flex;
+    gap: 3px;
     height: 100%;
     z-index: 1;
     align-items: center;
@@ -54,7 +57,7 @@
     }
 
     .is-text > i {
-      color: $--font-color;
+      color: $font-color;
     }
 
     .icon {
@@ -66,7 +69,7 @@
     }
 
     .menu-item-text {
-      color: $--nav-color;
+      color: $nav-color;
     }
 
     &.rule {
@@ -74,5 +77,10 @@
         transform: rotate(-90deg);
       }
     }
+
+    .t-button {
+      padding-left: 1px;
+      padding-right: 1px;
+    }
   }
 }
diff --git a/packages/editor/src/theme/page-bar.scss b/packages/editor/src/theme/page-bar.scss
index 0586c0cb..766a6d73 100644
--- a/packages/editor/src/theme/page-bar.scss
+++ b/packages/editor/src/theme/page-bar.scss
@@ -1,31 +1,34 @@
+@use "common/var" as *;
+
 .m-editor-page-bar-tabs {
   position: fixed;
   bottom: 0;
   left: 0;
   width: 100%;
+  user-select: none;
+}
 
-  .tmagic-design-button.m-editor-page-bar-switch-type-button {
-    margin-left: 7px;
-    position: relative;
-    top: 1px;
-    border-radius: 3px 3px 0 0;
-    border: 1px solid $--border-color;
-    border-bottom: 1px solid transparent;
-
-    &.active {
-      background-color: #f3f3f3;
-    }
+.m-editor-page-list-item {
+  display: flex;
+  width: 100%;
+  height: $page-bar-height;
+  line-height: $page-bar-height;
+  color: $font-color;
+  z-index: 2;
+  overflow: hidden;
+  &:hover {
+    background-color: $hover-color;
   }
 }
 
 .m-editor-page-bar {
   display: flex;
   width: 100%;
-  height: $--page-bar-height;
-  line-height: $--page-bar-height;
-  color: $--font-color;
+  height: $page-bar-height;
+  line-height: $page-bar-height;
+  color: $font-color;
   background-color: #f3f3f3;
-  border-top: 1px solid $--border-color;
+  border-top: 1px solid $border-color;
   z-index: 2;
   overflow: hidden;
 
@@ -37,7 +40,7 @@
   &-item {
     padding: 0 10px;
     cursor: pointer;
-    border-right: 1px solid $--border-color;
+    border-right: 1px solid $border-color;
     display: flex;
     justify-items: center;
     align-items: center;
@@ -56,6 +59,11 @@
     &-icon {
       position: relative;
       z-index: 1;
+
+      .icon-active {
+        font-weight: bold;
+        color: $theme-color;
+      }
     }
 
     &-title {
@@ -64,12 +72,29 @@
       white-space: nowrap;
       overflow: hidden;
     }
+
+    &-left-icon,
+    &-right-icon {
+      position: absolute;
+      right: 0;
+      top: 0;
+      height: 100%;
+    }
+
+    &-left-icon {
+      right: 34px;
+    }
   }
 }
 
 .page-bar-popover {
-  &.el-popper.el-popover {
-    padding: 10px 0;
+  &.tmagic-design-popper {
+    padding: 4px 0;
+  }
+
+  .page-bar-popover-wrapper {
+    max-height: calc(100vh - $page-bar-height - 20px);
+    overflow: auto;
   }
 
   .menu-item {
@@ -77,13 +102,31 @@
     transition: all 0.2s ease 0s;
     padding: 5px 14px;
 
-    .el-button--text,
-    i {
-      color: $--font-color;
+    .tmagic-design-button {
+      color: $font-color;
     }
 
     &:hover {
-      background-color: $--hover-color;
+      background-color: $hover-color;
+    }
+
+    &.active {
+      .tmagic-design-button {
+        color: $theme-color;
+      }
     }
   }
 }
+
+.m-editor-page-bar-search-panel {
+  position: absolute;
+  bottom: $page-bar-height;
+  border: 1px solid $border-color;
+  padding: 6px 10px;
+  width: 100%;
+  box-sizing: border-box;
+
+  .tmagic-design-form-item {
+    margin-bottom: 0;
+  }
+}
diff --git a/packages/editor/src/theme/props-panel.scss b/packages/editor/src/theme/props-panel.scss
index 58b58ada..ef12d1eb 100644
--- a/packages/editor/src/theme/props-panel.scss
+++ b/packages/editor/src/theme/props-panel.scss
@@ -1,11 +1,101 @@
+@use "common/var" as *;
+
 .m-editor-props-panel {
-  padding: 0 10px 50px 10px;
+  height: 100%;
+  position: relative;
+
+  --props-style-panel-width: 300px;
+
+  .m-editor-props-form-panel {
+    padding-bottom: 10px;
+    position: relative;
+    height: 100%;
+    box-sizing: border-box;
+
+    .tmagic-design-scrollbar {
+      height: 100%;
+    }
+  }
+
+  .m-editor-props-property-panel {
+    &.show-style-panel {
+      padding-right: var(--props-style-panel-width);
+
+      .m-editor-props-panel-src-icon {
+        right: calc(15px + var(--props-style-panel-width));
+      }
+    }
+
+    .tmagic-design-form {
+      padding-right: 10px;
+      padding-left: 10px;
+
+      > .m-container-tab {
+        > .tmagic-design-tabs {
+          > .el-tabs__content {
+            padding-top: 55px;
+          }
+          > .el-tabs__header.is-top {
+            position: absolute;
+            top: 0;
+            width: 100%;
+            background: #fff;
+            z-index: 3;
+          }
+        }
+      }
+    }
+  }
+
+  .m-editor-props-style-panel {
+    position: absolute;
+    width: var(--props-style-panel-width);
+    right: 0;
+    top: 0;
+    background: #fff;
+    z-index: 12;
+
+    $style-panel-title-height: 38px;
+
+    .tmagic-design-scrollbar {
+      height: calc(100% - $style-panel-title-height - 1px);
+    }
+
+    .m-editor-props-style-panel-title {
+      text-align: center;
+      font-size: 14px;
+      font-weight: 600;
+      padding: 0 5px;
+      height: $style-panel-title-height;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      border-bottom: 2px solid $border-color;
+    }
+  }
 
   .m-editor-props-panel-src-icon {
     position: absolute;
     right: 15px;
     bottom: 15px;
     z-index: 30;
+    opacity: 0.5;
+
+    &:hover {
+      opacity: 1;
+    }
+  }
+
+  .m-editor-props-panel-style-icon {
+    position: absolute;
+    right: 15px;
+    bottom: 60px;
+    z-index: 30;
+    opacity: 0.5;
+
+    &:hover {
+      opacity: 1;
+    }
   }
 
   .m-editor-props-panel-src-code.magic-code-editor {
@@ -15,6 +105,14 @@
     z-index: 10;
   }
 
+  .m-editor-resizer {
+    position: absolute;
+    display: block;
+    top: 0;
+    right: var(--props-style-panel-width);
+    z-index: 13;
+  }
+
   &.small {
     .el-form-item__label {
       font-size: 12px;
diff --git a/packages/editor/src/theme/resizer.scss b/packages/editor/src/theme/resizer.scss
index 6f199b61..d7a1a39b 100644
--- a/packages/editor/src/theme/resizer.scss
+++ b/packages/editor/src/theme/resizer.scss
@@ -1,6 +1,6 @@
 .m-editor-resizer {
-  border-left: 1px solid transparent;
-  border-right: 1px solid transparent;
+  border-left: 2px solid transparent;
+  border-right: 2px solid transparent;
   width: 8px;
   margin: 0 -5px;
   height: 100%;
@@ -20,7 +20,7 @@
     }
   }
 
-  &.m-editor-resizer-draging {
+  &.m-editor-resizer-dragging {
     &::after {
       content: "";
       position: absolute;
diff --git a/packages/editor/src/theme/search-input.scss b/packages/editor/src/theme/search-input.scss
index 708a00fa..632bf6ad 100644
--- a/packages/editor/src/theme/search-input.scss
+++ b/packages/editor/src/theme/search-input.scss
@@ -7,6 +7,7 @@
   left: 0;
   box-sizing: border-box;
   z-index: 1;
+  background: transparent;
 
   .el-input__prefix {
     padding: 7px;
diff --git a/packages/editor/src/theme/sidebar.scss b/packages/editor/src/theme/sidebar.scss
index 766df31a..b4b908de 100644
--- a/packages/editor/src/theme/sidebar.scss
+++ b/packages/editor/src/theme/sidebar.scss
@@ -1,11 +1,14 @@
+@use "common/var" as *;
+
 .m-editor-sidebar {
   display: flex;
   height: 100%;
+  position: relative;
 
   .m-editor-sidebar-header {
-    background: $--sidebar-heder-background-color;
+    background: $sidebar-heder-background-color;
     height: 100%;
-    width: 40px;
+    width: $sidebar-heder-width;
 
     .m-editor-sidebar-header-item {
       line-height: 15px;
@@ -16,7 +19,7 @@
       cursor: pointer;
 
       &.is-active {
-        background: $--sidebar-content-background-color;
+        background: $sidebar-content-background-color;
 
         i {
           color: #353140;
@@ -50,6 +53,24 @@
     overflow: auto;
   }
 
+  .m-editor-sidebar-tips {
+    position: absolute;
+    bottom: 0;
+    left: $sidebar-heder-width;
+    width: calc(100% - #{$sidebar-heder-width});
+    text-align: center;
+    background-color: rgba(252.5, 245.7, 235.5, 0.9);
+    color: #e6a23c;
+    padding: 5px 0;
+    font-size: 12px;
+
+    .close-icon {
+      cursor: pointer;
+      position: absolute;
+      right: 15px;
+    }
+  }
+
   .fold-icon {
     position: absolute;
     bottom: 8px;
diff --git a/packages/editor/src/theme/stage.scss b/packages/editor/src/theme/stage.scss
index 48c280c7..d8f4c866 100644
--- a/packages/editor/src/theme/stage.scss
+++ b/packages/editor/src/theme/stage.scss
@@ -1,7 +1,9 @@
+@use "common/var" as *;
+
 .m-editor-stage {
   position: relative;
   width: 100%;
-  height: calc(100% - #{$--page-bar-height});
+  height: calc(100% - #{$page-bar-height});
   overflow: hidden;
   display: flex;
   justify-content: center;
@@ -33,22 +35,15 @@
   width: 100%;
   height: 100%;
   background-color: #fff;
-  display: flex;
   z-index: 20;
-  overflow: auto;
-}
-
-.m-editor-stage-overlay-container {
-  position: relative;
-  flex-shrink: 0;
-  margin: auto;
-  box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
 }
 
 .m-editor-stage-overlay-close.tmagic-design-icon {
   position: fixed;
   right: 20px;
   top: 10px;
+  cursor: pointer;
+  z-index: 1;
 }
 
 .m-editor-stage-float-button {
@@ -64,8 +59,10 @@
   background-color: #ffffff;
   transition: background-color 0.2s;
   color: rgba(0, 0, 0, 0.88);
-  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08),
-    0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
+  box-shadow:
+    0 6px 16px 0 rgba(0, 0, 0, 0.08),
+    0 3px 6px -4px rgba(0, 0, 0, 0.12),
+    0 9px 28px 8px rgba(0, 0, 0, 0.05);
 }
 
 .m-editor-node-list-menu {
diff --git a/packages/editor/src/theme/style-setter/background.scss b/packages/editor/src/theme/style-setter/background.scss
new file mode 100644
index 00000000..356fed3e
--- /dev/null
+++ b/packages/editor/src/theme/style-setter/background.scss
@@ -0,0 +1,120 @@
+@use "../common/var" as *;
+
+.background-position-container {
+  display: flex;
+  width: 100%;
+  .presets-value-list {
+    display: flex;
+    flex-wrap: wrap;
+    width: 80px;
+    height: auto;
+    .tmagic-design-button {
+      & + .tmagic-design-button {
+        margin-left: 2px;
+      }
+      &:nth-child(3n + 1) {
+        margin-left: 0 !important;
+      }
+    }
+
+    .t-button--variant-text {
+      padding-left: 2px;
+      padding-right: 2px;
+    }
+
+    .position-icon {
+      position: relative;
+      width: 14px;
+      height: 14px;
+      border: 1px solid #1d1f24;
+      &.active {
+        background-color: $theme-color;
+        &::after {
+          border: 1px solid #fff;
+        }
+      }
+      &::after {
+        position: absolute;
+        content: "";
+        border: 1px solid #1d1f24;
+        box-sizing: border-box;
+      }
+      &.left-top {
+        &::after {
+          top: 1px;
+          left: 1px;
+          width: 6px;
+          height: 6px;
+        }
+      }
+      &.center-top {
+        &::after {
+          top: 1px;
+          left: 1px;
+          width: 12px;
+          height: 6px;
+        }
+      }
+      &.right-top {
+        &::after {
+          top: 1px;
+          right: 1px;
+          width: 6px;
+          height: 6px;
+        }
+      }
+      &.left-center {
+        &::after {
+          top: 1px;
+          left: 1px;
+          width: 6px;
+          height: 12px;
+        }
+      }
+      &.center-center {
+        &::after {
+          top: 1px;
+          left: 1px;
+          width: 12px;
+          height: 12px;
+        }
+      }
+      &.right-center {
+        &::after {
+          top: 1px;
+          right: 1px;
+          width: 6px;
+          height: 12px;
+        }
+      }
+      &.left-bottom {
+        &::after {
+          bottom: 1px;
+          left: 1px;
+          width: 6px;
+          height: 6px;
+        }
+      }
+      &.center-bottom {
+        &::after {
+          bottom: 1px;
+          left: 1px;
+          width: 12px;
+          height: 6px;
+        }
+      }
+      &.right-bottom {
+        &::after {
+          bottom: 1px;
+          right: 1px;
+          width: 6px;
+          height: 6px;
+        }
+      }
+    }
+  }
+  .custom-value {
+    position: relative;
+    flex: 1;
+  }
+}
diff --git a/packages/editor/src/theme/style-setter/border.scss b/packages/editor/src/theme/style-setter/border.scss
new file mode 100644
index 00000000..bf39f4e3
--- /dev/null
+++ b/packages/editor/src/theme/style-setter/border.scss
@@ -0,0 +1,53 @@
+.border-box-container {
+  display: flex;
+  .border-icon-container {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    width: 88px;
+    &-row {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      & + .border-icon-container-row {
+        margin-top: 8px;
+      }
+    }
+    .border-icon {
+      box-sizing: border-box;
+      width: 16px;
+      height: 16px;
+      border-width: 1px;
+      border-color: #111;
+      border-style: solid;
+      cursor: pointer;
+      & + .border-icon {
+        margin-left: 8px;
+      }
+      &.active {
+        border-width: 1px;
+        border-color: var(--el-color-primary);
+      }
+      &.border-icon-top {
+        border-top-width: 2px;
+        border-style: solid dashed dashed dashed;
+      }
+      &.border-icon-right {
+        border-right-width: 2px;
+        border-style: dashed solid dashed dashed;
+      }
+      &.border-icon-bottom {
+        border-bottom-width: 2px;
+        border-style: dashed dashed solid dashed;
+      }
+      &.border-icon-left {
+        border-left-width: 2px;
+        border-style: dashed dashed dashed solid;
+      }
+    }
+  }
+  .border-value-container {
+    margin-left: 16px;
+    flex: 1;
+  }
+}
diff --git a/packages/editor/src/theme/style-setter/index.scss b/packages/editor/src/theme/style-setter/index.scss
new file mode 100644
index 00000000..f6274978
--- /dev/null
+++ b/packages/editor/src/theme/style-setter/index.scss
@@ -0,0 +1,41 @@
+@use "./border.scss";
+@use "./layout.scss";
+@use "./background.scss";
+
+.m-fields-style-setter {
+  width: 100%;
+
+  .tmagic-design-collapse-item {
+    > .el-collapse-item__header {
+      background-color: #f2f3f7;
+      height: 26px;
+      min-height: 26px;
+      line-height: 26px;
+      padding: 0 20px;
+      box-sizing: border-box;
+    }
+
+    .el-collapse-item__wrap {
+      padding: 10px 20px;
+    }
+
+    .el-collapse-item__title {
+      display: flex;
+      align-items: center;
+      gap: 3px;
+    }
+
+    .el-collapse-item__content {
+      padding: 0;
+    }
+  }
+}
+
+.text-align-list {
+  display: flex;
+  height: 100%;
+
+  .btn-active {
+    color: var(--el-color-primary) !important;
+  }
+}
diff --git a/packages/editor/src/theme/style-setter/layout.scss b/packages/editor/src/theme/style-setter/layout.scss
new file mode 100644
index 00000000..78b5d57f
--- /dev/null
+++ b/packages/editor/src/theme/style-setter/layout.scss
@@ -0,0 +1,199 @@
+// 盒子模型
+.layout-box-container {
+  position: relative;
+  width: 100%;
+  height: 130px;
+
+  .help-txt {
+    float: left;
+    margin-left: -10px;
+    transform: scale(0.75);
+  }
+
+  .outer-top-border,
+  .inner-top-border,
+  .outer-right-border,
+  .inner-right-border,
+  .outer-bottom-border,
+  .inner-bottom-border,
+  .outer-left-border,
+  .inner-left-border {
+    position: absolute;
+    transition: all 0.3s ease;
+    .next-input {
+      position: absolute;
+      height: 20px;
+      input {
+        padding: 0;
+        width: 100%;
+        border: none;
+        outline: none;
+        margin: 0;
+        font-weight: 400;
+        vertical-align: top;
+        background-color: transparent;
+        color: #333;
+        text-align: center;
+        line-height: 20px;
+        height: 20px;
+      }
+    }
+  }
+
+  // top
+  .outer-top-border,
+  .inner-top-border {
+    height: 0;
+    border-left: 20px solid transparent;
+    border-right: 20px solid transparent;
+    border-top: 20px solid #d6e4ff;
+    .next-input {
+      left: 0;
+      right: 0;
+      top: -20px;
+    }
+  }
+
+  .outer-top-border {
+    top: 0;
+    left: 0;
+    right: 0;
+  }
+
+  .inner-top-border {
+    top: 25px;
+    left: 25px;
+    right: 25px;
+  }
+
+  .outer-top-border,
+  .inner-top-border {
+    &:hover {
+      border-top: 20px solid #bfd4fb;
+    }
+  }
+
+  // right
+  .outer-right-border,
+  .inner-right-border {
+    width: 0;
+    border-top: 20px solid transparent;
+    border-bottom: 20px solid transparent;
+    border-right: 20px solid #d6e4ff;
+
+    .next-input {
+      top: 0;
+      bottom: 0;
+      right: -20px;
+      width: 20px;
+      margin: auto;
+      input {
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        left: 0;
+        margin: auto;
+        width: 20px;
+      }
+    }
+  }
+
+  .outer-right-border {
+    top: 5px;
+    bottom: 5px;
+    right: 0;
+  }
+
+  .inner-right-border {
+    top: 30px;
+    bottom: 30px;
+    right: 25px;
+  }
+
+  .outer-right-border,
+  .inner-right-border {
+    &:hover {
+      border-right: 20px solid #bfd4fb;
+    }
+  }
+
+  // bottom
+  .outer-bottom-border,
+  .inner-bottom-border {
+    height: 0;
+    border-left: 20px solid transparent;
+    border-right: 20px solid transparent;
+    border-bottom: 20px solid #d6e4ff;
+
+    .next-input {
+      position: absolute;
+      left: 0;
+      right: 0;
+      bottom: -20px;
+    }
+  }
+
+  .outer-bottom-border {
+    bottom: 0;
+    left: 0;
+    right: 0;
+  }
+
+  .inner-bottom-border {
+    bottom: 25px;
+    left: 25px;
+    right: 25px;
+  }
+
+  .outer-bottom-border,
+  .inner-bottom-border {
+    &:hover {
+      border-bottom: 20px solid #bfd4fb;
+    }
+  }
+
+  // left
+  .outer-left-border,
+  .inner-left-border {
+    width: 0;
+    border-top: 20px solid transparent;
+    border-bottom: 20px solid transparent;
+    border-left: 20px solid #d6e4ff;
+
+    .next-input {
+      position: absolute;
+      top: 0;
+      bottom: 0;
+      left: -20px;
+      width: 20px;
+      margin: auto;
+      input {
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        right: 0;
+        margin: auto;
+        width: 20px;
+      }
+    }
+  }
+
+  .outer-left-border {
+    top: 5px;
+    bottom: 5px;
+    left: 0;
+  }
+
+  .inner-left-border {
+    top: 30px;
+    bottom: 30px;
+    left: 25px;
+  }
+
+  .outer-left-border,
+  .inner-left-border {
+    &:hover {
+      border-left: 20px solid #bfd4fb;
+    }
+  }
+}
diff --git a/packages/editor/src/theme/theme.scss b/packages/editor/src/theme/theme.scss
index cb87ec37..cc2dd0b7 100644
--- a/packages/editor/src/theme/theme.scss
+++ b/packages/editor/src/theme/theme.scss
@@ -1,27 +1,29 @@
-@import "./search-input.scss";
-@import "./nav-menu.scss";
-@import "./framework.scss";
-@import "./sidebar.scss";
-@import "./layer-panel.scss";
-@import "./component-list-panel.scss";
-@import "./resizer.scss";
-@import "./workspace.scss";
-@import "./page-bar.scss";
-@import "./props-panel.scss";
-@import "./content-menu.scss";
-@import "./stage.scss";
-@import "./code-editor.scss";
-@import "./icon.scss";
-@import "./code-block.scss";
-@import "./event.scss";
-@import "./layout.scss";
-@import "./breadcrumb.scss";
-@import "./data-source.scss";
-@import "./data-source-fields.scss";
-@import "./data-source-methods.scss";
-@import "./data-source-input.scss";
-@import "./key-value.scss";
-@import "./tree.scss";
-@import "./floating-box.scss";
-@import "./page-fragment-select.scss";
-@import "./data-source-field.scss";
+@use "./search-input.scss";
+@use "./nav-menu.scss";
+@use "./framework.scss";
+@use "./sidebar.scss";
+@use "./layer-panel.scss";
+@use "./component-list-panel.scss";
+@use "./resizer.scss";
+@use "./workspace.scss";
+@use "./page-bar.scss";
+@use "./props-panel.scss";
+@use "./content-menu.scss";
+@use "./stage.scss";
+@use "./code-editor.scss";
+@use "./icon.scss";
+@use "./code-block.scss";
+@use "./event.scss";
+@use "./layout.scss";
+@use "./breadcrumb.scss";
+@use "./data-source.scss";
+@use "./data-source-fields.scss";
+@use "./data-source-methods.scss";
+@use "./data-source-input.scss";
+@use "./key-value.scss";
+@use "./tree.scss";
+@use "./floating-box.scss";
+@use "./page-fragment-select.scss";
+@use "./data-source-field.scss";
+@use "./data-source-field-select.scss";
+@use "./style-setter/index.scss";
diff --git a/packages/editor/src/theme/tree.scss b/packages/editor/src/theme/tree.scss
index 624fd14f..d57e7d63 100644
--- a/packages/editor/src/theme/tree.scss
+++ b/packages/editor/src/theme/tree.scss
@@ -1,6 +1,8 @@
+@use "common/var" as *;
+
 .m-editor-tree {
-  $--node-height: 22px;
-  color: $--font-color;
+  $node-height: 22px;
+  color: $font-color;
   font-size: 13px;
 
   .m-editor-tree-node {
@@ -12,31 +14,31 @@
       align-items: center;
 
       &:hover {
-        background-color: $--hover-color;
-        color: $--font-color;
+        background-color: $hover-color;
+        color: $font-color;
       }
 
       &.selected {
-        background-color: $--theme-color;
-        color: $--hover-color;
+        background-color: $theme-color;
+        color: $hover-color;
       }
 
       &.drag-inner {
         .tree-node-content {
-          background-color: rgba($color: $--theme-color, $alpha: 0.5);
-          color: $--hover-color;
+          background-color: rgba($color: $theme-color, $alpha: 0.5);
+          color: $hover-color;
         }
       }
 
       &.drag-before {
         .tree-node-content {
-          border-top-color: rgba($color: $--theme-color, $alpha: 0.5);
+          border-top-color: rgba($color: $theme-color, $alpha: 0.5);
         }
       }
 
       &.drag-after {
         .tree-node-content {
-          border-bottom-color: rgba($color: $--theme-color, $alpha: 0.5);
+          border-bottom-color: rgba($color: $theme-color, $alpha: 0.5);
         }
       }
 
@@ -50,11 +52,11 @@
         display: flex;
         flex: 1;
         justify-content: space-between;
-        height: $--node-height;
+        height: $node-height;
         border-top: 2px solid transparent;
         border-bottom: 2px solid transparent;
         .tree-node-label {
-          line-height: $--node-height;
+          line-height: $node-height;
           flex: 1;
           width: 100px;
           overflow: hidden;
diff --git a/packages/editor/src/type.ts b/packages/editor/src/type.ts
index 897a162c..b3c7e91b 100644
--- a/packages/editor/src/type.ts
+++ b/packages/editor/src/type.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -18,26 +18,17 @@
 
 import type { Component } from 'vue';
 import type EventEmitter from 'events';
+import type * as Monaco from 'monaco-editor';
+import type { default as Sortable, Options, SortableEvent } from 'sortablejs';
 import type { PascalCasedProperties } from 'type-fest';
 
-import type { ChildConfig, ColumnConfig, FilterFunction, FormConfig, FormItem, Input } from '@tmagic/form';
-import type {
-  CodeBlockContent,
-  CodeBlockDSL,
-  DataSourceFieldType,
-  Id,
-  MApp,
-  MContainer,
-  MNode,
-  MPage,
-  MPageFragment,
-} from '@tmagic/schema';
+import type { CodeBlockContent, CodeBlockDSL, Id, MApp, MContainer, MNode, MPage, MPageFragment } from '@tmagic/core';
+import type { FormConfig, TableColumnConfig } from '@tmagic/form';
 import type StageCore from '@tmagic/stage';
 import type {
   ContainerHighlightType,
-  CustomizeMoveableOptionsCallbackConfig,
+  CustomizeMoveableOptions,
   GuidesOptions,
-  MoveableOptions,
   RenderType,
   UpdateDragEl,
 } from '@tmagic/stage';
@@ -56,6 +47,14 @@ import type { StorageService } from './services/storage';
 import type { UiService } from './services/ui';
 import type { UndoRedo } from './utils/undo-redo';
 
+export type EditorSlots = FrameworkSlots &
+  WorkspaceSlots &
+  SidebarSlots &
+  PropsPanelSlots & {
+    workspace(props: { editorService: EditorService }): any;
+    'workspace-content'(props: { editorService: EditorService }): any;
+  };
+
 export interface FrameworkSlots {
   header(props: {}): any;
   nav(props: {}): any;
@@ -68,8 +67,10 @@ export interface FrameworkSlots {
   'props-panel'(props: {}): any;
   'footer'(props: {}): any;
   'page-bar'(props: {}): any;
+  'page-bar-add-button'(props: {}): any;
   'page-bar-title'(props: { page: MPage | MPageFragment }): any;
   'page-bar-popover'(props: { page: MPage | MPageFragment }): any;
+  'page-list-popover'(props: { list: (MPage | MPageFragment)[] }): any;
 }
 
 export interface WorkspaceSlots {
@@ -79,6 +80,7 @@ export interface WorkspaceSlots {
 
 export interface ComponentListPanelSlots {
   'component-list-panel-header'(props: {}): any;
+  'component-list'(props: { componentGroupList: ComponentGroup[] }): any;
   'component-list-item'(props: { component: ComponentItem }): any;
 }
 
@@ -115,8 +117,18 @@ export type SidebarSlots = LayerPanelSlots & CodeBlockListPanelSlots & Component
 export type BeforeAdd = (config: MNode, parent: MContainer) => Promise<MNode> | MNode;
 export type GetConfig = (config: FormConfig) => Promise<FormConfig> | FormConfig;
 
-export interface InstallOptions {
+export interface EditorInstallOptions {
   parseDSL: <T = any>(dsl: string) => T;
+  customCreateMonacoEditor: (
+    monaco: typeof import('monaco-editor'),
+    codeEditorEl: HTMLElement,
+    options: Monaco.editor.IStandaloneEditorConstructionOptions & { editorCustomType?: string },
+  ) => Promise<Monaco.editor.IStandaloneCodeEditor> | Monaco.editor.IStandaloneCodeEditor;
+  customCreateMonacoDiffEditor: (
+    monaco: typeof import('monaco-editor'),
+    codeEditorEl: HTMLElement,
+    options: Monaco.editor.IStandaloneEditorConstructionOptions & { editorCustomType?: string },
+  ) => Promise<Monaco.editor.IStandaloneDiffEditor> | Monaco.editor.IStandaloneDiffEditor;
   [key: string]: any;
 }
 
@@ -142,14 +154,15 @@ export interface StageOptions {
   containerHighlightDuration?: number;
   containerHighlightType?: ContainerHighlightType;
   disabledDragStart?: boolean;
-  render?: (stage: StageCore) => HTMLDivElement | Promise<HTMLDivElement>;
-  moveableOptions?: MoveableOptions | ((config?: CustomizeMoveableOptionsCallbackConfig) => MoveableOptions);
+  render?: (stage: StageCore) => HTMLDivElement | void | Promise<HTMLDivElement | void>;
+  moveableOptions?: CustomizeMoveableOptions;
   canSelect?: (el: HTMLElement) => boolean | Promise<boolean>;
   isContainer?: (el: HTMLElement) => boolean | Promise<boolean>;
   updateDragEl?: UpdateDragEl;
   renderType?: RenderType;
   guidesOptions?: Partial<GuidesOptions>;
   disabledMultiSelect?: boolean;
+  disabledRule?: boolean;
   zoom?: number;
 }
 
@@ -174,6 +187,10 @@ export interface PropsState {
   propsConfigMap: Record<string, FormConfig>;
   propsValueMap: Record<string, Partial<MNode>>;
   relateIdMap: Record<Id, Id>;
+  /** 禁用数据源 */
+  disabledDataSource: boolean;
+  /** 禁用代码块 */
+  disabledCodeBlock: boolean;
 }
 
 export interface StageOverlayState {
@@ -219,6 +236,8 @@ export interface UiState {
   uiSelectMode: boolean;
   /** 是否显示整个配置源码， true: 显示， false: 不显示，默认为false */
   showSrc: boolean;
+  /** 是否将样式配置单独一列显示， true: 显示， false: 不显示，默认为true */
+  showStylePanel: boolean;
   /** 画布显示放大倍数，默认为 1 */
   zoom: number;
   /** 画布容器的宽高 */
@@ -238,6 +257,8 @@ export interface UiState {
   propsPanelSize: 'large' | 'default' | 'small';
   /** 是否显示新增页面按钮 */
   showAddPageButton: boolean;
+  /** 是否在页面工具栏显示呼起页面列表按钮 */
+  showPageListButton: boolean;
   /** 是否隐藏侧边栏 */
   hideSlideBar: boolean;
   /** 侧边栏面板配置 */
@@ -305,9 +326,9 @@ export interface MenuButton {
   /** Vue组件或url */
   icon?: string | Component<{}, {}, any>;
   /** 是否置灰，默认为false */
-  disabled?: boolean | ((data?: Services) => boolean);
+  disabled?: boolean | ((data: Services) => boolean);
   /** 是否显示，默认为true */
-  display?: boolean | ((data?: Services) => boolean);
+  display?: boolean | ((data: Services) => boolean);
   /** type为button/dropdown时点击运行的方法 */
   handler?: (data: Services, event: MouseEvent) => Promise<any> | any;
   className?: string;
@@ -328,7 +349,7 @@ export interface MenuComponent {
   slots?: Record<string, any>;
   /** 是否显示，默认为true */
   className?: string;
-  display?: boolean | ((data?: Services) => Promise<boolean> | boolean);
+  display?: boolean | ((data: Services) => Promise<boolean> | boolean);
   [key: string]: any;
 }
 
@@ -380,6 +401,10 @@ export interface SideComponent extends MenuComponent {
   icon?: any;
   /** slide 唯一标识 key */
   $key: string;
+  /** 是否可以将面板拖出，默认为true */
+  draggable?: boolean;
+  /** 点击切换tab前调用，返回false阻止切换 */
+  beforeClick?: (config: SideComponent) => boolean | Promise<boolean>;
 
   /** 组件扩展参数 */
   boxComponentConfig?: {
@@ -436,11 +461,6 @@ export interface ComponentGroup {
   items: ComponentItem[];
 }
 
-export interface UpdateData {
-  id: Id;
-  [key: string]: any;
-}
-
 export enum LayerOffset {
   TOP = 'top',
   BOTTOM = 'bottom',
@@ -458,9 +478,6 @@ export enum Keys {
   ESCAPE = 'Space',
 }
 
-export const H_GUIDE_LINE_STORAGE_KEY = '$MagicStageHorizontalGuidelinesData';
-export const V_GUIDE_LINE_STORAGE_KEY = '$MagicStageVerticalGuidelinesData';
-
 export interface ScrollViewerEvent {
   scrollLeft: number;
   scrollTop: number;
@@ -477,7 +494,7 @@ export type CodeState = {
   combineIds: string[];
   /** 为业务逻辑预留的不可删除的代码块列表，由业务逻辑维护（如代码块上线后不可删除） */
   undeletableList: Id[];
-  paramsColConfig?: ColumnConfig;
+  paramsColConfig?: TableColumnConfig;
 };
 
 export type CodeRelation = {
@@ -541,25 +558,6 @@ export interface HistoryState {
   canUndo: boolean;
 }
 
-export interface EventSelectConfig {
-  name: string;
-  type: 'event-select';
-  src: 'datasource' | 'component';
-  labelWidth?: string;
-  /** 事件名称表单配置 */
-  eventNameConfig?: FormItem;
-  /** 动作类型配置 */
-  actionTypeConfig?: FormItem;
-  /** 联动组件配置 */
-  targetCompConfig?: FormItem;
-  /** 联动组件动作配置 */
-  compActionConfig?: FormItem;
-  /** 联动代码配置 */
-  codeActionConfig?: FormItem;
-  /** 联动数据源配置 */
-  dataSourceActionConfig?: FormItem;
-}
-
 export enum KeyBindingCommand {
   /** 复制 */
   COPY_NODE = 'tmagic-system-copy-node',
@@ -615,50 +613,6 @@ export interface KeyBindingCacheItem {
   bound: boolean;
 }
 
-export interface CodeSelectColConfig extends FormItem {
-  type: 'code-select-col';
-  /** 是否可以编辑代码块，disable表示的是是否可以选择代码块 */
-  notEditable?: boolean | FilterFunction;
-}
-
-export interface PageFragmentSelectConfig extends FormItem {
-  type: 'page-fragment-select';
-}
-
-export interface DataSourceSelect extends FormItem, Input {
-  type: 'data-source-select';
-  /** 数据源类型: base、http... */
-  dataSourceType?: string;
-  /** 是否要编译成数据源的data。
-   * id: 不编译，就是要数据源id;
-   * value: 要编译（数据源data）
-   * */
-  value?: 'id' | 'value';
-  /** 是否可以编辑数据源，disable表示的是是否可以选择数据源 */
-  notEditable?: boolean | FilterFunction;
-}
-
-export interface DataSourceMethodSelectConfig extends FormItem {
-  type: 'data-source-method-select';
-  /** 是否可以编辑数据源，disable表示的是是否可以选择数据源 */
-  notEditable?: boolean | FilterFunction;
-}
-
-export interface DataSourceFieldSelectConfig extends FormItem {
-  type: 'data-source-field-select';
-  /** 是否要编译成数据源的data。
-   * key: 不编译，就是要数据源id和field name;
-   * value: 要编译（数据源data[`${filed}`]）
-   * */
-  value?: 'key' | 'value';
-  /** 是否严格的遵守父子节点不互相关联 */
-  checkStrictly?: boolean;
-  dataSourceFieldType?: DataSourceFieldType[];
-  fieldConfig?: ChildConfig;
-  /** 是否可以编辑数据源，disable表示的是是否可以选择数据源 */
-  notEditable?: boolean | FilterFunction;
-}
-
 /** 可新增的数据源类型选项 */
 export interface DatasourceTypeOption {
   /** 数据源类型 */
@@ -687,9 +641,6 @@ export enum DragType {
   LAYER_TREE = 'layer-tree',
 }
 
-/** 当uiService.get('uiSelectMode')为true,点击组件（包括任何形式，组件树/画布）时触发的事件名 */
-export const UI_SELECT_MODE_EVENT_NAME = 'ui-select';
-
 export interface TreeNodeData {
   id: Id;
   name?: string;
@@ -734,6 +685,7 @@ export type SyncHookPlugin<
 
 export interface EventBusEvent {
   'edit-data-source': [id: string];
+  'remove-data-source': [id: string];
   'edit-code': [id: string];
 }
 
@@ -744,3 +696,19 @@ export interface EventBus extends EventEmitter {
   ): this;
   emit<Name extends keyof EventBusEvent, Param extends EventBusEvent[Name]>(eventName: Name, ...args: Param): boolean;
 }
+
+export type PropsFormConfigFunction = (data: { editorService: EditorService }) => FormConfig;
+export type PropsFormValueFunction = (data: { editorService: EditorService }) => Partial<MNode>;
+
+export type PartSortableOptions = Omit<Options, 'onStart' | 'onUpdate'>;
+export interface PageBarSortOptions extends PartSortableOptions {
+  /** 在onUpdate之后调用 */
+  afterUpdate?: (event: SortableEvent, sortable: Sortable) => void | Promise<void>;
+  /** 在onStart之前调用 */
+  beforeStart?: (event: SortableEvent, sortable: Sortable) => void | Promise<void>;
+}
+
+export type CustomContentMenuFunction = (
+  menus: (MenuButton | MenuComponent)[],
+  type: 'layer' | 'data-source' | 'viewer' | 'code-block',
+) => (MenuButton | MenuComponent)[];
diff --git a/packages/editor/src/utils/config.ts b/packages/editor/src/utils/config.ts
index 2e13879f..f846bdcd 100644
--- a/packages/editor/src/utils/config.ts
+++ b/packages/editor/src/utils/config.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -16,14 +16,14 @@
  * limitations under the License.
  */
 
-import { InstallOptions } from '@editor/type';
+import { EditorInstallOptions } from '@editor/type';
 
-let $TMAGIC_EDITOR: InstallOptions = {} as any;
+let $TMAGIC_EDITOR: EditorInstallOptions = {} as any;
 
-const setConfig = (option: InstallOptions): void => {
+const setEditorConfig = (option: EditorInstallOptions): void => {
   $TMAGIC_EDITOR = option;
 };
 
-const getConfig = <K extends keyof InstallOptions>(key: K): InstallOptions[K] => $TMAGIC_EDITOR[key];
+const getEditorConfig = <K extends keyof EditorInstallOptions>(key: K): EditorInstallOptions[K] => $TMAGIC_EDITOR[key];
 
-export { getConfig, setConfig };
+export { getEditorConfig, setEditorConfig };
diff --git a/packages/editor/src/utils/const.ts b/packages/editor/src/utils/const.ts
new file mode 100644
index 00000000..744b97bd
--- /dev/null
+++ b/packages/editor/src/utils/const.ts
@@ -0,0 +1,16 @@
+/** 当uiService.get('uiSelectMode')为true,点击组件（包括任何形式，组件树/画布）时触发的事件名 */
+export const UI_SELECT_MODE_EVENT_NAME = 'ui-select';
+
+export const LEFT_COLUMN_WIDTH_STORAGE_KEY = '$MagicEditorLeftColumnWidthData';
+export const RIGHT_COLUMN_WIDTH_STORAGE_KEY = '$MagicEditorRightColumnWidthData';
+export const PROPS_PANEL_WIDTH_STORAGE_KEY = '$MagicEditorPropsPanelWidthData';
+
+export const DEFAULT_LEFT_COLUMN_WIDTH = 310;
+export const DEFAULT_RIGHT_COLUMN_WIDTH = 480;
+
+export const MIN_LEFT_COLUMN_WIDTH = 200;
+export const MIN_CENTER_COLUMN_WIDTH = 400;
+export const MIN_RIGHT_COLUMN_WIDTH = 300;
+
+export const H_GUIDE_LINE_STORAGE_KEY = '$MagicStageHorizontalGuidelinesData';
+export const V_GUIDE_LINE_STORAGE_KEY = '$MagicStageVerticalGuidelinesData';
diff --git a/packages/editor/src/utils/content-menu.ts b/packages/editor/src/utils/content-menu.ts
index 27a0ea93..29357108 100644
--- a/packages/editor/src/utils/content-menu.ts
+++ b/packages/editor/src/utils/content-menu.ts
@@ -1,7 +1,7 @@
-import { computed, markRaw, Ref } from 'vue';
+import { computed, markRaw, type ShallowRef } from 'vue';
 import { CopyDocument, Delete, DocumentCopy } from '@element-plus/icons-vue';
 
-import { Id, MContainer, NodeType } from '@tmagic/schema';
+import { Id, MContainer, NodeType } from '@tmagic/core';
 import { calcValueByFontsize, isPage, isPageFragment } from '@tmagic/utils';
 
 import ContentMenu from '@editor/components/ContentMenu.vue';
@@ -13,13 +13,13 @@ export const useDeleteMenu = (): MenuButton => ({
   type: 'button',
   text: '删除',
   icon: Delete,
-  display: (services) => {
-    const node = services?.editorService?.get('node');
+  display: ({ editorService }) => {
+    const node = editorService.get('node');
     return node?.type !== NodeType.ROOT && !isPage(node) && !isPageFragment(node);
   },
-  handler: (services) => {
-    const nodes = services?.editorService?.get('nodes');
-    nodes && services?.editorService?.remove(nodes);
+  handler: ({ editorService }) => {
+    const nodes = editorService.get('nodes');
+    nodes && editorService.remove(nodes);
   },
 });
 
@@ -27,67 +27,65 @@ export const useCopyMenu = (): MenuButton => ({
   type: 'button',
   text: '复制',
   icon: markRaw(CopyDocument),
-  handler: (services) => {
-    const nodes = services?.editorService?.get('nodes');
-    nodes && services?.editorService?.copy(nodes);
+  handler: ({ editorService }) => {
+    const nodes = editorService?.get('nodes');
+    nodes && editorService?.copy(nodes);
   },
 });
 
-export const usePasteMenu = (menu?: Ref<InstanceType<typeof ContentMenu> | undefined>): MenuButton => ({
+export const usePasteMenu = (menu?: ShallowRef<InstanceType<typeof ContentMenu> | null>): MenuButton => ({
   type: 'button',
   text: '粘贴',
   icon: markRaw(DocumentCopy),
-  display: (services) => !!services?.storageService?.getItem(COPY_STORAGE_KEY),
-  handler: (services) => {
-    const nodes = services?.editorService?.get('nodes');
+  display: ({ storageService }) => !!storageService.getItem(COPY_STORAGE_KEY),
+  handler: ({ editorService, uiService }) => {
+    const nodes = editorService?.get('nodes');
     if (!nodes || nodes.length === 0) return;
 
     if (menu?.value?.$el) {
-      const stage = services?.editorService?.get('stage');
+      const stage = editorService.get('stage');
       const rect = menu.value.$el.getBoundingClientRect();
       const parentRect = stage?.container?.getBoundingClientRect();
       const initialLeft =
-        calcValueByFontsize(stage?.renderer.getDocument(), (rect.left || 0) - (parentRect?.left || 0)) /
-        services.uiService.get('zoom');
+        calcValueByFontsize(stage?.renderer?.getDocument(), (rect.left || 0) - (parentRect?.left || 0)) /
+        uiService.get('zoom');
       const initialTop =
-        calcValueByFontsize(stage?.renderer.getDocument(), (rect.top || 0) - (parentRect?.top || 0)) /
-        services.uiService.get('zoom');
-      services?.editorService?.paste({ left: initialLeft, top: initialTop });
+        calcValueByFontsize(stage?.renderer?.getDocument(), (rect.top || 0) - (parentRect?.top || 0)) /
+        uiService.get('zoom');
+      editorService.paste({ left: initialLeft, top: initialTop });
     } else {
-      services?.editorService?.paste();
+      editorService.paste();
     }
   },
 });
 
-const moveTo = (id: Id, services?: Services) => {
-  if (!services?.editorService) return;
-
-  const nodes = services.editorService.get('nodes') || [];
-  const parent = services.editorService.getNodeById(id) as MContainer;
+const moveTo = (id: Id, { editorService }: Services) => {
+  const nodes = editorService.get('nodes') || [];
+  const parent = editorService.getNodeById(id) as MContainer;
 
   if (!parent) return;
 
-  services?.editorService.add(nodes, parent);
-  services?.editorService.remove(nodes);
+  editorService.add(nodes, parent);
+  editorService.remove(nodes);
 };
 
-export const useMoveToMenu = (services?: Services): MenuButton => {
-  const root = computed(() => services?.editorService?.get('root'));
+export const useMoveToMenu = ({ editorService }: Services): MenuButton => {
+  const root = computed(() => editorService.get('root'));
 
   return {
     type: 'button',
     text: '移动至',
-    display: (services) => {
-      const node = services?.editorService?.get('node');
-      const pageLength = services?.editorService?.get('pageLength') || 0;
+    display: ({ editorService }) => {
+      const node = editorService.get('node');
+      const pageLength = editorService.get('pageLength');
       return !isPage(node) && pageLength > 1;
     },
     items: (root.value?.items || [])
-      .filter((page) => page.id !== services?.editorService?.get('page')?.id)
+      .filter((page) => page.id !== editorService.get('page')?.id)
       .map((page) => ({
         text: `${page.name}(${page.id})`,
         type: 'button',
-        handler: (services?: Services) => {
+        handler: (services: Services) => {
           moveTo(page.id, services);
         },
       })),
diff --git a/packages/editor/src/utils/data-source/formConfigs/base.ts b/packages/editor/src/utils/data-source/formConfigs/base.ts
index 9fa725d0..24fcbd2e 100644
--- a/packages/editor/src/utils/data-source/formConfigs/base.ts
+++ b/packages/editor/src/utils/data-source/formConfigs/base.ts
@@ -1,7 +1,7 @@
-import type { FormConfig } from '@tmagic/form';
+import { defineFormConfig, type FormConfig } from '@tmagic/form';
 
-export default function (): FormConfig {
-  return [
+export default (): FormConfig =>
+  defineFormConfig([
     {
       name: 'id',
       type: 'hidden',
@@ -26,5 +26,4 @@ export default function (): FormConfig {
       name: 'description',
       text: '描述',
     },
-  ];
-}
+  ]);
diff --git a/packages/editor/src/utils/data-source/formConfigs/http.ts b/packages/editor/src/utils/data-source/formConfigs/http.ts
index bf4b4af3..1618905a 100644
--- a/packages/editor/src/utils/data-source/formConfigs/http.ts
+++ b/packages/editor/src/utils/data-source/formConfigs/http.ts
@@ -1,6 +1,6 @@
-import { FormConfig } from '@tmagic/form';
+import { defineFormConfig } from '@tmagic/form';
 
-export default [
+export default defineFormConfig([
   {
     name: 'autoFetch',
     text: '自动请求',
@@ -40,6 +40,7 @@ export default [
         name: 'params',
         type: 'key-value',
         defaultValue: {},
+        advanced: true,
         text: '参数',
       },
       {
@@ -53,8 +54,9 @@ export default [
         name: 'headers',
         type: 'key-value',
         defaultValue: {},
+        advanced: true,
         text: '请求头',
       },
     ],
   },
-] as FormConfig;
+]);
diff --git a/packages/editor/src/utils/data-source/index.ts b/packages/editor/src/utils/data-source/index.ts
index 409e5cd7..35a0a541 100644
--- a/packages/editor/src/utils/data-source/index.ts
+++ b/packages/editor/src/utils/data-source/index.ts
@@ -1,83 +1,81 @@
-import { CascaderOption, FormConfig, FormState } from '@tmagic/form';
-import { DataSchema, DataSourceFieldType, DataSourceSchema } from '@tmagic/schema';
-import { isNumber } from '@tmagic/utils';
+import type { DataSchema, DataSourceFieldType, DataSourceSchema } from '@tmagic/core';
+import { type CascaderOption, defineFormItem, type FormConfig } from '@tmagic/form';
+import { dataSourceTemplateRegExp, getKeysArray, isNumber } from '@tmagic/utils';
 
 import BaseFormConfig from './formConfigs/base';
 import HttpFormConfig from './formConfigs/http';
 
-const fillConfig = (config: FormConfig): FormConfig => [
-  ...BaseFormConfig(),
-  ...config,
-  {
-    type: 'tab',
-    items: [
-      {
-        title: '数据定义',
-        items: [
-          {
-            name: 'fields',
-            type: 'data-source-fields',
-            defaultValue: () => [],
-          },
-        ],
-      },
-      {
-        title: '方法定义',
-        items: [
-          {
-            name: 'methods',
-            type: 'data-source-methods',
-            defaultValue: () => [],
-          },
-        ],
-      },
-      {
-        title: '事件配置',
-        items: [
-          {
-            name: 'events',
-            src: 'datasource',
-            type: 'event-select',
-          },
-        ],
-      },
-      {
-        title: 'mock数据',
-        items: [
-          {
-            name: 'mocks',
-            type: 'data-source-mocks',
-            defaultValue: () => [],
-          },
-        ],
-      },
-      {
-        title: '请求参数裁剪',
-        display: (formState: FormState, { model }: any) => model.type === 'http',
-        items: [
-          {
-            name: 'beforeRequest',
-            type: 'vs-code',
-            parse: true,
-            height: '600px',
-          },
-        ],
-      },
-      {
-        title: '响应数据裁剪',
-        display: (formState: FormState, { model }: any) => model.type === 'http',
-        items: [
-          {
-            name: 'afterResponse',
-            type: 'vs-code',
-            parse: true,
-            height: '600px',
-          },
-        ],
-      },
-    ],
-  },
-];
+const dataSourceFormConfig = defineFormItem({
+  type: 'tab',
+  items: [
+    {
+      title: '数据定义',
+      items: [
+        {
+          name: 'fields',
+          type: 'data-source-fields',
+          defaultValue: () => [],
+        },
+      ],
+    },
+    {
+      title: '方法定义',
+      items: [
+        {
+          name: 'methods',
+          type: 'data-source-methods',
+          defaultValue: () => [],
+        },
+      ],
+    },
+    {
+      title: '事件配置',
+      items: [
+        {
+          name: 'events',
+          src: 'datasource',
+          type: 'event-select',
+        },
+      ],
+    },
+    {
+      title: 'mock数据',
+      items: [
+        {
+          name: 'mocks',
+          type: 'data-source-mocks',
+          defaultValue: () => [],
+        },
+      ],
+    },
+    {
+      title: '请求参数裁剪',
+      display: (_formState, { model }) => model.type === 'http',
+      items: [
+        {
+          name: 'beforeRequest',
+          type: 'vs-code',
+          parse: true,
+          autosize: { minRows: 10, maxRows: 30 },
+        },
+      ],
+    },
+    {
+      title: '响应数据裁剪',
+      display: (_formStat, { model }) => model.type === 'http',
+      items: [
+        {
+          name: 'afterResponse',
+          type: 'vs-code',
+          parse: true,
+          autosize: { minRows: 10, maxRows: 30 },
+        },
+      ],
+    },
+  ],
+});
+
+const fillConfig = (config: FormConfig): FormConfig => [...BaseFormConfig(), ...config, dataSourceFormConfig];
 
 export const getFormConfig = (type: string, configs: Record<string, FormConfig>): FormConfig => {
   switch (type) {
@@ -118,7 +116,7 @@ export const getFormValue = (type: string, values: Partial<DataSourceSchema>): P
    * context：上下文对象
    *
    * interface Content {
-   *  app: AppCore;
+   *  app: TMagicApp;
    *  dataSource: HttpDataSource;
    * }
    *
@@ -135,7 +133,7 @@ export const getFormValue = (type: string, values: Partial<DataSourceSchema>): P
     * context：上下文对象
     *
     * interface Content {
-    *  app: AppCore;
+    *  app: TMagicApp;
     *  dataSource: HttpDataSource;
     * }
     *
@@ -152,7 +150,7 @@ export const getDisplayField = (dataSources: DataSourceSchema[], key: string) =>
   const displayState: { value: string; type: 'var' | 'text' }[] = [];
 
   // 匹配es6字符串模块
-  const matches = key.matchAll(/\$\{([\s\S]+?)\}/g);
+  const matches = key.matchAll(dataSourceTemplateRegExp);
   let index = 0;
   for (const match of matches) {
     if (typeof match.index === 'undefined') break;
@@ -167,25 +165,22 @@ export const getDisplayField = (dataSources: DataSourceSchema[], key: string) =>
     let ds: DataSourceSchema | undefined;
     let fields: DataSchema[] | undefined;
     // 将模块解析成数据源对应的值
-    match[1]
-      .replaceAll(/\[(\d+)\]/g, '.$1')
-      .split('.')
-      .forEach((item, index) => {
-        if (index === 0) {
-          ds = dataSources.find((ds) => ds.id === item);
-          dsText += ds?.title || item;
-          fields = ds?.fields;
-          return;
-        }
+    getKeysArray(match[1]).forEach((item, index) => {
+      if (index === 0) {
+        ds = dataSources.find((ds) => ds.id === item);
+        dsText += ds?.title || item;
+        fields = ds?.fields;
+        return;
+      }
 
-        if (isNumber(item)) {
-          dsText += `[${item}]`;
-        } else {
-          const field = fields?.find((field) => field.name === item);
-          fields = field?.fields;
-          dsText += `.${field?.title || item}`;
-        }
-      });
+      if (isNumber(item)) {
+        dsText += `[${item}]`;
+      } else {
+        const field = fields?.find((field) => field.name === item);
+        fields = field?.fields;
+        dsText += `.${field?.title || item}`;
+      }
+    });
 
     displayState.push({
       type: 'var',
@@ -209,35 +204,44 @@ export const getCascaderOptionsFromFields = (
   fields: DataSchema[] = [],
   dataSourceFieldType: DataSourceFieldType[] = ['any'],
 ): CascaderOption[] => {
-  const child: CascaderOption[] = [];
-  fields.forEach((field) => {
-    if (!dataSourceFieldType.length) {
-      dataSourceFieldType.push('any');
-    }
+  const typeSet = new Set(dataSourceFieldType.length ? dataSourceFieldType : ['any']);
+  const includesAny = typeSet.has('any');
 
-    const children = getCascaderOptionsFromFields(field.fields, dataSourceFieldType);
-
-    const item = {
-      label: field.title || field.name,
-      value: field.name,
-      children,
-    };
+  const result: CascaderOption[] = [];
 
+  for (const field of fields) {
     const fieldType = field.type || 'any';
-    if (dataSourceFieldType.includes('any') || dataSourceFieldType.includes(fieldType)) {
-      child.push(item);
-      return;
-    }
+    const isContainerType = fieldType === 'any' || fieldType === 'array' || fieldType === 'object';
 
-    if (!dataSourceFieldType.includes(fieldType) && !['array', 'object', 'any'].includes(fieldType)) {
-      return;
-    }
+    const children = isContainerType ? getCascaderOptionsFromFields(field.fields, dataSourceFieldType) : [];
 
-    if (!children.length && ['object', 'array', 'any'].includes(field.type || '')) {
-      return;
-    }
+    const matchesType = includesAny || typeSet.has(fieldType);
 
-    child.push(item);
-  });
-  return child;
+    if (matchesType || (isContainerType && children.length)) {
+      result.push({
+        label: `${field.title || field.name}(${field.type})`,
+        value: field.name,
+        children,
+      });
+    }
+  }
+
+  return result;
+};
+
+export const getFieldType = (ds: DataSourceSchema | undefined, fieldNames: string[]) => {
+  let fields = ds?.fields;
+  let type = '';
+
+  for (const fieldName of fieldNames) {
+    if (!fields?.length) return '';
+
+    const field = fields.find((f) => f.name === fieldName);
+    if (!field) return '';
+
+    type = field.type || '';
+    fields = field.fields;
+  }
+
+  return type;
 };
diff --git a/packages/editor/src/utils/dep/idle-task.ts b/packages/editor/src/utils/dep/idle-task.ts
new file mode 100644
index 00000000..196ff0b0
--- /dev/null
+++ b/packages/editor/src/utils/dep/idle-task.ts
@@ -0,0 +1,132 @@
+import { EventEmitter } from 'events';
+
+export interface IdleTaskEvents {
+  finish: [];
+  'hight-level-finish': [];
+  'update-task-length': [{ length: number; hightLevelLength: number }];
+}
+
+type TaskList<T> = {
+  handler: (data: T) => void;
+  data: T;
+}[];
+
+globalThis.requestIdleCallback =
+  globalThis.requestIdleCallback ||
+  function (cb) {
+    const start = Date.now();
+    return setTimeout(() => {
+      cb({
+        didTimeout: false,
+        timeRemaining() {
+          return Math.max(0, 50 - (Date.now() - start));
+        },
+      });
+    }, 1);
+  };
+
+export class IdleTask<T = any> extends EventEmitter {
+  private taskList: TaskList<T> = [];
+
+  private hightLevelTaskList: TaskList<T> = [];
+
+  private taskHandle: number | null = null;
+
+  constructor() {
+    super();
+    this.setMaxListeners(1000);
+  }
+
+  public enqueueTask(taskHandler: (data: T) => void, taskData: T, isHightLevel = false) {
+    (isHightLevel ? this.hightLevelTaskList : this.taskList).push({
+      handler: taskHandler,
+      data: taskData,
+    });
+
+    if (!this.taskHandle) {
+      this.taskHandle = globalThis.requestIdleCallback(this.runTaskQueue.bind(this), { timeout: 10000 });
+    }
+  }
+
+  public clearTasks() {
+    if (this.taskHandle) {
+      globalThis.cancelIdleCallback(this.taskHandle);
+    }
+
+    this.hightLevelTaskList = [];
+    this.taskList = [];
+    this.taskHandle = null;
+
+    this.emit('update-task-length', {
+      length: this.taskList.length + this.hightLevelTaskList.length,
+      hightLevelLength: this.hightLevelTaskList.length,
+    });
+  }
+
+  public on<Name extends keyof IdleTaskEvents, Param extends IdleTaskEvents[Name]>(
+    eventName: Name,
+    listener: (...args: Param) => void | Promise<void>,
+  ) {
+    return super.on(eventName, listener as any);
+  }
+
+  public once<Name extends keyof IdleTaskEvents, Param extends IdleTaskEvents[Name]>(
+    eventName: Name,
+    listener: (...args: Param) => void | Promise<void>,
+  ) {
+    return super.once(eventName, listener as any);
+  }
+
+  public emit<Name extends keyof IdleTaskEvents, Param extends IdleTaskEvents[Name]>(eventName: Name, ...args: Param) {
+    return super.emit(eventName, ...args);
+  }
+
+  private runTaskQueue(deadline: IdleDeadline) {
+    const { hightLevelTaskList, taskList } = this;
+
+    // 动画会占用空闲时间,当任务一直无法执行时，看看是否有动画正在播放
+    // 根据空闲时间的多少来决定执行的任务数，保证页面不卡死的情况下尽量多执行任务，不然当任务数巨大时，执行时间会很久
+    // 执行不完不会影响配置，但是会影响画布渲染
+    while (deadline.timeRemaining() > 0 && (taskList.length || hightLevelTaskList.length)) {
+      const timeRemaining = deadline.timeRemaining();
+      let times = 0;
+      if (timeRemaining <= 5) {
+        times = 10;
+      } else if (timeRemaining <= 10) {
+        times = 100;
+      } else if (timeRemaining <= 15) {
+        times = 300;
+      } else {
+        times = 600;
+      }
+
+      for (let i = 0; i < times; i++) {
+        const task = hightLevelTaskList.length > 0 ? hightLevelTaskList.shift() : taskList.shift();
+        if (task) {
+          task.handler(task.data);
+        }
+
+        if (hightLevelTaskList.length === 0 && taskList.length === 0) {
+          break;
+        }
+      }
+    }
+
+    if (!hightLevelTaskList.length) {
+      this.emit('hight-level-finish');
+    }
+
+    if (hightLevelTaskList.length || taskList.length) {
+      this.taskHandle = globalThis.requestIdleCallback(this.runTaskQueue.bind(this), { timeout: 300 });
+    } else {
+      this.taskHandle = 0;
+
+      this.emit('finish');
+    }
+
+    this.emit('update-task-length', {
+      length: taskList.length + hightLevelTaskList.length,
+      hightLevelLength: hightLevelTaskList.length,
+    });
+  }
+}
diff --git a/packages/editor/src/utils/dep/worker.ts b/packages/editor/src/utils/dep/worker.ts
new file mode 100644
index 00000000..274acfb2
--- /dev/null
+++ b/packages/editor/src/utils/dep/worker.ts
@@ -0,0 +1,65 @@
+import {
+  createCodeBlockTarget,
+  createDataSourceCondTarget,
+  createDataSourceMethodTarget,
+  createDataSourceTarget,
+  type DepData,
+  DepTargetType,
+  type Id,
+  type MApp,
+  traverseTarget,
+  Watcher,
+} from '@tmagic/core';
+
+import { error } from '../logger';
+
+onmessage = (e) => {
+  const watcher = new Watcher({ initialTargets: {} });
+
+  const { dsl } = e.data;
+
+  try {
+    // eslint-disable-next-line no-eval
+    const mApp: MApp = eval(`(${dsl})`);
+
+    if (!mApp) {
+      postMessage({});
+    }
+
+    watcher.clearTargets();
+
+    if (mApp.codeBlocks) {
+      for (const [id, code] of Object.entries(mApp.codeBlocks)) {
+        watcher.addTarget(createCodeBlockTarget(id, code));
+      }
+    }
+
+    if (mApp.dataSources) {
+      for (const ds of mApp.dataSources) {
+        watcher.addTarget(createDataSourceTarget(ds, {}));
+        watcher.addTarget(createDataSourceMethodTarget(ds, {}));
+        watcher.addTarget(createDataSourceCondTarget(ds, {}));
+      }
+    }
+
+    watcher.collectByCallback(mApp.items, undefined, ({ node, target }) => {
+      watcher.collectItem(node, target, { pageId: node.id }, true);
+    });
+
+    const data: Record<string, Record<Id, DepData>> = {
+      [DepTargetType.DATA_SOURCE]: {},
+      [DepTargetType.DATA_SOURCE_METHOD]: {},
+      [DepTargetType.DATA_SOURCE_COND]: {},
+      [DepTargetType.CODE_BLOCK]: {},
+    };
+
+    traverseTarget(watcher.getTargetsList(), (target) => {
+      data[target.type][target.id] = target.deps;
+    });
+
+    postMessage(data);
+  } catch (e: any) {
+    error(e);
+    postMessage({});
+  }
+};
diff --git a/packages/editor/src/utils/editor.ts b/packages/editor/src/utils/editor.ts
index e7af210c..9dbb161c 100644
--- a/packages/editor/src/utils/editor.ts
+++ b/packages/editor/src/utils/editor.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -16,14 +16,26 @@
  * limitations under the License.
  */
 
+import { detailedDiff } from 'deep-object-diff';
+import { isObject } from 'lodash-es';
 import serialize from 'serialize-javascript';
 
-import type { Id, MApp, MContainer, MNode, MPage, MPageFragment } from '@tmagic/schema';
-import { NodeType } from '@tmagic/schema';
+import type { Id, MApp, MContainer, MNode, MPage, MPageFragment } from '@tmagic/core';
+import { NODE_CONDS_KEY, NodeType } from '@tmagic/core';
 import type StageCore from '@tmagic/stage';
-import { calcValueByFontsize, getNodePath, isNumber, isPage, isPageFragment, isPop } from '@tmagic/utils';
+import {
+  calcValueByFontsize,
+  getElById,
+  getNodePath,
+  isNumber,
+  isPage,
+  isPageFragment,
+  isPop,
+  isValueIncludeDataSource,
+} from '@tmagic/utils';
 
 import { Layout } from '@editor/type';
+
 export const COPY_STORAGE_KEY = '$MagicEditorCopyData';
 export const COPY_CODE_STORAGE_KEY = '$MagicEditorCopyCode';
 export const COPY_DS_STORAGE_KEY = '$MagicEditorCopyDataSource';
@@ -80,12 +92,6 @@ export const generatePageName = (pageNameList: string[], type: NodeType.PAGE | N
 export const generatePageNameByApp = (app: MApp, type: NodeType.PAGE | NodeType.PAGE_FRAGMENT): string =>
   generatePageName(getPageNameList(type === 'page' ? getPageList(app) : getPageFragmentList(app)), type);
 
-/**
- * @param {Object} node
- * @returns {boolean}
- */
-export const isFixed = (node: MNode): boolean => node.style?.position === 'fixed';
-
 export const getNodeIndex = (id: Id, parent: MContainer | MApp): number => {
   const items = parent?.items || [];
   return items.findIndex((item: MNode) => `${item.id}` === `${id}`);
@@ -108,12 +114,16 @@ const getMiddleTop = (node: MNode, parentNode: MNode, stage: StageCore | null) =
   }
 
   const { height: parentHeight } = parentNode.style;
-  // wrapperHeight 是未 calcValue的高度, 所以要将其calcValueByFontsize一下, 否则在pad or pc端计算的结果有误
-  const { scrollTop = 0, wrapperHeight } = stage.mask;
-  const wrapperHeightDeal = calcValueByFontsize(stage.renderer.getDocument()!, wrapperHeight);
-  const scrollTopDeal = calcValueByFontsize(stage.renderer.getDocument()!, scrollTop);
-  if (isPage(parentNode)) {
-    return (wrapperHeightDeal - height) / 2 + scrollTopDeal;
+
+  let wrapperHeightDeal = parentHeight;
+  if (stage.mask && stage.renderer) {
+    // wrapperHeight 是未 calcValue的高度, 所以要将其calcValueByFontsize一下, 否则在pad or pc端计算的结果有误
+    const { scrollTop = 0, wrapperHeight } = stage.mask;
+    wrapperHeightDeal = calcValueByFontsize(stage.renderer.getDocument()!, wrapperHeight);
+    const scrollTopDeal = calcValueByFontsize(stage.renderer.getDocument()!, scrollTop);
+    if (isPage(parentNode)) {
+      return (wrapperHeightDeal - height) / 2 + scrollTopDeal;
+    }
   }
 
   // 如果容器的元素高度大于当前视口高度的2倍, 添加的元素居中位置也会看不见, 所以要取最小值计算
@@ -167,21 +177,45 @@ export const setLayout = (node: MNode, layout: Layout) => {
 };
 
 export const change2Fixed = (node: MNode, root: MApp) => {
+  const style = {
+    ...(node.style || {}),
+  };
+
   const path = getNodePath(node.id, root.items);
   const offset = {
     left: 0,
     top: 0,
   };
 
-  path.forEach((value) => {
-    offset.left = offset.left + globalThis.parseFloat(value.style?.left || 0);
-    offset.top = offset.top + globalThis.parseFloat(value.style?.top || 0);
-  });
+  if (!node.style?.right && isNumber(node.style?.left || 0)) {
+    for (const value of path) {
+      if (value.style?.right || !isNumber(value.style?.left || 0)) {
+        offset.left = 0;
+        break;
+      }
+      offset.left = offset.left + Number(value.style?.left || 0);
+    }
+  }
 
-  return {
-    ...(node.style || {}),
-    ...offset,
-  };
+  if (!node.style?.bottom && isNumber(node.style?.top || 0)) {
+    for (const value of path) {
+      if (value.style?.bottom || !isNumber(value.style?.top || 0)) {
+        offset.top = 0;
+        break;
+      }
+      offset.top = offset.top + Number(value.style?.top || 0);
+    }
+  }
+
+  if (offset.left) {
+    style.left = offset.left;
+  }
+
+  if (offset.top) {
+    style.top = offset.top;
+  }
+
+  return style;
 };
 
 export const Fixed2Other = async (
@@ -194,14 +228,28 @@ export const Fixed2Other = async (
   const offset = {
     left: cur?.style?.left || 0,
     top: cur?.style?.top || 0,
-    right: '',
-    bottom: '',
   };
 
-  path.forEach((value) => {
-    offset.left = offset.left - globalThis.parseFloat(value.style?.left || 0);
-    offset.top = offset.top - globalThis.parseFloat(value.style?.top || 0);
-  });
+  if (!node.style?.right && isNumber(node.style?.left || 0)) {
+    for (const value of path) {
+      if (value.style?.right || !isNumber(value.style?.left || 0)) {
+        offset.left = 0;
+        break;
+      }
+      offset.left = offset.left - Number(value.style?.left || 0);
+    }
+  }
+
+  if (!node.style?.bottom && isNumber(node.style?.top || 0)) {
+    for (const value of path) {
+      if (value.style?.bottom || !isNumber(value.style?.top || 0)) {
+        offset.top = 0;
+        break;
+      }
+      offset.top = offset.top - Number(value.style?.top || 0);
+    }
+  }
+
   const style = node.style || {};
 
   const parent = path.pop();
@@ -211,9 +259,16 @@ export const Fixed2Other = async (
 
   const layout = await getLayout(parent);
   if (layout !== Layout.RELATIVE) {
+    if (offset.left) {
+      style.left = offset.left;
+    }
+
+    if (offset.top) {
+      style.top = offset.top;
+    }
+
     return {
       ...style,
-      ...offset,
       position: 'absolute',
     };
   }
@@ -239,8 +294,8 @@ export const getGuideLineFromCache = (key: string): number[] => {
 export const fixNodeLeft = (config: MNode, parent: MContainer, doc?: Document) => {
   if (!doc || !config.style || !isNumber(config.style.left)) return config.style?.left;
 
-  const el = doc.getElementById(`${config.id}`);
-  const parentEl = doc.getElementById(`${parent.id}`);
+  const el = getElById()(doc, `${config.id}`);
+  const parentEl = getElById()(doc, `${parent.id}`);
 
   const left = Number(config.style?.left) || 0;
   if (el && parentEl) {
@@ -262,7 +317,7 @@ export const fixNodePosition = (config: MNode, parent: MContainer, stage: StageC
   return {
     ...(config.style || {}),
     top: getMiddleTop(config, parent, stage),
-    left: fixNodeLeft(config, parent, stage?.renderer.contentWindow?.document),
+    left: fixNodeLeft(config, parent, stage?.renderer?.contentWindow?.document),
   };
 };
 
@@ -273,26 +328,6 @@ export const serializeConfig = (config: any) =>
     unsafe: true,
   }).replace(/"(\w+)":\s/g, '$1: ');
 
-export interface NodeItem {
-  items?: NodeItem[];
-  [key: string]: any;
-}
-
-export const traverseNode = <T extends NodeItem = NodeItem>(
-  node: T,
-  cb: (node: T, parents: T[]) => void,
-  parents: T[] = [],
-) => {
-  cb(node, parents);
-
-  if (Array.isArray(node.items) && node.items.length) {
-    parents.push(node);
-    node.items.forEach((item) => {
-      traverseNode(item as T, cb, [...parents]);
-    });
-  }
-};
-
 export const moveItemsInContainer = (sourceIndices: number[], parent: MContainer, targetIndex: number) => {
   sourceIndices.sort((a, b) => a - b);
   for (let i = sourceIndices.length - 1; i >= 0; i--) {
@@ -311,3 +346,93 @@ export const moveItemsInContainer = (sourceIndices: number[], parent: MContainer
     }
   }
 };
+
+const isIncludeDataSourceByDiffAddResult = (diffResult: any) => {
+  for (const value of Object.values(diffResult)) {
+    const result = isValueIncludeDataSource(value);
+
+    if (result) {
+      return true;
+    }
+
+    if (isObject(value)) {
+      return isIncludeDataSourceByDiffAddResult(value);
+    }
+  }
+  return false;
+};
+
+const isIncludeDataSourceByDiffUpdatedResult = (diffResult: any, oldNode: any) => {
+  for (const [key, value] of Object.entries<any>(diffResult)) {
+    if (isValueIncludeDataSource(value)) {
+      return true;
+    }
+
+    if (isValueIncludeDataSource(oldNode[key])) {
+      return true;
+    }
+
+    if (isObject(value)) {
+      return isIncludeDataSourceByDiffUpdatedResult(value, oldNode[key]);
+    }
+  }
+  return false;
+};
+
+export const isIncludeDataSource = (node: MNode, oldNode: MNode) => {
+  const diffResult = detailedDiff(oldNode, node);
+
+  let isIncludeDataSource = false;
+
+  if (diffResult.updated) {
+    // 修改了显示条件
+    if ((diffResult.updated as any)[NODE_CONDS_KEY]) {
+      return true;
+    }
+
+    isIncludeDataSource = isIncludeDataSourceByDiffUpdatedResult(diffResult.updated, oldNode);
+    if (isIncludeDataSource) return true;
+  }
+
+  if (diffResult.added) {
+    isIncludeDataSource = isIncludeDataSourceByDiffAddResult(diffResult.added);
+    if (isIncludeDataSource) return true;
+  }
+
+  if (diffResult.deleted) {
+    // 删除了显示条件
+    if ((diffResult.deleted as any)[NODE_CONDS_KEY]) {
+      return true;
+    }
+
+    isIncludeDataSource = isIncludeDataSourceByDiffAddResult(diffResult.deleted);
+    if (isIncludeDataSource) return true;
+  }
+
+  return isIncludeDataSource;
+};
+
+export const buildChangeRecords = (value: any, basePath: string) => {
+  const changeRecords: { propPath: string; value: any }[] = [];
+
+  // 递归构建 changeRecords
+  const buildChangeRecords = (obj: any, basePath: string) => {
+    Object.entries(obj).forEach(([key, value]) => {
+      if (value !== undefined) {
+        const currentPath = basePath ? `${basePath}.${key}` : key;
+
+        if (typeof value === 'object' && value !== null && !Array.isArray(value)) {
+          // 递归处理嵌套对象
+          buildChangeRecords(value, currentPath);
+        } else {
+          // 处理基础类型值
+          changeRecords.push({ propPath: currentPath, value });
+        }
+      }
+    });
+  };
+
+  buildChangeRecords(value, basePath);
+
+  return changeRecords;
+};
diff --git a/packages/editor/src/utils/idle-task.ts b/packages/editor/src/utils/idle-task.ts
deleted file mode 100644
index b4f8733b..00000000
--- a/packages/editor/src/utils/idle-task.ts
+++ /dev/null
@@ -1,72 +0,0 @@
-import { EventEmitter } from 'events';
-
-export interface IdleTaskEvents {
-  finish: [];
-}
-
-globalThis.requestIdleCallback =
-  globalThis.requestIdleCallback ||
-  function (cb) {
-    const start = Date.now();
-    return setTimeout(() => {
-      cb({
-        didTimeout: false,
-        timeRemaining() {
-          return Math.max(0, 50 - (Date.now() - start));
-        },
-      });
-    }, 1);
-  };
-
-export class IdleTask<T = any> extends EventEmitter {
-  private taskList: {
-    handler: (data: T) => void;
-    data: T;
-  }[] = [];
-
-  private taskHandle: number | null = null;
-
-  public enqueueTask(taskHandler: (data: T) => void, taskData: T) {
-    this.taskList.push({
-      handler: taskHandler,
-      data: taskData,
-    });
-
-    if (!this.taskHandle) {
-      this.taskHandle = globalThis.requestIdleCallback(this.runTaskQueue.bind(this), { timeout: 10000 });
-    }
-  }
-
-  public on<Name extends keyof IdleTaskEvents, Param extends IdleTaskEvents[Name]>(
-    eventName: Name,
-    listener: (...args: Param) => void | Promise<void>,
-  ) {
-    return super.on(eventName, listener as any);
-  }
-
-  public once<Name extends keyof IdleTaskEvents, Param extends IdleTaskEvents[Name]>(
-    eventName: Name,
-    listener: (...args: Param) => void | Promise<void>,
-  ) {
-    return super.once(eventName, listener as any);
-  }
-
-  public emit<Name extends keyof IdleTaskEvents, Param extends IdleTaskEvents[Name]>(eventName: Name, ...args: Param) {
-    return super.emit(eventName, ...args);
-  }
-
-  private runTaskQueue(deadline: IdleDeadline) {
-    while ((deadline.timeRemaining() > 15 || deadline.didTimeout) && this.taskList.length) {
-      const task = this.taskList.shift();
-      task!.handler(task!.data);
-    }
-
-    if (this.taskList.length) {
-      this.taskHandle = globalThis.requestIdleCallback(this.runTaskQueue.bind(this), { timeout: 10000 });
-    } else {
-      this.taskHandle = 0;
-
-      this.emit('finish');
-    }
-  }
-}
diff --git a/packages/editor/src/utils/index.ts b/packages/editor/src/utils/index.ts
index 6caf2fe8..e40b936f 100644
--- a/packages/editor/src/utils/index.ts
+++ b/packages/editor/src/utils/index.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -22,3 +22,9 @@ export * from './logger';
 export * from './editor';
 export * from './operator';
 export * from './data-source';
+export * from './dep/idle-task';
+export * from './scroll-viewer';
+export * from './tree';
+export * from './undo-redo';
+export * from './const';
+export { default as loadMonaco } from './monaco-editor';
diff --git a/packages/editor/src/utils/logger.ts b/packages/editor/src/utils/logger.ts
index 709ac2cd..42e55885 100644
--- a/packages/editor/src/utils/logger.ts
+++ b/packages/editor/src/utils/logger.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
diff --git a/packages/editor/src/utils/monaco-editor.ts b/packages/editor/src/utils/monaco-editor.ts
index 23de29be..d2748044 100644
--- a/packages/editor/src/utils/monaco-editor.ts
+++ b/packages/editor/src/utils/monaco-editor.ts
@@ -1,8 +1,15 @@
-import { emmetCSS, emmetHTML } from 'emmet-monaco-es';
-import * as monaco from 'monaco-editor';
+let cached: Promise<typeof import('monaco-editor')> | undefined;
 
-// 注册emmet插件
-emmetHTML(monaco);
-emmetCSS(monaco, ['css', 'scss']);
+export default () => {
+  if (!cached) {
+    cached = Promise.all([import('emmet-monaco-es'), import('monaco-editor')]).then(([emmet, monaco]) => {
+      const { emmetHTML, emmetCSS } = emmet;
+      emmetHTML(monaco);
+      emmetCSS(monaco, ['css', 'scss']);
 
-export default monaco;
+      return monaco;
+    });
+  }
+
+  return cached;
+};
diff --git a/packages/editor/src/utils/operator.ts b/packages/editor/src/utils/operator.ts
index 6fb2486a..61f39113 100644
--- a/packages/editor/src/utils/operator.ts
+++ b/packages/editor/src/utils/operator.ts
@@ -1,8 +1,9 @@
 import { toRaw } from 'vue';
 import { isEmpty } from 'lodash-es';
 
-import { Id, MContainer, MNode, NodeType } from '@tmagic/schema';
-import { calcValueByFontsize, isPage, isPageFragment } from '@tmagic/utils';
+import type { Id, MContainer, MNode } from '@tmagic/core';
+import { NodeType } from '@tmagic/core';
+import { calcValueByFontsize, getElById, isPage, isPageFragment } from '@tmagic/utils';
 
 import editorService from '@editor/services/editor';
 import propsService from '@editor/services/props';
@@ -73,7 +74,8 @@ export const beforePaste = (position: PastePosition, config: MNode[], doc?: Docu
  */
 export const getPositionInContainer = (position: PastePosition = {}, id: Id, doc?: Document) => {
   let { left = 0, top = 0 } = position;
-  const parentEl = editorService.get('stage')?.renderer?.contentWindow?.document.getElementById(`${id}`);
+  const stageDoc = editorService.get('stage')?.renderer?.contentWindow?.document;
+  const parentEl = stageDoc && getElById()(stageDoc, `${id}`);
   const parentElRect = parentEl?.getBoundingClientRect();
   left = left - calcValueByFontsize(doc, parentElRect?.left || 0);
   top = top - calcValueByFontsize(doc, parentElRect?.top || 0);
diff --git a/packages/editor/src/utils/props.ts b/packages/editor/src/utils/props.ts
index 97d14cbc..a571f859 100644
--- a/packages/editor/src/utils/props.ts
+++ b/packages/editor/src/utils/props.ts
@@ -1,7 +1,8 @@
+/* eslint-disable @typescript-eslint/naming-convention */
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -16,21 +17,26 @@
  * limitations under the License.
  */
 
-import type { FormConfig, FormState, TabPaneConfig } from '@tmagic/form';
+import {
+  NODE_CONDS_KEY,
+  NODE_CONDS_RESULT_KEY,
+  NODE_DISABLE_CODE_BLOCK_KEY,
+  NODE_DISABLE_DATA_SOURCE_KEY,
+} from '@tmagic/core';
+import { tMagicMessage } from '@tmagic/design';
+import type { ChildConfig, DisplayCondsConfig, FormConfig, TabConfig, TabPaneConfig } from '@tmagic/form';
 
-import dataSourceService from '@editor/services/dataSource';
-
-const arrayOptions = [
+export const arrayOptions = [
   { text: '包含', value: 'include' },
   { text: '不包含', value: 'not_include' },
 ];
 
-const eqOptions = [
+export const eqOptions = [
   { text: '等于', value: '=' },
   { text: '不等于', value: '!=' },
 ];
 
-const numberOptions = [
+export const numberOptions = [
   { text: '大于', value: '>' },
   { text: '大于等于', value: '>=' },
   { text: '小于', value: '<' },
@@ -41,285 +47,67 @@ const numberOptions = [
 
 export const styleTabConfig: TabPaneConfig = {
   title: '样式',
+  lazy: true,
+  display: ({ services }: any) => !(services.uiService.get('showStylePanel') ?? true),
   items: [
     {
       name: 'style',
+      labelWidth: '100px',
+      type: 'style-setter',
       items: [
         {
-          type: 'fieldset',
-          legend: '位置',
-          items: [
-            {
-              type: 'data-source-field-select',
-              name: 'position',
-              text: '固定定位',
-              checkStrictly: false,
-              dataSourceFieldType: ['string'],
-              fieldConfig: {
-                type: 'checkbox',
-                activeValue: 'fixed',
-                inactiveValue: 'absolute',
-                defaultValue: 'absolute',
-              },
-            },
-            {
-              type: 'data-source-field-select',
-              name: 'left',
-              text: 'left',
-              checkStrictly: false,
-              dataSourceFieldType: ['string', 'number'],
-              fieldConfig: {
-                type: 'text',
-              },
-            },
-            {
-              type: 'data-source-field-select',
-              name: 'top',
-              text: 'top',
-              checkStrictly: false,
-              dataSourceFieldType: ['string', 'number'],
-              fieldConfig: {
-                type: 'text',
-              },
-              disabled: (vm: FormState, { model }: any) =>
-                model.position === 'fixed' && model._magic_position === 'fixedBottom',
-            },
-            {
-              type: 'data-source-field-select',
-              name: 'right',
-              text: 'right',
-              checkStrictly: false,
-              dataSourceFieldType: ['string', 'number'],
-              fieldConfig: {
-                type: 'text',
-              },
-            },
-            {
-              type: 'data-source-field-select',
-              name: 'bottom',
-              text: 'bottom',
-              checkStrictly: false,
-              dataSourceFieldType: ['string', 'number'],
-              fieldConfig: {
-                type: 'text',
-              },
-              disabled: (vm: FormState, { model }: any) =>
-                model.position === 'fixed' && model._magic_position === 'fixedTop',
-            },
+          names: [
+            'display',
+            'flexDirection',
+            'justifyContent',
+            'alignItems',
+            'flexWrap',
+            'marginTop',
+            'marginRight',
+            'marginBottom',
+            'marginLeft',
+            'paddingTop',
+            'paddingRight',
+            'paddingBottom',
+            'paddingLeft',
+            'width',
+            'height',
+            'overflow',
+            'fontSize',
+            'lineHeight',
+            'fontWeight',
+            'color',
+            'textAlign',
+            'backgroundColor',
+            'backgroundImage',
+            'backgroundSize',
+            'backgroundPosition',
+            'backgroundRepeat',
+            'position',
+            'zIndex',
+            'top',
+            'right',
+            'bottom',
+            'left',
+            'borderRadius',
+            'borderTopWidth',
+            'borderTopStyle',
+            'borderTopColor',
+            'borderRightColor',
+            'borderRightWidth',
+            'borderRightStyle',
+            'borderRightColor',
+            'borderBottomWidth',
+            'borderBottomStyle',
+            'borderBottomColor',
+            'borderLeftStyle',
+            'borderLeftWidth',
+            'borderLeftColor',
+            'borderWidth',
+            'borderStyle',
+            'borderColor',
           ],
-        },
-        {
-          type: 'fieldset',
-          legend: '盒子',
-          items: [
-            {
-              type: 'data-source-field-select',
-              name: 'width',
-              text: '宽度',
-              checkStrictly: false,
-              dataSourceFieldType: ['string', 'number'],
-              fieldConfig: {
-                type: 'text',
-              },
-            },
-            {
-              type: 'data-source-field-select',
-              name: 'height',
-              text: '高度',
-              checkStrictly: false,
-              dataSourceFieldType: ['string', 'number'],
-              fieldConfig: {
-                type: 'text',
-              },
-            },
-            {
-              type: 'data-source-field-select',
-              text: 'overflow',
-              name: 'overflow',
-              checkStrictly: false,
-              dataSourceFieldType: ['string'],
-              fieldConfig: {
-                type: 'select',
-                options: [
-                  { text: 'visible', value: 'visible' },
-                  { text: 'hidden', value: 'hidden' },
-                  { text: 'clip', value: 'clip' },
-                  { text: 'scroll', value: 'scroll' },
-                  { text: 'auto', value: 'auto' },
-                  { text: 'overlay', value: 'overlay' },
-                ],
-              },
-            },
-          ],
-        },
-        {
-          type: 'fieldset',
-          legend: '边框',
-          items: [
-            {
-              type: 'data-source-field-select',
-              name: 'borderWidth',
-              text: '宽度',
-              defaultValue: '0',
-              checkStrictly: false,
-              dataSourceFieldType: ['string', 'number'],
-              fieldConfig: {
-                type: 'text',
-              },
-            },
-            {
-              type: 'data-source-field-select',
-              name: 'borderColor',
-              text: '颜色',
-              checkStrictly: false,
-              dataSourceFieldType: ['string'],
-              fieldConfig: {
-                type: 'text',
-              },
-            },
-            {
-              type: 'data-source-field-select',
-              name: 'borderStyle',
-              text: '样式',
-              defaultValue: 'none',
-              checkStrictly: false,
-              dataSourceFieldType: ['string'],
-              fieldConfig: {
-                type: 'select',
-                options: [
-                  { text: 'none', value: 'none' },
-                  { text: 'hidden', value: 'hidden' },
-                  { text: 'dotted', value: 'dotted' },
-                  { text: 'dashed', value: 'dashed' },
-                  { text: 'solid', value: 'solid' },
-                  { text: 'double', value: 'double' },
-                  { text: 'groove', value: 'groove' },
-                  { text: 'ridge', value: 'ridge' },
-                  { text: 'inset', value: 'inset' },
-                  { text: 'outset', value: 'outset' },
-                ],
-              },
-            },
-          ],
-        },
-        {
-          type: 'fieldset',
-          legend: '背景',
-          items: [
-            {
-              type: 'data-source-field-select',
-              name: 'backgroundImage',
-              text: '背景图',
-              checkStrictly: false,
-              dataSourceFieldType: ['string'],
-              fieldConfig: {
-                type: 'text',
-              },
-            },
-            {
-              type: 'data-source-field-select',
-              name: 'backgroundColor',
-              text: '背景颜色',
-              checkStrictly: false,
-              dataSourceFieldType: ['string'],
-              fieldConfig: {
-                type: 'colorPicker',
-              },
-            },
-            {
-              type: 'data-source-field-select',
-              name: 'backgroundRepeat',
-              text: '背景图重复',
-              defaultValue: 'no-repeat',
-              checkStrictly: false,
-              dataSourceFieldType: ['string'],
-              fieldConfig: {
-                type: 'select',
-                options: [
-                  { text: 'repeat', value: 'repeat' },
-                  { text: 'repeat-x', value: 'repeat-x' },
-                  { text: 'repeat-y', value: 'repeat-y' },
-                  { text: 'no-repeat', value: 'no-repeat' },
-                  { text: 'inherit', value: 'inherit' },
-                ],
-              },
-            },
-            {
-              type: 'data-source-field-select',
-              name: 'backgroundSize',
-              text: '背景图大小',
-              defaultValue: '100% 100%',
-              checkStrictly: false,
-              dataSourceFieldType: ['string'],
-              fieldConfig: {
-                type: 'text',
-              },
-            },
-          ],
-        },
-        {
-          type: 'fieldset',
-          legend: '字体',
-          items: [
-            {
-              type: 'data-source-field-select',
-              name: 'color',
-              text: '颜色',
-              checkStrictly: false,
-              dataSourceFieldType: ['string'],
-              fieldConfig: {
-                type: 'colorPicker',
-              },
-            },
-            {
-              type: 'data-source-field-select',
-              name: 'fontSize',
-              text: '大小',
-              checkStrictly: false,
-              dataSourceFieldType: ['string', 'number'],
-              fieldConfig: {
-                type: 'text',
-              },
-            },
-            {
-              type: 'data-source-field-select',
-              name: 'fontWeight',
-              text: '粗细',
-              checkStrictly: false,
-              dataSourceFieldType: ['string', 'number'],
-              fieldConfig: {
-                type: 'text',
-              },
-            },
-          ],
-        },
-        {
-          type: 'fieldset',
-          legend: '变形',
-          name: 'transform',
-          items: [
-            {
-              type: 'data-source-field-select',
-              name: 'rotate',
-              text: '旋转角度',
-              checkStrictly: false,
-              dataSourceFieldType: ['string'],
-              fieldConfig: {
-                type: 'text',
-              },
-            },
-            {
-              type: 'data-source-field-select',
-              name: 'scale',
-              text: '缩放',
-              checkStrictly: false,
-              dataSourceFieldType: ['number', 'string'],
-              fieldConfig: {
-                type: 'text',
-              },
-            },
-          ],
-        },
+        } as unknown as ChildConfig,
       ],
     },
   ],
@@ -327,6 +115,7 @@ export const styleTabConfig: TabPaneConfig = {
 
 export const eventTabConfig: TabPaneConfig = {
   title: '事件',
+  lazy: true,
   items: [
     {
       name: 'events',
@@ -341,124 +130,65 @@ export const advancedTabConfig: TabPaneConfig = {
   title: '高级',
   lazy: true,
   items: [
+    {
+      name: NODE_DISABLE_CODE_BLOCK_KEY,
+      text: '禁用代码块',
+      type: 'switch',
+      defaultValue: false,
+      extra: '开启后，配置的代码块将不会被执行',
+    },
+    {
+      name: NODE_DISABLE_DATA_SOURCE_KEY,
+      text: '禁用数据源',
+      type: 'switch',
+      defaultValue: false,
+      extra: '开启后，组件内配置的数据源相关配置将不会被编译，显隐条件将失效',
+    },
     {
       name: 'created',
       text: 'created',
+      labelPosition: 'top',
       type: 'code-select',
+      extra: '组件初始化时执行',
     },
     {
       name: 'mounted',
       text: 'mounted',
+      labelPosition: 'top',
+      type: 'code-select',
+      extra: '组件挂载到dom时执行',
+    },
+    {
+      name: 'display',
+      text: 'display',
+      extra: '控制组件是否渲染，关系的代码块返回值为false时不渲染',
+      labelPosition: 'top',
       type: 'code-select',
     },
   ],
 };
 
-export const displayTabConfig: TabPaneConfig = {
+export const displayTabConfig: TabPaneConfig<DisplayCondsConfig> = {
   title: '显示条件',
-  display: (vm: FormState, { model }: any) => model.type !== 'page',
+  display: (_state, { model }) => model.type !== 'page',
   items: [
     {
-      type: 'groupList',
-      name: 'displayConds',
-      titlePrefix: '条件组',
-      expandAll: true,
-      items: [
-        {
-          type: 'table',
-          name: 'cond',
-          items: [
-            {
-              type: 'data-source-field-select',
-              name: 'field',
-              value: 'key',
-              label: '字段',
-              checkStrictly: false,
-              dataSourceFieldType: ['string', 'number', 'boolean', 'any'],
-            },
-            {
-              type: 'select',
-              options: (mForm, { model }) => {
-                const [id, ...fieldNames] = model.field;
-
-                const ds = dataSourceService.getDataSourceById(id);
-
-                let fields = ds?.fields || [];
-                let type = '';
-                (fieldNames || []).forEach((fieldName: string) => {
-                  const field = fields.find((f) => f.name === fieldName);
-                  fields = field?.fields || [];
-                  type = field?.type || '';
-                });
-
-                if (type === 'array') {
-                  return arrayOptions;
-                }
-
-                if (type === 'boolean') {
-                  return [
-                    { text: '是', value: 'is' },
-                    { text: '不是', value: 'not' },
-                  ];
-                }
-
-                if (type === 'number') {
-                  return [...eqOptions, ...numberOptions];
-                }
-
-                if (type === 'string') {
-                  return [...arrayOptions, ...eqOptions];
-                }
-
-                return [...arrayOptions, ...eqOptions, ...numberOptions];
-              },
-              label: '条件',
-              name: 'op',
-            },
-            {
-              label: '值',
-              items: [
-                {
-                  name: 'value',
-                  type: (mForm, { model }) => {
-                    const [id, ...fieldNames] = model.field;
-
-                    const ds = dataSourceService.getDataSourceById(id);
-
-                    let fields = ds?.fields || [];
-                    let type = '';
-                    (fieldNames || []).forEach((fieldName: string) => {
-                      const field = fields.find((f) => f.name === fieldName);
-                      fields = field?.fields || [];
-                      type = field?.type || '';
-                    });
-
-                    if (type === 'number') {
-                      return 'number';
-                    }
-
-                    if (type === 'boolean') {
-                      return 'select';
-                    }
-
-                    return 'text';
-                  },
-                  options: [
-                    { text: 'true', value: true },
-                    { text: 'false', value: false },
-                  ],
-                  display: (vm, { model }) => !['between', 'not_between'].includes(model.op),
-                },
-                {
-                  name: 'range',
-                  type: 'number-range',
-                  display: (vm, { model }) => ['between', 'not_between'].includes(model.op),
-                },
-              ],
-            },
-          ],
-        },
+      name: NODE_CONDS_RESULT_KEY,
+      type: 'select',
+      text: '条件成立时',
+      defaultValue: false,
+      options: [
+        { text: '显示', value: false },
+        { text: '隐藏', value: true },
       ],
+      extra: (_state, { model }) =>
+        `条件成立时${model[NODE_CONDS_RESULT_KEY] ? '隐藏' : '显示'}，不成立时${model[NODE_CONDS_RESULT_KEY] ? '显示' : '隐藏'}；<br />同一条件组内的所有条件配置同时成立时表示该条件组成立，任意一个条件组成立时表示条件成立(条件组内为且的关系，条件组间为或的关系)；<br />条件为空时表示成立；`,
+    },
+    {
+      type: 'display-conds',
+      name: NODE_CONDS_KEY,
+      titlePrefix: '条件组',
+      defaultValue: [],
     },
   ],
 };
@@ -468,37 +198,86 @@ export const displayTabConfig: TabPaneConfig = {
  * @param config 组件属性配置
  * @returns Object
  */
-export const fillConfig = (config: FormConfig = [], labelWidth = '80px'): FormConfig => [
+export const fillConfig = (
+  config: FormConfig = [],
   {
+    labelWidth = '80px',
+    disabledDataSource = false,
+    disabledCodeBlock = false,
+  }: { labelWidth?: string; disabledDataSource?: boolean; disabledCodeBlock?: boolean } = {},
+): FormConfig => {
+  const propsConfig: FormConfig = [];
+
+  // 组件类型，必须要有
+  if (!config.find((item) => 'name' in item && item.name === 'type')) {
+    propsConfig.push({
+      text: 'type',
+      name: 'type',
+      type: 'hidden',
+    });
+  }
+
+  if (!config.find((item) => 'name' in item && item.name === 'id')) {
+    // 组件id，必须要有
+    propsConfig.push({
+      name: 'id',
+      text: 'ID',
+      type: 'text',
+      disabled: true,
+      append: {
+        type: 'button',
+        text: '复制',
+        handler: (vm, { model }) => {
+          navigator.clipboard
+            .writeText(`${model.id}`)
+            .then(() => {
+              tMagicMessage.success('已复制');
+            })
+            .catch(() => {
+              tMagicMessage.error('复制失败');
+            });
+        },
+      },
+    });
+  }
+
+  if (!config.find((item) => 'name' in item && item.name === 'name')) {
+    propsConfig.push({
+      name: 'name',
+      text: '组件名称',
+    });
+  }
+
+  const noCodeAdvancedTabItems = advancedTabConfig.items.filter(
+    (item) => 'type' in item && item.type !== 'code-select',
+  );
+
+  if (noCodeAdvancedTabItems.length > 0 && disabledCodeBlock) {
+    advancedTabConfig.items = noCodeAdvancedTabItems;
+  }
+
+  const tabConfig: TabConfig = {
     type: 'tab',
     labelWidth,
     items: [
       {
         title: '属性',
-        items: [
-          // 组件类型，必须要有
-          {
-            text: 'type',
-            name: 'type',
-            type: 'hidden',
-          },
-          // 组件id，必须要有
-          {
-            name: 'id',
-            type: 'display',
-            text: 'id',
-          },
-          {
-            name: 'name',
-            text: '组件名称',
-          },
-          ...config,
-        ],
+        items: [...propsConfig, ...config],
       },
       { ...styleTabConfig },
       { ...eventTabConfig },
-      { ...advancedTabConfig },
-      { ...displayTabConfig },
     ],
-  },
-];
+  };
+
+  if (!disabledCodeBlock) {
+    tabConfig.items.push({ ...advancedTabConfig });
+  } else if (noCodeAdvancedTabItems.length > 0) {
+    tabConfig.items.push({ ...advancedTabConfig });
+  }
+
+  if (!disabledDataSource) {
+    tabConfig.items.push({ ...displayTabConfig });
+  }
+
+  return [tabConfig];
+};
diff --git a/packages/editor/src/utils/tree.ts b/packages/editor/src/utils/tree.ts
index 6cf234c6..8e1be63e 100644
--- a/packages/editor/src/utils/tree.ts
+++ b/packages/editor/src/utils/tree.ts
@@ -1,4 +1,4 @@
-import type { Id } from '@tmagic/schema';
+import type { Id } from '@tmagic/core';
 import { getKeys } from '@tmagic/utils';
 
 import type { LayerNodeStatus } from '@editor/type';
diff --git a/packages/editor/src/utils/undo-redo.ts b/packages/editor/src/utils/undo-redo.ts
index 76713f1f..1542c284 100644
--- a/packages/editor/src/utils/undo-redo.ts
+++ b/packages/editor/src/utils/undo-redo.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
diff --git a/packages/editor/tests/unit/layouts/workspace/Stage.spec.ts b/packages/editor/tests/unit/layouts/workspace/Stage.spec.ts
index 1ccea68e..ae4b19a7 100644
--- a/packages/editor/tests/unit/layouts/workspace/Stage.spec.ts
+++ b/packages/editor/tests/unit/layouts/workspace/Stage.spec.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -18,17 +18,22 @@
 import { describe, expect, test, vi } from 'vitest';
 import { mount } from '@vue/test-utils';
 
-import { NodeType } from '@tmagic/schema';
+import { NodeType } from '@tmagic/core';
 
 import Stage from '@editor/layouts/workspace/viewer/Stage.vue';
+import editorService from '@editor/services/editor';
+import keybindingService from '@editor/services/keybinding';
+import stageOverlayService from '@editor/services/stageOverlay';
+import storageService from '@editor/services/storage';
+import uiService from '@editor/services/ui';
 
 globalThis.ResizeObserver =
   globalThis.ResizeObserver ||
-  vi.fn().mockImplementation(() => ({
-    disconnect: vi.fn(),
-    observe: vi.fn(),
-    unobserve: vi.fn(),
-  }));
+  class ResizeObserver {
+    disconnect = vi.fn();
+    observe = vi.fn();
+    unobserve = vi.fn();
+  };
 
 describe('Stage.vue', () => {
   (global as any).fetch = vi.fn(() =>
@@ -53,6 +58,18 @@ describe('Stage.vue', () => {
   };
 
   const wrapper = mount(Stage as any, {
+    global: {
+      provide: {
+        services: {
+          editorService,
+          uiService,
+          stageOverlayService,
+          storageService,
+          keybindingService,
+        },
+      },
+    },
+
     props: {
       runtimeUrl: '',
       root: {
@@ -64,6 +81,7 @@ describe('Stage.vue', () => {
       page,
       node: page,
       uiSelectMode: false,
+      customContentMenu: (menu: any) => menu,
     },
   });
 
diff --git a/packages/editor/tests/unit/services/editor.spec.ts b/packages/editor/tests/unit/services/editor.spec.ts
index b84838e1..8fc3f00a 100644
--- a/packages/editor/tests/unit/services/editor.spec.ts
+++ b/packages/editor/tests/unit/services/editor.spec.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -19,17 +19,20 @@
 import { beforeAll, describe, expect, test } from 'vitest';
 import { cloneDeep } from 'lodash-es';
 
-import type { MApp } from '@tmagic/schema';
-import { NodeType } from '@tmagic/schema';
+import type { MApp } from '@tmagic/core';
+import { NodeType } from '@tmagic/core';
 
 import editorService from '@editor/services/editor';
 import historyService from '@editor/services/history';
 import storageService from '@editor/services/storage';
-import { COPY_STORAGE_KEY, setConfig } from '@editor/utils';
+import { COPY_STORAGE_KEY, setEditorConfig } from '@editor/utils';
 
-setConfig({
+setEditorConfig({
   // eslint-disable-next-line no-eval
   parseDSL: (dsl: string) => eval(dsl),
+  customCreateMonacoEditor: (monaco, codeEditorEl, options) => monaco.editor.create(codeEditorEl, options),
+  customCreateMonacoDiffEditor: (monaco, codeEditorEl, options) =>
+    monaco.editor.createDiffEditor(codeEditorEl, options),
 });
 
 // mock window.localStage
diff --git a/packages/editor/tests/unit/services/events.spec.ts b/packages/editor/tests/unit/services/events.spec.ts
index b73881bd..0ce6e546 100644
--- a/packages/editor/tests/unit/services/events.spec.ts
+++ b/packages/editor/tests/unit/services/events.spec.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -18,50 +18,18 @@
 
 import { describe, expect, test } from 'vitest';
 
-import { DEFAULT_EVENTS, DEFAULT_METHODS } from '@tmagic/core';
-
 import events from '@editor/services/events';
 
 describe('events', () => {
-  test('init', () => {
-    events.init([
-      {
-        title: '容器',
-        items: [
-          {
-            icon: 'el-icon-folder-opened',
-            text: '组',
-            type: 'container',
-            data: {
-              id: 0,
-              reportType: 'module',
-            },
-          },
-          {
-            icon: 'el-icon-files',
-            text: '标签页(tab)',
-            type: 'tabs',
-            data: {
-              id: 0,
-              reportType: 'module',
-            },
-          },
-        ],
-      },
-    ]);
-    expect(events.getEvent('container')).toHaveLength(DEFAULT_EVENTS.length);
-    expect(events.getMethod('container')).toHaveLength(DEFAULT_METHODS.length);
-  });
-
   test('setEvent', () => {
     const event = [{ label: '点击', value: 'magic:common:events:click' }];
     events.setEvent('button', event);
-    expect(events.getEvent('button')).toHaveLength(DEFAULT_EVENTS.length + 1);
+    expect(events.getEvent('button')).toHaveLength(1);
   });
 
   test('setMethod', () => {
     const method = [{ label: '点击', value: 'magic:common:events:click' }];
     events.setMethod('button', method);
-    expect(events.getMethod('button')).toHaveLength(DEFAULT_METHODS.length + 1);
+    expect(events.getMethod('button')).toHaveLength(1);
   });
 });
diff --git a/packages/editor/tests/unit/services/props.spec.ts b/packages/editor/tests/unit/services/props.spec.ts
index 43d9da32..e2b8173e 100644
--- a/packages/editor/tests/unit/services/props.spec.ts
+++ b/packages/editor/tests/unit/services/props.spec.ts
@@ -1,6 +1,6 @@
 import { describe, expect, test } from 'vitest';
 
-import { NodeType } from '@tmagic/schema';
+import { NodeType } from '@tmagic/core';
 
 import props from '@editor/services/props';
 
diff --git a/packages/editor/tests/unit/services/ui.spec.ts b/packages/editor/tests/unit/services/ui.spec.ts
index 4735d138..869a2aaf 100644
--- a/packages/editor/tests/unit/services/ui.spec.ts
+++ b/packages/editor/tests/unit/services/ui.spec.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
diff --git a/packages/editor/tests/unit/utils/data-source.spec.ts b/packages/editor/tests/unit/utils/data-source.spec.ts
new file mode 100644
index 00000000..875cc240
--- /dev/null
+++ b/packages/editor/tests/unit/utils/data-source.spec.ts
@@ -0,0 +1,293 @@
+/*
+ * Tencent is pleased to support the open source community by making TMagicEditor available.
+ *
+ * Copyright (C) 2025 Tencent.  All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { describe, expect, test } from 'vitest';
+
+import type { DataSchema, DataSourceSchema } from '@tmagic/core';
+
+import { getCascaderOptionsFromFields, getFieldType } from '@editor/utils/data-source';
+
+describe('getFieldType', () => {
+  test('返回空字符串当ds为undefined', () => {
+    const type = getFieldType(undefined, ['field1']);
+    expect(type).toBe('');
+  });
+
+  test('返回空字符串当ds.fields为空', () => {
+    const ds: DataSourceSchema = { id: 'ds1', type: 'base', fields: [], methods: [], events: [] };
+    const type = getFieldType(ds, ['field1']);
+    expect(type).toBe('');
+  });
+
+  test('返回空字符串当fieldNames为空数组', () => {
+    const ds: DataSourceSchema = {
+      id: 'ds1',
+      type: 'base',
+      fields: [{ name: 'field1', type: 'string' }],
+      methods: [],
+      events: [],
+    };
+    const type = getFieldType(ds, []);
+    expect(type).toBe('');
+  });
+
+  test('返回一级字段类型', () => {
+    const ds: DataSourceSchema = {
+      id: 'ds1',
+      type: 'base',
+      fields: [
+        { name: 'field1', type: 'string' },
+        { name: 'field2', type: 'number' },
+        { name: 'field3', type: 'boolean' },
+      ],
+      methods: [],
+      events: [],
+    };
+
+    expect(getFieldType(ds, ['field1'])).toBe('string');
+    expect(getFieldType(ds, ['field2'])).toBe('number');
+    expect(getFieldType(ds, ['field3'])).toBe('boolean');
+  });
+
+  test('返回嵌套字段类型', () => {
+    const ds: DataSourceSchema = {
+      id: 'ds1',
+      type: 'base',
+      fields: [
+        {
+          name: 'obj',
+          type: 'object',
+          fields: [
+            { name: 'nested1', type: 'string' },
+            { name: 'nested2', type: 'number' },
+          ],
+        },
+      ],
+      methods: [],
+      events: [],
+    };
+
+    expect(getFieldType(ds, ['obj', 'nested1'])).toBe('string');
+    expect(getFieldType(ds, ['obj', 'nested2'])).toBe('number');
+  });
+
+  test('返回深层嵌套字段类型', () => {
+    const ds: DataSourceSchema = {
+      id: 'ds1',
+      type: 'base',
+      fields: [
+        {
+          name: 'level1',
+          type: 'object',
+          fields: [
+            {
+              name: 'level2',
+              type: 'object',
+              fields: [{ name: 'level3', type: 'boolean' }],
+            },
+          ],
+        },
+      ],
+      methods: [],
+      events: [],
+    };
+
+    expect(getFieldType(ds, ['level1', 'level2', 'level3'])).toBe('boolean');
+  });
+
+  test('返回空字符串当字段不存在', () => {
+    const ds: DataSourceSchema = {
+      id: 'ds1',
+      type: 'base',
+      fields: [{ name: 'field1', type: 'string' }],
+      methods: [],
+      events: [],
+    };
+
+    expect(getFieldType(ds, ['nonexistent'])).toBe('');
+  });
+
+  test('返回空字符串当嵌套字段不存在', () => {
+    const ds: DataSourceSchema = {
+      id: 'ds1',
+      type: 'base',
+      fields: [
+        {
+          name: 'obj',
+          type: 'object',
+          fields: [{ name: 'nested1', type: 'string' }],
+        },
+      ],
+      methods: [],
+      events: [],
+    };
+
+    expect(getFieldType(ds, ['obj', 'nonexistent'])).toBe('');
+  });
+
+  test('返回空字符串当字段type未定义', () => {
+    const ds: DataSourceSchema = {
+      id: 'ds1',
+      type: 'base',
+      fields: [{ name: 'field1' }],
+      methods: [],
+      events: [],
+    };
+
+    expect(getFieldType(ds, ['field1'])).toBe('');
+  });
+});
+
+describe('getCascaderOptionsFromFields', () => {
+  test('返回空数组当fields为空', () => {
+    const result = getCascaderOptionsFromFields([]);
+    expect(result).toEqual([]);
+  });
+
+  test('返回空数组当fields为undefined', () => {
+    const result = getCascaderOptionsFromFields(undefined);
+    expect(result).toEqual([]);
+  });
+
+  test('返回基本字段选项（默认any类型过滤）', () => {
+    const fields: DataSchema[] = [
+      { name: 'field1', type: 'string' },
+      { name: 'field2', type: 'number' },
+    ];
+    const result = getCascaderOptionsFromFields(fields);
+
+    expect(result).toHaveLength(2);
+    expect(result[0]).toEqual({
+      label: 'field1(string)',
+      value: 'field1',
+      children: [],
+    });
+    expect(result[1]).toEqual({
+      label: 'field2(number)',
+      value: 'field2',
+      children: [],
+    });
+  });
+
+  test('使用title作为label（如果存在）', () => {
+    const fields: DataSchema[] = [{ name: 'field1', title: '字段1', type: 'string' }];
+    const result = getCascaderOptionsFromFields(fields);
+
+    expect(result[0].label).toBe('字段1(string)');
+  });
+
+  test('按类型过滤字段', () => {
+    const fields: DataSchema[] = [
+      { name: 'field1', type: 'string' },
+      { name: 'field2', type: 'number' },
+      { name: 'field3', type: 'boolean' },
+    ];
+    const result = getCascaderOptionsFromFields(fields, ['string', 'number']);
+
+    expect(result).toHaveLength(2);
+    expect(result.map((r) => r.value)).toEqual(['field1', 'field2']);
+  });
+
+  test('递归处理嵌套object字段', () => {
+    const fields: DataSchema[] = [
+      {
+        name: 'obj',
+        type: 'object',
+        fields: [
+          { name: 'nested1', type: 'string' },
+          { name: 'nested2', type: 'number' },
+        ],
+      },
+    ];
+    const result = getCascaderOptionsFromFields(fields);
+
+    expect(result).toHaveLength(1);
+    expect(result[0].children).toHaveLength(2);
+    expect(result[0].children![0]).toEqual({
+      label: 'nested1(string)',
+      value: 'nested1',
+      children: [],
+    });
+  });
+
+  test('递归处理嵌套array字段', () => {
+    const fields: DataSchema[] = [
+      {
+        name: 'arr',
+        type: 'array',
+        fields: [{ name: 'item', type: 'string' }],
+      },
+    ];
+    const result = getCascaderOptionsFromFields(fields);
+
+    expect(result).toHaveLength(1);
+    expect(result[0].children).toHaveLength(1);
+  });
+
+  test('过滤掉不匹配类型且无子项的object/array字段', () => {
+    const fields: DataSchema[] = [
+      { name: 'obj', type: 'object', fields: [] },
+      { name: 'str', type: 'string' },
+    ];
+    const result = getCascaderOptionsFromFields(fields, ['string']);
+
+    expect(result).toHaveLength(1);
+    expect(result[0].value).toBe('str');
+  });
+
+  test('保留有匹配子项的object字段', () => {
+    const fields: DataSchema[] = [
+      {
+        name: 'obj',
+        type: 'object',
+        fields: [{ name: 'nested', type: 'string' }],
+      },
+    ];
+    const result = getCascaderOptionsFromFields(fields, ['string']);
+
+    expect(result).toHaveLength(1);
+    expect(result[0].value).toBe('obj');
+    expect(result[0].children).toHaveLength(1);
+  });
+
+  test('深层嵌套字段', () => {
+    const fields: DataSchema[] = [
+      {
+        name: 'level1',
+        type: 'object',
+        fields: [
+          {
+            name: 'level2',
+            type: 'object',
+            fields: [{ name: 'level3', type: 'string' }],
+          },
+        ],
+      },
+    ];
+    const result = getCascaderOptionsFromFields(fields);
+
+    expect(result[0].children![0].children![0].value).toBe('level3');
+  });
+
+  test('字段type未定义时视为any', () => {
+    const fields: DataSchema[] = [{ name: 'field1' }];
+    const result = getCascaderOptionsFromFields(fields);
+
+    expect(result).toHaveLength(1);
+    expect(result[0].label).toBe('field1(undefined)');
+  });
+});
diff --git a/packages/editor/tests/unit/utils/editor.spec.ts b/packages/editor/tests/unit/utils/editor.spec.ts
index 1e050574..ee1a31db 100644
--- a/packages/editor/tests/unit/utils/editor.spec.ts
+++ b/packages/editor/tests/unit/utils/editor.spec.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -17,7 +17,7 @@
  */
 import { describe, expect, test } from 'vitest';
 
-import { NodeType } from '@tmagic/schema';
+import { NodeType } from '@tmagic/core';
 
 import * as editor from '@editor/utils/editor';
 
@@ -60,40 +60,6 @@ describe('util form', () => {
   });
 });
 
-describe('isFixed', () => {
-  test('true', () => {
-    expect(
-      editor.isFixed({
-        type: 'text',
-        id: 1,
-        style: {
-          position: 'fixed',
-        },
-      }),
-    ).toBeTruthy();
-  });
-
-  test('false', () => {
-    expect(
-      editor.isFixed({
-        type: 'text',
-        id: 1,
-        style: {
-          position: 'absolute',
-        },
-      }),
-    ).toBeFalsy();
-
-    expect(
-      editor.isFixed({
-        type: 'text',
-        id: 1,
-        style: {},
-      }),
-    ).toBeFalsy();
-  });
-});
-
 describe('getNodeIndex', () => {
   test('能获取到', () => {
     const index = editor.getNodeIndex(1, {
@@ -188,3 +154,154 @@ describe('moveItemsInContainer', () => {
     expect(container.items[2].id).toBe(3);
   });
 });
+
+describe('buildChangeRecords', () => {
+  test('基础类型值', () => {
+    const value = {
+      name: 'test',
+      age: 25,
+      active: true,
+    };
+    const result = editor.buildChangeRecords(value, '');
+
+    expect(result).toEqual([
+      { propPath: 'name', value: 'test' },
+      { propPath: 'age', value: 25 },
+      { propPath: 'active', value: true },
+    ]);
+  });
+
+  test('嵌套对象', () => {
+    const value = {
+      user: {
+        name: 'John',
+        profile: {
+          age: 30,
+          city: 'Beijing',
+        },
+      },
+      settings: {
+        theme: 'dark',
+      },
+    };
+    const result = editor.buildChangeRecords(value, '');
+
+    expect(result).toEqual([
+      { propPath: 'user.name', value: 'John' },
+      { propPath: 'user.profile.age', value: 30 },
+      { propPath: 'user.profile.city', value: 'Beijing' },
+      { propPath: 'settings.theme', value: 'dark' },
+    ]);
+  });
+
+  test('带有basePath', () => {
+    const value = {
+      style: {
+        width: 100,
+        height: 200,
+      },
+    };
+    const result = editor.buildChangeRecords(value, 'node');
+
+    expect(result).toEqual([
+      { propPath: 'node.style.width', value: 100 },
+      { propPath: 'node.style.height', value: 200 },
+    ]);
+  });
+
+  test('包含数组', () => {
+    const value = {
+      items: [1, 2, 3],
+      config: {
+        list: ['a', 'b'],
+      },
+    };
+    const result = editor.buildChangeRecords(value, '');
+
+    expect(result).toEqual([
+      { propPath: 'items', value: [1, 2, 3] },
+      { propPath: 'config.list', value: ['a', 'b'] },
+    ]);
+  });
+
+  test('包含null值', () => {
+    const value = {
+      data: null,
+      info: {
+        value: null,
+        name: 'test',
+      },
+    };
+    const result = editor.buildChangeRecords(value, '');
+
+    expect(result).toEqual([
+      { propPath: 'data', value: null },
+      { propPath: 'info.value', value: null },
+      { propPath: 'info.name', value: 'test' },
+    ]);
+  });
+
+  test('跳过undefined值', () => {
+    const value = {
+      name: 'test',
+      age: undefined,
+      info: {
+        city: 'Beijing',
+        country: undefined,
+      },
+    };
+    const result = editor.buildChangeRecords(value, '');
+
+    expect(result).toEqual([
+      { propPath: 'name', value: 'test' },
+      { propPath: 'info.city', value: 'Beijing' },
+    ]);
+  });
+
+  test('空对象', () => {
+    const value = {};
+    const result = editor.buildChangeRecords(value, '');
+
+    expect(result).toEqual([]);
+  });
+
+  test('深层嵌套', () => {
+    const value = {
+      level1: {
+        level2: {
+          level3: {
+            level4: {
+              value: 'deep',
+            },
+          },
+        },
+      },
+    };
+    const result = editor.buildChangeRecords(value, 'root');
+
+    expect(result).toEqual([{ propPath: 'root.level1.level2.level3.level4.value', value: 'deep' }]);
+  });
+
+  test('混合类型', () => {
+    const value = {
+      string: 'text',
+      number: 42,
+      boolean: false,
+      array: [1, 2],
+      object: {
+        nested: 'value',
+      },
+      nullValue: null,
+    };
+    const result = editor.buildChangeRecords(value, 'mixed');
+
+    expect(result).toEqual([
+      { propPath: 'mixed.string', value: 'text' },
+      { propPath: 'mixed.number', value: 42 },
+      { propPath: 'mixed.boolean', value: false },
+      { propPath: 'mixed.array', value: [1, 2] },
+      { propPath: 'mixed.object.nested', value: 'value' },
+      { propPath: 'mixed.nullValue', value: null },
+    ]);
+  });
+});
diff --git a/packages/editor/tests/unit/utils/form.spec.ts b/packages/editor/tests/unit/utils/form.spec.ts
index 80d15c08..e2903a89 100644
--- a/packages/editor/tests/unit/utils/form.spec.ts
+++ b/packages/editor/tests/unit/utils/form.spec.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
diff --git a/packages/editor/tests/unit/utils/undo-redo.spec.ts b/packages/editor/tests/unit/utils/undo-redo.spec.ts
index ffbdf192..a04e73d2 100644
--- a/packages/editor/tests/unit/utils/undo-redo.spec.ts
+++ b/packages/editor/tests/unit/utils/undo-redo.spec.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
diff --git a/packages/editor/tsconfig.build.json b/packages/editor/tsconfig.build.json
deleted file mode 100644
index 56574cba..00000000
--- a/packages/editor/tsconfig.build.json
+++ /dev/null
@@ -1,16 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "baseUrl": ".",
-    "declaration": true,
-    "declarationDir": "types",
-    "forceConsistentCasingInFileNames": true,
-    "outDir": "./types",
-    "paths": {
-      "@editor/*": ["src/*"],
-    },
-  },
-  "include": [
-		"src"
-	],
-}
diff --git a/packages/editor/tsconfig.json b/packages/editor/tsconfig.json
deleted file mode 100644
index 6c40cf1e..00000000
--- a/packages/editor/tsconfig.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "baseUrl": "../..",
-  },
-}
diff --git a/packages/editor/vite.config.ts b/packages/editor/vite.config.ts
deleted file mode 100644
index 356da394..00000000
--- a/packages/editor/vite.config.ts
+++ /dev/null
@@ -1,81 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import path from 'path';
-
-import { defineConfig } from 'vite';
-import vue from '@vitejs/plugin-vue';
-
-import pkg from './package.json';
-
-export default defineConfig({
-  plugins: [vue()],
-
-  resolve: {
-    alias:
-      process.env.NODE_ENV === 'production'
-        ? [{ find: /^@editor/, replacement: path.join(__dirname, './src') }]
-        : [
-            { find: /^@editor/, replacement: path.join(__dirname, './src') },
-            { find: /^@tmagic\/schema/, replacement: path.join(__dirname, '../schema/src/index.ts') },
-            { find: /^@tmagic\/utils/, replacement: path.join(__dirname, '../utils/src/index.ts') },
-            { find: /^@tmagic\/core/, replacement: path.join(__dirname, '../core/src/index.ts') },
-            { find: /^@tmagic\/form/, replacement: path.join(__dirname, '../form/src/index.ts') },
-            { find: /^@tmagic\/stage/, replacement: path.join(__dirname, '../stage/src/index.ts') },
-          ],
-  },
-
-  optimizeDeps: {
-    esbuildOptions: {
-      define: {
-        global: 'globalThis',
-      },
-    },
-  },
-
-  build: {
-    cssCodeSplit: false,
-    sourcemap: false,
-    minify: false,
-    target: 'esnext',
-
-    lib: {
-      entry: 'src/index.ts',
-      name: 'TMagicEditor',
-      fileName: 'tmagic-editor',
-    },
-
-    rollupOptions: {
-      // 确保外部化处理那些你不想打包进库的依赖
-      external(id: string) {
-        return Object.keys({
-          ...pkg.dependencies,
-          ...pkg.peerDependencies,
-        }).some((k) => new RegExp(`^${k}`).test(id));
-      },
-
-      output: {
-        // 在 UMD 构建模式下为这些外部化的依赖提供一个全局变量
-        globals: {
-          vue: 'Vue',
-          'element-plus': 'ElementPlus',
-        },
-      },
-    },
-  },
-});
diff --git a/packages/element-plus-adapter/package.json b/packages/element-plus-adapter/package.json
index b0cee844..a6e2abc8 100644
--- a/packages/element-plus-adapter/package.json
+++ b/packages/element-plus-adapter/package.json
@@ -1,36 +1,30 @@
 {
-  "version": "1.4.7",
+  "version": "1.7.8",
   "name": "@tmagic/element-plus-adapter",
   "type": "module",
-  "sideEffects": [
-    "dist/*"
-  ],
+  "sideEffects": false,
   "main": "dist/tmagic-element-plus-adapter.umd.cjs",
-  "module": "dist/tmagic-element-plus-adapter.js",
+  "module": "dist/es/index.js",
   "types": "types/index.d.ts",
   "exports": {
     ".": {
       "types": "./types/index.d.ts",
-      "import": "./dist/tmagic-element-plus-adapter.js",
+      "import": "./dist/es/index.js",
       "require": "./dist/tmagic-element-plus-adapter.umd.cjs"
     },
     "./*": "./*"
   },
   "files": [
     "dist",
-    "types"
+    "types",
+    "src"
   ],
   "license": "Apache-2.0",
-  "scripts": {
-    "build": "npm run build:type && vite build",
-    "build:type": "npm run clear:type && tsc --declaration --emitDeclarationOnly --project tsconfig.build.json",
-    "clear:type": "rimraf ./types",
-    "check:type": "tsc --noEmit --project tsconfig.build.json"
-  },
   "engines": {
     "node": ">=18"
   },
   "repository": {
+    "directory": "packages/element-plus-adapter",
     "type": "git",
     "url": "https://github.com/Tencent/tmagic-editor.git"
   },
@@ -41,15 +35,11 @@
     "vue3",
     "typescript"
   ],
-  "devDependencies": {
-    "@types/node": "^18.19.0",
-    "rimraf": "^3.0.2",
-    "vite": "^5.2.12"
-  },
   "peerDependencies": {
     "@tmagic/design": "workspace:*",
-    "element-plus": "^2.7.4",
-    "typescript": "*"
+    "element-plus": ">=2.9.0",
+    "vue": "catalog:",
+    "typescript": "catalog:"
   },
   "peerDependenciesMeta": {
     "typescript": {
diff --git a/packages/element-plus-adapter/src/Table.vue b/packages/element-plus-adapter/src/Table.vue
new file mode 100644
index 00000000..d6657ac4
--- /dev/null
+++ b/packages/element-plus-adapter/src/Table.vue
@@ -0,0 +1,95 @@
+<template>
+  <ElTable
+    ref="table"
+    :data="data"
+    :border="border"
+    :max-height="maxHeight"
+    :default-expand-all="defaultExpandAll"
+    :show-header="showHeader"
+    :row-key="rowKey"
+    :tree-props="treeProps"
+    :empty-text="emptyText"
+    :show-overflow-tooltip="showOverflowTooltip"
+    :tooltip-effect="tooltipEffect"
+    :tooltip-options="tooltipOptions"
+    :span-method="spanMethod"
+    @sort-change="sortChange"
+    @select="selectHandler"
+    @select-all="selectAllHandler"
+    @selection-change="selectionChangeHandler"
+    @cell-click="cellClickHandler"
+    @expand-change="expandChange"
+  >
+    <template v-for="(item, columnIndex) in columns" :key="columnIndex">
+      <ElTableColumn v-bind="item.props || {}">
+        <template #header="scope" v-if="item.title">
+          <component :is="item.title(scope)"></component>
+        </template>
+        <template #default="scope" v-if="item.cell">
+          <component :is="item.cell(scope)"></component>
+        </template>
+      </ElTableColumn>
+    </template>
+  </ElTable>
+</template>
+
+<script setup lang="ts">
+import { useTemplateRef } from 'vue';
+import { ElTable, ElTableColumn } from 'element-plus';
+
+import type { TableProps } from '@tmagic/design';
+
+defineOptions({
+  name: 'TElAdapterTable',
+});
+
+const emit = defineEmits(['sort-change', 'select', 'select-all', 'selection-change', 'expand-change', 'cell-click']);
+
+defineProps<TableProps>();
+
+const tableRef = useTemplateRef('table');
+
+const sortChange = (data: any) => {
+  emit('sort-change', data);
+};
+
+const selectHandler = (...args: any[]) => {
+  emit('select', ...args);
+};
+
+const selectAllHandler = (...args: any[]) => {
+  emit('select-all', ...args);
+};
+
+const selectionChangeHandler = (...args: any[]) => {
+  emit('selection-change', ...args);
+};
+
+const cellClickHandler = (...args: any[]) => {
+  emit('cell-click', ...args);
+};
+
+const expandChange = (...args: any[]) => {
+  emit('expand-change', ...args);
+};
+
+const toggleRowSelection = (row: any, selected: boolean) => {
+  tableRef.value?.toggleRowSelection(row, selected);
+};
+
+const toggleRowExpansion = (row: any, expanded: boolean) => {
+  tableRef.value?.toggleRowExpansion(row, expanded);
+};
+
+const clearSelection = () => {
+  tableRef.value?.clearSelection();
+};
+
+defineExpose({
+  getEl: () => tableRef.value?.$el,
+  getTableRef: () => tableRef.value,
+  clearSelection,
+  toggleRowSelection,
+  toggleRowExpansion,
+});
+</script>
diff --git a/packages/element-plus-adapter/src/index.ts b/packages/element-plus-adapter/src/index.ts
index 29c05606..4f326ae6 100644
--- a/packages/element-plus-adapter/src/index.ts
+++ b/packages/element-plus-adapter/src/index.ts
@@ -22,12 +22,13 @@ import {
   ElIcon,
   ElInput,
   ElInputNumber,
+  ElLoading,
   ElMessage,
   ElMessageBox,
   ElOption,
   ElOptionGroup,
   ElPagination,
-  ElPopover,
+  ElPopconfirm,
   ElRadio,
   ElRadioButton,
   ElRadioGroup,
@@ -37,14 +38,11 @@ import {
   ElStep,
   ElSteps,
   ElSwitch,
-  ElTable,
-  ElTableColumn,
   ElTabPane,
   ElTabs,
   ElTag,
   ElTimePicker,
   ElTooltip,
-  ElTree,
   ElUpload,
   useZIndex,
 } from 'element-plus';
@@ -62,6 +60,7 @@ import type {
   ColorPickerProps,
   ColProps,
   DatePickerProps,
+  DesignPluginOptions,
   DialogProps,
   DividerProps,
   DrawerProps,
@@ -75,8 +74,7 @@ import type {
   OptionGroupProps,
   OptionProps,
   PaginationProps,
-  PluginOptions,
-  PopoverProps,
+  PopconfirmProps,
   RadioButtonProps,
   RadioGroupProps,
   RadioProps,
@@ -84,18 +82,19 @@ import type {
   StepProps,
   StepsProps,
   SwitchProps,
-  TableColumnProps,
   TableProps,
   TabPaneProps,
   TabsProps,
   TagProps,
   TimePickerProps,
   TooltipProps,
-  TreeProps,
   UploadProps,
 } from '@tmagic/design';
 
-const adapter: PluginOptions = {
+import Table from './Table.vue';
+
+const adapter: DesignPluginOptions = {
+  adapterType: 'element-plus',
   useZIndex,
   message: ElMessage,
   messageBox: ElMessageBox,
@@ -112,7 +111,12 @@ const adapter: PluginOptions = {
 
     button: {
       component: ElButton as any,
-      props: (props: ButtonProps) => props,
+      props: (props: ButtonProps) => {
+        return {
+          ...props,
+          type: props.type === 'default' ? '' : props.type,
+        };
+      },
     },
 
     card: {
@@ -230,11 +234,6 @@ const adapter: PluginOptions = {
       props: (props: PaginationProps) => props,
     },
 
-    popover: {
-      component: ElPopover as any,
-      props: (props: PopoverProps) => props,
-    },
-
     radio: {
       component: ElRadio as any,
       props: (props: RadioProps) => props,
@@ -281,15 +280,10 @@ const adapter: PluginOptions = {
     },
 
     table: {
-      component: ElTable as any,
+      component: Table as any,
       props: (props: TableProps) => props,
     },
 
-    tableColumn: {
-      component: ElTableColumn as any,
-      props: (props: TableColumnProps) => props,
-    },
-
     tabPane: {
       component: ElTabPane as any,
       props: (props: TabPaneProps) => props,
@@ -315,16 +309,17 @@ const adapter: PluginOptions = {
       props: (props: TooltipProps) => props,
     },
 
-    tree: {
-      component: ElTree as any,
-      props: (props: TreeProps) => props,
-    },
-
     upload: {
       component: ElUpload as any,
       props: (props: UploadProps) => props,
     },
+
+    popconfirm: {
+      component: ElPopconfirm as any,
+      props: (props: PopconfirmProps) => props,
+    },
   },
+  loading: ElLoading.directive,
 };
 
 export default adapter;
diff --git a/packages/element-plus-adapter/tsconfig.build.json b/packages/element-plus-adapter/tsconfig.build.json
deleted file mode 100644
index c9476221..00000000
--- a/packages/element-plus-adapter/tsconfig.build.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "baseUrl": ".",
-    "declaration": true,
-    "declarationDir": "types",
-    "forceConsistentCasingInFileNames": true,
-    "paths": {},
-  },
-  "include": [
-		"src"
-	],
-}
diff --git a/packages/element-plus-adapter/tsconfig.json b/packages/element-plus-adapter/tsconfig.json
deleted file mode 100644
index 6c40cf1e..00000000
--- a/packages/element-plus-adapter/tsconfig.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "baseUrl": "../..",
-  },
-}
diff --git a/packages/element-plus-adapter/vite.config.ts b/packages/element-plus-adapter/vite.config.ts
deleted file mode 100644
index b9dc5fbe..00000000
--- a/packages/element-plus-adapter/vite.config.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import { defineConfig } from 'vite';
-
-import pkg from './package.json';
-
-export default defineConfig({
-  build: {
-    cssCodeSplit: false,
-    sourcemap: false,
-    minify: false,
-    target: 'esnext',
-
-    lib: {
-      entry: 'src/index.ts',
-      name: 'TMagicElementPlusAdapter',
-      fileName: 'tmagic-element-plus-adapter',
-    },
-
-    rollupOptions: {
-      // 确保外部化处理那些你不想打包进库的依赖
-      external(id: string) {
-        return Object.keys(pkg.peerDependencies).some((k) => new RegExp(`^${k}`).test(id));
-      },
-    },
-  },
-});
diff --git a/packages/form-schema/package.json b/packages/form-schema/package.json
new file mode 100644
index 00000000..d96e195b
--- /dev/null
+++ b/packages/form-schema/package.json
@@ -0,0 +1,42 @@
+{
+  "version": "1.7.8",
+  "name": "@tmagic/form-schema",
+  "type": "module",
+  "sideEffects": false,
+  "main": "dist/tmagic-form-schema.umd.cjs",
+  "module": "dist/es/index.js",
+  "types": "types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./types/index.d.ts",
+      "import": "./dist/es/index.js",
+      "require": "./dist/tmagic-form-schema.umd.cjs"
+    },
+    "./*": "./*"
+  },
+  "files": [
+    "dist",
+    "types",
+    "src"
+  ],
+  "engines": {
+    "node": ">=18"
+  },
+  "license": "Apache-2.0",
+  "repository": {
+    "directory": "packages/form-schema",
+    "type": "git",
+    "url": "https://github.com/Tencent/tmagic-editor.git"
+  },
+  "dependencies": {
+    "@tmagic/schema": "workspace:*"
+  },
+  "peerDependencies": {
+    "typescript": "catalog:"
+  },
+  "peerDependenciesMeta": {
+    "typescript": {
+      "optional": true
+    }
+  }
+}
diff --git a/packages/form-schema/src/base.ts b/packages/form-schema/src/base.ts
new file mode 100644
index 00000000..0447fad2
--- /dev/null
+++ b/packages/form-schema/src/base.ts
@@ -0,0 +1,869 @@
+import type { EditorChildConfig } from './editor';
+
+type ElMessageBoxShortcutMethod = ((
+  message: string,
+  title: string,
+  options?: any,
+  appContext?: any | null,
+) => Promise<any>) &
+  ((message: string, options?: any, appContext?: any | null) => Promise<any>);
+
+export interface ChangeRecord {
+  propPath?: string;
+  value: any;
+}
+
+export interface OnChangeHandlerData {
+  model: FormValue;
+  values?: Readonly<FormValue> | null;
+  parent?: FormValue;
+  formValue?: FormValue;
+  config: Readonly<any>;
+  prop: string;
+  changeRecords: ChangeRecord[];
+  setModel: (prop: string, value: any) => void;
+  setFormValue: (prop: string, value: any) => void;
+}
+
+export type FormValue = Record<string | number, any>;
+
+export type OnChangeHandler = (mForm: FormState | undefined, value: any, data: OnChangeHandlerData) => any;
+
+type DefaultValueFunction = (mForm: FormState | undefined) => any;
+
+export interface FieldProps<T = any> {
+  config: T;
+  model: any;
+  initValues?: any;
+  values?: any;
+  name: string;
+  prop: string;
+  disabled?: boolean;
+  size?: 'large' | 'default' | 'small';
+  lastValues?: Record<string, any>;
+  isCompare?: boolean;
+}
+
+/**
+ * 整个表单的数据，会注入到各个组件中去
+ */
+export type FormState = {
+  config: FormConfig;
+  popperClass?: string;
+  initValues: FormValue;
+  lastValues: FormValue;
+  isCompare: boolean;
+  values: FormValue;
+  $emit: (event: string, ...args: any[]) => void;
+  keyProp?: string;
+  parentValues?: FormValue;
+  setField: (prop: string, field: any) => void;
+  getField: (prop: string) => any;
+  deleteField: (prop: string) => any;
+  $messageBox: {
+    alert: ElMessageBoxShortcutMethod;
+    confirm: ElMessageBoxShortcutMethod;
+    prompt: ElMessageBoxShortcutMethod;
+    close(): void;
+  };
+  $message: {
+    success: (msg: string) => void;
+    warning: (msg: string) => void;
+    info: (msg: string) => void;
+    error: (msg: string) => void;
+    closeAll: () => void;
+  };
+  [key: string]: any;
+};
+
+/**
+ * 排序配置
+ */
+export interface SortProp {
+  /** 跟该值排序 */
+  prop: string;
+  order: 'ascending' | 'descending';
+}
+
+export type ToolTipConfigType = string | { text?: string; placement?: string };
+
+export interface FormItem {
+  /** vnode的key值，默认是遍历数组时的index */
+  __key?: string | number;
+  /** 表单域标签的的宽度，例如 '50px'。支持 auto。 */
+  labelWidth?: string | number;
+  /** label 标签的title属性 */
+  labelTitle?: string;
+  className?: string;
+  /** 字段名 */
+  name?: string | number;
+  /** 额外的提示信息，和 help 类似，当提示文案同时出现时，可以使用这个。 */
+  extra?: string | FilterFunction<string>;
+  /** 配置提示信息 */
+  tooltip?: ToolTipConfigType | FilterFunction<ToolTipConfigType>;
+  /** 是否置灰 */
+  disabled?: boolean | FilterFunction;
+  /** 使用表单中的值作为key，例如配置了text，则使用model.text作为key */
+  key?: string;
+  /** 是否显示 */
+  display?: boolean | 'expand' | FilterFunction<boolean | 'expand'>;
+  /** 值发生改变时调用的方法 */
+  onChange?: OnChangeHandler;
+  /** label 标签的文本 */
+  text?: string | FilterFunction<string>;
+  /** 右侧感叹号 */
+  tip?: string;
+
+  filter?: 'number' | OnChangeHandler;
+  /** 是否去除首尾空格 */
+  trim?: boolean;
+  /** 默认值 */
+  defaultValue?: any | DefaultValueFunction;
+  /** 表单验证规则 */
+  rules?: Rule[];
+  extensible?: boolean;
+  dynamicKey?: string;
+  /** 是否需要显示`展开更多配置` */
+  expand?: boolean;
+  style?: Record<string, any>;
+  fieldStyle?: Record<string, any>;
+  labelPosition?: 'top' | 'left' | 'right';
+}
+
+export interface DynamicTypeConfig extends FormItem {
+  type: TypeFunction;
+  [key: string]: any;
+}
+
+export interface ContainerCommonConfig<T = never> extends FormItem {
+  items: FormConfig<T>;
+  onInitValue?: (
+    mForm: FormState | undefined,
+    data: {
+      formValue: FormValue;
+      initValue: FormValue;
+    },
+  ) => FormValue;
+  extensible?: boolean;
+}
+
+export interface Rule {
+  message?: string;
+  /** 系统提供的验证器类型。有：string,number,boolean,method,regexp,integer,float,array,object,enum,date,url,hex,email,any */
+  type?: string;
+  /** 是否必填 */
+  required?: boolean;
+  trigger?: string;
+  /** 自定义验证器 */
+  validator?: (
+    options: {
+      rule: string;
+      value: any;
+      callback: Function;
+      source: Object;
+      options: {
+        messages: string;
+      };
+    },
+    data: {
+      /** 表单的初始值 */
+      values: FormValue;
+      /** 当前作用域下的值 */
+      model: FormValue;
+      parent: FormValue;
+      /** 整个表单的值 */
+      formValue: FormValue;
+      prop: string;
+      config: any;
+    },
+    mForm: FormState | undefined,
+  ) => void;
+}
+
+export interface Input {
+  /** 输入框没有内容时显示的文案 */
+  placeholder?: string;
+}
+
+export type TypeFunction<T extends string = string> = (
+  mForm: FormState | undefined,
+  data: {
+    model: FormValue;
+  },
+) => T;
+
+export type FilterFunction<T = boolean> = (
+  mForm: FormState | undefined,
+  data: {
+    model: FormValue;
+    values: FormValue;
+    parent?: FormValue;
+    formValue: FormValue;
+    prop: string;
+    config: any;
+    index?: number;
+    getFormValue: (prop: string) => any;
+  },
+) => T;
+
+/**
+ * 下拉选择器选项配置
+ */
+export interface SelectConfigOption {
+  /** 选项的标签 */
+  label?: string | SelectOptionTextFunction;
+  text: string | SelectOptionTextFunction;
+  /** 选项的值 */
+  value: any | SelectOptionValueFunction;
+  /** 是否禁用该选项 */
+  disabled?: boolean;
+}
+
+export interface SelectOption {
+  /** 选项的标签 */
+  text: string;
+  /** 选项的值 */
+  value: any;
+  /** 是否禁用该选项 */
+  disabled?: boolean;
+}
+
+/**
+ * 下拉选择器分组选项配置
+ */
+export interface SelectConfigGroupOption {
+  /** 分组的组名 */
+  label: string;
+  /** 是否禁用该选项组 */
+  disabled: boolean;
+  options: {
+    /** 选项的标签 */
+    label: string | SelectOptionTextFunction;
+    /** 选项的值 */
+    value: any | SelectOptionValueFunction;
+    /** 是否禁用该选项 */
+    disabled?: boolean;
+  }[];
+}
+
+export interface SelectGroupOption {
+  /** 分组的组名 */
+  label: string;
+  /** 是否禁用该选项组 */
+  disabled: boolean;
+  options: {
+    /** 选项的标签 */
+    label?: string;
+    text?: string;
+    /** 选项的值 */
+    value: any;
+    /** 是否禁用该选项 */
+    disabled?: boolean;
+  }[];
+}
+
+type SelectOptionFunction = (
+  mForm: FormState | undefined,
+  data: {
+    model: any;
+    prop?: string;
+    formValues: any;
+    formValue: any;
+    config: any;
+  },
+) => SelectOption[] | SelectGroupOption[];
+
+type RemoteSelectOptionBodyFunction = (
+  mForm: FormState | undefined,
+  data: {
+    model: any;
+    formValue: any;
+    formValues: any;
+    config: any;
+  },
+) => Record<string, any>;
+
+type RemoteSelectOptionAfterRequestFunction = (
+  mForm: FormState | undefined,
+  res: any,
+  data: {
+    model: any;
+    formValue: any;
+    formValues: any;
+    config: any;
+    prop: string;
+    postOptions: Record<string, any>;
+  },
+) => any | Promise<any>;
+
+type RemoteSelectOptionBeforeRequestFunction = (
+  mForm: FormState | undefined,
+  postOptions: Record<string, any>,
+  data: {
+    model: any;
+    formValue: any;
+    formValues: any;
+    config: any;
+    prop: string;
+  },
+) => Record<string, any> | Promise<Record<string, any>>;
+
+type RemoteSelectOptionItemFunction = (optionsData: Record<string, any>) => SelectOption[] | SelectGroupOption[];
+type SelectOptionValueFunction = (item: Record<string, any>) => any;
+type SelectOptionTextFunction = (item: Record<string, any>) => string;
+
+export interface CascaderOption {
+  /** 指定选项的值为选项对象的某个属性值 */
+  value: any;
+  /** 指定选项标签为选项对象的某个属性值 */
+  label: string;
+  /** 指定选项的子选项为选项对象的某个属性值 */
+  children?: CascaderOption[];
+}
+
+/**
+ * 日期范围
+ */
+export interface DaterangeConfig extends FormItem {
+  type: 'daterange';
+  defaultTime?: Date[];
+  names?: string[];
+  valueFormat?: string;
+  dateFormat?: string;
+  timeFormat?: string;
+}
+
+/**
+ * html编辑器
+ */
+export interface HtmlField extends FormItem {
+  type: 'html';
+  /** 是否异步加载编辑的内容 */
+  asyncLoad?: {
+    name: string | number;
+  };
+}
+
+/** 展示文本，不可编辑 */
+export interface DisplayConfig extends FormItem {
+  type: 'display';
+  initValue?: string | number | boolean;
+  displayText?: FilterFunction<string> | string;
+}
+
+/** 文本输入框 */
+export interface TextConfig extends FormItem, Input {
+  type?: 'text';
+  tooltip?: string;
+  /** 是否可清空 */
+  clearable?: boolean;
+  prepend?: string;
+  /** 后置元素，一般为标签或按钮 */
+  append?:
+    | string
+    | {
+        text: string;
+        value?: 0 | 1;
+        type: 'button';
+        handler?: (
+          mForm: FormState | undefined,
+          data: {
+            model: any;
+            values?: Readonly<FormValue> | null;
+            formValue?: FormValue;
+            setModel: (prop: string, value: any) => void;
+            setFormValue: (prop: string, value: any) => void;
+          },
+        ) => void;
+      };
+}
+
+/**
+ * 文本域
+ */
+export interface TextareaConfig extends FormItem {
+  type: 'textarea';
+  placeholder?: string;
+  rows?: number;
+}
+
+/**
+ * 计数器
+ */
+export interface NumberConfig extends FormItem {
+  type?: 'number';
+  tooltip?: string;
+  min?: number;
+  max?: number;
+  step?: number;
+  placeholder?: string;
+}
+
+/**
+ * 数值范围
+ */
+export interface NumberRangeConfig extends FormItem {
+  type?: 'number-range';
+  clearable?: boolean;
+}
+
+/**
+ * 隐藏域
+ */
+export interface HiddenConfig extends FormItem {
+  type: 'hidden';
+}
+
+/**
+ * 日期选择器
+ */
+export interface DateConfig extends FormItem, Input {
+  type: 'date';
+  format?: 'YYYY-MM-dd HH:mm:ss' | string;
+  valueFormat?: 'YYYY-MM-dd HH:mm:ss' | string;
+}
+
+/**
+ * 日期时间选择器
+ */
+export interface DateTimeConfig extends FormItem, Input {
+  type: 'datetime';
+  defaultTime?: Date[];
+  format?: 'YYYY-MM-dd HH:mm:ss' | string;
+  valueFormat?: 'YYYY-MM-dd HH:mm:ss' | string;
+}
+
+/**
+ * 时间选择器
+ */
+export interface TimeConfig extends FormItem, Input {
+  type: 'time';
+  format?: 'HH:mm:ss' | string;
+  valueFormat?: 'HH:mm:ss' | string;
+}
+
+/**
+ * 时间范围选择器
+ */
+export interface TimerangeConfig extends FormItem {
+  type: 'timerange';
+  names?: string[];
+  defaultTime?: Date[];
+  format?: 'HH:mm:ss' | string;
+  valueFormat?: 'HH:mm:ss' | string;
+}
+
+/**
+ * 单个多选框
+ */
+export interface CheckboxConfig extends FormItem {
+  type: 'checkbox';
+  activeValue?: number | string;
+  inactiveValue?: number | string;
+  useLabel?: boolean;
+}
+
+/**
+ * 开关
+ */
+export interface SwitchConfig extends FormItem {
+  type: 'switch';
+  activeValue?: boolean | number | string;
+  inactiveValue?: boolean | number | string;
+}
+
+/**
+ * 单选框
+ */
+export interface RadioGroupConfig extends FormItem {
+  type: 'radio-group' | 'radioGroup';
+  childType?: 'default' | 'button';
+  options: {
+    value: string | number | boolean;
+    text?: string;
+    icon?: any;
+    tooltip?: string;
+  }[];
+}
+
+/**
+ * 颜色选择器
+ */
+export interface ColorPickConfig extends FormItem {
+  type: 'colorPicker';
+}
+
+export interface CheckboxGroupOption {
+  value: any;
+  text: string;
+  disabled?: boolean;
+}
+
+/**
+ * 多选框组
+ */
+export interface CheckboxGroupConfig extends FormItem {
+  type: 'checkbox-group' | 'checkboxGroup';
+  options: CheckboxGroupOption[] | FilterFunction<CheckboxGroupOption[]>;
+}
+
+/**
+ * 下拉选择器
+ */
+export interface SelectConfig extends FormItem, Input {
+  type: 'select';
+  clearable?: boolean;
+  multiple?: boolean;
+  valueKey?: string;
+  allowCreate?: boolean;
+  filterable?: boolean;
+  group?: boolean;
+  options?: SelectConfigOption[] | SelectConfigGroupOption[] | SelectOptionFunction;
+  remote?: true;
+  option?: {
+    url: string | ((mForm: FormState | undefined, data: { model: any; formValue: any }) => string);
+    initUrl?: string | ((mForm: FormState | undefined, data: { model: any; formValue: any }) => string);
+    method?: 'jsonp' | string;
+    cache?: boolean;
+    timeout?: number;
+    mode?: string;
+    headers?: {
+      [key: string]: string;
+    };
+    json?: false | boolean;
+    body?: Record<string, any> | RemoteSelectOptionBodyFunction;
+    initBody?: Record<string, any> | RemoteSelectOptionBodyFunction;
+    jsonpCallback?: 'callback' | string;
+    afterRequest?: RemoteSelectOptionAfterRequestFunction;
+    afterInitRequest?: RemoteSelectOptionAfterRequestFunction;
+    beforeRequest?: RemoteSelectOptionBeforeRequestFunction;
+    beforeInitRequest?: RemoteSelectOptionBeforeRequestFunction;
+    root?: string;
+    totalKey?: string;
+    initRoot?: string;
+    item?: RemoteSelectOptionItemFunction;
+    value?: string | SelectOptionValueFunction;
+    text?: string | SelectOptionTextFunction;
+  };
+}
+
+/**
+ * 链接
+ */
+export interface LinkConfig<T = never> extends FormItem {
+  type: 'link';
+  href?: string | ((model: Record<string, any>) => string);
+  css?: {
+    [key: string]: string | number;
+  };
+  disabledCss?: {
+    [key: string]: string | number;
+  };
+  formTitle?: string;
+  formWidth?: number | string;
+  displayText?:
+    | ((
+        mForm: FormState | undefined,
+        data: {
+          model: Record<any, any>;
+        },
+      ) => string)
+    | string;
+  form:
+    | FormConfig<T>
+    | ((
+        mForm: FormState | undefined,
+        data: {
+          model: Record<any, any>;
+          values?: Readonly<FormValue> | null;
+          formValue?: FormValue;
+        },
+      ) => FormConfig<T>);
+  fullscreen?: boolean;
+}
+
+/**
+ * 级联选择器
+ */
+export interface CascaderConfig extends FormItem, Input {
+  type: 'cascader';
+  remote?: boolean;
+  /** 在选中节点改变时，是否返回由该节点所在的各级菜单的值所组成的数组，若设置 false，则只返回该节点的值，默认 true */
+  emitPath?: boolean;
+  /** 是否多选，默认 false */
+  multiple?: boolean;
+  /** 是否严格的遵守父子节点不互相关联，默认 false */
+  checkStrictly?: boolean | FilterFunction<boolean>;
+  /** 弹出内容的自定义类名 */
+  popperClass?: string;
+  /** 合并成字符串时的分隔符 */
+  valueSeparator?: string | FilterFunction<string>;
+  options?:
+    | ((
+        mForm: FormState | undefined,
+        data: {
+          model: Record<any, any>;
+          prop: string;
+          formValue: Record<any, any>;
+        },
+      ) => CascaderOption[])
+    | CascaderOption[];
+  option?: {
+    url: string;
+    cache?: boolean;
+    timeout?: number;
+    body?: Record<string, any> | RemoteSelectOptionBodyFunction;
+    root: 'string';
+    item: (optionsData: Record<string, any>) => CascaderOption[];
+  };
+}
+
+export interface DynamicFieldConfig extends FormItem {
+  type: 'dynamic-field' | 'dynamicField';
+  returnFields: (
+    config: DynamicFieldConfig,
+    model: Record<any, any>,
+    request: Object,
+  ) => {
+    name: string;
+    label: string;
+    defaultValue: string;
+  }[];
+  dynamicKey: string;
+}
+
+/**
+ * 分组容器
+ */
+export interface RowConfig<T = never> extends FormItem {
+  type: 'row';
+  span: number;
+  items: ({ span?: number } & (ChildConfig<T> | EditorChildConfig | T))[];
+}
+
+/**
+ * 标签页容器
+ */
+export interface TabPaneConfig<T = never> {
+  status?: string;
+  /** 标签页名称，用于关联 model 中的数据 */
+  name?: string | number;
+  title: string;
+  lazy?: boolean;
+  labelWidth?: string;
+  items: FormConfig<T>;
+  display?: boolean | 'expand' | FilterFunction<boolean | 'expand'>;
+  onTabClick?: (mForm: FormState | undefined, tab: any, data: any) => void;
+}
+
+export interface TabConfig<T = never> extends FormItem, ContainerCommonConfig<T> {
+  type: 'tab' | 'dynamic-tab';
+  tabType?: string;
+  editable?: boolean;
+  dynamic?: boolean;
+  tabPosition?: 'top' | 'right' | 'bottom' | 'left';
+  /** 当前激活的标签页，可以是固定值或动态函数 */
+  active?:
+    | string
+    | ((mForm: FormState | undefined, data: { model: FormValue; formValue?: FormValue; prop: string }) => string);
+  items: TabPaneConfig<T>[];
+  onChange?: (mForm: FormState | undefined, data: any) => void;
+  onTabAdd?: (mForm: FormState | undefined, data: any) => void;
+  onTabRemove?: (mForm: FormState | undefined, tabName: string, data: any) => void;
+  onTabClick?: (mForm: FormState | undefined, tab: any, data: any) => void;
+  activeChange?: (mForm: FormState | undefined, tabName: string, data: any) => void;
+}
+
+/**
+ * 分组
+ */
+export interface FieldsetConfig<T = never> extends FormItem, ContainerCommonConfig<T> {
+  type: 'fieldset';
+  checkbox?:
+    | boolean
+    | {
+        name: string;
+        trueValue?: string | number;
+        falseValue?: string | number;
+      };
+  expand?: boolean;
+  legend?: string;
+  schematic?: string;
+}
+
+/**
+ * 面板容器
+ */
+export interface PanelConfig<T = never> extends FormItem, ContainerCommonConfig<T> {
+  type: 'panel';
+  expand?: boolean;
+  title?: string;
+  schematic?: string;
+}
+
+export interface TableColumnConfig extends FormItem {
+  name?: string;
+  label: string;
+  width?: string | number;
+  sortable?: boolean;
+  items?: FormConfig;
+  itemsFunction?: (row: any) => FormConfig;
+  titleTip?: FilterFunction<string>;
+  type?: string;
+}
+
+/**
+ * 表格容器
+ */
+export interface TableConfig extends FormItem {
+  type: 'table' | 'groupList' | 'group-list';
+  items: TableColumnConfig[];
+  tableItems?: TableColumnConfig[];
+  groupItems?: TableColumnConfig[];
+  enableToggleMode?: boolean;
+  /** 最大行数 */
+  max?: number;
+  /** 最大高度 */
+  maxHeight?: number | string;
+  border?: boolean;
+  /** 显示行号 */
+  showIndex?: boolean;
+  /** 操作栏宽度 */
+  operateColWidth?: number | string;
+  pagination?: boolean;
+  enum?: any[];
+  /** 是否显示添加按钮 */
+  addable?: (mForm: FormState | undefined, data: any) => boolean | 'undefined' | boolean;
+  /** 是否显示删除按钮 */
+  delete?: (model: any, index: number, values: any) => boolean | boolean;
+  copyable?: (model: any, data: any) => boolean | boolean;
+  /** 是否显示导入按钮 */
+  importable?: (mForm: FormState | undefined, data: any) => boolean | 'undefined' | boolean;
+  /** 是否显示checkbox */
+  selection?: (mForm: FormState | undefined, data: any) => boolean | boolean | 'single';
+  /** 新增的默认行，可以是函数动态生成或静态对象 */
+  defaultAdd?: ((mForm: FormState | undefined, data: any) => any) | Record<string, any>;
+  copyHandler?: (mForm: FormState | undefined, data: any) => any;
+  onSelect?: (mForm: FormState | undefined, data: any) => any;
+  /** @deprecated 请使用 defaultSort */
+  defautSort?: SortProp;
+  defaultSort?: SortProp;
+  /** 是否支持拖拽排序 */
+  dropSort?: boolean;
+  dropSortHandle?: boolean;
+  dropActionButtonIcon?: any;
+  copyActionButtonIcon?: any;
+  deleteActionButtonIcon?: any;
+  /** 是否显示全屏按钮 */
+  enableFullscreen?: boolean;
+  fixed?: boolean | 'left' | 'right';
+  itemExtra?: string | FilterFunction<string>;
+  titleTip?: FilterFunction<string>;
+  rowKey?: string;
+  /** table 新增行时前置回调 */
+  beforeAddRow?: (mForm: FormState | undefined, data: any) => boolean;
+  addButtonConfig?: {
+    props?: Record<string, any>;
+    text?: string;
+  };
+  sort?: boolean;
+  sortKey?: string;
+}
+
+export interface GroupListConfig<T = never> extends FormItem {
+  type: 'table' | 'groupList' | 'group-list';
+  span?: number;
+  enableToggleMode?: boolean;
+  items: FormConfig<T>;
+  groupItems?: FormConfig<T>;
+  tableItems?: FormConfig<T>;
+  titleKey?: string;
+  titlePrefix?: string;
+  title?: string | FilterFunction<string>;
+  itemExtra?: string | FilterFunction<string>;
+  expandAll?: boolean;
+  /**
+   * 默认展开的数量，用于控制分组列表默认展示的项数
+   * 当设置为数字时，表示默认展开指定数量的项
+   * 当未设置时，默认展开第一项
+   */
+  defaultExpandQuantity?: number;
+  addable?: (mForm: FormState | undefined, data: any) => boolean | 'undefined' | boolean;
+  /** 新增的默认值，可以是函数动态生成或静态对象 */
+  defaultAdd?: ((mForm: FormState | undefined, data: any) => any) | Record<string, any>;
+  delete?: (model: any, index: number | string | symbol, values: any) => boolean | boolean;
+  copyable?: FilterFunction<boolean>;
+  movable?: (
+    mForm: FormState | undefined,
+    index: number | string | symbol,
+    model: any,
+    groupModel: any,
+  ) => boolean | boolean;
+  moveSpecifyLocation?: boolean;
+  addButtonConfig?: {
+    props?: Record<string, any>;
+    text?: string;
+  };
+}
+
+interface StepItemConfig<T = never> extends FormItem, ContainerCommonConfig<T> {
+  title: string;
+}
+
+export interface StepConfig<T = never> extends FormItem {
+  type: 'step';
+  /** 每个 step 的间距，不填写将自适应间距。支持百分比。 */
+  space?: string | number;
+  items: StepItemConfig<T>[];
+}
+
+export interface ComponentConfig extends FormItem {
+  type: 'component';
+  id: string;
+  extend?: any;
+  display?: any;
+  component?: any;
+}
+
+export interface FlexLayoutConfig<T = never> extends FormItem, ContainerCommonConfig<T> {
+  type: 'flex-layout';
+  /** flex 子项间距，默认 '16px' */
+  gap?: string;
+}
+
+export type ChildConfig<T = never> =
+  | ContainerCommonConfig<T>
+  | TabConfig<T>
+  | RowConfig<T>
+  | FieldsetConfig<T>
+  | PanelConfig<T>
+  | TableConfig
+  | GroupListConfig<T>
+  | StepConfig<T>
+  | DisplayConfig
+  | TextConfig
+  | NumberConfig
+  | NumberRangeConfig
+  | HiddenConfig
+  | LinkConfig<T>
+  | DaterangeConfig
+  | TimerangeConfig
+  | SelectConfig
+  | CascaderConfig
+  | HtmlField
+  | DateConfig
+  | ColorPickConfig
+  | TimeConfig
+  | DateTimeConfig
+  | CheckboxConfig
+  | SwitchConfig
+  | RadioGroupConfig
+  | CheckboxGroupConfig
+  | TextareaConfig
+  | DynamicFieldConfig
+  | ComponentConfig
+  | FlexLayoutConfig<T>;
+
+export type FormItemConfig<T = never> = ChildConfig<T> | DynamicTypeConfig | EditorChildConfig<T> | T;
+
+export type FormConfig<T = never> = FormItemConfig<T>[];
diff --git a/packages/form-schema/src/editor.ts b/packages/form-schema/src/editor.ts
new file mode 100644
index 00000000..81662324
--- /dev/null
+++ b/packages/form-schema/src/editor.ts
@@ -0,0 +1,166 @@
+import type { DataSourceFieldType, DataSourceSchema } from '@tmagic/schema';
+
+import type { FilterFunction, FormItem, FormItemConfig, FormState, Input } from './base';
+
+export interface DataSourceFieldSelectConfig<T = never> extends FormItem {
+  type: 'data-source-field-select';
+  /**
+   * 是否要编译成数据源的data。
+   * key: 不编译，就是要数据源id和field name;
+   * value: 要编译（数据源data[`${filed}`]）
+   * */
+  value?: 'key' | 'value';
+  /** 是否严格的遵守父子节点不互相关联 */
+  checkStrictly?:
+    | boolean
+    | ((
+        mForm: FormState | undefined,
+        data: {
+          model: Record<any, any>;
+          values: Record<any, any>;
+          parent?: Record<any, any>;
+          formValue: Record<any, any>;
+          prop: string;
+          config: DataSourceFieldSelectConfig;
+          dataSource?: DataSourceSchema;
+        },
+      ) => boolean);
+  dataSourceFieldType?: DataSourceFieldType[];
+  fieldConfig?: FormItemConfig<T>;
+  /** 是否可以编辑数据源，disable表示的是是否可以选择数据源 */
+  notEditable?: boolean | FilterFunction;
+}
+
+export interface CodeConfig extends FormItem {
+  type: 'vs-code';
+  language?: string;
+  options?: {
+    [key: string]: any;
+  };
+  height?: string;
+  parse?: boolean;
+  autosize?: {
+    minRows?: number;
+    maxRows?: number;
+  };
+  mFormItemType?: string;
+}
+
+export interface CodeLinkConfig extends FormItem {
+  type: 'code-link';
+  formTitle?: string;
+  codeOptions?: Object;
+}
+
+export interface CodeSelectConfig extends FormItem {
+  type: 'code-select';
+  className?: string;
+}
+
+export interface CodeSelectColConfig extends FormItem {
+  type: 'code-select-col';
+  /** 是否可以编辑代码块，disable表示的是是否可以选择代码块 */
+  notEditable?: boolean | FilterFunction;
+}
+
+export interface CondOpSelectConfig extends FormItem {
+  type: 'cond-op';
+  parentFields?: string[];
+}
+
+export interface DataSourceFieldsConfig extends FormItem {
+  type: 'data-source-fields';
+}
+
+export interface DataSourceInputConfig extends FormItem {
+  type: 'data-source-input';
+}
+
+export interface DataSourceMethodsConfig extends FormItem {
+  type: 'data-source-methods';
+}
+
+export interface DataSourceMethodSelectConfig extends FormItem {
+  type: 'data-source-method-select';
+  /** 是否可以编辑数据源，disable表示的是是否可以选择数据源 */
+  notEditable?: boolean | FilterFunction;
+}
+
+export interface DataSourceMocksConfig extends FormItem {
+  type: 'data-source-mocks';
+}
+
+export interface DataSourceSelect extends FormItem, Input {
+  type: 'data-source-select';
+  /** 数据源类型: base、http... */
+  dataSourceType?: string;
+  /** 是否要编译成数据源的data。
+   * id: 不编译，就是要数据源id;
+   * value: 要编译（数据源data）
+   * */
+  value?: 'id' | 'value';
+  /** 是否可以编辑数据源，disable表示的是是否可以选择数据源 */
+  notEditable?: boolean | FilterFunction;
+}
+
+export interface DisplayCondsConfig extends FormItem {
+  type: 'display-conds';
+  titlePrefix?: string;
+  parentFields?: string[] | FilterFunction<string[]>;
+}
+
+export interface EventSelectConfig extends FormItem {
+  name: string;
+  type: 'event-select';
+  src: 'datasource' | 'component';
+  labelWidth?: string;
+  /** 事件名称表单配置 */
+  eventNameConfig?: FormItem;
+  /** 动作类型配置 */
+  actionTypeConfig?: FormItem;
+  /** 联动组件配置 */
+  targetCompConfig?: FormItem;
+  /** 联动组件动作配置 */
+  compActionConfig?: FormItem;
+  /** 联动代码配置 */
+  codeActionConfig?: FormItem;
+  /** 联动数据源配置 */
+  dataSourceActionConfig?: FormItem;
+}
+
+export interface KeyValueConfig extends FormItem {
+  type: 'key-value';
+  advanced?: boolean;
+}
+
+export interface PageFragmentSelectConfig extends FormItem {
+  type: 'page-fragment-select';
+}
+
+export interface UISelectConfig extends FormItem {
+  type: 'ui-select';
+}
+
+export interface StyleSetterConfig extends FormItem {
+  type: 'style-setter';
+}
+
+export type EditorChildConfig<T = never> =
+  | DataSourceFieldSelectConfig<T>
+  | CodeConfig
+  | CodeLinkConfig
+  | CodeSelectConfig
+  | CodeSelectColConfig
+  | CondOpSelectConfig
+  | DataSourceFieldsConfig
+  | DataSourceInputConfig
+  | DataSourceMethodsConfig
+  | DataSourceMethodSelectConfig
+  | DataSourceMocksConfig
+  | DataSourceSelect
+  | DisplayCondsConfig
+  | EventSelectConfig
+  | KeyValueConfig
+  | PageFragmentSelectConfig
+  | UISelectConfig
+  | StyleSetterConfig;
diff --git a/packages/form-schema/src/index.ts b/packages/form-schema/src/index.ts
new file mode 100644
index 00000000..6c773295
--- /dev/null
+++ b/packages/form-schema/src/index.ts
@@ -0,0 +1,8 @@
+import type { FormConfig, FormItemConfig } from './base';
+
+export * from './base';
+export * from './editor';
+
+export const defineFormConfig = <T = never>(config: FormConfig<T>): FormConfig<T> => config;
+
+export const defineFormItem = <T = never>(config: FormItemConfig<T>): FormItemConfig<T> => config;
diff --git a/packages/form/package.json b/packages/form/package.json
index 561169b0..d2a94203 100644
--- a/packages/form/package.json
+++ b/packages/form/package.json
@@ -1,19 +1,20 @@
 {
-  "version": "1.4.7",
+  "version": "1.7.8",
   "name": "@tmagic/form",
   "type": "module",
   "sideEffects": [
-    "dist/*",
+    "dist/style.css",
+    "dist/es/style.css",
     "src/theme/*"
   ],
   "main": "dist/tmagic-form.umd.cjs",
-  "module": "dist/tmagic-form.js",
+  "module": "dist/es/index.js",
   "style": "dist/style.css",
   "types": "types/index.d.ts",
   "exports": {
     ".": {
       "types": "./types/index.d.ts",
-      "import": "./dist/tmagic-form.js",
+      "import": "./dist/es/index.js",
       "require": "./dist/tmagic-form.umd.cjs"
     },
     "./dist/style.css": {
@@ -24,44 +25,36 @@
   },
   "files": [
     "dist",
-    "types"
+    "types",
+    "src"
   ],
   "license": "Apache-2.0",
-  "scripts": {
-    "build": "npm run build:type && vite build",
-    "build:type": "npm run clear:type && vue-tsc --declaration --emitDeclarationOnly --project tsconfig.build.json",
-    "clear:type": "rimraf ./types",
-    "check:type": "vue-tsc --noEmit --project tsconfig.build.json"
-  },
   "engines": {
     "node": ">=18"
   },
   "repository": {
+    "directory": "packages/form",
     "type": "git",
     "url": "https://github.com/Tencent/tmagic-editor.git"
   },
   "dependencies": {
-    "@element-plus/icons-vue": "^2.3.1",
+    "@element-plus/icons-vue": "^2.3.2",
+    "@popperjs/core": "^2.11.8",
+    "dayjs": "^1.11.19",
     "lodash-es": "^4.17.21",
-    "sortablejs": "^1.15.2"
+    "sortablejs": "^1.15.6"
   },
   "devDependencies": {
     "@types/lodash-es": "^4.17.4",
-    "@types/node": "^18.19.0",
-    "@types/sortablejs": "^1.15.8",
-    "@vitejs/plugin-vue": "^5.0.4",
-    "@vue/compiler-sfc": "^3.4.27",
-    "@vue/test-utils": "^2.4.6",
-    "rimraf": "^3.0.2",
-    "sass": "^1.77.0",
-    "vite": "^5.2.12",
-    "vue-tsc": "^2.0.19"
+    "@types/sortablejs": "^1.15.9",
+    "@vue/test-utils": "^2.4.6"
   },
   "peerDependencies": {
     "@tmagic/design": "workspace:*",
     "@tmagic/utils": "workspace:*",
-    "vue": "^3.4.27",
-    "typescript": "*"
+    "@tmagic/form-schema": "workspace:*",
+    "vue": "catalog:",
+    "typescript": "catalog:"
   },
   "peerDependenciesMeta": {
     "typescript": {
diff --git a/packages/form/src/Form.vue b/packages/form/src/Form.vue
index 27056ee6..a8f89eee 100644
--- a/packages/form/src/Form.vue
+++ b/packages/form/src/Form.vue
@@ -7,12 +7,13 @@
     :style="`height: ${height}`"
     :inline="inline"
     :label-position="labelPosition"
+    @submit="submitHandler"
   >
     <template v-if="initialized && Array.isArray(config)">
       <Container
         v-for="(item, index) in config"
         :disabled="disabled"
-        :key="item[keyProp] ?? index"
+        :key="(item as Record<string, any>)[keyProp] ?? index"
         :config="item"
         :model="values"
         :last-values="lastValuesProcessed"
@@ -27,15 +28,16 @@
 </template>
 
 <script setup lang="ts">
-import { provide, reactive, ref, toRaw, watch, watchEffect } from 'vue';
+import { provide, reactive, ref, shallowRef, toRaw, useTemplateRef, watch, watchEffect } from 'vue';
 import { cloneDeep, isEqual } from 'lodash-es';
 
-import { TMagicForm } from '@tmagic/design';
+import { TMagicForm, tMagicMessage, tMagicMessageBox } from '@tmagic/design';
+import { setValueByKeyPath } from '@tmagic/utils';
 
 import Container from './containers/Container.vue';
 import { getConfig } from './utils/config';
 import { initValue } from './utils/form';
-import type { FormConfig, FormState, FormValue, ValidateError } from './schema';
+import type { ChangeRecord, ContainerChangeEventData, FormConfig, FormState, FormValue, ValidateError } from './schema';
 
 defineOptions({
   name: 'MForm',
@@ -61,7 +63,8 @@ const props = withDefaults(
     labelPosition?: string;
     keyProp?: string;
     popperClass?: string;
-    extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
+    preventSubmitDefault?: boolean;
+    extendState?: (_state: FormState) => Record<string, any> | Promise<Record<string, any>>;
   }>(),
   {
     config: () => [],
@@ -79,9 +82,9 @@ const props = withDefaults(
   },
 );
 
-const emit = defineEmits(['change', 'error', 'field-input', 'field-change']);
+const emit = defineEmits(['change', 'error', 'field-input', 'field-change', 'update:stepActive']);
 
-const tMagicForm = ref<InstanceType<typeof TMagicForm>>();
+const tMagicFormRef = useTemplateRef('tMagicForm');
 const initialized = ref(false);
 const values = ref<FormValue>({});
 const lastValuesProcessed = ref<FormValue>({});
@@ -99,16 +102,18 @@ const formState: FormState = reactive<FormState>({
   parentValues: props.parentValues,
   values,
   lastValuesProcessed,
-  $emit: emit as (event: string, ...args: any[]) => void,
+  $emit: emit as (_event: string, ..._args: any[]) => void,
   fields,
   setField: (prop: string, field: any) => fields.set(prop, field),
   getField: (prop: string) => fields.get(prop),
   deleteField: (prop: string) => fields.delete(prop),
+  $messageBox: tMagicMessageBox,
+  $message: tMagicMessage,
   post: (options: any) => {
     if (requestFuc) {
       return requestFuc({
-        ...options,
         method: 'POST',
+        ...options,
       });
     }
   },
@@ -133,9 +138,13 @@ watchEffect(async () => {
 
 provide('mForm', formState);
 
+const changeRecords = shallowRef<ChangeRecord[]>([]);
+
 watch(
   [() => props.config, () => props.initValues],
   ([config], [preConfig]) => {
+    changeRecords.value = [];
+
     if (!isEqual(toRaw(config), toRaw(preConfig))) {
       initialized.value = false;
     }
@@ -163,8 +172,68 @@ watch(
   { immediate: true },
 );
 
-const changeHandler = () => {
-  emit('change', values.value);
+const changeHandler = (v: FormValue, eventData: ContainerChangeEventData) => {
+  if (eventData.changeRecords?.length) {
+    for (const record of eventData.changeRecords) {
+      if (record.propPath) {
+        const index = changeRecords.value.findIndex((item) => item.propPath === record.propPath);
+        if (index > -1) {
+          changeRecords.value[index] = record;
+        } else {
+          changeRecords.value.push(record);
+        }
+
+        setValueByKeyPath(record.propPath, record.value, values.value);
+      }
+    }
+  }
+  emit('change', values.value, eventData);
+};
+
+const submitHandler = (e: SubmitEvent) => {
+  if (props.preventSubmitDefault) {
+    e.preventDefault();
+  }
+};
+
+/**
+ * 通过 name 从 config 中查找对应的 text
+ * @param name - 字段名，支持点分隔的路径格式，如 'a.b.c'
+ * @param config - 表单配置数组
+ * @returns 找到的 text 值，如果未找到则返回 undefined
+ */
+const getTextByName = (name: string, config: FormConfig = props.config): string | undefined => {
+  if (!name || !Array.isArray(config)) return undefined;
+
+  const nameParts = name.split('.');
+
+  const findInConfig = (configs: FormConfig, parts: string[]): string | undefined => {
+    if (parts.length === 0) return undefined;
+
+    const [currentPart, ...remainingParts] = parts;
+
+    for (const item of configs) {
+      if (item.name === currentPart) {
+        if (remainingParts.length === 0) {
+          return typeof item.text === 'string' ? item.text : undefined;
+        }
+
+        if ('items' in item && Array.isArray(item.items)) {
+          const result = findInConfig(item.items, remainingParts);
+          if (result !== undefined) return result;
+        }
+      }
+
+      if ('items' in item && Array.isArray(item.items)) {
+        const result = findInConfig(item.items, parts);
+        if (result !== undefined) return result;
+      }
+    }
+
+    return undefined;
+  };
+
+  return findInConfig(config, nameParts);
 };
 
 defineExpose({
@@ -172,30 +241,43 @@ defineExpose({
   lastValuesProcessed,
   formState,
   initialized,
+  changeRecords,
 
   changeHandler,
 
-  resetForm: () => tMagicForm.value?.resetFields(),
+  resetForm: () => {
+    tMagicFormRef.value?.resetFields();
+    changeRecords.value = [];
+  },
 
   submitForm: async (native?: boolean): Promise<any> => {
     try {
-      await tMagicForm.value?.validate();
+      const result = await tMagicFormRef.value?.validate();
+      // tdesign 错误通过返回值返回
+      // element-plus 通过throw error
+      if (result !== true) {
+        throw result;
+      }
+      changeRecords.value = [];
       return native ? values.value : cloneDeep(toRaw(values.value));
     } catch (invalidFields: any) {
       emit('error', invalidFields);
 
       const error: string[] = [];
 
-      Object.entries(invalidFields).forEach(([, ValidateError]) => {
+      Object.entries(invalidFields).forEach(([prop, ValidateError]) => {
         (ValidateError as ValidateError[]).forEach(({ field, message }) => {
-          if (field && message) error.push(`${field} -> ${message}`);
-          if (field && !message) error.push(`${field} -> 出现错误`);
-          if (!field && message) error.push(`${message}`);
+          const name = field || prop;
+          const text = getTextByName(name, props.config) || name;
+
+          error.push(`${text} -> ${message}`);
         });
       });
 
       throw new Error(error.join('<br>'));
     }
   },
+
+  getTextByName,
 });
 </script>
diff --git a/packages/form/src/FormBox.vue b/packages/form/src/FormBox.vue
index 8e3b924a..629a1267 100644
--- a/packages/form/src/FormBox.vue
+++ b/packages/form/src/FormBox.vue
@@ -12,6 +12,7 @@
           :label-width="labelWidth"
           :label-position="labelPosition"
           :inline="inline"
+          :prevent-submit-default="preventSubmitDefault"
           @change="changeHandler"
         ></Form>
         <slot></slot>
@@ -39,7 +40,7 @@ import { computed, ref, watchEffect } from 'vue';
 import { TMagicButton, TMagicScrollbar } from '@tmagic/design';
 
 import Form from './Form.vue';
-import type { FormConfig } from './schema';
+import type { ContainerChangeEventData, FormConfig, FormValue } from './schema';
 
 defineOptions({
   name: 'MFormBox',
@@ -58,6 +59,7 @@ const props = withDefaults(
     confirmText?: string;
     inline?: boolean;
     labelPosition?: string;
+    preventSubmitDefault?: boolean;
   }>(),
   {
     config: () => [],
@@ -66,7 +68,11 @@ const props = withDefaults(
   },
 );
 
-const emit = defineEmits(['submit', 'change', 'error']);
+const emit = defineEmits<{
+  change: [v: any, eventData: ContainerChangeEventData];
+  submit: [v: any, eventData: ContainerChangeEventData];
+  error: [e: any];
+}>();
 
 const footerHeight = 60;
 
@@ -95,15 +101,16 @@ watchEffect(() => {
 
 const submitHandler = async () => {
   try {
+    const changeRecords = form.value?.changeRecords;
     const values = await form.value?.submitForm();
-    emit('submit', values);
+    emit('submit', values, { changeRecords });
   } catch (e) {
     emit('error', e);
   }
 };
 
-const changeHandler = (value: any) => {
-  emit('change', value);
+const changeHandler = (value: FormValue, eventData: ContainerChangeEventData) => {
+  emit('change', value, eventData);
 };
 
 const show = () => {};
diff --git a/packages/form/src/FormDialog.vue b/packages/form/src/FormDialog.vue
index 3e24f762..cce50db3 100644
--- a/packages/form/src/FormDialog.vue
+++ b/packages/form/src/FormDialog.vue
@@ -8,7 +8,10 @@
     :width="width"
     :zIndex="zIndex"
     :fullscreen="fullscreen"
-    :close-on-click-modal="false"
+    :close-on-click-modal="closeOnClickModal"
+    :close-on-press-escape="closeOnPressEscape"
+    :destroy-on-close="destroyOnClose"
+    :show-close="showClose"
     @close="closeHandler"
   >
     <div
@@ -27,6 +30,7 @@
         :label-width="labelWidth"
         :label-position="labelPosition"
         :inline="inline"
+        :prevent-submit-default="preventSubmitDefault"
         @change="changeHandler"
       ></Form>
       <slot></slot>
@@ -41,7 +45,7 @@
         </TMagicCol>
         <TMagicCol :span="12">
           <slot name="footer">
-            <TMagicButton @click="cancel" size="small">取 消</TMagicButton>
+            <TMagicButton v-if="showCancel" @click="cancel" size="small">取 消</TMagicButton>
             <TMagicButton v-if="hasStep && stepActive > 1" type="info" size="small" @click="preStep"
               >上一步</TMagicButton
             >
@@ -64,7 +68,7 @@ import { computed, ref } from 'vue';
 import { TMagicButton, TMagicCol, TMagicDialog, TMagicRow } from '@tmagic/design';
 
 import Form from './Form.vue';
-import { FormConfig, StepConfig } from './schema';
+import { ContainerChangeEventData, FormConfig, FormValue, StepConfig } from './schema';
 
 defineOptions({
   name: 'MFormDialog',
@@ -85,11 +89,22 @@ const props = withDefaults(
     zIndex?: number;
     size?: 'small' | 'default' | 'large';
     confirmText?: string;
+    preventSubmitDefault?: boolean;
+    closeOnClickModal?: boolean;
+    closeOnPressEscape?: boolean;
+    destroyOnClose?: boolean;
+    showClose?: boolean;
+    showCancel?: boolean;
   }>(),
   {
     config: () => [],
     values: () => ({}),
     confirmText: '确定',
+    closeOnClickModal: false,
+    closeOnPressEscape: false,
+    destroyOnClose: false,
+    showClose: true,
+    showCancel: true,
   },
 );
 
@@ -102,19 +117,25 @@ const stepActive = ref(1);
 const bodyHeight = ref(`${document.body.clientHeight - 194}px`);
 
 const stepCount = computed(() => {
-  const { length } = props.config;
-  for (let index = 0; index < length; index++) {
-    if (props.config[index].type === 'step') {
-      return (props.config[index] as StepConfig).items.length;
+  if (!Array.isArray(props.config)) {
+    return 0;
+  }
+
+  for (const item of props.config) {
+    if ('type' in item && item.type === 'step') {
+      return (item as StepConfig).items.length;
     }
   }
   return 0;
 });
 
 const hasStep = computed(() => {
-  const { length } = props.config;
-  for (let index = 0; index < length; index++) {
-    if (props.config[index].type === 'step') {
+  if (!Array.isArray(props.config)) {
+    return false;
+  }
+
+  for (const item of props.config) {
+    if ('type' in item && item.type === 'step') {
       return true;
     }
   }
@@ -129,8 +150,9 @@ const closeHandler = () => {
 
 const save = async () => {
   try {
+    const changeRecords = form.value?.changeRecords;
     const values = await form.value?.submitForm();
-    emit('submit', values);
+    emit('submit', values, { changeRecords });
   } catch (e) {
     emit('error', e);
   }
@@ -144,8 +166,8 @@ const nextStep = () => {
   stepActive.value += 1;
 };
 
-const changeHandler = (value: any) => {
-  emit('change', value);
+const changeHandler = (value: FormValue, eventData: ContainerChangeEventData) => {
+  emit('change', value, eventData);
 };
 
 const show = () => {
diff --git a/packages/form/src/FormDrawer.vue b/packages/form/src/FormDrawer.vue
index 70472bb3..6b2c3039 100644
--- a/packages/form/src/FormDrawer.vue
+++ b/packages/form/src/FormDrawer.vue
@@ -27,6 +27,7 @@
         :label-width="labelWidth"
         :label-position="labelPosition"
         :inline="inline"
+        :prevent-submit-default="preventSubmitDefault"
         @change="changeHandler"
       ></Form>
       <slot></slot>
@@ -58,7 +59,7 @@ import { ref, watchEffect } from 'vue';
 import { TMagicButton, TMagicCol, TMagicDrawer, TMagicRow } from '@tmagic/design';
 
 import Form from './Form.vue';
-import type { FormConfig } from './schema';
+import type { ContainerChangeEventData, FormConfig, FormValue } from './schema';
 
 defineOptions({
   name: 'MFormDialog',
@@ -79,8 +80,9 @@ withDefaults(
     confirmText?: string;
     inline?: boolean;
     labelPosition?: string;
+    preventSubmitDefault?: boolean;
     /** 关闭前的回调，会暂停 Drawer 的关闭; done 是个 function type 接受一个 boolean 参数, 执行 done 使用 true 参数或不提供参数将会终止关闭 */
-    beforeClose?: (done: (cancel?: boolean) => void) => void;
+    beforeClose?: (_done: (_cancel?: boolean) => void) => void;
   }>(),
   {
     closeOnPressEscape: true,
@@ -107,15 +109,16 @@ watchEffect(() => {
 
 const submitHandler = async () => {
   try {
+    const changeRecords = form.value?.changeRecords;
     const values = await form.value?.submitForm();
-    emit('submit', values);
+    emit('submit', values, { changeRecords });
   } catch (e) {
     emit('error', e);
   }
 };
 
-const changeHandler = (value: any) => {
-  emit('change', value);
+const changeHandler = (value: FormValue, eventData: ContainerChangeEventData) => {
+  emit('change', value, eventData);
 };
 
 const openHandler = () => {
diff --git a/packages/form/src/containers/Col.vue b/packages/form/src/containers/Col.vue
index b3683c65..d54f4220 100644
--- a/packages/form/src/containers/Col.vue
+++ b/packages/form/src/containers/Col.vue
@@ -1,5 +1,5 @@
 <template>
-  <TMagicCol v-show="display && config.type !== 'hidden'" :span="span">
+  <TMagicCol v-show="display && 'type' in config && config.type !== 'hidden'" :span="span">
     <Container
       :model="model"
       :lastValues="lastValues"
@@ -21,7 +21,7 @@ import { computed, inject } from 'vue';
 
 import { TMagicCol } from '@tmagic/design';
 
-import { ChildConfig, FormState } from '../schema';
+import type { ContainerChangeEventData, FormItemConfig, FormState } from '../schema';
 import { display as displayFunction } from '../utils/form';
 
 import Container from './Container.vue';
@@ -34,8 +34,8 @@ const props = defineProps<{
   model: any;
   lastValues?: any;
   isCompare?: boolean;
-  config: ChildConfig;
-  labelWidth?: string;
+  config: FormItemConfig;
+  labelWidth?: string | number;
   expandMore?: boolean;
   span?: number;
   size?: string;
@@ -43,10 +43,13 @@ const props = defineProps<{
   disabled?: boolean;
 }>();
 
-const emit = defineEmits(['change', 'addDiffCount']);
+const emit = defineEmits<{
+  change: [v: any, eventData: ContainerChangeEventData];
+  addDiffCount: [];
+}>();
 
 const mForm = inject<FormState | undefined>('mForm');
 const display = computed(() => displayFunction(mForm, props.config.display, props));
-const changeHandler = () => emit('change', props.model);
+const changeHandler = (v: any, eventData: ContainerChangeEventData) => emit('change', v, eventData);
 const onAddDiffCount = () => emit('addDiffCount');
 </script>
diff --git a/packages/form/src/containers/Container.vue b/packages/form/src/containers/Container.vue
index fcd0fe89..7b2db891 100644
--- a/packages/form/src/containers/Container.vue
+++ b/packages/form/src/containers/Container.vue
@@ -1,86 +1,67 @@
 <template>
   <div
-    v-if="config"
-    :id="config.id"
-    :data-magic-id="config.id"
-    :style="config.tip ? 'display: flex;align-items: baseline;' : ''"
-    :class="`m-form-container m-container-${type || ''} ${config.className || ''}`"
+    :data-tmagic-id="(config as Record<string, any>).id"
+    :data-tmagic-form-item-prop="itemProp"
+    :class="`m-form-container m-container-${type || ''} ${config.className || ''}${config.tip ? ' has-tip' : ''}`"
+    :style="config.style"
   >
-    <m-fields-hidden
-      v-if="type === 'hidden'"
-      :model="model"
-      :config="config"
-      :name="config.name"
-      :disabled="disabled"
-      :prop="itemProp"
-    ></m-fields-hidden>
+    <MHidden v-if="type === 'hidden'" :name="`${name}`" :prop="itemProp" :model="model"></MHidden>
 
     <component
       v-else-if="items && !text && type && display"
-      :key="key(config)"
-      :size="size"
+      v-bind="fieldsProps"
       :is="tagName"
       :model="model"
       :last-values="lastValues"
       :is-compare="isCompare"
-      :config="config"
-      :disabled="disabled"
-      :name="name"
-      :prop="itemProp"
       :step-active="stepActive"
       :expand-more="expand"
       :label-width="itemLabelWidth"
+      :style="config.fieldStyle"
       @change="onChangeHandler"
       @addDiffCount="onAddDiffCount"
     ></component>
 
     <template v-else-if="type && display && !showDiff">
-      <TMagicFormItem
-        :style="config.tip ? 'flex: 1' : ''"
-        :class="{ hidden: `${itemLabelWidth}` === '0' || !text }"
-        :prop="itemProp"
-        :label-width="itemLabelWidth"
-        :rules="rule"
-      >
-        <template #label><span v-html="type === 'checkbox' ? '' : text" :title="config.labelTitle"></span></template>
-        <TMagicTooltip v-if="tooltip">
+      <TMagicFormItem v-bind="formItemProps" :class="{ 'tmagic-form-hidden': `${itemLabelWidth}` === '0' || !text }">
+        <template #label>
+          <FormLabel
+            :tip="config.tip"
+            :type="type"
+            :use-label="(config as CheckboxConfig).useLabel"
+            :label-title="config.labelTitle"
+            :text="text"
+          ></FormLabel>
+        </template>
+
+        <TMagicTooltip v-if="tooltip.text" :placement="tooltip.placement">
           <component
-            :key="key(config)"
-            :size="size"
+            v-bind="fieldsProps"
             :is="tagName"
             :model="model"
             :last-values="lastValues"
-            :config="config"
-            :name="name"
-            :disabled="disabled"
-            :prop="itemProp"
+            :is-compare="isCompare"
             @change="onChangeHandler"
             @addDiffCount="onAddDiffCount"
           ></component>
           <template #content>
-            <div v-html="tooltip"></div>
+            <div v-html="tooltip.text"></div>
           </template>
         </TMagicTooltip>
 
         <component
           v-else
-          :key="key(config)"
-          :size="size"
+          v-bind="fieldsProps"
           :is="tagName"
           :model="model"
           :last-values="lastValues"
-          :config="config"
-          :name="name"
-          :disabled="disabled"
-          :prop="itemProp"
+          :is-compare="isCompare"
           @change="onChangeHandler"
           @addDiffCount="onAddDiffCount"
         ></component>
-
-        <div v-if="extra && type !== 'table'" v-html="extra" class="m-form-tip"></div>
       </TMagicFormItem>
 
-      <TMagicTooltip v-if="config.tip" placement="left">
+      <TMagicTooltip v-if="config.tip && type === 'checkbox' && !(config as CheckboxConfig).useLabel" placement="top">
         <TMagicIcon style="line-height: 40px; margin-left: 5px"><warning-filled /></TMagicIcon>
         <template #content>
           <div v-html="config.tip"></div>
@@ -92,97 +73,61 @@
     <template v-else-if="type && display && showDiff">
       <!-- 上次内容 -->
       <TMagicFormItem
-        :style="config.tip ? 'flex: 1' : ''"
-        :class="{ hidden: `${itemLabelWidth}` === '0' || !text }"
-        :prop="itemProp"
-        :label-width="itemLabelWidth"
-        :rules="rule"
-        style="background: #f7dadd"
+        v-bind="formItemProps"
+        :class="{ 'tmagic-form-hidden': `${itemLabelWidth}` === '0' || !text, 'show-diff': true }"
       >
-        <template #label><span v-html="type === 'checkbox' ? '' : text" :title="config.labelTitle"></span></template>
-        <TMagicTooltip v-if="tooltip">
-          <component
-            :key="key(config)"
-            :size="size"
-            :is="tagName"
-            :model="lastValues"
-            :config="config"
-            :name="name"
-            :disabled="disabled"
-            :prop="itemProp"
-            @change="onChangeHandler"
-          ></component>
+        <template #label>
+          <FormLabel
+            :tip="config.tip"
+            :type="type"
+            :use-label="(config as CheckboxConfig).useLabel"
+            :label-title="config.labelTitle"
+            :text="text"
+          ></FormLabel>
+        </template>
+        <TMagicTooltip v-if="tooltip.text" :placement="tooltip.placement">
+          <component v-bind="fieldsProps" :is="tagName" :model="lastValues" @change="onChangeHandler"></component>
           <template #content>
-            <div v-html="tooltip"></div>
+            <div v-html="tooltip.text"></div>
           </template>
         </TMagicTooltip>
 
-        <component
-          v-else
-          :key="key(config)"
-          :size="size"
-          :is="tagName"
-          :model="lastValues"
-          :config="config"
-          :name="name"
-          :disabled="disabled"
-          :prop="itemProp"
-          @change="onChangeHandler"
-        ></component>
-
-        <div v-if="extra" v-html="extra" class="m-form-tip"></div>
+        <component v-else v-bind="fieldsProps" :is="tagName" :model="lastValues" @change="onChangeHandler"></component>
       </TMagicFormItem>
 
-      <TMagicTooltip v-if="config.tip" placement="left">
+      <TMagicTooltip v-if="config.tip && type === 'checkbox' && !(config as CheckboxConfig).useLabel" placement="top">
         <TMagicIcon style="line-height: 40px; margin-left: 5px"><warning-filled /></TMagicIcon>
         <template #content>
           <div v-html="config.tip"></div>
         </template>
       </TMagicTooltip>
+
       <!-- 当前内容 -->
       <TMagicFormItem
+        v-bind="formItemProps"
         :style="config.tip ? 'flex: 1' : ''"
-        :class="{ hidden: `${itemLabelWidth}` === '0' || !text }"
-        :prop="itemProp"
-        :label-width="itemLabelWidth"
-        :rules="rule"
-        style="background: #def7da"
+        :class="{ 'tmagic-form-hidden': `${itemLabelWidth}` === '0' || !text, 'show-diff': true }"
       >
-        <template #label><span v-html="type === 'checkbox' ? '' : text" :title="config.labelTitle"></span></template>
-        <TMagicTooltip v-if="tooltip">
-          <component
-            :key="key(config)"
-            :size="size"
-            :is="tagName"
-            :model="model"
-            :config="config"
-            :name="name"
-            :disabled="disabled"
-            :prop="itemProp"
-            @change="onChangeHandler"
-          ></component>
+        <template #label>
+          <FormLabel
+            :tip="config.tip"
+            :type="type"
+            :use-label="(config as CheckboxConfig).useLabel"
+            :label-title="config.labelTitle"
+            :text="text"
+          ></FormLabel>
+        </template>
+        <TMagicTooltip v-if="tooltip.text" :placement="tooltip.placement">
+          <component v-bind="fieldsProps" :is="tagName" :model="model" @change="onChangeHandler"></component>
           <template #content>
-            <div v-html="tooltip"></div>
+            <div v-html="tooltip.text"></div>
           </template>
         </TMagicTooltip>
 
-        <component
-          v-else
-          :key="key(config)"
-          :size="size"
-          :is="tagName"
-          :model="model"
-          :config="config"
-          :name="name"
-          :disabled="disabled"
-          :prop="itemProp"
-          @change="onChangeHandler"
-        ></component>
-
-        <div v-if="extra" v-html="extra" class="m-form-tip"></div>
+        <component v-else v-bind="fieldsProps" :is="tagName" :model="model" @change="onChangeHandler"></component>
       </TMagicFormItem>
 
-      <TMagicTooltip v-if="config.tip" placement="left">
+      <TMagicTooltip v-if="config.tip && type === 'checkbox' && !(config as CheckboxConfig).useLabel" placement="top">
         <TMagicIcon style="line-height: 40px; margin-left: 5px"><warning-filled /></TMagicIcon>
         <template #content>
           <div v-html="config.tip"></div>
@@ -191,12 +136,12 @@
     </template>
 
     <template v-else-if="items && display">
-      <template v-if="name || name === 0 ? model[name] : model">
+      <template v-if="isValidName() ? model[name] : model">
         <Container
           v-for="item in items"
           :key="key(item)"
-          :model="name || name === 0 ? model[name] : model"
-          :last-values="name || name === 0 ? lastValues[name] || {} : lastValues"
+          :model="isValidName() ? model[name] : model"
+          :last-values="isValidName() ? lastValues[name] || {} : lastValues"
           :is-compare="isCompare"
           :config="item"
           :size="size"
@@ -220,14 +165,28 @@
 </template>
 
 <script setup lang="ts">
-import { computed, inject, ref, watch, watchEffect } from 'vue';
+import { computed, inject, readonly, ref, toRaw, watch, watchEffect } from 'vue';
 import { WarningFilled } from '@element-plus/icons-vue';
 import { isEqual } from 'lodash-es';
 
 import { TMagicButton, TMagicFormItem, TMagicIcon, TMagicTooltip } from '@tmagic/design';
+import { getValueByKeyPath } from '@tmagic/utils';
 
-import { ChildConfig, ContainerCommonConfig, FormState, FormValue, TypeFunction } from '../schema';
-import { display as displayFunction, filterFunction, getRules } from '../utils/form';
+import MHidden from '../fields/Hidden.vue';
+import type {
+  CheckboxConfig,
+  ComponentConfig,
+  ContainerChangeEventData,
+  ContainerCommonConfig,
+  FormItemConfig,
+  FormState,
+  FormValue,
+  ToolTipConfigType,
+} from '../schema';
+import { getField } from '../utils/config';
+import { createObjectProp, display as displayFunction, filterFunction, getRules } from '../utils/form';
+
+import FormLabel from './FormLabel.vue';
 
 defineOptions({
   name: 'MFormContainer',
@@ -239,10 +198,10 @@ const props = withDefaults(
     model: FormValue;
     /** 需对比的值（开启对比模式时传入） */
     lastValues?: FormValue;
-    config: ChildConfig;
+    config: FormItemConfig;
     prop?: string;
     disabled?: boolean;
-    labelWidth?: string;
+    labelWidth?: string | number;
     expandMore?: boolean;
     stepActive?: string | number;
     size?: string;
@@ -258,7 +217,10 @@ const props = withDefaults(
   },
 );
 
-const emit = defineEmits(['change', 'addDiffCount']);
+const emit = defineEmits<{
+  change: [v: any, eventData: ContainerChangeEventData];
+  addDiffCount: [];
+}>();
 
 const mForm = inject<FormState | undefined>('mForm');
 
@@ -277,37 +239,56 @@ const items = computed(() => (props.config as ContainerCommonConfig).items);
 
 const itemProp = computed(() => {
   let n: string | number = '';
-  const { names } = props.config as any;
-  if (names?.[0]) {
-    [n] = names;
-  } else if (name.value) {
+  if (name.value) {
     n = name.value;
   } else {
     return props.prop;
   }
-  return `${props.prop}${props.prop ? '.' : ''}${n}`;
+
+  if (typeof props.prop !== 'undefined' && props.prop !== '') {
+    return `${props.prop}.${n}`;
+  }
+
+  return `${n}`;
 });
 
-const tagName = computed(() => `m-${items.value ? 'form' : 'fields'}-${type.value}`);
+const type = computed((): string => {
+  let type = 'type' in props.config ? props.config.type : '';
+  type = type && filterFunction<string>(mForm, type, props);
+  if (type === 'form') return '';
+  if (type === 'container') return '';
+  return type?.replace(/([A-Z])/g, '-$1').toLowerCase() || (items.value ? '' : 'text');
+});
+
+const tagName = computed(() => {
+  if (type.value === 'component' && (props.config as ComponentConfig).component) {
+    return (props.config as ComponentConfig).component;
+  }
+
+  return getField(type.value || 'container') || `m-${items.value ? 'form' : 'fields'}-${type.value}`;
+});
 
 const disabled = computed(() => props.disabled || filterFunction(mForm, props.config.disabled, props));
 
 const text = computed(() => filterFunction(mForm, props.config.text, props));
 
-const tooltip = computed(() => filterFunction(mForm, props.config.tooltip, props));
+const tooltip = computed(() => {
+  const config = filterFunction<ToolTipConfigType>(mForm, props.config.tooltip, props);
+  if (typeof config === 'string') {
+    return {
+      text: config,
+      placement: 'top',
+    };
+  }
 
-const extra = computed(() => filterFunction(mForm, props.config.extra, props));
+  return {
+    text: config?.text,
+    placement: config?.placement || 'top',
+  };
+});
 
 const rule = computed(() => getRules(mForm, props.config.rules, props));
 
-const type = computed((): string => {
-  let { type } = props.config;
-  type = type && (filterFunction<string | TypeFunction>(mForm, type, props) as string);
-  if (type === 'form') return '';
-  if (type === 'container') return '';
-  return type?.replace(/([A-Z])/g, '-$1').toLowerCase() || (items.value ? '' : 'text');
-});
-
 const display = computed((): boolean => {
   const value = displayFunction(mForm, props.config.display, props);
 
@@ -317,6 +298,24 @@ const display = computed((): boolean => {
   return value;
 });
 
+const fieldsProps = computed(() => ({
+  size: props.size,
+  config: props.config,
+  name: name.value,
+  disabled: disabled.value,
+  prop: itemProp.value,
+  key: (props.config as Record<string, any>)[mForm?.keyProps],
+  style: props.config.fieldStyle,
+}));
+
+const formItemProps = computed(() => ({
+  prop: itemProp.value,
+  labelWidth: itemLabelWidth.value,
+  labelPosition: props.config.labelPosition,
+  rules: rule.value,
+  extra: filterFunction(mForm, props.config.extra, props),
+}));
+
 const itemLabelWidth = computed(() => props.config.labelWidth ?? props.labelWidth);
 
 watchEffect(() => {
@@ -350,6 +349,7 @@ const filterHandler = (filter: any, value: FormValue | number | string) => {
       formValue: mForm?.values,
       prop: itemProp.value,
       config: props.config,
+      getFormValue: (prop: string) => getValueByKeyPath(prop, mForm?.values || props.model),
     });
   }
 
@@ -360,18 +360,6 @@ const filterHandler = (filter: any, value: FormValue | number | string) => {
   return value;
 };
 
-const changeHandler = (onChange: any, value: FormValue | number | string) => {
-  if (typeof onChange === 'function') {
-    return onChange(mForm, value, {
-      model: props.model,
-      values: mForm?.initValues,
-      formValue: mForm?.values,
-      prop: itemProp.value,
-      config: props.config,
-    });
-  }
-};
-
 const trimHandler = (trim: any, value: FormValue | number | string) => {
   if (typeof value === 'string' && trim) {
     return value.replace(/^\s*/, '').replace(/\s*$/, '');
@@ -381,28 +369,102 @@ const trimHandler = (trim: any, value: FormValue | number | string) => {
 // 继续抛出给更高层级的组件
 const onAddDiffCount = () => emit('addDiffCount');
 
-const onChangeHandler = async function (v: FormValue, key?: string) {
-  const { filter, onChange, trim, name, dynamicKey } = props.config as any;
-  let value: FormValue | number | string = v;
+const hasModifyKey = (eventDataItem: ContainerChangeEventData) =>
+  typeof eventDataItem?.modifyKey !== 'undefined' && eventDataItem.modifyKey !== '';
+
+const isValidName = () => {
+  const valueType = typeof name.value;
+  if (valueType !== 'string' && valueType !== 'symbol' && valueType !== 'number') {
+    return false;
+  }
+
+  if (name.value === '') {
+    return false;
+  }
+
+  if (typeof name.value === 'number') {
+    return name.value >= 0;
+  }
+
+  return true;
+};
+
+const createModelProxy = (
+  target: any,
+  setModelFn: (_key: string, _value: any) => void,
+  pathPrefix: string = '',
+): any => {
+  return new Proxy(target, {
+    get: (obj, key: string) => {
+      const value = obj[key];
+      if (value && typeof value === 'object') {
+        const newPath = pathPrefix ? `${pathPrefix}.${key}` : key;
+        return createModelProxy(value, setModelFn, newPath);
+      }
+      return value;
+    },
+    set: (obj, key: string, value) => {
+      setModelFn(pathPrefix ? `${pathPrefix}.${key}` : key, value);
+      return true;
+    },
+  });
+};
+
+const onChangeHandler = async function (v: any, eventData: ContainerChangeEventData = {}) {
+  const { filter, onChange, trim } = props.config as any;
+  let value: FormValue | number | string | any[] = toRaw(v);
+  const changeRecords = eventData.changeRecords || [];
+  const newChangeRecords = [...changeRecords];
 
   try {
     value = filterHandler(filter, v);
-    value = (await changeHandler(onChange, value)) ?? value;
+
+    if (typeof onChange === 'function') {
+      const setModel = (key: string, value: any) => {
+        newChangeRecords.push({ propPath: createObjectProp(itemProp.value, key, props.config.name), value });
+      };
+
+      const setFormValue = (key: string, value: any) => {
+        newChangeRecords.push({ propPath: key, value });
+      };
+
+      value =
+        (await onChange(mForm, value, {
+          model: createModelProxy(props.model, setModel),
+          values: mForm ? readonly(mForm.initValues) : null,
+          formValue: createModelProxy(mForm?.values || {}, setFormValue),
+          prop: itemProp.value,
+          config: props.config,
+          changeRecords: newChangeRecords,
+          setModel,
+          setFormValue,
+          getFormValue: (prop: string) => getValueByKeyPath(prop, mForm?.values || props.model),
+        })) ?? value;
+    }
     value = trimHandler(trim, value) ?? value;
   } catch (e) {
     console.error(e);
   }
 
-  // field内容下包含field-link时，model===value, 这里避免循环引用
-  if ((name || name === 0) && props.model !== value && (v !== value || props.model[name] !== value)) {
-    // eslint-disable-next-line vue/no-mutating-props
-    props.model[name] = value;
+  let valueProp = itemProp.value;
+
+  if (hasModifyKey(eventData)) {
+    valueProp = valueProp ? `${valueProp}.${eventData.modifyKey}` : eventData.modifyKey!;
+
+    // 需要清除掉modifyKey，不然往上层抛出后还会被认为需要修改
+    delete eventData.modifyKey;
   }
-  // 动态表单类型，根据value和key参数，直接修改model
-  if (key !== undefined && dynamicKey) {
-    // eslint-disable-next-line vue/no-mutating-props
-    props.model[key] = value;
+
+  if (changeRecords.length === 0) {
+    newChangeRecords.push({
+      propPath: valueProp,
+      value,
+    });
   }
-  emit('change', props.model);
+
+  emit('change', props.model, {
+    ...eventData,
+    changeRecords: newChangeRecords,
+  });
 };
 </script>
diff --git a/packages/form/src/containers/Fieldset.vue b/packages/form/src/containers/Fieldset.vue
index dd26282c..1290582f 100644
--- a/packages/form/src/containers/Fieldset.vue
+++ b/packages/form/src/containers/Fieldset.vue
@@ -1,16 +1,12 @@
 <template>
-  <fieldset
-    v-if="name ? model[name] : model"
-    class="m-fieldset"
-    :style="show ? 'padding: 15px 15px 0 5px;' : 'border: 0'"
-  >
+  <fieldset v-if="name ? model[name] : model" class="m-fieldset" :style="show ? 'padding: 15px' : 'border: 0'">
     <component v-if="name && config.checkbox" :is="!show ? 'div' : 'legend'">
       <TMagicCheckbox
-        v-model="model[name].value"
-        :prop="`${prop}${prop ? '.' : ''}${config.name}.value`"
-        :true-value="1"
-        :false-value="0"
-        @update:modelValue="change"
+        :model-value="(name ? model[name] : model)[checkboxName]"
+        :prop="`${prop}${prop ? '.' : ''}${config.name}.${checkboxName}`"
+        :true-value="checkboxTrueValue"
+        :false-value="checkboxFalseValue"
+        @update:modelValue="valueChangeHandler"
         ><span v-html="config.legend"></span><span v-if="config.extra" v-html="config.extra" class="m-form-tip"></span
       ></TMagicCheckbox>
     </component>
@@ -33,7 +29,7 @@
           :disabled="disabled"
           :labelWidth="lWidth"
           :size="size"
-          @change="change"
+          @change="changeHandler"
           @add-diff-count="onAddDiffCount()"
         ></Container>
       </div>
@@ -54,7 +50,7 @@
         :labelWidth="lWidth"
         :size="size"
         :disabled="disabled"
-        @change="change"
+        @change="changeHandler"
         @addDiffCount="onAddDiffCount()"
       ></Container>
     </template>
@@ -66,7 +62,7 @@ import { computed, inject } from 'vue';
 
 import { TMagicCheckbox } from '@tmagic/design';
 
-import { FieldsetConfig, FormState } from '../schema';
+import { ContainerChangeEventData, FieldsetConfig, FormState } from '../schema';
 
 import Container from './Container.vue';
 
@@ -94,15 +90,42 @@ const props = withDefaults(
   },
 );
 
-const emit = defineEmits(['change', 'addDiffCount']);
+const emit = defineEmits<{
+  change: [v: any, eventData: ContainerChangeEventData];
+  addDiffCount: [];
+}>();
 
 const mForm = inject<FormState | undefined>('mForm');
 
 const name = computed(() => props.config.name || '');
 
+const checkboxName = computed(() => {
+  if (typeof props.config.checkbox === 'object' && typeof props.config.checkbox.name === 'string') {
+    return props.config.checkbox.name;
+  }
+
+  return 'value';
+});
+
+const checkboxTrueValue = computed(() => {
+  if (typeof props.config.checkbox === 'object' && typeof props.config.checkbox.trueValue !== 'undefined') {
+    return props.config.checkbox.trueValue;
+  }
+
+  return 1;
+});
+
+const checkboxFalseValue = computed(() => {
+  if (typeof props.config.checkbox === 'object' && typeof props.config.checkbox.falseValue !== 'undefined') {
+    return props.config.checkbox.falseValue;
+  }
+
+  return 0;
+});
+
 const show = computed(() => {
-  if (props.config.expand && name.value) {
-    return props.model[name.value]?.value;
+  if (props.config.expand && checkboxName.value) {
+    return (name.value ? props.model[name.value] : props.model)?.[checkboxName.value] === checkboxTrueValue.value;
   }
   return true;
 });
@@ -114,10 +137,12 @@ const lWidth = computed(() => {
   return props.config.labelWidth || props.labelWidth || (props.config.text ? undefined : '0');
 });
 
-const change = () => {
-  emit('change', props.model);
+const valueChangeHandler = (value: number | boolean) => {
+  emit('change', value, { modifyKey: checkboxName.value });
 };
 
+const changeHandler = (v: any, eventData: ContainerChangeEventData) => emit('change', v, eventData);
+
 const key = (item: any, index: number) => item[mForm?.keyProp || '__key'] ?? index;
 
 const onAddDiffCount = () => emit('addDiffCount');
diff --git a/packages/form/src/containers/FlexLayout.vue b/packages/form/src/containers/FlexLayout.vue
new file mode 100644
index 00000000..6e57ad14
--- /dev/null
+++ b/packages/form/src/containers/FlexLayout.vue
@@ -0,0 +1,59 @@
+<template>
+  <div class="m-form-flex-layout" :style="{ display: 'flex', flexWrap: 'wrap', gap }">
+    <Container
+      v-for="(item, index) in config.items"
+      :key="(item as Record<string, any>)[mForm?.keyProp || '__key'] ?? index"
+      :config="item"
+      :model="name ? model[name] : model"
+      :lastValues="name ? lastValues[name] : lastValues"
+      :is-compare="isCompare"
+      :prop="prop"
+      :size="size"
+      :disabled="disabled"
+      :label-width="config.labelWidth || labelWidth"
+      @change="changeHandler"
+      @addDiffCount="onAddDiffCount()"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed, inject } from 'vue';
+
+import type { FlexLayoutConfig } from '@tmagic/form-schema';
+
+import type { ContainerChangeEventData, FormState } from '../schema';
+
+import Container from './Container.vue';
+
+defineOptions({
+  name: 'MFormFlexLayout',
+});
+
+const props = defineProps<{
+  model: any;
+  lastValues?: any;
+  isCompare?: boolean;
+  config: FlexLayoutConfig;
+  name?: string;
+  labelWidth?: string;
+  prop?: string;
+  size?: string;
+  disabled?: boolean;
+}>();
+
+const emit = defineEmits<{
+  change: [v: any, eventData: ContainerChangeEventData];
+  addDiffCount: [];
+}>();
+
+const mForm = inject<FormState | undefined>('mForm');
+
+const gap = computed(() => props.config.gap || '16px');
+
+const changeHandler = (v: any, eventData: ContainerChangeEventData) => {
+  emit('change', props.model, eventData);
+};
+
+const onAddDiffCount = () => emit('addDiffCount');
+</script>
diff --git a/packages/form/src/containers/FormLabel.vue b/packages/form/src/containers/FormLabel.vue
new file mode 100644
index 00000000..dc99080d
--- /dev/null
+++ b/packages/form/src/containers/FormLabel.vue
@@ -0,0 +1,26 @@
+<template>
+  <span v-if="tip" style="display: inline-flex; align-items: center">
+    <span v-html="type === 'checkbox' && !useLabel ? '' : text" :title="labelTitle"></span>
+    <TMagicTooltip v-if="tip && (type !== 'checkbox' || useLabel)" placement="top">
+      <TMagicIcon style="margin-left: 5px; display: flex"><warning-filled /></TMagicIcon>
+      <template #content>
+        <div v-html="tip"></div>
+      </template>
+    </TMagicTooltip>
+  </span>
+  <span v-else v-html="type === 'checkbox' && !useLabel ? '' : text" :title="labelTitle"></span>
+</template>
+
+<script setup lang="ts">
+import { WarningFilled } from '@element-plus/icons-vue';
+
+import { TMagicIcon, TMagicTooltip } from '@tmagic/design';
+
+defineProps<{
+  tip?: string;
+  type?: string;
+  useLabel?: boolean;
+  text?: string;
+  labelTitle?: string;
+}>();
+</script>
diff --git a/packages/form/src/containers/GroupList.vue b/packages/form/src/containers/GroupList.vue
index 89a2a97e..8ac4aa71 100644
--- a/packages/form/src/containers/GroupList.vue
+++ b/packages/form/src/containers/GroupList.vue
@@ -2,7 +2,7 @@
   <div class="m-fields-group-list">
     <div v-if="config.extra" v-html="config.extra" style="color: rgba(0, 0, 0, 0.45)"></div>
     <div v-if="!model[name] || !model[name].length" class="el-table__empty-block">
-      <span class="el-table__empty-text">暂无数据</span>
+      <span class="el-table__empty-text t-table__empty">暂无数据</span>
     </div>
 
     <MFieldsGroupListItem
@@ -10,34 +10,49 @@
       v-for="(item, index) in model[name]"
       :key="index"
       :model="item"
-      :lastValues="getLastValues(lastValues[name], index)"
+      :lastValues="getLastValues(lastValues[name], Number(index))"
       :is-compare="isCompare"
       :config="config"
       :prop="prop"
-      :index="index"
+      :index="Number(index)"
       :label-width="labelWidth"
       :size="size"
       :disabled="disabled"
       :group-model="model[name]"
       @remove-item="removeHandler"
+      @copy-item="copyHandler"
       @swap-item="swapHandler"
       @change="changeHandler"
       @addDiffCount="onAddDiffCount()"
     ></MFieldsGroupListItem>
 
-    <TMagicButton @click="addHandler" size="small" :disabled="disabled" v-if="addable">新增</TMagicButton>
-
-    <TMagicButton :icon="Grid" size="small" @click="toggleMode" v-if="config.enableToggleMode">切换为表格</TMagicButton>
+    <div class="m-fields-group-list-footer">
+      <TMagicButton v-if="config.enableToggleMode" :icon="Grid" size="small" @click="toggleMode"
+        >切换为表格</TMagicButton
+      >
+      <div style="display: flex; justify-content: flex-end; flex: 1">
+        <TMagicButton
+          v-if="addable"
+          :size="config.enableToggleMode ? 'small' : 'default'"
+          :icon="Plus"
+          v-bind="config.addButtonConfig?.props || { type: 'primary' }"
+          :disabled="disabled"
+          @click="addHandler"
+          >{{ config.addButtonConfig?.text || '新增' }}</TMagicButton
+        >
+      </div>
+    </div>
   </div>
 </template>
 
 <script setup lang="ts">
 import { computed, inject } from 'vue';
-import { Grid } from '@element-plus/icons-vue';
+import { Grid, Plus } from '@element-plus/icons-vue';
+import { cloneDeep } from 'lodash-es';
 
 import { TMagicButton } from '@tmagic/design';
 
-import { FormState, GroupListConfig } from '../schema';
+import type { ContainerChangeEventData, FormState, GroupListConfig } from '../schema';
 import { initValue } from '../utils/form';
 
 import MFieldsGroupListItem from './GroupListItem.vue';
@@ -58,7 +73,10 @@ const props = defineProps<{
   disabled?: boolean;
 }>();
 
-const emit = defineEmits(['change', 'addDiffCount']);
+const emit = defineEmits<{
+  change: [v: any, eventData?: ContainerChangeEventData];
+  addDiffCount: [];
+}>();
 
 const mForm = inject<FormState | undefined>('mForm');
 
@@ -77,10 +95,8 @@ const addable = computed(() => {
   return typeof props.config.addable === 'undefined' ? true : props.config.addable;
 });
 
-const changeHandler = () => {
-  if (!props.name) return false;
-
-  emit('change', props.model[props.name]);
+const changeHandler = (v: any, eventData: ContainerChangeEventData) => {
+  emit('change', props.model, eventData);
 };
 
 const addHandler = async () => {
@@ -105,21 +121,36 @@ const addHandler = async () => {
   });
 
   props.model[props.name].push(groupValue);
+
+  emit('change', props.model[props.name], {
+    changeRecords: [
+      {
+        propPath: `${props.prop}.${props.model[props.name].length - 1}`,
+        value: groupValue,
+      },
+    ],
+  });
 };
 
 const removeHandler = (index: number) => {
   if (!props.name) return false;
 
   props.model[props.name].splice(index, 1);
-  changeHandler();
+  emit('change', props.model[props.name]);
+};
+
+const copyHandler = (index: number) => {
+  props.model[props.name].push(cloneDeep(props.model[props.name][index]));
 };
 
 const swapHandler = (idx1: number, idx2: number) => {
   if (!props.name) return false;
 
+  const { length } = props.model[props.name];
+
   const [currRow] = props.model[props.name].splice(idx1, 1);
-  props.model[props.name].splice(idx2, 0, currRow);
-  changeHandler();
+  props.model[props.name].splice(Math.min(Math.max(idx2, 0), length - 1), 0, currRow);
+  emit('change', props.model[props.name]);
 };
 
 const toggleMode = () => {
diff --git a/packages/form/src/containers/GroupListItem.vue b/packages/form/src/containers/GroupListItem.vue
index 7e096eff..39511c61 100644
--- a/packages/form/src/containers/GroupListItem.vue
+++ b/packages/form/src/containers/GroupListItem.vue
@@ -1,30 +1,92 @@
 <template>
-  <div class="m-fields-group-list-item">
-    <div>
-      <TMagicButton link :disabled="disabled" @click="expandHandler">
-        <TMagicIcon><CaretBottom v-if="expand" /><CaretRight v-else /></TMagicIcon>{{ title }}
-      </TMagicButton>
+  <TMagicCard class="m-fields-group-list-item" :body-style="{ display: expand ? 'block' : 'none' }">
+    <template #header>
+      <div>
+        <TMagicButton link :disabled="disabled" @click="expandHandler">
+          <TMagicIcon><CaretBottom v-if="expand" /><CaretRight v-else /></TMagicIcon><span v-html="title"></span>
+        </TMagicButton>
 
-      <TMagicButton
-        v-show="showDelete(parseInt(String(index)))"
-        style="color: #f56c6c"
-        link
-        :icon="Delete"
-        :disabled="disabled"
-        @click="removeHandler"
-      ></TMagicButton>
-
-      <template v-if="movable()">
-        <TMagicButton v-show="index !== 0" link :disabled="disabled" size="small" @click="changeOrder(-1)"
-          >上移<TMagicIcon><CaretTop /></TMagicIcon
+        <TMagicButton
+          v-show="showDelete"
+          type="danger"
+          size="small"
+          link
+          :icon="Delete"
+          :disabled="disabled"
+          @click="removeHandler"
         ></TMagicButton>
-        <TMagicButton v-show="index !== length - 1" :disabled="disabled" link size="small" @click="changeOrder(1)"
-          >下移<TMagicIcon><CaretBottom /></TMagicIcon
-        ></TMagicButton>
-      </template>
 
-      <span v-if="itemExtra" v-html="itemExtra" class="m-form-tip"></span>
-    </div>
+        <TMagicButton
+          v-if="copyable"
+          link
+          size="small"
+          type="primary"
+          :icon="DocumentCopy"
+          :disabled="disabled"
+          @click="copyHandler"
+          >复制</TMagicButton
+        >
+
+        <template v-if="movable">
+          <TMagicButton
+            v-show="index !== 0"
+            link
+            size="small"
+            :disabled="disabled"
+            :icon="CaretTop"
+            @click="changeOrder(-1)"
+            >上移</TMagicButton
+          >
+          <TMagicButton
+            v-show="index !== length - 1"
+            link
+            size="small"
+            :disabled="disabled"
+            :icon="CaretBottom"
+            @click="changeOrder(1)"
+            >下移</TMagicButton
+          >
+        </template>
+
+        <TMagicPopover
+          v-if="config.moveSpecifyLocation"
+          trigger="click"
+          placement="top"
+          width="200"
+          :visible="moveSpecifyLocationVisible"
+        >
+          <template #reference>
+            <TMagicButton
+              link
+              size="small"
+              type="primary"
+              :icon="Position"
+              :disabled="disabled"
+              @click="moveSpecifyLocationVisible = true"
+              >移动至</TMagicButton
+            >
+          </template>
+          <div>
+            <div>
+              第<TMagicInputNumber
+                style="margin: 0 5px"
+                v-model="moveSpecifyLocationIndex"
+                size="small"
+                :min="1"
+                :disabled="disabled"
+              ></TMagicInputNumber
+              >行
+            </div>
+            <div style="text-align: right; margin-top: 20px">
+              <TMagicButton size="small" text @click="moveSpecifyLocationVisible = false">取消</TMagicButton>
+              <TMagicButton size="small" type="primary" @click="moveSpecifyLocationHandler">确认</TMagicButton>
+            </div>
+          </div>
+        </TMagicPopover>
+
+        <span v-if="itemExtra" v-html="itemExtra" class="m-form-tip"></span>
+      </div>
+    </template>
 
     <Container
       v-if="expand"
@@ -39,16 +101,16 @@
       @change="changeHandler"
       @addDiffCount="onAddDiffCount()"
     ></Container>
-  </div>
+  </TMagicCard>
 </template>
 
 <script setup lang="ts">
 import { computed, inject, ref } from 'vue';
-import { CaretBottom, CaretRight, CaretTop, Delete } from '@element-plus/icons-vue';
+import { CaretBottom, CaretRight, CaretTop, Delete, DocumentCopy, Position } from '@element-plus/icons-vue';
 
-import { TMagicButton, TMagicIcon } from '@tmagic/design';
+import { TMagicButton, TMagicCard, TMagicIcon, TMagicInputNumber, TMagicPopover } from '@tmagic/design';
 
-import { FormState, GroupListConfig } from '../schema';
+import type { ContainerChangeEventData, FormState, GroupListConfig } from '../schema';
 import { filterFunction } from '../utils/form';
 
 import Container from './Container.vue';
@@ -70,17 +132,21 @@ const props = defineProps<{
   disabled?: boolean;
 }>();
 
-const emit = defineEmits(['swap-item', 'remove-item', 'change', 'addDiffCount']);
+const emit = defineEmits(['swap-item', 'remove-item', 'change', 'addDiffCount', 'copy-item']);
 
 const mForm = inject<FormState | undefined>('mForm');
-const expand = ref(props.config.expandAll || !props.index);
+
+const defaultExpandQuantity = props.config.defaultExpandQuantity ?? 7;
+const expand = ref(props.config.expandAll || defaultExpandQuantity > props.index);
 
 const rowConfig = computed(() => ({
   type: 'row',
   span: props.config.span || 24,
   items: props.config.items,
   labelWidth: props.config.labelWidth,
-  [mForm?.keyProp || '__key']: `${props.config[mForm?.keyProp || '__key']}${String(props.index)}`,
+  [mForm?.keyProp || '__key']: `${(props.config as Record<string, any>)[mForm?.keyProp || '__key']}${String(
+    props.index,
+  )}`,
 }));
 
 const title = computed(() => {
@@ -103,25 +169,27 @@ const itemExtra = computed(() => filterFunction(mForm, props.config.itemExtra, p
 
 const removeHandler = () => emit('remove-item', props.index);
 
-const changeHandler = () => emit('change');
+const changeHandler = (v: any, eventData: ContainerChangeEventData) => {
+  emit('change', props.model, eventData);
+};
 
 const expandHandler = () => {
   expand.value = !expand.value;
 };
 
 // 希望支持单行可控制是否显示删除按钮，不会影响现有逻辑
-const showDelete = (index: number) => {
+const showDelete = computed(() => {
   const deleteFunc = props.config.delete;
   if (deleteFunc && typeof deleteFunc === 'function') {
-    return deleteFunc(props.model, index, mForm?.values);
+    return deleteFunc(props.model, props.index, mForm?.values);
   }
   return true;
-};
+});
 
 // 调换顺序
 const changeOrder = (offset = 0) => emit('swap-item', props.index, props.index + offset);
 
-const movable = () => {
+const movable = computed(() => {
   const { movable } = props.config;
 
   // 没有设置时，默认可移动
@@ -130,6 +198,20 @@ const movable = () => {
     return movable(mForm, props.index || 0, props.model, props.groupModel);
   }
   return movable;
-};
+});
+
+const copyable = computed(() => filterFunction<boolean>(mForm, props.config.copyable, props));
 const onAddDiffCount = () => emit('addDiffCount');
+
+const copyHandler = () => {
+  emit('copy-item', props.index);
+};
+
+const moveSpecifyLocationVisible = ref(false);
+const moveSpecifyLocationIndex = ref(1);
+
+const moveSpecifyLocationHandler = () => {
+  moveSpecifyLocationVisible.value = false;
+  emit('swap-item', props.index, moveSpecifyLocationIndex.value - 1);
+};
 </script>
diff --git a/packages/form/src/containers/Panel.vue b/packages/form/src/containers/Panel.vue
index b1668a9b..8d164bf1 100644
--- a/packages/form/src/containers/Panel.vue
+++ b/packages/form/src/containers/Panel.vue
@@ -8,8 +8,11 @@
       <div style="width: 100%; display: flex; align-items: center">
         <TMagicButton style="padding: 0" link :icon="expand ? CaretBottom : CaretRight" @click="expand = !expand">
         </TMagicButton>
+        <slot name="header">
+          <span style="cursor: pointer" @click="expand = !expand">{{ filter(config.title) }}</span>
+        </slot>
+
         <span v-if="config && config.extra" v-html="config.extra" class="m-form-tip"></span>
-        <slot name="header">{{ filter(config.title) }}</slot>
       </div>
     </template>
 
@@ -20,7 +23,7 @@
         <div style="flex: 1">
           <Container
             v-for="(item, index) in items"
-            :key="item[mForm?.keyProp || '__key'] ?? index"
+            :key="(item as Record<string, any>)[mForm?.keyProp || '__key'] ?? index"
             :config="item"
             :model="name ? model[name] : model"
             :lastValues="name ? lastValues[name] : lastValues"
@@ -40,7 +43,7 @@
       <template v-else>
         <Container
           v-for="(item, index) in items"
-          :key="item[mForm?.keyProp || '__key'] ?? index"
+          :key="(item as Record<string, any>)[mForm?.keyProp || '__key'] ?? index"
           :config="item"
           :model="name ? model[name] : model"
           :lastValues="name ? lastValues[name] : lastValues"
@@ -63,7 +66,7 @@ import { CaretBottom, CaretRight } from '@element-plus/icons-vue';
 
 import { TMagicButton, TMagicCard } from '@tmagic/design';
 
-import { FormState, PanelConfig } from '../schema';
+import type { ContainerChangeEventData, FormState, PanelConfig } from '../schema';
 import { filterFunction } from '../utils/form';
 
 import Container from './Container.vue';
@@ -84,7 +87,10 @@ const props = defineProps<{
   disabled?: boolean;
 }>();
 
-const emit = defineEmits(['change', 'addDiffCount']);
+const emit = defineEmits<{
+  change: [v: any, eventData: ContainerChangeEventData];
+  addDiffCount: [];
+}>();
 
 const mForm = inject<FormState | undefined>('mForm');
 
@@ -94,6 +100,16 @@ const items = computed(() => props.config.items);
 
 const filter = (config: any) => filterFunction(mForm, config, props);
 
-const changeHandler = () => emit('change', props.model);
+const changeHandler = (v: any, eventData: ContainerChangeEventData) => {
+  emit('change', props.model, eventData);
+};
 const onAddDiffCount = () => emit('addDiffCount');
+
+defineExpose({
+  getExpand: () => expand.value,
+
+  setExpand: (v: boolean) => {
+    expand.value = v;
+  },
+});
 </script>
diff --git a/packages/form/src/containers/Row.vue b/packages/form/src/containers/Row.vue
index 82de1193..2aa2610c 100644
--- a/packages/form/src/containers/Row.vue
+++ b/packages/form/src/containers/Row.vue
@@ -2,7 +2,7 @@
   <TMagicRow :gutter="10">
     <Col
       v-for="(col, index) in config.items"
-      :key="col[mForm?.keyProp || '__key'] ?? index"
+      :key="(col as Record<string, any>)[mForm?.keyProp || '__key'] ?? index"
       :span="col.span || config.span || 24 / config.items.length"
       :config="col"
       :labelWidth="config.labelWidth || labelWidth"
@@ -24,7 +24,7 @@ import { inject } from 'vue';
 
 import { TMagicRow } from '@tmagic/design';
 
-import { FormState, RowConfig } from '../schema';
+import type { ContainerChangeEventData, FormState, RowConfig } from '../schema';
 
 import Col from './Col.vue';
 
@@ -45,10 +45,15 @@ const props = defineProps<{
   disabled?: boolean;
 }>();
 
-const emit = defineEmits(['change', 'addDiffCount']);
+const emit = defineEmits<{
+  change: [v: any, eventData: ContainerChangeEventData];
+  addDiffCount: [];
+}>();
 
 const mForm = inject<FormState | undefined>('mForm');
 
-const changeHandler = () => emit('change', props.name ? props.model[props.name] : props.model);
+const changeHandler = (v: any, eventData: ContainerChangeEventData) => {
+  emit('change', props.name ? props.model[props.name] : props.model, eventData);
+};
 const onAddDiffCount = () => emit('addDiffCount');
 </script>
diff --git a/packages/form/src/containers/Step.vue b/packages/form/src/containers/Step.vue
index 19e1d19b..85218697 100644
--- a/packages/form/src/containers/Step.vue
+++ b/packages/form/src/containers/Step.vue
@@ -15,7 +15,7 @@
         <Container
           v-if="item"
           v-show="active - 1 === index"
-          :key="item[mForm?.keyProp || '__key']"
+          :key="(item as Record<string, any>)[mForm?.keyProp || '__key']"
           :config="item"
           :model="step.name ? model[step.name] : model"
           :lastValues="step.name ? lastValues[step.name] : lastValues"
@@ -37,7 +37,7 @@ import { inject, ref, watchEffect } from 'vue';
 
 import { TMagicStep, TMagicSteps } from '@tmagic/design';
 
-import { FormState, StepConfig } from '../schema';
+import type { ContainerChangeEventData, FormState, StepConfig } from '../schema';
 
 import Container from './Container.vue';
 
@@ -48,6 +48,7 @@ defineOptions({
 const props = withDefaults(
   defineProps<{
     model: any;
+    name?: string;
     lastValues?: any;
     isCompare?: boolean;
     config: StepConfig;
@@ -61,7 +62,10 @@ const props = withDefaults(
   },
 );
 
-const emit = defineEmits(['change', 'addDiffCount']);
+const emit = defineEmits<{
+  change: [v: any, eventData: ContainerChangeEventData];
+  addDiffCount: [];
+}>();
 
 const mForm = inject<FormState | undefined>('mForm');
 const active = ref(1);
@@ -75,8 +79,9 @@ const stepClick = (index: number) => {
   mForm?.$emit('update:stepActive', active.value);
 };
 
-const changeHandler = () => {
-  emit('change', props.model);
+const changeHandler = (v: any, eventData: ContainerChangeEventData) => {
+  emit('change', props.model, eventData);
 };
+
 const onAddDiffCount = () => emit('addDiffCount');
 </script>
diff --git a/packages/form/src/containers/Table.vue b/packages/form/src/containers/Table.vue
deleted file mode 100644
index 6f972a90..00000000
--- a/packages/form/src/containers/Table.vue
+++ /dev/null
@@ -1,648 +0,0 @@
-<template>
-  <div class="m-fields-table-wrap">
-    <teleport to="body" :disabled="!isFullscreen">
-      <div ref="mTable" class="m-fields-table" :class="{ 'm-fields-table-item-extra': config.itemExtra }">
-        <span v-if="config.extra" style="color: rgba(0, 0, 0, 0.45)" v-html="config.extra"></span>
-        <TMagicTooltip content="拖拽可排序" placement="left-start" :disabled="config.dropSort !== true">
-          <TMagicTable
-            v-if="model[modelName]"
-            ref="tMagicTable"
-            style="width: 100%"
-            :row-key="config.rowKey || 'id'"
-            :data="data"
-            :lastData="lastData"
-            :border="config.border"
-            :max-height="config.maxHeight"
-            :default-expand-all="true"
-            :key="updateKey"
-            @select="selectHandle"
-            @sort-change="sortChange"
-          >
-            <TMagicTableColumn v-if="config.itemExtra" :fixed="'left'" width="30" type="expand">
-              <template v-slot="scope">
-                <span v-html="itemExtra(config.itemExtra, scope.$index)" class="m-form-tip"></span>
-              </template>
-            </TMagicTableColumn>
-
-            <TMagicTableColumn
-              label="操作"
-              :width="config.operateColWidth || 55"
-              align="center"
-              :fixed="config.fixed === false ? undefined : 'left'"
-            >
-              <template v-slot="scope">
-                <slot name="operateCol" :scope="scope"></slot>
-                <TMagicIcon
-                  v-show="showDelete(scope.$index + 1 + pagecontext * pagesize - 1)"
-                  class="m-table-delete-icon"
-                  @click="removeHandler(scope.$index + 1 + pagecontext * pagesize - 1)"
-                  ><Delete
-                /></TMagicIcon>
-              </template>
-            </TMagicTableColumn>
-
-            <TMagicTableColumn v-if="sort && model[modelName] && model[modelName].length > 1" label="排序" width="60">
-              <template v-slot="scope">
-                <TMagicTooltip
-                  v-if="scope.$index + 1 + pagecontext * pagesize - 1 !== 0"
-                  content="点击上移，双击置顶"
-                  placement="top"
-                >
-                  <TMagicButton
-                    plain
-                    size="small"
-                    type="primary"
-                    :icon="ArrowUp"
-                    :disabled="disabled"
-                    link
-                    @click="upHandler(scope.$index + 1 + pagecontext * pagesize - 1)"
-                    @dblclick="topHandler(scope.$index + 1 + pagecontext * pagesize - 1)"
-                  ></TMagicButton>
-                </TMagicTooltip>
-                <TMagicTooltip
-                  v-if="scope.$index + 1 + pagecontext * pagesize - 1 !== model[modelName].length - 1"
-                  content="点击下移，双击置底"
-                  placement="top"
-                >
-                  <TMagicButton
-                    plain
-                    size="small"
-                    type="primary"
-                    :icon="ArrowDown"
-                    :disabled="disabled"
-                    link
-                    @click="downHandler(scope.$index + 1 + pagecontext * pagesize - 1)"
-                    @dblclick="bottomHandler(scope.$index + 1 + pagecontext * pagesize - 1)"
-                  ></TMagicButton>
-                </TMagicTooltip>
-              </template>
-            </TMagicTableColumn>
-
-            <TMagicTableColumn
-              v-if="selection"
-              align="center"
-              header-align="center"
-              type="selection"
-              width="45"
-            ></TMagicTableColumn>
-
-            <TMagicTableColumn width="60" label="序号" v-if="showIndex && config.showIndex">
-              <template v-slot="scope">{{ scope.$index + 1 + pagecontext * pagesize }}</template>
-            </TMagicTableColumn>
-
-            <template v-for="(column, index) in config.items">
-              <TMagicTableColumn
-                v-if="column.type !== 'hidden' && display(column.display)"
-                :prop="column.name"
-                :width="column.width"
-                :label="column.label"
-                :sortable="column.sortable"
-                :sort-orders="['ascending', 'descending']"
-                :key="column[mForm?.keyProp || '__key'] ?? index"
-                :class-name="config.dropSort === true ? 'el-table__column--dropable' : ''"
-              >
-                <template #default="scope">
-                  <Container
-                    v-if="scope.$index > -1"
-                    labelWidth="0"
-                    :disabled="disabled"
-                    :prop="getProp(scope.$index)"
-                    :rules="column.rules"
-                    :config="makeConfig(column, scope.row)"
-                    :model="scope.row"
-                    :lastValues="lastData[scope.$index]"
-                    :is-compare="isCompare"
-                    :size="size"
-                    @change="$emit('change', model[modelName])"
-                    @addDiffCount="onAddDiffCount()"
-                  ></Container>
-                </template>
-              </TMagicTableColumn>
-            </template>
-          </TMagicTable>
-        </TMagicTooltip>
-        <slot></slot>
-
-        <div style="display: flex; justify-content: space-between; margin: 10px 0">
-          <TMagicButton v-if="addable" size="small" type="primary" :disabled="disabled" plain @click="newHandler()"
-            >新增一行</TMagicButton
-          >
-
-          <div style="display: flex">
-            <TMagicButton
-              :icon="Grid"
-              size="small"
-              type="primary"
-              @click="toggleMode"
-              v-if="enableToggleMode && config.enableToggleMode !== false && !isFullscreen"
-              >展开配置</TMagicButton
-            >
-            <TMagicButton
-              :icon="FullScreen"
-              size="small"
-              type="primary"
-              @click="toggleFullscreen"
-              v-if="config.enableFullscreen !== false"
-            >
-              {{ isFullscreen ? '退出全屏' : '全屏编辑' }}
-            </TMagicButton>
-            <TMagicUpload
-              v-if="importable"
-              style="display: inline-block"
-              ref="excelBtn"
-              action="/noop"
-              :disabled="disabled"
-              :on-change="excelHandler"
-              :auto-upload="false"
-            >
-              <TMagicButton size="small" type="success" :disabled="disabled" plain>导入EXCEL</TMagicButton>
-            </TMagicUpload>
-            <TMagicButton
-              v-if="importable"
-              size="small"
-              type="warning"
-              :disabled="disabled"
-              plain
-              @click="clearHandler()"
-              >清空</TMagicButton
-            >
-          </div>
-        </div>
-
-        <div class="bottom" style="text-align: right" v-if="config.pagination">
-          <TMagicPagination
-            layout="total, sizes, prev, pager, next, jumper"
-            :hide-on-single-page="model[modelName].length < pagesize"
-            :current-page="pagecontext + 1"
-            :page-sizes="[pagesize, 60, 120, 300]"
-            :page-size="pagesize"
-            :total="model[modelName].length"
-            @size-change="handleSizeChange"
-            @current-change="handleCurrentChange"
-          >
-          </TMagicPagination>
-        </div>
-      </div>
-    </teleport>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { computed, inject, onMounted, ref, toRefs, watchEffect } from 'vue';
-import { ArrowDown, ArrowUp, Delete, FullScreen, Grid } from '@element-plus/icons-vue';
-import { cloneDeep } from 'lodash-es';
-import Sortable, { SortableEvent } from 'sortablejs';
-
-import {
-  TMagicButton,
-  TMagicIcon,
-  tMagicMessage,
-  TMagicPagination,
-  TMagicTable,
-  TMagicTableColumn,
-  TMagicTooltip,
-  TMagicUpload,
-  useZIndex,
-} from '@tmagic/design';
-import { asyncLoadJs, sleep } from '@tmagic/utils';
-
-import { ColumnConfig, FormState, SortProp, TableConfig } from '../schema';
-import { display as displayFunc, initValue } from '../utils/form';
-
-import Container from './Container.vue';
-
-defineOptions({
-  name: 'MFormTable',
-});
-
-const props = withDefaults(
-  defineProps<{
-    model: any;
-    lastValues?: any;
-    isCompare?: boolean;
-    config: TableConfig;
-    name: string;
-    prop?: string;
-    labelWidth?: string;
-    sort?: boolean;
-    disabled?: boolean;
-    sortKey?: string;
-    text?: string;
-    size?: string;
-    enableToggleMode?: boolean;
-    showIndex?: boolean;
-  }>(),
-  {
-    prop: '',
-    sortKey: '',
-    enableToggleMode: true,
-    showIndex: true,
-    lastValues: () => ({}),
-    isCompare: false,
-  },
-);
-
-const emit = defineEmits(['change', 'select', 'addDiffCount']);
-
-let timer: any | null = null;
-const mForm = inject<FormState | undefined>('mForm');
-
-const { nextZIndex } = useZIndex();
-
-const tMagicTable = ref<InstanceType<typeof TMagicTable>>();
-const excelBtn = ref<InstanceType<typeof TMagicUpload>>();
-const mTable = ref<HTMLDivElement>();
-
-const pagesize = ref(10);
-const pagecontext = ref(0);
-const updateKey = ref(1);
-const isFullscreen = ref(false);
-
-const modelName = computed(() => props.name || props.config.name || '');
-
-const data = computed(() =>
-  props.config.pagination
-    ? (props.model[modelName.value] || []).filter(
-        (item: any, index: number) =>
-          index >= pagecontext.value * pagesize.value && index + 1 <= (pagecontext.value + 1) * pagesize.value,
-      )
-    : props.model[modelName.value],
-);
-
-const lastData = computed(() =>
-  props.config.pagination
-    ? (props.lastValues[modelName.value] || []).filter(
-        (item: any, index: number) =>
-          index >= pagecontext.value * pagesize.value && index + 1 <= (pagecontext.value + 1) * pagesize.value,
-      )
-    : props.lastValues[modelName.value] || [],
-);
-
-const sortChange = ({ prop, order }: SortProp) => {
-  if (order === 'ascending') {
-    props.model[modelName.value] = props.model[modelName.value].sort((a: any, b: any) => a[prop] - b[prop]);
-  } else if (order === 'descending') {
-    props.model[modelName.value] = props.model[modelName.value].sort((a: any, b: any) => b[prop] - a[prop]);
-  }
-};
-
-const foreUpdate = () => {
-  updateKey.value += 1;
-  setTimeout(() => rowDrop());
-};
-
-const swapArray = (index1: number, index2: number) => {
-  props.model[modelName.value].splice(index1, 0, props.model[modelName.value].splice(index2, 1)[0]);
-
-  if (props.sortKey) {
-    for (let i = props.model[modelName.value].length - 1, v = 0; i >= 0; i--, v++) {
-      props.model[modelName.value][v][props.sortKey] = i;
-    }
-  }
-  mForm?.$emit('field-change', props.prop, props.model[modelName.value]);
-};
-
-const rowDrop = () => {
-  const tableEl = tMagicTable.value?.instance.$el;
-  const tBodyEl = tableEl?.querySelector('.el-table__body > tbody');
-  if (tBodyEl) {
-    // eslint-disable-next-line prefer-destructuring
-    const sortable = Sortable.create(tBodyEl, {
-      onEnd: ({ newIndex, oldIndex }: SortableEvent) => {
-        if (typeof newIndex === 'undefined') return;
-        if (typeof oldIndex === 'undefined') return;
-        swapArray(newIndex, oldIndex);
-        emit('change', props.model[modelName.value]);
-        foreUpdate();
-        sortable.destroy();
-        mForm?.$emit('field-change', props.prop, props.model[modelName.value]);
-        sleep(1000).then(() => {
-          const elTrs = tableEl.querySelectorAll('.el-table__body > tbody > tr');
-          if (elTrs?.[newIndex]) {
-            elTrs[newIndex].style.backgroundColor = 'rgba(243, 89, 59, 0.2)';
-            sleep(1000).then(() => {
-              elTrs[newIndex].style.backgroundColor = '';
-            });
-          }
-        });
-      },
-    });
-  }
-};
-
-const newHandler = async (row?: any) => {
-  if (props.config.max && props.model[modelName.value].length >= props.config.max) {
-    tMagicMessage.error(`最多新增配置不能超过${props.config.max}条`);
-    return;
-  }
-
-  if (typeof props.config.beforeAddRow === 'function') {
-    const beforeCheckRes = props.config.beforeAddRow(mForm, {
-      model: props.model[modelName.value],
-      formValue: mForm?.values,
-      prop: props.prop,
-    });
-    if (!beforeCheckRes) return;
-  }
-
-  const columns = props.config.items;
-  const enumValues = props.config.enum || [];
-  let enumV = [];
-  const { length } = props.model[modelName.value];
-  const key = props.config.key || 'id';
-  let inputs: any = {};
-
-  if (enumValues.length) {
-    if (length >= enumValues.length) {
-      return;
-    }
-    enumV = enumValues.filter((item) => {
-      let i = 0;
-      for (; i < length; i++) {
-        if (item[key] === props.model[modelName.value][i][key]) {
-          break;
-        }
-      }
-      return i === length;
-    });
-
-    if (enumV.length > 0) {
-      // eslint-disable-next-line prefer-destructuring
-      inputs = enumV[0];
-    }
-  } else if (Array.isArray(row)) {
-    columns.forEach((column, index) => {
-      column.name && (inputs[column.name] = row[index]);
-    });
-  } else {
-    if (typeof props.config.defaultAdd === 'function') {
-      inputs = await props.config.defaultAdd(mForm, {
-        model: props.model[modelName.value],
-        formValue: mForm?.values,
-      });
-    } else if (props.config.defaultAdd) {
-      inputs = props.config.defaultAdd;
-    }
-
-    inputs = await initValue(mForm, {
-      config: columns,
-      initValues: inputs,
-    });
-  }
-
-  if (props.sortKey && length) {
-    inputs[props.sortKey] = props.model[modelName.value][length - 1][props.sortKey] - 1;
-  }
-
-  props.model[modelName.value].push(inputs);
-  emit('change', props.model[modelName.value]);
-};
-
-onMounted(() => {
-  if (props.config.defautSort) {
-    sortChange(props.config.defautSort);
-  } else if (props.config.defaultSort) {
-    sortChange(props.config.defaultSort);
-  }
-
-  if (props.sort && props.sortKey) {
-    props.model[modelName.value].sort((a: any, b: any) => b[props.sortKey] - a[props.sortKey]);
-  }
-});
-
-watchEffect(() => {
-  if (props.config.dropSort) {
-    rowDrop();
-  }
-});
-
-const addable = computed(() => {
-  if (!props.model[modelName.value].length) {
-    return true;
-  }
-  if (typeof props.config.addable === 'function') {
-    return props.config.addable(mForm, {
-      model: props.model[modelName.value],
-      formValue: mForm?.values,
-      prop: props.prop,
-    });
-  }
-  return typeof props.config.addable === 'undefined' ? true : props.config.addable;
-});
-
-const selection = computed(() => {
-  if (typeof props.config.selection === 'function') {
-    return props.config.selection(mForm, { model: props.model[modelName.value] });
-  }
-  return props.config.selection;
-});
-
-const importable = computed(() => {
-  if (typeof props.config.importable === 'function') {
-    return props.config.importable(mForm, {
-      formValue: mForm?.values,
-      model: props.model[modelName.value],
-    });
-  }
-  return typeof props.config.importable === 'undefined' ? false : props.config.importable;
-});
-
-const display = (fuc: any) => displayFunc(mForm, fuc, props);
-
-const itemExtra = (fuc: any, index: number) => {
-  if (typeof fuc === 'function') {
-    return fuc(mForm, {
-      values: mForm?.initValues,
-      model: props.model,
-      formValue: mForm ? mForm.values : props.model,
-      prop: props.prop,
-      index,
-    });
-  }
-
-  return fuc;
-};
-
-const removeHandler = (index: number) => {
-  if (props.disabled) return;
-  props.model[modelName.value].splice(index, 1);
-  emit('change', props.model[modelName.value]);
-};
-
-const selectHandle = (selection: any, row: any) => {
-  if (typeof props.config.selection === 'string' && props.config.selection === 'single') {
-    tMagicTable.value?.clearSelection();
-    tMagicTable.value?.toggleRowSelection(row, true);
-  }
-  emit('select', selection, row);
-  if (typeof props.config.onSelect === 'function') {
-    props.config.onSelect(mForm, { selection, row, config: props.config });
-  }
-};
-
-const toggleRowSelection = (row: any, selected: boolean) => {
-  tMagicTable.value?.toggleRowSelection.call(tMagicTable.value, row, selected);
-};
-
-const makeConfig = (config: ColumnConfig, row: any) => {
-  const newConfig = cloneDeep(config);
-  if (typeof config.itemsFunction === 'function') {
-    newConfig.items = config.itemsFunction(row);
-  }
-  delete newConfig.display;
-  return newConfig;
-};
-
-const upHandler = (index: number) => {
-  if (timer) {
-    clearTimeout(timer);
-  }
-
-  timer = setTimeout(() => {
-    swapArray(index, index - 1);
-  }, 300);
-};
-
-const topHandler = (index: number) => {
-  if (timer) {
-    clearTimeout(timer);
-  }
-
-  // 首先判断当前元素需要上移几个位置,置底移动到数组的第一位
-  const moveNum = index;
-
-  // 循环出需要一个一个上移的次数
-  for (let i = 0; i < moveNum; i++) {
-    swapArray(index, index - 1);
-    index -= 1;
-  }
-};
-
-const downHandler = (index: number) => {
-  if (timer) {
-    clearTimeout(timer);
-  }
-
-  timer = setTimeout(() => {
-    swapArray(index, index + 1);
-  }, 300);
-};
-
-const bottomHandler = (index: number) => {
-  if (timer) {
-    clearTimeout(timer);
-  }
-
-  // 首先判断当前元素需要上移几个位置,置底移动到数组的第一位
-  const moveNum = props.model[modelName.value].length - 1 - index;
-
-  // 循环出需要一个一个上移的次数
-  for (let i = 0; i < moveNum; i++) {
-    swapArray(index, index + 1);
-    index += 1;
-  }
-};
-
-// 希望支持单行可控制是否显示删除按钮，不会影响现有逻辑
-const showDelete = (index: number) => {
-  const deleteFunc = props.config.delete;
-  if (deleteFunc && typeof deleteFunc === 'function') {
-    return deleteFunc(props.model[modelName.value], index, mForm?.values);
-  }
-  return true;
-};
-
-const clearHandler = () => {
-  const len = props.model[modelName.value].length;
-  props.model[modelName.value].splice(0, len);
-  mForm?.$emit('field-change', props.prop, props.model[modelName.value]);
-};
-
-const excelHandler = async (file: any) => {
-  if (!file?.raw) {
-    return false;
-  }
-
-  if (!(globalThis as any).XLSX) {
-    await asyncLoadJs('https://cdn.bootcdn.net/ajax/libs/xlsx/0.17.0/xlsx.full.min.js');
-  }
-
-  const reader = new FileReader();
-  reader.onload = () => {
-    const data = reader.result;
-    const pdata = (globalThis as any).XLSX.read(data, { type: 'array' });
-    pdata.SheetNames.forEach((sheetName: string) => {
-      const arr = (globalThis as any).XLSX.utils.sheet_to_json(pdata.Sheets[sheetName], { header: 1 });
-      if (arr?.[0]) {
-        arr.forEach((row: any) => {
-          newHandler(row);
-        });
-      }
-      setTimeout(() => {
-        excelBtn.value?.clearFiles();
-      }, 300);
-    });
-  };
-  reader.readAsArrayBuffer(file.raw);
-
-  return false;
-};
-
-const handleSizeChange = (val: number) => {
-  pagesize.value = val;
-};
-
-const handleCurrentChange = (val: number) => {
-  pagecontext.value = val - 1;
-};
-
-const toggleMode = () => {
-  const calcLabelWidth = (label: string) => {
-    if (!label) return '0px';
-    const zhLength = label.match(/[^\x00-\xff]/g)?.length || 0;
-    const chLength = label.length - zhLength;
-    return `${Math.max(chLength * 8 + zhLength * 20, 80)}px`;
-  };
-
-  // 切换为groupList的形式
-  props.config.type = 'groupList';
-  props.config.enableToggleMode = true;
-  props.config.tableItems = props.config.items;
-  props.config.items =
-    props.config.groupItems ||
-    props.config.items.map((item: any) => {
-      const text = item.text || item.label;
-      const labelWidth = calcLabelWidth(text);
-      return {
-        ...item,
-        text,
-        labelWidth,
-        span: item.span || 12,
-      };
-    });
-};
-
-const toggleFullscreen = () => {
-  if (!mTable.value) return;
-
-  if (isFullscreen.value) {
-    mTable.value.classList.remove('fixed');
-    isFullscreen.value = false;
-  } else {
-    mTable.value.classList.add('fixed');
-    mTable.value.style.zIndex = `${nextZIndex()}`;
-    isFullscreen.value = true;
-  }
-};
-
-const getProp = (index: number) => {
-  const { prop } = toRefs(props);
-  return `${prop.value}${prop.value ? '.' : ''}${index + 1 + pagecontext.value * pagesize.value - 1}`;
-};
-
-const onAddDiffCount = () => emit('addDiffCount');
-
-defineExpose({
-  toggleRowSelection,
-});
-</script>
diff --git a/packages/form/src/containers/Tabs.vue b/packages/form/src/containers/Tabs.vue
index 6595dadb..a7d66d90 100644
--- a/packages/form/src/containers/Tabs.vue
+++ b/packages/form/src/containers/Tabs.vue
@@ -26,44 +26,50 @@
         <span>
           {{ filter(tab.title)
           }}<TMagicBadge
-            :hidden="!diffCount[tabIndex]"
-            :value="diffCount[tabIndex]"
+            :hidden="!diffCount[Number(tabIndex)]"
+            :value="diffCount[Number(tabIndex)]"
             class="diff-count-badge"
           ></TMagicBadge>
         </span>
       </template>
       <Container
         v-for="item in tabItems(tab)"
-        :key="item[mForm?.keyProp || '__key']"
+        :key="(item as Record<string, any>)[mForm?.keyProp || '__key']"
         :config="item"
         :disabled="disabled"
         :model="
           config.dynamic
             ? (name ? model[name] : model)[tabIndex]
             : tab.name
-            ? (name ? model[name] : model)[tab.name]
-            : name
-            ? model[name]
-            : model
+              ? (name ? model[name] : model)[tab.name]
+              : name
+                ? model[name]
+                : model
         "
         :last-values="
           isEmpty(lastValues)
             ? {}
             : config.dynamic
-            ? (name ? lastValues[name] : lastValues)[tabIndex]
-            : tab.name
-            ? (name ? lastValues[name] : lastValues)[tab.name]
-            : name
-            ? lastValues[name]
-            : lastValues
+              ? (name ? lastValues[name] : lastValues)[tabIndex]
+              : tab.name
+                ? (name ? lastValues[name] : lastValues)[tab.name]
+                : name
+                  ? lastValues[name]
+                  : lastValues
         "
         :is-compare="isCompare"
-        :prop="config.dynamic ? `${prop}${prop ? '.' : ''}${String(tabIndex)}` : prop"
+        :prop="
+          config.dynamic
+            ? `${prop}${prop ? '.' : ''}${String(tabIndex)}`
+            : tab.name
+              ? `${prop}${prop ? '.' : ''}${tab.name}`
+              : prop
+        "
         :size="size"
         :label-width="tab.labelWidth || labelWidth"
         :expand-more="expandMore"
         @change="changeHandler"
-        @addDiffCount="onAddDiffCount(tabIndex)"
+        @addDiffCount="onAddDiffCount(Number(tabIndex))"
       ></Container>
     </component>
   </component>
@@ -71,12 +77,12 @@
 
 <script setup lang="ts">
 import { computed, inject, ref, watchEffect } from 'vue';
-import { cloneDeep, isEmpty } from 'lodash-es';
+import { isEmpty } from 'lodash-es';
 
-import { getConfig, TMagicBadge } from '@tmagic/design';
+import { getDesignConfig, TMagicBadge } from '@tmagic/design';
 
-import { FormState, TabConfig, TabPaneConfig } from '../schema';
-import { display as displayFunc, filterFunction } from '../utils/form';
+import type { ContainerChangeEventData, FormState, TabConfig, TabPaneConfig } from '../schema';
+import { display as displayFunc, filterFunction, initValue } from '../utils/form';
 
 import Container from './Container.vue';
 
@@ -88,8 +94,28 @@ type DiffCount = {
   [tabIndex: number]: number;
 };
 
-const tabPaneComponent = getConfig('components')?.tabPane;
-const tabsComponent = getConfig('components')?.tabs;
+const props = withDefaults(
+  defineProps<{
+    model: any;
+    lastValues?: any;
+    isCompare?: boolean;
+    config: TabConfig;
+    name: string;
+    size?: string;
+    labelWidth?: string;
+    prop?: string;
+    expandMore?: boolean;
+    disabled?: boolean;
+  }>(),
+  {
+    lastValues: () => ({}),
+    isCompare: false,
+    prop: '',
+  },
+);
+
+const tabPaneComponent = getDesignConfig('components')?.tabPane;
+const tabsComponent = getDesignConfig('components')?.tabs;
 
 const getActive = (mForm: FormState | undefined, props: any, activeTabName: string) => {
   const { config, model, prop } = props;
@@ -118,26 +144,10 @@ const tabClick = (mForm: FormState | undefined, tab: any, props: any) => {
   }
 };
 
-const props = withDefaults(
-  defineProps<{
-    model: any;
-    lastValues?: any;
-    isCompare?: boolean;
-    config: TabConfig;
-    name: string;
-    size?: string;
-    labelWidth?: string;
-    prop?: string;
-    expandMore?: boolean;
-    disabled?: boolean;
-  }>(),
-  {
-    lastValues: () => ({}),
-    isCompare: false,
-  },
-);
-
-const emit = defineEmits(['change', 'addDiffCount']);
+const emit = defineEmits<{
+  change: [v: any, eventData?: ContainerChangeEventData];
+  addDiffCount: [];
+}>();
 
 const mForm = inject<FormState | undefined>('mForm');
 const activeTabName = ref(getActive(mForm, props, ''));
@@ -164,10 +174,20 @@ watchEffect(() => {
 
 const tabItems = (tab: TabPaneConfig) => (props.config.dynamic ? props.config.items : tab.items);
 
-const tabClickHandler = (tab: any) => tabClick(mForm, tab, props);
+const tabClickHandler = (tab: any) => {
+  if (typeof tab === 'object') {
+    tabClick(mForm, tab, props);
+  } else {
+    let item = tabs.value.find((tab: any) => tab.status === tab);
+    if (!item) {
+      item = tabs.value[tab];
+    }
+    tabClick(mForm, item, props);
+  }
+};
 
-const onTabAdd = () => {
-  if (!props.config.name) throw new Error('dynamic tab 必须配置name');
+const onTabAdd = async () => {
+  if (!props.name) throw new Error('dynamic tab 必须配置name');
 
   if (typeof props.config.onTabAdd === 'function') {
     props.config.onTabAdd(mForm, {
@@ -175,17 +195,32 @@ const onTabAdd = () => {
       prop: props.prop,
       config: props.config,
     });
-  } else if (tabs.value.length > 0) {
-    const newObj = cloneDeep(tabs.value[0]);
+    emit('change', props.model[props.name]);
+  } else {
+    const newObj = await initValue(mForm, {
+      config: props.config.items,
+      initValues: {},
+    });
+
     newObj.title = `标签${tabs.value.length + 1}`;
-    props.model[props.config.name].push(newObj);
+
+    props.model[props.name].push(newObj);
+
+    emit('change', props.model[props.name], {
+      changeRecords: [
+        {
+          propPath: `${props.prop}.${props.model[props.name].length - 1}`,
+          value: newObj,
+        },
+      ],
+    });
   }
-  emit('change', props.model);
-  mForm?.$emit('field-change', props.prop, props.model[props.config.name]);
+
+  mForm?.$emit('field-change', props.prop, props.model[props.name]);
 };
 
 const onTabRemove = (tabName: string) => {
-  if (!props.config.name) throw new Error('dynamic tab 必须配置name');
+  if (!props.name) throw new Error('dynamic tab 必须配置name');
 
   if (typeof props.config.onTabRemove === 'function') {
     props.config.onTabRemove(mForm, tabName, {
@@ -194,23 +229,20 @@ const onTabRemove = (tabName: string) => {
       config: props.config,
     });
   } else {
-    props.model[props.config.name].splice(+tabName, 1);
+    props.model[props.name].splice(+tabName, 1);
 
     // 防止删除后没有选中的问题
-    if (tabName < activeTabName.value || activeTabName.value >= props.model[props.config.name].length) {
+    if (tabName < activeTabName.value || activeTabName.value >= props.model[props.name].length) {
       activeTabName.value = (+activeTabName.value - 1).toString();
       tabClick(mForm, { name: activeTabName.value }, props);
     }
   }
-  emit('change', props.model);
-  mForm?.$emit('field-change', props.prop, props.model[props.config.name]);
+  emit('change', props.model[props.name]);
+  mForm?.$emit('field-change', props.prop, props.model[props.name]);
 };
 
-const changeHandler = () => {
-  emit('change', props.model);
-  if (typeof props.config.onChange === 'function') {
-    props.config.onChange(mForm, { model: props.model, prop: props.prop, config: props.config });
-  }
+const changeHandler = (v: any, eventData: ContainerChangeEventData) => {
+  emit('change', props.name ? props.model[props.name] : props.model, eventData);
 };
 
 // 在tabs组件中收集事件触发次数，即该tab下的差异数
diff --git a/packages/form/src/fields/Cascader.vue b/packages/form/src/fields/Cascader.vue
index 0ea59364..5200bec7 100644
--- a/packages/form/src/fields/Cascader.vue
+++ b/packages/form/src/fields/Cascader.vue
@@ -1,6 +1,6 @@
 <template>
   <TMagicCascader
-    v-model="value"
+    :model-value="value"
     ref="tMagicCascader"
     style="width: 100%"
     clearable
@@ -15,6 +15,7 @@
       emitPath: config.emitPath ?? true,
       checkStrictly: checkStrictly ?? false,
     }"
+    @update:model-value="updateModelValueHandler"
     @change="changeHandler"
   ></TMagicCascader>
 </template>
@@ -49,24 +50,33 @@ const options = ref<CascaderOption[]>([]);
 const remoteData = ref<any>(null);
 
 const checkStrictly = computed(() => filterFunction(mForm, props.config.checkStrictly, props));
-const valueSeparator = computed(() => filterFunction(mForm, props.config.valueSeparator, props));
+const valueSeparator = computed(() => filterFunction<string>(mForm, props.config.valueSeparator, props));
 
-const value = computed({
-  get() {
-    if (typeof props.model[props.name] === 'string' && valueSeparator.value) {
-      return props.model[props.name].split(valueSeparator.value);
-    }
-    return props.model[props.name];
-  },
-  set(value) {
-    let result = value;
-    if (valueSeparator.value) {
-      result = value.join(valueSeparator.value);
-    }
-    props.model[props.name] = result;
-  },
+const value = computed(() => {
+  if (typeof props.model[props.name] === 'string' && valueSeparator.value) {
+    return props.model[props.name].split(valueSeparator.value);
+  }
+  return props.model[props.name];
 });
 
+const updateModelValueHandler = (value: string[] | number[] | any) => {
+  let result = value;
+  if (valueSeparator.value) {
+    result = value.join(valueSeparator.value);
+  }
+
+  if (typeof result === 'undefined') {
+    if (Array.isArray(props.model[props.name])) {
+      emit('change', []);
+    } else if (typeof props.model[props.name] === 'string') {
+      emit('change', '');
+    } else if (typeof props.model[props.name] === 'object') {
+      emit('change', null);
+    }
+  }
+  emit('change', result);
+};
+
 const setRemoteOptions = async function () {
   const { config } = props;
   const { option } = config;
@@ -126,6 +136,5 @@ const changeHandler = () => {
   if (!tMagicCascader.value) return;
   tMagicCascader.value.setQuery('');
   tMagicCascader.value.setPreviousQuery(null);
-  emit('change', props.model[props.name]);
 };
 </script>
diff --git a/packages/form/src/fields/Checkbox.vue b/packages/form/src/fields/Checkbox.vue
index afac0e98..2e5312f1 100644
--- a/packages/form/src/fields/Checkbox.vue
+++ b/packages/form/src/fields/Checkbox.vue
@@ -1,12 +1,12 @@
 <template>
   <TMagicCheckbox
-    v-model="model[name]"
+    :model-value="model[name]"
     :size="size"
     :trueValue="activeValue"
     :falseValue="inactiveValue"
     :disabled="disabled"
-    @change="changeHandler"
-    >{{ config.text }}</TMagicCheckbox
+    @update:model-value="changeHandler"
+    ><template #default v-if="!config.useLabel">{{ config.text }}</template></TMagicCheckbox
   >
 </template>
 
diff --git a/packages/form/src/fields/CheckboxGroup.vue b/packages/form/src/fields/CheckboxGroup.vue
index dd011c77..58cc2146 100644
--- a/packages/form/src/fields/CheckboxGroup.vue
+++ b/packages/form/src/fields/CheckboxGroup.vue
@@ -1,5 +1,5 @@
 <template>
-  <TMagicCheckboxGroup v-model="model[name]" :size="size" :disabled="disabled" @change="changeHandler">
+  <TMagicCheckboxGroup :model-value="model[name]" :size="size" :disabled="disabled" @update:model-value="changeHandler">
     <TMagicCheckbox v-for="option in options" :value="option.value" :key="option.value" :disabled="option.disabled"
       >{{ option.text }}
     </TMagicCheckbox>
@@ -11,7 +11,7 @@ import { computed, inject } from 'vue';
 
 import { TMagicCheckbox, TMagicCheckboxGroup } from '@tmagic/design';
 
-import type { CheckboxGroupConfig, FieldProps, FormState } from '../schema';
+import type { CheckboxGroupConfig, CheckboxGroupOption, FieldProps, FormState } from '../schema';
 import { filterFunction } from '../utils/form';
 import { useAddField } from '../utils/useAddField';
 
@@ -37,7 +37,8 @@ const changeHandler = (v: Array<string | number | boolean>) => {
 const mForm = inject<FormState | undefined>('mForm');
 const options = computed(() => {
   if (Array.isArray(props.config.options)) return props.config.options;
-  if (typeof props.config.options === 'function') return filterFunction(mForm, props.config.options, props);
+  if (typeof props.config.options === 'function')
+    return filterFunction<CheckboxGroupOption[]>(mForm, props.config.options, props) || [];
   return [];
 });
 </script>
diff --git a/packages/form/src/fields/ColorPicker.vue b/packages/form/src/fields/ColorPicker.vue
index 1d861b6f..f6d1e16b 100644
--- a/packages/form/src/fields/ColorPicker.vue
+++ b/packages/form/src/fields/ColorPicker.vue
@@ -1,10 +1,10 @@
 <template>
   <TMagicColorPicker
-    v-model="model[name]"
+    :model-value="model[name]"
     :size="size"
     :disabled="disabled"
     :showAlpha="true"
-    @change="changeHandler"
+    @update:model-value="changeHandler"
   ></TMagicColorPicker>
 </template>
 
diff --git a/packages/form/src/fields/Date.vue b/packages/form/src/fields/Date.vue
index e6d8236b..67dc08c6 100644
--- a/packages/form/src/fields/Date.vue
+++ b/packages/form/src/fields/Date.vue
@@ -1,21 +1,21 @@
 <template>
   <TMagicDatePicker
-    v-model="model[name]"
+    :model-value="model[name]"
     type="date"
     :size="size"
     :placeholder="config.placeholder"
     :disabled="disabled"
-    :format="config.format"
-    :value-format="config.valueFormat || 'YYYY/MM/DD HH:mm:ss'"
-    @change="changeHandler"
+    :format="config.format || 'YYYY/MM/DD'"
+    :value-format="config.valueFormat || 'YYYY/MM/DD'"
+    @update:model-value="changeHandler"
   ></TMagicDatePicker>
 </template>
 
 <script lang="ts" setup>
 import { TMagicDatePicker } from '@tmagic/design';
-import { datetimeFormatter } from '@tmagic/utils';
 
 import type { DateConfig, FieldProps } from '../schema';
+import { datetimeFormatter } from '../utils/form';
 import { useAddField } from '../utils/useAddField';
 
 defineOptions({
@@ -30,7 +30,7 @@ const emit = defineEmits<{
 
 useAddField(props.prop);
 
-props.model[props.name] = datetimeFormatter(props.model[props.name], '');
+props.model[props.name] = datetimeFormatter(props.model[props.name], '', props.config.valueFormat || 'YYYY/MM/DD');
 
 const changeHandler = (v: string) => {
   emit('change', v);
diff --git a/packages/form/src/fields/DateTime.vue b/packages/form/src/fields/DateTime.vue
index 6da7b70a..d18b6d23 100644
--- a/packages/form/src/fields/DateTime.vue
+++ b/packages/form/src/fields/DateTime.vue
@@ -1,6 +1,6 @@
 <template>
   <TMagicDatePicker
-    v-model="model[name]"
+    :model-value="model[name]"
     popper-class="magic-datetime-picker-popper"
     type="datetime"
     :size="size"
@@ -9,15 +9,15 @@
     :format="config.format || 'YYYY/MM/DD HH:mm:ss'"
     :value-format="config.valueFormat || 'YYYY/MM/DD HH:mm:ss'"
     :default-time="config.defaultTime"
-    @change="changeHandler"
+    @update:model-value="changeHandler"
   ></TMagicDatePicker>
 </template>
 
 <script lang="ts" setup>
 import { TMagicDatePicker } from '@tmagic/design';
-import { datetimeFormatter } from '@tmagic/utils';
 
 import type { DateTimeConfig, FieldProps } from '../schema';
+import { datetimeFormatter } from '../utils/form';
 import { useAddField } from '../utils/useAddField';
 
 defineOptions({
@@ -32,12 +32,16 @@ const emit = defineEmits<{
 
 useAddField(props.prop);
 
-const value = props.model?.[props.name].toString();
+const value = props.model?.[props.name]?.toString();
 if (props.model) {
-  if (value === 'Invalid Date') {
+  if (!value || value === 'Invalid Date') {
     props.model[props.name] = '';
   } else {
-    props.model[props.name] = datetimeFormatter(props.model[props.name], '', props.config.valueFormat);
+    props.model[props.name] = datetimeFormatter(
+      props.model[props.name],
+      '',
+      props.config.valueFormat || 'YYYY/MM/DD HH:mm:ss',
+    );
   }
 }
 
diff --git a/packages/form/src/fields/Daterange.vue b/packages/form/src/fields/Daterange.vue
index 6b950df9..c31e3862 100644
--- a/packages/form/src/fields/Daterange.vue
+++ b/packages/form/src/fields/Daterange.vue
@@ -1,6 +1,6 @@
 <template>
   <TMagicDatePicker
-    v-model="value"
+    :model-value="value"
     type="datetimerange"
     range-separator="-"
     start-placeholder="开始日期"
@@ -9,17 +9,21 @@
     :unlink-panels="true"
     :disabled="disabled"
     :default-time="config.defaultTime"
-    @change="changeHandler"
+    :format="`${config.dateFormat || 'YYYY/MM/DD'} ${config.timeFormat || 'HH:mm:ss'}`"
+    :value-format="config.valueFormat || 'YYYY/MM/DD HH:mm:ss'"
+    :date-format="config.dateFormat || 'YYYY/MM/DD'"
+    :time-format="config.timeFormat || 'HH:mm:ss'"
+    @update:model-value="changeHandler"
   ></TMagicDatePicker>
 </template>
 
 <script lang="ts" setup>
-import { ref, watch } from 'vue';
+import { onUnmounted, ref, watch } from 'vue';
 
 import { TMagicDatePicker } from '@tmagic/design';
-import { datetimeFormatter } from '@tmagic/utils';
 
-import type { DaterangeConfig, FieldProps } from '../schema';
+import type { ChangeRecord, DaterangeConfig, FieldProps } from '../schema';
+import { datetimeFormatter } from '../utils/form';
 import { useAddField } from '../utils/useAddField';
 
 defineOptions({
@@ -32,68 +36,81 @@ const emit = defineEmits(['change']);
 
 useAddField(props.prop);
 
-// eslint-disable-next-line vue/no-setup-props-destructure
 const { names } = props.config;
-const value = ref<(Date | undefined)[] | null>([]);
+const value = ref<(Date | string | undefined)[] | null>([]);
 
 if (props.model !== undefined) {
   if (names?.length) {
-    watch(
+    const unWatch = watch(
       [() => props.model[names[0]], () => props.model[names[1]]],
       ([start, end], [preStart, preEnd]) => {
         if (!value.value) {
           value.value = [];
         }
+
+        const format = `${props.config.dateFormat || 'YYYY/MM/DD'} ${props.config.timeFormat || 'HH:mm:ss'}`;
         if (!start || !end) value.value = [];
-        if (start !== preStart) value.value[0] = new Date(start);
-        if (end !== preEnd) value.value[1] = new Date(end);
+        if (start !== preStart) value.value[0] = datetimeFormatter(start, '', format) as string;
+        if (end !== preEnd) value.value[1] = datetimeFormatter(end, '', format) as string;
       },
       {
         immediate: true,
       },
     );
+
+    onUnmounted(() => {
+      unWatch();
+    });
   } else if (props.name && props.model[props.name]) {
-    watch(
+    const unWatch = watch(
       () => props.model[props.name],
       (start, preStart) => {
-        if (start !== preStart) value.value = start.map((item: string) => (item ? new Date(item) : undefined));
+        const format = `${props.config.dateFormat || 'YYYY/MM/DD'} ${props.config.timeFormat || 'HH:mm:ss'}`;
+
+        if (start !== preStart)
+          value.value = start.map((item: string) =>
+            item ? (datetimeFormatter(item, '', format) as string) : undefined,
+          );
       },
       {
         immediate: true,
       },
     );
+    onUnmounted(() => {
+      unWatch();
+    });
   }
 }
 
-const setValue = (v: Date[] | Date) => {
-  names?.forEach((item, index) => {
-    if (!props.model) {
-      return;
-    }
-    if (Array.isArray(v)) {
-      props.model[item] = datetimeFormatter(v[index]?.toString(), '');
-    } else {
-      props.model[item] = undefined;
-    }
-  });
-};
-
 const changeHandler = (v: Date[]) => {
   const value = v || [];
 
   if (props.name) {
-    emit(
-      'change',
-      value.map((item?: Date) => {
-        if (item) return datetimeFormatter(item, '');
-        return undefined;
-      }),
-    );
-  } else {
-    if (names?.length) {
-      setValue(value);
-    }
     emit('change', value);
+  } else {
+    if (props.config.names?.length) {
+      const newChangeRecords: ChangeRecord[] = [];
+      props.config.names.forEach((item, index) => {
+        if (!props.model) {
+          return;
+        }
+        if (Array.isArray(v)) {
+          newChangeRecords.push({
+            propPath: props.prop ? `${props.prop}.${item}` : item,
+            value: v[index],
+          });
+        } else {
+          newChangeRecords.push({
+            propPath: props.prop ? `${props.prop}.${item}` : item,
+            value: undefined,
+          });
+        }
+      });
+
+      emit('change', props.model, {
+        changeRecords: newChangeRecords,
+      });
+    }
   }
 };
 </script>
diff --git a/packages/form/src/fields/Display.vue b/packages/form/src/fields/Display.vue
index d3073d2c..4c890e5f 100644
--- a/packages/form/src/fields/Display.vue
+++ b/packages/form/src/fields/Display.vue
@@ -1,9 +1,12 @@
 <template>
-  <span v-if="model">{{ model[name] }}</span>
+  <span v-if="model">{{ text }}</span>
 </template>
 
 <script setup lang="ts">
-import type { DisplayConfig, FieldProps } from '../schema';
+import { computed, inject } from 'vue';
+
+import type { DisplayConfig, FieldProps, FormState } from '../schema';
+import { filterFunction } from '../utils/form';
 import { useAddField } from '../utils/useAddField';
 
 defineOptions({
@@ -12,10 +15,19 @@ defineOptions({
 
 const props = defineProps<FieldProps<DisplayConfig>>();
 
+const mForm = inject<FormState | undefined>('mForm');
+
 if (props.config.initValue && props.model) {
-  // eslint-disable-next-line vue/no-setup-props-destructure
   props.model[props.name] = props.config.initValue;
 }
 
+const text = computed(() => {
+  if (props.config.displayText) {
+    return filterFunction<string>(mForm, props.config.displayText, props);
+  }
+
+  return props.model[props.name];
+});
+
 useAddField(props.prop);
 </script>
diff --git a/packages/form/src/fields/DynamicField.vue b/packages/form/src/fields/DynamicField.vue
index aa36bde0..0cc48380 100644
--- a/packages/form/src/fields/DynamicField.vue
+++ b/packages/form/src/fields/DynamicField.vue
@@ -59,7 +59,7 @@ const changeFieldMap = async () => {
     let oldVal = props.model?.[v.name] || '';
     if (!oldVal && v.defaultValue !== undefined) {
       oldVal = v.defaultValue;
-      emit('change', oldVal, v.name);
+      emit('change', oldVal, { modifyKey: v.name });
     }
     fieldMap.value[v.name] = oldVal;
     fieldLabelMap.value[v.name] = v.label || '';
@@ -85,6 +85,8 @@ onBeforeUnmount(() => {
 });
 
 const inputChangeHandler = (key: string) => {
-  emit('change', fieldMap.value[key], key);
+  emit('change', fieldMap.value[key], {
+    modifyKey: key,
+  });
 };
 </script>
diff --git a/packages/form/src/fields/Hidden.vue b/packages/form/src/fields/Hidden.vue
index c78f63f2..d0649910 100644
--- a/packages/form/src/fields/Hidden.vue
+++ b/packages/form/src/fields/Hidden.vue
@@ -3,14 +3,18 @@
 </template>
 
 <script setup lang="ts">
-import type { FieldProps, HiddenConfig } from '../schema';
+import type { FormValue } from '../schema';
 import { useAddField } from '../utils/useAddField';
 
 defineOptions({
   name: 'MFormHidden',
 });
 
-const props = defineProps<FieldProps<HiddenConfig>>();
+const props = defineProps<{
+  model: FormValue;
+  name: string;
+  prop: string;
+}>();
 
 useAddField(props.prop);
 </script>
diff --git a/packages/form/src/fields/Link.vue b/packages/form/src/fields/Link.vue
index bfa8c913..fcc701f0 100644
--- a/packages/form/src/fields/Link.vue
+++ b/packages/form/src/fields/Link.vue
@@ -17,7 +17,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, inject, ref } from 'vue';
+import { computed, inject, readonly, ref } from 'vue';
 
 import { TMagicButton } from '@tmagic/design';
 
@@ -54,7 +54,8 @@ const formConfig = computed(() => {
   if (typeof props.config.form === 'function') {
     return props.config.form(mForm, {
       model: props.model || {},
-      values: props.values || {},
+      values: mForm ? readonly(mForm.initValues) : null,
+      formValue: props.values || {},
     });
   }
   return props.config.form;
diff --git a/packages/form/src/fields/Number.vue b/packages/form/src/fields/Number.vue
index 43cfcf05..99ce2ceb 100644
--- a/packages/form/src/fields/Number.vue
+++ b/packages/form/src/fields/Number.vue
@@ -1,7 +1,7 @@
 <template>
   <TMagicInputNumber
     v-if="model"
-    v-model="model[name]"
+    v-model="value"
     clearable
     controls-position="right"
     :size="size"
@@ -16,7 +16,7 @@
 </template>
 
 <script lang="ts" setup>
-import { inject } from 'vue';
+import { inject, ref, watch } from 'vue';
 
 import { TMagicInputNumber } from '@tmagic/design';
 
@@ -34,6 +34,18 @@ const emit = defineEmits<{
   input: [values: number];
 }>();
 
+const value = ref<number>();
+
+watch(
+  () => props.model[props.name],
+  (v) => {
+    value.value = v;
+  },
+  {
+    immediate: true,
+  },
+);
+
 useAddField(props.prop);
 
 const mForm = inject<FormState | null>('mForm');
diff --git a/packages/form/src/fields/NumberRange.vue b/packages/form/src/fields/NumberRange.vue
index 11f4b7b3..bd594225 100644
--- a/packages/form/src/fields/NumberRange.vue
+++ b/packages/form/src/fields/NumberRange.vue
@@ -1,16 +1,16 @@
 <template>
   <div class="m-fields-number-range">
     <TMagicInput
-      v-model="model[name][0]"
-      clearable
+      v-model="firstValue"
+      :clearable="config.clearable ?? true"
       :size="size"
       :disabled="disabled"
       @change="minChangeHandler"
     ></TMagicInput>
     <span class="split-tag">-</span>
     <TMagicInput
-      v-model="model[name][1]"
-      clearable
+      v-model="secondValue"
+      :clearable="config.clearable ?? true"
       :size="size"
       :disabled="disabled"
       @change="maxChangeHandler"
@@ -19,6 +19,8 @@
 </template>
 
 <script lang="ts" setup>
+import { ref, watch } from 'vue';
+
 import { TMagicInput } from '@tmagic/design';
 
 import type { FieldProps, NumberRangeConfig } from '../schema';
@@ -34,6 +36,21 @@ const emit = defineEmits<{
   change: [values: [number, number]];
 }>();
 
+const firstValue = ref<number>();
+const secondValue = ref<number>();
+
+watch(
+  () => props.model[props.name],
+  ([first, second]) => {
+    firstValue.value = first;
+    secondValue.value = second;
+  },
+  {
+    immediate: true,
+    deep: true,
+  },
+);
+
 useAddField(props.prop);
 
 if (!Array.isArray(props.model[props.name])) {
diff --git a/packages/form/src/fields/RadioGroup.vue b/packages/form/src/fields/RadioGroup.vue
index 530a88fd..52db27b5 100644
--- a/packages/form/src/fields/RadioGroup.vue
+++ b/packages/form/src/fields/RadioGroup.vue
@@ -1,13 +1,26 @@
 <template>
-  <TMagicRadioGroup v-if="model" v-model="model[name]" :size="size" :disabled="disabled" @change="changeHandler">
-    <TMagicRadio v-for="option in config.options" :value="option.value" :key="`${option.value}`">{{
-      option.text
-    }}</TMagicRadio>
+  <TMagicRadioGroup v-if="model" :model-value="model[name]" :size="size" :disabled="disabled">
+    <component
+      v-for="option in config.options"
+      :is="itemComponent"
+      :value="option.value"
+      :key="`${option.value}`"
+      @click="clickHandler(option.value)"
+    >
+      <TMagicTooltip :disabled="!Boolean(option.tooltip)" placement="top-start" :content="option.tooltip">
+        <div>
+          <TMagicIcon v-if="option.icon" :size="iconSize"><component :is="option.icon"></component></TMagicIcon>
+          <span v-if="option.text">{{ option.text }}</span>
+        </div>
+      </TMagicTooltip>
+    </component>
   </TMagicRadioGroup>
 </template>
 
 <script lang="ts" setup>
-import { TMagicRadio, TMagicRadioGroup } from '@tmagic/design';
+import { computed } from 'vue';
+
+import { TMagicIcon, TMagicRadio, TMagicRadioButton, TMagicRadioGroup, TMagicTooltip } from '@tmagic/design';
 
 import type { FieldProps, RadioGroupConfig } from '../schema';
 import { useAddField } from '../utils/useAddField';
@@ -18,11 +31,24 @@ defineOptions({
 
 const props = defineProps<FieldProps<RadioGroupConfig>>();
 
+const itemComponent = computed(() => (props.config.childType === 'button' ? TMagicRadioButton : TMagicRadio));
+
 const emit = defineEmits(['change']);
 
-const changeHandler = (value: number) => {
-  emit('change', value);
+const clickHandler = (item: string | number | boolean) => {
+  // 再次点击取消选中
+  emit('change', props.model[props.name] === item ? '' : item);
 };
 
 useAddField(props.prop);
+
+const iconSize = computed(() => {
+  if (props.size === 'small') {
+    return '12';
+  }
+  if (props.size === 'large') {
+    return '16';
+  }
+  return '14';
+});
 </script>
diff --git a/packages/form/src/fields/Select.vue b/packages/form/src/fields/Select.vue
index 609a9a86..81303bf2 100644
--- a/packages/form/src/fields/Select.vue
+++ b/packages/form/src/fields/Select.vue
@@ -1,7 +1,7 @@
 <template>
   <TMagicSelect
     v-if="model"
-    v-model="model[name]"
+    :model-value="model[name]"
     v-loading="loading"
     class="m-select"
     ref="tMagicSelect"
@@ -16,12 +16,12 @@
     :allow-create="config.allowCreate"
     :disabled="disabled"
     :remote-method="config.remote && remoteMethod"
-    @change="changeHandler"
+    @update:model-value="changeHandler"
     @visible-change="visibleHandler"
   >
     <template v-if="config.group">
       <component
-        v-for="(group, index) in (options as SelectGroupOption[])"
+        v-for="(group, index) in options as SelectGroupOption[]"
         :key="index"
         :is="optionGroupComponent?.component || 'el-option-group'"
         v-bind="
@@ -55,7 +55,7 @@
     </template>
     <template v-else>
       <component
-        v-for="option in (options as SelectOption[])"
+        v-for="option in options as SelectOption[]"
         class="tmagic-design-option"
         :key="config.valueKey ? option.value[config.valueKey] : option.value"
         :is="optionComponent?.component || 'el-option'"
@@ -80,7 +80,7 @@
 <script lang="ts" setup>
 import { inject, nextTick, onBeforeMount, ref, watch, watchEffect } from 'vue';
 
-import { getConfig as getDesignConfig, TMagicSelect } from '@tmagic/design';
+import { getDesignConfig, TMagicSelect } from '@tmagic/design';
 import { getValueByKeyPath } from '@tmagic/utils';
 
 import type { FieldProps, FormState, SelectConfig, SelectGroupOption, SelectOption } from '../schema';
@@ -188,9 +188,12 @@ const getOptions = async () => {
   const requestFuc = getConfig('request') as Function;
 
   if (typeof option.beforeRequest === 'function') {
-    postOptions = option.beforeRequest(mForm, postOptions, {
+    postOptions = await option.beforeRequest(mForm, postOptions, {
       model: props.model,
       formValue: mForm?.values,
+      formValues: mForm?.values,
+      prop: props.prop,
+      config: props.config,
     });
   }
 
@@ -201,11 +204,12 @@ const getOptions = async () => {
   let res = await requestFuc(postOptions);
 
   if (typeof option.afterRequest === 'function') {
-    res = option.afterRequest(mForm, res, {
+    res = await option.afterRequest(mForm, res, {
       model: props.model,
       formValue: mForm?.values,
       formValues: mForm?.values,
       config: props.config,
+      prop: props.prop,
       postOptions,
     });
   }
@@ -266,6 +270,7 @@ const getInitLocalOption = async () => {
   if (config.multiple && value.findIndex) {
     return (localOptions.value as any[]).filter((item) => value.findIndex((v: any) => equalValue(item.value, v)) > -1);
   }
+
   return (localOptions.value as any[]).filter((item) => equalValue(item.value, value));
 };
 
@@ -312,9 +317,12 @@ const getInitOption = async () => {
   };
 
   if (typeof option.beforeInitRequest === 'function') {
-    postOptions = option.beforeInitRequest(mForm, postOptions, {
+    postOptions = await option.beforeInitRequest(mForm, postOptions, {
       model: props.model,
       formValue: mForm?.values,
+      formValues: mForm?.values,
+      config: props.config,
+      prop: props.prop,
     });
   }
 
@@ -326,11 +334,12 @@ const getInitOption = async () => {
   let res = await requestFuc(postOptions);
 
   if (typeof option.afterRequest === 'function') {
-    res = option.afterRequest(mForm, res, {
+    res = await option.afterRequest(mForm, res, {
       model: props.model,
       formValue: mForm?.values,
       formValues: mForm?.values,
       config: props.config,
+      prop: props.prop,
       postOptions,
     });
   }
@@ -351,6 +360,10 @@ const getInitOption = async () => {
   return options;
 };
 
+const setOptions = (data: SelectOption[] | SelectGroupOption[]) => {
+  options.value = data;
+};
+
 if (typeof props.config.options === 'function') {
   watchEffect(() => {
     typeof props.config.options === 'function' &&
@@ -363,12 +376,12 @@ if (typeof props.config.options === 'function') {
           config: props.config,
         }),
       ).then((data) => {
-        options.value = data;
+        setOptions(data);
       });
   });
 } else if (Array.isArray(props.config.options)) {
   watchEffect(() => {
-    options.value = props.config.options as SelectOption[] | SelectGroupOption[];
+    setOptions(props.config.options as SelectOption[] | SelectGroupOption[]);
   });
 } else if (props.config.option) {
   onBeforeMount(() => {
@@ -376,7 +389,7 @@ if (typeof props.config.options === 'function') {
     const v = props.model[props.name];
     if (Array.isArray(v) ? v.length : typeof v !== 'undefined') {
       getInitOption().then((data) => {
-        options.value = data;
+        setOptions(data);
       });
     }
   });
@@ -405,7 +418,7 @@ if (props.config.remote) {
         }
         moreLoadingVisible.value = true;
         pgIndex.value += 1;
-        options.value = await getOptions();
+        setOptions(await getOptions());
         moreLoadingVisible.value = false;
       });
     },
@@ -430,7 +443,7 @@ const visibleHandler = async (visible: boolean) => {
     tMagicSelect.value.setPreviousQuery(query.value);
     tMagicSelect.value.setSelectedLabel(query.value);
   } else if (options.value.length <= (props.config.multiple ? props.model?.[props.name].length : 1)) {
-    options.value = await getOptions();
+    setOptions(await getOptions());
   }
 };
 
@@ -438,7 +451,7 @@ const remoteMethod = async (q: string) => {
   if (!localOptions.value.length) {
     query.value = q;
     pgIndex.value = 0;
-    options.value = await getOptions();
+    setOptions(await getOptions());
     // 多选时如果过滤选项会导致已选好的标签异常，需要重新刷新一下el-select的状态
     if (props.config.multiple)
       setTimeout(() => {
@@ -446,4 +459,9 @@ const remoteMethod = async (q: string) => {
       }, 0);
   }
 };
+
+defineExpose({
+  options,
+  setOptions,
+});
 </script>
diff --git a/packages/form/src/fields/Switch.vue b/packages/form/src/fields/Switch.vue
index b8b75f75..d04bb9f4 100644
--- a/packages/form/src/fields/Switch.vue
+++ b/packages/form/src/fields/Switch.vue
@@ -1,11 +1,11 @@
 <template>
   <TMagicSwitch
-    v-model="model[name]"
+    :model-value="model[name]"
     :size="size"
     :activeValue="activeValue"
     :inactiveValue="inactiveValue"
     :disabled="disabled"
-    @change="changeHandler"
+    @update:model-value="changeHandler"
   ></TMagicSwitch>
 </template>
 
diff --git a/packages/form/src/fields/Text.vue b/packages/form/src/fields/Text.vue
index 2906ad0b..15f07da0 100644
--- a/packages/form/src/fields/Text.vue
+++ b/packages/form/src/fields/Text.vue
@@ -1,46 +1,55 @@
 <template>
-  <TMagicPopover :visible="popoverVisible" width="220px">
-    <template #reference>
-      <TMagicInput
-        v-model="model[name]"
-        clearable
-        :size="size"
-        :placeholder="config.placeholder"
-        :disabled="disabled"
-        @change="changeHandler"
-        @input="inputHandler"
-        @keyup="keyUpHandler($event)"
-      >
-        <template #append v-if="appendConfig">
-          <TMagicButton
-            v-if="appendConfig.type === 'button'"
-            style="color: #409eff"
-            :size="size"
-            @click.prevent="buttonClickHandler"
-          >
-            {{ appendConfig.text }}
-          </TMagicButton>
-        </template>
-      </TMagicInput>
-    </template>
+  <div class="m-fields-text">
+    <TMagicInput
+      v-model="value"
+      ref="input"
+      :clearable="config.clearable ?? true"
+      :size="size"
+      :placeholder="config.placeholder"
+      :disabled="disabled"
+      @change="changeHandler"
+      @input="inputHandler"
+      @keyup="keyUpHandler($event)"
+    >
+      <template #prepend v-if="config.prepend">
+        <span>{{ config.prepend }}</span>
+      </template>
+      <template #append v-if="appendConfig">
+        <TMagicButton
+          v-if="appendConfig.type === 'button'"
+          style="color: #409eff"
+          :size="size"
+          @click.prevent="buttonClickHandler"
+        >
+          {{ appendConfig.text }}
+        </TMagicButton>
+        <span v-else>{{ appendConfig.text }}</span>
+      </template>
+    </TMagicInput>
 
-    <div class="m-form-item__content">
-      <div class="m-form-validate__warning">输入内容前后有空格，是否移除空格？</div>
-      <div style="display: flex; justify-content: flex-end">
-        <TMagicButton link size="small" @click="popoverVisible = false">保持原样</TMagicButton>
-        <TMagicButton type="primary" size="small" @click="confirmTrimHandler">移除空格</TMagicButton>
+    <Teleport to="body">
+      <div v-if="popoverVisible" class="tmagic-form-text-popper m-form-item__content" ref="popoverEl">
+        <div class="m-form-validate__warning">输入内容前后有空格，是否移除空格？</div>
+        <div style="display: flex; justify-content: flex-end">
+          <TMagicButton link size="small" @click="popoverVisible = false">保持原样</TMagicButton>
+          <TMagicButton type="primary" size="small" @click="confirmTrimHandler">移除空格</TMagicButton>
+        </div>
+        <span class="tmagic-form-text-popper-arrow" data-popper-arrow></span>
       </div>
-    </div>
-  </TMagicPopover>
+    </Teleport>
+  </div>
 </template>
 
 <script lang="ts" setup>
-import { computed, inject, ref } from 'vue';
+import { computed, inject, readonly, ref, shallowRef, watch } from 'vue';
+import type { Instance } from '@popperjs/core';
+import { createPopper } from '@popperjs/core';
+import { debounce } from 'lodash-es';
 
-import { TMagicButton, TMagicInput, TMagicPopover } from '@tmagic/design';
+import { TMagicButton, TMagicInput } from '@tmagic/design';
 import { isNumber } from '@tmagic/utils';
 
-import type { FieldProps, FormState, TextConfig } from '../schema';
+import type { ChangeRecord, ContainerChangeEventData, FieldProps, FormState, TextConfig } from '../schema';
 import { useAddField } from '../utils/useAddField';
 
 defineOptions({
@@ -50,7 +59,7 @@ defineOptions({
 const props = defineProps<FieldProps<TextConfig>>();
 
 const emit = defineEmits<{
-  change: [value: string];
+  change: [value: string, eventData?: ContainerChangeEventData];
   input: [value: string];
 }>();
 
@@ -58,21 +67,41 @@ useAddField(props.prop);
 
 const mForm = inject<FormState | undefined>('mForm');
 
+const value = ref('');
+
+watch(
+  () => props.model[props.name],
+  (v) => {
+    value.value = v;
+  },
+  {
+    immediate: true,
+  },
+);
+
 const appendConfig = computed(() => {
   if (typeof props.config.append === 'string') {
     return {
+      type: 'text',
       text: props.config.append,
-      type: 'button',
       handler: undefined,
     };
   }
-
-  if (props.config.append && typeof props.config.append === 'object') {
-    if (props.config.append.value === 0) {
-      return false;
+  if (typeof props.config.append === 'object') {
+    if (typeof props.config.append?.handler === 'function') {
+      return {
+        type: 'button',
+        text: props.config.append.text,
+        handler: props.config.append.handler,
+      };
     }
+    if (props.config.append) {
+      if (props.config.append.value === 0) {
+        return false;
+      }
 
-    return props.config.append;
+      return props.config.append;
+    }
   }
 
   return false;
@@ -85,11 +114,11 @@ const confirmTrimHandler = () => {
   popoverVisible.value = false;
 };
 
-const checkWhiteSpace = (value: unknown) => {
+const checkWhiteSpace = debounce((value: unknown) => {
   if (typeof value === 'string' && !props.config.trim) {
     popoverVisible.value = value.trim() !== value;
   }
-};
+}, 300);
 
 const changeHandler = (value: string) => {
   emit('change', value);
@@ -104,10 +133,28 @@ const inputHandler = (v: string) => {
 const buttonClickHandler = () => {
   if (!appendConfig.value) return;
   if (typeof appendConfig.value.handler === 'function') {
+    const newChangeRecords: ChangeRecord[] = [];
+    const setModel = (key: string, value: any) => {
+      newChangeRecords.push({ propPath: props.prop.replace(`${props.name}`, key), value });
+    };
+
+    const setFormValue = (key: string, value: any) => {
+      newChangeRecords.push({ propPath: key, value });
+    };
+
     appendConfig.value.handler(mForm, {
       model: props.model,
-      values: mForm?.values,
+      values: mForm ? readonly(mForm.initValues) : null,
+      formValue: props.values || {},
+      setModel,
+      setFormValue,
     });
+
+    if (newChangeRecords.length > 0) {
+      emit('change', props.model[props.name], {
+        changeRecords: newChangeRecords,
+      });
+    }
   }
 };
 
@@ -167,4 +214,34 @@ const keyUpHandler = ($event: KeyboardEvent) => {
   props.model[props.name] = `${num}${unit || ''}`;
   emit('change', props.model[props.name]);
 };
+
+const popoverEl = ref<HTMLDivElement>();
+const input = ref<InstanceType<typeof TMagicInput>>();
+const instanceRef = shallowRef<Instance | undefined>();
+
+watch(popoverEl, (el) => {
+  destroyPopover();
+
+  if (!input.value?.$el || !el) return;
+
+  instanceRef.value = createPopper(input.value.$el, el, {
+    placement: props.config.tooltip ? 'top' : 'bottom',
+    strategy: 'absolute',
+    modifiers: [
+      {
+        name: 'offset',
+        options: {
+          offset: [0, 10],
+        },
+      },
+    ],
+  });
+});
+
+const destroyPopover = () => {
+  if (!instanceRef.value) return;
+
+  instanceRef.value.destroy();
+  instanceRef.value = undefined;
+};
 </script>
diff --git a/packages/form/src/fields/Textarea.vue b/packages/form/src/fields/Textarea.vue
index 907e988c..2a9707ea 100644
--- a/packages/form/src/fields/Textarea.vue
+++ b/packages/form/src/fields/Textarea.vue
@@ -1,11 +1,12 @@
 <template>
   <TMagicInput
-    v-model="model[name]"
+    v-model="value"
     type="textarea"
     :size="size"
     clearable
     :placeholder="config.placeholder"
     :disabled="disabled"
+    :rows="config.rows"
     @change="changeHandler"
     @input="inputHandler"
   >
@@ -13,7 +14,7 @@
 </template>
 
 <script lang="ts" setup>
-import { inject } from 'vue';
+import { inject, ref, watch } from 'vue';
 
 import { TMagicInput } from '@tmagic/design';
 
@@ -31,6 +32,18 @@ const emit = defineEmits<{
   input: [value: string];
 }>();
 
+const value = ref('');
+
+watch(
+  () => props.model[props.name],
+  (v) => {
+    value.value = v;
+  },
+  {
+    immediate: true,
+  },
+);
+
 useAddField(props.prop);
 
 const mForm = inject<FormState | null>('mForm');
diff --git a/packages/form/src/fields/Time.vue b/packages/form/src/fields/Time.vue
index 96ab3b6b..87906565 100644
--- a/packages/form/src/fields/Time.vue
+++ b/packages/form/src/fields/Time.vue
@@ -1,12 +1,12 @@
 <template>
   <TMagicTimePicker
-    v-model="model[name]"
+    :model-value="model[name]"
     :value-format="config.valueFormat || 'HH:mm:ss'"
     :format="config.format || 'HH:mm:ss'"
     :size="size"
     :placeholder="config.placeholder"
     :disabled="disabled"
-    @change="changeHandler"
+    @update:model-value="changeHandler"
   ></TMagicTimePicker>
 </template>
 
diff --git a/packages/form/src/fields/Timerange.vue b/packages/form/src/fields/Timerange.vue
index 89ba8138..dc9ef501 100644
--- a/packages/form/src/fields/Timerange.vue
+++ b/packages/form/src/fields/Timerange.vue
@@ -9,68 +9,110 @@
     :unlink-panels="true"
     :disabled="disabled"
     :default-time="config.defaultTime"
+    :format="config.format || 'HH:mm:ss'"
+    :value-format="config.valueFormat || 'HH:mm:ss'"
     @change="changeHandler"
   ></TMagicTimePicker>
 </template>
 
 <script lang="ts" setup>
-import { ref, watch } from 'vue';
+import { onUnmounted, ref, watch } from 'vue';
+import dayjs from 'dayjs';
 
 import { TMagicTimePicker } from '@tmagic/design';
-import { datetimeFormatter } from '@tmagic/utils';
 
-import type { DaterangeConfig, FieldProps } from '../schema';
+import type { ChangeRecord, FieldProps, TimerangeConfig } from '../schema';
+import { datetimeFormatter } from '../utils/form';
 import { useAddField } from '../utils/useAddField';
 
 defineOptions({
   name: 'MFormTimeRange',
 });
 
-const props = defineProps<FieldProps<DaterangeConfig>>();
+const props = defineProps<FieldProps<TimerangeConfig>>();
 
 const emit = defineEmits(['change']);
 
 useAddField(props.prop);
 
-// eslint-disable-next-line vue/no-setup-props-destructure
 const { names } = props.config;
-const value = ref<(Date | undefined)[] | null>([]);
+const value = ref<(Date | string | undefined)[] | null>([]);
 
-if (props.model !== undefined && names?.length) {
-  watch(
-    [() => props.model[names[0]], () => props.model[names[1]]],
-    ([start, end], [preStart, preEnd]) => {
-      if (!value.value) {
-        value.value = [];
-      }
-      if (!start || !end) value.value = [];
-      if (start !== preStart) value.value[0] = start;
-      if (end !== preEnd) value.value[1] = end;
-    },
-    {
-      immediate: true,
-    },
-  );
+const getFullDatetime = (item: string) => (item ? `${dayjs().format('YYYY/MM/DD')} ${item}` : '');
+const getFormat = () => `YYYY/MM/DD ${props.config.valueFormat || 'HH:mm:ss'}`;
+const timeFormatter = (time: string, format: string) =>
+  (datetimeFormatter(getFullDatetime(time), '', format) as string).substring(11);
+
+if (props.model !== undefined) {
+  if (names?.length) {
+    const unWatch = watch(
+      [() => props.model[names[0]], () => props.model[names[1]]],
+      ([start, end], [preStart, preEnd]) => {
+        if (!value.value) {
+          value.value = [];
+        }
+
+        const format = getFormat();
+        if (!start || !end) value.value = [];
+        if (start !== preStart) value.value[0] = timeFormatter(start, format);
+        if (end !== preEnd) value.value[1] = timeFormatter(end, format);
+      },
+      {
+        immediate: true,
+      },
+    );
+    onUnmounted(() => {
+      unWatch();
+    });
+  } else if (props.name) {
+    const unWatch = watch(
+      () => props.model[props.name],
+      (v = []) => {
+        if (Array.isArray(v)) {
+          value.value = v.map((item: string) => (item ? timeFormatter(item, getFormat()) : undefined));
+        } else {
+          value.value = [];
+        }
+      },
+      {
+        immediate: true,
+      },
+    );
+    onUnmounted(() => {
+      unWatch();
+    });
+  }
 }
 
-const setValue = (v: Date[] | Date) => {
-  names?.forEach((item, index) => {
-    if (!props.model) {
-      return;
-    }
-    if (Array.isArray(v)) {
-      props.model[item] = datetimeFormatter(v[index]?.toString(), '');
-    } else {
-      props.model[item] = undefined;
-    }
-  });
-};
-
 const changeHandler = (v: Date[]) => {
   const value = v || [];
-  if (names?.length) {
-    setValue(value);
+
+  if (props.name) {
+    emit('change', value);
+  } else {
+    if (props.config.names?.length) {
+      const newChangeRecords: ChangeRecord[] = [];
+      props.config.names.forEach((item, index) => {
+        if (!props.model) {
+          return;
+        }
+        if (Array.isArray(v)) {
+          newChangeRecords.push({
+            propPath: props.prop ? `${props.prop}.${item}` : item,
+            value: v[index],
+          });
+        } else {
+          newChangeRecords.push({
+            propPath: props.prop ? `${props.prop}.${item}` : item,
+            value: undefined,
+          });
+        }
+      });
+
+      emit('change', props.model, {
+        changeRecords: newChangeRecords,
+      });
+    }
   }
-  emit('change', value);
 };
 </script>
diff --git a/packages/form/src/index.ts b/packages/form/src/index.ts
index bac2bcc1..3079ff16 100644
--- a/packages/form/src/index.ts
+++ b/packages/form/src/index.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -16,43 +16,8 @@
  * limitations under the License.
  */
 
-import { App } from 'vue';
-
-import Container from './containers/Container.vue';
-import Fieldset from './containers/Fieldset.vue';
-import GroupList from './containers/GroupList.vue';
-import Panel from './containers/Panel.vue';
-import Row from './containers/Row.vue';
-import MStep from './containers/Step.vue';
-import Table from './containers/Table.vue';
-import Tabs from './containers/Tabs.vue';
-import Cascader from './fields/Cascader.vue';
-import Checkbox from './fields/Checkbox.vue';
-import CheckboxGroup from './fields/CheckboxGroup.vue';
-import ColorPicker from './fields/ColorPicker.vue';
-import Date from './fields/Date.vue';
-import Daterange from './fields/Daterange.vue';
-import DateTime from './fields/DateTime.vue';
-import Display from './fields/Display.vue';
-import DynamicField from './fields/DynamicField.vue';
-import Hidden from './fields/Hidden.vue';
-import Link from './fields/Link.vue';
-import Number from './fields/Number.vue';
-import NumberRange from './fields/NumberRange.vue';
-import RadioGroup from './fields/RadioGroup.vue';
-import Select from './fields/Select.vue';
-import Switch from './fields/Switch.vue';
-import Text from './fields/Text.vue';
-import Textarea from './fields/Textarea.vue';
-import Time from './fields/Time.vue';
-import Timerange from './fields/Timerange.vue';
-import { setConfig } from './utils/config';
-import Form from './Form.vue';
-import FormDialog from './FormDialog.vue';
 import type { FormConfig } from './schema';
 
-import './theme/index.scss';
-
 export * from './schema';
 export * from './utils/form';
 export * from './utils/useAddField';
@@ -63,10 +28,11 @@ export { default as MFormDrawer } from './FormDrawer.vue';
 export { default as MFormBox } from './FormBox.vue';
 export { default as MContainer } from './containers/Container.vue';
 export { default as MFieldset } from './containers/Fieldset.vue';
+export { default as MFlexLayout } from './containers/FlexLayout.vue';
 export { default as MPanel } from './containers/Panel.vue';
 export { default as MRow } from './containers/Row.vue';
 export { default as MTabs } from './containers/Tabs.vue';
-export { default as MTable } from './containers/Table.vue';
+export { default as MTable } from './table/Table.vue';
 export { default as MGroupList } from './containers/GroupList.vue';
 export { default as MText } from './fields/Text.vue';
 export { default as MNumber } from './fields/Number.vue';
@@ -89,51 +55,14 @@ export { default as MSelect } from './fields/Select.vue';
 export { default as MCascader } from './fields/Cascader.vue';
 export { default as MDynamicField } from './fields/DynamicField.vue';
 
+export {
+  deleteField as deleteFormField,
+  getField as getFormField,
+  registerField as registerFormField,
+} from './utils/config';
+
+export type { FormInstallOptions } from './plugin';
+
 export const createForm = <T extends [] = []>(config: FormConfig | T) => config;
 
-export interface InstallOptions {
-  [key: string]: any;
-}
-
-const defaultInstallOpt: InstallOptions = {};
-
-export default {
-  install(app: App, opt: InstallOptions = {}) {
-    const option = Object.assign(defaultInstallOpt, opt);
-
-    // eslint-disable-next-line no-param-reassign
-    app.config.globalProperties.$MAGIC_FORM = option;
-    setConfig(option);
-
-    app.component('m-form', Form);
-    app.component('m-form-dialog', FormDialog);
-    app.component('m-form-container', Container);
-    app.component('m-form-fieldset', Fieldset);
-    app.component('m-form-group-list', GroupList);
-    app.component('m-form-panel', Panel);
-    app.component('m-form-row', Row);
-    app.component('m-form-step', MStep);
-    app.component('m-form-table', Table);
-    app.component('m-form-tab', Tabs);
-    app.component('m-fields-text', Text);
-    app.component('m-fields-number', Number);
-    app.component('m-fields-number-range', NumberRange);
-    app.component('m-fields-textarea', Textarea);
-    app.component('m-fields-hidden', Hidden);
-    app.component('m-fields-date', Date);
-    app.component('m-fields-datetime', DateTime);
-    app.component('m-fields-daterange', Daterange);
-    app.component('m-fields-timerange', Timerange);
-    app.component('m-fields-time', Time);
-    app.component('m-fields-checkbox', Checkbox);
-    app.component('m-fields-switch', Switch);
-    app.component('m-fields-color-picker', ColorPicker);
-    app.component('m-fields-checkbox-group', CheckboxGroup);
-    app.component('m-fields-radio-group', RadioGroup);
-    app.component('m-fields-display', Display);
-    app.component('m-fields-link', Link);
-    app.component('m-fields-select', Select);
-    app.component('m-fields-cascader', Cascader);
-    app.component('m-fields-dynamic-field', DynamicField);
-  },
-};
+export { default } from './plugin';
diff --git a/packages/form/src/plugin.ts b/packages/form/src/plugin.ts
new file mode 100644
index 00000000..8abc6f55
--- /dev/null
+++ b/packages/form/src/plugin.ts
@@ -0,0 +1,102 @@
+/*
+ * Tencent is pleased to support the open source community by making TMagicEditor available.
+ *
+ * Copyright (C) 2025 Tencent.  All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { type App } from 'vue';
+
+import Container from './containers/Container.vue';
+import Fieldset from './containers/Fieldset.vue';
+import FlexLayout from './containers/FlexLayout.vue';
+import GroupList from './containers/GroupList.vue';
+import Panel from './containers/Panel.vue';
+import Row from './containers/Row.vue';
+import MStep from './containers/Step.vue';
+import Tabs from './containers/Tabs.vue';
+import Cascader from './fields/Cascader.vue';
+import Checkbox from './fields/Checkbox.vue';
+import CheckboxGroup from './fields/CheckboxGroup.vue';
+import ColorPicker from './fields/ColorPicker.vue';
+import Date from './fields/Date.vue';
+import Daterange from './fields/Daterange.vue';
+import DateTime from './fields/DateTime.vue';
+import Display from './fields/Display.vue';
+import DynamicField from './fields/DynamicField.vue';
+import Hidden from './fields/Hidden.vue';
+import Link from './fields/Link.vue';
+import Number from './fields/Number.vue';
+import NumberRange from './fields/NumberRange.vue';
+import RadioGroup from './fields/RadioGroup.vue';
+import Select from './fields/Select.vue';
+import Switch from './fields/Switch.vue';
+import Text from './fields/Text.vue';
+import Textarea from './fields/Textarea.vue';
+import Time from './fields/Time.vue';
+import Timerange from './fields/Timerange.vue';
+import Table from './table/Table.vue';
+import { setConfig } from './utils/config';
+import Form from './Form.vue';
+import FormDialog from './FormDialog.vue';
+
+import './theme/index.scss';
+
+export interface FormInstallOptions {
+  [key: string]: any;
+}
+
+const defaultInstallOpt: FormInstallOptions = {};
+
+export default {
+  install(app: App, opt: FormInstallOptions = {}) {
+    const option = Object.assign(defaultInstallOpt, opt);
+
+    app.config.globalProperties.$MAGIC_FORM = option;
+    setConfig(option);
+
+    app.component('m-form', Form);
+    app.component('m-form-dialog', FormDialog);
+    app.component('m-form-container', Container);
+    app.component('m-form-fieldset', Fieldset);
+    app.component('m-form-group-list', GroupList);
+    app.component('m-form-panel', Panel);
+    app.component('m-form-row', Row);
+    app.component('m-form-step', MStep);
+    app.component('m-form-table', Table);
+    app.component('m-form-tab', Tabs);
+    app.component('m-form-flex-layout', FlexLayout);
+    app.component('m-fields-text', Text);
+    app.component('m-fields-img-upload', Text);
+    app.component('m-fields-number', Number);
+    app.component('m-fields-number-range', NumberRange);
+    app.component('m-fields-textarea', Textarea);
+    app.component('m-fields-hidden', Hidden);
+    app.component('m-fields-date', Date);
+    app.component('m-fields-datetime', DateTime);
+    app.component('m-fields-daterange', Daterange);
+    app.component('m-fields-timerange', Timerange);
+    app.component('m-fields-time', Time);
+    app.component('m-fields-checkbox', Checkbox);
+    app.component('m-fields-switch', Switch);
+    app.component('m-fields-color-picker', ColorPicker);
+    app.component('m-fields-checkbox-group', CheckboxGroup);
+    app.component('m-fields-radio-group', RadioGroup);
+    app.component('m-fields-display', Display);
+    app.component('m-fields-link', Link);
+    app.component('m-fields-select', Select);
+    app.component('m-fields-cascader', Cascader);
+    app.component('m-fields-dynamic-field', DynamicField);
+  },
+};
diff --git a/packages/form/src/schema.ts b/packages/form/src/schema.ts
index 4bef3346..60f3f942 100644
--- a/packages/form/src/schema.ts
+++ b/packages/form/src/schema.ts
@@ -1,757 +1,16 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
+export * from '@tmagic/form-schema';
 
 export interface ValidateError {
   message: string;
   field: string;
 }
 
-export interface FieldProps<T = any> {
-  config: T;
-  model: any;
-  initValues?: any;
-  values?: any;
-  name: string;
-  prop: string;
-  disabled?: boolean;
-  size?: 'large' | 'default' | 'small';
-  lastValues?: Record<string, any>;
-}
-
-/**
- * 整个表单的数据，会注入到各个组件中去
- */
-export type FormState = {
-  config: FormConfig;
-  popperClass?: string;
-  initValues: FormValue;
-  lastValues: FormValue;
-  isCompare: boolean;
-  values: FormValue;
-  $emit: (event: string, ...args: any[]) => void;
-  keyProp?: string;
-  parentValues?: FormValue;
-  setField: (prop: string, field: any) => void;
-  getField: (prop: string) => any;
-  deleteField: (prop: string) => any;
-  [key: string]: any;
-};
-
-/**
- * 排序配置
- */
-export interface SortProp {
-  /** 跟该值排序 */
-  prop: string;
-  order: 'ascending' | 'descending';
-}
-
-export interface FormItem {
-  /** vnode的key值，默认是遍历数组时的index */
-  __key?: string | number;
-  /** 表单域标签的的宽度，例如 '50px'。支持 auto。 */
-  labelWidth?: string;
-  /** label 标签的title属性 */
-  labelTitle?: string;
-  className?: string;
-  /** 表单组件类型 */
-  type?: string | TypeFunction;
-  /** 字段名 */
-  name?: string | number;
-  /** 额外的提示信息，和 help 类似，当提示文案同时出现时，可以使用这个。 */
-  extra?: string | FilterFunction<string>;
-  /** 配置提示信息 */
-  tooltip?: string | FilterFunction<string>;
-  /** 是否置灰 */
-  disabled?: boolean | FilterFunction;
-  /** 使用表单中的值作为key，例如配置了text，则使用model.text作为key */
-  key?: string;
-  /** 是否显示 */
-  display?: boolean | 'expand' | FilterFunction<boolean | 'expand'>;
-  /** 值发生改变时调用的方法 */
-  onChange?: OnChangeHandler;
-  /** label 标签的文本 */
-  text?: string | FilterFunction<string>;
-  /** 右侧感叹号 */
-  tip?: string;
-
-  filter?: 'number' | OnChangeHandler;
-  /** 是否去除首尾空格 */
-  trim?: boolean;
-  /** 默认值 */
-  defaultValue?: any | DefaultValueFunction;
-  /** 表单验证规则 */
-  rules?: Rule[];
-  extensible?: boolean;
-  dynamicKey?: string;
-  /** 是否需要显示`展开更多配置` */
-  expand?: boolean;
-  [key: string]: any;
-}
-
-export interface ContainerCommonConfig {
-  items: FormConfig;
-  onInitValue?: (
-    mForm: FormState | undefined,
-    data: {
-      formValue: FormValue;
-      initValue: FormValue;
-    },
-  ) => FormValue;
-  extensible?: boolean;
-}
-
-export interface Rule {
-  message?: string;
-  /** 系统提供的验证器类型。有：string,number,boolean,method,regexp,integer,float,array,object,enum,date,url,hex,email,any */
-  type?: string;
-  /** 是否必填 */
-  required?: boolean;
-  trigger?: string;
-  /** 自定义验证器 */
-  validator?: (
-    options: {
-      rule: string;
-      value: any;
-      callback: Function;
-      source: Object;
-      options: {
-        messages: string;
-      };
-    },
-    data: {
-      /** 表单的初始值 */
-      values: FormValue;
-      /** 当前作用域下的值 */
-      model: FormValue;
-      parent: FormValue;
-      /** 整个表单的值 */
-      formValue: FormValue;
-      prop: string;
-      config: any;
-    },
-    mForm: FormState | undefined,
-  ) => void;
-}
-
-export interface Input {
-  /** 输入框没有内容时显示的文案 */
-  placeholder?: string;
-}
-
-export type TypeFunction = (
-  mForm: FormState | undefined,
-  data: {
-    model: Record<any, any>;
-  },
-) => string;
-
-export type FilterFunction<T = boolean> = (
-  mForm: FormState | undefined,
-  data: {
-    model: Record<any, any>;
-    values: Record<any, any>;
-    parent?: Record<any, any>;
-    formValue: Record<any, any>;
-    prop: string;
-    config: any;
-  },
-) => T;
-
-type OnChangeHandler = (
-  mForm: FormState | undefined,
-  value: any,
-  data: {
-    model: Record<any, any>;
-    values: Record<any, any>;
-    parent?: Record<any, any>;
-    formValue: Record<any, any>;
-    config: any;
-  },
-) => any;
-
-type DefaultValueFunction = (mForm: FormState | undefined) => any;
-
-/**
- * 下拉选择器选项配置
- */
-export interface SelectConfigOption {
-  /** 选项的标签 */
-  text: string | SelectOptionTextFunction;
-  /** 选项的值 */
-  value: any | SelectOptionValueFunction;
-  /** 是否禁用该选项 */
-  disabled?: boolean;
-}
-
-export interface SelectOption {
-  /** 选项的标签 */
-  text: string;
-  /** 选项的值 */
+export interface ChangeRecord {
+  propPath?: string;
   value: any;
-  /** 是否禁用该选项 */
-  disabled?: boolean;
 }
 
-/**
- * 下拉选择器分组选项配置
- */
-export interface SelectConfigGroupOption {
-  /** 分组的组名 */
-  label: string;
-  /** 是否禁用该选项组 */
-  disabled: boolean;
-  options: {
-    /** 选项的标签 */
-    label: string | SelectOptionTextFunction;
-    /** 选项的值 */
-    value: any | SelectOptionValueFunction;
-    /** 是否禁用该选项 */
-    disabled?: boolean;
-  }[];
+export interface ContainerChangeEventData {
+  modifyKey?: string;
+  changeRecords?: ChangeRecord[];
 }
-
-export interface SelectGroupOption {
-  /** 分组的组名 */
-  label: string;
-  /** 是否禁用该选项组 */
-  disabled: boolean;
-  options: {
-    /** 选项的标签 */
-    label?: string;
-    text?: string;
-    /** 选项的值 */
-    value: any;
-    /** 是否禁用该选项 */
-    disabled?: boolean;
-  }[];
-}
-
-type SelectOptionFunction = (
-  mForm: FormState | undefined,
-  data: {
-    model: any;
-    prop?: string;
-    formValues: any;
-    formValue: any;
-    config: any;
-  },
-) => SelectOption[] | SelectGroupOption[];
-
-type RemoteSelectOptionBodyFunction = (
-  mForm: FormState | undefined,
-  data: {
-    model: any;
-    formValue: any;
-    formValues: any;
-    config: any;
-  },
-) => Record<string, any>;
-
-type RemoteSelectOptionRequestFunction = (
-  mForm: FormState | undefined,
-  res: any,
-  data: {
-    model: any;
-    formValue: any;
-    formValues: any;
-    config: any;
-    postOptions: Record<string, any>;
-  },
-) => any;
-
-type RemoteSelectOptionItemFunction = (optionsData: Record<string, any>) => SelectOption[] | SelectGroupOption[];
-type SelectOptionValueFunction = (item: Record<string, any>) => any;
-type SelectOptionTextFunction = (item: Record<string, any>) => string;
-
-export interface CascaderOption {
-  /** 指定选项的值为选项对象的某个属性值 */
-  value: any;
-  /** 指定选项标签为选项对象的某个属性值 */
-  label: string;
-  /** 指定选项的子选项为选项对象的某个属性值 */
-  children?: CascaderOption[];
-}
-
-/**
- * 日期范围
- */
-export interface DaterangeConfig extends FormItem {
-  type: 'daterange';
-  defaultTime?: Date[];
-  names?: string[];
-}
-
-/**
- * html编辑器
- */
-export interface HtmlField extends FormItem {
-  type: 'html';
-  /** 是否异步加载编辑的内容 */
-  asyncLoad?: {
-    name: string | number;
-  };
-}
-
-/** 展示文本，不可编辑 */
-export interface DisplayConfig extends FormItem {
-  type: 'display';
-  initValue?: string | number | boolean;
-}
-
-/** 文本输入框 */
-export interface TextConfig extends FormItem, Input {
-  type?: 'text';
-  tooltip?: string;
-  /** 后置元素，一般为标签或按钮 */
-  append?:
-    | string
-    | {
-        text: string;
-        value?: 0 | 1;
-        type: 'button';
-        handler?: (
-          mForm: FormState | undefined,
-          data: {
-            model: any;
-            values: any;
-          },
-        ) => void;
-      };
-}
-
-/**
- * 文本域
- */
-export interface TextareaConfig extends FormItem {
-  type: 'textarea';
-  placeholder?: string;
-}
-
-/**
- * 计数器
- */
-export interface NumberConfig extends FormItem {
-  type?: 'number';
-  tooltip?: string;
-  min?: number;
-  max?: number;
-  step?: number;
-  placeholder?: string;
-}
-
-/**
- * 数值范围
- */
-export interface NumberRangeConfig extends FormItem {
-  type?: 'number-range';
-}
-
-/**
- * 隐藏域
- */
-export interface HiddenConfig extends FormItem {
-  type: 'hidden';
-}
-
-/**
- * 日期选择器
- */
-export interface DateConfig extends FormItem, Input {
-  type: 'date';
-  format?: 'YYYY-MM-dd HH:mm:ss' | string;
-  valueFormat?: 'YYYY-MM-dd HH:mm:ss' | string;
-}
-
-/**
- * 日期时间选择器
- */
-export interface DateTimeConfig extends FormItem, Input {
-  type: 'datetime';
-  defaultTime?: Date[];
-  format?: 'YYYY-MM-dd HH:mm:ss' | string;
-  valueFormat?: 'YYYY-MM-dd HH:mm:ss' | string;
-}
-
-/**
- * 时间选择器
- */
-export interface TimeConfig extends FormItem, Input {
-  type: 'time';
-  format?: 'HH:mm:ss' | string;
-  valueFormat?: 'HH:mm:ss' | string;
-}
-
-/**
- * 单个多选框
- */
-export interface CheckboxConfig extends FormItem {
-  type: 'checkbox';
-  activeValue?: number | string;
-  inactiveValue?: number | string;
-}
-
-/**
- * 开关
- */
-export interface SwitchConfig extends FormItem {
-  type: 'switch';
-  activeValue?: boolean | number | string;
-  inactiveValue?: boolean | number | string;
-}
-
-/**
- * 单选框
- */
-export interface RadioGroupConfig extends FormItem {
-  type: 'radio-group';
-  options: {
-    value: string | number | boolean;
-    text: string;
-  }[];
-}
-
-/**
- * 颜色选择器
- */
-export interface ColorPickConfig extends FormItem {
-  type: 'colorPicker';
-}
-
-/**
- * 多选框组
- */
-export interface CheckboxGroupConfig extends FormItem {
-  type: 'checkbox-group';
-  options:
-    | {
-        value: any;
-        text: string;
-        disabled?: boolean;
-      }[]
-    | Function;
-}
-
-/**
- * 下拉选择器
- */
-export interface SelectConfig extends FormItem, Input {
-  type: 'select';
-  clearable?: boolean;
-  multiple?: boolean;
-  valueKey?: string;
-  allowCreate?: boolean;
-  filterable?: boolean;
-  group?: boolean;
-  options?: SelectConfigOption[] | SelectConfigGroupOption[] | SelectOptionFunction;
-  remote?: true;
-  option?: {
-    url: string | ((mForm: FormState | undefined, data: { model: any; formValue: any }) => string);
-    initUrl?: string | ((mForm: FormState | undefined, data: { model: any; formValue: any }) => string);
-    method?: 'jsonp' | string;
-    cache?: boolean;
-    timeout?: number;
-    mode?: string;
-    headers?: {
-      [key: string]: string;
-    };
-    json?: false | boolean;
-    body?: Record<string, any> | RemoteSelectOptionBodyFunction;
-    initBody?: Record<string, any> | RemoteSelectOptionBodyFunction;
-    jsonpCallback?: 'callback' | string;
-    afterRequest?: RemoteSelectOptionRequestFunction;
-    afterInitRequest?: RemoteSelectOptionRequestFunction;
-    beforeRequest?: (mForm: FormState | undefined, postOptions: Record<string, any>, data: any) => Record<string, any>;
-    beforeInitRequest?: (
-      mForm: FormState | undefined,
-      postOptions: Record<string, any>,
-      data: any,
-    ) => Record<string, any>;
-    root?: string;
-    totalKey?: string;
-    initRoot?: string;
-    item?: RemoteSelectOptionItemFunction;
-    value?: string | SelectOptionValueFunction;
-    text?: string | SelectOptionTextFunction;
-  };
-}
-
-/**
- * 链接
- */
-export interface LinkConfig extends FormItem {
-  type: 'link';
-  href?: string | ((model: Record<string, any>) => string);
-  css?: {
-    [key: string]: string | number;
-  };
-  disabledCss?: {
-    [key: string]: string | number;
-  };
-  formTitle?: string;
-  formWidth?: number | string;
-  displayText?:
-    | ((
-        mForm: FormState | undefined,
-        data: {
-          model: Record<any, any>;
-        },
-      ) => string)
-    | string;
-  form:
-    | FormConfig
-    | ((
-        mForm: FormState | undefined,
-        data: {
-          model: Record<any, any>;
-          values: Record<any, any>;
-        },
-      ) => FormConfig);
-  fullscreen?: boolean;
-}
-
-/**
- * 级联选择器
- */
-export interface CascaderConfig extends FormItem, Input {
-  type: 'cascader';
-  remote?: boolean;
-  /** 在选中节点改变时，是否返回由该节点所在的各级菜单的值所组成的数组，若设置 false，则只返回该节点的值，默认 true */
-  emitPath?: boolean;
-  /** 是否多选，默认 false */
-  multiple?: boolean;
-  /** 是否严格的遵守父子节点不互相关联，默认 false */
-  checkStrictly?: boolean | FilterFunction<boolean>;
-  /** 弹出内容的自定义类名 */
-  popperClass?: string;
-  /** 合并成字符串时的分隔符 */
-  valueSeparator?: string | FilterFunction<string>;
-  options?:
-    | ((
-        mForm: FormState | undefined,
-        data: {
-          model: Record<any, any>;
-          prop: string;
-          formValue: Record<any, any>;
-        },
-      ) => CascaderOption[])
-    | CascaderOption[];
-  option?: {
-    url: string;
-    cache?: boolean;
-    timeout?: number;
-    body?: Record<string, any> | RemoteSelectOptionBodyFunction;
-    root: 'string';
-    item: (optionsData: Record<string, any>) => CascaderOption[];
-  };
-}
-
-export interface DynamicFieldConfig extends FormItem {
-  type: 'dynamic-field';
-  returnFields: (
-    config: DynamicFieldConfig,
-    model: Record<any, any>,
-    request: Object,
-  ) => {
-    name: string;
-    label: string;
-    defaultValue: string;
-  }[];
-  dynamicKey: string;
-}
-
-/**
- * 分组容器
- */
-export interface RowConfig extends FormItem, ContainerCommonConfig {
-  type: 'row';
-  span: number;
-}
-
-/**
- * 标签页容器
- */
-export interface TabPaneConfig {
-  status?: string;
-  title: string;
-  lazy?: boolean;
-  labelWidth?: string;
-  items: FormConfig;
-  onTabClick?: (mForm: FormState | undefined, tab: any, data: any) => void;
-  [key: string]: any;
-}
-
-export interface TabConfig extends FormItem, ContainerCommonConfig {
-  type: 'tab' | 'dynamic-tab';
-  tabType?: string;
-  editable?: boolean;
-  dynamic?: boolean;
-  tabPosition?: 'top' | 'right' | 'bottom' | 'left';
-  items: TabPaneConfig[];
-  onChange?: (mForm: FormState | undefined, data: any) => void;
-  onTabAdd?: (mForm: FormState | undefined, data: any) => void;
-  onTabRemove?: (mForm: FormState | undefined, tabName: string, data: any) => void;
-  onTabClick?: (mForm: FormState | undefined, tab: any, data: any) => void;
-  activeChange?: (mForm: FormState | undefined, tabName: string, data: any) => void;
-}
-
-/**
- * 分组
- */
-export interface FieldsetConfig extends FormItem, ContainerCommonConfig {
-  type: 'fieldset';
-  checkbox?: boolean;
-  expand?: boolean;
-  legend?: string;
-  schematic?: string;
-}
-
-/**
- * 面板容器
- */
-export interface PanelConfig extends FormItem, ContainerCommonConfig {
-  type: 'panel';
-  expand?: boolean;
-  title?: string;
-  schematic?: string;
-}
-
-export interface ColumnConfig extends FormItem {
-  name?: string;
-  label: string;
-  width?: string | number;
-  sortable?: boolean;
-  [key: string]: any;
-}
-
-/**
- * 表格容器
- */
-export interface TableConfig extends FormItem {
-  type: 'table' | 'groupList' | 'group-list';
-  items: ColumnConfig[];
-  tableItems?: ColumnConfig[];
-  groupItems?: ColumnConfig[];
-  enableToggleMode?: boolean;
-  /** 最大行数 */
-  max?: number;
-  /** 最大高度 */
-  maxHeight?: number | string;
-  border?: boolean;
-  /** 显示行号 */
-  showIndex?: boolean;
-  /** 操作栏宽度 */
-  operateColWidth?: number | string;
-  pagination?: boolean;
-  enum?: any[];
-  /** 是否显示添加按钮 */
-  addable?: (mForm: FormState | undefined, data: any) => boolean | 'undefined' | boolean;
-  /** 是否显示删除按钮 */
-  delete?: (model: any, index: number, values: any) => boolean | boolean;
-  /** 是否显示导入按钮 */
-  importable?: (mForm: FormState | undefined, data: any) => boolean | 'undefined' | boolean;
-  /** 是否显示checkbox */
-  selection?: (mForm: FormState | undefined, data: any) => boolean | boolean | 'single';
-  /** 新增的默认行 */
-  defaultAdd?: (mForm: FormState | undefined, data: any) => any;
-  onSelect?: (mForm: FormState | undefined, data: any) => any;
-  defautSort?: SortProp;
-  defaultSort?: SortProp;
-  dropSort?: boolean;
-  /** 是否显示全屏按钮 */
-  enableFullscreen?: boolean;
-  fixed?: boolean;
-  itemExtra?: string | FilterFunction<string>;
-  rowKey?: string;
-  /** table 新增行时前置回调 */
-  beforeAddRow?: (mForm: FormState | undefined, data: any) => boolean;
-}
-
-export interface GroupListConfig extends FormItem {
-  type: 'table' | 'groupList' | 'group-list';
-  span?: number;
-  enableToggleMode?: boolean;
-  items: FormConfig;
-  groupItems?: FormConfig;
-  tableItems?: FormConfig;
-  titleKey?: string;
-  titlePrefix?: string;
-  title?: string | FilterFunction<string>;
-  itemExtra?: string | FilterFunction<string>;
-  expandAll?: boolean;
-  addable?: (mForm: FormState | undefined, data: any) => boolean | 'undefined' | boolean;
-  defaultAdd?: (mForm: FormState | undefined, data: any) => any;
-  delete?: (model: any, index: number | string | symbol, values: any) => boolean | boolean;
-  movable?: (
-    mForm: FormState | undefined,
-    index: number | string | symbol,
-    model: any,
-    groupModel: any,
-  ) => boolean | boolean;
-  [key: string]: any;
-}
-
-interface StepItemConfig extends FormItem, ContainerCommonConfig {
-  title: string;
-}
-
-export interface StepConfig extends FormItem {
-  type: 'step';
-  /** 每个 step 的间距，不填写将自适应间距。支持百分比。 */
-  space?: string | number;
-  items: StepItemConfig[];
-}
-
-export interface ComponentConfig extends FormItem {
-  type: 'component';
-  id: string;
-  extend: any;
-  display: any;
-}
-
-export type ChildConfig =
-  | FormItem
-  | TabConfig
-  | RowConfig
-  | FieldsetConfig
-  | PanelConfig
-  | TableConfig
-  | GroupListConfig
-  | StepConfig
-  | DisplayConfig
-  | TextConfig
-  | HiddenConfig
-  | LinkConfig
-  | DaterangeConfig
-  | SelectConfig
-  | CascaderConfig
-  | HtmlField
-  | DateConfig
-  | ColorPickConfig
-  | TimeConfig
-  | DateTimeConfig
-  | CheckboxConfig
-  | SwitchConfig
-  | RadioGroupConfig
-  | TextareaConfig
-  | DynamicFieldConfig
-  | ComponentConfig;
-
-export type FormConfig = ChildConfig[];
-
-export type FormValue = Record<string | number, any>;
diff --git a/packages/form/src/table/ActionsColumn.vue b/packages/form/src/table/ActionsColumn.vue
new file mode 100644
index 00000000..51dbf6e9
--- /dev/null
+++ b/packages/form/src/table/ActionsColumn.vue
@@ -0,0 +1,117 @@
+<template>
+  <slot name="operateCol" :scope="{ $index: index, row: row }"></slot>
+  <TMagicTooltip v-if="config.dropSort && config.dropSortHandle" content="拖动排序" placement="left-start">
+    <TMagicButton
+      size="small"
+      link
+      :class="{ 'tmagic-form-table-drag-target': config.dropSortHandle }"
+      :icon="config.dropActionButtonIcon || Sort"
+    >
+    </TMagicButton>
+  </TMagicTooltip>
+  <TMagicButton
+    v-show="showDelete(index + 1 + currentPage * pageSize - 1)"
+    size="small"
+    type="danger"
+    link
+    title="删除"
+    :icon="config.deleteActionButtonIcon || Delete"
+    @click="removeHandler(index + 1 + currentPage * pageSize - 1)"
+  ></TMagicButton>
+
+  <TMagicButton
+    v-if="copyable(index + 1 + currentPage * pageSize - 1)"
+    link
+    size="small"
+    type="primary"
+    title="复制"
+    :icon="config.copyActionButtonIcon || DocumentCopy"
+    :disabled="disabled"
+    @click="copyHandler(index + 1 + currentPage * pageSize - 1)"
+  ></TMagicButton>
+</template>
+
+<script setup lang="ts">
+import { inject } from 'vue';
+import { Delete, DocumentCopy, Sort } from '@element-plus/icons-vue';
+import { cloneDeep } from 'lodash-es';
+
+import { TMagicButton, TMagicTooltip } from '@tmagic/design';
+
+import type { FormState, TableConfig } from '../schema';
+
+const emit = defineEmits(['change']);
+
+const props = defineProps<{
+  config: TableConfig;
+  model: any;
+  name: string | number;
+  disabled?: boolean;
+  currentPage: number;
+  pageSize: number;
+  index: number;
+  row: any;
+  prop?: string;
+  sortKey?: string;
+}>();
+
+const mForm = inject<FormState | undefined>('mForm');
+
+const removeHandler = (index: number) => {
+  if (props.disabled) return;
+  emit('change', props.model[props.name].toSpliced(index, 1));
+};
+
+const copyHandler = (index: number) => {
+  let inputs = cloneDeep(props.model[props.name][index]);
+
+  if (typeof props.config.copyHandler === 'function') {
+    const modelName = props.name || props.config.name || '';
+    inputs = props.config.copyHandler(mForm, {
+      model: props.model[modelName],
+      prop: props.prop,
+      formValue: mForm?.values,
+      inputs,
+    });
+  }
+
+  const { length } = props.model[props.name];
+  if (props.sortKey && length) {
+    inputs[props.sortKey] = props.model[props.name][length - 1][props.sortKey] - 1;
+  }
+
+  emit('change', [...props.model[props.name], inputs], {
+    changeRecords: [
+      {
+        propPath: `${props.prop}.${props.model[props.name].length}`,
+        value: inputs,
+      },
+    ],
+  });
+};
+
+// 希望支持单行可控制是否显示删除按钮，不会影响现有逻辑
+const showDelete = (index: number) => {
+  const deleteFunc = props.config.delete;
+  if (deleteFunc && typeof deleteFunc === 'function') {
+    return deleteFunc(props.model[props.name], index, mForm?.values);
+  }
+  return props.config.delete ?? true;
+};
+
+const copyable = (index: number) => {
+  const copyableFunc = props.config.copyable;
+  if (copyableFunc && typeof copyableFunc === 'function') {
+    return copyableFunc(mForm, {
+      values: mForm?.initValues || {},
+      model: props.model,
+      parent: mForm?.parentValues || {},
+      formValue: mForm?.values || props.model,
+      prop: props.prop,
+      config: props.config,
+      index,
+    });
+  }
+  return props.config.copyable ?? true;
+};
+</script>
diff --git a/packages/form/src/table/SortColumn.vue b/packages/form/src/table/SortColumn.vue
new file mode 100644
index 00000000..4776438e
--- /dev/null
+++ b/packages/form/src/table/SortColumn.vue
@@ -0,0 +1,101 @@
+<template>
+  <TMagicTooltip v-if="index + 1 + currentPage * pageSize - 1 !== 0" content="点击上移，双击置顶" placement="top">
+    <TMagicButton
+      plain
+      size="small"
+      type="primary"
+      :icon="ArrowUp"
+      :disabled="disabled"
+      link
+      @click="upHandler(index + 1 + currentPage * pageSize - 1)"
+      @dblclick="topHandler(index + 1 + currentPage * pageSize - 1)"
+    ></TMagicButton>
+  </TMagicTooltip>
+  <TMagicTooltip
+    v-if="index + 1 + currentPage * pageSize - 1 !== model[name].length - 1"
+    content="点击下移，双击置底"
+    placement="top"
+  >
+    <TMagicButton
+      plain
+      size="small"
+      type="primary"
+      :icon="ArrowDown"
+      :disabled="disabled"
+      link
+      @click="downHandler(index + 1 + currentPage * pageSize - 1)"
+      @dblclick="bottomHandler(index + 1 + currentPage * pageSize - 1)"
+    ></TMagicButton>
+  </TMagicTooltip>
+</template>
+
+<script setup lang="ts">
+import { ArrowDown, ArrowUp } from '@element-plus/icons-vue';
+
+import { TMagicButton, TMagicTooltip } from '@tmagic/design';
+
+const props = defineProps<{
+  index: number;
+  disabled?: boolean;
+  currentPage: number;
+  pageSize: number;
+  name: string | number;
+  model: any;
+}>();
+
+const emit = defineEmits(['swap']);
+
+let timer: ReturnType<typeof setTimeout> | null = null;
+
+const upHandler = (index: number) => {
+  if (timer) {
+    clearTimeout(timer);
+  }
+
+  timer = setTimeout(() => {
+    emit('swap', index, index - 1);
+    timer = null;
+  }, 300);
+};
+
+const topHandler = (index: number) => {
+  if (timer) {
+    clearTimeout(timer);
+  }
+
+  // 首先判断当前元素需要上移几个位置,置底移动到数组的第一位
+  const moveNum = index;
+
+  // 循环出需要一个一个上移的次数
+  for (let i = 0; i < moveNum; i++) {
+    emit('swap', index, index - 1);
+    index -= 1;
+  }
+};
+
+const downHandler = (index: number) => {
+  if (timer) {
+    clearTimeout(timer);
+  }
+
+  timer = setTimeout(() => {
+    emit('swap', index, index + 1);
+    timer = null;
+  }, 300);
+};
+
+const bottomHandler = (index: number) => {
+  if (timer) {
+    clearTimeout(timer);
+  }
+
+  // 首先判断当前元素需要上移几个位置,置底移动到数组的第一位
+  const moveNum = props.model[props.name].length - 1 - index;
+
+  // 循环出需要一个一个上移的次数
+  for (let i = 0; i < moveNum; i++) {
+    emit('swap', index, index + 1);
+    index += 1;
+  }
+};
+</script>
diff --git a/packages/form/src/table/Table.vue b/packages/form/src/table/Table.vue
new file mode 100644
index 00000000..60ee20ce
--- /dev/null
+++ b/packages/form/src/table/Table.vue
@@ -0,0 +1,185 @@
+<template>
+  <teleport to="body" :disabled="!isFullscreen">
+    <div
+      v-bind="$attrs"
+      class="m-fields-table-wrap"
+      :class="{ fixed: isFullscreen }"
+      :style="isFullscreen ? `z-index: ${nextZIndex()}` : ''"
+    >
+      <div class="m-fields-table" :class="{ 'm-fields-table-item-extra': config.itemExtra }">
+        <span v-if="config.extra" style="color: rgba(0, 0, 0, 0.45)" v-html="config.extra"></span>
+        <TMagicTooltip
+          content="拖拽可排序"
+          placement="left-start"
+          :disabled="config.dropSort !== true || config.dropSortHandle"
+        >
+          <TMagicTable
+            v-if="model[modelName]"
+            ref="tMagicTable"
+            style="width: 100%"
+            show-header
+            :row-key="config.rowKey || 'id'"
+            :columns="columns"
+            :data="data"
+            :border="config.border"
+            :max-height="config.maxHeight"
+            :default-expand-all="true"
+            :key="updateKey"
+            @select="selectHandle"
+            @sort-change="sortChangeHandler"
+          ></TMagicTable>
+        </TMagicTooltip>
+
+        <slot></slot>
+
+        <div style="display: flex; justify-content: space-between; margin: 10px 0">
+          <div style="display: flex">
+            <TMagicButton
+              :icon="Grid"
+              size="small"
+              @click="toggleMode"
+              v-if="enableToggleMode && config.enableToggleMode !== false && !isFullscreen"
+              >展开配置</TMagicButton
+            >
+            <TMagicButton
+              :icon="FullScreen"
+              size="small"
+              @click="toggleFullscreen"
+              v-if="config.enableFullscreen !== false"
+            >
+              {{ isFullscreen ? '退出全屏' : '全屏编辑' }}
+            </TMagicButton>
+            <TMagicUpload
+              v-if="importable"
+              style="display: inline-block"
+              ref="excelBtn"
+              action="/noop"
+              :disabled="disabled"
+              :on-change="excelHandler"
+              :auto-upload="false"
+            >
+              <TMagicButton size="small" type="success" :disabled="disabled" plain>导入EXCEL</TMagicButton>
+            </TMagicUpload>
+            <TMagicButton v-if="importable" size="small" type="warning" :disabled="disabled" plain @click="clearHandler"
+              >清空</TMagicButton
+            >
+          </div>
+          <TMagicButton
+            v-if="addable"
+            class="m-form-table-add-button"
+            size="small"
+            plain
+            :icon="Plus"
+            v-bind="config.addButtonConfig?.props || { type: 'primary' }"
+            :disabled="disabled"
+            @click="newHandler()"
+            >{{ config.addButtonConfig?.text || '新增一行' }}</TMagicButton
+          >
+        </div>
+
+        <div class="bottom" style="text-align: right" v-if="config.pagination">
+          <TMagicPagination
+            layout="total, sizes, prev, pager, next, jumper"
+            :hide-on-single-page="model[modelName].length < pageSize"
+            :current-page="currentPage + 1"
+            :page-sizes="[pageSize, 60, 120, 300]"
+            :page-size="pageSize"
+            :total="model[modelName].length"
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+          >
+          </TMagicPagination>
+        </div>
+      </div>
+    </div>
+  </teleport>
+</template>
+
+<script setup lang="ts">
+import { computed, ref, useTemplateRef } from 'vue';
+import { FullScreen, Grid, Plus } from '@element-plus/icons-vue';
+
+import { TMagicButton, TMagicPagination, TMagicTable, TMagicTooltip, TMagicUpload, useZIndex } from '@tmagic/design';
+
+import type { SortProp } from '../schema';
+import { sortChange } from '../utils/form';
+
+import type { TableProps } from './type';
+import { useAdd } from './useAdd';
+import { useFullscreen } from './useFullscreen';
+import { useImport } from './useImport';
+import { usePagination } from './usePagination';
+import { useSelection } from './useSelection';
+import { useSortable } from './useSortable';
+import { useTableColumns } from './useTableColumns';
+
+defineOptions({
+  name: 'MFormTable',
+});
+
+const props = withDefaults(defineProps<TableProps>(), {
+  prop: '',
+  sortKey: '',
+  enableToggleMode: true,
+  showIndex: true,
+  lastValues: () => ({}),
+  isCompare: false,
+});
+
+const emit = defineEmits(['change', 'select', 'addDiffCount']);
+
+const modelName = computed(() => props.name || props.config.name || '');
+const tMagicTableRef = useTemplateRef<InstanceType<typeof TMagicTable>>('tMagicTable');
+
+const { pageSize, currentPage, paginationData, handleSizeChange, handleCurrentChange } = usePagination(
+  props,
+  modelName,
+);
+
+const { nextZIndex } = useZIndex();
+const updateKey = ref(1);
+
+const { addable, newHandler } = useAdd(props, emit);
+const { columns } = useTableColumns(props, emit, currentPage, pageSize, modelName);
+useSortable(props, emit, tMagicTableRef, modelName, updateKey);
+const { isFullscreen, toggleFullscreen } = useFullscreen();
+const { importable, excelHandler, clearHandler } = useImport(props, emit, newHandler);
+const { selectHandle, toggleRowSelection } = useSelection(props, emit, tMagicTableRef);
+
+const data = computed(() => (props.config.pagination ? paginationData.value : props.model[modelName.value]));
+
+const toggleMode = () => {
+  const calcLabelWidth = (label: string) => {
+    if (!label) return '0px';
+    const zhLength = label.match(/[^\x00-\xff]/g)?.length || 0;
+    const chLength = label.length - zhLength;
+    return `${Math.max(chLength * 8 + zhLength * 20, 80)}px`;
+  };
+
+  // 切换为groupList的形式
+  props.config.type = 'groupList';
+  props.config.enableToggleMode = true;
+  props.config.tableItems = props.config.items;
+  props.config.items =
+    props.config.groupItems ||
+    props.config.items.map((item: any) => {
+      const text = item.text || item.label;
+      const labelWidth = calcLabelWidth(text);
+      return {
+        ...item,
+        text,
+        labelWidth,
+        span: item.span || 12,
+      };
+    });
+};
+
+const sortChangeHandler = (sortOptions: SortProp) => {
+  const modelName = props.name || props.config.name || '';
+  sortChange(props.model[modelName], sortOptions);
+};
+
+defineExpose({
+  toggleRowSelection,
+});
+</script>
diff --git a/packages/form/src/table/type.ts b/packages/form/src/table/type.ts
new file mode 100644
index 00000000..a870dc69
--- /dev/null
+++ b/packages/form/src/table/type.ts
@@ -0,0 +1,18 @@
+import type { TableConfig } from '@tmagic/form-schema';
+
+export interface TableProps {
+  model: any;
+  lastValues?: any;
+  isCompare?: boolean;
+  config: TableConfig;
+  name: string;
+  prop?: string;
+  labelWidth?: string;
+  sort?: boolean;
+  disabled?: boolean;
+  sortKey?: string;
+  text?: string;
+  size?: string;
+  enableToggleMode?: boolean;
+  showIndex?: boolean;
+}
diff --git a/packages/form/src/table/useAdd.ts b/packages/form/src/table/useAdd.ts
new file mode 100644
index 00000000..78a05c60
--- /dev/null
+++ b/packages/form/src/table/useAdd.ts
@@ -0,0 +1,112 @@
+import { computed, inject } from 'vue';
+
+import { tMagicMessage } from '@tmagic/design';
+import type { FormConfig, FormState } from '@tmagic/form-schema';
+
+import { initValue } from '../utils/form';
+
+import type { TableProps } from './type';
+
+export const useAdd = (
+  props: TableProps,
+  emit: (event: 'select' | 'change' | 'addDiffCount', ...args: any[]) => void,
+) => {
+  const mForm = inject<FormState | undefined>('mForm');
+
+  const addable = computed(() => {
+    const modelName = props.name || props.config.name || '';
+    if (!props.model[modelName].length) {
+      return true;
+    }
+    if (typeof props.config.addable === 'function') {
+      return props.config.addable(mForm, {
+        model: props.model[modelName],
+        formValue: mForm?.values,
+        prop: props.prop,
+      });
+    }
+    return typeof props.config.addable === 'undefined' ? true : props.config.addable;
+  });
+
+  const newHandler = async (row?: any) => {
+    const modelName = props.name || props.config.name || '';
+
+    if (props.config.max && props.model[modelName].length >= props.config.max) {
+      tMagicMessage.error(`最多新增配置不能超过${props.config.max}条`);
+      return;
+    }
+
+    if (typeof props.config.beforeAddRow === 'function') {
+      const beforeCheckRes = props.config.beforeAddRow(mForm, {
+        model: props.model[modelName],
+        formValue: mForm?.values,
+        prop: props.prop,
+      });
+      if (!beforeCheckRes) return;
+    }
+
+    const columns = props.config.items;
+    const enumValues = props.config.enum || [];
+    let enumV = [];
+    const { length } = props.model[modelName];
+    const key = props.config.key || 'id';
+    let inputs: any = {};
+
+    if (enumValues.length) {
+      if (length >= enumValues.length) {
+        return;
+      }
+      enumV = enumValues.filter((item) => {
+        let i = 0;
+        for (; i < length; i++) {
+          if (item[key] === props.model[modelName][i][key]) {
+            break;
+          }
+        }
+        return i === length;
+      });
+
+      if (enumV.length > 0) {
+        // eslint-disable-next-line prefer-destructuring
+        inputs = enumV[0];
+      }
+    } else if (Array.isArray(row)) {
+      columns.forEach((column, index) => {
+        column.name && (inputs[column.name] = row[index]);
+      });
+    } else {
+      if (typeof props.config.defaultAdd === 'function') {
+        inputs = await props.config.defaultAdd(mForm, {
+          model: props.model[modelName],
+          prop: props.prop,
+          formValue: mForm?.values,
+        });
+      } else if (props.config.defaultAdd) {
+        inputs = props.config.defaultAdd;
+      }
+
+      inputs = await initValue(mForm, {
+        config: columns as FormConfig,
+        initValues: inputs,
+      });
+    }
+
+    if (props.sortKey && length) {
+      inputs[props.sortKey] = props.model[modelName][length - 1][props.sortKey] - 1;
+    }
+
+    emit('change', [...props.model[modelName], inputs], {
+      changeRecords: [
+        {
+          propPath: `${props.prop}.${props.model[modelName].length}`,
+          value: inputs,
+        },
+      ],
+    });
+  };
+
+  return {
+    addable,
+    newHandler,
+  };
+};
diff --git a/packages/form/src/table/useFullscreen.ts b/packages/form/src/table/useFullscreen.ts
new file mode 100644
index 00000000..dde85cf1
--- /dev/null
+++ b/packages/form/src/table/useFullscreen.ts
@@ -0,0 +1,18 @@
+import { ref } from 'vue';
+
+export const useFullscreen = () => {
+  const isFullscreen = ref(false);
+
+  const toggleFullscreen = () => {
+    if (isFullscreen.value) {
+      isFullscreen.value = false;
+    } else {
+      isFullscreen.value = true;
+    }
+  };
+
+  return {
+    isFullscreen,
+    toggleFullscreen,
+  };
+};
diff --git a/packages/form/src/table/useImport.ts b/packages/form/src/table/useImport.ts
new file mode 100644
index 00000000..35987e49
--- /dev/null
+++ b/packages/form/src/table/useImport.ts
@@ -0,0 +1,68 @@
+import { computed, inject, useTemplateRef } from 'vue';
+
+import type { TMagicUpload } from '@tmagic/design';
+import type { FormState } from '@tmagic/form-schema';
+import { asyncLoadJs } from '@tmagic/utils';
+
+import type { TableProps } from './type';
+
+export const useImport = (
+  props: TableProps,
+  emit: (event: 'select' | 'change' | 'addDiffCount', ...args: any[]) => void,
+  newHandler: (row: any) => void,
+) => {
+  const mForm = inject<FormState | undefined>('mForm');
+  const modelName = computed(() => props.name || props.config.name || '');
+  const importable = computed(() => {
+    if (typeof props.config.importable === 'function') {
+      return props.config.importable(mForm, {
+        formValue: mForm?.values,
+        model: props.model[modelName.value],
+      });
+    }
+    return typeof props.config.importable === 'undefined' ? false : props.config.importable;
+  });
+
+  const excelBtn = useTemplateRef<InstanceType<typeof TMagicUpload>>('excelBtn');
+
+  const excelHandler = async (file: any) => {
+    if (!file?.raw) {
+      return false;
+    }
+
+    if (!(globalThis as any).XLSX) {
+      await asyncLoadJs('https://cdn.bootcdn.net/ajax/libs/xlsx/0.17.0/xlsx.full.min.js');
+    }
+
+    const reader = new FileReader();
+    reader.onload = () => {
+      const data = reader.result;
+      const pdata = (globalThis as any).XLSX.read(data, { type: 'array' });
+      pdata.SheetNames.forEach((sheetName: string) => {
+        const arr = (globalThis as any).XLSX.utils.sheet_to_json(pdata.Sheets[sheetName], { header: 1 });
+        if (arr?.[0]) {
+          arr.forEach((row: any) => {
+            newHandler(row);
+          });
+        }
+        setTimeout(() => {
+          excelBtn.value?.clearFiles();
+        }, 300);
+      });
+    };
+    reader.readAsArrayBuffer(file.raw);
+
+    return false;
+  };
+
+  const clearHandler = () => {
+    emit('change', []);
+    mForm?.$emit('field-change', props.prop, props.model[modelName.value]);
+  };
+
+  return {
+    importable,
+    excelHandler,
+    clearHandler,
+  };
+};
diff --git a/packages/form/src/table/usePagination.ts b/packages/form/src/table/usePagination.ts
new file mode 100644
index 00000000..39d9619b
--- /dev/null
+++ b/packages/form/src/table/usePagination.ts
@@ -0,0 +1,30 @@
+import { computed, type Ref, ref } from 'vue';
+
+import { getDataByPage } from '../utils/form';
+
+import type { TableProps } from './type';
+
+export const usePagination = (props: TableProps, modelName: Ref<string | number>) => {
+  const pageSize = ref(10);
+  /**
+   * 当前页码
+   */
+  const currentPage = ref(0);
+
+  const paginationData = computed(() => getDataByPage(props.model[modelName.value], currentPage.value, pageSize.value));
+  const handleSizeChange = (val: number) => {
+    pageSize.value = val;
+  };
+
+  const handleCurrentChange = (val: number) => {
+    currentPage.value = val - 1;
+  };
+
+  return {
+    pageSize,
+    currentPage,
+    paginationData,
+    handleSizeChange,
+    handleCurrentChange,
+  };
+};
diff --git a/packages/form/src/table/useSelection.ts b/packages/form/src/table/useSelection.ts
new file mode 100644
index 00000000..b820fe1a
--- /dev/null
+++ b/packages/form/src/table/useSelection.ts
@@ -0,0 +1,34 @@
+import { inject, type ShallowRef } from 'vue';
+
+import type { TMagicTable } from '@tmagic/design';
+import type { FormState } from '@tmagic/form-schema';
+
+import type { TableProps } from './type';
+
+export const useSelection = (
+  props: TableProps,
+  emit: (event: 'select' | 'change' | 'addDiffCount', ...args: any[]) => void,
+  tMagicTableRef: ShallowRef<InstanceType<typeof TMagicTable> | null>,
+) => {
+  const mForm = inject<FormState | undefined>('mForm');
+
+  const selectHandle = (selection: any, row: any) => {
+    if (typeof props.config.selection === 'string' && props.config.selection === 'single') {
+      tMagicTableRef.value?.clearSelection();
+      tMagicTableRef.value?.toggleRowSelection(row, true);
+    }
+    emit('select', selection, row);
+    if (typeof props.config.onSelect === 'function') {
+      props.config.onSelect(mForm, { selection, row, config: props.config });
+    }
+  };
+
+  const toggleRowSelection = (row: any, selected: boolean) => {
+    tMagicTableRef.value?.toggleRowSelection.call(tMagicTableRef.value?.getTableRef(), row, selected);
+  };
+
+  return {
+    selectHandle,
+    toggleRowSelection,
+  };
+};
diff --git a/packages/form/src/table/useSortable.ts b/packages/form/src/table/useSortable.ts
new file mode 100644
index 00000000..47483b5e
--- /dev/null
+++ b/packages/form/src/table/useSortable.ts
@@ -0,0 +1,60 @@
+import { inject, nextTick, type Ref, type ShallowRef, watchEffect } from 'vue';
+import type { default as SortableType, SortableEvent } from 'sortablejs';
+
+import { type TMagicTable } from '@tmagic/design';
+import type { FormState } from '@tmagic/form-schema';
+
+import { sortArray } from '../utils/form';
+
+import type { TableProps } from './type';
+
+let SortablePromise: Promise<typeof SortableType> | undefined;
+const loadSortable = () => (SortablePromise ??= import('sortablejs').then((m) => m.default));
+
+export const useSortable = (
+  props: TableProps,
+  emit: (event: 'select' | 'change' | 'addDiffCount', ...args: any[]) => void,
+  tMagicTableRef: ShallowRef<InstanceType<typeof TMagicTable> | null>,
+  modelName: Ref<string | number>,
+  updateKey: Ref<number>,
+) => {
+  const mForm = inject<FormState | undefined>('mForm');
+
+  let sortable: SortableType | undefined;
+  const rowDrop = async () => {
+    sortable?.destroy();
+    const tableEl = tMagicTableRef.value?.getEl();
+    const tBodyEl = tableEl?.querySelector('.el-table__body > tbody') || tableEl?.querySelector('.t-table__body');
+    if (!tBodyEl) {
+      return;
+    }
+
+    sortable = (await loadSortable()).create(tBodyEl, {
+      draggable: '.tmagic-design-table-row',
+      filter: 'input', // 表单组件选字操作和触发拖拽会冲突，优先保证选字操作
+      preventOnFilter: false, // 允许选字
+      direction: 'vertical',
+      handle: props.config.dropSortHandle ? '.tmagic-form-table-drag-target' : undefined,
+      onEnd: ({ newIndex, oldIndex }: SortableEvent) => {
+        if (typeof newIndex === 'undefined') return;
+        if (typeof oldIndex === 'undefined') return;
+        const newData = sortArray(props.model[modelName.value], newIndex, oldIndex, props.sortKey);
+
+        emit('change', newData);
+        mForm?.$emit('field-change', newData);
+
+        nextTick(() => {
+          sortable?.destroy();
+          sortable = undefined;
+          updateKey.value += 1;
+        });
+      },
+    });
+  };
+
+  watchEffect(() => {
+    if (props.config.dropSort) {
+      rowDrop();
+    }
+  });
+};
diff --git a/packages/form/src/table/useTableColumns.ts b/packages/form/src/table/useTableColumns.ts
new file mode 100644
index 00000000..45e3b5f2
--- /dev/null
+++ b/packages/form/src/table/useTableColumns.ts
@@ -0,0 +1,249 @@
+import { computed, h, inject, type Ref } from 'vue';
+import { WarningFilled } from '@element-plus/icons-vue';
+import { cloneDeep } from 'lodash-es';
+
+import { type TableColumnOptions, TMagicIcon, TMagicTooltip } from '@tmagic/design';
+import type { FormItemConfig, FormState, TableColumnConfig } from '@tmagic/form-schema';
+
+import Container from '../containers/Container.vue';
+import type { ContainerChangeEventData } from '../schema';
+import { display as displayFunc, getDataByPage, sortArray } from '../utils/form';
+
+import ActionsColumn from './ActionsColumn.vue';
+import SortColumn from './SortColumn.vue';
+import type { TableProps } from './type';
+
+export const useTableColumns = (
+  props: TableProps,
+  emit: (event: 'select' | 'change' | 'addDiffCount', ...args: any[]) => void,
+  currentPage: Ref<number>,
+  pageSize: Ref<number>,
+  modelName: Ref<string | number>,
+) => {
+  const mForm = inject<FormState | undefined>('mForm');
+
+  const display = (fuc: any) => displayFunc(mForm, fuc, props);
+
+  const lastData = computed(() =>
+    props.config.pagination
+      ? getDataByPage(props.lastValues[modelName.value], currentPage.value, pageSize.value)
+      : props.lastValues[modelName.value] || [],
+  );
+
+  const itemExtra = (fuc: any, index: number) => {
+    if (typeof fuc === 'function') {
+      return fuc(mForm, {
+        values: mForm?.initValues,
+        model: props.model,
+        formValue: mForm ? mForm.values : props.model,
+        prop: props.prop,
+        index,
+      });
+    }
+
+    return fuc;
+  };
+
+  const titleTip = (fuc: any) => {
+    if (typeof fuc === 'function') {
+      return fuc(mForm, {
+        values: mForm?.initValues,
+        model: props.model,
+        formValue: mForm ? mForm.values : props.model,
+        prop: props.prop,
+      });
+    }
+
+    return fuc;
+  };
+
+  const selection = computed(() => {
+    if (typeof props.config.selection === 'function') {
+      return props.config.selection(mForm, { model: props.model[modelName.value] });
+    }
+    return props.config.selection;
+  });
+
+  const getProp = (index: number) => {
+    return `${props.prop}${props.prop ? '.' : ''}${index + 1 + currentPage.value * pageSize.value - 1}`;
+  };
+
+  const makeConfig = (config: TableColumnConfig, row: any): TableColumnConfig => {
+    const newConfig = cloneDeep(config);
+    if (typeof config.itemsFunction === 'function') {
+      newConfig.items = config.itemsFunction(row);
+    }
+    delete newConfig.display;
+    return newConfig;
+  };
+
+  const changeHandler = (v: any, eventData: ContainerChangeEventData) => {
+    emit('change', props.model, eventData);
+  };
+
+  const onAddDiffCount = () => emit('addDiffCount');
+
+  const columns = computed<TableColumnOptions[]>(() => {
+    const columns: TableColumnOptions[] = [];
+
+    if (props.config.itemExtra && !props.config.dropSort) {
+      columns.push({
+        props: {
+          fixed: 'left',
+          width: 30,
+          type: 'expand',
+        },
+        cell: ({ $index }: any) =>
+          h('span', {
+            innerHTML: itemExtra(props.config.itemExtra, $index),
+            class: 'm-form-tip',
+          }),
+      });
+    }
+
+    if (selection.value) {
+      columns.push({
+        props: {
+          align: 'center',
+          headerAlign: 'center',
+          type: 'selection',
+          width: 45,
+        },
+      });
+    }
+
+    let actionFixed: 'left' | 'right' | undefined = props.config.fixed === false ? undefined : 'left';
+
+    if (typeof props.config.fixed === 'string' && ['left', 'right'].includes(props.config.fixed)) {
+      actionFixed = props.config.fixed;
+    }
+
+    const actionColumn = {
+      props: {
+        label: '操作',
+        fixed: actionFixed,
+        width: props.config.operateColWidth ?? (props.config.dropSortHandle && props.config.dropSort ? 132 : 112),
+        align: 'center',
+      },
+      cell: ({ row, $index }: any) =>
+        h(ActionsColumn, {
+          row,
+          index: $index,
+          model: props.model,
+          config: props.config,
+          prop: props.prop,
+          disabled: props.disabled,
+          sortKey: props.sortKey,
+          name: modelName.value,
+          currentPage: currentPage.value,
+          pageSize: pageSize.value,
+          onChange: (v: any) => {
+            emit('change', v);
+          },
+        }),
+    };
+
+    if (actionFixed !== 'right') {
+      columns.push(actionColumn);
+    }
+
+    if (props.sort && props.model[modelName.value] && props.model[modelName.value].length > 1) {
+      columns.push({
+        props: {
+          label: '排序',
+          width: 80,
+        },
+        cell: ({ $index }: any) =>
+          h(SortColumn, {
+            index: $index,
+            model: props.model,
+            disabled: props.disabled,
+            name: modelName.value,
+            currentPage: currentPage.value,
+            pageSize: pageSize.value,
+            onSwap: (index1: number, index2: number) => {
+              const newData = sortArray(props.model[modelName.value], index1, index2, props.sortKey);
+              emit('change', newData);
+              mForm?.$emit('field-change', newData);
+            },
+          }),
+      });
+    }
+
+    if (props.showIndex && props.config.showIndex) {
+      columns.push({
+        props: {
+          label: '序号',
+          width: 60,
+        },
+        cell: ({ $index }: any) => h('span', $index + 1 + currentPage.value * pageSize.value),
+      });
+    }
+
+    for (const column of props.config.items) {
+      if (column.type !== 'hidden' && display(column.display)) {
+        const titleTipValue = titleTip(column.titleTip);
+
+        columns.push({
+          props: {
+            prop: column.name,
+            label: column.label,
+            width: column.width,
+            sortable: column.sortable,
+            sortOrders: ['ascending', 'descending'],
+            class: props.config.dropSort === true ? 'el-table__column--dropable' : '',
+          },
+          cell: ({ row, $index }: any) =>
+            h(Container, {
+              labelWidth: '0',
+              disabled: props.disabled,
+              prop: getProp($index),
+              rules: column.rules,
+              config: makeConfig(column, row) as FormItemConfig,
+              model: row,
+              lastValues: lastData.value[$index],
+              isCompare: props.isCompare,
+              size: props.size,
+              onChange: changeHandler,
+              onAddDiffCount,
+            }),
+          title: titleTipValue
+            ? () =>
+                h(
+                  TMagicTooltip,
+                  { placement: 'top' },
+                  {
+                    default: () =>
+                      h(
+                        'span',
+                        {
+                          style: {
+                            display: 'inline-flex',
+                            alignItems: 'center',
+                            gap: '5px',
+                          },
+                        },
+                        [h('span', column.label), h(TMagicIcon, {}, { default: () => h(WarningFilled) })],
+                      ),
+                    content: () =>
+                      h('div', {
+                        innerHTML: titleTipValue,
+                      }),
+                  },
+                )
+            : undefined,
+        });
+      }
+    }
+
+    if (actionFixed === 'right') {
+      columns.push(actionColumn);
+    }
+
+    return columns;
+  });
+
+  return {
+    columns,
+  };
+};
diff --git a/packages/form/src/theme/container.scss b/packages/form/src/theme/container.scss
new file mode 100644
index 00000000..37afe802
--- /dev/null
+++ b/packages/form/src/theme/container.scss
@@ -0,0 +1,22 @@
+.tmagic-design-form-inline {
+  .m-form-container {
+    display: inline-flex;
+  }
+}
+
+.m-form-container {
+  &.has-tip {
+    display: flex;
+    align-items: baseline;
+
+    .tmagic-design-form-item {
+      flex: 1;
+    }
+  }
+
+  .tmagic-design-form-item {
+    &.show-diff {
+      background: #f7dadd;
+    }
+  }
+}
diff --git a/packages/form/src/theme/form.scss b/packages/form/src/theme/form.scss
index 62f6e2ec..365357d4 100644
--- a/packages/form/src/theme/form.scss
+++ b/packages/form/src/theme/form.scss
@@ -19,25 +19,37 @@
     height: 100%;
   }
 
-  .el-table {
+  .tmagic-design-table {
     .cell > div.m-form-container {
       display: block;
+
+      &.has-tip {
+        display: flex;
+      }
     }
   }
 
-  .el-tabs {
+  .tmagic-design-tabs {
     margin-bottom: 10px;
   }
 
-  .el-form-item.hidden {
+  .tmagic-design-form-item.tmagic-form-hidden {
     > .el-form-item__label {
       display: none;
     }
   }
 
-  .t-form__item.hidden {
+  .t-form__item.tmagic-form-hidden {
     > .t-form__label {
       display: none;
     }
+
+    > .t-form__controls {
+      margin-left: 0 !important;
+    }
+  }
+
+  &.t-form:not(.t-form-inline) .t-form__item:last-of-type {
+    margin-bottom: var(--td-comp-margin-xxl);
   }
 }
diff --git a/packages/form/src/theme/group-list.scss b/packages/form/src/theme/group-list.scss
index e011e763..b8c32f23 100644
--- a/packages/form/src/theme/group-list.scss
+++ b/packages/form/src/theme/group-list.scss
@@ -20,4 +20,19 @@
       border-bottom: 0;
     }
   }
+
+  .tmagic-design-card {
+    .el-card__header {
+      padding: 5px 20px;
+    }
+    .t-card__header {
+      padding: 5px 0;
+    }
+  }
+
+  .m-fields-group-list-footer {
+    display: flex;
+    justify-content: space-between;
+    margin-top: 10px;
+  }
 }
diff --git a/packages/form/src/theme/index.scss b/packages/form/src/theme/index.scss
index 61bcb5cd..3e87b8d1 100644
--- a/packages/form/src/theme/index.scss
+++ b/packages/form/src/theme/index.scss
@@ -1,3 +1,4 @@
+@use "./container.scss";
 @use "./form-dialog.scss";
 @use "./form-drawer.scss";
 @use "./form.scss";
diff --git a/packages/form/src/theme/table.scss b/packages/form/src/theme/table.scss
index 1611ba92..e649da94 100644
--- a/packages/form/src/theme/table.scss
+++ b/packages/form/src/theme/table.scss
@@ -1,9 +1,6 @@
 .m-fields-table-wrap {
   width: 100%;
-}
 
-.m-fields-table {
-  width: 100%;
   &.fixed {
     position: fixed;
     height: 100%;
@@ -14,6 +11,8 @@
     bottom: 0;
     z-index: 100;
     background: rgba(0, 0, 0, 0.5);
+    align-items: center;
+    display: flex;
 
     & > .el-form-item__content {
       z-index: 101;
@@ -25,6 +24,10 @@
       width: 95vw !important;
     }
   }
+}
+
+.m-fields-table {
+  width: 100%;
 
   th {
     background-color: #f2f2f2 !important;
@@ -63,8 +66,7 @@
     margin-bottom: 0;
   }
 
-  .m-table-delete-icon {
-    color: #f56c6c;
-    cursor: pointer;
+  .tmagic-form-table-drag-target {
+    cursor: move;
   }
 }
diff --git a/packages/form/src/theme/text.scss b/packages/form/src/theme/text.scss
index baddc5f4..6c5ba72a 100644
--- a/packages/form/src/theme/text.scss
+++ b/packages/form/src/theme/text.scss
@@ -1,6 +1,68 @@
+.m-fields-text {
+  display: flex;
+  align-items: center;
+  width: 100%;
+}
+
 .m-form-validate__warning {
   color: var(--el-color-warning);
   font-size: 12px;
   width: 100%;
   line-height: 1.4;
 }
+
+.tmagic-form-text-popper {
+  min-width: 150px;
+  line-height: 1.4;
+  background-color: #fff;
+  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
+  color: #606266;
+  border: 1px solid #e4e7ed;
+  border-radius: 4px;
+  font-size: 14px;
+  overflow-wrap: break-word;
+  box-sizing: border-box;
+  padding: 10px;
+
+  &:focus {
+    outline: none;
+  }
+}
+
+.tmagic-form-text-popper[data-popper-placement^="top"]
+  > .tmagic-form-text-popper-arrow {
+  bottom: -4px;
+}
+
+.tmagic-form-text-popper[data-popper-placement^="bottom"]
+  > .tmagic-form-text-popper-arrow {
+  top: -4px;
+}
+
+.tmagic-form-text-popper[data-popper-placement^="left"]
+  > .tmagic-form-text-popper-arrow {
+  right: -4px;
+}
+
+.tmagic-form-text-popper[data-popper-placement^="right"]
+  > .tmagic-form-text-popper-arrow {
+  left: -4px;
+}
+
+.tmagic-form-text-popper-arrow,
+.tmagic-form-text-popper-arrow::before {
+  position: absolute;
+  width: 8px;
+  height: 8px;
+  background: inherit;
+}
+
+.tmagic-form-text-popper-arrow {
+  visibility: hidden;
+}
+
+.tmagic-form-text-popper-arrow::before {
+  visibility: visible;
+  content: "";
+  transform: rotate(45deg);
+}
diff --git a/packages/form/src/utils/config.ts b/packages/form/src/utils/config.ts
index a7aa670f..56cf552e 100644
--- a/packages/form/src/utils/config.ts
+++ b/packages/form/src/utils/config.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -16,6 +16,8 @@
  * limitations under the License.
  */
 
+import type { Component } from 'vue';
+
 let $MAGIC_FORM = {} as any;
 
 const setConfig = (option: any): void => {
@@ -24,4 +26,17 @@ const setConfig = (option: any): void => {
 
 const getConfig = <T = unknown>(key: string): T => $MAGIC_FORM[key];
 
-export { getConfig, setConfig };
+const fieldRegistry = new Map<string, Component>();
+
+const registerField = (tagName: string, component: Component): void => {
+  if (fieldRegistry.has(tagName)) {
+    return;
+  }
+  fieldRegistry.set(tagName, component);
+};
+
+const getField = (tagName: string): Component | undefined => fieldRegistry.get(tagName);
+
+const deleteField = (tagName: string): boolean => fieldRegistry.delete(tagName);
+
+export { deleteField, getConfig, getField, registerField, setConfig };
diff --git a/packages/form/src/utils/containerProps.ts b/packages/form/src/utils/containerProps.ts
index 8da869e6..e95d2b9f 100644
--- a/packages/form/src/utils/containerProps.ts
+++ b/packages/form/src/utils/containerProps.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
diff --git a/packages/form/src/utils/form.ts b/packages/form/src/utils/form.ts
index 3ca1e445..6ff56b86 100644
--- a/packages/form/src/utils/form.ts
+++ b/packages/form/src/utils/form.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -16,19 +16,25 @@
  * limitations under the License.
  */
 
-/* eslint-disable no-param-reassign */
-import { toRaw } from 'vue';
+import { readonly } from 'vue';
+import dayjs from 'dayjs';
+import utc from 'dayjs/plugin/utc';
 import { cloneDeep } from 'lodash-es';
 
-import {
+import { getValueByKeyPath } from '@tmagic/utils';
+
+import type {
   ChildConfig,
   ContainerCommonConfig,
   DaterangeConfig,
+  FilterFunction,
   FormConfig,
   FormState,
   FormValue,
   HtmlField,
   Rule,
+  SortProp,
+  TableConfig,
   TabPaneConfig,
   TypeFunction,
 } from '../schema';
@@ -38,10 +44,11 @@ interface DefaultItem {
   type: string;
   filter: string;
   multiple: boolean;
+  names?: string[];
 }
 
-const isTableSelect = (type?: string | TypeFunction) =>
-  typeof type === 'string' && ['table-select', 'tableSelect'].includes(type);
+const TABLE_SELECT_TYPES = new Set(['table-select', 'tableSelect']);
+const isTableSelect = (type?: string | TypeFunction) => typeof type === 'string' && TABLE_SELECT_TYPES.has(type);
 
 const asyncLoadConfig = (value: FormValue, initValue: FormValue, { asyncLoad, name, type }: HtmlField) => {
   // 富文本配置了异步加载
@@ -51,9 +58,15 @@ const asyncLoadConfig = (value: FormValue, initValue: FormValue, { asyncLoad, na
   }
 };
 
-const isMultipleValue = (type?: string | TypeFunction) =>
-  typeof type === 'string' &&
-  ['checkbox-group', 'checkboxGroup', 'table', 'cascader', 'group-list', 'groupList'].includes(type);
+const MULTIPLE_VALUE_TYPES = new Set([
+  'checkbox-group',
+  'checkboxGroup',
+  'table',
+  'cascader',
+  'group-list',
+  'groupList',
+]);
+const isMultipleValue = (type?: string | TypeFunction) => typeof type === 'string' && MULTIPLE_VALUE_TYPES.has(type);
 
 const initItemsValue = (
   mForm: FormState | undefined,
@@ -87,8 +100,13 @@ const setValue = (mForm: FormState | undefined, value: FormValue, initValue: For
 
   // 如果fieldset配置checkbox，checkbox的值保存在value中
   if (type === 'fieldset' && checkbox) {
-    if (typeof value[name] === 'object') {
-      value[name].value = typeof initValue[name] === 'object' ? initValue[name].value || 0 : 0;
+    const checkboxName = typeof checkbox === 'object' && typeof checkbox.name === 'string' ? checkbox.name : 'value';
+    const checkboxFalseValue =
+      typeof checkbox === 'object' && typeof checkbox.falseValue !== 'undefined' ? checkbox.falseValue : 0;
+
+    if (name && typeof value[name] === 'object') {
+      value[name][checkboxName] =
+        typeof initValue[name] === 'object' ? initValue[name][checkboxName] || checkboxFalseValue : checkboxFalseValue;
     }
   }
 };
@@ -101,30 +119,27 @@ const initValueItem = function (
 ) {
   const { items } = item as ContainerCommonConfig;
   const { names } = item as DaterangeConfig;
-  const { type, name } = item as ChildConfig;
+  const type = 'type' in item ? item.type : '';
+  const { name } = item;
 
   if (isTableSelect(type) && name) {
-    value[name] = initValue[name] || '';
+    value[name] = initValue[name] ?? '';
     return value;
   }
 
   asyncLoadConfig(value, initValue, item as HtmlField);
 
   // 这种情况比较多，提前结束
-  if (name && !items && typeof initValue[name] !== 'undefined') {
+  if (name && !items && typeof initValue?.[name] !== 'undefined') {
     if (typeof value[name] === 'undefined') {
-      if (type === 'number') {
-        value[name] = Number(initValue[name]);
-      } else {
-        value[name] = typeof initValue[name] === 'object' ? cloneDeep(initValue[name]) : initValue[name];
-      }
+      value[name] = type === 'number' ? Number(initValue[name]) : initValue[name];
     }
 
     return value;
   }
 
   if (names) {
-    return names.forEach((n: string) => (value[n] = initValue[n] || ''));
+    return names.forEach((n: string) => (value[n] = initValue[n] ?? ''));
   }
 
   if (!name) {
@@ -134,6 +149,19 @@ const initValueItem = function (
 
   setValue(mForm, value, initValue, item);
 
+  if (type === 'table') {
+    const tableConfig = item as TableConfig;
+    if (tableConfig.defautSort) {
+      sortChange(value[name], tableConfig.defautSort);
+    } else if (tableConfig.defaultSort) {
+      sortChange(value[name], tableConfig.defaultSort);
+    }
+
+    if (tableConfig.sort && tableConfig.sortKey) {
+      value[name].sort((a: any, b: any) => b[tableConfig.sortKey!] - a[tableConfig.sortKey!]);
+    }
+  }
+
   return value;
 };
 
@@ -144,15 +172,18 @@ export const createValues = function (
   value: FormValue = {},
 ) {
   if (Array.isArray(config)) {
-    config.forEach((item: ChildConfig | TabPaneConfig) => {
-      initValueItem(mForm, item, initValue, value);
+    config.forEach((item) => {
+      initValueItem(mForm, item as ChildConfig | TabPaneConfig, initValue, value);
     });
   }
 
   return value;
 };
 
-const getDefaultValue = function (mForm: FormState | undefined, { defaultValue, type, filter, multiple }: DefaultItem) {
+const getDefaultValue = function (
+  mForm: FormState | undefined,
+  { defaultValue, type, filter, multiple, names }: DefaultItem,
+) {
   if (typeof defaultValue === 'function') {
     return defaultValue(mForm);
   }
@@ -178,23 +209,32 @@ const getDefaultValue = function (mForm: FormState | undefined, { defaultValue,
     return [];
   }
 
+  if (type === 'daterange' && !names) {
+    return [];
+  }
+
   return '';
 };
 
-export const filterFunction = <T = any>(mForm: FormState | undefined, config: T, props: any) => {
-  if (typeof config !== 'function') {
-    return config;
+export const filterFunction = <T = any>(
+  mForm: FormState | undefined,
+  config: T | FilterFunction<T> | undefined,
+  props: any,
+) => {
+  if (typeof config === 'function') {
+    return (config as FilterFunction<T>)(mForm, {
+      values: readonly(mForm?.initValues || {}),
+      model: readonly(props.model),
+      parent: readonly(mForm?.parentValues || {}),
+      formValue: readonly(mForm?.values || props.model),
+      prop: props.prop,
+      config: props.config,
+      index: props.index,
+      getFormValue: (prop: string) => getValueByKeyPath(prop, mForm?.values || props.model),
+    });
   }
 
-  return config(mForm, {
-    values: mForm?.initValues || {},
-    model: props.model,
-    parent: mForm?.parentValues || {},
-    formValue: mForm?.values || props.model,
-    prop: props.prop,
-    config: props.config,
-    index: props.index,
-  });
+  return config;
 };
 
 export const display = function (mForm: FormState | undefined, config: any, props: any) {
@@ -254,15 +294,93 @@ export const initValue = async (
 ) => {
   if (!Array.isArray(config)) throw new Error('config应该为数组');
 
-  let valuesTmp = createValues(mForm, config, toRaw(initValues), {});
+  const initValuesCopy = cloneDeep(initValues);
+
+  let valuesTmp = createValues(mForm, config, initValuesCopy, {});
 
   const [firstForm] = config as [ContainerCommonConfig];
   if (firstForm && typeof firstForm.onInitValue === 'function') {
     valuesTmp = await firstForm.onInitValue(mForm, {
       formValue: valuesTmp,
-      initValue: initValues,
+      initValue: initValuesCopy,
     });
   }
 
   return valuesTmp || {};
 };
+
+export const datetimeFormatter = (
+  v: string | Date,
+  defaultValue = '-',
+  format = 'YYYY-MM-DD HH:mm:ss',
+): string | number => {
+  if (v) {
+    let time: string | number;
+    if (['x', 'timestamp'].includes(format)) {
+      time = dayjs(Number.isNaN(Number(v)) ? v : Number(v)).valueOf();
+    } else if ((typeof v === 'string' && v.includes('Z')) || v instanceof Date) {
+      // dayjs.extend 内部有防重复机制 (plugin.$i)，无需额外判断
+      dayjs.extend(utc);
+      // UTC字符串时间或Date对象格式化为北京时间
+      time = dayjs(v).utcOffset(8).format(format);
+    } else {
+      time = dayjs(v).format(format);
+    }
+
+    if (time !== 'Invalid Date') {
+      return time;
+    }
+    return defaultValue;
+  }
+  return defaultValue;
+};
+
+export const getDataByPage = (data: any[] = [], pagecontext: number, pagesize: number) => {
+  const start = pagecontext * pagesize;
+  return data.slice(start, start + pagesize);
+};
+
+export const sortArray = (data: any[], newIndex: number, oldIndex: number, sortKey?: string) => {
+  if (newIndex === oldIndex) {
+    return data;
+  }
+
+  if (newIndex < 0 || newIndex >= data.length || oldIndex < 0 || oldIndex >= data.length) {
+    return data;
+  }
+
+  // 先取出要移动的元素，再使用 toSpliced 避免修改原数组
+  const item = data[oldIndex];
+  const newData = data.toSpliced(oldIndex, 1).toSpliced(newIndex, 0, item);
+
+  if (sortKey) {
+    for (let i = newData.length - 1, v = 0; i >= 0; i--, v++) {
+      newData[v][sortKey] = i;
+    }
+  }
+
+  return cloneDeep(newData);
+};
+
+export const sortChange = (data: any[], { prop, order }: SortProp) => {
+  if (order === 'ascending') {
+    data.sort((a: any, b: any) => a[prop] - b[prop]);
+  } else if (order === 'descending') {
+    data.sort((a: any, b: any) => b[prop] - a[prop]);
+  }
+};
+
+export const createObjectProp = (prop: string, key: string, name?: string | number) => {
+  if (prop === '') {
+    return key;
+  }
+
+  const itemPath = `${prop}`.split('.');
+
+  if (name) {
+    if (`${itemPath[itemPath.length - 1]}` === `${name}`) {
+      return `${[...itemPath.slice(0, -1), key].join('.')}`;
+    }
+  }
+  return `${[...itemPath, key].join('.')}`;
+};
diff --git a/packages/form/src/utils/useAddField.ts b/packages/form/src/utils/useAddField.ts
index c2f6dd25..8ff68e5c 100644
--- a/packages/form/src/utils/useAddField.ts
+++ b/packages/form/src/utils/useAddField.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
diff --git a/packages/form/tests/unit/Form.spec.ts b/packages/form/tests/unit/Form.spec.ts
index 5c972a9d..fc1e3e25 100644
--- a/packages/form/tests/unit/Form.spec.ts
+++ b/packages/form/tests/unit/Form.spec.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -17,7 +17,7 @@
  */
 import { describe, expect, test } from 'vitest';
 import { nextTick } from 'vue';
-import MagicForm, { MForm } from '@form/index';
+import MagicForm, { createForm, MForm } from '@form/index';
 import { mount } from '@vue/test-utils';
 import ElementPlus from 'element-plus';
 
@@ -45,4 +45,192 @@ describe('表单', () => {
 
     expect(wrapper.text()).toBe('text');
   });
+
+  test('changeRecords', async () => {
+    const initValues = {};
+    const config = [
+      {
+        text: 'text',
+        name: 'text',
+      },
+      {
+        name: 'object',
+        items: [
+          {
+            text: 'text',
+            name: 'objectText',
+          },
+        ],
+      },
+      {
+        items: [
+          {
+            text: 'text',
+            name: 'text1',
+          },
+        ],
+      },
+
+      {
+        items: [
+          {
+            name: 'object',
+            items: [
+              {
+                text: 'text',
+                name: 'text1',
+              },
+            ],
+          },
+        ],
+      },
+    ];
+    const wrapper = mount(MForm, {
+      global: {
+        plugins: [ElementPlus as any, MagicForm as any],
+      },
+      props: {
+        initValues,
+        config,
+      },
+    });
+
+    await nextTick();
+
+    const inputs = wrapper.findAll('input');
+
+    for (let i = 0; i < inputs.length; i++) {
+      const input = inputs[i];
+      input.setValue(i);
+    }
+    expect(wrapper.vm.changeRecords).toEqual([
+      { propPath: 'text', value: '0' },
+      { propPath: 'object.objectText', value: '1' },
+      { propPath: 'text1', value: '2' },
+      { propPath: 'object.text1', value: '3' },
+    ]);
+    expect(wrapper.vm.values).toEqual({
+      text: '0',
+      object: {
+        objectText: '1',
+        text1: '3',
+      },
+      text1: '2',
+    });
+  });
+
+  test('onChange setFormValue', async () => {
+    const initValues = {};
+    const config = createForm([
+      {
+        text: 'text',
+        name: 'text',
+        onChange: (vm, value: string, { formValue, setFormValue }: any) => {
+          setFormValue('object.objectText', value);
+          formValue!.object.objectText2 = value;
+        },
+      },
+      {
+        name: 'object',
+        items: [
+          {
+            text: 'text',
+            name: 'objectText',
+          },
+          {
+            text: 'text',
+            name: 'objectText2',
+          },
+        ],
+      },
+    ]);
+    const wrapper = mount(MForm, {
+      global: {
+        plugins: [ElementPlus as any, MagicForm as any],
+      },
+      props: {
+        initValues,
+        config,
+      },
+    });
+
+    await nextTick();
+
+    const input = wrapper.find('input');
+
+    input.setValue('a');
+
+    await nextTick();
+
+    expect(wrapper.vm.changeRecords).toEqual([
+      { propPath: 'object.objectText', value: 'a' },
+      { propPath: 'object.objectText2', value: 'a' },
+      { propPath: 'text', value: 'a' },
+    ]);
+    expect(wrapper.vm.values).toEqual({
+      text: 'a',
+      object: {
+        objectText: 'a',
+        objectText2: 'a',
+      },
+    });
+  });
+
+  test('onChange setModel', async () => {
+    const initValues = {};
+    const config = createForm([
+      {
+        name: 'object',
+        items: [
+          {
+            text: 'text',
+            name: 'objectText',
+            onChange: (vm: any, value: string, { model, setModel }: any) => {
+              model.objectText2 = value;
+              setModel('objectText3', value);
+            },
+          },
+          {
+            text: 'text',
+            name: 'objectText2',
+          },
+
+          {
+            text: 'text',
+            name: 'objectText3',
+          },
+        ],
+      },
+    ]);
+    const wrapper = mount(MForm, {
+      global: {
+        plugins: [ElementPlus as any, MagicForm as any],
+      },
+      props: {
+        initValues,
+        config,
+      },
+    });
+
+    await nextTick();
+
+    const input = wrapper.find('input');
+
+    input.setValue('a');
+
+    await nextTick();
+
+    expect(wrapper.vm.changeRecords).toEqual([
+      { propPath: 'object.objectText2', value: 'a' },
+      { propPath: 'object.objectText3', value: 'a' },
+      { propPath: 'object.objectText', value: 'a' },
+    ]);
+    expect(wrapper.vm.values).toEqual({
+      object: {
+        objectText: 'a',
+        objectText2: 'a',
+        objectText3: 'a',
+      },
+    });
+  });
 });
diff --git a/packages/form/tests/unit/containers/Tabs.spec.ts b/packages/form/tests/unit/containers/Tabs.spec.ts
index 1980b793..c3c6c69d 100644
--- a/packages/form/tests/unit/containers/Tabs.spec.ts
+++ b/packages/form/tests/unit/containers/Tabs.spec.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
diff --git a/packages/form/tests/unit/fields/Checkbox.spec.ts b/packages/form/tests/unit/fields/Checkbox.spec.ts
index 722d823f..df475782 100644
--- a/packages/form/tests/unit/fields/Checkbox.spec.ts
+++ b/packages/form/tests/unit/fields/Checkbox.spec.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
diff --git a/packages/form/tests/unit/fields/CheckboxGroup.spec.ts b/packages/form/tests/unit/fields/CheckboxGroup.spec.ts
index fa6d08a5..8e00f3dc 100644
--- a/packages/form/tests/unit/fields/CheckboxGroup.spec.ts
+++ b/packages/form/tests/unit/fields/CheckboxGroup.spec.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
diff --git a/packages/form/tests/unit/fields/ColorPicker.spec.ts b/packages/form/tests/unit/fields/ColorPicker.spec.ts
index b9da82e1..c41941dc 100644
--- a/packages/form/tests/unit/fields/ColorPicker.spec.ts
+++ b/packages/form/tests/unit/fields/ColorPicker.spec.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
diff --git a/packages/form/tests/unit/fields/Date.spec.ts b/packages/form/tests/unit/fields/Date.spec.ts
index 53146d56..46c5f84d 100644
--- a/packages/form/tests/unit/fields/Date.spec.ts
+++ b/packages/form/tests/unit/fields/Date.spec.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -53,7 +53,7 @@ describe('Date', () => {
     expect(date.exists()).toBe(true);
 
     const value = await (wrapper.vm as any).submitForm();
-    expect(value.date).toMatch('2021-01-01 00:00:00');
+    expect(value.date).toMatch('2021/01/01');
   });
 
   test('输入', async () => {
@@ -74,7 +74,7 @@ describe('Date', () => {
     await input.trigger('blur');
 
     const value = await (wrapper.vm as any).submitForm();
-    expect(input.element.value).toMatch('2021-07-28');
+    expect(input.element.value).toMatch('2021/07/28');
     expect(value.date).toMatch('2021-07-28');
   });
 
diff --git a/packages/form/tests/unit/fields/DateTime.spec.ts b/packages/form/tests/unit/fields/DateTime.spec.ts
index 7ecfb3a4..b62f4957 100644
--- a/packages/form/tests/unit/fields/DateTime.spec.ts
+++ b/packages/form/tests/unit/fields/DateTime.spec.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -53,7 +53,7 @@ describe('DateTime', () => {
     expect(datetime.exists()).toBe(true);
 
     const value = await (wrapper.vm as any).submitForm();
-    expect(value.datetime).toMatch('2021-01-01 12:00:00');
+    expect(value.datetime).toMatch('2021/01/01 12:00:00');
   });
 
   test('错误类型初始化初始化', async () => {
diff --git a/packages/form/tests/unit/fields/Daterange.spec.ts b/packages/form/tests/unit/fields/Daterange.spec.ts
index 9288ea68..b44a2a5c 100644
--- a/packages/form/tests/unit/fields/Daterange.spec.ts
+++ b/packages/form/tests/unit/fields/Daterange.spec.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
diff --git a/packages/form/tests/unit/fields/Display.spec.ts b/packages/form/tests/unit/fields/Display.spec.ts
index c3b530b0..535363de 100644
--- a/packages/form/tests/unit/fields/Display.spec.ts
+++ b/packages/form/tests/unit/fields/Display.spec.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
diff --git a/packages/form/tests/unit/fields/Hidden.spec.ts b/packages/form/tests/unit/fields/Hidden.spec.ts
index ef4d3846..277625ad 100644
--- a/packages/form/tests/unit/fields/Hidden.spec.ts
+++ b/packages/form/tests/unit/fields/Hidden.spec.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
diff --git a/packages/form/tests/unit/fields/Link.spec.ts b/packages/form/tests/unit/fields/Link.spec.ts
index 330f3e6d..82ce933c 100644
--- a/packages/form/tests/unit/fields/Link.spec.ts
+++ b/packages/form/tests/unit/fields/Link.spec.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
diff --git a/packages/form/tests/unit/fields/Number.spec.ts b/packages/form/tests/unit/fields/Number.spec.ts
index 11f25234..b1421a09 100644
--- a/packages/form/tests/unit/fields/Number.spec.ts
+++ b/packages/form/tests/unit/fields/Number.spec.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
diff --git a/packages/form/tests/unit/fields/RadioGroup.spec.ts b/packages/form/tests/unit/fields/RadioGroup.spec.ts
index 5abc730e..fb3492dc 100644
--- a/packages/form/tests/unit/fields/RadioGroup.spec.ts
+++ b/packages/form/tests/unit/fields/RadioGroup.spec.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
diff --git a/packages/form/tests/unit/fields/Switch.spec.ts b/packages/form/tests/unit/fields/Switch.spec.ts
index 33550531..050f04e2 100644
--- a/packages/form/tests/unit/fields/Switch.spec.ts
+++ b/packages/form/tests/unit/fields/Switch.spec.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
diff --git a/packages/form/tests/unit/fields/Text.spec.ts b/packages/form/tests/unit/fields/Text.spec.ts
index ca12d161..d79fc960 100644
--- a/packages/form/tests/unit/fields/Text.spec.ts
+++ b/packages/form/tests/unit/fields/Text.spec.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
diff --git a/packages/form/tests/unit/fields/Textarea.spec.ts b/packages/form/tests/unit/fields/Textarea.spec.ts
index c9e124ea..56082f4d 100644
--- a/packages/form/tests/unit/fields/Textarea.spec.ts
+++ b/packages/form/tests/unit/fields/Textarea.spec.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
diff --git a/packages/form/tests/unit/fields/Time.spec.ts b/packages/form/tests/unit/fields/Time.spec.ts
index 7d37f7f0..a0181720 100644
--- a/packages/form/tests/unit/fields/Time.spec.ts
+++ b/packages/form/tests/unit/fields/Time.spec.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
diff --git a/packages/form/tests/unit/utils/config.spec.ts b/packages/form/tests/unit/utils/config.spec.ts
index b1f65041..c8cd4fe3 100644
--- a/packages/form/tests/unit/utils/config.spec.ts
+++ b/packages/form/tests/unit/utils/config.spec.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
diff --git a/packages/form/tests/unit/utils/createForm.spec.ts b/packages/form/tests/unit/utils/createForm.spec.ts
index 1fc7d800..3140ecd6 100644
--- a/packages/form/tests/unit/utils/createForm.spec.ts
+++ b/packages/form/tests/unit/utils/createForm.spec.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
diff --git a/packages/form/tests/unit/utils/form.spec.ts b/packages/form/tests/unit/utils/form.spec.ts
index a71f6fba..2b1ba522 100644
--- a/packages/form/tests/unit/utils/form.spec.ts
+++ b/packages/form/tests/unit/utils/form.spec.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -17,8 +17,19 @@
  */
 
 import { describe, expect, test } from 'vitest';
-import { FormState } from '@form/index';
-import { display, filterFunction, getRules, initValue } from '@form/utils/form';
+import type { FormState } from '@form/index';
+import {
+  createObjectProp,
+  createValues,
+  datetimeFormatter,
+  display,
+  filterFunction,
+  getDataByPage,
+  getRules,
+  initValue,
+  sortArray,
+  sortChange,
+} from '@form/utils/form';
 
 // form state mock 数据
 const mForm: FormState = {
@@ -26,10 +37,25 @@ const mForm: FormState = {
   initValues: {},
   parentValues: {},
   values: {},
+  lastValues: {},
+  isCompare: false,
   $emit: (event: string) => event,
   setField: (prop: string, field: any) => field,
   getField: (prop: string) => prop,
   deleteField: (prop: string) => prop,
+  $messageBox: {
+    alert: () => Promise.resolve(),
+    confirm: () => Promise.resolve(),
+    prompt: () => Promise.resolve(),
+    close: () => undefined,
+  },
+  $message: {
+    success: () => undefined,
+    warning: () => undefined,
+    info: () => undefined,
+    error: () => undefined,
+    closeAll: () => undefined,
+  },
 };
 
 describe('filterFunction', () => {
@@ -40,6 +66,66 @@ describe('filterFunction', () => {
   test('config 为函数', () => {
     expect(filterFunction(mForm, () => 2, {})).toBe(2);
   });
+
+  test('config 为undefined', () => {
+    expect(filterFunction(mForm, undefined, {})).toBe(undefined);
+  });
+
+  test('config 为null', () => {
+    expect(filterFunction(mForm, null, {})).toBe(null);
+  });
+
+  test('config 为空字符串', () => {
+    expect(filterFunction(mForm, '', {})).toBe('');
+  });
+
+  test('config 函数接收正确参数', () => {
+    const mockForm: FormState = {
+      ...mForm,
+      initValues: { init: 'initValue' },
+      parentValues: { parent: 'parentValue' },
+      values: { form: 'formValue' },
+    };
+    const props = {
+      model: { model: 'modelValue' },
+      prop: 'testProp',
+      config: { type: 'text' },
+      index: 5,
+    };
+
+    let receivedArgs: any = null;
+    filterFunction(
+      mockForm,
+      (_mForm, args) => {
+        receivedArgs = args;
+        return 'result';
+      },
+      props,
+    );
+
+    expect(receivedArgs.prop).toBe('testProp');
+    expect(receivedArgs.index).toBe(5);
+    expect(receivedArgs.config).toEqual({ type: 'text' });
+  });
+
+  test('config 函数getFormValue正确获取值', () => {
+    const mockForm: FormState = {
+      ...mForm,
+      values: { nested: { deep: 'deepValue' } },
+    };
+
+    let result: any = null;
+    filterFunction(
+      mockForm,
+      (_mForm: FormState | undefined, args: any) => {
+        result = args.getFormValue('nested.deep');
+        return result;
+      },
+      { model: {} },
+    );
+
+    expect(result).toBe('deepValue');
+  });
 });
 
 describe('display', () => {
@@ -55,6 +141,10 @@ describe('display', () => {
     expect(display(mForm, () => false, {})).toBe(false);
     expect(display(mForm, () => 1, {})).toBe(1);
   });
+
+  test('config 为 expand', () => {
+    expect(display(mForm, 'expand', {})).toBe('expand');
+  });
 });
 
 describe('getRules', () => {
@@ -69,6 +159,87 @@ describe('getRules', () => {
     const newRules: any = getRules(mForm, rules, props);
     expect(newRules[0].validator({} as any, {} as any, {})).toBe(1);
   });
+
+  test('rules为数组', () => {
+    const rules: any = [
+      { required: true, message: '必填' },
+      { min: 3, message: '最少3个字符' },
+    ];
+    const props = { config: {} };
+    const newRules = getRules(mForm, rules, props);
+
+    expect(newRules).toHaveLength(2);
+    expect(newRules[0].required).toBe(true);
+    expect((newRules[1] as any).min).toBe(3);
+  });
+
+  test('rules为空数组', () => {
+    const rules: any = [];
+    const props = { config: {} };
+    const newRules = getRules(mForm, rules, props);
+
+    expect(newRules).toHaveLength(0);
+  });
+
+  test('validator函数接收正确参数', () => {
+    let receivedParams: any = null;
+    const rules: any = {
+      validator: (params: any, context: any) => {
+        receivedParams = { params, context };
+        return true;
+      },
+    };
+    const mockForm: FormState = {
+      ...mForm,
+      initValues: { init: 'initValue' },
+      parentValues: { parent: 'parentValue' },
+      values: { form: 'formValue' },
+    };
+    const props = {
+      config: { type: 'text' },
+      model: { field: 'value' },
+      prop: 'testProp',
+    };
+
+    const newRules: any = getRules(mockForm, rules, props);
+    newRules[0].validator('rule', 'value', 'callback', 'source', 'options');
+
+    expect(receivedParams.params.rule).toBe('rule');
+    expect(receivedParams.params.value).toBe('value');
+    expect(receivedParams.params.callback).toBe('callback');
+    expect(receivedParams.context.prop).toBe('testProp');
+    expect(receivedParams.context.model).toEqual({ field: 'value' });
+  });
+
+  test('config有names时validator接收model作为value', () => {
+    let receivedValue: any = null;
+    const rules: any = {
+      validator: (params: any) => {
+        receivedValue = params.value;
+        return true;
+      },
+    };
+    const props = {
+      config: { names: ['start', 'end'] },
+      model: { start: '2021-01-01', end: '2021-12-31' },
+      prop: 'dateRange',
+    };
+
+    const newRules: any = getRules(mForm, rules, props);
+    newRules[0].validator('rule', 'singleValue', 'callback', 'source', 'options');
+
+    expect(receivedValue).toEqual({ start: '2021-01-01', end: '2021-12-31' });
+  });
+
+  test('不修改原始rules对象', () => {
+    const originalValidator = () => 'original';
+    const rules: any = { validator: originalValidator };
+    const props = { config: {} };
+
+    getRules(mForm, rules, props);
+
+    expect(rules.validator).toBe(originalValidator);
+  });
 });
 
 describe('initValue', () => {
@@ -305,4 +476,541 @@ describe('initValue', () => {
     expect(values.table).toHaveLength(1);
     expect(values.table[0].a).toBe(1);
   });
+
+  test('table with defautSort (typo version)', async () => {
+    const config = [
+      {
+        type: 'table',
+        name: 'table',
+        defautSort: { prop: 'order', order: 'ascending' },
+        items: [{ name: 'order' }],
+      },
+    ];
+    const initValues = {
+      table: [{ order: 3 }, { order: 1 }, { order: 2 }],
+    };
+
+    const values = await initValue(mForm, { initValues, config });
+    expect(values.table[0].order).toBe(1);
+    expect(values.table[1].order).toBe(2);
+    expect(values.table[2].order).toBe(3);
+  });
+
+  test('table with defaultSort', async () => {
+    const config = [
+      {
+        type: 'table',
+        name: 'table',
+        defaultSort: { prop: 'order', order: 'descending' },
+        items: [{ name: 'order' }],
+      },
+    ];
+    const initValues = {
+      table: [{ order: 1 }, { order: 3 }, { order: 2 }],
+    };
+
+    const values = await initValue(mForm, { initValues, config });
+    expect(values.table[0].order).toBe(3);
+    expect(values.table[1].order).toBe(2);
+    expect(values.table[2].order).toBe(1);
+  });
+
+  test('table with sort and sortKey', async () => {
+    const config = [
+      {
+        type: 'table',
+        name: 'table',
+        sort: true,
+        sortKey: 'priority',
+        items: [{ name: 'priority' }],
+      },
+    ];
+    const initValues = {
+      table: [{ priority: 1 }, { priority: 3 }, { priority: 2 }],
+    };
+
+    const values = await initValue(mForm, { initValues, config });
+    // sort + sortKey 会按 sortKey 降序排序
+    expect(values.table[0].priority).toBe(3);
+    expect(values.table[1].priority).toBe(2);
+    expect(values.table[2].priority).toBe(1);
+  });
+
+  test('config不是数组抛出错误', async () => {
+    await expect(initValue(mForm, { initValues: {}, config: {} as any })).rejects.toThrow('config应该为数组');
+  });
+
+  test('onInitValue返回null时返回空对象', async () => {
+    const config = [
+      {
+        type: 'text',
+        name: 'a',
+        onInitValue: () => null,
+      },
+    ];
+    const values = await initValue(mForm, { initValues: { a: 1 }, config });
+    expect(values).toEqual({});
+  });
+
+  test('fieldset checkbox 自定义name和falseValue', async () => {
+    const config = [
+      {
+        type: 'fieldset',
+        name: 'fieldset',
+        checkbox: { name: 'enabled', falseValue: false },
+        items: [{ name: 'a' }],
+      },
+    ];
+    const initValues = {};
+
+    const values = await initValue(mForm, { initValues, config });
+    expect(values.fieldset.enabled).toBe(false);
+  });
+
+  test('fieldset checkbox initValue有值', async () => {
+    const config = [
+      {
+        type: 'fieldset',
+        name: 'fieldset',
+        checkbox: true,
+        items: [{ name: 'a' }],
+      },
+    ];
+    const initValues = {
+      fieldset: { value: 1, a: 'test' },
+    };
+
+    const values = await initValue(mForm, { initValues, config });
+    expect(values.fieldset.value).toBe(1);
+    expect(values.fieldset.a).toBe('test');
+  });
+});
+
+describe('datetimeFormatter', () => {
+  // Date会将时间转为UTC
+  const date = new Date('2021-07-17T15:37:00');
+  const dateValue = '2021-07-17 15:37:00';
+  const defaultValue = '默认值';
+
+  test('v为空且未设置默认时间', () => {
+    expect(datetimeFormatter('')).toBe('-');
+  });
+
+  test('v是字符串且未设置了默认时间', () => {
+    expect(datetimeFormatter('abc', defaultValue)).toMatch(defaultValue);
+  });
+
+  test('v是日期字符串', () => {
+    expect(datetimeFormatter(date.toISOString(), defaultValue)).toMatch(dateValue);
+  });
+
+  test('v是Date对象', () => {
+    expect(datetimeFormatter(date)).toMatch(dateValue);
+  });
+
+  test('v是UTC字符串', () => {
+    expect(datetimeFormatter(date.toUTCString())).toMatch(dateValue);
+  });
+
+  test('format是x', () => {
+    expect(datetimeFormatter(date.toISOString(), defaultValue, 'x')).toBe(date.getTime());
+  });
+
+  test('format是timestamp', () => {
+    expect(datetimeFormatter(date.toISOString(), defaultValue, 'timestamp')).toBe(date.getTime());
+  });
+
+  test('v是数字时间戳字符串', () => {
+    const timestamp = date.getTime();
+    expect(datetimeFormatter(String(timestamp), defaultValue, 'x')).toBe(timestamp);
+  });
+
+  test('v是数字时间戳', () => {
+    const timestamp = date.getTime();
+    expect(datetimeFormatter(String(timestamp), defaultValue, 'timestamp')).toBe(timestamp);
+  });
+
+  test('自定义format格式', () => {
+    expect(datetimeFormatter(date, defaultValue, 'YYYY/MM/DD')).toBe('2021/07/17');
+  });
+
+  test('自定义format只显示时间', () => {
+    expect(datetimeFormatter(date, defaultValue, 'HH:mm:ss')).toBe('15:37:00');
+  });
+});
+
+describe('sortArray', () => {
+  test('索引相同时不执行任何操作', () => {
+    const data = [1, 2, 3, 4, 5];
+
+    expect(sortArray(data, 2, 2)).toEqual(data);
+  });
+
+  test('正常交换两个元素的位置', () => {
+    const data = [1, 2, 3, 4, 5];
+
+    expect(sortArray(data, 0, 3)).toEqual([4, 1, 2, 3, 5]);
+  });
+
+  test('从后往前移动元素', () => {
+    const data = [1, 2, 3, 4, 5];
+
+    expect(sortArray(data, 3, 1)).toEqual([1, 3, 4, 2, 5]);
+  });
+
+  test('使用sortKey参数重新排序', () => {
+    const data = [
+      { id: 1, order: 0 },
+      { id: 2, order: 1 },
+      { id: 3, order: 2 },
+      { id: 4, order: 3 },
+    ];
+
+    expect(sortArray(data, 0, 2, 'order')).toEqual([
+      { id: 3, order: 3 },
+      { id: 1, order: 2 },
+      { id: 2, order: 1 },
+      { id: 4, order: 0 },
+    ]);
+  });
+
+  test('移动第一个元素到最后', () => {
+    const data = [1, 2, 3, 4, 5];
+
+    expect(sortArray(data, 4, 0)).toEqual([2, 3, 4, 5, 1]);
+  });
+
+  test('移动最后一个元素到第一个', () => {
+    const data = [1, 2, 3, 4, 5];
+
+    expect(sortArray(data, 0, 4)).toEqual([5, 1, 2, 3, 4]);
+  });
+
+  test('空数组不执行任何操作', () => {
+    const data: any[] = [];
+
+    expect(sortArray(data, 0, 1)).toEqual([]);
+  });
+
+  test('只有一个元素的数组不执行任何操作', () => {
+    const data = [1];
+
+    expect(sortArray(data, 0, 0)).toEqual([1]);
+  });
+
+  test('索引超出范围时正常处理', () => {
+    const data = [1, 2, 3];
+
+    // 索引超出范围应该由调用方处理，这里测试函数的行为
+    expect(sortArray(data, 5, 1)).toEqual(data);
+    expect(sortArray(data, 1, 5)).toEqual(data);
+  });
+
+  test('不修改原数组', () => {
+    const data = [1, 2, 3, 4, 5];
+    const original = [...data];
+
+    sortArray(data, 0, 3);
+
+    expect(data).toEqual(original);
+  });
+
+  test('返回的新数组与原数组不是同一引用', () => {
+    const data = [1, 2, 3, 4, 5];
+
+    const result = sortArray(data, 0, 3);
+
+    expect(result).not.toBe(data);
+  });
+
+  test('负数索引时返回原数组', () => {
+    const data = [1, 2, 3];
+
+    expect(sortArray(data, -1, 1)).toEqual(data);
+    expect(sortArray(data, 1, -1)).toEqual(data);
+    expect(sortArray(data, -1, -1)).toEqual(data);
+  });
+
+  test('两个元素数组交换', () => {
+    const data = [1, 2];
+
+    expect(sortArray(data, 0, 1)).toEqual([2, 1]);
+    expect(sortArray(data, 1, 0)).toEqual([2, 1]);
+  });
+});
+
+describe('getDataByPage', () => {
+  test('获取第一页数据', () => {
+    const data = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
+
+    expect(getDataByPage(data, 0, 3)).toEqual([1, 2, 3]);
+  });
+
+  test('获取中间页数据', () => {
+    const data = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
+
+    expect(getDataByPage(data, 1, 3)).toEqual([4, 5, 6]);
+  });
+
+  test('获取最后一页数据（不足一页）', () => {
+    const data = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
+
+    expect(getDataByPage(data, 3, 3)).toEqual([10]);
+  });
+
+  test('页码超出范围返回空数组', () => {
+    const data = [1, 2, 3, 4, 5];
+
+    expect(getDataByPage(data, 10, 3)).toEqual([]);
+  });
+
+  test('空数组返回空数组', () => {
+    expect(getDataByPage([], 0, 10)).toEqual([]);
+  });
+
+  test('不修改原数组', () => {
+    const data = [1, 2, 3, 4, 5];
+    const original = [...data];
+
+    getDataByPage(data, 0, 2);
+
+    expect(data).toEqual(original);
+  });
+
+  test('默认空数组参数', () => {
+    expect(getDataByPage(undefined as any, 0, 10)).toEqual([]);
+  });
+});
+
+describe('sortChange', () => {
+  test('升序排序', () => {
+    const data = [{ value: 3 }, { value: 1 }, { value: 2 }];
+
+    sortChange(data, { prop: 'value', order: 'ascending' });
+
+    expect(data).toEqual([{ value: 1 }, { value: 2 }, { value: 3 }]);
+  });
+
+  test('降序排序', () => {
+    const data = [{ value: 1 }, { value: 3 }, { value: 2 }];
+
+    sortChange(data, { prop: 'value', order: 'descending' });
+
+    expect(data).toEqual([{ value: 3 }, { value: 2 }, { value: 1 }]);
+  });
+
+  test('无效的order不进行排序', () => {
+    const data = [{ value: 3 }, { value: 1 }, { value: 2 }];
+    const original = [{ value: 3 }, { value: 1 }, { value: 2 }];
+
+    sortChange(data, { prop: 'value', order: '' as any });
+
+    expect(data).toEqual(original);
+  });
+
+  test('空数组不报错', () => {
+    const data: any[] = [];
+
+    expect(() => sortChange(data, { prop: 'value', order: 'ascending' })).not.toThrow();
+  });
+
+  test('原地修改数组', () => {
+    const data = [{ value: 2 }, { value: 1 }];
+
+    sortChange(data, { prop: 'value', order: 'ascending' });
+
+    expect(data[0].value).toBe(1);
+    expect(data[1].value).toBe(2);
+  });
+});
+
+describe('createValues', () => {
+  test('config为空数组返回空对象', () => {
+    expect(createValues(mForm, [], {})).toEqual({});
+  });
+
+  test('config不是数组返回传入的value', () => {
+    const value = { a: 1 };
+
+    expect(createValues(mForm, undefined as any, {}, value)).toEqual(value);
+  });
+
+  test('处理简单的text配置', () => {
+    const config = [{ type: 'text', name: 'field1' }];
+    const initValues = { field1: 'hello' };
+
+    const result = createValues(mForm, config, initValues, {});
+
+    expect(result.field1).toBe('hello');
+  });
+
+  test('处理number类型转换', () => {
+    const config = [{ type: 'number', name: 'num' }];
+    const initValues = { num: '123' };
+
+    const result = createValues(mForm, config, initValues, {});
+
+    expect(result.num).toBe(123);
+  });
+
+  test('处理checkboxGroup类型初始化空数组', () => {
+    // checkboxGroup 需要在 initValue 函数中通过 config 处理
+    const config = [{ type: 'checkboxGroup', name: 'checkboxGroup' }];
+    const initValues = {};
+
+    const result = createValues(mForm, config, initValues, {});
+
+    // 当没有 items 配置时，使用 getDefaultValue 返回空字符串
+    expect(result.checkboxGroup).toBe('');
+  });
+
+  test('处理tab dynamic类型', () => {
+    const config = [
+      {
+        type: 'tab',
+        name: 'dynamicTab',
+        dynamic: true,
+        items: [{ title: 'Tab1', items: [{ name: 'field' }] }],
+      },
+    ];
+    const initValues = {};
+
+    const result = createValues(mForm, config, initValues, {});
+
+    // dynamic tab 会初始化为空数组，但因为有 items 配置，会处理 items
+    expect(Array.isArray(result.dynamicTab)).toBe(true);
+    expect(result.dynamicTab).toHaveLength(0);
+  });
+
+  test('处理tab dynamic类型有初始值', () => {
+    const config = [
+      {
+        type: 'tab',
+        name: 'dynamicTab',
+        dynamic: true,
+        items: [{ title: 'Tab1', items: [{ name: 'field' }] }],
+      },
+    ];
+    const initValues = { dynamicTab: [{ id: 1 }] };
+
+    const result = createValues(mForm, config, initValues, {});
+
+    // 有初始值时会递归处理每个元素，并补充 items 中定义的字段
+    expect(result.dynamicTab).toHaveLength(1);
+    expect(result.dynamicTab[0].id).toBe(1);
+    expect(result.dynamicTab[0].field).toBe('');
+  });
+
+  test('处理html类型的asyncLoad配置', () => {
+    const config = [
+      {
+        type: 'html',
+        name: 'htmlField',
+        asyncLoad: { url: '/api/load' },
+      },
+    ];
+    const initValues = { htmlField: 'content' };
+
+    const result = createValues(mForm, config, initValues, {});
+
+    expect(result.asyncLoad.name).toBe('htmlField');
+    expect(result.asyncLoad.url).toBe('/api/load');
+  });
+
+  test('处理html类型的asyncLoad配置-initValue已有asyncLoad', () => {
+    const config = [
+      {
+        type: 'html',
+        name: 'htmlField',
+        asyncLoad: { url: '/api/load' },
+      },
+    ];
+    const initValues = { htmlField: 'content', asyncLoad: { url: '/api/existing', name: 'existing' } };
+
+    const result = createValues(mForm, config, initValues, {});
+
+    expect(result.asyncLoad.url).toBe('/api/existing');
+    expect(result.asyncLoad.name).toBe('existing');
+  });
+
+  test('处理table-select类型', () => {
+    const config = [{ type: 'table-select', name: 'tableSelect' }];
+    const initValues = { tableSelect: 'selected' };
+
+    const result = createValues(mForm, config, initValues, {});
+
+    expect(result.tableSelect).toBe('selected');
+  });
+
+  test('处理table-select类型无初始值', () => {
+    const config = [{ type: 'table-select', name: 'tableSelect' }];
+    const initValues = {};
+
+    const result = createValues(mForm, config, initValues, {});
+
+    expect(result.tableSelect).toBe('');
+  });
+
+  test('处理daterange类型', () => {
+    const config = [{ type: 'daterange', name: 'dateRange' }];
+    const initValues = {};
+
+    const result = createValues(mForm, config, initValues, {});
+
+    expect(result.dateRange).toEqual([]);
+  });
+
+  test('处理number-range类型', () => {
+    const config = [{ type: 'number-range', name: 'numberRange' }];
+    const initValues = {};
+
+    const result = createValues(mForm, config, initValues, {});
+
+    expect(result.numberRange).toEqual([]);
+  });
+
+  test('value已存在时不覆盖', () => {
+    const config = [{ type: 'text', name: 'field' }];
+    const initValues = { field: 'new' };
+    const value = { field: 'existing' };
+
+    const result = createValues(mForm, config, initValues, value);
+
+    expect(result.field).toBe('existing');
+  });
+});
+
+describe('createObjectProp', () => {
+  test('基本路径拼接', () => {
+    // 注意：无name参数时，实际返回数组转字符串格式
+    expect(createObjectProp('form.field', 'subKey')).toBe('form.field.subKey');
+  });
+
+  test('单层路径', () => {
+    expect(createObjectProp('field', 'key')).toBe('field.key');
+  });
+
+  test('带name参数且name匹配最后一段', () => {
+    expect(createObjectProp('form.field.target', 'newKey', 'target')).toBe('form.field.newKey');
+  });
+
+  test('带name参数但name不匹配最后一段', () => {
+    expect(createObjectProp('form.field.other', 'newKey', 'target')).toBe('form.field.other.newKey');
+  });
+
+  test('空字符串路径', () => {
+    expect(createObjectProp('', 'key')).toBe('key');
+  });
+
+  test('多层嵌套路径', () => {
+    expect(createObjectProp('a.b.c.d', 'e')).toBe('a.b.c.d.e');
+  });
+
+  test('带name参数且路径只有一段且匹配', () => {
+    expect(createObjectProp('field', 'newKey', 'field')).toBe('newKey');
+  });
+
+  test('带name参数且路径多段且最后一段匹配', () => {
+    expect(createObjectProp('a.b.c', 'newKey', 'c')).toBe('a.b.newKey');
+  });
 });
diff --git a/packages/form/tsconfig.build.json b/packages/form/tsconfig.build.json
deleted file mode 100644
index c9476221..00000000
--- a/packages/form/tsconfig.build.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "baseUrl": ".",
-    "declaration": true,
-    "declarationDir": "types",
-    "forceConsistentCasingInFileNames": true,
-    "paths": {},
-  },
-  "include": [
-		"src"
-	],
-}
diff --git a/packages/form/tsconfig.json b/packages/form/tsconfig.json
deleted file mode 100644
index 6c40cf1e..00000000
--- a/packages/form/tsconfig.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "baseUrl": "../..",
-  },
-}
diff --git a/packages/form/vite.config.ts b/packages/form/vite.config.ts
deleted file mode 100644
index ae87674b..00000000
--- a/packages/form/vite.config.ts
+++ /dev/null
@@ -1,69 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import path from 'path';
-
-import { defineConfig } from 'vite';
-import vue from '@vitejs/plugin-vue';
-
-import pkg from './package.json';
-
-export default defineConfig({
-  plugins: [vue()],
-
-  resolve: {
-    alias:
-      process.env.NODE_ENV === 'production'
-        ? []
-        : [
-            { find: /^@tmagic\/utils/, replacement: path.join(__dirname, '../utils/src/index.ts') },
-            { find: /^@tmagic\/design/, replacement: path.join(__dirname, '../design/src/index.ts') },
-          ],
-  },
-
-  build: {
-    cssCodeSplit: false,
-    sourcemap: false,
-    minify: false,
-    target: 'esnext',
-
-    lib: {
-      entry: 'src/index.ts',
-      name: 'TMagicForm',
-      fileName: 'tmagic-form',
-    },
-
-    rollupOptions: {
-      // 确保外部化处理那些你不想打包进库的依赖
-      external(id: string) {
-        return Object.keys({
-          ...pkg.dependencies,
-          ...pkg.peerDependencies,
-        }).some((k) => new RegExp(`^${k}`).test(id));
-      },
-
-      output: {
-        // 在 UMD 构建模式下为这些外部化的依赖提供一个全局变量
-        globals: {
-          vue: 'Vue',
-          'element-plus': 'ElementPlus',
-        },
-      },
-    },
-  },
-});
diff --git a/packages/schema/package.json b/packages/schema/package.json
index 3ba78df5..11b12071 100644
--- a/packages/schema/package.json
+++ b/packages/schema/package.json
@@ -1,44 +1,35 @@
 {
-  "version": "1.4.7",
+  "version": "1.7.8",
   "name": "@tmagic/schema",
   "type": "module",
   "sideEffects": false,
   "main": "dist/tmagic-schema.umd.cjs",
-  "module": "dist/tmagic-schema.js",
+  "module": "dist/es/index.js",
   "types": "types/index.d.ts",
   "exports": {
     ".": {
       "types": "./types/index.d.ts",
-      "import": "./dist/tmagic-schema.js",
+      "import": "./dist/es/index.js",
       "require": "./dist/tmagic-schema.umd.cjs"
     },
     "./*": "./*"
   },
   "files": [
     "dist",
-    "types"
+    "types",
+    "src"
   ],
-  "scripts": {
-    "build": "npm run build:type && vite build",
-    "build:type": "npm run clear:type && tsc --declaration --emitDeclarationOnly --project tsconfig.build.json",
-    "clear:type": "rimraf ./types",
-    "check:type": "tsc --noEmit --project tsconfig.build.json"
-  },
   "engines": {
     "node": ">=18"
   },
   "license": "Apache-2.0",
   "repository": {
+    "directory": "packages/schema",
     "type": "git",
     "url": "https://github.com/Tencent/tmagic-editor.git"
   },
-  "devDependencies": {
-    "@types/node": "^18.19.0",
-    "rimraf": "^3.0.2",
-    "vite": "^5.2.12"
-  },
   "peerDependencies": {
-    "typescript": "*"
+    "typescript": "catalog:"
   },
   "peerDependenciesMeta": {
     "typescript": {
diff --git a/packages/schema/src/index.ts b/packages/schema/src/index.ts
index 2064d4b9..3f031278 100644
--- a/packages/schema/src/index.ts
+++ b/packages/schema/src/index.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -35,18 +35,6 @@ export type RequestFunction = <T = any>(options: HttpOptions) => Promise<T>;
 
 export type JsEngine = 'browser' | 'hippy' | 'nodejs';
 
-export interface AppCore {
-  /** 页面配置描述 */
-  dsl?: MApp;
-  /** 允许平台，editor: 编辑器中，mobile: 手机端，tv: 电视端, pc: 电脑端 */
-  platform?: 'editor' | 'mobile' | 'tv' | 'pc' | string;
-  /** 代码运行环境 */
-  jsEngine?: JsEngine | string;
-  /** 网络请求函数 */
-  request?: RequestFunction;
-  [key: string]: any;
-}
-
 export enum NodeType {
   /** 容器 */
   CONTAINER = 'container',
@@ -58,6 +46,12 @@ export enum NodeType {
   PAGE_FRAGMENT = 'page-fragment',
 }
 
+export const NODE_CONDS_KEY = 'displayConds';
+export const NODE_CONDS_RESULT_KEY = 'displayCondsResultReverse';
+
+export const NODE_DISABLE_DATA_SOURCE_KEY = '_tmagic_node_disabled_data_source';
+export const NODE_DISABLE_CODE_BLOCK_KEY = '_tmagic_node_disabled_code_block';
+
 export type Id = string | number;
 
 // 事件联动的动作类型
@@ -97,7 +91,7 @@ export interface CodeItemConfig {
   /** 代码ID */
   codeId: Id;
   /** 代码参数 */
-  params?: object;
+  params?: Record<string, any>;
 }
 
 export interface CompItemConfig {
@@ -136,9 +130,9 @@ export interface MComponent {
   /** 显示条件中配置的数据源条件的编译结果 */
   condResult?: boolean;
   /** 组件根Dom的style */
-  style?: {
-    [key: string]: any;
-  };
+  style?: StyleSchema;
+  [NODE_CONDS_KEY]?: DisplayCond[];
+  [NODE_CONDS_RESULT_KEY]?: boolean;
   [key: string]: any;
 }
 
@@ -149,6 +143,17 @@ export interface MContainer extends MComponent {
   items: (MComponent | MContainer)[];
 }
 
+export interface MIteratorContainer extends MContainer {
+  type: 'iterator-container';
+  iteratorData: any[];
+  dsField: string[];
+  itemConfig: {
+    layout: string;
+    [NODE_CONDS_KEY]: DisplayCond[];
+    style: Record<string, string | number>;
+  };
+}
+
 export interface MPage extends MContainer {
   /** 页面类型 */
   type: NodeType.PAGE;
@@ -202,7 +207,12 @@ export interface PastePosition {
   top?: number;
 }
 
-export type MNode = MComponent | MContainer | MPage | MApp | MPageFragment;
+export type MNode = MComponent | MContainer | MIteratorContainer | MPage | MApp | MPageFragment;
+
+export interface MNodeInstance extends Omit<MNode, 'id'> {
+  id?: Id;
+  type?: string;
+}
 
 export enum HookType {
   /** 代码块钩子标识 */
@@ -285,3 +295,23 @@ export type HookData = {
   /** 参数 */
   params?: object;
 };
+
+export interface DisplayCondItem {
+  field: string[];
+  op: string;
+  value?: any;
+  range?: [number, number];
+}
+
+export interface DisplayCond {
+  cond: DisplayCondItem[];
+}
+
+export interface UiComponentProps<T extends MNode = MNode> {
+  config: T;
+  model?: any;
+}
+
+export interface StyleSchema {
+  [key: string]: any;
+}
diff --git a/packages/schema/tsconfig.build.json b/packages/schema/tsconfig.build.json
deleted file mode 100644
index c9476221..00000000
--- a/packages/schema/tsconfig.build.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "baseUrl": ".",
-    "declaration": true,
-    "declarationDir": "types",
-    "forceConsistentCasingInFileNames": true,
-    "paths": {},
-  },
-  "include": [
-		"src"
-	],
-}
diff --git a/packages/schema/tsconfig.json b/packages/schema/tsconfig.json
deleted file mode 100644
index 6c40cf1e..00000000
--- a/packages/schema/tsconfig.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "baseUrl": "../..",
-  },
-}
diff --git a/packages/schema/vite.config.ts b/packages/schema/vite.config.ts
deleted file mode 100644
index c2ecd538..00000000
--- a/packages/schema/vite.config.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { defineConfig } from 'vite';
-
-export default defineConfig({
-  build: {
-    sourcemap: false,
-
-    lib: {
-      entry: 'src/index.ts',
-      name: 'TMagicSchema',
-      fileName: 'tmagic-schema',
-    },
-  },
-});
diff --git a/packages/stage/package.json b/packages/stage/package.json
index bab6796b..fc9b8191 100644
--- a/packages/stage/package.json
+++ b/packages/stage/package.json
@@ -1,36 +1,30 @@
 {
-  "version": "1.4.7",
+  "version": "1.7.8",
   "name": "@tmagic/stage",
   "type": "module",
-  "sideEffects": [
-    "dist/*"
-  ],
+  "sideEffects": false,
   "main": "dist/tmagic-stage.umd.cjs",
-  "module": "dist/tmagic-stage.js",
+  "module": "dist/es/index.js",
   "types": "types/index.d.ts",
   "exports": {
     ".": {
       "types": "./types/index.d.ts",
-      "import": "./dist/tmagic-stage.js",
+      "import": "./dist/es/index.js",
       "require": "./dist/tmagic-stage.umd.cjs"
     },
     "./*": "./*"
   },
   "files": [
     "dist",
-    "types"
+    "types",
+    "src"
   ],
   "license": "Apache-2.0",
-  "scripts": {
-    "build": "npm run build:type && vite build",
-    "build:type": "npm run clear:type && tsc --declaration --emitDeclarationOnly --project tsconfig.build.json",
-    "clear:type": "rimraf ./types",
-    "check:type": "tsc --noEmit --project tsconfig.build.json"
-  },
   "engines": {
     "node": ">=18"
   },
   "repository": {
+    "directory": "packages/stage",
     "type": "git",
     "url": "https://github.com/Tencent/tmagic-editor.git"
   },
@@ -40,21 +34,16 @@
     "keycon": "^1.4.0",
     "lodash-es": "^4.17.21",
     "moveable": "^0.53.0",
-    "moveable-helper": "^0.4.0"
+    "moveable-helper": "^0.4.0",
+    "scenejs": "^1.10.3"
   },
   "devDependencies": {
-    "@types/events": "^3.0.0",
-    "@types/lodash-es": "^4.17.4",
-    "@types/node": "^18.19.0",
-    "rimraf": "^3.0.2",
-    "sass": "^1.77.0",
-    "vite": "^5.2.12"
+    "@types/events": "^3.0.3",
+    "@types/lodash-es": "^4.17.4"
   },
   "peerDependencies": {
     "@tmagic/core": "workspace:*",
-    "@tmagic/schema": "workspace:*",
-    "@tmagic/utils": "workspace:*",
-    "typescript": "*"
+    "typescript": "catalog:"
   },
   "peerDependenciesMeta": {
     "typescript": {
diff --git a/packages/stage/src/ActionManager.ts b/packages/stage/src/ActionManager.ts
index b17f1fbd..8ec6cd77 100644
--- a/packages/stage/src/ActionManager.ts
+++ b/packages/stage/src/ActionManager.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -21,9 +21,8 @@ import KeyController from 'keycon';
 import { throttle } from 'lodash-es';
 import type { MoveableOptions, OnDragStart } from 'moveable';
 
-import { Env } from '@tmagic/core';
-import type { Id } from '@tmagic/schema';
-import { addClassName, getDocument, removeClassNameByClassName } from '@tmagic/utils';
+import type { Id } from '@tmagic/core';
+import { addClassName, Env, getDocument, getIdFromEl, removeClassNameByClassName } from '@tmagic/core';
 
 import {
   AbleActionEventType,
@@ -65,9 +64,9 @@ const defaultContainerHighlightDuration = 800;
  * @extends EventEmitter
  */
 export default class ActionManager extends EventEmitter {
-  private dr: StageDragResize;
-  private multiDr?: StageMultiDragResize;
-  private highlightLayer: StageHighlight;
+  private dr: StageDragResize | null = null;
+  private multiDr: StageMultiDragResize | null = null;
+  private highlightLayer: StageHighlight | null = null;
   /** 单选、多选、高亮的容器（蒙层的content） */
   private container: HTMLElement;
   /** 当前选中的节点 */
@@ -93,19 +92,24 @@ export default class ActionManager extends EventEmitter {
   private disabledMultiSelect = false;
   private config: ActionManagerConfig;
 
-  private mouseMoveHandler = throttle(async (event: MouseEvent): Promise<void> => {
-    if ((event.target as HTMLDivElement)?.classList?.contains('moveable-direction')) {
-      return;
-    }
+  private mouseMoveHandler = throttle((event: MouseEvent): void => {
+    const handler = async () => {
+      if ((event.target as HTMLDivElement)?.classList?.contains('moveable-direction')) {
+        return;
+      }
 
-    const el = await this.getElementFromPoint(event);
-    if (!el) {
-      this.clearHighlight();
-      return;
-    }
+      const el = await this.getElementFromPoint(event);
+      const id = getIdFromEl()(el);
+      if (!id) {
+        this.clearHighlight();
+        return;
+      }
 
-    this.emit('mousemove', event);
-    this.highlight(el.id);
+      this.emit('mousemove', event);
+      this.highlight(id);
+    };
+
+    handler();
   }, throttleTime);
 
   constructor(config: ActionManagerConfig) {
@@ -118,7 +122,7 @@ export default class ActionManager extends EventEmitter {
     this.disabledMultiSelect = config.disabledMultiSelect ?? false;
     this.getTargetElement = config.getTargetElement;
     this.getElementsFromPoint = config.getElementsFromPoint;
-    this.canSelect = config.canSelect || ((el: HTMLElement) => !!el.id);
+    this.canSelect = config.canSelect || ((el: HTMLElement) => Boolean(getIdFromEl()(el)));
     this.getRenderDocument = config.getRenderDocument;
     this.isContainer = config.isContainer;
 
@@ -142,7 +146,7 @@ export default class ActionManager extends EventEmitter {
     this.disabledMultiSelect = true;
     if (this.multiDr) {
       this.multiDr.destroy();
-      this.multiDr = undefined;
+      this.multiDr = null;
     }
   }
 
@@ -160,7 +164,7 @@ export default class ActionManager extends EventEmitter {
    * @param guidelines 参考线坐标数组
    */
   public setGuidelines(type: GuidesType, guidelines: number[]): void {
-    this.dr.setGuidelines(type, guidelines);
+    this.dr?.setGuidelines(type, guidelines);
     this.multiDr?.setGuidelines(type, guidelines);
   }
 
@@ -168,7 +172,7 @@ export default class ActionManager extends EventEmitter {
    * 清空所有参考线
    */
   public clearGuides(): void {
-    this.dr.clearGuides();
+    this.dr?.clearGuides();
     this.multiDr?.clearGuides();
   }
 
@@ -177,7 +181,7 @@ export default class ActionManager extends EventEmitter {
    * @param el 变更的元素
    */
   public updateMoveable(el?: HTMLElement): void {
-    this.dr.updateMoveable(el);
+    this.dr?.updateMoveable(el);
     // 多选时不可配置元素，因此不存在多选元素变更，不需要传el
     this.multiDr?.updateMoveable();
   }
@@ -187,7 +191,7 @@ export default class ActionManager extends EventEmitter {
    */
   public isSelectedEl(el: HTMLElement): boolean {
     // 有可能dom已经重新渲染，不再是原来的dom了，所以这里判断id，而不是判断el === this.selectedDom
-    return el.id === this.selectedEl?.id;
+    return getIdFromEl()(el) === getIdFromEl()(this.selectedEl);
   }
 
   public setSelectedEl(el: HTMLElement | null): void {
@@ -203,7 +207,7 @@ export default class ActionManager extends EventEmitter {
   }
 
   public getMoveableOption<K extends keyof MoveableOptions>(key: K): MoveableOptions[K] | undefined {
-    if (this.dr.getTarget()) {
+    if (this.dr?.getTarget()) {
       return this.dr.getOption(key);
     }
     if (this.multiDr?.targetList.length) {
@@ -224,7 +228,7 @@ export default class ActionManager extends EventEmitter {
     let stopped = false;
     const stop = () => (stopped = true);
     for (const el of els) {
-      if (!el.id.startsWith(GHOST_EL_ID_PREFIX) && (await this.isElCanSelect(el, event, stop))) {
+      if (!getIdFromEl()(el)?.startsWith(GHOST_EL_ID_PREFIX) && (await this.isElCanSelect(el, event, stop))) {
         if (stopped) break;
         return el;
       }
@@ -270,7 +274,7 @@ export default class ActionManager extends EventEmitter {
   public select(el: HTMLElement | null, event?: MouseEvent): void {
     this.setSelectedEl(el);
     this.clearSelectStatus(SelectStatus.MULTI_SELECT);
-    this.dr.select(el, event);
+    this.dr?.select(el, event);
   }
 
   public multiSelect(ids: Id[]): void {
@@ -299,6 +303,7 @@ export default class ActionManager extends EventEmitter {
       el = this.getTargetElement(id);
     } catch (error) {
       this.clearHighlight();
+      console.warn('getTargetElement error:', error);
       return;
     }
 
@@ -309,14 +314,14 @@ export default class ActionManager extends EventEmitter {
     }
     if (el === this.highlightedEl || !el) return;
 
-    this.highlightLayer.highlight(el);
+    this.highlightLayer?.highlight(el);
     this.highlightedEl = el;
     this.emit('highlight', el);
   }
 
   public clearHighlight(): void {
     this.setHighlightEl(undefined);
-    this.highlightLayer.clearHighlight();
+    this.highlightLayer?.clearHighlight();
   }
 
   /**
@@ -328,7 +333,7 @@ export default class ActionManager extends EventEmitter {
       this.multiDr?.clearSelectStatus();
       this.selectedElList = [];
     } else {
-      this.dr.clearSelectStatus();
+      this.dr?.clearSelectStatus();
     }
   }
 
@@ -344,7 +349,11 @@ export default class ActionManager extends EventEmitter {
     const els = this.getElementsFromPoint(event);
 
     for (const el of els) {
-      if (!el.id.startsWith(GHOST_EL_ID_PREFIX) && (await this.isContainer?.(el)) && !excludeElList.includes(el)) {
+      if (
+        !getIdFromEl()(el)?.startsWith(GHOST_EL_ID_PREFIX) &&
+        (await this.isContainer?.(el)) &&
+        !excludeElList.includes(el)
+      ) {
         addClassName(el, doc, this.containerHighlightClassName);
         break;
       }
@@ -368,7 +377,12 @@ export default class ActionManager extends EventEmitter {
   }
 
   public getDragStatus() {
-    return this.dr.getDragStatus();
+    return this.dr?.getDragStatus();
+  }
+
+  public updateMoveableOptions(): void {
+    this.dr?.updateMoveable();
+    this.multiDr?.updateMoveable();
   }
 
   public destroy(): void {
@@ -377,9 +391,16 @@ export default class ActionManager extends EventEmitter {
     this.container.removeEventListener('mouseleave', this.mouseLeaveHandler);
     this.container.removeEventListener('wheel', this.mouseWheelHandler);
     this.container.removeEventListener('dblclick', this.dblclickHandler);
-    this.dr.destroy();
+    this.selectedEl = null;
+    this.selectedElList = [];
+
+    this.dr?.destroy();
     this.multiDr?.destroy();
-    this.highlightLayer.destroy();
+    this.highlightLayer?.destroy();
+
+    this.dr = null;
+    this.multiDr = null;
+    this.highlightLayer = null;
   }
 
   public on<Name extends keyof ActionManagerEvents, Param extends ActionManagerEvents[Name]>(
@@ -406,7 +427,7 @@ export default class ActionManager extends EventEmitter {
     const dr = new StageDragResize({
       container: config.container,
       disabledDragStart: config.disabledDragStart,
-      moveableOptions: this.changeCallback(config.moveableOptions, false),
+      moveableOptions: config.moveableOptions && this.changeCallback(config.moveableOptions, false),
       dragResizeHelper: createDrHelper(),
       getRootContainer: config.getRootContainer,
       getRenderDocument: config.getRenderDocument,
@@ -426,13 +447,16 @@ export default class ActionManager extends EventEmitter {
         this.emit('select-parent');
       })
       .on(AbleActionEventType.REMOVE, () => {
-        const drTarget = this.dr.getTarget();
+        const drTarget = this.dr?.getTarget();
         if (!drTarget) return;
         const data: RemoveEventData = {
           data: [{ el: drTarget }],
         };
         this.emit('remove', data);
       })
+      .on(AbleActionEventType.RERENDER, () => {
+        this.emit('rerender');
+      })
       .on('drag-start', (e: OnDragStart) => {
         this.emit('drag-start', e);
       });
@@ -448,7 +472,7 @@ export default class ActionManager extends EventEmitter {
       });
     const multiDr = new StageMultiDragResize({
       container: config.container,
-      moveableOptions: this.changeCallback(config.moveableOptions, true),
+      moveableOptions: config.moveableOptions && this.changeCallback(config.moveableOptions, true),
       dragResizeHelper: createDrHelper(),
       getRootContainer: config.getRootContainer,
       getRenderDocument: config.getRenderDocument,
@@ -469,7 +493,10 @@ export default class ActionManager extends EventEmitter {
     return multiDr;
   }
 
-  private changeCallback(options: CustomizeMoveableOptions, isMulti: boolean): CustomizeMoveableOptions {
+  private changeCallback(
+    options: CustomizeMoveableOptions,
+    isMulti: boolean,
+  ): MoveableOptions | (() => MoveableOptions) {
     // 在actionManager才能获取到各种参数，在这里传好参数有比较好的扩展性
     if (typeof options === 'function') {
       return () => {
@@ -477,9 +504,9 @@ export default class ActionManager extends EventEmitter {
         if (typeof options === 'function') {
           const cfg: CustomizeMoveableOptionsCallbackConfig = {
             targetEl: this.selectedEl,
-            targetElId: this.selectedEl?.id,
+            targetElId: getIdFromEl()(this.selectedEl),
             targetEls: this.selectedElList,
-            targetElIds: this.selectedElList?.map((item) => item.id),
+            targetElIds: this.selectedElList?.map((item) => getIdFromEl()(item) || ''),
             isMulti,
             document: this.getRenderDocument(),
           };
@@ -507,7 +534,7 @@ export default class ActionManager extends EventEmitter {
     }
 
     // 判断元素是否已在多选列表
-    const existIndex = this.selectedElList.findIndex((selectedDom) => selectedDom.id === el.id);
+    const existIndex = this.selectedElList.findIndex((selectedDom) => getIdFromEl()(selectedDom) === getIdFromEl()(el));
     if (existIndex !== -1) {
       // 再次点击取消选中
       if (this.selectedElList.length > 1) {
@@ -567,6 +594,7 @@ export default class ActionManager extends EventEmitter {
       if (!this.disabledMultiSelect) {
         this.isMultiSelectStatus = false;
       }
+      this.isAltKeydown = false;
     });
     KeyController.global.keyup(ctrl, (e) => {
       e.inputEvent.preventDefault();
@@ -591,29 +619,33 @@ export default class ActionManager extends EventEmitter {
   /**
    * 在down事件中集中cpu处理画布中选中操作渲染，在up事件中再通知外面的编辑器更新
    */
-  private mouseDownHandler = async (event: MouseEvent): Promise<void> => {
-    this.clearHighlight();
-    event.stopImmediatePropagation();
-    event.stopPropagation();
+  private mouseDownHandler = (event: MouseEvent): void => {
+    const handler = async () => {
+      this.clearHighlight();
+      event.stopImmediatePropagation();
+      event.stopPropagation();
 
-    if (this.isStopTriggerSelect(event)) return;
+      if (this.isStopTriggerSelect(event)) return;
 
-    // 点击状态下不触发高亮事件
-    this.container.removeEventListener('mousemove', this.mouseMoveHandler);
+      // 点击状态下不触发高亮事件
+      this.container.removeEventListener('mousemove', this.mouseMoveHandler);
 
-    // 判断触发多选还是单选
-    if (this.isMultiSelectStatus) {
-      await this.beforeMultiSelect(event);
-      if (this.selectedElList.length > 0) {
-        this.emit('before-multi-select', this.selectedElList);
+      // 判断触发多选还是单选
+      if (this.isMultiSelectStatus) {
+        await this.beforeMultiSelect(event);
+        if (this.selectedElList.length > 0) {
+          this.emit('before-multi-select', this.selectedElList);
+        }
+      } else {
+        const el = await this.getElementFromPoint(event);
+        if (!el) return;
+        this.emit('before-select', el, event);
       }
-    } else {
-      const el = await this.getElementFromPoint(event);
-      if (!el) return;
-      this.emit('before-select', el, event);
-    }
 
-    getDocument().addEventListener('mouseup', this.mouseUpHandler);
+      getDocument().addEventListener('mouseup', this.mouseUpHandler);
+    };
+
+    handler();
   };
 
   private isStopTriggerSelect(event: MouseEvent): boolean {
diff --git a/packages/stage/src/DragResizeHelper.ts b/packages/stage/src/DragResizeHelper.ts
index 9a4ce8b5..a3bd6d1c 100644
--- a/packages/stage/src/DragResizeHelper.ts
+++ b/packages/stage/src/DragResizeHelper.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -32,7 +32,7 @@ import type {
 } from 'moveable';
 import MoveableHelper from 'moveable-helper';
 
-import { calcValueByFontsize } from '@tmagic/utils';
+import { calcValueByFontsize, getIdFromEl, setIdToEl } from '@tmagic/core';
 
 import { DRAG_EL_ID_PREFIX, GHOST_EL_ID_PREFIX, Mode, ZIndex } from './const';
 import TargetShadow from './TargetShadow';
@@ -48,7 +48,7 @@ export default class DragResizeHelper {
   /** 目标节点在蒙层上的占位节点，用于跟鼠标交互，避免鼠标事件直接作用到目标节点 */
   private targetShadow: TargetShadow;
   /** 要操作的原始目标节点 */
-  private target!: HTMLElement;
+  private target: HTMLElement | null = null;
   /** 多选:目标节点组 */
   private targetList: HTMLElement[] = [];
   /** 响应拖拽的状态事件，修改绝对定位布局下targetShadow的dom。
@@ -82,6 +82,8 @@ export default class DragResizeHelper {
   }
 
   public destroy(): void {
+    this.target = null;
+    this.targetList = [];
     this.targetShadow.destroy();
     this.destroyGhostEl();
     this.moveableHelper.clear();
@@ -112,8 +114,8 @@ export default class DragResizeHelper {
   public onResizeStart(e: OnResizeStart): void {
     this.moveableHelper.onResizeStart(e);
 
-    this.frameSnapShot.top = this.target.offsetTop;
-    this.frameSnapShot.left = this.target.offsetLeft;
+    this.frameSnapShot.top = this.target!.offsetTop;
+    this.frameSnapShot.left = this.target!.offsetLeft;
   }
 
   public onResize(e: OnResize): void {
@@ -121,33 +123,33 @@ export default class DragResizeHelper {
     const { beforeTranslate } = drag;
     // 流式布局
     if (this.mode === Mode.SORTABLE) {
-      this.target.style.top = '0px';
+      this.target!.style.top = '0px';
       if (this.targetShadow.el) {
         this.targetShadow.el.style.width = `${width}px`;
         this.targetShadow.el.style.height = `${height}px`;
       }
     } else {
       this.moveableHelper.onResize(e);
-      const { marginLeft, marginTop } = getMarginValue(this.target);
-      this.target.style.left = `${this.frameSnapShot.left + beforeTranslate[0] - marginLeft}px`;
-      this.target.style.top = `${this.frameSnapShot.top + beforeTranslate[1] - marginTop}px`;
+      const { marginLeft, marginTop } = getMarginValue(this.target!);
+      this.target!.style.left = `${this.frameSnapShot.left + beforeTranslate[0] - marginLeft}px`;
+      this.target!.style.top = `${this.frameSnapShot.top + beforeTranslate[1] - marginTop}px`;
     }
 
-    const { borderLeftWidth, borderRightWidth, borderTopWidth, borderBottomWidth } = getBorderWidth(this.target);
+    const { borderLeftWidth, borderRightWidth, borderTopWidth, borderBottomWidth } = getBorderWidth(this.target!);
 
-    this.target.style.width = `${width + borderLeftWidth + borderRightWidth}px`;
-    this.target.style.height = `${height + borderTopWidth + borderBottomWidth}px`;
+    this.target!.style.width = `${width + borderLeftWidth + borderRightWidth}px`;
+    this.target!.style.height = `${height + borderTopWidth + borderBottomWidth}px`;
   }
 
   public onDragStart(e: OnDragStart): void {
     this.moveableHelper.onDragStart(e);
 
     if (this.mode === Mode.SORTABLE) {
-      this.ghostEl = this.generateGhostEl(this.target);
+      this.ghostEl = this.generateGhostEl(this.target!);
     }
 
-    this.frameSnapShot.top = this.target.offsetTop;
-    this.frameSnapShot.left = this.target.offsetLeft;
+    this.frameSnapShot.top = this.target!.offsetTop;
+    this.frameSnapShot.left = this.target!.offsetLeft;
   }
 
   public onDrag(e: OnDrag): void {
@@ -159,10 +161,10 @@ export default class DragResizeHelper {
 
     this.moveableHelper.onDrag(e);
 
-    const { marginLeft, marginTop } = getMarginValue(this.target);
+    const { marginLeft, marginTop } = getMarginValue(this.target!);
 
-    this.target.style.left = `${this.frameSnapShot.left + e.beforeTranslate[0] - marginLeft}px`;
-    this.target.style.top = `${this.frameSnapShot.top + e.beforeTranslate[1] - marginTop}px`;
+    this.target!.style.left = `${this.frameSnapShot.left + e.beforeTranslate[0] - marginLeft}px`;
+    this.target!.style.top = `${this.frameSnapShot.top + e.beforeTranslate[1] - marginTop}px`;
   }
 
   public onRotateStart(e: OnRotateStart): void {
@@ -172,7 +174,7 @@ export default class DragResizeHelper {
   public onRotate(e: OnRotate): void {
     this.moveableHelper.onRotate(e);
     const frame = this.moveableHelper.getFrame(e.target);
-    this.target.style.transform = frame?.toCSSObject().transform || '';
+    this.target!.style.transform = frame?.toCSSObject().transform || '';
   }
 
   public onScaleStart(e: OnScaleStart): void {
@@ -182,7 +184,7 @@ export default class DragResizeHelper {
   public onScale(e: OnScale): void {
     this.moveableHelper.onScale(e);
     const frame = this.moveableHelper.getFrame(e.target);
-    this.target.style.transform = frame?.toCSSObject().transform || '';
+    this.target!.style.transform = frame?.toCSSObject().transform || '';
   }
 
   public getGhostEl(): HTMLElement | undefined {
@@ -239,15 +241,17 @@ export default class DragResizeHelper {
     events.forEach((ev) => {
       const { width, height, beforeTranslate } = ev.drag;
       const frameSnapShot = this.framesSnapShot.find(
-        (frameItem) => frameItem.id === ev.target.id.replace(DRAG_EL_ID_PREFIX, ''),
+        (frameItem) => frameItem.id === getIdFromEl()(ev.target)?.replace(DRAG_EL_ID_PREFIX, ''),
       );
       if (!frameSnapShot) return;
       const targeEl = this.targetList.find(
-        (targetItem) => targetItem.id === ev.target.id.replace(DRAG_EL_ID_PREFIX, ''),
+        (targetItem) => getIdFromEl()(targetItem) === getIdFromEl()(ev.target)?.replace(DRAG_EL_ID_PREFIX, ''),
       );
       if (!targeEl) return;
       // 元素与其所属组同时加入多选列表时，只更新父元素
-      const isParentIncluded = this.targetList.find((targetItem) => targetItem.id === targeEl.parentElement?.id);
+      const isParentIncluded = this.targetList.find(
+        (targetItem) => getIdFromEl()(targetItem) === getIdFromEl()(targeEl.parentElement),
+      );
 
       if (!isParentIncluded) {
         // 更新页面元素位置
@@ -277,15 +281,26 @@ export default class DragResizeHelper {
     // 拖动过程更新
     events.forEach((ev) => {
       const frameSnapShot = this.framesSnapShot.find(
-        (frameItem) => ev.target.id.startsWith(DRAG_EL_ID_PREFIX) && ev.target.id.endsWith(frameItem.id),
+        (frameItem) =>
+          getIdFromEl()(ev.target)?.startsWith(DRAG_EL_ID_PREFIX) && getIdFromEl()(ev.target)?.endsWith(frameItem.id),
       );
       if (!frameSnapShot) return;
-      const targeEl = this.targetList.find(
-        (targetItem) => ev.target.id.startsWith(DRAG_EL_ID_PREFIX) && ev.target.id.endsWith(targetItem.id),
-      );
+
+      const findTargetElFuctin = (targetItem: HTMLElement) => {
+        const getId = getIdFromEl();
+        const targetId = getId(ev.target);
+        const targetItemId = getId(targetItem);
+        return targetId?.startsWith(DRAG_EL_ID_PREFIX) && targetItemId && targetId?.endsWith(targetItemId);
+      };
+
+      const targeEl = this.targetList.find(findTargetElFuctin);
+
       if (!targeEl) return;
+
       // 元素与其所属组同时加入多选列表时，只更新父元素
-      const isParentIncluded = this.targetList.find((targetItem) => targetItem.id === targeEl.parentElement?.id);
+      const isParentIncluded = this.targetList.find(
+        (targetItem) => getIdFromEl()(targetItem) === getIdFromEl()(targeEl.parentElement),
+      );
       if (!isParentIncluded) {
         // 更新页面元素位置
         const { marginLeft, marginTop } = getMarginValue(targeEl);
@@ -312,7 +327,7 @@ export default class DragResizeHelper {
     const shadowEls = this.getShadowEls();
 
     if (shadowEls.length) {
-      shadowEl = shadowEls.find((item) => item.id.endsWith(el.id));
+      shadowEl = shadowEls.find((item) => getIdFromEl()(item)?.endsWith(getIdFromEl()(el) || ''));
     }
 
     if (parentEl && this.mode === Mode.ABSOLUTE && shadowEl) {
@@ -348,14 +363,19 @@ export default class DragResizeHelper {
     events.forEach((ev) => {
       // 实际目标元素
       const matchEventTarget = this.targetList.find(
-        (targetItem) => ev.target.id.startsWith(DRAG_EL_ID_PREFIX) && ev.target.id.endsWith(targetItem.id),
+        (targetItem) =>
+          getIdFromEl()(ev.target)?.startsWith(DRAG_EL_ID_PREFIX) &&
+          getIdFromEl()(ev.target)?.endsWith(getIdFromEl()(targetItem) || ''),
       );
       if (!matchEventTarget) return;
-      this.framesSnapShot.push({
-        left: matchEventTarget.offsetLeft,
-        top: matchEventTarget.offsetTop,
-        id: matchEventTarget.id,
-      });
+
+      const id = getIdFromEl()(matchEventTarget);
+      id &&
+        this.framesSnapShot.push({
+          left: matchEventTarget.offsetLeft,
+          top: matchEventTarget.offsetTop,
+          id,
+        });
     });
   }
 
@@ -367,30 +387,24 @@ export default class DragResizeHelper {
       this.destroyGhostEl();
     }
 
-    const ghostEl = el.cloneNode(true) as HTMLElement;
-    this.setGhostElChildrenId(ghostEl);
+    const ghostEl = document.createElement('div') as HTMLElement;
     const { top, left } = getAbsolutePosition(el, getOffset(el));
-    ghostEl.id = `${GHOST_EL_ID_PREFIX}${el.id}`;
-    ghostEl.style.zIndex = ZIndex.GHOST_EL;
-    ghostEl.style.opacity = '.5';
-    ghostEl.style.position = 'absolute';
-    ghostEl.style.left = `${left}px`;
-    ghostEl.style.top = `${top}px`;
-    ghostEl.style.marginLeft = '0';
-    ghostEl.style.marginTop = '0';
+
+    setIdToEl()(ghostEl, `${GHOST_EL_ID_PREFIX}${getIdFromEl()(el)}`);
+
+    ghostEl.style.cssText = `
+      z-index: ${ZIndex.GHOST_EL};
+      opacity: .6;
+      position: absolute;
+      left: ${left}px;
+      top: ${top}px;
+      margin: 0;
+      background: blue;
+      width: ${el.clientWidth}px;
+      height: ${el.clientHeight}px;
+    `;
     el.after(ghostEl);
+
     return ghostEl;
   }
-
-  private setGhostElChildrenId(el: Element): void {
-    for (const child of Array.from(el.children)) {
-      if (child.id) {
-        child.id = `${GHOST_EL_ID_PREFIX}${child.id}`;
-      }
-
-      if (child.children.length) {
-        this.setGhostElChildrenId(child);
-      }
-    }
-  }
 }
diff --git a/packages/stage/src/MoveableActionsAble.ts b/packages/stage/src/MoveableActionsAble.ts
index d3aebfe6..3153d14b 100644
--- a/packages/stage/src/MoveableActionsAble.ts
+++ b/packages/stage/src/MoveableActionsAble.ts
@@ -1,11 +1,24 @@
-import { MoveableManagerInterface, Renderer } from 'moveable';
+import type { MoveableManagerInterface, Renderer } from 'moveable';
 
 import { AbleActionEventType } from './const';
 import ableCss from './moveable-able.css?raw';
 
-export default (handler: (type: AbleActionEventType) => void) => ({
+export interface AbleCustomizedButton {
+  props: {
+    className?: string;
+    onClick?(e: MouseEvent): void;
+    [key: string]: any;
+  };
+  children: ReturnType<Renderer['createElement']>[];
+}
+
+export default (
+  handler: (type: AbleActionEventType) => void,
+  customizedButton: ((react: Renderer) => AbleCustomizedButton)[] = [],
+) => ({
   name: 'actions',
   props: [],
+  always: true,
   events: [],
   render(moveable: MoveableManagerInterface<any, any>, React: Renderer) {
     const rect = moveable.getRect();
@@ -33,10 +46,32 @@ export default (handler: (type: AbleActionEventType) => void) => ({
       {
         className: 'moveable-editable',
         style: {
-          transform: `translate(${pos2[0] - 60}px, ${pos2[1] - 28}px) rotate(${rect.rotation}deg)`,
+          transform: `translate(${pos2[0] - (customizedButton.length + 3) * 20}px, ${pos2[1] - 28}px) rotate(${
+            rect.rotation
+          }deg)`,
         },
       },
       [
+        ...customizedButton.map((buttonRenderer) => {
+          const options = buttonRenderer(React);
+          return React.createElement('button', options.props || {}, ...(options.children || []));
+        }),
+
+        React.createElement(
+          'button',
+          {
+            className: 'moveable-button moveable-rerender-button',
+            title: '重新收集依赖后渲染',
+            onClick: () => {
+              handler(AbleActionEventType.RERENDER);
+            },
+          },
+          React.createElement('img', {
+            src: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJpY29uIGljb24tdGFibGVyIGljb24tdGFibGVyLXJlcGxhY2UiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iI2ZmZmZmZiIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICA8cGF0aCBzdHJva2U9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4KICA8cmVjdCB4PSIzIiB5PSIzIiB3aWR0aD0iNiIgaGVpZ2h0PSI2IiByeD0iMSIgLz4KICA8cmVjdCB4PSIxNSIgeT0iMTUiIHdpZHRoPSI2IiBoZWlnaHQ9IjYiIHJ4PSIxIiAvPgogIDxwYXRoIGQ9Ik0yMSAxMXYtM2EyIDIgMCAwIDAgLTIgLTJoLTZsMyAzbTAgLTZsLTMgMyIgLz4KICA8cGF0aCBkPSJNMyAxM3YzYTIgMiAwIDAgMCAyIDJoNmwtMyAtM20wIDZsMyAtMyIgLz4KPC9zdmc+CgoK',
+            width: '16',
+            height: '16',
+          }),
+        ),
         React.createElement(
           'button',
           {
diff --git a/packages/stage/src/MoveableOptionsManager.ts b/packages/stage/src/MoveableOptionsManager.ts
index d343b7a0..fedd73aa 100644
--- a/packages/stage/src/MoveableOptionsManager.ts
+++ b/packages/stage/src/MoveableOptionsManager.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -112,9 +112,10 @@ export default class MoveableOptionsManager extends EventEmitter {
    */
   protected getOptions(isMultiSelect: boolean, runtimeOptions: MoveableOptions = {}): MoveableOptions {
     const defaultOptions = this.getDefaultOptions(isMultiSelect);
-    const customizedOptions = this.getCustomizeOptions();
+    const customizedOptions = this.getCustomizeOptions() || {};
 
     this.options = merge(defaultOptions, customizedOptions, runtimeOptions);
+
     return this.options;
   }
 
diff --git a/packages/stage/src/Rule.ts b/packages/stage/src/Rule.ts
index f6259981..090278c8 100644
--- a/packages/stage/src/Rule.ts
+++ b/packages/stage/src/Rule.ts
@@ -5,20 +5,26 @@ import Guides, { type GuidesEvents, type GuidesOptions } from '@scena/guides';
 import { GuidesType } from './const';
 import type { RuleOptions } from './types';
 
+const guidesClass = 'tmagic-stage-guides';
+
 export default class Rule extends EventEmitter {
-  public hGuides: Guides;
-  public vGuides: Guides;
+  public hGuides?: Guides;
+  public vGuides?: Guides;
   public horizontalGuidelines: number[] = [];
   public verticalGuidelines: number[] = [];
 
-  private container: HTMLDivElement;
-  private containerResizeObserver: ResizeObserver;
+  private container?: HTMLDivElement;
+  private containerResizeObserver?: ResizeObserver;
   private isShowGuides = true;
   private guidesOptions?: Partial<GuidesOptions>;
 
   constructor(container: HTMLDivElement, options?: RuleOptions) {
     super();
 
+    if (options?.disabledRule) {
+      return;
+    }
+
     this.guidesOptions = options?.guidesOptions || {};
 
     this.container = container;
@@ -26,8 +32,8 @@ export default class Rule extends EventEmitter {
     this.vGuides = this.createGuides(GuidesType.VERTICAL, this.verticalGuidelines);
 
     this.containerResizeObserver = new ResizeObserver(() => {
-      this.vGuides.resize();
-      this.hGuides.resize();
+      this.vGuides?.resize();
+      this.hGuides?.resize();
     });
 
     this.containerResizeObserver.observe(this.container);
@@ -40,11 +46,11 @@ export default class Rule extends EventEmitter {
   public showGuides(isShowGuides = true) {
     this.isShowGuides = isShowGuides;
 
-    this.hGuides.setState({
+    this.hGuides?.setState({
       showGuides: isShowGuides,
     });
 
-    this.vGuides.setState({
+    this.vGuides?.setState({
       showGuides: isShowGuides,
     });
   }
@@ -53,11 +59,11 @@ export default class Rule extends EventEmitter {
     this.horizontalGuidelines = hLines;
     this.verticalGuidelines = vLines;
 
-    this.hGuides.setState({
+    this.hGuides?.setState({
       defaultGuides: hLines,
     });
 
-    this.vGuides.setState({
+    this.vGuides?.setState({
       defaultGuides: vLines,
     });
 
@@ -84,21 +90,20 @@ export default class Rule extends EventEmitter {
    * @param show 是否显示
    */
   public showRule(show = true) {
-    // 当尺子隐藏时发现大小变化，显示后会变形，所以这里做重新初始化处理
+    // 当尺子隐藏时发生大小变化，显示后会变形，所以这里做重新初始化处理
     if (show) {
-      this.hGuides.destroy();
-      this.hGuides = this.createGuides(GuidesType.HORIZONTAL, this.horizontalGuidelines);
+      this.destroyGuides();
 
-      this.vGuides.destroy();
+      this.hGuides = this.createGuides(GuidesType.HORIZONTAL, this.horizontalGuidelines);
       this.vGuides = this.createGuides(GuidesType.VERTICAL, this.verticalGuidelines);
     } else {
-      this.hGuides.setState({
+      this.hGuides?.setState({
         rulerStyle: {
           visibility: 'hidden',
         },
       });
 
-      this.vGuides.setState({
+      this.vGuides?.setState({
         rulerStyle: {
           visibility: 'hidden',
         },
@@ -107,20 +112,34 @@ export default class Rule extends EventEmitter {
   }
 
   public scrollRule(scrollTop: number) {
-    this.hGuides.scrollGuides(scrollTop);
-    this.hGuides.scroll(0);
+    this.hGuides?.scrollGuides(scrollTop);
+    this.hGuides?.scroll(0);
 
-    this.vGuides.scrollGuides(0);
-    this.vGuides.scroll(scrollTop);
+    this.vGuides?.scrollGuides(0);
+    this.vGuides?.scroll(scrollTop);
   }
 
   public destroy(): void {
-    this.hGuides.off('changeGuides', this.hGuidesChangeGuidesHandler);
-    this.vGuides.off('changeGuides', this.vGuidesChangeGuidesHandler);
-    this.containerResizeObserver.disconnect();
+    this.destroyGuides();
+    this.hGuides?.off('changeGuides', this.hGuidesChangeGuidesHandler);
+    this.vGuides?.off('changeGuides', this.vGuidesChangeGuidesHandler);
+    this.containerResizeObserver?.disconnect();
     this.removeAllListeners();
   }
 
+  public destroyGuides(): void {
+    this.hGuides?.destroy();
+    this.vGuides?.destroy();
+
+    this.container?.querySelectorAll(`.${guidesClass}`).forEach((el) => {
+      el.remove();
+    });
+
+    this.hGuides = undefined;
+    this.vGuides = undefined;
+    this.container = undefined;
+  }
+
   private getGuidesStyle = (type: GuidesType) => ({
     position: 'fixed',
     zIndex: 1,
@@ -130,11 +149,16 @@ export default class Rule extends EventEmitter {
     height: type === GuidesType.HORIZONTAL ? '30px' : '100%',
   });
 
-  private createGuides = (type: GuidesType, defaultGuides: number[] = []): Guides => {
+  private createGuides = (type: GuidesType, defaultGuides: number[] = []): Guides | undefined => {
+    if (!this.container) {
+      return;
+    }
+
     const guides = new Guides(this.container, {
       type,
       defaultGuides,
       displayDragPos: true,
+      className: guidesClass,
       backgroundColor: '#fff',
       lineColor: '#000',
       textColor: '#000',
diff --git a/packages/stage/src/StageCore.ts b/packages/stage/src/StageCore.ts
index 77bd773b..3dfb7c11 100644
--- a/packages/stage/src/StageCore.ts
+++ b/packages/stage/src/StageCore.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -20,7 +20,8 @@ import { EventEmitter } from 'events';
 
 import type { MoveableOptions, OnDragStart } from 'moveable';
 
-import type { Id } from '@tmagic/schema';
+import type { Id } from '@tmagic/core';
+import { getIdFromEl } from '@tmagic/core';
 
 import ActionManager from './ActionManager';
 import { DEFAULT_ZOOM } from './const';
@@ -46,9 +47,9 @@ import type {
  */
 export default class StageCore extends EventEmitter {
   public container?: HTMLDivElement;
-  public renderer: StageRender;
-  public mask: StageMask;
-  public actionManager: ActionManager;
+  public renderer: StageRender | null = null;
+  public mask: StageMask | null = null;
+  public actionManager: ActionManager | null = null;
 
   private pageResizeObserver: ResizeObserver | null = null;
   private autoScrollIntoView: boolean | undefined;
@@ -64,7 +65,7 @@ export default class StageCore extends EventEmitter {
       runtimeUrl: config.runtimeUrl,
       zoom: config.zoom,
       renderType: config.renderType,
-      customizedRender: async (): Promise<HTMLElement | null> => {
+      customizedRender: async (): Promise<HTMLElement | null | void> => {
         if (this?.customizedRender) {
           return await this.customizedRender(this);
         }
@@ -73,6 +74,7 @@ export default class StageCore extends EventEmitter {
     });
     this.mask = new StageMask({
       guidesOptions: config.guidesOptions,
+      disabledRule: config.disabledRule,
     });
     this.actionManager = new ActionManager(this.getActionManagerConfig(config));
 
@@ -86,17 +88,18 @@ export default class StageCore extends EventEmitter {
    * @param id 选中的id
    */
   public async select(id: Id, event?: MouseEvent): Promise<void> {
-    const el = this.renderer.getTargetElement(id);
-    if (el === this.actionManager.getSelectedEl()) return;
+    const el = this.renderer?.getTargetElement(id) || null;
+    if (el === this.actionManager?.getSelectedEl()) return;
 
-    await this.renderer.select([id]);
+    await this.renderer?.select([id]);
 
-    el && this.mask.setLayout(el);
-
-    this.actionManager.select(el, event);
+    if (el) {
+      this.mask?.setLayout(el);
+    }
+    this.actionManager?.select(el, event);
 
     if (el && (this.autoScrollIntoView || el.dataset.autoScrollIntoView)) {
-      this.mask.observerIntersection(el);
+      this.mask?.observerIntersection(el);
     }
   }
 
@@ -105,20 +108,20 @@ export default class StageCore extends EventEmitter {
    * @param ids 选中元素的id列表
    */
   public async multiSelect(ids: Id[]): Promise<void> {
-    const els = ids.map((id) => this.renderer.getTargetElement(id)).filter((el) => Boolean(el));
+    const els = ids.map((id) => this.renderer?.getTargetElement(id)).filter((el) => Boolean(el));
     if (els.length === 0) return;
 
     const lastEl = els[els.length - 1];
     // 是否减少了组件选择
-    const isReduceSelect = els.length < this.actionManager.getSelectedElList().length;
-    await this.renderer.select(ids);
+    const isReduceSelect = els.length < this.actionManager!.getSelectedElList().length;
+    await this.renderer?.select(ids);
 
-    lastEl && this.mask.setLayout(lastEl);
+    lastEl && this.mask?.setLayout(lastEl);
 
-    this.actionManager.multiSelect(ids);
+    this.actionManager?.multiSelect(ids);
 
     if (lastEl && (this.autoScrollIntoView || lastEl.dataset.autoScrollIntoView) && !isReduceSelect) {
-      this.mask.observerIntersection(lastEl);
+      this.mask?.observerIntersection(lastEl);
     }
   }
 
@@ -127,11 +130,11 @@ export default class StageCore extends EventEmitter {
    * @param el 要高亮的元素
    */
   public highlight(id: Id): void {
-    this.actionManager.highlight(id);
+    this.actionManager?.highlight(id);
   }
 
   public clearHighlight(): void {
-    this.actionManager.clearHighlight();
+    this.actionManager?.clearHighlight();
   }
 
   /**
@@ -141,13 +144,13 @@ export default class StageCore extends EventEmitter {
   public async update(data: UpdateData): Promise<void> {
     const { config } = data;
 
-    await this.renderer.update(data);
+    await this.renderer?.update(data);
     // 通过setTimeout等画布中组件完成渲染更新
     setTimeout(() => {
-      const el = this.renderer.getTargetElement(`${config.id}`);
-      if (el && this.actionManager.isSelectedEl(el)) {
+      const el = this.renderer?.getTargetElement(`${config.id}`);
+      if (el && this.actionManager?.isSelectedEl(el)) {
         // 更新了组件的布局，需要重新设置mask是否可以滚动
-        this.mask.setLayout(el);
+        this.mask?.setLayout(el);
         // 组件有更新，需要set
         this.actionManager.setSelectedEl(el);
         this.actionManager.updateMoveable(el);
@@ -160,7 +163,7 @@ export default class StageCore extends EventEmitter {
    * @param data 组件信息数据
    */
   public async add(data: UpdateData): Promise<void> {
-    return await this.renderer.add(data);
+    return await this.renderer?.add(data);
   }
 
   /**
@@ -168,11 +171,11 @@ export default class StageCore extends EventEmitter {
    * @param data 组件信息数据
    */
   public async remove(data: RemoveData): Promise<void> {
-    return await this.renderer.remove(data);
+    return await this.renderer?.remove(data);
   }
 
   public setZoom(zoom: number = DEFAULT_ZOOM): void {
-    this.renderer.setZoom(zoom);
+    this.renderer?.setZoom(zoom);
   }
 
   /**
@@ -183,8 +186,8 @@ export default class StageCore extends EventEmitter {
     this.container = el;
     const { mask, renderer } = this;
 
-    await renderer.mount(el);
-    mask.mount(el);
+    await renderer?.mount(el);
+    mask?.mount(el);
 
     this.emit('mounted');
   }
@@ -193,8 +196,8 @@ export default class StageCore extends EventEmitter {
    * 清空所有参考线
    */
   public clearGuides() {
-    this.mask.clearGuides();
-    this.actionManager.clearGuides();
+    this.mask?.clearGuides();
+    this.actionManager?.clearGuides();
   }
 
   /**
@@ -215,23 +218,27 @@ export default class StageCore extends EventEmitter {
    * @returns timeoutId，调用方在鼠标移走时要取消该timeout，阻止标记
    */
   public delayedMarkContainer(event: MouseEvent, excludeElList: Element[] = []): NodeJS.Timeout | undefined {
-    return this.actionManager.delayedMarkContainer(event, excludeElList);
+    return this.actionManager?.delayedMarkContainer(event, excludeElList);
   }
 
   public getMoveableOption<K extends keyof MoveableOptions>(key: K): MoveableOptions[K] | undefined {
-    return this.actionManager.getMoveableOption(key);
+    return this.actionManager?.getMoveableOption(key);
   }
 
   public getDragStatus() {
-    return this.actionManager.getDragStatus();
+    return this.actionManager?.getDragStatus();
   }
 
   public disableMultiSelect() {
-    this.actionManager.disableMultiSelect();
+    this.actionManager?.disableMultiSelect();
   }
 
   public enableMultiSelect() {
-    this.actionManager.enableMultiSelect();
+    this.actionManager?.enableMultiSelect();
+  }
+
+  public reloadIframe(url: string) {
+    this.renderer?.reloadIframe(url);
   }
 
   /**
@@ -240,14 +247,18 @@ export default class StageCore extends EventEmitter {
   public destroy(): void {
     const { mask, renderer, actionManager, pageResizeObserver } = this;
 
-    renderer.destroy();
-    mask.destroy();
-    actionManager.destroy();
+    renderer?.destroy();
+    mask?.destroy();
+    actionManager?.destroy();
     pageResizeObserver?.disconnect();
 
     this.removeAllListeners();
 
     this.container = undefined;
+    this.renderer = null;
+    this.mask = null;
+    this.actionManager = null;
+    this.pageResizeObserver = null;
   }
 
   public on<Name extends keyof CoreEvents, Param extends CoreEvents[Name]>(
@@ -271,8 +282,8 @@ export default class StageCore extends EventEmitter {
 
     if (typeof ResizeObserver !== 'undefined') {
       this.pageResizeObserver = new ResizeObserver((entries) => {
-        this.mask.pageResize(entries);
-        this.actionManager.updateMoveable();
+        this.mask?.pageResize(entries);
+        this.actionManager?.updateMoveable();
       });
 
       this.pageResizeObserver.observe(page);
@@ -285,26 +296,26 @@ export default class StageCore extends EventEmitter {
       containerHighlightDuration: config.containerHighlightDuration,
       containerHighlightType: config.containerHighlightType,
       moveableOptions: config.moveableOptions,
-      container: this.mask.content,
+      container: this.mask!.content,
       disabledDragStart: config.disabledDragStart,
       disabledMultiSelect: config.disabledMultiSelect,
       canSelect: config.canSelect,
       isContainer: config.isContainer,
       updateDragEl: config.updateDragEl,
       getRootContainer: () => this.container,
-      getRenderDocument: () => this.renderer.getDocument(),
-      getTargetElement: (id: Id) => this.renderer.getTargetElement(id),
-      getElementsFromPoint: (point: Point) => this.renderer.getElementsFromPoint(point),
+      getRenderDocument: () => this.renderer!.getDocument(),
+      getTargetElement: (id: Id) => this.renderer!.getTargetElement(id),
+      getElementsFromPoint: (point: Point) => this.renderer!.getElementsFromPoint(point),
     };
 
     return actionManagerConfig;
   }
 
   private initRenderEvent(): void {
-    this.renderer.on('runtime-ready', (runtime: Runtime) => {
+    this.renderer?.on('runtime-ready', (runtime: Runtime) => {
       this.emit('runtime-ready', runtime);
     });
-    this.renderer.on('page-el-update', (el: HTMLElement) => {
+    this.renderer?.on('page-el-update', (el: HTMLElement) => {
       this.mask?.observe(el);
       this.observePageResize(el);
 
@@ -313,8 +324,8 @@ export default class StageCore extends EventEmitter {
   }
 
   private initMaskEvent(): void {
-    this.mask.on('change-guides', (data: GuidesEventData) => {
-      this.actionManager.setGuidelines(data.type, data.guides);
+    this.mask?.on('change-guides', (data: GuidesEventData) => {
+      this.actionManager?.setGuidelines(data.type, data.guides);
       this.emit('change-guides', data);
     });
   }
@@ -335,14 +346,15 @@ export default class StageCore extends EventEmitter {
    */
   private initActionManagerEvent(): void {
     this.actionManager
-      .on('before-select', (el: HTMLElement, event?: MouseEvent) => {
-        this.select(el.id, event);
+      ?.on('before-select', (el: HTMLElement, event?: MouseEvent) => {
+        const id = getIdFromEl()(el);
+        id && this.select(id, event);
       })
       .on('select', (selectedEl: HTMLElement, event: MouseEvent) => {
         this.emit('select', selectedEl, event);
       })
       .on('before-multi-select', (els: HTMLElement[]) => {
-        this.multiSelect(els.map((el) => el.id));
+        this.multiSelect(els.map((el) => getIdFromEl()(el)).filter((id) => Boolean(id)) as string[]);
       })
       .on('multi-select', (selectedElList: HTMLElement[], event: MouseEvent) => {
         this.emit('multi-select', selectedElList, event);
@@ -357,7 +369,7 @@ export default class StageCore extends EventEmitter {
    */
   private initDrEvent(): void {
     this.actionManager
-      .on('update', (data: UpdateEventData) => {
+      ?.on('update', (data: UpdateEventData) => {
         this.emit('update', data);
       })
       .on('sort', (data: SortEventData) => {
@@ -366,6 +378,9 @@ export default class StageCore extends EventEmitter {
       .on('select-parent', () => {
         this.emit('select-parent');
       })
+      .on('rerender', () => {
+        this.emit('rerender');
+      })
       .on('remove', (data: RemoveEventData) => {
         this.emit('remove', data);
       });
@@ -377,11 +392,11 @@ export default class StageCore extends EventEmitter {
   private initMulDrEvent(): void {
     this.actionManager
       // 多选切换到单选
-      .on('change-to-select', (id: Id, e: MouseEvent) => {
+      ?.on('change-to-select', (id: Id, e: MouseEvent) => {
         this.select(id);
         // 先保证画布内完成渲染，再通知外部更新
         setTimeout(() => {
-          const el = this.renderer.getTargetElement(id);
+          const el = this.renderer?.getTargetElement(id);
           el && this.emit('select', el, e);
         });
       })
@@ -394,7 +409,7 @@ export default class StageCore extends EventEmitter {
    * 初始化Highlight类通过ActionManager抛出来的事件监听
    */
   private initHighlightEvent(): void {
-    this.actionManager.on('highlight', (highlightEl: HTMLElement) => {
+    this.actionManager?.on('highlight', (highlightEl: HTMLElement) => {
       this.emit('highlight', highlightEl);
     });
   }
@@ -404,7 +419,7 @@ export default class StageCore extends EventEmitter {
    */
   private initMouseEvent(): void {
     this.actionManager
-      .on('mousemove', (event: MouseEvent) => {
+      ?.on('mousemove', (event: MouseEvent) => {
         this.emit('mousemove', event);
       })
       .on('mouseleave', (event: MouseEvent) => {
diff --git a/packages/stage/src/StageDragResize.ts b/packages/stage/src/StageDragResize.ts
index 9f926efe..c77beefc 100644
--- a/packages/stage/src/StageDragResize.ts
+++ b/packages/stage/src/StageDragResize.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -16,11 +16,12 @@
  * limitations under the License.
  */
 
-/* eslint-disable no-param-reassign */
 import Moveable, { MoveableOptions } from 'moveable';
 
+import { getIdFromEl } from '@tmagic/core';
+
 import { Mode, StageDragStatus } from './const';
-import DragResizeHelper from './DragResizeHelper';
+import type DragResizeHelper from './DragResizeHelper';
 import MoveableOptionsManager from './MoveableOptionsManager';
 import type {
   DelayedMarkContainer,
@@ -123,6 +124,7 @@ export default class StageDragResize extends MoveableOptionsManager {
    * 销毁实例
    */
   public destroy(): void {
+    this.target = null;
     this.moveable?.destroy();
     this.dragResizeHelper.destroy();
     this.dragStatus = StageDragStatus.END;
@@ -328,10 +330,12 @@ export default class StageDragResize extends MoveableOptionsManager {
         this.emit('sort', up(deltaTop, this.target));
       }
     } else {
-      this.emit('sort', {
-        src: this.target.id,
-        dist: this.target.id,
-      });
+      const id = getIdFromEl()(this.target);
+      id &&
+        this.emit('sort', {
+          src: id,
+          dist: id,
+        });
     }
   }
 
diff --git a/packages/stage/src/StageHighlight.ts b/packages/stage/src/StageHighlight.ts
index d37c7f0f..1f84fd37 100644
--- a/packages/stage/src/StageHighlight.ts
+++ b/packages/stage/src/StageHighlight.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -81,6 +81,7 @@ export default class StageHighlight extends EventEmitter {
    * 销毁实例
    */
   public destroy(): void {
+    this.target = undefined;
     this.moveable?.destroy();
     this.targetShadow?.destroy();
     this.moveable = undefined;
diff --git a/packages/stage/src/StageMask.ts b/packages/stage/src/StageMask.ts
index e6c838bd..ea54f60f 100644
--- a/packages/stage/src/StageMask.ts
+++ b/packages/stage/src/StageMask.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import { createDiv, getDocument, injectStyle } from '@tmagic/utils';
+import { createDiv, getDocument, injectStyle } from '@tmagic/core';
 
 import { Mode, ZIndex } from './const';
 import Rule from './Rule';
@@ -158,8 +158,17 @@ export default class StageMask extends Rule {
     // 不可以有横向滚动
     if (!this.page || el.getBoundingClientRect().left >= this.page.scrollWidth) return;
 
+    const scrollParent = getScrollParent(el as HTMLElement);
+
+    if (scrollParent && scrollParent !== this.pageScrollParent) {
+      this.scrollIntoView(scrollParent);
+      return;
+    }
+
     el.scrollIntoView();
+
     if (!this.pageScrollParent) return;
+
     this.scrollLeft = this.pageScrollParent.scrollLeft;
     this.scrollTop = this.pageScrollParent.scrollTop;
 
@@ -170,12 +179,12 @@ export default class StageMask extends Rule {
    * 销毁实例
    */
   public destroy(): void {
+    super.destroy();
+
     this.content?.remove();
     this.page = null;
     this.pageScrollParent = null;
     this.wrapperResizeObserver?.disconnect();
-
-    super.destroy();
   }
 
   public on<Name extends keyof MaskEvents, Param extends MaskEvents[Name]>(
@@ -227,6 +236,12 @@ export default class StageMask extends Rule {
         const { clientHeight, clientWidth } = entry.target;
         this.wrapperHeight = clientHeight;
         this.wrapperWidth = clientWidth;
+
+        if (this.mode === Mode.FIXED) {
+          this.content.style.width = `${this.wrapperWidth}px`;
+          this.content.style.height = `${this.wrapperHeight}px`;
+        }
+
         this.setMaxScrollLeft();
         this.setMaxScrollTop();
       });
@@ -277,7 +292,9 @@ export default class StageMask extends Rule {
   private setHeight(height: number): void {
     this.height = height;
     this.setMaxScrollTop();
-    this.content.style.height = `${height}px`;
+    if (this.mode !== Mode.FIXED) {
+      this.content.style.height = `${height}px`;
+    }
   }
 
   /**
@@ -287,7 +304,9 @@ export default class StageMask extends Rule {
   private setWidth(width: number): void {
     this.width = width;
     this.setMaxScrollLeft();
-    this.content.style.width = `${width}px`;
+    if (this.mode !== Mode.FIXED) {
+      this.content.style.width = `${width}px`;
+    }
   }
 
   /**
diff --git a/packages/stage/src/StageMultiDragResize.ts b/packages/stage/src/StageMultiDragResize.ts
index b4e1dc80..b9783615 100644
--- a/packages/stage/src/StageMultiDragResize.ts
+++ b/packages/stage/src/StageMultiDragResize.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -18,6 +18,8 @@
 
 import Moveable from 'moveable';
 
+import { getIdFromEl } from '@tmagic/core';
+
 import { DRAG_EL_ID_PREFIX, Mode, StageDragStatus } from './const';
 import DragResizeHelper from './DragResizeHelper';
 import MoveableOptionsManager from './MoveableOptionsManager';
@@ -132,7 +134,8 @@ export default class StageMultiDragResize extends MoveableOptionsManager {
         const { inputTarget, targets } = e;
         // 如果有多个元素被选中，同时点击的元素在选中元素中的其中一项，可能是多选态切换为该元素的单选态，抛事件给上一层继续判断是否切换
         if (targets.length > 1 && targets.includes(inputTarget)) {
-          this.emit('change-to-select', inputTarget.id.replace(DRAG_EL_ID_PREFIX, ''), e.inputEvent);
+          const id = getIdFromEl()(inputTarget as HTMLElement)?.replace(DRAG_EL_ID_PREFIX, '');
+          id && this.emit('change-to-select', id, e.inputEvent);
         }
       });
   }
diff --git a/packages/stage/src/StageRender.ts b/packages/stage/src/StageRender.ts
index af0ccd0e..c9ce8b15 100644
--- a/packages/stage/src/StageRender.ts
+++ b/packages/stage/src/StageRender.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -18,8 +18,8 @@
 
 import { EventEmitter } from 'events';
 
-import { Id } from '@tmagic/schema';
-import { getHost, injectStyle, isSameDomain } from '@tmagic/utils';
+import type { Id } from '@tmagic/core';
+import { getElById, getHost, guid, injectStyle, isSameDomain } from '@tmagic/core';
 
 import { DEFAULT_ZOOM, RenderType } from './const';
 import style from './style.css?raw';
@@ -36,7 +36,7 @@ export default class StageRender extends EventEmitter {
   private runtimeUrl?: string;
   private zoom = DEFAULT_ZOOM;
   private renderType: RenderType;
-  private customizedRender?: () => Promise<HTMLElement | null>;
+  private customizedRender?: () => Promise<HTMLElement | null | void>;
 
   constructor({ runtimeUrl, zoom, customizedRender, renderType = RenderType.IFRAME }: StageRenderConfig) {
     super();
@@ -54,8 +54,15 @@ export default class StageRender extends EventEmitter {
   }
 
   public getMagicApi = () => ({
-    onPageElUpdate: (el: HTMLElement) => this.emit('page-el-update', el),
+    id: guid(),
+    onPageElUpdate: (el: HTMLElement) => {
+      this.emit('page-el-update', el);
+    },
     onRuntimeReady: (runtime: Runtime) => {
+      if (this.runtime) {
+        return;
+      }
+
       this.runtime = runtime;
       // @ts-ignore
       globalThis.runtime = runtime;
@@ -152,17 +159,47 @@ export default class StageRender extends EventEmitter {
   }
 
   public getTargetElement(id: Id): HTMLElement | null {
-    return this.getDocument()?.getElementById(`${id}`) || null;
+    return getElById()(this.getDocument(), id);
+  }
+
+  public postTmagicRuntimeReady() {
+    this.contentWindow = this.iframe?.contentWindow as RuntimeWindow;
+
+    this.contentWindow.magic = this.getMagicApi();
+
+    this.contentWindow.postMessage(
+      {
+        tmagicRuntimeReady: true,
+      },
+      '*',
+    );
+  }
+
+  public reloadIframe(url: string) {
+    if (this.renderType !== RenderType.IFRAME) return;
+
+    const el = this.iframe?.parentElement;
+    this.destroyIframe();
+    this.runtimeUrl = url;
+    this.createIframe();
+    this.mount(el as HTMLDivElement);
+    this.runtime = null;
+  }
+
+  public destroyIframe() {
+    this.iframe?.removeEventListener('load', this.iframeLoadHandler);
+    this.contentWindow = null;
+    this.iframe?.remove();
+    this.iframe = undefined;
   }
 
   /**
    * 销毁实例
    */
   public destroy(): void {
-    this.iframe?.removeEventListener('load', this.iframeLoadHandler);
-    this.contentWindow = null;
-    this.iframe?.remove();
-    this.iframe = undefined;
+    this.destroyIframe();
+    // @ts-ignore
+    globalThis.runtime = undefined;
     this.removeAllListeners();
   }
 
@@ -218,35 +255,26 @@ export default class StageRender extends EventEmitter {
     }
   }
 
-  private iframeLoadHandler = async () => {
-    if (!this.contentWindow?.magic) {
-      this.postTmagicRuntimeReady();
-    }
-
-    if (!this.contentWindow) return;
-
-    if (this.customizedRender) {
-      const el = await this.customizedRender();
-      if (el) {
-        this.contentWindow.document?.body?.appendChild(el);
+  private iframeLoadHandler = () => {
+    const handler = async () => {
+      if (!this.contentWindow?.magic) {
+        this.postTmagicRuntimeReady();
       }
-    }
 
-    this.emit('onload');
+      if (!this.contentWindow) return;
 
-    injectStyle(this.contentWindow.document, style);
+      if (this.customizedRender) {
+        const el = await this.customizedRender();
+        if (el) {
+          this.contentWindow.document?.body?.appendChild(el);
+        }
+      }
+
+      this.emit('onload');
+
+      injectStyle(this.contentWindow.document, style);
+    };
+
+    handler();
   };
-
-  private postTmagicRuntimeReady() {
-    this.contentWindow = this.iframe?.contentWindow as RuntimeWindow;
-
-    this.contentWindow.magic = this.getMagicApi();
-
-    this.contentWindow.postMessage(
-      {
-        tmagicRuntimeReady: true,
-      },
-      '*',
-    );
-  }
 }
diff --git a/packages/stage/src/TargetShadow.ts b/packages/stage/src/TargetShadow.ts
index 572d51db..6cd4832e 100644
--- a/packages/stage/src/TargetShadow.ts
+++ b/packages/stage/src/TargetShadow.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -15,7 +15,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { guid } from '@tmagic/utils';
+import { getElById, getIdFromEl, guid, setIdToEl } from '@tmagic/core';
 
 import { Mode, ZIndex } from './const';
 import type { TargetElement as ShadowElement, TargetShadowConfig, UpdateDragEl } from './types';
@@ -93,7 +93,7 @@ export default class TargetShadow {
   private updateEl(target: ShadowElement, src?: ShadowElement): ShadowElement {
     const el = src || globalThis.document.createElement('div');
 
-    el.id = `${this.idPrefix}_${target.id}`;
+    setIdToEl()(el, `${this.idPrefix}_${getIdFromEl()(target)}`);
 
     el.style.cssText = getTargetElStyle(target, this.zIndex);
 
@@ -108,7 +108,7 @@ export default class TargetShadow {
       el.style.transform = `translate3d(${-this.scrollLeft}px, ${-this.scrollTop}px, 0)`;
     }
 
-    if (!globalThis.document.getElementById(el.id)) {
+    if (!getElById()(globalThis.document, getIdFromEl()(el))) {
       this.container.append(el);
     }
 
diff --git a/packages/stage/src/const.ts b/packages/stage/src/const.ts
index 7f254644..31f64e9f 100644
--- a/packages/stage/src/const.ts
+++ b/packages/stage/src/const.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -77,6 +77,7 @@ export const SELECTED_CLASS = 'tmagic-stage-selected-area';
 export enum AbleActionEventType {
   SELECT_PARENT = 'select-parent',
   REMOVE = 'remove',
+  RERENDER = 'rerender',
 }
 
 /** 将组件添加到容器的方式 */
diff --git a/packages/stage/src/index.ts b/packages/stage/src/index.ts
index 03e64b2a..9ccde379 100644
--- a/packages/stage/src/index.ts
+++ b/packages/stage/src/index.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -18,12 +18,16 @@
 
 import StageCore from './StageCore';
 
-export type { MoveableOptions, OnDragStart } from 'moveable';
+export * from 'moveable';
 export type { GuidesOptions } from '@scena/guides';
+
 export { default as StageRender } from './StageRender';
 export { default as StageMask } from './StageMask';
 export { default as StageDragResize } from './StageDragResize';
 export * from './types';
 export * from './const';
 export * from './util';
+export * from './MoveableActionsAble';
+export { default as MoveableActionsAble } from './MoveableActionsAble';
+
 export default StageCore;
diff --git a/packages/stage/src/logger.ts b/packages/stage/src/logger.ts
index a27e036d..1777d8fd 100644
--- a/packages/stage/src/logger.ts
+++ b/packages/stage/src/logger.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
diff --git a/packages/stage/src/moveable-able.css b/packages/stage/src/moveable-able.css
index 941e1e54..03d2545f 100644
--- a/packages/stage/src/moveable-able.css
+++ b/packages/stage/src/moveable-able.css
@@ -10,6 +10,7 @@
   font-weight: bold;
   margin-left: 2px;
   position: relative;
+  cursor: pointer;
 }
 .moveable-remove-button:before, .moveable-remove-button:after {
   content: "";
@@ -106,3 +107,8 @@
   top: 50%;;
 }
 
+.moveable-rerender-button img {
+  position: absolute;
+  left: 2px;
+  top: 2px;
+}
diff --git a/packages/stage/src/types.ts b/packages/stage/src/types.ts
index 6ab02d20..fafff7f8 100644
--- a/packages/stage/src/types.ts
+++ b/packages/stage/src/types.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -19,8 +19,8 @@
 import type { GuidesOptions } from '@scena/guides';
 import type { MoveableOptions, OnDragStart } from 'moveable';
 
+import type { Id, MApp, MContainer, MNode } from '@tmagic/core';
 import Core from '@tmagic/core';
-import type { Id, MApp, MContainer, MNode } from '@tmagic/schema';
 
 import { AbleActionEventType, ContainerHighlightType, GuidesType, RenderType, ZIndex } from './const';
 import DragResizeHelper from './DragResizeHelper';
@@ -30,12 +30,12 @@ export type TargetElement = HTMLElement | SVGElement;
 
 export type CanSelect = (el: HTMLElement, event: MouseEvent, stop: () => boolean) => boolean | Promise<boolean>;
 export type IsContainer = (el: HTMLElement) => boolean | Promise<boolean>;
-export type CustomizeRender = (renderer: StageCore) => Promise<HTMLElement> | HTMLElement;
+export type CustomizeRender = (renderer: StageCore) => Promise<HTMLElement | void> | HTMLElement | void;
+
+export type CustomizeMoveableOptionsFunction = (config: CustomizeMoveableOptionsCallbackConfig) => MoveableOptions;
+
 /** 业务方自定义的moveableOptions，可以是配置，也可以是回调函数 */
-export type CustomizeMoveableOptions =
-  | ((config?: CustomizeMoveableOptionsCallbackConfig) => MoveableOptions)
-  | MoveableOptions
-  | undefined;
+export type CustomizeMoveableOptions = CustomizeMoveableOptionsFunction | MoveableOptions;
 /** render提供给的接口，id转成el */
 export type GetTargetElement = (id: Id) => HTMLElement | null;
 /** render提供的接口，通过坐标获得坐标下所有HTML元素数组 */
@@ -60,13 +60,14 @@ export interface StageCoreConfig {
   moveableOptions?: CustomizeMoveableOptions;
   /** runtime 的HTML地址，可以是一个HTTP地址，如果和编辑器不同域，需要设置跨域，也可以是一个相对或绝对路径 */
   runtimeUrl?: string;
-  render?: (renderer: StageCore) => Promise<HTMLElement> | HTMLElement;
+  render?: CustomizeRender;
   autoScrollIntoView?: boolean;
   updateDragEl?: UpdateDragEl;
   disabledDragStart?: boolean;
   renderType?: RenderType;
   guidesOptions?: Partial<GuidesOptions>;
   disabledMultiSelect?: boolean;
+  disabledRule?: boolean;
 }
 
 export interface ActionManagerConfig {
@@ -88,7 +89,7 @@ export interface ActionManagerConfig {
 
 export interface MoveableOptionsManagerConfig {
   container: HTMLElement;
-  moveableOptions?: CustomizeMoveableOptions;
+  moveableOptions?: MoveableOptions | (() => MoveableOptions);
   getRootContainer: GetRootContainer;
 }
 
@@ -105,29 +106,23 @@ export interface StageRenderConfig {
   runtimeUrl?: string;
   zoom: number | undefined;
   renderType?: RenderType;
-  customizedRender?: () => Promise<HTMLElement | null>;
+  customizedRender?: () => Promise<HTMLElement | null | void>;
 }
 
 export interface StageMaskConfig {
   core: StageCore;
 }
 
-export interface StageDragResizeConfig {
-  container: HTMLElement;
+export interface StageDragResizeConfig extends MoveableOptionsManagerConfig {
   dragResizeHelper: DragResizeHelper;
-  moveableOptions?: CustomizeMoveableOptions;
   disabledDragStart?: boolean;
-  getRootContainer: GetRootContainer;
   getRenderDocument: GetRenderDocument;
   markContainerEnd: MarkContainerEnd;
   delayedMarkContainer: DelayedMarkContainer;
 }
 
-export interface StageMultiDragResizeConfig {
-  container: HTMLElement;
+export interface StageMultiDragResizeConfig extends MoveableOptionsManagerConfig {
   dragResizeHelper: DragResizeHelper;
-  moveableOptions?: CustomizeMoveableOptions;
-  getRootContainer: GetRootContainer;
   getRenderDocument: GetRenderDocument;
   markContainerEnd: MarkContainerEnd;
   delayedMarkContainer: DelayedMarkContainer;
@@ -210,9 +205,11 @@ export interface Runtime {
   update?: (data: UpdateData) => void;
   sortNode?: (data: SortEventData) => void;
   remove?: (data: RemoveData) => void;
+  [key: string]: any;
 }
 
 export interface Magic {
+  id: string;
   /** 当前页面的根节点变化时调用该方法，编辑器会同步该el和stage的大小，该方法由stage注入到iframe.contentWindow中 */
   onPageElUpdate: (el: HTMLElement) => void;
 
@@ -238,6 +235,7 @@ export interface TargetShadowConfig {
 
 export interface RuleOptions {
   guidesOptions?: Partial<GuidesOptions>;
+  disabledRule?: boolean;
 }
 
 export interface CoreEvents {
@@ -251,6 +249,7 @@ export interface CoreEvents {
   update: [data: UpdateEventData];
   sort: [data: SortEventData];
   'select-parent': [];
+  rerender: [];
   remove: [data: RemoveEventData];
   highlight: [highlightEl: HTMLElement];
   mousemove: [event: MouseEvent];
@@ -283,6 +282,7 @@ export interface ActionManagerEvents {
   sort: [data: SortEventData];
   remove: [data: RemoveEventData];
   select: [selectedEl: HTMLElement | null, event: MouseEvent];
+  rerender: [];
   'select-parent': [];
   'drag-start': [event: OnDragStart];
   'multi-update': [data: UpdateEventData];
@@ -297,6 +297,7 @@ export interface DrEvents {
   'update-moveable': [];
   [AbleActionEventType.REMOVE]: [];
   [AbleActionEventType.SELECT_PARENT]: [];
+  [AbleActionEventType.RERENDER]: [];
   'drag-start': [event: OnDragStart];
   update: [data: UpdateEventData];
   sort: [data: SortEventData];
diff --git a/packages/stage/src/util.ts b/packages/stage/src/util.ts
index 10a2c264..73c19dea 100644
--- a/packages/stage/src/util.ts
+++ b/packages/stage/src/util.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -15,7 +15,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { removeClassName } from '@tmagic/utils';
+import { getIdFromEl, removeClassName } from '@tmagic/core';
 
 import { GHOST_EL_ID_PREFIX, Mode, SELECTED_CLASS, ZIndex } from './const';
 import type { Offset, SortEventData, TargetElement } from './types';
@@ -88,13 +88,13 @@ export const getAbsolutePosition = (el: HTMLElement, { top, left }: Offset) => {
   return { left, top };
 };
 
-export const isAbsolute = (style: CSSStyleDeclaration): boolean => style.position === 'absolute';
+export const isAbsolute = (style: { position?: string }): boolean => style.position === 'absolute';
 
-export const isRelative = (style: CSSStyleDeclaration): boolean => style.position === 'relative';
+export const isRelative = (style: { position?: string }): boolean => style.position === 'relative';
 
-export const isStatic = (style: CSSStyleDeclaration): boolean => style.position === 'static';
+export const isStatic = (style: { position?: string }): boolean => style.position === 'static';
 
-export const isFixed = (style: CSSStyleDeclaration): boolean => style.position === 'fixed';
+export const isFixed = (style: { position?: string }): boolean => style.position === 'fixed';
 
 export const isFixedParent = (el: Element) => {
   let fixed = false;
@@ -170,7 +170,7 @@ export const down = (deltaTop: number, target: TargetElement): SortEventData =>
   let swapIndex = 0;
   let addUpH = target.clientHeight;
   const brothers = Array.from(target.parentNode?.children || []).filter(
-    (node) => !node.id.startsWith(GHOST_EL_ID_PREFIX),
+    (child) => !getIdFromEl()(child as HTMLElement)?.startsWith(GHOST_EL_ID_PREFIX),
   );
   const index = brothers.indexOf(target);
   // 往下移动
@@ -189,9 +189,12 @@ export const down = (deltaTop: number, target: TargetElement): SortEventData =>
     addUpH += ele.clientHeight / 2;
     swapIndex = i;
   }
+
+  const src = getIdFromEl()(target) || '';
+
   return {
-    src: target.id,
-    dist: downEls.length && swapIndex > -1 ? downEls[swapIndex].id : target.id,
+    src,
+    dist: downEls.length && swapIndex > -1 ? getIdFromEl()(downEls[swapIndex]) || '' : src,
   };
 };
 
@@ -204,7 +207,7 @@ export const down = (deltaTop: number, target: TargetElement): SortEventData =>
  */
 export const up = (deltaTop: number, target: TargetElement): SortEventData => {
   const brothers = Array.from(target.parentNode?.children || []).filter(
-    (node) => !node.id.startsWith(GHOST_EL_ID_PREFIX),
+    (child) => !getIdFromEl()(child as HTMLElement)?.startsWith(GHOST_EL_ID_PREFIX),
   );
   const index = brothers.indexOf(target);
   // 往上移动
@@ -225,9 +228,12 @@ export const up = (deltaTop: number, target: TargetElement): SortEventData => {
 
     swapIndex = i;
   }
+
+  const src = getIdFromEl()(target) || '';
+
   return {
-    src: target.id,
-    dist: upEls.length && swapIndex > -1 ? upEls[swapIndex].id : target.id,
+    src,
+    dist: upEls.length && swapIndex > -1 ? getIdFromEl()(upEls[swapIndex]) || '' : src,
   };
 };
 
diff --git a/packages/stage/tests/unit/util.spec.ts b/packages/stage/tests/unit/util.spec.ts
index 429a9aa0..fb2551fe 100644
--- a/packages/stage/tests/unit/util.spec.ts
+++ b/packages/stage/tests/unit/util.spec.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -50,7 +50,7 @@ Object.defineProperties(globalThis.HTMLElement.prototype, {
     get() {
       let parent = this.parentNode;
       while (parent) {
-        if (parent.style && parent.style.position === 'absolute') {
+        if (parent.style?.position === 'absolute') {
           return parent;
         }
         parent = parent.parentNode;
@@ -61,7 +61,7 @@ Object.defineProperties(globalThis.HTMLElement.prototype, {
 
 const createElement = () => {
   const el = globalThis.document.createElement('div');
-  el.style.cssText = `width: 100px; height: 100px; position: absolute; left: 100px; top: 100px;`;
+  el.style.cssText = 'width: 100px; height: 100px; position: absolute; left: 100px; top: 100px;';
   return el;
 };
 
@@ -78,7 +78,7 @@ describe('getOffset', () => {
   });
 
   test('没有offsetParent， 没有left、top', () => {
-    div.style.cssText = `width: 100px; height: 100px`;
+    div.style.cssText = 'width: 100px; height: 100px';
     root.appendChild(div);
     const offset = util.getOffset(div);
     expect(offset.left).toBe(0);
@@ -95,7 +95,7 @@ describe('getOffset', () => {
 
   test('有offsetParent， 没有left、top', () => {
     const parent = createElement();
-    div.style.cssText = `width: 100px; height: 100px`;
+    div.style.cssText = 'width: 100px; height: 100px';
     parent.appendChild(div);
     root.appendChild(parent);
 
@@ -119,7 +119,7 @@ describe('getAbsolutePosition', () => {
 
   test('有offsetParent', () => {
     const parent = createElement();
-    div.style.cssText = `width: 100px; height: 100px`;
+    div.style.cssText = 'width: 100px; height: 100px';
     parent.appendChild(div);
     root.appendChild(parent);
     const offset = util.getAbsolutePosition(div, { left: 100, top: 100 });
@@ -135,3 +135,23 @@ describe('getAbsolutePosition', () => {
     expect(offset.top).toBe(100);
   });
 });
+
+describe('isFixed', () => {
+  test('true', () => {
+    expect(
+      util.isFixed({
+        position: 'fixed',
+      }),
+    ).toBeTruthy();
+  });
+
+  test('false', () => {
+    expect(
+      util.isFixed({
+        position: 'absolute',
+      }),
+    ).toBeFalsy();
+
+    expect(util.isFixed({})).toBeFalsy();
+  });
+});
diff --git a/packages/stage/tsconfig.build.json b/packages/stage/tsconfig.build.json
deleted file mode 100644
index c9476221..00000000
--- a/packages/stage/tsconfig.build.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "baseUrl": ".",
-    "declaration": true,
-    "declarationDir": "types",
-    "forceConsistentCasingInFileNames": true,
-    "paths": {},
-  },
-  "include": [
-		"src"
-	],
-}
diff --git a/packages/stage/tsconfig.json b/packages/stage/tsconfig.json
deleted file mode 100644
index 6c40cf1e..00000000
--- a/packages/stage/tsconfig.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "baseUrl": "../..",
-  },
-}
diff --git a/packages/stage/vite.config.ts b/packages/stage/vite.config.ts
deleted file mode 100644
index 545f2e8a..00000000
--- a/packages/stage/vite.config.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import path from 'path';
-
-import { defineConfig } from 'vite';
-
-import pkg from './package.json';
-
-export default defineConfig({
-  resolve: {
-    alias:
-      process.env.NODE_ENV === 'production'
-        ? []
-        : [
-            { find: /^@tmagic\/core/, replacement: path.join(__dirname, '../core/src/index.ts') },
-            { find: /^@tmagic\/schema/, replacement: path.join(__dirname, '../schema/src/index.ts') },
-            { find: /^@tmagic\/utils/, replacement: path.join(__dirname, '../utils/src/index.ts') },
-          ],
-  },
-
-  build: {
-    cssCodeSplit: false,
-    sourcemap: false,
-    minify: false,
-    target: 'esnext',
-
-    lib: {
-      entry: 'src/index.ts',
-      name: 'TMagicStage',
-      fileName: 'tmagic-stage',
-    },
-
-    rollupOptions: {
-      // 确保外部化处理那些你不想打包进库的依赖
-      external(id: string) {
-        return Object.keys({
-          ...pkg.dependencies,
-          ...pkg.peerDependencies,
-        }).some((k) => new RegExp(`^${k}`).test(id));
-      },
-    },
-  },
-});
diff --git a/packages/table/package.json b/packages/table/package.json
index 2e393e52..105cf52e 100644
--- a/packages/table/package.json
+++ b/packages/table/package.json
@@ -1,17 +1,19 @@
 {
-  "version": "1.4.7",
+  "version": "1.7.8",
   "name": "@tmagic/table",
   "type": "module",
   "sideEffects": [
-    "dist/*"
+    "dist/style.css",
+    "dist/es/style.css",
+    "src/theme/*"
   ],
   "main": "dist/tmagic-table.umd.cjs",
-  "module": "dist/tmagic-table.js",
+  "module": "dist/es/index.js",
   "types": "types/index.d.ts",
   "exports": {
     ".": {
       "types": "./types/index.d.ts",
-      "import": "./dist/tmagic-table.js",
+      "import": "./dist/es/index.js",
       "require": "./dist/tmagic-table.umd.cjs"
     },
     "./dist/style.css": {
@@ -22,19 +24,15 @@
   },
   "files": [
     "dist",
-    "types"
+    "types",
+    "src"
   ],
   "license": "Apache-2.0",
-  "scripts": {
-    "build": "npm run build:type && vite build",
-    "build:type": "npm run clear:type && vue-tsc --declaration --emitDeclarationOnly --project tsconfig.build.json",
-    "clear:type": "rimraf ./types",
-    "check:type": "vue-tsc --noEmit --project tsconfig.build.json"
-  },
   "engines": {
     "node": ">=18"
   },
   "repository": {
+    "directory": "packages/table",
     "type": "git",
     "url": "https://github.com/Tencent/tmagic-editor.git"
   },
@@ -42,22 +40,14 @@
     "lodash-es": "^4.17.21"
   },
   "devDependencies": {
-    "@types/lodash-es": "^4.17.4",
-    "@types/node": "^18.19.0",
-    "@vitejs/plugin-vue": "^5.0.4",
-    "@vue/compiler-sfc": "^3.4.27",
-    "@vue/test-utils": "^2.4.6",
-    "rimraf": "^3.0.2",
-    "sass": "^1.77.0",
-    "vite": "^5.2.12",
-    "vue-tsc": "^2.0.19"
+    "@types/lodash-es": "^4.17.4"
   },
   "peerDependencies": {
     "@tmagic/design": "workspace:*",
     "@tmagic/form": "workspace:*",
     "@tmagic/utils": "workspace:*",
-    "vue": "^3.4.27",
-    "typescript": "*"
+    "vue": "catalog:",
+    "typescript": "catalog:"
   },
   "peerDependenciesMeta": {
     "typescript": {
diff --git a/packages/table/src/ActionsColumn.vue b/packages/table/src/ActionsColumn.vue
index c7497011..d50279a6 100644
--- a/packages/table/src/ActionsColumn.vue
+++ b/packages/table/src/ActionsColumn.vue
@@ -1,48 +1,48 @@
 <template>
-  <TMagicTableColumn :label="config.label" :width="config.width" :fixed="config.fixed">
-    <template v-slot="scope">
-      <TMagicTooltip
-        v-for="(action, actionIndex) in config.actions"
-        :placement="action.tooltipPlacement || 'top'"
-        :key="actionIndex"
-        :disabled="!Boolean(action.tooltip)"
-        :content="action.tooltip"
-      >
-        <TMagicButton
-          v-show="display(action.display, scope.row) && !editState[scope.$index]"
-          class="action-btn"
-          link
-          size="small"
-          :type="action.buttonType || 'primary'"
-          :icon="action.icon"
-          @click="actionHandler(action, scope.row, scope.$index)"
-          ><span v-html="formatter(action.text, scope.row)"></span
-        ></TMagicButton>
-      </TMagicTooltip>
-      <TMagicButton
-        class="action-btn"
-        v-show="editState[scope.$index]"
-        link
-        type="primary"
-        size="small"
-        @click="save(scope.$index, config)"
-        >保存</TMagicButton
-      >
-      <TMagicButton
-        class="action-btn"
-        v-show="editState[scope.$index]"
-        link
-        type="primary"
-        size="small"
-        @click="editState[scope.$index] = undefined"
-        >取消</TMagicButton
-      >
-    </template>
-  </TMagicTableColumn>
+  <TMagicTooltip
+    v-for="(action, actionIndex) in config.actions"
+    :placement="action.tooltipPlacement || 'top'"
+    :key="actionIndex"
+    :disabled="!Boolean(action.tooltip)"
+    :content="action.tooltip"
+  >
+    <TMagicButton
+      v-show="display(action.display, row) && !editState[index]"
+      class="action-btn"
+      link
+      size="small"
+      :type="action.buttonType || 'primary'"
+      :icon="action.icon"
+      :disabled="disabled(action.disabled, row)"
+      @click="actionHandler(action, row, index)"
+      ><span v-html="formatter(action.text, row)"></span
+    ></TMagicButton>
+  </TMagicTooltip>
+
+  <TMagicButton
+    class="action-btn"
+    v-show="editState[index]"
+    link
+    type="primary"
+    size="small"
+    @click="save(index, config)"
+    >保存</TMagicButton
+  >
+  <TMagicButton
+    class="action-btn"
+    v-show="editState[index]"
+    link
+    type="danger"
+    size="small"
+    @click="cancel(index, config)"
+    >取消</TMagicButton
+  >
 </template>
 
 <script lang="ts" setup>
-import { TMagicButton, tMagicMessage, TMagicTableColumn, TMagicTooltip } from '@tmagic/design';
+import { cloneDeep } from 'lodash-es';
+
+import { TMagicButton, tMagicMessage, TMagicTooltip } from '@tmagic/design';
 
 import { ColumnActionConfig, ColumnConfig } from './schema';
 
@@ -52,10 +52,12 @@ defineOptions({
 
 const props = withDefaults(
   defineProps<{
-    columns: any[];
+    columns: ColumnConfig[];
     config: ColumnConfig;
     rowkeyName?: string;
     editState?: any;
+    row: any;
+    index: number;
   }>(),
   {
     columns: () => [],
@@ -65,15 +67,31 @@ const props = withDefaults(
   },
 );
 
-const emit = defineEmits(['after-action']);
+const emit = defineEmits<{
+  'after-action': [{ index: number }];
+  'after-action-cancel': [{ index: number }];
+}>();
 
 const display = (fuc: boolean | Function | undefined, row: any) => {
   if (typeof fuc === 'function') {
     return fuc(row);
   }
+  if (typeof fuc === 'boolean') {
+    return fuc;
+  }
   return true;
 };
 
+const disabled = (fuc: boolean | Function | undefined, row: any) => {
+  if (typeof fuc === 'function') {
+    return fuc(row);
+  }
+  if (typeof fuc === 'boolean') {
+    return fuc;
+  }
+  return false;
+};
+
 const formatter = (fuc: string | Function | undefined, row: any) => {
   if (typeof fuc === 'function') {
     return fuc(row);
@@ -84,7 +102,7 @@ const formatter = (fuc: string | Function | undefined, row: any) => {
 const actionHandler = async (action: ColumnActionConfig, row: any, index: number) => {
   await action.before?.(row, index);
   if (action.type === 'edit') {
-    props.editState[index] = row;
+    props.editState[index] = cloneDeep(row);
   } else {
     await action.handler?.(row, index);
   }
@@ -95,29 +113,31 @@ const save = async (index: number, config: ColumnConfig) => {
   const action = config.actions?.find((item) => item.type === 'edit')?.action;
   if (!action) return;
 
-  const data: any = {};
-  const row = props.editState[index];
-  props.columns
-    .filter((item) => item.type)
-    .forEach((column) => {
-      data[column.prop] = row[column.prop];
-    });
-
   const res: any = await action({
-    data,
+    data: props.editState[index],
+    index,
   });
 
   if (res) {
     if (res.ret === 0) {
       tMagicMessage.success('保存成功');
       props.editState[index] = undefined;
-      emit('after-action');
+      emit('after-action', { index });
     } else {
       tMagicMessage.error(res.msg || '保存失败');
     }
   } else {
     props.editState[index] = undefined;
-    emit('after-action');
+    emit('after-action', { index });
   }
 };
+
+const cancel = async (index: number, config: ColumnConfig) => {
+  props.editState[index] = undefined;
+  const cancel = config.actions?.find((item) => item.type === 'edit')?.cancel;
+  if (cancel) {
+    await cancel({ index });
+  }
+  emit('after-action-cancel', { index });
+};
 </script>
diff --git a/packages/table/src/ComponentColumn.vue b/packages/table/src/ComponentColumn.vue
index b5682fc8..00414b71 100644
--- a/packages/table/src/ComponentColumn.vue
+++ b/packages/table/src/ComponentColumn.vue
@@ -1,25 +1,12 @@
 <template>
-  <TMagicTableColumn
-    show-overflow-tooltip
-    :label="config.label"
-    :width="config.width"
-    :fixed="config.fixed"
-    :sortable="config.sortable"
-    :prop="config.prop"
-  >
-    <template v-slot="scope">
-      <component
-        :is="config.component"
-        v-bind="componentProps(scope.row, scope.$index)"
-        v-on="componentListeners(scope.row, scope.$index)"
-      ></component>
-    </template>
-  </TMagicTableColumn>
+  <component
+    :is="config.component"
+    v-bind="componentProps(row, index)"
+    v-on="componentListeners(row, index)"
+  ></component>
 </template>
 
 <script lang="ts" setup>
-import { TMagicTableColumn } from '@tmagic/design';
-
 import { ColumnConfig } from './schema';
 
 defineOptions({
@@ -29,6 +16,8 @@ defineOptions({
 const props = withDefaults(
   defineProps<{
     config: ColumnConfig;
+    row: any;
+    index: number;
   }>(),
   {
     config: () => ({}),
diff --git a/packages/table/src/ExpandColumn.vue b/packages/table/src/ExpandColumn.vue
index db6d1aeb..459801fe 100644
--- a/packages/table/src/ExpandColumn.vue
+++ b/packages/table/src/ExpandColumn.vue
@@ -1,25 +1,20 @@
 <template>
-  <TMagicTableColumn type="expand">
-    <template #default="scope">
-      <MTable
-        v-if="config.table"
-        :show-header="false"
-        :columns="config.table"
-        :data="(config.prop && scope.row[config.prop]) || []"
-      ></MTable>
-      <MForm
-        v-if="config.form"
-        :config="config.form"
-        :init-values="config.values || (config.prop && scope.row[config.prop]) || {}"
-      ></MForm>
-      <div v-if="config.expandContent" v-html="config.expandContent(scope.row, config.prop)"></div>
-      <component v-if="config.component" :is="config.component" v-bind="componentProps(scope.row)"></component>
-    </template>
-  </TMagicTableColumn>
+  <MTable
+    v-if="config.table"
+    :show-header="false"
+    :columns="config.table"
+    :data="(config.prop && row[config.prop]) || []"
+  ></MTable>
+  <MForm
+    v-if="config.form"
+    :config="config.form"
+    :init-values="config.values || (config.prop && row[config.prop]) || {}"
+  ></MForm>
+  <div v-if="config.expandContent" v-html="config.expandContent(row, config.prop)"></div>
+  <component v-if="config.component" :is="config.component" v-bind="componentProps(row)"></component>
 </template>
 
 <script lang="ts" setup>
-import { TMagicTableColumn } from '@tmagic/design';
 import { MForm } from '@tmagic/form';
 
 import { ColumnConfig } from './schema';
@@ -32,6 +27,7 @@ defineOptions({
 const props = withDefaults(
   defineProps<{
     config: ColumnConfig;
+    row: any;
   }>(),
   {
     config: () => ({}),
diff --git a/packages/table/src/PopoverColumn.vue b/packages/table/src/PopoverColumn.vue
index a4f0863a..3034059e 100644
--- a/packages/table/src/PopoverColumn.vue
+++ b/packages/table/src/PopoverColumn.vue
@@ -1,28 +1,25 @@
 <template>
-  <TMagicTableColumn :label="config.label" :width="config.width" :fixed="config.fixed">
-    <template v-slot="scope">
-      <TMagicPopover
-        v-if="config.popover"
-        :placement="config.popover.placement"
-        :width="config.popover.width"
-        :trigger="config.popover.trigger"
-      >
-        <MTable
-          v-if="config.popover.tableEmbed"
-          :show-header="config.showHeader"
-          :columns="config.table"
-          :data="(config.prop && scope.row[config.prop]) || []"
-        ></MTable>
-        <template #reference>
-          <TMagicButton link type="primary"> {{ config.text || formatter(config, scope.row) }}</TMagicButton>
-        </template>
-      </TMagicPopover>
+  <TMagicPopover
+    v-if="config.popover"
+    :placement="config.popover.placement"
+    :width="config.popover.width"
+    :trigger="config.popover.trigger"
+    :destroy-on-close="config.popover.destroyOnClose ?? true"
+  >
+    <MTable
+      v-if="config.popover.tableEmbed"
+      :show-header="config.showHeader"
+      :columns="config.table"
+      :data="(config.prop && row[config.prop]) || []"
+    ></MTable>
+    <template #reference>
+      <TMagicButton link type="primary">{{ config.text || formatter(config, row, { index: index }) }}</TMagicButton>
     </template>
-  </TMagicTableColumn>
+  </TMagicPopover>
 </template>
 
 <script lang="ts" setup>
-import { TMagicButton, TMagicPopover, TMagicTableColumn } from '@tmagic/design';
+import { TMagicButton, TMagicPopover } from '@tmagic/design';
 
 import { ColumnConfig } from './schema';
 import MTable from './Table.vue';
@@ -35,6 +32,8 @@ defineOptions({
 withDefaults(
   defineProps<{
     config: ColumnConfig;
+    row: any;
+    index: number;
   }>(),
   {
     config: () => ({}),
diff --git a/packages/table/src/Table.vue b/packages/table/src/Table.vue
index 58253e22..55b36ccc 100644
--- a/packages/table/src/Table.vue
+++ b/packages/table/src/Table.vue
@@ -1,10 +1,11 @@
 <template>
   <TMagicTable
-    tooltip-effect="dark"
-    :tooltip-options="{ popperOptions: { strategy: 'absolute' } }"
+    v-loading="loading"
     class="m-table"
     ref="tMagicTable"
-    v-loading="loading"
+    :show-overflow-tooltip="true"
+    tooltip-effect="dark"
+    :tooltip-options="{ popperOptions: { strategy: 'absolute' } }"
     :data="tableData"
     :show-header="showHeader"
     :max-height="bodyHeight"
@@ -14,59 +15,21 @@
     :tree-props="{ children: 'children' }"
     :empty-text="emptyText || '暂无数据'"
     :span-method="objectSpanMethod"
+    :columns="tableColumns"
     @sort-change="sortChange"
     @select="selectHandler"
     @select-all="selectAllHandler"
     @selection-change="selectionChangeHandler"
     @cell-click="cellClickHandler"
     @expand-change="expandChange"
-  >
-    <template v-for="(item, columnIndex) in columns">
-      <template v-if="item.type === 'expand'">
-        <ExpandColumn :config="item" :key="columnIndex"></ExpandColumn>
-      </template>
-
-      <template v-else-if="item.type === 'component'">
-        <ComponentColumn :config="item" :key="columnIndex"></ComponentColumn>
-      </template>
-
-      <template v-else-if="item.selection">
-        <component
-          width="40"
-          type="selection"
-          :is="tableColumnComponent?.component || 'el-table-column'"
-          :key="columnIndex"
-          :selectable="item.selectable"
-        ></component>
-      </template>
-
-      <template v-else-if="item.actions">
-        <ActionsColumn
-          :columns="columns"
-          :config="item"
-          :rowkey-name="rowkeyName"
-          :edit-state="editState"
-          :key="columnIndex"
-          @after-action="$emit('after-action')"
-        ></ActionsColumn>
-      </template>
-
-      <template v-else-if="item.type === 'popover'">
-        <PopoverColumn :key="columnIndex" :config="item"></PopoverColumn>
-      </template>
-
-      <template v-else>
-        <TextColumn :key="columnIndex" :config="item" :edit-state="editState"></TextColumn>
-      </template>
-    </template>
-  </TMagicTable>
+  ></TMagicTable>
 </template>
 
 <script lang="ts" setup>
-import { computed, ref } from 'vue';
+import { computed, h, ref, useTemplateRef } from 'vue';
 import { cloneDeep } from 'lodash-es';
 
-import { getConfig, TMagicTable } from '@tmagic/design';
+import { TMagicTable } from '@tmagic/design';
 
 import ActionsColumn from './ActionsColumn.vue';
 import ComponentColumn from './ComponentColumn.vue';
@@ -84,7 +47,7 @@ const props = withDefaults(
     data: any[];
     columns?: ColumnConfig[];
     /** 合并行或列的计算方法 */
-    spanMethod?: (data: { row: any; column: any; rowIndex: number; columnIndex: number }) => [number, number];
+    spanMethod?: (_data: { row: any; column: any; rowIndex: number; columnIndex: number }) => [number, number];
     loading?: boolean;
     /** Table 的最大高度。合法的值为数字或者单位为 px 的高度 */
     bodyHeight?: string | number;
@@ -110,6 +73,7 @@ const props = withDefaults(
 const emit = defineEmits([
   'sort-change',
   'after-action',
+  'after-action-cancel',
   'select',
   'select-all',
   'selection-change',
@@ -117,11 +81,74 @@ const emit = defineEmits([
   'cell-click',
 ]);
 
-const tMagicTable = ref<InstanceType<typeof TMagicTable>>();
+const cellRender = (config: ColumnConfig, { row = {}, $index }: any) => {
+  if (config.type === 'expand') {
+    return h(ExpandColumn, {
+      config,
+      row,
+    });
+  }
+  if (config.type === 'component') {
+    return h(ComponentColumn, {
+      config,
+      row,
+      index: $index,
+    });
+  }
+  if (config.actions) {
+    return h(ActionsColumn, {
+      config,
+      row,
+      index: $index,
+      rowkeyName: props.rowkeyName,
+      editState: editState.value,
+      columns: props.columns,
+      onAfterAction: (payload: { index: number }) => emit('after-action', payload),
+      onAfterActionCancel: (payload: { index: number }) => emit('after-action-cancel', payload),
+    });
+  }
+  if (config.type === 'popover') {
+    return h(PopoverColumn, {
+      config,
+      row,
+      index: $index,
+    });
+  }
+  return h(TextColumn, {
+    config,
+    row,
+    index: $index,
+    editState: editState.value,
+  });
+};
+
+const tableColumns = computed(() =>
+  props.columns.map((item) => {
+    let type: 'default' | 'selection' | 'index' | 'expand' = 'default';
+    if (item.type === 'expand') {
+      type = 'expand';
+    } else if (item.selection) {
+      type = 'selection';
+    }
+
+    return {
+      props: {
+        label: item.label,
+        fixed: item.fixed,
+        width: item.width ?? (item.selection ? 40 : undefined),
+        prop: item.prop,
+        type,
+        selectable: item.selectable,
+      },
+      cell: type === 'selection' ? undefined : ({ row, $index }: any) => cellRender(item, { row, $index }),
+    };
+  }),
+);
+
+const tMagicTableRef = useTemplateRef('tMagicTable');
 
 const editState = ref([]);
 
-const tableColumnComponent = getConfig('components')?.tableColumn;
 const selectionColumn = computed(() => {
   const column = props.columns.filter((item) => item.selection);
   return column.length ? column[0] : null;
@@ -171,15 +198,15 @@ const expandChange = (...args: any[]) => {
 };
 
 const toggleRowSelection = (row: any, selected: boolean) => {
-  tMagicTable.value?.toggleRowSelection(row, selected);
+  tMagicTableRef.value?.toggleRowSelection(row, selected);
 };
 
 const toggleRowExpansion = (row: any, expanded: boolean) => {
-  tMagicTable.value?.toggleRowExpansion(row, expanded);
+  tMagicTableRef.value?.toggleRowExpansion(row, expanded);
 };
 
 const clearSelection = () => {
-  tMagicTable.value?.clearSelection();
+  tMagicTableRef.value?.clearSelection();
 };
 
 const objectSpanMethod = (data: any) => {
@@ -198,21 +225,3 @@ defineExpose({
   clearSelection,
 });
 </script>
-
-<style lang="scss">
-.m-table {
-  .el-button.action-btn + .el-button.action-btn {
-    margin-left: 0;
-  }
-  .keep-all {
-    word-break: keep-all;
-  }
-  .el-table .cell > div {
-    display: inline-block;
-    vertical-align: middle;
-  }
-  .el-table__row.el-table__row--level-1 {
-    color: #999;
-  }
-}
-</style>
diff --git a/packages/table/src/TextColumn.vue b/packages/table/src/TextColumn.vue
index 56141340..1308f345 100644
--- a/packages/table/src/TextColumn.vue
+++ b/packages/table/src/TextColumn.vue
@@ -1,64 +1,53 @@
 <template>
-  <TMagicTableColumn
-    show-overflow-tooltip
-    :label="config.label"
-    :width="config.width"
-    :fixed="config.fixed"
-    :sortable="config.sortable"
-    :prop="config.prop"
+  <div v-if="config.type === 'index'">
+    {{ config.pageIndex && config.pageSize ? config.pageIndex * config.pageSize + index + 1 : index + 1 }}
+  </div>
+  <MForm
+    v-else-if="(config.type || config.editInlineFormConfig) && editState[index]"
+    label-width="0"
+    :config="config.editInlineFormConfig ?? [config as FormItemConfig]"
+    :init-values="editState[index]"
+    @change="formChangeHandler"
+  ></MForm>
+
+  <TMagicButton
+    v-else-if="config.action === 'actionLink' && config.prop"
+    link
+    type="primary"
+    @click="config.handler?.(row)"
   >
-    <template v-slot="scope">
-      <TMagicForm v-if="config.type && editState[scope.$index]" label-width="0" :model="editState[scope.$index]">
-        <m-form-container
-          :prop="config.prop"
-          :rules="config.rules"
-          :config="config"
-          :name="config.prop"
-          :model="editState[scope.$index]"
-        ></m-form-container>
-      </TMagicForm>
+    <span v-html="formatter(config, row, { index: index })"></span>
+  </TMagicButton>
 
-      <TMagicButton
-        v-else-if="config.action === 'actionLink' && config.prop"
-        link
-        type="primary"
-        @click="config.handler?.(scope.row)"
-      >
-        <span v-html="formatter(config, scope.row)"></span>
-      </TMagicButton>
+  <a v-else-if="config.action === 'img' && config.prop" target="_blank" :href="row[config.prop]"
+    ><img :src="row[config.prop]" height="50"
+  /></a>
 
-      <a v-else-if="config.action === 'img' && config.prop" target="_blank" :href="scope.row[config.prop]"
-        ><img :src="scope.row[config.prop]" height="50"
-      /></a>
+  <a v-else-if="config.action === 'link' && config.prop" target="_blank" :href="row[config.prop]" class="keep-all">{{
+    row[config.prop]
+  }}</a>
 
-      <a
-        v-else-if="config.action === 'link' && config.prop"
-        target="_blank"
-        :href="scope.row[config.prop]"
-        class="keep-all"
-        >{{ scope.row[config.prop] }}</a
-      >
-
-      <el-tooltip v-else-if="config.action === 'tip'" placement="left">
-        <template #content>
-          <div>{{ formatter(config, scope.row) }}</div>
-        </template>
-        <TMagicButton link type="primary">{{ config.buttonText || '扩展配置' }}</TMagicButton>
-      </el-tooltip>
-
-      <TMagicTag
-        v-else-if="config.action === 'tag' && config.prop"
-        :type="typeof config.type === 'function' ? config.type(scope.row[config.prop], scope.row) : config.type"
-        close-transition
-        >{{ formatter(config, scope.row) }}</TMagicTag
-      >
-      <div v-else v-html="formatter(config, scope.row)"></div>
+  <TMagicTooltip v-else-if="config.action === 'tip'" placement="left">
+    <template #content>
+      <div>{{ formatter(config, row, { index: index }) }}</div>
     </template>
-  </TMagicTableColumn>
+    <TMagicButton link type="primary">{{ config.buttonText || '扩展配置' }}</TMagicButton>
+  </TMagicTooltip>
+
+  <TMagicTag
+    v-else-if="config.action === 'tag' && config.prop"
+    :type="typeof config.type === 'function' ? config.type(row[config.prop], row) : config.type"
+    close-transition
+    >{{ formatter(config, row, { index: index }) }}</TMagicTag
+  >
+  <div v-else v-html="formatter(config, row, { index: index })"></div>
 </template>
 
 <script lang="ts" setup>
-import { TMagicButton, TMagicForm, TMagicTableColumn, TMagicTag } from '@tmagic/design';
+import { TMagicButton, TMagicTag, TMagicTooltip } from '@tmagic/design';
+import { type ContainerChangeEventData, MForm } from '@tmagic/form';
+import type { FormItemConfig, FormValue } from '@tmagic/form-schema';
+import { setValueByKeyPath } from '@tmagic/utils';
 
 import { ColumnConfig } from './schema';
 import { formatter } from './utils';
@@ -67,14 +56,26 @@ defineOptions({
   name: 'MTableColumn',
 });
 
-withDefaults(
+const props = withDefaults(
   defineProps<{
     config: ColumnConfig;
     editState?: any;
+    row: any;
+    index: number;
   }>(),
   {
     config: () => ({}),
     editState: () => ({}),
   },
 );
+
+const formChangeHandler = (v: FormValue, eventData: ContainerChangeEventData) => {
+  if (eventData.changeRecords?.length) {
+    for (const record of eventData.changeRecords) {
+      if (record.propPath) {
+        setValueByKeyPath(record.propPath, record.value, props.editState[props.index]);
+      }
+    }
+  }
+};
 </script>
diff --git a/packages/table/src/index.ts b/packages/table/src/index.ts
index 36db3fbc..d7e9f6b9 100644
--- a/packages/table/src/index.ts
+++ b/packages/table/src/index.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -20,6 +20,8 @@ import { App } from 'vue';
 
 import Table from './Table.vue';
 
+import './theme/index.scss';
+
 export { default as MagicTable } from './Table.vue';
 export * from './schema';
 export * from './utils';
diff --git a/packages/table/src/schema.ts b/packages/table/src/schema.ts
index cfc6a257..17c2a99c 100644
--- a/packages/table/src/schema.ts
+++ b/packages/table/src/schema.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -19,9 +19,10 @@
 import { FormConfig, FormValue } from '@tmagic/form';
 
 export interface ColumnActionConfig {
-  type?: 'delete' | 'copy' | 'edit';
+  type?: 'delete' | 'copy' | 'edit' | string;
   buttonType?: string;
-  display?: (row: any) => boolean;
+  display?: boolean | ((row: any) => boolean);
+  disabled?: boolean | ((row: any) => boolean);
   text?: string | ((row: any) => string);
   name?: string;
   tooltip?: string;
@@ -30,10 +31,13 @@ export interface ColumnActionConfig {
   handler?: (row: any, index: number) => Promise<any> | any;
   before?: (row: any, index: number) => Promise<void> | void;
   after?: (row: any, index: number) => Promise<void> | void;
-  action?: (data: { data: any }) => Promise<void> | void;
+  action?: (data: { data: any; index: number }) => Promise<void> | void;
+  cancel?: (data: { index: number }) => Promise<void> | void;
 }
 
 export interface ColumnConfig<T = any> {
+  pageIndex?: number;
+  pageSize?: number;
   form?: FormConfig;
   rules?: any;
   values?: FormValue;
@@ -43,17 +47,35 @@ export interface ColumnConfig<T = any> {
   fixed?: 'left' | 'right' | boolean;
   width?: number | string;
   actions?: ColumnActionConfig[];
-  type?: 'popover' | 'expand' | 'component' | string | ((value: any, row: T) => string);
+  type?: 'popover' | 'expand' | 'component' | 'index' | string | ((value: any, row: T) => string);
   text?: string;
   prop?: string;
+  name?: string;
   showHeader?: boolean;
   table?: ColumnConfig[];
-  formatter?: 'datetime' | ((item: any, row: T) => any);
+  editInlineFormConfig?: FormConfig;
+  formatter?: 'datetime' | ((item: any, row: T, data: { index: number }) => any);
   popover?: {
-    placement: string;
-    width: string;
-    trigger: string;
-    tableEmbed: boolean;
+    placement?:
+      | 'auto'
+      | 'auto-start'
+      | 'auto-end'
+      | 'left'
+      | 'right'
+      | 'top'
+      | 'bottom'
+      | 'top-start'
+      | 'top-end'
+      | 'bottom-start'
+      | 'bottom-end'
+      | 'right-start'
+      | 'right-end'
+      | 'left-start'
+      | 'left-end';
+    width?: string | number;
+    trigger?: 'hover' | 'click';
+    tableEmbed?: boolean;
+    destroyOnClose?: boolean;
   };
   sortable?: boolean | 'custom';
   action?: 'tip' | 'actionLink' | 'img' | 'link' | 'tag';
diff --git a/packages/table/src/theme/index.scss b/packages/table/src/theme/index.scss
new file mode 100644
index 00000000..f6b3fabf
--- /dev/null
+++ b/packages/table/src/theme/index.scss
@@ -0,0 +1,15 @@
+.m-table {
+  .el-button.action-btn + .el-button.action-btn {
+    margin-left: 0;
+  }
+  .keep-all {
+    word-break: keep-all;
+  }
+  .el-table .cell > div {
+    display: inline-block;
+    vertical-align: middle;
+  }
+  .el-table__row.el-table__row--level-1 {
+    color: #999;
+  }
+}
diff --git a/packages/table/src/utils.ts b/packages/table/src/utils.ts
index ecc89bd1..44ed5156 100644
--- a/packages/table/src/utils.ts
+++ b/packages/table/src/utils.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -16,24 +16,26 @@
  * limitations under the License.
  */
 
-import { datetimeFormatter } from '@tmagic/utils';
+import { datetimeFormatter } from '@tmagic/form';
 
-import { ColumnConfig } from './schema';
+import type { ColumnConfig } from './schema';
 
-export const formatter = (item: ColumnConfig, row: any) => {
+export const formatter = (item: ColumnConfig, row: any, data: { index: number }) => {
   if (!item.prop) return '';
 
   if (item.formatter) {
     if (item.formatter === 'datetime') {
-      // eslint-disable-next-line no-param-reassign
       item.formatter = (value: string) => datetimeFormatter(value);
     }
     try {
-      return item.formatter(row[item.prop], row);
+      return item.formatter(row[item.prop], row, data);
     } catch (e) {
+      console.error('Formatter error:', e);
       return row[item.prop];
     }
   } else {
     return row[item.prop];
   }
 };
+
+export const createColumns = (columns: ColumnConfig[]) => columns;
diff --git a/packages/table/tsconfig.build.json b/packages/table/tsconfig.build.json
deleted file mode 100644
index c9476221..00000000
--- a/packages/table/tsconfig.build.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "baseUrl": ".",
-    "declaration": true,
-    "declarationDir": "types",
-    "forceConsistentCasingInFileNames": true,
-    "paths": {},
-  },
-  "include": [
-		"src"
-	],
-}
diff --git a/packages/table/tsconfig.json b/packages/table/tsconfig.json
deleted file mode 100644
index 6c40cf1e..00000000
--- a/packages/table/tsconfig.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "baseUrl": "../..",
-  },
-}
diff --git a/packages/table/vite.config.ts b/packages/table/vite.config.ts
deleted file mode 100644
index 7e2e1feb..00000000
--- a/packages/table/vite.config.ts
+++ /dev/null
@@ -1,69 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import path from 'path';
-
-import { defineConfig } from 'vite';
-import vue from '@vitejs/plugin-vue';
-
-import pkg from './package.json';
-
-export default defineConfig({
-  plugins: [vue()],
-
-  resolve: {
-    alias:
-      process.env.NODE_ENV === 'production'
-        ? []
-        : [
-            { find: /^@tmagic\/form/, replacement: path.join(__dirname, '../form/src/index.ts') },
-            { find: /^@tmagic\/design/, replacement: path.join(__dirname, '../form/design/index.ts') },
-          ],
-  },
-
-  build: {
-    cssCodeSplit: false,
-    sourcemap: false,
-    minify: false,
-    target: 'esnext',
-
-    lib: {
-      entry: 'src/index.ts',
-      name: 'TMagicTable',
-      fileName: 'tmagic-table',
-    },
-
-    rollupOptions: {
-      // 确保外部化处理那些你不想打包进库的依赖
-      external(id: string) {
-        return Object.keys({
-          ...pkg.dependencies,
-          ...pkg.peerDependencies,
-        }).some((k) => new RegExp(`^${k}`).test(id));
-      },
-
-      output: {
-        // 在 UMD 构建模式下为这些外部化的依赖提供一个全局变量
-        globals: {
-          vue: 'Vue',
-          'element-plus': 'ElementPlus',
-        },
-      },
-    },
-  },
-});
diff --git a/packages/tdesign-vue-next-adapter/package.json b/packages/tdesign-vue-next-adapter/package.json
index e45dc79a..ee1af8e5 100644
--- a/packages/tdesign-vue-next-adapter/package.json
+++ b/packages/tdesign-vue-next-adapter/package.json
@@ -1,36 +1,33 @@
 {
-  "version": "1.4.7",
+  "version": "1.7.8",
   "name": "@tmagic/tdesign-vue-next-adapter",
   "type": "module",
-  "sideEffects": [
-    "dist/*"
-  ],
+  "sideEffects": false,
   "main": "dist/tmagic-tdesign-vue-next-adapter.umd.cjs",
-  "module": "dist/tmagic-tdesign-vue-next-adapter.js",
+  "module": "dist/es/index.js",
   "types": "types/index.d.ts",
   "exports": {
     ".": {
       "types": "./types/index.d.ts",
-      "import": "./dist/tmagic-tdesign-vue-next-adapter.js",
+      "import": "./dist/es/index.js",
       "require": "./dist/tmagic-tdesign-vue-next-adapter.umd.cjs"
     },
     "./*": "./*"
   },
   "files": [
     "dist",
-    "types"
+    "types",
+    "src"
   ],
   "license": "Apache-2.0",
   "scripts": {
-    "build": "npm run build:type && vite build",
-    "build:type": "npm run clear:type && tsc --declaration --emitDeclarationOnly --project tsconfig.build.json",
-    "clear:type": "rimraf ./types",
-    "check:type": "tsc --noEmit --project tsconfig.build.json"
+    "build": "vite build"
   },
   "engines": {
     "node": ">=18"
   },
   "repository": {
+    "directory": "packages/tdesign-vue-next-adapter",
     "type": "git",
     "url": "https://github.com/Tencent/tmagic-editor.git"
   },
@@ -41,19 +38,11 @@
     "vue3",
     "typescript"
   ],
-  "devDependencies": {
-    "@vitejs/plugin-vue": "^5.0.4",
-    "@vue/compiler-sfc": "^3.4.27",
-    "@types/node": "^18.19.0",
-    "rimraf": "^3.0.2",
-    "vite": "^5.2.12",
-    "vue-tsc": "^2.0.19"
-  },
   "peerDependencies": {
     "@tmagic/design": "workspace:*",
-    "tdesign-vue-next": "^1.8.1",
-    "vue": "^3.4.27",
-    "typescript": "*"
+    "tdesign-vue-next": "^1.17.1",
+    "vue": "catalog:",
+    "typescript": "catalog:"
   },
   "peerDependenciesMeta": {
     "typescript": {
diff --git a/packages/tdesign-vue-next-adapter/src/AutoComplete.vue b/packages/tdesign-vue-next-adapter/src/AutoComplete.vue
new file mode 100644
index 00000000..5899841a
--- /dev/null
+++ b/packages/tdesign-vue-next-adapter/src/AutoComplete.vue
@@ -0,0 +1,102 @@
+<template>
+  <TAutoComplete
+    ref="autocomplete"
+    :model-value="modelValue"
+    :options="options"
+    :disabled="disabled"
+    :placeholder="placeholder"
+    :size="size === 'default' ? 'medium' : size"
+    :popupProps="{
+      trigger: props.triggerOnFocus ? 'focus' : 'hover',
+    }"
+    :filter="filterHandler"
+    @keypress="inputHandler"
+    @change="changeHandler"
+    @blur="blurHandler"
+    @focus="focusHandler"
+    @click="clickHandler"
+    @update:modelValue="updateModelValue"
+  >
+    <template #option="{ option }" v-if="$slots.default">
+      <slot name="default" :item="option"></slot>
+    </template>
+    <template #prepend v-if="$slots.prepend">
+      <slot name="prepend"></slot>
+    </template>
+    <template #append v-if="$slots.append">
+      <slot name="append"></slot>
+    </template>
+    <template #prefix v-if="$slots.prefix">
+      <slot name="prefix"></slot>
+    </template>
+    <template #suffix v-if="$slots.suffix">
+      <slot name="suffix"></slot>
+    </template>
+  </TAutoComplete>
+</template>
+
+<script setup lang="ts">
+import { onMounted, ref } from 'vue';
+import { AutoComplete as TAutoComplete, type AutoCompleteOption } from 'tdesign-vue-next';
+
+import type { AutocompleteProps } from '@tmagic/design';
+
+defineOptions({
+  name: 'TTDesignAdapterAutoComplete',
+});
+
+const emit = defineEmits(['change', 'input', 'blur', 'focus', 'click', 'update:modelValue']);
+
+const props = defineProps<AutocompleteProps>();
+
+const options = ref<any[]>([]);
+
+onMounted(() => {
+  if (typeof props.fetchSuggestions === 'function') {
+    props.fetchSuggestions('', (data: any[]) => {
+      options.value = data;
+    });
+  } else if (Array.isArray(props.fetchSuggestions)) {
+    options.value = props.fetchSuggestions;
+  }
+});
+
+const filterHandler = (keyword: string, _option: AutoCompleteOption) => {
+  if (typeof props.fetchSuggestions === 'function') {
+    props.fetchSuggestions(keyword, (data: any[]) => {
+      options.value = data;
+    });
+  }
+
+  return true;
+};
+
+const changeHandler = (...args: any[]) => {
+  emit('change', ...args);
+};
+
+const inputHandler = (...args: any[]) => {
+  emit('input', ...args);
+};
+
+const blurHandler = (...args: any[]) => {
+  emit('blur', ...args);
+};
+
+const focusHandler = (...args: any[]) => {
+  emit('focus', ...args);
+};
+
+const clickHandler = (...args: any[]) => {
+  emit('click', ...args);
+};
+
+const updateModelValue = (...args: any[]) => {
+  emit('update:modelValue', ...args);
+};
+
+defineExpose({
+  blur: () => {},
+  focus: () => {},
+});
+</script>
diff --git a/packages/tdesign-vue-next-adapter/src/Checkbox.vue b/packages/tdesign-vue-next-adapter/src/Checkbox.vue
new file mode 100644
index 00000000..14cdddd4
--- /dev/null
+++ b/packages/tdesign-vue-next-adapter/src/Checkbox.vue
@@ -0,0 +1,47 @@
+<template>
+  <TCheckbox v-model="checked" :disabled="disabled" :value="value" @change="changeHandler">
+    <template #default v-if="$slots.default"> <slot></slot> </template>
+  </TCheckbox>
+</template>
+
+<script lang="ts" setup>
+import { ref, watch } from 'vue';
+import { Checkbox as TCheckbox } from 'tdesign-vue-next';
+
+import type { CheckboxProps } from '@tmagic/design';
+
+defineOptions({
+  name: 'TTDesignAdapterCheckbox',
+});
+
+const props = defineProps<CheckboxProps>();
+
+const emit = defineEmits(['change', 'update:modelValue']);
+
+const checked = ref(false);
+
+watch(
+  () => props.modelValue,
+  (v) => {
+    if (typeof props.trueValue !== 'undefined') {
+      checked.value = v === props.trueValue;
+    } else if (typeof props.falseValue !== 'undefined') {
+      checked.value = v !== props.falseValue;
+    } else {
+      checked.value = Boolean(v);
+    }
+  },
+  {
+    immediate: true,
+  },
+);
+
+const changeHandler = (v: boolean) => {
+  updateModelValue(v);
+  emit('change', v ? (props.trueValue ?? true) : (props.falseValue ?? false));
+};
+
+const updateModelValue = (v: boolean) => {
+  emit('update:modelValue', v ? (props.trueValue ?? true) : (props.falseValue ?? false));
+};
+</script>
diff --git a/packages/tdesign-vue-next-adapter/src/DatePicker.vue b/packages/tdesign-vue-next-adapter/src/DatePicker.vue
index c95ea7e8..c4a2d112 100644
--- a/packages/tdesign-vue-next-adapter/src/DatePicker.vue
+++ b/packages/tdesign-vue-next-adapter/src/DatePicker.vue
@@ -1,6 +1,9 @@
 <template>
   <TDateRangePicker
     v-if="type.endsWith('range')"
+    allow-input
+    clearable
+    enable-time-picker
     :modelValue="modelValue"
     :mode="mode"
     :placeholder="[startPlaceholder || '', endPlaceholder || '']"
@@ -8,12 +11,13 @@
     :size="size === 'default' ? 'medium' : size"
     :separator="rangeSeparator"
     :format="format"
-    :valueType="valueFormat === 's' ? 'time-stamp' : valueFormat"
+    :valueType="valueType"
     @change="changeHandler"
     @update:modelValue="updateModelValue"
   />
   <TDatePicker
     v-else
+    clearable
     :modelValue="modelValue"
     :mode="mode"
     :placeholder="placeholder"
@@ -21,7 +25,7 @@
     :size="size === 'default' ? 'medium' : size"
     :format="format"
     :enableTimePicker="type.includes('time')"
-    :valueType="valueFormat === 's' ? 'time-stamp' : valueFormat"
+    :valueType="valueType"
     @change="changeHandler"
     @update:modelValue="updateModelValue"
   />
@@ -54,6 +58,8 @@ const mode = computed(() => {
   return map[props.type] || props.type;
 });
 
+const valueType = computed(() => (props.valueFormat === 's' ? 'time-stamp' : props.valueFormat.replace(/\//g, '-')));
+
 const emit = defineEmits(['change', 'update:modelValue']);
 
 const changeHandler = (v: any) => {
diff --git a/packages/tdesign-vue-next-adapter/src/Dialog.vue b/packages/tdesign-vue-next-adapter/src/Dialog.vue
new file mode 100644
index 00000000..11d652f3
--- /dev/null
+++ b/packages/tdesign-vue-next-adapter/src/Dialog.vue
@@ -0,0 +1,44 @@
+<template>
+  <TDialog
+    :visible="modelValue"
+    :attach="appendToBody ? 'body' : undefined"
+    :header="title"
+    :width="width"
+    :mode="fullscreen ? 'full-screen' : 'modal'"
+    :close-btn="showClose"
+    :close-on-overlay-click="closeOnClickModal"
+    :close-on-esc-keydown="closeOnPressEscape"
+    :destroy-on-close="destroyOnClose"
+    @before-open="beforeClose"
+    @close="closeHandler"
+    @update:visible="updateModelValue"
+  >
+    <slot></slot>
+
+    <template #footer>
+      <slot name="footer"></slot>
+    </template>
+  </TDialog>
+</template>
+
+<script setup lang="ts">
+import { Dialog as TDialog } from 'tdesign-vue-next';
+
+import type { DialogProps } from '@tmagic/design';
+
+defineOptions({
+  name: 'TTDesignAdapterDialog',
+});
+
+defineProps<DialogProps>();
+
+const emit = defineEmits(['close', 'update:modelValue']);
+
+const closeHandler = (...args: any[]) => {
+  emit('close', ...args);
+};
+
+const updateModelValue = (v: any) => {
+  emit('update:modelValue', v);
+};
+</script>
diff --git a/packages/tdesign-vue-next-adapter/src/Icon.vue b/packages/tdesign-vue-next-adapter/src/Icon.vue
index e8b390c6..c045bc64 100644
--- a/packages/tdesign-vue-next-adapter/src/Icon.vue
+++ b/packages/tdesign-vue-next-adapter/src/Icon.vue
@@ -1,7 +1,11 @@
 <template>
-  <i>
+  <i class="t-t-design-adapter-icon t-icon">
     <slot></slot>
   </i>
 </template>
 
-<script setup lang="ts"></script>
+<script setup lang="ts">
+defineOptions({
+  name: 'TTDesignAdapterIcon',
+});
+</script>
diff --git a/packages/tdesign-vue-next-adapter/src/Input.vue b/packages/tdesign-vue-next-adapter/src/Input.vue
index 742e6fe2..26420379 100644
--- a/packages/tdesign-vue-next-adapter/src/Input.vue
+++ b/packages/tdesign-vue-next-adapter/src/Input.vue
@@ -1,45 +1,82 @@
 <template>
   <TTextarea
     v-if="type === 'textarea'"
+    ref="textarea"
     :modelValue="modelValue"
     :size="size === 'default' ? 'medium' : size"
     :disabled="disabled"
     :placeholder="placeholder"
+    :rows="rows"
+    :autosize="autosize"
     @keypress="inputHandler"
     @change="changeHandler"
-  ></TTextarea>
-  <TInput
-    v-else
-    :modelValue="modelValue"
-    :size="size === 'default' ? 'medium' : size"
-    :clearable="clearable"
-    :disabled="disabled"
-    :placeholder="placeholder"
-    @keypress="inputHandler"
-    @change="changeHandler"
+    @blur="blurHandler"
+    @focus="focusHandler"
+    @click="clickHandler"
     @update:modelValue="updateModelValue"
-  >
-    <template #prefix-icon v-if="$slots.prefix">
-      <slot name="prefix"></slot>
+  ></TTextarea>
+  <TInputAdornment v-else>
+    <template #prepend v-if="$slots.prepend">
+      <slot name="prepend"></slot>
     </template>
-    <template #suffix v-if="$slots.suffix">
-      <slot name="suffix"></slot>
+    <template #append v-if="$slots.append">
+      <slot name="append"></slot>
     </template>
-  </TInput>
+    <TInput
+      :modelValue="modelValue"
+      :size="size === 'default' ? 'medium' : size"
+      :clearable="clearable"
+      :disabled="disabled"
+      :placeholder="placeholder"
+      @keypress="inputHandler"
+      @change="changeHandler"
+      @blur="blurHandler"
+      @focus="focusHandler"
+      @click="clickHandler"
+      @update:modelValue="updateModelValue"
+    >
+      <template #prefix-icon v-if="$slots.prefix">
+        <slot name="prefix"></slot>
+      </template>
+      <template #suffix v-if="$slots.suffix">
+        <slot name="suffix"></slot>
+      </template>
+    </TInput>
+  </TInputAdornment>
 </template>
 
 <script lang="ts" setup>
-import { Input as TInput, Textarea as TTextarea } from 'tdesign-vue-next';
+import { useTemplateRef, watch } from 'vue';
+import { Input as TInput, InputAdornment as TInputAdornment, Textarea as TTextarea } from 'tdesign-vue-next';
 
 import type { InputProps } from '@tmagic/design';
 
-defineProps<
+defineOptions({
+  name: 'TTDesignAdapterInput',
+});
+
+const props = defineProps<
   InputProps & {
     modelValue: string;
   }
 >();
 
-const emit = defineEmits(['change', 'input', 'update:modelValue']);
+const emit = defineEmits(['change', 'input', 'blur', 'focus', 'click', 'update:modelValue']);
+
+const textareaRef = useTemplateRef('textarea');
+
+watch(
+  [textareaRef, () => props.rows],
+  ([val, rows]) => {
+    if (val && rows) {
+      const el = val.$el.querySelector('textarea');
+      if (el) {
+        el.rows = rows;
+      }
+    }
+  },
+  { immediate: true },
+);
 
 const changeHandler = (...args: any[]) => {
   emit('change', ...args);
@@ -49,6 +86,18 @@ const inputHandler = (...args: any[]) => {
   emit('input', ...args);
 };
 
+const blurHandler = (...args: any[]) => {
+  emit('blur', ...args);
+};
+
+const focusHandler = (...args: any[]) => {
+  emit('focus', ...args);
+};
+
+const clickHandler = (...args: any[]) => {
+  emit('click', ...args);
+};
+
 const updateModelValue = (...args: any[]) => {
   emit('update:modelValue', ...args);
 };
diff --git a/packages/tdesign-vue-next-adapter/src/Pagination.vue b/packages/tdesign-vue-next-adapter/src/Pagination.vue
new file mode 100644
index 00000000..de6df755
--- /dev/null
+++ b/packages/tdesign-vue-next-adapter/src/Pagination.vue
@@ -0,0 +1,43 @@
+<template>
+  <TPagination
+    :total="total"
+    :current="curPage"
+    :size="size === 'small' ? 'small' : 'medium'"
+    :page-size="pageSize"
+    :page-size-options="pageSizes"
+    @current-change="handleCurrentChange"
+    @page-size-change="handleSizeChange"
+    @update:current="updateCurrentPage"
+    @update:page-size="updatePageSize"
+  ></TPagination>
+</template>
+
+<script setup lang="ts">
+import { Pagination as TPagination } from 'tdesign-vue-next';
+
+import type { PaginationProps } from '@tmagic/design';
+
+defineOptions({
+  name: 'TTDesignAdapterPagination',
+});
+
+defineProps<PaginationProps>();
+
+const emit = defineEmits(['size-change', 'current-change', 'update:current-page', 'update:page-size']);
+
+const handleCurrentChange = (...args: any[]) => {
+  emit('current-change', ...args);
+};
+
+const handleSizeChange = (...args: any[]) => {
+  emit('size-change', ...args);
+};
+
+const updateCurrentPage = (...args: any[]) => {
+  emit('update:current-page', ...args);
+};
+
+const updatePageSize = (...args: any[]) => {
+  emit('update:page-size', ...args);
+};
+</script>
diff --git a/packages/tdesign-vue-next-adapter/src/Popconfirm.vue b/packages/tdesign-vue-next-adapter/src/Popconfirm.vue
new file mode 100644
index 00000000..6fafc9c6
--- /dev/null
+++ b/packages/tdesign-vue-next-adapter/src/Popconfirm.vue
@@ -0,0 +1,29 @@
+<template>
+  <TPopconfirm :content="title" :placement="placement" @confirm="confirmHandler" @cancel="cancelHandler">
+    <template #default>
+      <slot name="reference"></slot>
+    </template>
+  </TPopconfirm>
+</template>
+
+<script setup lang="ts">
+import { Popconfirm as TPopconfirm } from 'tdesign-vue-next';
+
+import type { PopconfirmProps } from '@tmagic/design';
+
+defineOptions({
+  name: 'TTDesignAdapterPopconfirm',
+});
+
+defineProps<PopconfirmProps>();
+
+const emit = defineEmits(['confirm', 'cancel']);
+
+const confirmHandler = (...args: any[]) => {
+  emit('confirm', ...args);
+};
+
+const cancelHandler = (...args: any[]) => {
+  emit('cancel', ...args);
+};
+</script>
diff --git a/packages/tdesign-vue-next-adapter/src/Popover.vue b/packages/tdesign-vue-next-adapter/src/Popover.vue
deleted file mode 100644
index 744337f6..00000000
--- a/packages/tdesign-vue-next-adapter/src/Popover.vue
+++ /dev/null
@@ -1,27 +0,0 @@
-<template>
-  <TPopup
-    :placement="placement"
-    :trigger="trigger"
-    :disabled="disabled"
-    :visible="visible"
-    :overlayClassName="popperClass"
-  >
-    <slot name="reference"></slot>
-
-    <template #content>
-      <slot></slot>
-    </template>
-  </TPopup>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-import { Popup as TPopup, type PopupPlacement } from 'tdesign-vue-next';
-
-import type { PopoverProps } from '@tmagic/design';
-
-const props = defineProps<PopoverProps>();
-
-const placement = computed(() => props.placement as PopupPlacement);
-const trigger = computed(() => props.trigger as 'click' | 'focus' | 'mousedown' | 'context-menu' | 'hover');
-</script>
diff --git a/packages/tdesign-vue-next-adapter/src/Radio.vue b/packages/tdesign-vue-next-adapter/src/Radio.vue
new file mode 100644
index 00000000..d25ae559
--- /dev/null
+++ b/packages/tdesign-vue-next-adapter/src/Radio.vue
@@ -0,0 +1,23 @@
+<template>
+  <TRadio :value="value" @click="clickHandler">
+    <template #default v-if="$slots.default"> <slot></slot> </template>
+  </TRadio>
+</template>
+
+<script lang="ts" setup>
+import { Radio as TRadio } from 'tdesign-vue-next';
+
+import type { RadioProps } from '@tmagic/design';
+
+defineOptions({
+  name: 'TTDesignAdapterRadio',
+});
+
+defineProps<RadioProps>();
+
+const emit = defineEmits(['click']);
+
+const clickHandler = () => {
+  emit('click');
+};
+</script>
diff --git a/packages/tdesign-vue-next-adapter/src/RadioButton.vue b/packages/tdesign-vue-next-adapter/src/RadioButton.vue
new file mode 100644
index 00000000..85f9146a
--- /dev/null
+++ b/packages/tdesign-vue-next-adapter/src/RadioButton.vue
@@ -0,0 +1,23 @@
+<template>
+  <TRadioButton :value="value" :disabled="disabled" @click="clickHandler">
+    <template #default v-if="$slots.default"> <slot></slot> </template>
+  </TRadioButton>
+</template>
+
+<script lang="ts" setup>
+import { RadioButton as TRadioButton } from 'tdesign-vue-next';
+
+import type { RadioButtonProps } from '@tmagic/design';
+
+defineOptions({
+  name: 'TTDesignAdapterRadioButton',
+});
+
+defineProps<RadioButtonProps>();
+
+const emit = defineEmits(['click']);
+
+const clickHandler = () => {
+  emit('click');
+};
+</script>
diff --git a/packages/tdesign-vue-next-adapter/src/Table.vue b/packages/tdesign-vue-next-adapter/src/Table.vue
new file mode 100644
index 00000000..9fa806e0
--- /dev/null
+++ b/packages/tdesign-vue-next-adapter/src/Table.vue
@@ -0,0 +1,134 @@
+<template>
+  <TTable
+    ref="table"
+    :data="data"
+    :bordered="border"
+    :max-height="maxHeight"
+    :default-expand-all="defaultExpandAll"
+    :show-header="showHeader"
+    :row-key="rowKey"
+    :tree="treeProps"
+    :empty="emptyText"
+    :columns="tableColumns"
+    @sort-change="sortChange"
+    @select-change="selectHandler"
+    @cell-click="cellClickHandler"
+    @expand-change="expandChange"
+  />
+</template>
+
+<script setup lang="ts">
+import { computed, useTemplateRef } from 'vue';
+import { Table as TTable } from 'tdesign-vue-next';
+
+import type { TableProps } from '@tmagic/design';
+
+defineOptions({
+  name: 'TTDesignAdapterTable',
+});
+
+const emit = defineEmits(['sort-change', 'select', 'select-all', 'selection-change', 'expand-change', 'cell-click']);
+
+const props = defineProps<TableProps>();
+
+const tableRef = useTemplateRef('table');
+
+// 将列配置转换为 TDesign 格式
+const tableColumns = computed(() => {
+  if (!props.columns) return [];
+
+  const columns = [];
+  for (const item of props.columns) {
+    if (item.props.type === 'expand') {
+      continue;
+    }
+
+    let colKey = item.props?.prop || item.props?.type;
+
+    if (!colKey) {
+      colKey = 'tmagic_table_operation';
+    }
+
+    const column: any = {
+      thClassName: item.props?.class,
+      colKey,
+      title: item.props?.label,
+      width: item.props?.width,
+      fixed: item.props?.fixed === true ? 'left' : item.props?.fixed || undefined,
+      ellipsis: props.showOverflowTooltip,
+      sorter: item.props?.sortable,
+      align: item.props?.align,
+    };
+
+    if (item.props.type === 'selection') {
+      column.type = 'multiple';
+    }
+
+    // 处理自定义单元格渲染
+    if (item.cell) {
+      column.cell = (h: any, { row, rowIndex }: any) => {
+        return item.cell?.({ row, $index: rowIndex });
+      };
+    }
+
+    if (item.title) {
+      column.title = (h: any, data: any) => {
+        return item.title?.(data);
+      };
+    }
+
+    columns.push(column);
+  }
+
+  return columns;
+});
+
+const sortChange = (data: any) => {
+  emit('sort-change', data);
+};
+
+const selectHandler = (selectedRowKeys: any[], options: any) => {
+  const { selectedRowData, type } = options;
+
+  if (type === 'check') {
+    emit('select', selectedRowData);
+  } else if (type === 'uncheck') {
+    emit('select', selectedRowData);
+  }
+
+  emit('selection-change', selectedRowData);
+};
+
+const cellClickHandler = (context: any) => {
+  const { row, col, e } = context;
+  emit('cell-click', row, col, undefined, e);
+};
+
+const expandChange = (expandedRowKeys: any[], options: any) => {
+  emit('expand-change', options.expandedRowData, options.currentRowData);
+};
+
+const toggleRowSelection = (_row: any, _selected: boolean) => {
+  // TDesign 的选择方法需要通过 selectedRowKeys 来控制
+  // 这里需要根据实际情况调整
+  console.warn('toggleRowSelection needs to be implemented based on TDesign API');
+};
+
+const toggleRowExpansion = (_row: any, _expanded: boolean) => {
+  // TDesign 的展开方法需要通过 expandedRowKeys 来控制
+  console.warn('toggleRowExpansion needs to be implemented based on TDesign API');
+};
+
+const clearSelection = () => {
+  // TDesign 需要通过更新 selectedRowKeys 来清空选择
+  console.warn('clearSelection needs to be implemented based on TDesign API');
+};
+
+defineExpose({
+  getEl: () => tableRef.value?.$el,
+  getTableRef: () => tableRef.value,
+  clearSelection,
+  toggleRowSelection,
+  toggleRowExpansion,
+});
+</script>
diff --git a/packages/tdesign-vue-next-adapter/src/TableColumn.vue b/packages/tdesign-vue-next-adapter/src/TableColumn.vue
deleted file mode 100644
index 8f01dcfc..00000000
--- a/packages/tdesign-vue-next-adapter/src/TableColumn.vue
+++ /dev/null
@@ -1,5 +0,0 @@
-<template>
-  <div></div>
-</template>
-
-<script setup lang="ts"></script>
diff --git a/packages/tdesign-vue-next-adapter/src/Tabs.vue b/packages/tdesign-vue-next-adapter/src/Tabs.vue
new file mode 100644
index 00000000..42873708
--- /dev/null
+++ b/packages/tdesign-vue-next-adapter/src/Tabs.vue
@@ -0,0 +1,50 @@
+<template>
+  <TTabs
+    :model-value="modelValue"
+    :addable="editable"
+    :theme="type === 'card' ? 'card' : 'normal'"
+    :placement="tabPosition"
+    scroll-position="auto"
+    @add="onTabAdd"
+    @change="tabClickHandler"
+    @remove="onTabRemove"
+    @update:model-value="updateModelName"
+  >
+    <template #action v-if="$slots['add-icon']">
+      <slot name="add-icon"></slot>
+    </template>
+    <template #default>
+      <slot></slot>
+    </template>
+  </TTabs>
+</template>
+
+<script setup lang="ts">
+import { Tabs as TTabs } from 'tdesign-vue-next';
+
+import type { TabsProps } from '@tmagic/design';
+
+defineOptions({
+  name: 'TTDesignAdapterTabs',
+});
+
+defineProps<TabsProps>();
+
+const emit = defineEmits(['tab-click', 'tab-add', 'tab-remove', 'update:model-value']);
+
+const tabClickHandler = (...args: any[]) => {
+  emit('tab-click', ...args);
+};
+
+const onTabAdd = (...args: any[]) => {
+  emit('tab-add', ...args);
+};
+
+const onTabRemove = (...args: any[]) => {
+  emit('tab-remove', ...args);
+};
+
+const updateModelName = (...args: any[]) => {
+  emit('update:model-value', ...args);
+};
+</script>
diff --git a/packages/tdesign-vue-next-adapter/src/Tree.vue b/packages/tdesign-vue-next-adapter/src/Tree.vue
deleted file mode 100644
index 14c72cb6..00000000
--- a/packages/tdesign-vue-next-adapter/src/Tree.vue
+++ /dev/null
@@ -1,103 +0,0 @@
-<template>
-  <TTree
-    ref="tree"
-    :data="data"
-    :empty="emptyText"
-    :keys="nodeKeys"
-    :load="loadChildren"
-    :activable="highlightCurrent"
-    :expandAll="defaultExpandAll"
-    :expandParent="autoExpandParent"
-    :defaultExpanded="defaultExpandedKeys"
-    :actived="currentNodeKey"
-    :filter="filterNode"
-    :expandMutex="accordion"
-    :draggable="draggable"
-    :icon="iconRender"
-    :lazy="lazy"
-    :allowDrag="allowDrag"
-    :allowDrop="allowDrop"
-    :onClick="nodeClickHandler"
-    :onExpand="handleExpand"
-    @contextmenu="contextmenu"
-  ></TTree>
-</template>
-
-<script lang="ts" setup>
-import { computed, h, ref } from 'vue';
-import { Tree as TTree, TreeNodeModel, TreeNodeValue } from 'tdesign-vue-next';
-
-import type { TreeProps } from '@tmagic/design';
-
-const props = defineProps<TreeProps>();
-
-const nodeKeys = computed(() => ({
-  value: props.props?.value || 'value',
-  label: props.props?.label || 'label',
-  children: props.props?.children || 'children',
-}));
-
-const loadChildren = (node: TreeNodeModel<any>) =>
-  props.load
-    ? new Promise((resolve) => {
-        props.load(node, resolve);
-      })
-    : undefined;
-
-let filterValue: any;
-
-const filterNode = (node: TreeNodeModel<any>) => props.filterNodeMethod?.(filterValue, node.data, node);
-
-const iconRender = () => props.icon && h(props.icon);
-
-const emit = defineEmits([
-  'node-click',
-  'node-contextmenu',
-  'node-drag-end',
-  'node-collapse',
-  'node-expand',
-  'check',
-  'mousedown',
-  'mouseup',
-]);
-
-const nodeClickHandler = (context: { node: TreeNodeModel<any>; e: MouseEvent }) => {
-  emit('node-click', context.node.data, context.node, context, context.e);
-};
-
-const contextmenu = (...args: any[]) => {
-  emit('node-contextmenu', ...args);
-};
-
-const handleExpand = (value: Array<TreeNodeValue>, context: { node: TreeNodeModel<any>; e: MouseEvent }) => {
-  emit('node-expand', context.node.data, context.node);
-};
-
-const tree = ref<InstanceType<typeof TTree>>();
-
-defineExpose({
-  getData() {
-    return tree.value?.data;
-  },
-
-  getStore() {
-    return tree.value?.store;
-  },
-
-  filter(value: any) {
-    filterValue = value;
-  },
-
-  getNode(...args: any[]) {
-    return tree.value?.getNode(...args);
-  },
-
-  setCheckedKeys(...args: any[]) {
-    console.log(args);
-  },
-
-  setCurrentKey(...args: any[]) {
-    console.log(args);
-  },
-});
-</script>
diff --git a/packages/tdesign-vue-next-adapter/src/index.ts b/packages/tdesign-vue-next-adapter/src/index.ts
index 53764fe1..df5910e2 100644
--- a/packages/tdesign-vue-next-adapter/src/index.ts
+++ b/packages/tdesign-vue-next-adapter/src/index.ts
@@ -1,16 +1,14 @@
-import { h } from 'vue';
+import { computed, h, Ref, ref, unref } from 'vue';
 import {
   Badge as TBadge,
   Button as TButton,
   Card as TCard,
   Cascader as TCascader,
-  Checkbox as TCheckbox,
   CheckboxGroup as TCheckboxGroup,
   Col as TCol,
   Collapse as TCollapse,
   CollapsePanel as TCollapsePanel,
   ColorPicker as TColorPicker,
-  Dialog as TDialog,
   DialogPlugin,
   Divider as TDivider,
   Drawer as TDrawer,
@@ -19,29 +17,25 @@ import {
   Form as TForm,
   FormItem as TFormItem,
   InputNumber as TInputNumber,
+  LoadingDirective,
   MessagePlugin,
   Option as TOption,
   OptionGroup as TOptionGroup,
-  Pagination as TPagination,
-  Radio as TRadio,
-  RadioButton as TRadioButton,
   RadioGroup as TRadioGroup,
   Row as TRow,
   Select as TSelect,
   StepItem as TStepItem,
   Steps as TSteps,
   Switch as TSwitch,
-  Table as TTable,
   TabPanel as TTabPanel,
-  Tabs as TTabs,
   Tag as TTag,
   TimePicker as TTimePicker,
   Tooltip as TTooltip,
-  TreeNodeModel,
   Upload as TUpload,
 } from 'tdesign-vue-next';
 
 import type {
+  AutocompleteProps,
   BadgeProps,
   ButtonProps,
   CardProps,
@@ -65,7 +59,7 @@ import type {
   OptionGroupProps,
   OptionProps,
   PaginationProps,
-  PopoverProps,
+  PopconfirmProps,
   RadioButtonProps,
   RadioGroupProps,
   RadioProps,
@@ -73,36 +67,102 @@ import type {
   StepProps,
   StepsProps,
   SwitchProps,
-  TableColumnProps,
   TableProps,
   TabPaneProps,
   TabsProps,
   TagProps,
   TimePickerProps,
   TooltipProps,
-  TreeProps,
   UploadProps,
 } from '@tmagic/design';
 
+import AutoComplete from './AutoComplete.vue';
+import Checkbox from './Checkbox.vue';
 import DatePicker from './DatePicker.vue';
+import Dialog from './Dialog.vue';
 import Icon from './Icon.vue';
 import Input from './Input.vue';
-import Popover from './Popover.vue';
+import Pagination from './Pagination.vue';
+import Popconfirm from './Popconfirm.vue';
+import Radio from './Radio.vue';
+import RadioButton from './RadioButton.vue';
 import Scrollbar from './Scrollbar.vue';
-import TableColumn from './TableColumn.vue';
-import Tree from './Tree.vue';
+import Table from './Table.vue';
+import Tabs from './Tabs.vue';
+
+const messageBox = (options: {
+  type?: 'info' | 'success' | 'warning' | 'error';
+  message?: string;
+  dangerouslyUseHTMLString?: boolean;
+  duration?: number;
+}) =>
+  MessagePlugin(options.type || 'info', {
+    duration: options.duration || 3000,
+    content: options.message,
+  });
+
+messageBox.success = MessagePlugin.success;
+messageBox.error = MessagePlugin.error;
+messageBox.warning = MessagePlugin.warning;
+messageBox.info = MessagePlugin.info;
+
+const zIndex = ref(0);
+const DEFAULT_INITIAL_Z_INDEX = 2500;
+
+const useZIndex = (zIndexOverrides?: Ref<number>) => {
+  const zIndexInjection = zIndexOverrides;
+  const initialZIndex = computed(() => {
+    const zIndexFromInjection = unref(zIndexInjection);
+    return zIndexFromInjection ?? DEFAULT_INITIAL_Z_INDEX;
+  });
+  const currentZIndex = computed(() => initialZIndex.value + zIndex.value);
+
+  const nextZIndex = () => {
+    zIndex.value += 1;
+    return currentZIndex.value;
+  };
+
+  return {
+    initialZIndex,
+    currentZIndex,
+    nextZIndex,
+  };
+};
 
 const adapter: any = {
-  message: MessagePlugin,
+  adapterType: 'tdesign-vue-next',
+  message: messageBox,
   messageBox: {
-    alert: (msg: string) => {
-      DialogPlugin.alert({
-        body: msg,
+    alert: (msg: string, title?: string) => {
+      return new Promise((resolve, reject) => {
+        const dia = DialogPlugin.alert({
+          header: title,
+          body: msg,
+          onConfirm: (e) => {
+            dia.hide();
+            resolve(e);
+          },
+          onClose: (e) => {
+            dia.hide();
+            reject(e);
+          },
+        });
       });
     },
-    confirm: (msg: string) => {
-      DialogPlugin.confirm({
-        body: msg,
+    confirm: (msg: string, title?: string) => {
+      return new Promise((resolve, reject) => {
+        const dia = DialogPlugin.confirm({
+          header: title,
+          body: msg,
+          onConfirm: (e) => {
+            dia.hide();
+            resolve(e);
+          },
+          onClose: (e) => {
+            dia.hide();
+            reject(e);
+          },
+        });
       });
     },
     close: (msg: string) => {
@@ -110,6 +170,10 @@ const adapter: any = {
     },
   },
   components: {
+    autocomplete: {
+      component: AutoComplete,
+      props: (props: AutocompleteProps) => props,
+    },
     badge: {
       component: TBadge,
       props: (props: BadgeProps) => ({
@@ -122,10 +186,10 @@ const adapter: any = {
     button: {
       component: TButton,
       props: (props: ButtonProps) => ({
-        theme: props.type,
+        theme: props.type ? props.type : 'default',
         size: props.size === 'default' ? 'medium' : props.size,
-        icon: () => (props.icon ? h(props.icon) : null),
-        variant: props.link || props.text ? 'text' : 'base',
+        icon: props.icon ? () => h(Icon, null, { default: () => h(props.icon) }) : undefined,
+        variant: props.link || props.text ? 'text' : props.variant || 'base',
         shape: props.circle ? 'circle' : 'rectangle',
       }),
     },
@@ -136,6 +200,8 @@ const adapter: any = {
         shadow: props.shadow !== 'never',
         hoverShadow: props.shadow === 'hover',
         header: props.header,
+        bodyStyle: props.bodyStyle,
+        headerBordered: true,
       }),
     },
 
@@ -158,13 +224,8 @@ const adapter: any = {
     },
 
     checkbox: {
-      component: TCheckbox,
-      props: (props: CheckboxProps) => ({
-        modelValue: props.modelValue,
-        label: props.label,
-        value: props.value,
-        disabled: props.disabled,
-      }),
+      component: Checkbox,
+      props: (props: CheckboxProps) => props,
     },
 
     checkboxGroup: {
@@ -179,14 +240,14 @@ const adapter: any = {
     col: {
       component: TCol,
       props: (props: ColProps) => ({
-        span: props.span,
+        span: props.span ? props.span / 2 : 12,
       }),
     },
 
     collapse: {
       component: TCollapse,
       props: (props: CollapseProps) => ({
-        value: props.modelValue,
+        modelValue: props.modelValue,
         expandIconPlacement: 'right',
       }),
     },
@@ -217,15 +278,8 @@ const adapter: any = {
     },
 
     dialog: {
-      component: TDialog,
-      props: (props: DialogProps) => ({
-        visible: props.modelValue,
-        attach: props.appendToBody ? 'body' : '',
-        header: props.title,
-        width: props.width,
-        mode: props.fullscreen ? 'full-screen' : 'modal',
-        closeOnOverlayClick: props.closeOnClickModal,
-      }),
+      component: Dialog,
+      props: (props: DialogProps) => props,
     },
 
     divider: {
@@ -300,6 +354,8 @@ const adapter: any = {
         labelWidth: props.labelWidth,
         name: props.prop,
         rules: props.rules,
+        help: props.extra ? () => h('div', { innerHTML: props.extra }) : undefined,
+        labelAlign: props.labelPosition,
       }),
     },
 
@@ -342,33 +398,18 @@ const adapter: any = {
     },
 
     pagination: {
-      component: TPagination,
-      props: (props: PaginationProps) => ({
-        current: props.curPage,
-        pageSizeOptions: props.pageSizes,
-        pageSize: props.pagesize,
-        total: props.total,
-      }),
-    },
-
-    popover: {
-      component: Popover,
-      props: (props: PopoverProps) => props,
+      component: Pagination,
+      props: (props: PaginationProps) => props,
     },
 
     radio: {
-      component: TRadio,
-      props: (props: RadioProps) => ({
-        label: props.label,
-        value: props.value,
-      }),
+      component: Radio,
+      props: (props: RadioProps) => props,
     },
 
     radioButton: {
-      component: TRadioButton,
-      props: (props: RadioButtonProps) => ({
-        label: props.label,
-      }),
+      component: RadioButton,
+      props: (props: RadioButtonProps) => props,
     },
 
     radioGroup: {
@@ -398,8 +439,8 @@ const adapter: any = {
         disabled: props.disabled,
         placeholder: props.placeholder,
         multiple: props.multiple,
-        valueType: props.valueKey,
         remoteMethod: props.onSearch,
+        creatable: props.allowCreate,
         size: props.size === 'default' ? 'medium' : props.size,
         popupProps: {
           overlayClassName: props.popperClass,
@@ -434,15 +475,10 @@ const adapter: any = {
     },
 
     table: {
-      component: TTable,
+      component: Table,
       props: (props: TableProps) => props,
     },
 
-    tableColumn: {
-      component: TableColumn,
-      props: (props: TableColumnProps) => props,
-    },
-
     tabPane: {
       component: TTabPanel,
       props: (props: TabPaneProps) => ({
@@ -452,13 +488,8 @@ const adapter: any = {
     },
 
     tabs: {
-      component: TTabs,
-      props: (props: TabsProps) => ({
-        addable: props.editable,
-        theme: props.type === 'card' ? 'card' : 'normal',
-        placement: props.tabPosition,
-        value: props.modelValue,
-      }),
+      component: Tabs,
+      props: (props: TabsProps) => props,
     },
 
     tag: {
@@ -482,37 +513,11 @@ const adapter: any = {
       component: TTooltip,
       props: (props: TooltipProps) => ({
         ...props,
-        placement: props.placement,
+        placement: props.placement?.replace(/\B([A-Z])/g, '-$1').toLowerCase(),
         content: props.content,
       }),
     },
 
-    tree: {
-      component: Tree,
-      props: (props: TreeProps) => ({
-        ...props,
-        data: props.data,
-        draggable: props.draggable,
-        activable: props.highlightCurrent,
-        activeMultiple: props.highlightCurrent,
-        defaultActived: props.defaultCheckedKeys,
-        checkable: props.showCheckbox,
-        empty: props.emptyText,
-        expandAll: props.defaultExpandAll,
-        checkStrictly: props.checkStrictly,
-        load: props.load,
-        keys: props.props,
-      }),
-      listeners: {
-        click(context: { node: TreeNodeModel<any>; e: MouseEvent }) {
-          return {
-            node: context.node,
-            data: context.node.data,
-          };
-        },
-      },
-    },
-
     upload: {
       component: TUpload,
       props: (props: UploadProps) => ({
@@ -521,7 +526,14 @@ const adapter: any = {
         autoUpload: props.autoUpload,
       }),
     },
+
+    popconfirm: {
+      component: Popconfirm,
+      props: (props: PopconfirmProps) => props,
+    },
   },
+  loading: LoadingDirective,
+  useZIndex,
 };
 
 export default adapter;
diff --git a/packages/tdesign-vue-next-adapter/tsconfig.build.json b/packages/tdesign-vue-next-adapter/tsconfig.build.json
deleted file mode 100644
index c9476221..00000000
--- a/packages/tdesign-vue-next-adapter/tsconfig.build.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "baseUrl": ".",
-    "declaration": true,
-    "declarationDir": "types",
-    "forceConsistentCasingInFileNames": true,
-    "paths": {},
-  },
-  "include": [
-		"src"
-	],
-}
diff --git a/packages/tdesign-vue-next-adapter/tsconfig.json b/packages/tdesign-vue-next-adapter/tsconfig.json
deleted file mode 100644
index 6c40cf1e..00000000
--- a/packages/tdesign-vue-next-adapter/tsconfig.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "baseUrl": "../..",
-  },
-}
diff --git a/packages/tdesign-vue-next-adapter/vite.config.ts b/packages/tdesign-vue-next-adapter/vite.config.ts
deleted file mode 100644
index a4817bc2..00000000
--- a/packages/tdesign-vue-next-adapter/vite.config.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import { defineConfig } from 'vite';
-import vue from '@vitejs/plugin-vue';
-
-import pkg from './package.json';
-
-export default defineConfig({
-  plugins: [vue()],
-
-  build: {
-    cssCodeSplit: false,
-    sourcemap: false,
-    minify: false,
-    target: 'esnext',
-
-    lib: {
-      entry: 'src/index.ts',
-      name: 'TMagicTdesignVueNextAdapter',
-      fileName: 'tmagic-tdesign-vue-next-adapter',
-    },
-
-    rollupOptions: {
-      // 确保外部化处理那些你不想打包进库的依赖
-      external(id: string) {
-        return Object.keys(pkg.peerDependencies).some((k) => new RegExp(`^${k}`).test(id));
-      },
-    },
-  },
-});
diff --git a/packages/ui-react/src/button/Button.tsx b/packages/ui-react/src/button/Button.tsx
deleted file mode 100644
index 49818f43..00000000
--- a/packages/ui-react/src/button/Button.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import React from 'react';
-
-import type { MComponent } from '@tmagic/schema';
-
-import useApp from '../useApp';
-
-interface ButtonProps {
-  config: MComponent;
-}
-
-const Page: React.FC<ButtonProps> = ({ config }) => {
-  const { app } = useApp({ config });
-
-  if (!app) return null;
-
-  const MagicUiText = app.resolveComponent('text');
-
-  return (
-    <button className="magic-ui-button" style={app.transformStyle(config.style || {})} id={`${config.id || ''}`}>
-      <MagicUiText
-        config={{
-          text: config.text,
-        }}
-      ></MagicUiText>
-    </button>
-  );
-};
-
-Page.displayName = 'magic-ui-button';
-
-export default Page;
diff --git a/packages/ui-react/src/container/Container.tsx b/packages/ui-react/src/container/Container.tsx
deleted file mode 100644
index ee7fa83a..00000000
--- a/packages/ui-react/src/container/Container.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import React from 'react';
-
-import type { MComponent, MContainer } from '@tmagic/schema';
-
-import useApp from '../useApp';
-
-interface ContainerProps {
-  config: MContainer;
-  className: string;
-  style: Record<string, any>;
-  id: string;
-}
-
-const Container: React.FC<ContainerProps> = ({ config, id }) => {
-  const { app } = useApp({ config });
-
-  if (!app) return null;
-
-  return (
-    <div
-      id={`${id || config.id || ''}`}
-      className={`magic-ui-container magic-layout-${config.layout}${config.className ? ` ${config.className}` : ''}`}
-      style={app.transformStyle(config.style || {})}
-    >
-      {config.items?.map((item: MComponent | MContainer) => {
-        const MagicUiComp = app.resolveComponent(item.type || 'container');
-
-        if (!MagicUiComp) return null;
-
-        if (item.visible === false) return null;
-        if (item.condResult === false) return null;
-
-        return (
-          <MagicUiComp
-            id={`${item.id || ''}`}
-            key={item.id}
-            config={item}
-            className={`magic-ui-component${config.className ? ` ${config.className}` : ''}`}
-            style={app.transformStyle(item.style || {})}
-          ></MagicUiComp>
-        );
-      })}
-    </div>
-  );
-};
-
-Container.displayName = 'magic-ui-container';
-
-export default Container;
diff --git a/packages/ui-react/src/container/formConfig.ts b/packages/ui-react/src/container/formConfig.ts
deleted file mode 100644
index 7121641d..00000000
--- a/packages/ui-react/src/container/formConfig.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-export default [
-  {
-    name: 'layout',
-    text: '容器布局',
-    type: 'select',
-    defaultValue: 'absolute',
-    options: [
-      { value: 'absolute', text: '绝对定位' },
-      { value: 'relative', text: '流式布局' },
-    ],
-    onChange: (formState: any, v: string, { model }: any) => {
-      if (!model.style) return v;
-      if (v === 'relative') {
-        model.style.height = 'auto';
-      } else {
-        const el = formState.stage?.renderer?.contentWindow.document.getElementById(model.id);
-        if (el) {
-          model.style.height = el.getBoundingClientRect().height;
-        }
-      }
-    },
-  },
-];
diff --git a/packages/ui-react/src/index.ts b/packages/ui-react/src/index.ts
deleted file mode 100644
index 992525aa..00000000
--- a/packages/ui-react/src/index.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import Button from './button';
-import Container from './container';
-import Img from './img';
-import IteratorContainer from './iterator-container';
-import Overlay from './overlay';
-import Page from './page';
-import pageFragment from './page-fragment';
-import pageFragmentContainer from './page-fragment-container';
-import Qrcode from './qrcode';
-import Text from './text';
-export { default as AppContent } from './AppContent';
-export { default as useApp } from './useApp';
-
-export const MagicUiPage = Page;
-
-const ui: Record<string, any> = {
-  page: Page,
-  container: Container,
-  button: Button,
-  img: Img,
-  text: Text,
-  qrcode: Qrcode,
-  overlay: Overlay,
-  'page-fragment': pageFragment,
-  'page-fragment-container': pageFragmentContainer,
-  'iterator-container': IteratorContainer,
-};
-
-export default ui;
diff --git a/packages/ui-react/src/iterator-container/index.ts b/packages/ui-react/src/iterator-container/index.ts
deleted file mode 100644
index 95c66b77..00000000
--- a/packages/ui-react/src/iterator-container/index.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import IteratorContainer from './src/IteratorContainer';
-
-export { default as config } from './src/formConfig';
-export { default as value } from './src/initValue';
-
-export default IteratorContainer;
diff --git a/packages/ui-react/src/iterator-container/src/IteratorContainer.tsx b/packages/ui-react/src/iterator-container/src/IteratorContainer.tsx
deleted file mode 100644
index bf957171..00000000
--- a/packages/ui-react/src/iterator-container/src/IteratorContainer.tsx
+++ /dev/null
@@ -1,62 +0,0 @@
-import React from 'react';
-
-import type { MContainer } from '@tmagic/schema';
-
-import useApp from '../../useApp';
-
-interface IteratorContainerProps extends MContainer {
-  config: MContainer & {
-    type: 'iterator-container';
-    iteratorData: any[];
-    dsField: string[];
-    itemConfig: {
-      layout: string;
-      style: Record<string, string | number>;
-    };
-  };
-  className: string;
-  style: Record<string, any>;
-  id: string;
-}
-
-const IteratorContainer: React.FC<IteratorContainerProps> = ({ config, id }) => {
-  const { app } = useApp({ config });
-
-  let { iteratorData = [] } = config;
-
-  if (!Array.isArray(iteratorData)) {
-    iteratorData = [];
-  }
-
-  if (app?.platform === 'editor' && !iteratorData.length) {
-    iteratorData.push({});
-  }
-
-  // eslint-disable-next-line @typescript-eslint/naming-convention
-  const MagicUiComp = app?.resolveComponent('container');
-  return (
-    <div
-      id={`${id || config.id || ''}`}
-      className="magic-ui-iterator-container"
-      style={app?.transformStyle(config.style || {})}
-    >
-      {iteratorData.map((itemData, index) => {
-        const itemConfig = {
-          items: app?.dataSourceManager?.compliedIteratorItems(itemData, config.items, config.dsField) ?? config.items,
-          id: '',
-          style: {
-            ...config.itemConfig.style,
-            position: 'relative',
-            left: 0,
-            top: 0,
-          },
-        };
-        return <MagicUiComp config={itemConfig} key={index}></MagicUiComp>;
-      })}
-    </div>
-  );
-};
-
-IteratorContainer.displayName = 'magic-ui-iterator-container';
-
-export default IteratorContainer;
diff --git a/packages/ui-react/src/iterator-container/src/initValue.ts b/packages/ui-react/src/iterator-container/src/initValue.ts
deleted file mode 100644
index 2223ec4c..00000000
--- a/packages/ui-react/src/iterator-container/src/initValue.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-export default {
-  style: {
-    width: '375',
-    height: '100',
-  },
-  itemConfig: {
-    style: {
-      width: '100%',
-      height: '100%',
-    },
-  },
-  items: [],
-};
diff --git a/packages/ui-react/src/overlay/Overlay.tsx b/packages/ui-react/src/overlay/Overlay.tsx
deleted file mode 100644
index a31b5a8f..00000000
--- a/packages/ui-react/src/overlay/Overlay.tsx
+++ /dev/null
@@ -1,84 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import React, { useContext, useState } from 'react';
-
-import Core from '@tmagic/core';
-import type { MComponent, MNode } from '@tmagic/schema';
-
-import AppContent from '../AppContent';
-import useApp from '../useApp';
-
-interface OverlayProps {
-  config: MComponent;
-}
-
-const Overlay: React.FC<OverlayProps> = ({ config }) => {
-  const [visible, setVisible] = useState(false);
-
-  const app: Core | undefined = useContext(AppContent);
-  const node = app?.page?.getNode(config.id);
-
-  if (!app) return null;
-
-  const openOverlay = () => {
-    setVisible(true);
-    if (app) {
-      app.emit('overlay:open', node);
-    }
-  };
-
-  const closeOverlay = () => {
-    setVisible(false);
-    if (app) {
-      app.emit('overlay:close', node);
-    }
-  };
-
-  useApp({
-    config,
-    methods: {
-      openOverlay,
-      closeOverlay,
-    },
-  });
-
-  app?.page?.on('editor:select', (info: any, path: MNode[]) => {
-    if (path.find((node: MNode) => node.id === config.id)) {
-      openOverlay();
-    } else {
-      closeOverlay();
-    }
-  });
-
-  if (!visible) return null;
-
-  const MagicUiComp = app.resolveComponent('container');
-
-  return (
-    <MagicUiComp
-      id={config.id}
-      className="magic-ui-overlay"
-      config={{ style: config.style, items: config.items }}
-    ></MagicUiComp>
-  );
-};
-
-Overlay.displayName = 'magic-ui-overlay';
-
-export default Overlay;
diff --git a/packages/ui-react/src/page-fragment-container/index.ts b/packages/ui-react/src/page-fragment-container/index.ts
deleted file mode 100644
index d68f4eb4..00000000
--- a/packages/ui-react/src/page-fragment-container/index.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import PageFragmentContainer from './src/PageFragmentContainer';
-
-export { default as config } from './src/formConfig';
-export { default as value } from './src/initValue';
-
-export default PageFragmentContainer;
diff --git a/packages/ui-react/src/page-fragment-container/src/initValue.ts b/packages/ui-react/src/page-fragment-container/src/initValue.ts
deleted file mode 100644
index 0ba15f5a..00000000
--- a/packages/ui-react/src/page-fragment-container/src/initValue.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-export default {
-  style: {
-    width: '',
-    height: '',
-  },
-};
diff --git a/packages/ui-react/src/page-fragment/index.ts b/packages/ui-react/src/page-fragment/index.ts
deleted file mode 100644
index 14d1cf27..00000000
--- a/packages/ui-react/src/page-fragment/index.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import PageFragment from './src/PageFragment';
-
-export { default as config } from './src/formConfig';
-export { default as value } from './src/initValue';
-
-export default PageFragment;
diff --git a/packages/ui-react/src/page-fragment/src/PageFragment.tsx b/packages/ui-react/src/page-fragment/src/PageFragment.tsx
deleted file mode 100644
index ee0ae24d..00000000
--- a/packages/ui-react/src/page-fragment/src/PageFragment.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import React from 'react';
-
-import type { MComponent, MContainer, MPageFragment } from '@tmagic/schema';
-
-import useApp from '../../useApp';
-interface PageFragmentProps {
-  config: MPageFragment;
-}
-
-const PageFragment: React.FC<PageFragmentProps> = ({ config }) => {
-  const { app } = useApp({
-    config,
-    methods: {},
-  });
-
-  if (!app) return null;
-
-  return (
-    <div
-      id={`${config.id || ''}`}
-      className={`magic-ui-page-fragment magic-ui-container magic-layout-${config.layout}${
-        config.className ? ` ${config.className}` : ''
-      }`}
-      style={app.transformStyle(config.style || {})}
-    >
-      {config.items?.map((item: MComponent | MContainer) => {
-        const MagicUiComp = app.resolveComponent(item.type || 'container');
-
-        if (!MagicUiComp) return null;
-
-        if (item.visible === false) return null;
-        if (item.condResult === false) return null;
-
-        return (
-          <MagicUiComp
-            id={`${item.id || ''}`}
-            key={item.id}
-            config={item}
-            className={`magic-ui-component${config.className ? ` ${config.className}` : ''}`}
-            style={app.transformStyle(item.style || {})}
-          ></MagicUiComp>
-        );
-      })}
-    </div>
-  );
-};
-
-PageFragment.displayName = 'magic-ui-page-fragment';
-
-export default PageFragment;
diff --git a/packages/ui-react/src/page-fragment/src/initValue.ts b/packages/ui-react/src/page-fragment/src/initValue.ts
deleted file mode 100644
index 00ae8e84..00000000
--- a/packages/ui-react/src/page-fragment/src/initValue.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-export default {
-  items: [],
-  style: {
-    width: '375',
-    height: '817',
-  },
-};
diff --git a/packages/ui-react/src/page/Page.tsx b/packages/ui-react/src/page/Page.tsx
deleted file mode 100644
index b8a7cfab..00000000
--- a/packages/ui-react/src/page/Page.tsx
+++ /dev/null
@@ -1,71 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import React from 'react';
-
-import type { MComponent, MContainer, MPage } from '@tmagic/schema';
-
-import useApp from '../useApp';
-
-interface PageProps {
-  config: MPage;
-}
-
-const Page: React.FC<PageProps> = ({ config }) => {
-  const { app } = useApp({
-    config,
-    methods: {
-      refresh: () => window.location.reload(),
-    },
-  });
-
-  if (!app) return null;
-
-  return (
-    <div
-      id={`${config.id || ''}`}
-      className={`magic-ui-page magic-ui-container magic-layout-${config.layout}${
-        config.className ? ` ${config.className}` : ''
-      }`}
-      style={app.transformStyle(config.style || {})}
-    >
-      {config.items?.map((item: MComponent | MContainer) => {
-        const MagicUiComp = app.resolveComponent(item.type || 'container');
-
-        if (!MagicUiComp) return null;
-
-        if (item.visible === false) return null;
-        if (item.condResult === false) return null;
-
-        return (
-          <MagicUiComp
-            id={`${item.id || ''}`}
-            key={item.id}
-            config={item}
-            className={`magic-ui-component${config.className ? ` ${config.className}` : ''}`}
-            style={app.transformStyle(item.style || {})}
-          ></MagicUiComp>
-        );
-      })}
-    </div>
-  );
-};
-
-Page.displayName = 'magic-ui-page';
-
-export default Page;
diff --git a/packages/ui-react/src/page/initValue.ts b/packages/ui-react/src/page/initValue.ts
deleted file mode 100644
index 96d84afa..00000000
--- a/packages/ui-react/src/page/initValue.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-export default {
-  items: [],
-  style: {
-    width: '100%',
-    height: '100%',
-  },
-};
diff --git a/packages/ui-react/src/qrcode/Qrcode.tsx b/packages/ui-react/src/qrcode/Qrcode.tsx
deleted file mode 100644
index b5de2053..00000000
--- a/packages/ui-react/src/qrcode/Qrcode.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import React, { useEffect, useState } from 'react';
-import QRCode from 'qrcode';
-
-import type { MComponent } from '@tmagic/schema';
-
-import useApp from '../useApp';
-
-interface QrcodeProps {
-  config: {
-    url: string;
-  } & MComponent;
-}
-
-const Qrcode: React.FC<QrcodeProps> = ({ config }) => {
-  const { app } = useApp({ config });
-
-  if (!app) return null;
-
-  const [imgSrc, setImgSrc] = useState('');
-
-  useEffect(() => {
-    QRCode.toDataURL(config.url, (e: any, url: string) => {
-      if (e) console.error(e);
-      setImgSrc(url);
-    });
-  }, [config.url]);
-
-  return (
-    <img className="magic-ui-qrcode" style={app.transformStyle(config.style || {})} id={`${config.id}`} src={imgSrc} />
-  );
-};
-
-Qrcode.displayName = 'magic-ui-qrcode';
-
-export default Qrcode;
diff --git a/packages/ui-react/src/text/Text.tsx b/packages/ui-react/src/text/Text.tsx
deleted file mode 100644
index f578ded5..00000000
--- a/packages/ui-react/src/text/Text.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import React from 'react';
-
-import type { MComponent } from '@tmagic/schema';
-
-import useApp from '../useApp';
-
-interface TextProps {
-  config: MComponent;
-}
-
-const Text: React.FC<TextProps> = ({ config }) => {
-  const { app } = useApp({ config });
-
-  if (!app) return null;
-
-  return (
-    <p className="magic-ui-text" style={app.transformStyle(config.style || {})} id={`${config.id || ''}`}>
-      {config.text}
-    </p>
-  );
-};
-
-Text.displayName = 'maigc-ui-text';
-
-export default Text;
diff --git a/packages/ui-react/src/useApp.ts b/packages/ui-react/src/useApp.ts
deleted file mode 100644
index 6a92e43a..00000000
--- a/packages/ui-react/src/useApp.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { useContext, useEffect, useState } from 'react';
-
-import Core from '@tmagic/core';
-import type { MComponent } from '@tmagic/schema';
-
-import AppContent from './AppContent';
-
-interface UseAppOptions {
-  config: MComponent;
-  methods?: {
-    [key: string]: Function;
-  };
-}
-
-export default ({ config, methods }: UseAppOptions) => {
-  const app: Core | undefined = useContext(AppContent);
-  const node = app?.page?.getNode(config.id);
-  const [created, setCreated] = useState(false);
-
-  const emitData = {
-    config,
-    ...methods,
-  };
-
-  if (!created) {
-    // 只需要触发一次 created
-    setCreated(true);
-    node?.emit('created', emitData);
-  }
-
-  useEffect(() => {
-    node?.emit('mounted', emitData);
-
-    return () => {
-      node?.emit('destroy', emitData);
-    };
-  }, []);
-
-  return { app };
-};
diff --git a/packages/ui-react/src/useCommonMethod.tsx b/packages/ui-react/src/useCommonMethod.tsx
deleted file mode 100644
index 146a538c..00000000
--- a/packages/ui-react/src/useCommonMethod.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-export default (ref: any) => ({
-  show: () => {
-    ref.style.display = 'initial';
-  },
-  hide: () => {
-    ref.style.display = 'none';
-  },
-});
diff --git a/packages/ui-react/tsconfig.json b/packages/ui-react/tsconfig.json
deleted file mode 100644
index 1e3030e9..00000000
--- a/packages/ui-react/tsconfig.json
+++ /dev/null
@@ -1,24 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ESNext",
-    "lib": ["DOM", "DOM.Iterable", "ESNext"],
-    "allowJs": false,
-    "skipLibCheck": false,
-    "esModuleInterop": false,
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "module": "ESNext",
-    "moduleResolution": "Node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "react",
-    "baseUrl": ".",
-    "paths": {
-      // 内部模块都指向 src/index.ts, 会有更好的代码跳转体验.
-      "@tmagic/*": ["../packages/*"],
-    },
-  },
-  "include": ["./src"]
-}
diff --git a/packages/ui-vue2/src/Component.vue b/packages/ui-vue2/src/Component.vue
deleted file mode 100644
index bb344aa4..00000000
--- a/packages/ui-vue2/src/Component.vue
+++ /dev/null
@@ -1,51 +0,0 @@
-<template>
-  <component
-    v-if="display"
-    :is="tagName"
-    :id="config.id"
-    :class="`magic-ui-component${config.className ? ` ${config.className}` : ''}`"
-    :style="style"
-    :config="config"
-  ></component>
-</template>
-
-<script lang="ts">
-import { computed, defineComponent, getCurrentInstance, inject, PropType, provide } from 'vue';
-
-import Core from '@tmagic/core';
-import { MComponent } from '@tmagic/schema';
-import { toLine } from '@tmagic/utils';
-
-export default defineComponent({
-  props: {
-    config: {
-      type: Object as PropType<MComponent>,
-      default: () => ({}),
-    },
-  },
-
-  setup(props) {
-    const vm = getCurrentInstance()?.proxy;
-    const app: Core | undefined = inject('app');
-
-    provide('hoc', vm);
-
-    return {
-      tagName: computed(() => `magic-ui-${toLine(props.config.type)}`),
-      style: computed(() => app?.transformStyle(props.config.style || {})),
-
-      display: computed(() => {
-        if (props.config.visible === false) return false;
-        if (props.config.condResult === false) return false;
-
-        const displayCfg = props.config?.display;
-
-        if (typeof displayCfg === 'function') {
-          return displayCfg(app);
-        }
-        return displayCfg !== false;
-      }),
-    };
-  },
-});
-</script>
diff --git a/packages/ui-vue2/src/button/Button.vue b/packages/ui-vue2/src/button/Button.vue
deleted file mode 100644
index ecce2c4a..00000000
--- a/packages/ui-vue2/src/button/Button.vue
+++ /dev/null
@@ -1,64 +0,0 @@
-<template>
-  <button class="magic-ui-button" @click="clickHandler">
-    <slot>
-      <magic-ui-text :config="textConfig"></magic-ui-text>
-    </slot>
-  </button>
-</template>
-<script lang="ts">
-import { computed, defineComponent, getCurrentInstance, PropType, ref } from 'vue';
-
-import type { MComponent } from '@tmagic/schema';
-
-import useApp from '../useApp';
-
-export default defineComponent({
-  props: {
-    config: {
-      type: Object as PropType<MComponent>,
-      default: () => ({}),
-    },
-
-    model: {
-      type: Object,
-      default: () => ({}),
-    },
-  },
-  setup(props) {
-    useApp(props);
-    const vm = getCurrentInstance()?.proxy;
-    const actions = ref<Function[]>([]);
-    const actualActions = computed(() => [
-      typeof props.config.preAction === 'function' ? props.config.preAction : () => true,
-      ...actions.value,
-      typeof props.config.postAction === 'function' ? props.config.postAction : () => true,
-    ]);
-    function pushAction(action: Function): void {
-      actions.value.push(action);
-    }
-    async function clickHandler(): Promise<void> {
-      for (const fn of actualActions.value) {
-        if (typeof fn === 'function') {
-          const ret = await fn(vm, { model: props.model });
-          if (ret === false) {
-            break;
-          }
-        }
-      }
-    }
-
-    const textConfig = computed(() => ({
-      type: 'text',
-      text: props.config?.text || '',
-      disabledText: props.config?.disabledText || '',
-      html: props.config?.html || '',
-    }));
-
-    return {
-      pushAction,
-      clickHandler,
-      textConfig,
-    };
-  },
-});
-</script>
diff --git a/packages/ui-vue2/src/button/initValue.ts b/packages/ui-vue2/src/button/initValue.ts
deleted file mode 100644
index 9165e697..00000000
--- a/packages/ui-vue2/src/button/initValue.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-export default {
-  text: '请输入文本内容',
-  multiple: true,
-  style: {
-    width: '270',
-    height: '37.5',
-    border: 0,
-    backgroundColor: '#fb6f00',
-  },
-};
diff --git a/packages/ui-vue2/src/container/Container.vue b/packages/ui-vue2/src/container/Container.vue
deleted file mode 100644
index 4b6c372a..00000000
--- a/packages/ui-vue2/src/container/Container.vue
+++ /dev/null
@@ -1,52 +0,0 @@
-<template>
-  <div
-    v-if="display()"
-    :id="config.id"
-    :class="`magic-ui-container magic-layout-${config.layout}${config.className ? ` ${config.className}` : ''}`"
-    :style="style"
-  >
-    <slot></slot>
-    <magic-ui-component v-for="item in config.items" :key="item.id" :config="item"></magic-ui-component>
-  </div>
-</template>
-
-<script lang="ts">
-import { computed, defineComponent, PropType } from 'vue';
-
-import type { MContainer } from '@tmagic/schema';
-
-import Component from '../Component.vue';
-import useApp from '../useApp';
-import useCommonMethod from '../useCommonMethod';
-
-export default defineComponent({
-  components: {
-    'magic-ui-component': Component,
-  },
-
-  props: {
-    config: {
-      type: Object as PropType<MContainer>,
-      default: () => ({}),
-    },
-  },
-
-  setup(props) {
-    const app = useApp(props);
-
-    return {
-      style: computed(() => app?.transformStyle(props.config.style || {})),
-
-      display: () => {
-        const displayCfg = props.config?.display;
-
-        if (typeof displayCfg === 'function') {
-          return displayCfg(app);
-        }
-        return displayCfg !== false;
-      },
-      ...useCommonMethod(),
-    };
-  },
-});
-</script>
diff --git a/packages/ui-vue2/src/container/formConfig.ts b/packages/ui-vue2/src/container/formConfig.ts
deleted file mode 100644
index 7121641d..00000000
--- a/packages/ui-vue2/src/container/formConfig.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-export default [
-  {
-    name: 'layout',
-    text: '容器布局',
-    type: 'select',
-    defaultValue: 'absolute',
-    options: [
-      { value: 'absolute', text: '绝对定位' },
-      { value: 'relative', text: '流式布局' },
-    ],
-    onChange: (formState: any, v: string, { model }: any) => {
-      if (!model.style) return v;
-      if (v === 'relative') {
-        model.style.height = 'auto';
-      } else {
-        const el = formState.stage?.renderer?.contentWindow.document.getElementById(model.id);
-        if (el) {
-          model.style.height = el.getBoundingClientRect().height;
-        }
-      }
-    },
-  },
-];
diff --git a/packages/ui-vue2/src/container/initValue.ts b/packages/ui-vue2/src/container/initValue.ts
deleted file mode 100644
index 19a93494..00000000
--- a/packages/ui-vue2/src/container/initValue.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-export default {
-  items: [],
-  style: {
-    width: '375',
-    height: '100',
-  },
-};
diff --git a/packages/ui-vue2/src/img/index.ts b/packages/ui-vue2/src/img/index.ts
deleted file mode 100644
index d093fcd3..00000000
--- a/packages/ui-vue2/src/img/index.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import Img from './src/index.vue';
-
-export { default as config } from './src/formConfig';
-export { default as value } from './src/initValue';
-
-export default Img;
diff --git a/packages/ui-vue2/src/img/src/index.vue b/packages/ui-vue2/src/img/src/index.vue
deleted file mode 100644
index 0d2615b6..00000000
--- a/packages/ui-vue2/src/img/src/index.vue
+++ /dev/null
@@ -1,30 +0,0 @@
-<template>
-  <img class="magic-ui-img" :src="config.src" @click="clickHandler" />
-</template>
-<script lang="ts">
-import { defineComponent } from 'vue';
-
-import useApp from '../../useApp';
-
-export default defineComponent({
-  props: {
-    config: {
-      type: Object,
-      default: () => ({}),
-    },
-
-    model: {
-      type: Object,
-      default: () => ({}),
-    },
-  },
-  setup(props) {
-    useApp(props);
-    return {
-      clickHandler() {
-        if (props.config.url) window.location.href = props.config.url;
-      },
-    };
-  },
-});
-</script>
diff --git a/packages/ui-vue2/src/img/src/initValue.ts b/packages/ui-vue2/src/img/src/initValue.ts
deleted file mode 100644
index 592493cd..00000000
--- a/packages/ui-vue2/src/img/src/initValue.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-export default {
-  src: 'https://puui.qpic.cn/vupload/0/1573555382625_bhp0wud8l6w.png/0',
-  url: '',
-  style: {
-    position: 'absolute',
-    left: '57',
-    width: '176',
-    height: '176',
-  },
-};
diff --git a/packages/ui-vue2/src/index.ts b/packages/ui-vue2/src/index.ts
deleted file mode 100644
index 28c846bc..00000000
--- a/packages/ui-vue2/src/index.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import Button from './button';
-import Container from './container';
-import Img from './img';
-import IteratorContainer from './iterator-container';
-import Overlay from './overlay';
-import Page from './page';
-import PageFragment from './page-fragment';
-import PageFragmentContainer from './page-fragment-container';
-import QRcode from './qrcode';
-import Text from './text';
-
-const ui: Record<string, any> = {
-  page: Page,
-  container: Container,
-  button: Button,
-  text: Text,
-  img: Img,
-  qrcode: QRcode,
-  overlay: Overlay,
-  'page-fragment-container': PageFragmentContainer,
-  'page-fragment': PageFragment,
-  'iterator-container': IteratorContainer,
-};
-
-export default ui;
diff --git a/packages/ui-vue2/src/iterator-container/index.ts b/packages/ui-vue2/src/iterator-container/index.ts
deleted file mode 100644
index f05bdae6..00000000
--- a/packages/ui-vue2/src/iterator-container/index.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import IteratorContainer from './src/IteratorContainer.vue';
-
-export { default as config } from './src/formConfig';
-export { default as value } from './src/initValue';
-
-export default IteratorContainer;
diff --git a/packages/ui-vue2/src/iterator-container/src/IteratorContainer.vue b/packages/ui-vue2/src/iterator-container/src/IteratorContainer.vue
deleted file mode 100644
index 52dc50c0..00000000
--- a/packages/ui-vue2/src/iterator-container/src/IteratorContainer.vue
+++ /dev/null
@@ -1,67 +0,0 @@
-<template>
-  <div class="magic-ui-iterator-container" :id="`${config.id || ''}`" :style="style">
-    <Container v-for="(item, index) in configs" :key="index" :config="item"></Container>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { computed, inject } from 'vue';
-
-import Core from '@tmagic/core';
-import type { MContainer } from '@tmagic/schema';
-
-import Container from '../../container';
-import useApp from '../../useApp';
-
-const props = withDefaults(
-  defineProps<{
-    config: MContainer & {
-      type: 'iterator-container';
-      iteratorData: any[];
-      dsField: string[];
-      itemConfig: {
-        layout: string;
-        style: Record<string, string | number>;
-      };
-    };
-    model?: any;
-  }>(),
-  {
-    model: () => ({}),
-  },
-);
-
-const app: Core | undefined = inject('app');
-
-const style = computed(() => app?.transformStyle(props.config.style || {}));
-
-const configs = computed(() => {
-  let { iteratorData = [] } = props.config;
-
-  if (!Array.isArray(iteratorData)) {
-    iteratorData = [];
-  }
-
-  if (app?.platform === 'editor' && !iteratorData.length) {
-    iteratorData.push({});
-  }
-
-  return iteratorData.map((itemData) => ({
-    items:
-      app?.dataSourceManager?.compliedIteratorItems(itemData, props.config.items, props.config.dsField) ??
-      props.config.items,
-    id: '',
-    style: {
-      ...props.config.itemConfig.style,
-      position: 'relative',
-      left: 0,
-      top: 0,
-    },
-  }));
-});
-
-useApp({
-  config: props.config,
-  methods: {},
-});
-</script>
diff --git a/packages/ui-vue2/src/overlay/index.ts b/packages/ui-vue2/src/overlay/index.ts
deleted file mode 100644
index b68c8e61..00000000
--- a/packages/ui-vue2/src/overlay/index.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import Overlay from './src/index.vue';
-
-export { default as config } from './src/formConfig';
-export { default as value } from './src/initValue';
-export { default as event } from './src/event';
-
-export default Overlay;
diff --git a/packages/ui-vue2/src/overlay/src/formConfig.ts b/packages/ui-vue2/src/overlay/src/formConfig.ts
deleted file mode 100644
index d6d1738d..00000000
--- a/packages/ui-vue2/src/overlay/src/formConfig.ts
+++ /dev/null
@@ -1 +0,0 @@
-export default [];
diff --git a/packages/ui-vue2/src/overlay/src/index.vue b/packages/ui-vue2/src/overlay/src/index.vue
deleted file mode 100644
index 46d8e30e..00000000
--- a/packages/ui-vue2/src/overlay/src/index.vue
+++ /dev/null
@@ -1,75 +0,0 @@
-<template>
-  <magic-ui-container v-if="visible" class="magic-ui-overlay" :config="{ items: config.items }">
-    <slot></slot>
-  </magic-ui-container>
-</template>
-<script lang="ts">
-import { defineComponent, onBeforeUnmount, ref } from 'vue';
-
-import Core from '@tmagic/core';
-import type { MContainer, MNode, MPage } from '@tmagic/schema';
-
-import useApp from '../../useApp';
-
-export default defineComponent({
-  props: {
-    config: {
-      type: Object,
-      default: () => ({}),
-    },
-
-    model: {
-      type: Object,
-      default: () => ({}),
-    },
-  },
-
-  setup(props) {
-    const visible = ref(false);
-    const app: Core | undefined = useApp(props);
-    const node = app?.page?.getNode(props.config.id);
-
-    const openOverlay = () => {
-      visible.value = true;
-      if (app) {
-        app.emit('overlay:open', node);
-      }
-    };
-
-    const closeOverlay = () => {
-      visible.value = false;
-      if (app) {
-        app.emit('overlay:close', node);
-      }
-    };
-
-    const editorSelectHandler = (
-      info: {
-        node: MNode;
-        page: MPage;
-        parent: MContainer;
-      },
-      path: MNode[],
-    ) => {
-      if (path.find((node: MNode) => node.id === props.config.id)) {
-        openOverlay();
-      } else {
-        closeOverlay();
-      }
-    };
-
-    app?.page?.on('editor:select', editorSelectHandler);
-
-    onBeforeUnmount(() => {
-      app?.page?.off('editor:select', editorSelectHandler);
-    });
-
-    return {
-      visible,
-
-      openOverlay,
-      closeOverlay,
-    };
-  },
-});
-</script>
diff --git a/packages/ui-vue2/src/page-fragment-container/index.ts b/packages/ui-vue2/src/page-fragment-container/index.ts
deleted file mode 100644
index 14da745a..00000000
--- a/packages/ui-vue2/src/page-fragment-container/index.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import PageFragmentContainer from './src/PageFragmentContainer.vue';
-
-export { default as config } from './src/formConfig';
-export { default as value } from './src/initValue';
-
-export default PageFragmentContainer;
diff --git a/packages/ui-vue2/src/page-fragment-container/src/PageFragmentContainer.vue b/packages/ui-vue2/src/page-fragment-container/src/PageFragmentContainer.vue
deleted file mode 100644
index 5f3c3d29..00000000
--- a/packages/ui-vue2/src/page-fragment-container/src/PageFragmentContainer.vue
+++ /dev/null
@@ -1,59 +0,0 @@
-<template>
-  <div :id="`${config.id || ''}`" class="magic-ui-page-fragment-container">
-    <magic-ui-container :config="containerConfig" :model="model"></magic-ui-container>
-  </div>
-</template>
-
-<script lang="ts">
-import { computed, defineComponent, PropType } from 'vue';
-
-import { MComponent, MNode } from '@tmagic/schema';
-
-import Container from '../../container';
-import useApp from '../../useApp';
-
-export default defineComponent({
-  components: {
-    'magic-ui-container': Container,
-  },
-
-  props: {
-    config: {
-      type: Object as PropType<MComponent>,
-      default: () => ({}),
-    },
-  },
-
-  setup(props) {
-    const app = useApp(props);
-    const fragment = computed(() => app?.dsl?.items?.find((page) => page.id === props.config.pageFragmentId));
-    const containerConfig = computed(() => {
-      if (!fragment.value) return { items: [] };
-      const { id, type, items, ...others } = fragment.value;
-      const itemsWithoutId = items.map((item: MNode) => {
-        const { id, ...otherConfig } = item;
-        return otherConfig;
-      });
-      if (app?.platform === 'editor') {
-        return {
-          ...others,
-          items: itemsWithoutId,
-        };
-      }
-      return {
-        ...others,
-        items,
-      };
-    });
-    return {
-      containerConfig,
-    };
-  },
-});
-</script>
-<style scoped>
-.in-editor .magic-ui-page-fragment-container {
-  min-width: 100px;
-  min-height: 100px;
-}
-</style>
diff --git a/packages/ui-vue2/src/page-fragment/index.ts b/packages/ui-vue2/src/page-fragment/index.ts
deleted file mode 100644
index a815295c..00000000
--- a/packages/ui-vue2/src/page-fragment/index.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import PageFragment from './src/PageFragment.vue';
-
-export { default as config } from './src/formConfig';
-export { default as value } from './src/initValue';
-
-export default PageFragment;
diff --git a/packages/ui-vue2/src/page-fragment/src/PageFragment.vue b/packages/ui-vue2/src/page-fragment/src/PageFragment.vue
deleted file mode 100644
index fe4db7e5..00000000
--- a/packages/ui-vue2/src/page-fragment/src/PageFragment.vue
+++ /dev/null
@@ -1,42 +0,0 @@
-<template>
-  <div
-    :id="`${config.id || ''}`"
-    :class="`magic-ui-page-fragment magic-ui-container magic-layout-${config.layout}${
-      config.className ? ` ${config.className}` : ''
-    }`"
-    :style="style"
-  >
-    <slot></slot>
-    <magic-ui-component v-for="item in config.items" :key="item.id" :config="item"></magic-ui-component>
-  </div>
-</template>
-
-<script lang="ts">
-import { computed, defineComponent, PropType } from 'vue';
-
-import type { MPageFragment } from '@tmagic/schema';
-
-import MComponent from '../../Component.vue';
-import useApp from '../../useApp';
-
-export default defineComponent({
-  components: {
-    'magic-ui-component': MComponent,
-  },
-
-  props: {
-    config: {
-      type: Object as PropType<MPageFragment>,
-      default: () => ({}),
-    },
-  },
-
-  setup(props) {
-    const app = useApp(props);
-
-    return {
-      style: computed(() => app?.transformStyle(props.config.style || {})),
-    };
-  },
-});
-</script>
diff --git a/packages/ui-vue2/src/page-fragment/src/formConfig.ts b/packages/ui-vue2/src/page-fragment/src/formConfig.ts
deleted file mode 100644
index 39577c52..00000000
--- a/packages/ui-vue2/src/page-fragment/src/formConfig.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-export default [
-  {
-    text: '页面片标识',
-    name: 'name',
-    disabled: true,
-  },
-  {
-    text: '页面片标题',
-    name: 'title',
-  },
-  {
-    name: 'layout',
-    text: '容器布局',
-    type: 'select',
-    defaultValue: 'absolute',
-    options: [
-      { value: 'absolute', text: '绝对定位' },
-      { value: 'relative', text: '流式布局' },
-    ],
-    onChange: (formState: any, v: string, { model }: any) => {
-      if (!model.style) return v;
-      if (v === 'relative') {
-        model.style.height = 'auto';
-      } else {
-        const el = formState.stage?.renderer?.contentWindow.document.getElementById(model.id);
-        if (el) {
-          model.style.height = el.getBoundingClientRect().height;
-        }
-      }
-    },
-  },
-];
diff --git a/packages/ui-vue2/src/page/Page.vue b/packages/ui-vue2/src/page/Page.vue
deleted file mode 100644
index d82c67d1..00000000
--- a/packages/ui-vue2/src/page/Page.vue
+++ /dev/null
@@ -1,46 +0,0 @@
-<template>
-  <div
-    :id="config.id"
-    :class="`magic-ui-page magic-ui-container magic-layout-${config.layout}${
-      config.className ? ` ${config.className}` : ''
-    }`"
-    :style="style"
-  >
-    <slot></slot>
-    <magic-ui-component v-for="item in config.items" :key="item.id" :config="item"></magic-ui-component>
-  </div>
-</template>
-
-<script lang="ts">
-import { computed, defineComponent, PropType } from 'vue';
-
-import type { MPage } from '@tmagic/schema';
-
-import Component from '../Component.vue';
-import useApp from '../useApp';
-
-export default defineComponent({
-  components: {
-    'magic-ui-component': Component,
-  },
-
-  props: {
-    config: {
-      type: Object as PropType<MPage>,
-      default: () => ({}),
-    },
-  },
-
-  setup(props) {
-    const app = useApp(props);
-
-    return {
-      style: computed(() => app?.transformStyle(props.config.style || {})),
-
-      refresh() {
-        window.location.reload();
-      },
-    };
-  },
-});
-</script>
diff --git a/packages/ui-vue2/src/qrcode/index.ts b/packages/ui-vue2/src/qrcode/index.ts
deleted file mode 100644
index fc79e5a1..00000000
--- a/packages/ui-vue2/src/qrcode/index.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import Qrcode from './src/index.vue';
-
-export { default as config } from './src/formConfig';
-export { default as value } from './src/initValue';
-
-export default Qrcode;
diff --git a/packages/ui-vue2/src/qrcode/src/formConfig.ts b/packages/ui-vue2/src/qrcode/src/formConfig.ts
deleted file mode 100644
index e5c4ef09..00000000
--- a/packages/ui-vue2/src/qrcode/src/formConfig.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-export default [
-  {
-    text: '链接',
-    name: 'url',
-    type: 'data-source-input',
-  },
-];
diff --git a/packages/ui-vue2/src/qrcode/src/index.vue b/packages/ui-vue2/src/qrcode/src/index.vue
deleted file mode 100644
index b27bb108..00000000
--- a/packages/ui-vue2/src/qrcode/src/index.vue
+++ /dev/null
@@ -1,46 +0,0 @@
-<template>
-  <img class="magic-ui-qrcode" :src="imgUrl" />
-</template>
-
-<script lang="ts">
-import { defineComponent, ref, watch } from 'vue';
-import QRCode from 'qrcode';
-
-import useApp from '../../useApp';
-
-export default defineComponent({
-  props: {
-    config: {
-      type: Object,
-      default: () => ({}),
-    },
-
-    model: {
-      type: Object,
-      default: () => ({}),
-    },
-  },
-
-  setup(props) {
-    useApp(props);
-    const imgUrl = ref();
-
-    watch(
-      () => props.config.url,
-      (url = '') => {
-        QRCode.toDataURL(url, (e: any, url: string) => {
-          if (e) console.error(e);
-          imgUrl.value = url;
-        });
-      },
-      {
-        immediate: true,
-      },
-    );
-
-    return {
-      imgUrl,
-    };
-  },
-});
-</script>
diff --git a/packages/ui-vue2/src/qrcode/src/initValue.ts b/packages/ui-vue2/src/qrcode/src/initValue.ts
deleted file mode 100644
index 0a2fedc5..00000000
--- a/packages/ui-vue2/src/qrcode/src/initValue.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-export default {
-  url: 'https://m.film.qq.com',
-  style: {
-    position: 'absolute',
-    left: '57',
-    width: '176',
-    height: '176',
-  },
-};
diff --git a/packages/ui-vue2/src/text/Text.vue b/packages/ui-vue2/src/text/Text.vue
deleted file mode 100644
index 344dfbf9..00000000
--- a/packages/ui-vue2/src/text/Text.vue
+++ /dev/null
@@ -1,67 +0,0 @@
-<script lang="ts">
-import { computed, defineComponent, getCurrentInstance, h, inject, PropType } from 'vue';
-
-import type { MComponent } from '@tmagic/schema';
-
-import useApp from '../useApp';
-
-export default defineComponent({
-  props: {
-    config: {
-      type: Object as PropType<MComponent>,
-      default: () => ({}),
-    },
-
-    model: {
-      type: Object,
-      default: () => ({}),
-    },
-
-    vars: {
-      type: Object,
-      default: () => ({}),
-    },
-  },
-
-  setup(props) {
-    useApp(props);
-    const vm = getCurrentInstance()?.proxy;
-    const hoc: any = inject('hoc');
-    const displayText = computed(() => {
-      let text = props.config?.text || '';
-      const { vars } = props;
-      if (hoc?.disabled && props.config?.disabledText) {
-        text = props.config.disabledText;
-      }
-      if (typeof text === 'function') {
-        return text.bind(vm)(vm, { model: props.model });
-      }
-      if (Object.prototype.toString.call(vars) === '[object Object]') {
-        let tmp: string = text;
-        Object.entries(vars).forEach(([key, value]) => {
-          tmp = tmp.replace(new RegExp(`{{${key}}}`, 'g'), value);
-        });
-        return tmp;
-      }
-      return text || '';
-    });
-
-    return {
-      displayText,
-    };
-  },
-
-  render() {
-    const className = this.config?.multiple ? 'magic-ui-text' : 'magic-ui-text magic-ui-text--single-line';
-    if (typeof this.$slots?.default === 'function') {
-      return h('p', { class: className }, [this.$slots?.default?.() || '']);
-    }
-    return h('p', {
-      class: className,
-      domProps: {
-        innerHTML: this.displayText,
-      },
-    });
-  },
-});
-</script>
diff --git a/packages/ui-vue2/src/text/formConfig.ts b/packages/ui-vue2/src/text/formConfig.ts
deleted file mode 100644
index 2e86b78c..00000000
--- a/packages/ui-vue2/src/text/formConfig.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-export default [
-  {
-    name: 'text',
-    text: '文本',
-    type: 'data-source-input',
-  },
-  {
-    name: 'multiple',
-    text: '多行文本',
-    type: 'switch',
-  },
-];
diff --git a/packages/ui-vue2/src/text/initValue.ts b/packages/ui-vue2/src/text/initValue.ts
deleted file mode 100644
index efe47eea..00000000
--- a/packages/ui-vue2/src/text/initValue.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-export default {
-  type: 'text',
-  text: '请输入文本内容',
-  multiple: true,
-  style: {
-    width: '100',
-    height: 'auto',
-  },
-};
diff --git a/packages/ui-vue2/src/useApp.ts b/packages/ui-vue2/src/useApp.ts
deleted file mode 100644
index b4dde025..00000000
--- a/packages/ui-vue2/src/useApp.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { getCurrentInstance, inject, onBeforeUnmount, onMounted } from 'vue';
-
-import Core from '@tmagic/core';
-
-export default (props: any) => {
-  const app: Core | undefined = inject('app');
-  const node = app?.page?.getNode(props.config.id);
-
-  const vm = getCurrentInstance()?.proxy;
-
-  node?.emit('created', vm);
-
-  onMounted(() => {
-    node?.emit('mounted', vm);
-  });
-
-  onBeforeUnmount(() => {
-    node?.emit('destroy', vm);
-  });
-
-  return app;
-};
diff --git a/packages/ui-vue2/src/useCommonMethod.ts b/packages/ui-vue2/src/useCommonMethod.ts
deleted file mode 100644
index f78d7d58..00000000
--- a/packages/ui-vue2/src/useCommonMethod.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { getCurrentInstance } from 'vue';
-
-export default () => {
-  const vm = getCurrentInstance()?.proxy;
-  return {
-    show: () => {
-      vm.$set(vm.config.style, 'display', 'initial');
-    },
-    hide: () => {
-      vm.$set(vm.config.style, 'display', 'none');
-    },
-  };
-};
diff --git a/packages/ui/README.md b/packages/ui/README.md
deleted file mode 100644
index 0c425cb8..00000000
--- a/packages/ui/README.md
+++ /dev/null
@@ -1 +0,0 @@
-# [文档](https://tencent.github.io/tmagic-editor/docs/)
\ No newline at end of file
diff --git a/packages/ui/src/button/index.ts b/packages/ui/src/button/index.ts
deleted file mode 100644
index 36ae9fe6..00000000
--- a/packages/ui/src/button/index.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import Button from './src/index.vue';
-
-export { default as config } from './src/formConfig';
-export { default as value } from './src/initValue';
-
-export default Button;
diff --git a/packages/ui/src/button/src/formConfig.ts b/packages/ui/src/button/src/formConfig.ts
deleted file mode 100644
index 22a9a517..00000000
--- a/packages/ui/src/button/src/formConfig.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-export default [
-  {
-    text: '文本',
-    name: 'text',
-    type: 'data-source-input',
-  },
-];
diff --git a/packages/ui/src/button/src/index.vue b/packages/ui/src/button/src/index.vue
deleted file mode 100644
index 57f7aba6..00000000
--- a/packages/ui/src/button/src/index.vue
+++ /dev/null
@@ -1,33 +0,0 @@
-<template>
-  <button class="magic-ui-button">
-    <slot>
-      <p>{{ config?.text || '' }}</p>
-    </slot>
-  </button>
-</template>
-
-<script lang="ts" setup>
-import type { MComponent } from '@tmagic/schema';
-
-import useApp from '../../useApp';
-
-interface ButtonSchema extends MComponent {
-  type: 'button';
-  text: string;
-}
-
-const props = withDefaults(
-  defineProps<{
-    config: ButtonSchema;
-    model?: any;
-  }>(),
-  {
-    model: () => ({}),
-  },
-);
-
-useApp({
-  config: props.config,
-  methods: {},
-});
-</script>
diff --git a/packages/ui/src/container/index.ts b/packages/ui/src/container/index.ts
deleted file mode 100644
index 327fe768..00000000
--- a/packages/ui/src/container/index.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import Container from './src/Container.vue';
-
-export { default as config } from './src/formConfig';
-export { default as value } from './src/initValue';
-
-export default Container;
diff --git a/packages/ui/src/container/src/Container.vue b/packages/ui/src/container/src/Container.vue
deleted file mode 100644
index 8ca1a9d7..00000000
--- a/packages/ui/src/container/src/Container.vue
+++ /dev/null
@@ -1,52 +0,0 @@
-<template>
-  <div v-if="display(config)" :id="`${config.id}`" :class="className" :style="style">
-    <slot>
-      <template v-for="item in config.items">
-        <component
-          v-if="display(item)"
-          :key="item.id"
-          :is="`magic-ui-${toLine(item.type)}`"
-          :id="item.id"
-          :class="`${item.className || ''}`"
-          :style="app?.transformStyle(item.style || {})"
-          :config="item"
-        ></component>
-      </template>
-    </slot>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { computed } from 'vue';
-
-import type { MContainer } from '@tmagic/schema';
-import { toLine } from '@tmagic/utils';
-
-import useApp from '../../useApp';
-
-const props = withDefaults(
-  defineProps<{
-    config: MContainer;
-    model?: any;
-  }>(),
-  {
-    model: () => ({}),
-  },
-);
-
-const { style, display, app } = useApp({
-  config: props.config,
-  methods: {},
-});
-
-const className = computed(() => {
-  const list = ['magic-ui-container'];
-  if (props.config.layout) {
-    list.push(`magic-layout-${props.config.layout}`);
-  }
-  if (props.config.className) {
-    list.push(props.config.className);
-  }
-  return list.join(' ');
-});
-</script>
diff --git a/packages/ui/src/img/index.ts b/packages/ui/src/img/index.ts
deleted file mode 100644
index d093fcd3..00000000
--- a/packages/ui/src/img/index.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import Img from './src/index.vue';
-
-export { default as config } from './src/formConfig';
-export { default as value } from './src/initValue';
-
-export default Img;
diff --git a/packages/ui/src/img/src/index.vue b/packages/ui/src/img/src/index.vue
deleted file mode 100644
index da216312..00000000
--- a/packages/ui/src/img/src/index.vue
+++ /dev/null
@@ -1,34 +0,0 @@
-<template>
-  <img class="magic-ui-img" :src="config.src" @click="clickHandler" />
-</template>
-
-<script lang="ts" setup>
-import type { MComponent } from '@tmagic/schema';
-
-import useApp from '../../useApp';
-
-interface ImgSchema extends MComponent {
-  type: 'img';
-  src: string;
-  url: string;
-}
-
-const props = withDefaults(
-  defineProps<{
-    config: ImgSchema;
-    model?: any;
-  }>(),
-  {
-    model: () => ({}),
-  },
-);
-
-const clickHandler = () => {
-  if (props.config.url) window.location.href = props.config.url;
-};
-
-useApp({
-  config: props.config,
-  methods: {},
-});
-</script>
diff --git a/packages/ui/src/index.ts b/packages/ui/src/index.ts
deleted file mode 100644
index 28c846bc..00000000
--- a/packages/ui/src/index.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import Button from './button';
-import Container from './container';
-import Img from './img';
-import IteratorContainer from './iterator-container';
-import Overlay from './overlay';
-import Page from './page';
-import PageFragment from './page-fragment';
-import PageFragmentContainer from './page-fragment-container';
-import QRcode from './qrcode';
-import Text from './text';
-
-const ui: Record<string, any> = {
-  page: Page,
-  container: Container,
-  button: Button,
-  text: Text,
-  img: Img,
-  qrcode: QRcode,
-  overlay: Overlay,
-  'page-fragment-container': PageFragmentContainer,
-  'page-fragment': PageFragment,
-  'iterator-container': IteratorContainer,
-};
-
-export default ui;
diff --git a/packages/ui/src/iterator-container/index.ts b/packages/ui/src/iterator-container/index.ts
deleted file mode 100644
index f05bdae6..00000000
--- a/packages/ui/src/iterator-container/index.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import IteratorContainer from './src/IteratorContainer.vue';
-
-export { default as config } from './src/formConfig';
-export { default as value } from './src/initValue';
-
-export default IteratorContainer;
diff --git a/packages/ui/src/iterator-container/src/IteratorContainer.vue b/packages/ui/src/iterator-container/src/IteratorContainer.vue
deleted file mode 100644
index 5350bbfe..00000000
--- a/packages/ui/src/iterator-container/src/IteratorContainer.vue
+++ /dev/null
@@ -1,63 +0,0 @@
-<template>
-  <div class="magic-ui-iterator-container">
-    <Container v-for="(item, index) in configs" :key="index" :config="item"></Container>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { computed } from 'vue';
-
-import { type MContainer, NodeType } from '@tmagic/schema';
-
-import Container from '../../container';
-import useApp from '../../useApp';
-
-const props = withDefaults(
-  defineProps<{
-    config: MContainer & {
-      type: 'iterator-container';
-      iteratorData: any[];
-      dsField: string[];
-      itemConfig: {
-        layout: string;
-        style: Record<string, string | number>;
-      };
-    };
-    model?: any;
-  }>(),
-  {
-    model: () => ({}),
-  },
-);
-
-const { app } = useApp({
-  config: props.config,
-  methods: {},
-});
-
-const configs = computed(() => {
-  let { iteratorData = [] } = props.config;
-
-  if (!Array.isArray(iteratorData)) {
-    iteratorData = [];
-  }
-
-  if (app?.platform === 'editor' && !iteratorData.length) {
-    iteratorData.push({});
-  }
-
-  return iteratorData.map((itemData) => ({
-    items:
-      app?.dataSourceManager?.compliedIteratorItems(itemData, props.config.items, props.config.dsField) ??
-      props.config.items,
-    id: '',
-    type: NodeType.CONTAINER,
-    style: {
-      ...props.config.itemConfig.style,
-      position: 'relative',
-      left: 0,
-      top: 0,
-    },
-  }));
-});
-</script>
diff --git a/packages/ui/src/iterator-container/src/formConfig.ts b/packages/ui/src/iterator-container/src/formConfig.ts
deleted file mode 100644
index 84abf3cf..00000000
--- a/packages/ui/src/iterator-container/src/formConfig.ts
+++ /dev/null
@@ -1,113 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import { DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX } from '@tmagic/utils';
-
-export default [
-  {
-    name: 'iteratorData',
-    text: '数据源数据',
-    value: 'value',
-    dataSourceFieldType: ['array'],
-    checkStrictly: false,
-    type: 'data-source-field-select',
-    onChange: (vm: any, v: string[] = [], { model }: any) => {
-      if (Array.isArray(v)) {
-        const [dsId, ...keys] = v;
-        model.dsField = [dsId.replace(DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX, ''), ...keys];
-      } else {
-        model.dsField = [];
-      }
-    },
-  },
-  {
-    name: 'dsField',
-    type: 'hidden',
-  },
-  {
-    type: 'panel',
-    title: '子项配置',
-    name: 'itemConfig',
-    items: [
-      {
-        name: 'layout',
-        text: '容器布局',
-        type: 'select',
-        defaultValue: 'absolute',
-        options: [
-          { value: 'absolute', text: '绝对定位' },
-          { value: 'relative', text: '流式布局', disabled: true },
-        ],
-      },
-      {
-        type: 'fieldset',
-        legend: '样式',
-        name: 'style',
-        items: [
-          {
-            name: 'width',
-            text: '宽度',
-          },
-          {
-            name: 'height',
-            text: '高度',
-          },
-          {
-            text: 'overflow',
-            name: 'overflow',
-            type: 'select',
-            options: [
-              { text: 'visible', value: 'visible' },
-              { text: 'hidden', value: 'hidden' },
-              { text: 'clip', value: 'clip' },
-              { text: 'scroll', value: 'scroll' },
-              { text: 'auto', value: 'auto' },
-              { text: 'overlay', value: 'overlay' },
-            ],
-          },
-          {
-            name: 'backgroundImage',
-            text: '背景图',
-          },
-          {
-            name: 'backgroundColor',
-            text: '背景颜色',
-            type: 'colorPicker',
-          },
-          {
-            name: 'backgroundRepeat',
-            text: '背景图重复',
-            type: 'select',
-            defaultValue: 'no-repeat',
-            options: [
-              { text: 'repeat', value: 'repeat' },
-              { text: 'repeat-x', value: 'repeat-x' },
-              { text: 'repeat-y', value: 'repeat-y' },
-              { text: 'no-repeat', value: 'no-repeat' },
-              { text: 'inherit', value: 'inherit' },
-            ],
-          },
-          {
-            name: 'backgroundSize',
-            text: '背景图大小',
-            defaultValue: '100% 100%',
-          },
-        ],
-      },
-    ],
-  },
-];
diff --git a/packages/ui/src/overlay/index.ts b/packages/ui/src/overlay/index.ts
deleted file mode 100644
index b68c8e61..00000000
--- a/packages/ui/src/overlay/index.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import Overlay from './src/index.vue';
-
-export { default as config } from './src/formConfig';
-export { default as value } from './src/initValue';
-export { default as event } from './src/event';
-
-export default Overlay;
diff --git a/packages/ui/src/overlay/src/event.ts b/packages/ui/src/overlay/src/event.ts
deleted file mode 100644
index 8736a9e9..00000000
--- a/packages/ui/src/overlay/src/event.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-export default {
-  methods: [
-    {
-      label: '打开蒙层',
-      value: 'openOverlay',
-    },
-    {
-      label: '关闭蒙层',
-      value: 'closeOverlay',
-    },
-  ],
-  events: [
-    {
-      label: '打开蒙层',
-      value: 'overlay:open',
-    },
-    {
-      label: '关闭蒙层',
-      value: 'overlay:close',
-    },
-  ],
-};
diff --git a/packages/ui/src/overlay/src/formConfig.ts b/packages/ui/src/overlay/src/formConfig.ts
deleted file mode 100644
index d6d1738d..00000000
--- a/packages/ui/src/overlay/src/formConfig.ts
+++ /dev/null
@@ -1 +0,0 @@
-export default [];
diff --git a/packages/ui/src/overlay/src/index.vue b/packages/ui/src/overlay/src/index.vue
deleted file mode 100644
index 0e8eb186..00000000
--- a/packages/ui/src/overlay/src/index.vue
+++ /dev/null
@@ -1,64 +0,0 @@
-<template>
-  <magic-ui-container v-if="visible" class="magic-ui-overlay" :config="{ items: config.items }">
-    <slot></slot>
-  </magic-ui-container>
-</template>
-
-<script lang="ts" setup>
-import { onBeforeUnmount, ref } from 'vue';
-
-import type { MContainer, MNode, MPage } from '@tmagic/schema';
-
-import useApp from '../../useApp';
-
-interface OverlaySchema extends MContainer {
-  type: 'overlay';
-}
-
-const props = withDefaults(
-  defineProps<{
-    config: OverlaySchema;
-    model?: any;
-  }>(),
-  {
-    model: () => ({}),
-  },
-);
-
-const visible = ref(false);
-
-const { app, node } = useApp({
-  config: props.config,
-  methods: {
-    openOverlay() {
-      visible.value = true;
-      app?.emit('overlay:open', node);
-    },
-    closeOverlay() {
-      visible.value = false;
-      app?.emit('overlay:close', node);
-    },
-  },
-});
-
-const editorSelectHandler = (
-  info: {
-    node: MNode;
-    page: MPage;
-    parent: MContainer;
-  },
-  path: MNode[],
-) => {
-  if (path.find((node: MNode) => node.id === props.config.id)) {
-    node?.instance.openOverlay();
-  } else {
-    node?.instance.closeOverlay();
-  }
-};
-
-app?.page?.on('editor:select', editorSelectHandler);
-
-onBeforeUnmount(() => {
-  app?.page?.off('editor:select', editorSelectHandler);
-});
-</script>
diff --git a/packages/ui/src/overlay/src/initValue.ts b/packages/ui/src/overlay/src/initValue.ts
deleted file mode 100644
index a4c6ffc1..00000000
--- a/packages/ui/src/overlay/src/initValue.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-export default {
-  style: {
-    position: 'fixed',
-    width: '100%',
-    height: '100%',
-    top: 0,
-    left: 0,
-    backgroundColor: 'rgba(0, 0, 0, 0.8)',
-  },
-  items: [],
-};
diff --git a/packages/ui/src/page-fragment-container/index.ts b/packages/ui/src/page-fragment-container/index.ts
deleted file mode 100644
index 14da745a..00000000
--- a/packages/ui/src/page-fragment-container/index.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import PageFragmentContainer from './src/PageFragmentContainer.vue';
-
-export { default as config } from './src/formConfig';
-export { default as value } from './src/initValue';
-
-export default PageFragmentContainer;
diff --git a/packages/ui/src/page-fragment-container/src/PageFragmentContainer.vue b/packages/ui/src/page-fragment-container/src/PageFragmentContainer.vue
deleted file mode 100644
index b9af94d5..00000000
--- a/packages/ui/src/page-fragment-container/src/PageFragmentContainer.vue
+++ /dev/null
@@ -1,67 +0,0 @@
-<template>
-  <div :id="`${config.id || ''}`" class="magic-ui-page-fragment-container">
-    <Container :config="containerConfig" :model="model"></Container>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { computed } from 'vue';
-
-import { type MComponent, type MNode, NodeType } from '@tmagic/schema';
-
-import Container from '../../container';
-import useApp from '../../useApp';
-
-const props = withDefaults(
-  defineProps<{
-    config: MComponent;
-    model?: any;
-  }>(),
-  {
-    model: () => ({}),
-  },
-);
-
-const { app } = useApp({
-  config: props.config,
-  methods: {},
-});
-
-const fragment = computed(() => app?.dsl?.items?.find((page) => page.id === props.config.pageFragmentId));
-
-const containerConfig = computed(() => {
-  if (!fragment.value) return { items: [], id: '', type: NodeType.CONTAINER };
-
-  const { id, type, items, ...others } = fragment.value;
-  const itemsWithoutId = items.map((item: MNode) => {
-    const { id, ...otherConfig } = item;
-    return {
-      id: '',
-      ...otherConfig,
-    };
-  });
-
-  if (app?.platform === 'editor') {
-    return {
-      ...others,
-      items: itemsWithoutId,
-      id: '',
-      type: NodeType.CONTAINER,
-    };
-  }
-
-  return {
-    ...others,
-    items,
-    id: '',
-    type: NodeType.CONTAINER,
-  };
-});
-</script>
-
-<style scoped>
-.in-editor .magic-ui-page-fragment-container {
-  min-width: 100px;
-  min-height: 100px;
-}
-</style>
diff --git a/packages/ui/src/page-fragment-container/src/formConfig.ts b/packages/ui/src/page-fragment-container/src/formConfig.ts
deleted file mode 100644
index 3ba71aa2..00000000
--- a/packages/ui/src/page-fragment-container/src/formConfig.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-export default [
-  {
-    name: 'pageFragmentId',
-    text: '页面片ID',
-    type: 'page-fragment-select',
-  },
-];
diff --git a/packages/ui/src/page-fragment/index.ts b/packages/ui/src/page-fragment/index.ts
deleted file mode 100644
index a815295c..00000000
--- a/packages/ui/src/page-fragment/index.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import PageFragment from './src/PageFragment.vue';
-
-export { default as config } from './src/formConfig';
-export { default as value } from './src/initValue';
-
-export default PageFragment;
diff --git a/packages/ui/src/page-fragment/src/PageFragment.vue b/packages/ui/src/page-fragment/src/PageFragment.vue
deleted file mode 100644
index f932644a..00000000
--- a/packages/ui/src/page-fragment/src/PageFragment.vue
+++ /dev/null
@@ -1,25 +0,0 @@
-<template>
-  <MContainer class="magic-ui-page-fragment" :config="config"></MContainer>
-</template>
-
-<script lang="ts" setup>
-import type { MPageFragment } from '@tmagic/schema';
-
-import MContainer from '../../container';
-import useApp from '../../useApp';
-
-const props = withDefaults(
-  defineProps<{
-    config: MPageFragment;
-    model?: any;
-  }>(),
-  {
-    model: () => ({}),
-  },
-);
-
-useApp({
-  config: props.config,
-  methods: {},
-});
-</script>
diff --git a/packages/ui/src/page/index.ts b/packages/ui/src/page/index.ts
deleted file mode 100644
index 02999c81..00000000
--- a/packages/ui/src/page/index.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import Page from './src/index.vue';
-
-export { default as config } from './src/formConfig';
-export { default as value } from './src/initValue';
-export { default as event } from './src/event';
-
-export default Page;
diff --git a/packages/ui/src/page/src/event.ts b/packages/ui/src/page/src/event.ts
deleted file mode 100644
index ee58371f..00000000
--- a/packages/ui/src/page/src/event.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-export default {
-  methods: [
-    {
-      label: '刷新页面',
-      value: 'refresh',
-    },
-  ],
-};
diff --git a/packages/ui/src/page/src/index.vue b/packages/ui/src/page/src/index.vue
deleted file mode 100644
index f9310ca7..00000000
--- a/packages/ui/src/page/src/index.vue
+++ /dev/null
@@ -1,29 +0,0 @@
-<template>
-  <MContainer class="magic-ui-page" :config="config"></MContainer>
-</template>
-
-<script lang="ts" setup>
-import type { MPage } from '@tmagic/schema';
-
-import MContainer from '../../container';
-import useApp from '../../useApp';
-
-const props = withDefaults(
-  defineProps<{
-    config: MPage;
-    model?: any;
-  }>(),
-  {
-    model: () => ({}),
-  },
-);
-
-const refresh = () => {
-  window.location.reload();
-};
-
-useApp({
-  config: props.config,
-  methods: { refresh },
-});
-</script>
diff --git a/packages/ui/src/qrcode/index.ts b/packages/ui/src/qrcode/index.ts
deleted file mode 100644
index fc79e5a1..00000000
--- a/packages/ui/src/qrcode/index.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import Qrcode from './src/index.vue';
-
-export { default as config } from './src/formConfig';
-export { default as value } from './src/initValue';
-
-export default Qrcode;
diff --git a/packages/ui/src/qrcode/src/formConfig.ts b/packages/ui/src/qrcode/src/formConfig.ts
deleted file mode 100644
index e5c4ef09..00000000
--- a/packages/ui/src/qrcode/src/formConfig.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-export default [
-  {
-    text: '链接',
-    name: 'url',
-    type: 'data-source-input',
-  },
-];
diff --git a/packages/ui/src/qrcode/src/index.vue b/packages/ui/src/qrcode/src/index.vue
deleted file mode 100644
index db9f8103..00000000
--- a/packages/ui/src/qrcode/src/index.vue
+++ /dev/null
@@ -1,42 +0,0 @@
-<template>
-  <img class="magic-ui-qrcode" :src="imgUrl" />
-</template>
-
-<script lang="ts" setup>
-import { ref, watch } from 'vue';
-import QRCode from 'qrcode';
-
-import type { MComponent } from '@tmagic/schema';
-
-import useApp from '../../useApp';
-
-const props = withDefaults(
-  defineProps<{
-    config: MComponent;
-    model?: any;
-  }>(),
-  {
-    model: () => ({}),
-  },
-);
-
-const imgUrl = ref();
-
-watch(
-  () => props.config.url,
-  (url = '') => {
-    QRCode.toDataURL(url, (e: any, url: string) => {
-      if (e) console.error(e);
-      imgUrl.value = url;
-    });
-  },
-  {
-    immediate: true,
-  },
-);
-
-useApp({
-  config: props.config,
-  methods: {},
-});
-</script>
diff --git a/packages/ui/src/text/index.ts b/packages/ui/src/text/index.ts
deleted file mode 100644
index 5f281eae..00000000
--- a/packages/ui/src/text/index.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import Text from './src/index.vue';
-
-export { default as config } from './src/formConfig';
-export { default as value } from './src/initValue';
-
-export default Text;
diff --git a/packages/ui/src/text/src/index.vue b/packages/ui/src/text/src/index.vue
deleted file mode 100644
index eb0764bd..00000000
--- a/packages/ui/src/text/src/index.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<template>
-  <p>{{ config.text }}</p>
-</template>
-
-<script lang="ts" setup>
-import type { MComponent } from '@tmagic/schema';
-
-import useApp from '../../useApp';
-
-const props = withDefaults(
-  defineProps<{
-    config: MComponent & { type: 'text'; text: string };
-    model?: any;
-  }>(),
-  {
-    model: () => ({}),
-  },
-);
-
-useApp({
-  config: props.config,
-  methods: {},
-});
-</script>
diff --git a/packages/ui/src/types.ts b/packages/ui/src/types.ts
deleted file mode 100644
index 2bc7db51..00000000
--- a/packages/ui/src/types.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-/* style */
-export type PartCSSStyle = {
-  [key in keyof CSSStyleDeclaration]?: string | number;
-};
-export type CSSStyleKey = keyof CSSStyleDeclaration;
-export type CanModifyCSSStyleKey = Exclude<CSSStyleKey, 'length' | 'parentRule'>;
-export type StyleCfg = ((p1: any, p2: any) => PartCSSStyle) | PartCSSStyle;
-
-/* event */
-export interface MEvent {
-  name: string;
-  to: number | string;
-  method: string;
-}
-export interface MEventInMap {
-  from: number | string;
-  to: number | string;
-  method: string;
-}
-export type MEventMapType = Record<string, MEventInMap[]>;
-export type MEventQueueMapType = Record<string | number, MEventInMap[]>;
-export interface MEventBus {
-  $on: (...args: any) => void;
-  $off: (...args: any) => void;
-  $once: (...args: any) => void;
-  $emit: (...args: any) => void;
-}
diff --git a/packages/ui/src/useApp.ts b/packages/ui/src/useApp.ts
deleted file mode 100644
index 32d20627..00000000
--- a/packages/ui/src/useApp.ts
+++ /dev/null
@@ -1,75 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { computed, inject, onBeforeUnmount, onMounted } from 'vue';
-
-import Core from '@tmagic/core';
-import type { MNode } from '@tmagic/schema';
-
-interface UseAppOptions<T extends MNode = MNode> {
-  config: T;
-  methods?: {
-    [key: string]: Function;
-  };
-}
-
-export default ({ methods, config }: UseAppOptions) => {
-  const app: Core | undefined = inject('app');
-
-  const node = app?.page?.getNode(config.id || '');
-
-  const style = computed(() => (app ? app.transformStyle(config.style || {}) : config.style));
-
-  const emitData = {
-    config,
-    ...methods,
-  };
-
-  const display = <T extends MNode>(config: T) => {
-    if (config.visible === false) return false;
-    if (config.condResult === false) return false;
-
-    const displayCfg = config.display;
-
-    if (typeof displayCfg === 'function') {
-      return displayCfg(app);
-    }
-
-    return displayCfg !== false;
-  };
-
-  if (node) {
-    node.emit('created', emitData);
-
-    onMounted(() => {
-      node.emit('mounted', emitData);
-    });
-
-    onBeforeUnmount(() => {
-      node.emit('destroy', emitData);
-    });
-  }
-
-  return {
-    app,
-    node,
-    style,
-
-    display,
-  };
-};
diff --git a/packages/ui/tests/unit/button.spec.ts b/packages/ui/tests/unit/button.spec.ts
deleted file mode 100644
index feb3355f..00000000
--- a/packages/ui/tests/unit/button.spec.ts
+++ /dev/null
@@ -1,72 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { describe, expect, test } from 'vitest';
-import { config, mount } from '@vue/test-utils';
-
-import Button from '../../src/button/index';
-import initValue from '../../src/button/src/initValue';
-import Text from '../../src/text/index';
-
-config.global.provide = {
-  hoc: {
-    disabled: false,
-  },
-};
-
-config.global.components = {
-  MagicUiText: Text,
-};
-
-describe('ui:button', () => {
-  test.skip('ui:button:默认', async () => {
-    const wrapper = mount(Button, {
-      props: {
-        config: {
-          id: '1',
-          ...initValue,
-        },
-      },
-    });
-    expect(wrapper.find('.magic-ui-text').exists()).toBe(true);
-    const vm = wrapper.vm as any;
-    vm.pushAction((vm: any) => {
-      vm.flag = true;
-    });
-    await wrapper.find('.magic-ui-button').trigger('click');
-    expect(vm.flag).toBe(true);
-  });
-
-  test.skip('ui:button:preAction失败', async () => {
-    const wrapper = mount(Button, {
-      props: {
-        config: {
-          id: '2',
-          ...initValue,
-          preAction: () => false,
-        },
-      },
-    });
-    const vm = wrapper.vm as any;
-    vm.pushAction((vm: any) => {
-      vm.flag = true;
-    });
-    await wrapper.find('.magic-ui-button').trigger('click');
-    expect(vm.flag).toBe(undefined);
-  });
-});
diff --git a/packages/ui/tests/unit/text.spec.ts b/packages/ui/tests/unit/text.spec.ts
deleted file mode 100644
index e8a50589..00000000
--- a/packages/ui/tests/unit/text.spec.ts
+++ /dev/null
@@ -1,120 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { describe, expect, test } from 'vitest';
-import { config, mount } from '@vue/test-utils';
-
-import Text from '../../src/text/index';
-import initValue from '../../src/text/src/initValue';
-
-config.global.provide = {
-  hoc: {
-    disabled: false,
-  },
-};
-
-describe('ui:text', () => {
-  test.skip('ui:text:默认状态', () => {
-    const wrapper = mount(Text, {
-      props: {
-        config: {
-          id: '1',
-          ...initValue,
-        },
-      },
-    });
-    expect(wrapper.find('.magic-ui-text').text()).toBe(initValue.text);
-  });
-
-  test.skip('ui:text:置灰状态', () => {
-    const wrapper = mount(Text, {
-      props: {
-        config: {
-          id: '2',
-          ...initValue,
-          disabledText: '置灰状态',
-        },
-      },
-      global: {
-        provide: {
-          hoc: {
-            disabled: true,
-          },
-        },
-      },
-    });
-    expect(wrapper.find('.magic-ui-text').text()).toBe('置灰状态');
-  });
-
-  test.skip('ui:text:变量', () => {
-    const wrapper = mount(Text, {
-      props: {
-        config: {
-          id: '3',
-          ...initValue,
-          text: '{{var1}}',
-        },
-        vars: {
-          var1: '变量',
-        },
-      },
-    });
-    expect(wrapper.find('.magic-ui-text').text()).toBe('变量');
-  });
-
-  test.skip('ui:text:text函数', () => {
-    const wrapper = mount(Text, {
-      props: {
-        config: {
-          id: '4',
-          ...initValue,
-          text: () => '函数返回文字',
-        },
-      },
-    });
-    expect(wrapper.find('.magic-ui-text').text()).toBe('函数返回文字');
-  });
-
-  test.skip('ui:text:multiple', () => {
-    const wrapper = mount(Text, {
-      props: {
-        config: {
-          id: '5',
-          ...initValue,
-          multiple: false,
-        },
-      },
-    });
-    expect(wrapper.find('.magic-ui-text.magic-ui-text--single-line').exists()).toBe(true);
-  });
-
-  test.skip('ui:text:slot', () => {
-    const wrapper = mount(Text, {
-      props: {
-        config: {
-          id: '6',
-          ...initValue,
-        },
-      },
-      slots: {
-        default: 'Default',
-      },
-    });
-    expect(wrapper.find('.magic-ui-text').text()).toBe('Default');
-  });
-});
diff --git a/packages/ui/tsconfig.json b/packages/ui/tsconfig.json
deleted file mode 100644
index a80ed035..00000000
--- a/packages/ui/tsconfig.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "baseUrl": "../..",
-  },
-  "exclude": [
-    "**/dist/**/*"
-  ],
-}
diff --git a/packages/utils/package.json b/packages/utils/package.json
index fb8974e3..661f074f 100644
--- a/packages/utils/package.json
+++ b/packages/utils/package.json
@@ -1,52 +1,41 @@
 {
-  "version": "1.4.7",
+  "version": "1.7.8",
   "name": "@tmagic/utils",
   "type": "module",
+  "sideEffects": false,
   "main": "dist/tmagic-utils.umd.cjs",
-  "module": "dist/tmagic-utils.js",
+  "module": "dist/es/index.js",
   "types": "types/index.d.ts",
   "exports": {
     ".": {
       "types": "./types/index.d.ts",
-      "import": "./dist/tmagic-utils.js",
+      "import": "./dist/es/index.js",
       "require": "./dist/tmagic-utils.umd.cjs"
-    },
-    "./resetcss.css": {
-      "import": "./src/resetcss.css",
-      "require": "./src/resetcss.css"
     }
   },
   "files": [
     "dist",
-    "types"
+    "types",
+    "src"
   ],
   "license": "Apache-2.0",
-  "scripts": {
-    "build": "rimraf ./dist && npm run build:type && vite build --mode=es && vite build --mode=umd",
-    "build:type": "npm run clear:type && tsc --declaration --emitDeclarationOnly --project tsconfig.build.json",
-    "clear:type": "rimraf ./types",
-    "check:type": "tsc --noEmit --project tsconfig.build.json"
-  },
   "engines": {
     "node": ">=18"
   },
   "repository": {
+    "directory": "packages/utils",
     "type": "git",
     "url": "https://github.com/Tencent/tmagic-editor.git"
   },
   "dependencies": {
-    "dayjs": "^1.11.11",
     "lodash-es": "^4.17.21"
   },
   "devDependencies": {
-    "@types/lodash-es": "^4.17.4",
-    "@types/node": "^18.19.0",
-    "rimraf": "^3.0.2",
-    "vite": "^5.2.12"
+    "@types/lodash-es": "^4.17.4"
   },
   "peerDependencies": {
     "@tmagic/schema": "workspace:*",
-    "typescript": "*"
+    "typescript": "catalog:"
   },
   "peerDependenciesMeta": {
     "typescript": {
diff --git a/packages/utils/src/dom.ts b/packages/utils/src/dom.ts
index 25f3a189..b9bec309 100644
--- a/packages/utils/src/dom.ts
+++ b/packages/utils/src/dom.ts
@@ -122,3 +122,27 @@ export const calcValueByFontsize = (doc: Document | undefined, value: number) =>
 
   return value;
 };
+
+const dslDomRelateConfig = {
+  getIdFromEl: (el?: HTMLElement | SVGElement | null) => el?.dataset?.tmagicId,
+  getElById: (doc?: Document, id?: string | number) => doc?.querySelector(`[data-tmagic-id="${id}"]`) as HTMLElement,
+  setIdToEl: (el: HTMLElement | SVGElement, id: string | number) => {
+    el.dataset.tmagicId = `${id}`;
+  },
+};
+
+export const setDslDomRelateConfig = <
+  K extends keyof typeof dslDomRelateConfig,
+  T extends (typeof dslDomRelateConfig)[K],
+>(
+  name: K,
+  value: T,
+) => {
+  dslDomRelateConfig[name] = value;
+};
+
+export const getIdFromEl = () => dslDomRelateConfig.getIdFromEl;
+
+export const getElById = () => dslDomRelateConfig.getElById;
+
+export const setIdToEl = () => dslDomRelateConfig.setIdToEl;
diff --git a/packages/utils/src/index.ts b/packages/utils/src/index.ts
index ca070800..070035c0 100644
--- a/packages/utils/src/index.ts
+++ b/packages/utils/src/index.ts
@@ -1,7 +1,8 @@
+/* eslint-disable no-nested-ternary */
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -16,15 +17,44 @@
  * limitations under the License.
  */
 
-import dayjs from 'dayjs';
-import utc from 'dayjs/plugin/utc';
 import { cloneDeep, set as objectSet } from 'lodash-es';
 
-import type { DataSchema, DataSourceDeps, Id, MComponent, MNode } from '@tmagic/schema';
+import type {
+  DataSchema,
+  DataSourceDeps,
+  Id,
+  MApp,
+  MComponent,
+  MContainer,
+  MNode,
+  MNodeInstance,
+  MPage,
+  MPageFragment,
+} from '@tmagic/schema';
 import { NodeType } from '@tmagic/schema';
 
+import type { EditorNodeInfo } from '@editor/type';
+
 export * from './dom';
 
+// for typeof global checks without @types/node
+declare let global: {};
+
+// eslint-disable-next-line @typescript-eslint/naming-convention
+let _globalThis: any;
+export const getGlobalThis = (): any =>
+  _globalThis ||
+  (_globalThis =
+    typeof globalThis !== 'undefined'
+      ? globalThis
+      : typeof self !== 'undefined'
+        ? self
+        : typeof window !== 'undefined'
+          ? window
+          : typeof global !== 'undefined'
+            ? global
+            : {});
+
 export const sleep = (ms: number): Promise<void> =>
   new Promise((resolve) => {
     const timer = setTimeout(() => {
@@ -33,36 +63,10 @@ export const sleep = (ms: number): Promise<void> =>
     }, ms);
   });
 
-export const datetimeFormatter = (
-  v: string | Date,
-  defaultValue = '-',
-  format = 'YYYY-MM-DD HH:mm:ss',
-): string | number => {
-  if (v) {
-    let time = null;
-    if (['x', 'timestamp'].includes(format)) {
-      time = dayjs(v).valueOf();
-    } else if ((typeof v === 'string' && v.includes('Z')) || v.constructor === Date) {
-      dayjs.extend(utc);
-      // UTC字符串时间或Date对象格式化为北京时间
-      time = dayjs(v).utcOffset(8).format(format);
-    } else {
-      time = dayjs(v).format(format);
-    }
-
-    // 格式化为北京时间
-    if (time !== 'Invalid Date') {
-      return time;
-    }
-    return defaultValue;
-  }
-  return defaultValue;
-};
-
 // 驼峰转换横线
 export const toLine = (name = '') => name.replace(/\B([A-Z])/g, '-$1').toLowerCase();
 
-export const toHump = (name = ''): string => name.replace(/-(\w)/g, (all, letter) => letter.toUpperCase());
+export const toHump = (name = ''): string => name.replace(/-(\w)/g, (_all, letter) => letter.toUpperCase());
 
 export const emptyFn = (): any => undefined;
 
@@ -106,6 +110,39 @@ export const getNodePath = (id: Id, data: MNode[] = []): MNode[] => {
   return path;
 };
 
+export const getNodeInfo = (id: Id, root: Pick<MApp, 'id' | 'items'> | null) => {
+  const info: EditorNodeInfo = {
+    node: null,
+    parent: null,
+    page: null,
+  };
+
+  if (!root) return info;
+
+  if (id === root.id) {
+    info.node = root;
+    return info;
+  }
+
+  const path = getNodePath(id, root.items);
+
+  if (!path.length) return info;
+
+  path.unshift(root);
+
+  info.node = path[path.length - 1] as MComponent;
+  info.parent = path[path.length - 2] as MContainer;
+
+  path.forEach((item) => {
+    if (isPage(item) || isPageFragment(item)) {
+      info.page = item as MPage | MPageFragment;
+      return;
+    }
+  });
+
+  return info;
+};
+
 export const filterXSS = (str: string) =>
   str.replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&apos;');
 
@@ -126,6 +163,99 @@ export const getUrlParam = (param: string, url?: string) => {
   return '';
 };
 
+/**
+ * 设置url中指定的参数
+ *
+ * @param {string}
+ *          name [参数名]
+ * @param {string}
+ *          value [参数值]
+ * @param {string}
+ *          url [发生替换的url地址|默认为location.href]
+ * @return {string} [返回处理后的url]
+ */
+export const setUrlParam = (name: string, value: string, url = globalThis.location.href) => {
+  const reg = new RegExp(`[?&#]${name}=([^&#]*)`, 'gi');
+
+  const matches = url.match(reg);
+
+  const key = `{key${new Date().getTime()}}`;
+  let strArr;
+
+  if (matches && matches.length > 0) {
+    strArr = matches[matches.length - 1];
+  } else {
+    strArr = '';
+  }
+
+  const extra = `${name}=${value}`;
+
+  // 当原url中含有要替换的属性:value不为空时，仅对值做替换,为空时，直接把参数删除掉
+  if (strArr) {
+    const first = strArr.charAt(0);
+    url = url.replace(strArr, key);
+    url = url.replace(key, value ? first + extra : '');
+  } else if (value) {
+    // 当原url中不含有要替换的属性且value值不为空时,直接在url后面添加参数字符串
+    if (url.indexOf('?') > -1) {
+      url += `&${extra}`;
+    } else {
+      url += `?${extra}`;
+    }
+  }
+  // 其它情况直接返回原url
+  return url;
+};
+
+export const getSearchObj = (
+  search = globalThis.location.search ? globalThis.location.search.substring(1) : '',
+): Record<string, string> => {
+  return search.split('&').reduce((obj, item) => {
+    const [a, b = ''] = item.split('=');
+    return { ...obj, [a]: b };
+  }, {});
+};
+
+export const delQueStr = (url: string, ref: string[] | string) => {
+  let str = '';
+  if (url.indexOf('?') !== -1) {
+    str = url.substring(url.indexOf('?') + 1);
+  } else {
+    return url;
+  }
+  let arr = [];
+  let returnurl = '';
+
+  const isHit = Array.isArray(ref)
+    ? function (v: string) {
+        return ~ref.indexOf(v);
+      }
+    : function (v: string) {
+        return v === ref;
+      };
+
+  if (str.indexOf('&') !== -1) {
+    arr = str.split('&');
+    for (let i = 0, len = arr.length; i < len; i++) {
+      if (!isHit(arr[i].split('=')[0])) {
+        returnurl = `${returnurl + arr[i].split('=')[0]}=${arr[i].split('=')[1]}&`;
+      }
+    }
+
+    return returnurl
+      ? `${url.substr(0, url.indexOf('?'))}?${returnurl.substr(0, returnurl.length - 1)}`
+      : url.substr(0, url.indexOf('?'));
+  }
+
+  arr = str.split('=');
+
+  if (isHit(arr[0])) {
+    return url.substr(0, url.indexOf('?'));
+  }
+
+  return url;
+};
+
 export const isObject = (obj: any) => Object.prototype.toString.call(obj) === '[object Object]';
 
 export const isPop = (node: MComponent | null): boolean => Boolean(node?.type?.toLowerCase().endsWith('pop'));
@@ -140,7 +270,8 @@ export const isPageFragment = (node?: MComponent | null): boolean => {
   return Boolean(node.type?.toLowerCase() === NodeType.PAGE_FRAGMENT);
 };
 
-export const isNumber = (value: string) => /^(-?\d+)(\.\d+)?$/.test(value);
+export const isNumber = (value: any) =>
+  (typeof value === 'number' && !isNaN(value)) || /^(-?\d+)(\.\d+)?$/.test(`${value}`);
 
 export const getHost = (targetUrl: string) => targetUrl.match(/\/\/([^/]+)/)?.[1];
 
@@ -164,18 +295,26 @@ export const guid = (digit = 8): string =>
     return v.toString(16);
   });
 
+export const getKeysArray = (keys: string | number) =>
+  // 将 array[0] 转成 array.0
+  `${keys}`.replace(/\[(\d+)\]/g, '.$1').split('.');
+
 export const getValueByKeyPath = (
   keys: number | string | string[] = '',
   data: Record<string | number, any> = {},
 ): any => {
   // 将 array[0] 转成 array.0
-  const keyArray = Array.isArray(keys) ? keys : `${keys}`.replaceAll(/\[(\d+)\]/g, '.$1').split('.');
+  const keyArray = Array.isArray(keys) ? keys : getKeysArray(keys);
   return keyArray.reduce((accumulator, currentValue: any) => {
-    if (isObject(accumulator) || Array.isArray(accumulator)) {
+    if (isObject(accumulator)) {
       return accumulator[currentValue];
     }
 
-    return void 0;
+    if (Array.isArray(accumulator) && /^\d*$/.test(`${currentValue}`)) {
+      return accumulator[currentValue];
+    }
+
+    throw new Error(`${data}中不存在${keys}`);
   }, data);
 };
 
@@ -190,12 +329,11 @@ export const getNodes = (ids: Id[], data: MNode[] = []): MNode[] => {
       return;
     }
 
-    for (let i = 0, l = data.length; i < l; i++) {
-      const item = data[i];
+    for (const item of data) {
       const index = ids.findIndex((id: Id) => `${id}` === `${item.id}`);
 
       if (index > -1) {
-        ids.slice(index, 1);
+        ids.splice(index, 1);
         nodes.push(item);
       }
 
@@ -234,7 +372,7 @@ export const getDepNodeIds = (dataSourceDeps: DataSourceDeps = {}) =>
  * @param data 需要修改的数据
  * @param parentId 父节点 id
  */
-export const replaceChildNode = (newNode: MNode, data?: MNode[], parentId?: Id) => {
+export const replaceChildNode = (newNode: MNode, data?: MNode[], parentId?: Id): void => {
   const path = getNodePath(newNode.id, data);
   const node = path.pop();
   let parent = path.pop();
@@ -243,14 +381,23 @@ export const replaceChildNode = (newNode: MNode, data?: MNode[], parentId?: Id)
     parent = getNodePath(parentId, data).pop();
   }
 
-  if (!node) throw new Error('未找到目标节点');
-  if (!parent) throw new Error('未找到父节点');
+  if (!node) {
+    console.warn(`未找到目标节点(${newNode.id})`);
+    return;
+  }
+
+  if (!parent) {
+    console.warn(`未找到父节点(${newNode.id})`);
+    return;
+  }
 
   const index = parent.items?.findIndex((child: MNode) => child.id === node.id);
   parent.items.splice(index, 1, newNode);
 };
 
-export const DSL_NODE_KEY_COPY_PREFIX = '__magic__';
+export const DSL_NODE_KEY_COPY_PREFIX = '__tmagic__';
+export const IS_DSL_NODE_KEY = '__tmagic__dslNode';
+export const PAGE_FRAGMENT_CONTAINER_ID_KEY = 'tmagic-page-fragment-container-id';
 
 export const compiledNode = (
   compile: (value: any) => any,
@@ -267,7 +414,7 @@ export const compiledNode = (
   }
 
   keys.forEach((key) => {
-    const keys = `${key}`.replaceAll(/\[(\d+)\]/g, '.$1').split('.');
+    const keys = getKeysArray(key);
 
     const cacheKey = keys.map((key, index) => {
       if (index < keys.length - 1) {
@@ -276,12 +423,16 @@ export const compiledNode = (
       return `${DSL_NODE_KEY_COPY_PREFIX}${key}`;
     });
 
-    const value = getValueByKeyPath(key, node);
     let templateValue = getValueByKeyPath(cacheKey, node);
-
     if (typeof templateValue === 'undefined') {
-      setValueByKeyPath(cacheKey.join('.'), value, node);
-      templateValue = value;
+      try {
+        const value = getValueByKeyPath(key, node);
+        setValueByKeyPath(cacheKey.join('.'), value, node);
+        templateValue = value;
+      } catch (e) {
+        console.warn(e);
+        return;
+      }
     }
 
     let newValue;
@@ -361,6 +512,7 @@ export const getDefaultValueFromFields = (fields: DataSchema[]) => {
             data[field.name] = JSON.parse(field.defaultValue);
           } catch (e) {
             data[field.name] = defaultValue.object;
+            console.warn('defaultValue 解析失败', field.defaultValue, e);
           }
           return;
         }
@@ -435,3 +587,54 @@ export const addParamToUrl = (obj: Record<string, any>, global = globalThis, nee
     global.history.pushState({}, '', url);
   }
 };
+
+export const dataSourceTemplateRegExp = /\$\{([\s\S]+?)\}/g;
+
+export const isDslNode = (config: MNodeInstance) =>
+  typeof config[IS_DSL_NODE_KEY] === 'undefined' || config[IS_DSL_NODE_KEY] === true;
+
+export interface NodeItem {
+  items?: NodeItem[];
+  [key: string]: any;
+}
+
+export const traverseNode = <T extends NodeItem = NodeItem>(
+  node: T,
+  cb: (node: T, parents: T[]) => void,
+  parents: T[] = [],
+  evalCbAfter = false,
+) => {
+  if (!evalCbAfter) {
+    cb(node, parents);
+  }
+
+  if (Array.isArray(node.items) && node.items.length) {
+    parents.push(node);
+    node.items.forEach((item) => {
+      traverseNode(item as T, cb, [...parents], evalCbAfter);
+    });
+  }
+
+  if (evalCbAfter) {
+    cb(node, parents);
+  }
+};
+
+export const isValueIncludeDataSource = (value: any) => {
+  if (typeof value === 'string' && /\$\{([\s\S]+?)\}/.test(value)) {
+    return true;
+  }
+  if (Array.isArray(value) && `${value[0]}`.startsWith(DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX)) {
+    return true;
+  }
+  if (value?.isBindDataSource && value.dataSourceId) {
+    return true;
+  }
+  if (value?.isBindDataSourceField && value.dataSourceId) {
+    return true;
+  }
+  return false;
+};
+
+export const removeDataSourceFieldPrefix = (id?: string) =>
+  id?.replace(DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX, '') || '';
diff --git a/packages/utils/tests/unit/index.spec.ts b/packages/utils/tests/unit/index.spec.ts
index 7f9cacc7..2d4f9808 100644
--- a/packages/utils/tests/unit/index.spec.ts
+++ b/packages/utils/tests/unit/index.spec.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -16,45 +16,14 @@
  * limitations under the License.
  */
 
-import { describe, expect, test } from 'vitest';
+import { assert, describe, expect, test } from 'vitest';
 
 import type { DataSchema } from '@tmagic/schema';
 
 import * as util from '../../src';
 
-describe('datetimeFormatter', () => {
-  // Date会将时间转为UTC
-  const date = new Date('2021-07-17T15:37:00');
-  const dateValue = '2021-07-17 15:37:00';
-  const defaultValue = '默认值';
-
-  test('v为空且未设置默认时间', () => {
-    expect(util.datetimeFormatter('')).toBe('-');
-  });
-
-  test('v是字符串且未设置了默认时间', () => {
-    expect(util.datetimeFormatter('abc', defaultValue)).toMatch(defaultValue);
-  });
-
-  test('v是日期字符串', () => {
-    expect(util.datetimeFormatter(date.toISOString(), defaultValue)).toMatch(dateValue);
-  });
-
-  test('v是Date对象', () => {
-    expect(util.datetimeFormatter(date)).toMatch(dateValue);
-  });
-
-  test('v是UTC字符串', () => {
-    expect(util.datetimeFormatter(date.toUTCString())).toMatch(dateValue);
-  });
-
-  test('format是x', () => {
-    expect(util.datetimeFormatter(date.toISOString(), defaultValue, 'timestamp')).toBe(date.getTime());
-  });
-});
-
 describe('asyncLoadJs', () => {
-  const url = 'https://m.film.qq.com/magic-ui/production/1/1625056093304/magic/magic-ui.umd.min.js';
+  const url = 'https://m.www.tmagic.com/magic-ui/production/1/1625056093304/magic/magic-ui.umd.min.js';
 
   test('第一次加载asyncLoadJs带url与crossorigin参数', () => {
     const crossOrigin = 'anonymous';
@@ -88,7 +57,7 @@ describe('asyncLoadJs', () => {
 });
 
 describe('asyncLoadCss', () => {
-  const url = 'https://beta.m.film.qq.com/magic-act/css/BuyGift.75d837d2b3fd.css?max_age=864000';
+  const url = 'https://beta.m.www.tmagic.com/magic-act/css/BuyGift.75d837d2b3fd.css?max_age=864000';
 
   test('第一次加载asyncLoadCss', () => {
     const load = util.asyncLoadCss(url);
@@ -203,32 +172,55 @@ describe('filterXSS', () => {
     expect(value).toBe('&lt;div&gt;&lt;/div&gt;');
   });
 
-  test(`'"`, () => {
-    const value = util.filterXSS(`'div'"span"`);
+  test('\'"', () => {
+    const value = util.filterXSS('\'div\'"span"');
     expect(value).toBe('&apos;div&apos;&quot;span&quot;');
   });
 });
 
 describe('getUrlParam', () => {
   test('正常', () => {
-    const url = 'http://film.qq.com?a=b';
+    const url = 'http://www.tmagic.com?a=b';
     const value = util.getUrlParam('a', url);
     expect(value).toBe('b');
   });
 
   test('null', () => {
-    const url = 'http://film.qq.com';
+    const url = 'http://www.tmagic.com';
     const value = util.getUrlParam('a', url);
     expect(value).toBe('');
   });
 
   test('emprty', () => {
-    const url = 'http://film.qq.com?a=';
+    const url = 'http://www.tmagic.com?a=';
     const value = util.getUrlParam('a', url);
     expect(value).toBe('');
   });
 });
 
+describe('setUrlParam', () => {
+  test('正常', () => {
+    expect(util.setUrlParam('a', '1', 'https://www.tmagic.com')).toBe('https://www.tmagic.com?a=1');
+
+    expect(util.setUrlParam('a', '1', 'https://www.tmagic.com?c&d')).toBe('https://www.tmagic.com?c&d&a=1');
+    expect(util.setUrlParam('a', '1', 'https://www.tmagic.com?b=1')).toBe('https://www.tmagic.com?b=1&a=1');
+  });
+});
+
+describe('getSearchObj', () => {
+  test('正常', () => {
+    expect(util.getSearchObj('a=1&b=2')).toEqual({ a: '1', b: '2' });
+  });
+});
+
+describe('delQueStr', () => {
+  test('正常', () => {
+    expect(util.delQueStr('https://www.tmagic.com?a=1', 'a')).toBe('https://www.tmagic.com');
+    expect(util.delQueStr('https://www.tmagic.com?a=1&b=2', ['a', 'b'])).toBe('https://www.tmagic.com');
+    expect(util.delQueStr('https://www.tmagic.com?a=1&b=2', ['a'])).toBe('https://www.tmagic.com?b=2');
+  });
+});
+
 describe('isPop', () => {
   // type 为 pop 结尾 isPop 才为 true
   test('true', () => {
@@ -281,24 +273,24 @@ describe('isPage', () => {
 
 describe('getHost', () => {
   test('正常', () => {
-    const host = util.getHost('https://film.qq.com/index.html');
-    expect(host).toBe('film.qq.com');
+    const host = util.getHost('https://www.tmagic.com/index.html');
+    expect(host).toBe('www.tmagic.com');
   });
 });
 
 describe('isSameDomain', () => {
   test('正常', () => {
-    const flag = util.isSameDomain('https://film.qq.com/index.html', 'film.qq.com');
+    const flag = util.isSameDomain('https://www.tmagic.com/index.html', 'www.tmagic.com');
     expect(flag).toBeTruthy();
   });
 
   test('不正常', () => {
-    const flag = util.isSameDomain('https://film.qq.com/index.html', 'test.film.qq.com');
+    const flag = util.isSameDomain('https://www.tmagic.com/index.html', 'test.www.tmagic.com');
     expect(flag).toBeFalsy();
   });
 
   test('不是http', () => {
-    const flag = util.isSameDomain('ftp://film.qq.com/index.html', 'test.film.qq.com');
+    const flag = util.isSameDomain('ftp://www.tmagic.com/index.html', 'test.www.tmagic.com');
     expect(flag).toBeTruthy();
   });
 });
@@ -354,17 +346,23 @@ describe('getValueByKeyPath', () => {
   });
 
   test('error', () => {
-    const value = util.getValueByKeyPath('a.b.c.d', {
-      a: {},
+    assert.throws(() => {
+      util.getValueByKeyPath('a.b.c.d', {
+        a: {},
+      });
     });
 
-    expect(value).toBeUndefined();
-
-    const value1 = util.getValueByKeyPath('a.b.c', {
-      a: {},
+    assert.throws(() => {
+      util.getValueByKeyPath('a.b.c', {
+        a: {},
+      });
     });
 
-    expect(value1).toBeUndefined();
+    assert.doesNotThrow(() => {
+      util.getValueByKeyPath('a', {
+        a: {},
+      });
+    });
   });
 });
 
@@ -699,3 +697,69 @@ describe('compiledCond', () => {
     expect(util.compiledCond('is', NaN, undefined)).toBeFalsy();
   });
 });
+
+describe('getKeysArray', () => {
+  // 测试普通数组索引转换
+  test('应该将array[0]转换为["array", "0"]', () => {
+    const input = 'array[0]';
+    const expected = ['array', '0'];
+    const result = util.getKeysArray(input);
+    expect(result).toEqual(expected);
+  });
+
+  // 测试多层数组索引转换
+  test('应该将array[0][1]转换为["array", "0", "1"]', () => {
+    const input = 'array[0][1]';
+    const expected = ['array', '0', '1'];
+    const result = util.getKeysArray(input);
+    expect(result).toEqual(expected);
+  });
+
+  // 测试数字输入
+  test('应该将数字123转换为["123"]', () => {
+    const input = 123;
+    const expected = ['123'];
+    const result = util.getKeysArray(input);
+    expect(result).toEqual(expected);
+  });
+
+  // 测试不含数组索引的字符串
+  test('应该将普通字符串按点号分割', () => {
+    const input = 'a.b.c';
+    const expected = ['a', 'b', 'c'];
+    const result = util.getKeysArray(input);
+    expect(result).toEqual(expected);
+  });
+
+  // 测试空字符串
+  test('应该正确处理空字符串', () => {
+    const input = '';
+    const expected = [''];
+    const result = util.getKeysArray(input);
+    expect(result).toEqual(expected);
+  });
+
+  // 测试混合格式
+  test('应该正确处理混合格式的字符串', () => {
+    const input = 'obj.array[0].prop[1]';
+    const expected = ['obj', 'array', '0', 'prop', '1'];
+    const result = util.getKeysArray(input);
+    expect(result).toEqual(expected);
+  });
+
+  // 测试特殊字符情况
+  test('应该正确处理包含特殊字符的字符串', () => {
+    const input = 'obj.array[0].prop-with-dash[1]';
+    const expected = ['obj', 'array', '0', 'prop-with-dash', '1'];
+    const result = util.getKeysArray(input);
+    expect(result).toEqual(expected);
+  });
+
+  // 测试只有数组索引的情况
+  test('应该正确处理只有数组索引的情况', () => {
+    const input = '[0][1]';
+    const expected = ['', '0', '1'];
+    const result = util.getKeysArray(input);
+    expect(result).toEqual(expected);
+  });
+});
diff --git a/packages/utils/tsconfig.build.json b/packages/utils/tsconfig.build.json
deleted file mode 100644
index c9476221..00000000
--- a/packages/utils/tsconfig.build.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "baseUrl": ".",
-    "declaration": true,
-    "declarationDir": "types",
-    "forceConsistentCasingInFileNames": true,
-    "paths": {},
-  },
-  "include": [
-		"src"
-	],
-}
diff --git a/packages/utils/tsconfig.json b/packages/utils/tsconfig.json
deleted file mode 100644
index 6c40cf1e..00000000
--- a/packages/utils/tsconfig.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "baseUrl": "../..",
-  },
-}
diff --git a/packages/utils/vite.config.ts b/packages/utils/vite.config.ts
deleted file mode 100644
index 3d5a4b35..00000000
--- a/packages/utils/vite.config.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { defineConfig, type LibraryFormats } from 'vite';
-
-import pkg from './package.json';
-
-export default defineConfig(({ mode }) => ({
-  build: {
-    cssCodeSplit: false,
-    sourcemap: true,
-    minify: false,
-    target: 'esnext',
-    emptyOutDir: false,
-
-    lib: {
-      entry: 'src/index.ts',
-      name: 'TMagicUtils',
-      formats: ['es', 'umd', 'cjs'].includes(mode) ? [mode as LibraryFormats] : ['es', 'umd'],
-      fileName: 'tmagic-utils',
-    },
-
-    rollupOptions: {
-      // 确保外部化处理那些你不想打包进库的依赖
-      external(id: string) {
-        if (mode === 'umd' && id === 'lodash-es') {
-          return false;
-        }
-        return Object.keys({
-          ...pkg.dependencies,
-          ...pkg.peerDependencies,
-        }).some((k) => new RegExp(`^${k}`).test(id));
-      },
-    },
-  },
-}));
diff --git a/playground/.env.vue2 b/playground/.env.vue2
deleted file mode 100644
index 7afcec37..00000000
--- a/playground/.env.vue2
+++ /dev/null
@@ -1,2 +0,0 @@
-VITE_RUNTIME_PATH=/tmagic-editor/playground/runtime/vue2
-VITE_ENTRY_PATH=./entry/vue2
\ No newline at end of file
diff --git a/playground/.env.vue3 b/playground/.env.vue3
index cb9893e3..abe6b6f9 100644
--- a/playground/.env.vue3
+++ b/playground/.env.vue3
@@ -1,2 +1,2 @@
-VITE_RUNTIME_PATH=/tmagic-editor/playground/runtime/vue3
-VITE_ENTRY_PATH=./entry/vue3
\ No newline at end of file
+VITE_RUNTIME_PATH=/tmagic-editor/playground/runtime/vue
+VITE_ENTRY_PATH=./entry/vue
diff --git a/playground/README.md b/playground/README.md
deleted file mode 100644
index a797a275..00000000
--- a/playground/README.md
+++ /dev/null
@@ -1,27 +0,0 @@
-# Vue 3 + Typescript + Vite
-
-This template should help get you started developing with Vue 3 and Typescript in Vite.
-
-## Recommended IDE Setup
-
-[VSCode](https://code.visualstudio.com/) + [Vetur](https://marketplace.visualstudio.com/items?itemName=octref.vetur). Make sure to enable `vetur.experimental.templateInterpolationService` in settings!
-
-### If Using `<script setup>`
-
-[`<script setup>`](https://github.com/vuejs/rfcs/pull/227) is a feature that is currently in RFC stage. To get proper IDE support for the syntax, use [Volar](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar) instead of Vetur (and disable Vetur).
-
-## Type Support For `.vue` Imports in TS
-
-Since TypeScript cannot handle type information for `.vue` imports, they are shimmed to be a generic Vue component type by default. In most cases this is fine if you don't really care about component prop types outside of templates. However, if you wish to get actual prop types in `.vue` imports (for example to get props validation when using manual `h(...)` calls), you can use the following:
-
-### If Using Volar
-
-Run `Volar: Switch TS Plugin on/off` from VSCode command palette.
-
-### If Using Vetur
-
-1. Install and add `@vuedx/typescript-plugin-vue` to the [plugins section](https://www.typescriptlang.org/tsconfig#plugins) in `tsconfig.json`
-2. Delete `src/shims-vue.d.ts` as it is no longer needed to provide module info to Typescript
-3. Open `src/main.ts` in VSCode
-4. Open the VSCode command palette
-5. Search and run "Select TypeScript version" -> "Use workspace version"
diff --git a/playground/package.json b/playground/package.json
index 2fad57d2..3c6fb9ce 100644
--- a/playground/package.json
+++ b/playground/package.json
@@ -1,47 +1,40 @@
 {
   "name": "tmagic-playground",
-  "version": "1.4.7",
+  "version": "1.7.8",
   "type": "module",
   "private": true,
   "scripts": {
     "clean:top": "rimraf dist",
     "dev": "vite --mode vue3",
-    "dev:vue2": "vite --mode vue2",
     "dev:react": "vite --mode react",
     "build": "npm run clean:top && node --max_old_space_size=8192 node_modules/vite/bin/vite.js build --mode vue3",
     "serve": "vite preview"
   },
   "dependencies": {
-    "@element-plus/icons-vue": "^2.3.1",
-    "@tmagic/core": "1.4.7",
-    "@tmagic/design": "1.4.7",
-    "@tmagic/editor": "1.4.7",
-    "@tmagic/element-plus-adapter": "1.4.7",
-    "@tmagic/form": "1.4.7",
-    "@tmagic/tmagic-form-runtime": "1.0.2",
-    "@tmagic/schema": "1.4.7",
-    "@tmagic/stage": "1.4.7",
-    "@tmagic/utils": "1.4.7",
-    "element-plus": "^2.7.4",
+    "@element-plus/icons-vue": "^2.3.2",
+    "@tmagic/core": "1.7.8",
+    "@tmagic/design": "1.7.8",
+    "@tmagic/editor": "1.7.8",
+    "@tmagic/element-plus-adapter": "1.7.8",
+    "@tmagic/tdesign-vue-next-adapter": "1.7.8",
+    "@tmagic/tmagic-form-runtime": "1.1.3",
+    "element-plus": "^2.11.8",
     "lodash-es": "^4.17.21",
-    "monaco-editor": "^0.48.0",
-    "serialize-javascript": "^6.0.0",
-    "vue": "^3.4.27",
-    "vue-router": "^4.0.10"
+    "monaco-editor": "^0.55.1",
+    "serialize-javascript": "^7.0.0",
+    "tdesign-vue-next": "^1.17.3",
+    "vue": "catalog:",
+    "vue-router": "^4.6.3"
   },
   "devDependencies": {
     "@types/lodash-es": "^4.17.4",
-    "@types/node": "^18.19.0",
-    "@types/serialize-javascript": "^5.0.1",
-    "@vitejs/plugin-legacy": "^5.4.0",
-    "@vitejs/plugin-vue": "^5.0.4",
-    "@vitejs/plugin-vue-jsx": "^3.1.0",
-    "@vue/compiler-sfc": "^3.4.27",
-    "sass": "^1.77.0",
-    "terser": "^5.31.0",
-    "typescript": "^5.4.5",
-    "unplugin-auto-import": "^0.12.0",
-    "unplugin-vue-components": "^0.22.11",
-    "vite": "^5.2.12"
+    "@types/node": "^24.0.10",
+    "@types/serialize-javascript": "^5.0.4",
+    "@vitejs/plugin-legacy": "^8.0.0",
+    "@vitejs/plugin-vue": "^6.0.5",
+    "@vitejs/plugin-vue-jsx": "^5.1.5",
+    "@vue/compiler-sfc": "catalog:",
+    "typescript": "catalog:",
+    "vite": "catalog:"
   }
 }
diff --git a/packages/design/src/shims-vue.d.ts b/playground/shims-vue.d.ts
similarity index 100%
rename from packages/design/src/shims-vue.d.ts
rename to playground/shims-vue.d.ts
diff --git a/playground/src/components/AdapterSelect.vue b/playground/src/components/AdapterSelect.vue
new file mode 100644
index 00000000..11c23743
--- /dev/null
+++ b/playground/src/components/AdapterSelect.vue
@@ -0,0 +1,31 @@
+<template>
+  <TMagicForm size="small" label-position="right" style="margin-left: 10px">
+    <TMagicFormItem label="UI组件库">
+      <TMagicSelect v-model="adapter" size="small" @change="adapterChange" style="width: 150px">
+        <TMagicOption value="element-plus">element-plus</TMagicOption>
+        <TMagicOption value="tdesign-vue-next">tdesign-vue-next</TMagicOption>
+      </TMagicSelect>
+    </TMagicFormItem>
+  </TMagicForm>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+
+import { TMagicForm, TMagicFormItem, TMagicOption, TMagicSelect } from '@tmagic/design';
+
+const adapter = ref(sessionStorage.getItem('tmagic-playground-ui-adapter') || 'element-plus');
+
+const adapterChange = (adapter: string) => {
+  sessionStorage.setItem('tmagic-playground-ui-adapter', adapter);
+  globalThis.location.reload();
+};
+</script>
+
+<style lang="scss">
+.m-editor-nav-menu {
+  .tmagic-design-form-item {
+    margin-bottom: 0;
+  }
+}
+</style>
diff --git a/playground/src/components/DeviceGroup.vue b/playground/src/components/DeviceGroup.vue
index ebd1b317..b8d1320a 100644
--- a/playground/src/components/DeviceGroup.vue
+++ b/playground/src/components/DeviceGroup.vue
@@ -9,10 +9,9 @@
 <script lang="ts" setup>
 import { computed, inject, nextTick, ref } from 'vue';
 
-import Core from '@tmagic/core';
-import { TMagicRadioButton, TMagicRadioGroup } from '@tmagic/design';
+import type Core from '@tmagic/core';
 import type { Services } from '@tmagic/editor';
-import { convertToNumber } from '@tmagic/utils';
+import { convertToNumber, TMagicRadioButton, TMagicRadioGroup } from '@tmagic/editor';
 
 import { DeviceType, uaMap } from '../const';
 
@@ -49,7 +48,7 @@ const stageContainerRect = computed(() => services?.uiService.get('stageContaine
 const calcFontsize = () => {
   if (!services) return;
 
-  const iframe = services.editorService.get('stage')?.renderer.iframe;
+  const iframe = services.editorService.get('stage')?.renderer?.iframe;
   if (!iframe?.contentWindow) return;
 
   const app: Core = (iframe.contentWindow as any).appInstance;
diff --git a/playground/src/components/NavMenu.vue b/playground/src/components/NavMenu.vue
index 28a1873a..78b6fb12 100644
--- a/playground/src/components/NavMenu.vue
+++ b/playground/src/components/NavMenu.vue
@@ -1,34 +1,22 @@
 <template>
   <div class="m-editor-nav-menu">
-    <TMagicButton
-      v-for="(item, index) in data"
-      class="menu-item button"
-      :key="index"
-      size="small"
-      link
-      @click="item.handler"
-    >
-      <TMagicIcon><component :is="item.icon"></component></TMagicIcon><span>{{ item.text }}</span>
-    </TMagicButton>
+    <AdapterSelect></AdapterSelect>
+    <div v-for="(item, index) in data" :key="index" class="menu-item button">
+      <TMagicButton size="small" link @click="item.handler">
+        <TMagicIcon><component :is="item.icon"></component></TMagicIcon><span>{{ item.text }}</span>
+      </TMagicButton>
+    </div>
   </div>
 </template>
 
-<script lang="ts">
-import { defineComponent, PropType } from 'vue';
+<script lang="ts" setup>
+import { MenuButton, TMagicButton, TMagicIcon } from '@tmagic/editor';
 
-import { TMagicButton, TMagicIcon } from '@tmagic/design';
-import { MenuButton } from '@tmagic/editor';
+import AdapterSelect from './AdapterSelect.vue';
 
-export default defineComponent({
-  name: 'nav-menu',
-  props: {
-    data: {
-      type: Array as PropType<MenuButton[]>,
-      default: () => [],
-    },
-  },
-  components: { TMagicIcon, TMagicButton },
-});
+defineProps<{
+  data: MenuButton[];
+}>();
 </script>
 
 <style lang="scss" scoped>
diff --git a/playground/src/configs/dsl.ts b/playground/src/configs/dsl.ts
index cce78fd1..5d5d9ec1 100644
--- a/playground/src/configs/dsl.ts
+++ b/playground/src/configs/dsl.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -16,11 +16,12 @@
  * limitations under the License.
  */
 
-// @ts-nocheck
-export default {
-  id: '75f0extui9d7yksklx27hff8xg',
+import { ActionType, type MApp, NodeType } from '@tmagic/core';
+
+const dsl: MApp = {
+  id: '1',
   name: 'test',
-  type: 'app',
+  type: NodeType.ROOT,
   codeBlocks: {
     code_5336: {
       name: 'getData',
@@ -47,10 +48,41 @@ export default {
       },
       params: [],
     },
+    code_5317: {
+      name: 'code1',
+      content: ({ flowState }) => {
+        console.log('code1: set flowState.name=lisa');
+        flowState.name = 'lisa';
+      },
+      params: [],
+    },
+    code_5318: {
+      name: 'code2',
+      content: ({ flowState }) => {
+        console.log('print flowState.name', flowState.name);
+        flowState.abort();
+      },
+      params: [],
+    },
+    code_6778: {
+      name: 'toOtherPage',
+      desc: '',
+      timing: '',
+      params: [
+        {
+          name: 'pageId',
+          extra: '',
+          type: '',
+        },
+      ],
+      content: ({ app, params }) => {
+        app.setPage(params.pageId);
+      },
+    },
   },
   items: [
     {
-      type: 'page',
+      type: NodeType.PAGE,
       id: 'page_299',
       name: 'index',
       title: '',
@@ -76,7 +108,7 @@ export default {
           name: 'magic:common:events:click', // 事件名
           actions: [
             {
-              actionType: 'code', // 联动动作类型
+              actionType: ActionType.CODE, // 联动动作类型
               codeId: 'code_5336', // 代码块id
               params: {
                 age: 12, // 参数
@@ -88,7 +120,7 @@ export default {
           name: 'magic:common:events:click', // 事件名
           actions: [
             {
-              actionType: 'code', // 联动动作类型
+              actionType: ActionType.CODE, // 联动动作类型
               codeId: 'code_5316', // 代码块id
               params: {},
             },
@@ -135,6 +167,7 @@ export default {
           text: 'Tmagic editor 营销活动编辑器',
           multiple: true,
           events: [],
+          displayConds: [],
         },
         {
           type: 'qrcode',
@@ -159,6 +192,7 @@ export default {
           url: 'https://github.com/Tencent/tmagic-editor',
           events: [],
           created: [],
+          displayConds: [],
         },
         {
           type: 'img',
@@ -184,6 +218,7 @@ export default {
           url: '',
           events: [],
           created: [],
+          displayConds: [],
         },
         {
           type: 'button',
@@ -220,7 +255,7 @@ export default {
               name: 'magic:common:events:click',
               actions: [
                 {
-                  actionType: 'comp',
+                  actionType: ActionType.COMP,
                   to: 'overlay_2159',
                   method: 'openOverlay',
                 },
@@ -228,6 +263,38 @@ export default {
             },
           ],
           created: [],
+          displayConds: [],
+        },
+        {
+          id: 'button_1cb163ad',
+          text: '前往page2',
+          multiple: true,
+          style: {
+            width: '270',
+            height: '37.5',
+            border: 0,
+            backgroundColor: '#fb6f00',
+            position: 'absolute',
+            left: 56,
+            top: 266,
+          },
+          type: 'button',
+          name: '按钮',
+          events: [
+            {
+              name: 'magic:common:events:click',
+              actions: [
+                {
+                  actionType: ActionType.CODE,
+                  codeId: 'code_6778',
+                  params: {
+                    pageId: 'page_171ff161',
+                  },
+                },
+              ],
+            },
+          ],
+          displayConds: [],
         },
         {
           type: 'overlay',
@@ -355,6 +422,53 @@ export default {
         },
       ],
     },
+    {
+      id: 'page_171ff161',
+      items: [
+        {
+          id: 'button_80ca1076',
+          text: '返回',
+          multiple: true,
+          style: {
+            width: '270',
+            height: '37.5',
+            border: 0,
+            backgroundColor: '#fb6f00',
+            position: 'absolute',
+            left: 48,
+            top: 297,
+          },
+          type: 'button',
+          name: '按钮',
+          events: [
+            {
+              name: 'magic:common:events:click',
+              actions: [
+                {
+                  actionType: ActionType.CODE,
+                  codeId: 'code_6778',
+                  params: {
+                    pageId: 'page_299',
+                  },
+                },
+              ],
+            },
+          ],
+          displayConds: [],
+        },
+      ],
+      style: {
+        width: '100%',
+        height: '100%',
+        position: 'relative',
+        top: 0,
+        left: 0,
+      },
+      type: NodeType.PAGE,
+      name: 'page2',
+      title: '',
+      layout: 'absolute',
+    },
   ],
   dataSources: [
     {
@@ -421,7 +535,7 @@ export default {
         },
       ],
       methods: [],
-      events: '',
+      events: [],
       mocks: [],
       beforeRequest: '',
       afterResponse: '',
@@ -456,18 +570,12 @@ export default {
           },
         },
       ],
-      events: '',
+      events: [],
       mocks: [],
       beforeRequest: '',
       afterResponse: '',
     },
   ],
-  dataSourceDeps: {
-    ds_b64c92b5: {
-      button_430: {
-        name: '按钮',
-        keys: ['text'],
-      },
-    },
-  },
 };
+
+export default dsl;
diff --git a/playground/src/configs/formDsl.ts b/playground/src/configs/formDsl.ts
index e0eb8615..c3284621 100644
--- a/playground/src/configs/formDsl.ts
+++ b/playground/src/configs/formDsl.ts
@@ -1,4 +1,4 @@
-import { createForm } from '@tmagic/form';
+import { createForm } from '@tmagic/editor';
 
 export default createForm([
   {
@@ -56,8 +56,8 @@ export default createForm([
   {
     type: 'daterange',
     text: '日期范围',
-    name: 'daterange',
-    // names: ['one', 'two'],
+    // name: 'daterange',
+    names: ['one', 'two'],
   },
   {
     type: 'time',
@@ -189,9 +189,29 @@ export default createForm([
       },
     ],
   },
+  {
+    type: 'tab',
+    name: 'tab',
+    editable: true,
+    dynamic: true,
+    active: '0',
+    tabType: 'border-card',
+    items: [
+      {
+        name: 'xx',
+        items: [
+          {
+            name: 'text',
+            text: 'text',
+          },
+        ],
+      },
+    ],
+  },
   {
     type: 'table',
     name: 'table',
+    copyable: true,
     defautSort: { prop: 'name', order: 'descending' },
     extra: 'extra',
     itemExtra: (vm: any, { model }: any): any => `${model.text}itemExtra`,
@@ -213,6 +233,8 @@ export default createForm([
     type: 'groupList',
     name: 'groupList',
     extra: '分组xxxxxxxxxxxx',
+    copyable: true,
+    moveSpecifyLocation: true,
     itemExtra: (vm: any, { model }: any) => `${model.name}extra`,
     items: [
       {
diff --git a/playground/src/main.ts b/playground/src/main.ts
index 89054b3b..f1e52973 100644
--- a/playground/src/main.ts
+++ b/playground/src/main.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -17,25 +17,18 @@
  */
 
 import { createApp } from 'vue';
-import * as monaco from 'monaco-editor';
 import EditorWorker from 'monaco-editor/esm/vs/editor/editor.worker?worker';
 import CssWorker from 'monaco-editor/esm/vs/language/css/css.worker?worker';
 import HtmlWorker from 'monaco-editor/esm/vs/language/html/html.worker?worker';
 import JsonWorker from 'monaco-editor/esm/vs/language/json/json.worker?worker';
 import TsWorker from 'monaco-editor/esm/vs/language/typescript/ts.worker?worker';
 
-import TMagicDesign from '@tmagic/design';
-import MagicEditor from '@tmagic/editor';
-import MagicElementPlusAdapter from '@tmagic/element-plus-adapter';
-import MagicForm from '@tmagic/form';
+import editorPlugin from '@tmagic/editor';
 
 import App from './App.vue';
 import router from './route';
 
-import 'element-plus/dist/index.css';
 import '@tmagic/editor/dist/style.css';
-import '@tmagic/form/dist/style.css';
-import '@tmagic/table/dist/style.css';
 
 // @ts-ignore
 globalThis.MonacoEnvironment = {
@@ -56,11 +49,21 @@ globalThis.MonacoEnvironment = {
   },
 };
 
-monaco.languages.typescript.typescriptDefaults.setEagerModelSync(true);
+const adapter = sessionStorage.getItem('tmagic-playground-ui-adapter') || 'element-plus';
 
-const app = createApp(App);
-app.use(router);
-app.use(TMagicDesign, MagicElementPlusAdapter);
-app.use(MagicEditor);
-app.use(MagicForm);
-app.mount('#app');
+let adapterModule;
+
+if (adapter === 'tdesign-vue-next') {
+  import('tdesign-vue-next/es/style/index.css');
+  adapterModule = import('@tmagic/tdesign-vue-next-adapter');
+} else {
+  import('element-plus/dist/index.css');
+  adapterModule = import('@tmagic/element-plus-adapter');
+}
+
+adapterModule.then((module: any) => {
+  const app = createApp(App);
+  app.use(router);
+  app.use(editorPlugin, module.default);
+  app.mount('#app');
+});
diff --git a/playground/src/pages/Editor.vue b/playground/src/pages/Editor.vue
index 32c10be9..d6dfe950 100644
--- a/playground/src/pages/Editor.vue
+++ b/playground/src/pages/Editor.vue
@@ -26,7 +26,14 @@
       </template>
     </TMagicEditor>
 
-    <TMagicDialog v-model="previewVisible" destroy-on-close class="pre-viewer" title="预览" :width="stageRect?.width">
+    <TMagicDialog
+      v-model="previewVisible"
+      close-onClick-modal
+      destroy-on-close
+      class="pre-viewer"
+      title="预览"
+      :width="stageRect?.width"
+    >
       <iframe
         v-if="previewVisible"
         ref="iframe"
@@ -40,57 +47,35 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, markRaw, nextTick, onBeforeUnmount, Ref, ref, toRaw } from 'vue';
-import { useRouter } from 'vue-router';
-import { Coin, Connection, CopyDocument, Document, DocumentCopy } from '@element-plus/icons-vue';
-import { cloneDeep } from 'lodash-es';
+import { computed, onBeforeUnmount, ref, shallowRef, toRaw } from 'vue';
 import serialize from 'serialize-javascript';
 
-import { TMagicDialog, tMagicMessage, tMagicMessageBox } from '@tmagic/design';
-import {
-  ContentMenu,
-  COPY_STORAGE_KEY,
-  type DatasourceTypeOption,
-  editorService,
-  type MenuBarData,
-  type MenuButton,
-  type MoveableOptions,
-  propsService,
-  type Services,
-  TMagicEditor,
-} from '@tmagic/editor';
-import type { MContainer, MNode } from '@tmagic/schema';
-import { NodeType } from '@tmagic/schema';
-import type { CustomizeMoveableOptionsCallbackConfig } from '@tmagic/stage';
-import { asyncLoadJs, calcValueByFontsize } from '@tmagic/utils';
+import type { MApp, MContainer, MNode } from '@tmagic/core';
+import type { DatasourceTypeOption } from '@tmagic/editor';
+import { editorService, propsService, TMagicDialog, TMagicEditor, tMagicMessage } from '@tmagic/editor';
 
 import DeviceGroup from '../components/DeviceGroup.vue';
 import componentGroupList from '../configs/componentGroupList';
 import dsl from '../configs/dsl';
-import { uaMap } from '../const';
 
-const { VITE_RUNTIME_PATH, VITE_ENTRY_PATH } = import.meta.env;
+import { useEditorContentMenuData } from './composables/use-editor-content-menu-data';
+import { useEditorMenu } from './composables/use-editor-menu';
+import { useEditorMoveableOptions } from './composables/use-editor-moveable-options';
+import { useEditorRes } from './composables/use-editor-res';
+
+const { VITE_RUNTIME_PATH } = import.meta.env;
 
 const datasourceList: DatasourceTypeOption[] = [];
 const runtimeUrl = `${VITE_RUNTIME_PATH}/playground/index.html`;
-const router = useRouter();
-const editor = ref<InstanceType<typeof TMagicEditor>>();
-const deviceGroup = ref<InstanceType<typeof DeviceGroup>>();
-const iframe = ref<HTMLIFrameElement>();
-const previewVisible = ref(false);
-const value = ref(dsl);
+
+const { propsValues, propsConfigs, eventMethodList, datasourceConfigs, datasourceValues, datasourceEventMethodList } =
+  useEditorRes();
+const { contentMenuData } = useEditorContentMenuData();
+
+const editor = shallowRef<InstanceType<typeof TMagicEditor>>();
+const value = ref<MApp>(dsl);
 const defaultSelected = ref(dsl.items[0].id);
-const propsValues = ref<Record<string, any>>({});
-const propsConfigs = ref<Record<string, any>>({});
-const eventMethodList = ref<Record<string, any>>({});
-const datasourceEventMethodList = ref<Record<string, any>>({
-  base: {
-    events: [],
-    methods: [],
-  },
-});
-const datasourceConfigs = ref<Record<string, any>>({});
-const datasourceValues = ref<Record<string, any>>({});
+
 const stageRect = ref({
   width: 375,
   height: 817,
@@ -100,160 +85,7 @@ const previewUrl = computed(
   () => `${VITE_RUNTIME_PATH}/page/index.html?localPreview=1&page=${editor.value?.editorService.get('page')?.id}`,
 );
 
-const collectorOptions = {
-  name: '蒙层',
-  isTarget: (key: string | number, value: any) =>
-    typeof key === 'string' && typeof value === 'string' && key.includes('events') && value.startsWith('overlay_'),
-  isCollectByDefault: false,
-};
-
-const usePasteMenu = (menu?: Ref<InstanceType<typeof ContentMenu> | undefined>): MenuButton => ({
-  type: 'button',
-  text: '粘贴(带关联信息)',
-  icon: markRaw(DocumentCopy),
-  display: (services) => !!services?.storageService?.getItem(COPY_STORAGE_KEY),
-  handler: (services) => {
-    const nodes = services?.editorService?.get('nodes');
-    if (!nodes || nodes.length === 0) return;
-
-    if (menu?.value?.$el) {
-      const stage = services?.editorService?.get('stage');
-      const rect = menu.value.$el.getBoundingClientRect();
-      const parentRect = stage?.container?.getBoundingClientRect();
-      const initialLeft =
-        calcValueByFontsize(stage?.renderer.getDocument(), (rect.left || 0) - (parentRect?.left || 0)) /
-        services.uiService.get('zoom');
-      const initialTop =
-        calcValueByFontsize(stage?.renderer.getDocument(), (rect.top || 0) - (parentRect?.top || 0)) /
-        services.uiService.get('zoom');
-      services?.editorService?.paste({ left: initialLeft, top: initialTop }, collectorOptions);
-    } else {
-      services?.editorService?.paste({}, collectorOptions);
-      services?.codeBlockService?.paste();
-      services?.dataSourceService?.paste();
-    }
-  },
-});
-
-const contentMenuData = computed<MenuButton[]>(() => [
-  {
-    type: 'button',
-    text: '复制(带关联信息)',
-    icon: markRaw(CopyDocument),
-    handler: (services: Services) => {
-      const nodes = services?.editorService?.get('nodes');
-      nodes && services?.editorService?.copyWithRelated(cloneDeep(nodes), collectorOptions);
-      nodes && services?.codeBlockService?.copyWithRelated(cloneDeep(nodes));
-      nodes && services?.dataSourceService?.copyWithRelated(cloneDeep(nodes));
-    },
-  },
-  usePasteMenu(),
-]);
-
-const menu: MenuBarData = {
-  left: [
-    {
-      type: 'text',
-      text: '魔方',
-    },
-  ],
-  center: ['delete', 'undo', 'redo', 'guides', 'rule', 'zoom'],
-  right: [
-    {
-      type: 'button',
-      text: 'Form Playground',
-      handler: () => router.push('form'),
-    },
-    {
-      type: 'button',
-      text: 'Form Editor Playground',
-      handler: () => router.push('form-editor'),
-    },
-    {
-      type: 'button',
-      text: 'Table Playground',
-      handler: () => router.push('table'),
-    },
-    '/',
-    {
-      type: 'button',
-      text: '预览',
-      icon: Connection,
-      handler: async (services) => {
-        if (services?.editorService.get('modifiedNodeIds').size > 0) {
-          try {
-            await tMagicMessageBox.confirm('有修改未保存，是否先保存再预览', '提示', {
-              confirmButtonText: '保存并预览',
-              cancelButtonText: '预览',
-              type: 'warning',
-            });
-            save();
-            tMagicMessage.success('保存成功');
-          } catch (e) {
-            console.error(e);
-          }
-        }
-        previewVisible.value = true;
-
-        await nextTick();
-
-        if (!iframe.value?.contentWindow || !deviceGroup.value?.viewerDevice) return;
-        Object.defineProperty(iframe.value.contentWindow.navigator, 'userAgent', {
-          value: uaMap[deviceGroup.value.viewerDevice],
-          writable: true,
-        });
-      },
-    },
-    {
-      type: 'button',
-      text: '保存',
-      icon: Coin,
-      handler: () => {
-        save();
-        tMagicMessage.success('保存成功');
-      },
-    },
-    '/',
-    {
-      type: 'button',
-      icon: Document,
-      tooltip: '源码',
-      handler: (service) => service?.uiService.set('showSrc', !service?.uiService.get('showSrc')),
-    },
-  ],
-};
-
-const moveableOptions = (config?: CustomizeMoveableOptionsCallbackConfig): MoveableOptions => {
-  const options: MoveableOptions = {};
-
-  if (!editor.value) return options;
-
-  const page = editor.value.editorService.get('page');
-
-  const ids = config?.targetElIds || [];
-  let isPage = page && ids.includes(`${page.id}`);
-
-  if (!isPage) {
-    const id = config?.targetElId;
-    if (id) {
-      const node = editor.value.editorService.getNodeById(id);
-      isPage = node?.type === NodeType.PAGE;
-    }
-  }
-
-  options.draggable = !isPage;
-  options.resizable = !isPage;
-  options.rotatable = !isPage;
-
-  // 双击后在弹层中编辑时，根组件不能拖拽
-  if (config?.targetEl?.parentElement?.classList.contains('tmagic-editor-sub-stage-wrap')) {
-    options.draggable = false;
-    options.resizable = false;
-    options.rotatable = false;
-  }
-
-  return options;
-};
+const { moveableOptions } = useEditorMoveableOptions(editor);
 
 const save = () => {
   localStorage.setItem(
@@ -266,21 +98,7 @@ const save = () => {
   editor.value?.editorService.resetModifiedNodeId();
 };
 
-asyncLoadJs(`${VITE_ENTRY_PATH}/config/index.umd.cjs`).then(() => {
-  propsConfigs.value = (globalThis as any).magicPresetConfigs;
-});
-asyncLoadJs(`${VITE_ENTRY_PATH}/value/index.umd.cjs`).then(() => {
-  propsValues.value = (globalThis as any).magicPresetValues;
-});
-asyncLoadJs(`${VITE_ENTRY_PATH}/event/index.umd.cjs`).then(() => {
-  eventMethodList.value = (globalThis as any).magicPresetEvents;
-});
-asyncLoadJs(`${VITE_ENTRY_PATH}/ds-config/index.umd.cjs`).then(() => {
-  datasourceConfigs.value = (globalThis as any).magicPresetDsConfigs;
-});
-asyncLoadJs(`${VITE_ENTRY_PATH}/ds-value/index.umd.cjs`).then(() => {
-  datasourceValues.value = (globalThis as any).magicPresetDsValues;
-});
+const { menu, deviceGroup, iframe, previewVisible } = useEditorMenu(value, save);
 
 try {
   // eslint-disable-next-line no-eval
diff --git a/playground/src/pages/Form.vue b/playground/src/pages/Form.vue
index 01311227..5a08a8c3 100644
--- a/playground/src/pages/Form.vue
+++ b/playground/src/pages/Form.vue
@@ -3,7 +3,7 @@
     <nav-menu :data="menu"></nav-menu>
     <div class="diff-form">
       <div>开启表单对比功能</div>
-      <m-form
+      <MForm
         ref="form"
         :config="diffFormConfig"
         :is-compare="true"
@@ -11,17 +11,17 @@
         :last-values="lastVersion"
         size="small"
         height="100%"
-      ></m-form>
+      ></MForm>
     </div>
     <div class="title">表单字段展示</div>
     <div class="form-content">
-      <m-form ref="form" :config="config" :init-values="initValue" size="small" height="100%"></m-form>
-      <magic-code-editor class="code-editor-content" :init-values="config" @save="change"></magic-code-editor>
+      <MForm ref="form" :config="config" :init-values="initValue" size="small" height="100%"></MForm>
+      <TMagicCodeEditor class="code-editor-content" :init-values="config" @save="change"></TMagicCodeEditor>
     </div>
   </div>
 
   <TMagicDialog v-model="resultVisible" title="result" append-to-body>
-    <pre><code class="language-javascript hljs" v-html="result"></code></pre>
+    <TMagicCodeEditor :init-values="result" readonly height="60vh"></TMagicCodeEditor>
   </TMagicDialog>
 </template>
 
@@ -30,9 +30,7 @@ import { markRaw, ref } from 'vue';
 import { useRouter } from 'vue-router';
 import { Coin } from '@element-plus/icons-vue';
 
-import { TMagicDialog, tMagicMessage } from '@tmagic/design';
-import { MenuButton } from '@tmagic/editor';
-import { MForm } from '@tmagic/form';
+import { MenuButton, MForm, TMagicCodeEditor, TMagicDialog, tMagicMessage } from '@tmagic/editor';
 
 import NavMenu from '../components/NavMenu.vue';
 import formDsl from '../configs/formDsl';
diff --git a/playground/src/pages/FormEditor.vue b/playground/src/pages/FormEditor.vue
index 05467e6e..b6d1d876 100644
--- a/playground/src/pages/FormEditor.vue
+++ b/playground/src/pages/FormEditor.vue
@@ -6,7 +6,6 @@
     :component-group-list="componentGroupList"
     :props-configs="propsConfigs"
     :render="render"
-    :can-select="canSelect"
     :disabled-page-fragment="true"
     :disabled-stage-overlay="true"
     :stage-rect="{ width: 'calc(100% - 70px)', height: '100%' }"
@@ -18,21 +17,16 @@
   </TMagicEditor>
 </template>
 
-<script setup lang="tsx">
+<script setup lang="ts">
 import { ref } from 'vue';
 import { useRouter } from 'vue-router';
 import { Document } from '@element-plus/icons-vue';
 
+import { guid, type MApp, NodeType } from '@tmagic/core';
 import { MenuBarData, SideBarData, TMagicEditor, traverseNode } from '@tmagic/editor';
-import { type MApp, NodeType } from '@tmagic/schema';
-import {
-  canSelect,
-  COMPONENT_GROUP_LIST as componentGroupList,
-  propsConfigs,
-  useRuntime,
-} from '@tmagic/tmagic-form-runtime';
-import { guid } from '@tmagic/utils';
+import { COMPONENT_GROUP_LIST as componentGroupList, propsConfigs, useRuntime } from '@tmagic/tmagic-form-runtime';
 
+import AdapterSelect from '../components/AdapterSelect.vue';
 import formDsl from '../configs/formDsl';
 
 formDsl.forEach((item) => {
@@ -63,6 +57,10 @@ const menu: MenuBarData = {
       type: 'text',
       text: '魔方',
     },
+    {
+      type: 'component',
+      component: AdapterSelect,
+    },
   ],
   center: ['delete', 'undo', 'redo', 'zoom'],
   right: [
diff --git a/playground/src/pages/Table.vue b/playground/src/pages/Table.vue
index 30e5649e..bde34e4e 100644
--- a/playground/src/pages/Table.vue
+++ b/playground/src/pages/Table.vue
@@ -2,7 +2,10 @@
   <div style="width: 100%">
     <NavMenu :data="menu"></NavMenu>
     <div class="table-content">
-      <MagicTable class="left-panel" :columns="columns" :data="data" :show-header="true"></MagicTable>
+      <MagicTable class="left-panel" :columns="columns" :data="data" :show-header="true" rowkey-name="a"></MagicTable>
+
+      <TMagicPagination class="pagination" :total="100" :page-size="10" :current-page="1"></TMagicPagination>
+
       <TMagicTabs class="right-panel" modelValue="columns">
         <TMagicTabPane label="columns" name="columns">
           <TMagicCodeEditor class="code-editor-content" :init-values="columns" @save="change"></TMagicCodeEditor>
@@ -19,9 +22,16 @@
 import { ref } from 'vue';
 import { useRouter } from 'vue-router';
 
-import { tMagicMessage, TMagicTabPane, TMagicTabs } from '@tmagic/design';
-import { MenuButton, TMagicCodeEditor } from '@tmagic/editor';
-import { type ColumnConfig, MagicTable } from '@tmagic/table';
+import type { ColumnConfig } from '@tmagic/editor';
+import {
+  MagicTable,
+  MenuButton,
+  TMagicCodeEditor,
+  tMagicMessage,
+  TMagicPagination,
+  TMagicTabPane,
+  TMagicTabs,
+} from '@tmagic/editor';
 
 import NavMenu from '../components/NavMenu.vue';
 
@@ -42,6 +52,21 @@ const columns = ref<ColumnConfig[]>([
     prop: 'a',
     label: '1231',
   },
+  {
+    label: '操作',
+    actions: [
+      {
+        type: 'delete',
+        buttonType: 'danger',
+        disabled: (row) => row.a === 'a1',
+        display: (row) => row.a !== 'b1',
+        text: '删除',
+        handler: (row) => {
+          console.log(row);
+        },
+      },
+    ],
+  },
 ]);
 
 const data = ref([
@@ -53,6 +78,22 @@ const data = ref([
       },
     ],
   },
+  {
+    a: 'b1',
+    b: [
+      {
+        a: 2,
+      },
+    ],
+  },
+  {
+    a: 'c2',
+    b: [
+      {
+        a: 3,
+      },
+    ],
+  },
 ]);
 
 const menu: MenuButton[] = [
diff --git a/playground/src/pages/composables/use-editor-content-menu-data.ts b/playground/src/pages/composables/use-editor-content-menu-data.ts
new file mode 100644
index 00000000..c183b4f8
--- /dev/null
+++ b/playground/src/pages/composables/use-editor-content-menu-data.ts
@@ -0,0 +1,61 @@
+import { computed, markRaw, type Ref } from 'vue';
+import { CopyDocument, DocumentCopy } from '@element-plus/icons-vue';
+
+import { cloneDeep } from '@tmagic/core';
+import { calcValueByFontsize, ContentMenu, COPY_STORAGE_KEY, type MenuButton, type Services } from '@tmagic/editor';
+
+export const useEditorContentMenuData = () => {
+  const collectorOptions = {
+    id: '',
+    name: '蒙层',
+    isTarget: (key: string | number, value: any) =>
+      typeof key === 'string' && typeof value === 'string' && key.includes('events') && value.startsWith('overlay_'),
+    isCollectByDefault: false,
+  };
+
+  const usePasteMenu = (menu?: Ref<InstanceType<typeof ContentMenu> | undefined>): MenuButton => ({
+    type: 'button',
+    text: '粘贴(带关联信息)',
+    icon: markRaw(DocumentCopy),
+    display: (services) => !!services?.storageService?.getItem(COPY_STORAGE_KEY),
+    handler: (services) => {
+      const nodes = services?.editorService?.get('nodes');
+      if (!nodes || nodes.length === 0) return;
+
+      if (menu?.value?.$el) {
+        const stage = services?.editorService?.get('stage');
+        const rect = menu.value.$el.getBoundingClientRect();
+        const parentRect = stage?.container?.getBoundingClientRect();
+        const initialLeft =
+          calcValueByFontsize(stage?.renderer?.getDocument(), (rect.left || 0) - (parentRect?.left || 0)) /
+          services.uiService.get('zoom');
+        const initialTop =
+          calcValueByFontsize(stage?.renderer?.getDocument(), (rect.top || 0) - (parentRect?.top || 0)) /
+          services.uiService.get('zoom');
+        services?.editorService?.paste({ left: initialLeft, top: initialTop }, collectorOptions);
+      } else {
+        services?.editorService?.paste({}, collectorOptions);
+        services?.codeBlockService?.paste();
+        services?.dataSourceService?.paste();
+      }
+    },
+  });
+  const contentMenuData = computed<MenuButton[]>(() => [
+    {
+      type: 'button',
+      text: '复制(带关联信息)',
+      icon: markRaw(CopyDocument),
+      handler: (services: Services) => {
+        const nodes = services?.editorService?.get('nodes');
+        nodes && services?.editorService?.copyWithRelated(cloneDeep(nodes), collectorOptions);
+        nodes && services?.codeBlockService?.copyWithRelated(cloneDeep(nodes));
+        nodes && services?.dataSourceService?.copyWithRelated(cloneDeep(nodes));
+      },
+    },
+    usePasteMenu(),
+  ]);
+
+  return {
+    contentMenuData,
+  };
+};
diff --git a/playground/src/pages/composables/use-editor-menu.ts b/playground/src/pages/composables/use-editor-menu.ts
new file mode 100644
index 00000000..6c732600
--- /dev/null
+++ b/playground/src/pages/composables/use-editor-menu.ts
@@ -0,0 +1,103 @@
+import { nextTick, type Ref, ref, shallowRef } from 'vue';
+import { useRouter } from 'vue-router';
+import { Coin, Connection, Document } from '@element-plus/icons-vue';
+
+import type { MApp } from '@tmagic/core';
+import { type MenuBarData, tMagicMessage, tMagicMessageBox } from '@tmagic/editor';
+
+import AdapterSelect from '../../components/AdapterSelect.vue';
+import DeviceGroup from '../../components/DeviceGroup.vue';
+import { uaMap } from '../../const';
+
+export const useEditorMenu = (value: Ref<MApp>, save: () => void) => {
+  const router = useRouter();
+
+  const deviceGroup = shallowRef<InstanceType<typeof DeviceGroup>>();
+  const iframe = shallowRef<HTMLIFrameElement>();
+  const previewVisible = ref(false);
+
+  const menu: MenuBarData = {
+    left: [
+      {
+        type: 'text',
+        text: '魔方',
+      },
+      {
+        type: 'component',
+        component: AdapterSelect,
+      },
+    ],
+    center: ['delete', 'undo', 'redo', 'guides', 'rule', 'zoom'],
+    right: [
+      {
+        type: 'button',
+        text: 'Form Playground',
+        handler: () => router.push('form'),
+      },
+      {
+        type: 'button',
+        text: 'Form Editor Playground',
+        handler: () => router.push('form-editor'),
+      },
+      {
+        type: 'button',
+        text: 'Table Playground',
+        handler: () => router.push('table'),
+      },
+      '/',
+      {
+        type: 'button',
+        text: '预览',
+        icon: Connection,
+        handler: async (services) => {
+          if (services?.editorService.get('modifiedNodeIds').size > 0) {
+            try {
+              await tMagicMessageBox.confirm('有修改未保存，是否先保存再预览', '提示', {
+                confirmButtonText: '保存并预览',
+                cancelButtonText: '预览',
+                type: 'warning',
+              });
+              save();
+              tMagicMessage.success('保存成功');
+            } catch (e) {
+              console.error(e);
+            }
+          }
+          previewVisible.value = true;
+
+          await nextTick();
+
+          if (!iframe.value?.contentWindow || !deviceGroup.value?.viewerDevice) return;
+          Object.defineProperty(iframe.value.contentWindow.navigator, 'userAgent', {
+            value: uaMap[deviceGroup.value.viewerDevice],
+            writable: true,
+          });
+        },
+      },
+      {
+        type: 'button',
+        text: '保存',
+        icon: Coin,
+        handler: () => {
+          save();
+          tMagicMessage.success('保存成功');
+        },
+      },
+      '/',
+      {
+        type: 'button',
+        icon: Document,
+        tooltip: '源码',
+        handler: (service) => service?.uiService.set('showSrc', !service?.uiService.get('showSrc')),
+      },
+    ],
+  };
+
+  return {
+    menu,
+    deviceGroup,
+    iframe,
+    previewVisible,
+    save,
+  };
+};
diff --git a/playground/src/pages/composables/use-editor-moveable-options.ts b/playground/src/pages/composables/use-editor-moveable-options.ts
new file mode 100644
index 00000000..7ba7e90a
--- /dev/null
+++ b/playground/src/pages/composables/use-editor-moveable-options.ts
@@ -0,0 +1,80 @@
+import { onMounted, type ShallowRef } from 'vue';
+
+import { NodeType } from '@tmagic/core';
+import type { CustomizeMoveableOptionsFunction, MoveableOptions, TMagicEditor } from '@tmagic/editor';
+
+export const useEditorMoveableOptions = (editor: ShallowRef<InstanceType<typeof TMagicEditor> | undefined>) => {
+  let keepRatio = false;
+
+  const moveableOptions: CustomizeMoveableOptionsFunction = (config) => {
+    const options: MoveableOptions = {};
+
+    if (!editor.value) return options;
+
+    const page = editor.value.editorService.get('page');
+
+    const ids = config.targetElIds || [];
+    let isPage = page && ids.includes(`${page.id}`);
+
+    if (!isPage) {
+      const id = config.targetElId;
+      if (id) {
+        const node = editor.value.editorService.getNodeById(id);
+        isPage = node?.type === NodeType.PAGE;
+      }
+    }
+
+    options.draggable = !isPage;
+    options.resizable = !isPage;
+    options.rotatable = !isPage;
+    options.keepRatio = keepRatio;
+
+    // 双击后在弹层中编辑时，根组件不能拖拽
+    if (config?.targetEl?.parentElement?.classList.contains('tmagic-editor-sub-stage-wrap')) {
+      options.draggable = false;
+      options.resizable = false;
+      options.rotatable = false;
+    }
+
+    return options;
+  };
+
+  onMounted(() => {
+    if (!editor.value) return;
+
+    const registerEnableRotatable = () => {
+      editor.value?.keybindingService.registerCommand('moveable-options-rotatable-endable', () => {
+        keepRatio = true;
+        editor.value?.editorService.get('stage')?.actionManager?.updateMoveableOptions();
+
+        editor.value?.keybindingService.unregisterCommand('moveable-options-rotatable-endable');
+      });
+    };
+
+    registerEnableRotatable();
+
+    editor.value.keybindingService.registerCommand('moveable-options-rotatable-disable', () => {
+      keepRatio = false;
+      editor.value?.editorService.get('stage')?.actionManager?.updateMoveableOptions();
+
+      registerEnableRotatable();
+    });
+
+    editor.value.keybindingService.register([
+      {
+        command: 'moveable-options-rotatable-endable',
+        keybinding: 'shift',
+        when: [['stage', 'keydown']],
+      },
+      {
+        command: 'moveable-options-rotatable-disable',
+        keybinding: 'shift',
+        when: [['stage', 'keyup']],
+      },
+    ]);
+  });
+
+  return {
+    moveableOptions,
+  };
+};
diff --git a/playground/src/pages/composables/use-editor-res.ts b/playground/src/pages/composables/use-editor-res.ts
new file mode 100644
index 00000000..b9603661
--- /dev/null
+++ b/playground/src/pages/composables/use-editor-res.ts
@@ -0,0 +1,45 @@
+import { ref } from 'vue';
+
+import { asyncLoadJs } from '@tmagic/editor';
+
+const { VITE_ENTRY_PATH } = import.meta.env;
+
+export const useEditorRes = () => {
+  const propsValues = ref<Record<string, any>>({});
+  const propsConfigs = ref<Record<string, any>>({});
+  const eventMethodList = ref<Record<string, any>>({});
+  const datasourceConfigs = ref<Record<string, any>>({});
+  const datasourceValues = ref<Record<string, any>>({});
+
+  const datasourceEventMethodList = ref<Record<string, any>>({
+    base: {
+      events: [],
+      methods: [],
+    },
+  });
+
+  asyncLoadJs(`${VITE_ENTRY_PATH}/config/index.umd.cjs`).then(() => {
+    propsConfigs.value = (globalThis as any).magicPresetConfigs;
+  });
+  asyncLoadJs(`${VITE_ENTRY_PATH}/value/index.umd.cjs`).then(() => {
+    propsValues.value = (globalThis as any).magicPresetValues;
+  });
+  asyncLoadJs(`${VITE_ENTRY_PATH}/event/index.umd.cjs`).then(() => {
+    eventMethodList.value = (globalThis as any).magicPresetEvents;
+  });
+  asyncLoadJs(`${VITE_ENTRY_PATH}/ds-config/index.umd.cjs`).then(() => {
+    datasourceConfigs.value = (globalThis as any).magicPresetDsConfigs;
+  });
+  asyncLoadJs(`${VITE_ENTRY_PATH}/ds-value/index.umd.cjs`).then(() => {
+    datasourceValues.value = (globalThis as any).magicPresetDsValues;
+  });
+
+  return {
+    propsValues,
+    propsConfigs,
+    eventMethodList,
+    datasourceConfigs,
+    datasourceValues,
+    datasourceEventMethodList,
+  };
+};
diff --git a/playground/src/route.ts b/playground/src/route.ts
index 40861d02..41ef8b28 100644
--- a/playground/src/route.ts
+++ b/playground/src/route.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
diff --git a/playground/vite.config.ts b/playground/vite.config.ts
index 32469f2e..976603fa 100644
--- a/playground/vite.config.ts
+++ b/playground/vite.config.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -22,18 +22,9 @@ import { defineConfig } from 'vite';
 import legacy from '@vitejs/plugin-legacy';
 import vue from '@vitejs/plugin-vue';
 import vueJsx from '@vitejs/plugin-vue-jsx';
-import AutoImport from 'unplugin-auto-import/vite';
-import { ElementPlusResolver } from 'unplugin-vue-components/resolvers';
-import Components from 'unplugin-vue-components/vite';
 
 export default defineConfig({
   plugins: [
-    AutoImport({
-      resolvers: [ElementPlusResolver()],
-    }),
-    Components({
-      resolvers: [ElementPlusResolver()],
-    }),
     vue(),
     vueJsx(),
     legacy({
@@ -44,22 +35,27 @@ export default defineConfig({
   base: '/tmagic-editor/playground/',
 
   resolve: {
-    alias: [
+    alias: process.env.NODE_ENV === 'development' ? [
       {
         find: /^@tmagic\/editor\/dist\/style.css/,
         replacement: path.join(__dirname, '../packages/editor/src/theme/index.scss'),
       },
       {
-        find: /^@tmagic\/form\/dist\/style.css/,
+        find: /^@tmagic\/form\/src\/theme\/index.scss/,
         replacement: path.join(__dirname, '../packages/form/src/theme/index.scss'),
       },
       {
-        find: /^@tmagic\/table\/dist\/style.css/,
-        replacement: path.join(__dirname, '../packages/table/dist/style.css'),
+        find: /^@tmagic\/table\/src\/theme\/index.scss/,
+        replacement: path.join(__dirname, '../packages/table/src/theme/index.scss'),
+      },
+      {
+        find: /^@tmagic\/design\/src\/theme\/index.scss/,
+        replacement: path.join(__dirname, '../packages/design/src/theme/index.scss'),
       },
       { find: /^@tmagic\/core/, replacement: path.join(__dirname, '../packages/core/src/index.ts') },
       { find: /^@editor/, replacement: path.join(__dirname, '../packages/editor/src/') },
       { find: /^@tmagic\/editor/, replacement: path.join(__dirname, '../packages/editor/src/index.ts') },
+      { find: /^@tmagic\/form-schema/, replacement: path.join(__dirname, '../packages/form-schema/src/index.ts') },
       { find: /^@tmagic\/schema/, replacement: path.join(__dirname, '../packages/schema/src/index.ts') },
       { find: /^@tmagic\/form/, replacement: path.join(__dirname, '../packages/form/src/index.ts') },
       {
@@ -70,24 +66,41 @@ export default defineConfig({
       { find: /^@tmagic\/stage/, replacement: path.join(__dirname, '../packages/stage/src/index.ts') },
       { find: /^@tmagic\/utils/, replacement: path.join(__dirname, '../packages/utils/src/index.ts') },
       { find: /^@tmagic\/design/, replacement: path.join(__dirname, '../packages/design/src/index.ts') },
-      { find: /^@tmagic\/data-source/, replacement: path.join(__dirname, '../packages/data-source/src/index.ts') },
+      {
+        find: /^@tmagic\/data-source/,
+        replacement: path.join(__dirname, '../packages/data-source/src/index.ts'),
+      },
       { find: /^@tmagic\/dep/, replacement: path.join(__dirname, '../packages/dep/src/index.ts') },
       { find: /^@data-source/, replacement: path.join(__dirname, '../packages/data-source/src') },
       {
         find: /^@tmagic\/element-plus-adapter/,
         replacement: path.join(__dirname, '../packages/element-plus-adapter/src/index.ts'),
       },
+      {
+        find: /^@tmagic\/tdesign-vue-next-adapter/,
+        replacement: path.join(__dirname, '../packages/tdesign-vue-next-adapter/src/index.ts'),
+      },
+    ] : [
+      { find: 'vue', replacement: path.join(__dirname, './node_modules/vue') },
     ],
   },
 
   optimizeDeps: {
-    esbuildOptions: {
-      define: {
-        global: 'globalThis',
+    rolldownOptions: {
+      transform: {
+        define: {
+          global: 'globalThis',
+        },
       },
     },
   },
 
+  css: {
+    lightningcss: {
+      errorRecovery: true,
+    },
+  },
+
   server: {
     host: '0.0.0.0',
     port: 8098,
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 624402e6..288d62b5 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -4,124 +4,181 @@ settings:
   autoInstallPeers: true
   excludeLinksFromLockfile: false
 
+catalogs:
+  default:
+    '@vue/compiler-sfc':
+      specifier: ^3.5.24
+      version: 3.5.24
+    typescript:
+      specifier: ^5.9.3
+      version: 5.9.3
+    vite:
+      specifier: ^8.0.0
+      version: 8.0.0
+    vue:
+      specifier: ^3.5.24
+      version: 3.5.24
+
 importers:
 
   .:
     devDependencies:
       '@commitlint/cli':
-        specifier: ^18.2.0
-        version: 18.6.1(@types/node@18.19.34)(typescript@5.4.5)
+        specifier: ^20.1.0
+        version: 20.1.0(@types/node@24.0.10)(typescript@5.9.3)
       '@commitlint/config-conventional':
-        specifier: ^18.1.0
-        version: 18.6.3
+        specifier: ^20.0.0
+        version: 20.0.0
+      '@tmagic/eslint-config':
+        specifier: workspace:*
+        version: link:eslint-config
       '@types/node':
-        specifier: ^18.19.0
-        version: 18.19.34
-      '@typescript-eslint/eslint-plugin':
-        specifier: ^5.57.1
-        version: 5.62.0(@typescript-eslint/parser@5.62.0(eslint@8.57.0)(typescript@5.4.5))(eslint@8.57.0)(typescript@5.4.5)
-      '@typescript-eslint/parser':
-        specifier: ^5.57.1
-        version: 5.62.0(eslint@8.57.0)(typescript@5.4.5)
+        specifier: 24.0.10
+        version: 24.0.10
       '@vitejs/plugin-vue':
-        specifier: ^5.0.4
-        version: 5.0.5(vite@5.2.12(@types/node@18.19.34)(sass@1.77.4)(terser@5.31.0))(vue@3.4.27(typescript@5.4.5))
+        specifier: ^6.0.5
+        version: 6.0.5(vite@8.0.0(@types/node@24.0.10)(jiti@2.6.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1))(vue@3.5.24(typescript@5.9.3))
       '@vitest/coverage-v8':
-        specifier: ^1.0.4
-        version: 1.6.0(vitest@1.6.0(@types/node@18.19.34)(jsdom@19.0.0)(sass@1.77.4)(terser@5.31.0))
-      c8:
-        specifier: ^7.11.3
-        version: 7.14.0
-      commitizen:
-        specifier: ^4.3.0
-        version: 4.3.0(@types/node@18.19.34)(typescript@5.4.5)
-      conventional-changelog-cli:
         specifier: ^4.1.0
-        version: 4.1.0
+        version: 4.1.0(vitest@4.1.0(@types/node@24.0.10)(jsdom@27.2.0)(vite@8.0.0(@types/node@24.0.10)(jiti@2.6.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1)))
+      '@vue/compiler-sfc':
+        specifier: 'catalog:'
+        version: 3.5.24
+      c8:
+        specifier: ^10.1.3
+        version: 10.1.3
+      commitizen:
+        specifier: ^4.3.1
+        version: 4.3.1(@types/node@24.0.10)(typescript@5.9.3)
+      conventional-changelog-cli:
+        specifier: ^5.0.0
+        version: 5.0.0(conventional-commits-filter@5.0.0)
       cosmiconfig:
-        specifier: ^8.3.6
-        version: 8.3.6(typescript@5.4.5)
+        specifier: '^ 9.0.0 '
+        version: 9.0.0(typescript@5.9.3)
       cz-conventional-changelog:
         specifier: ^3.3.0
-        version: 3.3.0(@types/node@18.19.34)(typescript@5.4.5)
+        version: 3.3.0(@types/node@24.0.10)(typescript@5.9.3)
       element-plus:
-        specifier: ^2.7.4
-        version: 2.7.4(@vue/composition-api@1.7.2(vue@3.4.27(typescript@5.4.5)))(vue@3.4.27(typescript@5.4.5))
+        specifier: ^2.11.8
+        version: 2.11.8(@vue/composition-api@1.7.2(vue@3.5.24(typescript@5.9.3)))(vue@3.5.24(typescript@5.9.3))
       enquirer:
-        specifier: ^2.3.6
+        specifier: ^2.4.1
         version: 2.4.1
       eslint:
-        specifier: ^8.38.0
-        version: 8.57.0
-      eslint-config-tencent:
-        specifier: ^1.0.4
-        version: 1.0.4(@babel/core@7.24.6)(@typescript-eslint/eslint-plugin@5.62.0(@typescript-eslint/parser@5.62.0(eslint@8.57.0)(typescript@5.4.5))(eslint@8.57.0)(typescript@5.4.5))(@typescript-eslint/parser@5.62.0(eslint@8.57.0)(typescript@5.4.5))(eslint-plugin-prettier@4.2.1(eslint@8.57.0)(prettier@2.8.8))(eslint@8.57.0)(prettier@2.8.8)
-      eslint-plugin-import:
-        specifier: ^2.27.5
-        version: 2.29.1(@typescript-eslint/parser@5.62.0(eslint@8.57.0)(typescript@5.4.5))(eslint@8.57.0)
-      eslint-plugin-prettier:
-        specifier: ^4.2.1
-        version: 4.2.1(eslint@8.57.0)(prettier@2.8.8)
-      eslint-plugin-simple-import-sort:
-        specifier: ^10.0.0
-        version: 10.0.0(eslint@8.57.0)
-      eslint-plugin-vue:
-        specifier: ^9.10.0
-        version: 9.26.0(eslint@8.57.0)
+        specifier: ^10.0.3
+        version: 10.0.3(jiti@2.6.1)
       execa:
-        specifier: ^4.0.2
-        version: 4.1.0
+        specifier: ^9.6.0
+        version: 9.6.0
       highlight.js:
-        specifier: ^11.7.0
-        version: 11.9.0
+        specifier: ^11.11.1
+        version: 11.11.1
       husky:
-        specifier: ^7.0.0
-        version: 7.0.4
+        specifier: ^9.1.7
+        version: 9.1.7
       jsdom:
-        specifier: ^19.0.0
-        version: 19.0.0
+        specifier: ^27.2.0
+        version: 27.2.0
       lint-staged:
-        specifier: ^11.0.1
-        version: 11.2.6
+        specifier: ^16.2.7
+        version: 16.2.7
       minimist:
-        specifier: ^1.2.6
+        specifier: ^1.2.8
         version: 1.2.8
       picocolors:
-        specifier: ^1.0.0
-        version: 1.0.1
+        specifier: ^1.1.1
+        version: 1.1.1
       prettier:
-        specifier: ^2.8.7
-        version: 2.8.8
+        specifier: ^3.8.1
+        version: 3.8.1
       recast:
-        specifier: ^0.20.4
-        version: 0.20.5
+        specifier: ^0.23.11
+        version: 0.23.11
       rimraf:
         specifier: ^3.0.2
         version: 3.0.2
+      rolldown:
+        specifier: ^1.0.0-rc.9
+        version: 1.0.0-rc.9
+      rolldown-plugin-dts:
+        specifier: ^0.22.5
+        version: 0.22.5(rolldown@1.0.0-rc.9)(typescript@5.9.3)(vue-tsc@3.2.6(typescript@5.9.3))
+      sass-embedded:
+        specifier: ^1.93.3
+        version: 1.93.3
       semver:
-        specifier: ^7.3.7
-        version: 7.6.2
+        specifier: ^7.7.3
+        version: 7.7.3
       serialize-javascript:
-        specifier: ^6.0.0
-        version: 6.0.2
+        specifier: ^7.0.0
+        version: 7.0.0
       shx:
         specifier: ^0.3.4
         version: 0.3.4
       typescript:
-        specifier: ^5.4.5
-        version: 5.4.5
+        specifier: 'catalog:'
+        version: 5.9.3
       vite:
-        specifier: ^5.2.12
-        version: 5.2.12(@types/node@18.19.34)(sass@1.77.4)(terser@5.31.0)
+        specifier: 'catalog:'
+        version: 8.0.0(@types/node@24.0.10)(jiti@2.6.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1)
       vitepress:
-        specifier: 1.2.2
-        version: 1.2.2(@algolia/client-search@4.23.3)(@types/node@18.19.34)(@types/react@18.3.3)(@vue/composition-api@1.7.2(vue@3.4.27(typescript@5.4.5)))(async-validator@4.2.5)(axios@0.25.0)(postcss@8.4.38)(qrcode@1.5.3)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.77.4)(search-insights@2.14.0)(sortablejs@1.15.2)(terser@5.31.0)(typescript@5.4.5)
+        specifier: ^1.6.4
+        version: 1.6.4(@algolia/client-search@5.44.0)(@types/node@24.0.10)(@types/react@18.3.27)(async-validator@4.2.5)(axios@1.13.2)(lightningcss@1.32.0)(postcss@8.5.8)(qrcode@1.5.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass-embedded@1.93.3)(sass@1.93.3)(search-insights@2.17.3)(sortablejs@1.15.6)(terser@5.44.1)(typescript@5.9.3)
       vitest:
-        specifier: ^1.6.0
-        version: 1.6.0(@types/node@18.19.34)(jsdom@19.0.0)(sass@1.77.4)(terser@5.31.0)
+        specifier: ^4.1.0
+        version: 4.1.0(@types/node@24.0.10)(jsdom@27.2.0)(vite@8.0.0(@types/node@24.0.10)(jiti@2.6.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1))
       vue:
-        specifier: ^3.4.27
-        version: 3.4.27(typescript@5.4.5)
+        specifier: 'catalog:'
+        version: 3.5.24(typescript@5.9.3)
+      vue-tsc:
+        specifier: ^3.2.6
+        version: 3.2.6(typescript@5.9.3)
+
+  eslint-config:
+    dependencies:
+      '@eslint/js':
+        specifier: ^10.0.1
+        version: 10.0.1(eslint@10.0.3(jiti@2.6.1))
+      '@stylistic/eslint-plugin':
+        specifier: ^5.10.0
+        version: 5.10.0(eslint@10.0.3(jiti@2.6.1))
+      '@typescript-eslint/eslint-plugin':
+        specifier: ^8.57.1
+        version: 8.57.1(@typescript-eslint/parser@8.57.1(eslint@10.0.3(jiti@2.6.1))(typescript@5.9.3))(eslint@10.0.3(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/parser':
+        specifier: ^8.57.1
+        version: 8.57.1(eslint@10.0.3(jiti@2.6.1))(typescript@5.9.3)
+      eslint:
+        specifier: '>=10.0.0'
+        version: 10.0.3(jiti@2.6.1)
+      eslint-config-prettier:
+        specifier: ^10.1.8
+        version: 10.1.8(eslint@10.0.3(jiti@2.6.1))
+      eslint-plugin-import:
+        specifier: ^2.32.0
+        version: 2.32.0(@typescript-eslint/parser@8.57.1(eslint@10.0.3(jiti@2.6.1))(typescript@5.9.3))(eslint@10.0.3(jiti@2.6.1))
+      eslint-plugin-prettier:
+        specifier: ^5.5.4
+        version: 5.5.4(eslint-config-prettier@10.1.8(eslint@10.0.3(jiti@2.6.1)))(eslint@10.0.3(jiti@2.6.1))(prettier@3.8.1)
+      eslint-plugin-simple-import-sort:
+        specifier: ^12.1.1
+        version: 12.1.1(eslint@10.0.3(jiti@2.6.1))
+      eslint-plugin-vue:
+        specifier: ^10.8.0
+        version: 10.8.0(@stylistic/eslint-plugin@5.10.0(eslint@10.0.3(jiti@2.6.1)))(@typescript-eslint/parser@8.57.1(eslint@10.0.3(jiti@2.6.1))(typescript@5.9.3))(eslint@10.0.3(jiti@2.6.1))(vue-eslint-parser@10.4.0(eslint@10.0.3(jiti@2.6.1)))
+      globals:
+        specifier: ^17.4.0
+        version: 17.4.0
+      prettier:
+        specifier: '>=3.8.0'
+        version: 3.8.1
+      typescript-eslint:
+        specifier: ^8.57.1
+        version: 8.57.1(eslint@10.0.3(jiti@2.6.1))(typescript@5.9.3)
+      vue-eslint-parser:
+        specifier: ^10.3.0
+        version: 10.4.0(eslint@10.0.3(jiti@2.6.1))
 
   packages/cli:
     dependencies:
@@ -132,70 +189,39 @@ importers:
         specifier: ^3.6.0
         version: 3.6.0
       esbuild:
-        specifier: ^0.21.1
-        version: 0.21.4
+        specifier: ^0.21.5
+        version: 0.21.5
       fs-extra:
         specifier: ^11.2.0
-        version: 11.2.0
+        version: 11.3.2
+      merge-options:
+        specifier: ^3.0.4
+        version: 3.0.4
       picocolors:
-        specifier: ^1.0.0
-        version: 1.0.1
+        specifier: ^1.1.1
+        version: 1.1.1
       recast:
-        specifier: ^0.23.6
-        version: 0.23.9
+        specifier: ^0.23.11
+        version: 0.23.11
       tslib:
-        specifier: ^2.6.2
-        version: 2.6.3
+        specifier: ^2.8.0
+        version: 2.8.1
       typescript:
-        specifier: '*'
-        version: 5.4.5
+        specifier: 'catalog:'
+        version: 5.9.3
     devDependencies:
       '@types/fs-extra':
         specifier: ^11.0.4
         version: 11.0.4
       '@types/node':
-        specifier: ^18.19.0
-        version: 18.19.34
+        specifier: ^24.0.10
+        version: 24.0.10
 
   packages/core:
     dependencies:
       '@tmagic/data-source':
         specifier: workspace:*
         version: link:../data-source
-      '@tmagic/schema':
-        specifier: workspace:*
-        version: link:../schema
-      '@tmagic/utils':
-        specifier: workspace:*
-        version: link:../utils
-      events:
-        specifier: ^3.3.0
-        version: 3.3.0
-      lodash-es:
-        specifier: ^4.17.21
-        version: 4.17.21
-      typescript:
-        specifier: '*'
-        version: 5.4.5
-    devDependencies:
-      '@types/events':
-        specifier: ^3.0.0
-        version: 3.0.3
-      '@types/lodash-es':
-        specifier: ^4.17.4
-        version: 4.17.12
-      '@types/node':
-        specifier: ^18.19.0
-        version: 18.19.34
-      rimraf:
-        specifier: ^3.0.2
-        version: 3.0.2
-      vite:
-        specifier: ^5.2.12
-        version: 5.2.12(@types/node@18.19.34)(sass@1.77.4)(terser@5.31.0)
-
-  packages/data-source:
-    dependencies:
       '@tmagic/dep':
         specifier: workspace:*
         version: link:../dep
@@ -205,9 +231,6 @@ importers:
       '@tmagic/utils':
         specifier: workspace:*
         version: link:../utils
-      deep-state-observer:
-        specifier: ^5.5.13
-        version: 5.5.13
       events:
         specifier: ^3.3.0
         version: 3.3.0
@@ -215,24 +238,40 @@ importers:
         specifier: ^4.17.21
         version: 4.17.21
       typescript:
-        specifier: '*'
-        version: 5.4.5
+        specifier: 'catalog:'
+        version: 5.9.3
     devDependencies:
       '@types/events':
-        specifier: ^3.0.0
+        specifier: ^3.0.3
+        version: 3.0.3
+      '@types/lodash-es':
+        specifier: ^4.17.4
+        version: 4.17.12
+
+  packages/data-source:
+    dependencies:
+      '@tmagic/core':
+        specifier: workspace:*
+        version: link:../core
+      deep-state-observer:
+        specifier: ^5.5.13
+        version: 5.5.14
+      events:
+        specifier: ^3.3.0
+        version: 3.3.0
+      lodash-es:
+        specifier: ^4.17.21
+        version: 4.17.21
+      typescript:
+        specifier: 'catalog:'
+        version: 5.9.3
+    devDependencies:
+      '@types/events':
+        specifier: ^3.0.3
         version: 3.0.3
       '@types/lodash-es':
         specifier: ^4.17.4
         version: 4.17.12
-      '@types/node':
-        specifier: ^18.19.0
-        version: 18.19.34
-      tsc-alias:
-        specifier: ^1.8.5
-        version: 1.8.10
-      vite:
-        specifier: ^5.2.12
-        version: 5.2.12(@types/node@18.19.34)(sass@1.77.4)(terser@5.31.0)
 
   packages/dep:
     dependencies:
@@ -243,70 +282,35 @@ importers:
         specifier: workspace:*
         version: link:../utils
       typescript:
-        specifier: '*'
-        version: 5.4.5
-    devDependencies:
-      '@types/node':
-        specifier: ^18.19.0
-        version: 18.19.34
-      rimraf:
-        specifier: ^3.0.2
-        version: 3.0.2
-      vite:
-        specifier: ^5.2.12
-        version: 5.2.12(@types/node@18.19.34)(sass@1.77.4)(terser@5.31.0)
+        specifier: 'catalog:'
+        version: 5.9.3
 
   packages/design:
     dependencies:
+      '@popperjs/core':
+        specifier: ^2.11.8
+        version: 2.11.8
       typescript:
-        specifier: '*'
-        version: 5.4.5
+        specifier: 'catalog:'
+        version: 5.9.3
       vue:
-        specifier: ^3.4.27
-        version: 3.4.27(typescript@5.4.5)
-    devDependencies:
-      '@types/node':
-        specifier: ^18.19.0
-        version: 18.19.34
-      '@vitejs/plugin-vue':
-        specifier: ^5.0.4
-        version: 5.0.5(vite@5.2.12(@types/node@18.19.34)(sass@1.77.4)(terser@5.31.0))(vue@3.4.27(typescript@5.4.5))
-      '@vue/compiler-sfc':
-        specifier: ^3.4.27
-        version: 3.4.27
-      '@vue/test-utils':
-        specifier: ^2.4.6
-        version: 2.4.6
-      rimraf:
-        specifier: ^3.0.2
-        version: 3.0.2
-      vite:
-        specifier: ^5.2.12
-        version: 5.2.12(@types/node@18.19.34)(sass@1.77.4)(terser@5.31.0)
-      vue-tsc:
-        specifier: ^2.0.19
-        version: 2.0.19(typescript@5.4.5)
+        specifier: 'catalog:'
+        version: 3.5.24(typescript@5.9.3)
 
   packages/editor:
     dependencies:
       '@element-plus/icons-vue':
-        specifier: ^2.3.1
-        version: 2.3.1(vue@3.4.27(typescript@5.4.5))
+        specifier: ^2.3.2
+        version: 2.3.2(vue@3.5.24(typescript@5.9.3))
       '@tmagic/core':
         specifier: workspace:*
         version: link:../core
-      '@tmagic/dep':
-        specifier: workspace:*
-        version: link:../dep
       '@tmagic/design':
         specifier: workspace:*
         version: link:../design
       '@tmagic/form':
         specifier: workspace:*
         version: link:../form
-      '@tmagic/schema':
-        specifier: workspace:*
-        version: link:../schema
       '@tmagic/stage':
         specifier: workspace:*
         version: link:../stage
@@ -319,17 +323,17 @@ importers:
       buffer:
         specifier: ^6.0.3
         version: 6.0.3
-      color:
-        specifier: ^3.1.3
-        version: 3.2.1
+      deep-object-diff:
+        specifier: ^1.1.9
+        version: 1.1.9
       emmet-monaco-es:
-        specifier: ^5.3.0
-        version: 5.3.2(monaco-editor@0.48.0)
+        specifier: ^5.7.0
+        version: 5.7.0(monaco-editor@0.55.1)
       events:
         specifier: ^3.3.0
         version: 3.3.0
       gesto:
-        specifier: ^1.19.1
+        specifier: ^1.19.4
         version: 1.19.4
       keycon:
         specifier: ^1.4.0
@@ -338,60 +342,42 @@ importers:
         specifier: ^4.17.21
         version: 4.17.21
       monaco-editor:
-        specifier: ^0.48.0
-        version: 0.48.0
+        specifier: '^0.55.1 '
+        version: 0.55.1
       moveable:
         specifier: ^0.53.0
         version: 0.53.0
       serialize-javascript:
-        specifier: ^6.0.0
-        version: 6.0.2
+        specifier: ^7.0.0
+        version: 7.0.0
+      sortablejs:
+        specifier: ^1.15.6
+        version: 1.15.6
+      type-fest:
+        specifier: ^5.2.0
+        version: 5.2.0
       typescript:
-        specifier: '*'
-        version: 5.4.5
+        specifier: 'catalog:'
+        version: 5.9.3
       vue:
-        specifier: ^3.4.27
-        version: 3.4.27(typescript@5.4.5)
+        specifier: 'catalog:'
+        version: 3.5.24(typescript@5.9.3)
     devDependencies:
       '@types/events':
-        specifier: ^3.0.0
+        specifier: ^3.0.3
         version: 3.0.3
       '@types/lodash-es':
         specifier: ^4.17.4
         version: 4.17.12
-      '@types/node':
-        specifier: ^18.19.0
-        version: 18.19.34
       '@types/serialize-javascript':
-        specifier: ^5.0.1
-        version: 5.0.4
-      '@vitejs/plugin-vue':
         specifier: ^5.0.4
-        version: 5.0.5(vite@5.2.12(@types/node@18.19.34)(sass@1.77.4)(terser@5.31.0))(vue@3.4.27(typescript@5.4.5))
-      '@vue/compiler-sfc':
-        specifier: ^3.4.27
-        version: 3.4.27
+        version: 5.0.4
+      '@types/sortablejs':
+        specifier: ^1.15.9
+        version: 1.15.9
       '@vue/test-utils':
         specifier: ^2.4.6
         version: 2.4.6
-      rimraf:
-        specifier: ^3.0.2
-        version: 3.0.2
-      sass:
-        specifier: ^1.77.0
-        version: 1.77.4
-      tsc-alias:
-        specifier: ^1.8.5
-        version: 1.8.10
-      type-fest:
-        specifier: ^4.10.3
-        version: 4.19.0
-      vite:
-        specifier: ^5.2.12
-        version: 5.2.12(@types/node@18.19.34)(sass@1.77.4)(terser@5.31.0)
-      vue-tsc:
-        specifier: ^2.0.19
-        version: 2.0.19(typescript@5.4.5)
 
   packages/element-plus-adapter:
     dependencies:
@@ -399,92 +385,72 @@ importers:
         specifier: workspace:*
         version: link:../design
       element-plus:
-        specifier: ^2.7.4
-        version: 2.7.4(@vue/composition-api@1.7.2(vue@3.4.27(typescript@5.4.5)))(vue@3.4.27(typescript@5.4.5))
+        specifier: '>=2.9.0'
+        version: 2.11.8(@vue/composition-api@1.7.2(vue@3.5.24(typescript@5.9.3)))(vue@3.5.24(typescript@5.9.3))
       typescript:
-        specifier: '*'
-        version: 5.4.5
-    devDependencies:
-      '@types/node':
-        specifier: ^18.19.0
-        version: 18.19.34
-      rimraf:
-        specifier: ^3.0.2
-        version: 3.0.2
-      vite:
-        specifier: ^5.2.12
-        version: 5.2.12(@types/node@18.19.34)(sass@1.77.4)(terser@5.31.0)
+        specifier: 'catalog:'
+        version: 5.9.3
+      vue:
+        specifier: 'catalog:'
+        version: 3.5.24(typescript@5.9.3)
 
   packages/form:
     dependencies:
       '@element-plus/icons-vue':
-        specifier: ^2.3.1
-        version: 2.3.1(vue@3.4.27(typescript@5.4.5))
+        specifier: ^2.3.2
+        version: 2.3.2(vue@3.5.24(typescript@5.9.3))
+      '@popperjs/core':
+        specifier: ^2.11.8
+        version: 2.11.8
       '@tmagic/design':
         specifier: workspace:*
         version: link:../design
+      '@tmagic/form-schema':
+        specifier: workspace:*
+        version: link:../form-schema
       '@tmagic/utils':
         specifier: workspace:*
         version: link:../utils
+      dayjs:
+        specifier: ^1.11.19
+        version: 1.11.19
       lodash-es:
         specifier: ^4.17.21
         version: 4.17.21
       sortablejs:
-        specifier: ^1.15.2
-        version: 1.15.2
+        specifier: ^1.15.6
+        version: 1.15.6
       typescript:
-        specifier: '*'
-        version: 5.4.5
+        specifier: 'catalog:'
+        version: 5.9.3
       vue:
-        specifier: ^3.4.27
-        version: 3.4.27(typescript@5.4.5)
+        specifier: 'catalog:'
+        version: 3.5.24(typescript@5.9.3)
     devDependencies:
       '@types/lodash-es':
         specifier: ^4.17.4
         version: 4.17.12
-      '@types/node':
-        specifier: ^18.19.0
-        version: 18.19.34
       '@types/sortablejs':
-        specifier: ^1.15.8
-        version: 1.15.8
-      '@vitejs/plugin-vue':
-        specifier: ^5.0.4
-        version: 5.0.5(vite@5.2.12(@types/node@18.19.34)(sass@1.77.4)(terser@5.31.0))(vue@3.4.27(typescript@5.4.5))
-      '@vue/compiler-sfc':
-        specifier: ^3.4.27
-        version: 3.4.27
+        specifier: ^1.15.9
+        version: 1.15.9
       '@vue/test-utils':
         specifier: ^2.4.6
         version: 2.4.6
-      rimraf:
-        specifier: ^3.0.2
-        version: 3.0.2
-      sass:
-        specifier: ^1.77.0
-        version: 1.77.4
-      vite:
-        specifier: ^5.2.12
-        version: 5.2.12(@types/node@18.19.34)(sass@1.77.4)(terser@5.31.0)
-      vue-tsc:
-        specifier: ^2.0.19
-        version: 2.0.19(typescript@5.4.5)
+
+  packages/form-schema:
+    dependencies:
+      '@tmagic/schema':
+        specifier: workspace:*
+        version: link:../schema
+      typescript:
+        specifier: 'catalog:'
+        version: 5.9.3
 
   packages/schema:
     dependencies:
       typescript:
-        specifier: '*'
-        version: 5.4.5
-    devDependencies:
-      '@types/node':
-        specifier: ^18.19.0
-        version: 18.19.34
-      rimraf:
-        specifier: ^3.0.2
-        version: 3.0.2
-      vite:
-        specifier: ^5.2.12
-        version: 5.2.12(@types/node@18.19.34)(sass@1.77.4)(terser@5.31.0)
+        specifier: 'catalog:'
+        version: 5.9.3
 
   packages/stage:
     dependencies:
@@ -494,12 +460,6 @@ importers:
       '@tmagic/core':
         specifier: workspace:*
         version: link:../core
-      '@tmagic/schema':
-        specifier: workspace:*
-        version: link:../schema
-      '@tmagic/utils':
-        specifier: workspace:*
-        version: link:../utils
       events:
         specifier: ^3.3.0
         version: 3.3.0
@@ -515,28 +475,19 @@ importers:
       moveable-helper:
         specifier: ^0.4.0
         version: 0.4.0(scenejs@1.10.3)
+      scenejs:
+        specifier: ^1.10.3
+        version: 1.10.3
       typescript:
-        specifier: '*'
-        version: 5.4.5
+        specifier: 'catalog:'
+        version: 5.9.3
     devDependencies:
       '@types/events':
-        specifier: ^3.0.0
+        specifier: ^3.0.3
         version: 3.0.3
       '@types/lodash-es':
         specifier: ^4.17.4
         version: 4.17.12
-      '@types/node':
-        specifier: ^18.19.0
-        version: 18.19.34
-      rimraf:
-        specifier: ^3.0.2
-        version: 3.0.2
-      sass:
-        specifier: ^1.77.0
-        version: 1.77.4
-      vite:
-        specifier: ^5.2.12
-        version: 5.2.12(@types/node@18.19.34)(sass@1.77.4)(terser@5.31.0)
 
   packages/table:
     dependencies:
@@ -553,39 +504,15 @@ importers:
         specifier: ^4.17.21
         version: 4.17.21
       typescript:
-        specifier: '*'
-        version: 5.4.5
+        specifier: 'catalog:'
+        version: 5.9.3
       vue:
-        specifier: ^3.4.27
-        version: 3.4.27(typescript@5.4.5)
+        specifier: 'catalog:'
+        version: 3.5.24(typescript@5.9.3)
     devDependencies:
       '@types/lodash-es':
         specifier: ^4.17.4
         version: 4.17.12
-      '@types/node':
-        specifier: ^18.19.0
-        version: 18.19.34
-      '@vitejs/plugin-vue':
-        specifier: ^5.0.4
-        version: 5.0.5(vite@5.2.12(@types/node@18.19.34)(sass@1.77.4)(terser@5.31.0))(vue@3.4.27(typescript@5.4.5))
-      '@vue/compiler-sfc':
-        specifier: ^3.4.27
-        version: 3.4.27
-      '@vue/test-utils':
-        specifier: ^2.4.6
-        version: 2.4.6
-      rimraf:
-        specifier: ^3.0.2
-        version: 3.0.2
-      sass:
-        specifier: ^1.77.0
-        version: 1.77.4
-      vite:
-        specifier: ^5.2.12
-        version: 5.2.12(@types/node@18.19.34)(sass@1.77.4)(terser@5.31.0)
-      vue-tsc:
-        specifier: ^2.0.19
-        version: 2.0.19(typescript@5.4.5)
 
   packages/tdesign-vue-next-adapter:
     dependencies:
@@ -593,764 +520,1039 @@ importers:
         specifier: workspace:*
         version: link:../design
       tdesign-vue-next:
-        specifier: ^1.8.1
-        version: 1.9.5(vue@3.4.27(typescript@5.4.5))
+        specifier: ^1.17.1
+        version: 1.17.3(vue@3.5.24(typescript@5.9.3))
       typescript:
-        specifier: '*'
-        version: 5.4.5
+        specifier: 'catalog:'
+        version: 5.9.3
       vue:
-        specifier: ^3.4.27
-        version: 3.4.27(typescript@5.4.5)
-    devDependencies:
-      '@types/node':
-        specifier: ^18.19.0
-        version: 18.19.34
-      '@vitejs/plugin-vue':
-        specifier: ^5.0.4
-        version: 5.0.5(vite@5.2.12(@types/node@18.19.34)(sass@1.77.4)(terser@5.31.0))(vue@3.4.27(typescript@5.4.5))
-      '@vue/compiler-sfc':
-        specifier: ^3.4.27
-        version: 3.4.27
-      rimraf:
-        specifier: ^3.0.2
-        version: 3.0.2
-      vite:
-        specifier: ^5.2.12
-        version: 5.2.12(@types/node@18.19.34)(sass@1.77.4)(terser@5.31.0)
-      vue-tsc:
-        specifier: ^2.0.19
-        version: 2.0.19(typescript@5.4.5)
-
-  packages/ui:
-    dependencies:
-      '@tmagic/core':
-        specifier: workspace:*
-        version: link:../core
-      '@tmagic/schema':
-        specifier: workspace:*
-        version: link:../schema
-      '@tmagic/utils':
-        specifier: workspace:*
-        version: link:../utils
-      delegate:
-        specifier: ^3.2.0
-        version: 3.2.0
-      qrcode:
-        specifier: ^1.5.0
-        version: 1.5.3
-      tiny-emitter:
-        specifier: ^2.1.0
-        version: 2.1.0
-      typescript:
-        specifier: '*'
-        version: 5.4.5
-      vue:
-        specifier: '>=3.4.27'
-        version: 3.4.27(typescript@5.4.5)
-    devDependencies:
-      '@testing-library/vue':
-        specifier: ^6.4.2
-        version: 6.6.1(@vue/compiler-sfc@3.4.27)(vue@3.4.27(typescript@5.4.5))
-      '@types/qrcode':
-        specifier: ^1.4.2
-        version: 1.5.5
-      '@vue/compiler-sfc':
-        specifier: ^3.4.27
-        version: 3.4.27
-      '@vue/test-utils':
-        specifier: ^2.4.6
-        version: 2.4.6
-
-  packages/ui-react:
-    dependencies:
-      '@tmagic/core':
-        specifier: workspace:*
-        version: link:../core
-      '@tmagic/schema':
-        specifier: workspace:*
-        version: link:../schema
-      '@tmagic/utils':
-        specifier: workspace:*
-        version: link:../utils
-      qrcode:
-        specifier: ^1.5.0
-        version: 1.5.3
-      react:
-        specifier: '>=18.3.1'
-        version: 18.3.1
-      react-dom:
-        specifier: '>=18.3.1'
-        version: 18.3.1(react@18.3.1)
-      typescript:
-        specifier: '*'
-        version: 5.4.5
-    devDependencies:
-      '@types/react':
-        specifier: ^18.3.3
-        version: 18.3.3
-      '@types/react-dom':
-        specifier: ^18.3.0
-        version: 18.3.0
-
-  packages/ui-vue2:
-    dependencies:
-      '@tmagic/core':
-        specifier: workspace:*
-        version: link:../core
-      '@tmagic/schema':
-        specifier: workspace:*
-        version: link:../schema
-      '@tmagic/utils':
-        specifier: workspace:*
-        version: link:../utils
-      qrcode:
-        specifier: ^1.5.0
-        version: 1.5.3
-      typescript:
-        specifier: '*'
-        version: 5.4.5
-      vue:
-        specifier: '>=2.7.4'
-        version: 3.4.27(typescript@5.4.5)
-    devDependencies:
-      vue-template-compiler:
-        specifier: ^2.7.4
-        version: 2.7.16
+        specifier: 'catalog:'
+        version: 3.5.24(typescript@5.9.3)
 
   packages/utils:
     dependencies:
       '@tmagic/schema':
         specifier: workspace:*
         version: link:../schema
-      dayjs:
-        specifier: ^1.11.11
-        version: 1.11.11
       lodash-es:
         specifier: ^4.17.21
         version: 4.17.21
       typescript:
-        specifier: '*'
-        version: 5.4.5
+        specifier: 'catalog:'
+        version: 5.9.3
     devDependencies:
       '@types/lodash-es':
         specifier: ^4.17.4
         version: 4.17.12
-      '@types/node':
-        specifier: ^18.19.0
-        version: 18.19.34
-      rimraf:
-        specifier: ^3.0.2
-        version: 3.0.2
-      vite:
-        specifier: ^5.2.12
-        version: 5.2.12(@types/node@18.19.34)(sass@1.77.4)(terser@5.31.0)
 
   playground:
     dependencies:
       '@element-plus/icons-vue':
-        specifier: ^2.3.1
-        version: 2.3.1(vue@3.4.27(typescript@5.4.5))
+        specifier: ^2.3.2
+        version: 2.3.2(vue@3.5.24(typescript@5.9.3))
       '@tmagic/core':
-        specifier: 1.4.7
-        version: 1.4.7(@tmagic/data-source@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5)
+        specifier: 1.7.8
+        version: 1.7.8(typescript@5.9.3)
       '@tmagic/design':
-        specifier: 1.4.7
-        version: 1.4.7(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5))
+        specifier: 1.7.8
+        version: 1.7.8(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3))
       '@tmagic/editor':
-        specifier: 1.4.7
-        version: 1.4.7(@tmagic/core@1.4.7(@tmagic/data-source@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/design@1.4.7(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5)))(@tmagic/form@1.4.7(@tmagic/design@1.4.7(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5)))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5)))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/stage@1.4.7(@tmagic/core@1.4.7(@tmagic/data-source@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(scenejs@1.10.3)(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(monaco-editor@0.48.0)(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5))
+        specifier: 1.7.8
+        version: 1.7.8(@tmagic/core@1.7.8(typescript@5.9.3))(@tmagic/form-schema@1.7.8(typescript@5.9.3))(@tmagic/schema@1.7.8(typescript@5.9.3))(monaco-editor@0.55.1)(type-fest@5.2.0)(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3))
       '@tmagic/element-plus-adapter':
-        specifier: 1.4.7
-        version: 1.4.7(@tmagic/design@1.4.7(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5)))(element-plus@2.7.4(@vue/composition-api@1.7.2(vue@3.4.27(typescript@5.4.5)))(vue@3.4.27(typescript@5.4.5)))(typescript@5.4.5)
-      '@tmagic/form':
-        specifier: 1.4.7
-        version: 1.4.7(@tmagic/design@1.4.7(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5)))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5))
-      '@tmagic/schema':
-        specifier: 1.4.7
-        version: 1.4.7(typescript@5.4.5)
-      '@tmagic/stage':
-        specifier: 1.4.7
-        version: 1.4.7(@tmagic/core@1.4.7(@tmagic/data-source@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(scenejs@1.10.3)(typescript@5.4.5)
+        specifier: 1.7.8
+        version: 1.7.8(@tmagic/design@1.7.8(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3)))(element-plus@2.11.8(@vue/composition-api@1.7.2(vue@3.5.24(typescript@5.9.3)))(vue@3.5.24(typescript@5.9.3)))(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3))
+      '@tmagic/tdesign-vue-next-adapter':
+        specifier: 1.7.8
+        version: 1.7.8(@tmagic/design@1.7.8(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3)))(tdesign-vue-next@1.17.3(vue@3.5.24(typescript@5.9.3)))(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3))
       '@tmagic/tmagic-form-runtime':
-        specifier: 1.0.2
-        version: 1.0.2(@tmagic/data-source@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/editor@1.4.7(@tmagic/core@1.4.7(@tmagic/data-source@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/design@1.4.7(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5)))(@tmagic/form@1.4.7(@tmagic/design@1.4.7(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5)))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5)))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/stage@1.4.7(@tmagic/core@1.4.7(@tmagic/data-source@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(scenejs@1.10.3)(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(monaco-editor@0.48.0)(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5)))(@tmagic/form@1.4.7(@tmagic/design@1.4.7(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5)))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5)))(@tmagic/schema@1.4.7(typescript@5.4.5))(element-plus@2.7.4(@vue/composition-api@1.7.2(vue@3.4.27(typescript@5.4.5)))(vue@3.4.27(typescript@5.4.5)))(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5))
-      '@tmagic/utils':
-        specifier: 1.4.7
-        version: 1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5)
+        specifier: 1.1.3
+        version: 1.1.3(@tmagic/core@1.7.8(typescript@5.9.3))(@tmagic/editor@1.7.8(@tmagic/core@1.7.8(typescript@5.9.3))(@tmagic/form-schema@1.7.8(typescript@5.9.3))(@tmagic/schema@1.7.8(typescript@5.9.3))(monaco-editor@0.55.1)(type-fest@5.2.0)(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3)))(element-plus@2.11.8(@vue/composition-api@1.7.2(vue@3.5.24(typescript@5.9.3)))(vue@3.5.24(typescript@5.9.3)))(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3))
       element-plus:
-        specifier: ^2.7.4
-        version: 2.7.4(@vue/composition-api@1.7.2(vue@3.4.27(typescript@5.4.5)))(vue@3.4.27(typescript@5.4.5))
+        specifier: ^2.11.8
+        version: 2.11.8(@vue/composition-api@1.7.2(vue@3.5.24(typescript@5.9.3)))(vue@3.5.24(typescript@5.9.3))
       lodash-es:
         specifier: ^4.17.21
         version: 4.17.21
       monaco-editor:
-        specifier: ^0.48.0
-        version: 0.48.0
+        specifier: ^0.55.1
+        version: 0.55.1
       serialize-javascript:
-        specifier: ^6.0.0
-        version: 6.0.2
+        specifier: ^7.0.0
+        version: 7.0.0
+      tdesign-vue-next:
+        specifier: ^1.17.3
+        version: 1.17.3(vue@3.5.24(typescript@5.9.3))
       vue:
-        specifier: ^3.4.27
-        version: 3.4.27(typescript@5.4.5)
+        specifier: 'catalog:'
+        version: 3.5.24(typescript@5.9.3)
       vue-router:
-        specifier: ^4.0.10
-        version: 4.3.2(vue@3.4.27(typescript@5.4.5))
+        specifier: ^4.6.3
+        version: 4.6.3(vue@3.5.24(typescript@5.9.3))
     devDependencies:
       '@types/lodash-es':
         specifier: ^4.17.4
         version: 4.17.12
       '@types/node':
-        specifier: ^18.19.0
-        version: 18.19.34
+        specifier: ^24.0.10
+        version: 24.0.10
       '@types/serialize-javascript':
-        specifier: ^5.0.1
+        specifier: ^5.0.4
         version: 5.0.4
       '@vitejs/plugin-legacy':
-        specifier: ^5.4.0
-        version: 5.4.1(terser@5.31.0)(vite@5.2.12(@types/node@18.19.34)(sass@1.77.4)(terser@5.31.0))
+        specifier: ^8.0.0
+        version: 8.0.0(terser@5.44.1)(vite@8.0.0(@types/node@24.0.10)(jiti@2.6.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1))
       '@vitejs/plugin-vue':
-        specifier: ^5.0.4
-        version: 5.0.5(vite@5.2.12(@types/node@18.19.34)(sass@1.77.4)(terser@5.31.0))(vue@3.4.27(typescript@5.4.5))
+        specifier: ^6.0.5
+        version: 6.0.5(vite@8.0.0(@types/node@24.0.10)(jiti@2.6.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1))(vue@3.5.24(typescript@5.9.3))
       '@vitejs/plugin-vue-jsx':
-        specifier: ^3.1.0
-        version: 3.1.0(vite@5.2.12(@types/node@18.19.34)(sass@1.77.4)(terser@5.31.0))(vue@3.4.27(typescript@5.4.5))
+        specifier: ^5.1.5
+        version: 5.1.5(vite@8.0.0(@types/node@24.0.10)(jiti@2.6.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1))(vue@3.5.24(typescript@5.9.3))
       '@vue/compiler-sfc':
-        specifier: ^3.4.27
-        version: 3.4.27
-      sass:
-        specifier: ^1.77.0
-        version: 1.77.4
-      terser:
-        specifier: ^5.31.0
-        version: 5.31.0
+        specifier: 'catalog:'
+        version: 3.5.24
       typescript:
-        specifier: ^5.4.5
-        version: 5.4.5
-      unplugin-auto-import:
-        specifier: ^0.12.0
-        version: 0.12.2(@vueuse/core@10.10.0(@vue/composition-api@1.7.2(vue@3.4.27(typescript@5.4.5)))(vue@3.4.27(typescript@5.4.5)))(rollup@4.18.0)
-      unplugin-vue-components:
-        specifier: ^0.22.11
-        version: 0.22.12(@babel/parser@7.24.6)(rollup@4.18.0)(vue@3.4.27(typescript@5.4.5))
+        specifier: 'catalog:'
+        version: 5.9.3
       vite:
-        specifier: ^5.2.12
-        version: 5.2.12(@types/node@18.19.34)(sass@1.77.4)(terser@5.31.0)
+        specifier: 'catalog:'
+        version: 8.0.0(@types/node@24.0.10)(jiti@2.6.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1)
+
+  react-components/button:
+    dependencies:
+      '@tmagic/core':
+        specifier: workspace:^
+        version: link:../../packages/core
+      '@tmagic/form-schema':
+        specifier: workspace:^
+        version: link:../../packages/form-schema
+      '@tmagic/react-runtime-help':
+        specifier: workspace:^
+        version: link:../../runtime/react-runtime-help
+      react:
+        specifier: '>=18.3.1'
+        version: 18.3.1
+      react-dom:
+        specifier: '>=18.3.1'
+        version: 18.3.1(react@18.3.1)
+      typescript:
+        specifier: 'catalog:'
+        version: 5.9.3
+    devDependencies:
+      '@types/react':
+        specifier: ^18.3.3
+        version: 18.3.27
+      '@types/react-dom':
+        specifier: ^18.3.0
+        version: 18.3.7(@types/react@18.3.27)
+
+  react-components/container:
+    dependencies:
+      '@tmagic/core':
+        specifier: workspace:^
+        version: link:../../packages/core
+      '@tmagic/form-schema':
+        specifier: workspace:^
+        version: link:../../packages/form-schema
+      '@tmagic/react-runtime-help':
+        specifier: workspace:^
+        version: link:../../runtime/react-runtime-help
+      react:
+        specifier: '>=18.3.1'
+        version: 18.3.1
+      react-dom:
+        specifier: '>=18.3.1'
+        version: 18.3.1(react@18.3.1)
+      typescript:
+        specifier: 'catalog:'
+        version: 5.9.3
+    devDependencies:
+      '@types/react':
+        specifier: ^18.3.3
+        version: 18.3.27
+      '@types/react-dom':
+        specifier: ^18.3.0
+        version: 18.3.7(@types/react@18.3.27)
+
+  react-components/img:
+    dependencies:
+      '@tmagic/core':
+        specifier: workspace:^
+        version: link:../../packages/core
+      '@tmagic/form-schema':
+        specifier: workspace:^
+        version: link:../../packages/form-schema
+      '@tmagic/react-runtime-help':
+        specifier: workspace:^
+        version: link:../../runtime/react-runtime-help
+      react:
+        specifier: '>=18.3.1'
+        version: 18.3.1
+      react-dom:
+        specifier: '>=18.3.1'
+        version: 18.3.1(react@18.3.1)
+      typescript:
+        specifier: 'catalog:'
+        version: 5.9.3
+    devDependencies:
+      '@types/react':
+        specifier: ^18.3.3
+        version: 18.3.27
+      '@types/react-dom':
+        specifier: ^18.3.0
+        version: 18.3.7(@types/react@18.3.27)
+
+  react-components/iterator-container:
+    dependencies:
+      '@tmagic/core':
+        specifier: workspace:^
+        version: link:../../packages/core
+      '@tmagic/form-schema':
+        specifier: workspace:^
+        version: link:../../packages/form-schema
+      '@tmagic/react-runtime-help':
+        specifier: workspace:^
+        version: link:../../runtime/react-runtime-help
+      react:
+        specifier: '>=18.3.1'
+        version: 18.3.1
+      react-dom:
+        specifier: '>=18.3.1'
+        version: 18.3.1(react@18.3.1)
+      typescript:
+        specifier: 'catalog:'
+        version: 5.9.3
+    devDependencies:
+      '@types/react':
+        specifier: ^18.3.3
+        version: 18.3.27
+      '@types/react-dom':
+        specifier: ^18.3.0
+        version: 18.3.7(@types/react@18.3.27)
+
+  react-components/overlay:
+    dependencies:
+      '@tmagic/core':
+        specifier: workspace:^
+        version: link:../../packages/core
+      '@tmagic/form-schema':
+        specifier: workspace:^
+        version: link:../../packages/form-schema
+      '@tmagic/react-runtime-help':
+        specifier: workspace:^
+        version: link:../../runtime/react-runtime-help
+      react:
+        specifier: '>=18.3.1'
+        version: 18.3.1
+      react-dom:
+        specifier: '>=18.3.1'
+        version: 18.3.1(react@18.3.1)
+      typescript:
+        specifier: 'catalog:'
+        version: 5.9.3
+    devDependencies:
+      '@types/react':
+        specifier: ^18.3.3
+        version: 18.3.27
+      '@types/react-dom':
+        specifier: ^18.3.0
+        version: 18.3.7(@types/react@18.3.27)
+
+  react-components/page:
+    dependencies:
+      '@tmagic/core':
+        specifier: workspace:^
+        version: link:../../packages/core
+      '@tmagic/form-schema':
+        specifier: workspace:^
+        version: link:../../packages/form-schema
+      '@tmagic/react-runtime-help':
+        specifier: workspace:^
+        version: link:../../runtime/react-runtime-help
+      react:
+        specifier: '>=18.3.1'
+        version: 18.3.1
+      react-dom:
+        specifier: '>=18.3.1'
+        version: 18.3.1(react@18.3.1)
+      typescript:
+        specifier: 'catalog:'
+        version: 5.9.3
+    devDependencies:
+      '@types/react':
+        specifier: ^18.3.3
+        version: 18.3.27
+      '@types/react-dom':
+        specifier: ^18.3.0
+        version: 18.3.7(@types/react@18.3.27)
+
+  react-components/page-fragment:
+    dependencies:
+      '@tmagic/core':
+        specifier: workspace:^
+        version: link:../../packages/core
+      '@tmagic/form-schema':
+        specifier: workspace:^
+        version: link:../../packages/form-schema
+      '@tmagic/react-runtime-help':
+        specifier: workspace:^
+        version: link:../../runtime/react-runtime-help
+      react:
+        specifier: '>=18.3.1'
+        version: 18.3.1
+      react-dom:
+        specifier: '>=18.3.1'
+        version: 18.3.1(react@18.3.1)
+      typescript:
+        specifier: 'catalog:'
+        version: 5.9.3
+    devDependencies:
+      '@types/react':
+        specifier: ^18.3.3
+        version: 18.3.27
+      '@types/react-dom':
+        specifier: ^18.3.0
+        version: 18.3.7(@types/react@18.3.27)
+
+  react-components/page-fragment-container:
+    dependencies:
+      '@tmagic/core':
+        specifier: workspace:^
+        version: link:../../packages/core
+      '@tmagic/form-schema':
+        specifier: workspace:^
+        version: link:../../packages/form-schema
+      '@tmagic/react-runtime-help':
+        specifier: workspace:^
+        version: link:../../runtime/react-runtime-help
+      react:
+        specifier: '>=18.3.1'
+        version: 18.3.1
+      react-dom:
+        specifier: '>=18.3.1'
+        version: 18.3.1(react@18.3.1)
+      typescript:
+        specifier: 'catalog:'
+        version: 5.9.3
+    devDependencies:
+      '@types/react':
+        specifier: ^18.3.3
+        version: 18.3.27
+      '@types/react-dom':
+        specifier: ^18.3.0
+        version: 18.3.7(@types/react@18.3.27)
+
+  react-components/qrcode:
+    dependencies:
+      '@tmagic/core':
+        specifier: workspace:^
+        version: link:../../packages/core
+      '@tmagic/form-schema':
+        specifier: workspace:^
+        version: link:../../packages/form-schema
+      '@tmagic/react-runtime-help':
+        specifier: workspace:^
+        version: link:../../runtime/react-runtime-help
+      qrcode:
+        specifier: ^1.5.0
+        version: 1.5.4
+      react:
+        specifier: '>=18.3.1'
+        version: 18.3.1
+      react-dom:
+        specifier: '>=18.3.1'
+        version: 18.3.1(react@18.3.1)
+      typescript:
+        specifier: 'catalog:'
+        version: 5.9.3
+    devDependencies:
+      '@types/qrcode':
+        specifier: ^1.4.2
+        version: 1.5.6
+      '@types/react':
+        specifier: ^18.3.3
+        version: 18.3.27
+      '@types/react-dom':
+        specifier: ^18.3.0
+        version: 18.3.7(@types/react@18.3.27)
+
+  react-components/text:
+    dependencies:
+      '@tmagic/core':
+        specifier: workspace:^
+        version: link:../../packages/core
+      '@tmagic/form-schema':
+        specifier: workspace:^
+        version: link:../../packages/form-schema
+      '@tmagic/react-runtime-help':
+        specifier: workspace:^
+        version: link:../../runtime/react-runtime-help
+      react:
+        specifier: '>=18.3.1'
+        version: 18.3.1
+      react-dom:
+        specifier: '>=18.3.1'
+        version: 18.3.1(react@18.3.1)
+      typescript:
+        specifier: 'catalog:'
+        version: 5.9.3
+    devDependencies:
+      '@types/react':
+        specifier: ^18.3.3
+        version: 18.3.27
+      '@types/react-dom':
+        specifier: ^18.3.0
+        version: 18.3.7(@types/react@18.3.27)
 
   runtime/react:
     dependencies:
       '@tmagic/core':
-        specifier: 1.4.7
-        version: 1.4.7(@tmagic/data-source@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5)
-      '@tmagic/data-source':
-        specifier: 1.4.7
-        version: 1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5)
-      '@tmagic/schema':
-        specifier: 1.4.7
-        version: 1.4.7(typescript@5.4.5)
+        specifier: 1.7.8
+        version: 1.7.8(typescript@5.9.3)
+      '@tmagic/react-runtime-help':
+        specifier: 0.2.2
+        version: 0.2.2(@tmagic/core@1.7.8(typescript@5.9.3))(@tmagic/stage@1.7.8(@tmagic/core@1.7.8(typescript@5.9.3))(typescript@5.9.3))(lodash-es@4.17.21)(react@18.3.1)(typescript@5.9.3)
       '@tmagic/stage':
-        specifier: 1.4.7
-        version: 1.4.7(@tmagic/core@1.4.7(@tmagic/data-source@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(scenejs@1.10.3)(typescript@5.4.5)
-      '@tmagic/ui-react':
-        specifier: 1.4.7
-        version: 1.4.7(@tmagic/core@1.4.7(@tmagic/data-source@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(typescript@5.4.5)
-      '@tmagic/utils':
-        specifier: 1.4.7
-        version: 1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5)
+        specifier: 1.7.8
+        version: 1.7.8(@tmagic/core@1.7.8(typescript@5.9.3))(typescript@5.9.3)
       axios:
-        specifier: ^0.25.0
-        version: 0.25.0
-      lodash-es:
-        specifier: ^4.17.21
-        version: 4.17.21
+        specifier: ^1.13.2
+        version: 1.13.2
+      qrcode:
+        specifier: ^1.5.0
+        version: 1.5.4
       react:
         specifier: ^18.3.1
         version: 18.3.1
       react-dom:
         specifier: ^18.3.1
         version: 18.3.1(react@18.3.1)
-      terser:
-        specifier: ^5.31.0
-        version: 5.31.0
     devDependencies:
       '@tmagic/cli':
-        specifier: 1.4.6
-        version: 1.4.6(typescript@5.4.5)
+        specifier: 1.7.8
+        version: 1.7.8(typescript@5.9.3)
+      '@types/fs-extra':
+        specifier: ^11.0.4
+        version: 11.0.4
+      '@types/react':
+        specifier: ^18.3.3
+        version: 18.3.27
+      '@types/react-dom':
+        specifier: ^18.3.0
+        version: 18.3.7(@types/react@18.3.27)
+      '@vitejs/plugin-legacy':
+        specifier: ^8.0.0
+        version: 8.0.0(terser@5.44.1)(vite@8.0.0(@types/node@24.0.10)(jiti@2.6.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1))
+      '@vitejs/plugin-react-refresh':
+        specifier: ^1.3.6
+        version: 1.3.6
+      fs-extra:
+        specifier: ^11.3.1
+        version: 11.3.2
+      typescript:
+        specifier: 'catalog:'
+        version: 5.9.3
+      vite:
+        specifier: 'catalog:'
+        version: 8.0.0(@types/node@24.0.10)(jiti@2.6.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1)
+      vite-plugin-commonjs:
+        specifier: ^0.10.4
+        version: 0.10.4
+
+  runtime/react-runtime-help:
+    dependencies:
+      '@tmagic/core':
+        specifier: '>=1.7.0'
+        version: 1.7.0(typescript@5.9.3)
+      '@tmagic/stage':
+        specifier: '>=1.7.0'
+        version: 1.7.0(@tmagic/core@1.7.0(typescript@5.9.3))(typescript@5.9.3)
+      lodash-es:
+        specifier: ^4.17.21
+        version: 4.17.21
+      react:
+        specifier: '>=18.3.1'
+        version: 18.3.1
+      typescript:
+        specifier: 'catalog:'
+        version: 5.9.3
+    devDependencies:
       '@types/lodash-es':
         specifier: ^4.17.4
         version: 4.17.12
       '@types/react':
         specifier: ^18.3.3
-        version: 18.3.3
-      '@types/react-dom':
-        specifier: ^18.3.0
-        version: 18.3.0
-      '@vitejs/plugin-legacy':
-        specifier: ^5.4.0
-        version: 5.4.1(terser@5.31.0)(vite@5.2.12(@types/node@18.19.34)(sass@1.77.4)(terser@5.31.0))
-      '@vitejs/plugin-react-refresh':
-        specifier: ^1.3.1
-        version: 1.3.6
-      typescript:
-        specifier: ^5.4.5
-        version: 5.4.5
-      vite:
-        specifier: ^5.2.11
-        version: 5.2.12(@types/node@18.19.34)(sass@1.77.4)(terser@5.31.0)
+        version: 18.3.27
 
   runtime/tmagic-form:
     dependencies:
       '@tmagic/core':
-        specifier: workspace:*
-        version: link:../../packages/core
+        specifier: '>=1.7.0'
+        version: 1.7.2(typescript@5.9.3)
       '@tmagic/editor':
-        specifier: workspace:*
-        version: link:../../packages/editor
-      '@tmagic/form':
-        specifier: workspace:*
-        version: link:../../packages/form
-      '@tmagic/schema':
-        specifier: workspace:*
-        version: link:../../packages/schema
-      '@tmagic/stage':
-        specifier: workspace:*
-        version: link:../../packages/stage
-      '@tmagic/utils':
-        specifier: workspace:*
-        version: link:../../packages/utils
+        specifier: '>=1.7.0'
+        version: 1.7.2(@tmagic/core@1.7.2(typescript@5.9.3))(@tmagic/form-schema@1.7.2(typescript@5.9.3))(@tmagic/schema@1.7.2(typescript@5.9.3))(monaco-editor@0.55.1)(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3))
       element-plus:
-        specifier: ^2.7.4
-        version: 2.7.4(@vue/composition-api@1.7.2(vue@3.4.27(typescript@5.4.5)))(vue@3.4.27(typescript@5.4.5))
+        specifier: '>=2.8.0'
+        version: 2.11.8(@vue/composition-api@1.7.2(vue@3.5.24(typescript@5.9.3)))(vue@3.5.24(typescript@5.9.3))
+      typescript:
+        specifier: 'catalog:'
+        version: 5.9.3
       vue:
-        specifier: ^3.4.27
-        version: 3.4.27(typescript@5.4.5)
+        specifier: 'catalog:'
+        version: 3.5.24(typescript@5.9.3)
+
+  runtime/vue:
+    dependencies:
+      '@tmagic/core':
+        specifier: 1.7.8
+        version: 1.7.8(typescript@5.9.3)
+      '@tmagic/stage':
+        specifier: 1.7.8
+        version: 1.7.8(@tmagic/core@1.7.8(typescript@5.9.3))(typescript@5.9.3)
+      '@tmagic/vue-runtime-help':
+        specifier: ^2.0.0
+        version: 2.0.0(@tmagic/core@1.7.8(typescript@5.9.3))(@tmagic/stage@1.7.8(@tmagic/core@1.7.8(typescript@5.9.3))(typescript@5.9.3))(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3))
+      axios:
+        specifier: ^1.13.2
+        version: 1.13.2
+      vue:
+        specifier: 'catalog:'
+        version: 3.5.24(typescript@5.9.3)
     devDependencies:
+      '@tmagic/cli':
+        specifier: 1.7.8
+        version: 1.7.8(typescript@5.9.3)
+      '@types/fs-extra':
+        specifier: ^11.0.4
+        version: 11.0.4
       '@types/node':
-        specifier: ^18.19.0
-        version: 18.19.34
+        specifier: ^24.0.10
+        version: 24.0.10
+      '@vitejs/plugin-legacy':
+        specifier: ^8.0.0
+        version: 8.0.0(terser@5.44.1)(vite@8.0.0(@types/node@24.0.10)(jiti@2.6.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1))
       '@vitejs/plugin-vue':
-        specifier: ^5.0.4
-        version: 5.0.5(vite@5.2.12(@types/node@18.19.34)(sass@1.77.4)(terser@5.31.0))(vue@3.4.27(typescript@5.4.5))
+        specifier: ^6.0.5
+        version: 6.0.5(vite@8.0.0(@types/node@24.0.10)(jiti@2.6.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1))(vue@3.5.24(typescript@5.9.3))
+      '@vitejs/plugin-vue-jsx':
+        specifier: ^5.1.5
+        version: 5.1.5(vite@8.0.0(@types/node@24.0.10)(jiti@2.6.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1))(vue@3.5.24(typescript@5.9.3))
       '@vue/compiler-sfc':
-        specifier: ^3.4.27
-        version: 3.4.27
+        specifier: 'catalog:'
+        version: 3.5.24
+      fs-extra:
+        specifier: ^11.3.1
+        version: 11.3.2
+      minimist:
+        specifier: ^1.2.8
+        version: 1.2.8
       rimraf:
         specifier: ^3.0.2
         version: 3.0.2
       typescript:
-        specifier: ^5.4.5
-        version: 5.4.5
+        specifier: 'catalog:'
+        version: 5.9.3
       vite:
-        specifier: ^5.2.12
-        version: 5.2.12(@types/node@18.19.34)(sass@1.77.4)(terser@5.31.0)
-      vue-tsc:
-        specifier: ^2.0.19
-        version: 2.0.19(typescript@5.4.5)
+        specifier: 'catalog:'
+        version: 8.0.0(@types/node@24.0.10)(jiti@2.6.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1)
 
   runtime/vue-runtime-help:
     dependencies:
       '@tmagic/core':
-        specifier: workspace:*
-        version: link:../../packages/core
-      '@tmagic/data-source':
-        specifier: workspace:*
-        version: link:../../packages/data-source
-      '@tmagic/schema':
-        specifier: workspace:*
-        version: link:../../packages/schema
+        specifier: '>=1.7.0'
+        version: 1.7.0(typescript@5.9.3)
       '@tmagic/stage':
-        specifier: workspace:*
-        version: link:../../packages/stage
-      '@tmagic/utils':
-        specifier: workspace:*
-        version: link:../../packages/utils
-      '@vue/composition-api':
-        specifier: '>=1.7.2'
-        version: 1.7.2(vue@3.4.27(typescript@5.4.5))
+        specifier: '>=1.7.0'
+        version: 1.7.0(@tmagic/core@1.7.0(typescript@5.9.3))(typescript@5.9.3)
       typescript:
-        specifier: '*'
-        version: 5.4.5
+        specifier: 'catalog:'
+        version: 5.9.3
       vue:
-        specifier: '>=2.0.0 || >=3.0.0'
-        version: 3.4.27(typescript@5.4.5)
-      vue-demi:
-        specifier: ^0.14.7
-        version: 0.14.8(@vue/composition-api@1.7.2(vue@3.4.27(typescript@5.4.5)))(vue@3.4.27(typescript@5.4.5))
+        specifier: '>=3.5.0'
+        version: 3.5.24(typescript@5.9.3)
     devDependencies:
-      '@types/node':
-        specifier: ^18.19.0
-        version: 18.19.34
-      rimraf:
-        specifier: ^3.0.2
-        version: 3.0.2
-
-  runtime/vue2:
-    dependencies:
-      '@tmagic/core':
-        specifier: 1.4.7
-        version: 1.4.7(@tmagic/data-source@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5)
-      '@tmagic/data-source':
-        specifier: 1.4.7
-        version: 1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5)
-      '@tmagic/schema':
-        specifier: 1.4.7
-        version: 1.4.7(typescript@5.4.5)
-      '@tmagic/stage':
-        specifier: 1.4.7
-        version: 1.4.7(@tmagic/core@1.4.7(@tmagic/data-source@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(scenejs@1.10.3)(typescript@5.4.5)
-      '@tmagic/ui-vue2':
-        specifier: 1.4.7
-        version: 1.4.7(@tmagic/core@1.4.7(@tmagic/data-source@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5)(vue@2.7.16)
-      '@tmagic/utils':
-        specifier: 1.4.7
-        version: 1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5)
-      '@tmagic/vue-runtime-help':
-        specifier: ^0.0.3
-        version: 0.0.3(@tmagic/core@1.4.7(@tmagic/data-source@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/data-source@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/stage@1.4.7(@tmagic/core@1.4.7(@tmagic/data-source@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(scenejs@1.10.3)(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(@vue/composition-api@1.7.2(vue@2.7.16))(typescript@5.4.5)(vue@2.7.16)
-      axios:
-        specifier: ^0.25.0
-        version: 0.25.0
-      terser:
-        specifier: ^5.31.0
-        version: 5.31.0
-      vue:
-        specifier: ^2.7.4
-        version: 2.7.16
-    devDependencies:
-      '@tmagic/cli':
-        specifier: 1.4.6
-        version: 1.4.6(typescript@5.4.5)
-      '@types/events':
-        specifier: ^3.0.0
-        version: 3.0.3
-      '@vitejs/plugin-legacy':
-        specifier: ^5.4.0
-        version: 5.4.1(terser@5.31.0)(vite@5.2.12(@types/node@18.19.34)(sass@1.77.4)(terser@5.31.0))
-      '@vitejs/plugin-vue2':
-        specifier: ^2.3.1
-        version: 2.3.1(vite@5.2.12(@types/node@18.19.34)(sass@1.77.4)(terser@5.31.0))(vue@2.7.16)
-      rollup:
-        specifier: ^4.17.2
-        version: 4.18.0
-      rollup-plugin-external-globals:
-        specifier: ^0.10.0
-        version: 0.10.0(rollup@4.18.0)
-      sass:
-        specifier: ^1.77.0
-        version: 1.77.4
-      vite:
-        specifier: ^5.2.12
-        version: 5.2.12(@types/node@18.19.34)(sass@1.77.4)(terser@5.31.0)
-      vue-template-compiler:
-        specifier: ^2.7.4
-        version: 2.7.16
-
-  runtime/vue3:
-    dependencies:
-      '@tmagic/core':
-        specifier: 1.4.7
-        version: 1.4.7(@tmagic/data-source@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5)
-      '@tmagic/data-source':
-        specifier: 1.4.7
-        version: 1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5)
-      '@tmagic/schema':
-        specifier: 1.4.7
-        version: 1.4.7(typescript@5.4.5)
-      '@tmagic/stage':
-        specifier: 1.4.7
-        version: 1.4.7(@tmagic/core@1.4.7(@tmagic/data-source@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(scenejs@1.10.3)(typescript@5.4.5)
-      '@tmagic/ui':
-        specifier: 1.4.7
-        version: 1.4.7(@tmagic/core@1.4.7(@tmagic/data-source@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5))
-      '@tmagic/utils':
-        specifier: 1.4.7
-        version: 1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5)
-      '@tmagic/vue-runtime-help':
-        specifier: ^0.0.3
-        version: 0.0.3(@tmagic/core@1.4.7(@tmagic/data-source@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/data-source@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/stage@1.4.7(@tmagic/core@1.4.7(@tmagic/data-source@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(scenejs@1.10.3)(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(@vue/composition-api@1.7.2(vue@3.4.27(typescript@5.4.5)))(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5))
-      axios:
-        specifier: ^0.25.0
-        version: 0.25.0
-      vue:
-        specifier: ^3.4.27
-        version: 3.4.27(typescript@5.4.5)
-    devDependencies:
-      '@tmagic/cli':
-        specifier: 1.4.5
-        version: 1.4.5
-      '@types/node':
-        specifier: ^18.19.0
-        version: 18.19.34
-      '@vitejs/plugin-legacy':
-        specifier: ^5.4.0
-        version: 5.4.1(terser@5.31.0)(vite@5.2.12(@types/node@18.19.34)(sass@1.77.4)(terser@5.31.0))
-      '@vitejs/plugin-vue':
-        specifier: ^5.0.4
-        version: 5.0.5(vite@5.2.12(@types/node@18.19.34)(sass@1.77.4)(terser@5.31.0))(vue@3.4.27(typescript@5.4.5))
-      '@vitejs/plugin-vue-jsx':
-        specifier: ^3.1.0
-        version: 3.1.0(vite@5.2.12(@types/node@18.19.34)(sass@1.77.4)(terser@5.31.0))(vue@3.4.27(typescript@5.4.5))
-      '@vue/compiler-sfc':
-        specifier: ^3.4.27
-        version: 3.4.27
       '@vue/test-utils':
         specifier: ^2.4.6
         version: 2.4.6
-      rollup:
-        specifier: ^4.17.2
-        version: 4.18.0
-      rollup-plugin-external-globals:
-        specifier: ^0.10.0
-        version: 0.10.0(rollup@4.18.0)
-      sass:
-        specifier: ^1.77.0
-        version: 1.77.4
-      terser:
-        specifier: ^5.31.0
-        version: 5.31.0
+
+  vue-components/button:
+    dependencies:
+      '@tmagic/core':
+        specifier: workspace:^
+        version: link:../../packages/core
+      '@tmagic/form-schema':
+        specifier: workspace:^
+        version: link:../../packages/form-schema
+      '@tmagic/vue-runtime-help':
+        specifier: workspace:^
+        version: link:../../runtime/vue-runtime-help
       typescript:
-        specifier: ^5.4.5
-        version: 5.4.5
-      vite:
-        specifier: ^5.2.12
-        version: 5.2.12(@types/node@18.19.34)(sass@1.77.4)(terser@5.31.0)
+        specifier: 'catalog:'
+        version: 5.9.3
+      vue:
+        specifier: '>=3.5.0'
+        version: 3.5.24(typescript@5.9.3)
+
+  vue-components/container:
+    dependencies:
+      '@tmagic/core':
+        specifier: workspace:^
+        version: link:../../packages/core
+      '@tmagic/form-schema':
+        specifier: workspace:^
+        version: link:../../packages/form-schema
+      '@tmagic/vue-runtime-help':
+        specifier: workspace:^
+        version: link:../../runtime/vue-runtime-help
+      typescript:
+        specifier: 'catalog:'
+        version: 5.9.3
+      vue:
+        specifier: '>=3.5.0'
+        version: 3.5.24(typescript@5.9.3)
+
+  vue-components/img:
+    dependencies:
+      '@tmagic/core':
+        specifier: workspace:^
+        version: link:../../packages/core
+      '@tmagic/form-schema':
+        specifier: workspace:^
+        version: link:../../packages/form-schema
+      '@tmagic/vue-runtime-help':
+        specifier: workspace:^
+        version: link:../../runtime/vue-runtime-help
+      typescript:
+        specifier: 'catalog:'
+        version: 5.9.3
+      vue:
+        specifier: '>=3.5.0'
+        version: 3.5.24(typescript@5.9.3)
+
+  vue-components/iterator-container:
+    dependencies:
+      '@tmagic/core':
+        specifier: workspace:^
+        version: link:../../packages/core
+      '@tmagic/form-schema':
+        specifier: workspace:^
+        version: link:../../packages/form-schema
+      '@tmagic/vue-runtime-help':
+        specifier: workspace:^
+        version: link:../../runtime/vue-runtime-help
+      typescript:
+        specifier: 'catalog:'
+        version: 5.9.3
+      vue:
+        specifier: '>=3.5.0'
+        version: 3.5.24(typescript@5.9.3)
+
+  vue-components/overlay:
+    dependencies:
+      '@tmagic/core':
+        specifier: workspace:^
+        version: link:../../packages/core
+      '@tmagic/form-schema':
+        specifier: workspace:^
+        version: link:../../packages/form-schema
+      '@tmagic/vue-runtime-help':
+        specifier: workspace:^
+        version: link:../../runtime/vue-runtime-help
+      typescript:
+        specifier: 'catalog:'
+        version: 5.9.3
+      vue:
+        specifier: '>=3.5.0'
+        version: 3.5.24(typescript@5.9.3)
+
+  vue-components/page:
+    dependencies:
+      '@tmagic/core':
+        specifier: workspace:^
+        version: link:../../packages/core
+      '@tmagic/form-schema':
+        specifier: workspace:^
+        version: link:../../packages/form-schema
+      '@tmagic/vue-runtime-help':
+        specifier: workspace:^
+        version: link:../../runtime/vue-runtime-help
+      typescript:
+        specifier: 'catalog:'
+        version: 5.9.3
+      vue:
+        specifier: '>=3.5.0'
+        version: 3.5.24(typescript@5.9.3)
+
+  vue-components/page-fragment:
+    dependencies:
+      '@tmagic/core':
+        specifier: workspace:^
+        version: link:../../packages/core
+      '@tmagic/form-schema':
+        specifier: workspace:^
+        version: link:../../packages/form-schema
+      '@tmagic/vue-runtime-help':
+        specifier: workspace:^
+        version: link:../../runtime/vue-runtime-help
+      typescript:
+        specifier: 'catalog:'
+        version: 5.9.3
+      vue:
+        specifier: '>=3.5.0'
+        version: 3.5.24(typescript@5.9.3)
+
+  vue-components/page-fragment-container:
+    dependencies:
+      '@tmagic/core':
+        specifier: workspace:^
+        version: link:../../packages/core
+      '@tmagic/form-schema':
+        specifier: workspace:^
+        version: link:../../packages/form-schema
+      '@tmagic/vue-runtime-help':
+        specifier: workspace:^
+        version: link:../../runtime/vue-runtime-help
+      typescript:
+        specifier: 'catalog:'
+        version: 5.9.3
+      vue:
+        specifier: '>=3.5.0'
+        version: 3.5.24(typescript@5.9.3)
+
+  vue-components/qrcode:
+    dependencies:
+      '@tmagic/core':
+        specifier: workspace:^
+        version: link:../../packages/core
+      '@tmagic/form-schema':
+        specifier: workspace:^
+        version: link:../../packages/form-schema
+      '@tmagic/vue-runtime-help':
+        specifier: workspace:^
+        version: link:../../runtime/vue-runtime-help
+      qrcode:
+        specifier: ^1.5.0
+        version: 1.5.4
+      typescript:
+        specifier: 'catalog:'
+        version: 5.9.3
+      vue:
+        specifier: '>=3.5.0'
+        version: 3.5.24(typescript@5.9.3)
+    devDependencies:
+      '@types/qrcode':
+        specifier: ^1.4.2
+        version: 1.5.6
+
+  vue-components/text:
+    dependencies:
+      '@tmagic/core':
+        specifier: workspace:^
+        version: link:../../packages/core
+      '@tmagic/form-schema':
+        specifier: workspace:^
+        version: link:../../packages/form-schema
+      '@tmagic/vue-runtime-help':
+        specifier: workspace:^
+        version: link:../../runtime/vue-runtime-help
+      typescript:
+        specifier: 'catalog:'
+        version: 5.9.3
+      vue:
+        specifier: '>=3.5.0'
+        version: 3.5.24(typescript@5.9.3)
 
 packages:
 
-  '@algolia/autocomplete-core@1.9.3':
-    resolution: {integrity: sha512-009HdfugtGCdC4JdXUbVJClA0q0zh24yyePn+KUGk3rP7j8FEe/m5Yo/z65gn6nP/cM39PxpzqKrL7A6fP6PPw==}
+  '@acemir/cssom@0.9.23':
+    resolution: {integrity: sha512-2kJ1HxBKzPLbmhZpxBiTZggjtgCwKg1ma5RHShxvd6zgqhDEdEkzpiwe7jLkI2p2BrZvFCXIihdoMkl1H39VnA==}
 
-  '@algolia/autocomplete-plugin-algolia-insights@1.9.3':
-    resolution: {integrity: sha512-a/yTUkcO/Vyy+JffmAnTWbr4/90cLzw+CC3bRbhnULr/EM0fGNvM13oQQ14f2moLMcVDyAx/leczLlAOovhSZg==}
+  '@algolia/abtesting@1.10.0':
+    resolution: {integrity: sha512-mQT3jwuTgX8QMoqbIR7mPlWkqQqBPQaPabQzm37xg2txMlaMogK/4hCiiESGdg39MlHZOVHeV+0VJuE7f5UK8A==}
+    engines: {node: '>= 14.0.0'}
+
+  '@algolia/autocomplete-core@1.17.7':
+    resolution: {integrity: sha512-BjiPOW6ks90UKl7TwMv7oNQMnzU+t/wk9mgIDi6b1tXpUek7MW0lbNOUHpvam9pe3lVCf4xPFT+lK7s+e+fs7Q==}
+
+  '@algolia/autocomplete-plugin-algolia-insights@1.17.7':
+    resolution: {integrity: sha512-Jca5Ude6yUOuyzjnz57og7Et3aXjbwCSDf/8onLHSQgw1qW3ALl9mrMWaXb5FmPVkV3EtkD2F/+NkT6VHyPu9A==}
     peerDependencies:
       search-insights: '>= 1 < 3'
 
-  '@algolia/autocomplete-preset-algolia@1.9.3':
-    resolution: {integrity: sha512-d4qlt6YmrLMYy95n5TB52wtNDr6EgAIPH81dvvvW8UmuWRgxEtY0NJiPwl/h95JtG2vmRM804M0DSwMCNZlzRA==}
+  '@algolia/autocomplete-preset-algolia@1.17.7':
+    resolution: {integrity: sha512-ggOQ950+nwbWROq2MOCIL71RE0DdQZsceqrg32UqnhDz8FlO9rL8ONHNsI2R1MH0tkgVIDKI/D0sMiUchsFdWA==}
     peerDependencies:
       '@algolia/client-search': '>= 4.9.1 < 6'
       algoliasearch: '>= 4.9.1 < 6'
 
-  '@algolia/autocomplete-shared@1.9.3':
-    resolution: {integrity: sha512-Wnm9E4Ye6Rl6sTTqjoymD+l8DjSTHsHboVRYrKgEt8Q7UHm9nYbqhN/i0fhUYA3OAEH7WA8x3jfpnmJm3rKvaQ==}
+  '@algolia/autocomplete-shared@1.17.7':
+    resolution: {integrity: sha512-o/1Vurr42U/qskRSuhBH+VKxMvkkUVTLU6WZQr+L5lGZZLYWyhdzWjW0iGXY7EkwRTjBqvN2EsR81yCTGV/kmg==}
     peerDependencies:
       '@algolia/client-search': '>= 4.9.1 < 6'
       algoliasearch: '>= 4.9.1 < 6'
 
-  '@algolia/cache-browser-local-storage@4.23.3':
-    resolution: {integrity: sha512-vRHXYCpPlTDE7i6UOy2xE03zHF2C8MEFjPN2v7fRbqVpcOvAUQK81x3Kc21xyb5aSIpYCjWCZbYZuz8Glyzyyg==}
+  '@algolia/client-abtesting@5.44.0':
+    resolution: {integrity: sha512-KY5CcrWhRTUo/lV7KcyjrZkPOOF9bjgWpMj9z98VA+sXzVpZtkuskBLCKsWYFp2sbwchZFTd3wJM48H0IGgF7g==}
+    engines: {node: '>= 14.0.0'}
 
-  '@algolia/cache-common@4.23.3':
-    resolution: {integrity: sha512-h9XcNI6lxYStaw32pHpB1TMm0RuxphF+Ik4o7tcQiodEdpKK+wKufY6QXtba7t3k8eseirEMVB83uFFF3Nu54A==}
+  '@algolia/client-analytics@5.44.0':
+    resolution: {integrity: sha512-LKOCE8S4ewI9bN3ot9RZoYASPi8b78E918/DVPW3HHjCMUe6i+NjbNG6KotU4RpP6AhRWZjjswbOkWelUO+OoA==}
+    engines: {node: '>= 14.0.0'}
 
-  '@algolia/cache-in-memory@4.23.3':
-    resolution: {integrity: sha512-yvpbuUXg/+0rbcagxNT7un0eo3czx2Uf0y4eiR4z4SD7SiptwYTpbuS0IHxcLHG3lq22ukx1T6Kjtk/rT+mqNg==}
+  '@algolia/client-common@5.44.0':
+    resolution: {integrity: sha512-1yyJm4OYC2cztbS28XYVWwLXdwpLsMG4LoZLOltVglQ2+hc/i9q9fUDZyjRa2Bqt4DmkIfezagfMrokhyH4uxQ==}
+    engines: {node: '>= 14.0.0'}
 
-  '@algolia/client-account@4.23.3':
-    resolution: {integrity: sha512-hpa6S5d7iQmretHHF40QGq6hz0anWEHGlULcTIT9tbUssWUriN9AUXIFQ8Ei4w9azD0hc1rUok9/DeQQobhQMA==}
+  '@algolia/client-insights@5.44.0':
+    resolution: {integrity: sha512-wVQWK6jYYsbEOjIMI+e5voLGPUIbXrvDj392IckXaCPvQ6vCMTXakQqOYCd+znQdL76S+3wHDo77HZWiAYKrtA==}
+    engines: {node: '>= 14.0.0'}
 
-  '@algolia/client-analytics@4.23.3':
-    resolution: {integrity: sha512-LBsEARGS9cj8VkTAVEZphjxTjMVCci+zIIiRhpFun9jGDUlS1XmhCW7CTrnaWeIuCQS/2iPyRqSy1nXPjcBLRA==}
+  '@algolia/client-personalization@5.44.0':
+    resolution: {integrity: sha512-lkgRjOjOkqmIkebHjHpU9rLJcJNUDMm+eVSW/KJQYLjGqykEZxal+nYJJTBbLceEU2roByP/+27ZmgIwCdf0iA==}
+    engines: {node: '>= 14.0.0'}
 
-  '@algolia/client-common@4.23.3':
-    resolution: {integrity: sha512-l6EiPxdAlg8CYhroqS5ybfIczsGUIAC47slLPOMDeKSVXYG1n0qGiz4RjAHLw2aD0xzh2EXZ7aRguPfz7UKDKw==}
+  '@algolia/client-query-suggestions@5.44.0':
+    resolution: {integrity: sha512-sYfhgwKu6NDVmZHL1WEKVLsOx/jUXCY4BHKLUOcYa8k4COCs6USGgz6IjFkUf+niwq8NCECMmTC4o/fVQOalsA==}
+    engines: {node: '>= 14.0.0'}
 
-  '@algolia/client-personalization@4.23.3':
-    resolution: {integrity: sha512-3E3yF3Ocr1tB/xOZiuC3doHQBQ2zu2MPTYZ0d4lpfWads2WTKG7ZzmGnsHmm63RflvDeLK/UVx7j2b3QuwKQ2g==}
+  '@algolia/client-search@5.44.0':
+    resolution: {integrity: sha512-/FRKUM1G4xn3vV8+9xH1WJ9XknU8rkBGlefruq9jDhYUAvYozKimhrmC2pRqw/RyHhPivmgZCRuC8jHP8piz4Q==}
+    engines: {node: '>= 14.0.0'}
 
-  '@algolia/client-search@4.23.3':
-    resolution: {integrity: sha512-P4VAKFHqU0wx9O+q29Q8YVuaowaZ5EM77rxfmGnkHUJggh28useXQdopokgwMeYw2XUht49WX5RcTQ40rZIabw==}
+  '@algolia/ingestion@1.44.0':
+    resolution: {integrity: sha512-5+S5ynwMmpTpCLXGjTDpeIa81J+R4BLH0lAojOhmeGSeGEHQTqacl/4sbPyDTcidvnWhaqtyf8m42ue6lvISAw==}
+    engines: {node: '>= 14.0.0'}
 
-  '@algolia/logger-common@4.23.3':
-    resolution: {integrity: sha512-y9kBtmJwiZ9ZZ+1Ek66P0M68mHQzKRxkW5kAAXYN/rdzgDN0d2COsViEFufxJ0pb45K4FRcfC7+33YB4BLrZ+g==}
+  '@algolia/monitoring@1.44.0':
+    resolution: {integrity: sha512-xhaTN8pXJjR6zkrecg4Cc9YZaQK2LKm2R+LkbAq+AYGBCWJxtSGlNwftozZzkUyq4AXWoyoc0x2SyBtq5LRtqQ==}
+    engines: {node: '>= 14.0.0'}
 
-  '@algolia/logger-console@4.23.3':
-    resolution: {integrity: sha512-8xoiseoWDKuCVnWP8jHthgaeobDLolh00KJAdMe9XPrWPuf1by732jSpgy2BlsLTaT9m32pHI8CRfrOqQzHv3A==}
+  '@algolia/recommend@5.44.0':
+    resolution: {integrity: sha512-GNcite/uOIS7wgRU1MT7SdNIupGSW+vbK9igIzMePvD2Dl8dy0O3urKPKIbTuZQqiVH1Cb84y5cgLvwNrdCj/Q==}
+    engines: {node: '>= 14.0.0'}
 
-  '@algolia/recommend@4.23.3':
-    resolution: {integrity: sha512-9fK4nXZF0bFkdcLBRDexsnGzVmu4TSYZqxdpgBW2tEyfuSSY54D4qSRkLmNkrrz4YFvdh2GM1gA8vSsnZPR73w==}
+  '@algolia/requester-browser-xhr@5.44.0':
+    resolution: {integrity: sha512-YZHBk72Cd7pcuNHzbhNzF/FbbYszlc7JhZlDyQAchnX5S7tcemSS96F39Sy8t4O4WQLpFvUf1MTNedlitWdOsQ==}
+    engines: {node: '>= 14.0.0'}
 
-  '@algolia/requester-browser-xhr@4.23.3':
-    resolution: {integrity: sha512-jDWGIQ96BhXbmONAQsasIpTYWslyjkiGu0Quydjlowe+ciqySpiDUrJHERIRfELE5+wFc7hc1Q5hqjGoV7yghw==}
+  '@algolia/requester-fetch@5.44.0':
+    resolution: {integrity: sha512-B9WHl+wQ7uf46t9cq+vVM/ypVbOeuldVDq9OtKsX2ApL2g/htx6ImB9ugDOOJmB5+fE31/XPTuCcYz/j03+idA==}
+    engines: {node: '>= 14.0.0'}
 
-  '@algolia/requester-common@4.23.3':
-    resolution: {integrity: sha512-xloIdr/bedtYEGcXCiF2muajyvRhwop4cMZo+K2qzNht0CMzlRkm8YsDdj5IaBhshqfgmBb3rTg4sL4/PpvLYw==}
+  '@algolia/requester-node-http@5.44.0':
+    resolution: {integrity: sha512-MULm0qeAIk4cdzZ/ehJnl1o7uB5NMokg83/3MKhPq0Pk7+I0uELGNbzIfAkvkKKEYcHALemKdArtySF9eKzh/A==}
+    engines: {node: '>= 14.0.0'}
 
-  '@algolia/requester-node-http@4.23.3':
-    resolution: {integrity: sha512-zgu++8Uj03IWDEJM3fuNl34s746JnZOWn1Uz5taV1dFyJhVM/kTNw9Ik7YJWiUNHJQXcaD8IXD1eCb0nq/aByA==}
+  '@asamuzakjp/css-color@4.1.0':
+    resolution: {integrity: sha512-9xiBAtLn4aNsa4mDnpovJvBn72tNEIACyvlqaNJ+ADemR+yeMJWnBudOi2qGDviJa7SwcDOU/TRh5dnET7qk0w==}
 
-  '@algolia/transporter@4.23.3':
-    resolution: {integrity: sha512-Wjl5gttqnf/gQKJA+dafnD0Y6Yw97yvfY8R9h0dQltX1GXTgNs1zWgvtWW0tHl1EgMdhAyw189uWiZMnL3QebQ==}
+  '@asamuzakjp/dom-selector@6.7.4':
+    resolution: {integrity: sha512-buQDjkm+wDPXd6c13534URWZqbz0RP5PAhXZ+LIoa5LgwInT9HVJvGIJivg75vi8I13CxDGdTnz+aY5YUJlIAA==}
 
-  '@ampproject/remapping@2.3.0':
-    resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==}
-    engines: {node: '>=6.0.0'}
+  '@asamuzakjp/nwsapi@2.3.9':
+    resolution: {integrity: sha512-n8GuYSrI9bF7FFZ/SjhwevlHc8xaVlb/7HmHelnc/PZXBD2ZR49NnN9sMMuDdEGPeeRQ5d0hqlSlEpgCX3Wl0Q==}
 
-  '@antfu/utils@0.7.8':
-    resolution: {integrity: sha512-rWQkqXRESdjXtc+7NRfK9lASQjpXJu1ayp7qi1d23zZorY+wBHVLHHoVcMsEnkqEBWTFqbztO7/QdJFzyEcLTg==}
-
-  '@babel/code-frame@7.24.6':
-    resolution: {integrity: sha512-ZJhac6FkEd1yhG2AHOmfcXG4ceoLltoCVJjN5XsWN9BifBQr+cHJbWi0h68HZuSORq+3WtJ2z0hwF2NG1b5kcA==}
+  '@babel/code-frame@7.27.1':
+    resolution: {integrity: sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/compat-data@7.24.6':
-    resolution: {integrity: sha512-aC2DGhBq5eEdyXWqrDInSqQjO0k8xtPRf5YylULqx8MCd6jBtzqfta/3ETMRpuKIc5hyswfO80ObyA1MvkCcUQ==}
+  '@babel/code-frame@7.29.0':
+    resolution: {integrity: sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/core@7.24.6':
-    resolution: {integrity: sha512-qAHSfAdVyFmIvl0VHELib8xar7ONuSHrE2hLnsaWkYNTI68dmi1x8GYDhJjMI/e7XWal9QBlZkwbOnkcw7Z8gQ==}
+  '@babel/compat-data@7.28.5':
+    resolution: {integrity: sha512-6uFXyCayocRbqhZOB+6XcuZbkMNimwfVGFji8CTZnCzOHVGvDqzvitu1re2AU5LROliz7eQPhB8CpAMvnx9EjA==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/eslint-parser@7.24.6':
-    resolution: {integrity: sha512-Q1BfQX42zXHx732PLW0w4+Y3wJjoZKEMaatFUEAmQ7Z+jCXxinzeqX9bvv2Q8xNPes/H6F0I23oGkcgjaItmLw==}
-    engines: {node: ^10.13.0 || ^12.13.0 || >=14.0.0}
-    peerDependencies:
-      '@babel/core': ^7.11.0
-      eslint: ^7.5.0 || ^8.0.0 || ^9.0.0
-
-  '@babel/generator@7.24.6':
-    resolution: {integrity: sha512-S7m4eNa6YAPJRHmKsLHIDJhNAGNKoWNiWefz1MBbpnt8g9lvMDl1hir4P9bo/57bQEmuwEhnRU/AMWsD0G/Fbg==}
+  '@babel/compat-data@7.29.0':
+    resolution: {integrity: sha512-T1NCJqT/j9+cn8fvkt7jtwbLBfLC/1y1c7NtCeXFRgzGTsafi68MRv8yzkYSapBnFA6L3U2VSc02ciDzoAJhJg==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-annotate-as-pure@7.24.6':
-    resolution: {integrity: sha512-DitEzDfOMnd13kZnDqns1ccmftwJTS9DMkyn9pYTxulS7bZxUxpMly3Nf23QQ6NwA4UB8lAqjbqWtyvElEMAkg==}
+  '@babel/core@7.28.5':
+    resolution: {integrity: sha512-e7jT4DxYvIDLk1ZHmU/m/mB19rex9sv0c2ftBtjSBv+kVM/902eh0fINUzD7UwLLNR+jU585GxUJ8/EBfAM5fw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-builder-binary-assignment-operator-visitor@7.24.6':
-    resolution: {integrity: sha512-+wnfqc5uHiMYtvRX7qu80Toef8BXeh4HHR1SPeonGb1SKPniNEd4a/nlaJJMv/OIEYvIVavvo0yR7u10Gqz0Iw==}
+  '@babel/core@7.29.0':
+    resolution: {integrity: sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-compilation-targets@7.24.6':
-    resolution: {integrity: sha512-VZQ57UsDGlX/5fFA7GkVPplZhHsVc+vuErWgdOiysI9Ksnw0Pbbd6pnPiR/mmJyKHgyIW0c7KT32gmhiF+cirg==}
+  '@babel/generator@7.28.5':
+    resolution: {integrity: sha512-3EwLFhZ38J4VyIP6WNtt2kUdW9dokXA9Cr4IVIFHuCpZ3H8/YFOl5JjZHisrn1fATPBmKKqXzDFvh9fUwHz6CQ==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-create-class-features-plugin@7.24.6':
-    resolution: {integrity: sha512-djsosdPJVZE6Vsw3kk7IPRWethP94WHGOhQTc67SNXE0ZzMhHgALw8iGmYS0TD1bbMM0VDROy43od7/hN6WYcA==}
+  '@babel/generator@7.29.1':
+    resolution: {integrity: sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/generator@8.0.0-rc.2':
+    resolution: {integrity: sha512-oCQ1IKPwkzCeJzAPb7Fv8rQ9k5+1sG8mf2uoHiMInPYvkRfrDJxbTIbH51U+jstlkghus0vAi3EBvkfvEsYNLQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+
+  '@babel/helper-annotate-as-pure@7.27.3':
+    resolution: {integrity: sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-compilation-targets@7.27.2':
+    resolution: {integrity: sha512-2+1thGUUWWjLTYTHZWK1n8Yga0ijBz1XAhUXcKy81rd5g6yh7hGqMp45v7cadSbEHc9G3OTv45SyneRN3ps4DQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-compilation-targets@7.28.6':
+    resolution: {integrity: sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-create-class-features-plugin@7.28.6':
+    resolution: {integrity: sha512-dTOdvsjnG3xNT9Y0AUg1wAl38y+4Rl4sf9caSQZOXdNqVn+H+HbbJ4IyyHaIqNR6SW9oJpA/RuRjsjCw2IdIow==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
 
-  '@babel/helper-create-regexp-features-plugin@7.24.6':
-    resolution: {integrity: sha512-C875lFBIWWwyv6MHZUG9HmRrlTDgOsLWZfYR0nW69gaKJNe0/Mpxx5r0EID2ZdHQkdUmQo2t0uNckTL08/1BgA==}
+  '@babel/helper-create-regexp-features-plugin@7.28.5':
+    resolution: {integrity: sha512-N1EhvLtHzOvj7QQOUCCS3NrPJP8c5W6ZXCHDn7Yialuy1iu4r5EmIYkXlKNqT99Ciw+W0mDqWoR6HWMZlFP3hw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
 
-  '@babel/helper-define-polyfill-provider@0.6.2':
-    resolution: {integrity: sha512-LV76g+C502biUK6AyZ3LK10vDpDyCzZnhZFXkH1L75zHPj68+qc8Zfpx2th+gzwA2MzyK+1g/3EPl62yFnVttQ==}
+  '@babel/helper-define-polyfill-provider@0.6.8':
+    resolution: {integrity: sha512-47UwBLPpQi1NoWzLuHNjRoHlYXMwIJoBf7MFou6viC/sIHWYygpvr0B6IAyh5sBdA2nr2LPIRww8lfaUVQINBA==}
     peerDependencies:
       '@babel/core': ^7.4.0 || ^8.0.0-0 <8.0.0
 
-  '@babel/helper-environment-visitor@7.24.6':
-    resolution: {integrity: sha512-Y50Cg3k0LKLMjxdPjIl40SdJgMB85iXn27Vk/qbHZCFx/o5XO3PSnpi675h1KEmmDb6OFArfd5SCQEQ5Q4H88g==}
+  '@babel/helper-globals@7.28.0':
+    resolution: {integrity: sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-function-name@7.24.6':
-    resolution: {integrity: sha512-xpeLqeeRkbxhnYimfr2PC+iA0Q7ljX/d1eZ9/inYbmfG2jpl8Lu3DyXvpOAnrS5kxkfOWJjioIMQsaMBXFI05w==}
+  '@babel/helper-member-expression-to-functions@7.28.5':
+    resolution: {integrity: sha512-cwM7SBRZcPCLgl8a7cY0soT1SptSzAlMH39vwiRpOQkJlh53r5hdHwLSCZpQdVLT39sZt+CRpNwYG4Y2v77atg==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-hoist-variables@7.24.6':
-    resolution: {integrity: sha512-SF/EMrC3OD7dSta1bLJIlrsVxwtd0UpjRJqLno6125epQMJ/kyFmpTT4pbvPbdQHzCHg+biQ7Syo8lnDtbR+uA==}
+  '@babel/helper-module-imports@7.27.1':
+    resolution: {integrity: sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-member-expression-to-functions@7.24.6':
-    resolution: {integrity: sha512-OTsCufZTxDUsv2/eDXanw/mUZHWOxSbEmC3pP8cgjcy5rgeVPWWMStnv274DV60JtHxTk0adT0QrCzC4M9NWGg==}
+  '@babel/helper-module-imports@7.28.6':
+    resolution: {integrity: sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-module-imports@7.22.15':
-    resolution: {integrity: sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-module-imports@7.24.6':
-    resolution: {integrity: sha512-a26dmxFJBF62rRO9mmpgrfTLsAuyHk4e1hKTUkD/fcMfynt8gvEKwQPQDVxWhca8dHoDck+55DFt42zV0QMw5g==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-module-transforms@7.24.6':
-    resolution: {integrity: sha512-Y/YMPm83mV2HJTbX1Qh2sjgjqcacvOlhbzdCCsSlblOKjSYmQqEbO6rUniWQyRo9ncyfjT8hnUjlG06RXDEmcA==}
+  '@babel/helper-module-transforms@7.28.3':
+    resolution: {integrity: sha512-gytXUbs8k2sXS9PnQptz5o0QnpLL51SwASIORY6XaBKF88nsOT0Zw9szLqlSGQDP/4TljBAD5y98p2U1fqkdsw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
 
-  '@babel/helper-optimise-call-expression@7.24.6':
-    resolution: {integrity: sha512-3SFDJRbx7KuPRl8XDUr8O7GAEB8iGyWPjLKJh/ywP/Iy9WOmEfMrsWbaZpvBu2HSYn4KQygIsz0O7m8y10ncMA==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-plugin-utils@7.24.6':
-    resolution: {integrity: sha512-MZG/JcWfxybKwsA9N9PmtF2lOSFSEMVCpIRrbxccZFLJPrJciJdG/UhSh5W96GEteJI2ARqm5UAHxISwRDLSNg==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-remap-async-to-generator@7.24.6':
-    resolution: {integrity: sha512-1Qursq9ArRZPAMOZf/nuzVW8HgJLkTB9y9LfP4lW2MVp4e9WkLJDovfKBxoDcCk6VuzIxyqWHyBoaCtSRP10yg==}
+  '@babel/helper-module-transforms@7.28.6':
+    resolution: {integrity: sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
 
-  '@babel/helper-replace-supers@7.24.6':
-    resolution: {integrity: sha512-mRhfPwDqDpba8o1F8ESxsEkJMQkUF8ZIWrAc0FtWhxnjfextxMWxr22RtFizxxSYLjVHDeMgVsRq8BBZR2ikJQ==}
+  '@babel/helper-optimise-call-expression@7.27.1':
+    resolution: {integrity: sha512-URMGH08NzYFhubNSGJrpUEphGKQwMQYBySzat5cAByY1/YgIRkULnIy3tAMeszlL/so2HbeilYloUmSpd7GdVw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-plugin-utils@7.27.1':
+    resolution: {integrity: sha512-1gn1Up5YXka3YYAHGKpbideQ5Yjf1tDa9qYcgysz+cNCXukyLl6DjPXhD3VRwSb8c0J9tA4b2+rHEZtc6R0tlw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-plugin-utils@7.28.6':
+    resolution: {integrity: sha512-S9gzZ/bz83GRysI7gAD4wPT/AI3uCnY+9xn+Mx/KPs2JwHJIz1W8PZkg2cqyt3RNOBM8ejcXhV6y8Og7ly/Dug==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-remap-async-to-generator@7.27.1':
+    resolution: {integrity: sha512-7fiA521aVw8lSPeI4ZOD3vRFkoqkJcS+z4hFo82bFSH/2tNd6eJ5qCVMS5OzDmZh/kaHQeBaeyxK6wljcPtveA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
 
-  '@babel/helper-simple-access@7.24.6':
-    resolution: {integrity: sha512-nZzcMMD4ZhmB35MOOzQuiGO5RzL6tJbsT37Zx8M5L/i9KSrukGXWTjLe1knIbb/RmxoJE9GON9soq0c0VEMM5g==}
+  '@babel/helper-replace-supers@7.27.1':
+    resolution: {integrity: sha512-7EHz6qDZc8RYS5ElPoShMheWvEgERonFCs7IAonWLLUTXW59DP14bCZt89/GKyreYn8g3S83m21FelHKbeDCKA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/helper-replace-supers@7.28.6':
+    resolution: {integrity: sha512-mq8e+laIk94/yFec3DxSjCRD2Z0TAjhVbEJY3UQrlwVo15Lmt7C2wAUbK4bjnTs4APkwsYLTahXRraQXhb1WCg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/helper-skip-transparent-expression-wrappers@7.27.1':
+    resolution: {integrity: sha512-Tub4ZKEXqbPjXgWLl2+3JpQAYBJ8+ikpQ2Ocj/q/r0LwE3UhENh7EUabyHjz2kCEsrRY83ew2DQdHluuiDQFzg==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-skip-transparent-expression-wrappers@7.24.6':
-    resolution: {integrity: sha512-jhbbkK3IUKc4T43WadP96a27oYti9gEf1LdyGSP2rHGH77kwLwfhO7TgwnWvxxQVmke0ImmCSS47vcuxEMGD3Q==}
+  '@babel/helper-string-parser@7.27.1':
+    resolution: {integrity: sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-split-export-declaration@7.24.6':
-    resolution: {integrity: sha512-CvLSkwXGWnYlF9+J3iZUvwgAxKiYzK3BWuo+mLzD/MDGOZDj7Gq8+hqaOkMxmJwmlv0iu86uH5fdADd9Hxkymw==}
+  '@babel/helper-string-parser@8.0.0-rc.3':
+    resolution: {integrity: sha512-AmwWFx1m8G/a5cXkxLxTiWl+YEoWuoFLUCwqMlNuWO1tqAYITQAbCRPUkyBHv1VOFgfjVOqEj6L3u15J5ZCzTA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+
+  '@babel/helper-validator-identifier@7.28.5':
+    resolution: {integrity: sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-string-parser@7.24.6':
-    resolution: {integrity: sha512-WdJjwMEkmBicq5T9fm/cHND3+UlFa2Yj8ALLgmoSQAJZysYbBjw+azChSGPN4DSPLXOcooGRvDwZWMcF/mLO2Q==}
+  '@babel/helper-validator-identifier@8.0.0-rc.2':
+    resolution: {integrity: sha512-xExUBkuXWJjVuIbO7z6q7/BA9bgfJDEhVL0ggrggLMbg0IzCUWGT1hZGE8qUH7Il7/RD/a6cZ3AAFrrlp1LF/A==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+
+  '@babel/helper-validator-option@7.27.1':
+    resolution: {integrity: sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-validator-identifier@7.24.6':
-    resolution: {integrity: sha512-4yA7s865JHaqUdRbnaxarZREuPTHrjpDT+pXoAZ1yhyo6uFnIEpS8VMu16siFOHDpZNKYv5BObhsB//ycbICyw==}
+  '@babel/helper-wrap-function@7.28.3':
+    resolution: {integrity: sha512-zdf983tNfLZFletc0RRXYrHrucBEg95NIFMkn6K9dbeMYnsgHaSBGcQqdsCSStG2PYwRre0Qc2NNSCXbG+xc6g==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-validator-option@7.24.6':
-    resolution: {integrity: sha512-Jktc8KkF3zIkePb48QO+IapbXlSapOW9S+ogZZkcO6bABgYAxtZcjZ/O005111YLf+j4M84uEgwYoidDkXbCkQ==}
+  '@babel/helpers@7.28.4':
+    resolution: {integrity: sha512-HFN59MmQXGHVyYadKLVumYsA9dBFun/ldYxipEjzA4196jpLZd8UjEEBLkbEkvfYreDqJhZxYAWFPtrfhNpj4w==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-wrap-function@7.24.6':
-    resolution: {integrity: sha512-f1JLrlw/jbiNfxvdrfBgio/gRBk3yTAEJWirpAkiJG2Hb22E7cEYKHWo0dFPTv/niPovzIdPdEDetrv6tC6gPQ==}
+  '@babel/helpers@7.29.2':
+    resolution: {integrity: sha512-HoGuUs4sCZNezVEKdVcwqmZN8GoHirLUcLaYVNBK2J0DadGtdcqgr3BCbvH8+XUo4NGjNl3VOtSjEKNzqfFgKw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helpers@7.24.6':
-    resolution: {integrity: sha512-V2PI+NqnyFu1i0GyTd/O/cTpxzQCYioSkUIRmgo7gFEHKKCg5w46+r/A6WeUR1+P3TeQ49dspGPNd/E3n9AnnA==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/highlight@7.24.6':
-    resolution: {integrity: sha512-2YnuOp4HAk2BsBrJJvYCbItHx0zWscI1C3zgWkz+wDyD9I7GIVrfnLyrR4Y1VR+7p+chAEcrgRQYZAGIKMV7vQ==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/parser@7.24.6':
-    resolution: {integrity: sha512-eNZXdfU35nJC2h24RznROuOpO94h6x8sg9ju0tT9biNtLZ2vuP8SduLqqV+/8+cebSLV9SJEAN5Z3zQbJG/M+Q==}
+  '@babel/parser@7.28.5':
+    resolution: {integrity: sha512-KKBU1VGYR7ORr3At5HAtUQ+TV3SzRCXmA/8OdDZiLDBIZxVyzXuztPjfLd3BV1PRAQGCMWWSHYhL0F8d5uHBDQ==}
     engines: {node: '>=6.0.0'}
     hasBin: true
 
-  '@babel/plugin-bugfix-firefox-class-in-computed-class-key@7.24.6':
-    resolution: {integrity: sha512-bYndrJ6Ph6Ar+GaB5VAc0JPoP80bQCm4qon6JEzXfRl5QZyQ8Ur1K6k7htxWmPA5z+k7JQvaMUrtXlqclWYzKw==}
+  '@babel/parser@7.29.2':
+    resolution: {integrity: sha512-4GgRzy/+fsBa72/RZVJmGKPmZu9Byn8o4MoLpmNe1m8ZfYnz5emHLQz3U4gLud6Zwl0RZIcgiLD7Uq7ySFuDLA==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
+  '@babel/parser@8.0.0-rc.2':
+    resolution: {integrity: sha512-29AhEtcq4x8Dp3T72qvUMZHx0OMXCj4Jy/TEReQa+KWLln524Cj1fWb3QFi0l/xSpptQBR6y9RNEXuxpFvwiUQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+
+  '@babel/plugin-bugfix-firefox-class-in-computed-class-key@7.28.5':
+    resolution: {integrity: sha512-87GDMS3tsmMSi/3bWOte1UblL+YUTFMV8SZPZ2eSEL17s74Cw/l63rR6NmGVKMYW2GYi85nE+/d6Hw5N0bEk2Q==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
 
-  '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@7.24.6':
-    resolution: {integrity: sha512-iVuhb6poq5ikqRq2XWU6OQ+R5o9wF+r/or9CeUyovgptz0UlnK4/seOQ1Istu/XybYjAhQv1FRSSfHHufIku5Q==}
+  '@babel/plugin-bugfix-safari-class-field-initializer-scope@7.27.1':
+    resolution: {integrity: sha512-qNeq3bCKnGgLkEXUuFry6dPlGfCdQNZbn7yUAPCInwAJHMU7THJfrBSozkcWq5sNM6RcF3S8XyQL2A52KNR9IA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
 
-  '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@7.24.6':
-    resolution: {integrity: sha512-c8TER5xMDYzzFcGqOEp9l4hvB7dcbhcGjcLVwxWfe4P5DOafdwjsBJZKsmv+o3aXh7NhopvayQIovHrh2zSRUQ==}
+  '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@7.27.1':
+    resolution: {integrity: sha512-g4L7OYun04N1WyqMNjldFwlfPCLVkgB54A/YCXICZYBsvJJE3kByKv9c9+R/nAfmIfjl2rKYLNyMHboYbZaWaA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@7.27.1':
+    resolution: {integrity: sha512-oO02gcONcD5O1iTLi/6frMJBIwWEHceWGSGqrpCmEL8nogiS6J9PBlE48CaK20/Jx1LuRml9aDftLgdjXT8+Cw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.13.0
 
-  '@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@7.24.6':
-    resolution: {integrity: sha512-z8zEjYmwBUHN/pCF3NuWBhHQjJCrd33qAi8MgANfMrAvn72k2cImT8VjK9LJFu4ysOLJqhfkYYb3MvwANRUNZQ==}
+  '@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@7.28.6':
+    resolution: {integrity: sha512-a0aBScVTlNaiUe35UtfxAN7A/tehvvG4/ByO6+46VPKTRSlfnAFsgKy0FUh+qAkQrDTmhDkT+IBOKlOoMUxQ0g==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
@@ -1361,104 +1563,26 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-syntax-async-generators@7.8.4':
-    resolution: {integrity: sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-syntax-class-properties@7.12.13':
-    resolution: {integrity: sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-syntax-class-static-block@7.14.5':
-    resolution: {integrity: sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==}
+  '@babel/plugin-syntax-import-assertions@7.28.6':
+    resolution: {integrity: sha512-pSJUpFHdx9z5nqTSirOCMtYVP2wFgoWhP0p3g8ONK/4IHhLIBd0B9NYqAvIUAhq+OkhO4VM1tENCt0cjlsNShw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-syntax-dynamic-import@7.8.3':
-    resolution: {integrity: sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-syntax-export-namespace-from@7.8.3':
-    resolution: {integrity: sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-syntax-import-assertions@7.24.6':
-    resolution: {integrity: sha512-BE6o2BogJKJImTmGpkmOic4V0hlRRxVtzqxiSPa8TIFxyhi4EFjHm08nq1M4STK4RytuLMgnSz0/wfflvGFNOg==}
+  '@babel/plugin-syntax-import-attributes@7.28.6':
+    resolution: {integrity: sha512-jiLC0ma9XkQT3TKJ9uYvlakm66Pamywo+qwL+oL8HJOvc6TWdZXVfhqJr8CCzbSGUAbDOzlGHJC1U+vRfLQDvw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-syntax-import-attributes@7.24.6':
-    resolution: {integrity: sha512-D+CfsVZousPXIdudSII7RGy52+dYRtbyKAZcvtQKq/NpsivyMVduepzcLqG5pMBugtMdedxdC8Ramdpcne9ZWQ==}
+  '@babel/plugin-syntax-jsx@7.27.1':
+    resolution: {integrity: sha512-y8YTNIeKoyhGd9O0Jiyzyyqk8gdjnumGTQPsz0xOZOQ2RmkVJeZ1vmmfIvFEKqucBG6axJGBZDE/7iI5suUI/w==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-syntax-import-meta@7.10.4':
-    resolution: {integrity: sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-syntax-json-strings@7.8.3':
-    resolution: {integrity: sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-syntax-jsx@7.24.6':
-    resolution: {integrity: sha512-lWfvAIFNWMlCsU0DRUun2GpFwZdGTukLaHJqRh1JRb80NdAP5Sb1HDHB5X9P9OtgZHQl089UzQkpYlBq2VTPRw==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-syntax-logical-assignment-operators@7.10.4':
-    resolution: {integrity: sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-syntax-nullish-coalescing-operator@7.8.3':
-    resolution: {integrity: sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-syntax-numeric-separator@7.10.4':
-    resolution: {integrity: sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-syntax-object-rest-spread@7.8.3':
-    resolution: {integrity: sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-syntax-optional-catch-binding@7.8.3':
-    resolution: {integrity: sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-syntax-optional-chaining@7.8.3':
-    resolution: {integrity: sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-syntax-private-property-in-object@7.14.5':
-    resolution: {integrity: sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-syntax-top-level-await@7.14.5':
-    resolution: {integrity: sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-syntax-typescript@7.24.6':
-    resolution: {integrity: sha512-TzCtxGgVTEJWWwcYwQhCIQ6WaKlo80/B+Onsk4RRCcYqpYGFcG9etPW94VToGte5AAcxRrhjPUFvUS3Y2qKi4A==}
+  '@babel/plugin-syntax-typescript@7.28.6':
+    resolution: {integrity: sha512-+nDNmQye7nlnuuHDboPbGm00Vqg3oO8niRRL27/4LYHUsHYh0zJ1xWOz0uRwNFmM1Avzk8wZbc6rdiYhomzv/A==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
@@ -1469,314 +1593,332 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0
 
-  '@babel/plugin-transform-arrow-functions@7.24.6':
-    resolution: {integrity: sha512-jSSSDt4ZidNMggcLx8SaKsbGNEfIl0PHx/4mFEulorE7bpYLbN0d3pDW3eJ7Y5Z3yPhy3L3NaPCYyTUY7TuugQ==}
+  '@babel/plugin-transform-arrow-functions@7.27.1':
+    resolution: {integrity: sha512-8Z4TGic6xW70FKThA5HYEKKyBpOOsucTOD1DjU3fZxDg+K3zBJcXMFnt/4yQiZnf5+MiOMSXQ9PaEK/Ilh1DeA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-async-generator-functions@7.24.6':
-    resolution: {integrity: sha512-VEP2o4iR2DqQU6KPgizTW2mnMx6BG5b5O9iQdrW9HesLkv8GIA8x2daXBQxw1MrsIkFQGA/iJ204CKoQ8UcnAA==}
+  '@babel/plugin-transform-async-generator-functions@7.29.0':
+    resolution: {integrity: sha512-va0VdWro4zlBr2JsXC+ofCPB2iG12wPtVGTWFx2WLDOM3nYQZZIGP82qku2eW/JR83sD+k2k+CsNtyEbUqhU6w==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-async-to-generator@7.24.6':
-    resolution: {integrity: sha512-NTBA2SioI3OsHeIn6sQmhvXleSl9T70YY/hostQLveWs0ic+qvbA3fa0kwAwQ0OA/XGaAerNZRQGJyRfhbJK4g==}
+  '@babel/plugin-transform-async-to-generator@7.28.6':
+    resolution: {integrity: sha512-ilTRcmbuXjsMmcZ3HASTe4caH5Tpo93PkTxF9oG2VZsSWsahydmcEHhix9Ik122RcTnZnUzPbmux4wh1swfv7g==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-block-scoped-functions@7.24.6':
-    resolution: {integrity: sha512-XNW7jolYHW9CwORrZgA/97tL/k05qe/HL0z/qqJq1mdWhwwCM6D4BJBV7wAz9HgFziN5dTOG31znkVIzwxv+vw==}
+  '@babel/plugin-transform-block-scoped-functions@7.27.1':
+    resolution: {integrity: sha512-cnqkuOtZLapWYZUYM5rVIdv1nXYuFVIltZ6ZJ7nIj585QsjKM5dhL2Fu/lICXZ1OyIAFc7Qy+bvDAtTXqGrlhg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-block-scoping@7.24.6':
-    resolution: {integrity: sha512-S/t1Xh4ehW7sGA7c1j/hiOBLnEYCp/c2sEG4ZkL8kI1xX9tW2pqJTCHKtdhe/jHKt8nG0pFCrDHUXd4DvjHS9w==}
+  '@babel/plugin-transform-block-scoping@7.28.6':
+    resolution: {integrity: sha512-tt/7wOtBmwHPNMPu7ax4pdPz6shjFrmHDghvNC+FG9Qvj7D6mJcoRQIF5dy4njmxR941l6rgtvfSB2zX3VlUIw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-class-properties@7.24.6':
-    resolution: {integrity: sha512-j6dZ0Z2Z2slWLR3kt9aOmSIrBvnntWjMDN/TVcMPxhXMLmJVqX605CBRlcGI4b32GMbfifTEsdEjGjiE+j/c3A==}
+  '@babel/plugin-transform-class-properties@7.28.6':
+    resolution: {integrity: sha512-dY2wS3I2G7D697VHndN91TJr8/AAfXQNt5ynCTI/MpxMsSzHp+52uNivYT5wCPax3whc47DR8Ba7cmlQMg24bw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-class-static-block@7.24.6':
-    resolution: {integrity: sha512-1QSRfoPI9RoLRa8Mnakc6v3e0gJxiZQTYrMfLn+mD0sz5+ndSzwymp2hDcYJTyT0MOn0yuWzj8phlIvO72gTHA==}
+  '@babel/plugin-transform-class-static-block@7.28.6':
+    resolution: {integrity: sha512-rfQ++ghVwTWTqQ7w8qyDxL1XGihjBss4CmTgGRCTAC9RIbhVpyp4fOeZtta0Lbf+dTNIVJer6ych2ibHwkZqsQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.12.0
 
-  '@babel/plugin-transform-classes@7.24.6':
-    resolution: {integrity: sha512-+fN+NO2gh8JtRmDSOB6gaCVo36ha8kfCW1nMq2Gc0DABln0VcHN4PrALDvF5/diLzIRKptC7z/d7Lp64zk92Fg==}
+  '@babel/plugin-transform-classes@7.28.6':
+    resolution: {integrity: sha512-EF5KONAqC5zAqT783iMGuM2ZtmEBy+mJMOKl2BCvPZ2lVrwvXnB6o+OBWCS+CoeCCpVRF2sA2RBKUxvT8tQT5Q==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-computed-properties@7.24.6':
-    resolution: {integrity: sha512-cRzPobcfRP0ZtuIEkA8QzghoUpSB3X3qSH5W2+FzG+VjWbJXExtx0nbRqwumdBN1x/ot2SlTNQLfBCnPdzp6kg==}
+  '@babel/plugin-transform-computed-properties@7.28.6':
+    resolution: {integrity: sha512-bcc3k0ijhHbc2lEfpFHgx7eYw9KNXqOerKWfzbxEHUGKnS3sz9C4CNL9OiFN1297bDNfUiSO7DaLzbvHQQQ1BQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-destructuring@7.24.6':
-    resolution: {integrity: sha512-YLW6AE5LQpk5npNXL7i/O+U9CE4XsBCuRPgyjl1EICZYKmcitV+ayuuUGMJm2lC1WWjXYszeTnIxF/dq/GhIZQ==}
+  '@babel/plugin-transform-destructuring@7.28.5':
+    resolution: {integrity: sha512-Kl9Bc6D0zTUcFUvkNuQh4eGXPKKNDOJQXVyyM4ZAQPMveniJdxi8XMJwLo+xSoW3MIq81bD33lcUe9kZpl0MCw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-dotall-regex@7.24.6':
-    resolution: {integrity: sha512-rCXPnSEKvkm/EjzOtLoGvKseK+dS4kZwx1HexO3BtRtgL0fQ34awHn34aeSHuXtZY2F8a1X8xqBBPRtOxDVmcA==}
+  '@babel/plugin-transform-dotall-regex@7.28.6':
+    resolution: {integrity: sha512-SljjowuNKB7q5Oayv4FoPzeB74g3QgLt8IVJw9ADvWy3QnUb/01aw8I4AVv8wYnPvQz2GDDZ/g3GhcNyDBI4Bg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-duplicate-keys@7.24.6':
-    resolution: {integrity: sha512-/8Odwp/aVkZwPFJMllSbawhDAO3UJi65foB00HYnK/uXvvCPm0TAXSByjz1mpRmp0q6oX2SIxpkUOpPFHk7FLA==}
+  '@babel/plugin-transform-duplicate-keys@7.27.1':
+    resolution: {integrity: sha512-MTyJk98sHvSs+cvZ4nOauwTTG1JeonDjSGvGGUNHreGQns+Mpt6WX/dVzWBHgg+dYZhkC4X+zTDfkTU+Vy9y7Q==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-dynamic-import@7.24.6':
-    resolution: {integrity: sha512-vpq8SSLRTBLOHUZHSnBqVo0AKX3PBaoPs2vVzYVWslXDTDIpwAcCDtfhUcHSQQoYoUvcFPTdC8TZYXu9ZnLT/w==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-exponentiation-operator@7.24.6':
-    resolution: {integrity: sha512-EemYpHtmz0lHE7hxxxYEuTYOOBZ43WkDgZ4arQ4r+VX9QHuNZC+WH3wUWmRNvR8ECpTRne29aZV6XO22qpOtdA==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-export-namespace-from@7.24.6':
-    resolution: {integrity: sha512-inXaTM1SVrIxCkIJ5gqWiozHfFMStuGbGJAxZFBoHcRRdDP0ySLb3jH6JOwmfiinPwyMZqMBX+7NBDCO4z0NSA==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-for-of@7.24.6':
-    resolution: {integrity: sha512-n3Sf72TnqK4nw/jziSqEl1qaWPbCRw2CziHH+jdRYvw4J6yeCzsj4jdw8hIntOEeDGTmHVe2w4MVL44PN0GMzg==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-function-name@7.24.6':
-    resolution: {integrity: sha512-sOajCu6V0P1KPljWHKiDq6ymgqB+vfo3isUS4McqW1DZtvSVU2v/wuMhmRmkg3sFoq6GMaUUf8W4WtoSLkOV/Q==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-json-strings@7.24.6':
-    resolution: {integrity: sha512-Uvgd9p2gUnzYJxVdBLcU0KurF8aVhkmVyMKW4MIY1/BByvs3EBpv45q01o7pRTVmTvtQq5zDlytP3dcUgm7v9w==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-literals@7.24.6':
-    resolution: {integrity: sha512-f2wHfR2HF6yMj+y+/y07+SLqnOSwRp8KYLpQKOzS58XLVlULhXbiYcygfXQxJlMbhII9+yXDwOUFLf60/TL5tw==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-logical-assignment-operators@7.24.6':
-    resolution: {integrity: sha512-EKaWvnezBCMkRIHxMJSIIylzhqK09YpiJtDbr2wsXTwnO0TxyjMUkaw4RlFIZMIS0iDj0KyIg7H7XCguHu/YDA==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-member-expression-literals@7.24.6':
-    resolution: {integrity: sha512-9g8iV146szUo5GWgXpRbq/GALTnY+WnNuRTuRHWWFfWGbP9ukRL0aO/jpu9dmOPikclkxnNsjY8/gsWl6bmZJQ==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-modules-amd@7.24.6':
-    resolution: {integrity: sha512-eAGogjZgcwqAxhyFgqghvoHRr+EYRQPFjUXrTYKBRb5qPnAVxOOglaxc4/byHqjvq/bqO2F3/CGwTHsgKJYHhQ==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-modules-commonjs@7.24.6':
-    resolution: {integrity: sha512-JEV8l3MHdmmdb7S7Cmx6rbNEjRCgTQMZxllveHO0mx6uiclB0NflCawlQQ6+o5ZrwjUBYPzHm2XoK4wqGVUFuw==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-modules-systemjs@7.24.6':
-    resolution: {integrity: sha512-xg1Z0J5JVYxtpX954XqaaAT6NpAY6LtZXvYFCJmGFJWwtlz2EmJoR8LycFRGNE8dBKizGWkGQZGegtkV8y8s+w==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-modules-umd@7.24.6':
-    resolution: {integrity: sha512-esRCC/KsSEUvrSjv5rFYnjZI6qv4R1e/iHQrqwbZIoRJqk7xCvEUiN7L1XrmW5QSmQe3n1XD88wbgDTWLbVSyg==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-named-capturing-groups-regex@7.24.6':
-    resolution: {integrity: sha512-6DneiCiu91wm3YiNIGDWZsl6GfTTbspuj/toTEqLh9d4cx50UIzSdg+T96p8DuT7aJOBRhFyaE9ZvTHkXrXr6Q==}
+  '@babel/plugin-transform-duplicate-named-capturing-groups-regex@7.29.0':
+    resolution: {integrity: sha512-zBPcW2lFGxdiD8PUnPwJjag2J9otbcLQzvbiOzDxpYXyCuYX9agOwMPGn1prVH0a4qzhCKu24rlH4c1f7yA8rw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
 
-  '@babel/plugin-transform-new-target@7.24.6':
-    resolution: {integrity: sha512-f8liz9JG2Va8A4J5ZBuaSdwfPqN6axfWRK+y66fjKYbwf9VBLuq4WxtinhJhvp1w6lamKUwLG0slK2RxqFgvHA==}
+  '@babel/plugin-transform-dynamic-import@7.27.1':
+    resolution: {integrity: sha512-MHzkWQcEmjzzVW9j2q8LGjwGWpG2mjwaaB0BNQwst3FIjqsg8Ct/mIZlvSPJvfi9y2AC8mi/ktxbFVL9pZ1I4A==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-nullish-coalescing-operator@7.24.6':
-    resolution: {integrity: sha512-+QlAiZBMsBK5NqrBWFXCYeXyiU1y7BQ/OYaiPAcQJMomn5Tyg+r5WuVtyEuvTbpV7L25ZSLfE+2E9ywj4FD48A==}
+  '@babel/plugin-transform-explicit-resource-management@7.28.6':
+    resolution: {integrity: sha512-Iao5Konzx2b6g7EPqTy40UZbcdXE126tTxVFr/nAIj+WItNxjKSYTEw3RC+A2/ZetmdJsgueL1KhaMCQHkLPIg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-numeric-separator@7.24.6':
-    resolution: {integrity: sha512-6voawq8T25Jvvnc4/rXcWZQKKxUNZcKMS8ZNrjxQqoRFernJJKjE3s18Qo6VFaatG5aiX5JV1oPD7DbJhn0a4Q==}
+  '@babel/plugin-transform-exponentiation-operator@7.28.6':
+    resolution: {integrity: sha512-WitabqiGjV/vJ0aPOLSFfNY1u9U3R7W36B03r5I2KoNix+a3sOhJ3pKFB3R5It9/UiK78NiO0KE9P21cMhlPkw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-object-rest-spread@7.24.6':
-    resolution: {integrity: sha512-OKmi5wiMoRW5Smttne7BwHM8s/fb5JFs+bVGNSeHWzwZkWXWValR1M30jyXo1s/RaqgwwhEC62u4rFH/FBcBPg==}
+  '@babel/plugin-transform-export-namespace-from@7.27.1':
+    resolution: {integrity: sha512-tQvHWSZ3/jH2xuq/vZDy0jNn+ZdXJeM8gHvX4lnJmsc3+50yPlWdZXIc5ay+umX+2/tJIqHqiEqcJvxlmIvRvQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-object-super@7.24.6':
-    resolution: {integrity: sha512-N/C76ihFKlZgKfdkEYKtaRUtXZAgK7sOY4h2qrbVbVTXPrKGIi8aww5WGe/+Wmg8onn8sr2ut6FXlsbu/j6JHg==}
+  '@babel/plugin-transform-for-of@7.27.1':
+    resolution: {integrity: sha512-BfbWFFEJFQzLCQ5N8VocnCtA8J1CLkNTe2Ms2wocj75dd6VpiqS5Z5quTYcUoo4Yq+DN0rtikODccuv7RU81sw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-optional-catch-binding@7.24.6':
-    resolution: {integrity: sha512-L5pZ+b3O1mSzJ71HmxSCmTVd03VOT2GXOigug6vDYJzE5awLI7P1g0wFcdmGuwSDSrQ0L2rDOe/hHws8J1rv3w==}
+  '@babel/plugin-transform-function-name@7.27.1':
+    resolution: {integrity: sha512-1bQeydJF9Nr1eBCMMbC+hdwmRlsv5XYOMu03YSWFwNs0HsAmtSxxF1fyuYPqemVldVyFmlCU7w8UE14LupUSZQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-optional-chaining@7.24.6':
-    resolution: {integrity: sha512-cHbqF6l1QP11OkYTYQ+hhVx1E017O5ZcSPXk9oODpqhcAD1htsWG2NpHrrhthEO2qZomLK0FXS+u7NfrkF5aOQ==}
+  '@babel/plugin-transform-json-strings@7.28.6':
+    resolution: {integrity: sha512-Nr+hEN+0geQkzhbdgQVPoqr47lZbm+5fCUmO70722xJZd0Mvb59+33QLImGj6F+DkK3xgDi1YVysP8whD6FQAw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-parameters@7.24.6':
-    resolution: {integrity: sha512-ST7guE8vLV+vI70wmAxuZpIKzVjvFX9Qs8bl5w6tN/6gOypPWUmMQL2p7LJz5E63vEGrDhAiYetniJFyBH1RkA==}
+  '@babel/plugin-transform-literals@7.27.1':
+    resolution: {integrity: sha512-0HCFSepIpLTkLcsi86GG3mTUzxV5jpmbv97hTETW3yzrAij8aqlD36toB1D0daVFJM8NK6GvKO0gslVQmm+zZA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-private-methods@7.24.6':
-    resolution: {integrity: sha512-T9LtDI0BgwXOzyXrvgLTT8DFjCC/XgWLjflczTLXyvxbnSR/gpv0hbmzlHE/kmh9nOvlygbamLKRo6Op4yB6aw==}
+  '@babel/plugin-transform-logical-assignment-operators@7.28.6':
+    resolution: {integrity: sha512-+anKKair6gpi8VsM/95kmomGNMD0eLz1NQ8+Pfw5sAwWH9fGYXT50E55ZpV0pHUHWf6IUTWPM+f/7AAff+wr9A==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-private-property-in-object@7.24.6':
-    resolution: {integrity: sha512-Qu/ypFxCY5NkAnEhCF86Mvg3NSabKsh/TPpBVswEdkGl7+FbsYHy1ziRqJpwGH4thBdQHh8zx+z7vMYmcJ7iaQ==}
+  '@babel/plugin-transform-member-expression-literals@7.27.1':
+    resolution: {integrity: sha512-hqoBX4dcZ1I33jCSWcXrP+1Ku7kdqXf1oeah7ooKOIiAdKQ+uqftgCFNOSzA5AMS2XIHEYeGFg4cKRCdpxzVOQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-property-literals@7.24.6':
-    resolution: {integrity: sha512-oARaglxhRsN18OYsnPTpb8TcKQWDYNsPNmTnx5++WOAsUJ0cSC/FZVlIJCKvPbU4yn/UXsS0551CFKJhN0CaMw==}
+  '@babel/plugin-transform-modules-amd@7.27.1':
+    resolution: {integrity: sha512-iCsytMg/N9/oFq6n+gFTvUYDZQOMK5kEdeYxmxt91fcJGycfxVP9CnrxoliM0oumFERba2i8ZtwRUCMhvP1LnA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-react-jsx-self@7.24.6':
-    resolution: {integrity: sha512-FfZfHXtQ5jYPQsCRyLpOv2GeLIIJhs8aydpNh39vRDjhD411XcfWDni5i7OjP/Rs8GAtTn7sWFFELJSHqkIxYg==}
+  '@babel/plugin-transform-modules-commonjs@7.28.6':
+    resolution: {integrity: sha512-jppVbf8IV9iWWwWTQIxJMAJCWBuuKx71475wHwYytrRGQ2CWiDvYlADQno3tcYpS/T2UUWFQp3nVtYfK/YBQrA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-react-jsx-source@7.24.6':
-    resolution: {integrity: sha512-BQTBCXmFRreU3oTUXcGKuPOfXAGb1liNY4AvvFKsOBAJ89RKcTsIrSsnMYkj59fNa66OFKnSa4AJZfy5Y4B9WA==}
+  '@babel/plugin-transform-modules-systemjs@7.29.0':
+    resolution: {integrity: sha512-PrujnVFbOdUpw4UHiVwKvKRLMMic8+eC0CuNlxjsyZUiBjhFdPsewdXCkveh2KqBA9/waD0W1b4hXSOBQJezpQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-regenerator@7.24.6':
-    resolution: {integrity: sha512-SMDxO95I8WXRtXhTAc8t/NFQUT7VYbIWwJCJgEli9ml4MhqUMh4S6hxgH6SmAC3eAQNWCDJFxcFeEt9w2sDdXg==}
+  '@babel/plugin-transform-modules-umd@7.27.1':
+    resolution: {integrity: sha512-iQBE/xC5BV1OxJbp6WG7jq9IWiD+xxlZhLrdwpPkTX3ydmXdvoCpyfJN7acaIBZaOqTfr76pgzqBJflNbeRK+w==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-reserved-words@7.24.6':
-    resolution: {integrity: sha512-DcrgFXRRlK64dGE0ZFBPD5egM2uM8mgfrvTMOSB2yKzOtjpGegVYkzh3s1zZg1bBck3nkXiaOamJUqK3Syk+4A==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-shorthand-properties@7.24.6':
-    resolution: {integrity: sha512-xnEUvHSMr9eOWS5Al2YPfc32ten7CXdH7Zwyyk7IqITg4nX61oHj+GxpNvl+y5JHjfN3KXE2IV55wAWowBYMVw==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-spread@7.24.6':
-    resolution: {integrity: sha512-h/2j7oIUDjS+ULsIrNZ6/TKG97FgmEk1PXryk/HQq6op4XUUUwif2f69fJrzK0wza2zjCS1xhXmouACaWV5uPA==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-sticky-regex@7.24.6':
-    resolution: {integrity: sha512-fN8OcTLfGmYv7FnDrsjodYBo1DhPL3Pze/9mIIE2MGCT1KgADYIOD7rEglpLHZj8PZlC/JFX5WcD+85FLAQusw==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-template-literals@7.24.6':
-    resolution: {integrity: sha512-BJbEqJIcKwrqUP+KfUIkxz3q8VzXe2R8Wv8TaNgO1cx+nNavxn/2+H8kp9tgFSOL6wYPPEgFvU6IKS4qoGqhmg==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-typeof-symbol@7.24.6':
-    resolution: {integrity: sha512-IshCXQ+G9JIFJI7bUpxTE/oA2lgVLAIK8q1KdJNoPXOpvRaNjMySGuvLfBw/Xi2/1lLo953uE8hyYSDW3TSYig==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-typescript@7.24.6':
-    resolution: {integrity: sha512-H0i+hDLmaYYSt6KU9cZE0gb3Cbssa/oxWis7PX4ofQzbvsfix9Lbh8SRk7LCPDlLWJHUiFeHU0qRRpF/4Zv7mQ==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-unicode-escapes@7.24.6':
-    resolution: {integrity: sha512-bKl3xxcPbkQQo5eX9LjjDpU2xYHeEeNQbOhj0iPvetSzA+Tu9q/o5lujF4Sek60CM6MgYvOS/DJuwGbiEYAnLw==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-unicode-property-regex@7.24.6':
-    resolution: {integrity: sha512-8EIgImzVUxy15cZiPii9GvLZwsy7Vxc+8meSlR3cXFmBIl5W5Tn9LGBf7CDKkHj4uVfNXCJB8RsVfnmY61iedA==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-unicode-regex@7.24.6':
-    resolution: {integrity: sha512-pssN6ExsvxaKU638qcWb81RrvvgZom3jDgU/r5xFZ7TONkZGFf4MhI2ltMb8OcQWhHyxgIavEU+hgqtbKOmsPA==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-unicode-sets-regex@7.24.6':
-    resolution: {integrity: sha512-quiMsb28oXWIDK0gXLALOJRXLgICLiulqdZGOaPPd0vRT7fQp74NtdADAVu+D8s00C+0Xs0MxVP0VKF/sZEUgw==}
+  '@babel/plugin-transform-named-capturing-groups-regex@7.29.0':
+    resolution: {integrity: sha512-1CZQA5KNAD6ZYQLPw7oi5ewtDNxH/2vuCh+6SmvgDfhumForvs8a1o9n0UrEoBD8HU4djO2yWngTQlXl1NDVEQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
 
-  '@babel/preset-env@7.24.6':
-    resolution: {integrity: sha512-CrxEAvN7VxfjOG8JNF2Y/eMqMJbZPZ185amwGUBp8D9USK90xQmv7dLdFSa+VbD7fdIqcy/Mfv7WtzG8+/qxKg==}
+  '@babel/plugin-transform-new-target@7.27.1':
+    resolution: {integrity: sha512-f6PiYeqXQ05lYq3TIfIDu/MtliKUbNwkGApPUvyo6+tc7uaR4cPjPe7DFPr15Uyycg2lZU6btZ575CuQoYh7MQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-nullish-coalescing-operator@7.28.6':
+    resolution: {integrity: sha512-3wKbRgmzYbw24mDJXT7N+ADXw8BC/imU9yo9c9X9NKaLF1fW+e5H1U5QjMUBe4Qo4Ox/o++IyUkl1sVCLgevKg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-numeric-separator@7.28.6':
+    resolution: {integrity: sha512-SJR8hPynj8outz+SlStQSwvziMN4+Bq99it4tMIf5/Caq+3iOc0JtKyse8puvyXkk3eFRIA5ID/XfunGgO5i6w==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-object-rest-spread@7.28.6':
+    resolution: {integrity: sha512-5rh+JR4JBC4pGkXLAcYdLHZjXudVxWMXbB6u6+E9lRL5TrGVbHt1TjxGbZ8CkmYw9zjkB7jutzOROArsqtncEA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-object-super@7.27.1':
+    resolution: {integrity: sha512-SFy8S9plRPbIcxlJ8A6mT/CxFdJx/c04JEctz4jf8YZaVS2px34j7NXRrlGlHkN/M2gnpL37ZpGRGVFLd3l8Ng==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-optional-catch-binding@7.28.6':
+    resolution: {integrity: sha512-R8ja/Pyrv0OGAvAXQhSTmWyPJPml+0TMqXlO5w+AsMEiwb2fg3WkOvob7UxFSL3OIttFSGSRFKQsOhJ/X6HQdQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-optional-chaining@7.28.6':
+    resolution: {integrity: sha512-A4zobikRGJTsX9uqVFdafzGkqD30t26ck2LmOzAuLL8b2x6k3TIqRiT2xVvA9fNmFeTX484VpsdgmKNA0bS23w==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-parameters@7.27.7':
+    resolution: {integrity: sha512-qBkYTYCb76RRxUM6CcZA5KRu8K4SM8ajzVeUgVdMVO9NN9uI/GaVmBg/WKJJGnNokV9SY8FxNOVWGXzqzUidBg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-private-methods@7.28.6':
+    resolution: {integrity: sha512-piiuapX9CRv7+0st8lmuUlRSmX6mBcVeNQ1b4AYzJxfCMuBfB0vBXDiGSmm03pKJw1v6cZ8KSeM+oUnM6yAExg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-private-property-in-object@7.28.6':
+    resolution: {integrity: sha512-b97jvNSOb5+ehyQmBpmhOCiUC5oVK4PMnpRvO7+ymFBoqYjeDHIU9jnrNUuwHOiL9RpGDoKBpSViarV+BU+eVA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-property-literals@7.27.1':
+    resolution: {integrity: sha512-oThy3BCuCha8kDZ8ZkgOg2exvPYUlprMukKQXI1r1pJ47NCvxfkEy8vK+r/hT9nF0Aa4H1WUPZZjHTFtAhGfmQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-react-jsx-self@7.27.1':
+    resolution: {integrity: sha512-6UzkCs+ejGdZ5mFFC/OCUrv028ab2fp1znZmCZjAOBKiBK2jXD1O+BPSfX8X2qjJ75fZBMSnQn3Rq2mrBJK2mw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-react-jsx-source@7.27.1':
+    resolution: {integrity: sha512-zbwoTsBruTeKB9hSq73ha66iFeJHuaFkUbwvqElnygoNbj/jHRsSeokowZFN3CZ64IvEqcmmkVe89OPXc7ldAw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-regenerator@7.29.0':
+    resolution: {integrity: sha512-FijqlqMA7DmRdg/aINBSs04y8XNTYw/lr1gJ2WsmBnnaNw1iS43EPkJW+zK7z65auG3AWRFXWj+NcTQwYptUog==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-regexp-modifiers@7.28.6':
+    resolution: {integrity: sha512-QGWAepm9qxpaIs7UM9FvUSnCGlb8Ua1RhyM4/veAxLwt3gMat/LSGrZixyuj4I6+Kn9iwvqCyPTtbdxanYoWYg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/plugin-transform-reserved-words@7.27.1':
+    resolution: {integrity: sha512-V2ABPHIJX4kC7HegLkYoDpfg9PVmuWy/i6vUM5eGK22bx4YVFD3M5F0QQnWQoDs6AGsUWTVOopBiMFQgHaSkVw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-shorthand-properties@7.27.1':
+    resolution: {integrity: sha512-N/wH1vcn4oYawbJ13Y/FxcQrWk63jhfNa7jef0ih7PHSIHX2LB7GWE1rkPrOnka9kwMxb6hMl19p7lidA+EHmQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-spread@7.28.6':
+    resolution: {integrity: sha512-9U4QObUC0FtJl05AsUcodau/RWDytrU6uKgkxu09mLR9HLDAtUMoPuuskm5huQsoktmsYpI+bGmq+iapDcriKA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-sticky-regex@7.27.1':
+    resolution: {integrity: sha512-lhInBO5bi/Kowe2/aLdBAawijx+q1pQzicSgnkB6dUPc1+RC8QmJHKf2OjvU+NZWitguJHEaEmbV6VWEouT58g==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-template-literals@7.27.1':
+    resolution: {integrity: sha512-fBJKiV7F2DxZUkg5EtHKXQdbsbURW3DZKQUWphDum0uRP6eHGGa/He9mc0mypL680pb+e/lDIthRohlv8NCHkg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-typeof-symbol@7.27.1':
+    resolution: {integrity: sha512-RiSILC+nRJM7FY5srIyc4/fGIwUhyDuuBSdWn4y6yT6gm652DpCHZjIipgn6B7MQ1ITOUnAKWixEUjQRIBIcLw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-typescript@7.28.6':
+    resolution: {integrity: sha512-0YWL2RFxOqEm9Efk5PvreamxPME8OyY0wM5wh5lHjF+VtVhdneCWGzZeSqzOfiobVqQaNCd2z0tQvnI9DaPWPw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-unicode-escapes@7.27.1':
+    resolution: {integrity: sha512-Ysg4v6AmF26k9vpfFuTZg8HRfVWzsh1kVfowA23y9j/Gu6dOuahdUVhkLqpObp3JIv27MLSii6noRnuKN8H0Mg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-unicode-property-regex@7.28.6':
+    resolution: {integrity: sha512-4Wlbdl/sIZjzi/8St0evF0gEZrgOswVO6aOzqxh1kDZOl9WmLrHq2HtGhnOJZmHZYKP8WZ1MDLCt5DAWwRo57A==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-unicode-regex@7.27.1':
+    resolution: {integrity: sha512-xvINq24TRojDuyt6JGtHmkVkrfVV3FPT16uytxImLeBZqW3/H52yN+kM1MGuyPkIQxrzKwPHs5U/MP3qKyzkGw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-unicode-sets-regex@7.28.6':
+    resolution: {integrity: sha512-/wHc/paTUmsDYN7SZkpWxogTOBNnlx7nBQYfy6JJlCT7G3mVhltk3e++N7zV0XfgGsrqBxd4rJQt9H16I21Y1Q==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/preset-env@7.29.2':
+    resolution: {integrity: sha512-DYD23veRYGvBFhcTY1iUvJnDNpuqNd/BzBwCvzOTKUnJjKg5kpUBh3/u9585Agdkgj+QuygG7jLfOPWMa2KVNw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
@@ -1786,27 +1928,44 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0 || ^8.0.0-0 <8.0.0
 
-  '@babel/regjsgen@0.8.0':
-    resolution: {integrity: sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA==}
-
-  '@babel/runtime@7.24.6':
-    resolution: {integrity: sha512-Ja18XcETdEl5mzzACGd+DKgaGJzPTCow7EglgwTmHdwokzDFYh/MHua6lU6DV/hjF2IaOJ4oX2nqnjG7RElKOw==}
+  '@babel/runtime@7.28.4':
+    resolution: {integrity: sha512-Q/N6JNWvIvPnLDvjlE1OUBLPQHH6l3CltCEsHIujp45zQUSSh8K+gHnaEX45yAT1nyngnINhvWtzN+Nb9D8RAQ==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/template@7.24.6':
-    resolution: {integrity: sha512-3vgazJlLwNXi9jhrR1ef8qiB65L1RK90+lEQwv4OxveHnqC3BfmnHdgySwRLzf6akhlOYenT+b7AfWq+a//AHw==}
+  '@babel/template@7.27.2':
+    resolution: {integrity: sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/traverse@7.24.6':
-    resolution: {integrity: sha512-OsNjaJwT9Zn8ozxcfoBc+RaHdj3gFmCmYoQLUII1o6ZrUwku0BMg80FoOTPx+Gi6XhcQxAYE4xyjPTo4SxEQqw==}
+  '@babel/template@7.28.6':
+    resolution: {integrity: sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/types@7.24.6':
-    resolution: {integrity: sha512-WaMsgi6Q8zMgMth93GvWPXkhAIEobfsIkLTacoVZoK1J0CevIPGYY2Vo5YvJGqyHqXM6P4ppOYGsIRU8MM9pFQ==}
+  '@babel/traverse@7.28.5':
+    resolution: {integrity: sha512-TCCj4t55U90khlYkVV/0TfkJkAkUg3jZFA3Neb7unZT8CPok7iiRfaX0F+WnqWqt7OxhOn0uBKXCw4lbL8W0aQ==}
     engines: {node: '>=6.9.0'}
 
-  '@bcoe/v8-coverage@0.2.3':
-    resolution: {integrity: sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==}
+  '@babel/traverse@7.29.0':
+    resolution: {integrity: sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/types@7.28.5':
+    resolution: {integrity: sha512-qQ5m48eI/MFLQ5PxQj4PFaprjyCTLI37ElWMmNs0K8Lk3dVeOdNpB3ks8jc7yM5CDmVC73eMVk/trk3fgmrUpA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/types@7.29.0':
+    resolution: {integrity: sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/types@8.0.0-rc.2':
+    resolution: {integrity: sha512-91gAaWRznDwSX4E2tZ1YjBuIfnQVOFDCQ2r0Toby0gu4XEbyF623kXLMA8d4ZbCu+fINcrudkmEcwSUHgDDkNw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+
+  '@bcoe/v8-coverage@1.0.2':
+    resolution: {integrity: sha512-6zABk/ECA/QYSCQ1NGiVwwbQerUCZ+TQbp64Q3AgmfNvurHH0j8TtXa1qbShXA6qqkpAj4V5W8pP6mLe1mcMqA==}
+    engines: {node: '>=18'}
+
+  '@bufbuild/protobuf@2.10.1':
+    resolution: {integrity: sha512-ckS3+vyJb5qGpEYv/s1OebUHDi/xSNtfgw1wqKZo7MR9F2z+qXr0q5XagafAG/9O0QPVIUfST0smluYSTpYFkg==}
 
   '@cfcs/core@0.0.6':
     resolution: {integrity: sha512-FxfJMwoLB8MEMConeXUCqtMGqxdtePQxRBOiGip9ULcYYam3WfCgoY6xdnMaSkYvRvmosp5iuG+TiPofm65+Pw==}
@@ -1814,94 +1973,118 @@ packages:
   '@cfcs/core@0.1.0':
     resolution: {integrity: sha512-kvYX0RpL45XTHJ5sW7teNbKeAa7pK3nNqaJPoFfZDPTIBJOkTtRD3QhkBG+O3Hu69a8xeMoPvF6y/RtJ6JUOdA==}
 
-  '@commitlint/cli@18.6.1':
-    resolution: {integrity: sha512-5IDE0a+lWGdkOvKH892HHAZgbAjcj1mT5QrfA/SVbLJV/BbBMGyKN0W5mhgjekPJJwEQdVNvhl9PwUacY58Usw==}
+  '@commitlint/cli@20.1.0':
+    resolution: {integrity: sha512-pW5ujjrOovhq5RcYv5xCpb4GkZxkO2+GtOdBW2/qrr0Ll9tl3PX0aBBobGQl3mdZUbOBgwAexEQLeH6uxL0VYg==}
     engines: {node: '>=v18'}
     hasBin: true
 
-  '@commitlint/config-conventional@18.6.3':
-    resolution: {integrity: sha512-8ZrRHqF6je+TRaFoJVwszwnOXb/VeYrPmTwPhf0WxpzpGTcYy1p0SPyZ2eRn/sRi/obnWAcobtDAq6+gJQQNhQ==}
+  '@commitlint/config-conventional@20.0.0':
+    resolution: {integrity: sha512-q7JroPIkDBtyOkVe9Bca0p7kAUYxZMxkrBArCfuD3yN4KjRAenP9PmYwnn7rsw8Q+hHq1QB2BRmBh0/Z19ZoJw==}
     engines: {node: '>=v18'}
 
-  '@commitlint/config-validator@18.6.1':
-    resolution: {integrity: sha512-05uiToBVfPhepcQWE1ZQBR/Io3+tb3gEotZjnI4tTzzPk16NffN6YABgwFQCLmzZefbDcmwWqJWc2XT47q7Znw==}
+  '@commitlint/config-validator@20.0.0':
+    resolution: {integrity: sha512-BeyLMaRIJDdroJuYM2EGhDMGwVBMZna9UiIqV9hxj+J551Ctc6yoGuGSmghOy/qPhBSuhA6oMtbEiTmxECafsg==}
     engines: {node: '>=v18'}
 
-  '@commitlint/config-validator@19.0.3':
-    resolution: {integrity: sha512-2D3r4PKjoo59zBc2auodrSCaUnCSALCx54yveOFwwP/i2kfEAQrygwOleFWswLqK0UL/F9r07MFi5ev2ohyM4Q==}
+  '@commitlint/ensure@20.0.0':
+    resolution: {integrity: sha512-WBV47Fffvabe68n+13HJNFBqiMH5U1Ryls4W3ieGwPC0C7kJqp3OVQQzG2GXqOALmzrgAB+7GXmyy8N9ct8/Fg==}
     engines: {node: '>=v18'}
 
-  '@commitlint/ensure@18.6.1':
-    resolution: {integrity: sha512-BPm6+SspyxQ7ZTsZwXc7TRQL5kh5YWt3euKmEIBZnocMFkJevqs3fbLRb8+8I/cfbVcAo4mxRlpTPfz8zX7SnQ==}
+  '@commitlint/execute-rule@20.0.0':
+    resolution: {integrity: sha512-xyCoOShoPuPL44gVa+5EdZsBVao/pNzpQhkzq3RdtlFdKZtjWcLlUFQHSWBuhk5utKYykeJPSz2i8ABHQA+ZZw==}
     engines: {node: '>=v18'}
 
-  '@commitlint/execute-rule@18.6.1':
-    resolution: {integrity: sha512-7s37a+iWyJiGUeMFF6qBlyZciUkF8odSAnHijbD36YDctLhGKoYltdvuJ/AFfRm6cBLRtRk9cCVPdsEFtt/2rg==}
+  '@commitlint/format@20.0.0':
+    resolution: {integrity: sha512-zrZQXUcSDmQ4eGGrd+gFESiX0Rw+WFJk7nW4VFOmxub4mAATNKBQ4vNw5FgMCVehLUKG2OT2LjOqD0Hk8HvcRg==}
     engines: {node: '>=v18'}
 
-  '@commitlint/execute-rule@19.0.0':
-    resolution: {integrity: sha512-mtsdpY1qyWgAO/iOK0L6gSGeR7GFcdW7tIjcNFxcWkfLDF5qVbPHKuGATFqRMsxcO8OUKNj0+3WOHB7EHm4Jdw==}
+  '@commitlint/is-ignored@20.0.0':
+    resolution: {integrity: sha512-ayPLicsqqGAphYIQwh9LdAYOVAQ9Oe5QCgTNTj+BfxZb9b/JW222V5taPoIBzYnAP0z9EfUtljgBk+0BN4T4Cw==}
     engines: {node: '>=v18'}
 
-  '@commitlint/format@18.6.1':
-    resolution: {integrity: sha512-K8mNcfU/JEFCharj2xVjxGSF+My+FbUHoqR+4GqPGrHNqXOGNio47ziiR4HQUPKtiNs05o8/WyLBoIpMVOP7wg==}
+  '@commitlint/lint@20.0.0':
+    resolution: {integrity: sha512-kWrX8SfWk4+4nCexfLaQT3f3EcNjJwJBsSZ5rMBw6JCd6OzXufFHgel2Curos4LKIxwec9WSvs2YUD87rXlxNQ==}
     engines: {node: '>=v18'}
 
-  '@commitlint/is-ignored@18.6.1':
-    resolution: {integrity: sha512-MOfJjkEJj/wOaPBw5jFjTtfnx72RGwqYIROABudOtJKW7isVjFe9j0t8xhceA02QebtYf4P/zea4HIwnXg8rvA==}
+  '@commitlint/load@20.1.0':
+    resolution: {integrity: sha512-qo9ER0XiAimATQR5QhvvzePfeDfApi/AFlC1G+YN+ZAY8/Ua6IRrDrxRvQAr+YXUKAxUsTDSp9KXeXLBPsNRWg==}
     engines: {node: '>=v18'}
 
-  '@commitlint/lint@18.6.1':
-    resolution: {integrity: sha512-8WwIFo3jAuU+h1PkYe5SfnIOzp+TtBHpFr4S8oJWhu44IWKuVx6GOPux3+9H1iHOan/rGBaiacicZkMZuluhfQ==}
+  '@commitlint/message@20.0.0':
+    resolution: {integrity: sha512-gLX4YmKnZqSwkmSB9OckQUrI5VyXEYiv3J5JKZRxIp8jOQsWjZgHSG/OgEfMQBK9ibdclEdAyIPYggwXoFGXjQ==}
     engines: {node: '>=v18'}
 
-  '@commitlint/load@18.6.1':
-    resolution: {integrity: sha512-p26x8734tSXUHoAw0ERIiHyW4RaI4Bj99D8YgUlVV9SedLf8hlWAfyIFhHRIhfPngLlCe0QYOdRKYFt8gy56TA==}
+  '@commitlint/parse@20.0.0':
+    resolution: {integrity: sha512-j/PHCDX2bGM5xGcWObOvpOc54cXjn9g6xScXzAeOLwTsScaL4Y+qd0pFC6HBwTtrH92NvJQc+2Lx9HFkVi48cg==}
     engines: {node: '>=v18'}
 
-  '@commitlint/load@19.2.0':
-    resolution: {integrity: sha512-XvxxLJTKqZojCxaBQ7u92qQLFMMZc4+p9qrIq/9kJDy8DOrEa7P1yx7Tjdc2u2JxIalqT4KOGraVgCE7eCYJyQ==}
+  '@commitlint/read@20.0.0':
+    resolution: {integrity: sha512-Ti7Y7aEgxsM1nkwA4ZIJczkTFRX/+USMjNrL9NXwWQHqNqrBX2iMi+zfuzZXqfZ327WXBjdkRaytJ+z5vNqTOA==}
     engines: {node: '>=v18'}
 
-  '@commitlint/message@18.6.1':
-    resolution: {integrity: sha512-VKC10UTMLcpVjMIaHHsY1KwhuTQtdIKPkIdVEwWV+YuzKkzhlI3aNy6oo1eAN6b/D2LTtZkJe2enHmX0corYRw==}
+  '@commitlint/resolve-extends@20.1.0':
+    resolution: {integrity: sha512-cxKXQrqHjZT3o+XPdqDCwOWVFQiae++uwd9dUBC7f2MdV58ons3uUvASdW7m55eat5sRiQ6xUHyMWMRm6atZWw==}
     engines: {node: '>=v18'}
 
-  '@commitlint/parse@18.6.1':
-    resolution: {integrity: sha512-eS/3GREtvVJqGZrwAGRwR9Gdno3YcZ6Xvuaa+vUF8j++wsmxrA2En3n0ccfVO2qVOLJC41ni7jSZhQiJpMPGOQ==}
+  '@commitlint/rules@20.0.0':
+    resolution: {integrity: sha512-gvg2k10I/RfvHn5I5sxvVZKM1fl72Sqrv2YY/BnM7lMHcYqO0E2jnRWoYguvBfEcZ39t+rbATlciggVe77E4zA==}
     engines: {node: '>=v18'}
 
-  '@commitlint/read@18.6.1':
-    resolution: {integrity: sha512-ia6ODaQFzXrVul07ffSgbZGFajpe8xhnDeLIprLeyfz3ivQU1dIoHp7yz0QIorZ6yuf4nlzg4ZUkluDrGN/J/w==}
+  '@commitlint/to-lines@20.0.0':
+    resolution: {integrity: sha512-2l9gmwiCRqZNWgV+pX1X7z4yP0b3ex/86UmUFgoRt672Ez6cAM2lOQeHFRUTuE6sPpi8XBCGnd8Kh3bMoyHwJw==}
     engines: {node: '>=v18'}
 
-  '@commitlint/resolve-extends@18.6.1':
-    resolution: {integrity: sha512-ifRAQtHwK+Gj3Bxj/5chhc4L2LIc3s30lpsyW67yyjsETR6ctHAHRu1FSpt0KqahK5xESqoJ92v6XxoDRtjwEQ==}
+  '@commitlint/top-level@20.0.0':
+    resolution: {integrity: sha512-drXaPSP2EcopukrUXvUXmsQMu3Ey/FuJDc/5oiW4heoCfoE5BdLQyuc7veGeE3aoQaTVqZnh4D5WTWe2vefYKg==}
     engines: {node: '>=v18'}
 
-  '@commitlint/resolve-extends@19.1.0':
-    resolution: {integrity: sha512-z2riI+8G3CET5CPgXJPlzftH+RiWYLMYv4C9tSLdLXdr6pBNimSKukYP9MS27ejmscqCTVA4almdLh0ODD2KYg==}
+  '@commitlint/types@20.0.0':
+    resolution: {integrity: sha512-bVUNBqG6aznYcYjTjnc3+Cat/iBgbgpflxbIBTnsHTX0YVpnmINPEkSRWymT2Q8aSH3Y7aKnEbunilkYe8TybA==}
     engines: {node: '>=v18'}
 
-  '@commitlint/rules@18.6.1':
-    resolution: {integrity: sha512-kguM6HxZDtz60v/zQYOe0voAtTdGybWXefA1iidjWYmyUUspO1zBPQEmJZ05/plIAqCVyNUTAiRPWIBKLCrGew==}
-    engines: {node: '>=v18'}
+  '@conventional-changelog/git-client@1.0.1':
+    resolution: {integrity: sha512-PJEqBwAleffCMETaVm/fUgHldzBE35JFk3/9LL6NUA5EXa3qednu+UT6M7E5iBu3zIQZCULYIiZ90fBYHt6xUw==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      conventional-commits-filter: ^5.0.0
+      conventional-commits-parser: ^6.0.0
+    peerDependenciesMeta:
+      conventional-commits-filter:
+        optional: true
+      conventional-commits-parser:
+        optional: true
 
-  '@commitlint/to-lines@18.6.1':
-    resolution: {integrity: sha512-Gl+orGBxYSNphx1+83GYeNy5N0dQsHBQ9PJMriaLQDB51UQHCVLBT/HBdOx5VaYksivSf5Os55TLePbRLlW50Q==}
-    engines: {node: '>=v18'}
+  '@csstools/color-helpers@5.1.0':
+    resolution: {integrity: sha512-S11EXWJyy0Mz5SYvRmY8nJYTFFd1LCNV+7cXyAgQtOOuzb4EsgfqDufL+9esx72/eLhsRdGZwaldu/h+E4t4BA==}
+    engines: {node: '>=18'}
 
-  '@commitlint/top-level@18.6.1':
-    resolution: {integrity: sha512-HyiHQZUTf0+r0goTCDs/bbVv/LiiQ7AVtz6KIar+8ZrseB9+YJAIo8HQ2IC2QT1y3N1lbW6OqVEsTHjbT6hGSw==}
-    engines: {node: '>=v18'}
+  '@csstools/css-calc@2.1.4':
+    resolution: {integrity: sha512-3N8oaj+0juUw/1H3YwmDDJXCgTB1gKU6Hc/bB502u9zR0q2vd786XJH9QfrKIEgFlZmhZiq6epXl4rHqhzsIgQ==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@csstools/css-parser-algorithms': ^3.0.5
+      '@csstools/css-tokenizer': ^3.0.4
 
-  '@commitlint/types@18.6.1':
-    resolution: {integrity: sha512-gwRLBLra/Dozj2OywopeuHj2ac26gjGkz2cZ+86cTJOdtWfiRRr4+e77ZDAGc6MDWxaWheI+mAV5TLWWRwqrFg==}
-    engines: {node: '>=v18'}
+  '@csstools/css-color-parser@3.1.0':
+    resolution: {integrity: sha512-nbtKwh3a6xNVIp/VRuXV64yTKnb1IjTAEEh3irzS+HkKjAOYLTGNb9pmVNntZ8iVBHcWDA2Dof0QtPgFI1BaTA==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@csstools/css-parser-algorithms': ^3.0.5
+      '@csstools/css-tokenizer': ^3.0.4
 
-  '@commitlint/types@19.0.3':
-    resolution: {integrity: sha512-tpyc+7i6bPG9mvaBbtKUeghfyZSDgWquIDfMgqYtTbmZ9Y9VzEm2je9EYcQ0aoz5o7NvGS+rcDec93yO08MHYA==}
-    engines: {node: '>=v18'}
+  '@csstools/css-parser-algorithms@3.0.5':
+    resolution: {integrity: sha512-DaDeUkXZKjdGhgYaHNJTV9pV7Y9B3b644jCLs9Upc3VeNGg6LWARAT6O+Q+/COo+2gg/bM5rhpMAtf70WqfBdQ==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@csstools/css-tokenizer': ^3.0.4
+
+  '@csstools/css-syntax-patches-for-csstree@1.0.16':
+    resolution: {integrity: sha512-2SpS4/UaWQaGpBINyG5ZuCHnUDeVByOhvbkARwfmnfxDvTaj80yOI1cD8Tw93ICV5Fx4fnyDKWQZI1CDtcWyUg==}
+    engines: {node: '>=18'}
+
+  '@csstools/css-tokenizer@3.0.4':
+    resolution: {integrity: sha512-Vd/9EVDiu6PPJt9yAh6roZP6El1xHrdvIVGjyBsHR0RYwNHgL7FJPyIIW4fANJNG6FtyZfvlRPpFI4ZM/lubvw==}
+    engines: {node: '>=18'}
 
   '@ctrl/tinycolor@3.6.1':
     resolution: {integrity: sha512-SITSV6aIXsuVNV3f3O0f2n/cgyEDWoSqtZMYiAmcsYHydcKrOz3gUxB/iXd/Qf08+IZX4KpgNbvUdMBmWz+kcA==}
@@ -1910,14 +2093,14 @@ packages:
   '@daybrush/utils@1.13.0':
     resolution: {integrity: sha512-ALK12C6SQNNHw1enXK+UO8bdyQ+jaWNQ1Af7Z3FNxeAwjYhQT7do+TRE4RASAJ3ObaS2+TJ7TXR3oz2Gzbw0PQ==}
 
-  '@docsearch/css@3.6.0':
-    resolution: {integrity: sha512-+sbxb71sWre+PwDK7X2T8+bhS6clcVMLwBPznX45Qu6opJcgRjAp7gYSDzVFp187J+feSj5dNBN1mJoi6ckkUQ==}
+  '@docsearch/css@3.8.2':
+    resolution: {integrity: sha512-y05ayQFyUmCXze79+56v/4HpycYF3uFqB78pLPrSV5ZKAlDuIAAJNhaRi8tTdRNXh05yxX/TyNnzD6LwSM89vQ==}
 
-  '@docsearch/js@3.6.0':
-    resolution: {integrity: sha512-QujhqINEElrkIfKwyyyTfbsfMAYCkylInLYMRqHy7PHc8xTBQCow73tlo/Kc7oIwBrCLf0P3YhjlOeV4v8hevQ==}
+  '@docsearch/js@3.8.2':
+    resolution: {integrity: sha512-Q5wY66qHn0SwA7Taa0aDbHiJvaFJLOJyHmooQ7y8hlwwQLQ/5WwCcoX0g7ii04Qi2DJlHsd0XXzJ8Ypw9+9YmQ==}
 
-  '@docsearch/react@3.6.0':
-    resolution: {integrity: sha512-HUFut4ztcVNmqy9gp/wxNbC7pTOHhgVVkHVGCACTuLhUKUhKAF9KYHJtMiLUJxEqiFLQiuri1fWF8zqwM/cu1w==}
+  '@docsearch/react@3.8.2':
+    resolution: {integrity: sha512-xCRrJQlTt8N9GU0DG4ptwHRkfnSnD/YpdeaXe02iKfqs97TkZJv60yE+1eq/tjPcVnTW8dP5qLP7itifFVV5eg==}
     peerDependencies:
       '@types/react': '>= 16.8.0 < 19.0.0'
       react: '>= 16.8.0 < 19.0.0'
@@ -1933,8 +2116,8 @@ packages:
       search-insights:
         optional: true
 
-  '@egjs/agent@2.4.3':
-    resolution: {integrity: sha512-XvksSENe8wPeFlEVouvrOhKdx8HMniJ3by7sro2uPF3M6QqWwjzVcmvwoPtdjiX8O1lfRoLhQMp1a7NGlVTdIA==}
+  '@egjs/agent@2.4.4':
+    resolution: {integrity: sha512-cvAPSlUILhBBOakn2krdPnOGv5hAZq92f1YHxYcfu0p7uarix2C6Ia3AVizpS1SGRZGiEkIS5E+IVTLg1I2Iog==}
 
   '@egjs/children-differ@1.0.1':
     resolution: {integrity: sha512-DRvyqMf+CPCOzAopQKHtW+X8iN6Hy6SFol+/7zCUiE5y4P/OB8JP8FtU4NxtZwtafvSL4faD5KoQYPj3JHzPFQ==}
@@ -1945,8 +2128,8 @@ packages:
   '@egjs/list-differ@1.0.1':
     resolution: {integrity: sha512-OTFTDQcWS+1ZREOdCWuk5hCBgYO4OsD30lXcOCyVOAjXMhgL5rBRDnt/otb6Nz8CzU0L/igdcaQBDLWc4t9gvg==}
 
-  '@element-plus/icons-vue@2.3.1':
-    resolution: {integrity: sha512-XxVUZv48RZAd87ucGS48jPf6pKu0yV5UCg9f4FFwtrYxXOwWuVJo6wOvSLKEoMQKjv8GsX/mhP6UsC1lRwbUWg==}
+  '@element-plus/icons-vue@2.3.2':
+    resolution: {integrity: sha512-OzIuTaIfC8QXEPmJvB4Y4kw34rSXdCJzxcD1kFStBvr8bK6X1zQAYDo0CNMjojnfTqRQCJ0I7prlErcoRiET2A==}
     peerDependencies:
       vue: ^3.2.0
 
@@ -1959,324 +2142,233 @@ packages:
   '@emmetio/scanner@1.0.4':
     resolution: {integrity: sha512-IqRuJtQff7YHHBk4G8YZ45uB9BaAGcwQeVzgj/zj8/UdOhtQpEIupUhSk8dys6spFIWVZVeK20CzGEnqR5SbqA==}
 
-  '@esbuild/aix-ppc64@0.20.2':
-    resolution: {integrity: sha512-D+EBOJHXdNZcLJRBkhENNG8Wji2kgc9AZ9KiPr1JuZjsNtyHzrsfLRrY0tk2H2aoFu6RANO1y1iPPUCDYWkb5g==}
+  '@emnapi/core@1.9.0':
+    resolution: {integrity: sha512-0DQ98G9ZQZOxfUcQn1waV2yS8aWdZ6kJMbYCJB3oUBecjWYO1fqJ+a1DRfPF3O5JEkwqwP1A9QEN/9mYm2Yd0w==}
+
+  '@emnapi/runtime@1.9.0':
+    resolution: {integrity: sha512-QN75eB0IH2ywSpRpNddCRfQIhmJYBCJ1x5Lb3IscKAL8bMnVAKnRg8dCoXbHzVLLH7P38N2Z3mtulB7W0J0FKw==}
+
+  '@emnapi/wasi-threads@1.2.0':
+    resolution: {integrity: sha512-N10dEJNSsUx41Z6pZsXU8FjPjpBEplgH24sfkmITrBED1/U2Esum9F3lfLrMjKHHjmi557zQn7kR9R+XWXu5Rg==}
+
+  '@esbuild/aix-ppc64@0.21.5':
+    resolution: {integrity: sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==}
     engines: {node: '>=12'}
     cpu: [ppc64]
     os: [aix]
 
-  '@esbuild/aix-ppc64@0.21.4':
-    resolution: {integrity: sha512-Zrm+B33R4LWPLjDEVnEqt2+SLTATlru1q/xYKVn8oVTbiRBGmK2VIMoIYGJDGyftnGaC788IuzGFAlb7IQ0Y8A==}
-    engines: {node: '>=12'}
-    cpu: [ppc64]
-    os: [aix]
-
-  '@esbuild/android-arm64@0.20.2':
-    resolution: {integrity: sha512-mRzjLacRtl/tWU0SvD8lUEwb61yP9cqQo6noDZP/O8VkwafSYwZ4yWy24kan8jE/IMERpYncRt2dw438LP3Xmg==}
+  '@esbuild/android-arm64@0.21.5':
+    resolution: {integrity: sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [android]
 
-  '@esbuild/android-arm64@0.21.4':
-    resolution: {integrity: sha512-fYFnz+ObClJ3dNiITySBUx+oNalYUT18/AryMxfovLkYWbutXsct3Wz2ZWAcGGppp+RVVX5FiXeLYGi97umisA==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [android]
-
-  '@esbuild/android-arm@0.20.2':
-    resolution: {integrity: sha512-t98Ra6pw2VaDhqNWO2Oph2LXbz/EJcnLmKLGBJwEwXX/JAN83Fym1rU8l0JUWK6HkIbWONCSSatf4sf2NBRx/w==}
+  '@esbuild/android-arm@0.21.5':
+    resolution: {integrity: sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==}
     engines: {node: '>=12'}
     cpu: [arm]
     os: [android]
 
-  '@esbuild/android-arm@0.21.4':
-    resolution: {integrity: sha512-E7H/yTd8kGQfY4z9t3nRPk/hrhaCajfA3YSQSBrst8B+3uTcgsi8N+ZWYCaeIDsiVs6m65JPCaQN/DxBRclF3A==}
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [android]
-
-  '@esbuild/android-x64@0.20.2':
-    resolution: {integrity: sha512-btzExgV+/lMGDDa194CcUQm53ncxzeBrWJcncOBxuC6ndBkKxnHdFJn86mCIgTELsooUmwUm9FkhSp5HYu00Rg==}
+  '@esbuild/android-x64@0.21.5':
+    resolution: {integrity: sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [android]
 
-  '@esbuild/android-x64@0.21.4':
-    resolution: {integrity: sha512-mDqmlge3hFbEPbCWxp4fM6hqq7aZfLEHZAKGP9viq9wMUBVQx202aDIfc3l+d2cKhUJM741VrCXEzRFhPDKH3Q==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [android]
-
-  '@esbuild/darwin-arm64@0.20.2':
-    resolution: {integrity: sha512-4J6IRT+10J3aJH3l1yzEg9y3wkTDgDk7TSDFX+wKFiWjqWp/iCfLIYzGyasx9l0SAFPT1HwSCR+0w/h1ES/MjA==}
+  '@esbuild/darwin-arm64@0.21.5':
+    resolution: {integrity: sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [darwin]
 
-  '@esbuild/darwin-arm64@0.21.4':
-    resolution: {integrity: sha512-72eaIrDZDSiWqpmCzVaBD58c8ea8cw/U0fq/PPOTqE3c53D0xVMRt2ooIABZ6/wj99Y+h4ksT/+I+srCDLU9TA==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [darwin]
-
-  '@esbuild/darwin-x64@0.20.2':
-    resolution: {integrity: sha512-tBcXp9KNphnNH0dfhv8KYkZhjc+H3XBkF5DKtswJblV7KlT9EI2+jeA8DgBjp908WEuYll6pF+UStUCfEpdysA==}
+  '@esbuild/darwin-x64@0.21.5':
+    resolution: {integrity: sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [darwin]
 
-  '@esbuild/darwin-x64@0.21.4':
-    resolution: {integrity: sha512-uBsuwRMehGmw1JC7Vecu/upOjTsMhgahmDkWhGLWxIgUn2x/Y4tIwUZngsmVb6XyPSTXJYS4YiASKPcm9Zitag==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [darwin]
-
-  '@esbuild/freebsd-arm64@0.20.2':
-    resolution: {integrity: sha512-d3qI41G4SuLiCGCFGUrKsSeTXyWG6yem1KcGZVS+3FYlYhtNoNgYrWcvkOoaqMhwXSMrZRl69ArHsGJ9mYdbbw==}
+  '@esbuild/freebsd-arm64@0.21.5':
+    resolution: {integrity: sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [freebsd]
 
-  '@esbuild/freebsd-arm64@0.21.4':
-    resolution: {integrity: sha512-8JfuSC6YMSAEIZIWNL3GtdUT5NhUA/CMUCpZdDRolUXNAXEE/Vbpe6qlGLpfThtY5NwXq8Hi4nJy4YfPh+TwAg==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [freebsd]
-
-  '@esbuild/freebsd-x64@0.20.2':
-    resolution: {integrity: sha512-d+DipyvHRuqEeM5zDivKV1KuXn9WeRX6vqSqIDgwIfPQtwMP4jaDsQsDncjTDDsExT4lR/91OLjRo8bmC1e+Cw==}
+  '@esbuild/freebsd-x64@0.21.5':
+    resolution: {integrity: sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [freebsd]
 
-  '@esbuild/freebsd-x64@0.21.4':
-    resolution: {integrity: sha512-8d9y9eQhxv4ef7JmXny7591P/PYsDFc4+STaxC1GBv0tMyCdyWfXu2jBuqRsyhY8uL2HU8uPyscgE2KxCY9imQ==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [freebsd]
-
-  '@esbuild/linux-arm64@0.20.2':
-    resolution: {integrity: sha512-9pb6rBjGvTFNira2FLIWqDk/uaf42sSyLE8j1rnUpuzsODBq7FvpwHYZxQ/It/8b+QOS1RYfqgGFNLRI+qlq2A==}
+  '@esbuild/linux-arm64@0.21.5':
+    resolution: {integrity: sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [linux]
 
-  '@esbuild/linux-arm64@0.21.4':
-    resolution: {integrity: sha512-/GLD2orjNU50v9PcxNpYZi+y8dJ7e7/LhQukN3S4jNDXCKkyyiyAz9zDw3siZ7Eh1tRcnCHAo/WcqKMzmi4eMQ==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [linux]
-
-  '@esbuild/linux-arm@0.20.2':
-    resolution: {integrity: sha512-VhLPeR8HTMPccbuWWcEUD1Az68TqaTYyj6nfE4QByZIQEQVWBB8vup8PpR7y1QHL3CpcF6xd5WVBU/+SBEvGTg==}
+  '@esbuild/linux-arm@0.21.5':
+    resolution: {integrity: sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==}
     engines: {node: '>=12'}
     cpu: [arm]
     os: [linux]
 
-  '@esbuild/linux-arm@0.21.4':
-    resolution: {integrity: sha512-2rqFFefpYmpMs+FWjkzSgXg5vViocqpq5a1PSRgT0AvSgxoXmGF17qfGAzKedg6wAwyM7UltrKVo9kxaJLMF/g==}
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [linux]
-
-  '@esbuild/linux-ia32@0.20.2':
-    resolution: {integrity: sha512-o10utieEkNPFDZFQm9CoP7Tvb33UutoJqg3qKf1PWVeeJhJw0Q347PxMvBgVVFgouYLGIhFYG0UGdBumROyiig==}
+  '@esbuild/linux-ia32@0.21.5':
+    resolution: {integrity: sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==}
     engines: {node: '>=12'}
     cpu: [ia32]
     os: [linux]
 
-  '@esbuild/linux-ia32@0.21.4':
-    resolution: {integrity: sha512-pNftBl7m/tFG3t2m/tSjuYeWIffzwAZT9m08+9DPLizxVOsUl8DdFzn9HvJrTQwe3wvJnwTdl92AonY36w/25g==}
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [linux]
-
-  '@esbuild/linux-loong64@0.20.2':
-    resolution: {integrity: sha512-PR7sp6R/UC4CFVomVINKJ80pMFlfDfMQMYynX7t1tNTeivQ6XdX5r2XovMmha/VjR1YN/HgHWsVcTRIMkymrgQ==}
+  '@esbuild/linux-loong64@0.21.5':
+    resolution: {integrity: sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==}
     engines: {node: '>=12'}
     cpu: [loong64]
     os: [linux]
 
-  '@esbuild/linux-loong64@0.21.4':
-    resolution: {integrity: sha512-cSD2gzCK5LuVX+hszzXQzlWya6c7hilO71L9h4KHwqI4qeqZ57bAtkgcC2YioXjsbfAv4lPn3qe3b00Zt+jIfQ==}
-    engines: {node: '>=12'}
-    cpu: [loong64]
-    os: [linux]
-
-  '@esbuild/linux-mips64el@0.20.2':
-    resolution: {integrity: sha512-4BlTqeutE/KnOiTG5Y6Sb/Hw6hsBOZapOVF6njAESHInhlQAghVVZL1ZpIctBOoTFbQyGW+LsVYZ8lSSB3wkjA==}
+  '@esbuild/linux-mips64el@0.21.5':
+    resolution: {integrity: sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==}
     engines: {node: '>=12'}
     cpu: [mips64el]
     os: [linux]
 
-  '@esbuild/linux-mips64el@0.21.4':
-    resolution: {integrity: sha512-qtzAd3BJh7UdbiXCrg6npWLYU0YpufsV9XlufKhMhYMJGJCdfX/G6+PNd0+v877X1JG5VmjBLUiFB0o8EUSicA==}
-    engines: {node: '>=12'}
-    cpu: [mips64el]
-    os: [linux]
-
-  '@esbuild/linux-ppc64@0.20.2':
-    resolution: {integrity: sha512-rD3KsaDprDcfajSKdn25ooz5J5/fWBylaaXkuotBDGnMnDP1Uv5DLAN/45qfnf3JDYyJv/ytGHQaziHUdyzaAg==}
+  '@esbuild/linux-ppc64@0.21.5':
+    resolution: {integrity: sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==}
     engines: {node: '>=12'}
     cpu: [ppc64]
     os: [linux]
 
-  '@esbuild/linux-ppc64@0.21.4':
-    resolution: {integrity: sha512-yB8AYzOTaL0D5+2a4xEy7OVvbcypvDR05MsB/VVPVA7nL4hc5w5Dyd/ddnayStDgJE59fAgNEOdLhBxjfx5+dg==}
-    engines: {node: '>=12'}
-    cpu: [ppc64]
-    os: [linux]
-
-  '@esbuild/linux-riscv64@0.20.2':
-    resolution: {integrity: sha512-snwmBKacKmwTMmhLlz/3aH1Q9T8v45bKYGE3j26TsaOVtjIag4wLfWSiZykXzXuE1kbCE+zJRmwp+ZbIHinnVg==}
+  '@esbuild/linux-riscv64@0.21.5':
+    resolution: {integrity: sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==}
     engines: {node: '>=12'}
     cpu: [riscv64]
     os: [linux]
 
-  '@esbuild/linux-riscv64@0.21.4':
-    resolution: {integrity: sha512-Y5AgOuVzPjQdgU59ramLoqSSiXddu7F3F+LI5hYy/d1UHN7K5oLzYBDZe23QmQJ9PIVUXwOdKJ/jZahPdxzm9w==}
-    engines: {node: '>=12'}
-    cpu: [riscv64]
-    os: [linux]
-
-  '@esbuild/linux-s390x@0.20.2':
-    resolution: {integrity: sha512-wcWISOobRWNm3cezm5HOZcYz1sKoHLd8VL1dl309DiixxVFoFe/o8HnwuIwn6sXre88Nwj+VwZUvJf4AFxkyrQ==}
+  '@esbuild/linux-s390x@0.21.5':
+    resolution: {integrity: sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==}
     engines: {node: '>=12'}
     cpu: [s390x]
     os: [linux]
 
-  '@esbuild/linux-s390x@0.21.4':
-    resolution: {integrity: sha512-Iqc/l/FFwtt8FoTK9riYv9zQNms7B8u+vAI/rxKuN10HgQIXaPzKZc479lZ0x6+vKVQbu55GdpYpeNWzjOhgbA==}
-    engines: {node: '>=12'}
-    cpu: [s390x]
-    os: [linux]
-
-  '@esbuild/linux-x64@0.20.2':
-    resolution: {integrity: sha512-1MdwI6OOTsfQfek8sLwgyjOXAu+wKhLEoaOLTjbijk6E2WONYpH9ZU2mNtR+lZ2B4uwr+usqGuVfFT9tMtGvGw==}
+  '@esbuild/linux-x64@0.21.5':
+    resolution: {integrity: sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [linux]
 
-  '@esbuild/linux-x64@0.21.4':
-    resolution: {integrity: sha512-Td9jv782UMAFsuLZINfUpoF5mZIbAj+jv1YVtE58rFtfvoKRiKSkRGQfHTgKamLVT/fO7203bHa3wU122V/Bdg==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [linux]
-
-  '@esbuild/netbsd-x64@0.20.2':
-    resolution: {integrity: sha512-K8/DhBxcVQkzYc43yJXDSyjlFeHQJBiowJ0uVL6Tor3jGQfSGHNNJcWxNbOI8v5k82prYqzPuwkzHt3J1T1iZQ==}
+  '@esbuild/netbsd-x64@0.21.5':
+    resolution: {integrity: sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [netbsd]
 
-  '@esbuild/netbsd-x64@0.21.4':
-    resolution: {integrity: sha512-Awn38oSXxsPMQxaV0Ipb7W/gxZtk5Tx3+W+rAPdZkyEhQ6968r9NvtkjhnhbEgWXYbgV+JEONJ6PcdBS+nlcpA==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [netbsd]
-
-  '@esbuild/openbsd-x64@0.20.2':
-    resolution: {integrity: sha512-eMpKlV0SThJmmJgiVyN9jTPJ2VBPquf6Kt/nAoo6DgHAoN57K15ZghiHaMvqjCye/uU4X5u3YSMgVBI1h3vKrQ==}
+  '@esbuild/openbsd-x64@0.21.5':
+    resolution: {integrity: sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [openbsd]
 
-  '@esbuild/openbsd-x64@0.21.4':
-    resolution: {integrity: sha512-IsUmQeCY0aU374R82fxIPu6vkOybWIMc3hVGZ3ChRwL9hA1TwY+tS0lgFWV5+F1+1ssuvvXt3HFqe8roCip8Hg==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [openbsd]
-
-  '@esbuild/sunos-x64@0.20.2':
-    resolution: {integrity: sha512-2UyFtRC6cXLyejf/YEld4Hajo7UHILetzE1vsRcGL3earZEW77JxrFjH4Ez2qaTiEfMgAXxfAZCm1fvM/G/o8w==}
+  '@esbuild/sunos-x64@0.21.5':
+    resolution: {integrity: sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [sunos]
 
-  '@esbuild/sunos-x64@0.21.4':
-    resolution: {integrity: sha512-hsKhgZ4teLUaDA6FG/QIu2q0rI6I36tZVfM4DBZv3BG0mkMIdEnMbhc4xwLvLJSS22uWmaVkFkqWgIS0gPIm+A==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [sunos]
-
-  '@esbuild/win32-arm64@0.20.2':
-    resolution: {integrity: sha512-GRibxoawM9ZCnDxnP3usoUDO9vUkpAxIIZ6GQI+IlVmr5kP3zUq+l17xELTHMWTWzjxa2guPNyrpq1GWmPvcGQ==}
+  '@esbuild/win32-arm64@0.21.5':
+    resolution: {integrity: sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [win32]
 
-  '@esbuild/win32-arm64@0.21.4':
-    resolution: {integrity: sha512-UUfMgMoXPoA/bvGUNfUBFLCh0gt9dxZYIx9W4rfJr7+hKe5jxxHmfOK8YSH4qsHLLN4Ck8JZ+v7Q5fIm1huErg==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [win32]
-
-  '@esbuild/win32-ia32@0.20.2':
-    resolution: {integrity: sha512-HfLOfn9YWmkSKRQqovpnITazdtquEW8/SoHW7pWpuEeguaZI4QnCRW6b+oZTztdBnZOS2hqJ6im/D5cPzBTTlQ==}
+  '@esbuild/win32-ia32@0.21.5':
+    resolution: {integrity: sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==}
     engines: {node: '>=12'}
     cpu: [ia32]
     os: [win32]
 
-  '@esbuild/win32-ia32@0.21.4':
-    resolution: {integrity: sha512-yIxbspZb5kGCAHWm8dexALQ9en1IYDfErzjSEq1KzXFniHv019VT3mNtTK7t8qdy4TwT6QYHI9sEZabONHg+aw==}
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [win32]
-
-  '@esbuild/win32-x64@0.20.2':
-    resolution: {integrity: sha512-N49X4lJX27+l9jbLKSqZ6bKNjzQvHaT8IIFUy+YIqmXQdjYCToGWwOItDrfby14c78aDd5NHQl29xingXfCdLQ==}
+  '@esbuild/win32-x64@0.21.5':
+    resolution: {integrity: sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [win32]
 
-  '@esbuild/win32-x64@0.21.4':
-    resolution: {integrity: sha512-sywLRD3UK/qRJt0oBwdpYLBibk7KiRfbswmWRDabuncQYSlf8aLEEUor/oP6KRz8KEG+HoiVLBhPRD5JWjS8Sg==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [win32]
-
-  '@eslint-community/eslint-utils@4.4.0':
-    resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
+  '@eslint-community/eslint-utils@4.9.0':
+    resolution: {integrity: sha512-ayVFHdtZ+hsq1t2Dy24wCmGXGe4q9Gu3smhLYALJrr473ZH27MsnSL+LKUlimp4BWJqMDMLmPpx/Q9R3OAlL4g==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
 
-  '@eslint-community/regexpp@4.10.1':
-    resolution: {integrity: sha512-Zm2NGpWELsQAD1xsJzGQpYfvICSsFkEpU0jxBjfdC6uNEWXcHnfs9hScFWtXVDVl+rBQJGrl4g1vcKIejpH9dA==}
+  '@eslint-community/eslint-utils@4.9.1':
+    resolution: {integrity: sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
+
+  '@eslint-community/regexpp@4.12.2':
+    resolution: {integrity: sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==}
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
 
-  '@eslint/eslintrc@2.1.4':
-    resolution: {integrity: sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+  '@eslint/config-array@0.23.3':
+    resolution: {integrity: sha512-j+eEWmB6YYLwcNOdlwQ6L2OsptI/LO6lNBuLIqe5R7RetD658HLoF+Mn7LzYmAWWNNzdC6cqP+L6r8ujeYXWLw==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
 
-  '@eslint/js@8.57.0':
-    resolution: {integrity: sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+  '@eslint/config-helpers@0.5.3':
+    resolution: {integrity: sha512-lzGN0onllOZCGroKJmRwY6QcEHxbjBw1gwB8SgRSqK8YbbtEXMvKynsXc3553ckIEBxsbMBU7oOZXKIPGZNeZw==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
 
-  '@floating-ui/core@1.6.2':
-    resolution: {integrity: sha512-+2XpQV9LLZeanU4ZevzRnGFg2neDeKHgFLjP6YLW+tly0IvrhqT4u8enLGjLH3qeh85g19xY5rsAusfwTdn5lg==}
+  '@eslint/core@1.1.1':
+    resolution: {integrity: sha512-QUPblTtE51/7/Zhfv8BDwO0qkkzQL7P/aWWbqcf4xWLEYn1oKjdO0gglQBB4GAsu7u6wjijbCmzsUTy6mnk6oQ==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
 
-  '@floating-ui/dom@1.6.5':
-    resolution: {integrity: sha512-Nsdud2X65Dz+1RHjAIP0t8z5e2ff/IRbei6BqFrl1urT8sDVzM1HMQ+R0XcU5ceRfyO3I6ayeqIfh+6Wb8LGTw==}
+  '@eslint/js@10.0.1':
+    resolution: {integrity: sha512-zeR9k5pd4gxjZ0abRoIaxdc7I3nDktoXZk2qOv9gCNWx3mVwEn32VRhyLaRsDiJjTs0xq/T8mfPtyuXu7GWBcA==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+    peerDependencies:
+      eslint: ^10.0.0
+    peerDependenciesMeta:
+      eslint:
+        optional: true
 
-  '@floating-ui/utils@0.2.2':
-    resolution: {integrity: sha512-J4yDIIthosAsRZ5CPYP/jQvUAQtlZTTD/4suA08/FEnlxqW3sKS9iAhgsa9VYLZ6vDHn/ixJgIqRQPotoBjxIw==}
+  '@eslint/object-schema@3.0.3':
+    resolution: {integrity: sha512-iM869Pugn9Nsxbh/YHRqYiqd23AmIbxJOcpUMOuWCVNdoQJ5ZtwL6h3t0bcZzJUlC3Dq9jCFCESBZnX0GTv7iQ==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
 
-  '@humanwhocodes/config-array@0.11.14':
-    resolution: {integrity: sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==}
-    engines: {node: '>=10.10.0'}
+  '@eslint/plugin-kit@0.6.1':
+    resolution: {integrity: sha512-iH1B076HoAshH1mLpHMgwdGeTs0CYwL0SPMkGuSebZrwBp16v415e9NZXg2jtrqPVQjf6IANe2Vtlr5KswtcZQ==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  '@floating-ui/core@1.7.3':
+    resolution: {integrity: sha512-sGnvb5dmrJaKEZ+LDIpguvdX3bDlEllmv4/ClQ9awcmCZrlx5jQyyMWFM5kBI+EyNOCDDiKk8il0zeuX3Zlg/w==}
+
+  '@floating-ui/dom@1.7.4':
+    resolution: {integrity: sha512-OOchDgh4F2CchOX94cRVqhvy7b3AFb+/rQXyswmzmGakRfkMgoWVjfnLWkRirfLEfuD4ysVW16eXzwt3jHIzKA==}
+
+  '@floating-ui/utils@0.2.10':
+    resolution: {integrity: sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ==}
+
+  '@humanfs/core@0.19.1':
+    resolution: {integrity: sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==}
+    engines: {node: '>=18.18.0'}
+
+  '@humanfs/node@0.16.7':
+    resolution: {integrity: sha512-/zUx+yOsIrG4Y43Eh2peDeKCxlRt/gET6aHfaKpuq267qXdYDFViVHfMaLyygZOnl0kGWxFIgsBy8QFuTLUXEQ==}
+    engines: {node: '>=18.18.0'}
 
   '@humanwhocodes/module-importer@1.0.1':
     resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
     engines: {node: '>=12.22'}
 
-  '@humanwhocodes/object-schema@2.0.3':
-    resolution: {integrity: sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==}
+  '@humanwhocodes/retry@0.4.3':
+    resolution: {integrity: sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==}
+    engines: {node: '>=18.18'}
 
   '@hutson/parse-repository-url@5.0.0':
     resolution: {integrity: sha512-e5+YUKENATs1JgYHMzTr2MW/NDcXGfYFAuOQU8gJgF/kEh4EqKgfGrfLI67bMD4tbhZVlkigz/9YYwWcbOFthg==}
     engines: {node: '>=10.13.0'}
 
+  '@iconify-json/simple-icons@1.2.59':
+    resolution: {integrity: sha512-fYx/InyQsWFW4wVxWka3CGDJ6m/fXoTqWBSl+oA3FBXO5RhPAb6S3Y5bRgCPnrYevErH8VjAL0TZevIqlN2PhQ==}
+
+  '@iconify/types@2.0.0':
+    resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==}
+
   '@isaacs/cliui@8.0.2':
     resolution: {integrity: sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==}
     engines: {node: '>=12'}
@@ -2285,33 +2377,27 @@ packages:
     resolution: {integrity: sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==}
     engines: {node: '>=8'}
 
-  '@jest/schemas@29.6.3':
-    resolution: {integrity: sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
+  '@jridgewell/gen-mapping@0.3.13':
+    resolution: {integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==}
 
-  '@jridgewell/gen-mapping@0.3.5':
-    resolution: {integrity: sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==}
-    engines: {node: '>=6.0.0'}
+  '@jridgewell/remapping@2.3.5':
+    resolution: {integrity: sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==}
 
   '@jridgewell/resolve-uri@3.1.2':
     resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
     engines: {node: '>=6.0.0'}
 
-  '@jridgewell/set-array@1.2.1':
-    resolution: {integrity: sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==}
-    engines: {node: '>=6.0.0'}
+  '@jridgewell/source-map@0.3.11':
+    resolution: {integrity: sha512-ZMp1V8ZFcPG5dIWnQLr3NSI1MiCU7UETdS/A0G8V/XWHvJv3ZsFqutJn1Y5RPmAPX6F3BiE397OqveU/9NCuIA==}
 
-  '@jridgewell/source-map@0.3.6':
-    resolution: {integrity: sha512-1ZJTZebgqllO79ue2bm3rIGud/bOe0pP5BjSRCRxxYkEZS8STV7zN84UBbiYu7jy+eCKSnVIUgoWWE/tt+shMQ==}
+  '@jridgewell/sourcemap-codec@1.5.5':
+    resolution: {integrity: sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==}
 
-  '@jridgewell/sourcemap-codec@1.4.15':
-    resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==}
+  '@jridgewell/trace-mapping@0.3.31':
+    resolution: {integrity: sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==}
 
-  '@jridgewell/trace-mapping@0.3.25':
-    resolution: {integrity: sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==}
-
-  '@nicolo-ribaudo/eslint-scope-5-internals@5.1.1-v1':
-    resolution: {integrity: sha512-54/JRvkLIzzDWshCWfuhadfrfZVPiElY8Fcgmg1HroEly/EDSszzhBAsarCux+D/kOslTRquNzuyGSmUSTTHGg==}
+  '@napi-rs/wasm-runtime@1.1.1':
+    resolution: {integrity: sha512-p64ah1M1ld8xjWv3qbvFwHiFVWrq1yFvV4f7w+mzaqiR4IlSgkqhcRdHwsGgomwzBH51sRY4NEowLxnaBjcW/A==}
 
   '@nodelib/fs.scandir@2.1.5':
     resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
@@ -2328,106 +2414,331 @@ packages:
   '@one-ini/wasm@0.1.1':
     resolution: {integrity: sha512-XuySG1E38YScSJoMlqovLru4KTUNSjgVTIjyh7qMX6aNN5HY5Ct5LhRJdxO79JtTzKfzV/bnWpz+zquYrISsvw==}
 
+  '@oxc-project/runtime@0.115.0':
+    resolution: {integrity: sha512-Rg8Wlt5dCbXhQnsXPrkOjL1DTSvXLgb2R/KYfnf1/K+R0k6UMLEmbQXPM+kwrWqSmWA2t0B1EtHy2/3zikQpvQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+
+  '@oxc-project/types@0.115.0':
+    resolution: {integrity: sha512-4n91DKnebUS4yjUHl2g3/b2T+IUdCfmoZGhmwsovZCDaJSs+QkVAM+0AqqTxHSsHfeiMuueT75cZaZcT/m0pSw==}
+
+  '@parcel/watcher-android-arm64@2.5.1':
+    resolution: {integrity: sha512-KF8+j9nNbUN8vzOFDpRMsaKBHZ/mcjEjMToVMJOhTozkDonQFFrRcfdLWn6yWKCmJKmdVxSgHiYvTCef4/qcBA==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm64]
+    os: [android]
+
+  '@parcel/watcher-darwin-arm64@2.5.1':
+    resolution: {integrity: sha512-eAzPv5osDmZyBhou8PoF4i6RQXAfeKL9tjb3QzYuccXFMQU0ruIc/POh30ePnaOyD1UXdlKguHBmsTs53tVoPw==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@parcel/watcher-darwin-x64@2.5.1':
+    resolution: {integrity: sha512-1ZXDthrnNmwv10A0/3AJNZ9JGlzrF82i3gNQcWOzd7nJ8aj+ILyW1MTxVk35Db0u91oD5Nlk9MBiujMlwmeXZg==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@parcel/watcher-freebsd-x64@2.5.1':
+    resolution: {integrity: sha512-SI4eljM7Flp9yPuKi8W0ird8TI/JK6CSxju3NojVI6BjHsTyK7zxA9urjVjEKJ5MBYC+bLmMcbAWlZ+rFkLpJQ==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@parcel/watcher-linux-arm-glibc@2.5.1':
+    resolution: {integrity: sha512-RCdZlEyTs8geyBkkcnPWvtXLY44BCeZKmGYRtSgtwwnHR4dxfHRG3gR99XdMEdQ7KeiDdasJwwvNSF5jKtDwdA==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm]
+    os: [linux]
+    libc: [glibc]
+
+  '@parcel/watcher-linux-arm-musl@2.5.1':
+    resolution: {integrity: sha512-6E+m/Mm1t1yhB8X412stiKFG3XykmgdIOqhjWj+VL8oHkKABfu/gjFj8DvLrYVHSBNC+/u5PeNrujiSQ1zwd1Q==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm]
+    os: [linux]
+    libc: [musl]
+
+  '@parcel/watcher-linux-arm64-glibc@2.5.1':
+    resolution: {integrity: sha512-LrGp+f02yU3BN9A+DGuY3v3bmnFUggAITBGriZHUREfNEzZh/GO06FF5u2kx8x+GBEUYfyTGamol4j3m9ANe8w==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@parcel/watcher-linux-arm64-musl@2.5.1':
+    resolution: {integrity: sha512-cFOjABi92pMYRXS7AcQv9/M1YuKRw8SZniCDw0ssQb/noPkRzA+HBDkwmyOJYp5wXcsTrhxO0zq1U11cK9jsFg==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@parcel/watcher-linux-x64-glibc@2.5.1':
+    resolution: {integrity: sha512-GcESn8NZySmfwlTsIur+49yDqSny2IhPeZfXunQi48DMugKeZ7uy1FX83pO0X22sHntJ4Ub+9k34XQCX+oHt2A==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@parcel/watcher-linux-x64-musl@2.5.1':
+    resolution: {integrity: sha512-n0E2EQbatQ3bXhcH2D1XIAANAcTZkQICBPVaxMeaCVBtOpBZpWJuf7LwyWPSBDITb7In8mqQgJ7gH8CILCURXg==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@parcel/watcher-win32-arm64@2.5.1':
+    resolution: {integrity: sha512-RFzklRvmc3PkjKjry3hLF9wD7ppR4AKcWNzH7kXR7GUe0Igb3Nz8fyPwtZCSquGrhU5HhUNDr/mKBqj7tqA2Vw==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@parcel/watcher-win32-ia32@2.5.1':
+    resolution: {integrity: sha512-c2KkcVN+NJmuA7CGlaGD1qJh1cLfDnQsHjE89E60vUEMlqduHGCdCLJCID5geFVM0dOtA3ZiIO8BoEQmzQVfpQ==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@parcel/watcher-win32-x64@2.5.1':
+    resolution: {integrity: sha512-9lHBdJITeNR++EvSQVUcaZoWupyHfXe1jZvGZ06O/5MflPcuPLtEphScIBL+AiCWBO46tDSHzWyD0uDmmZqsgA==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [x64]
+    os: [win32]
+
+  '@parcel/watcher@2.5.1':
+    resolution: {integrity: sha512-dfUnCxiN9H4ap84DvD2ubjw+3vUNpstxa0TneY/Paat8a3R4uQZDLSvWjmznAY/DoahqTHl9V46HF/Zs3F29pg==}
+    engines: {node: '>= 10.0.0'}
+
   '@pkgjs/parseargs@0.11.0':
     resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==}
     engines: {node: '>=14'}
 
+  '@pkgr/core@0.2.9':
+    resolution: {integrity: sha512-QNqXyfVS2wm9hweSYD2O7F0G06uurj9kZ96TRQE5Y9hU7+tgdZwIkbAKc5Ocy1HxEY2kuDQa6cQ1WRs/O5LFKA==}
+    engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
+
   '@popperjs/core@2.11.8':
     resolution: {integrity: sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==}
 
+  '@rolldown/binding-android-arm64@1.0.0-rc.9':
+    resolution: {integrity: sha512-lcJL0bN5hpgJfSIz/8PIf02irmyL43P+j1pTCfbD1DbLkmGRuFIA4DD3B3ZOvGqG0XiVvRznbKtN0COQVaKUTg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [android]
+
+  '@rolldown/binding-darwin-arm64@1.0.0-rc.9':
+    resolution: {integrity: sha512-J7Zk3kLYFsLtuH6U+F4pS2sYVzac0qkjcO5QxHS7OS7yZu2LRs+IXo+uvJ/mvpyUljDJ3LROZPoQfgBIpCMhdQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@rolldown/binding-darwin-x64@1.0.0-rc.9':
+    resolution: {integrity: sha512-iwtmmghy8nhfRGeNAIltcNXzD0QMNaaA5U/NyZc1Ia4bxrzFByNMDoppoC+hl7cDiUq5/1CnFthpT9n+UtfFyg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [darwin]
+
+  '@rolldown/binding-freebsd-x64@1.0.0-rc.9':
+    resolution: {integrity: sha512-DLFYI78SCiZr5VvdEplsVC2Vx53lnA4/Ga5C65iyldMVaErr86aiqCoNBLl92PXPfDtUYjUh+xFFor40ueNs4Q==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@rolldown/binding-linux-arm-gnueabihf@1.0.0-rc.9':
+    resolution: {integrity: sha512-CsjTmTwd0Hri6iTw/DRMK7kOZ7FwAkrO4h8YWKoX/kcj833e4coqo2wzIFywtch/8Eb5enQ/lwLM7w6JX1W5RQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [linux]
+
+  '@rolldown/binding-linux-arm64-gnu@1.0.0-rc.9':
+    resolution: {integrity: sha512-2x9O2JbSPxpxMDhP9Z74mahAStibTlrBMW0520+epJH5sac7/LwZW5Bmg/E6CXuEF53JJFW509uP+lSedaUNxg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rolldown/binding-linux-arm64-musl@1.0.0-rc.9':
+    resolution: {integrity: sha512-JA1QRW31ogheAIRhIg9tjMfsYbglXXYGNPLdPEYrwFxdbkQCAzvpSCSHCDWNl4hTtrol8WeboCSEpjdZK8qrCg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@rolldown/binding-linux-ppc64-gnu@1.0.0-rc.9':
+    resolution: {integrity: sha512-aOKU9dJheda8Kj8Y3w9gnt9QFOO+qKPAl8SWd7JPHP+Cu0EuDAE5wokQubLzIDQWg2myXq2XhTpOVS07qqvT+w==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rolldown/binding-linux-s390x-gnu@1.0.0-rc.9':
+    resolution: {integrity: sha512-OalO94fqj7IWRn3VdXWty75jC5dk4C197AWEuMhIpvVv2lw9fiPhud0+bW2ctCxb3YoBZor71QHbY+9/WToadA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [s390x]
+    os: [linux]
+    libc: [glibc]
+
+  '@rolldown/binding-linux-x64-gnu@1.0.0-rc.9':
+    resolution: {integrity: sha512-cVEl1vZtBsBZna3YMjGXNvnYYrOJ7RzuWvZU0ffvJUexWkukMaDuGhUXn0rjnV0ptzGVkvc+vW9Yqy6h8YX4pg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rolldown/binding-linux-x64-musl@1.0.0-rc.9':
+    resolution: {integrity: sha512-UzYnKCIIc4heAKgI4PZ3dfBGUZefGCJ1TPDuLHoCzgrMYPb5Rv6TLFuYtyM4rWyHM7hymNdsg5ik2C+UD9VDbA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@rolldown/binding-openharmony-arm64@1.0.0-rc.9':
+    resolution: {integrity: sha512-+6zoiF+RRyf5cdlFQP7nm58mq7+/2PFaY2DNQeD4B87N36JzfF/l9mdBkkmTvSYcYPE8tMh/o3cRlsx1ldLfog==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@rolldown/binding-wasm32-wasi@1.0.0-rc.9':
+    resolution: {integrity: sha512-rgFN6sA/dyebil3YTlL2evvi/M+ivhfnyxec7AccTpRPccno/rPoNlqybEZQBkcbZu8Hy+eqNJCqfBR8P7Pg8g==}
+    engines: {node: '>=14.0.0'}
+    cpu: [wasm32]
+
+  '@rolldown/binding-win32-arm64-msvc@1.0.0-rc.9':
+    resolution: {integrity: sha512-lHVNUG/8nlF1IQk1C0Ci574qKYyty2goMiPlRqkC5R+3LkXDkL5Dhx8ytbxq35m+pkHVIvIxviD+TWLdfeuadA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [win32]
+
+  '@rolldown/binding-win32-x64-msvc@1.0.0-rc.9':
+    resolution: {integrity: sha512-G0oA4+w1iY5AGi5HcDTxWsoxF509hrFIPB2rduV5aDqS9FtDg1CAfa7V34qImbjfhIcA8C+RekocJZA96EarwQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [win32]
+
+  '@rolldown/pluginutils@1.0.0-rc.2':
+    resolution: {integrity: sha512-izyXV/v+cHiRfozX62W9htOAvwMo4/bXKDrQ+vom1L1qRuexPock/7VZDAhnpHCLNejd3NJ6hiab+tO0D44Rgw==}
+
+  '@rolldown/pluginutils@1.0.0-rc.9':
+    resolution: {integrity: sha512-w6oiRWgEBl04QkFZgmW+jnU1EC9b57Oihi2ot3HNWIQRqgHp5PnYDia5iZ5FF7rpa4EQdiqMDXjlqKGXBhsoXw==}
+
   '@rollup/pluginutils@4.2.1':
     resolution: {integrity: sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ==}
     engines: {node: '>= 8.0.0'}
 
-  '@rollup/pluginutils@5.1.0':
-    resolution: {integrity: sha512-XTIWOPPcpvyKI6L1NHo0lFlCyznUEyPmPY1mc3KpPVDYulHSTvyeLNVW00QTLIAFNhR3kYnJTQHeGqU4M3n09g==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
-    peerDependenciesMeta:
-      rollup:
-        optional: true
-
-  '@rollup/rollup-android-arm-eabi@4.18.0':
-    resolution: {integrity: sha512-Tya6xypR10giZV1XzxmH5wr25VcZSncG0pZIjfePT0OVBvqNEurzValetGNarVrGiq66EBVAFn15iYX4w6FKgQ==}
+  '@rollup/rollup-android-arm-eabi@4.44.1':
+    resolution: {integrity: sha512-JAcBr1+fgqx20m7Fwe1DxPUl/hPkee6jA6Pl7n1v2EFiktAHenTaXl5aIFjUIEsfn9w3HE4gK1lEgNGMzBDs1w==}
     cpu: [arm]
     os: [android]
 
-  '@rollup/rollup-android-arm64@4.18.0':
-    resolution: {integrity: sha512-avCea0RAP03lTsDhEyfy+hpfr85KfyTctMADqHVhLAF3MlIkq83CP8UfAHUssgXTYd+6er6PaAhx/QGv4L1EiA==}
+  '@rollup/rollup-android-arm64@4.44.1':
+    resolution: {integrity: sha512-RurZetXqTu4p+G0ChbnkwBuAtwAbIwJkycw1n6GvlGlBuS4u5qlr5opix8cBAYFJgaY05TWtM+LaoFggUmbZEQ==}
     cpu: [arm64]
     os: [android]
 
-  '@rollup/rollup-darwin-arm64@4.18.0':
-    resolution: {integrity: sha512-IWfdwU7KDSm07Ty0PuA/W2JYoZ4iTj3TUQjkVsO/6U+4I1jN5lcR71ZEvRh52sDOERdnNhhHU57UITXz5jC1/w==}
+  '@rollup/rollup-darwin-arm64@4.44.1':
+    resolution: {integrity: sha512-fM/xPesi7g2M7chk37LOnmnSTHLG/v2ggWqKj3CCA1rMA4mm5KVBT1fNoswbo1JhPuNNZrVwpTvlCVggv8A2zg==}
     cpu: [arm64]
     os: [darwin]
 
-  '@rollup/rollup-darwin-x64@4.18.0':
-    resolution: {integrity: sha512-n2LMsUz7Ynu7DoQrSQkBf8iNrjOGyPLrdSg802vk6XT3FtsgX6JbE8IHRvposskFm9SNxzkLYGSq9QdpLYpRNA==}
+  '@rollup/rollup-darwin-x64@4.44.1':
+    resolution: {integrity: sha512-gDnWk57urJrkrHQ2WVx9TSVTH7lSlU7E3AFqiko+bgjlh78aJ88/3nycMax52VIVjIm3ObXnDL2H00e/xzoipw==}
     cpu: [x64]
     os: [darwin]
 
-  '@rollup/rollup-linux-arm-gnueabihf@4.18.0':
-    resolution: {integrity: sha512-C/zbRYRXFjWvz9Z4haRxcTdnkPt1BtCkz+7RtBSuNmKzMzp3ZxdM28Mpccn6pt28/UWUCTXa+b0Mx1k3g6NOMA==}
+  '@rollup/rollup-freebsd-arm64@4.44.1':
+    resolution: {integrity: sha512-wnFQmJ/zPThM5zEGcnDcCJeYJgtSLjh1d//WuHzhf6zT3Md1BvvhJnWoy+HECKu2bMxaIcfWiu3bJgx6z4g2XA==}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@rollup/rollup-freebsd-x64@4.44.1':
+    resolution: {integrity: sha512-uBmIxoJ4493YATvU2c0upGz87f99e3wop7TJgOA/bXMFd2SvKCI7xkxY/5k50bv7J6dw1SXT4MQBQSLn8Bb/Uw==}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@rollup/rollup-linux-arm-gnueabihf@4.44.1':
+    resolution: {integrity: sha512-n0edDmSHlXFhrlmTK7XBuwKlG5MbS7yleS1cQ9nn4kIeW+dJH+ExqNgQ0RrFRew8Y+0V/x6C5IjsHrJmiHtkxQ==}
     cpu: [arm]
     os: [linux]
+    libc: [glibc]
 
-  '@rollup/rollup-linux-arm-musleabihf@4.18.0':
-    resolution: {integrity: sha512-l3m9ewPgjQSXrUMHg93vt0hYCGnrMOcUpTz6FLtbwljo2HluS4zTXFy2571YQbisTnfTKPZ01u/ukJdQTLGh9A==}
+  '@rollup/rollup-linux-arm-musleabihf@4.44.1':
+    resolution: {integrity: sha512-8WVUPy3FtAsKSpyk21kV52HCxB+me6YkbkFHATzC2Yd3yuqHwy2lbFL4alJOLXKljoRw08Zk8/xEj89cLQ/4Nw==}
     cpu: [arm]
     os: [linux]
+    libc: [musl]
 
-  '@rollup/rollup-linux-arm64-gnu@4.18.0':
-    resolution: {integrity: sha512-rJ5D47d8WD7J+7STKdCUAgmQk49xuFrRi9pZkWoRD1UeSMakbcepWXPF8ycChBoAqs1pb2wzvbY6Q33WmN2ftw==}
+  '@rollup/rollup-linux-arm64-gnu@4.44.1':
+    resolution: {integrity: sha512-yuktAOaeOgorWDeFJggjuCkMGeITfqvPgkIXhDqsfKX8J3jGyxdDZgBV/2kj/2DyPaLiX6bPdjJDTu9RB8lUPQ==}
     cpu: [arm64]
     os: [linux]
+    libc: [glibc]
 
-  '@rollup/rollup-linux-arm64-musl@4.18.0':
-    resolution: {integrity: sha512-be6Yx37b24ZwxQ+wOQXXLZqpq4jTckJhtGlWGZs68TgdKXJgw54lUUoFYrg6Zs/kjzAQwEwYbp8JxZVzZLRepQ==}
+  '@rollup/rollup-linux-arm64-musl@4.44.1':
+    resolution: {integrity: sha512-W+GBM4ifET1Plw8pdVaecwUgxmiH23CfAUj32u8knq0JPFyK4weRy6H7ooxYFD19YxBulL0Ktsflg5XS7+7u9g==}
     cpu: [arm64]
     os: [linux]
+    libc: [musl]
 
-  '@rollup/rollup-linux-powerpc64le-gnu@4.18.0':
-    resolution: {integrity: sha512-hNVMQK+qrA9Todu9+wqrXOHxFiD5YmdEi3paj6vP02Kx1hjd2LLYR2eaN7DsEshg09+9uzWi2W18MJDlG0cxJA==}
+  '@rollup/rollup-linux-loongarch64-gnu@4.44.1':
+    resolution: {integrity: sha512-1zqnUEMWp9WrGVuVak6jWTl4fEtrVKfZY7CvcBmUUpxAJ7WcSowPSAWIKa/0o5mBL/Ij50SIf9tuirGx63Ovew==}
+    cpu: [loong64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-powerpc64le-gnu@4.44.1':
+    resolution: {integrity: sha512-Rl3JKaRu0LHIx7ExBAAnf0JcOQetQffaw34T8vLlg9b1IhzcBgaIdnvEbbsZq9uZp3uAH+JkHd20Nwn0h9zPjA==}
     cpu: [ppc64]
     os: [linux]
+    libc: [glibc]
 
-  '@rollup/rollup-linux-riscv64-gnu@4.18.0':
-    resolution: {integrity: sha512-ROCM7i+m1NfdrsmvwSzoxp9HFtmKGHEqu5NNDiZWQtXLA8S5HBCkVvKAxJ8U+CVctHwV2Gb5VUaK7UAkzhDjlg==}
+  '@rollup/rollup-linux-riscv64-gnu@4.44.1':
+    resolution: {integrity: sha512-j5akelU3snyL6K3N/iX7otLBIl347fGwmd95U5gS/7z6T4ftK288jKq3A5lcFKcx7wwzb5rgNvAg3ZbV4BqUSw==}
     cpu: [riscv64]
     os: [linux]
+    libc: [glibc]
 
-  '@rollup/rollup-linux-s390x-gnu@4.18.0':
-    resolution: {integrity: sha512-0UyyRHyDN42QL+NbqevXIIUnKA47A+45WyasO+y2bGJ1mhQrfrtXUpTxCOrfxCR4esV3/RLYyucGVPiUsO8xjg==}
+  '@rollup/rollup-linux-riscv64-musl@4.44.1':
+    resolution: {integrity: sha512-ppn5llVGgrZw7yxbIm8TTvtj1EoPgYUAbfw0uDjIOzzoqlZlZrLJ/KuiE7uf5EpTpCTrNt1EdtzF0naMm0wGYg==}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [musl]
+
+  '@rollup/rollup-linux-s390x-gnu@4.44.1':
+    resolution: {integrity: sha512-Hu6hEdix0oxtUma99jSP7xbvjkUM/ycke/AQQ4EC5g7jNRLLIwjcNwaUy95ZKBJJwg1ZowsclNnjYqzN4zwkAw==}
     cpu: [s390x]
     os: [linux]
+    libc: [glibc]
 
-  '@rollup/rollup-linux-x64-gnu@4.18.0':
-    resolution: {integrity: sha512-xuglR2rBVHA5UsI8h8UbX4VJ470PtGCf5Vpswh7p2ukaqBGFTnsfzxUBetoWBWymHMxbIG0Cmx7Y9qDZzr648w==}
+  '@rollup/rollup-linux-x64-gnu@4.44.1':
+    resolution: {integrity: sha512-EtnsrmZGomz9WxK1bR5079zee3+7a+AdFlghyd6VbAjgRJDbTANJ9dcPIPAi76uG05micpEL+gPGmAKYTschQw==}
     cpu: [x64]
     os: [linux]
+    libc: [glibc]
 
-  '@rollup/rollup-linux-x64-musl@4.18.0':
-    resolution: {integrity: sha512-LKaqQL9osY/ir2geuLVvRRs+utWUNilzdE90TpyoX0eNqPzWjRm14oMEE+YLve4k/NAqCdPkGYDaDF5Sw+xBfg==}
+  '@rollup/rollup-linux-x64-musl@4.44.1':
+    resolution: {integrity: sha512-iAS4p+J1az6Usn0f8xhgL4PaU878KEtutP4hqw52I4IO6AGoyOkHCxcc4bqufv1tQLdDWFx8lR9YlwxKuv3/3g==}
     cpu: [x64]
     os: [linux]
+    libc: [musl]
 
-  '@rollup/rollup-win32-arm64-msvc@4.18.0':
-    resolution: {integrity: sha512-7J6TkZQFGo9qBKH0pk2cEVSRhJbL6MtfWxth7Y5YmZs57Pi+4x6c2dStAUvaQkHQLnEQv1jzBUW43GvZW8OFqA==}
+  '@rollup/rollup-win32-arm64-msvc@4.44.1':
+    resolution: {integrity: sha512-NtSJVKcXwcqozOl+FwI41OH3OApDyLk3kqTJgx8+gp6On9ZEt5mYhIsKNPGuaZr3p9T6NWPKGU/03Vw4CNU9qg==}
     cpu: [arm64]
     os: [win32]
 
-  '@rollup/rollup-win32-ia32-msvc@4.18.0':
-    resolution: {integrity: sha512-Txjh+IxBPbkUB9+SXZMpv+b/vnTEtFyfWZgJ6iyCmt2tdx0OF5WhFowLmnh8ENGNpfUlUZkdI//4IEmhwPieNg==}
+  '@rollup/rollup-win32-ia32-msvc@4.44.1':
+    resolution: {integrity: sha512-JYA3qvCOLXSsnTR3oiyGws1Dm0YTuxAAeaYGVlGpUsHqloPcFjPg+X0Fj2qODGLNwQOAcCiQmHub/V007kiH5A==}
     cpu: [ia32]
     os: [win32]
 
-  '@rollup/rollup-win32-x64-msvc@4.18.0':
-    resolution: {integrity: sha512-UOo5FdvOL0+eIVTgS4tIdbW+TtnBLWg1YBCcU2KWM7nuNwRz9bksDX1bekJJCpu25N1DVWaCwnT39dVQxzqS8g==}
+  '@rollup/rollup-win32-x64-msvc@4.44.1':
+    resolution: {integrity: sha512-J8o22LuF0kTe7m+8PvW9wk3/bRq5+mRo5Dqo6+vXb7otCm3TPhYOJqOaQtGU9YMWQSL3krMnoOxMr0+9E6F3Ug==}
     cpu: [x64]
     os: [win32]
 
+  '@rtsao/scc@1.1.0':
+    resolution: {integrity: sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==}
+
   '@scena/dragscroll@1.4.0':
     resolution: {integrity: sha512-3O8daaZD9VXA9CP3dra6xcgt/qrm0mg0xJCwiX6druCteQ9FFsXffkF8PrqxY4Z4VJ58fFKEa0RlKqbsi/XnRA==}
 
@@ -2446,256 +2757,441 @@ packages:
   '@scena/react-ruler@0.19.0':
     resolution: {integrity: sha512-2OEOjLMOptDxdSuEqID2JAljQuYoeoV09MnLjiBeyzJxoUcVjzyBCPwkMbHRKj2Z3WrwztJAFBF+y6yNNM5Lcw==}
 
-  '@shikijs/core@1.6.2':
-    resolution: {integrity: sha512-guW5JeDzZ7uwOjTfCOFZ2VtVXk5tmkMzBYbKGfXsmAH1qYOej49L5jQDcGmwd6/OgvpmWhzO2GNJkQIFnbwLPQ==}
+  '@sec-ant/readable-stream@0.4.1':
+    resolution: {integrity: sha512-831qok9r2t8AlxLko40y2ebgSDhenenCatLVeW/uBtnHPyhHOvG0C7TvfgecV+wHzIm5KUICgzmVpWS+IMEAeg==}
 
-  '@shikijs/transformers@1.6.2':
-    resolution: {integrity: sha512-ndqTWyHnxmsLkowhKWTam26opw8hg5a34y6FAUG/Xf6E49n3MM//nenKxXiWpPYkNPl1KZnYXB1k+Ia46wjOZg==}
+  '@shikijs/core@2.5.0':
+    resolution: {integrity: sha512-uu/8RExTKtavlpH7XqnVYBrfBkUc20ngXiX9NSrBhOVZYv/7XQRKUyhtkeflY5QsxC0GbJThCerruZfsUaSldg==}
 
-  '@sinclair/typebox@0.27.8':
-    resolution: {integrity: sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==}
+  '@shikijs/engine-javascript@2.5.0':
+    resolution: {integrity: sha512-VjnOpnQf8WuCEZtNUdjjwGUbtAVKuZkVQ/5cHy/tojVVRIRtlWMYVjyWhxOmIq05AlSOv72z7hRNRGVBgQOl0w==}
+
+  '@shikijs/engine-oniguruma@2.5.0':
+    resolution: {integrity: sha512-pGd1wRATzbo/uatrCIILlAdFVKdxImWJGQ5rFiB5VZi2ve5xj3Ax9jny8QvkaV93btQEwR/rSz5ERFpC5mKNIw==}
+
+  '@shikijs/langs@2.5.0':
+    resolution: {integrity: sha512-Qfrrt5OsNH5R+5tJ/3uYBBZv3SuGmnRPejV9IlIbFH3HTGLDlkqgHymAlzklVmKBjAaVmkPkyikAV/sQ1wSL+w==}
+
+  '@shikijs/themes@2.5.0':
+    resolution: {integrity: sha512-wGrk+R8tJnO0VMzmUExHR+QdSaPUl/NKs+a4cQQRWyoc3YFbUzuLEi/KWK1hj+8BfHRKm2jNhhJck1dfstJpiw==}
+
+  '@shikijs/transformers@2.5.0':
+    resolution: {integrity: sha512-SI494W5X60CaUwgi8u4q4m4s3YAFSxln3tzNjOSYqq54wlVgz0/NbbXEb3mdLbqMBztcmS7bVTaEd2w0qMmfeg==}
+
+  '@shikijs/types@2.5.0':
+    resolution: {integrity: sha512-ygl5yhxki9ZLNuNpPitBWvcy9fsSKKaRuO4BAlMyagszQidxcpLAr0qiW/q43DtSIDxO6hEbtYLiFZNXO/hdGw==}
+
+  '@shikijs/vscode-textmate@10.0.2':
+    resolution: {integrity: sha512-83yeghZ2xxin3Nj8z1NMd/NCuca+gsYXswywDy5bHvwlWL8tpTQmzGeUuHd9FC3E/SBEMvzJRwWEOz5gGes9Qg==}
+
+  '@sindresorhus/merge-streams@4.0.0':
+    resolution: {integrity: sha512-tlqY9xq5ukxTUZBmoOp+m61cqwQD5pHJtFY3Mn8CA8ps6yghLH/Hw8UPdqg4OLmFW3IFlcXnQNmo/dh8HzXYIQ==}
+    engines: {node: '>=18'}
+
+  '@standard-schema/spec@1.1.0':
+    resolution: {integrity: sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==}
+
+  '@stylistic/eslint-plugin@5.10.0':
+    resolution: {integrity: sha512-nPK52ZHvot8Ju/0A4ucSX1dcPV2/1clx0kLcH5wDmrE4naKso7TUC/voUyU1O9OTKTrR6MYip6LP0ogEMQ9jPQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^9.0.0 || ^10.0.0
 
   '@sxzz/popperjs-es@2.11.7':
     resolution: {integrity: sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ==}
 
-  '@testing-library/dom@8.20.1':
-    resolution: {integrity: sha512-/DiOQ5xBxgdYRC8LNk7U+RWat0S3qRLeIw3ZIkMQ9kkVlRmwD/Eg8k8CqIpD6GW7u20JIUOfMKbxtiLutpjQ4g==}
-    engines: {node: '>=12'}
-
-  '@testing-library/vue@6.6.1':
-    resolution: {integrity: sha512-vpyBPrHzKTwEGS7ehUC8/IXgnqTBEMk6jd52Gouf51arG2jUorPhmkbsxUwJOyxz6L0gj2ZcmWnznG1OJcTCDQ==}
-    engines: {node: '>=12'}
-    peerDependencies:
-      '@vue/compiler-sfc': '>= 3'
-      vue: '>= 3'
-
-  '@tmagic/cli@1.4.5':
-    resolution: {integrity: sha512-k+NMTXrQsuP+DZyxghCsh0fBkBVibu2pHquhfR9FW1lb9AkB4fHYwDmoxQo3vgenFXR3CeQQPrdLBX6tTtc9dg==}
-    engines: {node: '>=18'}
-    hasBin: true
-
-  '@tmagic/cli@1.4.6':
-    resolution: {integrity: sha512-TBkaik3GW7TRuOHCgsLMODUuJbb+Q76BnWuUqKu2OE2KFqeAPjPXVA1BYM/59ScilM4JddCv7vdNqYidi4aE0w==}
+  '@tmagic/cli@1.7.8':
+    resolution: {integrity: sha512-IBAt3NZt1hcP/pGFRXy5OFq4XoOl6eQIdn1OcXZ3D0wfTWnhMZRf4v/AlT4DDhZLF3diBPF53e4NLd5GJL9bVA==}
     engines: {node: '>=18'}
     hasBin: true
     peerDependencies:
-      typescript: '*'
+      typescript: ^5.9.3
     peerDependenciesMeta:
       typescript:
         optional: true
 
-  '@tmagic/core@1.4.7':
-    resolution: {integrity: sha512-9p5X6xCszWFrxHtK6r6HA1JYFOf0EYpvOyP//2it75uVgFyQ5acdAmR1efn04SZBg58TC8eWAwPPeUUwqiBUQg==}
+  '@tmagic/core@1.7.0':
+    resolution: {integrity: sha512-n3IRm71D0/BZodzywBPRN6h0TWlpdZol1kbW7b3H+V8oRj4ZXdcWKOpo7+vGsRuR0DdzJtfgo7o4hGj7EVLyTA==}
     engines: {node: '>=18'}
     peerDependencies:
-      '@tmagic/data-source': 1.4.7
-      '@tmagic/schema': 1.4.7
-      '@tmagic/utils': 1.4.7
-      typescript: '*'
+      typescript: ^5.9.3
     peerDependenciesMeta:
       typescript:
         optional: true
 
-  '@tmagic/data-source@1.4.7':
-    resolution: {integrity: sha512-/rdrMQXH/SvDYY701/el5BUPKk0QDzzaE1/v5u0d8zx0FhyDEkPsqR9EuJxCXCVlNo3VpEkuudw3yYGZ/e7Lwg==}
+  '@tmagic/core@1.7.2':
+    resolution: {integrity: sha512-95ElN9VDBq7tdKSLLjp7g9h/4TGHj5g+SADA5Gth5XEF7TMQvWvANnHgk0gdpi7Ud3DH4sT0nj8frzzJOrh3pA==}
     engines: {node: '>=18'}
     peerDependencies:
-      '@tmagic/schema': 1.4.7
-      '@tmagic/utils': 1.4.7
-      typescript: '*'
+      typescript: ^5.9.3
     peerDependenciesMeta:
       typescript:
         optional: true
 
-  '@tmagic/dep@1.4.7':
-    resolution: {integrity: sha512-xEmF22xpN3xcN53sTcb2Z2+sqi8lZ5/qVwYDHo7e16PnfGUtsI/LfG6rPF8PtPv1IDqsaGcl7qJLm7xBGY3pbg==}
+  '@tmagic/core@1.7.8':
+    resolution: {integrity: sha512-j0hSJFFDoZY768BXVLC2Klb1Sto2wOHZKVwgbJ5TnaNQyEIlBaTN7OVy0QZBtH8e74oxrspvM6gK0DNVjb9qWw==}
     engines: {node: '>=18'}
     peerDependencies:
-      '@tmagic/schema': 1.4.7
-      '@tmagic/utils': 1.4.7
-      typescript: '*'
+      typescript: ^5.9.3
     peerDependenciesMeta:
       typescript:
         optional: true
 
-  '@tmagic/design@1.4.7':
-    resolution: {integrity: sha512-qyU6dW1Pk9nSf0dqOBad2tBnRXrtFpOITBMzUVLpBkqG4snks6LzZlYWomZ2BtUb7CSmcoVmw0Vu5Ijsz7tycw==}
+  '@tmagic/data-source@1.7.0':
+    resolution: {integrity: sha512-wN97pQiNXQXAkKNZyV8MADEBDEfS2l+uZnbqmdny4vAaTuwIB6DoZ8wpGx0oe3h9icj6f7O8fwyoNFoW+zTW4w==}
     engines: {node: '>=18'}
     peerDependencies:
-      typescript: '*'
-      vue: ^3.4.27
+      '@tmagic/core': 1.7.0
+      typescript: ^5.9.3
     peerDependenciesMeta:
       typescript:
         optional: true
 
-  '@tmagic/editor@1.4.7':
-    resolution: {integrity: sha512-HADeTAMkPiaaG1H1Vrm7bfFgS7V3CQoxezOZh0EZHs+NZPGrotTzF/vR6RspYnxt9I8AOZ9zRwxWZvZVhffHZA==}
+  '@tmagic/data-source@1.7.2':
+    resolution: {integrity: sha512-QDYQO3G6luztP4uncq8NND6RKCYmyNFuaWlJIPtp+6Ff0AUeXZu1aqEmNhxbQkcuz0i6U+e8wSDCRlBWn0n8gg==}
     engines: {node: '>=18'}
     peerDependencies:
-      '@tmagic/core': 1.4.7
-      '@tmagic/design': 1.4.7
-      '@tmagic/form': 1.4.7
-      '@tmagic/schema': 1.4.7
-      '@tmagic/stage': 1.4.7
-      '@tmagic/utils': 1.4.7
+      '@tmagic/core': 1.7.2
+      typescript: ^5.9.3
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@tmagic/data-source@1.7.8':
+    resolution: {integrity: sha512-ngzXGtHwprrD4ukLERRSfBhvqwam8vkg2vsIWn+crKagnAPgC92TOgRapK10JgFE8YtNzHpJmfkujXMFJlG49A==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@tmagic/core': 1.7.8
+      typescript: ^5.9.3
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@tmagic/dep@1.7.0':
+    resolution: {integrity: sha512-zR3yyAzevTkyfZEvftKD7jWlpEhR3fkTvJS78JC7dEEpKCsI5uvK43cKaH29ZspmR9fWlkP1HmNdB6GxiI5I2A==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@tmagic/schema': 1.7.0
+      '@tmagic/utils': 1.7.0
+      typescript: ^5.9.3
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@tmagic/dep@1.7.2':
+    resolution: {integrity: sha512-4Sj4B6VXBkZjikm9XeEzzhOxvouofRP7kA5CFGei1jKo+Xs7uTpzhpU18pq1vdP8G1xxDohRnXpPgGKED0mAGg==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@tmagic/schema': 1.7.2
+      '@tmagic/utils': 1.7.2
+      typescript: ^5.9.3
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@tmagic/dep@1.7.8':
+    resolution: {integrity: sha512-dmjwnv/VxueMi9VlrW71MT0oVKdDr6eAhCnhSkg4ADEU4HnVhPes1b6yhAaPqY6YwiMwyuR0I/IlccSv+zNIwQ==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@tmagic/schema': 1.7.8
+      '@tmagic/utils': 1.7.8
+      typescript: ^5.9.3
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@tmagic/design@1.7.2':
+    resolution: {integrity: sha512-BJdy/WswcQ2icyxRhUE1PMbPw81rtDcVsmYpZGmgqwDLKg+f2ByFHUxTBjMilH7iz4WlSDxuv1ZkH+dHYGG5GA==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      typescript: ^5.9.3
+      vue: ^3.5.24
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@tmagic/design@1.7.8':
+    resolution: {integrity: sha512-QFCnZgz8rBPoe4I7vmDMNoYv42Bc/hBdjyOdeDJYEtjBII/Zobbdt8SxblBlPIV4W2pCp5nAf7+TOAsfZ5wKBg==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      typescript: ^5.9.3
+      vue: ^3.5.24
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@tmagic/editor@1.7.2':
+    resolution: {integrity: sha512-cLv/WvheIjxRealxuN0XFoZaMrj79kPUGUBQTqjBVYWHcv6oSVRV+N9fPX3DoHfrkWCG+21NW4fItvOAdpKLPw==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@tmagic/core': 1.7.2
       monaco-editor: ^0.48.0
-      typescript: '*'
-      vue: ^3.4.27
+      typescript: ^5.9.3
+      vue: ^3.5.24
     peerDependenciesMeta:
       typescript:
         optional: true
 
-  '@tmagic/element-plus-adapter@1.4.7':
-    resolution: {integrity: sha512-8TeOOMoGaroXwVD9/0UYZloiqj9y9GWL5VnuXOdh2cSxEDvDP92RvRaSffHOw0nJdoLVUifnz7llHkI/2WrwZg==}
+  '@tmagic/editor@1.7.8':
+    resolution: {integrity: sha512-t6lptSgEND5wpQ2dFLBKuIhiGKpXJRka+SH4St9pHHZ0hkWbUop5pYI/be4Y//LDI2VGLE8B60JLVW33AAnhjw==}
     engines: {node: '>=18'}
     peerDependencies:
-      '@tmagic/design': 1.4.7
-      element-plus: ^2.6.1
-      typescript: '*'
+      '@tmagic/core': 1.7.8
+      monaco-editor: '^0.55.1 '
+      type-fest: ^5.2.0
+      typescript: ^5.9.3
+      vue: ^3.5.24
+    peerDependenciesMeta:
+      type-fest:
+        optional: true
+      typescript:
+        optional: true
+
+  '@tmagic/element-plus-adapter@1.7.8':
+    resolution: {integrity: sha512-wIFiJuMxvLFgQ+ZTglRQ4pd5koYqaBNQAZV1VQJfxKY2B2qRyVL6S3QNnrHuFxAztK/u4OxGgHcMgV13T4eVyQ==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@tmagic/design': 1.7.8
+      element-plus: '>=2.9.0'
+      typescript: ^5.9.3
+      vue: ^3.5.24
     peerDependenciesMeta:
       typescript:
         optional: true
 
-  '@tmagic/form@1.4.7':
-    resolution: {integrity: sha512-KVHMTBE103hMSjE+nraO00v35YbSMZenlfuJXwJHSMda+zLJsl7OLVtMVXbG7RG0PUheqqSjJCFAoYVQz4Kw4A==}
+  '@tmagic/form-schema@1.7.2':
+    resolution: {integrity: sha512-UYsEXWUgGGCJ1CCVrlRyrksr4arMB1esOkdiekWro2nOdcQZYGY3+svSgKPQqFYmKZBBGIfrdS3NiCNMs7djKA==}
     engines: {node: '>=18'}
     peerDependencies:
-      '@tmagic/design': 1.4.7
-      '@tmagic/utils': 1.4.7
-      typescript: '*'
-      vue: ^3.4.27
+      typescript: ^5.9.3
     peerDependenciesMeta:
       typescript:
         optional: true
 
-  '@tmagic/schema@1.4.7':
-    resolution: {integrity: sha512-7Pe1Yt/ja1vOm7oImRfmyvVMhqbcpRFV7IzxaWlJDnISwx+IjQFLaoqBnqxkGLZdJTZtmcFQGHSM7UFwdXiIRA==}
+  '@tmagic/form-schema@1.7.8':
+    resolution: {integrity: sha512-qstrMHyLC0lBD+usZwnx41c89OMON2vNpV0icLgdM/4F9VnqteVZgz3dFsvnPLzFpk28U0iWp35bGQQ9z66X7A==}
     engines: {node: '>=18'}
     peerDependencies:
-      typescript: '*'
+      typescript: ^5.9.3
     peerDependenciesMeta:
       typescript:
         optional: true
 
-  '@tmagic/stage@1.4.7':
-    resolution: {integrity: sha512-9oVlUUQYrgkEBHbQp/7FnWw/42FVL4DBVDcUftL4hSaoGbbATZO2ah99iocHqvQ/MPlwJiA9Du/Gl4IaXPiYBA==}
+  '@tmagic/form@1.7.2':
+    resolution: {integrity: sha512-y44f5vrfWZhncd+D9NDsNMimIZZ8mvBlzCgIV1jzzmzIi3EMAuiN0URRuF9QZdyD3JXy2ADm3J2nsshagMYVVQ==}
     engines: {node: '>=18'}
     peerDependencies:
-      '@tmagic/core': 1.4.7
-      '@tmagic/schema': 1.4.7
-      '@tmagic/utils': 1.4.7
-      typescript: '*'
+      '@tmagic/design': 1.7.2
+      '@tmagic/form-schema': 1.7.2
+      '@tmagic/utils': 1.7.2
+      typescript: ^5.9.3
+      vue: ^3.5.24
     peerDependenciesMeta:
       typescript:
         optional: true
 
-  '@tmagic/table@1.4.7':
-    resolution: {integrity: sha512-ewmLfdx3K4DLksBcLTZXZFD/y31+pKg676aekSLdXgklSj2hVxjaPMRTHAVrYPqPV+zoQ3RJn6Mth4gphoZy+Q==}
+  '@tmagic/form@1.7.8':
+    resolution: {integrity: sha512-bH+gfPy70veWMVOAhSjSDO0/6n5e0Kq6j8z3v3UYu+fWAzrsTqaC98uiSgQP2f/XUcYBXkOBPjKu5yE68mcKXQ==}
     engines: {node: '>=18'}
     peerDependencies:
-      '@tmagic/design': 1.4.7
-      '@tmagic/form': 1.4.7
-      '@tmagic/utils': 1.4.7
-      typescript: '*'
-      vue: ^3.4.27
+      '@tmagic/design': 1.7.8
+      '@tmagic/form-schema': 1.7.8
+      '@tmagic/utils': 1.7.8
+      typescript: ^5.9.3
+      vue: ^3.5.24
     peerDependenciesMeta:
       typescript:
         optional: true
 
-  '@tmagic/tmagic-form-runtime@1.0.2':
-    resolution: {integrity: sha512-596/I+6qZ7s6MM3TT8YN9GKqcp2xb4H4j4G0n3saOb7kwN6pLsYqiyw/vD9AMPuEcvpNDUci3oRf+/9fPAtHbw==}
+  '@tmagic/react-runtime-help@0.2.2':
+    resolution: {integrity: sha512-Ob4lKgEpehcJ678JciJOT+aMW+91PNkB2Zb1Qp425PS4Y6K6TdEnrGtvqO0Z9IxcXwlCAWT9CK205ZxpTNlwvg==}
     engines: {node: '>=18'}
     peerDependencies:
-      '@tmagic/editor': ^1.3.9
-      '@tmagic/form': ^1.3.9
-      '@tmagic/schema': ^1.3.9
-      element-plus: ^2.4.3
-      vue: ^3.3.8
-
-  '@tmagic/ui-react@1.4.7':
-    resolution: {integrity: sha512-jooHvt8TfQAqrPPJa7bSR8+Zpw0Bpdvl94CJatdTkeB7Kz61RG/ectUyHAfA2inAdVMhyrviDwvRY+y0r4e7Vw==}
-    engines: {node: '>=18'}
-    peerDependencies:
-      '@tmagic/core': 1.4.7
-      '@tmagic/schema': 1.4.7
-      '@tmagic/utils': 1.4.7
+      '@tmagic/core': '>=1.7.0'
+      '@tmagic/stage': '>=1.7.0'
+      lodash-es: ^4.17.21
       react: '>=18.3.1'
-      react-dom: '>=18.3.1'
-      typescript: '*'
+      typescript: ^5.9.3
     peerDependenciesMeta:
-      typescript:
-        optional: true
-
-  '@tmagic/ui-vue2@1.4.7':
-    resolution: {integrity: sha512-iLJkwyzQw3NoyingEDGMFnk7Rwi5KotoUoQomv6gpY7bJvqvFMAw/8Il3qFREp9bI8vYcGaHUFupZNi3JLP61Q==}
-    engines: {node: '>=18'}
-    peerDependencies:
-      '@tmagic/core': 1.4.7
-      '@tmagic/schema': 1.4.7
-      '@tmagic/utils': 1.4.7
-      typescript: '*'
-      vue: '>=2.7.4'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
-  '@tmagic/ui@1.4.7':
-    resolution: {integrity: sha512-Q0QznD3uaMwmuv7iipbKpjpdc8BH/UuNrXGMotrdxJTWiOQo5Veazkdsu6aCYZiek64unsjBSZqZhpPxshFAcQ==}
-    engines: {node: '>=18'}
-    peerDependencies:
-      '@tmagic/core': 1.4.7
-      '@tmagic/schema': 1.4.7
-      '@tmagic/utils': 1.4.7
-      typescript: '*'
-      vue: '>=3.4.27'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
-  '@tmagic/utils@1.4.7':
-    resolution: {integrity: sha512-7k2QpX/H2GmB1WWSXK2wqkpqk6HO6G3dVcwIptAoaN+V7BZpTsHH1pDbx/y9XC7NGx8CYL0hOek85uxgVHKSSw==}
-    engines: {node: '>=18'}
-    peerDependencies:
-      '@tmagic/schema': 1.4.7
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
-  '@tmagic/vue-runtime-help@0.0.3':
-    resolution: {integrity: sha512-7JdUflZxU5NQBdg3cu289akS8qeivAL976WmTnpqAChHbizLi9vRm211187JHDMFMH5jlRSjvYDknPzVPMugjA==}
-    engines: {node: '>=18'}
-    peerDependencies:
-      '@tmagic/core': 1.4.7
-      '@tmagic/data-source': 1.4.7
-      '@tmagic/schema': 1.4.7
-      '@tmagic/stage': 1.4.7
-      '@tmagic/utils': 1.4.7
-      '@vue/composition-api': '>=1.7.2'
-      typescript: '*'
-      vue: '>=2.0.0 || >=3.0.0'
-    peerDependenciesMeta:
-      '@tmagic/schema':
+      '@tmagic/core':
         optional: true
       '@tmagic/stage':
         optional: true
-      '@vue/composition-api':
+      typescript:
+        optional: true
+
+  '@tmagic/schema@1.7.0':
+    resolution: {integrity: sha512-YHFEv/BBKFHJ8qeY6lSlAWwcn1PjHKx16OfevttXN9uis0Bybw4UThjl6BgMERnH2mFOp0zPX0y1iqE2EjAiNg==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      typescript: ^5.9.3
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@tmagic/schema@1.7.2':
+    resolution: {integrity: sha512-Wifw58AK4uJ9Qg3qAnsTXttBt5xRKYCqD5/xaJKd8yy6UXIPO0KT9umEFzUsUhEc57BMDXSVpHy8GgEOwjNwrA==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      typescript: ^5.9.3
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@tmagic/schema@1.7.8':
+    resolution: {integrity: sha512-Aq9PHnTp2WePauXzywRPLKj5LKHydoCkq6Ppz4ehO6iAhZA5IORymlf5j6Wbu+sJnJTBJ53ZcpvxYXXt7A5BJw==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      typescript: ^5.9.3
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@tmagic/stage@1.7.0':
+    resolution: {integrity: sha512-JU8WxqKjyiLbE0FccYY6yrfKlxTZ2bumoZHJBueVIV67W0FnrxLi32C6k6/qIYV/8w/Iy1qiuupLp3TTjSB67g==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@tmagic/core': 1.7.0
+      typescript: ^5.9.3
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@tmagic/stage@1.7.2':
+    resolution: {integrity: sha512-QTmWQhWmtfra5ePVawfSsw7ESUvPBzM1EztdtSW26AYJdL2DNtOahqUKuWuw5TYW6c7SUsSDfgFT0Dq/h2aB7Q==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@tmagic/core': 1.7.2
+      typescript: ^5.9.3
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@tmagic/stage@1.7.8':
+    resolution: {integrity: sha512-rsa0CJhgK13uiXAkJepPI8E5GzjeiO/FGt4kLwCNkeRBAbUnoCnNzV6gwfvEfpAWQeblTa9/6y5Crlop8J7Pfg==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@tmagic/core': 1.7.8
+      typescript: ^5.9.3
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@tmagic/table@1.7.2':
+    resolution: {integrity: sha512-TL13j92ChY0SUbknRhq43n5N6YBbT7wboEYS8k5e4BI9r3flG1qq+m03e3kVMo6Xu5UKuURM+pbhr7Wl8krJdg==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@tmagic/design': 1.7.2
+      '@tmagic/form': 1.7.2
+      typescript: ^5.9.3
+      vue: ^3.5.24
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@tmagic/table@1.7.8':
+    resolution: {integrity: sha512-dKjVeC51FCYhFaEqYVx5OX0CeQe63Bilm1pE0JZzRPHmQNCHmjWgisoIE+73zZgu/iSzDYs5XcophME48XdLoA==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@tmagic/design': 1.7.8
+      '@tmagic/form': 1.7.8
+      '@tmagic/utils': 1.7.8
+      typescript: ^5.9.3
+      vue: ^3.5.24
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@tmagic/tdesign-vue-next-adapter@1.7.8':
+    resolution: {integrity: sha512-xgkH7HnvrnixW9oMcGKRbb5jT6bFjdKAu83jEY2lm/iTTamvxtXYboT1U8f5B18KsecClcUWtOnfIo6VfCcGpQ==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@tmagic/design': 1.7.8
+      tdesign-vue-next: ^1.17.1
+      typescript: ^5.9.3
+      vue: ^3.5.24
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@tmagic/tmagic-form-runtime@1.1.3':
+    resolution: {integrity: sha512-JJDeuGZNtj4IOagiOGwVWxKdfgSw1HcWhvGBppXkbq5sZ5OxGHE5z3rxbNwzrHFPL8UAXPOA/0LL5qeckJQc5g==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@tmagic/core': ^1.5.0-beta.5
+      '@tmagic/editor': ^1.5.0-beta.5
+      element-plus: '>=2.8.0'
+      typescript: '*'
+      vue: '>=3.4.27'
+    peerDependenciesMeta:
+      '@tmagic/core':
         optional: true
       typescript:
         optional: true
 
-  '@tootallnate/once@2.0.0':
-    resolution: {integrity: sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==}
-    engines: {node: '>= 10'}
+  '@tmagic/utils@1.7.0':
+    resolution: {integrity: sha512-s4K66sgg/K4191vw/D2y7t4RpoS1qZGUaonn2Pkq1t8nKXtRuBVzKfp2eycVlVAVQavyDRxmuB5XQGYHlZCZTw==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@tmagic/schema': 1.7.0
+      typescript: ^5.9.3
+    peerDependenciesMeta:
+      typescript:
+        optional: true
 
-  '@types/aria-query@5.0.4':
-    resolution: {integrity: sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==}
+  '@tmagic/utils@1.7.2':
+    resolution: {integrity: sha512-8/dienSNwDxvl5v04GFJa9K3lT4tu6iLKsgBrHy4nu+H+i/l7uBjeR7xSNNvoc7DPr8p1uQy3SY6mGvhSbY9rQ==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@tmagic/schema': 1.7.2
+      typescript: ^5.9.3
+    peerDependenciesMeta:
+      typescript:
+        optional: true
 
-  '@types/conventional-commits-parser@5.0.0':
-    resolution: {integrity: sha512-loB369iXNmAZglwWATL+WRe+CRMmmBPtpolYzIebFaX4YA3x+BEfLqhUAV9WanycKI3TG1IMr5bMJDajDKLlUQ==}
+  '@tmagic/utils@1.7.8':
+    resolution: {integrity: sha512-VCFeSsFTaQiPl6lvEUrNTYTnIwn4WzRHN/3tgdmMCseWUMoM2lHIZPrOpmeBEJl+8fL7MUxpri1pPL/kli7YeQ==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@tmagic/schema': 1.7.8
+      typescript: ^5.9.3
+    peerDependenciesMeta:
+      typescript:
+        optional: true
 
-  '@types/estree@1.0.5':
-    resolution: {integrity: sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==}
+  '@tmagic/vue-runtime-help@2.0.0':
+    resolution: {integrity: sha512-JKz7V1ikY43FIFHoiwisyAo+L/V4C/h30hI10aPSmCgUSXU/ViUhW5SdAv7wHZWBZaEgTy0CmseB7IzNLEkGUQ==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@tmagic/core': '>=1.7.0'
+      '@tmagic/stage': '>=1.7.0'
+      typescript: ^5.9.3
+      vue: '>=3.5.0'
+    peerDependenciesMeta:
+      '@tmagic/core':
+        optional: true
+      '@tmagic/stage':
+        optional: true
+      typescript:
+        optional: true
+
+  '@tybys/wasm-util@0.10.1':
+    resolution: {integrity: sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg==}
+
+  '@types/chai@5.2.3':
+    resolution: {integrity: sha512-Mw558oeA9fFbv65/y4mHtXDs9bPnFMZAL/jxdPFUpOHHIXX91mcgEHbS5Lahr+pwZFR8A7GQleRWeI6cGFC2UA==}
+
+  '@types/conventional-commits-parser@5.0.2':
+    resolution: {integrity: sha512-BgT2szDXnVypgpNxOK8aL5SGjUdaQbC++WZNjF1Qge3Og2+zhHj+RWhmehLhYyvQwqAmvezruVfOf8+3m74W+g==}
+
+  '@types/deep-eql@4.0.2':
+    resolution: {integrity: sha512-c9h9dVVMigMPc4bwTvC5dxqtqJZwQPePsWjPlpSOnojbor6pGqdk541lfA7AqFQr5pB1BRdq0juY9db81BwyFw==}
+
+  '@types/esrecurse@4.3.1':
+    resolution: {integrity: sha512-xJBAbDifo5hpffDBuHl0Y8ywswbiAp/Wi7Y/GtAgSlZyIABppyurxVueOPE8LUQOxdlgi6Zqce7uoEpqNTeiUw==}
+
+  '@types/estree@1.0.8':
+    resolution: {integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==}
 
   '@types/events@3.0.3':
     resolution: {integrity: sha512-trOc4AAUThEz9hapPtSd7wf5tiQKvTtu5b371UxXdTuqzIh0ArcRspRP0i0Viu+LXstIQ1z96t1nsPxT9ol01g==}
@@ -2703,9 +3199,15 @@ packages:
   '@types/fs-extra@11.0.4':
     resolution: {integrity: sha512-yTbItCNreRooED33qjunPthRcSjERP1r4MqCZc7wv0u2sUkzTFp45tgUfS5+r7FrZPdmCCNflLhVSP/o+SemsQ==}
 
+  '@types/hast@3.0.4':
+    resolution: {integrity: sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==}
+
   '@types/istanbul-lib-coverage@2.0.6':
     resolution: {integrity: sha512-2QF/t/auWm0lsy8XtKVPG19v3sSOQlJe/YHZgfjb/KBBHOGSV+J2q/S671rcq9uTBrLAXmZpqJiaQbMT+zNU1w==}
 
+  '@types/jsesc@2.5.1':
+    resolution: {integrity: sha512-9VN+6yxLOPLOav+7PwjZbxiID2bVaeq0ED4qSQmdQTdjnXJSaCVKTR58t15oqH1H5t8Ng2ZX1SabJVoN9Q34bw==}
+
   '@types/json-schema@7.0.15':
     resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
 
@@ -2721,285 +3223,296 @@ packages:
   '@types/lodash-es@4.17.12':
     resolution: {integrity: sha512-0NgftHUcV4v34VhXm8QBSftKVXtbkBG3ViCjs6+eJ5a6y6Mi/jiFGPc1sC7QK+9BFhWrURE3EOggmWaSxL9OzQ==}
 
-  '@types/lodash@4.14.182':
-    resolution: {integrity: sha512-/THyiqyQAP9AfARo4pF+aCGcyiQ94tX/Is2I7HofNRqoYLgN1PBoOWu2/zTA5zMxzP5EFutMtWtGAFRKUe961Q==}
+  '@types/lodash@4.17.20':
+    resolution: {integrity: sha512-H3MHACvFUEiujabxhaI/ImO6gUrd8oOurg7LQtS7mbwIXA/cUqWrvBsaeJ23aZEPk1TAYkurjfMbSELfoCXlGA==}
 
-  '@types/lodash@4.17.4':
-    resolution: {integrity: sha512-wYCP26ZLxaT3R39kiN2+HcJ4kTd3U1waI/cY7ivWYqFP6pW3ZNpvi6Wd6PHZx7T/t8z0vlkXMg3QYLa7DZ/IJQ==}
+  '@types/markdown-it@14.1.2':
+    resolution: {integrity: sha512-promo4eFwuiW+TfGxhi+0x3czqTYJkG8qB17ZUJiVF10Xm7NLVRSLUsfRTU/6h1e24VvRnXCx+hG7li58lkzog==}
 
-  '@types/markdown-it@14.1.1':
-    resolution: {integrity: sha512-4NpsnpYl2Gt1ljyBGrKMxFYAYvpqbnnkgP/i/g+NLpjEUa3obn1XJCur9YbEXKDAkaXqsR1LbDnGEJ0MmKFxfg==}
+  '@types/mdast@4.0.4':
+    resolution: {integrity: sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==}
 
   '@types/mdurl@2.0.0':
     resolution: {integrity: sha512-RGdgjQUZba5p6QEFAVx2OGb8rQDL/cPRG7GiedRzMcJ1tYnUANBncjbSB1NRGwbvjcPeikRABz2nshyPk1bhWg==}
 
-  '@types/minimist@1.2.5':
-    resolution: {integrity: sha512-hov8bUuiLiyFPGyFPE1lwWhmzYbirOXQNNo40+y3zow8aFVTeyn3VWL0VFFfdNddA8S4Vf0Tc062rzyNr7Paag==}
-
-  '@types/node@18.19.34':
-    resolution: {integrity: sha512-eXF4pfBNV5DAMKGbI02NnDtWrQ40hAN558/2vvS4gMpMIxaf6JmD7YjnZbq0Q9TDSSkKBamime8ewRoomHdt4g==}
+  '@types/node@24.0.10':
+    resolution: {integrity: sha512-ENHwaH+JIRTDIEEbDK6QSQntAYGtbvdDXnMXnZaZ6k13Du1dPMmprkEHIL7ok2Wl2aZevetwTAb5S+7yIF+enA==}
 
   '@types/normalize-package-data@2.4.4':
     resolution: {integrity: sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==}
 
-  '@types/parse-json@4.0.2':
-    resolution: {integrity: sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw==}
+  '@types/prop-types@15.7.15':
+    resolution: {integrity: sha512-F6bEyamV9jKGAFBEmlQnesRPGOQqS2+Uwi0Em15xenOxHaf2hv6L8YCVn3rPdPJOiJfPiCnLIRyvwVaqMY3MIw==}
 
-  '@types/prop-types@15.7.12':
-    resolution: {integrity: sha512-5zvhXYtRNRluoE/jAp4GVsSduVUzNWKkOZrCDBWYtE7biZywwdC2AcEzg+cSMLFRfVgeAFqpfNabiPjxFddV1Q==}
+  '@types/qrcode@1.5.6':
+    resolution: {integrity: sha512-te7NQcV2BOvdj2b1hCAHzAoMNuj65kNBMz0KBaxM6c3VGBOhU0dURQKOtH8CFNI/dsKkwlv32p26qYQTWoB5bw==}
 
-  '@types/qrcode@1.5.5':
-    resolution: {integrity: sha512-CdfBi/e3Qk+3Z/fXYShipBT13OJ2fDO2Q2w5CIP5anLTLIndQG9z6P1cnm+8zCWSpm5dnxMFd/uREtb0EXuQzg==}
+  '@types/react-dom@18.3.7':
+    resolution: {integrity: sha512-MEe3UeoENYVFXzoXEWsvcpg6ZvlrFNlOQ7EOsvhI3CfAXwzPfO8Qwuxd40nepsYKqyyVQnTdEfv68q91yLcKrQ==}
+    peerDependencies:
+      '@types/react': ^18.0.0
 
-  '@types/react-dom@18.3.0':
-    resolution: {integrity: sha512-EhwApuTmMBmXuFOikhQLIBUn6uFg81SwLMOAUgodJF14SOBOCMdU04gDoYi0WOJJHD144TL32z4yDqCW3dnkQg==}
+  '@types/react@18.3.27':
+    resolution: {integrity: sha512-cisd7gxkzjBKU2GgdYrTdtQx1SORymWyaAFhaxQPK9bYO9ot3Y5OikQRvY0VYQtvwjeQnizCINJAenh/V7MK2w==}
 
-  '@types/react@18.3.3':
-    resolution: {integrity: sha512-hti/R0pS0q1/xx+TsI73XIqk26eBsISZ2R0wUijXIngRK9R/e7Xw/cXVxQK7R5JjW+SV4zGcn5hXjudkN/pLIw==}
-
-  '@types/semver@7.5.8':
-    resolution: {integrity: sha512-I8EUhyrgfLrcTkzV3TSsGyl1tSuPrEDzr0yd5m90UgNxQkyDXULk3b6MlQqTCpZpNtWe1K0hzclnZkTcLBe2UQ==}
+  '@types/semver@7.7.1':
+    resolution: {integrity: sha512-FmgJfu+MOcQ370SD0ev7EI8TlCAfKYU+B4m5T3yXc1CiRN94g/SZPtsCkk506aUDtlMnFZvasDwHHUcZUEaYuA==}
 
   '@types/serialize-javascript@5.0.4':
     resolution: {integrity: sha512-Z2R7UKFuNWCP8eoa2o9e5rkD3hmWxx/1L0CYz0k2BZzGh0PhEVMp9kfGiqEml/0IglwNERXZ2hwNzIrSz/KHTA==}
 
-  '@types/sortablejs@1.15.8':
-    resolution: {integrity: sha512-b79830lW+RZfwaztgs1aVPgbasJ8e7AXtZYHTELNXZPsERt4ymJdjV4OccDbHQAvHrCcFpbF78jkm0R6h/pZVg==}
+  '@types/sortablejs@1.15.9':
+    resolution: {integrity: sha512-7HP+rZGE2p886PKV9c9OJzLBI6BBJu1O7lJGYnPyG3fS4/duUCcngkNCjsLwIMV+WMqANe3tt4irrXHSIe68OQ==}
 
   '@types/tinycolor2@1.4.6':
     resolution: {integrity: sha512-iEN8J0BoMnsWBqjVbWH/c0G0Hh7O21lpR2/+PrvAVgWdzL7eexIFm4JN/Wn10PTcmNdtS6U67r499mlWMXOxNw==}
 
-  '@types/validator@13.11.10':
-    resolution: {integrity: sha512-e2PNXoXLr6Z+dbfx5zSh9TRlXJrELycxiaXznp4S5+D2M3b9bqJEitNHA5923jhnB2zzFiZHa2f0SI1HoIahpg==}
+  '@types/trusted-types@2.0.7':
+    resolution: {integrity: sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==}
+
+  '@types/unist@3.0.3':
+    resolution: {integrity: sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==}
+
+  '@types/validator@13.15.10':
+    resolution: {integrity: sha512-T8L6i7wCuyoK8A/ZeLYt1+q0ty3Zb9+qbSSvrIVitzT3YjZqkTZ40IbRsPanlB4h1QB3JVL1SYCdR6ngtFYcuA==}
 
   '@types/web-bluetooth@0.0.16':
     resolution: {integrity: sha512-oh8q2Zc32S6gd/j50GowEjKLoOVOwHP/bWVjKJInBwQqdOYMdPrf1oVlelTlyfFK3CKxL1uahMDAr+vy8T7yMQ==}
 
-  '@types/web-bluetooth@0.0.20':
-    resolution: {integrity: sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow==}
+  '@types/web-bluetooth@0.0.21':
+    resolution: {integrity: sha512-oIQLCGWtcFZy2JW77j9k8nHzAOpqMHLQejDA48XXMWH6tjCQHz5RCFz1bzsmROyL6PUm+LLnUiI4BCn221inxA==}
 
-  '@typescript-eslint/eslint-plugin@5.62.0':
-    resolution: {integrity: sha512-TiZzBSJja/LbhNPvk6yc0JrX9XqhQ0hdh6M2svYfsHGejaKFIAGd9MQ+ERIMzLGlN/kZoYIgdxFV0PuljTKXag==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+  '@typescript-eslint/eslint-plugin@8.57.1':
+    resolution: {integrity: sha512-Gn3aqnvNl4NGc6x3/Bqk1AOn0thyTU9bqDRhiRnUWezgvr2OnhYCWCgC8zXXRVqBsIL1pSDt7T9nJUe0oM0kDQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      '@typescript-eslint/parser': ^5.0.0
-      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
+      '@typescript-eslint/parser': ^8.57.1
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
+      typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/parser@5.62.0':
-    resolution: {integrity: sha512-VlJEV0fOQ7BExOsHYAGrgbEiZoi8D+Bl2+f6V2RrXerRSylnp+ZBHmPvaIa8cz0Ajx7WO7Z5RqfgYg7ED1nRhA==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+  '@typescript-eslint/parser@8.57.1':
+    resolution: {integrity: sha512-k4eNDan0EIMTT/dUKc/g+rsJ6wcHYhNPdY19VoX/EOtaAG8DLtKCykhrUnuHPYvinn5jhAPgD2Qw9hXBwrahsw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
+      typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/scope-manager@5.62.0':
-    resolution: {integrity: sha512-VXuvVvZeQCQb5Zgf4HAxc04q5j+WrNAtNh9OwCsCgpKqESMTu3tF/jhZ3xG6T4NZwWl65Bg8KuS2uEvhSfLl0w==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-
-  '@typescript-eslint/type-utils@5.62.0':
-    resolution: {integrity: sha512-xsSQreu+VnfbqQpW5vnCJdq1Z3Q0U31qiWmRhr98ONQmcp/yhiPJFPq8MXiJVLiksmOKSjIldZzkebzHuCGzew==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+  '@typescript-eslint/project-service@8.57.1':
+    resolution: {integrity: sha512-vx1F37BRO1OftsYlmG9xay1TqnjNVlqALymwWVuYTdo18XuKxtBpCj1QlzNIEHlvlB27osvXFWptYiEWsVdYsg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      eslint: '*'
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
+      typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/types@5.62.0':
-    resolution: {integrity: sha512-87NVngcbVXUahrRTqIK27gD2t5Cu1yuCXxbLcFtCzZGlfyVWWh8mLHkoxzjsB6DDNnvdL+fW8MiwPEJyGJQDgQ==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+  '@typescript-eslint/scope-manager@8.57.1':
+    resolution: {integrity: sha512-hs/QcpCwlwT2L5S+3fT6gp0PabyGk4Q0Rv2doJXA0435/OpnSR3VRgvrp8Xdoc3UAYSg9cyUjTeFXZEPg/3OKg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/typescript-estree@5.62.0':
-    resolution: {integrity: sha512-CmcQ6uY7b9y694lKdRB8FEel7JbU/40iSAPomu++SjLMntB+2Leay2LO6i8VnJk58MtE9/nQSFIH6jpyRWyYzA==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+  '@typescript-eslint/tsconfig-utils@8.57.1':
+    resolution: {integrity: sha512-0lgOZB8cl19fHO4eI46YUx2EceQqhgkPSuCGLlGi79L2jwYY1cxeYc1Nae8Aw1xjgW3PKVDLlr3YJ6Bxx8HkWg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
+      typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/utils@5.62.0':
-    resolution: {integrity: sha512-n8oxjeb5aIbPFEtmQxQYOLI0i9n5ySBEY/ZEHHZqKQSFnxio1rv6dthascc9dLuwrL0RC5mPCxB7vnAVGAYWAQ==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+  '@typescript-eslint/type-utils@8.57.1':
+    resolution: {integrity: sha512-+Bwwm0ScukFdyoJsh2u6pp4S9ktegF98pYUU0hkphOOqdMB+1sNQhIz8y5E9+4pOioZijrkfNO/HUJVAFFfPKA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
+      typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/visitor-keys@5.62.0':
-    resolution: {integrity: sha512-07ny+LHRzQXepkGg6w0mFY41fVUNBrL2Roj/++7V1txKugfjm/Ci/qSND03r2RhlJhJYMcTn9AhhSSqQp0Ysyw==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+  '@typescript-eslint/types@8.57.1':
+    resolution: {integrity: sha512-S29BOBPJSFUiblEl6RzPPjJt6w25A6XsBqRVDt53tA/tlL8q7ceQNZHTjPeONt/3S7KRI4quk+yP9jK2WjBiPQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@ungap/structured-clone@1.2.0':
-    resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==}
-
-  '@vitejs/plugin-legacy@5.4.1':
-    resolution: {integrity: sha512-kee0l7dVevCNs1l3u2PnihVunvQ0WTJL2UJ/siQGD3Iht546mR9NO16tCv32uCP6lcGO1QDLqlPqInJtV1FE7A==}
-    engines: {node: ^18.0.0 || >=20.0.0}
+  '@typescript-eslint/typescript-estree@8.57.1':
+    resolution: {integrity: sha512-ybe2hS9G6pXpqGtPli9Gx9quNV0TWLOmh58ADlmZe9DguLq0tiAKVjirSbtM1szG6+QH6rVXyU6GTLQbWnMY+g==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      terser: ^5.4.0
-      vite: ^5.0.0
+      typescript: '>=4.8.4 <6.0.0'
+
+  '@typescript-eslint/utils@8.57.1':
+    resolution: {integrity: sha512-XUNSJ/lEVFttPMMoDVA2r2bwrl8/oPx8cURtczkSEswY5T3AeLmCy+EKWQNdL4u0MmAHOjcWrqJp2cdvgjn8dQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
+      typescript: '>=4.8.4 <6.0.0'
+
+  '@typescript-eslint/visitor-keys@8.57.1':
+    resolution: {integrity: sha512-YWnmJkXbofiz9KbnbbwuA2rpGkFPLbAIetcCNO6mJ8gdhdZ/v7WDXsoGFAJuM6ikUFKTlSQnjWnVO4ux+UzS6A==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@ungap/structured-clone@1.3.0':
+    resolution: {integrity: sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==}
+
+  '@vitejs/plugin-legacy@8.0.0':
+    resolution: {integrity: sha512-o5BmEuu4N+woyv+yUsiDrMUfMntJ1kEJITUYLd2ELOAETObwkWNFn5GNIQLLGx8liaobIvoXeSRiM/aYVIaeTQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    peerDependencies:
+      terser: ^5.16.0
+      vite: ^8.0.0
 
   '@vitejs/plugin-react-refresh@1.3.6':
     resolution: {integrity: sha512-iNR/UqhUOmFFxiezt0em9CgmiJBdWR+5jGxB2FihaoJfqGt76kiwaKoVOJVU5NYcDWMdN06LbyN2VIGIoYdsEA==}
     engines: {node: '>=12.0.0'}
     deprecated: This package has been deprecated in favor of @vitejs/plugin-react
 
-  '@vitejs/plugin-vue-jsx@3.1.0':
-    resolution: {integrity: sha512-w9M6F3LSEU5kszVb9An2/MmXNxocAnUb3WhRr8bHlimhDrXNt6n6D2nJQR3UXpGlZHh/EsgouOHCsM8V3Ln+WA==}
-    engines: {node: ^14.18.0 || >=16.0.0}
+  '@vitejs/plugin-vue-jsx@5.1.5':
+    resolution: {integrity: sha512-jIAsvHOEtWpslLOI2MeElGFxH7M8pM83BU/Tor4RLyiwH0FM4nUW3xdvbw20EeU9wc5IspQwMq225K3CMnJEpA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
     peerDependencies:
-      vite: ^4.0.0 || ^5.0.0
+      vite: ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0
       vue: ^3.0.0
 
-  '@vitejs/plugin-vue2@2.3.1':
-    resolution: {integrity: sha512-/ksaaz2SRLN11JQhLdEUhDzOn909WEk99q9t9w+N12GjQCljzv7GyvAbD/p20aBUjHkvpGOoQ+FCOkG+mjDF4A==}
-    engines: {node: ^14.18.0 || >= 16.0.0}
-    peerDependencies:
-      vite: ^3.0.0 || ^4.0.0 || ^5.0.0
-      vue: ^2.7.0-0
-
-  '@vitejs/plugin-vue@5.0.5':
-    resolution: {integrity: sha512-LOjm7XeIimLBZyzinBQ6OSm3UBCNVCpLkxGC0oWmm2YPzVZoxMsdvNVimLTBzpAnR9hl/yn1SHGuRfe6/Td9rQ==}
+  '@vitejs/plugin-vue@5.2.4':
+    resolution: {integrity: sha512-7Yx/SXSOcQq5HiiV3orevHUFn+pmMB4cgbEkDYgnkUWb0WfeQ/wa2yFv6D5ICiCQOVpjA7vYDXrC7AGO8yjDHA==}
     engines: {node: ^18.0.0 || >=20.0.0}
     peerDependencies:
-      vite: ^5.0.0
+      vite: ^5.0.0 || ^6.0.0
       vue: ^3.2.25
 
-  '@vitest/coverage-v8@1.6.0':
-    resolution: {integrity: sha512-KvapcbMY/8GYIG0rlwwOKCVNRc0OL20rrhFkg/CHNzncV03TE2XWvO5w9uZYoxNiMEBacAJt3unSOiZ7svePew==}
+  '@vitejs/plugin-vue@6.0.5':
+    resolution: {integrity: sha512-bL3AxKuQySfk1iGcBsQnoRVexTPJq0Z/ixFVM8OhVJAP6ZXXXLtM7NFKWhLl30Kg7uTBqIaPXbh+nuQCuBDedg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
     peerDependencies:
-      vitest: 1.6.0
+      vite: ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0
+      vue: ^3.2.25
 
-  '@vitest/expect@1.6.0':
-    resolution: {integrity: sha512-ixEvFVQjycy/oNgHjqsL6AZCDduC+tflRluaHIzKIsdbzkLn2U/iBnVeJwB6HsIjQBdfMR8Z0tRxKUsvFJEeWQ==}
+  '@vitest/coverage-v8@4.1.0':
+    resolution: {integrity: sha512-nDWulKeik2bL2Va/Wl4x7DLuTKAXa906iRFooIRPR+huHkcvp9QDkPQ2RJdmjOFrqOqvNfoSQLF68deE3xC3CQ==}
+    peerDependencies:
+      '@vitest/browser': 4.1.0
+      vitest: 4.1.0
+    peerDependenciesMeta:
+      '@vitest/browser':
+        optional: true
 
-  '@vitest/runner@1.6.0':
-    resolution: {integrity: sha512-P4xgwPjwesuBiHisAVz/LSSZtDjOTPYZVmNAnpHHSR6ONrf8eCJOFRvUwdHn30F5M1fxhqtl7QZQUk2dprIXAg==}
+  '@vitest/expect@4.1.0':
+    resolution: {integrity: sha512-EIxG7k4wlWweuCLG9Y5InKFwpMEOyrMb6ZJ1ihYu02LVj/bzUwn2VMU+13PinsjRW75XnITeFrQBMH5+dLvCDA==}
 
-  '@vitest/snapshot@1.6.0':
-    resolution: {integrity: sha512-+Hx43f8Chus+DCmygqqfetcAZrDJwvTj0ymqjQq4CvmpKFSTVteEOBzCusu1x2tt4OJcvBflyHUE0DZSLgEMtQ==}
+  '@vitest/mocker@4.1.0':
+    resolution: {integrity: sha512-evxREh+Hork43+Y4IOhTo+h5lGmVRyjqI739Rz4RlUPqwrkFFDF6EMvOOYjTx4E8Tl6gyCLRL8Mu7Ry12a13Tw==}
+    peerDependencies:
+      msw: ^2.4.9
+      vite: ^6.0.0 || ^7.0.0 || ^8.0.0-0
+    peerDependenciesMeta:
+      msw:
+        optional: true
+      vite:
+        optional: true
 
-  '@vitest/spy@1.6.0':
-    resolution: {integrity: sha512-leUTap6B/cqi/bQkXUu6bQV5TZPx7pmMBKBQiI0rJA8c3pB56ZsaTbREnF7CJfmvAS4V2cXIBAh/3rVwrrCYgw==}
+  '@vitest/pretty-format@4.1.0':
+    resolution: {integrity: sha512-3RZLZlh88Ib0J7NQTRATfc/3ZPOnSUn2uDBUoGNn5T36+bALixmzphN26OUD3LRXWkJu4H0s5vvUeqBiw+kS0A==}
 
-  '@vitest/utils@1.6.0':
-    resolution: {integrity: sha512-21cPiuGMoMZwiOHa2i4LXkMkMkCGzA+MVFV70jRwHo95dL4x/ts5GZhML1QWuy7yfp3WzK3lRvZi3JnXTYqrBw==}
+  '@vitest/runner@4.1.0':
+    resolution: {integrity: sha512-Duvx2OzQ7d6OjchL+trw+aSrb9idh7pnNfxrklo14p3zmNL4qPCDeIJAK+eBKYjkIwG96Bc6vYuxhqDXQOWpoQ==}
 
-  '@volar/language-core@2.2.5':
-    resolution: {integrity: sha512-2htyAuxRrAgETmFeUhT4XLELk3LiEcqoW/B8YUXMF6BrGWLMwIR09MFaZYvrA2UhbdAeSyeQ726HaWSWkexUcQ==}
+  '@vitest/snapshot@4.1.0':
+    resolution: {integrity: sha512-0Vy9euT1kgsnj1CHttwi9i9o+4rRLEaPRSOJ5gyv579GJkNpgJK+B4HSv/rAWixx2wdAFci1X4CEPjiu2bXIMg==}
 
-  '@volar/source-map@2.2.5':
-    resolution: {integrity: sha512-wrOEIiZNf4E+PWB0AxyM4tfhkfldPsb3bxg8N6FHrxJH2ohar7aGu48e98bp3pR9HUA7P/pR9VrLmkTrgCCnWQ==}
+  '@vitest/spy@4.1.0':
+    resolution: {integrity: sha512-pz77k+PgNpyMDv2FV6qmk5ZVau6c3R8HC8v342T2xlFxQKTrSeYw9waIJG8KgV9fFwAtTu4ceRzMivPTH6wSxw==}
 
-  '@volar/typescript@2.2.5':
-    resolution: {integrity: sha512-eSV/n75+ppfEVugMC/salZsI44nXDPAyL6+iTYCNLtiLHGJsnMv9GwiDMujrvAUj/aLQyqRJgYtXRoxop2clCw==}
+  '@vitest/utils@4.1.0':
+    resolution: {integrity: sha512-XfPXT6a8TZY3dcGY8EdwsBulFCIw+BeeX0RZn2x/BtiY/75YGh8FeWGG8QISN/WhaqSrE2OrlDgtF8q5uhOTmw==}
 
-  '@vue/babel-helper-vue-transform-on@1.2.2':
-    resolution: {integrity: sha512-nOttamHUR3YzdEqdM/XXDyCSdxMA9VizUKoroLX6yTyRtggzQMHXcmwh8a7ZErcJttIBIc9s68a1B8GZ+Dmvsw==}
+  '@volar/language-core@2.4.28':
+    resolution: {integrity: sha512-w4qhIJ8ZSitgLAkVay6AbcnC7gP3glYM3fYwKV3srj8m494E3xtrCv6E+bWviiK/8hs6e6t1ij1s2Endql7vzQ==}
 
-  '@vue/babel-plugin-jsx@1.2.2':
-    resolution: {integrity: sha512-nYTkZUVTu4nhP199UoORePsql0l+wj7v/oyQjtThUVhJl1U+6qHuoVhIvR3bf7eVKjbCK+Cs2AWd7mi9Mpz9rA==}
+  '@volar/source-map@2.4.28':
+    resolution: {integrity: sha512-yX2BDBqJkRXfKw8my8VarTyjv48QwxdJtvRgUpNE5erCsgEUdI2DsLbpa+rOQVAJYshY99szEcRDmyHbF10ggQ==}
+
+  '@volar/typescript@2.4.28':
+    resolution: {integrity: sha512-Ja6yvWrbis2QtN4ClAKreeUZPVYMARDYZl9LMEv1iQ1QdepB6wn0jTRxA9MftYmYa4DQ4k/DaSZpFPUfxl8giw==}
+
+  '@vue/babel-helper-vue-transform-on@2.0.1':
+    resolution: {integrity: sha512-uZ66EaFbnnZSYqYEyplWvn46GhZ1KuYSThdT68p+am7MgBNbQ3hphTL9L+xSIsWkdktwhPYLwPgVWqo96jDdRA==}
+
+  '@vue/babel-plugin-jsx@2.0.1':
+    resolution: {integrity: sha512-a8CaLQjD/s4PVdhrLD/zT574ZNPnZBOY+IhdtKWRB4HRZ0I2tXBi5ne7d9eCfaYwp5gU5+4KIyFTV1W1YL9xZA==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     peerDependenciesMeta:
       '@babel/core':
         optional: true
 
-  '@vue/babel-plugin-resolve-type@1.2.2':
-    resolution: {integrity: sha512-EntyroPwNg5IPVdUJupqs0CFzuf6lUrVvCspmv2J1FITLeGnUCuoGNNk78dgCusxEiYj6RMkTJflGSxk5aIC4A==}
+  '@vue/babel-plugin-resolve-type@2.0.1':
+    resolution: {integrity: sha512-ybwgIuRGRRBhOU37GImDoWQoz+TlSqap65qVI6iwg/J7FfLTLmMf97TS7xQH9I7Qtr/gp161kYVdhr1ZMraSYQ==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@vue/compiler-core@3.4.27':
-    resolution: {integrity: sha512-E+RyqY24KnyDXsCuQrI+mlcdW3ALND6U7Gqa/+bVwbcpcR3BRRIckFoz7Qyd4TTlnugtwuI7YgjbvsLmxb+yvg==}
+  '@vue/compiler-core@3.5.24':
+    resolution: {integrity: sha512-eDl5H57AOpNakGNAkFDH+y7kTqrQpJkZFXhWZQGyx/5Wh7B1uQYvcWkvZi11BDhscPgj8N7XV3oRwiPnx1Vrig==}
 
-  '@vue/compiler-dom@3.4.27':
-    resolution: {integrity: sha512-kUTvochG/oVgE1w5ViSr3KUBh9X7CWirebA3bezTbB5ZKBQZwR2Mwj9uoSKRMFcz4gSMzzLXBPD6KpCLb9nvWw==}
+  '@vue/compiler-dom@3.5.24':
+    resolution: {integrity: sha512-1QHGAvs53gXkWdd3ZMGYuvQFXHW4ksKWPG8HP8/2BscrbZ0brw183q2oNWjMrSWImYLHxHrx1ItBQr50I/q2zw==}
 
-  '@vue/compiler-sfc@2.7.16':
-    resolution: {integrity: sha512-KWhJ9k5nXuNtygPU7+t1rX6baZeqOYLEforUPjgNDBnLicfHCoi48H87Q8XyLZOrNNsmhuwKqtpDQWjEFe6Ekg==}
+  '@vue/compiler-sfc@3.5.24':
+    resolution: {integrity: sha512-8EG5YPRgmTB+YxYBM3VXy8zHD9SWHUJLIGPhDovo3Z8VOgvP+O7UP5vl0J4BBPWYD9vxtBabzW1EuEZ+Cqs14g==}
 
-  '@vue/compiler-sfc@3.4.27':
-    resolution: {integrity: sha512-nDwntUEADssW8e0rrmE0+OrONwmRlegDA1pD6QhVeXxjIytV03yDqTey9SBDiALsvAd5U4ZrEKbMyVXhX6mCGA==}
-
-  '@vue/compiler-ssr@3.4.27':
-    resolution: {integrity: sha512-CVRzSJIltzMG5FcidsW0jKNQnNRYC8bT21VegyMMtHmhW3UOI7knmUehzswXLrExDLE6lQCZdrhD4ogI7c+vuw==}
+  '@vue/compiler-ssr@3.5.24':
+    resolution: {integrity: sha512-trOvMWNBMQ/odMRHW7Ae1CdfYx+7MuiQu62Jtu36gMLXcaoqKvAyh+P73sYG9ll+6jLB6QPovqoKGGZROzkFFg==}
 
   '@vue/composition-api@1.7.2':
     resolution: {integrity: sha512-M8jm9J/laYrYT02665HkZ5l2fWTK4dcVg3BsDHm/pfz+MjDYwX+9FUaZyGwEyXEDonQYRCo0H7aLgdklcIELjw==}
     peerDependencies:
       vue: '>= 2.5 < 2.7'
 
-  '@vue/devtools-api@6.6.3':
-    resolution: {integrity: sha512-0MiMsFma/HqA6g3KLKn+AGpL1kgKhFWszC9U29NfpWK5LE7bjeXxySWJrOJ77hBz+TBrBQ7o4QJqbPbqbs8rJw==}
+  '@vue/devtools-api@6.6.4':
+    resolution: {integrity: sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==}
 
-  '@vue/devtools-api@7.2.1':
-    resolution: {integrity: sha512-6oNCtyFOrNdqm6GUkFujsCgFlpbsHLnZqq7edeM/+cxAbMyCWvsaCsIMUaz7AiluKLccCGEM8fhOsjaKgBvb7g==}
+  '@vue/devtools-api@7.7.9':
+    resolution: {integrity: sha512-kIE8wvwlcZ6TJTbNeU2HQNtaxLx3a84aotTITUuL/4bzfPxzajGBOoqjMhwZJ8L9qFYDU/lAYMEEm11dnZOD6g==}
 
-  '@vue/devtools-kit@7.2.1':
-    resolution: {integrity: sha512-Wak/fin1X0Q8LLIfCAHBrdaaB+R6IdpSXsDByPHbQ3BmkCP0/cIo/oEGp9i0U2+gEqD4L3V9RDjNf1S34DTzQQ==}
+  '@vue/devtools-kit@7.7.9':
+    resolution: {integrity: sha512-PyQ6odHSgiDVd4hnTP+aDk2X4gl2HmLDfiyEnn3/oV+ckFDuswRs4IbBT7vacMuGdwY/XemxBoh302ctbsptuA==}
+
+  '@vue/devtools-shared@7.7.9':
+    resolution: {integrity: sha512-iWAb0v2WYf0QWmxCGy0seZNDPdO3Sp5+u78ORnyeonS6MT4PC7VPrryX2BpMJrwlDeaZ6BD4vP4XKjK0SZqaeA==}
+
+  '@vue/language-core@3.2.6':
+    resolution: {integrity: sha512-xYYYX3/aVup576tP/23sEUpgiEnujrENaoNRbaozC1/MA9I6EGFQRJb4xrt/MmUCAGlxTKL2RmT8JLTPqagCkg==}
+
+  '@vue/reactivity@3.5.24':
+    resolution: {integrity: sha512-BM8kBhtlkkbnyl4q+HiF5R5BL0ycDPfihowulm02q3WYp2vxgPcJuZO866qa/0u3idbMntKEtVNuAUp5bw4teg==}
+
+  '@vue/runtime-core@3.5.24':
+    resolution: {integrity: sha512-RYP/byyKDgNIqfX/gNb2PB55dJmM97jc9wyF3jK7QUInYKypK2exmZMNwnjueWwGceEkP6NChd3D2ZVEp9undQ==}
+
+  '@vue/runtime-dom@3.5.24':
+    resolution: {integrity: sha512-Z8ANhr/i0XIluonHVjbUkjvn+CyrxbXRIxR7wn7+X7xlcb7dJsfITZbkVOeJZdP8VZwfrWRsWdShH6pngMxRjw==}
+
+  '@vue/server-renderer@3.5.24':
+    resolution: {integrity: sha512-Yh2j2Y4G/0/4z/xJ1Bad4mxaAk++C2v4kaa8oSYTMJBJ00/ndPuxCnWeot0/7/qafQFLh5pr6xeV6SdMcE/G1w==}
     peerDependencies:
-      vue: ^3.0.0
+      vue: 3.5.24
 
-  '@vue/devtools-shared@7.2.1':
-    resolution: {integrity: sha512-PCJF4UknJmOal68+X9XHyVeQ+idv0LFujkTOIW30+GaMJqwFVN9LkQKX4gLqn61KkGMdJTzQ1bt7EJag3TI6AA==}
-
-  '@vue/language-core@2.0.19':
-    resolution: {integrity: sha512-A9EGOnvb51jOvnCYoRLnMP+CcoPlbZVxI9gZXE/y2GksRWM6j/PrLEIC++pnosWTN08tFpJgxhSS//E9v/Sg+Q==}
-    peerDependencies:
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
-  '@vue/reactivity@3.4.27':
-    resolution: {integrity: sha512-kK0g4NknW6JX2yySLpsm2jlunZJl2/RJGZ0H9ddHdfBVHcNzxmQ0sS0b09ipmBoQpY8JM2KmUw+a6sO8Zo+zIA==}
-
-  '@vue/runtime-core@3.4.27':
-    resolution: {integrity: sha512-7aYA9GEbOOdviqVvcuweTLe5Za4qBZkUY7SvET6vE8kyypxVgaT1ixHLg4urtOlrApdgcdgHoTZCUuTGap/5WA==}
-
-  '@vue/runtime-dom@3.4.27':
-    resolution: {integrity: sha512-ScOmP70/3NPM+TW9hvVAz6VWWtZJqkbdf7w6ySsws+EsqtHvkhxaWLecrTorFxsawelM5Ys9FnDEMt6BPBDS0Q==}
-
-  '@vue/server-renderer@3.4.27':
-    resolution: {integrity: sha512-dlAMEuvmeA3rJsOMJ2J1kXU7o7pOxgsNHVr9K8hB3ImIkSuBrIdy0vF66h8gf8Tuinf1TK3mPAz2+2sqyf3KzA==}
-    peerDependencies:
-      vue: 3.4.27
-
-  '@vue/shared@3.4.27':
-    resolution: {integrity: sha512-DL3NmY2OFlqmYYrzp39yi3LDkKxa5vZVwxWdQ3rG0ekuWscHraeIbnI8t+aZK7qhYqEqWKTUdijadunb9pnrgA==}
+  '@vue/shared@3.5.24':
+    resolution: {integrity: sha512-9cwHL2EsJBdi8NY22pngYYWzkTDhld6fAD6jlaeloNGciNSJL6bLpbxVgXl96X00Jtc6YWQv96YA/0sxex/k1A==}
 
   '@vue/test-utils@2.4.6':
     resolution: {integrity: sha512-FMxEjOpYNYiFe0GkaHsnJPXFHxQ6m4t8vI/ElPGpMWxZKpmRvQ33OIrvRXemy6yha03RxhOlQuy+gZMC3CQSow==}
 
-  '@vueuse/core@10.10.0':
-    resolution: {integrity: sha512-vexJ/YXYs2S42B783rI95lMt3GzEwkxzC8Hb0Ndpd8rD+p+Lk/Za4bd797Ym7yq4jXqdSyj3JLChunF/vyYjUw==}
+  '@vueuse/core@12.8.2':
+    resolution: {integrity: sha512-HbvCmZdzAu3VGi/pWYm5Ut+Kd9mn1ZHnn4L5G8kOQTPs/IwIAmJoBrmYk2ckLArgMXZj0AW3n5CAejLUO+PhdQ==}
 
   '@vueuse/core@9.13.0':
     resolution: {integrity: sha512-pujnclbeHWxxPRqXWmdkKV5OX4Wk4YeK7wusHqRwU0Q7EFusHoqNA/aPhB6KCh9hEqJkLAJo7bb0Lh9b+OIVzw==}
 
-  '@vueuse/integrations@10.10.0':
-    resolution: {integrity: sha512-vHGeK7X6mkdkpcm1eE9t3Cpm21pNVfZRwrjwwbrEs9XftnSgszF4831G2rei8Dt9cIYJIfFV+iyx/29muimJPQ==}
+  '@vueuse/integrations@12.8.2':
+    resolution: {integrity: sha512-fbGYivgK5uBTRt7p5F3zy6VrETlV9RtZjBqd1/HxGdjdckBgBM4ugP8LHpjolqTj14TXTxSK1ZfgPbHYyGuH7g==}
     peerDependencies:
-      async-validator: '*'
-      axios: '*'
-      change-case: '*'
-      drauu: '*'
-      focus-trap: '*'
-      fuse.js: '*'
-      idb-keyval: '*'
-      jwt-decode: '*'
-      nprogress: '*'
-      qrcode: '*'
-      sortablejs: '*'
-      universal-cookie: '*'
+      async-validator: ^4
+      axios: ^1
+      change-case: ^5
+      drauu: ^0.4
+      focus-trap: ^7
+      fuse.js: ^7
+      idb-keyval: ^6
+      jwt-decode: ^4
+      nprogress: ^0.2
+      qrcode: ^1.5
+      sortablejs: ^1
+      universal-cookie: ^7
     peerDependenciesMeta:
       async-validator:
         optional: true
@@ -3026,14 +3539,14 @@ packages:
       universal-cookie:
         optional: true
 
-  '@vueuse/metadata@10.10.0':
-    resolution: {integrity: sha512-UNAo2sTCAW5ge6OErPEHb5z7NEAg3XcO9Cj7OK45aZXfLLH1QkexDcZD77HBi5zvEiLOm1An+p/4b5K3Worpug==}
+  '@vueuse/metadata@12.8.2':
+    resolution: {integrity: sha512-rAyLGEuoBJ/Il5AmFHiziCPdQzRt88VxR+Y/A/QhJ1EWtWqPBBAxTAFaSkviwEuOEZNtW8pvkPgoCZQ+HxqW1A==}
 
   '@vueuse/metadata@9.13.0':
     resolution: {integrity: sha512-gdU7TKNAUVlXXLbaF+ZCfte8BjRJQWPCa2J55+7/h+yDtzw3vOoGQDRXzI6pyKyo6bXFT5/QoPE4hAknExjRLQ==}
 
-  '@vueuse/shared@10.10.0':
-    resolution: {integrity: sha512-2aW33Ac0Uk0U+9yo3Ypg9s5KcR42cuehRWl7vnUHadQyFvCktseyxxEPBi1Eiq4D2yBGACOnqLZpx1eMc7g5Og==}
+  '@vueuse/shared@12.8.2':
+    resolution: {integrity: sha512-dznP38YzxZoNloI0qpEfpkms8knDtaoQ6Y/sfS0L7Yki4zh40LFHEhur0odJC6xTHG5dxWVPiUWBXn+wCG2s5w==}
 
   '@vueuse/shared@9.13.0':
     resolution: {integrity: sha512-UrnhU+Cnufu4S6JLCPZnkWh0WwZGUp72ktOF2DFptMlOs3TOdVv8xJN53zhHGARmVOsz5KqOls09+J1NR6sBKw==}
@@ -3042,59 +3555,44 @@ packages:
     resolution: {integrity: sha512-E+iruNOY8VV9s4JEbe1aNEm6MiszPRr/UfcHMz0TQh1BXSxHK+ASV1R6W4HpjBhSeS+54PIsAMCBmwD06LLsqQ==}
     hasBin: true
 
-  abab@2.0.6:
-    resolution: {integrity: sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==}
-    deprecated: Use your platform's native atob() and btoa() methods instead
-
   abbrev@2.0.0:
     resolution: {integrity: sha512-6/mh1E2u2YgEsCHdY0Yx5oW+61gZU+1vXaoiHHrpKeuRNNgFvS+/jrwHiQhB5apAf5oB7UB7E19ol2R2LKH8hQ==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
 
-  acorn-globals@6.0.0:
-    resolution: {integrity: sha512-ZQl7LOWaF5ePqqcX4hLuv/bLXYQNfNWw2c0/yX/TsPRKamzHcTGQnlCjHT3TsmkOUVEPS3crCxiPfdzE/Trlhg==}
-
   acorn-jsx@5.3.2:
     resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
     peerDependencies:
       acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
 
-  acorn-walk@7.2.0:
-    resolution: {integrity: sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==}
-    engines: {node: '>=0.4.0'}
-
-  acorn-walk@8.3.2:
-    resolution: {integrity: sha512-cjkyv4OtNCIeqhHrfS81QWXoCBPExR/J62oyEqepVw8WaQeSqpW2uhuLPh1m9eWhDuOo/jUXVTlifvesOWp/4A==}
-    engines: {node: '>=0.4.0'}
-
-  acorn@7.4.1:
-    resolution: {integrity: sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==}
+  acorn@8.15.0:
+    resolution: {integrity: sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==}
     engines: {node: '>=0.4.0'}
     hasBin: true
 
-  acorn@8.11.3:
-    resolution: {integrity: sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==}
+  acorn@8.16.0:
+    resolution: {integrity: sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==}
     engines: {node: '>=0.4.0'}
     hasBin: true
 
   add-stream@1.0.0:
     resolution: {integrity: sha512-qQLMr+8o0WC4FZGQTcJiKBVC59JylcPSrTtk6usvmIDFUOCKegapy1VHQwRbFMOFyb/inzUVqHs+eMYKDM1YeQ==}
 
-  agent-base@6.0.2:
-    resolution: {integrity: sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==}
-    engines: {node: '>= 6.0.0'}
+  agent-base@7.1.4:
+    resolution: {integrity: sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==}
+    engines: {node: '>= 14'}
 
-  aggregate-error@3.1.0:
-    resolution: {integrity: sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==}
-    engines: {node: '>=8'}
+  ajv@6.14.0:
+    resolution: {integrity: sha512-IWrosm/yrn43eiKqkfkHis7QioDleaXQHdDVPKg0FSwwd/DuvyX79TZnFOnYpB7dcsFAMmtFztZuXPDvSePkFw==}
 
-  ajv@6.12.6:
-    resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
+  ajv@8.17.1:
+    resolution: {integrity: sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==}
 
-  ajv@8.16.0:
-    resolution: {integrity: sha512-F0twR8U1ZU67JIEtekUcLkXkoO5mMMmgGD8sK/xUFzJ805jxHQl92hImFAqqXMyMYjSPOyUPAwHYhB72g5sTXw==}
+  algoliasearch@5.44.0:
+    resolution: {integrity: sha512-f8IpsbdQjzTjr/4mJ/jv5UplrtyMnnciGax6/B0OnLCs2/GJTK13O4Y7Ff1AvJVAaztanH+m5nzPoUq6EAy+aA==}
+    engines: {node: '>= 14.0.0'}
 
-  algoliasearch@4.23.3:
-    resolution: {integrity: sha512-Le/3YgNvjW9zxIQMRhUHuhiUjAlKY/zsdZpfq4dlLqg6mEm0nL6yk+7f2hDOtLpxsgE4jSzDmvHL7nXdBp5feg==}
+  alien-signals@3.1.0:
+    resolution: {integrity: sha512-yufC6VpSy8tK3I0lO67pjumo5JvDQVQyr38+3OHqe6CHl1t2VZekKZ7EKKZSqk0cRmE7U7tfZbpXiKNzuc+ckg==}
 
   ansi-colors@4.1.3:
     resolution: {integrity: sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==}
@@ -3104,12 +3602,16 @@ packages:
     resolution: {integrity: sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==}
     engines: {node: '>=8'}
 
+  ansi-escapes@7.2.0:
+    resolution: {integrity: sha512-g6LhBsl+GBPRWGWsBtutpzBYuIIdBkLEvad5C/va/74Db018+5TZiyA26cZJAr3Rft5lprVqOIPxf5Vid6tqAw==}
+    engines: {node: '>=18'}
+
   ansi-regex@5.0.1:
     resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
     engines: {node: '>=8'}
 
-  ansi-regex@6.0.1:
-    resolution: {integrity: sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==}
+  ansi-regex@6.2.2:
+    resolution: {integrity: sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==}
     engines: {node: '>=12'}
 
   ansi-styles@3.2.1:
@@ -3120,12 +3622,8 @@ packages:
     resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
     engines: {node: '>=8'}
 
-  ansi-styles@5.2.0:
-    resolution: {integrity: sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==}
-    engines: {node: '>=10'}
-
-  ansi-styles@6.2.1:
-    resolution: {integrity: sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==}
+  ansi-styles@6.2.3:
+    resolution: {integrity: sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==}
     engines: {node: '>=12'}
 
   anymatch@3.1.3:
@@ -3135,58 +3633,51 @@ packages:
   argparse@2.0.1:
     resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
 
-  aria-query@5.1.3:
-    resolution: {integrity: sha512-R5iJ5lkuHybztUfuOAznmboyjWq8O6sqNqtK7CLOqdydi54VNbORp49mb14KbWgG1QD3JFO9hJdZ+y4KutfdOQ==}
-
-  array-buffer-byte-length@1.0.1:
-    resolution: {integrity: sha512-ahC5W1xgou+KTXix4sAO8Ki12Q+jf4i0+tmk3sC+zgcynshkHxzpXdImBehiUYKKKDwvfFiJl1tZt6ewscS1Mg==}
+  array-buffer-byte-length@1.0.2:
+    resolution: {integrity: sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==}
     engines: {node: '>= 0.4'}
 
   array-ify@1.0.0:
     resolution: {integrity: sha512-c5AMf34bKdvPhQ7tBGhqkgKNUzMr4WUs+WDtC2ZUGOUncbxKMTvqxYctiseW3+L4bA8ec+GcZ6/A/FW4m8ukng==}
 
-  array-includes@3.1.8:
-    resolution: {integrity: sha512-itaWrbYbqpGXkGhZPGUulwnhVf5Hpy1xiCFsGqyIGglbBxmG5vSjxQen3/WGOjPpNEv1RtBLKxbmVXm8HpJStQ==}
+  array-includes@3.1.9:
+    resolution: {integrity: sha512-FmeCCAenzH0KH381SPT5FZmiA/TmpndpcaShhfgEN9eCVjnFBqq3l1xrI42y8+PPLI6hypzou4GXw00WHmPBLQ==}
     engines: {node: '>= 0.4'}
 
-  array-union@2.1.0:
-    resolution: {integrity: sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==}
-    engines: {node: '>=8'}
-
-  array.prototype.findlastindex@1.2.5:
-    resolution: {integrity: sha512-zfETvRFA8o7EiNn++N5f/kaCw221hrpGsDmcpndVupkPzEc1Wuf3VgC0qby1BbHs7f5DVYjgtEU2LLh5bqeGfQ==}
+  array.prototype.findlastindex@1.2.6:
+    resolution: {integrity: sha512-F/TKATkzseUExPlfvmwQKGITM3DGTK+vkAsCZoDc5daVygbJBnjEUCbgkAvVFsgfXfX4YIqZ/27G3k3tdXrTxQ==}
     engines: {node: '>= 0.4'}
 
-  array.prototype.flat@1.3.2:
-    resolution: {integrity: sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==}
+  array.prototype.flat@1.3.3:
+    resolution: {integrity: sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==}
     engines: {node: '>= 0.4'}
 
-  array.prototype.flatmap@1.3.2:
-    resolution: {integrity: sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==}
+  array.prototype.flatmap@1.3.3:
+    resolution: {integrity: sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==}
     engines: {node: '>= 0.4'}
 
-  arraybuffer.prototype.slice@1.0.3:
-    resolution: {integrity: sha512-bMxMKAjg13EBSVscxTaYA4mRc5t1UAXa2kXiGTNfZ079HIWXEkKmkgFrh/nJqamaLSrXO5H4WFFkPEaLJWbs3A==}
+  arraybuffer.prototype.slice@1.0.4:
+    resolution: {integrity: sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==}
     engines: {node: '>= 0.4'}
 
-  arrify@1.0.1:
-    resolution: {integrity: sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA==}
-    engines: {node: '>=0.10.0'}
+  assertion-error@2.0.1:
+    resolution: {integrity: sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==}
+    engines: {node: '>=12'}
 
-  assertion-error@1.1.0:
-    resolution: {integrity: sha512-jgsaNduz+ndvGyFt3uSuWqvy4lCnIJiovtouQN5JZHOKCS2QuhEdbcQHFhVksz2N2U9hXJo8odG7ETyWlEeuDw==}
-
-  ast-types@0.14.2:
-    resolution: {integrity: sha512-O0yuUDnZeQDL+ncNGlJ78BiO4jnYI3bvMsD5prT0/nsgijG/LpNBIr63gTjVTNsiGkgQhiyCShTgxt8oXOrklA==}
-    engines: {node: '>=4'}
+  ast-kit@3.0.0-beta.1:
+    resolution: {integrity: sha512-trmleAnZ2PxN/loHWVhhx1qeOHSRXq4TDsBBxq3GqeJitfk3+jTQ+v/C1km/KYq9M7wKqCewMh+/NAvVH7m+bw==}
+    engines: {node: '>=20.19.0'}
 
   ast-types@0.16.1:
     resolution: {integrity: sha512-6t10qk83GOG8p0vKmaCr8eiilZwO171AvbROMtvvNiwrTly62t+7XkA8RdIIVbpMhCASAsxgAzdRSwh6nw/5Dg==}
     engines: {node: '>=4'}
 
-  astral-regex@2.0.0:
-    resolution: {integrity: sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==}
-    engines: {node: '>=8'}
+  ast-v8-to-istanbul@1.0.0:
+    resolution: {integrity: sha512-1fSfIwuDICFA4LKkCzRPO7F0hzFf0B7+Xqrl27ynQaa+Rh0e1Es0v6kWHPott3lU10AyAr7oKHa65OppjLn3Rg==}
+
+  async-function@1.0.0:
+    resolution: {integrity: sha512-hsU18Ae8CDTR6Kgu9DYf0EbCr/a5iGL0rytQDobUcdpYOKokk8LEjVphnXkDkgpi0wYVsqrXuP0bZxJaTqdgoA==}
+    engines: {node: '>= 0.4'}
 
   async-validator@4.2.5:
     resolution: {integrity: sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg==}
@@ -3202,53 +3693,76 @@ packages:
     resolution: {integrity: sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==}
     engines: {node: '>= 0.4'}
 
-  axios@0.25.0:
-    resolution: {integrity: sha512-cD8FOb0tRH3uuEe6+evtAbgJtfxr7ly3fQjYcMcuPlgkwVS9xboaVIpcDV+cYQe+yGykgwZCs1pzjntcGa6l5g==}
+  axios@1.13.2:
+    resolution: {integrity: sha512-VPk9ebNqPcy5lRGuSlKx752IlDatOjT9paPlm8A7yOuW2Fbvp4X3JznJtT4f0GzGLLiWE9W8onz51SqLYwzGaA==}
 
-  babel-plugin-polyfill-corejs2@0.4.11:
-    resolution: {integrity: sha512-sMEJ27L0gRHShOh5G54uAAPaiCOygY/5ratXuiyb2G46FmlSpc9eFCzYVyDiPxfNbwzA7mYahmjQc5q+CZQ09Q==}
+  babel-plugin-polyfill-corejs2@0.4.17:
+    resolution: {integrity: sha512-aTyf30K/rqAsNwN76zYrdtx8obu0E4KoUME29B1xj+B3WxgvWkp943vYQ+z8Mv3lw9xHXMHpvSPOBxzAkIa94w==}
     peerDependencies:
       '@babel/core': ^7.4.0 || ^8.0.0-0 <8.0.0
 
-  babel-plugin-polyfill-corejs3@0.10.4:
-    resolution: {integrity: sha512-25J6I8NGfa5YkCDogHRID3fVCadIR8/pGl1/spvCkzb6lVn6SR3ojpx9nOn9iEBcUsjY24AmdKm5khcfKdylcg==}
+  babel-plugin-polyfill-corejs3@0.14.2:
+    resolution: {integrity: sha512-coWpDLJ410R781Npmn/SIBZEsAetR4xVi0SxLMXPaMO4lSf1MwnkGYMtkFxew0Dn8B3/CpbpYxN0JCgg8mn67g==}
     peerDependencies:
       '@babel/core': ^7.4.0 || ^8.0.0-0 <8.0.0
 
-  babel-plugin-polyfill-regenerator@0.6.2:
-    resolution: {integrity: sha512-2R25rQZWP63nGwaAswvDazbPXfrM3HwVoBXK6HcqeKrSrL/JqcC/rDcf95l4r7LXLyxDXc8uQDa064GubtCABg==}
+  babel-plugin-polyfill-regenerator@0.6.8:
+    resolution: {integrity: sha512-M762rNHfSF1EV3SLtnCJXFoQbbIIz0OyRwnCmV0KPC7qosSfCO0QLTSuJX3ayAebubhE6oYBAYPrBA5ljowaZg==}
     peerDependencies:
       '@babel/core': ^7.4.0 || ^8.0.0-0 <8.0.0
 
   balanced-match@1.0.2:
     resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
 
+  balanced-match@4.0.4:
+    resolution: {integrity: sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==}
+    engines: {node: 18 || 20 || >=22}
+
   base64-js@1.5.1:
     resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}
 
+  baseline-browser-mapping@2.10.8:
+    resolution: {integrity: sha512-PCLz/LXGBsNTErbtB6i5u4eLpHeMfi93aUv5duMmj6caNu6IphS4q6UevDnL36sZQv9lrP11dbPKGMaXPwMKfQ==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
+  baseline-browser-mapping@2.8.30:
+    resolution: {integrity: sha512-aTUKW4ptQhS64+v2d6IkPzymEzzhw+G0bA1g3uBRV3+ntkH+svttKseW5IOR4Ed6NUVKqnY7qT3dKvzQ7io4AA==}
+    hasBin: true
+
+  bidi-js@1.0.3:
+    resolution: {integrity: sha512-RKshQI1R3YQ+n9YJz2QQ147P66ELpa1FQEg20Dk8oW9t2KgLbpDLLp9aGZ7y8WHSshDknG0bknqGw5/tyCs5tw==}
+
   binary-extensions@2.3.0:
     resolution: {integrity: sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==}
     engines: {node: '>=8'}
 
+  birpc@2.8.0:
+    resolution: {integrity: sha512-Bz2a4qD/5GRhiHSwj30c/8kC8QGj12nNDwz3D4ErQ4Xhy35dsSDvF+RA/tWpjyU0pdGtSDiEk6B5fBGE1qNVhw==}
+
+  birpc@4.0.0:
+    resolution: {integrity: sha512-LShSxJP0KTmd101b6DRyGBj57LZxSDYWKitQNW/mi8GRMvZb078Uf9+pveax1DrVL89vm7mWe+TovdI/UDOuPw==}
+
   bl@4.1.0:
     resolution: {integrity: sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==}
 
   boolbase@1.0.0:
     resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==}
 
-  brace-expansion@1.1.11:
-    resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}
+  brace-expansion@1.1.12:
+    resolution: {integrity: sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==}
 
-  brace-expansion@2.0.1:
-    resolution: {integrity: sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==}
+  brace-expansion@2.0.2:
+    resolution: {integrity: sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==}
+
+  brace-expansion@5.0.4:
+    resolution: {integrity: sha512-h+DEnpVvxmfVefa4jFbCf5HdH5YMDXRsmKflpf1pILZWRFlTbJpxeU55nJl4Smt5HQaGzg1o6RHFPJaOqnmBDg==}
+    engines: {node: 18 || 20 || >=22}
 
   braces@3.0.3:
     resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
     engines: {node: '>=8'}
 
-  browser-process-hrtime@1.0.0:
-    resolution: {integrity: sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==}
-
   browserslist-to-esbuild@2.1.1:
     resolution: {integrity: sha512-KN+mty6C3e9AN8Z5dI1xeN15ExcRNeISoC3g7V0Kax/MMF9MSoYA2G7lkTTcVUFntiEjkpI0HNgqJC1NjdyNUw==}
     engines: {node: '>=18'}
@@ -3256,11 +3770,19 @@ packages:
     peerDependencies:
       browserslist: '*'
 
-  browserslist@4.23.0:
-    resolution: {integrity: sha512-QW8HiM1shhT2GuzkvklfjcKDiWFXHOeFCIA/huJPwHsslwcydgk7X+z2zXpEijP98UCY7HbubZt5J2Zgvf0CaQ==}
+  browserslist@4.28.0:
+    resolution: {integrity: sha512-tbydkR/CxfMwelN0vwdP/pLkDwyAASZ+VfWm4EOwlB6SWhx1sYnWLqo8N5j0rAzPfzfRaxt0mM/4wPU/Su84RQ==}
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
 
+  browserslist@4.28.1:
+    resolution: {integrity: sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==}
+    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
+    hasBin: true
+
+  buffer-builder@0.2.0:
+    resolution: {integrity: sha512-7VPMEPuYznPSoR21NE1zvd2Xna6c/CloiZCfcMXR1Jny6PjX0N4Nsa38zcBFo/FMK+BlA+FLKbJCQ0i2yxp+Xg==}
+
   buffer-from@1.1.2:
     resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==}
 
@@ -3270,10 +3792,15 @@ packages:
   buffer@6.0.3:
     resolution: {integrity: sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==}
 
-  c8@7.14.0:
-    resolution: {integrity: sha512-i04rtkkcNcCf7zsQcSv/T9EbUn4RXQ6mropeMcjFOsQXQ0iGLAr/xT6TImQg4+U9hmNpN9XdvPkjUL1IzbgxJw==}
-    engines: {node: '>=10.12.0'}
+  c8@10.1.3:
+    resolution: {integrity: sha512-LvcyrOAaOnrrlMpW22n690PUvxiq4Uf9WMhQwNJ9vgagkL/ph1+D4uvjvDA5XCbykrc0sx+ay6pVi9YZ1GnhyA==}
+    engines: {node: '>=18'}
     hasBin: true
+    peerDependencies:
+      monocart-coverage-reports: ^2
+    peerDependenciesMeta:
+      monocart-coverage-reports:
+        optional: true
 
   cac@6.7.14:
     resolution: {integrity: sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==}
@@ -3283,32 +3810,38 @@ packages:
     resolution: {integrity: sha512-A+Fezp4zxnit6FanDmv9EqXNAi3vt9DWp51/71UEhXukb7QUuvtv9344h91dyAxuTLoSYJFU299qzR3tzwPAhw==}
     engines: {node: '>=6'}
 
-  call-bind@1.0.7:
-    resolution: {integrity: sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==}
+  call-bind-apply-helpers@1.0.2:
+    resolution: {integrity: sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==}
+    engines: {node: '>= 0.4'}
+
+  call-bind@1.0.8:
+    resolution: {integrity: sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==}
+    engines: {node: '>= 0.4'}
+
+  call-bound@1.0.4:
+    resolution: {integrity: sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==}
     engines: {node: '>= 0.4'}
 
   callsites@3.1.0:
     resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
     engines: {node: '>=6'}
 
-  camelcase-keys@6.2.2:
-    resolution: {integrity: sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==}
-    engines: {node: '>=8'}
-
   camelcase@5.3.1:
     resolution: {integrity: sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==}
     engines: {node: '>=6'}
 
-  camelcase@6.3.0:
-    resolution: {integrity: sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==}
-    engines: {node: '>=10'}
+  caniuse-lite@1.0.30001756:
+    resolution: {integrity: sha512-4HnCNKbMLkLdhJz3TToeVWHSnfJvPaq6vu/eRP0Ahub/07n484XHhBF5AJoSGHdVrS8tKFauUQz8Bp9P7LVx7A==}
 
-  caniuse-lite@1.0.30001628:
-    resolution: {integrity: sha512-S3BnR4Kh26TBxbi5t5kpbcUlLJb9lhtDXISDPwOfI+JoC+ik0QksvkZtUVyikw3hjnkgkMPSJ8oIM9yMm9vflA==}
+  caniuse-lite@1.0.30001780:
+    resolution: {integrity: sha512-llngX0E7nQci5BPJDqoZSbuZ5Bcs9F5db7EtgfwBerX9XGtkkiO4NwfDDIRzHTTwcYC8vC7bmeUEPGrKlR/TkQ==}
 
-  chai@4.4.1:
-    resolution: {integrity: sha512-13sOfMv2+DWduEU+/xbun3LScLoqN17nBeTLUsmDfKdoiC1fr0n9PU4guu4AhRcOVFk/sW8LyZWHuhWtQZiF+g==}
-    engines: {node: '>=4'}
+  ccount@2.0.1:
+    resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
+
+  chai@6.2.2:
+    resolution: {integrity: sha512-NUPRluOfOiTKBKvWPtSD4PhFvWCqOi0BGStNWs57X9js7XGTprSmFoz5F0tWhR4WPjNeR9jXqdC7/UpSJTnlRg==}
+    engines: {node: '>=18'}
 
   chalk@2.4.2:
     resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==}
@@ -3318,35 +3851,42 @@ packages:
     resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
     engines: {node: '>=10'}
 
-  chalk@5.3.0:
-    resolution: {integrity: sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==}
+  chalk@5.6.2:
+    resolution: {integrity: sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==}
     engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
 
+  character-entities-html4@2.1.0:
+    resolution: {integrity: sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==}
+
+  character-entities-legacy@3.0.0:
+    resolution: {integrity: sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ==}
+
   chardet@0.7.0:
     resolution: {integrity: sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==}
 
-  check-error@1.0.3:
-    resolution: {integrity: sha512-iKEoDYaRmd1mxM90a2OEfWhjsjPpYPuQ+lMYsoxB126+t8fw7ySEO48nmDg5COTjxDI65/Y2OWpeEHk3ZOe8zg==}
-
   chokidar@3.6.0:
     resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
     engines: {node: '>= 8.10.0'}
 
-  clean-stack@2.2.0:
-    resolution: {integrity: sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==}
-    engines: {node: '>=6'}
+  chokidar@4.0.3:
+    resolution: {integrity: sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==}
+    engines: {node: '>= 14.16.0'}
 
   cli-cursor@3.1.0:
     resolution: {integrity: sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==}
     engines: {node: '>=8'}
 
+  cli-cursor@5.0.0:
+    resolution: {integrity: sha512-aCj4O5wKyszjMmDT4tZj93kxyydN/K5zPWSCe6/0AV/AA1pqe5ZBIw0a2ZfPQV7lL5/yb5HsUreJ6UFAF1tEQw==}
+    engines: {node: '>=18'}
+
   cli-spinners@2.9.2:
     resolution: {integrity: sha512-ywqV+5MmyL4E7ybXgKys4DugZbX0FC6LnwrhjuykIjnK9k8OQacQ7axGKnjDXWNhns0xot3bZI5h55H8yo9cJg==}
     engines: {node: '>=6'}
 
-  cli-truncate@2.1.0:
-    resolution: {integrity: sha512-n8fOixwDD6b/ObinzTrp1ZKFzbgvKZvuz/TvejnLn1aQfC6r52XEx85FmuC+3HI+JM7coBRXUvNqEU2PHVrHpg==}
-    engines: {node: '>=8'}
+  cli-truncate@5.1.1:
+    resolution: {integrity: sha512-SroPvNHxUnk+vIW/dOSfNqdy1sPEFkrTk6TUtqLCnBlo3N7TNYYkzzN7uSD6+jVjrdO4+p8nH7JzH6cIvUem6A==}
+    engines: {node: '>=20'}
 
   cli-width@3.0.0:
     resolution: {integrity: sha512-FxqpkPPwu1HjuN93Omfm4h8uIanXofW0RxVEW3k5RKx+mJJYSthzNhp32Kzxxy3YAEZ/Dc/EWN1vZRY0+kOhbw==}
@@ -3355,9 +3895,6 @@ packages:
   cliui@6.0.0:
     resolution: {integrity: sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==}
 
-  cliui@7.0.4:
-    resolution: {integrity: sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==}
-
   cliui@8.0.1:
     resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==}
     engines: {node: '>=12'}
@@ -3379,54 +3916,41 @@ packages:
   color-name@1.1.4:
     resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
 
-  color-string@1.9.1:
-    resolution: {integrity: sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==}
-
-  color@3.2.1:
-    resolution: {integrity: sha512-aBl7dZI9ENN6fUGC7mWpMTPNHmWUSNan9tuWN6ahh5ZLNk9baLJOnSMlrQkHcrfFgz2/RigjUVAjdx36VcemKA==}
-
-  colorette@1.4.0:
-    resolution: {integrity: sha512-Y2oEozpomLn7Q3HFP7dpww7AtMJplbM9lGZP6RDfHqmbeRjiwRg4n6VM6j4KLmRke85uWEI7JqF17f3pqdRA0g==}
-
   colorette@2.0.20:
     resolution: {integrity: sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==}
 
+  colorjs.io@0.5.2:
+    resolution: {integrity: sha512-twmVoizEW7ylZSN32OgKdXRmo1qg+wT5/6C3xu5b9QsWzSFAhHLn2xd8ro0diCsKfCj1RdaTP/nrcW+vAoQPIw==}
+
   combined-stream@1.0.8:
     resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
     engines: {node: '>= 0.8'}
 
+  comma-separated-tokens@2.0.3:
+    resolution: {integrity: sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==}
+
   commander@10.0.1:
     resolution: {integrity: sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==}
     engines: {node: '>=14'}
 
+  commander@14.0.2:
+    resolution: {integrity: sha512-TywoWNNRbhoD0BXs1P3ZEScW8W5iKrnbithIl0YH+uCmBd0QpPOA8yc82DS3BIE5Ma6FnBVUsJ7wVUDz4dvOWQ==}
+    engines: {node: '>=20'}
+
   commander@2.20.3:
     resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
 
-  commander@8.3.0:
-    resolution: {integrity: sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==}
-    engines: {node: '>= 12'}
-
-  commander@9.5.0:
-    resolution: {integrity: sha512-KRs7WVDKg86PWiuAqhDrAQnTXZKraVcCc6vFdL14qrZ/DcWwuRo7VoiYXalXO7S5GKpqYiVEwCbgFDfxNHKJBQ==}
-    engines: {node: ^12.20.0 || >=14}
-
-  commitizen@4.3.0:
-    resolution: {integrity: sha512-H0iNtClNEhT0fotHvGV3E9tDejDeS04sN1veIebsKYGMuGscFaswRoYJKmT3eW85eIJAs0F28bG2+a/9wCOfPw==}
+  commitizen@4.3.1:
+    resolution: {integrity: sha512-gwAPAVTy/j5YcOOebcCRIijn+mSjWJC+IYKivTu6aG8Ei/scoXgfsMRnuAk6b0GRste2J4NGxVdMN3ZpfNaVaw==}
     engines: {node: '>= 12'}
     hasBin: true
 
   compare-func@2.0.0:
     resolution: {integrity: sha512-zHig5N+tPWARooBnb0Zx1MFcdfpyJrfTJ3Y5L+IFvUm8rM74hHz66z0gw0x4tijh5CorKkKUCnW82R2vmpeCRA==}
 
-  computeds@0.0.1:
-    resolution: {integrity: sha512-7CEBgcMjVmitjYo5q8JTJVra6X5mQ20uTThdK+0kR7UEaDrAWEQcRiBtWJzga4eRpP6afNwwLsX2SET2JhVB1Q==}
-
   concat-map@0.0.1:
     resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
 
-  confbox@0.1.7:
-    resolution: {integrity: sha512-uJcB/FKZtBMCJpK8MQji6bJHgu1tixKPxRLeGkNzBoOZzpnZUJm0jm2/sBDWcuBx1dYgxV4JU+g5hmNxCyAmdA==}
-
   config-chain@1.1.13:
     resolution: {integrity: sha512-qj+f8APARXHrM0hraqXYb2/bOVSV4PvJQlNZ/DVj0QrmNM2q2euizkeuVckQ57J+W0mRH6Hvi+k50M4Jul2VRQ==}
 
@@ -3434,101 +3958,105 @@ packages:
     resolution: {integrity: sha512-ROjNchA9LgfNMTTFSIWPzebCwOGFdgkEq45EnvvrmSLvCtAw0HSmrCs7/ty+wAeYUZyNay0YMUNYFTRL72PkBQ==}
     engines: {node: '>=16'}
 
-  conventional-changelog-atom@4.0.0:
-    resolution: {integrity: sha512-q2YtiN7rnT1TGwPTwjjBSIPIzDJCRE+XAUahWxnh+buKK99Kks4WLMHoexw38GXx9OUxAsrp44f9qXe5VEMYhw==}
-    engines: {node: '>=16'}
+  conventional-changelog-angular@8.1.0:
+    resolution: {integrity: sha512-GGf2Nipn1RUCAktxuVauVr1e3r8QrLP/B0lEUsFktmGqc3ddbQkhoJZHJctVU829U1c6mTSWftrVOCHaL85Q3w==}
+    engines: {node: '>=18'}
 
-  conventional-changelog-cli@4.1.0:
-    resolution: {integrity: sha512-MscvILWZ6nWOoC+p/3Nn3D2cVLkjeQjyZPUr0bQ+vUORE/SPrkClJh8BOoMNpS4yk+zFJ5LlgXACxH6XGQoRXA==}
-    engines: {node: '>=16'}
+  conventional-changelog-atom@5.0.0:
+    resolution: {integrity: sha512-WfzCaAvSCFPkznnLgLnfacRAzjgqjLUjvf3MftfsJzQdDICqkOOpcMtdJF3wTerxSpv2IAAjX8doM3Vozqle3g==}
+    engines: {node: '>=18'}
+
+  conventional-changelog-cli@5.0.0:
+    resolution: {integrity: sha512-9Y8fucJe18/6ef6ZlyIlT2YQUbczvoQZZuYmDLaGvcSBP+M6h+LAvf7ON7waRxKJemcCII8Yqu5/8HEfskTxJQ==}
+    engines: {node: '>=18'}
     hasBin: true
 
-  conventional-changelog-codemirror@4.0.0:
-    resolution: {integrity: sha512-hQSojc/5imn1GJK3A75m9hEZZhc3urojA5gMpnar4JHmgLnuM3CUIARPpEk86glEKr3c54Po3WV/vCaO/U8g3Q==}
-    engines: {node: '>=16'}
+  conventional-changelog-codemirror@5.0.0:
+    resolution: {integrity: sha512-8gsBDI5Y3vrKUCxN6Ue8xr6occZ5nsDEc4C7jO/EovFGozx8uttCAyfhRrvoUAWi2WMm3OmYs+0mPJU7kQdYWQ==}
+    engines: {node: '>=18'}
 
   conventional-changelog-conventionalcommits@7.0.2:
     resolution: {integrity: sha512-NKXYmMR/Hr1DevQegFB4MwfM5Vv0m4UIxKZTTYuD98lpTknaZlSRrDOG4X7wIXpGkfsYxZTghUN+Qq+T0YQI7w==}
     engines: {node: '>=16'}
 
-  conventional-changelog-core@7.0.0:
-    resolution: {integrity: sha512-UYgaB1F/COt7VFjlYKVE/9tTzfU3VUq47r6iWf6lM5T7TlOxr0thI63ojQueRLIpVbrtHK4Ffw+yQGduw2Bhdg==}
-    engines: {node: '>=16'}
+  conventional-changelog-conventionalcommits@8.0.0:
+    resolution: {integrity: sha512-eOvlTO6OcySPyyyk8pKz2dP4jjElYunj9hn9/s0OB+gapTO8zwS9UQWrZ1pmF2hFs3vw1xhonOLGcGjy/zgsuA==}
+    engines: {node: '>=18'}
 
-  conventional-changelog-ember@4.0.0:
-    resolution: {integrity: sha512-D0IMhwcJUg1Y8FSry6XAplEJcljkHVlvAZddhhsdbL1rbsqRsMfGx/PIkPYq0ru5aDgn+OxhQ5N5yR7P9mfsvA==}
-    engines: {node: '>=16'}
+  conventional-changelog-core@8.0.0:
+    resolution: {integrity: sha512-EATUx5y9xewpEe10UEGNpbSHRC6cVZgO+hXQjofMqpy+gFIrcGvH3Fl6yk2VFKh7m+ffenup2N7SZJYpyD9evw==}
+    engines: {node: '>=18'}
 
-  conventional-changelog-eslint@5.0.0:
-    resolution: {integrity: sha512-6JtLWqAQIeJLn/OzUlYmzd9fKeNSWmQVim9kql+v4GrZwLx807kAJl3IJVc3jTYfVKWLxhC3BGUxYiuVEcVjgA==}
-    engines: {node: '>=16'}
+  conventional-changelog-ember@5.0.0:
+    resolution: {integrity: sha512-RPflVfm5s4cSO33GH/Ey26oxhiC67akcxSKL8CLRT3kQX2W3dbE19sSOM56iFqUJYEwv9mD9r6k79weWe1urfg==}
+    engines: {node: '>=18'}
 
-  conventional-changelog-express@4.0.0:
-    resolution: {integrity: sha512-yWyy5c7raP9v7aTvPAWzqrztACNO9+FEI1FSYh7UP7YT1AkWgv5UspUeB5v3Ibv4/o60zj2o9GF2tqKQ99lIsw==}
-    engines: {node: '>=16'}
+  conventional-changelog-eslint@6.0.0:
+    resolution: {integrity: sha512-eiUyULWjzq+ybPjXwU6NNRflApDWlPEQEHvI8UAItYW/h22RKkMnOAtfCZxMmrcMO1OKUWtcf2MxKYMWe9zJuw==}
+    engines: {node: '>=18'}
 
-  conventional-changelog-jquery@5.0.0:
-    resolution: {integrity: sha512-slLjlXLRNa/icMI3+uGLQbtrgEny3RgITeCxevJB+p05ExiTgHACP5p3XiMKzjBn80n+Rzr83XMYfRInEtCPPw==}
-    engines: {node: '>=16'}
+  conventional-changelog-express@5.0.0:
+    resolution: {integrity: sha512-D8Q6WctPkQpvr2HNCCmwU5GkX22BVHM0r4EW8vN0230TSyS/d6VQJDAxGb84lbg0dFjpO22MwmsikKL++Oo/oQ==}
+    engines: {node: '>=18'}
 
-  conventional-changelog-jshint@4.0.0:
-    resolution: {integrity: sha512-LyXq1bbl0yG0Ai1SbLxIk8ZxUOe3AjnlwE6sVRQmMgetBk+4gY9EO3d00zlEt8Y8gwsITytDnPORl8al7InTjg==}
-    engines: {node: '>=16'}
+  conventional-changelog-jquery@6.0.0:
+    resolution: {integrity: sha512-2kxmVakyehgyrho2ZHBi90v4AHswkGzHuTaoH40bmeNqUt20yEkDOSpw8HlPBfvEQBwGtbE+5HpRwzj6ac2UfA==}
+    engines: {node: '>=18'}
 
-  conventional-changelog-preset-loader@4.1.0:
-    resolution: {integrity: sha512-HozQjJicZTuRhCRTq4rZbefaiCzRM2pr6u2NL3XhrmQm4RMnDXfESU6JKu/pnKwx5xtdkYfNCsbhN5exhiKGJA==}
-    engines: {node: '>=16'}
+  conventional-changelog-jshint@5.0.0:
+    resolution: {integrity: sha512-gGNphSb/opc76n2eWaO6ma4/Wqu3tpa2w7i9WYqI6Cs2fncDSI2/ihOfMvXveeTTeld0oFvwMVNV+IYQIk3F3g==}
+    engines: {node: '>=18'}
 
-  conventional-changelog-writer@7.0.1:
-    resolution: {integrity: sha512-Uo+R9neH3r/foIvQ0MKcsXkX642hdm9odUp7TqgFS7BsalTcjzRlIfWZrZR1gbxOozKucaKt5KAbjW8J8xRSmA==}
-    engines: {node: '>=16'}
+  conventional-changelog-preset-loader@5.0.0:
+    resolution: {integrity: sha512-SetDSntXLk8Jh1NOAl1Gu5uLiCNSYenB5tm0YVeZKePRIgDW9lQImromTwLa3c/Gae298tsgOM+/CYT9XAl0NA==}
+    engines: {node: '>=18'}
+
+  conventional-changelog-writer@8.2.0:
+    resolution: {integrity: sha512-Y2aW4596l9AEvFJRwFGJGiQjt2sBYTjPD18DdvxX9Vpz0Z7HQ+g1Z+6iYDAm1vR3QOJrDBkRHixHK/+FhkR6Pw==}
+    engines: {node: '>=18'}
     hasBin: true
 
-  conventional-changelog@5.1.0:
-    resolution: {integrity: sha512-aWyE/P39wGYRPllcCEZDxTVEmhyLzTc9XA6z6rVfkuCD2UBnhV/sgSOKbQrEG5z9mEZJjnopjgQooTKxEg8mAg==}
-    engines: {node: '>=16'}
+  conventional-changelog@6.0.0:
+    resolution: {integrity: sha512-tuUH8H/19VjtD9Ig7l6TQRh+Z0Yt0NZ6w/cCkkyzUbGQTnUEmKfGtkC9gGfVgCfOL1Rzno5NgNF4KY8vR+Jo3w==}
+    engines: {node: '>=18'}
 
   conventional-commit-types@3.0.0:
     resolution: {integrity: sha512-SmmCYnOniSsAa9GqWOeLqc179lfr5TRu5b4QFDkbsrJ5TZjPJx85wtOr3zn+1dbeNiXDKGPbZ72IKbPhLXh/Lg==}
 
-  conventional-commits-filter@4.0.0:
-    resolution: {integrity: sha512-rnpnibcSOdFcdclpFwWa+pPlZJhXE7l+XK04zxhbWrhgpR96h33QLz8hITTXbcYICxVr3HZFtbtUAQ+4LdBo9A==}
-    engines: {node: '>=16'}
+  conventional-commits-filter@5.0.0:
+    resolution: {integrity: sha512-tQMagCOC59EVgNZcC5zl7XqO30Wki9i9J3acbUvkaosCT6JX3EeFwJD7Qqp4MCikRnzS18WXV3BLIQ66ytu6+Q==}
+    engines: {node: '>=18'}
 
   conventional-commits-parser@5.0.0:
     resolution: {integrity: sha512-ZPMl0ZJbw74iS9LuX9YIAiW8pfM5p3yh2o/NbXHbkFuZzY5jvdi5jFycEOkmBW5H5I7nA+D6f3UcsCLP2vvSEA==}
     engines: {node: '>=16'}
     hasBin: true
 
+  conventional-commits-parser@6.2.1:
+    resolution: {integrity: sha512-20pyHgnO40rvfI0NGF/xiEoFMkXDtkF8FwHvk5BokoFoCuTQRI8vrNCNFWUOfuolKJMm1tPCHc8GgYEtr1XRNA==}
+    engines: {node: '>=18'}
+    hasBin: true
+
   convert-source-map@2.0.0:
     resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
 
-  core-js-compat@3.37.1:
-    resolution: {integrity: sha512-9TNiImhKvQqSUkOvk/mMRZzOANTiEVC7WaBNhHcKM7x+/5E1l5NvsysR19zuDQScE8k+kfQXWRN3AtS/eOSHpg==}
+  copy-anything@4.0.5:
+    resolution: {integrity: sha512-7Vv6asjS4gMOuILabD3l739tsaxFQmC+a7pLZm02zyvs8p977bL3zEgq3yDk5rn9B0PbYgIv++jmHcuUab4RhA==}
+    engines: {node: '>=18'}
 
-  core-js@3.37.1:
-    resolution: {integrity: sha512-Xn6qmxrQZyB0FFY8E3bgRXei3lWDJHhvI+u0q9TKIYM49G8pAr0FgnnrFRAmsbptZL1yxRADVXn+x5AGsbBfyw==}
+  core-js-compat@3.49.0:
+    resolution: {integrity: sha512-VQXt1jr9cBz03b331DFDCCP90b3fanciLkgiOoy8SBHy06gNf+vQ1A3WFLqG7I8TipYIKeYK9wxd0tUrvHcOZA==}
 
-  cosmiconfig-typescript-loader@5.0.0:
-    resolution: {integrity: sha512-+8cK7jRAReYkMwMiG+bxhcNKiHJDM6bR9FD/nGBXOWdMLuYawjF5cGrtLilJ+LGd3ZjCXnJjR5DkfWPoIVlqJA==}
-    engines: {node: '>=v16'}
+  core-js@3.49.0:
+    resolution: {integrity: sha512-es1U2+YTtzpwkxVLwAFdSpaIMyQaq0PBgm3YD1W3Qpsn1NAmO3KSgZfu+oGSWVu6NvLHoHCV/aYcsE5wiB7ALg==}
+
+  cosmiconfig-typescript-loader@6.2.0:
+    resolution: {integrity: sha512-GEN39v7TgdxgIoNcdkRE3uiAzQt3UXLyHbRHD6YoL048XAeOomyxaP+Hh/+2C6C2wYjxJ2onhJcsQp+L4YEkVQ==}
+    engines: {node: '>=v18'}
     peerDependencies:
       '@types/node': '*'
-      cosmiconfig: '>=8.2'
-      typescript: '>=4'
-
-  cosmiconfig@7.1.0:
-    resolution: {integrity: sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==}
-    engines: {node: '>=10'}
-
-  cosmiconfig@8.3.6:
-    resolution: {integrity: sha512-kcZ6+W5QzcJ3P1Mt+83OUv/oHFqZHIx8DuxG6eZ5RGMERoLqp4BuGjhHLYGK+Kf5XVkQvqBSmAy/nGWN3qDgEA==}
-    engines: {node: '>=14'}
-    peerDependencies:
-      typescript: '>=4.9.5'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
+      cosmiconfig: '>=9'
+      typescript: '>=5'
 
   cosmiconfig@9.0.0:
     resolution: {integrity: sha512-itvL5h8RETACmOTFc4UfIyB2RfEHi71Ax6E/PivVxq9NseKbOWpeyHEOIbmAw1rs8Ak0VursQNww7lf7YtUwzg==}
@@ -3556,8 +4084,8 @@ packages:
   croact@1.0.4:
     resolution: {integrity: sha512-9GhvyzTY/IVUrMQ2iz/mzgZ8+NcjczmIo/t4FkC1CU0CEcau6v6VsEih4jkTa4ZmRgYTF0qXEZLObCzdDFplpw==}
 
-  cross-spawn@7.0.3:
-    resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==}
+  cross-spawn@7.0.6:
+    resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
     engines: {node: '>= 8'}
 
   css-styled@1.0.8:
@@ -3566,60 +4094,48 @@ packages:
   css-to-mat@1.1.1:
     resolution: {integrity: sha512-kvpxFYZb27jRd2vium35G7q5XZ2WJ9rWjDUMNT36M3Hc41qCrLXFM5iEKMGXcrPsKfXEN+8l/riB4QzwwwiEyQ==}
 
+  css-tree@3.1.0:
+    resolution: {integrity: sha512-0eW44TGN5SQXU1mWSkKwFstI/22X2bG1nYzZTYMAWjylYURhse752YgbE4Cx46AC+bAvI+/dYTPRk1LqSUnu6w==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
+
   cssesc@3.0.0:
     resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
     engines: {node: '>=4'}
     hasBin: true
 
-  cssom@0.3.8:
-    resolution: {integrity: sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==}
+  cssstyle@5.3.3:
+    resolution: {integrity: sha512-OytmFH+13/QXONJcC75QNdMtKpceNk3u8ThBjyyYjkEcy/ekBwR1mMAuNvi3gdBPW3N5TlCzQ0WZw8H0lN/bDw==}
+    engines: {node: '>=20'}
 
-  cssom@0.5.0:
-    resolution: {integrity: sha512-iKuQcq+NdHqlAcwUY0o/HL69XQrUaQdMjmStJ8JFmUaiiQErlhrmuigkg/CU4E2J0IyUKUrMAgl36TvN67MqTw==}
-
-  cssstyle@2.3.0:
-    resolution: {integrity: sha512-AZL67abkUzIuvcHqk7c09cezpGNcxUxU4Ioi/05xHk4DQeTkWmGYftIE6ctU6AEt+Gn4n1lDStOtj7FKycP71A==}
-    engines: {node: '>=8'}
-
-  csstype@3.1.3:
-    resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
+  csstype@3.2.3:
+    resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==}
 
   cz-conventional-changelog@3.3.0:
     resolution: {integrity: sha512-U466fIzU5U22eES5lTNiNbZ+d8dfcHcssH4o7QsdWaCcRs/feIPCxKYSWkYBNs5mny7MvEfwpTLWjvbm94hecw==}
     engines: {node: '>= 10'}
 
-  dargs@7.0.0:
-    resolution: {integrity: sha512-2iy1EkLdlBzQGvbweYRFxmFath8+K7+AKB0TlhHWkNuH+TmovaMH/Wp7V7R4u7f4SnX3OgLsU9t1NI9ioDnUpg==}
-    engines: {node: '>=8'}
-
   dargs@8.1.0:
     resolution: {integrity: sha512-wAV9QHOsNbwnWdNW2FYvE1P56wtgSbM+3SZcdGiWQILwVjACCXDCI3Ai8QlCjMDB8YK5zySiXZYBiwGmNY3lnw==}
     engines: {node: '>=12'}
 
-  data-urls@3.0.2:
-    resolution: {integrity: sha512-Jy/tj3ldjZJo63sVAvg6LHt2mHvl4V6AgRAmNDtLdm7faqtsx+aJG42rsyCo9JCoRVKwPFzKlIPx3DIibwSIaQ==}
-    engines: {node: '>=12'}
+  data-urls@6.0.0:
+    resolution: {integrity: sha512-BnBS08aLUM+DKamupXs3w2tJJoqU+AkaE/+6vQxi/G/DPmIZFJJp9Dkb1kM03AZx8ADehDUZgsNxju3mPXZYIA==}
+    engines: {node: '>=20'}
 
-  data-view-buffer@1.0.1:
-    resolution: {integrity: sha512-0lht7OugA5x3iJLOWFhWK/5ehONdprk0ISXqVFn/NFrDu+cuc8iADFrGQz5BnRK7LLU3JmkbXSxaqX+/mXYtUA==}
+  data-view-buffer@1.0.2:
+    resolution: {integrity: sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==}
     engines: {node: '>= 0.4'}
 
-  data-view-byte-length@1.0.1:
-    resolution: {integrity: sha512-4J7wRJD3ABAzr8wP+OcIcqq2dlUKp4DVflx++hs5h5ZKydWMI6/D/fAot+yh6g2tHh8fLFTvNOaVN357NvSrOQ==}
+  data-view-byte-length@1.0.2:
+    resolution: {integrity: sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==}
     engines: {node: '>= 0.4'}
 
-  data-view-byte-offset@1.0.0:
-    resolution: {integrity: sha512-t/Ygsytq+R995EJ5PZlD4Cu56sWa8InXySaViRzw9apusqsOO2bQP+SbYzAhR0pFKoB+43lYy8rWban9JSuXnA==}
+  data-view-byte-offset@1.0.1:
+    resolution: {integrity: sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==}
     engines: {node: '>= 0.4'}
 
-  dayjs@1.11.10:
-    resolution: {integrity: sha512-vjAczensTgRcqDERK0SR2XMwsF/tSvnvlv6VcF2GIhg6Sx4yOIt/irsr1RDJsKiIyBzJDpCoXiWWq28MqH2cnQ==}
-
-  dayjs@1.11.11:
-    resolution: {integrity: sha512-okzr3f11N6WuqYtZSvm+F776mB41wRZMhKP+hc34YdW+KmtYYK9iqvHSwo2k9FEH3fhGXvOPV6yz2IcSrfRUDg==}
-
-  de-indent@1.0.2:
-    resolution: {integrity: sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==}
+  dayjs@1.11.19:
+    resolution: {integrity: sha512-t5EcLVS6QPBNqM2z8fakk/NKel+Xzshgt8FFKAn+qwlD1pzZWxh0nVCrvFK7ZDb6XucZeF9z8C7CBWTRIVApAw==}
 
   debug@3.2.7:
     resolution: {integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==}
@@ -3629,8 +4145,8 @@ packages:
       supports-color:
         optional: true
 
-  debug@4.3.5:
-    resolution: {integrity: sha512-pt0bNEmneDIvdL1Xsd9oDQ/wrQRkXDT4AUWlNZNPKvW5x/jyO9VFXkJUP07vQ2upmw5PlaITaPKc31jK13V+jg==}
+  debug@4.4.3:
+    resolution: {integrity: sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==}
     engines: {node: '>=6.0'}
     peerDependencies:
       supports-color: '*'
@@ -3638,33 +4154,24 @@ packages:
       supports-color:
         optional: true
 
-  decamelize-keys@1.1.1:
-    resolution: {integrity: sha512-WiPxgEirIV0/eIOMcnFBA3/IJZAZqKnwAwWyvvdi4lsr1WCN22nhdf/3db3DoZcUjTV2SqfzIwNyp6y2xs3nmg==}
-    engines: {node: '>=0.10.0'}
-
   decamelize@1.2.0:
     resolution: {integrity: sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==}
     engines: {node: '>=0.10.0'}
 
-  decimal.js@10.4.3:
-    resolution: {integrity: sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==}
+  decimal.js@10.6.0:
+    resolution: {integrity: sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==}
 
   dedent@0.7.0:
     resolution: {integrity: sha512-Q6fKUPqnAHAyhiUgFU7BUzLiv0kd8saH9al7tnu5Q/okj6dnupxyTgFIBjVzJATdfIAm9NAsvXNzjaKa+bxVyA==}
 
-  deep-eql@4.1.3:
-    resolution: {integrity: sha512-WaEtAOpRA1MQ0eohqZjpGD8zdI0Ovsm8mmFhaDN8dvDZzyoUMcYDnf5Y6iu7HTXxf8JDS23qWa4a+hKCDyOPzw==}
-    engines: {node: '>=6'}
-
-  deep-equal@2.2.3:
-    resolution: {integrity: sha512-ZIwpnevOurS8bpT4192sqAowWM76JDKSHYzMLty3BZGSswgq6pBaH3DhCSW5xVAZICZyKdOBPjwww5wfgT/6PA==}
-    engines: {node: '>= 0.4'}
-
   deep-is@0.1.4:
     resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
 
-  deep-state-observer@5.5.13:
-    resolution: {integrity: sha512-Ai55DB6P/k/EBgC4jNlYqIgp8e6Mzl7E/4vzIDMfrJ+TnCFmeA7TySaa3BapioDz4Cr6dYamVI4Mx2FMtpfM4w==}
+  deep-object-diff@1.1.9:
+    resolution: {integrity: sha512-Rn+RuwkmkDwCi2/oXOFS9Gsr5lJZu/yTGpK7wAaAIE75CC+LCGEZHpY6VQJa/RoJcrmaA/docWJZvYohlNkWPA==}
+
+  deep-state-observer@5.5.14:
+    resolution: {integrity: sha512-rb4XCVPMvC9VDPLITJO7SS2e0tBnjPcyoFG+nD1qa+gVJm5o4JsZjxpE0j4Z/jDiTbuTKPaNhGZUZWxLs3CzAw==}
 
   defaults@1.0.4:
     resolution: {integrity: sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==}
@@ -3681,8 +4188,9 @@ packages:
     resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
     engines: {node: '>=0.4.0'}
 
-  delegate@3.2.0:
-    resolution: {integrity: sha512-IofjkYBZaZivn0V8nnsMJGBr4jVLxHDheKSW88PyxS5QC4Vo9ZbZVvhzlSxY87fVq3STR6r+4cGepyHkcWOQSw==}
+  dequal@2.0.3:
+    resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
+    engines: {node: '>=6'}
 
   detect-file@1.0.0:
     resolution: {integrity: sha512-DtCOLG98P007x7wiiOmfI0fi3eIKyWiLTGJ2MDnVi/E04lWGbf+JzrRHMm0rgIIZJGtHpKpbVgLWHrv8xXpc3Q==}
@@ -3692,37 +4200,45 @@ packages:
     resolution: {integrity: sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==}
     engines: {node: '>=8'}
 
-  diff-sequences@29.6.3:
-    resolution: {integrity: sha512-EjePK1srD3P08o2j4f0ExnylqRs5B9tJjcp9t1krH2qRi8CCdsYfwe9JgSLurFBWwq4uOlipzfk5fHNvwFKr8Q==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
+  detect-libc@1.0.3:
+    resolution: {integrity: sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==}
+    engines: {node: '>=0.10'}
+    hasBin: true
+
+  detect-libc@2.1.2:
+    resolution: {integrity: sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==}
+    engines: {node: '>=8'}
+
+  devlop@1.1.0:
+    resolution: {integrity: sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==}
 
   dijkstrajs@1.0.3:
     resolution: {integrity: sha512-qiSlmBq9+BCdCA/L46dw8Uy93mloxsPSbwnm5yrKn2vMPiy8KyAskTF6zuV/j5BMsmOGZDPs7KjU+mjb670kfA==}
 
-  dir-glob@3.0.1:
-    resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==}
-    engines: {node: '>=8'}
-
   doctrine@2.1.0:
     resolution: {integrity: sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==}
     engines: {node: '>=0.10.0'}
 
-  doctrine@3.0.0:
-    resolution: {integrity: sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==}
-    engines: {node: '>=6.0.0'}
-
-  dom-accessibility-api@0.5.16:
-    resolution: {integrity: sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==}
-
-  domexception@4.0.0:
-    resolution: {integrity: sha512-A2is4PLG+eeSfoTMA95/s4pvAoSo2mKtiM5jlHkAVewmiO8ISFTFKZjH7UAM1Atli/OT/7JHOrJRJiMKUZKYBw==}
-    engines: {node: '>=12'}
-    deprecated: Use your platform's native DOMException instead
+  dompurify@3.2.7:
+    resolution: {integrity: sha512-WhL/YuveyGXJaerVlMYGWhvQswa7myDG17P7Vu65EWC05o8vfeNbvNf4d/BOvH99+ZW+LlQsc1GDKMa1vNK6dw==}
 
   dot-prop@5.3.0:
     resolution: {integrity: sha512-QM8q3zDe58hqUqjraQOmzZ1LIH9SWQJTlEKCH4kJ2oQvLZk7RbQXvtDM2XEq3fwkV9CCvvH4LA0AV+ogFsBM2Q==}
     engines: {node: '>=8'}
 
+  dts-resolver@2.1.3:
+    resolution: {integrity: sha512-bihc7jPC90VrosXNzK0LTE2cuLP6jr0Ro8jk+kMugHReJVLIpHz/xadeq3MhuwyO4TD4OA3L1Q8pBBFRc08Tsw==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      oxc-resolver: '>=11.0.0'
+    peerDependenciesMeta:
+      oxc-resolver:
+        optional: true
+
+  dunder-proto@1.0.1:
+    resolution: {integrity: sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==}
+    engines: {node: '>= 0.4'}
+
   eastasianwidth@0.2.0:
     resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
 
@@ -3731,21 +4247,30 @@ packages:
     engines: {node: '>=14'}
     hasBin: true
 
-  electron-to-chromium@1.4.790:
-    resolution: {integrity: sha512-eVGeQxpaBYbomDBa/Mehrs28MdvCXfJmEFzaMFsv8jH/MJDLIylJN81eTJ5kvx7B7p18OiPK0BkC06lydEy63A==}
+  electron-to-chromium@1.5.259:
+    resolution: {integrity: sha512-I+oLXgpEJzD6Cwuwt1gYjxsDmu/S/Kd41mmLA3O+/uH2pFRO/DvOjUyGozL8j3KeLV6WyZ7ssPwELMsXCcsJAQ==}
 
-  element-plus@2.7.4:
-    resolution: {integrity: sha512-ADBN3zHdhg8R9m6IXR2B5txSWvCn1+nAD+aA9kaJ4rZHMr37DVX6EOdwUjqAMPKz2xC0tculgkJ5rh5zVNiDNQ==}
+  electron-to-chromium@1.5.313:
+    resolution: {integrity: sha512-QBMrTWEf00GXZmJyx2lbYD45jpI3TUFnNIzJ5BBc8piGUDwMPa1GV6HJWTZVvY/eiN3fSopl7NRbgGp9sZ9LTA==}
+
+  element-plus@2.11.8:
+    resolution: {integrity: sha512-2wzSj2uubFU1f0t/gHkkE1d09mUgV18fSZX5excw3Ar6hyWcxph4E57U8dgYLDt7HwkKYv1BiqPyBdy0WqWlOA==}
     peerDependencies:
       vue: ^3.2.0
 
-  emmet-monaco-es@5.3.2:
-    resolution: {integrity: sha512-fb8z9lUVtqXx4IGQQceMwuz7/hYDJdLQj40ZOMQOtBJ4qLTo5XT9H0u/DhfCSWyOktTxZZxiYfkQsGasrv6u0w==}
+  emmet-monaco-es@5.7.0:
+    resolution: {integrity: sha512-q8jtgsEWWaXHnAJ6HAcwMB7WHraRtf032TWpeOpN6SGLtwxr7hd6RgF3Kbj2rPxb6Q19fYVVafAFODYRYUS8NQ==}
     peerDependencies:
       monaco-editor: '>=0.22.0'
 
-  emmet@2.4.7:
-    resolution: {integrity: sha512-O5O5QNqtdlnQM2bmKHtJgyChcrFMgQuulI+WdiOw2NArzprUqqxUW6bgYtKvzKgrsYpuLWalOkdhNP+1jluhCA==}
+  emmet@2.4.11:
+    resolution: {integrity: sha512-23QPJB3moh/U9sT4rQzGgeyyGIrcM+GH5uVYg2C6wZIxAIJq7Ng3QLT79tl8FUwDXhyq9SusfknOrofAKqvgyQ==}
+
+  emoji-regex-xs@1.0.0:
+    resolution: {integrity: sha512-LRlerrMYoIDrT6jgpeZ2YYl/L8EulRTt5hQcYjy5AInh7HWXKimpqx68aknBFpGL2+/IcogTcaydJEgaTmOpDg==}
+
+  emoji-regex@10.6.0:
+    resolution: {integrity: sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==}
 
   emoji-regex@8.0.0:
     resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
@@ -3753,12 +4278,6 @@ packages:
   emoji-regex@9.2.2:
     resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
 
-  encode-utf8@1.0.3:
-    resolution: {integrity: sha512-ucAnuBEhUK4boH2HjVYG5Q2mQyPorvv0u/ocS+zhdw0S8AlHYY+GOFhP1Gio5z4icpP2ivFSvhtFjQi8+T9ppw==}
-
-  end-of-stream@1.4.4:
-    resolution: {integrity: sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==}
-
   enquirer@2.4.1:
     resolution: {integrity: sha512-rRqJg/6gd538VHvR3PSrdRBb/1Vy2YfzHqzvbhGIQpDRKIa4FgV/54b5Q1xYSxOOwKvjXweS26E0Q+nAMwp2pQ==}
     engines: {node: '>=8.6'}
@@ -3767,60 +4286,64 @@ packages:
     resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
     engines: {node: '>=0.12'}
 
+  entities@6.0.1:
+    resolution: {integrity: sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==}
+    engines: {node: '>=0.12'}
+
   env-paths@2.2.1:
     resolution: {integrity: sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==}
     engines: {node: '>=6'}
 
-  error-ex@1.3.2:
-    resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==}
+  environment@1.1.0:
+    resolution: {integrity: sha512-xUtoPkMggbz0MPyPiIWr1Kp4aeWJjDZ6SMvURhimjdZgsRuDplF5/s9hcgGhyXMhs+6vpnuoiZ2kFiu3FMnS8Q==}
+    engines: {node: '>=18'}
 
-  es-abstract@1.23.3:
-    resolution: {integrity: sha512-e+HfNH61Bj1X9/jLc5v1owaLYuHdeHHSQlkhCBiTK8rBvKaULl/beGMxwrMXjpYrv4pz22BlY570vVePA2ho4A==}
+  error-ex@1.3.4:
+    resolution: {integrity: sha512-sqQamAnR14VgCr1A618A3sGrygcpK+HEbenA/HiEAkkUwcZIIB/tgWqHFxWgOyDh4nB4JCRimh79dR5Ywc9MDQ==}
+
+  es-abstract@1.24.0:
+    resolution: {integrity: sha512-WSzPgsdLtTcQwm4CROfS5ju2Wa1QQcVeT37jFjYzdFz1r9ahadC8B8/a4qxJxM+09F18iumCdRmlr96ZYkQvEg==}
     engines: {node: '>= 0.4'}
 
-  es-define-property@1.0.0:
-    resolution: {integrity: sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==}
+  es-define-property@1.0.1:
+    resolution: {integrity: sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==}
     engines: {node: '>= 0.4'}
 
   es-errors@1.3.0:
     resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==}
     engines: {node: '>= 0.4'}
 
-  es-get-iterator@1.1.3:
-    resolution: {integrity: sha512-sPZmqHBe6JIiTfN5q2pEi//TwxmAFHwj/XEuYjTuse78i8KxaqMTTzxPoFKuzRpDpTJ+0NAbpfenkmH2rePtuw==}
+  es-module-lexer@1.7.0:
+    resolution: {integrity: sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==}
 
-  es-object-atoms@1.0.0:
-    resolution: {integrity: sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==}
+  es-module-lexer@2.0.0:
+    resolution: {integrity: sha512-5POEcUuZybH7IdmGsD8wlf0AI55wMecM9rVBTI/qEAy2c1kTOm3DjFYjrBdI2K3BaJjJYfYFeRtM0t9ssnRuxw==}
+
+  es-object-atoms@1.1.1:
+    resolution: {integrity: sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==}
     engines: {node: '>= 0.4'}
 
-  es-set-tostringtag@2.0.3:
-    resolution: {integrity: sha512-3T8uNMC3OQTHkFUsFq8r/BwAXLHvU/9O9mE0fBc/MY5iq/8H7ncvO947LmYA6ldWw9Uh8Yhf25zu6n7nML5QWQ==}
+  es-set-tostringtag@2.1.0:
+    resolution: {integrity: sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==}
     engines: {node: '>= 0.4'}
 
-  es-shim-unscopables@1.0.2:
-    resolution: {integrity: sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==}
-
-  es-to-primitive@1.2.1:
-    resolution: {integrity: sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==}
+  es-shim-unscopables@1.1.0:
+    resolution: {integrity: sha512-d9T8ucsEhh8Bi1woXCf+TIKDIROLG5WCkxg8geBCbvk22kzwC5G2OnXVMO6FUsvQlgUUXQ2itephWDLqDzbeCw==}
     engines: {node: '>= 0.4'}
 
-  esbuild@0.20.2:
-    resolution: {integrity: sha512-WdOOppmUNU+IbZ0PaDiTst80zjnrOkyJNHoKupIcVyU8Lvla3Ugx94VzkQ32Ijqd7UhHJy75gNWDMUekcrSJ6g==}
+  es-to-primitive@1.3.0:
+    resolution: {integrity: sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==}
+    engines: {node: '>= 0.4'}
+
+  esbuild@0.21.5:
+    resolution: {integrity: sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==}
     engines: {node: '>=12'}
     hasBin: true
 
-  esbuild@0.21.4:
-    resolution: {integrity: sha512-sFMcNNrj+Q0ZDolrp5pDhH0nRPN9hLIM3fRPwgbLYJeSHHgnXSnbV3xYgSVuOeLWH9c73VwmEverVzupIv5xuA==}
-    engines: {node: '>=12'}
-    hasBin: true
-
-  escalade@3.1.2:
-    resolution: {integrity: sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA==}
+  escalade@3.2.0:
+    resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==}
     engines: {node: '>=6'}
 
-  escape-html@1.0.3:
-    resolution: {integrity: sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==}
-
   escape-string-regexp@1.0.5:
     resolution: {integrity: sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==}
     engines: {node: '>=0.8.0'}
@@ -3829,30 +4352,17 @@ packages:
     resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
     engines: {node: '>=10'}
 
-  escape-string-regexp@5.0.0:
-    resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==}
-    engines: {node: '>=12'}
-
-  escodegen@2.1.0:
-    resolution: {integrity: sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w==}
-    engines: {node: '>=6.0'}
+  eslint-config-prettier@10.1.8:
+    resolution: {integrity: sha512-82GZUjRS0p/jganf6q1rEO25VSoHH0hKPCTrgillPjdI/3bgBhAE1QzHrHTizjpRvy6pGAvKjDJtk2pF9NDq8w==}
     hasBin: true
-
-  eslint-config-tencent@1.0.4:
-    resolution: {integrity: sha512-h8r5f4iUdF5RyfIhOA+KXVAokltyUs4sGnYrzbY6bSZvUzYS282C2s4z3AYA8DCBfDaKPtUsDBOF+tEy38wTyA==}
     peerDependencies:
-      '@babel/core': ^7.14.6
-      '@typescript-eslint/eslint-plugin': ^4.27.0 || ^5.12.0
-      '@typescript-eslint/parser': ^4.27.0 || ^5.12.0
-      eslint: ^7.28.0 || ^8.0.0
-      eslint-plugin-prettier: ^3.4.0 || ^4.0.0
-      prettier: ^2.3.1
+      eslint: '>=7.0.0'
 
   eslint-import-resolver-node@0.3.9:
     resolution: {integrity: sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==}
 
-  eslint-module-utils@2.8.1:
-    resolution: {integrity: sha512-rXDXR3h7cs7dy9RNpUlQf80nX31XWJEyGq1tRMo+6GsO5VmTe4UTwtmonAD4ZkAsrfMVDA2wlGJ3790Ys+D49Q==}
+  eslint-module-utils@2.12.1:
+    resolution: {integrity: sha512-L8jSWTze7K2mTg0vos/RuLRS5soomksDPoJLXIslC7c8Wmut3bx7CPpJijDcBZtxQ5lrbUdM+s0OlNbz0DCDNw==}
     engines: {node: '>=4'}
     peerDependencies:
       '@typescript-eslint/parser': '*'
@@ -3872,86 +4382,96 @@ packages:
       eslint-import-resolver-webpack:
         optional: true
 
-  eslint-plugin-chalk@1.0.0:
-    resolution: {integrity: sha512-FTi6Wi5dSrkXEVHHojRwyRZZnNFXGnTytuWlrJ3P9HkmMZWTZC3vUaDpyb6jNkumdlrqK0FN8eI3XJG70FwBNA==}
-    engines: {node: '>=12'}
-    peerDependencies:
-      eslint: '>=1.0.0'
-
-  eslint-plugin-import@2.29.1:
-    resolution: {integrity: sha512-BbPC0cuExzhiMo4Ff1BTVwHpjjv28C5R+btTOGaCRC7UEz801up0JadwkeSk5Ued6TG34uaczuVuH6qyy5YUxw==}
+  eslint-plugin-import@2.32.0:
+    resolution: {integrity: sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==}
     engines: {node: '>=4'}
     peerDependencies:
       '@typescript-eslint/parser': '*'
-      eslint: ^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8
+      eslint: ^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8 || ^9
     peerDependenciesMeta:
       '@typescript-eslint/parser':
         optional: true
 
-  eslint-plugin-prettier@4.2.1:
-    resolution: {integrity: sha512-f/0rXLXUt0oFYs8ra4w49wYZBG5GKZpAYsJSm6rnYL5uVDjd+zowwMwVZHnAjf4edNrKpCDYfXDgmRE/Ak7QyQ==}
-    engines: {node: '>=12.0.0'}
+  eslint-plugin-prettier@5.5.4:
+    resolution: {integrity: sha512-swNtI95SToIz05YINMA6Ox5R057IMAmWZ26GqPxusAp1TZzj+IdY9tXNWWD3vkF/wEqydCONcwjTFpxybBqZsg==}
+    engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
-      eslint: '>=7.28.0'
-      eslint-config-prettier: '*'
-      prettier: '>=2.0.0'
+      '@types/eslint': '>=8.0.0'
+      eslint: '>=8.0.0'
+      eslint-config-prettier: '>= 7.0.0 <10.0.0 || >=10.1.0'
+      prettier: '>=3.0.0'
     peerDependenciesMeta:
+      '@types/eslint':
+        optional: true
       eslint-config-prettier:
         optional: true
 
-  eslint-plugin-simple-import-sort@10.0.0:
-    resolution: {integrity: sha512-AeTvO9UCMSNzIHRkg8S6c3RPy5YEwKWSQPx3DYghLedo2ZQxowPFLGDN1AZ2evfg6r6mjBSZSLxLFsWSu3acsw==}
+  eslint-plugin-simple-import-sort@12.1.1:
+    resolution: {integrity: sha512-6nuzu4xwQtE3332Uz0to+TxDQYRLTKRESSc2hefVT48Zc8JthmN23Gx9lnYhu0FtkRSL1oxny3kJ2aveVhmOVA==}
     peerDependencies:
       eslint: '>=5.0.0'
 
-  eslint-plugin-vue@9.26.0:
-    resolution: {integrity: sha512-eTvlxXgd4ijE1cdur850G6KalZqk65k1JKoOI2d1kT3hr8sPD07j1q98FRFdNnpxBELGPWxZmInxeHGF/GxtqQ==}
-    engines: {node: ^14.17.0 || >=16.0.0}
+  eslint-plugin-vue@10.8.0:
+    resolution: {integrity: sha512-f1J/tcbnrpgC8suPN5AtdJ5MQjuXbSU9pGRSSYAuF3SHoiYCOdEX6O22pLaRyLHXvDcOe+O5ENgc1owQ587agA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      eslint: ^6.2.0 || ^7.0.0 || ^8.0.0 || ^9.0.0
+      '@stylistic/eslint-plugin': ^2.0.0 || ^3.0.0 || ^4.0.0 || ^5.0.0
+      '@typescript-eslint/parser': ^7.0.0 || ^8.0.0
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
+      vue-eslint-parser: ^10.0.0
+    peerDependenciesMeta:
+      '@stylistic/eslint-plugin':
+        optional: true
+      '@typescript-eslint/parser':
+        optional: true
 
-  eslint-scope@5.1.1:
-    resolution: {integrity: sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==}
-    engines: {node: '>=8.0.0'}
-
-  eslint-scope@7.2.2:
-    resolution: {integrity: sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-
-  eslint-visitor-keys@2.1.0:
-    resolution: {integrity: sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==}
-    engines: {node: '>=10'}
+  eslint-scope@9.1.2:
+    resolution: {integrity: sha512-xS90H51cKw0jltxmvmHy2Iai1LIqrfbw57b79w/J7MfvDfkIkFZ+kj6zC3BjtUwh150HsSSdxXZcsuv72miDFQ==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
 
   eslint-visitor-keys@3.4.3:
     resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
 
-  eslint@8.57.0:
-    resolution: {integrity: sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    hasBin: true
+  eslint-visitor-keys@4.2.1:
+    resolution: {integrity: sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  espree@9.6.1:
-    resolution: {integrity: sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+  eslint-visitor-keys@5.0.1:
+    resolution: {integrity: sha512-tD40eHxA35h0PEIZNeIjkHoDR4YjjJp34biM0mDvplBe//mB+IHCqHDGV7pxF+7MklTvighcCPPZC7ynWyjdTA==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  eslint@10.0.3:
+    resolution: {integrity: sha512-COV33RzXZkqhG9P2rZCFl9ZmJ7WL+gQSCRzE7RhkbclbQPtLAWReL7ysA0Sh4c8Im2U9ynybdR56PV0XcKvqaQ==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+    hasBin: true
+    peerDependencies:
+      jiti: '*'
+    peerDependenciesMeta:
+      jiti:
+        optional: true
+
+  espree@10.4.0:
+    resolution: {integrity: sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  espree@11.2.0:
+    resolution: {integrity: sha512-7p3DrVEIopW1B1avAGLuCSh1jubc01H2JHc8B4qqGblmg5gI9yumBgACjWo4JlIc04ufug4xJ3SQI8HkS/Rgzw==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
 
   esprima@4.0.1:
     resolution: {integrity: sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==}
     engines: {node: '>=4'}
     hasBin: true
 
-  esquery@1.5.0:
-    resolution: {integrity: sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==}
+  esquery@1.7.0:
+    resolution: {integrity: sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==}
     engines: {node: '>=0.10'}
 
   esrecurse@4.3.0:
     resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
     engines: {node: '>=4.0'}
 
-  estraverse@4.3.0:
-    resolution: {integrity: sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==}
-    engines: {node: '>=4.0'}
-
   estraverse@5.3.0:
     resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
     engines: {node: '>=4.0'}
@@ -3966,26 +4486,25 @@ packages:
     resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
     engines: {node: '>=0.10.0'}
 
+  eventemitter3@5.0.1:
+    resolution: {integrity: sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==}
+
   events@3.3.0:
     resolution: {integrity: sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==}
     engines: {node: '>=0.8.x'}
 
-  execa@4.1.0:
-    resolution: {integrity: sha512-j5W0//W7f8UxAn8hXVnwG8tLwdiUy4FJLcSupCg6maBYZDpyBvTApK7KyuI4bKj8KOh1r2YH+6ucuYtJv1bTZA==}
-    engines: {node: '>=10'}
-
-  execa@5.1.1:
-    resolution: {integrity: sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==}
-    engines: {node: '>=10'}
-
-  execa@8.0.1:
-    resolution: {integrity: sha512-VyhnebXciFV2DESc+p6B+y0LjSm0krU4OgJN44qFAhBY0TJ+1V61tYD2+wHusZ6F9n5K+vl8k0sTy7PEfV4qpg==}
-    engines: {node: '>=16.17'}
+  execa@9.6.0:
+    resolution: {integrity: sha512-jpWzZ1ZhwUmeWRhS7Qv3mhpOhLfwI+uAX4e5fOcXqwMR7EcJ0pj2kV1CVzHVMX/LphnKWD3LObjZCoJ71lKpHw==}
+    engines: {node: ^18.19.0 || >=20.5.0}
 
   expand-tilde@2.0.2:
     resolution: {integrity: sha512-A5EmesHW6rfnZ9ysHQjPdJRni0SRar0tjtG5MNtm9n5TUvsYU8oozprtRD4AqHxcZWWlVuAmQo2nWKfN9oyjTw==}
     engines: {node: '>=0.10.0'}
 
+  expect-type@1.3.0:
+    resolution: {integrity: sha512-knvyeauYhqjOYvQ66MznSMs83wmHrCycNEN6Ao+2AeYEfxUIkuiVxdEa1qlGEPK+We3n0THiDciYSsCcgW/DoA==}
+    engines: {node: '>=12.0.0'}
+
   external-editor@3.1.0:
     resolution: {integrity: sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==}
     engines: {node: '>=4'}
@@ -3996,8 +4515,8 @@ packages:
   fast-diff@1.3.0:
     resolution: {integrity: sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==}
 
-  fast-glob@3.3.2:
-    resolution: {integrity: sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==}
+  fast-glob@3.3.3:
+    resolution: {integrity: sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==}
     engines: {node: '>=8.6.0'}
 
   fast-json-stable-stringify@2.1.0:
@@ -4006,16 +4525,32 @@ packages:
   fast-levenshtein@2.0.6:
     resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
 
-  fastq@1.17.1:
-    resolution: {integrity: sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==}
+  fast-uri@3.1.0:
+    resolution: {integrity: sha512-iPeeDKJSWf4IEOasVVrknXpaBV0IApz/gp7S2bb7Z4Lljbl2MGJRqInZiUrQwV16cpzw/D3S5j5Julj/gT52AA==}
+
+  fastq@1.19.1:
+    resolution: {integrity: sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==}
+
+  fdir@6.5.0:
+    resolution: {integrity: sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==}
+    engines: {node: '>=12.0.0'}
+    peerDependencies:
+      picomatch: ^3 || ^4
+    peerDependenciesMeta:
+      picomatch:
+        optional: true
 
   figures@3.2.0:
     resolution: {integrity: sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==}
     engines: {node: '>=8'}
 
-  file-entry-cache@6.0.1:
-    resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==}
-    engines: {node: ^10.12.0 || >=12.0.0}
+  figures@6.1.0:
+    resolution: {integrity: sha512-d+l3qxjSesT4V7v2fh+QnmFnUWv9lSpjarhShNTgBOfA0ttejbQUAlHLitbjkoRiDulW0OPoQPYIGhIC8ohejg==}
+    engines: {node: '>=18'}
+
+  file-entry-cache@8.0.0:
+    resolution: {integrity: sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==}
+    engines: {node: '>=16.0.0'}
 
   fill-range@7.1.1:
     resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
@@ -4027,6 +4562,10 @@ packages:
   find-root@1.1.0:
     resolution: {integrity: sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==}
 
+  find-up-simple@1.0.1:
+    resolution: {integrity: sha512-afd4O7zpqHeRyg4PfDQsXmlDe2PfdHtJt6Akt8jOWaApLOZk5JXs6VMR29lz03pRe9mpykrRCYIYxaJYcfpncQ==}
+    engines: {node: '>=18'}
+
   find-up@4.1.0:
     resolution: {integrity: sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==}
     engines: {node: '>=8'}
@@ -4035,26 +4574,26 @@ packages:
     resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
     engines: {node: '>=10'}
 
-  find-up@6.3.0:
-    resolution: {integrity: sha512-v2ZsoEuVHYy8ZIlYqwPe/39Cy+cFDzp4dXPaxNvkEuouymu+2Jbz0PxpKarJHYJTmv2HWT3O382qY8l4jMWthw==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+  find-up@7.0.0:
+    resolution: {integrity: sha512-YyZM99iHrqLKjmt4LJDj58KI+fYyufRLBSYcqycxf//KpBk9FoewoGX0450m9nB44qrZnovzC2oeP5hUibxc/g==}
+    engines: {node: '>=18'}
 
   findup-sync@4.0.0:
     resolution: {integrity: sha512-6jvvn/12IC4quLBL1KNokxC7wWTvYncaVUYSoxWw7YykPLuRrnv4qdHcSOywOI5RpkOVGeQRtWM8/q+G6W6qfQ==}
     engines: {node: '>= 8'}
 
-  flat-cache@3.2.0:
-    resolution: {integrity: sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==}
-    engines: {node: ^10.12.0 || >=12.0.0}
+  flat-cache@4.0.1:
+    resolution: {integrity: sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==}
+    engines: {node: '>=16'}
 
-  flatted@3.3.1:
-    resolution: {integrity: sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw==}
+  flatted@3.3.3:
+    resolution: {integrity: sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==}
 
-  focus-trap@7.5.4:
-    resolution: {integrity: sha512-N7kHdlgsO/v+iD/dMoJKtsSqs5Dz/dXZVebRgJw23LDk+jMi/974zyiOYDziY2JPp8xivq9BmUGwIJMiuSBi7w==}
+  focus-trap@7.6.6:
+    resolution: {integrity: sha512-v/Z8bvMCajtx4mEXmOo7QEsIzlIOqRXTIwgUfsFOF9gEsespdbD0AkPIka1bSXZ8Y8oZ+2IVDQZePkTfEHZl7Q==}
 
-  follow-redirects@1.15.6:
-    resolution: {integrity: sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==}
+  follow-redirects@1.15.11:
+    resolution: {integrity: sha512-deG2P0JfjrTxl50XGCDyfI97ZGVCxIpfKYmfyrQ54n5FO/0gfIES8C/Psl6kWVDolizcaaxZJnTS0QSMxvnsBQ==}
     engines: {node: '>=4.0'}
     peerDependencies:
       debug: '*'
@@ -4062,26 +4601,23 @@ packages:
       debug:
         optional: true
 
-  for-each@0.3.3:
-    resolution: {integrity: sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==}
+  for-each@0.3.5:
+    resolution: {integrity: sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==}
+    engines: {node: '>= 0.4'}
 
-  foreground-child@2.0.0:
-    resolution: {integrity: sha512-dCIq9FpEcyQyXKCkyzmlPTFNgrCzPudOe+mhvJU5zAtlBnGVy2yKxtfsxK2tQBThwq225jcvBjpw1Gr40uzZCA==}
-    engines: {node: '>=8.0.0'}
-
-  foreground-child@3.1.1:
-    resolution: {integrity: sha512-TMKDUnIte6bfb5nWv7V/caI169OHgvwjb7V4WkeUvbQQdjr5rWKqHFiKWb/fcOwB+CzBT+qbWjvj+DVwRskpIg==}
+  foreground-child@3.3.1:
+    resolution: {integrity: sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==}
     engines: {node: '>=14'}
 
-  form-data@4.0.0:
-    resolution: {integrity: sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==}
+  form-data@4.0.5:
+    resolution: {integrity: sha512-8RipRLol37bNs2bhoV67fiTEvdTrbMUYcFTiy3+wuuOnUog2QBHCZWXDRijWQfAkhBj2Uf5UnVaiWwA5vdd82w==}
     engines: {node: '>= 6'}
 
   framework-utils@1.1.0:
     resolution: {integrity: sha512-KAfqli5PwpFJ8o3psRNs8svpMGyCSAe8nmGcjQ0zZBWN2H6dZDnq+ABp3N3hdUmFeMrLtjOCTXD4yplUJIWceg==}
 
-  fs-extra@11.2.0:
-    resolution: {integrity: sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==}
+  fs-extra@11.3.2:
+    resolution: {integrity: sha512-Xr9F6z6up6Ws+NjzMCZc6WXg2YFRlrLP9NQDO3VQrWrfiojdhS56TzueT88ze0uBdCTwEIhQ3ptnmKeWGFAe0A==}
     engines: {node: '>=14.14'}
 
   fs-extra@9.1.0:
@@ -4099,13 +4635,17 @@ packages:
   function-bind@1.1.2:
     resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
 
-  function.prototype.name@1.1.6:
-    resolution: {integrity: sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==}
+  function.prototype.name@1.1.8:
+    resolution: {integrity: sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==}
     engines: {node: '>= 0.4'}
 
   functions-have-names@1.2.3:
     resolution: {integrity: sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==}
 
+  generator-function@2.0.1:
+    resolution: {integrity: sha512-SFdFmIJi+ybC0vjlHN0ZGVGHc3lgE0DxPAT0djjVg+kjOnSqclqmj0KQ7ykTOLP6YxoqOvuAODGdcHJn+43q3g==}
+    engines: {node: '>= 0.4'}
+
   gensync@1.0.0-beta.2:
     resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
     engines: {node: '>=6.9.0'}
@@ -4117,45 +4657,42 @@ packages:
     resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==}
     engines: {node: 6.* || 8.* || >= 10.*}
 
-  get-func-name@2.0.2:
-    resolution: {integrity: sha512-8vXOvuE167CtIc3OyItco7N/dpRtBbYOsPsXCz7X/PMnlGjYjSGuZJgM1Y7mmew7BKf9BqvLX2tnOVy1BBUsxQ==}
+  get-east-asian-width@1.4.0:
+    resolution: {integrity: sha512-QZjmEOC+IT1uk6Rx0sX22V6uHWVwbdbxf1faPqJ1QhLdGgsRGCZoyaQBm/piRdJy/D2um6hM1UP7ZEeQ4EkP+Q==}
+    engines: {node: '>=18'}
 
-  get-intrinsic@1.2.4:
-    resolution: {integrity: sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==}
+  get-intrinsic@1.3.0:
+    resolution: {integrity: sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==}
     engines: {node: '>= 0.4'}
 
-  get-own-enumerable-property-symbols@3.0.2:
-    resolution: {integrity: sha512-I0UBV/XOz1XkIJHEUDMZAbzCThU/H8DxmSfmdGcKPnVhu2VfFqr34jr9777IyaTYvxjedWhqVIilEDsCdP5G6g==}
-
-  get-stream@5.2.0:
-    resolution: {integrity: sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==}
-    engines: {node: '>=8'}
-
-  get-stream@6.0.1:
-    resolution: {integrity: sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==}
-    engines: {node: '>=10'}
-
-  get-stream@8.0.1:
-    resolution: {integrity: sha512-VaUJspBffn/LMCJVoMvSAdmscJyS1auj5Zulnn5UoYcY531UWmdwhRWkcGKnGU93m5HSXP9LP2usOryrBtQowA==}
-    engines: {node: '>=16'}
-
-  get-symbol-description@1.0.2:
-    resolution: {integrity: sha512-g0QYk1dZBxGwk+Ngc+ltRH2IBp2f7zBkBMBJZCDerh6EhlhSR6+9irMCuT/09zD6qkarHUSn529sK/yL4S27mg==}
+  get-proto@1.0.1:
+    resolution: {integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==}
     engines: {node: '>= 0.4'}
 
-  git-raw-commits@2.0.11:
-    resolution: {integrity: sha512-VnctFhw+xfj8Va1xtfEqCUD2XDrbAPSJx+hSrE5K7fGdjZruW7XV+QOrN7LF/RJyvspRiD2I0asWsxFp0ya26A==}
-    engines: {node: '>=10'}
-    hasBin: true
+  get-stream@9.0.1:
+    resolution: {integrity: sha512-kVCxPF3vQM/N0B1PmoqVUqgHP+EeVjmZSQn+1oCRPxd2P21P2F19lIgbR3HBosbB1PUhOAoctJnfEn2GbN2eZA==}
+    engines: {node: '>=18'}
+
+  get-symbol-description@1.1.0:
+    resolution: {integrity: sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==}
+    engines: {node: '>= 0.4'}
+
+  get-tsconfig@4.13.6:
+    resolution: {integrity: sha512-shZT/QMiSHc/YBLxxOkMtgSid5HFoauqCE3/exfsEcwg1WkeqjG+V40yBbBrsD+jW2HDXcs28xOfcbm2jI8Ddw==}
 
   git-raw-commits@4.0.0:
     resolution: {integrity: sha512-ICsMM1Wk8xSGMowkOmPrzo2Fgmfo4bMHLNX6ytHjajRJUqvHOw/TFapQ+QG75c3X/tTDDhOSRPGC52dDbNM8FQ==}
     engines: {node: '>=16'}
     hasBin: true
 
-  git-semver-tags@7.0.1:
-    resolution: {integrity: sha512-NY0ZHjJzyyNXHTDZmj+GG7PyuAKtMsyWSwh07CR2hOZFa+/yoTsXci/nF2obzL8UDhakFNkD9gNdt/Ed+cxh2Q==}
-    engines: {node: '>=16'}
+  git-raw-commits@5.0.0:
+    resolution: {integrity: sha512-I2ZXrXeOc0KrCvC7swqtIFXFN+rbjnC7b2T943tvemIOVNl+XP8YnA9UVwqFhzzLClnSA60KR/qEjLpXzs73Qg==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  git-semver-tags@8.0.0:
+    resolution: {integrity: sha512-N7YRIklvPH3wYWAR2vysaqGLPRcpwQ0GKdlqTiVN5w1UmCdaeY3K8s6DMKRCh54DDdzyt/OAB6C8jgVtb7Y2Fg==}
+    engines: {node: '>=18'}
     hasBin: true
 
   glob-parent@5.1.2:
@@ -4166,9 +4703,8 @@ packages:
     resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
     engines: {node: '>=10.13.0'}
 
-  glob@10.4.1:
-    resolution: {integrity: sha512-2jelhlq3E4ho74ZyVLN03oKdAZVUa6UDZzFLVH1H7dnoax+y9qyaq8zBkfDIggjniU19z0wU18y16jMB2eyVIw==}
-    engines: {node: '>=16 || 14 >=14.18'}
+  glob@10.5.0:
+    resolution: {integrity: sha512-DfXN8DfhJ7NH3Oe7cFmu3NCu1wKbkReJ8TorzSAFbSKrlNaQSKfIzqYqVY8zlbs2NLBbWpRiU52GX2PbaBVNkg==}
     hasBin: true
 
   glob@7.2.3:
@@ -4179,10 +4715,6 @@ packages:
     resolution: {integrity: sha512-wHTUcDUoZ1H5/0iVqEudYW4/kAlN5cZ3j/bXn0Dpbizl9iaUVeWSHqiOjsgk6OW2bkLclbBjzewBz6weQ1zA2Q==}
     engines: {node: '>=18'}
 
-  global-dirs@0.1.1:
-    resolution: {integrity: sha512-NknMLn7F2J7aflwFOlGdNIuCDpN3VGoSoB+aap3KABFWbHVn1TCgFC+np23J8W2BiZbjfEw3BFBycSMv1AFblg==}
-    engines: {node: '>=4'}
-
   global-modules@1.0.0:
     resolution: {integrity: sha512-sKzpEkf11GpOFuw0Zzjzmt4B4UZwjOcG757PPvrfhxcLFbq0wpsgpOqxpxtxFiCG4DtG93M6XRVbF2oGdev7bg==}
     engines: {node: '>=0.10.0'}
@@ -4191,42 +4723,29 @@ packages:
     resolution: {integrity: sha512-5lsx1NUDHtSjfg0eHlmYvZKv8/nVqX4ckFbM+FrGcQ+04KWcWFo9P5MxPZYSzUvyzmdTbI7Eix8Q4IbELDqzKg==}
     engines: {node: '>=0.10.0'}
 
-  globals@11.12.0:
-    resolution: {integrity: sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==}
-    engines: {node: '>=4'}
-
-  globals@13.24.0:
-    resolution: {integrity: sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==}
-    engines: {node: '>=8'}
+  globals@17.4.0:
+    resolution: {integrity: sha512-hjrNztw/VajQwOLsMNT1cbJiH2muO3OROCHnbehc8eY5JyD2gqz4AcMHPqgaOR59DjgUjYAYLeH699g/eWi2jw==}
+    engines: {node: '>=18'}
 
   globalthis@1.0.4:
     resolution: {integrity: sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==}
     engines: {node: '>= 0.4'}
 
-  globby@11.1.0:
-    resolution: {integrity: sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==}
-    engines: {node: '>=10'}
-
-  gopd@1.0.1:
-    resolution: {integrity: sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==}
+  gopd@1.2.0:
+    resolution: {integrity: sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==}
+    engines: {node: '>= 0.4'}
 
   graceful-fs@4.2.11:
     resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
 
-  graphemer@1.4.0:
-    resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
-
   handlebars@4.7.8:
     resolution: {integrity: sha512-vafaFqs8MZkRrSX7sFVUdo3ap/eNiLnb4IakshzvP56X5Nr1iGKAIqdX6tMlm6HcNRIkr6AxO5jFEoJzzpT8aQ==}
     engines: {node: '>=0.4.7'}
     hasBin: true
 
-  hard-rejection@2.1.0:
-    resolution: {integrity: sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==}
-    engines: {node: '>=6'}
-
-  has-bigints@1.0.2:
-    resolution: {integrity: sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==}
+  has-bigints@1.1.0:
+    resolution: {integrity: sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==}
+    engines: {node: '>= 0.4'}
 
   has-flag@3.0.0:
     resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==}
@@ -4239,12 +4758,12 @@ packages:
   has-property-descriptors@1.0.2:
     resolution: {integrity: sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==}
 
-  has-proto@1.0.3:
-    resolution: {integrity: sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==}
+  has-proto@1.2.0:
+    resolution: {integrity: sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==}
     engines: {node: '>= 0.4'}
 
-  has-symbols@1.0.3:
-    resolution: {integrity: sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==}
+  has-symbols@1.1.0:
+    resolution: {integrity: sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==}
     engines: {node: '>= 0.4'}
 
   has-tostringtag@1.0.2:
@@ -4255,12 +4774,14 @@ packages:
     resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
     engines: {node: '>= 0.4'}
 
-  he@1.2.0:
-    resolution: {integrity: sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==}
-    hasBin: true
+  hast-util-to-html@9.0.5:
+    resolution: {integrity: sha512-OguPdidb+fbHQSU4Q4ZiLKnzWo8Wwsf5bZfbvu7//a9oTYoqD/fWpe96NuHkoS9h0ccGOTe0C4NGXdtS0iObOw==}
 
-  highlight.js@11.9.0:
-    resolution: {integrity: sha512-fJ7cW7fQGCYAkgv4CPfwFHrfd/cLS4Hau96JuJ+ZTOWhjnhoeN1ub1tFmALm/+lW5z4WCAuAV9bm05AP0mS6Gw==}
+  hast-util-whitespace@3.0.0:
+    resolution: {integrity: sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw==}
+
+  highlight.js@11.11.1:
+    resolution: {integrity: sha512-Xwwo44whKBVCYoliBQwaPvtd/2tYFkRQtXDWj1nackaV2JPXx3L0+Jvd8/qCJ2p+ML0/XVkJ2q+Mr+UVdpJK5w==}
     engines: {node: '>=12.0.0'}
 
   homedir-polyfill@1.0.3:
@@ -4270,51 +4791,35 @@ packages:
   hookable@5.5.3:
     resolution: {integrity: sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==}
 
-  hosted-git-info@2.8.9:
-    resolution: {integrity: sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==}
-
-  hosted-git-info@4.1.0:
-    resolution: {integrity: sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==}
-    engines: {node: '>=10'}
-
   hosted-git-info@7.0.2:
     resolution: {integrity: sha512-puUZAUKT5m8Zzvs72XWy3HtvVbTWljRE66cP60bxJzAqf2DgICo7lYTY2IHUmLnNpjYvw5bvmoHvPc0QO2a62w==}
     engines: {node: ^16.14.0 || >=18.0.0}
 
-  html-encoding-sniffer@3.0.0:
-    resolution: {integrity: sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==}
-    engines: {node: '>=12'}
+  html-encoding-sniffer@4.0.0:
+    resolution: {integrity: sha512-Y22oTqIU4uuPgEemfz7NDJz6OeKf12Lsu+QC+s3BVpda64lTiMYCyGwg5ki4vFxkMwQdeZDl2adZoqUgdFuTgQ==}
+    engines: {node: '>=18'}
 
   html-escaper@2.0.2:
     resolution: {integrity: sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==}
 
-  html-tags@3.3.1:
-    resolution: {integrity: sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==}
-    engines: {node: '>=8'}
+  html-void-elements@3.0.0:
+    resolution: {integrity: sha512-bEqo66MRXsUGxWHV5IP0PUiAWwoEjba4VCzg0LjFJBpchPaTfyfCKTG6bc5F8ucKec3q5y6qOdGyYTSBEvhCrg==}
 
-  http-proxy-agent@5.0.0:
-    resolution: {integrity: sha512-n2hY8YdoRE1i7r6M0w9DIw5GgZN0G25P8zLCRQ8rjXtTU3vsNFBI/vWK/UIeE6g5MUUz6avwAPXmL6Fy9D/90w==}
-    engines: {node: '>= 6'}
+  http-proxy-agent@7.0.2:
+    resolution: {integrity: sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==}
+    engines: {node: '>= 14'}
 
-  https-proxy-agent@5.0.1:
-    resolution: {integrity: sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==}
-    engines: {node: '>= 6'}
+  https-proxy-agent@7.0.6:
+    resolution: {integrity: sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==}
+    engines: {node: '>= 14'}
 
-  human-signals@1.1.1:
-    resolution: {integrity: sha512-SEQu7vl8KjNL2eoGBLF3+wAjpsNfA9XMlXAYj/3EdaNfAlxKthD1xjEQfGOUhllCGGJVNY34bRr6lPINhNjyZw==}
-    engines: {node: '>=8.12.0'}
+  human-signals@8.0.1:
+    resolution: {integrity: sha512-eKCa6bwnJhvxj14kZk5NCPc6Hb6BdsU9DZcOnmQKSnO1VKrfV0zCvtttPZUsBvjmNDn8rpcJfpwSYnHBjc95MQ==}
+    engines: {node: '>=18.18.0'}
 
-  human-signals@2.1.0:
-    resolution: {integrity: sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==}
-    engines: {node: '>=10.17.0'}
-
-  human-signals@5.0.0:
-    resolution: {integrity: sha512-AXcZb6vzzrFAUE61HnN4mpLqd/cSIwNQjtNWR0euPm6y0iqx3G4gOXaIDdtdDwZmhwe82LA6+zinmW4UBWVePQ==}
-    engines: {node: '>=16.17.0'}
-
-  husky@7.0.4:
-    resolution: {integrity: sha512-vbaCKN2QLtP/vD4yvs6iz6hBEo6wkSzs8HpRah1Z6aGmF2KW5PdYuAd7uX5a+OyBZHBhd+TFLqgjUgytQr4RvQ==}
-    engines: {node: '>=12'}
+  husky@9.1.7:
+    resolution: {integrity: sha512-5gs5ytaNjBrh5Ow3zrvdUUY+0VxIuWVL4i9irt6friV+BqdCfmV11CQTWMiBYWHbXhco+J1kHfTOUkePhCDvMA==}
+    engines: {node: '>=18'}
     hasBin: true
 
   iconv-lite@0.4.24:
@@ -4328,27 +4833,31 @@ packages:
   ieee754@1.2.1:
     resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==}
 
-  ignore@5.3.1:
-    resolution: {integrity: sha512-5Fytz/IraMjqpwfd34ke28PTVMjZjJG2MPn5t7OE4eUCUNf8BAa7b5WUS9/Qvr6mwOQS7Mk6vdsMno5he+T8Xw==}
+  ignore@5.3.2:
+    resolution: {integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==}
     engines: {node: '>= 4'}
 
-  immutable@4.3.6:
-    resolution: {integrity: sha512-Ju0+lEMyzMVZarkTn/gqRpdqd5dOPaz1mCZ0SH3JV6iFw81PldE/PEB1hWVEA288HPt4WXW8O7AWxB10M+03QQ==}
+  ignore@7.0.5:
+    resolution: {integrity: sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==}
+    engines: {node: '>= 4'}
 
-  import-fresh@3.3.0:
-    resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==}
+  immutable@5.1.4:
+    resolution: {integrity: sha512-p6u1bG3YSnINT5RQmx/yRZBpenIl30kVxkTLDyHLIMk0gict704Q9n+thfDI7lTRm9vXdDYutVzXhzcThxTnXA==}
+
+  import-fresh@3.3.1:
+    resolution: {integrity: sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==}
     engines: {node: '>=6'}
 
-  import-meta-resolve@4.1.0:
-    resolution: {integrity: sha512-I6fiaX09Xivtk+THaMfAwnA3MVA5Big1WHF1Dfx9hFuvNIWpXnorlkzhcQf6ehrqQiiZECRt1poOAkPmer3ruw==}
+  import-meta-resolve@4.2.0:
+    resolution: {integrity: sha512-Iqv2fzaTQN28s/FwZAoFq0ZSs/7hMAHJVX+w8PZl3cY19Pxk6jFFalxQoIfW2826i/fDLXv8IiEZRIT0lDuWcg==}
 
   imurmurhash@0.1.4:
     resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
     engines: {node: '>=0.8.19'}
 
-  indent-string@4.0.0:
-    resolution: {integrity: sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==}
-    engines: {node: '>=8'}
+  index-to-position@1.2.0:
+    resolution: {integrity: sha512-Yg7+ztRkqslMAS2iFaU+Oa4KTSidr63OsFGlOrJoW981kIYO3CGCS3wA95P1mUi/IVSJkn0D479KTJpVpvFNuw==}
+    engines: {node: '>=18'}
 
   inflight@1.0.6:
     resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==}
@@ -4368,62 +4877,73 @@ packages:
     resolution: {integrity: sha512-QAgPDQMEgrDssk1XiwwHoOGYF9BAbUcc1+j+FhEvaOt8/cKRqyLn0U5qA6F74fGhTMGxf92pOvPBeh29jQJDTQ==}
     engines: {node: '>=12.0.0'}
 
-  internal-slot@1.0.7:
-    resolution: {integrity: sha512-NGnrKwXzSms2qUUih/ILZ5JBqNTSa1+ZmP6flaIp6KmSElgE9qdndzS3cqjrDovwFdmwsGsLdeFgB6suw+1e9g==}
+  internal-slot@1.1.0:
+    resolution: {integrity: sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==}
     engines: {node: '>= 0.4'}
 
   interpret@1.4.0:
     resolution: {integrity: sha512-agE4QfB2Lkp9uICn7BAqoscw4SZP9kTE2hxiFI3jBPmXJfdqiahTbUuKGsMoN2GtqL9AxhYioAcVvgsb1HvRbA==}
     engines: {node: '>= 0.10'}
 
-  is-arguments@1.1.1:
-    resolution: {integrity: sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==}
-    engines: {node: '>= 0.4'}
-
-  is-array-buffer@3.0.4:
-    resolution: {integrity: sha512-wcjaerHw0ydZwfhiKbXJWLDY8A7yV7KhjQOpb83hGgGfId/aQa4TOvwyzn2PuswW2gPCYEL/nEAiSVpdOj1lXw==}
+  is-array-buffer@3.0.5:
+    resolution: {integrity: sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==}
     engines: {node: '>= 0.4'}
 
   is-arrayish@0.2.1:
     resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
 
-  is-arrayish@0.3.2:
-    resolution: {integrity: sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==}
+  is-async-function@2.1.1:
+    resolution: {integrity: sha512-9dgM/cZBnNvjzaMYHVoxxfPj2QXt22Ev7SuuPrs+xav0ukGB0S6d4ydZdEiM48kLx5kDV+QBPrpVnFyefL8kkQ==}
+    engines: {node: '>= 0.4'}
 
-  is-bigint@1.0.4:
-    resolution: {integrity: sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==}
+  is-bigint@1.1.0:
+    resolution: {integrity: sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==}
+    engines: {node: '>= 0.4'}
 
   is-binary-path@2.1.0:
     resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
     engines: {node: '>=8'}
 
-  is-boolean-object@1.1.2:
-    resolution: {integrity: sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==}
+  is-boolean-object@1.2.2:
+    resolution: {integrity: sha512-wa56o2/ElJMYqjCjGkXri7it5FbebW5usLw/nPmCMs5DeZ7eziSYZhSmPRn0txqeW4LnAmQQU7FgqLpsEFKM4A==}
     engines: {node: '>= 0.4'}
 
   is-callable@1.2.7:
     resolution: {integrity: sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==}
     engines: {node: '>= 0.4'}
 
-  is-core-module@2.13.1:
-    resolution: {integrity: sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==}
-
-  is-data-view@1.0.1:
-    resolution: {integrity: sha512-AHkaJrsUVW6wq6JS8y3JnM/GJF/9cf+k20+iDzlSaJrinEo5+7vRiteOSwBhHRiAyQATN1AmY4hwzxJKPmYf+w==}
+  is-core-module@2.16.1:
+    resolution: {integrity: sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==}
     engines: {node: '>= 0.4'}
 
-  is-date-object@1.0.5:
-    resolution: {integrity: sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==}
+  is-data-view@1.0.2:
+    resolution: {integrity: sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==}
+    engines: {node: '>= 0.4'}
+
+  is-date-object@1.1.0:
+    resolution: {integrity: sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==}
     engines: {node: '>= 0.4'}
 
   is-extglob@2.1.1:
     resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
     engines: {node: '>=0.10.0'}
 
+  is-finalizationregistry@1.1.1:
+    resolution: {integrity: sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==}
+    engines: {node: '>= 0.4'}
+
   is-fullwidth-code-point@3.0.0:
     resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
     engines: {node: '>=8'}
 
+  is-fullwidth-code-point@5.1.0:
+    resolution: {integrity: sha512-5XHYaSyiqADb4RnZ1Bdad6cPp8Toise4TzEjcOYDHZkTCbKgiUl7WTUCpNWHuxmDt91wnsZBc9xinNzopv3JMQ==}
+    engines: {node: '>=18'}
+
+  is-generator-function@1.1.2:
+    resolution: {integrity: sha512-upqt1SkGkODW9tsGNG5mtXTXtECizwtS2kA161M+gJPc1xdb/Ax629af6YrTwcOeQHbewrPNlE5Dx7kzvXTizA==}
+    engines: {node: '>= 0.4'}
+
   is-glob@4.0.3:
     resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
     engines: {node: '>=0.10.0'}
@@ -4440,80 +4960,69 @@ packages:
     resolution: {integrity: sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==}
     engines: {node: '>= 0.4'}
 
-  is-number-object@1.0.7:
-    resolution: {integrity: sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==}
+  is-number-object@1.1.1:
+    resolution: {integrity: sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==}
     engines: {node: '>= 0.4'}
 
   is-number@7.0.0:
     resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
     engines: {node: '>=0.12.0'}
 
-  is-obj@1.0.1:
-    resolution: {integrity: sha512-l4RyHgRqGN4Y3+9JHVrNqO+tN0rV5My76uW5/nuO4K1b6vw5G8d/cmFjP9tRfEsdhZNt0IFdZuK/c2Vr4Nb+Qg==}
-    engines: {node: '>=0.10.0'}
-
   is-obj@2.0.0:
     resolution: {integrity: sha512-drqDG3cbczxxEJRoOXcOjtdp1J/lyp1mNn0xaznRs8+muBhgQcrnbspox5X5fOw0HnMnbfDzvnEMEtqDEJEo8w==}
     engines: {node: '>=8'}
 
-  is-path-inside@3.0.3:
-    resolution: {integrity: sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==}
+  is-plain-obj@2.1.0:
+    resolution: {integrity: sha512-YWnfyRwxL/+SsrWYfOpUtz5b3YD+nyfkHvjbcanzk8zgyO4ASD67uVMRt8k5bM4lLMDnXfriRhOpemw+NfT1eA==}
     engines: {node: '>=8'}
 
-  is-plain-obj@1.1.0:
-    resolution: {integrity: sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==}
-    engines: {node: '>=0.10.0'}
+  is-plain-obj@4.1.0:
+    resolution: {integrity: sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==}
+    engines: {node: '>=12'}
 
   is-potential-custom-element-name@1.0.1:
     resolution: {integrity: sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==}
 
-  is-reference@3.0.2:
-    resolution: {integrity: sha512-v3rht/LgVcsdZa3O2Nqs+NMowLOxeOm7Ay9+/ARQ2F+qEoANRcqrjAZKGN0v8ymUetZGgkp26LTnGT7H0Qo9Pg==}
-
-  is-regex@1.1.4:
-    resolution: {integrity: sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==}
+  is-regex@1.2.1:
+    resolution: {integrity: sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==}
     engines: {node: '>= 0.4'}
 
-  is-regexp@1.0.0:
-    resolution: {integrity: sha512-7zjFAPO4/gwyQAAgRRmqeEeyIICSdmCqa3tsVHMdBzaXXRiqopZL4Cyghg/XulGWrtABTpbnYYzzIRffLkP4oA==}
-    engines: {node: '>=0.10.0'}
-
   is-set@2.0.3:
     resolution: {integrity: sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==}
     engines: {node: '>= 0.4'}
 
-  is-shared-array-buffer@1.0.3:
-    resolution: {integrity: sha512-nA2hv5XIhLR3uVzDDfCIknerhx8XUKnstuOERPNNIinXG7v9u+ohXF67vxm4TPTEPU6lm61ZkwP3c9PCB97rhg==}
+  is-shared-array-buffer@1.0.4:
+    resolution: {integrity: sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==}
     engines: {node: '>= 0.4'}
 
-  is-stream@2.0.1:
-    resolution: {integrity: sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==}
-    engines: {node: '>=8'}
+  is-stream@4.0.1:
+    resolution: {integrity: sha512-Dnz92NInDqYckGEUJv689RbRiTSEHCQ7wOVeALbkOz999YpqT46yMRIGtSNl2iCL1waAZSx40+h59NV/EwzV/A==}
+    engines: {node: '>=18'}
 
-  is-stream@3.0.0:
-    resolution: {integrity: sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-
-  is-string@1.0.7:
-    resolution: {integrity: sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==}
+  is-string@1.1.1:
+    resolution: {integrity: sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==}
     engines: {node: '>= 0.4'}
 
-  is-symbol@1.0.4:
-    resolution: {integrity: sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==}
+  is-symbol@1.1.1:
+    resolution: {integrity: sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==}
     engines: {node: '>= 0.4'}
 
   is-text-path@2.0.0:
     resolution: {integrity: sha512-+oDTluR6WEjdXEJMnC2z6A4FRwFoYuvShVVEGsS7ewc0UTi2QtAKMDJuL4BDEVt+5T7MjFo12RP8ghOM75oKJw==}
     engines: {node: '>=8'}
 
-  is-typed-array@1.1.13:
-    resolution: {integrity: sha512-uZ25/bUAlUY5fR4OKT4rZQEBrzQWYV9ZJYGGsUmEJ6thodVJ1HX64ePQ6Z0qPWP+m+Uq6e9UugrE38jeYsDSMw==}
+  is-typed-array@1.1.15:
+    resolution: {integrity: sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==}
     engines: {node: '>= 0.4'}
 
   is-unicode-supported@0.1.0:
     resolution: {integrity: sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==}
     engines: {node: '>=10'}
 
+  is-unicode-supported@2.1.0:
+    resolution: {integrity: sha512-mE00Gnza5EEB3Ds0HfMyllZzbBrmLOX3vfWoj9A9PEnTfratQ/BcaJOuMhnkhjXvb2+FkY3VuHqtAGpTPmglFQ==}
+    engines: {node: '>=18'}
+
   is-utf8@0.2.1:
     resolution: {integrity: sha512-rMYPYvCzsXywIsldgLaSoPlw5PfoB/ssr7hY4pLfcodrA5M/eArza1a9VmTiNIBNMjOGr1Ow9mTyU2o69U6U9Q==}
 
@@ -4521,13 +5030,18 @@ packages:
     resolution: {integrity: sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==}
     engines: {node: '>= 0.4'}
 
-  is-weakref@1.0.2:
-    resolution: {integrity: sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==}
-
-  is-weakset@2.0.3:
-    resolution: {integrity: sha512-LvIm3/KWzS9oRFHugab7d+M/GcBXuXX5xZkzPmN+NxihdQlZUQ4dWuSV1xR/sq6upL1TJEDrfBgRepHFdBtSNQ==}
+  is-weakref@1.1.1:
+    resolution: {integrity: sha512-6i9mGWSlqzNMEqpCp93KwRS1uUOodk2OJ6b+sq7ZPDSy2WuI5NFIxp/254TytR8ftefexkWn5xNiHUNpPOfSew==}
     engines: {node: '>= 0.4'}
 
+  is-weakset@2.0.4:
+    resolution: {integrity: sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==}
+    engines: {node: '>= 0.4'}
+
+  is-what@5.5.0:
+    resolution: {integrity: sha512-oG7cgbmg5kLYae2N5IVd3jm2s+vldjxJzK1pcu9LfpGuQ93MQSzo0okvRna+7y5ifrD+20FE8FvjusyGaz14fw==}
+    engines: {node: '>=18'}
+
   is-windows@1.0.2:
     resolution: {integrity: sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==}
     engines: {node: '>=0.10.0'}
@@ -4546,24 +5060,19 @@ packages:
     resolution: {integrity: sha512-GCfE1mtsHGOELCU8e/Z7YWzpmybrx/+dSTfLrvY8qRmaY6zXTKWn6WQIjaAFw069icm6GVMNkgu0NzI4iPZUNw==}
     engines: {node: '>=10'}
 
-  istanbul-lib-source-maps@5.0.4:
-    resolution: {integrity: sha512-wHOoEsNJTVltaJp8eVkm8w+GVkVNHT2YDYo53YdzQEL2gWm1hBX5cGFR9hQJtuGLebidVX7et3+dmDZrmclduw==}
-    engines: {node: '>=10'}
-
-  istanbul-reports@3.1.7:
-    resolution: {integrity: sha512-BewmUXImeuRk2YY0PVbxgKAysvhRPUQE0h5QRM++nVWyubKGV0l8qQ5op8+B2DOmwSe63Jivj0BjkPQVf8fP5g==}
+  istanbul-reports@3.2.0:
+    resolution: {integrity: sha512-HGYWWS/ehqTV3xN10i23tkPkpH46MLCIMFNCaaKNavAXTF1RkqxawEPtnjnGZ6XKSInBKkiOA5BKS+aZiY3AvA==}
     engines: {node: '>=8'}
 
-  jackspeak@3.3.0:
-    resolution: {integrity: sha512-glPiBfKguqA7v8JsXO3iLjJWZ9FV1vNpoI0I9hI9Mnk5yetO9uPLSpiCEmiVijAssv2f54HpvtzvAHfhPieiDQ==}
-    engines: {node: '>=14'}
+  jackspeak@3.4.3:
+    resolution: {integrity: sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==}
 
-  jiti@1.21.3:
-    resolution: {integrity: sha512-uy2bNX5zQ+tESe+TiC7ilGRz8AtRGmnJH55NC5S0nSUjvvvM2hJHmefHErugGXN4pNv4Qx7vLsnNw9qJ9mtIsw==}
+  jiti@2.6.1:
+    resolution: {integrity: sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==}
     hasBin: true
 
-  js-beautify@1.15.1:
-    resolution: {integrity: sha512-ESjNzSlt/sWE8sciZH8kBF8BPlwXPwhR6pWKAw8bw4Bwj+iZcnKW6ONWUutJ7eObuBZQpiIb8S7OYspWrKt7rA==}
+  js-beautify@1.15.4:
+    resolution: {integrity: sha512-9/KXeZUKKJwqCXUdBxFJ3vPh467OCckSBmYDwSK/EtV090K+iMJ7zx2S3HLVDIWFQdqMIsZWbnaGiba18aWhaA==}
     engines: {node: '>=14'}
     hasBin: true
 
@@ -4571,32 +5080,28 @@ packages:
     resolution: {integrity: sha512-cEiJEAEoIbWfCZYKWhVwFuvPX1gETRYPw6LlaTKoxD3s2AkXzkCjnp6h0V77ozyqj0jakteJ4YqDJT830+lVGw==}
     engines: {node: '>=14'}
 
+  js-tokens@10.0.0:
+    resolution: {integrity: sha512-lM/UBzQmfJRo9ABXbPWemivdCW8V2G8FHaHdypQaIy523snUjog0W71ayWXTjiR+ixeMyVHN2XcpnTd/liPg/Q==}
+
   js-tokens@4.0.0:
     resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
 
-  js-tokens@9.0.0:
-    resolution: {integrity: sha512-WriZw1luRMlmV3LGJaR6QOJjWwgLUTf89OwT2lUOyjX2dJGBwgmIkbcz+7WFZjrZM635JOIR517++e/67CP9dQ==}
-
-  js-yaml@4.1.0:
-    resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
+  js-yaml@4.1.1:
+    resolution: {integrity: sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==}
     hasBin: true
 
-  jsdom@19.0.0:
-    resolution: {integrity: sha512-RYAyjCbxy/vri/CfnjUWJQQtZ3LKlLnDqj+9XLNnJPgEGeirZs3hllKR20re8LUZ6o1b1X4Jat+Qd26zmP41+A==}
-    engines: {node: '>=12'}
+  jsdom@27.2.0:
+    resolution: {integrity: sha512-454TI39PeRDW1LgpyLPyURtB4Zx1tklSr6+OFOipsxGUH1WMTvk6C65JQdrj455+DP2uJ1+veBEHTGFKWVLFoA==}
+    engines: {node: ^20.19.0 || ^22.12.0 || >=24.0.0}
     peerDependencies:
-      canvas: ^2.5.0
+      canvas: ^3.0.0
     peerDependenciesMeta:
       canvas:
         optional: true
 
-  jsesc@0.5.0:
-    resolution: {integrity: sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==}
-    hasBin: true
-
-  jsesc@2.5.2:
-    resolution: {integrity: sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==}
-    engines: {node: '>=4'}
+  jsesc@3.1.0:
+    resolution: {integrity: sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==}
+    engines: {node: '>=6'}
     hasBin: true
 
   json-buffer@3.0.1:
@@ -4605,10 +5110,6 @@ packages:
   json-parse-even-better-errors@2.3.1:
     resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==}
 
-  json-parse-even-better-errors@3.0.2:
-    resolution: {integrity: sha512-fi0NG4bPjCHunUJffmLd0gxssIgkNmArMvis4iNah6Owg1MCJjWhEcDLmsK6iGkJq3tHwbDkTlce70/tmXN4cQ==}
-    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
-
   json-schema-traverse@0.4.1:
     resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
 
@@ -4618,9 +5119,6 @@ packages:
   json-stable-stringify-without-jsonify@1.0.1:
     resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
 
-  json-stringify-safe@5.0.1:
-    resolution: {integrity: sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA==}
-
   json5@1.0.2:
     resolution: {integrity: sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==}
     hasBin: true
@@ -4630,8 +5128,8 @@ packages:
     engines: {node: '>=6'}
     hasBin: true
 
-  jsonfile@6.1.0:
-    resolution: {integrity: sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==}
+  jsonfile@6.2.0:
+    resolution: {integrity: sha512-FGuPw30AdOIUTRMC2OMRtQV+jkVj2cfPqSeWXv1NEAJ1qZ5zb1X6z1mFhbfOB/iy3ssJCD+3KuZ8r8C3uVFlAg==}
 
   jsonparse@1.3.1:
     resolution: {integrity: sha512-POQXvpdL69+CluYsillJ7SUhKvytYjW9vG/GKpnf+xP8UWgYEM/RaMzHHofbALDiKbbP1W8UEYmgGl39WkPZsg==}
@@ -4646,41 +5144,95 @@ packages:
   keyv@4.5.4:
     resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
 
-  kind-of@6.0.3:
-    resolution: {integrity: sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==}
-    engines: {node: '>=0.10.0'}
-
   levn@0.4.1:
     resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
     engines: {node: '>= 0.8.0'}
 
+  lightningcss-android-arm64@1.32.0:
+    resolution: {integrity: sha512-YK7/ClTt4kAK0vo6w3X+Pnm0D2cf2vPHbhOXdoNti1Ga0al1P4TBZhwjATvjNwLEBCnKvjJc2jQgHXH0NEwlAg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [android]
+
+  lightningcss-darwin-arm64@1.32.0:
+    resolution: {integrity: sha512-RzeG9Ju5bag2Bv1/lwlVJvBE3q6TtXskdZLLCyfg5pt+HLz9BqlICO7LZM7VHNTTn/5PRhHFBSjk5lc4cmscPQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [darwin]
+
+  lightningcss-darwin-x64@1.32.0:
+    resolution: {integrity: sha512-U+QsBp2m/s2wqpUYT/6wnlagdZbtZdndSmut/NJqlCcMLTWp5muCrID+K5UJ6jqD2BFshejCYXniPDbNh73V8w==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  lightningcss-freebsd-x64@1.32.0:
+    resolution: {integrity: sha512-JCTigedEksZk3tHTTthnMdVfGf61Fky8Ji2E4YjUTEQX14xiy/lTzXnu1vwiZe3bYe0q+SpsSH/CTeDXK6WHig==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [freebsd]
+
+  lightningcss-linux-arm-gnueabihf@1.32.0:
+    resolution: {integrity: sha512-x6rnnpRa2GL0zQOkt6rts3YDPzduLpWvwAF6EMhXFVZXD4tPrBkEFqzGowzCsIWsPjqSK+tyNEODUBXeeVHSkw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm]
+    os: [linux]
+
+  lightningcss-linux-arm64-gnu@1.32.0:
+    resolution: {integrity: sha512-0nnMyoyOLRJXfbMOilaSRcLH3Jw5z9HDNGfT/gwCPgaDjnx0i8w7vBzFLFR1f6CMLKF8gVbebmkUN3fa/kQJpQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  lightningcss-linux-arm64-musl@1.32.0:
+    resolution: {integrity: sha512-UpQkoenr4UJEzgVIYpI80lDFvRmPVg6oqboNHfoH4CQIfNA+HOrZ7Mo7KZP02dC6LjghPQJeBsvXhJod/wnIBg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  lightningcss-linux-x64-gnu@1.32.0:
+    resolution: {integrity: sha512-V7Qr52IhZmdKPVr+Vtw8o+WLsQJYCTd8loIfpDaMRWGUZfBOYEJeyJIkqGIDMZPwPx24pUMfwSxxI8phr/MbOA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  lightningcss-linux-x64-musl@1.32.0:
+    resolution: {integrity: sha512-bYcLp+Vb0awsiXg/80uCRezCYHNg1/l3mt0gzHnWV9XP1W5sKa5/TCdGWaR/zBM2PeF/HbsQv/j2URNOiVuxWg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  lightningcss-win32-arm64-msvc@1.32.0:
+    resolution: {integrity: sha512-8SbC8BR40pS6baCM8sbtYDSwEVQd4JlFTOlaD3gWGHfThTcABnNDBda6eTZeqbofalIJhFx0qKzgHJmcPTnGdw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [win32]
+
+  lightningcss-win32-x64-msvc@1.32.0:
+    resolution: {integrity: sha512-Amq9B/SoZYdDi1kFrojnoqPLxYhQ4Wo5XiL8EVJrVsB8ARoC1PWW6VGtT0WKCemjy8aC+louJnjS7U18x3b06Q==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [win32]
+
+  lightningcss@1.32.0:
+    resolution: {integrity: sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ==}
+    engines: {node: '>= 12.0.0'}
+
   lines-and-columns@1.2.4:
     resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
 
-  lines-and-columns@2.0.4:
-    resolution: {integrity: sha512-wM1+Z03eypVAVUCE7QdSqpVIvelbOakn1M0bPDoA4SGWPx3sNDVUiMo3L6To6WWGClB7VyXnhQ4Sn7gxiJbE6A==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-
-  lint-staged@11.2.6:
-    resolution: {integrity: sha512-Vti55pUnpvPE0J9936lKl0ngVeTdSZpEdTNhASbkaWX7J5R9OEifo1INBGQuGW4zmy6OG+TcWPJ3m5yuy5Q8Tg==}
+  lint-staged@16.2.7:
+    resolution: {integrity: sha512-lDIj4RnYmK7/kXMya+qJsmkRFkGolciXjrsZ6PC25GdTfWOAWetR0ZbsNXRAj1EHHImRSalc+whZFg56F5DVow==}
+    engines: {node: '>=20.17'}
     hasBin: true
 
-  listr2@3.14.0:
-    resolution: {integrity: sha512-TyWI8G99GX9GjE54cJ+RrNMcIFBfwMPxc3XTFiAYGN4s10hWROGtOg7+O6u6LE3mNkyld7RSLE6nrKBvTfcs3g==}
-    engines: {node: '>=10.0.0'}
-    peerDependencies:
-      enquirer: '>= 2.3.0 < 3'
-    peerDependenciesMeta:
-      enquirer:
-        optional: true
-
-  local-pkg@0.4.3:
-    resolution: {integrity: sha512-SFppqq5p42fe2qcZQqqEOiVRXl+WCP1MdT6k7BDEW1j++sp5fIY+/fdRQitvKgB5BrBcmrs5m/L0v2FrU5MY1g==}
-    engines: {node: '>=14'}
-
-  local-pkg@0.5.0:
-    resolution: {integrity: sha512-ok6z3qlYyCDS4ZEU27HaU6x/xZa9Whf8jD4ptH5UZTQYZVYeb9bnZ3ojVhiJNLiXK1Hfc0GNbLXcmZ5plLDDBg==}
-    engines: {node: '>=14'}
+  listr2@9.0.5:
+    resolution: {integrity: sha512-ME4Fb83LgEgwNw96RKNvKV4VTLuXfoKudAmm2lP8Kk87KaMK0/Xrx/aAkMWmT8mDb+3MlFDspfbCs7adjRxA2g==}
+    engines: {node: '>=20.0.0'}
 
   locate-path@5.0.0:
     resolution: {integrity: sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==}
@@ -4710,9 +5262,6 @@ packages:
   lodash.debounce@4.0.8:
     resolution: {integrity: sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==}
 
-  lodash.isfunction@3.0.9:
-    resolution: {integrity: sha512-AirXNj15uRIMMPihnkInB4i3NHeb4iBtNg9WRWuK2o31S+ePwwNmDPaTL3o7dTJ+VXNZim7rFs4rxN4YU1oUJw==}
-
   lodash.isplainobject@4.0.6:
     resolution: {integrity: sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==}
 
@@ -4747,9 +5296,9 @@ packages:
     resolution: {integrity: sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==}
     engines: {node: '>=10'}
 
-  log-update@4.0.0:
-    resolution: {integrity: sha512-9fkkDevMefjg0mmzWFBW8YkFP91OrizzkW3diF7CpG+S2EYdy4+TVfGwz1zeF8x7hCx1ovSPTOE9Ngib74qqUg==}
-    engines: {node: '>=10'}
+  log-update@6.1.0:
+    resolution: {integrity: sha512-9ie8ItPR6tjY5uYJh8K/Zrv/RMZ5VOlOWvtZdEHYSTFKZfIBPQa9tOAEeAWhd+AnIneLJ22w5fjOYtoutpWq5w==}
+    engines: {node: '>=18'}
 
   longest@2.0.1:
     resolution: {integrity: sha512-Ajzxb8CM6WAnFjgiloPsI3bF+WCxcvhdIG3KNA2KN962+tdBsHcuQ4k4qX/EcS/2CRkcc0iAkR956Nib6aXU/Q==}
@@ -4759,49 +5308,44 @@ packages:
     resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
     hasBin: true
 
-  loupe@2.3.7:
-    resolution: {integrity: sha512-zSMINGVYkdpYSOBmLi0D1Uo7JU9nVdQKrHxC8eYlV+9YKK9WePqAlL7lSlorG/U2Fw1w0hTBmaa/jrQ3UbPHtA==}
+  lru-cache@10.4.3:
+    resolution: {integrity: sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==}
 
-  lru-cache@10.2.2:
-    resolution: {integrity: sha512-9hp3Vp2/hFQUiIwKo8XCeFVnrg8Pk3TYNPIR7tJADKi5YfcF7vEaK7avFHTlSy3kOKYaJQaalfEo6YuXdceBOQ==}
-    engines: {node: 14 || >=16.14}
+  lru-cache@11.2.2:
+    resolution: {integrity: sha512-F9ODfyqML2coTIsQpSkRHnLSZMtkU8Q+mSfcaIyKwy58u+8k5nvAYeiNhsyMARvzNcXJ9QfWVrcPsC9e9rAxtg==}
+    engines: {node: 20 || >=22}
 
   lru-cache@5.1.1:
     resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
 
-  lru-cache@6.0.0:
-    resolution: {integrity: sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==}
-    engines: {node: '>=10'}
+  magic-string@0.30.21:
+    resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==}
 
-  lz-string@1.5.0:
-    resolution: {integrity: sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==}
-    hasBin: true
-
-  magic-string@0.27.0:
-    resolution: {integrity: sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==}
-    engines: {node: '>=12'}
-
-  magic-string@0.30.10:
-    resolution: {integrity: sha512-iIRwTIf0QKV3UAnYK4PU8uiEc4SRh5jX0mwpIwETPpHdhVM4f53RSwS/vXvN1JhGX+Cs7B8qIq3d6AH49O5fAQ==}
-
-  magicast@0.3.4:
-    resolution: {integrity: sha512-TyDF/Pn36bBji9rWKHlZe+PZb6Mx5V8IHCSxk7X4aljM4e/vyDvZZYwHewdVaqiA0nb3ghfHU/6AUpDxWoER2Q==}
+  magicast@0.5.2:
+    resolution: {integrity: sha512-E3ZJh4J3S9KfwdjZhe2afj6R9lGIN5Pher1pF39UGrXRqq/VDaGVIGN13BjHd2u8B61hArAGOnso7nBOouW3TQ==}
 
   make-dir@4.0.0:
     resolution: {integrity: sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==}
     engines: {node: '>=10'}
 
-  map-obj@1.0.1:
-    resolution: {integrity: sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg==}
-    engines: {node: '>=0.10.0'}
-
-  map-obj@4.3.0:
-    resolution: {integrity: sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==}
-    engines: {node: '>=8'}
-
   mark.js@8.11.1:
     resolution: {integrity: sha512-1I+1qpDt4idfgLQG+BNWmrqku+7/2bi5nLf4YwF8y8zXvmfiTBY3PV3ZibfrjBueCByROpuBjLLFCajqkgYoLQ==}
 
+  marked@14.0.0:
+    resolution: {integrity: sha512-uIj4+faQ+MgHgwUW1l2PsPglZLOLOT1uErt06dAPtx2kjteLAkbsd/0FiYg/MGS+i7ZKLb7w2WClxHkzOOuryQ==}
+    engines: {node: '>= 18'}
+    hasBin: true
+
+  math-intrinsics@1.1.0:
+    resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==}
+    engines: {node: '>= 0.4'}
+
+  mdast-util-to-hast@13.2.0:
+    resolution: {integrity: sha512-QGYKEuUsYT9ykKBCMOEDLsU5JRObWQusAolFMeko/tYPufNkRffBAQjIE+99jbA87xv6FgmjLtwjh9wBWajwAA==}
+
+  mdn-data@2.12.2:
+    resolution: {integrity: sha512-IEn+pegP1aManZuckezWCO+XZQDplx1366JoVhTpMpBB1sPey/SbveZQUosKiKiGYjg1wH4pMlNgXbCiYgihQA==}
+
   memoize-one@6.0.0:
     resolution: {integrity: sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw==}
 
@@ -4813,13 +5357,10 @@ packages:
     resolution: {integrity: sha512-pxQJQzB6djGPXh08dacEloMFopsOqGVRKFPYvPOt9XDZ1HasbgDZA74CJGreSU4G3Ak7EFJGoiH2auq+yXISgA==}
     engines: {node: '>=18'}
 
-  meow@8.1.2:
-    resolution: {integrity: sha512-r85E3NdZ+mpYk1C6RjPFEMSE+s1iZMuHtsHAqY0DT3jZczl0diWUZ8g6oU7h0M9cD2EL+PzaYghhCLzR0ZNn5Q==}
+  merge-options@3.0.4:
+    resolution: {integrity: sha512-2Sug1+knBjkaMsMgf1ctR1Ujx+Ayku4EdJN4Z+C2+JzoeF7A3OZ9KM2GY0CpQS51NR61LTurMJrRKPhSs3ZRTQ==}
     engines: {node: '>=10'}
 
-  merge-stream@2.0.0:
-    resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==}
-
   merge2@1.4.1:
     resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
     engines: {node: '>= 8'}
@@ -4827,8 +5368,23 @@ packages:
   merge@2.1.1:
     resolution: {integrity: sha512-jz+Cfrg9GWOZbQAnDQ4hlVnQky+341Yk5ru8bZSe6sIDTCIg8n9i/u7hSQGSVOF3C7lH6mGtqjkiT9G4wFLL0w==}
 
-  micromatch@4.0.7:
-    resolution: {integrity: sha512-LPP/3KorzCwBxfeUuZmaR6bG2kdeHSbe0P2tY3FLRU4vYrjYz5hI4QZwV0njUx3jeuKe67YukQ1LSPZBKDqO/Q==}
+  micromark-util-character@2.1.1:
+    resolution: {integrity: sha512-wv8tdUTJ3thSFFFJKtpYKOYiGP2+v96Hvk4Tu8KpCAsTMs6yi+nVmGh1syvSCsaxz45J6Jbw+9DD6g97+NV67Q==}
+
+  micromark-util-encode@2.0.1:
+    resolution: {integrity: sha512-c3cVx2y4KqUnwopcO9b/SCdo2O67LwJJ/UyqGfbigahfegL9myoEFoDYZgkT7f36T0bLrM9hZTAaAyH+PCAXjw==}
+
+  micromark-util-sanitize-uri@2.0.1:
+    resolution: {integrity: sha512-9N9IomZ/YuGGZZmQec1MbgxtlgougxTodVwDzzEouPKo3qFWvymFHWcnDi2vzV1ff6kas9ucW+o3yzJK9YB1AQ==}
+
+  micromark-util-symbol@2.0.1:
+    resolution: {integrity: sha512-vs5t8Apaud9N28kgCrRUdEed4UJ+wWNvicHLPxCa9ENlYuAY31M0ETy5y1vA33YoNPDFTghEbnh6efaE8h4x0Q==}
+
+  micromark-util-types@2.0.2:
+    resolution: {integrity: sha512-Yw0ECSpJoViF1qTU4DC6NwtC4aWGt1EkzaQB8KPPyCRR8z9TWeV0HbEFGTO+ZY1wB22zmxnJqhPyTpOVCpeHTA==}
+
+  micromatch@4.0.8:
+    resolution: {integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==}
     engines: {node: '>=8.6'}
 
   mime-db@1.52.0:
@@ -4843,33 +5399,25 @@ packages:
     resolution: {integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==}
     engines: {node: '>=6'}
 
-  mimic-fn@4.0.0:
-    resolution: {integrity: sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==}
-    engines: {node: '>=12'}
+  mimic-function@5.0.1:
+    resolution: {integrity: sha512-VP79XUPxV2CigYP3jWwAUFSku2aKqBH7uTAapFWCBqutsbmDo96KY5o8uh6U+/YSIn5OxJnXp73beVkpqMIGhA==}
+    engines: {node: '>=18'}
 
-  min-indent@1.0.1:
-    resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
-    engines: {node: '>=4'}
+  minimatch@10.2.4:
+    resolution: {integrity: sha512-oRjTw/97aTBN0RHbYCdtF1MQfvusSIBQM0IZEgzl6426+8jSC0nF1a/GmnVLpfB9yyr6g6FTqWqiZVbxrtaCIg==}
+    engines: {node: 18 || 20 || >=22}
 
   minimatch@3.1.2:
     resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
 
-  minimatch@5.1.6:
-    resolution: {integrity: sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==}
-    engines: {node: '>=10'}
-
   minimatch@9.0.1:
     resolution: {integrity: sha512-0jWhJpD/MdhPXwPuiRkCbfYfSKp2qnn2eOc279qI7f+osl/l+prKSrvhg157zSYvx/1nmgn2NqdT6k2Z7zSH9w==}
     engines: {node: '>=16 || 14 >=14.17'}
 
-  minimatch@9.0.4:
-    resolution: {integrity: sha512-KqWh+VchfxcMNRAJjj2tnsSJdNbHsVgnkBhTNrW7AjVo6OvLtxw8zfT9oLw1JSohlFzJ8jCoTgaoXvJ+kHt6fw==}
+  minimatch@9.0.5:
+    resolution: {integrity: sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==}
     engines: {node: '>=16 || 14 >=14.17'}
 
-  minimist-options@4.1.0:
-    resolution: {integrity: sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==}
-    engines: {node: '>= 6'}
-
   minimist@1.2.7:
     resolution: {integrity: sha512-bzfL1YUZsP41gmu/qjrEk0Q6i2ix/cVeAhbCbqH9u3zYutS1cLg00qhrD0M2MVdCcx4Sc0UpP2eBWo9rotpq6g==}
 
@@ -4880,17 +5428,14 @@ packages:
     resolution: {integrity: sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==}
     engines: {node: '>=16 || 14 >=14.17'}
 
-  minisearch@6.3.0:
-    resolution: {integrity: sha512-ihFnidEeU8iXzcVHy74dhkxh/dn8Dc08ERl0xwoMMGqp4+LvRSCgicb+zGqWthVokQKvCSxITlh3P08OzdTYCQ==}
+  minisearch@7.2.0:
+    resolution: {integrity: sha512-dqT2XBYUOZOiC5t2HRnwADjhNS2cecp9u+TJRiJ1Qp/f5qjkeT5APcGPjHw+bz89Ms8Jp+cG4AlE+QZ/QnDglg==}
 
   mitt@3.0.1:
     resolution: {integrity: sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==}
 
-  mlly@1.7.1:
-    resolution: {integrity: sha512-rrVRZRELyQzrIUAVMHxP97kv+G786pHmOKzuFII8zDYahFBS7qnHh2AlYSl1GAHhaMPCz6/oHjVMcfFYgFYHgA==}
-
-  monaco-editor@0.48.0:
-    resolution: {integrity: sha512-goSDElNqFfw7iDHMg8WDATkfcyeLTNpBHQpO8incK6p5qZt5G/1j41X0xdGzpIkGojGXM+QiRQyLjnfDVvrpwA==}
+  monaco-editor@0.55.1:
+    resolution: {integrity: sha512-jz4x+TJNFHwHtwuV9vA9rMujcZRb0CEilTEwG2rRSpe/A7Jdkuj8xPKttCgOh+v/lkHy7HsZ64oj+q3xoAFl9A==}
 
   moveable-helper@0.4.0:
     resolution: {integrity: sha512-t1FK9PO187Gn0N6GVZcrQgePjiHmuj8eUhmJjH38LvTMnVVxiHzWYRx6ARFZvSFIIW4yb6BEAv4C99Bsx84nFw==}
@@ -4900,9 +5445,6 @@ packages:
   moveable@0.53.0:
     resolution: {integrity: sha512-71jS9zIoQzMhnNvduhg4tUEdm23+fO/40FN7muVMbZvVwbTku2MIxxLhnU4qFvxI4oVxn75l79SbtgjuA+s7Pw==}
 
-  ms@2.1.2:
-    resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
-
   ms@2.1.3:
     resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
 
@@ -4912,41 +5454,34 @@ packages:
   mute-stream@0.0.8:
     resolution: {integrity: sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==}
 
-  mylas@2.1.13:
-    resolution: {integrity: sha512-+MrqnJRtxdF+xngFfUUkIMQrUUL0KsxbADUkn23Z/4ibGg192Q+z+CQyiYwvWTsYjJygmMR8+w3ZDa98Zh6ESg==}
-    engines: {node: '>=12.0.0'}
+  nano-spawn@2.0.0:
+    resolution: {integrity: sha512-tacvGzUY5o2D8CBh2rrwxyNojUsZNU2zjNTzKQrkgGJQTbGAfArVWXSKMBokBeeg6C7OLRGUEyoFlYbfeWQIqw==}
+    engines: {node: '>=20.17'}
 
-  nanoid@3.3.7:
-    resolution: {integrity: sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==}
+  nanoid@3.3.11:
+    resolution: {integrity: sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
     hasBin: true
 
-  natural-compare-lite@1.4.0:
-    resolution: {integrity: sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==}
-
   natural-compare@1.4.0:
     resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
 
   neo-async@2.6.2:
     resolution: {integrity: sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==}
 
-  node-releases@2.0.14:
-    resolution: {integrity: sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==}
+  node-addon-api@7.1.1:
+    resolution: {integrity: sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==}
+
+  node-releases@2.0.27:
+    resolution: {integrity: sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==}
 
   nopt@7.2.1:
     resolution: {integrity: sha512-taM24ViiimT/XntxbPyJQzCG+p4EKOpgD3mxFwW38mGjVUrfERQOeY4EDHjdnptttfHuHQXFx+lTP08Q+mLa/w==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
     hasBin: true
 
-  normalize-package-data@2.5.0:
-    resolution: {integrity: sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==}
-
-  normalize-package-data@3.0.3:
-    resolution: {integrity: sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==}
-    engines: {node: '>=10'}
-
-  normalize-package-data@6.0.1:
-    resolution: {integrity: sha512-6rvCfeRW+OEZagAB4lMLSNuTNYZWLVtKccK79VSTf//yTY5VOCgcpH80O+bZK8Neps7pUnd5G+QlMg1yV/2iZQ==}
+  normalize-package-data@6.0.2:
+    resolution: {integrity: sha512-V6gygoYb/5EmNI+MEGrWkC+e6+Rr7mTmfHrxDbLzxQogBkgzo76rkok0Am6thgSF7Mv2nLOajAJj5vDJZEFn7g==}
     engines: {node: ^16.14.0 || >=18.0.0}
 
   normalize-path@3.0.0:
@@ -4956,33 +5491,23 @@ packages:
   normalize-wheel-es@1.2.0:
     resolution: {integrity: sha512-Wj7+EJQ8mSuXr2iWfnujrimU35R2W4FAErEyTmJoJ7ucwTn2hOUSsRehMb5RSYkxXGTM7Y9QpvPmp++w5ftoJw==}
 
-  npm-run-path@4.0.1:
-    resolution: {integrity: sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==}
-    engines: {node: '>=8'}
-
-  npm-run-path@5.3.0:
-    resolution: {integrity: sha512-ppwTtiJZq0O/ai0z7yfudtBpWIoxM8yE6nHi1X47eFR2EWORqfbu6CnPlNsjeN683eT0qG6H/Pyf9fCcvjnnnQ==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+  npm-run-path@6.0.0:
+    resolution: {integrity: sha512-9qny7Z9DsQU8Ou39ERsPU4OZQlSTP47ShQzuKZ6PRXpYLtIFgl/DEBYEXKlvcEa+9tHVcK8CF81Y2V72qaZhWA==}
+    engines: {node: '>=18'}
 
   nth-check@2.1.1:
     resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
 
-  nwsapi@2.2.10:
-    resolution: {integrity: sha512-QK0sRs7MKv0tKe1+5uZIQk/C8XGza4DAnztJG8iD+TpJIORARrCxczA738awHrZoHeTjSSoHqao2teO0dC/gFQ==}
-
-  object-inspect@1.13.1:
-    resolution: {integrity: sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==}
-
-  object-is@1.1.6:
-    resolution: {integrity: sha512-F8cZ+KfGlSGi09lJT7/Nd6KJZ9ygtvYC0/UYYLI9nmQKLMnydpB9yvbv9K1uSkEu7FU9vYPmVwLg328tX+ot3Q==}
+  object-inspect@1.13.4:
+    resolution: {integrity: sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==}
     engines: {node: '>= 0.4'}
 
   object-keys@1.1.1:
     resolution: {integrity: sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==}
     engines: {node: '>= 0.4'}
 
-  object.assign@4.1.5:
-    resolution: {integrity: sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==}
+  object.assign@4.1.7:
+    resolution: {integrity: sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==}
     engines: {node: '>= 0.4'}
 
   object.fromentries@2.0.8:
@@ -4993,10 +5518,13 @@ packages:
     resolution: {integrity: sha512-+Lhy3TQTuzXI5hevh8sBGqbmurHbbIjAi0Z4S63nthVLmLxfbj4T54a4CfZrXIrt9iP4mVAPYMo/v99taj3wjQ==}
     engines: {node: '>= 0.4'}
 
-  object.values@1.2.0:
-    resolution: {integrity: sha512-yBYjY9QX2hnRmZHAjG/f13MzmBzxzYgQhFrke06TTyKY5zSTEqkOeukBzIdVA3j3ulu8Qa3MbVFShV7T2RmGtQ==}
+  object.values@1.2.1:
+    resolution: {integrity: sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==}
     engines: {node: '>= 0.4'}
 
+  obug@2.1.1:
+    resolution: {integrity: sha512-uTqF9MuPraAQ+IsnPf366RG4cP9RtUi7MLO1N3KEc+wb0a6yKpeL0lmk2IB1jY5KHPAlTc6T/JRdC/YqxHNwkQ==}
+
   once@1.4.0:
     resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
 
@@ -5004,9 +5532,12 @@ packages:
     resolution: {integrity: sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==}
     engines: {node: '>=6'}
 
-  onetime@6.0.0:
-    resolution: {integrity: sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==}
-    engines: {node: '>=12'}
+  onetime@7.0.0:
+    resolution: {integrity: sha512-VXJjc87FScF88uafS3JllDgvAm+c/Slfz06lorj2uAY34rlUu0Nt+v8wreiImcrgAjjIHp1rXpTDlLOGw29WwQ==}
+    engines: {node: '>=18'}
+
+  oniguruma-to-es@3.1.1:
+    resolution: {integrity: sha512-bUH8SDvPkH3ho3dvwJwfonjlQ4R80vjyvrU8YpxuROddv55vAEJrTuCuCVUhhsHbtlD9tGGbaNApGQckXhS8iQ==}
 
   optionator@0.9.4:
     resolution: {integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==}
@@ -5026,6 +5557,10 @@ packages:
   overlap-area@1.1.0:
     resolution: {integrity: sha512-3dlJgJCaVeXH0/eZjYVJvQiLVVrPO4U1ZGqlATtx6QGO3b5eNM6+JgUKa7oStBTdYuGTk7gVoABCW6Tp+dhRdw==}
 
+  own-keys@1.0.1:
+    resolution: {integrity: sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==}
+    engines: {node: '>= 0.4'}
+
   p-limit@2.3.0:
     resolution: {integrity: sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==}
     engines: {node: '>=6'}
@@ -5038,10 +5573,6 @@ packages:
     resolution: {integrity: sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
 
-  p-limit@5.0.0:
-    resolution: {integrity: sha512-/Eaoq+QyLSiXQ4lyYV23f14mZRQcXnxfHrN0vCai+ak9G0pp9iEQukIIZq5NccEvwRB8PUnZT0KsOoDCINS1qQ==}
-    engines: {node: '>=18'}
-
   p-locate@4.1.0:
     resolution: {integrity: sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==}
     engines: {node: '>=8'}
@@ -5054,14 +5585,13 @@ packages:
     resolution: {integrity: sha512-wPrq66Llhl7/4AGC6I+cqxT07LhXvWL08LNXz1fENOw0Ap4sRZZ/gZpTTJ5jpurzzzfS2W/Ge9BY3LgLjCShcw==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
 
-  p-map@4.0.0:
-    resolution: {integrity: sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==}
-    engines: {node: '>=10'}
-
   p-try@2.2.0:
     resolution: {integrity: sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==}
     engines: {node: '>=6'}
 
+  package-json-from-dist@1.0.1:
+    resolution: {integrity: sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==}
+
   parent-module@1.0.1:
     resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
     engines: {node: '>=6'}
@@ -5070,16 +5600,20 @@ packages:
     resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==}
     engines: {node: '>=8'}
 
-  parse-json@7.1.1:
-    resolution: {integrity: sha512-SgOTCX/EZXtZxBE5eJ97P4yGM5n37BwRU+YMsH4vNzFqJV/oWFXXCmwFlgWUM4PrakybVOueJJ6pwHqSVhTFDw==}
-    engines: {node: '>=16'}
+  parse-json@8.3.0:
+    resolution: {integrity: sha512-ybiGyvspI+fAoRQbIPRddCcSTV9/LsJbf0e/S85VLowVGzRmokfneg2kwVW/KU5rOXrPSbF1qAKPMgNTqqROQQ==}
+    engines: {node: '>=18'}
+
+  parse-ms@4.0.0:
+    resolution: {integrity: sha512-TXfryirbmq34y8QBwgqCVLi+8oA3oWx2eAnSn62ITyEhEYaWRlVZ2DvMM9eZbMs/RfxPu/PK/aBLyGj4IrqMHw==}
+    engines: {node: '>=18'}
 
   parse-passwd@1.0.0:
     resolution: {integrity: sha512-1Y1A//QUXEZK7YKz+rD9WydcE1+EuPr6ZBgKecAB8tmoW6UFv0NREVJe1p+jRxtThkcbbKkfwIbWJe/IeE6m2Q==}
     engines: {node: '>=0.10.0'}
 
-  parse5@6.0.1:
-    resolution: {integrity: sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==}
+  parse5@8.0.0:
+    resolution: {integrity: sha512-9m4m5GSgXjL4AjumKzq1Fgfp3Z8rsvjRNbnkVwfu2ImRqE5D0LnY2QfDen18FSY9C573YU5XxSapdHZTZ2WolA==}
 
   path-browserify@1.0.1:
     resolution: {integrity: sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==}
@@ -5111,54 +5645,50 @@ packages:
     resolution: {integrity: sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==}
     engines: {node: '>=16 || 14 >=14.18'}
 
-  path-type@4.0.0:
-    resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
-    engines: {node: '>=8'}
-
-  pathe@1.1.2:
-    resolution: {integrity: sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==}
-
-  pathval@1.1.1:
-    resolution: {integrity: sha512-Dp6zGqpTdETdR63lehJYPeIOqpiNBNtc7BpWSLrOje7UaIsE5aY92r/AunQA7rsXvet3lrJ3JnZX29UPTKXyKQ==}
+  pathe@2.0.3:
+    resolution: {integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==}
 
   perfect-debounce@1.0.0:
     resolution: {integrity: sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA==}
 
-  picocolors@1.0.1:
-    resolution: {integrity: sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==}
+  picocolors@1.1.1:
+    resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
 
   picomatch@2.3.1:
     resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
     engines: {node: '>=8.6'}
 
-  pkg-types@1.1.1:
-    resolution: {integrity: sha512-ko14TjmDuQJ14zsotODv7dBlwxKhUKQEhuhmbqo1uCi9BB0Z2alo/wAXg6q1dTR5TyuqYyWhjtfe/Tsh+X28jQ==}
-
-  please-upgrade-node@3.2.0:
-    resolution: {integrity: sha512-gQR3WpIgNIKwBMVLkpMUeR3e1/E1y42bqDQZfql+kDeXd8COYfM8PQA4X6y7a8u9Ua9FHmsrrmirW2vHs45hWg==}
-
-  plimit-lit@1.6.1:
-    resolution: {integrity: sha512-B7+VDyb8Tl6oMJT9oSO2CW8XC/T4UcJGrwOVoNGwOQsQYhlpfajmrMj5xeejqaASq3V/EqThyOeATEOMuSEXiA==}
+  picomatch@4.0.3:
+    resolution: {integrity: sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==}
     engines: {node: '>=12'}
 
+  pidtree@0.6.0:
+    resolution: {integrity: sha512-eG2dWTVw5bzqGRztnHExczNxt5VGsE6OwTeCG3fdUf9KBsZzO3R5OIIIzWR+iZA0NtZ+RDVdaoE2dK1cn6jH4g==}
+    engines: {node: '>=0.10'}
+    hasBin: true
+
   pngjs@5.0.0:
     resolution: {integrity: sha512-40QW5YalBNfQo5yRYmiw7Yz6TKKVr3h6970B2YE+3fQpsWcrbj1PzJgxeJ19DRQjhMbKPIuMY8rFaXc8moolVw==}
     engines: {node: '>=10.13.0'}
 
-  possible-typed-array-names@1.0.0:
-    resolution: {integrity: sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==}
+  possible-typed-array-names@1.1.0:
+    resolution: {integrity: sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==}
     engines: {node: '>= 0.4'}
 
-  postcss-selector-parser@6.1.0:
-    resolution: {integrity: sha512-UMz42UD0UY0EApS0ZL9o1XnLhSTtvvvLe5Dc2H2O56fvRZi+KulDyf5ctDhhtYJBGKStV2FL1fy6253cmLgqVQ==}
+  postcss-selector-parser@7.1.1:
+    resolution: {integrity: sha512-orRsuYpJVw8LdAwqqLykBj9ecS5/cRHlI5+nvTo8LcCKmzDmqVORXtOIYEEQuL9D4BxtA1lm5isAqzQZCoQ6Eg==}
     engines: {node: '>=4'}
 
-  postcss@8.4.38:
-    resolution: {integrity: sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==}
+  postcss@8.5.6:
+    resolution: {integrity: sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==}
     engines: {node: ^10 || ^12 || >=14}
 
-  preact@10.22.0:
-    resolution: {integrity: sha512-RRurnSjJPj4rp5K6XoP45Ui33ncb7e4H7WiOHVpjbkvqvA3U+N8Z6Qbo0AE6leGYBV66n8EhEaFixvIu3SkxFw==}
+  postcss@8.5.8:
+    resolution: {integrity: sha512-OW/rX8O/jXnm82Ey1k44pObPtdblfiuWnrd8X7GJ7emImCOstunGbXUpp7HdBrFQX6rJzn3sPT397Wp5aCwCHg==}
+    engines: {node: ^10 || ^12 || >=14}
+
+  preact@10.27.2:
+    resolution: {integrity: sha512-5SYSgFKSyhCbk6SrXyMpqjb5+MQBgfvEKE/OC+PujcY34sOpqtr+0AZQtPYx5IA6VxynQ7rUPCtKzyovpj9Bpg==}
 
   prelude-ls@1.2.1:
     resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
@@ -5168,54 +5698,36 @@ packages:
     resolution: {integrity: sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==}
     engines: {node: '>=6.0.0'}
 
-  prettier@2.8.8:
-    resolution: {integrity: sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==}
-    engines: {node: '>=10.13.0'}
+  prettier@3.8.1:
+    resolution: {integrity: sha512-UOnG6LftzbdaHZcKoPFtOcCKztrQ57WkHDeRD9t/PTQtmT0NHSeWWepj6pS0z/N7+08BHFDQVUrfmfMRcZwbMg==}
+    engines: {node: '>=14'}
     hasBin: true
 
-  pretty-format@27.5.1:
-    resolution: {integrity: sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==}
-    engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
+  pretty-ms@9.3.0:
+    resolution: {integrity: sha512-gjVS5hOP+M3wMm5nmNOucbIrqudzs9v/57bWRHQWLYklXqoXKrVfYW2W9+glfGsqtPgpiz5WwyEEB+ksXIx3gQ==}
+    engines: {node: '>=18'}
 
-  pretty-format@29.7.0:
-    resolution: {integrity: sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
+  property-information@7.1.0:
+    resolution: {integrity: sha512-TwEZ+X+yCJmYfL7TPUOcvBZ4QfoT5YenQiJuX//0th53DE6w0xxLEtfK3iyryQFddXuvkIk51EEgrJQ0WJkOmQ==}
 
   proto-list@1.2.4:
     resolution: {integrity: sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA==}
 
-  psl@1.9.0:
-    resolution: {integrity: sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==}
-
-  pump@3.0.0:
-    resolution: {integrity: sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==}
+  proxy-from-env@1.1.0:
+    resolution: {integrity: sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==}
 
   punycode@2.3.1:
     resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
     engines: {node: '>=6'}
 
-  qrcode@1.5.3:
-    resolution: {integrity: sha512-puyri6ApkEHYiVl4CFzo1tDkAZ+ATcnbJrJ6RiBM1Fhctdn/ix9MTE3hRph33omisEbC/2fcfemsseiKgBPKZg==}
+  qrcode@1.5.4:
+    resolution: {integrity: sha512-1ca71Zgiu6ORjHqFBDpnSMTR2ReToX4l1Au1VFLyVeBTFavzQnv5JxMFr3ukHVKpSrSA2MCk0lNJSykjUfz7Zg==}
     engines: {node: '>=10.13.0'}
     hasBin: true
 
-  querystringify@2.2.0:
-    resolution: {integrity: sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==}
-
-  queue-lit@1.5.2:
-    resolution: {integrity: sha512-tLc36IOPeMAubu8BkW8YDBV+WyIgKlYU7zUNs0J5Vk9skSZ4JfGlPOqplP0aHdfv7HL0B2Pg6nwiq60Qc6M2Hw==}
-    engines: {node: '>=12'}
-
   queue-microtask@1.2.3:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
 
-  quick-lru@4.0.1:
-    resolution: {integrity: sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==}
-    engines: {node: '>=8'}
-
-  randombytes@2.1.0:
-    resolution: {integrity: sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==}
-
   react-css-styled@1.1.9:
     resolution: {integrity: sha512-M7fJZ3IWFaIHcZEkoFOnkjdiUFmwd8d+gTh2bpqMOcnxy/0Gsykw4dsL4QBiKsxcGow6tETUa4NAUcmJF+/nfw==}
 
@@ -5224,12 +5736,6 @@ packages:
     peerDependencies:
       react: ^18.3.1
 
-  react-is@17.0.2:
-    resolution: {integrity: sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==}
-
-  react-is@18.3.1:
-    resolution: {integrity: sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==}
-
   react-moveable@0.56.0:
     resolution: {integrity: sha512-FmJNmIOsOA36mdxbrc/huiE4wuXSRlmon/o+/OrfNhSiYYYL0AV5oObtPluEhb2Yr/7EfYWBHTxF5aWAvjg1SA==}
 
@@ -5244,21 +5750,13 @@ packages:
     resolution: {integrity: sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==}
     engines: {node: '>=0.10.0'}
 
-  read-pkg-up@10.1.0:
-    resolution: {integrity: sha512-aNtBq4jR8NawpKJQldrQcSW9y/d+KWH4v24HWkHljOZ7H0av+YTGANBzRh9A5pw7v/bLVsLVPpOhJ7gHNVy8lA==}
-    engines: {node: '>=16'}
+  read-package-up@11.0.0:
+    resolution: {integrity: sha512-MbgfoNPANMdb4oRBNg5eqLbB2t2r+o5Ua1pNt8BqGp4I0FJZhuVSOj3PaBPni4azWuSzEdNn2evevzVmEk1ohQ==}
+    engines: {node: '>=18'}
 
-  read-pkg-up@7.0.1:
-    resolution: {integrity: sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==}
-    engines: {node: '>=8'}
-
-  read-pkg@5.2.0:
-    resolution: {integrity: sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==}
-    engines: {node: '>=8'}
-
-  read-pkg@8.1.0:
-    resolution: {integrity: sha512-PORM8AgzXeskHO/WEv312k9U03B8K9JSiWF/8N9sUuFjBa+9SF2u6K7VClzXwDXab51jCd8Nd36CNM+zR97ScQ==}
-    engines: {node: '>=16'}
+  read-pkg@9.0.1:
+    resolution: {integrity: sha512-9viLL4/n1BJUCT1NXVTdS1jtm80yDEgR5T4yCelII49Mbj0v1rZdKqj7zCiYdbB0CuCgdrvHcNogAKTFPBocFA==}
+    engines: {node: '>=18'}
 
   readable-stream@3.6.2:
     resolution: {integrity: sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==}
@@ -5268,24 +5766,24 @@ packages:
     resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
     engines: {node: '>=8.10.0'}
 
-  recast@0.20.5:
-    resolution: {integrity: sha512-E5qICoPoNL4yU0H0NoBDntNB0Q5oMSNh9usFctYniLBluTthi3RsQVBXIJNbApOlvSwW/RGxIuokPcAc59J5fQ==}
-    engines: {node: '>= 4'}
+  readdirp@4.1.2:
+    resolution: {integrity: sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==}
+    engines: {node: '>= 14.18.0'}
 
-  recast@0.23.9:
-    resolution: {integrity: sha512-Hx/BGIbwj+Des3+xy5uAtAbdCyqK9y9wbBcDFDYanLS9JnMqf7OeF87HQwUimE87OEc72mr6tkKUKMBBL+hF9Q==}
+  recast@0.23.11:
+    resolution: {integrity: sha512-YTUo+Flmw4ZXiWfQKGcwwc11KnoRAYgzAE2E7mXKCjSviTKShtxBsN6YUUBB2gtaBzKzeKunxhUwNHQuRryhWA==}
     engines: {node: '>= 4'}
 
   rechoir@0.6.2:
     resolution: {integrity: sha512-HFM8rkZ+i3zrV+4LQjwQ0W+ez98pApMGM3HUrN04j3CqzPOzl9nmP15Y8YXNm8QHGv/eacOVEjqhmWpkRV0NAw==}
     engines: {node: '>= 0.10'}
 
-  redent@3.0.0:
-    resolution: {integrity: sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==}
-    engines: {node: '>=8'}
+  reflect.getprototypeof@1.0.10:
+    resolution: {integrity: sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==}
+    engines: {node: '>= 0.4'}
 
-  regenerate-unicode-properties@10.1.1:
-    resolution: {integrity: sha512-X007RyZLsCJVVrjgEFVpLUTZwyOZk3oiL75ZcuYjlIWd6rNJtOjkBwQc5AsRrpbKVkxN6sklw/k/9m2jJYOf8Q==}
+  regenerate-unicode-properties@10.2.2:
+    resolution: {integrity: sha512-m03P+zhBeQd1RGnYxrGyDAPpWX/epKirLrp8e3qevZdVkKtnCrjjWczIbYc8+xd6vcTStVlqfycTx1KR4LOr0g==}
     engines: {node: '>=4'}
 
   regenerate@1.4.2:
@@ -5294,19 +5792,28 @@ packages:
   regenerator-runtime@0.14.1:
     resolution: {integrity: sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==}
 
-  regenerator-transform@0.15.2:
-    resolution: {integrity: sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg==}
+  regex-recursion@6.0.2:
+    resolution: {integrity: sha512-0YCaSCq2VRIebiaUviZNs0cBz1kg5kVS2UKUfNIx8YVs1cN3AV7NTctO5FOKBA+UT2BPJIWZauYHPqJODG50cg==}
 
-  regexp.prototype.flags@1.5.2:
-    resolution: {integrity: sha512-NcDiDkTLuPR+++OCKB0nWafEmhg/Da8aUPLPMQbK+bxKKCm1/S5he+AqYa4PlMCVBalb4/yxIRub6qkEx5yJbw==}
+  regex-utilities@2.3.0:
+    resolution: {integrity: sha512-8VhliFJAWRaUiVvREIiW2NXXTmHs4vMNnSzuJVhscgmGav3g9VDxLrQndI3dZZVVdp0ZO/5v0xmX516/7M9cng==}
+
+  regex@6.0.1:
+    resolution: {integrity: sha512-uorlqlzAKjKQZ5P+kTJr3eeJGSVroLKoHmquUj4zHWuR+hEyNqlXsSKlYYF5F4NI6nl7tWCs0apKJ0lmfsXAPA==}
+
+  regexp.prototype.flags@1.5.4:
+    resolution: {integrity: sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==}
     engines: {node: '>= 0.4'}
 
-  regexpu-core@5.3.2:
-    resolution: {integrity: sha512-RAM5FlZz+Lhmo7db9L298p2vHP5ZywrVXmVXpmAD9GuL5MPH6t9ROw1iA/wfHkQ76Qe7AaPF0nGuim96/IrQMQ==}
+  regexpu-core@6.4.0:
+    resolution: {integrity: sha512-0ghuzq67LI9bLXpOX/ISfve/Mq33a4aFRzoQYhnnok1JOFpmE/A2TBGkNVenOGEeSBCjIiWcc6MVOG5HEQv0sA==}
     engines: {node: '>=4'}
 
-  regjsparser@0.9.1:
-    resolution: {integrity: sha512-dQUtn90WanSNl+7mQKcXAgZxvUe7Z0SqXlgzv0za4LwiUhyzBC58yQO3liFoUgu8GiJVInAhJjkj1N0EtQ5nkQ==}
+  regjsgen@0.8.0:
+    resolution: {integrity: sha512-RvwtGe3d7LvWiDQXeQw8p5asZUmfU1G/l6WbUXeHta7Y2PEIvBTwH6E2EfmYUK8pxcxEdEmaomqyp0vZZ7C+3Q==}
+
+  regjsparser@0.13.0:
+    resolution: {integrity: sha512-NZQZdC5wOE/H3UT28fVGL+ikOZcEzfMGk/c3iN9UGxzWHMa1op7274oyiUVrAG4B2EuFhus8SvkaYnhvW92p9Q==}
     hasBin: true
 
   require-directory@2.1.1:
@@ -5320,9 +5827,6 @@ packages:
   require-main-filename@2.0.0:
     resolution: {integrity: sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==}
 
-  requires-port@1.0.0:
-    resolution: {integrity: sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==}
-
   resolve-dir@1.0.1:
     resolution: {integrity: sha512-R7uiTjECzvOsWSfdM0QKFNBVFcK27aHOUwdvK53BcW8zqnGdYp0Fbj82cy54+2A4P2tFM22J5kRfe1R+lM/1yg==}
     engines: {node: '>=0.10.0'}
@@ -5335,37 +5839,60 @@ packages:
     resolution: {integrity: sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==}
     engines: {node: '>=8'}
 
-  resolve-global@1.0.0:
-    resolution: {integrity: sha512-zFa12V4OLtT5XUX/Q4VLvTfBf+Ok0SPc1FNGM/z9ctUdiU618qwKpWnd0CHs3+RqROfyEg/DhuHbMWYqcgljEw==}
-    engines: {node: '>=8'}
+  resolve-pkg-maps@1.0.0:
+    resolution: {integrity: sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==}
 
-  resolve@1.22.8:
-    resolution: {integrity: sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==}
+  resolve@1.22.11:
+    resolution: {integrity: sha512-RfqAvLnMl313r7c9oclB1HhUEAezcpLjz95wFH4LVuhk9JF/r22qmVP9AMmOU4vMX7Q8pN8jwNg/CSpdFnMjTQ==}
+    engines: {node: '>= 0.4'}
     hasBin: true
 
   restore-cursor@3.1.0:
     resolution: {integrity: sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==}
     engines: {node: '>=8'}
 
-  reusify@1.0.4:
-    resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
+  restore-cursor@5.1.0:
+    resolution: {integrity: sha512-oMA2dcrw6u0YfxJQXm342bFKX/E4sG9rbTzO9ptUcR/e8A33cHuvStiYOwH7fszkZlZ1z/ta9AAoPk2F4qIOHA==}
+    engines: {node: '>=18'}
+
+  reusify@1.1.0:
+    resolution: {integrity: sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==}
     engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
 
-  rfdc@1.3.1:
-    resolution: {integrity: sha512-r5a3l5HzYlIC68TpmYKlxWjmOP6wiPJ1vWv2HeLhNsRZMrCkxeqxiHlQ21oXmQ4F3SiryXBHhAD7JZqvOJjFmg==}
+  rfdc@1.4.1:
+    resolution: {integrity: sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==}
 
   rimraf@3.0.2:
     resolution: {integrity: sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==}
     deprecated: Rimraf versions prior to v4 are no longer supported
     hasBin: true
 
-  rollup-plugin-external-globals@0.10.0:
-    resolution: {integrity: sha512-RXlupZrmn97AaaS5dWnktkjM+Iy+od0E+8L0mUkMIs3iuoUXNJebueQocQKV7Ircd54fSGGmkBaXwNzY05J1yQ==}
+  rolldown-plugin-dts@0.22.5:
+    resolution: {integrity: sha512-M/HXfM4cboo+jONx9Z0X+CUf3B5tCi7ni+kR5fUW50Fp9AlZk0oVLesibGWgCXDKFp5lpgQ9yhKoImUFjl3VZw==}
+    engines: {node: '>=20.19.0'}
     peerDependencies:
-      rollup: ^2.25.0 || ^3.3.0 || ^4.1.4
+      '@ts-macro/tsc': ^0.3.6
+      '@typescript/native-preview': '>=7.0.0-dev.20250601.1'
+      rolldown: ^1.0.0-rc.3
+      typescript: ^5.0.0 || ^6.0.0-beta
+      vue-tsc: ~3.2.0
+    peerDependenciesMeta:
+      '@ts-macro/tsc':
+        optional: true
+      '@typescript/native-preview':
+        optional: true
+      typescript:
+        optional: true
+      vue-tsc:
+        optional: true
 
-  rollup@4.18.0:
-    resolution: {integrity: sha512-QmJz14PX3rzbJCN1SG4Xe/bAAX2a6NpCP8ab2vfu2GiUr8AQcr2nCV/oEO3yneFarB67zk8ShlIyWb2LGTb3Sg==}
+  rolldown@1.0.0-rc.9:
+    resolution: {integrity: sha512-9EbgWge7ZH+yqb4d2EnELAntgPTWbfL8ajiTW+SyhJEC4qhBbkCKbqFV4Ge4zmu5ziQuVbWxb/XwLZ+RIO7E8Q==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+
+  rollup@4.44.1:
+    resolution: {integrity: sha512-x8H8aPvD+xbl0Do8oez5f5o8eMS3trfCghc4HhLAnCkj7Vl0d1JWGs0UF/D886zLW2rOj2QymV/JcSSsw+XDNg==}
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
     hasBin: true
 
@@ -5376,31 +5903,152 @@ packages:
   run-parallel@1.2.0:
     resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
 
-  rxjs@7.8.1:
-    resolution: {integrity: sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==}
+  rxjs@7.8.2:
+    resolution: {integrity: sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==}
 
-  safe-array-concat@1.1.2:
-    resolution: {integrity: sha512-vj6RsCsWBCf19jIeHEfkRMw8DPiBb+DMXklQ/1SGDHOMlHdPUkZXFQ2YdplS23zESTijAcurb1aSgJA3AgMu1Q==}
+  safe-array-concat@1.1.3:
+    resolution: {integrity: sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q==}
     engines: {node: '>=0.4'}
 
   safe-buffer@5.2.1:
     resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}
 
-  safe-regex-test@1.0.3:
-    resolution: {integrity: sha512-CdASjNJPvRa7roO6Ra/gLYBTzYzzPyyBXxIMdGW3USQLyjWEls2RgW5UBTXaQVp+OrpeCK3bLem8smtmheoRuw==}
+  safe-push-apply@1.0.0:
+    resolution: {integrity: sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==}
+    engines: {node: '>= 0.4'}
+
+  safe-regex-test@1.1.0:
+    resolution: {integrity: sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==}
     engines: {node: '>= 0.4'}
 
   safer-buffer@2.1.2:
     resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
 
-  sass@1.77.4:
-    resolution: {integrity: sha512-vcF3Ckow6g939GMA4PeU7b2K/9FALXk2KF9J87txdHzXbUF9XRQRwSxcAs/fGaTnJeBFd7UoV22j3lzMLdM0Pw==}
+  sass-embedded-all-unknown@1.93.3:
+    resolution: {integrity: sha512-3okGgnE41eg+CPLtAPletu6nQ4N0ij7AeW+Sl5Km4j29XcmqZQeFwYjHe1AlKTEgLi/UAONk1O8i8/lupeKMbw==}
+    cpu: ['!arm', '!arm64', '!riscv64', '!x64']
+
+  sass-embedded-android-arm64@1.93.3:
+    resolution: {integrity: sha512-uqUl3Kt1IqdGVAcAdbmC+NwuUJy8tM+2ZnB7/zrt6WxWVShVCRdFnWR9LT8HJr7eJN7AU8kSXxaVX/gedanPsg==}
+    engines: {node: '>=14.0.0'}
+    cpu: [arm64]
+    os: [android]
+
+  sass-embedded-android-arm@1.93.3:
+    resolution: {integrity: sha512-8xOw9bywfOD6Wv24BgCmgjkk6tMrsOTTHcb28KDxeJtFtoxiUyMbxo0vChpPAfp2Hyg2tFFKS60s0s4JYk+Raw==}
+    engines: {node: '>=14.0.0'}
+    cpu: [arm]
+    os: [android]
+
+  sass-embedded-android-riscv64@1.93.3:
+    resolution: {integrity: sha512-2jNJDmo+3qLocjWqYbXiBDnfgwrUeZgZFHJIwAefU7Fn66Ot7rsXl+XPwlokaCbTpj7eMFIqsRAZ/uDueXNCJg==}
+    engines: {node: '>=14.0.0'}
+    cpu: [riscv64]
+    os: [android]
+
+  sass-embedded-android-x64@1.93.3:
+    resolution: {integrity: sha512-y0RoAU6ZenQFcjM9PjQd3cRqRTjqwSbtWLL/p68y2oFyh0QGN0+LQ826fc0ZvU/AbqCsAizkqjzOn6cRZJxTTQ==}
+    engines: {node: '>=14.0.0'}
+    cpu: [x64]
+    os: [android]
+
+  sass-embedded-darwin-arm64@1.93.3:
+    resolution: {integrity: sha512-7zb/hpdMOdKteK17BOyyypemglVURd1Hdz6QGsggy60aUFfptTLQftLRg8r/xh1RbQAUKWFbYTNaM47J9yPxYg==}
+    engines: {node: '>=14.0.0'}
+    cpu: [arm64]
+    os: [darwin]
+
+  sass-embedded-darwin-x64@1.93.3:
+    resolution: {integrity: sha512-Ek1Vp8ZDQEe327Lz0b7h3hjvWH3u9XjJiQzveq74RPpJQ2q6d9LfWpjiRRohM4qK6o4XOHw1X10OMWPXJtdtWg==}
+    engines: {node: '>=14.0.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  sass-embedded-linux-arm64@1.93.3:
+    resolution: {integrity: sha512-RBrHWgfd8Dd8w4fbmdRVXRrhh8oBAPyeWDTKAWw8ZEmuXfVl4ytjDuyxaVilh6rR1xTRTNpbaA/YWApBlLrrNw==}
+    engines: {node: '>=14.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: glibc
+
+  sass-embedded-linux-arm@1.93.3:
+    resolution: {integrity: sha512-yeiv2y+dp8B4wNpd3+JsHYD0mvpXSfov7IGyQ1tMIR40qv+ROkRqYiqQvAOXf76Qwh4Y9OaYZtLpnsPjfeq6mA==}
+    engines: {node: '>=14.0.0'}
+    cpu: [arm]
+    os: [linux]
+    libc: glibc
+
+  sass-embedded-linux-musl-arm64@1.93.3:
+    resolution: {integrity: sha512-PS829l+eUng+9W4PFclXGb4uA2+965NHV3/Sa5U7qTywjeeUUYTZg70dJHSqvhrBEfCc2XJABeW3adLJbyQYkw==}
+    engines: {node: '>=14.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: musl
+
+  sass-embedded-linux-musl-arm@1.93.3:
+    resolution: {integrity: sha512-fU0fwAwbp7sBE3h5DVU5UPzvaLg7a4yONfFWkkcCp6ZrOiPuGRHXXYriWQ0TUnWy4wE+svsVuWhwWgvlb/tkKg==}
+    engines: {node: '>=14.0.0'}
+    cpu: [arm]
+    os: [linux]
+    libc: musl
+
+  sass-embedded-linux-musl-riscv64@1.93.3:
+    resolution: {integrity: sha512-cK1oBY+FWQquaIGEeQ5H74KTO8cWsSWwXb/WaildOO9U6wmUypTgUYKQ0o5o/29nZbWWlM1PHuwVYTSnT23Jjg==}
+    engines: {node: '>=14.0.0'}
+    cpu: [riscv64]
+    os: [linux]
+    libc: musl
+
+  sass-embedded-linux-musl-x64@1.93.3:
+    resolution: {integrity: sha512-A7wkrsHu2/I4Zpa0NMuPGkWDVV7QGGytxGyUq3opSXgAexHo/vBPlGoDXoRlSdex0cV+aTMRPjoGIfdmNlHwyg==}
+    engines: {node: '>=14.0.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: musl
+
+  sass-embedded-linux-riscv64@1.93.3:
+    resolution: {integrity: sha512-vWkW1+HTF5qcaHa6hO80gx/QfB6GGjJUP0xLbnAoY4pwEnw5ulGv6RM8qYr8IDhWfVt/KH+lhJ2ZFxnJareisQ==}
+    engines: {node: '>=14.0.0'}
+    cpu: [riscv64]
+    os: [linux]
+    libc: glibc
+
+  sass-embedded-linux-x64@1.93.3:
+    resolution: {integrity: sha512-k6uFxs+e5jSuk1Y0niCwuq42F9ZC5UEP7P+RIOurIm8w/5QFa0+YqeW+BPWEW5M1FqVOsNZH3qGn4ahqvAEjPA==}
+    engines: {node: '>=14.0.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: glibc
+
+  sass-embedded-unknown-all@1.93.3:
+    resolution: {integrity: sha512-o5wj2rLpXH0C+GJKt/VpWp6AnMsCCbfFmnMAttcrsa+U3yrs/guhZ3x55KAqqUsE8F47e3frbsDL+1OuQM5DAA==}
+    os: ['!android', '!darwin', '!linux', '!win32']
+
+  sass-embedded-win32-arm64@1.93.3:
+    resolution: {integrity: sha512-0dOfT9moy9YmBolodwYYXtLwNr4jL4HQC9rBfv6mVrD7ud8ue2kDbn+GVzj1hEJxvEexVSmDCf7MHUTLcGs9xQ==}
+    engines: {node: '>=14.0.0'}
+    cpu: [arm64]
+    os: [win32]
+
+  sass-embedded-win32-x64@1.93.3:
+    resolution: {integrity: sha512-wHFVfxiS9hU/sNk7KReD+lJWRp3R0SLQEX4zfOnRP2zlvI2X4IQR5aZr9GNcuMP6TmNpX0nQPZTegS8+h9RrEg==}
+    engines: {node: '>=14.0.0'}
+    cpu: [x64]
+    os: [win32]
+
+  sass-embedded@1.93.3:
+    resolution: {integrity: sha512-+VUy01yfDqNmIVMd/LLKl2TTtY0ovZN0rTonh+FhKr65mFwIYgU9WzgIZKS7U9/SPCQvWTsTGx9jyt+qRm/XFw==}
+    engines: {node: '>=16.0.0'}
+    hasBin: true
+
+  sass@1.93.3:
+    resolution: {integrity: sha512-elOcIZRTM76dvxNAjqYrucTSI0teAF/L2Lv0s6f6b7FOwcwIuA357bIE871580AjHJuSvLIRUosgV+lIWx6Rgg==}
     engines: {node: '>=14.0.0'}
     hasBin: true
 
-  saxes@5.0.1:
-    resolution: {integrity: sha512-5LBh1Tls8c9xgGjw3QrMwETmTMVk0oFgvrFSvWx62llR2hcEInrKNZ2GZCCuuy2lvWrdl5jhbpeqc5hRYKFOcw==}
-    engines: {node: '>=10'}
+  saxes@6.0.0:
+    resolution: {integrity: sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==}
+    engines: {node: '>=v12.22.7'}
 
   scenejs@1.10.3:
     resolution: {integrity: sha512-o1Xrz5sRMeVOD5R9MizY2tYVPYeRnQNttiNRD7vtfi4j4+su1nuP2R/1yv3jDNol1zFfFHwwh2G0jxyt0SIqUA==}
@@ -5408,38 +6056,24 @@ packages:
   scheduler@0.23.2:
     resolution: {integrity: sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==}
 
-  scule@1.3.0:
-    resolution: {integrity: sha512-6FtHJEvt+pVMIB9IBY+IcCJ6Z5f1iQnytgyfKMhDKgmzYG+TeH/wx1y3l27rshSbLiSanrR9ffZDrEsmjlQF2g==}
-
-  search-insights@2.14.0:
-    resolution: {integrity: sha512-OLN6MsPMCghDOqlCtsIsYgtsC0pnwVTyT9Mu6A3ewOj1DxvzZF6COrn2g86E/c05xbktB0XN04m/t1Z+n+fTGw==}
+  search-insights@2.17.3:
+    resolution: {integrity: sha512-RQPdCYTa8A68uM2jwxoY842xDhvx3E5LFL1LxvxCNMev4o5mLuokczhzjAgGwUZBAmOKZknArSxLKmXtIi2AxQ==}
 
   selecto@1.26.3:
     resolution: {integrity: sha512-gZHgqMy5uyB6/2YDjv3Qqaf7bd2hTDOpPdxXlrez4R3/L0GiEWDCFaUfrflomgqdb3SxHF2IXY0Jw0EamZi7cw==}
 
-  semver-compare@1.0.0:
-    resolution: {integrity: sha512-YM3/ITh2MJ5MtzaM429anh+x2jiLVjqILF4m4oyQB18W7Ggea7BfqdH/wGMK7dDiMghv/6WG7znWMwUDzJiXow==}
-
-  semver@5.7.2:
-    resolution: {integrity: sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==}
-    hasBin: true
-
   semver@6.3.1:
     resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
     hasBin: true
 
-  semver@7.6.0:
-    resolution: {integrity: sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==}
+  semver@7.7.3:
+    resolution: {integrity: sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==}
     engines: {node: '>=10'}
     hasBin: true
 
-  semver@7.6.2:
-    resolution: {integrity: sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==}
-    engines: {node: '>=10'}
-    hasBin: true
-
-  serialize-javascript@6.0.2:
-    resolution: {integrity: sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==}
+  serialize-javascript@7.0.0:
+    resolution: {integrity: sha512-pgLqXJrPEahCSuSLFvmBbIi6C769CQkpG509G8lwnaltznys3QxinnJE71cr78TOr6OPi+boskt4NvRbhfgFrA==}
+    engines: {node: '>=20.0.0'}
 
   set-blocking@2.0.0:
     resolution: {integrity: sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==}
@@ -5452,6 +6086,10 @@ packages:
     resolution: {integrity: sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==}
     engines: {node: '>= 0.4'}
 
+  set-proto@1.0.0:
+    resolution: {integrity: sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw==}
+    engines: {node: '>= 0.4'}
+
   shebang-command@2.0.0:
     resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
     engines: {node: '>=8'}
@@ -5465,16 +6103,28 @@ packages:
     engines: {node: '>=4'}
     hasBin: true
 
-  shiki@1.6.2:
-    resolution: {integrity: sha512-X3hSm5GzzBd/BmPmGfkueOUADLyBoZo1ojYQXhd+NU2VJn458yt4duaS0rVzC+WtqftSV7mTVvDw+OB9AHi3Eg==}
+  shiki@2.5.0:
+    resolution: {integrity: sha512-mI//trrsaiCIPsja5CNfsyNOqgAZUb6VpJA+340toL42UpzQlXpwRV9nch69X6gaUxrr9kaOOa6e3y3uAkGFxQ==}
 
   shx@0.3.4:
     resolution: {integrity: sha512-N6A9MLVqjxZYcVn8hLmtneQWIJtp8IKzMP4eMnx+nqkvXoqinUPCbUFLp2UcWTEIUONhlk0ewxr/jaVGlc+J+g==}
     engines: {node: '>=6'}
     hasBin: true
 
-  side-channel@1.0.6:
-    resolution: {integrity: sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==}
+  side-channel-list@1.0.0:
+    resolution: {integrity: sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==}
+    engines: {node: '>= 0.4'}
+
+  side-channel-map@1.0.1:
+    resolution: {integrity: sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==}
+    engines: {node: '>= 0.4'}
+
+  side-channel-weakmap@1.0.2:
+    resolution: {integrity: sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==}
+    engines: {node: '>= 0.4'}
+
+  side-channel@1.1.0:
+    resolution: {integrity: sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==}
     engines: {node: '>= 0.4'}
 
   siginfo@2.0.0:
@@ -5487,26 +6137,15 @@ packages:
     resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
     engines: {node: '>=14'}
 
-  simple-swizzle@0.2.2:
-    resolution: {integrity: sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==}
+  slice-ansi@7.1.2:
+    resolution: {integrity: sha512-iOBWFgUX7caIZiuutICxVgX1SdxwAVFFKwt1EvMYYec/NWO5meOJ6K5uQxhrYBdQJne4KxiqZc+KptFOWFSI9w==}
+    engines: {node: '>=18'}
 
-  slash@3.0.0:
-    resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==}
-    engines: {node: '>=8'}
+  sortablejs@1.15.6:
+    resolution: {integrity: sha512-aNfiuwMEpfBM/CN6LY0ibyhxPfPbyFeBTYJKCvzkJ2GkUpazIt3H+QIPAMHwqQ7tMKaHz1Qj+rJJCqljnf4p3A==}
 
-  slice-ansi@3.0.0:
-    resolution: {integrity: sha512-pSyv7bSTC7ig9Dcgbw9AuRNUb5k5V6oDudjZoMBSr13qpLBG7tB+zgCkARjq7xIUgdz5P1Qe8u+rSGdouOOIyQ==}
-    engines: {node: '>=8'}
-
-  slice-ansi@4.0.0:
-    resolution: {integrity: sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==}
-    engines: {node: '>=10'}
-
-  sortablejs@1.15.2:
-    resolution: {integrity: sha512-FJF5jgdfvoKn1MAKSdGs33bIqLi3LmsgVTliuX6iITj834F+JRQZN90Z93yql8h0K2t0RwDPBmxwlbZfDcxNZA==}
-
-  source-map-js@1.2.0:
-    resolution: {integrity: sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==}
+  source-map-js@1.2.1:
+    resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
     engines: {node: '>=0.10.0'}
 
   source-map-support@0.5.21:
@@ -5516,6 +6155,9 @@ packages:
     resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
     engines: {node: '>=0.10.0'}
 
+  space-separated-tokens@2.0.2:
+    resolution: {integrity: sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==}
+
   spdx-correct@3.2.0:
     resolution: {integrity: sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==}
 
@@ -5525,16 +6167,13 @@ packages:
   spdx-expression-parse@3.0.1:
     resolution: {integrity: sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==}
 
-  spdx-license-ids@3.0.18:
-    resolution: {integrity: sha512-xxRs31BqRYHwiMzudOrpSiHtZ8i/GeionCBDSilhYRj+9gIcI8wCZTlXZKu9vZIVqViP3dcp9qE5G6AlIaD+TQ==}
+  spdx-license-ids@3.0.22:
+    resolution: {integrity: sha512-4PRT4nh1EImPbt2jASOKHX7PB7I+e4IWNLvkKFDxNhJlfjbYlleYQh285Z/3mPTHSAK/AvdMmw5BNNuYH8ShgQ==}
 
   speakingurl@14.0.1:
     resolution: {integrity: sha512-1POYv7uv2gXoyGFpBCmpDVSNV74IfsWlDW216UPjbWufNf+bSU6GdbDsxdcxtfwb4xlI3yxzOTKClUosxARYrQ==}
     engines: {node: '>=0.10.0'}
 
-  split2@3.2.2:
-    resolution: {integrity: sha512-9NThjpgZnifTkJpzTZ7Eue85S49QwpNhZTq6GRJwObb6jnLFNGB7Qm73V5HewTROPyxD0C29xqmaI68bQtV+hg==}
-
   split2@4.2.0:
     resolution: {integrity: sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==}
     engines: {node: '>= 10.x'}
@@ -5542,15 +6181,15 @@ packages:
   stackback@0.0.2:
     resolution: {integrity: sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==}
 
-  std-env@3.7.0:
-    resolution: {integrity: sha512-JPbdCEQLj1w5GilpiHAx3qJvFndqybBysA3qUOnznweH4QbNYUsW/ea8QzSrnh0vNsezMMw5bcVool8lM0gwzg==}
+  std-env@4.0.0:
+    resolution: {integrity: sha512-zUMPtQ/HBY3/50VbpkupYHbRroTRZJPRLvreamgErJVys0ceuzMkD44J/QjqhHjOzK42GQ3QZIeFG1OYfOtKqQ==}
 
-  stop-iteration-iterator@1.0.0:
-    resolution: {integrity: sha512-iCGQj+0l0HOdZ2AEeBADlsRC+vsnDsZsbdSiH1yNSjcfKM7fdpCMfqAL/dwF5BLiw/XhRft/Wax6zQbhq2BcjQ==}
+  stop-iteration-iterator@1.1.0:
+    resolution: {integrity: sha512-eLoXW/DHyl62zxY4SCaIgnRhuMr6ri4juEYARS8E6sCEqzKpOiE521Ucofdx+KnDZl5xmvGYaaKCk5FEOxJCoQ==}
     engines: {node: '>= 0.4'}
 
-  string-argv@0.3.1:
-    resolution: {integrity: sha512-a1uQGz7IyVy9YwhqjZIZu1c8JO8dNIe20xBmSS6qu9kv++k3JGzCVmprbNN5Kn+BgzD5E7YYwg1CcjuJMRNsvg==}
+  string-argv@0.3.2:
+    resolution: {integrity: sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==}
     engines: {node: '>=0.6.19'}
 
   string-width@4.2.3:
@@ -5561,12 +6200,21 @@ packages:
     resolution: {integrity: sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==}
     engines: {node: '>=12'}
 
-  string.prototype.trim@1.2.9:
-    resolution: {integrity: sha512-klHuCNxiMZ8MlsOihJhJEBJAiMVqU3Z2nEXWfWnIqjN0gEFS9J9+IxKozWWtQGcgoa1WUZzLjKPTr4ZHNFTFxw==}
+  string-width@7.2.0:
+    resolution: {integrity: sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==}
+    engines: {node: '>=18'}
+
+  string-width@8.1.0:
+    resolution: {integrity: sha512-Kxl3KJGb/gxkaUMOjRsQ8IrXiGW75O4E3RPjFIINOVH8AMl2SQ/yWdTzWwF3FevIX9LcMAjJW+GRwAlAbTSXdg==}
+    engines: {node: '>=20'}
+
+  string.prototype.trim@1.2.10:
+    resolution: {integrity: sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA==}
     engines: {node: '>= 0.4'}
 
-  string.prototype.trimend@1.0.8:
-    resolution: {integrity: sha512-p73uL5VCHCO2BZZ6krwwQE3kCzM7NKmis8S//xEC6fQonchbum4eP6kR4DLEjQFO3Wnj3Fuo8NM0kOSjVdHjZQ==}
+  string.prototype.trimend@1.0.9:
+    resolution: {integrity: sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ==}
+    engines: {node: '>= 0.4'}
 
   string.prototype.trimstart@1.0.8:
     resolution: {integrity: sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==}
@@ -5575,16 +6223,15 @@ packages:
   string_decoder@1.3.0:
     resolution: {integrity: sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==}
 
-  stringify-object@3.3.0:
-    resolution: {integrity: sha512-rHqiFh1elqCQ9WPLIC8I0Q/g/wj5J1eMkyoiD6eoQApWHP0FtlK7rqnhmabL5VUY9JQCcqwwvlOaSuutekgyrw==}
-    engines: {node: '>=4'}
+  stringify-entities@4.0.4:
+    resolution: {integrity: sha512-IwfBptatlO+QCJUo19AqvrPNqlVMpW9YEL2LIVY+Rpv2qsjCGxaDLNRgeGsQWJhfItebuJhsGSLjaBbNSQ+ieg==}
 
   strip-ansi@6.0.1:
     resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
     engines: {node: '>=8'}
 
-  strip-ansi@7.1.0:
-    resolution: {integrity: sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==}
+  strip-ansi@7.1.2:
+    resolution: {integrity: sha512-gmBGslpoQJtgnMAvOVqGZpEz9dyoKTCzy2nfz/n8aIFhN/jCE/rCmcxabB6jOOHV+0WNnylOxaxBQPSvcWklhA==}
     engines: {node: '>=12'}
 
   strip-bom@3.0.0:
@@ -5595,27 +6242,17 @@ packages:
     resolution: {integrity: sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==}
     engines: {node: '>=8'}
 
-  strip-final-newline@2.0.0:
-    resolution: {integrity: sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==}
-    engines: {node: '>=6'}
-
-  strip-final-newline@3.0.0:
-    resolution: {integrity: sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==}
-    engines: {node: '>=12'}
-
-  strip-indent@3.0.0:
-    resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
-    engines: {node: '>=8'}
+  strip-final-newline@4.0.0:
+    resolution: {integrity: sha512-aulFJcD6YK8V1G7iRB5tigAP4TsHBZZrOV8pjV++zdUwmeV8uzbY7yn6h9MswN62adStNZFuCIx4haBnRuMDaw==}
+    engines: {node: '>=18'}
 
   strip-json-comments@3.1.1:
     resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
     engines: {node: '>=8'}
 
-  strip-literal@1.3.0:
-    resolution: {integrity: sha512-PugKzOsyXpArk0yWmUwqOZecSO0GH0bPoctLcqNDH9J04pVW3lflYE0ujElBGTloevcxF5MofAOZ7C5l2b+wLg==}
-
-  strip-literal@2.1.0:
-    resolution: {integrity: sha512-Op+UycaUt/8FbN/Z2TWPBLge3jWrP3xj10f3fnYxf052bKuS3EKs1ZQcVGjnEMdsNVAM+plXRdmjrZ/KgG3Skw==}
+  superjson@2.2.5:
+    resolution: {integrity: sha512-zWPTX96LVsA/eVYnqOM2+ofcdPqdS1dAF1LN4TS2/MWuUpfitd9ctTa87wt4xrYnZnkLtS69xpBdSxVBP5Rm6w==}
+    engines: {node: '>=16'}
 
   supports-color@5.5.0:
     resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
@@ -5633,25 +6270,39 @@ packages:
     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
     engines: {node: '>= 0.4'}
 
-  svg-tags@1.0.0:
-    resolution: {integrity: sha512-ovssysQTa+luh7A5Weu3Rta6FJlFBBbInjOh722LIt6klpU2/HtdUbszju/G4devcvk8PGt7FCLv5wftu3THUA==}
-
   symbol-tree@3.2.4:
     resolution: {integrity: sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==}
 
+  sync-child-process@1.0.2:
+    resolution: {integrity: sha512-8lD+t2KrrScJ/7KXCSyfhT3/hRq78rC0wBFqNJXv3mZyn6hW2ypM05JmlSvtqRbeq6jqA94oHbxAr2vYsJ8vDA==}
+    engines: {node: '>=16.0.0'}
+
+  sync-message-port@1.1.3:
+    resolution: {integrity: sha512-GTt8rSKje5FilG+wEdfCkOcLL7LWqpMlr2c3LRuKt/YXxcJ52aGSbGBAdI4L3aaqfrBt6y711El53ItyH1NWzg==}
+    engines: {node: '>=16.0.0'}
+
+  synckit@0.11.11:
+    resolution: {integrity: sha512-MeQTA1r0litLUf0Rp/iisCaL8761lKAZHaimlbGK4j0HysC4PLfqygQj9srcs0m2RdtDYnF8UuYyKpbjHYp7Jw==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+
   systemjs@6.15.1:
     resolution: {integrity: sha512-Nk8c4lXvMB98MtbmjX7JwJRgJOL8fluecYCfCeYBznwmpOs8Bf15hLM6z4z71EDAhQVrQrI+wt1aLWSXZq+hXA==}
 
-  tabbable@6.2.0:
-    resolution: {integrity: sha512-Cat63mxsVJlzYvN51JmVXIgNoUokrIaT2zLclCXjRd8boZ0004U4KCs/sToJ75C6sdlByWxpYnb5Boif1VSFew==}
+  tabbable@6.3.0:
+    resolution: {integrity: sha512-EIHvdY5bPLuWForiR/AN2Bxngzpuwn1is4asboytXtpTgsArc+WmSJKVLlhdh71u7jFcryDqB2A8lQvj78MkyQ==}
 
-  tdesign-icons-vue-next@0.2.2:
-    resolution: {integrity: sha512-ZKleBME7ZF1IVgnRXmIBPjfNa2Mef1nrK56f2xwn1Aa5mvXxB3fSxEzwhObR7bhzf/K42mz/Knnbll5Y7vCBjg==}
+  tagged-tag@1.0.0:
+    resolution: {integrity: sha512-yEFYrVhod+hdNyx7g5Bnkkb0G6si8HJurOoOEgC8B/O0uXLHlaey/65KRv6cuWBNhBgHKAROVpc7QyYqE5gFng==}
+    engines: {node: '>=20'}
+
+  tdesign-icons-vue-next@0.4.1:
+    resolution: {integrity: sha512-uDPuTLRORnGcTyVGNoentNaK4V+ZcBmhYwcY3KqDaQQ5rrPeLMxu0ZVmgOEf0JtF2QZiqAxY7vodNEiLUdoRKA==}
     peerDependencies:
       vue: ^3.0.0
 
-  tdesign-vue-next@1.9.5:
-    resolution: {integrity: sha512-QMPLb3/+qEw84pzhq/wZ6WlpJP2E4GiG09Pmg7E4bA0+eMadS67QPbkmUTK1O764EubkVPugUf3+PyOpy171jg==}
+  tdesign-vue-next@1.17.3:
+    resolution: {integrity: sha512-4x1E5qfcE+rROjfozJz0g3Prc2tSCmoXtZ/Q7BG4rW37FqDborcPd+G9wE3E8Rht2z84/kuzK/SZur0tMjIshQ==}
+    engines: {node: '>= 18'}
     peerDependencies:
       vue: '>=3.1.0'
 
@@ -5663,214 +6314,188 @@ packages:
     resolution: {integrity: sha512-bX655WZI/F7EoTDw9JvQURqAXiPHi8o8+yFxPF2lWYyz1aHnmMRuXWqL6YB6GmeO0o4DIYWHLgGNi/X64T+X4Q==}
     engines: {node: '>=14.18'}
 
-  terser@5.31.0:
-    resolution: {integrity: sha512-Q1JFAoUKE5IMfI4Z/lkE/E6+SwgzO+x4tq4v1AyBLRj8VSYvRO6A/rQrPg1yud4g0En9EKI1TvFRF2tQFcoUkg==}
+  terser@5.44.1:
+    resolution: {integrity: sha512-t/R3R/n0MSwnnazuPpPNVO60LX0SKL45pyl9YlvxIdkH0Of7D5qM2EVe+yASRIlY5pZ73nclYJfNANGWPwFDZw==}
     engines: {node: '>=10'}
     hasBin: true
 
-  test-exclude@6.0.0:
-    resolution: {integrity: sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==}
-    engines: {node: '>=8'}
+  test-exclude@7.0.1:
+    resolution: {integrity: sha512-pFYqmTw68LXVjeWJMST4+borgQP2AyMNbg1BpZh9LbyhUeNkeaPF9gzfPGUAnSMV3qPYdWUwDIjjCLiSDOl7vg==}
+    engines: {node: '>=18'}
 
   text-extensions@2.4.0:
     resolution: {integrity: sha512-te/NtwBwfiNRLf9Ijqx3T0nlqZiQ2XrrtBvu+cLL8ZRrGkO0NHTug8MYFKyoSrv/sHTaSKfilUkizV6XhxMJ3g==}
     engines: {node: '>=8'}
 
-  text-table@0.2.0:
-    resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
-
-  through2@4.0.2:
-    resolution: {integrity: sha512-iOqSav00cVxEEICeD7TjLB1sueEL+81Wpzp2bY17uZjZN0pWZPuo4suZ/61VujxmqSGFfgOcNuTZ85QJwNZQpw==}
-
   through@2.3.8:
     resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
 
-  tiny-emitter@2.1.0:
-    resolution: {integrity: sha512-NB6Dk1A9xgQPMoGqC5CVXn123gWyte215ONT5Pp5a0yt4nlEoO1ZWeCwpncaekPHXO60i47ihFnZPiRPjRMq4Q==}
-
   tiny-invariant@1.3.3:
     resolution: {integrity: sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==}
 
-  tinybench@2.8.0:
-    resolution: {integrity: sha512-1/eK7zUnIklz4JUUlL+658n58XO2hHLQfSk1Zf2LKieUjxidN16eKFEoDEfjHc3ohofSSqK3X5yO6VGb6iW8Lw==}
+  tinybench@2.9.0:
+    resolution: {integrity: sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==}
 
   tinycolor2@1.6.0:
     resolution: {integrity: sha512-XPaBkWQJdsf3pLKJV9p4qN/S+fm2Oj8AIPo1BTUhg5oxkvm9+SVEGFdhyOz7tTdUTfvxMiAs4sp6/eZO2Ew+pw==}
 
-  tinypool@0.8.4:
-    resolution: {integrity: sha512-i11VH5gS6IFeLY3gMBQ00/MmLncVP7JLXOw1vlgkytLmJK7QnEr7NXf0LBdxfmNPAeyetukOk0bOYrJrFGjYJQ==}
+  tinyexec@1.0.2:
+    resolution: {integrity: sha512-W/KYk+NFhkmsYpuHq5JykngiOCnxeVL8v8dFnqxSD8qEEdRfXk1SDM6JzNqcERbcGYj9tMrDQBYV9cjgnunFIg==}
+    engines: {node: '>=18'}
+
+  tinyglobby@0.2.15:
+    resolution: {integrity: sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==}
+    engines: {node: '>=12.0.0'}
+
+  tinyrainbow@3.0.3:
+    resolution: {integrity: sha512-PSkbLUoxOFRzJYjjxHJt9xro7D+iilgMX/C9lawzVuYiIdcihh9DXmVibBe8lmcFrRi/VzlPjBxbN7rH24q8/Q==}
     engines: {node: '>=14.0.0'}
 
-  tinyspy@2.2.1:
-    resolution: {integrity: sha512-KYad6Vy5VDWV4GH3fjpseMQ/XU2BhIYP7Vzd0LG44qRWm/Yt2WCOTicFdvmgo6gWaqooMQCawTtILVQJupKu7A==}
-    engines: {node: '>=14.0.0'}
+  tldts-core@7.0.18:
+    resolution: {integrity: sha512-jqJC13oP4FFAahv4JT/0WTDrCF9Okv7lpKtOZUGPLiAnNbACcSg8Y8T+Z9xthOmRBqi/Sob4yi0TE0miRCvF7Q==}
+
+  tldts@7.0.18:
+    resolution: {integrity: sha512-lCcgTAgMxQ1JKOWrVGo6E69Ukbnx4Gc1wiYLRf6J5NN4HRYJtCby1rPF8rkQ4a6qqoFBK5dvjJ1zJ0F7VfDSvw==}
+    hasBin: true
 
   tmp@0.0.33:
     resolution: {integrity: sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==}
     engines: {node: '>=0.6.0'}
 
-  to-fast-properties@2.0.0:
-    resolution: {integrity: sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==}
-    engines: {node: '>=4'}
-
   to-regex-range@5.0.1:
     resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
     engines: {node: '>=8.0'}
 
-  tough-cookie@4.1.4:
-    resolution: {integrity: sha512-Loo5UUvLD9ScZ6jh8beX1T6sO1w2/MpCRpEP7V280GKMVUQ0Jzar2U3UJPsrdbziLEMMhu3Ujnq//rhiFuIeag==}
-    engines: {node: '>=6'}
+  tough-cookie@6.0.0:
+    resolution: {integrity: sha512-kXuRi1mtaKMrsLUxz3sQYvVl37B0Ns6MzfrtV5DvJceE9bPyspOqk9xxv7XbZWcfLWbFmm997vl83qUWVJA64w==}
+    engines: {node: '>=16'}
 
-  tr46@3.0.0:
-    resolution: {integrity: sha512-l7FvfAHlcmulp8kr+flpQZmVwtu7nfRV7NZujtN0OqES8EL4O4e0qqzL0DC5gAvx/ZC/9lk6rhcUwYvkBnBnYA==}
-    engines: {node: '>=12'}
+  tr46@6.0.0:
+    resolution: {integrity: sha512-bLVMLPtstlZ4iMQHpFHTR7GAGj2jxi8Dg0s2h2MafAE4uSWF98FC/3MomU51iQAMf8/qDUbKWf5GxuvvVcXEhw==}
+    engines: {node: '>=20'}
 
-  trim-newlines@3.0.1:
-    resolution: {integrity: sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==}
-    engines: {node: '>=8'}
+  trim-lines@3.0.1:
+    resolution: {integrity: sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==}
 
-  tsc-alias@1.8.10:
-    resolution: {integrity: sha512-Ibv4KAWfFkFdKJxnWfVtdOmB0Zi1RJVxcbPGiCDsFpCQSsmpWyuzHG3rQyI5YkobWwxFPEyQfu1hdo4qLG2zPw==}
-    hasBin: true
+  ts-api-utils@2.4.0:
+    resolution: {integrity: sha512-3TaVTaAv2gTiMB35i3FiGJaRfwb3Pyn/j3m/bfAvGe8FB7CF6u+LMYqYlDh7reQf7UNvoTvdfAqHGmPGOSsPmA==}
+    engines: {node: '>=18.12'}
+    peerDependencies:
+      typescript: '>=4.8.4'
 
   tsconfig-paths@3.15.0:
     resolution: {integrity: sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==}
 
-  tslib@1.14.1:
-    resolution: {integrity: sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==}
-
-  tslib@2.6.3:
-    resolution: {integrity: sha512-xNvxJEOUiWPGhUuUdQgAJPKOOJfGnIyKySOc09XkKsgdUV/3E2zvwZYdejjmRgPCgcym1juLH3226yA7sEFJKQ==}
-
-  tsutils@3.21.0:
-    resolution: {integrity: sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==}
-    engines: {node: '>= 6'}
-    peerDependencies:
-      typescript: '>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta'
+  tslib@2.8.1:
+    resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
 
   type-check@0.4.0:
     resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
     engines: {node: '>= 0.8.0'}
 
-  type-detect@4.0.8:
-    resolution: {integrity: sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==}
-    engines: {node: '>=4'}
-
-  type-fest@0.18.1:
-    resolution: {integrity: sha512-OIAYXk8+ISY+qTOwkHtKqzAuxchoMiD9Udx+FSGQDuiRR+PJKJHc2NJAXlbhkGwTt/4/nKZxELY1w3ReWOL8mw==}
-    engines: {node: '>=10'}
-
-  type-fest@0.20.2:
-    resolution: {integrity: sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==}
-    engines: {node: '>=10'}
-
   type-fest@0.21.3:
     resolution: {integrity: sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==}
     engines: {node: '>=10'}
 
-  type-fest@0.6.0:
-    resolution: {integrity: sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==}
-    engines: {node: '>=8'}
-
-  type-fest@0.8.1:
-    resolution: {integrity: sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==}
-    engines: {node: '>=8'}
-
-  type-fest@3.13.1:
-    resolution: {integrity: sha512-tLq3bSNx+xSpwvAJnzrK0Ep5CLNWjvFTOp71URMaAEWBfRb9nnJiBoUe0tF8bI4ZFO3omgBR6NvnbzVUT3Ly4g==}
-    engines: {node: '>=14.16'}
-
-  type-fest@4.19.0:
-    resolution: {integrity: sha512-CN2l+hWACRiejlnr68vY0/7734Kzu+9+TOslUXbSCQ1ruY9XIHDBSceVXCcHm/oXrdzhtLMMdJEKfemf1yXiZQ==}
+  type-fest@4.41.0:
+    resolution: {integrity: sha512-TeTSQ6H5YHvpqVwBRcnLDCBnDOHWYu7IvGbHT6N8AOymcr9PJGjc1GTtiWZTYg0NCgYwvnYWEkVChQAr9bjfwA==}
     engines: {node: '>=16'}
 
-  typed-array-buffer@1.0.2:
-    resolution: {integrity: sha512-gEymJYKZtKXzzBzM4jqa9w6Q1Jjm7x2d+sh19AdsD4wqnMPDYyvwpsIc2Q/835kHuo3BEQ7CjelGhfTsoBb2MQ==}
+  type-fest@5.2.0:
+    resolution: {integrity: sha512-xxCJm+Bckc6kQBknN7i9fnP/xobQRsRQxR01CztFkp/h++yfVxUUcmMgfR2HttJx/dpWjS9ubVuyspJv24Q9DA==}
+    engines: {node: '>=20'}
+
+  typed-array-buffer@1.0.3:
+    resolution: {integrity: sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==}
     engines: {node: '>= 0.4'}
 
-  typed-array-byte-length@1.0.1:
-    resolution: {integrity: sha512-3iMJ9q0ao7WE9tWcaYKIptkNBuOIcZCCT0d4MRvuuH88fEoEH62IuQe0OtraD3ebQEoTRk8XCBoknUNc1Y67pw==}
+  typed-array-byte-length@1.0.3:
+    resolution: {integrity: sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==}
     engines: {node: '>= 0.4'}
 
-  typed-array-byte-offset@1.0.2:
-    resolution: {integrity: sha512-Ous0vodHa56FviZucS2E63zkgtgrACj7omjwd/8lTEMEPFFyjfixMZ1ZXenpgCFBBt4EC1J2XsyVS2gkG0eTFA==}
+  typed-array-byte-offset@1.0.4:
+    resolution: {integrity: sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==}
     engines: {node: '>= 0.4'}
 
-  typed-array-length@1.0.6:
-    resolution: {integrity: sha512-/OxDN6OtAk5KBpGb28T+HZc2M+ADtvRxXrKKbUwtsLgdoxgX13hyy7ek6bFRl5+aBs2yZzB0c4CnQfAtVypW/g==}
+  typed-array-length@1.0.7:
+    resolution: {integrity: sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==}
     engines: {node: '>= 0.4'}
 
-  typescript@5.4.5:
-    resolution: {integrity: sha512-vcI4UpRgg81oIRUFwR0WSIHKt11nJ7SAVlYNIu+QpqeyXP+gpQJy/Z4+F0aGxSE4MqwjyXvW/TzgkLAx2AGHwQ==}
+  typescript-eslint@8.57.1:
+    resolution: {integrity: sha512-fLvZWf+cAGw3tqMCYzGIU6yR8K+Y9NT2z23RwOjlNFF2HwSB3KhdEFI5lSBv8tNmFkkBShSjsCjzx1vahZfISA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
+      typescript: '>=4.8.4 <6.0.0'
+
+  typescript@5.9.3:
+    resolution: {integrity: sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==}
     engines: {node: '>=14.17'}
     hasBin: true
 
-  ufo@1.5.3:
-    resolution: {integrity: sha512-Y7HYmWaFwPUmkoQCUIAYpKqkOf+SbVj/2fJJZ4RJMCfZp0rTGwRbzQD+HghfnhKOjL9E01okqz+ncJskGYfBNw==}
-
-  uglify-js@3.17.4:
-    resolution: {integrity: sha512-T9q82TJI9e/C1TAxYvfb16xO120tMVFZrGA3f9/P4424DNu6ypK103y0GPFVa17yotwSyZW5iYXgjYHkGrJW/g==}
+  uglify-js@3.19.3:
+    resolution: {integrity: sha512-v3Xu+yuwBXisp6QYTcH4UbH+xYJXqnq2m/LtQVWKWzYc1iehYnLixoQDN9FH6/j9/oybfd6W9Ghwkl8+UMKTKQ==}
     engines: {node: '>=0.8.0'}
     hasBin: true
 
-  unbox-primitive@1.0.2:
-    resolution: {integrity: sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==}
+  unbox-primitive@1.1.0:
+    resolution: {integrity: sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==}
+    engines: {node: '>= 0.4'}
 
-  undici-types@5.26.5:
-    resolution: {integrity: sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==}
+  undici-types@7.8.0:
+    resolution: {integrity: sha512-9UJ2xGDvQ43tYyVMpuHlsgApydB8ZKfVYTsLDhXkFL/6gfkp+U8xTGdh8pMJv1SpZna0zxG1DwsKZsreLbXBxw==}
 
-  unicode-canonical-property-names-ecmascript@2.0.0:
-    resolution: {integrity: sha512-yY5PpDlfVIU5+y/BSCxAJRBIS1Zc2dDG3Ujq+sR0U+JjUevW2JhocOF+soROYDSaAezOzOKuyyixhD6mBknSmQ==}
+  unicode-canonical-property-names-ecmascript@2.0.1:
+    resolution: {integrity: sha512-dA8WbNeb2a6oQzAQ55YlT5vQAWGV9WXOsi3SskE3bcCdM0P4SDd+24zS/OCacdRq5BkdsRj9q3Pg6YyQoxIGqg==}
     engines: {node: '>=4'}
 
   unicode-match-property-ecmascript@2.0.0:
     resolution: {integrity: sha512-5kaZCrbp5mmbz5ulBkDkbY0SsPOjKqVS35VpL9ulMPfSl0J0Xsm+9Evphv9CoIZFwre7aJoa94AY6seMKGVN5Q==}
     engines: {node: '>=4'}
 
-  unicode-match-property-value-ecmascript@2.1.0:
-    resolution: {integrity: sha512-qxkjQt6qjg/mYscYMC0XKRn3Rh0wFPlfxB0xkt9CfyTvpX1Ra0+rAmdX2QyAobptSEvuy4RtpPRui6XkV+8wjA==}
+  unicode-match-property-value-ecmascript@2.2.1:
+    resolution: {integrity: sha512-JQ84qTuMg4nVkx8ga4A16a1epI9H6uTXAknqxkGF/aFfRLw1xC/Bp24HNLaZhHSkWd3+84t8iXnp1J0kYcZHhg==}
     engines: {node: '>=4'}
 
-  unicode-property-aliases-ecmascript@2.1.0:
-    resolution: {integrity: sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==}
+  unicode-property-aliases-ecmascript@2.2.0:
+    resolution: {integrity: sha512-hpbDzxUY9BFwX+UeBnxv3Sh1q7HFxj48DTmXchNgRa46lO8uj3/1iEn3MiNUYTg1g9ctIqXCCERn8gYZhHC5lQ==}
     engines: {node: '>=4'}
 
-  unimport@2.2.4:
-    resolution: {integrity: sha512-qMgmeEGqqrrmEtm0dqxMG37J6xBtrriqxq9hILvDb+e6l2F0yTnJomLoCCp0eghLR7bYGeBsUU5Y0oyiUYhViw==}
+  unicorn-magic@0.1.0:
+    resolution: {integrity: sha512-lRfVq8fE8gz6QMBuDM6a+LO3IAzTi05H6gCVaUpir2E1Rwpo4ZUog45KpNXKC/Mn3Yb9UDuHumeFTo9iV/D9FQ==}
+    engines: {node: '>=18'}
 
-  universalify@0.2.0:
-    resolution: {integrity: sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==}
-    engines: {node: '>= 4.0.0'}
+  unicorn-magic@0.3.0:
+    resolution: {integrity: sha512-+QBBXBCvifc56fsbuxZQ6Sic3wqqc3WWaqxs58gvJrcOuN83HGTCwz3oS5phzU9LthRNE9VrJCFCLUgHeeFnfA==}
+    engines: {node: '>=18'}
+
+  unist-util-is@6.0.1:
+    resolution: {integrity: sha512-LsiILbtBETkDz8I9p1dQ0uyRUWuaQzd/cuEeS1hoRSyW5E5XGmTzlwY1OrNzzakGowI9Dr/I8HVaw4hTtnxy8g==}
+
+  unist-util-position@5.0.0:
+    resolution: {integrity: sha512-fucsC7HjXvkB5R3kTCO7kUjRdrS0BJt3M/FPxmHMBOm8JQi2BsHAHFsy27E0EolP8rp0NzXsJ+jNPyDWvOJZPA==}
+
+  unist-util-stringify-position@4.0.0:
+    resolution: {integrity: sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ==}
+
+  unist-util-visit-parents@6.0.2:
+    resolution: {integrity: sha512-goh1s1TBrqSqukSc8wrjwWhL0hiJxgA8m4kFxGlQ+8FYQ3C/m11FcTs4YYem7V664AhHVvgoQLk890Ssdsr2IQ==}
+
+  unist-util-visit@5.0.0:
+    resolution: {integrity: sha512-MR04uvD+07cwl/yhVuVWAtw+3GOR/knlL55Nd/wAdblk27GCVt3lqpTivy/tkJcZoNPzTwS1Y+KMojlLDhoTzg==}
 
   universalify@2.0.1:
     resolution: {integrity: sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==}
     engines: {node: '>= 10.0.0'}
 
-  unplugin-auto-import@0.12.2:
-    resolution: {integrity: sha512-hC4w0GZjPjmLtrxV0u10XO350V9eCtQyEyifXr7B9UGD7SvbbIvKuOcHt58Zd4FAqZJXKWoXkpr9mdhBp85Usw==}
-    engines: {node: '>=14'}
+  update-browserslist-db@1.1.4:
+    resolution: {integrity: sha512-q0SPT4xyU84saUX+tomz1WLkxUbuaJnR1xWt17M7fJtEJigJeWUNGUqrauFXsHnqev9y9JTRGwk13tFBuKby4A==}
+    hasBin: true
     peerDependencies:
-      '@vueuse/core': '*'
-    peerDependenciesMeta:
-      '@vueuse/core':
-        optional: true
+      browserslist: '>= 4.21.0'
 
-  unplugin-vue-components@0.22.12:
-    resolution: {integrity: sha512-FxyzsuBvMCYPIk+8cgscGBQ345tvwVu+qY5IhE++eorkyvA4Z1TiD/HCiim+Kbqozl10i4K+z+NCa2WO2jexRA==}
-    engines: {node: '>=14'}
-    peerDependencies:
-      '@babel/parser': ^7.15.8
-      vue: 2 || 3
-    peerDependenciesMeta:
-      '@babel/parser':
-        optional: true
-
-  unplugin@1.10.1:
-    resolution: {integrity: sha512-d6Mhq8RJeGA8UfKCu54Um4lFA0eSaRa3XxdAJg8tIdxbu1ubW0hBCZUL7yI2uGyYCRndvbK8FLHzqy2XKfeMsg==}
-    engines: {node: '>=14.0.0'}
-
-  update-browserslist-db@1.0.16:
-    resolution: {integrity: sha512-KVbTxlBYlckhF5wgfyZXTWnMn7MMZjMu9XG8bPlliUOP9ThaF4QnhP8qrjrH7DRzHfSk0oQv1wToW+iA5GajEQ==}
+  update-browserslist-db@1.2.3:
+    resolution: {integrity: sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==}
     hasBin: true
     peerDependencies:
       browserslist: '>= 4.21.0'
@@ -5878,30 +6503,37 @@ packages:
   uri-js@4.4.1:
     resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
 
-  url-parse@1.5.10:
-    resolution: {integrity: sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==}
-
   util-deprecate@1.0.2:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
 
-  v8-to-istanbul@9.2.0:
-    resolution: {integrity: sha512-/EH/sDgxU2eGxajKdwLCDmQ4FWq+kpi3uCmBGpw1xJtnAxEjlD8j8PEiGWpCIMIs3ciNAgH0d3TTJiUkYzyZjA==}
+  v8-to-istanbul@9.3.0:
+    resolution: {integrity: sha512-kiGUalWN+rgBJ/1OHZsBtU4rXZOfj/7rKQxULKlIzwzQSvMJUUNgPwJEEh7gU6xEVxC0ahoOBvN2YI8GH6FNgA==}
     engines: {node: '>=10.12.0'}
 
   validate-npm-package-license@3.0.4:
     resolution: {integrity: sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==}
 
-  validator@13.12.0:
-    resolution: {integrity: sha512-c1Q0mCiPlgdTVVVIJIrBuxNicYE+t/7oKeI9MWLj3fh/uq2Pxh/3eeWbVZ4OcGW1TUf53At0njHw5SMdA3tmMg==}
+  validator@13.15.23:
+    resolution: {integrity: sha512-4yoz1kEWqUjzi5zsPbAS/903QXSYp0UOtHsPpp7p9rHAw/W+dkInskAE386Fat3oKRROwO98d9ZB0G4cObgUyw==}
     engines: {node: '>= 0.10'}
 
-  vite-node@1.6.0:
-    resolution: {integrity: sha512-de6HJgzC+TFzOu0NTC4RAIsyf/DY/ibWDYQUcuEA84EMHhcefTUGkjFHKKEJhQN4A+6I0u++kr3l36ZF2d7XRw==}
-    engines: {node: ^18.0.0 || >=20.0.0}
-    hasBin: true
+  varint@6.0.0:
+    resolution: {integrity: sha512-cXEIW6cfr15lFv563k4GuVuW/fiwjknytD37jIOLSdSWuOI6WnO/oKwmP2FQTU2l01LP8/M5TSAJpzUaGe3uWg==}
 
-  vite@5.2.12:
-    resolution: {integrity: sha512-/gC8GxzxMK5ntBwb48pR32GGhENnjtY30G4A0jemunsBkiEZFw60s8InGpN8gkhHEkjnRK1aSAxeQgwvFhUHAA==}
+  vfile-message@4.0.3:
+    resolution: {integrity: sha512-QTHzsGd1EhbZs4AsQ20JX1rC3cOlt/IWJruk893DfLRr57lcnOeMaWG4K0JrRta4mIJZKth2Au3mM3u03/JWKw==}
+
+  vfile@6.0.3:
+    resolution: {integrity: sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==}
+
+  vite-plugin-commonjs@0.10.4:
+    resolution: {integrity: sha512-eWQuvQKCcx0QYB5e5xfxBNjQKyrjEWZIR9UOkOV6JAgxVhtbZvCOF+FNC2ZijBJ3U3Px04ZMMyyMyFBVWIJ5+g==}
+
+  vite-plugin-dynamic-import@1.6.0:
+    resolution: {integrity: sha512-TM0sz70wfzTIo9YCxVFwS8OA9lNREsh+0vMHGSkWDTZ7bgd1Yjs5RV8EgB634l/91IsXJReg0xtmuQqP0mf+rg==}
+
+  vite@5.4.21:
+    resolution: {integrity: sha512-o5a9xKjbtuhY6Bi5S3+HvbRERmouabWbyUcpXXUA1u+GNUKoROi9byOJ8M0nHbHYHkYICiMlqxkg1KkYmm25Sw==}
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
     peerDependencies:
@@ -5909,6 +6541,7 @@ packages:
       less: '*'
       lightningcss: ^1.21.0
       sass: '*'
+      sass-embedded: '*'
       stylus: '*'
       sugarss: '*'
       terser: ^5.4.0
@@ -5921,6 +6554,8 @@ packages:
         optional: true
       sass:
         optional: true
+      sass-embedded:
+        optional: true
       stylus:
         optional: true
       sugarss:
@@ -5928,8 +6563,51 @@ packages:
       terser:
         optional: true
 
-  vitepress@1.2.2:
-    resolution: {integrity: sha512-uZ3nXR5NY4nYj3RJWCo5jev9qlNZAQo5SUXu1U0QSUx84cUm/o7hCTDVjZ4njVSVui+PsV1oAbdQOg8ygbaf4w==}
+  vite@8.0.0:
+    resolution: {integrity: sha512-fPGaRNj9Zytaf8LEiBhY7Z6ijnFKdzU/+mL8EFBaKr7Vw1/FWcTBAMW0wLPJAGMPX38ZPVCVgLceWiEqeoqL2Q==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': ^20.19.0 || >=22.12.0
+      '@vitejs/devtools': ^0.0.0-alpha.31
+      esbuild: ^0.27.0
+      jiti: '>=1.21.0'
+      less: ^4.0.0
+      sass: ^1.70.0
+      sass-embedded: ^1.70.0
+      stylus: '>=0.54.8'
+      sugarss: ^5.0.0
+      terser: ^5.16.0
+      tsx: ^4.8.1
+      yaml: ^2.4.2
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      '@vitejs/devtools':
+        optional: true
+      esbuild:
+        optional: true
+      jiti:
+        optional: true
+      less:
+        optional: true
+      sass:
+        optional: true
+      sass-embedded:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+      tsx:
+        optional: true
+      yaml:
+        optional: true
+
+  vitepress@1.6.4:
+    resolution: {integrity: sha512-+2ym1/+0VVrbhNyRoFFesVvBvHAVMZMK0rw60E3X/5349M1GuVdKeazuksqopEdvkKwKGs21Q729jX81/bkBJg==}
     hasBin: true
     peerDependencies:
       markdown-it-mathjax3: ^4
@@ -5940,23 +6618,33 @@ packages:
       postcss:
         optional: true
 
-  vitest@1.6.0:
-    resolution: {integrity: sha512-H5r/dN06swuFnzNFhq/dnz37bPXnq8xB2xB5JOVk8K09rUtoeNN+LHWkoQ0A/i3hvbUKKcCei9KpbxqHMLhLLA==}
-    engines: {node: ^18.0.0 || >=20.0.0}
+  vitest@4.1.0:
+    resolution: {integrity: sha512-YbDrMF9jM2Lqc++2530UourxZHmkKLxrs4+mYhEwqWS97WJ7wOYEkcr+QfRgJ3PW9wz3odRijLZjHEaRLTNbqw==}
+    engines: {node: ^20.0.0 || ^22.0.0 || >=24.0.0}
     hasBin: true
     peerDependencies:
       '@edge-runtime/vm': '*'
-      '@types/node': ^18.0.0 || >=20.0.0
-      '@vitest/browser': 1.6.0
-      '@vitest/ui': 1.6.0
+      '@opentelemetry/api': ^1.9.0
+      '@types/node': ^20.0.0 || ^22.0.0 || >=24.0.0
+      '@vitest/browser-playwright': 4.1.0
+      '@vitest/browser-preview': 4.1.0
+      '@vitest/browser-webdriverio': 4.1.0
+      '@vitest/ui': 4.1.0
       happy-dom: '*'
       jsdom: '*'
+      vite: ^6.0.0 || ^7.0.0 || ^8.0.0-0
     peerDependenciesMeta:
       '@edge-runtime/vm':
         optional: true
+      '@opentelemetry/api':
+        optional: true
       '@types/node':
         optional: true
-      '@vitest/browser':
+      '@vitest/browser-playwright':
+        optional: true
+      '@vitest/browser-preview':
+        optional: true
+      '@vitest/browser-webdriverio':
         optional: true
       '@vitest/ui':
         optional: true
@@ -5965,11 +6653,14 @@ packages:
       jsdom:
         optional: true
 
-  vue-component-type-helpers@2.0.19:
-    resolution: {integrity: sha512-cN3f1aTxxKo4lzNeQAkVopswuImUrb5Iurll9Gaw5cqpnbTAxtEMM1mgi6ou4X79OCyqYv1U1mzBHJkzmiK82w==}
+  vscode-uri@3.1.0:
+    resolution: {integrity: sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ==}
 
-  vue-demi@0.14.8:
-    resolution: {integrity: sha512-Uuqnk9YE9SsWeReYqK2alDI5YzciATE0r2SkA6iMAtuXvNTMNACJLJEXNXaEy94ECuBe4Sk6RzRU80kjdbIo1Q==}
+  vue-component-type-helpers@2.2.12:
+    resolution: {integrity: sha512-YbGqHZ5/eW4SnkPNR44mKVc6ZKQoRs/Rux1sxC6rdwXb4qpbOSYfDr9DsTHolOTGmIKgM9j141mZbBeg05R1pw==}
+
+  vue-demi@0.14.10:
+    resolution: {integrity: sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==}
     engines: {node: '>=12'}
     hasBin: true
     peerDependencies:
@@ -5979,78 +6670,61 @@ packages:
       '@vue/composition-api':
         optional: true
 
-  vue-eslint-parser@9.4.3:
-    resolution: {integrity: sha512-2rYRLWlIpaiN8xbPiDyXZXRgLGOtWxERV7ND5fFAv5qo1D2N9Fu9MNajBNc6o13lZ+24DAWCkQCvj4klgmcITg==}
-    engines: {node: ^14.17.0 || >=16.0.0}
+  vue-eslint-parser@10.4.0:
+    resolution: {integrity: sha512-Vxi9pJdbN3ZnVGLODVtZ7y4Y2kzAAE2Cm0CZ3ZDRvydVYxZ6VrnBhLikBsRS+dpwj4Jv4UCv21PTEwF5rQ9WXg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      eslint: '>=6.0.0'
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
 
-  vue-router@4.3.2:
-    resolution: {integrity: sha512-hKQJ1vDAZ5LVkKEnHhmm1f9pMiWIBNGF5AwU67PdH7TyXCj/a4hTccuUuYCAMgJK6rO/NVYtQIEN3yL8CECa7Q==}
+  vue-router@4.6.3:
+    resolution: {integrity: sha512-ARBedLm9YlbvQomnmq91Os7ck6efydTSpRP3nuOKCvgJOHNrhRoJDSKtee8kcL1Vf7nz6U+PMBL+hTvR3bTVQg==}
     peerDependencies:
-      vue: ^3.2.0
+      vue: ^3.5.0
 
-  vue-template-compiler@2.7.16:
-    resolution: {integrity: sha512-AYbUWAJHLGGQM7+cNTELw+KsOG9nl2CnSv467WobS5Cv9uk3wFcnr1Etsz2sEIHEZvw1U+o9mRlEO6QbZvUPGQ==}
-
-  vue-tsc@2.0.19:
-    resolution: {integrity: sha512-JWay5Zt2/871iodGF72cELIbcAoPyhJxq56mPPh+M2K7IwI688FMrFKc/+DvB05wDWEuCPexQJ6L10zSwzzapg==}
+  vue-tsc@3.2.6:
+    resolution: {integrity: sha512-gYW/kWI0XrwGzd0PKc7tVB/qpdeAkIZLNZb10/InizkQjHjnT8weZ/vBarZoj4kHKbUTZT/bAVgoOr8x4NsQ/Q==}
     hasBin: true
     peerDependencies:
-      typescript: '*'
+      typescript: '>=5.0.0'
 
-  vue@2.7.16:
-    resolution: {integrity: sha512-4gCtFXaAA3zYZdTp5s4Hl2sozuySsgz4jy1EnpBHNfpMa9dK1ZCG7viqBPCwXtmgc8nHqUsAu3G4gtmXkkY3Sw==}
-    deprecated: Vue 2 has reached EOL and is no longer actively maintained. See https://v2.vuejs.org/eol/ for more details.
-
-  vue@3.4.27:
-    resolution: {integrity: sha512-8s/56uK6r01r1icG/aEOHqyMVxd1bkYcSe9j8HcKtr/xTOFWvnzIVTehNW+5Yt89f+DLBe4A569pnZLS5HzAMA==}
+  vue@3.5.24:
+    resolution: {integrity: sha512-uTHDOpVQTMjcGgrqFPSb8iO2m1DUvo+WbGqoXQz8Y1CeBYQ0FXf2z1gLRaBtHjlRz7zZUBHxjVB5VTLzYkvftg==}
     peerDependencies:
       typescript: '*'
     peerDependenciesMeta:
       typescript:
         optional: true
 
-  w3c-hr-time@1.0.2:
-    resolution: {integrity: sha512-z8P5DvDNjKDoFIHK7q8r8lackT6l+jo/Ye3HOle7l9nICP9lf1Ci25fy9vHd0JOWewkIFzXIEig3TdKT7JQ5fQ==}
-    deprecated: Use your platform's native performance.now() and performance.timeOrigin.
-
-  w3c-xmlserializer@3.0.0:
-    resolution: {integrity: sha512-3WFqGEgSXIyGhOmAFtlicJNMjEps8b1MG31NCA0/vOF9+nKMUW1ckhi9cnNHmf88Rzw5V+dwIwsm2C7X8k9aQg==}
-    engines: {node: '>=12'}
+  w3c-xmlserializer@5.0.0:
+    resolution: {integrity: sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==}
+    engines: {node: '>=18'}
 
   wcwidth@1.0.1:
     resolution: {integrity: sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==}
 
-  webidl-conversions@7.0.0:
-    resolution: {integrity: sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==}
-    engines: {node: '>=12'}
+  webidl-conversions@8.0.0:
+    resolution: {integrity: sha512-n4W4YFyz5JzOfQeA8oN7dUYpR+MBP3PIUsn2jLjWXwK5ASUzt0Jc/A5sAUZoCYFJRGF0FBKJ+1JjN43rNdsQzA==}
+    engines: {node: '>=20'}
 
-  webpack-sources@3.2.3:
-    resolution: {integrity: sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==}
-    engines: {node: '>=10.13.0'}
+  whatwg-encoding@3.1.1:
+    resolution: {integrity: sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==}
+    engines: {node: '>=18'}
 
-  webpack-virtual-modules@0.6.2:
-    resolution: {integrity: sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==}
+  whatwg-mimetype@4.0.0:
+    resolution: {integrity: sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==}
+    engines: {node: '>=18'}
 
-  whatwg-encoding@2.0.0:
-    resolution: {integrity: sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==}
-    engines: {node: '>=12'}
+  whatwg-url@15.1.0:
+    resolution: {integrity: sha512-2ytDk0kiEj/yu90JOAp44PVPUkO9+jVhyf+SybKlRHSDlvOOZhdPIrr7xTH64l4WixO2cP+wQIcgujkGBPPz6g==}
+    engines: {node: '>=20'}
 
-  whatwg-mimetype@3.0.0:
-    resolution: {integrity: sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==}
-    engines: {node: '>=12'}
+  which-boxed-primitive@1.1.1:
+    resolution: {integrity: sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==}
+    engines: {node: '>= 0.4'}
 
-  whatwg-url@10.0.0:
-    resolution: {integrity: sha512-CLxxCmdUby142H5FZzn4D8ikO1cmypvXVQktsgosNy4a4BHrDHeciBBGZhb0bNoR5/MltoCatso+vFjjGx8t0w==}
-    engines: {node: '>=12'}
-
-  whatwg-url@11.0.0:
-    resolution: {integrity: sha512-RKT8HExMpoYx4igMiVMY83lN6UeITKJlBQ+vR/8ZJ8OCdSiN3RwCq+9gH0+Xzj0+5IrM6i4j/6LuvzbZIQgEcQ==}
-    engines: {node: '>=12'}
-
-  which-boxed-primitive@1.0.2:
-    resolution: {integrity: sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==}
+  which-builtin-type@1.2.1:
+    resolution: {integrity: sha512-6iBczoX+kDQ7a3+YJBnh3T+KZRxM/iYNPXicqk66/Qfm1b93iu+yOImkg0zHbj5LNOcNv1TEADiZ0xa34B4q6Q==}
+    engines: {node: '>= 0.4'}
 
   which-collection@1.0.2:
     resolution: {integrity: sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==}
@@ -6059,8 +6733,8 @@ packages:
   which-module@2.0.1:
     resolution: {integrity: sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==}
 
-  which-typed-array@1.1.15:
-    resolution: {integrity: sha512-oV0jmFtUky6CXfkqehVvBP/LSWJ2sy4vWMioiENyJLePrBO/yKyV9OyJySfAKosh+RYkIl5zJCNZ8/4JncrpdA==}
+  which-typed-array@1.1.19:
+    resolution: {integrity: sha512-rEvr90Bck4WZt9HHFC4DJMsjvu7x+r6bImz0/BrbWb7A2djJ8hnZMrWnHo9F8ssv0OMErasDhftrfROTyqSDrw==}
     engines: {node: '>= 0.4'}
 
   which@1.3.1:
@@ -6072,8 +6746,8 @@ packages:
     engines: {node: '>= 8'}
     hasBin: true
 
-  why-is-node-running@2.2.2:
-    resolution: {integrity: sha512-6tSwToZxTOcotxHeA+qGCq1mVzKR3CwcJGmVcY+QE8SHy6TnpFnh8PAvPNHYr7EcuVeG0QSMxtYCuO1ta/G/oA==}
+  why-is-node-running@2.3.0:
+    resolution: {integrity: sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==}
     engines: {node: '>=8'}
     hasBin: true
 
@@ -6096,11 +6770,15 @@ packages:
     resolution: {integrity: sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==}
     engines: {node: '>=12'}
 
+  wrap-ansi@9.0.2:
+    resolution: {integrity: sha512-42AtmgqjV+X1VpdOfyTGOYRi0/zsoLqtXQckTmqTeybT+BDIbM/Guxo7x3pE2vtpr1ok6xRqM9OpBe+Jyoqyww==}
+    engines: {node: '>=18'}
+
   wrappy@1.0.2:
     resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
 
-  ws@8.17.0:
-    resolution: {integrity: sha512-uJq6108EgZMAl20KagGkzCKfMEjxmKvZHG7Tlq0Z6nOky7YF7aq4mOx6xK8TJ/i1LeK4Qus7INktacctDgY8Ow==}
+  ws@8.18.3:
+    resolution: {integrity: sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg==}
     engines: {node: '>=10.0.0'}
     peerDependencies:
       bufferutil: ^4.0.1
@@ -6115,6 +6793,10 @@ packages:
     resolution: {integrity: sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==}
     engines: {node: '>=12'}
 
+  xml-name-validator@5.0.0:
+    resolution: {integrity: sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==}
+    engines: {node: '>=18'}
+
   xmlchars@2.2.0:
     resolution: {integrity: sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==}
 
@@ -6128,21 +6810,15 @@ packages:
   yallist@3.1.1:
     resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
 
-  yallist@4.0.0:
-    resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}
-
-  yaml@1.10.2:
-    resolution: {integrity: sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==}
-    engines: {node: '>= 6'}
+  yaml@2.8.1:
+    resolution: {integrity: sha512-lcYcMxX2PO9XMGvAJkJ3OsNMw+/7FKes7/hgerGUYWIoWu5j/+YQqcZr5JnPZWzOsEBgMbSbiSTn/dv/69Mkpw==}
+    engines: {node: '>= 14.6'}
+    hasBin: true
 
   yargs-parser@18.1.3:
     resolution: {integrity: sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==}
     engines: {node: '>=6'}
 
-  yargs-parser@20.2.9:
-    resolution: {integrity: sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==}
-    engines: {node: '>=10'}
-
   yargs-parser@21.1.1:
     resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==}
     engines: {node: '>=12'}
@@ -6151,10 +6827,6 @@ packages:
     resolution: {integrity: sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==}
     engines: {node: '>=8'}
 
-  yargs@16.2.0:
-    resolution: {integrity: sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==}
-    engines: {node: '>=10'}
-
   yargs@17.7.2:
     resolution: {integrity: sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==}
     engines: {node: '>=12'}
@@ -6163,870 +6835,973 @@ packages:
     resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
     engines: {node: '>=10'}
 
-  yocto-queue@1.0.0:
-    resolution: {integrity: sha512-9bnSc/HEW2uRy67wc+T8UwauLuPJVn28jb+GtJY16iiKWyvmYJRXVT4UamsAEGQfPohgr2q4Tq0sQbQlxTfi1g==}
+  yocto-queue@1.2.2:
+    resolution: {integrity: sha512-4LCcse/U2MHZ63HAJVE+v71o7yOdIe4cZ70Wpf8D/IyjDKYQLV5GD46B+hSTjJsvV5PztjvHoU580EftxjDZFQ==}
     engines: {node: '>=12.20'}
 
+  yoctocolors@2.1.2:
+    resolution: {integrity: sha512-CzhO+pFNo8ajLM2d2IW/R93ipy99LWjtwblvC1RsoSUMZgyLbYFr221TnSNT7GjGdYui6P459mw9JH/g/zW2ug==}
+    engines: {node: '>=18'}
+
+  zwitch@2.0.4:
+    resolution: {integrity: sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==}
+
 snapshots:
 
-  '@algolia/autocomplete-core@1.9.3(@algolia/client-search@4.23.3)(algoliasearch@4.23.3)(search-insights@2.14.0)':
+  '@acemir/cssom@0.9.23': {}
+
+  '@algolia/abtesting@1.10.0':
     dependencies:
-      '@algolia/autocomplete-plugin-algolia-insights': 1.9.3(@algolia/client-search@4.23.3)(algoliasearch@4.23.3)(search-insights@2.14.0)
-      '@algolia/autocomplete-shared': 1.9.3(@algolia/client-search@4.23.3)(algoliasearch@4.23.3)
+      '@algolia/client-common': 5.44.0
+      '@algolia/requester-browser-xhr': 5.44.0
+      '@algolia/requester-fetch': 5.44.0
+      '@algolia/requester-node-http': 5.44.0
+
+  '@algolia/autocomplete-core@1.17.7(@algolia/client-search@5.44.0)(algoliasearch@5.44.0)(search-insights@2.17.3)':
+    dependencies:
+      '@algolia/autocomplete-plugin-algolia-insights': 1.17.7(@algolia/client-search@5.44.0)(algoliasearch@5.44.0)(search-insights@2.17.3)
+      '@algolia/autocomplete-shared': 1.17.7(@algolia/client-search@5.44.0)(algoliasearch@5.44.0)
     transitivePeerDependencies:
       - '@algolia/client-search'
       - algoliasearch
       - search-insights
 
-  '@algolia/autocomplete-plugin-algolia-insights@1.9.3(@algolia/client-search@4.23.3)(algoliasearch@4.23.3)(search-insights@2.14.0)':
+  '@algolia/autocomplete-plugin-algolia-insights@1.17.7(@algolia/client-search@5.44.0)(algoliasearch@5.44.0)(search-insights@2.17.3)':
     dependencies:
-      '@algolia/autocomplete-shared': 1.9.3(@algolia/client-search@4.23.3)(algoliasearch@4.23.3)
-      search-insights: 2.14.0
+      '@algolia/autocomplete-shared': 1.17.7(@algolia/client-search@5.44.0)(algoliasearch@5.44.0)
+      search-insights: 2.17.3
     transitivePeerDependencies:
       - '@algolia/client-search'
       - algoliasearch
 
-  '@algolia/autocomplete-preset-algolia@1.9.3(@algolia/client-search@4.23.3)(algoliasearch@4.23.3)':
+  '@algolia/autocomplete-preset-algolia@1.17.7(@algolia/client-search@5.44.0)(algoliasearch@5.44.0)':
     dependencies:
-      '@algolia/autocomplete-shared': 1.9.3(@algolia/client-search@4.23.3)(algoliasearch@4.23.3)
-      '@algolia/client-search': 4.23.3
-      algoliasearch: 4.23.3
+      '@algolia/autocomplete-shared': 1.17.7(@algolia/client-search@5.44.0)(algoliasearch@5.44.0)
+      '@algolia/client-search': 5.44.0
+      algoliasearch: 5.44.0
 
-  '@algolia/autocomplete-shared@1.9.3(@algolia/client-search@4.23.3)(algoliasearch@4.23.3)':
+  '@algolia/autocomplete-shared@1.17.7(@algolia/client-search@5.44.0)(algoliasearch@5.44.0)':
     dependencies:
-      '@algolia/client-search': 4.23.3
-      algoliasearch: 4.23.3
+      '@algolia/client-search': 5.44.0
+      algoliasearch: 5.44.0
 
-  '@algolia/cache-browser-local-storage@4.23.3':
+  '@algolia/client-abtesting@5.44.0':
     dependencies:
-      '@algolia/cache-common': 4.23.3
+      '@algolia/client-common': 5.44.0
+      '@algolia/requester-browser-xhr': 5.44.0
+      '@algolia/requester-fetch': 5.44.0
+      '@algolia/requester-node-http': 5.44.0
 
-  '@algolia/cache-common@4.23.3': {}
-
-  '@algolia/cache-in-memory@4.23.3':
+  '@algolia/client-analytics@5.44.0':
     dependencies:
-      '@algolia/cache-common': 4.23.3
+      '@algolia/client-common': 5.44.0
+      '@algolia/requester-browser-xhr': 5.44.0
+      '@algolia/requester-fetch': 5.44.0
+      '@algolia/requester-node-http': 5.44.0
 
-  '@algolia/client-account@4.23.3':
+  '@algolia/client-common@5.44.0': {}
+
+  '@algolia/client-insights@5.44.0':
     dependencies:
-      '@algolia/client-common': 4.23.3
-      '@algolia/client-search': 4.23.3
-      '@algolia/transporter': 4.23.3
+      '@algolia/client-common': 5.44.0
+      '@algolia/requester-browser-xhr': 5.44.0
+      '@algolia/requester-fetch': 5.44.0
+      '@algolia/requester-node-http': 5.44.0
 
-  '@algolia/client-analytics@4.23.3':
+  '@algolia/client-personalization@5.44.0':
     dependencies:
-      '@algolia/client-common': 4.23.3
-      '@algolia/client-search': 4.23.3
-      '@algolia/requester-common': 4.23.3
-      '@algolia/transporter': 4.23.3
+      '@algolia/client-common': 5.44.0
+      '@algolia/requester-browser-xhr': 5.44.0
+      '@algolia/requester-fetch': 5.44.0
+      '@algolia/requester-node-http': 5.44.0
 
-  '@algolia/client-common@4.23.3':
+  '@algolia/client-query-suggestions@5.44.0':
     dependencies:
-      '@algolia/requester-common': 4.23.3
-      '@algolia/transporter': 4.23.3
+      '@algolia/client-common': 5.44.0
+      '@algolia/requester-browser-xhr': 5.44.0
+      '@algolia/requester-fetch': 5.44.0
+      '@algolia/requester-node-http': 5.44.0
 
-  '@algolia/client-personalization@4.23.3':
+  '@algolia/client-search@5.44.0':
     dependencies:
-      '@algolia/client-common': 4.23.3
-      '@algolia/requester-common': 4.23.3
-      '@algolia/transporter': 4.23.3
+      '@algolia/client-common': 5.44.0
+      '@algolia/requester-browser-xhr': 5.44.0
+      '@algolia/requester-fetch': 5.44.0
+      '@algolia/requester-node-http': 5.44.0
 
-  '@algolia/client-search@4.23.3':
+  '@algolia/ingestion@1.44.0':
     dependencies:
-      '@algolia/client-common': 4.23.3
-      '@algolia/requester-common': 4.23.3
-      '@algolia/transporter': 4.23.3
+      '@algolia/client-common': 5.44.0
+      '@algolia/requester-browser-xhr': 5.44.0
+      '@algolia/requester-fetch': 5.44.0
+      '@algolia/requester-node-http': 5.44.0
 
-  '@algolia/logger-common@4.23.3': {}
-
-  '@algolia/logger-console@4.23.3':
+  '@algolia/monitoring@1.44.0':
     dependencies:
-      '@algolia/logger-common': 4.23.3
+      '@algolia/client-common': 5.44.0
+      '@algolia/requester-browser-xhr': 5.44.0
+      '@algolia/requester-fetch': 5.44.0
+      '@algolia/requester-node-http': 5.44.0
 
-  '@algolia/recommend@4.23.3':
+  '@algolia/recommend@5.44.0':
     dependencies:
-      '@algolia/cache-browser-local-storage': 4.23.3
-      '@algolia/cache-common': 4.23.3
-      '@algolia/cache-in-memory': 4.23.3
-      '@algolia/client-common': 4.23.3
-      '@algolia/client-search': 4.23.3
-      '@algolia/logger-common': 4.23.3
-      '@algolia/logger-console': 4.23.3
-      '@algolia/requester-browser-xhr': 4.23.3
-      '@algolia/requester-common': 4.23.3
-      '@algolia/requester-node-http': 4.23.3
-      '@algolia/transporter': 4.23.3
+      '@algolia/client-common': 5.44.0
+      '@algolia/requester-browser-xhr': 5.44.0
+      '@algolia/requester-fetch': 5.44.0
+      '@algolia/requester-node-http': 5.44.0
 
-  '@algolia/requester-browser-xhr@4.23.3':
+  '@algolia/requester-browser-xhr@5.44.0':
     dependencies:
-      '@algolia/requester-common': 4.23.3
+      '@algolia/client-common': 5.44.0
 
-  '@algolia/requester-common@4.23.3': {}
-
-  '@algolia/requester-node-http@4.23.3':
+  '@algolia/requester-fetch@5.44.0':
     dependencies:
-      '@algolia/requester-common': 4.23.3
+      '@algolia/client-common': 5.44.0
 
-  '@algolia/transporter@4.23.3':
+  '@algolia/requester-node-http@5.44.0':
     dependencies:
-      '@algolia/cache-common': 4.23.3
-      '@algolia/logger-common': 4.23.3
-      '@algolia/requester-common': 4.23.3
+      '@algolia/client-common': 5.44.0
 
-  '@ampproject/remapping@2.3.0':
+  '@asamuzakjp/css-color@4.1.0':
     dependencies:
-      '@jridgewell/gen-mapping': 0.3.5
-      '@jridgewell/trace-mapping': 0.3.25
+      '@csstools/css-calc': 2.1.4(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-color-parser': 3.1.0(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
+      lru-cache: 11.2.2
 
-  '@antfu/utils@0.7.8': {}
-
-  '@babel/code-frame@7.24.6':
+  '@asamuzakjp/dom-selector@6.7.4':
     dependencies:
-      '@babel/highlight': 7.24.6
-      picocolors: 1.0.1
+      '@asamuzakjp/nwsapi': 2.3.9
+      bidi-js: 1.0.3
+      css-tree: 3.1.0
+      is-potential-custom-element-name: 1.0.1
+      lru-cache: 11.2.2
 
-  '@babel/compat-data@7.24.6': {}
+  '@asamuzakjp/nwsapi@2.3.9': {}
 
-  '@babel/core@7.24.6':
+  '@babel/code-frame@7.27.1':
     dependencies:
-      '@ampproject/remapping': 2.3.0
-      '@babel/code-frame': 7.24.6
-      '@babel/generator': 7.24.6
-      '@babel/helper-compilation-targets': 7.24.6
-      '@babel/helper-module-transforms': 7.24.6(@babel/core@7.24.6)
-      '@babel/helpers': 7.24.6
-      '@babel/parser': 7.24.6
-      '@babel/template': 7.24.6
-      '@babel/traverse': 7.24.6
-      '@babel/types': 7.24.6
+      '@babel/helper-validator-identifier': 7.28.5
+      js-tokens: 4.0.0
+      picocolors: 1.1.1
+
+  '@babel/code-frame@7.29.0':
+    dependencies:
+      '@babel/helper-validator-identifier': 7.28.5
+      js-tokens: 4.0.0
+      picocolors: 1.1.1
+
+  '@babel/compat-data@7.28.5': {}
+
+  '@babel/compat-data@7.29.0': {}
+
+  '@babel/core@7.28.5':
+    dependencies:
+      '@babel/code-frame': 7.27.1
+      '@babel/generator': 7.28.5
+      '@babel/helper-compilation-targets': 7.27.2
+      '@babel/helper-module-transforms': 7.28.3(@babel/core@7.28.5)
+      '@babel/helpers': 7.28.4
+      '@babel/parser': 7.28.5
+      '@babel/template': 7.27.2
+      '@babel/traverse': 7.28.5
+      '@babel/types': 7.28.5
+      '@jridgewell/remapping': 2.3.5
       convert-source-map: 2.0.0
-      debug: 4.3.5(supports-color@8.1.1)
+      debug: 4.4.3
       gensync: 1.0.0-beta.2
       json5: 2.2.3
       semver: 6.3.1
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/eslint-parser@7.24.6(@babel/core@7.24.6)(eslint@8.57.0)':
+  '@babel/core@7.29.0':
     dependencies:
-      '@babel/core': 7.24.6
-      '@nicolo-ribaudo/eslint-scope-5-internals': 5.1.1-v1
-      eslint: 8.57.0
-      eslint-visitor-keys: 2.1.0
+      '@babel/code-frame': 7.29.0
+      '@babel/generator': 7.29.1
+      '@babel/helper-compilation-targets': 7.28.6
+      '@babel/helper-module-transforms': 7.28.6(@babel/core@7.29.0)
+      '@babel/helpers': 7.29.2
+      '@babel/parser': 7.29.2
+      '@babel/template': 7.28.6
+      '@babel/traverse': 7.29.0
+      '@babel/types': 7.29.0
+      '@jridgewell/remapping': 2.3.5
+      convert-source-map: 2.0.0
+      debug: 4.4.3
+      gensync: 1.0.0-beta.2
+      json5: 2.2.3
       semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/generator@7.24.6':
+  '@babel/generator@7.28.5':
     dependencies:
-      '@babel/types': 7.24.6
-      '@jridgewell/gen-mapping': 0.3.5
-      '@jridgewell/trace-mapping': 0.3.25
-      jsesc: 2.5.2
+      '@babel/parser': 7.28.5
+      '@babel/types': 7.28.5
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.31
+      jsesc: 3.1.0
 
-  '@babel/helper-annotate-as-pure@7.24.6':
+  '@babel/generator@7.29.1':
     dependencies:
-      '@babel/types': 7.24.6
+      '@babel/parser': 7.29.2
+      '@babel/types': 7.29.0
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.31
+      jsesc: 3.1.0
 
-  '@babel/helper-builder-binary-assignment-operator-visitor@7.24.6':
+  '@babel/generator@8.0.0-rc.2':
     dependencies:
-      '@babel/types': 7.24.6
+      '@babel/parser': 8.0.0-rc.2
+      '@babel/types': 8.0.0-rc.2
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.31
+      '@types/jsesc': 2.5.1
+      jsesc: 3.1.0
 
-  '@babel/helper-compilation-targets@7.24.6':
+  '@babel/helper-annotate-as-pure@7.27.3':
     dependencies:
-      '@babel/compat-data': 7.24.6
-      '@babel/helper-validator-option': 7.24.6
-      browserslist: 4.23.0
+      '@babel/types': 7.28.5
+
+  '@babel/helper-compilation-targets@7.27.2':
+    dependencies:
+      '@babel/compat-data': 7.28.5
+      '@babel/helper-validator-option': 7.27.1
+      browserslist: 4.28.0
       lru-cache: 5.1.1
       semver: 6.3.1
 
-  '@babel/helper-create-class-features-plugin@7.24.6(@babel/core@7.24.6)':
+  '@babel/helper-compilation-targets@7.28.6':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-annotate-as-pure': 7.24.6
-      '@babel/helper-environment-visitor': 7.24.6
-      '@babel/helper-function-name': 7.24.6
-      '@babel/helper-member-expression-to-functions': 7.24.6
-      '@babel/helper-optimise-call-expression': 7.24.6
-      '@babel/helper-replace-supers': 7.24.6(@babel/core@7.24.6)
-      '@babel/helper-skip-transparent-expression-wrappers': 7.24.6
-      '@babel/helper-split-export-declaration': 7.24.6
+      '@babel/compat-data': 7.29.0
+      '@babel/helper-validator-option': 7.27.1
+      browserslist: 4.28.1
+      lru-cache: 5.1.1
       semver: 6.3.1
 
-  '@babel/helper-create-regexp-features-plugin@7.24.6(@babel/core@7.24.6)':
+  '@babel/helper-create-class-features-plugin@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-annotate-as-pure': 7.24.6
-      regexpu-core: 5.3.2
+      '@babel/core': 7.29.0
+      '@babel/helper-annotate-as-pure': 7.27.3
+      '@babel/helper-member-expression-to-functions': 7.28.5
+      '@babel/helper-optimise-call-expression': 7.27.1
+      '@babel/helper-replace-supers': 7.28.6(@babel/core@7.29.0)
+      '@babel/helper-skip-transparent-expression-wrappers': 7.27.1
+      '@babel/traverse': 7.29.0
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-create-regexp-features-plugin@7.28.5(@babel/core@7.29.0)':
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/helper-annotate-as-pure': 7.27.3
+      regexpu-core: 6.4.0
       semver: 6.3.1
 
-  '@babel/helper-define-polyfill-provider@0.6.2(@babel/core@7.24.6)':
+  '@babel/helper-define-polyfill-provider@0.6.8(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-compilation-targets': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
-      debug: 4.3.5(supports-color@8.1.1)
+      '@babel/core': 7.29.0
+      '@babel/helper-compilation-targets': 7.28.6
+      '@babel/helper-plugin-utils': 7.28.6
+      debug: 4.4.3
       lodash.debounce: 4.0.8
-      resolve: 1.22.8
+      resolve: 1.22.11
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-environment-visitor@7.24.6': {}
+  '@babel/helper-globals@7.28.0': {}
 
-  '@babel/helper-function-name@7.24.6':
+  '@babel/helper-member-expression-to-functions@7.28.5':
     dependencies:
-      '@babel/template': 7.24.6
-      '@babel/types': 7.24.6
+      '@babel/traverse': 7.29.0
+      '@babel/types': 7.28.5
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/helper-hoist-variables@7.24.6':
+  '@babel/helper-module-imports@7.27.1':
     dependencies:
-      '@babel/types': 7.24.6
+      '@babel/traverse': 7.28.5
+      '@babel/types': 7.28.5
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/helper-member-expression-to-functions@7.24.6':
+  '@babel/helper-module-imports@7.28.6':
     dependencies:
-      '@babel/types': 7.24.6
+      '@babel/traverse': 7.29.0
+      '@babel/types': 7.29.0
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/helper-module-imports@7.22.15':
+  '@babel/helper-module-transforms@7.28.3(@babel/core@7.28.5)':
     dependencies:
-      '@babel/types': 7.24.6
+      '@babel/core': 7.28.5
+      '@babel/helper-module-imports': 7.27.1
+      '@babel/helper-validator-identifier': 7.28.5
+      '@babel/traverse': 7.28.5
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/helper-module-imports@7.24.6':
+  '@babel/helper-module-transforms@7.28.3(@babel/core@7.29.0)':
     dependencies:
-      '@babel/types': 7.24.6
+      '@babel/core': 7.29.0
+      '@babel/helper-module-imports': 7.27.1
+      '@babel/helper-validator-identifier': 7.28.5
+      '@babel/traverse': 7.28.5
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/helper-module-transforms@7.24.6(@babel/core@7.24.6)':
+  '@babel/helper-module-transforms@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-environment-visitor': 7.24.6
-      '@babel/helper-module-imports': 7.24.6
-      '@babel/helper-simple-access': 7.24.6
-      '@babel/helper-split-export-declaration': 7.24.6
-      '@babel/helper-validator-identifier': 7.24.6
+      '@babel/core': 7.29.0
+      '@babel/helper-module-imports': 7.28.6
+      '@babel/helper-validator-identifier': 7.28.5
+      '@babel/traverse': 7.29.0
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/helper-optimise-call-expression@7.24.6':
+  '@babel/helper-optimise-call-expression@7.27.1':
     dependencies:
-      '@babel/types': 7.24.6
+      '@babel/types': 7.28.5
 
-  '@babel/helper-plugin-utils@7.24.6': {}
+  '@babel/helper-plugin-utils@7.27.1': {}
 
-  '@babel/helper-remap-async-to-generator@7.24.6(@babel/core@7.24.6)':
-    dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-annotate-as-pure': 7.24.6
-      '@babel/helper-environment-visitor': 7.24.6
-      '@babel/helper-wrap-function': 7.24.6
-
-  '@babel/helper-replace-supers@7.24.6(@babel/core@7.24.6)':
-    dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-environment-visitor': 7.24.6
-      '@babel/helper-member-expression-to-functions': 7.24.6
-      '@babel/helper-optimise-call-expression': 7.24.6
-
-  '@babel/helper-simple-access@7.24.6':
-    dependencies:
-      '@babel/types': 7.24.6
-
-  '@babel/helper-skip-transparent-expression-wrappers@7.24.6':
-    dependencies:
-      '@babel/types': 7.24.6
-
-  '@babel/helper-split-export-declaration@7.24.6':
-    dependencies:
-      '@babel/types': 7.24.6
-
-  '@babel/helper-string-parser@7.24.6': {}
+  '@babel/helper-plugin-utils@7.28.6': {}
 
-  '@babel/helper-validator-identifier@7.24.6': {}
-
-  '@babel/helper-validator-option@7.24.6': {}
-
-  '@babel/helper-wrap-function@7.24.6':
+  '@babel/helper-remap-async-to-generator@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/helper-function-name': 7.24.6
-      '@babel/template': 7.24.6
-      '@babel/types': 7.24.6
+      '@babel/core': 7.29.0
+      '@babel/helper-annotate-as-pure': 7.27.3
+      '@babel/helper-wrap-function': 7.28.3
+      '@babel/traverse': 7.29.0
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/helpers@7.24.6':
+  '@babel/helper-replace-supers@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/template': 7.24.6
-      '@babel/types': 7.24.6
+      '@babel/core': 7.29.0
+      '@babel/helper-member-expression-to-functions': 7.28.5
+      '@babel/helper-optimise-call-expression': 7.27.1
+      '@babel/traverse': 7.28.5
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/highlight@7.24.6':
+  '@babel/helper-replace-supers@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/helper-validator-identifier': 7.24.6
-      chalk: 2.4.2
-      js-tokens: 4.0.0
-      picocolors: 1.0.1
+      '@babel/core': 7.29.0
+      '@babel/helper-member-expression-to-functions': 7.28.5
+      '@babel/helper-optimise-call-expression': 7.27.1
+      '@babel/traverse': 7.29.0
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/parser@7.24.6':
+  '@babel/helper-skip-transparent-expression-wrappers@7.27.1':
     dependencies:
-      '@babel/types': 7.24.6
+      '@babel/traverse': 7.28.5
+      '@babel/types': 7.28.5
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/plugin-bugfix-firefox-class-in-computed-class-key@7.24.6(@babel/core@7.24.6)':
-    dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-environment-visitor': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
-
-  '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@7.24.6(@babel/core@7.24.6)':
-    dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
+  '@babel/helper-string-parser@7.27.1': {}
 
-  '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@7.24.6(@babel/core@7.24.6)':
-    dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
-      '@babel/helper-skip-transparent-expression-wrappers': 7.24.6
-      '@babel/plugin-transform-optional-chaining': 7.24.6(@babel/core@7.24.6)
+  '@babel/helper-string-parser@8.0.0-rc.3': {}
 
-  '@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@7.24.6(@babel/core@7.24.6)':
-    dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-environment-visitor': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
+  '@babel/helper-validator-identifier@7.28.5': {}
 
-  '@babel/plugin-proposal-private-property-in-object@7.21.0-placeholder-for-preset-env.2(@babel/core@7.24.6)':
-    dependencies:
-      '@babel/core': 7.24.6
+  '@babel/helper-validator-identifier@8.0.0-rc.2': {}
 
-  '@babel/plugin-syntax-async-generators@7.8.4(@babel/core@7.24.6)':
-    dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
+  '@babel/helper-validator-option@7.27.1': {}
 
-  '@babel/plugin-syntax-class-properties@7.12.13(@babel/core@7.24.6)':
+  '@babel/helper-wrap-function@7.28.3':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
+      '@babel/template': 7.27.2
+      '@babel/traverse': 7.29.0
+      '@babel/types': 7.28.5
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/plugin-syntax-class-static-block@7.14.5(@babel/core@7.24.6)':
+  '@babel/helpers@7.28.4':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
+      '@babel/template': 7.27.2
+      '@babel/types': 7.28.5
 
-  '@babel/plugin-syntax-dynamic-import@7.8.3(@babel/core@7.24.6)':
+  '@babel/helpers@7.29.2':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
+      '@babel/template': 7.28.6
+      '@babel/types': 7.29.0
 
-  '@babel/plugin-syntax-export-namespace-from@7.8.3(@babel/core@7.24.6)':
+  '@babel/parser@7.28.5':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
+      '@babel/types': 7.28.5
 
-  '@babel/plugin-syntax-import-assertions@7.24.6(@babel/core@7.24.6)':
+  '@babel/parser@7.29.2':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
+      '@babel/types': 7.29.0
 
-  '@babel/plugin-syntax-import-attributes@7.24.6(@babel/core@7.24.6)':
+  '@babel/parser@8.0.0-rc.2':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
+      '@babel/types': 8.0.0-rc.2
 
-  '@babel/plugin-syntax-import-meta@7.10.4(@babel/core@7.24.6)':
+  '@babel/plugin-bugfix-firefox-class-in-computed-class-key@7.28.5(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/traverse': 7.28.5
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/plugin-syntax-json-strings@7.8.3(@babel/core@7.24.6)':
+  '@babel/plugin-bugfix-safari-class-field-initializer-scope@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-syntax-jsx@7.24.6(@babel/core@7.24.6)':
+  '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-syntax-logical-assignment-operators@7.10.4(@babel/core@7.24.6)':
+  '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/helper-skip-transparent-expression-wrappers': 7.27.1
+      '@babel/plugin-transform-optional-chaining': 7.28.6(@babel/core@7.29.0)
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/plugin-syntax-nullish-coalescing-operator@7.8.3(@babel/core@7.24.6)':
+  '@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/traverse': 7.29.0
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/plugin-syntax-numeric-separator@7.10.4(@babel/core@7.24.6)':
+  '@babel/plugin-proposal-private-property-in-object@7.21.0-placeholder-for-preset-env.2(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
+      '@babel/core': 7.29.0
 
-  '@babel/plugin-syntax-object-rest-spread@7.8.3(@babel/core@7.24.6)':
+  '@babel/plugin-syntax-import-assertions@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-syntax-optional-catch-binding@7.8.3(@babel/core@7.24.6)':
+  '@babel/plugin-syntax-import-attributes@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-syntax-optional-chaining@7.8.3(@babel/core@7.24.6)':
+  '@babel/plugin-syntax-jsx@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.27.1
 
-  '@babel/plugin-syntax-private-property-in-object@7.14.5(@babel/core@7.24.6)':
+  '@babel/plugin-syntax-typescript@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-syntax-top-level-await@7.14.5(@babel/core@7.24.6)':
+  '@babel/plugin-syntax-unicode-sets-regex@7.18.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
+      '@babel/core': 7.29.0
+      '@babel/helper-create-regexp-features-plugin': 7.28.5(@babel/core@7.29.0)
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-syntax-typescript@7.24.6(@babel/core@7.24.6)':
+  '@babel/plugin-transform-arrow-functions@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-syntax-unicode-sets-regex@7.18.6(@babel/core@7.24.6)':
+  '@babel/plugin-transform-async-generator-functions@7.29.0(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-create-regexp-features-plugin': 7.24.6(@babel/core@7.24.6)
-      '@babel/helper-plugin-utils': 7.24.6
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/helper-remap-async-to-generator': 7.27.1(@babel/core@7.29.0)
+      '@babel/traverse': 7.29.0
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/plugin-transform-arrow-functions@7.24.6(@babel/core@7.24.6)':
+  '@babel/plugin-transform-async-to-generator@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
+      '@babel/core': 7.29.0
+      '@babel/helper-module-imports': 7.28.6
+      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/helper-remap-async-to-generator': 7.27.1(@babel/core@7.29.0)
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/plugin-transform-async-generator-functions@7.24.6(@babel/core@7.24.6)':
+  '@babel/plugin-transform-block-scoped-functions@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-environment-visitor': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
-      '@babel/helper-remap-async-to-generator': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-syntax-async-generators': 7.8.4(@babel/core@7.24.6)
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-async-to-generator@7.24.6(@babel/core@7.24.6)':
+  '@babel/plugin-transform-block-scoping@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-module-imports': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
-      '@babel/helper-remap-async-to-generator': 7.24.6(@babel/core@7.24.6)
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-block-scoped-functions@7.24.6(@babel/core@7.24.6)':
+  '@babel/plugin-transform-class-properties@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
+      '@babel/core': 7.29.0
+      '@babel/helper-create-class-features-plugin': 7.28.6(@babel/core@7.29.0)
+      '@babel/helper-plugin-utils': 7.28.6
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/plugin-transform-block-scoping@7.24.6(@babel/core@7.24.6)':
+  '@babel/plugin-transform-class-static-block@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
+      '@babel/core': 7.29.0
+      '@babel/helper-create-class-features-plugin': 7.28.6(@babel/core@7.29.0)
+      '@babel/helper-plugin-utils': 7.28.6
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/plugin-transform-class-properties@7.24.6(@babel/core@7.24.6)':
+  '@babel/plugin-transform-classes@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-create-class-features-plugin': 7.24.6(@babel/core@7.24.6)
-      '@babel/helper-plugin-utils': 7.24.6
+      '@babel/core': 7.29.0
+      '@babel/helper-annotate-as-pure': 7.27.3
+      '@babel/helper-compilation-targets': 7.28.6
+      '@babel/helper-globals': 7.28.0
+      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/helper-replace-supers': 7.28.6(@babel/core@7.29.0)
+      '@babel/traverse': 7.29.0
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/plugin-transform-class-static-block@7.24.6(@babel/core@7.24.6)':
+  '@babel/plugin-transform-computed-properties@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-create-class-features-plugin': 7.24.6(@babel/core@7.24.6)
-      '@babel/helper-plugin-utils': 7.24.6
-      '@babel/plugin-syntax-class-static-block': 7.14.5(@babel/core@7.24.6)
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/template': 7.28.6
 
-  '@babel/plugin-transform-classes@7.24.6(@babel/core@7.24.6)':
+  '@babel/plugin-transform-destructuring@7.28.5(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-annotate-as-pure': 7.24.6
-      '@babel/helper-compilation-targets': 7.24.6
-      '@babel/helper-environment-visitor': 7.24.6
-      '@babel/helper-function-name': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
-      '@babel/helper-replace-supers': 7.24.6(@babel/core@7.24.6)
-      '@babel/helper-split-export-declaration': 7.24.6
-      globals: 11.12.0
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/traverse': 7.28.5
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/plugin-transform-computed-properties@7.24.6(@babel/core@7.24.6)':
+  '@babel/plugin-transform-dotall-regex@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
-      '@babel/template': 7.24.6
+      '@babel/core': 7.29.0
+      '@babel/helper-create-regexp-features-plugin': 7.28.5(@babel/core@7.29.0)
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-destructuring@7.24.6(@babel/core@7.24.6)':
+  '@babel/plugin-transform-duplicate-keys@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-dotall-regex@7.24.6(@babel/core@7.24.6)':
+  '@babel/plugin-transform-duplicate-named-capturing-groups-regex@7.29.0(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-create-regexp-features-plugin': 7.24.6(@babel/core@7.24.6)
-      '@babel/helper-plugin-utils': 7.24.6
+      '@babel/core': 7.29.0
+      '@babel/helper-create-regexp-features-plugin': 7.28.5(@babel/core@7.29.0)
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-duplicate-keys@7.24.6(@babel/core@7.24.6)':
+  '@babel/plugin-transform-dynamic-import@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.27.1
 
-  '@babel/plugin-transform-dynamic-import@7.24.6(@babel/core@7.24.6)':
+  '@babel/plugin-transform-explicit-resource-management@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
-      '@babel/plugin-syntax-dynamic-import': 7.8.3(@babel/core@7.24.6)
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/plugin-transform-destructuring': 7.28.5(@babel/core@7.29.0)
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/plugin-transform-exponentiation-operator@7.24.6(@babel/core@7.24.6)':
+  '@babel/plugin-transform-exponentiation-operator@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-builder-binary-assignment-operator-visitor': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-export-namespace-from@7.24.6(@babel/core@7.24.6)':
+  '@babel/plugin-transform-export-namespace-from@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
-      '@babel/plugin-syntax-export-namespace-from': 7.8.3(@babel/core@7.24.6)
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-for-of@7.24.6(@babel/core@7.24.6)':
+  '@babel/plugin-transform-for-of@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
-      '@babel/helper-skip-transparent-expression-wrappers': 7.24.6
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/helper-skip-transparent-expression-wrappers': 7.27.1
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/plugin-transform-function-name@7.24.6(@babel/core@7.24.6)':
+  '@babel/plugin-transform-function-name@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-compilation-targets': 7.24.6
-      '@babel/helper-function-name': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
+      '@babel/core': 7.29.0
+      '@babel/helper-compilation-targets': 7.28.6
+      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/traverse': 7.28.5
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/plugin-transform-json-strings@7.24.6(@babel/core@7.24.6)':
+  '@babel/plugin-transform-json-strings@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
-      '@babel/plugin-syntax-json-strings': 7.8.3(@babel/core@7.24.6)
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-literals@7.24.6(@babel/core@7.24.6)':
+  '@babel/plugin-transform-literals@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-logical-assignment-operators@7.24.6(@babel/core@7.24.6)':
+  '@babel/plugin-transform-logical-assignment-operators@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
-      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4(@babel/core@7.24.6)
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-member-expression-literals@7.24.6(@babel/core@7.24.6)':
+  '@babel/plugin-transform-member-expression-literals@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-modules-amd@7.24.6(@babel/core@7.24.6)':
+  '@babel/plugin-transform-modules-amd@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-module-transforms': 7.24.6(@babel/core@7.24.6)
-      '@babel/helper-plugin-utils': 7.24.6
+      '@babel/core': 7.29.0
+      '@babel/helper-module-transforms': 7.28.3(@babel/core@7.29.0)
+      '@babel/helper-plugin-utils': 7.28.6
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/plugin-transform-modules-commonjs@7.24.6(@babel/core@7.24.6)':
+  '@babel/plugin-transform-modules-commonjs@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-module-transforms': 7.24.6(@babel/core@7.24.6)
-      '@babel/helper-plugin-utils': 7.24.6
-      '@babel/helper-simple-access': 7.24.6
+      '@babel/core': 7.29.0
+      '@babel/helper-module-transforms': 7.28.6(@babel/core@7.29.0)
+      '@babel/helper-plugin-utils': 7.28.6
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/plugin-transform-modules-systemjs@7.24.6(@babel/core@7.24.6)':
+  '@babel/plugin-transform-modules-systemjs@7.29.0(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-hoist-variables': 7.24.6
-      '@babel/helper-module-transforms': 7.24.6(@babel/core@7.24.6)
-      '@babel/helper-plugin-utils': 7.24.6
-      '@babel/helper-validator-identifier': 7.24.6
+      '@babel/core': 7.29.0
+      '@babel/helper-module-transforms': 7.28.6(@babel/core@7.29.0)
+      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/helper-validator-identifier': 7.28.5
+      '@babel/traverse': 7.29.0
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/plugin-transform-modules-umd@7.24.6(@babel/core@7.24.6)':
+  '@babel/plugin-transform-modules-umd@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-module-transforms': 7.24.6(@babel/core@7.24.6)
-      '@babel/helper-plugin-utils': 7.24.6
+      '@babel/core': 7.29.0
+      '@babel/helper-module-transforms': 7.28.3(@babel/core@7.29.0)
+      '@babel/helper-plugin-utils': 7.28.6
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/plugin-transform-named-capturing-groups-regex@7.24.6(@babel/core@7.24.6)':
+  '@babel/plugin-transform-named-capturing-groups-regex@7.29.0(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-create-regexp-features-plugin': 7.24.6(@babel/core@7.24.6)
-      '@babel/helper-plugin-utils': 7.24.6
+      '@babel/core': 7.29.0
+      '@babel/helper-create-regexp-features-plugin': 7.28.5(@babel/core@7.29.0)
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-new-target@7.24.6(@babel/core@7.24.6)':
+  '@babel/plugin-transform-new-target@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-nullish-coalescing-operator@7.24.6(@babel/core@7.24.6)':
+  '@babel/plugin-transform-nullish-coalescing-operator@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
-      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3(@babel/core@7.24.6)
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-numeric-separator@7.24.6(@babel/core@7.24.6)':
+  '@babel/plugin-transform-numeric-separator@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
-      '@babel/plugin-syntax-numeric-separator': 7.10.4(@babel/core@7.24.6)
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-object-rest-spread@7.24.6(@babel/core@7.24.6)':
+  '@babel/plugin-transform-object-rest-spread@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-compilation-targets': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
-      '@babel/plugin-syntax-object-rest-spread': 7.8.3(@babel/core@7.24.6)
-      '@babel/plugin-transform-parameters': 7.24.6(@babel/core@7.24.6)
+      '@babel/core': 7.29.0
+      '@babel/helper-compilation-targets': 7.28.6
+      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/plugin-transform-destructuring': 7.28.5(@babel/core@7.29.0)
+      '@babel/plugin-transform-parameters': 7.27.7(@babel/core@7.29.0)
+      '@babel/traverse': 7.29.0
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/plugin-transform-object-super@7.24.6(@babel/core@7.24.6)':
+  '@babel/plugin-transform-object-super@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
-      '@babel/helper-replace-supers': 7.24.6(@babel/core@7.24.6)
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/helper-replace-supers': 7.27.1(@babel/core@7.29.0)
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/plugin-transform-optional-catch-binding@7.24.6(@babel/core@7.24.6)':
+  '@babel/plugin-transform-optional-catch-binding@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
-      '@babel/plugin-syntax-optional-catch-binding': 7.8.3(@babel/core@7.24.6)
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-optional-chaining@7.24.6(@babel/core@7.24.6)':
+  '@babel/plugin-transform-optional-chaining@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
-      '@babel/helper-skip-transparent-expression-wrappers': 7.24.6
-      '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.24.6)
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/helper-skip-transparent-expression-wrappers': 7.27.1
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/plugin-transform-parameters@7.24.6(@babel/core@7.24.6)':
+  '@babel/plugin-transform-parameters@7.27.7(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-private-methods@7.24.6(@babel/core@7.24.6)':
+  '@babel/plugin-transform-private-methods@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-create-class-features-plugin': 7.24.6(@babel/core@7.24.6)
-      '@babel/helper-plugin-utils': 7.24.6
+      '@babel/core': 7.29.0
+      '@babel/helper-create-class-features-plugin': 7.28.6(@babel/core@7.29.0)
+      '@babel/helper-plugin-utils': 7.28.6
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/plugin-transform-private-property-in-object@7.24.6(@babel/core@7.24.6)':
+  '@babel/plugin-transform-private-property-in-object@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-annotate-as-pure': 7.24.6
-      '@babel/helper-create-class-features-plugin': 7.24.6(@babel/core@7.24.6)
-      '@babel/helper-plugin-utils': 7.24.6
-      '@babel/plugin-syntax-private-property-in-object': 7.14.5(@babel/core@7.24.6)
+      '@babel/core': 7.29.0
+      '@babel/helper-annotate-as-pure': 7.27.3
+      '@babel/helper-create-class-features-plugin': 7.28.6(@babel/core@7.29.0)
+      '@babel/helper-plugin-utils': 7.28.6
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/plugin-transform-property-literals@7.24.6(@babel/core@7.24.6)':
+  '@babel/plugin-transform-property-literals@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-react-jsx-self@7.24.6(@babel/core@7.24.6)':
+  '@babel/plugin-transform-react-jsx-self@7.27.1(@babel/core@7.28.5)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
+      '@babel/core': 7.28.5
+      '@babel/helper-plugin-utils': 7.27.1
 
-  '@babel/plugin-transform-react-jsx-source@7.24.6(@babel/core@7.24.6)':
+  '@babel/plugin-transform-react-jsx-source@7.27.1(@babel/core@7.28.5)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
+      '@babel/core': 7.28.5
+      '@babel/helper-plugin-utils': 7.27.1
 
-  '@babel/plugin-transform-regenerator@7.24.6(@babel/core@7.24.6)':
+  '@babel/plugin-transform-regenerator@7.29.0(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
-      regenerator-transform: 0.15.2
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-reserved-words@7.24.6(@babel/core@7.24.6)':
+  '@babel/plugin-transform-regexp-modifiers@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
+      '@babel/core': 7.29.0
+      '@babel/helper-create-regexp-features-plugin': 7.28.5(@babel/core@7.29.0)
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-shorthand-properties@7.24.6(@babel/core@7.24.6)':
+  '@babel/plugin-transform-reserved-words@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-spread@7.24.6(@babel/core@7.24.6)':
+  '@babel/plugin-transform-shorthand-properties@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
-      '@babel/helper-skip-transparent-expression-wrappers': 7.24.6
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-sticky-regex@7.24.6(@babel/core@7.24.6)':
+  '@babel/plugin-transform-spread@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
-
-  '@babel/plugin-transform-template-literals@7.24.6(@babel/core@7.24.6)':
-    dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
-
-  '@babel/plugin-transform-typeof-symbol@7.24.6(@babel/core@7.24.6)':
-    dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
-
-  '@babel/plugin-transform-typescript@7.24.6(@babel/core@7.24.6)':
-    dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-annotate-as-pure': 7.24.6
-      '@babel/helper-create-class-features-plugin': 7.24.6(@babel/core@7.24.6)
-      '@babel/helper-plugin-utils': 7.24.6
-      '@babel/plugin-syntax-typescript': 7.24.6(@babel/core@7.24.6)
-
-  '@babel/plugin-transform-unicode-escapes@7.24.6(@babel/core@7.24.6)':
-    dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
-
-  '@babel/plugin-transform-unicode-property-regex@7.24.6(@babel/core@7.24.6)':
-    dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-create-regexp-features-plugin': 7.24.6(@babel/core@7.24.6)
-      '@babel/helper-plugin-utils': 7.24.6
-
-  '@babel/plugin-transform-unicode-regex@7.24.6(@babel/core@7.24.6)':
-    dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-create-regexp-features-plugin': 7.24.6(@babel/core@7.24.6)
-      '@babel/helper-plugin-utils': 7.24.6
-
-  '@babel/plugin-transform-unicode-sets-regex@7.24.6(@babel/core@7.24.6)':
-    dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-create-regexp-features-plugin': 7.24.6(@babel/core@7.24.6)
-      '@babel/helper-plugin-utils': 7.24.6
-
-  '@babel/preset-env@7.24.6(@babel/core@7.24.6)':
-    dependencies:
-      '@babel/compat-data': 7.24.6
-      '@babel/core': 7.24.6
-      '@babel/helper-compilation-targets': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
-      '@babel/helper-validator-option': 7.24.6
-      '@babel/plugin-bugfix-firefox-class-in-computed-class-key': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-proposal-private-property-in-object': 7.21.0-placeholder-for-preset-env.2(@babel/core@7.24.6)
-      '@babel/plugin-syntax-async-generators': 7.8.4(@babel/core@7.24.6)
-      '@babel/plugin-syntax-class-properties': 7.12.13(@babel/core@7.24.6)
-      '@babel/plugin-syntax-class-static-block': 7.14.5(@babel/core@7.24.6)
-      '@babel/plugin-syntax-dynamic-import': 7.8.3(@babel/core@7.24.6)
-      '@babel/plugin-syntax-export-namespace-from': 7.8.3(@babel/core@7.24.6)
-      '@babel/plugin-syntax-import-assertions': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-syntax-import-attributes': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-syntax-import-meta': 7.10.4(@babel/core@7.24.6)
-      '@babel/plugin-syntax-json-strings': 7.8.3(@babel/core@7.24.6)
-      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4(@babel/core@7.24.6)
-      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3(@babel/core@7.24.6)
-      '@babel/plugin-syntax-numeric-separator': 7.10.4(@babel/core@7.24.6)
-      '@babel/plugin-syntax-object-rest-spread': 7.8.3(@babel/core@7.24.6)
-      '@babel/plugin-syntax-optional-catch-binding': 7.8.3(@babel/core@7.24.6)
-      '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.24.6)
-      '@babel/plugin-syntax-private-property-in-object': 7.14.5(@babel/core@7.24.6)
-      '@babel/plugin-syntax-top-level-await': 7.14.5(@babel/core@7.24.6)
-      '@babel/plugin-syntax-unicode-sets-regex': 7.18.6(@babel/core@7.24.6)
-      '@babel/plugin-transform-arrow-functions': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-transform-async-generator-functions': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-transform-async-to-generator': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-transform-block-scoped-functions': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-transform-block-scoping': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-transform-class-properties': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-transform-class-static-block': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-transform-classes': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-transform-computed-properties': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-transform-destructuring': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-transform-dotall-regex': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-transform-duplicate-keys': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-transform-dynamic-import': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-transform-exponentiation-operator': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-transform-export-namespace-from': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-transform-for-of': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-transform-function-name': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-transform-json-strings': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-transform-literals': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-transform-logical-assignment-operators': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-transform-member-expression-literals': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-transform-modules-amd': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-transform-modules-commonjs': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-transform-modules-systemjs': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-transform-modules-umd': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-transform-named-capturing-groups-regex': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-transform-new-target': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-transform-nullish-coalescing-operator': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-transform-numeric-separator': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-transform-object-rest-spread': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-transform-object-super': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-transform-optional-catch-binding': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-transform-optional-chaining': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-transform-parameters': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-transform-private-methods': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-transform-private-property-in-object': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-transform-property-literals': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-transform-regenerator': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-transform-reserved-words': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-transform-shorthand-properties': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-transform-spread': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-transform-sticky-regex': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-transform-template-literals': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-transform-typeof-symbol': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-transform-unicode-escapes': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-transform-unicode-property-regex': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-transform-unicode-regex': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-transform-unicode-sets-regex': 7.24.6(@babel/core@7.24.6)
-      '@babel/preset-modules': 0.1.6-no-external-plugins(@babel/core@7.24.6)
-      babel-plugin-polyfill-corejs2: 0.4.11(@babel/core@7.24.6)
-      babel-plugin-polyfill-corejs3: 0.10.4(@babel/core@7.24.6)
-      babel-plugin-polyfill-regenerator: 0.6.2(@babel/core@7.24.6)
-      core-js-compat: 3.37.1
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/helper-skip-transparent-expression-wrappers': 7.27.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-transform-sticky-regex@7.27.1(@babel/core@7.29.0)':
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
+
+  '@babel/plugin-transform-template-literals@7.27.1(@babel/core@7.29.0)':
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
+
+  '@babel/plugin-transform-typeof-symbol@7.27.1(@babel/core@7.29.0)':
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
+
+  '@babel/plugin-transform-typescript@7.28.6(@babel/core@7.29.0)':
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/helper-annotate-as-pure': 7.27.3
+      '@babel/helper-create-class-features-plugin': 7.28.6(@babel/core@7.29.0)
+      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/helper-skip-transparent-expression-wrappers': 7.27.1
+      '@babel/plugin-syntax-typescript': 7.28.6(@babel/core@7.29.0)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-transform-unicode-escapes@7.27.1(@babel/core@7.29.0)':
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
+
+  '@babel/plugin-transform-unicode-property-regex@7.28.6(@babel/core@7.29.0)':
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/helper-create-regexp-features-plugin': 7.28.5(@babel/core@7.29.0)
+      '@babel/helper-plugin-utils': 7.28.6
+
+  '@babel/plugin-transform-unicode-regex@7.27.1(@babel/core@7.29.0)':
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/helper-create-regexp-features-plugin': 7.28.5(@babel/core@7.29.0)
+      '@babel/helper-plugin-utils': 7.28.6
+
+  '@babel/plugin-transform-unicode-sets-regex@7.28.6(@babel/core@7.29.0)':
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/helper-create-regexp-features-plugin': 7.28.5(@babel/core@7.29.0)
+      '@babel/helper-plugin-utils': 7.28.6
+
+  '@babel/preset-env@7.29.2(@babel/core@7.29.0)':
+    dependencies:
+      '@babel/compat-data': 7.29.0
+      '@babel/core': 7.29.0
+      '@babel/helper-compilation-targets': 7.28.6
+      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/helper-validator-option': 7.27.1
+      '@babel/plugin-bugfix-firefox-class-in-computed-class-key': 7.28.5(@babel/core@7.29.0)
+      '@babel/plugin-bugfix-safari-class-field-initializer-scope': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-proposal-private-property-in-object': 7.21.0-placeholder-for-preset-env.2(@babel/core@7.29.0)
+      '@babel/plugin-syntax-import-assertions': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-syntax-import-attributes': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-syntax-unicode-sets-regex': 7.18.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-arrow-functions': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-transform-async-generator-functions': 7.29.0(@babel/core@7.29.0)
+      '@babel/plugin-transform-async-to-generator': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-block-scoped-functions': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-transform-block-scoping': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-class-properties': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-class-static-block': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-classes': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-computed-properties': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-destructuring': 7.28.5(@babel/core@7.29.0)
+      '@babel/plugin-transform-dotall-regex': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-duplicate-keys': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-transform-duplicate-named-capturing-groups-regex': 7.29.0(@babel/core@7.29.0)
+      '@babel/plugin-transform-dynamic-import': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-transform-explicit-resource-management': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-exponentiation-operator': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-export-namespace-from': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-transform-for-of': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-transform-function-name': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-transform-json-strings': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-literals': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-transform-logical-assignment-operators': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-member-expression-literals': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-transform-modules-amd': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-transform-modules-commonjs': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-modules-systemjs': 7.29.0(@babel/core@7.29.0)
+      '@babel/plugin-transform-modules-umd': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-transform-named-capturing-groups-regex': 7.29.0(@babel/core@7.29.0)
+      '@babel/plugin-transform-new-target': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-transform-nullish-coalescing-operator': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-numeric-separator': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-object-rest-spread': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-object-super': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-transform-optional-catch-binding': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-optional-chaining': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-parameters': 7.27.7(@babel/core@7.29.0)
+      '@babel/plugin-transform-private-methods': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-private-property-in-object': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-property-literals': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-transform-regenerator': 7.29.0(@babel/core@7.29.0)
+      '@babel/plugin-transform-regexp-modifiers': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-reserved-words': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-transform-shorthand-properties': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-transform-spread': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-sticky-regex': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-transform-template-literals': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-transform-typeof-symbol': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-transform-unicode-escapes': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-transform-unicode-property-regex': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-unicode-regex': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-transform-unicode-sets-regex': 7.28.6(@babel/core@7.29.0)
+      '@babel/preset-modules': 0.1.6-no-external-plugins(@babel/core@7.29.0)
+      babel-plugin-polyfill-corejs2: 0.4.17(@babel/core@7.29.0)
+      babel-plugin-polyfill-corejs3: 0.14.2(@babel/core@7.29.0)
+      babel-plugin-polyfill-regenerator: 0.6.8(@babel/core@7.29.0)
+      core-js-compat: 3.49.0
       semver: 6.3.1
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/preset-modules@0.1.6-no-external-plugins(@babel/core@7.24.6)':
+  '@babel/preset-modules@0.1.6-no-external-plugins(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-plugin-utils': 7.24.6
-      '@babel/types': 7.24.6
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/types': 7.28.5
       esutils: 2.0.3
 
-  '@babel/regjsgen@0.8.0': {}
+  '@babel/runtime@7.28.4': {}
 
-  '@babel/runtime@7.24.6':
+  '@babel/template@7.27.2':
     dependencies:
-      regenerator-runtime: 0.14.1
+      '@babel/code-frame': 7.27.1
+      '@babel/parser': 7.28.5
+      '@babel/types': 7.28.5
 
-  '@babel/template@7.24.6':
+  '@babel/template@7.28.6':
     dependencies:
-      '@babel/code-frame': 7.24.6
-      '@babel/parser': 7.24.6
-      '@babel/types': 7.24.6
+      '@babel/code-frame': 7.29.0
+      '@babel/parser': 7.29.2
+      '@babel/types': 7.29.0
 
-  '@babel/traverse@7.24.6':
+  '@babel/traverse@7.28.5':
     dependencies:
-      '@babel/code-frame': 7.24.6
-      '@babel/generator': 7.24.6
-      '@babel/helper-environment-visitor': 7.24.6
-      '@babel/helper-function-name': 7.24.6
-      '@babel/helper-hoist-variables': 7.24.6
-      '@babel/helper-split-export-declaration': 7.24.6
-      '@babel/parser': 7.24.6
-      '@babel/types': 7.24.6
-      debug: 4.3.5(supports-color@8.1.1)
-      globals: 11.12.0
+      '@babel/code-frame': 7.27.1
+      '@babel/generator': 7.28.5
+      '@babel/helper-globals': 7.28.0
+      '@babel/parser': 7.28.5
+      '@babel/template': 7.27.2
+      '@babel/types': 7.28.5
+      debug: 4.4.3
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/types@7.24.6':
+  '@babel/traverse@7.29.0':
     dependencies:
-      '@babel/helper-string-parser': 7.24.6
-      '@babel/helper-validator-identifier': 7.24.6
-      to-fast-properties: 2.0.0
+      '@babel/code-frame': 7.29.0
+      '@babel/generator': 7.29.1
+      '@babel/helper-globals': 7.28.0
+      '@babel/parser': 7.29.2
+      '@babel/template': 7.28.6
+      '@babel/types': 7.29.0
+      debug: 4.4.3
+    transitivePeerDependencies:
+      - supports-color
 
-  '@bcoe/v8-coverage@0.2.3': {}
+  '@babel/types@7.28.5':
+    dependencies:
+      '@babel/helper-string-parser': 7.27.1
+      '@babel/helper-validator-identifier': 7.28.5
+
+  '@babel/types@7.29.0':
+    dependencies:
+      '@babel/helper-string-parser': 7.27.1
+      '@babel/helper-validator-identifier': 7.28.5
+
+  '@babel/types@8.0.0-rc.2':
+    dependencies:
+      '@babel/helper-string-parser': 8.0.0-rc.3
+      '@babel/helper-validator-identifier': 8.0.0-rc.2
+
+  '@bcoe/v8-coverage@1.0.2': {}
+
+  '@bufbuild/protobuf@2.10.1': {}
 
   '@cfcs/core@0.0.6':
     dependencies:
@@ -7036,171 +7811,156 @@ snapshots:
     dependencies:
       '@egjs/component': 3.0.5
 
-  '@commitlint/cli@18.6.1(@types/node@18.19.34)(typescript@5.4.5)':
+  '@commitlint/cli@20.1.0(@types/node@24.0.10)(typescript@5.9.3)':
     dependencies:
-      '@commitlint/format': 18.6.1
-      '@commitlint/lint': 18.6.1
-      '@commitlint/load': 18.6.1(@types/node@18.19.34)(typescript@5.4.5)
-      '@commitlint/read': 18.6.1
-      '@commitlint/types': 18.6.1
-      execa: 5.1.1
-      lodash.isfunction: 3.0.9
-      resolve-from: 5.0.0
-      resolve-global: 1.0.0
+      '@commitlint/format': 20.0.0
+      '@commitlint/lint': 20.0.0
+      '@commitlint/load': 20.1.0(@types/node@24.0.10)(typescript@5.9.3)
+      '@commitlint/read': 20.0.0
+      '@commitlint/types': 20.0.0
+      tinyexec: 1.0.2
       yargs: 17.7.2
     transitivePeerDependencies:
       - '@types/node'
       - typescript
 
-  '@commitlint/config-conventional@18.6.3':
+  '@commitlint/config-conventional@20.0.0':
     dependencies:
-      '@commitlint/types': 18.6.1
+      '@commitlint/types': 20.0.0
       conventional-changelog-conventionalcommits: 7.0.2
 
-  '@commitlint/config-validator@18.6.1':
+  '@commitlint/config-validator@20.0.0':
     dependencies:
-      '@commitlint/types': 18.6.1
-      ajv: 8.16.0
+      '@commitlint/types': 20.0.0
+      ajv: 8.17.1
 
-  '@commitlint/config-validator@19.0.3':
+  '@commitlint/ensure@20.0.0':
     dependencies:
-      '@commitlint/types': 19.0.3
-      ajv: 8.16.0
-    optional: true
-
-  '@commitlint/ensure@18.6.1':
-    dependencies:
-      '@commitlint/types': 18.6.1
+      '@commitlint/types': 20.0.0
       lodash.camelcase: 4.3.0
       lodash.kebabcase: 4.1.1
       lodash.snakecase: 4.1.1
       lodash.startcase: 4.4.0
       lodash.upperfirst: 4.3.1
 
-  '@commitlint/execute-rule@18.6.1': {}
+  '@commitlint/execute-rule@20.0.0': {}
 
-  '@commitlint/execute-rule@19.0.0':
-    optional: true
-
-  '@commitlint/format@18.6.1':
+  '@commitlint/format@20.0.0':
     dependencies:
-      '@commitlint/types': 18.6.1
-      chalk: 4.1.2
+      '@commitlint/types': 20.0.0
+      chalk: 5.6.2
 
-  '@commitlint/is-ignored@18.6.1':
+  '@commitlint/is-ignored@20.0.0':
     dependencies:
-      '@commitlint/types': 18.6.1
-      semver: 7.6.0
+      '@commitlint/types': 20.0.0
+      semver: 7.7.3
 
-  '@commitlint/lint@18.6.1':
+  '@commitlint/lint@20.0.0':
     dependencies:
-      '@commitlint/is-ignored': 18.6.1
-      '@commitlint/parse': 18.6.1
-      '@commitlint/rules': 18.6.1
-      '@commitlint/types': 18.6.1
+      '@commitlint/is-ignored': 20.0.0
+      '@commitlint/parse': 20.0.0
+      '@commitlint/rules': 20.0.0
+      '@commitlint/types': 20.0.0
 
-  '@commitlint/load@18.6.1(@types/node@18.19.34)(typescript@5.4.5)':
+  '@commitlint/load@20.1.0(@types/node@24.0.10)(typescript@5.9.3)':
     dependencies:
-      '@commitlint/config-validator': 18.6.1
-      '@commitlint/execute-rule': 18.6.1
-      '@commitlint/resolve-extends': 18.6.1
-      '@commitlint/types': 18.6.1
-      chalk: 4.1.2
-      cosmiconfig: 8.3.6(typescript@5.4.5)
-      cosmiconfig-typescript-loader: 5.0.0(@types/node@18.19.34)(cosmiconfig@8.3.6(typescript@5.4.5))(typescript@5.4.5)
-      lodash.isplainobject: 4.0.6
-      lodash.merge: 4.6.2
-      lodash.uniq: 4.5.0
-      resolve-from: 5.0.0
-    transitivePeerDependencies:
-      - '@types/node'
-      - typescript
-
-  '@commitlint/load@19.2.0(@types/node@18.19.34)(typescript@5.4.5)':
-    dependencies:
-      '@commitlint/config-validator': 19.0.3
-      '@commitlint/execute-rule': 19.0.0
-      '@commitlint/resolve-extends': 19.1.0
-      '@commitlint/types': 19.0.3
-      chalk: 5.3.0
-      cosmiconfig: 9.0.0(typescript@5.4.5)
-      cosmiconfig-typescript-loader: 5.0.0(@types/node@18.19.34)(cosmiconfig@9.0.0(typescript@5.4.5))(typescript@5.4.5)
+      '@commitlint/config-validator': 20.0.0
+      '@commitlint/execute-rule': 20.0.0
+      '@commitlint/resolve-extends': 20.1.0
+      '@commitlint/types': 20.0.0
+      chalk: 5.6.2
+      cosmiconfig: 9.0.0(typescript@5.9.3)
+      cosmiconfig-typescript-loader: 6.2.0(@types/node@24.0.10)(cosmiconfig@9.0.0(typescript@5.9.3))(typescript@5.9.3)
       lodash.isplainobject: 4.0.6
       lodash.merge: 4.6.2
       lodash.uniq: 4.5.0
     transitivePeerDependencies:
       - '@types/node'
       - typescript
-    optional: true
 
-  '@commitlint/message@18.6.1': {}
+  '@commitlint/message@20.0.0': {}
 
-  '@commitlint/parse@18.6.1':
+  '@commitlint/parse@20.0.0':
     dependencies:
-      '@commitlint/types': 18.6.1
+      '@commitlint/types': 20.0.0
       conventional-changelog-angular: 7.0.0
       conventional-commits-parser: 5.0.0
 
-  '@commitlint/read@18.6.1':
+  '@commitlint/read@20.0.0':
     dependencies:
-      '@commitlint/top-level': 18.6.1
-      '@commitlint/types': 18.6.1
-      git-raw-commits: 2.0.11
+      '@commitlint/top-level': 20.0.0
+      '@commitlint/types': 20.0.0
+      git-raw-commits: 4.0.0
       minimist: 1.2.8
+      tinyexec: 1.0.2
 
-  '@commitlint/resolve-extends@18.6.1':
+  '@commitlint/resolve-extends@20.1.0':
     dependencies:
-      '@commitlint/config-validator': 18.6.1
-      '@commitlint/types': 18.6.1
-      import-fresh: 3.3.0
-      lodash.mergewith: 4.6.2
-      resolve-from: 5.0.0
-      resolve-global: 1.0.0
-
-  '@commitlint/resolve-extends@19.1.0':
-    dependencies:
-      '@commitlint/config-validator': 19.0.3
-      '@commitlint/types': 19.0.3
+      '@commitlint/config-validator': 20.0.0
+      '@commitlint/types': 20.0.0
       global-directory: 4.0.1
-      import-meta-resolve: 4.1.0
+      import-meta-resolve: 4.2.0
       lodash.mergewith: 4.6.2
       resolve-from: 5.0.0
-    optional: true
 
-  '@commitlint/rules@18.6.1':
+  '@commitlint/rules@20.0.0':
     dependencies:
-      '@commitlint/ensure': 18.6.1
-      '@commitlint/message': 18.6.1
-      '@commitlint/to-lines': 18.6.1
-      '@commitlint/types': 18.6.1
-      execa: 5.1.1
+      '@commitlint/ensure': 20.0.0
+      '@commitlint/message': 20.0.0
+      '@commitlint/to-lines': 20.0.0
+      '@commitlint/types': 20.0.0
 
-  '@commitlint/to-lines@18.6.1': {}
+  '@commitlint/to-lines@20.0.0': {}
 
-  '@commitlint/top-level@18.6.1':
+  '@commitlint/top-level@20.0.0':
     dependencies:
-      find-up: 5.0.0
+      find-up: 7.0.0
 
-  '@commitlint/types@18.6.1':
+  '@commitlint/types@20.0.0':
     dependencies:
-      chalk: 4.1.2
+      '@types/conventional-commits-parser': 5.0.2
+      chalk: 5.6.2
 
-  '@commitlint/types@19.0.3':
+  '@conventional-changelog/git-client@1.0.1(conventional-commits-filter@5.0.0)(conventional-commits-parser@6.2.1)':
     dependencies:
-      '@types/conventional-commits-parser': 5.0.0
-      chalk: 5.3.0
-    optional: true
+      '@types/semver': 7.7.1
+      semver: 7.7.3
+    optionalDependencies:
+      conventional-commits-filter: 5.0.0
+      conventional-commits-parser: 6.2.1
+
+  '@csstools/color-helpers@5.1.0': {}
+
+  '@csstools/css-calc@2.1.4(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)':
+    dependencies:
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
+
+  '@csstools/css-color-parser@3.1.0(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)':
+    dependencies:
+      '@csstools/color-helpers': 5.1.0
+      '@csstools/css-calc': 2.1.4(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
+
+  '@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4)':
+    dependencies:
+      '@csstools/css-tokenizer': 3.0.4
+
+  '@csstools/css-syntax-patches-for-csstree@1.0.16': {}
+
+  '@csstools/css-tokenizer@3.0.4': {}
 
   '@ctrl/tinycolor@3.6.1': {}
 
   '@daybrush/utils@1.13.0': {}
 
-  '@docsearch/css@3.6.0': {}
+  '@docsearch/css@3.8.2': {}
 
-  '@docsearch/js@3.6.0(@algolia/client-search@4.23.3)(@types/react@18.3.3)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(search-insights@2.14.0)':
+  '@docsearch/js@3.8.2(@algolia/client-search@5.44.0)(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(search-insights@2.17.3)':
     dependencies:
-      '@docsearch/react': 3.6.0(@algolia/client-search@4.23.3)(@types/react@18.3.3)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(search-insights@2.14.0)
-      preact: 10.22.0
+      '@docsearch/react': 3.8.2(@algolia/client-search@5.44.0)(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(search-insights@2.17.3)
+      preact: 10.27.2
     transitivePeerDependencies:
       - '@algolia/client-search'
       - '@types/react'
@@ -7208,21 +7968,21 @@ snapshots:
       - react-dom
       - search-insights
 
-  '@docsearch/react@3.6.0(@algolia/client-search@4.23.3)(@types/react@18.3.3)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(search-insights@2.14.0)':
+  '@docsearch/react@3.8.2(@algolia/client-search@5.44.0)(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(search-insights@2.17.3)':
     dependencies:
-      '@algolia/autocomplete-core': 1.9.3(@algolia/client-search@4.23.3)(algoliasearch@4.23.3)(search-insights@2.14.0)
-      '@algolia/autocomplete-preset-algolia': 1.9.3(@algolia/client-search@4.23.3)(algoliasearch@4.23.3)
-      '@docsearch/css': 3.6.0
-      algoliasearch: 4.23.3
+      '@algolia/autocomplete-core': 1.17.7(@algolia/client-search@5.44.0)(algoliasearch@5.44.0)(search-insights@2.17.3)
+      '@algolia/autocomplete-preset-algolia': 1.17.7(@algolia/client-search@5.44.0)(algoliasearch@5.44.0)
+      '@docsearch/css': 3.8.2
+      algoliasearch: 5.44.0
     optionalDependencies:
-      '@types/react': 18.3.3
+      '@types/react': 18.3.27
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      search-insights: 2.14.0
+      search-insights: 2.17.3
     transitivePeerDependencies:
       - '@algolia/client-search'
 
-  '@egjs/agent@2.4.3': {}
+  '@egjs/agent@2.4.4': {}
 
   '@egjs/children-differ@1.0.1':
     dependencies:
@@ -7232,9 +7992,9 @@ snapshots:
 
   '@egjs/list-differ@1.0.1': {}
 
-  '@element-plus/icons-vue@2.3.1(vue@3.4.27(typescript@5.4.5))':
+  '@element-plus/icons-vue@2.3.2(vue@3.5.24(typescript@5.9.3))':
     dependencies:
-      vue: 3.4.27(typescript@5.4.5)
+      vue: 3.5.24(typescript@5.9.3)
 
   '@emmetio/abbreviation@2.3.3':
     dependencies:
@@ -7246,232 +8006,201 @@ snapshots:
 
   '@emmetio/scanner@1.0.4': {}
 
-  '@esbuild/aix-ppc64@0.20.2':
-    optional: true
-
-  '@esbuild/aix-ppc64@0.21.4':
-    optional: true
-
-  '@esbuild/android-arm64@0.20.2':
-    optional: true
-
-  '@esbuild/android-arm64@0.21.4':
-    optional: true
-
-  '@esbuild/android-arm@0.20.2':
-    optional: true
-
-  '@esbuild/android-arm@0.21.4':
-    optional: true
-
-  '@esbuild/android-x64@0.20.2':
-    optional: true
-
-  '@esbuild/android-x64@0.21.4':
-    optional: true
-
-  '@esbuild/darwin-arm64@0.20.2':
-    optional: true
-
-  '@esbuild/darwin-arm64@0.21.4':
-    optional: true
-
-  '@esbuild/darwin-x64@0.20.2':
-    optional: true
-
-  '@esbuild/darwin-x64@0.21.4':
-    optional: true
-
-  '@esbuild/freebsd-arm64@0.20.2':
-    optional: true
-
-  '@esbuild/freebsd-arm64@0.21.4':
-    optional: true
-
-  '@esbuild/freebsd-x64@0.20.2':
-    optional: true
-
-  '@esbuild/freebsd-x64@0.21.4':
-    optional: true
-
-  '@esbuild/linux-arm64@0.20.2':
-    optional: true
-
-  '@esbuild/linux-arm64@0.21.4':
-    optional: true
-
-  '@esbuild/linux-arm@0.20.2':
-    optional: true
-
-  '@esbuild/linux-arm@0.21.4':
-    optional: true
-
-  '@esbuild/linux-ia32@0.20.2':
-    optional: true
-
-  '@esbuild/linux-ia32@0.21.4':
-    optional: true
-
-  '@esbuild/linux-loong64@0.20.2':
-    optional: true
-
-  '@esbuild/linux-loong64@0.21.4':
-    optional: true
-
-  '@esbuild/linux-mips64el@0.20.2':
-    optional: true
-
-  '@esbuild/linux-mips64el@0.21.4':
-    optional: true
-
-  '@esbuild/linux-ppc64@0.20.2':
-    optional: true
-
-  '@esbuild/linux-ppc64@0.21.4':
-    optional: true
-
-  '@esbuild/linux-riscv64@0.20.2':
-    optional: true
-
-  '@esbuild/linux-riscv64@0.21.4':
-    optional: true
-
-  '@esbuild/linux-s390x@0.20.2':
-    optional: true
-
-  '@esbuild/linux-s390x@0.21.4':
-    optional: true
-
-  '@esbuild/linux-x64@0.20.2':
-    optional: true
-
-  '@esbuild/linux-x64@0.21.4':
-    optional: true
-
-  '@esbuild/netbsd-x64@0.20.2':
-    optional: true
-
-  '@esbuild/netbsd-x64@0.21.4':
-    optional: true
-
-  '@esbuild/openbsd-x64@0.20.2':
-    optional: true
-
-  '@esbuild/openbsd-x64@0.21.4':
-    optional: true
-
-  '@esbuild/sunos-x64@0.20.2':
-    optional: true
-
-  '@esbuild/sunos-x64@0.21.4':
-    optional: true
-
-  '@esbuild/win32-arm64@0.20.2':
-    optional: true
-
-  '@esbuild/win32-arm64@0.21.4':
-    optional: true
-
-  '@esbuild/win32-ia32@0.20.2':
-    optional: true
-
-  '@esbuild/win32-ia32@0.21.4':
-    optional: true
-
-  '@esbuild/win32-x64@0.20.2':
-    optional: true
-
-  '@esbuild/win32-x64@0.21.4':
-    optional: true
-
-  '@eslint-community/eslint-utils@4.4.0(eslint@8.57.0)':
+  '@emnapi/core@1.9.0':
     dependencies:
-      eslint: 8.57.0
+      '@emnapi/wasi-threads': 1.2.0
+      tslib: 2.8.1
+    optional: true
+
+  '@emnapi/runtime@1.9.0':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
+  '@emnapi/wasi-threads@1.2.0':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
+  '@esbuild/aix-ppc64@0.21.5':
+    optional: true
+
+  '@esbuild/android-arm64@0.21.5':
+    optional: true
+
+  '@esbuild/android-arm@0.21.5':
+    optional: true
+
+  '@esbuild/android-x64@0.21.5':
+    optional: true
+
+  '@esbuild/darwin-arm64@0.21.5':
+    optional: true
+
+  '@esbuild/darwin-x64@0.21.5':
+    optional: true
+
+  '@esbuild/freebsd-arm64@0.21.5':
+    optional: true
+
+  '@esbuild/freebsd-x64@0.21.5':
+    optional: true
+
+  '@esbuild/linux-arm64@0.21.5':
+    optional: true
+
+  '@esbuild/linux-arm@0.21.5':
+    optional: true
+
+  '@esbuild/linux-ia32@0.21.5':
+    optional: true
+
+  '@esbuild/linux-loong64@0.21.5':
+    optional: true
+
+  '@esbuild/linux-mips64el@0.21.5':
+    optional: true
+
+  '@esbuild/linux-ppc64@0.21.5':
+    optional: true
+
+  '@esbuild/linux-riscv64@0.21.5':
+    optional: true
+
+  '@esbuild/linux-s390x@0.21.5':
+    optional: true
+
+  '@esbuild/linux-x64@0.21.5':
+    optional: true
+
+  '@esbuild/netbsd-x64@0.21.5':
+    optional: true
+
+  '@esbuild/openbsd-x64@0.21.5':
+    optional: true
+
+  '@esbuild/sunos-x64@0.21.5':
+    optional: true
+
+  '@esbuild/win32-arm64@0.21.5':
+    optional: true
+
+  '@esbuild/win32-ia32@0.21.5':
+    optional: true
+
+  '@esbuild/win32-x64@0.21.5':
+    optional: true
+
+  '@eslint-community/eslint-utils@4.9.0(eslint@10.0.3(jiti@2.6.1))':
+    dependencies:
+      eslint: 10.0.3(jiti@2.6.1)
       eslint-visitor-keys: 3.4.3
 
-  '@eslint-community/regexpp@4.10.1': {}
-
-  '@eslint/eslintrc@2.1.4':
+  '@eslint-community/eslint-utils@4.9.1(eslint@10.0.3(jiti@2.6.1))':
     dependencies:
-      ajv: 6.12.6
-      debug: 4.3.5(supports-color@8.1.1)
-      espree: 9.6.1
-      globals: 13.24.0
-      ignore: 5.3.1
-      import-fresh: 3.3.0
-      js-yaml: 4.1.0
-      minimatch: 3.1.2
-      strip-json-comments: 3.1.1
+      eslint: 10.0.3(jiti@2.6.1)
+      eslint-visitor-keys: 3.4.3
+
+  '@eslint-community/regexpp@4.12.2': {}
+
+  '@eslint/config-array@0.23.3':
+    dependencies:
+      '@eslint/object-schema': 3.0.3
+      debug: 4.4.3
+      minimatch: 10.2.4
     transitivePeerDependencies:
       - supports-color
 
-  '@eslint/js@8.57.0': {}
-
-  '@floating-ui/core@1.6.2':
+  '@eslint/config-helpers@0.5.3':
     dependencies:
-      '@floating-ui/utils': 0.2.2
+      '@eslint/core': 1.1.1
 
-  '@floating-ui/dom@1.6.5':
+  '@eslint/core@1.1.1':
     dependencies:
-      '@floating-ui/core': 1.6.2
-      '@floating-ui/utils': 0.2.2
+      '@types/json-schema': 7.0.15
 
-  '@floating-ui/utils@0.2.2': {}
+  '@eslint/js@10.0.1(eslint@10.0.3(jiti@2.6.1))':
+    optionalDependencies:
+      eslint: 10.0.3(jiti@2.6.1)
 
-  '@humanwhocodes/config-array@0.11.14':
+  '@eslint/object-schema@3.0.3': {}
+
+  '@eslint/plugin-kit@0.6.1':
     dependencies:
-      '@humanwhocodes/object-schema': 2.0.3
-      debug: 4.3.5(supports-color@8.1.1)
-      minimatch: 3.1.2
-    transitivePeerDependencies:
-      - supports-color
+      '@eslint/core': 1.1.1
+      levn: 0.4.1
+
+  '@floating-ui/core@1.7.3':
+    dependencies:
+      '@floating-ui/utils': 0.2.10
+
+  '@floating-ui/dom@1.7.4':
+    dependencies:
+      '@floating-ui/core': 1.7.3
+      '@floating-ui/utils': 0.2.10
+
+  '@floating-ui/utils@0.2.10': {}
+
+  '@humanfs/core@0.19.1': {}
+
+  '@humanfs/node@0.16.7':
+    dependencies:
+      '@humanfs/core': 0.19.1
+      '@humanwhocodes/retry': 0.4.3
 
   '@humanwhocodes/module-importer@1.0.1': {}
 
-  '@humanwhocodes/object-schema@2.0.3': {}
+  '@humanwhocodes/retry@0.4.3': {}
 
   '@hutson/parse-repository-url@5.0.0': {}
 
+  '@iconify-json/simple-icons@1.2.59':
+    dependencies:
+      '@iconify/types': 2.0.0
+
+  '@iconify/types@2.0.0': {}
+
   '@isaacs/cliui@8.0.2':
     dependencies:
       string-width: 5.1.2
       string-width-cjs: string-width@4.2.3
-      strip-ansi: 7.1.0
+      strip-ansi: 7.1.2
       strip-ansi-cjs: strip-ansi@6.0.1
       wrap-ansi: 8.1.0
       wrap-ansi-cjs: wrap-ansi@7.0.0
 
   '@istanbuljs/schema@0.1.3': {}
 
-  '@jest/schemas@29.6.3':
+  '@jridgewell/gen-mapping@0.3.13':
     dependencies:
-      '@sinclair/typebox': 0.27.8
+      '@jridgewell/sourcemap-codec': 1.5.5
+      '@jridgewell/trace-mapping': 0.3.31
 
-  '@jridgewell/gen-mapping@0.3.5':
+  '@jridgewell/remapping@2.3.5':
     dependencies:
-      '@jridgewell/set-array': 1.2.1
-      '@jridgewell/sourcemap-codec': 1.4.15
-      '@jridgewell/trace-mapping': 0.3.25
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.31
 
   '@jridgewell/resolve-uri@3.1.2': {}
 
-  '@jridgewell/set-array@1.2.1': {}
-
-  '@jridgewell/source-map@0.3.6':
+  '@jridgewell/source-map@0.3.11':
     dependencies:
-      '@jridgewell/gen-mapping': 0.3.5
-      '@jridgewell/trace-mapping': 0.3.25
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.31
 
-  '@jridgewell/sourcemap-codec@1.4.15': {}
+  '@jridgewell/sourcemap-codec@1.5.5': {}
 
-  '@jridgewell/trace-mapping@0.3.25':
+  '@jridgewell/trace-mapping@0.3.31':
     dependencies:
       '@jridgewell/resolve-uri': 3.1.2
-      '@jridgewell/sourcemap-codec': 1.4.15
+      '@jridgewell/sourcemap-codec': 1.5.5
 
-  '@nicolo-ribaudo/eslint-scope-5-internals@5.1.1-v1':
+  '@napi-rs/wasm-runtime@1.1.1':
     dependencies:
-      eslint-scope: 5.1.1
+      '@emnapi/core': 1.9.0
+      '@emnapi/runtime': 1.9.0
+      '@tybys/wasm-util': 0.10.1
+    optional: true
 
   '@nodelib/fs.scandir@2.1.5':
     dependencies:
@@ -7483,76 +8212,200 @@ snapshots:
   '@nodelib/fs.walk@1.2.8':
     dependencies:
       '@nodelib/fs.scandir': 2.1.5
-      fastq: 1.17.1
+      fastq: 1.19.1
 
   '@one-ini/wasm@0.1.1': {}
 
+  '@oxc-project/runtime@0.115.0': {}
+
+  '@oxc-project/types@0.115.0': {}
+
+  '@parcel/watcher-android-arm64@2.5.1':
+    optional: true
+
+  '@parcel/watcher-darwin-arm64@2.5.1':
+    optional: true
+
+  '@parcel/watcher-darwin-x64@2.5.1':
+    optional: true
+
+  '@parcel/watcher-freebsd-x64@2.5.1':
+    optional: true
+
+  '@parcel/watcher-linux-arm-glibc@2.5.1':
+    optional: true
+
+  '@parcel/watcher-linux-arm-musl@2.5.1':
+    optional: true
+
+  '@parcel/watcher-linux-arm64-glibc@2.5.1':
+    optional: true
+
+  '@parcel/watcher-linux-arm64-musl@2.5.1':
+    optional: true
+
+  '@parcel/watcher-linux-x64-glibc@2.5.1':
+    optional: true
+
+  '@parcel/watcher-linux-x64-musl@2.5.1':
+    optional: true
+
+  '@parcel/watcher-win32-arm64@2.5.1':
+    optional: true
+
+  '@parcel/watcher-win32-ia32@2.5.1':
+    optional: true
+
+  '@parcel/watcher-win32-x64@2.5.1':
+    optional: true
+
+  '@parcel/watcher@2.5.1':
+    dependencies:
+      detect-libc: 1.0.3
+      is-glob: 4.0.3
+      micromatch: 4.0.8
+      node-addon-api: 7.1.1
+    optionalDependencies:
+      '@parcel/watcher-android-arm64': 2.5.1
+      '@parcel/watcher-darwin-arm64': 2.5.1
+      '@parcel/watcher-darwin-x64': 2.5.1
+      '@parcel/watcher-freebsd-x64': 2.5.1
+      '@parcel/watcher-linux-arm-glibc': 2.5.1
+      '@parcel/watcher-linux-arm-musl': 2.5.1
+      '@parcel/watcher-linux-arm64-glibc': 2.5.1
+      '@parcel/watcher-linux-arm64-musl': 2.5.1
+      '@parcel/watcher-linux-x64-glibc': 2.5.1
+      '@parcel/watcher-linux-x64-musl': 2.5.1
+      '@parcel/watcher-win32-arm64': 2.5.1
+      '@parcel/watcher-win32-ia32': 2.5.1
+      '@parcel/watcher-win32-x64': 2.5.1
+    optional: true
+
   '@pkgjs/parseargs@0.11.0':
     optional: true
 
+  '@pkgr/core@0.2.9': {}
+
   '@popperjs/core@2.11.8': {}
 
+  '@rolldown/binding-android-arm64@1.0.0-rc.9':
+    optional: true
+
+  '@rolldown/binding-darwin-arm64@1.0.0-rc.9':
+    optional: true
+
+  '@rolldown/binding-darwin-x64@1.0.0-rc.9':
+    optional: true
+
+  '@rolldown/binding-freebsd-x64@1.0.0-rc.9':
+    optional: true
+
+  '@rolldown/binding-linux-arm-gnueabihf@1.0.0-rc.9':
+    optional: true
+
+  '@rolldown/binding-linux-arm64-gnu@1.0.0-rc.9':
+    optional: true
+
+  '@rolldown/binding-linux-arm64-musl@1.0.0-rc.9':
+    optional: true
+
+  '@rolldown/binding-linux-ppc64-gnu@1.0.0-rc.9':
+    optional: true
+
+  '@rolldown/binding-linux-s390x-gnu@1.0.0-rc.9':
+    optional: true
+
+  '@rolldown/binding-linux-x64-gnu@1.0.0-rc.9':
+    optional: true
+
+  '@rolldown/binding-linux-x64-musl@1.0.0-rc.9':
+    optional: true
+
+  '@rolldown/binding-openharmony-arm64@1.0.0-rc.9':
+    optional: true
+
+  '@rolldown/binding-wasm32-wasi@1.0.0-rc.9':
+    dependencies:
+      '@napi-rs/wasm-runtime': 1.1.1
+    optional: true
+
+  '@rolldown/binding-win32-arm64-msvc@1.0.0-rc.9':
+    optional: true
+
+  '@rolldown/binding-win32-x64-msvc@1.0.0-rc.9':
+    optional: true
+
+  '@rolldown/pluginutils@1.0.0-rc.2': {}
+
+  '@rolldown/pluginutils@1.0.0-rc.9': {}
+
   '@rollup/pluginutils@4.2.1':
     dependencies:
       estree-walker: 2.0.2
       picomatch: 2.3.1
 
-  '@rollup/pluginutils@5.1.0(rollup@4.18.0)':
-    dependencies:
-      '@types/estree': 1.0.5
-      estree-walker: 2.0.2
-      picomatch: 2.3.1
-    optionalDependencies:
-      rollup: 4.18.0
-
-  '@rollup/rollup-android-arm-eabi@4.18.0':
+  '@rollup/rollup-android-arm-eabi@4.44.1':
     optional: true
 
-  '@rollup/rollup-android-arm64@4.18.0':
+  '@rollup/rollup-android-arm64@4.44.1':
     optional: true
 
-  '@rollup/rollup-darwin-arm64@4.18.0':
+  '@rollup/rollup-darwin-arm64@4.44.1':
     optional: true
 
-  '@rollup/rollup-darwin-x64@4.18.0':
+  '@rollup/rollup-darwin-x64@4.44.1':
     optional: true
 
-  '@rollup/rollup-linux-arm-gnueabihf@4.18.0':
+  '@rollup/rollup-freebsd-arm64@4.44.1':
     optional: true
 
-  '@rollup/rollup-linux-arm-musleabihf@4.18.0':
+  '@rollup/rollup-freebsd-x64@4.44.1':
     optional: true
 
-  '@rollup/rollup-linux-arm64-gnu@4.18.0':
+  '@rollup/rollup-linux-arm-gnueabihf@4.44.1':
     optional: true
 
-  '@rollup/rollup-linux-arm64-musl@4.18.0':
+  '@rollup/rollup-linux-arm-musleabihf@4.44.1':
     optional: true
 
-  '@rollup/rollup-linux-powerpc64le-gnu@4.18.0':
+  '@rollup/rollup-linux-arm64-gnu@4.44.1':
     optional: true
 
-  '@rollup/rollup-linux-riscv64-gnu@4.18.0':
+  '@rollup/rollup-linux-arm64-musl@4.44.1':
     optional: true
 
-  '@rollup/rollup-linux-s390x-gnu@4.18.0':
+  '@rollup/rollup-linux-loongarch64-gnu@4.44.1':
     optional: true
 
-  '@rollup/rollup-linux-x64-gnu@4.18.0':
+  '@rollup/rollup-linux-powerpc64le-gnu@4.44.1':
     optional: true
 
-  '@rollup/rollup-linux-x64-musl@4.18.0':
+  '@rollup/rollup-linux-riscv64-gnu@4.44.1':
     optional: true
 
-  '@rollup/rollup-win32-arm64-msvc@4.18.0':
+  '@rollup/rollup-linux-riscv64-musl@4.44.1':
     optional: true
 
-  '@rollup/rollup-win32-ia32-msvc@4.18.0':
+  '@rollup/rollup-linux-s390x-gnu@4.44.1':
     optional: true
 
-  '@rollup/rollup-win32-x64-msvc@4.18.0':
+  '@rollup/rollup-linux-x64-gnu@4.44.1':
     optional: true
 
+  '@rollup/rollup-linux-x64-musl@4.44.1':
+    optional: true
+
+  '@rollup/rollup-win32-arm64-msvc@4.44.1':
+    optional: true
+
+  '@rollup/rollup-win32-ia32-msvc@4.44.1':
+    optional: true
+
+  '@rollup/rollup-win32-x64-msvc@4.44.1':
+    optional: true
+
+  '@rtsao/scc@1.1.0': {}
+
   '@scena/dragscroll@1.4.0':
     dependencies:
       '@daybrush/utils': 1.13.0
@@ -7587,706 +8440,883 @@ snapshots:
       '@daybrush/utils': 1.13.0
       framework-utils: 1.1.0
 
-  '@shikijs/core@1.6.2': {}
+  '@sec-ant/readable-stream@0.4.1': {}
 
-  '@shikijs/transformers@1.6.2':
+  '@shikijs/core@2.5.0':
     dependencies:
-      shiki: 1.6.2
+      '@shikijs/engine-javascript': 2.5.0
+      '@shikijs/engine-oniguruma': 2.5.0
+      '@shikijs/types': 2.5.0
+      '@shikijs/vscode-textmate': 10.0.2
+      '@types/hast': 3.0.4
+      hast-util-to-html: 9.0.5
 
-  '@sinclair/typebox@0.27.8': {}
+  '@shikijs/engine-javascript@2.5.0':
+    dependencies:
+      '@shikijs/types': 2.5.0
+      '@shikijs/vscode-textmate': 10.0.2
+      oniguruma-to-es: 3.1.1
+
+  '@shikijs/engine-oniguruma@2.5.0':
+    dependencies:
+      '@shikijs/types': 2.5.0
+      '@shikijs/vscode-textmate': 10.0.2
+
+  '@shikijs/langs@2.5.0':
+    dependencies:
+      '@shikijs/types': 2.5.0
+
+  '@shikijs/themes@2.5.0':
+    dependencies:
+      '@shikijs/types': 2.5.0
+
+  '@shikijs/transformers@2.5.0':
+    dependencies:
+      '@shikijs/core': 2.5.0
+      '@shikijs/types': 2.5.0
+
+  '@shikijs/types@2.5.0':
+    dependencies:
+      '@shikijs/vscode-textmate': 10.0.2
+      '@types/hast': 3.0.4
+
+  '@shikijs/vscode-textmate@10.0.2': {}
+
+  '@sindresorhus/merge-streams@4.0.0': {}
+
+  '@standard-schema/spec@1.1.0': {}
+
+  '@stylistic/eslint-plugin@5.10.0(eslint@10.0.3(jiti@2.6.1))':
+    dependencies:
+      '@eslint-community/eslint-utils': 4.9.1(eslint@10.0.3(jiti@2.6.1))
+      '@typescript-eslint/types': 8.57.1
+      eslint: 10.0.3(jiti@2.6.1)
+      eslint-visitor-keys: 4.2.1
+      espree: 10.4.0
+      estraverse: 5.3.0
+      picomatch: 4.0.3
 
   '@sxzz/popperjs-es@2.11.7': {}
 
-  '@testing-library/dom@8.20.1':
-    dependencies:
-      '@babel/code-frame': 7.24.6
-      '@babel/runtime': 7.24.6
-      '@types/aria-query': 5.0.4
-      aria-query: 5.1.3
-      chalk: 4.1.2
-      dom-accessibility-api: 0.5.16
-      lz-string: 1.5.0
-      pretty-format: 27.5.1
-
-  '@testing-library/vue@6.6.1(@vue/compiler-sfc@3.4.27)(vue@3.4.27(typescript@5.4.5))':
-    dependencies:
-      '@babel/runtime': 7.24.6
-      '@testing-library/dom': 8.20.1
-      '@vue/compiler-sfc': 3.4.27
-      '@vue/test-utils': 2.4.6
-      vue: 3.4.27(typescript@5.4.5)
-
-  '@tmagic/cli@1.4.5':
+  '@tmagic/cli@1.7.8(typescript@5.9.3)':
     dependencies:
       cac: 6.7.14
       chokidar: 3.6.0
-      esbuild: 0.21.4
-      fs-extra: 11.2.0
-      picocolors: 1.0.1
-      recast: 0.23.9
-      tslib: 2.6.3
-
-  '@tmagic/cli@1.4.6(typescript@5.4.5)':
-    dependencies:
-      cac: 6.7.14
-      chokidar: 3.6.0
-      esbuild: 0.21.4
-      fs-extra: 11.2.0
-      picocolors: 1.0.1
-      recast: 0.23.9
-      tslib: 2.6.3
+      esbuild: 0.21.5
+      fs-extra: 11.3.2
+      merge-options: 3.0.4
+      picocolors: 1.1.1
+      recast: 0.23.11
+      tslib: 2.8.1
     optionalDependencies:
-      typescript: 5.4.5
+      typescript: 5.9.3
 
-  '@tmagic/core@1.4.7(@tmagic/data-source@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5)':
+  '@tmagic/core@1.7.0(typescript@5.9.3)':
     dependencies:
-      '@tmagic/data-source': 1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5)
-      '@tmagic/schema': 1.4.7(typescript@5.4.5)
-      '@tmagic/utils': 1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5)
+      '@tmagic/data-source': 1.7.0(@tmagic/core@1.7.0(typescript@5.9.3))(typescript@5.9.3)
+      '@tmagic/dep': 1.7.0(@tmagic/schema@1.7.0(typescript@5.9.3))(@tmagic/utils@1.7.0(@tmagic/schema@1.7.0(typescript@5.9.3))(typescript@5.9.3))(typescript@5.9.3)
+      '@tmagic/schema': 1.7.0(typescript@5.9.3)
+      '@tmagic/utils': 1.7.0(@tmagic/schema@1.7.0(typescript@5.9.3))(typescript@5.9.3)
       events: 3.3.0
       lodash-es: 4.17.21
     optionalDependencies:
-      typescript: 5.4.5
+      typescript: 5.9.3
 
-  '@tmagic/data-source@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5)':
+  '@tmagic/core@1.7.2(typescript@5.9.3)':
     dependencies:
-      '@tmagic/dep': 1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5)
-      '@tmagic/schema': 1.4.7(typescript@5.4.5)
-      '@tmagic/utils': 1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5)
-      deep-state-observer: 5.5.13
+      '@tmagic/data-source': 1.7.2(@tmagic/core@1.7.2(typescript@5.9.3))(typescript@5.9.3)
+      '@tmagic/dep': 1.7.2(@tmagic/schema@1.7.2(typescript@5.9.3))(@tmagic/utils@1.7.2(@tmagic/schema@1.7.2(typescript@5.9.3))(typescript@5.9.3))(typescript@5.9.3)
+      '@tmagic/schema': 1.7.2(typescript@5.9.3)
+      '@tmagic/utils': 1.7.2(@tmagic/schema@1.7.2(typescript@5.9.3))(typescript@5.9.3)
       events: 3.3.0
       lodash-es: 4.17.21
     optionalDependencies:
-      typescript: 5.4.5
+      typescript: 5.9.3
 
-  '@tmagic/dep@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5)':
+  '@tmagic/core@1.7.8(typescript@5.9.3)':
     dependencies:
-      '@tmagic/schema': 1.4.7(typescript@5.4.5)
-      '@tmagic/utils': 1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5)
+      '@tmagic/data-source': 1.7.8(@tmagic/core@1.7.8(typescript@5.9.3))(typescript@5.9.3)
+      '@tmagic/dep': 1.7.8(@tmagic/schema@1.7.8(typescript@5.9.3))(@tmagic/utils@1.7.8(@tmagic/schema@1.7.8(typescript@5.9.3))(typescript@5.9.3))(typescript@5.9.3)
+      '@tmagic/schema': 1.7.8(typescript@5.9.3)
+      '@tmagic/utils': 1.7.8(@tmagic/schema@1.7.8(typescript@5.9.3))(typescript@5.9.3)
+      events: 3.3.0
+      lodash-es: 4.17.21
     optionalDependencies:
-      typescript: 5.4.5
+      typescript: 5.9.3
 
-  '@tmagic/design@1.4.7(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5))':
+  '@tmagic/data-source@1.7.0(@tmagic/core@1.7.0(typescript@5.9.3))(typescript@5.9.3)':
     dependencies:
-      vue: 3.4.27(typescript@5.4.5)
+      '@tmagic/core': 1.7.0(typescript@5.9.3)
+      deep-state-observer: 5.5.14
+      events: 3.3.0
+      lodash-es: 4.17.21
     optionalDependencies:
-      typescript: 5.4.5
+      typescript: 5.9.3
 
-  ? '@tmagic/editor@1.4.7(@tmagic/core@1.4.7(@tmagic/data-source@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/design@1.4.7(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5)))(@tmagic/form@1.4.7(@tmagic/design@1.4.7(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5)))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5)))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/stage@1.4.7(@tmagic/core@1.4.7(@tmagic/data-source@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(scenejs@1.10.3)(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(monaco-editor@0.48.0)(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5))'
-  : dependencies:
-      '@element-plus/icons-vue': 2.3.1(vue@3.4.27(typescript@5.4.5))
-      '@tmagic/core': 1.4.7(@tmagic/data-source@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5)
-      '@tmagic/dep': 1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5)
-      '@tmagic/design': 1.4.7(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5))
-      '@tmagic/form': 1.4.7(@tmagic/design@1.4.7(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5)))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5))
-      '@tmagic/schema': 1.4.7(typescript@5.4.5)
-      '@tmagic/stage': 1.4.7(@tmagic/core@1.4.7(@tmagic/data-source@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(scenejs@1.10.3)(typescript@5.4.5)
-      '@tmagic/table': 1.4.7(@tmagic/design@1.4.7(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5)))(@tmagic/form@1.4.7(@tmagic/design@1.4.7(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5)))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5)))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5))
-      '@tmagic/utils': 1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5)
+  '@tmagic/data-source@1.7.2(@tmagic/core@1.7.2(typescript@5.9.3))(typescript@5.9.3)':
+    dependencies:
+      '@tmagic/core': 1.7.2(typescript@5.9.3)
+      deep-state-observer: 5.5.14
+      events: 3.3.0
+      lodash-es: 4.17.21
+    optionalDependencies:
+      typescript: 5.9.3
+
+  '@tmagic/data-source@1.7.8(@tmagic/core@1.7.8(typescript@5.9.3))(typescript@5.9.3)':
+    dependencies:
+      '@tmagic/core': 1.7.8(typescript@5.9.3)
+      deep-state-observer: 5.5.14
+      events: 3.3.0
+      lodash-es: 4.17.21
+    optionalDependencies:
+      typescript: 5.9.3
+
+  '@tmagic/dep@1.7.0(@tmagic/schema@1.7.0(typescript@5.9.3))(@tmagic/utils@1.7.0(@tmagic/schema@1.7.0(typescript@5.9.3))(typescript@5.9.3))(typescript@5.9.3)':
+    dependencies:
+      '@tmagic/schema': 1.7.0(typescript@5.9.3)
+      '@tmagic/utils': 1.7.0(@tmagic/schema@1.7.0(typescript@5.9.3))(typescript@5.9.3)
+    optionalDependencies:
+      typescript: 5.9.3
+
+  '@tmagic/dep@1.7.2(@tmagic/schema@1.7.2(typescript@5.9.3))(@tmagic/utils@1.7.2(@tmagic/schema@1.7.2(typescript@5.9.3))(typescript@5.9.3))(typescript@5.9.3)':
+    dependencies:
+      '@tmagic/schema': 1.7.2(typescript@5.9.3)
+      '@tmagic/utils': 1.7.2(@tmagic/schema@1.7.2(typescript@5.9.3))(typescript@5.9.3)
+    optionalDependencies:
+      typescript: 5.9.3
+
+  '@tmagic/dep@1.7.8(@tmagic/schema@1.7.8(typescript@5.9.3))(@tmagic/utils@1.7.8(@tmagic/schema@1.7.8(typescript@5.9.3))(typescript@5.9.3))(typescript@5.9.3)':
+    dependencies:
+      '@tmagic/schema': 1.7.8(typescript@5.9.3)
+      '@tmagic/utils': 1.7.8(@tmagic/schema@1.7.8(typescript@5.9.3))(typescript@5.9.3)
+    optionalDependencies:
+      typescript: 5.9.3
+
+  '@tmagic/design@1.7.2(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3))':
+    dependencies:
+      '@popperjs/core': 2.11.8
+      vue: 3.5.24(typescript@5.9.3)
+    optionalDependencies:
+      typescript: 5.9.3
+
+  '@tmagic/design@1.7.8(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3))':
+    dependencies:
+      '@popperjs/core': 2.11.8
+      vue: 3.5.24(typescript@5.9.3)
+    optionalDependencies:
+      typescript: 5.9.3
+
+  '@tmagic/editor@1.7.2(@tmagic/core@1.7.2(typescript@5.9.3))(@tmagic/form-schema@1.7.2(typescript@5.9.3))(@tmagic/schema@1.7.2(typescript@5.9.3))(monaco-editor@0.55.1)(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3))':
+    dependencies:
+      '@element-plus/icons-vue': 2.3.2(vue@3.5.24(typescript@5.9.3))
+      '@tmagic/core': 1.7.2(typescript@5.9.3)
+      '@tmagic/design': 1.7.2(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3))
+      '@tmagic/form': 1.7.2(@tmagic/design@1.7.2(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3)))(@tmagic/form-schema@1.7.2(typescript@5.9.3))(@tmagic/utils@1.7.2(@tmagic/schema@1.7.2(typescript@5.9.3))(typescript@5.9.3))(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3))
+      '@tmagic/stage': 1.7.2(@tmagic/core@1.7.2(typescript@5.9.3))(typescript@5.9.3)
+      '@tmagic/table': 1.7.2(@tmagic/design@1.7.2(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3)))(@tmagic/form@1.7.2(@tmagic/design@1.7.2(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3)))(@tmagic/form-schema@1.7.2(typescript@5.9.3))(@tmagic/utils@1.7.2(@tmagic/schema@1.7.2(typescript@5.9.3))(typescript@5.9.3))(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3)))(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3))
+      '@tmagic/utils': 1.7.2(@tmagic/schema@1.7.2(typescript@5.9.3))(typescript@5.9.3)
       buffer: 6.0.3
-      color: 3.2.1
-      emmet-monaco-es: 5.3.2(monaco-editor@0.48.0)
+      deep-object-diff: 1.1.9
+      emmet-monaco-es: 5.7.0(monaco-editor@0.55.1)
       events: 3.3.0
       gesto: 1.19.4
       keycon: 1.4.0
       lodash-es: 4.17.21
-      monaco-editor: 0.48.0
+      monaco-editor: 0.55.1
       moveable: 0.53.0
-      serialize-javascript: 6.0.2
-      vue: 3.4.27(typescript@5.4.5)
+      serialize-javascript: 7.0.0
+      sortablejs: 1.15.6
+      vue: 3.5.24(typescript@5.9.3)
     optionalDependencies:
-      typescript: 5.4.5
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - '@tmagic/form-schema'
+      - '@tmagic/schema'
 
-  '@tmagic/element-plus-adapter@1.4.7(@tmagic/design@1.4.7(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5)))(element-plus@2.7.4(@vue/composition-api@1.7.2(vue@3.4.27(typescript@5.4.5)))(vue@3.4.27(typescript@5.4.5)))(typescript@5.4.5)':
+  '@tmagic/editor@1.7.8(@tmagic/core@1.7.8(typescript@5.9.3))(@tmagic/form-schema@1.7.8(typescript@5.9.3))(@tmagic/schema@1.7.8(typescript@5.9.3))(monaco-editor@0.55.1)(type-fest@5.2.0)(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3))':
     dependencies:
-      '@tmagic/design': 1.4.7(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5))
-      element-plus: 2.7.4(@vue/composition-api@1.7.2(vue@3.4.27(typescript@5.4.5)))(vue@3.4.27(typescript@5.4.5))
-    optionalDependencies:
-      typescript: 5.4.5
-
-  '@tmagic/form@1.4.7(@tmagic/design@1.4.7(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5)))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5))':
-    dependencies:
-      '@element-plus/icons-vue': 2.3.1(vue@3.4.27(typescript@5.4.5))
-      '@tmagic/design': 1.4.7(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5))
-      '@tmagic/utils': 1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5)
+      '@element-plus/icons-vue': 2.3.2(vue@3.5.24(typescript@5.9.3))
+      '@tmagic/core': 1.7.8(typescript@5.9.3)
+      '@tmagic/design': 1.7.8(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3))
+      '@tmagic/form': 1.7.8(@tmagic/design@1.7.8(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3)))(@tmagic/form-schema@1.7.8(typescript@5.9.3))(@tmagic/utils@1.7.8(@tmagic/schema@1.7.8(typescript@5.9.3))(typescript@5.9.3))(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3))
+      '@tmagic/stage': 1.7.8(@tmagic/core@1.7.8(typescript@5.9.3))(typescript@5.9.3)
+      '@tmagic/table': 1.7.8(@tmagic/design@1.7.8(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3)))(@tmagic/form@1.7.8(@tmagic/design@1.7.8(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3)))(@tmagic/form-schema@1.7.8(typescript@5.9.3))(@tmagic/utils@1.7.8(@tmagic/schema@1.7.8(typescript@5.9.3))(typescript@5.9.3))(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3)))(@tmagic/utils@1.7.8(@tmagic/schema@1.7.8(typescript@5.9.3))(typescript@5.9.3))(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3))
+      '@tmagic/utils': 1.7.8(@tmagic/schema@1.7.8(typescript@5.9.3))(typescript@5.9.3)
+      buffer: 6.0.3
+      deep-object-diff: 1.1.9
+      emmet-monaco-es: 5.7.0(monaco-editor@0.55.1)
+      events: 3.3.0
+      gesto: 1.19.4
+      keycon: 1.4.0
       lodash-es: 4.17.21
-      sortablejs: 1.15.2
-      vue: 3.4.27(typescript@5.4.5)
+      monaco-editor: 0.55.1
+      moveable: 0.53.0
+      serialize-javascript: 7.0.0
+      sortablejs: 1.15.6
+      vue: 3.5.24(typescript@5.9.3)
     optionalDependencies:
-      typescript: 5.4.5
+      type-fest: 5.2.0
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - '@tmagic/form-schema'
+      - '@tmagic/schema'
 
-  '@tmagic/schema@1.4.7(typescript@5.4.5)':
+  '@tmagic/element-plus-adapter@1.7.8(@tmagic/design@1.7.8(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3)))(element-plus@2.11.8(@vue/composition-api@1.7.2(vue@3.5.24(typescript@5.9.3)))(vue@3.5.24(typescript@5.9.3)))(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3))':
+    dependencies:
+      '@tmagic/design': 1.7.8(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3))
+      element-plus: 2.11.8(@vue/composition-api@1.7.2(vue@3.5.24(typescript@5.9.3)))(vue@3.5.24(typescript@5.9.3))
+      vue: 3.5.24(typescript@5.9.3)
     optionalDependencies:
-      typescript: 5.4.5
+      typescript: 5.9.3
 
-  '@tmagic/stage@1.4.7(@tmagic/core@1.4.7(@tmagic/data-source@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(scenejs@1.10.3)(typescript@5.4.5)':
+  '@tmagic/form-schema@1.7.2(typescript@5.9.3)':
+    dependencies:
+      '@tmagic/schema': 1.7.2(typescript@5.9.3)
+    optionalDependencies:
+      typescript: 5.9.3
+
+  '@tmagic/form-schema@1.7.8(typescript@5.9.3)':
+    dependencies:
+      '@tmagic/schema': 1.7.8(typescript@5.9.3)
+    optionalDependencies:
+      typescript: 5.9.3
+
+  '@tmagic/form@1.7.2(@tmagic/design@1.7.2(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3)))(@tmagic/form-schema@1.7.2(typescript@5.9.3))(@tmagic/utils@1.7.2(@tmagic/schema@1.7.2(typescript@5.9.3))(typescript@5.9.3))(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3))':
+    dependencies:
+      '@element-plus/icons-vue': 2.3.2(vue@3.5.24(typescript@5.9.3))
+      '@popperjs/core': 2.11.8
+      '@tmagic/design': 1.7.2(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3))
+      '@tmagic/form-schema': 1.7.2(typescript@5.9.3)
+      '@tmagic/utils': 1.7.2(@tmagic/schema@1.7.2(typescript@5.9.3))(typescript@5.9.3)
+      dayjs: 1.11.19
+      lodash-es: 4.17.21
+      sortablejs: 1.15.6
+      vue: 3.5.24(typescript@5.9.3)
+    optionalDependencies:
+      typescript: 5.9.3
+
+  '@tmagic/form@1.7.8(@tmagic/design@1.7.8(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3)))(@tmagic/form-schema@1.7.8(typescript@5.9.3))(@tmagic/utils@1.7.8(@tmagic/schema@1.7.8(typescript@5.9.3))(typescript@5.9.3))(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3))':
+    dependencies:
+      '@element-plus/icons-vue': 2.3.2(vue@3.5.24(typescript@5.9.3))
+      '@popperjs/core': 2.11.8
+      '@tmagic/design': 1.7.8(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3))
+      '@tmagic/form-schema': 1.7.8(typescript@5.9.3)
+      '@tmagic/utils': 1.7.8(@tmagic/schema@1.7.8(typescript@5.9.3))(typescript@5.9.3)
+      dayjs: 1.11.19
+      lodash-es: 4.17.21
+      sortablejs: 1.15.6
+      vue: 3.5.24(typescript@5.9.3)
+    optionalDependencies:
+      typescript: 5.9.3
+
+  '@tmagic/react-runtime-help@0.2.2(@tmagic/core@1.7.8(typescript@5.9.3))(@tmagic/stage@1.7.8(@tmagic/core@1.7.8(typescript@5.9.3))(typescript@5.9.3))(lodash-es@4.17.21)(react@18.3.1)(typescript@5.9.3)':
+    dependencies:
+      lodash-es: 4.17.21
+      react: 18.3.1
+    optionalDependencies:
+      '@tmagic/core': 1.7.8(typescript@5.9.3)
+      '@tmagic/stage': 1.7.8(@tmagic/core@1.7.8(typescript@5.9.3))(typescript@5.9.3)
+      typescript: 5.9.3
+
+  '@tmagic/schema@1.7.0(typescript@5.9.3)':
+    optionalDependencies:
+      typescript: 5.9.3
+
+  '@tmagic/schema@1.7.2(typescript@5.9.3)':
+    optionalDependencies:
+      typescript: 5.9.3
+
+  '@tmagic/schema@1.7.8(typescript@5.9.3)':
+    optionalDependencies:
+      typescript: 5.9.3
+
+  '@tmagic/stage@1.7.0(@tmagic/core@1.7.0(typescript@5.9.3))(typescript@5.9.3)':
     dependencies:
       '@scena/guides': 0.29.2
-      '@tmagic/core': 1.4.7(@tmagic/data-source@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5)
-      '@tmagic/schema': 1.4.7(typescript@5.4.5)
-      '@tmagic/utils': 1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5)
+      '@tmagic/core': 1.7.0(typescript@5.9.3)
       events: 3.3.0
       keycon: 1.4.0
       lodash-es: 4.17.21
       moveable: 0.53.0
       moveable-helper: 0.4.0(scenejs@1.10.3)
+      scenejs: 1.10.3
     optionalDependencies:
-      typescript: 5.4.5
-    transitivePeerDependencies:
-      - scenejs
+      typescript: 5.9.3
 
-  '@tmagic/table@1.4.7(@tmagic/design@1.4.7(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5)))(@tmagic/form@1.4.7(@tmagic/design@1.4.7(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5)))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5)))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5))':
+  '@tmagic/stage@1.7.2(@tmagic/core@1.7.2(typescript@5.9.3))(typescript@5.9.3)':
     dependencies:
-      '@tmagic/design': 1.4.7(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5))
-      '@tmagic/form': 1.4.7(@tmagic/design@1.4.7(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5)))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5))
-      '@tmagic/utils': 1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5)
+      '@scena/guides': 0.29.2
+      '@tmagic/core': 1.7.2(typescript@5.9.3)
+      events: 3.3.0
+      keycon: 1.4.0
       lodash-es: 4.17.21
-      vue: 3.4.27(typescript@5.4.5)
+      moveable: 0.53.0
+      moveable-helper: 0.4.0(scenejs@1.10.3)
+      scenejs: 1.10.3
     optionalDependencies:
-      typescript: 5.4.5
+      typescript: 5.9.3
 
-  ? '@tmagic/tmagic-form-runtime@1.0.2(@tmagic/data-source@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/editor@1.4.7(@tmagic/core@1.4.7(@tmagic/data-source@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/design@1.4.7(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5)))(@tmagic/form@1.4.7(@tmagic/design@1.4.7(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5)))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5)))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/stage@1.4.7(@tmagic/core@1.4.7(@tmagic/data-source@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(scenejs@1.10.3)(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(monaco-editor@0.48.0)(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5)))(@tmagic/form@1.4.7(@tmagic/design@1.4.7(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5)))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5)))(@tmagic/schema@1.4.7(typescript@5.4.5))(element-plus@2.7.4(@vue/composition-api@1.7.2(vue@3.4.27(typescript@5.4.5)))(vue@3.4.27(typescript@5.4.5)))(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5))'
-  : dependencies:
-      '@tmagic/core': 1.4.7(@tmagic/data-source@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5)
-      '@tmagic/editor': 1.4.7(@tmagic/core@1.4.7(@tmagic/data-source@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/design@1.4.7(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5)))(@tmagic/form@1.4.7(@tmagic/design@1.4.7(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5)))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5)))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/stage@1.4.7(@tmagic/core@1.4.7(@tmagic/data-source@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(scenejs@1.10.3)(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(monaco-editor@0.48.0)(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5))
-      '@tmagic/form': 1.4.7(@tmagic/design@1.4.7(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5)))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5))
-      '@tmagic/schema': 1.4.7(typescript@5.4.5)
-      '@tmagic/utils': 1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5)
-      element-plus: 2.7.4(@vue/composition-api@1.7.2(vue@3.4.27(typescript@5.4.5)))(vue@3.4.27(typescript@5.4.5))
-      vue: 3.4.27(typescript@5.4.5)
-    transitivePeerDependencies:
-      - '@tmagic/data-source'
-      - typescript
-
-  '@tmagic/ui-react@1.4.7(@tmagic/core@1.4.7(@tmagic/data-source@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(typescript@5.4.5)':
+  '@tmagic/stage@1.7.8(@tmagic/core@1.7.8(typescript@5.9.3))(typescript@5.9.3)':
     dependencies:
-      '@tmagic/core': 1.4.7(@tmagic/data-source@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5)
-      '@tmagic/schema': 1.4.7(typescript@5.4.5)
-      '@tmagic/utils': 1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5)
-      qrcode: 1.5.3
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      '@scena/guides': 0.29.2
+      '@tmagic/core': 1.7.8(typescript@5.9.3)
+      events: 3.3.0
+      keycon: 1.4.0
+      lodash-es: 4.17.21
+      moveable: 0.53.0
+      moveable-helper: 0.4.0(scenejs@1.10.3)
+      scenejs: 1.10.3
     optionalDependencies:
-      typescript: 5.4.5
+      typescript: 5.9.3
 
-  '@tmagic/ui-vue2@1.4.7(@tmagic/core@1.4.7(@tmagic/data-source@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5)(vue@2.7.16)':
+  '@tmagic/table@1.7.2(@tmagic/design@1.7.2(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3)))(@tmagic/form@1.7.2(@tmagic/design@1.7.2(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3)))(@tmagic/form-schema@1.7.2(typescript@5.9.3))(@tmagic/utils@1.7.2(@tmagic/schema@1.7.2(typescript@5.9.3))(typescript@5.9.3))(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3)))(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3))':
     dependencies:
-      '@tmagic/core': 1.4.7(@tmagic/data-source@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5)
-      '@tmagic/schema': 1.4.7(typescript@5.4.5)
-      '@tmagic/utils': 1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5)
-      qrcode: 1.5.3
-      vue: 2.7.16
+      '@tmagic/design': 1.7.2(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3))
+      '@tmagic/form': 1.7.2(@tmagic/design@1.7.2(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3)))(@tmagic/form-schema@1.7.2(typescript@5.9.3))(@tmagic/utils@1.7.2(@tmagic/schema@1.7.2(typescript@5.9.3))(typescript@5.9.3))(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3))
+      lodash-es: 4.17.21
+      vue: 3.5.24(typescript@5.9.3)
     optionalDependencies:
-      typescript: 5.4.5
+      typescript: 5.9.3
 
-  '@tmagic/ui@1.4.7(@tmagic/core@1.4.7(@tmagic/data-source@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5))':
+  '@tmagic/table@1.7.8(@tmagic/design@1.7.8(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3)))(@tmagic/form@1.7.8(@tmagic/design@1.7.8(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3)))(@tmagic/form-schema@1.7.8(typescript@5.9.3))(@tmagic/utils@1.7.8(@tmagic/schema@1.7.8(typescript@5.9.3))(typescript@5.9.3))(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3)))(@tmagic/utils@1.7.8(@tmagic/schema@1.7.8(typescript@5.9.3))(typescript@5.9.3))(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3))':
     dependencies:
-      '@tmagic/core': 1.4.7(@tmagic/data-source@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5)
-      '@tmagic/schema': 1.4.7(typescript@5.4.5)
-      '@tmagic/utils': 1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5)
-      delegate: 3.2.0
-      qrcode: 1.5.3
-      tiny-emitter: 2.1.0
-      vue: 3.4.27(typescript@5.4.5)
+      '@tmagic/design': 1.7.8(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3))
+      '@tmagic/form': 1.7.8(@tmagic/design@1.7.8(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3)))(@tmagic/form-schema@1.7.8(typescript@5.9.3))(@tmagic/utils@1.7.8(@tmagic/schema@1.7.8(typescript@5.9.3))(typescript@5.9.3))(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3))
+      '@tmagic/utils': 1.7.8(@tmagic/schema@1.7.8(typescript@5.9.3))(typescript@5.9.3)
+      lodash-es: 4.17.21
+      vue: 3.5.24(typescript@5.9.3)
     optionalDependencies:
-      typescript: 5.4.5
+      typescript: 5.9.3
 
-  '@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5)':
+  '@tmagic/tdesign-vue-next-adapter@1.7.8(@tmagic/design@1.7.8(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3)))(tdesign-vue-next@1.17.3(vue@3.5.24(typescript@5.9.3)))(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3))':
     dependencies:
-      '@tmagic/schema': 1.4.7(typescript@5.4.5)
-      dayjs: 1.11.11
+      '@tmagic/design': 1.7.8(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3))
+      tdesign-vue-next: 1.17.3(vue@3.5.24(typescript@5.9.3))
+      vue: 3.5.24(typescript@5.9.3)
+    optionalDependencies:
+      typescript: 5.9.3
+
+  '@tmagic/tmagic-form-runtime@1.1.3(@tmagic/core@1.7.8(typescript@5.9.3))(@tmagic/editor@1.7.8(@tmagic/core@1.7.8(typescript@5.9.3))(@tmagic/form-schema@1.7.8(typescript@5.9.3))(@tmagic/schema@1.7.8(typescript@5.9.3))(monaco-editor@0.55.1)(type-fest@5.2.0)(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3)))(element-plus@2.11.8(@vue/composition-api@1.7.2(vue@3.5.24(typescript@5.9.3)))(vue@3.5.24(typescript@5.9.3)))(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3))':
+    dependencies:
+      '@tmagic/editor': 1.7.8(@tmagic/core@1.7.8(typescript@5.9.3))(@tmagic/form-schema@1.7.8(typescript@5.9.3))(@tmagic/schema@1.7.8(typescript@5.9.3))(monaco-editor@0.55.1)(type-fest@5.2.0)(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3))
+      element-plus: 2.11.8(@vue/composition-api@1.7.2(vue@3.5.24(typescript@5.9.3)))(vue@3.5.24(typescript@5.9.3))
+      vue: 3.5.24(typescript@5.9.3)
+    optionalDependencies:
+      '@tmagic/core': 1.7.8(typescript@5.9.3)
+      typescript: 5.9.3
+
+  '@tmagic/utils@1.7.0(@tmagic/schema@1.7.0(typescript@5.9.3))(typescript@5.9.3)':
+    dependencies:
+      '@tmagic/schema': 1.7.0(typescript@5.9.3)
       lodash-es: 4.17.21
     optionalDependencies:
-      typescript: 5.4.5
+      typescript: 5.9.3
 
-  ? '@tmagic/vue-runtime-help@0.0.3(@tmagic/core@1.4.7(@tmagic/data-source@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/data-source@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/stage@1.4.7(@tmagic/core@1.4.7(@tmagic/data-source@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(scenejs@1.10.3)(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(@vue/composition-api@1.7.2(vue@2.7.16))(typescript@5.4.5)(vue@2.7.16)'
-  : dependencies:
-      '@tmagic/core': 1.4.7(@tmagic/data-source@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5)
-      '@tmagic/data-source': 1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5)
-      '@tmagic/utils': 1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5)
-      vue: 2.7.16
-      vue-demi: 0.14.8(@vue/composition-api@1.7.2(vue@2.7.16))(vue@2.7.16)
-    optionalDependencies:
-      '@tmagic/schema': 1.4.7(typescript@5.4.5)
-      '@tmagic/stage': 1.4.7(@tmagic/core@1.4.7(@tmagic/data-source@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(scenejs@1.10.3)(typescript@5.4.5)
-      '@vue/composition-api': 1.7.2(vue@2.7.16)
-      typescript: 5.4.5
-
-  ? '@tmagic/vue-runtime-help@0.0.3(@tmagic/core@1.4.7(@tmagic/data-source@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/data-source@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/stage@1.4.7(@tmagic/core@1.4.7(@tmagic/data-source@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(scenejs@1.10.3)(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(@vue/composition-api@1.7.2(vue@3.4.27(typescript@5.4.5)))(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5))'
-  : dependencies:
-      '@tmagic/core': 1.4.7(@tmagic/data-source@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5)
-      '@tmagic/data-source': 1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5)
-      '@tmagic/utils': 1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5)
-      vue: 3.4.27(typescript@5.4.5)
-      vue-demi: 0.14.8(@vue/composition-api@1.7.2(vue@3.4.27(typescript@5.4.5)))(vue@3.4.27(typescript@5.4.5))
-    optionalDependencies:
-      '@tmagic/schema': 1.4.7(typescript@5.4.5)
-      '@tmagic/stage': 1.4.7(@tmagic/core@1.4.7(@tmagic/data-source@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(typescript@5.4.5))(@tmagic/schema@1.4.7(typescript@5.4.5))(@tmagic/utils@1.4.7(@tmagic/schema@1.4.7(typescript@5.4.5))(typescript@5.4.5))(scenejs@1.10.3)(typescript@5.4.5)
-      '@vue/composition-api': 1.7.2(vue@3.4.27(typescript@5.4.5))
-      typescript: 5.4.5
-
-  '@tootallnate/once@2.0.0': {}
-
-  '@types/aria-query@5.0.4': {}
-
-  '@types/conventional-commits-parser@5.0.0':
+  '@tmagic/utils@1.7.2(@tmagic/schema@1.7.2(typescript@5.9.3))(typescript@5.9.3)':
     dependencies:
-      '@types/node': 18.19.34
+      '@tmagic/schema': 1.7.2(typescript@5.9.3)
+      lodash-es: 4.17.21
+    optionalDependencies:
+      typescript: 5.9.3
+
+  '@tmagic/utils@1.7.8(@tmagic/schema@1.7.8(typescript@5.9.3))(typescript@5.9.3)':
+    dependencies:
+      '@tmagic/schema': 1.7.8(typescript@5.9.3)
+      lodash-es: 4.17.21
+    optionalDependencies:
+      typescript: 5.9.3
+
+  '@tmagic/vue-runtime-help@2.0.0(@tmagic/core@1.7.8(typescript@5.9.3))(@tmagic/stage@1.7.8(@tmagic/core@1.7.8(typescript@5.9.3))(typescript@5.9.3))(typescript@5.9.3)(vue@3.5.24(typescript@5.9.3))':
+    dependencies:
+      vue: 3.5.24(typescript@5.9.3)
+    optionalDependencies:
+      '@tmagic/core': 1.7.8(typescript@5.9.3)
+      '@tmagic/stage': 1.7.8(@tmagic/core@1.7.8(typescript@5.9.3))(typescript@5.9.3)
+      typescript: 5.9.3
+
+  '@tybys/wasm-util@0.10.1':
+    dependencies:
+      tslib: 2.8.1
     optional: true
 
-  '@types/estree@1.0.5': {}
+  '@types/chai@5.2.3':
+    dependencies:
+      '@types/deep-eql': 4.0.2
+      assertion-error: 2.0.1
+
+  '@types/conventional-commits-parser@5.0.2':
+    dependencies:
+      '@types/node': 24.0.10
+
+  '@types/deep-eql@4.0.2': {}
+
+  '@types/esrecurse@4.3.1': {}
+
+  '@types/estree@1.0.8': {}
 
   '@types/events@3.0.3': {}
 
   '@types/fs-extra@11.0.4':
     dependencies:
       '@types/jsonfile': 6.1.4
-      '@types/node': 18.19.34
+      '@types/node': 24.0.10
+
+  '@types/hast@3.0.4':
+    dependencies:
+      '@types/unist': 3.0.3
 
   '@types/istanbul-lib-coverage@2.0.6': {}
 
+  '@types/jsesc@2.5.1': {}
+
   '@types/json-schema@7.0.15': {}
 
   '@types/json5@0.0.29': {}
 
   '@types/jsonfile@6.1.4':
     dependencies:
-      '@types/node': 18.19.34
+      '@types/node': 24.0.10
 
   '@types/linkify-it@5.0.0': {}
 
   '@types/lodash-es@4.17.12':
     dependencies:
-      '@types/lodash': 4.17.4
+      '@types/lodash': 4.17.20
 
-  '@types/lodash@4.14.182': {}
+  '@types/lodash@4.17.20': {}
 
-  '@types/lodash@4.17.4': {}
-
-  '@types/markdown-it@14.1.1':
+  '@types/markdown-it@14.1.2':
     dependencies:
       '@types/linkify-it': 5.0.0
       '@types/mdurl': 2.0.0
 
+  '@types/mdast@4.0.4':
+    dependencies:
+      '@types/unist': 3.0.3
+
   '@types/mdurl@2.0.0': {}
 
-  '@types/minimist@1.2.5': {}
-
-  '@types/node@18.19.34':
+  '@types/node@24.0.10':
     dependencies:
-      undici-types: 5.26.5
+      undici-types: 7.8.0
 
   '@types/normalize-package-data@2.4.4': {}
 
-  '@types/parse-json@4.0.2': {}
+  '@types/prop-types@15.7.15': {}
 
-  '@types/prop-types@15.7.12': {}
-
-  '@types/qrcode@1.5.5':
+  '@types/qrcode@1.5.6':
     dependencies:
-      '@types/node': 18.19.34
+      '@types/node': 24.0.10
 
-  '@types/react-dom@18.3.0':
+  '@types/react-dom@18.3.7(@types/react@18.3.27)':
     dependencies:
-      '@types/react': 18.3.3
+      '@types/react': 18.3.27
 
-  '@types/react@18.3.3':
+  '@types/react@18.3.27':
     dependencies:
-      '@types/prop-types': 15.7.12
-      csstype: 3.1.3
+      '@types/prop-types': 15.7.15
+      csstype: 3.2.3
 
-  '@types/semver@7.5.8': {}
+  '@types/semver@7.7.1': {}
 
   '@types/serialize-javascript@5.0.4': {}
 
-  '@types/sortablejs@1.15.8': {}
+  '@types/sortablejs@1.15.9': {}
 
   '@types/tinycolor2@1.4.6': {}
 
-  '@types/validator@13.11.10': {}
+  '@types/trusted-types@2.0.7':
+    optional: true
+
+  '@types/unist@3.0.3': {}
+
+  '@types/validator@13.15.10': {}
 
   '@types/web-bluetooth@0.0.16': {}
 
-  '@types/web-bluetooth@0.0.20': {}
+  '@types/web-bluetooth@0.0.21': {}
 
-  '@typescript-eslint/eslint-plugin@5.62.0(@typescript-eslint/parser@5.62.0(eslint@8.57.0)(typescript@5.4.5))(eslint@8.57.0)(typescript@5.4.5)':
+  '@typescript-eslint/eslint-plugin@8.57.1(@typescript-eslint/parser@8.57.1(eslint@10.0.3(jiti@2.6.1))(typescript@5.9.3))(eslint@10.0.3(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
-      '@eslint-community/regexpp': 4.10.1
-      '@typescript-eslint/parser': 5.62.0(eslint@8.57.0)(typescript@5.4.5)
-      '@typescript-eslint/scope-manager': 5.62.0
-      '@typescript-eslint/type-utils': 5.62.0(eslint@8.57.0)(typescript@5.4.5)
-      '@typescript-eslint/utils': 5.62.0(eslint@8.57.0)(typescript@5.4.5)
-      debug: 4.3.5(supports-color@8.1.1)
-      eslint: 8.57.0
-      graphemer: 1.4.0
-      ignore: 5.3.1
-      natural-compare-lite: 1.4.0
-      semver: 7.6.2
-      tsutils: 3.21.0(typescript@5.4.5)
-    optionalDependencies:
-      typescript: 5.4.5
+      '@eslint-community/regexpp': 4.12.2
+      '@typescript-eslint/parser': 8.57.1(eslint@10.0.3(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/scope-manager': 8.57.1
+      '@typescript-eslint/type-utils': 8.57.1(eslint@10.0.3(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.57.1(eslint@10.0.3(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.57.1
+      eslint: 10.0.3(jiti@2.6.1)
+      ignore: 7.0.5
+      natural-compare: 1.4.0
+      ts-api-utils: 2.4.0(typescript@5.9.3)
+      typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@5.62.0(eslint@8.57.0)(typescript@5.4.5)':
+  '@typescript-eslint/parser@8.57.1(eslint@10.0.3(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/scope-manager': 5.62.0
-      '@typescript-eslint/types': 5.62.0
-      '@typescript-eslint/typescript-estree': 5.62.0(typescript@5.4.5)
-      debug: 4.3.5(supports-color@8.1.1)
-      eslint: 8.57.0
-    optionalDependencies:
-      typescript: 5.4.5
+      '@typescript-eslint/scope-manager': 8.57.1
+      '@typescript-eslint/types': 8.57.1
+      '@typescript-eslint/typescript-estree': 8.57.1(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.57.1
+      debug: 4.4.3
+      eslint: 10.0.3(jiti@2.6.1)
+      typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/scope-manager@5.62.0':
+  '@typescript-eslint/project-service@8.57.1(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/types': 5.62.0
-      '@typescript-eslint/visitor-keys': 5.62.0
-
-  '@typescript-eslint/type-utils@5.62.0(eslint@8.57.0)(typescript@5.4.5)':
-    dependencies:
-      '@typescript-eslint/typescript-estree': 5.62.0(typescript@5.4.5)
-      '@typescript-eslint/utils': 5.62.0(eslint@8.57.0)(typescript@5.4.5)
-      debug: 4.3.5(supports-color@8.1.1)
-      eslint: 8.57.0
-      tsutils: 3.21.0(typescript@5.4.5)
-    optionalDependencies:
-      typescript: 5.4.5
+      '@typescript-eslint/tsconfig-utils': 8.57.1(typescript@5.9.3)
+      '@typescript-eslint/types': 8.57.1
+      debug: 4.4.3
+      typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/types@5.62.0': {}
-
-  '@typescript-eslint/typescript-estree@5.62.0(typescript@5.4.5)':
+  '@typescript-eslint/scope-manager@8.57.1':
     dependencies:
-      '@typescript-eslint/types': 5.62.0
-      '@typescript-eslint/visitor-keys': 5.62.0
-      debug: 4.3.5(supports-color@8.1.1)
-      globby: 11.1.0
-      is-glob: 4.0.3
-      semver: 7.6.2
-      tsutils: 3.21.0(typescript@5.4.5)
-    optionalDependencies:
-      typescript: 5.4.5
+      '@typescript-eslint/types': 8.57.1
+      '@typescript-eslint/visitor-keys': 8.57.1
+
+  '@typescript-eslint/tsconfig-utils@8.57.1(typescript@5.9.3)':
+    dependencies:
+      typescript: 5.9.3
+
+  '@typescript-eslint/type-utils@8.57.1(eslint@10.0.3(jiti@2.6.1))(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/types': 8.57.1
+      '@typescript-eslint/typescript-estree': 8.57.1(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.57.1(eslint@10.0.3(jiti@2.6.1))(typescript@5.9.3)
+      debug: 4.4.3
+      eslint: 10.0.3(jiti@2.6.1)
+      ts-api-utils: 2.4.0(typescript@5.9.3)
+      typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@5.62.0(eslint@8.57.0)(typescript@5.4.5)':
+  '@typescript-eslint/types@8.57.1': {}
+
+  '@typescript-eslint/typescript-estree@8.57.1(typescript@5.9.3)':
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
-      '@types/json-schema': 7.0.15
-      '@types/semver': 7.5.8
-      '@typescript-eslint/scope-manager': 5.62.0
-      '@typescript-eslint/types': 5.62.0
-      '@typescript-eslint/typescript-estree': 5.62.0(typescript@5.4.5)
-      eslint: 8.57.0
-      eslint-scope: 5.1.1
-      semver: 7.6.2
+      '@typescript-eslint/project-service': 8.57.1(typescript@5.9.3)
+      '@typescript-eslint/tsconfig-utils': 8.57.1(typescript@5.9.3)
+      '@typescript-eslint/types': 8.57.1
+      '@typescript-eslint/visitor-keys': 8.57.1
+      debug: 4.4.3
+      minimatch: 10.2.4
+      semver: 7.7.3
+      tinyglobby: 0.2.15
+      ts-api-utils: 2.4.0(typescript@5.9.3)
+      typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
-      - typescript
 
-  '@typescript-eslint/visitor-keys@5.62.0':
+  '@typescript-eslint/utils@8.57.1(eslint@10.0.3(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/types': 5.62.0
-      eslint-visitor-keys: 3.4.3
+      '@eslint-community/eslint-utils': 4.9.1(eslint@10.0.3(jiti@2.6.1))
+      '@typescript-eslint/scope-manager': 8.57.1
+      '@typescript-eslint/types': 8.57.1
+      '@typescript-eslint/typescript-estree': 8.57.1(typescript@5.9.3)
+      eslint: 10.0.3(jiti@2.6.1)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
 
-  '@ungap/structured-clone@1.2.0': {}
-
-  '@vitejs/plugin-legacy@5.4.1(terser@5.31.0)(vite@5.2.12(@types/node@18.19.34)(sass@1.77.4)(terser@5.31.0))':
+  '@typescript-eslint/visitor-keys@8.57.1':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/preset-env': 7.24.6(@babel/core@7.24.6)
-      browserslist: 4.23.0
-      browserslist-to-esbuild: 2.1.1(browserslist@4.23.0)
-      core-js: 3.37.1
-      magic-string: 0.30.10
+      '@typescript-eslint/types': 8.57.1
+      eslint-visitor-keys: 5.0.1
+
+  '@ungap/structured-clone@1.3.0': {}
+
+  '@vitejs/plugin-legacy@8.0.0(terser@5.44.1)(vite@8.0.0(@types/node@24.0.10)(jiti@2.6.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1))':
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/plugin-transform-dynamic-import': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-transform-modules-systemjs': 7.29.0(@babel/core@7.29.0)
+      '@babel/preset-env': 7.29.2(@babel/core@7.29.0)
+      babel-plugin-polyfill-corejs3: 0.14.2(@babel/core@7.29.0)
+      babel-plugin-polyfill-regenerator: 0.6.8(@babel/core@7.29.0)
+      browserslist: 4.28.1
+      browserslist-to-esbuild: 2.1.1(browserslist@4.28.1)
+      core-js: 3.49.0
+      magic-string: 0.30.21
       regenerator-runtime: 0.14.1
       systemjs: 6.15.1
-      terser: 5.31.0
-      vite: 5.2.12(@types/node@18.19.34)(sass@1.77.4)(terser@5.31.0)
+      terser: 5.44.1
+      vite: 8.0.0(@types/node@24.0.10)(jiti@2.6.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1)
     transitivePeerDependencies:
       - supports-color
 
   '@vitejs/plugin-react-refresh@1.3.6':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/plugin-transform-react-jsx-self': 7.24.6(@babel/core@7.24.6)
-      '@babel/plugin-transform-react-jsx-source': 7.24.6(@babel/core@7.24.6)
+      '@babel/core': 7.28.5
+      '@babel/plugin-transform-react-jsx-self': 7.27.1(@babel/core@7.28.5)
+      '@babel/plugin-transform-react-jsx-source': 7.27.1(@babel/core@7.28.5)
       '@rollup/pluginutils': 4.2.1
       react-refresh: 0.10.0
     transitivePeerDependencies:
       - supports-color
 
-  '@vitejs/plugin-vue-jsx@3.1.0(vite@5.2.12(@types/node@18.19.34)(sass@1.77.4)(terser@5.31.0))(vue@3.4.27(typescript@5.4.5))':
+  '@vitejs/plugin-vue-jsx@5.1.5(vite@8.0.0(@types/node@24.0.10)(jiti@2.6.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1))(vue@3.5.24(typescript@5.9.3))':
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/plugin-transform-typescript': 7.24.6(@babel/core@7.24.6)
-      '@vue/babel-plugin-jsx': 1.2.2(@babel/core@7.24.6)
-      vite: 5.2.12(@types/node@18.19.34)(sass@1.77.4)(terser@5.31.0)
-      vue: 3.4.27(typescript@5.4.5)
+      '@babel/core': 7.29.0
+      '@babel/plugin-syntax-typescript': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-typescript': 7.28.6(@babel/core@7.29.0)
+      '@rolldown/pluginutils': 1.0.0-rc.9
+      '@vue/babel-plugin-jsx': 2.0.1(@babel/core@7.29.0)
+      vite: 8.0.0(@types/node@24.0.10)(jiti@2.6.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1)
+      vue: 3.5.24(typescript@5.9.3)
     transitivePeerDependencies:
       - supports-color
 
-  '@vitejs/plugin-vue2@2.3.1(vite@5.2.12(@types/node@18.19.34)(sass@1.77.4)(terser@5.31.0))(vue@2.7.16)':
+  '@vitejs/plugin-vue@5.2.4(vite@5.4.21(@types/node@24.0.10)(lightningcss@1.32.0)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.44.1))(vue@3.5.24(typescript@5.9.3))':
     dependencies:
-      vite: 5.2.12(@types/node@18.19.34)(sass@1.77.4)(terser@5.31.0)
-      vue: 2.7.16
+      vite: 5.4.21(@types/node@24.0.10)(lightningcss@1.32.0)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.44.1)
+      vue: 3.5.24(typescript@5.9.3)
 
-  '@vitejs/plugin-vue@5.0.5(vite@5.2.12(@types/node@18.19.34)(sass@1.77.4)(terser@5.31.0))(vue@3.4.27(typescript@5.4.5))':
+  '@vitejs/plugin-vue@6.0.5(vite@8.0.0(@types/node@24.0.10)(jiti@2.6.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1))(vue@3.5.24(typescript@5.9.3))':
     dependencies:
-      vite: 5.2.12(@types/node@18.19.34)(sass@1.77.4)(terser@5.31.0)
-      vue: 3.4.27(typescript@5.4.5)
+      '@rolldown/pluginutils': 1.0.0-rc.2
+      vite: 8.0.0(@types/node@24.0.10)(jiti@2.6.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1)
+      vue: 3.5.24(typescript@5.9.3)
 
-  '@vitest/coverage-v8@1.6.0(vitest@1.6.0(@types/node@18.19.34)(jsdom@19.0.0)(sass@1.77.4)(terser@5.31.0))':
+  '@vitest/coverage-v8@4.1.0(vitest@4.1.0(@types/node@24.0.10)(jsdom@27.2.0)(vite@8.0.0(@types/node@24.0.10)(jiti@2.6.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1)))':
     dependencies:
-      '@ampproject/remapping': 2.3.0
-      '@bcoe/v8-coverage': 0.2.3
-      debug: 4.3.5(supports-color@8.1.1)
+      '@bcoe/v8-coverage': 1.0.2
+      '@vitest/utils': 4.1.0
+      ast-v8-to-istanbul: 1.0.0
       istanbul-lib-coverage: 3.2.2
       istanbul-lib-report: 3.0.1
-      istanbul-lib-source-maps: 5.0.4
-      istanbul-reports: 3.1.7
-      magic-string: 0.30.10
-      magicast: 0.3.4
-      picocolors: 1.0.1
-      std-env: 3.7.0
-      strip-literal: 2.1.0
-      test-exclude: 6.0.0
-      vitest: 1.6.0(@types/node@18.19.34)(jsdom@19.0.0)(sass@1.77.4)(terser@5.31.0)
-    transitivePeerDependencies:
-      - supports-color
+      istanbul-reports: 3.2.0
+      magicast: 0.5.2
+      obug: 2.1.1
+      std-env: 4.0.0
+      tinyrainbow: 3.0.3
+      vitest: 4.1.0(@types/node@24.0.10)(jsdom@27.2.0)(vite@8.0.0(@types/node@24.0.10)(jiti@2.6.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1))
 
-  '@vitest/expect@1.6.0':
+  '@vitest/expect@4.1.0':
     dependencies:
-      '@vitest/spy': 1.6.0
-      '@vitest/utils': 1.6.0
-      chai: 4.4.1
+      '@standard-schema/spec': 1.1.0
+      '@types/chai': 5.2.3
+      '@vitest/spy': 4.1.0
+      '@vitest/utils': 4.1.0
+      chai: 6.2.2
+      tinyrainbow: 3.0.3
 
-  '@vitest/runner@1.6.0':
+  '@vitest/mocker@4.1.0(vite@8.0.0(@types/node@24.0.10)(jiti@2.6.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1))':
     dependencies:
-      '@vitest/utils': 1.6.0
-      p-limit: 5.0.0
-      pathe: 1.1.2
-
-  '@vitest/snapshot@1.6.0':
-    dependencies:
-      magic-string: 0.30.10
-      pathe: 1.1.2
-      pretty-format: 29.7.0
-
-  '@vitest/spy@1.6.0':
-    dependencies:
-      tinyspy: 2.2.1
-
-  '@vitest/utils@1.6.0':
-    dependencies:
-      diff-sequences: 29.6.3
+      '@vitest/spy': 4.1.0
       estree-walker: 3.0.3
-      loupe: 2.3.7
-      pretty-format: 29.7.0
-
-  '@volar/language-core@2.2.5':
-    dependencies:
-      '@volar/source-map': 2.2.5
-
-  '@volar/source-map@2.2.5':
-    dependencies:
-      muggle-string: 0.4.1
-
-  '@volar/typescript@2.2.5':
-    dependencies:
-      '@volar/language-core': 2.2.5
-      path-browserify: 1.0.1
-
-  '@vue/babel-helper-vue-transform-on@1.2.2': {}
-
-  '@vue/babel-plugin-jsx@1.2.2(@babel/core@7.24.6)':
-    dependencies:
-      '@babel/helper-module-imports': 7.22.15
-      '@babel/helper-plugin-utils': 7.24.6
-      '@babel/plugin-syntax-jsx': 7.24.6(@babel/core@7.24.6)
-      '@babel/template': 7.24.6
-      '@babel/traverse': 7.24.6
-      '@babel/types': 7.24.6
-      '@vue/babel-helper-vue-transform-on': 1.2.2
-      '@vue/babel-plugin-resolve-type': 1.2.2(@babel/core@7.24.6)
-      camelcase: 6.3.0
-      html-tags: 3.3.1
-      svg-tags: 1.0.0
+      magic-string: 0.30.21
     optionalDependencies:
-      '@babel/core': 7.24.6
+      vite: 8.0.0(@types/node@24.0.10)(jiti@2.6.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1)
+
+  '@vitest/pretty-format@4.1.0':
+    dependencies:
+      tinyrainbow: 3.0.3
+
+  '@vitest/runner@4.1.0':
+    dependencies:
+      '@vitest/utils': 4.1.0
+      pathe: 2.0.3
+
+  '@vitest/snapshot@4.1.0':
+    dependencies:
+      '@vitest/pretty-format': 4.1.0
+      '@vitest/utils': 4.1.0
+      magic-string: 0.30.21
+      pathe: 2.0.3
+
+  '@vitest/spy@4.1.0': {}
+
+  '@vitest/utils@4.1.0':
+    dependencies:
+      '@vitest/pretty-format': 4.1.0
+      convert-source-map: 2.0.0
+      tinyrainbow: 3.0.3
+
+  '@volar/language-core@2.4.28':
+    dependencies:
+      '@volar/source-map': 2.4.28
+
+  '@volar/source-map@2.4.28': {}
+
+  '@volar/typescript@2.4.28':
+    dependencies:
+      '@volar/language-core': 2.4.28
+      path-browserify: 1.0.1
+      vscode-uri: 3.1.0
+
+  '@vue/babel-helper-vue-transform-on@2.0.1': {}
+
+  '@vue/babel-plugin-jsx@2.0.1(@babel/core@7.29.0)':
+    dependencies:
+      '@babel/helper-module-imports': 7.27.1
+      '@babel/helper-plugin-utils': 7.27.1
+      '@babel/plugin-syntax-jsx': 7.27.1(@babel/core@7.29.0)
+      '@babel/template': 7.27.2
+      '@babel/traverse': 7.28.5
+      '@babel/types': 7.28.5
+      '@vue/babel-helper-vue-transform-on': 2.0.1
+      '@vue/babel-plugin-resolve-type': 2.0.1(@babel/core@7.29.0)
+      '@vue/shared': 3.5.24
+    optionalDependencies:
+      '@babel/core': 7.29.0
     transitivePeerDependencies:
       - supports-color
 
-  '@vue/babel-plugin-resolve-type@1.2.2(@babel/core@7.24.6)':
+  '@vue/babel-plugin-resolve-type@2.0.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/code-frame': 7.24.6
-      '@babel/core': 7.24.6
-      '@babel/helper-module-imports': 7.22.15
-      '@babel/helper-plugin-utils': 7.24.6
-      '@babel/parser': 7.24.6
-      '@vue/compiler-sfc': 3.4.27
+      '@babel/code-frame': 7.27.1
+      '@babel/core': 7.29.0
+      '@babel/helper-module-imports': 7.27.1
+      '@babel/helper-plugin-utils': 7.27.1
+      '@babel/parser': 7.28.5
+      '@vue/compiler-sfc': 3.5.24
+    transitivePeerDependencies:
+      - supports-color
 
-  '@vue/compiler-core@3.4.27':
+  '@vue/compiler-core@3.5.24':
     dependencies:
-      '@babel/parser': 7.24.6
-      '@vue/shared': 3.4.27
+      '@babel/parser': 7.28.5
+      '@vue/shared': 3.5.24
       entities: 4.5.0
       estree-walker: 2.0.2
-      source-map-js: 1.2.0
+      source-map-js: 1.2.1
 
-  '@vue/compiler-dom@3.4.27':
+  '@vue/compiler-dom@3.5.24':
     dependencies:
-      '@vue/compiler-core': 3.4.27
-      '@vue/shared': 3.4.27
+      '@vue/compiler-core': 3.5.24
+      '@vue/shared': 3.5.24
 
-  '@vue/compiler-sfc@2.7.16':
+  '@vue/compiler-sfc@3.5.24':
     dependencies:
-      '@babel/parser': 7.24.6
-      postcss: 8.4.38
-      source-map: 0.6.1
-    optionalDependencies:
-      prettier: 2.8.8
-
-  '@vue/compiler-sfc@3.4.27':
-    dependencies:
-      '@babel/parser': 7.24.6
-      '@vue/compiler-core': 3.4.27
-      '@vue/compiler-dom': 3.4.27
-      '@vue/compiler-ssr': 3.4.27
-      '@vue/shared': 3.4.27
+      '@babel/parser': 7.28.5
+      '@vue/compiler-core': 3.5.24
+      '@vue/compiler-dom': 3.5.24
+      '@vue/compiler-ssr': 3.5.24
+      '@vue/shared': 3.5.24
       estree-walker: 2.0.2
-      magic-string: 0.30.10
-      postcss: 8.4.38
-      source-map-js: 1.2.0
+      magic-string: 0.30.21
+      postcss: 8.5.6
+      source-map-js: 1.2.1
 
-  '@vue/compiler-ssr@3.4.27':
+  '@vue/compiler-ssr@3.5.24':
     dependencies:
-      '@vue/compiler-dom': 3.4.27
-      '@vue/shared': 3.4.27
+      '@vue/compiler-dom': 3.5.24
+      '@vue/shared': 3.5.24
 
-  '@vue/composition-api@1.7.2(vue@2.7.16)':
+  '@vue/composition-api@1.7.2(vue@3.5.24(typescript@5.9.3))':
     dependencies:
-      vue: 2.7.16
+      vue: 3.5.24(typescript@5.9.3)
     optional: true
 
-  '@vue/composition-api@1.7.2(vue@3.4.27(typescript@5.4.5))':
-    dependencies:
-      vue: 3.4.27(typescript@5.4.5)
+  '@vue/devtools-api@6.6.4': {}
 
-  '@vue/devtools-api@6.6.3': {}
-
-  '@vue/devtools-api@7.2.1(vue@3.4.27(typescript@5.4.5))':
+  '@vue/devtools-api@7.7.9':
     dependencies:
-      '@vue/devtools-kit': 7.2.1(vue@3.4.27(typescript@5.4.5))
-    transitivePeerDependencies:
-      - vue
+      '@vue/devtools-kit': 7.7.9
 
-  '@vue/devtools-kit@7.2.1(vue@3.4.27(typescript@5.4.5))':
+  '@vue/devtools-kit@7.7.9':
     dependencies:
-      '@vue/devtools-shared': 7.2.1
+      '@vue/devtools-shared': 7.7.9
+      birpc: 2.8.0
       hookable: 5.5.3
       mitt: 3.0.1
       perfect-debounce: 1.0.0
       speakingurl: 14.0.1
-      vue: 3.4.27(typescript@5.4.5)
+      superjson: 2.2.5
 
-  '@vue/devtools-shared@7.2.1':
+  '@vue/devtools-shared@7.7.9':
     dependencies:
-      rfdc: 1.3.1
+      rfdc: 1.4.1
 
-  '@vue/language-core@2.0.19(typescript@5.4.5)':
+  '@vue/language-core@3.2.6':
     dependencies:
-      '@volar/language-core': 2.2.5
-      '@vue/compiler-dom': 3.4.27
-      '@vue/shared': 3.4.27
-      computeds: 0.0.1
-      minimatch: 9.0.4
+      '@volar/language-core': 2.4.28
+      '@vue/compiler-dom': 3.5.24
+      '@vue/shared': 3.5.24
+      alien-signals: 3.1.0
+      muggle-string: 0.4.1
       path-browserify: 1.0.1
-      vue-template-compiler: 2.7.16
-    optionalDependencies:
-      typescript: 5.4.5
+      picomatch: 4.0.3
 
-  '@vue/reactivity@3.4.27':
+  '@vue/reactivity@3.5.24':
     dependencies:
-      '@vue/shared': 3.4.27
+      '@vue/shared': 3.5.24
 
-  '@vue/runtime-core@3.4.27':
+  '@vue/runtime-core@3.5.24':
     dependencies:
-      '@vue/reactivity': 3.4.27
-      '@vue/shared': 3.4.27
+      '@vue/reactivity': 3.5.24
+      '@vue/shared': 3.5.24
 
-  '@vue/runtime-dom@3.4.27':
+  '@vue/runtime-dom@3.5.24':
     dependencies:
-      '@vue/runtime-core': 3.4.27
-      '@vue/shared': 3.4.27
-      csstype: 3.1.3
+      '@vue/reactivity': 3.5.24
+      '@vue/runtime-core': 3.5.24
+      '@vue/shared': 3.5.24
+      csstype: 3.2.3
 
-  '@vue/server-renderer@3.4.27(vue@3.4.27(typescript@5.4.5))':
+  '@vue/server-renderer@3.5.24(vue@3.5.24(typescript@5.9.3))':
     dependencies:
-      '@vue/compiler-ssr': 3.4.27
-      '@vue/shared': 3.4.27
-      vue: 3.4.27(typescript@5.4.5)
+      '@vue/compiler-ssr': 3.5.24
+      '@vue/shared': 3.5.24
+      vue: 3.5.24(typescript@5.9.3)
 
-  '@vue/shared@3.4.27': {}
+  '@vue/shared@3.5.24': {}
 
   '@vue/test-utils@2.4.6':
     dependencies:
-      js-beautify: 1.15.1
-      vue-component-type-helpers: 2.0.19
+      js-beautify: 1.15.4
+      vue-component-type-helpers: 2.2.12
 
-  '@vueuse/core@10.10.0(@vue/composition-api@1.7.2(vue@3.4.27(typescript@5.4.5)))(vue@3.4.27(typescript@5.4.5))':
+  '@vueuse/core@12.8.2(typescript@5.9.3)':
     dependencies:
-      '@types/web-bluetooth': 0.0.20
-      '@vueuse/metadata': 10.10.0
-      '@vueuse/shared': 10.10.0(@vue/composition-api@1.7.2(vue@3.4.27(typescript@5.4.5)))(vue@3.4.27(typescript@5.4.5))
-      vue-demi: 0.14.8(@vue/composition-api@1.7.2(vue@3.4.27(typescript@5.4.5)))(vue@3.4.27(typescript@5.4.5))
+      '@types/web-bluetooth': 0.0.21
+      '@vueuse/metadata': 12.8.2
+      '@vueuse/shared': 12.8.2(typescript@5.9.3)
+      vue: 3.5.24(typescript@5.9.3)
     transitivePeerDependencies:
-      - '@vue/composition-api'
-      - vue
+      - typescript
 
-  '@vueuse/core@9.13.0(@vue/composition-api@1.7.2(vue@3.4.27(typescript@5.4.5)))(vue@3.4.27(typescript@5.4.5))':
+  '@vueuse/core@9.13.0(@vue/composition-api@1.7.2(vue@3.5.24(typescript@5.9.3)))(vue@3.5.24(typescript@5.9.3))':
     dependencies:
       '@types/web-bluetooth': 0.0.16
       '@vueuse/metadata': 9.13.0
-      '@vueuse/shared': 9.13.0(@vue/composition-api@1.7.2(vue@3.4.27(typescript@5.4.5)))(vue@3.4.27(typescript@5.4.5))
-      vue-demi: 0.14.8(@vue/composition-api@1.7.2(vue@3.4.27(typescript@5.4.5)))(vue@3.4.27(typescript@5.4.5))
+      '@vueuse/shared': 9.13.0(@vue/composition-api@1.7.2(vue@3.5.24(typescript@5.9.3)))(vue@3.5.24(typescript@5.9.3))
+      vue-demi: 0.14.10(@vue/composition-api@1.7.2(vue@3.5.24(typescript@5.9.3)))(vue@3.5.24(typescript@5.9.3))
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
 
-  '@vueuse/integrations@10.10.0(@vue/composition-api@1.7.2(vue@3.4.27(typescript@5.4.5)))(async-validator@4.2.5)(axios@0.25.0)(focus-trap@7.5.4)(qrcode@1.5.3)(sortablejs@1.15.2)(vue@3.4.27(typescript@5.4.5))':
+  '@vueuse/integrations@12.8.2(async-validator@4.2.5)(axios@1.13.2)(focus-trap@7.6.6)(qrcode@1.5.4)(sortablejs@1.15.6)(typescript@5.9.3)':
     dependencies:
-      '@vueuse/core': 10.10.0(@vue/composition-api@1.7.2(vue@3.4.27(typescript@5.4.5)))(vue@3.4.27(typescript@5.4.5))
-      '@vueuse/shared': 10.10.0(@vue/composition-api@1.7.2(vue@3.4.27(typescript@5.4.5)))(vue@3.4.27(typescript@5.4.5))
-      vue-demi: 0.14.8(@vue/composition-api@1.7.2(vue@3.4.27(typescript@5.4.5)))(vue@3.4.27(typescript@5.4.5))
+      '@vueuse/core': 12.8.2(typescript@5.9.3)
+      '@vueuse/shared': 12.8.2(typescript@5.9.3)
+      vue: 3.5.24(typescript@5.9.3)
     optionalDependencies:
       async-validator: 4.2.5
-      axios: 0.25.0
-      focus-trap: 7.5.4
-      qrcode: 1.5.3
-      sortablejs: 1.15.2
+      axios: 1.13.2
+      focus-trap: 7.6.6
+      qrcode: 1.5.4
+      sortablejs: 1.15.6
     transitivePeerDependencies:
-      - '@vue/composition-api'
-      - vue
+      - typescript
 
-  '@vueuse/metadata@10.10.0': {}
+  '@vueuse/metadata@12.8.2': {}
 
   '@vueuse/metadata@9.13.0': {}
 
-  '@vueuse/shared@10.10.0(@vue/composition-api@1.7.2(vue@3.4.27(typescript@5.4.5)))(vue@3.4.27(typescript@5.4.5))':
+  '@vueuse/shared@12.8.2(typescript@5.9.3)':
     dependencies:
-      vue-demi: 0.14.8(@vue/composition-api@1.7.2(vue@3.4.27(typescript@5.4.5)))(vue@3.4.27(typescript@5.4.5))
+      vue: 3.5.24(typescript@5.9.3)
     transitivePeerDependencies:
-      - '@vue/composition-api'
-      - vue
+      - typescript
 
-  '@vueuse/shared@9.13.0(@vue/composition-api@1.7.2(vue@3.4.27(typescript@5.4.5)))(vue@3.4.27(typescript@5.4.5))':
+  '@vueuse/shared@9.13.0(@vue/composition-api@1.7.2(vue@3.5.24(typescript@5.9.3)))(vue@3.5.24(typescript@5.9.3))':
     dependencies:
-      vue-demi: 0.14.8(@vue/composition-api@1.7.2(vue@3.4.27(typescript@5.4.5)))(vue@3.4.27(typescript@5.4.5))
+      vue-demi: 0.14.10(@vue/composition-api@1.7.2(vue@3.5.24(typescript@5.9.3)))(vue@3.5.24(typescript@5.9.3))
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
@@ -8296,71 +9326,56 @@ snapshots:
       jsonparse: 1.3.1
       through: 2.3.8
 
-  abab@2.0.6: {}
-
   abbrev@2.0.0: {}
 
-  acorn-globals@6.0.0:
+  acorn-jsx@5.3.2(acorn@8.15.0):
     dependencies:
-      acorn: 7.4.1
-      acorn-walk: 7.2.0
+      acorn: 8.15.0
 
-  acorn-jsx@5.3.2(acorn@8.11.3):
+  acorn-jsx@5.3.2(acorn@8.16.0):
     dependencies:
-      acorn: 8.11.3
+      acorn: 8.16.0
 
-  acorn-walk@7.2.0: {}
+  acorn@8.15.0: {}
 
-  acorn-walk@8.3.2: {}
-
-  acorn@7.4.1: {}
-
-  acorn@8.11.3: {}
+  acorn@8.16.0: {}
 
   add-stream@1.0.0: {}
 
-  agent-base@6.0.2:
-    dependencies:
-      debug: 4.3.5(supports-color@8.1.1)
-    transitivePeerDependencies:
-      - supports-color
+  agent-base@7.1.4: {}
 
-  aggregate-error@3.1.0:
-    dependencies:
-      clean-stack: 2.2.0
-      indent-string: 4.0.0
-
-  ajv@6.12.6:
+  ajv@6.14.0:
     dependencies:
       fast-deep-equal: 3.1.3
       fast-json-stable-stringify: 2.1.0
       json-schema-traverse: 0.4.1
       uri-js: 4.4.1
 
-  ajv@8.16.0:
+  ajv@8.17.1:
     dependencies:
       fast-deep-equal: 3.1.3
+      fast-uri: 3.1.0
       json-schema-traverse: 1.0.0
       require-from-string: 2.0.2
-      uri-js: 4.4.1
 
-  algoliasearch@4.23.3:
+  algoliasearch@5.44.0:
     dependencies:
-      '@algolia/cache-browser-local-storage': 4.23.3
-      '@algolia/cache-common': 4.23.3
-      '@algolia/cache-in-memory': 4.23.3
-      '@algolia/client-account': 4.23.3
-      '@algolia/client-analytics': 4.23.3
-      '@algolia/client-common': 4.23.3
-      '@algolia/client-personalization': 4.23.3
-      '@algolia/client-search': 4.23.3
-      '@algolia/logger-common': 4.23.3
-      '@algolia/logger-console': 4.23.3
-      '@algolia/recommend': 4.23.3
-      '@algolia/requester-browser-xhr': 4.23.3
-      '@algolia/requester-common': 4.23.3
-      '@algolia/requester-node-http': 4.23.3
-      '@algolia/transporter': 4.23.3
+      '@algolia/abtesting': 1.10.0
+      '@algolia/client-abtesting': 5.44.0
+      '@algolia/client-analytics': 5.44.0
+      '@algolia/client-common': 5.44.0
+      '@algolia/client-insights': 5.44.0
+      '@algolia/client-personalization': 5.44.0
+      '@algolia/client-query-suggestions': 5.44.0
+      '@algolia/client-search': 5.44.0
+      '@algolia/ingestion': 1.44.0
+      '@algolia/monitoring': 1.44.0
+      '@algolia/recommend': 5.44.0
+      '@algolia/requester-browser-xhr': 5.44.0
+      '@algolia/requester-fetch': 5.44.0
+      '@algolia/requester-node-http': 5.44.0
+
+  alien-signals@3.1.0: {}
 
   ansi-colors@4.1.3: {}
 
@@ -8368,9 +9383,13 @@ snapshots:
     dependencies:
       type-fest: 0.21.3
 
+  ansi-escapes@7.2.0:
+    dependencies:
+      environment: 1.1.0
+
   ansi-regex@5.0.1: {}
 
-  ansi-regex@6.0.1: {}
+  ansi-regex@6.2.2: {}
 
   ansi-styles@3.2.1:
     dependencies:
@@ -8380,9 +9399,7 @@ snapshots:
     dependencies:
       color-convert: 2.0.1
 
-  ansi-styles@5.2.0: {}
-
-  ansi-styles@6.2.1: {}
+  ansi-styles@6.2.3: {}
 
   anymatch@3.1.3:
     dependencies:
@@ -8391,75 +9408,77 @@ snapshots:
 
   argparse@2.0.1: {}
 
-  aria-query@5.1.3:
+  array-buffer-byte-length@1.0.2:
     dependencies:
-      deep-equal: 2.2.3
-
-  array-buffer-byte-length@1.0.1:
-    dependencies:
-      call-bind: 1.0.7
-      is-array-buffer: 3.0.4
+      call-bound: 1.0.4
+      is-array-buffer: 3.0.5
 
   array-ify@1.0.0: {}
 
-  array-includes@3.1.8:
+  array-includes@3.1.9:
     dependencies:
-      call-bind: 1.0.7
+      call-bind: 1.0.8
+      call-bound: 1.0.4
       define-properties: 1.2.1
-      es-abstract: 1.23.3
-      es-object-atoms: 1.0.0
-      get-intrinsic: 1.2.4
-      is-string: 1.0.7
+      es-abstract: 1.24.0
+      es-object-atoms: 1.1.1
+      get-intrinsic: 1.3.0
+      is-string: 1.1.1
+      math-intrinsics: 1.1.0
 
-  array-union@2.1.0: {}
-
-  array.prototype.findlastindex@1.2.5:
+  array.prototype.findlastindex@1.2.6:
     dependencies:
-      call-bind: 1.0.7
+      call-bind: 1.0.8
+      call-bound: 1.0.4
       define-properties: 1.2.1
-      es-abstract: 1.23.3
+      es-abstract: 1.24.0
       es-errors: 1.3.0
-      es-object-atoms: 1.0.0
-      es-shim-unscopables: 1.0.2
+      es-object-atoms: 1.1.1
+      es-shim-unscopables: 1.1.0
 
-  array.prototype.flat@1.3.2:
+  array.prototype.flat@1.3.3:
     dependencies:
-      call-bind: 1.0.7
+      call-bind: 1.0.8
       define-properties: 1.2.1
-      es-abstract: 1.23.3
-      es-shim-unscopables: 1.0.2
+      es-abstract: 1.24.0
+      es-shim-unscopables: 1.1.0
 
-  array.prototype.flatmap@1.3.2:
+  array.prototype.flatmap@1.3.3:
     dependencies:
-      call-bind: 1.0.7
+      call-bind: 1.0.8
       define-properties: 1.2.1
-      es-abstract: 1.23.3
-      es-shim-unscopables: 1.0.2
+      es-abstract: 1.24.0
+      es-shim-unscopables: 1.1.0
 
-  arraybuffer.prototype.slice@1.0.3:
+  arraybuffer.prototype.slice@1.0.4:
     dependencies:
-      array-buffer-byte-length: 1.0.1
-      call-bind: 1.0.7
+      array-buffer-byte-length: 1.0.2
+      call-bind: 1.0.8
       define-properties: 1.2.1
-      es-abstract: 1.23.3
+      es-abstract: 1.24.0
       es-errors: 1.3.0
-      get-intrinsic: 1.2.4
-      is-array-buffer: 3.0.4
-      is-shared-array-buffer: 1.0.3
+      get-intrinsic: 1.3.0
+      is-array-buffer: 3.0.5
 
-  arrify@1.0.1: {}
+  assertion-error@2.0.1: {}
 
-  assertion-error@1.1.0: {}
-
-  ast-types@0.14.2:
+  ast-kit@3.0.0-beta.1:
     dependencies:
-      tslib: 2.6.3
+      '@babel/parser': 8.0.0-rc.2
+      estree-walker: 3.0.3
+      pathe: 2.0.3
 
   ast-types@0.16.1:
     dependencies:
-      tslib: 2.6.3
+      tslib: 2.8.1
 
-  astral-regex@2.0.0: {}
+  ast-v8-to-istanbul@1.0.0:
+    dependencies:
+      '@jridgewell/trace-mapping': 0.3.31
+      estree-walker: 3.0.3
+      js-tokens: 10.0.0
+
+  async-function@1.0.0: {}
 
   async-validator@4.2.5: {}
 
@@ -8469,44 +9488,60 @@ snapshots:
 
   available-typed-arrays@1.0.7:
     dependencies:
-      possible-typed-array-names: 1.0.0
+      possible-typed-array-names: 1.1.0
 
-  axios@0.25.0:
+  axios@1.13.2:
     dependencies:
-      follow-redirects: 1.15.6
+      follow-redirects: 1.15.11
+      form-data: 4.0.5
+      proxy-from-env: 1.1.0
     transitivePeerDependencies:
       - debug
 
-  babel-plugin-polyfill-corejs2@0.4.11(@babel/core@7.24.6):
+  babel-plugin-polyfill-corejs2@0.4.17(@babel/core@7.29.0):
     dependencies:
-      '@babel/compat-data': 7.24.6
-      '@babel/core': 7.24.6
-      '@babel/helper-define-polyfill-provider': 0.6.2(@babel/core@7.24.6)
+      '@babel/compat-data': 7.29.0
+      '@babel/core': 7.29.0
+      '@babel/helper-define-polyfill-provider': 0.6.8(@babel/core@7.29.0)
       semver: 6.3.1
     transitivePeerDependencies:
       - supports-color
 
-  babel-plugin-polyfill-corejs3@0.10.4(@babel/core@7.24.6):
+  babel-plugin-polyfill-corejs3@0.14.2(@babel/core@7.29.0):
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-define-polyfill-provider': 0.6.2(@babel/core@7.24.6)
-      core-js-compat: 3.37.1
+      '@babel/core': 7.29.0
+      '@babel/helper-define-polyfill-provider': 0.6.8(@babel/core@7.29.0)
+      core-js-compat: 3.49.0
     transitivePeerDependencies:
       - supports-color
 
-  babel-plugin-polyfill-regenerator@0.6.2(@babel/core@7.24.6):
+  babel-plugin-polyfill-regenerator@0.6.8(@babel/core@7.29.0):
     dependencies:
-      '@babel/core': 7.24.6
-      '@babel/helper-define-polyfill-provider': 0.6.2(@babel/core@7.24.6)
+      '@babel/core': 7.29.0
+      '@babel/helper-define-polyfill-provider': 0.6.8(@babel/core@7.29.0)
     transitivePeerDependencies:
       - supports-color
 
   balanced-match@1.0.2: {}
 
+  balanced-match@4.0.4: {}
+
   base64-js@1.5.1: {}
 
+  baseline-browser-mapping@2.10.8: {}
+
+  baseline-browser-mapping@2.8.30: {}
+
+  bidi-js@1.0.3:
+    dependencies:
+      require-from-string: 2.0.2
+
   binary-extensions@2.3.0: {}
 
+  birpc@2.8.0: {}
+
+  birpc@4.0.0: {}
+
   bl@4.1.0:
     dependencies:
       buffer: 5.7.1
@@ -8515,32 +9550,45 @@ snapshots:
 
   boolbase@1.0.0: {}
 
-  brace-expansion@1.1.11:
+  brace-expansion@1.1.12:
     dependencies:
       balanced-match: 1.0.2
       concat-map: 0.0.1
 
-  brace-expansion@2.0.1:
+  brace-expansion@2.0.2:
     dependencies:
       balanced-match: 1.0.2
 
+  brace-expansion@5.0.4:
+    dependencies:
+      balanced-match: 4.0.4
+
   braces@3.0.3:
     dependencies:
       fill-range: 7.1.1
 
-  browser-process-hrtime@1.0.0: {}
-
-  browserslist-to-esbuild@2.1.1(browserslist@4.23.0):
+  browserslist-to-esbuild@2.1.1(browserslist@4.28.1):
     dependencies:
-      browserslist: 4.23.0
+      browserslist: 4.28.1
       meow: 13.2.0
 
-  browserslist@4.23.0:
+  browserslist@4.28.0:
     dependencies:
-      caniuse-lite: 1.0.30001628
-      electron-to-chromium: 1.4.790
-      node-releases: 2.0.14
-      update-browserslist-db: 1.0.16(browserslist@4.23.0)
+      baseline-browser-mapping: 2.8.30
+      caniuse-lite: 1.0.30001756
+      electron-to-chromium: 1.5.259
+      node-releases: 2.0.27
+      update-browserslist-db: 1.1.4(browserslist@4.28.0)
+
+  browserslist@4.28.1:
+    dependencies:
+      baseline-browser-mapping: 2.10.8
+      caniuse-lite: 1.0.30001780
+      electron-to-chromium: 1.5.313
+      node-releases: 2.0.27
+      update-browserslist-db: 1.2.3(browserslist@4.28.1)
+
+  buffer-builder@0.2.0: {}
 
   buffer-from@1.1.2: {}
 
@@ -8554,56 +9602,52 @@ snapshots:
       base64-js: 1.5.1
       ieee754: 1.2.1
 
-  c8@7.14.0:
+  c8@10.1.3:
     dependencies:
-      '@bcoe/v8-coverage': 0.2.3
+      '@bcoe/v8-coverage': 1.0.2
       '@istanbuljs/schema': 0.1.3
       find-up: 5.0.0
-      foreground-child: 2.0.0
+      foreground-child: 3.3.1
       istanbul-lib-coverage: 3.2.2
       istanbul-lib-report: 3.0.1
-      istanbul-reports: 3.1.7
-      rimraf: 3.0.2
-      test-exclude: 6.0.0
-      v8-to-istanbul: 9.2.0
-      yargs: 16.2.0
-      yargs-parser: 20.2.9
+      istanbul-reports: 3.2.0
+      test-exclude: 7.0.1
+      v8-to-istanbul: 9.3.0
+      yargs: 17.7.2
+      yargs-parser: 21.1.1
 
   cac@6.7.14: {}
 
   cachedir@2.3.0: {}
 
-  call-bind@1.0.7:
+  call-bind-apply-helpers@1.0.2:
     dependencies:
-      es-define-property: 1.0.0
       es-errors: 1.3.0
       function-bind: 1.1.2
-      get-intrinsic: 1.2.4
+
+  call-bind@1.0.8:
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      es-define-property: 1.0.1
+      get-intrinsic: 1.3.0
       set-function-length: 1.2.2
 
+  call-bound@1.0.4:
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      get-intrinsic: 1.3.0
+
   callsites@3.1.0: {}
 
-  camelcase-keys@6.2.2:
-    dependencies:
-      camelcase: 5.3.1
-      map-obj: 4.3.0
-      quick-lru: 4.0.1
-
   camelcase@5.3.1: {}
 
-  camelcase@6.3.0: {}
+  caniuse-lite@1.0.30001756: {}
 
-  caniuse-lite@1.0.30001628: {}
+  caniuse-lite@1.0.30001780: {}
 
-  chai@4.4.1:
-    dependencies:
-      assertion-error: 1.1.0
-      check-error: 1.0.3
-      deep-eql: 4.1.3
-      get-func-name: 2.0.2
-      loupe: 2.3.7
-      pathval: 1.1.1
-      type-detect: 4.0.8
+  ccount@2.0.1: {}
+
+  chai@6.2.2: {}
 
   chalk@2.4.2:
     dependencies:
@@ -8616,15 +9660,14 @@ snapshots:
       ansi-styles: 4.3.0
       supports-color: 7.2.0
 
-  chalk@5.3.0:
-    optional: true
+  chalk@5.6.2: {}
+
+  character-entities-html4@2.1.0: {}
+
+  character-entities-legacy@3.0.0: {}
 
   chardet@0.7.0: {}
 
-  check-error@1.0.3:
-    dependencies:
-      get-func-name: 2.0.2
-
   chokidar@3.6.0:
     dependencies:
       anymatch: 3.1.3
@@ -8637,18 +9680,25 @@ snapshots:
     optionalDependencies:
       fsevents: 2.3.3
 
-  clean-stack@2.2.0: {}
+  chokidar@4.0.3:
+    dependencies:
+      readdirp: 4.1.2
+    optional: true
 
   cli-cursor@3.1.0:
     dependencies:
       restore-cursor: 3.1.0
 
+  cli-cursor@5.0.0:
+    dependencies:
+      restore-cursor: 5.1.0
+
   cli-spinners@2.9.2: {}
 
-  cli-truncate@2.1.0:
+  cli-truncate@5.1.1:
     dependencies:
-      slice-ansi: 3.0.0
-      string-width: 4.2.3
+      slice-ansi: 7.1.2
+      string-width: 8.1.0
 
   cli-width@3.0.0: {}
 
@@ -8658,12 +9708,6 @@ snapshots:
       strip-ansi: 6.0.1
       wrap-ansi: 6.2.0
 
-  cliui@7.0.4:
-    dependencies:
-      string-width: 4.2.3
-      strip-ansi: 6.0.1
-      wrap-ansi: 7.0.0
-
   cliui@8.0.1:
     dependencies:
       string-width: 4.2.3
@@ -8684,36 +9728,26 @@ snapshots:
 
   color-name@1.1.4: {}
 
-  color-string@1.9.1:
-    dependencies:
-      color-name: 1.1.4
-      simple-swizzle: 0.2.2
-
-  color@3.2.1:
-    dependencies:
-      color-convert: 1.9.3
-      color-string: 1.9.1
-
-  colorette@1.4.0: {}
-
   colorette@2.0.20: {}
 
+  colorjs.io@0.5.2: {}
+
   combined-stream@1.0.8:
     dependencies:
       delayed-stream: 1.0.0
 
+  comma-separated-tokens@2.0.3: {}
+
   commander@10.0.1: {}
 
+  commander@14.0.2: {}
+
   commander@2.20.3: {}
 
-  commander@8.3.0: {}
-
-  commander@9.5.0: {}
-
-  commitizen@4.3.0(@types/node@18.19.34)(typescript@5.4.5):
+  commitizen@4.3.1(@types/node@24.0.10)(typescript@5.9.3):
     dependencies:
       cachedir: 2.3.0
-      cz-conventional-changelog: 3.3.0(@types/node@18.19.34)(typescript@5.4.5)
+      cz-conventional-changelog: 3.3.0(@types/node@24.0.10)(typescript@5.9.3)
       dedent: 0.7.0
       detect-indent: 6.1.0
       find-node-modules: 2.1.3
@@ -8735,12 +9769,8 @@ snapshots:
       array-ify: 1.0.0
       dot-prop: 5.3.0
 
-  computeds@0.0.1: {}
-
   concat-map@0.0.1: {}
 
-  confbox@0.1.7: {}
-
   config-chain@1.1.13:
     dependencies:
       ini: 1.3.8
@@ -8750,74 +9780,86 @@ snapshots:
     dependencies:
       compare-func: 2.0.0
 
-  conventional-changelog-atom@4.0.0: {}
+  conventional-changelog-angular@8.1.0:
+    dependencies:
+      compare-func: 2.0.0
 
-  conventional-changelog-cli@4.1.0:
+  conventional-changelog-atom@5.0.0: {}
+
+  conventional-changelog-cli@5.0.0(conventional-commits-filter@5.0.0):
     dependencies:
       add-stream: 1.0.0
-      conventional-changelog: 5.1.0
-      meow: 12.1.1
+      conventional-changelog: 6.0.0(conventional-commits-filter@5.0.0)
+      meow: 13.2.0
       tempfile: 5.0.0
+    transitivePeerDependencies:
+      - conventional-commits-filter
 
-  conventional-changelog-codemirror@4.0.0: {}
+  conventional-changelog-codemirror@5.0.0: {}
 
   conventional-changelog-conventionalcommits@7.0.2:
     dependencies:
       compare-func: 2.0.0
 
-  conventional-changelog-core@7.0.0:
-    dependencies:
-      '@hutson/parse-repository-url': 5.0.0
-      add-stream: 1.0.0
-      conventional-changelog-writer: 7.0.1
-      conventional-commits-parser: 5.0.0
-      git-raw-commits: 4.0.0
-      git-semver-tags: 7.0.1
-      hosted-git-info: 7.0.2
-      normalize-package-data: 6.0.1
-      read-pkg: 8.1.0
-      read-pkg-up: 10.1.0
-
-  conventional-changelog-ember@4.0.0: {}
-
-  conventional-changelog-eslint@5.0.0: {}
-
-  conventional-changelog-express@4.0.0: {}
-
-  conventional-changelog-jquery@5.0.0: {}
-
-  conventional-changelog-jshint@4.0.0:
+  conventional-changelog-conventionalcommits@8.0.0:
     dependencies:
       compare-func: 2.0.0
 
-  conventional-changelog-preset-loader@4.1.0: {}
-
-  conventional-changelog-writer@7.0.1:
+  conventional-changelog-core@8.0.0(conventional-commits-filter@5.0.0):
     dependencies:
-      conventional-commits-filter: 4.0.0
+      '@hutson/parse-repository-url': 5.0.0
+      add-stream: 1.0.0
+      conventional-changelog-writer: 8.2.0
+      conventional-commits-parser: 6.2.1
+      git-raw-commits: 5.0.0(conventional-commits-filter@5.0.0)(conventional-commits-parser@6.2.1)
+      git-semver-tags: 8.0.0(conventional-commits-filter@5.0.0)(conventional-commits-parser@6.2.1)
+      hosted-git-info: 7.0.2
+      normalize-package-data: 6.0.2
+      read-package-up: 11.0.0
+      read-pkg: 9.0.1
+    transitivePeerDependencies:
+      - conventional-commits-filter
+
+  conventional-changelog-ember@5.0.0: {}
+
+  conventional-changelog-eslint@6.0.0: {}
+
+  conventional-changelog-express@5.0.0: {}
+
+  conventional-changelog-jquery@6.0.0: {}
+
+  conventional-changelog-jshint@5.0.0:
+    dependencies:
+      compare-func: 2.0.0
+
+  conventional-changelog-preset-loader@5.0.0: {}
+
+  conventional-changelog-writer@8.2.0:
+    dependencies:
+      conventional-commits-filter: 5.0.0
       handlebars: 4.7.8
-      json-stringify-safe: 5.0.1
-      meow: 12.1.1
-      semver: 7.6.2
-      split2: 4.2.0
+      meow: 13.2.0
+      semver: 7.7.3
 
-  conventional-changelog@5.1.0:
+  conventional-changelog@6.0.0(conventional-commits-filter@5.0.0):
     dependencies:
-      conventional-changelog-angular: 7.0.0
-      conventional-changelog-atom: 4.0.0
-      conventional-changelog-codemirror: 4.0.0
-      conventional-changelog-conventionalcommits: 7.0.2
-      conventional-changelog-core: 7.0.0
-      conventional-changelog-ember: 4.0.0
-      conventional-changelog-eslint: 5.0.0
-      conventional-changelog-express: 4.0.0
-      conventional-changelog-jquery: 5.0.0
-      conventional-changelog-jshint: 4.0.0
-      conventional-changelog-preset-loader: 4.1.0
+      conventional-changelog-angular: 8.1.0
+      conventional-changelog-atom: 5.0.0
+      conventional-changelog-codemirror: 5.0.0
+      conventional-changelog-conventionalcommits: 8.0.0
+      conventional-changelog-core: 8.0.0(conventional-commits-filter@5.0.0)
+      conventional-changelog-ember: 5.0.0
+      conventional-changelog-eslint: 6.0.0
+      conventional-changelog-express: 5.0.0
+      conventional-changelog-jquery: 6.0.0
+      conventional-changelog-jshint: 5.0.0
+      conventional-changelog-preset-loader: 5.0.0
+    transitivePeerDependencies:
+      - conventional-commits-filter
 
   conventional-commit-types@3.0.0: {}
 
-  conventional-commits-filter@4.0.0: {}
+  conventional-commits-filter@5.0.0: {}
 
   conventional-commits-parser@5.0.0:
     dependencies:
@@ -8826,55 +9868,37 @@ snapshots:
       meow: 12.1.1
       split2: 4.2.0
 
+  conventional-commits-parser@6.2.1:
+    dependencies:
+      meow: 13.2.0
+
   convert-source-map@2.0.0: {}
 
-  core-js-compat@3.37.1:
+  copy-anything@4.0.5:
     dependencies:
-      browserslist: 4.23.0
+      is-what: 5.5.0
 
-  core-js@3.37.1: {}
-
-  cosmiconfig-typescript-loader@5.0.0(@types/node@18.19.34)(cosmiconfig@8.3.6(typescript@5.4.5))(typescript@5.4.5):
+  core-js-compat@3.49.0:
     dependencies:
-      '@types/node': 18.19.34
-      cosmiconfig: 8.3.6(typescript@5.4.5)
-      jiti: 1.21.3
-      typescript: 5.4.5
+      browserslist: 4.28.1
 
-  cosmiconfig-typescript-loader@5.0.0(@types/node@18.19.34)(cosmiconfig@9.0.0(typescript@5.4.5))(typescript@5.4.5):
+  core-js@3.49.0: {}
+
+  cosmiconfig-typescript-loader@6.2.0(@types/node@24.0.10)(cosmiconfig@9.0.0(typescript@5.9.3))(typescript@5.9.3):
     dependencies:
-      '@types/node': 18.19.34
-      cosmiconfig: 9.0.0(typescript@5.4.5)
-      jiti: 1.21.3
-      typescript: 5.4.5
-    optional: true
+      '@types/node': 24.0.10
+      cosmiconfig: 9.0.0(typescript@5.9.3)
+      jiti: 2.6.1
+      typescript: 5.9.3
 
-  cosmiconfig@7.1.0:
-    dependencies:
-      '@types/parse-json': 4.0.2
-      import-fresh: 3.3.0
-      parse-json: 5.2.0
-      path-type: 4.0.0
-      yaml: 1.10.2
-
-  cosmiconfig@8.3.6(typescript@5.4.5):
-    dependencies:
-      import-fresh: 3.3.0
-      js-yaml: 4.1.0
-      parse-json: 5.2.0
-      path-type: 4.0.0
-    optionalDependencies:
-      typescript: 5.4.5
-
-  cosmiconfig@9.0.0(typescript@5.4.5):
+  cosmiconfig@9.0.0(typescript@5.9.3):
     dependencies:
       env-paths: 2.2.1
-      import-fresh: 3.3.0
-      js-yaml: 4.1.0
+      import-fresh: 3.3.1
+      js-yaml: 4.1.1
       parse-json: 5.2.0
     optionalDependencies:
-      typescript: 5.4.5
-    optional: true
+      typescript: 5.9.3
 
   croact-css-styled@1.1.9:
     dependencies:
@@ -8897,7 +9921,7 @@ snapshots:
   croact-moveable@0.9.0(croact@1.0.4):
     dependencies:
       '@daybrush/utils': 1.13.0
-      '@egjs/agent': 2.4.3
+      '@egjs/agent': 2.4.4
       '@egjs/children-differ': 1.0.1
       '@egjs/list-differ': 1.0.1
       '@scena/dragscroll': 1.4.0
@@ -8921,7 +9945,7 @@ snapshots:
       '@daybrush/utils': 1.13.0
       '@egjs/list-differ': 1.0.1
 
-  cross-spawn@7.0.3:
+  cross-spawn@7.0.6:
     dependencies:
       path-key: 3.1.1
       shebang-command: 2.0.0
@@ -8936,115 +9960,81 @@ snapshots:
       '@daybrush/utils': 1.13.0
       '@scena/matrix': 1.1.1
 
+  css-tree@3.1.0:
+    dependencies:
+      mdn-data: 2.12.2
+      source-map-js: 1.2.1
+
   cssesc@3.0.0: {}
 
-  cssom@0.3.8: {}
-
-  cssom@0.5.0: {}
-
-  cssstyle@2.3.0:
+  cssstyle@5.3.3:
     dependencies:
-      cssom: 0.3.8
+      '@asamuzakjp/css-color': 4.1.0
+      '@csstools/css-syntax-patches-for-csstree': 1.0.16
+      css-tree: 3.1.0
 
-  csstype@3.1.3: {}
+  csstype@3.2.3: {}
 
-  cz-conventional-changelog@3.3.0(@types/node@18.19.34)(typescript@5.4.5):
+  cz-conventional-changelog@3.3.0(@types/node@24.0.10)(typescript@5.9.3):
     dependencies:
       chalk: 2.4.2
-      commitizen: 4.3.0(@types/node@18.19.34)(typescript@5.4.5)
+      commitizen: 4.3.1(@types/node@24.0.10)(typescript@5.9.3)
       conventional-commit-types: 3.0.0
       lodash.map: 4.6.0
       longest: 2.0.1
       word-wrap: 1.2.5
     optionalDependencies:
-      '@commitlint/load': 19.2.0(@types/node@18.19.34)(typescript@5.4.5)
+      '@commitlint/load': 20.1.0(@types/node@24.0.10)(typescript@5.9.3)
     transitivePeerDependencies:
       - '@types/node'
       - typescript
 
-  dargs@7.0.0: {}
-
   dargs@8.1.0: {}
 
-  data-urls@3.0.2:
+  data-urls@6.0.0:
     dependencies:
-      abab: 2.0.6
-      whatwg-mimetype: 3.0.0
-      whatwg-url: 11.0.0
+      whatwg-mimetype: 4.0.0
+      whatwg-url: 15.1.0
 
-  data-view-buffer@1.0.1:
+  data-view-buffer@1.0.2:
     dependencies:
-      call-bind: 1.0.7
+      call-bound: 1.0.4
       es-errors: 1.3.0
-      is-data-view: 1.0.1
+      is-data-view: 1.0.2
 
-  data-view-byte-length@1.0.1:
+  data-view-byte-length@1.0.2:
     dependencies:
-      call-bind: 1.0.7
+      call-bound: 1.0.4
       es-errors: 1.3.0
-      is-data-view: 1.0.1
+      is-data-view: 1.0.2
 
-  data-view-byte-offset@1.0.0:
+  data-view-byte-offset@1.0.1:
     dependencies:
-      call-bind: 1.0.7
+      call-bound: 1.0.4
       es-errors: 1.3.0
-      is-data-view: 1.0.1
+      is-data-view: 1.0.2
 
-  dayjs@1.11.10: {}
-
-  dayjs@1.11.11: {}
-
-  de-indent@1.0.2: {}
+  dayjs@1.11.19: {}
 
   debug@3.2.7:
     dependencies:
       ms: 2.1.3
 
-  debug@4.3.5(supports-color@8.1.1):
+  debug@4.4.3:
     dependencies:
-      ms: 2.1.2
-    optionalDependencies:
-      supports-color: 8.1.1
-
-  decamelize-keys@1.1.1:
-    dependencies:
-      decamelize: 1.2.0
-      map-obj: 1.0.1
+      ms: 2.1.3
 
   decamelize@1.2.0: {}
 
-  decimal.js@10.4.3: {}
+  decimal.js@10.6.0: {}
 
   dedent@0.7.0: {}
 
-  deep-eql@4.1.3:
-    dependencies:
-      type-detect: 4.0.8
-
-  deep-equal@2.2.3:
-    dependencies:
-      array-buffer-byte-length: 1.0.1
-      call-bind: 1.0.7
-      es-get-iterator: 1.1.3
-      get-intrinsic: 1.2.4
-      is-arguments: 1.1.1
-      is-array-buffer: 3.0.4
-      is-date-object: 1.0.5
-      is-regex: 1.1.4
-      is-shared-array-buffer: 1.0.3
-      isarray: 2.0.5
-      object-is: 1.1.6
-      object-keys: 1.1.1
-      object.assign: 4.1.5
-      regexp.prototype.flags: 1.5.2
-      side-channel: 1.0.6
-      which-boxed-primitive: 1.0.2
-      which-collection: 1.0.2
-      which-typed-array: 1.1.15
-
   deep-is@0.1.4: {}
 
-  deep-state-observer@5.5.13: {}
+  deep-object-diff@1.1.9: {}
+
+  deep-state-observer@5.5.14: {}
 
   defaults@1.0.4:
     dependencies:
@@ -9052,9 +10042,9 @@ snapshots:
 
   define-data-property@1.1.4:
     dependencies:
-      es-define-property: 1.0.0
+      es-define-property: 1.0.1
       es-errors: 1.3.0
-      gopd: 1.0.1
+      gopd: 1.2.0
 
   define-properties@1.2.1:
     dependencies:
@@ -9064,38 +10054,43 @@ snapshots:
 
   delayed-stream@1.0.0: {}
 
-  delegate@3.2.0: {}
+  dequal@2.0.3: {}
 
   detect-file@1.0.0: {}
 
   detect-indent@6.1.0: {}
 
-  diff-sequences@29.6.3: {}
+  detect-libc@1.0.3:
+    optional: true
+
+  detect-libc@2.1.2: {}
+
+  devlop@1.1.0:
+    dependencies:
+      dequal: 2.0.3
 
   dijkstrajs@1.0.3: {}
 
-  dir-glob@3.0.1:
-    dependencies:
-      path-type: 4.0.0
-
   doctrine@2.1.0:
     dependencies:
       esutils: 2.0.3
 
-  doctrine@3.0.0:
-    dependencies:
-      esutils: 2.0.3
-
-  dom-accessibility-api@0.5.16: {}
-
-  domexception@4.0.0:
-    dependencies:
-      webidl-conversions: 7.0.0
+  dompurify@3.2.7:
+    optionalDependencies:
+      '@types/trusted-types': 2.0.7
 
   dot-prop@5.3.0:
     dependencies:
       is-obj: 2.0.0
 
+  dts-resolver@2.1.3: {}
+
+  dunder-proto@1.0.1:
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      es-errors: 1.3.0
+      gopd: 1.2.0
+
   eastasianwidth@0.2.0: {}
 
   editorconfig@1.0.4:
@@ -9103,51 +10098,50 @@ snapshots:
       '@one-ini/wasm': 0.1.1
       commander: 10.0.1
       minimatch: 9.0.1
-      semver: 7.6.2
+      semver: 7.7.3
 
-  electron-to-chromium@1.4.790: {}
+  electron-to-chromium@1.5.259: {}
 
-  element-plus@2.7.4(@vue/composition-api@1.7.2(vue@3.4.27(typescript@5.4.5)))(vue@3.4.27(typescript@5.4.5)):
+  electron-to-chromium@1.5.313: {}
+
+  element-plus@2.11.8(@vue/composition-api@1.7.2(vue@3.5.24(typescript@5.9.3)))(vue@3.5.24(typescript@5.9.3)):
     dependencies:
       '@ctrl/tinycolor': 3.6.1
-      '@element-plus/icons-vue': 2.3.1(vue@3.4.27(typescript@5.4.5))
-      '@floating-ui/dom': 1.6.5
+      '@element-plus/icons-vue': 2.3.2(vue@3.5.24(typescript@5.9.3))
+      '@floating-ui/dom': 1.7.4
       '@popperjs/core': '@sxzz/popperjs-es@2.11.7'
-      '@types/lodash': 4.17.4
+      '@types/lodash': 4.17.20
       '@types/lodash-es': 4.17.12
-      '@vueuse/core': 9.13.0(@vue/composition-api@1.7.2(vue@3.4.27(typescript@5.4.5)))(vue@3.4.27(typescript@5.4.5))
+      '@vueuse/core': 9.13.0(@vue/composition-api@1.7.2(vue@3.5.24(typescript@5.9.3)))(vue@3.5.24(typescript@5.9.3))
       async-validator: 4.2.5
-      dayjs: 1.11.11
-      escape-html: 1.0.3
+      dayjs: 1.11.19
       lodash: 4.17.21
       lodash-es: 4.17.21
       lodash-unified: 1.0.3(@types/lodash-es@4.17.12)(lodash-es@4.17.21)(lodash@4.17.21)
       memoize-one: 6.0.0
       normalize-wheel-es: 1.2.0
-      vue: 3.4.27(typescript@5.4.5)
+      vue: 3.5.24(typescript@5.9.3)
     transitivePeerDependencies:
       - '@vue/composition-api'
 
-  emmet-monaco-es@5.3.2(monaco-editor@0.48.0):
+  emmet-monaco-es@5.7.0(monaco-editor@0.55.1):
     dependencies:
-      emmet: 2.4.7
-      monaco-editor: 0.48.0
+      emmet: 2.4.11
+      monaco-editor: 0.55.1
 
-  emmet@2.4.7:
+  emmet@2.4.11:
     dependencies:
       '@emmetio/abbreviation': 2.3.3
       '@emmetio/css-abbreviation': 2.1.8
 
+  emoji-regex-xs@1.0.0: {}
+
+  emoji-regex@10.6.0: {}
+
   emoji-regex@8.0.0: {}
 
   emoji-regex@9.2.2: {}
 
-  encode-utf8@1.0.3: {}
-
-  end-of-stream@1.4.4:
-    dependencies:
-      once: 1.4.0
-
   enquirer@2.4.1:
     dependencies:
       ansi-colors: 4.1.3
@@ -9155,326 +10149,277 @@ snapshots:
 
   entities@4.5.0: {}
 
-  env-paths@2.2.1:
-    optional: true
+  entities@6.0.1: {}
 
-  error-ex@1.3.2:
+  env-paths@2.2.1: {}
+
+  environment@1.1.0: {}
+
+  error-ex@1.3.4:
     dependencies:
       is-arrayish: 0.2.1
 
-  es-abstract@1.23.3:
+  es-abstract@1.24.0:
     dependencies:
-      array-buffer-byte-length: 1.0.1
-      arraybuffer.prototype.slice: 1.0.3
+      array-buffer-byte-length: 1.0.2
+      arraybuffer.prototype.slice: 1.0.4
       available-typed-arrays: 1.0.7
-      call-bind: 1.0.7
-      data-view-buffer: 1.0.1
-      data-view-byte-length: 1.0.1
-      data-view-byte-offset: 1.0.0
-      es-define-property: 1.0.0
+      call-bind: 1.0.8
+      call-bound: 1.0.4
+      data-view-buffer: 1.0.2
+      data-view-byte-length: 1.0.2
+      data-view-byte-offset: 1.0.1
+      es-define-property: 1.0.1
       es-errors: 1.3.0
-      es-object-atoms: 1.0.0
-      es-set-tostringtag: 2.0.3
-      es-to-primitive: 1.2.1
-      function.prototype.name: 1.1.6
-      get-intrinsic: 1.2.4
-      get-symbol-description: 1.0.2
+      es-object-atoms: 1.1.1
+      es-set-tostringtag: 2.1.0
+      es-to-primitive: 1.3.0
+      function.prototype.name: 1.1.8
+      get-intrinsic: 1.3.0
+      get-proto: 1.0.1
+      get-symbol-description: 1.1.0
       globalthis: 1.0.4
-      gopd: 1.0.1
+      gopd: 1.2.0
       has-property-descriptors: 1.0.2
-      has-proto: 1.0.3
-      has-symbols: 1.0.3
+      has-proto: 1.2.0
+      has-symbols: 1.1.0
       hasown: 2.0.2
-      internal-slot: 1.0.7
-      is-array-buffer: 3.0.4
+      internal-slot: 1.1.0
+      is-array-buffer: 3.0.5
       is-callable: 1.2.7
-      is-data-view: 1.0.1
+      is-data-view: 1.0.2
       is-negative-zero: 2.0.3
-      is-regex: 1.1.4
-      is-shared-array-buffer: 1.0.3
-      is-string: 1.0.7
-      is-typed-array: 1.1.13
-      is-weakref: 1.0.2
-      object-inspect: 1.13.1
+      is-regex: 1.2.1
+      is-set: 2.0.3
+      is-shared-array-buffer: 1.0.4
+      is-string: 1.1.1
+      is-typed-array: 1.1.15
+      is-weakref: 1.1.1
+      math-intrinsics: 1.1.0
+      object-inspect: 1.13.4
       object-keys: 1.1.1
-      object.assign: 4.1.5
-      regexp.prototype.flags: 1.5.2
-      safe-array-concat: 1.1.2
-      safe-regex-test: 1.0.3
-      string.prototype.trim: 1.2.9
-      string.prototype.trimend: 1.0.8
+      object.assign: 4.1.7
+      own-keys: 1.0.1
+      regexp.prototype.flags: 1.5.4
+      safe-array-concat: 1.1.3
+      safe-push-apply: 1.0.0
+      safe-regex-test: 1.1.0
+      set-proto: 1.0.0
+      stop-iteration-iterator: 1.1.0
+      string.prototype.trim: 1.2.10
+      string.prototype.trimend: 1.0.9
       string.prototype.trimstart: 1.0.8
-      typed-array-buffer: 1.0.2
-      typed-array-byte-length: 1.0.1
-      typed-array-byte-offset: 1.0.2
-      typed-array-length: 1.0.6
-      unbox-primitive: 1.0.2
-      which-typed-array: 1.1.15
+      typed-array-buffer: 1.0.3
+      typed-array-byte-length: 1.0.3
+      typed-array-byte-offset: 1.0.4
+      typed-array-length: 1.0.7
+      unbox-primitive: 1.1.0
+      which-typed-array: 1.1.19
 
-  es-define-property@1.0.0:
-    dependencies:
-      get-intrinsic: 1.2.4
+  es-define-property@1.0.1: {}
 
   es-errors@1.3.0: {}
 
-  es-get-iterator@1.1.3:
-    dependencies:
-      call-bind: 1.0.7
-      get-intrinsic: 1.2.4
-      has-symbols: 1.0.3
-      is-arguments: 1.1.1
-      is-map: 2.0.3
-      is-set: 2.0.3
-      is-string: 1.0.7
-      isarray: 2.0.5
-      stop-iteration-iterator: 1.0.0
+  es-module-lexer@1.7.0: {}
 
-  es-object-atoms@1.0.0:
+  es-module-lexer@2.0.0: {}
+
+  es-object-atoms@1.1.1:
     dependencies:
       es-errors: 1.3.0
 
-  es-set-tostringtag@2.0.3:
+  es-set-tostringtag@2.1.0:
     dependencies:
-      get-intrinsic: 1.2.4
+      es-errors: 1.3.0
+      get-intrinsic: 1.3.0
       has-tostringtag: 1.0.2
       hasown: 2.0.2
 
-  es-shim-unscopables@1.0.2:
+  es-shim-unscopables@1.1.0:
     dependencies:
       hasown: 2.0.2
 
-  es-to-primitive@1.2.1:
+  es-to-primitive@1.3.0:
     dependencies:
       is-callable: 1.2.7
-      is-date-object: 1.0.5
-      is-symbol: 1.0.4
+      is-date-object: 1.1.0
+      is-symbol: 1.1.1
 
-  esbuild@0.20.2:
+  esbuild@0.21.5:
     optionalDependencies:
-      '@esbuild/aix-ppc64': 0.20.2
-      '@esbuild/android-arm': 0.20.2
-      '@esbuild/android-arm64': 0.20.2
-      '@esbuild/android-x64': 0.20.2
-      '@esbuild/darwin-arm64': 0.20.2
-      '@esbuild/darwin-x64': 0.20.2
-      '@esbuild/freebsd-arm64': 0.20.2
-      '@esbuild/freebsd-x64': 0.20.2
-      '@esbuild/linux-arm': 0.20.2
-      '@esbuild/linux-arm64': 0.20.2
-      '@esbuild/linux-ia32': 0.20.2
-      '@esbuild/linux-loong64': 0.20.2
-      '@esbuild/linux-mips64el': 0.20.2
-      '@esbuild/linux-ppc64': 0.20.2
-      '@esbuild/linux-riscv64': 0.20.2
-      '@esbuild/linux-s390x': 0.20.2
-      '@esbuild/linux-x64': 0.20.2
-      '@esbuild/netbsd-x64': 0.20.2
-      '@esbuild/openbsd-x64': 0.20.2
-      '@esbuild/sunos-x64': 0.20.2
-      '@esbuild/win32-arm64': 0.20.2
-      '@esbuild/win32-ia32': 0.20.2
-      '@esbuild/win32-x64': 0.20.2
+      '@esbuild/aix-ppc64': 0.21.5
+      '@esbuild/android-arm': 0.21.5
+      '@esbuild/android-arm64': 0.21.5
+      '@esbuild/android-x64': 0.21.5
+      '@esbuild/darwin-arm64': 0.21.5
+      '@esbuild/darwin-x64': 0.21.5
+      '@esbuild/freebsd-arm64': 0.21.5
+      '@esbuild/freebsd-x64': 0.21.5
+      '@esbuild/linux-arm': 0.21.5
+      '@esbuild/linux-arm64': 0.21.5
+      '@esbuild/linux-ia32': 0.21.5
+      '@esbuild/linux-loong64': 0.21.5
+      '@esbuild/linux-mips64el': 0.21.5
+      '@esbuild/linux-ppc64': 0.21.5
+      '@esbuild/linux-riscv64': 0.21.5
+      '@esbuild/linux-s390x': 0.21.5
+      '@esbuild/linux-x64': 0.21.5
+      '@esbuild/netbsd-x64': 0.21.5
+      '@esbuild/openbsd-x64': 0.21.5
+      '@esbuild/sunos-x64': 0.21.5
+      '@esbuild/win32-arm64': 0.21.5
+      '@esbuild/win32-ia32': 0.21.5
+      '@esbuild/win32-x64': 0.21.5
 
-  esbuild@0.21.4:
-    optionalDependencies:
-      '@esbuild/aix-ppc64': 0.21.4
-      '@esbuild/android-arm': 0.21.4
-      '@esbuild/android-arm64': 0.21.4
-      '@esbuild/android-x64': 0.21.4
-      '@esbuild/darwin-arm64': 0.21.4
-      '@esbuild/darwin-x64': 0.21.4
-      '@esbuild/freebsd-arm64': 0.21.4
-      '@esbuild/freebsd-x64': 0.21.4
-      '@esbuild/linux-arm': 0.21.4
-      '@esbuild/linux-arm64': 0.21.4
-      '@esbuild/linux-ia32': 0.21.4
-      '@esbuild/linux-loong64': 0.21.4
-      '@esbuild/linux-mips64el': 0.21.4
-      '@esbuild/linux-ppc64': 0.21.4
-      '@esbuild/linux-riscv64': 0.21.4
-      '@esbuild/linux-s390x': 0.21.4
-      '@esbuild/linux-x64': 0.21.4
-      '@esbuild/netbsd-x64': 0.21.4
-      '@esbuild/openbsd-x64': 0.21.4
-      '@esbuild/sunos-x64': 0.21.4
-      '@esbuild/win32-arm64': 0.21.4
-      '@esbuild/win32-ia32': 0.21.4
-      '@esbuild/win32-x64': 0.21.4
-
-  escalade@3.1.2: {}
-
-  escape-html@1.0.3: {}
+  escalade@3.2.0: {}
 
   escape-string-regexp@1.0.5: {}
 
   escape-string-regexp@4.0.0: {}
 
-  escape-string-regexp@5.0.0: {}
-
-  escodegen@2.1.0:
+  eslint-config-prettier@10.1.8(eslint@10.0.3(jiti@2.6.1)):
     dependencies:
-      esprima: 4.0.1
-      estraverse: 5.3.0
-      esutils: 2.0.3
-    optionalDependencies:
-      source-map: 0.6.1
-
-  eslint-config-tencent@1.0.4(@babel/core@7.24.6)(@typescript-eslint/eslint-plugin@5.62.0(@typescript-eslint/parser@5.62.0(eslint@8.57.0)(typescript@5.4.5))(eslint@8.57.0)(typescript@5.4.5))(@typescript-eslint/parser@5.62.0(eslint@8.57.0)(typescript@5.4.5))(eslint-plugin-prettier@4.2.1(eslint@8.57.0)(prettier@2.8.8))(eslint@8.57.0)(prettier@2.8.8):
-    dependencies:
-      '@babel/core': 7.24.6
-      '@babel/eslint-parser': 7.24.6(@babel/core@7.24.6)(eslint@8.57.0)
-      '@typescript-eslint/eslint-plugin': 5.62.0(@typescript-eslint/parser@5.62.0(eslint@8.57.0)(typescript@5.4.5))(eslint@8.57.0)(typescript@5.4.5)
-      '@typescript-eslint/parser': 5.62.0(eslint@8.57.0)(typescript@5.4.5)
-      eslint: 8.57.0
-      eslint-plugin-chalk: 1.0.0(eslint@8.57.0)
-      eslint-plugin-import: 2.29.1(@typescript-eslint/parser@5.62.0(eslint@8.57.0)(typescript@5.4.5))(eslint@8.57.0)
-      eslint-plugin-prettier: 4.2.1(eslint@8.57.0)(prettier@2.8.8)
-      prettier: 2.8.8
-    transitivePeerDependencies:
-      - eslint-import-resolver-typescript
-      - eslint-import-resolver-webpack
-      - supports-color
+      eslint: 10.0.3(jiti@2.6.1)
 
   eslint-import-resolver-node@0.3.9:
     dependencies:
       debug: 3.2.7
-      is-core-module: 2.13.1
-      resolve: 1.22.8
+      is-core-module: 2.16.1
+      resolve: 1.22.11
     transitivePeerDependencies:
       - supports-color
 
-  eslint-module-utils@2.8.1(@typescript-eslint/parser@5.62.0(eslint@8.57.0)(typescript@5.4.5))(eslint-import-resolver-node@0.3.9)(eslint@8.57.0):
+  eslint-module-utils@2.12.1(@typescript-eslint/parser@8.57.1(eslint@10.0.3(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-node@0.3.9)(eslint@10.0.3(jiti@2.6.1)):
     dependencies:
       debug: 3.2.7
     optionalDependencies:
-      '@typescript-eslint/parser': 5.62.0(eslint@8.57.0)(typescript@5.4.5)
-      eslint: 8.57.0
+      '@typescript-eslint/parser': 8.57.1(eslint@10.0.3(jiti@2.6.1))(typescript@5.9.3)
+      eslint: 10.0.3(jiti@2.6.1)
       eslint-import-resolver-node: 0.3.9
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-chalk@1.0.0(eslint@8.57.0):
+  eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.57.1(eslint@10.0.3(jiti@2.6.1))(typescript@5.9.3))(eslint@10.0.3(jiti@2.6.1)):
     dependencies:
-      chalk: 4.1.2
-      eslint: 8.57.0
-
-  eslint-plugin-import@2.29.1(@typescript-eslint/parser@5.62.0(eslint@8.57.0)(typescript@5.4.5))(eslint@8.57.0):
-    dependencies:
-      array-includes: 3.1.8
-      array.prototype.findlastindex: 1.2.5
-      array.prototype.flat: 1.3.2
-      array.prototype.flatmap: 1.3.2
+      '@rtsao/scc': 1.1.0
+      array-includes: 3.1.9
+      array.prototype.findlastindex: 1.2.6
+      array.prototype.flat: 1.3.3
+      array.prototype.flatmap: 1.3.3
       debug: 3.2.7
       doctrine: 2.1.0
-      eslint: 8.57.0
+      eslint: 10.0.3(jiti@2.6.1)
       eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.8.1(@typescript-eslint/parser@5.62.0(eslint@8.57.0)(typescript@5.4.5))(eslint-import-resolver-node@0.3.9)(eslint@8.57.0)
+      eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.57.1(eslint@10.0.3(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-node@0.3.9)(eslint@10.0.3(jiti@2.6.1))
       hasown: 2.0.2
-      is-core-module: 2.13.1
+      is-core-module: 2.16.1
       is-glob: 4.0.3
       minimatch: 3.1.2
       object.fromentries: 2.0.8
       object.groupby: 1.0.3
-      object.values: 1.2.0
+      object.values: 1.2.1
       semver: 6.3.1
+      string.prototype.trimend: 1.0.9
       tsconfig-paths: 3.15.0
     optionalDependencies:
-      '@typescript-eslint/parser': 5.62.0(eslint@8.57.0)(typescript@5.4.5)
+      '@typescript-eslint/parser': 8.57.1(eslint@10.0.3(jiti@2.6.1))(typescript@5.9.3)
     transitivePeerDependencies:
       - eslint-import-resolver-typescript
       - eslint-import-resolver-webpack
       - supports-color
 
-  eslint-plugin-prettier@4.2.1(eslint@8.57.0)(prettier@2.8.8):
+  eslint-plugin-prettier@5.5.4(eslint-config-prettier@10.1.8(eslint@10.0.3(jiti@2.6.1)))(eslint@10.0.3(jiti@2.6.1))(prettier@3.8.1):
     dependencies:
-      eslint: 8.57.0
-      prettier: 2.8.8
+      eslint: 10.0.3(jiti@2.6.1)
+      prettier: 3.8.1
       prettier-linter-helpers: 1.0.0
+      synckit: 0.11.11
+    optionalDependencies:
+      eslint-config-prettier: 10.1.8(eslint@10.0.3(jiti@2.6.1))
 
-  eslint-plugin-simple-import-sort@10.0.0(eslint@8.57.0):
+  eslint-plugin-simple-import-sort@12.1.1(eslint@10.0.3(jiti@2.6.1)):
     dependencies:
-      eslint: 8.57.0
+      eslint: 10.0.3(jiti@2.6.1)
 
-  eslint-plugin-vue@9.26.0(eslint@8.57.0):
+  eslint-plugin-vue@10.8.0(@stylistic/eslint-plugin@5.10.0(eslint@10.0.3(jiti@2.6.1)))(@typescript-eslint/parser@8.57.1(eslint@10.0.3(jiti@2.6.1))(typescript@5.9.3))(eslint@10.0.3(jiti@2.6.1))(vue-eslint-parser@10.4.0(eslint@10.0.3(jiti@2.6.1))):
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
-      eslint: 8.57.0
-      globals: 13.24.0
+      '@eslint-community/eslint-utils': 4.9.0(eslint@10.0.3(jiti@2.6.1))
+      eslint: 10.0.3(jiti@2.6.1)
       natural-compare: 1.4.0
       nth-check: 2.1.1
-      postcss-selector-parser: 6.1.0
-      semver: 7.6.2
-      vue-eslint-parser: 9.4.3(eslint@8.57.0)
+      postcss-selector-parser: 7.1.1
+      semver: 7.7.3
+      vue-eslint-parser: 10.4.0(eslint@10.0.3(jiti@2.6.1))
       xml-name-validator: 4.0.0
-    transitivePeerDependencies:
-      - supports-color
+    optionalDependencies:
+      '@stylistic/eslint-plugin': 5.10.0(eslint@10.0.3(jiti@2.6.1))
+      '@typescript-eslint/parser': 8.57.1(eslint@10.0.3(jiti@2.6.1))(typescript@5.9.3)
 
-  eslint-scope@5.1.1:
-    dependencies:
-      esrecurse: 4.3.0
-      estraverse: 4.3.0
-
-  eslint-scope@7.2.2:
+  eslint-scope@9.1.2:
     dependencies:
+      '@types/esrecurse': 4.3.1
+      '@types/estree': 1.0.8
       esrecurse: 4.3.0
       estraverse: 5.3.0
 
-  eslint-visitor-keys@2.1.0: {}
-
   eslint-visitor-keys@3.4.3: {}
 
-  eslint@8.57.0:
+  eslint-visitor-keys@4.2.1: {}
+
+  eslint-visitor-keys@5.0.1: {}
+
+  eslint@10.0.3(jiti@2.6.1):
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
-      '@eslint-community/regexpp': 4.10.1
-      '@eslint/eslintrc': 2.1.4
-      '@eslint/js': 8.57.0
-      '@humanwhocodes/config-array': 0.11.14
+      '@eslint-community/eslint-utils': 4.9.0(eslint@10.0.3(jiti@2.6.1))
+      '@eslint-community/regexpp': 4.12.2
+      '@eslint/config-array': 0.23.3
+      '@eslint/config-helpers': 0.5.3
+      '@eslint/core': 1.1.1
+      '@eslint/plugin-kit': 0.6.1
+      '@humanfs/node': 0.16.7
       '@humanwhocodes/module-importer': 1.0.1
-      '@nodelib/fs.walk': 1.2.8
-      '@ungap/structured-clone': 1.2.0
-      ajv: 6.12.6
-      chalk: 4.1.2
-      cross-spawn: 7.0.3
-      debug: 4.3.5(supports-color@8.1.1)
-      doctrine: 3.0.0
+      '@humanwhocodes/retry': 0.4.3
+      '@types/estree': 1.0.8
+      ajv: 6.14.0
+      cross-spawn: 7.0.6
+      debug: 4.4.3
       escape-string-regexp: 4.0.0
-      eslint-scope: 7.2.2
-      eslint-visitor-keys: 3.4.3
-      espree: 9.6.1
-      esquery: 1.5.0
+      eslint-scope: 9.1.2
+      eslint-visitor-keys: 5.0.1
+      espree: 11.2.0
+      esquery: 1.7.0
       esutils: 2.0.3
       fast-deep-equal: 3.1.3
-      file-entry-cache: 6.0.1
+      file-entry-cache: 8.0.0
       find-up: 5.0.0
       glob-parent: 6.0.2
-      globals: 13.24.0
-      graphemer: 1.4.0
-      ignore: 5.3.1
+      ignore: 5.3.2
       imurmurhash: 0.1.4
       is-glob: 4.0.3
-      is-path-inside: 3.0.3
-      js-yaml: 4.1.0
       json-stable-stringify-without-jsonify: 1.0.1
-      levn: 0.4.1
-      lodash.merge: 4.6.2
-      minimatch: 3.1.2
+      minimatch: 10.2.4
       natural-compare: 1.4.0
       optionator: 0.9.4
-      strip-ansi: 6.0.1
-      text-table: 0.2.0
+    optionalDependencies:
+      jiti: 2.6.1
     transitivePeerDependencies:
       - supports-color
 
-  espree@9.6.1:
+  espree@10.4.0:
     dependencies:
-      acorn: 8.11.3
-      acorn-jsx: 5.3.2(acorn@8.11.3)
-      eslint-visitor-keys: 3.4.3
+      acorn: 8.15.0
+      acorn-jsx: 5.3.2(acorn@8.15.0)
+      eslint-visitor-keys: 4.2.1
+
+  espree@11.2.0:
+    dependencies:
+      acorn: 8.16.0
+      acorn-jsx: 5.3.2(acorn@8.16.0)
+      eslint-visitor-keys: 5.0.1
 
   esprima@4.0.1: {}
 
-  esquery@1.5.0:
+  esquery@1.7.0:
     dependencies:
       estraverse: 5.3.0
 
@@ -9482,60 +10427,41 @@ snapshots:
     dependencies:
       estraverse: 5.3.0
 
-  estraverse@4.3.0: {}
-
   estraverse@5.3.0: {}
 
   estree-walker@2.0.2: {}
 
   estree-walker@3.0.3:
     dependencies:
-      '@types/estree': 1.0.5
+      '@types/estree': 1.0.8
 
   esutils@2.0.3: {}
 
+  eventemitter3@5.0.1: {}
+
   events@3.3.0: {}
 
-  execa@4.1.0:
+  execa@9.6.0:
     dependencies:
-      cross-spawn: 7.0.3
-      get-stream: 5.2.0
-      human-signals: 1.1.1
-      is-stream: 2.0.1
-      merge-stream: 2.0.0
-      npm-run-path: 4.0.1
-      onetime: 5.1.2
-      signal-exit: 3.0.7
-      strip-final-newline: 2.0.0
-
-  execa@5.1.1:
-    dependencies:
-      cross-spawn: 7.0.3
-      get-stream: 6.0.1
-      human-signals: 2.1.0
-      is-stream: 2.0.1
-      merge-stream: 2.0.0
-      npm-run-path: 4.0.1
-      onetime: 5.1.2
-      signal-exit: 3.0.7
-      strip-final-newline: 2.0.0
-
-  execa@8.0.1:
-    dependencies:
-      cross-spawn: 7.0.3
-      get-stream: 8.0.1
-      human-signals: 5.0.0
-      is-stream: 3.0.0
-      merge-stream: 2.0.0
-      npm-run-path: 5.3.0
-      onetime: 6.0.0
+      '@sindresorhus/merge-streams': 4.0.0
+      cross-spawn: 7.0.6
+      figures: 6.1.0
+      get-stream: 9.0.1
+      human-signals: 8.0.1
+      is-plain-obj: 4.1.0
+      is-stream: 4.0.1
+      npm-run-path: 6.0.0
+      pretty-ms: 9.3.0
       signal-exit: 4.1.0
-      strip-final-newline: 3.0.0
+      strip-final-newline: 4.0.0
+      yoctocolors: 2.1.2
 
   expand-tilde@2.0.2:
     dependencies:
       homedir-polyfill: 1.0.3
 
+  expect-type@1.3.0: {}
+
   external-editor@3.1.0:
     dependencies:
       chardet: 0.7.0
@@ -9546,29 +10472,39 @@ snapshots:
 
   fast-diff@1.3.0: {}
 
-  fast-glob@3.3.2:
+  fast-glob@3.3.3:
     dependencies:
       '@nodelib/fs.stat': 2.0.5
       '@nodelib/fs.walk': 1.2.8
       glob-parent: 5.1.2
       merge2: 1.4.1
-      micromatch: 4.0.7
+      micromatch: 4.0.8
 
   fast-json-stable-stringify@2.1.0: {}
 
   fast-levenshtein@2.0.6: {}
 
-  fastq@1.17.1:
+  fast-uri@3.1.0: {}
+
+  fastq@1.19.1:
     dependencies:
-      reusify: 1.0.4
+      reusify: 1.1.0
+
+  fdir@6.5.0(picomatch@4.0.3):
+    optionalDependencies:
+      picomatch: 4.0.3
 
   figures@3.2.0:
     dependencies:
       escape-string-regexp: 1.0.5
 
-  file-entry-cache@6.0.1:
+  figures@6.1.0:
     dependencies:
-      flat-cache: 3.2.0
+      is-unicode-supported: 2.1.0
+
+  file-entry-cache@8.0.0:
+    dependencies:
+      flat-cache: 4.0.1
 
   fill-range@7.1.1:
     dependencies:
@@ -9581,6 +10517,8 @@ snapshots:
 
   find-root@1.1.0: {}
 
+  find-up-simple@1.0.1: {}
+
   find-up@4.1.0:
     dependencies:
       locate-path: 5.0.0
@@ -9591,65 +10529,62 @@ snapshots:
       locate-path: 6.0.0
       path-exists: 4.0.0
 
-  find-up@6.3.0:
+  find-up@7.0.0:
     dependencies:
       locate-path: 7.2.0
       path-exists: 5.0.0
+      unicorn-magic: 0.1.0
 
   findup-sync@4.0.0:
     dependencies:
       detect-file: 1.0.0
       is-glob: 4.0.3
-      micromatch: 4.0.7
+      micromatch: 4.0.8
       resolve-dir: 1.0.1
 
-  flat-cache@3.2.0:
+  flat-cache@4.0.1:
     dependencies:
-      flatted: 3.3.1
+      flatted: 3.3.3
       keyv: 4.5.4
-      rimraf: 3.0.2
 
-  flatted@3.3.1: {}
+  flatted@3.3.3: {}
 
-  focus-trap@7.5.4:
+  focus-trap@7.6.6:
     dependencies:
-      tabbable: 6.2.0
+      tabbable: 6.3.0
 
-  follow-redirects@1.15.6: {}
+  follow-redirects@1.15.11: {}
 
-  for-each@0.3.3:
+  for-each@0.3.5:
     dependencies:
       is-callable: 1.2.7
 
-  foreground-child@2.0.0:
+  foreground-child@3.3.1:
     dependencies:
-      cross-spawn: 7.0.3
-      signal-exit: 3.0.7
-
-  foreground-child@3.1.1:
-    dependencies:
-      cross-spawn: 7.0.3
+      cross-spawn: 7.0.6
       signal-exit: 4.1.0
 
-  form-data@4.0.0:
+  form-data@4.0.5:
     dependencies:
       asynckit: 0.4.0
       combined-stream: 1.0.8
+      es-set-tostringtag: 2.1.0
+      hasown: 2.0.2
       mime-types: 2.1.35
 
   framework-utils@1.1.0: {}
 
-  fs-extra@11.2.0:
+  fs-extra@11.3.2:
     dependencies:
       graceful-fs: 4.2.11
-      jsonfile: 6.1.0
+      jsonfile: 6.2.0
       universalify: 2.0.1
 
   fs-extra@9.1.0:
     dependencies:
       at-least-node: 1.0.0
       graceful-fs: 4.2.11
-      jsonfile: 6.1.0
+      jsonfile: 6.2.0
       universalify: 2.0.1
 
   fs.realpath@1.0.0: {}
@@ -9659,15 +10594,19 @@ snapshots:
 
   function-bind@1.1.2: {}
 
-  function.prototype.name@1.1.6:
+  function.prototype.name@1.1.8:
     dependencies:
-      call-bind: 1.0.7
+      call-bind: 1.0.8
+      call-bound: 1.0.4
       define-properties: 1.2.1
-      es-abstract: 1.23.3
       functions-have-names: 1.2.3
+      hasown: 2.0.2
+      is-callable: 1.2.7
 
   functions-have-names@1.2.3: {}
 
+  generator-function@2.0.1: {}
+
   gensync@1.0.0-beta.2: {}
 
   gesto@1.19.4:
@@ -9677,39 +10616,40 @@ snapshots:
 
   get-caller-file@2.0.5: {}
 
-  get-func-name@2.0.2: {}
+  get-east-asian-width@1.4.0: {}
 
-  get-intrinsic@1.2.4:
+  get-intrinsic@1.3.0:
     dependencies:
+      call-bind-apply-helpers: 1.0.2
+      es-define-property: 1.0.1
       es-errors: 1.3.0
+      es-object-atoms: 1.1.1
       function-bind: 1.1.2
-      has-proto: 1.0.3
-      has-symbols: 1.0.3
+      get-proto: 1.0.1
+      gopd: 1.2.0
+      has-symbols: 1.1.0
       hasown: 2.0.2
+      math-intrinsics: 1.1.0
 
-  get-own-enumerable-property-symbols@3.0.2: {}
-
-  get-stream@5.2.0:
+  get-proto@1.0.1:
     dependencies:
-      pump: 3.0.0
+      dunder-proto: 1.0.1
+      es-object-atoms: 1.1.1
 
-  get-stream@6.0.1: {}
-
-  get-stream@8.0.1: {}
-
-  get-symbol-description@1.0.2:
+  get-stream@9.0.1:
     dependencies:
-      call-bind: 1.0.7
+      '@sec-ant/readable-stream': 0.4.1
+      is-stream: 4.0.1
+
+  get-symbol-description@1.1.0:
+    dependencies:
+      call-bound: 1.0.4
       es-errors: 1.3.0
-      get-intrinsic: 1.2.4
+      get-intrinsic: 1.3.0
 
-  git-raw-commits@2.0.11:
+  get-tsconfig@4.13.6:
     dependencies:
-      dargs: 7.0.0
-      lodash: 4.17.21
-      meow: 8.1.2
-      split2: 3.2.2
-      through2: 4.0.2
+      resolve-pkg-maps: 1.0.0
 
   git-raw-commits@4.0.0:
     dependencies:
@@ -9717,10 +10657,21 @@ snapshots:
       meow: 12.1.1
       split2: 4.2.0
 
-  git-semver-tags@7.0.1:
+  git-raw-commits@5.0.0(conventional-commits-filter@5.0.0)(conventional-commits-parser@6.2.1):
     dependencies:
-      meow: 12.1.1
-      semver: 7.6.2
+      '@conventional-changelog/git-client': 1.0.1(conventional-commits-filter@5.0.0)(conventional-commits-parser@6.2.1)
+      meow: 13.2.0
+    transitivePeerDependencies:
+      - conventional-commits-filter
+      - conventional-commits-parser
+
+  git-semver-tags@8.0.0(conventional-commits-filter@5.0.0)(conventional-commits-parser@6.2.1):
+    dependencies:
+      '@conventional-changelog/git-client': 1.0.1(conventional-commits-filter@5.0.0)(conventional-commits-parser@6.2.1)
+      meow: 13.2.0
+    transitivePeerDependencies:
+      - conventional-commits-filter
+      - conventional-commits-parser
 
   glob-parent@5.1.2:
     dependencies:
@@ -9730,12 +10681,13 @@ snapshots:
     dependencies:
       is-glob: 4.0.3
 
-  glob@10.4.1:
+  glob@10.5.0:
     dependencies:
-      foreground-child: 3.1.1
-      jackspeak: 3.3.0
-      minimatch: 9.0.4
+      foreground-child: 3.3.1
+      jackspeak: 3.4.3
+      minimatch: 9.0.5
       minipass: 7.1.2
+      package-json-from-dist: 1.0.1
       path-scurry: 1.11.1
 
   glob@7.2.3:
@@ -9750,11 +10702,6 @@ snapshots:
   global-directory@4.0.1:
     dependencies:
       ini: 4.1.1
-    optional: true
-
-  global-dirs@0.1.1:
-    dependencies:
-      ini: 1.3.8
 
   global-modules@1.0.0:
     dependencies:
@@ -9770,34 +10717,17 @@ snapshots:
       is-windows: 1.0.2
       which: 1.3.1
 
-  globals@11.12.0: {}
-
-  globals@13.24.0:
-    dependencies:
-      type-fest: 0.20.2
+  globals@17.4.0: {}
 
   globalthis@1.0.4:
     dependencies:
       define-properties: 1.2.1
-      gopd: 1.0.1
+      gopd: 1.2.0
 
-  globby@11.1.0:
-    dependencies:
-      array-union: 2.1.0
-      dir-glob: 3.0.1
-      fast-glob: 3.3.2
-      ignore: 5.3.1
-      merge2: 1.4.1
-      slash: 3.0.0
-
-  gopd@1.0.1:
-    dependencies:
-      get-intrinsic: 1.2.4
+  gopd@1.2.0: {}
 
   graceful-fs@4.2.11: {}
 
-  graphemer@1.4.0: {}
-
   handlebars@4.7.8:
     dependencies:
       minimist: 1.2.8
@@ -9805,11 +10735,9 @@ snapshots:
       source-map: 0.6.1
       wordwrap: 1.0.0
     optionalDependencies:
-      uglify-js: 3.17.4
+      uglify-js: 3.19.3
 
-  hard-rejection@2.1.0: {}
-
-  has-bigints@1.0.2: {}
+  has-bigints@1.1.0: {}
 
   has-flag@3.0.0: {}
 
@@ -9817,23 +10745,41 @@ snapshots:
 
   has-property-descriptors@1.0.2:
     dependencies:
-      es-define-property: 1.0.0
+      es-define-property: 1.0.1
 
-  has-proto@1.0.3: {}
+  has-proto@1.2.0:
+    dependencies:
+      dunder-proto: 1.0.1
 
-  has-symbols@1.0.3: {}
+  has-symbols@1.1.0: {}
 
   has-tostringtag@1.0.2:
     dependencies:
-      has-symbols: 1.0.3
+      has-symbols: 1.1.0
 
   hasown@2.0.2:
     dependencies:
       function-bind: 1.1.2
 
-  he@1.2.0: {}
+  hast-util-to-html@9.0.5:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/unist': 3.0.3
+      ccount: 2.0.1
+      comma-separated-tokens: 2.0.3
+      hast-util-whitespace: 3.0.0
+      html-void-elements: 3.0.0
+      mdast-util-to-hast: 13.2.0
+      property-information: 7.1.0
+      space-separated-tokens: 2.0.2
+      stringify-entities: 4.0.4
+      zwitch: 2.0.4
 
-  highlight.js@11.9.0: {}
+  hast-util-whitespace@3.0.0:
+    dependencies:
+      '@types/hast': 3.0.4
+
+  highlight.js@11.11.1: {}
 
   homedir-polyfill@1.0.3:
     dependencies:
@@ -9841,46 +10787,35 @@ snapshots:
 
   hookable@5.5.3: {}
 
-  hosted-git-info@2.8.9: {}
-
-  hosted-git-info@4.1.0:
-    dependencies:
-      lru-cache: 6.0.0
-
   hosted-git-info@7.0.2:
     dependencies:
-      lru-cache: 10.2.2
+      lru-cache: 10.4.3
 
-  html-encoding-sniffer@3.0.0:
+  html-encoding-sniffer@4.0.0:
     dependencies:
-      whatwg-encoding: 2.0.0
+      whatwg-encoding: 3.1.1
 
   html-escaper@2.0.2: {}
 
-  html-tags@3.3.1: {}
+  html-void-elements@3.0.0: {}
 
-  http-proxy-agent@5.0.0:
+  http-proxy-agent@7.0.2:
     dependencies:
-      '@tootallnate/once': 2.0.0
-      agent-base: 6.0.2
-      debug: 4.3.5(supports-color@8.1.1)
+      agent-base: 7.1.4
+      debug: 4.4.3
     transitivePeerDependencies:
       - supports-color
 
-  https-proxy-agent@5.0.1:
+  https-proxy-agent@7.0.6:
     dependencies:
-      agent-base: 6.0.2
-      debug: 4.3.5(supports-color@8.1.1)
+      agent-base: 7.1.4
+      debug: 4.4.3
     transitivePeerDependencies:
       - supports-color
 
-  human-signals@1.1.1: {}
+  human-signals@8.0.1: {}
 
-  human-signals@2.1.0: {}
-
-  human-signals@5.0.0: {}
-
-  husky@7.0.4: {}
+  husky@9.1.7: {}
 
   iconv-lite@0.4.24:
     dependencies:
@@ -9892,21 +10827,22 @@ snapshots:
 
   ieee754@1.2.1: {}
 
-  ignore@5.3.1: {}
+  ignore@5.3.2: {}
 
-  immutable@4.3.6: {}
+  ignore@7.0.5: {}
 
-  import-fresh@3.3.0:
+  immutable@5.1.4: {}
+
+  import-fresh@3.3.1:
     dependencies:
       parent-module: 1.0.1
       resolve-from: 4.0.0
 
-  import-meta-resolve@4.1.0:
-    optional: true
+  import-meta-resolve@4.2.0: {}
 
   imurmurhash@0.1.4: {}
 
-  indent-string@4.0.0: {}
+  index-to-position@1.2.0: {}
 
   inflight@1.0.6:
     dependencies:
@@ -9917,8 +10853,7 @@ snapshots:
 
   ini@1.3.8: {}
 
-  ini@4.1.1:
-    optional: true
+  ini@4.1.1: {}
 
   inquirer@8.2.5:
     dependencies:
@@ -9932,65 +10867,86 @@ snapshots:
       mute-stream: 0.0.8
       ora: 5.4.1
       run-async: 2.4.1
-      rxjs: 7.8.1
+      rxjs: 7.8.2
       string-width: 4.2.3
       strip-ansi: 6.0.1
       through: 2.3.8
       wrap-ansi: 7.0.0
 
-  internal-slot@1.0.7:
+  internal-slot@1.1.0:
     dependencies:
       es-errors: 1.3.0
       hasown: 2.0.2
-      side-channel: 1.0.6
+      side-channel: 1.1.0
 
   interpret@1.4.0: {}
 
-  is-arguments@1.1.1:
+  is-array-buffer@3.0.5:
     dependencies:
-      call-bind: 1.0.7
-      has-tostringtag: 1.0.2
-
-  is-array-buffer@3.0.4:
-    dependencies:
-      call-bind: 1.0.7
-      get-intrinsic: 1.2.4
+      call-bind: 1.0.8
+      call-bound: 1.0.4
+      get-intrinsic: 1.3.0
 
   is-arrayish@0.2.1: {}
 
-  is-arrayish@0.3.2: {}
-
-  is-bigint@1.0.4:
+  is-async-function@2.1.1:
     dependencies:
-      has-bigints: 1.0.2
+      async-function: 1.0.0
+      call-bound: 1.0.4
+      get-proto: 1.0.1
+      has-tostringtag: 1.0.2
+      safe-regex-test: 1.1.0
+
+  is-bigint@1.1.0:
+    dependencies:
+      has-bigints: 1.1.0
 
   is-binary-path@2.1.0:
     dependencies:
       binary-extensions: 2.3.0
 
-  is-boolean-object@1.1.2:
+  is-boolean-object@1.2.2:
     dependencies:
-      call-bind: 1.0.7
+      call-bound: 1.0.4
       has-tostringtag: 1.0.2
 
   is-callable@1.2.7: {}
 
-  is-core-module@2.13.1:
+  is-core-module@2.16.1:
     dependencies:
       hasown: 2.0.2
 
-  is-data-view@1.0.1:
+  is-data-view@1.0.2:
     dependencies:
-      is-typed-array: 1.1.13
+      call-bound: 1.0.4
+      get-intrinsic: 1.3.0
+      is-typed-array: 1.1.15
 
-  is-date-object@1.0.5:
+  is-date-object@1.1.0:
     dependencies:
+      call-bound: 1.0.4
       has-tostringtag: 1.0.2
 
   is-extglob@2.1.1: {}
 
+  is-finalizationregistry@1.1.1:
+    dependencies:
+      call-bound: 1.0.4
+
   is-fullwidth-code-point@3.0.0: {}
 
+  is-fullwidth-code-point@5.1.0:
+    dependencies:
+      get-east-asian-width: 1.4.0
+
+  is-generator-function@1.1.2:
+    dependencies:
+      call-bound: 1.0.4
+      generator-function: 2.0.1
+      get-proto: 1.0.1
+      has-tostringtag: 1.0.2
+      safe-regex-test: 1.1.0
+
   is-glob@4.0.3:
     dependencies:
       is-extglob: 2.1.1
@@ -10001,73 +10957,73 @@ snapshots:
 
   is-negative-zero@2.0.3: {}
 
-  is-number-object@1.0.7:
+  is-number-object@1.1.1:
     dependencies:
+      call-bound: 1.0.4
       has-tostringtag: 1.0.2
 
   is-number@7.0.0: {}
 
-  is-obj@1.0.1: {}
-
   is-obj@2.0.0: {}
 
-  is-path-inside@3.0.3: {}
+  is-plain-obj@2.1.0: {}
 
-  is-plain-obj@1.1.0: {}
+  is-plain-obj@4.1.0: {}
 
   is-potential-custom-element-name@1.0.1: {}
 
-  is-reference@3.0.2:
+  is-regex@1.2.1:
     dependencies:
-      '@types/estree': 1.0.5
-
-  is-regex@1.1.4:
-    dependencies:
-      call-bind: 1.0.7
+      call-bound: 1.0.4
+      gopd: 1.2.0
       has-tostringtag: 1.0.2
-
-  is-regexp@1.0.0: {}
+      hasown: 2.0.2
 
   is-set@2.0.3: {}
 
-  is-shared-array-buffer@1.0.3:
+  is-shared-array-buffer@1.0.4:
     dependencies:
-      call-bind: 1.0.7
+      call-bound: 1.0.4
 
-  is-stream@2.0.1: {}
+  is-stream@4.0.1: {}
 
-  is-stream@3.0.0: {}
-
-  is-string@1.0.7:
+  is-string@1.1.1:
     dependencies:
+      call-bound: 1.0.4
       has-tostringtag: 1.0.2
 
-  is-symbol@1.0.4:
+  is-symbol@1.1.1:
     dependencies:
-      has-symbols: 1.0.3
+      call-bound: 1.0.4
+      has-symbols: 1.1.0
+      safe-regex-test: 1.1.0
 
   is-text-path@2.0.0:
     dependencies:
       text-extensions: 2.4.0
 
-  is-typed-array@1.1.13:
+  is-typed-array@1.1.15:
     dependencies:
-      which-typed-array: 1.1.15
+      which-typed-array: 1.1.19
 
   is-unicode-supported@0.1.0: {}
 
+  is-unicode-supported@2.1.0: {}
+
   is-utf8@0.2.1: {}
 
   is-weakmap@2.0.2: {}
 
-  is-weakref@1.0.2:
+  is-weakref@1.1.1:
     dependencies:
-      call-bind: 1.0.7
+      call-bound: 1.0.4
 
-  is-weakset@2.0.3:
+  is-weakset@2.0.4:
     dependencies:
-      call-bind: 1.0.7
-      get-intrinsic: 1.2.4
+      call-bound: 1.0.4
+      get-intrinsic: 1.3.0
+
+  is-what@5.5.0: {}
 
   is-windows@1.0.2: {}
 
@@ -10083,104 +11039,83 @@ snapshots:
       make-dir: 4.0.0
       supports-color: 7.2.0
 
-  istanbul-lib-source-maps@5.0.4:
-    dependencies:
-      '@jridgewell/trace-mapping': 0.3.25
-      debug: 4.3.5(supports-color@8.1.1)
-      istanbul-lib-coverage: 3.2.2
-    transitivePeerDependencies:
-      - supports-color
-
-  istanbul-reports@3.1.7:
+  istanbul-reports@3.2.0:
     dependencies:
       html-escaper: 2.0.2
       istanbul-lib-report: 3.0.1
 
-  jackspeak@3.3.0:
+  jackspeak@3.4.3:
     dependencies:
       '@isaacs/cliui': 8.0.2
     optionalDependencies:
       '@pkgjs/parseargs': 0.11.0
 
-  jiti@1.21.3: {}
+  jiti@2.6.1: {}
 
-  js-beautify@1.15.1:
+  js-beautify@1.15.4:
     dependencies:
       config-chain: 1.1.13
       editorconfig: 1.0.4
-      glob: 10.4.1
+      glob: 10.5.0
       js-cookie: 3.0.5
       nopt: 7.2.1
 
   js-cookie@3.0.5: {}
 
+  js-tokens@10.0.0: {}
+
   js-tokens@4.0.0: {}
 
-  js-tokens@9.0.0: {}
-
-  js-yaml@4.1.0:
+  js-yaml@4.1.1:
     dependencies:
       argparse: 2.0.1
 
-  jsdom@19.0.0:
+  jsdom@27.2.0:
     dependencies:
-      abab: 2.0.6
-      acorn: 8.11.3
-      acorn-globals: 6.0.0
-      cssom: 0.5.0
-      cssstyle: 2.3.0
-      data-urls: 3.0.2
-      decimal.js: 10.4.3
-      domexception: 4.0.0
-      escodegen: 2.1.0
-      form-data: 4.0.0
-      html-encoding-sniffer: 3.0.0
-      http-proxy-agent: 5.0.0
-      https-proxy-agent: 5.0.1
+      '@acemir/cssom': 0.9.23
+      '@asamuzakjp/dom-selector': 6.7.4
+      cssstyle: 5.3.3
+      data-urls: 6.0.0
+      decimal.js: 10.6.0
+      html-encoding-sniffer: 4.0.0
+      http-proxy-agent: 7.0.2
+      https-proxy-agent: 7.0.6
       is-potential-custom-element-name: 1.0.1
-      nwsapi: 2.2.10
-      parse5: 6.0.1
-      saxes: 5.0.1
+      parse5: 8.0.0
+      saxes: 6.0.0
       symbol-tree: 3.2.4
-      tough-cookie: 4.1.4
-      w3c-hr-time: 1.0.2
-      w3c-xmlserializer: 3.0.0
-      webidl-conversions: 7.0.0
-      whatwg-encoding: 2.0.0
-      whatwg-mimetype: 3.0.0
-      whatwg-url: 10.0.0
-      ws: 8.17.0
-      xml-name-validator: 4.0.0
+      tough-cookie: 6.0.0
+      w3c-xmlserializer: 5.0.0
+      webidl-conversions: 8.0.0
+      whatwg-encoding: 3.1.1
+      whatwg-mimetype: 4.0.0
+      whatwg-url: 15.1.0
+      ws: 8.18.3
+      xml-name-validator: 5.0.0
     transitivePeerDependencies:
       - bufferutil
       - supports-color
       - utf-8-validate
 
-  jsesc@0.5.0: {}
-
-  jsesc@2.5.2: {}
+  jsesc@3.1.0: {}
 
   json-buffer@3.0.1: {}
 
   json-parse-even-better-errors@2.3.1: {}
 
-  json-parse-even-better-errors@3.0.2: {}
-
   json-schema-traverse@0.4.1: {}
 
   json-schema-traverse@1.0.0: {}
 
   json-stable-stringify-without-jsonify@1.0.1: {}
 
-  json-stringify-safe@5.0.1: {}
-
   json5@1.0.2:
     dependencies:
       minimist: 1.2.8
 
   json5@2.2.3: {}
 
-  jsonfile@6.1.0:
+  jsonfile@6.2.0:
     dependencies:
       universalify: 2.0.1
     optionalDependencies:
@@ -10201,53 +11136,80 @@ snapshots:
     dependencies:
       json-buffer: 3.0.1
 
-  kind-of@6.0.3: {}
-
   levn@0.4.1:
     dependencies:
       prelude-ls: 1.2.1
       type-check: 0.4.0
 
+  lightningcss-android-arm64@1.32.0:
+    optional: true
+
+  lightningcss-darwin-arm64@1.32.0:
+    optional: true
+
+  lightningcss-darwin-x64@1.32.0:
+    optional: true
+
+  lightningcss-freebsd-x64@1.32.0:
+    optional: true
+
+  lightningcss-linux-arm-gnueabihf@1.32.0:
+    optional: true
+
+  lightningcss-linux-arm64-gnu@1.32.0:
+    optional: true
+
+  lightningcss-linux-arm64-musl@1.32.0:
+    optional: true
+
+  lightningcss-linux-x64-gnu@1.32.0:
+    optional: true
+
+  lightningcss-linux-x64-musl@1.32.0:
+    optional: true
+
+  lightningcss-win32-arm64-msvc@1.32.0:
+    optional: true
+
+  lightningcss-win32-x64-msvc@1.32.0:
+    optional: true
+
+  lightningcss@1.32.0:
+    dependencies:
+      detect-libc: 2.1.2
+    optionalDependencies:
+      lightningcss-android-arm64: 1.32.0
+      lightningcss-darwin-arm64: 1.32.0
+      lightningcss-darwin-x64: 1.32.0
+      lightningcss-freebsd-x64: 1.32.0
+      lightningcss-linux-arm-gnueabihf: 1.32.0
+      lightningcss-linux-arm64-gnu: 1.32.0
+      lightningcss-linux-arm64-musl: 1.32.0
+      lightningcss-linux-x64-gnu: 1.32.0
+      lightningcss-linux-x64-musl: 1.32.0
+      lightningcss-win32-arm64-msvc: 1.32.0
+      lightningcss-win32-x64-msvc: 1.32.0
+
   lines-and-columns@1.2.4: {}
 
-  lines-and-columns@2.0.4: {}
-
-  lint-staged@11.2.6:
+  lint-staged@16.2.7:
     dependencies:
-      cli-truncate: 2.1.0
-      colorette: 1.4.0
-      commander: 8.3.0
-      cosmiconfig: 7.1.0
-      debug: 4.3.5(supports-color@8.1.1)
-      enquirer: 2.4.1
-      execa: 5.1.1
-      listr2: 3.14.0(enquirer@2.4.1)
-      micromatch: 4.0.7
-      normalize-path: 3.0.0
-      please-upgrade-node: 3.2.0
-      string-argv: 0.3.1
-      stringify-object: 3.3.0
-      supports-color: 8.1.1
+      commander: 14.0.2
+      listr2: 9.0.5
+      micromatch: 4.0.8
+      nano-spawn: 2.0.0
+      pidtree: 0.6.0
+      string-argv: 0.3.2
+      yaml: 2.8.1
 
-  listr2@3.14.0(enquirer@2.4.1):
+  listr2@9.0.5:
     dependencies:
-      cli-truncate: 2.1.0
+      cli-truncate: 5.1.1
       colorette: 2.0.20
-      log-update: 4.0.0
-      p-map: 4.0.0
-      rfdc: 1.3.1
-      rxjs: 7.8.1
-      through: 2.3.8
-      wrap-ansi: 7.0.0
-    optionalDependencies:
-      enquirer: 2.4.1
-
-  local-pkg@0.4.3: {}
-
-  local-pkg@0.5.0:
-    dependencies:
-      mlly: 1.7.1
-      pkg-types: 1.1.1
+      eventemitter3: 5.0.1
+      log-update: 6.1.0
+      rfdc: 1.4.1
+      wrap-ansi: 9.0.2
 
   locate-path@5.0.0:
     dependencies:
@@ -10273,8 +11235,6 @@ snapshots:
 
   lodash.debounce@4.0.8: {}
 
-  lodash.isfunction@3.0.9: {}
-
   lodash.isplainobject@4.0.6: {}
 
   lodash.kebabcase@4.1.1: {}
@@ -10300,12 +11260,13 @@ snapshots:
       chalk: 4.1.2
       is-unicode-supported: 0.1.0
 
-  log-update@4.0.0:
+  log-update@6.1.0:
     dependencies:
-      ansi-escapes: 4.3.2
-      cli-cursor: 3.1.0
-      slice-ansi: 4.0.0
-      wrap-ansi: 6.2.0
+      ansi-escapes: 7.2.0
+      cli-cursor: 5.0.0
+      slice-ansi: 7.1.2
+      strip-ansi: 7.1.2
+      wrap-ansi: 9.0.2
 
   longest@2.0.1: {}
 
@@ -10313,73 +11274,80 @@ snapshots:
     dependencies:
       js-tokens: 4.0.0
 
-  loupe@2.3.7:
-    dependencies:
-      get-func-name: 2.0.2
+  lru-cache@10.4.3: {}
 
-  lru-cache@10.2.2: {}
+  lru-cache@11.2.2: {}
 
   lru-cache@5.1.1:
     dependencies:
       yallist: 3.1.1
 
-  lru-cache@6.0.0:
+  magic-string@0.30.21:
     dependencies:
-      yallist: 4.0.0
+      '@jridgewell/sourcemap-codec': 1.5.5
 
-  lz-string@1.5.0: {}
-
-  magic-string@0.27.0:
+  magicast@0.5.2:
     dependencies:
-      '@jridgewell/sourcemap-codec': 1.4.15
-
-  magic-string@0.30.10:
-    dependencies:
-      '@jridgewell/sourcemap-codec': 1.4.15
-
-  magicast@0.3.4:
-    dependencies:
-      '@babel/parser': 7.24.6
-      '@babel/types': 7.24.6
-      source-map-js: 1.2.0
+      '@babel/parser': 7.29.2
+      '@babel/types': 7.29.0
+      source-map-js: 1.2.1
 
   make-dir@4.0.0:
     dependencies:
-      semver: 7.6.2
-
-  map-obj@1.0.1: {}
-
-  map-obj@4.3.0: {}
+      semver: 7.7.3
 
   mark.js@8.11.1: {}
 
+  marked@14.0.0: {}
+
+  math-intrinsics@1.1.0: {}
+
+  mdast-util-to-hast@13.2.0:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.4
+      '@ungap/structured-clone': 1.3.0
+      devlop: 1.1.0
+      micromark-util-sanitize-uri: 2.0.1
+      trim-lines: 3.0.1
+      unist-util-position: 5.0.0
+      unist-util-visit: 5.0.0
+      vfile: 6.0.3
+
+  mdn-data@2.12.2: {}
+
   memoize-one@6.0.0: {}
 
   meow@12.1.1: {}
 
   meow@13.2.0: {}
 
-  meow@8.1.2:
+  merge-options@3.0.4:
     dependencies:
-      '@types/minimist': 1.2.5
-      camelcase-keys: 6.2.2
-      decamelize-keys: 1.1.1
-      hard-rejection: 2.1.0
-      minimist-options: 4.1.0
-      normalize-package-data: 3.0.3
-      read-pkg-up: 7.0.1
-      redent: 3.0.0
-      trim-newlines: 3.0.1
-      type-fest: 0.18.1
-      yargs-parser: 20.2.9
-
-  merge-stream@2.0.0: {}
+      is-plain-obj: 2.1.0
 
   merge2@1.4.1: {}
 
   merge@2.1.1: {}
 
-  micromatch@4.0.7:
+  micromark-util-character@2.1.1:
+    dependencies:
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-util-encode@2.0.1: {}
+
+  micromark-util-sanitize-uri@2.0.1:
+    dependencies:
+      micromark-util-character: 2.1.1
+      micromark-util-encode: 2.0.1
+      micromark-util-symbol: 2.0.1
+
+  micromark-util-symbol@2.0.1: {}
+
+  micromark-util-types@2.0.2: {}
+
+  micromatch@4.0.8:
     dependencies:
       braces: 3.0.3
       picomatch: 2.3.1
@@ -10392,31 +11360,23 @@ snapshots:
 
   mimic-fn@2.1.0: {}
 
-  mimic-fn@4.0.0: {}
+  mimic-function@5.0.1: {}
 
-  min-indent@1.0.1: {}
+  minimatch@10.2.4:
+    dependencies:
+      brace-expansion: 5.0.4
 
   minimatch@3.1.2:
     dependencies:
-      brace-expansion: 1.1.11
-
-  minimatch@5.1.6:
-    dependencies:
-      brace-expansion: 2.0.1
+      brace-expansion: 1.1.12
 
   minimatch@9.0.1:
     dependencies:
-      brace-expansion: 2.0.1
+      brace-expansion: 2.0.2
 
-  minimatch@9.0.4:
+  minimatch@9.0.5:
     dependencies:
-      brace-expansion: 2.0.1
-
-  minimist-options@4.1.0:
-    dependencies:
-      arrify: 1.0.1
-      is-plain-obj: 1.1.0
-      kind-of: 6.0.3
+      brace-expansion: 2.0.2
 
   minimist@1.2.7: {}
 
@@ -10424,18 +11384,14 @@ snapshots:
 
   minipass@7.1.2: {}
 
-  minisearch@6.3.0: {}
+  minisearch@7.2.0: {}
 
   mitt@3.0.1: {}
 
-  mlly@1.7.1:
+  monaco-editor@0.55.1:
     dependencies:
-      acorn: 8.11.3
-      pathe: 1.1.2
-      pkg-types: 1.1.1
-      ufo: 1.5.3
-
-  monaco-editor@0.48.0: {}
+      dompurify: 3.2.7
+      marked: 14.0.0
 
   moveable-helper@0.4.0(scenejs@1.10.3):
     dependencies:
@@ -10450,103 +11406,82 @@ snapshots:
       croact-moveable: 0.9.0(croact@1.0.4)
       react-moveable: 0.56.0
 
-  ms@2.1.2: {}
-
   ms@2.1.3: {}
 
   muggle-string@0.4.1: {}
 
   mute-stream@0.0.8: {}
 
-  mylas@2.1.13: {}
+  nano-spawn@2.0.0: {}
 
-  nanoid@3.3.7: {}
-
-  natural-compare-lite@1.4.0: {}
+  nanoid@3.3.11: {}
 
   natural-compare@1.4.0: {}
 
   neo-async@2.6.2: {}
 
-  node-releases@2.0.14: {}
+  node-addon-api@7.1.1:
+    optional: true
+
+  node-releases@2.0.27: {}
 
   nopt@7.2.1:
     dependencies:
       abbrev: 2.0.0
 
-  normalize-package-data@2.5.0:
-    dependencies:
-      hosted-git-info: 2.8.9
-      resolve: 1.22.8
-      semver: 5.7.2
-      validate-npm-package-license: 3.0.4
-
-  normalize-package-data@3.0.3:
-    dependencies:
-      hosted-git-info: 4.1.0
-      is-core-module: 2.13.1
-      semver: 7.6.2
-      validate-npm-package-license: 3.0.4
-
-  normalize-package-data@6.0.1:
+  normalize-package-data@6.0.2:
     dependencies:
       hosted-git-info: 7.0.2
-      is-core-module: 2.13.1
-      semver: 7.6.2
+      semver: 7.7.3
       validate-npm-package-license: 3.0.4
 
   normalize-path@3.0.0: {}
 
   normalize-wheel-es@1.2.0: {}
 
-  npm-run-path@4.0.1:
-    dependencies:
-      path-key: 3.1.1
-
-  npm-run-path@5.3.0:
+  npm-run-path@6.0.0:
     dependencies:
       path-key: 4.0.0
+      unicorn-magic: 0.3.0
 
   nth-check@2.1.1:
     dependencies:
       boolbase: 1.0.0
 
-  nwsapi@2.2.10: {}
-
-  object-inspect@1.13.1: {}
-
-  object-is@1.1.6:
-    dependencies:
-      call-bind: 1.0.7
-      define-properties: 1.2.1
+  object-inspect@1.13.4: {}
 
   object-keys@1.1.1: {}
 
-  object.assign@4.1.5:
+  object.assign@4.1.7:
     dependencies:
-      call-bind: 1.0.7
+      call-bind: 1.0.8
+      call-bound: 1.0.4
       define-properties: 1.2.1
-      has-symbols: 1.0.3
+      es-object-atoms: 1.1.1
+      has-symbols: 1.1.0
       object-keys: 1.1.1
 
   object.fromentries@2.0.8:
     dependencies:
-      call-bind: 1.0.7
+      call-bind: 1.0.8
       define-properties: 1.2.1
-      es-abstract: 1.23.3
-      es-object-atoms: 1.0.0
+      es-abstract: 1.24.0
+      es-object-atoms: 1.1.1
 
   object.groupby@1.0.3:
     dependencies:
-      call-bind: 1.0.7
+      call-bind: 1.0.8
       define-properties: 1.2.1
-      es-abstract: 1.23.3
+      es-abstract: 1.24.0
 
-  object.values@1.2.0:
+  object.values@1.2.1:
     dependencies:
-      call-bind: 1.0.7
+      call-bind: 1.0.8
+      call-bound: 1.0.4
       define-properties: 1.2.1
-      es-object-atoms: 1.0.0
+      es-object-atoms: 1.1.1
+
+  obug@2.1.1: {}
 
   once@1.4.0:
     dependencies:
@@ -10556,9 +11491,15 @@ snapshots:
     dependencies:
       mimic-fn: 2.1.0
 
-  onetime@6.0.0:
+  onetime@7.0.0:
     dependencies:
-      mimic-fn: 4.0.0
+      mimic-function: 5.0.1
+
+  oniguruma-to-es@3.1.1:
+    dependencies:
+      emoji-regex-xs: 1.0.0
+      regex: 6.0.1
+      regex-recursion: 6.0.2
 
   optionator@0.9.4:
     dependencies:
@@ -10589,6 +11530,12 @@ snapshots:
     dependencies:
       '@daybrush/utils': 1.13.0
 
+  own-keys@1.0.1:
+    dependencies:
+      get-intrinsic: 1.3.0
+      object-keys: 1.1.1
+      safe-push-apply: 1.0.0
+
   p-limit@2.3.0:
     dependencies:
       p-try: 2.2.0
@@ -10599,11 +11546,7 @@ snapshots:
 
   p-limit@4.0.0:
     dependencies:
-      yocto-queue: 1.0.0
-
-  p-limit@5.0.0:
-    dependencies:
-      yocto-queue: 1.0.0
+      yocto-queue: 1.2.2
 
   p-locate@4.1.0:
     dependencies:
@@ -10617,34 +11560,34 @@ snapshots:
     dependencies:
       p-limit: 4.0.0
 
-  p-map@4.0.0:
-    dependencies:
-      aggregate-error: 3.1.0
-
   p-try@2.2.0: {}
 
+  package-json-from-dist@1.0.1: {}
+
   parent-module@1.0.1:
     dependencies:
       callsites: 3.1.0
 
   parse-json@5.2.0:
     dependencies:
-      '@babel/code-frame': 7.24.6
-      error-ex: 1.3.2
+      '@babel/code-frame': 7.27.1
+      error-ex: 1.3.4
       json-parse-even-better-errors: 2.3.1
       lines-and-columns: 1.2.4
 
-  parse-json@7.1.1:
+  parse-json@8.3.0:
     dependencies:
-      '@babel/code-frame': 7.24.6
-      error-ex: 1.3.2
-      json-parse-even-better-errors: 3.0.2
-      lines-and-columns: 2.0.4
-      type-fest: 3.13.1
+      '@babel/code-frame': 7.27.1
+      index-to-position: 1.2.0
+      type-fest: 4.41.0
+
+  parse-ms@4.0.0: {}
 
   parse-passwd@1.0.0: {}
 
-  parse5@6.0.1: {}
+  parse5@8.0.0:
+    dependencies:
+      entities: 6.0.1
 
   path-browserify@1.0.1: {}
 
@@ -10662,51 +11605,43 @@ snapshots:
 
   path-scurry@1.11.1:
     dependencies:
-      lru-cache: 10.2.2
+      lru-cache: 10.4.3
       minipass: 7.1.2
 
-  path-type@4.0.0: {}
-
-  pathe@1.1.2: {}
-
-  pathval@1.1.1: {}
+  pathe@2.0.3: {}
 
   perfect-debounce@1.0.0: {}
 
-  picocolors@1.0.1: {}
+  picocolors@1.1.1: {}
 
   picomatch@2.3.1: {}
 
-  pkg-types@1.1.1:
-    dependencies:
-      confbox: 0.1.7
-      mlly: 1.7.1
-      pathe: 1.1.2
+  picomatch@4.0.3: {}
 
-  please-upgrade-node@3.2.0:
-    dependencies:
-      semver-compare: 1.0.0
-
-  plimit-lit@1.6.1:
-    dependencies:
-      queue-lit: 1.5.2
+  pidtree@0.6.0: {}
 
   pngjs@5.0.0: {}
 
-  possible-typed-array-names@1.0.0: {}
+  possible-typed-array-names@1.1.0: {}
 
-  postcss-selector-parser@6.1.0:
+  postcss-selector-parser@7.1.1:
     dependencies:
       cssesc: 3.0.0
       util-deprecate: 1.0.2
 
-  postcss@8.4.38:
+  postcss@8.5.6:
     dependencies:
-      nanoid: 3.3.7
-      picocolors: 1.0.1
-      source-map-js: 1.2.0
+      nanoid: 3.3.11
+      picocolors: 1.1.1
+      source-map-js: 1.2.1
 
-  preact@10.22.0: {}
+  postcss@8.5.8:
+    dependencies:
+      nanoid: 3.3.11
+      picocolors: 1.1.1
+      source-map-js: 1.2.1
+
+  preact@10.27.2: {}
 
   prelude-ls@1.2.1: {}
 
@@ -10714,50 +11649,28 @@ snapshots:
     dependencies:
       fast-diff: 1.3.0
 
-  prettier@2.8.8: {}
+  prettier@3.8.1: {}
 
-  pretty-format@27.5.1:
+  pretty-ms@9.3.0:
     dependencies:
-      ansi-regex: 5.0.1
-      ansi-styles: 5.2.0
-      react-is: 17.0.2
+      parse-ms: 4.0.0
 
-  pretty-format@29.7.0:
-    dependencies:
-      '@jest/schemas': 29.6.3
-      ansi-styles: 5.2.0
-      react-is: 18.3.1
+  property-information@7.1.0: {}
 
   proto-list@1.2.4: {}
 
-  psl@1.9.0: {}
-
-  pump@3.0.0:
-    dependencies:
-      end-of-stream: 1.4.4
-      once: 1.4.0
+  proxy-from-env@1.1.0: {}
 
   punycode@2.3.1: {}
 
-  qrcode@1.5.3:
+  qrcode@1.5.4:
     dependencies:
       dijkstrajs: 1.0.3
-      encode-utf8: 1.0.3
       pngjs: 5.0.0
       yargs: 15.4.1
 
-  querystringify@2.2.0: {}
-
-  queue-lit@1.5.2: {}
-
   queue-microtask@1.2.3: {}
 
-  quick-lru@4.0.1: {}
-
-  randombytes@2.1.0:
-    dependencies:
-      safe-buffer: 5.2.1
-
   react-css-styled@1.1.9:
     dependencies:
       css-styled: 1.0.8
@@ -10769,14 +11682,10 @@ snapshots:
       react: 18.3.1
       scheduler: 0.23.2
 
-  react-is@17.0.2: {}
-
-  react-is@18.3.1: {}
-
   react-moveable@0.56.0:
     dependencies:
       '@daybrush/utils': 1.13.0
-      '@egjs/agent': 2.4.3
+      '@egjs/agent': 2.4.4
       '@egjs/children-differ': 1.0.1
       '@egjs/list-differ': 1.0.1
       '@scena/dragscroll': 1.4.0
@@ -10799,31 +11708,19 @@ snapshots:
     dependencies:
       loose-envify: 1.4.0
 
-  read-pkg-up@10.1.0:
+  read-package-up@11.0.0:
     dependencies:
-      find-up: 6.3.0
-      read-pkg: 8.1.0
-      type-fest: 4.19.0
+      find-up-simple: 1.0.1
+      read-pkg: 9.0.1
+      type-fest: 4.41.0
 
-  read-pkg-up@7.0.1:
-    dependencies:
-      find-up: 4.1.0
-      read-pkg: 5.2.0
-      type-fest: 0.8.1
-
-  read-pkg@5.2.0:
+  read-pkg@9.0.1:
     dependencies:
       '@types/normalize-package-data': 2.4.4
-      normalize-package-data: 2.5.0
-      parse-json: 5.2.0
-      type-fest: 0.6.0
-
-  read-pkg@8.1.0:
-    dependencies:
-      '@types/normalize-package-data': 2.4.4
-      normalize-package-data: 6.0.1
-      parse-json: 7.1.1
-      type-fest: 4.19.0
+      normalize-package-data: 6.0.2
+      parse-json: 8.3.0
+      type-fest: 4.41.0
+      unicorn-magic: 0.1.0
 
   readable-stream@3.6.2:
     dependencies:
@@ -10835,31 +11732,33 @@ snapshots:
     dependencies:
       picomatch: 2.3.1
 
-  recast@0.20.5:
-    dependencies:
-      ast-types: 0.14.2
-      esprima: 4.0.1
-      source-map: 0.6.1
-      tslib: 2.6.3
+  readdirp@4.1.2:
+    optional: true
 
-  recast@0.23.9:
+  recast@0.23.11:
     dependencies:
       ast-types: 0.16.1
       esprima: 4.0.1
       source-map: 0.6.1
       tiny-invariant: 1.3.3
-      tslib: 2.6.3
+      tslib: 2.8.1
 
   rechoir@0.6.2:
     dependencies:
-      resolve: 1.22.8
+      resolve: 1.22.11
 
-  redent@3.0.0:
+  reflect.getprototypeof@1.0.10:
     dependencies:
-      indent-string: 4.0.0
-      strip-indent: 3.0.0
+      call-bind: 1.0.8
+      define-properties: 1.2.1
+      es-abstract: 1.24.0
+      es-errors: 1.3.0
+      es-object-atoms: 1.1.1
+      get-intrinsic: 1.3.0
+      get-proto: 1.0.1
+      which-builtin-type: 1.2.1
 
-  regenerate-unicode-properties@10.1.1:
+  regenerate-unicode-properties@10.2.2:
     dependencies:
       regenerate: 1.4.2
 
@@ -10867,29 +11766,39 @@ snapshots:
 
   regenerator-runtime@0.14.1: {}
 
-  regenerator-transform@0.15.2:
+  regex-recursion@6.0.2:
     dependencies:
-      '@babel/runtime': 7.24.6
+      regex-utilities: 2.3.0
 
-  regexp.prototype.flags@1.5.2:
+  regex-utilities@2.3.0: {}
+
+  regex@6.0.1:
     dependencies:
-      call-bind: 1.0.7
+      regex-utilities: 2.3.0
+
+  regexp.prototype.flags@1.5.4:
+    dependencies:
+      call-bind: 1.0.8
       define-properties: 1.2.1
       es-errors: 1.3.0
+      get-proto: 1.0.1
+      gopd: 1.2.0
       set-function-name: 2.0.2
 
-  regexpu-core@5.3.2:
+  regexpu-core@6.4.0:
     dependencies:
-      '@babel/regjsgen': 0.8.0
       regenerate: 1.4.2
-      regenerate-unicode-properties: 10.1.1
-      regjsparser: 0.9.1
+      regenerate-unicode-properties: 10.2.2
+      regjsgen: 0.8.0
+      regjsparser: 0.13.0
       unicode-match-property-ecmascript: 2.0.0
-      unicode-match-property-value-ecmascript: 2.1.0
+      unicode-match-property-value-ecmascript: 2.2.1
 
-  regjsparser@0.9.1:
+  regjsgen@0.8.0: {}
+
+  regjsparser@0.13.0:
     dependencies:
-      jsesc: 0.5.0
+      jsesc: 3.1.0
 
   require-directory@2.1.1: {}
 
@@ -10897,8 +11806,6 @@ snapshots:
 
   require-main-filename@2.0.0: {}
 
-  requires-port@1.0.0: {}
-
   resolve-dir@1.0.1:
     dependencies:
       expand-tilde: 2.0.2
@@ -10908,13 +11815,11 @@ snapshots:
 
   resolve-from@5.0.0: {}
 
-  resolve-global@1.0.0:
-    dependencies:
-      global-dirs: 0.1.1
+  resolve-pkg-maps@1.0.0: {}
 
-  resolve@1.22.8:
+  resolve@1.22.11:
     dependencies:
-      is-core-module: 2.13.1
+      is-core-module: 2.16.1
       path-parse: 1.0.7
       supports-preserve-symlinks-flag: 1.0.0
 
@@ -10923,42 +11828,82 @@ snapshots:
       onetime: 5.1.2
       signal-exit: 3.0.7
 
-  reusify@1.0.4: {}
+  restore-cursor@5.1.0:
+    dependencies:
+      onetime: 7.0.0
+      signal-exit: 4.1.0
 
-  rfdc@1.3.1: {}
+  reusify@1.1.0: {}
+
+  rfdc@1.4.1: {}
 
   rimraf@3.0.2:
     dependencies:
       glob: 7.2.3
 
-  rollup-plugin-external-globals@0.10.0(rollup@4.18.0):
+  rolldown-plugin-dts@0.22.5(rolldown@1.0.0-rc.9)(typescript@5.9.3)(vue-tsc@3.2.6(typescript@5.9.3)):
     dependencies:
-      '@rollup/pluginutils': 5.1.0(rollup@4.18.0)
-      estree-walker: 3.0.3
-      is-reference: 3.0.2
-      magic-string: 0.30.10
-      rollup: 4.18.0
-
-  rollup@4.18.0:
-    dependencies:
-      '@types/estree': 1.0.5
+      '@babel/generator': 8.0.0-rc.2
+      '@babel/helper-validator-identifier': 8.0.0-rc.2
+      '@babel/parser': 8.0.0-rc.2
+      '@babel/types': 8.0.0-rc.2
+      ast-kit: 3.0.0-beta.1
+      birpc: 4.0.0
+      dts-resolver: 2.1.3
+      get-tsconfig: 4.13.6
+      obug: 2.1.1
+      rolldown: 1.0.0-rc.9
     optionalDependencies:
-      '@rollup/rollup-android-arm-eabi': 4.18.0
-      '@rollup/rollup-android-arm64': 4.18.0
-      '@rollup/rollup-darwin-arm64': 4.18.0
-      '@rollup/rollup-darwin-x64': 4.18.0
-      '@rollup/rollup-linux-arm-gnueabihf': 4.18.0
-      '@rollup/rollup-linux-arm-musleabihf': 4.18.0
-      '@rollup/rollup-linux-arm64-gnu': 4.18.0
-      '@rollup/rollup-linux-arm64-musl': 4.18.0
-      '@rollup/rollup-linux-powerpc64le-gnu': 4.18.0
-      '@rollup/rollup-linux-riscv64-gnu': 4.18.0
-      '@rollup/rollup-linux-s390x-gnu': 4.18.0
-      '@rollup/rollup-linux-x64-gnu': 4.18.0
-      '@rollup/rollup-linux-x64-musl': 4.18.0
-      '@rollup/rollup-win32-arm64-msvc': 4.18.0
-      '@rollup/rollup-win32-ia32-msvc': 4.18.0
-      '@rollup/rollup-win32-x64-msvc': 4.18.0
+      typescript: 5.9.3
+      vue-tsc: 3.2.6(typescript@5.9.3)
+    transitivePeerDependencies:
+      - oxc-resolver
+
+  rolldown@1.0.0-rc.9:
+    dependencies:
+      '@oxc-project/types': 0.115.0
+      '@rolldown/pluginutils': 1.0.0-rc.9
+    optionalDependencies:
+      '@rolldown/binding-android-arm64': 1.0.0-rc.9
+      '@rolldown/binding-darwin-arm64': 1.0.0-rc.9
+      '@rolldown/binding-darwin-x64': 1.0.0-rc.9
+      '@rolldown/binding-freebsd-x64': 1.0.0-rc.9
+      '@rolldown/binding-linux-arm-gnueabihf': 1.0.0-rc.9
+      '@rolldown/binding-linux-arm64-gnu': 1.0.0-rc.9
+      '@rolldown/binding-linux-arm64-musl': 1.0.0-rc.9
+      '@rolldown/binding-linux-ppc64-gnu': 1.0.0-rc.9
+      '@rolldown/binding-linux-s390x-gnu': 1.0.0-rc.9
+      '@rolldown/binding-linux-x64-gnu': 1.0.0-rc.9
+      '@rolldown/binding-linux-x64-musl': 1.0.0-rc.9
+      '@rolldown/binding-openharmony-arm64': 1.0.0-rc.9
+      '@rolldown/binding-wasm32-wasi': 1.0.0-rc.9
+      '@rolldown/binding-win32-arm64-msvc': 1.0.0-rc.9
+      '@rolldown/binding-win32-x64-msvc': 1.0.0-rc.9
+
+  rollup@4.44.1:
+    dependencies:
+      '@types/estree': 1.0.8
+    optionalDependencies:
+      '@rollup/rollup-android-arm-eabi': 4.44.1
+      '@rollup/rollup-android-arm64': 4.44.1
+      '@rollup/rollup-darwin-arm64': 4.44.1
+      '@rollup/rollup-darwin-x64': 4.44.1
+      '@rollup/rollup-freebsd-arm64': 4.44.1
+      '@rollup/rollup-freebsd-x64': 4.44.1
+      '@rollup/rollup-linux-arm-gnueabihf': 4.44.1
+      '@rollup/rollup-linux-arm-musleabihf': 4.44.1
+      '@rollup/rollup-linux-arm64-gnu': 4.44.1
+      '@rollup/rollup-linux-arm64-musl': 4.44.1
+      '@rollup/rollup-linux-loongarch64-gnu': 4.44.1
+      '@rollup/rollup-linux-powerpc64le-gnu': 4.44.1
+      '@rollup/rollup-linux-riscv64-gnu': 4.44.1
+      '@rollup/rollup-linux-riscv64-musl': 4.44.1
+      '@rollup/rollup-linux-s390x-gnu': 4.44.1
+      '@rollup/rollup-linux-x64-gnu': 4.44.1
+      '@rollup/rollup-linux-x64-musl': 4.44.1
+      '@rollup/rollup-win32-arm64-msvc': 4.44.1
+      '@rollup/rollup-win32-ia32-msvc': 4.44.1
+      '@rollup/rollup-win32-x64-msvc': 4.44.1
       fsevents: 2.3.3
 
   run-async@2.4.1: {}
@@ -10967,34 +11912,131 @@ snapshots:
     dependencies:
       queue-microtask: 1.2.3
 
-  rxjs@7.8.1:
+  rxjs@7.8.2:
     dependencies:
-      tslib: 2.6.3
+      tslib: 2.8.1
 
-  safe-array-concat@1.1.2:
+  safe-array-concat@1.1.3:
     dependencies:
-      call-bind: 1.0.7
-      get-intrinsic: 1.2.4
-      has-symbols: 1.0.3
+      call-bind: 1.0.8
+      call-bound: 1.0.4
+      get-intrinsic: 1.3.0
+      has-symbols: 1.1.0
       isarray: 2.0.5
 
   safe-buffer@5.2.1: {}
 
-  safe-regex-test@1.0.3:
+  safe-push-apply@1.0.0:
     dependencies:
-      call-bind: 1.0.7
       es-errors: 1.3.0
-      is-regex: 1.1.4
+      isarray: 2.0.5
+
+  safe-regex-test@1.1.0:
+    dependencies:
+      call-bound: 1.0.4
+      es-errors: 1.3.0
+      is-regex: 1.2.1
 
   safer-buffer@2.1.2: {}
 
-  sass@1.77.4:
+  sass-embedded-all-unknown@1.93.3:
     dependencies:
-      chokidar: 3.6.0
-      immutable: 4.3.6
-      source-map-js: 1.2.0
+      sass: 1.93.3
+    optional: true
 
-  saxes@5.0.1:
+  sass-embedded-android-arm64@1.93.3:
+    optional: true
+
+  sass-embedded-android-arm@1.93.3:
+    optional: true
+
+  sass-embedded-android-riscv64@1.93.3:
+    optional: true
+
+  sass-embedded-android-x64@1.93.3:
+    optional: true
+
+  sass-embedded-darwin-arm64@1.93.3:
+    optional: true
+
+  sass-embedded-darwin-x64@1.93.3:
+    optional: true
+
+  sass-embedded-linux-arm64@1.93.3:
+    optional: true
+
+  sass-embedded-linux-arm@1.93.3:
+    optional: true
+
+  sass-embedded-linux-musl-arm64@1.93.3:
+    optional: true
+
+  sass-embedded-linux-musl-arm@1.93.3:
+    optional: true
+
+  sass-embedded-linux-musl-riscv64@1.93.3:
+    optional: true
+
+  sass-embedded-linux-musl-x64@1.93.3:
+    optional: true
+
+  sass-embedded-linux-riscv64@1.93.3:
+    optional: true
+
+  sass-embedded-linux-x64@1.93.3:
+    optional: true
+
+  sass-embedded-unknown-all@1.93.3:
+    dependencies:
+      sass: 1.93.3
+    optional: true
+
+  sass-embedded-win32-arm64@1.93.3:
+    optional: true
+
+  sass-embedded-win32-x64@1.93.3:
+    optional: true
+
+  sass-embedded@1.93.3:
+    dependencies:
+      '@bufbuild/protobuf': 2.10.1
+      buffer-builder: 0.2.0
+      colorjs.io: 0.5.2
+      immutable: 5.1.4
+      rxjs: 7.8.2
+      supports-color: 8.1.1
+      sync-child-process: 1.0.2
+      varint: 6.0.0
+    optionalDependencies:
+      sass-embedded-all-unknown: 1.93.3
+      sass-embedded-android-arm: 1.93.3
+      sass-embedded-android-arm64: 1.93.3
+      sass-embedded-android-riscv64: 1.93.3
+      sass-embedded-android-x64: 1.93.3
+      sass-embedded-darwin-arm64: 1.93.3
+      sass-embedded-darwin-x64: 1.93.3
+      sass-embedded-linux-arm: 1.93.3
+      sass-embedded-linux-arm64: 1.93.3
+      sass-embedded-linux-musl-arm: 1.93.3
+      sass-embedded-linux-musl-arm64: 1.93.3
+      sass-embedded-linux-musl-riscv64: 1.93.3
+      sass-embedded-linux-musl-x64: 1.93.3
+      sass-embedded-linux-riscv64: 1.93.3
+      sass-embedded-linux-x64: 1.93.3
+      sass-embedded-unknown-all: 1.93.3
+      sass-embedded-win32-arm64: 1.93.3
+      sass-embedded-win32-x64: 1.93.3
+
+  sass@1.93.3:
+    dependencies:
+      chokidar: 4.0.3
+      immutable: 5.1.4
+      source-map-js: 1.2.1
+    optionalDependencies:
+      '@parcel/watcher': 2.5.1
+    optional: true
+
+  saxes@6.0.0:
     dependencies:
       xmlchars: 2.2.0
 
@@ -11010,9 +12052,7 @@ snapshots:
     dependencies:
       loose-envify: 1.4.0
 
-  scule@1.3.0: {}
-
-  search-insights@2.14.0: {}
+  search-insights@2.17.3: {}
 
   selecto@1.26.3:
     dependencies:
@@ -11027,21 +12067,11 @@ snapshots:
       keycon: 1.4.0
       overlap-area: 1.1.0
 
-  semver-compare@1.0.0: {}
-
-  semver@5.7.2: {}
-
   semver@6.3.1: {}
 
-  semver@7.6.0:
-    dependencies:
-      lru-cache: 6.0.0
+  semver@7.7.3: {}
 
-  semver@7.6.2: {}
-
-  serialize-javascript@6.0.2:
-    dependencies:
-      randombytes: 2.1.0
+  serialize-javascript@7.0.0: {}
 
   set-blocking@2.0.0: {}
 
@@ -11050,8 +12080,8 @@ snapshots:
       define-data-property: 1.1.4
       es-errors: 1.3.0
       function-bind: 1.1.2
-      get-intrinsic: 1.2.4
-      gopd: 1.0.1
+      get-intrinsic: 1.3.0
+      gopd: 1.2.0
       has-property-descriptors: 1.0.2
 
   set-function-name@2.0.2:
@@ -11061,6 +12091,12 @@ snapshots:
       functions-have-names: 1.2.3
       has-property-descriptors: 1.0.2
 
+  set-proto@1.0.0:
+    dependencies:
+      dunder-proto: 1.0.1
+      es-errors: 1.3.0
+      es-object-atoms: 1.1.1
+
   shebang-command@2.0.0:
     dependencies:
       shebang-regex: 3.0.0
@@ -11073,21 +12109,49 @@ snapshots:
       interpret: 1.4.0
       rechoir: 0.6.2
 
-  shiki@1.6.2:
+  shiki@2.5.0:
     dependencies:
-      '@shikijs/core': 1.6.2
+      '@shikijs/core': 2.5.0
+      '@shikijs/engine-javascript': 2.5.0
+      '@shikijs/engine-oniguruma': 2.5.0
+      '@shikijs/langs': 2.5.0
+      '@shikijs/themes': 2.5.0
+      '@shikijs/types': 2.5.0
+      '@shikijs/vscode-textmate': 10.0.2
+      '@types/hast': 3.0.4
 
   shx@0.3.4:
     dependencies:
       minimist: 1.2.8
       shelljs: 0.8.5
 
-  side-channel@1.0.6:
+  side-channel-list@1.0.0:
     dependencies:
-      call-bind: 1.0.7
       es-errors: 1.3.0
-      get-intrinsic: 1.2.4
-      object-inspect: 1.13.1
+      object-inspect: 1.13.4
+
+  side-channel-map@1.0.1:
+    dependencies:
+      call-bound: 1.0.4
+      es-errors: 1.3.0
+      get-intrinsic: 1.3.0
+      object-inspect: 1.13.4
+
+  side-channel-weakmap@1.0.2:
+    dependencies:
+      call-bound: 1.0.4
+      es-errors: 1.3.0
+      get-intrinsic: 1.3.0
+      object-inspect: 1.13.4
+      side-channel-map: 1.0.1
+
+  side-channel@1.1.0:
+    dependencies:
+      es-errors: 1.3.0
+      object-inspect: 1.13.4
+      side-channel-list: 1.0.0
+      side-channel-map: 1.0.1
+      side-channel-weakmap: 1.0.2
 
   siginfo@2.0.0: {}
 
@@ -11095,27 +12159,14 @@ snapshots:
 
   signal-exit@4.1.0: {}
 
-  simple-swizzle@0.2.2:
+  slice-ansi@7.1.2:
     dependencies:
-      is-arrayish: 0.3.2
+      ansi-styles: 6.2.3
+      is-fullwidth-code-point: 5.1.0
 
-  slash@3.0.0: {}
+  sortablejs@1.15.6: {}
 
-  slice-ansi@3.0.0:
-    dependencies:
-      ansi-styles: 4.3.0
-      astral-regex: 2.0.0
-      is-fullwidth-code-point: 3.0.0
-
-  slice-ansi@4.0.0:
-    dependencies:
-      ansi-styles: 4.3.0
-      astral-regex: 2.0.0
-      is-fullwidth-code-point: 3.0.0
-
-  sortablejs@1.15.2: {}
-
-  source-map-js@1.2.0: {}
+  source-map-js@1.2.1: {}
 
   source-map-support@0.5.21:
     dependencies:
@@ -11124,37 +12175,36 @@ snapshots:
 
   source-map@0.6.1: {}
 
+  space-separated-tokens@2.0.2: {}
+
   spdx-correct@3.2.0:
     dependencies:
       spdx-expression-parse: 3.0.1
-      spdx-license-ids: 3.0.18
+      spdx-license-ids: 3.0.22
 
   spdx-exceptions@2.5.0: {}
 
   spdx-expression-parse@3.0.1:
     dependencies:
       spdx-exceptions: 2.5.0
-      spdx-license-ids: 3.0.18
+      spdx-license-ids: 3.0.22
 
-  spdx-license-ids@3.0.18: {}
+  spdx-license-ids@3.0.22: {}
 
   speakingurl@14.0.1: {}
 
-  split2@3.2.2:
-    dependencies:
-      readable-stream: 3.6.2
-
   split2@4.2.0: {}
 
   stackback@0.0.2: {}
 
-  std-env@3.7.0: {}
+  std-env@4.0.0: {}
 
-  stop-iteration-iterator@1.0.0:
+  stop-iteration-iterator@1.1.0:
     dependencies:
-      internal-slot: 1.0.7
+      es-errors: 1.3.0
+      internal-slot: 1.1.0
 
-  string-argv@0.3.1: {}
+  string-argv@0.3.2: {}
 
   string-width@4.2.3:
     dependencies:
@@ -11166,66 +12216,70 @@ snapshots:
     dependencies:
       eastasianwidth: 0.2.0
       emoji-regex: 9.2.2
-      strip-ansi: 7.1.0
+      strip-ansi: 7.1.2
 
-  string.prototype.trim@1.2.9:
+  string-width@7.2.0:
     dependencies:
-      call-bind: 1.0.7
-      define-properties: 1.2.1
-      es-abstract: 1.23.3
-      es-object-atoms: 1.0.0
+      emoji-regex: 10.6.0
+      get-east-asian-width: 1.4.0
+      strip-ansi: 7.1.2
 
-  string.prototype.trimend@1.0.8:
+  string-width@8.1.0:
     dependencies:
-      call-bind: 1.0.7
+      get-east-asian-width: 1.4.0
+      strip-ansi: 7.1.2
+
+  string.prototype.trim@1.2.10:
+    dependencies:
+      call-bind: 1.0.8
+      call-bound: 1.0.4
+      define-data-property: 1.1.4
       define-properties: 1.2.1
-      es-object-atoms: 1.0.0
+      es-abstract: 1.24.0
+      es-object-atoms: 1.1.1
+      has-property-descriptors: 1.0.2
+
+  string.prototype.trimend@1.0.9:
+    dependencies:
+      call-bind: 1.0.8
+      call-bound: 1.0.4
+      define-properties: 1.2.1
+      es-object-atoms: 1.1.1
 
   string.prototype.trimstart@1.0.8:
     dependencies:
-      call-bind: 1.0.7
+      call-bind: 1.0.8
       define-properties: 1.2.1
-      es-object-atoms: 1.0.0
+      es-object-atoms: 1.1.1
 
   string_decoder@1.3.0:
     dependencies:
       safe-buffer: 5.2.1
 
-  stringify-object@3.3.0:
+  stringify-entities@4.0.4:
     dependencies:
-      get-own-enumerable-property-symbols: 3.0.2
-      is-obj: 1.0.1
-      is-regexp: 1.0.0
+      character-entities-html4: 2.1.0
+      character-entities-legacy: 3.0.0
 
   strip-ansi@6.0.1:
     dependencies:
       ansi-regex: 5.0.1
 
-  strip-ansi@7.1.0:
+  strip-ansi@7.1.2:
     dependencies:
-      ansi-regex: 6.0.1
+      ansi-regex: 6.2.2
 
   strip-bom@3.0.0: {}
 
   strip-bom@4.0.0: {}
 
-  strip-final-newline@2.0.0: {}
-
-  strip-final-newline@3.0.0: {}
-
-  strip-indent@3.0.0:
-    dependencies:
-      min-indent: 1.0.1
+  strip-final-newline@4.0.0: {}
 
   strip-json-comments@3.1.1: {}
 
-  strip-literal@1.3.0:
+  superjson@2.2.5:
     dependencies:
-      acorn: 8.11.3
-
-  strip-literal@2.1.0:
-    dependencies:
-      js-tokens: 9.0.0
+      copy-anything: 4.0.5
 
   supports-color@5.5.0:
     dependencies:
@@ -11241,35 +12295,45 @@ snapshots:
 
   supports-preserve-symlinks-flag@1.0.0: {}
 
-  svg-tags@1.0.0: {}
-
   symbol-tree@3.2.4: {}
 
+  sync-child-process@1.0.2:
+    dependencies:
+      sync-message-port: 1.1.3
+
+  sync-message-port@1.1.3: {}
+
+  synckit@0.11.11:
+    dependencies:
+      '@pkgr/core': 0.2.9
+
   systemjs@6.15.1: {}
 
-  tabbable@6.2.0: {}
+  tabbable@6.3.0: {}
 
-  tdesign-icons-vue-next@0.2.2(vue@3.4.27(typescript@5.4.5)):
-    dependencies:
-      '@babel/runtime': 7.24.6
-      vue: 3.4.27(typescript@5.4.5)
+  tagged-tag@1.0.0: {}
 
-  tdesign-vue-next@1.9.5(vue@3.4.27(typescript@5.4.5)):
+  tdesign-icons-vue-next@0.4.1(vue@3.5.24(typescript@5.9.3)):
     dependencies:
-      '@babel/runtime': 7.24.6
+      '@babel/runtime': 7.28.4
+      vue: 3.5.24(typescript@5.9.3)
+
+  tdesign-vue-next@1.17.3(vue@3.5.24(typescript@5.9.3)):
+    dependencies:
+      '@babel/runtime': 7.28.4
       '@popperjs/core': 2.11.8
-      '@types/lodash': 4.14.182
-      '@types/sortablejs': 1.15.8
+      '@types/lodash-es': 4.17.12
+      '@types/sortablejs': 1.15.9
       '@types/tinycolor2': 1.4.6
-      '@types/validator': 13.11.10
-      dayjs: 1.11.10
-      lodash: 4.17.21
+      '@types/validator': 13.15.10
+      dayjs: 1.11.19
+      lodash-es: 4.17.21
       mitt: 3.0.1
-      sortablejs: 1.15.2
-      tdesign-icons-vue-next: 0.2.2(vue@3.4.27(typescript@5.4.5))
+      sortablejs: 1.15.6
+      tdesign-icons-vue-next: 0.4.1(vue@3.5.24(typescript@5.9.3))
       tinycolor2: 1.6.0
-      validator: 13.12.0
-      vue: 3.4.27(typescript@5.4.5)
+      validator: 13.15.23
+      vue: 3.5.24(typescript@5.9.3)
 
   temp-dir@3.0.0: {}
 
@@ -11277,72 +12341,65 @@ snapshots:
     dependencies:
       temp-dir: 3.0.0
 
-  terser@5.31.0:
+  terser@5.44.1:
     dependencies:
-      '@jridgewell/source-map': 0.3.6
-      acorn: 8.11.3
+      '@jridgewell/source-map': 0.3.11
+      acorn: 8.16.0
       commander: 2.20.3
       source-map-support: 0.5.21
 
-  test-exclude@6.0.0:
+  test-exclude@7.0.1:
     dependencies:
       '@istanbuljs/schema': 0.1.3
-      glob: 7.2.3
-      minimatch: 3.1.2
+      glob: 10.5.0
+      minimatch: 9.0.5
 
   text-extensions@2.4.0: {}
 
-  text-table@0.2.0: {}
-
-  through2@4.0.2:
-    dependencies:
-      readable-stream: 3.6.2
-
   through@2.3.8: {}
 
-  tiny-emitter@2.1.0: {}
-
   tiny-invariant@1.3.3: {}
 
-  tinybench@2.8.0: {}
+  tinybench@2.9.0: {}
 
   tinycolor2@1.6.0: {}
 
-  tinypool@0.8.4: {}
+  tinyexec@1.0.2: {}
 
-  tinyspy@2.2.1: {}
+  tinyglobby@0.2.15:
+    dependencies:
+      fdir: 6.5.0(picomatch@4.0.3)
+      picomatch: 4.0.3
+
+  tinyrainbow@3.0.3: {}
+
+  tldts-core@7.0.18: {}
+
+  tldts@7.0.18:
+    dependencies:
+      tldts-core: 7.0.18
 
   tmp@0.0.33:
     dependencies:
       os-tmpdir: 1.0.2
 
-  to-fast-properties@2.0.0: {}
-
   to-regex-range@5.0.1:
     dependencies:
       is-number: 7.0.0
 
-  tough-cookie@4.1.4:
+  tough-cookie@6.0.0:
     dependencies:
-      psl: 1.9.0
-      punycode: 2.3.1
-      universalify: 0.2.0
-      url-parse: 1.5.10
+      tldts: 7.0.18
 
-  tr46@3.0.0:
+  tr46@6.0.0:
     dependencies:
       punycode: 2.3.1
 
-  trim-newlines@3.0.1: {}
+  trim-lines@3.0.1: {}
 
-  tsc-alias@1.8.10:
+  ts-api-utils@2.4.0(typescript@5.9.3):
     dependencies:
-      chokidar: 3.6.0
-      commander: 9.5.0
-      globby: 11.1.0
-      mylas: 2.1.13
-      normalize-path: 3.0.0
-      plimit-lit: 1.6.1
+      typescript: 5.9.3
 
   tsconfig-paths@3.15.0:
     dependencies:
@@ -11351,173 +12408,139 @@ snapshots:
       minimist: 1.2.8
       strip-bom: 3.0.0
 
-  tslib@1.14.1: {}
-
-  tslib@2.6.3: {}
-
-  tsutils@3.21.0(typescript@5.4.5):
-    dependencies:
-      tslib: 1.14.1
-      typescript: 5.4.5
+  tslib@2.8.1: {}
 
   type-check@0.4.0:
     dependencies:
       prelude-ls: 1.2.1
 
-  type-detect@4.0.8: {}
-
-  type-fest@0.18.1: {}
-
-  type-fest@0.20.2: {}
-
   type-fest@0.21.3: {}
 
-  type-fest@0.6.0: {}
+  type-fest@4.41.0: {}
 
-  type-fest@0.8.1: {}
-
-  type-fest@3.13.1: {}
-
-  type-fest@4.19.0: {}
-
-  typed-array-buffer@1.0.2:
+  type-fest@5.2.0:
     dependencies:
-      call-bind: 1.0.7
+      tagged-tag: 1.0.0
+
+  typed-array-buffer@1.0.3:
+    dependencies:
+      call-bound: 1.0.4
       es-errors: 1.3.0
-      is-typed-array: 1.1.13
+      is-typed-array: 1.1.15
 
-  typed-array-byte-length@1.0.1:
+  typed-array-byte-length@1.0.3:
     dependencies:
-      call-bind: 1.0.7
-      for-each: 0.3.3
-      gopd: 1.0.1
-      has-proto: 1.0.3
-      is-typed-array: 1.1.13
+      call-bind: 1.0.8
+      for-each: 0.3.5
+      gopd: 1.2.0
+      has-proto: 1.2.0
+      is-typed-array: 1.1.15
 
-  typed-array-byte-offset@1.0.2:
+  typed-array-byte-offset@1.0.4:
     dependencies:
       available-typed-arrays: 1.0.7
-      call-bind: 1.0.7
-      for-each: 0.3.3
-      gopd: 1.0.1
-      has-proto: 1.0.3
-      is-typed-array: 1.1.13
+      call-bind: 1.0.8
+      for-each: 0.3.5
+      gopd: 1.2.0
+      has-proto: 1.2.0
+      is-typed-array: 1.1.15
+      reflect.getprototypeof: 1.0.10
 
-  typed-array-length@1.0.6:
+  typed-array-length@1.0.7:
     dependencies:
-      call-bind: 1.0.7
-      for-each: 0.3.3
-      gopd: 1.0.1
-      has-proto: 1.0.3
-      is-typed-array: 1.1.13
-      possible-typed-array-names: 1.0.0
+      call-bind: 1.0.8
+      for-each: 0.3.5
+      gopd: 1.2.0
+      is-typed-array: 1.1.15
+      possible-typed-array-names: 1.1.0
+      reflect.getprototypeof: 1.0.10
 
-  typescript@5.4.5: {}
+  typescript-eslint@8.57.1(eslint@10.0.3(jiti@2.6.1))(typescript@5.9.3):
+    dependencies:
+      '@typescript-eslint/eslint-plugin': 8.57.1(@typescript-eslint/parser@8.57.1(eslint@10.0.3(jiti@2.6.1))(typescript@5.9.3))(eslint@10.0.3(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/parser': 8.57.1(eslint@10.0.3(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/typescript-estree': 8.57.1(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.57.1(eslint@10.0.3(jiti@2.6.1))(typescript@5.9.3)
+      eslint: 10.0.3(jiti@2.6.1)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
 
-  ufo@1.5.3: {}
+  typescript@5.9.3: {}
 
-  uglify-js@3.17.4:
+  uglify-js@3.19.3:
     optional: true
 
-  unbox-primitive@1.0.2:
+  unbox-primitive@1.1.0:
     dependencies:
-      call-bind: 1.0.7
-      has-bigints: 1.0.2
-      has-symbols: 1.0.3
-      which-boxed-primitive: 1.0.2
+      call-bound: 1.0.4
+      has-bigints: 1.1.0
+      has-symbols: 1.1.0
+      which-boxed-primitive: 1.1.1
 
-  undici-types@5.26.5: {}
+  undici-types@7.8.0: {}
 
-  unicode-canonical-property-names-ecmascript@2.0.0: {}
+  unicode-canonical-property-names-ecmascript@2.0.1: {}
 
   unicode-match-property-ecmascript@2.0.0:
     dependencies:
-      unicode-canonical-property-names-ecmascript: 2.0.0
-      unicode-property-aliases-ecmascript: 2.1.0
+      unicode-canonical-property-names-ecmascript: 2.0.1
+      unicode-property-aliases-ecmascript: 2.2.0
 
-  unicode-match-property-value-ecmascript@2.1.0: {}
+  unicode-match-property-value-ecmascript@2.2.1: {}
 
-  unicode-property-aliases-ecmascript@2.1.0: {}
+  unicode-property-aliases-ecmascript@2.2.0: {}
 
-  unimport@2.2.4(rollup@4.18.0):
+  unicorn-magic@0.1.0: {}
+
+  unicorn-magic@0.3.0: {}
+
+  unist-util-is@6.0.1:
     dependencies:
-      '@rollup/pluginutils': 5.1.0(rollup@4.18.0)
-      escape-string-regexp: 5.0.0
-      fast-glob: 3.3.2
-      local-pkg: 0.4.3
-      magic-string: 0.27.0
-      mlly: 1.7.1
-      pathe: 1.1.2
-      pkg-types: 1.1.1
-      scule: 1.3.0
-      strip-literal: 1.3.0
-      unplugin: 1.10.1
-    transitivePeerDependencies:
-      - rollup
+      '@types/unist': 3.0.3
 
-  universalify@0.2.0: {}
+  unist-util-position@5.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+
+  unist-util-stringify-position@4.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+
+  unist-util-visit-parents@6.0.2:
+    dependencies:
+      '@types/unist': 3.0.3
+      unist-util-is: 6.0.1
+
+  unist-util-visit@5.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+      unist-util-is: 6.0.1
+      unist-util-visit-parents: 6.0.2
 
   universalify@2.0.1: {}
 
-  unplugin-auto-import@0.12.2(@vueuse/core@10.10.0(@vue/composition-api@1.7.2(vue@3.4.27(typescript@5.4.5)))(vue@3.4.27(typescript@5.4.5)))(rollup@4.18.0):
+  update-browserslist-db@1.1.4(browserslist@4.28.0):
     dependencies:
-      '@antfu/utils': 0.7.8
-      '@rollup/pluginutils': 5.1.0(rollup@4.18.0)
-      local-pkg: 0.4.3
-      magic-string: 0.27.0
-      unimport: 2.2.4(rollup@4.18.0)
-      unplugin: 1.10.1
-    optionalDependencies:
-      '@vueuse/core': 10.10.0(@vue/composition-api@1.7.2(vue@3.4.27(typescript@5.4.5)))(vue@3.4.27(typescript@5.4.5))
-    transitivePeerDependencies:
-      - rollup
+      browserslist: 4.28.0
+      escalade: 3.2.0
+      picocolors: 1.1.1
 
-  unplugin-vue-components@0.22.12(@babel/parser@7.24.6)(rollup@4.18.0)(vue@3.4.27(typescript@5.4.5)):
+  update-browserslist-db@1.2.3(browserslist@4.28.1):
     dependencies:
-      '@antfu/utils': 0.7.8
-      '@rollup/pluginutils': 5.1.0(rollup@4.18.0)
-      chokidar: 3.6.0
-      debug: 4.3.5(supports-color@8.1.1)
-      fast-glob: 3.3.2
-      local-pkg: 0.4.3
-      magic-string: 0.27.0
-      minimatch: 5.1.6
-      resolve: 1.22.8
-      unplugin: 1.10.1
-      vue: 3.4.27(typescript@5.4.5)
-    optionalDependencies:
-      '@babel/parser': 7.24.6
-    transitivePeerDependencies:
-      - rollup
-      - supports-color
-
-  unplugin@1.10.1:
-    dependencies:
-      acorn: 8.11.3
-      chokidar: 3.6.0
-      webpack-sources: 3.2.3
-      webpack-virtual-modules: 0.6.2
-
-  update-browserslist-db@1.0.16(browserslist@4.23.0):
-    dependencies:
-      browserslist: 4.23.0
-      escalade: 3.1.2
-      picocolors: 1.0.1
+      browserslist: 4.28.1
+      escalade: 3.2.0
+      picocolors: 1.1.1
 
   uri-js@4.4.1:
     dependencies:
       punycode: 2.3.1
 
-  url-parse@1.5.10:
-    dependencies:
-      querystringify: 2.2.0
-      requires-port: 1.0.0
-
   util-deprecate@1.0.2: {}
 
-  v8-to-istanbul@9.2.0:
+  v8-to-istanbul@9.3.0:
     dependencies:
-      '@jridgewell/trace-mapping': 0.3.25
+      '@jridgewell/trace-mapping': 0.3.31
       '@types/istanbul-lib-coverage': 2.0.6
       convert-source-map: 2.0.0
 
@@ -11526,61 +12549,89 @@ snapshots:
       spdx-correct: 3.2.0
       spdx-expression-parse: 3.0.1
 
-  validator@13.12.0: {}
+  validator@13.15.23: {}
 
-  vite-node@1.6.0(@types/node@18.19.34)(sass@1.77.4)(terser@5.31.0):
-    dependencies:
-      cac: 6.7.14
-      debug: 4.3.5(supports-color@8.1.1)
-      pathe: 1.1.2
-      picocolors: 1.0.1
-      vite: 5.2.12(@types/node@18.19.34)(sass@1.77.4)(terser@5.31.0)
-    transitivePeerDependencies:
-      - '@types/node'
-      - less
-      - lightningcss
-      - sass
-      - stylus
-      - sugarss
-      - supports-color
-      - terser
+  varint@6.0.0: {}
 
-  vite@5.2.12(@types/node@18.19.34)(sass@1.77.4)(terser@5.31.0):
+  vfile-message@4.0.3:
     dependencies:
-      esbuild: 0.20.2
-      postcss: 8.4.38
-      rollup: 4.18.0
+      '@types/unist': 3.0.3
+      unist-util-stringify-position: 4.0.0
+
+  vfile@6.0.3:
+    dependencies:
+      '@types/unist': 3.0.3
+      vfile-message: 4.0.3
+
+  vite-plugin-commonjs@0.10.4:
+    dependencies:
+      acorn: 8.15.0
+      magic-string: 0.30.21
+      vite-plugin-dynamic-import: 1.6.0
+
+  vite-plugin-dynamic-import@1.6.0:
+    dependencies:
+      acorn: 8.15.0
+      es-module-lexer: 1.7.0
+      fast-glob: 3.3.3
+      magic-string: 0.30.21
+
+  vite@5.4.21(@types/node@24.0.10)(lightningcss@1.32.0)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.44.1):
+    dependencies:
+      esbuild: 0.21.5
+      postcss: 8.5.6
+      rollup: 4.44.1
     optionalDependencies:
-      '@types/node': 18.19.34
+      '@types/node': 24.0.10
       fsevents: 2.3.3
-      sass: 1.77.4
-      terser: 5.31.0
+      lightningcss: 1.32.0
+      sass: 1.93.3
+      sass-embedded: 1.93.3
+      terser: 5.44.1
 
-  vitepress@1.2.2(@algolia/client-search@4.23.3)(@types/node@18.19.34)(@types/react@18.3.3)(@vue/composition-api@1.7.2(vue@3.4.27(typescript@5.4.5)))(async-validator@4.2.5)(axios@0.25.0)(postcss@8.4.38)(qrcode@1.5.3)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.77.4)(search-insights@2.14.0)(sortablejs@1.15.2)(terser@5.31.0)(typescript@5.4.5):
+  vite@8.0.0(@types/node@24.0.10)(jiti@2.6.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1):
     dependencies:
-      '@docsearch/css': 3.6.0
-      '@docsearch/js': 3.6.0(@algolia/client-search@4.23.3)(@types/react@18.3.3)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(search-insights@2.14.0)
-      '@shikijs/core': 1.6.2
-      '@shikijs/transformers': 1.6.2
-      '@types/markdown-it': 14.1.1
-      '@vitejs/plugin-vue': 5.0.5(vite@5.2.12(@types/node@18.19.34)(sass@1.77.4)(terser@5.31.0))(vue@3.4.27(typescript@5.4.5))
-      '@vue/devtools-api': 7.2.1(vue@3.4.27(typescript@5.4.5))
-      '@vue/shared': 3.4.27
-      '@vueuse/core': 10.10.0(@vue/composition-api@1.7.2(vue@3.4.27(typescript@5.4.5)))(vue@3.4.27(typescript@5.4.5))
-      '@vueuse/integrations': 10.10.0(@vue/composition-api@1.7.2(vue@3.4.27(typescript@5.4.5)))(async-validator@4.2.5)(axios@0.25.0)(focus-trap@7.5.4)(qrcode@1.5.3)(sortablejs@1.15.2)(vue@3.4.27(typescript@5.4.5))
-      focus-trap: 7.5.4
-      mark.js: 8.11.1
-      minisearch: 6.3.0
-      shiki: 1.6.2
-      vite: 5.2.12(@types/node@18.19.34)(sass@1.77.4)(terser@5.31.0)
-      vue: 3.4.27(typescript@5.4.5)
+      '@oxc-project/runtime': 0.115.0
+      lightningcss: 1.32.0
+      picomatch: 4.0.3
+      postcss: 8.5.8
+      rolldown: 1.0.0-rc.9
+      tinyglobby: 0.2.15
     optionalDependencies:
-      postcss: 8.4.38
+      '@types/node': 24.0.10
+      fsevents: 2.3.3
+      jiti: 2.6.1
+      sass: 1.93.3
+      sass-embedded: 1.93.3
+      terser: 5.44.1
+      yaml: 2.8.1
+
+  vitepress@1.6.4(@algolia/client-search@5.44.0)(@types/node@24.0.10)(@types/react@18.3.27)(async-validator@4.2.5)(axios@1.13.2)(lightningcss@1.32.0)(postcss@8.5.8)(qrcode@1.5.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass-embedded@1.93.3)(sass@1.93.3)(search-insights@2.17.3)(sortablejs@1.15.6)(terser@5.44.1)(typescript@5.9.3):
+    dependencies:
+      '@docsearch/css': 3.8.2
+      '@docsearch/js': 3.8.2(@algolia/client-search@5.44.0)(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(search-insights@2.17.3)
+      '@iconify-json/simple-icons': 1.2.59
+      '@shikijs/core': 2.5.0
+      '@shikijs/transformers': 2.5.0
+      '@shikijs/types': 2.5.0
+      '@types/markdown-it': 14.1.2
+      '@vitejs/plugin-vue': 5.2.4(vite@5.4.21(@types/node@24.0.10)(lightningcss@1.32.0)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.44.1))(vue@3.5.24(typescript@5.9.3))
+      '@vue/devtools-api': 7.7.9
+      '@vue/shared': 3.5.24
+      '@vueuse/core': 12.8.2(typescript@5.9.3)
+      '@vueuse/integrations': 12.8.2(async-validator@4.2.5)(axios@1.13.2)(focus-trap@7.6.6)(qrcode@1.5.4)(sortablejs@1.15.6)(typescript@5.9.3)
+      focus-trap: 7.6.6
+      mark.js: 8.11.1
+      minisearch: 7.2.0
+      shiki: 2.5.0
+      vite: 5.4.21(@types/node@24.0.10)(lightningcss@1.32.0)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.44.1)
+      vue: 3.5.24(typescript@5.9.3)
+    optionalDependencies:
+      postcss: 8.5.8
     transitivePeerDependencies:
       - '@algolia/client-search'
       - '@types/node'
       - '@types/react'
-      - '@vue/composition-api'
       - async-validator
       - axios
       - change-case
@@ -11595,6 +12646,7 @@ snapshots:
       - react
       - react-dom
       - sass
+      - sass-embedded
       - search-insights
       - sortablejs
       - stylus
@@ -11603,156 +12655,139 @@ snapshots:
       - typescript
       - universal-cookie
 
-  vitest@1.6.0(@types/node@18.19.34)(jsdom@19.0.0)(sass@1.77.4)(terser@5.31.0):
+  vitest@4.1.0(@types/node@24.0.10)(jsdom@27.2.0)(vite@8.0.0(@types/node@24.0.10)(jiti@2.6.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1)):
     dependencies:
-      '@vitest/expect': 1.6.0
-      '@vitest/runner': 1.6.0
-      '@vitest/snapshot': 1.6.0
-      '@vitest/spy': 1.6.0
-      '@vitest/utils': 1.6.0
-      acorn-walk: 8.3.2
-      chai: 4.4.1
-      debug: 4.3.5(supports-color@8.1.1)
-      execa: 8.0.1
-      local-pkg: 0.5.0
-      magic-string: 0.30.10
-      pathe: 1.1.2
-      picocolors: 1.0.1
-      std-env: 3.7.0
-      strip-literal: 2.1.0
-      tinybench: 2.8.0
-      tinypool: 0.8.4
-      vite: 5.2.12(@types/node@18.19.34)(sass@1.77.4)(terser@5.31.0)
-      vite-node: 1.6.0(@types/node@18.19.34)(sass@1.77.4)(terser@5.31.0)
-      why-is-node-running: 2.2.2
+      '@vitest/expect': 4.1.0
+      '@vitest/mocker': 4.1.0(vite@8.0.0(@types/node@24.0.10)(jiti@2.6.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1))
+      '@vitest/pretty-format': 4.1.0
+      '@vitest/runner': 4.1.0
+      '@vitest/snapshot': 4.1.0
+      '@vitest/spy': 4.1.0
+      '@vitest/utils': 4.1.0
+      es-module-lexer: 2.0.0
+      expect-type: 1.3.0
+      magic-string: 0.30.21
+      obug: 2.1.1
+      pathe: 2.0.3
+      picomatch: 4.0.3
+      std-env: 4.0.0
+      tinybench: 2.9.0
+      tinyexec: 1.0.2
+      tinyglobby: 0.2.15
+      tinyrainbow: 3.0.3
+      vite: 8.0.0(@types/node@24.0.10)(jiti@2.6.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.44.1)(yaml@2.8.1)
+      why-is-node-running: 2.3.0
     optionalDependencies:
-      '@types/node': 18.19.34
-      jsdom: 19.0.0
+      '@types/node': 24.0.10
+      jsdom: 27.2.0
     transitivePeerDependencies:
-      - less
-      - lightningcss
-      - sass
-      - stylus
-      - sugarss
-      - supports-color
-      - terser
+      - msw
 
-  vue-component-type-helpers@2.0.19: {}
+  vscode-uri@3.1.0: {}
 
-  vue-demi@0.14.8(@vue/composition-api@1.7.2(vue@2.7.16))(vue@2.7.16):
+  vue-component-type-helpers@2.2.12: {}
+
+  vue-demi@0.14.10(@vue/composition-api@1.7.2(vue@3.5.24(typescript@5.9.3)))(vue@3.5.24(typescript@5.9.3)):
     dependencies:
-      vue: 2.7.16
+      vue: 3.5.24(typescript@5.9.3)
     optionalDependencies:
-      '@vue/composition-api': 1.7.2(vue@2.7.16)
+      '@vue/composition-api': 1.7.2(vue@3.5.24(typescript@5.9.3))
 
-  vue-demi@0.14.8(@vue/composition-api@1.7.2(vue@3.4.27(typescript@5.4.5)))(vue@3.4.27(typescript@5.4.5)):
+  vue-eslint-parser@10.4.0(eslint@10.0.3(jiti@2.6.1)):
     dependencies:
-      vue: 3.4.27(typescript@5.4.5)
-    optionalDependencies:
-      '@vue/composition-api': 1.7.2(vue@3.4.27(typescript@5.4.5))
-
-  vue-eslint-parser@9.4.3(eslint@8.57.0):
-    dependencies:
-      debug: 4.3.5(supports-color@8.1.1)
-      eslint: 8.57.0
-      eslint-scope: 7.2.2
-      eslint-visitor-keys: 3.4.3
-      espree: 9.6.1
-      esquery: 1.5.0
-      lodash: 4.17.21
-      semver: 7.6.2
+      debug: 4.4.3
+      eslint: 10.0.3(jiti@2.6.1)
+      eslint-scope: 9.1.2
+      eslint-visitor-keys: 5.0.1
+      espree: 11.2.0
+      esquery: 1.7.0
+      semver: 7.7.3
     transitivePeerDependencies:
       - supports-color
 
-  vue-router@4.3.2(vue@3.4.27(typescript@5.4.5)):
+  vue-router@4.6.3(vue@3.5.24(typescript@5.9.3)):
     dependencies:
-      '@vue/devtools-api': 6.6.3
-      vue: 3.4.27(typescript@5.4.5)
+      '@vue/devtools-api': 6.6.4
+      vue: 3.5.24(typescript@5.9.3)
 
-  vue-template-compiler@2.7.16:
+  vue-tsc@3.2.6(typescript@5.9.3):
     dependencies:
-      de-indent: 1.0.2
-      he: 1.2.0
+      '@volar/typescript': 2.4.28
+      '@vue/language-core': 3.2.6
+      typescript: 5.9.3
 
-  vue-tsc@2.0.19(typescript@5.4.5):
+  vue@3.5.24(typescript@5.9.3):
     dependencies:
-      '@volar/typescript': 2.2.5
-      '@vue/language-core': 2.0.19(typescript@5.4.5)
-      semver: 7.6.2
-      typescript: 5.4.5
-
-  vue@2.7.16:
-    dependencies:
-      '@vue/compiler-sfc': 2.7.16
-      csstype: 3.1.3
-
-  vue@3.4.27(typescript@5.4.5):
-    dependencies:
-      '@vue/compiler-dom': 3.4.27
-      '@vue/compiler-sfc': 3.4.27
-      '@vue/runtime-dom': 3.4.27
-      '@vue/server-renderer': 3.4.27(vue@3.4.27(typescript@5.4.5))
-      '@vue/shared': 3.4.27
+      '@vue/compiler-dom': 3.5.24
+      '@vue/compiler-sfc': 3.5.24
+      '@vue/runtime-dom': 3.5.24
+      '@vue/server-renderer': 3.5.24(vue@3.5.24(typescript@5.9.3))
+      '@vue/shared': 3.5.24
     optionalDependencies:
-      typescript: 5.4.5
+      typescript: 5.9.3
 
-  w3c-hr-time@1.0.2:
+  w3c-xmlserializer@5.0.0:
     dependencies:
-      browser-process-hrtime: 1.0.0
-
-  w3c-xmlserializer@3.0.0:
-    dependencies:
-      xml-name-validator: 4.0.0
+      xml-name-validator: 5.0.0
 
   wcwidth@1.0.1:
     dependencies:
       defaults: 1.0.4
 
-  webidl-conversions@7.0.0: {}
+  webidl-conversions@8.0.0: {}
 
-  webpack-sources@3.2.3: {}
-
-  webpack-virtual-modules@0.6.2: {}
-
-  whatwg-encoding@2.0.0:
+  whatwg-encoding@3.1.1:
     dependencies:
       iconv-lite: 0.6.3
 
-  whatwg-mimetype@3.0.0: {}
+  whatwg-mimetype@4.0.0: {}
 
-  whatwg-url@10.0.0:
+  whatwg-url@15.1.0:
     dependencies:
-      tr46: 3.0.0
-      webidl-conversions: 7.0.0
+      tr46: 6.0.0
+      webidl-conversions: 8.0.0
 
-  whatwg-url@11.0.0:
+  which-boxed-primitive@1.1.1:
     dependencies:
-      tr46: 3.0.0
-      webidl-conversions: 7.0.0
+      is-bigint: 1.1.0
+      is-boolean-object: 1.2.2
+      is-number-object: 1.1.1
+      is-string: 1.1.1
+      is-symbol: 1.1.1
 
-  which-boxed-primitive@1.0.2:
+  which-builtin-type@1.2.1:
     dependencies:
-      is-bigint: 1.0.4
-      is-boolean-object: 1.1.2
-      is-number-object: 1.0.7
-      is-string: 1.0.7
-      is-symbol: 1.0.4
+      call-bound: 1.0.4
+      function.prototype.name: 1.1.8
+      has-tostringtag: 1.0.2
+      is-async-function: 2.1.1
+      is-date-object: 1.1.0
+      is-finalizationregistry: 1.1.1
+      is-generator-function: 1.1.2
+      is-regex: 1.2.1
+      is-weakref: 1.1.1
+      isarray: 2.0.5
+      which-boxed-primitive: 1.1.1
+      which-collection: 1.0.2
+      which-typed-array: 1.1.19
 
   which-collection@1.0.2:
     dependencies:
       is-map: 2.0.3
       is-set: 2.0.3
       is-weakmap: 2.0.2
-      is-weakset: 2.0.3
+      is-weakset: 2.0.4
 
   which-module@2.0.1: {}
 
-  which-typed-array@1.1.15:
+  which-typed-array@1.1.19:
     dependencies:
       available-typed-arrays: 1.0.7
-      call-bind: 1.0.7
-      for-each: 0.3.3
-      gopd: 1.0.1
+      call-bind: 1.0.8
+      call-bound: 1.0.4
+      for-each: 0.3.5
+      get-proto: 1.0.1
+      gopd: 1.2.0
       has-tostringtag: 1.0.2
 
   which@1.3.1:
@@ -11763,7 +12798,7 @@ snapshots:
     dependencies:
       isexe: 2.0.0
 
-  why-is-node-running@2.2.2:
+  why-is-node-running@2.3.0:
     dependencies:
       siginfo: 2.0.0
       stackback: 0.0.2
@@ -11786,16 +12821,24 @@ snapshots:
 
   wrap-ansi@8.1.0:
     dependencies:
-      ansi-styles: 6.2.1
+      ansi-styles: 6.2.3
       string-width: 5.1.2
-      strip-ansi: 7.1.0
+      strip-ansi: 7.1.2
+
+  wrap-ansi@9.0.2:
+    dependencies:
+      ansi-styles: 6.2.3
+      string-width: 7.2.0
+      strip-ansi: 7.1.2
 
   wrappy@1.0.2: {}
 
-  ws@8.17.0: {}
+  ws@8.18.3: {}
 
   xml-name-validator@4.0.0: {}
 
+  xml-name-validator@5.0.0: {}
+
   xmlchars@2.2.0: {}
 
   y18n@4.0.3: {}
@@ -11804,17 +12847,13 @@ snapshots:
 
   yallist@3.1.1: {}
 
-  yallist@4.0.0: {}
-
-  yaml@1.10.2: {}
+  yaml@2.8.1: {}
 
   yargs-parser@18.1.3:
     dependencies:
       camelcase: 5.3.1
       decamelize: 1.2.0
 
-  yargs-parser@20.2.9: {}
-
   yargs-parser@21.1.1: {}
 
   yargs@15.4.1:
@@ -11831,20 +12870,10 @@ snapshots:
       y18n: 4.0.3
       yargs-parser: 18.1.3
 
-  yargs@16.2.0:
-    dependencies:
-      cliui: 7.0.4
-      escalade: 3.1.2
-      get-caller-file: 2.0.5
-      require-directory: 2.1.1
-      string-width: 4.2.3
-      y18n: 5.0.8
-      yargs-parser: 20.2.9
-
   yargs@17.7.2:
     dependencies:
       cliui: 8.0.1
-      escalade: 3.1.2
+      escalade: 3.2.0
       get-caller-file: 2.0.5
       require-directory: 2.1.1
       string-width: 4.2.3
@@ -11853,4 +12882,8 @@ snapshots:
 
   yocto-queue@0.1.0: {}
 
-  yocto-queue@1.0.0: {}
+  yocto-queue@1.2.2: {}
+
+  yoctocolors@2.1.2: {}
+
+  zwitch@2.0.4: {}
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index e760c85d..45a2e2d2 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -1,4 +1,14 @@
 packages:
   - 'packages/*'
   - 'playground'
-  - 'runtime/*'
\ No newline at end of file
+  - 'runtime/*'
+  - 'vue-components/*'
+  - 'react-components/*'
+  - 'eslint-config'
+
+catalog:
+  vue: ^3.5.24
+  '@vue/compiler-sfc': ^3.5.24
+  vite: ^8.0.0
+  typescript: "^5.9.3"
+  
\ No newline at end of file
diff --git a/packages/ui-react/package.json b/react-components/button/package.json
similarity index 65%
rename from packages/ui-react/package.json
rename to react-components/button/package.json
index 2e225638..30313145 100644
--- a/packages/ui-react/package.json
+++ b/react-components/button/package.json
@@ -1,6 +1,6 @@
 {
-  "name": "@tmagic/ui-react",
-  "version": "1.4.7",
+  "version": "0.1.0",
+  "name": "@tmagic/react-button",
   "type": "module",
   "main": "src/index.ts",
   "files": [
@@ -13,27 +13,23 @@
     "type": "git",
     "url": "https://github.com/Tencent/tmagic-editor.git"
   },
-  "scripts": {
-    "react:build": "tsc && vite build"
-  },
   "dependencies": {
-    "qrcode": "^1.5.0"
-  },
-  "devDependencies": {
-    "@types/react": "^18.3.3",
-    "@types/react-dom": "^18.3.0"
+    "@tmagic/form-schema": "workspace:^"
   },
   "peerDependencies": {
-    "@tmagic/core": "workspace:*",
-    "@tmagic/schema": "workspace:*",
-    "@tmagic/utils": "workspace:*",
+    "@tmagic/core": "workspace:^",
+    "@tmagic/react-runtime-help": "workspace:^",
     "react": ">=18.3.1",
     "react-dom": ">=18.3.1",
-    "typescript": "*"
+    "typescript": "catalog:"
   },
   "peerDependenciesMeta": {
     "typescript": {
       "optional": true
     }
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0"
   }
 }
diff --git a/react-components/button/src/Button.tsx b/react-components/button/src/Button.tsx
new file mode 100644
index 00000000..5ea4a752
--- /dev/null
+++ b/react-components/button/src/Button.tsx
@@ -0,0 +1,78 @@
+/*
+ * Tencent is pleased to support the open source community by making TMagicEditor available.
+ *
+ * Copyright (C) 2025 Tencent.  All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import React from 'react';
+
+import type { Id, MComponent } from '@tmagic/core';
+import { COMMON_EVENT_PREFIX } from '@tmagic/core';
+import { useApp } from '@tmagic/react-runtime-help';
+
+interface ButtonSchema extends Omit<MComponent, 'id'> {
+  id?: Id;
+  type?: 'button';
+  text: string;
+}
+
+interface ButtonProps {
+  config: ButtonSchema;
+  className: string;
+  id: string;
+  style: Record<string, any>;
+  containerIndex: number;
+  iteratorIndex?: number[];
+  iteratorContainerId?: Id[];
+  onClick: any;
+}
+
+const Page: React.FC<ButtonProps> = ({
+  id,
+  config,
+  className,
+  style,
+  containerIndex,
+  iteratorIndex,
+  iteratorContainerId,
+}) => {
+  const { app, node } = useApp({ config, iteratorIndex, iteratorContainerId });
+
+  if (!app) return null;
+
+  const clickHandler = () => {
+    if (node && app) {
+      app.emit(`${COMMON_EVENT_PREFIX}click`, node);
+    }
+  };
+
+  return (
+    <button
+      className={className}
+      style={style}
+      data-tmagic-id={`${id || config.id || ''}`}
+      data-tmagic-container-index={containerIndex}
+      data-tmagic-iterator-index={iteratorIndex}
+      data-tmagic-iterator-container-id={iteratorContainerId}
+      onClick={clickHandler}
+    >
+      {config.text || ''}
+    </button>
+  );
+};
+
+Page.displayName = 'magic-ui-button';
+
+export default Page;
diff --git a/react-components/button/src/event.ts b/react-components/button/src/event.ts
new file mode 100644
index 00000000..51bc8ffb
--- /dev/null
+++ b/react-components/button/src/event.ts
@@ -0,0 +1,6 @@
+import { COMMON_EVENT_PREFIX } from '@tmagic/core';
+
+export default {
+  methods: [],
+  events: [{ label: '点击', value: `${COMMON_EVENT_PREFIX}click` }],
+};
diff --git a/packages/ui-vue2/src/button/formConfig.ts b/react-components/button/src/formConfig.ts
similarity index 83%
rename from packages/ui-vue2/src/button/formConfig.ts
rename to react-components/button/src/formConfig.ts
index 22a9a517..2ea002fc 100644
--- a/packages/ui-vue2/src/button/formConfig.ts
+++ b/react-components/button/src/formConfig.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -16,10 +16,12 @@
  * limitations under the License.
  */
 
-export default [
+import { defineFormConfig } from '@tmagic/form-schema';
+
+export default defineFormConfig([
   {
     text: '文本',
     name: 'text',
     type: 'data-source-input',
   },
-];
+]);
diff --git a/packages/ui-react/src/button/index.ts b/react-components/button/src/index.ts
similarity index 89%
rename from packages/ui-react/src/button/index.ts
rename to react-components/button/src/index.ts
index 02716020..ab43685e 100644
--- a/packages/ui-react/src/button/index.ts
+++ b/react-components/button/src/index.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -20,5 +20,6 @@ import Button from './Button';
 
 export { default as config } from './formConfig';
 export { default as value } from './initValue';
+export { default as event } from './event';
 
 export default Button;
diff --git a/packages/ui-react/src/button/initValue.ts b/react-components/button/src/initValue.ts
similarity index 91%
rename from packages/ui-react/src/button/initValue.ts
rename to react-components/button/src/initValue.ts
index 9165e697..1021147d 100644
--- a/packages/ui-react/src/button/initValue.ts
+++ b/react-components/button/src/initValue.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
diff --git a/react-components/container/package.json b/react-components/container/package.json
new file mode 100644
index 00000000..c1e5413f
--- /dev/null
+++ b/react-components/container/package.json
@@ -0,0 +1,35 @@
+{
+  "version": "0.1.0",
+  "name": "@tmagic/react-container",
+  "type": "module",
+  "main": "src/index.ts",
+  "files": [
+    "src"
+  ],
+  "engines": {
+    "node": ">=18"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Tencent/tmagic-editor.git"
+  },
+  "dependencies": {
+    "@tmagic/form-schema": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tmagic/core": "workspace:^",
+    "@tmagic/react-runtime-help": "workspace:^",
+    "react": ">=18.3.1",
+    "react-dom": ">=18.3.1",
+    "typescript": "catalog:"
+  },
+  "peerDependenciesMeta": {
+    "typescript": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0"
+  }
+}
diff --git a/react-components/container/src/Component.tsx b/react-components/container/src/Component.tsx
new file mode 100644
index 00000000..d99b0b8f
--- /dev/null
+++ b/react-components/container/src/Component.tsx
@@ -0,0 +1,66 @@
+/*
+ * Tencent is pleased to support the open source community by making TMagicEditor available.
+ *
+ * Copyright (C) 2025 Tencent.  All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import React, { useContext } from 'react';
+
+import type TMagicApp from '@tmagic/core';
+import type { Id, MComponent } from '@tmagic/core';
+import { IS_DSL_NODE_KEY } from '@tmagic/core';
+import { AppContent, useComponentStatus, useNode } from '@tmagic/react-runtime-help';
+
+interface ComponentProps {
+  config: Omit<MComponent, 'id'>;
+  index: number;
+  iteratorIndex: number[];
+  iteratorContainerId: Id[];
+}
+
+const Container: React.FC<ComponentProps> = (props) => {
+  const app: TMagicApp | undefined = useContext(AppContent);
+
+  const node = useNode(props);
+  const MagicUiComp = app?.resolveComponent(props.config.type || 'container');
+
+  if (!MagicUiComp) return null;
+
+  if (typeof props.config.display === 'function' && props.config.display({ app, node }) === false) {
+    return null;
+  }
+
+  const { style, className } = useComponentStatus(props);
+
+  return (
+    <MagicUiComp
+      data-tmagic-id={`${props.config.id || ''}`}
+      data-container-index={props.index}
+      data-tmagic-iterator-index={props.iteratorIndex}
+      data-tmagic-iterator-container-id={props.iteratorContainerId}
+      containerIndex={props.index}
+      iteratorIndex={props.iteratorIndex}
+      iteratorContainerId={props.iteratorContainerId}
+      key={props.config.id ?? props.index}
+      config={{ ...props.config, [IS_DSL_NODE_KEY]: true }}
+      className={className}
+      style={style}
+    ></MagicUiComp>
+  );
+};
+
+Container.displayName = 'magic-ui-container-item';
+
+export default Container;
diff --git a/react-components/container/src/Container.tsx b/react-components/container/src/Container.tsx
new file mode 100644
index 00000000..509a23bb
--- /dev/null
+++ b/react-components/container/src/Container.tsx
@@ -0,0 +1,86 @@
+/*
+ * Tencent is pleased to support the open source community by making TMagicEditor available.
+ *
+ * Copyright (C) 2025 Tencent.  All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import React from 'react';
+
+import type { Id, MContainer, MNode } from '@tmagic/core';
+import { COMMON_EVENT_PREFIX } from '@tmagic/core';
+import { useApp } from '@tmagic/react-runtime-help';
+
+import Component from './Component';
+
+interface ContainerSchema extends Omit<MContainer, 'id'> {
+  id?: Id;
+  type?: 'container';
+}
+
+interface ContainerProps {
+  id?: Id;
+  config: ContainerSchema;
+  className: string;
+  style: Record<string, any>;
+  containerIndex: number;
+  iteratorIndex: number[];
+  iteratorContainerId: Id[];
+}
+
+const Container: React.FC<ContainerProps> = ({
+  id,
+  config,
+  className,
+  containerIndex,
+  style,
+  iteratorIndex,
+  iteratorContainerId,
+}) => {
+  const { app, node } = useApp({ config });
+
+  if (!app) return null;
+
+  const clickHandler = () => {
+    if (node && app) {
+      app.emit(`${COMMON_EVENT_PREFIX}click`, node);
+    }
+  };
+
+  return (
+    <div
+      data-tmagic-id={`${id || config.id || ''}`}
+      data-container-index={containerIndex}
+      data-tmagic-iterator-index={iteratorIndex}
+      data-tmagic-iterator-container-id={iteratorContainerId}
+      className={className}
+      style={style}
+      onClick={clickHandler}
+    >
+      {config.items?.map((item: MNode, index: number) => (
+        <Component
+          key={item.id ?? index}
+          config={item}
+          index={index}
+          iteratorIndex={iteratorIndex}
+          iteratorContainerId={iteratorContainerId}
+        />
+      ))}
+    </div>
+  );
+};
+
+Container.displayName = 'magic-ui-container';
+
+export default Container;
diff --git a/react-components/container/src/event.ts b/react-components/container/src/event.ts
new file mode 100644
index 00000000..51bc8ffb
--- /dev/null
+++ b/react-components/container/src/event.ts
@@ -0,0 +1,6 @@
+import { COMMON_EVENT_PREFIX } from '@tmagic/core';
+
+export default {
+  methods: [],
+  events: [{ label: '点击', value: `${COMMON_EVENT_PREFIX}click` }],
+};
diff --git a/packages/ui/src/container/src/formConfig.ts b/react-components/container/src/formConfig.ts
similarity index 68%
rename from packages/ui/src/container/src/formConfig.ts
rename to react-components/container/src/formConfig.ts
index 7121641d..69c73c76 100644
--- a/packages/ui/src/container/src/formConfig.ts
+++ b/react-components/container/src/formConfig.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -16,7 +16,10 @@
  * limitations under the License.
  */
 
-export default [
+import { getElById } from '@tmagic/core';
+import { defineFormConfig } from '@tmagic/form-schema';
+
+export default defineFormConfig([
   {
     name: 'layout',
     text: '容器布局',
@@ -26,16 +29,16 @@ export default [
       { value: 'absolute', text: '绝对定位' },
       { value: 'relative', text: '流式布局' },
     ],
-    onChange: (formState: any, v: string, { model }: any) => {
+    onChange: (formState: any, v: string, { setModel, model }: any) => {
       if (!model.style) return v;
       if (v === 'relative') {
-        model.style.height = 'auto';
+        setModel('style.height', 'auto');
       } else {
-        const el = formState.stage?.renderer?.contentWindow.document.getElementById(model.id);
+        const el = getElById()(formState.stage?.renderer?.contentWindow.document, model.id);
         if (el) {
-          model.style.height = el.getBoundingClientRect().height;
+          setModel('style.height', el.getBoundingClientRect().height);
         }
       }
     },
   },
-];
+]);
diff --git a/packages/ui-react/src/container/index.ts b/react-components/container/src/index.ts
similarity index 89%
rename from packages/ui-react/src/container/index.ts
rename to react-components/container/src/index.ts
index c0d5c9f2..4b2caf09 100644
--- a/packages/ui-react/src/container/index.ts
+++ b/react-components/container/src/index.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -20,5 +20,6 @@ import Container from './Container';
 
 export { default as config } from './formConfig';
 export { default as value } from './initValue';
+export { default as event } from './event';
 
 export default Container;
diff --git a/packages/ui-react/src/container/initValue.ts b/react-components/container/src/initValue.ts
similarity index 90%
rename from packages/ui-react/src/container/initValue.ts
rename to react-components/container/src/initValue.ts
index 19a93494..5f39ee5f 100644
--- a/packages/ui-react/src/container/initValue.ts
+++ b/react-components/container/src/initValue.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
diff --git a/react-components/img/package.json b/react-components/img/package.json
new file mode 100644
index 00000000..9143490f
--- /dev/null
+++ b/react-components/img/package.json
@@ -0,0 +1,35 @@
+{
+  "version": "0.1.0",
+  "name": "@tmagic/react-img",
+  "type": "module",
+  "main": "src/index.ts",
+  "files": [
+    "src"
+  ],
+  "engines": {
+    "node": ">=18"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Tencent/tmagic-editor.git"
+  },
+  "dependencies": {
+    "@tmagic/form-schema": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tmagic/core": "workspace:^",
+    "@tmagic/react-runtime-help": "workspace:^",
+    "react": ">=18.3.1",
+    "react-dom": ">=18.3.1",
+    "typescript": "catalog:"
+  },
+  "peerDependenciesMeta": {
+    "typescript": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0"
+  }
+}
diff --git a/packages/ui-react/src/img/Img.tsx b/react-components/img/src/Img.tsx
similarity index 51%
rename from packages/ui-react/src/img/Img.tsx
rename to react-components/img/src/Img.tsx
index a54293e5..228cbe34 100644
--- a/packages/ui-react/src/img/Img.tsx
+++ b/react-components/img/src/Img.tsx
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -18,19 +18,36 @@
 
 import React from 'react';
 
-import type { MComponent } from '@tmagic/schema';
+import type { Id, MComponent } from '@tmagic/core';
+import { useApp } from '@tmagic/react-runtime-help';
 
-import useApp from '../useApp';
-
-interface ImgProps {
-  config: {
-    url: string;
-    src: string;
-  } & MComponent;
+interface ImgSchema extends Omit<MComponent, 'id'> {
+  id?: Id;
+  type?: 'img';
+  src: string;
+  url?: string;
 }
 
-const Img: React.FC<ImgProps> = ({ config }) => {
-  const { app } = useApp({ config });
+interface ImgProps {
+  config: ImgSchema;
+  className: string;
+  id: string;
+  style: Record<string, any>;
+  containerIndex: number;
+  iteratorIndex?: number[];
+  iteratorContainerId?: Id[];
+}
+
+const Img: React.FC<ImgProps> = ({
+  id,
+  config,
+  className,
+  style,
+  containerIndex,
+  iteratorIndex,
+  iteratorContainerId,
+}) => {
+  const { app } = useApp({ config, iteratorIndex, iteratorContainerId });
 
   if (!app) return null;
 
@@ -40,9 +57,12 @@ const Img: React.FC<ImgProps> = ({ config }) => {
 
   return (
     <img
-      className="magic-ui-img"
-      style={app.transformStyle(config.style || {})}
-      id={`${config.id}`}
+      className={className}
+      style={style}
+      data-tmagic-id={`${id || config.id || ''}`}
+      data-tmagic-container-index={containerIndex}
+      data-tmagic-iterator-index={iteratorIndex}
+      data-tmagic-iterator-container-id={iteratorContainerId}
       src={config.src}
       onClick={clickHandler}
     />
diff --git a/react-components/img/src/event.ts b/react-components/img/src/event.ts
new file mode 100644
index 00000000..51bc8ffb
--- /dev/null
+++ b/react-components/img/src/event.ts
@@ -0,0 +1,6 @@
+import { COMMON_EVENT_PREFIX } from '@tmagic/core';
+
+export default {
+  methods: [],
+  events: [{ label: '点击', value: `${COMMON_EVENT_PREFIX}click` }],
+};
diff --git a/packages/ui-vue2/src/img/src/formConfig.ts b/react-components/img/src/formConfig.ts
similarity index 72%
rename from packages/ui-vue2/src/img/src/formConfig.ts
rename to react-components/img/src/formConfig.ts
index 1616e0b4..8899b163 100644
--- a/packages/ui-vue2/src/img/src/formConfig.ts
+++ b/react-components/img/src/formConfig.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -16,14 +16,22 @@
  * limitations under the License.
  */
 
-export default [
+import { defineFormConfig } from '@tmagic/form-schema';
+
+export default defineFormConfig([
   {
-    text: '图片',
+    type: 'data-source-field-select',
     name: 'src',
+    text: '图片',
+    checkStrictly: false,
+    dataSourceFieldType: ['string'],
+    fieldConfig: {
+      type: 'img-upload',
+    },
   },
   {
     text: '链接',
     name: 'url',
     type: 'data-source-input',
   },
-];
+]);
diff --git a/packages/ui-react/src/img/index.ts b/react-components/img/src/index.ts
similarity index 89%
rename from packages/ui-react/src/img/index.ts
rename to react-components/img/src/index.ts
index 9651d901..dee169b1 100644
--- a/packages/ui-react/src/img/index.ts
+++ b/react-components/img/src/index.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -20,5 +20,6 @@ import Img from './Img';
 
 export { default as config } from './formConfig';
 export { default as value } from './initValue';
+export { default as event } from './event';
 
 export default Img;
diff --git a/packages/ui/src/img/src/initValue.ts b/react-components/img/src/initValue.ts
similarity index 91%
rename from packages/ui/src/img/src/initValue.ts
rename to react-components/img/src/initValue.ts
index 592493cd..cf9abd17 100644
--- a/packages/ui/src/img/src/initValue.ts
+++ b/react-components/img/src/initValue.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
diff --git a/react-components/iterator-container/package.json b/react-components/iterator-container/package.json
new file mode 100644
index 00000000..ce4b2866
--- /dev/null
+++ b/react-components/iterator-container/package.json
@@ -0,0 +1,35 @@
+{
+  "version": "0.1.1",
+  "name": "@tmagic/react-iterator-container",
+  "type": "module",
+  "main": "src/index.ts",
+  "files": [
+    "src"
+  ],
+  "engines": {
+    "node": ">=18"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Tencent/tmagic-editor.git"
+  },
+  "dependencies": {
+    "@tmagic/form-schema": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tmagic/core": "workspace:^",
+    "@tmagic/react-runtime-help": "workspace:^",
+    "react": ">=18.3.1",
+    "react-dom": ">=18.3.1",
+    "typescript": "catalog:"
+  },
+  "peerDependenciesMeta": {
+    "typescript": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0"
+  }
+}
diff --git a/react-components/iterator-container/src/IteratorContainer.tsx b/react-components/iterator-container/src/IteratorContainer.tsx
new file mode 100644
index 00000000..241b12ca
--- /dev/null
+++ b/react-components/iterator-container/src/IteratorContainer.tsx
@@ -0,0 +1,119 @@
+import React from 'react';
+
+import {
+  COMMON_EVENT_PREFIX,
+  type Id,
+  type IteratorContainer as TMagicIteratorContainer,
+  type MIteratorContainer,
+  type MNode,
+} from '@tmagic/core';
+import { useApp } from '@tmagic/react-runtime-help';
+
+interface IteratorContainerSchema extends Omit<MIteratorContainer, 'id'> {
+  id?: Id;
+  type?: 'iterator-container';
+}
+
+interface IteratorContainerProps {
+  config: IteratorContainerSchema;
+  className: string;
+  style: Record<string, any>;
+  id: string;
+  containerIndex: number;
+  iteratorIndex: number[];
+  iteratorContainerId: Id[];
+}
+
+interface IteratorItemSchema {
+  items: MNode[];
+  condResult: boolean;
+  style: {
+    [key: string]: any;
+  };
+}
+
+const IteratorContainer: React.FC<IteratorContainerProps> = ({
+  config,
+  id,
+  style,
+  className,
+  containerIndex,
+  iteratorIndex,
+  iteratorContainerId,
+}) => {
+  const { app, node } = useApp({ config, iteratorIndex, iteratorContainerId });
+
+  let { iteratorData = [] } = config;
+  const { itemConfig, dsField, items } = config;
+
+  if (!Array.isArray(iteratorData)) {
+    iteratorData = [];
+  }
+
+  if (app?.platform === 'editor' && !iteratorData.length) {
+    iteratorData.push({});
+  }
+
+  const MagicUiComp = app?.resolveComponent('container');
+
+  const iteratorContainerNode = app?.getNode<TMagicIteratorContainer>(id || config.id || '', {
+    iteratorContainerId,
+    iteratorIndex,
+  });
+
+  iteratorContainerNode?.resetNodes();
+
+  const configs: IteratorItemSchema[] = iteratorData.map((itemData: any, index: number) => {
+    const condResult =
+      app?.platform !== 'editor'
+        ? (app?.dataSourceManager?.compliedIteratorItemConds(itemData, itemConfig, dsField) ?? true)
+        : true;
+
+    const newItems = app?.dataSourceManager?.compliedIteratorItems(itemData, items, dsField) ?? items;
+
+    iteratorContainerNode?.setNodes(config.items, index);
+
+    return {
+      items: newItems,
+      condResult,
+      style: {
+        position: 'relative',
+        left: 0,
+        top: 0,
+        ...itemConfig.style,
+      },
+    };
+  });
+
+  const clickHandler = () => {
+    if (node && app) {
+      app.emit(`${COMMON_EVENT_PREFIX}click`, node);
+    }
+  };
+
+  return (
+    <div
+      className={className}
+      style={style}
+      data-tmagic-id={`${id || config.id || ''}`}
+      data-container-index={containerIndex}
+      data-iterator-index={iteratorIndex}
+      data-iterator-container-id={iteratorContainerId}
+      onClick={clickHandler}
+    >
+      {configs.map((config: any, index: number) => (
+        <MagicUiComp
+          config={config}
+          key={index}
+          style={app?.transformStyle(config.style)}
+          iteratorIndex={[...(iteratorIndex || []), index]}
+          iteratorContainerId={[...(iteratorContainerId || []), config.id]}
+        ></MagicUiComp>
+      ))}
+    </div>
+  );
+};
+
+IteratorContainer.displayName = 'magic-ui-iterator-container';
+
+export default IteratorContainer;
diff --git a/react-components/iterator-container/src/event.ts b/react-components/iterator-container/src/event.ts
new file mode 100644
index 00000000..51bc8ffb
--- /dev/null
+++ b/react-components/iterator-container/src/event.ts
@@ -0,0 +1,6 @@
+import { COMMON_EVENT_PREFIX } from '@tmagic/core';
+
+export default {
+  methods: [],
+  events: [{ label: '点击', value: `${COMMON_EVENT_PREFIX}click` }],
+};
diff --git a/packages/ui-vue2/src/iterator-container/src/formConfig.ts b/react-components/iterator-container/src/formConfig.ts
similarity index 82%
rename from packages/ui-vue2/src/iterator-container/src/formConfig.ts
rename to react-components/iterator-container/src/formConfig.ts
index 84abf3cf..2533a60f 100644
--- a/packages/ui-vue2/src/iterator-container/src/formConfig.ts
+++ b/react-components/iterator-container/src/formConfig.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -15,22 +15,23 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX } from '@tmagic/utils';
+import { NODE_CONDS_KEY, removeDataSourceFieldPrefix } from '@tmagic/core';
+import { defineFormConfig } from '@tmagic/form-schema';
 
-export default [
+export default defineFormConfig([
   {
     name: 'iteratorData',
     text: '数据源数据',
     value: 'value',
     dataSourceFieldType: ['array'],
-    checkStrictly: false,
+    checkStrictly: true,
     type: 'data-source-field-select',
-    onChange: (vm: any, v: string[] = [], { model }: any) => {
-      if (Array.isArray(v)) {
+    onChange: (_vm: any, v: string[] = [], { setModel }: any) => {
+      if (Array.isArray(v) && v.length > 1) {
         const [dsId, ...keys] = v;
-        model.dsField = [dsId.replace(DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX, ''), ...keys];
+        setModel('dsField', [removeDataSourceFieldPrefix(dsId), ...keys]);
       } else {
-        model.dsField = [];
+        setModel('dsField', []);
       }
     },
   },
@@ -43,6 +44,12 @@ export default [
     title: '子项配置',
     name: 'itemConfig',
     items: [
+      {
+        type: 'display-conds',
+        name: NODE_CONDS_KEY,
+        titlePrefix: '条件组',
+        defaultValue: [],
+      },
       {
         name: 'layout',
         text: '容器布局',
@@ -110,4 +117,4 @@ export default [
       },
     ],
   },
-];
+]);
diff --git a/react-components/iterator-container/src/index.ts b/react-components/iterator-container/src/index.ts
new file mode 100644
index 00000000..dbc7d656
--- /dev/null
+++ b/react-components/iterator-container/src/index.ts
@@ -0,0 +1,25 @@
+/*
+ * Tencent is pleased to support the open source community by making TMagicEditor available.
+ *
+ * Copyright (C) 2025 Tencent.  All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import IteratorContainer from './IteratorContainer';
+
+export { default as config } from './formConfig';
+export { default as value } from './initValue';
+export { default as event } from './event';
+
+export default IteratorContainer;
diff --git a/packages/ui-vue2/src/iterator-container/src/initValue.ts b/react-components/iterator-container/src/initValue.ts
similarity index 91%
rename from packages/ui-vue2/src/iterator-container/src/initValue.ts
rename to react-components/iterator-container/src/initValue.ts
index 2223ec4c..c81d5a84 100644
--- a/packages/ui-vue2/src/iterator-container/src/initValue.ts
+++ b/react-components/iterator-container/src/initValue.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
diff --git a/react-components/overlay/package.json b/react-components/overlay/package.json
new file mode 100644
index 00000000..adbcebc8
--- /dev/null
+++ b/react-components/overlay/package.json
@@ -0,0 +1,35 @@
+{
+  "version": "0.1.0",
+  "name": "@tmagic/react-overlay",
+  "type": "module",
+  "main": "src/index.ts",
+  "files": [
+    "src"
+  ],
+  "engines": {
+    "node": ">=18"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Tencent/tmagic-editor.git"
+  },
+  "dependencies": {
+    "@tmagic/form-schema": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tmagic/core": "workspace:^",
+    "@tmagic/react-runtime-help": "workspace:^",
+    "react": ">=18.3.1",
+    "react-dom": ">=18.3.1",
+    "typescript": "catalog:"
+  },
+  "peerDependenciesMeta": {
+    "typescript": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0"
+  }
+}
diff --git a/react-components/overlay/src/Overlay.tsx b/react-components/overlay/src/Overlay.tsx
new file mode 100644
index 00000000..3e36655c
--- /dev/null
+++ b/react-components/overlay/src/Overlay.tsx
@@ -0,0 +1,109 @@
+/*
+ * Tencent is pleased to support the open source community by making TMagicEditor available.
+ *
+ * Copyright (C) 2025 Tencent.  All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import React, { useEffect, useState } from 'react';
+
+import { type Id, IS_DSL_NODE_KEY, type MComponent, type MContainer, type MNode, type MPage } from '@tmagic/core';
+import { useApp } from '@tmagic/react-runtime-help';
+
+interface OverlayProps {
+  config: MComponent;
+  className: string;
+  style: Record<string, any>;
+  id: string;
+  containerIndex: number;
+  iteratorIndex: number[];
+  iteratorContainerId: Id[];
+}
+
+const Overlay: React.FC<OverlayProps> = ({
+  config,
+  id,
+  style,
+  className,
+  containerIndex,
+  iteratorIndex,
+  iteratorContainerId,
+}) => {
+  const [visible, setVisible] = useState(false);
+
+  const { app, node } = useApp({
+    config,
+    methods: {
+      openOverlay() {
+        setVisible(true);
+        if (app) {
+          app.emit('overlay:open', node);
+        }
+      },
+      closeOverlay() {
+        setVisible(false);
+        if (app) {
+          app.emit('overlay:close', node);
+        }
+      },
+    },
+  });
+
+  if (!app) {
+    return null;
+  }
+
+  const editorSelectHandler = (
+    _info: {
+      node: MNode;
+      page: MPage;
+      parent: MContainer;
+    },
+    path: MNode[],
+  ) => {
+    if (path.find((node: MNode) => node.id === config.id)) {
+      node?.instance.openOverlay();
+    } else {
+      node?.instance.closeOverlay();
+    }
+  };
+
+  useEffect(() => {
+    app.page?.on('editor:select', editorSelectHandler);
+
+    return () => {
+      app.page?.off('editor:select', editorSelectHandler);
+    };
+  }, []);
+
+  if (!visible) return null;
+
+  const MagicUiComp = app?.resolveComponent('container');
+
+  return (
+    <MagicUiComp
+      data-tmagic-id={`${id || config.id || ''}`}
+      containerIndex={containerIndex}
+      iteratorIndex={iteratorIndex}
+      iteratorContainerId={iteratorContainerId}
+      config={{ ...config, [IS_DSL_NODE_KEY]: false }}
+      className={className}
+      style={style}
+    ></MagicUiComp>
+  );
+};
+
+Overlay.displayName = 'magic-ui-overlay';
+
+export default Overlay;
diff --git a/packages/ui-react/src/overlay/event.ts b/react-components/overlay/src/event.ts
similarity index 100%
rename from packages/ui-react/src/overlay/event.ts
rename to react-components/overlay/src/event.ts
diff --git a/packages/ui-react/src/overlay/formConfig.ts b/react-components/overlay/src/formConfig.ts
similarity index 81%
rename from packages/ui-react/src/overlay/formConfig.ts
rename to react-components/overlay/src/formConfig.ts
index 0d8b5189..c2eb38da 100644
--- a/packages/ui-react/src/overlay/formConfig.ts
+++ b/react-components/overlay/src/formConfig.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -16,4 +16,6 @@
  * limitations under the License.
  */
 
-export default [];
+import { defineFormConfig } from '@tmagic/form-schema';
+
+export default defineFormConfig([]);
diff --git a/packages/ui-react/src/overlay/index.ts b/react-components/overlay/src/index.ts
similarity index 91%
rename from packages/ui-react/src/overlay/index.ts
rename to react-components/overlay/src/index.ts
index f472e189..225c3e35 100644
--- a/packages/ui-react/src/overlay/index.ts
+++ b/react-components/overlay/src/index.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
diff --git a/packages/ui-react/src/overlay/initValue.ts b/react-components/overlay/src/initValue.ts
similarity index 100%
rename from packages/ui-react/src/overlay/initValue.ts
rename to react-components/overlay/src/initValue.ts
diff --git a/react-components/page-fragment-container/package.json b/react-components/page-fragment-container/package.json
new file mode 100644
index 00000000..ccb2b184
--- /dev/null
+++ b/react-components/page-fragment-container/package.json
@@ -0,0 +1,35 @@
+{
+  "version": "0.1.0",
+  "name": "@tmagic/react-page-fragment-container",
+  "type": "module",
+  "main": "src/index.ts",
+  "files": [
+    "src"
+  ],
+  "engines": {
+    "node": ">=18"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Tencent/tmagic-editor.git"
+  },
+  "dependencies": {
+    "@tmagic/form-schema": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tmagic/core": "workspace:^",
+    "@tmagic/react-runtime-help": "workspace:^",
+    "react": ">=18.3.1",
+    "react-dom": ">=18.3.1",
+    "typescript": "catalog:"
+  },
+  "peerDependenciesMeta": {
+    "typescript": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0"
+  }
+}
diff --git a/packages/ui-react/src/page-fragment-container/src/PageFragmentContainer.tsx b/react-components/page-fragment-container/src/PageFragmentContainer.tsx
similarity index 51%
rename from packages/ui-react/src/page-fragment-container/src/PageFragmentContainer.tsx
rename to react-components/page-fragment-container/src/PageFragmentContainer.tsx
index 27c24477..abe98315 100644
--- a/packages/ui-react/src/page-fragment-container/src/PageFragmentContainer.tsx
+++ b/react-components/page-fragment-container/src/PageFragmentContainer.tsx
@@ -1,20 +1,34 @@
-import React, { constructor, useEffect, useMemo, useState } from 'react';
+import React from 'react';
 
-import type { MComponent, MContainer, MNode, MPage, MPageFragment } from '@tmagic/schema';
+import { type Id, IS_DSL_NODE_KEY, type MComponent, type MNode } from '@tmagic/core';
+import { useApp } from '@tmagic/react-runtime-help';
 
-import useApp from '../../useApp';
 interface PageFragmentContainerProps {
   config: MComponent;
+  className: string;
+  style: Record<string, any>;
+  id: string;
+  containerIndex: number;
+  iteratorIndex: number[];
+  iteratorContainerId: Id[];
 }
 
-const PageFragmentContainer: React.FC<PageFragmentContainerProps> = ({ config }) => {
+const PageFragmentContainer: React.FC<PageFragmentContainerProps> = ({
+  config,
+  id,
+  style,
+  className,
+  containerIndex,
+  iteratorIndex,
+  iteratorContainerId,
+}) => {
   const { app } = useApp({
     config,
     methods: {},
   });
 
   if (!app) return null;
-  const MagicUiContainer = app.resolveComponent('container');
+
   let containerConfig = {};
   const fragment = app?.dsl?.items?.find((page) => page.id === config.pageFragmentId);
   if (fragment) {
@@ -36,13 +50,23 @@ const PageFragmentContainer: React.FC<PageFragmentContainerProps> = ({ config })
     }
   }
 
+  const MagicUiContainer = app.resolveComponent('container');
+
+  const classNames = ['magic-ui-page-fragment-container'];
+  if (className) {
+    classNames.push(className);
+  }
+
   return (
     <div
-      id={`${config.id || ''}`}
-      className="magic-ui-page-fragment-container"
-      style={app.transformStyle(config.style || {})}
+      data-tmagic-id={`${id || config.id || ''}`}
+      data-container-index={containerIndex}
+      data-tmagic-iterator-index={iteratorIndex}
+      data-tmagic-iterator-container-id={iteratorContainerId}
+      className={classNames.join(' ')}
+      style={style}
     >
-      <MagicUiContainer config={containerConfig}></MagicUiContainer>
+      <MagicUiContainer config={{ ...containerConfig, [IS_DSL_NODE_KEY]: false }}></MagicUiContainer>
     </div>
   );
 };
diff --git a/react-components/page-fragment-container/src/event.ts b/react-components/page-fragment-container/src/event.ts
new file mode 100644
index 00000000..cdf87604
--- /dev/null
+++ b/react-components/page-fragment-container/src/event.ts
@@ -0,0 +1,4 @@
+export default {
+  methods: [],
+  events: [],
+};
diff --git a/packages/ui-vue2/src/page-fragment-container/src/formConfig.ts b/react-components/page-fragment-container/src/formConfig.ts
similarity index 83%
rename from packages/ui-vue2/src/page-fragment-container/src/formConfig.ts
rename to react-components/page-fragment-container/src/formConfig.ts
index 3ba71aa2..9f8eabc9 100644
--- a/packages/ui-vue2/src/page-fragment-container/src/formConfig.ts
+++ b/react-components/page-fragment-container/src/formConfig.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -16,10 +16,12 @@
  * limitations under the License.
  */
 
-export default [
+import { defineFormConfig } from '@tmagic/form-schema';
+
+export default defineFormConfig([
   {
     name: 'pageFragmentId',
     text: '页面片ID',
     type: 'page-fragment-select',
   },
-];
+]);
diff --git a/react-components/page-fragment-container/src/index.ts b/react-components/page-fragment-container/src/index.ts
new file mode 100644
index 00000000..ccc0ef35
--- /dev/null
+++ b/react-components/page-fragment-container/src/index.ts
@@ -0,0 +1,25 @@
+/*
+ * Tencent is pleased to support the open source community by making TMagicEditor available.
+ *
+ * Copyright (C) 2025 Tencent.  All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import PageFragmentContainer from './PageFragmentContainer';
+
+export { default as config } from './formConfig';
+export { default as value } from './initValue';
+export { default as event } from './event';
+
+export default PageFragmentContainer;
diff --git a/packages/ui-vue2/src/page-fragment-container/src/initValue.ts b/react-components/page-fragment-container/src/initValue.ts
similarity index 90%
rename from packages/ui-vue2/src/page-fragment-container/src/initValue.ts
rename to react-components/page-fragment-container/src/initValue.ts
index 0ba15f5a..e0b15926 100644
--- a/packages/ui-vue2/src/page-fragment-container/src/initValue.ts
+++ b/react-components/page-fragment-container/src/initValue.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
diff --git a/react-components/page-fragment/package.json b/react-components/page-fragment/package.json
new file mode 100644
index 00000000..7e34e5ac
--- /dev/null
+++ b/react-components/page-fragment/package.json
@@ -0,0 +1,35 @@
+{
+  "version": "0.1.0",
+  "name": "@tmagic/react-page-fragment",
+  "type": "module",
+  "main": "src/index.ts",
+  "files": [
+    "src"
+  ],
+  "engines": {
+    "node": ">=18"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Tencent/tmagic-editor.git"
+  },
+  "dependencies": {
+    "@tmagic/form-schema": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tmagic/core": "workspace:^",
+    "@tmagic/react-runtime-help": "workspace:^",
+    "react": ">=18.3.1",
+    "react-dom": ">=18.3.1",
+    "typescript": "catalog:"
+  },
+  "peerDependenciesMeta": {
+    "typescript": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0"
+  }
+}
diff --git a/react-components/page-fragment/src/PageFragment.tsx b/react-components/page-fragment/src/PageFragment.tsx
new file mode 100644
index 00000000..a7557236
--- /dev/null
+++ b/react-components/page-fragment/src/PageFragment.tsx
@@ -0,0 +1,35 @@
+import React from 'react';
+
+import { IS_DSL_NODE_KEY, type MPageFragment } from '@tmagic/core';
+import { useApp } from '@tmagic/react-runtime-help';
+
+interface PageFragmentProps {
+  config: MPageFragment;
+}
+
+const PageFragment: React.FC<PageFragmentProps> = ({ config }) => {
+  const { app } = useApp({
+    config,
+    methods: {},
+  });
+
+  if (!app) return null;
+
+  const MagicUiComp = app.resolveComponent('container');
+  const classNames = ['magic-ui-page-fragment'];
+  if (config.className) {
+    classNames.push(config.className);
+  }
+
+  return (
+    <MagicUiComp
+      config={{ ...config, [IS_DSL_NODE_KEY]: false }}
+      id={config.id}
+      className={classNames.join(' ')}
+    ></MagicUiComp>
+  );
+};
+
+PageFragment.displayName = 'magic-ui-page-fragment';
+
+export default PageFragment;
diff --git a/react-components/page-fragment/src/event.ts b/react-components/page-fragment/src/event.ts
new file mode 100644
index 00000000..cdf87604
--- /dev/null
+++ b/react-components/page-fragment/src/event.ts
@@ -0,0 +1,4 @@
+export default {
+  methods: [],
+  events: [],
+};
diff --git a/packages/ui/src/page-fragment/src/formConfig.ts b/react-components/page-fragment/src/formConfig.ts
similarity index 70%
rename from packages/ui/src/page-fragment/src/formConfig.ts
rename to react-components/page-fragment/src/formConfig.ts
index 39577c52..3db5cf4d 100644
--- a/packages/ui/src/page-fragment/src/formConfig.ts
+++ b/react-components/page-fragment/src/formConfig.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -16,7 +16,10 @@
  * limitations under the License.
  */
 
-export default [
+import { getElById } from '@tmagic/core';
+import { defineFormConfig } from '@tmagic/form-schema';
+
+export default defineFormConfig([
   {
     text: '页面片标识',
     name: 'name',
@@ -35,16 +38,16 @@ export default [
       { value: 'absolute', text: '绝对定位' },
       { value: 'relative', text: '流式布局' },
     ],
-    onChange: (formState: any, v: string, { model }: any) => {
+    onChange: (formState: any, v: string, { model, setModel }: any) => {
       if (!model.style) return v;
       if (v === 'relative') {
-        model.style.height = 'auto';
+        setModel('style.height', 'auto');
       } else {
-        const el = formState.stage?.renderer?.contentWindow.document.getElementById(model.id);
+        const el = getElById()(formState.stage?.renderer?.contentWindow.document, model.id);
         if (el) {
-          model.style.height = el.getBoundingClientRect().height;
+          setModel('style.height', el.getBoundingClientRect().height);
         }
       }
     },
   },
-];
+]);
diff --git a/react-components/page-fragment/src/index.ts b/react-components/page-fragment/src/index.ts
new file mode 100644
index 00000000..eec08a2e
--- /dev/null
+++ b/react-components/page-fragment/src/index.ts
@@ -0,0 +1,25 @@
+/*
+ * Tencent is pleased to support the open source community by making TMagicEditor available.
+ *
+ * Copyright (C) 2025 Tencent.  All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import PageFragment from './PageFragment';
+
+export { default as config } from './formConfig';
+export { default as value } from './initValue';
+export { default as event } from './event';
+
+export default PageFragment;
diff --git a/packages/ui/src/page-fragment/src/initValue.ts b/react-components/page-fragment/src/initValue.ts
similarity index 90%
rename from packages/ui/src/page-fragment/src/initValue.ts
rename to react-components/page-fragment/src/initValue.ts
index 00ae8e84..4cc954a3 100644
--- a/packages/ui/src/page-fragment/src/initValue.ts
+++ b/react-components/page-fragment/src/initValue.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
diff --git a/react-components/page/package.json b/react-components/page/package.json
new file mode 100644
index 00000000..aef72961
--- /dev/null
+++ b/react-components/page/package.json
@@ -0,0 +1,35 @@
+{
+  "version": "0.1.0",
+  "name": "@tmagic/react-page",
+  "type": "module",
+  "main": "src/index.ts",
+  "files": [
+    "src"
+  ],
+  "engines": {
+    "node": ">=18"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Tencent/tmagic-editor.git"
+  },
+  "dependencies": {
+    "@tmagic/form-schema": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tmagic/core": "workspace:^",
+    "@tmagic/react-runtime-help": "workspace:^",
+    "react": ">=18.3.1",
+    "react-dom": ">=18.3.1",
+    "typescript": "catalog:"
+  },
+  "peerDependenciesMeta": {
+    "typescript": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0"
+  }
+}
diff --git a/react-components/page/src/Page.tsx b/react-components/page/src/Page.tsx
new file mode 100644
index 00000000..aa82a92e
--- /dev/null
+++ b/react-components/page/src/Page.tsx
@@ -0,0 +1,55 @@
+/*
+ * Tencent is pleased to support the open source community by making TMagicEditor available.
+ *
+ * Copyright (C) 2025 Tencent.  All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import React from 'react';
+
+import type { MPage } from '@tmagic/core';
+import { IS_DSL_NODE_KEY } from '@tmagic/core';
+import { useApp, useComponentStatus } from '@tmagic/react-runtime-help';
+
+interface PageProps {
+  config: MPage;
+}
+
+const Page: React.FC<PageProps> = ({ config }) => {
+  const { app } = useApp({
+    config: { ...config, [IS_DSL_NODE_KEY]: true },
+    methods: {
+      refresh: () => window.location.reload(),
+    },
+  });
+
+  if (!app) return null;
+
+  const MagicUiComp = app.resolveComponent('container');
+
+  const { style, className } = useComponentStatus({ config });
+
+  return (
+    <MagicUiComp
+      config={{ ...config, [IS_DSL_NODE_KEY]: false }}
+      id={config.id}
+      className={className}
+      style={style}
+    ></MagicUiComp>
+  );
+};
+
+Page.displayName = 'magic-ui-page';
+
+export default Page;
diff --git a/packages/ui-react/src/page/event.ts b/react-components/page/src/event.ts
similarity index 100%
rename from packages/ui-react/src/page/event.ts
rename to react-components/page/src/event.ts
diff --git a/packages/ui/src/page/src/formConfig.ts b/react-components/page/src/formConfig.ts
similarity index 72%
rename from packages/ui/src/page/src/formConfig.ts
rename to react-components/page/src/formConfig.ts
index 39c5b418..fb28ae72 100644
--- a/packages/ui/src/page/src/formConfig.ts
+++ b/react-components/page/src/formConfig.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -16,7 +16,10 @@
  * limitations under the License.
  */
 
-export default [
+import { getElById } from '@tmagic/core';
+import { defineFormConfig } from '@tmagic/form-schema';
+
+export default defineFormConfig([
   {
     text: '页面标识',
     name: 'name',
@@ -37,16 +40,16 @@ export default [
       { value: 'absolute', text: '绝对定位' },
       { value: 'relative', text: '流式布局' },
     ],
-    onChange: (formState: any, v: string, { model }: any) => {
+    onChange: (formState: any, v: string, { model, setModel }: any) => {
       if (!model.style) return v;
       if (v === 'relative') {
-        model.style.height = 'auto';
+        setModel('style.height', 'auto');
       } else {
-        const el = formState.stage?.renderer?.contentWindow.document.getElementById(model.id);
+        const el = getElById()(formState.stage?.renderer?.contentWindow.document, model.id);
         if (el) {
-          model.style.height = el.getBoundingClientRect().height;
+          setModel('style.height', el.getBoundingClientRect().height);
         }
       }
     },
   },
-];
+]);
diff --git a/packages/ui-react/src/page/index.ts b/react-components/page/src/index.ts
similarity index 91%
rename from packages/ui-react/src/page/index.ts
rename to react-components/page/src/index.ts
index bb85bc98..1720b098 100644
--- a/packages/ui-react/src/page/index.ts
+++ b/react-components/page/src/index.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
diff --git a/packages/ui/src/page/src/initValue.ts b/react-components/page/src/initValue.ts
similarity index 90%
rename from packages/ui/src/page/src/initValue.ts
rename to react-components/page/src/initValue.ts
index 96d84afa..b82235dc 100644
--- a/packages/ui/src/page/src/initValue.ts
+++ b/react-components/page/src/initValue.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
diff --git a/packages/ui/package.json b/react-components/qrcode/package.json
similarity index 50%
rename from packages/ui/package.json
rename to react-components/qrcode/package.json
index 29746b60..9ac302fe 100644
--- a/packages/ui/package.json
+++ b/react-components/qrcode/package.json
@@ -1,6 +1,6 @@
 {
-  "version": "1.4.7",
-  "name": "@tmagic/ui",
+  "version": "0.1.0",
+  "name": "@tmagic/react-qrcode",
   "type": "module",
   "main": "src/index.ts",
   "files": [
@@ -9,22 +9,20 @@
   "engines": {
     "node": ">=18"
   },
-  "license": "Apache-2.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/Tencent/tmagic-editor.git"
   },
   "dependencies": {
-    "delegate": "^3.2.0",
-    "qrcode": "^1.5.0",
-    "tiny-emitter": "^2.1.0"
+    "@tmagic/form-schema": "workspace:^",
+     "qrcode": "^1.5.0"
   },
   "peerDependencies": {
-    "@tmagic/core": "workspace:*",
-    "@tmagic/schema": "workspace:*",
-    "@tmagic/utils": "workspace:*",
-    "vue": ">=3.4.27",
-    "typescript": "*"
+    "@tmagic/core": "workspace:^",
+    "@tmagic/react-runtime-help": "workspace:^",
+    "react": ">=18.3.1",
+    "react-dom": ">=18.3.1",
+    "typescript": "catalog:"
   },
   "peerDependenciesMeta": {
     "typescript": {
@@ -32,9 +30,8 @@
     }
   },
   "devDependencies": {
-    "@testing-library/vue": "^6.4.2",
     "@types/qrcode": "^1.4.2",
-    "@vue/compiler-sfc": "^3.4.27",
-    "@vue/test-utils": "^2.4.6"
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0"
   }
 }
diff --git a/react-components/qrcode/src/QrCode.tsx b/react-components/qrcode/src/QrCode.tsx
new file mode 100644
index 00000000..23134cef
--- /dev/null
+++ b/react-components/qrcode/src/QrCode.tsx
@@ -0,0 +1,86 @@
+/*
+ * Tencent is pleased to support the open source community by making TMagicEditor available.
+ *
+ * Copyright (C) 2025 Tencent.  All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import React, { useEffect, useState } from 'react';
+import QRCode from 'qrcode';
+
+import { COMMON_EVENT_PREFIX } from '@tmagic/core';
+import { useApp } from '@tmagic/react-runtime-help';
+import type { Id, MComponent } from '@tmagic/schema';
+
+interface QrCodeSchema extends Omit<MComponent, 'id'> {
+  id?: Id;
+  type?: 'qrcode';
+  url: string;
+}
+
+interface QrCodeProps {
+  config: QrCodeSchema;
+  className: string;
+  id: string;
+  style: Record<string, any>;
+  containerIndex: number;
+  iteratorIndex?: number[];
+  iteratorContainerId?: Id[];
+}
+
+const QrCode: React.FC<QrCodeProps> = ({
+  id,
+  config,
+  className,
+  style,
+  containerIndex,
+  iteratorIndex,
+  iteratorContainerId,
+}) => {
+  const { app, node } = useApp({ config });
+
+  if (!app) return null;
+
+  const [imgSrc, setImgSrc] = useState('');
+
+  useEffect(() => {
+    QRCode.toDataURL(config.url, (e: any, url: string) => {
+      if (e) console.error(e);
+      setImgSrc(url);
+    });
+  }, [config.url]);
+
+  const clickHandler = () => {
+    if (node && app) {
+      app.emit(`${COMMON_EVENT_PREFIX}click`, node);
+    }
+  };
+
+  return (
+    <img
+      className={className}
+      style={style}
+      data-tmagic-id={`${id || config.id || ''}`}
+      data-tmagic-container-index={containerIndex}
+      data-tmagic-iterator-index={iteratorIndex}
+      data-tmagic-iterator-container-id={iteratorContainerId}
+      src={imgSrc}
+      onClick={clickHandler}
+    />
+  );
+};
+
+QrCode.displayName = 'magic-ui-qrcode';
+
+export default QrCode;
diff --git a/react-components/qrcode/src/event.ts b/react-components/qrcode/src/event.ts
new file mode 100644
index 00000000..51bc8ffb
--- /dev/null
+++ b/react-components/qrcode/src/event.ts
@@ -0,0 +1,6 @@
+import { COMMON_EVENT_PREFIX } from '@tmagic/core';
+
+export default {
+  methods: [],
+  events: [{ label: '点击', value: `${COMMON_EVENT_PREFIX}click` }],
+};
diff --git a/packages/ui-react/src/qrcode/formConfig.ts b/react-components/qrcode/src/formConfig.ts
similarity index 83%
rename from packages/ui-react/src/qrcode/formConfig.ts
rename to react-components/qrcode/src/formConfig.ts
index e5c4ef09..ecec30f5 100644
--- a/packages/ui-react/src/qrcode/formConfig.ts
+++ b/react-components/qrcode/src/formConfig.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -16,10 +16,12 @@
  * limitations under the License.
  */
 
-export default [
+import { defineFormConfig } from '@tmagic/form-schema';
+
+export default defineFormConfig([
   {
     text: '链接',
     name: 'url',
     type: 'data-source-input',
   },
-];
+]);
diff --git a/react-components/qrcode/src/index.ts b/react-components/qrcode/src/index.ts
new file mode 100644
index 00000000..75ffa71e
--- /dev/null
+++ b/react-components/qrcode/src/index.ts
@@ -0,0 +1,25 @@
+/*
+ * Tencent is pleased to support the open source community by making TMagicEditor available.
+ *
+ * Copyright (C) 2025 Tencent.  All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import QrCode from './QrCode';
+
+export { default as config } from './formConfig';
+export { default as value } from './initValue';
+export { default as event } from './event';
+
+export default QrCode;
diff --git a/packages/ui-react/src/qrcode/initValue.ts b/react-components/qrcode/src/initValue.ts
similarity index 90%
rename from packages/ui-react/src/qrcode/initValue.ts
rename to react-components/qrcode/src/initValue.ts
index 0a2fedc5..665d319c 100644
--- a/packages/ui-react/src/qrcode/initValue.ts
+++ b/react-components/qrcode/src/initValue.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
diff --git a/react-components/text/package.json b/react-components/text/package.json
new file mode 100644
index 00000000..85c44d82
--- /dev/null
+++ b/react-components/text/package.json
@@ -0,0 +1,35 @@
+{
+  "version": "0.1.0",
+  "name": "@tmagic/react-text",
+  "type": "module",
+  "main": "src/index.ts",
+  "files": [
+    "src"
+  ],
+  "engines": {
+    "node": ">=18"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Tencent/tmagic-editor.git"
+  },
+  "dependencies": {
+    "@tmagic/form-schema": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tmagic/core": "workspace:^",
+    "@tmagic/react-runtime-help": "workspace:^",
+    "react": ">=18.3.1",
+    "react-dom": ">=18.3.1",
+    "typescript": "catalog:"
+  },
+  "peerDependenciesMeta": {
+    "typescript": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0"
+  }
+}
diff --git a/react-components/text/src/Text.tsx b/react-components/text/src/Text.tsx
new file mode 100644
index 00000000..2355746b
--- /dev/null
+++ b/react-components/text/src/Text.tsx
@@ -0,0 +1,77 @@
+/*
+ * Tencent is pleased to support the open source community by making TMagicEditor available.
+ *
+ * Copyright (C) 2025 Tencent.  All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import React from 'react';
+
+import type { Id, MComponent } from '@tmagic/core';
+import { COMMON_EVENT_PREFIX } from '@tmagic/core';
+import { useApp } from '@tmagic/react-runtime-help';
+
+interface TextSchema extends Omit<MComponent, 'id'> {
+  id?: Id;
+  type?: 'text';
+  text: string;
+}
+
+interface TextProps {
+  id: Id;
+  config: TextSchema;
+  className: string;
+  style: Record<string, any>;
+  containerIndex: number;
+  iteratorIndex?: number[];
+  iteratorContainerId?: Id[];
+}
+
+const Text: React.FC<TextProps> = ({
+  id,
+  config,
+  className,
+  style,
+  containerIndex,
+  iteratorIndex,
+  iteratorContainerId,
+}) => {
+  const { app, node } = useApp({ config, iteratorIndex, iteratorContainerId });
+
+  if (!app) return null;
+
+  const clickHandler = () => {
+    if (node && app) {
+      app.emit(`${COMMON_EVENT_PREFIX}click`, node);
+    }
+  };
+
+  return (
+    <p
+      className={className}
+      style={style}
+      data-tmagic-id={`${id || config.id || ''}`}
+      data-tmagic-container-index={containerIndex}
+      data-tmagic-iterator-index={iteratorIndex}
+      data-tmagic-iterator-container-id={iteratorContainerId}
+      onClick={clickHandler}
+    >
+      {config.text}
+    </p>
+  );
+};
+
+Text.displayName = 'magic-ui-text';
+
+export default Text;
diff --git a/react-components/text/src/event.ts b/react-components/text/src/event.ts
new file mode 100644
index 00000000..51bc8ffb
--- /dev/null
+++ b/react-components/text/src/event.ts
@@ -0,0 +1,6 @@
+import { COMMON_EVENT_PREFIX } from '@tmagic/core';
+
+export default {
+  methods: [],
+  events: [{ label: '点击', value: `${COMMON_EVENT_PREFIX}click` }],
+};
diff --git a/packages/ui-react/src/text/formConfig.ts b/react-components/text/src/formConfig.ts
similarity index 84%
rename from packages/ui-react/src/text/formConfig.ts
rename to react-components/text/src/formConfig.ts
index 2e86b78c..51a32486 100644
--- a/packages/ui-react/src/text/formConfig.ts
+++ b/react-components/text/src/formConfig.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -16,7 +16,9 @@
  * limitations under the License.
  */
 
-export default [
+import { defineFormConfig } from '@tmagic/form-schema';
+
+export default defineFormConfig([
   {
     name: 'text',
     text: '文本',
@@ -27,4 +29,4 @@ export default [
     text: '多行文本',
     type: 'switch',
   },
-];
+]);
diff --git a/packages/ui-react/src/text/index.ts b/react-components/text/src/index.ts
similarity index 89%
rename from packages/ui-react/src/text/index.ts
rename to react-components/text/src/index.ts
index 9dc1642d..66d40fb2 100644
--- a/packages/ui-react/src/text/index.ts
+++ b/react-components/text/src/index.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -20,5 +20,6 @@ import Text from './Text';
 
 export { default as config } from './formConfig';
 export { default as value } from './initValue';
+export { default as event } from './event';
 
 export default Text;
diff --git a/packages/ui/src/text/src/initValue.ts b/react-components/text/src/initValue.ts
similarity index 90%
rename from packages/ui/src/text/src/initValue.ts
rename to react-components/text/src/initValue.ts
index efe47eea..0edba65e 100644
--- a/packages/ui/src/text/src/initValue.ts
+++ b/react-components/text/src/initValue.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
diff --git a/rolldown.dts.config.mjs b/rolldown.dts.config.mjs
new file mode 100644
index 00000000..631d61f4
--- /dev/null
+++ b/rolldown.dts.config.mjs
@@ -0,0 +1,78 @@
+import { existsSync, readdirSync, readFileSync, writeFileSync } from 'node:fs';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+import { dts } from 'rolldown-plugin-dts';
+
+if (!existsSync('temp')) {
+  console.warn(
+    'no temp dts files found. run `tsc -p tsconfig.build-browser.json && vue-tsc --declaration --emitDeclarationOnly --project tsconfig.build-vue.json` first.',
+  );
+  process.exit(1);
+}
+
+removeScss('temp/packages/editor/src/index.d.ts');
+removeScss('temp/packages/form/src/index.d.ts');
+removeScss('temp/packages/design/src/index.d.ts');
+removeScss('temp/packages/table/src/index.d.ts');
+
+const packages = readdirSync('temp/packages');
+const runtimes = readdirSync('temp/runtime');
+const targets = process.env.TARGETS ? process.env.TARGETS.split(',') : null;
+const targetPackages = targets ? packages.filter((pkg) => targets.includes(pkg)) : packages;
+
+const dirname = path.dirname(fileURLToPath(import.meta.url));
+
+const aliasEntries = [
+  { find: /^@form\//, replacement: `${path.join(dirname, './temp/packages/form/src')}/` },
+  { find: /^@editor\//, replacement: `${path.join(dirname, './temp/packages/editor/src')}/` },
+  { find: /^@data-source\//, replacement: `${path.join(dirname, './temp/packages/data-source/src')}/` },
+];
+
+function aliasPlugin() {
+  return {
+    name: 'dts-alias',
+    resolveId(source) {
+      for (const { find, replacement } of aliasEntries) {
+        if (find.test(source)) {
+          let resolved = source.replace(find, replacement);
+          resolved = resolved.replace(/\/\//g, '/');
+          resolved = resolved.replace(/\.js$/, '');
+          if (existsSync(`${resolved}.d.ts`)) {
+            return `${resolved}.d.ts`;
+          }
+          if (existsSync(resolved)) {
+            return resolved;
+          }
+          return `${resolved}.d.ts`;
+        }
+      }
+    },
+  };
+}
+
+function rolldownConfig(pkg, base) {
+  return {
+    input: `./temp/${base}/${pkg}/src/index.d.ts`,
+    external: (id) =>
+      !id.startsWith('.') &&
+      !id.startsWith('/') &&
+      !id.startsWith('@editor/') &&
+      !id.startsWith('@form/') &&
+      !id.startsWith('@data-source/'),
+    plugins: [aliasPlugin(), ...dts({ dtsInput: true, tsconfig: false })],
+    output: {
+      file: `${base}/${pkg}/types/index.d.ts`,
+      format: 'es',
+    },
+  };
+}
+
+export default [
+  ...targetPackages.map((pkg) => rolldownConfig(pkg, 'packages')),
+  ...runtimes.map((pkg) => rolldownConfig(pkg, 'runtime')),
+];
+
+function removeScss(path) {
+  writeFileSync(path, readFileSync(path).toString().replace("import './theme/index.scss';", ''));
+}
diff --git a/runtime/react-runtime-help/package.json b/runtime/react-runtime-help/package.json
new file mode 100644
index 00000000..0132abd4
--- /dev/null
+++ b/runtime/react-runtime-help/package.json
@@ -0,0 +1,54 @@
+{
+  "version": "0.2.2",
+  "name": "@tmagic/react-runtime-help",
+  "type": "module",
+  "sideEffects": false,
+  "main": "dist/tmagic-react-runtime-help.umd.cjs",
+  "module": "dist/es/index.js",
+  "types": "types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./types/index.d.ts",
+      "import": "./dist/es/index.js",
+      "require": "./dist/tmagic-react-runtime-help.umd.cjs"
+    },
+    "./*": "./*"
+  },
+  "files": [
+    "dist",
+    "types"
+  ],
+  "license": "Apache-2.0",
+  "engines": {
+    "node": ">=18"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Tencent/tmagic-editor.git"
+  },
+  "dependencies": {
+    "lodash-es": "^4.17.21"
+  },
+  "peerDependencies": {
+    "lodash-es": "^4.17.21",
+    "@tmagic/core": ">=1.7.0",
+    "@tmagic/stage": ">=1.7.0",
+    "react": ">=18.3.1",
+    "typescript": "catalog:"
+  },
+  "peerDependenciesMeta": {
+    "@tmagic/core": {
+      "optional": true
+    },
+    "@tmagic/stage": {
+      "optional": true
+    },
+    "typescript": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@types/lodash-es": "^4.17.4",
+    "@types/react": "^18.3.3"
+  }
+}
\ No newline at end of file
diff --git a/packages/ui-react/src/AppContent.ts b/runtime/react-runtime-help/src/AppContent.ts
similarity index 79%
rename from packages/ui-react/src/AppContent.ts
rename to runtime/react-runtime-help/src/AppContent.ts
index 1b90ea7f..4324df56 100644
--- a/packages/ui-react/src/AppContent.ts
+++ b/runtime/react-runtime-help/src/AppContent.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -18,6 +18,6 @@
 
 import React from 'react';
 
-import Core from '@tmagic/core';
+import type TMagicApp from '@tmagic/core';
 
-export default React.createContext<Core | undefined>(undefined);
+export default React.createContext<TMagicApp | undefined>(undefined);
diff --git a/runtime/react-runtime-help/src/hooks/use-app.ts b/runtime/react-runtime-help/src/hooks/use-app.ts
new file mode 100644
index 00000000..4f044a8b
--- /dev/null
+++ b/runtime/react-runtime-help/src/hooks/use-app.ts
@@ -0,0 +1,118 @@
+/*
+ * Tencent is pleased to support the open source community by making TMagicEditor available.
+ *
+ * Copyright (C) 2025 Tencent.  All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { useContext, useEffect, useState } from 'react';
+
+import type TMagicApp from '@tmagic/core';
+import type { Id, MNodeInstance, Node as TMagicNode } from '@tmagic/core';
+import { isDslNode, NODE_CONDS_RESULT_KEY } from '@tmagic/core';
+
+import AppContent from '../AppContent';
+
+interface Methods {
+  [key: string]: (...args: any[]) => any;
+}
+
+export interface UseAppOptions<T extends MNodeInstance = MNodeInstance> {
+  config: T;
+  iteratorContainerId?: Id[];
+  iteratorIndex?: number[];
+  pageFragmentContainerId?: Id;
+  methods?: {
+    [key: string]: (...args: any[]) => any;
+  };
+}
+
+export const useNode = <T extends TMagicNode = TMagicNode>(
+  props: Pick<UseAppOptions, 'config' | 'iteratorContainerId' | 'iteratorIndex' | 'pageFragmentContainerId'>,
+  app = useContext(AppContent),
+): T | undefined => {
+  if (isDslNode(props.config) && props.config.id) {
+    app?.getNode(props.config.id, {
+      iteratorContainerId: props.iteratorContainerId,
+      iteratorIndex: props.iteratorIndex,
+      pageFragmentContainerId: props.pageFragmentContainerId,
+      strict: true,
+    });
+  }
+  return void 0;
+};
+
+export const registerNodeHooks = (node?: TMagicNode, methods: Methods = {}) => {
+  if (!node) {
+    return;
+  }
+
+  const emitData = {
+    config: node.data,
+    ...methods,
+  };
+
+  const [created, setCreated] = useState(false);
+
+  if (!created) {
+    // 只需要触发一次 created
+    setCreated(true);
+    node?.emit('created', emitData);
+  }
+
+  useEffect(() => {
+    node?.emit('mounted', emitData);
+
+    return () => {
+      node?.emit('destroy', emitData);
+    };
+  }, []);
+};
+
+export const useApp = ({ methods = {}, config, iteratorContainerId, iteratorIndex }: UseAppOptions) => {
+  const app: TMagicApp | undefined = useContext(AppContent);
+
+  const node = useNode(
+    {
+      config,
+      iteratorContainerId,
+      iteratorIndex,
+    },
+    app,
+  );
+
+  if (node) {
+    registerNodeHooks(node, methods);
+  }
+
+  const display = <T extends MNodeInstance>(config: T) => {
+    if (
+      config.visible === false ||
+      config.condResult === false ||
+      (typeof config.condResult === 'undefined' && config[NODE_CONDS_RESULT_KEY])
+    ) {
+      return false;
+    }
+
+    const displayCfg = config.display;
+
+    if (typeof displayCfg === 'function') {
+      return displayCfg({ app, node });
+    }
+
+    return displayCfg !== false;
+  };
+
+  return { app, node, display };
+};
diff --git a/runtime/react-runtime-help/src/hooks/use-component-status.ts b/runtime/react-runtime-help/src/hooks/use-component-status.ts
new file mode 100644
index 00000000..ac8df8df
--- /dev/null
+++ b/runtime/react-runtime-help/src/hooks/use-component-status.ts
@@ -0,0 +1,108 @@
+import { useContext, useEffect, useState } from 'react';
+
+import type TMagicApp from '@tmagic/core';
+import { type MComponent, type StyleSchema, toLine } from '@tmagic/core';
+
+import AppContent from '../AppContent';
+
+export interface StatusData {
+  style?: StyleSchema;
+  className?: string;
+  [key: string]: any;
+}
+
+export const useComponentStatus = (props: { config: Omit<MComponent, 'id'> }) => {
+  const app: TMagicApp | undefined = useContext(AppContent);
+
+  const [status, setStatus] = useState('default');
+  const [style, setStyle] = useState({});
+  const [className, setClassName] = useState('');
+  const styleStatusMap = new Map<string, StyleSchema>();
+  const classStatusMap = new Map<string, string>();
+  const statusMap = new Map<string, Omit<StatusData, 'style' | 'className'>>();
+
+  const registerStatus = (type: string, { style, className, ...data }: StatusData) => {
+    if (style) {
+      styleStatusMap.set(type, style);
+    }
+
+    if (className) {
+      classStatusMap.set(type, className);
+    }
+
+    statusMap.set(type, data);
+  };
+
+  useEffect(() => {
+    registerStatus('default', {
+      style: props.config.style,
+      className: props.config.className,
+    });
+
+    return () => {
+      styleStatusMap.clear();
+      classStatusMap.clear();
+      statusMap.clear();
+    };
+  });
+
+  useEffect(() => {
+    const type = status || 'default';
+    const defaultStyle = styleStatusMap.get('default') || {};
+    const statusStyle = styleStatusMap.get(type);
+
+    let style = app?.transformStyle(defaultStyle) || {};
+
+    if (type !== 'default' && statusStyle) {
+      style = Object.keys(statusStyle).reduce((obj, key) => {
+        const value = statusStyle[key];
+        if (value === null || typeof value === 'undefined' || isNaN(value) || value === '') {
+          return {
+            ...obj,
+            [key]: statusStyle[key],
+          };
+        }
+        return { ...obj };
+      }, style);
+    }
+
+    if (props.config.displayHidden) {
+      style.display = 'none';
+    }
+
+    if (typeof props.config.condResult !== 'undefined' && props.config.displayRenderModel === 'mount') {
+      if (props.config.condResult === false) {
+        style.display = 'none';
+      }
+    }
+
+    setStyle(style);
+
+    const className = classStatusMap.get(type) ?? '';
+
+    const list = [];
+
+    if (props.config.type) {
+      list.push(`magic-ui-${toLine(props.config.type)}`);
+    }
+
+    if (props.config.layout) {
+      list.push(`magic-layout-${props.config.layout}`);
+    }
+
+    if (className) {
+      list.push(className);
+    }
+
+    setClassName(list.join(' '));
+  }, [status, props.config]);
+
+  return {
+    status,
+    style,
+    className,
+
+    setStatus,
+    registerStatus,
+  };
+};
diff --git a/runtime/react-runtime-help/src/hooks/use-dsl.ts b/runtime/react-runtime-help/src/hooks/use-dsl.ts
new file mode 100644
index 00000000..a65f5bee
--- /dev/null
+++ b/runtime/react-runtime-help/src/hooks/use-dsl.ts
@@ -0,0 +1,45 @@
+import { useEffect, useState } from 'react';
+import { cloneDeep } from 'lodash-es';
+
+import type { ChangeEvent, MNode } from '@tmagic/core';
+import type TMagicApp from '@tmagic/core';
+import { isPage, replaceChildNode } from '@tmagic/core';
+
+export const useDsl = (app: TMagicApp | undefined) => {
+  const [pageConfig, setPageConfig] = useState(app?.page?.data);
+
+  app?.on('page-change', () => {
+    setPageConfig(app.page?.data);
+  });
+
+  const updateDataHandler = (nodes: MNode[], sourceId: string, event: ChangeEvent) => {
+    let config = pageConfig;
+    nodes.forEach((node) => {
+      if (isPage(node)) {
+        config = node;
+      } else {
+        config && replaceChildNode(node, [config]);
+      }
+    });
+
+    setPageConfig(cloneDeep(config));
+
+    setTimeout(() => {
+      app?.emit('replaced-node', {
+        ...event,
+        nodes,
+        sourceId,
+      });
+    }, 0);
+  };
+
+  useEffect(() => {
+    app?.dataSourceManager?.on('update-data', updateDataHandler);
+
+    return () => {
+      app?.dataSourceManager?.off('update-data', updateDataHandler);
+    };
+  }, []);
+
+  return { pageConfig };
+};
diff --git a/runtime/react-runtime-help/src/hooks/use-editor-dsl.ts b/runtime/react-runtime-help/src/hooks/use-editor-dsl.ts
new file mode 100644
index 00000000..b0f3eff3
--- /dev/null
+++ b/runtime/react-runtime-help/src/hooks/use-editor-dsl.ts
@@ -0,0 +1,72 @@
+import { cloneDeep } from 'lodash-es';
+
+import type { Id, MApp } from '@tmagic/core';
+import type TMagicApp from '@tmagic/core';
+import { getElById, replaceChildNode } from '@tmagic/core';
+import type { Magic, RemoveData, SortEventData, UpdateData } from '@tmagic/stage';
+
+declare global {
+  interface Window {
+    magic?: Magic;
+  }
+}
+
+export const useEditorDsl = (app: TMagicApp, renderDom: () => void) => {
+  let curPageId: Id = '';
+
+  const updateConfig = (root: MApp) => {
+    app.setConfig(root, curPageId);
+    renderDom();
+  };
+
+  window.magic?.onRuntimeReady({
+    getApp() {
+      return app;
+    },
+
+    updateRootConfig(root: MApp) {
+      app?.setConfig(root);
+    },
+
+    updatePageId(id: Id) {
+      curPageId = id;
+      app.setPage(curPageId);
+      renderDom();
+    },
+
+    select(id: Id) {
+      const el = getElById()(document, id);
+      if (el) return el;
+      // 未在当前文档下找到目标元素，可能是还未渲染，等待渲染完成后再尝试获取
+      return new Promise((resolve) => {
+        setTimeout(() => {
+          resolve(getElById()(document, id));
+        }, 0);
+      });
+    },
+
+    add({ root }: UpdateData) {
+      updateConfig(root);
+    },
+
+    update({ config, root, parentId }: UpdateData) {
+      if (config.type === 'app') {
+        this.updateRootConfig?.(config as MApp);
+        return;
+      }
+
+      const newNode = app?.dataSourceManager?.compiledNode(config, undefined, true) || config;
+
+      replaceChildNode(newNode, [root], parentId);
+      updateConfig(cloneDeep(root));
+    },
+
+    sortNode({ root }: SortEventData) {
+      root && updateConfig(root);
+    },
+
+    remove({ root }: RemoveData) {
+      updateConfig(root);
+    },
+  });
+};
diff --git a/packages/ui-react/src/qrcode/index.ts b/runtime/react-runtime-help/src/index.ts
similarity index 71%
rename from packages/ui-react/src/qrcode/index.ts
rename to runtime/react-runtime-help/src/index.ts
index 5bc98fa8..28b11292 100644
--- a/packages/ui-react/src/qrcode/index.ts
+++ b/runtime/react-runtime-help/src/index.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -15,10 +15,8 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
-import Qrcode from './Qrcode';
-
-export { default as config } from './formConfig';
-export { default as value } from './initValue';
-
-export default Qrcode;
+export { default as AppContent } from './AppContent';
+export * from './hooks/use-editor-dsl';
+export * from './hooks/use-dsl';
+export * from './hooks/use-app';
+export * from './hooks/use-component-status';
diff --git a/runtime/react/.gitignore b/runtime/react/.gitignore
index 87d1ced2..59712290 100644
--- a/runtime/react/.gitignore
+++ b/runtime/react/.gitignore
@@ -1,2 +1,4 @@
 .tmagic
-entry-dist
+dist
+*.local
+*.local.*
diff --git a/runtime/react/build.vite.config.ts b/runtime/react/build.vite.config.ts
deleted file mode 100644
index a7645ca9..00000000
--- a/runtime/react/build.vite.config.ts
+++ /dev/null
@@ -1,77 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import path from 'path';
-
-import { defineConfig } from 'vite';
-import legacy from '@vitejs/plugin-legacy';
-import reactRefresh from '@vitejs/plugin-react-refresh';
-
-export default defineConfig(({ mode }) => {
-  if (['value', 'config', 'event', 'ds:value', 'ds:config', 'ds:event'].includes(mode)) {
-    const capitalToken = mode
-      .split(':')
-      .map((word) => word[0].toUpperCase() + word.slice(1))
-      .join('');
-
-    const fileName = mode.replace(':', '-');
-
-    return {
-      publicDir: './.tmagic/public',
-      build: {
-        cssCodeSplit: false,
-        sourcemap: true,
-        minify: false,
-        target: 'esnext',
-        outDir: `../../playground/public/entry/react/${fileName}`,
-
-        lib: {
-          entry: `.tmagic/${fileName}-entry.ts`,
-          name: `magicPreset${capitalToken}s`,
-          fileName: 'index',
-          formats: ['umd'],
-        },
-      },
-    };
-  }
-
-  if (['page', 'playground'].includes(mode)) {
-    return {
-      plugins: [
-        reactRefresh(),
-        legacy({
-          targets: ['defaults', 'not IE 11'],
-        }),
-      ],
-
-      root: `./${mode}/`,
-
-      publicDir: '../public',
-
-      base: `/tmagic-editor/playground/runtime/react/${mode}`,
-
-      build: {
-        emptyOutDir: true,
-        sourcemap: true,
-        outDir: path.resolve(process.cwd(), `../../playground/public/runtime/react/${mode}`),
-      },
-    };
-  }
-
-  return {};
-});
diff --git a/runtime/react/package.json b/runtime/react/package.json
index e38dd8f0..e9e0a145 100644
--- a/runtime/react/package.json
+++ b/runtime/react/package.json
@@ -1,44 +1,39 @@
 {
   "name": "runtime-react",
-  "version": "1.4.7",
+  "version": "1.7.8",
   "type": "module",
   "private": true,
+  "engines": {
+    "node": "^20.19.0 || >=22.12.0"
+  },
   "scripts": {
-    "dev:react": "vite --config dev.vite.config.ts",
-    "dev:playground": "vite --config dev.vite.config.ts",
-    "build": "npm run build:libs && npm run build:page && npm run build:playground",
-    "build:page": "vite build --config build.vite.config.ts --mode page",
-    "build:playground": "vite build --config build.vite.config.ts --mode playground",
-    "build:libs": "tmagic entry && npm run build:config && npm run build:value && npm run build:event && npm run build:ds:libs",
-    "build:ds:libs": "npm run build:ds:config && npm run build:ds:value && npm run build:ds:event",
-    "build:config": "vite build --config build.vite.config.ts --mode config",
-    "build:value": "vite build --config build.vite.config.ts --mode value",
-    "build:event": "vite build --config build.vite.config.ts --mode event",
-    "build:ds:config": "vite build --config build.vite.config.ts --mode ds:config",
-    "build:ds:value": "vite build --config build.vite.config.ts --mode ds:value",
-    "build:ds:event": "vite build --config build.vite.config.ts --mode ds:event"
+    "tmagic": "tmagic entry",
+    "dev:react": "vite --force",
+    "serve": "vite preview",
+    "build": "rimraf ./dist && node scripts/build.mjs --type=all",
+    "build:libs": "node scripts/build.mjs --type=res",
+    "build:page": "node scripts/build.mjs --type=page",
+    "build:playground": "node scripts/build.mjs --type=playground"
   },
   "dependencies": {
-    "@tmagic/core": "1.4.7",
-    "@tmagic/data-source": "1.4.7",
-    "@tmagic/ui-react": "1.4.7",
-    "@tmagic/schema": "1.4.7",
-    "@tmagic/stage": "1.4.7",
-    "@tmagic/utils": "1.4.7",
-    "axios": "^0.25.0",
-    "lodash-es": "^4.17.21",
-    "terser": "^5.31.0",
+    "@tmagic/core": "1.7.8",
+    "@tmagic/react-runtime-help": "0.2.2",
+    "@tmagic/stage": "1.7.8",
+    "axios": "^1.13.2",
+    "qrcode": "^1.5.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
   },
   "devDependencies": {
-    "@tmagic/cli": "1.4.6",
-    "@types/lodash-es": "^4.17.4",
+    "@tmagic/cli": "1.7.8",
+    "@types/fs-extra": "^11.0.4",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
-    "@vitejs/plugin-legacy": "^5.4.0",
-    "@vitejs/plugin-react-refresh": "^1.3.1",
-    "typescript": "^5.4.5",
-    "vite": "^5.2.11"
+    "@vitejs/plugin-legacy": "^8.0.0",
+    "@vitejs/plugin-react-refresh": "^1.3.6",
+    "fs-extra": "^11.3.1",
+    "typescript": "catalog:",
+    "vite": "catalog:",
+    "vite-plugin-commonjs": "^0.10.4"
   }
 }
diff --git a/runtime/react/page/App.tsx b/runtime/react/page/App.tsx
index 668d5798..b6a6e66c 100644
--- a/runtime/react/page/App.tsx
+++ b/runtime/react/page/App.tsx
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -16,46 +16,19 @@
  * limitations under the License.
  */
 
-import React, { useContext, useState } from 'react';
-import { cloneDeep } from 'lodash-es';
+import React, { useContext } from 'react';
 
-import Core from '@tmagic/core';
-import type { ChangeEvent } from '@tmagic/data-source';
-import type { MNode } from '@tmagic/schema';
-import { AppContent } from '@tmagic/ui-react';
-import { isPage, replaceChildNode } from '@tmagic/utils';
+import type TMagicApp from '@tmagic/core';
+import { AppContent, useDsl } from '@tmagic/react-runtime-help';
 
 function App() {
-  const app = useContext<Core | undefined>(AppContent);
+  const app = useContext<TMagicApp | undefined>(AppContent);
 
-  if (!app?.page) return null;
+  const { pageConfig } = useDsl(app);
 
-  const [config, setConfig] = useState(app.page.data);
+  const MagicUiPage = app?.resolveComponent('page');
 
-  app.dataSourceManager?.on('update-data', (nodes: MNode[], sourceId: string, event: ChangeEvent) => {
-    let pageConfig = config;
-    nodes.forEach((node) => {
-      if (isPage(node)) {
-        pageConfig = node;
-      } else {
-        replaceChildNode(node, [pageConfig]);
-      }
-    });
-
-    setConfig(cloneDeep(pageConfig));
-
-    setTimeout(() => {
-      app.emit('replaced-node', {
-        ...event,
-        nodes,
-        sourceId,
-      });
-    }, 0);
-  });
-
-  const MagicUiPage = app.resolveComponent('page');
-
-  return <MagicUiPage config={config}></MagicUiPage>;
+  return <MagicUiPage config={pageConfig}></MagicUiPage>;
 }
 
 export default App;
diff --git a/runtime/react/page/main.tsx b/runtime/react/page/main.tsx
index f00a3c2e..9aaf92d4 100644
--- a/runtime/react/page/main.tsx
+++ b/runtime/react/page/main.tsx
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -18,11 +18,9 @@
 import React from 'react';
 import { createRoot } from 'react-dom/client';
 
-import Core from '@tmagic/core';
-import { DataSourceManager, DeepObservedData } from '@tmagic/data-source';
-import type { MApp } from '@tmagic/schema';
-import { AppContent } from '@tmagic/ui-react';
-import { getUrlParam } from '@tmagic/utils';
+import type { MApp } from '@tmagic/core';
+import Core, { DataSourceManager, DeepObservedData, getUrlParam } from '@tmagic/core';
+import { AppContent } from '@tmagic/react-runtime-help';
 
 import components from '../.tmagic/comp-entry';
 import dataSources from '../.tmagic/datasource-entry';
@@ -30,7 +28,7 @@ import plugins from '../.tmagic/plugin-entry';
 
 import App from './App';
 
-import '@tmagic/utils/resetcss.css';
+import '@tmagic/core/resetcss.css';
 
 declare global {
   interface Window {
@@ -50,6 +48,7 @@ const getLocalConfig = (): MApp[] => {
     // eslint-disable-next-line no-eval
     return [eval(`(${configStr})`)];
   } catch (err) {
+    console.error('Error parsing localStorage magicDSL:', err);
     return [];
   }
 };
diff --git a/runtime/react/page/vite.config.ts b/runtime/react/page/vite.config.ts
new file mode 100644
index 00000000..c88c982d
--- /dev/null
+++ b/runtime/react/page/vite.config.ts
@@ -0,0 +1,19 @@
+import { defineConfig } from 'vite';
+
+import baseConfig from '../vite.config';
+
+export default defineConfig({
+  ...baseConfig,
+
+  root: './page',
+
+  publicDir: '../public',
+
+  base: `${baseConfig.base}/page`,
+
+  build: {
+    emptyOutDir: false,
+    sourcemap: true,
+    outDir: '../dist/page',
+  },
+});
diff --git a/runtime/react/playground/App.tsx b/runtime/react/playground/App.tsx
index bde5a17c..20072b7a 100644
--- a/runtime/react/playground/App.tsx
+++ b/runtime/react/playground/App.tsx
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -16,11 +16,11 @@
  * limitations under the License.
  */
 
-import React, { useContext } from 'react';
+import React, { useContext, useEffect } from 'react';
 
-import Core from '@tmagic/core';
-import type { MPage } from '@tmagic/schema';
-import { AppContent } from '@tmagic/ui-react';
+import type Core from '@tmagic/core';
+import type { MPage } from '@tmagic/core';
+import { AppContent } from '@tmagic/react-runtime-help';
 
 function App() {
   const app = useContext<Core | undefined>(AppContent);
@@ -31,7 +31,12 @@ function App() {
 
   const MagicUiPage = app.resolveComponent('page');
 
-  return <MagicUiPage config={app?.page?.data as MPage}></MagicUiPage>;
+  useEffect(() => {
+    const page = document.querySelector(`div[data-tmagic-id=${app.page?.data.id}]`);
+    page && window.magic?.onPageElUpdate(page as HTMLElement);
+  });
+
+  return <MagicUiPage config={app.page.data as MPage}></MagicUiPage>;
 }
 
 export default App;
diff --git a/runtime/react/playground/main.tsx b/runtime/react/playground/main.tsx
index f68349f0..ad36b9a4 100644
--- a/runtime/react/playground/main.tsx
+++ b/runtime/react/playground/main.tsx
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -18,14 +18,9 @@
 
 import React from 'react';
 import { createRoot } from 'react-dom/client';
-import { cloneDeep } from 'lodash-es';
 
-import Core from '@tmagic/core';
-import { DataSourceManager, DeepObservedData } from '@tmagic/data-source';
-import type { MApp } from '@tmagic/schema';
-import type { RemoveData, SortEventData, UpdateData } from '@tmagic/stage';
-import { AppContent } from '@tmagic/ui-react';
-import { replaceChildNode } from '@tmagic/utils';
+import Core, { DataSourceManager, DeepObservedData } from '@tmagic/core';
+import { AppContent, useEditorDsl } from '@tmagic/react-runtime-help';
 
 import components from '../.tmagic/comp-entry';
 import dataSources from '../.tmagic/datasource-entry';
@@ -33,7 +28,7 @@ import plugins from '../.tmagic/plugin-entry';
 
 import App from './App';
 
-import '@tmagic/utils/resetcss.css';
+import '@tmagic/core/resetcss.css';
 
 declare global {
   interface Window {
@@ -58,15 +53,9 @@ if (app.env.isWeb) {
 
 window.appInstance = app;
 
-let curPageId = '';
-
-const updateConfig = (root: MApp) => {
-  app?.setConfig(root, curPageId);
-  renderDom();
-};
+const root = createRoot(document.getElementById('root')!);
 
 const renderDom = () => {
-  const root = createRoot(document.getElementById('root')!);
   root.render(
     <React.StrictMode>
       <AppContent.Provider value={app}>
@@ -74,60 +63,6 @@ const renderDom = () => {
       </AppContent.Provider>
     </React.StrictMode>,
   );
-
-  setTimeout(() => {
-    // @ts-ignore
-    window.magic.onPageElUpdate(document.querySelector('.magic-ui-page'));
-  });
-};
-
-const operations = {
-  getApp() {
-    return app;
-  },
-
-  updateRootConfig(root: MApp) {
-    app?.setConfig(root);
-  },
-
-  updatePageId(id: string) {
-    curPageId = id;
-    app?.setPage(curPageId);
-    renderDom();
-  },
-
-  getSnapElementQuerySelector() {
-    return '[class*=magic-ui][id]';
-  },
-
-  select(id: string) {
-    const el = document.getElementById(id);
-    if (el) return el;
-    // 未在当前文档下找到目标元素，可能是还未渲染，等待渲染完成后再尝试获取
-    return new Promise((resolve) => {
-      setTimeout(() => {
-        resolve(document.getElementById(id));
-      }, 0);
-    });
-  },
-
-  add({ root }: UpdateData) {
-    updateConfig(root);
-  },
-
-  update({ config, root, parentId }: UpdateData) {
-    const newNode = app.dataSourceManager?.compiledNode(config, undefined, true) || config;
-    replaceChildNode(newNode, [root], parentId);
-    updateConfig(cloneDeep(root));
-  },
-
-  sortNode({ root }: SortEventData) {
-    root && updateConfig(root);
-  },
-
-  remove({ root }: RemoveData) {
-    updateConfig(root);
-  },
 };
 
 Object.keys(components).forEach((type: string) => app.registerComponent(type, components[type]));
@@ -136,5 +71,4 @@ Object.values(plugins).forEach((plugin: any) => {
   plugin.install({ app });
 });
 
-// @ts-ignore
-window.magic?.onRuntimeReady(operations);
+useEditorDsl(app, renderDom);
diff --git a/runtime/react/playground/vite.config.ts b/runtime/react/playground/vite.config.ts
new file mode 100644
index 00000000..f962701a
--- /dev/null
+++ b/runtime/react/playground/vite.config.ts
@@ -0,0 +1,19 @@
+import { defineConfig } from 'vite';
+
+import baseConfig from '../vite.config';
+
+export default defineConfig({
+  ...baseConfig,
+
+  root: './playground',
+
+  publicDir: '../public',
+
+  base: `${baseConfig.base}/playground`,
+
+  build: {
+    emptyOutDir: false,
+    sourcemap: true,
+    outDir: '../dist/playground',
+  },
+});
diff --git a/runtime/react/scripts/build.mjs b/runtime/react/scripts/build.mjs
new file mode 100644
index 00000000..881389b4
--- /dev/null
+++ b/runtime/react/scripts/build.mjs
@@ -0,0 +1,60 @@
+import { execSync } from 'node:child_process';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+import { build as buildVite } from 'vite';
+import fse from 'fs-extra';
+import minimist from 'minimist';
+
+import resViteConfig from './vite.res.config.mjs';
+
+const args = minimist(process.argv.slice(2));
+
+const dirname = path.dirname(fileURLToPath(import.meta.url));
+
+fse.removeSync(path.resolve(dirname, '../.tmagic'));
+
+execSync('tmagic entry', {
+  stdio: 'inherit',
+  cwd: path.resolve(dirname, '../'),
+});
+
+if (args.type === 'res' || args.type === 'all') {
+  fse.removeSync(path.resolve(dirname, '../dist/entry'));
+  for (const mode of ['value', 'config', 'event', 'ds:value', 'ds:config', 'ds:event']) {
+    const fileName = mode.replace(':', '-');
+
+    buildVite({
+      root: path.resolve(dirname, '../'),
+      clearScreen: false,
+      configFile: false,
+      ...resViteConfig(mode),
+    }).then(() => {
+      fse.copySync(
+        path.resolve(dirname, '../dist/entry', fileName),
+        path.resolve(dirname, '../../../playground/public/entry/vue/', fileName),
+      );
+    });
+  }
+}
+
+const buildRuntime = (type) => {
+  fse.removeSync(path.resolve(dirname, '../dist', type));
+
+  buildVite({
+    root: path.resolve(dirname, '../', type),
+    clearScreen: false,
+    configFile: path.resolve(dirname, '../', type, 'vite.config.ts'),
+  }).then(() => {
+    const clientFile = path.resolve(dirname, '../dist', type);
+    fse.copySync(clientFile, path.resolve(dirname, '../../../playground/public/runtime/react', type));
+  });
+};
+
+if (args.type === 'page' || args.type === 'all') {
+  buildRuntime('page');
+}
+
+if (args.type === 'playground' || args.type === 'all') {
+  buildRuntime('playground');
+}
diff --git a/runtime/react/scripts/vite.res.config.mjs b/runtime/react/scripts/vite.res.config.mjs
new file mode 100644
index 00000000..f4ff2f7d
--- /dev/null
+++ b/runtime/react/scripts/vite.res.config.mjs
@@ -0,0 +1,28 @@
+import { defineConfig } from 'vite';
+
+export default defineConfig((mode) => {
+  const capitalToken = mode
+    .split(':')
+    .map((word) => word[0].toUpperCase() + word.slice(1))
+    .join('');
+
+  const fileName = mode.replace(':', '-');
+
+  return {
+    publicDir: './.tmagic/public',
+    build: {
+      cssCodeSplit: false,
+      sourcemap: true,
+      minify: false,
+      target: 'esnext',
+      outDir: `./dist/entry/${fileName}`,
+
+      lib: {
+        entry: `./.tmagic/${fileName}-entry.ts`,
+        name: `magicPreset${capitalToken}s`,
+        fileName: 'index',
+        formats: ['umd'],
+      },
+    },
+  };
+});
diff --git a/runtime/react/tmagic.config.ts b/runtime/react/tmagic.config.ts
index 42edd20a..beef6790 100644
--- a/runtime/react/tmagic.config.ts
+++ b/runtime/react/tmagic.config.ts
@@ -1,8 +1,23 @@
-import path from 'path';
-
 import { defineConfig } from '@tmagic/cli';
 
 export default defineConfig({
-  packages: [path.join(__dirname, '../../packages/ui-react')],
   componentFileAffix: '.tsx',
+  npmConfig: {
+    client: 'pnpm',
+    keepPackageJsonClean: true,
+  },
+  packages: [
+    {
+      button: '@tmagic/react-button',
+      container: '@tmagic/react-container',
+      img: '@tmagic/react-img',
+      'iterator-container': '@tmagic/react-iterator-container',
+      overlay: '@tmagic/react-overlay',
+      page: '@tmagic/react-page',
+      'page-fragment': '@tmagic/react-page-fragment',
+      'page-fragment-container': '@tmagic/react-page-fragment-container',
+      'qrcode': '@tmagic/react-qrcode',
+      'text': '@tmagic/react-text',
+    },
+  ],
 });
diff --git a/runtime/react/tsconfig.json b/runtime/react/tsconfig.json
index 43e3e99f..6a118e44 100644
--- a/runtime/react/tsconfig.json
+++ b/runtime/react/tsconfig.json
@@ -1,24 +1,14 @@
 {
+  "extends": "../../tsconfig.json",
   "compilerOptions": {
-    "target": "ESNext",
-    "lib": ["DOM", "DOM.Iterable", "ESNext"],
-    "allowJs": false,
-    "skipLibCheck": false,
-    "esModuleInterop": false,
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "module": "ESNext",
-    "moduleResolution": "Node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
+    "baseUrl": "./",
     "jsx": "react",
-    "baseUrl": ".",
+    "forceConsistentCasingInFileNames": true,
+    "types": ["node"],
     "paths": {
       // 内部模块都指向 src/index.ts, 会有更好的代码跳转体验.
-      "@tmagic/*": ["../packages/*"],
+      "@tmagic/*": ["../../packages/*/src"],
+      "@tmagic/react-runtime-help": ["../react-runtime-help/src"],
     },
   },
-  "include": ["./page", "./playground"]
 }
diff --git a/runtime/react/dev.vite.config.ts b/runtime/react/vite.config.ts
similarity index 64%
rename from runtime/react/dev.vite.config.ts
rename to runtime/react/vite.config.ts
index 8df4bdd9..7d18b91c 100644
--- a/runtime/react/dev.vite.config.ts
+++ b/runtime/react/vite.config.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -16,38 +16,60 @@
  * limitations under the License.
  */
 
-import path from 'path';
+import path from 'node:path';
 
 import { defineConfig } from 'vite';
+import legacy from '@vitejs/plugin-legacy';
 import reactRefresh from '@vitejs/plugin-react-refresh';
+import commonjs from 'vite-plugin-commonjs';
 
 export default defineConfig({
-  plugins: [reactRefresh()],
+  plugins: [
+    commonjs({
+      filter: (id) => {
+        if (id.includes('qrcode')) {
+          return true;
+        }
+        return false;
+      },
+    }),
+    reactRefresh(),
+    legacy({
+      targets: ['defaults', 'not IE 11'],
+    })
+  ],
 
   resolve: {
     alias: [
       { find: /^react$/, replacement: path.join(__dirname, 'node_modules/react/index.js') },
       { find: /^react-dom$/, replacement: path.join(__dirname, 'node_modules/react-dom/index.js') },
       {
-        find: /^@tmagic\/utils\/resetcss.css/,
-        replacement: path.join(__dirname, '../../packages/utils/src/resetcss.css'),
+        find: /^@tmagic\/core\/resetcss.css/,
+        replacement: path.join(__dirname, '../../packages/core/resetcss.css'),
       },
-      { find: /^@tmagic\/ui-react/, replacement: path.join(__dirname, '../../packages/ui-react/src/index.ts') },
       { find: /^@tmagic\/utils/, replacement: path.join(__dirname, '../../packages/utils/src/index.ts') },
       { find: /^@tmagic\/core/, replacement: path.join(__dirname, '../../packages/core/src/index.ts') },
-      { find: /^@tmagic\/schema/, replacement: path.join(__dirname, '../../packages/schema/src/index.ts') },
-      { find: /^@data-source/, replacement: path.join(__dirname, '../../packages/data-source/src') },
       { find: /^@tmagic\/data-source/, replacement: path.join(__dirname, '../../packages/data-source/src/index.ts') },
       { find: /^@tmagic\/dep/, replacement: path.join(__dirname, '../../packages/dep/src/index.ts') },
+      { find: /^@data-source/, replacement: path.join(__dirname, '../../packages/data-source/src') },
+      { find: /^@tmagic\/schema/, replacement: path.join(__dirname, '../../packages/schema/src/index.ts') },
+      { find: /^@tmagic\/vue-runtime-help/, replacement: path.join(__dirname, '../vue-runtime-help/src/index.ts') },
+      { find: /^qrcode/, replacement: path.join(__dirname, './node_modules/qrcode') },
     ],
   },
 
   root: './',
 
-  base: '/tmagic-editor/playground/runtime/react/',
+  base: '/tmagic-editor/playground/runtime/react',
 
   publicDir: 'public',
 
+  css: {
+    lightningcss: {
+      errorRecovery: true,
+    },
+  },
+
   server: {
     host: '0.0.0.0',
     port: 8078,
@@ -55,17 +77,10 @@ export default defineConfig({
   },
 
   build: {
-    sourcemap: true,
-
-    cssCodeSplit: false,
-
-    rollupOptions: {
+    rolldownOptions: {
       input: {
-        page: './page/index.html',
-        playground: './playground/index.html',
-      },
-      output: {
-        entryFileNames: 'assets/[name].js',
+        page: path.resolve(__dirname, './page/index.html'),
+        playground: path.resolve(__dirname, './playground/index.html'),
       },
     },
   },
diff --git a/runtime/tmagic-form/package.json b/runtime/tmagic-form/package.json
index df6a6e0c..19c87379 100644
--- a/runtime/tmagic-form/package.json
+++ b/runtime/tmagic-form/package.json
@@ -1,15 +1,15 @@
 {
-  "version": "1.0.9",
+  "version": "1.1.6",
   "name": "@tmagic/tmagic-form-runtime",
   "type": "module",
-  "main": "dist/tmagic-form-runtime.umd.cjs",
-  "module": "dist/tmagic-form-runtime.js",
+  "main": "dist/tmagic-tmagic-form.umd.cjs",
+  "module": "dist/es/index.js",
   "types": "types/index.d.ts",
   "exports": {
     ".": {
       "types": "./types/index.d.ts",
-      "import": "./dist/tmagic-form-runtime.js",
-      "require": "./dist/tmagic-form.umd-runtime.cjs"
+      "import": "./dist/es/index.js",
+      "require": "./dist/tmagic-tmagic-form.umd.cjs"
     },
     "./*": "./*"
   },
@@ -18,12 +18,6 @@
     "types"
   ],
   "license": "Apache-2.0",
-  "scripts": {
-    "build": "npm run build:type && vite build",
-    "build:type": "npm run clear:type && vue-tsc --declaration --emitDeclarationOnly --project tsconfig.build.json",
-    "clear:type": "rimraf ./types",
-    "type:check": "vue-tsc --noEmit"
-  },
   "engines": {
     "node": ">=18"
   },
@@ -32,22 +26,18 @@
     "url": "https://github.com/Tencent/tmagic-editor.git"
   },
   "peerDependencies": {
-    "@tmagic/core": "workspace:*",
-    "@tmagic/editor": "workspace:*",
-    "@tmagic/form": "workspace:*",
-    "@tmagic/utils": "workspace:*",
-    "@tmagic/schema": "workspace:*",
-    "@tmagic/stage": "workspace:*",
-    "element-plus": "^2.7.4",
-    "vue": "^3.4.27"
+    "@tmagic/core": ">=1.7.0",
+    "@tmagic/editor": ">=1.7.0",
+    "element-plus": ">=2.8.0",
+    "vue": "catalog:",
+    "typescript": "catalog:"
   },
-  "devDependencies": {
-    "@types/node": "^18.19.0",
-    "@vitejs/plugin-vue": "^5.0.4",
-    "@vue/compiler-sfc": "^3.4.27",
-    "rimraf": "^3.0.2",
-    "typescript": "^5.4.5",
-    "vite": "^5.2.12",
-    "vue-tsc": "^2.0.19"
+  "peerDependenciesMeta": {
+    "@tmagic/core": {
+      "optional": true
+    },
+    "typescript": {
+      "optional": true
+    }
   }
 }
diff --git a/packages/editor/src/shims-vue.d.ts b/runtime/tmagic-form/shims-vue.d.ts
similarity index 100%
rename from packages/editor/src/shims-vue.d.ts
rename to runtime/tmagic-form/shims-vue.d.ts
diff --git a/runtime/tmagic-form/src/App.vue b/runtime/tmagic-form/src/App.vue
index ca030b90..7155077f 100644
--- a/runtime/tmagic-form/src/App.vue
+++ b/runtime/tmagic-form/src/App.vue
@@ -1,30 +1,23 @@
 <template>
-  <MForm
-    ref="mForm"
-    :key="config?.id"
-    :id="config?.id"
-    :data-magic-id="config?.id"
-    :config="formConfig"
-    :init-values="values"
-  ></MForm>
+  <MForm ref="mForm" :key="config?.id" :data-tmagic-id="config?.id" :config="formConfig" :init-values="values"></MForm>
 </template>
 
 <script setup lang="ts">
 import { watch } from 'vue';
 
-import { MForm } from '@tmagic/form';
+import { MForm } from '@tmagic/editor';
 
 import { AppProps } from './types';
 import { useFormConfig } from './useFormConfig';
 
 const props = defineProps<AppProps>();
 
-const { mForm, formConfig, config, values } = useFormConfig(props);
+const { formConfig, config, values } = useFormConfig(props);
 
 watch(formConfig, async () => {
   setTimeout(() => {
-    const page = props.stage.renderer.getDocument()?.querySelector<HTMLElement>('.m-form');
-    page && props.stage.renderer.contentWindow?.magic.onPageElUpdate(page);
+    const page = props.stage.renderer?.getDocument()?.querySelector<HTMLElement>('.m-form');
+    page && props.stage.renderer?.contentWindow?.magic.onPageElUpdate(page);
   });
 });
 </script>
diff --git a/runtime/tmagic-form/src/form-config/checkbox.ts b/runtime/tmagic-form/src/form-config/checkbox.ts
index 17d9ed7d..d14401d1 100644
--- a/runtime/tmagic-form/src/form-config/checkbox.ts
+++ b/runtime/tmagic-form/src/form-config/checkbox.ts
@@ -1,4 +1,4 @@
-import { createForm } from '@tmagic/form';
+import { createForm } from '@tmagic/editor';
 
 export default createForm([
   {
diff --git a/runtime/tmagic-form/src/form-config/common.ts b/runtime/tmagic-form/src/form-config/common.ts
index 99833d35..92fac65f 100644
--- a/runtime/tmagic-form/src/form-config/common.ts
+++ b/runtime/tmagic-form/src/form-config/common.ts
@@ -1,4 +1,4 @@
-import { createForm } from '@tmagic/form';
+import { createForm } from '@tmagic/editor';
 
 export default createForm([
   {
diff --git a/runtime/tmagic-form/src/form-config/display.ts b/runtime/tmagic-form/src/form-config/display.ts
index 08805f20..4f5ce17a 100644
--- a/runtime/tmagic-form/src/form-config/display.ts
+++ b/runtime/tmagic-form/src/form-config/display.ts
@@ -1,3 +1,3 @@
-import { createForm } from '@tmagic/form';
+import { createForm } from '@tmagic/editor';
 
 export default createForm([]);
diff --git a/runtime/tmagic-form/src/form-config/index.ts b/runtime/tmagic-form/src/form-config/index.ts
index fee18134..3fb70f71 100644
--- a/runtime/tmagic-form/src/form-config/index.ts
+++ b/runtime/tmagic-form/src/form-config/index.ts
@@ -1,4 +1,4 @@
-import type { FormConfig } from '@tmagic/form';
+import type { FormConfig } from '@tmagic/editor';
 
 import checkbox from './checkbox';
 import display from './display';
diff --git a/runtime/tmagic-form/src/form-config/number.ts b/runtime/tmagic-form/src/form-config/number.ts
index a033c78e..511b4677 100644
--- a/runtime/tmagic-form/src/form-config/number.ts
+++ b/runtime/tmagic-form/src/form-config/number.ts
@@ -1,4 +1,4 @@
-import { createForm } from '@tmagic/form';
+import { createForm } from '@tmagic/editor';
 
 export default createForm([
   {
diff --git a/runtime/tmagic-form/src/form-config/switch.ts b/runtime/tmagic-form/src/form-config/switch.ts
index 08805f20..4f5ce17a 100644
--- a/runtime/tmagic-form/src/form-config/switch.ts
+++ b/runtime/tmagic-form/src/form-config/switch.ts
@@ -1,3 +1,3 @@
-import { createForm } from '@tmagic/form';
+import { createForm } from '@tmagic/editor';
 
 export default createForm([]);
diff --git a/runtime/tmagic-form/src/form-config/text.ts b/runtime/tmagic-form/src/form-config/text.ts
index 725c754f..720fdf97 100644
--- a/runtime/tmagic-form/src/form-config/text.ts
+++ b/runtime/tmagic-form/src/form-config/text.ts
@@ -1,4 +1,4 @@
-import { createForm } from '@tmagic/form';
+import { createForm } from '@tmagic/editor';
 
 export default createForm([
   {
diff --git a/runtime/tmagic-form/src/index.ts b/runtime/tmagic-form/src/index.ts
index 0d9a6856..81ce08b2 100644
--- a/runtime/tmagic-form/src/index.ts
+++ b/runtime/tmagic-form/src/index.ts
@@ -1,10 +1,8 @@
 import { createApp, onBeforeUnmount, Plugin } from 'vue';
 import cssStyle from 'element-plus/dist/index.css?raw';
 
-import { editorService, Layout, propsService, uiService } from '@tmagic/editor';
-import MagicForm, { type FormConfig } from '@tmagic/form';
-import type StageCore from '@tmagic/stage';
-import { injectStyle } from '@tmagic/utils';
+import type { FormConfig, StageCore } from '@tmagic/editor';
+import { editorService, formPlugin, injectStyle, Layout, propsService, uiService } from '@tmagic/editor';
 
 import commonConfig from './form-config/common';
 import App from './App.vue';
@@ -14,8 +12,6 @@ export * from './component-group-list';
 
 export const propsConfigs = formConfigs;
 
-export const canSelect = (el: HTMLElement) => Boolean(el.dataset.magicId);
-
 export const useRuntime = ({
   plugins = [],
   fillConfig = (config) => config,
@@ -24,21 +20,25 @@ export const useRuntime = ({
   fillConfig?: (config: FormConfig, mForm: any) => FormConfig;
 } = {}) => {
   const render = (stage: StageCore) => {
-    injectStyle(stage.renderer.getDocument()!, cssStyle);
-    injectStyle(
-      stage.renderer.getDocument()!,
-      `html,
-        body,
-        #app {
-          width: 100%;
-          height: 100%;
-          margin: 0;
-        }
-        ::-webkit-scrollbar {
-          width: 0;
-        }
-      `,
-    );
+    const doc = stage.renderer?.getDocument();
+
+    if (doc) {
+      injectStyle(doc, cssStyle);
+      injectStyle(
+        doc,
+        `html,
+          body,
+          #app {
+            width: 100%;
+            height: 100%;
+            margin: 0;
+          }
+          ::-webkit-scrollbar {
+            width: 0;
+          }
+        `,
+      );
+    }
 
     const el: HTMLDivElement = globalThis.document.createElement('div');
     el.id = 'app';
@@ -48,7 +48,7 @@ export const useRuntime = ({
       stage,
       fillConfig,
     });
-    vueApp.use(MagicForm);
+    vueApp.use(formPlugin);
     plugins.forEach((plugin) => vueApp.use(plugin));
     vueApp.mount(el);
 
diff --git a/runtime/tmagic-form/src/types.ts b/runtime/tmagic-form/src/types.ts
index 9f5316f4..97e84969 100644
--- a/runtime/tmagic-form/src/types.ts
+++ b/runtime/tmagic-form/src/types.ts
@@ -1,7 +1,6 @@
 import type { Ref } from 'vue';
 
-import { type FormConfig, MForm } from '@tmagic/form';
-import type StageCore from '@tmagic/stage';
+import type { FormConfig, MForm, StageCore } from '@tmagic/editor';
 
 export interface AppProps {
   stage: StageCore;
diff --git a/runtime/tmagic-form/src/useFormConfig.ts b/runtime/tmagic-form/src/useFormConfig.ts
index 9269b70f..353948c2 100644
--- a/runtime/tmagic-form/src/useFormConfig.ts
+++ b/runtime/tmagic-form/src/useFormConfig.ts
@@ -1,15 +1,14 @@
 import { computed, nextTick, onBeforeUnmount, reactive, ref } from 'vue';
 
-import Core from '@tmagic/core';
-import { type FormConfig, initValue, MForm } from '@tmagic/form';
-import type { Id, MApp, MNode } from '@tmagic/schema';
-import type { RemoveData, UpdateData } from '@tmagic/stage';
-import { getNodePath, replaceChildNode } from '@tmagic/utils';
+import type { Id, MApp, MNode } from '@tmagic/core';
+import TMagicApp from '@tmagic/core';
+import type { FormConfig, MForm, RemoveData, UpdateData } from '@tmagic/editor';
+import { getElById, getNodePath, initValue, replaceChildNode } from '@tmagic/editor';
 
 import { AppProps } from './types';
 
 export const useFormConfig = (props: AppProps) => {
-  const { contentWindow } = props.stage.renderer;
+  const { contentWindow } = props.stage.renderer!;
   const mForm = ref<InstanceType<typeof MForm>>();
 
   const root = ref<MApp>();
@@ -23,8 +22,9 @@ export const useFormConfig = (props: AppProps) => {
   // @ts-ignore
   const formConfig = computed(() => props.fillConfig((config.value?.items || []) as FormConfig, mForm));
 
-  let app: Core | undefined = new Core({
+  let app: TMagicApp | undefined = new TMagicApp({
     ua: contentWindow?.navigator.userAgent,
+    disabledFlexible: true,
     platform: 'editor',
   });
 
@@ -67,14 +67,21 @@ export const useFormConfig = (props: AppProps) => {
           this.updatePageId?.(id);
         }
 
-        const el = document.getElementById(`${id}`);
+        const el = getElById()(document, `${id}`);
         if (el) return el;
         // 未在当前文档下找到目标元素，可能是还未渲染，等待渲染完成后再尝试获取
-        return nextTick().then(() => document.getElementById(`${id}`) as HTMLElement);
+        return nextTick().then(() => getElById()(document, `${id}`) as HTMLElement);
       },
 
-      add({ config, parentId }: UpdateData) {
-        if (!root.value) throw new Error('error');
+      add({ config, parentId, root: appConfig }: UpdateData) {
+        if (!root.value) {
+          if (appConfig) {
+            root.value = appConfig;
+            resetValues();
+            return;
+          }
+          throw new Error('error');
+        }
         if (!selectedId.value) throw new Error('error');
         if (!parentId) throw new Error('error');
 
@@ -82,7 +89,7 @@ export const useFormConfig = (props: AppProps) => {
         if (!parent) throw new Error('未找到父节点');
 
         if (config.type !== 'page') {
-          const parentNode = app?.page?.getNode(parent.id);
+          const parentNode = app?.page?.getNode(parent.id, { strict: true });
           parentNode && app?.page?.initNode(config, parentNode);
         }
 
@@ -97,13 +104,22 @@ export const useFormConfig = (props: AppProps) => {
         resetValues();
       },
 
-      update({ config, parentId }: UpdateData) {
-        if (!root.value || !app) throw new Error('error');
+      update({ config, parentId, root: appConfig }: UpdateData) {
+        if (!root.value) {
+          if (appConfig) {
+            root.value = appConfig;
+            resetValues();
+            return;
+          }
+          throw new Error('error');
+        }
+
+        if (!app) throw new Error('error');
 
         const newNode = app.dataSourceManager?.compiledNode(config) || config;
         replaceChildNode(reactive(newNode), [root.value], parentId);
 
-        const nodeInstance = app.page?.getNode(config.id);
+        const nodeInstance = app.page?.getNode(config.id, { strict: true });
         if (nodeInstance) {
           nodeInstance.setData(config);
         }
@@ -137,6 +153,7 @@ export const useFormConfig = (props: AppProps) => {
   contentWindow?.addEventListener('message', runtimeReadyHandler);
 
   onBeforeUnmount(() => {
+    app?.destroy();
     app = undefined;
     contentWindow?.removeEventListener('message', runtimeReadyHandler);
   });
diff --git a/runtime/tmagic-form/tsconfig.build.json b/runtime/tmagic-form/tsconfig.build.json
deleted file mode 100644
index c9476221..00000000
--- a/runtime/tmagic-form/tsconfig.build.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "baseUrl": ".",
-    "declaration": true,
-    "declarationDir": "types",
-    "forceConsistentCasingInFileNames": true,
-    "paths": {},
-  },
-  "include": [
-		"src"
-	],
-}
diff --git a/runtime/tmagic-form/tsconfig.json b/runtime/tmagic-form/tsconfig.json
deleted file mode 100644
index 6c40cf1e..00000000
--- a/runtime/tmagic-form/tsconfig.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "baseUrl": "../..",
-  },
-}
diff --git a/runtime/tmagic-form/vite.config.ts b/runtime/tmagic-form/vite.config.ts
deleted file mode 100644
index df809f53..00000000
--- a/runtime/tmagic-form/vite.config.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import { defineConfig } from 'vite';
-import vue from '@vitejs/plugin-vue';
-
-import pkg from './package.json';
-
-export default defineConfig({
-  plugins: [vue()],
-
-  build: {
-    cssCodeSplit: false,
-    sourcemap: false,
-    minify: false,
-    target: 'esnext',
-
-    lib: {
-      entry: 'src/index.ts',
-      name: 'TMagicFormRuntime',
-      fileName: 'tmagic-form-runtime',
-    },
-
-    rollupOptions: {
-      // 确保外部化处理那些你不想打包进库的依赖
-      external(id: string) {
-        return Object.keys(pkg.peerDependencies).some((k) => new RegExp(`^${k}`).test(id));
-      },
-    },
-  },
-});
diff --git a/runtime/vue-runtime-help/package.json b/runtime/vue-runtime-help/package.json
index 304d12e4..e11aac6e 100644
--- a/runtime/vue-runtime-help/package.json
+++ b/runtime/vue-runtime-help/package.json
@@ -1,26 +1,24 @@
 {
-  "version": "0.0.3",
+  "version": "2.0.1",
   "name": "@tmagic/vue-runtime-help",
   "type": "module",
   "sideEffects": false,
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
+  "main": "dist/tmagic-vue-runtime-help.umd.cjs",
+  "module": "dist/es/index.js",
+  "types": "types/index.d.ts",
   "exports": {
     ".": {
       "types": "./types/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/es/index.js",
+      "require": "./dist/tmagic-vue-runtime-help.umd.cjs"
     },
     "./*": "./*"
   },
   "files": [
-    "dist"
+    "dist",
+    "types"
   ],
   "license": "Apache-2.0",
-  "scripts": {
-    "build": "pnpm clean && tsc -b tsconfig.build.json",
-    "clean": "rimraf dist *.tsbuildinfo",
-    "check:type": "tsc --noEmit --project tsconfig.build.json"
-  },
   "engines": {
     "node": ">=18"
   },
@@ -28,24 +26,14 @@
     "type": "git",
     "url": "https://github.com/Tencent/tmagic-editor.git"
   },
-  "dependencies": {
-    "vue-demi": "^0.14.7"
-  },
   "peerDependencies": {
-    "@tmagic/core": "workspace:*",
-    "@tmagic/data-source": "workspace:*",
-    "@tmagic/schema": "workspace:*",
-    "@tmagic/stage": "workspace:*",
-    "@tmagic/utils": "workspace:*",
-    "@vue/composition-api": ">=1.7.2",
-    "typescript": "*",
-    "vue": ">=2.0.0 || >=3.0.0"
+    "@tmagic/core": ">=1.7.0",
+    "@tmagic/stage": ">=1.7.0",
+    "typescript": "catalog:",
+    "vue": ">=3.5.0"
   },
   "peerDependenciesMeta": {
-    "@vue/composition-api": {
-      "optional": true
-    },
-    "@tmagic/schema": {
+    "@tmagic/core": {
       "optional": true
     },
     "@tmagic/stage": {
@@ -56,7 +44,6 @@
     }
   },
   "devDependencies": {
-    "@types/node": "^18.19.0",
-    "rimraf": "^3.0.2"
+    "@vue/test-utils": "^2.4.6"
   }
 }
\ No newline at end of file
diff --git a/runtime/vue-runtime-help/src/hooks/use-app.ts b/runtime/vue-runtime-help/src/hooks/use-app.ts
new file mode 100644
index 00000000..fe7d4c86
--- /dev/null
+++ b/runtime/vue-runtime-help/src/hooks/use-app.ts
@@ -0,0 +1,104 @@
+/*
+ * Tencent is pleased to support the open source community by making TMagicEditor available.
+ *
+ * Copyright (C) 2025 Tencent.  All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { inject, onBeforeUnmount, onMounted } from 'vue';
+
+import type TMagicApp from '@tmagic/core';
+import type { Id, MNodeInstance, Node as TMagicNode } from '@tmagic/core';
+import { isDslNode } from '@tmagic/core';
+
+interface Methods {
+  [key: string]: (...args: any[]) => any;
+}
+
+interface UseAppOptions<T extends MNodeInstance = MNodeInstance> {
+  config: T;
+  iteratorContainerId?: Id[];
+  iteratorIndex?: number[];
+  pageFragmentContainerId?: Id;
+  methods?: Methods;
+}
+
+export const useNode = <T extends TMagicNode = TMagicNode>(
+  props: Pick<UseAppOptions, 'config' | 'iteratorContainerId' | 'iteratorIndex' | 'pageFragmentContainerId'>,
+  app = inject<TMagicApp>('app'),
+): T | undefined => {
+  if (isDslNode(props.config) && props.config.id) {
+    return app?.getNode(props.config.id, {
+      iteratorContainerId: props.iteratorContainerId,
+      iteratorIndex: props.iteratorIndex,
+      pageFragmentContainerId: props.pageFragmentContainerId,
+      strict: true,
+    });
+  }
+  return void 0;
+};
+
+export const registerNodeHooks = (node?: TMagicNode, methods: Methods = {}) => {
+  if (!node) {
+    return;
+  }
+
+  const emitData = {
+    config: node.data,
+    ...methods,
+  };
+
+  node.emit('created', emitData);
+
+  onMounted(() => {
+    node.emit('mounted', emitData);
+  });
+
+  onBeforeUnmount(() => {
+    node.emit('destroy', emitData);
+  });
+};
+
+export const useApp = <T extends TMagicApp = TMagicApp>({
+  methods,
+  config,
+  iteratorContainerId,
+  iteratorIndex,
+  pageFragmentContainerId,
+}: UseAppOptions) => {
+  const app = inject<T>('app');
+
+  if (!app) {
+    throw new Error(`component ${config.type}: app is not injected`);
+  }
+
+  const node = useNode(
+    {
+      config,
+      iteratorContainerId,
+      iteratorIndex,
+      pageFragmentContainerId,
+    },
+    app,
+  );
+
+  if (node && methods) {
+    registerNodeHooks(node, methods);
+  }
+
+  return {
+    app,
+    node,
+  };
+};
diff --git a/runtime/vue-runtime-help/src/hooks/use-component-status.ts b/runtime/vue-runtime-help/src/hooks/use-component-status.ts
new file mode 100644
index 00000000..5bd1cf5c
--- /dev/null
+++ b/runtime/vue-runtime-help/src/hooks/use-component-status.ts
@@ -0,0 +1,108 @@
+import { computed, inject, onScopeDispose, ref, shallowReactive, watchEffect } from 'vue';
+
+import type TMagicCore from '@tmagic/core';
+import { type MComponent, type StyleSchema, toLine } from '@tmagic/core';
+
+export interface StatusData {
+  style?: StyleSchema;
+  className?: string;
+  [key: string]: any;
+}
+
+export const useComponentStatus = (props: { config: Omit<MComponent, 'id'> }) => {
+  const app = inject<TMagicCore>('app');
+
+  const status = ref('default');
+  const styleStatusMap = new Map<string, StyleSchema>();
+  const classStatusMap = new Map<string, string>();
+  const statusMap = new Map<string, Omit<StatusData, 'style' | 'className'>>();
+
+  const setStatus = (value: string) => {
+    status.value = value;
+  };
+
+  const registerStatus = (type: string, { style, className, ...data }: StatusData) => {
+    if (style) {
+      styleStatusMap.set(type, style);
+    }
+
+    if (className) {
+      classStatusMap.set(type, className);
+    }
+
+    statusMap.set(type, shallowReactive(data));
+  };
+
+  watchEffect(() => {
+    registerStatus('default', {
+      style: props.config.style,
+      className: props.config.className,
+    });
+  });
+
+  onScopeDispose(() => {
+    statusMap.clear();
+  });
+
+  return {
+    status: computed(() => status.value),
+
+    style: computed(() => {
+      const type = status.value || 'default';
+      const defaultStyle = styleStatusMap.get('default') || {};
+      const statusStyle = styleStatusMap.get(type);
+
+      let style = app?.transformStyle(defaultStyle) || {};
+
+      if (type !== 'default' && statusStyle) {
+        style = Object.keys(statusStyle).reduce((obj, key) => {
+          const value = statusStyle[key];
+          if (value === null || typeof value === 'undefined' || isNaN(value) || value === '') {
+            return {
+              ...obj,
+              [key]: statusStyle[key],
+            };
+          }
+          return { ...obj };
+        }, style);
+      }
+
+      if (props.config.displayHidden) {
+        style.display = 'none';
+      }
+
+      if (typeof props.config.condResult !== 'undefined' && props.config.displayRenderModel === 'mount') {
+        if (props.config.condResult === false) {
+          style.display = 'none';
+        }
+      }
+
+      return style;
+    }),
+
+    className: computed(() => {
+      const type = status.value || 'default';
+      const className = classStatusMap.get(type) ?? '';
+
+      const list = [];
+
+      if (props.config.type) {
+        list.push(`magic-ui-${toLine(props.config.type)}`);
+      }
+
+      if (props.config.layout) {
+        list.push(`magic-layout-${props.config.layout}`);
+      }
+
+      if (className) {
+        list.push(className);
+      }
+
+      return list.join(' ');
+    }),
+
+    setStatus,
+
+    registerStatus,
+  };
+};
diff --git a/runtime/vue-runtime-help/src/hooks/use-component.ts b/runtime/vue-runtime-help/src/hooks/use-component.ts
new file mode 100644
index 00000000..9ab8fe5a
--- /dev/null
+++ b/runtime/vue-runtime-help/src/hooks/use-component.ts
@@ -0,0 +1,65 @@
+/*
+ * Tencent is pleased to support the open source community by making TMagicEditor available.
+ *
+ * Copyright (C) 2025 Tencent.  All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { ConcreteComponent, inject } from 'vue';
+
+import type TMagicApp from '@tmagic/core';
+import { toLine } from '@tmagic/core';
+
+interface UseComponentOptions {
+  /** 组件类型 */
+  componentType?: string;
+  /** App 实例 */
+  app?: TMagicApp;
+}
+
+/**
+ * 通过组件类型在 App 内获取组件
+ * @param options 若为字符串则为组件类型，若为对象则为参数选项
+ * @returns 得到的组件，若未找到则返回带 magic-ui- 前缀的组件类型
+ */
+export function useComponent<C extends ConcreteComponent = ConcreteComponent>(
+  options: string | UseComponentOptions = '',
+) {
+  let componentType: string | undefined;
+  let app: TMagicApp | undefined;
+  let component: C | undefined;
+
+  if (typeof options === 'string') {
+    componentType = options;
+  } else {
+    ({ componentType, app } = options);
+  }
+
+  if (!componentType || componentType === '') {
+    componentType = 'container';
+  }
+
+  if (!app) {
+    app = inject<TMagicApp>('app');
+  }
+
+  component = app?.resolveComponent(componentType);
+
+  if (!component && !componentType.startsWith('magic-ui-')) {
+    componentType = `magic-ui-${toLine(componentType)}`;
+    component = app?.resolveComponent(componentType);
+  }
+
+  return component ?? componentType;
+}
diff --git a/runtime/vue-runtime-help/src/hooks/use-dsl.ts b/runtime/vue-runtime-help/src/hooks/use-dsl.ts
index bc56a26b..95c42e4b 100644
--- a/runtime/vue-runtime-help/src/hooks/use-dsl.ts
+++ b/runtime/vue-runtime-help/src/hooks/use-dsl.ts
@@ -1,30 +1,73 @@
-import { nextTick, reactive, ref } from 'vue-demi';
+import { inject, nextTick, onBeforeUnmount, reactive, ref } from 'vue';
 
-import Core from '@tmagic/core';
-import type { ChangeEvent } from '@tmagic/data-source';
-import type { MNode } from '@tmagic/schema';
-import { isPage, replaceChildNode } from '@tmagic/utils';
+import type TMagicApp from '@tmagic/core';
+import type { ChangeEvent, Id, MNode } from '@tmagic/core';
+import { isPage, isPageFragment, replaceChildNode } from '@tmagic/core';
 
-export const useDsl = (app: Core | undefined) => {
-  const pageConfig = ref(app?.page?.data || {});
+export const useDsl = (app = inject<TMagicApp>('app'), pageFragmentContainerId?: Id) => {
+  if (!app) {
+    throw new Error('useDsl must be used after MagicApp is created');
+  }
 
-  app?.dataSourceManager?.on('update-data', (nodes: MNode[], sourceId: string, changeEvent: ChangeEvent) => {
-    nodes.forEach((node) => {
-      if (isPage(node)) {
+  const pageFragment = pageFragmentContainerId ? app.pageFragments.get(pageFragmentContainerId) : null;
+
+  const pageConfig = ref<MNode | undefined>(pageFragmentContainerId ? pageFragment?.data : app.page?.data);
+
+  if (pageFragmentContainerId) {
+    const setPageConfig = () => {
+      pageConfig.value = pageFragment?.data;
+    };
+    app.on('dsl-change', setPageConfig);
+
+    onBeforeUnmount(() => {
+      app.off('dsl-change', setPageConfig);
+    });
+  } else {
+    const setPageConfig = () => {
+      pageConfig.value = app.page?.data;
+    };
+    app.on('page-change', setPageConfig);
+
+    onBeforeUnmount(() => {
+      app.off('page-change', setPageConfig);
+    });
+  }
+
+  const updateDataHandler = (nodes: MNode[], sourceId: string, changeEvent: ChangeEvent, pageId: Id) => {
+    if (
+      !nodes.length ||
+      (pageFragmentContainerId && pageFragment?.data.id !== pageId) ||
+      (!pageFragmentContainerId && app.page?.data.id !== pageId)
+    ) {
+      return;
+    }
+
+    for (const node of nodes) {
+      if (
+        (isPage(node) && !pageFragmentContainerId && node.id === pageId) ||
+        (isPageFragment(node) && pageFragmentContainerId)
+      ) {
         pageConfig.value = node;
       } else {
         replaceChildNode(reactive(node), [pageConfig.value as MNode]);
       }
-    });
-
-    if (!app) return;
+    }
 
     nextTick(() => {
       app.emit('replaced-node', { nodes, sourceId, ...changeEvent });
     });
-  });
+  };
+
+  if (app.dataSourceManager) {
+    app.dataSourceManager.on('update-data', updateDataHandler);
+
+    onBeforeUnmount(() => {
+      app.dataSourceManager!.off('update-data', updateDataHandler);
+    });
+  }
 
   return {
+    app,
     pageConfig,
   };
 };
diff --git a/runtime/vue-runtime-help/src/hooks/use-editor-dsl.ts b/runtime/vue-runtime-help/src/hooks/use-editor-dsl.ts
index 6d86fe54..0d1ca6f2 100644
--- a/runtime/vue-runtime-help/src/hooks/use-editor-dsl.ts
+++ b/runtime/vue-runtime-help/src/hooks/use-editor-dsl.ts
@@ -1,9 +1,9 @@
-import { computed, nextTick, reactive, ref, watch } from 'vue-demi';
+import { computed, inject, nextTick, reactive, ref, watch } from 'vue';
 
-import Core from '@tmagic/core';
-import type { Id, MApp, MNode } from '@tmagic/schema';
+import type TMagicApp from '@tmagic/core';
+import type { Id, MApp, MNode } from '@tmagic/core';
+import { getElById, getNodePath, replaceChildNode } from '@tmagic/core';
 import type { Magic, RemoveData, UpdateData } from '@tmagic/stage';
-import { getNodePath, replaceChildNode } from '@tmagic/utils';
 
 declare global {
   interface Window {
@@ -11,7 +11,7 @@ declare global {
   }
 }
 
-export const useEditorDsl = (app: Core | undefined, win = window) => {
+export const useEditorDsl = (app = inject<TMagicApp>('app'), win = window) => {
   const root = ref<MApp>();
   const curPageId = ref<Id>();
   const selectedId = ref<Id>();
@@ -22,7 +22,9 @@ export const useEditorDsl = (app: Core | undefined, win = window) => {
 
   watch(pageConfig, async () => {
     await nextTick();
-    const page = document.querySelector<HTMLElement>('.magic-ui-page');
+    const page =
+      document.querySelector<HTMLElement>('.magic-ui-page') ||
+      document.querySelector<HTMLElement>('.magic-ui-page-fragment');
     page && win.magic?.onPageElUpdate(page);
   });
 
@@ -33,6 +35,15 @@ export const useEditorDsl = (app: Core | undefined, win = window) => {
 
     updateRootConfig(config: MApp) {
       root.value = config;
+
+      if (typeof curPageId.value === 'undefined') {
+        curPageId.value = config.items?.[0]?.id;
+      }
+
+      if (typeof selectedId.value === 'undefined') {
+        selectedId.value = curPageId.value;
+      }
+
       app?.setConfig(config, curPageId.value);
     },
 
@@ -48,10 +59,10 @@ export const useEditorDsl = (app: Core | undefined, win = window) => {
         this.updatePageId?.(id);
       }
 
-      const el = document.getElementById(`${id}`);
+      const el = getElById()(document, `${id}`);
       if (el) return el;
       // 未在当前文档下找到目标元素，可能是还未渲染，等待渲染完成后再尝试获取
-      return nextTick().then(() => document.getElementById(`${id}`) as HTMLElement);
+      return nextTick().then(() => getElById()(document, `${id}`));
     },
 
     add({ config, parentId }: UpdateData) {
@@ -63,7 +74,7 @@ export const useEditorDsl = (app: Core | undefined, win = window) => {
       if (!parent) throw new Error('未找到父节点');
 
       if (config.type !== 'page') {
-        const parentNode = app?.page?.getNode(parent.id);
+        const parentNode = app?.page?.getNode(parent.id, { strict: true });
         parentNode && app?.page?.initNode(config, parentNode);
       }
 
@@ -79,10 +90,16 @@ export const useEditorDsl = (app: Core | undefined, win = window) => {
     update({ config, parentId }: UpdateData) {
       if (!root.value || !app) throw new Error('error');
 
+      if (config.type === 'app') {
+        this.updateRootConfig?.(config as MApp);
+        return;
+      }
+
       const newNode = app.dataSourceManager?.compiledNode(config, undefined, true) || config;
+
       replaceChildNode(reactive(newNode), [root.value], parentId);
 
-      const nodeInstance = app.page?.getNode(config.id);
+      const nodeInstance = app.getNode(config.id, { strict: true });
       if (nodeInstance) {
         nodeInstance.setData(newNode);
       }
@@ -114,5 +131,6 @@ export const useEditorDsl = (app: Core | undefined, win = window) => {
 
   return {
     pageConfig,
+    app,
   };
 };
diff --git a/runtime/vue-runtime-help/src/index.ts b/runtime/vue-runtime-help/src/index.ts
index 6bb48c2e..212db553 100644
--- a/runtime/vue-runtime-help/src/index.ts
+++ b/runtime/vue-runtime-help/src/index.ts
@@ -1,2 +1,39 @@
+import { h } from 'vue';
+
+import type { Id, MComponent, StyleSchema } from '@tmagic/core';
+
 export * from './hooks/use-editor-dsl';
 export * from './hooks/use-dsl';
+export * from './hooks/use-app';
+export * from './hooks/use-component-status';
+export { useComponent } from './hooks/use-component';
+
+export interface UserRenderFunctionOptions {
+  h: typeof h;
+  type: Parameters<typeof h>[0];
+  props?: {
+    [key: string]: any;
+  };
+  attrs?: {
+    [key: string]: any;
+  };
+  className?: string | string[];
+  style?: StyleSchema;
+  config: Omit<MComponent, 'id'>;
+  on?: {
+    [key: string]: (...args: any[]) => any;
+  };
+  directives?: { name: string; value: any; modifiers: any }[];
+}
+
+export type UserRenderFunction = (options: UserRenderFunctionOptions) => any;
+
+export interface ComponentProps<T extends Omit<MComponent, 'id'> = MComponent> {
+  config: T;
+  iteratorIndex?: number[];
+  iteratorContainerId?: Id[];
+  containerIndex?: number;
+  pageFragmentContainerId?: Id;
+  model?: any;
+  disabled?: boolean;
+}
diff --git a/runtime/vue-runtime-help/tests/use-component.test.ts b/runtime/vue-runtime-help/tests/use-component.test.ts
new file mode 100644
index 00000000..7934e92a
--- /dev/null
+++ b/runtime/vue-runtime-help/tests/use-component.test.ts
@@ -0,0 +1,56 @@
+import { describe, expect, test } from 'vitest';
+import { defineComponent, provide } from 'vue';
+import { mount } from '@vue/test-utils';
+
+import Core from '@tmagic/core';
+
+import { useComponent } from '../src';
+
+describe('useComponent', () => {
+  const app = new Core({});
+  const fooComponent = 'foo-component';
+  app.registerComponent('foo', fooComponent);
+  const containerComponent = {};
+  app.registerComponent('magic-ui-container', containerComponent);
+
+  test('string para', () => {
+    const component = useComponent('foo');
+    expect(component).toEqual('magic-ui-foo');
+  });
+
+  test('object para and can find component', () => {
+    const component = useComponent({ componentType: 'foo', app });
+    expect(component).toEqual(fooComponent);
+  });
+
+  test('without app and can not find component', () => {
+    const component = useComponent({ componentType: 'foo' });
+    expect(component).toEqual('magic-ui-foo');
+  });
+
+  test('with magic-ui- componentType and can not find component', () => {
+    const component = useComponent({ componentType: 'magic-ui-foo', app });
+    expect(component).toEqual('magic-ui-foo');
+  });
+
+  // node_modules中的vue版本不是3.0.0，所以跳过
+  test('auto inject and empty para', () => {
+    const child = defineComponent({
+      setup() {
+        const component = useComponent();
+        expect(component).toEqual(containerComponent);
+      },
+    });
+
+    const parent = defineComponent({
+      template: '<child-com></child-com>',
+      components: { 'child-com': child },
+      setup() {
+        provide('app', app);
+      },
+    });
+
+    const vueApp = mount(parent);
+    vueApp.unmount();
+  });
+});
diff --git a/runtime/vue-runtime-help/tsconfig.build.json b/runtime/vue-runtime-help/tsconfig.build.json
deleted file mode 100644
index 250b6831..00000000
--- a/runtime/vue-runtime-help/tsconfig.build.json
+++ /dev/null
@@ -1,10 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "rootDir": "./src",
-    "outDir": "./dist",
-    "declaration": true,
-    "sourceMap": false
-  },
-  "include": ["./src"],
-}
diff --git a/runtime/vue-runtime-help/tsconfig.json b/runtime/vue-runtime-help/tsconfig.json
deleted file mode 100644
index 5252874b..00000000
--- a/runtime/vue-runtime-help/tsconfig.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "baseUrl": "./",
-  },
-}
diff --git a/runtime/vue/.gitignore b/runtime/vue/.gitignore
new file mode 100644
index 00000000..59712290
--- /dev/null
+++ b/runtime/vue/.gitignore
@@ -0,0 +1,4 @@
+.tmagic
+dist
+*.local
+*.local.*
diff --git a/runtime/vue/package.json b/runtime/vue/package.json
new file mode 100644
index 00000000..77869f75
--- /dev/null
+++ b/runtime/vue/package.json
@@ -0,0 +1,39 @@
+{
+  "name": "runtime-vue",
+  "version": "1.7.8",
+  "type": "module",
+  "private": true,
+  "engines": {
+    "node": "^20.19.0 || >=22.12.0"
+  },
+  "scripts": {
+    "tmagic": "tmagic entry",
+    "dev": "vite --force",
+    "serve": "vite preview",
+    "build": "rimraf ./dist && node scripts/build.mjs --type=all",
+    "build:libs": "node scripts/build.mjs --type=res",
+    "build:page": "node scripts/build.mjs --type=page",
+    "build:playground": "node scripts/build.mjs --type=playground"
+  },
+  "dependencies": {
+    "@tmagic/core": "1.7.8",
+    "@tmagic/stage": "1.7.8",
+    "@tmagic/vue-runtime-help": "^2.0.0",
+    "axios": "^1.13.2",
+    "vue": "catalog:"
+  },
+  "devDependencies": {
+    "@tmagic/cli": "1.7.8",
+    "@types/fs-extra": "^11.0.4",
+    "@types/node": "^24.0.10",
+    "@vitejs/plugin-legacy": "^8.0.0",
+    "@vitejs/plugin-vue": "^6.0.5",
+    "@vitejs/plugin-vue-jsx": "^5.1.5",
+    "@vue/compiler-sfc": "catalog:",
+    "fs-extra": "^11.3.1",
+    "minimist": "^1.2.8",
+    "rimraf": "^3.0.2",
+    "typescript": "catalog:",
+    "vite": "catalog:"
+  }
+}
diff --git a/runtime/vue/page/App.vue b/runtime/vue/page/App.vue
new file mode 100644
index 00000000..687193dd
--- /dev/null
+++ b/runtime/vue/page/App.vue
@@ -0,0 +1,38 @@
+<template>
+  <component :is="pageComponent" :config="pageConfig as MPage"></component>
+</template>
+
+<script lang="ts" setup>
+import { reactive } from 'vue';
+
+import type { Id, MPage } from '@tmagic/core';
+import { cloneDeep, DevtoolApi, getNodeInfo, replaceChildNode, setValueByKeyPath } from '@tmagic/core';
+import { useComponent, useDsl } from '@tmagic/vue-runtime-help';
+
+const { pageConfig, app } = useDsl();
+const pageComponent = useComponent('page');
+
+if (import.meta.env.DEV) {
+  app.devtools = new (class extends DevtoolApi {
+    public updateDsl(nodeId: Id, data: any, path: string) {
+      if (!app.dsl) {
+        return;
+      }
+
+      const { node } = getNodeInfo(nodeId, app.dsl);
+
+      if (!node) {
+        return;
+      }
+
+      const newNode = cloneDeep(node);
+
+      setValueByKeyPath(path, data, newNode);
+
+      replaceChildNode(reactive(newNode), [pageConfig.value as MPage]);
+
+      return;
+    }
+  })({ app });
+}
+</script>
diff --git a/runtime/vue2/page/index.html b/runtime/vue/page/index.html
similarity index 77%
rename from runtime/vue2/page/index.html
rename to runtime/vue/page/index.html
index 55142615..565aa8ae 100644
--- a/runtime/vue2/page/index.html
+++ b/runtime/vue/page/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="icon" href="/favicon.png" type="image/png">
-    <title>Vue2 Page</title>
+    <title>Vue Page</title>
     <style>
       html,
       body,
@@ -12,7 +12,7 @@
         width: 100%;
         height: 100%;
         margin: 0;
-        padding: 0
+        padding: 0;
       }
 
       #app {
@@ -25,9 +25,6 @@
         display: none;
       }
     </style>
-    
-    <script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
-    <script src="https://cdn.jsdelivr.net/npm/vue-demi"></script>
   </head>
   <body style="font-size: 14px">
     <div id="app"></div>
diff --git a/runtime/vue3/page/main.ts b/runtime/vue/page/main.ts
similarity index 62%
rename from runtime/vue3/page/main.ts
rename to runtime/vue/page/main.ts
index ba969d89..339a48a2 100644
--- a/runtime/vue3/page/main.ts
+++ b/runtime/vue/page/main.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -16,11 +16,10 @@
  * limitations under the License.
  */
 
-import { createApp, defineAsyncComponent } from 'vue';
+import { createApp, defineAsyncComponent, resolveDirective, withDirectives } from 'vue';
 
-import Core from '@tmagic/core';
-import { DataSourceManager, DeepObservedData, registerDataSourceOnDemand } from '@tmagic/data-source';
-import { getUrlParam } from '@tmagic/utils';
+import TMagicApp, { DataSourceManager, DeepObservedData, getUrlParam, registerDataSourceOnDemand } from '@tmagic/core';
+import { UserRenderFunctionOptions } from '@tmagic/vue-runtime-help';
 
 import components from '../.tmagic/async-comp-entry';
 import asyncDataSources from '../.tmagic/async-datasource-entry';
@@ -30,7 +29,7 @@ import request, { service } from './utils/request';
 import AppComponent from './App.vue';
 import { getLocalConfig } from './utils';
 
-import '@tmagic/utils/resetcss.css';
+import '@tmagic/core/resetcss.css';
 
 DataSourceManager.registerObservedData(DeepObservedData);
 
@@ -40,7 +39,7 @@ vueApp.use(request);
 
 const dsl = ((getUrlParam('localPreview') ? getLocalConfig() : window.magicDSL) || [])[0] || {};
 
-const app = new Core({
+const app = new TMagicApp({
   ua: window.navigator.userAgent,
   config: dsl,
   request: service,
@@ -51,13 +50,39 @@ const app = new Core({
 app.setDesignWidth(app.env.isWeb ? window.document.documentElement.getBoundingClientRect().width : 375);
 
 Object.entries(components).forEach(([type, component]: [string, any]) => {
-  vueApp.component(`magic-ui-${type}`, defineAsyncComponent(component));
+  app.registerComponent(type, defineAsyncComponent(component));
 });
 
 Object.values(plugins).forEach((plugin: any) => {
   vueApp.use(plugin, { app });
 });
 
+vueApp.provide(
+  'userRender',
+  ({ h, type, props = {}, attrs = {}, style, className, on, directives = [] }: UserRenderFunctionOptions) => {
+    const options: Record<string, any> = {
+      ...props,
+      ...attrs,
+      style,
+      class: className,
+    };
+    if (on) {
+      for (const [key, handler] of Object.entries(on)) {
+        options[`on${key[0].toLocaleUpperCase()}${key.substring(1)}`] = handler;
+      }
+    }
+
+    if (directives.length) {
+      return withDirectives(
+        h(type, options),
+        directives.map((directive) => [resolveDirective(directive.name), directive.value, directive.modifiers]),
+      );
+    }
+
+    return h(type, options);
+  },
+);
+
 registerDataSourceOnDemand(dsl, asyncDataSources).then((dataSources) => {
   Object.entries(dataSources).forEach(([type, ds]: [string, any]) => {
     DataSourceManager.register(type, ds);
diff --git a/packages/form/src/shims-vue.d.ts b/runtime/vue/page/shims-vue.d.ts
similarity index 100%
rename from packages/form/src/shims-vue.d.ts
rename to runtime/vue/page/shims-vue.d.ts
diff --git a/runtime/vue2/page/utils/index.ts b/runtime/vue/page/utils/index.ts
similarity index 85%
rename from runtime/vue2/page/utils/index.ts
rename to runtime/vue/page/utils/index.ts
index 2c40827f..ef72142b 100644
--- a/runtime/vue2/page/utils/index.ts
+++ b/runtime/vue/page/utils/index.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import type { MApp } from '@tmagic/schema';
+import type { MApp } from '@tmagic/core';
 
 export const getLocalConfig = (): MApp[] => {
   const configStr = localStorage.getItem('magicDSL');
@@ -25,6 +25,7 @@ export const getLocalConfig = (): MApp[] => {
     // eslint-disable-next-line no-eval
     return [eval(`(${configStr})`)];
   } catch (err) {
+    console.error('Error parsing localStorage magicDSL:', err);
     return [];
   }
 };
diff --git a/runtime/vue3/page/utils/request.ts b/runtime/vue/page/utils/request.ts
similarity index 93%
rename from runtime/vue3/page/utils/request.ts
rename to runtime/vue/page/utils/request.ts
index 1652d768..2e24245c 100644
--- a/runtime/vue3/page/utils/request.ts
+++ b/runtime/vue/page/utils/request.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
diff --git a/runtime/vue/page/vite.config.ts b/runtime/vue/page/vite.config.ts
new file mode 100644
index 00000000..cb716b4f
--- /dev/null
+++ b/runtime/vue/page/vite.config.ts
@@ -0,0 +1,17 @@
+import { defineConfig } from 'vite';
+
+import baseConfig from '../vite.config';
+
+export default defineConfig({
+  ...baseConfig,
+
+  publicDir: '../public',
+
+  base: `${baseConfig.base}/page`,
+
+  build: {
+    emptyOutDir: false,
+    sourcemap: true,
+    outDir: '../dist/page',
+  },
+});
diff --git a/runtime/vue/playground/App.vue b/runtime/vue/playground/App.vue
new file mode 100644
index 00000000..d69a46c6
--- /dev/null
+++ b/runtime/vue/playground/App.vue
@@ -0,0 +1,10 @@
+<template>
+  <component v-if="pageConfig" :is="pageComponent" :key="pageConfig.id" :config="pageConfig"></component>
+</template>
+
+<script lang="ts" setup>
+import { useComponent, useEditorDsl } from '@tmagic/vue-runtime-help';
+
+const { pageConfig } = useEditorDsl();
+const pageComponent = useComponent('page');
+</script>
diff --git a/runtime/vue2/playground/index.html b/runtime/vue/playground/index.html
similarity index 83%
rename from runtime/vue2/playground/index.html
rename to runtime/vue/playground/index.html
index 634e03be..1399b773 100644
--- a/runtime/vue2/playground/index.html
+++ b/runtime/vue/playground/index.html
@@ -5,7 +5,7 @@
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="icon" href="/favicon.png" type="image/png">
-  <title>Vue2 Playground</title>
+  <title>Vue Playground</title>
   <style>
     .magic-ui-page {
       overflow: hidden;
@@ -21,7 +21,7 @@
       width: 100%;
       height: 100%;
       margin: 0;
-      padding: 0
+      padding: 0;
     }
 
     #app {
@@ -37,14 +37,10 @@
       background-color: rgba(51, 153, 255, 0.5) !important;
     }
   </style>
-
-  <script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
-  <script src="https://cdn.jsdelivr.net/npm/vue-demi"></script>
 </head>
 <body style="font-size: 14px">
-  
   <div id="app" class="in-editor"></div>
-
+  
   <script type="module" src="./main.ts"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/runtime/vue3/playground/main.ts b/runtime/vue/playground/main.ts
similarity index 84%
rename from runtime/vue3/playground/main.ts
rename to runtime/vue/playground/main.ts
index 33848fc8..c6c73876 100644
--- a/runtime/vue3/playground/main.ts
+++ b/runtime/vue/playground/main.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -18,12 +18,11 @@
 
 import { createApp } from 'vue';
 
-import Core from '@tmagic/core';
-import { DataSourceManager, DeepObservedData } from '@tmagic/data-source';
+import TMagicApp, { DataSourceManager, DeepObservedData } from '@tmagic/core';
 
 import App from './App.vue';
 
-import '@tmagic/utils/resetcss.css';
+import '@tmagic/core/resetcss.css';
 
 DataSourceManager.registerObservedData(DeepObservedData);
 
@@ -34,7 +33,7 @@ Promise.all([
 ]).then(([components, plugins, dataSources]) => {
   const vueApp = createApp(App);
 
-  const app = new Core({
+  const app = new TMagicApp({
     ua: window.navigator.userAgent,
     platform: 'editor',
   });
@@ -44,7 +43,7 @@ Promise.all([
   }
 
   Object.entries(components.default).forEach(([type, component]: [string, any]) => {
-    vueApp.component(`magic-ui-${type}`, component);
+    app.registerComponent(type, component);
   });
 
   Object.entries(dataSources.default).forEach(([type, ds]: [string, any]) => {
diff --git a/packages/table/src/shims-vue.d.ts b/runtime/vue/playground/shims-vue.d.ts
similarity index 100%
rename from packages/table/src/shims-vue.d.ts
rename to runtime/vue/playground/shims-vue.d.ts
diff --git a/runtime/vue/playground/vite.config.ts b/runtime/vue/playground/vite.config.ts
new file mode 100644
index 00000000..2d53d389
--- /dev/null
+++ b/runtime/vue/playground/vite.config.ts
@@ -0,0 +1,17 @@
+import { defineConfig } from 'vite';
+
+import baseConfig from '../vite.config';
+
+export default defineConfig({
+  ...baseConfig,
+
+  publicDir: '../public',
+
+  base: `${baseConfig.base}/playground`,
+
+  build: {
+    emptyOutDir: false,
+    sourcemap: true,
+    outDir: '../dist/playground',
+  },
+});
diff --git a/runtime/vue2/public/favicon.png b/runtime/vue/public/favicon.png
similarity index 100%
rename from runtime/vue2/public/favicon.png
rename to runtime/vue/public/favicon.png
diff --git a/runtime/vue/scripts/build.mjs b/runtime/vue/scripts/build.mjs
new file mode 100644
index 00000000..0562f6e6
--- /dev/null
+++ b/runtime/vue/scripts/build.mjs
@@ -0,0 +1,60 @@
+import { execSync } from 'node:child_process';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+import { build as buildVite } from 'vite';
+import fse from 'fs-extra';
+import minimist from 'minimist';
+
+import resViteConfig from './vite.res.config.mjs';
+
+const args = minimist(process.argv.slice(2));
+
+const dirname = path.dirname(fileURLToPath(import.meta.url));
+
+fse.removeSync(path.resolve(dirname, '../.tmagic'));
+
+execSync('tmagic entry', {
+  stdio: 'inherit',
+  cwd: path.resolve(dirname, '../'),
+});
+
+if (args.type === 'res' || args.type === 'all') {
+  fse.removeSync(path.resolve(dirname, '../dist/entry'));
+  for (const mode of ['value', 'config', 'event', 'ds:value', 'ds:config', 'ds:event']) {
+    const fileName = mode.replace(':', '-');
+
+    buildVite({
+      root: path.resolve(dirname, '../'),
+      clearScreen: false,
+      configFile: false,
+      ...resViteConfig(mode),
+    }).then(() => {
+      fse.copySync(
+        path.resolve(dirname, '../dist/entry', fileName),
+        path.resolve(dirname, '../../../playground/public/entry/vue/', fileName),
+      );
+    });
+  }
+}
+
+const buildRuntime = (type) => {
+  fse.removeSync(path.resolve(dirname, '../dist', type));
+
+  buildVite({
+    root: path.resolve(dirname, '../', type),
+    clearScreen: false,
+    configFile: path.resolve(dirname, '../', type, 'vite.config.ts'),
+  }).then(() => {
+    const clientFile = path.resolve(dirname, '../dist', type);
+    fse.copySync(clientFile, path.resolve(dirname, '../../../playground/public/runtime/vue', type));
+  });
+};
+
+if (args.type === 'page' || args.type === 'all') {
+  buildRuntime('page');
+}
+
+if (args.type === 'playground' || args.type === 'all') {
+  buildRuntime('playground');
+}
diff --git a/runtime/vue/scripts/vite.res.config.mjs b/runtime/vue/scripts/vite.res.config.mjs
new file mode 100644
index 00000000..f4ff2f7d
--- /dev/null
+++ b/runtime/vue/scripts/vite.res.config.mjs
@@ -0,0 +1,28 @@
+import { defineConfig } from 'vite';
+
+export default defineConfig((mode) => {
+  const capitalToken = mode
+    .split(':')
+    .map((word) => word[0].toUpperCase() + word.slice(1))
+    .join('');
+
+  const fileName = mode.replace(':', '-');
+
+  return {
+    publicDir: './.tmagic/public',
+    build: {
+      cssCodeSplit: false,
+      sourcemap: true,
+      minify: false,
+      target: 'esnext',
+      outDir: `./dist/entry/${fileName}`,
+
+      lib: {
+        entry: `./.tmagic/${fileName}-entry.ts`,
+        name: `magicPreset${capitalToken}s`,
+        fileName: 'index',
+        formats: ['umd'],
+      },
+    },
+  };
+});
diff --git a/runtime/vue/tmagic.config.ts b/runtime/vue/tmagic.config.ts
new file mode 100644
index 00000000..41791a17
--- /dev/null
+++ b/runtime/vue/tmagic.config.ts
@@ -0,0 +1,24 @@
+import { defineConfig } from '@tmagic/cli';
+
+export default defineConfig({
+  componentFileAffix: '.vue',
+  dynamicImport: true,
+  npmConfig: {
+    client: 'pnpm',
+    keepPackageJsonClean: true,
+  },
+  packages: [
+    {
+      button: '@tmagic/vue-button',
+      container: '@tmagic/vue-container',
+      img: '@tmagic/vue-img' ,
+      'iterator-container': '@tmagic/vue-iterator-container',
+      overlay: '@tmagic/vue-overlay',
+      page: '@tmagic/vue-page',
+      'page-fragment': '@tmagic/vue-page-fragment',
+      'page-fragment-container': '@tmagic/vue-page-fragment-container',
+      'qrcode': '@tmagic/vue-qrcode',
+      'text': '@tmagic/vue-text',
+    },
+  ],
+});
diff --git a/runtime/vue3/dev.vite.config.ts b/runtime/vue/vite.config.ts
similarity index 72%
rename from runtime/vue3/dev.vite.config.ts
rename to runtime/vue/vite.config.ts
index 93fb1848..9af24979 100644
--- a/runtime/vue3/dev.vite.config.ts
+++ b/runtime/vue/vite.config.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -16,21 +16,28 @@
  * limitations under the License.
  */
 
-import path from 'path';
+import path from 'node:path';
 
 import { defineConfig } from 'vite';
+import legacy from '@vitejs/plugin-legacy';
 import vue from '@vitejs/plugin-vue';
 import vueJsx from '@vitejs/plugin-vue-jsx';
 
 export default defineConfig({
-  plugins: [vue(), vueJsx()],
+  plugins: [
+    vue(),
+    vueJsx(),
+    legacy({
+      targets: ['defaults', 'not IE 11'],
+    })
+  ],
 
   resolve: {
     alias: [
-      { find: /^vue$/, replacement: path.join(__dirname, 'node_modules/vue/dist/vue.esm-bundler.js') },
+      { find: /^vue$/, replacement: path.join(__dirname, 'node_modules/vue') },
       {
-        find: /^@tmagic\/utils\/resetcss.css/,
-        replacement: path.join(__dirname, '../../packages/utils/src/resetcss.css'),
+        find: /^@tmagic\/core\/resetcss.css/,
+        replacement: path.join(__dirname, '../../packages/core/resetcss.css'),
       },
       { find: /^@tmagic\/utils/, replacement: path.join(__dirname, '../../packages/utils/src/index.ts') },
       { find: /^@tmagic\/core/, replacement: path.join(__dirname, '../../packages/core/src/index.ts') },
@@ -44,17 +51,29 @@ export default defineConfig({
 
   root: './',
 
-  base: '/tmagic-editor/playground/runtime/vue3/',
+  base: '/tmagic-editor/playground/runtime/vue',
 
   publicDir: 'public',
 
-  optimizeDeps: {
-    exclude: ['vue-demi'],
+  css: {
+    lightningcss: {
+      errorRecovery: true,
+    },
   },
 
+
   server: {
     host: '0.0.0.0',
     port: 8078,
     strictPort: true,
   },
+
+  build: {
+    rolldownOptions: {
+      input: {
+        page: path.resolve(__dirname, './page/index.html'),
+        playground: path.resolve(__dirname, './playground/index.html'),
+      },
+    },
+  },
 });
diff --git a/runtime/vue2/.gitignore b/runtime/vue2/.gitignore
deleted file mode 100644
index 87d1ced2..00000000
--- a/runtime/vue2/.gitignore
+++ /dev/null
@@ -1,2 +0,0 @@
-.tmagic
-entry-dist
diff --git a/runtime/vue2/build.vite.config.ts b/runtime/vue2/build.vite.config.ts
deleted file mode 100644
index e8cb8109..00000000
--- a/runtime/vue2/build.vite.config.ts
+++ /dev/null
@@ -1,87 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import path from 'path';
-
-import { defineConfig } from 'vite';
-import legacy from '@vitejs/plugin-legacy';
-import vue from '@vitejs/plugin-vue2';
-// @ts-ignore
-import externalGlobals from 'rollup-plugin-external-globals';
-
-export default defineConfig(({ mode }) => {
-  if (['value', 'config', 'event', 'ds:value', 'ds:config', 'ds:event'].includes(mode)) {
-    const capitalToken = mode
-      .split(':')
-      .map((word) => word[0].toUpperCase() + word.slice(1))
-      .join('');
-
-    const fileName = mode.replace(':', '-');
-
-    return {
-      publicDir: './.tmagic/public',
-      build: {
-        cssCodeSplit: false,
-        sourcemap: true,
-        minify: false,
-        target: 'esnext',
-        outDir: `../../playground/public/entry/vue2/${fileName}`,
-
-        lib: {
-          entry: `.tmagic/${fileName}-entry.ts`,
-          name: `magicPreset${capitalToken}s`,
-          fileName: 'index',
-          formats: ['umd'],
-        },
-      },
-    };
-  }
-
-  if (['page', 'playground'].includes(mode)) {
-    return {
-      plugins: [
-        vue(),
-        externalGlobals({ 'vue-demi': 'VueDemi', vue: 'Vue' }, { exclude: [`./${mode}/index.html`] }),
-        legacy({
-          targets: ['defaults', 'not IE 11'],
-        }),
-      ],
-
-      root: `./${mode}/`,
-
-      publicDir: '../public',
-
-      base: `/tmagic-editor/playground/runtime/vue2/${mode}`,
-
-      optimizeDeps: {
-        exclude: ['vue-demi'],
-      },
-
-      build: {
-        emptyOutDir: true,
-        sourcemap: true,
-        outDir: path.resolve(process.cwd(), `../../playground/public/runtime/vue2/${mode}`),
-        rollupOptions: {
-          external: ['vue', 'vue-demi'],
-        },
-      },
-    };
-  }
-
-  return {};
-});
diff --git a/runtime/vue2/dev.vite.config.ts b/runtime/vue2/dev.vite.config.ts
deleted file mode 100644
index db6add65..00000000
--- a/runtime/vue2/dev.vite.config.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import path from 'path';
-
-import { defineConfig } from 'vite';
-import vue from '@vitejs/plugin-vue2';
-
-export default defineConfig({
-  plugins: [vue()],
-
-  resolve: {
-    alias: [
-      { find: /^vue$/, replacement: path.join(__dirname, 'node_modules/vue/dist/vue.esm.js') },
-      {
-        find: /^@tmagic\/utils\/resetcss.css/,
-        replacement: path.join(__dirname, '../../packages/utils/src/resetcss.css'),
-      },
-      { find: /^@tmagic\/utils/, replacement: path.join(__dirname, '../../packages/utils/src/index.ts') },
-      { find: /^@tmagic\/core/, replacement: path.join(__dirname, '../../packages/core/src/index.ts') },
-      { find: /^@data-source/, replacement: path.join(__dirname, '../../packages/data-source/src') },
-      { find: /^@tmagic\/data-source/, replacement: path.join(__dirname, '../../packages/data-source/src/index.ts') },
-      { find: /^@tmagic\/dep/, replacement: path.join(__dirname, '../../packages/dep/src/index.ts') },
-      { find: /^@tmagic\/schema/, replacement: path.join(__dirname, '../../packages/schema/src/index.ts') },
-    ],
-  },
-
-  root: './',
-
-  base: '/tmagic-editor/playground/runtime/vue2/',
-
-  publicDir: 'public',
-
-  optimizeDeps: {
-    exclude: ['vue-demi'],
-  },
-
-  server: {
-    host: '0.0.0.0',
-    port: 8078,
-    strictPort: true,
-  },
-});
diff --git a/runtime/vue2/package.json b/runtime/vue2/package.json
deleted file mode 100644
index 9127adcc..00000000
--- a/runtime/vue2/package.json
+++ /dev/null
@@ -1,45 +0,0 @@
-{
-  "name": "runtime-vue2",
-  "version": "1.4.7",
-  "type": "module",
-  "private": true,
-  "scripts": {
-    "dev:vue2": "vite --config dev.vite.config.ts",
-    "dev:playground": "vite --config dev.vite.config.ts",
-    "build": "npm run build:libs && npm run build:page && npm run build:playground",
-    "build:page": "vite build --config build.vite.config.ts --mode page",
-    "build:playground": "vite build --config build.vite.config.ts --mode playground",
-    "build:libs": "tmagic entry && npm run build:config && npm run build:value && npm run build:event && npm run build:ds:libs",
-    "build:ds:libs": "npm run build:ds:config && npm run build:ds:value && npm run build:ds:event",
-    "build:config": "vite build --config build.vite.config.ts --mode config",
-    "build:value": "vite build --config build.vite.config.ts --mode value",
-    "build:event": "vite build --config build.vite.config.ts --mode event",
-    "build:ds:config": "vite build --config build.vite.config.ts --mode ds:config",
-    "build:ds:value": "vite build --config build.vite.config.ts --mode ds:value",
-    "build:ds:event": "vite build --config build.vite.config.ts --mode ds:event"
-  },
-  "dependencies": {
-    "@tmagic/core": "1.4.7",
-    "@tmagic/data-source": "1.4.7",
-    "@tmagic/ui-vue2": "1.4.7",
-    "@tmagic/schema": "1.4.7",
-    "@tmagic/stage": "1.4.7",
-    "@tmagic/utils": "1.4.7",
-    "@tmagic/vue-runtime-help": "^0.0.3",
-    "axios": "^0.25.0",
-    "terser": "^5.31.0",
-    "vue": "^2.7.4"
-  },
-  "devDependencies": {
-    "@tmagic/cli": "1.4.6",
-    "@types/events": "^3.0.0",
-    "axios": "^0.27.2",
-    "rollup": "^4.17.2",
-    "rollup-plugin-external-globals": "^0.10.0",
-    "sass": "^1.77.0",
-    "vite": "^5.2.12",
-    "@vitejs/plugin-legacy": "^5.4.0",
-    "@vitejs/plugin-vue2": "^2.3.1",
-    "vue-template-compiler": "^2.7.4"
-  }
-}
diff --git a/runtime/vue2/page/App.vue b/runtime/vue2/page/App.vue
deleted file mode 100644
index fef89ecc..00000000
--- a/runtime/vue2/page/App.vue
+++ /dev/null
@@ -1,32 +0,0 @@
-<template>
-  <magic-ui-page :config="pageConfig"></magic-ui-page>
-</template>
-
-<script lang="ts">
-import { defineComponent, inject } from 'vue';
-
-import type { Page } from '@tmagic/core';
-import Core from '@tmagic/core';
-import { addParamToUrl } from '@tmagic/utils';
-import { useDsl } from '@tmagic/vue-runtime-help';
-
-export default defineComponent({
-  name: 'App',
-
-  setup() {
-    const app = inject<Core | undefined>('app');
-    const { pageConfig } = useDsl(app);
-
-    app?.on('page-change', (page?: Page) => {
-      if (!page) {
-        throw new Error(`页面不存在`);
-      }
-      addParamToUrl({ page: page.data.id }, window);
-    });
-
-    return {
-      pageConfig,
-    };
-  },
-});
-</script>
diff --git a/runtime/vue2/page/main.ts b/runtime/vue2/page/main.ts
deleted file mode 100644
index 3f53e1f4..00000000
--- a/runtime/vue2/page/main.ts
+++ /dev/null
@@ -1,75 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import Vue from 'vue';
-
-import Core from '@tmagic/core';
-import { DataSourceManager, DeepObservedData， registerDataSourceOnDemand } from '@tmagic/data-source';
-import { getUrlParam } from '@tmagic/utils';
-
-import asyncDataSources from '../.tmagic/async-datasource-entry';
-import components from '../.tmagic/comp-entry';
-import plugins from '../.tmagic/plugin-entry';
-
-import request, { service } from './utils/request';
-import AppComponent from './App.vue';
-import { getLocalConfig } from './utils';
-
-import '@tmagic/utils/resetcss.css';
-
-DataSourceManager.registerObservedData(DeepObservedData);
-
-Vue.use(request);
-
-const dsl = ((getUrlParam('localPreview') ? getLocalConfig() : window.magicDSL) || [])[0] || {};
-
-const app = new Core({
-  ua: window.navigator.userAgent,
-  config: dsl,
-  request: service,
-  curPage: getUrlParam('page'),
-  useMock: Boolean(getUrlParam('useMock')),
-});
-
-app.setDesignWidth(app.env.isWeb ? window.document.documentElement.getBoundingClientRect().width : 375);
-
-Object.keys(components).forEach((type: string) => {
-  Vue.component(`magic-ui-${type}`, components[type]);
-});
-
-Object.values(plugins).forEach((plugin: any) => {
-  Vue.use(plugin, { app });
-});
-
-registerDataSourceOnDemand(dsl, asyncDataSources).then((dataSources) => {
-  Object.entries(dataSources).forEach(([type, ds]: [string, any]) => {
-    DataSourceManager.register(type, ds);
-  });
-
-  Vue.prototype.app = app;
-
-  const vueApp = new Vue({
-    provide: {
-      app,
-    },
-
-    render: (h) => h(AppComponent),
-  });
-
-  vueApp.$mount('#app');
-});
diff --git a/runtime/vue2/page/shims-vue.d.ts b/runtime/vue2/page/shims-vue.d.ts
deleted file mode 100644
index 30030494..00000000
--- a/runtime/vue2/page/shims-vue.d.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-declare module '*.vue' {
-  import { DefineComponent } from 'vue';
-
-  const component: DefineComponent<{}, {}, any>;
-  export default component;
-}
diff --git a/runtime/vue2/page/utils/request.ts b/runtime/vue2/page/utils/request.ts
deleted file mode 100644
index c7a51522..00000000
--- a/runtime/vue2/page/utils/request.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import axios, { AxiosResponse } from 'axios';
-
-const requestHandler = function (config: Record<any, any>) {
-  return config;
-};
-
-const responseHandler = function (response: AxiosResponse) {
-  return response;
-};
-
-export const service = axios.create({
-  withCredentials: true,
-  timeout: 7000,
-});
-
-service.interceptors.request.use(requestHandler);
-service.interceptors.response.use(responseHandler);
-
-export default {
-  install(Vue: any) {
-    Vue.prototype.request = service;
-  },
-};
diff --git a/runtime/vue2/playground/App.vue b/runtime/vue2/playground/App.vue
deleted file mode 100644
index 691b6477..00000000
--- a/runtime/vue2/playground/App.vue
+++ /dev/null
@@ -1,46 +0,0 @@
-<template>
-  <magic-ui-page v-if="pageConfig" :key="pageConfig.id" :config="pageConfig"></magic-ui-page>
-</template>
-
-<script lang="ts">
-import { defineComponent, inject } from 'vue';
-
-import { useEditorDsl } from '@tmagic/vue-runtime-help';
-
-export default defineComponent({
-  setup() {
-    const app = inject<Core | undefined>('app');
-    const { pageConfig } = useEditorDsl(app);
-
-    return {
-      pageConfig,
-    };
-  },
-});
-</script>
-
-<style lang="scss">
-::-webkit-scrollbar {
-  width: 0;
-}
-
-html,
-body,
-#app {
-  width: 100%;
-  height: 100%;
-}
-
-#app {
-  position: relative;
-  overflow: auto;
-}
-
-.magic-ui-container {
-  background-color: rgba(136, 136, 136, 0.5);
-}
-
-.action-area {
-  background-color: rgba(51, 153, 255, 0.5) !important;
-}
-</style>
diff --git a/runtime/vue2/playground/main.ts b/runtime/vue2/playground/main.ts
deleted file mode 100644
index 20eebc07..00000000
--- a/runtime/vue2/playground/main.ts
+++ /dev/null
@@ -1,68 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import Vue from 'vue';
-
-import Core from '@tmagic/core';
-import { DataSourceManager, DeepObservedData } from '@tmagic/data-source';
-
-import App from './App.vue';
-
-import '@tmagic/utils/resetcss.css';
-
-DataSourceManager.registerObservedData(DeepObservedData);
-
-Promise.all([
-  import('../.tmagic/comp-entry'),
-  import('../.tmagic/plugin-entry'),
-  import('../.tmagic/datasource-entry'),
-]).then(([components, plugins, dataSources]) => {
-  const app = new Core({
-    ua: window.navigator.userAgent,
-    platform: 'editor',
-  });
-
-  if (app.env.isWeb) {
-    app.setDesignWidth(window.document.documentElement.getBoundingClientRect().width);
-  }
-
-  Object.entries(components.default).forEach(([type, component]: [string, any]) => {
-    Vue.component(`magic-ui-${type}`, component);
-  });
-
-  Object.entries(dataSources).forEach(([type, ds]: [string, any]) => {
-    DataSourceManager.register(type, ds);
-  });
-
-  Object.values(plugins.default).forEach((plugin: any) => {
-    Vue.use(plugin, { app });
-  });
-
-  window.appInstance = app;
-
-  Vue.prototype.app = app;
-
-  new Vue({
-    // @ts-ignore
-    render: (h) => h(App),
-    provide: {
-      app,
-    },
-    el: '#app',
-  });
-});
diff --git a/runtime/vue2/playground/shims-vue.d.ts b/runtime/vue2/playground/shims-vue.d.ts
deleted file mode 100644
index 30030494..00000000
--- a/runtime/vue2/playground/shims-vue.d.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-declare module '*.vue' {
-  import { DefineComponent } from 'vue';
-
-  const component: DefineComponent<{}, {}, any>;
-  export default component;
-}
diff --git a/runtime/vue2/tmagic.config.ts b/runtime/vue2/tmagic.config.ts
deleted file mode 100644
index a25d5bbf..00000000
--- a/runtime/vue2/tmagic.config.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import path from 'path';
-
-import { defineConfig } from '@tmagic/cli';
-
-export default defineConfig({
-  packages: [path.join(__dirname, '../../packages/ui-vue2')],
-  componentFileAffix: '.vue',
-  dynamicImport: true,
-});
diff --git a/runtime/vue3/.gitignore b/runtime/vue3/.gitignore
deleted file mode 100644
index 42fca3c6..00000000
--- a/runtime/vue3/.gitignore
+++ /dev/null
@@ -1 +0,0 @@
-.tmagic
diff --git a/runtime/vue3/build.vite.config.ts b/runtime/vue3/build.vite.config.ts
deleted file mode 100644
index 54ba84ff..00000000
--- a/runtime/vue3/build.vite.config.ts
+++ /dev/null
@@ -1,89 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import path from 'path';
-
-import { defineConfig } from 'vite';
-import legacy from '@vitejs/plugin-legacy';
-import vue from '@vitejs/plugin-vue';
-import vueJsx from '@vitejs/plugin-vue-jsx';
-// @ts-ignore
-import externalGlobals from 'rollup-plugin-external-globals';
-
-export default defineConfig(({ mode }) => {
-  if (['value', 'config', 'event', 'ds:value', 'ds:config', 'ds:event'].includes(mode)) {
-    const capitalToken = mode
-      .split(':')
-      .map((word) => word[0].toUpperCase() + word.slice(1))
-      .join('');
-
-    const fileName = mode.replace(':', '-');
-
-    return {
-      publicDir: './.tmagic/public',
-      build: {
-        cssCodeSplit: false,
-        sourcemap: true,
-        minify: false,
-        target: 'esnext',
-        outDir: `../../playground/public/entry/vue3/${fileName}`,
-
-        lib: {
-          entry: `.tmagic/${fileName}-entry.ts`,
-          name: `magicPreset${capitalToken}s`,
-          fileName: 'index',
-          formats: ['umd'],
-        },
-      },
-    };
-  }
-
-  if (['page', 'playground'].includes(mode)) {
-    return {
-      plugins: [
-        vue(),
-        vueJsx(),
-        externalGlobals({ 'vue-demi': 'VueDemi', vue: 'Vue' }, { exclude: [`./${mode}/index.html`] }),
-        legacy({
-          targets: ['defaults', 'not IE 11'],
-        }),
-      ],
-
-      root: `./${mode}/`,
-
-      publicDir: '../public',
-
-      base: `/tmagic-editor/playground/runtime/vue3/${mode}`,
-
-      optimizeDeps: {
-        exclude: ['vue-demi'],
-      },
-
-      build: {
-        emptyOutDir: true,
-        sourcemap: true,
-        outDir: path.resolve(process.cwd(), `../../playground/public/runtime/vue3/${mode}`),
-        rollupOptions: {
-          external: ['vue', 'vue-demi'],
-        },
-      },
-    };
-  }
-
-  return {};
-});
diff --git a/runtime/vue3/package.json b/runtime/vue3/package.json
deleted file mode 100644
index 42fef4ca..00000000
--- a/runtime/vue3/package.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-  "name": "runtime-vue3",
-  "version": "1.4.7",
-  "type": "module",
-  "private": true,
-  "scripts": {
-    "dev": "vite --config dev.vite.config.ts",
-    "build": "npm run build:libs && npm run build:page && npm run build:playground",
-    "build:page": "vite build --config build.vite.config.ts --mode page",
-    "build:playground": "vite build --config build.vite.config.ts --mode playground",
-    "build:libs": "tmagic entry && npm run build:config && npm run build:value && npm run build:event && npm run build:ds:libs",
-    "build:ds:libs": "npm run build:ds:config && npm run build:ds:value && npm run build:ds:event",
-    "build:config": "vite build --config build.vite.config.ts --mode config",
-    "build:value": "vite build --config build.vite.config.ts --mode value",
-    "build:event": "vite build --config build.vite.config.ts --mode event",
-    "build:ds:config": "vite build --config build.vite.config.ts --mode ds:config",
-    "build:ds:value": "vite build --config build.vite.config.ts --mode ds:value",
-    "build:ds:event": "vite build --config build.vite.config.ts --mode ds:event"
-  },
-  "dependencies": {
-    "@tmagic/core": "1.4.7",
-    "@tmagic/data-source": "1.4.7",
-    "@tmagic/schema": "1.4.7",
-    "@tmagic/stage": "1.4.7",
-    "@tmagic/ui": "1.4.7",
-    "@tmagic/utils": "1.4.7",
-    "@tmagic/vue-runtime-help": "^0.0.3",
-    "axios": "^0.25.0",
-    "vue": "^3.4.27"
-  },
-  "devDependencies": {
-    "@tmagic/cli": "1.4.5",
-    "@types/node": "^18.19.0",
-    "@vitejs/plugin-legacy": "^5.4.0",
-    "@vitejs/plugin-vue": "^5.0.4",
-    "@vitejs/plugin-vue-jsx": "^3.1.0",
-    "@vue/compiler-sfc": "^3.4.27",
-    "@vue/test-utils": "^2.4.6",
-    "rollup": "^4.17.2",
-    "rollup-plugin-external-globals": "^0.10.0",
-    "sass": "^1.77.0",
-    "terser": "^5.31.0",
-    "typescript": "^5.4.5",
-    "vite": "^5.2.12"
-  }
-}
diff --git a/runtime/vue3/page/App.vue b/runtime/vue3/page/App.vue
deleted file mode 100644
index f14677d1..00000000
--- a/runtime/vue3/page/App.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<template>
-  <magic-ui-page :config="pageConfig"></magic-ui-page>
-</template>
-
-<script lang="ts" setup>
-import { inject } from 'vue';
-
-import type { Page } from '@tmagic/core';
-import Core from '@tmagic/core';
-import { addParamToUrl } from '@tmagic/utils';
-import { useDsl } from '@tmagic/vue-runtime-help';
-
-const app = inject<Core | undefined>('app');
-const { pageConfig } = useDsl(app);
-
-app?.on('page-change', (page?: Page) => {
-  if (!page) {
-    throw new Error(`页面不存在`);
-  }
-  addParamToUrl({ page: page.data.id }, window);
-});
-</script>
diff --git a/runtime/vue3/page/index.html b/runtime/vue3/page/index.html
deleted file mode 100644
index b556fa75..00000000
--- a/runtime/vue3/page/index.html
+++ /dev/null
@@ -1,37 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="icon" href="/favicon.png" type="image/png">
-    <title>Vue3 Page</title>
-    <style>
-      html,
-      body,
-      #app {
-        width: 100%;
-        height: 100%;
-        margin: 0;
-        padding: 0;
-      }
-
-      #app {
-        position: relative;
-        overflow: auto;
-      }
-
-      #app::-webkit-scrollbar {
-        width: 0 !important;
-        display: none;
-      }
-    </style>
-
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/3.4.21/vue.global.prod.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/vue-demi"></script>
-  </head>
-  <body style="font-size: 14px">
-    <div id="app"></div>
-
-    <script type="module" src="./main.ts"></script>
-  </body>
-</html>
diff --git a/runtime/vue3/page/shims-vue.d.ts b/runtime/vue3/page/shims-vue.d.ts
deleted file mode 100644
index 30030494..00000000
--- a/runtime/vue3/page/shims-vue.d.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-declare module '*.vue' {
-  import { DefineComponent } from 'vue';
-
-  const component: DefineComponent<{}, {}, any>;
-  export default component;
-}
diff --git a/runtime/vue3/page/utils/index.ts b/runtime/vue3/page/utils/index.ts
deleted file mode 100644
index 2c40827f..00000000
--- a/runtime/vue3/page/utils/index.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import type { MApp } from '@tmagic/schema';
-
-export const getLocalConfig = (): MApp[] => {
-  const configStr = localStorage.getItem('magicDSL');
-  if (!configStr) return [];
-  try {
-    // eslint-disable-next-line no-eval
-    return [eval(`(${configStr})`)];
-  } catch (err) {
-    return [];
-  }
-};
diff --git a/runtime/vue3/playground/App.vue b/runtime/vue3/playground/App.vue
deleted file mode 100644
index 95e54ca5..00000000
--- a/runtime/vue3/playground/App.vue
+++ /dev/null
@@ -1,12 +0,0 @@
-<template>
-  <magic-ui-page v-if="pageConfig" :key="pageConfig.id" :config="pageConfig"></magic-ui-page>
-</template>
-
-<script lang="ts" setup>
-import { inject } from 'vue';
-
-import { useEditorDsl } from '@tmagic/vue-runtime-help';
-
-const app = inject<Core | undefined>('app');
-const { pageConfig } = useEditorDsl(app);
-</script>
diff --git a/runtime/vue3/playground/index.html b/runtime/vue3/playground/index.html
deleted file mode 100644
index 8ea2e470..00000000
--- a/runtime/vue3/playground/index.html
+++ /dev/null
@@ -1,49 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" style="font-size: 100px">
-<head>
-  <meta charset="UTF-8">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link rel="icon" href="/favicon.png" type="image/png">
-  <title>Vue3 Playground</title>
-  <style>
-    .magic-ui-page {
-      overflow: hidden;
-    }
-
-    ::-webkit-scrollbar {
-      width: 0;
-    }
-
-    html,
-    body,
-    #app {
-      width: 100%;
-      height: 100%;
-      margin: 0;
-      padding: 0;
-    }
-
-    #app {
-      position: relative;
-      overflow: auto;
-    }
-
-    .magic-ui-container {
-      background-color: rgba(136, 136, 136, 0.5);
-    }
-
-    .action-area {
-      background-color: rgba(51, 153, 255, 0.5) !important;
-    }
-  </style>
-
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/3.4.21/vue.global.prod.min.js"></script>
-  <script src="https://cdn.jsdelivr.net/npm/vue-demi"></script>
-</head>
-<body style="font-size: 14px">
-  <div id="app" class="in-editor"></div>
-  
-  <script type="module" src="./main.ts"></script>
-</body>
-</html>
\ No newline at end of file
diff --git a/runtime/vue3/playground/shims-vue.d.ts b/runtime/vue3/playground/shims-vue.d.ts
deleted file mode 100644
index 30030494..00000000
--- a/runtime/vue3/playground/shims-vue.d.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-declare module '*.vue' {
-  import { DefineComponent } from 'vue';
-
-  const component: DefineComponent<{}, {}, any>;
-  export default component;
-}
diff --git a/runtime/vue3/public/favicon.png b/runtime/vue3/public/favicon.png
deleted file mode 100644
index f15894c4..00000000
Binary files a/runtime/vue3/public/favicon.png and /dev/null differ
diff --git a/runtime/vue3/tmagic.config.ts b/runtime/vue3/tmagic.config.ts
deleted file mode 100644
index 5ebc3b3b..00000000
--- a/runtime/vue3/tmagic.config.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import path from 'path';
-
-import { defineConfig } from '@tmagic/cli';
-
-export default defineConfig({
-  packages: [path.join(__dirname, '../../packages/ui')],
-  componentFileAffix: '.vue',
-  dynamicImport: true,
-});
diff --git a/scripts/build.mjs b/scripts/build.mjs
index 796b2b71..ee45778f 100644
--- a/scripts/build.mjs
+++ b/scripts/build.mjs
@@ -1,31 +1,119 @@
-import execa from 'execa';
+import fs from 'node:fs';
+import { createRequire } from 'node:module';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+import { build as buildVite } from 'vite';
+import vue from '@vitejs/plugin-vue';
 import minimist from 'minimist';
+import rimraf from 'rimraf';
 
-const { type } = minimist(process.argv.slice(2));
+const args = minimist(process.argv.slice(2));
 
-const run = (bin, args, opts = {}) => execa(bin, args, { stdio: 'inherit', ...opts });
+const toPascalCase = (str) => str.replace(/(^\w|-\w)/g, (text) => text.replace(/-/, '').toUpperCase());
 
-const main = async () => {
-  // 按照依赖顺序构建
-  const packages = [
-    'schema',
-    'utils',
-    'dep',
-    'data-source',
-    'core',
-    'design',
-    'element-plus-adapter',
-    'tdesign-vue-next-adapter',
-    'form',
-    'table',
-    'stage',
-    'editor',
-    'cli',
-  ];
+const dirname = path.dirname(fileURLToPath(import.meta.url));
+const packagesDir = path.resolve(dirname, '../packages');
+const runtimeDir = path.resolve(dirname, '../runtime');
 
-  for (const pkg of packages) {
-    await run('pnpm', ['--filter', `@tmagic/${pkg}`, type ? 'build:type' : 'build']);
+if (args.package) {
+  const pkgRoot = path.resolve(packagesDir, args.package);
+  if (fs.statSync(pkgRoot).isDirectory()) {
+    rimraf.sync(path.resolve(packagesDir, `./${args.package}/dist`));
+
+    build({ packageName: args.package, format: 'es' });
+    build({ packageName: args.package, format: 'umd' });
   }
-};
+} else {
+  const packages = getPackageNames(packagesDir);
+  const runtimeHelpers = getPackageNames(runtimeDir);
 
-main();
+  for (const packageName of packages) {
+    rimraf.sync(path.resolve(packagesDir, `./${packageName}/dist`));
+    const pkg = createRequire(import.meta.url)(`../packages/${packageName}/package.json`);
+
+    build({ packageName, format: 'es', pkg, packagesDir });
+    build({ packageName, format: 'umd', pkg, packagesDir });
+  }
+
+  for (const packageName of runtimeHelpers) {
+    rimraf.sync(path.resolve(runtimeDir, `./${packageName}/dist`));
+    const pkg = createRequire(import.meta.url)(`../runtime/${packageName}/package.json`);
+
+    build({ packageName, format: 'es', pkg, packagesDir: runtimeDir });
+    build({ packageName, format: 'umd', pkg, packagesDir: runtimeDir });
+  }
+}
+
+async function build({ packageName, format, pkg, packagesDir }) {
+  await buildVite({
+    root: path.resolve(packagesDir, `./${packageName}`),
+    clearScreen: false,
+    configFile: false,
+    plugins: [vue()],
+
+    build: {
+      outDir: format === 'es' ? 'dist/es' : 'dist',
+      emptyOutDir: false,
+      cssCodeSplit: false,
+      sourcemap: false,
+      minify: false,
+      target: 'esnext',
+
+      lib: {
+        entry: 'src/index.ts',
+        name: `TMagic${toPascalCase(packageName)}`,
+        fileName: `tmagic-${packageName}`,
+        formats: [format],
+        cssFileName: 'style',
+      },
+
+      rolldownOptions: {
+        // 确保外部化处理那些你不想打包进库的依赖
+        external(id) {
+          if (format === 'umd' && id === 'lodash-es') {
+            return false;
+          }
+          return Object.keys({
+            ...pkg.dependencies,
+            ...pkg.peerDependencies,
+          }).some((k) => new RegExp(`^${k}`).test(id));
+        },
+
+        output: {
+          // 在 UMD 构建模式下为这些外部化的依赖提供一个全局变量
+          globals: {
+            vue: 'Vue',
+            'element-plus': 'ElementPlus',
+          },
+          // ES 格式保留模块结构，让消费者的 bundler 按模块粒度 tree-shake
+          ...(format === 'es'
+            ? {
+                preserveModules: true,
+                preserveModulesRoot: 'src',
+                entryFileNames: '[name].js',
+              }
+            : {}),
+        },
+      },
+    },
+
+    resolve: {
+      alias: [
+        { find: /^@data-source/, replacement: path.join(packagesDir, '/data-source/src') },
+        { find: /^@editor/, replacement: path.join(packagesDir, './editor/src') },
+      ],
+    },
+  });
+}
+
+function getPackageNames(packagesDir) {
+  return fs.readdirSync(packagesDir).filter((p) => {
+    const pkgRoot = path.resolve(packagesDir, p);
+    if (fs.statSync(pkgRoot).isDirectory()) {
+      const pkg = JSON.parse(fs.readFileSync(path.resolve(pkgRoot, 'package.json'), 'utf-8'));
+      return !pkg.private && !pkg.bin;
+    }
+    return false;
+  });
+}
diff --git a/scripts/check-type.mjs b/scripts/check-type.mjs
new file mode 100644
index 00000000..a8005b0b
--- /dev/null
+++ b/scripts/check-type.mjs
@@ -0,0 +1,22 @@
+import { spawn } from 'node:child_process';
+
+const commands = [
+  ['tsc', ['--incremental', '--noEmit', '-p', 'tsconfig.check.json']],
+  ['vue-tsc', ['--incremental', '--noEmit', '-p', 'tsconfig.check-vue.json']],
+];
+
+const results = await Promise.allSettled(
+  commands.map(
+    ([cmd, args]) =>
+      new Promise((resolve, reject) => {
+        const p = spawn(cmd, args, { stdio: 'inherit', shell: true });
+        p.on('close', (code) => (code === 0 ? resolve() : reject(new Error(`${cmd} exited with code ${code}`))));
+      }),
+  ),
+);
+
+const failed = results.filter((r) => r.status === 'rejected');
+if (failed.length > 0) {
+  for (const f of failed) console.error(f.reason?.message);
+  process.exit(1);
+}
diff --git a/scripts/release.mjs b/scripts/release.mjs
index 768e1642..633fb3d3 100644
--- a/scripts/release.mjs
+++ b/scripts/release.mjs
@@ -1,11 +1,12 @@
 // @ts-check
-import enquirer from 'enquirer';
-import execa from 'execa';
-import minimist from 'minimist';
 import fs from 'node:fs';
 import { createRequire } from 'node:module';
 import path from 'node:path';
 import { fileURLToPath } from 'node:url';
+
+import enquirer from 'enquirer';
+import { execa } from 'execa';
+import minimist from 'minimist';
 import pico from 'picocolors';
 import semver from 'semver';
 
@@ -22,7 +23,7 @@ let versionUpdated = false;
 
 const { prompt } = enquirer;
 const currentVersion = createRequire(import.meta.url)('../package.json').version;
-const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const dirname = path.dirname(fileURLToPath(import.meta.url));
 const args = minimist(process.argv.slice(2), {
   alias: {
     skipBuild: 'skip-build',
@@ -35,17 +36,19 @@ const args = minimist(process.argv.slice(2), {
 const preId = args.preid || semver.prerelease(currentVersion)?.[0];
 const isDryRun = args.dry;
 /** @type {boolean | undefined} */
-let { skipTests } = args;
+// eslint-disable-next-line prefer-destructuring
+let skipTests = args.skipTests;
 const { skipBuild } = args;
 const skipPrompts = args.skipPrompts || args.canary;
 const skipGit = args.skipGit || args.canary;
 
-const packages = fs.readdirSync(path.resolve(__dirname, '../packages')).filter((p) => {
-  const pkgRoot = path.resolve(__dirname, '../packages', p);
+const packages = fs.readdirSync(path.resolve(dirname, '../packages')).filter((p) => {
+  const pkgRoot = path.resolve(dirname, '../packages', p);
   if (fs.statSync(pkgRoot).isDirectory()) {
     const pkg = JSON.parse(fs.readFileSync(path.resolve(pkgRoot, 'package.json'), 'utf-8'));
     return !pkg.private;
   }
+  return false;
 });
 
 const keepThePackageName = (/** @type {string} */ pkgName) => pkgName;
@@ -73,16 +76,16 @@ const dryRun = async (
   /** @type {import('execa').Options} */ opts = {},
 ) => console.log(pico.blue(`[dryrun] ${bin} ${args.join(' ')}`), opts);
 const runIfNotDry = isDryRun ? dryRun : run;
-const getPkgRoot = (/** @type {string} */ pkg) => path.resolve(__dirname, `../packages/${pkg}`);
-const getRunTimeRoot = (pkg) => path.resolve(__dirname, `../runtime/${pkg}`);
-const getPlayground = () => path.resolve(__dirname, `../playground`);
+const getPkgRoot = (/** @type {string} */ pkg) => path.resolve(dirname, `../packages/${pkg}`);
+const getRunTimeRoot = (pkg) => path.resolve(dirname, `../runtime/${pkg}`);
+const getPlayground = () => path.resolve(dirname, '../playground');
 const step = (/** @type {string} */ msg) => console.log(pico.cyan(msg));
 
 async function main() {
   if (!(await isInSyncWithRemote())) {
     return;
   }
-  console.log(`${pico.green(`✓`)} commit is up-to-date with remote.\n`);
+  console.log(`${pico.green('✓')} commit is up-to-date with remote.\n`);
 
   let targetVersion = args._[0];
 
@@ -139,7 +142,7 @@ async function main() {
       const { yes: promptSkipTests } = await prompt({
         type: 'confirm',
         name: 'yes',
-        message: `CI for this commit passed. Skip local tests?`,
+        message: 'CI for this commit passed. Skip local tests?',
       });
 
       skipTests = promptSkipTests;
@@ -151,7 +154,7 @@ async function main() {
     if (!isDryRun) {
       await run('pnpm', ['run', 'test', '--run']);
     } else {
-      console.log(`Skipped (dry run)`);
+      console.log('Skipped (dry run)');
     }
   } else {
     step('Tests skipped.');
@@ -167,19 +170,19 @@ async function main() {
   if (!skipBuild && !isDryRun) {
     await run('pnpm', ['run', 'build']);
   } else {
-    console.log(`(skipped)`);
+    console.log('(skipped)');
   }
 
   // generate changelog
   step('\nGenerating changelog...');
-  await run(`pnpm`, ['run', 'changelog']);
+  await run('pnpm', ['run', 'changelog']);
 
   if (!skipPrompts) {
     /** @type {{ yes: boolean }} */
     const { yes: changelogOk } = await prompt({
       type: 'confirm',
       name: 'yes',
-      message: `Changelog generated. Does it look good?`,
+      message: 'Changelog generated. Does it look good?',
     });
 
     if (!changelogOk) {
@@ -219,6 +222,21 @@ async function main() {
     await publishPackage(pkg, targetVersion, additionalPublishFlags);
   }
 
+  // update pnpm-lock.yaml
+  step('\nUpdating lockfile...');
+  await run('pnpm', ['install', '--prefer-offline']);
+
+  if (!skipGit) {
+    const { stdout } = await run('git', ['diff'], { stdio: 'pipe' });
+    if (stdout) {
+      step('\nCommitting changes...');
+      await runIfNotDry('git', ['add', '-A']);
+      await runIfNotDry('git', ['commit', '-m', `chore: update lockfile v${targetVersion}`, '--verify']);
+    } else {
+      console.log('No changes to commit.');
+    }
+  }
+
   // push to GitHub
   if (!skipGit) {
     step('\nPushing to GitHub...');
@@ -228,7 +246,7 @@ async function main() {
   }
 
   if (isDryRun) {
-    console.log(`\nDry run finished - run git diff to see package changes.`);
+    console.log('\nDry run finished - run git diff to see package changes.');
   }
 
   if (skippedPackages.length) {
@@ -243,8 +261,7 @@ async function getCIResult() {
   try {
     const sha = await getSha();
     const res = await fetch(
-      `https://api.github.com/repos/vuejs/core/actions/runs?head_sha=${sha}` +
-        `&status=success&exclude_pull_requests=true`,
+      `https://api.github.com/repos/vuejs/core/actions/runs?head_sha=${sha}&status=success&exclude_pull_requests=true`,
     );
     const data = await res.json();
     return data.workflow_runs.length > 0;
@@ -266,7 +283,7 @@ async function isInSyncWithRemote() {
     const { yes } = await prompt({
       type: 'confirm',
       name: 'yes',
-      message: pico.red(`Local HEAD is not up-to-date with remote. Are you sure you want to continue?`),
+      message: pico.red('Local HEAD is not up-to-date with remote. Are you sure you want to continue?'),
     });
     return yes;
   } catch {
@@ -289,11 +306,11 @@ async function getBranch() {
  */
 function updateVersions(version, getNewPackageName = keepThePackageName) {
   // 1. update root package.json
-  updatePackage(path.resolve(__dirname, '..'), version, getNewPackageName);
+  updatePackage(path.resolve(dirname, '..'), version, getNewPackageName);
   // 2. update all packages
   packages.forEach((p) => updatePackage(getPkgRoot(p), version, getNewPackageName));
 
-  ['vue3', 'react', 'vue2'].forEach((p) => updatePackage(getRunTimeRoot(p), version, getNewPackageName, true));
+  ['vue', 'react'].forEach((p) => updatePackage(getRunTimeRoot(p), version, getNewPackageName, true));
   updatePackage(getPlayground(), version, getNewPackageName, true);
 }
 
@@ -312,6 +329,7 @@ function updatePackage(pkgRoot, version, getNewPackageName, updateDep = false) {
   if (updateDep) {
     updateDeps(pkg, 'dependencies', version);
     updateDeps(pkg, 'peerDependencies', version);
+    updateDeps(pkg, 'devDependencies', version);
   }
 
   fs.writeFileSync(pkgPath, `${JSON.stringify(pkg, null, 2)}\n`);
@@ -319,7 +337,7 @@ function updatePackage(pkgRoot, version, getNewPackageName, updateDep = false) {
 
 /**
  * @param {Package} pkg
- * @param {'dependencies' | 'peerDependencies'} depType
+ * @param {'dependencies' | 'peerDependencies' | 'devDependencies'} depType
  * @param {string} version
  */
 function updateDeps(pkg, depType, version) {
diff --git a/packages/ui/src/shims-vue.d.ts b/shims-vue.d.ts
similarity index 100%
rename from packages/ui/src/shims-vue.d.ts
rename to shims-vue.d.ts
diff --git a/tsconfig.build-browser.json b/tsconfig.build-browser.json
new file mode 100644
index 00000000..653da257
--- /dev/null
+++ b/tsconfig.build-browser.json
@@ -0,0 +1,22 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "declaration": true,
+    "emitDeclarationOnly": true,
+    "stripInternal": true
+  },
+  "include": [
+    "packages/core/src",
+    "packages/data-source/src",
+    "packages/dep/src",
+    "packages/form-schema/src",
+    "packages/schema/src",
+    "packages/stage/src",
+    "packages/utils/src",
+    "packages/element-plus-adapter/src",
+    "packages/ui/src",
+    "packages/ui-react/src",
+    "runtime/react-runtime-help/src",
+    "runtime/vue-runtime-help/src",
+  ]
+}
diff --git a/tsconfig.build-vue.json b/tsconfig.build-vue.json
new file mode 100644
index 00000000..eba0975f
--- /dev/null
+++ b/tsconfig.build-vue.json
@@ -0,0 +1,16 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "declaration": true,
+    "emitDeclarationOnly": true,
+    "stripInternal": true
+  },
+  "include": [
+    "packages/design/src",
+    "packages/editor/src",
+    "packages/form/src",
+    "packages/table/src",
+    "packages/tdesign-vue-next-adapter/src",
+    "runtime/tmagic-form/src",
+  ]
+}
diff --git a/tsconfig.check-vue.json b/tsconfig.check-vue.json
new file mode 100644
index 00000000..8f8021c9
--- /dev/null
+++ b/tsconfig.check-vue.json
@@ -0,0 +1,16 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "incremental": true,
+    "tsBuildInfoFile": "./node_modules/.cache/tscheck/check-vue.tsbuildinfo",
+    "sourceMap": false
+  },
+  "include": [
+    "packages/design/src",
+    "packages/editor/src",
+    "packages/form/src",
+    "packages/table/src",
+    "packages/tdesign-vue-next-adapter/src",
+    "runtime/tmagic-form/src",
+  ]
+}
diff --git a/tsconfig.check.json b/tsconfig.check.json
new file mode 100644
index 00000000..9f699923
--- /dev/null
+++ b/tsconfig.check.json
@@ -0,0 +1,20 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "incremental": true,
+    "tsBuildInfoFile": "./node_modules/.cache/tscheck/check.tsbuildinfo",
+    "sourceMap": false
+  },
+  "include": [
+    "packages/core/src",
+    "packages/data-source/src",
+    "packages/dep/src",
+    "packages/form-schema/src",
+    "packages/schema/src",
+    "packages/stage/src",
+    "packages/utils/src",
+    "packages/element-plus-adapter/src",
+    "runtime/react-runtime-help/src",
+    "runtime/vue-runtime-help/src",
+  ]
+}
diff --git a/tsconfig.json b/tsconfig.json
index 98a2511a..3e6a9672 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,10 +1,12 @@
 {
   "compilerOptions": {
+    "baseUrl": ".",
+    "outDir": "temp",
     "target": "ESNext",
     "module": "ESNext",
     "strict": true,
     "jsx": "preserve",
-    "moduleResolution": "Node",
+    "moduleResolution": "bundler",
     "skipLibCheck": true,
     "esModuleInterop": true,
     "allowSyntheticDefaultImports": true,
@@ -14,19 +16,22 @@
     "resolveJsonModule": true,
     "sourceMap": true,
     "useDefineForClassFields": true,
-    "baseUrl": ".",
     "lib": ["ESNext", "DOM"],
     "paths": {
+      "vue": ["./node_modules/vue"],
       // 内部模块都指向 src/index.ts, 会有更好的代码跳转体验.
-      "@tmagic/*": ["packages/*/src"],
-      "@tmagic/tmagic-form-runtime": ["runtime/tmagic-form/src"],
-      "@editor/*": ["packages/editor/src/*"],
-      "@form/*": ["packages/form/src/*"],
-      "@data-source/*": ["packages/data-source/src/*"],
+      "@tmagic/*": ["./packages/*/src"],
+      "@tmagic/tmagic-form-runtime": ["./runtime/tmagic-form/src"],
+      "@tmagic/vue-runtime-help": ["./runtime/vue-runtime-help/src"],
+      "@tmagic/react-runtime-help": ["./runtime/react-runtime-help/src"],
+      "@editor/*": ["./packages/editor/src/*"],
+      "@form/*": ["./packages/form/src/*"],
+      "@data-source/*": ["./packages/data-source/src/*"],
     },
     "types": [
       "node",
       "vite/client",
+      "./shims-vue",
     ],
   },
   "exclude": [
diff --git a/vitest.config.ts b/vitest.config.ts
index a5818cba..4eabc319 100644
--- a/vitest.config.ts
+++ b/vitest.config.ts
@@ -9,9 +9,23 @@ export default defineConfig({
   plugins: [Vue()],
 
   test: {
-    include: ['./packages/*/tests/**'],
+    include: ['./packages/*/tests/**', './runtime/*/tests/**'],
     environment: 'jsdom',
+    environmentMatchGlobs: [['packages/cli/**', 'node']],
     coverage: {
+      exclude: [
+        './runtime/**',
+        './playground/**',
+        './docs/**',
+        './packages/*/types/**',
+        './packages/*/tests/**',
+        './packages/cli/lib/**',
+        './packages/ui/**',
+        './packages/ui-react/**',
+        './packages/design/**',
+        './packages/element-plus-adapter/**',
+        './packages/tdesign-vue-next-adapter/**',
+      ],
       extension: ['.ts', '.vue'],
     },
   },
diff --git a/vue-components/button/package.json b/vue-components/button/package.json
new file mode 100644
index 00000000..d3674c00
--- /dev/null
+++ b/vue-components/button/package.json
@@ -0,0 +1,30 @@
+{
+  "version": "1.0.0",
+  "name": "@tmagic/vue-button",
+  "type": "module",
+  "main": "src/index.ts",
+  "files": [
+    "src"
+  ],
+  "engines": {
+    "node": ">=18"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Tencent/tmagic-editor.git"
+  },
+  "dependencies": {
+    "@tmagic/form-schema": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tmagic/core": "workspace:^",
+    "@tmagic/vue-runtime-help": "workspace:^",
+    "typescript": "catalog:",
+    "vue": ">=3.5.0"
+  },
+  "peerDependenciesMeta": {
+    "typescript": {
+      "optional": true
+    }
+  }
+}
diff --git a/vue-components/button/src/event.ts b/vue-components/button/src/event.ts
new file mode 100644
index 00000000..51bc8ffb
--- /dev/null
+++ b/vue-components/button/src/event.ts
@@ -0,0 +1,6 @@
+import { COMMON_EVENT_PREFIX } from '@tmagic/core';
+
+export default {
+  methods: [],
+  events: [{ label: '点击', value: `${COMMON_EVENT_PREFIX}click` }],
+};
diff --git a/packages/ui-react/src/button/formConfig.ts b/vue-components/button/src/formConfig.ts
similarity index 77%
rename from packages/ui-react/src/button/formConfig.ts
rename to vue-components/button/src/formConfig.ts
index 2e86b78c..9bda2ca0 100644
--- a/packages/ui-react/src/button/formConfig.ts
+++ b/vue-components/button/src/formConfig.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -16,15 +16,17 @@
  * limitations under the License.
  */
 
-export default [
+import { defineFormConfig } from '@tmagic/form-schema';
+
+export default defineFormConfig([
+  {
+    name: 'className',
+    type: 'data-source-input',
+    text: 'class',
+  },
   {
-    name: 'text',
     text: '文本',
+    name: 'text',
     type: 'data-source-input',
   },
-  {
-    name: 'multiple',
-    text: '多行文本',
-    type: 'switch',
-  },
-];
+]);
diff --git a/packages/ui-vue2/src/button/index.ts b/vue-components/button/src/index.ts
similarity index 85%
rename from packages/ui-vue2/src/button/index.ts
rename to vue-components/button/src/index.ts
index df373c45..e637b7be 100644
--- a/packages/ui-vue2/src/button/index.ts
+++ b/vue-components/button/src/index.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -16,9 +16,10 @@
  * limitations under the License.
  */
 
-import Button from './Button.vue';
+import Button from './index.vue';
 
 export { default as config } from './formConfig';
 export { default as value } from './initValue';
+export { default as event } from './event';
 
 export default Button;
diff --git a/vue-components/button/src/index.vue b/vue-components/button/src/index.vue
new file mode 100644
index 00000000..db35ed8a
--- /dev/null
+++ b/vue-components/button/src/index.vue
@@ -0,0 +1,31 @@
+<template>
+  <button @click="clickHandler">
+    <slot>
+      {{ config?.text || '' }}
+    </slot>
+  </button>
+</template>
+
+<script lang="ts" setup>
+import { COMMON_EVENT_PREFIX, type Id, type MComponent } from '@tmagic/core';
+import { type ComponentProps, useApp } from '@tmagic/vue-runtime-help';
+
+interface ButtonSchema extends Omit<MComponent, 'id'> {
+  id?: Id;
+  type?: 'button';
+  text: string;
+}
+
+defineOptions({
+  name: 'tmagic-button',
+});
+
+const props = defineProps<ComponentProps<ButtonSchema>>();
+
+const { app, node } = useApp(props);
+const clickHandler = () => {
+  if (app && node) {
+    app.emit(`${COMMON_EVENT_PREFIX}click`, node);
+  }
+};
+</script>
diff --git a/packages/ui/src/button/src/initValue.ts b/vue-components/button/src/initValue.ts
similarity index 91%
rename from packages/ui/src/button/src/initValue.ts
rename to vue-components/button/src/initValue.ts
index 9165e697..1021147d 100644
--- a/packages/ui/src/button/src/initValue.ts
+++ b/vue-components/button/src/initValue.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
diff --git a/vue-components/container/package.json b/vue-components/container/package.json
new file mode 100644
index 00000000..9efb4db2
--- /dev/null
+++ b/vue-components/container/package.json
@@ -0,0 +1,30 @@
+{
+  "version": "2.0.0",
+  "name": "@tmagic/vue-container",
+  "type": "module",
+  "main": "src/index.ts",
+  "files": [
+    "src"
+  ],
+  "engines": {
+    "node": ">=18"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Tencent/tmagic-editor.git"
+  },
+  "dependencies": {
+    "@tmagic/form-schema": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tmagic/core": "workspace:^",
+    "@tmagic/vue-runtime-help": "workspace:^",
+    "typescript": "catalog:",
+    "vue": ">=3.5.0"
+  },
+  "peerDependenciesMeta": {
+    "typescript": {
+      "optional": true
+    }
+  }
+}
diff --git a/vue-components/container/src/Component.ts b/vue-components/container/src/Component.ts
new file mode 100644
index 00000000..a73dc1ea
--- /dev/null
+++ b/vue-components/container/src/Component.ts
@@ -0,0 +1,92 @@
+import { defineComponent, h, inject, type PropType, provide } from 'vue';
+
+import type TMagicApp from '@tmagic/core';
+import { Id, IS_DSL_NODE_KEY, MComponent, NODE_CONDS_RESULT_KEY } from '@tmagic/core';
+import { useComponent, useComponentStatus, useNode, type UserRenderFunction } from '@tmagic/vue-runtime-help';
+
+export default defineComponent({
+  name: 'tmagic-container-item',
+
+  props: {
+    config: {
+      type: Object as PropType<Omit<MComponent, 'id'>>,
+      required: true,
+    },
+    index: Number,
+    iteratorIndex: {
+      type: Array as PropType<number[]>,
+      default: () => [],
+    },
+    iteratorContainerId: {
+      type: Array as PropType<Id[]>,
+      default: () => [],
+    },
+    pageFragmentContainerId: {
+      type: [String, Number] as PropType<Id>,
+      default: '',
+    },
+  },
+
+  setup(props) {
+    const userRender = inject<UserRenderFunction>(
+      'userRender',
+      ({ h, type, props = {}, attrs = {}, style, className, on }) => {
+        const options: Record<string, any> = {
+          ...props,
+          ...attrs,
+          style,
+          class: className,
+        };
+        if (on) {
+          for (const [key, handler] of Object.entries(on)) {
+            options[`on${key[0].toLocaleUpperCase()}${key.substring(1)}`] = handler;
+          }
+        }
+        return h(type, options);
+      },
+    );
+
+    const app = inject<TMagicApp>('app');
+    const node = useNode(props);
+
+    const componentStatusStore = useComponentStatus(props);
+
+    provide('componentStatusStore', componentStatusStore);
+
+    const { style, className } = componentStatusStore;
+
+    return () => {
+      if (
+        props.config.visible === false ||
+        props.config.condResult === false ||
+        // 没有配置条件时，不会编译出condResult，所以这里是undefined
+        (typeof props.config.condResult === 'undefined' && props.config[NODE_CONDS_RESULT_KEY]) ||
+        (typeof props.config.display === 'function' && props.config.display({ app, node }) === false)
+      ) {
+        return null;
+      }
+
+      return userRender({
+        h,
+        config: props.config,
+        type: useComponent({ componentType: props.config.type, app }),
+        style: style.value,
+        className: className.value,
+        props: {
+          config: { ...props.config, [IS_DSL_NODE_KEY]: true },
+          containerIndex: props.index,
+          iteratorIndex: props.iteratorIndex,
+          iteratorContainerId: props.iteratorContainerId,
+          pageFragmentContainerId: props.pageFragmentContainerId,
+        },
+        attrs: {
+          'data-tmagic-id': props.config.id,
+          'data-tmagic-iterator-index': props.iteratorIndex.join(',') || undefined,
+          'data-tmagic-iterator-container-id': props.iteratorContainerId.join(',') || undefined,
+          'data-tmagic-container-index': props.index,
+          'data-tmagic-page-fragment-container-id': props.pageFragmentContainerId || undefined,
+        },
+      });
+    };
+  },
+});
diff --git a/vue-components/container/src/Container.vue b/vue-components/container/src/Container.vue
new file mode 100644
index 00000000..99dd0d4b
--- /dev/null
+++ b/vue-components/container/src/Container.vue
@@ -0,0 +1,46 @@
+<template>
+  <div @click="clickHandler">
+    <slot>
+      <ItemComponent
+        v-for="(item, index) in config.items"
+        :key="item.id"
+        :config="item"
+        :index="index"
+        :iterator-index="iteratorIndex"
+        :iterator-container-id="iteratorContainerId"
+        :page-fragment-container-id="pageFragmentContainerId"
+      ></ItemComponent>
+    </slot>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { inject } from 'vue';
+
+import type TMagicApp from '@tmagic/core';
+import { COMMON_EVENT_PREFIX, type Id, type MContainer } from '@tmagic/core';
+import { type ComponentProps, registerNodeHooks, useNode } from '@tmagic/vue-runtime-help';
+
+import ItemComponent from './Component';
+
+interface ContainerSchema extends Omit<MContainer, 'id'> {
+  id?: Id;
+  type?: 'container';
+}
+
+defineOptions({
+  name: 'tmagic-container',
+});
+
+const props = defineProps<ComponentProps<ContainerSchema>>();
+
+const app = inject<TMagicApp>('app');
+const node = useNode(props, app);
+registerNodeHooks(node);
+
+const clickHandler = () => {
+  if (app && node) {
+    app.emit(`${COMMON_EVENT_PREFIX}click`, node);
+  }
+};
+</script>
diff --git a/vue-components/container/src/event.ts b/vue-components/container/src/event.ts
new file mode 100644
index 00000000..51bc8ffb
--- /dev/null
+++ b/vue-components/container/src/event.ts
@@ -0,0 +1,6 @@
+import { COMMON_EVENT_PREFIX } from '@tmagic/core';
+
+export default {
+  methods: [],
+  events: [{ label: '点击', value: `${COMMON_EVENT_PREFIX}click` }],
+};
diff --git a/packages/ui-react/src/page/formConfig.ts b/vue-components/container/src/formConfig.ts
similarity index 65%
rename from packages/ui-react/src/page/formConfig.ts
rename to vue-components/container/src/formConfig.ts
index 39c5b418..514a082a 100644
--- a/packages/ui-react/src/page/formConfig.ts
+++ b/vue-components/container/src/formConfig.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -16,17 +16,14 @@
  * limitations under the License.
  */
 
-export default [
+import { getElById } from '@tmagic/core';
+import { defineFormConfig } from '@tmagic/form-schema';
+
+export default defineFormConfig([
   {
-    text: '页面标识',
-    name: 'name',
-    disabled: true,
-    extra: '在多页面的情况下用来指定要打开的页面',
-  },
-  {
-    text: '页面标题',
-    name: 'title',
+    name: 'className',
     type: 'data-source-input',
+    text: 'class',
   },
   {
     name: 'layout',
@@ -37,16 +34,16 @@ export default [
       { value: 'absolute', text: '绝对定位' },
       { value: 'relative', text: '流式布局' },
     ],
-    onChange: (formState: any, v: string, { model }: any) => {
+    onChange: (formState: any, v: string, { model, setModel }: any) => {
       if (!model.style) return v;
       if (v === 'relative') {
-        model.style.height = 'auto';
+        setModel('style.height', 'auto');
       } else {
-        const el = formState.stage?.renderer?.contentWindow.document.getElementById(model.id);
+        const el = getElById()(formState.stage?.renderer?.contentWindow.document, model.id);
         if (el) {
-          model.style.height = el.getBoundingClientRect().height;
+          setModel('style.height', el.getBoundingClientRect().height);
         }
       }
     },
   },
-];
+]);
diff --git a/packages/ui-vue2/src/container/index.ts b/vue-components/container/src/index.ts
similarity index 89%
rename from packages/ui-vue2/src/container/index.ts
rename to vue-components/container/src/index.ts
index e66b0b28..6ebf03eb 100644
--- a/packages/ui-vue2/src/container/index.ts
+++ b/vue-components/container/src/index.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -20,5 +20,6 @@ import Container from './Container.vue';
 
 export { default as config } from './formConfig';
 export { default as value } from './initValue';
+export { default as event } from './event';
 
 export default Container;
diff --git a/packages/ui/src/container/src/initValue.ts b/vue-components/container/src/initValue.ts
similarity index 90%
rename from packages/ui/src/container/src/initValue.ts
rename to vue-components/container/src/initValue.ts
index 19a93494..5f39ee5f 100644
--- a/packages/ui/src/container/src/initValue.ts
+++ b/vue-components/container/src/initValue.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
diff --git a/vue-components/img/package.json b/vue-components/img/package.json
new file mode 100644
index 00000000..de3e4afb
--- /dev/null
+++ b/vue-components/img/package.json
@@ -0,0 +1,30 @@
+{
+  "version": "1.0.0",
+  "name": "@tmagic/vue-img",
+  "type": "module",
+  "main": "src/index.ts",
+  "files": [
+    "src"
+  ],
+  "engines": {
+    "node": ">=18"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Tencent/tmagic-editor.git"
+  },
+  "dependencies": {
+    "@tmagic/form-schema": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tmagic/core": "workspace:^",
+    "@tmagic/vue-runtime-help": "workspace:^",
+    "typescript": "catalog:",
+    "vue": ">=3.5.0"
+  },
+  "peerDependenciesMeta": {
+    "typescript": {
+      "optional": true
+    }
+  }
+}
diff --git a/vue-components/img/src/event.ts b/vue-components/img/src/event.ts
new file mode 100644
index 00000000..cdf87604
--- /dev/null
+++ b/vue-components/img/src/event.ts
@@ -0,0 +1,4 @@
+export default {
+  methods: [],
+  events: [],
+};
diff --git a/packages/ui-react/src/img/formConfig.ts b/vue-components/img/src/formConfig.ts
similarity index 67%
rename from packages/ui-react/src/img/formConfig.ts
rename to vue-components/img/src/formConfig.ts
index 1616e0b4..20022317 100644
--- a/packages/ui-react/src/img/formConfig.ts
+++ b/vue-components/img/src/formConfig.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -16,14 +16,27 @@
  * limitations under the License.
  */
 
-export default [
+import { defineFormConfig } from '@tmagic/form-schema';
+
+export default defineFormConfig([
   {
-    text: '图片',
+    name: 'className',
+    type: 'data-source-input',
+    text: 'class',
+  },
+  {
+    type: 'data-source-field-select',
     name: 'src',
+    text: '图片',
+    checkStrictly: false,
+    dataSourceFieldType: ['string'],
+    fieldConfig: {
+      type: 'img-upload',
+    },
   },
   {
     text: '链接',
     name: 'url',
     type: 'data-source-input',
   },
-];
+]);
diff --git a/vue-components/img/src/index.ts b/vue-components/img/src/index.ts
new file mode 100644
index 00000000..4f19466c
--- /dev/null
+++ b/vue-components/img/src/index.ts
@@ -0,0 +1,25 @@
+/*
+ * Tencent is pleased to support the open source community by making TMagicEditor available.
+ *
+ * Copyright (C) 2025 Tencent.  All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import Img from './index.vue';
+
+export { default as config } from './formConfig';
+export { default as value } from './initValue';
+export { default as event } from './event';
+
+export default Img;
diff --git a/vue-components/img/src/index.vue b/vue-components/img/src/index.vue
new file mode 100644
index 00000000..2fe73080
--- /dev/null
+++ b/vue-components/img/src/index.vue
@@ -0,0 +1,28 @@
+<template>
+  <img :src="config.src" @click="clickHandler" />
+</template>
+
+<script lang="ts" setup>
+import type { Id, MComponent } from '@tmagic/core';
+import { type ComponentProps, registerNodeHooks, useNode } from '@tmagic/vue-runtime-help';
+
+interface ImgSchema extends Omit<MComponent, 'id'> {
+  id?: Id;
+  type?: 'img';
+  src: string;
+  url?: string;
+}
+
+defineOptions({
+  name: 'tmagic-img',
+});
+
+const props = defineProps<ComponentProps<ImgSchema>>();
+
+const clickHandler = () => {
+  if (props.config.url) window.location.href = props.config.url;
+};
+
+const node = useNode(props);
+registerNodeHooks(node);
+</script>
diff --git a/packages/ui-react/src/img/initValue.ts b/vue-components/img/src/initValue.ts
similarity index 91%
rename from packages/ui-react/src/img/initValue.ts
rename to vue-components/img/src/initValue.ts
index 592493cd..cf9abd17 100644
--- a/packages/ui-react/src/img/initValue.ts
+++ b/vue-components/img/src/initValue.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
diff --git a/vue-components/iterator-container/package.json b/vue-components/iterator-container/package.json
new file mode 100644
index 00000000..dda4dfd5
--- /dev/null
+++ b/vue-components/iterator-container/package.json
@@ -0,0 +1,30 @@
+{
+  "version": "1.0.0",
+  "name": "@tmagic/vue-iterator-container",
+  "type": "module",
+  "main": "src/index.ts",
+  "files": [
+    "src"
+  ],
+  "engines": {
+    "node": ">=18"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Tencent/tmagic-editor.git"
+  },
+  "dependencies": {
+    "@tmagic/form-schema": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tmagic/core": "workspace:^",
+    "@tmagic/vue-runtime-help": "workspace:^",
+    "typescript": "catalog:",
+    "vue": ">=3.5.0"
+  },
+  "peerDependenciesMeta": {
+    "typescript": {
+      "optional": true
+    }
+  }
+}
diff --git a/vue-components/iterator-container/src/IteratorContainer.vue b/vue-components/iterator-container/src/IteratorContainer.vue
new file mode 100644
index 00000000..f4079c1f
--- /dev/null
+++ b/vue-components/iterator-container/src/IteratorContainer.vue
@@ -0,0 +1,118 @@
+<template>
+  <div @click="clickHandler">
+    <IteratorItem
+      v-for="(item, index) in configs"
+      :key="index"
+      :config="item"
+      :iterator-index="[...(iteratorIndex || []), index]"
+      :iterator-container-id="
+        config.id ? [...(iteratorContainerId || []), config.id] : [...(iteratorContainerId || [])]
+      "
+      :page-fragment-container-id="pageFragmentContainerId"
+    ></IteratorItem>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { computed, watch } from 'vue';
+
+import {
+  COMMON_EVENT_PREFIX,
+  type Id,
+  type IteratorContainer as TMagicIteratorContainer,
+  type MIteratorContainer,
+  type MNode,
+} from '@tmagic/core';
+import { type ComponentProps, registerNodeHooks, useApp } from '@tmagic/vue-runtime-help';
+
+import IteratorItem from './IteratorItem.vue';
+
+interface IteratorContainerSchema extends Omit<MIteratorContainer, 'id'> {
+  id?: Id;
+  type?: 'iterator-container';
+}
+
+interface IteratorItemSchema {
+  items: MNode[];
+  condResult: boolean;
+  style: {
+    [key: string]: any;
+  };
+}
+
+defineOptions({
+  name: 'tmagic-iterator-container',
+});
+
+const props = defineProps<ComponentProps<IteratorContainerSchema>>();
+
+const { app, node } = useApp(props);
+registerNodeHooks(node);
+
+const configs = computed<IteratorItemSchema[]>(() => {
+  let { iteratorData = [] } = props.config;
+  const { itemConfig, dsField, items } = props.config;
+
+  if (!Array.isArray(iteratorData)) {
+    iteratorData = [];
+  }
+
+  if (app?.platform === 'editor' && !iteratorData.length) {
+    iteratorData.push({});
+  }
+
+  return iteratorData.map((itemData: any) => {
+    const condResult =
+      app?.platform !== 'editor'
+        ? (app?.dataSourceManager?.compliedIteratorItemConds(itemData, itemConfig, dsField) ?? true)
+        : true;
+
+    const newItems = app?.dataSourceManager?.compliedIteratorItems(itemData, items, dsField) ?? items;
+
+    return {
+      items: newItems,
+      condResult,
+      style: {
+        position: 'relative',
+        left: 0,
+        top: 0,
+        ...itemConfig.style,
+      },
+    };
+  });
+});
+
+watch(
+  configs,
+  (configs) => {
+    if (!props.config.id) {
+      return;
+    }
+
+    const iteratorContainerNode = app?.getNode<TMagicIteratorContainer>(props.config.id, {
+      iteratorContainerId: props.iteratorContainerId,
+      iteratorIndex: props.iteratorIndex,
+      pageFragmentContainerId: props.pageFragmentContainerId,
+    });
+
+    if (!iteratorContainerNode) {
+      return;
+    }
+
+    iteratorContainerNode.resetNodes();
+
+    configs.forEach((config, index) => {
+      iteratorContainerNode.setNodes(config.items, index);
+    });
+  },
+  {
+    immediate: true,
+  },
+);
+
+const clickHandler = () => {
+  if (app && node) {
+    app.emit(`${COMMON_EVENT_PREFIX}click`, node);
+  }
+};
+</script>
diff --git a/vue-components/iterator-container/src/IteratorItem.vue b/vue-components/iterator-container/src/IteratorItem.vue
new file mode 100644
index 00000000..33dcb7e7
--- /dev/null
+++ b/vue-components/iterator-container/src/IteratorItem.vue
@@ -0,0 +1,43 @@
+<template>
+  <component
+    :is="containerComponent"
+    :style="style"
+    :class="className"
+    :config="config"
+    :iterator-index="iteratorIndex"
+    :iterator-container-id="iteratorContainerId"
+    :page-fragment-container-id="pageFragmentContainerId"
+  ></component>
+</template>
+
+<script lang="ts" setup>
+import { inject } from 'vue';
+
+import type TMagicApp from '@tmagic/core';
+import { type Id } from '@tmagic/core';
+import { useComponent, useComponentStatus } from '@tmagic/vue-runtime-help';
+
+import { IteratorItemSchema } from './type';
+
+interface IteratorItemProps {
+  config: IteratorItemSchema;
+  iteratorIndex?: number[];
+  iteratorContainerId?: Id[];
+  containerIndex?: number;
+  pageFragmentContainerId?: Id;
+  index?: number;
+  model?: Record<string, any>;
+}
+
+defineOptions({
+  name: 'tmagic-iterator-container-item',
+});
+
+const props = defineProps<IteratorItemProps>();
+
+const app = inject<TMagicApp>('app');
+
+const containerComponent = useComponent({ componentType: 'container', app });
+
+const { style, className } = useComponentStatus(props);
+</script>
diff --git a/vue-components/iterator-container/src/event.ts b/vue-components/iterator-container/src/event.ts
new file mode 100644
index 00000000..51bc8ffb
--- /dev/null
+++ b/vue-components/iterator-container/src/event.ts
@@ -0,0 +1,6 @@
+import { COMMON_EVENT_PREFIX } from '@tmagic/core';
+
+export default {
+  methods: [],
+  events: [{ label: '点击', value: `${COMMON_EVENT_PREFIX}click` }],
+};
diff --git a/packages/ui-react/src/iterator-container/src/formConfig.ts b/vue-components/iterator-container/src/formConfig.ts
similarity index 80%
rename from packages/ui-react/src/iterator-container/src/formConfig.ts
rename to vue-components/iterator-container/src/formConfig.ts
index aef707b4..9f759664 100644
--- a/packages/ui-react/src/iterator-container/src/formConfig.ts
+++ b/vue-components/iterator-container/src/formConfig.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -15,25 +15,29 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX } from '@tmagic/utils';
+import { NODE_CONDS_KEY, removeDataSourceFieldPrefix } from '@tmagic/core';
+import { defineFormConfig } from '@tmagic/form-schema';
 
-export default [
+export default defineFormConfig([
+  {
+    name: 'className',
+    type: 'data-source-input',
+    text: 'class',
+  },
   {
     name: 'iteratorData',
     text: '数据源数据',
     value: 'value',
     dataSourceFieldType: ['array'],
-    checkStrictly: false,
+    checkStrictly: true,
     type: 'data-source-field-select',
-    onChange: (vm: any, v: string[] = [], { model }: any) => {
-      if (Array.isArray(v)) {
+    onChange: (_vm: any, v: string[] = [], { setModel }: any) => {
+      if (Array.isArray(v) && v.length > 1) {
         const [dsId, ...keys] = v;
-        model.dsField = [dsId.replace(DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX, ''), ...keys];
+        setModel('dsField', [removeDataSourceFieldPrefix(dsId), ...keys]);
       } else {
-        model.dsField = [];
+        setModel('dsField', []);
       }
-
-      return v;
     },
   },
   {
@@ -45,6 +49,12 @@ export default [
     title: '子项配置',
     name: 'itemConfig',
     items: [
+      {
+        type: 'display-conds',
+        name: NODE_CONDS_KEY,
+        titlePrefix: '条件组',
+        defaultValue: [],
+      },
       {
         name: 'layout',
         text: '容器布局',
@@ -112,4 +122,4 @@ export default [
       },
     ],
   },
-];
+]);
diff --git a/vue-components/iterator-container/src/index.ts b/vue-components/iterator-container/src/index.ts
new file mode 100644
index 00000000..e6c4b752
--- /dev/null
+++ b/vue-components/iterator-container/src/index.ts
@@ -0,0 +1,25 @@
+/*
+ * Tencent is pleased to support the open source community by making TMagicEditor available.
+ *
+ * Copyright (C) 2025 Tencent.  All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import IteratorContainer from './IteratorContainer.vue';
+
+export { default as config } from './formConfig';
+export { default as value } from './initValue';
+export { default as event } from './event';
+
+export default IteratorContainer;
diff --git a/packages/ui/src/iterator-container/src/initValue.ts b/vue-components/iterator-container/src/initValue.ts
similarity index 91%
rename from packages/ui/src/iterator-container/src/initValue.ts
rename to vue-components/iterator-container/src/initValue.ts
index 2223ec4c..c81d5a84 100644
--- a/packages/ui/src/iterator-container/src/initValue.ts
+++ b/vue-components/iterator-container/src/initValue.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
diff --git a/vue-components/iterator-container/src/type.ts b/vue-components/iterator-container/src/type.ts
new file mode 100644
index 00000000..9195c992
--- /dev/null
+++ b/vue-components/iterator-container/src/type.ts
@@ -0,0 +1,9 @@
+import type { MNode } from '@tmagic/core';
+
+export interface IteratorItemSchema {
+  items: MNode[];
+  condResult: boolean;
+  style: {
+    [key: string]: any;
+  };
+}
diff --git a/vue-components/overlay/package.json b/vue-components/overlay/package.json
new file mode 100644
index 00000000..836791f7
--- /dev/null
+++ b/vue-components/overlay/package.json
@@ -0,0 +1,30 @@
+{
+  "version": "1.0.0",
+  "name": "@tmagic/vue-overlay",
+  "type": "module",
+  "main": "src/index.ts",
+  "files": [
+    "src"
+  ],
+  "engines": {
+    "node": ">=18"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Tencent/tmagic-editor.git"
+  },
+  "dependencies": {
+    "@tmagic/form-schema": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tmagic/core": "workspace:^",
+    "@tmagic/vue-runtime-help": "workspace:^",
+    "typescript": "catalog:",
+    "vue": ">=3.5.0"
+  },
+  "peerDependenciesMeta": {
+    "typescript": {
+      "optional": true
+    }
+  }
+}
diff --git a/packages/ui-vue2/src/overlay/src/event.ts b/vue-components/overlay/src/event.ts
similarity index 100%
rename from packages/ui-vue2/src/overlay/src/event.ts
rename to vue-components/overlay/src/event.ts
diff --git a/vue-components/overlay/src/formConfig.ts b/vue-components/overlay/src/formConfig.ts
new file mode 100644
index 00000000..b737ef9b
--- /dev/null
+++ b/vue-components/overlay/src/formConfig.ts
@@ -0,0 +1,3 @@
+import { defineFormConfig } from '@tmagic/form-schema';
+
+export default defineFormConfig([]);
diff --git a/vue-components/overlay/src/index.ts b/vue-components/overlay/src/index.ts
new file mode 100644
index 00000000..a834b719
--- /dev/null
+++ b/vue-components/overlay/src/index.ts
@@ -0,0 +1,25 @@
+/*
+ * Tencent is pleased to support the open source community by making TMagicEditor available.
+ *
+ * Copyright (C) 2025 Tencent.  All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import Overlay from './index.vue';
+
+export { default as config } from './formConfig';
+export { default as value } from './initValue';
+export { default as event } from './event';
+
+export default Overlay;
diff --git a/vue-components/overlay/src/index.vue b/vue-components/overlay/src/index.vue
new file mode 100644
index 00000000..ad356853
--- /dev/null
+++ b/vue-components/overlay/src/index.vue
@@ -0,0 +1,75 @@
+<template>
+  <component v-if="visible" :is="containerComponent" :config="{ items: config.items, [IS_DSL_NODE_KEY]: false }">
+    <slot></slot>
+  </component>
+</template>
+
+<script lang="ts" setup>
+import { inject, onBeforeUnmount, ref } from 'vue';
+
+import type TMagicApp from '@tmagic/core';
+import { type Id, IS_DSL_NODE_KEY, type MContainer, type MNode, type MPage } from '@tmagic/core';
+import { type ComponentProps, registerNodeHooks, useComponent, useNode } from '@tmagic/vue-runtime-help';
+
+interface OverlaySchema extends Omit<MContainer, 'id'> {
+  id?: Id;
+  type?: 'overlay';
+}
+
+defineOptions({
+  name: 'tmagic-overlay',
+});
+
+const props = defineProps<ComponentProps<OverlaySchema>>();
+
+const visible = ref(false);
+
+const app = inject<TMagicApp>('app');
+const containerComponent = useComponent({ componentType: 'container', app });
+
+const openOverlay = () => {
+  visible.value = true;
+  app?.emit('overlay:open', node);
+};
+
+const closeOverlay = () => {
+  visible.value = false;
+  app?.emit('overlay:close', node);
+};
+
+const editorSelectHandler = (
+  _info: {
+    node: MNode;
+    page: MPage;
+    parent: MContainer;
+  },
+  path: MNode[],
+) => {
+  if (path.find((node: MNode) => node.id === props.config.id)) {
+    openOverlay();
+  } else {
+    closeOverlay();
+  }
+};
+
+app?.page?.on('editor:select', editorSelectHandler);
+
+app?.on('page-change', () => {
+  app?.page?.on('editor:select', editorSelectHandler);
+});
+
+onBeforeUnmount(() => {
+  app?.page?.off('editor:select', editorSelectHandler);
+});
+
+const node = useNode(props, app);
+registerNodeHooks(node, {
+  openOverlay,
+  closeOverlay,
+});
+
+defineExpose({
+  openOverlay,
+  closeOverlay,
+});
+</script>
diff --git a/packages/ui-vue2/src/overlay/src/initValue.ts b/vue-components/overlay/src/initValue.ts
similarity index 91%
rename from packages/ui-vue2/src/overlay/src/initValue.ts
rename to vue-components/overlay/src/initValue.ts
index a4c6ffc1..d212deec 100644
--- a/packages/ui-vue2/src/overlay/src/initValue.ts
+++ b/vue-components/overlay/src/initValue.ts
@@ -6,6 +6,7 @@ export default {
     top: 0,
     left: 0,
     backgroundColor: 'rgba(0, 0, 0, 0.8)',
+    zIndex: 100,
   },
   items: [],
 };
diff --git a/vue-components/page-fragment-container/package.json b/vue-components/page-fragment-container/package.json
new file mode 100644
index 00000000..badeace2
--- /dev/null
+++ b/vue-components/page-fragment-container/package.json
@@ -0,0 +1,30 @@
+{
+  "version": "1.0.0",
+  "name": "@tmagic/vue-page-fragment-container",
+  "type": "module",
+  "main": "src/index.ts",
+  "files": [
+    "src"
+  ],
+  "engines": {
+    "node": ">=18"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Tencent/tmagic-editor.git"
+  },
+  "dependencies": {
+    "@tmagic/form-schema": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tmagic/core": "workspace:^",
+    "@tmagic/vue-runtime-help": "workspace:^",
+    "typescript": "catalog:",
+    "vue": ">=3.5.0"
+  },
+  "peerDependenciesMeta": {
+    "typescript": {
+      "optional": true
+    }
+  }
+}
diff --git a/vue-components/page-fragment-container/src/PageFragmentContainer.vue b/vue-components/page-fragment-container/src/PageFragmentContainer.vue
new file mode 100644
index 00000000..068d8492
--- /dev/null
+++ b/vue-components/page-fragment-container/src/PageFragmentContainer.vue
@@ -0,0 +1,51 @@
+<template>
+  <div>
+    <component
+      :is="containerComponent"
+      :iterator-index="iteratorIndex"
+      :iterator-container-id="iteratorContainerId"
+      :page-fragment-container-id="config.id"
+      :config="containerConfig"
+      :model="model"
+    ></component>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { computed, provide } from 'vue';
+
+import { type MComponent, NodeType, PAGE_FRAGMENT_CONTAINER_ID_KEY } from '@tmagic/core';
+import { type ComponentProps, registerNodeHooks, useApp, useComponent, useDsl } from '@tmagic/vue-runtime-help';
+
+defineOptions({
+  name: 'tmagic-page-fragment-container',
+});
+
+const props = defineProps<ComponentProps<MComponent>>();
+
+provide(PAGE_FRAGMENT_CONTAINER_ID_KEY, props.config.id);
+
+const { app, node } = useApp(props);
+registerNodeHooks(node);
+
+const containerComponent = useComponent({ componentType: 'container', app });
+
+if (!props.config.id) {
+  throw new Error('page-fragment-container must have id');
+}
+
+const { pageConfig: fragment } = useDsl(app, props.config.id);
+
+const containerConfig = computed(() => {
+  if (!fragment.value) return { items: [], id: '', type: NodeType.CONTAINER };
+
+  return fragment.value;
+});
+</script>
+
+<style scoped>
+.in-editor .magic-ui-page-fragment-container {
+  min-width: 100px;
+  min-height: 100px;
+}
+</style>
diff --git a/vue-components/page-fragment-container/src/event.ts b/vue-components/page-fragment-container/src/event.ts
new file mode 100644
index 00000000..cdf87604
--- /dev/null
+++ b/vue-components/page-fragment-container/src/event.ts
@@ -0,0 +1,4 @@
+export default {
+  methods: [],
+  events: [],
+};
diff --git a/packages/ui-react/src/page-fragment-container/src/formConfig.ts b/vue-components/page-fragment-container/src/formConfig.ts
similarity index 76%
rename from packages/ui-react/src/page-fragment-container/src/formConfig.ts
rename to vue-components/page-fragment-container/src/formConfig.ts
index 3ba71aa2..d4822a01 100644
--- a/packages/ui-react/src/page-fragment-container/src/formConfig.ts
+++ b/vue-components/page-fragment-container/src/formConfig.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -16,10 +16,17 @@
  * limitations under the License.
  */
 
-export default [
+import { defineFormConfig } from '@tmagic/form-schema';
+
+export default defineFormConfig([
+  {
+    name: 'className',
+    type: 'data-source-input',
+    text: 'class',
+  },
   {
     name: 'pageFragmentId',
     text: '页面片ID',
     type: 'page-fragment-select',
   },
-];
+]);
diff --git a/vue-components/page-fragment-container/src/index.ts b/vue-components/page-fragment-container/src/index.ts
new file mode 100644
index 00000000..3319b514
--- /dev/null
+++ b/vue-components/page-fragment-container/src/index.ts
@@ -0,0 +1,25 @@
+/*
+ * Tencent is pleased to support the open source community by making TMagicEditor available.
+ *
+ * Copyright (C) 2025 Tencent.  All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import PageFragmentContainer from './PageFragmentContainer.vue';
+
+export { default as config } from './formConfig';
+export { default as value } from './initValue';
+export { default as event } from './event';
+
+export default PageFragmentContainer;
diff --git a/packages/ui/src/page-fragment-container/src/initValue.ts b/vue-components/page-fragment-container/src/initValue.ts
similarity index 90%
rename from packages/ui/src/page-fragment-container/src/initValue.ts
rename to vue-components/page-fragment-container/src/initValue.ts
index 0ba15f5a..e0b15926 100644
--- a/packages/ui/src/page-fragment-container/src/initValue.ts
+++ b/vue-components/page-fragment-container/src/initValue.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
diff --git a/vue-components/page-fragment/package.json b/vue-components/page-fragment/package.json
new file mode 100644
index 00000000..3b72dfa7
--- /dev/null
+++ b/vue-components/page-fragment/package.json
@@ -0,0 +1,30 @@
+{
+  "version": "1.0.0",
+  "name": "@tmagic/vue-page-fragment",
+  "type": "module",
+  "main": "src/index.ts",
+  "files": [
+    "src"
+  ],
+  "engines": {
+    "node": ">=18"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Tencent/tmagic-editor.git"
+  },
+  "dependencies": {
+    "@tmagic/form-schema": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tmagic/core": "workspace:^",
+    "@tmagic/vue-runtime-help": "workspace:^",
+    "typescript": "catalog:",
+    "vue": ">=3.5.0"
+  },
+  "peerDependenciesMeta": {
+    "typescript": {
+      "optional": true
+    }
+  }
+}
diff --git a/vue-components/page-fragment/src/PageFragment.vue b/vue-components/page-fragment/src/PageFragment.vue
new file mode 100644
index 00000000..134f0420
--- /dev/null
+++ b/vue-components/page-fragment/src/PageFragment.vue
@@ -0,0 +1,36 @@
+<template>
+  <component
+    :is="containerComponent"
+    :class="className"
+    :style="style"
+    :data-tmagic-id="config.id"
+    :config="{ ...config, [IS_DSL_NODE_KEY]: false }"
+  ></component>
+</template>
+
+<script lang="ts" setup>
+import { inject } from 'vue';
+
+import type TMagicApp from '@tmagic/core';
+import { IS_DSL_NODE_KEY, type MPageFragment } from '@tmagic/core';
+import {
+  type ComponentProps,
+  registerNodeHooks,
+  useComponent,
+  useComponentStatus,
+  useNode,
+} from '@tmagic/vue-runtime-help';
+
+defineOptions({
+  name: 'tmagic-page-fragment',
+});
+
+const props = defineProps<ComponentProps<MPageFragment>>();
+
+const app = inject<TMagicApp>('app');
+const node = useNode(props, app);
+registerNodeHooks(node);
+
+const containerComponent = useComponent({ componentType: 'container', app });
+const { style, className } = useComponentStatus(props);
+</script>
diff --git a/vue-components/page-fragment/src/event.ts b/vue-components/page-fragment/src/event.ts
new file mode 100644
index 00000000..cdf87604
--- /dev/null
+++ b/vue-components/page-fragment/src/event.ts
@@ -0,0 +1,4 @@
+export default {
+  methods: [],
+  events: [],
+};
diff --git a/packages/ui-react/src/page-fragment/src/formConfig.ts b/vue-components/page-fragment/src/formConfig.ts
similarity index 70%
rename from packages/ui-react/src/page-fragment/src/formConfig.ts
rename to vue-components/page-fragment/src/formConfig.ts
index 39577c52..3db5cf4d 100644
--- a/packages/ui-react/src/page-fragment/src/formConfig.ts
+++ b/vue-components/page-fragment/src/formConfig.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -16,7 +16,10 @@
  * limitations under the License.
  */
 
-export default [
+import { getElById } from '@tmagic/core';
+import { defineFormConfig } from '@tmagic/form-schema';
+
+export default defineFormConfig([
   {
     text: '页面片标识',
     name: 'name',
@@ -35,16 +38,16 @@ export default [
       { value: 'absolute', text: '绝对定位' },
       { value: 'relative', text: '流式布局' },
     ],
-    onChange: (formState: any, v: string, { model }: any) => {
+    onChange: (formState: any, v: string, { model, setModel }: any) => {
       if (!model.style) return v;
       if (v === 'relative') {
-        model.style.height = 'auto';
+        setModel('style.height', 'auto');
       } else {
-        const el = formState.stage?.renderer?.contentWindow.document.getElementById(model.id);
+        const el = getElById()(formState.stage?.renderer?.contentWindow.document, model.id);
         if (el) {
-          model.style.height = el.getBoundingClientRect().height;
+          setModel('style.height', el.getBoundingClientRect().height);
         }
       }
     },
   },
-];
+]);
diff --git a/vue-components/page-fragment/src/index.ts b/vue-components/page-fragment/src/index.ts
new file mode 100644
index 00000000..ef6a10ce
--- /dev/null
+++ b/vue-components/page-fragment/src/index.ts
@@ -0,0 +1,25 @@
+/*
+ * Tencent is pleased to support the open source community by making TMagicEditor available.
+ *
+ * Copyright (C) 2025 Tencent.  All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import PageFragment from './PageFragment.vue';
+
+export { default as config } from './formConfig';
+export { default as value } from './initValue';
+export { default as event } from './event';
+
+export default PageFragment;
diff --git a/packages/ui-vue2/src/page-fragment/src/initValue.ts b/vue-components/page-fragment/src/initValue.ts
similarity index 90%
rename from packages/ui-vue2/src/page-fragment/src/initValue.ts
rename to vue-components/page-fragment/src/initValue.ts
index 00ae8e84..4cc954a3 100644
--- a/packages/ui-vue2/src/page-fragment/src/initValue.ts
+++ b/vue-components/page-fragment/src/initValue.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
diff --git a/vue-components/page/package.json b/vue-components/page/package.json
new file mode 100644
index 00000000..def3cd0d
--- /dev/null
+++ b/vue-components/page/package.json
@@ -0,0 +1,30 @@
+{
+  "version": "1.0.0",
+  "name": "@tmagic/vue-page",
+  "type": "module",
+  "main": "src/index.ts",
+  "files": [
+    "src"
+  ],
+  "engines": {
+    "node": ">=18"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Tencent/tmagic-editor.git"
+  },
+  "dependencies": {
+    "@tmagic/form-schema": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tmagic/core": "workspace:^",
+    "@tmagic/vue-runtime-help": "workspace:^",
+    "typescript": "catalog:",
+    "vue": ">=3.5.0"
+  },
+  "peerDependenciesMeta": {
+    "typescript": {
+      "optional": true
+    }
+  }
+}
diff --git a/packages/ui-vue2/src/page/event.ts b/vue-components/page/src/event.ts
similarity index 100%
rename from packages/ui-vue2/src/page/event.ts
rename to vue-components/page/src/event.ts
diff --git a/packages/ui-vue2/src/page/formConfig.ts b/vue-components/page/src/formConfig.ts
similarity index 56%
rename from packages/ui-vue2/src/page/formConfig.ts
rename to vue-components/page/src/formConfig.ts
index 39c5b418..5747414f 100644
--- a/packages/ui-vue2/src/page/formConfig.ts
+++ b/vue-components/page/src/formConfig.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -16,7 +16,10 @@
  * limitations under the License.
  */
 
-export default [
+import { getElById } from '@tmagic/core';
+import { defineFormConfig } from '@tmagic/form-schema';
+
+export default defineFormConfig([
   {
     text: '页面标识',
     name: 'name',
@@ -26,7 +29,6 @@ export default [
   {
     text: '页面标题',
     name: 'title',
-    type: 'data-source-input',
   },
   {
     name: 'layout',
@@ -37,16 +39,48 @@ export default [
       { value: 'absolute', text: '绝对定位' },
       { value: 'relative', text: '流式布局' },
     ],
-    onChange: (formState: any, v: string, { model }: any) => {
+    onChange: (formState: any, v: string, { model, setModel }: any) => {
       if (!model.style) return v;
       if (v === 'relative') {
-        model.style.height = 'auto';
+        setModel('style.height', 'auto');
       } else {
-        const el = formState.stage?.renderer?.contentWindow.document.getElementById(model.id);
+        const el = getElById()(formState.stage?.renderer?.contentWindow.document, model.id);
         if (el) {
-          model.style.height = el.getBoundingClientRect().height;
+          setModel('style.height', el.getBoundingClientRect().height);
         }
       }
     },
   },
-];
+  {
+    name: 'jsFiles',
+    text: 'js',
+    type: 'table',
+    items: [
+      {
+        name: 'url',
+        label: '链接',
+      },
+    ],
+  },
+  {
+    name: 'cssFiles',
+    text: 'css',
+    type: 'table',
+    items: [
+      {
+        name: 'url',
+        label: '链接',
+      },
+    ],
+  },
+  {
+    text: 'css',
+    name: 'css',
+    type: 'vs-code',
+    language: 'css',
+    autosize: {
+      minRows: 3,
+      maxRows: 20,
+    },
+  },
+]);
diff --git a/packages/ui-vue2/src/page/index.ts b/vue-components/page/src/index.ts
similarity index 88%
rename from packages/ui-vue2/src/page/index.ts
rename to vue-components/page/src/index.ts
index f4752f34..7f49f9b7 100644
--- a/packages/ui-vue2/src/page/index.ts
+++ b/vue-components/page/src/index.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import Page from './Page.vue';
+import Page from './index.vue';
 
 export { default as config } from './formConfig';
 export { default as value } from './initValue';
diff --git a/vue-components/page/src/index.vue b/vue-components/page/src/index.vue
new file mode 100644
index 00000000..78a71a02
--- /dev/null
+++ b/vue-components/page/src/index.vue
@@ -0,0 +1,90 @@
+<template>
+  <component
+    :is="containerComponent"
+    :class="className"
+    :style="style"
+    :data-tmagic-id="config.id"
+    :config="{ ...config, [IS_DSL_NODE_KEY]: false }"
+  ></component>
+</template>
+
+<script lang="ts" setup>
+import { inject, nextTick, watch } from 'vue';
+
+import type TMagicApp from '@tmagic/core';
+import { asyncLoadCss, asyncLoadJs, IS_DSL_NODE_KEY, type MPage } from '@tmagic/core';
+import { useComponent, useComponentStatus, useNode } from '@tmagic/vue-runtime-help';
+
+const createCss = (config: MPage) => {
+  if (config.cssFile) {
+    asyncLoadCss(config.cssFile);
+  }
+
+  if (Array.isArray(config.cssFiles)) {
+    config.cssFiles.map((file) => asyncLoadCss(file.url));
+  }
+
+  if (config.css) {
+    const style = window.document.createElement('style');
+    style.innerHTML = config.css;
+    window.document.head.appendChild(style);
+  }
+};
+
+const createJs = (config: MPage) => {
+  if (Array.isArray(config.jsFiles)) {
+    config.jsFiles.map((file) => asyncLoadJs(file.url));
+  }
+};
+
+defineOptions({
+  name: 'tmagic-page',
+});
+
+const props = withDefaults(
+  defineProps<{
+    config: MPage;
+    model?: Record<string, any>;
+  }>(),
+  {
+    model: () => ({}),
+  },
+);
+
+const app = inject<TMagicApp>('app');
+
+if (app?.jsEngine === 'browser') {
+  createCss(props.config);
+  createJs(props.config);
+}
+
+const containerComponent = useComponent({ componentType: 'container', app });
+
+const { style, className } = useComponentStatus(props);
+
+const refresh = () => {
+  window.location.reload();
+};
+
+watch(
+  () => props.config,
+  async (config, preConfig) => {
+    const node = useNode({ config: { ...config, [IS_DSL_NODE_KEY]: true } }, app);
+
+    if (config.id !== preConfig?.id) {
+      node?.setInstance({ config: props.config, refresh });
+      node?.emit('created');
+    }
+    await nextTick();
+
+    if (config.id !== preConfig?.id) {
+      node?.emit('mounted');
+      const preNode = useNode({ config: { ...preConfig, [IS_DSL_NODE_KEY]: true } }, app);
+      preNode?.emit('destroy');
+    }
+  },
+  {
+    immediate: true,
+  },
+);
+</script>
diff --git a/packages/ui-vue2/src/page/initValue.ts b/vue-components/page/src/initValue.ts
similarity index 90%
rename from packages/ui-vue2/src/page/initValue.ts
rename to vue-components/page/src/initValue.ts
index 96d84afa..b82235dc 100644
--- a/packages/ui-vue2/src/page/initValue.ts
+++ b/vue-components/page/src/initValue.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
diff --git a/packages/ui-vue2/package.json b/vue-components/qrcode/package.json
similarity index 60%
rename from packages/ui-vue2/package.json
rename to vue-components/qrcode/package.json
index 1163a5cb..7789f842 100644
--- a/packages/ui-vue2/package.json
+++ b/vue-components/qrcode/package.json
@@ -1,6 +1,6 @@
 {
-  "version": "1.4.7",
-  "name": "@tmagic/ui-vue2",
+  "version": "1.0.0",
+  "name": "@tmagic/vue-qrcode",
   "type": "module",
   "main": "src/index.ts",
   "files": [
@@ -14,14 +14,14 @@
     "url": "https://github.com/Tencent/tmagic-editor.git"
   },
   "dependencies": {
+    "@tmagic/form-schema": "workspace:^",
     "qrcode": "^1.5.0"
   },
   "peerDependencies": {
-    "@tmagic/core": "workspace:*",
-    "@tmagic/schema": "workspace:*",
-    "@tmagic/utils": "workspace:*",
-    "vue": ">=2.7.4",
-    "typescript": "*"
+    "@tmagic/core": "workspace:^",
+    "@tmagic/vue-runtime-help": "workspace:^",
+    "typescript": "catalog:",
+    "vue": ">=3.5.0"
   },
   "peerDependenciesMeta": {
     "typescript": {
@@ -29,6 +29,6 @@
     }
   },
   "devDependencies": {
-    "vue-template-compiler": "^2.7.4"
+    "@types/qrcode": "^1.4.2"
   }
 }
diff --git a/vue-components/qrcode/src/event.ts b/vue-components/qrcode/src/event.ts
new file mode 100644
index 00000000..51bc8ffb
--- /dev/null
+++ b/vue-components/qrcode/src/event.ts
@@ -0,0 +1,6 @@
+import { COMMON_EVENT_PREFIX } from '@tmagic/core';
+
+export default {
+  methods: [],
+  events: [{ label: '点击', value: `${COMMON_EVENT_PREFIX}click` }],
+};
diff --git a/packages/ui/src/img/src/formConfig.ts b/vue-components/qrcode/src/formConfig.ts
similarity index 80%
rename from packages/ui/src/img/src/formConfig.ts
rename to vue-components/qrcode/src/formConfig.ts
index 82926bdb..a658adeb 100644
--- a/packages/ui/src/img/src/formConfig.ts
+++ b/vue-components/qrcode/src/formConfig.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -16,15 +16,17 @@
  * limitations under the License.
  */
 
-export default [
+import { defineFormConfig } from '@tmagic/form-schema';
+
+export default defineFormConfig([
   {
-    text: '图片',
-    name: 'src',
+    name: 'className',
     type: 'data-source-input',
+    text: 'class',
   },
   {
     text: '链接',
     name: 'url',
     type: 'data-source-input',
   },
-];
+]);
diff --git a/vue-components/qrcode/src/index.ts b/vue-components/qrcode/src/index.ts
new file mode 100644
index 00000000..3e357b38
--- /dev/null
+++ b/vue-components/qrcode/src/index.ts
@@ -0,0 +1,25 @@
+/*
+ * Tencent is pleased to support the open source community by making TMagicEditor available.
+ *
+ * Copyright (C) 2025 Tencent.  All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import QrCode from './index.vue';
+
+export { default as config } from './formConfig';
+export { default as value } from './initValue';
+export { default as event } from './event';
+
+export default QrCode;
diff --git a/vue-components/qrcode/src/index.vue b/vue-components/qrcode/src/index.vue
new file mode 100644
index 00000000..ecfba726
--- /dev/null
+++ b/vue-components/qrcode/src/index.vue
@@ -0,0 +1,49 @@
+<template>
+  <img :src="imgUrl" @click="clickHandler" />
+</template>
+
+<script lang="ts" setup>
+import { inject, ref, watch } from 'vue';
+import QRCode from 'qrcode';
+
+import type TMagicApp from '@tmagic/core';
+import { COMMON_EVENT_PREFIX, type Id, type MComponent } from '@tmagic/core';
+import { type ComponentProps, registerNodeHooks, useNode } from '@tmagic/vue-runtime-help';
+
+interface QrCodeSchema extends Omit<MComponent, 'id'> {
+  id?: Id;
+  type?: 'qrcode';
+  url: string;
+}
+
+defineOptions({
+  name: 'tmagic-qrcode',
+});
+
+const props = defineProps<ComponentProps<QrCodeSchema>>();
+
+const imgUrl = ref();
+
+watch(
+  () => props.config.url,
+  (url = '') => {
+    QRCode.toDataURL(url, (e: any, url: string) => {
+      if (e) console.error(e);
+      imgUrl.value = url;
+    });
+  },
+  {
+    immediate: true,
+  },
+);
+
+const app = inject<TMagicApp>('app');
+const node = useNode(props);
+registerNodeHooks(node);
+
+const clickHandler = () => {
+  if (app && node) {
+    app.emit(`${COMMON_EVENT_PREFIX}click`, node);
+  }
+};
+</script>
diff --git a/packages/ui/src/qrcode/src/initValue.ts b/vue-components/qrcode/src/initValue.ts
similarity index 90%
rename from packages/ui/src/qrcode/src/initValue.ts
rename to vue-components/qrcode/src/initValue.ts
index 0a2fedc5..665d319c 100644
--- a/packages/ui/src/qrcode/src/initValue.ts
+++ b/vue-components/qrcode/src/initValue.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
diff --git a/vue-components/text/package.json b/vue-components/text/package.json
new file mode 100644
index 00000000..69d0026b
--- /dev/null
+++ b/vue-components/text/package.json
@@ -0,0 +1,30 @@
+{
+  "version": "1.0.0",
+  "name": "@tmagic/vue-text",
+  "type": "module",
+  "main": "src/index.ts",
+  "files": [
+    "src"
+  ],
+  "engines": {
+    "node": ">=18"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Tencent/tmagic-editor.git"
+  },
+  "dependencies": {
+    "@tmagic/form-schema": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tmagic/core": "workspace:^",
+    "@tmagic/vue-runtime-help": "workspace:^",
+    "typescript": "catalog:",
+    "vue": ">=3.5.0"
+  },
+  "peerDependenciesMeta": {
+    "typescript": {
+      "optional": true
+    }
+  }
+}
diff --git a/vue-components/text/src/event.ts b/vue-components/text/src/event.ts
new file mode 100644
index 00000000..51bc8ffb
--- /dev/null
+++ b/vue-components/text/src/event.ts
@@ -0,0 +1,6 @@
+import { COMMON_EVENT_PREFIX } from '@tmagic/core';
+
+export default {
+  methods: [],
+  events: [{ label: '点击', value: `${COMMON_EVENT_PREFIX}click` }],
+};
diff --git a/packages/ui/src/text/src/formConfig.ts b/vue-components/text/src/formConfig.ts
similarity index 77%
rename from packages/ui/src/text/src/formConfig.ts
rename to vue-components/text/src/formConfig.ts
index 2e86b78c..6e645a7f 100644
--- a/packages/ui/src/text/src/formConfig.ts
+++ b/vue-components/text/src/formConfig.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -16,7 +16,14 @@
  * limitations under the License.
  */
 
-export default [
+import { defineFormConfig } from '@tmagic/form-schema';
+
+export default defineFormConfig([
+  {
+    name: 'className',
+    type: 'data-source-input',
+    text: 'class',
+  },
   {
     name: 'text',
     text: '文本',
@@ -27,4 +34,4 @@ export default [
     text: '多行文本',
     type: 'switch',
   },
-];
+]);
diff --git a/packages/ui-vue2/src/text/index.ts b/vue-components/text/src/index.ts
similarity index 85%
rename from packages/ui-vue2/src/text/index.ts
rename to vue-components/text/src/index.ts
index 3290843b..b54f686f 100644
--- a/packages/ui-vue2/src/text/index.ts
+++ b/vue-components/text/src/index.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -16,9 +16,10 @@
  * limitations under the License.
  */
 
-import Text from './Text.vue';
+import Text from './index.vue';
 
 export { default as config } from './formConfig';
 export { default as value } from './initValue';
+export { default as event } from './event';
 
 export default Text;
diff --git a/vue-components/text/src/index.vue b/vue-components/text/src/index.vue
new file mode 100644
index 00000000..4cab53f9
--- /dev/null
+++ b/vue-components/text/src/index.vue
@@ -0,0 +1,33 @@
+<template>
+  <p @click="clickHandler" v-html="config.text"></p>
+</template>
+
+<script lang="ts" setup>
+import { inject } from 'vue';
+
+import type TMagicApp from '@tmagic/core';
+import { COMMON_EVENT_PREFIX, type Id, type MComponent } from '@tmagic/core';
+import { type ComponentProps, registerNodeHooks, useNode } from '@tmagic/vue-runtime-help';
+
+interface TextSchema extends Omit<MComponent, 'id'> {
+  id?: Id;
+  type?: 'text';
+  text: string;
+}
+
+defineOptions({
+  name: 'tmagic-text',
+});
+
+const props = defineProps<ComponentProps<TextSchema>>();
+
+const app = inject<TMagicApp>('app');
+const node = useNode(props);
+registerNodeHooks(node);
+
+const clickHandler = () => {
+  if (app && node) {
+    app.emit(`${COMMON_EVENT_PREFIX}click`, node);
+  }
+};
+</script>
diff --git a/packages/ui-react/src/text/initValue.ts b/vue-components/text/src/initValue.ts
similarity index 90%
rename from packages/ui-react/src/text/initValue.ts
rename to vue-components/text/src/initValue.ts
index efe47eea..0edba65e 100644
--- a/packages/ui-react/src/text/initValue.ts
+++ b/vue-components/text/src/initValue.ts
@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.