diff --git a/.eslintignore b/.eslintignore
deleted file mode 100644
index dbf732f4e889603818dc43e0aaabd7e57a320c4b..0000000000000000000000000000000000000000
--- a/.eslintignore
+++ /dev/null
@@ -1,6 +0,0 @@
-node_modules/*
-packages/**/node_modules/*
-packages/**/dist/*
-packages/**/build/*
-packages/**/lib/*
-packages/**/package/*
\ No newline at end of file
diff --git a/.husky/commit-msg b/.husky/commit-msg
index cc1eedbc61c5125ab2d8b51159ab62a9e28d09c2..813b76ee5e4dc8a69871f668e3bd9dd38554e5a3 100755
--- a/.husky/commit-msg
+++ b/.husky/commit-msg
@@ -1,4 +1 @@
-#!/usr/bin/env sh
-. "$(dirname "$0")/_/husky.sh"
-
 npx --no-install commitlint --edit
diff --git a/.husky/pre-commit b/.husky/pre-commit
index 35135873823f9616025422d9bb7026f78a2e2013..80f417e6d9fb269328757afebab2e3abc968c7cf 100755
--- a/.husky/pre-commit
+++ b/.husky/pre-commit
@@ -1,4 +1 @@
-#!/usr/bin/env sh
-. "$(dirname "$0")/_/husky.sh"
-
-pnpx @ls-lint/ls-lint && pnpx lint-staged
+pnpx @ls-lint/ls-lint && pnpx lint-staged && pnpm dlx eslint
diff --git a/eslint.config.mjs b/eslint.config.mjs
new file mode 100644
index 0000000000000000000000000000000000000000..6290e9da16383bd9b0b1a121d354af1406aa2a53
--- /dev/null
+++ b/eslint.config.mjs
@@ -0,0 +1,138 @@
+import globals from "globals";
+import pluginJs from "@eslint/js";
+import tseslint from "typescript-eslint";
+import pluginVue from "eslint-plugin-vue";
+import farrislint from "@farris/eslint-config";
+
+/** @type {import('eslint').Linter.Config[]} */
+export default [
+  { files: ["**/*.{js,mjs,cjs,ts,vue}"] },
+  { languageOptions: { globals: globals.browser } },
+  pluginJs.configs.recommended,
+  ...tseslint.configs.recommended,
+  ...pluginVue.configs["flat/essential"],
+  { files: ["**/*.vue"], languageOptions: { parserOptions: { parser: tseslint.parser } } },
+  {
+    ignores: [
+      "node_modules/*",
+      "packages/**/node_modules/*",
+      "packages/**/dist/*",
+      "packages/**/build/*",
+      "packages/**/lib/*",
+      "packages/**/package/*",
+      "packages/ui-vue/docs/*",
+      "packages/ui-vue/demos/*",
+      "packages/farris-theme/*",
+      "packages/f-theme-editor-project/*",
+      "packages/mobile-ui-vue/docs/*",
+    ]
+  },
+  {
+    rules: {
+      'accessor-pairs': 'off',
+      'array-callback-return': 'off',
+      'arrow-body-style': 'off',
+      curly: 'error',
+      'class-methods-use-this': 'off',
+      complexity: [
+        'error',
+        {
+          max: 40
+        }
+      ],
+      'consistent-return': 'off',
+      'default-case': 'off',
+      'eol-last': 'warn',
+      eqeqeq: ['error', 'smart'],
+      'func-names': 'off',
+      'import/order': 'off',
+      'import/extensions': 'off',
+      'import/no-unresolved': 'off',
+      'import/prefer-default-export': 'off',
+      'import/no-extraneous-dependencies': 'off',
+      indent: 0,
+      'max-depth': 'off',
+      'max-len': 'off',
+      'max-nested-callbacks': ['error', 6],
+      'max-params': 'off',
+      'no-new': 'off',
+      'no-bitwise': 'off',
+      'no-console': [
+        'error',
+        {
+          allow: [
+            'log',
+            'warn',
+            'dir',
+            'timeLog',
+            'assert',
+            'clear',
+            'count',
+            'countReset',
+            'group',
+            'groupEnd',
+            'table',
+            'dirxml',
+            'error',
+            'groupCollapsed',
+            'Console',
+            'profile',
+            'profileEnd',
+            'timeStamp',
+            'context'
+          ]
+        }
+      ],
+      'no-multiple-empty-lines': 'error',
+      'no-restricted-globals': 'off',
+      'no-shadow': 'off',
+      'no-trailing-spaces': 'off',
+      'no-param-reassign': 'off',
+      'no-plusplus': 'off',
+      'no-nested-ternary': 'off',
+      'no-undef': 'off',
+      'no-underscore-dangle': 'off',
+      'no-unused-expressions': 'off',
+      'no-unused-labels': 'error',
+      'no-use-before-define': 'error',
+      'no-useless-constructor': 'off',
+      'no-useless-concat': 'off',
+      'no-var': 'error',
+      'prefer-const': 'error',
+      'prefer-destructuring': ['error', { object: true, array: false }],
+      'prefer-promise-reject-errors': 'off',
+      'prefer-template': 'off',
+      'space-in-parens': ['error', 'never'],
+      'spaced-comment': ['error', 'always'],
+      '@typescript-eslint/camelcase': 'off',
+      '@typescript-eslint/ban-ts-comment': 'off',
+      '@typescript-eslint/no-unused-expressions': 'off',
+      '@typescript-eslint/no-unused-vars': 'off',
+      '@typescript-eslint/no-var-requires': 'off',
+      '@typescript-eslint/no-explicit-any': 'off',
+      '@typescript-eslint/no-empty-function': 'off',
+      '@typescript-eslint/no-non-null-assertion': 'off',
+      '@typescript-eslint/explicit-function-return-type': 'off',
+      '@typescript-eslint/explicit-module-boundary-types': 'off',
+      '@typescript-eslint/no-useless-constructor': 'off',
+      '@typescript-eslint/no-parameter-properties': 'off',
+      '@typescript-eslint/no-require-imports': 'off',
+      '@typescript-eslint/dot-notation': 'off',
+      '@typescript-eslint/no-misused-new': 'error',
+      '@typescript-eslint/prefer-function-type': 'error',
+      '@/semi': ['warn', 'always'],
+      '@typescript-eslint/unified-signatures': 'error',
+      '@typescript-eslint/no-shadow': 'off',
+      '@typescript-eslint/member-ordering': 'off',
+      '@typescript-eslint/no-this-alias': 'off',
+      'vue/no-v-html': 'off',
+      'vue/attributes-order': 'off',
+      'vue/require-v-for-key': 'off',
+      'vue/require-default-prop': 'off',
+      'vue/no-unused-components': 'off',
+      'vue/multi-word-component-names': 'off',
+      'vue/return-in-computed-property': 'off'
+    }
+  },
+  { plugins: { farrislint }, rules: { "prefer-object-spread": "off" } }
+];
diff --git a/package.json b/package.json
index 9e387f555fa3ef3a356b32d8b1ce27720b491b57..42db7dac64523ade03db4334f069516876f00b7c 100644
--- a/package.json
+++ b/package.json
@@ -64,9 +64,9 @@
     "date-fns": "^3.6.0",
     "del-cli": "^5.1.0",
     "esbuild-register": "^3.3.0",
-    "eslint": "^8.56.0",
+    "eslint": "^8.57.1",
     "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-vue": "^9.4.0",
+    "eslint-plugin-vue": "^9.29.1",
     "express": "^4.16.3",
     "fs-extra": "^11.2.0",
     "happy-dom": "^14.12.0",
@@ -109,11 +109,14 @@
     "packages/ui-vue/{*.scss,*.css}": "stylelint --fix"
   },
   "dependencies": {
+    "@eslint/js": "^9.17.0",
     "axios": "^1.7.2",
     "echarts": "^5.5.0",
+    "globals": "^15.13.0",
     "jsonp": "^0.2.1",
     "markdown-it": "^14.1.0",
     "markdown-it-container": "^4.0.0",
-    "ts-jest": "^29.1.2"
+    "ts-jest": "^29.1.2",
+    "typescript-eslint": "^8.18.0"
   }
 }
\ No newline at end of file
diff --git a/packages/bef/scripts/commands/build-vite-config.cjs b/packages/bef/scripts/commands/build-vite-config.cjs
index 6eee5f9af6320fae4e228e42619166f61cb1ecda..ceacb74bb19e3559968afad51038d4e455b803f8 100644
--- a/packages/bef/scripts/commands/build-vite-config.cjs
+++ b/packages/bef/scripts/commands/build-vite-config.cjs
@@ -39,5 +39,5 @@ module.exports = function (options) {
                 },
             },
         },
-    })
-}
\ No newline at end of file
+    });
+};
diff --git a/packages/bef/src/views/dynamic-demo/module/index.ts b/packages/bef/src/views/dynamic-demo/module/index.ts
index 46266fdaf84b9a1f382e735185e8397d98e49bad..03570d1048707fb3afcb051017f0d0b564344cbd 100644
--- a/packages/bef/src/views/dynamic-demo/module/index.ts
+++ b/packages/bef/src/views/dynamic-demo/module/index.ts
@@ -1,2 +1,2 @@
 export * from './dynamic-repository';
-export * from './dynamic-module';
\ No newline at end of file
+export * from './dynamic-module';
diff --git a/packages/bef/src/views/dynamic-demo/module/services/base-data.service.ts b/packages/bef/src/views/dynamic-demo/module/services/base-data.service.ts
index e3787ba69613b655b916fb299224af69c26f503b..6f0d789dcff6fbecea4def488a3113c3dceba156 100644
--- a/packages/bef/src/views/dynamic-demo/module/services/base-data.service.ts
+++ b/packages/bef/src/views/dynamic-demo/module/services/base-data.service.ts
@@ -45,4 +45,4 @@ class BaseDataService {
     }
 }
 
-export { BaseDataService }
\ No newline at end of file
+export { BaseDataService };
diff --git a/packages/bef/src/views/static-demo/module/static-entity-store.ts b/packages/bef/src/views/static-demo/module/static-entity-store.ts
index ed59ef34c6fd886f2491daac927c26d39f545e16..6eab1d0bf0f4810cf412f9c77f09149b2074f072 100644
--- a/packages/bef/src/views/static-demo/module/static-entity-store.ts
+++ b/packages/bef/src/views/static-demo/module/static-entity-store.ts
@@ -1,4 +1,4 @@
-// eslint-disable-next-line max-classes-per-file
+ 
 import { FdEntityStore, FdField, EntityState, EntityStore, Entity } from '@farris/devkit-vue';
 
 class StaticEntity extends Entity {
diff --git a/packages/bef/src/views/static-demo/module/static-repository.ts b/packages/bef/src/views/static-demo/module/static-repository.ts
index a6ea87138abb912f56327f892d9f846f0f38e9f8..754e60f51f7ff4eebe7e0326d5ca7b4dac7de1d2 100644
--- a/packages/bef/src/views/static-demo/module/static-repository.ts
+++ b/packages/bef/src/views/static-demo/module/static-repository.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-classes-per-file */
+ 
 import { FdRepository, Module } from '@farris/devkit-vue';
 import { BefProxy, BefRepository } from '../../../../lib/index';
 import { StaticEntity } from './static-entity-store';
diff --git a/packages/bef/src/views/static-demo/module/static-ui-store.ts b/packages/bef/src/views/static-demo/module/static-ui-store.ts
index b3d9245e0e42427e80ba7ef06d4512ee358a9566..35caaaecd7d8a5bf86d4e06446f89e00b2d59e38 100644
--- a/packages/bef/src/views/static-demo/module/static-ui-store.ts
+++ b/packages/bef/src/views/static-demo/module/static-ui-store.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-classes-per-file */
+ 
 import { FdUIStore, FdUIState, UIState, UIStore } from '@farris/devkit-vue';
 
 class StaticUIState extends UIState {
diff --git a/packages/bef/src/views/static-demo/module/static-viewmodel.ts b/packages/bef/src/views/static-demo/module/static-viewmodel.ts
index d579e516d070f45f786f0f2038769ab257fd1463..315d2519b783987e5665f86cb3f610b90e52a83a 100644
--- a/packages/bef/src/views/static-demo/module/static-viewmodel.ts
+++ b/packages/bef/src/views/static-demo/module/static-viewmodel.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-classes-per-file */
+ 
 import { Injector, FdViewModel, FdGetter, FdAction, FdCommandAction, ViewModelState, ViewModel } from '@farris/devkit-vue';
 import { serviceProviders } from './services/index';
 import { LoadHandler, SaveHandler, TestHandler  } from './handlers/index';
@@ -55,4 +55,4 @@ class StaticViewModel extends ViewModel<StaticViewModelState>  {
     public test() {};
 }
 
-export { StaticViewModelState, StaticViewModel };
\ No newline at end of file
+export { StaticViewModelState, StaticViewModel };
diff --git a/packages/cli/bin/index.js b/packages/cli/bin/index.js
old mode 100644
new mode 100755
diff --git a/packages/cli/templates/mobile/.eslintrc.cjs b/packages/cli/templates/mobile/.eslintrc.cjs
index 6f40582dda70241afd3bbd38da6853278bef4aaf..12d29bc148b81fde03745867c2cd6d66b0d57dfd 100644
--- a/packages/cli/templates/mobile/.eslintrc.cjs
+++ b/packages/cli/templates/mobile/.eslintrc.cjs
@@ -1,5 +1,5 @@
 /* eslint-env node */
-require('@rushstack/eslint-patch/modern-module-resolution')
+require('@rushstack/eslint-patch/modern-module-resolution');
 
 module.exports = {
   root: true,
@@ -12,4 +12,4 @@ module.exports = {
   parserOptions: {
     ecmaVersion: 'latest'
   }
-}
+};
diff --git a/packages/cli/templates/mobile/farris.config.mjs b/packages/cli/templates/mobile/farris.config.mjs
index 127024b2df4b30d24ebaeddbc811ac92f7cff552..4498683cbe8ba8279c25e5b8641a716dc636e42b 100644
--- a/packages/cli/templates/mobile/farris.config.mjs
+++ b/packages/cli/templates/mobile/farris.config.mjs
@@ -21,4 +21,4 @@ export default {
   // plugins: [],
   // viteConfig 配置项
   viteConfig: {}
-}
\ No newline at end of file
+};
diff --git a/packages/cli/templates/mobile/src/App.vue b/packages/cli/templates/mobile/src/App.vue
index eaca40e6c0940d9bd980b2f01c2f5989deb30f9b..9dc0b8681889174d2364a0777b3d046e7f369415 100644
--- a/packages/cli/templates/mobile/src/App.vue
+++ b/packages/cli/templates/mobile/src/App.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { RouterLink, RouterView } from 'vue-router'
+import { RouterLink, RouterView } from 'vue-router';
 </script>
 
 <template>
diff --git a/packages/cli/templates/mobile/src/main.ts b/packages/cli/templates/mobile/src/main.ts
index d4d06e78632fc1ffacc9f31b3a18a4675f3dc1ef..0c2f9cec39bc7879e6b7edb8f3d0965d7fe97581 100644
--- a/packages/cli/templates/mobile/src/main.ts
+++ b/packages/cli/templates/mobile/src/main.ts
@@ -1,12 +1,12 @@
-import { createApp } from 'vue'
-import FarrisVue from '@farris/mobile-ui-vue'
-import App from './App.vue'
-import router from './router'
+import { createApp } from 'vue';
+import FarrisVue from '@farris/mobile-ui-vue';
+import App from './App.vue';
+import router from './router';
 
-import '@farris/mobile-ui-vue/style.css'
+import '@farris/mobile-ui-vue/style.css';
 
-const app = createApp(App)
+const app = createApp(App);
 
-app.use(router).use(FarrisVue)
+app.use(router).use(FarrisVue);
 
-app.mount('#app')
+app.mount('#app');
diff --git a/packages/cli/templates/mobile/src/router/index.ts b/packages/cli/templates/mobile/src/router/index.ts
index a49ae507f39bdb792025d7c4bd1573b876e8cc96..414ae58a3970442a64264b8a40b331bb5fec4658 100644
--- a/packages/cli/templates/mobile/src/router/index.ts
+++ b/packages/cli/templates/mobile/src/router/index.ts
@@ -1,5 +1,5 @@
-import { createRouter, createWebHistory } from 'vue-router'
-import HomeView from '../views/HomeView.vue'
+import { createRouter, createWebHistory } from 'vue-router';
+import HomeView from '../views/HomeView.vue';
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
@@ -18,6 +18,6 @@ const router = createRouter({
       component: () => import('../views/AboutView.vue')
     }
   ]
-})
+});
 
-export default router
+export default router;
diff --git a/packages/cli/templates/mobile/src/views/HomeView.vue b/packages/cli/templates/mobile/src/views/HomeView.vue
index 6afcb221fa0955242fb0ae0197f3a75f72e06326..8cb3ab28cadc86a8a92e3dc0a2866a637f902797 100644
--- a/packages/cli/templates/mobile/src/views/HomeView.vue
+++ b/packages/cli/templates/mobile/src/views/HomeView.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import TheButton from '../components/TheButton.vue'
+import TheButton from '../components/TheButton.vue';
 </script>
 
 <template>
diff --git a/packages/cli/templates/web/.eslintrc.cjs b/packages/cli/templates/web/.eslintrc.cjs
index 6f40582dda70241afd3bbd38da6853278bef4aaf..12d29bc148b81fde03745867c2cd6d66b0d57dfd 100644
--- a/packages/cli/templates/web/.eslintrc.cjs
+++ b/packages/cli/templates/web/.eslintrc.cjs
@@ -1,5 +1,5 @@
 /* eslint-env node */
-require('@rushstack/eslint-patch/modern-module-resolution')
+require('@rushstack/eslint-patch/modern-module-resolution');
 
 module.exports = {
   root: true,
@@ -12,4 +12,4 @@ module.exports = {
   parserOptions: {
     ecmaVersion: 'latest'
   }
-}
+};
diff --git a/packages/cli/templates/web/farris.config.mjs b/packages/cli/templates/web/farris.config.mjs
index 127024b2df4b30d24ebaeddbc811ac92f7cff552..4498683cbe8ba8279c25e5b8641a716dc636e42b 100644
--- a/packages/cli/templates/web/farris.config.mjs
+++ b/packages/cli/templates/web/farris.config.mjs
@@ -21,4 +21,4 @@ export default {
   // plugins: [],
   // viteConfig 配置项
   viteConfig: {}
-}
\ No newline at end of file
+};
diff --git a/packages/cli/templates/web/src/App.vue b/packages/cli/templates/web/src/App.vue
index eaca40e6c0940d9bd980b2f01c2f5989deb30f9b..9dc0b8681889174d2364a0777b3d046e7f369415 100644
--- a/packages/cli/templates/web/src/App.vue
+++ b/packages/cli/templates/web/src/App.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { RouterLink, RouterView } from 'vue-router'
+import { RouterLink, RouterView } from 'vue-router';
 </script>
 
 <template>
diff --git a/packages/cli/templates/web/src/main.ts b/packages/cli/templates/web/src/main.ts
index 830b74c87d96ee9f06b0d4c4e15ab64edb3cab27..c3bc3ffd9ff377bcf5049e4d4b2fce49b7c64a56 100644
--- a/packages/cli/templates/web/src/main.ts
+++ b/packages/cli/templates/web/src/main.ts
@@ -1,10 +1,10 @@
-import { createApp } from 'vue'
-import FarrisVue from '@farris/ui-vue'
-import App from './App.vue'
-import router from './router'
+import { createApp } from 'vue';
+import FarrisVue from '@farris/ui-vue';
+import App from './App.vue';
+import router from './router';
 
-const app = createApp(App)
+const app = createApp(App);
 
-app.use(router).use(FarrisVue)
+app.use(router).use(FarrisVue);
 
-app.mount('#app')
+app.mount('#app');
diff --git a/packages/cli/templates/web/src/router/index.ts b/packages/cli/templates/web/src/router/index.ts
index a49ae507f39bdb792025d7c4bd1573b876e8cc96..414ae58a3970442a64264b8a40b331bb5fec4658 100644
--- a/packages/cli/templates/web/src/router/index.ts
+++ b/packages/cli/templates/web/src/router/index.ts
@@ -1,5 +1,5 @@
-import { createRouter, createWebHistory } from 'vue-router'
-import HomeView from '../views/HomeView.vue'
+import { createRouter, createWebHistory } from 'vue-router';
+import HomeView from '../views/HomeView.vue';
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
@@ -18,6 +18,6 @@ const router = createRouter({
       component: () => import('../views/AboutView.vue')
     }
   ]
-})
+});
 
-export default router
+export default router;
diff --git a/packages/cli/templates/web/src/views/HomeView.vue b/packages/cli/templates/web/src/views/HomeView.vue
index 6afcb221fa0955242fb0ae0197f3a75f72e06326..8cb3ab28cadc86a8a92e3dc0a2866a637f902797 100644
--- a/packages/cli/templates/web/src/views/HomeView.vue
+++ b/packages/cli/templates/web/src/views/HomeView.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import TheButton from '../components/TheButton.vue'
+import TheButton from '../components/TheButton.vue';
 </script>
 
 <template>
diff --git a/packages/command-services-vue/src/views/card/viewmodel/handlers/load.handler.ts b/packages/command-services-vue/src/views/card/viewmodel/handlers/load.handler.ts
index 3b9a5dc7ed524e552ec1d9f870061130105161ed..1d9236e300933c679836be082338474c4768c581 100644
--- a/packages/command-services-vue/src/views/card/viewmodel/handlers/load.handler.ts
+++ b/packages/command-services-vue/src/views/card/viewmodel/handlers/load.handler.ts
@@ -11,8 +11,6 @@ export class LoadHandler extends CommandHandler {
 
     execute(context: CommandContext) {
         const { id = null, action = null } = this.paramService.parseQuery();
-        if(action){
-            
-        }
+        if (action) { /* empty */ }
     }
 }
diff --git a/packages/command-services-vue/src/vite-env.d.ts b/packages/command-services-vue/src/vite-env.d.ts
index 11f02fe2a0061d6e6e1f271b21da95423b448b32..14fa74923045e334cfac26387dd5aa8ad993b403 100644
--- a/packages/command-services-vue/src/vite-env.d.ts
+++ b/packages/command-services-vue/src/vite-env.d.ts
@@ -1 +1 @@
-/// <reference types="vite/client" />
+// / <reference types="vite/client" />
diff --git a/packages/designer/src/App.vue b/packages/designer/src/App.vue
index 27adba51591649fef927e17df9e6eef6fc1b25b4..9a1d92489b3fdbee61d96fa674732414cad3ffb0 100644
--- a/packages/designer/src/App.vue
+++ b/packages/designer/src/App.vue
@@ -13,6 +13,7 @@ const routes: Record<string, any> = {
 };
 
 const currentView = computed(() => {
+    // eslint-disable-next-line no-constant-binary-expression
     const routePath: string = `/${currentPath.value.slice(1)}` || '/';
     return routes[routePath] || FDesigner;
 });
diff --git a/packages/designer/src/components/components/monaco-editor/monaco-editor.component.tsx b/packages/designer/src/components/components/monaco-editor/monaco-editor.component.tsx
index 2f0f1928ef4a3434327bb452ffd757694b006147..825d64c013072033cb171aaedc109a3cf26b2e9b 100644
--- a/packages/designer/src/components/components/monaco-editor/monaco-editor.component.tsx
+++ b/packages/designer/src/components/components/monaco-editor/monaco-editor.component.tsx
@@ -8,7 +8,7 @@ export default defineComponent({
     setup(props: MonacoEditorProps, context) {
         const editorContainer = ref();
         let editorInstance: any = null;
-        let codeValues = ref(props.modelValue);
+        const codeValues = ref(props.modelValue);
 
         async function getMonacoEditorConfig() {
             return fetch('assets/monaco-editor.config.json').then((config: Record<string, any>) => {
@@ -36,8 +36,8 @@ export default defineComponent({
 
         watch(() => props.modelValue, (newValue) => {
             codeValues.value = newValue;
-            editorInstance?.setValue(newValue)
-        })
+            editorInstance?.setValue(newValue);
+        });
         const resizeObserver = new ResizeObserver(entries => {
             editorInstance?.layout();
         });
diff --git a/packages/designer/src/components/components/view-model-designer/method-manager/components/method-list/method-list.component.tsx b/packages/designer/src/components/components/view-model-designer/method-manager/components/method-list/method-list.component.tsx
index 06766207857f8476b7a25e6eb3323967b80e8cb3..006c97971d594734d5e85d6d5fc35b4812df0cad 100644
--- a/packages/designer/src/components/components/view-model-designer/method-manager/components/method-list/method-list.component.tsx
+++ b/packages/designer/src/components/components/view-model-designer/method-manager/components/method-list/method-list.component.tsx
@@ -99,7 +99,7 @@ export default defineComponent({
          */
         function onParameterValueChanged(newValue: any, paramData: any) {
             paramData.value = newValue;
-            updateViewModel(commandsData.value)
+            updateViewModel(commandsData.value);
         }
         /**
          * 渲染操作的来源信息
@@ -177,7 +177,7 @@ export default defineComponent({
                                             <FInputGroup
                                                 v-model={paramData.value}
                                                 group-text={'<i class="f-icon f-icon-lookup"></i>'}
-                                                onChange={(newValue) => { onParameterValueChanged(newValue, paramData) }}
+                                                onChange={(newValue) => { onParameterValueChanged(newValue, paramData); }}
                                             ></FInputGroup>
                                         </div>
                                     </div>
diff --git a/packages/designer/src/components/components/view-model-designer/method-manager/composition/build-method.ts b/packages/designer/src/components/components/view-model-designer/method-manager/composition/build-method.ts
index d716c915ef170055e552aa9befb17ab64ed1123c..b2d9e2404a19d514e08393766a6dff11e8f34e1a 100644
--- a/packages/designer/src/components/components/view-model-designer/method-manager/composition/build-method.ts
+++ b/packages/designer/src/components/components/view-model-designer/method-manager/composition/build-method.ts
@@ -1,4 +1,4 @@
-/* eslint-disable no-restricted-syntax */
+ 
 import axios from 'axios';
 import { FormViewModel, FormWebCmd, UseFormSchema } from "../../../../types";
 import { Command } from "../entity/command";
diff --git a/packages/designer/src/components/components/view-model-designer/method-manager/composition/use-view-model-name.ts b/packages/designer/src/components/components/view-model-designer/method-manager/composition/use-view-model-name.ts
index 56d0d64d6f401c7ab1eb570e51e39d3cbcb5ad34..5a8324536a1b33b721ca210b3c0df83712adc63c 100644
--- a/packages/designer/src/components/components/view-model-designer/method-manager/composition/use-view-model-name.ts
+++ b/packages/designer/src/components/components/view-model-designer/method-manager/composition/use-view-model-name.ts
@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/indent */
 import { inject } from "vue";
 import { ComponentType, FormComponent, UseFormSchema } from "../../../../types";
 
diff --git a/packages/designer/src/components/components/view-model-designer/method-manager/entity/extension.ts b/packages/designer/src/components/components/view-model-designer/method-manager/entity/extension.ts
index 7c52c244ad340b7787c9ec4f86a7bbacb40c8fad..92fb93bd4741a7f781a0d3d45ec5d13b3bcf36ff 100644
--- a/packages/designer/src/components/components/view-model-designer/method-manager/entity/extension.ts
+++ b/packages/designer/src/components/components/view-model-designer/method-manager/entity/extension.ts
@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/indent */
 import { IOperationNode } from './operation-node';
 import { ITreeNode } from './tree-node';
 import { ExecuteNode } from './execute-node';
diff --git a/packages/designer/src/components/components/view-model-designer/method-manager/entity/operation-collection.ts b/packages/designer/src/components/components/view-model-designer/method-manager/entity/operation-collection.ts
index 4fd8a5a0a1f5f6502893189ad502dc73c10a46f9..b51506b10830763c90868221471b08a0868b254e 100644
--- a/packages/designer/src/components/components/view-model-designer/method-manager/entity/operation-collection.ts
+++ b/packages/designer/src/components/components/view-model-designer/method-manager/entity/operation-collection.ts
@@ -1,5 +1,3 @@
-/* eslint-disable @typescript-eslint/indent */
-/* eslint-disable no-restricted-syntax */
 import { ITreeNode } from './tree-node';
 import { IOperationNode } from './operation-node';
 import { ExecuteNode } from './execute-node';
diff --git a/packages/designer/src/components/components/view-model-designer/method-manager/entity/webcmp-metadata.ts b/packages/designer/src/components/components/view-model-designer/method-manager/entity/webcmp-metadata.ts
index 97cc84ad6fd920b49cba14deab9fb551093355a9..37249e9ed884d3ad7e37dde1ad0df0eed54f1343 100644
--- a/packages/designer/src/components/components/view-model-designer/method-manager/entity/webcmp-metadata.ts
+++ b/packages/designer/src/components/components/view-model-designer/method-manager/entity/webcmp-metadata.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-classes-per-file */
+ 
 
 /** 构件操作参数 */
 export declare class Parameter {
diff --git a/packages/designer/src/components/components/view-model-designer/method-manager/method-manager.component.tsx b/packages/designer/src/components/components/view-model-designer/method-manager/method-manager.component.tsx
index e7ff92bc91b1efbe31730a86bd716c3872e725ed..a466806242e1ae5f893b729310b74bcc0d149657 100644
--- a/packages/designer/src/components/components/view-model-designer/method-manager/method-manager.component.tsx
+++ b/packages/designer/src/components/components/view-model-designer/method-manager/method-manager.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { SetupContext, defineComponent, ref, computed, inject } from "vue";
 import { FNotifyService } from "@farris/ui-vue/components/notify";
 import { FModal } from "@farris/ui-vue/components/modal";
diff --git a/packages/designer/src/components/components/view-model-designer/method-manager/service/id.service.ts b/packages/designer/src/components/components/view-model-designer/method-manager/service/id.service.ts
index 6d3bac8f1547da6a7e53af83fa26318110e22a84..62f779141b7c5b1efad4d82acaade4d54bb13447 100644
--- a/packages/designer/src/components/components/view-model-designer/method-manager/service/id.service.ts
+++ b/packages/designer/src/components/components/view-model-designer/method-manager/service/id.service.ts
@@ -6,7 +6,7 @@ export class IdService {
     }
 
     guid() {
-        // eslint-disable-next-line dot-notation
+         
         const _crypto = window.crypto ? crypto : window['msCrypto'];
         if (_crypto) {
             return (([1e7] as any) + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, c =>
diff --git a/packages/designer/src/components/composition/command.service.ts b/packages/designer/src/components/composition/command.service.ts
index da7ca5650ffc44b6825524ea22f1c36377e7b427..88df15d9f8cbdde1b27472a26cd2585b475090f7 100644
--- a/packages/designer/src/components/composition/command.service.ts
+++ b/packages/designer/src/components/composition/command.service.ts
@@ -1,4 +1,6 @@
-import { inject } from "vue";
+/* eslint-disable prefer-destructuring */
+/* eslint-disable complexity */
+/* eslint-disable no-use-before-define */
 import { cloneDeep } from "lodash-es";
 import axios, { AxiosResponse } from 'axios';
 import { FLoadingService } from "@farris/ui-vue/components/loading";
@@ -9,7 +11,7 @@ import { CommandMetadataConvertor } from "./command/command-metadata";
 import { UseFormCommandService } from "../types/command";
 import { IdService } from "../components/view-model-designer/method-manager/service/id.service";
 
-export function useFormCommandService(formSchemaService:UseFormSchema,loadingService:FLoadingService): UseFormCommandService {
+export function useFormCommandService(formSchemaService: UseFormSchema, loadingService: FLoadingService): UseFormCommandService {
     const metadataService = new MetadataService();
     const messageService: any = new FMessageBoxService();
     /** 命令列表下的参数 */
@@ -57,26 +59,26 @@ export function useFormCommandService(formSchemaService:UseFormSchema,loadingSer
         methodCode: string,
         methodName: string,
         setPropertyRelates?: any
-    }|null;
-    function getCommands(){
+    } | null;
+    function getCommands() {
         return commands;
     }
     /** 0.获取webcmd控制器（其参数为空）*/
     function checkCommands(): Promise<any> {
-        //const loadingInstance = loadingService['show']({ message: '数据加载中，请稍候....' });
+        // const loadingInstance = loadingService['show']({ message: '数据加载中，请稍候....' });
         return new Promise((resolve, reject) => {
             loadWebcmd().then((webCmds) => {
                 commands = cloneDeep(webCmds);
                 generateInternalCommandList();
                 checkViewModelCommands(webCmds);
                 syncActions();
-                //loadingInstance.value.close();
+                // loadingInstance.value.close();
                 resolve([]);
             }).catch((error) => {
                 messageService.warning(error);
-                //loadingInstance.value.close();
+                // loadingInstance.value.close();
                 reject(error);
-            })
+            });
         });
     }
 
@@ -99,14 +101,14 @@ export function useFormCommandService(formSchemaService:UseFormSchema,loadingSer
                         return response.data;
                     }).catch(() => {
                         if (webcmdInfo.refedHandlers && webcmdInfo.refedHandlers.length) {
-                            let msg = '获取元数据XXX失败，是否移除表单的引用？'.replace('XXX', webcmdInfo.name);
+                            const msg = '获取元数据XXX失败，是否移除表单的引用？'.replace('XXX', webcmdInfo.name);
                             messageService.question(msg);
                         }
                         formSchemaService.setCommands(formSchemaService.getCommands().filter(webCmd => webCmd.id !== webcmdInfo.id));
-                    })
-                })
+                    });
+                });
                 axios.all(requestCommandsMetadata).then(axios.spread((...metadataList) => {
-                    //!!item进行转化
+                    // !!item进行转化
                     const metadataContentList = metadataList.filter(item => item !== undefined && item !== null).map(item => new CommandMetadataConvertor().InitFromJobject(JSON.parse(item['content'])));
                     resolve(metadataContentList);
                 })).catch((error) => {
@@ -115,7 +117,7 @@ export function useFormCommandService(formSchemaService:UseFormSchema,loadingSer
 
                 });
             });
-        })
+        });
     }
     /** 1-1.将当前表单相关的自定义构件追加到webCmds中 
      * private
@@ -134,8 +136,8 @@ export function useFormCommandService(formSchemaService:UseFormSchema,loadingSer
                     let extendProperty: any;
                     try {
                         extendProperty = JSON.parse(item.extendProperty);
+                        // eslint-disable-next-line no-empty
                     } catch (e) {
-
                     }
 
                     // 比对表单编号，若不匹配说明是其他表单关联的自定义构件
@@ -173,7 +175,7 @@ export function useFormCommandService(formSchemaService:UseFormSchema,loadingSer
                 label: controller.Code,
                 name: controller.Name,
                 id: controller.Id,
-            }
+            };
             if (!controller.Commands) {
                 controller['Commands'] = [];
             }
@@ -194,7 +196,7 @@ export function useFormCommandService(formSchemaService:UseFormSchema,loadingSer
                             isRetVal: params.IsRetVal,
                             parameterType: params.parameterType,
                             origin: cloneDeep(params)
-                        }
+                        };
                         controllerListItem.property.push(cloneDeep(propertyItem));
                     });
                 }
@@ -213,10 +215,10 @@ export function useFormCommandService(formSchemaService:UseFormSchema,loadingSer
     }
     /** 2-1.去重 */
     function getUniqueValue(itemWithSameValue, identifier) {
-        let value = cloneDeep(itemWithSameValue);
+        const value = cloneDeep(itemWithSameValue);
         for (let i = 0; i < value.length; i++) {
             for (let j = i + 1; j < value.length; j++) {
-                if (value[i][identifier] == value[j][identifier]) {
+                if (value[i][identifier] === value[j][identifier]) {
                     value.splice(j, 1);
                     j--;
                 }
@@ -272,15 +274,15 @@ export function useFormCommandService(formSchemaService:UseFormSchema,loadingSer
         if (commands) {
             let components = cloneDeep(formSchemaService.getComponents());
             components = components.filter(c => !c.fakeDel);
-            let findEvents = [];
+            const findEvents = [];
             let allBoundEvents = findBoundEvent(components, findEvents, 'root-viewmodel');
             if (formSchemaService.getFormSchema().module.toolbar) {
                 allBoundEvents = findBoundEventInToolbar(formSchemaService.getFormSchema().module.toolbar, allBoundEvents);
             }
             getUniqueEvent(allBoundEvents);
-            let array = [];
+            const array = [];
             const viewModel = cloneDeep(formSchemaService.getFormSchema().module.viewmodels);
-            if (allBoundEvents.length != 0) {
+            if (allBoundEvents.length !== 0) {
                 allBoundEvents = setActions(getComponentId(matchWebcmd(matchVM(allBoundEvents, viewModel))), 0, array);
             }
             formSchemaService.getFormSchema().module.actions = cloneDeep(allBoundEvents);
@@ -289,9 +291,9 @@ export function useFormCommandService(formSchemaService:UseFormSchema,loadingSer
     /** 4-1-1.遍历components节点，找到所有事件 */
     function findBoundEvent(components, findEvents, viewModelId, excludedEvents?: string[]) {
         // ----------------------ToDo--------------------------------
-        //controlService = injector.get(DesignerHostSettingService).controlService;
+        // controlService = injector.get(DesignerHostSettingService).controlService;
         components.forEach((componentsItem) => {
-            if (componentsItem['viewModel']) { viewModelId = componentsItem['viewModel'] }
+            if (componentsItem['viewModel']) { viewModelId = componentsItem['viewModel']; }
             if (componentsItem['contents']) {
                 findBoundEvent(componentsItem['contents'], findEvents, viewModelId);
             }
@@ -305,7 +307,7 @@ export function useFormCommandService(formSchemaService:UseFormSchema,loadingSer
                 findBoundEvent(componentsItem['fields'], findEvents, viewModelId);
             }
             if (componentsItem['editor']) {
-                let editor = [] as any;
+                const editor = [] as any;
                 editor.push(cloneDeep(componentsItem['editor']));
                 findBoundEvent(editor, findEvents, viewModelId, ['linkedLabelClick']);
             }
@@ -313,13 +315,13 @@ export function useFormCommandService(formSchemaService:UseFormSchema,loadingSer
                 if (componentsItem['toolbar']['contents']) {
                     findBoundEvent(componentsItem['toolbar']['contents'], findEvents, viewModelId);
                 }
-                //移动：导航工具栏
+                // 移动：导航工具栏
                 if (componentsItem['toolbar']['items']) {
                     findBoundEvent(componentsItem['toolbar']['items'], findEvents, viewModelId);
                 }
             }
             // ListView
-            if (componentsItem['type'] == "ListView") {
+            if (componentsItem['type'] === "ListView") {
                 if (componentsItem['contentTemplate']) {
                     const contentTemplateDom = componentsItem['contentTemplate'];
                     if (contentTemplateDom['toolbar']) {
@@ -328,14 +330,15 @@ export function useFormCommandService(formSchemaService:UseFormSchema,loadingSer
                         }
                     }
                 }
-                //移动：列表滑动
+                // 移动：列表滑动
                 if (componentsItem['swipeToolbar'] && componentsItem['swipeToolbar']['items']) {
                     findBoundEvent(componentsItem['swipeToolbar']['items'], findEvents, viewModelId);
                 }
 
             }
             // table类型
-            if (componentsItem['type'] == "Table" && componentsItem['rows']) {
+            if (componentsItem['type'] === "Table" && componentsItem['rows']) {
+                 
                 const rows = componentsItem['rows'];
                 rows.forEach(rowsItem => {
                     if (rowsItem['columns']) {
@@ -346,7 +349,7 @@ export function useFormCommandService(formSchemaService:UseFormSchema,loadingSer
                             }
                         });
                     }
-                })
+                });
             }
             // 筛选方案
             if (componentsItem['fieldConfigs']) {
@@ -368,7 +371,7 @@ export function useFormCommandService(formSchemaService:UseFormSchema,loadingSer
             }
 
             // 侧边栏
-            if (componentsItem['type'] == "Sidebar" && componentsItem['toolbar'] && componentsItem['toolbar']['items']) {
+            if (componentsItem['type'] === "Sidebar" && componentsItem['toolbar'] && componentsItem['toolbar']['items']) {
                 findBoundEvent(componentsItem['toolbar']['items'], findEvents, viewModelId);
             }
 
@@ -378,39 +381,39 @@ export function useFormCommandService(formSchemaService:UseFormSchema,loadingSer
             }
 
             // 列表右键菜单中的按钮
-            if (componentsItem['type'] == "DataGrid" && componentsItem['contextMenuItems'] && componentsItem['contextMenuItems'].length) {
+            if (componentsItem['type'] === "DataGrid" && componentsItem['contextMenuItems'] && componentsItem['contextMenuItems'].length) {
                 findBoundEvent(componentsItem['contextMenuItems'], findEvents, viewModelId);
             }
 
             // 查询结果工具栏中的按钮
-            if (componentsItem['type'] == "QdpFramework" && componentsItem['inputTemplate'] && componentsItem['inputTemplate'].length) {
+            if (componentsItem['type'] === "QdpFramework" && componentsItem['inputTemplate'] && componentsItem['inputTemplate'].length) {
                 findBoundEvent(componentsItem['inputTemplate'], findEvents, viewModelId);
             }
             // ----------------------ToDo--------------------------------
             // const controlEventPropertyIDList = controlService.getControlEventPropertyIDList();
             const controlEventPropertyIDList = [];
-            let eventKeys = Object.keys(controlEventPropertyIDList);
+            const eventKeys = Object.keys(controlEventPropertyIDList);
             for (let i = 0; i < eventKeys.length; i++) {
                 if (excludedEvents && excludedEvents.length && excludedEvents.includes(eventKeys[i])) {
                     continue;
                 }
-                let exist = componentsItem.hasOwnProperty(eventKeys[i]);
+                const exist = Object.prototype.hasOwnProperty.call(componentsItem, eventKeys[i]);
                 if (exist && componentsItem[eventKeys[i]]) {
                     // 判定三段式路径
-                    let paths = componentsItem[eventKeys[i]].includes('.') ? componentsItem[eventKeys[i]].split('.') : undefined;
-                    const vmId = paths != undefined ? paths[1] : viewModelId;
-                    const cmdLabel = paths != undefined ? paths[2] : componentsItem[eventKeys[i]];
-                    let findEventsItem = {
+                    const paths = componentsItem[eventKeys[i]].includes('.') ? componentsItem[eventKeys[i]].split('.') : undefined;
+                    const vmId = paths !== undefined ? paths[1] : viewModelId;
+                    const cmdLabel = paths !== undefined ? paths[2] : componentsItem[eventKeys[i]];
+                    const findEventsItem = {
                         id: componentsItem['id'],
                         eventLabel: eventKeys[i],
                         eventName: controlEventPropertyIDList[eventKeys[i]],
                         commandLabel: cmdLabel,
                         viewModelId: vmId
-                    }
+                    };
                     findEvents.push(cloneDeep(findEventsItem));
                 }
             }
-        })
+        });
         return findEvents;
     }
     /** 4-1-2.遍历查看是否存在toolbar节点，若有，则找到所有事件 */
@@ -421,24 +424,24 @@ export function useFormCommandService(formSchemaService:UseFormSchema,loadingSer
             for (let j = 0; j < vmKeys.length; j++) {
                 const vmValue = items[vmKeys[j]];
                 vmValue.forEach(vmValueItem => {
-                    //const controlEventPropertyIDList = controlService.getControlEventPropertyIDList();
+                    // const controlEventPropertyIDList = controlService.getControlEventPropertyIDList();
                     // ----------------------ToDo--------------------
                     const controlEventPropertyIDList = [];
-                    let eventKeys = Object.keys(controlEventPropertyIDList);
+                    const eventKeys = Object.keys(controlEventPropertyIDList);
                     for (let i = 0; i < eventKeys.length; i++) {
-                        let exist = vmValueItem.hasOwnProperty(eventKeys[i]);
+                        const exist = Object.prototype.hasOwnProperty.call(vmValueItem, eventKeys[i]);
                         if (exist && vmValueItem[eventKeys[i]]) {
                             // 判定三段式路径
-                            let paths = vmValueItem[eventKeys[i]].includes('.') ? vmValueItem[eventKeys[i]].split('.') : undefined;
-                            const vmId = paths != undefined ? paths[1] : vmKeys[j];
-                            const cmdLabel = paths != undefined ? paths[2] : vmValueItem[eventKeys[i]];
-                            let findEventsItem = {
+                            const paths = vmValueItem[eventKeys[i]].includes('.') ? vmValueItem[eventKeys[i]].split('.') : undefined;
+                            const vmId = paths !== undefined ? paths[1] : vmKeys[j];
+                            const cmdLabel = paths !== undefined ? paths[2] : vmValueItem[eventKeys[i]];
+                            const findEventsItem = {
                                 id: vmValueItem['id'],
                                 eventLabel: eventKeys[i],
                                 eventName: controlEventPropertyIDList[eventKeys[i]],
                                 commandLabel: cmdLabel,
                                 viewModelId: vmId
-                            }
+                            };
                             findEvents.push(cloneDeep(findEventsItem));
                         }
 
@@ -459,21 +462,21 @@ export function useFormCommandService(formSchemaService:UseFormSchema,loadingSer
                                     viewModelId: vmId
                                 };
                                 findEvents.push(cloneDeep(findEventsItem));
-                            })
+                            });
 
                         }
                     }
-                })
+                });
             }
         }
         return findEvents;
     }
     /** 4-2.去重-去除特殊情况下存储的相同事件及命令 */
     function getUniqueEvent(allBoundEvents) {
-        let value = cloneDeep(allBoundEvents);
+        const value = cloneDeep(allBoundEvents);
         for (let i = 0; i < value.length; i++) {
             for (let j = i + 1; j < value.length; j++) {
-                if (value[i]['id'] == value[j]['id'] && value[i]['eventLabel'] == value[j]['eventLabel']) {
+                if (value[i]['id'] === value[j]['id'] && value[i]['eventLabel'] === value[j]['eventLabel']) {
                     value.splice(j, 1);
                     j--;
                 }
@@ -484,13 +487,13 @@ export function useFormCommandService(formSchemaService:UseFormSchema,loadingSer
     }
     /** 4-3.根据遍历components和toolbar得出的所有事件，结合viewmodel和webcmd,得到参数值 */
     function matchVM(allBoundEvents, viewModel) {
-        let updatedBoundEvents = [] as any;
+        const updatedBoundEvents = [] as any;
         allBoundEvents.forEach(boundEvenItem => {
             viewModel.forEach(viewModelItem => {
-                if (viewModelItem.id == boundEvenItem.viewModelId) {
+                if (viewModelItem.id === boundEvenItem.viewModelId) {
                     viewModelItem.commands.forEach(commandItem => {
-                        if (commandItem.code == boundEvenItem.commandLabel) {
-                            let event = {
+                        if (commandItem.code === boundEvenItem.commandLabel) {
+                            const event = {
                                 id: boundEvenItem.id,
                                 eventLabel: boundEvenItem.eventLabel,
                                 eventName: boundEvenItem.eventName,
@@ -507,7 +510,7 @@ export function useFormCommandService(formSchemaService:UseFormSchema,loadingSer
                                 controllerId: '',
                                 controllerLabel: '',
                                 controllerName: '',
-                            }
+                            };
                             if (commandItem['targetComponent']) {
                                 event['targetComponent'] = commandItem.targetComponent;
                             }
@@ -523,9 +526,9 @@ export function useFormCommandService(formSchemaService:UseFormSchema,loadingSer
     function matchWebcmd(allBoundEvents) {
         commands.forEach(commandItem => {
             allBoundEvents.forEach(allBoundEventsItem => {
-                if (commandItem.Id == allBoundEventsItem.cmpId) {
+                if (commandItem.Id === allBoundEventsItem.cmpId) {
                     commandItem.Commands.forEach(item => {
-                        if (item.Code == allBoundEventsItem.handlerName) {
+                        if (item.Code === allBoundEventsItem.handlerName) {
                             allBoundEventsItem.controllerId = commandItem.Id;
                             allBoundEventsItem.controllerLabel = commandItem.Code;
                             allBoundEventsItem.controllerName = commandItem.Name;
@@ -535,11 +538,11 @@ export function useFormCommandService(formSchemaService:UseFormSchema,loadingSer
             });
         });
         allBoundEvents.forEach(function (allBoundEventsItem, index) {
-            //失效命令
-            if (allBoundEventsItem.controllerId == '' && allBoundEventsItem.controllerLabel == '' && allBoundEventsItem.controllerName == '') {
+            // 失效命令
+            if (allBoundEventsItem.controllerId === '' && allBoundEventsItem.controllerLabel === '' && allBoundEventsItem.controllerName === '') {
                 allBoundEvents.splice(index, 1);
             }
-        })
+        });
         return allBoundEvents;
     }
     /** 4-5.根据遍历components得出的事件的viewmodelId,得到componentId值 */
@@ -548,7 +551,7 @@ export function useFormCommandService(formSchemaService:UseFormSchema,loadingSer
         const viewModel = formSchemaService.getViewModels();
         for (let i = 0; i < components.length; i++) {
             allBoundEvents.forEach(allBoundEventsItem => {
-                if (viewModel[i] && viewModel[i].id == allBoundEventsItem.viewModelId) {
+                if (viewModel[i] && viewModel[i].id === allBoundEventsItem.viewModelId) {
                     allBoundEventsItem.componentId = components[i].id;
                 }
             });
@@ -557,7 +560,7 @@ export function useFormCommandService(formSchemaService:UseFormSchema,loadingSer
     }
     /** 4-6.标准样式化actions */
     function setActions(allBoundEvents, num, array) {
-        let action = {
+        const action = {
             sourceComponent: {
                 id: '',
                 viewModelId: '',
@@ -571,8 +574,8 @@ export function useFormCommandService(formSchemaService:UseFormSchema,loadingSer
         action.sourceComponent.viewModelId = allBoundEvents[num].viewModelId;
         let i = num;
         while (i < allBoundEvents.length) {
-            if (allBoundEvents[i].id == action.sourceComponent.id) {
-                let mapItem = {
+            if (allBoundEvents[i].id === action.sourceComponent.id) {
+                const mapItem = {
                     event: {
                         label: allBoundEvents[i].eventLabel,
                         name: allBoundEvents[i].eventName
@@ -597,13 +600,13 @@ export function useFormCommandService(formSchemaService:UseFormSchema,loadingSer
                         label: allBoundEvents[i].controllerLabel,
                         name: allBoundEvents[i].controllerName
                     }
-                }
+                };
                 if (allBoundEvents[i]['componentId']) {
                     mapItem.targetComponent.id = allBoundEvents[i].componentId;
                 }
                 action.sourceComponent.map.push(cloneDeep(mapItem));
                 i++;
-                if (i == allBoundEvents.length) {
+                if (i === allBoundEvents.length) {
                     array.push(cloneDeep(action));
                 }
             }
@@ -622,7 +625,7 @@ export function useFormCommandService(formSchemaService:UseFormSchema,loadingSer
     */
     function commandsChanged(newController) {
         newController.forEach(newControllerItem => {
-            let item = new CommandMetadataConvertor().InitFromJobject(newControllerItem);
+            const item = new CommandMetadataConvertor().InitFromJobject(newControllerItem);
             commands.push(cloneDeep(item));
         });
         checkViewModelCommands(commands);
@@ -635,14 +638,14 @@ export function useFormCommandService(formSchemaService:UseFormSchema,loadingSer
      *  */
     function findParamtersPosition(propertyData: any, events: any, viewModelId: string, allComponentList: any) {
         boundEventsList = [];
-        let viewModelData = cloneDeep(formSchemaService.getViewModels());
-        //1. 遍历当前container的组件dom结构的所有事件的值
+        const viewModelData = cloneDeep(formSchemaService.getViewModels());
+        // 1. 遍历当前container的组件dom结构的所有事件的值
         events.forEach(event => {
             if (propertyData[event.label]) {
                 // 三段式path：root-viewmodel.items-component-viewmodel.itemsAddItem1 或 一段path：itemsAddItem1
-                let paths = propertyData[event.label].includes('.') ? propertyData[event.label].split('.') : undefined;
-                let recordCommand = handleParams(viewModelData, paths, propertyData[event.label], viewModelId, allComponentList).recordCommand;
-                let recordController = handleParams(viewModelData, paths, propertyData[event.label], viewModelId, allComponentList).recordController;
+                const paths = propertyData[event.label].includes('.') ? propertyData[event.label].split('.') : undefined;
+                const { recordCommand } = handleParams(viewModelData, paths, propertyData[event.label], viewModelId, allComponentList);
+                const { recordController } = handleParams(viewModelData, paths, propertyData[event.label], viewModelId, allComponentList);
                 generateBoundEventsList(event, events, recordController, recordCommand);
             }
         });
@@ -650,12 +653,12 @@ export function useFormCommandService(formSchemaService:UseFormSchema,loadingSer
     }
     /** 1-a.在视图模型中找到命令，并填充参数值*/
     function handleParams(viewModelData, paths, propCmdLabel, viewModelId, allComponentList) {
-        const vmId = paths != undefined ? paths[1] : viewModelId;
-        const cmdLabel = paths != undefined ? paths[2] : propCmdLabel;
+        const vmId = paths !== undefined ? paths[1] : viewModelId;
+        const cmdLabel = paths !== undefined ? paths[2] : propCmdLabel;
         let cmpId;
-        if (allComponentList.length && vmId != undefined) {
-            const componentList = allComponentList.find(componentListsItem => componentListsItem.viewModelId == vmId);
-            cmpId = componentList == undefined ? undefined : componentList.componentId;
+        if (allComponentList.length && vmId !== undefined) {
+            const componentList = allComponentList.find(componentListsItem => componentListsItem.viewModelId === vmId);
+            cmpId = componentList === undefined ? undefined : componentList.componentId;
         }
         // 若命令不存在，则提示！，并允许用户绑定其他命令
         let recordCommand = {
@@ -673,7 +676,7 @@ export function useFormCommandService(formSchemaService:UseFormSchema,loadingSer
             showTargetComponent: false,
             targetComponent: cmpId,
             isRTCmd: undefined,
-        }
+        };
         let recordController = {
             controllerName: {
                 label: '',
@@ -684,16 +687,16 @@ export function useFormCommandService(formSchemaService:UseFormSchema,loadingSer
             },
             boundEvents: {
             }
-        }
+        };
         viewModelData.forEach(element => {
-            //5. 寻找命令-确认itemsAddItem1的位置
+            // 5. 寻找命令-确认itemsAddItem1的位置
             if (element.code.includes(vmId)) {
                 element.commands.forEach(viewModelcommand => {
-                    //6-1. 若命令存在，且参数不为空
-                    if (viewModelcommand.code == cmdLabel && viewModelcommand.params.length != 0) {
-                        //判断是否为已失效命令
+                    // 6-1. 若命令存在，且参数不为空
+                    if (viewModelcommand.code === cmdLabel && viewModelcommand.params.length !== 0) {
+                        // 判断是否为已失效命令
                         if (!viewModelcommand['isInvalid']) {
-                            //7-1. 若存在参数，则合并该命令在VM与控制器中的参数值
+                            // 7-1. 若存在参数，则合并该命令在VM与控制器中的参数值
                             viewModelcommand.params.forEach(param => {
                                 // 7-1-1.handlerName唯一，code为带前后缀的命令英文名，name为中文名，param是当前待合并的参数（有值）
                                 recordController = combinedParamters(param, viewModelcommand, recordController, recordCommand, cmpId).recordController;
@@ -701,28 +704,28 @@ export function useFormCommandService(formSchemaService:UseFormSchema,loadingSer
                             });
                         }
                         else {
-                            //命令已被删除
-                            recordCommand.id = 'deleted'
+                            // 命令已被删除
+                            recordCommand.id = 'deleted';
                         }
                     }
-                    //6-2 若命令存在，且参数为空的处理
-                    else if (viewModelcommand.code == cmdLabel && viewModelcommand.params.length == 0) {
-                        //判断是否为已失效命令
+                    // 6-2 若命令存在，且参数为空的处理
+                    else if (viewModelcommand.code === cmdLabel && viewModelcommand.params.length === 0) {
+                        // 判断是否为已失效命令
                         if (!viewModelcommand['isInvalid']) {
-                            //7-2. 不需要进行内置构件的处理，仅记录了命令所在的控制器及带前后缀的命令名称
+                            // 7-2. 不需要进行内置构件的处理，仅记录了命令所在的控制器及带前后缀的命令名称
                             internalCommandList.forEach(controller => {
-                                if (controller.controllerName.id == viewModelcommand.cmpId) {
+                                if (controller.controllerName.id === viewModelcommand.cmpId) {
                                     controller.controllerList.forEach(command => {
-                                        if (command.handlerName == viewModelcommand.handlerName) {
+                                        if (command.handlerName === viewModelcommand.handlerName) {
                                             recordController = cloneDeep(controller);
                                             recordCommand = getRecordController(command, viewModelcommand, recordCommand, cmpId);
                                         }
-                                    })
+                                    });
                                 }
-                            })
+                            });
                         } else {
-                            //命令已被删除
-                            recordCommand.id = 'deleted'
+                            // 命令已被删除
+                            recordCommand.id = 'deleted';
                         }
                     }
                 });
@@ -736,15 +739,15 @@ export function useFormCommandService(formSchemaService:UseFormSchema,loadingSer
     }
     /** 1-a.合并视图模型带参数的命令&控制器中无参数的命令 */
     function combinedParamters(paramWithValue: any, viewModelcommand, recordController, recordCommand, cmpId) {
-        //7-1-2. handlerName唯一，code为带前后缀的命令英文名，paramWithValue是当前待合并的参数（有值）
+        // 7-1-2. handlerName唯一，code为带前后缀的命令英文名，paramWithValue是当前待合并的参数（有值）
         internalCommandList.forEach(controller => {
-            //控制器相同
-            if (controller.controllerName.id == viewModelcommand.cmpId) {
+            // 控制器相同
+            if (controller.controllerName.id === viewModelcommand.cmpId) {
                 controller.controllerList.forEach(command => {
-                    //7-1-3. command.handlerName来自内置构件；handlerName来自视图模型
-                    if (command.handlerName == viewModelcommand.handlerName) {
+                    // 7-1-3. command.handlerName来自内置构件；handlerName来自视图模型
+                    if (command.handlerName === viewModelcommand.handlerName) {
                         command.property.forEach(paramWithoutValue => {
-                            if (paramWithoutValue.name == paramWithValue.name) {
+                            if (paramWithoutValue.name === paramWithValue.name) {
                                 paramWithoutValue.value = cloneDeep(paramWithValue.value);
                             }
                         });
@@ -753,11 +756,11 @@ export function useFormCommandService(formSchemaService:UseFormSchema,loadingSer
                     }
                 });
             }
-        })
+        });
         return {
             recordController,
             recordCommand
-        }
+        };
     }
     /** 1-a.存储绑定事件对应的控制器参数值 */
     function getRecordController(command, viewModelcommand, recordCommand, cmpId) {
@@ -773,17 +776,17 @@ export function useFormCommandService(formSchemaService:UseFormSchema,loadingSer
     }
     /** 1-b.生成已绑定的事件列表 */
     function generateBoundEventsList(event, events, recordController, recordCommand) {
-        if (recordController != undefined) {
-            let boundEventsListItem = {
+        if (recordController !== undefined) {
+            const boundEventsListItem = {
                 command: {
                 },
                 controller: {
                 },
                 boundEvents: {
                 }
-            }
+            };
             events.forEach(each => {
-                if (each.label == event.label) { boundEventsListItem.boundEvents = cloneDeep(each); }
+                if (each.label === event.label) { boundEventsListItem.boundEvents = cloneDeep(each); }
             });
             boundEventsListItem.controller = cloneDeep(recordController.controllerName);
             boundEventsListItem.command = cloneDeep(recordCommand);
@@ -795,12 +798,12 @@ export function useFormCommandService(formSchemaService:UseFormSchema,loadingSer
     /** 事件面板调用-2
      * 2-a.找到视图模型，在视图模型中增删改命令及参数 */
     function viewModelDomChanged(propertyData: any, events: any, viewModelId: string, domActions: any) {
-        let viewModelData = cloneDeep(formSchemaService.getViewModels());
+        const viewModelData = cloneDeep(formSchemaService.getViewModels());
         events.forEach(event => {
-            //1. 遍历当前container的dom结构的所有事件的值
+            // 1. 遍历当前container的dom结构的所有事件的值
             if (propertyData[event.label]) {
                 // 三段式path：root-viewmodel.items-component-viewmodel.itemsAddItem1 或 一段path：itemsAddItem1
-                let paths = propertyData[event.label].includes('.') ? propertyData[event.label].split('.') : undefined;
+                const paths = propertyData[event.label].includes('.') ? propertyData[event.label].split('.') : undefined;
                 handleViewModel(viewModelData, paths, propertyData[event.label], viewModelId, domActions, propertyData);
             }
         });
@@ -808,7 +811,7 @@ export function useFormCommandService(formSchemaService:UseFormSchema,loadingSer
     }
     /** 2-a.在视图模型中增删改命令及参数 */
     function handleViewModel(viewModelData, paths, propCmdLabel, viewModelId, domActions, propertyData) {
-        let newCommand = {
+        const newCommand = {
             id: '',
             code: '',
             name: '',
@@ -821,19 +824,19 @@ export function useFormCommandService(formSchemaService:UseFormSchema,loadingSer
             isNewGenerated: undefined,
             targetComponent: undefined,
             isRTCmd: undefined,
-        }
-        const vmId = paths != undefined ? paths[1] : viewModelId;
-        const cmdLabel = paths != undefined ? paths[2] : propCmdLabel;
+        };
+        const vmId = paths !== undefined ? paths[1] : viewModelId;
+        const cmdLabel = paths !== undefined ? paths[2] : propCmdLabel;
         // 4. 遍历找到存储命令的第二层path——path[1]，viewModel的items-component-viewmodel
         viewModelData.forEach(element => {
             if (element.code === vmId) {
                 let commandExist = false;
-                //5. 借助整体dom中的domActions节点，寻找命令-确认itemsAddItem1的位置
+                // 5. 借助整体dom中的domActions节点，寻找命令-确认itemsAddItem1的位置
                 domActions.forEach(action => {
-                    //6. 匹配domActions，取出所有需要的值，包括命令名/事件名/参数/id等等；
-                    if (action.sourceComponent.id == propertyData.id) {
+                    // 6. 匹配domActions，取出所有需要的值，包括命令名/事件名/参数/id等等；
+                    if (action.sourceComponent.id === propertyData.id) {
                         action.sourceComponent.map.forEach(mapItem => {
-                            if (mapItem.command.label == cmdLabel) {
+                            if (mapItem.command.label === cmdLabel) {
                                 newCommand.id = cloneDeep(mapItem.command.id);
                                 newCommand.code = mapItem.command.label;
                                 newCommand.name = mapItem.command.name;
@@ -853,23 +856,23 @@ export function useFormCommandService(formSchemaService:UseFormSchema,loadingSer
                         });
                     }
                 });
-                //7-1. 匹配viewModel中存储的是否有该命令：itemsAddItem1，若存在该命令，则更新新的值
+                // 7-1. 匹配viewModel中存储的是否有该命令：itemsAddItem1，若存在该命令，则更新新的值
                 element.commands.forEach(function (command, index) {
-                    if (command.code == cmdLabel) {
+                    if (command.code === cmdLabel) {
                         commandExist = true;
                         element.commands.splice(index, 1, cloneDeep(newCommand));
                     }
                 });
-                //7-2. 若没有该命令，则进行添加;并且不为已删除的命令，则添加
-                if (!commandExist && newCommand.id != 'abandoned') {
+                // 7-2. 若没有该命令，则进行添加;并且不为已删除的命令，则添加
+                if (!commandExist && newCommand.id !== 'abandoned') {
                     element.commands.push(cloneDeep(newCommand));
                 }
             }
-            //8-1. 剪切掉其他同名称的命令
+            // 8-1. 剪切掉其他同名称的命令
             else {
-                //8-1. 匹配其他viewModel中是否有同名称的命令，若有，则删除；
+                // 8-1. 匹配其他viewModel中是否有同名称的命令，若有，则删除；
                 element.commands.forEach(function (command, index) {
-                    if (command.code == cmdLabel) {
+                    if (command.code === cmdLabel) {
                         element.commands.splice(index, 1);
                     }
                 });
@@ -890,9 +893,9 @@ export function useFormCommandService(formSchemaService:UseFormSchema,loadingSer
             },
             controllerList: [
             ]
-        }
+        };
         /** 控制器下的命令列表 */
-        let controllerListItem = {
+        const controllerListItem = {
             label: '',
             name: '',
             id: '',
@@ -907,7 +910,7 @@ export function useFormCommandService(formSchemaService:UseFormSchema,loadingSer
             property: [
 
             ]
-        }
+        };
         if (!formSchemaService.getModule().actions) {
             return savedViewModel;
         }
@@ -920,12 +923,12 @@ export function useFormCommandService(formSchemaService:UseFormSchema,loadingSer
                 savedViewModel.push(cloneDeep(savedViewModelItem));
                 savedViewModel = getUniqueController(savedViewModel);
             });
-        })
+        });
 
         savedViewModel.forEach(savedViewModelItem => {
             formSchemaService.getModule().actions.forEach(actionItem => {
                 actionItem.sourceComponent.map.forEach(mapItem => {
-                    if (mapItem.controller.id == savedViewModelItem.controllerName.id) {
+                    if (mapItem.controller.id === savedViewModelItem.controllerName.id) {
                         controllerListItem.label = mapItem.command.label;
                         controllerListItem.name = mapItem.command.name;
                         controllerListItem.id = mapItem.command.id;
@@ -940,20 +943,20 @@ export function useFormCommandService(formSchemaService:UseFormSchema,loadingSer
                         } else {
                             controllerListItem.targetComponent = undefined;
                         }
-                        savedViewModelItem.controllerList.push(cloneDeep(controllerListItem))
+                        savedViewModelItem.controllerList.push(cloneDeep(controllerListItem));
                     }
-                })
-            })
+                });
+            });
         });
         return savedViewModel;
     }
 
     /** 去重 */
     function getUniqueController(itemWithSameValue) {
-        let value = cloneDeep(itemWithSameValue);
+        const value = cloneDeep(itemWithSameValue);
         for (let i = 0; i < value.length; i++) {
             for (let j = i + 1; j < value.length; j++) {
-                if (value[i]['controllerName']['id'] == value[j]['controllerName']['id']) {
+                if (value[i]['controllerName']['id'] === value[j]['controllerName']['id']) {
                     value.splice(j, 1);
                     j--;
                 }
@@ -966,7 +969,7 @@ export function useFormCommandService(formSchemaService:UseFormSchema,loadingSer
     /** 触发新增控制器方法 */
     function addControllerMethod(propertyData: any, viewModelId: string, parameters: any) {
         const { methodCode, methodName } = resolveNewMethodForCodeEditor(propertyData, viewModelId, parameters);
-        //webCmpBuilderService.addControllerMethod(methodCode, methodName);
+        // webCmpBuilderService.addControllerMethod(methodCode, methodName);
     }
     /**
      * private
@@ -979,13 +982,13 @@ export function useFormCommandService(formSchemaService:UseFormSchema,loadingSer
         if (parameters && Array.isArray(parameters) && parameters.length > 0) {
             parameters.forEach(parameter => {
                 const item: any = {};
-                if (parameter.hasOwnProperty('name')) {
+                if (Object.prototype.hasOwnProperty.call(parameter, 'name')) {
                     item.name = parameter.name;
                 }
-                if (parameter.hasOwnProperty('shownName')) {
+                if (Object.prototype.hasOwnProperty.call(parameter, 'shownName')) {
                     item.shownName = parameter.shownName;
                 }
-                if (parameter.hasOwnProperty('value')) {
+                if (Object.prototype.hasOwnProperty.call(parameter, 'value')) {
                     item.value = parameter.value;
                 }
                 results.push(item);
@@ -1010,7 +1013,7 @@ export function useFormCommandService(formSchemaService:UseFormSchema,loadingSer
         let methodName = '方法';
 
         // 方法编号：控件类型+事件编号；方法名称：控件名称+事件名称
-        const controlInfo = parameters.controlInfo;
+        const { controlInfo } = parameters;
         if (controlInfo) {
             const controlType = controlInfo.type;
             const controlName = propertyData.title || propertyData.text || propertyData.caption || controlInfo.name;
@@ -1027,7 +1030,7 @@ export function useFormCommandService(formSchemaService:UseFormSchema,loadingSer
         newControllerMethodBindingInfo = {
             controlData: propertyData,
             viewModelId,
-            componentId: formSchemaService.getComponentByViewModelId(viewModelId)?.id||'',
+            componentId: formSchemaService.getComponentByViewModelId(viewModelId)?.id || '',
             eventCode,
             methodCode,
             methodName,
@@ -1050,8 +1053,8 @@ export function useFormCommandService(formSchemaService:UseFormSchema,loadingSer
         if (!newControllerMethodBindingInfo) {
             return;
         }
-       // const commandBuildInfo = webCmpBuilderService.buildInfo;
-        const commandBuildInfo={webCmdId:'',relativePath:'',code:''};
+        // const commandBuildInfo = webCmpBuilderService.buildInfo;
+        const commandBuildInfo = { webCmdId: '', relativePath: '', code: '' };
         if (!commandBuildInfo || !commandBuildInfo.webCmdId) {
             return;
         }
@@ -1110,5 +1113,5 @@ export function useFormCommandService(formSchemaService:UseFormSchema,loadingSer
 
         newControllerMethodBindingInfo = null;
     }
-    return { checkCommands, commandsChanged,generateInternalCommandList,viewModelDisplay,findParamtersPosition,addControllerMethod,viewModelDomChanged,getCommands}
-}
\ No newline at end of file
+    return { checkCommands, commandsChanged, generateInternalCommandList, viewModelDisplay, findParamtersPosition, addControllerMethod, viewModelDomChanged, getCommands };
+}
diff --git a/packages/designer/src/components/composition/command/branch-collection-command-item.ts b/packages/designer/src/components/composition/command/branch-collection-command-item.ts
index 2c239dbf5505750e124e441f04bf97c2ce659421..b07004af66986c1a45e5747568933c5ca39bac00 100644
--- a/packages/designer/src/components/composition/command/branch-collection-command-item.ts
+++ b/packages/designer/src/components/composition/command/branch-collection-command-item.ts
@@ -22,15 +22,15 @@ export class BranchCollectionCommandItem implements ICommandItem {
 }
 
 export class BranchCollectionCommandItemConvertor {
-    ConvertJObject(obj: BranchCollectionCommandItem): Object {
-        let branchCollection = obj as BranchCollectionCommandItem;
-        let jobj = new Object();
+    ConvertJObject(obj: BranchCollectionCommandItem): object {
+        const branchCollection = obj as BranchCollectionCommandItem;
+        const jobj = new Object();
         jobj["Id"] = branchCollection.Id;
         jobj["Code"] = branchCollection.Code;
         jobj["Name"] = branchCollection.Name;
         if (branchCollection.Items != null) {
-            let itemArray = [] as any;
-            let itemConvertor = new BranchCommandItemConvertor();
+            const itemArray = [] as any;
+            const itemConvertor = new BranchCommandItemConvertor();
             branchCollection.Items.forEach(element => {
                 itemArray.push(itemConvertor.ConvertJObject(element));
             });
@@ -39,18 +39,18 @@ export class BranchCollectionCommandItemConvertor {
         return jobj;
     }
 
-    InitFromJobject(jsonObj: Object): BranchCollectionCommandItem {
-        let branchCollectionItem = new BranchCollectionCommandItem();
+    InitFromJobject(jsonObj: object): BranchCollectionCommandItem {
+        const branchCollectionItem = new BranchCollectionCommandItem();
         branchCollectionItem.Id = jsonObj["Id"];
         branchCollectionItem.Code = jsonObj["Code"];
         branchCollectionItem.Name = jsonObj["Name"];
         if (jsonObj["Items"] != null) {
             branchCollectionItem.Items=new Array<BranchCommandItem>();
-            let itemConvertor = new BranchCommandItemConvertor();
+            const itemConvertor = new BranchCommandItemConvertor();
             jsonObj["Items"].forEach(element => {
                 branchCollectionItem.Items.push(itemConvertor.InitFromJobject(element));
             });
         }
         return branchCollectionItem;
     }
-}
\ No newline at end of file
+}
diff --git a/packages/designer/src/components/composition/command/branch-command-item.ts b/packages/designer/src/components/composition/command/branch-command-item.ts
index df7ea73e92f7faba14be4e9a3cb2d266cc4be419..19f8679e221842cba9667a95e9891a65ce98eac5 100644
--- a/packages/designer/src/components/composition/command/branch-command-item.ts
+++ b/packages/designer/src/components/composition/command/branch-command-item.ts
@@ -28,17 +28,17 @@ export class BranchCommandItem implements ICommandItem {
 }
 
 export class BranchCommandItemConvertor {
-    ConvertJObject(obj: BranchCommandItem): Object {
-        let branchItem = obj as BranchCommandItem;
-        let jobj = new Object();
+    ConvertJObject(obj: BranchCommandItem): object {
+        const branchItem = obj as BranchCommandItem;
+        const jobj = new Object();
         jobj["Id"] = branchItem.Id;
         jobj["Code"] = branchItem.Code;
         jobj["Name"] = branchItem.Name;
         jobj["ConditionType"] = branchItem.ConditionType;
         jobj["Express"] = branchItem.Express;
         if (branchItem.Items != null) {
-            let itemArray = [] as any;
-            let itemConvertor = new CommandItemConvertor();
+            const itemArray = [] as any;
+            const itemConvertor = new CommandItemConvertor();
             branchItem.Items.forEach(element => {
                 itemArray.push(itemConvertor.ConvertJObject(element));
             });
@@ -47,8 +47,8 @@ export class BranchCommandItemConvertor {
         return jobj;
     }
 
-    InitFromJobject(jsonObj: Object): BranchCommandItem {
-        let branchItem = new BranchCommandItem();
+    InitFromJobject(jsonObj: object): BranchCommandItem {
+        const branchItem = new BranchCommandItem();
         branchItem.Id = jsonObj["Id"];
         branchItem.Code = jsonObj["Code"];
         branchItem.Name = jsonObj["Name"];
@@ -56,7 +56,7 @@ export class BranchCommandItemConvertor {
         branchItem.Express = jsonObj["Express"];
         if (jsonObj["Items"] != null) {
             branchItem.Items = new Array<ICommandItem>();
-            let itemConvertor = new CommandItemConvertor();
+            const itemConvertor = new CommandItemConvertor();
             jsonObj["Items"].forEach(element => {
                 const initFormJobject=itemConvertor.InitFromJobject(element);
                 if(initFormJobject){
diff --git a/packages/designer/src/components/composition/command/command-item-type.ts b/packages/designer/src/components/composition/command/command-item-type.ts
index 8357fd3a2d92b57799414c49a93541749bdf21a4..24b6db35f68e87863da06db3729d208b7f6d6523 100644
--- a/packages/designer/src/components/composition/command/command-item-type.ts
+++ b/packages/designer/src/components/composition/command/command-item-type.ts
@@ -4,4 +4,4 @@
       MethodRefer=0,
       Branch=1,
       BranchCollection=2
-  }
\ No newline at end of file
+  }
diff --git a/packages/designer/src/components/composition/command/command-metadata.ts b/packages/designer/src/components/composition/command/command-metadata.ts
index ff22b1160b4888038c1dcef8ac8cdaa5db6add6e..c92cc9a2b16c9249ca5848be5d29d425515ed46f 100644
--- a/packages/designer/src/components/composition/command/command-metadata.ts
+++ b/packages/designer/src/components/composition/command/command-metadata.ts
@@ -11,43 +11,43 @@ export class CommandMetadata {
 }
 
 export class CommandMetadataConvertor {
-    ConvertJObject(obj: CommandMetadata): Object {
-        let metadata: CommandMetadata = obj as CommandMetadata;
-        let jobj = new Object();
+    ConvertJObject(obj: CommandMetadata): object {
+        const metadata: CommandMetadata = obj as CommandMetadata;
+        const jobj = new Object();
         jobj["Id"] = metadata.Id;
         jobj["Code"] = metadata.Code;
         jobj["Name"] = metadata.Name;
         jobj["Description"] = metadata.Description;
         if (metadata.Commands != null) {
-            let CommandsJArry = jobj["Commands"] || [];
-            let convertor = new CommandConvertor();
+            const CommandsJArry = jobj["Commands"] || [];
+            const convertor = new CommandConvertor();
             metadata.Commands.forEach(command => {
                 CommandsJArry.push(convertor.ConvertJObject(command));
             });
         }
         if(metadata.Extends!=null){
-            let convertor = new ExtendsConvert();
+            const convertor = new ExtendsConvert();
             jobj["Extends"] =convertor.ConvertJObject(metadata.Extends);
         }
         return jobj;
     }
 
-    InitFromJobject(jsonObj: Object): CommandMetadata {
-        let metadata = new CommandMetadata();
+    InitFromJobject(jsonObj: object): CommandMetadata {
+        const metadata = new CommandMetadata();
         metadata.Id = jsonObj["Id"];
         metadata.Code = jsonObj["Code"];
         metadata.Name = jsonObj["Name"];
         metadata.Description = jsonObj["Description"];
-        let CommandsJArry = jsonObj["Commands"];
+        const CommandsJArry = jsonObj["Commands"];
         if (CommandsJArry != null) {
             metadata.Commands = new Array<FormCommand>();
             CommandsJArry.forEach(element => {
-                let cmpOpSerializer = new CommandConvertor();
+                const cmpOpSerializer = new CommandConvertor();
                 metadata.Commands.push(cmpOpSerializer.InitFromJobject(element) as FormCommand);
             });
         }
-        let convertor = new ExtendsConvert();
+        const convertor = new ExtendsConvert();
         metadata.Extends=convertor.InitFromJobject(jsonObj["Extends"]);
         return metadata;
     }
-}
\ No newline at end of file
+}
diff --git a/packages/designer/src/components/composition/command/command-parameter.ts b/packages/designer/src/components/composition/command/command-parameter.ts
index 56c23ca207961cc78710afa5ff97b3bde623e417..e18d25ebdcc231a4224804597d2d192008058d5e 100644
--- a/packages/designer/src/components/composition/command/command-parameter.ts
+++ b/packages/designer/src/components/composition/command/command-parameter.ts
@@ -8,4 +8,4 @@ export class CmdParameter{
     IsRetVal:boolean=false;
     EditorType: string='';
 }
- 
\ No newline at end of file
+ 
diff --git a/packages/designer/src/components/composition/command/command.ts b/packages/designer/src/components/composition/command/command.ts
index 0678a4c394d75d41e54ee225ed541fb37c17a3ae..8a3713db21cd2e7851ba2ab6ca2eed5e017e041a 100644
--- a/packages/designer/src/components/composition/command/command.ts
+++ b/packages/designer/src/components/composition/command/command.ts
@@ -13,20 +13,20 @@ export class FormCommand{
 
 export class CommandConvertor
 {
-    ConvertJObject(obj : FormCommand): Object {
+    ConvertJObject(obj : FormCommand): object {
         
-        let cmpOp = obj as FormCommand;
-        let jobj=new Object();
+        const cmpOp = obj as FormCommand;
+        const jobj=new Object();
         jobj["Id"]=cmpOp.Id;
         jobj["Code"]=cmpOp.Code;
         jobj["Name"]=cmpOp.Name;
         jobj["Description"]=cmpOp.Description;
         jobj["SourceCode"]=cmpOp.SourceCode;
         jobj["Parameters"]=cmpOp.Parameters;
-        let items=[] as any;
+        const items=[] as any;
         if(cmpOp.Items!=null)
         {
-            let itemConvertor = new CommandItemConvertor();
+            const itemConvertor = new CommandItemConvertor();
             cmpOp.Items.forEach(element => {
                 items.push(itemConvertor.ConvertJObject(element));
             }); 
@@ -35,8 +35,8 @@ export class CommandConvertor
         return jobj;
     }    
     
-    InitFromJobject(jsonObj: Object): FormCommand {
-        let cmpOp = new FormCommand();
+    InitFromJobject(jsonObj: object): FormCommand {
+        const cmpOp = new FormCommand();
         cmpOp.Id = jsonObj["Id"];
         cmpOp.Code = jsonObj["Code"];
         cmpOp.Name = jsonObj["Name"];
@@ -46,7 +46,7 @@ export class CommandConvertor
         cmpOp.Items=new Array<ICommandItem>();
         if(jsonObj["Items"]!=null)
         {
-            let itemConvertor = new CommandItemConvertor();
+            const itemConvertor = new CommandItemConvertor();
             jsonObj["Items"].forEach(element => {
                 const initFormJobject=itemConvertor.InitFromJobject(element);
                 if(initFormJobject){
@@ -56,4 +56,4 @@ export class CommandConvertor
         }
         return cmpOp;
     }
-}
\ No newline at end of file
+}
diff --git a/packages/designer/src/components/composition/command/condition-type.ts b/packages/designer/src/components/composition/command/condition-type.ts
index 08fd604cb023ccbfb4497599deb84906a667d69e..d387cf1550200d2309cbcbaef770bf864f6f4c2d 100644
--- a/packages/designer/src/components/composition/command/condition-type.ts
+++ b/packages/designer/src/components/composition/command/condition-type.ts
@@ -4,4 +4,4 @@
      IF=0,
      ELSEIF=1,
      ELSE=2
- }
\ No newline at end of file
+ }
diff --git a/packages/designer/src/components/composition/command/extend-property.ts b/packages/designer/src/components/composition/command/extend-property.ts
index 3e6bda54527f175217cb2974c678773930c3fd98..b4f20d204a7cc4262c17d68548aec44e7e5b1580 100644
--- a/packages/designer/src/components/composition/command/extend-property.ts
+++ b/packages/designer/src/components/composition/command/extend-property.ts
@@ -4,21 +4,21 @@ export class ExtendProperty {
 }
 
 export class ExtendsConvert {
-    InitFromJobject(jsonObj: Object): ExtendProperty|null {
+    InitFromJobject(jsonObj: object): ExtendProperty|null {
         if (jsonObj) {
-            let extendProperty = new ExtendProperty();
+            const extendProperty = new ExtendProperty();
             extendProperty.FormCode = jsonObj["FormCode"];
             extendProperty.IsCommon = jsonObj["IsCommon"];
             return extendProperty;
         }
-        return null
+        return null;
     }
 
-    ConvertJObject(obj: ExtendProperty): Object {
-        let extendProperty: ExtendProperty = obj as ExtendProperty;
-        let jobj = new Object();
+    ConvertJObject(obj: ExtendProperty): object {
+        const extendProperty: ExtendProperty = obj as ExtendProperty;
+        const jobj = new Object();
         jobj["FormCode"] = extendProperty.FormCode;
         jobj["IsCommon"] = extendProperty.IsCommon;
         return jobj;
     }
-}
\ No newline at end of file
+}
diff --git a/packages/designer/src/components/composition/command/icommand-item.ts b/packages/designer/src/components/composition/command/icommand-item.ts
index 94bdb4e283e713dd75e21e8452d78968c48b91f5..40f8380f57490d87d152a28455348e9cda78cd77 100644
--- a/packages/designer/src/components/composition/command/icommand-item.ts
+++ b/packages/designer/src/components/composition/command/icommand-item.ts
@@ -15,39 +15,39 @@ export interface ICommandItem
 }
 
 export class CommandItemConvertor {
-    ConvertJObject(obj: ICommandItem): Object {
-        let commandItem = obj as ICommandItem;
-        let itemType = commandItem.GetItemType();
-        let jobj = new Object();
+    ConvertJObject(obj: ICommandItem): object {
+        const commandItem = obj as ICommandItem;
+        const itemType = commandItem.GetItemType();
+        const jobj = new Object();
         jobj["Type"] = itemType;
-        if (itemType == CommandItemType.MethodRefer) {
+        if (itemType === CommandItemType.MethodRefer) {
             jobj["Content"] = commandItem;
         }
-        else if (itemType == CommandItemType.Branch) {
-           let  branchConvertor=new BranchCommandItemConvertor();
+        else if (itemType === CommandItemType.Branch) {
+           const  branchConvertor=new BranchCommandItemConvertor();
            jobj["Content"] = branchConvertor.ConvertJObject(commandItem as BranchCommandItem);
         }
-        else if (itemType == CommandItemType.BranchCollection) {
-            let  branchCollectionConvertor=new BranchCollectionCommandItemConvertor();
+        else if (itemType === CommandItemType.BranchCollection) {
+            const  branchCollectionConvertor=new BranchCollectionCommandItemConvertor();
             jobj["Content"] = branchCollectionConvertor.ConvertJObject(commandItem as BranchCollectionCommandItem);
         }
         return jobj;
     }
 
-    InitFromJobject(jsonObj: Object): ICommandItem|null {
-        let itemType=jsonObj["Type"] as CommandItemType;
-        let content:ICommandItem=jsonObj["Content"]; 
-        if (itemType == CommandItemType.MethodRefer) {
+    InitFromJobject(jsonObj: object): ICommandItem|null {
+        const itemType=jsonObj["Type"] as CommandItemType;
+        const content:ICommandItem=jsonObj["Content"]; 
+        if (itemType === CommandItemType.MethodRefer) {
             return Object.assign(new CmpMethodRefering(),content as CmpMethodRefering);;
         }
-        else if (itemType == CommandItemType.Branch) {
-            let  branchConvertor=new BranchCommandItemConvertor();
+        else if (itemType === CommandItemType.Branch) {
+            const  branchConvertor=new BranchCommandItemConvertor();
             return branchConvertor.InitFromJobject(jsonObj["Content"]);
         }
-        else if (itemType == CommandItemType.BranchCollection) {
-            let  branchCollectionConvertor=new BranchCollectionCommandItemConvertor();
+        else if (itemType === CommandItemType.BranchCollection) {
+            const  branchCollectionConvertor=new BranchCollectionCommandItemConvertor();
             return branchCollectionConvertor.InitFromJobject(jsonObj["Content"]);
         }
         return null;
     }
-}
\ No newline at end of file
+}
diff --git a/packages/designer/src/components/composition/control-creator.service.ts b/packages/designer/src/components/composition/control-creator.service.ts
index 3c2e4797580dcc9af0154d6deede9b050fd64195..6138bfd6d0bdb2e52ddf3d87519f8edb051b55b2 100644
--- a/packages/designer/src/components/composition/control-creator.service.ts
+++ b/packages/designer/src/components/composition/control-creator.service.ts
@@ -1,6 +1,7 @@
 import { getSchemaByType } from "@farris/ui-vue/components/dynamic-resolver/src/schema-resolver";
 import { FormBindingType, FormSchemaEntityField, FormSchemaEntityFieldTypeName, UseControlCreator } from "../types";
 import { FormMetadataConverter } from "./form-metadata-converter";
+
 export function useControlCreator(): UseControlCreator {
     /**
      * 配置输入控件属性
@@ -67,6 +68,25 @@ export function useControlCreator(): UseControlCreator {
         return formGroupMetadata;
     }
 
+    /**
+     * 将控件类型映射为表单表格列上的类型
+     * param field
+     */
+    function mapControlType2GridFieldType(field: FormSchemaEntityField): string {
+        if (!field.editor) {
+            return '';
+        }
+        switch (field.type.name) {
+            case FormSchemaEntityFieldTypeName.Enum: return 'enum';
+            case FormSchemaEntityFieldTypeName.String: case FormSchemaEntityFieldTypeName.Text: return 'string';
+            case FormSchemaEntityFieldTypeName.Number: return 'number';
+            case FormSchemaEntityFieldTypeName.Date: return 'date';
+            case FormSchemaEntityFieldTypeName.DateTime: return 'datetime';
+            case FormSchemaEntityFieldTypeName.Boolean: return 'boolean';
+        }
+
+        return '';
+    }
 
     /**
      * 配置列属性
@@ -130,27 +150,6 @@ export function useControlCreator(): UseControlCreator {
         return metadata;
     }
 
-
-    /**
-     * 将控件类型映射为表单表格列上的类型
-     * param field
-     */
-    function mapControlType2GridFieldType(field: FormSchemaEntityField): string {
-        if (!field.editor) {
-            return '';
-        }
-        switch (field.type.name) {
-            case FormSchemaEntityFieldTypeName.Enum: return 'enum';
-            case FormSchemaEntityFieldTypeName.String: case FormSchemaEntityFieldTypeName.Text: return 'string';
-            case FormSchemaEntityFieldTypeName.Number: return 'number';
-            case FormSchemaEntityFieldTypeName.Date: return 'date';
-            case FormSchemaEntityFieldTypeName.DateTime: return 'datetime';
-            case FormSchemaEntityFieldTypeName.Boolean: return 'boolean';
-        }
-
-        return '';
-    }
-
     /**
      * 配置输入控件属性（控件无绑定信息）
      * @param editorType 编辑器类型
@@ -171,5 +170,5 @@ export function useControlCreator(): UseControlCreator {
         setFormFieldProperty,
         setGridFieldProperty,
         createFormGroupWithoutField
-    }
+    };
 }
diff --git a/packages/designer/src/components/composition/design-viewmodel.service.ts b/packages/designer/src/components/composition/design-viewmodel.service.ts
index 4322fbf5386c1e4dff0891e495935027246ff3da..50f5248d86d226515a87b2fc3e80c9ff54d7f09d 100644
--- a/packages/designer/src/components/composition/design-viewmodel.service.ts
+++ b/packages/designer/src/components/composition/design-viewmodel.service.ts
@@ -1,3 +1,4 @@
+/* eslint-disable no-use-before-define */
 import { merge } from "lodash-es";
 import { FormBindingType, FormSchemaEntityField, UseDesignViewModel, UseFormSchema, UseSchemaService } from "../types";
 import { DesignViewModel, DesignViewModelField } from "../types/design-viewmodel";
@@ -64,7 +65,7 @@ export function useDesignViewModel(useFormSchema: UseFormSchema, schemaService:
                             });
 
                     } else {
-                        const schemaField = schema.schemaField;
+                        const { schemaField } = schema;
                         adaptOldViewModelField(field, schemaField);
 
                         // 组装数据
@@ -131,7 +132,7 @@ export function useDesignViewModel(useFormSchema: UseFormSchema, schemaService:
 
             }
 
-            let dgField = dgVMFields.find(d => d.id === element.id);
+            const dgField = dgVMFields.find(d => d.id === element.id);
             const clonedField = dgField ? cloneDeep(dgField) : cloneDeep(element);
             treeData.push({
                 data: Object.assign({ rawData: clonedField, fieldType: clonedField.type.displayName }, clonedField),
@@ -205,5 +206,5 @@ export function useDesignViewModel(useFormSchema: UseFormSchema, schemaService:
             }
         }
     }
-    return { assembleDesignViewModel, getAllFields2TreeByVMId, getDgViewModel }
+    return { assembleDesignViewModel, getAllFields2TreeByVMId, getDgViewModel };
 }
diff --git a/packages/designer/src/components/composition/events-editor-utils.ts b/packages/designer/src/components/composition/events-editor-utils.ts
index 0ef77040733df28c4df8cc7a0d70c4448dd6c603..7f199662bfdac1827f313149727a92c3fb7c3454 100644
--- a/packages/designer/src/components/composition/events-editor-utils.ts
+++ b/packages/designer/src/components/composition/events-editor-utils.ts
@@ -1,49 +1,49 @@
+/* eslint-disable no-use-before-define */
 import { cloneDeep } from 'lodash-es';
 import { EventsEditorActions, EventsEditorMapItem, UseEventsEditor, UseEventsEditorUtils } from '../types/events-editor';
-import { inject } from 'vue';
 import { UseFormCommandService } from '../types/command';
 import { UseFormSchema } from '../types';
 
-export function useEventsEditorUtils(commandService:UseFormCommandService,formSchemaService:UseFormSchema,eventEditorService:UseEventsEditor ): UseEventsEditorUtils {
+export function useEventsEditorUtils(commandService: UseFormCommandService, formSchemaService: UseFormSchema, eventEditorService: UseEventsEditor): UseEventsEditorUtils {
 
     /** 初始传入值 */
-    function formProperties(propertyData, viewModelId, eventList, switchEvents?: (propertyData, eventList) => {}) {
+    function formProperties(propertyData, viewModelId, eventList, switchEvents?: (propertyData, eventList) => object) {
         const componentLists = getcomponentLists(viewModelId);
         const commandList = commandService.generateInternalCommandList();
         const allComponentList = eventEditorService.getAllComponentList();
-        let viewModelDisplay = commandService.viewModelDisplay();
-        const formBasicService=formSchemaService.getFormMetadataBasicInfo();
+        const viewModelDisplay = commandService.viewModelDisplay();
+        const formBasicService = formSchemaService.getFormMetadataBasicInfo();
         // DesignControlLocaleHandler.handleEventPropI18n(eventList, propertyData, commandService.localeService);
 
-        let properties =
-            {
-                viewModelId:viewModelId,
-                propertyID: viewModelId,
-                propertyType: 'events',
-                /** 内置构件显示的命令列表 */
-                internalCommandList: commandList,
-                /** (事件设定)可绑定事件默认列表; */
-                events: eventList,
-                /** 已绑定的事件（拼接已有的参数值，拼接当前事件->待集成-从dom结构中取值，事件及对应的字符串） */
-                boundEventsList: commandService.findParamtersPosition(propertyData, eventList, viewModelId, allComponentList),
-                /** 视图模型已有命令 */
-                viewModel: viewModelDisplay,
-                /** 目标组件对应的所有可选的组件 */
-                componentLists: componentLists,
-                /** 所有组件列表 */
-                allComponentList: allComponentList,
-                /** 接收formBasicService.formMetaBasicInfo.relativePath */
-                relativePath: formBasicService.relativePath,
-                /** 接收this.formBasicService.envType */
-                envType: 'designer',
-                /** 初始为空，用于存储用户点击「导入新命令」的控制器值 */
-                newController: [],
-                isAddControllerMethod: false,
-                /** 开关控制类按钮的回调函数 */
-                getEventList: () => refreshEventsAndCommandList( propertyData, commandList, viewModelId, allComponentList, eventList, switchEvents),
-                /** 获取事件的路径 */
-                getEventPath: () => eventEditorService.getEventPath(propertyData.id, viewModelId),
-            };
+        const properties =
+        {
+            viewModelId: viewModelId,
+            propertyID: viewModelId,
+            propertyType: 'events',
+            /** 内置构件显示的命令列表 */
+            internalCommandList: commandList,
+            /** (事件设定)可绑定事件默认列表; */
+            events: eventList,
+            /** 已绑定的事件（拼接已有的参数值，拼接当前事件->待集成-从dom结构中取值，事件及对应的字符串） */
+            boundEventsList: commandService.findParamtersPosition(propertyData, eventList, viewModelId, allComponentList),
+            /** 视图模型已有命令 */
+            viewModel: viewModelDisplay,
+            /** 目标组件对应的所有可选的组件 */
+            componentLists: componentLists,
+            /** 所有组件列表 */
+            allComponentList: allComponentList,
+            /** 接收formBasicService.formMetaBasicInfo.relativePath */
+            relativePath: formBasicService.relativePath,
+            /** 接收this.formBasicService.envType */
+            envType: 'designer',
+            /** 初始为空，用于存储用户点击「导入新命令」的控制器值 */
+            newController: [],
+            isAddControllerMethod: false,
+            /** 开关控制类按钮的回调函数 */
+            getEventList: () => refreshEventsAndCommandList(propertyData, commandList, viewModelId, allComponentList, eventList, switchEvents),
+            /** 获取事件的路径 */
+            getEventPath: () => eventEditorService.getEventPath(propertyData.id, viewModelId),
+        };
         return properties;
     }
 
@@ -52,7 +52,7 @@ export function useEventsEditorUtils(commandService:UseFormCommandService,formSc
         if (parameters.isAddControllerMethod) {
 
             if (!parameters.controlInfo && propertyData.type) {
-                //parameters.controlInfo = { type: propertyData.type, name: DgControl[propertyData.type] && DgControl[propertyData.type].name };
+                // parameters.controlInfo = { type: propertyData.type, name: DgControl[propertyData.type] && DgControl[propertyData.type].name };
                 parameters.controlInfo = { type: propertyData.type, name: propertyData.type };
             }
 
@@ -61,15 +61,15 @@ export function useEventsEditorUtils(commandService:UseFormCommandService,formSc
         }
 
         /** 根据返回值整合为actions结构 */
-        let actions = formActionsStructure(eventEditorService, propertyData, parameters);
+        const actions = formActionsStructure(eventEditorService, propertyData, parameters);
         /** 增删改组件dom中事件绑定值 */
         eventsValueChanged(propertyData, actions, eventList);
         /** 更新dom中的actions节点 */
-        let domActions = cloneDeep(domActionsChanged(actions));
+        const domActions = cloneDeep(domActionsChanged(actions));
         /** 更新dom中viewModel的绑定值 */
         commandService.viewModelDomChanged(propertyData, eventList, viewModelId, domActions);
         /** 删除viewModel中冗余的命令 */
-        if (parameters['preCommand'] != undefined) {
+        if (parameters['preCommand'] !== undefined) {
             // 将preCommand中的命令与action节点的命令相比较，若action节点中不存在，则在视图模型中删除
             delViewModelCommand(parameters, domActions);
         }
@@ -86,10 +86,10 @@ export function useEventsEditorUtils(commandService:UseFormCommandService,formSc
     /** 目标组件规则判定 */
     function getcomponentLists(viewModelId) {
         const components = formSchemaService.getComponents();
-        let componentListsItem = {
+        const componentListsItem = {
             componentId: '',
             viewModelId: ''
-        }
+        };
         let componentLists = [] as any;
         let curComponent = 0;
         for (let i = 0; i < components.length; i++) {
@@ -97,17 +97,17 @@ export function useEventsEditorUtils(commandService:UseFormCommandService,formSc
             const isFormComponentBindingMainEntity = components[i].componentType.includes('form') && viewModel?.bindTo === '/';
 
             // 筛选出root-component及form类型的component，（form类型并且绑定子表的情况例外）
-            if (components[i].componentType.toLowerCase()!== 'frame' && !isFormComponentBindingMainEntity) {
+            if (components[i].componentType.toLowerCase() !== 'frame' && !isFormComponentBindingMainEntity) {
                 componentListsItem.componentId = cloneDeep(components[i].id);
                 componentListsItem.viewModelId = cloneDeep(components[i].viewModel);
                 componentLists.push(cloneDeep(componentListsItem));
-                if (viewModelId == componentListsItem.viewModelId) {
+                if (viewModelId === componentListsItem.viewModelId) {
                     curComponent = i;
                 }
-            }            
+            }
         }
         // 当前组件是否为root-component
-        if (components[curComponent].componentType.toLowerCase() != 'frame') {
+        if (components[curComponent].componentType.toLowerCase() !== 'frame') {
             componentLists = [];
         }
         return componentLists;
@@ -136,7 +136,7 @@ export function useEventsEditorUtils(commandService:UseFormCommandService,formSc
                     handlerName: boundEventItem.command.handlerName,
                     params: cloneDeep(boundEventItem.command.property),
                     isNewGenerated: boundEventItem.command.isNewGenerated || false,
-                   // isRTCmd: boundEventItem.command['isRTCmd'],
+                    // isRTCmd: boundEventItem.command['isRTCmd'],
                     isInvalid: boundEventItem.command.isInvalid || false,
                 },
                 controller: {
@@ -144,11 +144,11 @@ export function useEventsEditorUtils(commandService:UseFormCommandService,formSc
                     label: boundEventItem.controller.label,
                     name: boundEventItem.controller.name,
                 }
-            }
+            };
             if (boundEventItem.command['targetComponent']) {
                 mapItem.targetComponent.id = boundEventItem.command.targetComponent;
             }
-            if (mapItem.targetComponent.viewModelId != undefined) {
+            if (mapItem.targetComponent.viewModelId !== undefined) {
                 actions.sourceComponent.map.push(cloneDeep(mapItem));
             }
         });
@@ -159,20 +159,20 @@ export function useEventsEditorUtils(commandService:UseFormCommandService,formSc
         // 增加或修改：data[事件id] = 'viewModelId.targetComponent-viewModelId.command';
         actions.sourceComponent.map.forEach(mapItem => {
             // 判断是存储为三段path或一段path
-            if (mapItem.targetComponent.viewModelId && (actions.sourceComponent.viewModelId != mapItem.targetComponent.viewModelId)) {
+            if (mapItem.targetComponent.viewModelId && (actions.sourceComponent.viewModelId !== mapItem.targetComponent.viewModelId)) {
                 data[mapItem.event.label] = cloneDeep(`root-viewmodel.${mapItem.targetComponent.viewModelId}.${mapItem.command.label}`);
             } else {
                 data[mapItem.event.label] = cloneDeep(`${mapItem.command.label}`);
             }
-        })
+        });
         /** 删除 data[事件id] = null */
         eventList.forEach(event => {
-            let exist = actions.sourceComponent.map.find(mapItem => mapItem.event.label == event.label)
+            const exist = actions.sourceComponent.map.find(mapItem => mapItem.event.label === event.label);
             if (!exist) {
                 data[event.label] = null;
                 deleteActionItem(data.id, event.label);
             }
-        })
+        });
     }
 
     /** 处理启用后隐藏的的事件的参数 */
@@ -203,7 +203,7 @@ export function useEventsEditorUtils(commandService:UseFormCommandService,formSc
     /** 更新dom中的acions节点 */
     function domActionsChanged(actionsOnEventInterface) {
         if (actionsOnEventInterface.sourceComponent.map.length) {
-            if (formSchemaService.getModule().actions == undefined) {
+            if (formSchemaService.getModule().actions === undefined) {
                 formSchemaService.getModule().actions = [cloneDeep(actionsOnEventInterface)];
             }
             else {
@@ -222,7 +222,7 @@ export function useEventsEditorUtils(commandService:UseFormCommandService,formSc
                                 // 没有存储该事件，则增加
                                 domActionItem.sourceComponent.map.push(cloneDeep(mapItem));
                             }
-                            if (domActionItem.sourceComponent.map.length != actionsOnEventInterface.sourceComponent.map) {
+                            if (domActionItem.sourceComponent.map.length !== actionsOnEventInterface.sourceComponent.map) {
                                 const domActionsList = handleParameterOfHiddenEvents(domActionItem.sourceComponent.map, actionsOnEventInterface.sourceComponent.map);
                                 domActionItem.sourceComponent.map = cloneDeep(domActionsList);
                             }
@@ -244,20 +244,20 @@ export function useEventsEditorUtils(commandService:UseFormCommandService,formSc
         let targetComponent;
         domActions.forEach(domActionsItem => {
             domActionsItem.sourceComponent.map.forEach(mapItem => {
-                if (mapItem.command.id == parameters.preCommand.id && mapItem.command.label == parameters.preCommand.label) {
+                if (mapItem.command.id === parameters.preCommand.id && mapItem.command.label === parameters.preCommand.label) {
                     preCommandExist = true;
                     targetComponent = mapItem.targetComponent.viewModelId;
                 }
-            })
+            });
         });
         // 该命令没有被任何事件绑定，且该命令是事件面板内置的命令，则删除
         if (!preCommandExist) {
             const viewModelcommand = cloneDeep(formSchemaService.getViewModels());
             viewModelcommand.forEach(vmItem => {
                 vmItem.commands.forEach((vmCommandsItem, index) => {
-                    if (parameters.preCommand.isNewGenerated && vmCommandsItem.id == parameters.preCommand.id && vmCommandsItem.code == parameters.preCommand.label) {
-                        const isDeclared = formSchemaService.getModule()['declarations'] ? checkIfDelViewModelCommand( vmCommandsItem) : false;
-                        if (!isDeclared) { vmItem.commands.splice(index, 1) }
+                    if (parameters.preCommand.isNewGenerated && vmCommandsItem.id === parameters.preCommand.id && vmCommandsItem.code === parameters.preCommand.label) {
+                        const isDeclared = formSchemaService.getModule()['declarations'] ? checkIfDelViewModelCommand(vmCommandsItem) : false;
+                        if (!isDeclared) { vmItem.commands.splice(index, 1); }
                     }
                 });
             });
@@ -266,13 +266,14 @@ export function useEventsEditorUtils(commandService:UseFormCommandService,formSc
     }
     /** 检测是否在组件声明中声明过该命令,若有声明，则不删除 */
     function checkIfDelViewModelCommand(vmCommandsItem) {
+        // eslint-disable-next-line prefer-destructuring
         const declarations = formSchemaService.getModule()['declarations'];
         // root-viewmodel.data-grid-component-viewmodel.loadCard1;
         let i = 0;
         while (i < declarations.commands.length) {
-            const command = declarations.commands[i].command;
+            const { command } = declarations.commands[i];
             i++;
-            if (vmCommandsItem.code == command) {
+            if (vmCommandsItem.code === command) {
                 return true;
             }
         }
@@ -280,36 +281,36 @@ export function useEventsEditorUtils(commandService:UseFormCommandService,formSc
     }
     /** 更新dom中的webcmds节点 */
     function domWebcmdChanged(parameters) {
-        if (formSchemaService.getCommands() == undefined) {
+        if (formSchemaService.getCommands() === undefined) {
             formSchemaService.setCommands([]);
         }
 
-        const relativePath = parameters.relativePath;
+        const { relativePath } = parameters;
         const webcmds = formSchemaService.getCommands();
         if (parameters.boundEventsList) {
             parameters.boundEventsList.forEach(boundEventListItem => {
                 const command = {
                     host: boundEventListItem.command.id,
                     handler: boundEventListItem.command.handlerName,
-                }
+                };
                 let exist = false;
                 webcmds.forEach(webcmdsItem => {
                     // 已经存储过该控制器
-                    if (webcmdsItem.id == boundEventListItem.controller.id) {
+                    if (webcmdsItem.id === boundEventListItem.controller.id) {
                         exist = true;
                         let commandExist = -1;
                         if (webcmdsItem.refedHandlers) {
                             commandExist = webcmdsItem.refedHandlers.findIndex(commandItem =>
-                                command.host == commandItem.host)
+                                command.host === commandItem.host);
                         } else {
                             webcmdsItem['refedHandlers'] = [];
                             webcmdsItem.refedHandlers.push(cloneDeep(command));
                         }
-                        if (commandExist == -1) {
+                        if (commandExist === -1) {
                             webcmdsItem.refedHandlers.push(cloneDeep(command));
                         }
                     }
-                })
+                });
                 // 没有存储过该控制器
                 if (!exist && boundEventListItem.controller.label) {
                     if (boundEventListItem.controller.label !== '') {
@@ -320,12 +321,12 @@ export function useEventsEditorUtils(commandService:UseFormCommandService,formSc
                             refedHandlers: [] as any,
                             code: boundEventListItem.controller.code,
                             nameSpace: boundEventListItem.controller.nameSpace,
-                        }
+                        };
                         content.refedHandlers.push(cloneDeep(command));
                         webcmds.push(cloneDeep(content));
                     }
                 }
-            })
+            });
             formSchemaService.setCommands(cloneDeep(webcmds));
         }
         formSchemaService.setCommands(cloneDeep(webcmds));
@@ -340,35 +341,35 @@ export function useEventsEditorUtils(commandService:UseFormCommandService,formSc
     function deleteActionItem(id, eventLabel) {
         const domActions = formSchemaService.getModule().actions || [];
         domActions.forEach(function (actionsItem, index) {
-            if (actionsItem.sourceComponent.id == id) {
+            if (actionsItem.sourceComponent.id === id) {
                 actionsItem.sourceComponent.map.forEach(function (mapItem, index) {
-                    if (mapItem.event.label == eventLabel) {
-                        actionsItem.sourceComponent.map.splice(index, 1)
+                    if (mapItem.event.label === eventLabel) {
+                        actionsItem.sourceComponent.map.splice(index, 1);
                     }
                 });
             }
-            if (actionsItem.sourceComponent.map.length == 0) {
-                domActions.splice(index, 1)
+            if (actionsItem.sourceComponent.map.length === 0) {
+                domActions.splice(index, 1);
             }
         });
         formSchemaService.getModule().actions = cloneDeep(domActions);
     }
     /** 存在重复被使用的「已绑定命令」，则更新actions节点 */
     function repititionCommandExist(parameters, propertyData) {
-        if (parameters['repititionCommand'].length != 0) {
-            let actions = cloneDeep(formSchemaService.getModule().actions);
+        if (parameters['repititionCommand'].length !== 0) {
+            const actions = cloneDeep(formSchemaService.getModule().actions);
             const repititionCommand = cloneDeep(parameters.repititionCommand);
             repititionCommand.forEach(repititionCommandItem => {
                 let copiedEventLabel;
                 // 提取使用了「已绑定命令」的 事件的相关值
                 parameters.boundEventsList.forEach(boundEventsListItem => {
-                    copiedEventLabel = (boundEventsListItem.command.id == repititionCommandItem.command.id) ? boundEventsListItem.boundEvents.label : undefined;
+                    copiedEventLabel = (boundEventsListItem.command.id === repititionCommandItem.command.id) ? boundEventsListItem.boundEvents.label : undefined;
                 });
-                if (copiedEventLabel != undefined) {
+                if (copiedEventLabel !== undefined) {
                     let data;
                     actions.forEach(actionsItem => {
                         actionsItem.sourceComponent.map.forEach(mapItem => {
-                            if (propertyData.id == actionsItem.sourceComponent.id && mapItem.controller.id == repititionCommandItem.controller.id && mapItem.command.id == repititionCommandItem.command.id && mapItem.event.label == copiedEventLabel) {
+                            if (propertyData.id === actionsItem.sourceComponent.id && mapItem.controller.id === repititionCommandItem.controller.id && mapItem.command.id === repititionCommandItem.command.id && mapItem.event.label === copiedEventLabel) {
                                 // 记录 使用了「已绑定命令」的 事件的相关值
                                 data = {
                                     targetComponent: mapItem.targetComponent,
@@ -380,7 +381,7 @@ export function useEventsEditorUtils(commandService:UseFormCommandService,formSc
                     actions.forEach(actionsItem => {
                         actionsItem.sourceComponent.map.forEach(mapItem => {
                             // 更新「已绑定命令」原始数据
-                            if (mapItem.command.id == repititionCommandItem.command.id && mapItem.controller.id == repititionCommandItem.controller.id && mapItem.event.label == repititionCommandItem.event.label) {
+                            if (mapItem.command.id === repititionCommandItem.command.id && mapItem.controller.id === repititionCommandItem.controller.id && mapItem.event.label === repititionCommandItem.event.label) {
                                 mapItem.targetComponent = cloneDeep(data['targetComponent']);
                                 mapItem.command = cloneDeep(data['command']);
                             }
@@ -393,11 +394,11 @@ export function useEventsEditorUtils(commandService:UseFormCommandService,formSc
     }
 
     /** 开关控制类按钮的回调函数 */
-    function refreshEventsAndCommandList(propertyData, commandList: any[], viewModelId, allComponentList, eventList, switchEvents?: (propertyData, eventList) => {}) {
+    function refreshEventsAndCommandList(propertyData, commandList: any[], viewModelId, allComponentList, eventList, switchEvents?: (propertyData, eventList) => object) {
         if (switchEvents) {
             eventList = switchEvents(propertyData, eventList);
         }
-        //DesignControlLocaleHandler.handleEventPropI18n(eventList, propertyData, commandService.localeService);
+        // DesignControlLocaleHandler.handleEventPropI18n(eventList, propertyData, commandService.localeService);
 
         commandList = commandService.generateInternalCommandList();
         const boundEventsList = commandService.findParamtersPosition(propertyData, eventList, viewModelId, allComponentList);
@@ -407,5 +408,5 @@ export function useEventsEditorUtils(commandService:UseFormCommandService,formSc
             boundEventsList
         };
     }
-    return { formProperties, saveRelatedParameters }
+    return { formProperties, saveRelatedParameters };
 }
diff --git a/packages/designer/src/components/composition/form-metadata-converter.ts b/packages/designer/src/components/composition/form-metadata-converter.ts
index a162f916c2ac71f80fff5c41cbdcb4272ecf6219..4d97610e6422f7713bd300156d9b670cbf4369e2 100644
--- a/packages/designer/src/components/composition/form-metadata-converter.ts
+++ b/packages/designer/src/components/composition/form-metadata-converter.ts
@@ -11,9 +11,9 @@ export class FormMetadataConverter {
         Header: 'page-header',
         GridField: 'data-grid-column',
         TreeGridField: 'data-grid-column',
-        TabToolbarItem:'tab-toolbar-item',
-        TabPage:'tab-page',
-        ResponseToolbarItem:'response-toolbar-item'
+        TabToolbarItem: 'tab-toolbar-item',
+        TabPage: 'tab-page',
+        ResponseToolbarItem: 'response-toolbar-item'
     };
 
     private formGroupMapper: Record<string, string> = {
@@ -31,7 +31,7 @@ export class FormMetadataConverter {
         RichTextBox: 'textarea'
     };
     public getRealEditorType(type: string) {
-        //如果传入的type直接是check-group
+        // 如果传入的type直接是check-group
         return this.formGroupMapper[type || 'TextBox'] || type;
     }
     public convertDesignerMetadata(formSchema: any) {
@@ -92,7 +92,7 @@ export class FormMetadataConverter {
             if (component.contents && component.contents.length) {
                 this.convertComponents(component.contents);
             }
-            if(component.type=='tab-page'&&component.toolbar){
+            if (component.type === 'tab-page' && component.toolbar) {
                 this.convertComponentType(component.toolbar);
                 if (component.toolbar.contents && component.toolbar.contents.length) {
                     this.convertComponents(component.toolbar.contents);
diff --git a/packages/designer/src/components/composition/form-metadata.service.ts b/packages/designer/src/components/composition/form-metadata.service.ts
index f2a7e6b8605fcd8c41342e0a26af4b82d9644388..650b321fc790592c47916c2283f4c881828defa8 100644
--- a/packages/designer/src/components/composition/form-metadata.service.ts
+++ b/packages/designer/src/components/composition/form-metadata.service.ts
@@ -96,7 +96,7 @@ export function useFormMetadata(props: DesignerProps, useFormSchemaComposition:
                             return objValue.concat(srcValue);;
                         }
                     }
-                    mergeWith(commonRuleResult.data, templateRuleResult.data, customizer)
+                    mergeWith(commonRuleResult.data, templateRuleResult.data, customizer);
                 }
                 useFormSchemaComposition.setFormTemplateRule(commonRuleResult.data);
                 resolve();
@@ -124,18 +124,18 @@ export function useFormMetadata(props: DesignerProps, useFormSchemaComposition:
 
             publishStatusSocket.onopen = (() => {
                 const metadataPathList = formMetadataBasicInfo.relativePath.split('/').filter(pathItem => pathItem);
-                const boPath = metadataPathList[0] + '/' +  metadataPathList[1] + '/' +  metadataPathList[2]
+                const boPath = metadataPathList[0] + '/' +  metadataPathList[1] + '/' +  metadataPathList[2];
                 const api = `/api/dev/main/v1.0/repo-packages/publish?id=${formMetadataBasicInfo.bizobjectID}&path=${boPath}`;
                 const requestHeader = {
                     "content-type": "application/json"
-                }
+                };
                 axios.post(api, null, {headers: requestHeader}).then((response) => {
                 });
             });
             publishStatusSocket.onerror = ((error:any) => {
                 let errMessage = '构建异常，请重试';
                 if(typeof(error.error) === 'string') {
-                    errMessage = error.error
+                    errMessage = error.error;
                 }
                resolve({ result: false, error:errMessage});
             });
diff --git a/packages/designer/src/components/composition/schema.service.ts b/packages/designer/src/components/composition/schema.service.ts
index bfcdd1f258a5d0453d2c67441b7bfe1c4417c522..9bbab6ab054740eb0211a7aca0c20cd8f81d9091 100644
--- a/packages/designer/src/components/composition/schema.service.ts
+++ b/packages/designer/src/components/composition/schema.service.ts
@@ -2,7 +2,7 @@ import { FormSchemaEntity, FormSchemaEntityField, FormSchemaEntityField$Type, Fo
 /**
  * 操作表单DOM Schema的工具类
  */
-export function useSchemaService(useFormSchema: UseFormSchema):UseSchemaService{
+export function useSchemaService(useFormSchema: UseFormSchema): UseSchemaService {
 
     function getSchemaEntities(): FormSchemaEntity[] {
         const schema = useFormSchema.getSchemas();
@@ -82,30 +82,6 @@ export function useSchemaService(useFormSchema: UseFormSchema):UseSchemaService{
         return fields;
     }
 
-    /**
-     * 根据bindTo获取对应表基本信息
-     * @param viewModelId 数据模型标识
-     */
-    function getTableInfoByViewModelId(viewModelId: string): { id: string, code: string, name: string, label: string, type } | undefined {
-        const vm = useFormSchema.getViewModelById(viewModelId);
-        const entities = getSchemaEntities();
-        if (entities && entities.length > 0) {
-            return _getTableBasicInfoByUri(entities, vm?.bindTo || '');
-        }
-    }
-
-    /**
-     * 根据bindTo获取对应表信息
-     * @param viewModelId 数据模型标识
-     */
-    function getTableByViewModelId(viewModelId: string): { id: string, code: string, name: string, label: string, type: any } | undefined {
-        const vm = useFormSchema.getViewModelById(viewModelId);
-        const entities = getSchemaEntities();
-        if (entities && entities.length > 0) {
-            return _getTableBasicInfoByUri(entities, vm?.bindTo || '', true);
-        }
-    }
-
     /**
      * 根据bindTo获取对应表信息
      * @param entities 实体
@@ -147,20 +123,6 @@ export function useSchemaService(useFormSchema: UseFormSchema):UseSchemaService{
 
     }
 
-    /**
-     * 根据VM id获取对应表名
-     * @param viewModelId 实体模型标识
-     */
-    function getTableCodeByViewModelID(viewModelId) {
-        const vm = useFormSchema.getViewModelById(viewModelId);
-
-        const entities = getSchemaEntities();
-        if (entities && entities.length > 0) {
-            return _getTableCodeByUri(entities, vm?.bindTo || '');
-        }
-        return '';
-    }
-
     /**
      * 根据bindTo获取对应表名
      * @param entities 实体对象集合
@@ -190,6 +152,20 @@ export function useSchemaService(useFormSchema: UseFormSchema):UseSchemaService{
         }
     }
 
+    /**
+     * 根据VM id获取对应表名
+     * @param viewModelId 实体模型标识
+     */
+    function getTableCodeByViewModelID(viewModelId) {
+        const vm = useFormSchema.getViewModelById(viewModelId);
+
+        const entities = getSchemaEntities();
+        if (entities && entities.length > 0) {
+            return _getTableCodeByUri(entities, vm?.bindTo || '');
+        }
+        return '';
+    }
+
     /** entity.typ
      * 根据bindTo获取对应表名
      * @param entities 实体对象集合
@@ -219,73 +195,29 @@ export function useSchemaService(useFormSchema: UseFormSchema):UseSchemaService{
     }
 
     /**
-     * 根据字段ID和ViewModelId获取字段信息（包括关联表字段）
-     * 返回对象 {实体，是否关联字段，关联字段的dataField}
-     * @param id 字段标识
-     * @param viewModelId 视图模型标识
+     * 根据bindTo获取对应表基本信息
+     * @param viewModelId 数据模型标识
      */
-    function getFieldByIDAndVMID(id: string, viewModelId: string): {
-        schemaField: FormSchemaEntityField, isRefElement: boolean, refElementLabelPath: string
-    } | undefined {
-        const entities = getSchemaEntities();
-        if (!entities || entities.length === 0) {
-            return;
-        }
+    function getTableInfoByViewModelId(viewModelId: string): { id: string, code: string, name: string, label: string, type } | undefined {
         const vm = useFormSchema.getViewModelById(viewModelId);
-        const fields = getTableFieldsByBindTo(entities, vm?.bindTo || '');
-        if (!fields) {
-            return;
-        }
-        return getFieldInfoByID(fields, '', id);
-    }
-
-    /**
-     * 根据字段path和ViewModelId获取字段信息（包括关联表字段）
-     * 返回对象 {实体，是否关联字段，关联字段的dataField}
-     * @param path 字段标识
-     * @param viewModelId 视图模型标识
-     */
-    function getFieldByPathAndVMID(path: string, viewModelId: string): {
-        schemaField: FormSchemaEntityField, isRefElement: boolean, refElementLabelPath: string
-    } | undefined {
         const entities = getSchemaEntities();
-        if (!entities || entities.length === 0) {
-            return;
-        }
-        const vm = useFormSchema.getViewModelById(viewModelId);
-        const fields = getTableFieldsByBindTo(entities, vm?.bindTo || '');
-        if (!fields) {
-            return;
+        if (entities && entities.length > 0) {
+            return _getTableBasicInfoByUri(entities, vm?.bindTo || '');
         }
-        return getFieldInfoByPath(fields, '', path);
     }
 
-
     /**
-     * 根据字段ID获取schema字段信息--用户旧表单适配
+     * 根据bindTo获取对应表信息
+     * @param viewModelId 数据模型标识
      */
-    function getFieldByID(fieldId: string) {
+    function getTableByViewModelId(viewModelId: string): { id: string, code: string, name: string, label: string, type: any } | undefined {
+        const vm = useFormSchema.getViewModelById(viewModelId);
         const entities = getSchemaEntities();
-        if (!entities || entities.length === 0) {
-            return;
-        }
-        const viewModels = useFormSchema.getViewModels();
-        for (const viewModel of viewModels) {
-            // if (viewModel.bindTo === '/' && !viewModel.parent) {
-            //     continue;
-            // }
-            const fields = getTableFieldsByBindTo(entities, viewModel.bindTo);
-            if (!fields) {
-                continue;
-            }
-            const result = getFieldInfoByID(fields, '', fieldId);
-            if (result && result.schemaField) {
-                return result.schemaField;
-            }
+        if (entities && entities.length > 0) {
+            return _getTableBasicInfoByUri(entities, vm?.bindTo || '', true);
         }
     }
 
-
     /**
      * 递归查询字段
      * @param fields 实体字段集合
@@ -310,7 +242,9 @@ export function useSchemaService(useFormSchema: UseFormSchema):UseSchemaService{
                     const childResult = getFieldInfoByID(field.type.fields, parentLabel + field.label, id);
                     if (childResult.schemaField) {
                         element = childResult.schemaField;
+                        // eslint-disable-next-line prefer-destructuring
                         refElementLabelPath = childResult.refElementLabelPath;
+                        // eslint-disable-next-line prefer-destructuring
                         isRefElement = childResult.isRefElement;
                         break;
                     }
@@ -320,6 +254,30 @@ export function useSchemaService(useFormSchema: UseFormSchema):UseSchemaService{
         return { schemaField: element, isRefElement, refElementLabelPath };
     }
 
+    /**
+     * 根据字段ID获取schema字段信息--用户旧表单适配
+     */
+    function getFieldByID(fieldId: string) {
+        const entities = getSchemaEntities();
+        if (!entities || entities.length === 0) {
+            return;
+        }
+        const viewModels = useFormSchema.getViewModels();
+        for (const viewModel of viewModels) {
+            // if (viewModel.bindTo === '/' && !viewModel.parent) {
+            //     continue;
+            // }
+            const fields = getTableFieldsByBindTo(entities, viewModel.bindTo);
+            if (!fields) {
+                continue;
+            }
+            const result = getFieldInfoByID(fields, '', fieldId);
+            if (result && result.schemaField) {
+                return result.schemaField;
+            }
+        }
+    }
+
     /**
      * 递归查询字段
      * @param fields 实体字段集合
@@ -344,7 +302,9 @@ export function useSchemaService(useFormSchema: UseFormSchema):UseSchemaService{
                     const childResult = getFieldInfoByID(field.type.fields, parentLabel + field.label, path);
                     if (childResult.schemaField) {
                         element = childResult.schemaField;
+                        // eslint-disable-next-line prefer-destructuring
                         refElementLabelPath = childResult.refElementLabelPath;
+                        // eslint-disable-next-line prefer-destructuring
                         isRefElement = childResult.isRefElement;
                         break;
                     }
@@ -354,6 +314,47 @@ export function useSchemaService(useFormSchema: UseFormSchema):UseSchemaService{
         return { schemaField: element, isRefElement, refElementLabelPath };
     }
 
+    /**
+    * 根据字段ID和ViewModelId获取字段信息（包括关联表字段）
+    * 返回对象 {实体，是否关联字段，关联字段的dataField}
+    * @param id 字段标识
+    * @param viewModelId 视图模型标识
+    */
+    function getFieldByIDAndVMID(id: string, viewModelId: string): {
+        schemaField: FormSchemaEntityField, isRefElement: boolean, refElementLabelPath: string
+    } | undefined {
+        const entities = getSchemaEntities();
+        if (!entities || entities.length === 0) {
+            return;
+        }
+        const vm = useFormSchema.getViewModelById(viewModelId);
+        const fields = getTableFieldsByBindTo(entities, vm?.bindTo || '');
+        if (!fields) {
+            return;
+        }
+        return getFieldInfoByID(fields, '', id);
+    }
+
+    /**
+     * 根据字段path和ViewModelId获取字段信息（包括关联表字段）
+     * 返回对象 {实体，是否关联字段，关联字段的dataField}
+     * @param path 字段标识
+     * @param viewModelId 视图模型标识
+     */
+    function getFieldByPathAndVMID(path: string, viewModelId: string): {
+        schemaField: FormSchemaEntityField, isRefElement: boolean, refElementLabelPath: string
+    } | undefined {
+        const entities = getSchemaEntities();
+        if (!entities || entities.length === 0) {
+            return;
+        }
+        const vm = useFormSchema.getViewModelById(viewModelId);
+        const fields = getTableFieldsByBindTo(entities, vm?.bindTo || '');
+        if (!fields) {
+            return;
+        }
+        return getFieldInfoByPath(fields, '', path);
+    }
 
     function getTableLabelByVMID(viewModelId: string) {
         const entities = getSchemaEntities();
@@ -527,7 +528,7 @@ export function useSchemaService(useFormSchema: UseFormSchema):UseSchemaService{
     function getSchemaField(targetFieldKey: string, targetFieldValue: string): FormSchemaEntityField | null {
         const entities = getSchemaEntities();
         let retField: FormSchemaEntityField | null = null;
-        const getTargetFiled = (predicate: (element: FormSchemaEntityField) => {}, fieldsArray: FormSchemaEntityField[]) => {
+        const getTargetFiled = (predicate: (element: FormSchemaEntityField) => boolean, fieldsArray: FormSchemaEntityField[]) => {
             fieldsArray.find((element: FormSchemaEntityField) => {
                 const predicateResult = predicate(element);
                 if (predicateResult) {
@@ -628,7 +629,7 @@ export function useSchemaService(useFormSchema: UseFormSchema):UseSchemaService{
                         entity: current,
                         schemaField: fieldInfo.schemaField,
                         isRefElement: fieldInfo.isRefElement
-                    }
+                    };
                 }
             }
             if (current?.type.entities && current.type.entities.length) {
@@ -647,10 +648,12 @@ export function useSchemaService(useFormSchema: UseFormSchema):UseSchemaService{
             fields.forEach(element => {
 
                 // 字段类型名称
+                // eslint-disable-next-line no-self-assign
                 element.type.displayName = element.type.displayName;
 
                 // 枚举类型名称
                 if (element.type.name === FormSchemaEntityFieldTypeName.Enum && element.type.valueType && element.type.valueType.displayName) {
+                    // eslint-disable-next-line no-self-assign
                     element.type.valueType.displayName = element.type.valueType.displayName;
                 }
                 // 关联表字段 / UDT字段
@@ -672,6 +675,6 @@ export function useSchemaService(useFormSchema: UseFormSchema):UseSchemaService{
 
         }
     }
-    return { getFieldByIDAndVMID,getFieldsByViewModelId, getTableInfoByViewModelId }
+    return { getFieldByIDAndVMID, getFieldsByViewModelId, getTableInfoByViewModelId };
 
 }
diff --git a/packages/designer/src/components/composition/use-events-editor.ts b/packages/designer/src/components/composition/use-events-editor.ts
index f2be8b998cb5701c72551a6b545e865df4174ddc..f3956c8b4979a0712be9051c64bdc1eb59729aaa 100644
--- a/packages/designer/src/components/composition/use-events-editor.ts
+++ b/packages/designer/src/components/composition/use-events-editor.ts
@@ -4,7 +4,7 @@ import { inject } from "vue";
 import { UseFormSchema } from "../types";
 import { UseFormCommandService } from "../types/command";
 
-export function useEventsEditor(commandService:UseFormCommandService,useFormSchema:UseFormSchema):UseEventsEditor {
+export function useEventsEditor(commandService: UseFormCommandService, useFormSchema: UseFormSchema): UseEventsEditor {
 
     let savedViewModel = [] as any;
 
@@ -15,17 +15,17 @@ export function useEventsEditor(commandService:UseFormCommandService,useFormSche
      * @returns 
      */
     function getUniqueContent(itemWithSameValue: any, comparedPart: string) {
-        let value = cloneDeep(itemWithSameValue);
+        const value = cloneDeep(itemWithSameValue);
         for (let i = 0; i < value.length; i++) {
             for (let j = i + 1; j < value.length; j++) {
-                if (comparedPart == 'controller') {
-                    if (value[i]['controllerName']['id'] == value[j]['controllerName']['id']) {
+                if (comparedPart === 'controller') {
+                    if (value[i]['controllerName']['id'] === value[j]['controllerName']['id']) {
                         value.splice(j, 1);
                         j--;
                     }
                 }
-                else if (comparedPart == 'command') {
-                    if (value[i]['label'] == value[j]['label']) {
+                else if (comparedPart === 'command') {
+                    if (value[i]['label'] === value[j]['label']) {
                         value.splice(j, 1);
                         j--;
                     }
@@ -50,7 +50,7 @@ export function useEventsEditor(commandService:UseFormCommandService,useFormSche
                 id: '',
             },
             controllerList: []
-        }
+        };
         savedViewModelItem.controllerName = cloneDeep(controller);
         savedViewModel.push(cloneDeep(savedViewModelItem));
         savedViewModel = getUniqueContent(savedViewModel, 'controller');
@@ -65,13 +65,13 @@ export function useEventsEditor(commandService:UseFormCommandService,useFormSche
     function getAllComponentList() {
         const components = useFormSchema.getComponents();
         const viewModels = useFormSchema.getViewModels();
-        let componentListsItem = {
+        const componentListsItem = {
             componentId: '',
             viewModelId: ''
-        }
+        };
         const allComponentList = [] as any;
         for (let i = 0; i < components.length; i++) {
-            //筛选出root-component及form类型的component
+            // 筛选出root-component及form类型的component
             componentListsItem.componentId = cloneDeep(components[i].id);
             componentListsItem.viewModelId = cloneDeep(viewModels[i].id);
             allComponentList.push(cloneDeep(componentListsItem));
@@ -79,6 +79,17 @@ export function useEventsEditor(commandService:UseFormCommandService,useFormSche
         return allComponentList;
     }
 
+    /** 修正vmid为以-component为后缀的情况*/
+    function verifyVmid(vmid, allComponentList) {
+        let verifiedVmid = vmid;
+        const splitString = vmid.split('-');
+        if (splitString[splitString.length - 1] === 'component') {
+            const verifiedVm = allComponentList.find(componentListsItem => componentListsItem.componentId === vmid);
+            verifiedVmid = verifiedVm.viewModelId;
+        }
+        return verifiedVmid;
+    }
+
     /**
      * 处理actions节点的目标组件值
      * @param boundEventItem 绑定事件
@@ -87,38 +98,27 @@ export function useEventsEditor(commandService:UseFormCommandService,useFormSche
      */
     function formTargetComponent(boundEventItem: any, vmid: string) {
         const allComponentList = getAllComponentList();
-        let targetComponent = {
+        const targetComponent = {
             id: boundEventItem.command?.targetComponent,
             viewModelId: '',
-        }
-        if (allComponentList.length && boundEventItem.command.targetComponent != undefined) {
+        };
+        if (allComponentList.length && boundEventItem.command.targetComponent !== undefined) {
             let viewModelId;
             allComponentList.forEach(component => {
-                viewModelId = component.componentId == targetComponent.id ? component.viewModelId : viewModelId;
+                viewModelId = component.componentId === targetComponent.id ? component.viewModelId : viewModelId;
             });
             targetComponent.viewModelId = viewModelId;
         }
         else if (allComponentList.length) {
             vmid = verifyVmid(vmid, allComponentList);
-            //若不存在目标组件，则自动存放至当前viewmodel
-            const componentList = allComponentList.find(componentListsItem => componentListsItem.viewModelId == vmid);
-            targetComponent.id = componentList == undefined ? undefined : componentList.componentId;
+            // 若不存在目标组件，则自动存放至当前viewmodel
+            const componentList = allComponentList.find(componentListsItem => componentListsItem.viewModelId === vmid);
+            targetComponent.id = componentList === undefined ? undefined : componentList.componentId;
             targetComponent.viewModelId = vmid as any;
         }
         return targetComponent;
     }
 
-    /** 修正vmid为以-component为后缀的情况*/
-    function verifyVmid(vmid, allComponentList) {
-        let verifiedVmid = vmid;
-        const splitString = vmid.split('-');
-        if (splitString[splitString.length - 1] == 'component') {
-            let verifiedVm = allComponentList.find(componentListsItem => componentListsItem.componentId == vmid);
-            verifiedVmid = verifiedVm.viewModelId;
-        }
-        return verifiedVmid;
-    }
-
     /**
      * 获取actions节点和viewmodel节点的控制器，以便按照控制器分类所有命令
      * @param domJson 
@@ -131,23 +131,23 @@ export function useEventsEditor(commandService:UseFormCommandService,useFormSche
         domJson.module.actions.forEach(actionItem => {
             actionItem.sourceComponent.map.forEach(mapItem => {
                 savedViewModelFromActions = cloneDeep(getControllerName(mapItem.controller));
-            })
-        })
+            });
+        });
         // 根据viewModel节点，匹配cmpId获取控制器（savedViewModelFromVM）
         domJson.module.viewmodels.forEach(viewmodelItem => {
             viewmodelItem.commands.forEach(commandItem => {
                 commandService.getCommands().forEach(webCmdItem => {
-                    if (commandItem.cmpId == webCmdItem.Id) {
+                    if (commandItem.cmpId === webCmdItem.Id) {
                         const controller = {
                             label: webCmdItem.Code,
                             name: webCmdItem.Name,
                             id: webCmdItem.Id,
-                        }
+                        };
                         savedViewModelFromVM = cloneDeep(getControllerName(controller));
                     }
                 });
-            })
-        })
+            });
+        });
 
         // 合并savedViewModelFromActions及savedViewModelFromVM => savedViewModel
         const savedViewModel = savedViewModelFromActions ? getUniqueContent(savedViewModelFromActions.concat(savedViewModelFromVM), 'controller') : getUniqueContent(savedViewModelFromVM, 'controller');
@@ -162,10 +162,10 @@ export function useEventsEditor(commandService:UseFormCommandService,useFormSche
      * @param domJson 
      */
     function getCommandParameter(savedViewModelItem: any, controllerListItem: ControllerListItem) {
-        const actions = useFormSchema.getModule().actions;
+        const { actions } = useFormSchema.getModule();
         actions.forEach(actionItem => {
             actionItem.sourceComponent.map.forEach(mapItem => {
-                if (savedViewModelItem.controllerName.id == mapItem.controller.id) {
+                if (savedViewModelItem.controllerName.id === mapItem.controller.id) {
                     controllerListItem.label = mapItem.command.label;
                     controllerListItem.name = mapItem.command.name;
                     controllerListItem.id = mapItem.command.id;
@@ -178,13 +178,13 @@ export function useEventsEditor(commandService:UseFormCommandService,useFormSche
                     controllerListItem.targetComponent = mapItem.targetComponent['id'] ? mapItem.targetComponent['id'] : undefined;
                     savedViewModelItem.controllerList.push(cloneDeep(controllerListItem));
                 }
-            })
-        })
+            });
+        });
 
-        const viewmodels =useFormSchema.getViewModels();
+        const viewmodels = useFormSchema.getViewModels();
         viewmodels.forEach(viewmodelItem => {
             viewmodelItem.commands.forEach(commandsItem => {
-                if (savedViewModelItem.controllerName.id == commandsItem.cmpId) {
+                if (savedViewModelItem.controllerName.id === commandsItem.cmpId) {
                     controllerListItem.label = commandsItem.code;
                     controllerListItem.name = commandsItem.name;
                     controllerListItem.id = commandsItem.id;
@@ -197,8 +197,8 @@ export function useEventsEditor(commandService:UseFormCommandService,useFormSche
                     controllerListItem.targetComponent = commandsItem['targetComponent'] ? commandsItem['targetComponent'] : undefined;
                     savedViewModelItem.controllerList.push(cloneDeep(controllerListItem));
                 }
-            })
-        })
+            });
+        });
         return savedViewModelItem;
     }
 
@@ -209,15 +209,15 @@ export function useEventsEditor(commandService:UseFormCommandService,useFormSche
      */
     function getPathAndTagBoundCommand(actionData: any, savedViewModelCopy: any) {
         actionData.forEach(actionItem => {
-            const id = actionItem.sourceComponent.id;
+            const { id } = actionItem.sourceComponent;
             // 获取已绑定命令的路径
-            let path = useFormSchema.getControlBasicInfoMap().get(id) != undefined ? useFormSchema.getControlBasicInfoMap().get(id)?.parentPathName : undefined;
-            actionItem['path'] = useFormSchema.getControlBasicInfoMap().get(id) != undefined ? `${path} > ` : '';
+            const path = useFormSchema.getControlBasicInfoMap().get(id) !== undefined ? useFormSchema.getControlBasicInfoMap().get(id)?.parentPathName : undefined;
+            actionItem['path'] = useFormSchema.getControlBasicInfoMap().get(id) !== undefined ? `${path} > ` : '';
             actionItem.sourceComponent.map.forEach(mapItem => {
                 savedViewModelCopy.forEach(savedViewModelItem => {
                     savedViewModelItem.controllerList.forEach(commandItem => {
                         // tag已绑定的命令
-                        if (commandItem.label == mapItem.command.label) {
+                        if (commandItem.label === mapItem.command.label) {
                             commandItem['tag'] = 'notInternal';
                         }
                     });
@@ -235,7 +235,7 @@ export function useEventsEditor(commandService:UseFormCommandService,useFormSche
      * @returns 
      */
     function handlePathOfUnboundCommand(propertyDataId: string, viewModelId: string, savedViewModelCopy: any) {
-        let viewModelData: EventsEditorActions = {
+        const viewModelData: EventsEditorActions = {
             sourceComponent: {
                 id: propertyDataId,
                 viewModelId: viewModelId,
@@ -244,10 +244,10 @@ export function useEventsEditor(commandService:UseFormCommandService,useFormSche
             path: '暂未绑定 '
         };
         savedViewModelCopy.forEach(savedViewModelCopyItem => {
-            const controllerName = savedViewModelCopyItem.controllerName;
+            const { controllerName } = savedViewModelCopyItem;
             savedViewModelCopyItem.controllerList.forEach(commandItem => {
                 if (!commandItem['tag']) {
-                    let mapItem: EventsEditorMapItem = {
+                    const mapItem: EventsEditorMapItem = {
                         event: {
                             label: undefined,
                             name: undefined,
@@ -268,7 +268,7 @@ export function useEventsEditor(commandService:UseFormCommandService,useFormSche
                             label: controllerName.label,
                             name: controllerName.name,
                         }
-                    }
+                    };
                     viewModelData.sourceComponent.map.push(cloneDeep(mapItem));
                 }
             });
@@ -285,16 +285,16 @@ export function useEventsEditor(commandService:UseFormCommandService,useFormSche
      * @returns 
      */
     function selectedCommandRules(viewModelId: string, actionWithPath: any, action: any) {
-        if (viewModelId != "root-viewmodel") {
+        if (viewModelId !== "root-viewmodel") {
             actionWithPath.forEach(actionWithPathItem => {
-                let mapArray = [] as any;
+                const mapArray = [] as any;
                 let mapExist = false;
                 actionWithPathItem.sourceComponent.map.forEach(mapItem => {
-                    if (mapItem.targetComponent.viewModelId == viewModelId) {
+                    if (mapItem.targetComponent.viewModelId === viewModelId) {
                         mapArray.push(cloneDeep(mapItem));
                         mapExist = true;
                     }
-                })
+                });
                 if (mapExist) {
                     const actionsItem = {
                         path: actionWithPathItem.path,
@@ -303,10 +303,10 @@ export function useEventsEditor(commandService:UseFormCommandService,useFormSche
                             map: cloneDeep(mapArray),
                             viewModelId: actionWithPathItem.sourceComponent.viewModelId,
                         }
-                    }
+                    };
                     action.push(cloneDeep(actionsItem));
                 }
-            })
+            });
         }
         else {
             action = cloneDeep(actionWithPath);
@@ -324,7 +324,7 @@ export function useEventsEditor(commandService:UseFormCommandService,useFormSche
         const domJson = useFormSchema.getFormSchema();
         const actionData = cloneDeep(domJson.module.actions);
 
-        let controllerListItem: ControllerListItem = {
+        const controllerListItem: ControllerListItem = {
             label: '',
             name: '',
             id: '',
@@ -337,16 +337,16 @@ export function useEventsEditor(commandService:UseFormCommandService,useFormSche
             isRTCmd: undefined,
             isInvalid: false,
             property: []
-        }
+        };
 
         // 1. 获取已绑定命令的参数值（来自actions节点）
         // 2. 获取暂未绑定的命令参数值（来自viewmodel节点）
-        let savedViewModel = getController(domJson);
+        const savedViewModel = getController(domJson);
         savedViewModel.forEach(savedViewModelItem => {
-            const actions = domJson.module.actions;
+            const { actions } = domJson.module;
             actions.forEach(actionItem => {
                 actionItem.sourceComponent.map.forEach(mapItem => {
-                    if (savedViewModelItem.controllerName.id == mapItem.controller.id) {
+                    if (savedViewModelItem.controllerName.id === mapItem.controller.id) {
                         controllerListItem.label = mapItem.command.label;
                         controllerListItem.name = mapItem.command.name;
                         controllerListItem.id = mapItem.command.id;
@@ -359,14 +359,14 @@ export function useEventsEditor(commandService:UseFormCommandService,useFormSche
                         controllerListItem.targetComponent = mapItem.targetComponent['id'] ? mapItem.targetComponent['id'] : undefined;
                         savedViewModelItem.controllerList.push(cloneDeep(controllerListItem));
                     }
-                })
-            })
+                });
+            });
 
-            const viewmodels = domJson.module.viewmodels;
+            const { viewmodels } = domJson.module;
             viewmodels.forEach(viewmodelItem => {
                 viewmodelItem.commands.forEach(commandsItem => {
                     const targetComponent = viewmodelItem.code;
-                    if (savedViewModelItem.controllerName.id == commandsItem.cmpId) {
+                    if (savedViewModelItem.controllerName.id === commandsItem.cmpId) {
                         controllerListItem.label = commandsItem.code;
                         controllerListItem.name = commandsItem.name;
                         controllerListItem.id = commandsItem.id;
@@ -379,10 +379,10 @@ export function useEventsEditor(commandService:UseFormCommandService,useFormSche
                         controllerListItem.targetComponent = commandsItem['targetComponent'] || targetComponent ? commandsItem['targetComponent'] || targetComponent : undefined;
                         savedViewModelItem.controllerList.push(cloneDeep(controllerListItem));
                     }
-                })
-            })
+                });
+            });
             savedViewModelItem.controllerList = cloneDeep(getUniqueContent(savedViewModelItem.controllerList, 'command'));
-        })
+        });
 
         const savedViewModelCopy = cloneDeep(savedViewModel);
         const actionsData = cloneDeep(getPathAndTagBoundCommand(actionData, savedViewModelCopy));
@@ -395,7 +395,7 @@ export function useEventsEditor(commandService:UseFormCommandService,useFormSche
         return {
             actionWithPath: action,
             viewModelDisplay: savedViewModel
-        }
+        };
     }
-    return {getCommandParameter,getEventPath,getAllComponentList,formTargetComponent};
-}
\ No newline at end of file
+    return { getCommandParameter, getEventPath, getAllComponentList, formTargetComponent };
+}
diff --git a/packages/designer/src/components/composition/use-form-schema.ts b/packages/designer/src/components/composition/use-form-schema.ts
index 9b49e4dc01e4497add987975033e1b0060d3cc12..c2788a6e397b02c458b159218556512a9fb38c5a 100644
--- a/packages/designer/src/components/composition/use-form-schema.ts
+++ b/packages/designer/src/components/composition/use-form-schema.ts
@@ -1,6 +1,7 @@
-/* eslint-disable no-restricted-syntax */
-import { cloneDeep, merge, mergeWith } from "lodash-es";
-import { EntityFieldTypeDisplayNamei18n, FormBindingType, FormComponent, FormMetaDataModule, FormMetadaDataDom, FormSchema, FormSchemaEntity, FormSchemaEntityField, FormVariable, FormVariableCategory, FormVariableTypes, FormViewModel, FormViewModelField, FormWebCmd, MetadataDto, UseFormSchema } from "../types";
+/* eslint-disable no-use-before-define */
+
+import { cloneDeep, mergeWith } from "lodash-es";
+import { FormBindingType, FormComponent, FormMetaDataModule, FormMetadaDataDom, FormSchema, FormSchemaEntity, FormSchemaEntityField, FormVariable, FormVariableCategory, FormVariableTypes, FormViewModel, FormViewModelField, FormWebCmd, MetadataDto, UseFormSchema } from "../types";
 import { NodeType, Node } from "../types/events-editor";
 import { inject } from "vue";
 import { LookupSchemaRepositoryToken } from "@farris/ui-vue/components/lookup";
@@ -17,10 +18,10 @@ export function useFormSchema(): UseFormSchema {
     /** 表单元数据 */
     let formSchema: FormMetadaDataDom;
     /** 映射JSON结构映射：<控件id, 控件JSON> */
-    let componentDomMap = new Map<string, any>();
-    let nodeTypeCollect: Map<string, Node[]> = new Map<string, Node[]>();
+    const componentDomMap = new Map<string, any>();
+    const nodeTypeCollect: Map<string, Node[]> = new Map<string, Node[]>();
     /** 控件id与控件展示名称、控件路径的映射 <控件id, {showName:控件展示名称,parentPathName:控件路径} */
-    let controlBasicInfoMap = new Map<string, { showName: string, parentPathName: string }>();
+    const controlBasicInfoMap = new Map<string, { showName: string, parentPathName: string }>();
     /** 当前表单模板的拖拽控制规则 */
     let formTemplateRules: any;
 
@@ -170,7 +171,7 @@ export function useFormSchema(): UseFormSchema {
         return formSchema.module.entity[0].id;
     }
     function getViewModels() {
-        return formSchema?.module?.viewmodels || []
+        return formSchema?.module?.viewmodels || [];
     }
     function setViewmodels(value) {
         formSchema.module.viewmodels = value;
@@ -253,7 +254,7 @@ export function useFormSchema(): UseFormSchema {
      * 获取schemas节点下的uri (目前仅支持单一数据源)
      */
     function getSchemas(): FormSchema | undefined {
-        const entity = formSchema.module.entity;
+        const { entity } = formSchema.module;
         if (!entity || entity.length === 0) {
             return;
         }
@@ -277,7 +278,7 @@ export function useFormSchema(): UseFormSchema {
     }
 
     function getQDPInfo() {
-        const qdpInfo = formSchema.module.qdpInfo;
+        const { qdpInfo } = formSchema.module;
         if (qdpInfo && qdpInfo.qoMetadata && qdpInfo.qoMetadata.length) {
             return qdpInfo;
         } else {
@@ -922,7 +923,6 @@ export function useFormSchema(): UseFormSchema {
     }
 
 
-
     /**
      * 根据id路径定位节点
      * @param rootNode 根节点
@@ -1213,7 +1213,7 @@ export function useFormSchema(): UseFormSchema {
             return;
         }
         if (deep) {
-            let targetComponet = [] as any;
+            const targetComponet = [] as any;
             const FindComponent = (components: any[]) => {
                 components.forEach((componentItem) => {
                     if (componentItem) {
@@ -1223,8 +1223,8 @@ export function useFormSchema(): UseFormSchema {
                             FindComponent(componentItem.contents);
                         }
                     }
-                })
-            }
+                });
+            };
             FindComponent(formSchema.module.components);
             return targetComponet;
         } else {
@@ -1242,7 +1242,7 @@ export function useFormSchema(): UseFormSchema {
      * @param entities 实体对象集合
      * @param bindTo 实体绑定路径
      */
-    function getTableFieldsByBindTo(entities: FormSchemaEntity[], bindTo: string): FormSchemaEntityField[] {
+    function getTableFieldsByBindTo(entities: FormSchemaEntity[], bindTo: string): FormSchemaEntityField[] | undefined {
         if (!entities || entities.length === 0) {
             return [];
         }
diff --git a/packages/designer/src/components/designer.component.tsx b/packages/designer/src/components/designer.component.tsx
index 8b940ff4738bc245ebc760a8e0493ffd090f38db..a2b110586bb86804ab37871002cfad14f39f5e1c 100644
--- a/packages/designer/src/components/designer.component.tsx
+++ b/packages/designer/src/components/designer.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { SetupContext, defineComponent, inject, ref, computed, provide, watch, onBeforeMount } from "vue";
 import { DesignerProps, designerProps } from "./designer.props";
 import { useFormSchema } from "./composition/use-form-schema";
@@ -66,7 +66,7 @@ export default defineComponent({
                     // 赋值处理
                     designViewModelService.assembleDesignViewModel();
 
-                })
+                });
             });
         });
 
@@ -111,12 +111,12 @@ export default defineComponent({
                     const metadataId = useFormSchemaComposition.getFormMetadataBasicInfo()?.id;
                     const relativePath = useFormSchemaComposition.getFormMetadataBasicInfo()?.relativePath;
                     window.open(`${window.location.origin}/platform/common/web/renderer/index.html#/preview?metadataPath=${metadataPath}&projectPath=${relativePath}&metadataId=${metadataId}`);
-                    saveFormMetadata()
+                    saveFormMetadata();
                 } else {
                     loadingInstance.value.close();  
                     notifyService.error({ message: publishInfo.error || '表单解析失败' });
                 }
-            })
+            });
         }
         /**
          * 工具栏配置
diff --git a/packages/designer/src/components/index.ts b/packages/designer/src/components/index.ts
index 8168a6a46624b49e7f1c5b34b064d7049f2e1df2..7c90b022856a16ddd7ad0673759592fc86f510d0 100644
--- a/packages/designer/src/components/index.ts
+++ b/packages/designer/src/components/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import type { App } from 'vue';
 import Designer from './designer.component';
 
diff --git a/packages/designer/src/components/types/command.ts b/packages/designer/src/components/types/command.ts
index 869b2fb17b767975de4ad0dab370a300bb7015f8..2a9e769a1be88b34574314498d13d39384cfe172 100644
--- a/packages/designer/src/components/types/command.ts
+++ b/packages/designer/src/components/types/command.ts
@@ -7,4 +7,4 @@ export interface UseFormCommandService {
     addControllerMethod:(propertyData: any, viewModelId: string, parameters: any)=>void;
     viewModelDomChanged:(propertyData: any, events: any, viewModelId: string, domActions: any)=>void;
     getCommands:()=>any;
-}
\ No newline at end of file
+}
diff --git a/packages/designer/src/components/types/const.ts b/packages/designer/src/components/types/const.ts
index c37150392b4581e7dd93113d3ed7f570da556f7d..b93e2742fb3dfa4cbf021eb5f1fc1689ee3c24b1 100644
--- a/packages/designer/src/components/types/const.ts
+++ b/packages/designer/src/components/types/const.ts
@@ -16,7 +16,6 @@ export const MetadataServiceToken = 'Meatdata_Http_Service_Token';
 export const MetadataPathToken = 'Metadata_Path_Token';
 
 
-
 /**
  * schema字段的类型名称（国际化）
  */
diff --git a/packages/designer/src/components/types/design-viewmodel.ts b/packages/designer/src/components/types/design-viewmodel.ts
index d024b3d521634cad1fd76c320217f524e07c9f3b..401ddf74b8e38b26aae312fbf1f9d479845810fb 100644
--- a/packages/designer/src/components/types/design-viewmodel.ts
+++ b/packages/designer/src/components/types/design-viewmodel.ts
@@ -1,12 +1,23 @@
-
-// 设计器内部使用
-// 在DesignViewModel中存储一份完整的字段信息。而DOM.viewModel只存储增量的部分（即viewmodel.fieldSchema）
-
 import { mergeWith } from "lodash-es";
 import { FormSchemaEntityField } from "./entity-schema";
 import { UseFormSchema } from "./metadata";
 import { FormBindingType } from "./enums";
 
+export interface DesignViewModelField extends FormSchemaEntityField {
+    valueChanging: string;
+    valueChanged: string;
+    groupId: string;
+    groupName: string;
+    /** 标识字段在schema中是否已移除 */
+    isSchemaRemoved?: boolean;
+    /** 字段更新时机 */
+    updateOn?: string;
+    /** 字段的类型名称（国际化） */
+    displayTypeNamei18n?: string;
+}
+
+// 设计器内部使用
+// 在DesignViewModel中存储一份完整的字段信息。而DOM.viewModel只存储增量的部分（即viewmodel.fieldSchema）
 // DesignViewModel中不会存储所有的schema字段，只存储已绑定控件的字段（字段与DOM.viewModel一一对应）
 export class DesignViewModel {
     public id: string;
diff --git a/packages/designer/src/components/types/events-editor.ts b/packages/designer/src/components/types/events-editor.ts
index 0116209247599fb18c929921acafd3c6973fcc6a..029667c4aff4f65d5c850d22a04cf1219a74a404 100644
--- a/packages/designer/src/components/types/events-editor.ts
+++ b/packages/designer/src/components/types/events-editor.ts
@@ -1,12 +1,3 @@
-export interface EventsEditorActions {
-    sourceComponent: {
-        id: string,
-        viewModelId: string,
-        map: EventsEditorMapItem[],
-    },
-    path?: string
-};
-
 export interface EventsEditorMapItem {
     event: {
         label: string | undefined,
@@ -35,6 +26,15 @@ export interface EventsEditorMapItem {
     }
 }
 
+export interface EventsEditorActions {
+    sourceComponent: {
+        id: string,
+        viewModelId: string,
+        map: EventsEditorMapItem[],
+    },
+    path?: string
+};
+
 export interface ControllerListItem {
     label: string,
     name: string,
@@ -52,7 +52,7 @@ export interface ControllerListItem {
 }
 
 export interface UseEventsEditorUtils {
-    formProperties: (eventEditorService, formBasicService, domService, webCmdService, propertyData, viewModelId, eventList, switchEvents?: (propertyData, eventList) => {}) => void;
+    formProperties: (eventEditorService, formBasicService, domService, webCmdService, propertyData, viewModelId, eventList, switchEvents?: (propertyData, eventList) => object) => void;
     saveRelatedParameters: (eventEditorService, domService, webCmdService, propertyData: any, viewModelId: string, eventList, parameters: any) => void;
 }
 
@@ -100,6 +100,6 @@ export interface UseEventsEditor {
   */
     getEventPath: (propertyDataId: string, viewModelId: string) => { actionWithPath: any, viewModelDisplay: any };
     getAllComponentList: () => Array<any>;
-    formTargetComponent:(boundEventItem: any, vmid: string)=>void;
+    formTargetComponent: (boundEventItem: any, vmid: string) => void;
 
-}
\ No newline at end of file
+}
diff --git a/packages/designer/src/components/types/metadata.ts b/packages/designer/src/components/types/metadata.ts
index fc2af3f9c9aea71fe7547bc8edb9533b7b5e50c9..47bb5483489eca3bedf535fdec67773b77611883 100644
--- a/packages/designer/src/components/types/metadata.ts
+++ b/packages/designer/src/components/types/metadata.ts
@@ -184,7 +184,7 @@ export interface UseFormSchema {
      * @param predict 预设的判断逻辑
      * @param parentNode 初始父节点
      */
-    // eslint-disable-next-line max-len
+
     selectNodeAndParentNode: (rootNode: any, predict: (item: any) => boolean, parentNode: any) => { node: any; parentNode: any } | undefined;
 
     getControlBasicInfoMap: () => Map<string, { showName: string, parentPathName: string }>;
@@ -227,4 +227,4 @@ export interface UseControlCreator {
     setFormFieldProperty: (field: FormSchemaEntityField, editorType: string, controlClass: string) => any;
     setGridFieldProperty: (gridType: string, field: FormSchemaEntityField, metadata: any, needInlineEditor: false) => any;
     createFormGroupWithoutField: (editorType: string, controlClass: string) => any;
-}
\ No newline at end of file
+}
diff --git a/packages/devkit/scripts/commands/build-vite-config.cjs b/packages/devkit/scripts/commands/build-vite-config.cjs
index f06c404685fdbdc0b7dcabe2d2c230b05abb214d..ab6564b3db95c66c3f6178e472b6844767680dc8 100644
--- a/packages/devkit/scripts/commands/build-vite-config.cjs
+++ b/packages/devkit/scripts/commands/build-vite-config.cjs
@@ -43,5 +43,5 @@ module.exports = function (options) {
                 },
             },
         },
-    })
-}
\ No newline at end of file
+    });
+};
diff --git a/packages/devkit/src/main.ts b/packages/devkit/src/main.ts
index 09433276a7a438f7d7d8d0b00648612baade08c5..09a59d675286988413ad5266a333cfe3eaaa123d 100644
--- a/packages/devkit/src/main.ts
+++ b/packages/devkit/src/main.ts
@@ -1,10 +1,10 @@
 import { createApp } from 'vue';
 import { createDevkit } from '../lib/index';
-import App from './app.vue'
+import App from './app.vue';
 
-const app = createApp(App)
+const app = createApp(App);
 const devkit = createDevkit({
   providers: []
 });
-app.use(devkit)
-app.mount('#app')
+app.use(devkit);
+app.mount('#app');
diff --git a/packages/devkit/src/views/dynamic-demo/DynamicDemo.vue b/packages/devkit/src/views/dynamic-demo/DynamicDemo.vue
index 2e70bb77b27598bf7fce8656fee4c33af8fca307..5f4262b9ff96170197c04e6c73684baf77e4b6f5 100644
--- a/packages/devkit/src/views/dynamic-demo/DynamicDemo.vue
+++ b/packages/devkit/src/views/dynamic-demo/DynamicDemo.vue
@@ -14,40 +14,40 @@ dynamicViewModel.load();
 
 const changeCurrent = (id: string) => {
     const viewModel = dynamicViewModel as ViewModel<ViewModelState>;
-    const entityStore = viewModel.entityStore;
+    const {entityStore} = viewModel;
     entityStore.changeCurrentEntityById(id);
-}
+};
 
 const edit = () => {
     const viewModel = dynamicViewModel as ViewModel<ViewModelState>;
-    const stateMachine = viewModel.stateMachine;
+    const {stateMachine} = viewModel;
     stateMachine.transitTo('editState');
-}
+};
 
 const save = () => {
     const viewModel = dynamicViewModel as ViewModel<ViewModelState>;
-    const stateMachine = viewModel.stateMachine;
+    const {stateMachine} = viewModel;
     stateMachine.transitTo('viewState');
-}
+};
 
 const submit = () => {
     const viewModel = dynamicViewModel as ViewModel<ViewModelState>;
-    const entityStore = viewModel.entityStore;
+    const {entityStore} = viewModel;
     entityStore.setValueByPath('/status', 'SubmitApproval');
-}
+};
 
 const cancelSubmit = () => {
     const viewModel = dynamicViewModel as ViewModel<ViewModelState>;
-    const entityStore = viewModel.entityStore;
+    const {entityStore} = viewModel;
     entityStore.setValueByPath('/status', 'Billing');
-}
+};
 
 const test = () => {
     const viewModel = dynamicViewModel as ViewModel<ViewModelState>;
-    const uiStore = viewModel.uiStore;
+    const {uiStore} = viewModel;
     uiStore.setValue('allowDelete', true);
     
-}
+};
 
 
 </script>
diff --git a/packages/devkit/src/views/dynamic-demo/module/index.ts b/packages/devkit/src/views/dynamic-demo/module/index.ts
index 46266fdaf84b9a1f382e735185e8397d98e49bad..03570d1048707fb3afcb051017f0d0b564344cbd 100644
--- a/packages/devkit/src/views/dynamic-demo/module/index.ts
+++ b/packages/devkit/src/views/dynamic-demo/module/index.ts
@@ -1,2 +1,2 @@
 export * from './dynamic-repository';
-export * from './dynamic-module';
\ No newline at end of file
+export * from './dynamic-module';
diff --git a/packages/devkit/src/views/dynamic-demo/module/services/base-data.service.ts b/packages/devkit/src/views/dynamic-demo/module/services/base-data.service.ts
index 3c41de71f21f4815507b2aa4cb7a80137e41092c..b3e9982ae06262a4c77a0ff9a0194c5d45329d64 100644
--- a/packages/devkit/src/views/dynamic-demo/module/services/base-data.service.ts
+++ b/packages/devkit/src/views/dynamic-demo/module/services/base-data.service.ts
@@ -45,4 +45,4 @@ class BaseDataService {
     }
 }
 
-export { BaseDataService }
\ No newline at end of file
+export { BaseDataService };
diff --git a/packages/devkit/src/views/dynamic-demo/module/services/index.ts b/packages/devkit/src/views/dynamic-demo/module/services/index.ts
index 9e4ee4fa980fe319590f0f6935f50674345ca6ba..8133dd06095f761129170a356c66ac9054ef12d3 100644
--- a/packages/devkit/src/views/dynamic-demo/module/services/index.ts
+++ b/packages/devkit/src/views/dynamic-demo/module/services/index.ts
@@ -3,4 +3,4 @@ export * from './load-data.service';
 export * from './save-data.service';
 export * from './test.service';
 
-export * from './providers';
\ No newline at end of file
+export * from './providers';
diff --git a/packages/devkit/src/views/dynamic-demo/module/services/load-data.service.ts b/packages/devkit/src/views/dynamic-demo/module/services/load-data.service.ts
index dbd2866b6698d18a600cdb5ffce136989005b892..0c4dc08bd5edb043e25f1460e5a377735b30c5f5 100644
--- a/packages/devkit/src/views/dynamic-demo/module/services/load-data.service.ts
+++ b/packages/devkit/src/views/dynamic-demo/module/services/load-data.service.ts
@@ -26,4 +26,4 @@ class LoadDataService extends BaseDataService {
     }
 }
 
-export { LoadDataService };
\ No newline at end of file
+export { LoadDataService };
diff --git a/packages/devkit/src/views/dynamic-demo/module/services/save-data.service.ts b/packages/devkit/src/views/dynamic-demo/module/services/save-data.service.ts
index c9b12a9bb4830b770b631a4a3c5133943531f56b..9dc450172504cfd4ebd9d59a4da5103c3ad80a33 100644
--- a/packages/devkit/src/views/dynamic-demo/module/services/save-data.service.ts
+++ b/packages/devkit/src/views/dynamic-demo/module/services/save-data.service.ts
@@ -22,10 +22,10 @@ class SaveDataService extends BaseDataService {
                 console.log('saved ...');
                 resolve(true);
             }, 1000);
-        })
+        });
 
         return promise;
     }
 }
 
-export { SaveDataService };
\ No newline at end of file
+export { SaveDataService };
diff --git a/packages/devkit/src/views/dynamic-demo/module/services/test.service.ts b/packages/devkit/src/views/dynamic-demo/module/services/test.service.ts
index 72c04f47189efed0b5a07b36d582373620c3e2e4..0e3f7c993f707448a832c15e7fd7dbd701a778cd 100644
--- a/packages/devkit/src/views/dynamic-demo/module/services/test.service.ts
+++ b/packages/devkit/src/views/dynamic-demo/module/services/test.service.ts
@@ -24,4 +24,4 @@ class TestService extends BaseDataService {
     }
 }
 
-export { TestService };
\ No newline at end of file
+export { TestService };
diff --git a/packages/devkit/src/views/dynamic-demo/module/services/validation.service.ts b/packages/devkit/src/views/dynamic-demo/module/services/validation.service.ts
index 88f3804489d75a89daec075467563a1aa293713a..e291da820e77337f811b4f7f42d09edd7c075ffb 100644
--- a/packages/devkit/src/views/dynamic-demo/module/services/validation.service.ts
+++ b/packages/devkit/src/views/dynamic-demo/module/services/validation.service.ts
@@ -23,10 +23,10 @@ class ValidationService extends BaseDataService {
                 console.log('validated ...');
                 resolve(true);
             }, 2000);
-        })
+        });
 
         return promise;
     }
 }
 
-export { ValidationService };
\ No newline at end of file
+export { ValidationService };
diff --git a/packages/devkit/src/views/static-demo/module/handlers/index.ts b/packages/devkit/src/views/static-demo/module/handlers/index.ts
index d8433b1951b5e07424a6d86b57946185b39e06d2..39bdb956e7daae4aa126cea0e753e66682845f2c 100644
--- a/packages/devkit/src/views/static-demo/module/handlers/index.ts
+++ b/packages/devkit/src/views/static-demo/module/handlers/index.ts
@@ -1,3 +1,3 @@
 export * from './load.handler';
 export * from './save-handler';
-export * from './test-handler';
\ No newline at end of file
+export * from './test-handler';
diff --git a/packages/devkit/src/views/static-demo/module/services/base-data.service.ts b/packages/devkit/src/views/static-demo/module/services/base-data.service.ts
index d1501a4142c7be125bc1dedc5971bd794a86df03..3f89e07c344a9593c4848b4944349260d54f45c6 100644
--- a/packages/devkit/src/views/static-demo/module/services/base-data.service.ts
+++ b/packages/devkit/src/views/static-demo/module/services/base-data.service.ts
@@ -45,4 +45,4 @@ class BaseDataService {
     }
 }
 
-export { BaseDataService }
\ No newline at end of file
+export { BaseDataService };
diff --git a/packages/devkit/src/views/static-demo/module/services/index.ts b/packages/devkit/src/views/static-demo/module/services/index.ts
index 9e4ee4fa980fe319590f0f6935f50674345ca6ba..8133dd06095f761129170a356c66ac9054ef12d3 100644
--- a/packages/devkit/src/views/static-demo/module/services/index.ts
+++ b/packages/devkit/src/views/static-demo/module/services/index.ts
@@ -3,4 +3,4 @@ export * from './load-data.service';
 export * from './save-data.service';
 export * from './test.service';
 
-export * from './providers';
\ No newline at end of file
+export * from './providers';
diff --git a/packages/devkit/src/views/static-demo/module/services/load-data.service.ts b/packages/devkit/src/views/static-demo/module/services/load-data.service.ts
index dbd2866b6698d18a600cdb5ffce136989005b892..0c4dc08bd5edb043e25f1460e5a377735b30c5f5 100644
--- a/packages/devkit/src/views/static-demo/module/services/load-data.service.ts
+++ b/packages/devkit/src/views/static-demo/module/services/load-data.service.ts
@@ -26,4 +26,4 @@ class LoadDataService extends BaseDataService {
     }
 }
 
-export { LoadDataService };
\ No newline at end of file
+export { LoadDataService };
diff --git a/packages/devkit/src/views/static-demo/module/services/save-data.service.ts b/packages/devkit/src/views/static-demo/module/services/save-data.service.ts
index c9b12a9bb4830b770b631a4a3c5133943531f56b..9dc450172504cfd4ebd9d59a4da5103c3ad80a33 100644
--- a/packages/devkit/src/views/static-demo/module/services/save-data.service.ts
+++ b/packages/devkit/src/views/static-demo/module/services/save-data.service.ts
@@ -22,10 +22,10 @@ class SaveDataService extends BaseDataService {
                 console.log('saved ...');
                 resolve(true);
             }, 1000);
-        })
+        });
 
         return promise;
     }
 }
 
-export { SaveDataService };
\ No newline at end of file
+export { SaveDataService };
diff --git a/packages/devkit/src/views/static-demo/module/services/test.service.ts b/packages/devkit/src/views/static-demo/module/services/test.service.ts
index 6dbf2460a9899cce19cb853943b2dc81807f4370..b9c3cfa360a0a5de67e9064256c7ba4e44058ddd 100644
--- a/packages/devkit/src/views/static-demo/module/services/test.service.ts
+++ b/packages/devkit/src/views/static-demo/module/services/test.service.ts
@@ -23,4 +23,4 @@ class TestService extends BaseDataService {
     }
 }
 
-export { TestService };
\ No newline at end of file
+export { TestService };
diff --git a/packages/devkit/src/views/static-demo/module/services/validation.service.ts b/packages/devkit/src/views/static-demo/module/services/validation.service.ts
index 4220d6fa9d440593122b69b98671d1b2f2c0d180..47aa75aa26212d6f6d966660c3287a35fd342444 100644
--- a/packages/devkit/src/views/static-demo/module/services/validation.service.ts
+++ b/packages/devkit/src/views/static-demo/module/services/validation.service.ts
@@ -23,10 +23,10 @@ class ValidationService extends BaseDataService {
                 console.log('validated ...');
                 resolve(true);
             }, 2000);
-        })
+        });
 
         return promise;
     }
 }
 
-export { ValidationService };
\ No newline at end of file
+export { ValidationService };
diff --git a/packages/devkit/src/views/static-demo/module/static-repository.ts b/packages/devkit/src/views/static-demo/module/static-repository.ts
index f9ce3d91b76b3b6b713285549b1d56c53c96c230..8111136254e7924f68a6635d78080cd4baa71c29 100644
--- a/packages/devkit/src/views/static-demo/module/static-repository.ts
+++ b/packages/devkit/src/views/static-demo/module/static-repository.ts
@@ -19,7 +19,7 @@ class StaticAPIProxy {
         { id: '0001', code: 'LiuYi', name: '刘一' },
         { id: '0001', code: 'ChenEr', name: '陈二' },
         { id: '0001', code: 'LiuYi', name: '张三' },
-    ]
+    ];
 
     /**
      * 构造函数
@@ -110,7 +110,7 @@ class StaticRepository extends Repository<StaticEntity> {
         const entitesPromise = this.apiProxy.getEntityDatas().then((entityDatas: any) => {
             const entities = this.buildEntites(entityDatas);
             return entities;
-        })
+        });
 
         return entitesPromise;
     }
diff --git a/packages/devkit/src/views/static-demo/module/static-viewmodel.ts b/packages/devkit/src/views/static-demo/module/static-viewmodel.ts
index 0d3d14dc50188d71e209de4cf06cbee74401b406..2da52b57e6a7fc065219f11442972a03c3c1e154 100644
--- a/packages/devkit/src/views/static-demo/module/static-viewmodel.ts
+++ b/packages/devkit/src/views/static-demo/module/static-viewmodel.ts
@@ -54,4 +54,4 @@ class StaticViewModel extends ViewModel<StaticViewModelState>  {
     public test() {};
 }
 
-export { StaticViewModelState, StaticViewModel };
\ No newline at end of file
+export { StaticViewModelState, StaticViewModel };
diff --git a/packages/expression-engine/jest.config.js b/packages/expression-engine/jest.config.js
index 9f81f01c3e45597edefb7e636469a7d7258c5ce5..188a36d99ec202d23317c201d8aaaf7b3a165ff5 100644
--- a/packages/expression-engine/jest.config.js
+++ b/packages/expression-engine/jest.config.js
@@ -1,4 +1,4 @@
 module.exports = {
     preset: 'ts-jest',
     testEnvironment: 'node',
-  };
\ No newline at end of file
+  };
diff --git a/packages/f-theme-editor-project/farris-themebuilder-service/farris.js b/packages/f-theme-editor-project/farris-themebuilder-service/farris.js
index b95f3a36e5527ff8f4ef13edb66bc6c706c0703a..f4f907769b4c604cf41fa1fafaa66ebd7cccfbed 100644
--- a/packages/f-theme-editor-project/farris-themebuilder-service/farris.js
+++ b/packages/f-theme-editor-project/farris-themebuilder-service/farris.js
@@ -42,7 +42,7 @@ const currentMetadata = createMetadata();
 app.options('*', cors());
 
 app.get('/metadata', (req, res) => {
-    if (!currentMetadata) res.status(500).send({ err: 'No metadata' });
+    if (!currentMetadata) {res.status(500).send({ err: 'No metadata' });}
 
     res.status(200).send(currentMetadata);
 });
diff --git a/packages/f-theme-editor-project/farris-themebuilder-site/babel.config.js b/packages/f-theme-editor-project/farris-themebuilder-site/babel.config.js
index b51939f4fd20d388d2f7b3bd631d1d9fe98b4198..f87286bfc9f78c73f11da5abbb6065597f81a0a6 100644
--- a/packages/f-theme-editor-project/farris-themebuilder-site/babel.config.js
+++ b/packages/f-theme-editor-project/farris-themebuilder-site/babel.config.js
@@ -5,4 +5,4 @@ module.exports = {
     plugins: [
       '@vue/babel-plugin-jsx'
     ]
-}
+};
diff --git a/packages/f-theme-editor-project/farris-themebuilder-site/src/api/api.ts b/packages/f-theme-editor-project/farris-themebuilder-site/src/api/api.ts
index b77d40f3209d8038afa6b1ed2a83b0b89fb5e9c8..1d31cbdc079b89152ec23d49775f84b5aa562e89 100644
--- a/packages/f-theme-editor-project/farris-themebuilder-site/src/api/api.ts
+++ b/packages/f-theme-editor-project/farris-themebuilder-site/src/api/api.ts
@@ -7,7 +7,7 @@ const api = axios.create({
   timeout: 20000 // 超时时间
 });
 
-//const loadingStore = useLoadingStore(storeInstance);
+// const loadingStore = useLoadingStore(storeInstance);
 
 // 添加请求拦截器
 api.interceptors.request.use(
diff --git a/packages/f-theme-editor-project/farris-themebuilder-site/src/api/build.ts b/packages/f-theme-editor-project/farris-themebuilder-site/src/api/build.ts
index b0b9a7ef1589ad1af501193cbc8ef685f1ec8bea..b8fba554dedd4f1cf988f07836c692946adbe3ff 100644
--- a/packages/f-theme-editor-project/farris-themebuilder-site/src/api/build.ts
+++ b/packages/f-theme-editor-project/farris-themebuilder-site/src/api/build.ts
@@ -55,4 +55,4 @@ export function buildThemeAPI(configs:BuilderConfig):Promise<BuilderResult>{
  */
 export function getMetadataAPI():Promise<Metadata>{
     return api.get('/metadata');
-}
\ No newline at end of file
+}
diff --git a/packages/f-theme-editor-project/farris-themebuilder-site/src/common/meta-item.ts b/packages/f-theme-editor-project/farris-themebuilder-site/src/common/meta-item.ts
index 5b4889e1753c43786b87d4a70cd48b261faaba56..9612d0937e4274ee5349af41dfd4d3d97b8a5eaf 100644
--- a/packages/f-theme-editor-project/farris-themebuilder-site/src/common/meta-item.ts
+++ b/packages/f-theme-editor-project/farris-themebuilder-site/src/common/meta-item.ts
@@ -9,9 +9,9 @@ export interface MetaItem {
 }
 export interface MetaValueChange{
     changeValue:any;// 修改后的值
-    controlKey:string;//控件编号
+    controlKey:string;// 控件编号
     variableType:string;// 变量修改的类型，基础变量还是高级变量
 }
 export interface ThemeMetaItem{
     [themeName:string]: Array<MetaItem>
-}
\ No newline at end of file
+}
diff --git a/packages/f-theme-editor-project/farris-themebuilder-site/src/components/nav/advance-settings.tsx b/packages/f-theme-editor-project/farris-themebuilder-site/src/components/nav/advance-settings.tsx
index 5596b61d76a75ea352645d9ad43e2a3ad1560f07..738f483fc5c506d6e3182600e3cc9b4d52b43731 100644
--- a/packages/f-theme-editor-project/farris-themebuilder-site/src/components/nav/advance-settings.tsx
+++ b/packages/f-theme-editor-project/farris-themebuilder-site/src/components/nav/advance-settings.tsx
@@ -10,4 +10,4 @@ export default defineComponent({
       );
     },
   });
-  
\ No newline at end of file
+  
diff --git a/packages/f-theme-editor-project/farris-themebuilder-site/src/components/nav/header.tsx b/packages/f-theme-editor-project/farris-themebuilder-site/src/components/nav/header.tsx
index 07b2b6bc75feda7954d09ceab5a8983ae4311162..2fec2503b7c4846ecae8e7f972569483059103a1 100644
--- a/packages/f-theme-editor-project/farris-themebuilder-site/src/components/nav/header.tsx
+++ b/packages/f-theme-editor-project/farris-themebuilder-site/src/components/nav/header.tsx
@@ -46,14 +46,14 @@ export default defineComponent({
     const reset=(ev:MouseEvent)=>{
         ev&& ev.stopPropagation();
         resetVariables();
-    }
+    };
     /**
      * 刷新界面：根据原始变量生成主题信息和样式
      */
     const refresh=(ev:MouseEvent)=>{
         ev&& ev.stopPropagation();
         buildAll();
-    }
+    };
 
     return () => (
         <div class="settings-header--container">
@@ -64,7 +64,7 @@ export default defineComponent({
                 onMouseleave={(ev)=>toggleDropdown(ev,'hide')}
             >
                 <ul>
-                    <li class="download-dropdown-item" onClick={(ev)=>{toggleDropdown(ev,'hide');downloadZip(ev,'farris')}}>
+                    <li class="download-dropdown-item" onClick={(ev)=>{toggleDropdown(ev,'hide');downloadZip(ev,'farris');}}>
                         <i class="f-icon f-icon-download"></i>
                         <span>下载当前Faris主题</span>
                     </li>
diff --git a/packages/f-theme-editor-project/farris-themebuilder-site/src/components/nav/rapid-settings.tsx b/packages/f-theme-editor-project/farris-themebuilder-site/src/components/nav/rapid-settings.tsx
index 247dd13c0646f32c9307a1a601e0de2026013ac5..c6a981a1e610a799ad8a5968ed743a05e911a72f 100644
--- a/packages/f-theme-editor-project/farris-themebuilder-site/src/components/nav/rapid-settings.tsx
+++ b/packages/f-theme-editor-project/farris-themebuilder-site/src/components/nav/rapid-settings.tsx
@@ -40,8 +40,8 @@ export default defineComponent({
      * @param groupIndex
      */
     const foldOrExpandGroup = (groupInfoIndex: number, groupIndex: number) => {
-      let groupInfos = filterMetaItems.filterDatas[groupInfoIndex] as MenuItem;
-      let currentGroup = (groupInfos.groups || [])[groupIndex];
+      const groupInfos = filterMetaItems.filterDatas[groupInfoIndex] as MenuItem;
+      const currentGroup = (groupInfos.groups || [])[groupIndex];
       if (!currentGroup || !currentGroup.items) {
         return false;
       }
@@ -159,7 +159,7 @@ export default defineComponent({
               </div>
             );
           })
-        )
+        );
         })}
       </div>
     );
diff --git a/packages/f-theme-editor-project/farris-themebuilder-site/src/components/preview-page/bulk-edit.tsx b/packages/f-theme-editor-project/farris-themebuilder-site/src/components/preview-page/bulk-edit.tsx
index 3fd7d8a43714b01f42bc2cbb64d583c279b37258..c8c87b8db53776a9a292f5b23f6f9c9973dee8e3 100644
--- a/packages/f-theme-editor-project/farris-themebuilder-site/src/components/preview-page/bulk-edit.tsx
+++ b/packages/f-theme-editor-project/farris-themebuilder-site/src/components/preview-page/bulk-edit.tsx
@@ -760,6 +760,6 @@ export default defineComponent({
     </farris-section>
   </div>
   </div>
-  </div> );
+  </div>);
   }
 });
diff --git a/packages/f-theme-editor-project/farris-themebuilder-site/src/components/preview-page/index.tsx b/packages/f-theme-editor-project/farris-themebuilder-site/src/components/preview-page/index.tsx
index 0bf18f848094a2140f1833821b2ecd2b67ed5ad4..8ebbda7e40f35a4e06187407a19ab75bbe33674f 100644
--- a/packages/f-theme-editor-project/farris-themebuilder-site/src/components/preview-page/index.tsx
+++ b/packages/f-theme-editor-project/farris-themebuilder-site/src/components/preview-page/index.tsx
@@ -12,7 +12,7 @@ export default defineComponent({
   },
   setup() {
     const { initPreview, addHeadStyles, handleLinks } = PreviewUtils();
-    let themeInfo = initPreview();
+    const themeInfo = initPreview();
     const receiveMessage = (e: any): void => {
       if (e.data && e.data.name) {
         // 根据内容
@@ -25,7 +25,7 @@ export default defineComponent({
     };
 
     onMounted(() => {
-      //处理样式链接
+      // 处理样式链接
       handleLinks(themeInfo);
       const messageListener = receiveMessage.bind(this);
       window.removeEventListener("message", messageListener);
@@ -41,7 +41,7 @@ export default defineComponent({
       <div class="f-utils-absolute-all f-utils-flex-column">
         <framework-header></framework-header>
         <div class="f-utils-fill position-relative">
-        {/**临时用于展示,待后期用组件替换 */}
+        {/** 临时用于展示,待后期用组件替换 */}
           <page-bulk-edit></page-bulk-edit>
         </div>
       </div>
diff --git a/packages/f-theme-editor-project/farris-themebuilder-site/src/components/preview-widget/index.tsx b/packages/f-theme-editor-project/farris-themebuilder-site/src/components/preview-widget/index.tsx
index ea231dd396bbe44beaa8bd41f86d234865cbbd66..b96d293661a05d74db4030999165c26bb9f3e4f5 100644
--- a/packages/f-theme-editor-project/farris-themebuilder-site/src/components/preview-widget/index.tsx
+++ b/packages/f-theme-editor-project/farris-themebuilder-site/src/components/preview-widget/index.tsx
@@ -9,7 +9,7 @@ export default defineComponent({
   },
   setup() {   
     const { initPreview, addHeadStyles, handleLinks } = PreviewUtils();
-    let themeInfo = initPreview();
+    const themeInfo = initPreview();
     const receiveMessage = (e: any): void => {
       if (e.data && e.data.name) {
         // 根据内容
@@ -22,7 +22,7 @@ export default defineComponent({
     };
 
     onMounted(() => {
-      //处理样式链接
+      // 处理样式链接
       handleLinks(themeInfo);
       const messageListener = receiveMessage.bind(this);
       window.removeEventListener("message", messageListener);
diff --git a/packages/f-theme-editor-project/farris-themebuilder-site/src/store/filter-items.ts b/packages/f-theme-editor-project/farris-themebuilder-site/src/store/filter-items.ts
index 337cf150151f394f49823ec4c8288676d6ccf081..1110855198b178b802524aaa01e0a65d8f6aa194 100644
--- a/packages/f-theme-editor-project/farris-themebuilder-site/src/store/filter-items.ts
+++ b/packages/f-theme-editor-project/farris-themebuilder-site/src/store/filter-items.ts
@@ -25,7 +25,7 @@ export const useFilterMetaItemsStore = defineStore("filterMetaItems", {
         return;
       }
 
-      if (!item.items) return;
+      if (!item.items) {return;}
       const {getRealName} =filterNameUtils();
       const filteredItems = item.items.filter((metaItem) => {
         const itemName = getRealName(metaItem.Name).toLowerCase();
@@ -85,12 +85,12 @@ export const useFilterMetaItemsStore = defineStore("filterMetaItems", {
       const { formatSettings, getRapidSettings } = SettingsAliasUtils();
       const {getBaseParameters} =themeMetadataUtils();
       // 获取基础变量的定义
-      let presetRapidSettings = getRapidSettings();
+      const presetRapidSettings = getRapidSettings();
       // 查找配置，构造需要几个主题的基础变量
-      let needThemes = ["farris"];
+      const needThemes = ["farris"];
       // 整理主题类型
       presetRapidSettings.forEach((item) => {
-        let equThemes = (item.equivalents || "").split(",");
+        const equThemes = (item.equivalents || "").split(",");
         equThemes.forEach((themeItem) => {
           if (
             needThemes.findIndex(
@@ -104,7 +104,7 @@ export const useFilterMetaItemsStore = defineStore("filterMetaItems", {
 
       // 获取基础变量
       getBaseParameters(needThemes.join(",")).then((commonParameters) => {
-          //赋值 形如，[{"Key":"$base-accent","Name":"10. Accent color","Type":"color","Value":"[object Object]"} , ...]
+          // 赋值 形如，[{"Key":"$base-accent","Name":"10. Accent color","Type":"color","Value":"[object Object]"} , ...]
           // baseParameters.forEach(item => {
           //   // 目前出现赋值不对的问题，先临时补偿一下
           //   if (item.Type == 'color' && item.Value == "[object Object]") {
@@ -139,7 +139,7 @@ export const useFilterMetaItemsStore = defineStore("filterMetaItems", {
           //     "Value": "rgba(0,0,0,0.25)"
           //   }
           // ];
-          let datas = formatSettings(presetRapidSettings, commonParameters);
+          const datas = formatSettings(presetRapidSettings, commonParameters);
           // 更新nav数据
           this.navDatas = datas;
           // 赋初始值
diff --git a/packages/f-theme-editor-project/farris-themebuilder-site/src/store/index.ts b/packages/f-theme-editor-project/farris-themebuilder-site/src/store/index.ts
index 67347b10b45044159b12219e5910430769d3dbaa..09bb09059ae7664a2fadd130afaa1c43933821fc 100644
--- a/packages/f-theme-editor-project/farris-themebuilder-site/src/store/index.ts
+++ b/packages/f-theme-editor-project/farris-themebuilder-site/src/store/index.ts
@@ -4,4 +4,4 @@ export * from "./filter-items";
 export * from "./loading";
 export * from "./theme-change";
 export * from "./theme-metadata";
-export * from "./notify";
\ No newline at end of file
+export * from "./notify";
diff --git a/packages/f-theme-editor-project/farris-themebuilder-site/src/store/init.ts b/packages/f-theme-editor-project/farris-themebuilder-site/src/store/init.ts
index d0a7429beea60f636de5c8f53729dd068e320f59..17e5f130b332fe3a00da3fcb99d0e80d59fd7888 100644
--- a/packages/f-theme-editor-project/farris-themebuilder-site/src/store/init.ts
+++ b/packages/f-theme-editor-project/farris-themebuilder-site/src/store/init.ts
@@ -1,3 +1,3 @@
 import { createPinia } from 'pinia';
 // 为了在app之前也能使用store------在api中使用报错
-export const storeInstance=createPinia();
\ No newline at end of file
+export const storeInstance=createPinia();
diff --git a/packages/f-theme-editor-project/farris-themebuilder-site/src/store/notify.ts b/packages/f-theme-editor-project/farris-themebuilder-site/src/store/notify.ts
index a2a4f52c36211732964d8a4aefcf4e70762abedc..c7354225db28d19e4e7d39cac0fd9130ce18db45 100644
--- a/packages/f-theme-editor-project/farris-themebuilder-site/src/store/notify.ts
+++ b/packages/f-theme-editor-project/farris-themebuilder-site/src/store/notify.ts
@@ -2,7 +2,7 @@ import { defineStore } from "pinia";
 
 export const useNotifyStore = defineStore("notifyStore", {
   state: () => {
-    let flag: any = null;
+    const flag: any = null;
     return {
       show: false,
       type: "info",
diff --git a/packages/f-theme-editor-project/farris-themebuilder-site/src/store/theme-change.ts b/packages/f-theme-editor-project/farris-themebuilder-site/src/store/theme-change.ts
index 0e14ef111a8fe341b86b5a73b4a04fad19901f28..49c127c11e105c74efc768807b32e0c2bc64e151 100644
--- a/packages/f-theme-editor-project/farris-themebuilder-site/src/store/theme-change.ts
+++ b/packages/f-theme-editor-project/farris-themebuilder-site/src/store/theme-change.ts
@@ -24,7 +24,7 @@ export const useThemeChangeStore = defineStore("ThemeChange", {
      * themeType目前只支持farris主题的配置，此处简化处理
      */
     getThemSettings(themeType = "") {
-      let themeSettings = {
+      const themeSettings = {
         farris: {
           themeColor: [
             {
@@ -70,7 +70,7 @@ export const useThemeChangeStore = defineStore("ThemeChange", {
       return {
         name: this.themeName,
         colorScheme: this.themeColor + "-" + this.themeSize
-      }
+      };
     }
   },
   actions: {
@@ -78,10 +78,10 @@ export const useThemeChangeStore = defineStore("ThemeChange", {
     updateThemeName(str: string) {
       if (str != this.themeName) {
         this.themeName = str;
-        //this.updateFormatUrl();
+        // this.updateFormatUrl();
       }
     },
-    //更新主题大小
+    // 更新主题大小
     updateThemeSize(str: string) {
       if (str != this.themeSize) {
         this.themeSize = str;
diff --git a/packages/f-theme-editor-project/farris-themebuilder-site/src/store/theme-metadata.ts b/packages/f-theme-editor-project/farris-themebuilder-site/src/store/theme-metadata.ts
index 2f54f21c8d7938fc10e2068acbf0aefac518ac61..3988c274f0090d71b8201522b044ed2733d0e60a 100644
--- a/packages/f-theme-editor-project/farris-themebuilder-site/src/store/theme-metadata.ts
+++ b/packages/f-theme-editor-project/farris-themebuilder-site/src/store/theme-metadata.ts
@@ -9,13 +9,13 @@ import { MetaItem } from "@/common/meta-item";
 export const useThemeMetadataStore = defineStore("themeMetadata", {
   state: () => {
 
-    let metadata: Metadata | any = null;
+    const metadata: Metadata | any = null;
     // 修改的变量的合集
-    let modifiedCollection: ExportedItem[] = [];
+    const modifiedCollection: ExportedItem[] = [];
     // 修改的变量类型是否快速配置
-    let modifiedIsRapid = true;
+    const modifiedIsRapid = true;
     // 标记主题的赋值之后的原始值
-    let originalMetadata: MetaItem[]=[];
+    const originalMetadata: MetaItem[]=[];
     return {
       metadata,
       modifiedCollection,
@@ -29,7 +29,7 @@ export const useThemeMetadataStore = defineStore("themeMetadata", {
       this.metadata = meta;
     },
     updateMetadataByThemeName(meta: Metadata) {
-      let themeChange = useThemeChangeStore();
+      const themeChange = useThemeChangeStore();
       this.metadata[themeChange.currentTheme['name']] = meta;
       const filterMetaItems= useFilterMetaItemsStore();
       filterMetaItems.updateNavDatas();
diff --git a/packages/f-theme-editor-project/farris-themebuilder-site/src/utils/download-theme.ts b/packages/f-theme-editor-project/farris-themebuilder-site/src/utils/download-theme.ts
index 37675f6642f6ef9dd3a294fc9ff7af326197e3f3..f12f80293cbc42f9cde0614bf1e659d822660769 100644
--- a/packages/f-theme-editor-project/farris-themebuilder-site/src/utils/download-theme.ts
+++ b/packages/f-theme-editor-project/farris-themebuilder-site/src/utils/download-theme.ts
@@ -50,7 +50,7 @@ export function DownloadThemeUtils() {
       template = template || "YYYY-mm-dd";
       const keys = Object.keys(opt);
       keys.forEach((k) => {
-        let tKey = k as keyof dateFormatType;
+        const tKey = k as keyof dateFormatType;
         const ret = new RegExp("(" + tKey + ")").exec(template);
         if (ret) {
           template = template.replace(
@@ -162,7 +162,7 @@ export function DownloadThemeUtils() {
     });
   }
   function downloadZip() {
-    let nameSuffix = formatDate(new Date());
+    const nameSuffix = formatDate(new Date());
     downloadFarrisZip(nameSuffix);
     downloadFrameworkZip(nameSuffix);
   }
diff --git a/packages/f-theme-editor-project/farris-themebuilder-site/src/utils/export.ts b/packages/f-theme-editor-project/farris-themebuilder-site/src/utils/export.ts
index 57f97ee867433af71fc04c53511d9ba0e1b2f908..9235613decf4049f1a8c067931111a15cdc60dd4 100644
--- a/packages/f-theme-editor-project/farris-themebuilder-site/src/utils/export.ts
+++ b/packages/f-theme-editor-project/farris-themebuilder-site/src/utils/export.ts
@@ -15,5 +15,5 @@ export function ExportUtils() {
   };
   return{
     exportThemeCSS
-  }
+  };
 }
diff --git a/packages/f-theme-editor-project/farris-themebuilder-site/src/utils/filter-name.ts b/packages/f-theme-editor-project/farris-themebuilder-site/src/utils/filter-name.ts
index 282a9362cad63f3020fe5395542bb31b6e443fb6..a72cdc61abe7dfece166e10f1f807bd46cff8da0 100644
--- a/packages/f-theme-editor-project/farris-themebuilder-site/src/utils/filter-name.ts
+++ b/packages/f-theme-editor-project/farris-themebuilder-site/src/utils/filter-name.ts
@@ -9,21 +9,21 @@ export function filterNameUtils(){
  const getRealName =(orderedName:string): string => {
      const ORDER_REGEX = /^(\d+).\s/;
     return orderedName.replace(ORDER_REGEX, '');
-  }
+  };
 
-  /**标黄 */
+  /** 标黄 */
   const hightlightedName=(orderedName:string, searchText:string): string=>{
     const text = getRealName(orderedName);
-    if (!searchText) return text;
+    if (!searchText) {return text;}
     return text.replace(new RegExp(`(${searchText})`, 'ig'), '<span style="color:#f05b41">$1</span>'); 
-  }
+  };
 
-  /**排序 */
+  /** 排序 */
   const sortNames=(name1:string, name2:string): number =>{
     const redix = 10;
     return Number.parseInt(name1, redix) - Number.parseInt(name2, redix);
-  }
+  };
 
-return{hightlightedName,sortNames,getRealName}
+return{hightlightedName,sortNames,getRealName};
 
 }
diff --git a/packages/f-theme-editor-project/farris-themebuilder-site/src/utils/jszip-utils.d.ts b/packages/f-theme-editor-project/farris-themebuilder-site/src/utils/jszip-utils.d.ts
index 3dc92d68e0d7086aaa9c6d806397adc6ef88e4ab..68621c6a0c722c3e881c3c87f47106bca2b0b98e 100644
--- a/packages/f-theme-editor-project/farris-themebuilder-site/src/utils/jszip-utils.d.ts
+++ b/packages/f-theme-editor-project/farris-themebuilder-site/src/utils/jszip-utils.d.ts
@@ -1 +1 @@
-declare module 'jszip-utils'
\ No newline at end of file
+declare module 'jszip-utils'
diff --git a/packages/f-theme-editor-project/farris-themebuilder-site/src/utils/preview.ts b/packages/f-theme-editor-project/farris-themebuilder-site/src/utils/preview.ts
index 4d353e7272c49580f77e6188aaa205f797d85c25..798ede9b16910b1d1b59fb6f5b061b3a2823573d 100644
--- a/packages/f-theme-editor-project/farris-themebuilder-site/src/utils/preview.ts
+++ b/packages/f-theme-editor-project/farris-themebuilder-site/src/utils/preview.ts
@@ -10,7 +10,7 @@ export function PreviewUtils() {
      */
   const initPreview = () => {
     const themeChange = useThemeChangeStore();
-    let themeInfo: ThemeSettingItem = {
+    const themeInfo: ThemeSettingItem = {
       name: themeChange.themeName,
       color: themeChange.themeColor,
       size: themeChange.themeSize,
@@ -50,7 +50,7 @@ export function PreviewUtils() {
     const head = document.getElementsByTagName("head")[0];
     const style = document.createElement("style");
     const DYNAMIC_STYLES_ID = "dynamic-styles-" + themeName;
-    let storedCSS = StorageThemeCSSUtils().getCSS();
+    const storedCSS = StorageThemeCSSUtils().getCSS();
 
     const dynamicStylesElement = document.getElementById(DYNAMIC_STYLES_ID);
 
@@ -72,8 +72,6 @@ export function PreviewUtils() {
   };
 
 
-
-
   function insterAfter(newElement: HTMLElement, targetElement: any) {
     const parent = targetElement?.parentNode;
     if (parent?.lastChild === targetElement) {
diff --git a/packages/f-theme-editor-project/farris-themebuilder-site/src/utils/settings-alias.ts b/packages/f-theme-editor-project/farris-themebuilder-site/src/utils/settings-alias.ts
index de85a8821929773a8724655e0f408120c251229d..e1a80b5f6c5e00b2ce7e2f87056a928e9669f7d9 100644
--- a/packages/f-theme-editor-project/farris-themebuilder-site/src/utils/settings-alias.ts
+++ b/packages/f-theme-editor-project/farris-themebuilder-site/src/utils/settings-alias.ts
@@ -63,7 +63,7 @@ export function SettingsAliasUtils() {
 
     const getRapidSettings= ():Array<MenuItem>=>{
         return rapidSettings;
-    }
+    };
     /**
      * 
      * @param dataAlias 
@@ -71,14 +71,14 @@ export function SettingsAliasUtils() {
      */
     const formatSettings=(dataAlias:Array<MenuItem>, metadata:ThemeMetaItem):Array<MenuItem>=>  {
         // [].concat(dataAlias)
-        let menuData = [...dataAlias];
+        const menuData = [...dataAlias];
         const {sortNames}=filterNameUtils();
 
         const fillItems = (menuItem: MenuItem): void => {
             // 进入之前 {"name":"Basic Settings","regs":[{规则},{},{}],"route":"base.common"}
             if (menuItem.regs) {
                 menuItem.items = [];
-                for (let themeKey in menuItem.regs) {
+                for (const themeKey in menuItem.regs) {
                     menuItem.regs[themeKey].forEach((regex) => {
                         Array.prototype.push.apply(menuItem.items, getMatchedItems(themeKey,regex));
                     });
@@ -120,8 +120,8 @@ export function SettingsAliasUtils() {
            
         });
         return menuData;
-    }
+    };
     return {
         formatSettings,getRapidSettings
-    }
+    };
 }
diff --git a/packages/f-theme-editor-project/farris-themebuilder-site/src/utils/storage-theme-css.ts b/packages/f-theme-editor-project/farris-themebuilder-site/src/utils/storage-theme-css.ts
index 15faf9bf6a89306577be567425a25da6b353a034..ca59d95890e534040344b200c05d57ecdd287190 100644
--- a/packages/f-theme-editor-project/farris-themebuilder-site/src/utils/storage-theme-css.ts
+++ b/packages/f-theme-editor-project/farris-themebuilder-site/src/utils/storage-theme-css.ts
@@ -8,11 +8,11 @@ export function StorageThemeCSSUtils() {
     clearCSS(themeName);
     localStorage.setItem(themeName, css);
     // 标记有哪些样式主题需要存储
-    let themeTypes = localStorage.getItem("themeTypes");
+    const themeTypes = localStorage.getItem("themeTypes");
     if (!themeTypes) {
       localStorage.setItem("themeTypes", JSON.stringify([themeName]));
     } else {
-      let themeTypesArray = JSON.parse(themeTypes);
+      const themeTypesArray = JSON.parse(themeTypes);
       if (themeTypesArray.indexOf(themeName)==-1) {
         themeTypesArray.push(themeName);
         localStorage.setItem("themeTypes", JSON.stringify(themeTypesArray));
@@ -37,7 +37,7 @@ export function StorageThemeCSSUtils() {
     if (themeName) {      
       themeTypesArray=[themeName];
     }else{      
-      let themeTypes = localStorage.getItem("themeTypes");
+      const themeTypes = localStorage.getItem("themeTypes");
       if (themeTypes) {
         // 类型
         themeTypesArray = JSON.parse(themeTypes);
@@ -59,7 +59,7 @@ export function StorageThemeCSSUtils() {
    */
   const defaultName=(themeName:string)=>{
     return themeName?themeName:"farris";
-  }
+  };
   return {
     saveCSS,
     getCSS,
diff --git a/packages/f-theme-editor-project/farris-themebuilder-site/src/utils/theme-metadata.ts b/packages/f-theme-editor-project/farris-themebuilder-site/src/utils/theme-metadata.ts
index 5e0a3c5278e1b61803ed86d2a9abb195ee3fa986..0ced359ddbd873b1850c7b3a84e5bf090b9ec403 100644
--- a/packages/f-theme-editor-project/farris-themebuilder-site/src/utils/theme-metadata.ts
+++ b/packages/f-theme-editor-project/farris-themebuilder-site/src/utils/theme-metadata.ts
@@ -314,7 +314,7 @@ export function themeMetadataUtils() {
                                 const index = themeMetadata.metadata.baseParameters[
                                     themeName
                                 ].indexOf(item.Key.replace("$", "@"));
-                                if (index >= 0) result[themeName][index] = item;
+                                if (index >= 0) {result[themeName][index] = item;}
                             }
                         );
                     }
diff --git a/packages/f-theme-editor-project/farris-themebuilder-site/vue.config.js b/packages/f-theme-editor-project/farris-themebuilder-site/vue.config.js
index 910e297e0f53483455d2aa432887c3b7975d6c11..3a24629adf52cbd3acbe3b657ebab280813d5eb3 100644
--- a/packages/f-theme-editor-project/farris-themebuilder-site/vue.config.js
+++ b/packages/f-theme-editor-project/farris-themebuilder-site/vue.config.js
@@ -1,4 +1,4 @@
-const { defineConfig } = require('@vue/cli-service')
+const { defineConfig } = require('@vue/cli-service');
 module.exports = defineConfig({
   transpileDependencies: true
-})
+});
diff --git a/packages/farris-theme/farris-pub/site/js/docs.js b/packages/farris-theme/farris-pub/site/js/docs.js
index ac7b4cd6099574bdbdd7ba46008ca92796643568..1ab44ed21d8ee966ca3318c9daa8f13118f44ea6 100644
--- a/packages/farris-theme/farris-pub/site/js/docs.js
+++ b/packages/farris-theme/farris-pub/site/js/docs.js
@@ -1,7 +1,7 @@
 // 查找字符串，先判断输入的是 变量名、颜色名 如果是颜色以
-var searchText = "";
+let searchText = "";
 // 定义生成表格的字符串对象
-var tableJSON = {};
+const tableJSON = {};
 $(document).ready(function () {
   // 生成模式相关代码
   createMode();
@@ -38,15 +38,15 @@ function initSearch() {
     ev.stopPropagation();
     let searchText = $("#searchText").val().toLowerCase();
     // 查询正则
-    var searchRe;
-    var searchResult = [];
+    let searchRe;
+    const searchResult = [];
     // 如果是颜色，先去找变量
     if (currentSearchType == 'color') {
       // 颜色集合
       searchRe = new RegExp(searchText, 'g');
-      let currentColors = themesColor;
+      const currentColors = themesColor;
       // searchResult记录符合的变量
-      for (let colorVar in currentColors) {
+      for (const colorVar in currentColors) {
         if (searchRe.test(currentColors[colorVar].toLowerCase())) {
           searchResult.push(colorVar);
         }
@@ -57,11 +57,11 @@ function initSearch() {
       searchRe = new RegExp(searchText, 'g');
     }
     // 如果是样式，直接去查询
-    var hasFindResult=[];
+    const hasFindResult=[];
     $(".create-fbdocs-table").each(function (index, el) {
-      var findInTable = false;
+      let findInTable = false;
       $(el).find("tbody tr").each(function (nIndex, nTr) {
-        //-----------------------------------------------------没有排除样式名的影响
+        // -----------------------------------------------------没有排除样式名的影响
         if (currentSearchType == 'clsname') {
           // 查询样式
           if (searchRe.test($(nTr).find('.flag-clsname').text())) {
@@ -71,8 +71,8 @@ function initSearch() {
           }
         }
         if (currentSearchType == 'color') {
-          let len = searchResult.length;
-          for (var k = 0; k < len; k++) {
+          const len = searchResult.length;
+          for (let k = 0; k < len; k++) {
             if ($(nTr).find('.flag-color').eq(0).length > 0 && $(nTr).find('.flag-color').eq(0).data('colorVariables').indexOf(searchResult[k]) > -1) {
               $(nTr).addClass('fd-state-selected');
               findInTable = true;
@@ -101,7 +101,7 @@ function initSelect() {
   // 生成主题配置相关代码
   $("#fbdocsSelectTheme").on('changeTheme', function (ev, themeCode) { //
     currentTheme=themeCode;
-    let newCSSLink = `./css/themes/${currentTheme}/farris-pub.css`;
+    const newCSSLink = `./css/themes/${currentTheme}/farris-pub.css`;
     loadCSS(newCSSLink, function () {
       // 重新获取CSS中变量
       getThemesColorFromVariables();
@@ -109,13 +109,13 @@ function initSelect() {
       createTableByRelation(colorRelation);
       // 重新生成
       $(".create-fbdocs-table").each(function (index, el) {
-        let createType = $(el).data('type');
+        const createType = $(el).data('type');
         if (tableJSON.hasOwnProperty(createType)) {
           $(el).html(tableJSON[createType]);
         }
       });
       // 有查询内容时
-      if( $("#searchText").val()){
+      if($("#searchText").val()){
         $("#searchBtn").trigger("click");
       }
     });
@@ -137,12 +137,12 @@ function initSelect() {
  * 定义下拉插件
  */
 $.fn.pubSelect = function (afterSelectFunc) {
-  var defaults = {
+  const defaults = {
     activeCls: ".fd-state-selected",
     groupCls: ".item-grouped",
   };
   this.each(function () {
-    let selectWrap$ = $(this);
+    const selectWrap$ = $(this);
 
     $(selectWrap$).find('.fbdocs-select').on('click', function (e) {
       $(this).next('.fbdocs-dropdown').fadeIn();
@@ -210,7 +210,7 @@ function createSelect(selectId, datas, currentVal, afterSelectFunc) {
           selectedInfo = item;
         }
       }
-      //是否有分组
+      // 是否有分组
       selectStr += `<li class="list-group-item ${selectedInfo && selectedInfo['value'] == item['value'] ? 'fd-state-selected' : ''}" data-type="${item['value']}">${item['name']}</li>`;
     } else {
       selectStr += `<li class="list-group-item item-grouped">${item['name']}</li>`;
@@ -239,7 +239,7 @@ function createSelect(selectId, datas, currentVal, afterSelectFunc) {
 
 // 根据颜色关系生成Table
 function createTableByRelation(colorRelation) {
-  for (let propType in colorRelation) {
+  for (const propType in colorRelation) {
     // 构造结果
     // 类型
     tableJSON[propType] = `<table class="fbdocs-table"><thead> 
@@ -249,23 +249,23 @@ function createTableByRelation(colorRelation) {
         <th style="width:260px">状态</th>
     </thead><tbody>`;
 
-    let propValue = colorRelation[propType];
-    for (let actionType in propValue) {
-      //交互类型对应的属性值
-      let actionValue = propValue[actionType];
+    const propValue = colorRelation[propType];
+    for (const actionType in propValue) {
+      // 交互类型对应的属性值
+      const actionValue = propValue[actionType];
       if (actionState.hasOwnProperty(actionType)) {
         tableJSON[propType] += `<tr><td colspan="4">${actionState[actionType]}</td></tr>`;
       } else {
         tableJSON[propType] += `<tr><td colspan="4">${actionType}</td></tr>`;
       }
 
-      for (let code in actionValue) {
+      for (const code in actionValue) {
         tableJSON[propType] += `<tr>`;
         // 构造样式名
-        let clsName = `.fd-${propType}-${actionType}-${code}`;
+        const clsName = `.fd-${propType}-${actionType}-${code}`;
         tableJSON[propType] += `<td class="flag-clsname">${clsName}</td>`;
         // 编号对应的属性值
-        let codeValue = actionValue[code];
+        const codeValue = actionValue[code];
         let colorTdStr = ``;
         if (typeof codeValue == 'string') {
           // 对应的是 $f-theme-03 这样的值
@@ -276,8 +276,8 @@ function createTableByRelation(colorRelation) {
 
         } else {
           // 对应的是 "cursor": ["$f-theme-03", "$f-theme-05", "$f-theme-01"]
-          let realKey = Object.keys(codeValue)[0];
-          let colorStr = codeValue[realKey].join(',');
+          const realKey = Object.keys(codeValue)[0];
+          const colorStr = codeValue[realKey].join(',');
           colorTdStr += `<td>` + getCSSVariableFromFVariable(codeValue[realKey][0]) + `</td>`;
           colorTdStr += `<td><div class="fp-docs-demo-wrapper">${themesColor[codeValue[realKey][0]]}`;
           colorTdStr += _getDemo(themesColor[codeValue[realKey][0]]) + `</div></td>`;
diff --git a/packages/farris-theme/farris-pub/site/js/jquery.min.js b/packages/farris-theme/farris-pub/site/js/jquery.min.js
index c4c6022f2982e8dae64cebd6b9a2b59f2547faad..bf550e5a3d6d089c4da435a014204f1d36cc054f 100644
--- a/packages/farris-theme/farris-pub/site/js/jquery.min.js
+++ b/packages/farris-theme/farris-pub/site/js/jquery.min.js
@@ -1,2 +1,2 @@
-/*! jQuery v3.6.0 | (c) OpenJS Foundation and other contributors | jquery.org/license */
-!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(C,e){"use strict";var t=[],r=Object.getPrototypeOf,s=t.slice,g=t.flat?function(e){return t.flat.call(e)}:function(e){return t.concat.apply([],e)},u=t.push,i=t.indexOf,n={},o=n.toString,v=n.hasOwnProperty,a=v.toString,l=a.call(Object),y={},m=function(e){return"function"==typeof e&&"number"!=typeof e.nodeType&&"function"!=typeof e.item},x=function(e){return null!=e&&e===e.window},E=C.document,c={type:!0,src:!0,nonce:!0,noModule:!0};function b(e,t,n){var r,i,o=(n=n||E).createElement("script");if(o.text=e,t)for(r in c)(i=t[r]||t.getAttribute&&t.getAttribute(r))&&o.setAttribute(r,i);n.head.appendChild(o).parentNode.removeChild(o)}function w(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?n[o.call(e)]||"object":typeof e}var f="3.6.0",S=function(e,t){return new S.fn.init(e,t)};function p(e){var t=!!e&&"length"in e&&e.length,n=w(e);return!m(e)&&!x(e)&&("array"===n||0===t||"number"==typeof t&&0<t&&t-1 in e)}S.fn=S.prototype={jquery:f,constructor:S,length:0,toArray:function(){return s.call(this)},get:function(e){return null==e?s.call(this):e<0?this[e+this.length]:this[e]},pushStack:function(e){var t=S.merge(this.constructor(),e);return t.prevObject=this,t},each:function(e){return S.each(this,e)},map:function(n){return this.pushStack(S.map(this,function(e,t){return n.call(e,t,e)}))},slice:function(){return this.pushStack(s.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},even:function(){return this.pushStack(S.grep(this,function(e,t){return(t+1)%2}))},odd:function(){return this.pushStack(S.grep(this,function(e,t){return t%2}))},eq:function(e){var t=this.length,n=+e+(e<0?t:0);return this.pushStack(0<=n&&n<t?[this[n]]:[])},end:function(){return this.prevObject||this.constructor()},push:u,sort:t.sort,splice:t.splice},S.extend=S.fn.extend=function(){var e,t,n,r,i,o,a=arguments[0]||{},s=1,u=arguments.length,l=!1;for("boolean"==typeof a&&(l=a,a=arguments[s]||{},s++),"object"==typeof a||m(a)||(a={}),s===u&&(a=this,s--);s<u;s++)if(null!=(e=arguments[s]))for(t in e)r=e[t],"__proto__"!==t&&a!==r&&(l&&r&&(S.isPlainObject(r)||(i=Array.isArray(r)))?(n=a[t],o=i&&!Array.isArray(n)?[]:i||S.isPlainObject(n)?n:{},i=!1,a[t]=S.extend(l,o,r)):void 0!==r&&(a[t]=r));return a},S.extend({expando:"jQuery"+(f+Math.random()).replace(/\D/g,""),isReady:!0,error:function(e){throw new Error(e)},noop:function(){},isPlainObject:function(e){var t,n;return!(!e||"[object Object]"!==o.call(e))&&(!(t=r(e))||"function"==typeof(n=v.call(t,"constructor")&&t.constructor)&&a.call(n)===l)},isEmptyObject:function(e){var t;for(t in e)return!1;return!0},globalEval:function(e,t,n){b(e,{nonce:t&&t.nonce},n)},each:function(e,t){var n,r=0;if(p(e)){for(n=e.length;r<n;r++)if(!1===t.call(e[r],r,e[r]))break}else for(r in e)if(!1===t.call(e[r],r,e[r]))break;return e},makeArray:function(e,t){var n=t||[];return null!=e&&(p(Object(e))?S.merge(n,"string"==typeof e?[e]:e):u.call(n,e)),n},inArray:function(e,t,n){return null==t?-1:i.call(t,e,n)},merge:function(e,t){for(var n=+t.length,r=0,i=e.length;r<n;r++)e[i++]=t[r];return e.length=i,e},grep:function(e,t,n){for(var r=[],i=0,o=e.length,a=!n;i<o;i++)!t(e[i],i)!==a&&r.push(e[i]);return r},map:function(e,t,n){var r,i,o=0,a=[];if(p(e))for(r=e.length;o<r;o++)null!=(i=t(e[o],o,n))&&a.push(i);else for(o in e)null!=(i=t(e[o],o,n))&&a.push(i);return g(a)},guid:1,support:y}),"function"==typeof Symbol&&(S.fn[Symbol.iterator]=t[Symbol.iterator]),S.each("Boolean Number String Function Array Date RegExp Object Error Symbol".split(" "),function(e,t){n["[object "+t+"]"]=t.toLowerCase()});var d=function(n){var e,d,b,o,i,h,f,g,w,u,l,T,C,a,E,v,s,c,y,S="sizzle"+1*new Date,p=n.document,k=0,r=0,m=ue(),x=ue(),A=ue(),N=ue(),j=function(e,t){return e===t&&(l=!0),0},D={}.hasOwnProperty,t=[],q=t.pop,L=t.push,H=t.push,O=t.slice,P=function(e,t){for(var n=0,r=e.length;n<r;n++)if(e[n]===t)return n;return-1},R="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",M="[\\x20\\t\\r\\n\\f]",I="(?:\\\\[\\da-fA-F]{1,6}"+M+"?|\\\\[^\\r\\n\\f]|[\\w-]|[^\0-\\x7f])+",W="\\["+M+"*("+I+")(?:"+M+"*([*^$|!~]?=)"+M+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+I+"))|)"+M+"*\\]",F=":("+I+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+W+")*)|.*)\\)|)",B=new RegExp(M+"+","g"),$=new RegExp("^"+M+"+|((?:^|[^\\\\])(?:\\\\.)*)"+M+"+$","g"),_=new RegExp("^"+M+"*,"+M+"*"),z=new RegExp("^"+M+"*([>+~]|"+M+")"+M+"*"),U=new RegExp(M+"|>"),X=new RegExp(F),V=new RegExp("^"+I+"$"),G={ID:new RegExp("^#("+I+")"),CLASS:new RegExp("^\\.("+I+")"),TAG:new RegExp("^("+I+"|[*])"),ATTR:new RegExp("^"+W),PSEUDO:new RegExp("^"+F),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:new RegExp("^(?:"+R+")$","i"),needsContext:new RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},Y=/HTML$/i,Q=/^(?:input|select|textarea|button)$/i,J=/^h\d$/i,K=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ee=/[+~]/,te=new RegExp("\\\\[\\da-fA-F]{1,6}"+M+"?|\\\\([^\\r\\n\\f])","g"),ne=function(e,t){var n="0x"+e.slice(1)-65536;return t||(n<0?String.fromCharCode(n+65536):String.fromCharCode(n>>10|55296,1023&n|56320))},re=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ie=function(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e},oe=function(){T()},ae=be(function(e){return!0===e.disabled&&"fieldset"===e.nodeName.toLowerCase()},{dir:"parentNode",next:"legend"});try{H.apply(t=O.call(p.childNodes),p.childNodes),t[p.childNodes.length].nodeType}catch(e){H={apply:t.length?function(e,t){L.apply(e,O.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function se(t,e,n,r){var i,o,a,s,u,l,c,f=e&&e.ownerDocument,p=e?e.nodeType:9;if(n=n||[],"string"!=typeof t||!t||1!==p&&9!==p&&11!==p)return n;if(!r&&(T(e),e=e||C,E)){if(11!==p&&(u=Z.exec(t)))if(i=u[1]){if(9===p){if(!(a=e.getElementById(i)))return n;if(a.id===i)return n.push(a),n}else if(f&&(a=f.getElementById(i))&&y(e,a)&&a.id===i)return n.push(a),n}else{if(u[2])return H.apply(n,e.getElementsByTagName(t)),n;if((i=u[3])&&d.getElementsByClassName&&e.getElementsByClassName)return H.apply(n,e.getElementsByClassName(i)),n}if(d.qsa&&!N[t+" "]&&(!v||!v.test(t))&&(1!==p||"object"!==e.nodeName.toLowerCase())){if(c=t,f=e,1===p&&(U.test(t)||z.test(t))){(f=ee.test(t)&&ye(e.parentNode)||e)===e&&d.scope||((s=e.getAttribute("id"))?s=s.replace(re,ie):e.setAttribute("id",s=S)),o=(l=h(t)).length;while(o--)l[o]=(s?"#"+s:":scope")+" "+xe(l[o]);c=l.join(",")}try{return H.apply(n,f.querySelectorAll(c)),n}catch(e){N(t,!0)}finally{s===S&&e.removeAttribute("id")}}}return g(t.replace($,"$1"),e,n,r)}function ue(){var r=[];return function e(t,n){return r.push(t+" ")>b.cacheLength&&delete e[r.shift()],e[t+" "]=n}}function le(e){return e[S]=!0,e}function ce(e){var t=C.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function fe(e,t){var n=e.split("|"),r=n.length;while(r--)b.attrHandle[n[r]]=t}function pe(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&e.sourceIndex-t.sourceIndex;if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function de(t){return function(e){return"input"===e.nodeName.toLowerCase()&&e.type===t}}function he(n){return function(e){var t=e.nodeName.toLowerCase();return("input"===t||"button"===t)&&e.type===n}}function ge(t){return function(e){return"form"in e?e.parentNode&&!1===e.disabled?"label"in e?"label"in e.parentNode?e.parentNode.disabled===t:e.disabled===t:e.isDisabled===t||e.isDisabled!==!t&&ae(e)===t:e.disabled===t:"label"in e&&e.disabled===t}}function ve(a){return le(function(o){return o=+o,le(function(e,t){var n,r=a([],e.length,o),i=r.length;while(i--)e[n=r[i]]&&(e[n]=!(t[n]=e[n]))})})}function ye(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}for(e in d=se.support={},i=se.isXML=function(e){var t=e&&e.namespaceURI,n=e&&(e.ownerDocument||e).documentElement;return!Y.test(t||n&&n.nodeName||"HTML")},T=se.setDocument=function(e){var t,n,r=e?e.ownerDocument||e:p;return r!=C&&9===r.nodeType&&r.documentElement&&(a=(C=r).documentElement,E=!i(C),p!=C&&(n=C.defaultView)&&n.top!==n&&(n.addEventListener?n.addEventListener("unload",oe,!1):n.attachEvent&&n.attachEvent("onunload",oe)),d.scope=ce(function(e){return a.appendChild(e).appendChild(C.createElement("div")),"undefined"!=typeof e.querySelectorAll&&!e.querySelectorAll(":scope fieldset div").length}),d.attributes=ce(function(e){return e.className="i",!e.getAttribute("className")}),d.getElementsByTagName=ce(function(e){return e.appendChild(C.createComment("")),!e.getElementsByTagName("*").length}),d.getElementsByClassName=K.test(C.getElementsByClassName),d.getById=ce(function(e){return a.appendChild(e).id=S,!C.getElementsByName||!C.getElementsByName(S).length}),d.getById?(b.filter.ID=function(e){var t=e.replace(te,ne);return function(e){return e.getAttribute("id")===t}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n=t.getElementById(e);return n?[n]:[]}}):(b.filter.ID=function(e){var n=e.replace(te,ne);return function(e){var t="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return t&&t.value===n}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),b.find.TAG=d.getElementsByTagName?function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):d.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},b.find.CLASS=d.getElementsByClassName&&function(e,t){if("undefined"!=typeof t.getElementsByClassName&&E)return t.getElementsByClassName(e)},s=[],v=[],(d.qsa=K.test(C.querySelectorAll))&&(ce(function(e){var t;a.appendChild(e).innerHTML="<a id='"+S+"'></a><select id='"+S+"-\r\\' msallowcapture=''><option selected=''></option></select>",e.querySelectorAll("[msallowcapture^='']").length&&v.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||v.push("\\["+M+"*(?:value|"+R+")"),e.querySelectorAll("[id~="+S+"-]").length||v.push("~="),(t=C.createElement("input")).setAttribute("name",""),e.appendChild(t),e.querySelectorAll("[name='']").length||v.push("\\["+M+"*name"+M+"*="+M+"*(?:''|\"\")"),e.querySelectorAll(":checked").length||v.push(":checked"),e.querySelectorAll("a#"+S+"+*").length||v.push(".#.+[+~]"),e.querySelectorAll("\\\f"),v.push("[\\r\\n\\f]")}),ce(function(e){e.innerHTML="<a href='' disabled='disabled'></a><select disabled='disabled'><option/></select>";var t=C.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&v.push("name"+M+"*[*^$|!~]?="),2!==e.querySelectorAll(":enabled").length&&v.push(":enabled",":disabled"),a.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&v.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),v.push(",.*:")})),(d.matchesSelector=K.test(c=a.matches||a.webkitMatchesSelector||a.mozMatchesSelector||a.oMatchesSelector||a.msMatchesSelector))&&ce(function(e){d.disconnectedMatch=c.call(e,"*"),c.call(e,"[s!='']:x"),s.push("!=",F)}),v=v.length&&new RegExp(v.join("|")),s=s.length&&new RegExp(s.join("|")),t=K.test(a.compareDocumentPosition),y=t||K.test(a.contains)?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},j=t?function(e,t){if(e===t)return l=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(1&(n=(e.ownerDocument||e)==(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!d.sortDetached&&t.compareDocumentPosition(e)===n?e==C||e.ownerDocument==p&&y(p,e)?-1:t==C||t.ownerDocument==p&&y(p,t)?1:u?P(u,e)-P(u,t):0:4&n?-1:1)}:function(e,t){if(e===t)return l=!0,0;var n,r=0,i=e.parentNode,o=t.parentNode,a=[e],s=[t];if(!i||!o)return e==C?-1:t==C?1:i?-1:o?1:u?P(u,e)-P(u,t):0;if(i===o)return pe(e,t);n=e;while(n=n.parentNode)a.unshift(n);n=t;while(n=n.parentNode)s.unshift(n);while(a[r]===s[r])r++;return r?pe(a[r],s[r]):a[r]==p?-1:s[r]==p?1:0}),C},se.matches=function(e,t){return se(e,null,null,t)},se.matchesSelector=function(e,t){if(T(e),d.matchesSelector&&E&&!N[t+" "]&&(!s||!s.test(t))&&(!v||!v.test(t)))try{var n=c.call(e,t);if(n||d.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(e){N(t,!0)}return 0<se(t,C,null,[e]).length},se.contains=function(e,t){return(e.ownerDocument||e)!=C&&T(e),y(e,t)},se.attr=function(e,t){(e.ownerDocument||e)!=C&&T(e);var n=b.attrHandle[t.toLowerCase()],r=n&&D.call(b.attrHandle,t.toLowerCase())?n(e,t,!E):void 0;return void 0!==r?r:d.attributes||!E?e.getAttribute(t):(r=e.getAttributeNode(t))&&r.specified?r.value:null},se.escape=function(e){return(e+"").replace(re,ie)},se.error=function(e){throw new Error("Syntax error, unrecognized expression: "+e)},se.uniqueSort=function(e){var t,n=[],r=0,i=0;if(l=!d.detectDuplicates,u=!d.sortStable&&e.slice(0),e.sort(j),l){while(t=e[i++])t===e[i]&&(r=n.push(i));while(r--)e.splice(n[r],1)}return u=null,e},o=se.getText=function(e){var t,n="",r=0,i=e.nodeType;if(i){if(1===i||9===i||11===i){if("string"==typeof e.textContent)return e.textContent;for(e=e.firstChild;e;e=e.nextSibling)n+=o(e)}else if(3===i||4===i)return e.nodeValue}else while(t=e[r++])n+=o(t);return n},(b=se.selectors={cacheLength:50,createPseudo:le,match:G,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(te,ne),e[3]=(e[3]||e[4]||e[5]||"").replace(te,ne),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||se.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&se.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return G.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&X.test(n)&&(t=h(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(te,ne).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=m[e+" "];return t||(t=new RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&m(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(n,r,i){return function(e){var t=se.attr(e,n);return null==t?"!="===r:!r||(t+="","="===r?t===i:"!="===r?t!==i:"^="===r?i&&0===t.indexOf(i):"*="===r?i&&-1<t.indexOf(i):"$="===r?i&&t.slice(-i.length)===i:"~="===r?-1<(" "+t.replace(B," ")+" ").indexOf(i):"|="===r&&(t===i||t.slice(0,i.length+1)===i+"-"))}},CHILD:function(h,e,t,g,v){var y="nth"!==h.slice(0,3),m="last"!==h.slice(-4),x="of-type"===e;return 1===g&&0===v?function(e){return!!e.parentNode}:function(e,t,n){var r,i,o,a,s,u,l=y!==m?"nextSibling":"previousSibling",c=e.parentNode,f=x&&e.nodeName.toLowerCase(),p=!n&&!x,d=!1;if(c){if(y){while(l){a=e;while(a=a[l])if(x?a.nodeName.toLowerCase()===f:1===a.nodeType)return!1;u=l="only"===h&&!u&&"nextSibling"}return!0}if(u=[m?c.firstChild:c.lastChild],m&&p){d=(s=(r=(i=(o=(a=c)[S]||(a[S]={}))[a.uniqueID]||(o[a.uniqueID]={}))[h]||[])[0]===k&&r[1])&&r[2],a=s&&c.childNodes[s];while(a=++s&&a&&a[l]||(d=s=0)||u.pop())if(1===a.nodeType&&++d&&a===e){i[h]=[k,s,d];break}}else if(p&&(d=s=(r=(i=(o=(a=e)[S]||(a[S]={}))[a.uniqueID]||(o[a.uniqueID]={}))[h]||[])[0]===k&&r[1]),!1===d)while(a=++s&&a&&a[l]||(d=s=0)||u.pop())if((x?a.nodeName.toLowerCase()===f:1===a.nodeType)&&++d&&(p&&((i=(o=a[S]||(a[S]={}))[a.uniqueID]||(o[a.uniqueID]={}))[h]=[k,d]),a===e))break;return(d-=v)===g||d%g==0&&0<=d/g}}},PSEUDO:function(e,o){var t,a=b.pseudos[e]||b.setFilters[e.toLowerCase()]||se.error("unsupported pseudo: "+e);return a[S]?a(o):1<a.length?(t=[e,e,"",o],b.setFilters.hasOwnProperty(e.toLowerCase())?le(function(e,t){var n,r=a(e,o),i=r.length;while(i--)e[n=P(e,r[i])]=!(t[n]=r[i])}):function(e){return a(e,0,t)}):a}},pseudos:{not:le(function(e){var r=[],i=[],s=f(e.replace($,"$1"));return s[S]?le(function(e,t,n,r){var i,o=s(e,null,r,[]),a=e.length;while(a--)(i=o[a])&&(e[a]=!(t[a]=i))}):function(e,t,n){return r[0]=e,s(r,null,n,i),r[0]=null,!i.pop()}}),has:le(function(t){return function(e){return 0<se(t,e).length}}),contains:le(function(t){return t=t.replace(te,ne),function(e){return-1<(e.textContent||o(e)).indexOf(t)}}),lang:le(function(n){return V.test(n||"")||se.error("unsupported lang: "+n),n=n.replace(te,ne).toLowerCase(),function(e){var t;do{if(t=E?e.lang:e.getAttribute("xml:lang")||e.getAttribute("lang"))return(t=t.toLowerCase())===n||0===t.indexOf(n+"-")}while((e=e.parentNode)&&1===e.nodeType);return!1}}),target:function(e){var t=n.location&&n.location.hash;return t&&t.slice(1)===e.id},root:function(e){return e===a},focus:function(e){return e===C.activeElement&&(!C.hasFocus||C.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},enabled:ge(!1),disabled:ge(!0),checked:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&!!e.checked||"option"===t&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,!0===e.selected},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling)if(e.nodeType<6)return!1;return!0},parent:function(e){return!b.pseudos.empty(e)},header:function(e){return J.test(e.nodeName)},input:function(e){return Q.test(e.nodeName)},button:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&"button"===e.type||"button"===t},text:function(e){var t;return"input"===e.nodeName.toLowerCase()&&"text"===e.type&&(null==(t=e.getAttribute("type"))||"text"===t.toLowerCase())},first:ve(function(){return[0]}),last:ve(function(e,t){return[t-1]}),eq:ve(function(e,t,n){return[n<0?n+t:n]}),even:ve(function(e,t){for(var n=0;n<t;n+=2)e.push(n);return e}),odd:ve(function(e,t){for(var n=1;n<t;n+=2)e.push(n);return e}),lt:ve(function(e,t,n){for(var r=n<0?n+t:t<n?t:n;0<=--r;)e.push(r);return e}),gt:ve(function(e,t,n){for(var r=n<0?n+t:n;++r<t;)e.push(r);return e})}}).pseudos.nth=b.pseudos.eq,{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})b.pseudos[e]=de(e);for(e in{submit:!0,reset:!0})b.pseudos[e]=he(e);function me(){}function xe(e){for(var t=0,n=e.length,r="";t<n;t++)r+=e[t].value;return r}function be(s,e,t){var u=e.dir,l=e.next,c=l||u,f=t&&"parentNode"===c,p=r++;return e.first?function(e,t,n){while(e=e[u])if(1===e.nodeType||f)return s(e,t,n);return!1}:function(e,t,n){var r,i,o,a=[k,p];if(n){while(e=e[u])if((1===e.nodeType||f)&&s(e,t,n))return!0}else while(e=e[u])if(1===e.nodeType||f)if(i=(o=e[S]||(e[S]={}))[e.uniqueID]||(o[e.uniqueID]={}),l&&l===e.nodeName.toLowerCase())e=e[u]||e;else{if((r=i[c])&&r[0]===k&&r[1]===p)return a[2]=r[2];if((i[c]=a)[2]=s(e,t,n))return!0}return!1}}function we(i){return 1<i.length?function(e,t,n){var r=i.length;while(r--)if(!i[r](e,t,n))return!1;return!0}:i[0]}function Te(e,t,n,r,i){for(var o,a=[],s=0,u=e.length,l=null!=t;s<u;s++)(o=e[s])&&(n&&!n(o,r,i)||(a.push(o),l&&t.push(s)));return a}function Ce(d,h,g,v,y,e){return v&&!v[S]&&(v=Ce(v)),y&&!y[S]&&(y=Ce(y,e)),le(function(e,t,n,r){var i,o,a,s=[],u=[],l=t.length,c=e||function(e,t,n){for(var r=0,i=t.length;r<i;r++)se(e,t[r],n);return n}(h||"*",n.nodeType?[n]:n,[]),f=!d||!e&&h?c:Te(c,s,d,n,r),p=g?y||(e?d:l||v)?[]:t:f;if(g&&g(f,p,n,r),v){i=Te(p,u),v(i,[],n,r),o=i.length;while(o--)(a=i[o])&&(p[u[o]]=!(f[u[o]]=a))}if(e){if(y||d){if(y){i=[],o=p.length;while(o--)(a=p[o])&&i.push(f[o]=a);y(null,p=[],i,r)}o=p.length;while(o--)(a=p[o])&&-1<(i=y?P(e,a):s[o])&&(e[i]=!(t[i]=a))}}else p=Te(p===t?p.splice(l,p.length):p),y?y(null,t,p,r):H.apply(t,p)})}function Ee(e){for(var i,t,n,r=e.length,o=b.relative[e[0].type],a=o||b.relative[" "],s=o?1:0,u=be(function(e){return e===i},a,!0),l=be(function(e){return-1<P(i,e)},a,!0),c=[function(e,t,n){var r=!o&&(n||t!==w)||((i=t).nodeType?u(e,t,n):l(e,t,n));return i=null,r}];s<r;s++)if(t=b.relative[e[s].type])c=[be(we(c),t)];else{if((t=b.filter[e[s].type].apply(null,e[s].matches))[S]){for(n=++s;n<r;n++)if(b.relative[e[n].type])break;return Ce(1<s&&we(c),1<s&&xe(e.slice(0,s-1).concat({value:" "===e[s-2].type?"*":""})).replace($,"$1"),t,s<n&&Ee(e.slice(s,n)),n<r&&Ee(e=e.slice(n)),n<r&&xe(e))}c.push(t)}return we(c)}return me.prototype=b.filters=b.pseudos,b.setFilters=new me,h=se.tokenize=function(e,t){var n,r,i,o,a,s,u,l=x[e+" "];if(l)return t?0:l.slice(0);a=e,s=[],u=b.preFilter;while(a){for(o in n&&!(r=_.exec(a))||(r&&(a=a.slice(r[0].length)||a),s.push(i=[])),n=!1,(r=z.exec(a))&&(n=r.shift(),i.push({value:n,type:r[0].replace($," ")}),a=a.slice(n.length)),b.filter)!(r=G[o].exec(a))||u[o]&&!(r=u[o](r))||(n=r.shift(),i.push({value:n,type:o,matches:r}),a=a.slice(n.length));if(!n)break}return t?a.length:a?se.error(e):x(e,s).slice(0)},f=se.compile=function(e,t){var n,v,y,m,x,r,i=[],o=[],a=A[e+" "];if(!a){t||(t=h(e)),n=t.length;while(n--)(a=Ee(t[n]))[S]?i.push(a):o.push(a);(a=A(e,(v=o,m=0<(y=i).length,x=0<v.length,r=function(e,t,n,r,i){var o,a,s,u=0,l="0",c=e&&[],f=[],p=w,d=e||x&&b.find.TAG("*",i),h=k+=null==p?1:Math.random()||.1,g=d.length;for(i&&(w=t==C||t||i);l!==g&&null!=(o=d[l]);l++){if(x&&o){a=0,t||o.ownerDocument==C||(T(o),n=!E);while(s=v[a++])if(s(o,t||C,n)){r.push(o);break}i&&(k=h)}m&&((o=!s&&o)&&u--,e&&c.push(o))}if(u+=l,m&&l!==u){a=0;while(s=y[a++])s(c,f,t,n);if(e){if(0<u)while(l--)c[l]||f[l]||(f[l]=q.call(r));f=Te(f)}H.apply(r,f),i&&!e&&0<f.length&&1<u+y.length&&se.uniqueSort(r)}return i&&(k=h,w=p),c},m?le(r):r))).selector=e}return a},g=se.select=function(e,t,n,r){var i,o,a,s,u,l="function"==typeof e&&e,c=!r&&h(e=l.selector||e);if(n=n||[],1===c.length){if(2<(o=c[0]=c[0].slice(0)).length&&"ID"===(a=o[0]).type&&9===t.nodeType&&E&&b.relative[o[1].type]){if(!(t=(b.find.ID(a.matches[0].replace(te,ne),t)||[])[0]))return n;l&&(t=t.parentNode),e=e.slice(o.shift().value.length)}i=G.needsContext.test(e)?0:o.length;while(i--){if(a=o[i],b.relative[s=a.type])break;if((u=b.find[s])&&(r=u(a.matches[0].replace(te,ne),ee.test(o[0].type)&&ye(t.parentNode)||t))){if(o.splice(i,1),!(e=r.length&&xe(o)))return H.apply(n,r),n;break}}}return(l||f(e,c))(r,t,!E,n,!t||ee.test(e)&&ye(t.parentNode)||t),n},d.sortStable=S.split("").sort(j).join("")===S,d.detectDuplicates=!!l,T(),d.sortDetached=ce(function(e){return 1&e.compareDocumentPosition(C.createElement("fieldset"))}),ce(function(e){return e.innerHTML="<a href='#'></a>","#"===e.firstChild.getAttribute("href")})||fe("type|href|height|width",function(e,t,n){if(!n)return e.getAttribute(t,"type"===t.toLowerCase()?1:2)}),d.attributes&&ce(function(e){return e.innerHTML="<input/>",e.firstChild.setAttribute("value",""),""===e.firstChild.getAttribute("value")})||fe("value",function(e,t,n){if(!n&&"input"===e.nodeName.toLowerCase())return e.defaultValue}),ce(function(e){return null==e.getAttribute("disabled")})||fe(R,function(e,t,n){var r;if(!n)return!0===e[t]?t.toLowerCase():(r=e.getAttributeNode(t))&&r.specified?r.value:null}),se}(C);S.find=d,S.expr=d.selectors,S.expr[":"]=S.expr.pseudos,S.uniqueSort=S.unique=d.uniqueSort,S.text=d.getText,S.isXMLDoc=d.isXML,S.contains=d.contains,S.escapeSelector=d.escape;var h=function(e,t,n){var r=[],i=void 0!==n;while((e=e[t])&&9!==e.nodeType)if(1===e.nodeType){if(i&&S(e).is(n))break;r.push(e)}return r},T=function(e,t){for(var n=[];e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n},k=S.expr.match.needsContext;function A(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()}var N=/^<([a-z][^\/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function j(e,n,r){return m(n)?S.grep(e,function(e,t){return!!n.call(e,t,e)!==r}):n.nodeType?S.grep(e,function(e){return e===n!==r}):"string"!=typeof n?S.grep(e,function(e){return-1<i.call(n,e)!==r}):S.filter(n,e,r)}S.filter=function(e,t,n){var r=t[0];return n&&(e=":not("+e+")"),1===t.length&&1===r.nodeType?S.find.matchesSelector(r,e)?[r]:[]:S.find.matches(e,S.grep(t,function(e){return 1===e.nodeType}))},S.fn.extend({find:function(e){var t,n,r=this.length,i=this;if("string"!=typeof e)return this.pushStack(S(e).filter(function(){for(t=0;t<r;t++)if(S.contains(i[t],this))return!0}));for(n=this.pushStack([]),t=0;t<r;t++)S.find(e,i[t],n);return 1<r?S.uniqueSort(n):n},filter:function(e){return this.pushStack(j(this,e||[],!1))},not:function(e){return this.pushStack(j(this,e||[],!0))},is:function(e){return!!j(this,"string"==typeof e&&k.test(e)?S(e):e||[],!1).length}});var D,q=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/;(S.fn.init=function(e,t,n){var r,i;if(!e)return this;if(n=n||D,"string"==typeof e){if(!(r="<"===e[0]&&">"===e[e.length-1]&&3<=e.length?[null,e,null]:q.exec(e))||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof S?t[0]:t,S.merge(this,S.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:E,!0)),N.test(r[1])&&S.isPlainObject(t))for(r in t)m(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return(i=E.getElementById(r[2]))&&(this[0]=i,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):m(e)?void 0!==n.ready?n.ready(e):e(S):S.makeArray(e,this)}).prototype=S.fn,D=S(E);var L=/^(?:parents|prev(?:Until|All))/,H={children:!0,contents:!0,next:!0,prev:!0};function O(e,t){while((e=e[t])&&1!==e.nodeType);return e}S.fn.extend({has:function(e){var t=S(e,this),n=t.length;return this.filter(function(){for(var e=0;e<n;e++)if(S.contains(this,t[e]))return!0})},closest:function(e,t){var n,r=0,i=this.length,o=[],a="string"!=typeof e&&S(e);if(!k.test(e))for(;r<i;r++)for(n=this[r];n&&n!==t;n=n.parentNode)if(n.nodeType<11&&(a?-1<a.index(n):1===n.nodeType&&S.find.matchesSelector(n,e))){o.push(n);break}return this.pushStack(1<o.length?S.uniqueSort(o):o)},index:function(e){return e?"string"==typeof e?i.call(S(e),this[0]):i.call(this,e.jquery?e[0]:e):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){return this.pushStack(S.uniqueSort(S.merge(this.get(),S(e,t))))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}}),S.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return h(e,"parentNode")},parentsUntil:function(e,t,n){return h(e,"parentNode",n)},next:function(e){return O(e,"nextSibling")},prev:function(e){return O(e,"previousSibling")},nextAll:function(e){return h(e,"nextSibling")},prevAll:function(e){return h(e,"previousSibling")},nextUntil:function(e,t,n){return h(e,"nextSibling",n)},prevUntil:function(e,t,n){return h(e,"previousSibling",n)},siblings:function(e){return T((e.parentNode||{}).firstChild,e)},children:function(e){return T(e.firstChild)},contents:function(e){return null!=e.contentDocument&&r(e.contentDocument)?e.contentDocument:(A(e,"template")&&(e=e.content||e),S.merge([],e.childNodes))}},function(r,i){S.fn[r]=function(e,t){var n=S.map(this,i,e);return"Until"!==r.slice(-5)&&(t=e),t&&"string"==typeof t&&(n=S.filter(t,n)),1<this.length&&(H[r]||S.uniqueSort(n),L.test(r)&&n.reverse()),this.pushStack(n)}});var P=/[^\x20\t\r\n\f]+/g;function R(e){return e}function M(e){throw e}function I(e,t,n,r){var i;try{e&&m(i=e.promise)?i.call(e).done(t).fail(n):e&&m(i=e.then)?i.call(e,t,n):t.apply(void 0,[e].slice(r))}catch(e){n.apply(void 0,[e])}}S.Callbacks=function(r){var e,n;r="string"==typeof r?(e=r,n={},S.each(e.match(P)||[],function(e,t){n[t]=!0}),n):S.extend({},r);var i,t,o,a,s=[],u=[],l=-1,c=function(){for(a=a||r.once,o=i=!0;u.length;l=-1){t=u.shift();while(++l<s.length)!1===s[l].apply(t[0],t[1])&&r.stopOnFalse&&(l=s.length,t=!1)}r.memory||(t=!1),i=!1,a&&(s=t?[]:"")},f={add:function(){return s&&(t&&!i&&(l=s.length-1,u.push(t)),function n(e){S.each(e,function(e,t){m(t)?r.unique&&f.has(t)||s.push(t):t&&t.length&&"string"!==w(t)&&n(t)})}(arguments),t&&!i&&c()),this},remove:function(){return S.each(arguments,function(e,t){var n;while(-1<(n=S.inArray(t,s,n)))s.splice(n,1),n<=l&&l--}),this},has:function(e){return e?-1<S.inArray(e,s):0<s.length},empty:function(){return s&&(s=[]),this},disable:function(){return a=u=[],s=t="",this},disabled:function(){return!s},lock:function(){return a=u=[],t||i||(s=t=""),this},locked:function(){return!!a},fireWith:function(e,t){return a||(t=[e,(t=t||[]).slice?t.slice():t],u.push(t),i||c()),this},fire:function(){return f.fireWith(this,arguments),this},fired:function(){return!!o}};return f},S.extend({Deferred:function(e){var o=[["notify","progress",S.Callbacks("memory"),S.Callbacks("memory"),2],["resolve","done",S.Callbacks("once memory"),S.Callbacks("once memory"),0,"resolved"],["reject","fail",S.Callbacks("once memory"),S.Callbacks("once memory"),1,"rejected"]],i="pending",a={state:function(){return i},always:function(){return s.done(arguments).fail(arguments),this},"catch":function(e){return a.then(null,e)},pipe:function(){var i=arguments;return S.Deferred(function(r){S.each(o,function(e,t){var n=m(i[t[4]])&&i[t[4]];s[t[1]](function(){var e=n&&n.apply(this,arguments);e&&m(e.promise)?e.promise().progress(r.notify).done(r.resolve).fail(r.reject):r[t[0]+"With"](this,n?[e]:arguments)})}),i=null}).promise()},then:function(t,n,r){var u=0;function l(i,o,a,s){return function(){var n=this,r=arguments,e=function(){var e,t;if(!(i<u)){if((e=a.apply(n,r))===o.promise())throw new TypeError("Thenable self-resolution");t=e&&("object"==typeof e||"function"==typeof e)&&e.then,m(t)?s?t.call(e,l(u,o,R,s),l(u,o,M,s)):(u++,t.call(e,l(u,o,R,s),l(u,o,M,s),l(u,o,R,o.notifyWith))):(a!==R&&(n=void 0,r=[e]),(s||o.resolveWith)(n,r))}},t=s?e:function(){try{e()}catch(e){S.Deferred.exceptionHook&&S.Deferred.exceptionHook(e,t.stackTrace),u<=i+1&&(a!==M&&(n=void 0,r=[e]),o.rejectWith(n,r))}};i?t():(S.Deferred.getStackHook&&(t.stackTrace=S.Deferred.getStackHook()),C.setTimeout(t))}}return S.Deferred(function(e){o[0][3].add(l(0,e,m(r)?r:R,e.notifyWith)),o[1][3].add(l(0,e,m(t)?t:R)),o[2][3].add(l(0,e,m(n)?n:M))}).promise()},promise:function(e){return null!=e?S.extend(e,a):a}},s={};return S.each(o,function(e,t){var n=t[2],r=t[5];a[t[1]]=n.add,r&&n.add(function(){i=r},o[3-e][2].disable,o[3-e][3].disable,o[0][2].lock,o[0][3].lock),n.add(t[3].fire),s[t[0]]=function(){return s[t[0]+"With"](this===s?void 0:this,arguments),this},s[t[0]+"With"]=n.fireWith}),a.promise(s),e&&e.call(s,s),s},when:function(e){var n=arguments.length,t=n,r=Array(t),i=s.call(arguments),o=S.Deferred(),a=function(t){return function(e){r[t]=this,i[t]=1<arguments.length?s.call(arguments):e,--n||o.resolveWith(r,i)}};if(n<=1&&(I(e,o.done(a(t)).resolve,o.reject,!n),"pending"===o.state()||m(i[t]&&i[t].then)))return o.then();while(t--)I(i[t],a(t),o.reject);return o.promise()}});var W=/^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/;S.Deferred.exceptionHook=function(e,t){C.console&&C.console.warn&&e&&W.test(e.name)&&C.console.warn("jQuery.Deferred exception: "+e.message,e.stack,t)},S.readyException=function(e){C.setTimeout(function(){throw e})};var F=S.Deferred();function B(){E.removeEventListener("DOMContentLoaded",B),C.removeEventListener("load",B),S.ready()}S.fn.ready=function(e){return F.then(e)["catch"](function(e){S.readyException(e)}),this},S.extend({isReady:!1,readyWait:1,ready:function(e){(!0===e?--S.readyWait:S.isReady)||(S.isReady=!0)!==e&&0<--S.readyWait||F.resolveWith(E,[S])}}),S.ready.then=F.then,"complete"===E.readyState||"loading"!==E.readyState&&!E.documentElement.doScroll?C.setTimeout(S.ready):(E.addEventListener("DOMContentLoaded",B),C.addEventListener("load",B));var $=function(e,t,n,r,i,o,a){var s=0,u=e.length,l=null==n;if("object"===w(n))for(s in i=!0,n)$(e,t,s,n[s],!0,o,a);else if(void 0!==r&&(i=!0,m(r)||(a=!0),l&&(a?(t.call(e,r),t=null):(l=t,t=function(e,t,n){return l.call(S(e),n)})),t))for(;s<u;s++)t(e[s],n,a?r:r.call(e[s],s,t(e[s],n)));return i?e:l?t.call(e):u?t(e[0],n):o},_=/^-ms-/,z=/-([a-z])/g;function U(e,t){return t.toUpperCase()}function X(e){return e.replace(_,"ms-").replace(z,U)}var V=function(e){return 1===e.nodeType||9===e.nodeType||!+e.nodeType};function G(){this.expando=S.expando+G.uid++}G.uid=1,G.prototype={cache:function(e){var t=e[this.expando];return t||(t={},V(e)&&(e.nodeType?e[this.expando]=t:Object.defineProperty(e,this.expando,{value:t,configurable:!0}))),t},set:function(e,t,n){var r,i=this.cache(e);if("string"==typeof t)i[X(t)]=n;else for(r in t)i[X(r)]=t[r];return i},get:function(e,t){return void 0===t?this.cache(e):e[this.expando]&&e[this.expando][X(t)]},access:function(e,t,n){return void 0===t||t&&"string"==typeof t&&void 0===n?this.get(e,t):(this.set(e,t,n),void 0!==n?n:t)},remove:function(e,t){var n,r=e[this.expando];if(void 0!==r){if(void 0!==t){n=(t=Array.isArray(t)?t.map(X):(t=X(t))in r?[t]:t.match(P)||[]).length;while(n--)delete r[t[n]]}(void 0===t||S.isEmptyObject(r))&&(e.nodeType?e[this.expando]=void 0:delete e[this.expando])}},hasData:function(e){var t=e[this.expando];return void 0!==t&&!S.isEmptyObject(t)}};var Y=new G,Q=new G,J=/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,K=/[A-Z]/g;function Z(e,t,n){var r,i;if(void 0===n&&1===e.nodeType)if(r="data-"+t.replace(K,"-$&").toLowerCase(),"string"==typeof(n=e.getAttribute(r))){try{n="true"===(i=n)||"false"!==i&&("null"===i?null:i===+i+""?+i:J.test(i)?JSON.parse(i):i)}catch(e){}Q.set(e,t,n)}else n=void 0;return n}S.extend({hasData:function(e){return Q.hasData(e)||Y.hasData(e)},data:function(e,t,n){return Q.access(e,t,n)},removeData:function(e,t){Q.remove(e,t)},_data:function(e,t,n){return Y.access(e,t,n)},_removeData:function(e,t){Y.remove(e,t)}}),S.fn.extend({data:function(n,e){var t,r,i,o=this[0],a=o&&o.attributes;if(void 0===n){if(this.length&&(i=Q.get(o),1===o.nodeType&&!Y.get(o,"hasDataAttrs"))){t=a.length;while(t--)a[t]&&0===(r=a[t].name).indexOf("data-")&&(r=X(r.slice(5)),Z(o,r,i[r]));Y.set(o,"hasDataAttrs",!0)}return i}return"object"==typeof n?this.each(function(){Q.set(this,n)}):$(this,function(e){var t;if(o&&void 0===e)return void 0!==(t=Q.get(o,n))?t:void 0!==(t=Z(o,n))?t:void 0;this.each(function(){Q.set(this,n,e)})},null,e,1<arguments.length,null,!0)},removeData:function(e){return this.each(function(){Q.remove(this,e)})}}),S.extend({queue:function(e,t,n){var r;if(e)return t=(t||"fx")+"queue",r=Y.get(e,t),n&&(!r||Array.isArray(n)?r=Y.access(e,t,S.makeArray(n)):r.push(n)),r||[]},dequeue:function(e,t){t=t||"fx";var n=S.queue(e,t),r=n.length,i=n.shift(),o=S._queueHooks(e,t);"inprogress"===i&&(i=n.shift(),r--),i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,function(){S.dequeue(e,t)},o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return Y.get(e,n)||Y.access(e,n,{empty:S.Callbacks("once memory").add(function(){Y.remove(e,[t+"queue",n])})})}}),S.fn.extend({queue:function(t,n){var e=2;return"string"!=typeof t&&(n=t,t="fx",e--),arguments.length<e?S.queue(this[0],t):void 0===n?this:this.each(function(){var e=S.queue(this,t,n);S._queueHooks(this,t),"fx"===t&&"inprogress"!==e[0]&&S.dequeue(this,t)})},dequeue:function(e){return this.each(function(){S.dequeue(this,e)})},clearQueue:function(e){return this.queue(e||"fx",[])},promise:function(e,t){var n,r=1,i=S.Deferred(),o=this,a=this.length,s=function(){--r||i.resolveWith(o,[o])};"string"!=typeof e&&(t=e,e=void 0),e=e||"fx";while(a--)(n=Y.get(o[a],e+"queueHooks"))&&n.empty&&(r++,n.empty.add(s));return s(),i.promise(t)}});var ee=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,te=new RegExp("^(?:([+-])=|)("+ee+")([a-z%]*)$","i"),ne=["Top","Right","Bottom","Left"],re=E.documentElement,ie=function(e){return S.contains(e.ownerDocument,e)},oe={composed:!0};re.getRootNode&&(ie=function(e){return S.contains(e.ownerDocument,e)||e.getRootNode(oe)===e.ownerDocument});var ae=function(e,t){return"none"===(e=t||e).style.display||""===e.style.display&&ie(e)&&"none"===S.css(e,"display")};function se(e,t,n,r){var i,o,a=20,s=r?function(){return r.cur()}:function(){return S.css(e,t,"")},u=s(),l=n&&n[3]||(S.cssNumber[t]?"":"px"),c=e.nodeType&&(S.cssNumber[t]||"px"!==l&&+u)&&te.exec(S.css(e,t));if(c&&c[3]!==l){u/=2,l=l||c[3],c=+u||1;while(a--)S.style(e,t,c+l),(1-o)*(1-(o=s()/u||.5))<=0&&(a=0),c/=o;c*=2,S.style(e,t,c+l),n=n||[]}return n&&(c=+c||+u||0,i=n[1]?c+(n[1]+1)*n[2]:+n[2],r&&(r.unit=l,r.start=c,r.end=i)),i}var ue={};function le(e,t){for(var n,r,i,o,a,s,u,l=[],c=0,f=e.length;c<f;c++)(r=e[c]).style&&(n=r.style.display,t?("none"===n&&(l[c]=Y.get(r,"display")||null,l[c]||(r.style.display="")),""===r.style.display&&ae(r)&&(l[c]=(u=a=o=void 0,a=(i=r).ownerDocument,s=i.nodeName,(u=ue[s])||(o=a.body.appendChild(a.createElement(s)),u=S.css(o,"display"),o.parentNode.removeChild(o),"none"===u&&(u="block"),ue[s]=u)))):"none"!==n&&(l[c]="none",Y.set(r,"display",n)));for(c=0;c<f;c++)null!=l[c]&&(e[c].style.display=l[c]);return e}S.fn.extend({show:function(){return le(this,!0)},hide:function(){return le(this)},toggle:function(e){return"boolean"==typeof e?e?this.show():this.hide():this.each(function(){ae(this)?S(this).show():S(this).hide()})}});var ce,fe,pe=/^(?:checkbox|radio)$/i,de=/<([a-z][^\/\0>\x20\t\r\n\f]*)/i,he=/^$|^module$|\/(?:java|ecma)script/i;ce=E.createDocumentFragment().appendChild(E.createElement("div")),(fe=E.createElement("input")).setAttribute("type","radio"),fe.setAttribute("checked","checked"),fe.setAttribute("name","t"),ce.appendChild(fe),y.checkClone=ce.cloneNode(!0).cloneNode(!0).lastChild.checked,ce.innerHTML="<textarea>x</textarea>",y.noCloneChecked=!!ce.cloneNode(!0).lastChild.defaultValue,ce.innerHTML="<option></option>",y.option=!!ce.lastChild;var ge={thead:[1,"<table>","</table>"],col:[2,"<table><colgroup>","</colgroup></table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:[0,"",""]};function ve(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&A(e,t)?S.merge([e],n):n}function ye(e,t){for(var n=0,r=e.length;n<r;n++)Y.set(e[n],"globalEval",!t||Y.get(t[n],"globalEval"))}ge.tbody=ge.tfoot=ge.colgroup=ge.caption=ge.thead,ge.th=ge.td,y.option||(ge.optgroup=ge.option=[1,"<select multiple='multiple'>","</select>"]);var me=/<|&#?\w+;/;function xe(e,t,n,r,i){for(var o,a,s,u,l,c,f=t.createDocumentFragment(),p=[],d=0,h=e.length;d<h;d++)if((o=e[d])||0===o)if("object"===w(o))S.merge(p,o.nodeType?[o]:o);else if(me.test(o)){a=a||f.appendChild(t.createElement("div")),s=(de.exec(o)||["",""])[1].toLowerCase(),u=ge[s]||ge._default,a.innerHTML=u[1]+S.htmlPrefilter(o)+u[2],c=u[0];while(c--)a=a.lastChild;S.merge(p,a.childNodes),(a=f.firstChild).textContent=""}else p.push(t.createTextNode(o));f.textContent="",d=0;while(o=p[d++])if(r&&-1<S.inArray(o,r))i&&i.push(o);else if(l=ie(o),a=ve(f.appendChild(o),"script"),l&&ye(a),n){c=0;while(o=a[c++])he.test(o.type||"")&&n.push(o)}return f}var be=/^([^.]*)(?:\.(.+)|)/;function we(){return!0}function Te(){return!1}function Ce(e,t){return e===function(){try{return E.activeElement}catch(e){}}()==("focus"===t)}function Ee(e,t,n,r,i,o){var a,s;if("object"==typeof t){for(s in"string"!=typeof n&&(r=r||n,n=void 0),t)Ee(e,s,n,r,t[s],o);return e}if(null==r&&null==i?(i=n,r=n=void 0):null==i&&("string"==typeof n?(i=r,r=void 0):(i=r,r=n,n=void 0)),!1===i)i=Te;else if(!i)return e;return 1===o&&(a=i,(i=function(e){return S().off(e),a.apply(this,arguments)}).guid=a.guid||(a.guid=S.guid++)),e.each(function(){S.event.add(this,t,i,r,n)})}function Se(e,i,o){o?(Y.set(e,i,!1),S.event.add(e,i,{namespace:!1,handler:function(e){var t,n,r=Y.get(this,i);if(1&e.isTrigger&&this[i]){if(r.length)(S.event.special[i]||{}).delegateType&&e.stopPropagation();else if(r=s.call(arguments),Y.set(this,i,r),t=o(this,i),this[i](),r!==(n=Y.get(this,i))||t?Y.set(this,i,!1):n={},r!==n)return e.stopImmediatePropagation(),e.preventDefault(),n&&n.value}else r.length&&(Y.set(this,i,{value:S.event.trigger(S.extend(r[0],S.Event.prototype),r.slice(1),this)}),e.stopImmediatePropagation())}})):void 0===Y.get(e,i)&&S.event.add(e,i,we)}S.event={global:{},add:function(t,e,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,v=Y.get(t);if(V(t)){n.handler&&(n=(o=n).handler,i=o.selector),i&&S.find.matchesSelector(re,i),n.guid||(n.guid=S.guid++),(u=v.events)||(u=v.events=Object.create(null)),(a=v.handle)||(a=v.handle=function(e){return"undefined"!=typeof S&&S.event.triggered!==e.type?S.event.dispatch.apply(t,arguments):void 0}),l=(e=(e||"").match(P)||[""]).length;while(l--)d=g=(s=be.exec(e[l])||[])[1],h=(s[2]||"").split(".").sort(),d&&(f=S.event.special[d]||{},d=(i?f.delegateType:f.bindType)||d,f=S.event.special[d]||{},c=S.extend({type:d,origType:g,data:r,handler:n,guid:n.guid,selector:i,needsContext:i&&S.expr.match.needsContext.test(i),namespace:h.join(".")},o),(p=u[d])||((p=u[d]=[]).delegateCount=0,f.setup&&!1!==f.setup.call(t,r,h,a)||t.addEventListener&&t.addEventListener(d,a)),f.add&&(f.add.call(t,c),c.handler.guid||(c.handler.guid=n.guid)),i?p.splice(p.delegateCount++,0,c):p.push(c),S.event.global[d]=!0)}},remove:function(e,t,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,v=Y.hasData(e)&&Y.get(e);if(v&&(u=v.events)){l=(t=(t||"").match(P)||[""]).length;while(l--)if(d=g=(s=be.exec(t[l])||[])[1],h=(s[2]||"").split(".").sort(),d){f=S.event.special[d]||{},p=u[d=(r?f.delegateType:f.bindType)||d]||[],s=s[2]&&new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"),a=o=p.length;while(o--)c=p[o],!i&&g!==c.origType||n&&n.guid!==c.guid||s&&!s.test(c.namespace)||r&&r!==c.selector&&("**"!==r||!c.selector)||(p.splice(o,1),c.selector&&p.delegateCount--,f.remove&&f.remove.call(e,c));a&&!p.length&&(f.teardown&&!1!==f.teardown.call(e,h,v.handle)||S.removeEvent(e,d,v.handle),delete u[d])}else for(d in u)S.event.remove(e,d+t[l],n,r,!0);S.isEmptyObject(u)&&Y.remove(e,"handle events")}},dispatch:function(e){var t,n,r,i,o,a,s=new Array(arguments.length),u=S.event.fix(e),l=(Y.get(this,"events")||Object.create(null))[u.type]||[],c=S.event.special[u.type]||{};for(s[0]=u,t=1;t<arguments.length;t++)s[t]=arguments[t];if(u.delegateTarget=this,!c.preDispatch||!1!==c.preDispatch.call(this,u)){a=S.event.handlers.call(this,u,l),t=0;while((i=a[t++])&&!u.isPropagationStopped()){u.currentTarget=i.elem,n=0;while((o=i.handlers[n++])&&!u.isImmediatePropagationStopped())u.rnamespace&&!1!==o.namespace&&!u.rnamespace.test(o.namespace)||(u.handleObj=o,u.data=o.data,void 0!==(r=((S.event.special[o.origType]||{}).handle||o.handler).apply(i.elem,s))&&!1===(u.result=r)&&(u.preventDefault(),u.stopPropagation()))}return c.postDispatch&&c.postDispatch.call(this,u),u.result}},handlers:function(e,t){var n,r,i,o,a,s=[],u=t.delegateCount,l=e.target;if(u&&l.nodeType&&!("click"===e.type&&1<=e.button))for(;l!==this;l=l.parentNode||this)if(1===l.nodeType&&("click"!==e.type||!0!==l.disabled)){for(o=[],a={},n=0;n<u;n++)void 0===a[i=(r=t[n]).selector+" "]&&(a[i]=r.needsContext?-1<S(i,this).index(l):S.find(i,this,null,[l]).length),a[i]&&o.push(r);o.length&&s.push({elem:l,handlers:o})}return l=this,u<t.length&&s.push({elem:l,handlers:t.slice(u)}),s},addProp:function(t,e){Object.defineProperty(S.Event.prototype,t,{enumerable:!0,configurable:!0,get:m(e)?function(){if(this.originalEvent)return e(this.originalEvent)}:function(){if(this.originalEvent)return this.originalEvent[t]},set:function(e){Object.defineProperty(this,t,{enumerable:!0,configurable:!0,writable:!0,value:e})}})},fix:function(e){return e[S.expando]?e:new S.Event(e)},special:{load:{noBubble:!0},click:{setup:function(e){var t=this||e;return pe.test(t.type)&&t.click&&A(t,"input")&&Se(t,"click",we),!1},trigger:function(e){var t=this||e;return pe.test(t.type)&&t.click&&A(t,"input")&&Se(t,"click"),!0},_default:function(e){var t=e.target;return pe.test(t.type)&&t.click&&A(t,"input")&&Y.get(t,"click")||A(t,"a")}},beforeunload:{postDispatch:function(e){void 0!==e.result&&e.originalEvent&&(e.originalEvent.returnValue=e.result)}}}},S.removeEvent=function(e,t,n){e.removeEventListener&&e.removeEventListener(t,n)},S.Event=function(e,t){if(!(this instanceof S.Event))return new S.Event(e,t);e&&e.type?(this.originalEvent=e,this.type=e.type,this.isDefaultPrevented=e.defaultPrevented||void 0===e.defaultPrevented&&!1===e.returnValue?we:Te,this.target=e.target&&3===e.target.nodeType?e.target.parentNode:e.target,this.currentTarget=e.currentTarget,this.relatedTarget=e.relatedTarget):this.type=e,t&&S.extend(this,t),this.timeStamp=e&&e.timeStamp||Date.now(),this[S.expando]=!0},S.Event.prototype={constructor:S.Event,isDefaultPrevented:Te,isPropagationStopped:Te,isImmediatePropagationStopped:Te,isSimulated:!1,preventDefault:function(){var e=this.originalEvent;this.isDefaultPrevented=we,e&&!this.isSimulated&&e.preventDefault()},stopPropagation:function(){var e=this.originalEvent;this.isPropagationStopped=we,e&&!this.isSimulated&&e.stopPropagation()},stopImmediatePropagation:function(){var e=this.originalEvent;this.isImmediatePropagationStopped=we,e&&!this.isSimulated&&e.stopImmediatePropagation(),this.stopPropagation()}},S.each({altKey:!0,bubbles:!0,cancelable:!0,changedTouches:!0,ctrlKey:!0,detail:!0,eventPhase:!0,metaKey:!0,pageX:!0,pageY:!0,shiftKey:!0,view:!0,"char":!0,code:!0,charCode:!0,key:!0,keyCode:!0,button:!0,buttons:!0,clientX:!0,clientY:!0,offsetX:!0,offsetY:!0,pointerId:!0,pointerType:!0,screenX:!0,screenY:!0,targetTouches:!0,toElement:!0,touches:!0,which:!0},S.event.addProp),S.each({focus:"focusin",blur:"focusout"},function(e,t){S.event.special[e]={setup:function(){return Se(this,e,Ce),!1},trigger:function(){return Se(this,e),!0},_default:function(){return!0},delegateType:t}}),S.each({mouseenter:"mouseover",mouseleave:"mouseout",pointerenter:"pointerover",pointerleave:"pointerout"},function(e,i){S.event.special[e]={delegateType:i,bindType:i,handle:function(e){var t,n=e.relatedTarget,r=e.handleObj;return n&&(n===this||S.contains(this,n))||(e.type=r.origType,t=r.handler.apply(this,arguments),e.type=i),t}}}),S.fn.extend({on:function(e,t,n,r){return Ee(this,e,t,n,r)},one:function(e,t,n,r){return Ee(this,e,t,n,r,1)},off:function(e,t,n){var r,i;if(e&&e.preventDefault&&e.handleObj)return r=e.handleObj,S(e.delegateTarget).off(r.namespace?r.origType+"."+r.namespace:r.origType,r.selector,r.handler),this;if("object"==typeof e){for(i in e)this.off(i,t,e[i]);return this}return!1!==t&&"function"!=typeof t||(n=t,t=void 0),!1===n&&(n=Te),this.each(function(){S.event.remove(this,e,n,t)})}});var ke=/<script|<style|<link/i,Ae=/checked\s*(?:[^=]|=\s*.checked.)/i,Ne=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g;function je(e,t){return A(e,"table")&&A(11!==t.nodeType?t:t.firstChild,"tr")&&S(e).children("tbody")[0]||e}function De(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function qe(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Le(e,t){var n,r,i,o,a,s;if(1===t.nodeType){if(Y.hasData(e)&&(s=Y.get(e).events))for(i in Y.remove(t,"handle events"),s)for(n=0,r=s[i].length;n<r;n++)S.event.add(t,i,s[i][n]);Q.hasData(e)&&(o=Q.access(e),a=S.extend({},o),Q.set(t,a))}}function He(n,r,i,o){r=g(r);var e,t,a,s,u,l,c=0,f=n.length,p=f-1,d=r[0],h=m(d);if(h||1<f&&"string"==typeof d&&!y.checkClone&&Ae.test(d))return n.each(function(e){var t=n.eq(e);h&&(r[0]=d.call(this,e,t.html())),He(t,r,i,o)});if(f&&(t=(e=xe(r,n[0].ownerDocument,!1,n,o)).firstChild,1===e.childNodes.length&&(e=t),t||o)){for(s=(a=S.map(ve(e,"script"),De)).length;c<f;c++)u=e,c!==p&&(u=S.clone(u,!0,!0),s&&S.merge(a,ve(u,"script"))),i.call(n[c],u,c);if(s)for(l=a[a.length-1].ownerDocument,S.map(a,qe),c=0;c<s;c++)u=a[c],he.test(u.type||"")&&!Y.access(u,"globalEval")&&S.contains(l,u)&&(u.src&&"module"!==(u.type||"").toLowerCase()?S._evalUrl&&!u.noModule&&S._evalUrl(u.src,{nonce:u.nonce||u.getAttribute("nonce")},l):b(u.textContent.replace(Ne,""),u,l))}return n}function Oe(e,t,n){for(var r,i=t?S.filter(t,e):e,o=0;null!=(r=i[o]);o++)n||1!==r.nodeType||S.cleanData(ve(r)),r.parentNode&&(n&&ie(r)&&ye(ve(r,"script")),r.parentNode.removeChild(r));return e}S.extend({htmlPrefilter:function(e){return e},clone:function(e,t,n){var r,i,o,a,s,u,l,c=e.cloneNode(!0),f=ie(e);if(!(y.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||S.isXMLDoc(e)))for(a=ve(c),r=0,i=(o=ve(e)).length;r<i;r++)s=o[r],u=a[r],void 0,"input"===(l=u.nodeName.toLowerCase())&&pe.test(s.type)?u.checked=s.checked:"input"!==l&&"textarea"!==l||(u.defaultValue=s.defaultValue);if(t)if(n)for(o=o||ve(e),a=a||ve(c),r=0,i=o.length;r<i;r++)Le(o[r],a[r]);else Le(e,c);return 0<(a=ve(c,"script")).length&&ye(a,!f&&ve(e,"script")),c},cleanData:function(e){for(var t,n,r,i=S.event.special,o=0;void 0!==(n=e[o]);o++)if(V(n)){if(t=n[Y.expando]){if(t.events)for(r in t.events)i[r]?S.event.remove(n,r):S.removeEvent(n,r,t.handle);n[Y.expando]=void 0}n[Q.expando]&&(n[Q.expando]=void 0)}}}),S.fn.extend({detach:function(e){return Oe(this,e,!0)},remove:function(e){return Oe(this,e)},text:function(e){return $(this,function(e){return void 0===e?S.text(this):this.empty().each(function(){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||(this.textContent=e)})},null,e,arguments.length)},append:function(){return He(this,arguments,function(e){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||je(this,e).appendChild(e)})},prepend:function(){return He(this,arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=je(this,e);t.insertBefore(e,t.firstChild)}})},before:function(){return He(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return He(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},empty:function(){for(var e,t=0;null!=(e=this[t]);t++)1===e.nodeType&&(S.cleanData(ve(e,!1)),e.textContent="");return this},clone:function(e,t){return e=null!=e&&e,t=null==t?e:t,this.map(function(){return S.clone(this,e,t)})},html:function(e){return $(this,function(e){var t=this[0]||{},n=0,r=this.length;if(void 0===e&&1===t.nodeType)return t.innerHTML;if("string"==typeof e&&!ke.test(e)&&!ge[(de.exec(e)||["",""])[1].toLowerCase()]){e=S.htmlPrefilter(e);try{for(;n<r;n++)1===(t=this[n]||{}).nodeType&&(S.cleanData(ve(t,!1)),t.innerHTML=e);t=0}catch(e){}}t&&this.empty().append(e)},null,e,arguments.length)},replaceWith:function(){var n=[];return He(this,arguments,function(e){var t=this.parentNode;S.inArray(this,n)<0&&(S.cleanData(ve(this)),t&&t.replaceChild(e,this))},n)}}),S.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(e,a){S.fn[e]=function(e){for(var t,n=[],r=S(e),i=r.length-1,o=0;o<=i;o++)t=o===i?this:this.clone(!0),S(r[o])[a](t),u.apply(n,t.get());return this.pushStack(n)}});var Pe=new RegExp("^("+ee+")(?!px)[a-z%]+$","i"),Re=function(e){var t=e.ownerDocument.defaultView;return t&&t.opener||(t=C),t.getComputedStyle(e)},Me=function(e,t,n){var r,i,o={};for(i in t)o[i]=e.style[i],e.style[i]=t[i];for(i in r=n.call(e),t)e.style[i]=o[i];return r},Ie=new RegExp(ne.join("|"),"i");function We(e,t,n){var r,i,o,a,s=e.style;return(n=n||Re(e))&&(""!==(a=n.getPropertyValue(t)||n[t])||ie(e)||(a=S.style(e,t)),!y.pixelBoxStyles()&&Pe.test(a)&&Ie.test(t)&&(r=s.width,i=s.minWidth,o=s.maxWidth,s.minWidth=s.maxWidth=s.width=a,a=n.width,s.width=r,s.minWidth=i,s.maxWidth=o)),void 0!==a?a+"":a}function Fe(e,t){return{get:function(){if(!e())return(this.get=t).apply(this,arguments);delete this.get}}}!function(){function e(){if(l){u.style.cssText="position:absolute;left:-11111px;width:60px;margin-top:1px;padding:0;border:0",l.style.cssText="position:relative;display:block;box-sizing:border-box;overflow:scroll;margin:auto;border:1px;padding:1px;width:60%;top:1%",re.appendChild(u).appendChild(l);var e=C.getComputedStyle(l);n="1%"!==e.top,s=12===t(e.marginLeft),l.style.right="60%",o=36===t(e.right),r=36===t(e.width),l.style.position="absolute",i=12===t(l.offsetWidth/3),re.removeChild(u),l=null}}function t(e){return Math.round(parseFloat(e))}var n,r,i,o,a,s,u=E.createElement("div"),l=E.createElement("div");l.style&&(l.style.backgroundClip="content-box",l.cloneNode(!0).style.backgroundClip="",y.clearCloneStyle="content-box"===l.style.backgroundClip,S.extend(y,{boxSizingReliable:function(){return e(),r},pixelBoxStyles:function(){return e(),o},pixelPosition:function(){return e(),n},reliableMarginLeft:function(){return e(),s},scrollboxSize:function(){return e(),i},reliableTrDimensions:function(){var e,t,n,r;return null==a&&(e=E.createElement("table"),t=E.createElement("tr"),n=E.createElement("div"),e.style.cssText="position:absolute;left:-11111px;border-collapse:separate",t.style.cssText="border:1px solid",t.style.height="1px",n.style.height="9px",n.style.display="block",re.appendChild(e).appendChild(t).appendChild(n),r=C.getComputedStyle(t),a=parseInt(r.height,10)+parseInt(r.borderTopWidth,10)+parseInt(r.borderBottomWidth,10)===t.offsetHeight,re.removeChild(e)),a}}))}();var Be=["Webkit","Moz","ms"],$e=E.createElement("div").style,_e={};function ze(e){var t=S.cssProps[e]||_e[e];return t||(e in $e?e:_e[e]=function(e){var t=e[0].toUpperCase()+e.slice(1),n=Be.length;while(n--)if((e=Be[n]+t)in $e)return e}(e)||e)}var Ue=/^(none|table(?!-c[ea]).+)/,Xe=/^--/,Ve={position:"absolute",visibility:"hidden",display:"block"},Ge={letterSpacing:"0",fontWeight:"400"};function Ye(e,t,n){var r=te.exec(t);return r?Math.max(0,r[2]-(n||0))+(r[3]||"px"):t}function Qe(e,t,n,r,i,o){var a="width"===t?1:0,s=0,u=0;if(n===(r?"border":"content"))return 0;for(;a<4;a+=2)"margin"===n&&(u+=S.css(e,n+ne[a],!0,i)),r?("content"===n&&(u-=S.css(e,"padding"+ne[a],!0,i)),"margin"!==n&&(u-=S.css(e,"border"+ne[a]+"Width",!0,i))):(u+=S.css(e,"padding"+ne[a],!0,i),"padding"!==n?u+=S.css(e,"border"+ne[a]+"Width",!0,i):s+=S.css(e,"border"+ne[a]+"Width",!0,i));return!r&&0<=o&&(u+=Math.max(0,Math.ceil(e["offset"+t[0].toUpperCase()+t.slice(1)]-o-u-s-.5))||0),u}function Je(e,t,n){var r=Re(e),i=(!y.boxSizingReliable()||n)&&"border-box"===S.css(e,"boxSizing",!1,r),o=i,a=We(e,t,r),s="offset"+t[0].toUpperCase()+t.slice(1);if(Pe.test(a)){if(!n)return a;a="auto"}return(!y.boxSizingReliable()&&i||!y.reliableTrDimensions()&&A(e,"tr")||"auto"===a||!parseFloat(a)&&"inline"===S.css(e,"display",!1,r))&&e.getClientRects().length&&(i="border-box"===S.css(e,"boxSizing",!1,r),(o=s in e)&&(a=e[s])),(a=parseFloat(a)||0)+Qe(e,t,n||(i?"border":"content"),o,r,a)+"px"}function Ke(e,t,n,r,i){return new Ke.prototype.init(e,t,n,r,i)}S.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=We(e,"opacity");return""===n?"1":n}}}},cssNumber:{animationIterationCount:!0,columnCount:!0,fillOpacity:!0,flexGrow:!0,flexShrink:!0,fontWeight:!0,gridArea:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnStart:!0,gridRow:!0,gridRowEnd:!0,gridRowStart:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{},style:function(e,t,n,r){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){var i,o,a,s=X(t),u=Xe.test(t),l=e.style;if(u||(t=ze(s)),a=S.cssHooks[t]||S.cssHooks[s],void 0===n)return a&&"get"in a&&void 0!==(i=a.get(e,!1,r))?i:l[t];"string"===(o=typeof n)&&(i=te.exec(n))&&i[1]&&(n=se(e,t,i),o="number"),null!=n&&n==n&&("number"!==o||u||(n+=i&&i[3]||(S.cssNumber[s]?"":"px")),y.clearCloneStyle||""!==n||0!==t.indexOf("background")||(l[t]="inherit"),a&&"set"in a&&void 0===(n=a.set(e,n,r))||(u?l.setProperty(t,n):l[t]=n))}},css:function(e,t,n,r){var i,o,a,s=X(t);return Xe.test(t)||(t=ze(s)),(a=S.cssHooks[t]||S.cssHooks[s])&&"get"in a&&(i=a.get(e,!0,n)),void 0===i&&(i=We(e,t,r)),"normal"===i&&t in Ge&&(i=Ge[t]),""===n||n?(o=parseFloat(i),!0===n||isFinite(o)?o||0:i):i}}),S.each(["height","width"],function(e,u){S.cssHooks[u]={get:function(e,t,n){if(t)return!Ue.test(S.css(e,"display"))||e.getClientRects().length&&e.getBoundingClientRect().width?Je(e,u,n):Me(e,Ve,function(){return Je(e,u,n)})},set:function(e,t,n){var r,i=Re(e),o=!y.scrollboxSize()&&"absolute"===i.position,a=(o||n)&&"border-box"===S.css(e,"boxSizing",!1,i),s=n?Qe(e,u,n,a,i):0;return a&&o&&(s-=Math.ceil(e["offset"+u[0].toUpperCase()+u.slice(1)]-parseFloat(i[u])-Qe(e,u,"border",!1,i)-.5)),s&&(r=te.exec(t))&&"px"!==(r[3]||"px")&&(e.style[u]=t,t=S.css(e,u)),Ye(0,t,s)}}}),S.cssHooks.marginLeft=Fe(y.reliableMarginLeft,function(e,t){if(t)return(parseFloat(We(e,"marginLeft"))||e.getBoundingClientRect().left-Me(e,{marginLeft:0},function(){return e.getBoundingClientRect().left}))+"px"}),S.each({margin:"",padding:"",border:"Width"},function(i,o){S.cssHooks[i+o]={expand:function(e){for(var t=0,n={},r="string"==typeof e?e.split(" "):[e];t<4;t++)n[i+ne[t]+o]=r[t]||r[t-2]||r[0];return n}},"margin"!==i&&(S.cssHooks[i+o].set=Ye)}),S.fn.extend({css:function(e,t){return $(this,function(e,t,n){var r,i,o={},a=0;if(Array.isArray(t)){for(r=Re(e),i=t.length;a<i;a++)o[t[a]]=S.css(e,t[a],!1,r);return o}return void 0!==n?S.style(e,t,n):S.css(e,t)},e,t,1<arguments.length)}}),((S.Tween=Ke).prototype={constructor:Ke,init:function(e,t,n,r,i,o){this.elem=e,this.prop=n,this.easing=i||S.easing._default,this.options=t,this.start=this.now=this.cur(),this.end=r,this.unit=o||(S.cssNumber[n]?"":"px")},cur:function(){var e=Ke.propHooks[this.prop];return e&&e.get?e.get(this):Ke.propHooks._default.get(this)},run:function(e){var t,n=Ke.propHooks[this.prop];return this.options.duration?this.pos=t=S.easing[this.easing](e,this.options.duration*e,0,1,this.options.duration):this.pos=t=e,this.now=(this.end-this.start)*t+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),n&&n.set?n.set(this):Ke.propHooks._default.set(this),this}}).init.prototype=Ke.prototype,(Ke.propHooks={_default:{get:function(e){var t;return 1!==e.elem.nodeType||null!=e.elem[e.prop]&&null==e.elem.style[e.prop]?e.elem[e.prop]:(t=S.css(e.elem,e.prop,""))&&"auto"!==t?t:0},set:function(e){S.fx.step[e.prop]?S.fx.step[e.prop](e):1!==e.elem.nodeType||!S.cssHooks[e.prop]&&null==e.elem.style[ze(e.prop)]?e.elem[e.prop]=e.now:S.style(e.elem,e.prop,e.now+e.unit)}}}).scrollTop=Ke.propHooks.scrollLeft={set:function(e){e.elem.nodeType&&e.elem.parentNode&&(e.elem[e.prop]=e.now)}},S.easing={linear:function(e){return e},swing:function(e){return.5-Math.cos(e*Math.PI)/2},_default:"swing"},S.fx=Ke.prototype.init,S.fx.step={};var Ze,et,tt,nt,rt=/^(?:toggle|show|hide)$/,it=/queueHooks$/;function ot(){et&&(!1===E.hidden&&C.requestAnimationFrame?C.requestAnimationFrame(ot):C.setTimeout(ot,S.fx.interval),S.fx.tick())}function at(){return C.setTimeout(function(){Ze=void 0}),Ze=Date.now()}function st(e,t){var n,r=0,i={height:e};for(t=t?1:0;r<4;r+=2-t)i["margin"+(n=ne[r])]=i["padding"+n]=e;return t&&(i.opacity=i.width=e),i}function ut(e,t,n){for(var r,i=(lt.tweeners[t]||[]).concat(lt.tweeners["*"]),o=0,a=i.length;o<a;o++)if(r=i[o].call(n,t,e))return r}function lt(o,e,t){var n,a,r=0,i=lt.prefilters.length,s=S.Deferred().always(function(){delete u.elem}),u=function(){if(a)return!1;for(var e=Ze||at(),t=Math.max(0,l.startTime+l.duration-e),n=1-(t/l.duration||0),r=0,i=l.tweens.length;r<i;r++)l.tweens[r].run(n);return s.notifyWith(o,[l,n,t]),n<1&&i?t:(i||s.notifyWith(o,[l,1,0]),s.resolveWith(o,[l]),!1)},l=s.promise({elem:o,props:S.extend({},e),opts:S.extend(!0,{specialEasing:{},easing:S.easing._default},t),originalProperties:e,originalOptions:t,startTime:Ze||at(),duration:t.duration,tweens:[],createTween:function(e,t){var n=S.Tween(o,l.opts,e,t,l.opts.specialEasing[e]||l.opts.easing);return l.tweens.push(n),n},stop:function(e){var t=0,n=e?l.tweens.length:0;if(a)return this;for(a=!0;t<n;t++)l.tweens[t].run(1);return e?(s.notifyWith(o,[l,1,0]),s.resolveWith(o,[l,e])):s.rejectWith(o,[l,e]),this}}),c=l.props;for(!function(e,t){var n,r,i,o,a;for(n in e)if(i=t[r=X(n)],o=e[n],Array.isArray(o)&&(i=o[1],o=e[n]=o[0]),n!==r&&(e[r]=o,delete e[n]),(a=S.cssHooks[r])&&"expand"in a)for(n in o=a.expand(o),delete e[r],o)n in e||(e[n]=o[n],t[n]=i);else t[r]=i}(c,l.opts.specialEasing);r<i;r++)if(n=lt.prefilters[r].call(l,o,c,l.opts))return m(n.stop)&&(S._queueHooks(l.elem,l.opts.queue).stop=n.stop.bind(n)),n;return S.map(c,ut,l),m(l.opts.start)&&l.opts.start.call(o,l),l.progress(l.opts.progress).done(l.opts.done,l.opts.complete).fail(l.opts.fail).always(l.opts.always),S.fx.timer(S.extend(u,{elem:o,anim:l,queue:l.opts.queue})),l}S.Animation=S.extend(lt,{tweeners:{"*":[function(e,t){var n=this.createTween(e,t);return se(n.elem,e,te.exec(t),n),n}]},tweener:function(e,t){m(e)?(t=e,e=["*"]):e=e.match(P);for(var n,r=0,i=e.length;r<i;r++)n=e[r],lt.tweeners[n]=lt.tweeners[n]||[],lt.tweeners[n].unshift(t)},prefilters:[function(e,t,n){var r,i,o,a,s,u,l,c,f="width"in t||"height"in t,p=this,d={},h=e.style,g=e.nodeType&&ae(e),v=Y.get(e,"fxshow");for(r in n.queue||(null==(a=S._queueHooks(e,"fx")).unqueued&&(a.unqueued=0,s=a.empty.fire,a.empty.fire=function(){a.unqueued||s()}),a.unqueued++,p.always(function(){p.always(function(){a.unqueued--,S.queue(e,"fx").length||a.empty.fire()})})),t)if(i=t[r],rt.test(i)){if(delete t[r],o=o||"toggle"===i,i===(g?"hide":"show")){if("show"!==i||!v||void 0===v[r])continue;g=!0}d[r]=v&&v[r]||S.style(e,r)}if((u=!S.isEmptyObject(t))||!S.isEmptyObject(d))for(r in f&&1===e.nodeType&&(n.overflow=[h.overflow,h.overflowX,h.overflowY],null==(l=v&&v.display)&&(l=Y.get(e,"display")),"none"===(c=S.css(e,"display"))&&(l?c=l:(le([e],!0),l=e.style.display||l,c=S.css(e,"display"),le([e]))),("inline"===c||"inline-block"===c&&null!=l)&&"none"===S.css(e,"float")&&(u||(p.done(function(){h.display=l}),null==l&&(c=h.display,l="none"===c?"":c)),h.display="inline-block")),n.overflow&&(h.overflow="hidden",p.always(function(){h.overflow=n.overflow[0],h.overflowX=n.overflow[1],h.overflowY=n.overflow[2]})),u=!1,d)u||(v?"hidden"in v&&(g=v.hidden):v=Y.access(e,"fxshow",{display:l}),o&&(v.hidden=!g),g&&le([e],!0),p.done(function(){for(r in g||le([e]),Y.remove(e,"fxshow"),d)S.style(e,r,d[r])})),u=ut(g?v[r]:0,r,p),r in v||(v[r]=u.start,g&&(u.end=u.start,u.start=0))}],prefilter:function(e,t){t?lt.prefilters.unshift(e):lt.prefilters.push(e)}}),S.speed=function(e,t,n){var r=e&&"object"==typeof e?S.extend({},e):{complete:n||!n&&t||m(e)&&e,duration:e,easing:n&&t||t&&!m(t)&&t};return S.fx.off?r.duration=0:"number"!=typeof r.duration&&(r.duration in S.fx.speeds?r.duration=S.fx.speeds[r.duration]:r.duration=S.fx.speeds._default),null!=r.queue&&!0!==r.queue||(r.queue="fx"),r.old=r.complete,r.complete=function(){m(r.old)&&r.old.call(this),r.queue&&S.dequeue(this,r.queue)},r},S.fn.extend({fadeTo:function(e,t,n,r){return this.filter(ae).css("opacity",0).show().end().animate({opacity:t},e,n,r)},animate:function(t,e,n,r){var i=S.isEmptyObject(t),o=S.speed(e,n,r),a=function(){var e=lt(this,S.extend({},t),o);(i||Y.get(this,"finish"))&&e.stop(!0)};return a.finish=a,i||!1===o.queue?this.each(a):this.queue(o.queue,a)},stop:function(i,e,o){var a=function(e){var t=e.stop;delete e.stop,t(o)};return"string"!=typeof i&&(o=e,e=i,i=void 0),e&&this.queue(i||"fx",[]),this.each(function(){var e=!0,t=null!=i&&i+"queueHooks",n=S.timers,r=Y.get(this);if(t)r[t]&&r[t].stop&&a(r[t]);else for(t in r)r[t]&&r[t].stop&&it.test(t)&&a(r[t]);for(t=n.length;t--;)n[t].elem!==this||null!=i&&n[t].queue!==i||(n[t].anim.stop(o),e=!1,n.splice(t,1));!e&&o||S.dequeue(this,i)})},finish:function(a){return!1!==a&&(a=a||"fx"),this.each(function(){var e,t=Y.get(this),n=t[a+"queue"],r=t[a+"queueHooks"],i=S.timers,o=n?n.length:0;for(t.finish=!0,S.queue(this,a,[]),r&&r.stop&&r.stop.call(this,!0),e=i.length;e--;)i[e].elem===this&&i[e].queue===a&&(i[e].anim.stop(!0),i.splice(e,1));for(e=0;e<o;e++)n[e]&&n[e].finish&&n[e].finish.call(this);delete t.finish})}}),S.each(["toggle","show","hide"],function(e,r){var i=S.fn[r];S.fn[r]=function(e,t,n){return null==e||"boolean"==typeof e?i.apply(this,arguments):this.animate(st(r,!0),e,t,n)}}),S.each({slideDown:st("show"),slideUp:st("hide"),slideToggle:st("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(e,r){S.fn[e]=function(e,t,n){return this.animate(r,e,t,n)}}),S.timers=[],S.fx.tick=function(){var e,t=0,n=S.timers;for(Ze=Date.now();t<n.length;t++)(e=n[t])()||n[t]!==e||n.splice(t--,1);n.length||S.fx.stop(),Ze=void 0},S.fx.timer=function(e){S.timers.push(e),S.fx.start()},S.fx.interval=13,S.fx.start=function(){et||(et=!0,ot())},S.fx.stop=function(){et=null},S.fx.speeds={slow:600,fast:200,_default:400},S.fn.delay=function(r,e){return r=S.fx&&S.fx.speeds[r]||r,e=e||"fx",this.queue(e,function(e,t){var n=C.setTimeout(e,r);t.stop=function(){C.clearTimeout(n)}})},tt=E.createElement("input"),nt=E.createElement("select").appendChild(E.createElement("option")),tt.type="checkbox",y.checkOn=""!==tt.value,y.optSelected=nt.selected,(tt=E.createElement("input")).value="t",tt.type="radio",y.radioValue="t"===tt.value;var ct,ft=S.expr.attrHandle;S.fn.extend({attr:function(e,t){return $(this,S.attr,e,t,1<arguments.length)},removeAttr:function(e){return this.each(function(){S.removeAttr(this,e)})}}),S.extend({attr:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return"undefined"==typeof e.getAttribute?S.prop(e,t,n):(1===o&&S.isXMLDoc(e)||(i=S.attrHooks[t.toLowerCase()]||(S.expr.match.bool.test(t)?ct:void 0)),void 0!==n?null===n?void S.removeAttr(e,t):i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:(e.setAttribute(t,n+""),n):i&&"get"in i&&null!==(r=i.get(e,t))?r:null==(r=S.find.attr(e,t))?void 0:r)},attrHooks:{type:{set:function(e,t){if(!y.radioValue&&"radio"===t&&A(e,"input")){var n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t}}}},removeAttr:function(e,t){var n,r=0,i=t&&t.match(P);if(i&&1===e.nodeType)while(n=i[r++])e.removeAttribute(n)}}),ct={set:function(e,t,n){return!1===t?S.removeAttr(e,n):e.setAttribute(n,n),n}},S.each(S.expr.match.bool.source.match(/\w+/g),function(e,t){var a=ft[t]||S.find.attr;ft[t]=function(e,t,n){var r,i,o=t.toLowerCase();return n||(i=ft[o],ft[o]=r,r=null!=a(e,t,n)?o:null,ft[o]=i),r}});var pt=/^(?:input|select|textarea|button)$/i,dt=/^(?:a|area)$/i;function ht(e){return(e.match(P)||[]).join(" ")}function gt(e){return e.getAttribute&&e.getAttribute("class")||""}function vt(e){return Array.isArray(e)?e:"string"==typeof e&&e.match(P)||[]}S.fn.extend({prop:function(e,t){return $(this,S.prop,e,t,1<arguments.length)},removeProp:function(e){return this.each(function(){delete this[S.propFix[e]||e]})}}),S.extend({prop:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return 1===o&&S.isXMLDoc(e)||(t=S.propFix[t]||t,i=S.propHooks[t]),void 0!==n?i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:e[t]=n:i&&"get"in i&&null!==(r=i.get(e,t))?r:e[t]},propHooks:{tabIndex:{get:function(e){var t=S.find.attr(e,"tabindex");return t?parseInt(t,10):pt.test(e.nodeName)||dt.test(e.nodeName)&&e.href?0:-1}}},propFix:{"for":"htmlFor","class":"className"}}),y.optSelected||(S.propHooks.selected={get:function(e){var t=e.parentNode;return t&&t.parentNode&&t.parentNode.selectedIndex,null},set:function(e){var t=e.parentNode;t&&(t.selectedIndex,t.parentNode&&t.parentNode.selectedIndex)}}),S.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){S.propFix[this.toLowerCase()]=this}),S.fn.extend({addClass:function(t){var e,n,r,i,o,a,s,u=0;if(m(t))return this.each(function(e){S(this).addClass(t.call(this,e,gt(this)))});if((e=vt(t)).length)while(n=this[u++])if(i=gt(n),r=1===n.nodeType&&" "+ht(i)+" "){a=0;while(o=e[a++])r.indexOf(" "+o+" ")<0&&(r+=o+" ");i!==(s=ht(r))&&n.setAttribute("class",s)}return this},removeClass:function(t){var e,n,r,i,o,a,s,u=0;if(m(t))return this.each(function(e){S(this).removeClass(t.call(this,e,gt(this)))});if(!arguments.length)return this.attr("class","");if((e=vt(t)).length)while(n=this[u++])if(i=gt(n),r=1===n.nodeType&&" "+ht(i)+" "){a=0;while(o=e[a++])while(-1<r.indexOf(" "+o+" "))r=r.replace(" "+o+" "," ");i!==(s=ht(r))&&n.setAttribute("class",s)}return this},toggleClass:function(i,t){var o=typeof i,a="string"===o||Array.isArray(i);return"boolean"==typeof t&&a?t?this.addClass(i):this.removeClass(i):m(i)?this.each(function(e){S(this).toggleClass(i.call(this,e,gt(this),t),t)}):this.each(function(){var e,t,n,r;if(a){t=0,n=S(this),r=vt(i);while(e=r[t++])n.hasClass(e)?n.removeClass(e):n.addClass(e)}else void 0!==i&&"boolean"!==o||((e=gt(this))&&Y.set(this,"__className__",e),this.setAttribute&&this.setAttribute("class",e||!1===i?"":Y.get(this,"__className__")||""))})},hasClass:function(e){var t,n,r=0;t=" "+e+" ";while(n=this[r++])if(1===n.nodeType&&-1<(" "+ht(gt(n))+" ").indexOf(t))return!0;return!1}});var yt=/\r/g;S.fn.extend({val:function(n){var r,e,i,t=this[0];return arguments.length?(i=m(n),this.each(function(e){var t;1===this.nodeType&&(null==(t=i?n.call(this,e,S(this).val()):n)?t="":"number"==typeof t?t+="":Array.isArray(t)&&(t=S.map(t,function(e){return null==e?"":e+""})),(r=S.valHooks[this.type]||S.valHooks[this.nodeName.toLowerCase()])&&"set"in r&&void 0!==r.set(this,t,"value")||(this.value=t))})):t?(r=S.valHooks[t.type]||S.valHooks[t.nodeName.toLowerCase()])&&"get"in r&&void 0!==(e=r.get(t,"value"))?e:"string"==typeof(e=t.value)?e.replace(yt,""):null==e?"":e:void 0}}),S.extend({valHooks:{option:{get:function(e){var t=S.find.attr(e,"value");return null!=t?t:ht(S.text(e))}},select:{get:function(e){var t,n,r,i=e.options,o=e.selectedIndex,a="select-one"===e.type,s=a?null:[],u=a?o+1:i.length;for(r=o<0?u:a?o:0;r<u;r++)if(((n=i[r]).selected||r===o)&&!n.disabled&&(!n.parentNode.disabled||!A(n.parentNode,"optgroup"))){if(t=S(n).val(),a)return t;s.push(t)}return s},set:function(e,t){var n,r,i=e.options,o=S.makeArray(t),a=i.length;while(a--)((r=i[a]).selected=-1<S.inArray(S.valHooks.option.get(r),o))&&(n=!0);return n||(e.selectedIndex=-1),o}}}}),S.each(["radio","checkbox"],function(){S.valHooks[this]={set:function(e,t){if(Array.isArray(t))return e.checked=-1<S.inArray(S(e).val(),t)}},y.checkOn||(S.valHooks[this].get=function(e){return null===e.getAttribute("value")?"on":e.value})}),y.focusin="onfocusin"in C;var mt=/^(?:focusinfocus|focusoutblur)$/,xt=function(e){e.stopPropagation()};S.extend(S.event,{trigger:function(e,t,n,r){var i,o,a,s,u,l,c,f,p=[n||E],d=v.call(e,"type")?e.type:e,h=v.call(e,"namespace")?e.namespace.split("."):[];if(o=f=a=n=n||E,3!==n.nodeType&&8!==n.nodeType&&!mt.test(d+S.event.triggered)&&(-1<d.indexOf(".")&&(d=(h=d.split(".")).shift(),h.sort()),u=d.indexOf(":")<0&&"on"+d,(e=e[S.expando]?e:new S.Event(d,"object"==typeof e&&e)).isTrigger=r?2:3,e.namespace=h.join("."),e.rnamespace=e.namespace?new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,e.result=void 0,e.target||(e.target=n),t=null==t?[e]:S.makeArray(t,[e]),c=S.event.special[d]||{},r||!c.trigger||!1!==c.trigger.apply(n,t))){if(!r&&!c.noBubble&&!x(n)){for(s=c.delegateType||d,mt.test(s+d)||(o=o.parentNode);o;o=o.parentNode)p.push(o),a=o;a===(n.ownerDocument||E)&&p.push(a.defaultView||a.parentWindow||C)}i=0;while((o=p[i++])&&!e.isPropagationStopped())f=o,e.type=1<i?s:c.bindType||d,(l=(Y.get(o,"events")||Object.create(null))[e.type]&&Y.get(o,"handle"))&&l.apply(o,t),(l=u&&o[u])&&l.apply&&V(o)&&(e.result=l.apply(o,t),!1===e.result&&e.preventDefault());return e.type=d,r||e.isDefaultPrevented()||c._default&&!1!==c._default.apply(p.pop(),t)||!V(n)||u&&m(n[d])&&!x(n)&&((a=n[u])&&(n[u]=null),S.event.triggered=d,e.isPropagationStopped()&&f.addEventListener(d,xt),n[d](),e.isPropagationStopped()&&f.removeEventListener(d,xt),S.event.triggered=void 0,a&&(n[u]=a)),e.result}},simulate:function(e,t,n){var r=S.extend(new S.Event,n,{type:e,isSimulated:!0});S.event.trigger(r,null,t)}}),S.fn.extend({trigger:function(e,t){return this.each(function(){S.event.trigger(e,t,this)})},triggerHandler:function(e,t){var n=this[0];if(n)return S.event.trigger(e,t,n,!0)}}),y.focusin||S.each({focus:"focusin",blur:"focusout"},function(n,r){var i=function(e){S.event.simulate(r,e.target,S.event.fix(e))};S.event.special[r]={setup:function(){var e=this.ownerDocument||this.document||this,t=Y.access(e,r);t||e.addEventListener(n,i,!0),Y.access(e,r,(t||0)+1)},teardown:function(){var e=this.ownerDocument||this.document||this,t=Y.access(e,r)-1;t?Y.access(e,r,t):(e.removeEventListener(n,i,!0),Y.remove(e,r))}}});var bt=C.location,wt={guid:Date.now()},Tt=/\?/;S.parseXML=function(e){var t,n;if(!e||"string"!=typeof e)return null;try{t=(new C.DOMParser).parseFromString(e,"text/xml")}catch(e){}return n=t&&t.getElementsByTagName("parsererror")[0],t&&!n||S.error("Invalid XML: "+(n?S.map(n.childNodes,function(e){return e.textContent}).join("\n"):e)),t};var Ct=/\[\]$/,Et=/\r?\n/g,St=/^(?:submit|button|image|reset|file)$/i,kt=/^(?:input|select|textarea|keygen)/i;function At(n,e,r,i){var t;if(Array.isArray(e))S.each(e,function(e,t){r||Ct.test(n)?i(n,t):At(n+"["+("object"==typeof t&&null!=t?e:"")+"]",t,r,i)});else if(r||"object"!==w(e))i(n,e);else for(t in e)At(n+"["+t+"]",e[t],r,i)}S.param=function(e,t){var n,r=[],i=function(e,t){var n=m(t)?t():t;r[r.length]=encodeURIComponent(e)+"="+encodeURIComponent(null==n?"":n)};if(null==e)return"";if(Array.isArray(e)||e.jquery&&!S.isPlainObject(e))S.each(e,function(){i(this.name,this.value)});else for(n in e)At(n,e[n],t,i);return r.join("&")},S.fn.extend({serialize:function(){return S.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=S.prop(this,"elements");return e?S.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!S(this).is(":disabled")&&kt.test(this.nodeName)&&!St.test(e)&&(this.checked||!pe.test(e))}).map(function(e,t){var n=S(this).val();return null==n?null:Array.isArray(n)?S.map(n,function(e){return{name:t.name,value:e.replace(Et,"\r\n")}}):{name:t.name,value:n.replace(Et,"\r\n")}}).get()}});var Nt=/%20/g,jt=/#.*$/,Dt=/([?&])_=[^&]*/,qt=/^(.*?):[ \t]*([^\r\n]*)$/gm,Lt=/^(?:GET|HEAD)$/,Ht=/^\/\//,Ot={},Pt={},Rt="*/".concat("*"),Mt=E.createElement("a");function It(o){return function(e,t){"string"!=typeof e&&(t=e,e="*");var n,r=0,i=e.toLowerCase().match(P)||[];if(m(t))while(n=i[r++])"+"===n[0]?(n=n.slice(1)||"*",(o[n]=o[n]||[]).unshift(t)):(o[n]=o[n]||[]).push(t)}}function Wt(t,i,o,a){var s={},u=t===Pt;function l(e){var r;return s[e]=!0,S.each(t[e]||[],function(e,t){var n=t(i,o,a);return"string"!=typeof n||u||s[n]?u?!(r=n):void 0:(i.dataTypes.unshift(n),l(n),!1)}),r}return l(i.dataTypes[0])||!s["*"]&&l("*")}function Ft(e,t){var n,r,i=S.ajaxSettings.flatOptions||{};for(n in t)void 0!==t[n]&&((i[n]?e:r||(r={}))[n]=t[n]);return r&&S.extend(!0,e,r),e}Mt.href=bt.href,S.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:bt.href,type:"GET",isLocal:/^(?:about|app|app-storage|.+-extension|file|res|widget):$/.test(bt.protocol),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":Rt,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/\bxml\b/,html:/\bhtml/,json:/\bjson\b/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":JSON.parse,"text xml":S.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(e,t){return t?Ft(Ft(e,S.ajaxSettings),t):Ft(S.ajaxSettings,e)},ajaxPrefilter:It(Ot),ajaxTransport:It(Pt),ajax:function(e,t){"object"==typeof e&&(t=e,e=void 0),t=t||{};var c,f,p,n,d,r,h,g,i,o,v=S.ajaxSetup({},t),y=v.context||v,m=v.context&&(y.nodeType||y.jquery)?S(y):S.event,x=S.Deferred(),b=S.Callbacks("once memory"),w=v.statusCode||{},a={},s={},u="canceled",T={readyState:0,getResponseHeader:function(e){var t;if(h){if(!n){n={};while(t=qt.exec(p))n[t[1].toLowerCase()+" "]=(n[t[1].toLowerCase()+" "]||[]).concat(t[2])}t=n[e.toLowerCase()+" "]}return null==t?null:t.join(", ")},getAllResponseHeaders:function(){return h?p:null},setRequestHeader:function(e,t){return null==h&&(e=s[e.toLowerCase()]=s[e.toLowerCase()]||e,a[e]=t),this},overrideMimeType:function(e){return null==h&&(v.mimeType=e),this},statusCode:function(e){var t;if(e)if(h)T.always(e[T.status]);else for(t in e)w[t]=[w[t],e[t]];return this},abort:function(e){var t=e||u;return c&&c.abort(t),l(0,t),this}};if(x.promise(T),v.url=((e||v.url||bt.href)+"").replace(Ht,bt.protocol+"//"),v.type=t.method||t.type||v.method||v.type,v.dataTypes=(v.dataType||"*").toLowerCase().match(P)||[""],null==v.crossDomain){r=E.createElement("a");try{r.href=v.url,r.href=r.href,v.crossDomain=Mt.protocol+"//"+Mt.host!=r.protocol+"//"+r.host}catch(e){v.crossDomain=!0}}if(v.data&&v.processData&&"string"!=typeof v.data&&(v.data=S.param(v.data,v.traditional)),Wt(Ot,v,t,T),h)return T;for(i in(g=S.event&&v.global)&&0==S.active++&&S.event.trigger("ajaxStart"),v.type=v.type.toUpperCase(),v.hasContent=!Lt.test(v.type),f=v.url.replace(jt,""),v.hasContent?v.data&&v.processData&&0===(v.contentType||"").indexOf("application/x-www-form-urlencoded")&&(v.data=v.data.replace(Nt,"+")):(o=v.url.slice(f.length),v.data&&(v.processData||"string"==typeof v.data)&&(f+=(Tt.test(f)?"&":"?")+v.data,delete v.data),!1===v.cache&&(f=f.replace(Dt,"$1"),o=(Tt.test(f)?"&":"?")+"_="+wt.guid+++o),v.url=f+o),v.ifModified&&(S.lastModified[f]&&T.setRequestHeader("If-Modified-Since",S.lastModified[f]),S.etag[f]&&T.setRequestHeader("If-None-Match",S.etag[f])),(v.data&&v.hasContent&&!1!==v.contentType||t.contentType)&&T.setRequestHeader("Content-Type",v.contentType),T.setRequestHeader("Accept",v.dataTypes[0]&&v.accepts[v.dataTypes[0]]?v.accepts[v.dataTypes[0]]+("*"!==v.dataTypes[0]?", "+Rt+"; q=0.01":""):v.accepts["*"]),v.headers)T.setRequestHeader(i,v.headers[i]);if(v.beforeSend&&(!1===v.beforeSend.call(y,T,v)||h))return T.abort();if(u="abort",b.add(v.complete),T.done(v.success),T.fail(v.error),c=Wt(Pt,v,t,T)){if(T.readyState=1,g&&m.trigger("ajaxSend",[T,v]),h)return T;v.async&&0<v.timeout&&(d=C.setTimeout(function(){T.abort("timeout")},v.timeout));try{h=!1,c.send(a,l)}catch(e){if(h)throw e;l(-1,e)}}else l(-1,"No Transport");function l(e,t,n,r){var i,o,a,s,u,l=t;h||(h=!0,d&&C.clearTimeout(d),c=void 0,p=r||"",T.readyState=0<e?4:0,i=200<=e&&e<300||304===e,n&&(s=function(e,t,n){var r,i,o,a,s=e.contents,u=e.dataTypes;while("*"===u[0])u.shift(),void 0===r&&(r=e.mimeType||t.getResponseHeader("Content-Type"));if(r)for(i in s)if(s[i]&&s[i].test(r)){u.unshift(i);break}if(u[0]in n)o=u[0];else{for(i in n){if(!u[0]||e.converters[i+" "+u[0]]){o=i;break}a||(a=i)}o=o||a}if(o)return o!==u[0]&&u.unshift(o),n[o]}(v,T,n)),!i&&-1<S.inArray("script",v.dataTypes)&&S.inArray("json",v.dataTypes)<0&&(v.converters["text script"]=function(){}),s=function(e,t,n,r){var i,o,a,s,u,l={},c=e.dataTypes.slice();if(c[1])for(a in e.converters)l[a.toLowerCase()]=e.converters[a];o=c.shift();while(o)if(e.responseFields[o]&&(n[e.responseFields[o]]=t),!u&&r&&e.dataFilter&&(t=e.dataFilter(t,e.dataType)),u=o,o=c.shift())if("*"===o)o=u;else if("*"!==u&&u!==o){if(!(a=l[u+" "+o]||l["* "+o]))for(i in l)if((s=i.split(" "))[1]===o&&(a=l[u+" "+s[0]]||l["* "+s[0]])){!0===a?a=l[i]:!0!==l[i]&&(o=s[0],c.unshift(s[1]));break}if(!0!==a)if(a&&e["throws"])t=a(t);else try{t=a(t)}catch(e){return{state:"parsererror",error:a?e:"No conversion from "+u+" to "+o}}}return{state:"success",data:t}}(v,s,T,i),i?(v.ifModified&&((u=T.getResponseHeader("Last-Modified"))&&(S.lastModified[f]=u),(u=T.getResponseHeader("etag"))&&(S.etag[f]=u)),204===e||"HEAD"===v.type?l="nocontent":304===e?l="notmodified":(l=s.state,o=s.data,i=!(a=s.error))):(a=l,!e&&l||(l="error",e<0&&(e=0))),T.status=e,T.statusText=(t||l)+"",i?x.resolveWith(y,[o,l,T]):x.rejectWith(y,[T,l,a]),T.statusCode(w),w=void 0,g&&m.trigger(i?"ajaxSuccess":"ajaxError",[T,v,i?o:a]),b.fireWith(y,[T,l]),g&&(m.trigger("ajaxComplete",[T,v]),--S.active||S.event.trigger("ajaxStop")))}return T},getJSON:function(e,t,n){return S.get(e,t,n,"json")},getScript:function(e,t){return S.get(e,void 0,t,"script")}}),S.each(["get","post"],function(e,i){S[i]=function(e,t,n,r){return m(t)&&(r=r||n,n=t,t=void 0),S.ajax(S.extend({url:e,type:i,dataType:r,data:t,success:n},S.isPlainObject(e)&&e))}}),S.ajaxPrefilter(function(e){var t;for(t in e.headers)"content-type"===t.toLowerCase()&&(e.contentType=e.headers[t]||"")}),S._evalUrl=function(e,t,n){return S.ajax({url:e,type:"GET",dataType:"script",cache:!0,async:!1,global:!1,converters:{"text script":function(){}},dataFilter:function(e){S.globalEval(e,t,n)}})},S.fn.extend({wrapAll:function(e){var t;return this[0]&&(m(e)&&(e=e.call(this[0])),t=S(e,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){var e=this;while(e.firstElementChild)e=e.firstElementChild;return e}).append(this)),this},wrapInner:function(n){return m(n)?this.each(function(e){S(this).wrapInner(n.call(this,e))}):this.each(function(){var e=S(this),t=e.contents();t.length?t.wrapAll(n):e.append(n)})},wrap:function(t){var n=m(t);return this.each(function(e){S(this).wrapAll(n?t.call(this,e):t)})},unwrap:function(e){return this.parent(e).not("body").each(function(){S(this).replaceWith(this.childNodes)}),this}}),S.expr.pseudos.hidden=function(e){return!S.expr.pseudos.visible(e)},S.expr.pseudos.visible=function(e){return!!(e.offsetWidth||e.offsetHeight||e.getClientRects().length)},S.ajaxSettings.xhr=function(){try{return new C.XMLHttpRequest}catch(e){}};var Bt={0:200,1223:204},$t=S.ajaxSettings.xhr();y.cors=!!$t&&"withCredentials"in $t,y.ajax=$t=!!$t,S.ajaxTransport(function(i){var o,a;if(y.cors||$t&&!i.crossDomain)return{send:function(e,t){var n,r=i.xhr();if(r.open(i.type,i.url,i.async,i.username,i.password),i.xhrFields)for(n in i.xhrFields)r[n]=i.xhrFields[n];for(n in i.mimeType&&r.overrideMimeType&&r.overrideMimeType(i.mimeType),i.crossDomain||e["X-Requested-With"]||(e["X-Requested-With"]="XMLHttpRequest"),e)r.setRequestHeader(n,e[n]);o=function(e){return function(){o&&(o=a=r.onload=r.onerror=r.onabort=r.ontimeout=r.onreadystatechange=null,"abort"===e?r.abort():"error"===e?"number"!=typeof r.status?t(0,"error"):t(r.status,r.statusText):t(Bt[r.status]||r.status,r.statusText,"text"!==(r.responseType||"text")||"string"!=typeof r.responseText?{binary:r.response}:{text:r.responseText},r.getAllResponseHeaders()))}},r.onload=o(),a=r.onerror=r.ontimeout=o("error"),void 0!==r.onabort?r.onabort=a:r.onreadystatechange=function(){4===r.readyState&&C.setTimeout(function(){o&&a()})},o=o("abort");try{r.send(i.hasContent&&i.data||null)}catch(e){if(o)throw e}},abort:function(){o&&o()}}}),S.ajaxPrefilter(function(e){e.crossDomain&&(e.contents.script=!1)}),S.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/\b(?:java|ecma)script\b/},converters:{"text script":function(e){return S.globalEval(e),e}}}),S.ajaxPrefilter("script",function(e){void 0===e.cache&&(e.cache=!1),e.crossDomain&&(e.type="GET")}),S.ajaxTransport("script",function(n){var r,i;if(n.crossDomain||n.scriptAttrs)return{send:function(e,t){r=S("<script>").attr(n.scriptAttrs||{}).prop({charset:n.scriptCharset,src:n.url}).on("load error",i=function(e){r.remove(),i=null,e&&t("error"===e.type?404:200,e.type)}),E.head.appendChild(r[0])},abort:function(){i&&i()}}});var _t,zt=[],Ut=/(=)\?(?=&|$)|\?\?/;S.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=zt.pop()||S.expando+"_"+wt.guid++;return this[e]=!0,e}}),S.ajaxPrefilter("json jsonp",function(e,t,n){var r,i,o,a=!1!==e.jsonp&&(Ut.test(e.url)?"url":"string"==typeof e.data&&0===(e.contentType||"").indexOf("application/x-www-form-urlencoded")&&Ut.test(e.data)&&"data");if(a||"jsonp"===e.dataTypes[0])return r=e.jsonpCallback=m(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,a?e[a]=e[a].replace(Ut,"$1"+r):!1!==e.jsonp&&(e.url+=(Tt.test(e.url)?"&":"?")+e.jsonp+"="+r),e.converters["script json"]=function(){return o||S.error(r+" was not called"),o[0]},e.dataTypes[0]="json",i=C[r],C[r]=function(){o=arguments},n.always(function(){void 0===i?S(C).removeProp(r):C[r]=i,e[r]&&(e.jsonpCallback=t.jsonpCallback,zt.push(r)),o&&m(i)&&i(o[0]),o=i=void 0}),"script"}),y.createHTMLDocument=((_t=E.implementation.createHTMLDocument("").body).innerHTML="<form></form><form></form>",2===_t.childNodes.length),S.parseHTML=function(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||(y.createHTMLDocument?((r=(t=E.implementation.createHTMLDocument("")).createElement("base")).href=E.location.href,t.head.appendChild(r)):t=E),o=!n&&[],(i=N.exec(e))?[t.createElement(i[1])]:(i=xe([e],t,o),o&&o.length&&S(o).remove(),S.merge([],i.childNodes)));var r,i,o},S.fn.load=function(e,t,n){var r,i,o,a=this,s=e.indexOf(" ");return-1<s&&(r=ht(e.slice(s)),e=e.slice(0,s)),m(t)?(n=t,t=void 0):t&&"object"==typeof t&&(i="POST"),0<a.length&&S.ajax({url:e,type:i||"GET",dataType:"html",data:t}).done(function(e){o=arguments,a.html(r?S("<div>").append(S.parseHTML(e)).find(r):e)}).always(n&&function(e,t){a.each(function(){n.apply(this,o||[e.responseText,t,e])})}),this},S.expr.pseudos.animated=function(t){return S.grep(S.timers,function(e){return t===e.elem}).length},S.offset={setOffset:function(e,t,n){var r,i,o,a,s,u,l=S.css(e,"position"),c=S(e),f={};"static"===l&&(e.style.position="relative"),s=c.offset(),o=S.css(e,"top"),u=S.css(e,"left"),("absolute"===l||"fixed"===l)&&-1<(o+u).indexOf("auto")?(a=(r=c.position()).top,i=r.left):(a=parseFloat(o)||0,i=parseFloat(u)||0),m(t)&&(t=t.call(e,n,S.extend({},s))),null!=t.top&&(f.top=t.top-s.top+a),null!=t.left&&(f.left=t.left-s.left+i),"using"in t?t.using.call(e,f):c.css(f)}},S.fn.extend({offset:function(t){if(arguments.length)return void 0===t?this:this.each(function(e){S.offset.setOffset(this,t,e)});var e,n,r=this[0];return r?r.getClientRects().length?(e=r.getBoundingClientRect(),n=r.ownerDocument.defaultView,{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}):{top:0,left:0}:void 0},position:function(){if(this[0]){var e,t,n,r=this[0],i={top:0,left:0};if("fixed"===S.css(r,"position"))t=r.getBoundingClientRect();else{t=this.offset(),n=r.ownerDocument,e=r.offsetParent||n.documentElement;while(e&&(e===n.body||e===n.documentElement)&&"static"===S.css(e,"position"))e=e.parentNode;e&&e!==r&&1===e.nodeType&&((i=S(e).offset()).top+=S.css(e,"borderTopWidth",!0),i.left+=S.css(e,"borderLeftWidth",!0))}return{top:t.top-i.top-S.css(r,"marginTop",!0),left:t.left-i.left-S.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent;while(e&&"static"===S.css(e,"position"))e=e.offsetParent;return e||re})}}),S.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i){var o="pageYOffset"===i;S.fn[t]=function(e){return $(this,function(e,t,n){var r;if(x(e)?r=e:9===e.nodeType&&(r=e.defaultView),void 0===n)return r?r[i]:e[t];r?r.scrollTo(o?r.pageXOffset:n,o?n:r.pageYOffset):e[t]=n},t,e,arguments.length)}}),S.each(["top","left"],function(e,n){S.cssHooks[n]=Fe(y.pixelPosition,function(e,t){if(t)return t=We(e,n),Pe.test(t)?S(e).position()[n]+"px":t})}),S.each({Height:"height",Width:"width"},function(a,s){S.each({padding:"inner"+a,content:s,"":"outer"+a},function(r,o){S.fn[o]=function(e,t){var n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!0===e||!0===t?"margin":"border");return $(this,function(e,t,n){var r;return x(e)?0===o.indexOf("outer")?e["inner"+a]:e.document.documentElement["client"+a]:9===e.nodeType?(r=e.documentElement,Math.max(e.body["scroll"+a],r["scroll"+a],e.body["offset"+a],r["offset"+a],r["client"+a])):void 0===n?S.css(e,t,i):S.style(e,t,n,i)},s,n?e:void 0,n)}})}),S.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){S.fn[t]=function(e){return this.on(t,e)}}),S.fn.extend({bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)},hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)}}),S.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(e,n){S.fn[n]=function(e,t){return 0<arguments.length?this.on(n,null,e,t):this.trigger(n)}});var Xt=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;S.proxy=function(e,t){var n,r,i;if("string"==typeof t&&(n=e[t],t=e,e=n),m(e))return r=s.call(arguments,2),(i=function(){return e.apply(t||this,r.concat(s.call(arguments)))}).guid=e.guid=e.guid||S.guid++,i},S.holdReady=function(e){e?S.readyWait++:S.ready(!0)},S.isArray=Array.isArray,S.parseJSON=JSON.parse,S.nodeName=A,S.isFunction=m,S.isWindow=x,S.camelCase=X,S.type=w,S.now=Date.now,S.isNumeric=function(e){var t=S.type(e);return("number"===t||"string"===t)&&!isNaN(e-parseFloat(e))},S.trim=function(e){return null==e?"":(e+"").replace(Xt,"")},"function"==typeof define&&define.amd&&define("jquery",[],function(){return S});var Vt=C.jQuery,Gt=C.$;return S.noConflict=function(e){return C.$===S&&(C.$=Gt),e&&C.jQuery===S&&(C.jQuery=Vt),S},"undefined"==typeof e&&(C.jQuery=C.$=S),S});
+/* ! jQuery v3.6.0 | (c) OpenJS Foundation and other contributors | jquery.org/license */
+!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document){throw new Error("jQuery requires a window with a document");}return t(e);}:t(e);}("undefined"!=typeof window?window:this,function(C,e){"use strict";const t=[],r=Object.getPrototypeOf,s=t.slice,g=t.flat?function(e){return t.flat.call(e);}:function(e){return t.concat.apply([],e);},u=t.push,i=t.indexOf,n={},o=n.toString,v=n.hasOwnProperty,a=v.toString,l=a.call(Object),y={},m=function(e){return"function"==typeof e&&"number"!=typeof e.nodeType&&"function"!=typeof e.item;},x=function(e){return null!=e&&e===e.window;},E=C.document,c={type:!0,src:!0,nonce:!0,noModule:!0};function b(e,t,n){let r,i,o=(n=n||E).createElement("script");if(o.text=e,t){for(r in c){(i=t[r]||t.getAttribute&&t.getAttribute(r))&&o.setAttribute(r,i);}}n.head.appendChild(o).parentNode.removeChild(o);}function w(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?n[o.call(e)]||"object":typeof e;}const f="3.6.0",S=function(e,t){return new S.fn.init(e,t);};function p(e){const t=!!e&&"length"in e&&e.length,n=w(e);return!m(e)&&!x(e)&&("array"===n||0===t||"number"==typeof t&&0<t&&t-1 in e);}S.fn=S.prototype={jquery:f,constructor:S,length:0,toArray:function(){return s.call(this);},get:function(e){return null==e?s.call(this):e<0?this[e+this.length]:this[e];},pushStack:function(e){const t=S.merge(this.constructor(),e);return t.prevObject=this,t;},each:function(e){return S.each(this,e);},map:function(n){return this.pushStack(S.map(this,function(e,t){return n.call(e,t,e);}));},slice:function(){return this.pushStack(s.apply(this,arguments));},first:function(){return this.eq(0);},last:function(){return this.eq(-1);},even:function(){return this.pushStack(S.grep(this,function(e,t){return(t+1)%2;}));},odd:function(){return this.pushStack(S.grep(this,function(e,t){return t%2;}));},eq:function(e){const t=this.length,n=+e+(e<0?t:0);return this.pushStack(0<=n&&n<t?[this[n]]:[]);},end:function(){return this.prevObject||this.constructor();},push:u,sort:t.sort,splice:t.splice},S.extend=S.fn.extend=function(){let e,t,n,r,i,o,a=arguments[0]||{},s=1,u=arguments.length,l=!1;for("boolean"==typeof a&&(l=a,a=arguments[s]||{},s++),"object"==typeof a||m(a)||(a={}),s===u&&(a=this,s--);s<u;s++){if(null!=(e=arguments[s])){for(t in e){r=e[t],"__proto__"!==t&&a!==r&&(l&&r&&(S.isPlainObject(r)||(i=Array.isArray(r)))?(n=a[t],o=i&&!Array.isArray(n)?[]:i||S.isPlainObject(n)?n:{},i=!1,a[t]=S.extend(l,o,r)):void 0!==r&&(a[t]=r));}}}return a;},S.extend({expando:"jQuery"+(f+Math.random()).replace(/\D/g,""),isReady:!0,error:function(e){throw new Error(e);},noop:function(){},isPlainObject:function(e){let t,n;return!(!e||"[object Object]"!==o.call(e))&&(!(t=r(e))||"function"==typeof(n=v.call(t,"constructor")&&t.constructor)&&a.call(n)===l);},isEmptyObject:function(e){let t;for(t in e){return!1;}return!0;},globalEval:function(e,t,n){b(e,{nonce:t&&t.nonce},n);},each:function(e,t){let n,r=0;if(p(e)){for(n=e.length;r<n;r++){if(!1===t.call(e[r],r,e[r])){break;}}}else {for(r in e){if(!1===t.call(e[r],r,e[r])){break;}}}return e;},makeArray:function(e,t){const n=t||[];return null!=e&&(p(Object(e))?S.merge(n,"string"==typeof e?[e]:e):u.call(n,e)),n;},inArray:function(e,t,n){return null==t?-1:i.call(t,e,n);},merge:function(e,t){for(var n=+t.length,r=0,i=e.length;r<n;r++){e[i++]=t[r];}return e.length=i,e;},grep:function(e,t,n){for(var r=[],i=0,o=e.length,a=!n;i<o;i++){!t(e[i],i)!==a&&r.push(e[i]);}return r;},map:function(e,t,n){let r,i,o=0,a=[];if(p(e)){for(r=e.length;o<r;o++){null!=(i=t(e[o],o,n))&&a.push(i);}}else {for(o in e){null!=(i=t(e[o],o,n))&&a.push(i);}}return g(a);},guid:1,support:y}),"function"==typeof Symbol&&(S.fn[Symbol.iterator]=t[Symbol.iterator]),S.each("Boolean Number String Function Array Date RegExp Object Error Symbol".split(" "),function(e,t){n["[object "+t+"]"]=t.toLowerCase();});const d=function(n){let e,d,b,o,i,h,f,g,w,u,l,T,C,a,E,v,s,c,y,S="sizzle"+1*new Date,p=n.document,k=0,r=0,m=ue(),x=ue(),A=ue(),N=ue(),j=function(e,t){return e===t&&(l=!0),0;},D={}.hasOwnProperty,t=[],q=t.pop,L=t.push,H=t.push,O=t.slice,P=function(e,t){for(let n=0,r=e.length;n<r;n++){if(e[n]===t){return n;}}return-1;},R="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",M="[\\x20\\t\\r\\n\\f]",I="(?:\\\\[\\da-fA-F]{1,6}"+M+"?|\\\\[^\\r\\n\\f]|[\\w-]|[^\0-\\x7f])+",W="\\["+M+"*("+I+")(?:"+M+"*([*^$|!~]?=)"+M+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+I+"))|)"+M+"*\\]",F=":("+I+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+W+")*)|.*)\\)|)",B=new RegExp(M+"+","g"),$=new RegExp("^"+M+"+|((?:^|[^\\\\])(?:\\\\.)*)"+M+"+$","g"),_=new RegExp("^"+M+"*,"+M+"*"),z=new RegExp("^"+M+"*([>+~]|"+M+")"+M+"*"),U=new RegExp(M+"|>"),X=new RegExp(F),V=new RegExp("^"+I+"$"),G={ID:new RegExp("^#("+I+")"),CLASS:new RegExp("^\\.("+I+")"),TAG:new RegExp("^("+I+"|[*])"),ATTR:new RegExp("^"+W),PSEUDO:new RegExp("^"+F),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:new RegExp("^(?:"+R+")$","i"),needsContext:new RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},Y=/HTML$/i,Q=/^(?:input|select|textarea|button)$/i,J=/^h\d$/i,K=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ee=/[+~]/,te=new RegExp("\\\\[\\da-fA-F]{1,6}"+M+"?|\\\\([^\\r\\n\\f])","g"),ne=function(e,t){const n="0x"+e.slice(1)-65536;return t||(n<0?String.fromCharCode(n+65536):String.fromCharCode(n>>10|55296,1023&n|56320));},re=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ie=function(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e;},oe=function(){T();},ae=be(function(e){return!0===e.disabled&&"fieldset"===e.nodeName.toLowerCase();},{dir:"parentNode",next:"legend"});try{H.apply(t=O.call(p.childNodes),p.childNodes),t[p.childNodes.length].nodeType;}catch(e){H={apply:t.length?function(e,t){L.apply(e,O.call(t));}:function(e,t){let n=e.length,r=0;while(e[n++]=t[r++]){;}e.length=n-1;}};}function se(t,e,n,r){let i,o,a,s,u,l,c,f=e&&e.ownerDocument,p=e?e.nodeType:9;if(n=n||[],"string"!=typeof t||!t||1!==p&&9!==p&&11!==p){return n;}if(!r&&(T(e),e=e||C,E)){if(11!==p&&(u=Z.exec(t))){if(i=u[1]){if(9===p){if(!(a=e.getElementById(i))){return n;}if(a.id===i){return n.push(a),n;}}else if(f&&(a=f.getElementById(i))&&y(e,a)&&a.id===i){return n.push(a),n;}}else{if(u[2]){return H.apply(n,e.getElementsByTagName(t)),n;}if((i=u[3])&&d.getElementsByClassName&&e.getElementsByClassName){return H.apply(n,e.getElementsByClassName(i)),n;}}}if(d.qsa&&!N[t+" "]&&(!v||!v.test(t))&&(1!==p||"object"!==e.nodeName.toLowerCase())){if(c=t,f=e,1===p&&(U.test(t)||z.test(t))){(f=ee.test(t)&&ye(e.parentNode)||e)===e&&d.scope||((s=e.getAttribute("id"))?s=s.replace(re,ie):e.setAttribute("id",s=S)),o=(l=h(t)).length;while(o--){l[o]=(s?"#"+s:":scope")+" "+xe(l[o]);}c=l.join(",");}try{return H.apply(n,f.querySelectorAll(c)),n;}catch(e){N(t,!0);}finally{s===S&&e.removeAttribute("id");}}}return g(t.replace($,"$1"),e,n,r);}function ue(){const r=[];return function e(t,n){return r.push(t+" ")>b.cacheLength&&delete e[r.shift()],e[t+" "]=n;};}function le(e){return e[S]=!0,e;}function ce(e){let t=C.createElement("fieldset");try{return!!e(t);}catch(e){return!1;}finally{t.parentNode&&t.parentNode.removeChild(t),t=null;}}function fe(e,t){let n=e.split("|"),r=n.length;while(r--){b.attrHandle[n[r]]=t;}}function pe(e,t){let n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&e.sourceIndex-t.sourceIndex;if(r){return r;}if(n){while(n=n.nextSibling){if(n===t){return-1;}}}return e?1:-1;}function de(t){return function(e){return"input"===e.nodeName.toLowerCase()&&e.type===t;};}function he(n){return function(e){const t=e.nodeName.toLowerCase();return("input"===t||"button"===t)&&e.type===n;};}function ge(t){return function(e){return"form"in e?e.parentNode&&!1===e.disabled?"label"in e?"label"in e.parentNode?e.parentNode.disabled===t:e.disabled===t:e.isDisabled===t||e.isDisabled!==!t&&ae(e)===t:e.disabled===t:"label"in e&&e.disabled===t;};}function ve(a){return le(function(o){return o=+o,le(function(e,t){let n,r=a([],e.length,o),i=r.length;while(i--){e[n=r[i]]&&(e[n]=!(t[n]=e[n]));}});});}function ye(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e;}for(e in d=se.support={},i=se.isXML=function(e){const t=e&&e.namespaceURI,n=e&&(e.ownerDocument||e).documentElement;return!Y.test(t||n&&n.nodeName||"HTML");},T=se.setDocument=function(e){let t,n,r=e?e.ownerDocument||e:p;return r!=C&&9===r.nodeType&&r.documentElement&&(a=(C=r).documentElement,E=!i(C),p!=C&&(n=C.defaultView)&&n.top!==n&&(n.addEventListener?n.addEventListener("unload",oe,!1):n.attachEvent&&n.attachEvent("onunload",oe)),d.scope=ce(function(e){return a.appendChild(e).appendChild(C.createElement("div")),"undefined"!=typeof e.querySelectorAll&&!e.querySelectorAll(":scope fieldset div").length;}),d.attributes=ce(function(e){return e.className="i",!e.getAttribute("className");}),d.getElementsByTagName=ce(function(e){return e.appendChild(C.createComment("")),!e.getElementsByTagName("*").length;}),d.getElementsByClassName=K.test(C.getElementsByClassName),d.getById=ce(function(e){return a.appendChild(e).id=S,!C.getElementsByName||!C.getElementsByName(S).length;}),d.getById?(b.filter.ID=function(e){const t=e.replace(te,ne);return function(e){return e.getAttribute("id")===t;};},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){const n=t.getElementById(e);return n?[n]:[];}}):(b.filter.ID=function(e){const n=e.replace(te,ne);return function(e){const t="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return t&&t.value===n;};},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){let n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e){return[o];}i=t.getElementsByName(e),r=0;while(o=i[r++]){if((n=o.getAttributeNode("id"))&&n.value===e){return[o];}}}return[];}}),b.find.TAG=d.getElementsByTagName?function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):d.qsa?t.querySelectorAll(e):void 0;}:function(e,t){let n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++]){1===n.nodeType&&r.push(n);}return r;}return o;},b.find.CLASS=d.getElementsByClassName&&function(e,t){if("undefined"!=typeof t.getElementsByClassName&&E){return t.getElementsByClassName(e);}},s=[],v=[],(d.qsa=K.test(C.querySelectorAll))&&(ce(function(e){let t;a.appendChild(e).innerHTML="<a id='"+S+"'></a><select id='"+S+"-\r\\' msallowcapture=''><option selected=''></option></select>",e.querySelectorAll("[msallowcapture^='']").length&&v.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||v.push("\\["+M+"*(?:value|"+R+")"),e.querySelectorAll("[id~="+S+"-]").length||v.push("~="),(t=C.createElement("input")).setAttribute("name",""),e.appendChild(t),e.querySelectorAll("[name='']").length||v.push("\\["+M+"*name"+M+"*="+M+"*(?:''|\"\")"),e.querySelectorAll(":checked").length||v.push(":checked"),e.querySelectorAll("a#"+S+"+*").length||v.push(".#.+[+~]"),e.querySelectorAll("\\\f"),v.push("[\\r\\n\\f]");}),ce(function(e){e.innerHTML="<a href='' disabled='disabled'></a><select disabled='disabled'><option/></select>";const t=C.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&v.push("name"+M+"*[*^$|!~]?="),2!==e.querySelectorAll(":enabled").length&&v.push(":enabled",":disabled"),a.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&v.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),v.push(",.*:");})),(d.matchesSelector=K.test(c=a.matches||a.webkitMatchesSelector||a.mozMatchesSelector||a.oMatchesSelector||a.msMatchesSelector))&&ce(function(e){d.disconnectedMatch=c.call(e,"*"),c.call(e,"[s!='']:x"),s.push("!=",F);}),v=v.length&&new RegExp(v.join("|")),s=s.length&&new RegExp(s.join("|")),t=K.test(a.compareDocumentPosition),y=t||K.test(a.contains)?function(e,t){const n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)));}:function(e,t){if(t){while(t=t.parentNode){if(t===e){return!0;}}}return!1;},j=t?function(e,t){if(e===t){return l=!0,0;}let n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(1&(n=(e.ownerDocument||e)==(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!d.sortDetached&&t.compareDocumentPosition(e)===n?e==C||e.ownerDocument==p&&y(p,e)?-1:t==C||t.ownerDocument==p&&y(p,t)?1:u?P(u,e)-P(u,t):0:4&n?-1:1);}:function(e,t){if(e===t){return l=!0,0;}let n,r=0,i=e.parentNode,o=t.parentNode,a=[e],s=[t];if(!i||!o){return e==C?-1:t==C?1:i?-1:o?1:u?P(u,e)-P(u,t):0;}if(i===o){return pe(e,t);}n=e;while(n=n.parentNode){a.unshift(n);}n=t;while(n=n.parentNode){s.unshift(n);}while(a[r]===s[r]){r++;}return r?pe(a[r],s[r]):a[r]==p?-1:s[r]==p?1:0;}),C;},se.matches=function(e,t){return se(e,null,null,t);},se.matchesSelector=function(e,t){if(T(e),d.matchesSelector&&E&&!N[t+" "]&&(!s||!s.test(t))&&(!v||!v.test(t))){try{const n=c.call(e,t);if(n||d.disconnectedMatch||e.document&&11!==e.document.nodeType){return n;}}catch(e){N(t,!0);}}return 0<se(t,C,null,[e]).length;},se.contains=function(e,t){return(e.ownerDocument||e)!=C&&T(e),y(e,t);},se.attr=function(e,t){(e.ownerDocument||e)!=C&&T(e);let n=b.attrHandle[t.toLowerCase()],r=n&&D.call(b.attrHandle,t.toLowerCase())?n(e,t,!E):void 0;return void 0!==r?r:d.attributes||!E?e.getAttribute(t):(r=e.getAttributeNode(t))&&r.specified?r.value:null;},se.escape=function(e){return(e+"").replace(re,ie);},se.error=function(e){throw new Error("Syntax error, unrecognized expression: "+e);},se.uniqueSort=function(e){let t,n=[],r=0,i=0;if(l=!d.detectDuplicates,u=!d.sortStable&&e.slice(0),e.sort(j),l){while(t=e[i++]){t===e[i]&&(r=n.push(i));}while(r--){e.splice(n[r],1);}}return u=null,e;},o=se.getText=function(e){let t,n="",r=0,i=e.nodeType;if(i){if(1===i||9===i||11===i){if("string"==typeof e.textContent){return e.textContent;}for(e=e.firstChild;e;e=e.nextSibling){n+=o(e);}}else if(3===i||4===i){return e.nodeValue;}}else {while(t=e[r++]){n+=o(t);}}return n;},(b=se.selectors={cacheLength:50,createPseudo:le,match:G,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(te,ne),e[3]=(e[3]||e[4]||e[5]||"").replace(te,ne),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4);},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||se.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&se.error(e[0]),e;},PSEUDO:function(e){let t,n=!e[6]&&e[2];return G.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&X.test(n)&&(t=h(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3));}},filter:{TAG:function(e){const t=e.replace(te,ne).toLowerCase();return"*"===e?function(){return!0;}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t;};},CLASS:function(e){let t=m[e+" "];return t||(t=new RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&m(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"");});},ATTR:function(n,r,i){return function(e){let t=se.attr(e,n);return null==t?"!="===r:!r||(t+="","="===r?t===i:"!="===r?t!==i:"^="===r?i&&0===t.indexOf(i):"*="===r?i&&-1<t.indexOf(i):"$="===r?i&&t.slice(-i.length)===i:"~="===r?-1<(" "+t.replace(B," ")+" ").indexOf(i):"|="===r&&(t===i||t.slice(0,i.length+1)===i+"-"));};},CHILD:function(h,e,t,g,v){const y="nth"!==h.slice(0,3),m="last"!==h.slice(-4),x="of-type"===e;return 1===g&&0===v?function(e){return!!e.parentNode;}:function(e,t,n){let r,i,o,a,s,u,l=y!==m?"nextSibling":"previousSibling",c=e.parentNode,f=x&&e.nodeName.toLowerCase(),p=!n&&!x,d=!1;if(c){if(y){while(l){a=e;while(a=a[l]){if(x?a.nodeName.toLowerCase()===f:1===a.nodeType){return!1;}}u=l="only"===h&&!u&&"nextSibling";}return!0;}if(u=[m?c.firstChild:c.lastChild],m&&p){d=(s=(r=(i=(o=(a=c)[S]||(a[S]={}))[a.uniqueID]||(o[a.uniqueID]={}))[h]||[])[0]===k&&r[1])&&r[2],a=s&&c.childNodes[s];while(a=++s&&a&&a[l]||(d=s=0)||u.pop()){if(1===a.nodeType&&++d&&a===e){i[h]=[k,s,d];break;}}}else if(p&&(d=s=(r=(i=(o=(a=e)[S]||(a[S]={}))[a.uniqueID]||(o[a.uniqueID]={}))[h]||[])[0]===k&&r[1]),!1===d){while(a=++s&&a&&a[l]||(d=s=0)||u.pop()){if((x?a.nodeName.toLowerCase()===f:1===a.nodeType)&&++d&&(p&&((i=(o=a[S]||(a[S]={}))[a.uniqueID]||(o[a.uniqueID]={}))[h]=[k,d]),a===e)){break;}}}return(d-=v)===g||d%g==0&&0<=d/g;}};},PSEUDO:function(e,o){let t,a=b.pseudos[e]||b.setFilters[e.toLowerCase()]||se.error("unsupported pseudo: "+e);return a[S]?a(o):1<a.length?(t=[e,e,"",o],b.setFilters.hasOwnProperty(e.toLowerCase())?le(function(e,t){let n,r=a(e,o),i=r.length;while(i--){e[n=P(e,r[i])]=!(t[n]=r[i]);}}):function(e){return a(e,0,t);}):a;}},pseudos:{not:le(function(e){const r=[],i=[],s=f(e.replace($,"$1"));return s[S]?le(function(e,t,n,r){let i,o=s(e,null,r,[]),a=e.length;while(a--){(i=o[a])&&(e[a]=!(t[a]=i));}}):function(e,t,n){return r[0]=e,s(r,null,n,i),r[0]=null,!i.pop();};}),has:le(function(t){return function(e){return 0<se(t,e).length;};}),contains:le(function(t){return t=t.replace(te,ne),function(e){return-1<(e.textContent||o(e)).indexOf(t);};}),lang:le(function(n){return V.test(n||"")||se.error("unsupported lang: "+n),n=n.replace(te,ne).toLowerCase(),function(e){let t;do{if(t=E?e.lang:e.getAttribute("xml:lang")||e.getAttribute("lang")){return(t=t.toLowerCase())===n||0===t.indexOf(n+"-");}}while((e=e.parentNode)&&1===e.nodeType);return!1;};}),target:function(e){const t=n.location&&n.location.hash;return t&&t.slice(1)===e.id;},root:function(e){return e===a;},focus:function(e){return e===C.activeElement&&(!C.hasFocus||C.hasFocus())&&!!(e.type||e.href||~e.tabIndex);},enabled:ge(!1),disabled:ge(!0),checked:function(e){const t=e.nodeName.toLowerCase();return"input"===t&&!!e.checked||"option"===t&&!!e.selected;},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,!0===e.selected;},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling){if(e.nodeType<6){return!1;}}return!0;},parent:function(e){return!b.pseudos.empty(e);},header:function(e){return J.test(e.nodeName);},input:function(e){return Q.test(e.nodeName);},button:function(e){const t=e.nodeName.toLowerCase();return"input"===t&&"button"===e.type||"button"===t;},text:function(e){let t;return"input"===e.nodeName.toLowerCase()&&"text"===e.type&&(null==(t=e.getAttribute("type"))||"text"===t.toLowerCase());},first:ve(function(){return[0];}),last:ve(function(e,t){return[t-1];}),eq:ve(function(e,t,n){return[n<0?n+t:n];}),even:ve(function(e,t){for(let n=0;n<t;n+=2){e.push(n);}return e;}),odd:ve(function(e,t){for(let n=1;n<t;n+=2){e.push(n);}return e;}),lt:ve(function(e,t,n){for(let r=n<0?n+t:t<n?t:n;0<=--r;){e.push(r);}return e;}),gt:ve(function(e,t,n){for(let r=n<0?n+t:n;++r<t;){e.push(r);}return e;})}}).pseudos.nth=b.pseudos.eq,{radio:!0,checkbox:!0,file:!0,password:!0,image:!0}){b.pseudos[e]=de(e);}for(e in{submit:!0,reset:!0}){b.pseudos[e]=he(e);}function me(){}function xe(e){for(var t=0,n=e.length,r="";t<n;t++){r+=e[t].value;}return r;}function be(s,e,t){const u=e.dir,l=e.next,c=l||u,f=t&&"parentNode"===c,p=r++;return e.first?function(e,t,n){while(e=e[u]){if(1===e.nodeType||f){return s(e,t,n);}}return!1;}:function(e,t,n){let r,i,o,a=[k,p];if(n){while(e=e[u]){if((1===e.nodeType||f)&&s(e,t,n)){return!0;}}}else {while(e=e[u]){if(1===e.nodeType||f){if(i=(o=e[S]||(e[S]={}))[e.uniqueID]||(o[e.uniqueID]={}),l&&l===e.nodeName.toLowerCase()){e=e[u]||e;}else{if((r=i[c])&&r[0]===k&&r[1]===p){return a[2]=r[2];}if((i[c]=a)[2]=s(e,t,n)){return!0;}}}}}return!1;};}function we(i){return 1<i.length?function(e,t,n){let r=i.length;while(r--){if(!i[r](e,t,n)){return!1;}}return!0;}:i[0];}function Te(e,t,n,r,i){for(var o,a=[],s=0,u=e.length,l=null!=t;s<u;s++){(o=e[s])&&(n&&!n(o,r,i)||(a.push(o),l&&t.push(s)));}return a;}function Ce(d,h,g,v,y,e){return v&&!v[S]&&(v=Ce(v)),y&&!y[S]&&(y=Ce(y,e)),le(function(e,t,n,r){let i,o,a,s=[],u=[],l=t.length,c=e||function(e,t,n){for(let r=0,i=t.length;r<i;r++){se(e,t[r],n);}return n;}(h||"*",n.nodeType?[n]:n,[]),f=!d||!e&&h?c:Te(c,s,d,n,r),p=g?y||(e?d:l||v)?[]:t:f;if(g&&g(f,p,n,r),v){i=Te(p,u),v(i,[],n,r),o=i.length;while(o--){(a=i[o])&&(p[u[o]]=!(f[u[o]]=a));}}if(e){if(y||d){if(y){i=[],o=p.length;while(o--){(a=p[o])&&i.push(f[o]=a);}y(null,p=[],i,r);}o=p.length;while(o--){(a=p[o])&&-1<(i=y?P(e,a):s[o])&&(e[i]=!(t[i]=a));}}}else {p=Te(p===t?p.splice(l,p.length):p),y?y(null,t,p,r):H.apply(t,p);}});}function Ee(e){for(var i,t,n,r=e.length,o=b.relative[e[0].type],a=o||b.relative[" "],s=o?1:0,u=be(function(e){return e===i;},a,!0),l=be(function(e){return-1<P(i,e);},a,!0),c=[function(e,t,n){const r=!o&&(n||t!==w)||((i=t).nodeType?u(e,t,n):l(e,t,n));return i=null,r;}];s<r;s++){if(t=b.relative[e[s].type]){c=[be(we(c),t)];}else{if((t=b.filter[e[s].type].apply(null,e[s].matches))[S]){for(n=++s;n<r;n++){if(b.relative[e[n].type]){break;}}return Ce(1<s&&we(c),1<s&&xe(e.slice(0,s-1).concat({value:" "===e[s-2].type?"*":""})).replace($,"$1"),t,s<n&&Ee(e.slice(s,n)),n<r&&Ee(e=e.slice(n)),n<r&&xe(e));}c.push(t);}}return we(c);}return me.prototype=b.filters=b.pseudos,b.setFilters=new me,h=se.tokenize=function(e,t){let n,r,i,o,a,s,u,l=x[e+" "];if(l){return t?0:l.slice(0);}a=e,s=[],u=b.preFilter;while(a){for(o in n&&!(r=_.exec(a))||(r&&(a=a.slice(r[0].length)||a),s.push(i=[])),n=!1,(r=z.exec(a))&&(n=r.shift(),i.push({value:n,type:r[0].replace($," ")}),a=a.slice(n.length)),b.filter){!(r=G[o].exec(a))||u[o]&&!(r=u[o](r))||(n=r.shift(),i.push({value:n,type:o,matches:r}),a=a.slice(n.length));}if(!n){break;}}return t?a.length:a?se.error(e):x(e,s).slice(0);},f=se.compile=function(e,t){let n,v,y,m,x,r,i=[],o=[],a=A[e+" "];if(!a){t||(t=h(e)),n=t.length;while(n--){(a=Ee(t[n]))[S]?i.push(a):o.push(a);}(a=A(e,(v=o,m=0<(y=i).length,x=0<v.length,r=function(e,t,n,r,i){let o,a,s,u=0,l="0",c=e&&[],f=[],p=w,d=e||x&&b.find.TAG("*",i),h=k+=null==p?1:Math.random()||.1,g=d.length;for(i&&(w=t==C||t||i);l!==g&&null!=(o=d[l]);l++){if(x&&o){a=0,t||o.ownerDocument==C||(T(o),n=!E);while(s=v[a++]){if(s(o,t||C,n)){r.push(o);break;}}i&&(k=h);}m&&((o=!s&&o)&&u--,e&&c.push(o));}if(u+=l,m&&l!==u){a=0;while(s=y[a++]){s(c,f,t,n);}if(e){if(0<u){while(l--){c[l]||f[l]||(f[l]=q.call(r));}}f=Te(f);}H.apply(r,f),i&&!e&&0<f.length&&1<u+y.length&&se.uniqueSort(r);}return i&&(k=h,w=p),c;},m?le(r):r))).selector=e;}return a;},g=se.select=function(e,t,n,r){let i,o,a,s,u,l="function"==typeof e&&e,c=!r&&h(e=l.selector||e);if(n=n||[],1===c.length){if(2<(o=c[0]=c[0].slice(0)).length&&"ID"===(a=o[0]).type&&9===t.nodeType&&E&&b.relative[o[1].type]){if(!(t=(b.find.ID(a.matches[0].replace(te,ne),t)||[])[0])){return n;}l&&(t=t.parentNode),e=e.slice(o.shift().value.length);}i=G.needsContext.test(e)?0:o.length;while(i--){if(a=o[i],b.relative[s=a.type]){break;}if((u=b.find[s])&&(r=u(a.matches[0].replace(te,ne),ee.test(o[0].type)&&ye(t.parentNode)||t))){if(o.splice(i,1),!(e=r.length&&xe(o))){return H.apply(n,r),n;}break;}}}return(l||f(e,c))(r,t,!E,n,!t||ee.test(e)&&ye(t.parentNode)||t),n;},d.sortStable=S.split("").sort(j).join("")===S,d.detectDuplicates=!!l,T(),d.sortDetached=ce(function(e){return 1&e.compareDocumentPosition(C.createElement("fieldset"));}),ce(function(e){return e.innerHTML="<a href='#'></a>","#"===e.firstChild.getAttribute("href");})||fe("type|href|height|width",function(e,t,n){if(!n){return e.getAttribute(t,"type"===t.toLowerCase()?1:2);}}),d.attributes&&ce(function(e){return e.innerHTML="<input/>",e.firstChild.setAttribute("value",""),""===e.firstChild.getAttribute("value");})||fe("value",function(e,t,n){if(!n&&"input"===e.nodeName.toLowerCase()){return e.defaultValue;}}),ce(function(e){return null==e.getAttribute("disabled");})||fe(R,function(e,t,n){let r;if(!n){return!0===e[t]?t.toLowerCase():(r=e.getAttributeNode(t))&&r.specified?r.value:null;}}),se;}(C);S.find=d,S.expr=d.selectors,S.expr[":"]=S.expr.pseudos,S.uniqueSort=S.unique=d.uniqueSort,S.text=d.getText,S.isXMLDoc=d.isXML,S.contains=d.contains,S.escapeSelector=d.escape;const h=function(e,t,n){const r=[],i=void 0!==n;while((e=e[t])&&9!==e.nodeType){if(1===e.nodeType){if(i&&S(e).is(n)){break;}r.push(e);}}return r;},T=function(e,t){for(var n=[];e;e=e.nextSibling){1===e.nodeType&&e!==t&&n.push(e);}return n;},k=S.expr.match.needsContext;function A(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase();}const N=/^<([a-z][^\/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function j(e,n,r){return m(n)?S.grep(e,function(e,t){return!!n.call(e,t,e)!==r;}):n.nodeType?S.grep(e,function(e){return e===n!==r;}):"string"!=typeof n?S.grep(e,function(e){return-1<i.call(n,e)!==r;}):S.filter(n,e,r);}S.filter=function(e,t,n){const r=t[0];return n&&(e=":not("+e+")"),1===t.length&&1===r.nodeType?S.find.matchesSelector(r,e)?[r]:[]:S.find.matches(e,S.grep(t,function(e){return 1===e.nodeType;}));},S.fn.extend({find:function(e){let t,n,r=this.length,i=this;if("string"!=typeof e){return this.pushStack(S(e).filter(function(){for(t=0;t<r;t++){if(S.contains(i[t],this)){return!0;}}}));}for(n=this.pushStack([]),t=0;t<r;t++){S.find(e,i[t],n);}return 1<r?S.uniqueSort(n):n;},filter:function(e){return this.pushStack(j(this,e||[],!1));},not:function(e){return this.pushStack(j(this,e||[],!0));},is:function(e){return!!j(this,"string"==typeof e&&k.test(e)?S(e):e||[],!1).length;}});let D,q=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/;(S.fn.init=function(e,t,n){let r,i;if(!e){return this;}if(n=n||D,"string"==typeof e){if(!(r="<"===e[0]&&">"===e[e.length-1]&&3<=e.length?[null,e,null]:q.exec(e))||!r[1]&&t){return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);}if(r[1]){if(t=t instanceof S?t[0]:t,S.merge(this,S.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:E,!0)),N.test(r[1])&&S.isPlainObject(t)){for(r in t){m(this[r])?this[r](t[r]):this.attr(r,t[r]);}}return this;}return(i=E.getElementById(r[2]))&&(this[0]=i,this.length=1),this;}return e.nodeType?(this[0]=e,this.length=1,this):m(e)?void 0!==n.ready?n.ready(e):e(S):S.makeArray(e,this);}).prototype=S.fn,D=S(E);const L=/^(?:parents|prev(?:Until|All))/,H={children:!0,contents:!0,next:!0,prev:!0};function O(e,t){while((e=e[t])&&1!==e.nodeType){;}return e;}S.fn.extend({has:function(e){const t=S(e,this),n=t.length;return this.filter(function(){for(let e=0;e<n;e++){if(S.contains(this,t[e])){return!0;}}});},closest:function(e,t){let n,r=0,i=this.length,o=[],a="string"!=typeof e&&S(e);if(!k.test(e)){for(;r<i;r++){for(n=this[r];n&&n!==t;n=n.parentNode){if(n.nodeType<11&&(a?-1<a.index(n):1===n.nodeType&&S.find.matchesSelector(n,e))){o.push(n);break;}}}}return this.pushStack(1<o.length?S.uniqueSort(o):o);},index:function(e){return e?"string"==typeof e?i.call(S(e),this[0]):i.call(this,e.jquery?e[0]:e):this[0]&&this[0].parentNode?this.first().prevAll().length:-1;},add:function(e,t){return this.pushStack(S.uniqueSort(S.merge(this.get(),S(e,t))));},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e));}}),S.each({parent:function(e){const t=e.parentNode;return t&&11!==t.nodeType?t:null;},parents:function(e){return h(e,"parentNode");},parentsUntil:function(e,t,n){return h(e,"parentNode",n);},next:function(e){return O(e,"nextSibling");},prev:function(e){return O(e,"previousSibling");},nextAll:function(e){return h(e,"nextSibling");},prevAll:function(e){return h(e,"previousSibling");},nextUntil:function(e,t,n){return h(e,"nextSibling",n);},prevUntil:function(e,t,n){return h(e,"previousSibling",n);},siblings:function(e){return T((e.parentNode||{}).firstChild,e);},children:function(e){return T(e.firstChild);},contents:function(e){return null!=e.contentDocument&&r(e.contentDocument)?e.contentDocument:(A(e,"template")&&(e=e.content||e),S.merge([],e.childNodes));}},function(r,i){S.fn[r]=function(e,t){let n=S.map(this,i,e);return"Until"!==r.slice(-5)&&(t=e),t&&"string"==typeof t&&(n=S.filter(t,n)),1<this.length&&(H[r]||S.uniqueSort(n),L.test(r)&&n.reverse()),this.pushStack(n);};});const P=/[^\x20\t\r\n\f]+/g;function R(e){return e;}function M(e){throw e;}function I(e,t,n,r){let i;try{e&&m(i=e.promise)?i.call(e).done(t).fail(n):e&&m(i=e.then)?i.call(e,t,n):t.apply(void 0,[e].slice(r));}catch(e){n.apply(void 0,[e]);}}S.Callbacks=function(r){let e,n;r="string"==typeof r?(e=r,n={},S.each(e.match(P)||[],function(e,t){n[t]=!0;}),n):S.extend({},r);var i,t,o,a,s=[],u=[],l=-1,c=function(){for(a=a||r.once,o=i=!0;u.length;l=-1){t=u.shift();while(++l<s.length){!1===s[l].apply(t[0],t[1])&&r.stopOnFalse&&(l=s.length,t=!1);}}r.memory||(t=!1),i=!1,a&&(s=t?[]:"");},f={add:function(){return s&&(t&&!i&&(l=s.length-1,u.push(t)),function n(e){S.each(e,function(e,t){m(t)?r.unique&&f.has(t)||s.push(t):t&&t.length&&"string"!==w(t)&&n(t);});}(arguments),t&&!i&&c()),this;},remove:function(){return S.each(arguments,function(e,t){let n;while(-1<(n=S.inArray(t,s,n))){s.splice(n,1),n<=l&&l--;}}),this;},has:function(e){return e?-1<S.inArray(e,s):0<s.length;},empty:function(){return s&&(s=[]),this;},disable:function(){return a=u=[],s=t="",this;},disabled:function(){return!s;},lock:function(){return a=u=[],t||i||(s=t=""),this;},locked:function(){return!!a;},fireWith:function(e,t){return a||(t=[e,(t=t||[]).slice?t.slice():t],u.push(t),i||c()),this;},fire:function(){return f.fireWith(this,arguments),this;},fired:function(){return!!o;}};return f;},S.extend({Deferred:function(e){var o=[["notify","progress",S.Callbacks("memory"),S.Callbacks("memory"),2],["resolve","done",S.Callbacks("once memory"),S.Callbacks("once memory"),0,"resolved"],["reject","fail",S.Callbacks("once memory"),S.Callbacks("once memory"),1,"rejected"]],i="pending",a={state:function(){return i;},always:function(){return s.done(arguments).fail(arguments),this;},"catch":function(e){return a.then(null,e);},pipe:function(){let i=arguments;return S.Deferred(function(r){S.each(o,function(e,t){const n=m(i[t[4]])&&i[t[4]];s[t[1]](function(){const e=n&&n.apply(this,arguments);e&&m(e.promise)?e.promise().progress(r.notify).done(r.resolve).fail(r.reject):r[t[0]+"With"](this,n?[e]:arguments);});}),i=null;}).promise();},then:function(t,n,r){let u=0;function l(i,o,a,s){return function(){var n=this,r=arguments,e=function(){let e,t;if(!(i<u)){if((e=a.apply(n,r))===o.promise()){throw new TypeError("Thenable self-resolution");}t=e&&("object"==typeof e||"function"==typeof e)&&e.then,m(t)?s?t.call(e,l(u,o,R,s),l(u,o,M,s)):(u++,t.call(e,l(u,o,R,s),l(u,o,M,s),l(u,o,R,o.notifyWith))):(a!==R&&(n=void 0,r=[e]),(s||o.resolveWith)(n,r));}},t=s?e:function(){try{e();}catch(e){S.Deferred.exceptionHook&&S.Deferred.exceptionHook(e,t.stackTrace),u<=i+1&&(a!==M&&(n=void 0,r=[e]),o.rejectWith(n,r));}};i?t():(S.Deferred.getStackHook&&(t.stackTrace=S.Deferred.getStackHook()),C.setTimeout(t));};}return S.Deferred(function(e){o[0][3].add(l(0,e,m(r)?r:R,e.notifyWith)),o[1][3].add(l(0,e,m(t)?t:R)),o[2][3].add(l(0,e,m(n)?n:M));}).promise();},promise:function(e){return null!=e?S.extend(e,a):a;}},s={};return S.each(o,function(e,t){const n=t[2],r=t[5];a[t[1]]=n.add,r&&n.add(function(){i=r;},o[3-e][2].disable,o[3-e][3].disable,o[0][2].lock,o[0][3].lock),n.add(t[3].fire),s[t[0]]=function(){return s[t[0]+"With"](this===s?void 0:this,arguments),this;},s[t[0]+"With"]=n.fireWith;}),a.promise(s),e&&e.call(s,s),s;},when:function(e){let n=arguments.length,t=n,r=Array(t),i=s.call(arguments),o=S.Deferred(),a=function(t){return function(e){r[t]=this,i[t]=1<arguments.length?s.call(arguments):e,--n||o.resolveWith(r,i);};};if(n<=1&&(I(e,o.done(a(t)).resolve,o.reject,!n),"pending"===o.state()||m(i[t]&&i[t].then))){return o.then();}while(t--){I(i[t],a(t),o.reject);}return o.promise();}});const W=/^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/;S.Deferred.exceptionHook=function(e,t){C.console&&C.console.warn&&e&&W.test(e.name)&&C.console.warn("jQuery.Deferred exception: "+e.message,e.stack,t);},S.readyException=function(e){C.setTimeout(function(){throw e;});};const F=S.Deferred();function B(){E.removeEventListener("DOMContentLoaded",B),C.removeEventListener("load",B),S.ready();}S.fn.ready=function(e){return F.then(e)["catch"](function(e){S.readyException(e);}),this;},S.extend({isReady:!1,readyWait:1,ready:function(e){(!0===e?--S.readyWait:S.isReady)||(S.isReady=!0)!==e&&0<--S.readyWait||F.resolveWith(E,[S]);}}),S.ready.then=F.then,"complete"===E.readyState||"loading"!==E.readyState&&!E.documentElement.doScroll?C.setTimeout(S.ready):(E.addEventListener("DOMContentLoaded",B),C.addEventListener("load",B));const $=function(e,t,n,r,i,o,a){let s=0,u=e.length,l=null==n;if("object"===w(n)){for(s in i=!0,n){$(e,t,s,n[s],!0,o,a);}}else if(void 0!==r&&(i=!0,m(r)||(a=!0),l&&(a?(t.call(e,r),t=null):(l=t,t=function(e,t,n){return l.call(S(e),n);})),t)){for(;s<u;s++){t(e[s],n,a?r:r.call(e[s],s,t(e[s],n)));}}return i?e:l?t.call(e):u?t(e[0],n):o;},_=/^-ms-/,z=/-([a-z])/g;function U(e,t){return t.toUpperCase();}function X(e){return e.replace(_,"ms-").replace(z,U);}const V=function(e){return 1===e.nodeType||9===e.nodeType||!+e.nodeType;};function G(){this.expando=S.expando+G.uid++;}G.uid=1,G.prototype={cache:function(e){let t=e[this.expando];return t||(t={},V(e)&&(e.nodeType?e[this.expando]=t:Object.defineProperty(e,this.expando,{value:t,configurable:!0}))),t;},set:function(e,t,n){let r,i=this.cache(e);if("string"==typeof t){i[X(t)]=n;}else {for(r in t){i[X(r)]=t[r];}}return i;},get:function(e,t){return void 0===t?this.cache(e):e[this.expando]&&e[this.expando][X(t)];},access:function(e,t,n){return void 0===t||t&&"string"==typeof t&&void 0===n?this.get(e,t):(this.set(e,t,n),void 0!==n?n:t);},remove:function(e,t){let n,r=e[this.expando];if(void 0!==r){if(void 0!==t){n=(t=Array.isArray(t)?t.map(X):(t=X(t))in r?[t]:t.match(P)||[]).length;while(n--){delete r[t[n]];}}(void 0===t||S.isEmptyObject(r))&&(e.nodeType?e[this.expando]=void 0:delete e[this.expando]);}},hasData:function(e){const t=e[this.expando];return void 0!==t&&!S.isEmptyObject(t);}};const Y=new G,Q=new G,J=/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,K=/[A-Z]/g;function Z(e,t,n){let r,i;if(void 0===n&&1===e.nodeType){if(r="data-"+t.replace(K,"-$&").toLowerCase(),"string"==typeof(n=e.getAttribute(r))){try{n="true"===(i=n)||"false"!==i&&("null"===i?null:i===+i+""?+i:J.test(i)?JSON.parse(i):i);}catch(e){}Q.set(e,t,n);}else {n=void 0;}}return n;}S.extend({hasData:function(e){return Q.hasData(e)||Y.hasData(e);},data:function(e,t,n){return Q.access(e,t,n);},removeData:function(e,t){Q.remove(e,t);},_data:function(e,t,n){return Y.access(e,t,n);},_removeData:function(e,t){Y.remove(e,t);}}),S.fn.extend({data:function(n,e){let t,r,i,o=this[0],a=o&&o.attributes;if(void 0===n){if(this.length&&(i=Q.get(o),1===o.nodeType&&!Y.get(o,"hasDataAttrs"))){t=a.length;while(t--){a[t]&&0===(r=a[t].name).indexOf("data-")&&(r=X(r.slice(5)),Z(o,r,i[r]));}Y.set(o,"hasDataAttrs",!0);}return i;}return"object"==typeof n?this.each(function(){Q.set(this,n);}):$(this,function(e){let t;if(o&&void 0===e){return void 0!==(t=Q.get(o,n))?t:void 0!==(t=Z(o,n))?t:void 0;}this.each(function(){Q.set(this,n,e);});},null,e,1<arguments.length,null,!0);},removeData:function(e){return this.each(function(){Q.remove(this,e);});}}),S.extend({queue:function(e,t,n){let r;if(e){return t=(t||"fx")+"queue",r=Y.get(e,t),n&&(!r||Array.isArray(n)?r=Y.access(e,t,S.makeArray(n)):r.push(n)),r||[];}},dequeue:function(e,t){t=t||"fx";let n=S.queue(e,t),r=n.length,i=n.shift(),o=S._queueHooks(e,t);"inprogress"===i&&(i=n.shift(),r--),i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,function(){S.dequeue(e,t);},o)),!r&&o&&o.empty.fire();},_queueHooks:function(e,t){const n=t+"queueHooks";return Y.get(e,n)||Y.access(e,n,{empty:S.Callbacks("once memory").add(function(){Y.remove(e,[t+"queue",n]);})});}}),S.fn.extend({queue:function(t,n){let e=2;return"string"!=typeof t&&(n=t,t="fx",e--),arguments.length<e?S.queue(this[0],t):void 0===n?this:this.each(function(){const e=S.queue(this,t,n);S._queueHooks(this,t),"fx"===t&&"inprogress"!==e[0]&&S.dequeue(this,t);});},dequeue:function(e){return this.each(function(){S.dequeue(this,e);});},clearQueue:function(e){return this.queue(e||"fx",[]);},promise:function(e,t){let n,r=1,i=S.Deferred(),o=this,a=this.length,s=function(){--r||i.resolveWith(o,[o]);};"string"!=typeof e&&(t=e,e=void 0),e=e||"fx";while(a--){(n=Y.get(o[a],e+"queueHooks"))&&n.empty&&(r++,n.empty.add(s));}return s(),i.promise(t);}});let ee=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,te=new RegExp("^(?:([+-])=|)("+ee+")([a-z%]*)$","i"),ne=["Top","Right","Bottom","Left"],re=E.documentElement,ie=function(e){return S.contains(e.ownerDocument,e);},oe={composed:!0};re.getRootNode&&(ie=function(e){return S.contains(e.ownerDocument,e)||e.getRootNode(oe)===e.ownerDocument;});const ae=function(e,t){return"none"===(e=t||e).style.display||""===e.style.display&&ie(e)&&"none"===S.css(e,"display");};function se(e,t,n,r){let i,o,a=20,s=r?function(){return r.cur();}:function(){return S.css(e,t,"");},u=s(),l=n&&n[3]||(S.cssNumber[t]?"":"px"),c=e.nodeType&&(S.cssNumber[t]||"px"!==l&&+u)&&te.exec(S.css(e,t));if(c&&c[3]!==l){u/=2,l=l||c[3],c=+u||1;while(a--){S.style(e,t,c+l),(1-o)*(1-(o=s()/u||.5))<=0&&(a=0),c/=o;}c*=2,S.style(e,t,c+l),n=n||[];}return n&&(c=+c||+u||0,i=n[1]?c+(n[1]+1)*n[2]:+n[2],r&&(r.unit=l,r.start=c,r.end=i)),i;}const ue={};function le(e,t){for(var n,r,i,o,a,s,u,l=[],c=0,f=e.length;c<f;c++){(r=e[c]).style&&(n=r.style.display,t?("none"===n&&(l[c]=Y.get(r,"display")||null,l[c]||(r.style.display="")),""===r.style.display&&ae(r)&&(l[c]=(u=a=o=void 0,a=(i=r).ownerDocument,s=i.nodeName,(u=ue[s])||(o=a.body.appendChild(a.createElement(s)),u=S.css(o,"display"),o.parentNode.removeChild(o),"none"===u&&(u="block"),ue[s]=u)))):"none"!==n&&(l[c]="none",Y.set(r,"display",n)));}for(c=0;c<f;c++){null!=l[c]&&(e[c].style.display=l[c]);}return e;}S.fn.extend({show:function(){return le(this,!0);},hide:function(){return le(this);},toggle:function(e){return"boolean"==typeof e?e?this.show():this.hide():this.each(function(){ae(this)?S(this).show():S(this).hide();});}});let ce,fe,pe=/^(?:checkbox|radio)$/i,de=/<([a-z][^\/\0>\x20\t\r\n\f]*)/i,he=/^$|^module$|\/(?:java|ecma)script/i;ce=E.createDocumentFragment().appendChild(E.createElement("div")),(fe=E.createElement("input")).setAttribute("type","radio"),fe.setAttribute("checked","checked"),fe.setAttribute("name","t"),ce.appendChild(fe),y.checkClone=ce.cloneNode(!0).cloneNode(!0).lastChild.checked,ce.innerHTML="<textarea>x</textarea>",y.noCloneChecked=!!ce.cloneNode(!0).lastChild.defaultValue,ce.innerHTML="<option></option>",y.option=!!ce.lastChild;const ge={thead:[1,"<table>","</table>"],col:[2,"<table><colgroup>","</colgroup></table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:[0,"",""]};function ve(e,t){let n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&A(e,t)?S.merge([e],n):n;}function ye(e,t){for(let n=0,r=e.length;n<r;n++){Y.set(e[n],"globalEval",!t||Y.get(t[n],"globalEval"));}}ge.tbody=ge.tfoot=ge.colgroup=ge.caption=ge.thead,ge.th=ge.td,y.option||(ge.optgroup=ge.option=[1,"<select multiple='multiple'>","</select>"]);const me=/<|&#?\w+;/;function xe(e,t,n,r,i){for(var o,a,s,u,l,c,f=t.createDocumentFragment(),p=[],d=0,h=e.length;d<h;d++){if((o=e[d])||0===o){if("object"===w(o)){S.merge(p,o.nodeType?[o]:o);}else if(me.test(o)){a=a||f.appendChild(t.createElement("div")),s=(de.exec(o)||["",""])[1].toLowerCase(),u=ge[s]||ge._default,a.innerHTML=u[1]+S.htmlPrefilter(o)+u[2],c=u[0];while(c--){a=a.lastChild;}S.merge(p,a.childNodes),(a=f.firstChild).textContent="";}else {p.push(t.createTextNode(o));}}}f.textContent="",d=0;while(o=p[d++]){if(r&&-1<S.inArray(o,r)){i&&i.push(o);}else if(l=ie(o),a=ve(f.appendChild(o),"script"),l&&ye(a),n){c=0;while(o=a[c++]){he.test(o.type||"")&&n.push(o);}}}return f;}const be=/^([^.]*)(?:\.(.+)|)/;function we(){return!0;}function Te(){return!1;}function Ce(e,t){return e===function(){try{return E.activeElement;}catch(e){}}()==("focus"===t);}function Ee(e,t,n,r,i,o){let a,s;if("object"==typeof t){for(s in"string"!=typeof n&&(r=r||n,n=void 0),t){Ee(e,s,n,r,t[s],o);}return e;}if(null==r&&null==i?(i=n,r=n=void 0):null==i&&("string"==typeof n?(i=r,r=void 0):(i=r,r=n,n=void 0)),!1===i){i=Te;}else if(!i){return e;}return 1===o&&(a=i,(i=function(e){return S().off(e),a.apply(this,arguments);}).guid=a.guid||(a.guid=S.guid++)),e.each(function(){S.event.add(this,t,i,r,n);});}function Se(e,i,o){o?(Y.set(e,i,!1),S.event.add(e,i,{namespace:!1,handler:function(e){let t,n,r=Y.get(this,i);if(1&e.isTrigger&&this[i]){if(r.length){(S.event.special[i]||{}).delegateType&&e.stopPropagation();}else if(r=s.call(arguments),Y.set(this,i,r),t=o(this,i),this[i](),r!==(n=Y.get(this,i))||t?Y.set(this,i,!1):n={},r!==n){return e.stopImmediatePropagation(),e.preventDefault(),n&&n.value;}}else {r.length&&(Y.set(this,i,{value:S.event.trigger(S.extend(r[0],S.Event.prototype),r.slice(1),this)}),e.stopImmediatePropagation());}}})):void 0===Y.get(e,i)&&S.event.add(e,i,we);}S.event={global:{},add:function(t,e,n,r,i){let o,a,s,u,l,c,f,p,d,h,g,v=Y.get(t);if(V(t)){n.handler&&(n=(o=n).handler,i=o.selector),i&&S.find.matchesSelector(re,i),n.guid||(n.guid=S.guid++),(u=v.events)||(u=v.events=Object.create(null)),(a=v.handle)||(a=v.handle=function(e){return"undefined"!=typeof S&&S.event.triggered!==e.type?S.event.dispatch.apply(t,arguments):void 0;}),l=(e=(e||"").match(P)||[""]).length;while(l--){d=g=(s=be.exec(e[l])||[])[1],h=(s[2]||"").split(".").sort(),d&&(f=S.event.special[d]||{},d=(i?f.delegateType:f.bindType)||d,f=S.event.special[d]||{},c=S.extend({type:d,origType:g,data:r,handler:n,guid:n.guid,selector:i,needsContext:i&&S.expr.match.needsContext.test(i),namespace:h.join(".")},o),(p=u[d])||((p=u[d]=[]).delegateCount=0,f.setup&&!1!==f.setup.call(t,r,h,a)||t.addEventListener&&t.addEventListener(d,a)),f.add&&(f.add.call(t,c),c.handler.guid||(c.handler.guid=n.guid)),i?p.splice(p.delegateCount++,0,c):p.push(c),S.event.global[d]=!0);}}},remove:function(e,t,n,r,i){let o,a,s,u,l,c,f,p,d,h,g,v=Y.hasData(e)&&Y.get(e);if(v&&(u=v.events)){l=(t=(t||"").match(P)||[""]).length;while(l--){if(d=g=(s=be.exec(t[l])||[])[1],h=(s[2]||"").split(".").sort(),d){f=S.event.special[d]||{},p=u[d=(r?f.delegateType:f.bindType)||d]||[],s=s[2]&&new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"),a=o=p.length;while(o--){c=p[o],!i&&g!==c.origType||n&&n.guid!==c.guid||s&&!s.test(c.namespace)||r&&r!==c.selector&&("**"!==r||!c.selector)||(p.splice(o,1),c.selector&&p.delegateCount--,f.remove&&f.remove.call(e,c));}a&&!p.length&&(f.teardown&&!1!==f.teardown.call(e,h,v.handle)||S.removeEvent(e,d,v.handle),delete u[d]);}else {for(d in u){S.event.remove(e,d+t[l],n,r,!0);}}}S.isEmptyObject(u)&&Y.remove(e,"handle events");}},dispatch:function(e){let t,n,r,i,o,a,s=new Array(arguments.length),u=S.event.fix(e),l=(Y.get(this,"events")||Object.create(null))[u.type]||[],c=S.event.special[u.type]||{};for(s[0]=u,t=1;t<arguments.length;t++){s[t]=arguments[t];}if(u.delegateTarget=this,!c.preDispatch||!1!==c.preDispatch.call(this,u)){a=S.event.handlers.call(this,u,l),t=0;while((i=a[t++])&&!u.isPropagationStopped()){u.currentTarget=i.elem,n=0;while((o=i.handlers[n++])&&!u.isImmediatePropagationStopped()){u.rnamespace&&!1!==o.namespace&&!u.rnamespace.test(o.namespace)||(u.handleObj=o,u.data=o.data,void 0!==(r=((S.event.special[o.origType]||{}).handle||o.handler).apply(i.elem,s))&&!1===(u.result=r)&&(u.preventDefault(),u.stopPropagation()));}}return c.postDispatch&&c.postDispatch.call(this,u),u.result;}},handlers:function(e,t){let n,r,i,o,a,s=[],u=t.delegateCount,l=e.target;if(u&&l.nodeType&&!("click"===e.type&&1<=e.button)){for(;l!==this;l=l.parentNode||this){if(1===l.nodeType&&("click"!==e.type||!0!==l.disabled)){for(o=[],a={},n=0;n<u;n++){void 0===a[i=(r=t[n]).selector+" "]&&(a[i]=r.needsContext?-1<S(i,this).index(l):S.find(i,this,null,[l]).length),a[i]&&o.push(r);}o.length&&s.push({elem:l,handlers:o});}}}return l=this,u<t.length&&s.push({elem:l,handlers:t.slice(u)}),s;},addProp:function(t,e){Object.defineProperty(S.Event.prototype,t,{enumerable:!0,configurable:!0,get:m(e)?function(){if(this.originalEvent){return e(this.originalEvent);}}:function(){if(this.originalEvent){return this.originalEvent[t];}},set:function(e){Object.defineProperty(this,t,{enumerable:!0,configurable:!0,writable:!0,value:e});}});},fix:function(e){return e[S.expando]?e:new S.Event(e);},special:{load:{noBubble:!0},click:{setup:function(e){const t=this||e;return pe.test(t.type)&&t.click&&A(t,"input")&&Se(t,"click",we),!1;},trigger:function(e){const t=this||e;return pe.test(t.type)&&t.click&&A(t,"input")&&Se(t,"click"),!0;},_default:function(e){const t=e.target;return pe.test(t.type)&&t.click&&A(t,"input")&&Y.get(t,"click")||A(t,"a");}},beforeunload:{postDispatch:function(e){void 0!==e.result&&e.originalEvent&&(e.originalEvent.returnValue=e.result);}}}},S.removeEvent=function(e,t,n){e.removeEventListener&&e.removeEventListener(t,n);},S.Event=function(e,t){if(!(this instanceof S.Event)){return new S.Event(e,t);}e&&e.type?(this.originalEvent=e,this.type=e.type,this.isDefaultPrevented=e.defaultPrevented||void 0===e.defaultPrevented&&!1===e.returnValue?we:Te,this.target=e.target&&3===e.target.nodeType?e.target.parentNode:e.target,this.currentTarget=e.currentTarget,this.relatedTarget=e.relatedTarget):this.type=e,t&&S.extend(this,t),this.timeStamp=e&&e.timeStamp||Date.now(),this[S.expando]=!0;},S.Event.prototype={constructor:S.Event,isDefaultPrevented:Te,isPropagationStopped:Te,isImmediatePropagationStopped:Te,isSimulated:!1,preventDefault:function(){const e=this.originalEvent;this.isDefaultPrevented=we,e&&!this.isSimulated&&e.preventDefault();},stopPropagation:function(){const e=this.originalEvent;this.isPropagationStopped=we,e&&!this.isSimulated&&e.stopPropagation();},stopImmediatePropagation:function(){const e=this.originalEvent;this.isImmediatePropagationStopped=we,e&&!this.isSimulated&&e.stopImmediatePropagation(),this.stopPropagation();}},S.each({altKey:!0,bubbles:!0,cancelable:!0,changedTouches:!0,ctrlKey:!0,detail:!0,eventPhase:!0,metaKey:!0,pageX:!0,pageY:!0,shiftKey:!0,view:!0,"char":!0,code:!0,charCode:!0,key:!0,keyCode:!0,button:!0,buttons:!0,clientX:!0,clientY:!0,offsetX:!0,offsetY:!0,pointerId:!0,pointerType:!0,screenX:!0,screenY:!0,targetTouches:!0,toElement:!0,touches:!0,which:!0},S.event.addProp),S.each({focus:"focusin",blur:"focusout"},function(e,t){S.event.special[e]={setup:function(){return Se(this,e,Ce),!1;},trigger:function(){return Se(this,e),!0;},_default:function(){return!0;},delegateType:t};}),S.each({mouseenter:"mouseover",mouseleave:"mouseout",pointerenter:"pointerover",pointerleave:"pointerout"},function(e,i){S.event.special[e]={delegateType:i,bindType:i,handle:function(e){let t,n=e.relatedTarget,r=e.handleObj;return n&&(n===this||S.contains(this,n))||(e.type=r.origType,t=r.handler.apply(this,arguments),e.type=i),t;}};}),S.fn.extend({on:function(e,t,n,r){return Ee(this,e,t,n,r);},one:function(e,t,n,r){return Ee(this,e,t,n,r,1);},off:function(e,t,n){let r,i;if(e&&e.preventDefault&&e.handleObj){return r=e.handleObj,S(e.delegateTarget).off(r.namespace?r.origType+"."+r.namespace:r.origType,r.selector,r.handler),this;}if("object"==typeof e){for(i in e){this.off(i,t,e[i]);}return this;}return!1!==t&&"function"!=typeof t||(n=t,t=void 0),!1===n&&(n=Te),this.each(function(){S.event.remove(this,e,n,t);});}});const ke=/<script|<style|<link/i,Ae=/checked\s*(?:[^=]|=\s*.checked.)/i,Ne=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g;function je(e,t){return A(e,"table")&&A(11!==t.nodeType?t:t.firstChild,"tr")&&S(e).children("tbody")[0]||e;}function De(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e;}function qe(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e;}function Le(e,t){let n,r,i,o,a,s;if(1===t.nodeType){if(Y.hasData(e)&&(s=Y.get(e).events)){for(i in Y.remove(t,"handle events"),s){for(n=0,r=s[i].length;n<r;n++){S.event.add(t,i,s[i][n]);}}}Q.hasData(e)&&(o=Q.access(e),a=S.extend({},o),Q.set(t,a));}}function He(n,r,i,o){r=g(r);let e,t,a,s,u,l,c=0,f=n.length,p=f-1,d=r[0],h=m(d);if(h||1<f&&"string"==typeof d&&!y.checkClone&&Ae.test(d)){return n.each(function(e){const t=n.eq(e);h&&(r[0]=d.call(this,e,t.html())),He(t,r,i,o);});}if(f&&(t=(e=xe(r,n[0].ownerDocument,!1,n,o)).firstChild,1===e.childNodes.length&&(e=t),t||o)){for(s=(a=S.map(ve(e,"script"),De)).length;c<f;c++){u=e,c!==p&&(u=S.clone(u,!0,!0),s&&S.merge(a,ve(u,"script"))),i.call(n[c],u,c);}if(s){for(l=a[a.length-1].ownerDocument,S.map(a,qe),c=0;c<s;c++){u=a[c],he.test(u.type||"")&&!Y.access(u,"globalEval")&&S.contains(l,u)&&(u.src&&"module"!==(u.type||"").toLowerCase()?S._evalUrl&&!u.noModule&&S._evalUrl(u.src,{nonce:u.nonce||u.getAttribute("nonce")},l):b(u.textContent.replace(Ne,""),u,l));}}}return n;}function Oe(e,t,n){for(var r,i=t?S.filter(t,e):e,o=0;null!=(r=i[o]);o++){n||1!==r.nodeType||S.cleanData(ve(r)),r.parentNode&&(n&&ie(r)&&ye(ve(r,"script")),r.parentNode.removeChild(r));}return e;}S.extend({htmlPrefilter:function(e){return e;},clone:function(e,t,n){let r,i,o,a,s,u,l,c=e.cloneNode(!0),f=ie(e);if(!(y.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||S.isXMLDoc(e))){for(a=ve(c),r=0,i=(o=ve(e)).length;r<i;r++){s=o[r],u=a[r],void 0,"input"===(l=u.nodeName.toLowerCase())&&pe.test(s.type)?u.checked=s.checked:"input"!==l&&"textarea"!==l||(u.defaultValue=s.defaultValue);}}if(t){if(n){for(o=o||ve(e),a=a||ve(c),r=0,i=o.length;r<i;r++){Le(o[r],a[r]);}}else {Le(e,c);}}return 0<(a=ve(c,"script")).length&&ye(a,!f&&ve(e,"script")),c;},cleanData:function(e){for(var t,n,r,i=S.event.special,o=0;void 0!==(n=e[o]);o++){if(V(n)){if(t=n[Y.expando]){if(t.events){for(r in t.events){i[r]?S.event.remove(n,r):S.removeEvent(n,r,t.handle);}}n[Y.expando]=void 0;}n[Q.expando]&&(n[Q.expando]=void 0);}}}}),S.fn.extend({detach:function(e){return Oe(this,e,!0);},remove:function(e){return Oe(this,e);},text:function(e){return $(this,function(e){return void 0===e?S.text(this):this.empty().each(function(){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||(this.textContent=e);});},null,e,arguments.length);},append:function(){return He(this,arguments,function(e){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||je(this,e).appendChild(e);});},prepend:function(){return He(this,arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){const t=je(this,e);t.insertBefore(e,t.firstChild);}});},before:function(){return He(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this);});},after:function(){return He(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling);});},empty:function(){for(var e,t=0;null!=(e=this[t]);t++){1===e.nodeType&&(S.cleanData(ve(e,!1)),e.textContent="");}return this;},clone:function(e,t){return e=null!=e&&e,t=null==t?e:t,this.map(function(){return S.clone(this,e,t);});},html:function(e){return $(this,function(e){let t=this[0]||{},n=0,r=this.length;if(void 0===e&&1===t.nodeType){return t.innerHTML;}if("string"==typeof e&&!ke.test(e)&&!ge[(de.exec(e)||["",""])[1].toLowerCase()]){e=S.htmlPrefilter(e);try{for(;n<r;n++){1===(t=this[n]||{}).nodeType&&(S.cleanData(ve(t,!1)),t.innerHTML=e);}t=0;}catch(e){}}t&&this.empty().append(e);},null,e,arguments.length);},replaceWith:function(){const n=[];return He(this,arguments,function(e){const t=this.parentNode;S.inArray(this,n)<0&&(S.cleanData(ve(this)),t&&t.replaceChild(e,this));},n);}}),S.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(e,a){S.fn[e]=function(e){for(var t,n=[],r=S(e),i=r.length-1,o=0;o<=i;o++){t=o===i?this:this.clone(!0),S(r[o])[a](t),u.apply(n,t.get());}return this.pushStack(n);};});const Pe=new RegExp("^("+ee+")(?!px)[a-z%]+$","i"),Re=function(e){let t=e.ownerDocument.defaultView;return t&&t.opener||(t=C),t.getComputedStyle(e);},Me=function(e,t,n){let r,i,o={};for(i in t){o[i]=e.style[i],e.style[i]=t[i];}for(i in r=n.call(e),t){e.style[i]=o[i];}return r;},Ie=new RegExp(ne.join("|"),"i");function We(e,t,n){let r,i,o,a,s=e.style;return(n=n||Re(e))&&(""!==(a=n.getPropertyValue(t)||n[t])||ie(e)||(a=S.style(e,t)),!y.pixelBoxStyles()&&Pe.test(a)&&Ie.test(t)&&(r=s.width,i=s.minWidth,o=s.maxWidth,s.minWidth=s.maxWidth=s.width=a,a=n.width,s.width=r,s.minWidth=i,s.maxWidth=o)),void 0!==a?a+"":a;}function Fe(e,t){return{get:function(){if(!e()){return(this.get=t).apply(this,arguments);}delete this.get;}};}!function(){function e(){if(l){u.style.cssText="position:absolute;left:-11111px;width:60px;margin-top:1px;padding:0;border:0",l.style.cssText="position:relative;display:block;box-sizing:border-box;overflow:scroll;margin:auto;border:1px;padding:1px;width:60%;top:1%",re.appendChild(u).appendChild(l);const e=C.getComputedStyle(l);n="1%"!==e.top,s=12===t(e.marginLeft),l.style.right="60%",o=36===t(e.right),r=36===t(e.width),l.style.position="absolute",i=12===t(l.offsetWidth/3),re.removeChild(u),l=null;}}function t(e){return Math.round(parseFloat(e));}var n,r,i,o,a,s,u=E.createElement("div"),l=E.createElement("div");l.style&&(l.style.backgroundClip="content-box",l.cloneNode(!0).style.backgroundClip="",y.clearCloneStyle="content-box"===l.style.backgroundClip,S.extend(y,{boxSizingReliable:function(){return e(),r;},pixelBoxStyles:function(){return e(),o;},pixelPosition:function(){return e(),n;},reliableMarginLeft:function(){return e(),s;},scrollboxSize:function(){return e(),i;},reliableTrDimensions:function(){let e,t,n,r;return null==a&&(e=E.createElement("table"),t=E.createElement("tr"),n=E.createElement("div"),e.style.cssText="position:absolute;left:-11111px;border-collapse:separate",t.style.cssText="border:1px solid",t.style.height="1px",n.style.height="9px",n.style.display="block",re.appendChild(e).appendChild(t).appendChild(n),r=C.getComputedStyle(t),a=parseInt(r.height,10)+parseInt(r.borderTopWidth,10)+parseInt(r.borderBottomWidth,10)===t.offsetHeight,re.removeChild(e)),a;}}));}();const Be=["Webkit","Moz","ms"],$e=E.createElement("div").style,_e={};function ze(e){const t=S.cssProps[e]||_e[e];return t||(e in $e?e:_e[e]=function(e){let t=e[0].toUpperCase()+e.slice(1),n=Be.length;while(n--){if((e=Be[n]+t)in $e){return e;}}}(e)||e);}const Ue=/^(none|table(?!-c[ea]).+)/,Xe=/^--/,Ve={position:"absolute",visibility:"hidden",display:"block"},Ge={letterSpacing:"0",fontWeight:"400"};function Ye(e,t,n){const r=te.exec(t);return r?Math.max(0,r[2]-(n||0))+(r[3]||"px"):t;}function Qe(e,t,n,r,i,o){let a="width"===t?1:0,s=0,u=0;if(n===(r?"border":"content")){return 0;}for(;a<4;a+=2){"margin"===n&&(u+=S.css(e,n+ne[a],!0,i)),r?("content"===n&&(u-=S.css(e,"padding"+ne[a],!0,i)),"margin"!==n&&(u-=S.css(e,"border"+ne[a]+"Width",!0,i))):(u+=S.css(e,"padding"+ne[a],!0,i),"padding"!==n?u+=S.css(e,"border"+ne[a]+"Width",!0,i):s+=S.css(e,"border"+ne[a]+"Width",!0,i));}return!r&&0<=o&&(u+=Math.max(0,Math.ceil(e["offset"+t[0].toUpperCase()+t.slice(1)]-o-u-s-.5))||0),u;}function Je(e,t,n){let r=Re(e),i=(!y.boxSizingReliable()||n)&&"border-box"===S.css(e,"boxSizing",!1,r),o=i,a=We(e,t,r),s="offset"+t[0].toUpperCase()+t.slice(1);if(Pe.test(a)){if(!n){return a;}a="auto";}return(!y.boxSizingReliable()&&i||!y.reliableTrDimensions()&&A(e,"tr")||"auto"===a||!parseFloat(a)&&"inline"===S.css(e,"display",!1,r))&&e.getClientRects().length&&(i="border-box"===S.css(e,"boxSizing",!1,r),(o=s in e)&&(a=e[s])),(a=parseFloat(a)||0)+Qe(e,t,n||(i?"border":"content"),o,r,a)+"px";}function Ke(e,t,n,r,i){return new Ke.prototype.init(e,t,n,r,i);}S.extend({cssHooks:{opacity:{get:function(e,t){if(t){const n=We(e,"opacity");return""===n?"1":n;}}}},cssNumber:{animationIterationCount:!0,columnCount:!0,fillOpacity:!0,flexGrow:!0,flexShrink:!0,fontWeight:!0,gridArea:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnStart:!0,gridRow:!0,gridRowEnd:!0,gridRowStart:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{},style:function(e,t,n,r){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){let i,o,a,s=X(t),u=Xe.test(t),l=e.style;if(u||(t=ze(s)),a=S.cssHooks[t]||S.cssHooks[s],void 0===n){return a&&"get"in a&&void 0!==(i=a.get(e,!1,r))?i:l[t];}"string"===(o=typeof n)&&(i=te.exec(n))&&i[1]&&(n=se(e,t,i),o="number"),null!=n&&n==n&&("number"!==o||u||(n+=i&&i[3]||(S.cssNumber[s]?"":"px")),y.clearCloneStyle||""!==n||0!==t.indexOf("background")||(l[t]="inherit"),a&&"set"in a&&void 0===(n=a.set(e,n,r))||(u?l.setProperty(t,n):l[t]=n));}},css:function(e,t,n,r){let i,o,a,s=X(t);return Xe.test(t)||(t=ze(s)),(a=S.cssHooks[t]||S.cssHooks[s])&&"get"in a&&(i=a.get(e,!0,n)),void 0===i&&(i=We(e,t,r)),"normal"===i&&t in Ge&&(i=Ge[t]),""===n||n?(o=parseFloat(i),!0===n||isFinite(o)?o||0:i):i;}}),S.each(["height","width"],function(e,u){S.cssHooks[u]={get:function(e,t,n){if(t){return!Ue.test(S.css(e,"display"))||e.getClientRects().length&&e.getBoundingClientRect().width?Je(e,u,n):Me(e,Ve,function(){return Je(e,u,n);});}},set:function(e,t,n){let r,i=Re(e),o=!y.scrollboxSize()&&"absolute"===i.position,a=(o||n)&&"border-box"===S.css(e,"boxSizing",!1,i),s=n?Qe(e,u,n,a,i):0;return a&&o&&(s-=Math.ceil(e["offset"+u[0].toUpperCase()+u.slice(1)]-parseFloat(i[u])-Qe(e,u,"border",!1,i)-.5)),s&&(r=te.exec(t))&&"px"!==(r[3]||"px")&&(e.style[u]=t,t=S.css(e,u)),Ye(0,t,s);}};}),S.cssHooks.marginLeft=Fe(y.reliableMarginLeft,function(e,t){if(t){return(parseFloat(We(e,"marginLeft"))||e.getBoundingClientRect().left-Me(e,{marginLeft:0},function(){return e.getBoundingClientRect().left;}))+"px";}}),S.each({margin:"",padding:"",border:"Width"},function(i,o){S.cssHooks[i+o]={expand:function(e){for(var t=0,n={},r="string"==typeof e?e.split(" "):[e];t<4;t++){n[i+ne[t]+o]=r[t]||r[t-2]||r[0];}return n;}},"margin"!==i&&(S.cssHooks[i+o].set=Ye);}),S.fn.extend({css:function(e,t){return $(this,function(e,t,n){let r,i,o={},a=0;if(Array.isArray(t)){for(r=Re(e),i=t.length;a<i;a++){o[t[a]]=S.css(e,t[a],!1,r);}return o;}return void 0!==n?S.style(e,t,n):S.css(e,t);},e,t,1<arguments.length);}}),((S.Tween=Ke).prototype={constructor:Ke,init:function(e,t,n,r,i,o){this.elem=e,this.prop=n,this.easing=i||S.easing._default,this.options=t,this.start=this.now=this.cur(),this.end=r,this.unit=o||(S.cssNumber[n]?"":"px");},cur:function(){const e=Ke.propHooks[this.prop];return e&&e.get?e.get(this):Ke.propHooks._default.get(this);},run:function(e){let t,n=Ke.propHooks[this.prop];return this.options.duration?this.pos=t=S.easing[this.easing](e,this.options.duration*e,0,1,this.options.duration):this.pos=t=e,this.now=(this.end-this.start)*t+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),n&&n.set?n.set(this):Ke.propHooks._default.set(this),this;}}).init.prototype=Ke.prototype,(Ke.propHooks={_default:{get:function(e){let t;return 1!==e.elem.nodeType||null!=e.elem[e.prop]&&null==e.elem.style[e.prop]?e.elem[e.prop]:(t=S.css(e.elem,e.prop,""))&&"auto"!==t?t:0;},set:function(e){S.fx.step[e.prop]?S.fx.step[e.prop](e):1!==e.elem.nodeType||!S.cssHooks[e.prop]&&null==e.elem.style[ze(e.prop)]?e.elem[e.prop]=e.now:S.style(e.elem,e.prop,e.now+e.unit);}}}).scrollTop=Ke.propHooks.scrollLeft={set:function(e){e.elem.nodeType&&e.elem.parentNode&&(e.elem[e.prop]=e.now);}},S.easing={linear:function(e){return e;},swing:function(e){return.5-Math.cos(e*Math.PI)/2;},_default:"swing"},S.fx=Ke.prototype.init,S.fx.step={};let Ze,et,tt,nt,rt=/^(?:toggle|show|hide)$/,it=/queueHooks$/;function ot(){et&&(!1===E.hidden&&C.requestAnimationFrame?C.requestAnimationFrame(ot):C.setTimeout(ot,S.fx.interval),S.fx.tick());}function at(){return C.setTimeout(function(){Ze=void 0;}),Ze=Date.now();}function st(e,t){let n,r=0,i={height:e};for(t=t?1:0;r<4;r+=2-t){i["margin"+(n=ne[r])]=i["padding"+n]=e;}return t&&(i.opacity=i.width=e),i;}function ut(e,t,n){for(var r,i=(lt.tweeners[t]||[]).concat(lt.tweeners["*"]),o=0,a=i.length;o<a;o++){if(r=i[o].call(n,t,e)){return r;}}}function lt(o,e,t){var n,a,r=0,i=lt.prefilters.length,s=S.Deferred().always(function(){delete u.elem;}),u=function(){if(a){return!1;}for(var e=Ze||at(),t=Math.max(0,l.startTime+l.duration-e),n=1-(t/l.duration||0),r=0,i=l.tweens.length;r<i;r++){l.tweens[r].run(n);}return s.notifyWith(o,[l,n,t]),n<1&&i?t:(i||s.notifyWith(o,[l,1,0]),s.resolveWith(o,[l]),!1);},l=s.promise({elem:o,props:S.extend({},e),opts:S.extend(!0,{specialEasing:{},easing:S.easing._default},t),originalProperties:e,originalOptions:t,startTime:Ze||at(),duration:t.duration,tweens:[],createTween:function(e,t){const n=S.Tween(o,l.opts,e,t,l.opts.specialEasing[e]||l.opts.easing);return l.tweens.push(n),n;},stop:function(e){let t=0,n=e?l.tweens.length:0;if(a){return this;}for(a=!0;t<n;t++){l.tweens[t].run(1);}return e?(s.notifyWith(o,[l,1,0]),s.resolveWith(o,[l,e])):s.rejectWith(o,[l,e]),this;}}),c=l.props;for(!function(e,t){let n,r,i,o,a;for(n in e){if(i=t[r=X(n)],o=e[n],Array.isArray(o)&&(i=o[1],o=e[n]=o[0]),n!==r&&(e[r]=o,delete e[n]),(a=S.cssHooks[r])&&"expand"in a){for(n in o=a.expand(o),delete e[r],o){n in e||(e[n]=o[n],t[n]=i);}}else {t[r]=i;}}}(c,l.opts.specialEasing);r<i;r++){if(n=lt.prefilters[r].call(l,o,c,l.opts)){return m(n.stop)&&(S._queueHooks(l.elem,l.opts.queue).stop=n.stop.bind(n)),n;}}return S.map(c,ut,l),m(l.opts.start)&&l.opts.start.call(o,l),l.progress(l.opts.progress).done(l.opts.done,l.opts.complete).fail(l.opts.fail).always(l.opts.always),S.fx.timer(S.extend(u,{elem:o,anim:l,queue:l.opts.queue})),l;}S.Animation=S.extend(lt,{tweeners:{"*":[function(e,t){const n=this.createTween(e,t);return se(n.elem,e,te.exec(t),n),n;}]},tweener:function(e,t){m(e)?(t=e,e=["*"]):e=e.match(P);for(var n,r=0,i=e.length;r<i;r++){n=e[r],lt.tweeners[n]=lt.tweeners[n]||[],lt.tweeners[n].unshift(t);}},prefilters:[function(e,t,n){let r,i,o,a,s,u,l,c,f="width"in t||"height"in t,p=this,d={},h=e.style,g=e.nodeType&&ae(e),v=Y.get(e,"fxshow");for(r in n.queue||(null==(a=S._queueHooks(e,"fx")).unqueued&&(a.unqueued=0,s=a.empty.fire,a.empty.fire=function(){a.unqueued||s();}),a.unqueued++,p.always(function(){p.always(function(){a.unqueued--,S.queue(e,"fx").length||a.empty.fire();});})),t){if(i=t[r],rt.test(i)){if(delete t[r],o=o||"toggle"===i,i===(g?"hide":"show")){if("show"!==i||!v||void 0===v[r]){continue;}g=!0;}d[r]=v&&v[r]||S.style(e,r);}}if((u=!S.isEmptyObject(t))||!S.isEmptyObject(d)){for(r in f&&1===e.nodeType&&(n.overflow=[h.overflow,h.overflowX,h.overflowY],null==(l=v&&v.display)&&(l=Y.get(e,"display")),"none"===(c=S.css(e,"display"))&&(l?c=l:(le([e],!0),l=e.style.display||l,c=S.css(e,"display"),le([e]))),("inline"===c||"inline-block"===c&&null!=l)&&"none"===S.css(e,"float")&&(u||(p.done(function(){h.display=l;}),null==l&&(c=h.display,l="none"===c?"":c)),h.display="inline-block")),n.overflow&&(h.overflow="hidden",p.always(function(){h.overflow=n.overflow[0],h.overflowX=n.overflow[1],h.overflowY=n.overflow[2];})),u=!1,d){u||(v?"hidden"in v&&(g=v.hidden):v=Y.access(e,"fxshow",{display:l}),o&&(v.hidden=!g),g&&le([e],!0),p.done(function(){for(r in g||le([e]),Y.remove(e,"fxshow"),d){S.style(e,r,d[r]);}})),u=ut(g?v[r]:0,r,p),r in v||(v[r]=u.start,g&&(u.end=u.start,u.start=0));}}}],prefilter:function(e,t){t?lt.prefilters.unshift(e):lt.prefilters.push(e);}}),S.speed=function(e,t,n){const r=e&&"object"==typeof e?S.extend({},e):{complete:n||!n&&t||m(e)&&e,duration:e,easing:n&&t||t&&!m(t)&&t};return S.fx.off?r.duration=0:"number"!=typeof r.duration&&(r.duration in S.fx.speeds?r.duration=S.fx.speeds[r.duration]:r.duration=S.fx.speeds._default),null!=r.queue&&!0!==r.queue||(r.queue="fx"),r.old=r.complete,r.complete=function(){m(r.old)&&r.old.call(this),r.queue&&S.dequeue(this,r.queue);},r;},S.fn.extend({fadeTo:function(e,t,n,r){return this.filter(ae).css("opacity",0).show().end().animate({opacity:t},e,n,r);},animate:function(t,e,n,r){const i=S.isEmptyObject(t),o=S.speed(e,n,r),a=function(){const e=lt(this,S.extend({},t),o);(i||Y.get(this,"finish"))&&e.stop(!0);};return a.finish=a,i||!1===o.queue?this.each(a):this.queue(o.queue,a);},stop:function(i,e,o){const a=function(e){const t=e.stop;delete e.stop,t(o);};return"string"!=typeof i&&(o=e,e=i,i=void 0),e&&this.queue(i||"fx",[]),this.each(function(){let e=!0,t=null!=i&&i+"queueHooks",n=S.timers,r=Y.get(this);if(t){r[t]&&r[t].stop&&a(r[t]);}else {for(t in r){r[t]&&r[t].stop&&it.test(t)&&a(r[t]);}}for(t=n.length;t--;){n[t].elem!==this||null!=i&&n[t].queue!==i||(n[t].anim.stop(o),e=!1,n.splice(t,1));}!e&&o||S.dequeue(this,i);});},finish:function(a){return!1!==a&&(a=a||"fx"),this.each(function(){let e,t=Y.get(this),n=t[a+"queue"],r=t[a+"queueHooks"],i=S.timers,o=n?n.length:0;for(t.finish=!0,S.queue(this,a,[]),r&&r.stop&&r.stop.call(this,!0),e=i.length;e--;){i[e].elem===this&&i[e].queue===a&&(i[e].anim.stop(!0),i.splice(e,1));}for(e=0;e<o;e++){n[e]&&n[e].finish&&n[e].finish.call(this);}delete t.finish;});}}),S.each(["toggle","show","hide"],function(e,r){const i=S.fn[r];S.fn[r]=function(e,t,n){return null==e||"boolean"==typeof e?i.apply(this,arguments):this.animate(st(r,!0),e,t,n);};}),S.each({slideDown:st("show"),slideUp:st("hide"),slideToggle:st("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(e,r){S.fn[e]=function(e,t,n){return this.animate(r,e,t,n);};}),S.timers=[],S.fx.tick=function(){let e,t=0,n=S.timers;for(Ze=Date.now();t<n.length;t++){(e=n[t])()||n[t]!==e||n.splice(t--,1);}n.length||S.fx.stop(),Ze=void 0;},S.fx.timer=function(e){S.timers.push(e),S.fx.start();},S.fx.interval=13,S.fx.start=function(){et||(et=!0,ot());},S.fx.stop=function(){et=null;},S.fx.speeds={slow:600,fast:200,_default:400},S.fn.delay=function(r,e){return r=S.fx&&S.fx.speeds[r]||r,e=e||"fx",this.queue(e,function(e,t){const n=C.setTimeout(e,r);t.stop=function(){C.clearTimeout(n);};});},tt=E.createElement("input"),nt=E.createElement("select").appendChild(E.createElement("option")),tt.type="checkbox",y.checkOn=""!==tt.value,y.optSelected=nt.selected,(tt=E.createElement("input")).value="t",tt.type="radio",y.radioValue="t"===tt.value;let ct,ft=S.expr.attrHandle;S.fn.extend({attr:function(e,t){return $(this,S.attr,e,t,1<arguments.length);},removeAttr:function(e){return this.each(function(){S.removeAttr(this,e);});}}),S.extend({attr:function(e,t,n){let r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o){return"undefined"==typeof e.getAttribute?S.prop(e,t,n):(1===o&&S.isXMLDoc(e)||(i=S.attrHooks[t.toLowerCase()]||(S.expr.match.bool.test(t)?ct:void 0)),void 0!==n?null===n?void S.removeAttr(e,t):i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:(e.setAttribute(t,n+""),n):i&&"get"in i&&null!==(r=i.get(e,t))?r:null==(r=S.find.attr(e,t))?void 0:r);}},attrHooks:{type:{set:function(e,t){if(!y.radioValue&&"radio"===t&&A(e,"input")){const n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t;}}}},removeAttr:function(e,t){let n,r=0,i=t&&t.match(P);if(i&&1===e.nodeType){while(n=i[r++]){e.removeAttribute(n);}}}}),ct={set:function(e,t,n){return!1===t?S.removeAttr(e,n):e.setAttribute(n,n),n;}},S.each(S.expr.match.bool.source.match(/\w+/g),function(e,t){const a=ft[t]||S.find.attr;ft[t]=function(e,t,n){let r,i,o=t.toLowerCase();return n||(i=ft[o],ft[o]=r,r=null!=a(e,t,n)?o:null,ft[o]=i),r;};});const pt=/^(?:input|select|textarea|button)$/i,dt=/^(?:a|area)$/i;function ht(e){return(e.match(P)||[]).join(" ");}function gt(e){return e.getAttribute&&e.getAttribute("class")||"";}function vt(e){return Array.isArray(e)?e:"string"==typeof e&&e.match(P)||[];}S.fn.extend({prop:function(e,t){return $(this,S.prop,e,t,1<arguments.length);},removeProp:function(e){return this.each(function(){delete this[S.propFix[e]||e];});}}),S.extend({prop:function(e,t,n){let r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o){return 1===o&&S.isXMLDoc(e)||(t=S.propFix[t]||t,i=S.propHooks[t]),void 0!==n?i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:e[t]=n:i&&"get"in i&&null!==(r=i.get(e,t))?r:e[t];}},propHooks:{tabIndex:{get:function(e){const t=S.find.attr(e,"tabindex");return t?parseInt(t,10):pt.test(e.nodeName)||dt.test(e.nodeName)&&e.href?0:-1;}}},propFix:{"for":"htmlFor","class":"className"}}),y.optSelected||(S.propHooks.selected={get:function(e){const t=e.parentNode;return t&&t.parentNode&&t.parentNode.selectedIndex,null;},set:function(e){const t=e.parentNode;t&&(t.selectedIndex,t.parentNode&&t.parentNode.selectedIndex);}}),S.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){S.propFix[this.toLowerCase()]=this;}),S.fn.extend({addClass:function(t){let e,n,r,i,o,a,s,u=0;if(m(t)){return this.each(function(e){S(this).addClass(t.call(this,e,gt(this)));});}if((e=vt(t)).length){while(n=this[u++]){if(i=gt(n),r=1===n.nodeType&&" "+ht(i)+" "){a=0;while(o=e[a++]){r.indexOf(" "+o+" ")<0&&(r+=o+" ");}i!==(s=ht(r))&&n.setAttribute("class",s);}}}return this;},removeClass:function(t){let e,n,r,i,o,a,s,u=0;if(m(t)){return this.each(function(e){S(this).removeClass(t.call(this,e,gt(this)));});}if(!arguments.length){return this.attr("class","");}if((e=vt(t)).length){while(n=this[u++]){if(i=gt(n),r=1===n.nodeType&&" "+ht(i)+" "){a=0;while(o=e[a++]){while(-1<r.indexOf(" "+o+" ")){r=r.replace(" "+o+" "," ");}}i!==(s=ht(r))&&n.setAttribute("class",s);}}}return this;},toggleClass:function(i,t){const o=typeof i,a="string"===o||Array.isArray(i);return"boolean"==typeof t&&a?t?this.addClass(i):this.removeClass(i):m(i)?this.each(function(e){S(this).toggleClass(i.call(this,e,gt(this),t),t);}):this.each(function(){let e,t,n,r;if(a){t=0,n=S(this),r=vt(i);while(e=r[t++]){n.hasClass(e)?n.removeClass(e):n.addClass(e);}}else {void 0!==i&&"boolean"!==o||((e=gt(this))&&Y.set(this,"__className__",e),this.setAttribute&&this.setAttribute("class",e||!1===i?"":Y.get(this,"__className__")||""));}});},hasClass:function(e){let t,n,r=0;t=" "+e+" ";while(n=this[r++]){if(1===n.nodeType&&-1<(" "+ht(gt(n))+" ").indexOf(t)){return!0;}}return!1;}});const yt=/\r/g;S.fn.extend({val:function(n){let r,e,i,t=this[0];return arguments.length?(i=m(n),this.each(function(e){let t;1===this.nodeType&&(null==(t=i?n.call(this,e,S(this).val()):n)?t="":"number"==typeof t?t+="":Array.isArray(t)&&(t=S.map(t,function(e){return null==e?"":e+"";})),(r=S.valHooks[this.type]||S.valHooks[this.nodeName.toLowerCase()])&&"set"in r&&void 0!==r.set(this,t,"value")||(this.value=t));})):t?(r=S.valHooks[t.type]||S.valHooks[t.nodeName.toLowerCase()])&&"get"in r&&void 0!==(e=r.get(t,"value"))?e:"string"==typeof(e=t.value)?e.replace(yt,""):null==e?"":e:void 0;}}),S.extend({valHooks:{option:{get:function(e){const t=S.find.attr(e,"value");return null!=t?t:ht(S.text(e));}},select:{get:function(e){let t,n,r,i=e.options,o=e.selectedIndex,a="select-one"===e.type,s=a?null:[],u=a?o+1:i.length;for(r=o<0?u:a?o:0;r<u;r++){if(((n=i[r]).selected||r===o)&&!n.disabled&&(!n.parentNode.disabled||!A(n.parentNode,"optgroup"))){if(t=S(n).val(),a){return t;}s.push(t);}}return s;},set:function(e,t){let n,r,i=e.options,o=S.makeArray(t),a=i.length;while(a--){((r=i[a]).selected=-1<S.inArray(S.valHooks.option.get(r),o))&&(n=!0);}return n||(e.selectedIndex=-1),o;}}}}),S.each(["radio","checkbox"],function(){S.valHooks[this]={set:function(e,t){if(Array.isArray(t)){return e.checked=-1<S.inArray(S(e).val(),t);}}},y.checkOn||(S.valHooks[this].get=function(e){return null===e.getAttribute("value")?"on":e.value;});}),y.focusin="onfocusin"in C;const mt=/^(?:focusinfocus|focusoutblur)$/,xt=function(e){e.stopPropagation();};S.extend(S.event,{trigger:function(e,t,n,r){let i,o,a,s,u,l,c,f,p=[n||E],d=v.call(e,"type")?e.type:e,h=v.call(e,"namespace")?e.namespace.split("."):[];if(o=f=a=n=n||E,3!==n.nodeType&&8!==n.nodeType&&!mt.test(d+S.event.triggered)&&(-1<d.indexOf(".")&&(d=(h=d.split(".")).shift(),h.sort()),u=d.indexOf(":")<0&&"on"+d,(e=e[S.expando]?e:new S.Event(d,"object"==typeof e&&e)).isTrigger=r?2:3,e.namespace=h.join("."),e.rnamespace=e.namespace?new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,e.result=void 0,e.target||(e.target=n),t=null==t?[e]:S.makeArray(t,[e]),c=S.event.special[d]||{},r||!c.trigger||!1!==c.trigger.apply(n,t))){if(!r&&!c.noBubble&&!x(n)){for(s=c.delegateType||d,mt.test(s+d)||(o=o.parentNode);o;o=o.parentNode){p.push(o),a=o;}a===(n.ownerDocument||E)&&p.push(a.defaultView||a.parentWindow||C);}i=0;while((o=p[i++])&&!e.isPropagationStopped()){f=o,e.type=1<i?s:c.bindType||d,(l=(Y.get(o,"events")||Object.create(null))[e.type]&&Y.get(o,"handle"))&&l.apply(o,t),(l=u&&o[u])&&l.apply&&V(o)&&(e.result=l.apply(o,t),!1===e.result&&e.preventDefault());}return e.type=d,r||e.isDefaultPrevented()||c._default&&!1!==c._default.apply(p.pop(),t)||!V(n)||u&&m(n[d])&&!x(n)&&((a=n[u])&&(n[u]=null),S.event.triggered=d,e.isPropagationStopped()&&f.addEventListener(d,xt),n[d](),e.isPropagationStopped()&&f.removeEventListener(d,xt),S.event.triggered=void 0,a&&(n[u]=a)),e.result;}},simulate:function(e,t,n){const r=S.extend(new S.Event,n,{type:e,isSimulated:!0});S.event.trigger(r,null,t);}}),S.fn.extend({trigger:function(e,t){return this.each(function(){S.event.trigger(e,t,this);});},triggerHandler:function(e,t){const n=this[0];if(n){return S.event.trigger(e,t,n,!0);}}}),y.focusin||S.each({focus:"focusin",blur:"focusout"},function(n,r){const i=function(e){S.event.simulate(r,e.target,S.event.fix(e));};S.event.special[r]={setup:function(){const e=this.ownerDocument||this.document||this,t=Y.access(e,r);t||e.addEventListener(n,i,!0),Y.access(e,r,(t||0)+1);},teardown:function(){const e=this.ownerDocument||this.document||this,t=Y.access(e,r)-1;t?Y.access(e,r,t):(e.removeEventListener(n,i,!0),Y.remove(e,r));}};});const bt=C.location,wt={guid:Date.now()},Tt=/\?/;S.parseXML=function(e){let t,n;if(!e||"string"!=typeof e){return null;}try{t=(new C.DOMParser).parseFromString(e,"text/xml");}catch(e){}return n=t&&t.getElementsByTagName("parsererror")[0],t&&!n||S.error("Invalid XML: "+(n?S.map(n.childNodes,function(e){return e.textContent;}).join("\n"):e)),t;};const Ct=/\[\]$/,Et=/\r?\n/g,St=/^(?:submit|button|image|reset|file)$/i,kt=/^(?:input|select|textarea|keygen)/i;function At(n,e,r,i){let t;if(Array.isArray(e)){S.each(e,function(e,t){r||Ct.test(n)?i(n,t):At(n+"["+("object"==typeof t&&null!=t?e:"")+"]",t,r,i);});}else if(r||"object"!==w(e)){i(n,e);}else {for(t in e){At(n+"["+t+"]",e[t],r,i);}}}S.param=function(e,t){let n,r=[],i=function(e,t){const n=m(t)?t():t;r[r.length]=encodeURIComponent(e)+"="+encodeURIComponent(null==n?"":n);};if(null==e){return"";}if(Array.isArray(e)||e.jquery&&!S.isPlainObject(e)){S.each(e,function(){i(this.name,this.value);});}else {for(n in e){At(n,e[n],t,i);}}return r.join("&");},S.fn.extend({serialize:function(){return S.param(this.serializeArray());},serializeArray:function(){return this.map(function(){const e=S.prop(this,"elements");return e?S.makeArray(e):this;}).filter(function(){const e=this.type;return this.name&&!S(this).is(":disabled")&&kt.test(this.nodeName)&&!St.test(e)&&(this.checked||!pe.test(e));}).map(function(e,t){const n=S(this).val();return null==n?null:Array.isArray(n)?S.map(n,function(e){return{name:t.name,value:e.replace(Et,"\r\n")};}):{name:t.name,value:n.replace(Et,"\r\n")};}).get();}});const Nt=/%20/g,jt=/#.*$/,Dt=/([?&])_=[^&]*/,qt=/^(.*?):[ \t]*([^\r\n]*)$/gm,Lt=/^(?:GET|HEAD)$/,Ht=/^\/\//,Ot={},Pt={},Rt="*/".concat("*"),Mt=E.createElement("a");function It(o){return function(e,t){"string"!=typeof e&&(t=e,e="*");let n,r=0,i=e.toLowerCase().match(P)||[];if(m(t)){while(n=i[r++]){"+"===n[0]?(n=n.slice(1)||"*",(o[n]=o[n]||[]).unshift(t)):(o[n]=o[n]||[]).push(t);}}};}function Wt(t,i,o,a){const s={},u=t===Pt;function l(e){let r;return s[e]=!0,S.each(t[e]||[],function(e,t){const n=t(i,o,a);return"string"!=typeof n||u||s[n]?u?!(r=n):void 0:(i.dataTypes.unshift(n),l(n),!1);}),r;}return l(i.dataTypes[0])||!s["*"]&&l("*");}function Ft(e,t){let n,r,i=S.ajaxSettings.flatOptions||{};for(n in t){void 0!==t[n]&&((i[n]?e:r||(r={}))[n]=t[n]);}return r&&S.extend(!0,e,r),e;}Mt.href=bt.href,S.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:bt.href,type:"GET",isLocal:/^(?:about|app|app-storage|.+-extension|file|res|widget):$/.test(bt.protocol),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":Rt,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/\bxml\b/,html:/\bhtml/,json:/\bjson\b/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":JSON.parse,"text xml":S.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(e,t){return t?Ft(Ft(e,S.ajaxSettings),t):Ft(S.ajaxSettings,e);},ajaxPrefilter:It(Ot),ajaxTransport:It(Pt),ajax:function(e,t){"object"==typeof e&&(t=e,e=void 0),t=t||{};var c,f,p,n,d,r,h,g,i,o,v=S.ajaxSetup({},t),y=v.context||v,m=v.context&&(y.nodeType||y.jquery)?S(y):S.event,x=S.Deferred(),b=S.Callbacks("once memory"),w=v.statusCode||{},a={},s={},u="canceled",T={readyState:0,getResponseHeader:function(e){let t;if(h){if(!n){n={};while(t=qt.exec(p)){n[t[1].toLowerCase()+" "]=(n[t[1].toLowerCase()+" "]||[]).concat(t[2]);}}t=n[e.toLowerCase()+" "];}return null==t?null:t.join(", ");},getAllResponseHeaders:function(){return h?p:null;},setRequestHeader:function(e,t){return null==h&&(e=s[e.toLowerCase()]=s[e.toLowerCase()]||e,a[e]=t),this;},overrideMimeType:function(e){return null==h&&(v.mimeType=e),this;},statusCode:function(e){let t;if(e){if(h){T.always(e[T.status]);}else {for(t in e){w[t]=[w[t],e[t]];}}}return this;},abort:function(e){const t=e||u;return c&&c.abort(t),l(0,t),this;}};if(x.promise(T),v.url=((e||v.url||bt.href)+"").replace(Ht,bt.protocol+"//"),v.type=t.method||t.type||v.method||v.type,v.dataTypes=(v.dataType||"*").toLowerCase().match(P)||[""],null==v.crossDomain){r=E.createElement("a");try{r.href=v.url,r.href=r.href,v.crossDomain=Mt.protocol+"//"+Mt.host!=r.protocol+"//"+r.host;}catch(e){v.crossDomain=!0;}}if(v.data&&v.processData&&"string"!=typeof v.data&&(v.data=S.param(v.data,v.traditional)),Wt(Ot,v,t,T),h){return T;}for(i in(g=S.event&&v.global)&&0==S.active++&&S.event.trigger("ajaxStart"),v.type=v.type.toUpperCase(),v.hasContent=!Lt.test(v.type),f=v.url.replace(jt,""),v.hasContent?v.data&&v.processData&&0===(v.contentType||"").indexOf("application/x-www-form-urlencoded")&&(v.data=v.data.replace(Nt,"+")):(o=v.url.slice(f.length),v.data&&(v.processData||"string"==typeof v.data)&&(f+=(Tt.test(f)?"&":"?")+v.data,delete v.data),!1===v.cache&&(f=f.replace(Dt,"$1"),o=(Tt.test(f)?"&":"?")+"_="+wt.guid+++o),v.url=f+o),v.ifModified&&(S.lastModified[f]&&T.setRequestHeader("If-Modified-Since",S.lastModified[f]),S.etag[f]&&T.setRequestHeader("If-None-Match",S.etag[f])),(v.data&&v.hasContent&&!1!==v.contentType||t.contentType)&&T.setRequestHeader("Content-Type",v.contentType),T.setRequestHeader("Accept",v.dataTypes[0]&&v.accepts[v.dataTypes[0]]?v.accepts[v.dataTypes[0]]+("*"!==v.dataTypes[0]?", "+Rt+"; q=0.01":""):v.accepts["*"]),v.headers){T.setRequestHeader(i,v.headers[i]);}if(v.beforeSend&&(!1===v.beforeSend.call(y,T,v)||h)){return T.abort();}if(u="abort",b.add(v.complete),T.done(v.success),T.fail(v.error),c=Wt(Pt,v,t,T)){if(T.readyState=1,g&&m.trigger("ajaxSend",[T,v]),h){return T;}v.async&&0<v.timeout&&(d=C.setTimeout(function(){T.abort("timeout");},v.timeout));try{h=!1,c.send(a,l);}catch(e){if(h){throw e;}l(-1,e);}}else {l(-1,"No Transport");}function l(e,t,n,r){let i,o,a,s,u,l=t;h||(h=!0,d&&C.clearTimeout(d),c=void 0,p=r||"",T.readyState=0<e?4:0,i=200<=e&&e<300||304===e,n&&(s=function(e,t,n){let r,i,o,a,s=e.contents,u=e.dataTypes;while("*"===u[0]){u.shift(),void 0===r&&(r=e.mimeType||t.getResponseHeader("Content-Type"));}if(r){for(i in s){if(s[i]&&s[i].test(r)){u.unshift(i);break;}}}if(u[0]in n){o=u[0];}else{for(i in n){if(!u[0]||e.converters[i+" "+u[0]]){o=i;break;}a||(a=i);}o=o||a;}if(o){return o!==u[0]&&u.unshift(o),n[o];}}(v,T,n)),!i&&-1<S.inArray("script",v.dataTypes)&&S.inArray("json",v.dataTypes)<0&&(v.converters["text script"]=function(){}),s=function(e,t,n,r){let i,o,a,s,u,l={},c=e.dataTypes.slice();if(c[1]){for(a in e.converters){l[a.toLowerCase()]=e.converters[a];}}o=c.shift();while(o){if(e.responseFields[o]&&(n[e.responseFields[o]]=t),!u&&r&&e.dataFilter&&(t=e.dataFilter(t,e.dataType)),u=o,o=c.shift()){if("*"===o){o=u;}else if("*"!==u&&u!==o){if(!(a=l[u+" "+o]||l["* "+o])){for(i in l){if((s=i.split(" "))[1]===o&&(a=l[u+" "+s[0]]||l["* "+s[0]])){!0===a?a=l[i]:!0!==l[i]&&(o=s[0],c.unshift(s[1]));break;}}}if(!0!==a){if(a&&e["throws"]){t=a(t);}else {try{t=a(t);}catch(e){return{state:"parsererror",error:a?e:"No conversion from "+u+" to "+o};}}}}}}return{state:"success",data:t};}(v,s,T,i),i?(v.ifModified&&((u=T.getResponseHeader("Last-Modified"))&&(S.lastModified[f]=u),(u=T.getResponseHeader("etag"))&&(S.etag[f]=u)),204===e||"HEAD"===v.type?l="nocontent":304===e?l="notmodified":(l=s.state,o=s.data,i=!(a=s.error))):(a=l,!e&&l||(l="error",e<0&&(e=0))),T.status=e,T.statusText=(t||l)+"",i?x.resolveWith(y,[o,l,T]):x.rejectWith(y,[T,l,a]),T.statusCode(w),w=void 0,g&&m.trigger(i?"ajaxSuccess":"ajaxError",[T,v,i?o:a]),b.fireWith(y,[T,l]),g&&(m.trigger("ajaxComplete",[T,v]),--S.active||S.event.trigger("ajaxStop")));}return T;},getJSON:function(e,t,n){return S.get(e,t,n,"json");},getScript:function(e,t){return S.get(e,void 0,t,"script");}}),S.each(["get","post"],function(e,i){S[i]=function(e,t,n,r){return m(t)&&(r=r||n,n=t,t=void 0),S.ajax(S.extend({url:e,type:i,dataType:r,data:t,success:n},S.isPlainObject(e)&&e));};}),S.ajaxPrefilter(function(e){let t;for(t in e.headers){"content-type"===t.toLowerCase()&&(e.contentType=e.headers[t]||"");}}),S._evalUrl=function(e,t,n){return S.ajax({url:e,type:"GET",dataType:"script",cache:!0,async:!1,global:!1,converters:{"text script":function(){}},dataFilter:function(e){S.globalEval(e,t,n);}});},S.fn.extend({wrapAll:function(e){let t;return this[0]&&(m(e)&&(e=e.call(this[0])),t=S(e,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){let e=this;while(e.firstElementChild){e=e.firstElementChild;}return e;}).append(this)),this;},wrapInner:function(n){return m(n)?this.each(function(e){S(this).wrapInner(n.call(this,e));}):this.each(function(){const e=S(this),t=e.contents();t.length?t.wrapAll(n):e.append(n);});},wrap:function(t){const n=m(t);return this.each(function(e){S(this).wrapAll(n?t.call(this,e):t);});},unwrap:function(e){return this.parent(e).not("body").each(function(){S(this).replaceWith(this.childNodes);}),this;}}),S.expr.pseudos.hidden=function(e){return!S.expr.pseudos.visible(e);},S.expr.pseudos.visible=function(e){return!!(e.offsetWidth||e.offsetHeight||e.getClientRects().length);},S.ajaxSettings.xhr=function(){try{return new C.XMLHttpRequest;}catch(e){}};let Bt={0:200,1223:204},$t=S.ajaxSettings.xhr();y.cors=!!$t&&"withCredentials"in $t,y.ajax=$t=!!$t,S.ajaxTransport(function(i){let o,a;if(y.cors||$t&&!i.crossDomain){return{send:function(e,t){let n,r=i.xhr();if(r.open(i.type,i.url,i.async,i.username,i.password),i.xhrFields){for(n in i.xhrFields){r[n]=i.xhrFields[n];}}for(n in i.mimeType&&r.overrideMimeType&&r.overrideMimeType(i.mimeType),i.crossDomain||e["X-Requested-With"]||(e["X-Requested-With"]="XMLHttpRequest"),e){r.setRequestHeader(n,e[n]);}o=function(e){return function(){o&&(o=a=r.onload=r.onerror=r.onabort=r.ontimeout=r.onreadystatechange=null,"abort"===e?r.abort():"error"===e?"number"!=typeof r.status?t(0,"error"):t(r.status,r.statusText):t(Bt[r.status]||r.status,r.statusText,"text"!==(r.responseType||"text")||"string"!=typeof r.responseText?{binary:r.response}:{text:r.responseText},r.getAllResponseHeaders()));};},r.onload=o(),a=r.onerror=r.ontimeout=o("error"),void 0!==r.onabort?r.onabort=a:r.onreadystatechange=function(){4===r.readyState&&C.setTimeout(function(){o&&a();});},o=o("abort");try{r.send(i.hasContent&&i.data||null);}catch(e){if(o){throw e;}}},abort:function(){o&&o();}};}}),S.ajaxPrefilter(function(e){e.crossDomain&&(e.contents.script=!1);}),S.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/\b(?:java|ecma)script\b/},converters:{"text script":function(e){return S.globalEval(e),e;}}}),S.ajaxPrefilter("script",function(e){void 0===e.cache&&(e.cache=!1),e.crossDomain&&(e.type="GET");}),S.ajaxTransport("script",function(n){let r,i;if(n.crossDomain||n.scriptAttrs){return{send:function(e,t){r=S("<script>").attr(n.scriptAttrs||{}).prop({charset:n.scriptCharset,src:n.url}).on("load error",i=function(e){r.remove(),i=null,e&&t("error"===e.type?404:200,e.type);}),E.head.appendChild(r[0]);},abort:function(){i&&i();}};}});let _t,zt=[],Ut=/(=)\?(?=&|$)|\?\?/;S.ajaxSetup({jsonp:"callback",jsonpCallback:function(){const e=zt.pop()||S.expando+"_"+wt.guid++;return this[e]=!0,e;}}),S.ajaxPrefilter("json jsonp",function(e,t,n){let r,i,o,a=!1!==e.jsonp&&(Ut.test(e.url)?"url":"string"==typeof e.data&&0===(e.contentType||"").indexOf("application/x-www-form-urlencoded")&&Ut.test(e.data)&&"data");if(a||"jsonp"===e.dataTypes[0]){return r=e.jsonpCallback=m(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,a?e[a]=e[a].replace(Ut,"$1"+r):!1!==e.jsonp&&(e.url+=(Tt.test(e.url)?"&":"?")+e.jsonp+"="+r),e.converters["script json"]=function(){return o||S.error(r+" was not called"),o[0];},e.dataTypes[0]="json",i=C[r],C[r]=function(){o=arguments;},n.always(function(){void 0===i?S(C).removeProp(r):C[r]=i,e[r]&&(e.jsonpCallback=t.jsonpCallback,zt.push(r)),o&&m(i)&&i(o[0]),o=i=void 0;}),"script";}}),y.createHTMLDocument=((_t=E.implementation.createHTMLDocument("").body).innerHTML="<form></form><form></form>",2===_t.childNodes.length),S.parseHTML=function(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||(y.createHTMLDocument?((r=(t=E.implementation.createHTMLDocument("")).createElement("base")).href=E.location.href,t.head.appendChild(r)):t=E),o=!n&&[],(i=N.exec(e))?[t.createElement(i[1])]:(i=xe([e],t,o),o&&o.length&&S(o).remove(),S.merge([],i.childNodes)));let r,i,o;},S.fn.load=function(e,t,n){let r,i,o,a=this,s=e.indexOf(" ");return-1<s&&(r=ht(e.slice(s)),e=e.slice(0,s)),m(t)?(n=t,t=void 0):t&&"object"==typeof t&&(i="POST"),0<a.length&&S.ajax({url:e,type:i||"GET",dataType:"html",data:t}).done(function(e){o=arguments,a.html(r?S("<div>").append(S.parseHTML(e)).find(r):e);}).always(n&&function(e,t){a.each(function(){n.apply(this,o||[e.responseText,t,e]);});}),this;},S.expr.pseudos.animated=function(t){return S.grep(S.timers,function(e){return t===e.elem;}).length;},S.offset={setOffset:function(e,t,n){let r,i,o,a,s,u,l=S.css(e,"position"),c=S(e),f={};"static"===l&&(e.style.position="relative"),s=c.offset(),o=S.css(e,"top"),u=S.css(e,"left"),("absolute"===l||"fixed"===l)&&-1<(o+u).indexOf("auto")?(a=(r=c.position()).top,i=r.left):(a=parseFloat(o)||0,i=parseFloat(u)||0),m(t)&&(t=t.call(e,n,S.extend({},s))),null!=t.top&&(f.top=t.top-s.top+a),null!=t.left&&(f.left=t.left-s.left+i),"using"in t?t.using.call(e,f):c.css(f);}},S.fn.extend({offset:function(t){if(arguments.length){return void 0===t?this:this.each(function(e){S.offset.setOffset(this,t,e);});}let e,n,r=this[0];return r?r.getClientRects().length?(e=r.getBoundingClientRect(),n=r.ownerDocument.defaultView,{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}):{top:0,left:0}:void 0;},position:function(){if(this[0]){let e,t,n,r=this[0],i={top:0,left:0};if("fixed"===S.css(r,"position")){t=r.getBoundingClientRect();}else{t=this.offset(),n=r.ownerDocument,e=r.offsetParent||n.documentElement;while(e&&(e===n.body||e===n.documentElement)&&"static"===S.css(e,"position")){e=e.parentNode;}e&&e!==r&&1===e.nodeType&&((i=S(e).offset()).top+=S.css(e,"borderTopWidth",!0),i.left+=S.css(e,"borderLeftWidth",!0));}return{top:t.top-i.top-S.css(r,"marginTop",!0),left:t.left-i.left-S.css(r,"marginLeft",!0)};}},offsetParent:function(){return this.map(function(){let e=this.offsetParent;while(e&&"static"===S.css(e,"position")){e=e.offsetParent;}return e||re;});}}),S.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i){const o="pageYOffset"===i;S.fn[t]=function(e){return $(this,function(e,t,n){let r;if(x(e)?r=e:9===e.nodeType&&(r=e.defaultView),void 0===n){return r?r[i]:e[t];}r?r.scrollTo(o?r.pageXOffset:n,o?n:r.pageYOffset):e[t]=n;},t,e,arguments.length);};}),S.each(["top","left"],function(e,n){S.cssHooks[n]=Fe(y.pixelPosition,function(e,t){if(t){return t=We(e,n),Pe.test(t)?S(e).position()[n]+"px":t;}});}),S.each({Height:"height",Width:"width"},function(a,s){S.each({padding:"inner"+a,content:s,"":"outer"+a},function(r,o){S.fn[o]=function(e,t){const n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!0===e||!0===t?"margin":"border");return $(this,function(e,t,n){let r;return x(e)?0===o.indexOf("outer")?e["inner"+a]:e.document.documentElement["client"+a]:9===e.nodeType?(r=e.documentElement,Math.max(e.body["scroll"+a],r["scroll"+a],e.body["offset"+a],r["offset"+a],r["client"+a])):void 0===n?S.css(e,t,i):S.style(e,t,n,i);},s,n?e:void 0,n);};});}),S.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){S.fn[t]=function(e){return this.on(t,e);};}),S.fn.extend({bind:function(e,t,n){return this.on(e,null,t,n);},unbind:function(e,t){return this.off(e,null,t);},delegate:function(e,t,n,r){return this.on(t,e,n,r);},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n);},hover:function(e,t){return this.mouseenter(e).mouseleave(t||e);}}),S.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(e,n){S.fn[n]=function(e,t){return 0<arguments.length?this.on(n,null,e,t):this.trigger(n);};});const Xt=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;S.proxy=function(e,t){let n,r,i;if("string"==typeof t&&(n=e[t],t=e,e=n),m(e)){return r=s.call(arguments,2),(i=function(){return e.apply(t||this,r.concat(s.call(arguments)));}).guid=e.guid=e.guid||S.guid++,i;}},S.holdReady=function(e){e?S.readyWait++:S.ready(!0);},S.isArray=Array.isArray,S.parseJSON=JSON.parse,S.nodeName=A,S.isFunction=m,S.isWindow=x,S.camelCase=X,S.type=w,S.now=Date.now,S.isNumeric=function(e){const t=S.type(e);return("number"===t||"string"===t)&&!isNaN(e-parseFloat(e));},S.trim=function(e){return null==e?"":(e+"").replace(Xt,"");},"function"==typeof define&&define.amd&&define("jquery",[],function(){return S;});const Vt=C.jQuery,Gt=C.$;return S.noConflict=function(e){return C.$===S&&(C.$=Gt),e&&C.jQuery===S&&(C.jQuery=Vt),S;},"undefined"==typeof e&&(C.jQuery=C.$=S),S;});
diff --git a/packages/farris-theme/gulpfile.js b/packages/farris-theme/gulpfile.js
index 604f7efab9d15bc47f142be73817bbd4aa41cc87..57be9f40e3007a34d3f29932afbf1ef27a627a95 100644
--- a/packages/farris-theme/gulpfile.js
+++ b/packages/farris-theme/gulpfile.js
@@ -12,26 +12,26 @@ const minimist = require('minimist');
 const path = require('path');
 const fs = require('fs');
 const inlineBase64 = require('gulp-inline-base64');
-var sourceDir = path.resolve('./');
+const sourceDir = path.resolve('./');
 // 决定是否把图片、字体改成dataurl的写法
 // 用于格式化命令参数
-var knownOptions = {
+const knownOptions = {
   default: {
     code: 'default',
     type: 'default'
   }
 };
 
-/*******************************
+/** *****************************
 如果命令是 gulp theme --code mimicry --type default --base64 true
 process.argv:[node路径,gulp路径,'theme','--code','mimicry','--type','default','--base64','true']
 process.argv.slice(2): 执行结果是 ['theme','--code','mimicry','--type','default','--base64','true']
 minimist:执行结果{_:['theme'],code:'mimicry','type':'default','base64':'true'}
 *******************************/
-var options = minimist(process.argv.slice(2), knownOptions);
-let showInlineBase64 = options.hasOwnProperty('base64') ? options['base64'] == 'true' : true;
+const options = minimist(process.argv.slice(2), knownOptions);
+const showInlineBase64 = options.hasOwnProperty('base64') ? options['base64'] == 'true' : true;
 
-/*******************************
+/** *****************************
     farris icon 图标库文件  ***********************************************开始****************************
 *******************************/
 function transferToBase64(stream, fileBaseDir) {
@@ -40,11 +40,11 @@ function transferToBase64(stream, fileBaseDir) {
       baseDir: fileBaseDir,
       maxFileSize: 1024 * 200,
       debug: true
-    }))
+    }));
   }
   return stream;
 }
-var iconSourceDir = sourceDir + '/farris-icon/';
+const iconSourceDir = sourceDir + '/farris-icon/';
 gulp.task('icon-css', function (param) {
   let stream = gulp
     .src(`${iconSourceDir}entrance/farrisicon.scss`)
@@ -93,30 +93,30 @@ gulp.task(
   gulp.series('icon-clean', 'icon-css', 'icon-copy', 'icon-assets')
 );
 
-/*******************************
+/** *****************************
     farris icon 图标库文件  ***********************************************结束****************************
 *******************************/
 
-/*******************************
+/** *****************************
     Farris 主题样式生成  ***********************************************开始****************************
 *******************************/
 // 定义主题
 let themeDetail = {};
 
-/**控制参数 ****************************开始***************/
-let srcDir = path.join(sourceDir, 'theme/entrance');
-let baseDistDir = path.join(sourceDir, 'dist/themes');
+/** 控制参数 ****************************开始***************/
+const srcDir = path.join(sourceDir, 'theme/entrance');
+const baseDistDir = path.join(sourceDir, 'dist/themes');
 let distDir = baseDistDir;
-var baseThemes = "themes/";
-/**控制参数 *******************************结束*****************/
+const baseThemes = "themes/";
+/** 控制参数 *******************************结束*****************/
 
 // 读取配置文件，更新当前主题
 gulp.task('getthemes', () => {
   return gulp.src(path.join(sourceDir, 'themes/setting.json')).pipe(
     modifyContent(function (file) {
-      var themes = JSON.parse(file.contents);
+      const themes = JSON.parse(file.contents);
       themeDetail = findThemeSetting(options.code, themes);
-      //distDir = themeDetail['dist'] + '/' + options.type;
+      // distDir = themeDetail['dist'] + '/' + options.type;
       distDir = path.join(distDir, themeDetail['dist']);
     })
   );
@@ -178,14 +178,14 @@ gulp.task('theme-interface', function () {
         precision: 5
       }).on('error', sass.logError)
     )
-    .pipe(autoprefixer())
+    .pipe(autoprefixer());
   stream = transferToBase64(stream, path.join(distDir, '/'));
   return stream.pipe(minifycss())
     .pipe(modifyContent(addDate))
     .pipe(gulp.dest(distDir + "/interface"));
 });
 
-const parentPath = path.resolve(sourceDir, '..')
+const parentPath = path.resolve(sourceDir, '..');
 // 清空发布的文件夹
 gulp.task('ui-clean', function () {
   return gulp.src(path.join(parentPath, "ui-vue/package/theme*")).pipe(clean({ force: true }));
@@ -207,7 +207,7 @@ gulp.task('copy-to-designer', function () {
 
 // 拷贝资源到目录下
 gulp.task('theme-assets', () => {
-  var themePath = baseThemes + options.code + '/';
+  const themePath = baseThemes + options.code + '/';
   return gulp.src([path.join(sourceDir, 'theme/assets/**/*'), path.join(sourceDir, themePath + 'assets/**/*')]).pipe(gulp.dest(distDir));
 });
 
@@ -233,10 +233,10 @@ function modifyContent(detailFunc) {
   });
 }
 function modifySCSSForComponents(chunk) {
-  var content = String(chunk.contents);
-  var themePath = baseThemes + options.code + '/' + options.type + '/';
+  let content = String(chunk.contents);
+  const themePath = baseThemes + options.code + '/' + options.type + '/';
 
-  var contentPre = '@import "../common/index";\r\n';
+  let contentPre = '@import "../common/index";\r\n';
   // 追加变量定义
   if (fs.existsSync(themePath + 'index.scss')) {
     contentPre = "@import '" + themePath + "index.scss';\r\n" + contentPre;
@@ -252,15 +252,15 @@ function modifySCSSForComponents(chunk) {
 }
 
 function modifySCSSAll(chunk) {
-  var content = String(chunk.contents);
-  var themePath = baseThemes + options.code + '/' + options.type + '/';
+  let content = String(chunk.contents);
+  const themePath = baseThemes + options.code + '/' + options.type + '/';
   // // 追加变量定义
-  var contentPre = '@import "../common/index";';
+  let contentPre = '@import "../common/index";';
   // 追加变量定义
   if (fs.existsSync(path.join(themePath, 'index.scss'))) {
     contentPre = "@import '../../" + themePath + "index.scss';\r\n" + contentPre;
   }
-  const needExtendIndex = ["all.scss", "components.scss"].findIndex(item => chunk['history'][0].indexOf(item) > -1)
+  const needExtendIndex = ["all.scss", "components.scss"].findIndex(item => chunk['history'][0].indexOf(item) > -1);
   if (needExtendIndex > -1) {
     // 追加扩展定义
     if (fs.existsSync(path.join(themePath, 'extend.scss'))) {
@@ -272,49 +272,49 @@ function modifySCSSAll(chunk) {
 }
 
 function findThemeSetting(themeName, themes) {
-  let findTheme = themes.find(item => item.theme == themeName);
+  const findTheme = themes.find(item => item.theme == themeName);
   return findTheme;
 }
 function addDate(chunk) {
-  var content = String(chunk.contents);
+  let content = String(chunk.contents);
   content = "/**" + formaData() + "**/\r\n" + content;
   chunk.contents = Buffer.from(content);
 }
 
 // 定义格式化封装函数
 function formaData() {
-  var timer = new Date();
-  const year = timer.getFullYear()
-  const month = timer.getMonth() + 1 // 由于月份从0开始，因此需加1
-  const day = timer.getDate()
-  const hour = timer.getHours()
-  const minute = timer.getMinutes()
-  const second = timer.getSeconds()
-  return `${pad(year, 4)}-${pad(month)}-${pad(day)} ${pad(hour)}:${pad(minute)}:${pad(second)}`
+  const timer = new Date();
+  const year = timer.getFullYear();
+  const month = timer.getMonth() + 1; // 由于月份从0开始，因此需加1
+  const day = timer.getDate();
+  const hour = timer.getHours();
+  const minute = timer.getMinutes();
+  const second = timer.getSeconds();
+  return `${pad(year, 4)}-${pad(month)}-${pad(day)} ${pad(hour)}:${pad(minute)}:${pad(second)}`;
 }
 // 定义具体处理标准
 // timeEl 传递过来具体的数值：年月日时分秒
 // total 字符串总长度 默认值为2
 // str 补充元素 默认值为"0"
 function pad(timeEl, total = 2, str = '0') {
-  return timeEl.toString().padStart(total, str)
+  return timeEl.toString().padStart(total, str);
 }
-/*******************************
+/** *****************************
     Farris 主题样式生成  ***********************************************结束****************************
 *******************************/
 
 
-/*******************************
+/** *****************************
       Farris 公共样式生成 ***********************************************开始****************************
 *******************************/
-var pubOptions = minimist(process.argv.slice(2), { default: { code: 'default' } });
-var pubDistDir = '';
-var pubSrcDir = sourceDir + 'farris-pub/public/'
+const pubOptions = minimist(process.argv.slice(2), { default: { code: 'default' } });
+let pubDistDir = '';
+const pubSrcDir = sourceDir + 'farris-pub/public/';
 // 更新
 gulp.task('pubGetSetting', () => {
   return gulp.src(pubSrcDir + 'setting.json').pipe(
     modifyContent(function (file) {
-      var themes = JSON.parse(file.contents);
+      const themes = JSON.parse(file.contents);
       themeDetail = findThemeSetting(pubOptions.code, themes);
       console.log(themeDetail);
       pubDistDir = sourceDir + themeDetail['dist'];
@@ -342,8 +342,8 @@ gulp.task('pubMain', () => {
 
 
 function modifyPubSCSS(chunk) {
-  var content = String(chunk.contents);
-  var themePath = pubSrcDir + 'themes/' + pubOptions.code + '/';
+  let content = String(chunk.contents);
+  const themePath = pubSrcDir + 'themes/' + pubOptions.code + '/';
   // 追加变量定义
   if (fs.existsSync(themePath + '_index.scss')) {
     content = content.replace("//@theme", "@import './themes/" + pubOptions.code + "/index.scss';\r\n");
@@ -353,9 +353,9 @@ function modifyPubSCSS(chunk) {
 // 生成公共样式
 gulp.task('pubcss', gulp.series('pubGetSetting', 'pubMain'));
 
-var pubSiteSrc = sourceDir + 'farris-pub/site/';
-var pubDocsSrc = sourceDir + 'farris-pub/docs/';
-var pubDocsDist = sourceDir + 'dist/farris-pub/';
+const pubSiteSrc = sourceDir + 'farris-pub/site/';
+const pubDocsSrc = sourceDir + 'farris-pub/docs/';
+const pubDocsDist = sourceDir + 'dist/farris-pub/';
 // 文档样式
 gulp.task('pubdocs', function (param) {
   return (
@@ -388,6 +388,6 @@ gulp.task('pubsiteSettings', function () {
 gulp.task('pubsite', gulp.series('pubcss', 'pubdocs', 'pubsiteCopy'));
 // 增加了 js压缩、配置文件
 gulp.task('pubsite:publish', gulp.series('pubcss', 'pubdocs', 'pubsiteCopy', 'pubsiteMinJS', 'pubsiteSettings'));
-/*******************************
+/** *****************************
       Farris 公共样式生成 ***********************************************结束****************************
 *******************************/
diff --git a/packages/mobile-command-services/scripts/commands/build-vite-config.js b/packages/mobile-command-services/scripts/commands/build-vite-config.js
index e3c7059231a732ab52e7ce23d74cb900cf52b63a..ea795dd081c3baa8d0618e00986bba3d48c853ad 100644
--- a/packages/mobile-command-services/scripts/commands/build-vite-config.js
+++ b/packages/mobile-command-services/scripts/commands/build-vite-config.js
@@ -41,5 +41,5 @@ module.exports = function (options) {
                 },
             },
         },
-    })
-}
\ No newline at end of file
+    });
+};
diff --git a/packages/mobile-command-services/src/views/dynamic-demo/module/services/base-data.service.ts b/packages/mobile-command-services/src/views/dynamic-demo/module/services/base-data.service.ts
index 3588e1242fa084b2f73d60b69c1e47622d38d26c..dac760209ebee3d06411332caae72ca3d11f2f1e 100644
--- a/packages/mobile-command-services/src/views/dynamic-demo/module/services/base-data.service.ts
+++ b/packages/mobile-command-services/src/views/dynamic-demo/module/services/base-data.service.ts
@@ -45,4 +45,4 @@ class BaseDataService {
     }
 }
 
-export { BaseDataService }
\ No newline at end of file
+export { BaseDataService };
diff --git a/packages/mobile-ui-vue/components/common/src/compositions/use-click-away/index.ts b/packages/mobile-ui-vue/components/common/src/compositions/use-click-away/index.ts
index 9561efc72373184ce3c63e7fbd699e9f9f32574f..b6a04011d7a0faaa025e05a97523eb2c0c3733ac 100644
--- a/packages/mobile-ui-vue/components/common/src/compositions/use-click-away/index.ts
+++ b/packages/mobile-ui-vue/components/common/src/compositions/use-click-away/index.ts
@@ -1,5 +1,5 @@
-import { Ref, unref } from 'vue'
-import { useEventListener } from '../use-event-listener'
+import { Ref, unref } from 'vue';
+import { useEventListener } from '../use-event-listener';
 import { inBrowser, initNodePath } from '../../utils';
 
 export type ClickAwayOptions = {
@@ -13,27 +13,27 @@ export function useClickAway(
   options: ClickAwayOptions = {},
 ) {
   if (!inBrowser) {
-    return
+    return;
   }
 
-  const { eventName = 'click', active = true } = options
+  const { eventName = 'click', active = true } = options;
 
   const isOutsideElement = (event: MouseEvent)=>{
-    const _target = unref(target)
+    const _target = unref(target);
     if(!_target){
-      return false
+      return false;
     }
-    return !_target.contains(event.target as Node)
-  }
+    return !_target.contains(event.target as Node);
+  };
 
   const onClick = (event: MouseEvent) => {
-    const _active = unref(active)
+    const _active = unref(active);
 
-    const enableListener = _active && isOutsideElement(event)
+    const enableListener = _active && isOutsideElement(event);
     
     if (enableListener) {
-      listener(event)
+      listener(event);
     }
-  }
-  useEventListener(eventName, onClick, { target: document })
+  };
+  useEventListener(eventName, onClick, { target: document });
 }
diff --git a/packages/mobile-ui-vue/components/common/src/compositions/use-link/index.ts b/packages/mobile-ui-vue/components/common/src/compositions/use-link/index.ts
index b329fb40aae874ee13781d85160a4ab268a67cb4..35e7bda84372b95c9539036742daa283a6d2805d 100644
--- a/packages/mobile-ui-vue/components/common/src/compositions/use-link/index.ts
+++ b/packages/mobile-ui-vue/components/common/src/compositions/use-link/index.ts
@@ -2,13 +2,13 @@ import { inject, provide } from "vue";
 
 export const useLink = (key: string) => {
   const setParent = <T>(context: T)=>{
-    provide(key, context)
-  }
+    provide(key, context);
+  };
   const getParent = <T>(defaultValue?: any): T=>{
-    return inject(key, defaultValue)
-  }
+    return inject(key, defaultValue);
+  };
   return {
     setParent,
     getParent
-  }
+  };
 };
diff --git a/packages/mobile-ui-vue/components/common/src/utils/src/dom/event.ts b/packages/mobile-ui-vue/components/common/src/utils/src/dom/event.ts
index 0abb2daf770525f4320c7da2fc902d3b88dacaa9..4bd7afe82ec38cbe3e2254443cf9765ef6021b12 100644
--- a/packages/mobile-ui-vue/components/common/src/utils/src/dom/event.ts
+++ b/packages/mobile-ui-vue/components/common/src/utils/src/dom/event.ts
@@ -21,17 +21,17 @@ export function trigger(target: Element, type: string) {
 
 // ios event没有path属性
 export const initNodePath = (event: Event) => {
-  const path: any[] = []
-  let currentElem: any = event.target
+  const path: any[] = [];
+  let currentElem: any = event.target;
   while (currentElem) {
-    path.push(currentElem)
-    currentElem = currentElem.parentElement
+    path.push(currentElem);
+    currentElem = currentElem.parentElement;
   }
   if (path.indexOf(window) === -1 && path.indexOf(document) === -1) {
-    path.push(document)
+    path.push(document);
   }
   if (path.indexOf(window) === -1) {
-    path.push(window)
+    path.push(window);
   }
-  return path
-}
+  return path;
+};
diff --git a/packages/mobile-ui-vue/components/common/src/utils/src/resove-asset.ts b/packages/mobile-ui-vue/components/common/src/utils/src/resove-asset.ts
index a083a680bf3aea4db98ff0b4d56785d227afd7cd..63a8585c23af908949e9bdc38aa56480aef0557b 100644
--- a/packages/mobile-ui-vue/components/common/src/utils/src/resove-asset.ts
+++ b/packages/mobile-ui-vue/components/common/src/utils/src/resove-asset.ts
@@ -9,7 +9,7 @@ const getCamelCase = (str: string) => {
   });
 };
 
-const hasOwn = (v: Object, s: string)=> v.hasOwnProperty(s)
+const hasOwn = (v: object, s: string)=> Object.prototype.hasOwnProperty.call(v, s);
 
 export function resolveAsset (
   assets: Record<string, any>,
@@ -17,17 +17,17 @@ export function resolveAsset (
 ): any {
   /* istanbul ignore if */
   if (typeof id !== 'string') {
-    return
+    return;
   }
   // check local registration variations first
-  if (hasOwn(assets, id)) return assets[id]
-  const camelizedId = getKebabCase(id)
-  if (hasOwn(assets, camelizedId)) return assets[camelizedId]
-  const PascalCaseId = getCamelCase(camelizedId)
-  if (hasOwn(assets, PascalCaseId)) return assets[PascalCaseId]
+  if (hasOwn(assets, id)) {return assets[id];}
+  const camelizedId = getKebabCase(id);
+  if (hasOwn(assets, camelizedId)) {return assets[camelizedId];}
+  const PascalCaseId = getCamelCase(camelizedId);
+  if (hasOwn(assets, PascalCaseId)) {return assets[PascalCaseId];}
 
   // fallback to prototype chain
-  const res = assets[id] || assets[camelizedId] || assets[PascalCaseId]
+  const res = assets[id] || assets[camelizedId] || assets[PascalCaseId];
   
-  return res
-}
\ No newline at end of file
+  return res;
+}
diff --git a/packages/mobile-ui-vue/components/date-picker-input/src/date-picker-input.component.tsx b/packages/mobile-ui-vue/components/date-picker-input/src/date-picker-input.component.tsx
index 0ba3a9f94c0155269b20f383ac5236068c54cd6f..bd3212c16931e5aa981f66304a5e8a9fbbbe556b 100644
--- a/packages/mobile-ui-vue/components/date-picker-input/src/date-picker-input.component.tsx
+++ b/packages/mobile-ui-vue/components/date-picker-input/src/date-picker-input.component.tsx
@@ -28,7 +28,7 @@ export default defineComponent({
   setup(props: DatePickerInputProps, context) {
     const { bem } = useBem(DATA_PICKER_INPUT_NAME);
 
-    const { buttonEditProps, inputValue, showPopup, componentRef, handleChange, handleConfirm } = usePickerInputState(props, context)
+    const { buttonEditProps, inputValue, showPopup, componentRef, handleChange, handleConfirm } = usePickerInputState(props, context);
 
     const pickerProps = computed(() => {
       return {
diff --git a/packages/mobile-ui-vue/components/date-time-picker-input/src/date-time-picker-input.component.tsx b/packages/mobile-ui-vue/components/date-time-picker-input/src/date-time-picker-input.component.tsx
index 78636d66c1628dd76791e55dc7bf39e93ec5d7d7..ba7226b1277b07b0af7f3e330101f0938222dd85 100644
--- a/packages/mobile-ui-vue/components/date-time-picker-input/src/date-time-picker-input.component.tsx
+++ b/packages/mobile-ui-vue/components/date-time-picker-input/src/date-time-picker-input.component.tsx
@@ -13,7 +13,7 @@ export default defineComponent({
 
     const { bem } = useBem(DATA_TIME_PICKER_INPUT_NAME);
 
-    const { buttonEditProps, inputValue, showPopup, componentRef, handleChange, handleConfirm } = usePickerInputState(props, context)
+    const { buttonEditProps, inputValue, showPopup, componentRef, handleChange, handleConfirm } = usePickerInputState(props, context);
 
     const pickerProps = computed(() => {
       return {
diff --git a/packages/mobile-ui-vue/components/designer-canvas/src/components/control-tree-view.component.tsx b/packages/mobile-ui-vue/components/designer-canvas/src/components/control-tree-view.component.tsx
index 8ff9358ad7a93014edc61378554e1a0fb6e6084f..8d2635389b703715dde8ff5f11776fdff2f81e1e 100644
--- a/packages/mobile-ui-vue/components/designer-canvas/src/components/control-tree-view.component.tsx
+++ b/packages/mobile-ui-vue/components/designer-canvas/src/components/control-tree-view.component.tsx
@@ -1,5 +1,5 @@
-/* eslint-disable no-loop-func */
-/* eslint-disable no-use-before-define */
+ 
+ 
 import { SetupContext, defineComponent, ref } from 'vue';
 // FTreeView from `../../../../../ui-vue/components/tree-view/src/tree-view.component`
 import { controlTreeViewProps, ControlTreeViewProps } from '../composition/props/control-tree-view.props';
diff --git a/packages/mobile-ui-vue/components/designer-canvas/src/composition/function/create-design-builder.ts b/packages/mobile-ui-vue/components/designer-canvas/src/composition/function/create-design-builder.ts
index d3564acfebce02c5a5f6a31ee47fe5029cc16e9d..1ea2e3179e737cb8cd2155b038a1b6901f852fe9 100644
--- a/packages/mobile-ui-vue/components/designer-canvas/src/composition/function/create-design-builder.ts
+++ b/packages/mobile-ui-vue/components/designer-canvas/src/composition/function/create-design-builder.ts
@@ -1,6 +1,5 @@
-/* eslint-disable no-restricted-syntax */
-/* eslint-disable no-use-before-define */
-/* eslint-disable max-len */
+ 
+ 
 import { SetupContext } from 'vue';
 import { ControlTreeViewProps } from '../props/control-tree-view.props';
 
diff --git a/packages/mobile-ui-vue/components/designer-canvas/src/composition/function/use-designer-component.ts b/packages/mobile-ui-vue/components/designer-canvas/src/composition/function/use-designer-component.ts
index ede7a864796d81820344c7fad3109684cc7fd4a5..bcbc0270d6b27bfdd5aa5a1c6f840780618759e6 100644
--- a/packages/mobile-ui-vue/components/designer-canvas/src/composition/function/use-designer-component.ts
+++ b/packages/mobile-ui-vue/components/designer-canvas/src/composition/function/use-designer-component.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { Ref, ref } from "vue";
 import { DesignerHTMLElement, DraggingResolveContext, UseDesignerRules } from "../types";
 import { ComponentSchema, DesignerComponentInstance, DesignerItemContext, ResolveComponentContext } from "../../types";
diff --git a/packages/mobile-ui-vue/components/designer-canvas/src/composition/function/use-designer-inner-component.ts b/packages/mobile-ui-vue/components/designer-canvas/src/composition/function/use-designer-inner-component.ts
index ea0b4500bd7abaa15eaf0eca21def239b4ed7f18..cf6aa6a65c842b82c57edddb8195340609a28e16 100644
--- a/packages/mobile-ui-vue/components/designer-canvas/src/composition/function/use-designer-inner-component.ts
+++ b/packages/mobile-ui-vue/components/designer-canvas/src/composition/function/use-designer-inner-component.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { Ref, ref } from "vue";
 import { DesignerHTMLElement, DraggingResolveContext, UseDesignerRules } from "../types";
 import { ComponentSchema, DesignerComponentInstance, DesignerItemContext, ResolveComponentContext } from "../../types";
diff --git a/packages/mobile-ui-vue/components/designer-canvas/src/composition/function/use-dragula.ts b/packages/mobile-ui-vue/components/designer-canvas/src/composition/function/use-dragula.ts
index 593186df73f1a514fe9587756e34b909900da4ab..9f839e9308bbc6147caf11b959f0093004c417b5 100644
--- a/packages/mobile-ui-vue/components/designer-canvas/src/composition/function/use-dragula.ts
+++ b/packages/mobile-ui-vue/components/designer-canvas/src/composition/function/use-dragula.ts
@@ -303,7 +303,7 @@ export function useDragula(): UseDragula {
           dragBetweenCurrentForm(element, target, source, sibling);
         } else {
           // 移除拷贝生成的源DOM
-          // eslint-disable-next-line no-lonely-if
+           
           if (target.contains(element)) {
             target.removeChild(element);
           }
diff --git a/packages/mobile-ui-vue/components/designer-canvas/src/designer-canvas.component.tsx b/packages/mobile-ui-vue/components/designer-canvas/src/designer-canvas.component.tsx
index f2f7a3323a9d781d2ce2be1f79b10b1dba17a9b4..37e31bc7f0c0b306ada0f057409407d6a35e2fa5 100644
--- a/packages/mobile-ui-vue/components/designer-canvas/src/designer-canvas.component.tsx
+++ b/packages/mobile-ui-vue/components/designer-canvas/src/designer-canvas.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { SetupContext, computed, defineComponent, onMounted, provide, ref, watch } from 'vue';
 import { ComponentSchema, DesignerItemContext } from './types';
 import { canvasChanged, setPositionOfBtnGroup } from './composition/designer-canvas-changed';
diff --git a/packages/mobile-ui-vue/components/dynamic-resolver/src/property-config-resolver.ts b/packages/mobile-ui-vue/components/dynamic-resolver/src/property-config-resolver.ts
index 051e8aa89277a2cd43bc024840c1c55e62cf996b..e6c0ae88d0c0f151040ebb56d1fe068c5ff3f5c1 100644
--- a/packages/mobile-ui-vue/components/dynamic-resolver/src/property-config-resolver.ts
+++ b/packages/mobile-ui-vue/components/dynamic-resolver/src/property-config-resolver.ts
@@ -1,5 +1,3 @@
-/* eslint-disable @typescript-eslint/indent */
-/* eslint-disable max-len */
 import { computed } from "vue";
 import { ElementPropertyConfig, PropertyEntity } from "../../designer-canvas/src/composition/entity/property-entity";
 import { EffectFunction, PropertyConverter, EditorConfig } from './types';
diff --git a/packages/mobile-ui-vue/components/dynamic-resolver/src/types.ts b/packages/mobile-ui-vue/components/dynamic-resolver/src/types.ts
index c304e60ac83dd834110c2ac982e9b6591fa89f14..5182a1bd958f1e52375366490c79c246d6a374b1 100644
--- a/packages/mobile-ui-vue/components/dynamic-resolver/src/types.ts
+++ b/packages/mobile-ui-vue/components/dynamic-resolver/src/types.ts
@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/indent */
 export type MapperFunction = (key: string, value: any, resolvedSchema?: any) => Record<string, any>;
 
 export interface PropertyConverter {
diff --git a/packages/mobile-ui-vue/components/form-item/src/composition/use-form-validation.ts b/packages/mobile-ui-vue/components/form-item/src/composition/use-form-validation.ts
index 2a60934a8b5a2faa282d7791c5537a453ac87516..845615a2687fdc7cf0c1e4e919bd6442a443348f 100644
--- a/packages/mobile-ui-vue/components/form-item/src/composition/use-form-validation.ts
+++ b/packages/mobile-ui-vue/components/form-item/src/composition/use-form-validation.ts
@@ -7,56 +7,56 @@ import { ValidationError, ValidationErrors, ValidationService, VALIDATION_SERVIC
  * 组装验证信息 
  */
 function composeValidationErrors(errorPromises: { [key: string]: Promise<ValidationError | null> }): Promise<ValidationErrors | null> {
-  const names = Object.keys(errorPromises);
-  const promises = Object.values(errorPromises);
-
-  return Promise.all(promises).then((errorArray) => {
-    const errors = {};
-    errorArray.forEach((error, index) => {
-      if (error === null) {
-        return;
-      }
-      const name = names[index];
-      errors[name] = error;
+    const names = Object.keys(errorPromises);
+    const promises = Object.values(errorPromises);
+
+    return Promise.all(promises).then((errorArray) => {
+        const errors = {};
+        errorArray.forEach((error, index) => {
+            if (error === null) {
+                return;
+            }
+            const name = names[index];
+            errors[name] = error;
+        });
+
+        const isValid = Object.keys(errors).length === 0;
+        return isValid ? null : errors;
     });
-
-    const isValid = Object.keys(errors).length === 0;
-    return isValid ? null : errors;
-  });
 };
 
 export function useFormValidation(childContexts: FormItemContext[]): UseFormValidation {
 
-  // 验证服务实例
-  const validationService = new ValidationService();
-  provide(VALIDATION_SERVICE, validationService);
-
-  // 执行验证
-  function validate(): Promise<ValidationErrors | null> {
-    clearValidate();
-    if (Array.isArray(childContexts) === false) {
-      return Promise.resolve(null);
-    }
-
-    const validationErrors = {};
-    childContexts.forEach((childContext) => {
-      const validationError = childContext.validate();
-      validationErrors[childContext.name] = validationError;
-    });
-    return composeValidationErrors(validationErrors)
-  }
+    // 验证服务实例
+    const validationService = new ValidationService();
+    provide(VALIDATION_SERVICE, validationService);
 
-  /**
+    /**
    * 清空验证
    */
-  function clearValidate(): void {
-    childContexts.forEach((childContext) => {
-      childContext.clearValidate();
-    });
-  }
+    function clearValidate(): void {
+        childContexts.forEach((childContext) => {
+            childContext.clearValidate();
+        });
+    }
+
+    // 执行验证
+    function validate(): Promise<ValidationErrors | null> {
+        clearValidate();
+        if (Array.isArray(childContexts) === false) {
+            return Promise.resolve(null);
+        }
+
+        const validationErrors = {};
+        childContexts.forEach((childContext) => {
+            const validationError = childContext.validate();
+            validationErrors[childContext.name] = validationError;
+        });
+        return composeValidationErrors(validationErrors);
+    }
 
-  return {
-    validate,
-    clearValidate
-  }
+    return {
+        validate,
+        clearValidate
+    };
 }
diff --git a/packages/mobile-ui-vue/components/form-item/src/validation/consts.ts b/packages/mobile-ui-vue/components/form-item/src/validation/consts.ts
index d32c367606f4f99717bf8273e51d5f54cea1d5b2..ed98fda6a8a57af5763d1f82e77fb89b8e9c414d 100644
--- a/packages/mobile-ui-vue/components/form-item/src/validation/consts.ts
+++ b/packages/mobile-ui-vue/components/form-item/src/validation/consts.ts
@@ -2,4 +2,4 @@
 import { InjectionKey } from 'vue';
 import { ValidationService } from './validation.service';
 
-export const VALIDATION_SERVICE: InjectionKey<ValidationService> = Symbol('VALIDATION_SERVICE');
\ No newline at end of file
+export const VALIDATION_SERVICE: InjectionKey<ValidationService> = Symbol('VALIDATION_SERVICE');
diff --git a/packages/mobile-ui-vue/components/form-item/src/validation/index.ts b/packages/mobile-ui-vue/components/form-item/src/validation/index.ts
index 6755ee47400ba91d5ed6dcef73353fa603cc1b74..310bdf7c488d2d8ffac8ab43592162ee3dfc277c 100644
--- a/packages/mobile-ui-vue/components/form-item/src/validation/index.ts
+++ b/packages/mobile-ui-vue/components/form-item/src/validation/index.ts
@@ -1,4 +1,4 @@
 export * from './consts';
 export * from './types';
 export * from './validators';
-export * from './validation.service';
\ No newline at end of file
+export * from './validation.service';
diff --git a/packages/mobile-ui-vue/components/form-item/src/validation/types.ts b/packages/mobile-ui-vue/components/form-item/src/validation/types.ts
index 0be5602d91c2854c1e2e337745b76d5115f2a8bd..1b64c6b95b3c60dd58fe9d90f5181152b2a900ad 100644
--- a/packages/mobile-ui-vue/components/form-item/src/validation/types.ts
+++ b/packages/mobile-ui-vue/components/form-item/src/validation/types.ts
@@ -1,9 +1,7 @@
 /**
  * 验证器类型
  */
-export interface ValidatorType<T> extends Function {
-  new (...args: any[]): T;
-}
+export type ValidatorType<T> = new (...args: any[]) => T;
 
 /**
  * 验证结果接口
@@ -28,9 +26,7 @@ export interface ValidationErrors {
 /**
  * 验证函数
  */
-export interface ValidationFn {
-  (value: any): boolean | Promise<boolean>;
-}
+export type ValidationFn = (value: any) => boolean | Promise<boolean>;
 
 /**
  * 验证规则
diff --git a/packages/mobile-ui-vue/components/form-item/src/validation/validation.service.ts b/packages/mobile-ui-vue/components/form-item/src/validation/validation.service.ts
index daf1e84477a7a47cbf045d888c1e59660fab221a..18682fc39f5525069c716da680623f1474ccfee3 100644
--- a/packages/mobile-ui-vue/components/form-item/src/validation/validation.service.ts
+++ b/packages/mobile-ui-vue/components/form-item/src/validation/validation.service.ts
@@ -30,7 +30,7 @@ export class ValidationService {
     const rulesLen = rules.length;
     let firstError = null;
     for (let i = 0; i < rulesLen; i++) {
-      let error = await this.checkRule(value, rules[i]);
+      const error = await this.checkRule(value, rules[i]);
       if (error) {
         firstError = error;
         break;
diff --git a/packages/mobile-ui-vue/components/form-item/src/validation/validator.factory.ts b/packages/mobile-ui-vue/components/form-item/src/validation/validator.factory.ts
index f522aa7ddbf5f12a47080ea86dca721bcc5d0088..917213b3d776963bba382f2bdf3a6b3477cfd721 100644
--- a/packages/mobile-ui-vue/components/form-item/src/validation/validator.factory.ts
+++ b/packages/mobile-ui-vue/components/form-item/src/validation/validator.factory.ts
@@ -82,7 +82,7 @@ export class ValidatorFactory {
       return null;
     }
 
-    const validatorName = (validatorType as any).validatorName;
+    const {validatorName} = (validatorType as any);
     if (this.validators.has(validatorName)) {
       return this.validators.get(validatorName) || null;
     }
@@ -101,7 +101,7 @@ export class ValidatorFactory {
   public getValidatorType(rule: ValidationRule): ValidatorType<Validator> | undefined {
     const propNames = Object.keys(rule);
     const targetValidatorType = this.validatorTypes.find((validatorType) => {
-      const validatorName = (validatorType as any).validatorName;
+      const {validatorName} = (validatorType as any);
       return propNames.includes(validatorName);
     });
 
diff --git a/packages/mobile-ui-vue/components/form-item/src/validation/validators/pattern.validator.ts b/packages/mobile-ui-vue/components/form-item/src/validation/validators/pattern.validator.ts
index 13f95d0481353e698e0b6d7eb45aeb21c7dc752c..9e059e084830fedbb3278d2e304926a801fe037e 100644
--- a/packages/mobile-ui-vue/components/form-item/src/validation/validators/pattern.validator.ts
+++ b/packages/mobile-ui-vue/components/form-item/src/validation/validators/pattern.validator.ts
@@ -8,15 +8,15 @@ export class PatternValidator implements Validator {
   /**
    * 验证器名称
    */
-  public static validatorName: string = 'pattern'
+  public static validatorName: string = 'pattern';
 
   /**
    * 验证方法
    */
   public validate(value: any, rule: ValidationRule): ValidationError | null {
-    const pattern = rule.pattern;
+    const {pattern} = rule;
     if (pattern && !pattern.test(String(value))) {
-      return { message: rule.message }
+      return { message: rule.message };
     }
 
     return null;
diff --git a/packages/mobile-ui-vue/components/form-item/src/validation/validators/require.validator.ts b/packages/mobile-ui-vue/components/form-item/src/validation/validators/require.validator.ts
index 4ff75ca31dea9f013e6e4811f67380fedaa829aa..0bd6c83ae73c36f560e7887b083bc24638f840b8 100644
--- a/packages/mobile-ui-vue/components/form-item/src/validation/validators/require.validator.ts
+++ b/packages/mobile-ui-vue/components/form-item/src/validation/validators/require.validator.ts
@@ -8,7 +8,7 @@ export class RequiredValidator implements Validator {
   /**
    * 验证器名称
    */
-  public static validatorName: string = 'required'
+  public static validatorName: string = 'required';
 
   /**
    * 验证方法
diff --git a/packages/mobile-ui-vue/components/notify/index.ts b/packages/mobile-ui-vue/components/notify/index.ts
index ac40fb802a1fce649cb2f39c57b2609ea1d642b9..cdafd440d1be0bc6bffab4564172621f42859bee 100644
--- a/packages/mobile-ui-vue/components/notify/index.ts
+++ b/packages/mobile-ui-vue/components/notify/index.ts
@@ -1,4 +1,4 @@
-import Notify from './src/index'
+import Notify from './src/index';
 
-export { Notify }
-export default Notify
\ No newline at end of file
+export { Notify };
+export default Notify;
diff --git a/packages/mobile-ui-vue/components/overlay/src/overlay.props.ts b/packages/mobile-ui-vue/components/overlay/src/overlay.props.ts
index 9deed2da5735fcc3bcbc8c06bd6741a171b7a4d7..2491d9f386eb234ed456c5a03675df736f6f1a59 100644
--- a/packages/mobile-ui-vue/components/overlay/src/overlay.props.ts
+++ b/packages/mobile-ui-vue/components/overlay/src/overlay.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/mobile-ui-vue/components/page-body-container/index.ts b/packages/mobile-ui-vue/components/page-body-container/index.ts
index 8722fcd7c28d958e7daee295beda5f2cd02632dc..70ac8daa20de6815ecc54199ac8f97e6d0e780fd 100644
--- a/packages/mobile-ui-vue/components/page-body-container/index.ts
+++ b/packages/mobile-ui-vue/components/page-body-container/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/mobile-ui-vue/components/page-container/index.ts b/packages/mobile-ui-vue/components/page-container/index.ts
index c14af7554128cd37c06f6319d3fd0f944873bdaa..ea6d3a23c316eb12a6f512551931590960d3dc80 100644
--- a/packages/mobile-ui-vue/components/page-container/index.ts
+++ b/packages/mobile-ui-vue/components/page-container/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/mobile-ui-vue/components/page-footer-container/index.ts b/packages/mobile-ui-vue/components/page-footer-container/index.ts
index 1db1a895b49f147c5cd8337c80d3610aec8c2ccb..cdf30a2226f8aeb1e96620eaf8d0b6dad5185f8b 100644
--- a/packages/mobile-ui-vue/components/page-footer-container/index.ts
+++ b/packages/mobile-ui-vue/components/page-footer-container/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/mobile-ui-vue/components/page-header-container/index.ts b/packages/mobile-ui-vue/components/page-header-container/index.ts
index f409cf79ce27fdeae0f8cb93c447ac5bf1267b23..59e9675dc4f4d436baf71f41fa1ae106851a0fe2 100644
--- a/packages/mobile-ui-vue/components/page-header-container/index.ts
+++ b/packages/mobile-ui-vue/components/page-header-container/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/mobile-ui-vue/components/picker-input/src/picker-input.component.tsx b/packages/mobile-ui-vue/components/picker-input/src/picker-input.component.tsx
index 3309419fa156744df5158a4b36f7a90a81ca5d18..c2a5ac125ff4b87af7803fa278917499b78b27f1 100644
--- a/packages/mobile-ui-vue/components/picker-input/src/picker-input.component.tsx
+++ b/packages/mobile-ui-vue/components/picker-input/src/picker-input.component.tsx
@@ -13,7 +13,7 @@ export default defineComponent({
 
     const { bem } = useBem(PICKER_INPUT_NAME);
 
-    const { buttonEditProps, inputValue, showPopup, componentRef, handleChange, handleConfirm } = usePickerInputState(props, context)
+    const { buttonEditProps, inputValue, showPopup, componentRef, handleChange, handleConfirm } = usePickerInputState(props, context);
 
     const pickerProps = computed(() => {
       return {
diff --git a/packages/mobile-ui-vue/components/popup/src/popup.props.ts b/packages/mobile-ui-vue/components/popup/src/popup.props.ts
index 8fdd26a3a400c9f0e0a09815496ad3238dd63c2f..059226d321732b3f171888e8e95a25dc11f55521 100644
--- a/packages/mobile-ui-vue/components/popup/src/popup.props.ts
+++ b/packages/mobile-ui-vue/components/popup/src/popup.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/mobile-ui-vue/components/property-panel/src/component/property-panel-item-list.component.tsx b/packages/mobile-ui-vue/components/property-panel/src/component/property-panel-item-list.component.tsx
index e874c0298d18d5d8f533b64ead940ea4bcb7d73b..0f1a873c936a17ab7274cf7409e3bdfbf343741d 100644
--- a/packages/mobile-ui-vue/components/property-panel/src/component/property-panel-item-list.component.tsx
+++ b/packages/mobile-ui-vue/components/property-panel/src/component/property-panel-item-list.component.tsx
@@ -1,6 +1,5 @@
-/* eslint-disable max-len */
-/* eslint-disable radix */
-/* eslint-disable no-use-before-define */
+ 
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/mobile-ui-vue/components/property-panel/src/property-panel.component.tsx b/packages/mobile-ui-vue/components/property-panel/src/property-panel.component.tsx
index b754b7793baeb83f77f2d4f29818299e9415f245..82ada9965602c07b10e7e38647f96d1827c5709b 100644
--- a/packages/mobile-ui-vue/components/property-panel/src/property-panel.component.tsx
+++ b/packages/mobile-ui-vue/components/property-panel/src/property-panel.component.tsx
@@ -1,5 +1,5 @@
-/* eslint-disable max-len */
-/* eslint-disable no-return-assign */
+ 
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/mobile-ui-vue/components/time-picker-input/src/time-picker-input.component.tsx b/packages/mobile-ui-vue/components/time-picker-input/src/time-picker-input.component.tsx
index d6af13ddd8acd8e6691432d793438b7ce8c37c9a..37286092b956e9a370bcb53b85be71b24cdbff3e 100644
--- a/packages/mobile-ui-vue/components/time-picker-input/src/time-picker-input.component.tsx
+++ b/packages/mobile-ui-vue/components/time-picker-input/src/time-picker-input.component.tsx
@@ -13,7 +13,7 @@ export default defineComponent({
 
     const { bem } = useBem(TIME_PICKER_INPUT_NAME);
 
-    const { buttonEditProps, inputValue, showPopup, componentRef, handleChange, handleConfirm } = usePickerInputState(props, context)
+    const { buttonEditProps, inputValue, showPopup, componentRef, handleChange, handleConfirm } = usePickerInputState(props, context);
 
     const pickerProps = computed(() => {
       return {
diff --git a/packages/mobile-ui-vue/components/toast/index.ts b/packages/mobile-ui-vue/components/toast/index.ts
index 665cf12191f6f01458f190500901b5bec72d4b84..112f9da5903d92d7cee941ca1733755847a731e5 100644
--- a/packages/mobile-ui-vue/components/toast/index.ts
+++ b/packages/mobile-ui-vue/components/toast/index.ts
@@ -1,4 +1,4 @@
-import Toast from './src/index'
+import Toast from './src/index';
 
-export { Toast }
-export default Toast
\ No newline at end of file
+export { Toast };
+export default Toast;
diff --git a/packages/mobile-ui-vue/demos/date-picker/formatter.vue b/packages/mobile-ui-vue/demos/date-picker/formatter.vue
index d03a23680c6ae8b7df9fd31f9406ee47088df571..d9a8edf1650567dc302ce1337d94cc6117225384 100644
--- a/packages/mobile-ui-vue/demos/date-picker/formatter.vue
+++ b/packages/mobile-ui-vue/demos/date-picker/formatter.vue
@@ -5,7 +5,7 @@
 const formatter = (type: string, value: any) => {
   if (type === "year") {
     return `${value}年`;
-    // eslint-disable-next-line no-else-return
+     
   } else if (type === "month") {
     return `${value}月`;
   } else if (type === "date") {
diff --git a/packages/mobile-ui-vue/demos/date-time-picker/formatter.vue b/packages/mobile-ui-vue/demos/date-time-picker/formatter.vue
index d03a23680c6ae8b7df9fd31f9406ee47088df571..d9a8edf1650567dc302ce1337d94cc6117225384 100644
--- a/packages/mobile-ui-vue/demos/date-time-picker/formatter.vue
+++ b/packages/mobile-ui-vue/demos/date-time-picker/formatter.vue
@@ -5,7 +5,7 @@
 const formatter = (type: string, value: any) => {
   if (type === "year") {
     return `${value}年`;
-    // eslint-disable-next-line no-else-return
+     
   } else if (type === "month") {
     return `${value}月`;
   } else if (type === "date") {
diff --git a/packages/mobile-ui-vue/demos/dialog/avatar.vue b/packages/mobile-ui-vue/demos/dialog/avatar.vue
index 36f6bb29fcf90f9c9e9098015f431482a25c0c98..f370355d8993dd740412698294f7e8377fe23923 100644
--- a/packages/mobile-ui-vue/demos/dialog/avatar.vue
+++ b/packages/mobile-ui-vue/demos/dialog/avatar.vue
@@ -1,3 +1,4 @@
+<!-- eslint-disable vue/no-unused-vars -->
 <template>
   <fm-cell is-link title="弹窗-带头像" @click="showAvatarDialog = true" />
   <fm-dialog v-model:show="showAvatarDialog" title="标题" :message="message" :buttons="buttons">
diff --git a/packages/mobile-ui-vue/demos/icon/base.vue b/packages/mobile-ui-vue/demos/icon/base.vue
index 721a950d28d0ebdd30df422715d3722eb693787d..300dc27f48632cbfd20b51e003223851ab29bf6c 100644
--- a/packages/mobile-ui-vue/demos/icon/base.vue
+++ b/packages/mobile-ui-vue/demos/icon/base.vue
@@ -2,4 +2,4 @@
   <div class="fm-icon-container">
     <fm-icon name="s-add-o" />
   </div>
-</template>
\ No newline at end of file
+</template>
diff --git a/packages/mobile-ui-vue/demos/time-picker/formatter.vue b/packages/mobile-ui-vue/demos/time-picker/formatter.vue
index d352d39e7d5cd8d370892e2b289be394e9fa6915..6f16c9738202174e5b276afd1e423743523b3386 100644
--- a/packages/mobile-ui-vue/demos/time-picker/formatter.vue
+++ b/packages/mobile-ui-vue/demos/time-picker/formatter.vue
@@ -5,7 +5,7 @@
 const formatter = (type: string, value: any) => {
   if (type === "hours") {
     return `${value}时`;
-    // eslint-disable-next-line no-else-return
+     
   } else if (type === "minutes") {
     return `${value}分`;
   } else if (type === "seconds") {
diff --git a/packages/mobile-ui-vue/docs/.vitepress/config.ts b/packages/mobile-ui-vue/docs/.vitepress/config.ts
index 76de76414242f71a7d1e8674367aee4938c1fc6f..343d32f5439fde5a3fa757e18bb7d92979f5671a 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/config.ts
+++ b/packages/mobile-ui-vue/docs/.vitepress/config.ts
@@ -1,4 +1,4 @@
-require('esbuild-register')
+require('esbuild-register');
 
-const config = require('./config/index.ts')
-module.exports = config.default
+const config = require('./config/index.ts');
+module.exports = config.default;
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/Layout.vue b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/Layout.vue
index e28590fe48d3c5c8ec725528ab6ea43e5fec8cff..40d731a0d0bac28d097cbe1f884a518e9c9d5836 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/Layout.vue
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/Layout.vue
@@ -23,7 +23,7 @@ useCloseSidebarOnEscape(isSidebarOpen, closeSidebar);
 provide('close-sidebar', closeSidebar);
 
 // 主题设置
-let tTheme = typeof localStorage !== 'undefined' ? localStorage.getItem(APPEARANCE_KEY) || 'auto' : 'auto';
+const tTheme = typeof localStorage !== 'undefined' ? localStorage.getItem(APPEARANCE_KEY) || 'auto' : 'auto';
 // 当前主题
 const curTheme = ref(tTheme);
 // 当前窗口尺寸
@@ -51,7 +51,7 @@ provide('is-large', isLargeSize);
 provide('change-theme', changeTheme);
 
 onBeforeMount(() => {
-    //滚动时
+    // 滚动时
     window.addEventListener(
         'scroll',
         throttleAndDebounce(() => {
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPAlgoliaSearchBox.vue b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPAlgoliaSearchBox.vue
index dce2916aee2e569b71e8cf751e574ea9edc9a7bf..d8e97c644b452675042e943aa16e4c6a1962f303 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPAlgoliaSearchBox.vue
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPAlgoliaSearchBox.vue
@@ -1,32 +1,32 @@
 <script setup lang="ts">
-import type { DefaultTheme } from 'vitepress/theme'
-import { default as docsearch } from '@docsearch/js'
-import { onMounted } from 'vue'
-import { useRouter, useRoute, useData } from 'vitepress'
+import type { DefaultTheme } from 'vitepress/theme';
+import { default as docsearch } from '@docsearch/js';
+import { onMounted } from 'vue';
+import { useRouter, useRoute, useData } from 'vitepress';
 
-const router = useRouter()
-const route = useRoute()
-const { theme, site } = useData()
+const router = useRouter();
+const route = useRoute();
+const { theme, site } = useData();
 
 onMounted(() => {
-  initialize(theme.value.algolia)
-  setTimeout(poll, 16)
-})
+  initialize(theme.value.algolia);
+  setTimeout(poll, 16);
+});
 
 function poll() {
   // programmatically open the search box after initialize
-  const e = new Event('keydown') as any
+  const e = new Event('keydown') as any;
 
-  e.key = 'k'
-  e.metaKey = true
+  e.key = 'k';
+  e.metaKey = true;
 
-  window.dispatchEvent(e)
+  window.dispatchEvent(e);
 
   setTimeout(() => {
     if (!document.querySelector('.DocSearch-Modal')) {
-      poll()
+      poll();
     }
-  }, 16)
+  }, 16);
 }
 
 type DocSearchProps = Parameters<typeof docsearch>[0]
@@ -41,14 +41,14 @@ function initialize(userOptions: DefaultTheme.AlgoliaSearchOptions) {
       navigate({ itemUrl }) {
         const { pathname: hitPathname } = new URL(
           window.location.origin + itemUrl
-        )
+        );
 
         // router doesn't handle same-page navigation so we use the native
         // browser location API for anchor navigation
         if (route.path === hitPathname) {
-          window.location.assign(window.location.origin + itemUrl)
+          window.location.assign(window.location.origin + itemUrl);
         } else {
-          router.go(itemUrl)
+          router.go(itemUrl);
         }
       }
     },
@@ -57,8 +57,8 @@ function initialize(userOptions: DefaultTheme.AlgoliaSearchOptions) {
       return items.map((item) => {
         return Object.assign({}, item, {
           url: getRelativePath(item.url)
-        })
-      })
+        });
+      });
     },
 
     // @ts-expect-error vue-tsc thinks this should return Vue JSX but it returns the required React one
@@ -70,21 +70,21 @@ function initialize(userOptions: DefaultTheme.AlgoliaSearchOptions) {
         constructor: undefined,
         key: undefined,
         props: { href: hit.url, children }
-      }
+      };
     }
-  })
+  });
 
-  docsearch(options)
+  docsearch(options);
 }
 
 function getRelativePath(absoluteUrl: string) {
-  const { pathname, hash } = new URL(absoluteUrl)
+  const { pathname, hash } = new URL(absoluteUrl);
   return (
     pathname.replace(
       /\.html$/,
       site.value.cleanUrls === 'disabled' ? '.html' : ''
     ) + hash
-  )
+  );
 }
 </script>
 
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPBackdrop.vue b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPBackdrop.vue
index 892e38aba84486f25bb1f1d0c0f2380915d6bc42..52a916dda0f32520146465b37718655a529fcd7c 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPBackdrop.vue
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPBackdrop.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 defineProps<{
   show: boolean
-}>()
+}>();
 </script>
 
 <template>
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPButton.vue b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPButton.vue
index 0ad796e3975f53189d5da69f0bb43a363bf8f72b..05ba5f7aa32c3fded0df421d0317c93136179765 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPButton.vue
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPButton.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { computed } from 'vue'
-import { normalizeLink } from '../support/utils.ts'
-import { EXTERNAL_URL_RE } from '../shared/shared.ts'
+import { computed } from 'vue';
+import { normalizeLink } from '../support/utils.ts';
+import { EXTERNAL_URL_RE } from '../shared/shared.ts';
 
 const props = defineProps<{
   tag?: string
@@ -9,22 +9,22 @@ const props = defineProps<{
   theme?: 'brand' | 'alt' | 'sponsor'
   text: string
   href?: string
-}>()
+}>();
 
 const classes = computed(() => [
   props.size ?? 'medium',
   props.theme ?? 'brand'
-])
+]);
 
-const isExternal = computed(() => props.href && EXTERNAL_URL_RE.test(props.href))
+const isExternal = computed(() => props.href && EXTERNAL_URL_RE.test(props.href));
 
 const component = computed(() => {
   if (props.tag) {
-    return props.tag
+    return props.tag;
   }
 
-  return props.href ? 'a' : 'button'
-})
+  return props.href ? 'a' : 'button';
+});
 </script>
 
 <template>
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPCarbonAds.vue b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPCarbonAds.vue
index d1f669f18fd2206c746f5d88eb0bde28ad64420c..88cd351bc2b55cea7df4dd92f3787a7bd58a0d42 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPCarbonAds.vue
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPCarbonAds.vue
@@ -1,23 +1,23 @@
 <script setup lang="ts">
-import { ref, watch, onMounted } from 'vue'
-import { useData } from 'vitepress'
-import { useAside } from '../composables/aside.js'
+import { ref, watch, onMounted } from 'vue';
+import { useData } from 'vitepress';
+import { useAside } from '../composables/aside.js';
 
-const { theme } = useData()
-const carbonOptions = theme.value.carbonAds
-const { isAsideEnabled } = useAside()
-const container = ref()
+const { theme } = useData();
+const carbonOptions = theme.value.carbonAds;
+const { isAsideEnabled } = useAside();
+const container = ref();
 
-let hasInitalized = false
+let hasInitalized = false;
 
 function init() {
   if (!hasInitalized) {
-    hasInitalized = true
-    const s = document.createElement('script')
-    s.id = '_carbonads_js'
-    s.src = `//cdn.carbonads.com/carbon.js?serve=${carbonOptions.code}&placement=${carbonOptions.placement}`
-    s.async = true
-    container.value.appendChild(s)
+    hasInitalized = true;
+    const s = document.createElement('script');
+    s.id = '_carbonads_js';
+    s.src = `//cdn.carbonads.com/carbon.js?serve=${carbonOptions.code}&placement=${carbonOptions.placement}`;
+    s.async = true;
+    container.value.appendChild(s);
   }
 }
 
@@ -29,11 +29,11 @@ if (carbonOptions) {
     // otherwise, only load it if the page resizes to wide enough. this avoids
     // loading carbon at all on mobile where it's never shown
     if (isAsideEnabled.value) {
-      init()
+      init();
     } else {
-      watch(isAsideEnabled, (wide) => wide && init())
+      watch(isAsideEnabled, (wide) => wide && init());
     }
-  })
+  });
 }
 </script>
 
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPDoc.vue b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPDoc.vue
index cc9d10205ac1cc808c1d03820e40c5cd4b9c0734..3930412aea64e598f030a9dd0f16521f5757c021 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPDoc.vue
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPDoc.vue
@@ -11,7 +11,7 @@ const pageName = computed(() => route.path.replace(/[./]+/g, '_').replace(/_html
 
 const { frontmatter } = useData();
 const hasMobileDemo = computed(() => {
-    const demo = frontmatter.value.demo;
+    const {demo} = frontmatter.value;
     return !!demo && typeof demo === 'string';
 });
 
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPDocAside.vue b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPDocAside.vue
index 4232d1563e829ab1552c68dd0f476efbd8ba35d8..34fd818da087db9de19cc58331bfcae74ca37e57 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPDocAside.vue
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPDocAside.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { useData } from 'vitepress'
-import VPDocAsideOutline from './VPDocAsideOutline.vue'
-import VPDocAsideCarbonAds from './VPDocAsideCarbonAds.vue'
+import { useData } from 'vitepress';
+import VPDocAsideOutline from './VPDocAsideOutline.vue';
+import VPDocAsideCarbonAds from './VPDocAsideCarbonAds.vue';
 
-const { page, theme } = useData()
+const { page, theme } = useData();
 </script>
 
 <template>
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPDocAsideCarbonAds.vue b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPDocAsideCarbonAds.vue
index 061a94d8b98f9d0b829480a660233066bb540ee4..954a5a49b9b2f3a11ba1414c96227e855ab3aa60 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPDocAsideCarbonAds.vue
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPDocAsideCarbonAds.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { defineAsyncComponent } from 'vue'
+import { defineAsyncComponent } from 'vue';
 
 const VPCarbonAds = __ALGOLIA__
   ? defineAsyncComponent(() => import('./VPCarbonAds.vue'))
-  : () => null
+  : () => null;
 </script>
 
 <template>
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPDocAsideOutline.vue b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPDocAsideOutline.vue
index d6ad0b3cbbda750544c23d16919cb008701900b3..8ccfcc6a16f07ac146857144bba1ae52bd1c07c2 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPDocAsideOutline.vue
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPDocAsideOutline.vue
@@ -10,7 +10,7 @@ const runMode = import.meta.env.VITE_APP_RUN_MODE;
 const demoPort = import.meta.env.VITE_APP_DEMO_PORT;
 
 const demoSrc = computed(() => {
-    let demo = frontmatter.value.demo;
+    let {demo} = frontmatter.value;
     if (!demo || typeof demo !== 'string') {
         return '';
     }
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPDocAsideSponsors.vue b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPDocAsideSponsors.vue
index dc9f8d0e147e2d5da766eb4677fee9547807ca58..c6311abfa78bd6b8c31e40f8c340b063a98e5968 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPDocAsideSponsors.vue
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPDocAsideSponsors.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import type { Sponsors } from './VPSponsors.vue'
-import type { Sponsor } from './VPSponsorsGrid.vue'
-import VPSponsors from './VPSponsors.vue'
+import type { Sponsors } from './VPSponsors.vue';
+import type { Sponsor } from './VPSponsorsGrid.vue';
+import VPSponsors from './VPSponsors.vue';
 
 defineProps<{
   tier?: string
   size?: 'xmini' | 'mini' | 'small'
   data: Sponsors[] | Sponsor[]
-}>()
+}>();
 </script>
 
 <template>
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPDocFooter.vue b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPDocFooter.vue
index 31adc7842b590d956efdf9e2476c576ba838df3c..3badf2dfb75e9dc08188b0c04d50fd0a53ad6aac 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPDocFooter.vue
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPDocFooter.vue
@@ -1,27 +1,27 @@
 <script setup lang="ts">
-import { computed } from 'vue'
-import { useData } from 'vitepress'
-import { normalizeLink } from '../support/utils.js'
-import { useEditLink } from '../composables/edit-link.js'
-import { usePrevNext } from '../composables/prev-next.js'
-import VPIconEdit from './icons/VPIconEdit.vue'
-import VPLink from './VPLink.vue'
-import VPDocFooterLastUpdated from './VPDocFooterLastUpdated.vue'
+import { computed } from 'vue';
+import { useData } from 'vitepress';
+import { normalizeLink } from '../support/utils.js';
+import { useEditLink } from '../composables/edit-link.js';
+import { usePrevNext } from '../composables/prev-next.js';
+import VPIconEdit from './icons/VPIconEdit.vue';
+import VPLink from './VPLink.vue';
+import VPDocFooterLastUpdated from './VPDocFooterLastUpdated.vue';
 
-const { theme, page, frontmatter } = useData()
+const { theme, page, frontmatter } = useData();
 
-const editLink = useEditLink()
-const control = usePrevNext()
+const editLink = useEditLink();
+const control = usePrevNext();
 
 const hasEditLink = computed(() => {
-  return theme.value.editLink && frontmatter.value.editLink !== false
-})
+  return theme.value.editLink && frontmatter.value.editLink !== false;
+});
 const hasLastUpdated = computed(() => {
-  return page.value.lastUpdated && frontmatter.value.lastUpdated !== false
-})
+  return page.value.lastUpdated && frontmatter.value.lastUpdated !== false;
+});
 const showFooter = computed(() => {
-  return hasEditLink.value || hasLastUpdated.value || control.value.prev || control.value.next
-})
+  return hasEditLink.value || hasLastUpdated.value || control.value.prev || control.value.next;
+});
 </script>
 
 <template>
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPDocFooterLastUpdated.vue b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPDocFooterLastUpdated.vue
index 6843785ca119977e70d5ac29486c410ed33b33d0..331a452aff8e9eb0ea0638b8d8942f39e833cbf6 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPDocFooterLastUpdated.vue
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPDocFooterLastUpdated.vue
@@ -1,21 +1,21 @@
 <script setup lang="ts">
-import { ref, computed, watchEffect, onMounted } from 'vue'
-import { useData } from 'vitepress'
+import { ref, computed, watchEffect, onMounted } from 'vue';
+import { useData } from 'vitepress';
 
-const { theme, page } = useData()
+const { theme, page } = useData();
 
-const date = computed(() => new Date(page.value.lastUpdated!))
-const isoDatetime = computed(() => date.value.toISOString())
-const datetime = ref('')
+const date = computed(() => new Date(page.value.lastUpdated!));
+const isoDatetime = computed(() => date.value.toISOString());
+const datetime = ref('');
 
 // set time on mounted hook because the locale string might be different
 // based on end user and will lead to potential hydration mismatch if
 // calculated at build time
 onMounted(() => {
   watchEffect(() => {
-    datetime.value = date.value.toLocaleString(window.navigator.language)
-  })
-})
+    datetime.value = date.value.toLocaleString(window.navigator.language);
+  });
+});
 </script>
 
 <template>
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPFeature.vue b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPFeature.vue
index 7f24f3f351a9bc908b55e428286116be135c4939..f307e4ebeb8e628aa6d833775c4f14fcc54dd98e 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPFeature.vue
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPFeature.vue
@@ -3,7 +3,7 @@ defineProps<{
   icon?: string
   title: string
   details: string
-}>()
+}>();
 </script>
 
 <template>
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPFeatures.vue b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPFeatures.vue
index db49bde43cc3dd6081e3774278bc8e510bf94744..355c38d81eab18d8a3a2c430e8d89163fd23fcc9 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPFeatures.vue
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPFeatures.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { computed } from 'vue'
-import VPFeature from './VPFeature.vue'
+import { computed } from 'vue';
+import VPFeature from './VPFeature.vue';
 
 export interface Feature {
   icon?: string
@@ -10,23 +10,23 @@ export interface Feature {
 
 const props = defineProps<{
   features: Feature[]
-}>()
+}>();
 
 const grid = computed(() => {
-  const length = props.features.length
+  const {length} = props.features;
 
   if (!length) {
-    return
+    return;
   } else if (length === 2) {
-    return 'grid-2'
+    return 'grid-2';
   } else if (length === 3) {
-    return 'grid-3'
+    return 'grid-3';
   } else if (length % 3 === 0) {
-    return 'grid-6'
+    return 'grid-6';
   } else if (length % 2 === 0) {
-    return 'grid-4'
+    return 'grid-4';
   }
-})
+});
 </script>
 
 <template>
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPFlyout.vue b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPFlyout.vue
index cf36c8f269901a58369f08d14e19a09413acf967..a3f51624cc793a8369fce0a0c3a8e5daaed280ef 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPFlyout.vue
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPFlyout.vue
@@ -1,24 +1,24 @@
 <script lang="ts" setup>
-import { ref } from 'vue'
-import { useFlyout } from '../composables/flyout.js'
-import VPIconChevronDown from './icons/VPIconChevronDown.vue'
-import VPIconMoreHorizontal from './icons/VPIconMoreHorizontal.vue'
-import VPMenu from './VPMenu.vue'
+import { ref } from 'vue';
+import { useFlyout } from '../composables/flyout.js';
+import VPIconChevronDown from './icons/VPIconChevronDown.vue';
+import VPIconMoreHorizontal from './icons/VPIconMoreHorizontal.vue';
+import VPMenu from './VPMenu.vue';
 
 defineProps<{
   icon?: any
   button?: string
   label?: string
   items?: any[]
-}>()
+}>();
 
-const open = ref(false)
-const el = ref<HTMLElement>()
+const open = ref(false);
+const el = ref<HTMLElement>();
 
-useFlyout({ el, onBlur })
+useFlyout({ el, onBlur });
 
 function onBlur() {
-  open.value = false
+  open.value = false;
 }
 </script>
 
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPHero.vue b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPHero.vue
index 9db1aee6dfc0b3156498c4ae0d91ac80182eec37..fa831512aa0b47442a34e9284a3dd4bb5c4f1ed5 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPHero.vue
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPHero.vue
@@ -18,7 +18,7 @@ defineProps<{
     actions?: HeroAction[];
 }>();
 
-let floatIcon = ref(false);
+const floatIcon = ref(false);
 onMounted(() => {
     setTimeout(() => {
         floatIcon.value = true;
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPHomeSponsors.vue b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPHomeSponsors.vue
index 88249522d2837457293b0bcd94bd0853638bd7f3..8b1220c0040269bb3d34e81d6bcec3caff6c0ed7 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPHomeSponsors.vue
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPHomeSponsors.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import VPIconHeart from './icons/VPIconHeart.vue'
-import VPButton from './VPButton.vue'
-import VPSponsors from './VPSponsors.vue'
+import VPIconHeart from './icons/VPIconHeart.vue';
+import VPButton from './VPButton.vue';
+import VPSponsors from './VPSponsors.vue';
 
 export interface Sponsors {
   tier: string
@@ -20,7 +20,7 @@ defineProps<{
   actionText?: string
   actionLink?: string
   data: Sponsors[]
-}>()
+}>();
 </script>
 
 <template>
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPImage.vue b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPImage.vue
index abb9fb7b50b7a0dd5555104ba566cb9d9a70401e..9f7f4194cff80814b1e60a47a2ad11d894958a1e 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPImage.vue
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPImage.vue
@@ -1,16 +1,16 @@
 <script setup lang="ts">
-import type { DefaultTheme } from 'vitepress/theme'
-import { withBase } from 'vitepress'
+import type { DefaultTheme } from 'vitepress/theme';
+import { withBase } from 'vitepress';
 
 defineProps<{
   image: DefaultTheme.ThemeableImage
-}>()
+}>();
 </script>
 
 <script lang="ts">
 export default {
   inheritAttrs: false
-}
+};
 </script>
 
 <template>
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPLink.vue b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPLink.vue
index 1271cc350c2f9f7544c151637a6f8305bec18722..2b1f9f0fa0c9898f263adc85f88120313eef2873 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPLink.vue
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPLink.vue
@@ -1,15 +1,15 @@
 <script lang="ts" setup>
-import { computed } from 'vue'
-import { normalizeLink } from '../support/utils.ts'
-import VPIconExternalLink from './icons/VPIconExternalLink.vue'
-import { EXTERNAL_URL_RE } from '../shared/shared.ts'
+import { computed } from 'vue';
+import { normalizeLink } from '../support/utils.ts';
+import VPIconExternalLink from './icons/VPIconExternalLink.vue';
+import { EXTERNAL_URL_RE } from '../shared/shared.ts';
 
 const props = defineProps<{
   href?: string
   noIcon?: boolean
-}>()
+}>();
 
-const isExternal = computed(() => props.href && EXTERNAL_URL_RE.test(props.href))
+const isExternal = computed(() => props.href && EXTERNAL_URL_RE.test(props.href));
 </script>
 
 <template>
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPLocalNav.vue b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPLocalNav.vue
index ab23eb4354ae1f526e5a6931b61f92f8b6e3ea51..07330d2322b5acb693b6ddba7b0aeeccb6423a3e 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPLocalNav.vue
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPLocalNav.vue
@@ -6,9 +6,7 @@ defineProps<{
     open: boolean;
 }>();
 
-defineEmits<{
-    (e: 'open-menu'): void;
-}>();
+defineEmits<(e: 'open-menu') => void>();
 
 const { hasSidebar } = useSidebar();
 
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPMenu.vue b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPMenu.vue
index 15249aca44f6ad4d49e01a7287edaacc33ab6806..0ffee7777c12af6c19cd86c5722f1274df623603 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPMenu.vue
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPMenu.vue
@@ -1,10 +1,10 @@
 <script lang="ts" setup>
-import VPMenuLink from './VPMenuLink.vue'
-import VPMenuGroup from './VPMenuGroup.vue'
+import VPMenuLink from './VPMenuLink.vue';
+import VPMenuGroup from './VPMenuGroup.vue';
 
 defineProps<{
   items?: any[]
-}>()
+}>();
 </script>
 
 <template>
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPMenuGroup.vue b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPMenuGroup.vue
index 167874bec0376b8b27fce92965e8fc87d1816cbc..716c5e31bf748ab96daa6fcd741984711420f785 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPMenuGroup.vue
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPMenuGroup.vue
@@ -1,10 +1,10 @@
 <script lang="ts" setup>
-import VPMenuLink from './VPMenuLink.vue'
+import VPMenuLink from './VPMenuLink.vue';
 
 defineProps<{
   text?: string
   items: any[]
-}>()
+}>();
 </script>
 
 <template>
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPMenuLink.vue b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPMenuLink.vue
index a739096c4f7931ae60a47a17610a45680f7e4f34..4d9ec3d0b78e7aeb99bfd897a5bc08c5e9031ee6 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPMenuLink.vue
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPMenuLink.vue
@@ -1,13 +1,13 @@
 <script lang="ts" setup>
-import { useData } from 'vitepress'
-import { isActive } from '../support/utils.js'
-import VPLink from './VPLink.vue'
+import { useData } from 'vitepress';
+import { isActive } from '../support/utils.js';
+import VPLink from './VPLink.vue';
 
 defineProps<{
   item: any
-}>()
+}>();
 
-const { page } = useData()
+const { page } = useData();
 </script>
 
 <template>
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavBar.vue b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavBar.vue
index f30256aa125e221d6327967fb9556145eec7b1d1..83ca9af30072023b9e9bf8bd5d8889f0c21b7c9b 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavBar.vue
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavBar.vue
@@ -1,23 +1,21 @@
 <script lang="ts" setup>
-import { useSidebar } from '../composables/sidebar.js'
-import VPNavBarTitle from './VPNavBarTitle.vue'
-import VPNavBarSearch from './VPNavBarSearch.vue'
-import VPNavBarMenu from './VPNavBarMenu.vue'
-import VPNavBarTranslations from './VPNavBarTranslations.vue'
-import VPNavBarAppearance from './VPNavBarAppearance.vue'
-import VPNavBarSocialLinks from './VPNavBarSocialLinks.vue'
-import VPNavBarExtra from './VPNavBarExtra.vue'
-import VPNavBarHamburger from './VPNavBarHamburger.vue'
+import { useSidebar } from '../composables/sidebar.js';
+import VPNavBarTitle from './VPNavBarTitle.vue';
+import VPNavBarSearch from './VPNavBarSearch.vue';
+import VPNavBarMenu from './VPNavBarMenu.vue';
+import VPNavBarTranslations from './VPNavBarTranslations.vue';
+import VPNavBarAppearance from './VPNavBarAppearance.vue';
+import VPNavBarSocialLinks from './VPNavBarSocialLinks.vue';
+import VPNavBarExtra from './VPNavBarExtra.vue';
+import VPNavBarHamburger from './VPNavBarHamburger.vue';
 
 defineProps<{
   isScreenOpen: boolean
-}>()
+}>();
 
-defineEmits<{
-  (e: 'toggle-screen'): void
-}>()
+defineEmits<(e: 'toggle-screen') => void>();
 
-const { hasSidebar } = useSidebar()
+const { hasSidebar } = useSidebar();
 </script>
 
 <template>
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavBarHamburger.vue b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavBarHamburger.vue
index 89a272472b2f8330585f4890a46da7a8053fa5eb..826912d88ac62b3fd731b020feda0640014340b9 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavBarHamburger.vue
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavBarHamburger.vue
@@ -1,11 +1,9 @@
 <script lang="ts" setup>
 defineProps<{
   active: boolean
-}>()
+}>();
 
-defineEmits<{
-  (e: 'click'): void
-}>()
+defineEmits<(e: 'click') => void>();
 </script>
 
 <template>
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavBarMenu.vue b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavBarMenu.vue
index c8fb6df2f44563e5676cfb02359b00058da19bce..91afb3af8f55a2591e6e238d53e0e43a4174bd54 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavBarMenu.vue
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavBarMenu.vue
@@ -1,9 +1,9 @@
 <script lang="ts" setup>
-import { useData } from 'vitepress'
-import VPNavBarMenuLink from './VPNavBarMenuLink.vue'
-import VPNavBarMenuGroup from './VPNavBarMenuGroup.vue'
+import { useData } from 'vitepress';
+import VPNavBarMenuLink from './VPNavBarMenuLink.vue';
+import VPNavBarMenuGroup from './VPNavBarMenuGroup.vue';
 
-const { theme } = useData()
+const { theme } = useData();
 </script>
 
 <template>
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavBarMenuGroup.vue b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavBarMenuGroup.vue
index d5b86ea62c81aefcaebbfd69fa2274398abc6658..54b752c5088a5f53a2a54529a872c4b25dd597af 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavBarMenuGroup.vue
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavBarMenuGroup.vue
@@ -1,14 +1,14 @@
 <script lang="ts" setup>
-import { useData } from 'vitepress'
-import type { DefaultTheme } from 'vitepress/theme'
-import { isActive } from '../support/utils.js'
-import VPFlyout from './VPFlyout.vue'
+import { useData } from 'vitepress';
+import type { DefaultTheme } from 'vitepress/theme';
+import { isActive } from '../support/utils.js';
+import VPFlyout from './VPFlyout.vue';
 
 defineProps<{
   item: DefaultTheme.NavItemWithChildren
-}>()
+}>();
 
-const { page } = useData()
+const { page } = useData();
 </script>
 
 <template>
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavBarMenuLink.vue b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavBarMenuLink.vue
index 663603ac79a92e57b3b58a8011899885d77c2e80..1bddae8f70ebef31ed05851aa916450bfa19a985 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavBarMenuLink.vue
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavBarMenuLink.vue
@@ -1,14 +1,14 @@
 <script lang="ts" setup>
-import type { DefaultTheme } from 'vitepress/theme'
-import { useData } from 'vitepress'
-import { isActive } from '../support/utils.js'
-import VPLink from './VPLink.vue'
+import type { DefaultTheme } from 'vitepress/theme';
+import { useData } from 'vitepress';
+import { isActive } from '../support/utils.js';
+import VPLink from './VPLink.vue';
 
 defineProps<{
   item: DefaultTheme.NavItemWithLink
-}>()
+}>();
 
-const { page } = useData()
+const { page } = useData();
 </script>
 
 <template>
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavBarSearch.vue b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavBarSearch.vue
index e29075492b70af88959c2379ec907a2d96dd0a4a..0964c10430f7b2742feda4ef758dfbef3bd0796b 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavBarSearch.vue
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavBarSearch.vue
@@ -1,51 +1,51 @@
 <script lang="ts" setup>
-import '@docsearch/css'
-import { defineAsyncComponent, ref, onMounted, onUnmounted } from 'vue'
-import { useData } from 'vitepress'
+import '@docsearch/css';
+import { defineAsyncComponent, ref, onMounted, onUnmounted } from 'vue';
+import { useData } from 'vitepress';
 
 const VPAlgoliaSearchBox = __ALGOLIA__
   ? defineAsyncComponent(() => import('./VPAlgoliaSearchBox.vue'))
-  : () => null
+  : () => null;
 
-const { theme } = useData()
+const { theme } = useData();
 
 // to avoid loading the docsearch js upfront (which is more than 1/3 of the
 // payload), we delay initializing it until the user has actually clicked or
 // hit the hotkey to invoke it.
-const loaded = ref(false)
+const loaded = ref(false);
 
-const metaKey = ref(`'Meta'`)
+const metaKey = ref(`'Meta'`);
 
 onMounted(() => {
   if (!theme.value.algolia) {
-    return
+    return;
   }
 
   // meta key detect (same logic as in @docsearch/js)
   metaKey.value = /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform)
     ? `'⌘'`
-    : `'Ctrl'`
+    : `'Ctrl'`;
 
   const handleSearchHotKey = (e: KeyboardEvent) => {
     if (e.key === 'k' && (e.ctrlKey || e.metaKey)) {
-      e.preventDefault()
-      load()
-      remove()
+      e.preventDefault();
+      load();
+      remove();
     }
-  }
+  };
 
   const remove = () => {
-    window.removeEventListener('keydown', handleSearchHotKey)
-  }
+    window.removeEventListener('keydown', handleSearchHotKey);
+  };
 
-  window.addEventListener('keydown', handleSearchHotKey)
+  window.addEventListener('keydown', handleSearchHotKey);
 
-  onUnmounted(remove)
-})
+  onUnmounted(remove);
+});
 
 function load() {
   if (!loaded.value) {
-    loaded.value = true
+    loaded.value = true;
   }
 }
 </script>
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavBarSocialLinks.vue b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavBarSocialLinks.vue
index e5dfd6303b526b3cff66fe97cc8439399fb37cd3..198fe77d7c2e34164771160fe1c9c555e4dbe4ab 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavBarSocialLinks.vue
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavBarSocialLinks.vue
@@ -1,8 +1,8 @@
 <script lang="ts" setup>
-import { useData } from 'vitepress'
-import VPSocialLinks from './VPSocialLinks.vue'
+import { useData } from 'vitepress';
+import VPSocialLinks from './VPSocialLinks.vue';
 
-const { theme } = useData()
+const { theme } = useData();
 </script>
 
 <template>
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavBarTranslations.vue b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavBarTranslations.vue
index fe91597b0a6e086478be6c55ed9f9098240f31b9..30e44cd214b5ef70fd8ca92cd196e586f9ff52d6 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavBarTranslations.vue
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavBarTranslations.vue
@@ -1,10 +1,10 @@
 <script lang="ts" setup>
-import { useData } from 'vitepress'
-import VPIconLanguages from './icons/VPIconLanguages.vue'
-import VPFlyout from './VPFlyout.vue'
-import VPMenuLink from './VPMenuLink.vue'
+import { useData } from 'vitepress';
+import VPIconLanguages from './icons/VPIconLanguages.vue';
+import VPFlyout from './VPFlyout.vue';
+import VPMenuLink from './VPMenuLink.vue';
 
-const { theme } = useData()
+const { theme } = useData();
 </script>
 
 <template>
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavScreen.vue b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavScreen.vue
index 040030334b154013661503287413d1fece923762..8c38f9730f5f35215724e046b96d7e3dc5ff76c8 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavScreen.vue
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavScreen.vue
@@ -1,23 +1,23 @@
 <script setup lang="ts">
-import { ref } from 'vue'
-import { disableBodyScroll, clearAllBodyScrollLocks } from 'body-scroll-lock'
-import VPNavScreenMenu from './VPNavScreenMenu.vue'
-import VPNavScreenAppearance from './VPNavScreenAppearance.vue'
-import VPNavScreenTranslations from './VPNavScreenTranslations.vue'
-import VPNavScreenSocialLinks from './VPNavScreenSocialLinks.vue'
+import { ref } from 'vue';
+import { disableBodyScroll, clearAllBodyScrollLocks } from 'body-scroll-lock';
+import VPNavScreenMenu from './VPNavScreenMenu.vue';
+import VPNavScreenAppearance from './VPNavScreenAppearance.vue';
+import VPNavScreenTranslations from './VPNavScreenTranslations.vue';
+import VPNavScreenSocialLinks from './VPNavScreenSocialLinks.vue';
 
 defineProps<{
   open: boolean
-}>()
+}>();
 
-const screen = ref<HTMLElement | null>(null)
+const screen = ref<HTMLElement | null>(null);
 
 function lockBodyScroll() {
-  disableBodyScroll(screen.value!, { reserveScrollBarGap: true })
+  disableBodyScroll(screen.value!, { reserveScrollBarGap: true });
 }
 
 function unlockBodyScroll() {
-  clearAllBodyScrollLocks()
+  clearAllBodyScrollLocks();
 }
 </script>
 
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavScreenMenu.vue b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavScreenMenu.vue
index d75ef61da895f3460aa39bf31c652b6f38dd3e3b..b6591e9f3edb34c3a72952b35a59eadf06e8930f 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavScreenMenu.vue
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavScreenMenu.vue
@@ -1,9 +1,9 @@
 <script lang="ts" setup>
-import { useData } from 'vitepress'
-import VPNavScreenMenuLink from './VPNavScreenMenuLink.vue'
-import VPNavScreenMenuGroup from './VPNavScreenMenuGroup.vue'
+import { useData } from 'vitepress';
+import VPNavScreenMenuLink from './VPNavScreenMenuLink.vue';
+import VPNavScreenMenuGroup from './VPNavScreenMenuGroup.vue';
 
-const { theme } = useData()
+const { theme } = useData();
 </script>
 
 <template>
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavScreenMenuGroup.vue b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavScreenMenuGroup.vue
index d66e02c9aca32af7210ef9b6b12a4683d00690fc..33fdaf9fd6db794db77df25e9e305e6513844ef7 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavScreenMenuGroup.vue
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavScreenMenuGroup.vue
@@ -1,22 +1,22 @@
 <script lang="ts" setup>
-import { computed, ref } from 'vue'
-import VPIconPlus from './icons/VPIconPlus.vue'
-import VPNavScreenMenuGroupLink from './VPNavScreenMenuGroupLink.vue'
-import VPNavScreenMenuGroupSection from './VPNavScreenMenuGroupSection.vue'
+import { computed, ref } from 'vue';
+import VPIconPlus from './icons/VPIconPlus.vue';
+import VPNavScreenMenuGroupLink from './VPNavScreenMenuGroupLink.vue';
+import VPNavScreenMenuGroupSection from './VPNavScreenMenuGroupSection.vue';
 
 const props = defineProps<{
   text: string
   items: any[]
-}>()
+}>();
 
-const isOpen = ref(false)
+const isOpen = ref(false);
 
 const groupId = computed(() =>
   `NavScreenGroup-${props.text.replace(' ', '-').toLowerCase()}`
-)
+);
 
 function toggle() {
-  isOpen.value = !isOpen.value
+  isOpen.value = !isOpen.value;
 }
 </script>
 
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavScreenMenuGroupLink.vue b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavScreenMenuGroupLink.vue
index 61f5bd8383ac2ba70a5a2088084e82ae02fa374d..26d68ed4ebba3dbbc377ee5f4e6a473a315a0691 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavScreenMenuGroupLink.vue
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavScreenMenuGroupLink.vue
@@ -1,13 +1,13 @@
 <script lang="ts" setup>
-import { inject } from 'vue'
-import VPLink from './VPLink.vue'
+import { inject } from 'vue';
+import VPLink from './VPLink.vue';
 
 defineProps<{
   text: string
   link: string
-}>()
+}>();
 
-const closeScreen = inject('close-screen') as () => void
+const closeScreen = inject('close-screen') as () => void;
 </script>
 
 <template>
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavScreenMenuGroupSection.vue b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavScreenMenuGroupSection.vue
index 216ddcf607eecc0bf431de40186888abb4899769..bf2133ae1a2f1fcf31f3facab115a467e70926f8 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavScreenMenuGroupSection.vue
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavScreenMenuGroupSection.vue
@@ -1,11 +1,11 @@
 <script lang="ts" setup>
-import type { DefaultTheme } from 'vitepress/theme'
-import VPNavScreenMenuGroupLink from './VPNavScreenMenuGroupLink.vue'
+import type { DefaultTheme } from 'vitepress/theme';
+import VPNavScreenMenuGroupLink from './VPNavScreenMenuGroupLink.vue';
 
 defineProps<{
   text?: string
   items: DefaultTheme.NavItemWithLink[]
-}>()
+}>();
 </script>
 
 <template>
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavScreenMenuLink.vue b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavScreenMenuLink.vue
index f7ae9800b6fc67c0b044e2829b105cdec579c61e..b32b1f9fe013d8ba32882bdf21ec5df81d3053c9 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavScreenMenuLink.vue
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavScreenMenuLink.vue
@@ -1,13 +1,13 @@
 <script lang="ts" setup>
-import { inject } from 'vue'
-import VPLink from './VPLink.vue'
+import { inject } from 'vue';
+import VPLink from './VPLink.vue';
 
 defineProps<{
   text: string
   link: string
-}>()
+}>();
 
-const closeScreen = inject('close-screen') as () => void
+const closeScreen = inject('close-screen') as () => void;
 </script>
 
 <template>
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavScreenSocialLinks.vue b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavScreenSocialLinks.vue
index 45f4d31845d4113fe26939cd46182edb1f928457..36fbb57977f8a53cd1623328856d7208a3dad66b 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavScreenSocialLinks.vue
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavScreenSocialLinks.vue
@@ -1,8 +1,8 @@
 <script lang="ts" setup>
-import { useData } from 'vitepress'
-import VPSocialLinks from './VPSocialLinks.vue'
+import { useData } from 'vitepress';
+import VPSocialLinks from './VPSocialLinks.vue';
 
-const { theme } = useData()
+const { theme } = useData();
 </script>
 
 <template>
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavScreenTranslations.vue b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavScreenTranslations.vue
index 7305554ed0ce55b8cb98f22fd6ac2b137d3ca654..af52fa6316c7c1a6cf2a8246bd1f3c446394ab06 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavScreenTranslations.vue
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPNavScreenTranslations.vue
@@ -1,15 +1,15 @@
 <script setup lang="ts">
-import { ref } from 'vue'
-import { useData } from 'vitepress'
-import VPIconChevronDown from './icons/VPIconChevronDown.vue'
-import VPIconLanguages from './icons/VPIconLanguages.vue'
+import { ref } from 'vue';
+import { useData } from 'vitepress';
+import VPIconChevronDown from './icons/VPIconChevronDown.vue';
+import VPIconLanguages from './icons/VPIconLanguages.vue';
 
-const { theme } = useData()
+const { theme } = useData();
 
-const isOpen = ref(false)
+const isOpen = ref(false);
 
 function toggle() {
-  isOpen.value = !isOpen.value
+  isOpen.value = !isOpen.value;
 }
 </script>
 
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPSidebar.vue b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPSidebar.vue
index 846efc335fb1f6dc04edf3b696555eb80167704c..28c42fcbd349d3fedacd2ca25b2646d893052017 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPSidebar.vue
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPSidebar.vue
@@ -10,7 +10,7 @@ const props = defineProps<{
 }>();
 
 // a11y: focus Nav element when menu has opened
-let navEl = ref<(Element & { focus(): void }) | null>(null);
+const navEl = ref<(Element & { focus(): void }) | null>(null);
 
 watchPostEffect(async () => {
     if (props.open) {
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPSidebarGroup.vue b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPSidebarGroup.vue
index 0498e320d25c08b0a22bf638293518fec704c0ae..2d44e3b8286796b6f2426ac56b18c3398e09b178 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPSidebarGroup.vue
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPSidebarGroup.vue
@@ -1,34 +1,34 @@
 <script lang="ts" setup>
-import type { DefaultTheme } from 'vitepress/theme'
-import { ref, watchEffect } from 'vue'
-import { useData } from 'vitepress'
-import { isActive } from '../support/utils.js'
-import VPIconPlusSquare from './icons/VPIconPlusSquare.vue'
-import VPIconMinusSquare from './icons/VPIconMinusSquare.vue'
-import VPSidebarLink from './VPSidebarLink.vue'
+import type { DefaultTheme } from 'vitepress/theme';
+import { ref, watchEffect } from 'vue';
+import { useData } from 'vitepress';
+import { isActive } from '../support/utils.js';
+import VPIconPlusSquare from './icons/VPIconPlusSquare.vue';
+import VPIconMinusSquare from './icons/VPIconMinusSquare.vue';
+import VPSidebarLink from './VPSidebarLink.vue';
 
 const props = defineProps<{
   text?: string
   items: DefaultTheme.SidebarItem[]
   collapsible?: boolean
   collapsed?: boolean
-}>()
+}>();
 
-const collapsed = ref(false)
+const collapsed = ref(false);
 watchEffect(() => {
-  collapsed.value = !!(props.collapsible && props.collapsed)
-})
+  collapsed.value = !!(props.collapsible && props.collapsed);
+});
 
-const { page } = useData()
+const { page } = useData();
 watchEffect(() => {
-  if(props.items.some((item) => { return isActive(page.value.relativePath, item.link) })){
-    collapsed.value = false
+  if(props.items.some((item) => { return isActive(page.value.relativePath, item.link); })){
+    collapsed.value = false;
   }
-})
+});
 
 function toggle() {
   if (props.collapsible) {
-    collapsed.value = !collapsed.value
+    collapsed.value = !collapsed.value;
   }
 }
 </script>
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPSidebarLink.vue b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPSidebarLink.vue
index f0a9615b7caec7fb423ab4f28752fcfddbe79ed4..1a35f24d71d333c8917629983d06e070e40d3cb3 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPSidebarLink.vue
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPSidebarLink.vue
@@ -1,15 +1,15 @@
 <script lang="ts" setup>
-import type { DefaultTheme } from 'vitepress/theme'
-import { computed, inject } from 'vue'
-import { useData } from 'vitepress'
-import { isActive } from '../support/utils.js'
-import VPLink from './VPLink.vue'
+import type { DefaultTheme } from 'vitepress/theme';
+import { computed, inject } from 'vue';
+import { useData } from 'vitepress';
+import { isActive } from '../support/utils.js';
+import VPLink from './VPLink.vue';
 
-withDefaults(defineProps<{ item: DefaultTheme.SidebarItem; depth?: number }>(), { depth: 1 })
+withDefaults(defineProps<{ item: DefaultTheme.SidebarItem; depth?: number }>(), { depth: 1 });
 
-const { page, frontmatter } = useData()
-const maxDepth = computed<number>(() => frontmatter.value.sidebarDepth || Infinity)
-const closeSideBar = inject('close-sidebar') as () => void
+const { page, frontmatter } = useData();
+const maxDepth = computed<number>(() => frontmatter.value.sidebarDepth || Infinity);
+const closeSideBar = inject('close-sidebar') as () => void;
 </script>
 
 <template>
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPSkipLink.vue b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPSkipLink.vue
index 492e01483b202773b3071dd339683e8e6c453687..234a096cf28a284a4456ef1207303ba55d4a16e4 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPSkipLink.vue
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPSkipLink.vue
@@ -1,27 +1,27 @@
 <script lang="ts" setup>
-import { ref, watch } from 'vue'
-import { useRoute } from 'vitepress'
+import { ref, watch } from 'vue';
+import { useRoute } from 'vitepress';
 
-const route = useRoute()
-const backToTop = ref()
+const route = useRoute();
+const backToTop = ref();
 
-watch(() => route.path, () => backToTop.value.focus())
+watch(() => route.path, () => backToTop.value.focus());
 
 function focusOnTargetAnchor({ target }: Event) {
   const el = document.querySelector<HTMLAnchorElement>(
     (target as HTMLAnchorElement).hash
-  )
+  );
 
   if (el) {
     const removeTabIndex = () => {
-      el.removeAttribute('tabindex')
-      el.removeEventListener('blur', removeTabIndex)
-    }
+      el.removeAttribute('tabindex');
+      el.removeEventListener('blur', removeTabIndex);
+    };
 
-    el.setAttribute('tabindex', '-1')
-    el.addEventListener('blur', removeTabIndex)
-    el.focus()
-    window.scrollTo(0, 0)
+    el.setAttribute('tabindex', '-1');
+    el.addEventListener('blur', removeTabIndex);
+    el.focus();
+    window.scrollTo(0, 0);
   }
 }
 </script>
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPSocialLink.vue b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPSocialLink.vue
index d8bcb725bb16584e2c4b743deaa1a811087c2815..f9a08142fda918343b385ac65c2ef5b226f76a7f 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPSocialLink.vue
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPSocialLink.vue
@@ -1,17 +1,17 @@
 <script lang="ts" setup>
-import type { DefaultTheme } from 'vitepress/theme'
-import { computed } from 'vue'
-import { icons } from '../support/socialIcons.js'
+import type { DefaultTheme } from 'vitepress/theme';
+import { computed } from 'vue';
+import { icons } from '../support/socialIcons.js';
 
 const props = defineProps<{
   icon: DefaultTheme.SocialLinkIcon
   link: string
-}>()
+}>();
 
 const svg = computed(() => {
-  if (typeof props.icon === 'object') return props.icon.svg
-  return icons[props.icon]
-})
+  if (typeof props.icon === 'object') {return props.icon.svg;}
+  return icons[props.icon];
+});
 </script>
 
 <template>
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPSocialLinks.vue b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPSocialLinks.vue
index 19790f0e25fb272008e0b50184e5ba2c36aa1a43..5597266860f3a6e52e56483d7dc584ecdd645f33 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPSocialLinks.vue
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPSocialLinks.vue
@@ -1,10 +1,10 @@
 <script lang="ts" setup>
-import type { DefaultTheme } from 'vitepress/theme'
-import VPSocialLink from './VPSocialLink.vue'
+import type { DefaultTheme } from 'vitepress/theme';
+import VPSocialLink from './VPSocialLink.vue';
 
 defineProps<{
   links: DefaultTheme.SocialLink[]
-}>()
+}>();
 </script>
 
 <template>
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPSponsors.vue b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPSponsors.vue
index 770e44aaf7a981cf9ff31a6e7cff2174960bb9c0..c2fd08ca457a0c6bcf456b5f96698078a262d770 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPSponsors.vue
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPSponsors.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import type { GridSize } from '../composables/sponsor-grid.js'
-import type { Sponsor } from './VPSponsorsGrid.vue'
-import { computed } from 'vue'
-import VPSponsorsGrid from './VPSponsorsGrid.vue'
+import type { GridSize } from '../composables/sponsor-grid.js';
+import type { Sponsor } from './VPSponsorsGrid.vue';
+import { computed } from 'vue';
+import VPSponsorsGrid from './VPSponsorsGrid.vue';
 
 export interface Sponsors {
   tier?: string
@@ -15,21 +15,21 @@ const props = defineProps<{
   tier?: string
   size?: GridSize
   data: Sponsors[] | Sponsor[]
-}>()
+}>();
 
 const sponsors = computed(() => {
   const isSponsors = props.data.some((s) => {
-    return 'items' in s
-  })
+    return 'items' in s;
+  });
 
   if (isSponsors) {
-    return props.data as Sponsors[]
+    return props.data as Sponsors[];
   }
 
   return [
     { tier: props.tier, size: props.size, items: props.data as Sponsor[] }
-  ]
-})
+  ];
+});
 </script>
 
 <template>
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPSponsorsGrid.vue b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPSponsorsGrid.vue
index 1ba4351847b58d9913571ff10ab22716a7526ec9..39218b22d1fac0992e39285d4669ef6f2e5e9b44 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPSponsorsGrid.vue
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPSponsorsGrid.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import type { GridSize } from '../composables/sponsor-grid.js'
-import { ref } from 'vue'
-import { useSponsorsGrid } from '../composables/sponsor-grid.js'
+import type { GridSize } from '../composables/sponsor-grid.js';
+import { ref } from 'vue';
+import { useSponsorsGrid } from '../composables/sponsor-grid.js';
 
 export interface Sponsor {
   name: string
@@ -12,11 +12,11 @@ export interface Sponsor {
 const props = defineProps<{
   size?: GridSize
   data: Sponsor[]
-}>()
+}>();
 
-const el = ref(null)
+const el = ref(null);
 
-useSponsorsGrid({ el, size: props.size })
+useSponsorsGrid({ el, size: props.size });
 </script>
 
 <template>
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPSwitchAppearance.vue b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPSwitchAppearance.vue
index 6a5cf0ac06c818c8be70266be11a92029c63e5da..2708218c08406cf765afbbb344795ac9eb4da414 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPSwitchAppearance.vue
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPSwitchAppearance.vue
@@ -9,7 +9,7 @@ const toggle = typeof localStorage !== 'undefined' ? useAppearance() : () => {};
 
 function useAppearance() {
     const query = window.matchMedia('(prefers-color-scheme: dark)');
-    const classList = document.documentElement.classList;
+    const {classList} = document.documentElement;
     /** 调整主题设置 */
     const userPreference = inject('current-theme') as Ref<string>;
     const changeTheme = inject('change-theme') as Function;
@@ -25,7 +25,7 @@ function useAppearance() {
     function toggle() {
         setClass((isDark = !isDark));
 
-        let tuserPreference = isDark ? (query.matches ? 'auto' : 'dark') : query.matches ? 'light' : 'auto';
+        const tuserPreference = isDark ? (query.matches ? 'auto' : 'dark') : query.matches ? 'light' : 'auto';
         // 变更主题
         changeTheme(tuserPreference);
         localStorage.setItem(APPEARANCE_KEY, tuserPreference);
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPTeamMembers.vue b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPTeamMembers.vue
index 0f9debdc8dd3a13165f530ad33b2b93e3e7d5cc2..01389a80736ef746a0eb8791e2f0b7802177cd8b 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPTeamMembers.vue
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPTeamMembers.vue
@@ -1,17 +1,17 @@
 <script setup lang="ts">
-import type { DefaultTheme } from 'vitepress/theme'
-import { computed } from 'vue'
-import VPTeamMembersItem from './VPTeamMembersItem.vue'
+import type { DefaultTheme } from 'vitepress/theme';
+import { computed } from 'vue';
+import VPTeamMembersItem from './VPTeamMembersItem.vue';
 
 const props = defineProps<{
   size?: 'small' | 'medium'
   members: DefaultTheme.TeamMember[]
-}>()
+}>();
 
 const classes = computed(() => [
   props.size ?? 'medium',
   `count-${props.members.length}`
-])
+]);
 </script>
 
 <template>
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPTeamMembersItem.vue b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPTeamMembersItem.vue
index 6a4ba0f87058a8984b514f2fa0abf5f42a1f9c1c..9004ea9165a429c2348b840ae888c223f086207f 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPTeamMembersItem.vue
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/components/VPTeamMembersItem.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import type { DefaultTheme } from 'vitepress/theme'
-import VPIconHeart from './icons/VPIconHeart.vue'
-import VPLink from './VPLink.vue'
-import VPSocialLinks from './VPSocialLinks.vue'
+import type { DefaultTheme } from 'vitepress/theme';
+import VPIconHeart from './icons/VPIconHeart.vue';
+import VPLink from './VPLink.vue';
+import VPSocialLinks from './VPSocialLinks.vue';
 
 defineProps<{
   size?: 'small' | 'medium'
   member: DefaultTheme.TeamMember
-}>()
+}>();
 </script>
 
 <template>
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/composables/aside.ts b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/composables/aside.ts
index 34b159c81bb53b8c11a424da867f4af1323ec6fb..696f5b89f3d201214ddc8e298c090c5c9576cc09 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/composables/aside.ts
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/composables/aside.ts
@@ -1,21 +1,21 @@
-import { computed } from 'vue'
-import { useMediaQuery } from '@vueuse/core'
-import { useSidebar } from './sidebar.js'
+import { computed } from 'vue';
+import { useMediaQuery } from '@vueuse/core';
+import { useSidebar } from './sidebar.js';
 
 export function useAside() {
-  const { hasSidebar } = useSidebar()
-  const is960 = useMediaQuery('(min-width: 960px)')
-  const is1280 = useMediaQuery('(min-width: 1280px)')
+  const { hasSidebar } = useSidebar();
+  const is960 = useMediaQuery('(min-width: 960px)');
+  const is1280 = useMediaQuery('(min-width: 1280px)');
 
   const isAsideEnabled = computed(() => {
     if (!is1280.value && !is960.value) {
-      return false
+      return false;
     }
 
-    return hasSidebar.value ? is1280.value : is960.value
-  })
+    return hasSidebar.value ? is1280.value : is960.value;
+  });
 
   return {
     isAsideEnabled
-  }
+  };
 }
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/composables/copy-code.ts b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/composables/copy-code.ts
index a705433331fad31e77c9e5857f7eeddc068705c5..0bd1d646e9247b5a0b0ee40b10ec0edc55abd27c 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/composables/copy-code.ts
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/composables/copy-code.ts
@@ -1,11 +1,11 @@
-import { nextTick, watch } from 'vue'
-import { inBrowser, useData } from 'vitepress'
+import { nextTick, watch } from 'vue';
+import { inBrowser, useData } from 'vitepress';
 
 export function useCopyCode() {
-  const { page } = useData()
+  const { page } = useData();
 
   if (inBrowser)
-    watch(
+    {watch(
       () => page.value.relativePath,
       () => {
         nextTick(() => {
@@ -13,82 +13,82 @@ export function useCopyCode() {
             .querySelectorAll<HTMLSpanElement>(
               '.vp-doc div[class*="language-"] > button.copy'
             )
-            .forEach(handleElement)
-        })
+            .forEach(handleElement);
+        });
       },
       { immediate: true, flush: 'post' }
-    )
+    );}
 }
 
 async function copyToClipboard(text: string) {
   try {
-    return navigator.clipboard.writeText(text)
+    return navigator.clipboard.writeText(text);
   } catch {
-    const element = document.createElement('textarea')
-    const previouslyFocusedElement = document.activeElement
+    const element = document.createElement('textarea');
+    const previouslyFocusedElement = document.activeElement;
 
-    element.value = text
+    element.value = text;
 
     // Prevent keyboard from showing on mobile
-    element.setAttribute('readonly', '')
+    element.setAttribute('readonly', '');
 
-    element.style.contain = 'strict'
-    element.style.position = 'absolute'
-    element.style.left = '-9999px'
-    element.style.fontSize = '12pt' // Prevent zooming on iOS
+    element.style.contain = 'strict';
+    element.style.position = 'absolute';
+    element.style.left = '-9999px';
+    element.style.fontSize = '12pt'; // Prevent zooming on iOS
 
-    const selection = document.getSelection()
+    const selection = document.getSelection();
     const originalRange = selection
       ? selection.rangeCount > 0 && selection.getRangeAt(0)
-      : null
+      : null;
 
-    document.body.appendChild(element)
-    element.select()
+    document.body.appendChild(element);
+    element.select();
 
     // Explicit selection workaround for iOS
-    element.selectionStart = 0
-    element.selectionEnd = text.length
+    element.selectionStart = 0;
+    element.selectionEnd = text.length;
 
-    document.execCommand('copy')
-    document.body.removeChild(element)
+    document.execCommand('copy');
+    document.body.removeChild(element);
 
     if (originalRange) {
-      selection!.removeAllRanges() // originalRange can't be truthy when selection is falsy
-      selection!.addRange(originalRange)
+      selection!.removeAllRanges(); // originalRange can't be truthy when selection is falsy
+      selection!.addRange(originalRange);
     }
 
     // Get the focus back on the previously focused element, if any
     if (previouslyFocusedElement) {
-      ;(previouslyFocusedElement as HTMLElement).focus()
+      ;(previouslyFocusedElement as HTMLElement).focus();
     }
   }
 }
 
 function handleElement(el: HTMLElement) {
   el.onclick = () => {
-    const parent = el.parentElement
+    const parent = el.parentElement;
     const sibling = el.nextElementSibling
-      ?.nextElementSibling as HTMLPreElement | null
+      ?.nextElementSibling as HTMLPreElement | null;
     if (!parent || !sibling) {
-      return
+      return;
     }
 
     const isShell = /language-(shellscript|shell|bash|sh|zsh)/.test(
       parent.classList.toString()
-    )
+    );
 
-    let { innerText: text = '' } = sibling
+    let { innerText: text = '' } = sibling;
 
     if (isShell) {
-      text = text.replace(/^ *(\$|>) /gm, '')
+      text = text.replace(/^ *(\$|>) /gm, '');
     }
 
     copyToClipboard(text).then(() => {
-      el.classList.add('copied')
+      el.classList.add('copied');
       setTimeout(() => {
-        el.classList.remove('copied')
-        el.blur()
-      }, 2000)
-    })
-  }
+        el.classList.remove('copied');
+        el.blur();
+      }, 2000);
+    });
+  };
 }
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/composables/edit-link.ts b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/composables/edit-link.ts
index e8a6a156e25296e99e94674624c9fa230327d777..ba5017c1e7725e326e6e957230994960551b5936 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/composables/edit-link.ts
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/composables/edit-link.ts
@@ -1,14 +1,14 @@
-import { computed } from 'vue'
-import { useData } from 'vitepress'
+import { computed } from 'vue';
+import { useData } from 'vitepress';
 
 export function useEditLink() {
-  const { theme, page } = useData()
+  const { theme, page } = useData();
 
   return computed(() => {
-    const { text = 'Edit this page', pattern } = theme.value.editLink || {}
-    const { relativePath } = page.value
-    const url = pattern.replace(/:path/g, relativePath)
+    const { text = 'Edit this page', pattern } = theme.value.editLink || {};
+    const { relativePath } = page.value;
+    const url = pattern.replace(/:path/g, relativePath);
 
-    return { url, text }
-  })
+    return { url, text };
+  });
 }
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/composables/flyout.ts b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/composables/flyout.ts
index 691c595823532f33443d8ab25389ca110421754a..c23ff4d9d82d99f5e2e2d7a530fde7d91ec10522 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/composables/flyout.ts
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/composables/flyout.ts
@@ -1,4 +1,4 @@
-import { Ref, ref, watch, readonly, onUnmounted } from 'vue'
+import { Ref, ref, watch, readonly, onUnmounted } from 'vue';
 
 interface UseFlyoutOptions {
   el: Ref<HTMLElement | undefined>
@@ -6,53 +6,53 @@ interface UseFlyoutOptions {
   onBlur?(): void
 }
 
-export const focusedElement = ref<HTMLElement>()
+export const focusedElement = ref<HTMLElement>();
 
-let active = false
-let listeners = 0
+let active = false;
+let listeners = 0;
 
 export function useFlyout(options: UseFlyoutOptions) {
-  const focus = ref(false)
+  const focus = ref(false);
 
   if (typeof window !== 'undefined') {
-    !active && activateFocusTracking()
+    !active && activateFocusTracking();
 
-    listeners++
+    listeners++;
 
     const unwatch = watch(focusedElement, (el) => {
       if (el === options.el.value || options.el.value?.contains(el!)) {
-        focus.value = true
-        options.onFocus?.()
+        focus.value = true;
+        options.onFocus?.();
       } else {
-        focus.value = false
-        options.onBlur?.()
+        focus.value = false;
+        options.onBlur?.();
       }
-    })
+    });
 
     onUnmounted(() => {
-      unwatch()
+      unwatch();
 
-      listeners--
+      listeners--;
 
       if (!listeners) {
-        deactivateFocusTracking()
+        deactivateFocusTracking();
       }
-    })
+    });
   }
 
-  return readonly(focus)
+  return readonly(focus);
 }
 
 function activateFocusTracking() {
-  document.addEventListener('focusin', handleFocusIn)
-  active = true
-  focusedElement.value = document.activeElement as HTMLElement
+  document.addEventListener('focusin', handleFocusIn);
+  active = true;
+  focusedElement.value = document.activeElement as HTMLElement;
 }
 
 function deactivateFocusTracking() {
-  document.removeEventListener('focusin', handleFocusIn)
+  document.removeEventListener('focusin', handleFocusIn);
 }
 
 function handleFocusIn() {
-  focusedElement.value = document.activeElement as HTMLElement
+  focusedElement.value = document.activeElement as HTMLElement;
 }
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/composables/nav.ts b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/composables/nav.ts
index e3cf686b45522b37e79b012516277bf43150818e..0be9e1555c0b17267865b1d92a3715e30ae4851d 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/composables/nav.ts
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/composables/nav.ts
@@ -1,69 +1,69 @@
-import type { DefaultTheme } from 'vitepress/theme'
-import { ref, computed, watch } from 'vue'
-import { useData, useRoute } from 'vitepress'
+import type { DefaultTheme } from 'vitepress/theme';
+import { ref, computed, watch } from 'vue';
+import { useData, useRoute } from 'vitepress';
 
 export function useNav() {
-  const isScreenOpen = ref(false)
+  const isScreenOpen = ref(false);
 
   function openScreen() {
-    isScreenOpen.value = true
-    window.addEventListener('resize', closeScreenOnTabletWindow)
+    isScreenOpen.value = true;
+    window.addEventListener('resize', closeScreenOnTabletWindow);
   }
 
   function closeScreen() {
-    isScreenOpen.value = false
-    window.removeEventListener('resize', closeScreenOnTabletWindow)
+    isScreenOpen.value = false;
+    window.removeEventListener('resize', closeScreenOnTabletWindow);
   }
 
   function toggleScreen() {
-    isScreenOpen.value ? closeScreen() : openScreen()
+    isScreenOpen.value ? closeScreen() : openScreen();
   }
 
   /**
    * Close screen when the user resizes the window wider than tablet size.
    */
   function closeScreenOnTabletWindow() {
-    window.outerWidth >= 768 && closeScreen()
+    window.outerWidth >= 768 && closeScreen();
   }
 
-  const route = useRoute()
-  watch(() => route.path, closeScreen)
+  const route = useRoute();
+  watch(() => route.path, closeScreen);
 
   return {
     isScreenOpen,
     openScreen,
     closeScreen,
     toggleScreen
-  }
+  };
 }
 
 export function useLanguageLinks() {
-  const { site, localePath, theme } = useData()
+  const { site, localePath, theme } = useData();
 
   return computed(() => {
-    const langs = site.value.langs
-    const localePaths = Object.keys(langs)
+    const {langs} = site.value;
+    const localePaths = Object.keys(langs);
 
     // one language
     if (localePaths.length < 2) {
-      return null
+      return null;
     }
 
-    const route = useRoute()
+    const route = useRoute();
 
     // intentionally remove the leading slash because each locale has one
-    const currentPath = route.path.replace(localePath.value, '')
+    const currentPath = route.path.replace(localePath.value, '');
 
     const candidates = localePaths.map((localePath) => ({
       text: langs[localePath].label,
       link: `${localePath}${currentPath}`
-    }))
+    }));
 
-    const selectText = theme.value.selectText || 'Languages'
+    const selectText = theme.value.selectText || 'Languages';
 
     return {
       text: selectText,
       items: candidates
-    } as DefaultTheme.NavItemWithChildren
-  })
+    } as DefaultTheme.NavItemWithChildren;
+  });
 }
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/composables/outline.ts b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/composables/outline.ts
index fc308abdab5d4728ff54aaaf918ad1d9c0b5fb16..e1b2f08d7b9db4bd1503cb71b0935f34d894eceb 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/composables/outline.ts
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/composables/outline.ts
@@ -1,7 +1,7 @@
-import { Ref, computed, onMounted, onUpdated, onUnmounted } from 'vue'
-import { Header, useData } from 'vitepress'
-import { useAside } from '../composables/aside.js'
-import { throttleAndDebounce } from '../support/utils.js'
+import { Ref, computed, onMounted, onUpdated, onUnmounted } from 'vue';
+import { Header, useData } from 'vitepress';
+import { useAside } from '../composables/aside.js';
+import { throttleAndDebounce } from '../support/utils.js';
 
 interface HeaderWithChildren extends Header {
   children?: Header[]
@@ -16,38 +16,38 @@ interface MenuItemWithLinkAndChildren {
 }
 
 // magic number to avoid repeated retrieval
-const PAGE_OFFSET = 56
+const PAGE_OFFSET = 56;
 
 export function useOutline() {
-  const { page } = useData()
+  const { page } = useData();
 
   const hasOutline = computed(() => {
-    return page.value.headers.length > 0
-  })
+    return page.value.headers.length > 0;
+  });
 
   return {
     hasOutline
-  }
+  };
 }
 
 export function resolveHeaders(headers: Header[]) {
-  return mapHeaders(groupHeaders(headers))
+  return mapHeaders(groupHeaders(headers));
 }
 
 function groupHeaders(headers: Header[]): HeaderWithChildren[] {
-  headers = headers.map((h) => Object.assign({}, h))
+  headers = headers.map((h) => Object.assign({}, h));
 
-  let lastH2: HeaderWithChildren | undefined
+  let lastH2: HeaderWithChildren | undefined;
 
   for (const h of headers) {
     if (h.level === 2) {
-      lastH2 = h
+      lastH2 = h;
     } else if (lastH2 && h.level <= 3) {
-      ;(lastH2.children || (lastH2.children = [])).push(h)
+      ;(lastH2.children || (lastH2.children = [])).push(h);
     }
   }
 
-  return headers.filter((h) => h.level === 2)
+  return headers.filter((h) => h.level === 2);
 }
 
 function mapHeaders(
@@ -58,100 +58,100 @@ function mapHeaders(
     link: `#${header.slug}`,
     children: header.children ? mapHeaders(header.children) : undefined,
     hidden: header.hidden
-  }))
+  }));
 }
 
 export function useActiveAnchor(
   container: Ref<HTMLElement>,
   marker: Ref<HTMLElement>
 ) {
-  const { isAsideEnabled } = useAside()
+  const { isAsideEnabled } = useAside();
 
-  const onScroll = throttleAndDebounce(setActiveLink, 100)
+  const onScroll = throttleAndDebounce(setActiveLink, 100);
 
-  let prevActiveLink: HTMLAnchorElement | null = null
+  let prevActiveLink: HTMLAnchorElement | null = null;
 
   onMounted(() => {
-    requestAnimationFrame(setActiveLink)
-    window.addEventListener('scroll', onScroll)
-  })
+    requestAnimationFrame(setActiveLink);
+    window.addEventListener('scroll', onScroll);
+  });
 
   onUpdated(() => {
     // sidebar update means a route change
-    activateLink(location.hash)
-  })
+    activateLink(location.hash);
+  });
 
   onUnmounted(() => {
-    window.removeEventListener('scroll', onScroll)
-  })
+    window.removeEventListener('scroll', onScroll);
+  });
 
   function setActiveLink() {
     if (!isAsideEnabled.value) {
-      return
+      return;
     }
 
     const links = [].slice.call(
       container.value.querySelectorAll('.outline-link')
-    ) as HTMLAnchorElement[]
+    ) as HTMLAnchorElement[];
 
     const anchors = [].slice
       .call(document.querySelectorAll('.content .header-anchor'))
       .filter((anchor: HTMLAnchorElement) => {
         return links.some((link) => {
-          return link.hash === anchor.hash && anchor.offsetParent !== null
-        })
-      }) as HTMLAnchorElement[]
+          return link.hash === anchor.hash && anchor.offsetParent !== null;
+        });
+      }) as HTMLAnchorElement[];
 
-    const scrollY = window.scrollY
-    const innerHeight = window.innerHeight
-    const offsetHeight = document.body.offsetHeight
-    const isBottom = Math.abs(scrollY + innerHeight - offsetHeight) < 1
+    const {scrollY} = window;
+    const {innerHeight} = window;
+    const {offsetHeight} = document.body;
+    const isBottom = Math.abs(scrollY + innerHeight - offsetHeight) < 1;
 
     // page bottom - highlight last one
     if (anchors.length && isBottom) {
-      activateLink(anchors[anchors.length - 1].hash)
-      return
+      activateLink(anchors[anchors.length - 1].hash);
+      return;
     }
 
     for (let i = 0; i < anchors.length; i++) {
-      const anchor = anchors[i]
-      const nextAnchor = anchors[i + 1]
+      const anchor = anchors[i];
+      const nextAnchor = anchors[i + 1];
 
-      const [isActive, hash] = isAnchorActive(i, anchor, nextAnchor)
+      const [isActive, hash] = isAnchorActive(i, anchor, nextAnchor);
 
       if (isActive) {
-        activateLink(hash)
-        return
+        activateLink(hash);
+        return;
       }
     }
   }
 
   function activateLink(hash: string | null) {
     if (prevActiveLink) {
-      prevActiveLink.classList.remove('active')
+      prevActiveLink.classList.remove('active');
     }
 
     if (hash !== null) {
       prevActiveLink = container.value.querySelector(
         `a[href="${decodeURIComponent(hash)}"]`
-      )
+      );
     }
 
-    const activeLink = prevActiveLink
+    const activeLink = prevActiveLink;
 
     if (activeLink) {
-      activeLink.classList.add('active')
-      marker.value.style.top = activeLink.offsetTop + 33 + 'px'
-      marker.value.style.opacity = '1'
+      activeLink.classList.add('active');
+      marker.value.style.top = activeLink.offsetTop + 33 + 'px';
+      marker.value.style.opacity = '1';
     } else {
-      marker.value.style.top = '33px'
-      marker.value.style.opacity = '0'
+      marker.value.style.top = '33px';
+      marker.value.style.opacity = '0';
     }
   }
 }
 
 function getAnchorTop(anchor: HTMLAnchorElement): number {
-  return anchor.parentElement!.offsetTop - PAGE_OFFSET - 15
+  return anchor.parentElement!.offsetTop - PAGE_OFFSET - 15;
 }
 
 function isAnchorActive(
@@ -159,19 +159,19 @@ function isAnchorActive(
   anchor: HTMLAnchorElement,
   nextAnchor: HTMLAnchorElement | undefined
 ): [boolean, string | null] {
-  const scrollTop = window.scrollY
+  const scrollTop = window.scrollY;
 
   if (index === 0 && scrollTop === 0) {
-    return [true, null]
+    return [true, null];
   }
 
   if (scrollTop < getAnchorTop(anchor)) {
-    return [false, null]
+    return [false, null];
   }
 
   if (!nextAnchor || scrollTop < getAnchorTop(nextAnchor)) {
-    return [true, anchor.hash]
+    return [true, anchor.hash];
   }
 
-  return [false, null]
+  return [false, null];
 }
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/composables/prev-next.ts b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/composables/prev-next.ts
index 2633a617eecfca1b2877713e9247b75b88d150f6..21438b493abe1144475a4064ee3740fde8f9a440 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/composables/prev-next.ts
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/composables/prev-next.ts
@@ -1,18 +1,18 @@
-import { computed } from 'vue'
-import { useData } from 'vitepress'
-import { isActive } from '../support/utils.js'
-import { getSidebar, getFlatSideBarLinks } from '../support/sidebar.js'
+import { computed } from 'vue';
+import { useData } from 'vitepress';
+import { isActive } from '../support/utils.js';
+import { getSidebar, getFlatSideBarLinks } from '../support/sidebar.js';
 
 export function usePrevNext() {
-  const { page, theme, frontmatter } = useData()
+  const { page, theme, frontmatter } = useData();
 
   return computed(() => {
-    const sidebar = getSidebar(theme.value.sidebar, page.value.relativePath)
-    const candidates = getFlatSideBarLinks(sidebar)
+    const sidebar = getSidebar(theme.value.sidebar, page.value.relativePath);
+    const candidates = getFlatSideBarLinks(sidebar);
 
     const index = candidates.findIndex((link) => {
-      return isActive(page.value.relativePath, link.link)
-    })
+      return isActive(page.value.relativePath, link.link);
+    });
 
     return {
       prev: frontmatter.value.prev
@@ -21,6 +21,6 @@ export function usePrevNext() {
       next: frontmatter.value.next
         ? { ...candidates[index + 1], text: frontmatter.value.next }
         : candidates[index + 1]
-    }
-  })
+    };
+  });
 }
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/composables/scrollIFunc.ts b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/composables/scrollIFunc.ts
index 0be95f5a49c971e3854a0e829db99e87179de1c5..1353fe8ce2c0497a26fa0e256f341a3d51e6c674 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/composables/scrollIFunc.ts
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/composables/scrollIFunc.ts
@@ -6,14 +6,14 @@ const topDistance = 120;
  * @param extendfunc 
  */
 export function animateFunc(elements, extendfunc,isLargeSize=true) {
-    var viewHeight = window.innerHeight,
+    const viewHeight = window.innerHeight,
         viewTop = document.documentElement.scrollTop,
         viewBottom = viewTop + viewHeight;
-    let wrapper=document.querySelector('.farris-doc-feature-wrapper');
-    if(!wrapper) return;
-    for (var k = 0; k < elements.length; k++) {
-        let ele = elements[k];
-        var elementAnimation = ele.getAttribute('animate') ? ele.getAttribute('animate') : animateCls,
+    const wrapper=document.querySelector('.farris-doc-feature-wrapper');
+    if(!wrapper) {return;}
+    for (let k = 0; k < elements.length; k++) {
+        const ele = elements[k];
+        const elementAnimation = ele.getAttribute('animate') ? ele.getAttribute('animate') : animateCls,
             elementHeight = ele.clientHeight,
             elementTop = ele.offsetTop+wrapper['offsetTop'],
             elementBottom = elementTop + elementHeight;
@@ -45,10 +45,10 @@ export function animateFunc(elements, extendfunc,isLargeSize=true) {
  * @param cur 
  */
 export function changeHeader(cur,sLargeSize=true) {
-    let headerContainer = document.querySelectorAll('.feature-header');
+    const headerContainer = document.querySelectorAll('.feature-header');
     if (headerContainer) {
         for (let k = 0; k < headerContainer.length; k++) {
-            let ele = headerContainer[k];
+            const ele = headerContainer[k];
             if (k == cur) {
                 if (!ele.classList.contains(animateCls)) {
                     ele.className = ele.className + ' ' + animateCls;
@@ -64,15 +64,15 @@ export function changeHeader(cur,sLargeSize=true) {
  * @returns 
  */
 export function changeFeatureCls(isLargeSize=true) {
-    let featureEL=document.querySelector('.farris-doc-feature');    
-    let wrapper=document.querySelector('.farris-doc-feature-wrapper');
-    if(!featureEL||!wrapper) return;
+    const featureEL=document.querySelector('.farris-doc-feature');    
+    const wrapper=document.querySelector('.farris-doc-feature-wrapper');
+    if(!featureEL||!wrapper) {return;}
     if(!isLargeSize){
         featureEL.className=featureEL.className.replace('fixed','');
         return;
     }
-    let viewHeight = window.innerHeight;
-    let viewTop = document.documentElement.scrollTop;
+    const viewHeight = window.innerHeight;
+    const viewTop = document.documentElement.scrollTop;
     
     if (viewTop + topDistance > wrapper['offsetTop'] && wrapper['offsetTop'] + wrapper['clientHeight'] > viewTop + topDistance + viewHeight) {
             if(!featureEL.classList.contains('fixed')){
@@ -90,9 +90,9 @@ export function changeFeatureCls(isLargeSize=true) {
  * @returns 
  */
 export function changePageHeaderFixedState(){
-    let viewTop = document.documentElement.scrollTop;
-    let navEl=document.querySelector('.VPNav');
-    if(!navEl) return;
+    const viewTop = document.documentElement.scrollTop;
+    const navEl=document.querySelector('.VPNav');
+    if(!navEl) {return;}
     if(viewTop> navEl['clientHeight']){
         if(!navEl.classList.contains('fixed')){
             navEl.className=navEl.className+' fixed';
@@ -110,9 +110,9 @@ export function changePageHeaderFixedState(){
  * @returns 
  */
 export function resizeWindow() {
-    var viewSize = { "el": 1600, "xl": 1240, "lg": 1000, "md": 830, "sm": 730,"min":639 };
-    var windowWidth = parseInt(document.documentElement.clientWidth+'', 10);
-    var matchSize = "";
+    const viewSize = { "el": 1600, "xl": 1240, "lg": 1000, "md": 830, "sm": 730,"min":639 };
+    const windowWidth = parseInt(document.documentElement.clientWidth+'', 10);
+    let matchSize = "";
     // 暂时没有其他用处
     if (windowWidth > viewSize['el']) {
       matchSize = "ex";
@@ -130,4 +130,4 @@ export function resizeWindow() {
       matchSize = "min";
     }
  return matchSize; 
-}
\ No newline at end of file
+}
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/composables/sidebar.ts b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/composables/sidebar.ts
index 414c5558f3b126ded6706232488596f898c5928a..e420ae14b9c9d33cd068d581d073bb553b0a5c29 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/composables/sidebar.ts
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/composables/sidebar.ts
@@ -1,47 +1,47 @@
-import { computed, onMounted, onUnmounted, Ref, ref, watchEffect } from 'vue'
-import { useData, useRoute } from 'vitepress'
-import { getSidebar } from '../support/sidebar.js'
+import { computed, onMounted, onUnmounted, Ref, ref, watchEffect } from 'vue';
+import { useData, useRoute } from 'vitepress';
+import { getSidebar } from '../support/sidebar.js';
 
 export function useSidebar() {
-  const route = useRoute()
-  const { theme, frontmatter } = useData()
+  const route = useRoute();
+  const { theme, frontmatter } = useData();
 
-  const isOpen = ref(false)
+  const isOpen = ref(false);
 
   const sidebar = computed(() => {
-    const sidebarConfig = theme.value.sidebar
-    const relativePath = route.data.relativePath
-    return sidebarConfig ? getSidebar(sidebarConfig, relativePath) : []
-  })
+    const sidebarConfig = theme.value.sidebar;
+    const {relativePath} = route.data;
+    return sidebarConfig ? getSidebar(sidebarConfig, relativePath) : [];
+  });
 
   const hasSidebar = computed(() => {
     return (
       frontmatter.value.sidebar !== false &&
       sidebar.value.length > 0 &&
       frontmatter.value.layout !== 'home'
-    )
-  })
+    );
+  });
 
   const hasAside = computed(() => {
     if (
       frontmatter.value.layout !== 'home' &&
       frontmatter.value.aside === false
     )
-      return false
+      {return false;}
 
-    return hasSidebar.value
-  })
+    return hasSidebar.value;
+  });
 
   function open() {
-    isOpen.value = true
+    isOpen.value = true;
   }
 
   function close() {
-    isOpen.value = false
+    isOpen.value = false;
   }
 
   function toggle() {
-    isOpen.value ? close() : open()
+    isOpen.value ? close() : open();
   }
 
   return {
@@ -52,7 +52,7 @@ export function useSidebar() {
     open,
     close,
     toggle
-  }
+  };
 }
 
 /**
@@ -63,26 +63,26 @@ export function useCloseSidebarOnEscape(
   isOpen: Ref<boolean>,
   close: () => void
 ) {
-  let triggerElement: HTMLButtonElement | undefined
+  let triggerElement: HTMLButtonElement | undefined;
 
   watchEffect(() => {
     triggerElement = isOpen.value
       ? (document.activeElement as HTMLButtonElement)
-      : undefined
-  })
+      : undefined;
+  });
 
   onMounted(() => {
-    window.addEventListener('keyup', onEscape)
-  })
+    window.addEventListener('keyup', onEscape);
+  });
 
   onUnmounted(() => {
-    window.removeEventListener('keyup', onEscape)
-  })
+    window.removeEventListener('keyup', onEscape);
+  });
 
   function onEscape(e: KeyboardEvent) {
     if (e.key === 'Escape' && isOpen.value) {
-      close()
-      triggerElement?.focus()
+      close();
+      triggerElement?.focus();
     }
   }
 }
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/composables/sponsor-grid.ts b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/composables/sponsor-grid.ts
index e4dc05c82398455ec380bb5430b20b60354a8e9a..0d8d6065fbc8e0c4452a21ec1d7f9a574591bd40 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/composables/sponsor-grid.ts
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/composables/sponsor-grid.ts
@@ -1,5 +1,5 @@
-import { Ref, onMounted, onUnmounted } from 'vue'
-import { throttleAndDebounce } from '../support/utils.js'
+import { Ref, onMounted, onUnmounted } from 'vue';
+import { throttleAndDebounce } from '../support/utils.js';
 
 export interface GridSetting {
   [size: string]: [number, number][]
@@ -44,57 +44,57 @@ const GridSettings: GridSetting = {
     [832, 3],
     [640, 2]
   ]
-}
+};
 
 export function useSponsorsGrid({
   el,
   size = 'medium'
 }: UseSponsorsGridOprions) {
-  const onResize = throttleAndDebounce(manage, 100)
+  const onResize = throttleAndDebounce(manage, 100);
 
   onMounted(() => {
-    manage()
-    window.addEventListener('resize', onResize)
-  })
+    manage();
+    window.addEventListener('resize', onResize);
+  });
 
   onUnmounted(() => {
-    window.removeEventListener('resize', onResize)
-  })
+    window.removeEventListener('resize', onResize);
+  });
 
   function manage() {
-    adjustSlots(el.value!, size)
+    adjustSlots(el.value!, size);
   }
 }
 
 function adjustSlots(el: HTMLElement, size: GridSize) {
-  const tsize = el.children.length
-  const asize = el.querySelectorAll('.vp-sponsor-grid-item:not(.empty)').length
+  const tsize = el.children.length;
+  const asize = el.querySelectorAll('.vp-sponsor-grid-item:not(.empty)').length;
 
-  const grid = setGrid(el, size, asize)
+  const grid = setGrid(el, size, asize);
 
-  manageSlots(el, grid, tsize, asize)
+  manageSlots(el, grid, tsize, asize);
 }
 
 function setGrid(el: HTMLElement, size: GridSize, items: number) {
-  const settings = GridSettings[size]
-  const screen = window.innerWidth
+  const settings = GridSettings[size];
+  const screen = window.innerWidth;
 
-  let grid = 1
+  let grid = 1;
 
   settings.some(([breakpoint, value]) => {
     if (screen >= breakpoint) {
-      grid = items < value ? items : value
-      return true
+      grid = items < value ? items : value;
+      return true;
     }
-  })
+  });
 
-  setGridData(el, grid)
+  setGridData(el, grid);
 
-  return grid
+  return grid;
 }
 
 function setGridData(el: HTMLElement, value: number) {
-  el.dataset.vpGrid = String(value)
+  el.dataset.vpGrid = String(value);
 }
 
 function manageSlots(
@@ -103,33 +103,33 @@ function manageSlots(
   tsize: number,
   asize: number
 ) {
-  const diff = tsize - asize
-  const rem = asize % grid
-  const drem = rem === 0 ? rem : grid - rem
+  const diff = tsize - asize;
+  const rem = asize % grid;
+  const drem = rem === 0 ? rem : grid - rem;
 
-  neutralizeSlots(el, drem - diff)
+  neutralizeSlots(el, drem - diff);
 }
 
 function neutralizeSlots(el: HTMLElement, count: number) {
   if (count === 0) {
-    return
+    return;
   }
 
-  count > 0 ? addSlots(el, count) : removeSlots(el, count * -1)
+  count > 0 ? addSlots(el, count) : removeSlots(el, count * -1);
 }
 
 function addSlots(el: HTMLElement, count: number) {
   for (let i = 0; i < count; i++) {
-    const slot = document.createElement('div')
+    const slot = document.createElement('div');
 
-    slot.classList.add('vp-sponsor-grid-item', 'empty')
+    slot.classList.add('vp-sponsor-grid-item', 'empty');
 
-    el.append(slot)
+    el.append(slot);
   }
 }
 
 function removeSlots(el: HTMLElement, count: number) {
   for (let i = 0; i < count; i++) {
-    el.removeChild(el.lastElementChild!)
+    el.removeChild(el.lastElementChild!);
   }
 }
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/example/composition/type.ts b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/example/composition/type.ts
index 4cba9163ed2495534372fbc1572bafcbd3bb879f..82658c6eeffa5571d266829064f30ea7b54f0fdf 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/example/composition/type.ts
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/example/composition/type.ts
@@ -9,4 +9,4 @@ export interface UseCollapse {
     controlText: ComputedRef<any>;
     isExpanded: Ref<boolean>;
     onClickControl: () => void;
-}
\ No newline at end of file
+}
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/example/composition/use-collapse.ts b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/example/composition/use-collapse.ts
index 445cd6aa6db6ad1941d642960e65f4b028d06263..a421c12bd7c960dbe65bb32db8293509518d19f1 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/example/composition/use-collapse.ts
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/example/composition/use-collapse.ts
@@ -7,7 +7,6 @@ export function useCollapse(props: any, setupContext: SetupContext, locale: Comp
     const isExpanded = ref(false);
 
 
-
     const controlText = computed(() => {
         return isExpanded.value ? locale.value['hide-text'] : locale.value['show-text'];
     });
@@ -22,4 +21,3 @@ export function useCollapse(props: any, setupContext: SetupContext, locale: Comp
 }
 
 
-
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/example/messages/FMessage.vue b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/example/messages/FMessage.vue
index 275b1218c5a411c09270cb76bf594395df17df55..7a6855a8aa4cba2c8675db88c3560a179a76854b 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/example/messages/FMessage.vue
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/example/messages/FMessage.vue
@@ -11,43 +11,43 @@
 </template>
 
 <script>
-import { ref } from 'vue'
+import { ref } from 'vue';
 
-let seed = 0
+let seed = 0;
 function getUuid() {
-  return 'message_' + seed++
+  return 'message_' + seed++;
 }
 
 export default {
   setup() {
-    const messages = ref([])
+    const messages = ref([]);
 
     function add(props) {
-      const name = getUuid()
+      const name = getUuid();
 
-      const _message = { name, ...props }
+      const _message = { name, ...props };
 
-      messages.value.push(_message)
+      messages.value.push(_message);
 
       // 定时移除，单位：秒
-      const duration = props.duration
+      const {duration} = props;
       setTimeout(() => {
-        remove(name)
-      }, duration * 1000)
+        remove(name);
+      }, duration * 1000);
     }
 
     function remove(name) {
       for (const [i, v] of messages.value.entries()) {
         if (v.name === name) {
-          messages.value.splice(i, 1)
-          break
+          messages.value.splice(i, 1);
+          break;
         }
       }
     }
 
-    return { messages, add, remove }
+    return { messages, add, remove };
   }
-}
+};
 </script>
 
 <style scoped>
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/example/messages/message.js b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/example/messages/message.js
index c71688e20769c37587f352031d650e5e8c9e1787..21da4e92d825af825cc205f564b555beb6687120 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/example/messages/message.js
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/example/messages/message.js
@@ -1,52 +1,52 @@
-import { createApp, h } from 'vue'
-import Message from './FMessage.vue'
+import { createApp, h } from 'vue';
+import Message from './FMessage.vue';
 
 // newInstance
 Message.newInstance = (props = {}) => {
-  const container = document.createElement('div')
+  const container = document.createElement('div');
 
   const app = createApp({
     render() {
       return h(Message, {
         ...props,
         ref: 'messageRef'
-      })
+      });
     }
-  })
+  });
 
-  const instance = app.mount(container)
-  const messageRef = instance.$refs.messageRef
-  document.body.appendChild(container.firstElementChild)
+  const instance = app.mount(container);
+  const {messageRef} = instance.$refs;
+  document.body.appendChild(container.firstElementChild);
 
   return {
     add(messageProps) {
-      messageRef.add(messageProps)
+      messageRef.add(messageProps);
     },
     remove(name) {
-      messageRef.remove(name)
+      messageRef.remove(name);
     }
-  }
-}
+  };
+};
 
 // message
-let messageInstance
+let messageInstance;
 
 function getMessageInstance() {
-  messageInstance = messageInstance || Message.newInstance()
-  return messageInstance
+  messageInstance = messageInstance || Message.newInstance();
+  return messageInstance;
 }
 
 function message(content, { duration = 3, type = '' }) {
-  const instance = getMessageInstance()
+  const instance = getMessageInstance();
 
-  instance.add({ content, duration, type })
+  instance.add({ content, duration, type });
 }
 
 export default {
   info(content, options) {
-    return message(content, { ...options })
+    return message(content, { ...options });
   },
   error(content, options) {
-    return message(content, { ...options, type: 'error' })
+    return message(content, { ...options, type: 'error' });
   }
-}
+};
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/example/utils/clipboard-copy.js b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/example/utils/clipboard-copy.js
index f3672b1ff0f63d526a1c1d9f4f51367e48471f48..5fb8178a9ea074352bf0160242fca1d17d91b2af 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/example/utils/clipboard-copy.js
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/example/utils/clipboard-copy.js
@@ -1,61 +1,61 @@
 // https://github.com/feross/clipboard-copy
 function makeError() {
-  return new DOMException('The request is not allowed', 'NotAllowedError')
+  return new DOMException('The request is not allowed', 'NotAllowedError');
 }
 
 async function copyClipboardApi(text) {
   // Use the Async Clipboard API when available. Requires a secure browsing
   // context (i.e. HTTPS)
   if (!navigator.clipboard) {
-    throw makeError()
+    throw makeError();
   }
-  return navigator.clipboard.writeText(text)
+  return navigator.clipboard.writeText(text);
 }
 
 async function copyExecCommand(text) {
   // Put the text to copy into a <span>
-  const span = document.createElement('span')
-  span.textContent = text
+  const span = document.createElement('span');
+  span.textContent = text;
 
   // Preserve consecutive spaces and newlines
-  span.style.whiteSpace = 'pre'
-  span.style.webkitUserSelect = 'auto'
-  span.style.userSelect = 'all'
+  span.style.whiteSpace = 'pre';
+  span.style.webkitUserSelect = 'auto';
+  span.style.userSelect = 'all';
 
   // Add the <span> to the page
-  document.body.appendChild(span)
+  document.body.appendChild(span);
 
   // Make a selection object representing the range of text selected by the user
-  const selection = window.getSelection()
-  const range = window.document.createRange()
-  selection.removeAllRanges()
-  range.selectNode(span)
-  selection.addRange(range)
+  const selection = window.getSelection();
+  const range = window.document.createRange();
+  selection.removeAllRanges();
+  range.selectNode(span);
+  selection.addRange(range);
 
   // Copy text to the clipboard
-  let success = false
+  let success = false;
   try {
-    success = window.document.execCommand('copy')
+    success = window.document.execCommand('copy');
   } finally {
     // Cleanup
-    selection.removeAllRanges()
-    window.document.body.removeChild(span)
+    selection.removeAllRanges();
+    window.document.body.removeChild(span);
   }
 
-  if (!success) throw makeError()
+  if (!success) {throw makeError();}
 }
 
 async function clipboardCopy(text) {
   try {
-    await copyClipboardApi(text)
+    await copyClipboardApi(text);
   } catch (err) {
     // ...Otherwise, use document.execCommand() fallback
     try {
-      await copyExecCommand(text)
+      await copyExecCommand(text);
     } catch (err2) {
-      throw err2 || err || makeError()
+      throw err2 || err || makeError();
     }
   }
 }
 
-export default clipboardCopy
+export default clipboardCopy;
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/example/utils/throttle.js b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/example/utils/throttle.js
index b34989404b8d459a3b4a5c23ec64ef5d07ade9a1..f453c4c4a08e79989b187fa9b53b8d07ff1fddcb 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/example/utils/throttle.js
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/example/utils/throttle.js
@@ -5,24 +5,24 @@
  * @return {Function}
  */
 export function throttle(method, delay) {
-  let timer = null
-  let begin = new Date()
+  let timer = null;
+  let begin = new Date();
   return function () {
-    // eslint-disable-next-line @typescript-eslint/no-this-alias
+     
     const context = this,
-      args = arguments
-    const current = new Date()
-    const remaining = delay - (current - begin)
-    clearTimeout(timer)
+      args = arguments;
+    const current = new Date();
+    const remaining = delay - (current - begin);
+    clearTimeout(timer);
     if (remaining <= 0) {
-      method.apply(context, args)
-      begin = new Date()
+      method.apply(context, args);
+      begin = new Date();
     } else {
       timer = setTimeout(function () {
-        method.apply(context, args)
-      }, remaining)
+        method.apply(context, args);
+      }, remaining);
     }
-  }
+  };
 }
 
 /**
@@ -32,14 +32,14 @@ export function throttle(method, delay) {
  * @return {Function}
  */
 export function debounce(method, delay) {
-  let timer = null
+  let timer = null;
   return function () {
-    // eslint-disable-next-line @typescript-eslint/no-this-alias
+     
     const context = this,
-      args = arguments
-    clearTimeout(timer)
+      args = arguments;
+    clearTimeout(timer);
     timer = setTimeout(function () {
-      method.call(context, args)
-    }, delay)
-  }
+      method.call(context, args);
+    }, delay);
+  };
 }
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/shared/shared.ts b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/shared/shared.ts
index 580ce1c60926a89d2b5947c8109217ca8a4fe09d..5075f2d66d628f449380960bcfd30aecfa3740f2 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/shared/shared.ts
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/shared/shared.ts
@@ -3,7 +3,7 @@ import {
   PageData,
   LocaleConfig,
   HeadConfig
-} from '../types/shared'
+} from '../types/shared';
 
 export type {
   SiteData,
@@ -15,12 +15,12 @@ export type {
   PageDataPayload,
   CleanUrlsMode,
   Awaitable
-} from '../types/shared'
+} from '../types/shared';
 
-export const EXTERNAL_URL_RE = /^[a-z]+:/i
-export const APPEARANCE_KEY = 'vitepress-theme-appearance'
+export const EXTERNAL_URL_RE = /^[a-z]+:/i;
+export const APPEARANCE_KEY = 'vitepress-theme-appearance';
 
-export const inBrowser = typeof window !== 'undefined'
+export const inBrowser = typeof window !== 'undefined';
 
 export const notFoundPageData: PageData = {
   relativePath: '',
@@ -29,21 +29,21 @@ export const notFoundPageData: PageData = {
   headers: [],
   frontmatter: { sidebar: false, layout: 'page' },
   lastUpdated: 0
-}
+};
 
 function findMatchRoot(route: string, roots: string[]): string | undefined {
   // first match to the routes with the most deep level.
   roots.sort((a, b) => {
-    const levelDelta = b.split('/').length - a.split('/').length
+    const levelDelta = b.split('/').length - a.split('/').length;
     if (levelDelta !== 0) {
-      return levelDelta
+      return levelDelta;
     } else {
-      return b.length - a.length
+      return b.length - a.length;
     }
-  })
+  });
 
   for (const r of roots) {
-    if (route.startsWith(r)) return r
+    if (route.startsWith(r)) {return r;}
   }
 }
 
@@ -51,25 +51,25 @@ function resolveLocales<T>(
   locales: Record<string, T>,
   route: string
 ): T | undefined {
-  const localeRoot = findMatchRoot(route, Object.keys(locales))
-  return localeRoot ? locales[localeRoot] : undefined
+  const localeRoot = findMatchRoot(route, Object.keys(locales));
+  return localeRoot ? locales[localeRoot] : undefined;
 }
 
 export function createLangDictionary(siteData: {
   themeConfig?: Record<string, any>
   locales?: Record<string, LocaleConfig>
 }) {
-  const { locales } = siteData.themeConfig || {}
-  const siteLocales = siteData.locales
+  const { locales } = siteData.themeConfig || {};
+  const siteLocales = siteData.locales;
   return locales && siteLocales
     ? Object.keys(locales).reduce((langs, path) => {
         langs[path] = {
           label: locales![path].label,
           lang: siteLocales[path].lang
-        }
-        return langs
+        };
+        return langs;
       }, {} as Record<string, { lang: string; label: string }>)
-    : {}
+    : {};
 }
 
 // this merges the locales data to the main data by the route
@@ -77,13 +77,13 @@ export function resolveSiteDataByRoute(
   siteData: SiteData,
   route: string
 ): SiteData {
-  route = cleanRoute(siteData, route)
+  route = cleanRoute(siteData, route);
 
-  const localeData = resolveLocales(siteData.locales || {}, route)
+  const localeData = resolveLocales(siteData.locales || {}, route);
   const localeThemeConfig = resolveLocales<any>(
     siteData.themeConfig.locales || {},
     route
-  )
+  );
 
   // avoid object rest spread since this is going to run in the browser
   // and spread is going to result in polyfill code
@@ -96,23 +96,23 @@ export function resolveSiteDataByRoute(
     // clean the locales to reduce the bundle size
     locales: {},
     langs: createLangDictionary(siteData)
-  })
+  });
 }
 
 /**
  * Create the page title string based on configs.
  */
 export function createTitle(siteData: SiteData, pageData: PageData): string {
-  const title = pageData.title || siteData.title
-  const template = pageData.titleTemplate ?? siteData.titleTemplate
+  const title = pageData.title || siteData.title;
+  const template = pageData.titleTemplate ?? siteData.titleTemplate;
 
   if (typeof template === 'string' && template.includes(':title')) {
-    return template.replace(/:title/g, title)
+    return template.replace(/:title/g, title);
   }
 
-  const templateString = createTitleTemplate(siteData.title, template)
+  const templateString = createTitleTemplate(siteData.title, template);
 
-  return `${title}${templateString}`
+  return `${title}${templateString}`;
 }
 
 function createTitleTemplate(
@@ -120,18 +120,18 @@ function createTitleTemplate(
   template?: string | boolean
 ): string {
   if (template === false) {
-    return ''
+    return '';
   }
 
   if (template === true || template === undefined) {
-    return ` | ${siteTitle}`
+    return ` | ${siteTitle}`;
   }
 
   if (siteTitle === template) {
-    return ''
+    return '';
   }
 
-  return ` | ${template}`
+  return ` | ${template}`;
 }
 
 /**
@@ -139,25 +139,25 @@ function createTitleTemplate(
  */
 function cleanRoute(siteData: SiteData, route: string): string {
   if (!inBrowser) {
-    return route
+    return route;
   }
 
-  const base = siteData.base
-  const baseWithoutSuffix = base.endsWith('/') ? base.slice(0, -1) : base
+  const {base} = siteData;
+  const baseWithoutSuffix = base.endsWith('/') ? base.slice(0, -1) : base;
 
-  return route.slice(baseWithoutSuffix.length)
+  return route.slice(baseWithoutSuffix.length);
 }
 
 function hasTag(head: HeadConfig[], tag: HeadConfig) {
-  const [tagType, tagAttrs] = tag
-  if (tagType !== 'meta') return false
-  const keyAttr = Object.entries(tagAttrs)[0] // First key
-  if (keyAttr == null) return false
+  const [tagType, tagAttrs] = tag;
+  if (tagType !== 'meta') {return false;}
+  const keyAttr = Object.entries(tagAttrs)[0]; // First key
+  if (keyAttr == null) {return false;}
   return head.some(
     ([type, attrs]) => type === tagType && attrs[keyAttr[0]] === keyAttr[1]
-  )
+  );
 }
 
 export function mergeHead(prev: HeadConfig[], curr: HeadConfig[]) {
-  return [...prev.filter((tagAttrs) => !hasTag(curr, tagAttrs)), ...curr]
+  return [...prev.filter((tagAttrs) => !hasTag(curr, tagAttrs)), ...curr];
 }
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/support/message.ts b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/support/message.ts
index 6bcf4fdf7ce9deb86e55ad85ce8d280d60ee0651..e12ae724f1a3fb2fed9b713e0b046a2f3cbadf46 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/support/message.ts
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/support/message.ts
@@ -13,7 +13,7 @@ export const handleMessage = () => {
     };
 
     const getChildAnchorElement = (node: Element): HTMLAnchorElement | null => {
-        const childNodes = node.childNodes;
+        const {childNodes} = node;
         for (let i = 0; i < childNodes.length; i++) {
             const childNode = childNodes[i];
             const isElement = childNode.nodeType === childNode.ELEMENT_NODE;
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/support/sidebar.ts b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/support/sidebar.ts
index b55fa1356f237b2dfb6aaa32634a299acf5fb86c..1a0701aa3bb47229a9ca02eebb740065e4ce85aa 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/support/sidebar.ts
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/support/sidebar.ts
@@ -1,5 +1,5 @@
-import type { DefaultTheme } from 'vitepress/theme'
-import { ensureStartingSlash } from './utils.js'
+import type { DefaultTheme } from 'vitepress/theme';
+import { ensureStartingSlash } from './utils.js';
 
 /**
  * Get the `Sidebar` from sidebar option. This method will ensure to get correct
@@ -12,37 +12,37 @@ export function getSidebar(
   path: string
 ): DefaultTheme.SidebarGroup[] {
   if (Array.isArray(sidebar)) {
-    return sidebar
+    return sidebar;
   }
 
-  path = ensureStartingSlash(path)
+  path = ensureStartingSlash(path);
 
   for (const dir in sidebar) {
     // make sure the multi sidebar key starts with slash too
     if (path.startsWith(ensureStartingSlash(dir))) {
-      return sidebar[dir]
+      return sidebar[dir];
     }
   }
 
-  return []
+  return [];
 }
 
 export function getFlatSideBarLinks(sidebar: DefaultTheme.SidebarGroup[]) {
-  const links: { text: string; link: string }[] = []
+  const links: { text: string; link: string }[] = [];
 
   function recursivelyExtractLinks(items: DefaultTheme.SidebarItem[]) {
     for (const item of items) {
       if (item.link) {
-        links.push({ ...item, link: item.link })
+        links.push({ ...item, link: item.link });
       }
       if ('items' in item) {
-        recursivelyExtractLinks(item.items)
+        recursivelyExtractLinks(item.items);
       }
     }
   }
 
   for (const group of sidebar) {
-    recursivelyExtractLinks(group.items)
+    recursivelyExtractLinks(group.items);
   }
-  return links
+  return links;
 }
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/support/socialIcons.ts b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/support/socialIcons.ts
index 90fb19abfd33f39cbea405480d8287fd5baa1bfb..19e4a518207be9f88a9795d5cf68abe315dd8198 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/support/socialIcons.ts
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/support/socialIcons.ts
@@ -17,4 +17,4 @@ export const icons = {
     '<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Twitter</title><path d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"/></svg>',
   youtube:
     '<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>YouTube</title><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg>'
-} as const
+} as const;
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/support/utils.ts b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/support/utils.ts
index f0a24345aa5e84342286e3029c55875e007aba00..2bcc16b44c9ac7927d81d15c9ca035557257e94e 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/support/utils.ts
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/support/utils.ts
@@ -1,36 +1,36 @@
-import { ref } from 'vue'
-import { withBase, useData } from 'vitepress'
-import { EXTERNAL_URL_RE } from '../shared/shared'
+import { ref } from 'vue';
+import { withBase, useData } from 'vitepress';
+import { EXTERNAL_URL_RE } from '../shared/shared';
 
-export const HASH_RE = /#.*$/
-export const EXT_RE = /(index)?\.(md|html)$/
+export const HASH_RE = /#.*$/;
+export const EXT_RE = /(index)?\.(md|html)$/;
 
-const inBrowser = typeof window !== 'undefined'
-const hashRef = ref(inBrowser ? location.hash : '')
+const inBrowser = typeof window !== 'undefined';
+const hashRef = ref(inBrowser ? location.hash : '');
 
 export function isExternal(path: string): boolean {
-  return EXTERNAL_URL_RE.test(path)
+  return EXTERNAL_URL_RE.test(path);
 }
 
 export function throttleAndDebounce(fn: () => void, delay: number): () => void {
-  let timeout: any
-  let called = false
+  let timeout: any;
+  let called = false;
 
   return () => {
     if (timeout) {
-      clearTimeout(timeout)
+      clearTimeout(timeout);
     }
 
     if (!called) {
-      fn()
-      called = true
+      fn();
+      called = true;
       setTimeout(() => {
-        called = false
-      }, delay)
+        called = false;
+      }, delay);
     } else {
-      timeout = setTimeout(fn, delay)
+      timeout = setTimeout(fn, delay);
     }
-  }
+  };
 }
 
 export function isActive(
@@ -39,43 +39,43 @@ export function isActive(
   asRegex: boolean = false
 ): boolean {
   if (matchPath === undefined) {
-    return false
+    return false;
   }
 
-  currentPath = normalize(`/${currentPath}`)
+  currentPath = normalize(`/${currentPath}`);
 
   if (asRegex) {
-    return new RegExp(matchPath).test(currentPath)
+    return new RegExp(matchPath).test(currentPath);
   }
 
   if (normalize(matchPath) !== currentPath) {
-    return false
+    return false;
   }
 
-  const hashMatch = matchPath.match(HASH_RE)
+  const hashMatch = matchPath.match(HASH_RE);
 
   if (hashMatch) {
-    return hashRef.value === hashMatch[0]
+    return hashRef.value === hashMatch[0];
   }
 
-  return true
+  return true;
 }
 
 export function ensureStartingSlash(path: string): string {
-  return /^\//.test(path) ? path : `/${path}`
+  return /^\//.test(path) ? path : `/${path}`;
 }
 
 export function normalize(path: string): string {
-  return decodeURI(path).replace(HASH_RE, '').replace(EXT_RE, '')
+  return decodeURI(path).replace(HASH_RE, '').replace(EXT_RE, '');
 }
 
 export function normalizeLink(url: string): string {
   if (isExternal(url)) {
-    return url
+    return url;
   }
 
-  const { site } = useData()
-  const { pathname, search, hash } = new URL(url, 'http://example.com')
+  const { site } = useData();
+  const { pathname, search, hash } = new URL(url, 'http://example.com');
 
   const normalizedPath =
     pathname.endsWith('/') || pathname.endsWith('.html')
@@ -83,7 +83,7 @@ export function normalizeLink(url: string): string {
       : `${pathname.replace(
           /(\.md)?$/,
           site.value.cleanUrls === 'disabled' ? '.html' : ''
-        )}${search}${hash}`
+        )}${search}${hash}`;
 
-  return withBase(normalizedPath)
+  return withBase(normalizedPath);
 }
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/types/index.d.ts b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/types/index.d.ts
index 8a8d52c89f29f3d244444490f517b071def0b278..5d57e3033db025e43703931160a779776f251938 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/types/index.d.ts
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/types/index.d.ts
@@ -1,3 +1,3 @@
-export * from './shared.js'
-export * from '../dist/client/index.js'
-export * from '../dist/node/index.js'
+export * from './shared.js';
+export * from '../dist/client/index.js';
+export * from '../dist/node/index.js';
diff --git a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/types/shared.d.ts b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/types/shared.d.ts
index f37194dc1c2472a30fd02cae5540507e750fda86..6ad8db720076a17fc0e786ff29deeaac437af8fa 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/farris-theme/types/shared.d.ts
+++ b/packages/mobile-ui-vue/docs/.vitepress/farris-theme/types/shared.d.ts
@@ -1,5 +1,5 @@
 // types shared between server and client
-export type { DefaultTheme } from './default-theme.js'
+export type { DefaultTheme } from './default-theme.js';
 
 export type Awaitable<T> = T | PromiseLike<T>
 
diff --git a/packages/mobile-ui-vue/docs/.vitepress/plugins/farris-markdown-plugin.ts b/packages/mobile-ui-vue/docs/.vitepress/plugins/farris-markdown-plugin.ts
index 4379cc906d46b85a6634722988e3badf01523252..fa27c5c9caceaf607854cea8a118144ec2161ee9 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/plugins/farris-markdown-plugin.ts
+++ b/packages/mobile-ui-vue/docs/.vitepress/plugins/farris-markdown-plugin.ts
@@ -109,7 +109,7 @@ export const farrisMarkdownPlugin = (md: MarkdownIt, options: any) => {
                     highlightSourceCode = option.highlight(source, lang, '');
                 }
 
-                if (!source) throw new Error(`Incorrect source file: ${sourceFile}`);
+                if (!source) {throw new Error(`Incorrect source file: ${sourceFile}`);}
 
                 return `<VPDemo :demos="demos" source="${encodeURIComponent(
                     highlightSourceCode
diff --git a/packages/mobile-ui-vue/docs/.vitepress/plugins/markdown-transform.ts b/packages/mobile-ui-vue/docs/.vitepress/plugins/markdown-transform.ts
index 5b0b9fda95c213a89adc3b4e9ffa72246fd77bf9..a880c9b992aa01908d5486440b790d737e5644e2 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/plugins/markdown-transform.ts
+++ b/packages/mobile-ui-vue/docs/.vitepress/plugins/markdown-transform.ts
@@ -29,7 +29,7 @@ const combineMarkdown = (code: string, headers: string[], footers: string[]) =>
     const firstSubheader = code.search(/\n##/);
     const sliceIndex = firstSubheader < 0 ? frontmatterEnds : firstSubheader;
 
-    if (headers.length > 0) code = code.slice(0, sliceIndex) + headers.join('\n') + code.slice(sliceIndex);
+    if (headers.length > 0) {code = code.slice(0, sliceIndex) + headers.join('\n') + code.slice(sliceIndex);}
     code += footers.join('\n');
 
     return `${code}\n`;
diff --git a/packages/mobile-ui-vue/docs/.vitepress/theme/insert-baidu-script.ts b/packages/mobile-ui-vue/docs/.vitepress/theme/insert-baidu-script.ts
index fdae2d7ff16b71b8f30607c51d689fb4287858a5..69c76412e57bd5798911656d396aab68104c3941 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/theme/insert-baidu-script.ts
+++ b/packages/mobile-ui-vue/docs/.vitepress/theme/insert-baidu-script.ts
@@ -1,5 +1,5 @@
 export function insertBaiduScript() {
-    if (typeof document === 'undefined') return;
+    if (typeof document === 'undefined') {return;}
     const baiduScript = document.createElement('script');
     const baiduScriptStr = `
       var _hmt = _hmt || [];
diff --git a/packages/mobile-ui-vue/docs/.vitepress/utils/highlight-shiki.ts b/packages/mobile-ui-vue/docs/.vitepress/utils/highlight-shiki.ts
index ce07cc4bbb3b2e6e13d7f180f51249743aef292e..b7276d27fb4b33effd99faf74eff2e5a0064106a 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/utils/highlight-shiki.ts
+++ b/packages/mobile-ui-vue/docs/.vitepress/utils/highlight-shiki.ts
@@ -13,9 +13,9 @@ export type ThemeOptions =
  *    [{ line: number, classes: string[] }]
  */
 const attrsToLines = (attrs: string): HtmlRendererOptions['lineOptions'] => {
-  const result: number[] = []
+  const result: number[] = [];
   if (!attrs.trim()) {
-    return []
+    return [];
   }
   attrs
     .split(',')
@@ -24,50 +24,50 @@ const attrsToLines = (attrs: string): HtmlRendererOptions['lineOptions'] => {
       if (start && end) {
         result.push(
           ...Array.from({ length: end - start + 1 }, (_, i) => start + i)
-        )
+        );
       } else {
-        result.push(start)
+        result.push(start);
       }
-    })
+    });
   return result.map((v) => ({
     line: v,
     classes: ['highlighted']
-  }))
-}
+  }));
+};
 
 export async function highlight(
   theme: ThemeOptions = 'material-palenight'
 ): Promise<(str: string, lang: string, attrs: string) => string> {
-  const hasSingleTheme = typeof theme === 'string' || 'name' in theme
+  const hasSingleTheme = typeof theme === 'string' || 'name' in theme;
   const getThemeName = (themeValue: IThemeRegistration) =>
-    typeof themeValue === 'string' ? themeValue : themeValue.name
+    typeof themeValue === 'string' ? themeValue : themeValue.name;
 
   const highlighter = await getHighlighter({
     themes: hasSingleTheme ? [theme] : [theme.dark, theme.light]
-  })
-  const preRE = /^<pre.*?>/
-  const vueRE = /-vue$/
+  });
+  const preRE = /^<pre.*?>/;
+  const vueRE = /-vue$/;
 
   return (str: string, lang: string, attrs: string) => {
-    const vPre = vueRE.test(lang) ? '' : 'v-pre'
-    lang = lang.replace(vueRE, '').toLowerCase()
+    const vPre = vueRE.test(lang) ? '' : 'v-pre';
+    lang = lang.replace(vueRE, '').toLowerCase();
 
-    const lineOptions = attrsToLines(attrs)
+    const lineOptions = attrsToLines(attrs);
 
     if (hasSingleTheme) {
       return highlighter
         .codeToHtml(str, { lang, lineOptions, theme: getThemeName(theme) })
-        .replace(preRE, `<pre ${vPre}>`)
+        .replace(preRE, `<pre ${vPre}>`);
     }
 
     const dark = highlighter
       .codeToHtml(str, { lang, lineOptions, theme: getThemeName(theme.dark) })
-      .replace(preRE, `<pre ${vPre} class="vp-code-dark">`)
+      .replace(preRE, `<pre ${vPre} class="vp-code-dark">`);
 
     const light = highlighter
       .codeToHtml(str, { lang, lineOptions, theme: getThemeName(theme.light) })
-      .replace(preRE, `<pre ${vPre} class="vp-code-light">`)
+      .replace(preRE, `<pre ${vPre} class="vp-code-light">`);
 
-    return dark + light
-  }
+    return dark + light;
+  };
 }
diff --git a/packages/mobile-ui-vue/docs/.vitepress/utils/highlight.ts b/packages/mobile-ui-vue/docs/.vitepress/utils/highlight.ts
index 229fc5b2046e518482d2a4c053a88963b6e85f34..31d991512c67edd32efdfffe96a4df09d21e0c89 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/utils/highlight.ts
+++ b/packages/mobile-ui-vue/docs/.vitepress/utils/highlight.ts
@@ -4,7 +4,7 @@ import escapeHtml from 'escape-html';
 import prism from 'prismjs';
 
 // prism is listed as actual dep so it's ok to require
-// eslint-disable-next-line @typescript-eslint/no-var-requires
+ 
 const loadLanguages = require('prismjs/components/index');
 
 // required to make embedded highlighting work...
@@ -12,9 +12,9 @@ loadLanguages(['markup', 'css', 'javascript','bash','typescript','ts']);
 
 function wrap(code: string, lang: string): string {
     if (lang === 'text') {
-        code = escapeHtml(code)
+        code = escapeHtml(code);
     }
-    return `<pre v-pre><code>${code}</code></pre>`
+    return `<pre v-pre><code>${code}</code></pre>`;
 }
 
 export const highlight = (str: string, lang: string) => {
@@ -22,7 +22,7 @@ export const highlight = (str: string, lang: string) => {
         return wrap(str, 'text');
     }
     lang = lang.toLowerCase();
-    const rawLang = lang
+    const rawLang = lang;
     if (lang === 'vue' || lang === 'html') {
         lang = 'markup';
     }
@@ -39,7 +39,7 @@ export const highlight = (str: string, lang: string) => {
         try {
             loadLanguages([lang]);
         } catch {
-            // eslint-disable-next-line no-console
+             
             console.warn(
                 chalk.yellow(
                     `[vitepress] Syntax highlight for language "${lang}" is not supported.`
@@ -52,4 +52,4 @@ export const highlight = (str: string, lang: string) => {
         return wrap(code, rawLang);
     }
     return wrap(str, 'text');
-}
+};
diff --git a/packages/mobile-ui-vue/docs/.vitepress/utils/parser.ts b/packages/mobile-ui-vue/docs/.vitepress/utils/parser.ts
index 9f80752395ed412e7709cb5cb56932589f3f09a5..16b12f29f5b0e8bd68d615b6e486811b5f382f67 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/utils/parser.ts
+++ b/packages/mobile-ui-vue/docs/.vitepress/utils/parser.ts
@@ -12,8 +12,8 @@ export function stripScript(content: string, id: string) {
 }
 
 export function stripStyle(content: string) {
-    const matchStyleResult = content.match(/<(style)[^>]*>([\s\S]+)<\/\1>/)
-    return matchStyleResult && matchStyleResult[2] ? matchStyleResult[2].trim() : ''
+    const matchStyleResult = content.match(/<(style)[^>]*>([\s\S]+)<\/\1>/);
+    return matchStyleResult && matchStyleResult[2] ? matchStyleResult[2].trim() : '';
 }
 
 export function stripTemplate(content: string) {
@@ -69,7 +69,7 @@ export function genInlineComponentText(template: string, script: string, options
             ...democomponentExport
         }
     })()`;
-    return componentContent
+    return componentContent;
 }
 
 function transformScript(scriptContent: string, options: any) {
diff --git a/packages/mobile-ui-vue/docs/.vitepress/utils/render.ts b/packages/mobile-ui-vue/docs/.vitepress/utils/render.ts
index b762c2abe6b28b254a3df6a0cf272b443f833f47..3d63a44b44d2d9719329fb77886b085de7c2ec17 100644
--- a/packages/mobile-ui-vue/docs/.vitepress/utils/render.ts
+++ b/packages/mobile-ui-vue/docs/.vitepress/utils/render.ts
@@ -9,7 +9,7 @@ export function render(content: string, options: any) {
         template: templates.join(''),
         script,
         style
-    }
+    };
 }
 
 function parseComponents(content: string, options: any) {
@@ -73,7 +73,7 @@ function getScriptOutput(content: string, componentDeclaration: string, options:
                     ${componentDeclaration}
                 }
             };
-        </script>`
+        </script>`;
     } else if (content.indexOf('<script>') === 0) {
         const scriptEnd = content.indexOf('</script>') + '</script>'.length;
         scriptToOutput = content.slice(0, scriptEnd);
@@ -83,10 +83,10 @@ function getScriptOutput(content: string, componentDeclaration: string, options:
 
 function getStyleOutput(styles: any[], options: any): string {
     const stylesToOutput = [...new Set(styles)];
-    const preprocessors = ['scss', 'sass', 'less', 'stylus']
+    const preprocessors = ['scss', 'sass', 'less', 'stylus'];
     const _style = preprocessors.includes(options.cssPreprocessor) ?
         `style lang="${options.cssPreprocessor}"` :
-        'style'
+        'style';
     const hasStyles = stylesToOutput && stylesToOutput.length > 0;
     return hasStyles ? `<${_style}>${stylesToOutput.join('')}</style>` : `<style></style>`;
-}
\ No newline at end of file
+}
diff --git a/packages/mobile-ui-vue/src/vite-env.d.ts b/packages/mobile-ui-vue/src/vite-env.d.ts
index f875f76795ea689f2db61fd9a003f0ded7e78255..c01b0e240532ea0d2a17a905229abdcf63d11eb2 100644
--- a/packages/mobile-ui-vue/src/vite-env.d.ts
+++ b/packages/mobile-ui-vue/src/vite-env.d.ts
@@ -1,9 +1,8 @@
-/* eslint-disable @typescript-eslint/ban-types */
 // <reference types="vite/client" />
 
 declare module '*.vue' {
   import type { DefineComponent } from 'vue';
 
-  const component: DefineComponent<{}, {}, any>;
+  const component: DefineComponent<object, object, any>;
   export default component;
 }
diff --git a/packages/renderer/farris.config.mjs b/packages/renderer/farris.config.mjs
index 2fcf47582c0286605247004efc246096e680af49..74c3b712938004e5fc87d4e1824772d87fb9a29b 100644
--- a/packages/renderer/farris.config.mjs
+++ b/packages/renderer/farris.config.mjs
@@ -32,4 +32,4 @@ export default {
 
         }
     }
-}
\ No newline at end of file
+};
diff --git a/packages/renderer/src/common/event-emitter.ts b/packages/renderer/src/common/event-emitter.ts
index 05e89b4df2a4037e3963fa798f03725309daff3f..ebb955d37aafe62917f82d718289fc63ae6aec94 100644
--- a/packages/renderer/src/common/event-emitter.ts
+++ b/packages/renderer/src/common/event-emitter.ts
@@ -31,7 +31,7 @@ export class EventEmitter {
     }
 
     emit(event: string, args: any[]) {
-        if (!this.events[event]) return;
+        if (!this.events[event]) {return;}
         this.events[event].forEach((callback) => {
             callback(args);
         });
diff --git a/packages/renderer/src/composition/use-component-providers.ts b/packages/renderer/src/composition/use-component-providers.ts
index 32568303065bb19820da982f6192f32839396c58..08049c6c3194e44fdd9cb7302d79d6aca035fa05 100644
--- a/packages/renderer/src/composition/use-component-providers.ts
+++ b/packages/renderer/src/composition/use-component-providers.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { MESSAGE_BOX_SERVICE_TOKEN, NOTIFY_SERVICE_TOKEN, LOADING_SERVICE_TOKEN } from '@farris/command-services-vue';
 import { StaticProvider } from '@farris/devkit-vue';
 import { inject } from 'vue';
diff --git a/packages/renderer/src/composition/use-entity-resolver.ts b/packages/renderer/src/composition/use-entity-resolver.ts
index 067a335915bbabf4cbdaddc532ab215454ec133c..ed821bbb3d4de3c5b8d7bc7bbbcf976ca98e46aa 100644
--- a/packages/renderer/src/composition/use-entity-resolver.ts
+++ b/packages/renderer/src/composition/use-entity-resolver.ts
@@ -1,5 +1,5 @@
-/* eslint-disable no-use-before-define */
-/* eslint-disable no-restricted-syntax */
+ 
+ 
 import { Injector } from "@farris/devkit-vue";
 import { UseEntityResolver } from "../types";
 import { EntityResolver } from "../resolvers";
diff --git a/packages/renderer/src/composition/use-event.ts b/packages/renderer/src/composition/use-event.ts
index 96a146bdb3922cc234eafe6b5e4408818ef16cad..f7831a8dd6322080bfc1a0a5a653585173eceab1 100644
--- a/packages/renderer/src/composition/use-event.ts
+++ b/packages/renderer/src/composition/use-event.ts
@@ -1,6 +1,5 @@
-/* eslint-disable max-len */
+ 
 /* eslint-disable no-use-before-define */
-/* eslint-disable @typescript-eslint/member-delimiter-style */
 import { Injector } from "@farris/devkit-vue";
 import { useEventEmitter } from "./use-event-emitter";
 import { createEventHandlerResolver, EventHandlerResolver, resolverMap } from '@farris/ui-vue';
diff --git a/packages/renderer/src/composition/use-field-resolver.ts b/packages/renderer/src/composition/use-field-resolver.ts
index 3cf12dead36678a26f6b9f00d66c8fd268ee5ee7..d34c323966d0004e8474a8f44e66c60d46d237a7 100644
--- a/packages/renderer/src/composition/use-field-resolver.ts
+++ b/packages/renderer/src/composition/use-field-resolver.ts
@@ -1,5 +1,5 @@
-/* eslint-disable no-use-before-define */
-/* eslint-disable no-restricted-syntax */
+ 
+ 
 import { Injector } from "@farris/devkit-vue";
 import { UseFieldResolver } from "../types";
 import { FieldResolver } from "../resolvers";
diff --git a/packages/renderer/src/composition/use-model-value-resolver.ts b/packages/renderer/src/composition/use-model-value-resolver.ts
index 64a65c5d6d87ac4219ac19534de7ab4b9cb44476..5bd70e29e326a4e73e6739a19d3c648c1f8e5ad5 100644
--- a/packages/renderer/src/composition/use-model-value-resolver.ts
+++ b/packages/renderer/src/composition/use-model-value-resolver.ts
@@ -1,4 +1,4 @@
-/* eslint-disable no-use-before-define */
+ 
 import { Injector } from "@farris/devkit-vue";
 import { ModelValueResolver } from "../resolvers";
 
diff --git a/packages/renderer/src/config-dependency-resolver/config-dependency-resolver-factory.ts b/packages/renderer/src/config-dependency-resolver/config-dependency-resolver-factory.ts
index 10aa9b5272bd40d3f429bdd1cdae5613cd21961a..33ba3935a96c7fa011f7ef1b4ec45fdd31831c92 100644
--- a/packages/renderer/src/config-dependency-resolver/config-dependency-resolver-factory.ts
+++ b/packages/renderer/src/config-dependency-resolver/config-dependency-resolver-factory.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { ConfigDependency } from "../config/types";
 import { ConfigDependencyResolverRegistry } from "./config-dependency-resolver-registry";
 import { ConfigDependencyResolver } from "./types";
diff --git a/packages/renderer/src/config-dependency-resolver/state-machine-config-dependency-resolver.ts b/packages/renderer/src/config-dependency-resolver/state-machine-config-dependency-resolver.ts
index 2dfccc076b186c0b304fff6bb43479e5b127278c..7d76a62447d31c83b9d45f8f7d57e3ed0128f6ed 100644
--- a/packages/renderer/src/config-dependency-resolver/state-machine-config-dependency-resolver.ts
+++ b/packages/renderer/src/config-dependency-resolver/state-machine-config-dependency-resolver.ts
@@ -1,7 +1,7 @@
 import { ConfigDependency, DependencyType } from "../config";
 import { ConfigDependencyResolver } from "./types";
 
-/* eslint-disable no-cond-assign */
+ 
 export class StateMachineConfigDependencyResolver implements ConfigDependencyResolver {
     public resolve(config: string): ConfigDependency[] | null {
         if (typeof config !== 'string') {
diff --git a/packages/renderer/src/config-dependency-resolver/ui-state-config-dependency-resolver.ts b/packages/renderer/src/config-dependency-resolver/ui-state-config-dependency-resolver.ts
index 1083ef7754d4bc33c0bf70db88a43d8e9e63bc54..dacae1044f3a361887ebcfda3e219c94cc697bf1 100644
--- a/packages/renderer/src/config-dependency-resolver/ui-state-config-dependency-resolver.ts
+++ b/packages/renderer/src/config-dependency-resolver/ui-state-config-dependency-resolver.ts
@@ -1,7 +1,7 @@
 import { ConfigDependency, DependencyType } from "../config";
 import { ConfigDependencyResolver } from "./types";
 
-/* eslint-disable no-cond-assign */
+ 
 export class UIStateConfigDependencyResolver implements ConfigDependencyResolver {
     public resolve(config: string): ConfigDependency[] | null {
         if (typeof config !== 'string') {
diff --git a/packages/renderer/src/data-service/common-web-command-metadata-data-service.ts b/packages/renderer/src/data-service/common-web-command-metadata-data-service.ts
index 46b85bdc033f076bbc4672c29ba8ee6854d17f49..450e6e6c8a623a52446918c0d5f81afcc1eb2762 100644
--- a/packages/renderer/src/data-service/common-web-command-metadata-data-service.ts
+++ b/packages/renderer/src/data-service/common-web-command-metadata-data-service.ts
@@ -1,4 +1,4 @@
-/* eslint-disable no-empty-function */
+ 
 import { MetadataRepository } from "../repository";
 import { Metadata } from "../types";
 
diff --git a/packages/renderer/src/data-service/form-metadata-data-service.ts b/packages/renderer/src/data-service/form-metadata-data-service.ts
index 104509f495336cbfb347b243e61ad21d3ec9c440..24f6cab8a878ea5b225b018739619fe646206174 100644
--- a/packages/renderer/src/data-service/form-metadata-data-service.ts
+++ b/packages/renderer/src/data-service/form-metadata-data-service.ts
@@ -1,4 +1,4 @@
-/* eslint-disable no-empty-function */
+ 
 import { MetadataRepository } from "../repository";
 import { Metadata } from "../types";
 
diff --git a/packages/renderer/src/data-service/metadata-data-service.ts b/packages/renderer/src/data-service/metadata-data-service.ts
index 246c064104b44a4c4ece183b27b6d8b044d4cc37..4b74fb44fc0332f75d689ef241855d0d7c4a682b 100644
--- a/packages/renderer/src/data-service/metadata-data-service.ts
+++ b/packages/renderer/src/data-service/metadata-data-service.ts
@@ -1,5 +1,5 @@
-/* eslint-disable max-len */
-/* eslint-disable no-empty-function */
+ 
+ 
 import { CommonWebCommandMetadataDataService, FormMetadataDataService, StateMachineMetadataDataService } from ".";
 import { FormMetadata, Metadata, WebCommandRefMetadata } from "../types";
 
diff --git a/packages/renderer/src/data-service/providers.ts b/packages/renderer/src/data-service/providers.ts
index f30ee95b4d2a759f10f87d33590f315fcb97fb5b..803e727b2bedf3dfe59db08e53b15a28f160e07d 100644
--- a/packages/renderer/src/data-service/providers.ts
+++ b/packages/renderer/src/data-service/providers.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { StaticProvider } from "@farris/devkit-vue";
 import { FormMetadataDataService } from "./form-metadata-data-service";
 import { MetadataRepository } from "../repository";
diff --git a/packages/renderer/src/data-service/resource-metadata-data-service.ts b/packages/renderer/src/data-service/resource-metadata-data-service.ts
index d5529bb6ba0831081619f2514b1ba6a850a2c545..1cf63ca4e59b95f4b8e48f72554b7b34f632d7c5 100644
--- a/packages/renderer/src/data-service/resource-metadata-data-service.ts
+++ b/packages/renderer/src/data-service/resource-metadata-data-service.ts
@@ -1,4 +1,4 @@
-/* eslint-disable no-empty-function */
+ 
 import { MetadataRepository } from "../repository";
 
 export class ResourceMetadataDataService {
diff --git a/packages/renderer/src/data-service/state-machine-metadata-data-service.ts b/packages/renderer/src/data-service/state-machine-metadata-data-service.ts
index 4617198d8ba1e41cd68ea165b6949f829be761dc..a1df8a868dfa210e8523f686046c65c5e46d0ce8 100644
--- a/packages/renderer/src/data-service/state-machine-metadata-data-service.ts
+++ b/packages/renderer/src/data-service/state-machine-metadata-data-service.ts
@@ -1,4 +1,4 @@
-/* eslint-disable no-empty-function */
+ 
 import { MetadataRepository } from "../repository";
 
 export class StateMachineMetadataDataService {
diff --git a/packages/renderer/src/debug.vue b/packages/renderer/src/debug.vue
index 7a778f1246ad6fcf3f65bdea4ae75834d4f2eb35..d0588a479cb6e88290c930f207cf78d0821bee23 100644
--- a/packages/renderer/src/debug.vue
+++ b/packages/renderer/src/debug.vue
@@ -38,6 +38,7 @@ const moduleConfigBuilder = new ModuleConfigBuilder(moduleMetaContext);
 const moduleConfig = moduleConfigBuilder.build();
 // 创建控制器
 const module = createDynamicModule(moduleConfig);
+// eslint-disable-next-line no-unsafe-optional-chaining
 const { viewmodels } = metadata?.value.form.content.module;
 viewmodels.forEach((viewModelSchema: any) => {
     const viewModel = createViewModel(module, viewModelSchema.id);
diff --git a/packages/renderer/src/event-handler/data-grid-page-index-change-event-handler.ts b/packages/renderer/src/event-handler/data-grid-page-index-change-event-handler.ts
index 4ff99de94854b94b9c9aa099d71a609145362d24..f0be9b3e019844b0b22ca4682c3669f2edf5482c 100644
--- a/packages/renderer/src/event-handler/data-grid-page-index-change-event-handler.ts
+++ b/packages/renderer/src/event-handler/data-grid-page-index-change-event-handler.ts
@@ -1,5 +1,5 @@
-/* eslint-disable max-len */
-/* eslint-disable no-empty-function */
+ 
+ 
 import { Injector, Module } from "@farris/devkit-vue";
 import { EventEmitter } from "../common";
 import { FormMetadataService } from "../service";
diff --git a/packages/renderer/src/event-handler/data-view-row-click-event-handler.ts b/packages/renderer/src/event-handler/data-view-row-click-event-handler.ts
index 8f3f4665af1e8319c46f912e6c75d2174f7642f8..37588a0d192d2974bfd217f921b85e863a73709e 100644
--- a/packages/renderer/src/event-handler/data-view-row-click-event-handler.ts
+++ b/packages/renderer/src/event-handler/data-view-row-click-event-handler.ts
@@ -1,5 +1,5 @@
-/* eslint-disable max-len */
-/* eslint-disable no-empty-function */
+ 
+ 
 import { Injector, Module } from "@farris/devkit-vue";
 import { EventEmitter } from "../common";
 import { FormMetadataService } from "../service";
diff --git a/packages/renderer/src/event-handler/end-edit-cell-event-handler.ts b/packages/renderer/src/event-handler/end-edit-cell-event-handler.ts
index bb09ccbea37ad0b31cbc01d5ce1396b93eb8e1d7..ed5208dc0339b5902af5ce47e87cd5fc07e1f6c6 100644
--- a/packages/renderer/src/event-handler/end-edit-cell-event-handler.ts
+++ b/packages/renderer/src/event-handler/end-edit-cell-event-handler.ts
@@ -1,5 +1,5 @@
-/* eslint-disable no-empty-function */
-/* eslint-disable max-len */
+ 
+ 
 import { EntityPathBuilder, EntityPathNode, EntityPathNodeType, Injector, Module } from "@farris/devkit-vue";
 import { EventEmitter } from "../common";
 import { FormMetadataService } from "../service";
diff --git a/packages/renderer/src/event-handler/lookup-clear-event-handler.ts b/packages/renderer/src/event-handler/lookup-clear-event-handler.ts
index e75b5c4b088a5ceb4ccbd9a83b9e497f0cbfaaa2..090b2613b36c9349405390c1127b678f2a3800f3 100644
--- a/packages/renderer/src/event-handler/lookup-clear-event-handler.ts
+++ b/packages/renderer/src/event-handler/lookup-clear-event-handler.ts
@@ -1,5 +1,3 @@
-/* eslint-disable max-len */
-/* eslint-disable no-empty-function */
 import { EventHandler } from "./types";
 import { Injector, Module } from "@farris/devkit-vue";
 import { FormMetadataService } from "../service";
diff --git a/packages/renderer/src/event-handler/lookup-data-mapping-event-handler.ts b/packages/renderer/src/event-handler/lookup-data-mapping-event-handler.ts
index 61469ac4807876881bd54ec280d16366ebf32782..ae4ce8db1c96e4f5b7cca5ffc2e5633f8c0085f3 100644
--- a/packages/renderer/src/event-handler/lookup-data-mapping-event-handler.ts
+++ b/packages/renderer/src/event-handler/lookup-data-mapping-event-handler.ts
@@ -1,5 +1,5 @@
-/* eslint-disable no-empty-function */
-/* eslint-disable max-len */
+ 
+ 
 import { EventHandler } from "./types";
 import { Injector, Module } from "@farris/devkit-vue";
 import { FormMetadataService } from "../service";
diff --git a/packages/renderer/src/event-handler/model-value-update-event-handler.ts b/packages/renderer/src/event-handler/model-value-update-event-handler.ts
index f5ce493d3c30be6480ee381e561bdf4bbc9670c7..f8b2d8858b97a08539cd46d983e76ac1595c700a 100644
--- a/packages/renderer/src/event-handler/model-value-update-event-handler.ts
+++ b/packages/renderer/src/event-handler/model-value-update-event-handler.ts
@@ -1,5 +1,5 @@
-/* eslint-disable no-empty-function */
-/* eslint-disable max-len */
+ 
+ 
 import { EventHandler } from "./types";
 import { Injector, Module } from "@farris/devkit-vue";
 import { FormMetadataService } from "../service";
diff --git a/packages/renderer/src/event-handler/providers.ts b/packages/renderer/src/event-handler/providers.ts
index e0f2d4b226e6b4b2c4dd98abe8000c5d188a0db0..073ac2193705fd6405427c0c91986e5f34cb7206 100644
--- a/packages/renderer/src/event-handler/providers.ts
+++ b/packages/renderer/src/event-handler/providers.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { Injector, Module, StaticProvider } from "@farris/devkit-vue";
 import { EventEmitter } from "../common";
 import { FormMetadataService } from "../service";
diff --git a/packages/renderer/src/preview.vue b/packages/renderer/src/preview.vue
index c9116d7a5258430e8f09a484a530421299a7ee6d..4427bdebec5756983106109fc971fa0afe187c61 100644
--- a/packages/renderer/src/preview.vue
+++ b/packages/renderer/src/preview.vue
@@ -40,6 +40,7 @@ const moduleConfigBuilder = new ModuleConfigBuilder(moduleMetaContext);
 const moduleConfig = moduleConfigBuilder.build();
 // 创建控制器
 const module = createDynamicModule(moduleConfig);
+// eslint-disable-next-line no-unsafe-optional-chaining
 const { viewmodels } = metadata?.value.form.content.module;
 viewmodels.forEach((viewModelSchema: any) => {
     const viewModel = createViewModel(module, viewModelSchema.id);
diff --git a/packages/renderer/src/renderer.vue b/packages/renderer/src/renderer.vue
index 7a778f1246ad6fcf3f65bdea4ae75834d4f2eb35..96df03ac7d7bab4fa9edc5ba67be6b7fbd426817 100644
--- a/packages/renderer/src/renderer.vue
+++ b/packages/renderer/src/renderer.vue
@@ -1,5 +1,3 @@
-<!-- eslint-disable import/no-import-module-exports -->
-<!-- eslint-disable max-len -->
 <script setup lang="ts">
 import { inject, Ref, ref } from 'vue';
 import { createDynamicModule, createInjector, createViewModel, StaticProvider } from '@farris/devkit-vue';
@@ -38,6 +36,7 @@ const moduleConfigBuilder = new ModuleConfigBuilder(moduleMetaContext);
 const moduleConfig = moduleConfigBuilder.build();
 // 创建控制器
 const module = createDynamicModule(moduleConfig);
+// eslint-disable-next-line no-unsafe-optional-chaining
 const { viewmodels } = metadata?.value.form.content.module;
 viewmodels.forEach((viewModelSchema: any) => {
     const viewModel = createViewModel(module, viewModelSchema.id);
diff --git a/packages/renderer/src/repository/metadata-repository.ts b/packages/renderer/src/repository/metadata-repository.ts
index 9f9ece7ffd7e888aa0e0b301de7d1d9fae938bab..3f5fd97df9fb6424ec13078bba13c6fd71ae95cf 100644
--- a/packages/renderer/src/repository/metadata-repository.ts
+++ b/packages/renderer/src/repository/metadata-repository.ts
@@ -1,4 +1,4 @@
-/* eslint-disable no-empty-function */
+ 
 import { HttpClient, HttpParams, HttpRequestConfig } from "@farris/devkit-vue";
 
 export class MetadataRepository {
diff --git a/packages/renderer/src/resolvers/entity-resolver.ts b/packages/renderer/src/resolvers/entity-resolver.ts
index a0a85c3c38deb5530870f1fa308dd27b4bf46da5..5653943c5d28cdfb60c8db70c57dcd4a5a2c3e44 100644
--- a/packages/renderer/src/resolvers/entity-resolver.ts
+++ b/packages/renderer/src/resolvers/entity-resolver.ts
@@ -1,5 +1,5 @@
-/* eslint-disable no-empty-function */
-/* eslint-disable no-restricted-syntax */
+ 
+ 
 import { FormMetadataService } from "../service";
 import { EntityMetadata } from "../types";
 import { ResolvedEntity } from "./types";
diff --git a/packages/renderer/src/resolvers/field-resolver.ts b/packages/renderer/src/resolvers/field-resolver.ts
index c95ebb233152c91d0d6e5af98e790c9598f6bcaf..225248c007a06562b1c2103ea48bc972b4f37a3f 100644
--- a/packages/renderer/src/resolvers/field-resolver.ts
+++ b/packages/renderer/src/resolvers/field-resolver.ts
@@ -1,5 +1,5 @@
-/* eslint-disable no-empty-function */
-/* eslint-disable no-restricted-syntax */
+ 
+ 
 import { FormMetadataService } from "../service";
 import { ResolvedEntityField } from "../types";
 
diff --git a/packages/renderer/src/resolvers/model-value-resolver.ts b/packages/renderer/src/resolvers/model-value-resolver.ts
index b1b91d6338a46e4d2db5501f561bb1a3a44c6028..4b0d0b2521eff7e6e935de992a9a5cb64f47b3b2 100644
--- a/packages/renderer/src/resolvers/model-value-resolver.ts
+++ b/packages/renderer/src/resolvers/model-value-resolver.ts
@@ -1,5 +1,5 @@
-/* eslint-disable no-empty-function */
-/* eslint-disable max-len */
+ 
+ 
 import { Injector, Module } from "@farris/devkit-vue";
 import { FormMetadataService } from "../service";
 import { EntityResolver } from "./entity-resolver";
diff --git a/packages/renderer/src/resolvers/providers.ts b/packages/renderer/src/resolvers/providers.ts
index efd622c040e6f718f61400e656469126e273cd36..00aee1570312f92843adbedb5906649b6d08a208 100644
--- a/packages/renderer/src/resolvers/providers.ts
+++ b/packages/renderer/src/resolvers/providers.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { Injector, Module, StaticProvider } from "@farris/devkit-vue";
 import { EntityResolver } from "./entity-resolver";
 import { FormMetadataService } from "../service";
diff --git a/packages/renderer/src/service/form-metadata-service.ts b/packages/renderer/src/service/form-metadata-service.ts
index 7574f83dea2542f823c6c0cb8da619ab642f44ef..8f4b7fa15da307707ddd7496357a25146bd5bc1c 100644
--- a/packages/renderer/src/service/form-metadata-service.ts
+++ b/packages/renderer/src/service/form-metadata-service.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { Injector } from "@farris/devkit-vue";
 import { ComponentMetadata, EntityMetadata, FormMetadata, MetadataType, ViewModelMetadata } from "../types";
 import { FORM_METADATA_TOKEN } from "../tokens";
diff --git a/packages/renderer/src/service/providers.ts b/packages/renderer/src/service/providers.ts
index f3d38ee4bd8a17999674d609f6e83b11520d99b6..b974854ca24a6fbdce2395641859e2c88ac33eb8 100644
--- a/packages/renderer/src/service/providers.ts
+++ b/packages/renderer/src/service/providers.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { Injector, StaticProvider } from "@farris/devkit-vue";
 import { FormMetadataService } from "./form-metadata-service";
 
diff --git a/packages/renderer/src/store/form-metadata-store.ts b/packages/renderer/src/store/form-metadata-store.ts
index e7b2ec04ddc90d563900a86e9ed4c5ad1fc5384d..a0a286b72b4ab8aa17231c4ab7750b239e7d14d2 100644
--- a/packages/renderer/src/store/form-metadata-store.ts
+++ b/packages/renderer/src/store/form-metadata-store.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { ComponentConfigResolverFactory } from "../component-config-resolver";
 import { ComponentMetadata, EntityMetadata, FormMetadata, MetadataType, ViewModelMetadata } from "../types";
 
diff --git a/packages/ui-vue/components/accordion/index.ts b/packages/ui-vue/components/accordion/index.ts
index 3f7c69a1d76d5f9fcf7462afada4168ab75a2420..bd8166d1beac4325c55db0511221976c913b75c7 100644
--- a/packages/ui-vue/components/accordion/index.ts
+++ b/packages/ui-vue/components/accordion/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
@@ -27,25 +27,6 @@ export * from './src/components/accordion-item.props';
 
 export { FAccordion, FAccordionItem };
 
-// export default {
-//     install(app: App): void {
-//         app.component(FAccordion.name as string, FAccordion);
-//         app.component(FAccordionItem.name as string, FAccordionItem);
-//     },
-//     register(componentMap: Record<string, any>, propsResolverMap: Record<string, any>, configResolverMap: Record<string, any>): void {
-//         componentMap.accordion = FAccordion;
-//         componentMap['accordion-item'] = FAccordionItem;
-//         propsResolverMap.accordion = accordionPropsResolver;
-//         propsResolverMap['accordion-item'] = accordionItemPropsResolver;
-//     },
-//     registerDesigner(componentMap: Record<string, any>, propsResolverMap: Record<string, any>, configResolverMap: Record<string, any>): void {
-//         componentMap.accordion = FAccordionDesign;
-//         componentMap['accordion-item'] = FAccordionItemDesign;
-//         propsResolverMap.accordion = accordionPropsResolver;
-//         propsResolverMap['accordion-item'] = accordionItemPropsResolver;
-//     }
-// };
-
 FAccordion.install = (app: App) => {
     app.component(FAccordion.name as string, FAccordion);
     app.component(FAccordionItem.name as string, FAccordionItem);
diff --git a/packages/ui-vue/components/accordion/src/accordion.component.tsx b/packages/ui-vue/components/accordion/src/accordion.component.tsx
index 625a41fd5b3cf30410877ad6606c8a1bad5d440f..24620f8441a2ef57bfbd5e8fedb914ba6799e788 100644
--- a/packages/ui-vue/components/accordion/src/accordion.component.tsx
+++ b/packages/ui-vue/components/accordion/src/accordion.component.tsx
@@ -16,7 +16,6 @@
 import { computed, defineComponent, provide, SetupContext } from 'vue';
 import { AccordionProps, accordionProps } from './accordion.props';
 
-
 export default defineComponent({
     name: 'FAccordion',
     props: accordionProps,
@@ -27,7 +26,7 @@ export default defineComponent({
             width: props.width ? `${props.width}px` : ''
         }));
 
-        provide('accordionContext',{parentProps:props});
+        provide('accordionContext', { parentProps: props });
 
         const accordionClass = computed(() => {
             const customClassArray = props.customClass.split(' ');
diff --git a/packages/ui-vue/components/accordion/src/accordion.props.ts b/packages/ui-vue/components/accordion/src/accordion.props.ts
index 466b219fd033443e21595791757d702fdb38fa19..e3cb61f6cd6a9c6fb517d071c2af102eea7d8895 100644
--- a/packages/ui-vue/components/accordion/src/accordion.props.ts
+++ b/packages/ui-vue/components/accordion/src/accordion.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/accordion/src/components/accordion-item.component.tsx b/packages/ui-vue/components/accordion/src/components/accordion-item.component.tsx
index ff6d6bd1fe00a1b4700d12f35104bf35ec65d2bf..d0f8ae4cf28b84862e16ba81ab74467229d8e984 100644
--- a/packages/ui-vue/components/accordion/src/components/accordion-item.component.tsx
+++ b/packages/ui-vue/components/accordion/src/components/accordion-item.component.tsx
@@ -15,6 +15,7 @@
  */
 import { computed, defineComponent, inject, onMounted, ref, SetupContext } from 'vue';
 import { accordionItemProps, AccordionItemProps } from './accordion-item.props';
+import { AccordionProps } from '../accordion.props';
 
 export default defineComponent({
     name: 'FAccordionItem',
@@ -22,7 +23,7 @@ export default defineComponent({
     emits: [] as (string[] & ThisType<void>) | undefined,
     setup(props: AccordionItemProps, context: SetupContext) {
 
-        const parentContext = inject('accordionContext');
+        const parentContext = inject('accordionContext') as { parentProps: AccordionProps };
         const title = ref(props.title);
         const isActive = ref(props.active);
 
diff --git a/packages/ui-vue/components/accordion/style.ts b/packages/ui-vue/components/accordion/style.ts
index ed06ef0f229de6d89fb1594153e70b9899bff24c..44e71dab50449ca007f41a65d0e9b203183f6659 100644
--- a/packages/ui-vue/components/accordion/style.ts
+++ b/packages/ui-vue/components/accordion/style.ts
@@ -1,3 +1,3 @@
 import "@farris/ui-vue/components/dependent-base/style";
 import "@farris/ui-vue/components/dependent-icon/style";
-import "@farris/ui-vue/theme-default/components/accordion.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/accordion.css";
diff --git a/packages/ui-vue/components/avatar/index.ts b/packages/ui-vue/components/avatar/index.ts
index aec68738e0b74435b8513e0ab635811997fdab07..50712e332131d7c0f345a16b946309d2775d869d 100644
--- a/packages/ui-vue/components/avatar/index.ts
+++ b/packages/ui-vue/components/avatar/index.ts
@@ -1,5 +1,5 @@
-/* eslint-disable max-len */
-/* eslint-disable max-len */
+ 
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/avatar/src/avatar.props.ts b/packages/ui-vue/components/avatar/src/avatar.props.ts
index 734a8a5035d57f95373a62ec6e2698818e1b9c22..95f2ced7b8c5e32bc50f9207fe0f04d98b12c64f 100644
--- a/packages/ui-vue/components/avatar/src/avatar.props.ts
+++ b/packages/ui-vue/components/avatar/src/avatar.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/avatar/src/composition/use-image.ts b/packages/ui-vue/components/avatar/src/composition/use-image.ts
index 10cbe302d398684f16d1c0797c170e814f608fec..db64e91177cb39789b66e256bb17ba216b5c20ab 100644
--- a/packages/ui-vue/components/avatar/src/composition/use-image.ts
+++ b/packages/ui-vue/components/avatar/src/composition/use-image.ts
@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/* eslint-disable max-len */
+ 
 import { computed, ref, Ref, SetupContext } from 'vue';
 import { AvatarProps } from '../avatar.props';
 import { UseImage } from './types';
diff --git a/packages/ui-vue/components/avatar/src/designer/use-rules.ts b/packages/ui-vue/components/avatar/src/designer/use-rules.ts
index fc315b056bffd6ba8b7835dd543efac211442048..8141d4459d40aaacf2967216713a3d293349cb95 100644
--- a/packages/ui-vue/components/avatar/src/designer/use-rules.ts
+++ b/packages/ui-vue/components/avatar/src/designer/use-rules.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { UseDesignerRules } from "../../../designer-canvas/src/composition/types";
 import { ComponentSchema, DesignerComponentInstance, DesignerItemContext } from "../../../designer-canvas/src/types";
 import { useInputDesignerRules } from "../../../property-panel/src/composition/entity/use-input-rules";
diff --git a/packages/ui-vue/components/avatar/src/property-config/avatar.property-config.ts b/packages/ui-vue/components/avatar/src/property-config/avatar.property-config.ts
index d1f66098d70579426789608be9d32926677384ce..df1b4da7ba977d364ccee4fcdf791ba7d0091332 100644
--- a/packages/ui-vue/components/avatar/src/property-config/avatar.property-config.ts
+++ b/packages/ui-vue/components/avatar/src/property-config/avatar.property-config.ts
@@ -5,12 +5,13 @@ export class AvatarProperty extends InputBaseProperty {
     constructor(componentId: string, designerHostService: any) {
         super(componentId, designerHostService);
     }
+
     getEditorProperties(propertyData) {
         return {
             "description": "编辑器",
             "title": "编辑器",
-            "type":"avatar",
-            "$converter":"/converter/property-editor.converter",
+            "type": "avatar",
+            "$converter": "/converter/property-editor.converter",
             "properties": {
                 "readonly": {
                     "description": "",
@@ -33,6 +34,6 @@ export class AvatarProperty extends InputBaseProperty {
                     "type": "string"
                 }
             }
-        }
+        };
     }
 }
diff --git a/packages/ui-vue/components/avatar/style.ts b/packages/ui-vue/components/avatar/style.ts
index 2034ade049abc71f8944964dee114248a22bf93d..633abb5532b746da6e5cb96a31023a0e3cbb136f 100644
--- a/packages/ui-vue/components/avatar/style.ts
+++ b/packages/ui-vue/components/avatar/style.ts
@@ -1,3 +1,3 @@
 import "@farris/ui-vue/components/dependent-base/style";
 import "@farris/ui-vue/components/dependent-icon/style";
-import "@farris/ui-vue/theme-default/components/avatar.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/avatar.css";
diff --git a/packages/ui-vue/components/avatar/test/avatar.spec.tsx b/packages/ui-vue/components/avatar/test/avatar.spec.tsx
index 126fbf369ea23c9e8f83147d6f752304d96e1158..b04fd1fbc1c466ad7c51cc4016ace4e3784e5e99 100644
--- a/packages/ui-vue/components/avatar/test/avatar.spec.tsx
+++ b/packages/ui-vue/components/avatar/test/avatar.spec.tsx
@@ -1,5 +1,5 @@
 import { mount } from '@vue/test-utils';
-import { Avatar } from '..';
+import { FAvatar } from '..';
 
 describe('avatar', () => {
     describe('properties', () => { });
@@ -8,7 +8,7 @@ describe('avatar', () => {
             const wrapper = mount({
                 setup(props, ctx) {
                     return () => {
-                        return <Avatar></Avatar>;
+                        return <FAvatar></FAvatar>;
                     };
                 }
             });
@@ -20,7 +20,7 @@ describe('avatar', () => {
                 setup(props, ctx) {
                     const url = '123';
                     return () => {
-                        return <Avatar modelValue={url}></Avatar>;
+                        return <FAvatar modelValue={url}></FAvatar>;
                     };
                 }
             });
@@ -34,7 +34,7 @@ describe('avatar', () => {
         const wrapper = mount({
             setup(props, ctx) {
                 return () => {
-                    return <Avatar></Avatar>;
+                    return <FAvatar></FAvatar>;
                 };
             }
         });
diff --git a/packages/ui-vue/components/border-editor/index.ts b/packages/ui-vue/components/border-editor/index.ts
index b82e35ea458e6bf8d056aae895ab2feabbb9ecd5..c971edd7ff0b581995483c4f748c4c98bf00b24b 100644
--- a/packages/ui-vue/components/border-editor/index.ts
+++ b/packages/ui-vue/components/border-editor/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/border-editor/src/border-editor.component.tsx b/packages/ui-vue/components/border-editor/src/border-editor.component.tsx
index a16519ba7a01bc2058d791e81b4f048f43837539..c80316a1e923f69c2e1ecf4b861f8a480a3a4eca 100644
--- a/packages/ui-vue/components/border-editor/src/border-editor.component.tsx
+++ b/packages/ui-vue/components/border-editor/src/border-editor.component.tsx
@@ -56,7 +56,7 @@ export default defineComponent({
                         </div>
                         : ""}
                 </div>
-            </div>
+            </div>;
         };
     }
 });
diff --git a/packages/ui-vue/components/border-editor/src/border-editor.props.ts b/packages/ui-vue/components/border-editor/src/border-editor.props.ts
index 2ad860fa8f288990df7028ed589238bae0415c56..dad9807b490d72001313d28ce674dc039ef1872c 100644
--- a/packages/ui-vue/components/border-editor/src/border-editor.props.ts
+++ b/packages/ui-vue/components/border-editor/src/border-editor.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { ExtractPropTypes, PropType } from "vue";
 // import { createPropsResolver } from "../../dynamic-resolver";
 // import { schemaMapper } from "./schema/schema-mapper";
diff --git a/packages/ui-vue/components/border-editor/src/components/border-editor-basic.component.tsx b/packages/ui-vue/components/border-editor/src/components/border-editor-basic.component.tsx
index 1911a473107078d73bbfdf1246a12622c5df6aa0..a267883aaf9f32c03c3c0a7612b361025ba0e68c 100644
--- a/packages/ui-vue/components/border-editor/src/components/border-editor-basic.component.tsx
+++ b/packages/ui-vue/components/border-editor/src/components/border-editor-basic.component.tsx
@@ -6,7 +6,7 @@ import FNumberSpinner from '@farris/ui-vue/components/number-spinner';
 
 export default function (props: BorderEditorProps, context: SetupContext) {
     /** 边框线型列表 */
-    const defaultBorderStyles = props.defaultBorderStyles;
+    const {defaultBorderStyles} = props;
     /** 边框线型 */
     const styles = ref(props.styles);
     /** 边框宽度 */
@@ -25,12 +25,12 @@ export default function (props: BorderEditorProps, context: SetupContext) {
     const directionStyle = computed(() => {
         return function (index: number) {
             const styleObject = {
-                background: currentDirection.value == index ?
+                background: currentDirection.value === index ?
                     'linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .2))' : 'rgba(0, 0, 0, 0)'
             } as Record<string, any>;
             return styleObject;
-        }
-    })
+        };
+    });
     /** 目标样式 */
     const targetStyle = computed(() => {
         const styleObject = {
@@ -40,7 +40,7 @@ export default function (props: BorderEditorProps, context: SetupContext) {
             borderRadius: radiuses.value.slice(0, 4).join('px ') + 'px',
         } as Record<string, any>;
         return styleObject;
-    })
+    });
 
     /** 设置方向 */
     function onDirectionButtonClicked(direction: number) {
@@ -48,31 +48,31 @@ export default function (props: BorderEditorProps, context: SetupContext) {
         isShowBasicCustom.value = false;
         nextTick(() => {
             isShowBasicCustom.value = true;
-        })
+        });
     }
     /** 设置边框线型 */
     function onBorderStyleChanged(items: any[]) {
         if (currentDirection.value < 4)
-            styles.value[currentDirection.value] = items[0].id;
+            {styles.value[currentDirection.value] = items[0].id;}
         else
-            styles.value.fill(items[0].id);
+            {styles.value.fill(items[0].id);}
         context.emit('valueChanged', targetStyle.value);
     }
     /** 设置边框宽度 */
     function onBorderWidthChanged(item: any) {
         if (currentDirection.value < 4)
-            widths.value[currentDirection.value] = item;
+            {widths.value[currentDirection.value] = item;}
         else
-            widths.value.fill(item);
+            {widths.value.fill(item);}
         context.emit('valueChanged', targetStyle.value);
 
     }
     /** 设置边框颜色 */
     function onBorderColorChanged(item: any) {
         if (currentDirection.value < 4)
-            colors.value[currentDirection.value] = item.elementValue.value;
+            {colors.value[currentDirection.value] = item.elementValue.value;}
         else
-            colors.value.fill(item.elementValue.value);
+            {colors.value.fill(item.elementValue.value);}
         context.emit('valueChanged', targetStyle.value);
     }
 
@@ -103,7 +103,7 @@ export default function (props: BorderEditorProps, context: SetupContext) {
                     title="右边框"
                     onClick={() => onDirectionButtonClicked(1)}>┫</div>
             </div>
-        )
+        );
     }
 
     /** 设置样式 */
@@ -137,7 +137,7 @@ export default function (props: BorderEditorProps, context: SetupContext) {
                         class="f-border-editor-input"></FColorPicker>
                 </div>
             </div>
-        )
+        );
     }
 
     /** 渲染边框编辑器 */
@@ -158,5 +158,5 @@ export default function (props: BorderEditorProps, context: SetupContext) {
 
     return {
         renderBorderEditorBasic,
-    }
+    };
 }
diff --git a/packages/ui-vue/components/border-editor/src/components/border-editor-radius.component.tsx b/packages/ui-vue/components/border-editor/src/components/border-editor-radius.component.tsx
index e01467dc2b1058fd106d6dfac706f8d686999699..5be84b3c3f4728ec3c77281cb1d3b022654f24d5 100644
--- a/packages/ui-vue/components/border-editor/src/components/border-editor-radius.component.tsx
+++ b/packages/ui-vue/components/border-editor/src/components/border-editor-radius.component.tsx
@@ -20,12 +20,12 @@ export default function (props: BorderEditorProps, context: SetupContext) {
     const radiusDirectionStyle = computed(() => {
         return function (index: number) {
             const styleObject = {
-                background: currentRadiusDirection.value == index ?
+                background: currentRadiusDirection.value === index ?
                     'linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .2))' : 'rgba(0, 0, 0, 0)'
             } as Record<string, any>;
             return styleObject;
-        }
-    })
+        };
+    });
     /** 目标样式 */
     const targetStyle = computed(() => {
         const styleObject = {
@@ -35,7 +35,7 @@ export default function (props: BorderEditorProps, context: SetupContext) {
             borderRadius: radiuses.value.slice(0, 4).join('px ') + 'px',
         } as Record<string, any>;
         return styleObject;
-    })
+    });
 
     /** 设置圆角方向 */
     function onRadiusDirectionButtonClicked(direction: number) {
@@ -43,14 +43,14 @@ export default function (props: BorderEditorProps, context: SetupContext) {
         isShowRadiusCustom.value = false;
         nextTick(() => {
             isShowRadiusCustom.value = true;
-        })
+        });
     }
     /** 设置边框圆角 */
     function onBorderRadiusChanged(item: any) {
         if (currentRadiusDirection.value < 4)
-            radiuses.value[currentRadiusDirection.value] = item;
+            {radiuses.value[currentRadiusDirection.value] = item;}
         else
-            radiuses.value.fill(item);
+            {radiuses.value.fill(item);}
         context.emit('valueChanged', targetStyle.value);
     }
 
@@ -83,7 +83,7 @@ export default function (props: BorderEditorProps, context: SetupContext) {
                         onClick={() => onRadiusDirectionButtonClicked(2)}>┛</div>
                 </div>
             </div>
-        )
+        );
     }
 
     /** 渲染样式设置 */
@@ -99,7 +99,7 @@ export default function (props: BorderEditorProps, context: SetupContext) {
                         class="f-border-editor-input"></FNumberSpinner>
                 </div>
             </div>
-        )
+        );
     }
 
     /** 渲染圆角编辑器 */
diff --git a/packages/ui-vue/components/button-edit/index.ts b/packages/ui-vue/components/button-edit/index.ts
index fb5dd001a69ade3b11e00ff07f016a80ea71e5f2..52420642c7bb65dc1da797ebbac270fd0ae1c0de 100644
--- a/packages/ui-vue/components/button-edit/index.ts
+++ b/packages/ui-vue/components/button-edit/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/button-edit/src/button-edit.props.ts b/packages/ui-vue/components/button-edit/src/button-edit.props.ts
index 9d5310efacb0f034643b810b01fc9c44d38a24f4..5912635d12c2c399500df26d06d9cb217db19ffe 100644
--- a/packages/ui-vue/components/button-edit/src/button-edit.props.ts
+++ b/packages/ui-vue/components/button-edit/src/button-edit.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/button-edit/src/composition/types.ts b/packages/ui-vue/components/button-edit/src/composition/types.ts
index 14d8fd4d4e498bcea0bb1802ec14f7d409c45a95..c6c61874d543cc9026f2f5b7db511109fe3c60f1 100644
--- a/packages/ui-vue/components/button-edit/src/composition/types.ts
+++ b/packages/ui-vue/components/button-edit/src/composition/types.ts
@@ -140,4 +140,4 @@ export interface UsePopup {
 }
 export interface UseOpen {
     judgeCanOpen():Promise<boolean>;
-}
\ No newline at end of file
+}
diff --git a/packages/ui-vue/components/button-edit/style.ts b/packages/ui-vue/components/button-edit/style.ts
index 2cd97cd547ed811a3bbb4e44a3d08033b1494055..02c3d82d25192e1c5481d69c8951bb1bef03f4e7 100644
--- a/packages/ui-vue/components/button-edit/style.ts
+++ b/packages/ui-vue/components/button-edit/style.ts
@@ -2,4 +2,4 @@ import "@farris/ui-vue/components/dependent-base/style";
 import "@farris/ui-vue/components/input-group/style";
 import "@farris/ui-vue/components/tags/style";
 import "@farris/ui-vue/components/dependent-icon/style";
-import "@farris/ui-vue/theme-default/components/button-edit.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/button-edit.css";
diff --git a/packages/ui-vue/components/button-edit/test/button-edit.spec.tsx b/packages/ui-vue/components/button-edit/test/button-edit.spec.tsx
index fe84a6340e74f309f870f7ab8620740a91b7bf71..473aff6fdcc662b14482e316ecff4667bc315e7b 100644
--- a/packages/ui-vue/components/button-edit/test/button-edit.spec.tsx
+++ b/packages/ui-vue/components/button-edit/test/button-edit.spec.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/button-group/index.ts b/packages/ui-vue/components/button-group/index.ts
index 8fca17eeab153bd9279fbdc81839c52bc343e7a2..8ee55da0afe1c8c780267b9f13d97e9a540cef43 100644
--- a/packages/ui-vue/components/button-group/index.ts
+++ b/packages/ui-vue/components/button-group/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/button-group/src/button-group.props.ts b/packages/ui-vue/components/button-group/src/button-group.props.ts
index 4d7984a21e4ba064b53029d793f0e08d95e9c679..d1a8eab9768e455333b4a04b150d4e76a59a1f5b 100644
--- a/packages/ui-vue/components/button-group/src/button-group.props.ts
+++ b/packages/ui-vue/components/button-group/src/button-group.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/button-group/src/composition/types.ts b/packages/ui-vue/components/button-group/src/composition/types.ts
index b5c30ff4f49f774a7a565e339e1080e73a4cc828..ae884a044df9e4f6e928d617c9f4c54129e26956 100644
--- a/packages/ui-vue/components/button-group/src/composition/types.ts
+++ b/packages/ui-vue/components/button-group/src/composition/types.ts
@@ -47,7 +47,6 @@ export type PlacementDirection =
     | 'right-top'
     | 'right-bottom';
 // export type ButtonSize = 'large' | 'small' | 'middle';
-// export type ButtonType = 'primary' | 'success' | 'info' | 'warning' | 'danger' | 'link' | 'secondary';
 // export type ButtonItem = {
 //     id: string;
 //     text: string;
diff --git a/packages/ui-vue/components/button-group/src/composition/use-popup.ts b/packages/ui-vue/components/button-group/src/composition/use-popup.ts
index 74c36e684acb42df65549e380623f6b32696df95..8f919d6f7fb3f728222f7e751da306281efee855 100644
--- a/packages/ui-vue/components/button-group/src/composition/use-popup.ts
+++ b/packages/ui-vue/components/button-group/src/composition/use-popup.ts
@@ -51,7 +51,7 @@ export function usePopup(
 
     function onClickDropdownMenuItem($event: any, menuItem: any) {
         $event.stopPropagation();
-        if (menuItem.disabled) return;
+        if (menuItem.disabled) {return;}
         shouldPopupContent.value = false;
         context.emit('change', menuItem.id);
         context.emit('click', menuItem);
diff --git a/packages/ui-vue/components/button-group/style.ts b/packages/ui-vue/components/button-group/style.ts
index f01c53a12d67dc03102dba8019e99d43da6705a5..bcbdcb4741b343a65e26fe5853548302b66a2384 100644
--- a/packages/ui-vue/components/button-group/style.ts
+++ b/packages/ui-vue/components/button-group/style.ts
@@ -1,3 +1,3 @@
 import "@farris/ui-vue/components/button/style";
 import "@farris/ui-vue/theme-default/components/button-group.css";
-import "@farris/ui-vue/components/dependent-icon/style";
\ No newline at end of file
+import "@farris/ui-vue/components/dependent-icon/style";
diff --git a/packages/ui-vue/components/button/index.ts b/packages/ui-vue/components/button/index.ts
index 59c0efdb7a6321897fb68dfd4fb996ae4b7c923d..26f5aa4d26be7e29d8db03f9c70d4fb24336bb43 100644
--- a/packages/ui-vue/components/button/index.ts
+++ b/packages/ui-vue/components/button/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/button/src/button.props.ts b/packages/ui-vue/components/button/src/button.props.ts
index a08133293486a0fa6889562dc441d2806eb3cd8f..56eca66e9c8a53621cad10dd8ed8daa711f98724 100644
--- a/packages/ui-vue/components/button/src/button.props.ts
+++ b/packages/ui-vue/components/button/src/button.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/button/style.ts b/packages/ui-vue/components/button/style.ts
index d7abe0d95b733efd23987fd29f848a8cfeddea10..10cff1a15f2ac53b94f96c8c2b487e2628df16d9 100644
--- a/packages/ui-vue/components/button/style.ts
+++ b/packages/ui-vue/components/button/style.ts
@@ -1,2 +1,2 @@
 import "@farris/ui-vue/components/dependent-base/style";
-import "@farris/ui-vue/theme-default/components/button.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/button.css";
diff --git a/packages/ui-vue/components/calculator/src/calculator.component.tsx b/packages/ui-vue/components/calculator/src/calculator.component.tsx
index 74d769c0ef5b28f9318738a0063c62b4ff0c8363..5197f34f8f90d51c0f399083a8865311de3d541c 100644
--- a/packages/ui-vue/components/calculator/src/calculator.component.tsx
+++ b/packages/ui-vue/components/calculator/src/calculator.component.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/indent */
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/calculator/style.ts b/packages/ui-vue/components/calculator/style.ts
index 1775a950d32b93c418cd0f96efd351d0e48c9bd1..48114505081d36911aca482cef01b5206787472c 100644
--- a/packages/ui-vue/components/calculator/style.ts
+++ b/packages/ui-vue/components/calculator/style.ts
@@ -1,2 +1,2 @@
 import "@farris/ui-vue/components/dependent-base/style";
-import "@farris/ui-vue/theme-default/components/calculator.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/calculator.css";
diff --git a/packages/ui-vue/components/calendar/index.ts b/packages/ui-vue/components/calendar/index.ts
index 26f1a34781dafd0fd738d1372ce909858c51766a..4ae57650226567ed7cdede265a2823e602eeadc2 100644
--- a/packages/ui-vue/components/calendar/index.ts
+++ b/packages/ui-vue/components/calendar/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import type { App, Plugin } from 'vue';
 import FCalendar from './src/calendar.component';
 import FCalendarDesign from './src/designer/calendar.design.component';
diff --git a/packages/ui-vue/components/calendar/src/calendar.props.ts b/packages/ui-vue/components/calendar/src/calendar.props.ts
index 491a83105e1dc1d9b385555b6c6407822baae1a2..9d03f1d00d595594b17897b025ac3c41f0f3a6b0 100644
--- a/packages/ui-vue/components/calendar/src/calendar.props.ts
+++ b/packages/ui-vue/components/calendar/src/calendar.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { ExtractPropTypes } from 'vue';
 import { ScheduleEvent } from './types/schedule';
 import { createPropsResolver } from '../../dynamic-resolver';
diff --git a/packages/ui-vue/components/calendar/style.ts b/packages/ui-vue/components/calendar/style.ts
index 0177242e599e1d5df322dddd1ef7d3b93a1ff596..074191436d5d351616133f463736139d1eba83b8 100644
--- a/packages/ui-vue/components/calendar/style.ts
+++ b/packages/ui-vue/components/calendar/style.ts
@@ -1,4 +1,4 @@
 import "@farris/ui-vue/components/dependent-base/style";
 import "@farris/ui-vue/components/button/style";
 import "@farris/ui-vue/components/dependent-icon/style";
-import "@farris/ui-vue/theme-default/components/calendar.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/calendar.css";
diff --git a/packages/ui-vue/components/capsule/index.ts b/packages/ui-vue/components/capsule/index.ts
index a2be619f4958472a105f4f24fbead40c4b69d0d8..e28da7a6f47e1575952e58e9cee1fc4cd0d9ecca 100644
--- a/packages/ui-vue/components/capsule/index.ts
+++ b/packages/ui-vue/components/capsule/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import FCapsule from './src/capsule.component';
 import { propsResolver } from './src/capsule.props';
 import CapsuleDesign from './src/designer/capsule.design.component';
diff --git a/packages/ui-vue/components/capsule/src/capsule.component.tsx b/packages/ui-vue/components/capsule/src/capsule.component.tsx
index 21159d13bb2e57c656a5dfbc69d48f6ed34cdd00..512a48958117c763d3cb5c44e3ad982e70ccb023 100644
--- a/packages/ui-vue/components/capsule/src/capsule.component.tsx
+++ b/packages/ui-vue/components/capsule/src/capsule.component.tsx
@@ -1,5 +1,4 @@
-/* eslint-disable @typescript-eslint/indent */
-import { Ref, SetupContext, computed, defineComponent, nextTick, onMounted, ref, watch } from "vue";
+import { Ref, computed, defineComponent, nextTick, onMounted, ref, watch } from "vue";
 import { CapsuleItem, CapsuleProps, capsuleProps } from "./capsule.props";
 import FCapsuleItem from './capsule-item.component';
 
@@ -105,22 +104,6 @@ export default defineComponent({
             }
         );
 
-        watch(
-            () => props.items,
-            async (newItems: CapsuleItem[]) => {
-                const newItemsWithFilter = newItems.filter((newItem:CapsuleItem) => newItem.show);
-                deleteCaspuleItems(newItemsWithFilter);
-                items.value = newItemsWithFilter;
-                await nextTick();
-                setActiveItemByValue(modelValue.value);
-                capsuleBoardWidth.value = Array.from(caspuleItemRefMap.values())
-                    .reduce<number>((itemTotalWidth: number, capsuleItemRef: Ref<any>) => {
-                        itemTotalWidth += capsuleItemRef.value.clientWidth;
-                        return itemTotalWidth;
-                    }, 0);
-            }
-        );
-
         onMounted(async () => {
             setActiveItemByValue(modelValue.value);
             await nextTick();
@@ -140,15 +123,15 @@ export default defineComponent({
             caspuleItemRefMap.set(capsuleItemValue, capsuleItemRef);
         }
 
-        function deleteCaspuleItems(currnetItemsValue:CapsuleItem[]) {
-            Array.from(caspuleItemRefMap.keys()).forEach((caspuleItemKey:string) => {
+        function deleteCaspuleItems(currnetItemsValue: CapsuleItem[]) {
+            Array.from(caspuleItemRefMap.keys()).forEach((caspuleItemKey: string) => {
                 const isExist = currnetItemsValue.find((currnetItemValue) => {
                     return currnetItemValue.value === caspuleItemKey;
-                })
-                if(!isExist) {
+                });
+                if (!isExist) {
                     caspuleItemRefMap.delete(caspuleItemKey);
                 }
-            })
+            });
         }
 
         function renderCapsuleItem(item: CapsuleItem, index: number) {
@@ -159,6 +142,23 @@ export default defineComponent({
             );
         }
 
+
+        watch(
+            () => props.items,
+            async (newItems: CapsuleItem[]) => {
+                const newItemsWithFilter = newItems.filter((newItem: CapsuleItem) => newItem.show);
+                deleteCaspuleItems(newItemsWithFilter);
+                items.value = newItemsWithFilter;
+                await nextTick();
+                setActiveItemByValue(modelValue.value);
+                capsuleBoardWidth.value = Array.from(caspuleItemRefMap.values())
+                    .reduce<number>((itemTotalWidth: number, capsuleItemRef: Ref<any>) => {
+                        itemTotalWidth += capsuleItemRef.value.clientWidth;
+                        return itemTotalWidth;
+                    }, 0);
+            }
+        );
+
         return () => {
             return (
                 <span ref={capsuleContainerRef} class={capsuleContainerClass.value} style={capsuleContainerStyle.value}>
diff --git a/packages/ui-vue/components/capsule/src/designer/capsule.design.component.tsx b/packages/ui-vue/components/capsule/src/designer/capsule.design.component.tsx
index 4d0db4108b3c5be86dea423be2f34c8700198ede..3c88256124eae22cf96a9d1cba4334dbbf4d36c9 100644
--- a/packages/ui-vue/components/capsule/src/designer/capsule.design.component.tsx
+++ b/packages/ui-vue/components/capsule/src/designer/capsule.design.component.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/indent */
 import { Ref, SetupContext, computed, defineComponent, inject, nextTick, onMounted, ref, watch } from "vue";
 import { CapsuleItem, CapsuleProps, capsuleProps } from "../capsule.props";
 import FCapsuleItem from '../capsule-item.component';
diff --git a/packages/ui-vue/components/capsule/style.ts b/packages/ui-vue/components/capsule/style.ts
index d3b3c8e8d9a68e40d5a4c0961ed5eb8bb7a32345..ad46d249c63a66a1913c7a7b4b3cc71e33d17147 100644
--- a/packages/ui-vue/components/capsule/style.ts
+++ b/packages/ui-vue/components/capsule/style.ts
@@ -1,2 +1,2 @@
 import "@farris/ui-vue/components/dependent-base/style";
-import "@farris/ui-vue/theme-default/components/capsule.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/capsule.css";
diff --git a/packages/ui-vue/components/checkbox/index.ts b/packages/ui-vue/components/checkbox/index.ts
index 9a0c13176ddaac219d6499219024153bad81d4ca..3875b28d50bbc61e951019f8a5b839c2243363fd 100644
--- a/packages/ui-vue/components/checkbox/index.ts
+++ b/packages/ui-vue/components/checkbox/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/checkbox/src/checkbox-group.props.ts b/packages/ui-vue/components/checkbox/src/checkbox-group.props.ts
index c933cb63063f760ba5c9523da871b49e76e90e58..574674a3155c3dbaf9e942faa5ffba0abb453f32 100644
--- a/packages/ui-vue/components/checkbox/src/checkbox-group.props.ts
+++ b/packages/ui-vue/components/checkbox/src/checkbox-group.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/checkbox/src/checkbox.props.ts b/packages/ui-vue/components/checkbox/src/checkbox.props.ts
index edab4851ad0ce822f4b6acd73c7cdaa5bef745a6..09632c941e85439c612d675c25db3fe21633d194 100644
--- a/packages/ui-vue/components/checkbox/src/checkbox.props.ts
+++ b/packages/ui-vue/components/checkbox/src/checkbox.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/checkbox/src/designer/use-rules.ts b/packages/ui-vue/components/checkbox/src/designer/use-rules.ts
index 75990da76b8872499ea9d1113438ff9c0944a8b7..d6f57ba09d83fcd0ea3cdf46e874c016f6b4e6ff 100644
--- a/packages/ui-vue/components/checkbox/src/designer/use-rules.ts
+++ b/packages/ui-vue/components/checkbox/src/designer/use-rules.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { UseDesignerRules } from "../../../designer-canvas/src/composition/types";
 import { ComponentSchema, DesignerComponentInstance, DesignerItemContext } from "../../../designer-canvas/src/types";
 import { useInputDesignerRules } from "../../../property-panel/src/composition/entity/use-input-rules";
diff --git a/packages/ui-vue/components/checkbox/style.ts b/packages/ui-vue/components/checkbox/style.ts
index 0e293a382423174eab613e3555d2f22dc547086d..548d980965a38907122faf794ece679dee6ad53c 100644
--- a/packages/ui-vue/components/checkbox/style.ts
+++ b/packages/ui-vue/components/checkbox/style.ts
@@ -1,3 +1,3 @@
 import "@farris/ui-vue/components/dependent-base/style";
 import "@farris/ui-vue/components/dependent-icon/style";
-import "@farris/ui-vue/theme-default/components/checkbox.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/checkbox.css";
diff --git a/packages/ui-vue/components/color-picker/index.ts b/packages/ui-vue/components/color-picker/index.ts
index 2e77655093a6eb5e3ac2aaa79df265b77d848a5a..6c9dd85e4cea2c89cfdb30ce809fd3620df5e11e 100644
--- a/packages/ui-vue/components/color-picker/index.ts
+++ b/packages/ui-vue/components/color-picker/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/color-picker/src/color-picker.component.tsx b/packages/ui-vue/components/color-picker/src/color-picker.component.tsx
index 6b7aceadcda4795c263a033a1795c91888cf2cac..59c13c925d6ab3e052378567bb68f065cc345a91 100644
--- a/packages/ui-vue/components/color-picker/src/color-picker.component.tsx
+++ b/packages/ui-vue/components/color-picker/src/color-picker.component.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable no-use-before-define */
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
@@ -55,7 +56,7 @@ export default defineComponent({
         /** 颜色种类：hex或rgba */
         let _colorFormat: ColorType;
         /** 创建新颜色对象 */
-        let control = new ColorPickerControl('#000000');
+        const control = new ColorPickerControl('#000000');
         /** 存储初始值 */
         const originalColor = ref(props.color);
         let colorPickerPanelId: HTMLElement;
@@ -65,7 +66,7 @@ export default defineComponent({
         const pickerPanelRef = ref<HTMLDivElement | null>(null);
 
         /** _colorFormat: hex/rgba */
-        let colorFormat = computed(() => {
+        const colorFormat = computed(() => {
             if (!_colorFormat) {
                 if (control && control.initType) {
                     return control.initType;
@@ -271,7 +272,7 @@ export default defineComponent({
         function inputValueChange(value: any) {
             const colorPickerPanelInputID = document.getElementById(`farris-color-picker-plus-input-${randomId}`) as HTMLElement;
 
-            if ((value == '' || value == undefined || value == null) && !allowColorNull.value) {
+            if ((value === '' || value === undefined || value == null) && !allowColorNull.value) {
                 colorRef.value = null;
                 colorPickerPanelInputID.style.borderColor = 'red';
                 colorPickerPanelSureID.className = 'btn btn-secondary disabled';
@@ -297,7 +298,7 @@ export default defineComponent({
             // 如果不允许为空
             if (!allowColorNull.value) {
                 // 颜色值不为空
-                if (!(currentColor.value == undefined || currentColor.value == null || currentColor.value == '')) {
+                if (!(currentColor.value === undefined || currentColor.value == null || currentColor.value === '')) {
                     trigger.value?.style?.setProperty('background', colorRef.value);
                     firstCommit.value = true;
                     preColor.value = colorRef.value;
@@ -330,7 +331,7 @@ export default defineComponent({
         /** 展示色盘等panel区域 */
         function toggleShowPanel(e: any): void {
             colorPickerPanelId = document.getElementById(`farris-color-picker-panel-${randomId}`) as HTMLElement;
-            const panelOpened = colorPickerPanelId.className == 'color-picker-panel'; 
+            const panelOpened = colorPickerPanelId.className === 'color-picker-panel'; 
             if (disabled.value || panelOpened) {
                 return;
             }
@@ -346,7 +347,6 @@ export default defineComponent({
         }
 
 
-
         /** 找到颜色对应分类，如：HEX.RGBA */
         function findColorType(typeStr: any) {
             const findTypeIndex = presetColorType.findIndex((item) => item.type === typeStr);
diff --git a/packages/ui-vue/components/color-picker/src/color-picker.props.ts b/packages/ui-vue/components/color-picker/src/color-picker.props.ts
index a2c9f05e38107f7995e088075e97b094a831bd0b..2f714ffd430643d449daa2f3093aa66446a2c7a7 100644
--- a/packages/ui-vue/components/color-picker/src/color-picker.props.ts
+++ b/packages/ui-vue/components/color-picker/src/color-picker.props.ts
@@ -1,5 +1,5 @@
-/* eslint-disable max-len */
-/* eslint-disable max-len */
+ 
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/color-picker/src/composition/component/alpha.tsx b/packages/ui-vue/components/color-picker/src/composition/component/alpha.tsx
index f3c213695847fb946a8df4cd04bbf6bfebfec95c..aa0ed2806f432c769b3f84706d83cfe45f1e5438 100644
--- a/packages/ui-vue/components/color-picker/src/composition/component/alpha.tsx
+++ b/packages/ui-vue/components/color-picker/src/composition/component/alpha.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /* eslint-disable no-use-before-define */
 import { defineComponent, ref, withModifiers, watch, onMounted, SetupContext } from 'vue';
 import { Color } from '../class/color.class';
diff --git a/packages/ui-vue/components/color-picker/src/composition/component/sv-panel.tsx b/packages/ui-vue/components/color-picker/src/composition/component/sv-panel.tsx
index 889628df79eabafd2e16108c207554fd0772761d..50f1687693fffbb109b803cd519ce81caf59dc06 100644
--- a/packages/ui-vue/components/color-picker/src/composition/component/sv-panel.tsx
+++ b/packages/ui-vue/components/color-picker/src/composition/component/sv-panel.tsx
@@ -1,6 +1,5 @@
-/* eslint-disable vue/no-mutating-props */
-/* eslint-disable vue/no-mutating-props */
-/* eslint-disable no-use-before-define */
+ 
+ 
 import { defineComponent, ref, watch, onMounted, withModifiers, SetupContext } from 'vue';
 import { Color } from '../class/color.class';
 import { SvPanelProps, svPanelProps } from './props/sv-panel.props';
diff --git a/packages/ui-vue/components/color-picker/src/designer/color-picker.design.component.tsx b/packages/ui-vue/components/color-picker/src/designer/color-picker.design.component.tsx
index fd057518e5d9bd6c6d4831126f4e3d7fb6abf308..c8c002859ea3404295532805e1b82eb463912d2b 100644
--- a/packages/ui-vue/components/color-picker/src/designer/color-picker.design.component.tsx
+++ b/packages/ui-vue/components/color-picker/src/designer/color-picker.design.component.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable no-use-before-define */
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
@@ -57,7 +58,7 @@ export default defineComponent({
         /** 颜色种类：hex或rgba */
         let _colorFormat: ColorType;
         /** 创建新颜色对象 */
-        let control = new ColorPickerControl('#000000');
+        const control = new ColorPickerControl('#000000');
         /** 存储初始值 */
         const originalColor = ref(props.color);
         let colorPickerPanelId: HTMLElement;
@@ -75,7 +76,7 @@ export default defineComponent({
         context.expose(componentInstance.value);
     
         /** _colorFormat: hex/rgba */
-        let colorFormat = computed(() => {
+        const colorFormat = computed(() => {
             if (!_colorFormat) {
                 if (control && control.initType) {
                     return control.initType;
@@ -257,7 +258,7 @@ export default defineComponent({
         function inputValueChange(value: any) {
             const colorPickerPanelInputID = document.getElementById(`farris-color-picker-plus-input-${randomId}`) as HTMLElement;
 
-            if ((value == '' || value == undefined || value == null) && !allowColorNull.value) {
+            if ((value === '' || value === undefined || value == null) && !allowColorNull.value) {
                 colorRef.value = null;
                 colorPickerPanelInputID.style.borderColor = 'red';
                 colorPickerPanelSureID.className = 'btn btn-secondary disabled';
@@ -280,7 +281,7 @@ export default defineComponent({
             // 如果不允许为空
             if (!allowColorNull.value) {
                 // 颜色值不为空
-                if (!(currentColor.value == undefined || currentColor.value == null || currentColor.value == '')) {
+                if (!(currentColor.value === undefined || currentColor.value == null || currentColor.value === '')) {
                     trigger.value?.style?.setProperty('background', colorRef.value);
                     firstCommit.value = true;
                     preColor.value = colorRef.value;
@@ -363,7 +364,7 @@ export default defineComponent({
                             <span v-show={showCurrentColorTypeIndex} style="width:40px;margin-right:10px;">
                                 {presetColorTypeText.value}
                             </span>
-                            <input type="text" id="farris-color-picker-plus-input" v-model={currentColor.value} style="float:none" />
+                            <input title="color-picker-plus-input" type="text" id="farris-color-picker-plus-input" v-model={currentColor.value} style="float:none" />
                             <div class="type-icon-btn-wrapper" style="cursor:pointer" v-show={showCurrentColorTypeIndex}>
                                 <span class="f-icon f-icon-arrow-60-up type-icon-btn" onClick={() => changeColorFormatByIcon('up')}></span>
                                 <span
diff --git a/packages/ui-vue/components/color-picker/style.ts b/packages/ui-vue/components/color-picker/style.ts
index feb1122bcf407ee41dd7dc20f7d0d986b7950f4e..c7b995abe4f795575ae4e4796cab82fa114309db 100644
--- a/packages/ui-vue/components/color-picker/style.ts
+++ b/packages/ui-vue/components/color-picker/style.ts
@@ -1,3 +1,3 @@
 import "@farris/ui-vue/components/dependent-base/style";
 import "@farris/ui-vue/components/dependent-input/style";
-import "@farris/ui-vue/theme-default/components/color-picker.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/color-picker.css";
diff --git a/packages/ui-vue/components/combo-list/index.ts b/packages/ui-vue/components/combo-list/index.ts
index 448b8c9df878a8f47ca59f9e2aa2b787eb2405bd..6cf36a459bb09d06f4c7630384e176968f27b406 100644
--- a/packages/ui-vue/components/combo-list/index.ts
+++ b/packages/ui-vue/components/combo-list/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/combo-list/src/combo-list.props.ts b/packages/ui-vue/components/combo-list/src/combo-list.props.ts
index 5bbfbe5868829d5d4177a378c5d5cf73b8a2b501..77783af2a15b6b7cd059170f37f1945e70116d9a 100644
--- a/packages/ui-vue/components/combo-list/src/combo-list.props.ts
+++ b/packages/ui-vue/components/combo-list/src/combo-list.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/combo-list/src/composition/use-data-source.ts b/packages/ui-vue/components/combo-list/src/composition/use-data-source.ts
index 93f90f7ccfe766e7a01d4bcd81036ec9ca4916ea..6a9cb128084c222daaa2e46b5974aeee7c0ef3c9 100644
--- a/packages/ui-vue/components/combo-list/src/composition/use-data-source.ts
+++ b/packages/ui-vue/components/combo-list/src/composition/use-data-source.ts
@@ -54,12 +54,12 @@ export function useDataSource(props: ComboListProps): UseDataSource {
     function loadRemoteData() {
         const { url, method = 'GET', headers = {}, body = null } = props.remote;
         // const requestInfo = { method, headers, body };
-        const requestInfo = method.toLowerCase() == 'get' ? { method, headers } : { method, headers, body };
+        const requestInfo = method.toLowerCase() === 'get' ? { method, headers } : { method, headers, body };
         let isFromJson = false;
         fetch(url, requestInfo)
             .then((response) => {
                 if (response.status === 200) {
-                    //如果是 JSON 数据，直接解析
+                    // 如果是 JSON 数据，直接解析
                     isFromJson = !!response.headers?.get('content-type')?.includes('application/json');
                     return isFromJson ? response.text() : response.json();
                 }
diff --git a/packages/ui-vue/components/combo-list/src/designer/use-rules.ts b/packages/ui-vue/components/combo-list/src/designer/use-rules.ts
index 16d6205c3a4b74f0010d530eb5c46f829dadf059..9f638b0434798056e8c64fb5e4fe989ced64a403 100644
--- a/packages/ui-vue/components/combo-list/src/designer/use-rules.ts
+++ b/packages/ui-vue/components/combo-list/src/designer/use-rules.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { UseDesignerRules } from "../../../designer-canvas/src/composition/types";
 import { ComponentSchema, DesignerComponentInstance, DesignerItemContext } from "../../../designer-canvas/src/types";
 import { useInputDesignerRules } from "../../../property-panel/src/composition/entity/use-input-rules";
diff --git a/packages/ui-vue/components/combo-list/src/property-config/combo-list.property-config.ts b/packages/ui-vue/components/combo-list/src/property-config/combo-list.property-config.ts
index 75fbef2bd00da211d58d98211f7a759e932f85c2..eb8f42d98378c559142a118465a25649b6378f5d 100644
--- a/packages/ui-vue/components/combo-list/src/property-config/combo-list.property-config.ts
+++ b/packages/ui-vue/components/combo-list/src/property-config/combo-list.property-config.ts
@@ -22,6 +22,6 @@ export class ComboListProperty extends InputBaseProperty {
                 "title": "数据源值字段",
                 "type": "string"
             },
-        })
+        });
     }
 }
diff --git a/packages/ui-vue/components/combo-list/style.ts b/packages/ui-vue/components/combo-list/style.ts
index dd91401e4312190958edca1faf727a35d5ca0461..8e61a6aa60c5eaaaab12975ae3cc0efa5d77439e 100644
--- a/packages/ui-vue/components/combo-list/style.ts
+++ b/packages/ui-vue/components/combo-list/style.ts
@@ -3,4 +3,4 @@ import "@farris/ui-vue/components/dependent-icon/style";
 import "@farris/ui-vue/components/button-edit/style";
 import "@farris/ui-vue/components/list-view/style";
 import "@farris/ui-vue/components/popover/style";
-import "@farris/ui-vue/theme-default/components/combo-list.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/combo-list.css";
diff --git a/packages/ui-vue/components/combo-tree/index.ts b/packages/ui-vue/components/combo-tree/index.ts
index e05fe0a7865ff2f0a73fd13d8829fc0e7c3e8aca..397c7d5773aa3024cc65736fb869d45007a9d9c2 100644
--- a/packages/ui-vue/components/combo-tree/index.ts
+++ b/packages/ui-vue/components/combo-tree/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/combo-tree/src/combo-tree.props.ts b/packages/ui-vue/components/combo-tree/src/combo-tree.props.ts
index bb47430661defba17ce5da438dcc435059a2c46a..90c149c482c6aa005d919e9593e7b61fff0097a8 100644
--- a/packages/ui-vue/components/combo-tree/src/combo-tree.props.ts
+++ b/packages/ui-vue/components/combo-tree/src/combo-tree.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/combo-tree/style.ts b/packages/ui-vue/components/combo-tree/style.ts
index 14ccc8a29d903b4775c26559ad485d18da2e5afd..85fe0ea21b61706cf8da64dbd903f0e0812911d5 100644
--- a/packages/ui-vue/components/combo-tree/style.ts
+++ b/packages/ui-vue/components/combo-tree/style.ts
@@ -1 +1 @@
-import "@farris/ui-vue/components/dependent-base/style";
\ No newline at end of file
+import "@farris/ui-vue/components/dependent-base/style";
diff --git a/packages/ui-vue/components/common/date/date-converter.ts b/packages/ui-vue/components/common/date/date-converter.ts
index 26e50b117e76c9b648d3b7572f69bb19056d3713..d58257fe8d9f9a9f2b061e9b4f5a21f09b910359 100644
--- a/packages/ui-vue/components/common/date/date-converter.ts
+++ b/packages/ui-vue/components/common/date/date-converter.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 const MONTHNAMES_LOOKUP: Record<string, number> =
     { jan: 1, feb: 2, mar: 3, apr: 4, may: 5, jun: 6, jul: 7, aug: 8, sep: 9, oct: 10, nov: 11, dec: 12 };
 const DAYNAMES_LOOKUP: Record<string, number> = { sun: 0, mon: 1, tue: 2, wed: 3, thu: 4, fri: 5, sat: 6 };
diff --git a/packages/ui-vue/components/common/date/use-time-ago.ts b/packages/ui-vue/components/common/date/use-time-ago.ts
index 09b7d4ad03bd5d32935160fc2cb9f42a8cfb02ec..cc251eb044d7fbe311ad63246b8077bbd3b7c0f0 100644
--- a/packages/ui-vue/components/common/date/use-time-ago.ts
+++ b/packages/ui-vue/components/common/date/use-time-ago.ts
@@ -18,7 +18,7 @@ export function useTimeAgo(): UseTimeAgoFormat {
 
 
     function timeAgoText(second: number, index: number): [string, string] {
-        if (index === 0) return ['刚刚', '片刻后'];
+        if (index === 0) {return ['刚刚', '片刻后'];}
         const unit = TEXTZH_CN[~~(index / 2)];
         return [`${second} ${unit}前`, `${second} ${unit}后`];
     }
@@ -27,7 +27,7 @@ export function useTimeAgo(): UseTimeAgoFormat {
         if (typeof date == 'object') {
             return date;
         } else {
-            let result = dateConverter.create(date);
+            const result = dateConverter.create(date);
             return typeof result == 'object' ? result : new Date();
         }
 
@@ -41,7 +41,7 @@ export function useTimeAgo(): UseTimeAgoFormat {
     function formatDifferent(second: number): string {
         const agoIn = second < 0 ? 1 : 0;
         second = Math.abs(second);
-        //const totalSec = diff;
+        // const totalSec = diff;
         let index = 0;
         for (; second >= SECONDS_ARRAY[index] && index < SECONDS_ARRAY.length; index++) {
             second /= SECONDS_ARRAY[index];
@@ -50,7 +50,7 @@ export function useTimeAgo(): UseTimeAgoFormat {
 
         index *= 2;
 
-        if (second > (index === 0 ? 9 : 1)) index += 1;
+        if (second > (index === 0 ? 9 : 1)) {index += 1;}
 
         return timeAgoText(second, index)[agoIn].replace('%s', second.toString());
     }
@@ -61,5 +61,5 @@ export function useTimeAgo(): UseTimeAgoFormat {
     };
     return {
         formatTo
-    }
-}
\ No newline at end of file
+    };
+}
diff --git a/packages/ui-vue/components/common/directive/area-response.ts b/packages/ui-vue/components/common/directive/area-response.ts
index 33bbb763c94d99045b7dd1197d448a518287c16e..c3cf63e64cd178f45df9b2968cc6882d630b4483 100644
--- a/packages/ui-vue/components/common/directive/area-response.ts
+++ b/packages/ui-vue/components/common/directive/area-response.ts
@@ -7,30 +7,7 @@ const breakPoints = [
     { size: 'xl', width: 1200 },
     { size: 'el', width: 1690 }
 ];
-/**
- * 绑定监听宽度变化事件
- * @param sharedObject 
- * @param bindElement 
- */
-function bindObserver(sharedObject, bindElement) {
-    if (sharedObject.enable && sharedObject.autoWidth) {
-        if (!sharedObject.resizeObserver) {
-            sharedObject.resizeObserver = new ResizeObserver(entries => {
-                if (!entries || entries.length < 1 || !entries[0].contentRect) {
-                    return;
-                }
-                const rect = entries[0].contentRect;
-                if (Math.abs(parseInt(rect.width + '') - sharedObject.width) > sharedObject.threshold) {
-                    afterWidthChange(sharedObject, bindElement, rect.width);
-                    sharedObject.width = parseInt(rect.width + '');
-                }
-            });
-            sharedObject.resizeObserver.observe(bindElement);
-        }
-    } else {
-        deleteObserver(sharedObject);
-    }
-}
+
 /**
  * 移除绑定
  * @param sharedObject 
@@ -49,20 +26,20 @@ function deleteObserver(sharedObject) {
  * @returns 
  */
 function afterWidthChange(sharedObject, bindElement, newWidth = 0) {
-    let result = [] as any;
+    const result = [] as any;
     if (!bindElement) {
         return;
     }
     const areaWidth = newWidth ? newWidth : bindElement.getBoundingClientRect().width;
-    let width = parseFloat(areaWidth);
+    const width = parseFloat(areaWidth);
     for (let k = 0; k < breakPoints.length; k++) {
         if (breakPoints[k]['width'] <= width) {
             result.push(breakPoints[k]['size']);
         }
     }
-    if (sharedObject.className.join(',') != result.join(',')) {
+    if (sharedObject.className.join(',') !== result.join(',')) {
         // 旧的比新的多，应该移除class
-        let distance = sharedObject.className.length - result.length;
+        const distance = sharedObject.className.length - result.length;
         if (distance > 0) {
             for (let m = result.length; m < sharedObject.className.length; m++) {
                 removeClass(bindElement, 'f-area-response--' + sharedObject.className[m]);
@@ -75,6 +52,32 @@ function afterWidthChange(sharedObject, bindElement, newWidth = 0) {
         sharedObject.className = [...result];
     }
 }
+
+/**
+ * 绑定监听宽度变化事件
+ * @param sharedObject 
+ * @param bindElement 
+ */
+function bindObserver(sharedObject, bindElement) {
+    if (sharedObject.enable && sharedObject.autoWidth) {
+        if (!sharedObject.resizeObserver) {
+            sharedObject.resizeObserver = new ResizeObserver(entries => {
+                if (!entries || entries.length < 1 || !entries[0].contentRect) {
+                    return;
+                }
+                const rect = entries[0].contentRect;
+                if (Math.abs(parseInt(rect.width + '') - sharedObject.width) > sharedObject.threshold) {
+                    afterWidthChange(sharedObject, bindElement, rect.width);
+                    sharedObject.width = parseInt(rect.width + '');
+                }
+            });
+            sharedObject.resizeObserver.observe(bindElement);
+        }
+    } else {
+        deleteObserver(sharedObject);
+    }
+}
+
 function supportResponse(sharedObject, bindElement) {
     // 启用响应
     if (sharedObject.enable) {
@@ -91,10 +94,10 @@ function supportResponse(sharedObject, bindElement) {
     bindObserver(sharedObject, bindElement);
 }
 function updateSharedObject(sharedObject, binding) {
-    if (binding.value && binding.value.hasOwnProperty('enable')) {
+    if (binding.value && Object.prototype.hasOwnProperty.call(binding.value, 'enable')) {
         sharedObject.enable = binding.value.enable;
     }
-    if (binding.value && binding.value.hasOwnProperty('autoWidth')) {
+    if (binding.value && Object.prototype.hasOwnProperty.call(binding.value, 'autoWidth')) {
         sharedObject.autoWidth = binding.value.autoWidth;
     }
 }
@@ -129,5 +132,5 @@ const areaResponseDirective = {
     beforeUnmount(bindElement, binding, vnode) {
         deleteObserver(vnode.sharedObject);
     }
-}
-export default areaResponseDirective;
\ No newline at end of file
+};
+export default areaResponseDirective;
diff --git a/packages/ui-vue/components/common/editor/binding-selector/index.ts b/packages/ui-vue/components/common/editor/binding-selector/index.ts
index 826f5b1f3426472fb34de90d5fcd6b3ede1f1ad7..8fa64d119c2c9375f85dd1b8b3b085e985767c6a 100644
--- a/packages/ui-vue/components/common/editor/binding-selector/index.ts
+++ b/packages/ui-vue/components/common/editor/binding-selector/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/common/editor/binding-selector/src/binding-selector.component.tsx b/packages/ui-vue/components/common/editor/binding-selector/src/binding-selector.component.tsx
index 2bd2f7bf97a4261c9775170441a5dbdbfe2fe737..684949e7ba6d15c5efa6ea211b532340ea51c4d4 100644
--- a/packages/ui-vue/components/common/editor/binding-selector/src/binding-selector.component.tsx
+++ b/packages/ui-vue/components/common/editor/binding-selector/src/binding-selector.component.tsx
@@ -83,7 +83,7 @@ export default defineComponent({
                             return false;
                         }
                         updateViewModel(bindingData.value[0], bindingType.value);
-                        const newBindingValue = updateComponentSchema(bindingData.value[0], bindingType.value)
+                        const newBindingValue = updateComponentSchema(bindingData.value[0], bindingType.value);
                         setDisplayText(newBindingValue);
 
                         // 触发变更
diff --git a/packages/ui-vue/components/common/editor/binding-selector/src/binding-selector.props.ts b/packages/ui-vue/components/common/editor/binding-selector/src/binding-selector.props.ts
index d321c8c3a72ee72864eaddf902b22cafd3428f4e..d9a36356dca9a04c19a35f8ea06985fa5ee1ce0d 100644
--- a/packages/ui-vue/components/common/editor/binding-selector/src/binding-selector.props.ts
+++ b/packages/ui-vue/components/common/editor/binding-selector/src/binding-selector.props.ts
@@ -13,12 +13,12 @@ export const variableColumns = [
     { field: 'name', title: '名称' },
     { field: 'code', title: '编号' },
     { field: 'displayTypeName', title: '变量类型' }
-]
+];
 export const bindingTypes = [
     { value: 'Form', text: '绑定字段' },
     { value: 'LocaleVariable', text: '绑定组件变量' },
     { value: 'RemoteVariable', text: '绑定表单变量' }
-]
+];
 export interface BindingSelectorService {
     getData(params: any): Promise<any>;
 }
@@ -34,13 +34,13 @@ export interface BindingSelectorEditorParams {
     /** 已选控件schema */
     componentSchema: any;
     /** 已选字段是否需要同步至表单viemodel.fields节点 */
-    needSyncToViewModel: { type: Boolean, default: false },
+    needSyncToViewModel: { type: boolean, default: false },
     /** 当前控件所属的视图模型id */
-    viewModelId: { type: String, default: '' },
+    viewModelId: { type: string, default: '' },
     /** 设计器服务类 */
     designerHostService: { type: DesignerHostService },
     /** 表单中已使用的字段是否需要设置为禁用 */
-    disableOccupiedFields: { type: Boolean, default: false },
+    disableOccupiedFields: { type: boolean, default: false },
 }
 export const bindingSelectorProps = {
     disabled: { type: Boolean, default: false },
diff --git a/packages/ui-vue/components/common/editor/binding-selector/src/components/binding-selector-container.component.tsx b/packages/ui-vue/components/common/editor/binding-selector/src/components/binding-selector-container.component.tsx
index 299120740c054fa2c76d557c55b83e369999a30a..6be74632b4450ecead46116fd6a6e9ea1aad56b9 100644
--- a/packages/ui-vue/components/common/editor/binding-selector/src/components/binding-selector-container.component.tsx
+++ b/packages/ui-vue/components/common/editor/binding-selector/src/components/binding-selector-container.component.tsx
@@ -1,5 +1,4 @@
-/* eslint-disable @typescript-eslint/indent */
-import { computed, defineComponent, ref, onMounted, onBeforeMount } from "vue";
+import { defineComponent, ref, onMounted, onBeforeMount } from "vue";
 import { BindingSelectorProps, bindingSelectorProps, bindingTypes, fieldColumns, variableColumns } from "../binding-selector.props";
 import { FTreeGrid } from '../../../../../tree-grid';
 import FRadioGroup from '../../../../../radio-group/src/radio-group.component';
@@ -26,7 +25,7 @@ export default defineComponent({
             dataSource.value = getTreeDataSource(bindingType.value);
 
             if (props.editorParams?.disableOccupiedFields) {
-                occupiedFieldset.value = resolveOccupiedFields(props.editorParams?.componentSchema?.binding)
+                occupiedFieldset.value = resolveOccupiedFields(props.editorParams?.componentSchema?.binding);
             }
             availableFieldTypes.value = resolveFieldTypesByEditorType(props.editorParams?.componentSchema?.editor?.type);
             columns.value = bindingType.value === 'Form' ? fieldColumns : variableColumns;
diff --git a/packages/ui-vue/components/common/editor/binding-selector/src/composition/use-field-selection.ts b/packages/ui-vue/components/common/editor/binding-selector/src/composition/use-field-selection.ts
index f9e6c5f8251f9c7b7ed76026da38d93998c2db40..952c6f3782d5bb09427eb3fa2b1f8f3695e2c103 100644
--- a/packages/ui-vue/components/common/editor/binding-selector/src/composition/use-field-selection.ts
+++ b/packages/ui-vue/components/common/editor/binding-selector/src/composition/use-field-selection.ts
@@ -4,22 +4,13 @@ import { BindingSelectorProps } from "../binding-selector.props";
 
 export function useFieldSelection(props: BindingSelectorProps) {
 
-    const designViewModelUtils = props.editorParams.designerHostService.designViewModelUtils;
-    const formSchemaUtils = props.editorParams.designerHostService.formSchemaUtils;
-    const viewModelId = props.editorParams.viewModelId;
+    const { designViewModelUtils } = props.editorParams.designerHostService;
+    const { formSchemaUtils } = props.editorParams.designerHostService;
+    const { viewModelId } = props.editorParams;
     let fieldTreeData = [];
     let localeVariableTreeData = [];
     let formVariableTreeData = [];
 
-    /**
-     * 获取树表格数据
-     */
-    function initTreeData() {
-        loadFieldTreeData();
-        loadLocaleVariableTreeData();
-        loadFormVariableTreeData();
-    }
-
     function getTreeDataSource(bindingType: string) {
         switch (bindingType) {
             case 'LocaleVariable': {
@@ -77,6 +68,7 @@ export function useFieldSelection(props: BindingSelectorProps) {
             dgViewModel.changeField(currentSelectedField.id, { editor: props.editorParams.componentSchema.editor.type });
         }
     }
+
     function updataViewModelVariable(bindingData: Record<string, any>) {
         const originalBinding = props.editorParams.componentSchema?.binding;
         const dgViewModel = designViewModelUtils.getDgViewModel(viewModelId);
@@ -101,6 +93,7 @@ export function useFieldSelection(props: BindingSelectorProps) {
         // 向视图模型中添加新字段
         formSchemaUtils.addViewModelField(viewModelId, currentSelectedVar);
     }
+
     /**
      * 同步视图模型
      */
@@ -156,6 +149,7 @@ export function useFieldSelection(props: BindingSelectorProps) {
         props.editorParams.componentSchema.path = bindingData.bindingPath;
         return props.editorParams.componentSchema.binding;
     }
+
     /**
      * 收集绑定同一个实体的同类型组件中已使用的字段（form类、dataGrid类...）
      * @param currentBinding 
@@ -180,7 +174,7 @@ export function useFieldSelection(props: BindingSelectorProps) {
                 return;
             }
             const componentNode = formSchema.components.find(component => component.viewModel === viewModel.id);;
-            let componentType = componentNode.componentType;
+            let { componentType } = componentNode;
             if (componentType === 'frame' || componentType === 'table') {
                 componentType = 'form';
             }
@@ -197,7 +191,8 @@ export function useFieldSelection(props: BindingSelectorProps) {
         });
         return occupiedFieldSet;
     }
-    /***
+
+    /** *
      * 获取当前控件类型下可选的字段类型
      */
     function resolveFieldTypesByEditorType(editorType: string): string[] {
@@ -206,7 +201,7 @@ export function useFieldSelection(props: BindingSelectorProps) {
         }
 
         const controlFieldMapping = {};
-        const fieldControlTypeMapping = SchemaDOMMapping.fieldControlTypeMapping;
+        const { fieldControlTypeMapping } = SchemaDOMMapping;
 
         for (const fieldType in fieldControlTypeMapping) {
             const controlTypes = fieldControlTypeMapping[fieldType];
@@ -224,6 +219,16 @@ export function useFieldSelection(props: BindingSelectorProps) {
 
         return controlFieldMapping[editorType];
     }
+
+    /**
+     * 获取树表格数据
+     */
+    function initTreeData() {
+        loadFieldTreeData();
+        loadLocaleVariableTreeData();
+        loadFormVariableTreeData();
+    }
+
     return {
         initTreeData,
         getTreeDataSource,
@@ -231,5 +236,5 @@ export function useFieldSelection(props: BindingSelectorProps) {
         updateComponentSchema,
         resolveOccupiedFields,
         resolveFieldTypesByEditorType
-    }
-}
\ No newline at end of file
+    };
+}
diff --git a/packages/ui-vue/components/common/editor/binding-selector/style.ts b/packages/ui-vue/components/common/editor/binding-selector/style.ts
index 8cfc46cd6ebcbb13725a53f4080154092399c899..9348b8e17fdc25c67b8742a91b9a20b1f2a7fdb5 100644
--- a/packages/ui-vue/components/common/editor/binding-selector/style.ts
+++ b/packages/ui-vue/components/common/editor/binding-selector/style.ts
@@ -3,4 +3,4 @@ import "@farris/ui-vue/components/dependent-icon/style";
 import "@farris/ui-vue/components/tree-grid/style";
 import "@farris/ui-vue/components/button-edit/style";
 import "@farris/ui-vue/components/radio/style";
-import "@farris/ui-vue/components/modal/style";
\ No newline at end of file
+import "@farris/ui-vue/components/modal/style";
diff --git a/packages/ui-vue/components/common/entity/entity-schema.ts b/packages/ui-vue/components/common/entity/entity-schema.ts
index 03b0452d5428d217a300cd7ce2e9190c801b0471..e85ef415bbe4332b05fae7fd950dd78533fe1366 100644
--- a/packages/ui-vue/components/common/entity/entity-schema.ts
+++ b/packages/ui-vue/components/common/entity/entity-schema.ts
@@ -1,3 +1,4 @@
+/* eslint-disable no-use-before-define */
 export interface FormSchema {
     sourceUri: string;
     id: string;
@@ -25,17 +26,6 @@ export interface FormSchemaEntity {
     type: FormSchemaEntityType;
 }
 
-/**
- * 实体类型对象
- */
-export interface FormSchemaEntityType {
-    $type: 'EntityType';
-    name: string;
-    primary: string;
-    fields: FormSchemaEntityField[];
-    entities?: FormSchemaEntity[];
-    displayName?: string;
-}
 /**
  * 字段类型枚举
  */
@@ -255,4 +245,4 @@ export enum GSPElementDataType {
      * 二进制
      */
     Binary = "Binary"
-}
\ No newline at end of file
+}
diff --git a/packages/ui-vue/components/common/number/use-number-format.ts b/packages/ui-vue/components/common/number/use-number-format.ts
index e2144c6bf68a666eacf419da57f5a424614ba1b1..76f430ea33497fcd9c3115cfc0f7954fad713d83 100644
--- a/packages/ui-vue/components/common/number/use-number-format.ts
+++ b/packages/ui-vue/components/common/number/use-number-format.ts
@@ -1,7 +1,6 @@
 import BigNumber from "bignumber.js";
 import { NumberOption, NumberType, UseNumberFormat } from "../types";
 
-
 export function useNumberFormat(): UseNumberFormat {
     /**
      * 获取最大值
@@ -140,18 +139,19 @@ export function useNumberFormat(): UseNumberFormat {
      */
     function convertCurrency(money: string): string {
         // 汉字的数字
-        const cnNums = new Array('零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖');
+        const cnNums = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖'];
         // 基本单位
-        const cnIntRadice = new Array('', '拾', '佰', '仟');
+        const cnIntRadice = ['', '拾', '佰', '仟'];
         // 对应整数部分扩展单位
-        const cnIntUnits = new Array('', '万', '亿', '兆');
+        const cnIntUnits = ['', '万', '亿', '兆'];
         // 对应小数部分单位
-        const cnDecUnits = new Array('角', '分', '毫', '厘');
+        const cnDecUnits = ['角', '分', '毫', '厘'];
         // 整数金额时后面跟的字符
         const cnInteger = '整';
         // 整型完以后的单位
         const cnIntLast = '元';
         // 最大处理的数字
+        // eslint-disable-next-line no-loss-of-precision
         const maxNum = 999999999999999.9999;
         // 金额整数部分
         let intPart;
@@ -161,7 +161,7 @@ export function useNumberFormat(): UseNumberFormat {
         let chineseStr = '';
         // 分离金额后用的数组，预定义
         let parts;
-        if (money == '') { return ''; }
+        if (money === '') { return ''; }
         const moneyNum = parseFloat(money);
         if (moneyNum >= maxNum) {
             // 超出最大处理数字
@@ -190,7 +190,7 @@ export function useNumberFormat(): UseNumberFormat {
                 const leftLength = intPartLength - i - 1;
                 const divisionInt = leftLength / 4;
                 const remainder = leftLength % 4;
-                if (intNumSub == '0') {
+                if (intNumSub === '0') {
                     zeroCount++;
                 } else {
                     if (zeroCount > 0) {
@@ -200,7 +200,7 @@ export function useNumberFormat(): UseNumberFormat {
                     zeroCount = 0;
                     chineseStr += cnNums[parseInt(intNumSub, 10)] + cnIntRadice[remainder];
                 }
-                if (remainder == 0 && zeroCount < 4) {
+                if (remainder === 0 && zeroCount < 4) {
                     chineseStr += cnIntUnits[divisionInt];
                 }
             }
@@ -210,7 +210,7 @@ export function useNumberFormat(): UseNumberFormat {
         if (decimalNum !== '') {
             const decLen = decimalNum.length;
             for (let i = 0; i < decLen; i++) {
-                let n = decimalNum.substr(i, 1);
+                const n = decimalNum.substr(i, 1);
                 if (n !== '0') {
                     chineseStr += cnNums[Number(n)] + cnDecUnits[i];
                 }
@@ -230,7 +230,7 @@ export function useNumberFormat(): UseNumberFormat {
      * @returns 
      */
     function removeFormat(value: NumberType | null | undefined, options: NumberOption): string {
-        var newValue = (value === null || value === undefined || typeof value == 'number' && isNaN(value)) ? '' : String(value);
+        let newValue = (value === null || value === undefined || typeof value == 'number' && isNaN(value)) ? '' : String(value);
         if (options) {
             // 去前缀
             if (options.prefix) {
@@ -243,7 +243,7 @@ export function useNumberFormat(): UseNumberFormat {
             }
 
             // 去掉千分位分隔符
-            newValue = newValue.replace(/\,/g, '');
+            newValue = newValue.replace(/\\,/g, '');
         }
         return newValue;
     }
@@ -274,5 +274,5 @@ export function useNumberFormat(): UseNumberFormat {
     }
     return {
         formatTo, removeFormat, convertCurrency, toFixed, toNumber, greaterThan, lessThan, equal, minus, multiplied, plus, average, sum, min, max
-    }
+    };
 }
diff --git a/packages/ui-vue/components/common/radio-checkbox/radio-checkbox.props.ts b/packages/ui-vue/components/common/radio-checkbox/radio-checkbox.props.ts
index a474b7fb0fa55bd0ad874aa28dab59fbd87435c6..dc97ac365c121c1ede2ed5a431648c02303c7e51 100644
--- a/packages/ui-vue/components/common/radio-checkbox/radio-checkbox.props.ts
+++ b/packages/ui-vue/components/common/radio-checkbox/radio-checkbox.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/common/text-box/composition/use-text-box-design.ts b/packages/ui-vue/components/common/text-box/composition/use-text-box-design.ts
index 739e19d7ec353e61e64b933858f1500416658d4f..856e14dd4cd701fb97dcb248f3101073015c554c 100644
--- a/packages/ui-vue/components/common/text-box/composition/use-text-box-design.ts
+++ b/packages/ui-vue/components/common/text-box/composition/use-text-box-design.ts
@@ -65,9 +65,12 @@ export function useTextBoxDesign(
         return !showBorder.value ? 'border-width : 0 ' : '';
     });
 
+    function changeTextBoxValue(newValue: string, shouldEmitChangeEvent = true) {
+    }
+
 
     return {
-        // changeTextBoxValue,
+        changeTextBoxValue,
         disabled,
         displayText,
         editable,
diff --git a/packages/ui-vue/components/common/types.ts b/packages/ui-vue/components/common/types.ts
index a7c7b30eeb2559971fcb8f506458ea26d06dfb20..317a5cf302068b5deb88d960fe05c0e108091e6b 100644
--- a/packages/ui-vue/components/common/types.ts
+++ b/packages/ui-vue/components/common/types.ts
@@ -46,7 +46,7 @@ export interface UseClear {
 
 export interface UseTextBox {
 
-    changeTextBoxValue?: (newValue: string, shouldEmitChangeEvent: boolean) => void;
+    changeTextBoxValue: (newValue: string, shouldEmitChangeEvent: boolean) => void;
 
     disabled?: Ref<boolean>;
 
@@ -60,7 +60,7 @@ export interface UseTextBox {
 
     inputType: Ref<string>;
 
-    isEmpty?: ComputedRef<boolean>;
+    isEmpty: ComputedRef<boolean>;
 
     modelValue?: Ref<string>;
 
@@ -128,4 +128,4 @@ export type TimeAgoOptions = {
 };
 export interface UseTimeAgoFormat {
     formatTo(date: TimeAgoDate, opts?: TimeAgoOptions): string
-}
\ No newline at end of file
+}
diff --git a/packages/ui-vue/components/common/utils/encrypt.ts b/packages/ui-vue/components/common/utils/encrypt.ts
index 0a8b095ad8dc2882f69f96c010a3c4e2824347c4..8b0920d46828c0020ec13b6bd3c2a39ed7bbed32 100644
--- a/packages/ui-vue/components/common/utils/encrypt.ts
+++ b/packages/ui-vue/components/common/utils/encrypt.ts
@@ -200,7 +200,7 @@ function coreEncrypt(x: any, len: number) {
         c = safeAdd(c, oldc);
         d = safeAdd(d, oldd);
     }
-    return Array(a, b, c, d);
+    return [a, b, c, d];
 }
 
 /*
diff --git a/packages/ui-vue/components/common/utils/use-guid.ts b/packages/ui-vue/components/common/utils/use-guid.ts
index 2479a51d3be7e7fed878272443fb0ee7742b9d5b..afc1786306f63c41e974c9c7e847e104d7450f3e 100644
--- a/packages/ui-vue/components/common/utils/use-guid.ts
+++ b/packages/ui-vue/components/common/utils/use-guid.ts
@@ -17,7 +17,7 @@ export function useGuid() {
 
         if (uuidLength) {
             // Compact form
-            for (charIndex = 0; charIndex < uuidLength; charIndex++) uuid[charIndex] = chars[0 | (Math.random() * radix)];
+            for (charIndex = 0; charIndex < uuidLength; charIndex++) {uuid[charIndex] = chars[0 | (Math.random() * radix)];}
         } else {
             // rfc4122, version 4 form
             let randomValue;
@@ -31,7 +31,7 @@ export function useGuid() {
             for (charIndex = 0; charIndex < 36; charIndex++) {
                 if (!uuid[charIndex]) {
                     randomValue = 0 | (Math.random() * 16);
-                    uuid[charIndex] = chars[charIndex == 19 ? (randomValue & 0x3) | 0x8 : randomValue];
+                    uuid[charIndex] = chars[charIndex === 19 ? (randomValue & 0x3) | 0x8 : randomValue];
                 }
             }
         }
diff --git a/packages/ui-vue/components/component/index.ts b/packages/ui-vue/components/component/index.ts
index c499ab9d3a214753af27f3a1dc6180a534cb5201..2eecb92deb73e90b9e0a92a6b42c8e334339ab81 100644
--- a/packages/ui-vue/components/component/index.ts
+++ b/packages/ui-vue/components/component/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/component/src/component-ref.props.ts b/packages/ui-vue/components/component/src/component-ref.props.ts
index a3ff8288f487b554d3a1ec91040c59bce65932be..54059432325b93b08271ba80e8474258462dd18c 100644
--- a/packages/ui-vue/components/component/src/component-ref.props.ts
+++ b/packages/ui-vue/components/component/src/component-ref.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { ExtractPropTypes } from 'vue';
 import { createPropsResolver } from '../../dynamic-resolver';
 import { schemaMapper } from './schema/schema-mapper';
diff --git a/packages/ui-vue/components/component/src/component.props.ts b/packages/ui-vue/components/component/src/component.props.ts
index 58f48689047f38523b08a768bf4e71542fc7ba9b..35e8e9186f630a9b39548526ae41dd52d47efd52 100644
--- a/packages/ui-vue/components/component/src/component.props.ts
+++ b/packages/ui-vue/components/component/src/component.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { ExtractPropTypes } from 'vue';
 import { createPropsResolver } from '../../dynamic-resolver';
 import { schemaMapper } from './schema/schema-mapper';
diff --git a/packages/ui-vue/components/component/src/designer/use-designer-rules.ts b/packages/ui-vue/components/component/src/designer/use-designer-rules.ts
index fb806883707a3d4bbcc3c253db01630f1fc68add..b2b4bc68ab6223aea6c37eed18cfd857e67ca52c 100644
--- a/packages/ui-vue/components/component/src/designer/use-designer-rules.ts
+++ b/packages/ui-vue/components/component/src/designer/use-designer-rules.ts
@@ -1,5 +1,3 @@
-/* eslint-disable max-len */
-/* eslint-disable complexity */
 import { DesignerHostService, UseDesignerRules } from "../../../designer-canvas/src/composition/types";
 import { DesignerItemContext } from "../../../designer-canvas/src/types";
 import { UseTemplateDragAndDropRules } from "../../../designer-canvas/src/composition/rule/use-template-rule";
@@ -34,7 +32,7 @@ export function useDesignerRules(designItemContext: DesignerItemContext, designe
     // 构造属性配置方法
     function getPropsConfig(componentId: string) {
         const componentProp = new ComponentProperty(componentId, designerHostService);
-        const schema = designItemContext.schema;
+        const { schema } = designItemContext;
         return componentProp.getPropertyConfig(schema);
     }
     return { canAccepts, checkCanDeleteComponent, checkCanMoveComponent, hideNestedPaddingInDesginerView, getStyles, getPropsConfig };
diff --git a/packages/ui-vue/components/component/src/property-config/component.property-config.ts b/packages/ui-vue/components/component/src/property-config/component.property-config.ts
index 2b5da804cd98263298ea461d1247a07636497448..f74bfed40bc1b0051c253a9fdc5181742ad5ad76 100644
--- a/packages/ui-vue/components/component/src/property-config/component.property-config.ts
+++ b/packages/ui-vue/components/component/src/property-config/component.property-config.ts
@@ -27,7 +27,7 @@ export class ComponentProperty extends BaseControlProperty {
                 name: '视图初始化后事件'
             },
         ];
-        var self = this;
+        const self = this;
         const initialData = self.eventsEditorUtils['formProperties'](propertyData, self.viewModelId, events);
         const properties = {};
         properties[self.viewModelId] = {
@@ -54,4 +54,4 @@ export class ComponentProperty extends BaseControlProperty {
             }
         };
     }
-}
\ No newline at end of file
+}
diff --git a/packages/ui-vue/components/condition/src/composition/use-condition-value.ts b/packages/ui-vue/components/condition/src/composition/use-condition-value.ts
index a3d75780b10cbe4a8ab13e96594e90cff8f1587e..d6afd6effdeee319958b040231d092b656349396 100644
--- a/packages/ui-vue/components/condition/src/composition/use-condition-value.ts
+++ b/packages/ui-vue/components/condition/src/composition/use-condition-value.ts
@@ -16,7 +16,6 @@ import { TextValue } from "./condition-value/text-value";
 import { ConditionValue } from "./condition-value/types";
 import { UseConditionValue } from "./types";
 
-/* eslint-disable @typescript-eslint/indent */
 export function useConditionValue(): UseConditionValue {
 
     /**
diff --git a/packages/ui-vue/components/condition/src/composition/use-condition.ts b/packages/ui-vue/components/condition/src/composition/use-condition.ts
index fdf0bad35b7f0a17aaaca6b946428b1f106a69a1..93f73a089f8a3097a1377b369dc9d35d943ddc0b 100644
--- a/packages/ui-vue/components/condition/src/composition/use-condition.ts
+++ b/packages/ui-vue/components/condition/src/composition/use-condition.ts
@@ -166,17 +166,6 @@ export function useCondition(): UseCondition {
         }
     }
 
-    function removeCondition(targetToRemove: Condition) {
-        const targetGroup = conditionGroupMap.get(targetToRemove.conditionId);
-        if (targetGroup) {
-            targetGroup.items = targetGroup.items
-                .filter((condition: Condition) => condition.conditionId !== targetToRemove.conditionId);
-            conditionGroupMap.delete(targetToRemove.conditionId);
-            treeShake();
-            refresh();
-        }
-    }
-
     function separateTargetsToGroup(
         targetsToGroup: (Condition | ConditionGroup)[],
         targetMap: { items: Map<number, Condition>; groups: Map<number, ConditionGroup> },
@@ -286,6 +275,7 @@ export function useCondition(): UseCondition {
         refresh();
     }
 
+    // eslint-disable-next-line prefer-const
     let getConditions: (conditionGroup: ConditionGroup) => Condition[];
 
     function getNestedConditions(conditionGroup: ConditionGroup) {
@@ -327,7 +317,18 @@ export function useCondition(): UseCondition {
             unGroup(removeGroup);
         } else if (treeShakeGroup.items.length === 0 && treeShakeGroup.children.length <= 1) {
             unGroup(treeShakeGroup);
-        } 
+        }
+    }
+
+    function removeCondition(targetToRemove: Condition) {
+        const targetGroup = conditionGroupMap.get(targetToRemove.conditionId);
+        if (targetGroup) {
+            targetGroup.items = targetGroup.items
+                .filter((condition: Condition) => condition.conditionId !== targetToRemove.conditionId);
+            conditionGroupMap.delete(targetToRemove.conditionId);
+            treeShake();
+            refresh();
+        }
     }
 
     return {
diff --git a/packages/ui-vue/components/condition/src/composition/use-field-config.ts b/packages/ui-vue/components/condition/src/composition/use-field-config.ts
index ffe348f3917f0a262f0753ab8abfe2ef4ea85fbe..b61ccdd743999d019a0f15fe072eac414f4876df 100644
--- a/packages/ui-vue/components/condition/src/composition/use-field-config.ts
+++ b/packages/ui-vue/components/condition/src/composition/use-field-config.ts
@@ -1,5 +1,3 @@
-import { forEach } from 'lodash-es';
-/* eslint-disable @typescript-eslint/indent */
 import { SetupContext, ref } from "vue";
 import { FieldConfig, Condition } from "../types";
 import { ConditionProps } from "../condition.props";
diff --git a/packages/ui-vue/components/condition/src/composition/use-selection.ts b/packages/ui-vue/components/condition/src/composition/use-selection.ts
index 9c0ab0d2319212b492427b51783e24b4eb2fd31c..1862188c9b7f4e859badd4abbe73be9624a08f7f 100644
--- a/packages/ui-vue/components/condition/src/composition/use-selection.ts
+++ b/packages/ui-vue/components/condition/src/composition/use-selection.ts
@@ -13,6 +13,7 @@ export function useSelection(
     const { conditionGroupMap, groupParentMap } = useConditionComposition;
     let ownerGroup: ConditionGroup;
 
+    // eslint-disable-next-line prefer-const
     let unSelectItem: (condition: Condition) => void;
 
     function getGroupsToSelect(selectingGroup: ConditionGroup) {
diff --git a/packages/ui-vue/components/condition/src/composition/use-size.ts b/packages/ui-vue/components/condition/src/composition/use-size.ts
index 5e655fbaedeb53ce7f0585ab22c5e95348ce09a1..d9dcbdb1d1a6fb3212810f546750f07266052547 100644
--- a/packages/ui-vue/components/condition/src/composition/use-size.ts
+++ b/packages/ui-vue/components/condition/src/composition/use-size.ts
@@ -4,42 +4,38 @@ import { FieldConfig, Condition } from "../types";
 import { UseSizeValue } from "./types";
 
 
-
-export function useSize(props: ConditionProps, context: SetupContext, fieldsElement:Ref<any>): UseSizeValue {
+export function useSize(props: ConditionProps, context: SetupContext, fieldsElement: Ref<any>): UseSizeValue {
 
 
     const resizeObserver = ref<ResizeObserver | null>(null);
     const element = ref(fieldsElement);
     const elementWidth = ref(0);
 
-    const conditionClass = computed(() => {
-        return getDefaultClass(elementWidth.value);
-    })
-
-    function addSizeListener() {
-        if(!element.value) {
-            return;
-        }
-        resizeObserver.value = new ResizeObserver(throttle((entries:Array<ResizeObserverEntry>) => {
-            const modifyElement  = entries[0];
-            elementWidth.value = modifyElement.contentRect.width; 
-          }, 500));
-          resizeObserver.value.observe(element.value);
-       
-    }
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-function-type
+    function throttle(fn: Function, delay: number) {
+        let timer: NodeJS.Timeout | null = null;
 
-    function throttle(fn:Function, delay:number) {
-        let timer:NodeJS.Timeout | null = null;
-        
-        return function() {
+        return function () {
+            // eslint-disable-next-line prefer-rest-params
             const args = arguments;
-            if(!timer) {
+            if (!timer) {
                 timer = setTimeout(() => {
                     timer = null;
                 }, 500);
                 fn(...args);
             }
+        };
+    }
+
+    function addSizeListener() {
+        if (!element.value) {
+            return;
         }
+        resizeObserver.value = new ResizeObserver(throttle((entries: Array<ResizeObserverEntry>) => {
+            const modifyElement = entries[0];
+            elementWidth.value = modifyElement.contentRect.width;
+        }, 500));
+        resizeObserver.value.observe(element.value);
     }
 
     function getDefaultClass(width: number) {
@@ -58,15 +54,19 @@ export function useSize(props: ConditionProps, context: SetupContext, fieldsElem
 
     }
 
-    watch([fieldsElement] ,([newFieldsElement]) => {
+    const conditionClass = computed(() => {
+        return getDefaultClass(elementWidth.value);
+    });
+
+    watch([fieldsElement], ([newFieldsElement]) => {
 
         element.value = newFieldsElement;
         addSizeListener();
-    })
+    });
 
     return {
         conditionClass,
         resizeObserver
-    }
+    };
 
 }
diff --git a/packages/ui-vue/components/condition/src/condition-fields.component.tsx b/packages/ui-vue/components/condition/src/condition-fields.component.tsx
index 8076b9ed671852013c32f3f0cc60148e14d9107d..3486f85de71482ff52fc21afcde854dbec20f110 100644
--- a/packages/ui-vue/components/condition/src/condition-fields.component.tsx
+++ b/packages/ui-vue/components/condition/src/condition-fields.component.tsx
@@ -1,5 +1,4 @@
-/* eslint-disable @typescript-eslint/indent */
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
@@ -34,7 +33,7 @@ export default defineComponent({
         const conditions = ref(props.conditions);
         const useFieldComposition = useFieldConfig(props, context);
         const { initialConditionValue, fieldMap, loadFieldConfigs } = useFieldComposition;
-        const useSizeComposition = useSize(props, context, fieldsElement );
+        const useSizeComposition = useSize(props, context, fieldsElement);
         const { conditionClass,  resizeObserver } = useSizeComposition;
 
         loadFieldConfigs(true);
@@ -42,7 +41,7 @@ export default defineComponent({
         initialConditionValue(conditions.value);
         onBeforeUnmount(() => {
             resizeObserver.value?.unobserve(fieldsElement.value);
-        })
+        });
 
         watch(
             () => props.conditions,
@@ -78,7 +77,7 @@ export default defineComponent({
                     label={condition.fieldName}
                     editor={fieldMap.get(condition.fieldCode)?.editor}
                     v-model={(condition.value as ConditionValue).value}
-                    onChange={(e:any) => {onChange(e, condition)}}></FDynamicFormGroup>
+                    onChange={(e:any) => {onChange(e, condition);}}></FDynamicFormGroup>
             ));
         }
 
diff --git a/packages/ui-vue/components/condition/src/condition-list.component.tsx b/packages/ui-vue/components/condition/src/condition-list.component.tsx
index 9c0a3d6daa6b028c6982b5d3d8432491c425e1dd..2ded66cea2eb1809355cb95cae91f7a9f4fe5ed8 100644
--- a/packages/ui-vue/components/condition/src/condition-list.component.tsx
+++ b/packages/ui-vue/components/condition/src/condition-list.component.tsx
@@ -48,11 +48,11 @@ export default defineComponent({
         function onFieldChanged(condition: Condition) {
             const editor = fieldMap.get(condition.fieldCode)?.editor || { type: 'text' };
             condition.value = createConditionValue(editor.type, undefined);
-            context.emit('labelCodeChange', condition)
+            context.emit('labelCodeChange', condition);
         }
 
         function onCompareChanged(e:any, condition:Condition) {
-            context.emit('compareTypeChange', condition)
+            context.emit('compareTypeChange', condition);
         }
 
         function addItem() {}
@@ -61,7 +61,7 @@ export default defineComponent({
 
         context.expose({ getConditions });
         function onChange(e:any, condition:Condition) {
-            context.emit('valueChange', e, condition)
+            context.emit('valueChange', e, condition);
         }
 
         function renderGroupItems(conditionGroup: ConditionGroup) {
@@ -90,7 +90,7 @@ export default defineComponent({
                             editor={fieldMap.get(condition.fieldCode)?.editor}
                             showLabel={false}
                             v-model={(condition.value as ConditionValue).value}
-                            onChange={(e:any) => {onChange(e, condition)}}
+                            onChange={(e:any) => {onChange(e, condition);}}
                             ></FDynamicFormGroup>
                     </div>
                     <div class="condition-list-item-extend">
diff --git a/packages/ui-vue/components/condition/src/types.ts b/packages/ui-vue/components/condition/src/types.ts
index 9d2c23728c2be7f4c5dc18a6657a1261033f5137..89f4badc7dc90be188280cec5aa391dc20bd3e3c 100644
--- a/packages/ui-vue/components/condition/src/types.ts
+++ b/packages/ui-vue/components/condition/src/types.ts
@@ -133,7 +133,7 @@ export interface FieldConfig {
     code: string;
 
     labelCode: string;
-    controlType: string;
+    controlType?: string;
 
     /**
      * 字段名称
@@ -160,7 +160,7 @@ export interface FieldConfig {
      * 15. 单选框： RadioControl
      * 16. 智能输入框： InputGroupControl
      */
-    editor: Partial<EditorConfig>;
+    editor: EditorConfig;
 
     defaulValue?: ConditionValue;
 }
diff --git a/packages/ui-vue/components/condition/style.ts b/packages/ui-vue/components/condition/style.ts
index aa719322ca709d0ae9d9633113c5c8e09e754339..fcc045001fe4055934c8500981d5c2b25c7fc744 100644
--- a/packages/ui-vue/components/condition/style.ts
+++ b/packages/ui-vue/components/condition/style.ts
@@ -1,2 +1,2 @@
 import "@farris/ui-vue/components/dependent-base/style";
-import "@farris/ui-vue/theme-default/components/data-grid.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/data-grid.css";
diff --git a/packages/ui-vue/components/content-container/index.ts b/packages/ui-vue/components/content-container/index.ts
index c674728f7451105127c0cfc3786f6a194165455e..6ca5abb0b5effa559acc22dcbc51f2943357446d 100644
--- a/packages/ui-vue/components/content-container/index.ts
+++ b/packages/ui-vue/components/content-container/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/content-container/src/content-container.props.ts b/packages/ui-vue/components/content-container/src/content-container.props.ts
index 0c4b890394c062176577d7869b9ef5876a467d06..cdc983df2f3bc640438f8114559252780aa88208 100644
--- a/packages/ui-vue/components/content-container/src/content-container.props.ts
+++ b/packages/ui-vue/components/content-container/src/content-container.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { ExtractPropTypes } from 'vue';
 import { createPropsResolver } from '../../dynamic-resolver';
 import { schemaMapper } from './schema/schema-mapper';
diff --git a/packages/ui-vue/components/content-container/src/designer/use-designer-rules.ts b/packages/ui-vue/components/content-container/src/designer/use-designer-rules.ts
index a86820dbad95eeeee19f09c2b1d4f0f3bfe7d30f..c50fee3dc729daaa812b266d86edea42b660ff3d 100644
--- a/packages/ui-vue/components/content-container/src/designer/use-designer-rules.ts
+++ b/packages/ui-vue/components/content-container/src/designer/use-designer-rules.ts
@@ -1,5 +1,3 @@
-/* eslint-disable max-len */
-/* eslint-disable complexity */
 import { nextTick } from "vue";
 import { DesignerHostService, DesignerHTMLElement, DraggingResolveContext, UseDesignerRules } from "../../../designer-canvas/src/composition/types";
 import { useDragulaCommonRule } from "../../../designer-canvas/src/composition/rule/use-dragula-common-rule";
diff --git a/packages/ui-vue/components/content-container/style.ts b/packages/ui-vue/components/content-container/style.ts
index 14ccc8a29d903b4775c26559ad485d18da2e5afd..85fe0ea21b61706cf8da64dbd903f0e0812911d5 100644
--- a/packages/ui-vue/components/content-container/style.ts
+++ b/packages/ui-vue/components/content-container/style.ts
@@ -1 +1 @@
-import "@farris/ui-vue/components/dependent-base/style";
\ No newline at end of file
+import "@farris/ui-vue/components/dependent-base/style";
diff --git a/packages/ui-vue/components/data-grid/index.ts b/packages/ui-vue/components/data-grid/index.ts
index f6b551c58c7a63940f3a201142f15d6922768b6b..eea3a7ec6e8793be9a649bf10608e8c6f7b7afc5 100644
--- a/packages/ui-vue/components/data-grid/index.ts
+++ b/packages/ui-vue/components/data-grid/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
@@ -19,7 +19,7 @@ import FDataGrid from './src/data-grid.component';
 import FDataGridDesign from './src/designer/data-grid.design.component';
 import FGridFieldEditor from './src/designer/grid-field-editor.component';
 import FDataGridColumnDesign from './src/designer/data-grid-column.design.component';
-import { columnPropsResolver, treeColumnPropsResolver } from './src/designer/data-grid-column.props';
+import { columnPropsResolver, treeColumnPropsResolver } from './src/data-grid-column.props';
 import { gridFieldEditorPropsResolver } from './src/designer/grid-field-editor.props';
 import { bindingResolver, propsResolver, selectionItemResolver } from './src/data-grid.props';
 
@@ -44,6 +44,7 @@ FDataGrid.registerDesigner = (componentMap: Record<string, any>, propsResolverMa
     propsResolverMap['data-grid-column'] = columnPropsResolver;
     componentMap['data-grid-column'] =FDataGridColumnDesign;
     // 树表列和表格列相似
+    // jumphere by sagi
     propsResolverMap['tree-grid-column'] = treeColumnPropsResolver;
     componentMap['tree-grid-column'] =FDataGridColumnDesign;
    
diff --git a/packages/ui-vue/components/data-grid/src/composition/data-grid-component-creator.service.ts b/packages/ui-vue/components/data-grid/src/composition/data-grid-component-creator.service.ts
index 6b7ed0e56c2d4076299e88fdeeab4f8d1155c24c..4808b3ef662add021db5372c85ebbaa4ba270f2b 100644
--- a/packages/ui-vue/components/data-grid/src/composition/data-grid-component-creator.service.ts
+++ b/packages/ui-vue/components/data-grid/src/composition/data-grid-component-creator.service.ts
@@ -43,6 +43,7 @@ export class DataGridComponentCreatorService {
 
         const parentContainerType = buildInfo?.parentComponentInstance?.schema?.type;
         if (parentContainerType && allowedParentContainer.includes(parentContainerType)) {
+            // jumphere by sagi
             const containerSection = this.resolver.getSchemaByType('section', { parentComponentInstance: buildInfo.parentComponentInstance }, this.designerHostService) as ComponentSchema;
             if (containerSection && containerSection.contents && containerSection.contents.length) {
                 const section = containerSection.contents[0];
@@ -100,7 +101,7 @@ export class DataGridComponentCreatorService {
      * 获取表格组件层级的class样式
      */
     private getDataGridComponentClass(): string {
-        const templateId = this.formSchemaUtils.getFormSchema().module.templateId;
+        const {templateId} = this.formSchemaUtils.getFormSchema().module;
 
         // 双列表标签页模板，要求列表填充表单高度
         if (templateId === 'double-list-in-tab-template') {
@@ -113,7 +114,7 @@ export class DataGridComponentCreatorService {
      * 创建表格组件内层级结构
      */
     private createDateGridComponentContents(buildInfo: ComponentBuildInfo) {
-        const templateId = this.formSchemaUtils.getFormSchema().module.templateId;
+        const {templateId} = this.formSchemaUtils.getFormSchema().module;
         let container;
         // 根据模板不同，创建不同的容器类型和样式
         if (templateId === 'double-list-in-tab-template') {
@@ -173,7 +174,6 @@ export class DataGridComponentCreatorService {
     }
 
 
-
     /**
      * 组装viewModel fields 节点
      */
diff --git a/packages/ui-vue/components/data-grid/src/designer/data-grid-column.props.ts b/packages/ui-vue/components/data-grid/src/data-grid-column.props.ts
similarity index 89%
rename from packages/ui-vue/components/data-grid/src/designer/data-grid-column.props.ts
rename to packages/ui-vue/components/data-grid/src/data-grid-column.props.ts
index 178636e2ebf17b022c301005572a96a99b851452..89fd0d2f1b9c958a8b5de48ef6398bdf1b9bbfa2 100644
--- a/packages/ui-vue/components/data-grid/src/designer/data-grid-column.props.ts
+++ b/packages/ui-vue/components/data-grid/src/data-grid-column.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
@@ -15,13 +15,13 @@
  * limitations under the License.
  */
 import { ExtractPropTypes, PropType, VNode } from 'vue';
-import { EditorConfig } from '../../../dynamic-form';
-import { createPropsResolver } from '../../../dynamic-resolver';
-import { columnSchemaMapper } from '../schema/schema-mapper';
-import { columnSchemaResolver } from "../schema/schema-resolver";
-import dataGridColumnSchema from '../schema/data-grid-column.schema.json';
-import treeGridColumnSchema from '../../../tree-grid/src/schema/tree-grid-column.schema.json';
-import { VisualData, VisualDataCell } from '../../../data-view';
+import { EditorConfig } from '../../dynamic-form';
+import { createPropsResolver } from '../../dynamic-resolver';
+import { columnSchemaMapper } from './schema/schema-mapper';
+import { columnSchemaResolver } from "./schema/schema-resolver";
+import dataGridColumnSchema from './schema/data-grid-column.schema.json';
+import treeGridColumnSchema from '../../tree-grid/src/schema/tree-grid-column.schema.json';
+import { VisualData, VisualDataCell } from '../../data-view';
 
 
 export type DataGridAlignment = 'left' | 'center' | 'right';
@@ -108,5 +108,5 @@ export const dataGridColumnProps = {
 export type DataGridColumnProps = ExtractPropTypes<typeof dataGridColumnProps>;
 
 export const columnPropsResolver = createPropsResolver<DataGridColumnProps>(dataGridColumnProps, dataGridColumnSchema, columnSchemaMapper, columnSchemaResolver);
-
+// jumphere by saig
 export const treeColumnPropsResolver = createPropsResolver<DataGridColumnProps>(dataGridColumnProps, treeGridColumnSchema, columnSchemaMapper, columnSchemaResolver);
diff --git a/packages/ui-vue/components/data-grid/src/data-grid.component.tsx b/packages/ui-vue/components/data-grid/src/data-grid.component.tsx
index 0f00262dd63f20d946f2447ccbe3e1abc5bf31f1..f187f8457d2a7fce5773ed6ac4bf18fa0fceb693 100644
--- a/packages/ui-vue/components/data-grid/src/data-grid.component.tsx
+++ b/packages/ui-vue/components/data-grid/src/data-grid.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
@@ -252,7 +252,7 @@ export default defineComponent({
             }
             // if data-grid  is  loading
             if (showLoading.value) {
-                // eslint-disable-next-line no-use-before-define, vue/no-ref-as-operand
+                 
                 renderLoading();
             }
         });
diff --git a/packages/ui-vue/components/data-grid/src/data-grid.props.ts b/packages/ui-vue/components/data-grid/src/data-grid.props.ts
index ed290f21ab6bd5ea2807ad1821fbdd6505e310a7..b7ae0a2df61b0c022fb19acda123afa404804f0f 100644
--- a/packages/ui-vue/components/data-grid/src/data-grid.props.ts
+++ b/packages/ui-vue/components/data-grid/src/data-grid.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
@@ -21,7 +21,7 @@ import { schemaMapper } from './schema/schema-mapper';
 import { schemaResolver } from "./schema/schema-resolver";
 import dataGridSchema from './schema/data-grid.schema.json';
 import { CommandOptions, VisualData, VisualDataCell } from '../../data-view';
-import { DataGridColumnCommand, SortType } from './designer/data-grid-column.props';
+import { DataGridColumnCommand, SortType } from './data-grid-column.props';
 
 export interface DataGridColumn {
     dataType: string;
@@ -79,7 +79,7 @@ export interface DataGridColumn {
     filterable?: boolean;
     filter?: string;
     showSetting?: boolean;
-    showEllipsis: boolean;
+    showEllipsis?: boolean;
     /** inner boolean formatter */
     formatter?:
     ((cell: VisualDataCell, visualDataRow: VisualData) => VNode | string) | object;
diff --git a/packages/ui-vue/components/data-grid/src/designer/column-header.design.component.tsx b/packages/ui-vue/components/data-grid/src/designer/column-header.design.component.tsx
index b89700fbcb6c956efd1e6b01e56f1224965342b9..0b6d0061043ee07b548e34d0aef82e114b613ead 100644
--- a/packages/ui-vue/components/data-grid/src/designer/column-header.design.component.tsx
+++ b/packages/ui-vue/components/data-grid/src/designer/column-header.design.component.tsx
@@ -112,13 +112,13 @@ export default function (
         designItemContext?.setupContext?.emit('selectionChange', contentType, schema, componentId, componentInstance);
     }
     function getColumnSchema(fieldName) {
-        const columnKey = designItemContext.schema.hasOwnProperty('fields') ? 'fields' : 'columns';
-        const columnSchema = designItemContext.schema[columnKey].find(item => item.dataField == fieldName);
-        return Object.assign(columnSchema, { type: columnType })
+        const columnKey = Object.prototype.hasOwnProperty.call(designItemContext.schema, 'fields') ? 'fields' : 'columns';
+        const columnSchema = designItemContext.schema[columnKey].find(item => item.dataField === fieldName);
+        return Object.assign(columnSchema, { type: columnType });
     }
     function renderGridHeaderCell(headerCell: HeaderCell, headerCells: HeaderCell[], columnIndex: number) {
         // const columnSchema=getColumnSchema(headerCell.field);
-        let columnSchema = headerCell.column;
+        const columnSchema = headerCell.column;
         return (
             <div
                 class="fv-grid-header-cell"
diff --git a/packages/ui-vue/components/data-grid/src/designer/data-grid-column.design.component.tsx b/packages/ui-vue/components/data-grid/src/designer/data-grid-column.design.component.tsx
index 63eed292e6ffd7b6b471b1359a2da69405f7bb75..9a3d6ba595a4add8a9b9ef4ab19b21970edb6a62 100644
--- a/packages/ui-vue/components/data-grid/src/designer/data-grid-column.design.component.tsx
+++ b/packages/ui-vue/components/data-grid/src/designer/data-grid-column.design.component.tsx
@@ -1,5 +1,5 @@
 import { SetupContext, defineComponent, inject, onMounted, ref } from 'vue';
-import { dataGridColumnProps, DataGridColumnProps } from './data-grid-column.props';
+import { dataGridColumnProps, DataGridColumnProps } from '../data-grid-column.props';
 import { DesignerItemContext } from '../../../designer-canvas';
 import { useDesignerComponent } from '../../../designer-canvas/src/composition/function/use-designer-component';
 import { useDesignerRulesForDataGridColumn } from './use-column-rules';
diff --git a/packages/ui-vue/components/data-grid/src/designer/data-grid.design.component.tsx b/packages/ui-vue/components/data-grid/src/designer/data-grid.design.component.tsx
index 186287bccfd1927463e531787fe4082145002c5e..c10cd2907ff005cf413f0e626df02b30a437f7f4 100644
--- a/packages/ui-vue/components/data-grid/src/designer/data-grid.design.component.tsx
+++ b/packages/ui-vue/components/data-grid/src/designer/data-grid.design.component.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable max-len */
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
@@ -267,9 +266,7 @@ export default defineComponent({
                 calculateColumnsSize();
             }
         });
-        watch(() => props.columns, (newDatas) => {
-            updateColumns(newDatas);
-        })
+
         function addNewDataItem() {
             dataView.insertNewDataItem();
             resetScroll();
@@ -323,6 +320,10 @@ export default defineComponent({
 
         const useNavigationComposition = useNavigation(props as DataViewOptions, context as SetupContext, dataGridComponentInstance, useColumnComposition, useEditComposition, visibleDatas);
 
+        watch(() => props.columns, (newDatas) => {
+            updateColumns(newDatas);
+        });
+
         const { renderDataArea } = getDataArea(
             props,
             context as SetupContext,
diff --git a/packages/ui-vue/components/data-grid/src/designer/grid-field-editor.component.tsx b/packages/ui-vue/components/data-grid/src/designer/grid-field-editor.component.tsx
index e52ca3114354b7dcc5c84c27e9b7b73d2405c46d..806b62e68a5fbe60dd98b6bea1fd549828984d58 100644
--- a/packages/ui-vue/components/data-grid/src/designer/grid-field-editor.component.tsx
+++ b/packages/ui-vue/components/data-grid/src/designer/grid-field-editor.component.tsx
@@ -1,19 +1,18 @@
-/* eslint-disable max-len */
 /**
- * Copyright (c) 2020 - present, Inspur Genersoft selectItem., Ltd.
- *
- * 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.
- */
+* Copyright (c) 2020 - present, Inspur Genersoft selectItem., Ltd.
+*
+* 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 { defineComponent, onMounted, ref, inject, watch } from 'vue';
 import FButtonEdit from '../../../button-edit/src/button-edit.component';
@@ -39,17 +38,6 @@ export default defineComponent({
         // 打平关联字段后的列数据
         let plainColumns = [] as any;
 
-
-        onMounted(() => {
-            resetDataSource();
-        });
-        /**
-         * 更新dataSource
-         */
-        function resetDataSource() {
-            dataSource.value = designViewModelUtils['getAllFields2TreeByVMId'](viewModelId.value);
-            plainColumns = convertTreeNodes2PlainObject(dataSource.value);
-        }
         /**
         * 获取已选择的列
         */
@@ -91,6 +79,14 @@ export default defineComponent({
             return r;
         }
 
+        /**
+         * 更新dataSource
+         */
+        function resetDataSource() {
+            dataSource.value = designViewModelUtils['getAllFields2TreeByVMId'](viewModelId.value);
+            plainColumns = convertTreeNodes2PlainObject(dataSource.value);
+        }
+
         function clickConfirm() {
             const dgViewModel = designViewModelUtils.getDgViewModel(viewModelId.value);
             const newFields = [] as any;
@@ -99,20 +95,20 @@ export default defineComponent({
             selectPanels.value.forEach(selectItem => {
                 delete selectItem.inValidTip;
                 delete selectItem.isInValidBinding;
-                let foundColumn = fieldColumns?.find(v => {
+                const foundColumn = fieldColumns?.find(v => {
                     if (v.binding && v.binding.field) {
                         return v.binding.field === selectItem.id;
                     }
                 });
                 if (!foundColumn) {
-                    const foundDataSource=dataSource.value.find(item=>item['id']==selectItem['id']);
-                    const gridFieldMetadata= controlCreatorUtils.setGridFieldProperty(props.gridType,foundDataSource.data,null,true);        
+                    const foundDataSource = dataSource.value.find(item => item['id'] === selectItem['id']);
+                    const gridFieldMetadata = controlCreatorUtils.setGridFieldProperty(props.gridType, foundDataSource.data, null, true);
                     dgViewModel.addField(selectItem); // DgVM增加字段
                     newFields.push(gridFieldMetadata);
-                  }else{
+                } else {
                     newFields.push(foundColumn);
-                  }       
-                 newFieldIds.push(selectItem.id);
+                }
+                newFieldIds.push(selectItem.id);
             });
 
             // DgVM 删除字段
@@ -149,6 +145,7 @@ export default defineComponent({
         }
         function onBeforeOpen() {
             if (props.getLatestGridData) {
+                // eslint-disable-next-line vue/no-mutating-props
                 props.gridData = props.getLatestGridData();
                 resetDataSource();
             }
@@ -157,6 +154,10 @@ export default defineComponent({
             return Promise.resolve(true);
         }
 
+        onMounted(() => {
+            resetDataSource();
+        });
+
         return () => (
             <FButtonEdit
                 button-behavior={'Modal'}
@@ -174,6 +175,6 @@ export default defineComponent({
                     ></FTransfer>
                 </div>
             </FButtonEdit>
-        )
+        );
     }
 });
diff --git a/packages/ui-vue/components/data-grid/src/designer/grid-field-editor.props.ts b/packages/ui-vue/components/data-grid/src/designer/grid-field-editor.props.ts
index 3dacfb5ec09e69245b27b46fa4b12cbc1b530ec6..e5375b22297e3b124c14542f1f2f145d2ab213ab 100644
--- a/packages/ui-vue/components/data-grid/src/designer/grid-field-editor.props.ts
+++ b/packages/ui-vue/components/data-grid/src/designer/grid-field-editor.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/data-grid/src/designer/use-column-rules.ts b/packages/ui-vue/components/data-grid/src/designer/use-column-rules.ts
index f6f1e5cb038510b4f2285d06f85c68947cc1f82f..e739d06309b7cdbab8e1c92a8dc5b17153f9a0d0 100644
--- a/packages/ui-vue/components/data-grid/src/designer/use-column-rules.ts
+++ b/packages/ui-vue/components/data-grid/src/designer/use-column-rules.ts
@@ -1,5 +1,5 @@
-/* eslint-disable max-len */
-/* eslint-disable complexity */
+ 
+ 
 import { ref } from "vue";
 // import { useDesignerRules } from "../../../component/src/designer/use-designer-rules";
 import { DraggingResolveContext, DesignerHTMLElement, UseDesignerRules } from "../../../designer-canvas/src/composition/types";
diff --git a/packages/ui-vue/components/data-grid/src/designer/use-designer-rules.ts b/packages/ui-vue/components/data-grid/src/designer/use-designer-rules.ts
index a231b1a2cf8b890217034a6ee4cb45770e9bc099..3bb4de405a5f97f7890853167830880a0cef49f4 100644
--- a/packages/ui-vue/components/data-grid/src/designer/use-designer-rules.ts
+++ b/packages/ui-vue/components/data-grid/src/designer/use-designer-rules.ts
@@ -1,5 +1,5 @@
-/* eslint-disable max-len */
-/* eslint-disable complexity */
+ 
+ 
 import { ref } from "vue";
 // import { useDesignerRules } from "../../../component/src/designer/use-designer-rules";
 import { DraggingResolveContext, DesignerHTMLElement, UseDesignerRules, DesignerHostService } from "../../../designer-canvas/src/composition/types";
diff --git a/packages/ui-vue/components/data-grid/src/designer/use-group-column.ts b/packages/ui-vue/components/data-grid/src/designer/use-group-column.ts
index b3732a0f16709da088cefc77c80d3670c2348235..c6c8a540bf93118908f099a86380f5b9c2e36377 100644
--- a/packages/ui-vue/components/data-grid/src/designer/use-group-column.ts
+++ b/packages/ui-vue/components/data-grid/src/designer/use-group-column.ts
@@ -146,7 +146,7 @@ export function useGroupColumn(props: DataViewOptions, columnRenderContext: Ref<
                     dataGridColumn.sort === 'asc' ? HeaderCellStatus.ascending : HeaderCellStatus.descending
                 )
                 : headerStatus;
-            let mapKey=dataGridColumn['binding']&&dataGridColumn['binding'].field?dataGridColumn['binding']['field']:dataGridColumn.field
+            const mapKey=dataGridColumn['binding']&&dataGridColumn['binding'].field?dataGridColumn['binding']['field']:dataGridColumn.field;
             previousHeaderCells.set(mapKey, {
                 actualWidth: dataGridColumn.actualWidth || 0,
                 children: [],
diff --git a/packages/ui-vue/components/data-grid/src/property-config/data-grid-column.property-config.ts b/packages/ui-vue/components/data-grid/src/property-config/data-grid-column.property-config.ts
index 456908326c3fe96f62d2288e5f3af3f1c2404911..620925277b3492590e84d9950b07fcdf9c56cad5 100644
--- a/packages/ui-vue/components/data-grid/src/property-config/data-grid-column.property-config.ts
+++ b/packages/ui-vue/components/data-grid/src/property-config/data-grid-column.property-config.ts
@@ -1,3 +1,4 @@
+ 
 import { BaseControlProperty } from '../../../property-panel/src/composition/entity/base-property';
 import { DgControl } from '../../../designer-canvas/src/composition/dg-control';
 import { InputGroupProperty } from '../../../input-group/src/property-config/input-group.property-config';
@@ -17,20 +18,20 @@ import { SchemaDOMMapping } from '../../../property-panel/src/composition/entity
 
 export class DataGriColumnProperty extends BaseControlProperty {
     constructor(componentId: string, designerHostService: any) {
-        super(componentId, designerHostService)
+        super(componentId, designerHostService);
     }
     getPropertyConfig(propertyData: any, gridData: any) {
         // 基本信息
-        this.getBasicPropConfig(propertyData)
+        this.getBasicPropConfig(propertyData);
 
         // // 外观
-        this.getAppearanceProperties(propertyData)
+        this.getAppearanceProperties(propertyData);
 
         // // 事件
         // this.getEventPropConfig(propertyData);
-        this.getFieldEditorProperties(propertyData, gridData)
+        this.getFieldEditorProperties(propertyData, gridData);
 
-        return this.propertyConfig
+        return this.propertyConfig;
     }
 
     getBasicPropConfig(propertyData: any) {
@@ -50,7 +51,7 @@ export class DataGriColumnProperty extends BaseControlProperty {
                     type: 'string'
                 }
             }
-        }
+        };
     }
     getAppearanceProperties(propertyData: any) {
         this.propertyConfig.categories['appearance'] = {
@@ -86,11 +87,11 @@ export class DataGriColumnProperty extends BaseControlProperty {
                     }
                 }
             }
-        }
+        };
     }
     private getFieldEditorProperties(propertyData: any, gridData: any) {
         if (gridData.fieldEditable && propertyData.editor) {
-            this.getFieldEditorProp(propertyData)
+            this.getFieldEditorProp(propertyData);
         }
     }
     /**
@@ -99,51 +100,51 @@ export class DataGriColumnProperty extends BaseControlProperty {
      * @param viewModelId viewModelId
      */
     getFieldEditorProp(propertyData: any, showPosition = 'gridFieldEditor', isSimpleTable = false) {
-        const editorType = this.formMetadataConverter.getRealEditorType(propertyData.editor.type)
+        const editorType = this.formMetadataConverter.getRealEditorType(propertyData.editor.type);
         // const editorTypeConfig = propertyConfigSchemaMap[editorType];
-        let editorTypeConfig
+        let editorTypeConfig;
         switch (editorType) {
             case 'avatar':
-                editorTypeConfig = new AvatarProperty(this.componentId, this.designerHostService)
-                break
+                editorTypeConfig = new AvatarProperty(this.componentId, this.designerHostService);
+                break;
             case 'check-group':
-                editorTypeConfig = new CheckGroupProperty(this.componentId, this.designerHostService)
-                break
+                editorTypeConfig = new CheckGroupProperty(this.componentId, this.designerHostService);
+                break;
             case 'check-box':
-                editorTypeConfig = new CheckBoxProperty(this.componentId, this.designerHostService)
-                break
+                editorTypeConfig = new CheckBoxProperty(this.componentId, this.designerHostService);
+                break;
             case 'combo-list':
-                editorTypeConfig = new ComboListProperty(this.componentId, this.designerHostService)
-                break
+                editorTypeConfig = new ComboListProperty(this.componentId, this.designerHostService);
+                break;
             case 'date-picker':
-                editorTypeConfig = new DatePickerProperty(this.componentId, this.designerHostService)
-                break
+                editorTypeConfig = new DatePickerProperty(this.componentId, this.designerHostService);
+                break;
             case 'lookup':
-                editorTypeConfig = new LookupPropertyConfig(this.componentId, this.designerHostService)
-                break
+                editorTypeConfig = new LookupPropertyConfig(this.componentId, this.designerHostService);
+                break;
             case 'number-range':
-                editorTypeConfig = new NumberRangeProperty(this.componentId, this.designerHostService)
-                break
+                editorTypeConfig = new NumberRangeProperty(this.componentId, this.designerHostService);
+                break;
             case 'number-spinner':
-                editorTypeConfig = new NumberSpinnerProperty(this.componentId, this.designerHostService)
-                break
+                editorTypeConfig = new NumberSpinnerProperty(this.componentId, this.designerHostService);
+                break;
             case 'radio-group':
-                editorTypeConfig = new RadioGroupProperty(this.componentId, this.designerHostService)
-                break
+                editorTypeConfig = new RadioGroupProperty(this.componentId, this.designerHostService);
+                break;
             case 'switch':
-                editorTypeConfig = new SwitchProperty(this.componentId, this.designerHostService)
-                break
+                editorTypeConfig = new SwitchProperty(this.componentId, this.designerHostService);
+                break;
             case 'textarea':
-                editorTypeConfig = new TextareaProperty(this.componentId, this.designerHostService)
-                break
+                editorTypeConfig = new TextareaProperty(this.componentId, this.designerHostService);
+                break;
             case 'time-picker':
-                editorTypeConfig = new TimePickerProperty(this.componentId, this.designerHostService)
-                break
+                editorTypeConfig = new TimePickerProperty(this.componentId, this.designerHostService);
+                break;
             default:
-                editorTypeConfig = new InputGroupProperty(this.componentId, this.designerHostService)
+                editorTypeConfig = new InputGroupProperty(this.componentId, this.designerHostService);
         }
-        this.setDesignViewModelField(propertyData)
-        var self = this
+        this.setDesignViewModelField(propertyData);
+        const self = this;
         this.propertyConfig.categories[`${showPosition}_editorType`] = {
             description: '',
             title: '编辑器类型',
@@ -169,33 +170,33 @@ export class DataGriColumnProperty extends BaseControlProperty {
             },
             setPropertyRelates(changeObject, prop) {
                 if (!changeObject) {
-                    return
+                    return;
                 }
                 switch (changeObject && changeObject.propertyID) {
                     case 'type': {
-                        self.changeFieldEditorType(propertyData, changeObject.propertyValue)
-                        break
+                        self.changeFieldEditorType(propertyData, changeObject.propertyValue);
+                        break;
                     }
                 }
             }
-        }
+        };
         const notSupportProperty = ['id', 'type', 'class', 'style', 'binding', 'label', 'responseLayout'];
-        const categories = editorTypeConfig.getPropertyConfig(propertyData).categories;
+        const { categories } = editorTypeConfig.getPropertyConfig(propertyData);
         Object.keys(categories).map((categoryId: string) => {
-            const propertyCategory = categories[categoryId]
-            let properties = {}
+            const propertyCategory = categories[categoryId];
+            const properties = {};
             Object.keys(propertyCategory.properties).map((propertyId) => {
                 // 此处属性还有visible和通过计算控制的情况--ToDo
-                if (notSupportProperty.findIndex((item) => item == propertyId) == -1 && propertyCategory.properties[propertyId] !== false) {
-                    properties[propertyId] = propertyCategory.properties[propertyId]
+                if (notSupportProperty.findIndex((item) => item === propertyId) === -1 && propertyCategory.properties[propertyId] !== false) {
+                    properties[propertyId] = propertyCategory.properties[propertyId];
                 }
-            })
-            if (Object.keys(properties).length != 0) {
-                const title = propertyCategory?.title
-                const tabId = 'gridFieldEditor'
-                const tabName = '编辑器'
+            });
+            if (Object.keys(properties).length !== 0) {
+                const title = propertyCategory?.title;
+                const tabId = 'gridFieldEditor';
+                const tabName = '编辑器';
                 const description = propertyCategory?.description;
-                const $converter= propertyCategory?.$converter||'';
+                const $converter = propertyCategory?.$converter || '';
                 self.propertyConfig.categories[showPosition + '_' + categoryId] = {
                     title,
                     tabId,
@@ -204,9 +205,9 @@ export class DataGriColumnProperty extends BaseControlProperty {
                     $converter,
                     propertyData,
                     properties
-                }
+                };
             }
-        })
+        });
     }
     /**
      * datagrid field:列编辑器类型切换后事件
@@ -214,8 +215,8 @@ export class DataGriColumnProperty extends BaseControlProperty {
      * @param viewModelId 视图模型ID
      */
     changeFieldEditorType(propertyData: any, newControlType: string) {
-        //1、记录viewModel 变更---全量替换editor
-        const dgViewModel = this.designViewModelUtils.getDgViewModel(this.viewModelId)
+        // 1、记录viewModel 变更---全量替换editor
+        const dgViewModel = this.designViewModelUtils.getDgViewModel(this.viewModelId);
         dgViewModel.changeField(
             this.designViewModelField.id,
             {
@@ -227,29 +228,29 @@ export class DataGriColumnProperty extends BaseControlProperty {
                 readonly: this.designViewModelField.readonly
             },
             false
-        )
+        );
 
         // 2、定位列表
-        const cmp = this.formSchemaUtils.getComponentByViewModelId(this.viewModelId)
+        const cmp = this.formSchemaUtils.getComponentByViewModelId(this.viewModelId);
         const grid = this.formSchemaUtils.selectNode(
             cmp,
             (item) => item.type === DgControl['data-grid'].type || item.type === DgControl['tree-grid'].type
-        )
+        );
 
         if (!grid) {
-            return
+            return;
         }
-        const columnData = dgViewModel.fields.find((item) => item['id'] == this.designViewModelField.id)
-        const newField = this.controlCreatorUtils.setGridFieldProperty(newControlType, columnData, null, true)
+        const columnData = dgViewModel.fields.find((item) => item['id'] === this.designViewModelField.id);
+        const newField = this.controlCreatorUtils.setGridFieldProperty(newControlType, columnData, null, true);
 
         // 4、替换列编辑器
         // 兼容新旧表格列属性
-        const foundGridColumns=grid.hasOwnProperty('columns')?grid['columns']:grid['fields'];
-        const index = foundGridColumns.findIndex((field) => field.id === propertyData.id)
+        const foundGridColumns = Object.prototype.hasOwnProperty.call(grid, 'columns') ? grid['columns'] : grid['fields'];
+        const index = foundGridColumns.findIndex((field) => field.id === propertyData.id);
         if (index > -1 && foundGridColumns[index].editor) {
             foundGridColumns[index].editor = Object.assign(newField.editor, {
                 required: foundGridColumns[index].editor.required
-            })
+            });
         }
     }
 }
diff --git a/packages/ui-vue/components/data-grid/src/property-config/data-grid.property-config.ts b/packages/ui-vue/components/data-grid/src/property-config/data-grid.property-config.ts
index f3272f24ae79ce7bb69063d1a1e681202162dcfa..a0c9b87e1da5abf604e0a87d3dbddbacab7db1dc 100644
--- a/packages/ui-vue/components/data-grid/src/property-config/data-grid.property-config.ts
+++ b/packages/ui-vue/components/data-grid/src/property-config/data-grid.property-config.ts
@@ -55,7 +55,7 @@ export class DataGridProperty extends BaseControlProperty {
                         textField: 'name',
                         valueField: 'label',
                         data: entityTreeData,
-                        readonly: propertyData.columns && propertyData.columns.length>0,
+                        readonly: propertyData.columns && propertyData.columns.length > 0,
                         editable: false
                     }
                 }
@@ -79,8 +79,14 @@ export class DataGridProperty extends BaseControlProperty {
     /**
      * 将schema实体表组装成树
      */
-    private assembleSchemaEntityToTree(schemaEntity: FormSchemaEntity, layer: number, parent?: FormSchemaEntity, bindToPath = '', treeData: any[] = []) {
-        const bindTo = bindToPath ? `${bindToPath}/${schemaEntity.label}` : '/'
+    private assembleSchemaEntityToTree(
+        schemaEntity: FormSchemaEntity,
+        layer: number,
+        parent?: FormSchemaEntity,
+        bindToPath = '',
+        treeData: any[] = []
+    ) {
+        const bindTo = bindToPath ? `${bindToPath}/${schemaEntity.label}` : '/';
         treeData.push({
             id: schemaEntity.id,
             name: schemaEntity.name,
@@ -98,7 +104,7 @@ export class DataGridProperty extends BaseControlProperty {
         return treeData;
     }
     private getAppearanceProperties(propertyData: any) {
-        var self = this;
+        const self = this;
         this.propertyConfig.categories['appearance'] = {
             title: '外观',
             properties: {
@@ -213,7 +219,7 @@ export class DataGridProperty extends BaseControlProperty {
                     type: 'boolean'
                 }
             }
-        }
+        };
     }
 
     private getEventPropConfig(propertyData: any) {
@@ -319,7 +325,7 @@ export class DataGridProperty extends BaseControlProperty {
         //     isAddControllerMethod: false,
         //     getEventList: () => { return { events, boundEventsList: [] }; }
         // };
-        var self = this;
+        const self = this;
         const initialData = self.eventsEditorUtils['formProperties'](propertyData, self.viewModelId, events);
         const properties = {};
         properties[self.viewModelId] = {
diff --git a/packages/ui-vue/components/data-grid/src/schema/schema-resolver.ts b/packages/ui-vue/components/data-grid/src/schema/schema-resolver.ts
index 247798a1c0bfa246e85ae0f77699cc88e9e88e1a..366c2723d6f17d01f5a008dcd25b309d2207ea6b 100644
--- a/packages/ui-vue/components/data-grid/src/schema/schema-resolver.ts
+++ b/packages/ui-vue/components/data-grid/src/schema/schema-resolver.ts
@@ -1,13 +1,13 @@
-/* eslint-disable max-len */
+ 
 import { ComponentBuildInfo } from "../../../component/src/composition/inner-component-build-info";
 import { DesignerHostService } from "../../../designer-canvas/src/composition/types";
 import { DesignerComponentInstance } from "../../../designer-canvas/src/types";
 import { DynamicResolver } from "../../../dynamic-resolver";
 import { DataGridComponentCreatorService } from "../composition/data-grid-component-creator.service";
 
-export function schemaResolver(resolver: DynamicResolver, schema: Record<string, any>, context: Record<string, any>, designerHostService: DesignerHostService): Record<string, any> {
+export function schemaResolver(resolver: DynamicResolver, schema: Record<string, any>, context: Record<string, any>, designerHostService?: DesignerHostService): Record<string, any> {
     const parentComponentInstance = context.parentComponentInstance as DesignerComponentInstance;
-    if (parentComponentInstance) {
+    if (parentComponentInstance && designerHostService) {
         const radomNumber = Math.random().toString(36).slice(2, 6);
         const componentBuildInfo: ComponentBuildInfo = {
             componentId: `data-grid-${radomNumber}`,
@@ -18,7 +18,7 @@ export function schemaResolver(resolver: DynamicResolver, schema: Record<string,
             editable: true,
             bindTo: '',
             dataSource: ''
-        }
+        };
         const componentCreator = new DataGridComponentCreatorService(resolver, designerHostService);
         const componentRefNode = componentCreator.createComponent(componentBuildInfo);
 
diff --git a/packages/ui-vue/components/data-grid/style.ts b/packages/ui-vue/components/data-grid/style.ts
index a578cceb758e0e11d7e9bb72734eb1743a1895fc..7e001cb8e485e162b03ae5a9c7c195f7cadd52aa 100644
--- a/packages/ui-vue/components/data-grid/style.ts
+++ b/packages/ui-vue/components/data-grid/style.ts
@@ -3,4 +3,4 @@ import "@farris/ui-vue/components/data-view/style";
 import "@farris/ui-vue/components/input-group/style";
 import "@farris/ui-vue/components/checkbox/style";
 import "@farris/ui-vue/components/pagination/style";
-import "@farris/ui-vue/theme-default/components/data-grid.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/data-grid.css";
diff --git a/packages/ui-vue/components/data-view/components/column-filter/column-filter-container.component.tsx b/packages/ui-vue/components/data-view/components/column-filter/column-filter-container.component.tsx
index 69be4eea399d3ca95de35f8ed6d61f14ac392929..6f74400b0768d2071016aa824c22ecad95c071e4 100644
--- a/packages/ui-vue/components/data-view/components/column-filter/column-filter-container.component.tsx
+++ b/packages/ui-vue/components/data-view/components/column-filter/column-filter-container.component.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/indent */
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/data-view/components/column-setting/column-setting.component.tsx b/packages/ui-vue/components/data-view/components/column-setting/column-setting.component.tsx
index adb194b342e3c6809889982054fa1957cd8d05da..44b106826575bed152ca3ec8ad6b4e2928dc2f81 100644
--- a/packages/ui-vue/components/data-view/components/column-setting/column-setting.component.tsx
+++ b/packages/ui-vue/components/data-view/components/column-setting/column-setting.component.tsx
@@ -9,6 +9,7 @@ import {
     UseFilter, UseFitColumn, UseSort, UseVirtualScroll
 } from '../../composition/types';
 import { ConditionValue } from '../../../condition/src/composition/condition-value/types';
+import { EditorConfig } from '@/components/dynamic-form';
 
 export default function (
     props: DataViewOptions,
@@ -65,9 +66,10 @@ export default function (
         return collectionFilterableColumns().map<FieldConfig>((filterableColumn: DataColumn) => ({
             id: filterableColumn.field,
             code: filterableColumn.field,
+            controlType: '',
             labelCode: filterableColumn.field,
             name: filterableColumn.title,
-            editor: filterableColumn.editor, // || ({ type: useFilterComposition.getFilterEditorType(filterableColumn) } as EditorConfig),
+            editor: (filterableColumn.editor as EditorConfig), // || ({ type: useFilterComposition.getFilterEditorType(filterableColumn) } as EditorConfig),
             value: {} as ConditionValue,
             visible: true
         } as FieldConfig));
@@ -219,5 +221,5 @@ export default function (
         });
     }
 
-    return { acceptCallback, rejectCallback, renderSettingsPanel,openSettingPanel };
+    return { acceptCallback, rejectCallback, renderSettingsPanel, openSettingPanel };
 }
diff --git a/packages/ui-vue/components/data-view/components/editors/commands.component.tsx b/packages/ui-vue/components/data-view/components/editors/commands.component.tsx
index 538025966920b245b5183de652d0617f7c43ca9e..74b8ba02d1800cf1fde4adfd17cddff6914a7164 100644
--- a/packages/ui-vue/components/data-view/components/editors/commands.component.tsx
+++ b/packages/ui-vue/components/data-view/components/editors/commands.component.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/indent */
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/data-view/components/row/hierarchy-row.component.tsx b/packages/ui-vue/components/data-view/components/row/hierarchy-row.component.tsx
index ee0aadd1ad9464ab4c50a6647aa6f401d36f2c62..a1876d38d30bfe525d1d188f94bb939bb0a5f96a 100644
--- a/packages/ui-vue/components/data-view/components/row/hierarchy-row.component.tsx
+++ b/packages/ui-vue/components/data-view/components/row/hierarchy-row.component.tsx
@@ -1,5 +1,5 @@
-/* eslint-disable no-use-before-define */
-/* eslint-disable max-len */
+ 
+ 
 import { Ref, SetupContext, ref } from "vue";
 import { CellMode, ColumnContext, DataColumn, DataViewOptions, UseDataView, UseEdit, UseHierarchy, UseHierarchyData, UseRow, UseSelectHierarchyItem, UseSelection, UseVisualData, VisualData, VisualDataCell } from "../../composition/types";
 import { useCellPosition } from "../../composition/appearance/use-cell-position";
@@ -162,7 +162,7 @@ export default function (
                 {Object.values(visualData.data)
                     .filter((cell: VisualDataCell) => cellPositionMap[cell.field] && cell.rowSpan === 1)
                     .map((cell: VisualDataCell, index: number) => {
-                        const currentColumn = columns?.find(column => column.field === cell.field);
+                        const currentColumn = columns.find(column => column.field === cell.field) as DataColumn;
                         return isHierarchyCell(cell, area) ?
                             renderHierarchyCellContent(visualData, cell, cellPositionMap) :
                             renderCellContent(visualData, cell, cellPositionMap, currentColumn);
diff --git a/packages/ui-vue/components/data-view/composition/appearance/use-hierarchy-style.ts b/packages/ui-vue/components/data-view/composition/appearance/use-hierarchy-style.ts
index 29c8caccfab34959a817ba9ca743823525253635..6a7b38881697cfee910e41e5f244604a10212e41 100644
--- a/packages/ui-vue/components/data-view/composition/appearance/use-hierarchy-style.ts
+++ b/packages/ui-vue/components/data-view/composition/appearance/use-hierarchy-style.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { Ref, ref } from "vue";
 import { ColumnContext, DataViewOptions, DictTreeItem, UseHierarchy, VisualData } from "../types";
 
diff --git a/packages/ui-vue/components/data-view/composition/column/use-column-filter.ts b/packages/ui-vue/components/data-view/composition/column/use-column-filter.ts
index f39eacd562a1a54a899eb0107a0086e39bd8b2ba..3070113eced611d6e2793abc22709ccc638257f0 100644
--- a/packages/ui-vue/components/data-view/composition/column/use-column-filter.ts
+++ b/packages/ui-vue/components/data-view/composition/column/use-column-filter.ts
@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/indent */
 import { Ref } from "vue";
 import {
     DataFilter, HeaderCell, FilterFunction, FilterRelation, UseDataView,
diff --git a/packages/ui-vue/components/data-view/composition/column/use-column.ts b/packages/ui-vue/components/data-view/composition/column/use-column.ts
index 9d90fd87e5557167fe3af3aebf218d64a7211ac7..f5225f0de14bd1b6f78b98491e95e7bc6ff93a16 100644
--- a/packages/ui-vue/components/data-view/composition/column/use-column.ts
+++ b/packages/ui-vue/components/data-view/composition/column/use-column.ts
@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/indent */
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/data-view/composition/column/use-group-column.ts b/packages/ui-vue/components/data-view/composition/column/use-group-column.ts
index 28491a052a5c3077710499f54d07385424763278..623d61cda13573cd5f58e0f342c13a7764e9903e 100644
--- a/packages/ui-vue/components/data-view/composition/column/use-group-column.ts
+++ b/packages/ui-vue/components/data-view/composition/column/use-group-column.ts
@@ -146,7 +146,7 @@ export function useGroupColumn(props: DataViewOptions, columnRenderContext: Ref<
                     dataGridColumn.sort === 'asc' ? HeaderCellStatus.ascending : HeaderCellStatus.descending
                 )
                 : headerStatus;
-            const mapKey=dataGridColumn['binding']&&dataGridColumn['binding'].field?dataGridColumn['binding']['field']:dataGridColumn.field
+            const mapKey=dataGridColumn['binding']&&dataGridColumn['binding'].field?dataGridColumn['binding']['field']:dataGridColumn.field;
             previousHeaderCells.set(mapKey, {
                 actualWidth: dataGridColumn.actualWidth || 0,
                 children: [],
diff --git a/packages/ui-vue/components/data-view/composition/data/use-data-view.ts b/packages/ui-vue/components/data-view/composition/data/use-data-view.ts
index 2d81adc0c6801b74f7a880d0831034ff754d8f45..b46d5e5c66ea387918ca200c8ee89d75f083fee9 100644
--- a/packages/ui-vue/components/data-view/composition/data/use-data-view.ts
+++ b/packages/ui-vue/components/data-view/composition/data/use-data-view.ts
@@ -52,6 +52,9 @@ export function useDataView(
     const totalData = ref(props.data);
     const rawView = ref(props.data);
     const { flatTreeData } = useTreeData(props);
+    function flattenTreeData(data: any) {
+        return flatTreeData(data) as any;
+    }
     if (props.data && props.data[0]?.children) {
         const flattenedData = flattenTreeData(props.data);
         originalData.value = flattenedData;
@@ -93,9 +96,7 @@ export function useDataView(
     const endIndex = computed(() => shouldRenderPagination.value ? mode.value === 'server' ?
         Math.min(pageSize.value, totalItems.value) :
         Math.min(startIndex.value + pageSize.value, total.value, totalItems.value) : totalItems.value);
-    function flattenTreeData(data: any) {
-        return flatTreeData(data) as any;
-    }
+
     function resetDataView() {
         totalData.value = originalData.value;
         if (shouldGroupingData.value) {
diff --git a/packages/ui-vue/components/data-view/composition/data/use-hierarchy-data.ts b/packages/ui-vue/components/data-view/composition/data/use-hierarchy-data.ts
index 18599cf0f7aa2a00f654545382c3a4b426d1c7f2..375e8aa436232d85be3fbdd8836fd10b701acde5 100644
--- a/packages/ui-vue/components/data-view/composition/data/use-hierarchy-data.ts
+++ b/packages/ui-vue/components/data-view/composition/data/use-hierarchy-data.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { Ref, ref } from "vue";
 import { DataViewOptions, HierarchyGraphNode, UseHierarchy, UseHierarchyData, UseIdentify } from "../types";
 
diff --git a/packages/ui-vue/components/data-view/composition/data/use-loading.ts b/packages/ui-vue/components/data-view/composition/data/use-loading.ts
index ba0c272a61142150eba264c99d179992613b7918..52c5ab0bec4815a98b9972e888de0df964774514 100644
--- a/packages/ui-vue/components/data-view/composition/data/use-loading.ts
+++ b/packages/ui-vue/components/data-view/composition/data/use-loading.ts
@@ -31,4 +31,4 @@ export function useLoading(props: DataGridProps, gridRef: Ref<any>) {
     });
 
     return { showLoading, loadingMessage, renderLoading };
-};
\ No newline at end of file
+};
diff --git a/packages/ui-vue/components/data-view/composition/filter/use-filter.ts b/packages/ui-vue/components/data-view/composition/filter/use-filter.ts
index ac4301b902a928a82e1a58cca77171ec06a284ff..909531dacc975fdd0b66ac376da701c1a10c1820 100644
--- a/packages/ui-vue/components/data-view/composition/filter/use-filter.ts
+++ b/packages/ui-vue/components/data-view/composition/filter/use-filter.ts
@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/indent */
 import { ref } from "vue";
 import { DataFilter, FilterFunction, FilterRelation, UseFilter } from "../types";
 import { Condition, ConditionGroup, ConditionValue, useCondition } from "../../../condition";
diff --git a/packages/ui-vue/components/data-view/composition/hierarchy/use-select-hierarchy-item.ts b/packages/ui-vue/components/data-view/composition/hierarchy/use-select-hierarchy-item.ts
index 23028e698abfbc5fdc9485e46ea0ae3498d8fd4a..714851f8c96f26f40ef4f469d74c872115dad492 100644
--- a/packages/ui-vue/components/data-view/composition/hierarchy/use-select-hierarchy-item.ts
+++ b/packages/ui-vue/components/data-view/composition/hierarchy/use-select-hierarchy-item.ts
@@ -1,5 +1,5 @@
-/* eslint-disable no-loop-func */
-/* eslint-disable max-len */
+ 
+ 
 import { Ref, SetupContext, ref } from 'vue';
 import { DataViewOptions, UseSelection, UseSelectHierarchyItem, VisualData, VisualDataCell, UseIdentify, UseDataView } from '../types';
 import { cloneDeep } from 'lodash-es';
diff --git a/packages/ui-vue/components/data-view/composition/types.ts b/packages/ui-vue/components/data-view/composition/types.ts
index 703d8fe541192611356f197717a8c1bd9451bb19..5c5d8e38058380178f794803235bc0dd09fe00f6 100644
--- a/packages/ui-vue/components/data-view/composition/types.ts
+++ b/packages/ui-vue/components/data-view/composition/types.ts
@@ -194,7 +194,7 @@ export interface VisualData extends CollpasableItem {
     /** 详细信息 */
     details?: VisualDataCell[];
     /** 禁用 */
-    disabled?: boolean;
+    disabled: boolean;
     /** 分组字段 */
     groupField?: string;
     /** 分组字段数据 */
@@ -589,10 +589,10 @@ export interface UseVisualDataBound {
 
 export interface UseVisualDataCell {
 
-    // eslint-disable-next-line max-len
+     
     createCellByColumn: (column: DataColumn, index: number, dataItem: any, parent: VisualData, preVisualData: VisualData) => VisualDataCell;
 
-    // eslint-disable-next-line max-len
+     
     createCellByField: (targetField: string, mode: CellMode, index: number, dataItem: any, parent: VisualData, colSpan?: number) => VisualDataCell;
 }
 
@@ -614,17 +614,17 @@ export interface UseCellEditor {
     getEditor: (cell: VisualDataCell, column: DataColumn, visualDataRow: VisualData) => any;
 }
 
-// eslint-disable-next-line max-len
+ 
 export type VisualDataRender = (dataItem: any, preDataItem: any, preRow: VisualData, rowIndex: number, top: number, columns: DataColumn[], visibleDatas?: VisualData[]) => VisualData;
 
 export interface UseVisualDataRow {
 
     createEmptyRow: (type: VisualDataType, index: number, dataItem: any, pre: any, preRow: VisualData, top: number) => VisualData;
 
-    // eslint-disable-next-line max-len
+     
     createNewRowFromDataItem: (columns: DataColumn[], dataItem: any, preDataItem: any, preRow: VisualData, rowIndex: number, top: number) => VisualData;
 
-    // eslint-disable-next-line max-len
+     
     renderDataRow: VisualDataRender;
 }
 
diff --git a/packages/ui-vue/components/data-view/composition/use-edit.tsx b/packages/ui-vue/components/data-view/composition/use-edit.tsx
index f36eac0bb288c487371e1e388ec01906d87a385e..f63a34170c3b81a15ec60bf1cb6c52310337f937 100644
--- a/packages/ui-vue/components/data-view/composition/use-edit.tsx
+++ b/packages/ui-vue/components/data-view/composition/use-edit.tsx
@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 import { CellMode, DataColumn, DataViewOptions, UseEdit, UseIdentify, VisualData, VisualDataCell, VisualDataStatus } from './types';
-import { inject, reactive, ref, SetupContext, watch } from 'vue';
+import { reactive, ref, SetupContext, watch } from 'vue';
 import { EditorConfig, FDynamicFormInput } from '@farris/ui-vue/components/dynamic-form';
 
 export function useEdit(props: DataViewOptions, context: SetupContext, useIdentifyComposition: UseIdentify): UseEdit {
@@ -45,7 +45,7 @@ export function useEdit(props: DataViewOptions, context: SetupContext, useIdenti
     ]);
 
     let editingCell: VisualDataCell | null;
-    let editingRow: VisualData | null;
+    let editingRow: VisualData | undefined;
     let oldCellValue: any | null;
     let editingColumn: Partial<DataColumn>;
 
@@ -63,7 +63,7 @@ export function useEdit(props: DataViewOptions, context: SetupContext, useIdenti
         cell.mode = CellMode.editing;
         editingCell = cell;
         editingRow = row;
-        oldCellValue = row.raw[cell.field];
+        oldCellValue = row?.raw[cell.field];
         editingColumn = column;
     }
 
@@ -89,7 +89,7 @@ export function useEdit(props: DataViewOptions, context: SetupContext, useIdenti
         if (editingCell) {
             endEditCell(editingCell);
             if (editingRow) {
-                editingRow = null;
+                editingRow = undefined;
             }
         }
         document.body.removeEventListener('click', onClickOutOfCell);
@@ -129,7 +129,7 @@ export function useEdit(props: DataViewOptions, context: SetupContext, useIdenti
             });
         visualDataRow.status = VisualDataStatus.initial;
         if (editingRow === visualDataRow) {
-            editingRow = null;
+            editingRow = undefined;
         }
     }
 
diff --git a/packages/ui-vue/components/data-view/composition/use-navigation.ts b/packages/ui-vue/components/data-view/composition/use-navigation.ts
index a77c80c66b74913a1856a804c73755205c5e1a14..d121e75830176f066e2340aac8540e46985ebfc8 100644
--- a/packages/ui-vue/components/data-view/composition/use-navigation.ts
+++ b/packages/ui-vue/components/data-view/composition/use-navigation.ts
@@ -29,15 +29,17 @@ export function useNavigation(
         }
         if (atLastCell && !atLastRow) {
             const nextVisualDataRow = visibleDatas.value[currentVisualDataRowIndex + 1];
+            const nextColumn = columnContext.value.primaryColumns[0];
             const nextCell = nextVisualDataRow.data[columnContext.value.primaryColumns[0].field];
-            onClickCell(payload, nextCell, currentVisualDataRow, columnContext.value.primaryColumns[0]);
+            onClickCell(payload, nextCell, currentVisualDataRow, nextColumn);
         }
         if (atLastCell && atLastRow) {
             if (props.appendOnEnterAtLastCell) {
                 addNewDataItemAtLast();
                 const nextVisualDataRow = visibleDatas.value[currentVisualDataRowIndex + 1];
+                const nextColumn = columnContext.value.primaryColumns[0];
                 const nextCell = nextVisualDataRow.data[columnContext.value.primaryColumns[0].field];
-                onClickCell(payload, nextCell, nextVisualDataRow, columnContext.value.primaryColumns[0]);
+                onClickCell(payload, nextCell, nextVisualDataRow, nextColumn);
             }
             context.emit('enterUpInLastCell');
         }
diff --git a/packages/ui-vue/components/data-view/composition/use-sort.ts b/packages/ui-vue/components/data-view/composition/use-sort.ts
index e4754e00540a8343b25dcf466a8c73a1dd661821..561655c6ce133625b633f6b27c0f1ca18dda680f 100644
--- a/packages/ui-vue/components/data-view/composition/use-sort.ts
+++ b/packages/ui-vue/components/data-view/composition/use-sort.ts
@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/indent */
 import { DataColumn, DataViewOptions, HeaderCell, HeaderCellStatus, UseDataView, UseSort } from "./types";
 
 const booleanSorter = {
diff --git a/packages/ui-vue/components/data-view/composition/visualization/use-visual-data-cell.ts b/packages/ui-vue/components/data-view/composition/visualization/use-visual-data-cell.ts
index 8b517470570f2249442bbb2256d47918d5ee2af0..b25ca2293b82bbb6a2f7a0f0eeee0758c9a401c3 100644
--- a/packages/ui-vue/components/data-view/composition/visualization/use-visual-data-cell.ts
+++ b/packages/ui-vue/components/data-view/composition/visualization/use-visual-data-cell.ts
@@ -110,8 +110,8 @@ export function useVisualDataCell(
         if (column.showEllipsis !== undefined) {
             targetCell.showEllipsis = column.showEllipsis;
         }
-        targetCell.align = column.align;
-        targetCell.valign = column.valign;
+        targetCell.align = column.align || 'left';
+        targetCell.valign = column.valign || 'middle';
     }
 
     function createCellByColumn(
diff --git a/packages/ui-vue/components/data-view/composition/visualization/use-visual-data-row.ts b/packages/ui-vue/components/data-view/composition/visualization/use-visual-data-row.ts
index 2c8e0f7b125aed6e4e1fd54983d43a96dd441ecf..9b9b18f811ea0155078f69be76ca6c056cd95dd2 100644
--- a/packages/ui-vue/components/data-view/composition/visualization/use-visual-data-row.ts
+++ b/packages/ui-vue/components/data-view/composition/visualization/use-visual-data-row.ts
@@ -33,7 +33,7 @@ export function useVisualDataRow(
             __fv_data_index__: dataIndex
         } = dataItem;
 
-        const layer = dataItem.__fv_data_grid_group_layer__ || dataItem.__fv_parents__ ? dataItem.__fv_parents__?.size : 0 || 0;
+        const layer = dataItem.__fv_data_grid_group_layer__ || (dataItem.__fv_parents__ ? dataItem.__fv_parents__?.size : 0) || 0;
         const parentIndex = typeof dataItem.parent === 'number' ? Number(dataItem.parent) : -1;
         // 行是否折叠
         const collapse = dataItem.__fv_data_grid_group_collapse__ || dataItem[collapseField.value];
@@ -89,7 +89,7 @@ export function useVisualDataRow(
         return currentRow;
     }
 
-    // eslint-disable-next-line max-len
+     
     function createNewRowFromDataItem(columns: DataColumn[], dataItem: any, preDataItem: any, preRow: VisualData, rowIndex: number, top: number,visibleDatas?: VisualData[]) {
         const currentRow = createEmptyRow(VisualDataType.data, rowIndex, dataItem, preDataItem, preRow, top, visibleDatas);
         columns.forEach((column: DataColumn, columnIndex: number) => {
diff --git a/packages/ui-vue/components/data-view/composition/visualization/use-visual-data.ts b/packages/ui-vue/components/data-view/composition/visualization/use-visual-data.ts
index 2ef522779529bb15278f767413cc995a50096fc8..278c4b4bc615593c836afa36d25f4ef2ebd8c9ad 100644
--- a/packages/ui-vue/components/data-view/composition/visualization/use-visual-data.ts
+++ b/packages/ui-vue/components/data-view/composition/visualization/use-visual-data.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/data-view/composition/visualization/use-visual-group-row.ts b/packages/ui-vue/components/data-view/composition/visualization/use-visual-group-row.ts
index 0c7967d944bc230441ac937adf7f623b99ee87cb..1678e3a369e1e636ed283dd5c179847bd4b45037 100644
--- a/packages/ui-vue/components/data-view/composition/visualization/use-visual-group-row.ts
+++ b/packages/ui-vue/components/data-view/composition/visualization/use-visual-group-row.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { computed, ref } from "vue";
 import { CellMode, DataColumn, DataViewOptions, UseGroupRow, UseIdentify, UseVisualDataCell, UseVisualDataRow, VisualData, VisualDataCell, VisualDataType } from "../types";
 // import { DataGridColumn, DataGridProps } from "../data-grid.props";
diff --git a/packages/ui-vue/components/data-view/style.ts b/packages/ui-vue/components/data-view/style.ts
index b9dbbe2b56ec22921d162dff1bf052599e1adf20..c58d18a03062e7d4bdaa12a9722592bd7d3c417a 100644
--- a/packages/ui-vue/components/data-view/style.ts
+++ b/packages/ui-vue/components/data-view/style.ts
@@ -1,2 +1,2 @@
 import "@farris/ui-vue/components/dependent-base/style";
-import "@farris/ui-vue/theme-default/components/data-view.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/data-view.css";
diff --git a/packages/ui-vue/components/date-picker/index.ts b/packages/ui-vue/components/date-picker/index.ts
index c7330de8436b653ef8ca6768f6ddf2406cc2f14e..95349ede4a03f7453acafea7b5ad213216250e72 100644
--- a/packages/ui-vue/components/date-picker/index.ts
+++ b/packages/ui-vue/components/date-picker/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/date-picker/src/components/date-picker-container/date-picker-container.props.ts b/packages/ui-vue/components/date-picker/src/components/date-picker-container/date-picker-container.props.ts
index 5cdc64ad286b3a0cc1a78ec9c0ec143505d36aa9..ed09480cd5fb958c51f6b56809a8113e8a52221c 100644
--- a/packages/ui-vue/components/date-picker/src/components/date-picker-container/date-picker-container.props.ts
+++ b/packages/ui-vue/components/date-picker/src/components/date-picker-container/date-picker-container.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/date-picker/src/components/date-range/date-range.component.tsx b/packages/ui-vue/components/date-picker/src/components/date-range/date-range.component.tsx
index f6d4ca4ea7a7855096e9c06ae88ffe6ee9c5259c..56b51448daca79c81494b3eff91e49b91afd4b15 100644
--- a/packages/ui-vue/components/date-picker/src/components/date-range/date-range.component.tsx
+++ b/packages/ui-vue/components/date-picker/src/components/date-range/date-range.component.tsx
@@ -106,7 +106,7 @@ export default defineComponent({
             closeCalendarPanel();
         };
 
-        const onDatePicked = () => {
+        const onDatePicked = (dateValue: any) => {
 
         };
 
diff --git a/packages/ui-vue/components/date-picker/src/composition/use-disable-date.ts b/packages/ui-vue/components/date-picker/src/composition/use-disable-date.ts
index 06da0e750c0ea6861e79fb34f5449fb4303c93ee..c924dc686e5f4f96496d62477704ace1b40dcf38 100644
--- a/packages/ui-vue/components/date-picker/src/composition/use-disable-date.ts
+++ b/packages/ui-vue/components/date-picker/src/composition/use-disable-date.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/date-picker/src/date-picker.props.ts b/packages/ui-vue/components/date-picker/src/date-picker.props.ts
index 165738976544b6c66cc753eadf8ea1830b311ec0..285dc53e7ef3ecba345c355a2450be790ee53deb 100644
--- a/packages/ui-vue/components/date-picker/src/date-picker.props.ts
+++ b/packages/ui-vue/components/date-picker/src/date-picker.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/date-picker/src/designer/use-rules.ts b/packages/ui-vue/components/date-picker/src/designer/use-rules.ts
index 7d109905a6d150224837ff6e29495074116eb0fa..3437cd2fea247548de7ab012c2b8c76b79690a1d 100644
--- a/packages/ui-vue/components/date-picker/src/designer/use-rules.ts
+++ b/packages/ui-vue/components/date-picker/src/designer/use-rules.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { UseDesignerRules } from "../../../designer-canvas/src/composition/types";
 import { ComponentSchema, DesignerComponentInstance, DesignerItemContext } from "../../../designer-canvas/src/types";
 import { useInputDesignerRules } from "../../../property-panel/src/composition/entity/use-input-rules";
diff --git a/packages/ui-vue/components/date-picker/src/property-config/date-picker.property-config.ts b/packages/ui-vue/components/date-picker/src/property-config/date-picker.property-config.ts
index 17064415983b4e2dc803916a0faa28a8e9a7d166..698afbc0b3d9df19bbfd3bbb91d5cdc0021dc50b 100644
--- a/packages/ui-vue/components/date-picker/src/property-config/date-picker.property-config.ts
+++ b/packages/ui-vue/components/date-picker/src/property-config/date-picker.property-config.ts
@@ -75,6 +75,6 @@ export class DatePickerProperty extends InputBaseProperty {
                 "title": "最小年限",
                 "type": "number"
             }
-        })
+        });
     }
 }
diff --git a/packages/ui-vue/components/date-picker/style.ts b/packages/ui-vue/components/date-picker/style.ts
index 5e67e588187344f3d173a6bf7468a855ebe9ab5e..f64b35bf59b1ea0a5bc39437d5bfd811f674fb22 100644
--- a/packages/ui-vue/components/date-picker/style.ts
+++ b/packages/ui-vue/components/date-picker/style.ts
@@ -2,4 +2,4 @@ import "@farris/ui-vue/components/dependent-base/style";
 import "@farris/ui-vue/components/dependent-icon/style";
 import "@farris/ui-vue/components/button-edit/style";
 import "@farris/ui-vue/components/popover/style";
-import "@farris/ui-vue/theme-default/components/datepicker.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/datepicker.css";
diff --git a/packages/ui-vue/components/dependent-base/style.ts b/packages/ui-vue/components/dependent-base/style.ts
index e9d90be27d64c4d518adcf54fb6bcfcbd731d893..47723e3d2aa7585d9efc5eb916f405bd1c49d1fc 100644
--- a/packages/ui-vue/components/dependent-base/style.ts
+++ b/packages/ui-vue/components/dependent-base/style.ts
@@ -1 +1 @@
-import "@farris/ui-vue/theme-default/components/base.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/base.css";
diff --git a/packages/ui-vue/components/dependent-fluid/style.ts b/packages/ui-vue/components/dependent-fluid/style.ts
index f5c0c0b3893e2fc82b1059b17178ac5618f24db8..de3d391f3ad5b782244f2018de1f6941a1ba99d3 100644
--- a/packages/ui-vue/components/dependent-fluid/style.ts
+++ b/packages/ui-vue/components/dependent-fluid/style.ts
@@ -1 +1 @@
-import "@farris/ui-vue/theme-default/components/fluid.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/fluid.css";
diff --git a/packages/ui-vue/components/dependent-icon/style.ts b/packages/ui-vue/components/dependent-icon/style.ts
index b3a7f023f3e28df31b283f0a46195a792f39d58d..a88dd3f97ae8054ae221160b91b6327873aaea7e 100644
--- a/packages/ui-vue/components/dependent-icon/style.ts
+++ b/packages/ui-vue/components/dependent-icon/style.ts
@@ -1 +1 @@
-import "@farris/ui-vue/theme-default/components/icon.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/icon.css";
diff --git a/packages/ui-vue/components/dependent-input/style.ts b/packages/ui-vue/components/dependent-input/style.ts
index 6666c677c002dff9f5b27620d033da5d60ba0d1a..47ab2f40e9bca5c57d240aff917103301295f5af 100644
--- a/packages/ui-vue/components/dependent-input/style.ts
+++ b/packages/ui-vue/components/dependent-input/style.ts
@@ -1 +1 @@
-import "@farris/ui-vue/theme-default/components/input.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/input.css";
diff --git a/packages/ui-vue/components/dependent-table/style.ts b/packages/ui-vue/components/dependent-table/style.ts
index 2f45d409440b202fece5a889baff7dc783e9e2b2..bfb4c72b7e8749937d649ed6bdf9e40a8344b5c5 100644
--- a/packages/ui-vue/components/dependent-table/style.ts
+++ b/packages/ui-vue/components/dependent-table/style.ts
@@ -1 +1 @@
-import "@farris/ui-vue/theme-default/components/table.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/table.css";
diff --git a/packages/ui-vue/components/designer-canvas/src/components/designer-inner-item.component.tsx b/packages/ui-vue/components/designer-canvas/src/components/designer-inner-item.component.tsx
index 5a3706f2b7c90b4450ed90e497c91293652d4c90..73ca2237b260228553e5c75caca632b62452f949 100644
--- a/packages/ui-vue/components/designer-canvas/src/components/designer-inner-item.component.tsx
+++ b/packages/ui-vue/components/designer-canvas/src/components/designer-inner-item.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { Ref, SetupContext, computed, defineComponent, inject, onMounted, provide, ref, watch, onBeforeUnmount, withModifiers } from 'vue';
 import { DesignerInnerItemPropsType, designerInnerItemProps } from '../composition/props/designer-inner-item.props';
 import { UseDragula } from '../composition/types';
@@ -9,7 +9,7 @@ import { useDesignerInnerComponent } from '../composition/function/use-designer-
 const FDesignerInnerItem = defineComponent({
     name: 'FDesignerInnerItem',
     props: designerInnerItemProps,
-    emits: ['selectionChange', 'addComponent','removeComponent'],
+    emits: ['selectionChange', 'addComponent', 'removeComponent'],
     setup(props: DesignerInnerItemPropsType, context) {
         const canMove = ref(props.canMove);
         const canAdd = ref(props.canAdd);
@@ -31,7 +31,7 @@ const FDesignerInnerItem = defineComponent({
             const classObject = {
                 'farris-component': true,
                 // 受position-relative影响，整个容器的高度不能被撑起
-                'flex-fill':props.id=='root-component',
+                'flex-fill': props.id === 'root-component',
                 'position-relative': canMove.value || canDelete.value,
                 'farris-nested': canNested.value,
                 'can-move': canMove.value,
diff --git a/packages/ui-vue/components/designer-canvas/src/components/designer-item.component.tsx b/packages/ui-vue/components/designer-canvas/src/components/designer-item.component.tsx
index 09078d3c818c00cf5de4b5d49507fdd4073918ba..baab03ae3340b64eb13074f2b9f0fa89b50f550f 100644
--- a/packages/ui-vue/components/designer-canvas/src/components/designer-item.component.tsx
+++ b/packages/ui-vue/components/designer-canvas/src/components/designer-item.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { Ref, SetupContext, computed, defineComponent, inject, onMounted, provide, ref, watch, onBeforeUnmount } from 'vue';
 import { DesignerItemPropsType, designerItemProps } from '../composition/props/designer-item.props';
 import { componentMap, componentPropsConverter } from './maps';
@@ -35,7 +35,7 @@ const FDesignerItem = defineComponent({
             let classObject = {
                 'farris-component': true,
                 // 受position-relative影响，整个容器的高度不能被撑起
-                'flex-fill': schema.value.id == 'root-component',
+                'flex-fill': schema.value.id === 'root-component',
                 'position-relative': canMove.value && canDelete.value,
                 'farris-nested': canNested.value,
                 'can-move': canMove.value,
diff --git a/packages/ui-vue/components/designer-canvas/src/composition/function/create-design-builder.ts b/packages/ui-vue/components/designer-canvas/src/composition/function/create-design-builder.ts
index be28b1633b1314442883bd1b84afa69fcc8d9a1d..7d950952527e3328b380d4731abfe5eab6551f28 100644
--- a/packages/ui-vue/components/designer-canvas/src/composition/function/create-design-builder.ts
+++ b/packages/ui-vue/components/designer-canvas/src/composition/function/create-design-builder.ts
@@ -1,7 +1,4 @@
-/* eslint-disable no-restricted-syntax */
-/* eslint-disable no-use-before-define */
-/* eslint-disable max-len */
-import { Ref, computed, ref, SetupContext } from 'vue';
+import { SetupContext } from 'vue';
 import { DesignerOutlineProps } from '../../../../designer-outline/src/designer-outline.props';
 
 /** 创建设计器 */
diff --git a/packages/ui-vue/components/designer-canvas/src/composition/function/use-designer-component.ts b/packages/ui-vue/components/designer-canvas/src/composition/function/use-designer-component.ts
index a091ec63723a6fb8716897ab530a41a67d4ceb7f..e22966a4a54215548d09991155a45e1dc71bece2 100644
--- a/packages/ui-vue/components/designer-canvas/src/composition/function/use-designer-component.ts
+++ b/packages/ui-vue/components/designer-canvas/src/composition/function/use-designer-component.ts
@@ -1,5 +1,5 @@
-/* eslint-disable max-len */
-import { Ref, ref } from "vue";
+ 
+import { inject, Ref, ref } from "vue";
 import { DesignerHostService, DesignerHTMLElement, DraggingResolveContext, UseDesignerRules } from "../types";
 import { ComponentSchema, DesignerComponentInstance, DesignerItemContext, ResolveComponentContext } from "../../types";
 import { getSchemaByType } from '../../../../dynamic-resolver/src/schema-resolver';
diff --git a/packages/ui-vue/components/designer-canvas/src/composition/function/use-designer-inner-component.ts b/packages/ui-vue/components/designer-canvas/src/composition/function/use-designer-inner-component.ts
index 85199ce4cf8500667ea3f97dd610d1ad25fb84ea..8e01dad12199ba1407885c9b144ea8d327303fc6 100644
--- a/packages/ui-vue/components/designer-canvas/src/composition/function/use-designer-inner-component.ts
+++ b/packages/ui-vue/components/designer-canvas/src/composition/function/use-designer-inner-component.ts
@@ -1,6 +1,6 @@
-/* eslint-disable max-len */
-import { Ref, ref } from "vue";
-import { DesignerHTMLElement, DraggingResolveContext, UseDesignerRules } from "../types";
+ 
+import { inject, Ref, ref } from "vue";
+import { DesignerHostService, DesignerHTMLElement, DraggingResolveContext, UseDesignerRules } from "../types";
 import { ComponentSchema, DesignerComponentInstance, DesignerItemContext, ResolveComponentContext } from "../../types";
 import { getSchemaByType } from '../../../../dynamic-resolver/src/schema-resolver';
 
@@ -122,7 +122,8 @@ export function useDesignerInnerComponent(
 
     function addNewChildComponentSchema(resolveContext: ResolveComponentContext) {
         const { componentType } = resolveContext;
-        let componentSchema = getSchemaByType(componentType, resolveContext) as ComponentSchema;
+        const designerHostServer = inject('designer-host-service') as DesignerHostService;
+        let componentSchema = getSchemaByType(componentType, resolveContext, designerHostServer) as ComponentSchema;
         if (designerRules && designerRules.onResolveNewComponentSchema) {
             componentSchema = designerRules.onResolveNewComponentSchema(resolveContext, componentSchema);
         }
diff --git a/packages/ui-vue/components/designer-canvas/src/composition/function/use-dragula.ts b/packages/ui-vue/components/designer-canvas/src/composition/function/use-dragula.ts
index b97b6d74cc5afa0ddacbe3b3b71e92acc864145f..53eed276714af3539f12fdddce7b2ba3fa044d91 100644
--- a/packages/ui-vue/components/designer-canvas/src/composition/function/use-dragula.ts
+++ b/packages/ui-vue/components/designer-canvas/src/composition/function/use-dragula.ts
@@ -306,7 +306,7 @@ export function useDragula(designerHostService: DesignerHostService): UseDragula
                     dragBetweenCurrentForm(element, target, source, sibling);
                 } else {
                     // 移除拷贝生成的源DOM
-                    // eslint-disable-next-line no-lonely-if
+                     
                     if (target.contains(element)) {
                         target.removeChild(element);
                     }
diff --git a/packages/ui-vue/components/designer-canvas/src/composition/rule/use-template-rule.ts b/packages/ui-vue/components/designer-canvas/src/composition/rule/use-template-rule.ts
index 5a3fb47d55a639c828d18a6f7a915408c0b603dd..4e658ffe54b024642aea411beed2fe8263b1d358 100644
--- a/packages/ui-vue/components/designer-canvas/src/composition/rule/use-template-rule.ts
+++ b/packages/ui-vue/components/designer-canvas/src/composition/rule/use-template-rule.ts
@@ -21,7 +21,7 @@ export class UseTemplateDragAndDropRules {
             return dragDropRule;
         }
         const componentContext = this.getComponentContext(designItemContext);
-        const componentClassList = componentContext.componentClassList;
+        const {componentClassList} = componentContext;
 
         componentClassList.forEach(componentClass => {
             if (!componentClass || !dragTemplateRules[componentClass]) {
@@ -32,7 +32,7 @@ export class UseTemplateDragAndDropRules {
             dragDropRule.canMove = dragDropRule.canMove && this.resolveRuleValue(moveRule, componentContext);
             dragDropRule.canDelete = dragDropRule.canDelete && this.resolveRuleValue(deleteRule, componentContext);
             dragDropRule.canAccept = dragDropRule.canAccept && this.resolveRuleValue(acceptRule, componentContext);
-        })
+        });
 
         return dragDropRule;
     }
@@ -54,14 +54,14 @@ export class UseTemplateDragAndDropRules {
             // 判断子级节点是否匹配
             if (ruleContext.firstLevelChild) {
                 if (ruleContext.firstLevelChild.class) {
-                    const firstLevelChildClassList = componentContext.firstLevelChildClassList;
+                    const {firstLevelChildClassList} = componentContext;
                     if (firstLevelChildClassList && !firstLevelChildClassList.includes(ruleContext.firstLevelChild.class)) {
                         isMatched = false;
                         continue;
                     }
                 }
                 if (ruleContext.firstLevelChild.type) {
-                    const firstLevelChildSchema = componentContext.firstLevelChildSchema;
+                    const {firstLevelChildSchema} = componentContext;
                     if (firstLevelChildSchema && firstLevelChildSchema.type !== ruleContext.firstLevelChild.type) {
                         isMatched = false;
                         continue;
@@ -72,14 +72,14 @@ export class UseTemplateDragAndDropRules {
             // 判断孙子节点是否匹配
             if (ruleContext.secondLevelChild) {
                 if (ruleContext.secondLevelChild.class) {
-                    const secondLevelChildClassList = componentContext.secondLevelChildClassList;
+                    const {secondLevelChildClassList} = componentContext;
                     if (secondLevelChildClassList && !secondLevelChildClassList.includes(ruleContext.secondLevelChild.class)) {
                         isMatched = false;
                         continue;
                     }
                 }
                 if (ruleContext.secondLevelChild.type) {
-                    const secondLevelChildSchema = componentContext.secondLevelChildSchema;
+                    const {secondLevelChildSchema} = componentContext;
                     if (secondLevelChildSchema && secondLevelChildSchema.type !== ruleContext.secondLevelChild.type) {
                         isMatched = false;
                         continue;
@@ -90,14 +90,14 @@ export class UseTemplateDragAndDropRules {
             // 判断父级节点是否匹配
             if (ruleContext.parent) {
                 if (ruleContext.parent.class) {
-                    const parentClassList = componentContext.parentClassList;
+                    const {parentClassList} = componentContext;
                     if (parentClassList && !parentClassList.includes(ruleContext.parent.class)) {
                         isMatched = false;
                         continue;
                     }
                 }
                 if (ruleContext.parent.type) {
-                    const parentSchema = componentContext.parentSchema;
+                    const {parentSchema} = componentContext;
                     if (parentSchema && parentSchema.type !== ruleContext.parent.type) {
                         isMatched = false;
                         continue;
@@ -148,4 +148,4 @@ export class UseTemplateDragAndDropRules {
             parentClassList
         };
     }
-}
\ No newline at end of file
+}
diff --git a/packages/ui-vue/components/designer-canvas/src/designer-canvas.component.tsx b/packages/ui-vue/components/designer-canvas/src/designer-canvas.component.tsx
index 087688108cde870a4af921ea4227a4cbb31b803f..298b369be44a8f31a5cdcbd0e2e03e3fdb20f598 100644
--- a/packages/ui-vue/components/designer-canvas/src/designer-canvas.component.tsx
+++ b/packages/ui-vue/components/designer-canvas/src/designer-canvas.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+
 import { computed, defineComponent, inject, onMounted, provide, ref, watch } from 'vue';
 import { ComponentSchema, DesignerComponentInstance, DesignerItemContext } from './types';
 import { canvasChanged, setPositionOfButtonGroup } from './composition/designer-canvas-changed';
@@ -32,7 +32,7 @@ export default defineComponent({
             controlCreatorUtils: inject('controlCreatorUtils'),
             metadataService: inject('Meatdata_Http_Service_Token'),
             schemaService: inject('schemaService')
-        }
+        };
         provide<DesignerHostService>('designer-host-service', designerHostService);
 
         const useDragulaComposition = useDragula(designerHostService);
@@ -55,15 +55,6 @@ export default defineComponent({
             return classObject;
         });
 
-        onMounted(() => {
-            if (designerCanvasElementRef.value) {
-                useDragulaComposition.initializeDragula(designerCanvasElementRef.value);
-            }
-            schema.value = props.modelValue;
-            context.emit('init', useDragulaComposition);
-            registerResizeListenner();
-        });
-
         watch(canvasChanged, () => {
             setPositionOfButtonGroup(designerCanvasElementRef.value);
 
@@ -85,10 +76,21 @@ export default defineComponent({
             });
             resizeObserver.observe(designerCanvasElementRef.value);
         }
+
         function onSelectionChange(schemaType: string, schemaValue: ComponentSchema, cmpId: string, componentInst: DesignerComponentInstance) {
             context.emit('selectionChange', schemaType, schemaValue, cmpId, componentInst);
         }
 
+
+        onMounted(() => {
+            if (designerCanvasElementRef.value) {
+                useDragulaComposition.initializeDragula(designerCanvasElementRef.value);
+            }
+            schema.value = props.modelValue;
+            context.emit('init', useDragulaComposition);
+            registerResizeListenner();
+        });
+
         return () => {
             return (
                 <div class="editorDiv flex-fill h-100">
diff --git a/packages/ui-vue/components/designer-outline/src/composition/use-outline-node.ts b/packages/ui-vue/components/designer-outline/src/composition/use-outline-node.ts
index 94b691f9cedfc7f2a0cb69083b4b6a58202fc314..7529ee2d2d7db71cfccbb35d30a339de0af1501f 100644
--- a/packages/ui-vue/components/designer-outline/src/composition/use-outline-node.ts
+++ b/packages/ui-vue/components/designer-outline/src/composition/use-outline-node.ts
@@ -1,5 +1,4 @@
-/* eslint-disable max-len */
-/* eslint-disable @typescript-eslint/indent */
+ 
 import { DgControl } from '../../../designer-canvas/src/composition/dg-control';
 import { ref } from 'vue';
 import { ComponentType } from '../types';
diff --git a/packages/ui-vue/components/designer-outline/src/designer-outline.component.tsx b/packages/ui-vue/components/designer-outline/src/designer-outline.component.tsx
index ce61be7c9305ef283558c641bcfceaf7be6ec9a1..d95ae794cb85462e4cd0abf07205e9f3efc9641f 100644
--- a/packages/ui-vue/components/designer-outline/src/designer-outline.component.tsx
+++ b/packages/ui-vue/components/designer-outline/src/designer-outline.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable no-loop-func */
+ 
 /* eslint-disable no-use-before-define */
 import { SetupContext, defineComponent, ref, inject } from 'vue';
 import { FTreeView } from '@farris/ui-vue/components/tree-view';
@@ -49,7 +49,7 @@ export default defineComponent({
                 treeRef.value.updateDataSource(treeViewData);
                 if (currentSelectedNodeId && treeRef.value.clearSelection) {
                     treeRef.value.clearSelection();
-                    selectControlTreeNode({ id: currentSelectedNodeId.value })
+                    selectControlTreeNode({ id: currentSelectedNodeId.value });
 
                 }
             }
diff --git a/packages/ui-vue/components/discussion-editor/discussion-editor.component.tsx b/packages/ui-vue/components/discussion-editor/discussion-editor.component.tsx
index a7301c9a56e5d559043ce0045fdda0c0bad368b6..be24312943c0e6654b0661e3171eaa8ff97f8caa 100644
--- a/packages/ui-vue/components/discussion-editor/discussion-editor.component.tsx
+++ b/packages/ui-vue/components/discussion-editor/discussion-editor.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /* eslint-disable no-use-before-define */
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
diff --git a/packages/ui-vue/components/discussion-list/discussion-list.component.tsx b/packages/ui-vue/components/discussion-list/discussion-list.component.tsx
index fde2c3a8a4d0c66c66a3a0dde34c842cb37bdb33..8593093bd4a6bea32de003407818de0e763b2ced 100644
--- a/packages/ui-vue/components/discussion-list/discussion-list.component.tsx
+++ b/packages/ui-vue/components/discussion-list/discussion-list.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /* eslint-disable prefer-const */
 /* eslint-disable no-use-before-define */
 /**
diff --git a/packages/ui-vue/components/discussion-list/style.ts b/packages/ui-vue/components/discussion-list/style.ts
index 9379673c6a36ca80df3b4ea971d062418e50ffaf..a7f20456e56bfe292e9ce9f30be254c86d450c73 100644
--- a/packages/ui-vue/components/discussion-list/style.ts
+++ b/packages/ui-vue/components/discussion-list/style.ts
@@ -1,2 +1,2 @@
 import "@farris/ui-vue/components/dependent-base/style";
-import "@farris/ui-vue/theme-default/components/discussion.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/discussion.css";
diff --git a/packages/ui-vue/components/drawer/index.ts b/packages/ui-vue/components/drawer/index.ts
index fab18013c40944162a3e71e8c16d9954e3e09fc7..6191a99066118ef2610ed5b239dee0b2a3e14968 100644
--- a/packages/ui-vue/components/drawer/index.ts
+++ b/packages/ui-vue/components/drawer/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/drawer/src/drawer.component.tsx b/packages/ui-vue/components/drawer/src/drawer.component.tsx
index d6d27b6d87f3840d4725fb1fc40d1af8d2a96402..3241322cd102829f122acf50ac6c241ef108b3c5 100644
--- a/packages/ui-vue/components/drawer/src/drawer.component.tsx
+++ b/packages/ui-vue/components/drawer/src/drawer.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/drawer/src/drawer.props.ts b/packages/ui-vue/components/drawer/src/drawer.props.ts
index 69507c8ca273d07e097842380a3384134a330fc8..f7fb706fdfdd702ca3d37eb33a0033c32072c44e 100644
--- a/packages/ui-vue/components/drawer/src/drawer.props.ts
+++ b/packages/ui-vue/components/drawer/src/drawer.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/dropdown/index.ts b/packages/ui-vue/components/dropdown/index.ts
index 627439ae15342ac9d17697037888cf31cdbbf4f3..6445c1450b8a1d2ef75529129779b11b01f4a0e7 100644
--- a/packages/ui-vue/components/dropdown/index.ts
+++ b/packages/ui-vue/components/dropdown/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import type { App } from 'vue';
 import Dropdown from './src/dropdown.component';
 import { propsResolver } from './src/dropdown.props';
diff --git a/packages/ui-vue/components/dropdown/src/composition/use-dropdown.ts b/packages/ui-vue/components/dropdown/src/composition/use-dropdown.ts
index 89d7da76cceba92388d8442391c58756c806e719..24df8872397c203e791a5b9ba2fcf40e365cfce1 100644
--- a/packages/ui-vue/components/dropdown/src/composition/use-dropdown.ts
+++ b/packages/ui-vue/components/dropdown/src/composition/use-dropdown.ts
@@ -137,7 +137,7 @@ export function useDropdown(props: DropdownProps, context: SetupContext) {
                     childMenuPanel.className += ' dropdown-menu-maxheight';
                 } else {
                     // 不出现滚动条
-                    // eslint-disable-next-line no-lonely-if
+                     
                     if (childContainerHeight < childMenuPanel.offsetHeight) {
                         // 朝下剩余高度小于菜单高度，从按钮位置朝下放置菜单展示不开，则不限定顶部高度
                         childMenuPanel.style.top = 'auto';
@@ -165,7 +165,7 @@ export function useDropdown(props: DropdownProps, context: SetupContext) {
                     childMenuPanel.style.overflowY = 'auto';
                     childMenuPanel.className += ' dropdown-menu-maxheight';
                 } else {
-                    // eslint-disable-next-line no-lonely-if
+                     
                     if (childContainerHeight < childMenuPanel.offsetHeight) {
                         // 朝下剩余高度小于菜单高度，top位置从按钮位置开始算0，上移为负值
                         childMenuPanel.style.top = childContainerHeight
diff --git a/packages/ui-vue/components/dropdown/src/designer/dropdown.design.component.tsx b/packages/ui-vue/components/dropdown/src/designer/dropdown.design.component.tsx
index 89c3b421e8d100bda6fda0a07f7d59674d604f56..b71bef6980d61bc98d5db9aa5b72c4020f693f72 100644
--- a/packages/ui-vue/components/dropdown/src/designer/dropdown.design.component.tsx
+++ b/packages/ui-vue/components/dropdown/src/designer/dropdown.design.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable no-script-url */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/dropdown/src/dropdown.component.tsx b/packages/ui-vue/components/dropdown/src/dropdown.component.tsx
index 3152da069749a321e2a38eb8e54bb95583b3db9c..525d4787424940cf34ef53bae7ab3a72411e8320 100644
--- a/packages/ui-vue/components/dropdown/src/dropdown.component.tsx
+++ b/packages/ui-vue/components/dropdown/src/dropdown.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable no-script-url */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/dropdown/src/dropdown.item.component.tsx b/packages/ui-vue/components/dropdown/src/dropdown.item.component.tsx
index 9ca2bf67945324e56ac7105cbe7012aec71f48a1..be5737beba9a7b87c155ee4c187f32aed6617175 100644
--- a/packages/ui-vue/components/dropdown/src/dropdown.item.component.tsx
+++ b/packages/ui-vue/components/dropdown/src/dropdown.item.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable no-script-url */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/dropdown/src/dropdown.props.ts b/packages/ui-vue/components/dropdown/src/dropdown.props.ts
index 4b28b27c323dfb12318eca0dcb879a3e94644c7d..67c6f8c3ab4f2cb192763690fa0d4c691f008231 100644
--- a/packages/ui-vue/components/dropdown/src/dropdown.props.ts
+++ b/packages/ui-vue/components/dropdown/src/dropdown.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/dropdown/style.ts b/packages/ui-vue/components/dropdown/style.ts
index 02842d76cb16c7059bc73d861f4329ecb681c8f5..6694a9790fcfe1a0af496bd41f3cf287f026db9f 100644
--- a/packages/ui-vue/components/dropdown/style.ts
+++ b/packages/ui-vue/components/dropdown/style.ts
@@ -1,4 +1,4 @@
 import "@farris/ui-vue/components/dependent-base/style";
 import "@farris/ui-vue/components/dependent-icon/style";
 import "@farris/ui-vue/components/button-group/style";
-import "@farris/ui-vue/theme-default/components/dropdown.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/dropdown.css";
diff --git a/packages/ui-vue/components/dynamic-form/index.ts b/packages/ui-vue/components/dynamic-form/index.ts
index 47b153368da8e84cc0ba11e3f0759a51db1b4e31..b66bad206039c81a55d4be2921bfe60bd14974a9 100644
--- a/packages/ui-vue/components/dynamic-form/index.ts
+++ b/packages/ui-vue/components/dynamic-form/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import FResponseForm from './src/response-form.component';
 import FResponseFormDesign from './src/designer/response-form.design.component';
 import FDynamicFormGroup from './src/component/dynamic-form-group/dynamic-form-group.component';
diff --git a/packages/ui-vue/components/dynamic-form/src/component/dynamic-form-group/dynamic-form-group.component.tsx b/packages/ui-vue/components/dynamic-form/src/component/dynamic-form-group/dynamic-form-group.component.tsx
index 1e0f6b77d4f9e3b75ad16397f8f8e89f40f53167..ed29fbc0b05182f9bc4cf72eaf59221383033230 100644
--- a/packages/ui-vue/components/dynamic-form/src/component/dynamic-form-group/dynamic-form-group.component.tsx
+++ b/packages/ui-vue/components/dynamic-form/src/component/dynamic-form-group/dynamic-form-group.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { SetupContext, computed, defineComponent, ref, watch } from 'vue';
 import { DynamicFormGroupPropsType, dynamicFormGroupProps } from './dynamic-form-group.props';
 import Label from '../dynamic-form-label/dynamic-form-label.component';
diff --git a/packages/ui-vue/components/dynamic-form/src/composition/response-form-component-creator.service.ts b/packages/ui-vue/components/dynamic-form/src/composition/response-form-component-creator.service.ts
index d4442b5e71469e0c8d5290334b09ac1e3478d786..b533406f4930c5d2cc5d8ebe3049bb4f91562a50 100644
--- a/packages/ui-vue/components/dynamic-form/src/composition/response-form-component-creator.service.ts
+++ b/packages/ui-vue/components/dynamic-form/src/composition/response-form-component-creator.service.ts
@@ -1,3 +1,4 @@
+import { inject } from 'vue';
 import { DesignerHostService } from '../../../designer-canvas/src/composition/types';
 import { DynamicResolver } from '../../../../components/dynamic-resolver';
 import { ComponentBuildInfo } from '../../../component/src/composition/inner-component-build-info';
@@ -69,7 +70,7 @@ export class ResponseFormComponentCreatorService {
      * 获取卡片组件层级的class样式
      */
     private getFormComponentClass(): string {
-        const templateId = this.formSchemaUtils.getFormSchema().module.templateId;
+        const {templateId} = this.formSchemaUtils.getFormSchema().module;
 
         // 双列表标签页模板中拖入卡片
         if (templateId === 'double-list-in-tab-template') {
@@ -115,7 +116,7 @@ export class ResponseFormComponentCreatorService {
         });
 
         // 双列表标签页模板中拖入卡片，要求卡片要填充
-        const templateId = this.formSchemaUtils.getFormSchema().module.templateId;
+        const {templateId} = this.formSchemaUtils.getFormSchema().module;
         if (templateId === 'double-list-in-tab-template') {
             section.appearance.class = 'f-section-grid f-section-in-main px-0 pt-0';
             section.fill = true;
diff --git a/packages/ui-vue/components/dynamic-form/src/composition/types.ts b/packages/ui-vue/components/dynamic-form/src/composition/types.ts
index 6bf04590a20e2c0804115d9ef7636a983043beac..6963eb1869721853f90e07126f2d450f0aeca887 100644
--- a/packages/ui-vue/components/dynamic-form/src/composition/types.ts
+++ b/packages/ui-vue/components/dynamic-form/src/composition/types.ts
@@ -7,6 +7,6 @@ export interface UseTypeResolver {
     resolveEditorType(type: string): any;
 
     getChangeFunctionName(type: string): any;
-    getClearFunctionName(type: string): any;
 
+    getClearFunctionName(type: string): any;
 }
diff --git a/packages/ui-vue/components/dynamic-form/src/composition/use-response-form-layout-setting.ts b/packages/ui-vue/components/dynamic-form/src/composition/use-response-form-layout-setting.ts
index 2e6c521faf8ee6241ec8afeec944c8cacbe0952c..b9f35cae4bbf173383bf47db9b1c6165b0861375 100644
--- a/packages/ui-vue/components/dynamic-form/src/composition/use-response-form-layout-setting.ts
+++ b/packages/ui-vue/components/dynamic-form/src/composition/use-response-form-layout-setting.ts
@@ -6,7 +6,7 @@ import { useResponseLayoutEditorSetting } from
 
 export function useResponseFormLayoutSetting(formShemaService, componentId: string): UseResponseFormLayoutSetting {
     function getFormNode(formSchemaId, formNode = null): any {
-        if (formNode) return formNode;
+        if (formNode) { return formNode; }
         const componentNode = formShemaService.getComponentById(componentId);
         return formShemaService.selectNode(componentNode, item => item.id === formSchemaId);
     }
@@ -35,19 +35,31 @@ export function useResponseFormLayoutSetting(formShemaService, componentId: stri
         const columnInLGArray = responseLayoutConfig.map(config => config.columnInLG);
         const columnInELArray = responseLayoutConfig.map(config => config.columnInEL);
 
+        /**
+         * 校验宽度样式值是否一致
+         */
+        function checkIsUniqueColumn(columnsInScreen: number[]) {
+            const keySet = new Set(columnsInScreen);
+            const exclusiveKeys = Array.from(keySet);
+
+            if (exclusiveKeys.length === 1) {
+                return true;
+            }
+            return false;
+        }
+
         // 只有每个控件的宽度都一样时，才认为form上有统一宽度，否则认为是自定义的控件宽度，此处传递null
         const uniqueColClassInSM = checkIsUniqueColumn(columnInSMArray) ? columnInSMArray[0] : 0;
         const uniqueColClassInMD = checkIsUniqueColumn(columnInMDArray) ? columnInMDArray[0] : 0;
         const uniqueColClassInLG = checkIsUniqueColumn(columnInLGArray) ? columnInLGArray[0] : 0;
         const uniqueColClassInEL = checkIsUniqueColumn(columnInELArray) ? columnInELArray[0] : 0;
 
-
         return {
             uniqueColClassInSM,
             uniqueColClassInMD,
             uniqueColClassInLG,
             uniqueColClassInEL
-        }
+        };
     }
 
     /**
@@ -63,27 +75,6 @@ export function useResponseFormLayoutSetting(formShemaService, componentId: stri
         return false;
     }
 
-    /**
-     * 根据统一配置值，修改卡片区域内所有控件的class样式
-     * @param formNode dom节点
-     * @param unifiedLayout 统一配置值
-     */
-    function changeFormControlsByUnifiedLayoutConfig(formNode: any, unifiedLayout: FormUnifiedColumnLayout, formSchemaId) {
-        formNode = getFormNode(formSchemaId, formNode);
-        formNode.contents.forEach(control => {
-            if (control.type === DgControl['fieldset'].type) {
-                changeFormControlsByUnifiedLayoutConfig(control, unifiedLayout, control.id);
-                return;
-            }
-            if (!control.appearance) {
-                control.appearance = {};
-            }
-            const controlClass = control.appearance.class;
-            control.appearance.class = changeControlClassInByColumn(controlClass, unifiedLayout);
-
-        });
-    }
-
     /**
      * 根据统一配置值，修改某一个控件的class样式
      */
@@ -112,5 +103,26 @@ export function useResponseFormLayoutSetting(formShemaService, componentId: stri
         return newClassItems.join(' ');
     }
 
-    return { checkIsInFormComponent, assembleUnifiedLayoutContext, changeFormControlsByUnifiedLayoutConfig }
-}
\ No newline at end of file
+    /**
+     * 根据统一配置值，修改卡片区域内所有控件的class样式
+     * @param formNode dom节点
+     * @param unifiedLayout 统一配置值
+     */
+    function changeFormControlsByUnifiedLayoutConfig(formNode: any, unifiedLayout: FormUnifiedColumnLayout, formSchemaId) {
+        formNode = getFormNode(formSchemaId, formNode);
+        formNode.contents.forEach(control => {
+            if (control.type === DgControl['fieldset'].type) {
+                changeFormControlsByUnifiedLayoutConfig(control, unifiedLayout, control.id);
+                return;
+            }
+            if (!control.appearance) {
+                control.appearance = {};
+            }
+            const controlClass = control.appearance.class;
+            control.appearance.class = changeControlClassInByColumn(controlClass, unifiedLayout);
+
+        });
+    }
+
+    return { checkIsInFormComponent, assembleUnifiedLayoutContext, changeFormControlsByUnifiedLayoutConfig };
+}
diff --git a/packages/ui-vue/components/dynamic-form/src/composition/use-type-resolver-design.ts b/packages/ui-vue/components/dynamic-form/src/composition/use-type-resolver-design.ts
index 4b5827b14c9f793ab046181c0092fcb6945e28dc..9777e1d6971d455e0180f85b90c8275647984a6a 100644
--- a/packages/ui-vue/components/dynamic-form/src/composition/use-type-resolver-design.ts
+++ b/packages/ui-vue/components/dynamic-form/src/composition/use-type-resolver-design.ts
@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/indent */
 import { componentMap, componentPropsConverter } from '../../../../components/designer-canvas/src/components/maps';
 import FInputGroupDesign from '../../../input-group/src/designer/input-group.design.component';
 import { EditorType, EditorConfig } from "../types";
@@ -16,5 +15,11 @@ export function useTypeResolverDesign(): UseTypeResolver {
         return componentMap[type] || FInputGroupDesign;
     }
 
-    return { resolveEditorProps, resolveEditorType };
+    function getChangeFunctionName(type: EditorType) {
+    }
+
+    function getClearFunctionName(type: EditorType) {
+    }
+
+    return { getChangeFunctionName, getClearFunctionName, resolveEditorProps, resolveEditorType };
 }
diff --git a/packages/ui-vue/components/dynamic-form/src/composition/use-type-resolver.ts b/packages/ui-vue/components/dynamic-form/src/composition/use-type-resolver.ts
index 6883a3d00224a17c75889aefed7855e22010e1ae..7cf5a8f5a6f103b59bf9838fe19d392e06bf6edd 100644
--- a/packages/ui-vue/components/dynamic-form/src/composition/use-type-resolver.ts
+++ b/packages/ui-vue/components/dynamic-form/src/composition/use-type-resolver.ts
@@ -1,5 +1,3 @@
-/* eslint-disable @typescript-eslint/indent */
-// import { componentMap, componentPropsConverter } from '../../../../components/designer-canvas/src/components/maps';
 import FInputGroup from '../../../input-group/src/input-group.component';
 import { EditorType, EditorConfig } from "../types";
 import { UseTypeResolver } from "./types";
diff --git a/packages/ui-vue/components/dynamic-form/src/designer/form-group.design.component.tsx b/packages/ui-vue/components/dynamic-form/src/designer/form-group.design.component.tsx
index 5e5895ffcee3c7b72bbf630122b360e6a987d535..98f3a6e98f94da42a0ad22d1057b8e6b8d04268e 100644
--- a/packages/ui-vue/components/dynamic-form/src/designer/form-group.design.component.tsx
+++ b/packages/ui-vue/components/dynamic-form/src/designer/form-group.design.component.tsx
@@ -1,3 +1,4 @@
+ 
 import { SetupContext, defineComponent, inject, onMounted, ref } from 'vue';
 import { DynamicFormGroupPropsType, dynamicFormGroupProps } from '../component/dynamic-form-group/dynamic-form-group.props';
 import { DesignerItemContext } from '../../../designer-canvas/src/types';
@@ -26,7 +27,7 @@ export default defineComponent({
                     propertyConfigSchema = elementRef.value.editorRef.getPropConfig(...args, componentInstance.value);
                 }
                 return propertyConfigSchema;
-            }
+            };
         });
 
 
diff --git a/packages/ui-vue/components/dynamic-form/src/designer/response-form-layout-setting.component.tsx b/packages/ui-vue/components/dynamic-form/src/designer/response-form-layout-setting.component.tsx
index 464cdab3179b55d00f1a9246af21f1337bbbd9c1..2bb3b0dedbeb7e1cde709fbe2e26be2736f22b94 100644
--- a/packages/ui-vue/components/dynamic-form/src/designer/response-form-layout-setting.component.tsx
+++ b/packages/ui-vue/components/dynamic-form/src/designer/response-form-layout-setting.component.tsx
@@ -1,5 +1,4 @@
-/* eslint-disable max-len */
-import { defineComponent, onMounted, reactive, ref, SetupContext } from 'vue';
+import { defineComponent, onMounted, ref, SetupContext } from 'vue';
 import FComboList from '@farris/ui-vue/components/combo-list';
 import { FMessageBoxService } from '../../../message-box';
 import { ResponseFormLayoutSettingProps, responseFormLayoutSettingProps } from './response-form-layout-setting.props';
@@ -11,16 +10,16 @@ export default defineComponent({
     setup(props: ResponseFormLayoutSettingProps, context: SetupContext) {
 
         /** 小屏幕：列数只支持1 */
-        let allowedSMColumns = [1];
+        const allowedSMColumns = [1];
 
         /** 中等屏幕，列数支持1,2 */
-        let allowedMDColumns = [1, 2];
+        const allowedMDColumns = [1, 2];
 
         /** 大屏幕，列数支持1,2, 3, 4 */
-        let allowedLGColumns = [1, 2, 3, 4];
+        const allowedLGColumns = [1, 2, 3, 4];
 
         /** 超大等屏幕，列数支持1,2, 3, 4, 6 */
-        let allowedELColumns = [1, 2, 3, 4, 6];
+        const allowedELColumns = [1, 2, 3, 4, 6];
 
         // 各屏幕尺寸的枚举项
         let smColumnEnumData = [] as any;
@@ -37,10 +36,6 @@ export default defineComponent({
         const lgControlCountInRow = ref(0);
         const elControlCountInRow = ref(0);
 
-        onMounted(() => {
-            initStandardColumEnumData();
-            initLayoutSetting();
-        });
         function initLayoutSetting() {
             const customText = '自定义';
 
@@ -108,8 +103,13 @@ export default defineComponent({
                 uniqueColumnClass.value.uniqueColClassInEL = elControlCountInRow.value === 0 ? null : 12 / elControlCountInRow.value;
                 context.emit('change', uniqueColumnClass.value);
             }, () => { });
-
         }
+
+        onMounted(() => {
+            initStandardColumEnumData();
+            initLayoutSetting();
+        });
+
         return () => {
             return (
                 <div>
@@ -167,5 +167,4 @@ export default defineComponent({
             );
         };
     }
-
 });
diff --git a/packages/ui-vue/components/dynamic-form/src/designer/response-form-layout-setting.props.ts b/packages/ui-vue/components/dynamic-form/src/designer/response-form-layout-setting.props.ts
index c1e891666abe5fd2080ba4cddc5c635eef45b0f8..139e05c7caf25723f29c432907240b78c045936a 100644
--- a/packages/ui-vue/components/dynamic-form/src/designer/response-form-layout-setting.props.ts
+++ b/packages/ui-vue/components/dynamic-form/src/designer/response-form-layout-setting.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { ExtractPropTypes, PropType } from 'vue';
 
 import { layoutSettingSchemaMapper } from '../schema/schema-mapper';
diff --git a/packages/ui-vue/components/dynamic-form/src/designer/response-form.design.component.tsx b/packages/ui-vue/components/dynamic-form/src/designer/response-form.design.component.tsx
index 3f6efdd97fcafacce9df456932eed295d36912f3..249081d42821fef6e302d42e7455be3423093275 100644
--- a/packages/ui-vue/components/dynamic-form/src/designer/response-form.design.component.tsx
+++ b/packages/ui-vue/components/dynamic-form/src/designer/response-form.design.component.tsx
@@ -37,7 +37,6 @@ export default defineComponent({
             }, classObject);
             return classObject;
         });
-
         
 
         return () => {
diff --git a/packages/ui-vue/components/dynamic-form/src/designer/use-designer-rules.ts b/packages/ui-vue/components/dynamic-form/src/designer/use-designer-rules.ts
index 46606d3161cbc855bd54439c9e55e1903e80fb8c..43b7b01840a8a91f5af738cbc6c7fe3f8e89ef9e 100644
--- a/packages/ui-vue/components/dynamic-form/src/designer/use-designer-rules.ts
+++ b/packages/ui-vue/components/dynamic-form/src/designer/use-designer-rules.ts
@@ -62,43 +62,6 @@ export function useDesignerRules(designItemContext: DesignerItemContext, designe
         return '';
     }
 
-    function onResolveNewComponentSchema(resolveContext: ResolveComponentContext, componentSchema: ComponentSchema): ComponentSchema {
-        const component = schema;
-        // 控件本身样式
-        const componentClass = component.appearance && component.appearance.class || '';
-        const componentClassList = componentClass.split(' ') as string[];
-        if (componentClassList.includes('f-form-layout')) {
-            const { label } = resolveContext;
-            const formGroupElementSchema = getSchemaByType('form-group') as ComponentSchema;
-            formGroupElementSchema.editor = componentSchema;
-            formGroupElementSchema.label = label;
-
-            resolveFormGroupAppearance(formGroupElementSchema);
-
-            // 以下属性放在form-group
-            delete formGroupElementSchema.editor.id;
-            delete formGroupElementSchema.editor.binding;
-            delete formGroupElementSchema.editor.appearance;
-            delete formGroupElementSchema.editor.visible;
-
-            return formGroupElementSchema;
-        }
-        return componentSchema;
-    }
-
-    function resolveFormGroupAppearance(formGroupElementSchema: any) {
-        const belongedComponentInstance = designItemContext.componentInstance.value.getBelongedComponentInstance(designItemContext.componentInstance);
-        if (belongedComponentInstance && belongedComponentInstance.schema && belongedComponentInstance.schema.componentType) {
-            const formColumns = belongedComponentInstance.schema.formColumns;
-            let appearanceClass = resolveControlClassByComponentType(formColumns);
-            appearanceClass = designerHostService?.formSchemaUtils.getControlClassByFormUnifiedLayout(appearanceClass, "", designItemContext.schema);
-
-            if (!formGroupElementSchema.appearance) {
-                formGroupElementSchema.appearance = {};
-            }
-            formGroupElementSchema.appearance.class = appearanceClass;
-        }
-    }
     /**
      * 根据所属组件的componentType设置输入控件的样式
      * @param componentType 
@@ -128,6 +91,44 @@ export function useDesignerRules(designItemContext: DesignerItemContext, designe
         return className;
     }
 
+    function resolveFormGroupAppearance(formGroupElementSchema: any) {
+        const belongedComponentInstance = designItemContext.componentInstance.value.getBelongedComponentInstance(designItemContext.componentInstance);
+        if (belongedComponentInstance && belongedComponentInstance.schema && belongedComponentInstance.schema.componentType) {
+            const { formColumns } = belongedComponentInstance.schema;
+            let appearanceClass = resolveControlClassByComponentType(formColumns);
+            appearanceClass = designerHostService?.formSchemaUtils.getControlClassByFormUnifiedLayout(appearanceClass, "", designItemContext.schema);
+
+            if (!formGroupElementSchema.appearance) {
+                formGroupElementSchema.appearance = {};
+            }
+            formGroupElementSchema.appearance.class = appearanceClass;
+        }
+    }
+
+    function onResolveNewComponentSchema(resolveContext: ResolveComponentContext, componentSchema: ComponentSchema): ComponentSchema {
+        const component = schema;
+        // 控件本身样式
+        const componentClass = component.appearance && component.appearance.class || '';
+        const componentClassList = componentClass.split(' ') as string[];
+        if (componentClassList.includes('f-form-layout')) {
+            const { label } = resolveContext;
+            const formGroupElementSchema = getSchemaByType('form-group') as ComponentSchema;
+            formGroupElementSchema.editor = componentSchema;
+            formGroupElementSchema.label = label;
+
+            resolveFormGroupAppearance(formGroupElementSchema);
+
+            // 以下属性放在form-group
+            delete formGroupElementSchema.editor.id;
+            delete formGroupElementSchema.editor.binding;
+            delete formGroupElementSchema.editor.appearance;
+            delete formGroupElementSchema.editor.visible;
+
+            return formGroupElementSchema;
+        }
+        return componentSchema;
+    }
+
     function checkCanMoveComponent() {
         return canMove;
     }
@@ -144,8 +145,6 @@ export function useDesignerRules(designItemContext: DesignerItemContext, designe
         return responseFormPops.getPropertyConfig(schema, designItemContext.componentInstance.value);
     }
 
-
-
     return {
         canAccepts,
         checkCanDeleteComponent,
diff --git a/packages/ui-vue/components/dynamic-form/src/property-config/form.property-config.ts b/packages/ui-vue/components/dynamic-form/src/property-config/form.property-config.ts
index b5e2d81943e51e912c7ffddddc01841e3ea92af6..c69f4287ac8076faeea2a7cf914c8cb80d50a68c 100644
--- a/packages/ui-vue/components/dynamic-form/src/property-config/form.property-config.ts
+++ b/packages/ui-vue/components/dynamic-form/src/property-config/form.property-config.ts
@@ -1,3 +1,4 @@
+ 
 import { DesignerComponentInstance } from "@farris/ui-vue/components/designer-canvas";
 import { BaseControlProperty } from "../../../../components/property-panel/src/composition/entity/base-property";
 import { useResponseFormLayoutSetting } from "../composition/use-response-form-layout-setting";
@@ -8,37 +9,37 @@ export class ResponseFormProperty extends BaseControlProperty {
         super(componentId, designerHostService);
     }
     public getPropertyConfig(propertyData: any, componentInstance: DesignerComponentInstance) {
-        var self=this;
+        const self = this;
         // 基本信息
         this.propertyConfig.categories['basic'] = this.getBasicPropConfig(propertyData);
         // 外观
-        const {checkIsInFormComponent, assembleUnifiedLayoutContext, changeFormControlsByUnifiedLayoutConfig } = useResponseFormLayoutSetting(this.formSchemaUtils, this.componentId);
+        const { checkIsInFormComponent, assembleUnifiedLayoutContext, changeFormControlsByUnifiedLayoutConfig } = useResponseFormLayoutSetting(this.formSchemaUtils, this.componentId);
         const appearanceCategory = this.getAppearanceConfig(propertyData);
 
         appearanceCategory.properties['unifiedLayout'] = {
             title: "统一布局配置",
             description: "统一配置卡片区域内所有控件的宽度，只支持标准模式",
-            visible:checkIsInFormComponent(this.componentId),
+            visible: checkIsInFormComponent(this.componentId),
             refreshPanelAfterChanged: true,
             editor: {
                 type: "response-form-layout-setting",
                 initialState: assembleUnifiedLayoutContext(propertyData)
             }
-        }
+        };
         appearanceCategory.setPropertyRelates = function (changeObject, prop) {
             if (!changeObject) {
-                return
+                return;
             }
             switch (changeObject && changeObject.propertyID) {
                 case 'unifiedLayout': {
                     changeFormControlsByUnifiedLayoutConfig(null, changeObject.propertyValue, propertyData.id);
-                    self.updateElementByParentContainer(propertyData.id,componentInstance);                        
-                    break
+                    self.updateElementByParentContainer(propertyData.id, componentInstance);
+                    break;
                 }
             }
-        }
+        };
 
         this.propertyConfig.categories['appearance'] = appearanceCategory;
         return this.propertyConfig;
     }
-}
\ No newline at end of file
+}
diff --git a/packages/ui-vue/components/dynamic-form/src/response-form.props.ts b/packages/ui-vue/components/dynamic-form/src/response-form.props.ts
index 3ef57b9a887b7d528eb8099e3c2e1e6aaf21aa74..5df5db977fc47673fdd01654291fccbce4551eb4 100644
--- a/packages/ui-vue/components/dynamic-form/src/response-form.props.ts
+++ b/packages/ui-vue/components/dynamic-form/src/response-form.props.ts
@@ -1,4 +1,3 @@
-/* eslint-disable max-len */
 import { ExtractPropTypes } from 'vue';
 import { createPropsResolver } from '../../dynamic-resolver';
 import { schemaMapper } from './schema/schema-mapper';
diff --git a/packages/ui-vue/components/dynamic-form/src/schema/schema-mapper.ts b/packages/ui-vue/components/dynamic-form/src/schema/schema-mapper.ts
index 0f3948a8d84791314245f70fdc20ee6ed9e7d92c..2ceeed5d5dacae8be7703f18b43d5eeff55868a4 100644
--- a/packages/ui-vue/components/dynamic-form/src/schema/schema-mapper.ts
+++ b/packages/ui-vue/components/dynamic-form/src/schema/schema-mapper.ts
@@ -4,4 +4,4 @@ export const schemaMapper = new Map<string, string | MapperFunction>([
     ['appearance', resolveAppearance]
 ]);
 
-export const layoutSettingSchemaMapper = new Map<string, string | MapperFunction>([]);
\ No newline at end of file
+export const layoutSettingSchemaMapper = new Map<string, string | MapperFunction>([]);
diff --git a/packages/ui-vue/components/dynamic-form/src/schema/schema-resolver.ts b/packages/ui-vue/components/dynamic-form/src/schema/schema-resolver.ts
index 0b0176af77ef022ea0eda142d5f685101de82c06..4d72581c11708dab9e6f81a159b8333e610a77f5 100644
--- a/packages/ui-vue/components/dynamic-form/src/schema/schema-resolver.ts
+++ b/packages/ui-vue/components/dynamic-form/src/schema/schema-resolver.ts
@@ -1,14 +1,13 @@
-/* eslint-disable max-len */
+
 import { ComponentBuildInfo } from "../../../component/src/composition/inner-component-build-info";
 import { DesignerHostService } from "../../../designer-canvas/src/composition/types";
 import { DesignerComponentInstance } from "../../../designer-canvas/src/types";
 import { DynamicResolver } from "../../../dynamic-resolver";
 import { ResponseFormComponentCreatorService } from "../composition/response-form-component-creator.service";
 
-
-export function schemaResolver(resolver: DynamicResolver, schema: Record<string, any>, context: Record<string, any>, designerHostService: DesignerHostService): Record<string, any> {
+export function schemaResolver(resolver: DynamicResolver, schema: Record<string, any>, context: Record<string, any>, designerHostService?: DesignerHostService): Record<string, any> {
     const parentComponentInstance = context.parentComponentInstance as DesignerComponentInstance;
-    if (parentComponentInstance) {
+    if (parentComponentInstance && designerHostService) {
         const parentComponentType = parentComponentInstance.schema?.type;
         const radomNumber = Math.random().toString(36).slice(2, 6);
         const componentBuildInfo: ComponentBuildInfo = {
@@ -18,7 +17,7 @@ export function schemaResolver(resolver: DynamicResolver, schema: Record<string,
             formColumns: parentComponentType === 'splitter-pane' ? 1 : 4,
             parentContainerId: parentComponentInstance.schema.id,
             bindTo: '/',
-        }
+        };
         const componentCreator = new ResponseFormComponentCreatorService(resolver, designerHostService);
         const componentRefNode = componentCreator.createComponent(componentBuildInfo);
 
@@ -30,4 +29,4 @@ export function schemaResolver(resolver: DynamicResolver, schema: Record<string,
 
 export function layoutSettingSchemaResolver(resolver: DynamicResolver, schema: Record<string, any>, context: Record<string, any>): Record<string, any> {
     return schema;
-}
\ No newline at end of file
+}
diff --git a/packages/ui-vue/components/dynamic-form/src/types.ts b/packages/ui-vue/components/dynamic-form/src/types.ts
index dda988eed453c60efd37bfdcdfe75b0ff9d17e11..4193e55966ab76842b5bd96cac21807afb67d720 100644
--- a/packages/ui-vue/components/dynamic-form/src/types.ts
+++ b/packages/ui-vue/components/dynamic-form/src/types.ts
@@ -1,7 +1,5 @@
-/* eslint-disable @typescript-eslint/indent */
-
-export type EditorType = 'button-edit' | 'check-box' | 'check-group' | 'combo-list' | 'combo-lookup' | 'combo-tree'
-    | 'date-picker' | 'date-range' | 'datetime-picker' | 'datetime-range' | 'events-editor' | 'month-picker' | 'month-range' |
+export type EditorType = 'button-edit' | 'check-box' | 'check-group' | 'combo-list' | 'combo-lookup' | 'combo-tree' |
+    'date-picker' | 'date-range' | 'datetime-picker' | 'datetime-range' | 'events-editor' | 'month-picker' | 'month-range' |
     'year-picker' | 'year-range' | 'input-group' | 'lookup' | 'number-range' | 'number-spinner' | 'radio-group' | 'text' |
     'response-layout-editor-setting' | 'switch' | 'grid-field-editor' | 'field-selector' | 'schema-selector' | 'mapping-editor' | 'textarea' | 'response-form-layout-setting'|'binding-selector';
 
@@ -28,7 +26,7 @@ export interface FormUnifiedColumnLayout {
     uniqueColClassInEL: number;
 }
 export interface UseResponseFormLayoutSetting {
-    checkIsInFormComponent:(componentId: string)=> boolean;
+    checkIsInFormComponent: (componentId: string) => boolean;
     assembleUnifiedLayoutContext: (propertyData: any) => FormUnifiedColumnLayout;
-    changeFormControlsByUnifiedLayoutConfig:(formNode: any, unifiedLayout: FormUnifiedColumnLayout,formSchemaId:string)=>void;
-}
\ No newline at end of file
+    changeFormControlsByUnifiedLayoutConfig: (formNode: any, unifiedLayout: FormUnifiedColumnLayout, formSchemaId: string) => void;
+}
diff --git a/packages/ui-vue/components/dynamic-resolver/src/common/toolbar-resolver.ts b/packages/ui-vue/components/dynamic-resolver/src/common/toolbar-resolver.ts
index 6190edfd556237d3b7c4928a4f3d1b9d325edfd2..7bb33088e5a3f9c31ffbfa20f6310475c27b7a28 100644
--- a/packages/ui-vue/components/dynamic-resolver/src/common/toolbar-resolver.ts
+++ b/packages/ui-vue/components/dynamic-resolver/src/common/toolbar-resolver.ts
@@ -3,7 +3,7 @@ export function resolveToolbar(key: string, toolbarObject: { buttons: any[] }) {
     toolbarObject?.buttons.map(button => {
         const newButton = {};
         Object.keys(button).map(key => {
-            if (key == 'appearance') {
+            if (key === 'appearance') {
                 newButton['class']=button[key]?.class||'';
             }else{
                 newButton[key] = button[key];
diff --git a/packages/ui-vue/components/dynamic-resolver/src/converter/change-editor.converter.ts b/packages/ui-vue/components/dynamic-resolver/src/converter/change-editor.converter.ts
index f19d495b608723e85aa5828119266a9f85f22210..61e5ef06b48fb0060091dc693d490bb44c31df24 100644
--- a/packages/ui-vue/components/dynamic-resolver/src/converter/change-editor.converter.ts
+++ b/packages/ui-vue/components/dynamic-resolver/src/converter/change-editor.converter.ts
@@ -3,11 +3,13 @@ import { PropertyConverter, SchemaService } from "../types";
 
 export default {
     convertTo: (schema: ComponentSchema, propertyKey: string, propertyValue: any, schemaService: SchemaService) => {
-        schema[propertyKey]=schema[propertyKey];
+        // eslint-disable-next-line no-self-assign
+        schema[propertyKey] = schema[propertyKey];
     },
     convertFrom: (schema: ComponentSchema, propertyKey: string, schemaService: SchemaService) => {
-        if(schema.editor)
+        if (schema.editor) {
             return schemaService.getRealEditorType(schema.editor.type);
+        }
         return '';
     }
 } as PropertyConverter;
diff --git a/packages/ui-vue/components/dynamic-resolver/src/converter/property-editor.converter.ts b/packages/ui-vue/components/dynamic-resolver/src/converter/property-editor.converter.ts
index a0e7321a94a2c091f9b9c625966b620397bd384c..e6e83cae987d6437ee8e7a1879641f845a0b9f0d 100644
--- a/packages/ui-vue/components/dynamic-resolver/src/converter/property-editor.converter.ts
+++ b/packages/ui-vue/components/dynamic-resolver/src/converter/property-editor.converter.ts
@@ -8,6 +8,7 @@ export default {
         }
     },
     convertFrom: (schema: ComponentSchema, propertyKey: string, schemaService: SchemaService) => {
-        return schema.editor&& schema.editor.hasOwnProperty(propertyKey) ? schema.editor[propertyKey] : schema[propertyKey];
+        return schema.editor && Object.prototype.hasOwnProperty.call(schema.editor, propertyKey) ?
+            schema.editor[propertyKey] : schema[propertyKey];
     }
 } as PropertyConverter;
diff --git a/packages/ui-vue/components/dynamic-resolver/src/events-resolver.ts b/packages/ui-vue/components/dynamic-resolver/src/events-resolver.ts
index 65c19a197845612c540246bb9c51dfedd060071d..fd66d0c5d42f000c43db1cd7c236f2d5e63ea3b2 100644
--- a/packages/ui-vue/components/dynamic-resolver/src/events-resolver.ts
+++ b/packages/ui-vue/components/dynamic-resolver/src/events-resolver.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { EventDispatcher } from "./types";
 
 export function createEventsResolver() {
diff --git a/packages/ui-vue/components/dynamic-resolver/src/property-config-resolver.ts b/packages/ui-vue/components/dynamic-resolver/src/property-config-resolver.ts
index 72a83caa77f1615d65ecf1b4f9d0b0ecc1c95b5d..b2e912543691012dfd3222a1a114fe385f100045 100644
--- a/packages/ui-vue/components/dynamic-resolver/src/property-config-resolver.ts
+++ b/packages/ui-vue/components/dynamic-resolver/src/property-config-resolver.ts
@@ -1,5 +1,4 @@
-/* eslint-disable @typescript-eslint/indent */
-/* eslint-disable max-len */
+ 
 import { computed, ref } from "vue";
 import { EffectFunction, PropertyConverter, SchemaService } from './types';
 import { EditorConfig } from "../../dynamic-form";
@@ -61,7 +60,8 @@ function generateBooleanValue(pvalueSchema: Record<string, any>, propertyConfigM
     return () => useObjectExpressionComponstion.parseValueSchema(pvalueSchema, propertyConfigMap);
 }
 
-function isVisible(propertySchemaKeys: string[], propertySchema: Record<string, any>, propertyConfigMap: Record<string, PropertyEntity>) {
+function isVisible(propertySchemaKeys: string[], propertySchema: Record<string, any>, propertyConfigMap: Record<string, PropertyEntity>)
+    : boolean | (() => boolean) {
     if (propertySchemaKeys.includes('visible') && propertySchema.visible !== undefined) {
         return typeof propertySchema.visible === 'boolean' ?
             () => Boolean(propertySchema.visible) :
@@ -134,15 +134,15 @@ function getPropertyEntities(
             get() {
                 if (updateCount.value) {
                     // class、style 统一处理
-                    if (['class', 'style'].find(id => id == propertyID) && !converter) {
+                    if (['class', 'style'].find(id => id === propertyID) && !converter) {
                         converter = propertyConverterMap.get('/converter/appearance.converter') || null;
                     }
                     if (converter && converter.convertFrom) {
-                        return converter.convertFrom(editingSchema, propertyKey, schemaService, componentId)
+                        return converter.convertFrom(editingSchema, propertyKey, schemaService, componentId);
                     }
                     // 获取属性时，如果没有convertForm，并且通过在Schema上获取得值是空，那就获取defaultValue属性值或者是空
                     const editingSchemaValue = editingSchema[propertyKey];
-                    return typeof editingSchemaValue == 'string' && editingSchemaValue == '' ? propertySchema['defaultValue'] || '' : editingSchemaValue;
+                    return typeof editingSchemaValue == 'string' && editingSchemaValue === '' ? propertySchema['defaultValue'] || '' : editingSchemaValue;
                 }
                 return null;
             },
@@ -157,7 +157,7 @@ function getPropertyEntities(
                 }
             }
         });
-        const refreshPanelAfterChanged = propertySchema.refreshPanelAfterChanged;
+        const { refreshPanelAfterChanged } = propertySchema;
         const propertyEntity = { propertyID, propertyName, propertyType, propertyValue, editor, visible, readonly, cascadeConfig, hideCascadeTitle, refreshPanelAfterChanged };
         propertyConfigMap[propertyID] = propertyEntity;
         return propertyEntity;
@@ -207,7 +207,7 @@ function tryToResolveReference(categoryId: string, propertyCategory: Record<stri
 
 // jumphere
 function getPropertyConfigBySchema(rawSchema: ComponentSchema, schemaService: SchemaService, designerItem: any, componentId: string, propertyConfig?: Record<string, any>): ElementPropertyConfig[] {
-    let schemaType = rawSchema.type;
+    const schemaType = rawSchema.type;
     const editingSchema = resolveSchemaWithDefaultValue(rawSchema) as ComponentSchema;
     const propertyConfigMap = {} as Record<string, PropertyEntity>;
 
@@ -230,9 +230,9 @@ function getPropertyConfigBySchema(rawSchema: ComponentSchema, schemaService: Sc
             const hide = propertyCategory?.hide;
             const hideTitle = propertyCategory?.hideTitle;
             const properties = getPropertyEntities(propertyCategory.properties || {}, propertyConfigMap, editingSchema, rawSchema, schemaService, componentId, propertyCategory['$converter']);
-            const setPropertyRelates = propertyCategory.setPropertyRelates;
+            const { setPropertyRelates } = propertyCategory;
             propertyConfigs.push({ categoryId, categoryName, tabId, tabName, hide, properties, hideTitle, setPropertyRelates });
-        })
+        });
         return propertyConfigs;
     }
     return [];
diff --git a/packages/ui-vue/components/dynamic-resolver/src/props-resolver.ts b/packages/ui-vue/components/dynamic-resolver/src/props-resolver.ts
index 888ae90ffb8780cdcc0e8c78a320c38eb43923a6..c1d99b457bf0cb0c00f9f6c6c1ab6842b11f833d 100644
--- a/packages/ui-vue/components/dynamic-resolver/src/props-resolver.ts
+++ b/packages/ui-vue/components/dynamic-resolver/src/props-resolver.ts
@@ -1,3 +1,4 @@
+import { DesignerHostService } from './../../designer-canvas/src/composition/types';
 import { resolveSchemaToProps, schemaMap, schemaResolverMap } from './schema-resolver';
 import { DynamicResolver, EffectFunction, MapperFunction, SchemaResolverFunction } from './types';
 import { propertyConfigSchemaMap, propertyEffectMap } from './property-config-resolver';
@@ -9,7 +10,8 @@ export function createPropsResolver<T extends Record<string, any>>(
     schemaResolver: SchemaResolverFunction = (
         dynamicResolver: DynamicResolver,
         schema: Record<string, any>,
-        resolveContext: Record<string, any>
+        resolveContext: Record<string, any>,
+        designerHostService?: DesignerHostService
     ) => schema,
     propertyConfig: Record<string, any> = {},
     propertyEffect: EffectFunction = (properties: Record<string, any>) => properties
diff --git a/packages/ui-vue/components/dynamic-resolver/src/schema-resolver.ts b/packages/ui-vue/components/dynamic-resolver/src/schema-resolver.ts
index 6cb0a45b07f9f8bf897792e2177a0fdd2995736f..be005ce48bd815674fb2c8b46b2a92ca6cf88be1 100644
--- a/packages/ui-vue/components/dynamic-resolver/src/schema-resolver.ts
+++ b/packages/ui-vue/components/dynamic-resolver/src/schema-resolver.ts
@@ -9,24 +9,26 @@ function getSchemaValueByDefault(defaultSchema: Record<string, any>): Record<str
     const { properties, title, ignore: ignoreList } = defaultSchema as Record<string, any>;
     const canIgnoreProperty = ignoreList && Array.isArray(ignoreList);
     const resolvedSchema = Object.keys(properties).reduce((propsObject: Record<string, any>, propKey: string) => {
-        if (!canIgnoreProperty || !ignoreList.find(item => item == propKey)) {
+        if (!canIgnoreProperty || !ignoreList.find(item => item === propKey)) {
             propsObject[propKey] = (properties[propKey].type === 'object' && !!properties[propKey].properties) ?
                 getSchemaValueByDefault(properties[propKey]) : cloneDeep(properties[propKey].default);
         }
         return propsObject;
     }, {});
-    if (title && (!canIgnoreProperty || !ignoreList.find(item => item == 'id'))) {
+    if (title && (!canIgnoreProperty || !ignoreList.find(item => item === 'id'))) {
         resolvedSchema.id = `${title}-${Date.now()}`;
     }
     return resolvedSchema;
 }
 
-function getSchemaByType(componentType: string, resolveContext: Record<string, any> = {}, designerHostService?: DesignerHostService): Record<string, any> | null {
+function getSchemaByType(componentType: string, resolveContext: Record<string, any> = {}, designerHostService?: DesignerHostService)
+    : Record<string, any> | null {
     const defaulSchema = schemaMap[componentType];
     if (defaulSchema) {
         let componentSchema = getSchemaValueByDefault(defaulSchema);
         const schemaResolver = schemaResolverMap[componentType];
-        componentSchema = schemaResolver ? schemaResolver({ getSchemaByType }, componentSchema, resolveContext, designerHostService) : componentSchema;
+        componentSchema = schemaResolver ? schemaResolver({ getSchemaByType }, componentSchema, resolveContext, designerHostService)
+            : componentSchema;
         return componentSchema;
     }
     return null;
diff --git a/packages/ui-vue/components/dynamic-resolver/src/types.ts b/packages/ui-vue/components/dynamic-resolver/src/types.ts
index 3d22aaaedc8bf021bdd7345872fe9c1c0e89b18b..bf13bce02bef9295aaa18493594e84d7ae7c3cb7 100644
--- a/packages/ui-vue/components/dynamic-resolver/src/types.ts
+++ b/packages/ui-vue/components/dynamic-resolver/src/types.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { DesignerHostService } from "../../designer-canvas/src/composition/types";
 
 export type MapperFunction = (key: string, value: any, resolvedSchema?: any) => Record<string, any>;
@@ -71,6 +71,6 @@ export interface ViewEvent {
     name: string;
     payloads: any[];
 }
-export interface EventHandlerResolver{
-    resolve(schema: Record<string,any>, event: ViewEvent);
+export interface EventHandlerResolver {
+    resolve(schema: Record<string, any>, event: ViewEvent);
 }
diff --git a/packages/ui-vue/components/dynamic-view/src/composition/use-entity-resolver.ts b/packages/ui-vue/components/dynamic-view/src/composition/use-entity-resolver.ts
index f9063db78005052fa0956305a53c8b96e5d719ff..95169ec23fe2d222c098262be8f08dff2eff2a14 100644
--- a/packages/ui-vue/components/dynamic-view/src/composition/use-entity-resolver.ts
+++ b/packages/ui-vue/components/dynamic-view/src/composition/use-entity-resolver.ts
@@ -1,5 +1,4 @@
 /* eslint-disable no-use-before-define */
-/* eslint-disable no-restricted-syntax */
 import { ResolvedEntity, EntitySchema, UseEntityResolver } from "../types";
 import { useFormSchema } from "./use-form-schema";
 
diff --git a/packages/ui-vue/components/dynamic-view/src/composition/use-entity.ts b/packages/ui-vue/components/dynamic-view/src/composition/use-entity.ts
index a3ea9a80eaf45cc1c05741b076b823a69f044abd..bb3ba43b2753849d04ae601b05d9660e67d35041 100644
--- a/packages/ui-vue/components/dynamic-view/src/composition/use-entity.ts
+++ b/packages/ui-vue/components/dynamic-view/src/composition/use-entity.ts
@@ -13,7 +13,9 @@ export function useEntity(schema: Record<string, any>) {
         entities.forEach((entity: ResolvedEntity) => {
             const bindingPath = '/' + entity.bindingPaths.join('/');
             const { primaryKey } = entity;
-            const bindingContext: EntityState = { primaryKey, bindingPath, currentId: null, dataSource: entity.label };
+            const bindingContext: EntityState = { primaryKey, bindingPath, currentId: null, label: entity.label };
+            // jumphere by sagi
+            bindingContext['dataSource'] = entity.label;
             bindingDataContexts[bindingPath] = bindingContext;
         });
     }
diff --git a/packages/ui-vue/components/dynamic-view/src/composition/use-field-resolver.ts b/packages/ui-vue/components/dynamic-view/src/composition/use-field-resolver.ts
index b8a31f496acbedaa3842e86b0866aa33c229be25..29206d38d881f042ee2d3eb9fe7898e7ada2e679 100644
--- a/packages/ui-vue/components/dynamic-view/src/composition/use-field-resolver.ts
+++ b/packages/ui-vue/components/dynamic-view/src/composition/use-field-resolver.ts
@@ -1,5 +1,5 @@
 /* eslint-disable no-use-before-define */
-/* eslint-disable no-restricted-syntax */
+ 
 import { ResolvedEntityField, UseFieldResolver } from "../types";
 import { useFormSchema } from "./use-form-schema";
 
diff --git a/packages/ui-vue/components/dynamic-view/src/dynamic-view.component.tsx b/packages/ui-vue/components/dynamic-view/src/dynamic-view.component.tsx
index 6ea1ebfff50d9e4c3496666c37b85733378efc97..8332a87e8301818de31bb856b98fc6d60e52de15 100644
--- a/packages/ui-vue/components/dynamic-view/src/dynamic-view.component.tsx
+++ b/packages/ui-vue/components/dynamic-view/src/dynamic-view.component.tsx
@@ -1,7 +1,6 @@
-/* eslint-disable max-len */
+/* eslint-disable @typescript-eslint/no-unsafe-function-type */
+ 
 /* eslint-disable no-use-before-define */
-/* eslint-disable @typescript-eslint/ban-types */
-/* eslint-disable @typescript-eslint/indent */
 import { SetupContext, defineComponent, ref, watch, inject, createVNode } from 'vue';
 import { merge } from 'lodash-es';
 import { dynamicViewProps, DynamicViewProps } from './dynamic-view.props';
@@ -237,7 +236,7 @@ const FDynamicView = defineComponent({
         setupContext.expose({ componentManager, rerender, getProps, invoke, setProps, getSchema, setSchema, selectItemById });
 
         return () => {
-            // eslint-disable-next-line prefer-destructuring
+             
             const components: Record<string, any>[] = schema.value?.module?.components;
             if (!components || components.length < 1) {
                 return null;
diff --git a/packages/ui-vue/components/dynamic-view/src/event-dispatcher.ts b/packages/ui-vue/components/dynamic-view/src/event-dispatcher.ts
index 00ad151d6b768409e831492b2b5d662106a9987e..37b0c47fa498048f63507c5f9cdd0789fb49a7b5 100644
--- a/packages/ui-vue/components/dynamic-view/src/event-dispatcher.ts
+++ b/packages/ui-vue/components/dynamic-view/src/event-dispatcher.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { SetupContext } from "vue";
 import { createEventHandlerResolver, EventDispatcher } from "../../dynamic-resolver";
 import { resolverMap } from "./components/maps";
diff --git a/packages/ui-vue/components/enum-editor/index.ts b/packages/ui-vue/components/enum-editor/index.ts
index dd3c72fe8fcd9a077964efd848fe71b1e2dab2f1..b472357d127d9a3610c5abd927b43dbc0d5aaf14 100644
--- a/packages/ui-vue/components/enum-editor/index.ts
+++ b/packages/ui-vue/components/enum-editor/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/enum-editor/src/components/enum-editor-container.component.tsx b/packages/ui-vue/components/enum-editor/src/components/enum-editor-container.component.tsx
index 8cd64dae5322065e415aa8296a1ec51555e7498b..581870e057d73c3f386f324cbe1af27afa38e158 100644
--- a/packages/ui-vue/components/enum-editor/src/components/enum-editor-container.component.tsx
+++ b/packages/ui-vue/components/enum-editor/src/components/enum-editor-container.component.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/indent */
 import { SetupContext, defineComponent, ref } from "vue";
 import { EnumEditorProps, enumEditorProps } from "../enum-editor.props";
 import EnumeditorTableComponent from './enum-editor-table.component';
@@ -14,8 +13,8 @@ export default defineComponent({
     emits: ['dataChanged'],
     setup(props: EnumEditorProps, context: SetupContext) {
 
-        const {moveTop, moveDown, moveBottom, moveUp} = useMoveData();
-        const {guid} = useGuid();
+        const { moveTop, moveDown, moveBottom, moveUp } = useMoveData();
+        const { guid } = useGuid();
 
         const enumData = ref(props.items || []);
         const currentItem = ref<SelectedEnumItem>();
@@ -37,7 +36,7 @@ export default defineComponent({
         }
 
         function onMove(event: MouseEvent, type: string) {
-            switch(type) {
+            switch (type) {
                 case 'top':
                     moveTop(enumData.value, currentItem.value);
                     break;
@@ -69,13 +68,13 @@ export default defineComponent({
                 items={enumData.value}
                 onSelected={onSelectedItem}
             ></EnumeditorTableComponent>
-            <EnumEditorButtons
-                activeData={currentItem.value}
-                itemsTotal={enumData.value?.length}
-                onAdd={onAddNew}
-                onClear={onClear}
-                onMove={(event: MouseEvent, type: string) => onMove(event, type)}
-            ></EnumEditorButtons></div>);
+                <EnumEditorButtons
+                    activeData={currentItem.value}
+                    itemsTotal={enumData.value?.length}
+                    onAdd={onAddNew}
+                    onClear={onClear}
+                    onMove={(event: MouseEvent, type: string) => onMove(event, type)}
+                ></EnumEditorButtons></div>);
         };
     }
 });
diff --git a/packages/ui-vue/components/enum-editor/style.ts b/packages/ui-vue/components/enum-editor/style.ts
index 30e16c81ce885afac5bcde1e02f1a6338c92f14c..33e4e7c21a2ac11f287a0d1d54643999bc147b31 100644
--- a/packages/ui-vue/components/enum-editor/style.ts
+++ b/packages/ui-vue/components/enum-editor/style.ts
@@ -2,4 +2,4 @@ import "@farris/ui-vue/components/dependent-base/style";
 import "@farris/ui-vue/components/dependent-icon/style";
 import "@farris/ui-vue/components/dependent-table/style";
 import "@farris/ui-vue/components/modal/style";
-import "@farris/ui-vue/components/button-edit/style";
\ No newline at end of file
+import "@farris/ui-vue/components/button-edit/style";
diff --git a/packages/ui-vue/components/events-editor/index.ts b/packages/ui-vue/components/events-editor/index.ts
index 9957933e9e26a9a6e3f6c139109de5a6c096c8dd..69ef409d3f525cf9ae2ec4f04e280b4fb5efc6ca 100644
--- a/packages/ui-vue/components/events-editor/index.ts
+++ b/packages/ui-vue/components/events-editor/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import type { App } from 'vue';
 import FEventsEditor from './src/events-editor.component';
 import FEventsEditorDesign from './src/designer/events-editor.design.component';
diff --git a/packages/ui-vue/components/events-editor/src/components/interaction-item/interaction-item.component.tsx b/packages/ui-vue/components/events-editor/src/components/interaction-item/interaction-item.component.tsx
index ddb5c87d2c696140d39402db5343bf4a4398a8bd..cacbdd3055a89cf487712b31a41fa51afd84ebd3 100644
--- a/packages/ui-vue/components/events-editor/src/components/interaction-item/interaction-item.component.tsx
+++ b/packages/ui-vue/components/events-editor/src/components/interaction-item/interaction-item.component.tsx
@@ -28,7 +28,7 @@ export default defineComponent({
     emits: ['addAction', 'delete', 'toggle'] as (string[] & ThisType<void>) | undefined,
     setup(props: InteractionItemProps, context: SetupContext) {
         const methodsComposition = inject<UseMethods>('useMethodsComposition') as UseMethods;
-        const { toggleSelectingMethod,emitFinalState } = methodsComposition;
+        const { toggleSelectingMethod, emitFinalState } = methodsComposition;
         const controllers = ref<Command[]>(props.controllers);
         const interaction = ref<InteractionItem>(props.interaction);
         const interactionIndex = ref<number>(props.displayOrder);
@@ -69,7 +69,7 @@ export default defineComponent({
 
         function onClickAddActionButton() {
             const hasBoundCommand = interaction.value.command !== null;
-            if(hasBoundCommand){
+            if (hasBoundCommand) {
                 const switchOption = interaction.value.showSwitch[0];
                 toggleSelectingMethod(switchOption);
                 context.emit('addAction', interactionIndex.value);
@@ -116,21 +116,25 @@ export default defineComponent({
         /**
          * 参数编辑器点击完成触发
          */
-        function onParameterEditorConfirmHandler(){
+        function onParameterEditorConfirmHandler() {
             const switchOption = interaction.value.showSwitch[0];
-            switchOption.showSection[switchOption.showSwitchNumber][3]=false;
+            switchOption.showSection[switchOption.showSwitchNumber][3] = false;
         }
         /**
          * 参数编辑器变更触发
          * @param event 
          */
-        function onParameterEditorChangeHandler(event){
-            interaction.value.command=cloneDeep(event);
+        function onParameterEditorChangeHandler(event) {
+            interaction.value.command = cloneDeep(event);
             emitFinalState();
         }
 
         function renderMethodInfo() {
-            return <ParameterEditor command={interaction.value.command} onConfirm={()=>onParameterEditorConfirmHandler()} onChange={(event)=>onParameterEditorChangeHandler(event)}></ParameterEditor>;
+            return <ParameterEditor
+                command={interaction.value.command}
+                onConfirm={() => onParameterEditorConfirmHandler()}
+                onChange={(event) => onParameterEditorChangeHandler(event)}
+            ></ParameterEditor>;
         }
 
         return () => {
diff --git a/packages/ui-vue/components/events-editor/src/components/parameter-editor/parameter-editor.component.tsx b/packages/ui-vue/components/events-editor/src/components/parameter-editor/parameter-editor.component.tsx
index 5d77d626730ed0b0207752e364a4d4ba2b807535..e2d80d8038dfb02640a59580ed842312259b9180 100644
--- a/packages/ui-vue/components/events-editor/src/components/parameter-editor/parameter-editor.component.tsx
+++ b/packages/ui-vue/components/events-editor/src/components/parameter-editor/parameter-editor.component.tsx
@@ -18,7 +18,7 @@ import './parameter-editor.css';
 export default defineComponent({
     name: 'FParameterEditor',
     props: parameterEditorProps,
-    emits: ['confirm','change'] as (string[] & ThisType<void>) | undefined,
+    emits: ['confirm', 'change'] as (string[] & ThisType<void>) | undefined,
     setup(props: ParameterEditorProps, context: SetupContext) {
 
         // const data = ref<any>([]);
@@ -39,7 +39,7 @@ export default defineComponent({
 
         const shouldShowEditButton = computed(() => !abandoned.value && !deleted.value);
 
-        const shouldShowParameterEditorGroup= ref(false);
+        const shouldShowParameterEditorGroup = ref(false);
 
         function showPromptingMessage() {
 
@@ -72,7 +72,7 @@ export default defineComponent({
          * @param commandItemIndex 
          */
         function hideCurrentParameter(commandItemIndex: number) {
-            shouldShowParameterEditorGroup.value=!shouldShowParameterEditorGroup.value;
+            shouldShowParameterEditorGroup.value = !shouldShowParameterEditorGroup.value;
         }
 
         function renderEditButton() {
@@ -91,7 +91,7 @@ export default defineComponent({
         // });
 
         function getSelectedComponent(selectedValue: any) {
-            
+
         }
 
         function renderTargetComponentSelector() {
@@ -116,18 +116,20 @@ export default defineComponent({
          * @param event 
          * @param propertyItem 
          */
-        function onEditorChangeHandler(event,propertyItem){
-            propertyItem['value']=event.target.value;
+        function onEditorChangeHandler(event, propertyItem) {
+            propertyItem['value'] = event.target.value;
         }
-        function onEditorBlurHandler(){
-            context.emit('change',command.value);
+        function onEditorBlurHandler() {
+            context.emit('change', command.value);
         }
 
         function renderParameterEditor(propertyItem) {
             // todo: ide-parameter-editor
             return <div>
-                <input class="form-control f-utils-fill text-left" value={propertyItem.value}  onChange={(event)=>onEditorChangeHandler(event,propertyItem)} onBlur={(event)=>onEditorBlurHandler()} />
-            </div>
+                <input title="ide-parameter-editor" class="form-control f-utils-fill text-left" value={propertyItem.value}
+                    onChange={(event) => onEditorChangeHandler(event, propertyItem)}
+                    onBlur={(event) => onEditorBlurHandler()} />
+            </div>;
         }
 
         function renderParameterEditors() {
@@ -151,7 +153,7 @@ export default defineComponent({
         }
 
         function foldIn(commandItemIndex: number) {
-            shouldShowParameterEditorGroup.value=false;
+            shouldShowParameterEditorGroup.value = false;
             context.emit('confirm');
         }
 
@@ -168,10 +170,10 @@ export default defineComponent({
          * @returns 
          */
         function renderParameterEditorGroup() {
-            return<div class="f-page-parameter-editor-group">
-                    {/* {shouldSelectTargetComponent.value && renderTargetComponentSelector()} */}
-                    {renderParameterEditors()}
-                </div>;
+            return <div class="f-page-parameter-editor-group">
+                {/* {shouldSelectTargetComponent.value && renderTargetComponentSelector()} */}
+                {renderParameterEditors()}
+            </div>;
         }
         /**
          * 显示方法名称和编辑按钮
diff --git a/packages/ui-vue/components/events-editor/src/composition/use-events.ts b/packages/ui-vue/components/events-editor/src/composition/use-events.ts
index 8cb079077b2decce2a13671ac1540b170a4322b7..65c15bed2c48a6df9dbf4a5b3f5753480a30bb3d 100644
--- a/packages/ui-vue/components/events-editor/src/composition/use-events.ts
+++ b/packages/ui-vue/components/events-editor/src/composition/use-events.ts
@@ -15,46 +15,54 @@ export function useEvents(initialData: Ref<InternalCommand>): UseEvents {
 
     /** 目标组件：根据设定的规则，确定可选的目标组件的范围 */
     function initTargetComponent() {
-        const allComponentList = initialData.value.allComponentList;
+        const { allComponentList } = initialData.value;
         // 若componentLists为空，不显示目标组件下拉框（hasPath=false），默认添加到自己的viewmodel下
         if (initialData.value.componentLists.length && initialData.value.viewModel) {
             initialData.value.viewModel.forEach(controllerItem => {
                 controllerItem.controllerList.forEach(commandItem => {
                     if (commandItem['targetComponent']) {
-                        //判断targetComponent的vm是否和控件所在vm相同
-                        const componentList = allComponentList.find(componentListsItem => componentListsItem.componentId == commandItem.targetComponent);
+                        // 判断targetComponent的vm是否和控件所在vm相同
+                        const componentList = allComponentList
+                            .find(componentListsItem => componentListsItem.componentId === commandItem.targetComponent);
                         const targetVmId = componentList ? componentList.viewModelId : undefined;
-                        if (targetVmId == initialData.value.viewModelId) {
-                            //一段式
+                        if (targetVmId === initialData.value.viewModelId) {
+                            // 一段式
                             commandItem.hasPath = false;
                         }
                         else {
-                            //三段式
+                            // 三段式
                             const hasPath = isContextDependent(controllerItem.controllerName.id, commandItem.handlerName);
                             commandItem.hasPath = hasPath ? true : commandItem.hasPath;
                             commandItem.componentLists = hasPath ? cloneDeep(initialData.value.componentLists) : commandItem.componentLists;
                         }
                     }
                 });
-            })
+            });
         }
         if (initialData.value.componentLists.length && initialData.value.boundEventsList) {
             initialData.value.boundEventsList.forEach(boundEventsListItem => {
                 if (boundEventsListItem.command?.targetComponent) {
-                    const componentList = allComponentList.find(componentListsItem => componentListsItem.componentId == (boundEventsListItem.command?.targetComponent || ''));
+                    const componentList = allComponentList
+                        .find(componentListsItem =>
+                            componentListsItem.componentId === (boundEventsListItem.command?.targetComponent || '')
+                        );
                     const targetVmId = componentList ? componentList.viewModelId : undefined;
-                    if (targetVmId == initialData.value.viewModelId) {
-                        //一段式
+                    if (targetVmId === initialData.value.viewModelId) {
+                        // 一段式
                         boundEventsListItem.command['hasPath'] = false;
                     }
                     else {
-                        //三段式
-                        const hasPath = isContextDependent(boundEventsListItem.controller['id'], boundEventsListItem.command['handlerName']);
+                        // 三段式
+                        const hasPath = isContextDependent(
+                            boundEventsListItem.controller['id'],
+                            boundEventsListItem.command['handlerName']
+                        );
                         boundEventsListItem.command['hasPath'] = hasPath ? true : boundEventsListItem.command['hasPath'];
-                        boundEventsListItem.command['componentLists'] = hasPath ? cloneDeep(initialData.value.componentLists) : boundEventsListItem.command['componentLists'];
+                        boundEventsListItem.command['componentLists'] = hasPath ?
+                            cloneDeep(initialData.value.componentLists) : boundEventsListItem.command['componentLists'];
                     }
                 }
-            })
+            });
         }
         initialData.value = cloneDeep(initialData.value);
     }
@@ -64,19 +72,16 @@ export function useEvents(initialData: Ref<InternalCommand>): UseEvents {
         let eventsArray = cloneDeep(initialData.value.events || []);
         initialData.value.boundEventsList.forEach(boundEventsListItem => {
             initialData.value.events.forEach(function (eventsItem, index) {
-                //如果events列表中有已绑定的事件，则用已空数组来替换原有的数据,仅保留没有选择参数的事件
-                if (boundEventsListItem.boundEvents.label == eventsItem.label) { eventsArray.splice(index, 1, [] as any) }
-            })
+                // 如果events列表中有已绑定的事件，则用已空数组来替换原有的数据,仅保留没有选择参数的事件
+                if (boundEventsListItem.boundEvents.label === eventsItem.label) { eventsArray.splice(index, 1, [] as any); }
+            });
         });
-        //eventsArrayItem.length != 0 此处判断有问题===========================TODO
-        eventsArray = eventsArray.filter(function (eventsArrayItem) { return !!eventsArrayItem })
+        // eventsArrayItem.length != 0 此处判断有问题===========================TODO
+        eventsArray = eventsArray.filter(function (eventsArrayItem) { return !!eventsArrayItem; });
         return eventsArray;
     }
 
 
-
-
-
     /** 得到原始数据-1.组合「新建交互」下拉框展示值;*/
     function getUnboundEvents(): EventItem[] {
         const boundEventLabelMap = boundEvents.value.reduce<Map<string, boolean>>(
@@ -121,8 +126,8 @@ export function useEvents(initialData: Ref<InternalCommand>): UseEvents {
         }
         if (initialData.value.boundEventsList) {
             initialData.value.boundEventsList = initialData.value.boundEventsList.filter(function (boundEventsListItem) {
-                return events.find(event => event.label == boundEventsListItem.boundEvents.label)
-            })
+                return events.find(event => event.label === boundEventsListItem.boundEvents.label);
+            });
         }
     }
 
diff --git a/packages/ui-vue/components/events-editor/src/composition/use-methods.ts b/packages/ui-vue/components/events-editor/src/composition/use-methods.ts
index b50a6b859fd116a0b41d8b693c9232d1c9e461fa..3fa71c74f67d42d0078c719f91d8dede80f2c14e 100644
--- a/packages/ui-vue/components/events-editor/src/composition/use-methods.ts
+++ b/packages/ui-vue/components/events-editor/src/composition/use-methods.ts
@@ -11,7 +11,7 @@ export function useMethods(
     const { interactions } = useInteractionComposition;
     const controllers = ref<Command[]>(initialData.value.internalCommandList);
     /** 判断用户是否新增函数 */
-    let hasAddNewFunction = false;
+    const hasAddNewFunction = false;
     /** 方法-导入新方法值变化事件 */
     // function onNewImportChanged(value: boolean) {
     //     newImport.value = value;
diff --git a/packages/ui-vue/components/events-editor/src/designer/events-editor.design.component.tsx b/packages/ui-vue/components/events-editor/src/designer/events-editor.design.component.tsx
index ec432335125ac7651b9d856c3c07ce4df464f7dc..55f56ade0b90b909cc8b45899c12c0dbe6c311bd 100644
--- a/packages/ui-vue/components/events-editor/src/designer/events-editor.design.component.tsx
+++ b/packages/ui-vue/components/events-editor/src/designer/events-editor.design.component.tsx
@@ -1,5 +1,5 @@
 /* eslint-disable no-use-before-define */
-/* eslint-disable max-len */
+ 
 import { SetupContext, defineComponent, inject, onBeforeMount, onMounted, provide, ref } from "vue";
 import { EventsEditorProps, eventsEditorProps } from "../events-editor.props";
 import { EventItem, InteractionItem, InternalCommand } from "../types";
diff --git a/packages/ui-vue/components/events-editor/src/events-editor.component.tsx b/packages/ui-vue/components/events-editor/src/events-editor.component.tsx
index 38a68cb1c484b7c6f3b1bd4e3ab2d095d802e20d..720f53a149baebb2ad1fe6b9c41e61c48428be2e 100644
--- a/packages/ui-vue/components/events-editor/src/events-editor.component.tsx
+++ b/packages/ui-vue/components/events-editor/src/events-editor.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { SetupContext, defineComponent, onMounted, provide, ref } from "vue";
 import { EventsEditorProps, eventsEditorProps } from "./events-editor.props";
 import { EventItem, InteractionItem, InternalCommand } from "./types";
diff --git a/packages/ui-vue/components/events-editor/src/types.ts b/packages/ui-vue/components/events-editor/src/types.ts
index c07907933f9c1ad2a0c05ec66e439f2b826f4793..bb9e9e1bc2cf7f0da0ae9c8a1fb4c0a5f97c6f9e 100644
--- a/packages/ui-vue/components/events-editor/src/types.ts
+++ b/packages/ui-vue/components/events-editor/src/types.ts
@@ -1,3 +1,4 @@
+ 
 export interface PropertyItem {
     /** 参数名 */
     name: string;
diff --git a/packages/ui-vue/components/expression-editor/index.ts b/packages/ui-vue/components/expression-editor/index.ts
index 7c3a503bade9edbb639efae6f52639db7549ea12..5c45ea91881d844bbe8a4e0d16efa5628262251b 100644
--- a/packages/ui-vue/components/expression-editor/index.ts
+++ b/packages/ui-vue/components/expression-editor/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/expression-editor/src/designer/expression-editor.design.component.tsx b/packages/ui-vue/components/expression-editor/src/designer/expression-editor.design.component.tsx
index 9ff4b7d379f43e317161183a35aecfc43f5a406e..61b378e5bba1759f93675e271be1625285c6c83a 100644
--- a/packages/ui-vue/components/expression-editor/src/designer/expression-editor.design.component.tsx
+++ b/packages/ui-vue/components/expression-editor/src/designer/expression-editor.design.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable no-use-before-define */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/expression-editor/src/expression-editor.props.ts b/packages/ui-vue/components/expression-editor/src/expression-editor.props.ts
index 50114686ebc88e93fd9616a04a931aa2ebd13f1e..bbb67265626e0766abbec705e16123f6103cd96c 100644
--- a/packages/ui-vue/components/expression-editor/src/expression-editor.props.ts
+++ b/packages/ui-vue/components/expression-editor/src/expression-editor.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/external-container/index.ts b/packages/ui-vue/components/external-container/index.ts
index f8f41f1a936ca26fb53c62af48120a3e909868bb..353336c2bc15ea9c0d555345563c709eaa93d145 100644
--- a/packages/ui-vue/components/external-container/index.ts
+++ b/packages/ui-vue/components/external-container/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/external-container/src/designer/use-designer-rules.ts b/packages/ui-vue/components/external-container/src/designer/use-designer-rules.ts
index 57ed963ddb5af8fb0aa5b798d10a94e617411a97..e2ec3c666a3db5a2843a665663e65326d4315266 100644
--- a/packages/ui-vue/components/external-container/src/designer/use-designer-rules.ts
+++ b/packages/ui-vue/components/external-container/src/designer/use-designer-rules.ts
@@ -1,5 +1,3 @@
-/* eslint-disable max-len */
-/* eslint-disable complexity */
 import { DesignerHostService, UseDesignerRules } from "../../../designer-canvas/src/composition/types";
 import { DesignerItemContext } from "../../../designer-canvas/src/types";
 
@@ -12,7 +10,7 @@ export function useDesignerRules(designItemContext: DesignerItemContext, designe
     }
 
     function checkCanDeleteComponent() {
-        return true
+        return true;
     }
 
     function checkCanMoveComponent() {
diff --git a/packages/ui-vue/components/external-container/src/external-container.props.ts b/packages/ui-vue/components/external-container/src/external-container.props.ts
index 8c69d89108790b6ca974fc0adfad44546d0182cf..cf0d733633bec7b65902e5a8e73d6d063ec93bff 100644
--- a/packages/ui-vue/components/external-container/src/external-container.props.ts
+++ b/packages/ui-vue/components/external-container/src/external-container.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { ExtractPropTypes } from 'vue';
 import { createPropsResolver } from '../../dynamic-resolver';
 import { schemaMapper } from './schema/schema-mapper';
diff --git a/packages/ui-vue/components/field-selector/index.ts b/packages/ui-vue/components/field-selector/index.ts
index 70268cc681c900dce623c072f3247e8b6e98f7f6..f82c16feb019fa29549369331c7e1b4f63773e8f 100644
--- a/packages/ui-vue/components/field-selector/index.ts
+++ b/packages/ui-vue/components/field-selector/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/field-selector/src/components/field-selector-container.component.tsx b/packages/ui-vue/components/field-selector/src/components/field-selector-container.component.tsx
index eb6974cfdfb329fd4006aae6d45e418c1e5f44ec..8482118bae479f7998f003dc58ad33a2acd1a1cb 100644
--- a/packages/ui-vue/components/field-selector/src/components/field-selector-container.component.tsx
+++ b/packages/ui-vue/components/field-selector/src/components/field-selector-container.component.tsx
@@ -1,10 +1,6 @@
-/* eslint-disable @typescript-eslint/indent */
-import { SetupContext, computed, defineComponent, onUnmounted, ref, watch, onMounted } from "vue";
-
+import { defineComponent, ref, watch } from "vue";
 import { FieldSelectorProps, fieldSelectorProps } from "../field-selector.props";
-
 import { FTreeGrid } from '../../../tree-grid';
-import FRadioGroup from '../../../radio-group/src/radio-group.component';
 import { RowOptions, VisualData } from "../../../data-view";
 import { FormSchemaEntityField$Type } from "../../../common/entity/entity-schema";
 
diff --git a/packages/ui-vue/components/field-selector/style.ts b/packages/ui-vue/components/field-selector/style.ts
index 8cfc46cd6ebcbb13725a53f4080154092399c899..9348b8e17fdc25c67b8742a91b9a20b1f2a7fdb5 100644
--- a/packages/ui-vue/components/field-selector/style.ts
+++ b/packages/ui-vue/components/field-selector/style.ts
@@ -3,4 +3,4 @@ import "@farris/ui-vue/components/dependent-icon/style";
 import "@farris/ui-vue/components/tree-grid/style";
 import "@farris/ui-vue/components/button-edit/style";
 import "@farris/ui-vue/components/radio/style";
-import "@farris/ui-vue/components/modal/style";
\ No newline at end of file
+import "@farris/ui-vue/components/modal/style";
diff --git a/packages/ui-vue/components/filter-bar/index.ts b/packages/ui-vue/components/filter-bar/index.ts
index 59a8bccc83e04356df1b7f006735113bb1aeb60d..d4592c6f982a5c9887bfb952f213819bd40dd5ab 100644
--- a/packages/ui-vue/components/filter-bar/index.ts
+++ b/packages/ui-vue/components/filter-bar/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import type { App } from 'vue';
 import FFilterBar from './src/filter-bar.component';
 import FFilterBarDesign from './src/designer/filter-bar.design.component';
diff --git a/packages/ui-vue/components/filter-bar/src/designer/filter-bar-config/filter-bar.resolver.ts b/packages/ui-vue/components/filter-bar/src/designer/filter-bar-config/filter-bar.resolver.ts
index f15985baa48070026026b942e0d581f88c971f98..974ec9b284436085fc251c9cc79a25eb49287d9f 100644
--- a/packages/ui-vue/components/filter-bar/src/designer/filter-bar-config/filter-bar.resolver.ts
+++ b/packages/ui-vue/components/filter-bar/src/designer/filter-bar-config/filter-bar.resolver.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
@@ -35,4 +35,4 @@ export const querySolutionConfigProps = {
 
 export type QuerySolutionConfigProps = ExtractPropTypes<typeof querySolutionConfigProps>;
 
-export const configPropsResolver = createPropsResolver<QuerySolutionConfigProps>(querySolutionConfigProps, querySolutionConfigSchema, schemaMapper, schemaResolver, propertyConfig  );
\ No newline at end of file
+export const configPropsResolver = createPropsResolver<QuerySolutionConfigProps>(querySolutionConfigProps, querySolutionConfigSchema, schemaMapper, schemaResolver, propertyConfig);
diff --git a/packages/ui-vue/components/filter-bar/src/filter-bar.props.ts b/packages/ui-vue/components/filter-bar/src/filter-bar.props.ts
index f3cf7949a4a859b4021d881b0e4c8a4e4650e3d8..8e626cd4ef9308725b48b8e24976d19c5d8de2b3 100644
--- a/packages/ui-vue/components/filter-bar/src/filter-bar.props.ts
+++ b/packages/ui-vue/components/filter-bar/src/filter-bar.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { ExtractPropTypes, PropType } from "vue";
 import { Condition, FieldConfig } from "./types";
 import { createPropsResolver } from "../../dynamic-resolver/src/props-resolver";
diff --git a/packages/ui-vue/components/filter-bar/style.ts b/packages/ui-vue/components/filter-bar/style.ts
index 7a35c40cf930b46faa70690546a2dac4c94da094..ddb351b2ac81efbda88a7bf3d2e06ba6fbbc3bfe 100644
--- a/packages/ui-vue/components/filter-bar/style.ts
+++ b/packages/ui-vue/components/filter-bar/style.ts
@@ -1,4 +1,4 @@
 import "@farris/ui-vue/components/dependent-base/style";
 import "@farris/ui-vue/components/dependent-icon/style";
 import "@farris/ui-vue/components/dropdown/style";
-import "@farris/ui-vue/theme-default/components/filter-bar.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/filter-bar.css";
diff --git a/packages/ui-vue/components/flow-canvas/src/composition/use-bezier-curve.ts b/packages/ui-vue/components/flow-canvas/src/composition/use-bezier-curve.ts
index be16120505a611f69dfc1a700c28115d6fb0c47b..4b33d6827eca32ebce500c92239c1280308362e0 100644
--- a/packages/ui-vue/components/flow-canvas/src/composition/use-bezier-curve.ts
+++ b/packages/ui-vue/components/flow-canvas/src/composition/use-bezier-curve.ts
@@ -1,5 +1,5 @@
 /* eslint-disable complexity */
-/* eslint-disable max-len */
+ 
 import { CurveOrientation, CurvePoint, CurvePointOffset, UseBezierCurve } from "./types";
 
 export function useBezierCurve(): UseBezierCurve {
diff --git a/packages/ui-vue/components/flow-canvas/src/composition/use-drawing-bezier.ts b/packages/ui-vue/components/flow-canvas/src/composition/use-drawing-bezier.ts
index 0c3b57cf8af49b276dd98791f2218e6f5c45bb17..8b078b20621def1cb403ac47375be03acfc44401 100644
--- a/packages/ui-vue/components/flow-canvas/src/composition/use-drawing-bezier.ts
+++ b/packages/ui-vue/components/flow-canvas/src/composition/use-drawing-bezier.ts
@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/indent */
 import { ref } from "vue";
 import { UseBezierCurve, UseDrawingBezier } from "./types";
 
diff --git a/packages/ui-vue/components/image-cropper/index.ts b/packages/ui-vue/components/image-cropper/index.ts
index 74892e551bd326a9bb74147924c45cb55b9ca2b1..6659a8c4c0d7e33ecc5f3397cf3a13afb0f04e23 100644
--- a/packages/ui-vue/components/image-cropper/index.ts
+++ b/packages/ui-vue/components/image-cropper/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/image-cropper/src/composition/use-image-cropper.ts b/packages/ui-vue/components/image-cropper/src/composition/use-image-cropper.ts
index 40711516becb28c00eb0c23560719622b55ecb87..a95a6db2c6e7749a6739a1d3f8dc939800088679 100644
--- a/packages/ui-vue/components/image-cropper/src/composition/use-image-cropper.ts
+++ b/packages/ui-vue/components/image-cropper/src/composition/use-image-cropper.ts
@@ -1,7 +1,6 @@
 /* eslint-disable no-use-before-define */
-/* eslint-disable no-cond-assign */
-/* eslint-disable no-continue */
-/* eslint-disable camelcase */
+ 
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
@@ -45,7 +44,7 @@ export function useImageCropper() {
         const length = view.byteLength;
         let offset = 2;
         while (offset < length) {
-            if (view.getUint16(offset + 2, false) <= 8) return -1;
+            if (view.getUint16(offset + 2, false) <= 8) {return -1;}
             const marker = view.getUint16(offset, false);
             offset += 2;
             if (marker === 0xFFE1) {
diff --git a/packages/ui-vue/components/image-cropper/src/designer/image-cropper.design.component.tsx b/packages/ui-vue/components/image-cropper/src/designer/image-cropper.design.component.tsx
index 9fbef2b6ebf12d2f1a989d17ee685ea6a4ef506a..e42169ed304ed29b3d40072e71c3e4674a08135f 100644
--- a/packages/ui-vue/components/image-cropper/src/designer/image-cropper.design.component.tsx
+++ b/packages/ui-vue/components/image-cropper/src/designer/image-cropper.design.component.tsx
@@ -1,5 +1,5 @@
-/* eslint-disable max-len */
-/* eslint-disable no-case-declarations */
+ 
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/image-cropper/src/image-cropper.component.tsx b/packages/ui-vue/components/image-cropper/src/image-cropper.component.tsx
index fd43cd49362506a4d10e758a30a6f3694025d65f..77001f8a27d509f8589c656930d5ec698583c022 100644
--- a/packages/ui-vue/components/image-cropper/src/image-cropper.component.tsx
+++ b/packages/ui-vue/components/image-cropper/src/image-cropper.component.tsx
@@ -1,5 +1,5 @@
-/* eslint-disable max-len */
-/* eslint-disable no-case-declarations */
+ 
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/image-cropper/src/image-cropper.props.ts b/packages/ui-vue/components/image-cropper/src/image-cropper.props.ts
index 6ac77b0ec0501154742cd663f838f33398fb1655..142d9a27baa982b6fa81296349aa5d82bf8616f1 100644
--- a/packages/ui-vue/components/image-cropper/src/image-cropper.props.ts
+++ b/packages/ui-vue/components/image-cropper/src/image-cropper.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/image-cropper/style.ts b/packages/ui-vue/components/image-cropper/style.ts
index 5746188e6d2de600cedd903a8cb8810998412d31..279f165e3cacc5532e04318391b9db222dfadf6a 100644
--- a/packages/ui-vue/components/image-cropper/style.ts
+++ b/packages/ui-vue/components/image-cropper/style.ts
@@ -1,2 +1,2 @@
 import "@farris/ui-vue/components/dependent-base/style";
-import "@farris/ui-vue/theme-default/components/image-cropper.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/image-cropper.css";
diff --git a/packages/ui-vue/components/input-group/index.ts b/packages/ui-vue/components/input-group/index.ts
index 0e00deb21d9eb559951ca050be00c626c5b0287e..be89fb243820af757aca8b1d874db5f90e7e2628 100644
--- a/packages/ui-vue/components/input-group/index.ts
+++ b/packages/ui-vue/components/input-group/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/input-group/src/components/appended-button.component.tsx b/packages/ui-vue/components/input-group/src/components/appended-button.component.tsx
index 7d8521cc42c7daf83ebfe29f3ac851bce900a7ce..13f3aa103a6adc3404364bfa30a5cd98486882a5 100644
--- a/packages/ui-vue/components/input-group/src/components/appended-button.component.tsx
+++ b/packages/ui-vue/components/input-group/src/components/appended-button.component.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/indent */
 import { SetupContext, computed } from 'vue';
 import { InputGroupProps } from '../input-group.props';
 import { UseAppendedButton, UseClear, UsePassword } from '../composition/types';
diff --git a/packages/ui-vue/components/input-group/src/designer/input-group.design.component.tsx b/packages/ui-vue/components/input-group/src/designer/input-group.design.component.tsx
index 01156d06af8f0ad98652145f19dab4177d6cd8b8..2c6a790adeb11c77da53c121103501d9c9b805a9 100644
--- a/packages/ui-vue/components/input-group/src/designer/input-group.design.component.tsx
+++ b/packages/ui-vue/components/input-group/src/designer/input-group.design.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable no-use-before-define */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/input-group/src/designer/use-input-group-rules.ts b/packages/ui-vue/components/input-group/src/designer/use-input-group-rules.ts
index 0e498b57da801137b2503a1e625cef4cc9964217..bb4246d929ee3a2821e22e49154cf274f763a096 100644
--- a/packages/ui-vue/components/input-group/src/designer/use-input-group-rules.ts
+++ b/packages/ui-vue/components/input-group/src/designer/use-input-group-rules.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { UseDesignerRules } from "../../../designer-canvas/src/composition/types";
 import { ComponentSchema, DesignerItemContext, DesignerComponentInstance } from "../../../designer-canvas/src/types";
 import { useInputDesignerRules } from "../../../property-panel/src/composition/entity/use-input-rules";
diff --git a/packages/ui-vue/components/input-group/src/input-group.component.tsx b/packages/ui-vue/components/input-group/src/input-group.component.tsx
index 086a5eeed5934d8d3e5cfdebc72fcd059fef708d..c6950abd04d025e9bed52fbb39f6b754e11bf0aa 100644
--- a/packages/ui-vue/components/input-group/src/input-group.component.tsx
+++ b/packages/ui-vue/components/input-group/src/input-group.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable no-use-before-define */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/input-group/src/input-group.props.ts b/packages/ui-vue/components/input-group/src/input-group.props.ts
index bbe797e9d20f0ef799d74cf8400d2e26d6e3f64b..df0b0b97871609c4aa50146417e0046126c1bc97 100644
--- a/packages/ui-vue/components/input-group/src/input-group.props.ts
+++ b/packages/ui-vue/components/input-group/src/input-group.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/input-group/style.ts b/packages/ui-vue/components/input-group/style.ts
index a78f5f7d7a8f3a6a9e498a279e29249429489084..6130b69b94941ab9a28e899d1385ce825f3447e2 100644
--- a/packages/ui-vue/components/input-group/style.ts
+++ b/packages/ui-vue/components/input-group/style.ts
@@ -1,4 +1,4 @@
 import "@farris/ui-vue/components/dependent-base/style";
 import "@farris/ui-vue/components/dependent-icon/style";
 import "@farris/ui-vue/components/dependent-input/style";
-import "@farris/ui-vue/theme-default/components/input-group.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/input-group.css";
diff --git a/packages/ui-vue/components/layout/index.ts b/packages/ui-vue/components/layout/index.ts
index 128e092dd0438322b28569319c1d6434e78977c1..7ed5ae1e32405d78a1afb0bfcde268f01700965a 100644
--- a/packages/ui-vue/components/layout/index.ts
+++ b/packages/ui-vue/components/layout/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import type { App, Plugin } from 'vue';
 import FLayout from './src/layout.component';
 import FLayoutPane from './src/components/layout-pane.component';
diff --git a/packages/ui-vue/components/layout/src/components/layout-pane.component.tsx b/packages/ui-vue/components/layout/src/components/layout-pane.component.tsx
index f94a38ea17e4290a7cc2dbf1ca961b7206a8b38c..43f8730230c2a0e12e13b0e08969de888bc6fc39 100644
--- a/packages/ui-vue/components/layout/src/components/layout-pane.component.tsx
+++ b/packages/ui-vue/components/layout/src/components/layout-pane.component.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/indent */
 import { computed, defineComponent, inject, ref, watch } from 'vue';
 import { LayoutPanePosition, LayoutPaneProps, layoutPaneProps } from './layout-pane.props';
 import { LayoutContext } from '../composition/types';
diff --git a/packages/ui-vue/components/layout/src/components/layout-pane.props.ts b/packages/ui-vue/components/layout/src/components/layout-pane.props.ts
index 5cb0193142e70175056afa228ac22554b853b01e..e8280071f42ad8f2d85def587aaadbfaa782386c 100644
--- a/packages/ui-vue/components/layout/src/components/layout-pane.props.ts
+++ b/packages/ui-vue/components/layout/src/components/layout-pane.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { ExtractPropTypes, PropType } from "vue";
 import { createPropsResolver } from "../../../dynamic-resolver";
 import { schemaMapper } from "../schema/schema-mapper";
diff --git a/packages/ui-vue/components/layout/src/composition/use-resize-handle.ts b/packages/ui-vue/components/layout/src/composition/use-resize-handle.ts
index 9486e2d078eacca627d8e01d415e0fc9fd7ca233..cd536a0d6a9f04d94fd20105f2fe4dcecd868c4e 100644
--- a/packages/ui-vue/components/layout/src/composition/use-resize-handle.ts
+++ b/packages/ui-vue/components/layout/src/composition/use-resize-handle.ts
@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/indent */
 import { computed, Ref, ref } from 'vue';
 import { UseResizeHandle } from './types';
 
diff --git a/packages/ui-vue/components/layout/src/composition/use-resize-pane.ts b/packages/ui-vue/components/layout/src/composition/use-resize-pane.ts
index 7827d6141d705f8dc04156fed293be2f09a58e29..9ce3c23a1e27010b1a5eeff16ad16171854a019e 100644
--- a/packages/ui-vue/components/layout/src/composition/use-resize-pane.ts
+++ b/packages/ui-vue/components/layout/src/composition/use-resize-pane.ts
@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/indent */
 import { Ref } from 'vue';
 import { UseResizePane, UseResizeHandle } from './types';
 
diff --git a/packages/ui-vue/components/layout/src/designer/layout-pane-use-designer-rules.ts b/packages/ui-vue/components/layout/src/designer/layout-pane-use-designer-rules.ts
index 368d56c901864cdbf4023474fcc48e5f1fd3c6f6..10104e81ee69ab983dff68fda9c9c7ed384630f2 100644
--- a/packages/ui-vue/components/layout/src/designer/layout-pane-use-designer-rules.ts
+++ b/packages/ui-vue/components/layout/src/designer/layout-pane-use-designer-rules.ts
@@ -1,4 +1,3 @@
-/* eslint-disable max-len */
 import { DesignerHostService, DraggingResolveContext, UseDesignerRules } from "../../../designer-canvas/src/composition/types";
 import { useDragulaCommonRule } from "../../../designer-canvas/src/composition/rule/use-dragula-common-rule";
 import { ComponentSchema, DesignerItemContext } from "../../../designer-canvas/src/types";
diff --git a/packages/ui-vue/components/layout/src/designer/layout-pane.design.component.tsx b/packages/ui-vue/components/layout/src/designer/layout-pane.design.component.tsx
index 3323c0ebe08aeb68a971370a862903812c9e8d35..47e961783581680fa99f7f53119caf66cc0e0fb3 100644
--- a/packages/ui-vue/components/layout/src/designer/layout-pane.design.component.tsx
+++ b/packages/ui-vue/components/layout/src/designer/layout-pane.design.component.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/indent */
 import { computed, defineComponent, inject, onMounted, ref } from 'vue';
 import { LayoutPanePosition, LayoutPaneProps, layoutPaneProps } from '../components/layout-pane.props';
 import { LayoutContext } from '../composition/types';
diff --git a/packages/ui-vue/components/layout/src/layout.props.ts b/packages/ui-vue/components/layout/src/layout.props.ts
index 32eabcb2b9d9006e9d40b9341542fa168e8c3cf6..d80f6b57070fd69e613efaa268444f4c6f9f842c 100644
--- a/packages/ui-vue/components/layout/src/layout.props.ts
+++ b/packages/ui-vue/components/layout/src/layout.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { ExtractPropTypes } from "vue";
 import { createPropsResolver } from "../../dynamic-resolver";
 import { schemaMapper } from "./schema/schema-mapper";
diff --git a/packages/ui-vue/components/layout/style.ts b/packages/ui-vue/components/layout/style.ts
index d5c399684630db5431e331d5116aa4cf70a96373..3ada7ffc6842b86b61eeda27b652f6847bfadb12 100644
--- a/packages/ui-vue/components/layout/style.ts
+++ b/packages/ui-vue/components/layout/style.ts
@@ -1,2 +1,2 @@
 import "@farris/ui-vue/components/dependent-base/style";
-import "@farris/ui-vue/theme-default/components/layout.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/layout.css";
diff --git a/packages/ui-vue/components/list-nav/index.ts b/packages/ui-vue/components/list-nav/index.ts
index 3fb93d7ae82ca916e616f1ebcb66cfcda798c68c..f1d75c7ec4fdb54d306ef7826092704852ff34ed 100644
--- a/packages/ui-vue/components/list-nav/index.ts
+++ b/packages/ui-vue/components/list-nav/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/list-nav/src/composition/use-designer-rules.ts b/packages/ui-vue/components/list-nav/src/composition/use-designer-rules.ts
new file mode 100644
index 0000000000000000000000000000000000000000..47542e2d895219b314443054074d07339687200e
--- /dev/null
+++ b/packages/ui-vue/components/list-nav/src/composition/use-designer-rules.ts
@@ -0,0 +1,178 @@
+ import { nextTick, ref } from "vue";
+import { DesignerHTMLElement, DraggingResolveContext, UseDesignerRules } from "../../../designer-canvas/src/composition/types";
+import { ComponentSchema, ResolveComponentContext } from "../../../designer-canvas/src/types";
+import { getSchemaByType } from "../../../dynamic-resolver/src/schema-resolver";
+import { useDragAndDropRules } from "../../../designer-canvas/src/composition/rule/use-drag-drop-rules";
+import { useDragulaCommonRule } from "../../../designer-canvas/src/composition/rule/use-dragula-common-rule";
+
+export function useDesignerRules(schema: ComponentSchema, parentSchema?: ComponentSchema): UseDesignerRules {
+    const dragAndDropRules = useDragAndDropRules();
+    /** 组件在拖拽时是否需要将所属的Component一起拖拽  */
+    const triggerBelongedComponentToMoveWhenMoved = ref(false);
+
+    /** 组件在删除时需要将所属的Component一起拖拽 */
+    const triggerBelongedComponentToDeleteWhenDeleted = ref(false);
+
+    let canAcceptChildContent = true;
+
+    let hideNestedPadding = false;
+
+    let schemaContext: any;
+
+    let isInFixedContextRules = false;
+
+    /**
+     * 用container表示的form组件，只接收form-group输入类控件
+     */
+    function checkFormContainerAcceptable(draggingContext: DraggingResolveContext) {
+
+        if (schemaContext && schemaContext.componentClassList && schemaContext.componentClassList.includes('f-form-layout') && schemaContext.componentClassList.includes('farris-form')) {
+            // 从工具箱拖入的输入类控件
+            if (draggingContext.sourceType === 'control' && draggingContext.controlCategory === 'input') {
+                return true;
+            }
+
+            // 画布中移动位置的输入类控件
+            if (draggingContext.sourceType === 'move' && draggingContext.controlType === 'form-group') {
+                return true;
+            }
+            return false;
+        }
+        return true;
+    }
+
+    /**
+     * 判断是否可以接收拖拽新增的子级控件
+     */
+    function canAccepts(draggingContext: DraggingResolveContext): boolean {
+
+        const basalRule = useDragulaCommonRule().basalDragulaRuleForContainer(draggingContext);
+        if (!basalRule) {
+            return false;
+        }
+        if (!canAcceptChildContent) {
+            return false;
+        }
+
+        if (!checkFormContainerAcceptable(draggingContext)) {
+            return false;
+        }
+        return true;
+    }
+
+    /**
+     * 判断当前容器的上下文
+     */
+    function resolveComponentContext() {
+        triggerBelongedComponentToMoveWhenMoved.value = false;
+        triggerBelongedComponentToDeleteWhenDeleted.value = false;
+        const component = schema;
+
+        // 控件本身样式
+        const componentClass = component.appearance && component.appearance.class || '';
+        const componentClassList = componentClass.split(' ');
+
+        // 子级节点
+        const childContents = component.contents || [];
+        const firstChildContent = childContents.length ? childContents[0] : null;
+        const firstChildClass = firstChildContent && firstChildContent.appearance ? firstChildContent.appearance.class : '';
+        const firstChildClassList = firstChildClass ? firstChildClass.split(' ') : [];
+        const childrenClassList = childContents.length ? childContents.reduce((classList: string[], childComponentSchema: ComponentSchema) => {
+            const childCompoentClass = childComponentSchema && childComponentSchema.appearance ? childComponentSchema.appearance.class : '';
+            const childCompoentClassList = childCompoentClass ? childCompoentClass.split(' ') : [];
+            classList.push(...childCompoentClassList);
+            return classList;
+        }, []) : [];
+
+        // 父级节点
+        const parent = parentSchema;
+        const parentClass = parent && parent.appearance && parent.appearance.class || '';
+        const parentClassList = parentClass ? parentClass.split(' ') : [];
+
+        schemaContext = {
+            componentClass,
+            componentClassList,
+            childContents,
+            firstChildContent,
+            firstChildClass,
+            firstChildClassList,
+            parent,
+            parentClass,
+            parentClassList,
+            children: childContents,
+            childrenClassList
+        };
+
+        const { canAccept, fixed, hidePadding } = dragAndDropRules.getRuleValue(componentClassList[0], schemaContext);
+        canAcceptChildContent = canAccept;
+        hideNestedPadding = hidePadding;
+        isInFixedContextRules = fixed;
+        return true;
+    }
+
+    function onAcceptMovedChildElement(sourceElement: DesignerHTMLElement) {
+        nextTick();
+    }
+
+    function getStyles() {
+        const component = schema;
+        if (component.componentType) {
+            return 'display:inherit;flex-direction:inherit;margin-bottom:10px';
+        }
+        return '';
+    }
+
+    function onResolveNewComponentSchema(resolveContext: ResolveComponentContext, compnentSchema: ComponentSchema): ComponentSchema {
+        const component = schema;
+        // 控件本身样式
+        const componentClass = component.appearance && component.appearance.class || '';
+        const componentClassList = componentClass.split(' ') as string[];
+        if (componentClassList.includes('f-form-layout')) {
+            const { label } = resolveContext;
+            const formGroupElementSchema = getSchemaByType('form-group') as ComponentSchema;
+            formGroupElementSchema.editor = compnentSchema;
+            formGroupElementSchema.label = label;
+            return formGroupElementSchema;
+        }
+        return compnentSchema;
+    }
+
+    function onAcceptNewChildElement(element: DesignerHTMLElement, targetPosition: number, compnentSchema: ComponentSchema): ComponentSchema {
+        const component = schema;
+        // 控件本身样式
+        const componentClass = component.appearance && component.appearance.class || '';
+        const componentClassList = componentClass.split(' ') as string[];
+        if (componentClassList.includes('f-form-layout')) {
+            const label = String(element.innerText);
+            const formGroupElementSchema = getSchemaByType('form-group') as ComponentSchema;
+            formGroupElementSchema.editor = compnentSchema;
+            formGroupElementSchema.label = label;
+            return formGroupElementSchema;
+        }
+        return compnentSchema;
+    }
+
+    function checkCanMoveComponent() {
+        return !isInFixedContextRules;
+    }
+    function checkCanDeleteComponent() {
+        return !isInFixedContextRules;
+    }
+
+    function hideNestedPaddingInDesginerView() {
+        return hideNestedPadding;
+    }
+
+    return {
+        canAccepts,
+        resolveComponentContext,
+        getStyles,
+        onAcceptMovedChildElement,
+        onResolveNewComponentSchema,
+        triggerBelongedComponentToMoveWhenMoved,
+        triggerBelongedComponentToDeleteWhenDeleted,
+        checkCanMoveComponent,
+        checkCanDeleteComponent,
+        hideNestedPaddingInDesginerView
+    };
+}
diff --git a/packages/ui-vue/components/list-nav/src/designer/list-nav.design.component.tsx b/packages/ui-vue/components/list-nav/src/designer/list-nav.design.component.tsx
index 8b02c2a6ea5b419444a339f45021a40be27f00ba..837298a80d7d65b51e5c751446ceea7d3101921d 100644
--- a/packages/ui-vue/components/list-nav/src/designer/list-nav.design.component.tsx
+++ b/packages/ui-vue/components/list-nav/src/designer/list-nav.design.component.tsx
@@ -1,5 +1,4 @@
-/* eslint-disable no-use-before-define */
-/**
+ /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -44,8 +43,8 @@ export default defineComponent({
          */
         const navStyleSize = computed(() => {
             const result = {};
-            let propName = ['top', 'bottom'].indexOf(navPosition.value) > -1 ? 'height' : 'width';
-            result[propName] = !hideNav.value ? props.size + 'px' : '0px'
+            const propName = ['top', 'bottom'].indexOf(navPosition.value) > -1 ? 'height' : 'width';
+            result[propName] = !hideNav.value ? props.size + 'px' : '0px';
             return result;
         });
 
diff --git a/packages/ui-vue/components/list-nav/src/designer/use-designer-rules.ts b/packages/ui-vue/components/list-nav/src/designer/use-designer-rules.ts
index 291a5a0c2e84117fd32ebe461053b8f0ba46d507..e9f2211d1a506122f0c0b0716945b0fd71b6f285 100644
--- a/packages/ui-vue/components/list-nav/src/designer/use-designer-rules.ts
+++ b/packages/ui-vue/components/list-nav/src/designer/use-designer-rules.ts
@@ -1,5 +1,5 @@
-/* eslint-disable max-len */
-/* eslint-disable complexity */
+ 
+ 
 import { DesignerHostService, DraggingResolveContext, UseDesignerRules } from "../../../designer-canvas/src/composition/types";
 import { useDragulaCommonRule } from "../../../designer-canvas/src/composition/rule/use-dragula-common-rule";
 import { DesignerItemContext } from "../../../designer-canvas/src/types";
diff --git a/packages/ui-vue/components/list-nav/src/list-nav.component.tsx b/packages/ui-vue/components/list-nav/src/list-nav.component.tsx
index 3b3c604fb8ff3afdf026ff7d38dc636af1449c31..8e0c4edb1838deac2b64d5a7305d42d544179385 100644
--- a/packages/ui-vue/components/list-nav/src/list-nav.component.tsx
+++ b/packages/ui-vue/components/list-nav/src/list-nav.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable no-use-before-define */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
@@ -50,8 +50,8 @@ export default defineComponent({
          */
         const navStyleSize = computed(() => {
             const result = {};
-            let propName = ['top', 'bottom'].indexOf(navPosition.value) > -1?'height':'width';
-            result[propName] = !hideNav.value ? props.size + 'px' : '0px'
+            const propName = ['top', 'bottom'].indexOf(navPosition.value) > -1?'height':'width';
+            result[propName] = !hideNav.value ? props.size + 'px' : '0px';
             return result;
         });
         return () => {
diff --git a/packages/ui-vue/components/list-nav/src/list-nav.props.ts b/packages/ui-vue/components/list-nav/src/list-nav.props.ts
index ea4ccdab38b966faa904b4897d3e2955a513a8fd..10f0a99d931e7a97b90b3867ef6893bd8f8b50a5 100644
--- a/packages/ui-vue/components/list-nav/src/list-nav.props.ts
+++ b/packages/ui-vue/components/list-nav/src/list-nav.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/list-nav/style.ts b/packages/ui-vue/components/list-nav/style.ts
index 4b977e4d9bf121030794f554895a79a8aebc02fc..82baf18f95d74980a94735b8168040d71f97b415 100644
--- a/packages/ui-vue/components/list-nav/style.ts
+++ b/packages/ui-vue/components/list-nav/style.ts
@@ -1,2 +1,2 @@
 import "@farris/ui-vue/components/dependent-base/style";
-import "@farris/ui-vue/theme-default/components/list-nav.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/list-nav.css";
diff --git a/packages/ui-vue/components/list-view/index.ts b/packages/ui-vue/components/list-view/index.ts
index e99099ff67629f528b1c212c6cc144269e085de8..9ae9fc7cf1d7866fe5104d92b3420f61a4e8cdc9 100644
--- a/packages/ui-vue/components/list-view/index.ts
+++ b/packages/ui-vue/components/list-view/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/list-view/src/components/data/data-area.component.tsx b/packages/ui-vue/components/list-view/src/components/data/data-area.component.tsx
index dc1245555434ae147a7878d26231a407aaea15ea..eaab98d8b3812f8bee99d898b03c5aabe4de556e 100644
--- a/packages/ui-vue/components/list-view/src/components/data/data-area.component.tsx
+++ b/packages/ui-vue/components/list-view/src/components/data/data-area.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { computed, Ref, ref, SetupContext } from 'vue';
 import { ListViewProps } from '../../list-view.props';
 import { UseDataView, UseGroupData, UseSelection, UseVisualData, VisualData } from '../../../../data-view';
diff --git a/packages/ui-vue/components/list-view/src/components/item/single-item.component.tsx b/packages/ui-vue/components/list-view/src/components/item/single-item.component.tsx
index dac52643e3933cf890eadf0e162291e1267fa864..b6c956466771ae7a75084677fde6e30c79a3175b 100644
--- a/packages/ui-vue/components/list-view/src/components/item/single-item.component.tsx
+++ b/packages/ui-vue/components/list-view/src/components/item/single-item.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { Ref, SetupContext, computed, ref } from "vue";
 import { UseDraggable, UseHover, UseItem, UseRemove } from "../../composition/types";
 import { UseGroupData, UseSelection, UseVisualData, VisualData } from '@farris/ui-vue/components/data-view';
@@ -54,7 +54,7 @@ export default function (
                         <FCheckBox id={'list-' + getKey(item, index)} customClass="listview-checkbox"
                             disabled={item[disableField.value]} 
                             v-model:checked={item.checked}
-                            onChange={(payload: any) =>{onCheckItem(item, index, !payload.checked)}}></FCheckBox>
+                            onChange={(payload: any) =>{onCheckItem(item, index, !payload.checked);}}></FCheckBox>
                     </div>
                 )}
                 <div class="f-list-content">
diff --git a/packages/ui-vue/components/list-view/src/composition/use-item.ts b/packages/ui-vue/components/list-view/src/composition/use-item.ts
index 7538c3a882294d48f67e1d74245eedd2f25d4cd5..88e1f33b67689215e890af7357572bea29f9e220 100644
--- a/packages/ui-vue/components/list-view/src/composition/use-item.ts
+++ b/packages/ui-vue/components/list-view/src/composition/use-item.ts
@@ -38,11 +38,11 @@ export function useItem(
             'f-listview-active': selectedItems.value.findIndex(
                 selectedItem => selectedItem[identifyField.value] === item.raw[identifyField.value]
             ) > -1,
-            'f-listview-item-active':selectedItems.value.findIndex(
+            'f-listview-item-active': selectedItems.value.findIndex(
                 selectedItem => selectedItem[identifyField.value] === item.raw[identifyField.value]
             ) > -1,
             'f-listview-hover': !isDragging.value && index === hoverIndex.value,
-            'f-listview-item-hover':!isDragging.value && index === hoverIndex.value,
+            'f-listview-item-hover': !isDragging.value && index === hoverIndex.value,
             'moving': !!item.moving
         } as Record<string, boolean>;
         const customClassArray = customListViewItemClass.value.split(' ');
@@ -94,7 +94,8 @@ export function useItem(
         focusedItemId.value = item.raw[identifyField.value];
         activeIndex.value = index;
         if (shouldClearSelectionOnClick.value) {
-            clearSelection(visibleDatas.value);
+            clearSelection();
+            // clearSelection(visibleDatas.value);
         }
         if (shouldSelectItemOnClick.value) {
             toggleSelectItem(item);
diff --git a/packages/ui-vue/components/list-view/src/designer/list-view-table.design.component.tsx b/packages/ui-vue/components/list-view/src/designer/list-view-table.design.component.tsx
index 90a1c9e135afcf85a0f8d802e833449d0c598e25..11164485378c2b731219399b35b821f381bf0fb4 100644
--- a/packages/ui-vue/components/list-view/src/designer/list-view-table.design.component.tsx
+++ b/packages/ui-vue/components/list-view/src/designer/list-view-table.design.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
@@ -14,8 +14,8 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/* eslint-disable no-loop-func */
-/* eslint-disable no-use-before-define */
+ 
+ 
 import { SetupContext, computed, defineComponent, inject, onMounted, ref, watch } from 'vue';
 import { ListViewTableProps, listViewTableProps } from '../list-view-table.props';
 import { DesignerItemContext } from '../../../designer-canvas/src/types';
diff --git a/packages/ui-vue/components/list-view/src/designer/list-view.design.component.tsx b/packages/ui-vue/components/list-view/src/designer/list-view.design.component.tsx
index 26f7ec8addc58742d424400b8ae952ca31d4161e..18f8dd3531db0be5e8c5cd76863aff4e9d39cb6f 100644
--- a/packages/ui-vue/components/list-view/src/designer/list-view.design.component.tsx
+++ b/packages/ui-vue/components/list-view/src/designer/list-view.design.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/list-view/src/list-view-table.component.tsx b/packages/ui-vue/components/list-view/src/list-view-table.component.tsx
index f67d223185d350e4f7473f10258d99e26a5f9cb2..19f27b32aecc40f117b832e3cab13d8ecabf44dd 100644
--- a/packages/ui-vue/components/list-view/src/list-view-table.component.tsx
+++ b/packages/ui-vue/components/list-view/src/list-view-table.component.tsx
@@ -1,5 +1,5 @@
-/* eslint-disable no-script-url */
-/* eslint-disable max-len */
+ 
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
@@ -15,8 +15,8 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/* eslint-disable no-loop-func */
-/* eslint-disable no-use-before-define */
+ 
+ 
 import { SetupContext, computed, defineComponent, ref, watch } from 'vue';
 import { ListViewProps, listViewProps } from './list-view.props';
 
diff --git a/packages/ui-vue/components/list-view/src/list-view-table.props.ts b/packages/ui-vue/components/list-view/src/list-view-table.props.ts
index 14d3ea1eb4114ecf70de952f5c68666d72985c4d..e4b2fb4565450dc56da7f04838f20076c43cdb38 100644
--- a/packages/ui-vue/components/list-view/src/list-view-table.props.ts
+++ b/packages/ui-vue/components/list-view/src/list-view-table.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/list-view/src/list-view.component.tsx b/packages/ui-vue/components/list-view/src/list-view.component.tsx
index 213f4af3d1d7defff17de692cb1fc929ded94225..fa9259d980515c7d7945f8dfeccb50729acaac54 100644
--- a/packages/ui-vue/components/list-view/src/list-view.component.tsx
+++ b/packages/ui-vue/components/list-view/src/list-view.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/list-view/src/list-view.props.ts b/packages/ui-vue/components/list-view/src/list-view.props.ts
index fabec0111bdf738ac1c814d343d383210394be84..cc25f5d6ef98f855d17115c3c946bb760a111cc4 100644
--- a/packages/ui-vue/components/list-view/src/list-view.props.ts
+++ b/packages/ui-vue/components/list-view/src/list-view.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/loading/src/composition/types.ts b/packages/ui-vue/components/loading/src/composition/types.ts
index 4b1c4bb9f22851ab3ce65a032527f7462e3ded66..ddeb67120837fa7d9c651c737f17f0293b3247fe 100644
--- a/packages/ui-vue/components/loading/src/composition/types.ts
+++ b/packages/ui-vue/components/loading/src/composition/types.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/loading/src/loading.component.tsx b/packages/ui-vue/components/loading/src/loading.component.tsx
index 1b7934de7823d84ea88e2fa7a2952389f1f76a3b..402845a495bfdea04f0896349da24c4ebd195254 100644
--- a/packages/ui-vue/components/loading/src/loading.component.tsx
+++ b/packages/ui-vue/components/loading/src/loading.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /* eslint-disable no-use-before-define */
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
diff --git a/packages/ui-vue/components/loading/style.ts b/packages/ui-vue/components/loading/style.ts
index 9a535bdce6bd25cb8215966dbfef27a767029b34..17609f7f7ad966d7ffe58bf735afe6c759cfb6ad 100644
--- a/packages/ui-vue/components/loading/style.ts
+++ b/packages/ui-vue/components/loading/style.ts
@@ -1,2 +1,2 @@
 import "@farris/ui-vue/components/dependent-base/style";
-import "@farris/ui-vue/theme-default/components/loading.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/loading.css";
diff --git a/packages/ui-vue/components/lookup/index.ts b/packages/ui-vue/components/lookup/index.ts
index 301e0e40021649f33dcf970e671bcb8776d21594..57755b8d94db0f8b93da885456b7eef0eb2d9ea0 100644
--- a/packages/ui-vue/components/lookup/index.ts
+++ b/packages/ui-vue/components/lookup/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/lookup/src/composition/types.ts b/packages/ui-vue/components/lookup/src/composition/types.ts
index 60c928617a80aa4313b1c04b896931637acffe2f..da5fed7b4d6caf97a6f9d469f5fa9b57bfe15e53 100644
--- a/packages/ui-vue/components/lookup/src/composition/types.ts
+++ b/packages/ui-vue/components/lookup/src/composition/types.ts
@@ -238,6 +238,7 @@ export interface SearchInfo {
     type?: 'like' | 'equal' | '';
 }
 
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
 export interface QueryState extends SearchInfo {
 }
 
diff --git a/packages/ui-vue/components/lookup/src/composition/use-dialog.ts b/packages/ui-vue/components/lookup/src/composition/use-dialog.ts
index 5cae303e317b7cfac7e31600b331daa79d90122c..e0dde1ab53b5f93525dfbfa02162ad3f61d29422 100644
--- a/packages/ui-vue/components/lookup/src/composition/use-dialog.ts
+++ b/packages/ui-vue/components/lookup/src/composition/use-dialog.ts
@@ -5,7 +5,7 @@ import { queryState, lookupState, navigationState, pageInfoState, searchState }
 import { useCheckProps } from "./use-check-props";
 
 /** 窗口关闭类型 */
-enum CloseType{
+enum CloseType {
     cancel = 'cancel',
     accept = 'accept',
     esc = 'esc'
@@ -15,7 +15,7 @@ export function useDialog(
     props: LookupProps, context: SetupContext, selectedItems: Ref<any[]>, {
         dictPicked, modelValue, buttonEditInstance, userDataService }: any) {
     const notifyService: FNotifyService | null = inject(F_NOTIFY_SERVICE_TOKEN, null);
-    const loadingService = inject('FLoadingService');
+    const loadingService: any | null = inject('FLoadingService');
 
     const dialogOptions = ref(props.dialog);
 
@@ -40,7 +40,7 @@ export function useDialog(
 
         context.emit('update:modelValue', displayText);
         context.emit('update:idValue', idValues);
-        const mappingInfo = {items: selectedItems.value, mappingFields: props.mappingFields};
+        const mappingInfo = { items: selectedItems.value, mappingFields: props.mappingFields };
         context.emit('update:dataMapping', mappingInfo);
 
         if (props.context) {
@@ -50,7 +50,7 @@ export function useDialog(
             }
         }
 
-        await dictPicked({items: selectedItems.value});
+        await dictPicked({ items: selectedItems.value });
 
         return true;
     }
@@ -89,7 +89,7 @@ export function useDialog(
         }
 
         if (props.beforeSelectData && typeof props.beforeSelectData === 'function') {
-            const shouldSubmit = await props.beforeSelectData({items: selectedItems.value });
+            const shouldSubmit = await props.beforeSelectData({ items: selectedItems.value });
             if (typeof shouldSubmit === 'boolean') {
                 shouldUpdateValue = shouldSubmit;
             }
@@ -115,7 +115,7 @@ export function useDialog(
 
         let shouldContinue = true;
         if (props.dictPicking && typeof props.dictPicking === 'function') {
-            const result = await props.dictPicking({context: {customData}});
+            const result = await props.dictPicking({ context: { customData } });
             if (typeof result === 'boolean' && !result) {
                 shouldContinue = false;
             }
@@ -171,7 +171,7 @@ export function useDialog(
         closedCallback: ($event: Event, closeFrom: string) => {
             const emitParams: any = { type: dialogCloseType.value, button: $event?.target };
 
-            if(closeFrom === 'esc' || closeFrom === 'icon') {
+            if (closeFrom === 'esc' || closeFrom === 'icon') {
                 emitParams.type = CloseType.esc;
             }
 
@@ -179,7 +179,7 @@ export function useDialog(
                 emitParams.items = selectedItems.value;
             }
 
-            if(emitParams.type === CloseType.cancel || emitParams.type === CloseType.esc) {
+            if (emitParams.type === CloseType.cancel || emitParams.type === CloseType.esc) {
                 // 还原
                 modelValue.value = props.modelValue;
             }
@@ -217,7 +217,7 @@ export function useDialog(
         resizeHandle: ($event: any) => {
             dialogSize.value = $event;
             const { width, height } = $event.newSize.size;
-            userDataService.setDialogSize({ width: Math.round(width), height: Math.round(height)});
+            userDataService.setDialogSize({ width: Math.round(width), height: Math.round(height) });
         },
         enableEnter: true,
         onEnter: ($event: any) => {
diff --git a/packages/ui-vue/components/lookup/src/composition/use-http.ts b/packages/ui-vue/components/lookup/src/composition/use-http.ts
index d7f13dcc7e6f94cfafdc40c7cb3a45d52a1cb17d..930406250ff667cf747d07818243445112a08b2f 100644
--- a/packages/ui-vue/components/lookup/src/composition/use-http.ts
+++ b/packages/ui-vue/components/lookup/src/composition/use-http.ts
@@ -1,5 +1,6 @@
-import { inject, reactive, Ref, ref, toRaw } from "vue";
-import { Compare, FilterRelation, LOAD_DATA_TYPE, F_LOOKUP_HTTP_SERVICE_TOKEN,
+import { inject, Ref, ref, toRaw } from "vue";
+import {
+    Compare, FilterRelation, LOAD_DATA_TYPE, F_LOOKUP_HTTP_SERVICE_TOKEN,
     LookupHttpResult, LookupHttpService, LookupRequestParams, SearchParam
 } from "./types";
 import { FLoadingService } from "@farris/ui-vue/components/loading";
@@ -17,7 +18,7 @@ export interface UseHttpComposition {
 }
 
 export function useHttp(props: any, context: any): UseHttpComposition {
-    const loadingService = inject<FLoadingService>('FLoadingService');
+    const loadingService: any | null = inject<FLoadingService>('FLoadingService');
     const httpService = inject<LookupHttpService>(F_LOOKUP_HTTP_SERVICE_TOKEN);
 
     const { searchFieldItems } = useSearchFields(props);
@@ -85,7 +86,7 @@ export function useHttp(props: any, context: any): UseHttpComposition {
                 searchParam.searchValue = value.trim();
             }
 
-            searchParam.searchField = field ? field.trim(): '*';
+            searchParam.searchField = field ? field.trim() : '*';
             searchParam.searchType = searchType;
 
             if (isNavigation) {
@@ -103,7 +104,7 @@ export function useHttp(props: any, context: any): UseHttpComposition {
                 }
 
                 if (value === '' && searchParam.category === 'search' &&
-                        (!searchConditions && !navSearchConditions)) {
+                    (!searchConditions && !navSearchConditions)) {
                     searchParam.category = 'all';
                 }
             }
@@ -136,7 +137,7 @@ export function useHttp(props: any, context: any): UseHttpComposition {
 
     function buildQueryParams(event: any) {
         const queryParams: LookupRequestParams = {};
-        const action: LOAD_DATA_TYPE  = event?.action || 'all';
+        const action: LOAD_DATA_TYPE = event?.action || 'all';
 
         const { searchParam, navSearchConditions, searchConditions } = buildSearchParam(event, action);
         if (searchConditions) {
@@ -217,7 +218,7 @@ export function useHttp(props: any, context: any): UseHttpComposition {
                 columns: [...props.columns],
                 items: [...props.data],
                 searchFields: [...props.searchFields],
-                navigation: {...props.navigation}
+                navigation: { ...props.navigation }
             });
         });
     }
diff --git a/packages/ui-vue/components/lookup/src/composition/use-navigation.tsx b/packages/ui-vue/components/lookup/src/composition/use-navigation.tsx
index 6ccbd8b1a231b0857fe4992b49ec4894c995fb24..0b12c80cd512e1f805f2492e2528287578ab0481 100644
--- a/packages/ui-vue/components/lookup/src/composition/use-navigation.tsx
+++ b/packages/ui-vue/components/lookup/src/composition/use-navigation.tsx
@@ -1,16 +1,15 @@
-import { SetupContext, inject, ref, watch } from "vue";
+import { inject, ref, watch } from "vue";
 import {FTreeGrid} from '../../../tree-grid';
 import {FDataGrid} from "../../../data-grid";
 import {LookupProps } from "../lookup.props";
 import { useCheckProps } from "./use-check-props";
 import { useSearchbar } from "./use-search-bar";
-import { NavigationOptions } from "./types";
 import { usePageInfo } from "./use-pageinfo";
 import { LOOKUP_HTTP_COMPOSITION, UseHttpComposition } from "./use-http";
 import { navigationState, pageInfoState, searchState } from "./use-state";
 
 export function useNavigation(props: LookupProps, context) {
-    const useHttpComposition: UseHttpComposition = inject(LOOKUP_HTTP_COMPOSITION);
+    const useHttpComposition: UseHttpComposition = inject(LOOKUP_HTTP_COMPOSITION) as UseHttpComposition;
 
     const { renderSearchBar } = useSearchbar(props, true);
     const { checkPaination, navIsList, navIsTreeList } = useCheckProps(props);
diff --git a/packages/ui-vue/components/lookup/src/composition/use-state.ts b/packages/ui-vue/components/lookup/src/composition/use-state.ts
index cbb146f0a4763a4b25c8a870ace68760a7de7bf4..ee12555b577519ac85c9473c84342b2efd3e5a75 100644
--- a/packages/ui-vue/components/lookup/src/composition/use-state.ts
+++ b/packages/ui-vue/components/lookup/src/composition/use-state.ts
@@ -2,8 +2,6 @@ import { reactive, ref } from "vue";
 import { LookupHttpResult, PagerInfoSate, QueryState, SearchState } from "./types";
 
 
-
-
 export const pageInfoState = reactive<Partial<PagerInfoSate>>({});
 export const lookupState = reactive<LookupHttpResult>({});
 export const navigationState = reactive<LookupHttpResult>({});
diff --git a/packages/ui-vue/components/lookup/src/composition/use-user-data.ts b/packages/ui-vue/components/lookup/src/composition/use-user-data.ts
index 14858bae340945078225a79f5e902988dc16b05d..f5f17764c9e719da6147c8fa813f87c5cd60c667 100644
--- a/packages/ui-vue/components/lookup/src/composition/use-user-data.ts
+++ b/packages/ui-vue/components/lookup/src/composition/use-user-data.ts
@@ -1,8 +1,7 @@
-import { inject, provide, reactive, ref } from "vue";
+import { inject, reactive, ref } from "vue";
 
 import { encrypt } from '@farris/ui-vue/components/common';
 import { F_LOOKUP_HTTP_SERVICE_TOKEN, LookupHttpResult, LookupHttpService, LookupRequestParams, LookupTabs } from "./types";
-import { FLoadingService } from "../../../loading";
 
 export interface LookupUserData {
     pageSize?: number;
@@ -13,8 +12,8 @@ export interface LookupUserData {
 }
 
 export interface UserDataState {
-    key?: string;
-    data?: LookupUserData;
+    key: string;
+    data: LookupUserData;
     favoriteItems?: any[];
 }
 
@@ -29,18 +28,16 @@ export interface UserDataService {
 }
 
 export function useUserData(props: any, context: any): UserDataService {
-    const loadingService: FLoadingService | null = inject('FLoadingService', null);
+    const loadingService: any | null = inject('FLoadingService', null);
 
     const httpService: LookupHttpService | null = inject(F_LOOKUP_HTTP_SERVICE_TOKEN, null);
 
-    const userDataState = reactive<UserDataState>({key: '', data: {}});
-
     const controlId = ref(props.id);
     function builUserDataKey() {
         return encrypt(controlId.value);
     }
 
-    userDataState.key = builUserDataKey();
+    const userDataState = reactive<UserDataState>({ key: builUserDataKey(), data: {} });
 
     function getUserData() {
         if (props.enableFavorite && httpService) {
@@ -62,9 +59,9 @@ export function useUserData(props: any, context: any): UserDataService {
         return Promise.resolve();
     }
 
-    function setDialogSize({width, height}) {
+    function setDialogSize({ width, height }) {
         userDataState.data.size = userDataState.data?.size || {};
-        userDataState.data.size = {width, height};
+        userDataState.data.size = { width, height };
     }
 
     function saveUserData() {
@@ -94,7 +91,7 @@ export function useUserData(props: any, context: any): UserDataService {
     }
 
     function getFavoriteData() {
-        const params = buildQueryParams({favoriteIds: userDataState.data?.favorites}) as Partial<LookupRequestParams>;
+        const params = buildQueryParams({ favoriteIds: userDataState.data?.favorites }) as Partial<LookupRequestParams>;
         loadingService?.show();
         if (httpService) {
             return httpService.getData(props.uri, params).then((res: Partial<LookupHttpResult>) => {
diff --git a/packages/ui-vue/components/lookup/src/designer/use-lookup-rules.ts b/packages/ui-vue/components/lookup/src/designer/use-lookup-rules.ts
index 35890832e064b49ec47b7f89c3ce5cfdeb749ce7..e27e904a867bbc62ce4bdff59cfd75ecf2adb413 100644
--- a/packages/ui-vue/components/lookup/src/designer/use-lookup-rules.ts
+++ b/packages/ui-vue/components/lookup/src/designer/use-lookup-rules.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { UseDesignerRules } from "../../../designer-canvas/src/composition/types";
 import { ComponentSchema, DesignerComponentInstance, DesignerItemContext } from "../../../designer-canvas/src/types";
 import { useInputDesignerRules } from "../../../property-panel/src/composition/entity/use-input-rules";
diff --git a/packages/ui-vue/components/lookup/style.ts b/packages/ui-vue/components/lookup/style.ts
index 8d8352377ce76e60fd37cdb9240de58ab1fe0e95..f2ba39b89be88fee2ed73b307702c45531cbf0b6 100644
--- a/packages/ui-vue/components/lookup/style.ts
+++ b/packages/ui-vue/components/lookup/style.ts
@@ -5,4 +5,4 @@ import "@farris/ui-vue/components/data-grid/style";
 import "@farris/ui-vue/components/tree-grid/style";
 import "@farris/ui-vue/components/modal/style";
 import "@farris/ui-vue/components/pagination/style";
-import "@farris/ui-vue/components/loading/style";
\ No newline at end of file
+import "@farris/ui-vue/components/loading/style";
diff --git a/packages/ui-vue/components/mapping-editor/index.ts b/packages/ui-vue/components/mapping-editor/index.ts
index 816d64eb3fa228e3b2fc4388c0a813234f1564e9..de6234746da09db7d5d19d7d526a53c3edea6e91 100644
--- a/packages/ui-vue/components/mapping-editor/index.ts
+++ b/packages/ui-vue/components/mapping-editor/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/mapping-editor/style.ts b/packages/ui-vue/components/mapping-editor/style.ts
index 2cfbae497c3d24b5cf987bb70519585978ef466c..3fa530eed06ab45493e47b4a13502b3f98419704 100644
--- a/packages/ui-vue/components/mapping-editor/style.ts
+++ b/packages/ui-vue/components/mapping-editor/style.ts
@@ -3,4 +3,4 @@ import "@farris/ui-vue/components/dependent-icon/style";
 import "@farris/ui-vue/components/button/style";
 import "@farris/ui-vue/components/button-edit/style";
 import "@farris/ui-vue/components/data-grid/style";
-import "@farris/ui-vue/components/modal/style";
\ No newline at end of file
+import "@farris/ui-vue/components/modal/style";
diff --git a/packages/ui-vue/components/message-box/src/composition/use-copy.ts b/packages/ui-vue/components/message-box/src/composition/use-copy.ts
index a2a3513bd4c719364d79edc009b41bf3a4987158..b5751947a28bb863a0db454ec6b2b8e67da10616 100644
--- a/packages/ui-vue/components/message-box/src/composition/use-copy.ts
+++ b/packages/ui-vue/components/message-box/src/composition/use-copy.ts
@@ -60,7 +60,7 @@ async function copyExecCommand(text: string) {
         window.document.body.removeChild(span);
     }
 
-    if (!success) throw makeError();
+    if (!success) {throw makeError();}
 }
 
 async function clipboardCopy(text: string) {
diff --git a/packages/ui-vue/components/message-box/src/message-box.component.tsx b/packages/ui-vue/components/message-box/src/message-box.component.tsx
index 66b0cabc9bfe62a6f846b3c7efff17edcc7ce4b2..7a85b42d0a6aa6d649f01bbb815f5dfcfb46e48f 100644
--- a/packages/ui-vue/components/message-box/src/message-box.component.tsx
+++ b/packages/ui-vue/components/message-box/src/message-box.component.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/indent */
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/message-box/src/message-box.service.tsx b/packages/ui-vue/components/message-box/src/message-box.service.tsx
index a45e19235bdba620c8e119de4d97d468ee5956d0..fe598519776f0e273a070c5f97f559a894d5aee3 100644
--- a/packages/ui-vue/components/message-box/src/message-box.service.tsx
+++ b/packages/ui-vue/components/message-box/src/message-box.service.tsx
@@ -32,7 +32,6 @@ export interface MessageBoxOption {
 
 export default class MessageBoxService {
     static show(options: MessageBoxOption): void {
-        let modalService: FModalService | null = new FModalService();
 
         const props: MessageBoxOption = reactive({
             ...options
@@ -44,6 +43,7 @@ export default class MessageBoxService {
         const rejectCallback = props.rejectCallback || (() => { });
 
         let modalApp: any = null;
+        let modalService: FModalService | null = new FModalService(modalApp);
         const onClose = () => {
             if (modalApp) {
                 modalApp?.destroy();
diff --git a/packages/ui-vue/components/message-box/style.ts b/packages/ui-vue/components/message-box/style.ts
index 4e36bc55633208bc48220834ac740f819c5d27ad..1fe3a71eca43a1da375e1c51932f574d79a7a291 100644
--- a/packages/ui-vue/components/message-box/style.ts
+++ b/packages/ui-vue/components/message-box/style.ts
@@ -2,4 +2,4 @@ import "@farris/ui-vue/components/dependent-base/style";
 import "@farris/ui-vue/components/dependent-icon/style";
 import "@farris/ui-vue/components/button/style";
 import "@farris/ui-vue/components/modal/style";
-import "@farris/ui-vue/theme-default/components/message-box.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/message-box.css";
diff --git a/packages/ui-vue/components/modal/src/composition/modal.service.tsx b/packages/ui-vue/components/modal/src/composition/modal.service.tsx
index 8bc4dd87bf2e5da3d3a02af9e3664988ad2f472d..ebb2f6e1d905f77dcbce6d86726cff0ccb92f49a 100644
--- a/packages/ui-vue/components/modal/src/composition/modal.service.tsx
+++ b/packages/ui-vue/components/modal/src/composition/modal.service.tsx
@@ -101,7 +101,10 @@ export default class ModalService {
         return this.modalRefs[this.activeModalIndex.value];
     });
 
-    constructor(currentApp?: App) {
+    private app: App;
+
+    constructor(currentApp: App) {
+        this.app = currentApp;
         this.appContext = currentApp ? currentApp._context : null;
     }
 
@@ -146,9 +149,9 @@ export default class ModalService {
         const onClosed = ($event?: Event) => {
             showModal.value = false;
 
-            const isCloseIconClick = $event?.target?.classList.contains('modal_close');
+            const isCloseIconClick = ($event?.target as any)?.classList.contains('modal_close');
 
-            modalClosedCallback($event, this.isUseEscCloseModal.value? 'esc': isCloseIconClick ?'icon' : 'button');
+            modalClosedCallback($event, this.isUseEscCloseModal.value ? 'esc' : isCloseIconClick ? 'icon' : 'button');
 
         };
 
@@ -164,7 +167,7 @@ export default class ModalService {
                     this.modalRef.value = null;
 
                     if (this.modalRefs) {
-                        const modals = Object.keys(this.modalRefs);
+                        const modals = Object.keys(this.modalRefs).map((key: string) => Number(key));
                         if (modals.length > 0) {
                             this.activeModalIndex.value = Math.max(...modals);
                         } else {
@@ -179,7 +182,7 @@ export default class ModalService {
         };
 
         const onEsc = (payload: any) => {
-            this.isUseEscCloseModal.value= true;
+            this.isUseEscCloseModal.value = true;
             this.activeModalInstance && this.activeModalInstance.value?.close(payload?.event);
         };
 
@@ -193,7 +196,7 @@ export default class ModalService {
                 onResize={modalResizedCallback}
                 onEsc={onEsc}
             >
-                {contentRender && contentRender()}
+                {contentRender && contentRender(this.app)}
             </FModal>
         );
 
diff --git a/packages/ui-vue/components/modal/src/composition/use-draggable.ts b/packages/ui-vue/components/modal/src/composition/use-draggable.ts
index 401a66a1896ab49d2b117a1233f0237a1c42ef6b..1153dd29124b5e16a80f2975f5c96669dd890293 100644
--- a/packages/ui-vue/components/modal/src/composition/use-draggable.ts
+++ b/packages/ui-vue/components/modal/src/composition/use-draggable.ts
@@ -35,9 +35,9 @@ export function useDraggable(props: any, context: any, canMove: Ref<boolean>) {
         }
 
         // Recursively iterate this elements children
-        // eslint-disable-next-line no-restricted-syntax
+         
         for (const child in element.children) {
-            if (element.children.hasOwnProperty(child)) {
+            if (Object.prototype.hasOwnProperty.call(element.children, child)) {
                 if (checkHandleTarget(target, element.children[child])) {
                     return true;
                 }
diff --git a/packages/ui-vue/components/nav/index.ts b/packages/ui-vue/components/nav/index.ts
index ac71c842bb49e62817a23d677e726dc71563f73c..75205185d490c7adfdd2fa9ba046efe316011dfc 100644
--- a/packages/ui-vue/components/nav/index.ts
+++ b/packages/ui-vue/components/nav/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/nav/src/components/nav-item.component.tsx b/packages/ui-vue/components/nav/src/components/nav-item.component.tsx
index 92f6c398f041de81de4fde5c6aacfb0eb76e40f2..8b646a2a1ebf8b6cf6be6b5d117cd983974f8038 100644
--- a/packages/ui-vue/components/nav/src/components/nav-item.component.tsx
+++ b/packages/ui-vue/components/nav/src/components/nav-item.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable no-use-before-define */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/nav/src/components/nav-item.props.ts b/packages/ui-vue/components/nav/src/components/nav-item.props.ts
index afda238feca1b6a6024441e0d3b18508feef9730..dad43b3624098731aa5ba3bd8c9e9dc353d2ebe1 100644
--- a/packages/ui-vue/components/nav/src/components/nav-item.props.ts
+++ b/packages/ui-vue/components/nav/src/components/nav-item.props.ts
@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/ban-types */
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/nav/src/designer/nav.design.component.tsx b/packages/ui-vue/components/nav/src/designer/nav.design.component.tsx
index 4ab48146a3cfbc0dc38d9c63393954c341aa928b..536f8863dbdf382e7b62230ca3fc5ca32283aa64 100644
--- a/packages/ui-vue/components/nav/src/designer/nav.design.component.tsx
+++ b/packages/ui-vue/components/nav/src/designer/nav.design.component.tsx
@@ -20,6 +20,7 @@ import { navProps, NavProps } from '../nav.props';
 import { DesignerItemContext } from '../../../designer-canvas/src/types';
 import { useDesignerComponent } from '../../../designer-canvas/src/composition/function/use-designer-component';
 import { useDesignerRules } from '../../../dynamic-form/src/designer/use-designer-rules';
+import { DesignerHostService } from '../../../designer-canvas/src/composition/types';
 
 export default defineComponent({
     name: 'FNavDesign',
@@ -36,7 +37,9 @@ export default defineComponent({
         const navPicking = ref(props.navPicking);
         const elementRef = ref();
         const designItemContext = inject<DesignerItemContext>('design-item-context') as DesignerItemContext;
-        const designerRulesComposition = useDesignerRules(designItemContext.schema, designItemContext.parent?.schema);
+        const designerHostService = inject('designer-host-service') as DesignerHostService;
+        // jumphere by sagi
+        const designerRulesComposition = useDesignerRules(designItemContext, designerHostService);
         const componentInstance = useDesignerComponent(elementRef, designItemContext, designerRulesComposition);
         onMounted(() => {
             elementRef.value.componentInstance = componentInstance;
@@ -106,7 +109,7 @@ export default defineComponent({
                             <div class={["farris-nav-item",
                                 { 'active': item.id === activeNavId.value },
                                 { 'disabled': item.disable }]}
-                            onClick={() => navClick(item)}>
+                                onClick={() => navClick(item)}>
                                 <div class="farris-nav-item-link">
                                     <span class="farris-nav-item-link-text">{item.text}
                                         {item.num && (
diff --git a/packages/ui-vue/components/nav/src/nav.props.ts b/packages/ui-vue/components/nav/src/nav.props.ts
index 489bc634de8f38a5246ee7ae0aef6e3d7aefb01c..5d4fd6690e82888a6086b131e1b04cc7f7516bcc 100644
--- a/packages/ui-vue/components/nav/src/nav.props.ts
+++ b/packages/ui-vue/components/nav/src/nav.props.ts
@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/ban-types */
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
@@ -53,7 +52,7 @@ export const navProps = {
     /** 当前激活的id */
     activeNavId: { Type: String, default: '1' },
     /** nav切换前事件 */
-    navPicking: { Type: Function, default: (emptyObj?: {}) => Observable<any> },
+    navPicking: { Type: Function, default: (emptyObj?: object) => Observable<any> },
 } as Record<string, any>;
 
 export type NavProps = ExtractPropTypes<typeof navProps>;
diff --git a/packages/ui-vue/components/nav/style.ts b/packages/ui-vue/components/nav/style.ts
index e808bb9304147c2c432a8da77489993bd96d7ad8..6afca04c2ab85fd40ee3989f2cea0109af353dec 100644
--- a/packages/ui-vue/components/nav/style.ts
+++ b/packages/ui-vue/components/nav/style.ts
@@ -1,2 +1,2 @@
 import "@farris/ui-vue/components/dependent-base/style";
-import "@farris/ui-vue/theme-default/components/nav.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/nav.css";
diff --git a/packages/ui-vue/components/notify/style.ts b/packages/ui-vue/components/notify/style.ts
index 88840f344dc057d83d228da91f74b3d16b3ad459..7571a8cd63474d1b4a6d939a500a3495d48c7858 100644
--- a/packages/ui-vue/components/notify/style.ts
+++ b/packages/ui-vue/components/notify/style.ts
@@ -1,3 +1,3 @@
 import "@farris/ui-vue/components/dependent-base/style";
 import "@farris/ui-vue/components/dependent-icon/style";
-import "@farris/ui-vue/theme-default/components/notify.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/notify.css";
diff --git a/packages/ui-vue/components/number-range/index.ts b/packages/ui-vue/components/number-range/index.ts
index 3d12e74f8a1e443c5960e769a4b0f9b927b120a4..5e7c13bd966635b4b49d9cbecfe7324dfb2dce4b 100644
--- a/packages/ui-vue/components/number-range/index.ts
+++ b/packages/ui-vue/components/number-range/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/number-range/src/components/text-box.component.tsx b/packages/ui-vue/components/number-range/src/components/text-box.component.tsx
index 67e6efd4adc70c8e1316baca7e0494fd611224bf..0af612435dd08990fcf97a9025cacaf92b2cb11c 100644
--- a/packages/ui-vue/components/number-range/src/components/text-box.component.tsx
+++ b/packages/ui-vue/components/number-range/src/components/text-box.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { SetupContext, computed } from 'vue';
 import { UseTextBox } from '../composition/types';
 import { NumberRangeProps } from '../number-range.props';
diff --git a/packages/ui-vue/components/number-range/src/designer/use-design-rules.ts b/packages/ui-vue/components/number-range/src/designer/use-design-rules.ts
index d8b07d4eca07d4371c6084692aee57c020dffb76..2f13b7dab1c4d6fa3b90c9d5c7e8bea8e0b24306 100644
--- a/packages/ui-vue/components/number-range/src/designer/use-design-rules.ts
+++ b/packages/ui-vue/components/number-range/src/designer/use-design-rules.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { UseDesignerRules } from "../../../designer-canvas/src/composition/types";
 import { ComponentSchema, DesignerComponentInstance, DesignerItemContext } from "../../../designer-canvas/src/types";
 import { useInputDesignerRules } from "../../../property-panel/src/composition/entity/use-input-rules";
diff --git a/packages/ui-vue/components/number-range/src/number-range.props.ts b/packages/ui-vue/components/number-range/src/number-range.props.ts
index 954bbdcc6abf6141db418f0ac6753e952fb78849..805237e48b50b9a50b6521ce839b1209cda0975f 100644
--- a/packages/ui-vue/components/number-range/src/number-range.props.ts
+++ b/packages/ui-vue/components/number-range/src/number-range.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/number-range/src/property-config/number-range.property-config.ts b/packages/ui-vue/components/number-range/src/property-config/number-range.property-config.ts
index 9972a695153ac9f811acb9ea42fe8ca3cbe6f640..f32f046444cf7cbde8855b598159cbee0a010ba4 100644
--- a/packages/ui-vue/components/number-range/src/property-config/number-range.property-config.ts
+++ b/packages/ui-vue/components/number-range/src/property-config/number-range.property-config.ts
@@ -12,6 +12,6 @@ export class NumberRangeProperty extends InputBaseProperty {
                 "title": "允许编辑",
                 "type": "boolean"
             }
-        })
+        });
     }
 }
diff --git a/packages/ui-vue/components/number-range/style.ts b/packages/ui-vue/components/number-range/style.ts
index 05bf1f714ec895d5dda6f1fb4bd345737da0f4d0..a788cdd9048e764d34e3a9ce4d04e1cd8575e678 100644
--- a/packages/ui-vue/components/number-range/style.ts
+++ b/packages/ui-vue/components/number-range/style.ts
@@ -3,4 +3,4 @@ import "@farris/ui-vue/components/dependent-icon/style";
 import "@farris/ui-vue/components/input-group/style";
 import "@farris/ui-vue/components/button-edit/style";
 import "@farris/ui-vue/components/number-spinner/style";
-import "@farris/ui-vue/theme-default/components/number-range.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/number-range.css";
diff --git a/packages/ui-vue/components/number-spinner/index.ts b/packages/ui-vue/components/number-spinner/index.ts
index 89e665e56b5edfe52ed29b54f24f773cee8b89b9..a24a9aa3082747ecdcfff3835424a5ccefd59574 100644
--- a/packages/ui-vue/components/number-spinner/index.ts
+++ b/packages/ui-vue/components/number-spinner/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/number-spinner/src/composition/use-design-rules.ts b/packages/ui-vue/components/number-spinner/src/composition/use-design-rules.ts
index 8a05f84f018e7346a06da17ec7c9a99f057f428b..75a2c8ddc6dd89708c4c96c6dae509de8b279063 100644
--- a/packages/ui-vue/components/number-spinner/src/composition/use-design-rules.ts
+++ b/packages/ui-vue/components/number-spinner/src/composition/use-design-rules.ts
@@ -1,5 +1,5 @@
-/* eslint-disable no-use-before-define */
-/* eslint-disable max-len */
+ 
+ 
 import { ComponentSchema, DesignerComponentInstance, DesignerItemContext } from "../../../designer-canvas/src/types";
 import { UseDesignerRules } from "../../../designer-canvas/src/composition/types";
 import { NumberSpinnerProperty } from "../property-config/number-spinner.property-config";
diff --git a/packages/ui-vue/components/number-spinner/src/designer/number-spinner.component.tsx b/packages/ui-vue/components/number-spinner/src/designer/number-spinner.component.tsx
index d07e4c21c27756ac2d566d08b3fa9fda897c2956..7f55cf46ba500b8262cd35baced09badc6a7528d 100644
--- a/packages/ui-vue/components/number-spinner/src/designer/number-spinner.component.tsx
+++ b/packages/ui-vue/components/number-spinner/src/designer/number-spinner.component.tsx
@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { defineComponent, computed, onMounted, watch, ref, inject } from 'vue';
+import { defineComponent, onMounted, ref, inject } from 'vue';
 import type { SetupContext } from 'vue';
 import { numberSpinnerProps, NumberSpinnerProps } from '../number-spinner.props';
 import { useSpinner } from '../composition/use-spinner';
@@ -41,6 +41,7 @@ export default defineComponent({
         const componentInstance = useDesignerComponent(elementRef, designItemContext, designerRulesComposition);
         onMounted(() => {
             elementRef.value.componentInstance = componentInstance;
+            // eslint-disable-next-line vue/no-mutating-props
             props.readonly = true;
         });
 
diff --git a/packages/ui-vue/components/number-spinner/src/number-spinner.props.ts b/packages/ui-vue/components/number-spinner/src/number-spinner.props.ts
index 3111c0286d6c32f1bf23e05c27bbd67f2ad449f9..f4ac2b47419d1f215c0c635f9d1de7b65e485012 100644
--- a/packages/ui-vue/components/number-spinner/src/number-spinner.props.ts
+++ b/packages/ui-vue/components/number-spinner/src/number-spinner.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/number-spinner/style.ts b/packages/ui-vue/components/number-spinner/style.ts
index fedab958cead62a1f815f092eb7e4d1d20aa8885..9c565a1fe5015d725ea8b7143f9953008070ab5f 100644
--- a/packages/ui-vue/components/number-spinner/style.ts
+++ b/packages/ui-vue/components/number-spinner/style.ts
@@ -1,4 +1,4 @@
 import "@farris/ui-vue/components/dependent-base/style";
 import "@farris/ui-vue/components/dependent-icon/style";
 import "@farris/ui-vue/components/button-edit/style";
-import "@farris/ui-vue/theme-default/components/number-spinner.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/number-spinner.css";
diff --git a/packages/ui-vue/components/order/index.ts b/packages/ui-vue/components/order/index.ts
index 073a04897836fb8c69a4efce1a4406fc01a3aaf5..7af6d28f03ae7f47c30607e2a45ffd21243a17af 100644
--- a/packages/ui-vue/components/order/index.ts
+++ b/packages/ui-vue/components/order/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { App } from 'vue';
 import FOrder from './src/order.component';
 import FOrderDesign from './src/designer/order.design.component';
diff --git a/packages/ui-vue/components/order/src/designer/order.design.component.tsx b/packages/ui-vue/components/order/src/designer/order.design.component.tsx
index 55fd86175aa4c3cac8dded7ffe47149187a1a778..c0197bd2ea930a16a8d3bb73037db8b5d44d8a18 100644
--- a/packages/ui-vue/components/order/src/designer/order.design.component.tsx
+++ b/packages/ui-vue/components/order/src/designer/order.design.component.tsx
@@ -6,6 +6,7 @@ import FComboList from '../../../combo-list';
 import { useDesignerComponent } from "../../../designer-canvas/src/composition/function/use-designer-component";
 import { DesignerItemContext } from "../../../designer-canvas/src/types";
 import { useDesignerRules } from "../../../dynamic-form/src/designer/use-designer-rules";
+import { DesignerHostService } from "../../../designer-canvas/src/composition/types";
 
 export default defineComponent({
     name: 'FOrderDesign',
@@ -20,7 +21,9 @@ export default defineComponent({
         const orderedFieldMap = ref<Map<string, boolean>>(new Map<string, boolean>());
         const elementRef = ref();
         const designItemContext = inject<DesignerItemContext>('design-item-context') as DesignerItemContext;
-        const designerRulesComposition = useDesignerRules(designItemContext.schema, designItemContext.parent?.schema);
+        const designerHostService = inject('designer-host-service') as DesignerHostService;
+        // jumphere by sagi
+        const designerRulesComposition = useDesignerRules(designItemContext, designerHostService);
         const componentInstance = useDesignerComponent(elementRef, designItemContext, designerRulesComposition);
         onMounted(() => {
             elementRef.value.componentInstance = componentInstance;
diff --git a/packages/ui-vue/components/order/src/order.props.ts b/packages/ui-vue/components/order/src/order.props.ts
index 856ac4577605d75ddb50feabeb53cb92e57139a9..233fbc5c1789b60138d59161cb796bf8cf8aa7ad 100644
--- a/packages/ui-vue/components/order/src/order.props.ts
+++ b/packages/ui-vue/components/order/src/order.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { ExtractPropTypes } from 'vue';
 import { createPropsResolver } from '../../dynamic-resolver/src/props-resolver';
 import { schemaMapper } from './schema/schema-mapper';
diff --git a/packages/ui-vue/components/order/style.ts b/packages/ui-vue/components/order/style.ts
index 23a3d6a1e40c4ad3786c18a0827ad75ccbaf04d7..3ca3ad5ff86a71aaf08f9959889fe714c8a6d182 100644
--- a/packages/ui-vue/components/order/style.ts
+++ b/packages/ui-vue/components/order/style.ts
@@ -4,4 +4,4 @@ import "@farris/ui-vue/components/button-edit/style";
 import "@farris/ui-vue/components/list-view/style";
 import "@farris/ui-vue/components/dropdown/style";
 import "@farris/ui-vue/components/popover/style";
-import "@farris/ui-vue/theme-default/components/order.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/order.css";
diff --git a/packages/ui-vue/components/overlay/src/overlay.service.tsx b/packages/ui-vue/components/overlay/src/overlay.service.tsx
index a49fcf5c7d91fd0cca20e99f3e0c302d6de66109..ea36da6a5c9b2ccce1f9e9f27c0d18d61d0181bb 100644
--- a/packages/ui-vue/components/overlay/src/overlay.service.tsx
+++ b/packages/ui-vue/components/overlay/src/overlay.service.tsx
@@ -23,6 +23,7 @@ function getContentRender(props: OverlayServiceOptions) {
 function createOverlayInstance(options: OverlayServiceOptions): App {
     const container = document.createElement('div');
     container.style.display = 'contents';
+    // eslint-disable-next-line prefer-const
     let overlayApp: App;
     const onClickCallback = options.onClickCallback || (() => { });
     const onClose = () => {
@@ -38,7 +39,10 @@ function createOverlayInstance(options: OverlayServiceOptions): App {
             });
             const contentRender = getContentRender(options);
             return () => (
-                <FOverlay popup-content-position={options.popupPosition} host={options.host} onClick={onClose} backgroundColor={options.backgroundColor}>
+                <FOverlay popup-content-position={options.popupPosition}
+                    host={options.host} onClick={onClose}
+                    backgroundColor={options.backgroundColor}
+                >
                     {contentRender && contentRender()}
                 </FOverlay>
             );
diff --git a/packages/ui-vue/components/page-footer/index.ts b/packages/ui-vue/components/page-footer/index.ts
index 775fd382bbb64d7bdc2f621faae32a68d749d89e..0c436704678dca282e5e9179633c6149c902ac18 100644
--- a/packages/ui-vue/components/page-footer/index.ts
+++ b/packages/ui-vue/components/page-footer/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { App } from 'vue';
 import FPageFooter from './src/page-footer.component';
 import FPageFooterDesign from './src/designer/page-footer.design.component';
diff --git a/packages/ui-vue/components/page-footer/src/designer/page-footer.design.component.tsx b/packages/ui-vue/components/page-footer/src/designer/page-footer.design.component.tsx
index 3cfd9aa5d98c11efcd9864fd9c5628c7960ace98..a6933707d8463216f25833b924830daef674b579 100644
--- a/packages/ui-vue/components/page-footer/src/designer/page-footer.design.component.tsx
+++ b/packages/ui-vue/components/page-footer/src/designer/page-footer.design.component.tsx
@@ -2,6 +2,7 @@ import { computed, defineComponent, inject, onMounted, ref } from "vue";
 import { pageFooterProps, PageFooterProps } from '../page-footer.props';
 import { DesignerItemContext, useDesignerComponent } from "@farris/ui-vue/components/designer-canvas";
 import { useDesignerRules } from "@farris/ui-vue/components/dynamic-form";
+import { DesignerHostService } from "../../../designer-canvas/src/composition/types";
 
 export default defineComponent({
     name: 'FPageFooterDesign',
@@ -19,7 +20,9 @@ export default defineComponent({
         const shouldShowHeader = ref(props.showHeader);
         const elementRef = ref();
         const designItemContext = inject<DesignerItemContext>('design-item-context') as DesignerItemContext;
-        const designerRulesComposition = useDesignerRules(designItemContext.schema, designItemContext.parent?.schema);
+        const designerHostService = inject('designer-host-service') as DesignerHostService;
+        // jumphere by sagi
+        const designerRulesComposition = useDesignerRules(designItemContext, designerHostService);
         const componentInstance = useDesignerComponent(elementRef, designItemContext, designerRulesComposition);
         onMounted(() => {
             elementRef.value.componentInstance = componentInstance;
diff --git a/packages/ui-vue/components/page-footer/src/page-footer.props.ts b/packages/ui-vue/components/page-footer/src/page-footer.props.ts
index 55d6fc6a2cd1499ce26939657c9dc4db3df0d01c..ca48fcfdf405886ded2d6078e8e07f667613abdd 100644
--- a/packages/ui-vue/components/page-footer/src/page-footer.props.ts
+++ b/packages/ui-vue/components/page-footer/src/page-footer.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { ExtractPropTypes } from 'vue';
 import { createPropsResolver } from '../../dynamic-resolver';
 import { schemaMapper } from './schema/schema-mapper';
diff --git a/packages/ui-vue/components/page-footer/style.ts b/packages/ui-vue/components/page-footer/style.ts
index 293efa4ceffb964407e3090cfba2e15c3df7b114..2df6b96f4dca20f8372606783962f7575466040e 100644
--- a/packages/ui-vue/components/page-footer/style.ts
+++ b/packages/ui-vue/components/page-footer/style.ts
@@ -1,3 +1,3 @@
 import "@farris/ui-vue/components/dependent-base/style";
 import "@farris/ui-vue/components/dependent-icon/style";
-import "@farris/ui-vue/theme-default/components/page-footer.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/page-footer.css";
diff --git a/packages/ui-vue/components/page-header/index.ts b/packages/ui-vue/components/page-header/index.ts
index c6ce8d696cfa1e2a4753fc47c9ed7be1ec09fc55..cb3e8d0805d33e6597d5b98fea5ba5ac405c5514 100644
--- a/packages/ui-vue/components/page-header/index.ts
+++ b/packages/ui-vue/components/page-header/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { App } from 'vue';
 import PageHeader from './src/page-header.component';
 import PageHeaderDesign from './src/designer/page-header.design.component';
diff --git a/packages/ui-vue/components/page-header/src/page-header.component.tsx b/packages/ui-vue/components/page-header/src/page-header.component.tsx
index 222c9df2f37931cdb54341757488db490dee0d12..1e8d16603612b7cbcbda74484449eaead717f392 100644
--- a/packages/ui-vue/components/page-header/src/page-header.component.tsx
+++ b/packages/ui-vue/components/page-header/src/page-header.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { defineComponent, ref, computed, watch } from "vue";
 import { PageHeaderProps, pageHeaderProps } from "./page-header.props";
 import FResponseToolbar from '@farris/ui-vue/components/response-toolbar';
diff --git a/packages/ui-vue/components/page-header/src/page-header.props.ts b/packages/ui-vue/components/page-header/src/page-header.props.ts
index d1bdba0741d570f9780018652e1a64f32321ca24..c5d1365ae55182dcbb2a21f7ad74e2f838001453 100644
--- a/packages/ui-vue/components/page-header/src/page-header.props.ts
+++ b/packages/ui-vue/components/page-header/src/page-header.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { ExtractPropTypes } from "vue";
 import { createPageHeaderEventHandlerResolver, createPropsResolver } from "../../dynamic-resolver";
 import { schemaMapper } from "./schema/schema-mapper";
diff --git a/packages/ui-vue/components/page-header/src/property-config/page-header.property-config.ts b/packages/ui-vue/components/page-header/src/property-config/page-header.property-config.ts
index 65fe0689fb6526a535991eb8eefc2d25863589d1..aa6ffe8568c04eb0951095c53418a12a272dbe65 100644
--- a/packages/ui-vue/components/page-header/src/property-config/page-header.property-config.ts
+++ b/packages/ui-vue/components/page-header/src/property-config/page-header.property-config.ts
@@ -52,7 +52,7 @@ export class PageHeaderProperty extends BaseControlProperty {
             },
             setPropertyRelates(changeObject, prop) {
                 if (!changeObject) {
-                    return
+                    return;
                 }
                 switch (changeObject && changeObject.propertyID) {
                     case 'title': {
diff --git a/packages/ui-vue/components/page-header/style.ts b/packages/ui-vue/components/page-header/style.ts
index c191c845a1c94ef9898d524e7bb0074999feadcd..7522a0f574a02d549f2ebf8ebc6941376df7f278 100644
--- a/packages/ui-vue/components/page-header/style.ts
+++ b/packages/ui-vue/components/page-header/style.ts
@@ -1,4 +1,4 @@
 import "@farris/ui-vue/components/dependent-base/style";
 import "@farris/ui-vue/components/dependent-icon/style";
 import "@farris/ui-vue/components/response-toolbar/style";
-import "@farris/ui-vue/theme-default/components/page-header.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/page-header.css";
diff --git a/packages/ui-vue/components/pagination/index.ts b/packages/ui-vue/components/pagination/index.ts
index 4215205a1b695f387dcdd1787e7c564efd3e8497..8a331e7127258a0b467e3f5866de837daf55ce11 100644
--- a/packages/ui-vue/components/pagination/index.ts
+++ b/packages/ui-vue/components/pagination/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/pagination/src/designer/pagination.design.components.tsx b/packages/ui-vue/components/pagination/src/designer/pagination.design.components.tsx
index 1d231b7325decac54747e028dca81437a4ea813f..ae78e8b6ae467a7ce4ddc265f749e345feaa767b 100644
--- a/packages/ui-vue/components/pagination/src/designer/pagination.design.components.tsx
+++ b/packages/ui-vue/components/pagination/src/designer/pagination.design.components.tsx
@@ -26,6 +26,7 @@ import { usePages } from '../composition/use-pages';
 import { useDesignerComponent } from '../../../designer-canvas/src/composition/function/use-designer-component';
 import { DesignerItemContext } from '../../../designer-canvas/src/types';
 import { useDesignerRules } from '../../../dynamic-form/src/designer/use-designer-rules';
+import { DesignerHostService } from '../../../designer-canvas/src/composition/types';
 
 export default defineComponent({
     name: 'FPagination',
@@ -41,7 +42,9 @@ export default defineComponent({
         const totalItems = ref(props.totalItems);
         const elementRef = ref();
         const designItemContext = inject<DesignerItemContext>('design-item-context') as DesignerItemContext;
-        const designerRulesComposition = useDesignerRules(designItemContext.schema, designItemContext.parent?.schema);
+        const designerHostService = inject('designer-host-service') as DesignerHostService;
+        // jumphere by sagi
+        const designerRulesComposition = useDesignerRules(designItemContext, designerHostService);
         const componentInstance = useDesignerComponent(elementRef, designItemContext, designerRulesComposition);
         onMounted(() => {
             elementRef.value.componentInstance = componentInstance;
diff --git a/packages/ui-vue/components/pagination/src/pagination.props.ts b/packages/ui-vue/components/pagination/src/pagination.props.ts
index 5dd90182836461c03e689e538e5c600838cd8c9c..5d9ae43e5d2ae67818d66ab260c4f05478fe1fa0 100644
--- a/packages/ui-vue/components/pagination/src/pagination.props.ts
+++ b/packages/ui-vue/components/pagination/src/pagination.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/pagination/style.ts b/packages/ui-vue/components/pagination/style.ts
index 683dac3af1d1d4a69e0f53f6f7cc8eecb878b8c2..c52fb4dcbd7f51288b73692e8b6208a75919e7ea 100644
--- a/packages/ui-vue/components/pagination/style.ts
+++ b/packages/ui-vue/components/pagination/style.ts
@@ -2,4 +2,4 @@ import "@farris/ui-vue/components/dependent-base/style";
 import "@farris/ui-vue/components/dependent-icon/style";
 import "@farris/ui-vue/components/dependent-input/style";
 import "@farris/ui-vue/components/dropdown/style";
-import "@farris/ui-vue/theme-default/components/pagination.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/pagination.css";
diff --git a/packages/ui-vue/components/popover/src/composition/use-popup.ts b/packages/ui-vue/components/popover/src/composition/use-popup.ts
index c80dcce623b2931ca8cdc61c948877c1108b24c9..120f47a3426059e715a31598edbbdf9db91a6852 100644
--- a/packages/ui-vue/components/popover/src/composition/use-popup.ts
+++ b/packages/ui-vue/components/popover/src/composition/use-popup.ts
@@ -16,6 +16,7 @@ export function usePopup(
 
     const { fitToReference, locateToReference } = usePositionComposition;
 
+    // eslint-disable-next-line prefer-const
     let hidePopverOnClickBodyHandler: ($event: MouseEvent) => any;
 
     function hide() {
@@ -27,7 +28,7 @@ export function usePopup(
 
     hidePopverOnClickBodyHandler = ($event: MouseEvent) => {
 
-        if ($event.target?.closest('.popover-body')) {
+        if (($event.target as any)?.closest('.popover-body')) {
             return;
         }
 
diff --git a/packages/ui-vue/components/popover/src/popover.service.tsx b/packages/ui-vue/components/popover/src/popover.service.tsx
index 09692732ace7376deab0cbe1c37f796c88e812ba..acbe0eafedbf29f2518869db2e3440b31fd794c4 100644
--- a/packages/ui-vue/components/popover/src/popover.service.tsx
+++ b/packages/ui-vue/components/popover/src/popover.service.tsx
@@ -24,6 +24,7 @@ function getContentRender(props: PopoverServiceOptions) {
 function createPopoverInstance(options: PopoverServiceOptions): App {
     const container = document.createElement('div');
     container.style.display = 'contents';
+    // eslint-disable-next-line prefer-const
     let popoverApp: App;
     const onClickCallback = options.onClickCallback || (() => { });
     const onClose = () => {
diff --git a/packages/ui-vue/components/popover/style.ts b/packages/ui-vue/components/popover/style.ts
index a382593b4c8941055d9294f736b1af51e591e7c3..c51b9e9ac0ed527c95e3ed8536062a83525dadf9 100644
--- a/packages/ui-vue/components/popover/style.ts
+++ b/packages/ui-vue/components/popover/style.ts
@@ -1,2 +1,2 @@
 import "@farris/ui-vue/components/dependent-base/style";
-import "@farris/ui-vue/theme-default/components/popover.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/popover.css";
diff --git a/packages/ui-vue/components/progress/index.ts b/packages/ui-vue/components/progress/index.ts
index 2d59c60401ce2386070d006e8dae732f3caa6730..a7033f7163c8a4613742b424fb64ff1ecd18373b 100644
--- a/packages/ui-vue/components/progress/index.ts
+++ b/packages/ui-vue/components/progress/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import Progress from './src/progress.component';
 import FProgressDesign from './src/designer/progress.design.component';
 import { propsResolver } from './src/progress.props';
diff --git a/packages/ui-vue/components/progress/src/composition/use-progress.ts b/packages/ui-vue/components/progress/src/composition/use-progress.ts
index 0c389160f555d104f7c7afa4f3b21ca08980845d..3e092e757481436dd77d178fdf16db8a3c77d836 100644
--- a/packages/ui-vue/components/progress/src/composition/use-progress.ts
+++ b/packages/ui-vue/components/progress/src/composition/use-progress.ts
@@ -86,7 +86,7 @@ export function useProgress(
         const radius = 50 - strokeWidth.value / 2;
         const len = Math.PI * 2 * radius;
         const degree = props.gapDegree || (props.progressType === 'circle' ? 0 : 75);
-        // eslint-disable-next-line max-len
+         
         const values = (props.successPercent !== undefined && props.successPercent !== null) ? [props.successPercent, props.percent] : [props.percent];
         return values.map((value, index) => {
             const isSuccessPercent = values.length === 2 && index === 0;
diff --git a/packages/ui-vue/components/progress/src/progress.component.tsx b/packages/ui-vue/components/progress/src/progress.component.tsx
index fd36e7c96e8123e3339462910dafe43bb53c7120..a0e6d4beec776332810f0421ae4b23bd244dd918 100644
--- a/packages/ui-vue/components/progress/src/progress.component.tsx
+++ b/packages/ui-vue/components/progress/src/progress.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { SetupContext, defineComponent, ref, watch } from 'vue';
 import { ProgressProps, progressProps } from './progress.props';
 
diff --git a/packages/ui-vue/components/progress/src/progress.props.ts b/packages/ui-vue/components/progress/src/progress.props.ts
index e4edb31535ebbc376bae9863526c2468138a6b93..e9dd81bde4cf559ae8573fc1b73c57eb1ebc5267 100644
--- a/packages/ui-vue/components/progress/src/progress.props.ts
+++ b/packages/ui-vue/components/progress/src/progress.props.ts
@@ -1,5 +1,5 @@
-/* eslint-disable max-len */
-/* eslint-disable max-len */
+ 
+ 
 import { ExtractPropTypes, PropType } from 'vue';
 import { createPropsResolver } from '../../dynamic-resolver';
 import { schemaMapper } from './schema/schema-mapper';
diff --git a/packages/ui-vue/components/progress/style.ts b/packages/ui-vue/components/progress/style.ts
index e8c43c9cd44f971d4c0c5fa1c2c2ef85797c100f..4e884e960316cfda7dd295c9f87f9d17a86868d1 100644
--- a/packages/ui-vue/components/progress/style.ts
+++ b/packages/ui-vue/components/progress/style.ts
@@ -1,2 +1,2 @@
 import "@farris/ui-vue/components/dependent-base/style";
-import "@farris/ui-vue/theme-default/components/progress.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/progress.css";
diff --git a/packages/ui-vue/components/property-editor/index.ts b/packages/ui-vue/components/property-editor/index.ts
index 4e62700cebcb30b9265cbb0f680a71d86c68a1b1..02947dd58784bb9bb6dd27b917d7af15e0aa7cf5 100644
--- a/packages/ui-vue/components/property-editor/index.ts
+++ b/packages/ui-vue/components/property-editor/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/property-editor/src/composition/use-update-data.ts b/packages/ui-vue/components/property-editor/src/composition/use-update-data.ts
index 48beb2f7036348fd9c3ed531f2c7a493b0de712b..15ec7d9bc95e70ddb66c939c91fa6faed0ad1b59 100644
--- a/packages/ui-vue/components/property-editor/src/composition/use-update-data.ts
+++ b/packages/ui-vue/components/property-editor/src/composition/use-update-data.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /* eslint-disable no-use-before-define */
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
diff --git a/packages/ui-vue/components/property-editor/src/property-editor.component.tsx b/packages/ui-vue/components/property-editor/src/property-editor.component.tsx
index 6f69729af5840c73931dbbf0306aa761c7a26b46..2d5eaae07511926e19b81cb503a9d07e4be4866d 100644
--- a/packages/ui-vue/components/property-editor/src/property-editor.component.tsx
+++ b/packages/ui-vue/components/property-editor/src/property-editor.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /* eslint-disable no-use-before-define */
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
diff --git a/packages/ui-vue/components/property-editor/src/property-editor.props.ts b/packages/ui-vue/components/property-editor/src/property-editor.props.ts
index d779c04d5bf3cd4a34e6bbc5494a85549dcbc0ba..10b62a8d0fbea6ce25dcf35c282817b835b1a86a 100644
--- a/packages/ui-vue/components/property-editor/src/property-editor.props.ts
+++ b/packages/ui-vue/components/property-editor/src/property-editor.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/property-panel/src/component/property-panel-item-list.component.tsx b/packages/ui-vue/components/property-panel/src/component/property-panel-item-list.component.tsx
index dfc3427fdbb0178a510f503c63d9336f189029df..0a9b5f815d8c0185cc7490d1d76738dff35bbe35 100644
--- a/packages/ui-vue/components/property-panel/src/component/property-panel-item-list.component.tsx
+++ b/packages/ui-vue/components/property-panel/src/component/property-panel-item-list.component.tsx
@@ -1,6 +1,5 @@
-/* eslint-disable max-len */
-/* eslint-disable radix */
-/* eslint-disable no-use-before-define */
+ 
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
@@ -85,7 +84,7 @@ export default defineComponent({
             context.emit('valueChanged', { changeObject });
         }
         function triggerRefreshPanel() {
-            context.emit('triggerRefreshPanel')
+            context.emit('triggerRefreshPanel');
         }
         function renderPropertyPanelItem(propertyItem: PropertyEntity) {
             return (
diff --git a/packages/ui-vue/components/property-panel/src/component/property-panel-item.component.tsx b/packages/ui-vue/components/property-panel/src/component/property-panel-item.component.tsx
index 6bb0f96a1265fa1042a76152d90c32dd94d76410..f2e5d6c3d2d0186a0b0df2a11e06b1b4d5616a1b 100644
--- a/packages/ui-vue/components/property-panel/src/component/property-panel-item.component.tsx
+++ b/packages/ui-vue/components/property-panel/src/component/property-panel-item.component.tsx
@@ -30,13 +30,14 @@ export default defineComponent({
         const editor = ref(props.elementConfig.editor);
         const propertyValue = ref(props.elementConfig.propertyValue);
         const propertyItemClass = computed(() => {
-            const visibleProperty= (props.elementConfig as PropertyEntity).visible;
-            const visiblePropertyValue=typeof visibleProperty=='boolean'?visibleProperty: visibleProperty==undefined?true:visibleProperty();
-           return  {
+            const visibleProperty = (props.elementConfig as PropertyEntity).visible;
+            const visiblePropertyValue = typeof visibleProperty == 'boolean' ?
+                visibleProperty : visibleProperty === undefined ? true : visibleProperty();
+            return {
                 'farris-group-wrap': true,
-                    'property-item': true,
-                        'd-none': !visiblePropertyValue
-            }
+                'property-item': true,
+                'd-none': !visiblePropertyValue
+            };
         });
         watch(() => props.elementConfig?.propertyValue, (value) => {
             propertyValue.value = value;
@@ -47,7 +48,7 @@ export default defineComponent({
             const changeObject: PropertyChangeObject = {
                 propertyID: (props.elementConfig as PropertyEntity).propertyID,
                 propertyValue: newValue
-            }
+            };
             context.emit('propertyChange', changeObject);
 
             // 属性变更后需要触发刷新面板
diff --git a/packages/ui-vue/components/property-panel/src/composition/entity/base-property.ts b/packages/ui-vue/components/property-panel/src/composition/entity/base-property.ts
index b87469cd2f2f69054dd9e2b0e2bc092d145658ca..caa62b9068bebf0c1d28206973a75a98196eba30 100644
--- a/packages/ui-vue/components/property-panel/src/composition/entity/base-property.ts
+++ b/packages/ui-vue/components/property-panel/src/composition/entity/base-property.ts
@@ -89,7 +89,6 @@ export class BaseControlProperty {
     }
 
 
-
     protected getAppearanceConfig(propertyData = null): any {
         return {
             title: "样式",
diff --git a/packages/ui-vue/components/property-panel/src/composition/entity/container-base-property.ts b/packages/ui-vue/components/property-panel/src/composition/entity/container-base-property.ts
index 250c71da39145ca2ea3c08316abe04e639b5e9e5..e55c15ee929aa145207e8a1d71ffd25d1655cc97 100644
--- a/packages/ui-vue/components/property-panel/src/composition/entity/container-base-property.ts
+++ b/packages/ui-vue/components/property-panel/src/composition/entity/container-base-property.ts
@@ -4,7 +4,7 @@ import { BaseControlProperty } from "./base-property";
 export class ContainerBaseProperty extends BaseControlProperty {
 
     getBasicPropConfigContainer(propertyData: any, viewModelId: string) {
-        //basic
+        // basic
         return {
             description: 'Basic Information',
             title: '基本信息',
@@ -49,7 +49,7 @@ export class ContainerBaseProperty extends BaseControlProperty {
                     }
                 }
             }
-        }
+        };
     }
     getVisiblePropertyEntity(propertyData: any, viewModelId: string) {
         return {
@@ -64,6 +64,6 @@ export class ContainerBaseProperty extends BaseControlProperty {
                     data: [{ value: true, name: '是' }, { value: false, name: '否' }]
                 }
             }
-        }
+        };
     }
-}
\ No newline at end of file
+}
diff --git a/packages/ui-vue/components/property-panel/src/composition/entity/input-base-property.ts b/packages/ui-vue/components/property-panel/src/composition/entity/input-base-property.ts
index 0e752733465729d46cd2a323a7a380e1be7fecdd..bf5a684baf254745d1f96f7792133311a822ce69 100644
--- a/packages/ui-vue/components/property-panel/src/composition/entity/input-base-property.ts
+++ b/packages/ui-vue/components/property-panel/src/composition/entity/input-base-property.ts
@@ -1,9 +1,8 @@
-
+ 
 import { BaseControlProperty } from "./base-property";
 import { SchemaDOMMapping } from './schema-dom-mapping';
 import { canvasChanged } from '../../../../designer-canvas/src/composition/designer-canvas-changed';
 import { DesignerComponentInstance } from "../../../../designer-canvas/src/types";
-import { getSchemaByType } from "@farris/ui-vue/components/dynamic-resolver";
 import { FormUnifiedColumnLayout } from "../type";
 import {
     ResponseFormLayoutContext,
@@ -30,7 +29,7 @@ export class InputBaseProperty extends BaseControlProperty {
     }
 
     public getBasicProperties(propertyData, componentInstance): any {
-        var self = this;
+        const self = this;
         this.setDesignViewModelField(propertyData);
         const formBasicInfo = this.formSchemaUtils.getFormMetadataBasicInfo();
         // const data = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
@@ -82,12 +81,12 @@ export class InputBaseProperty extends BaseControlProperty {
             },
             setPropertyRelates(changeObject, prop) {
                 if (!changeObject) {
-                    return
+                    return;
                 }
                 switch (changeObject && changeObject.propertyID) {
                     case 'type': {
-                        self.changeControlType(propertyData, changeObject, componentInstance)
-                        break
+                        self.changeControlType(propertyData, changeObject, componentInstance);
+                        break;
                     }
                     case 'label': {
                         changeObject.needRefreshControlTree = true;
@@ -99,7 +98,7 @@ export class InputBaseProperty extends BaseControlProperty {
     }
     public getAppearanceProperties(propertyData, componentInstance): any {
 
-        var self = this;
+        const self = this;
         return {
             title: "样式",
             description: "Appearance",
@@ -131,7 +130,7 @@ export class InputBaseProperty extends BaseControlProperty {
             },
             setPropertyRelates(changeObject, prop) {
                 if (!changeObject) {
-                    return
+                    return;
                 }
                 switch (changeObject && changeObject.propertyID) {
                     case 'responseLayout':
@@ -147,7 +146,7 @@ export class InputBaseProperty extends BaseControlProperty {
                 }
 
             }
-        }
+        };
     };
 
     public getEditorProperties(propertyData): any {
diff --git a/packages/ui-vue/components/property-panel/src/composition/entity/property-entity.ts b/packages/ui-vue/components/property-panel/src/composition/entity/property-entity.ts
index 9dbf8107ce56e1f3fac83b50650063e8887481e1..11b65f360cec6a3c8797818d2e6467a79d4cddfd 100644
--- a/packages/ui-vue/components/property-panel/src/composition/entity/property-entity.ts
+++ b/packages/ui-vue/components/property-panel/src/composition/entity/property-entity.ts
@@ -43,7 +43,7 @@ export interface PropertyEntity {
     /**
      * 是否可见，默认true
      */
-    visible?: () => boolean;
+    visible: boolean | (() => boolean);
 
     /**
      * 最小值
diff --git a/packages/ui-vue/components/property-panel/src/composition/entity/schema-dom-mapping.ts b/packages/ui-vue/components/property-panel/src/composition/entity/schema-dom-mapping.ts
index cc573876f66a15a6473b54ae5a50a0acffdb759c..e6ee739d1ce468ec27e22bdf94c9443c831871bb 100644
--- a/packages/ui-vue/components/property-panel/src/composition/entity/schema-dom-mapping.ts
+++ b/packages/ui-vue/components/property-panel/src/composition/entity/schema-dom-mapping.ts
@@ -1,3 +1,4 @@
+ 
 import { DgControl } from "../../../../designer-canvas/src/composition/dg-control";
 
 export class SchemaDOMMapping {
@@ -65,7 +66,7 @@ export class SchemaDOMMapping {
      */
     static getAllInputTypes() {
         const allControlTypes: Array<{ key: string, value: string }> = [];
-        for (let fieldType in SchemaDOMMapping.fieldControlTypeMapping) {
+        for (const fieldType in SchemaDOMMapping.fieldControlTypeMapping) {
             SchemaDOMMapping.fieldControlTypeMapping[fieldType].forEach(control => {
                 if (!allControlTypes.find(controlKeyValue => controlKeyValue.key === control.key && controlKeyValue.value === control.value)) {
                     allControlTypes.push({ key: control.key, value: control.value });
@@ -76,4 +77,4 @@ export class SchemaDOMMapping {
         return allControlTypes;
     }
 
-}
\ No newline at end of file
+}
diff --git a/packages/ui-vue/components/property-panel/src/composition/entity/use-input-rules.ts b/packages/ui-vue/components/property-panel/src/composition/entity/use-input-rules.ts
index e64f81e22ba47e657d1904717388f3e8b40c722c..dda534127e24bde24251736e405ef21e42359bd6 100644
--- a/packages/ui-vue/components/property-panel/src/composition/entity/use-input-rules.ts
+++ b/packages/ui-vue/components/property-panel/src/composition/entity/use-input-rules.ts
@@ -1,7 +1,7 @@
-/* eslint-disable max-len */
+ 
 import { ref } from "vue";
-import { DraggingResolveContext, DesignerHTMLElement, UseDesignerRules } from "../../../designer-canvas/src/composition/types";
-import { ComponentSchema, DesignerItemContext } from "../../../designer-canvas/src/types";
+import { DesignerItemContext, ComponentSchema, } from '@farris/ui-vue/components/designer-canvas';
+import { DesignerHTMLElement, DraggingResolveContext, UseDesignerRules } from '../../../../designer-canvas/src/composition/types';
 
 export function useInputDesignerRules(designItemContext: DesignerItemContext, designerHostService): UseDesignerRules {
     const schema = designItemContext.schema as ComponentSchema;
diff --git a/packages/ui-vue/components/property-panel/src/property-panel.component.tsx b/packages/ui-vue/components/property-panel/src/property-panel.component.tsx
index 46bd5b7bf651ba83393223b3b4d8ab0b1f069b12..7c68c0c54bf2a77bbc4cddd0c73253d527f18a7b 100644
--- a/packages/ui-vue/components/property-panel/src/property-panel.component.tsx
+++ b/packages/ui-vue/components/property-panel/src/property-panel.component.tsx
@@ -1,5 +1,5 @@
-/* eslint-disable max-len */
-/* eslint-disable no-return-assign */
+ 
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
@@ -265,7 +265,7 @@ export default defineComponent({
             });
             // 记录已选的页签
             if (selectedTabId.value) {
-                let selectedTabValue = categoryTabs?.find((tab: any) => tab.tabId === selectedTabId.value && !tab.hide);
+                const selectedTabValue = categoryTabs?.find((tab: any) => tab.tabId === selectedTabId.value && !tab.hide);
                 selectedTab.value = selectedTabValue || categoryTabs[0];
             } else {
                 selectedTab.value = categoryTabs[0];
diff --git a/packages/ui-vue/components/query-solution/index.ts b/packages/ui-vue/components/query-solution/index.ts
index 0b43b4b25a0c14cde4d4826796ecbc42de6151c7..e96239a7b300e5c76157f3539763f56b12654cfb 100644
--- a/packages/ui-vue/components/query-solution/index.ts
+++ b/packages/ui-vue/components/query-solution/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/query-solution/src/composition/types.ts b/packages/ui-vue/components/query-solution/src/composition/types.ts
index 29042a53eff9a6933e9b8e5ef42f2f3b875893ab..b52d41dfd170702f311c1db789ff65c91f612288 100644
--- a/packages/ui-vue/components/query-solution/src/composition/types.ts
+++ b/packages/ui-vue/components/query-solution/src/composition/types.ts
@@ -24,4 +24,4 @@
       */
       filterCondition: (fields:FieldConfig[], solutions:QuerySolution[]) => QuerySolution[];
  }
- 
\ No newline at end of file
+ 
diff --git a/packages/ui-vue/components/query-solution/src/composition/use-filter.ts b/packages/ui-vue/components/query-solution/src/composition/use-filter.ts
index 4f3813aaa1d3b35cae23917ac8d530659467cd54..c0540ab0c71ad4aefadb44b7b18e172543d50846 100644
--- a/packages/ui-vue/components/query-solution/src/composition/use-filter.ts
+++ b/packages/ui-vue/components/query-solution/src/composition/use-filter.ts
@@ -24,14 +24,14 @@ import { Condition, FieldConfig } from '../../../condition';
     function filterCondition(fields:FieldConfig[], solutions:QuerySolution[]):QuerySolution[] {
         const filterSolutions:QuerySolution[] = solutions.map((solution:QuerySolution) => {
             solution.conditions = solution.conditions.filter((condition:Condition) => {
-                return fields.find((field:FieldConfig) => field.labelCode === condition.fieldCode)
-            })
-            return solution
-        })
-        return filterSolutions
+                return fields.find((field:FieldConfig) => field.labelCode === condition.fieldCode);
+            });
+            return solution;
+        });
+        return filterSolutions;
     }
      return {
         filterCondition
      };
  }
- 
\ No newline at end of file
+ 
diff --git a/packages/ui-vue/components/query-solution/src/designer/query-solution-config/composition/types.ts b/packages/ui-vue/components/query-solution/src/designer/query-solution-config/composition/types.ts
index b156a77da7d23f58a6806b449caaf9e5080e2af8..b5b4e92760d199d2fa599d7c0e3909cb75e5eb0e 100644
--- a/packages/ui-vue/components/query-solution/src/designer/query-solution-config/composition/types.ts
+++ b/packages/ui-vue/components/query-solution/src/designer/query-solution-config/composition/types.ts
@@ -14,12 +14,12 @@
  * limitations under the License.
  */
 
-import { Ref, VNodeRef } from "vue";
+import { Ref } from "vue";
 import { TransFerItem } from '../query-solution-config.props';
 import { JSX } from "vue/jsx-runtime";
 
 export type ControlType = 'text' | 'single-number' | 'number' | 'dropdown' | 'help' | 'combolist-help' | 'date' | 'single-date' |
-'date-time' | 'single-date-time' | 'month' | 'single-year' | 'radio' | 'input-group';
+    'date-time' | 'single-date-time' | 'month' | 'single-year' | 'radio' | 'input-group';
 
 export interface UseTransfer {
 
@@ -32,22 +32,6 @@ export interface UseTransfer {
     confirm: () => void;
     cancel: () => void;
 }
-export interface UsePanel {
-    renderPanel: () => JSX.Element | null;
-    getExtendSchemaProerty: (controlType: ControlType) => Partial<PropertyItem>;
-}
-
-export interface UseProperty {
-    getPropertyConfig: (propertyData: PropertyItem) => PropertyConfig;
-}
-
-export interface PropertyConfig {
-    description: string;
-    title: string;
-    type: string;
-    readonly?: boolean;
-    categories: any;
-}
 
 export interface PropertyItem {
     id: string;
@@ -84,3 +68,20 @@ export interface PropertyItem {
     showLabel?: boolean;
     [prop: string]: any;
 }
+
+export interface PropertyConfig {
+    description: string;
+    title: string;
+    type: string;
+    readonly?: boolean;
+    categories: any;
+}
+
+export interface UsePanel {
+    renderPanel: () => JSX.Element | null;
+    getExtendSchemaProerty: (controlType: ControlType) => Partial<PropertyItem>;
+}
+
+export interface UseProperty {
+    getPropertyConfig: (propertyData: PropertyItem) => PropertyConfig;
+}
diff --git a/packages/ui-vue/components/query-solution/src/designer/query-solution-config/composition/use-panel.tsx b/packages/ui-vue/components/query-solution/src/designer/query-solution-config/composition/use-panel.tsx
index e8ff653b841a22fa59414dbf04e5a946680e4305..f11a10ec931626c20c536fd1b6abdb95fb918b9b 100644
--- a/packages/ui-vue/components/query-solution/src/designer/query-solution-config/composition/use-panel.tsx
+++ b/packages/ui-vue/components/query-solution/src/designer/query-solution-config/composition/use-panel.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/indent */
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
@@ -21,7 +20,7 @@ import FPropertyPanel from '../../../../../property-panel/src/property-panel.com
 import { useProperty } from './use-property';
 
 
-export function usePanel(props: QuerySolutionConfigProps, context: SetupContext, activePanel: Ref<any>, fieldsData: Map<string, PropertyItem>):UsePanel {
+export function usePanel(props: QuerySolutionConfigProps, context: SetupContext, activePanel: Ref<any>, fieldsData: Map<string, PropertyItem>): UsePanel {
 
     // 属性面板组件实例
     const PropertyPanelInstance = ref();
@@ -36,34 +35,14 @@ export function usePanel(props: QuerySolutionConfigProps, context: SetupContext,
 
     watch(() => activePanel.value?.id, (newId, oldId) => {
 
-        if(!newId) {
+        if (!newId) {
             currentPanelValue.value = null;
-        } else if(newId !== oldId) {
+        } else if (newId !== oldId) {
             const currentField = fieldsData.get(newId);
             currentPanelValue.value = currentField;
-        } 
-
-    });
-
-
-    watch(() => [currentPanelValue.value?.id, currentPanelValue.value?.controlType], ([newId, newControlType], [oldId, oldControlType]) => {
-        if(!newId) {
-            PropertyPanelInstance.value.updatePropertyConfig({}, {});
-        } else if(newId !== oldId) {
-            const newPropertyConfig = getPropertyConfig(currentPanelValue.value);
-            PropertyPanelInstance.value.updatePropertyConfig(newPropertyConfig, currentPanelValue.value);
-        } else if (newControlType !== oldControlType){
-            const currentField = fieldsData.get(newId);
-            const basicSchema = getBasicSchemaProerty(currentField);
-            basicSchema.controlType = newControlType;
-            const newField = { ...basicSchema, ...getExtendSchemaProerty(newControlType)};
-            fieldsData.set(newId, newField);
-            currentPanelValue.value = fieldsData.get(newId);
-            const newPropertyConfig = getPropertyConfig(currentPanelValue.value);
-            PropertyPanelInstance.value.updatePropertyConfig(newPropertyConfig, currentPanelValue.value);
         }
-    });
 
+    });
 
     function getBasicSchemaProerty(panel: any) {
         return {
@@ -238,17 +217,32 @@ export function usePanel(props: QuerySolutionConfigProps, context: SetupContext,
 
     }
 
-   
+    watch(() => [currentPanelValue.value?.id, currentPanelValue.value?.controlType], ([newId, newControlType], [oldId, oldControlType]) => {
+        if (!newId) {
+            PropertyPanelInstance.value.updatePropertyConfig({}, {});
+        } else if (newId !== oldId) {
+            const newPropertyConfig = getPropertyConfig(currentPanelValue.value);
+            PropertyPanelInstance.value.updatePropertyConfig(newPropertyConfig, currentPanelValue.value);
+        } else if (newControlType !== oldControlType) {
+            const currentField = fieldsData.get(newId);
+            const basicSchema = getBasicSchemaProerty(currentField);
+            basicSchema.controlType = newControlType;
+            const newField = { ...basicSchema, ...getExtendSchemaProerty(newControlType) };
+            fieldsData.set(newId, newField);
+            currentPanelValue.value = fieldsData.get(newId);
+            const newPropertyConfig = getPropertyConfig(currentPanelValue.value);
+            PropertyPanelInstance.value.updatePropertyConfig(newPropertyConfig, currentPanelValue.value);
+        }
+    });
+
     /**
      * FPropertyPanel发生变更 增加了关于designer.Item的相关处理,此处需要后续处理
      * @returns 
      */
     function renderPanel() {
-        return <>
-            <FPropertyPanel propertyConfig={propertyConfig.value} ref={PropertyPanelInstance}
-                propertyName={propertyName.value}
-                schema={focusingSchema.value}> </FPropertyPanel>
-        </>;
+        return <FPropertyPanel propertyConfig={propertyConfig.value} ref={PropertyPanelInstance}
+            propertyName={propertyName.value}
+            schema={focusingSchema.value}> </FPropertyPanel>;
     }
     return {
         renderPanel,
diff --git a/packages/ui-vue/components/query-solution/src/designer/query-solution-config/composition/use-property.ts b/packages/ui-vue/components/query-solution/src/designer/query-solution-config/composition/use-property.ts
index d767551ddff7d6b37c2e2a2a422b2b89f16271fc..ab4b1f8dee7861492ca130bbf95e1763fbc41544 100644
--- a/packages/ui-vue/components/query-solution/src/designer/query-solution-config/composition/use-property.ts
+++ b/packages/ui-vue/components/query-solution/src/designer/query-solution-config/composition/use-property.ts
@@ -13,31 +13,15 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- import { ControlType, PropertyItem, UseProperty } from './types';
- import { ref, Ref, SetupContext } from 'vue';
- import { FieldConfig } from '../../../../../condition/src/types';
- import { QuerySolutionConfigProps, TransFerItem } from '../query-solution-config.props';
- import querySolutionConfigExtend from "../property-config/query-solution-config-extend.json";
- 
- export function useProperty(
-     props: QuerySolutionConfigProps,
-     context: SetupContext
- ): UseProperty {
- 
-    function getPropertyConfig(propertyData: PropertyItem) {
-        const basic = getBasicConfig(propertyData);
-        const control = getControlConfig(propertyData.controlType);
+import { PropertyItem, UseProperty } from './types';
+import { SetupContext } from 'vue';
+import { QuerySolutionConfigProps } from '../query-solution-config.props';
+import querySolutionConfigExtend from "../property-config/query-solution-config-extend.json";
 
-        return {
-            title: "query-solution-config",
-            description: "A Farris Component",
-            type: 'object',
-            categories: {
-                basic,
-                control
-            }
-        };
-    }
+export function useProperty(
+    props: QuerySolutionConfigProps,
+    context: SetupContext
+): UseProperty {
 
     function getBasicConfig(propertyData) {
         return {
@@ -111,9 +95,9 @@
                                 value: "富文本"
                             }
                         ],
-                        valueField:"key",
-                        textField:"value",
-                        idField:"id",
+                        valueField: "key",
+                        textField: "value",
+                        idField: "id",
                         editable: false,
                         multiSelect: false
                     }
@@ -123,16 +107,31 @@
     }
 
     function getControlConfig(controlType: any) {
-        
+
         return {
             description: "",
             title: "控件",
             properties: querySolutionConfigExtend[controlType]
         };
     }
-     
-     return {
+
+    function getPropertyConfig(propertyData: PropertyItem) {
+        const basic = getBasicConfig(propertyData);
+        const control = getControlConfig(propertyData.controlType);
+
+        return {
+            title: "query-solution-config",
+            description: "A Farris Component",
+            type: 'object',
+            categories: {
+                basic,
+                control
+            }
+        };
+    }
+
+    return {
         getPropertyConfig
-     };
- }
- 
\ No newline at end of file
+    };
+}
+
diff --git a/packages/ui-vue/components/query-solution/src/designer/query-solution-config/composition/use-querysolution-rules.ts b/packages/ui-vue/components/query-solution/src/designer/query-solution-config/composition/use-querysolution-rules.ts
index df4f2eee32e44e49ea51862f86f8b993dbd535d9..3b50aa2a0bfbf3a8c3a371892af40576d1744483 100644
--- a/packages/ui-vue/components/query-solution/src/designer/query-solution-config/composition/use-querysolution-rules.ts
+++ b/packages/ui-vue/components/query-solution/src/designer/query-solution-config/composition/use-querysolution-rules.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { UseDesignerRules } from "../../../../../designer-canvas/src/composition/types";
 import { ComponentSchema, DesignerComponentInstance, DesignerItemContext } from "../../../../../designer-canvas/src/types";
 import { useInputDesignerRules } from "../../../../../property-panel/src/composition/entity/use-input-rules";
diff --git a/packages/ui-vue/components/query-solution/src/designer/query-solution-config/composition/use-transfer.tsx b/packages/ui-vue/components/query-solution/src/designer/query-solution-config/composition/use-transfer.tsx
index 1e7896913a169e3b8f0a3a647c1caa6ea7e20c85..5c02473684648af2611015e4ca148595d1f21930 100644
--- a/packages/ui-vue/components/query-solution/src/designer/query-solution-config/composition/use-transfer.tsx
+++ b/packages/ui-vue/components/query-solution/src/designer/query-solution-config/composition/use-transfer.tsx
@@ -13,10 +13,10 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { ControlType, PropertyItem, UseTransfer } from './types';
+import { PropertyItem, UseTransfer } from './types';
 import { ref, Ref, SetupContext } from 'vue';
 import { FieldConfig } from '../../../../../condition/src/types';
-import { QuerySolutionConfigProps, TransFerItem } from '../query-solution-config.props';
+import { QuerySolutionConfigProps } from '../query-solution-config.props';
 import FTransfer from '../../../../../transfer/src/transfer.component';
 import { cloneDeep } from 'lodash-es';
 
@@ -43,18 +43,11 @@ export function useTransfer(
         selectPanels.value = changeItems;
     }
 
-    function getDataSource() {
-        return convertToFieldConfig();
+    function getEditorByType(type, schemaField: any) {
+        const editor = getExtendSchemaProerty(type);
+        return editor;
     }
 
-    function convertToFieldConfig() {
-        const fields = cloneDeep(props.fields);
-        const fieldsConfig =  fields.map(field => {
-            return getSolutionField(field);
-        })
-        return fieldsConfig;
-        
-    }
     function getSolutionField(schemaField: any) {
         if (schemaField.$type !== 'SimpleField') {
             // console.warn('字段类型错误！');
@@ -109,9 +102,17 @@ export function useTransfer(
         return fieldConfig;
     }
 
-    function getEditorByType(type, schemaField: any) {
-        const editor = getExtendSchemaProerty(type);
-        return editor;
+    function convertToFieldConfig() {
+        const fields = cloneDeep(props.fields);
+        const fieldsConfig = fields.map(field => {
+            return getSolutionField(field);
+        });
+        return fieldsConfig;
+
+    }
+
+    function getDataSource() {
+        return convertToFieldConfig();
     }
 
     function initData() {
@@ -119,7 +120,7 @@ export function useTransfer(
         const data: any = {};
         const existFields = cloneDeep(props.modelValue) || [];
         selectPanels.value = [];
-        existFields.forEach((field:FieldConfig) => {
+        existFields.forEach((field: FieldConfig) => {
             const currentField = dataSource.value.find((fieldData: FieldConfig) => fieldData.id === field.id);
             if (currentField) {
                 data[field.id] = {
@@ -129,7 +130,7 @@ export function useTransfer(
                     labelCode: currentField.labelCode,
                     name: currentField.name,
                     controlType: currentField.controlType,
-                    
+
                 };
                 selectPanels.value.push(data[field.id]);
 
@@ -140,15 +141,14 @@ export function useTransfer(
         firstSelectPanels.value = cloneDeep(selectPanels.value);
     }
 
-    
 
     function confirm() {
-        
+
         const selectPanelsData: FieldConfig[] = [];
         selectPanels.value.forEach((panel: PropertyItem) => {
             const currentField = fieldsData.get(panel.id);
             if (currentField) {
-                const { id, code, labelCode, name,controlType, ...editor } = currentField;
+                const { id, code, labelCode, name, controlType, ...editor } = currentField;
                 const selectPanelData = {
                     id,
                     code,
@@ -156,7 +156,7 @@ export function useTransfer(
                     name,
                     controlType,
                     editor
-                };
+                } as FieldConfig;
                 selectPanelsData.push(selectPanelData);
             }
         });
diff --git a/packages/ui-vue/components/query-solution/src/designer/query-solution-config/query-solution-config.component.tsx b/packages/ui-vue/components/query-solution/src/designer/query-solution-config/query-solution-config.component.tsx
index d344c96887ef3b64e299dc260c60b15a5fdbb879..66b7d7eefdb764e43f2b5e4eddf0d5515cc730bc 100644
--- a/packages/ui-vue/components/query-solution/src/designer/query-solution-config/query-solution-config.component.tsx
+++ b/packages/ui-vue/components/query-solution/src/designer/query-solution-config/query-solution-config.component.tsx
@@ -31,11 +31,19 @@ export default defineComponent({
         const textValue = computed(() => {
             return '共' + props.modelValue.length + '项';
         });
-        //fieldsData 为打开弹窗后所用的数据，包含所有字段，点击确定时针对穿梭框selectPanels进行赋值操作
-        const fieldsData = new Map()
+        // fieldsData 为打开弹窗后所用的数据，包含所有字段，点击确定时针对穿梭框selectPanels进行赋值操作
+        const fieldsData = new Map();
         const usePanelComposition = usePanel(props, context, activePanel, fieldsData);
         const { renderPanel } = usePanelComposition;
-        const { renderTransfer, initData, confirm, cancel, selectPanels } = useTransfer(props, context, activePanel, fieldsData, usePanelComposition);
+        const { renderTransfer, initData, confirm, cancel } = useTransfer(props, context, activePanel, fieldsData, usePanelComposition);
+
+        function acceptCallback() {
+            confirm();
+        }
+
+        function rejectCallback() {
+            cancel();
+        }
 
         const modalOptions = {
             fitContent: false,
@@ -46,14 +54,6 @@ export default defineComponent({
             rejectCallback
         };
 
-        function acceptCallback() {
-            confirm();
-        }
-
-        function rejectCallback() {
-            cancel();
-        }
-
         function renderQuerySolutionConfig() {
             return <>
                 {renderTransfer()}
diff --git a/packages/ui-vue/components/query-solution/src/designer/query-solution-config/query-solution-config.props.ts b/packages/ui-vue/components/query-solution/src/designer/query-solution-config/query-solution-config.props.ts
index 2dfa85fd8eba127f1b54beaac26539e6143d5eed..fdcc86c87e881be883deb8671ae72a072676de7c 100644
--- a/packages/ui-vue/components/query-solution/src/designer/query-solution-config/query-solution-config.props.ts
+++ b/packages/ui-vue/components/query-solution/src/designer/query-solution-config/query-solution-config.props.ts
@@ -1,19 +1,18 @@
-/* eslint-disable max-len */
 /**
- * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
- *
- * 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.
- */
+* Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
+*
+* 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 { ExtractPropTypes, PropType } from 'vue';
 
 import { FieldConfig } from '../../../../condition/src/types';
@@ -36,4 +35,4 @@ export const querySolutionConfigProps = {
 
 export type QuerySolutionConfigProps = ExtractPropTypes<typeof querySolutionConfigProps>;
 
-export const configPropsResolver = createPropsResolver<QuerySolutionConfigProps>(querySolutionConfigProps, querySolutionConfigSchema, schemaMapper, schemaResolver  );
\ No newline at end of file
+export const configPropsResolver = createPropsResolver<QuerySolutionConfigProps>(querySolutionConfigProps, querySolutionConfigSchema, schemaMapper, schemaResolver);
diff --git a/packages/ui-vue/components/query-solution/src/designer/query-solution.design.component.tsx b/packages/ui-vue/components/query-solution/src/designer/query-solution.design.component.tsx
index 0d71859b5f95d4ed55ba76bb247db7d3648505f6..eac4c35d7a47f43310b39c461d036668c2b6dd98 100644
--- a/packages/ui-vue/components/query-solution/src/designer/query-solution.design.component.tsx
+++ b/packages/ui-vue/components/query-solution/src/designer/query-solution.design.component.tsx
@@ -36,7 +36,6 @@ export default defineComponent({
         const componentInstance = useDesignerComponent(elementRef, designItemContext, designerRulesComposition);
 
 
-
         onMounted(() => {
             elementRef.value.componentInstance = componentInstance;
         });
diff --git a/packages/ui-vue/components/query-solution/src/property-config/query-solution.property-config.ts b/packages/ui-vue/components/query-solution/src/property-config/query-solution.property-config.ts
index d03fa66c43cd6b6f267c18e48954033bf3b07b90..47a78454339290eca71bc76ce8cb4a0413d18619 100644
--- a/packages/ui-vue/components/query-solution/src/property-config/query-solution.property-config.ts
+++ b/packages/ui-vue/components/query-solution/src/property-config/query-solution.property-config.ts
@@ -66,16 +66,16 @@ export class QuerySolutionPropertyConfig extends InputBaseProperty {
 
     private getQuerySolutionConfig(propertyData: any) {
         const allFields = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
-        const fields:PropertyItem[] = []
+        const fields:PropertyItem[] = [];
         allFields.forEach(field => {
             if(field.children.length > 0) {
                 field.children.forEach(childrenField => {
-                    fields.push(childrenField.data)
-                })
+                    fields.push(childrenField.data);
+                });
             } else {
-                fields.push(field.data)
+                fields.push(field.data);
             }
-        })  
+        });  
         return {
             description: "Basic Infomation",
             title: "编辑器",
diff --git a/packages/ui-vue/components/query-solution/src/query-solution.props.ts b/packages/ui-vue/components/query-solution/src/query-solution.props.ts
index ef4dc0d9084494456c3885cba69ef43d61caddff..c22b1b5191ee872bf5ecc6e3d35f615e4477b807 100644
--- a/packages/ui-vue/components/query-solution/src/query-solution.props.ts
+++ b/packages/ui-vue/components/query-solution/src/query-solution.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/query-solution/src/solutions.ts b/packages/ui-vue/components/query-solution/src/solutions.ts
index 30122f173062825803e547895226f95c6f115a8d..e4a42fe7a08019b915216902315432c56b69dee7 100644
--- a/packages/ui-vue/components/query-solution/src/solutions.ts
+++ b/packages/ui-vue/components/query-solution/src/solutions.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 const fieldConfigs = [
     {
         id: 'e605c9f9-a252-48ca-9c65-0bffb3427e86',
diff --git a/packages/ui-vue/components/query-solution/style.ts b/packages/ui-vue/components/query-solution/style.ts
index fe7bffc114ad3c302350b9949e1132b3bd427a86..cdeb2056e7fb474ec875981ab74871db8216e511 100644
--- a/packages/ui-vue/components/query-solution/style.ts
+++ b/packages/ui-vue/components/query-solution/style.ts
@@ -1,2 +1,2 @@
 import "@farris/ui-vue/components/dependent-base/style";
-import "@farris/ui-vue/theme-default/components/query-solution.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/query-solution.css";
diff --git a/packages/ui-vue/components/radio-button/index.ts b/packages/ui-vue/components/radio-button/index.ts
index 0306a467ab0b5760db7e3eb2cdf354522bfd1acf..0864948019fdd60006548a40343069098055b7e3 100644
--- a/packages/ui-vue/components/radio-button/index.ts
+++ b/packages/ui-vue/components/radio-button/index.ts
@@ -1,5 +1,5 @@
-/* eslint-disable max-len */
-/* eslint-disable max-len */
+ 
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/radio-button/src/radio-button.props.ts b/packages/ui-vue/components/radio-button/src/radio-button.props.ts
index 0d90fc8233935d9743e67ef1e0653d36fad2c93e..10f8f38f76be530f58dbca38623e43c3a8774c28 100644
--- a/packages/ui-vue/components/radio-button/src/radio-button.props.ts
+++ b/packages/ui-vue/components/radio-button/src/radio-button.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/radio-button/style.ts b/packages/ui-vue/components/radio-button/style.ts
index 2797356ccfce3e2dedfc6f1a270b9618ef8f63be..1335c5b58cfcaf6fa1a82f309aa0fbe9d8dba314 100644
--- a/packages/ui-vue/components/radio-button/style.ts
+++ b/packages/ui-vue/components/radio-button/style.ts
@@ -1,2 +1,2 @@
 import "@farris/ui-vue/components/dependent-base/style";
-import "@farris/ui-vue/components/checkbox/style";
\ No newline at end of file
+import "@farris/ui-vue/components/checkbox/style";
diff --git a/packages/ui-vue/components/radio-group/index.ts b/packages/ui-vue/components/radio-group/index.ts
index 430c16d6847ed7944a2714a637fa0b84c68c7a6a..7b933a4168d647d8fa51bfa69ad38100b6949562 100644
--- a/packages/ui-vue/components/radio-group/index.ts
+++ b/packages/ui-vue/components/radio-group/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/radio-group/src/designer/use-design-rules.ts b/packages/ui-vue/components/radio-group/src/designer/use-design-rules.ts
index 6d5e24786265e4da1924f39ceeac4e826512f8ae..04cde8d3e95cc662a69c3fc74ac1e3c72026ec5e 100644
--- a/packages/ui-vue/components/radio-group/src/designer/use-design-rules.ts
+++ b/packages/ui-vue/components/radio-group/src/designer/use-design-rules.ts
@@ -1,5 +1,5 @@
-/* eslint-disable no-use-before-define */
-/* eslint-disable max-len */
+ 
+ 
 import { ComponentSchema, DesignerComponentInstance, DesignerItemContext } from "../../../designer-canvas/src/types";
 import { UseDesignerRules } from "../../../designer-canvas/src/composition/types";
 import { RadioGroupProperty } from "../property-config/radio-group.property-config";
diff --git a/packages/ui-vue/components/radio-group/src/radio-group.props.ts b/packages/ui-vue/components/radio-group/src/radio-group.props.ts
index e7803bd5d3c9e1558cf52dd74d212c5ba070fbb7..b97c80a85927df1997d41acae6269f42a61361ff 100644
--- a/packages/ui-vue/components/radio-group/src/radio-group.props.ts
+++ b/packages/ui-vue/components/radio-group/src/radio-group.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/radio-group/style.ts b/packages/ui-vue/components/radio-group/style.ts
index b79c4bff561d3cba3dc2a769d842d943ac36035b..0e559f5d5f4e773ff500266c7859bc7b55096101 100644
--- a/packages/ui-vue/components/radio-group/style.ts
+++ b/packages/ui-vue/components/radio-group/style.ts
@@ -1,4 +1,4 @@
 import "@farris/ui-vue/components/dependent-base/style";
 import "@farris/ui-vue/components/dependent-icon/style";
 import "@farris/ui-vue/components/checkbox/style";
-import "@farris/ui-vue/theme-default/components/radio";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/radio";
diff --git a/packages/ui-vue/components/rate/index.ts b/packages/ui-vue/components/rate/index.ts
index e12ec9b67e1fb2d7434a17c28ff72fc43425d8fc..1529fb96700022517e71588915f9ed6f6a629b29 100644
--- a/packages/ui-vue/components/rate/index.ts
+++ b/packages/ui-vue/components/rate/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/rate/src/designer/rate.design.component.tsx b/packages/ui-vue/components/rate/src/designer/rate.design.component.tsx
index c4afc04278a7ed7aedbc0d2ad4b8a85d0e5642c3..3bf4142b77c8bf33cb415bab98434c7fb0b1a1e8 100644
--- a/packages/ui-vue/components/rate/src/designer/rate.design.component.tsx
+++ b/packages/ui-vue/components/rate/src/designer/rate.design.component.tsx
@@ -1,5 +1,4 @@
-/* eslint-disable @typescript-eslint/indent */
-/* eslint-disable radix */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/rate/src/rate.component.tsx b/packages/ui-vue/components/rate/src/rate.component.tsx
index 0025b69d848dcd58247cca716915042507c3d166..eccf843af942f061d4c954b28c585bb4ab0b7b78 100644
--- a/packages/ui-vue/components/rate/src/rate.component.tsx
+++ b/packages/ui-vue/components/rate/src/rate.component.tsx
@@ -1,5 +1,4 @@
-/* eslint-disable @typescript-eslint/indent */
-/* eslint-disable radix */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/rate/style.ts b/packages/ui-vue/components/rate/style.ts
index 8f8e4ceb181ba5463dbf2b1c20bb1feda776ac66..5f817e05689d4e544d5fd62755372cce3f2b3373 100644
--- a/packages/ui-vue/components/rate/style.ts
+++ b/packages/ui-vue/components/rate/style.ts
@@ -1,2 +1,2 @@
 import "@farris/ui-vue/components/dependent-base/style";
-import "@farris/ui-vue/theme-default/components/rate.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/rate.css";
diff --git a/packages/ui-vue/components/response-layout-editor/index.ts b/packages/ui-vue/components/response-layout-editor/index.ts
index 1dddfaff360f31dcb3f8429cc2de37408d868f52..9a4232c0305e9535c8cc3bec8a90dac38b189416 100644
--- a/packages/ui-vue/components/response-layout-editor/index.ts
+++ b/packages/ui-vue/components/response-layout-editor/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/response-layout-editor/src/components/field-list/column-width-editor/column-width-editor.props.ts b/packages/ui-vue/components/response-layout-editor/src/components/field-list/column-width-editor/column-width-editor.props.ts
index 5257edd8c11d86d83407a7e2b4eb7c8a0a42575d..2d1505b6adc8e878ac033126826a7250f83a94ee 100644
--- a/packages/ui-vue/components/response-layout-editor/src/components/field-list/column-width-editor/column-width-editor.props.ts
+++ b/packages/ui-vue/components/response-layout-editor/src/components/field-list/column-width-editor/column-width-editor.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { ExtractPropTypes } from "vue";
 
 export const columnWidthEditorProps = {
diff --git a/packages/ui-vue/components/response-layout-editor/src/components/field-list/field-list.component.tsx b/packages/ui-vue/components/response-layout-editor/src/components/field-list/field-list.component.tsx
index 6f0875aa6a15ed268c3730c30c533ab52c30ffb2..571a6b480ccfaa64acea18b0bff2c2a8d7f66850 100644
--- a/packages/ui-vue/components/response-layout-editor/src/components/field-list/field-list.component.tsx
+++ b/packages/ui-vue/components/response-layout-editor/src/components/field-list/field-list.component.tsx
@@ -26,7 +26,7 @@ export default defineComponent({
         /** comboList中初始状态显示值 */
         const currentGroup = ref('');
         /** 存储comboList所用值：[{id:1,label:区域1};{id:2,label:区域2}；...] */
-        const groupItems: Ref<Array<Object>> = ref([]);
+        const groupItems: Ref<Array<object>> = ref([]);
         /** 展示用户在comboList中所选的区域，例：[{1：区域1}] */
         const currentArea: Ref<Array<any>> = ref(props.currentArea);
         /** 标记属于第几行 */
@@ -38,28 +38,13 @@ export default defineComponent({
         /** 用户初始点击的控件所在的区域，决定默认显示区域 */
         const defaultAreaNumber = ref('1');
         /** cdk drag区域对应的显示数组 */
-        const cdkDropGroup: Ref<Array<Object>> = ref([]);
-        /**
-         * 下拉框-生成下拉框中的所有区域的列表
-         */
-        function groupForComboList() {
-            let middleArray = groupCategory();
-            for (let i = 0; i < middleArray.length; i++) {
-                // 对应comboList中的id和label
-                const groupItem = {
-                    'id': middleArray[i]?.toString(),
-                    'label': '区域' + middleArray[i]
-                };
-                groupItems.value.push(groupItem);
-            }
-            defaultArea();
-        }
-
+        const cdkDropGroup: Ref<Array<object>> = ref([]);
+        
         /**
          * 下拉框-从传入值的group汇总所有的区域值，例：区域12345
          */
         function groupCategory() {
-            let middleArray: any[] = [];
+            const middleArray: any[] = [];
             originalData.value.forEach((element: { group: any }) => {
                 if (middleArray.indexOf(element.group) === -1) {
                     middleArray.push(element.group);
@@ -81,6 +66,22 @@ export default defineComponent({
             context.emit('update:currentArea', currentArea.value);
         }
 
+        /**
+         * 下拉框-生成下拉框中的所有区域的列表
+         */
+        function groupForComboList() {
+            const middleArray = groupCategory();
+            for (let i = 0; i < middleArray.length; i++) {
+                // 对应comboList中的id和label
+                const groupItem = {
+                    'id': middleArray[i]?.toString(),
+                    'label': '区域' + middleArray[i]
+                };
+                groupItems.value.push(groupItem);
+            }
+            defaultArea();
+        }
+
         /**
          * 根据group分区域-根据originalData中的group，生成根据group来分类后的新数组sameGroupArrayInTotal
          */
@@ -103,18 +104,58 @@ export default defineComponent({
             sameGroupArrayInTotal.value.push(sameGroup);
         }
 
+        /**
+         * 根据分组，计算每个控件所在的行,并把值赋给componentRow
+         */
+        function setComponentRow(components: any[], maxRow:number) {
+            const gridNumber = 12;
+            let currentGridNumber = gridNumber;
+            componentRow.value = 1 + maxRow;
+            components.forEach(component => {
+                component.showTopBorder = 0;
+                const gridItem = component[`columnIn${currentScreenResolution.value}`];
+                // 若>0，则放在此行
+                if (currentGridNumber >= gridItem) {
+                    component.componentRow = componentRow.value;
+                    currentGridNumber -= gridItem;
+                }
+                // 若小于0，则放在下一行
+                else {
+                    componentRow.value += 1;
+                    component.componentRow = componentRow.value;
+                    currentGridNumber = gridNumber - gridItem;
+                    // 计算12-现有数字后的剩余空间，判断是否能放开下一个控件
+                    component.showTopBorder = 1;
+                }
+            });
+            components[0].showTopBorder = 1;
+            return components;
+        }
+
+        /**
+         * 将已分区域&已标记分组的二维数组，转为一维存储
+         */
+        function resetData(recordCurrentComponentRow: any) {
+            let reset: any[] = [];
+            for (const item of recordCurrentComponentRow) {
+                reset = reset.concat(item);
+            }
+            originalData.value = cloneDeep(reset);
+            maxRow.value = 0;
+        }
+
         /**
          * 根据cdkDropGroup变化更新sameGroupArrayInTotal
          */
         function updateData() {
             sameGroupArrayInTotal.value[currentArea.value[0].id - 1] = cloneDeep(cdkDropGroup.value);
-            let recordCurrentComponentRow: any[] = [];
+            const recordCurrentComponentRow: any[] = [];
             maxRow.value = 0;
             sameGroupArrayInTotal.value.forEach((element: any[]) => {
-              //每一个区域-计算控件所在行
-              let recordInMiddle = setComponentRow(element, maxRow.value);
+              // 每一个区域-计算控件所在行
+              const recordInMiddle = setComponentRow(element, maxRow.value);
               recordCurrentComponentRow.push(recordInMiddle);
-              //记录当前控件共占几行；若区域1占3行，则区域2应从4开始
+              // 记录当前控件共占几行；若区域1占3行，则区域2应从4开始
               maxRow.value = recordInMiddle[(recordInMiddle.length) - 1].componentRow;
             });
             resetData(recordCurrentComponentRow);
@@ -125,12 +166,12 @@ export default defineComponent({
          */
         function generateTotalComponentRow() {
             generateArrayByGroup();
-            let recordCurrentComponentRow: any[][] = [];
+            const recordCurrentComponentRow: any[][] = [];
             maxRow.value = 0;
 
             sameGroupArrayInTotal.value.forEach((element: any) => {
                 // 每一个区域-计算控件所在行
-                let recordInMiddle = setComponentRow(element,maxRow.value);
+                const recordInMiddle = setComponentRow(element,maxRow.value);
                 recordCurrentComponentRow.push(recordInMiddle);
                 // 记录当前控件共占几行；若区域1占3行，则区域2应从4开始；setComponentRow函数部分有体现；
                 maxRow.value = recordInMiddle[(recordInMiddle.length) - 1].componentRow;
@@ -142,45 +183,54 @@ export default defineComponent({
         }
 
         /**
-         * 根据分组，计算每个控件所在的行,并把值赋给componentRow
+         * cdk drag-展示特定区域(currentArea)对应的可拖拽数组
          */
-        function setComponentRow(components: any[], maxRow:number) {
-            const gridNumber = 12;
-            let currentGridNumber = gridNumber;
-            componentRow.value = 1 + maxRow;
-            components.forEach(component => {
-                component.showTopBorder = 0;
-                let gridItem = component[`columnIn${currentScreenResolution.value}`];
-                // 若>0，则放在此行
-                if (currentGridNumber >= gridItem ) {
-                    component.componentRow = componentRow.value;
-                    currentGridNumber -= gridItem;
+        function renderCdkDropGroup() {
+            cdkDropGroup.value = [];
+            originalData.value.forEach((element: { group: any }) => {
+                if (element.group === Number(currentArea.value[0].id)) {
+                    cdkDropGroup.value.push(element);
                 }
-                // 若小于0，则放在下一行
-                else {
-                    componentRow.value += 1;
-                    component.componentRow = componentRow.value;
-                    currentGridNumber = gridNumber - gridItem;
-                    // 计算12-现有数字后的剩余空间，判断是否能放开下一个控件
-                    component.showTopBorder = 1;
+            });
+        }
+
+        /**
+         * 传出originalData事件
+         */
+        function emitOriginalData() {
+            originalData.value = cloneDeep(generateTotalComponentRow());
+            context.emit('originalDataChanged', originalData.value);
+        }
+
+        /**
+         * field 变化事件
+         */
+        function onFieldChanged(field: any) {
+            cdkDropGroup.value.forEach((element: any)=>{
+                if(element.label === field.label){
+                    Object.assign(element, field);
                 }
             });
-            components[0].showTopBorder = 1;
-            return components;
+            updateData();
+            emitOriginalData();
+            renderCdkDropGroup();
         }
 
         /**
-         * 将已分区域&已标记分组的二维数组，转为一维存储
+         * comboList 所选值变化事件
          */
-        function resetData(recordCurrentComponentRow: any) {
-            let reset: any[] = [];
-            for (let item of recordCurrentComponentRow) {
-                reset = reset.concat(item);
+        function onValueChange(comboValue: ComboValue) {
+            for (let i = 0; i < comboValue.length; i++) {
+                currentArea.value=[{
+                    'id': comboValue[i].id,
+                    'label': comboValue[i].label
+                    }];
             }
-            originalData.value = cloneDeep(reset);
-            maxRow.value = 0;
+            context.emit('update:currentArea', currentArea.value);
+            renderCdkDropGroup();
+            updateData();
         }
-        
+
 
         /** 返回组件区域分组下拉框 */
         function renderFieldListCombo(){
@@ -198,7 +248,7 @@ export default defineComponent({
                         editable={false}
                         onChange={onValueChange}></FComboList>
                 </div>
-            </div>)
+            </div>);
         }
 
         /** 返回组件列宽编辑器 */
@@ -214,65 +264,16 @@ export default defineComponent({
                                 v-model:switchInStandardMode={switchInStandardMode.value}
                                 onFieldChanged={onFieldChanged}
                             ></FColumnWidthEditor> 
-                        )
+                        );
                     })}
                 </div>
-            )
+            );
             {/* *cdkDragPreview  */}
             {/* <div class='f-layout-editor-field-list-content-cdk-preview'>
                 <div class='f-layout-editor-column-width-editor-label'>{field.label}</div>
             </div>  */}
         }
 
-        /**
-         * field 变化事件
-         */
-        function onFieldChanged(field: any) {
-            cdkDropGroup.value.forEach((element: any)=>{
-                if(element.label == field.label){
-                    Object.assign(element, field);
-                }
-            });
-            updateData();
-            emitOriginalData();
-            renderCdkDropGroup();
-        }
-
-        /**
-         * cdk drag-展示特定区域(currentArea)对应的可拖拽数组
-         */
-        function renderCdkDropGroup() {
-            cdkDropGroup.value = [];
-            originalData.value.forEach((element: { group: any }) => {
-                if (element.group === Number(currentArea.value[0].id)) {
-                    cdkDropGroup.value.push(element);
-                }
-            });
-        }
-
-        /**
-         * 传出originalData事件
-         */
-        function emitOriginalData() {
-            originalData.value = cloneDeep(generateTotalComponentRow());
-            context.emit('originalDataChanged', originalData.value);
-        }
-
-        /**
-         * comboList 所选值变化事件
-         */
-        function onValueChange(comboValue: ComboValue) {
-            for (let i = 0; i < comboValue.length; i++) {
-                currentArea.value=[{
-                    'id': comboValue[i].id,
-                    'label': comboValue[i].label
-                    }]
-            }
-            context.emit('update:currentArea', currentArea.value);
-            renderCdkDropGroup();
-            updateData();
-        }
-
         /**
          * 拖拽处理API，第二个参数为拖拽事件回调函数，用于更新界面元素顺序
          */
diff --git a/packages/ui-vue/components/response-layout-editor/src/components/field-list/field-list.props.ts b/packages/ui-vue/components/response-layout-editor/src/components/field-list/field-list.props.ts
index fb4b96719dfbf27d9c7b7db9ac01a287fe849e26..6f07b82b02f4419b2152cd1f1f5478ac3e379b92 100644
--- a/packages/ui-vue/components/response-layout-editor/src/components/field-list/field-list.props.ts
+++ b/packages/ui-vue/components/response-layout-editor/src/components/field-list/field-list.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { ExtractPropTypes } from "vue";
 
 export const fieldListProps = {
diff --git a/packages/ui-vue/components/response-layout-editor/src/components/preview/column-width-view/column-width-view.props.ts b/packages/ui-vue/components/response-layout-editor/src/components/preview/column-width-view/column-width-view.props.ts
index 406e710510922c35dad2f01674663bf3318249b6..82ceddc15d6595cbdf1d1ff855de104738e60d36 100644
--- a/packages/ui-vue/components/response-layout-editor/src/components/preview/column-width-view/column-width-view.props.ts
+++ b/packages/ui-vue/components/response-layout-editor/src/components/preview/column-width-view/column-width-view.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { ExtractPropTypes } from "vue";
 
 export const columnWidthViewProps = {
diff --git a/packages/ui-vue/components/response-layout-editor/src/components/preview/preview.component.tsx b/packages/ui-vue/components/response-layout-editor/src/components/preview/preview.component.tsx
index df9d8e211e8c696167dadedca8410f748d272e22..619d2372206fe1df79337f5142318e1b77b4fe9f 100644
--- a/packages/ui-vue/components/response-layout-editor/src/components/preview/preview.component.tsx
+++ b/packages/ui-vue/components/response-layout-editor/src/components/preview/preview.component.tsx
@@ -1,4 +1,4 @@
-import { defineComponent, onBeforeMount, onMounted, ref, SetupContext, watch } from 'vue';
+import { defineComponent, onMounted, ref, SetupContext, watch } from 'vue';
 import { PreviewProps, previewProps } from './preview.props';
 import '../../response-layout-editor.css';
 import { cloneDeep } from 'lodash-es';
@@ -38,22 +38,24 @@ export default defineComponent({
             }
         );
 
-        watch(() => props.twoDimensionalArray, () => {
-            twoDimensionalArray.value = props.twoDimensionalArray;
-            transferArrayDimensionFromTwoToThree();
-        });
-
-        onMounted(() => {
-            transferArrayDimensionFromTwoToThree();
-        });
-
-        function transferArrayDimensionFromTwoToThree() {
-            // 拷贝原有二维数组
-            threeDimensionalArray.value = cloneDeep(twoDimensionalArray.value);
-            // 转化为三维数组
-            threeDimensionalArray.value = arrayConversionTotal();
+        /** 针对区域，逐个生成三维数组(预览区栅格数；预览区第几行；属于第几组；) */
+        function ArrayConversion(previewElement: any[], previousGroupRow: number) {
+            const twoDimensionalArray: any = [];
+            let middleArray: any[] = [];
+            
+            previewElement.forEach(item => {
+                if (previousGroupRow !== item.componentRow) {
+                    previousGroupRow +=1;
+                    twoDimensionalArray.push(middleArray);
+                    middleArray = [];
+                }
+                middleArray.push(item);
+            });
+            twoDimensionalArray.push(middleArray);
+        
+            return twoDimensionalArray;
         }
-
+        
         /** 生成三维数组 */
         function arrayConversionTotal() {
             const setThreeDimensionalArray: any[] = [];
@@ -70,23 +72,21 @@ export default defineComponent({
             return setThreeDimensionalArray;
         }
 
-        /** 针对区域，逐个生成三维数组(预览区栅格数；预览区第几行；属于第几组；) */
-        function ArrayConversion(previewElement: any[], previousGroupRow: number) {
-            const twoDimensionalArray: any = [];
-            let middleArray: any[] = [];
-            
-            previewElement.forEach(item => {
-                if (previousGroupRow !== item.componentRow) {
-                    previousGroupRow +=1;
-                    twoDimensionalArray.push(middleArray);
-                    middleArray = [];
-                }
-                middleArray.push(item);
-            });
-            twoDimensionalArray.push(middleArray);
-        
-            return twoDimensionalArray;
+        function transferArrayDimensionFromTwoToThree() {
+            // 拷贝原有二维数组
+            threeDimensionalArray.value = cloneDeep(twoDimensionalArray.value);
+            // 转化为三维数组
+            threeDimensionalArray.value = arrayConversionTotal();
         }
+        
+        watch(() => props.twoDimensionalArray, () => {
+            twoDimensionalArray.value = props.twoDimensionalArray;
+            transferArrayDimensionFromTwoToThree();
+        });
+
+        onMounted(() => {
+            transferArrayDimensionFromTwoToThree();
+        });
 
         /** 返回栅格背景 */
         function renderGridBackground() {
diff --git a/packages/ui-vue/components/response-layout-editor/src/components/preview/preview.props.ts b/packages/ui-vue/components/response-layout-editor/src/components/preview/preview.props.ts
index 7f6696a84879d5126d7ec1fe4b670d677d266f72..ba6d70e2ea1f047d1d4ca09890e09e53c4547c13 100644
--- a/packages/ui-vue/components/response-layout-editor/src/components/preview/preview.props.ts
+++ b/packages/ui-vue/components/response-layout-editor/src/components/preview/preview.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { ExtractPropTypes } from "vue";
 
 export const previewProps = {
diff --git a/packages/ui-vue/components/response-layout-editor/src/components/screen-resolution-selector/screen-resolution-selector.component.tsx b/packages/ui-vue/components/response-layout-editor/src/components/screen-resolution-selector/screen-resolution-selector.component.tsx
index 97213e03cfb4013f547b57acbcbb2d48920eb274..49861f7e5577a96f92736c03adf9183f7473d678 100644
--- a/packages/ui-vue/components/response-layout-editor/src/components/screen-resolution-selector/screen-resolution-selector.component.tsx
+++ b/packages/ui-vue/components/response-layout-editor/src/components/screen-resolution-selector/screen-resolution-selector.component.tsx
@@ -1,3 +1,4 @@
+ 
 import { defineComponent, onBeforeMount, ref, SetupContext, watch } from 'vue';
 import { ScreenResolutionSelectorProps, screenResolutionSelectorProps } from './screen-resolution-selector.props';
 import '../../response-layout-editor.css';
@@ -60,7 +61,7 @@ export default defineComponent({
         });
 
         function renderScreenScopeSelector(){
-            return <FCapsule class="f-layout-editor-screen-resolution-selector-frame" items={screenResolution.value} v-model={currentScreenResolution.value} onChange={changeBreakPointTo}></FCapsule>
+            return <FCapsule class="f-layout-editor-screen-resolution-selector-frame" items={screenResolution.value} v-model={currentScreenResolution.value} onChange={changeBreakPointTo}></FCapsule>;
         }
 
         return () => {
diff --git a/packages/ui-vue/components/response-layout-editor/src/components/screen-resolution-selector/screen-resolution-selector.props.ts b/packages/ui-vue/components/response-layout-editor/src/components/screen-resolution-selector/screen-resolution-selector.props.ts
index 73ff02849f73ddaaa34c7a0a064d21c1baed140f..62c592ea6ca28944f1cbccb69590a1fb6245ed5c 100644
--- a/packages/ui-vue/components/response-layout-editor/src/components/screen-resolution-selector/screen-resolution-selector.props.ts
+++ b/packages/ui-vue/components/response-layout-editor/src/components/screen-resolution-selector/screen-resolution-selector.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { ExtractPropTypes } from "vue";
 
 export const screenResolutionSelectorProps = {
diff --git a/packages/ui-vue/components/response-layout-editor/src/composition/converter/use-response-layout-editor-setting.ts b/packages/ui-vue/components/response-layout-editor/src/composition/converter/use-response-layout-editor-setting.ts
index 4b4b74a587d377396cdab5a79a69324c597828d4..9a579d2a889c13e2cdcf5839e76a29901ce609bb 100644
--- a/packages/ui-vue/components/response-layout-editor/src/composition/converter/use-response-layout-editor-setting.ts
+++ b/packages/ui-vue/components/response-layout-editor/src/composition/converter/use-response-layout-editor-setting.ts
@@ -1,4 +1,3 @@
-/* eslint-disable max-len */
 import { DgControl,ComponentSchema } from "@farris/ui-vue/components/designer-canvas";
 import { CheckLayoutEditor, ResponseFormLayoutContext, ResponseFormLayoutParam, UseResponseLayoutEditorSetting } from "../../type";
 export function useResponseLayoutEditorSetting(formShemaService): UseResponseLayoutEditorSetting {
@@ -114,7 +113,7 @@ export function useResponseLayoutEditorSetting(formShemaService): UseResponseLay
         if (!formNode || !formNode.contents || formNode.contents.length === 0) {
             return { result: false, message: 'Form区域内没有控件，请先添加控件' };
         }
-        return { result: true, message: '', formNode }
+        return { result: true, message: '', formNode };
     }
     /**
      * 遍历控件所属Form下所有的控件，检测是否能弹出布局配置窗口，并收集配置参数
@@ -149,6 +148,7 @@ export function useResponseLayoutEditorSetting(formShemaService): UseResponseLay
     * @param componentId 控件所在组件ID
     */
     function changeFormControlsByResponseLayoutConfig(propertyValue: any, componentId: string): string {
+        // eslint-disable-next-line no-self-assign
         componentId = componentId;
         const { result, formNode } = checkCanFindFormNode(componentId);
         if (!result) {
diff --git a/packages/ui-vue/components/response-layout-editor/src/composition/props/response-layout-editor-setting.props.ts b/packages/ui-vue/components/response-layout-editor/src/composition/props/response-layout-editor-setting.props.ts
index 72eea3b5f86e6b60634a4e767eaa106ce1824b8c..31f1a186d8201fabb01dbc699a25351d3af18d43 100644
--- a/packages/ui-vue/components/response-layout-editor/src/composition/props/response-layout-editor-setting.props.ts
+++ b/packages/ui-vue/components/response-layout-editor/src/composition/props/response-layout-editor-setting.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { ExtractPropTypes, PropType } from 'vue';
 import { createPropsResolver } from '../../../../dynamic-resolver/src/props-resolver';
 import { schemaMapper } from '../../schema/schema-mapper';
diff --git a/packages/ui-vue/components/response-layout-editor/src/composition/props/response-layout-editor.props.ts b/packages/ui-vue/components/response-layout-editor/src/composition/props/response-layout-editor.props.ts
index 6743d9c808da6a543daa5020e396420b30e97ca1..86e48692bfc334fb84c46d1e9f14e8af90599696 100644
--- a/packages/ui-vue/components/response-layout-editor/src/composition/props/response-layout-editor.props.ts
+++ b/packages/ui-vue/components/response-layout-editor/src/composition/props/response-layout-editor.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { ExtractPropTypes } from 'vue';
 import { initialState } from '../mock-data/mock-data';
 
diff --git a/packages/ui-vue/components/response-layout-editor/src/designer/response-layout-editor-setting.design.component.tsx b/packages/ui-vue/components/response-layout-editor/src/designer/response-layout-editor-setting.design.component.tsx
index fb7a3bc9c85e01716e1527cd6da3daa8f07baf50..0625f19301aeb20b5b1776b31ddf332f49adff8b 100644
--- a/packages/ui-vue/components/response-layout-editor/src/designer/response-layout-editor-setting.design.component.tsx
+++ b/packages/ui-vue/components/response-layout-editor/src/designer/response-layout-editor-setting.design.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { defineComponent, onMounted, inject, ref, SetupContext } from 'vue';
 import { ResponseLayoutEditorSettingProps, responseLayoutEditorSettingProps } from '../composition/props/response-layout-editor-setting.props';
 import { FModalService } from '../../../modal';
diff --git a/packages/ui-vue/components/response-layout-editor/src/response-layout-editor-setting.component.tsx b/packages/ui-vue/components/response-layout-editor/src/response-layout-editor-setting.component.tsx
index 3b9318b3ced8a3d6dd7346e4b2aa6445af9b755b..7c650047316a6074e3604138663ed7a1239b84d1 100644
--- a/packages/ui-vue/components/response-layout-editor/src/response-layout-editor-setting.component.tsx
+++ b/packages/ui-vue/components/response-layout-editor/src/response-layout-editor-setting.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { App, defineComponent, inject, ref, SetupContext, watch } from 'vue';
 import { FMessageBoxService } from '../../message-box';
 import { FModalService } from '../../modal';
diff --git a/packages/ui-vue/components/response-layout-editor/src/response-layout-editor.component.tsx b/packages/ui-vue/components/response-layout-editor/src/response-layout-editor.component.tsx
index 15ceea4ac105642ea8f90aaa0306517dff81524f..52b4b2592b8ca53ce890a92a849786157f4bc7e8 100644
--- a/packages/ui-vue/components/response-layout-editor/src/response-layout-editor.component.tsx
+++ b/packages/ui-vue/components/response-layout-editor/src/response-layout-editor.component.tsx
@@ -38,7 +38,7 @@ export default defineComponent({
 
         watch(()=>props.initialState,(newValue:InitialState)=>{
             initialState.value = newValue;
-        })
+        });
 
         watch(
             [() => props.currentArea, () => props.switchInStandardMode],
@@ -103,7 +103,7 @@ export default defineComponent({
                 v-model:currentArea={currentArea.value}
                 onCurrentAreaChanged={onCurrentAreaChanged}
                 onTwoDimensionalArrayChanged={onTwoDimensionalArrayChanged}
-                onOriginalDataChanged={onOriginalDataChanged}></FFieldList>)
+                onOriginalDataChanged={onOriginalDataChanged}></FFieldList>);
         }
 
         function returnPreview(){
@@ -111,17 +111,21 @@ export default defineComponent({
                 v-model:currentArea={currentArea.value}
                 v-model:currentScreenResolution={currentScreenResolution.value}
                 switchInStandardMode={switchInStandardMode.value}
-                v-model:twoDimensionalArray={twoDimensionalArray.value}></FPreview>)
+                v-model:twoDimensionalArray={twoDimensionalArray.value}></FPreview>);
         }
         /** 返回当前模式下左侧组件列表对应的样式 */
         const currentModeLeftPartClass = computed(()=>{
-            const currentModeClass = switchInStandardMode.value ? 'f-layout-editor-left-standard f-utils-fill-flex-column':'f-layout-editor-left-customize f-utils-fill-flex-column'
+            const currentModeClass = switchInStandardMode.value ? 
+            'f-layout-editor-left-standard f-utils-fill-flex-column':
+            'f-layout-editor-left-customize f-utils-fill-flex-column';
             return currentModeClass;
         });
 
         /** 返回当前模式下右侧预览区对应的样式 */
         const currentModeRightPartClass = computed(()=>{
-            const currentModeClass = switchInStandardMode.value ? 'f-layout-editor-right-standard f-utils-fill-flex-column':'f-layout-editor-right-customize f-utils-fill-flex-column'
+            const currentModeClass = switchInStandardMode.value ? 
+            'f-layout-editor-right-standard f-utils-fill-flex-column':
+            'f-layout-editor-right-customize f-utils-fill-flex-column';
             return currentModeClass;
         });
 
diff --git a/packages/ui-vue/components/response-layout-editor/src/schema/schema-resolver.ts b/packages/ui-vue/components/response-layout-editor/src/schema/schema-resolver.ts
index a43f249cf87312842a89aef15e3f8bd1695a3283..f7d390a1dd0c5633a1fecde412a514c02d888e73 100644
--- a/packages/ui-vue/components/response-layout-editor/src/schema/schema-resolver.ts
+++ b/packages/ui-vue/components/response-layout-editor/src/schema/schema-resolver.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { ComponentSchema } from "../../../designer-canvas/src/types";
 import { DynamicResolver } from "../../../dynamic-resolver";
 
diff --git a/packages/ui-vue/components/response-layout-editor/src/type.ts b/packages/ui-vue/components/response-layout-editor/src/type.ts
index 3c2118d22f26d4d7d961a8af1e77bd922713a963..bf1c0395f18118b46ebc6df9f37a44a1a46fbe04 100644
--- a/packages/ui-vue/components/response-layout-editor/src/type.ts
+++ b/packages/ui-vue/components/response-layout-editor/src/type.ts
@@ -75,4 +75,4 @@ export interface UseResponseLayoutEditorSetting {
     checkCanOpenLayoutEditor: (schema: ComponentSchema, componentId: string) => ResponseFormLayoutParam | CheckLayoutEditor;
     changeFormControlsByResponseLayoutConfig: (propertyValue: any, componentId: string) => string;
     getResonseFormLayoutConfig: (propertyData: any,configs: ResponseFormLayoutContext[],group: number,isFieldSet?:boolean) => void;
-}
\ No newline at end of file
+}
diff --git a/packages/ui-vue/components/response-layout/index.ts b/packages/ui-vue/components/response-layout/index.ts
index d6047e06454e5f761d8a67d2dc517f33d93f1f2e..d733330715f69f574dde2ac5439d665a2316b6ae 100644
--- a/packages/ui-vue/components/response-layout/index.ts
+++ b/packages/ui-vue/components/response-layout/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/response-layout/src/component/response-layout-item.props.ts b/packages/ui-vue/components/response-layout/src/component/response-layout-item.props.ts
index e5f1b7bb9135f37080e56a06f27090ddaadd95c4..85b20db4572c883fe1a1ea31dee65b4244bb05eb 100644
--- a/packages/ui-vue/components/response-layout/src/component/response-layout-item.props.ts
+++ b/packages/ui-vue/components/response-layout/src/component/response-layout-item.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { ExtractPropTypes } from "vue";
 import { createPropsResolver } from "../../../dynamic-resolver";
 import { schemaMapper } from "../schema/schema-mapper";
diff --git a/packages/ui-vue/components/response-layout/src/response-layout.props.ts b/packages/ui-vue/components/response-layout/src/response-layout.props.ts
index 085538c906e32feb72f52d67823644f47c6cae4f..603eda19336c054f9d637e39352ef4475a70650c 100644
--- a/packages/ui-vue/components/response-layout/src/response-layout.props.ts
+++ b/packages/ui-vue/components/response-layout/src/response-layout.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { ExtractPropTypes } from "vue";
 import { createPropsResolver } from "../../dynamic-resolver";
 import { schemaMapper } from "./schema/schema-mapper";
diff --git a/packages/ui-vue/components/response-toolbar/index.ts b/packages/ui-vue/components/response-toolbar/index.ts
index f3c6b6cc7e511aef787aff17cee085670614300f..e8fd10194617be478ed225e30a6b0c085c9fe1a6 100644
--- a/packages/ui-vue/components/response-toolbar/index.ts
+++ b/packages/ui-vue/components/response-toolbar/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import type { App } from 'vue';
 import { ResponseToolbarDropDownItem } from './src/types/response-toolbar-dropdwon-item';
 import { ResponseToolbarGroup } from './src/types/response-toolbar-group';
diff --git a/packages/ui-vue/components/response-toolbar/src/components/dropdown/toolbar-dropdown-menu.component.tsx b/packages/ui-vue/components/response-toolbar/src/components/dropdown/toolbar-dropdown-menu.component.tsx
index bf24bd3be19dae83d11ff2916354b869d384c757..1e4979b6eb6d6f9baae63bc43965bac13a69b835 100644
--- a/packages/ui-vue/components/response-toolbar/src/components/dropdown/toolbar-dropdown-menu.component.tsx
+++ b/packages/ui-vue/components/response-toolbar/src/components/dropdown/toolbar-dropdown-menu.component.tsx
@@ -51,6 +51,7 @@ export default function (useIconComposition: UseIcon) {
         return classObject;
     }
 
+    // eslint-disable-next-line prefer-const
     let renderDropdownMenu: (item: ResponseToolbarDropDownItem, parent?: ResponseToolbarDropDownItem) => any;
     const expandedDropDownItems = new Map<string, ResponseToolbarDropDownItem>();
 
diff --git a/packages/ui-vue/components/response-toolbar/src/designer/response-toolbar-item.design.component.tsx b/packages/ui-vue/components/response-toolbar/src/designer/response-toolbar-item.design.component.tsx
index bc85da22fd60a7589cfcacc662022557b3ff8111..9ca842eed1c4ad147321e6112a6d29dc6631ea24 100644
--- a/packages/ui-vue/components/response-toolbar/src/designer/response-toolbar-item.design.component.tsx
+++ b/packages/ui-vue/components/response-toolbar/src/designer/response-toolbar-item.design.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { computed, defineComponent, ref, SetupContext, onMounted, onUnmounted, watch, inject } from 'vue';
 import { ResponseToolbarItemDesignProps, responseToolbarItemDesignProps } from '../response-toolbar.props';
 import { ResponseToolbarDropDownItem } from '../types/response-toolbar-dropdwon-item';
diff --git a/packages/ui-vue/components/response-toolbar/src/designer/response-toolbar.design.component.tsx b/packages/ui-vue/components/response-toolbar/src/designer/response-toolbar.design.component.tsx
index be718c903b73db1e95be6888e9e8ac118889c921..fec0b0464a4148604af8f7412146c22b68161716 100644
--- a/packages/ui-vue/components/response-toolbar/src/designer/response-toolbar.design.component.tsx
+++ b/packages/ui-vue/components/response-toolbar/src/designer/response-toolbar.design.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { computed, defineComponent, ref, onMounted, onUnmounted, watch, inject } from 'vue';
 import { useDesignerInnerComponent } from '@farris/ui-vue/components/designer-canvas';
 import { ResponseToolbarDesignProps, responseToolbarDesignProps } from '../response-toolbar.props';
@@ -140,7 +140,7 @@ export default defineComponent({
                 return;
             }
             const toolbarItem = buttons[index];
-            //designItemContext?.setupContext?.emit('selectionChange', 'response-toolbar-item', toolbarItem);
+            // designItemContext?.setupContext?.emit('selectionChange', 'response-toolbar-item', toolbarItem);
         }
         const createComponentSchema = function (resolveContext: ResolveComponentContext) {
             const { componentType } = resolveContext;
@@ -256,7 +256,7 @@ export default defineComponent({
                 availableSpace -= moreElementWidth;
             }
             const toolbarItemElements = allElements.filter((element: Element) => element.id !== '__more_buttons__');
-            // eslint-disable-next-line no-restricted-syntax
+             
             for (const toolbarItem of toolbarItemElements) {
                 const marginLeft = (toolbarItem as any).computedStyleMap().get('margin-left') as any;
                 const marginRight = (toolbarItem as any).computedStyleMap().get('margin-right') as any;
diff --git a/packages/ui-vue/components/response-toolbar/src/designer/toolbar-dropdown-menu.design.component.tsx b/packages/ui-vue/components/response-toolbar/src/designer/toolbar-dropdown-menu.design.component.tsx
index ef8691ed1978ede68a0a2fb14d72cf64c3e20100..aff42ee3d552a97977a9ed291c82f836f744866e 100644
--- a/packages/ui-vue/components/response-toolbar/src/designer/toolbar-dropdown-menu.design.component.tsx
+++ b/packages/ui-vue/components/response-toolbar/src/designer/toolbar-dropdown-menu.design.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { Ref, getCurrentInstance, inject } from 'vue';
 import { ResponseToolbarDropDownItem } from '../types/response-toolbar-dropdwon-item';
 import { UseIcon } from '../composition/types';
@@ -66,6 +66,7 @@ export default function (useIconComposition: UseIcon, componentInstance: Ref<Des
         return classObject;
     }
 
+    // eslint-disable-next-line prefer-const
     let renderDropdownMenu: (item: ResponseToolbarDropDownItem, parent?: ResponseToolbarDropDownItem) => any;
     const expandedDropDownItems = new Map<string, ResponseToolbarDropDownItem>();
 
diff --git a/packages/ui-vue/components/response-toolbar/src/designer/toolbar-dropdown.design.component.tsx b/packages/ui-vue/components/response-toolbar/src/designer/toolbar-dropdown.design.component.tsx
index 34c28518e0bbc5d6b882e32d8eeddc7c8f138045..0a8d49f8ae08243cd7bb9884adc15542d0f542fc 100644
--- a/packages/ui-vue/components/response-toolbar/src/designer/toolbar-dropdown.design.component.tsx
+++ b/packages/ui-vue/components/response-toolbar/src/designer/toolbar-dropdown.design.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { Ref, inject, ref } from 'vue';
 import { UseIcon } from '../composition/types';
 import { ResponseToolbarProps } from '../response-toolbar.props';
diff --git a/packages/ui-vue/components/response-toolbar/src/designer/use-designer-item-rules.ts b/packages/ui-vue/components/response-toolbar/src/designer/use-designer-item-rules.ts
index 9c5d0933e996722197d89cd2d66cd74e3105bb8a..38184ca6d1503a7f7ff9e1f17b4dc4ae6ab36604 100644
--- a/packages/ui-vue/components/response-toolbar/src/designer/use-designer-item-rules.ts
+++ b/packages/ui-vue/components/response-toolbar/src/designer/use-designer-item-rules.ts
@@ -1,5 +1,3 @@
-/* eslint-disable max-len */
-/* eslint-disable complexity */
 import { DraggingResolveContext, UseDesignerRules } from "../../../designer-canvas/src/composition/types";
 import { DesignerItemContext } from "../../../designer-canvas/src/types";
 import { TabToolbarItemProperty } from "../../../tabs/src/property-config/tab-toolbar-item.property-config";
diff --git a/packages/ui-vue/components/response-toolbar/src/designer/use-designer-rules.ts b/packages/ui-vue/components/response-toolbar/src/designer/use-designer-rules.ts
index 882516746948e7d99583a8e6ff5498d03140616d..c4426adea4f4f4e2913451eda17adb123e9a7429 100644
--- a/packages/ui-vue/components/response-toolbar/src/designer/use-designer-rules.ts
+++ b/packages/ui-vue/components/response-toolbar/src/designer/use-designer-rules.ts
@@ -1,5 +1,3 @@
-/* eslint-disable max-len */
-/* eslint-disable complexity */
 import { DesignerHostService, DraggingResolveContext, UseDesignerRules } from "../../../designer-canvas/src/composition/types";
 import { ComponentSchema, DesignerItemContext, ResolveComponentContext } from "../../../designer-canvas/src/types";
 import { ResponseToolbarProperty } from "../property-config/response-toolbar.property-config";
diff --git a/packages/ui-vue/components/response-toolbar/src/property-config/response-toolbar-item.property-config.ts b/packages/ui-vue/components/response-toolbar/src/property-config/response-toolbar-item.property-config.ts
index c857c871a96f413d6ee738ac9c0b8a968563053c..05f2e8c85e650233cb078b3807cccf5ec0dd1cf7 100644
--- a/packages/ui-vue/components/response-toolbar/src/property-config/response-toolbar-item.property-config.ts
+++ b/packages/ui-vue/components/response-toolbar/src/property-config/response-toolbar-item.property-config.ts
@@ -68,7 +68,7 @@ export class ResponseToolbarItemProperty extends BaseControlProperty {
                     refreshPanelAfterChanged: true
                 }
             }
-        }
+        };
     }
     private getAppearanceProperties(propertyData: any) {
         this.propertyConfig.categories['appearance'] = {
diff --git a/packages/ui-vue/components/response-toolbar/src/response-toolbar.component.tsx b/packages/ui-vue/components/response-toolbar/src/response-toolbar.component.tsx
index 4df70b94f7259f09072048973a5f0b24666b0f60..9ac775dc27c261a46fac2e15ebcfbe820176e836 100644
--- a/packages/ui-vue/components/response-toolbar/src/response-toolbar.component.tsx
+++ b/packages/ui-vue/components/response-toolbar/src/response-toolbar.component.tsx
@@ -115,7 +115,7 @@ export default defineComponent({
                 availableSpace -= moreElementWidth;
             }
             const toolbarItemElements = allElements.filter((element: Element) => element.id !== '__more_buttons__');
-            // eslint-disable-next-line no-restricted-syntax
+             
             for (const toolbarItem of toolbarItemElements) {
                 const marginLeft = (toolbarItem as any).computedStyleMap().get('margin-left') as any;
                 const marginRight = (toolbarItem as any).computedStyleMap().get('margin-right') as any;
diff --git a/packages/ui-vue/components/response-toolbar/src/response-toolbar.props.ts b/packages/ui-vue/components/response-toolbar/src/response-toolbar.props.ts
index 3ebda08c7229f993bd0a9d3617c6151bd1872cad..bfcc25d27d8a73085575e760a4fd1200b7977199 100644
--- a/packages/ui-vue/components/response-toolbar/src/response-toolbar.props.ts
+++ b/packages/ui-vue/components/response-toolbar/src/response-toolbar.props.ts
@@ -48,4 +48,4 @@ export const responseToolbarItemDesignProps = {
 export type ResponseToolbarItemDesignProps = ExtractPropTypes<typeof responseToolbarItemDesignProps>;
 export const itemPropsResolver = createPropsResolver<ResponseToolbarItemDesignProps>(
     responseToolbarItemDesignProps, responseToolbarItemSchema, itemSchemaMapper, schemaResolver
-);
\ No newline at end of file
+);
diff --git a/packages/ui-vue/components/response-toolbar/src/schema/schema-mapper.ts b/packages/ui-vue/components/response-toolbar/src/schema/schema-mapper.ts
index e7a236520d1ac0804bc62ceb8aaf863e7bfa68d5..de667cda9cd0ce5774335a1f851a7ec24ba392aa 100644
--- a/packages/ui-vue/components/response-toolbar/src/schema/schema-mapper.ts
+++ b/packages/ui-vue/components/response-toolbar/src/schema/schema-mapper.ts
@@ -1,15 +1,18 @@
-import { MapperFunction,resolveAppearance } from '../../../dynamic-resolver';
+import { MapperFunction, resolveAppearance } from '../../../dynamic-resolver';
 
 export const schemaMapper = new Map<string, string | MapperFunction>([
     ['buttons', 'items'],
     ['appearance', resolveAppearance]
 ]);
+
+function itemResolveAppearance(key: string, appearanceObject: { class: string; style: string }) {
+    return { class: appearanceObject.class, style: appearanceObject.style };
+}
+
 /**
  * 项对应的样式是class
  */
 export const itemSchemaMapper = new Map<string, string | MapperFunction>([
     ['appearance', itemResolveAppearance]
 ]);
-function itemResolveAppearance(key: string, appearanceObject: { class: string; style: string }) {
-    return { class: appearanceObject.class,style:appearanceObject.style };
-}
+
diff --git a/packages/ui-vue/components/response-toolbar/style.ts b/packages/ui-vue/components/response-toolbar/style.ts
index d892c72681f840ce2e7fccec8ec8872b8ea339c9..9683d4135c8419f1fef9857b901a79178e8cfb75 100644
--- a/packages/ui-vue/components/response-toolbar/style.ts
+++ b/packages/ui-vue/components/response-toolbar/style.ts
@@ -3,4 +3,4 @@ import "@farris/ui-vue/components/dependent-icon/style";
 import "@farris/ui-vue/components/button/style";
 import "@farris/ui-vue/components/button-group/style";
 import "@farris/ui-vue/components/dropdown/style";
-import "@farris/ui-vue/theme-default/components/response-toolbar.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/response-toolbar.css";
diff --git a/packages/ui-vue/components/schema-selector/index.ts b/packages/ui-vue/components/schema-selector/index.ts
index ce79c1b3eae29b58eebba47ead2ef852ef3ccb65..93aa20171018aaefdd93346ae02d5e305ca76725 100644
--- a/packages/ui-vue/components/schema-selector/index.ts
+++ b/packages/ui-vue/components/schema-selector/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import type { App } from 'vue';
 import FSchemaSelector from './src/schema-selector.component';
 import FSchemaSelectorEditor from './src/schema-selector-editor.component';
diff --git a/packages/ui-vue/components/schema-selector/src/components/card-view.component.tsx b/packages/ui-vue/components/schema-selector/src/components/card-view.component.tsx
index 46ba28561fc17853a36239d7d8e6157587db12cc..1146e451c746699aabcd4b33fcc4256f4aee77c9 100644
--- a/packages/ui-vue/components/schema-selector/src/components/card-view.component.tsx
+++ b/packages/ui-vue/components/schema-selector/src/components/card-view.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { defineComponent, ref } from "vue";
 import { FListView } from '../../../list-view';
 import { FPagination } from '../../../pagination';
diff --git a/packages/ui-vue/components/schema-selector/src/components/icon-view.component.tsx b/packages/ui-vue/components/schema-selector/src/components/icon-view.component.tsx
index 4205398b887d3eb893496f733de0c04273456348..311b1ebf50ba1f0b32e11058dacbc379026d029e 100644
--- a/packages/ui-vue/components/schema-selector/src/components/icon-view.component.tsx
+++ b/packages/ui-vue/components/schema-selector/src/components/icon-view.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { defineComponent } from "vue";
 import { FListView } from '../../../list-view';
 import { SchemaViewProps, schemaViewProps } from "./schema-view.props";
diff --git a/packages/ui-vue/components/schema-selector/src/components/list-view.component.tsx b/packages/ui-vue/components/schema-selector/src/components/list-view.component.tsx
index b734c9d21464ef303baee1f218566927dea75f05..a5fa2ac9e89205b3dfc7834cf0b614cf6ab6e5db 100644
--- a/packages/ui-vue/components/schema-selector/src/components/list-view.component.tsx
+++ b/packages/ui-vue/components/schema-selector/src/components/list-view.component.tsx
@@ -1,10 +1,9 @@
-/* eslint-disable max-len */
+ 
 import { defineComponent, inject, onMounted, Ref, ref, watch } from "vue";
 import { FListView } from '../../../list-view';
 import { FPagination } from '../../../pagination';
 import { SchemaViewProps, schemaViewProps } from "./schema-view.props";
 import { GetSchemaDataFunction } from "../composition/types";
-import { FLoadingService } from '../../../loading';
 
 export default defineComponent({
     name: 'FSchemaSelectListView',
@@ -24,7 +23,7 @@ export default defineComponent({
         const dataList: any = ref([]);
         const searchValue = inject<Ref>('F_SCHEMA_SELECTOR_SEARCH_VALUE');
 
-        const loadingService: FLoadingService | null = inject('FLoadingService', null);
+        const loadingService: any | null = inject('FLoadingService', null);
 
         function updateListViewDataScource(items: any[]) {
             listViewRef.value.updateDataSource(items);
diff --git a/packages/ui-vue/components/schema-selector/src/components/nav-list-view.component.tsx b/packages/ui-vue/components/schema-selector/src/components/nav-list-view.component.tsx
index 6d8503225f033d44d347b5d7c8452552dff517d9..005614c5a10fa93c63ca987d8b0a9498d7e1f914 100644
--- a/packages/ui-vue/components/schema-selector/src/components/nav-list-view.component.tsx
+++ b/packages/ui-vue/components/schema-selector/src/components/nav-list-view.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { defineComponent, ref } from "vue";
 import { SchemaViewProps, schemaViewProps } from "./schema-view.props";
 import { FListView } from '../../../list-view';
diff --git a/packages/ui-vue/components/search-box/index.ts b/packages/ui-vue/components/search-box/index.ts
index 395b50487c7112c246115357b38c47890c6c1e7e..ff6f6c828b7424d888a718f1b08d78221d39c7fe 100644
--- a/packages/ui-vue/components/search-box/index.ts
+++ b/packages/ui-vue/components/search-box/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/search-box/src/components/search-box-container.component.tsx b/packages/ui-vue/components/search-box/src/components/search-box-container.component.tsx
index 847b3100ebf05a20e4e2dad2821e92bd0dd03b14..43b69c5e580947459d0626244d8df0a890748209 100644
--- a/packages/ui-vue/components/search-box/src/components/search-box-container.component.tsx
+++ b/packages/ui-vue/components/search-box/src/components/search-box-container.component.tsx
@@ -30,7 +30,7 @@ export default defineComponent({
             }
         }
         function renderContent(dataItem) {
-            return slots.default ? <>{slots.default(dataItem)}</> : <span>{dataItem.item[props.textField]}</span>
+            return slots.default ? <>{slots.default(dataItem)}</> : <span>{dataItem.item[props.textField]}</span>;
         }
         const containerStyle = computed(() => {
             const styleObject = {} as Record<string, any>;
diff --git a/packages/ui-vue/components/search-box/src/search-box.props.ts b/packages/ui-vue/components/search-box/src/search-box.props.ts
index 3cf2df29ffd45c084057abca12d9fce2a696795a..a732dce5764313f331960a894be454432a6f1318 100644
--- a/packages/ui-vue/components/search-box/src/search-box.props.ts
+++ b/packages/ui-vue/components/search-box/src/search-box.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { ExtractPropTypes, PropType } from "vue";
 import { createPropsResolver } from "../../dynamic-resolver";
 import { schemaMapper } from "./schema/schema-mapper";
diff --git a/packages/ui-vue/components/search-box/style.ts b/packages/ui-vue/components/search-box/style.ts
index ecaa1edce639b93fb47be69f5d2070d09c9be141..b5f58c803684f8b0f279e9f9e29f8ae0302524c9 100644
--- a/packages/ui-vue/components/search-box/style.ts
+++ b/packages/ui-vue/components/search-box/style.ts
@@ -3,4 +3,4 @@ import "@farris/ui-vue/components/dependent-icon/style";
 import "@farris/ui-vue/components/button-edit/style";
 import "@farris/ui-vue/components/list-view/style";
 import "@farris/ui-vue/components/popover/style";
-import "@farris/ui-vue/theme-default/components/searchbox.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/searchbox.css";
diff --git a/packages/ui-vue/components/section/index.ts b/packages/ui-vue/components/section/index.ts
index a3da329088f239d20ae25efb46952ab7db997fcd..6671e9011e5acf1608a84b1a27d38aa4982116ec 100644
--- a/packages/ui-vue/components/section/index.ts
+++ b/packages/ui-vue/components/section/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/section/src/components/header.component.tsx b/packages/ui-vue/components/section/src/components/header.component.tsx
index 1dc89ea8d5e5c50ed6f1d8a9ac9c7cbfadd15cd8..aeac6e78c79fd4156aa977e15b0c055a7517f838 100644
--- a/packages/ui-vue/components/section/src/components/header.component.tsx
+++ b/packages/ui-vue/components/section/src/components/header.component.tsx
@@ -22,10 +22,10 @@ export default function (
     });
 
     const shouldShowMaximize = computed(() => {
-        return props.enableMaximize
+        return props.enableMaximize;
     });
     const shouldShowAccordion = computed(() => {
-        return props.enableAccordion != ''
+        return props.enableAccordion !== '';
     });
     const headerClass = computed(() => {
         const headClassObject = {
@@ -59,7 +59,7 @@ export default function (
                 'f-btn-mx': true,
                 'f-state-expand': expandStatus.value
             } as Record<string, boolean>;
-        })
+        });
 
         const maxMinIconClass = computed(() => {
             return {
diff --git a/packages/ui-vue/components/section/src/components/toolbar.component.tsx b/packages/ui-vue/components/section/src/components/toolbar.component.tsx
index b096fea0f625143006e6a6e551b45aa713737f34..8369a8d1211f14c42ef532ac35cdc708dea655dd 100644
--- a/packages/ui-vue/components/section/src/components/toolbar.component.tsx
+++ b/packages/ui-vue/components/section/src/components/toolbar.component.tsx
@@ -5,14 +5,12 @@ import FResponseToolbar from '@farris/ui-vue/components/response-toolbar';
 export default function (props: SectionProps, context: SetupContext) {
 
     const items = ref(props.buttons);
-    const toolbarAlignment = computed(() => { return props.buttonPosition === 'inHead' ? 'right' : 'left' });
+    const toolbarAlignment = computed(() => { return props.buttonPosition === 'inHead' ? 'right' : 'left'; });
     const toolbarClass = computed(() => {
         return 'f-section-toolbar' + (props.buttonPosition === 'inHead' ? ' f-section-header--toolbar' : ' f-section-content--toolbar');
     });
 
-    const shouldShowToobar = computed(() => {
-        props.buttons && props.buttons.length > 0 && props.buttonPosition === 'inHead'
-    });
+    const shouldShowToobar = computed(() => props.buttons && props.buttons.length > 0 && props.buttonPosition === 'inHead');
 
 
     function onClickToolbarItem(itemId: string) {
@@ -20,7 +18,7 @@ export default function (props: SectionProps, context: SetupContext) {
     }
     return () => {
         return (
-            shouldShowToobar && (
+            shouldShowToobar.value && (
                 <FResponseToolbar customClass={toolbarClass.value} items={items.value} onClick={onClickToolbarItem} alignment={toolbarAlignment.value}></FResponseToolbar>
             )
         );
diff --git a/packages/ui-vue/components/section/src/composition/types.ts b/packages/ui-vue/components/section/src/composition/types.ts
index 03050f1ff796bfda1a9e31ebd516551ff9121b17..0035c01f0e4e585e5508d44c463aa79d02be39a6 100644
--- a/packages/ui-vue/components/section/src/composition/types.ts
+++ b/packages/ui-vue/components/section/src/composition/types.ts
@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
  
 
 export interface UseSectionMaxMin { 
diff --git a/packages/ui-vue/components/section/src/composition/use-max-min.ts b/packages/ui-vue/components/section/src/composition/use-max-min.ts
index 34fc33dccb3bdc84a77333e268f3dc8adb0e43d9..421fefe08d5457d18f75c3636aee674b03829ff1 100644
--- a/packages/ui-vue/components/section/src/composition/use-max-min.ts
+++ b/packages/ui-vue/components/section/src/composition/use-max-min.ts
@@ -8,17 +8,35 @@ export function useSectionMaxMin(
 
     let sectionNextSiblingElement: any;
 
-
     /**
-     * 点击最大化/最小化图标事件
+     * 获取页面中body下所有元素的zIndex, 并返回下个浮层的新zindex
+     * @param upperLayers 增长的index
      */
-    function onClickMaxMinIcon() {
-        if (!sectionRef || !sectionParentElementRef.value) {
-            return;
-        }
-        maxStatus.value = !maxStatus.value;
+    function getFloatingLayerIndex(upperLayers = 1) {
+        const selectors = [
+            'body>.f-datagrid-settings-simple-host',
+            'body>div',
+            'body>farris-dialog>.farris-modal.show',
+            'body>.farris-modal.show',
+            'body>farris-filter-panel>.f-filter-panel-wrapper',
+            'body .f-sidebar-show>.f-sidebar-main',
+            'body>.popover.show',
+            'body>filter-row-panel>.f-datagrid-filter-panel',
+            'body>.f-section-maximize'
+        ];
 
-        maxStatus.value ? onMaximum() : onMinimize();
+        const overlays = Array.from(document.body.querySelectorAll(selectors.join(','))).filter(n => n).map(n => {
+            const { display, zIndex } = window.getComputedStyle(n);
+            if (display === 'none') {
+                return 0;
+            }
+            return parseInt(zIndex, 10);
+        }).filter(n => n);
+        let maxZindex = Math.max(...overlays);
+        if (maxZindex < 1040) {
+            maxZindex = 1040;
+        }
+        return maxZindex + upperLayers;
     }
 
     /**
@@ -53,34 +71,15 @@ export function useSectionMaxMin(
     }
 
     /**
-     * 获取页面中body下所有元素的zIndex, 并返回下个浮层的新zindex
-     * @param upperLayers 增长的index
+     * 点击最大化/最小化图标事件
      */
-    function getFloatingLayerIndex(upperLayers = 1) {
-        const selectors = [
-            'body>.f-datagrid-settings-simple-host',
-            'body>div',
-            'body>farris-dialog>.farris-modal.show',
-            'body>.farris-modal.show',
-            'body>farris-filter-panel>.f-filter-panel-wrapper',
-            'body .f-sidebar-show>.f-sidebar-main',
-            'body>.popover.show',
-            'body>filter-row-panel>.f-datagrid-filter-panel',
-            'body>.f-section-maximize'
-        ];
-
-        const overlays = Array.from(document.body.querySelectorAll(selectors.join(','))).filter(n => n).map(n => {
-            const { display, zIndex } = window.getComputedStyle(n);
-            if (display === 'none') {
-                return 0;
-            }
-            return parseInt(zIndex, 10);
-        }).filter(n => n);
-        let maxZindex = Math.max(...overlays);
-        if (maxZindex < 1040) {
-            maxZindex = 1040;
+    function onClickMaxMinIcon() {
+        if (!sectionRef || !sectionParentElementRef.value) {
+            return;
         }
-        return maxZindex + upperLayers;
+        maxStatus.value = !maxStatus.value;
+
+        maxStatus.value ? onMaximum() : onMinimize();
     }
 
     return { onClickMaxMinIcon };
diff --git a/packages/ui-vue/components/section/src/designer/section.design.component.tsx b/packages/ui-vue/components/section/src/designer/section.design.component.tsx
index edb329dfdd73ee4c080f761d3defe2a1d500bb50..7e68d07d679658a25b1a8e5fc7b50315911845a0 100644
--- a/packages/ui-vue/components/section/src/designer/section.design.component.tsx
+++ b/packages/ui-vue/components/section/src/designer/section.design.component.tsx
@@ -1,4 +1,4 @@
-/**
+ /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -31,7 +31,7 @@ export default defineComponent({
     setup(props: SectionProps, context: SetupContext) {
         const elementRef = ref();
         const sectionRef = ref();
-        let sectionParentElementRef = ref<any>();
+        const sectionParentElementRef = ref<any>();
         const designerHostService = inject<DesignerHostService>('designer-host-service');
         const designItemContext = inject<DesignerItemContext>('design-item-context') as DesignerItemContext;
         const designerRulesComposition = useDesignerRules(designItemContext, designerHostService);
diff --git a/packages/ui-vue/components/section/src/designer/use-designer-rules.ts b/packages/ui-vue/components/section/src/designer/use-designer-rules.ts
index 4b392df42fc1c57c08b353e4651ddd5df8e171aa..3c7797434d75f20ec9017d34b0133f4b022b46c1 100644
--- a/packages/ui-vue/components/section/src/designer/use-designer-rules.ts
+++ b/packages/ui-vue/components/section/src/designer/use-designer-rules.ts
@@ -1,5 +1,3 @@
-/* eslint-disable max-len */
-/* eslint-disable complexity */
 import { DesignerHostService, DraggingResolveContext, UseDesignerRules } from "../../../designer-canvas/src/composition/types";
 import { useDragulaCommonRule } from "../../../designer-canvas/src/composition/rule/use-dragula-common-rule";
 import { DesignerItemContext } from "../../../designer-canvas/src/types";
@@ -40,8 +38,6 @@ export function useDesignerRules(designItemContext: DesignerItemContext, designe
         return !canMove && !canDelete;
     }
 
-
-
     return {
         canAccepts,
         checkCanDeleteComponent,
diff --git a/packages/ui-vue/components/section/src/property-config/section.property-config.ts b/packages/ui-vue/components/section/src/property-config/section.property-config.ts
index b794da7b26361019f7b9e7b02ddb2d171b6f1dac..5ed2a5b86e2ea9e1e1646684fae49729bdb191bc 100644
--- a/packages/ui-vue/components/section/src/property-config/section.property-config.ts
+++ b/packages/ui-vue/components/section/src/property-config/section.property-config.ts
@@ -48,7 +48,7 @@ export const sectionPropertyConfigs = {
             },
             setPropertyRelates(changeObject, prop) {
                 if (!changeObject) {
-                    return
+                    return;
                 }
                 switch (changeObject && changeObject.propertyID) {
                     case 'mainTitle': {
@@ -102,4 +102,4 @@ export const sectionPropertyConfigs = {
             }
         }
     }
-}
\ No newline at end of file
+};
diff --git a/packages/ui-vue/components/section/src/schema/accordion-resolver.ts b/packages/ui-vue/components/section/src/schema/accordion-resolver.ts
index cfdafe90fbad88726b38c16d7896c67b9d542237..36c775fa029869575fd4f6e4a5ec69a16df0637a 100644
--- a/packages/ui-vue/components/section/src/schema/accordion-resolver.ts
+++ b/packages/ui-vue/components/section/src/schema/accordion-resolver.ts
@@ -1,7 +1,7 @@
 export function resolveSectionAccordion(key: string, value: any, resolvedSchema: any) {
 
     if (!value) {
-        return { enableAccordion: '' }
+        return { enableAccordion: '' };
     } else {
         return { enableAccordion: resolvedSchema.accordionMode };
     }
diff --git a/packages/ui-vue/components/section/src/schema/schema-resolver.ts b/packages/ui-vue/components/section/src/schema/schema-resolver.ts
index abee9cb2e6987f5757767a9bc4622e3b6676bdaa..e0d8909de6b4e09275e26ab0a4934fd197485c39 100644
--- a/packages/ui-vue/components/section/src/schema/schema-resolver.ts
+++ b/packages/ui-vue/components/section/src/schema/schema-resolver.ts
@@ -1,6 +1,5 @@
 import { ComponentSchema, DesignerComponentInstance } from "../../../designer-canvas";
 import { DgControl } from "../../../designer-canvas/src/composition/dg-control";
-import { DesignerHostService } from "@/components/designer-canvas/src/composition/types";
 import { DynamicResolver } from "../../../dynamic-resolver";
 
 /**
@@ -11,7 +10,7 @@ import { DynamicResolver } from "../../../dynamic-resolver";
  * @param designerHostService 
  * @returns 
  */
-function wrapContainerForSection(resolver: DynamicResolver, sectionSchema: Record<string, any>, context: Record<string, any>, designerHostService: DesignerHostService) {
+function wrapContainerForSection(resolver: DynamicResolver, sectionSchema: Record<string, any>, context: Record<string, any>) {
     const radomNum = Math.random().toString().slice(2, 6);
     const parentComponentInstance = context.parentComponentInstance as DesignerComponentInstance;
 
@@ -46,10 +45,10 @@ function wrapContainerForSection(resolver: DynamicResolver, sectionSchema: Recor
     return containerSchema;
 }
 
-export function schemaResolver(resolver: DynamicResolver, schema: Record<string, any>, context: Record<string, any>, designerHostService: DesignerHostService): Record<string, any> {
+export function schemaResolver(resolver: DynamicResolver, schema: Record<string, any>, context: Record<string, any>): Record<string, any> {
     const parentComponentInstance = context.parentComponentInstance as DesignerComponentInstance;
     if (parentComponentInstance) {
-        return wrapContainerForSection(resolver, schema, context, designerHostService);
+        return wrapContainerForSection(resolver, schema, context);
     } else {
         return schema;
     }
diff --git a/packages/ui-vue/components/section/src/schema/toolbar-resolver.ts b/packages/ui-vue/components/section/src/schema/toolbar-resolver.ts
index da71f391413aea514b45a7a0a9faae17274bcb75..693f93929712af4ddb174500d8c3d94c13e5b118 100644
--- a/packages/ui-vue/components/section/src/schema/toolbar-resolver.ts
+++ b/packages/ui-vue/components/section/src/schema/toolbar-resolver.ts
@@ -3,7 +3,7 @@ export function resolveSectionToolbar(key: string, toolbarObject: { contents: an
     if (toolbarObject && toolbarObject.contents && toolbarObject.contents.length) {
         toolbarObject.contents.forEach((toolbarItem: any) => {
             if (toolbarItem.title) {
-                toolbarItem.text = toolbarItem.title
+                toolbarItem.text = toolbarItem.title;
             }
         });
     }
diff --git a/packages/ui-vue/components/section/src/section.component.tsx b/packages/ui-vue/components/section/src/section.component.tsx
index 974ff3ef347c8f73aba9b1464f5e27d20de170d3..96003bcdd89fa96b56c0f786d34ccc7f0f5d3c04 100644
--- a/packages/ui-vue/components/section/src/section.component.tsx
+++ b/packages/ui-vue/components/section/src/section.component.tsx
@@ -1,3 +1,4 @@
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
@@ -25,7 +26,7 @@ export default defineComponent({
     emits: [] as (string[] & ThisType<void>) | undefined,
     setup(props: SectionProps, context: SetupContext) {
         const sectionRef = ref<any>();
-        let sectionParentElementRef = ref<any>();
+        const sectionParentElementRef = ref<any>();
         const customClass = ref<string>(props.customClass);
         const enableAccordion = computed(() => props.enableAccordion);
         const expandStatus = ref(props.expandStatus);
@@ -78,10 +79,10 @@ export default defineComponent({
         });
 
         onMounted(() => {
-            if (sectionRef && sectionRef.value) {
+            if (sectionRef.value && sectionRef.value) {
                 sectionParentElementRef.value = sectionRef.value.parentElement;
             }
-        })
+        });
 
         return () => {
             return (
diff --git a/packages/ui-vue/components/section/src/section.props.ts b/packages/ui-vue/components/section/src/section.props.ts
index 1fe67460d0accb1f6137a9eac1b99a8d85aa6f58..fc70c58ca29f48693272e7c67db9790810160eaf 100644
--- a/packages/ui-vue/components/section/src/section.props.ts
+++ b/packages/ui-vue/components/section/src/section.props.ts
@@ -84,7 +84,6 @@ export const sectionProps = {
     // context: { type: Object },
 
 
-
     // 暂未使用该属性
     // index: { type: Number },
     // maxStatus: { type: Boolean, default: false },
diff --git a/packages/ui-vue/components/section/style.ts b/packages/ui-vue/components/section/style.ts
index b9cb347a5c5e5b2e6718c681a2fe73605d3af7e9..db917d3524ecaa79b8c90ccd4815b77fe253beeb 100644
--- a/packages/ui-vue/components/section/style.ts
+++ b/packages/ui-vue/components/section/style.ts
@@ -2,4 +2,4 @@ import "@farris/ui-vue/components/dependent-base/style";
 import "@farris/ui-vue/components/dependent-icon/style";
 import "@farris/ui-vue/components/button-group/style";
 import "@farris/ui-vue/components/response-toolbar/style";
-import "@farris/ui-vue/theme-default/components/section.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/section.css";
diff --git a/packages/ui-vue/components/smoke-detector/index.ts b/packages/ui-vue/components/smoke-detector/index.ts
index a5a8317c98f380ca9aa2769e89b9a591d6499760..f422a0b312ea96833508e670cf877c8645fd62ca 100644
--- a/packages/ui-vue/components/smoke-detector/index.ts
+++ b/packages/ui-vue/components/smoke-detector/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import type { App } from 'vue';
 import SmokeDetector from './src/smoke-detector.component';
 import { propsResolver } from './src/smoke-detector.props';
diff --git a/packages/ui-vue/components/smoke-detector/src/smoke-detector.props.ts b/packages/ui-vue/components/smoke-detector/src/smoke-detector.props.ts
index 6a83df07f40d5413470fa4c299af9de35262348b..900abaf4210b84ad7d5227e8e44af8c939e76255 100644
--- a/packages/ui-vue/components/smoke-detector/src/smoke-detector.props.ts
+++ b/packages/ui-vue/components/smoke-detector/src/smoke-detector.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { ExtractPropTypes, PropType } from 'vue';
 import { createPropsResolver } from '../../dynamic-resolver';
 import { schemaMapper } from './schema/schema-mapper';
diff --git a/packages/ui-vue/components/spacing-editor/index.ts b/packages/ui-vue/components/spacing-editor/index.ts
index aecbdc3bda70a5355548cc4e788ed63c9b6f6dff..48c6f4057cbcaa773719fd8baaa426d11fde56ab 100644
--- a/packages/ui-vue/components/spacing-editor/index.ts
+++ b/packages/ui-vue/components/spacing-editor/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/spacing-editor/src/spacing-editor.props.ts b/packages/ui-vue/components/spacing-editor/src/spacing-editor.props.ts
index ce0ae4253ac01c4bf6cd72b42fec07d2e9f7b797..9d8968001d7666d32714808e2d57d5b989ef4f10 100644
--- a/packages/ui-vue/components/spacing-editor/src/spacing-editor.props.ts
+++ b/packages/ui-vue/components/spacing-editor/src/spacing-editor.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { ExtractPropTypes, PropType } from "vue";
 import { createPropsResolver } from "../../dynamic-resolver";
 // import { schemaMapper } from "./schema/schema-mapper";
diff --git a/packages/ui-vue/components/splitter/index.ts b/packages/ui-vue/components/splitter/index.ts
index 4ad8b6885153433ce3d26fefbb9c540b44949212..a635ebffa4af0555eb364707ba58e71fb87dfd32 100644
--- a/packages/ui-vue/components/splitter/index.ts
+++ b/packages/ui-vue/components/splitter/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import type { App } from 'vue';
 import FSplitter from './src/splitter.component';
 import FSplitterPane from './src/components/splitter-pane.component';
diff --git a/packages/ui-vue/components/splitter/src/components/splitter-pane.component.tsx b/packages/ui-vue/components/splitter/src/components/splitter-pane.component.tsx
index 3fd9ef819af6f83f98a1c6fb2260d271149fb95d..98df6f38f554baf1898713fc1efad40fd5df4566 100644
--- a/packages/ui-vue/components/splitter/src/components/splitter-pane.component.tsx
+++ b/packages/ui-vue/components/splitter/src/components/splitter-pane.component.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/indent */
 import { SetupContext, computed, defineComponent, inject, ref } from 'vue';
 import { SplitterPanePropsType, splitterPaneProps } from './splitter-pane.props';
 import { SplitterContext } from '../composition/types';
@@ -9,7 +8,7 @@ export default defineComponent({
     name: 'FSplitterPane',
     props: splitterPaneProps,
     emits: [],
-    setup(props: SplitterPanePropsType, context:SetupContext) {
+    setup(props: SplitterPanePropsType, context: SetupContext) {
         const splitterPaneElementRef = ref<HTMLElement>();
         const splitterContext = inject<SplitterContext>('splitter');
         const { useResizeHandleComposition } = splitterContext as SplitterContext;
@@ -17,31 +16,35 @@ export default defineComponent({
         const { actualHeight, actualWidth, onClickSplitterHorizontalResizeBar, onClickSplitterVerticalResizeBar } =
             useResizePaneComposition;
         const position = ref(props.position);
+
         const splitterPaneClass = computed(() => {
             const classObject = {
                 'f-splitter-pane': true,
                 'f-splitter-pane-main': position.value === 'center',
-                'has-resize-bar':props.resizable
+                'has-resize-bar': props.resizable
             } as Record<string, any>;
-            classObject['f-splitter-pane-'+position.value]=true;
+            classObject['f-splitter-pane-' + position.value] = true;
             return getCustomClass(classObject, props?.customClass);
         });
+
+        const resizeHandle = computed(() => {
+            if (props.resizeHandle) {
+                return props.resizeHandle.split(',').filter(handleItem => ['e', 'n', 's', 'w'].find(item => item === handleItem));
+            }
+            return [];
+        });
+
         const splitterPaneStyle = computed(() => {
             const styleObject = {} as Record<string, any>;
-            if ((actualWidth.value && position.value === 'left') || position.value === 'right'||resizeHandle.value.find(item=>item=='e')||resizeHandle.value.find(item=>item=='w')) {
+            if ((actualWidth.value && position.value === 'left') || position.value === 'right' || resizeHandle.value.find(item => item === 'e') || resizeHandle.value.find(item => item === 'w')) {
                 styleObject.width = `${actualWidth.value}px`;
             }
-            if ((actualHeight.value && position.value === 'bottom') || position.value === 'top'||resizeHandle.value.find(item=>item=='s')||resizeHandle.value.find(item=>item=='n')) {
+            if ((actualHeight.value && position.value === 'bottom') || position.value === 'top' || resizeHandle.value.find(item => item === 's') || resizeHandle.value.find(item => item === 'n')) {
                 styleObject.height = `${actualHeight.value}px`;
             }
             return getCustomStyle(styleObject, props?.customStyle);
         });
-        const resizeHandle = computed(() => {
-            if (props.resizeHandle) {
-                return props.resizeHandle.split(',').filter(handleItem => ['e', 'n', 's', 'w'].find(item=>item==handleItem));
-            }
-            return [];
-        });
+
 
         const splitterResizeBarClass = computed(() => {
             const classObejct = {
@@ -50,40 +53,43 @@ export default defineComponent({
                 'f-splitter-resize-bar-n': position.value === 'bottom',
                 'f-splitter-resize-bar-s': position.value === 'top',
                 'f-splitter-resize-bar-w': position.value === 'right'
-            } as Record<string, boolean>;           
+            } as Record<string, boolean>;
             return classObejct;
         });
 
+        function transferPosition(direction: string) {
+            const transfer = {
+                e: 'left',
+                w: 'right',
+                s: 'top',
+                n: 'bottom'
+            };
+            return transfer[direction] || direction;
+        }
+
         function onClickResizeBar(payload: MouseEvent, direction: string) {
-            direction=transferPosition(direction);
-            if (['left', 'right'].find(item => item == direction)) {
+            direction = transferPosition(direction);
+            if (['left', 'right'].find(item => item === direction)) {
                 onClickSplitterHorizontalResizeBar(payload, direction, splitterPaneElementRef.value as HTMLElement);
             }
-            if (['top', 'bottom'].find(item => item == direction)) {
+            if (['top', 'bottom'].find(item => item === direction)) {
                 onClickSplitterVerticalResizeBar(payload, direction, splitterPaneElementRef.value as HTMLElement);
             }
         }
-        function transferPosition(direction:string){
-            const transfer={
-                e:'left',
-                w:'right',
-                s:'top',
-                n:'bottom'
-            }
-            return transfer[direction]||direction;
-        }
+
         function renderResizeBar() {
             if (resizeHandle.value.length > 0) {
                 return resizeHandle.value.map(handle => {
                     return <span
-                        class={'f-splitter-resize-bar f-splitter-resize-bar-'+handle}
-                        onMousedown={(payload: MouseEvent) => onClickResizeBar(payload, handle)}></span>
+                        class={'f-splitter-resize-bar f-splitter-resize-bar-' + handle}
+                        onMousedown={(payload: MouseEvent) => onClickResizeBar(payload, handle)}></span>;
                 });
             }
             return <span
                 class={splitterResizeBarClass.value}
-                onMousedown={(payload: MouseEvent) => onClickResizeBar(payload, position.value)}></span>
+                onMousedown={(payload: MouseEvent) => onClickResizeBar(payload, position.value)}></span>;
         }
+
         return () => {
             return (
                 <div ref={splitterPaneElementRef} class={splitterPaneClass.value} style={splitterPaneStyle.value}>
diff --git a/packages/ui-vue/components/splitter/src/components/splitter-pane.props.ts b/packages/ui-vue/components/splitter/src/components/splitter-pane.props.ts
index d9128f47e79e8cd6fbc7fa18a50708a845bdae08..119086f83f209a94860703ef50e107fd50cc025c 100644
--- a/packages/ui-vue/components/splitter/src/components/splitter-pane.props.ts
+++ b/packages/ui-vue/components/splitter/src/components/splitter-pane.props.ts
@@ -17,7 +17,7 @@ export const splitterPaneProps = {
     visible: { type: Boolean, default: true },
     /** True to allow the pane can be resized. */
     resizable: { type: Boolean, default: false },
-    /**指定拖拽的方向，可以指定多个方向，e向东,n向北,s向南,w向西 
+    /** 指定拖拽的方向，可以指定多个方向，e向东,n向北,s向南,w向西 
      * 因为位置在右侧，不一定就是w方向可拖拽的
     */
     resizeHandle:{type:String,default:''},
diff --git a/packages/ui-vue/components/splitter/src/composition/use-resize-handle.ts b/packages/ui-vue/components/splitter/src/composition/use-resize-handle.ts
index 89e3d99036124afbb464212b4f85c2e3350958cb..1acbb4e1355a7073fea2299ef140d8d7171b8f99 100644
--- a/packages/ui-vue/components/splitter/src/composition/use-resize-handle.ts
+++ b/packages/ui-vue/components/splitter/src/composition/use-resize-handle.ts
@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/indent */
 import { computed, Ref, ref } from 'vue';
 import { UseResizeHandle } from './types';
 
diff --git a/packages/ui-vue/components/splitter/src/composition/use-resize-pane.ts b/packages/ui-vue/components/splitter/src/composition/use-resize-pane.ts
index ea44610050bf1b93b680166c50ddd3f34528b1ff..632aa03e748b17c4bca5fdefc5cd32c82f44cdf6 100644
--- a/packages/ui-vue/components/splitter/src/composition/use-resize-pane.ts
+++ b/packages/ui-vue/components/splitter/src/composition/use-resize-pane.ts
@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/indent */
 import { ref } from 'vue';
 import { UseResizePane, UseResizeHandle } from './types';
 import { SplitterPanePropsType } from '../components/splitter-pane.props';
diff --git a/packages/ui-vue/components/splitter/src/designer/splitter-pane-use-designer-rules.ts b/packages/ui-vue/components/splitter/src/designer/splitter-pane-use-designer-rules.ts
index a90cfc1c53ac9f7a272bd85380fdd52b864f17eb..d3218fd64b7d9d4e00096354167de76e25c81391 100644
--- a/packages/ui-vue/components/splitter/src/designer/splitter-pane-use-designer-rules.ts
+++ b/packages/ui-vue/components/splitter/src/designer/splitter-pane-use-designer-rules.ts
@@ -1,4 +1,3 @@
-/* eslint-disable max-len */
 import { UseTemplateDragAndDropRules } from "../../../designer-canvas/src/composition/rule/use-template-rule";
 import { DesignerHostService, DraggingResolveContext, UseDesignerRules } from "../../../designer-canvas/src/composition/types";
 import { useDragulaCommonRule } from "../../../designer-canvas/src/composition/rule/use-dragula-common-rule";
diff --git a/packages/ui-vue/components/splitter/src/designer/splitter-pane.design.component.tsx b/packages/ui-vue/components/splitter/src/designer/splitter-pane.design.component.tsx
index b120fb4376075f92b876fe683e264cdb09576e61..c1096c14ce8baf32f4d3df239179d59f38099eee 100644
--- a/packages/ui-vue/components/splitter/src/designer/splitter-pane.design.component.tsx
+++ b/packages/ui-vue/components/splitter/src/designer/splitter-pane.design.component.tsx
@@ -1,5 +1,4 @@
-/* eslint-disable @typescript-eslint/indent */
-import { SetupContext, computed, defineComponent, inject, onMounted, ref } from 'vue';
+import { computed, defineComponent, inject, onMounted, ref } from 'vue';
 import { SplitterPanePropsType, splitterPaneProps } from '../components/splitter-pane.props';
 import { SplitterContext } from '../composition/types';
 import { useResizePane } from '../composition/use-resize-pane';
@@ -40,29 +39,32 @@ export default defineComponent({
             const classObject = {
                 'f-splitter-pane': true,
                 'f-splitter-pane-main': position.value === 'center',
-                'has-resize-bar':props.resizable,
+                'has-resize-bar': props.resizable,
                 'f-component-splitter-pane': true,
                 'drag-container': true
             } as Record<string, any>;
-            classObject['f-splitter-pane-'+position.value]=true;
+            classObject['f-splitter-pane-' + position.value] = true;
             return getCustomClass(classObject, props?.customClass);
         });
+
+        const resizeHandle = computed(() => {
+            if (props.resizeHandle) {
+                return props.resizeHandle.split(',').filter(handleItem => ['e', 'n', 's', 'w'].find(item => item === handleItem));
+            }
+            return [];
+        });
+
         const splitterPaneStyle = computed(() => {
             const styleObject = {} as Record<string, any>;
-            if ((actualWidth.value && position.value === 'left') || position.value === 'right'||resizeHandle.value.find(item=>item=='e')||resizeHandle.value.find(item=>item=='w')) {
+            if ((actualWidth.value && position.value === 'left') || position.value === 'right' || resizeHandle.value.find(item => item === 'e') || resizeHandle.value.find(item => item === 'w')) {
                 styleObject.width = `${actualWidth.value}px`;
             }
-            if ((actualHeight.value && position.value === 'bottom') || position.value === 'top'||resizeHandle.value.find(item=>item=='s')||resizeHandle.value.find(item=>item=='n')) {
+            if ((actualHeight.value && position.value === 'bottom') || position.value === 'top' || resizeHandle.value.find(item => item === 's') || resizeHandle.value.find(item => item === 'n')) {
                 styleObject.height = `${actualHeight.value}px`;
             }
             return getCustomStyle(styleObject, props?.customStyle);
         });
-        const resizeHandle = computed(() => {
-            if (props.resizeHandle) {
-                return props.resizeHandle.split(',').filter(handleItem => ['e', 'n', 's', 'w'].find(item=>item==handleItem));
-            }
-            return [];
-        }); 
+
         const splitterResizeBarClass = computed(() => {
             const classObejct = {
                 'f-splitter-resize-bar': true,
@@ -70,18 +72,19 @@ export default defineComponent({
                 'f-splitter-resize-bar-n': position.value === 'bottom',
                 'f-splitter-resize-bar-s': position.value === 'top',
                 'f-splitter-resize-bar-w': position.value === 'right'
-            } as Record<string, boolean>;           
+            } as Record<string, boolean>;
             return classObejct;
-        });     
+        });
+        
         function renderResizeBar() {
             if (resizeHandle.value.length > 0) {
                 return resizeHandle.value.map(handle => {
                     return <span
-                        class={'f-splitter-resize-bar f-splitter-resize-bar-'+handle}></span>
+                        class={'f-splitter-resize-bar f-splitter-resize-bar-' + handle}></span>;
                 });
             }
             return <span
-                class={splitterResizeBarClass.value}></span>
+                class={splitterResizeBarClass.value}></span>;
         }
 
         return () => {
diff --git a/packages/ui-vue/components/splitter/src/schema/splitter-schema-resolver.ts b/packages/ui-vue/components/splitter/src/schema/splitter-schema-resolver.ts
index 8acc0b85241ab03c5a3faeb85146cbc33259bb19..0b63a31eaa7fbc7b57a2706fa0fc6d3ca867a812 100644
--- a/packages/ui-vue/components/splitter/src/schema/splitter-schema-resolver.ts
+++ b/packages/ui-vue/components/splitter/src/schema/splitter-schema-resolver.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { ComponentSchema, DesignerComponentInstance } from "../../../designer-canvas/src/types";
 import { DynamicResolver } from "../../../dynamic-resolver";
 
diff --git a/packages/ui-vue/components/splitter/src/splitter.props.ts b/packages/ui-vue/components/splitter/src/splitter.props.ts
index 1b3b8eed1eaab98dd598a2aea085837629225211..74d18f9a892a720df028079f6bfa763a041b57a7 100644
--- a/packages/ui-vue/components/splitter/src/splitter.props.ts
+++ b/packages/ui-vue/components/splitter/src/splitter.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { ExtractPropTypes, PropType } from "vue";
 import { createPropsResolver } from "../../dynamic-resolver";
 import { splitterSchemaMapper } from "./schema/splitter-schema-mapper";
diff --git a/packages/ui-vue/components/splitter/style.ts b/packages/ui-vue/components/splitter/style.ts
index 3b8265b3943feec04344c3de3e2e899af83ee4be..60e8bca26fc1326311317c63775a303da86f23c6 100644
--- a/packages/ui-vue/components/splitter/style.ts
+++ b/packages/ui-vue/components/splitter/style.ts
@@ -1,2 +1,2 @@
 import "@farris/ui-vue/components/dependent-base/style";
-import "@farris/ui-vue/theme-default/components/splitter.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/splitter.css";
diff --git a/packages/ui-vue/components/step/index.ts b/packages/ui-vue/components/step/index.ts
index a1fc3a5e55c547aebe7e85a233d6898e30843cd8..88752b82c184820d95877e922290bf954d240e92 100644
--- a/packages/ui-vue/components/step/index.ts
+++ b/packages/ui-vue/components/step/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import type { App } from 'vue';
 import Step from './src/step.component';
 import { propsResolver } from './src/step.props';
diff --git a/packages/ui-vue/components/step/src/step.component.tsx b/packages/ui-vue/components/step/src/step.component.tsx
index 0ad9a072f00bde19ccc2c15effef9edc615cc40b..5a7cbc63eff5a2ec07b29a5f12a6995d1cf6bd7e 100644
--- a/packages/ui-vue/components/step/src/step.component.tsx
+++ b/packages/ui-vue/components/step/src/step.component.tsx
@@ -50,7 +50,7 @@ export default defineComponent({
             // if (step.status) {
             //     classObject[step.status] = true;
             // }
-            // eslint-disable-next-line no-prototype-builtins
+             
             // if (step.hasOwnProperty('class')) {
             //     step.class.split(' ').reduce((preClassObject: any, className: string) => {
             //         preClassObject[className] = true;
@@ -91,7 +91,7 @@ export default defineComponent({
                 'f-icon': showSuccess,
                 'f-icon-check': showSuccess
             } as Record<string, boolean>;
-            // eslint-disable-next-line no-prototype-builtins
+             
             // if (step.hasOwnProperty('icon')) {
             //     step.class.split(' ').reduce((preClassObject: Record<string, boolean>, className: string) => {
             //         preClassObject[className] = true;
diff --git a/packages/ui-vue/components/step/style.ts b/packages/ui-vue/components/step/style.ts
index 43a009d86c48ea18727aa58bd0f76591bf1bbb1e..1a1ac315d1a0eb26f9e6e722d87659224b98c46b 100644
--- a/packages/ui-vue/components/step/style.ts
+++ b/packages/ui-vue/components/step/style.ts
@@ -1,2 +1,2 @@
 import "@farris/ui-vue/components/dependent-base/style";
-import "@farris/ui-vue/theme-default/components/step.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/step.css";
diff --git a/packages/ui-vue/components/switch/index.ts b/packages/ui-vue/components/switch/index.ts
index 130d4211b85c21add207fafee6031025a0ad9a3c..4a152e7156a15f90b1f2f4eaa0d4459fe92b5301 100644
--- a/packages/ui-vue/components/switch/index.ts
+++ b/packages/ui-vue/components/switch/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/switch/src/designer/switch.design.component.tsx b/packages/ui-vue/components/switch/src/designer/switch.design.component.tsx
index 14149b221450f732496522fcc3f2179c852bbef1..65883ca3e4ff2bbfc57076faf588633d895ccff7 100644
--- a/packages/ui-vue/components/switch/src/designer/switch.design.component.tsx
+++ b/packages/ui-vue/components/switch/src/designer/switch.design.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/switch/src/designer/use-design-rules.ts b/packages/ui-vue/components/switch/src/designer/use-design-rules.ts
index 7ee21e9c441bd205a5a32c329cde14e5324c74db..96ca3e642200b04e7fe25714dc7fd392ff430010 100644
--- a/packages/ui-vue/components/switch/src/designer/use-design-rules.ts
+++ b/packages/ui-vue/components/switch/src/designer/use-design-rules.ts
@@ -1,5 +1,5 @@
-/* eslint-disable no-use-before-define */
-/* eslint-disable max-len */
+ 
+ 
 import { ComponentSchema, DesignerComponentInstance, DesignerItemContext } from "../../../designer-canvas/src/types";
 import { UseDesignerRules } from "../../../designer-canvas/src/composition/types";
 import { SwitchProperty } from "../property-config/switch.property-config";
diff --git a/packages/ui-vue/components/switch/style.ts b/packages/ui-vue/components/switch/style.ts
index e5d21838f2bbaad78ee5d4e41f77ad32dd1ead5f..ebe0e9c789b0b8eca06d65ecd7110505751a8ec7 100644
--- a/packages/ui-vue/components/switch/style.ts
+++ b/packages/ui-vue/components/switch/style.ts
@@ -1,2 +1,2 @@
 import "@farris/ui-vue/components/dependent-base/style";
-import "@farris/ui-vue/theme-default/components/switch.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/switch.css";
diff --git a/packages/ui-vue/components/tabs/index.ts b/packages/ui-vue/components/tabs/index.ts
index e5fbb0c7263dc0e0609598b357d31c4256bd8094..725b2a44d5db15540c79041581c25baa6d67c664 100644
--- a/packages/ui-vue/components/tabs/index.ts
+++ b/packages/ui-vue/components/tabs/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/tabs/src/components/tab-page.props.ts b/packages/ui-vue/components/tabs/src/components/tab-page.props.ts
index 874fafca1aed3c8e3a34e0262a9ad9cbe9150005..a79ab3214826642e140d8cccaaab81b66cdf5eb5 100644
--- a/packages/ui-vue/components/tabs/src/components/tab-page.props.ts
+++ b/packages/ui-vue/components/tabs/src/components/tab-page.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/tabs/src/designer/tab-header-item.design.component.tsx b/packages/ui-vue/components/tabs/src/designer/tab-header-item.design.component.tsx
index ca00bf79ab6ee5e7b428445052ee4b47e43b18b3..87fc65fc38df430c605326a85bb46a2e2306f5bc 100644
--- a/packages/ui-vue/components/tabs/src/designer/tab-header-item.design.component.tsx
+++ b/packages/ui-vue/components/tabs/src/designer/tab-header-item.design.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { computed, Ref, ref } from "vue";
 import { TabPageContext, UseOnePage, UseDesignTabs } from "../composition/types";
 import { TabPageProps } from "../components/tab-page.props";
diff --git a/packages/ui-vue/components/tabs/src/designer/tab-header.design.component.tsx b/packages/ui-vue/components/tabs/src/designer/tab-header.design.component.tsx
index 0ee1497d58fa9ae403ed488d1f5866c4086c2056..6da559d01bc2745f88373c3103264c26f5cdafcc 100644
--- a/packages/ui-vue/components/tabs/src/designer/tab-header.design.component.tsx
+++ b/packages/ui-vue/components/tabs/src/designer/tab-header.design.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { Ref, ShallowRef, computed } from "vue";
 import { TabsProps } from "../tabs.props";
 import { TabPageContext, UseDesignTabs, UseNav, UseOnePage, UseTabs } from "../composition/types";
diff --git a/packages/ui-vue/components/tabs/src/designer/tab-page-use-designer-rules.ts b/packages/ui-vue/components/tabs/src/designer/tab-page-use-designer-rules.ts
index 25742ba8f5dcc9f3b2847ba4c13f5622d3395dcf..0310dc139e0624260d89189bb78419dbb4a4beca 100644
--- a/packages/ui-vue/components/tabs/src/designer/tab-page-use-designer-rules.ts
+++ b/packages/ui-vue/components/tabs/src/designer/tab-page-use-designer-rules.ts
@@ -1,7 +1,5 @@
-/* eslint-disable max-len */
-/* eslint-disable complexity */
 import { UseTemplateDragAndDropRules } from "../../../designer-canvas/src/composition/rule/use-template-rule";
-import { DesignerHostService, DesignerHTMLElement, DraggingResolveContext, UseDesignerRules } from "../../../designer-canvas/src/composition/types";
+import { DesignerHostService, DraggingResolveContext, UseDesignerRules } from "../../../designer-canvas/src/composition/types";
 import { useDragulaCommonRule } from "../../../designer-canvas/src/composition/rule/use-dragula-common-rule";
 import { DesignerItemContext } from "../../../designer-canvas/src/types";
 
@@ -18,7 +16,7 @@ export function useDesignerRules(designItemContext: DesignerItemContext, designe
             return false;
         }
         // 限定tab-page只有一个子级控件
-        const schema = designItemContext.schema;
+        const { schema } = designItemContext;
         if (schema.contents && schema.contents.length > 0) {
             return false;
         }
diff --git a/packages/ui-vue/components/tabs/src/designer/tab-toolbar-item.props.ts b/packages/ui-vue/components/tabs/src/designer/tab-toolbar-item.props.ts
index 7f7a64b15d342771c26fc8a74e70434113de7fc5..44e59c37517b4bd7f774edb82c8c8f008d8a83b7 100644
--- a/packages/ui-vue/components/tabs/src/designer/tab-toolbar-item.props.ts
+++ b/packages/ui-vue/components/tabs/src/designer/tab-toolbar-item.props.ts
@@ -1,3 +1,4 @@
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/tabs/src/designer/tab-toolbar.design.component.tsx b/packages/ui-vue/components/tabs/src/designer/tab-toolbar.design.component.tsx
index bfba722ee92087c66985b23168c4448810628c04..1e85531a453c9f190225ee92348e0df2e21ed6df 100644
--- a/packages/ui-vue/components/tabs/src/designer/tab-toolbar.design.component.tsx
+++ b/packages/ui-vue/components/tabs/src/designer/tab-toolbar.design.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { Ref } from 'vue';
 import { DesignerComponentInstance, DesignerItemContext } from '../../../designer-canvas/src/types';
 import FResponseToolbarDesign from '../../../response-toolbar/src/designer/response-toolbar.design.component';
diff --git a/packages/ui-vue/components/tabs/src/designer/tab-use-designer-rules.ts b/packages/ui-vue/components/tabs/src/designer/tab-use-designer-rules.ts
index 99f965af02be51773c8f99fe1747bebcb97e4115..4fc664cdaea585ace001a84f8bcf10e960836afd 100644
--- a/packages/ui-vue/components/tabs/src/designer/tab-use-designer-rules.ts
+++ b/packages/ui-vue/components/tabs/src/designer/tab-use-designer-rules.ts
@@ -1,5 +1,3 @@
-/* eslint-disable max-len */
-/* eslint-disable complexity */
 import { UseTemplateDragAndDropRules } from "../../../designer-canvas/src/composition/rule/use-template-rule";
 import { DesignerHostService, DraggingResolveContext, UseDesignerRules } from "../../../designer-canvas/src/composition/types";
 import { ComponentSchema, DesignerItemContext } from "../../../designer-canvas/src/types";
@@ -39,7 +37,7 @@ export function useDesignerRules(designItemContext: DesignerItemContext, designe
         if (focusedElementId === `${schema.id}-design-item`) {
             return tabsPropertyConfigs;
         } else {
-            return tabPagePropertyConfig
+            return tabPagePropertyConfig;
         }
     }
     return {
diff --git a/packages/ui-vue/components/tabs/src/designer/tabs-use-design.ts b/packages/ui-vue/components/tabs/src/designer/tabs-use-design.ts
index 4a02c1289b1f2480c6ce91f45ee46d68caed2a1f..4dbc995a7193ee600878facc7dd8d15aed28f2e3 100644
--- a/packages/ui-vue/components/tabs/src/designer/tabs-use-design.ts
+++ b/packages/ui-vue/components/tabs/src/designer/tabs-use-design.ts
@@ -103,8 +103,8 @@ export function useDesignTabs(
         const activePage = tabPages.value.find((tabPageContext: TabPageContext) => tabPageContext.props.id === activeId.value);
         toolbarItems.value = [];
         if (activePage && activePage.props.toolbar) {
-            //解决兼容问题
-            const buttonProperty = activePage.props.toolbar.hasOwnProperty('contents') ? 'contents' : 'buttons';
+            // 解决兼容问题
+            const buttonProperty = Object.prototype.hasOwnProperty.call(activePage.props.toolbar, 'contents') ? 'contents' : 'buttons';
             if (activePage.props.toolbar[buttonProperty] && activePage.props.toolbar[buttonProperty].length) {
                 toolbarItems.value = [...activePage.props.toolbar[buttonProperty]];
             }
diff --git a/packages/ui-vue/components/tabs/src/designer/tabs.design.component.tsx b/packages/ui-vue/components/tabs/src/designer/tabs.design.component.tsx
index 1a8e309429b641f439425dea2fa85951c43fb28f..84686183c6328087d16184196c32ea8438e90ef7 100644
--- a/packages/ui-vue/components/tabs/src/designer/tabs.design.component.tsx
+++ b/packages/ui-vue/components/tabs/src/designer/tabs.design.component.tsx
@@ -1,4 +1,5 @@
-/* eslint-disable max-len */
+/* eslint-disable no-unsafe-optional-chaining */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
@@ -193,7 +194,7 @@ export default defineComponent({
         const { renderMorePagesButtton } = getMoreButtonRender(props, useDropDownComposition, useNavComposition, useTabsComposition);
 
         function renderToolbar() {
-            return !!toolbarItems.value.length && tabToolbarDesignRender(useTabsComposition, componentInstance, designerRulesComposition, designItemContext,props.componentId);
+            return !!toolbarItems.value.length && tabToolbarDesignRender(useTabsComposition, componentInstance, designerRulesComposition, designItemContext, props.componentId);
         }
 
         const renderTabHeader = tabHeaderRenderMap.get(props.tabType) || tabHeaderRenderMap.get('default');
diff --git a/packages/ui-vue/components/tabs/src/property-config/tab-page.property-config.ts b/packages/ui-vue/components/tabs/src/property-config/tab-page.property-config.ts
index 8da5e8cfb2b3ba2676fb57aefa9566c9ea5d4f7d..604b91e0ff90ac737ce023596a453499e0a92b17 100644
--- a/packages/ui-vue/components/tabs/src/property-config/tab-page.property-config.ts
+++ b/packages/ui-vue/components/tabs/src/property-config/tab-page.property-config.ts
@@ -21,7 +21,7 @@ export const tabPagePropertyConfig = {
             },
             setPropertyRelates(changeObject, prop) {
                 if (!changeObject) {
-                    return
+                    return;
                 }
                 switch (changeObject && changeObject.propertyID) {
                     case 'title': {
@@ -73,4 +73,4 @@ export const tabPagePropertyConfig = {
             }
         }
     }
-}
\ No newline at end of file
+};
diff --git a/packages/ui-vue/components/tabs/src/property-config/tab-toolbar-item.property-config.ts b/packages/ui-vue/components/tabs/src/property-config/tab-toolbar-item.property-config.ts
index e2c144ee5001f833cecc4fae5e6ff162f5108f44..90b228e756a15c874c137c2ce8530bf5c9c28692 100644
--- a/packages/ui-vue/components/tabs/src/property-config/tab-toolbar-item.property-config.ts
+++ b/packages/ui-vue/components/tabs/src/property-config/tab-toolbar-item.property-config.ts
@@ -54,7 +54,7 @@ export class TabToolbarItemProperty extends BaseControlProperty {
     }
 
     private getAppearanceProperties(propertyData: any) {
-        var self = this;
+        const self = this;
         this.propertyConfig.categories['appearance'] = {
             title: '外观',
             properties: {
@@ -70,7 +70,7 @@ export class TabToolbarItemProperty extends BaseControlProperty {
             setPropertyRelates(changeObject: PropertyChangeObject, data: any) {
 
             }
-        }
+        };
     }
 
     private getEventPropConfig(propertyData: any) {
@@ -80,7 +80,7 @@ export class TabToolbarItemProperty extends BaseControlProperty {
                 "name": "点击事件"
             }
         ];
-        var self = this;
+        const self = this;
         const initialData = self.eventsEditorUtils['formProperties'](propertyData, self.viewModelId, events);
         const properties = {};
         properties[self.viewModelId] = {
diff --git a/packages/ui-vue/components/tabs/src/property-config/tabs.property-config.ts b/packages/ui-vue/components/tabs/src/property-config/tabs.property-config.ts
index 1a1404ac7fa7b5f929527c5417b676e2f720d508..4c191efa5f7a39b428841405fec8e3e4fcc743a2 100644
--- a/packages/ui-vue/components/tabs/src/property-config/tabs.property-config.ts
+++ b/packages/ui-vue/components/tabs/src/property-config/tabs.property-config.ts
@@ -66,4 +66,4 @@ export const tabsPropertyConfigs={
             }
         }
     }
-}
\ No newline at end of file
+};
diff --git a/packages/ui-vue/components/tabs/src/schema/schema-resolver.ts b/packages/ui-vue/components/tabs/src/schema/schema-resolver.ts
index 2ad75e7b124cb76ebe23a180c5efc7582b042730..54e016db30cfdb8d5492dcbf3b8978f32a285fe8 100644
--- a/packages/ui-vue/components/tabs/src/schema/schema-resolver.ts
+++ b/packages/ui-vue/components/tabs/src/schema/schema-resolver.ts
@@ -1,12 +1,11 @@
 import { DgControl } from "../../../designer-canvas/src/composition/dg-control";
-import { DesignerHostService } from "../../../designer-canvas/src/composition/types";
 import { ComponentSchema, DesignerComponentInstance } from "../../../designer-canvas/src/types";
 import { DynamicResolver } from "../../../dynamic-resolver";
 
 /**
  * 从工具箱拖拽创建标签页，自动创建container-section-tabs三层结构
  */
-function wrapContainerSectionForTabs(resolver: DynamicResolver, context: Record<string, any>, designerHostService: DesignerHostService): Record<string, any> {
+function wrapContainerSectionForTabs(resolver: DynamicResolver, context: Record<string, any>): Record<string, any> {
     const radomNum = Math.random().toString().slice(2, 6);
     const parentComponentInstance = context.parentComponentInstance as DesignerComponentInstance;
 
@@ -58,10 +57,10 @@ function wrapContainerSectionForTabs(resolver: DynamicResolver, context: Record<
 
     return containerSchema;
 }
-export function schemaResolver(resolver: DynamicResolver, schema: Record<string, any>, context: Record<string, any>, designerHostService: DesignerHostService): Record<string, any> {
+export function schemaResolver(resolver: DynamicResolver, schema: Record<string, any>, context: Record<string, any>): Record<string, any> {
     const parentComponentInstance = context.parentComponentInstance as DesignerComponentInstance;
     if (parentComponentInstance) {
-        return wrapContainerSectionForTabs(resolver, context, designerHostService);
+        return wrapContainerSectionForTabs(resolver, context);
     } else {
         const tabPageSchema = resolver.getSchemaByType('tab-page') as ComponentSchema;
         schema.contents = [tabPageSchema];
@@ -70,6 +69,7 @@ export function schemaResolver(resolver: DynamicResolver, schema: Record<string,
 
 }
 
-export function tabToolbarItemSchemaResolver(resolver: DynamicResolver, schema: Record<string, any>, context: Record<string, any>): Record<string, any> {
+export function tabToolbarItemSchemaResolver(resolver: DynamicResolver, schema: Record<string, any>, context: Record<string, any>)
+    : Record<string, any> {
     return schema;
-}
\ No newline at end of file
+}
diff --git a/packages/ui-vue/components/tabs/src/schema/tab-page-schema-mapper.ts b/packages/ui-vue/components/tabs/src/schema/tab-page-schema-mapper.ts
index 3f736598598997472c07776b5d1a901d683fab89..19c7cf48fb4a95f884c68eab2465de9f28dbef2f 100644
--- a/packages/ui-vue/components/tabs/src/schema/tab-page-schema-mapper.ts
+++ b/packages/ui-vue/components/tabs/src/schema/tab-page-schema-mapper.ts
@@ -1,18 +1,11 @@
 import { MapperFunction, resolveAppearance } from '../../../dynamic-resolver';
 
-export const schemaMapper = new Map<string, string | MapperFunction>([
-    ['appearance', resolveAppearance],
-    ['toolbar', resolveTabPageToolbar]
-]);
-
-
-
 function resolveTabPageToolbar(key: string, value: any, resolvedSchema: any) {
 
     if (value && value.contents && value.contents.length) {
         value.contents.forEach((toolbarItem: any) => {
             if (toolbarItem.title) {
-                toolbarItem.text = toolbarItem.title
+                toolbarItem.text = toolbarItem.title;
             }
         });
         value.buttons = value.contents;
@@ -21,3 +14,8 @@ function resolveTabPageToolbar(key: string, value: any, resolvedSchema: any) {
 
     return { toolbar: value };
 }
+
+export const schemaMapper = new Map<string, string | MapperFunction>([
+    ['appearance', resolveAppearance],
+    ['toolbar', resolveTabPageToolbar]
+]);
diff --git a/packages/ui-vue/components/tabs/style.ts b/packages/ui-vue/components/tabs/style.ts
index 01ca1356de0c0805180d9e19c232d42a1f466f78..35e79d10f059fe3c0c777bf83aae16317e851cc2 100644
--- a/packages/ui-vue/components/tabs/style.ts
+++ b/packages/ui-vue/components/tabs/style.ts
@@ -5,4 +5,4 @@ import "@farris/ui-vue/components/dropdown/style";
 import "@farris/ui-vue/components/capsule/style";
 import "@farris/ui-vue/components/response-toolbar/style";
 import "@farris/ui-vue/components/nav/style";
-import "@farris/ui-vue/theme-default/components/tabs.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/tabs.css";
diff --git a/packages/ui-vue/components/tags/index.ts b/packages/ui-vue/components/tags/index.ts
index 0a9f5f6cb5b85f39dc384e75b7da8ee80160564a..ab59dcee87f20acbe763842ce58d3a72b49fd7d5 100644
--- a/packages/ui-vue/components/tags/index.ts
+++ b/packages/ui-vue/components/tags/index.ts
@@ -1,5 +1,5 @@
-/* eslint-disable max-len */
-/* eslint-disable max-len */
+ 
+ 
 import { withInstall } from '@farris/ui-vue/components/common';
 import FTags from './src/tags.component';
 import { propsResolver } from './src/tags.props';
diff --git a/packages/ui-vue/components/tags/src/designer/tags.design.component.tsx b/packages/ui-vue/components/tags/src/designer/tags.design.component.tsx
index 93da8a59b503212bcfcb0b6562aeb08b2943739c..960af2d167b5e3926470f233adb665673b802010 100644
--- a/packages/ui-vue/components/tags/src/designer/tags.design.component.tsx
+++ b/packages/ui-vue/components/tags/src/designer/tags.design.component.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/indent */
 import { computed, defineComponent, inject, nextTick, onMounted, ref, SetupContext, watch } from 'vue';
 import { Tag, TagsProps, tagsProps } from '../tags.props';
 import { useDraggable } from '../composition/use-draggable';
diff --git a/packages/ui-vue/components/tags/src/tags.component.tsx b/packages/ui-vue/components/tags/src/tags.component.tsx
index ca058ad6f5828f8ebcb8d48d7f17cc39008200c3..3bcaae4828a9c96a5fb20c3eaee4405e6cd83d2e 100644
--- a/packages/ui-vue/components/tags/src/tags.component.tsx
+++ b/packages/ui-vue/components/tags/src/tags.component.tsx
@@ -1,6 +1,5 @@
-/* eslint-disable max-len */
-/* eslint-disable @typescript-eslint/indent */
-import { Ref, SetupContext, computed, defineComponent, nextTick, ref, watch } from 'vue';
+ 
+import { SetupContext, computed, defineComponent, nextTick, ref, watch } from 'vue';
 import { Tag, TagsProps, tagsProps } from './tags.props';
 import { useDraggable } from './composition/use-draggable';
 import { TagsInnerElement } from './composition/types';
diff --git a/packages/ui-vue/components/tags/src/tags.props.ts b/packages/ui-vue/components/tags/src/tags.props.ts
index 755d5dbcb78b8a7552c232339e94bdcda833efb7..12ec5b293bbbc27253cfd690582dc898535ad051 100644
--- a/packages/ui-vue/components/tags/src/tags.props.ts
+++ b/packages/ui-vue/components/tags/src/tags.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { ExtractPropTypes, PropType } from 'vue';
 import { schemaResolver } from './schema/schema-resolver';
 import { schemaMapper } from './schema/schema-mapper';
diff --git a/packages/ui-vue/components/tags/style.ts b/packages/ui-vue/components/tags/style.ts
index 457abb1c8e74b0ccf2be421d0b927169aaed2979..2b41064197be4b6e2f34ac509424a1209f0f96e9 100644
--- a/packages/ui-vue/components/tags/style.ts
+++ b/packages/ui-vue/components/tags/style.ts
@@ -1,3 +1,3 @@
 import "@farris/ui-vue/components/dependent-base/style";
 import "@farris/ui-vue/components/dependent-icon/style";
-import "@farris/ui-vue/theme-default/components/tags.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/tags.css";
diff --git a/packages/ui-vue/components/text/index.ts b/packages/ui-vue/components/text/index.ts
index 2cedf57dcee7bdce59d7398366e2eb3d20386479..9c396b7025cf1113f486a5fae7b18eb801753246 100644
--- a/packages/ui-vue/components/text/index.ts
+++ b/packages/ui-vue/components/text/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/text/src/composition/types.ts b/packages/ui-vue/components/text/src/composition/types.ts
index 92ea9e7100440ac5527d70ca6263a7a699ac536c..4552834039d9e295f76f5e7d1ce9ffc681cf7747 100644
--- a/packages/ui-vue/components/text/src/composition/types.ts
+++ b/packages/ui-vue/components/text/src/composition/types.ts
@@ -1,11 +1,11 @@
 export type TextType = "string" | "date" | "datetime" | "number" | "enum" | "boolean";
 export type TextAlignment ="left"|"center"|"right";
-export type TextValueType=String|Number|Boolean;
+export type TextValueType=string|number|boolean;
 
 export interface FormNumberOptions {
-    type?: String;
+    type?: string;
     formatter?: (val: number) => string;
-    useThousands?: Boolean;
-    precision?: Number | undefined;
+    useThousands?: boolean;
+    precision?: number | undefined;
     [key: string]: any;
-}
\ No newline at end of file
+}
diff --git a/packages/ui-vue/components/text/src/composition/utils.ts b/packages/ui-vue/components/text/src/composition/utils.ts
index 562f7151d180cd76be65956eb13fa029d2f6d9c9..3b7b7be849208c8fd5b0728952eda79d75fb7f4e 100644
--- a/packages/ui-vue/components/text/src/composition/utils.ts
+++ b/packages/ui-vue/components/text/src/composition/utils.ts
@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/indent */
 import { useDateFormat, useNumberFormat, useTimeAgo } from "../../../common";
 import { FormNumberOptions } from "./types";
 
diff --git a/packages/ui-vue/components/text/src/text.component.tsx b/packages/ui-vue/components/text/src/text.component.tsx
index ff258bd0a8e3436132e1e59a7bb78032aa66a56b..5114d1ce929d546c3db4875fcdfef37949f11022 100644
--- a/packages/ui-vue/components/text/src/text.component.tsx
+++ b/packages/ui-vue/components/text/src/text.component.tsx
@@ -1,3 +1,4 @@
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
@@ -29,12 +30,12 @@ export default defineComponent({
         // 能否自动尺寸
         const canAutoSize = ref(props.autoSize);
         // 是否日期范围
-        const isDateRange=ref(props.dateRange);
+        const isDateRange = ref(props.dateRange);
         // 类型
-        const textType=ref(props.type);
+        const textType = ref(props.type);
         // 格式化
-        const format=ref(props.format);
-        const storeOldValue=ref();
+        const format = ref(props.format);
+        const storeOldValue = ref();
         // 文本框元素
         const textElement = ref();
         // 显示标题
@@ -45,14 +46,15 @@ export default defineComponent({
             'f-form-context-textarea': isTextarea,
             'f-component-text-auto-size': canAutoSize.value
         }));
-        
+
         // 对齐
         const textStyle = computed(() => {
-           return {
-            'text-align': props.textAlign,
-            'height': !canAutoSize.value && props.height > 0 ? `${props.height}px` : '',
-            'min-height': canAutoSize.value && props.height > 0 ? `${props.height}px` : '',
-            'max-height': canAutoSize.value && props.maxHeight > 0 ? `${props.maxHeight}px` : ''};
+            return {
+                'text-align': props.textAlign,
+                'height': !canAutoSize.value && props.height > 0 ? `${props.height}px` : '',
+                'min-height': canAutoSize.value && props.height > 0 ? `${props.height}px` : '',
+                'max-height': canAutoSize.value && props.maxHeight > 0 ? `${props.maxHeight}px` : ''
+            };
         });
 
         onMounted(() => {
@@ -62,54 +64,41 @@ export default defineComponent({
             }
         });
 
-        // 记录真实的显示文本
-        const realDisplayValue = computed(() => {    
-            let newValue= formatText(props.modelValue);
-            if(storeOldValue.value!=newValue){
-                context.emit("valueChange",newValue);
-                storeOldValue.value=newValue;
-            }
-            return newValue;
-        });
-        /**
-         * 
-         * @returns 
-         */
         function formatText(textValue) {
-            if (isPassword.value){
-                return textValue? '******' : '';
+            if (isPassword.value) {
+                return textValue ? '******' : '';
             }
             if (textType.value !== 'boolean' && (textValue == null || typeof textValue === 'undefined')) {
                 return '';
             }
-            let result='';
+            let result = '';
             switch (textType.value) {
                 case 'string':
                     result = textValue;
                     break;
                 case 'date':
                 case 'datetime':
-                    if (!isDateRange.value) { 
-                        result = dateformat(textValue,format.value);
+                    if (!isDateRange.value) {
+                        result = dateformat(textValue, format.value);
                     } else {
-                        let delimiter=props.dateRangeDelimiter;
-                        const rangeDates = textValue.split(delimiter);    
-                        let dateStrArray:string[] = [];
+                        const delimiter = props.dateRangeDelimiter;
+                        const rangeDates = textValue.split(delimiter);
+                        const dateStrArray: string[] = [];
                         if (rangeDates && rangeDates.length) {
-                            rangeDates.forEach((date:string) => {
-                                dateStrArray.push(dateformat(date,format.value));
+                            rangeDates.forEach((date: string) => {
+                                dateStrArray.push(dateformat(date, format.value));
                             });
                         }
                         result = dateStrArray.join(delimiter);
                     }
-    
+
                     break;
                 case 'number':
-                    format.value=getNumberFormat(format.value,props.numberOptions);
-                    result = getFormatNumberValue(textValue,format.value,props.numberOptions,props.groupSeparator,props.decimalSeparator,props.amountExpression,props.decimalFilledSymbol);
+                    format.value = getNumberFormat(format.value, props.numberOptions);
+                    result = getFormatNumberValue(textValue, format.value, props.numberOptions, props.groupSeparator, props.decimalSeparator, props.amountExpression, props.decimalFilledSymbol);
                     break;
                 case 'enum':
-                    result = getFormatEnumValue(textValue,props.enumConvertedDatas,props.enumDelimiter,props.textField,props.valueField);
+                    result = getFormatEnumValue(textValue, props.enumConvertedDatas, props.enumDelimiter, props.textField, props.valueField);
                     break;
                 case 'boolean':
                     result = getFormatCheckBoxValue(textValue);
@@ -119,6 +108,18 @@ export default defineComponent({
             }
             return result;
         }
+
+        // 记录真实的显示文本
+        const realDisplayValue = computed(() => {
+            const newValue = formatText(props.modelValue);
+            if (storeOldValue.value !== newValue) {
+                context.emit("valueChange", newValue);
+                // eslint-disable-next-line vue/no-side-effects-in-computed-properties
+                storeOldValue.value = newValue;
+            }
+            return newValue;
+        });
+
         /**
          * 修改标题
          */
@@ -131,7 +132,7 @@ export default defineComponent({
             }
         };
 
-        watch(()=>props.modelValue, (newValue, oldValue) => {
+        watch(() => props.modelValue, (newValue, oldValue) => {
             if (newValue !== oldValue) {
                 context.emit('update:modelValue', newValue);
             }
diff --git a/packages/ui-vue/components/text/style.ts b/packages/ui-vue/components/text/style.ts
index fc9c4d5986eb9bc6ddea4e76d73e788ca819d737..2488c4b073855ea3c94c648f5fb2e628268f47a9 100644
--- a/packages/ui-vue/components/text/style.ts
+++ b/packages/ui-vue/components/text/style.ts
@@ -1,4 +1,4 @@
 import "@farris/ui-vue/components/dependent-base/style";
 import "@farris/ui-vue/components/dependent-input/style";
 import "@farris/ui-vue/components/input-group/style";
-import "@farris/ui-vue/theme-default/components/text.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/text.css";
diff --git a/packages/ui-vue/components/textarea/index.ts b/packages/ui-vue/components/textarea/index.ts
index 4e62078834c2c3cff63424c8fa82e9b5e4a8a601..8ba58d8367664ba389e80959337ac7a4bc36aa6a 100644
--- a/packages/ui-vue/components/textarea/index.ts
+++ b/packages/ui-vue/components/textarea/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/textarea/src/designer/textarea.design.component.tsx b/packages/ui-vue/components/textarea/src/designer/textarea.design.component.tsx
index 378dc5a3873857dc6fb4720a7f7fba9e1e1b14a7..7abde57ba3eefc3fefd2c4c1bf8c7178559e3ada 100644
--- a/packages/ui-vue/components/textarea/src/designer/textarea.design.component.tsx
+++ b/packages/ui-vue/components/textarea/src/designer/textarea.design.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/textarea/src/designer/use-design-rules.ts b/packages/ui-vue/components/textarea/src/designer/use-design-rules.ts
index 402d2231dc7d4a1353a0cfb5e7359dd5292a96a6..eb4004363a3a582cd16d62ead795fed7b2e5c035 100644
--- a/packages/ui-vue/components/textarea/src/designer/use-design-rules.ts
+++ b/packages/ui-vue/components/textarea/src/designer/use-design-rules.ts
@@ -1,5 +1,5 @@
-/* eslint-disable no-use-before-define */
-/* eslint-disable max-len */
+ 
+ 
 import { ComponentSchema, DesignerComponentInstance, DesignerItemContext } from "../../../designer-canvas/src/types";
 import { UseDesignerRules } from "../../../designer-canvas/src/composition/types";
 import { TextareaProperty } from "../property-config/textarea.property-config";
diff --git a/packages/ui-vue/components/textarea/src/textarea.props.ts b/packages/ui-vue/components/textarea/src/textarea.props.ts
index 55a3cd19004d379347fdefa324975ef12bc864f2..f460f8e210d32614217e87a7ab01254525519dd8 100644
--- a/packages/ui-vue/components/textarea/src/textarea.props.ts
+++ b/packages/ui-vue/components/textarea/src/textarea.props.ts
@@ -18,7 +18,6 @@ import { createPropsResolver } from '../../dynamic-resolver';
 import { schemaMapper } from './schema/schema-mapper';
 import textareaSchema from './schema/textarea.schema.json';
 import { schemaResolver } from './schema/schema-resolver';
-import propertyConfig from './property-config/textarea.property-config.json';
 
 export const textAreaProps = {
     /** 自动聚焦 */
diff --git a/packages/ui-vue/components/time-picker/index.ts b/packages/ui-vue/components/time-picker/index.ts
index 2aa102b40a206722db53eb3ba727d042a3a9a369..f933829e8db9b0ee9ffc8ebe1115c346f2bf5204 100644
--- a/packages/ui-vue/components/time-picker/index.ts
+++ b/packages/ui-vue/components/time-picker/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import type { App, Plugin } from 'vue';
 import FTimePicker from './src/time-picker.component';
 import FTimePickerTimeView from './src/components/time.component';
diff --git a/packages/ui-vue/components/time-picker/src/components/time.component.tsx b/packages/ui-vue/components/time-picker/src/components/time.component.tsx
index b4e03e6e5b0349ddb9ee4d6cca359ac3c238a6a3..008d94819e9dbd8ac2ea9c99dcb453b4a4c99b65 100644
--- a/packages/ui-vue/components/time-picker/src/components/time.component.tsx
+++ b/packages/ui-vue/components/time-picker/src/components/time.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /* eslint-disable no-use-before-define */
 import { SetupContext, computed, defineComponent, onMounted, ref, watch } from 'vue';
 import { TimeProps, timeProps } from './time.props';
diff --git a/packages/ui-vue/components/time-picker/src/composition/use-scroll-to-selected.ts b/packages/ui-vue/components/time-picker/src/composition/use-scroll-to-selected.ts
index 93f539c1731090c6f2ce7cfe5eb059c6da28fc67..ca7310398549deb4f927f1fe4b8515b0bb8aa730 100644
--- a/packages/ui-vue/components/time-picker/src/composition/use-scroll-to-selected.ts
+++ b/packages/ui-vue/components/time-picker/src/composition/use-scroll-to-selected.ts
@@ -1,6 +1,6 @@
 /* eslint-disable no-use-before-define */
-/* eslint-disable default-param-last */
-/* eslint-disable max-len */
+ 
+ 
 import { Ref, SetupContext, ref } from "vue";
 import { TimeProps } from "../components/time.props";
 import { useReqAnimationFrame } from "../../../common";
diff --git a/packages/ui-vue/components/time-picker/src/composition/utils.ts b/packages/ui-vue/components/time-picker/src/composition/utils.ts
index 3f66848f2344d53aa0ad5f82e71a0d82f864175f..0a2edb28683cadf6243f385f274f5539da84fe2d 100644
--- a/packages/ui-vue/components/time-picker/src/composition/utils.ts
+++ b/packages/ui-vue/components/time-picker/src/composition/utils.ts
@@ -58,4 +58,4 @@ export function getRealFormat(format:string,use12Hours:boolean){
         newFormat = newFormat ? newFormat.replace(/h/g, 'H') : 'HH:mm:ss';
     }
     return newFormat;
-}
\ No newline at end of file
+}
diff --git a/packages/ui-vue/components/time-picker/src/designer/use-design-rules.ts b/packages/ui-vue/components/time-picker/src/designer/use-design-rules.ts
index e9f07fe1aa00a8520e7a83ee6b88628c9b161355..f6fc3b3834fbf66a1e6b9c711425796a45a08924 100644
--- a/packages/ui-vue/components/time-picker/src/designer/use-design-rules.ts
+++ b/packages/ui-vue/components/time-picker/src/designer/use-design-rules.ts
@@ -1,5 +1,5 @@
-/* eslint-disable no-use-before-define */
-/* eslint-disable max-len */
+ 
+ 
 import { ComponentSchema, DesignerComponentInstance, DesignerItemContext } from "../../../designer-canvas/src/types";
 import { UseDesignerRules } from "../../../designer-canvas/src/composition/types";
 import { TimePickerProperty } from "../property-config/time-picker.property-config";
diff --git a/packages/ui-vue/components/time-picker/src/time-picker.props.ts b/packages/ui-vue/components/time-picker/src/time-picker.props.ts
index 021178bd1afec79075c846e25231d36a93769fa9..da4ba5b249f5526e1804082da258a5a6942e6e38 100644
--- a/packages/ui-vue/components/time-picker/src/time-picker.props.ts
+++ b/packages/ui-vue/components/time-picker/src/time-picker.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { ExtractPropTypes, PropType } from 'vue';
 import { createPropsResolver } from '../../dynamic-resolver';
 import { schemaMapper } from './schema/schema-mapper';
diff --git a/packages/ui-vue/components/time-picker/style.ts b/packages/ui-vue/components/time-picker/style.ts
index 2b4435a1c5ecc2a6edfe5601a3124706d4944e0b..e373ba608a73993b5b31c72d577b2483f40e7b7c 100644
--- a/packages/ui-vue/components/time-picker/style.ts
+++ b/packages/ui-vue/components/time-picker/style.ts
@@ -3,4 +3,4 @@ import "@farris/ui-vue/components/dependent-icon/style";
 import "@farris/ui-vue/components/input-group/style";
 import "@farris/ui-vue/components/button-edit/style";
 import "@farris/ui-vue/components/popover/style";
-import "@farris/ui-vue/theme-default/components/time-picker.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/time-picker.css";
diff --git a/packages/ui-vue/components/tooltip/src/tooltip.component.tsx b/packages/ui-vue/components/tooltip/src/tooltip.component.tsx
index f7c2ce0fcb0886f49923b9c445048df0a90cbd2d..28020493d6b7bdce6be1671e1a0e0b068341936d 100644
--- a/packages/ui-vue/components/tooltip/src/tooltip.component.tsx
+++ b/packages/ui-vue/components/tooltip/src/tooltip.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/tooltip/src/tooltip.directive.tsx b/packages/ui-vue/components/tooltip/src/tooltip.directive.tsx
index a8a5d903a6939f5bc5205f63d4e3079f8b5eab19..98b2492973775de4a0976ea103f0e7403e1d3ee9 100644
--- a/packages/ui-vue/components/tooltip/src/tooltip.directive.tsx
+++ b/packages/ui-vue/components/tooltip/src/tooltip.directive.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/indent */
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/tooltip/style.ts b/packages/ui-vue/components/tooltip/style.ts
index 08b46891ea84775a6cfb64d81f60974871a33a76..516348d6a9443682bcd5a11fe3ccd74424083248 100644
--- a/packages/ui-vue/components/tooltip/style.ts
+++ b/packages/ui-vue/components/tooltip/style.ts
@@ -1,2 +1,2 @@
 import "@farris/ui-vue/components/dependent-base/style";
-import "@farris/ui-vue/theme-default/components/tooltip.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/tooltip.css";
diff --git a/packages/ui-vue/components/transfer/index.ts b/packages/ui-vue/components/transfer/index.ts
index 187008985dd21b26dc792315dec5f26089ffc2a5..4733fd6b449b8521c70b5df7d49c99063617ea77 100644
--- a/packages/ui-vue/components/transfer/index.ts
+++ b/packages/ui-vue/components/transfer/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { App } from 'vue';
 import FTransfer from './src/transfer.component';
 import FTransferDesign from './src/designer/transfer.design.component';
diff --git a/packages/ui-vue/components/transfer/src/transfer.props.ts b/packages/ui-vue/components/transfer/src/transfer.props.ts
index 0c14dbf72c735a2ed66780512cc6824c24254e23..4a1404094db7f5fe9ee4aa5dd7339471b4b4bdad 100644
--- a/packages/ui-vue/components/transfer/src/transfer.props.ts
+++ b/packages/ui-vue/components/transfer/src/transfer.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { ExtractPropTypes } from "vue";
 import { schemaMapper } from './schema/schema-mapper';
 import { schemaResolver } from './schema/schema-resolver';
diff --git a/packages/ui-vue/components/transfer/style.ts b/packages/ui-vue/components/transfer/style.ts
index 504099ccea7b4ed90eb0bbed9b7a5c81faf84307..3d003027895a84c260dbf6ab717cef2a5a81d4e2 100644
--- a/packages/ui-vue/components/transfer/style.ts
+++ b/packages/ui-vue/components/transfer/style.ts
@@ -5,4 +5,4 @@ import "@farris/ui-vue/components/input-group/style";
 import "@farris/ui-vue/components/button-edit/style";
 import "@farris/ui-vue/components/checkbox/style";
 import "@farris/ui-vue/components/list-view/style";
-import "@farris/ui-vue/theme-default/components/transfer.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/transfer.css";
diff --git a/packages/ui-vue/components/tree-grid/index.ts b/packages/ui-vue/components/tree-grid/index.ts
index 123c6228a398082f16a0db877107570478e8ffc8..2e7721c1d6b082d9ea5e7dfa7a2395fa72e4c24e 100644
--- a/packages/ui-vue/components/tree-grid/index.ts
+++ b/packages/ui-vue/components/tree-grid/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/tree-grid/src/components/data/data-area.component.tsx b/packages/ui-vue/components/tree-grid/src/components/data/data-area.component.tsx
index 1a2243027e012ce66c68c6cbeadf3e0ff8e7588d..248cdb1a161602454ee4456f0ab4c7aee2414809 100644
--- a/packages/ui-vue/components/tree-grid/src/components/data/data-area.component.tsx
+++ b/packages/ui-vue/components/tree-grid/src/components/data/data-area.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/tree-grid/src/designer/column-header.design.component.tsx b/packages/ui-vue/components/tree-grid/src/designer/column-header.design.component.tsx
index 3674ed6ce9de73514b2a67f2cf8013f890e867a4..fac0f9cb35dbe66d136763f14211416cae25d367 100644
--- a/packages/ui-vue/components/tree-grid/src/designer/column-header.design.component.tsx
+++ b/packages/ui-vue/components/tree-grid/src/designer/column-header.design.component.tsx
@@ -1,3 +1,4 @@
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
@@ -36,7 +37,7 @@ import FCheckBox from '../../../checkbox/src/checkbox.component';
 import FDesignerItem from '../../../designer-canvas/src/components/designer-item.component';
 import { DesignerItemContext } from '../../../designer-canvas';
 export default function (
-    designItemContext:DesignerItemContext,
+    designItemContext: DesignerItemContext,
     props: DataViewOptions,
     gridContentRef: Ref<any>,
     leftFixedGridContentRef: Ref<any>,
@@ -73,7 +74,7 @@ export default function (
             left: `${headerCell.left}px`,
             top: `${(headerCell.layer - 1) * gridHeaderCellHeight}px`,
             width: `${headerCell.actualWidth}px`,
-            padding:0
+            padding: 0
         } as Record<string, any>;
         if (columnContext.value.headerDepth > 1) {
             styleObject['line-height'] = `${headerCell.depth * gridHeaderCellHeight}px`;
@@ -107,22 +108,22 @@ export default function (
     const shouldShowGridSettings = function (headerCell: HeaderCell) {
         return props.showSetting && !!headerCell.showSetting;
     };
-    function onSelectionChange(contentType,schema,componentId,componentInstance) {
-        designItemContext?.setupContext?.emit('selectionChange', contentType,schema,componentId,componentInstance);
+    function onSelectionChange(contentType, schema, componentId, componentInstance) {
+        designItemContext?.setupContext?.emit('selectionChange', contentType, schema, componentId, componentInstance);
     }
-    function getColumnSchema(fieldName){
-     const columnKey=designItemContext.schema.hasOwnProperty('fields')?'fields':'columns';
-      const columnSchema=designItemContext.schema[columnKey].find(item=>item.dataField==fieldName);
-      return Object.assign(columnSchema,{type:"data-grid-column"})
+    function getColumnSchema(fieldName) {
+        const columnKey = Object.prototype.hasOwnProperty.call(designItemContext.schema, 'fields') ? 'fields' : 'columns';
+        const columnSchema = designItemContext.schema[columnKey].find(item => item.dataField === fieldName);
+        return Object.assign(columnSchema, { type: "data-grid-column" });
     }
     function renderGridHeaderCell(headerCell: HeaderCell, headerCells: HeaderCell[], columnIndex: number) {
         // const columnSchema=getColumnSchema(headerCell.field);
-        let columnSchema = headerCell.column;
+        const columnSchema = headerCell.column;
         return (
             <div
                 class="fv-grid-header-cell"
                 style={headerCellPosition(headerCell, columnIndex)}>
-                <FDesignerItem  v-model={columnSchema} customClass={'w-100 d-flex align-item-center justify-content-center'} canAdd={false} canDelete={false} canMove={false} key={columnSchema?.id} type="data-grid-column" componentId={props['componentId']}  onSelectionChange={onSelectionChange}>
+                <FDesignerItem v-model={columnSchema} customClass={'w-100 d-flex align-item-center justify-content-center'} canAdd={false} canDelete={false} canMove={false} key={columnSchema?.id} type="data-grid-column" componentId={props['componentId']} onSelectionChange={onSelectionChange}>
                 </FDesignerItem>
             </div>
         );
diff --git a/packages/ui-vue/components/tree-grid/src/designer/tree-grid.design.component.tsx b/packages/ui-vue/components/tree-grid/src/designer/tree-grid.design.component.tsx
index 8068e6f0be9a629f7884ba15511480ac037263d2..5a8b09c29d2d55fc8a5da6a49fb985db26d3ebec 100644
--- a/packages/ui-vue/components/tree-grid/src/designer/tree-grid.design.component.tsx
+++ b/packages/ui-vue/components/tree-grid/src/designer/tree-grid.design.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
@@ -18,13 +18,13 @@ import { computed, defineComponent, onUnmounted, onMounted, ref, nextTick, watch
 import { useResizeObserver } from '@vueuse/core';
 import { TreeGridDesignProps, treeGridDesignProps } from '../tree-grid.props';
 import {
-     getDisableMask, getHorizontalScrollbar, getSidebar, getVerticalScrollbar,
+    getDisableMask, getHorizontalScrollbar, getSidebar, getVerticalScrollbar,
     DataViewOptions, useDataView, useDataViewContainerStyle, useEdit, useHierarchy, useVirtualScroll,
     useVisualData, useVisualDataBound, useVisualDataCell, useVisualDataRow, useSelection,
     useGroupData, useFilter, useColumn, useFitColumn, useSort,
     useSidebar, useFilterHistory, useColumnFilter, useRow, useDragColumn, VisualData,
     useCellPosition, useCommandColumn, useSelectHierarchyItem, DataColumn,
-    useIdentify,useGroupColumn,
+    useIdentify, useGroupColumn,
     useLoading,
     getEmpty,
     usePagination
@@ -50,12 +50,12 @@ export default defineComponent({
         const visibleDatas = ref<VisualData[]>([]);
         const mouseInContent = ref(false);
         const wrapContent = ref(props.rowOption?.wrapContent || false);
-        const designerHostService=inject('designer-host-service');
+        const designerHostService = inject('designer-host-service');
         const designItemContext = inject<DesignerItemContext>('design-item-context') as DesignerItemContext;
         const designerRulesComposition = useDesignerRulesForTreeGrid(designItemContext, designerHostService);
-        const componentInstance = useDesignerComponent(elementRef, designItemContext,designerRulesComposition);
+        const componentInstance = useDesignerComponent(elementRef, designItemContext, designerRulesComposition);
         // 为设计时的外层容器FDesignerItem增加样式
-        componentInstance.value['designerClass']='f-utils-fill-flex-column';
+        componentInstance.value['designerClass'] = 'f-utils-fill-flex-column';
         const useIdentifyComposition = useIdentify(props as DataViewOptions);
         const useGroupDataComposition = useGroupData(props as DataViewOptions, useIdentifyComposition);
         const useFilterComposition = useFilter();
@@ -63,7 +63,7 @@ export default defineComponent({
         const usePaginationComposition = usePagination(props);
         const treeDataView = useDataView(props as DataViewOptions, new Map(), useHierarchyComposition, useIdentifyComposition, usePaginationComposition);
         const useSelectionComposition = useSelection(props as DataViewOptions, treeDataView, useIdentifyComposition, visibleDatas, context as SetupContext);
-        const useSelectHierarchyItemComposition = useSelectHierarchyItem(props as DataViewOptions, visibleDatas, useIdentifyComposition, useSelectionComposition, context as SetupContext,treeDataView);
+        const useSelectHierarchyItemComposition = useSelectHierarchyItem(props as DataViewOptions, visibleDatas, useIdentifyComposition, useSelectionComposition, context as SetupContext);
         const visibleCapacity = computed(() => {
             return Math.min(treeDataView.dataView.value.length, defaultVisibleCapacity);
         });
@@ -82,7 +82,7 @@ export default defineComponent({
 
         const useGroupColumnComposition = useGroupColumn(props as DataViewOptions, columnContext);
 
-        const useEditComposition = useEdit(props as DataViewOptions,context as SetupContext, useIdentifyComposition);
+        const useEditComposition = useEdit(props as DataViewOptions, context as SetupContext, useIdentifyComposition);
 
         const useVisualDataBoundComposition = useVisualDataBound();
 
diff --git a/packages/ui-vue/components/tree-grid/src/designer/use-designer-rules.ts b/packages/ui-vue/components/tree-grid/src/designer/use-designer-rules.ts
index d992a3e660f5387b584deed651ca7b178a262a58..1a5a3d87f4a8ecb8f68e0c57e16ddd5dc3906a33 100644
--- a/packages/ui-vue/components/tree-grid/src/designer/use-designer-rules.ts
+++ b/packages/ui-vue/components/tree-grid/src/designer/use-designer-rules.ts
@@ -1,5 +1,5 @@
-/* eslint-disable max-len */
-/* eslint-disable complexity */
+ 
+ 
 import { ref } from "vue";
 // import { useDesignerRules } from "../../../component/src/designer/use-designer-rules";
 import { DraggingResolveContext, DesignerHTMLElement, UseDesignerRules } from "../../../designer-canvas/src/composition/types";
diff --git a/packages/ui-vue/components/tree-grid/src/property-config/tree-grid.property-config.ts b/packages/ui-vue/components/tree-grid/src/property-config/tree-grid.property-config.ts
index 8c5eadd24c573161cb0a664d25f0f3f771e9f2da..7a341ac7e1025e1b00f0176a25f9cbd7cbfbf5a4 100644
--- a/packages/ui-vue/components/tree-grid/src/property-config/tree-grid.property-config.ts
+++ b/packages/ui-vue/components/tree-grid/src/property-config/tree-grid.property-config.ts
@@ -48,7 +48,7 @@ export class TreeGridProperty extends BaseControlProperty {
     }
 
     private getAppearanceProperties(propertyData: any) {
-        var self = this;
+        const self = this;
         this.propertyConfig.categories['appearance'] = {
             title: '外观',
             properties: {
@@ -167,7 +167,7 @@ export class TreeGridProperty extends BaseControlProperty {
                     type: 'boolean'
                 }
             }
-        }
+        };
     }
 
     private getEventPropConfig(propertyData: any) {
@@ -261,7 +261,7 @@ export class TreeGridProperty extends BaseControlProperty {
         //     isAddControllerMethod: false,
         //     getEventList: () => { return { events, boundEventsList: [] }; }
         // };
-        var self = this;
+        const self = this;
         const initialData = self.eventsEditorUtils['formProperties'](propertyData, self.viewModelId, events);
         const properties = {};
         properties[self.viewModelId] = {
diff --git a/packages/ui-vue/components/tree-grid/src/schema/schema-resolver.ts b/packages/ui-vue/components/tree-grid/src/schema/schema-resolver.ts
index c0c00efd5878ec7ceb0ee263efadb8751ca79c90..49e4b6aad28e3971df4c502f09bf0114511557cd 100644
--- a/packages/ui-vue/components/tree-grid/src/schema/schema-resolver.ts
+++ b/packages/ui-vue/components/tree-grid/src/schema/schema-resolver.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { ComponentSchema, DesignerComponentInstance } from "../../../designer-canvas/src/types";
 import { DynamicResolver } from "../../../dynamic-resolver";
 
diff --git a/packages/ui-vue/components/tree-grid/src/tree-grid.component.tsx b/packages/ui-vue/components/tree-grid/src/tree-grid.component.tsx
index e15188b04a10a7e22d54b466ff80ee6b29400c40..b8d7c98cdaf556c7d56635270c47002cde6b9993 100644
--- a/packages/ui-vue/components/tree-grid/src/tree-grid.component.tsx
+++ b/packages/ui-vue/components/tree-grid/src/tree-grid.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
@@ -234,7 +234,7 @@ export default defineComponent({
                 });
             }
             if (showLoading.value) {
-                // eslint-disable-next-line no-use-before-define, vue/no-ref-as-operand
+                 
                 renderLoading();
             }
         });
diff --git a/packages/ui-vue/components/tree-grid/src/tree-grid.props.ts b/packages/ui-vue/components/tree-grid/src/tree-grid.props.ts
index b815f1448955937ff1116e721e546ac3714b079a..456a9cdcee10b74ac849e2f775907710a190fd0d 100644
--- a/packages/ui-vue/components/tree-grid/src/tree-grid.props.ts
+++ b/packages/ui-vue/components/tree-grid/src/tree-grid.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/tree-grid/style.ts b/packages/ui-vue/components/tree-grid/style.ts
index 1cfcf187dbd9ba902cd3a3adbd14094fd4c88a33..bf47397f0a7c12b67f45a36e6cc1e961c94bdf69 100644
--- a/packages/ui-vue/components/tree-grid/style.ts
+++ b/packages/ui-vue/components/tree-grid/style.ts
@@ -1,3 +1,3 @@
 import "@farris/ui-vue/components/dependent-base/style";
 import "@farris/ui-vue/components/tree-view/style";
-import "@farris/ui-vue/theme-default/components/tree-grid.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/tree-grid.css";
diff --git a/packages/ui-vue/components/tree-view/index.ts b/packages/ui-vue/components/tree-view/index.ts
index 3639a3a744c1edf2216d17ff574dfd6cf02724b4..cca30a1cfbe701bb569f4735c9df550a9de4ede0 100644
--- a/packages/ui-vue/components/tree-view/index.ts
+++ b/packages/ui-vue/components/tree-view/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import FTreeView from './src/tree-view.component';
 import FTreeViewDesign from './src/designer/tree-view.design.component';
 
diff --git a/packages/ui-vue/components/tree-view/src/components/data/tree-area.component.tsx b/packages/ui-vue/components/tree-view/src/components/data/tree-area.component.tsx
index 472fcbf17b7dfcee3d90777ff54357dca1375438..f5917241cba716aba0d7bf56553f36309b51fe7b 100644
--- a/packages/ui-vue/components/tree-view/src/components/data/tree-area.component.tsx
+++ b/packages/ui-vue/components/tree-view/src/components/data/tree-area.component.tsx
@@ -1,5 +1,5 @@
-/* eslint-disable no-use-before-define */
-/* eslint-disable max-len */
+
+
 import { Ref, ref, SetupContext } from 'vue';
 import { TreeViewProps } from '../../tree-view.props';
 import { DataViewOptions, UseCellPosition, UseColumn, UseDataView, UseEdit, UseHierarchy, UseRow, UseSelectHierarchyItem, UseSelection, UseVirtualScroll, UseVisualData, VisualData, getHierarchyRow } from '../../../../data-view';
@@ -35,7 +35,7 @@ export default function (
         return visibleDatas.value
             .filter((visualData: VisualData) => visualData.visible !== false)
             .map((visualDataRow: VisualData) => {
-                return renderDataRow(visualDataRow, cellPositionMap);
+                return renderDataRow(visualDataRow, cellPositionMap, 'primary', columnContext.value.primaryColumns);
             });
     }
 
diff --git a/packages/ui-vue/components/tree-view/src/designer/tree-view.design.component.tsx b/packages/ui-vue/components/tree-view/src/designer/tree-view.design.component.tsx
index e1d667e4cc10ae24ded9eb0c062cf632dbdaaf86..c640ca438d4ae80d3f44614cf34d8a7068a0f964 100644
--- a/packages/ui-vue/components/tree-view/src/designer/tree-view.design.component.tsx
+++ b/packages/ui-vue/components/tree-view/src/designer/tree-view.design.component.tsx
@@ -1,5 +1,5 @@
-/* eslint-disable max-len */
-/* eslint-disable no-use-before-define */
+ 
+ 
 import { Ref, SetupContext, computed, defineComponent, inject, ref } from 'vue';
 import { TreeViewProps, treeViewProps } from '../tree-view.props';
 import { DataViewOptions, UseCellEditor, VisualData, useCellPosition, useColumn, useDataView, useDataViewContainerStyle, useEdit, useHierarchy, useIdentify, usePagination, useRow, useSelectHierarchyItem, useSelection, useVirtualScroll, useVisualData, useVisualDataBound, useVisualDataCell, useVisualDataRow } from '../../../data-view';
diff --git a/packages/ui-vue/components/tree-view/src/tree-view.component.tsx b/packages/ui-vue/components/tree-view/src/tree-view.component.tsx
index bb639604503080d955f56dbde6076b9641acda63..c90b1f26f52cfa5c5fb45c13d7c02646b588d063 100644
--- a/packages/ui-vue/components/tree-view/src/tree-view.component.tsx
+++ b/packages/ui-vue/components/tree-view/src/tree-view.component.tsx
@@ -1,5 +1,5 @@
-/* eslint-disable max-len */
-/* eslint-disable no-use-before-define */
+ 
+ 
 import { Ref, SetupContext, computed, defineComponent, ref, watch } from 'vue';
 import { TreeViewProps, treeViewProps } from './tree-view.props';
 import {
@@ -24,7 +24,7 @@ export default defineComponent({
         /** 处理树状数据 */
         const treeDataView = useDataView(props as DataViewOptions, new Map(), useHierarchyCompostion, useIdentifyComposition, usePaginationComposition);
         const useSelectionComposition = useSelection(props as DataViewOptions, treeDataView, useIdentifyComposition, visibleDatas, context);
-        const useSelectHierarchyItemComposition = useSelectHierarchyItem(props as DataViewOptions, visibleDatas, useIdentifyComposition, useSelectionComposition, context,treeDataView);
+        const useSelectHierarchyItemComposition = useSelectHierarchyItem(props as DataViewOptions, visibleDatas, useIdentifyComposition, useSelectionComposition, context);
 
         const treeClass = computed(() => {
             const classObject = {
diff --git a/packages/ui-vue/components/tree-view/src/tree-view.props.ts b/packages/ui-vue/components/tree-view/src/tree-view.props.ts
index 694e140f5e5f7286fabc427b7f495d285743d588..e0fa97e3f550644426cb9deaef4c2841508b2e6e 100644
--- a/packages/ui-vue/components/tree-view/src/tree-view.props.ts
+++ b/packages/ui-vue/components/tree-view/src/tree-view.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { ExtractPropTypes, PropType } from 'vue';
 import { schemaMapper } from './schema/schema-mapper';
 import { schemaResolver } from './schema/schema-resolver';
diff --git a/packages/ui-vue/components/tree-view/style.ts b/packages/ui-vue/components/tree-view/style.ts
index 87be6bcfa8a3c96ec774ada9caeb857018edbef2..90f709367046020dd69f4c3a5ebd23f33298775f 100644
--- a/packages/ui-vue/components/tree-view/style.ts
+++ b/packages/ui-vue/components/tree-view/style.ts
@@ -1,3 +1,3 @@
 import "@farris/ui-vue/components/dependent-base/style";
-import "@farris/ui-vue/components/data-grid/css"
-import "@farris/ui-vue/theme-default/components/tree-view.css";
\ No newline at end of file
+import "@farris/ui-vue/components/data-grid/css";
+import "@farris/ui-vue/theme-default/components/tree-view.css";
diff --git a/packages/ui-vue/components/uploader/index.ts b/packages/ui-vue/components/uploader/index.ts
index 846508efd7f845e5f3c900740f42bcbd00c75dda..a2eaa73700806f8f7441a962d13e15bca1b53560 100644
--- a/packages/ui-vue/components/uploader/index.ts
+++ b/packages/ui-vue/components/uploader/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/uploader/src/components/preview-checkbox.component.tsx b/packages/ui-vue/components/uploader/src/components/preview-checkbox.component.tsx
index 443e80ca8bc2cfd2ee1e3a99127d7d4e5051cbe1..a9c5668a8165342757fc95d203853bd27916c019 100644
--- a/packages/ui-vue/components/uploader/src/components/preview-checkbox.component.tsx
+++ b/packages/ui-vue/components/uploader/src/components/preview-checkbox.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { defineComponent, ref, toRefs, watch } from 'vue';
 import { PreviewCheckboxProps, previewCheckboxProps } from './sub-component.props';
 
diff --git a/packages/ui-vue/components/uploader/src/components/upload-progress.component.tsx b/packages/ui-vue/components/uploader/src/components/upload-progress.component.tsx
index 5b975b866018fbcaf13067bc4fc16b3fa6a2908a..133cfb9ed1cc6ee190abda00eec97d40b7757640 100644
--- a/packages/ui-vue/components/uploader/src/components/upload-progress.component.tsx
+++ b/packages/ui-vue/components/uploader/src/components/upload-progress.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { defineComponent,  SetupContext, toRefs } from 'vue';
 import { UploadProgressProps, uploadProgressProps } from './sub-component.props';
 
diff --git a/packages/ui-vue/components/uploader/src/composition/type.ts b/packages/ui-vue/components/uploader/src/composition/type.ts
index 07182e61555200ecfd2d0f17980c17944e094973..b67369ce77acdb1fe3394b4cdc5e748674e32da5 100644
--- a/packages/ui-vue/components/uploader/src/composition/type.ts
+++ b/packages/ui-vue/components/uploader/src/composition/type.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 
 export interface UploaderOptions {
     concurrency?: number;
diff --git a/packages/ui-vue/components/uploader/src/composition/use-uploader.ts b/packages/ui-vue/components/uploader/src/composition/use-uploader.ts
index c59c93d40246443d0d464c6019509eb72e351d3a..d4421e28f503c6e5df709a55828e5c95641943c3 100644
--- a/packages/ui-vue/components/uploader/src/composition/use-uploader.ts
+++ b/packages/ui-vue/components/uploader/src/composition/use-uploader.ts
@@ -1,5 +1,5 @@
 /* eslint-disable no-prototype-builtins */
-import { Ref, SetupContext, computed, inject, onUnmounted, ref, toRefs,watch } from 'vue';
+import { Ref, SetupContext, computed, onUnmounted, ref, toRefs, watch } from 'vue';
 import { UploaderProps } from '../uploader.props';
 import { FUploadFileExtend, FUploadPreviewColumn, UploadFile, UploadInput, UploadOutput, UploadType } from './type';
 import {
@@ -12,7 +12,7 @@ import FFileSelect from '../components/file-select.component';
 import { UploaderService } from '../service/uploader-service';
 
 export function useUploader(props: UploaderProps, ctx: SetupContext, fileSelectRef: Ref<typeof FFileSelect | null>) {
- 
+
 
     // 获取服务
     const notifyService = GetService.getNotify(props.notifyServiceToken);
@@ -45,9 +45,8 @@ export function useUploader(props: UploaderProps, ctx: SetupContext, fileSelectR
     // 记录当前行的ID
     const previewCurrentId = ref("");
 
-    const innerFileInfos=ref(formatFileInfos(fileInfos.value));
     // 格式化数据
-    function formatFileInfos(datas){
+    function formatFileInfos(datas) {
         // 处理其他数据切换引起数据源的变更
         if (!datas.length || previewMultiSelected.value.length !== datas.length) {
             previewSelectAllBtnChecked.value = false;
@@ -64,7 +63,7 @@ export function useUploader(props: UploaderProps, ctx: SetupContext, fileSelectR
             }
             return item;
         });
-        const formatValue=[...newFileInfos];
+        const formatValue = [...newFileInfos];
         formatValue.sort(sortPreviewData(orderField.value));
         if (previewEnableMulti.value) {
             previewMultiSelected.value = [...formatValue].filter((n) => n.checked);
@@ -72,10 +71,10 @@ export function useUploader(props: UploaderProps, ctx: SetupContext, fileSelectR
         return formatValue;
     };
 
+    const innerFileInfos = ref(formatFileInfos(fileInfos.value));
 
-
-    watch(()=>props.fileInfos,(newValue)=>{
-        innerFileInfos.value= formatFileInfos(newValue);
+    watch(() => props.fileInfos, (newValue) => {
+        innerFileInfos.value = formatFileInfos(newValue);
     });
     /**
      * 下载
@@ -103,20 +102,20 @@ export function useUploader(props: UploaderProps, ctx: SetupContext, fileSelectR
      * @param event
      * @param fileInfo
      */
-    const fileRemoveHandler = (ev: Event, fileInfo: FUploadFileExtend,uploaderService:UploaderService) => {
+    const fileRemoveHandler = (ev: Event, fileInfo: FUploadFileExtend, uploaderService: UploaderService) => {
         // ev.stopImmediatePropagation();
         if (fileInfo.checked) {
             previewMultiSelected.value = previewMultiSelected.value.filter((n) => n.id !== fileInfo.id);
         }
         ctx.emit('fileRemoveEvent', fileInfo);
-        uploaderService.handleUploadEvent({ type: "remove", file:fileInfo });
+        uploaderService.handleUploadEvent({ type: "remove", file: fileInfo });
     };
 
     /**
      * 找到模版
      */
     const hasColumnHtmlFunc = (columnInfo: FUploadPreviewColumn, type = 'preview') => {
-        if(columnInfo.formatter){
+        if (columnInfo.formatter) {
             return true;
         }
         if (type === 'preview') {
@@ -357,10 +356,10 @@ export function useUploader(props: UploaderProps, ctx: SetupContext, fileSelectR
             ctx.emit('uploadDoneEvent', changeUploadFileToFileExtend(output.files as UploadFile[] || []));
         } else if (output.type === 'cancelled' || output.type === 'removed' || output.type === 'error') {
             // 删除或者移除文件
-            const filterRemovedFiles= fileInfos.value.filter((fileOutput: FUploadFileExtend) => {
+            const filterRemovedFiles = fileInfos.value.filter((fileOutput: FUploadFileExtend) => {
                 return output.files && output.files.findIndex((item) => fileOutput.id === item.id) < 0;
             });
-            fileInfos.value =[...filterRemovedFiles];
+            fileInfos.value = [...filterRemovedFiles];
             // 给出提示
             showNotify(output);
         } else if (output.type === 'rejected' && typeof output.file !== 'undefined') {
diff --git a/packages/ui-vue/components/uploader/src/composition/utils.ts b/packages/ui-vue/components/uploader/src/composition/utils.ts
index 118a4ab26b7fac78a4a49bbc1c3207596b2ff326..e3d092b97458e029de7ca3e1ec10f44feac4231d 100644
--- a/packages/ui-vue/components/uploader/src/composition/utils.ts
+++ b/packages/ui-vue/components/uploader/src/composition/utils.ts
@@ -1,6 +1,5 @@
-/* eslint-disable guard-for-in */
-/* eslint-disable no-restricted-syntax */
-/* eslint-disable @typescript-eslint/indent */
+ 
+ 
 /* eslint-disable no-prototype-builtins */
 import { useDateFormat } from "../../../common";
 import { UploaderOptions, UploadFile, UploadStatus, FUploadFileExtend, UploadOutput } from "./type";
diff --git a/packages/ui-vue/components/uploader/src/designer/uploader.design.component.tsx b/packages/ui-vue/components/uploader/src/designer/uploader.design.component.tsx
index 7c63fec7248b1ee6372d0d2b3666fcf3d50f7c5b..28ef40e04487a65edbeeb843625bdbc023d2dc9a 100644
--- a/packages/ui-vue/components/uploader/src/designer/uploader.design.component.tsx
+++ b/packages/ui-vue/components/uploader/src/designer/uploader.design.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { Ref, SetupContext, defineComponent, inject, onBeforeMount, onMounted, ref } from 'vue';
 import FUploadProgress from '../components/upload-progress.component';
 import FPreviewCheckbox from '../components/preview-checkbox.component';
diff --git a/packages/ui-vue/components/uploader/src/service/default-service.ts b/packages/ui-vue/components/uploader/src/service/default-service.ts
index d6e176951eb27161e1a3f6fbd099cb56578ae639..5e51a7e0d2a5e856bd32865d315f10472a73e82e 100644
--- a/packages/ui-vue/components/uploader/src/service/default-service.ts
+++ b/packages/ui-vue/components/uploader/src/service/default-service.ts
@@ -100,7 +100,7 @@ export class UploaderDefaultService extends UploadServerAPI {
                 reject(e);
             }
 
-            // eslint-disable-next-line no-promise-executor-return
+             
             return () => {
                 xhr.abort();
             };
diff --git a/packages/ui-vue/components/uploader/src/service/uploader-service.ts b/packages/ui-vue/components/uploader/src/service/uploader-service.ts
index bde852805cd7e3fdc0c2b71c3d8011af4b2df747..47ffb708fbecc66a9cdbc50d522ff5301716026f 100644
--- a/packages/ui-vue/components/uploader/src/service/uploader-service.ts
+++ b/packages/ui-vue/components/uploader/src/service/uploader-service.ts
@@ -1,7 +1,10 @@
-/* eslint-disable @typescript-eslint/indent */
+ 
 /* eslint-disable no-prototype-builtins */
 /* eslint-disable no-case-declarations */
-import { FUploadFileExtend, UploadFile, UploadInput, UploadOutput, UploadServerAPI, UploadStatus, UploaderOptions } from "../composition/type";
+import {
+    FUploadFileExtend, UploadFile, UploadInput, UploadOutput,
+    UploadServerAPI, UploadStatus, UploaderOptions
+} from "../composition/type";
 import { isContentTypeAllowed, isFileSizeAllowed, makeUploadFile } from "../composition/utils";
 import { GetService } from "../composition/use-service";
 import { Ref, SetupContext } from "vue";
@@ -48,7 +51,7 @@ export class UploaderService {
                 );
                 if (!uploadOutput.hasOwnProperty("message")) {
                     uploadOutput.message = "被删除";
-                }                
+                }
                 this.stateChangeRecord.value = uploadOutput;
                 break;
             case 'error':
@@ -61,7 +64,7 @@ export class UploaderService {
             default:
                 this.uploadContext?.emit("stateChange", uploadOutput);
         }
-        
+
     }
 
     setOptions(options: UploaderOptions) {
@@ -195,7 +198,7 @@ export class UploaderService {
                     //     event
                     // });
                 }
-                this.serverMethod({ files:[event.file], event });
+                this.serverMethod({ files: [event.file], event });
                 break;
             case "removeAll":
                 // 此处是通过status的值来判断是否已上传
diff --git a/packages/ui-vue/components/uploader/src/uploader.component.tsx b/packages/ui-vue/components/uploader/src/uploader.component.tsx
index 35db99f485e5f729b690b4f8f82e4ee577395d00..fc389706b7efa00783bc7c01503819edda5f5868 100644
--- a/packages/ui-vue/components/uploader/src/uploader.component.tsx
+++ b/packages/ui-vue/components/uploader/src/uploader.component.tsx
@@ -1,5 +1,4 @@
-/* eslint-disable @typescript-eslint/indent */
-/* eslint-disable max-len */
+ 
 import { SetupContext, defineComponent, inject, onBeforeMount, onMounted, ref, provide, computed, watch } from 'vue';
 import FUploadProgress from './components/upload-progress.component';
 import FPreviewCheckbox from './components/preview-checkbox.component';
@@ -30,15 +29,7 @@ export default defineComponent({
     setup(props: UploaderProps, context: SetupContext) {
         const fileStateChange = ref();
         const uploaderService = new UploaderService(fileStateChange, props.uploadServerToken);
-        watch(fileStateChange, (output) => {
-            handleStateChange(output);
-            switch (output.type) {
-                case 'removed':
-                    context.emit('fileRemovedEvent', output.files[0]);
-                    break;
-                default:
-            }
-        });
+
         // 赋值
         provide('uploaderService', uploaderService);
         // 自定义信息
@@ -80,6 +71,17 @@ export default defineComponent({
             showPreviewStateColumn,
             fileDownloadHandler, filePreviewHandler, fileRemoveHandler,
             handleStateChange } = useUploader(props, context as SetupContext, fileSelectRef);
+
+        watch(fileStateChange, (output) => {
+            handleStateChange(output);
+            switch (output.type) {
+                case 'removed':
+                    context.emit('fileRemovedEvent', output.files[0]);
+                    break;
+                default:
+            }
+        });
+
         /**
          * 是否存在文件信息
          */
@@ -212,7 +214,7 @@ export default defineComponent({
         * @param fileInfo
         */
         function getFileStateHtml(state: string, fileInfo: UploadOutput | null) {
-            if (fileInfo && fileInfo.type == 'error') {
+            if (fileInfo && fileInfo.type === 'error') {
                 return (
                     <div class="uploadAndpreview--state-container">
                         <p class="upload-state--uploaded">
@@ -225,7 +227,7 @@ export default defineComponent({
             return (
                 <div class="uploadAndpreview--state-container">
                     {state === 'upload' ? (
-                        fileInfo && fileInfo.type != 'done' ?
+                        fileInfo && fileInfo.type !== 'done' ?
                             <p class="upload-state--uploading">
                                 <i class="f-icon f-icon-clock text-warning"></i>
                                 <span>正在上传...</span>
@@ -282,7 +284,7 @@ export default defineComponent({
             let result;
             state = state || 'preview';
             if (columnInfo.formatter) {
-                result = columnInfo.formatter(previewInfo[columnInfo.field] || '', state, state == 'preview' ? previewInfo : uploadInfo, columnInfo);
+                result = columnInfo.formatter(previewInfo[columnInfo.field] || '', state, state === 'preview' ? previewInfo : uploadInfo, columnInfo);
                 return result;
             }
             if (state === 'preview' && previewInfo) {
diff --git a/packages/ui-vue/components/uploader/style.ts b/packages/ui-vue/components/uploader/style.ts
index a8ac25b1dc73569ad93ad33ccc2e82accce6e40e..d4d45a29ddc7e96affbe7d5fc068cf93dfcbf2d8 100644
--- a/packages/ui-vue/components/uploader/style.ts
+++ b/packages/ui-vue/components/uploader/style.ts
@@ -3,4 +3,4 @@ import "@farris/ui-vue/components/dependent-icon/style";
 import "@farris/ui-vue/components/dependent-table/style";
 import "@farris/ui-vue/components/button/style";
 import "@farris/ui-vue/components/checkbox/style";
-import "@farris/ui-vue/theme-default/components/upload.css";
\ No newline at end of file
+import "@farris/ui-vue/theme-default/components/upload.css";
diff --git a/packages/ui-vue/components/verify-detail/index.ts b/packages/ui-vue/components/verify-detail/index.ts
index 788e6db271998f4b44aa6a7c90d4ad3b9523b58c..93ce0efdd251d03a244d218b749e614f569d749a 100644
--- a/packages/ui-vue/components/verify-detail/index.ts
+++ b/packages/ui-vue/components/verify-detail/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/verify-detail/src/composition/type.ts b/packages/ui-vue/components/verify-detail/src/composition/type.ts
index 402b8a4b92123497d86f4d787e826905d441a69a..6983a2181fb97ea325c78d983b7bb84eec7a1196 100644
--- a/packages/ui-vue/components/verify-detail/src/composition/type.ts
+++ b/packages/ui-vue/components/verify-detail/src/composition/type.ts
@@ -26,4 +26,4 @@ export interface VerifyTypeItem{
     id:string;
     type:string;
     title:string;
-}
\ No newline at end of file
+}
diff --git a/packages/ui-vue/components/verify-detail/src/designer/verify-detail.design.component.tsx b/packages/ui-vue/components/verify-detail/src/designer/verify-detail.design.component.tsx
index f807afe6fe9c839d8c1c10d8aa0a3d4df8bb88d1..e75d7f3bf5a0acd00fb99bcc3c480ba08160f8ad 100644
--- a/packages/ui-vue/components/verify-detail/src/designer/verify-detail.design.component.tsx
+++ b/packages/ui-vue/components/verify-detail/src/designer/verify-detail.design.component.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { SetupContext, computed, defineComponent, inject, onBeforeMount, onMounted, ref } from 'vue';
 import { verifyDetailProps, VerifyDetailProps } from '../verify-detail.props';
 import { DesignerItemContext } from '../../../designer-canvas/src/types';
@@ -51,7 +51,7 @@ export default defineComponent({
 
         /** 点击分组切换 */
         function showListContent(tab: any) {
-            if (tab.length <= 0) return;
+            if (tab.length <= 0) {return;}
             handleActiveList(tab.type);
             handleShowType(tab.type);
         }
diff --git a/packages/ui-vue/components/verify-detail/src/verify-detail.component.tsx b/packages/ui-vue/components/verify-detail/src/verify-detail.component.tsx
index b8e901f51ae357eb7cbdbfd52ce696928dc58925..a49989ed49491b69cae61c4f60c855d4b2c5f9a4 100644
--- a/packages/ui-vue/components/verify-detail/src/verify-detail.component.tsx
+++ b/packages/ui-vue/components/verify-detail/src/verify-detail.component.tsx
@@ -1,4 +1,5 @@
-/* eslint-disable max-len */
+/* eslint-disable prefer-destructuring */
+
 import { SetupContext, computed, defineComponent, onBeforeMount, ref } from 'vue';
 import { verifyDetailProps, VerifyDetailProps } from './verify-detail.props';
 
@@ -18,7 +19,7 @@ export default defineComponent({
         const showType = ref(props.showType);
         /** 表单验证的种类 */
         const verifyType = ref(props.verifyType);
-        const customClass=ref(props.customClass)
+        const customClass = ref(props.customClass);
 
         /** 显示详情 */
         function show() {
@@ -28,9 +29,9 @@ export default defineComponent({
 
         /** 处理列表的active状态 */
         function handleActiveList(type: any) {
-            if(!type&&verifyType.value&&verifyType.value.length>0){
-                type=verifyType.value[0]['type'];
-            }            
+            if (!type && verifyType.value && verifyType.value.length > 0) {
+                type = verifyType.value[0]['type'];
+            }
             verifyType.value?.forEach((item: any) => {
                 item.active = item.type === type;
             });
@@ -38,7 +39,7 @@ export default defineComponent({
 
         /** 处理列表优先展示的状态 */
         function handleShowType(type: string) {
-            type=type?type:_errorLists[0]['type'];
+            type = type ? type : _errorLists[0]['type'];
             _errorLists.forEach((item: any) => {
                 item.show = item.type === type;
             });
@@ -46,7 +47,7 @@ export default defineComponent({
 
         /** 点击分组切换 */
         function showListContent(tab: any) {
-            if (tab.length <= 0) return;
+            if (tab.length <= 0) { return; }
             handleActiveList(tab.type);
             handleShowType(tab.type);
         }
@@ -146,7 +147,7 @@ export default defineComponent({
 
         return () => {
             return (
-                <div class={validator?`f-verify-detail ${customClass.value}`:''}>
+                <div class={validator.value ? `f-verify-detail ${customClass.value}` : ''}>
                     {validator.value ? (<div class="f-verify-detail-content">
                         {verifyNums.value}
                         <div class="f-verify-form-main" hidden={!showList.value}>
diff --git a/packages/ui-vue/components/verify-detail/src/verify-detail.props.ts b/packages/ui-vue/components/verify-detail/src/verify-detail.props.ts
index 4c52ac3074459e417f692bf0d69b52b5985dad3a..696bca958433a27578c74aeab5db713389d2b1b3 100644
--- a/packages/ui-vue/components/verify-detail/src/verify-detail.props.ts
+++ b/packages/ui-vue/components/verify-detail/src/verify-detail.props.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { ExtractPropTypes } from 'vue';
 import { createPropsResolver } from '../../dynamic-resolver/src/props-resolver';
 import { schemaMapper } from './schema/schema-mapper';
diff --git a/packages/ui-vue/components/verify-detail/src/verify-detail.service.tsx b/packages/ui-vue/components/verify-detail/src/verify-detail.service.tsx
index 5cecb3c62b35fe14c3bd3e96f8144e623996ae25..7edc5f2e576938dedc6271e7dc10e122450272ea 100644
--- a/packages/ui-vue/components/verify-detail/src/verify-detail.service.tsx
+++ b/packages/ui-vue/components/verify-detail/src/verify-detail.service.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-unsafe-function-type */
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
@@ -18,11 +19,11 @@ import type { App } from 'vue';
 import { VerifyDetailProps } from './verify-detail.props';
 import VerifyDetail from './verify-detail.component';
 
-function initInstance(props: VerifyDetailProps,unmountFuc:Function,container:HTMLElement){
+function initInstance(props: VerifyDetailProps, unmountFuc: Function, container: HTMLElement) {
     const app: App = createApp({
         setup() {
             onUnmounted(() => {
-                unmountFuc&&unmountFuc();
+                unmountFuc && unmountFuc();
             });
             return () => <VerifyDetail {...props} ></VerifyDetail>;
         }
@@ -31,30 +32,30 @@ function initInstance(props: VerifyDetailProps,unmountFuc:Function,container:HTM
 }
 
 class VerifyDetailService {
-    static verifyContainer:HTMLElement | null = null;
-    static show(props: VerifyDetailProps,parent:HTMLElement|null): void {
+    static verifyContainer: HTMLElement | null = null;
+    static show(props: VerifyDetailProps, parent: HTMLElement | null): void {
         this.clear();
-        let maxHeight=0;
+        let maxHeight = 0;
         this.verifyContainer = document.createElement('div');
-        if(parent){
+        if (parent) {
             maxHeight = parent.offsetHeight - 110;
             parent.appendChild(this.verifyContainer);
-        }else{
-            maxHeight=document.documentElement.clientHeight -110;            
+        } else {
+            maxHeight = document.documentElement.clientHeight - 110;
             document.body.appendChild(this.verifyContainer);
         }
-        props['maxHeight']=props['maxHeight']?props['maxHeight']:maxHeight;
-        initInstance(props,this.clear,this.verifyContainer);
+        props['maxHeight'] = props['maxHeight'] ? props['maxHeight'] : maxHeight;
+        initInstance(props, this.clear, this.verifyContainer);
     }
-    static clear():void{
-        let container=this.verifyContainer;
+    static clear(): void {
+        let container = this.verifyContainer;
         if (container) {
             if (container.parentNode) {
                 container.parentNode.removeChild(container);
             }
-            container=null;
-          }
+            container = null;
+        }
     }
 }
 
-export default  VerifyDetailService;
+export default VerifyDetailService;
diff --git a/packages/ui-vue/components/video/index.ts b/packages/ui-vue/components/video/index.ts
index 4096461c8b067fd016fbf6a2bc1cd8083736deb4..bcf1e68ad73a0c133c995f384656ae709e9346fa 100644
--- a/packages/ui-vue/components/video/index.ts
+++ b/packages/ui-vue/components/video/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/video/src/designer/video.design.component.tsx b/packages/ui-vue/components/video/src/designer/video.design.component.tsx
index f4af50ac983bbaa8410864bc0b5b0890368b62f8..10d226150dbd12db72f48b3eb6ed5ec610fcf97f 100644
--- a/packages/ui-vue/components/video/src/designer/video.design.component.tsx
+++ b/packages/ui-vue/components/video/src/designer/video.design.component.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable no-use-before-define */
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
@@ -15,12 +14,13 @@
  * limitations under the License.
  * defination
  */
-import { computed, defineComponent, inject, onMounted, onUnmounted, ref, SetupContext } from 'vue';
+import { defineComponent, inject, onMounted, onUnmounted, ref, SetupContext } from 'vue';
 import { VideoProps, videoProps } from '../video.props';
 import { DesignerItemContext } from '../../../designer-canvas/src/types';
 import { useDesignerComponent } from '../../../designer-canvas/src/composition/function/use-designer-component';
 import { useDesignerRules } from '../../../component/src/designer/use-designer-rules';
 import { useViewport } from '../composition/use-viewport';
+import { DesignerHostService } from '../../../designer-canvas/src/composition/types';
 
 export default defineComponent({
     name: 'FVideoDesign',
@@ -28,7 +28,9 @@ export default defineComponent({
     setup(props: VideoProps, context: SetupContext) {
         const elementRef = ref();
         const designItemContext = inject<DesignerItemContext>('design-item-context') as DesignerItemContext;
-        const designerRulesComposition = useDesignerRules(designItemContext.schema, designItemContext.parent?.schema);
+        const designerHostService = inject('designer-host-service') as DesignerHostService;
+        // jumphere by sagi
+        const designerRulesComposition = useDesignerRules(designItemContext, designerHostService);
         const componentInstance = useDesignerComponent(elementRef, designItemContext, designerRulesComposition);
         const { width, height, destory } = useViewport(props, elementRef);
 
diff --git a/packages/ui-vue/components/video/src/video.component.tsx b/packages/ui-vue/components/video/src/video.component.tsx
index 9121ec2f20ccc1c34ab2bdfe983dcbfee4acb893..665bd14fad3c5703e983857b8aeac90ed2e34a5c 100644
--- a/packages/ui-vue/components/video/src/video.component.tsx
+++ b/packages/ui-vue/components/video/src/video.component.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable no-use-before-define */
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/weather/index.ts b/packages/ui-vue/components/weather/index.ts
index f0f31aefd59627b2de2add6ea69af49317725122..ef002072aef992fa6e4ea29b55132284912ce7a8 100644
--- a/packages/ui-vue/components/weather/index.ts
+++ b/packages/ui-vue/components/weather/index.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/weather/src/components/weather-city.component.tsx b/packages/ui-vue/components/weather/src/components/weather-city.component.tsx
index 34b82c83f3f620124dd66bb4af92fe1fd515bc32..d3f0bd667a6637f556030e67d7ea9ca9d83f72db 100644
--- a/packages/ui-vue/components/weather/src/components/weather-city.component.tsx
+++ b/packages/ui-vue/components/weather/src/components/weather-city.component.tsx
@@ -1,5 +1,5 @@
-/* eslint-disable no-use-before-define */
-/* eslint-disable max-len */
+ 
+ 
 import { computed, ref, SetupContext } from 'vue';
 import { WeatherProps } from '../weather.props';
 import { useWeatherData } from '../composition/use-weather-data';
diff --git a/packages/ui-vue/components/weather/src/components/weather-detail.component.tsx b/packages/ui-vue/components/weather/src/components/weather-detail.component.tsx
index fc8c5622543281eae64f1ecf6f042b8ec7d8d40d..1b17f016e9a720ce5f16c34ec43b1bddfc47272e 100644
--- a/packages/ui-vue/components/weather/src/components/weather-detail.component.tsx
+++ b/packages/ui-vue/components/weather/src/components/weather-detail.component.tsx
@@ -1,5 +1,3 @@
-/* eslint-disable no-use-before-define */
-/* eslint-disable max-len */
 import { computed, ref, SetupContext } from 'vue';
 import { WeatherProps } from '../weather.props';
 import getWeatherReport from './weather-report.component';
diff --git a/packages/ui-vue/components/weather/src/components/weather-home.component.tsx b/packages/ui-vue/components/weather/src/components/weather-home.component.tsx
index 4de7c410ddb3e5873c8b834b9653fa0e5526e7c0..c1213e9f25b501eeee08ac9d107b8f0acca3e61a 100644
--- a/packages/ui-vue/components/weather/src/components/weather-home.component.tsx
+++ b/packages/ui-vue/components/weather/src/components/weather-home.component.tsx
@@ -1,5 +1,3 @@
-/* eslint-disable no-use-before-define */
-/* eslint-disable max-len */
 import { computed, ref, SetupContext } from 'vue';
 import { WeatherProps } from '../weather.props';
 import getWeatherDetail from './weather-detail.component';
diff --git a/packages/ui-vue/components/weather/src/components/weather-information.component.tsx b/packages/ui-vue/components/weather/src/components/weather-information.component.tsx
index b8bb000b90eb2e207f0be59952409406c8438ded..db8ab06ef48793f60ef5a31def6010921feae174 100644
--- a/packages/ui-vue/components/weather/src/components/weather-information.component.tsx
+++ b/packages/ui-vue/components/weather/src/components/weather-information.component.tsx
@@ -1,5 +1,4 @@
-/* eslint-disable no-use-before-define */
-/* eslint-disable max-len */
+ 
 import { computed, ref, SetupContext } from 'vue';
 import { WeatherProps } from '../weather.props';
 
diff --git a/packages/ui-vue/components/weather/src/components/weather-proindex.component.tsx b/packages/ui-vue/components/weather/src/components/weather-proindex.component.tsx
index c5ab9c357c0bea55fd91bfc8a34885d893d0d926..0b7a6b7bfee60126d8247afd3de7170e12c2d93d 100644
--- a/packages/ui-vue/components/weather/src/components/weather-proindex.component.tsx
+++ b/packages/ui-vue/components/weather/src/components/weather-proindex.component.tsx
@@ -1,5 +1,3 @@
-/* eslint-disable no-use-before-define */
-/* eslint-disable max-len */
 import { ref, SetupContext } from 'vue';
 import { WeatherProps } from '../weather.props';
 
diff --git a/packages/ui-vue/components/weather/src/components/weather-report.component.tsx b/packages/ui-vue/components/weather/src/components/weather-report.component.tsx
index 9c515a5aa50c87d72e40a761c05a02640e7bd80b..d364b7e766848601e67e16c9a48389577ea89a7c 100644
--- a/packages/ui-vue/components/weather/src/components/weather-report.component.tsx
+++ b/packages/ui-vue/components/weather/src/components/weather-report.component.tsx
@@ -1,5 +1,6 @@
-/* eslint-disable no-use-before-define */
-/* eslint-disable max-len */
+/* eslint-disable no-case-declarations */
+ 
+ 
 import { ref, SetupContext, watch } from 'vue';
 import { WeatherProps } from '../weather.props';
 import { useWeatherFormatNumber } from '../composition/use-weather-format-number';
@@ -64,11 +65,14 @@ export default function (props: WeatherProps, context: SetupContext) {
         const weatherBoardWidth = elementRef.value.getBoundingClientRect().width;
         const add = weatherBoardWidth - 120;
         const content = document.getElementById("f-weather-24h-content");
-        if (content)
-            if (content.offsetLeft + add > -32)
+        if (content) {
+            if (content.offsetLeft + add > -32) {
                 content.style.marginLeft = -32 + "px";
-            else
+            }
+            else {
                 content.style.marginLeft = content.offsetLeft + add + "px";
+            }
+        }
     }
 
     /** 24h天气预报滚动右键 */
@@ -78,10 +82,12 @@ export default function (props: WeatherProps, context: SetupContext) {
         const content = document.getElementById("f-weather-24h-content");
         if (content) {
             const max = content.scrollWidth - weatherBoardWidth - 130;
-            if (content.offsetLeft - add < -max)
+            if (content.offsetLeft - add < -max) {
                 content.style.marginLeft = "-" + max + "px";
-            else
+            }
+            else {
                 content.style.marginLeft = content.offsetLeft - add + "px";
+            }
         }
     }
 
@@ -89,8 +95,9 @@ export default function (props: WeatherProps, context: SetupContext) {
     function showTime(dayIndex: number, hourIndex: number) {
         if (dayIndex === 0) {
             const time = new Date();
-            if (hourIndex === 0)
+            if (hourIndex === 0) {
                 return "现在";
+            }
             else {
                 return weatherFormatNumber.addZero((time.getHours() + hourIndex) % 24);
             }
@@ -104,7 +111,7 @@ export default function (props: WeatherProps, context: SetupContext) {
         const content24 = document.getElementById("f-weather-24h-content") as any;
         content24.style.marginLeft = -32 + "px";
         weatherCharts.renderChart24h(currentDayId.value);
-    })
+    });
 
     /** 渲染24h预报 */
     function render24hReport() {
@@ -132,17 +139,17 @@ export default function (props: WeatherProps, context: SetupContext) {
                                                 <img src={"http://mat1.gtimg.com/pingjs/ext2020/weather/pc/icon/weather/day/" + dayItem.icon + ".png"}
                                                     class="f-weather-24h-img"></img>
                                                 <div>{dayItem.temp + "°"}</div>
-                                            </td>
+                                            </td>;
                                         })}
                                     </tr>
                                 </div>
-                                : ""
+                                : "";
                         })}
                         <div id="chart24h" class="f-weather-chart24h"></div>
                     </div>
                 </div>
             </div>
-        )
+        );
     }
 
     /** 渲染7d预报 */
@@ -163,12 +170,12 @@ export default function (props: WeatherProps, context: SetupContext) {
                                 class="f-weather-7d-td-img" />
                             <div class="f-weather-7d-td-margin">{weekItem.max + "°"}</div>
                             <div>{weekItem.min + "°"}</div>
-                        </td>
+                        </td>;
                     })}
                 </tr>
                 <div id="chart7d" class="f-weather-chart7d"></div>
             </div>
-        )
+        );
     }
 
     /** 渲染天气预报 */
@@ -186,4 +193,4 @@ export default function (props: WeatherProps, context: SetupContext) {
     return {
         renderWeatherReport,
     };
-}
\ No newline at end of file
+}
diff --git a/packages/ui-vue/components/weather/src/components/weather-sunset.component.tsx b/packages/ui-vue/components/weather/src/components/weather-sunset.component.tsx
index 6852b77b4e175bde9431e7556430ac1d836d8a8e..5c21865176c03fe32a4fa445bb7543b7fa5c9c8f 100644
--- a/packages/ui-vue/components/weather/src/components/weather-sunset.component.tsx
+++ b/packages/ui-vue/components/weather/src/components/weather-sunset.component.tsx
@@ -1,5 +1,5 @@
-/* eslint-disable no-use-before-define */
-/* eslint-disable max-len */
+ 
+ 
 import { ref, SetupContext } from 'vue';
 import { WeatherProps } from '../weather.props';
 import { useWeatherFormatNumber } from '../composition/use-weather-format-number';
diff --git a/packages/ui-vue/components/weather/src/composition/types.ts b/packages/ui-vue/components/weather/src/composition/types.ts
index 728b6ba73b974e1f01c8f9849f1b8e2be4dcae79..4b40da0274f1653184c7478189070309a91d378d 100644
--- a/packages/ui-vue/components/weather/src/composition/types.ts
+++ b/packages/ui-vue/components/weather/src/composition/types.ts
@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-empty-object-type */
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
@@ -13,7 +14,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { ComputedRef, Ref } from 'vue';
 
 export interface Weather {
 
diff --git a/packages/ui-vue/components/weather/src/composition/use-weather-charts.ts b/packages/ui-vue/components/weather/src/composition/use-weather-charts.ts
index b03b70b7668bceda6fd6ed3be2c70b07bd3c24d4..3758ebc71c644fb026c27348ad9cdf79ca993664 100644
--- a/packages/ui-vue/components/weather/src/composition/use-weather-charts.ts
+++ b/packages/ui-vue/components/weather/src/composition/use-weather-charts.ts
@@ -1,4 +1,3 @@
-/* eslint-disable max-len */
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
@@ -14,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { Weather } from './types';
 import { ref, SetupContext } from 'vue';
 import { WeatherProps } from '../weather.props';
 import { useWeatherColor } from './use-weather-color';
@@ -149,7 +147,7 @@ export function useWeatherCharts(props: WeatherProps, context: SetupContext): We
                 chart7d.resize({
                     width: chart7dWidth,
                     height: 90
-                })
+                });
             }
             chart7d.setOption({
                 grid: {
diff --git a/packages/ui-vue/components/weather/src/composition/use-weather-color.ts b/packages/ui-vue/components/weather/src/composition/use-weather-color.ts
index c9cbff4d0fa40a6079bbe46fd2c6c4cb9802db49..225e94bc65103ad1cdeb12a34ad479501484f4d7 100644
--- a/packages/ui-vue/components/weather/src/composition/use-weather-color.ts
+++ b/packages/ui-vue/components/weather/src/composition/use-weather-color.ts
@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { Weather } from './types';
 import { computed, ref, SetupContext } from 'vue';
 import { WeatherProps } from '../weather.props';
 
diff --git a/packages/ui-vue/components/weather/src/composition/use-weather-data.ts b/packages/ui-vue/components/weather/src/composition/use-weather-data.ts
index c6ec01825ab727d10586bc5a27089d50a864c863..ab9e202d316c8beb7b202f2bf2235c09314f07c5 100644
--- a/packages/ui-vue/components/weather/src/composition/use-weather-data.ts
+++ b/packages/ui-vue/components/weather/src/composition/use-weather-data.ts
@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { Weather } from './types';
 import { ref, SetupContext } from 'vue';
 import { WeatherProps } from '../weather.props';
 import { useWeatherCharts } from './use-weather-charts';
@@ -126,7 +125,7 @@ export function useWeatherData(props: WeatherProps, context: SetupContext): Weat
             })
             .catch(error => {
                 console.error('Error fetching data:', error);
-            })
+            });
         setTimeout(() => {
             weatherCharts.renderCharts(0);
         }, 500);
diff --git a/packages/ui-vue/components/weather/src/composition/use-weather-format-number.ts b/packages/ui-vue/components/weather/src/composition/use-weather-format-number.ts
index 87d192711d7f4f05e4455538b6b8da0283535fe2..8b805cf24b84f1ac85e643caed5a76bc33f6899f 100644
--- a/packages/ui-vue/components/weather/src/composition/use-weather-format-number.ts
+++ b/packages/ui-vue/components/weather/src/composition/use-weather-format-number.ts
@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { Weather } from './types';
 import { SetupContext } from 'vue';
 import { WeatherProps } from '../weather.props';
 
diff --git a/packages/ui-vue/components/weather/src/demo-data.ts b/packages/ui-vue/components/weather/src/demo-data.ts
index 716ff52a32cc702ca1c42abca5156bc2c911c584..61bb7e2dfbb087283e3793939cc807955de86fb3 100644
--- a/packages/ui-vue/components/weather/src/demo-data.ts
+++ b/packages/ui-vue/components/weather/src/demo-data.ts
@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 import { ref } from "vue";
 
 export const data = {
diff --git a/packages/ui-vue/components/weather/src/designer/weather.design.component.tsx b/packages/ui-vue/components/weather/src/designer/weather.design.component.tsx
index d91638e47ded832282b283ea75371fe3f3ddabd3..b4357ed9f16ca60ae2f1fba5f869ad805bcedc41 100644
--- a/packages/ui-vue/components/weather/src/designer/weather.design.component.tsx
+++ b/packages/ui-vue/components/weather/src/designer/weather.design.component.tsx
@@ -1,5 +1,3 @@
-/* eslint-disable radix */
-/* eslint-disable no-use-before-define */
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/components/weather/src/weather.component.tsx b/packages/ui-vue/components/weather/src/weather.component.tsx
index c8c0b5db1dac2787f596459e0bf9e0f656132720..08701eb8ee7f0de0d4fe535b74bba9ae276a388c 100644
--- a/packages/ui-vue/components/weather/src/weather.component.tsx
+++ b/packages/ui-vue/components/weather/src/weather.component.tsx
@@ -1,7 +1,4 @@
-/* eslint-disable no-case-declarations */
-/* eslint-disable max-len */
-/* eslint-disable radix */
-/* eslint-disable no-use-before-define */
+ 
 /**
  * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
  *
diff --git a/packages/ui-vue/demos/data-grid/cell_edit.vue b/packages/ui-vue/demos/data-grid/cell_edit.vue
index db48c4ef823ca50e47d596bd6f69ffe02dc83088..8f8f003dc0de8f0109ec5d1b99d3a2e2370dfbf3 100644
--- a/packages/ui-vue/demos/data-grid/cell_edit.vue
+++ b/packages/ui-vue/demos/data-grid/cell_edit.vue
@@ -148,6 +148,7 @@ const columns: DataColumn[] = [
     // }
 ];
 
+// jumphere by sagi
 function add({ cell, row, newValue, oldValue, column, editor }) {
     const currentRow = gridComponentInstance.value.getVisibleDataByIds([row.raw.id]);
     gridComponentInstance.value.addNewDataItem(row.raw.id);
@@ -187,7 +188,7 @@ const endEditCell = ({ cell, row, newValue, oldValue, column, editor }) => {
 </script>
 
 <template>
-    <button @click="add()">add</button>
+    <button>add</button>
     <div class="fv-grid-demo">
         <f-data-grid
             ref="gridComponentInstance"
diff --git a/packages/ui-vue/demos/data-grid/filter_local_data.vue b/packages/ui-vue/demos/data-grid/filter_local_data.vue
index 97ed06aaa4e6337b27e9140ebc6f79926f6d017f..6e4fa6d259502ce095c654e1190c1e56a61c1416 100644
--- a/packages/ui-vue/demos/data-grid/filter_local_data.vue
+++ b/packages/ui-vue/demos/data-grid/filter_local_data.vue
@@ -1,8 +1,9 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { DataGridColumn, DataGridColumnCommand } from '../../components/data-grid/src/data-grid.props';
+import { DataGridColumn } from '../../components/data-grid/src/data-grid.props';
 import { data } from './demo-data-5';
 import { VisualData } from '@farris/ui-vue/components/data-view';
+import { DataGridColumnCommand } from '../../components/data-grid/src/data-grid-column.props';
 
 const columns: DataGridColumn[] = [
     { field: 'id', title: '标识', dataType: 'string', sortable: true },
diff --git a/packages/ui-vue/demos/data-grid/group_local_data.vue b/packages/ui-vue/demos/data-grid/group_local_data.vue
index 3bb5c05a55e580424971872fc2780f6229216e09..397cb9b542412f5d6267791bfdd76c085bbfa4f1 100644
--- a/packages/ui-vue/demos/data-grid/group_local_data.vue
+++ b/packages/ui-vue/demos/data-grid/group_local_data.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { DataGridColumn, DataGridColumnCommand } from '../../components/data-grid/src/data-grid.props';
+import { DataGridColumn } from '../../components/data-grid/src/data-grid.props';
+import { DataGridColumnCommand } from '../../components/data-grid/src/data-grid-column.props';
 import { data } from './demo-data';
 import { VisualData } from '@farris/ui-vue/components/data-view';
 
diff --git a/packages/ui-vue/demos/lookup/basic.vue b/packages/ui-vue/demos/lookup/basic.vue
index e1c17c6b115cfef6fdcfe4926250d3586f68c4cb..51f0a432237a94f0dcabdaba263da7825fff4160 100644
--- a/packages/ui-vue/demos/lookup/basic.vue
+++ b/packages/ui-vue/demos/lookup/basic.vue
@@ -33,7 +33,7 @@ const currentData = reactive({ id: '1', name: '张三' });
 
 const lookupDataList = ref(items);
 
-const lookupRef = ref(null);
+const lookupRef = ref();
 
 const onBeforeOpenDialog = (e) => {
     console.log('窗口打开前', e);
diff --git a/packages/ui-vue/demos/lookup/lookup-http-request.ts b/packages/ui-vue/demos/lookup/lookup-http-request.ts
index 4c088120e40694ba8b7f4f1d29d1077ace0b6de7..39a1769bd973d9a4e7c28704ec0a87d7e9a27954 100644
--- a/packages/ui-vue/demos/lookup/lookup-http-request.ts
+++ b/packages/ui-vue/demos/lookup/lookup-http-request.ts
@@ -1,4 +1,3 @@
-import { inject } from 'vue';
 import { LookupHttpResult, LookupHttpService, LookupRequestParams } from '../../../ui-vue/components/lookup/src/composition/types';
 
 // 单数据列表帮助
@@ -21,6 +20,12 @@ function useTreeList() {
 }
 
 export class LookupHttpRequest implements LookupHttpService  {
+    getSettings(id: string): Promise<any> {
+        throw new Error('Method not implemented.');
+    }
+    updateSettings(id: string, settings: any): Promise<any> {
+        throw new Error('Method not implemented.');
+    }
     displayType = 'list';
 
     getData(uri: string, params: Partial<LookupRequestParams>): Promise<LookupHttpResult> {
diff --git a/packages/ui-vue/package.json b/packages/ui-vue/package.json
index 0ff1e3e01a24ea36ccaa82376b27bbb54599853d..62a7d23bb0c3fddd5784d6ceb7d0d9e946079ba2 100644
--- a/packages/ui-vue/package.json
+++ b/packages/ui-vue/package.json
@@ -21,6 +21,7 @@
     "style": "./package/style.css",
     "scripts": {
         "dev": "vite",
+        "check": "vue-tsc --noEmit",
         "build": "vue-tsc --noEmit && vite build",
         "build:lib": "node --max-old-space-size=8192 ./scripts/index.js build",
         "preview": "vite preview",
diff --git a/packages/ui-vue/src/app.vue b/packages/ui-vue/src/app.vue
index 36c1c5d0dc1d30f87c513423a0ff24fcd9d170a5..b7bc9b8d024fb9e3ee64e98548bc8faa4dcbc9da 100644
--- a/packages/ui-vue/src/app.vue
+++ b/packages/ui-vue/src/app.vue
@@ -593,6 +593,7 @@ const routes: Record<string, any> = {
 const currentPath = ref(window.location.hash);
 
 const currentView = computed(() => {
+    // eslint-disable-next-line no-constant-binary-expression
     const routePath: string = `/${currentPath.value.slice(1)}` || '/';
     return routes[routePath] || DataGridBasic;
 });
diff --git a/packages/ui-vue/src/vite-env.d.ts b/packages/ui-vue/src/vite-env.d.ts
index e6cf697f997dad60a0eb30056df829b03108d1e4..33209df4aba37624c0457b8277bb56aba0279156 100644
--- a/packages/ui-vue/src/vite-env.d.ts
+++ b/packages/ui-vue/src/vite-env.d.ts
@@ -1,9 +1,7 @@
-/* eslint-disable @typescript-eslint/ban-types */
 // <reference types="vite/client" />
-
 declare module '*.vue' {
     import type { DefineComponent } from 'vue';
 
-    const component: DefineComponent<{}, {}, any>;
+    const component: DefineComponent<object, object, any>;
     export default component;
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 64a4c13dac0bb52e9f156bcb14f0f3bb1f7e0e02..2bff8fd636c90baea58edfc3ab467306e25a71ba 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -8,12 +8,18 @@ importers:
 
   .:
     dependencies:
+      '@eslint/js':
+        specifier: ^9.17.0
+        version: 9.17.0
       axios:
         specifier: ^1.7.2
         version: 1.7.7
       echarts:
         specifier: ^5.5.0
         version: 5.5.1
+      globals:
+        specifier: ^15.13.0
+        version: 15.13.0
       jsonp:
         specifier: ^0.2.1
         version: 0.2.1
@@ -26,6 +32,9 @@ importers:
       ts-jest:
         specifier: ^29.1.2
         version: 29.2.5(@babel/core@7.25.8)(@jest/transform@29.7.0)(@jest/types@29.6.3)(babel-jest@29.7.0(@babel/core@7.25.8))(esbuild@0.23.1)(jest@29.7.0(@types/node@18.19.57)(ts-node@10.9.2(@types/node@18.19.57)(typescript@5.6.3)))(typescript@5.6.3)
+      typescript-eslint:
+        specifier: ^8.18.0
+        version: 8.18.0(eslint@8.57.1)(typescript@5.6.3)
     devDependencies:
       '@babel/parser':
         specifier: ^7.19.0
@@ -178,13 +187,13 @@ importers:
         specifier: ^3.3.0
         version: 3.6.0(esbuild@0.23.1)
       eslint:
-        specifier: ^8.56.0
+        specifier: ^8.57.1
         version: 8.57.1
       eslint-plugin-import:
         specifier: ^2.26.0
         version: 2.31.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.6.3))(eslint@8.57.1)
       eslint-plugin-vue:
-        specifier: ^9.4.0
+        specifier: ^9.29.1
         version: 9.29.1(eslint@8.57.1)
       express:
         specifier: ^4.16.3
@@ -1099,7 +1108,7 @@ importers:
         version: 9.3.7
       jest:
         specifier: ^29.0.0
-        version: 29.7.0(@types/node@20.5.1)(ts-node@10.9.2(@types/node@20.5.1)(typescript@4.9.5))
+        version: 29.7.0(@types/node@20.5.1)(ts-node@10.9.2(@types/node@18.19.57)(typescript@5.6.3))
       lodash:
         specifier: ^4.17.21
         version: 4.17.21
@@ -1202,7 +1211,7 @@ importers:
         version: 2.2.2
       jest:
         specifier: ^29.0.0
-        version: 29.7.0(@types/node@20.5.1)(ts-node@10.9.2(@types/node@20.5.1)(typescript@4.9.5))
+        version: 29.7.0(@types/node@20.5.1)(ts-node@10.9.2(@types/node@18.19.57)(typescript@5.6.3))
       patch-vue-directive-ssr:
         specifier: ^0.0.1
         version: 0.0.1
@@ -1350,7 +1359,7 @@ importers:
         version: 9.3.7
       jest:
         specifier: ^29.0.0
-        version: 29.7.0(@types/node@20.5.1)(ts-node@10.9.2(@types/node@20.5.1)(typescript@4.9.5))
+        version: 29.7.0(@types/node@20.5.1)(ts-node@10.9.2(@types/node@18.19.57)(typescript@5.6.3))
       ora:
         specifier: ^6.1.2
         version: 6.3.1
@@ -1598,7 +1607,7 @@ importers:
         version: 9.3.7
       jest:
         specifier: ^29.0.0
-        version: 29.7.0(@types/node@20.5.1)(ts-node@10.9.2(@types/node@20.5.1)(typescript@5.6.3))
+        version: 29.7.0(@types/node@20.5.1)(ts-node@10.9.2(@types/node@18.19.57)(typescript@5.6.3))
       ora:
         specifier: ^6.1.2
         version: 6.3.1
@@ -3081,6 +3090,10 @@ packages:
     resolution: {integrity: sha512-d9zaMRSTIKDLhctzH12MtXvJKSSUhaHcjV+2Z+GK+EEY7XKpP5yR4x+N3TAcHTcu963nIr+TMcCb4DBCYX1z6Q==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
 
+  '@eslint/js@9.17.0':
+    resolution: {integrity: sha512-Sxc4hqcs1kTu0iID3kcZDW3JHq2a77HO9P8CP6YEA/FpH3Ll8UXE2r/86Rz9YJLKme39S9vU5OWNjC6Xl0Cr3w==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
   '@farris/designer-dragula@0.0.5':
     resolution: {integrity: sha512-Y9lUkoXO0EFc5kJXEr5q2BcU6XKeJLJc00cSoeZOFSiup5j+UeFaJz+GSgwGu46ZegGbR8wjZ20OMSNTDEGKFA==}
 
@@ -3838,6 +3851,14 @@ packages:
       typescript:
         optional: true
 
+  '@typescript-eslint/eslint-plugin@8.18.0':
+    resolution: {integrity: sha512-NR2yS7qUqCL7AIxdJUQf2MKKNDVNaig/dEB0GBLU7D+ZdHgK1NoH/3wsgO3OnPVipn51tG3MAwaODEGil70WEw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      '@typescript-eslint/parser': ^8.0.0 || ^8.0.0-alpha.0
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '>=4.8.4 <5.8.0'
+
   '@typescript-eslint/parser@7.18.0':
     resolution: {integrity: sha512-4Z+L8I2OqhZV8qA132M4wNL30ypZGYOQVBfMgxDH/K5UX0PNqTu1c6za9ST5r9+tavvHiTWmBnKzpCJ/GlVFtg==}
     engines: {node: ^18.18.0 || >=20.0.0}
@@ -3848,10 +3869,21 @@ packages:
       typescript:
         optional: true
 
+  '@typescript-eslint/parser@8.18.0':
+    resolution: {integrity: sha512-hgUZ3kTEpVzKaK3uNibExUYm6SKKOmTU2BOxBSvOYwtJEPdVQ70kZJpPjstlnhCHcuc2WGfSbpKlb/69ttyN5Q==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '>=4.8.4 <5.8.0'
+
   '@typescript-eslint/scope-manager@7.18.0':
     resolution: {integrity: sha512-jjhdIE/FPF2B7Z1uzc6i3oWKbGcHb87Qw7AWj6jmEqNOfDFbJWtjt/XfwCpvNkpGWlcJaog5vTR+VV8+w9JflA==}
     engines: {node: ^18.18.0 || >=20.0.0}
 
+  '@typescript-eslint/scope-manager@8.18.0':
+    resolution: {integrity: sha512-PNGcHop0jkK2WVYGotk/hxj+UFLhXtGPiGtiaWgVBVP1jhMoMCHlTyJA+hEj4rszoSdLTK3fN4oOatrL0Cp+Xw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
   '@typescript-eslint/type-utils@7.18.0':
     resolution: {integrity: sha512-XL0FJXuCLaDuX2sYqZUUSOJ2sG5/i1AAze+axqmLnSkNEVMVYLF+cbwlB2w8D1tinFuSikHmFta+P+HOofrLeA==}
     engines: {node: ^18.18.0 || >=20.0.0}
@@ -3862,10 +3894,21 @@ packages:
       typescript:
         optional: true
 
+  '@typescript-eslint/type-utils@8.18.0':
+    resolution: {integrity: sha512-er224jRepVAVLnMF2Q7MZJCq5CsdH2oqjP4dT7K6ij09Kyd+R21r7UVJrF0buMVdZS5QRhDzpvzAxHxabQadow==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '>=4.8.4 <5.8.0'
+
   '@typescript-eslint/types@7.18.0':
     resolution: {integrity: sha512-iZqi+Ds1y4EDYUtlOOC+aUmxnE9xS/yCigkjA7XpTKV6nCBd3Hp/PRGGmdwnfkV2ThMyYldP1wRpm/id99spTQ==}
     engines: {node: ^18.18.0 || >=20.0.0}
 
+  '@typescript-eslint/types@8.18.0':
+    resolution: {integrity: sha512-FNYxgyTCAnFwTrzpBGq+zrnoTO4x0c1CKYY5MuUTzpScqmY5fmsh2o3+57lqdI3NZucBDCzDgdEbIaNfAjAHQA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
   '@typescript-eslint/typescript-estree@7.18.0':
     resolution: {integrity: sha512-aP1v/BSPnnyhMHts8cf1qQ6Q1IFwwRvAQGRvBFkWlo3/lH29OXA3Pts+c10nxRxIBrDnoMqzhgdwVe5f2D6OzA==}
     engines: {node: ^18.18.0 || >=20.0.0}
@@ -3875,16 +3918,33 @@ packages:
       typescript:
         optional: true
 
+  '@typescript-eslint/typescript-estree@8.18.0':
+    resolution: {integrity: sha512-rqQgFRu6yPkauz+ms3nQpohwejS8bvgbPyIDq13cgEDbkXt4LH4OkDMT0/fN1RUtzG8e8AKJyDBoocuQh8qNeg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <5.8.0'
+
   '@typescript-eslint/utils@7.18.0':
     resolution: {integrity: sha512-kK0/rNa2j74XuHVcoCZxdFBMF+aq/vH83CXAOHieC+2Gis4mF8jJXT5eAfyD3K0sAxtPuwxaIOIOvhwzVDt/kw==}
     engines: {node: ^18.18.0 || >=20.0.0}
     peerDependencies:
       eslint: ^8.56.0
 
+  '@typescript-eslint/utils@8.18.0':
+    resolution: {integrity: sha512-p6GLdY383i7h5b0Qrfbix3Vc3+J2k6QWw6UMUeY5JGfm3C5LbZ4QIZzJNoNOfgyRe0uuYKjvVOsO/jD4SJO+xg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '>=4.8.4 <5.8.0'
+
   '@typescript-eslint/visitor-keys@7.18.0':
     resolution: {integrity: sha512-cDF0/Gf81QpY3xYyJKDV14Zwdmid5+uuENhjH2EqFaF0ni+yAyq/LzMaIJdhNJXZI7uLzwIlA+V7oWoyn6Curg==}
     engines: {node: ^18.18.0 || >=20.0.0}
 
+  '@typescript-eslint/visitor-keys@8.18.0':
+    resolution: {integrity: sha512-pCh/qEA8Lb1wVIqNvBke8UaRjJ6wrAWkJO5yyIbs8Yx6TNGYyfNjOo61tLv+WwLvoLPp4BQ8B7AHKijl8NGUfw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
   '@ungap/structured-clone@1.2.0':
     resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==}
 
@@ -6081,6 +6141,10 @@ packages:
     resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
 
+  eslint-visitor-keys@4.2.0:
+    resolution: {integrity: sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
   eslint@8.57.1:
     resolution: {integrity: sha512-ypowyDxpVSYpkXr9WPv2PAZCtNip1Mv5KTW0SCurXv/9iOpcrH9PaqUElksqEB6pChqHGDRCFTyrZlGhnLNGiA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -6440,7 +6504,7 @@ packages:
     resolution: {integrity: sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw==}
     engines: {node: '>= 4.0'}
     os: [darwin]
-    deprecated: Upgrade to fsevents v2 to mitigate potential security issues
+    deprecated: The v1 package contains DANGEROUS / INSECURE binaries. Upgrade to safe fsevents v2
 
   fsevents@2.3.3:
     resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
@@ -6605,6 +6669,10 @@ packages:
     resolution: {integrity: sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==}
     engines: {node: '>=8'}
 
+  globals@15.13.0:
+    resolution: {integrity: sha512-49TewVEz0UxZjr1WYYsWpPrhyC/B/pA8Bq0fUmet2n+eR7yn0IvNzNaoBwnK6mdkzcN+se7Ez9zUgULTz2QH4g==}
+    engines: {node: '>=18'}
+
   globals@9.18.0:
     resolution: {integrity: sha512-S0nG3CLEQiY/ILxqtztTWH/3iRRdyBLw6KMDxnKMchrtbj2OFmehVh0WUCfW3DUrIgx/qFrJPICrq4Z4sTR9UQ==}
     engines: {node: '>=0.10.0'}
@@ -10139,6 +10207,13 @@ packages:
   typedarray@0.0.6:
     resolution: {integrity: sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==}
 
+  typescript-eslint@8.18.0:
+    resolution: {integrity: sha512-Xq2rRjn6tzVpAyHr3+nmSg1/9k9aIHnJ2iZeOH7cfGOWqTkXTm3kwpQglEuLGdNrYvPF+2gtAs+/KF5rjVo+WQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '>=4.8.4 <5.8.0'
+
   typescript@4.9.5:
     resolution: {integrity: sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==}
     engines: {node: '>=4.2.0'}
@@ -12509,6 +12584,8 @@ snapshots:
 
   '@eslint/js@8.57.1': {}
 
+  '@eslint/js@9.17.0': {}
+
   '@farris/designer-dragula@0.0.5': {}
 
   '@farris/mobile-ui-vue@0.0.1-beta.3(typescript@4.9.5)':
@@ -13672,6 +13749,23 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@typescript-eslint/eslint-plugin@8.18.0(@typescript-eslint/parser@8.18.0(eslint@8.57.1)(typescript@5.6.3))(eslint@8.57.1)(typescript@5.6.3)':
+    dependencies:
+      '@eslint-community/regexpp': 4.11.1
+      '@typescript-eslint/parser': 8.18.0(eslint@8.57.1)(typescript@5.6.3)
+      '@typescript-eslint/scope-manager': 8.18.0
+      '@typescript-eslint/type-utils': 8.18.0(eslint@8.57.1)(typescript@5.6.3)
+      '@typescript-eslint/utils': 8.18.0(eslint@8.57.1)(typescript@5.6.3)
+      '@typescript-eslint/visitor-keys': 8.18.0
+      eslint: 8.57.1
+      graphemer: 1.4.0
+      ignore: 5.3.2
+      natural-compare: 1.4.0
+      ts-api-utils: 1.3.0(typescript@5.6.3)
+      typescript: 5.6.3
+    transitivePeerDependencies:
+      - supports-color
+
   '@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@4.9.5)':
     dependencies:
       '@typescript-eslint/scope-manager': 7.18.0
@@ -13698,11 +13792,28 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@typescript-eslint/parser@8.18.0(eslint@8.57.1)(typescript@5.6.3)':
+    dependencies:
+      '@typescript-eslint/scope-manager': 8.18.0
+      '@typescript-eslint/types': 8.18.0
+      '@typescript-eslint/typescript-estree': 8.18.0(typescript@5.6.3)
+      '@typescript-eslint/visitor-keys': 8.18.0
+      debug: 4.3.7
+      eslint: 8.57.1
+      typescript: 5.6.3
+    transitivePeerDependencies:
+      - supports-color
+
   '@typescript-eslint/scope-manager@7.18.0':
     dependencies:
       '@typescript-eslint/types': 7.18.0
       '@typescript-eslint/visitor-keys': 7.18.0
 
+  '@typescript-eslint/scope-manager@8.18.0':
+    dependencies:
+      '@typescript-eslint/types': 8.18.0
+      '@typescript-eslint/visitor-keys': 8.18.0
+
   '@typescript-eslint/type-utils@7.18.0(eslint@8.57.1)(typescript@4.9.5)':
     dependencies:
       '@typescript-eslint/typescript-estree': 7.18.0(typescript@4.9.5)
@@ -13727,8 +13838,21 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@typescript-eslint/type-utils@8.18.0(eslint@8.57.1)(typescript@5.6.3)':
+    dependencies:
+      '@typescript-eslint/typescript-estree': 8.18.0(typescript@5.6.3)
+      '@typescript-eslint/utils': 8.18.0(eslint@8.57.1)(typescript@5.6.3)
+      debug: 4.3.7
+      eslint: 8.57.1
+      ts-api-utils: 1.3.0(typescript@5.6.3)
+      typescript: 5.6.3
+    transitivePeerDependencies:
+      - supports-color
+
   '@typescript-eslint/types@7.18.0': {}
 
+  '@typescript-eslint/types@8.18.0': {}
+
   '@typescript-eslint/typescript-estree@7.18.0(typescript@4.9.5)':
     dependencies:
       '@typescript-eslint/types': 7.18.0
@@ -13759,6 +13883,20 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@typescript-eslint/typescript-estree@8.18.0(typescript@5.6.3)':
+    dependencies:
+      '@typescript-eslint/types': 8.18.0
+      '@typescript-eslint/visitor-keys': 8.18.0
+      debug: 4.3.7
+      fast-glob: 3.3.2
+      is-glob: 4.0.3
+      minimatch: 9.0.5
+      semver: 7.6.3
+      ts-api-utils: 1.3.0(typescript@5.6.3)
+      typescript: 5.6.3
+    transitivePeerDependencies:
+      - supports-color
+
   '@typescript-eslint/utils@7.18.0(eslint@8.57.1)(typescript@4.9.5)':
     dependencies:
       '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.1)
@@ -13781,11 +13919,27 @@ snapshots:
       - supports-color
       - typescript
 
+  '@typescript-eslint/utils@8.18.0(eslint@8.57.1)(typescript@5.6.3)':
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.1)
+      '@typescript-eslint/scope-manager': 8.18.0
+      '@typescript-eslint/types': 8.18.0
+      '@typescript-eslint/typescript-estree': 8.18.0(typescript@5.6.3)
+      eslint: 8.57.1
+      typescript: 5.6.3
+    transitivePeerDependencies:
+      - supports-color
+
   '@typescript-eslint/visitor-keys@7.18.0':
     dependencies:
       '@typescript-eslint/types': 7.18.0
       eslint-visitor-keys: 3.4.3
 
+  '@typescript-eslint/visitor-keys@8.18.0':
+    dependencies:
+      '@typescript-eslint/types': 8.18.0
+      eslint-visitor-keys: 4.2.0
+
   '@ungap/structured-clone@1.2.0': {}
 
   '@vitejs/plugin-vue-jsx@2.1.1(vite@3.2.11(@types/node@20.5.1)(sass@1.80.3)(terser@5.36.0))(vue@3.5.12(typescript@4.9.5))':
@@ -15959,28 +16113,13 @@ snapshots:
       - supports-color
       - ts-node
 
-  create-jest@29.7.0(@types/node@20.5.1)(ts-node@10.9.2(@types/node@20.5.1)(typescript@4.9.5)):
-    dependencies:
-      '@jest/types': 29.6.3
-      chalk: 4.1.2
-      exit: 0.1.2
-      graceful-fs: 4.2.11
-      jest-config: 29.7.0(@types/node@20.5.1)(ts-node@10.9.2(@types/node@20.5.1)(typescript@4.9.5))
-      jest-util: 29.7.0
-      prompts: 2.4.2
-    transitivePeerDependencies:
-      - '@types/node'
-      - babel-plugin-macros
-      - supports-color
-      - ts-node
-
-  create-jest@29.7.0(@types/node@20.5.1)(ts-node@10.9.2(@types/node@20.5.1)(typescript@5.6.3)):
+  create-jest@29.7.0(@types/node@20.5.1)(ts-node@10.9.2(@types/node@18.19.57)(typescript@5.6.3)):
     dependencies:
       '@jest/types': 29.6.3
       chalk: 4.1.2
       exit: 0.1.2
       graceful-fs: 4.2.11
-      jest-config: 29.7.0(@types/node@20.5.1)(ts-node@10.9.2(@types/node@20.5.1)(typescript@5.6.3))
+      jest-config: 29.7.0(@types/node@20.5.1)(ts-node@10.9.2(@types/node@18.19.57)(typescript@5.6.3))
       jest-util: 29.7.0
       prompts: 2.4.2
     transitivePeerDependencies:
@@ -16889,6 +17028,8 @@ snapshots:
 
   eslint-visitor-keys@3.4.3: {}
 
+  eslint-visitor-keys@4.2.0: {}
+
   eslint@8.57.1:
     dependencies:
       '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.1)
@@ -17600,6 +17741,8 @@ snapshots:
     dependencies:
       type-fest: 0.20.2
 
+  globals@15.13.0: {}
+
   globals@9.18.0: {}
 
   globalthis@1.0.4:
@@ -18432,13 +18575,13 @@ snapshots:
       - supports-color
       - ts-node
 
-  jest-cli@29.7.0(@types/node@20.5.1)(ts-node@10.9.2(@types/node@20.5.1)(typescript@4.9.5)):
+  jest-cli@29.7.0(@types/node@20.5.1)(ts-node@10.9.2(@types/node@18.19.57)(typescript@5.6.3)):
     dependencies:
-      '@jest/core': 29.7.0(ts-node@10.9.2(@types/node@20.5.1)(typescript@4.9.5))
+      '@jest/core': 29.7.0(ts-node@10.9.2(@types/node@18.19.57)(typescript@5.6.3))
       '@jest/test-result': 29.7.0
       '@jest/types': 29.6.3
       chalk: 4.1.2
-      create-jest: 29.7.0(@types/node@20.5.1)(ts-node@10.9.2(@types/node@20.5.1)(typescript@4.9.5))
+      create-jest: 29.7.0(@types/node@20.5.1)(ts-node@10.9.2(@types/node@18.19.57)(typescript@5.6.3))
       exit: 0.1.2
       import-local: 3.2.0
       jest-config: 29.7.0(@types/node@20.5.1)(ts-node@10.9.2(@types/node@20.5.1)(typescript@4.9.5))
@@ -18620,38 +18763,7 @@ snapshots:
       strip-json-comments: 3.1.1
     optionalDependencies:
       '@types/node': 20.5.1
-      ts-node: 10.9.2(@types/node@20.5.1)(typescript@4.9.5)
-    transitivePeerDependencies:
-      - babel-plugin-macros
-      - supports-color
-
-  jest-config@29.7.0(@types/node@20.5.1)(ts-node@10.9.2(@types/node@20.5.1)(typescript@5.6.3)):
-    dependencies:
-      '@babel/core': 7.25.8
-      '@jest/test-sequencer': 29.7.0
-      '@jest/types': 29.6.3
-      babel-jest: 29.7.0(@babel/core@7.25.8)
-      chalk: 4.1.2
-      ci-info: 3.9.0
-      deepmerge: 4.3.1
-      glob: 7.2.3
-      graceful-fs: 4.2.11
-      jest-circus: 29.7.0
-      jest-environment-node: 29.7.0
-      jest-get-type: 29.6.3
-      jest-regex-util: 29.6.3
-      jest-resolve: 29.7.0
-      jest-runner: 29.7.0
-      jest-util: 29.7.0
-      jest-validate: 29.7.0
-      micromatch: 4.0.8
-      parse-json: 5.2.0
-      pretty-format: 29.7.0
-      slash: 3.0.0
-      strip-json-comments: 3.1.1
-    optionalDependencies:
-      '@types/node': 20.5.1
-      ts-node: 10.9.2(@types/node@20.5.1)(typescript@5.6.3)
+      ts-node: 10.9.2(@types/node@18.19.57)(typescript@5.6.3)
     transitivePeerDependencies:
       - babel-plugin-macros
       - supports-color
@@ -18919,9 +19031,9 @@ snapshots:
       - supports-color
       - ts-node
 
-  jest@29.7.0(@types/node@20.5.1)(ts-node@10.9.2(@types/node@20.5.1)(typescript@4.9.5)):
+  jest@29.7.0(@types/node@20.5.1)(ts-node@10.9.2(@types/node@18.19.57)(typescript@5.6.3)):
     dependencies:
-      '@jest/core': 29.7.0(ts-node@10.9.2(@types/node@20.5.1)(typescript@4.9.5))
+      '@jest/core': 29.7.0(ts-node@10.9.2(@types/node@18.19.57)(typescript@5.6.3))
       '@jest/types': 29.6.3
       import-local: 3.2.0
       jest-cli: 29.7.0(@types/node@20.5.1)(ts-node@10.9.2(@types/node@20.5.1)(typescript@4.9.5))
@@ -21704,25 +21816,6 @@ snapshots:
       v8-compile-cache-lib: 3.0.1
       yn: 3.1.1
 
-  ts-node@10.9.2(@types/node@20.5.1)(typescript@4.9.5):
-    dependencies:
-      '@cspotcode/source-map-support': 0.8.1
-      '@tsconfig/node10': 1.0.11
-      '@tsconfig/node12': 1.0.11
-      '@tsconfig/node14': 1.0.3
-      '@tsconfig/node16': 1.0.4
-      '@types/node': 20.5.1
-      acorn: 8.13.0
-      acorn-walk: 8.3.4
-      arg: 4.1.3
-      create-require: 1.1.1
-      diff: 4.0.2
-      make-error: 1.3.6
-      typescript: 4.9.5
-      v8-compile-cache-lib: 3.0.1
-      yn: 3.1.1
-    optional: true
-
   ts-node@10.9.2(@types/node@20.5.1)(typescript@5.6.3):
     dependencies:
       '@cspotcode/source-map-support': 0.8.1
@@ -21817,6 +21910,16 @@ snapshots:
 
   typedarray@0.0.6: {}
 
+  typescript-eslint@8.18.0(eslint@8.57.1)(typescript@5.6.3):
+    dependencies:
+      '@typescript-eslint/eslint-plugin': 8.18.0(@typescript-eslint/parser@8.18.0(eslint@8.57.1)(typescript@5.6.3))(eslint@8.57.1)(typescript@5.6.3)
+      '@typescript-eslint/parser': 8.18.0(eslint@8.57.1)(typescript@5.6.3)
+      '@typescript-eslint/utils': 8.18.0(eslint@8.57.1)(typescript@5.6.3)
+      eslint: 8.57.1
+      typescript: 5.6.3
+    transitivePeerDependencies:
+      - supports-color
+
   typescript@4.9.5: {}
 
   typescript@5.4.2: {}