Merge remote-tracking branch 'origin/dev' into dev-hub

2023-01-12 18:13:11 +08:00 · 2023-01-12 18:13:11 +08:00 · cc8e9aa77b
parent ab8636c7fd 0154ca8a32
commit cc8e9aa77b
43 changed files with 2263 additions and 132 deletions
--- a/.commitlintrc.cjs
+++ b/.commitlintrc.cjs
@ -17,12 +17,18 @@ module.exports = {
        'perf', // 性能优化
      ]
    ],
-    'type-case': [0],
-    'type-empty': [0],
-    'scope-empty': [0],
    'scope-case': [0],
-    'subject-full-stop': [0, 'never'],
-    'subject-case': [0, 'never'],
-    'header-max-length': [0, 'always', 72]
-  }
+  },
+  plugins: [
+    {
+      rules: {
+        "commit-rule": ({ raw }) => {
+          return [
+            /^\[(build|feat|fix|update|refactor|docs|chore|style|revert|perf)].+/g.test(raw),
+            `commit备注信息格式错误，格式为 <[type] 修改内容>，type支持${types.join(",")}`
+          ]
+        }
+      }
+    }
+  ]
 }
--- a/components.d.ts
+++ b/components.d.ts
@ -1,52 +0,0 @@
-// generated by unplugin-vue-components
-// We suggest you to commit this file into source control
-// Read more: https://github.com/vuejs/core/pull/3399
-import '@vue/runtime-core'
-
-export {}
-
-declare module '@vue/runtime-core' {
-  export interface GlobalComponents {
-    AAlert: typeof import('ant-design-vue/es')['Alert']
-    ABadge: typeof import('ant-design-vue/es')['Badge']
-    AButton: typeof import('ant-design-vue/es')['Button']
-    ACheckbox: typeof import('ant-design-vue/es')['Checkbox']
-    ACheckboxGroup: typeof import('ant-design-vue/es')['CheckboxGroup']
-    ACol: typeof import('ant-design-vue/es')['Col']
-    ACollapse: typeof import('ant-design-vue/es')['Collapse']
-    ACollapsePanel: typeof import('ant-design-vue/es')['CollapsePanel']
-    ADatePicker: typeof import('ant-design-vue/es')['DatePicker']
-    ADivider: typeof import('ant-design-vue/es')['Divider']
-    AEmpty: typeof import('ant-design-vue/es')['Empty']
-    AForm: typeof import('ant-design-vue/es')['Form']
-    AFormItem: typeof import('ant-design-vue/es')['FormItem']
-    AInput: typeof import('ant-design-vue/es')['Input']
-    AInputNumber: typeof import('ant-design-vue/es')['InputNumber']
-    AInputPassword: typeof import('ant-design-vue/es')['InputPassword']
-    AModal: typeof import('ant-design-vue/es')['Modal']
-    APagination: typeof import('ant-design-vue/es')['Pagination']
-    APopconfirm: typeof import('ant-design-vue/es')['Popconfirm']
-    ARadioGroup: typeof import('ant-design-vue/es')['RadioGroup']
-    ARow: typeof import('ant-design-vue/es')['Row']
-    ASelect: typeof import('ant-design-vue/es')['Select']
-    ASelectOption: typeof import('ant-design-vue/es')['SelectOption']
-    ASpin: typeof import('ant-design-vue/es')['Spin']
-    ASwitch: typeof import('ant-design-vue/es')['Switch']
-    ATable: typeof import('ant-design-vue/es')['Table']
-    ATimePicker: typeof import('ant-design-vue/es')['TimePicker']
-    ATooltip: typeof import('ant-design-vue/es')['Tooltip']
-    ATreeSelect: typeof import('ant-design-vue/es')['TreeSelect']
-    AUpload: typeof import('ant-design-vue/es')['Upload']
-    BadgeStatus: typeof import('./src/components/BadgeStatus/index.vue')['default']
-    CardBox: typeof import('./src/components/CardBox/index.vue')['default']
-    FormFormBuilder: typeof import('./src/components/Form/FormBuilder.vue')['default']
-    GeoComponent: typeof import('./src/components/GeoComponent/index.vue')['default']
-    MonacoEditor: typeof import('./src/components/MonacoEditor/index.vue')['default']
-    PermissionButton: typeof import('./src/components/PermissionButton/index.vue')['default']
-    RouterLink: typeof import('vue-router')['RouterLink']
-    RouterView: typeof import('vue-router')['RouterView']
-    Table: typeof import('./src/components/Table/index.vue')['default']
-    TitleComponent: typeof import('./src/components/TitleComponent/index.vue')['default']
-    ValueItem: typeof import('./src/components/ValueItem/index.vue')['default']
-  }
-}
--- a/config/config.ts
+++ b/config/config.ts
@ -1,6 +1,6 @@
 export default {
  theme: {
-    'primary-color': '#00A4FF',
+    'primary-color': '#1d39c4',
  },
  logo: '/favicon.ico',
  title: 'Jetlinks'
--- a/package-lock.json
+++ b/package-lock.json
@ -43,6 +43,7 @@
        "typescript": "^4.9.3",
        "vite": "^4.0.0",
        "vite-plugin-html": "^3.2.0",
+        "vite-plugin-style-import": "^2.0.0",
        "vite-plugin-vue-setup-extend": "^0.4.0",
        "vue-tsc": "^1.0.11"
      }
@ -2399,6 +2400,17 @@
      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001441.tgz",
      "integrity": "sha512-OyxRR4Vof59I3yGWXws6i908EtGbMzVUi3ganaZQHmydk1iwDhRnvaPG2WaR0KcqrDFKrxVZHULT396LEPhXfg=="
    },
+    "node_modules/capital-case": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/capital-case/-/capital-case-1.0.4.tgz",
+      "integrity": "sha512-ds37W8CytHgwnhGGTi88pcPyR15qoNkOpYwmMMfnWqqWgESapLqvDx6huFjQ5vqWSn2Z06173XNA7LtMOeUh1A==",
+      "dev": true,
+      "dependencies": {
+        "no-case": "^3.0.4",
+        "tslib": "^2.0.3",
+        "upper-case-first": "^2.0.2"
+      }
+    },
    "node_modules/capture-stack-trace": {
      "version": "1.0.2",
      "resolved": "https://registry.npmmirror.com/capture-stack-trace/-/capture-stack-trace-1.0.2.tgz",
@ -2421,6 +2433,26 @@
        "node": ">=10"
      }
    },
+    "node_modules/change-case": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/change-case/-/change-case-4.1.2.tgz",
+      "integrity": "sha512-bSxY2ws9OtviILG1EiY5K7NNxkqg/JnRnFxLtKQ96JaviiIxi7djMrSd0ECT9AC+lttClmYwKw53BWpOMblo7A==",
+      "dev": true,
+      "dependencies": {
+        "camel-case": "^4.1.2",
+        "capital-case": "^1.0.4",
+        "constant-case": "^3.0.4",
+        "dot-case": "^3.0.4",
+        "header-case": "^2.0.4",
+        "no-case": "^3.0.4",
+        "param-case": "^3.0.4",
+        "pascal-case": "^3.1.2",
+        "path-case": "^3.0.4",
+        "sentence-case": "^3.0.4",
+        "snake-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
    "node_modules/chardet": {
      "version": "0.7.0",
      "resolved": "https://registry.npmmirror.com/chardet/-/chardet-0.7.0.tgz",
@ -2737,6 +2769,23 @@
      "integrity": "sha512-9vAdYbHj6x2fLKC4+oPH0kFzY/orMZyG2Aj+kNylHxKGJ/Ed4dpNyAQYwJOdqO4zdM7XpVHmyejQDcQHrnuXbw==",
      "dev": true
    },
+    "node_modules/console": {
+      "version": "0.7.2",
+      "resolved": "https://registry.npmjs.org/console/-/console-0.7.2.tgz",
+      "integrity": "sha512-+JSDwGunA4MTEgAV/4VBKwUHonP8CzJ/6GIuwPi6acKFqFfHUdSGCm89ZxZ5FfGWdZfkdgAroy5bJ5FSeN/t4g==",
+      "dev": true
+    },
+    "node_modules/constant-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/constant-case/-/constant-case-3.0.4.tgz",
+      "integrity": "sha512-I2hSBi7Vvs7BEuJDr5dDHfzb/Ruj3FyvFyh7KLilAjNQw3Be+xgqUBA2W6scVEcL0hL1dwPRtIqEPVUCKkSsyQ==",
+      "dev": true,
+      "dependencies": {
+        "no-case": "^3.0.4",
+        "tslib": "^2.0.3",
+        "upper-case": "^2.0.2"
+      }
+    },
    "node_modules/conventional-changelog-angular": {
      "version": "5.0.13",
      "resolved": "https://registry.npmmirror.com/conventional-changelog-angular/-/conventional-changelog-angular-5.0.13.tgz",
@ -3242,6 +3291,12 @@
      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
      "dev": true
    },
+    "node_modules/es-module-lexer": {
+      "version": "0.9.3",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-0.9.3.tgz",
+      "integrity": "sha512-1HQ2M2sPtxwnvOvT1ZClHyQDiggdNjURWpY2we6aMKCQiUVxTmVs2UYPLIrD84sS+kMdUwfBSylbJPwNnBrnHQ==",
+      "dev": true
+    },
    "node_modules/esbuild": {
      "version": "0.16.12",
      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.16.12.tgz",
@ -3818,6 +3873,16 @@
        "he": "bin/he"
      }
    },
+    "node_modules/header-case": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/header-case/-/header-case-2.0.4.tgz",
+      "integrity": "sha512-H/vuk5TEEVZwrR0lp2zed9OCo1uAILMlx0JEMgC26rzyJJ3N1v6XkwHHXJQdR2doSjcGPM6OKPYoJgf0plJ11Q==",
+      "dev": true,
+      "dependencies": {
+        "capital-case": "^1.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
    "node_modules/homedir-polyfill": {
      "version": "1.0.3",
      "resolved": "https://registry.npmmirror.com/homedir-polyfill/-/homedir-polyfill-1.0.3.tgz",
@ -6640,6 +6705,16 @@
        "tslib": "^2.0.3"
      }
    },
+    "node_modules/path-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/path-case/-/path-case-3.0.4.tgz",
+      "integrity": "sha512-qO4qCFjXqVTrcbPt/hQfhTQ+VhFsqNKOPtytgNKkKxSoEp3XPUQ8ObFuePylOIok5gjn69ry8XiULxCwot3Wfg==",
+      "dev": true,
+      "dependencies": {
+        "dot-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
    "node_modules/path-exists": {
      "version": "4.0.0",
      "resolved": "https://registry.npmmirror.com/path-exists/-/path-exists-4.0.0.tgz",
@ -7334,6 +7409,17 @@
      "integrity": "sha512-EjnoLE5OGmDAVV/8YDoN5KiajNadjzIp9BAHOhYeQHt7j0UWxjmgsx4YD48wp4Ue1Qogq38F1GNUJNqF1kKKxA==",
      "dev": true
    },
+    "node_modules/sentence-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/sentence-case/-/sentence-case-3.0.4.tgz",
+      "integrity": "sha512-8LS0JInaQMCRoQ7YUytAo/xUu5W2XnQxV2HI/6uM6U7CITS1RqPElr30V6uIqyMKM9lJGRVFy5/4CuzcixNYSg==",
+      "dev": true,
+      "dependencies": {
+        "no-case": "^3.0.4",
+        "tslib": "^2.0.3",
+        "upper-case-first": "^2.0.2"
+      }
+    },
    "node_modules/set-blocking": {
      "version": "2.0.0",
      "resolved": "https://registry.npmmirror.com/set-blocking/-/set-blocking-2.0.0.tgz",
@ -7420,6 +7506,16 @@
        "node": ">=4"
      }
    },
+    "node_modules/snake-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/snake-case/-/snake-case-3.0.4.tgz",
+      "integrity": "sha512-LAOh4z89bGQvl9pFfNF8V146i7o7/CqFPbqzYgP+yYzDIDeS9HaNFtXABamRW+AQzEVODcvE79ljJ+8a9YSdMg==",
+      "dev": true,
+      "dependencies": {
+        "dot-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
    "node_modules/source-map": {
      "version": "0.6.1",
      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
@ -8058,6 +8154,24 @@
        "node": ">=8"
      }
    },
+    "node_modules/upper-case": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/upper-case/-/upper-case-2.0.2.tgz",
+      "integrity": "sha512-KgdgDGJt2TpuwBUIjgG6lzw2GWFRCW9Qkfkiv0DxqHHLYJHmtmdUIKcZd8rHgFSjopVTlw6ggzCm1b8MFQwikg==",
+      "dev": true,
+      "dependencies": {
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/upper-case-first": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/upper-case-first/-/upper-case-first-2.0.2.tgz",
+      "integrity": "sha512-514ppYHBaKwfJRK/pNC6c/OxfGa0obSnAl106u97Ed0I625Nin96KAjttZF6ZL3e1XLtphxnqrOi9iWgm+u+bg==",
+      "dev": true,
+      "dependencies": {
+        "tslib": "^2.0.3"
+      }
+    },
    "node_modules/uppercamelcase": {
      "version": "1.1.0",
      "resolved": "https://registry.npmjs.org/uppercamelcase/-/uppercamelcase-1.1.0.tgz",
@ -8232,6 +8346,52 @@
      "integrity": "sha512-sTitTPYnn23esFR3RlqYBWn4c45WGeLcsKzQiUpXJAyfcWkolvlYpV8FLo7JishK946oQwMFUCHXQ9AjGPKExw==",
      "dev": true
    },
+    "node_modules/vite-plugin-style-import": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/vite-plugin-style-import/-/vite-plugin-style-import-2.0.0.tgz",
+      "integrity": "sha512-qtoHQae5dSUQPo/rYz/8p190VU5y19rtBaeV7ryLa/AYAU/e9CG89NrN/3+k7MR8mJy/GPIu91iJ3zk9foUOSA==",
+      "dev": true,
+      "dependencies": {
+        "@rollup/pluginutils": "^4.1.2",
+        "change-case": "^4.1.2",
+        "console": "^0.7.2",
+        "es-module-lexer": "^0.9.3",
+        "fs-extra": "^10.0.0",
+        "magic-string": "^0.25.7",
+        "pathe": "^0.2.0"
+      },
+      "peerDependencies": {
+        "vite": ">=2.0.0"
+      }
+    },
+    "node_modules/vite-plugin-style-import/node_modules/@rollup/pluginutils": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-4.2.1.tgz",
+      "integrity": "sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ==",
+      "dev": true,
+      "dependencies": {
+        "estree-walker": "^2.0.1",
+        "picomatch": "^2.2.2"
+      },
+      "engines": {
+        "node": ">= 8.0.0"
+      }
+    },
+    "node_modules/vite-plugin-style-import/node_modules/magic-string": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.9.tgz",
+      "integrity": "sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==",
+      "dev": true,
+      "dependencies": {
+        "sourcemap-codec": "^1.4.8"
+      }
+    },
+    "node_modules/vite-plugin-style-import/node_modules/pathe": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/pathe/-/pathe-0.2.0.tgz",
+      "integrity": "sha512-sTitTPYnn23esFR3RlqYBWn4c45WGeLcsKzQiUpXJAyfcWkolvlYpV8FLo7JishK946oQwMFUCHXQ9AjGPKExw==",
+      "dev": true
+    },
    "node_modules/vite-plugin-vue-setup-extend": {
      "version": "0.4.0",
      "resolved": "https://registry.npmmirror.com/vite-plugin-vue-setup-extend/-/vite-plugin-vue-setup-extend-0.4.0.tgz",
@ -10382,6 +10542,17 @@
      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001441.tgz",
      "integrity": "sha512-OyxRR4Vof59I3yGWXws6i908EtGbMzVUi3ganaZQHmydk1iwDhRnvaPG2WaR0KcqrDFKrxVZHULT396LEPhXfg=="
    },
+    "capital-case": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/capital-case/-/capital-case-1.0.4.tgz",
+      "integrity": "sha512-ds37W8CytHgwnhGGTi88pcPyR15qoNkOpYwmMMfnWqqWgESapLqvDx6huFjQ5vqWSn2Z06173XNA7LtMOeUh1A==",
+      "dev": true,
+      "requires": {
+        "no-case": "^3.0.4",
+        "tslib": "^2.0.3",
+        "upper-case-first": "^2.0.2"
+      }
+    },
    "capture-stack-trace": {
      "version": "1.0.2",
      "resolved": "https://registry.npmmirror.com/capture-stack-trace/-/capture-stack-trace-1.0.2.tgz",
@ -10398,6 +10569,26 @@
        "supports-color": "^7.1.0"
      }
    },
+    "change-case": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/change-case/-/change-case-4.1.2.tgz",
+      "integrity": "sha512-bSxY2ws9OtviILG1EiY5K7NNxkqg/JnRnFxLtKQ96JaviiIxi7djMrSd0ECT9AC+lttClmYwKw53BWpOMblo7A==",
+      "dev": true,
+      "requires": {
+        "camel-case": "^4.1.2",
+        "capital-case": "^1.0.4",
+        "constant-case": "^3.0.4",
+        "dot-case": "^3.0.4",
+        "header-case": "^2.0.4",
+        "no-case": "^3.0.4",
+        "param-case": "^3.0.4",
+        "pascal-case": "^3.1.2",
+        "path-case": "^3.0.4",
+        "sentence-case": "^3.0.4",
+        "snake-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
    "chardet": {
      "version": "0.7.0",
      "resolved": "https://registry.npmmirror.com/chardet/-/chardet-0.7.0.tgz",
@ -10653,6 +10844,23 @@
      "integrity": "sha512-9vAdYbHj6x2fLKC4+oPH0kFzY/orMZyG2Aj+kNylHxKGJ/Ed4dpNyAQYwJOdqO4zdM7XpVHmyejQDcQHrnuXbw==",
      "dev": true
    },
+    "console": {
+      "version": "0.7.2",
+      "resolved": "https://registry.npmjs.org/console/-/console-0.7.2.tgz",
+      "integrity": "sha512-+JSDwGunA4MTEgAV/4VBKwUHonP8CzJ/6GIuwPi6acKFqFfHUdSGCm89ZxZ5FfGWdZfkdgAroy5bJ5FSeN/t4g==",
+      "dev": true
+    },
+    "constant-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/constant-case/-/constant-case-3.0.4.tgz",
+      "integrity": "sha512-I2hSBi7Vvs7BEuJDr5dDHfzb/Ruj3FyvFyh7KLilAjNQw3Be+xgqUBA2W6scVEcL0hL1dwPRtIqEPVUCKkSsyQ==",
+      "dev": true,
+      "requires": {
+        "no-case": "^3.0.4",
+        "tslib": "^2.0.3",
+        "upper-case": "^2.0.2"
+      }
+    },
    "conventional-changelog-angular": {
      "version": "5.0.13",
      "resolved": "https://registry.npmmirror.com/conventional-changelog-angular/-/conventional-changelog-angular-5.0.13.tgz",
@ -11078,6 +11286,12 @@
        }
      }
    },
+    "es-module-lexer": {
+      "version": "0.9.3",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-0.9.3.tgz",
+      "integrity": "sha512-1HQ2M2sPtxwnvOvT1ZClHyQDiggdNjURWpY2we6aMKCQiUVxTmVs2UYPLIrD84sS+kMdUwfBSylbJPwNnBrnHQ==",
+      "dev": true
+    },
    "esbuild": {
      "version": "0.16.12",
      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.16.12.tgz",
@ -11518,6 +11732,16 @@
      "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
      "dev": true
    },
+    "header-case": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/header-case/-/header-case-2.0.4.tgz",
+      "integrity": "sha512-H/vuk5TEEVZwrR0lp2zed9OCo1uAILMlx0JEMgC26rzyJJ3N1v6XkwHHXJQdR2doSjcGPM6OKPYoJgf0plJ11Q==",
+      "dev": true,
+      "requires": {
+        "capital-case": "^1.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
    "homedir-polyfill": {
      "version": "1.0.3",
      "resolved": "https://registry.npmmirror.com/homedir-polyfill/-/homedir-polyfill-1.0.3.tgz",
@ -13740,6 +13964,16 @@
        "tslib": "^2.0.3"
      }
    },
+    "path-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/path-case/-/path-case-3.0.4.tgz",
+      "integrity": "sha512-qO4qCFjXqVTrcbPt/hQfhTQ+VhFsqNKOPtytgNKkKxSoEp3XPUQ8ObFuePylOIok5gjn69ry8XiULxCwot3Wfg==",
+      "dev": true,
+      "requires": {
+        "dot-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
    "path-exists": {
      "version": "4.0.0",
      "resolved": "https://registry.npmmirror.com/path-exists/-/path-exists-4.0.0.tgz",
@ -14283,6 +14517,17 @@
      "integrity": "sha512-EjnoLE5OGmDAVV/8YDoN5KiajNadjzIp9BAHOhYeQHt7j0UWxjmgsx4YD48wp4Ue1Qogq38F1GNUJNqF1kKKxA==",
      "dev": true
    },
+    "sentence-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/sentence-case/-/sentence-case-3.0.4.tgz",
+      "integrity": "sha512-8LS0JInaQMCRoQ7YUytAo/xUu5W2XnQxV2HI/6uM6U7CITS1RqPElr30V6uIqyMKM9lJGRVFy5/4CuzcixNYSg==",
+      "dev": true,
+      "requires": {
+        "no-case": "^3.0.4",
+        "tslib": "^2.0.3",
+        "upper-case-first": "^2.0.2"
+      }
+    },
    "set-blocking": {
      "version": "2.0.0",
      "resolved": "https://registry.npmmirror.com/set-blocking/-/set-blocking-2.0.0.tgz",
@ -14356,6 +14601,16 @@
        "babel-code-frame": "^6.26.0"
      }
    },
+    "snake-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/snake-case/-/snake-case-3.0.4.tgz",
+      "integrity": "sha512-LAOh4z89bGQvl9pFfNF8V146i7o7/CqFPbqzYgP+yYzDIDeS9HaNFtXABamRW+AQzEVODcvE79ljJ+8a9YSdMg==",
+      "dev": true,
+      "requires": {
+        "dot-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
    "source-map": {
      "version": "0.6.1",
      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
@ -14836,6 +15091,24 @@
        }
      }
    },
+    "upper-case": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/upper-case/-/upper-case-2.0.2.tgz",
+      "integrity": "sha512-KgdgDGJt2TpuwBUIjgG6lzw2GWFRCW9Qkfkiv0DxqHHLYJHmtmdUIKcZd8rHgFSjopVTlw6ggzCm1b8MFQwikg==",
+      "dev": true,
+      "requires": {
+        "tslib": "^2.0.3"
+      }
+    },
+    "upper-case-first": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/upper-case-first/-/upper-case-first-2.0.2.tgz",
+      "integrity": "sha512-514ppYHBaKwfJRK/pNC6c/OxfGa0obSnAl106u97Ed0I625Nin96KAjttZF6ZL3e1XLtphxnqrOi9iWgm+u+bg==",
+      "dev": true,
+      "requires": {
+        "tslib": "^2.0.3"
+      }
+    },
    "uppercamelcase": {
      "version": "1.1.0",
      "resolved": "https://registry.npmjs.org/uppercamelcase/-/uppercamelcase-1.1.0.tgz",
@ -14961,6 +15234,48 @@
        }
      }
    },
+    "vite-plugin-style-import": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/vite-plugin-style-import/-/vite-plugin-style-import-2.0.0.tgz",
+      "integrity": "sha512-qtoHQae5dSUQPo/rYz/8p190VU5y19rtBaeV7ryLa/AYAU/e9CG89NrN/3+k7MR8mJy/GPIu91iJ3zk9foUOSA==",
+      "dev": true,
+      "requires": {
+        "@rollup/pluginutils": "^4.1.2",
+        "change-case": "^4.1.2",
+        "console": "^0.7.2",
+        "es-module-lexer": "^0.9.3",
+        "fs-extra": "^10.0.0",
+        "magic-string": "^0.25.7",
+        "pathe": "^0.2.0"
+      },
+      "dependencies": {
+        "@rollup/pluginutils": {
+          "version": "4.2.1",
+          "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-4.2.1.tgz",
+          "integrity": "sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ==",
+          "dev": true,
+          "requires": {
+            "estree-walker": "^2.0.1",
+            "picomatch": "^2.2.2"
+          }
+        },
+        "magic-string": {
+          "version": "0.25.9",
+          "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.9.tgz",
+          "integrity": "sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==",
+          "dev": true,
+          "requires": {
+            "sourcemap-codec": "^1.4.8"
+          }
+        },
+        "pathe": {
+          "version": "0.2.0",
+          "resolved": "https://registry.npmjs.org/pathe/-/pathe-0.2.0.tgz",
+          "integrity": "sha512-sTitTPYnn23esFR3RlqYBWn4c45WGeLcsKzQiUpXJAyfcWkolvlYpV8FLo7JishK946oQwMFUCHXQ9AjGPKExw==",
+          "dev": true
+        }
+      }
+    },
    "vite-plugin-vue-setup-extend": {
      "version": "0.4.0",
      "resolved": "https://registry.npmmirror.com/vite-plugin-vue-setup-extend/-/vite-plugin-vue-setup-extend-0.4.0.tgz",
--- a/package.json
+++ b/package.json
@ -48,6 +48,7 @@
    "typescript": "^4.9.3",
    "vite": "^4.0.0",
    "vite-plugin-html": "^3.2.0",
+    "vite-plugin-style-import": "^2.0.0",
    "vite-plugin-vue-setup-extend": "^0.4.0",
    "vue-tsc": "^1.0.11"
  },
--- a/src/api/device.ts
+++ b/src/api/device.ts
@ -1,3 +0,0 @@
-import server from '@/utils/request'
-
-export const deleteMetadata = (deviceId: string) => server.remove(`/device-instance/${deviceId}/metadata`)
--- a/src/api/device/instance.ts
+++ b/src/api/device/instance.ts
@ -0,0 +1,16 @@
+import server from '@/utils/request'
+
+/**
+ * 删除设备物模型
+ * @param deviceId 设备ID
+ * @returns 
+ */
+export const deleteMetadata = (deviceId: string) => server.remove(`/device-instance/${deviceId}/metadata`)
+
+/**
+ * 保存设备物模型
+ * @param id 设备ID
+ * @param data 物模型
+ * @returns 
+ */
+export const saveMetadata = (id: string, data: string) => server.put(`/device/instance/${id}/metadata`, data)
--- a/src/api/device/product.ts
+++ b/src/api/device/product.ts
@ -0,0 +1,26 @@
+import server from '@/utils/request'
+import type { DeviceMetadata } from '@/views/device/Product/typings'
+
+/**
+ * 根据条件查询产品（不带翻页）
+ * @param data 查询条件
+ * @returns 
+ */
+export const queryNoPagingPost = (data: any) => server.post(`/device-product/_query/no-paging?paging=false`, data)
+
+/**
+ * 导入第三方物模型
+ * @param direction from|to
+ * @param type 物模型类型
+ * @param data 物模型数据
+ * @returns 
+ */
+export const convertMetadata = (direction: 'from' | 'to', type: string, data: any) => server.post<DeviceMetadata>(`/device/product/metadata/convert-${direction}/${type}`, data)
+
+/**
+ * 修改产品
+ * @param id 产品ID
+ * @param data 产品数据
+ * @returns 
+ */
+export const modify = (id: string, data: any) => server.put(`/device-product/${id}`, data)
--- a/src/components/Form/FormBuilder.vue
+++ b/src/components/Form/FormBuilder.vue
@ -241,7 +241,7 @@ watch(props.initValue, (newValue: any) => {
 })

 defineExpose({
-  resetModel,
+  reset: resetModel,
  formValidate,
  setItemValue,
  setData
--- a/src/components/PermissionButton/index.vue
+++ b/src/components/PermissionButton/index.vue
@ -25,7 +25,7 @@
    <a-button v-else v-bind="buttonProps" :disabled="_isPermission"></a-button>
  </a-tooltip>
 </template>
-<script setup lang="ts">
+<script setup lang="ts" name="PermissionButton">
 import type { ButtonProps, TooltipProps, PopconfirmProps } from 'ant-design-vue'
 import { usePermissionStore } from '@/store/permission';

--- a/src/components/RadioCard/index.vue
+++ b/src/components/RadioCard/index.vue
@ -0,0 +1,71 @@
+<!-- 单选卡片 -->
+<template>
+    <div class="m-radio">
+        <div
+            class="m-radio-item"
+            :class="{ active: myValue === item.value }"
+            v-for="(item, index) in options"
+            :key="index"
+            @click="myValue = item.value"
+        >
+            <img class="img" :src="item.logo" alt="" />
+            <span>{{ item.label }}</span>
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { PropType } from 'vue';
+
+interface IOption {
+    label: string;
+    value: string;
+    logo: string;
+}
+
+type Emits = {
+    (e: 'update:modelValue', data: string): void;
+};
+const emit = defineEmits<Emits>();
+
+const props = defineProps({
+    options: {
+        type: Array as PropType<IOption[]>,
+        default: () => [],
+    },
+    modelValue: {
+        type: String,
+        default: '',
+    },
+});
+
+const myValue = computed({
+    get: () => props.modelValue,
+    set: (val) => emit('update:modelValue', val),
+});
+</script>
+
+<style lang="less" scoped>
+.m-radio {
+    display: flex;
+    &-item {
+        padding: 10px 15px;
+        margin-right: 15px;
+        border: 1px solid #d9d9d9;
+        border-radius: 2px;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        gap: 5px;
+        cursor: pointer;
+        .img {
+            width: 100px;
+            height: 100px;
+        }
+        &.active {
+            color: #1d39c4;
+            border-color: #1d39c4;
+        }
+    }
+}
+</style>
--- a/src/components/Search/Item.vue
+++ b/src/components/Search/Item.vue
@ -0,0 +1,125 @@
+<template>
+  <div class='JSearch-item'>
+    <div class='JSearch-item--type'>
+      <a-select
+        v-if='index !== 1 && index !== 4'
+        :options='typeOptions'
+        v-model:value='termsModel.type'
+        style='width: 100%;'
+      />
+      <span v-else>
+        {{
+          index === 1 ? '第一组' : '第二组'
+        }}
+      </span>
+    </div>
+    <a-select
+      class='JSearch-item--column'
+      :options='columnOptions'
+      v-model:value='termsModel.column'
+    />
+    <a-select
+      class='JSearch-item--termType'
+      :options='termTypeOptions'
+      v-model:value='termsModel.termType'
+    />
+    <div class='JSearch-item--value'>
+      <a-input
+        v-if='component === componentType.input'
+        v-model:value='termsModel.value'
+      />
+      <a-select
+        v-else-if='component === componentType.select'
+        v-model:value='termsModel.value'
+        :options='options'
+      />
+      <a-inputnumber
+        v-else-if='component === componentType.inputNumber'
+        v-model:value='termsModel.value'
+      />
+      <a-input-password
+        v-else-if='component === componentType.password'
+        v-model:value='termsModel.value'
+      />
+      <a-switch
+        v-else-if='component === componentType.switch'
+        v-model:checked='termsModel.value'
+      />
+      <a-radio-group
+        v-else-if='component === componentType.radio'
+        v-model:value='termsModel.value'
+      />
+      <a-checkbox-group
+        v-else-if='component === componentType.checkbox'
+        v-model:value='termsModel.value'
+        :options='options'
+      />
+      <a-time-picker
+        v-else-if='component === componentType.time'
+        v-model:value='termsModel.value'
+      />
+      <a-date-picker
+        v-else-if='component === componentType.date'
+        v-model:value='termsModel.value'
+      />
+      <a-tree-select
+        v-else-if='component === componentType.tree'
+        v-model:value='termsModel.value'
+        :tree-data='options'
+      />
+    </div>
+  </div>
+</template>
+
+<script setup lang='ts' name='SearchItem'>
+import { componentType } from 'components/Form'
+import { typeOptions } from './util'
+
+const props = defineProps({
+  component: {
+    type: String,
+    default: componentType.input
+  },
+  index: {
+    type: Number,
+    default: 1
+  }
+})
+
+const termsModel = reactive({})
+
+const options = ref([])
+
+const columnOptions = reactive([])
+
+const termTypeOptions = reactive([])
+
+
+</script>
+
+<style scoped lang='less'>
+.JSearch-item {
+  display: flex;
+  gap: 16px;
+
+  .JSearch-item--type {
+    min-width: 120px;
+    > span {
+      line-height: 34px;
+      font-weight: bold;
+    }
+  }
+
+  .JSearch-item--column {
+    min-width: 120px;
+  }
+
+  .JSearch-item--termType {
+    min-width: 120px;
+  }
+
+  .JSearch-item--value {
+    flex: 1 1 auto;
+  }
+}
+</style>
--- a/src/components/Search/Search.vue
+++ b/src/components/Search/Search.vue
@ -0,0 +1,72 @@
+<template>
+  <div class='JSearch-content'>
+    <div class='left'>
+      <SearchItem :index='1' />
+      <SearchItem :index='2' />
+      <SearchItem :index='3' />
+    </div>
+    <div class='center'>
+      <a-select
+        :options='typeOptions'
+      />
+    </div>
+    <div class='right'>
+      <SearchItem :index='4' />
+      <SearchItem :index='5' />
+      <SearchItem :index='6' />
+    </div>
+  </div>
+</template>
+
+<script setup lang='ts' name='Search'>
+import SearchItem from './Item.vue'
+import { typeOptions } from './util'
+
+const props = defineProps({
+  defaultParams: {
+    type: Object,
+    default: () => ({})
+  },
+  columns: {
+    type: Array,
+    default: () => []
+  },
+  type: {
+    type: String,
+    default: 'advanced'
+  },
+
+  key: {
+    type: String,
+    default: '',
+    required: true
+  }
+})
+
+const searchParams = reactive({
+  data: {}
+})
+
+</script>
+
+<style scoped lang='less'>
+.JSearch-content {
+  display: flex;
+  gap: 16px;
+  .left, & .right {
+    display: flex;
+    gap: 16px;
+    flex-direction: column;
+    width: 0;
+    flex-grow: 1;
+    min-width: 0;
+  }
+
+  .center {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    flex-basis: 120px;
+  }
+}
+</style>
--- a/src/components/Search/index.ts
+++ b/src/components/Search/index.ts
@ -0,0 +1,3 @@
+import Search from './Search.vue'
+
+export default Search
--- a/src/components/Search/util.ts
+++ b/src/components/Search/util.ts
@ -0,0 +1,4 @@
+export const typeOptions = [
+  { label: '或者', value: 'or' },
+  { label: '并且', value: 'and' },
+]
--- a/src/components/Table/index.module.less
+++ b/src/components/Table/index.module.less
@ -0,0 +1,52 @@
+.jtable-body {
+    width: 100%;
+    padding: 0 24px 24px;
+    background-color: white;
+    .jtable-body-header {
+        padding: 16px 0;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        .jtable-body-header-right {
+            display: flex;
+            gap: 8px;
+            .jtable-setting-item {
+                color: rgba(0, 0, 0, 0.75);
+                font-size: 16px;
+                cursor: pointer;
+
+                &:hover {
+                    color: @primary-color-hover;
+                }
+
+                &.active {
+                    color: @primary-color-active;
+                }
+            }
+        }
+    }
+    .jtable-content {
+        .jtable-alert {
+            margin-bottom: 16px;
+        }
+        .jtable-card {
+            .jtable-card-items {
+                display: grid;
+                grid-gap: 26px;
+                .jtable-card-item {
+                    display: flex;
+                }
+            }
+        }
+    }
+    .jtable-pagination {
+        margin-top: 20px;
+        display: flex;
+        justify-content: flex-end;
+        :global {
+            .ant-pagination-item {
+                display: none !important;
+            }
+        } 
+    }
+}   
--- a/src/components/Table/index.tsx
+++ b/src/components/Table/index.tsx
@ -0,0 +1,268 @@
+import { UnorderedListOutlined, AppstoreOutlined } from '@ant-design/icons-vue'
+import styles from './index.module.less'
+import { Pagination, Table, Empty, Spin, Alert } from 'ant-design-vue'
+import type { TableProps, ColumnProps } from 'ant-design-vue/es/table'
+import type { TooltipProps } from 'ant-design-vue/es/tooltip'
+import type { PopconfirmProps } from 'ant-design-vue/es/popconfirm'
+import { CSSProperties, PropType } from 'vue';
+
+enum ModelEnum {
+    TABLE = 'TABLE',
+    CARD = 'CARD',
+}
+
+type RequestData = {
+    code: string;
+    result: {
+        data: Record<string, any>[] | undefined;
+        pageIndex: number;
+        pageSize: number;
+        total: number;
+    };
+    status: number;
+} & Record<string, any>;
+
+export interface ActionsType {
+    key: string;
+    text?: string;
+    disabled?: boolean;
+    permission?: boolean;
+    onClick?: (data: any) => void;
+    style?: CSSProperties;
+    tooltip?: TooltipProps;
+    popConfirm?: PopconfirmProps;
+    icon?: string;
+}
+
+export interface JColumnProps extends ColumnProps{
+    scopedSlots?: boolean; // 是否为插槽 true: 是 false: 否
+}
+
+export interface JTableProps extends TableProps{
+    request?: (params: Record<string, any> & {
+        pageSize: number;
+        pageIndex: number;
+    }) => Promise<Partial<RequestData>>;
+    cardBodyClass?: string;
+    columns: JColumnProps[];
+    params?: Record<string, any> & {
+        pageSize: number;
+        pageIndex: number;
+    };
+    model?: keyof typeof ModelEnum | undefined; // 显示table还是card
+    actions?: ActionsType[];
+    noPagination?: boolean;
+    rowSelection?: TableProps['rowSelection'];
+    cardProps?:  Record<string, any>;
+    dataSource?:  Record<string, any>[];
+}
+
+const JTable = defineComponent<JTableProps>({
+    name: 'JTable',
+    slots: [
+        'headerTitle', // 顶部左边插槽
+        'card', // 卡片内容
+    ],
+    emits: [
+        'modelChange', // 切换卡片和表格
+    ],
+    props: {
+        request: {
+            type: Function,
+            default: undefined
+        },
+        cardBodyClass: {
+            type: String,
+            default: ''
+        },
+        columns: {
+            type: Array,
+            default: () => []
+        },
+        params: {
+            type: Object,
+            default: () => {}
+        },
+        model: {
+            type: [String, undefined],
+            default: undefined
+        },
+        actions: {
+            type: Array as PropType<ActionsType[]>,
+            default: () => []
+        },
+        noPagination: {
+            type: Boolean,
+            default: false
+        },
+        rowSelection: {
+            type: Object as PropType<TableProps['rowSelection']>,
+            default: () => undefined
+        },
+        cardProps: {
+            type: Object,
+            default: undefined
+        },
+        dataSource: {
+            type: Array,
+            default: () => []
+        }
+    } as any,
+    setup(props: JTableProps ,{ slots, emit }){
+        const simpleImage = Empty.PRESENTED_IMAGE_SIMPLE
+        const _model = ref<keyof typeof ModelEnum>(props.model ? props.model : ModelEnum.CARD); // 模式切换
+        const column = ref<number>(4);
+        const _dataSource = ref<Record<string, any>[]>([])
+        const pageIndex = ref<number>(0)
+        const pageSize = ref<number>(6)
+        const total = ref<number>(0)
+        const _columns = ref<JColumnProps[]>(props?.columns || [])
+        const loading = ref<boolean>(true)
+
+        // alert关闭，取消选择
+        const handleAlertClose = () => {
+            emit('cancelSelect')
+        }
+
+        /**
+         * 请求数据
+         */
+        const handleSearch = async (_params?: Record<string, any>) => {
+            loading.value = true
+            if(props.request) {
+            const resp = await props.request({
+                    pageSize: 12,
+                    pageIndex: 1,
+                    ..._params
+                })
+                if(resp.status === 200){
+                    // 判断如果是最后一页且最后一页为空，就跳转到前一页
+                    if(resp.result?.data?.length === 0 && resp.result.total && resp.result.pageSize && resp.result.pageIndex) {
+                        handleSearch({
+                            ..._params,
+                            pageSize: pageSize.value,
+                            pageIndex: pageIndex.value - 1,
+                        })
+                    } else {
+                        _dataSource.value = resp.result?.data || []
+                        pageIndex.value = resp.result?.pageIndex || 0
+                        pageSize.value = resp.result?.pageSize || 6
+                        total.value = resp.result?.total || 0
+                    }
+                }
+            } else {
+                _dataSource.value = props?.dataSource || []
+            }
+            
+            loading.value = false
+        }
+
+        watchEffect(() => {
+            handleSearch(props.params)
+        })
+        
+        return () => <Spin spinning={loading.value}>
+                <div class={styles["jtable-body"]}>
+                <div class={styles["jtable-body-header"]}>
+                    <div class={styles["jtable-body-header-left"]}>
+                        {/* 顶部左边插槽 */}
+                        {slots.headerTitle && slots.headerTitle()}
+                    </div>
+                    <div class={styles["jtable-body-header-right"]}>
+                        <div class={[styles["jtable-setting-item"], ModelEnum.CARD === _model.value ? styles['active'] : '']} onClick={() => {
+                            _model.value = ModelEnum.CARD
+                        }}>
+                            <AppstoreOutlined />
+                        </div>
+                        <div class={[styles["jtable-setting-item"], ModelEnum.TABLE === _model.value ? styles['active'] : '']} onClick={() => {
+                            _model.value = ModelEnum.TABLE
+                        }}>
+                            <UnorderedListOutlined  />
+                        </div>
+                    </div>
+                </div>
+                {/* content */}
+                <div class={styles['jtable-content']}>
+                    {
+                        props?.rowSelection && props?.rowSelection?.selectedRowKeys && props.rowSelection.selectedRowKeys?.length ?
+                        <div class={styles['jtable-alert']}>
+                            <Alert
+                                message={'已选择' + props?.rowSelection?.selectedRowKeys?.length + '项'}
+                                type="info"
+                                onClose={handleAlertClose}
+                                closeText={<a>取消选择</a>}
+                             />
+                        </div> : null
+                    }
+                    {
+                        _model.value === ModelEnum.CARD ?
+                        <div class={styles['jtable-card']}>
+                            {
+                                _dataSource.value.length ? 
+                                <div 
+                                    class={styles['jtable-card-items']}
+                                    style={{gridTemplateColumns: `repeat(${column.value}, 1fr)`}}
+                                >
+                                    {
+                                        _dataSource.value.map(item => slots.card ? 
+                                            <div class={[styles['jtable-card-item'], props.cardBodyClass]}>{slots.card({row: item, actions: props?.actions || []})}</div>
+                                            : null)
+                                    }
+                                </div> : 
+                                <div><Empty image={Empty.PRESENTED_IMAGE_SIMPLE} /></div>
+                            }
+                        </div> :
+                        <div>
+                            <Table
+                                dataSource={_dataSource.value}
+                                columns={_columns.value}
+                                pagination={false}
+                                rowKey="id"
+                                rowSelection={props.rowSelection}
+                                scroll={{x: 1366}}
+                                v-slots={{
+                                    bodyCell: (dt: Record<string, any>) => {
+                                        const {column, record} = dt;
+                                        if((column?.key || column?.dataIndex) && column?.scopedSlots && (slots?.[column?.dataIndex] || slots?.[column?.key])) {
+                                            const _key = column?.key || column?.dataIndex
+                                            return slots?.[_key]!({row: record, actions: props.actions})
+                                        } else {
+                                            return record?.[column?.dataIndex] || ''
+                                        }
+                                    }
+                                }}
+                             />
+                        </div>
+                    }
+                </div>
+                {/* 分页 */}
+                {
+                    _dataSource.value.length && !props.noPagination &&
+                    <div class={styles['jtable-pagination']}>
+                        <Pagination 
+                            size="small" 
+                            total={total.value}
+                            showQuickJumper={false}
+                            showSizeChanger={true}
+                            current={pageIndex.value}
+                            pageSize={pageSize.value}
+                            pageSizeOptions={['12', '24', '48', '60', '100']}
+                            showTotal={(total, range) => {
+                                return `第 ${range[0]} - ${range[1]} 条/总共 ${total} 条`
+                            }}
+                            onChange={(page, size) => {
+                                handleSearch({
+                                    ...props.params,
+                                    pageSize: size,
+                                    pageIndex: pageSize.value === size ? page : 1,
+                                })
+                            }}
+                        />
+                    </div>
+                }
+            </div>
+        </Spin>
+    }
+})
+
+export default JTable
--- a/src/components/Table/index.vue
+++ b/src/components/Table/index.vue
@ -79,7 +79,7 @@
    </a-spin>
 </template>

-<script setup lang="ts">
+<script setup lang="ts" name="JTable">
 import { UnorderedListOutlined, AppstoreOutlined } from '@ant-design/icons-vue'
 import type { TableProps, ColumnsType } from 'ant-design-vue/es/table'
 import type { TooltipProps } from 'ant-design-vue/es/tooltip'
--- a/src/components/index.ts
+++ b/src/components/index.ts
@ -1,10 +1,11 @@
 import type { App } from 'vue'
 import AIcon from './AIcon'
 import PermissionButton from './PermissionButton/index.vue'
-import JTable from './Table/index.vue'
+import JTable from './Table/index'
 import TitleComponent from "./TitleComponent/index.vue";
 import Form from './Form';
 import CardBox from './CardBox/index.vue';
+import Search from './Search'

 export default  {
    install(app: App) {
@ -14,5 +15,6 @@ export default  {
            .component('TitleComponent', TitleComponent)
            .component('Form', Form)
            .component('CardBox', CardBox)
+            .component('Search', Search)
    }
 }
--- a/src/main.ts
+++ b/src/main.ts
@ -3,7 +3,7 @@ import App from './App.vue'
 import store from './store'
 import router from './router'
 import components from './components'
-import './style.css'
+import './style.less'
 import 'ant-design-vue/es/notification/style/css';
 import Antd from 'ant-design-vue/es'

--- a/src/router/index.ts
+++ b/src/router/index.ts
@ -8,9 +8,15 @@ const router = createRouter({
    routes: menus
 })

+const filterPath = [
+  '/form',
+  '/search'
+]
+
 router.beforeEach((to, from, next) => {
    const token = LocalStore.get(TOKEN_KEY)
-    if (token) {
+
+    if (token || filterPath.includes(to.path)) {
        next()
    } else {
        if (to.path === LoginPath) {
--- a/src/router/menu.ts
+++ b/src/router/menu.ts
@ -44,6 +44,26 @@ export default [
        path: '/form',
        component: () => import('@/views/demo/Form.vue')
    },
+    {
+        path: '/search',
+        component: () => import('@/views/demo/Search.vue')
+    },
+    {
+        path: '/notice/Config',
+        component: () => import('@/views/notice/Config/index.vue')
+    },
+    {
+        path: '/notice/Config/detail/:id',
+        component: () => import('@/views/notice/Config/Detail/index.vue')
+    },
+    {
+        path: '/notice/Template',
+        component: () => import('@/views/notice/Template/index.vue')
+    },
+    {
+        path: '/notice/Template/detail/:id',
+        component: () => import('@/views/notice/Template/Detail/index.vue')
+    },
    // end: 测试用, 可删除

    // link 运维管理
@ -69,7 +89,7 @@ export default [
    },
    // 初始化
    {
-      path: '/init-home',
-      component: () => import('@/views/init-home/index.vue')
-  },
+        path: '/init-home',
+        component: () => import('@/views/init-home/index.vue')
+    },
 ]
--- a/src/store/instance.ts
+++ b/src/store/instance.ts
@ -0,0 +1,7 @@
+import { InstanceModel } from "@/views/device/instance/typings";
+import { defineStore } from "pinia";
+
+export const useInstanceStore = defineStore({
+  id: 'device',
+  state: () => ({} as InstanceModel),
+});
--- a/src/style.less
+++ b/src/style.less
--- a/src/utils/request.ts
+++ b/src/utils/request.ts
@ -26,23 +26,24 @@ export const request = axios.create({
 * @param {String} responseType 如果接口是需要导出文件流，那么responseType = 'blob'
 * @returns {AxiosInstance}
 */
-export const post = function(url: string, data = {}, params = {}) {
+export const post = function<T>(url: string, data = {}, params = {}) {
    params = typeof params === 'string' ? { responseType: params } : params
-    return request({
+    return request<any, AxiosResponseRewrite<T>>({
        ...params,
        method: 'POST',
        url,
        data
    })
 }
+
 /**
 * put method request
 * @param {String} url
 * @param {Object} [data]
 * @returns {AxiosInstance}
 */
-export const put = function(url: string, data = {},) {
-    return request({
+export const put = function<T>(url: string, data = {},) {
+    return request<any, AxiosResponseRewrite<T>>({
        method: 'PUT',
        url,
        data
@ -55,8 +56,8 @@ export const put = function(url: string, data = {},) {
 * @param {Object} [data]
 * @returns {AxiosInstance}
 */
-export const patch = function(url: string, data = {}) {
-    return request({
+export const patch = function<T>(url: string, data = {}) {
+    return request<any, AxiosResponseRewrite<T>>({
        method: 'PATCH',
        url,
        data
@ -69,8 +70,8 @@ export const patch = function(url: string, data = {}) {
 * @param {Object} [ext] 扩展参数
 * @returns {AxiosInstance}
 */
-export const get = function(url: string, params = {},  ext?: any) {
-    return request({
+export const get = function<T>(url: string, params = {},  ext?: any) {
+    return request<any, AxiosResponseRewrite<T>>({
        method: 'GET',
        url,
        params,
@ -85,8 +86,8 @@ export const get = function(url: string, params = {},  ext?: any) {
 * @param {Object} [ext] 扩展参数
 * @returns {AxiosInstance}
 */
-export const remove = function(url: string, params = {}, ext?: any) {
-    return request({
+export const remove = function<T>(url: string, params = {}, ext?: any) {
+    return request<any, AxiosResponseRewrite<T>>({
        method: 'DELETE',
        url,
        params,
@ -101,7 +102,7 @@ export const remove = function(url: string, params = {}, ext?: any) {
 * @return {*}
 */
 export const getStream = function(url: string, params = {}) {
-    return get(url, params, {
+    return get<any>(url, params, {
        responseType: 'arraybuffer' // 设置请求数据类型，返回blob可解析类型
    })
 }
--- a/src/views/demo/Form.vue
+++ b/src/views/demo/Form.vue
@ -21,7 +21,7 @@ const submit = () => {
 }

 const reset = () => {
-
+  form.value.reset()
 }

 const setValue =() => {
--- a/src/views/demo/Search.vue
+++ b/src/views/demo/Search.vue
@ -0,0 +1,15 @@
+<template>
+  <div class='search'>
+    <Search />
+  </div>
+</template>
+
+<script>
+
+</script>
+
+<style scoped>
+.search {
+  width: calc(100% - 330px);
+}
+</style>
--- a/src/views/demo/table/index.vue
+++ b/src/views/demo/table/index.vue
@ -38,14 +38,14 @@
                <a-button type="primary">新增</a-button>
            </template>
            <template #card="slotProps">
-                <CardBox :value="slotProps" @click="handleClick" :actions="actions" v-bind="slotProps" :active="_selectedRowKeys.includes(slotProps.id)">
+                <CardBox :value="slotProps" @click="handleClick" :actions="slotProps.actions" v-bind="slotProps.row" :active="_selectedRowKeys.includes(slotProps.row.id)">
                    <template #img>
                        <slot name="img">
                            <img :src="getImage('/device-product.png')" />
                        </slot>
                    </template>
                    <template #content>
-                         <h3>{{slotProps.name}}</h3>
+                         <h3>{{slotProps.row.name}}</h3>
                         <a-row>
                            <a-col :span="12">
                                <div class="card-item-content-text">
@ -68,11 +68,11 @@
            </template>
            <template #action="slotProps">
                <a-space :size="16">
-                    <a-tooltip v-for="i in actions" :key="i.key" v-bind="i.tooltip">
+                    <a-tooltip v-for="i in slotProps.actions" :key="i.key" v-bind="i.tooltip">
                        <a-popconfirm v-if="i.popConfirm" v-bind="i.popConfirm">
                            <a-button style="padding: 0" type="link"><AIcon :type="i.icon" /></a-button>
                        </a-popconfirm>
-                        <a-button style="padding: 0" type="link" v-else @click="i.onClick && i.onClick(slotProps)">
+                        <a-button style="padding: 0" type="link" v-else @click="i.onClick && i.onClick(slotProps.row)">
                            <AIcon :type="i.icon" />
                        </a-button>
                    </a-tooltip>
--- a/src/views/demo/test.tsx
+++ b/src/views/demo/test.tsx
@ -0,0 +1,9 @@
+import { Button } from 'ant-design-vue'
+
+export default defineComponent({
+    setup(){
+        return () => <div>
+        <Button type='primary'>新增</Button>
+    </div>
+    }
+})
--- a/src/views/device/Instance/typings.d.ts
+++ b/src/views/device/Instance/typings.d.ts
@ -0,0 +1,84 @@
+export type DeviceInstance = {
+  id: string;
+  name: string;
+  describe: string;
+  description: string;
+  productId: string;
+  productName: string;
+  protocolName: string;
+  security: any;
+  deriveMetadata: string;
+  metadata: string;
+  binds: any;
+  state: {
+    value: string;
+    text: string;
+  };
+  creatorId: string;
+  creatorName: string;
+  createTime: number;
+  registryTime: string;
+  disabled?: boolean;
+  aloneConfiguration?: boolean;
+  deviceType: {
+    value: string;
+    text: string;
+  };
+  transportProtocol: string;
+  messageProtocol: string;
+  orgId: string;
+  orgName: string;
+  configuration: Record<string, any>;
+  relations?: any[];
+  cachedConfiguration: any;
+  transport: string;
+  protocol: string;
+  address: string;
+  registerTime: number;
+  onlineTime: string | number;
+  offlineTime: string | number;
+  tags: any;
+  photoUrl: string;
+  independentMetadata?: boolean;
+  accessProvider?: string;
+  accessId?: string;
+  features?: any[];
+  parentId?: string;
+  classifiedName?: string;
+};
+
+type Unit = {
+  id: string;
+  name: string;
+  symbol: string;
+  text: string;
+  type: string;
+  value: string;
+  description: string;
+};
+
+type PropertyData = {
+  data: {
+    value?:
+      | {
+          formatValue: string;
+          property: string;
+          value: any;
+        }
+      | any;
+    timeString: string;
+    timestamp: number;
+    formatValue: string;
+    property: string;
+  };
+};
+
+type InstanceModel = {
+  current: Partial<DeviceInstance>;
+  detail: Partial<DeviceInstance>;
+  config: any;
+  metadataItem: MetadataItem;
+  params: Set<string>; // 处理无限循环Card
+  active?: string; // 当前编辑的Card
+  selectedRows: Map<string, any>;
+}
--- a/src/views/device/Product/typings.d.ts
+++ b/src/views/device/Product/typings.d.ts
@ -0,0 +1,179 @@
+import type { BaseItem, State } from '@/utils/typings';
+
+type DeviceType = {
+  text: string;
+  value: string;
+};
+
+export type ProductItem = {
+  id: string;
+  name: string;
+  classifiedId: string | string[];
+  classifiedName: string;
+  configuration: Record<string, any>;
+  createTime: number;
+  updateTime: number;
+  creatorId: string;
+  deviceType: DeviceType;
+  deviceTypeId?: string;
+  count?: number;
+  messageProtocol: string;
+  metadata: string;
+  orgId: string;
+  protocolName: string;
+  state: number;
+  transportProtocol: string;
+  describe?: string;
+  accessId?: string;
+  accessName?: string;
+  photoUrl?: string;
+  storePolicy?: string;
+  accessProvider?: string;
+  modifyTime?: string;
+};
+
+export type ConfigProperty = {
+  property: string;
+  name: string;
+  description: string;
+  type: {
+    name: string;
+    id: string;
+    type: string;
+    elements?: any[];
+    expands?: any;
+  };
+  scopes: any[];
+};
+
+export type ConfigMetadata = {
+  name: string;
+  description: string;
+  scopes: any[];
+  properties: ConfigProperty[];
+};
+
+export type MetadataType = 'events' | 'functions' | 'properties' | 'tags';
+
+export type DeviceMetadata = {
+  events: Partial<EventMetadata>[];
+  properties: Partial<PropertyMetadata>[];
+  functions: Partial<FunctionMetadata>[];
+  tags: Partial<TagMetadata>[];
+};
+export type MetadataItem = Partial<EventMetadata | PropertyMetadata | FunctionMetadata> &
+  Record<string, any>;
+
+type EventMetadata = {
+  id: string;
+  name: string;
+  expands?: {
+    eventType?: string;
+    level?: string;
+  } & Record<string, any>;
+  valueType: {
+    type: string;
+    properties: {
+      id: string;
+      name: string;
+      dataType: string;
+      valueType: {
+        type: string;
+      } & Record<any, any>;
+    }[];
+  };
+  description: string;
+};
+type FunctionMetadata = {
+  id: string;
+  name: string;
+  async: boolean;
+  output: Record<string, unknown>;
+  inputs: ({
+    id: string;
+    name: string;
+    valueType: {
+      type: string;
+    } & Record<any, any>;
+  } & Record<string, any>)[];
+};
+type PropertyMetadata = {
+  id: string;
+  name: string;
+  dataType?: string;
+  valueType: {
+    type: string;
+  } & Record<any, any>;
+  expands: Record<string, any>;
+  description?: string;
+  // 运行状态处需要数据
+  list?: Record<string, unknown>[];
+};
+type TagMetadata = {
+  id: string;
+  name: string;
+  valueType: {
+    type: string;
+  } & Record<string, any>;
+  expands: Record<string, any>;
+};
+
+type AlarmRule = {
+  actions: {
+    configuration: Record<string, unknown>;
+    executor: string;
+  }[];
+  productId: string;
+  productName: string;
+  properties: Record<string, unknown>[];
+  shakeLimit: Record<string, unknown>;
+  triggers: Record<string, unknown>[];
+} & BaseItem;
+
+type AlarmSetting = {
+  state: State;
+  createTime: number;
+  target: string;
+  targetId: string;
+  alarmRule: AlarmRule[];
+} & BaseItem;
+
+type AlarmRecord = {
+  id: string;
+  alarmId: string;
+  alarmName: string;
+  alarmTime: number;
+  description: string;
+  deviceId: string;
+  deviceName: string;
+  productId: string;
+  productName: string;
+  state: string;
+  updateTime: number;
+  alarmData: {
+    alarmId: string;
+    alarmName: string;
+    deviceId: string;
+    deviceName: string;
+    id: string;
+    productId: string;
+    productName: string;
+    timestamp: number;
+  } & Record<string, unknown>;
+};
+
+type UnitType = {
+  id: string;
+  name: string;
+  description: string;
+  symbol: string;
+  text: string;
+  type: string;
+  value: string;
+};
+
+type ObserverMetadata = {
+  type: unknown[];
+  subscribe: (data: any) => void;
+  next: (data: any) => void;
+};
--- a/src/views/notice/Config/Detail/components/EditTable.vue
+++ b/src/views/notice/Config/Detail/components/EditTable.vue
@ -0,0 +1,87 @@
+<!-- webhook请求头可编辑表格 -->
+<template>
+    <a-table
+        :columns="columns"
+        :data-source="dataSource"
+        bordered
+        :pagination="false"
+    >
+        <template #bodyCell="{ column, text, record }">
+            <template v-if="['KEY', 'VALUE'].includes(column.dataIndex)">
+                <a-input v-model="record[column.dataIndex]" />
+            </template>
+            <template v-else-if="column.dataIndex === 'operation'">
+                <a-button type="text">
+                    <template #icon>
+                        <delete-outlined @click="handleDelete(record.idx)" />
+                    </template>
+                </a-button>
+            </template>
+        </template>
+    </a-table>
+    <a-button
+        type="dashed"
+        @click="handleAdd"
+        style="width: 100%; margin-top: 5px"
+    >
+        <template #icon>
+            <plus-outlined />
+        </template>
+        添加
+    </a-button>
+</template>
+
+<script setup lang="ts">
+import { PlusOutlined, DeleteOutlined } from '@ant-design/icons-vue';
+// import { cloneDeep } from 'lodash-es';
+// import { defineComponent, reactive, ref } from 'vue';
+// import type { UnwrapRef } from 'vue';
+
+interface DataItem {
+    idx: number;
+    KEY: string;
+    VALUE: string;
+}
+
+const data: DataItem[] = [];
+for (let i = 0; i < 2; i++) {
+    data.push({
+        idx: i,
+        KEY: `key ${i}`,
+        VALUE: `value${i}`,
+    });
+}
+
+const columns = [
+    {
+        title: 'KEY',
+        dataIndex: 'KEY',
+    },
+    {
+        title: 'VALUE',
+        dataIndex: 'VALUE',
+    },
+    {
+        title: '操作',
+        dataIndex: 'operation',
+        width: 80,
+        fixed: 'right',
+    },
+];
+
+const dataSource = ref(data);
+console.log('dataSource: ', dataSource.value);
+
+const handleDelete = (idx: number) => {
+    dataSource.value.splice(idx, 1);
+};
+const handleAdd = () => {
+    dataSource.value.push({
+        idx: dataSource.value.length + 1,
+        KEY: `key ${dataSource.value.length + 1}`,
+        VALUE: `value ${dataSource.value.length + 1}`,
+    });
+};
+</script>
+
+<style lang="less" scoped></style>
--- a/src/views/notice/Config/Detail/index.vue
+++ b/src/views/notice/Config/Detail/index.vue
@ -0,0 +1,413 @@
+<!-- 通知配置详情 -->
+<template>
+    <div class="page-container">
+        <a-card>
+            <a-row>
+                <a-col :span="10">
+                    <a-form layout="vertical">
+                        <a-form-item
+                            label="通知方式"
+                            v-bind="validateInfos.type"
+                        >
+                            <a-select
+                                v-model:value="formData.type"
+                                placeholder="请选择通知方式"
+                            >
+                                <a-select-option
+                                    v-for="(item, index) in NOTICE_METHOD"
+                                    :key="index"
+                                    :value="item.value"
+                                >
+                                    {{ item.label }}
+                                </a-select-option>
+                            </a-select>
+                        </a-form-item>
+                        <a-form-item label="名称" v-bind="validateInfos.name">
+                            <a-input
+                                v-model:value="formData.name"
+                                placeholder="请输入名称"
+                            />
+                        </a-form-item>
+                        <a-form-item
+                            label="类型"
+                            v-bind="validateInfos.provider"
+                            v-if="formData.type !== 'email'"
+                        >
+                            <RadioCard
+                                :options="msgType"
+                                v-model="formData.provider"
+                            />
+                        </a-form-item>
+                        <!-- 钉钉 -->
+                        <template v-if="formData.type === 'dingTalk'">
+                            <template
+                                v-if="formData.provider === 'dingTalkMessage'"
+                            >
+                                <a-form-item
+                                    label="AppKey"
+                                    v-bind="
+                                        validateInfos['configuration.appKey']
+                                    "
+                                >
+                                    <a-input
+                                        v-model:value="
+                                            formData.configuration.appKey
+                                        "
+                                        placeholder="请输入AppKey"
+                                    />
+                                </a-form-item>
+                                <a-form-item
+                                    label="AppSecret"
+                                    v-bind="
+                                        validateInfos['configuration.appSecret']
+                                    "
+                                >
+                                    <a-input
+                                        v-model:value="
+                                            formData.configuration.appSecret
+                                        "
+                                        placeholder="请输入AppSecret"
+                                    />
+                                </a-form-item>
+                            </template>
+                            <template
+                                v-if="
+                                    formData.provider === 'dingTalkRobotWebHook'
+                                "
+                            >
+                                <a-form-item
+                                    label="webHook"
+                                    v-bind="validateInfos['configuration.url']"
+                                >
+                                    <a-input
+                                        v-model:value="
+                                            formData.configuration.url
+                                        "
+                                        placeholder="请输入webHook"
+                                    />
+                                </a-form-item>
+                            </template>
+                        </template>
+                        <!-- 微信 -->
+                        <template v-if="formData.type === 'weixin'">
+                            <a-form-item
+                                label="corpId"
+                                v-bind="validateInfos['configuration.corpId']"
+                            >
+                                <a-input
+                                    v-model:value="
+                                        formData.configuration.corpId
+                                    "
+                                    placeholder="请输入corpId"
+                                />
+                            </a-form-item>
+                            <a-form-item
+                                label="corpSecret"
+                                v-bind="
+                                    validateInfos['configuration.corpSecret']
+                                "
+                            >
+                                <a-input
+                                    v-model:value="
+                                        formData.configuration.corpSecret
+                                    "
+                                    placeholder="请输入corpSecret"
+                                />
+                            </a-form-item>
+                        </template>
+                        <!-- 邮件 -->
+                        <template v-if="formData.type === 'email'">
+                            <a-form-item
+                                label="服务器地址"
+                                v-bind="validateInfos['configuration.host']"
+                            >
+                                <a-space>
+                                    <a-input
+                                        v-model:value="
+                                            formData.configuration.host
+                                        "
+                                        placeholder="请输入服务器地址"
+                                    />
+                                    <a-input-number
+                                        v-model:value="
+                                            formData.configuration.port
+                                        "
+                                    />
+                                    <a-checkbox
+                                        v-model:value="
+                                            formData.configuration.ssl
+                                        "
+                                    >
+                                        开启SSL
+                                    </a-checkbox>
+                                </a-space>
+                            </a-form-item>
+                            <a-form-item
+                                label="发件人"
+                                v-bind="validateInfos['configuration.sender']"
+                            >
+                                <a-input
+                                    v-model:value="
+                                        formData.configuration.sender
+                                    "
+                                    placeholder="请输入发件人"
+                                />
+                            </a-form-item>
+                            <a-form-item
+                                label="用户名"
+                                v-bind="validateInfos['configuration.username']"
+                            >
+                                <a-input
+                                    v-model:value="
+                                        formData.configuration.username
+                                    "
+                                    placeholder="请输入用户名"
+                                />
+                            </a-form-item>
+                            <a-form-item
+                                label="密码"
+                                v-bind="validateInfos['configuration.password']"
+                            >
+                                <a-input
+                                    v-model:value="
+                                        formData.configuration.password
+                                    "
+                                    placeholder="请输入密码"
+                                />
+                            </a-form-item>
+                        </template>
+                        <!-- 语音/短信 -->
+                        <template
+                            v-if="
+                                formData.type === 'voice' ||
+                                formData.type === 'sms'
+                            "
+                        >
+                            <a-form-item
+                                label="RegionId"
+                                v-bind="validateInfos['configuration.regionId']"
+                            >
+                                <a-select
+                                    v-model:value="
+                                        formData.configuration.regionId
+                                    "
+                                    placeholder="请选择RegionId"
+                                >
+                                    <a-select-option
+                                        v-for="(item, index) in regionList"
+                                        :key="index"
+                                        :value="item.value"
+                                    >
+                                        {{ item.label }}
+                                    </a-select-option>
+                                </a-select>
+                            </a-form-item>
+                            <a-form-item
+                                label="AccessKeyId"
+                                v-bind="
+                                    validateInfos['configuration.accessKeyId']
+                                "
+                            >
+                                <a-input
+                                    v-model:value="
+                                        formData.configuration.accessKeyId
+                                    "
+                                    placeholder="请输入AccessKeyId"
+                                />
+                            </a-form-item>
+                            <a-form-item
+                                label="Secret"
+                                v-bind="validateInfos['configuration.secret']"
+                            >
+                                <a-input
+                                    v-model:value="
+                                        formData.configuration.secret
+                                    "
+                                    placeholder="Secret"
+                                />
+                            </a-form-item>
+                        </template>
+                        <!-- webhook -->
+                        <template v-if="formData.type === 'webhook'">
+                            <a-form-item
+                                label="Webhook"
+                                v-bind="validateInfos['configuration.url']"
+                            >
+                                <a-input
+                                    v-model:value="formData.configuration.url"
+                                    placeholder="请输入Webhook"
+                                />
+                            </a-form-item>
+                            <a-form-item label="请求头">
+                                <EditTable
+                                    v-model:headers="
+                                        formData.configuration.headers
+                                    "
+                                />
+                            </a-form-item>
+                        </template>
+                        <a-form-item label="说明">
+                            <a-textarea
+                                v-model:value="formData.description"
+                                show-count
+                                :maxlength="200"
+                                :rows="5"
+                                placeholder="请输入说明"
+                            />
+                        </a-form-item>
+                        <a-form-item :wrapper-col="{ offset: 0, span: 3 }">
+                            <a-button
+                                type="primary"
+                                @click="handleSubmit"
+                                style="width: 100%"
+                            >
+                                保存
+                            </a-button>
+                        </a-form-item>
+                    </a-form>
+                </a-col>
+                <a-col :span="12" :push="2"></a-col>
+            </a-row>
+        </a-card>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { getImage, LocalStore } from '@/utils/comm';
+import { Form } from 'ant-design-vue';
+import { message } from 'ant-design-vue';
+import { ConfigFormData } from '../types';
+import {
+    NOTICE_METHOD,
+    CONFIG_FIELD_MAP,
+    MSG_TYPE,
+} from '@/views/notice/const';
+import regionList from './regionId';
+import EditTable from './components/EditTable.vue'
+
+const useForm = Form.useForm;
+
+// 消息类型
+const msgType = ref([
+    {
+        label: '钉钉消息',
+        value: 'dingTalkMessage',
+        logo: getImage('/notice/dingtalk.png'),
+    },
+    {
+        label: '群机器人消息',
+        value: 'dingTalkRobotWebHook',
+        logo: getImage('/notice/dingTalk-rebot.png'),
+    },
+]);
+
+// 表单数据
+const formData = ref<ConfigFormData>({
+    configuration: {
+        appKey: '',
+        appSecret: '',
+        url: '',
+    },
+    description: '',
+    name: '',
+    provider: 'dingTalkMessage',
+    type: NOTICE_METHOD[0].value,
+});
+
+// 根据通知方式展示对应的字段
+watch(
+    () => formData.value.type,
+    (val) => {
+        formData.value.configuration = CONFIG_FIELD_MAP[val];
+        msgType.value = MSG_TYPE[val];
+
+        formData.value.provider = msgType.value[0].value;
+    },
+);
+
+// 验证规则
+const formRules = ref({
+    type: [{ required: true, message: '请选择通知方式' }],
+    name: [
+        { required: true, message: '请输入名称' },
+        { max: 64, message: '最多可输入64个字符' },
+    ],
+    provider: [{ required: true, message: '请选择类型' }],
+    // 钉钉
+    'configuration.appKey': [
+        { required: true, message: '请输入AppKey' },
+        { max: 64, message: '最多可输入64个字符' },
+    ],
+    'configuration.appSecret': [
+        { required: true, message: '请输入AppSecret' },
+        { max: 64, message: '最多可输入64个字符' },
+    ],
+    // 'configuration.url': [{ required: true, message: '请输入WebHook' }],
+    // 微信
+    'configuration.corpId': [
+        { required: true, message: '请输入corpId' },
+        { max: 64, message: '最多可输入64个字符' },
+    ],
+    'configuration.corpSecret': [
+        { required: true, message: '请输入corpSecret' },
+        { max: 64, message: '最多可输入64个字符' },
+    ],
+    // 阿里云语音/短信
+    'configuration.regionId': [
+        { required: true, message: '请输入RegionId' },
+        { max: 64, message: '最多可输入64个字符' },
+    ],
+    'configuration.accessKeyId': [
+        { required: true, message: '请输入AccessKeyId' },
+        { max: 64, message: '最多可输入64个字符' },
+    ],
+    'configuration.secret': [
+        { required: true, message: '请输入Secret' },
+        { max: 64, message: '最多可输入64个字符' },
+    ],
+    // 邮件
+    'configuration.host': [{ required: true, message: '请输入服务器地址' }],
+    'configuration.sender': [{ required: true, message: '请输入发件人' }],
+    'configuration.username': [
+        { required: true, message: '请输入用户名' },
+        { max: 64, message: '最多可输入64个字符' },
+    ],
+    'configuration.password': [
+        { required: true, message: '请输入密码' },
+        { max: 64, message: '最多可输入64个字符' },
+    ],
+    // webhook
+    'configuration.url': [
+        { required: true, message: '请输入Webhook' },
+        {
+            pattern:
+                /^(((ht|f)tps?):\/\/)?([^!@#$%^&*?.\s-]([^!@#$%^&*?.\s]{0,63}[^!@#$%^&*?.\s])?\.)+[a-z]{2,6}\/?/,
+            message: 'Webhook需要是一个合法的URL',
+            trigger: 'blur',
+        },
+    ],
+    description: [{ max: 200, message: '最多可输入200个字符' }],
+});
+
+const { resetFields, validate, validateInfos } = useForm(
+    formData.value,
+    formRules.value,
+);
+console.log('validateInfos: ', validateInfos);
+
+/**
+ * 表单提交
+ */
+const handleSubmit = () => {
+    validate()
+        .then(async () => {})
+        .catch((err) => {});
+};
+</script>
+
+<style lang="less" scoped>
+.page-container {
+    background: #f0f2f5;
+    padding: 24px;
+}
+</style>
--- a/src/views/notice/Config/Detail/regionId.ts
+++ b/src/views/notice/Config/Detail/regionId.ts
@ -0,0 +1,119 @@
+//  数据来源 https://help.aliyun.com/document_detail/188196.html
+export default [
+  /** 公共云 */
+  //中国地区（包含中国香港、中国澳门，不包含中国台湾）
+  {
+    value: 'cn-qingdao',
+    label: '华北1（青岛）',
+  },
+  {
+    value: 'cn-beijing',
+    label: '华北2（北京）',
+  },
+  {
+    value: 'cn-zhangjiakou',
+    label: '华北3（张家口）',
+  },
+  {
+    value: 'cn-huhehaote',
+    label: '华北5（呼和浩特）',
+  },
+  {
+    value: 'cn-wulanchabu',
+    label: '华北6（乌兰察布）',
+  },
+  {
+    value: 'cn-hangzhou',
+    label: '华东1（杭州）',
+  },
+  {
+    value: 'cn-shanghai',
+    label: '华东2（上海）',
+  },
+  {
+    value: 'cn-nanjing',
+    label: '华东5 （南京-本地地域）',
+  },
+  {
+    value: 'cn-fuzhou',
+    label: '华东6（福州-本地地域）',
+  },
+  {
+    value: 'cn-shenzhen',
+    label: '华南1（深圳）',
+  },
+  {
+    value: 'cn-heyuan',
+    label: '华南2（河源）',
+  },
+  {
+    value: 'cn-guangzhou',
+    label: '华南3（广州）',
+  },
+  {
+    value: 'cn-chengdu',
+    label: '西南1（成都）',
+  },
+  {
+    value: 'cn-hongkong',
+    label: '中国香港',
+  },
+
+  //其他国家和地区
+  {
+    value: 'ap-southeast-1',
+    label: '新加坡',
+  },
+  {
+    value: 'ap-southeast-2',
+    label: '澳大利亚（悉尼）',
+  },
+  {
+    value: 'ap-southeast-3',
+    label: '马来西亚（吉隆坡）',
+  },
+  {
+    value: 'ap-southeast-5',
+    label: '印度尼西亚（雅加达）',
+  },
+  {
+    value: 'ap-southeast-6',
+    label: '菲律宾（马尼拉）',
+  },
+  {
+    value: 'ap-southeast-7',
+    label: '泰国（曼谷）',
+  },
+  {
+    value: 'ap-south-1',
+    label: '印度（孟买）',
+  },
+  {
+    value: 'ap-northeast-1',
+    label: '日本（东京）',
+  },
+  {
+    value: 'ap-northeast-2',
+    label: '韩国（首尔）',
+  },
+  {
+    value: 'us-west-1',
+    label: '美国（硅谷）',
+  },
+  {
+    value: 'us-east-1',
+    label: '美国（弗吉尼亚）',
+  },
+  {
+    value: 'eu-central-1',
+    label: '德国（法兰克福）',
+  },
+  {
+    value: 'eu-west-1',
+    label: '英国（伦敦）',
+  },
+  {
+    value: 'me-east-1',
+    label: '阿联酋（迪拜）',
+  },
+];
--- a/src/views/notice/Config/index.vue
+++ b/src/views/notice/Config/index.vue
@ -0,0 +1,8 @@
+<!-- 通知配置 -->
+<template>
+    <div class="page-container">通知配置</div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style lang="less" scoped></style>
--- a/src/views/notice/Config/types.d.ts
+++ b/src/views/notice/Config/types.d.ts
@ -0,0 +1,37 @@
+interface IHeaders {
+    key: string;
+    value: string;
+}
+export type ConfigFormData = {
+    configuration: {
+        // 钉钉
+        appKey?: string;
+        appSecret?: string;
+        url?: string;
+        // 微信
+        corpId?: string;
+        corpSecret?: string;
+        // 邮件
+        host?: string;
+        port?: number;
+        ssl?: boolean;
+        sender?: string;
+        username?: string;
+        password?: string;
+        // 语音
+        regionId?: string;
+        accessKeyId?: string;
+        secret?: string;
+        // 短信
+        regionId?: string;
+        accessKeyId?: string;
+        secret?: string;
+        // webhook
+        // url?: string;
+        headers?: IHeaders[];
+    };
+    description: string;
+    name: string;
+    provider: string;
+    type: string;
+};
--- a/src/views/notice/Template/Detail/index.vue
+++ b/src/views/notice/Template/Detail/index.vue
@ -0,0 +1,8 @@
+<!-- 通知模板详情 -->
+<template>
+    <div class="page-container">通知模板详情</div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style lang="less" scoped></style>
--- a/src/views/notice/Template/index.vue
+++ b/src/views/notice/Template/index.vue
@ -0,0 +1,8 @@
+<!-- 通知模板 -->
+<template>
+    <div class="page-container">通知模板</div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style lang="less" scoped></style>
--- a/src/views/notice/const.ts
+++ b/src/views/notice/const.ts
@ -0,0 +1,126 @@
+import { getImage } from '@/utils/comm';
+
+interface INoticeMethod {
+    label: string;
+    value: string;
+}
+
+// 通知方式
+export const NOTICE_METHOD: INoticeMethod[] = [
+    {
+        label: '钉钉',
+        value: 'dingTalk',
+    },
+    {
+        label: '微信',
+        value: 'weixin',
+    },
+    {
+        label: '邮件',
+        value: 'email',
+    },
+    {
+        label: '语音',
+        value: 'voice',
+    },
+    {
+        label: '短信',
+        value: 'sms',
+    },
+    {
+        label: 'webhook',
+        value: 'webhook',
+    },
+];
+
+// 消息类型
+export const MSG_TYPE = {
+    dingTalk: [
+        {
+            label: '钉钉消息',
+            value: 'dingTalkMessage',
+            logo: getImage('/notice/dingtalk.png'),
+        },
+        {
+            label: '群机器人消息',
+            value: 'dingTalkRobotWebHook',
+            logo: getImage('/notice/dingTalk-rebot.png'),
+        },
+    ],
+    weixin: [
+        {
+            label: '企业消息',
+            value: 'corpMessage',
+            logo: getImage('/notice/weixin-corp.png'),
+        },
+        // {
+        //   label: '服务号消息',
+        //   value: 'officialMessage'
+        //   logo: getImage('/notice/weixin-official.png'),
+        // }
+    ],
+    voice: [
+        {
+            label: '阿里云语音',
+            value: 'aliyun',
+            logo: getImage('/notice/voice.png'),
+        },
+    ],
+    sms: [
+        {
+            label: '阿里云短信',
+            value: 'aliyunSms',
+            logo: getImage('/notice/sms.png'),
+        },
+    ],
+    webhook: [
+        {
+            label: 'webhook',
+            value: 'http',
+            logo: getImage('/notice/webhook.png'),
+        },
+    ],
+    email: [
+        {
+            label: 'email',
+            value: 'embedded',
+            logo: getImage('/notice/email.png'),
+        },
+    ],
+}
+
+// 字段关系映射
+// 配置
+export const CONFIG_FIELD_MAP = {
+    dingTalk: {
+        appKey: undefined,
+        appSecret: undefined,
+        url: undefined,
+    },
+    weixin: {
+        corpId: undefined,
+        corpSecret: undefined,
+    },
+    email: {
+        host: undefined,
+        port: 25,
+        ssl: false,
+        sender: undefined,
+        username: undefined,
+        password: undefined,
+    },
+    voice: {
+        regionId: undefined,
+        accessKeyId: undefined,
+        secret: undefined,
+    },
+    sms: {
+        regionId: undefined,
+        accessKeyId: undefined,
+        secret: undefined,
+    },
+    webhook: {
+        url: undefined,
+        headers: [],
+    },
+}; 
--- a/src/views/user/Login/index.vue
+++ b/src/views/user/Login/index.vue
@ -9,7 +9,6 @@
                    />
                </div>
                <div class="right">
-                    <div class="lang" data-lang=""></div>
                    <div class="content">
                        <div class="top">
                            <div class="header">
@ -109,17 +108,13 @@
                                        </a-button>
                                    </a-form-item>
                                </a-form>
-                                <div style="margin-top: 20px">
-                                    <a-divider plain style="height: 12px">
-                                        <div
-                                            style="color: #807676d9, font-size: 12px"
-                                        >
+                                <div class="other">
+                                    <a-divider plain>
+                                        <div class="other-text">
                                            其他方式登录
                                        </div>
                                    </a-divider>
-                                    <div
-                                        style="position: relative, bottom: 10px; text-align: center"
-                                    >
+                                    <div class="other-button">
                                        <a-button
                                            v-for="(item, index) in bindings"
                                            :key="index"
@ -312,8 +307,6 @@ screenRotation(screenWidth.value, screenHeight.value);
 </script>

 <style scoped lang="less">
-@import 'ant-design-vue/es/style/themes/default.less';
-
 .container {
    display: flex;
    height: 100vh;
@ -336,22 +329,12 @@ screenRotation(screenWidth.value, screenHeight.value);
            background: #fff;
        }

-        .lang {
-            width: 100%;
-            height: 40px;
-            line-height: 44px;
-            text-align: right;
-
-            :global(.ant-dropdown-trigger) {
-                margin-right: 24px;
-            }
-        }
-
        .content {
            display: flex;
            flex-direction: row-reverse;
            justify-content: center;
            padding: 0 0 15% 0;
+            margin-top: 20%;

            .top {
                width: 100%;
@ -404,17 +387,6 @@ screenRotation(screenWidth.value, screenHeight.value);
                        max-width: 328px;
                    }

-                    // ::v-deep {
-                    //     .@{ant-prefix}-tabs-nav-list {
-                    //         margin: auto;
-                    //         font-size: 16px;
-                    //     }
-
-                    //     // .ant-formily-item-size-large .ant-formily-item-help {
-                    //     //     text-align: left;
-                    //     // }
-                    // }
-
                    .icon {
                        margin-left: 16px;
                        color: rgba(0, 0, 0, 0.2);
@ -429,12 +401,17 @@ screenRotation(screenWidth.value, screenHeight.value);
                    }

                    .other {
-                        margin-top: 24px;
-                        line-height: 22px;
-                        text-align: left;
+                        margin-top: 20px;

-                        .register {
-                            float: right;
+                        .other-text {
+                            color: #807676d9;
+                            font-size: 12px;
+                        }
+
+                        .other-button {
+                            position: relative;
+                            bottom: 10px;
+                            text-align: center;
                        }
                    }

--- a/tsconfig.json
+++ b/tsconfig.json
@ -16,7 +16,11 @@
    "allowJs": true,
    "baseUrl": "./",
    "paths": {
-      "@/*": ["./src/*"]
+      "@/*": ["./src/*"],
+      "components/*": ["./src/components/*"],
+      "layouts/*": ["./src/layouts/*"],
+      "store/*": ["./src/store/*"],
+      "style/*": ["./src/style/*"],
    },
    "types": ["ant-design-vue/typings/global"],
    "suppressImplicitAnyIndexErrors": true
--- a/vite.config.ts
+++ b/vite.config.ts
@ -8,7 +8,7 @@ import { createHtmlPlugin } from 'vite-plugin-html'
 import Config from './config/config'
 import {VueAmapResolver} from '@vuemap/unplugin-resolver'
 import VueSetupExtend from 'vite-plugin-vue-setup-extend'
-
+import { createStyleImportPlugin, AndDesignVueResolve } from 'vite-plugin-style-import'
 import * as path from 'path'


@ -20,7 +20,7 @@ export default defineConfig(({ mode}) => {
      resolve: {
          alias: {
              '@': path.resolve(__dirname, 'src'),
-              'styles': path.resolve(__dirname, 'src/style'),
+              'style': path.resolve(__dirname, 'src/style'),
              'layouts': path.resolve(__dirname, 'src/layouts'),
              'components': path.resolve(__dirname, 'src/components'),
              'store': path.resolve(__dirname, 'src/store'),
@ -69,7 +69,10 @@ export default defineConfig(({ mode}) => {
                  }
              }
          }),
-          VueSetupExtend()
+          VueSetupExtend(),
+          createStyleImportPlugin({
+            resolves: [AndDesignVueResolve()]
+          })
      ],
      server: {
          host:'0.0.0.0',
@ -89,8 +92,8 @@ export default defineConfig(({ mode}) => {
          preprocessorOptions: {
              less: {
                  modifyVars: {
+                      hack: `true; @import (reference) "${path.resolve('src/style/variable.less')}";`,
                      ...Config.theme,
-                      hack: `true; @import (reference) "${path.resolve('src/style/variable.less')}";`
                  },
                  javascriptEnabled: true,
              }
--- a/yarn.lock
+++ b/yarn.lock
@ -578,6 +578,14 @@
    "@nodelib/fs.scandir" "2.1.5"
    "fastq" "^1.6.0"

+"@rollup/pluginutils@^4.1.2":
+  "integrity" "sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ=="
+  "resolved" "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-4.2.1.tgz"
+  "version" "4.2.1"
+  dependencies:
+    "estree-walker" "^2.0.1"
+    "picomatch" "^2.2.2"
+
 "@rollup/pluginutils@^4.2.0":
  "integrity" "sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ=="
  "resolved" "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-4.2.1.tgz"
@ -1251,6 +1259,15 @@
  "resolved" "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001441.tgz"
  "version" "1.0.30001441"

+"capital-case@^1.0.4":
+  "integrity" "sha512-ds37W8CytHgwnhGGTi88pcPyR15qoNkOpYwmMMfnWqqWgESapLqvDx6huFjQ5vqWSn2Z06173XNA7LtMOeUh1A=="
+  "resolved" "https://registry.npmjs.org/capital-case/-/capital-case-1.0.4.tgz"
+  "version" "1.0.4"
+  dependencies:
+    "no-case" "^3.0.4"
+    "tslib" "^2.0.3"
+    "upper-case-first" "^2.0.2"
+
 "capture-stack-trace@^1.0.0":
  "integrity" "sha512-X/WM2UQs6VMHUtjUDnZTRI+i1crWteJySFzr9UpGoQa4WQffXVTTXuekjl7TjZRlcF2XfjgITT0HxZ9RnxeT0w=="
  "resolved" "https://registry.npmmirror.com/capture-stack-trace/-/capture-stack-trace-1.0.2.tgz"
@ -1301,6 +1318,24 @@
    "ansi-styles" "^4.1.0"
    "supports-color" "^7.1.0"

+"change-case@^4.1.2":
+  "integrity" "sha512-bSxY2ws9OtviILG1EiY5K7NNxkqg/JnRnFxLtKQ96JaviiIxi7djMrSd0ECT9AC+lttClmYwKw53BWpOMblo7A=="
+  "resolved" "https://registry.npmjs.org/change-case/-/change-case-4.1.2.tgz"
+  "version" "4.1.2"
+  dependencies:
+    "camel-case" "^4.1.2"
+    "capital-case" "^1.0.4"
+    "constant-case" "^3.0.4"
+    "dot-case" "^3.0.4"
+    "header-case" "^2.0.4"
+    "no-case" "^3.0.4"
+    "param-case" "^3.0.4"
+    "pascal-case" "^3.1.2"
+    "path-case" "^3.0.4"
+    "sentence-case" "^3.0.4"
+    "snake-case" "^3.0.4"
+    "tslib" "^2.0.3"
+
 "chardet@^0.7.0":
  "integrity" "sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA=="
  "resolved" "https://registry.npmmirror.com/chardet/-/chardet-0.7.0.tgz"
@ -1548,6 +1583,20 @@
  "resolved" "https://registry.npmjs.org/consola/-/consola-2.15.3.tgz"
  "version" "2.15.3"

+"console@^0.7.2":
+  "integrity" "sha512-+JSDwGunA4MTEgAV/4VBKwUHonP8CzJ/6GIuwPi6acKFqFfHUdSGCm89ZxZ5FfGWdZfkdgAroy5bJ5FSeN/t4g=="
+  "resolved" "https://registry.npmjs.org/console/-/console-0.7.2.tgz"
+  "version" "0.7.2"
+
+"constant-case@^3.0.4":
+  "integrity" "sha512-I2hSBi7Vvs7BEuJDr5dDHfzb/Ruj3FyvFyh7KLilAjNQw3Be+xgqUBA2W6scVEcL0hL1dwPRtIqEPVUCKkSsyQ=="
+  "resolved" "https://registry.npmjs.org/constant-case/-/constant-case-3.0.4.tgz"
+  "version" "3.0.4"
+  dependencies:
+    "no-case" "^3.0.4"
+    "tslib" "^2.0.3"
+    "upper-case" "^2.0.2"
+
 "conventional-changelog-angular@^5.0.11":
  "integrity" "sha512-i/gipMxs7s8L/QeuavPF2hLnJgH6pEZAttySB6aiQLWcX3puWDL3ACVmvBhJGxnAy52Qc15ua26BufY6KpmrVA=="
  "resolved" "https://registry.npmmirror.com/conventional-changelog-angular/-/conventional-changelog-angular-5.0.13.tgz"
@ -1914,6 +1963,11 @@
  dependencies:
    "is-arrayish" "^0.2.1"

+"es-module-lexer@^0.9.3":
+  "integrity" "sha512-1HQ2M2sPtxwnvOvT1ZClHyQDiggdNjURWpY2we6aMKCQiUVxTmVs2UYPLIrD84sS+kMdUwfBSylbJPwNnBrnHQ=="
+  "resolved" "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-0.9.3.tgz"
+  "version" "0.9.3"
+
 "esbuild@^0.16.3":
  "integrity" "sha512-eq5KcuXajf2OmivCl4e89AD3j8fbV+UTE9vczEzq5haA07U9oOTzBWlh3+6ZdjJR7Rz2QfWZ2uxZyhZxBgJ4+g=="
  "resolved" "https://registry.npmjs.org/esbuild/-/esbuild-0.16.12.tgz"
@ -2137,7 +2191,7 @@
  "resolved" "https://registry.npmmirror.com/fs-exists-sync/-/fs-exists-sync-0.1.0.tgz"
  "version" "0.1.0"

-"fs-extra@^10.0.1":
+"fs-extra@^10.0.0", "fs-extra@^10.0.1":
  "integrity" "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ=="
  "resolved" "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz"
  "version" "10.1.0"
@ -2357,6 +2411,14 @@
  "resolved" "https://registry.npmjs.org/he/-/he-1.2.0.tgz"
  "version" "1.2.0"

+"header-case@^2.0.4":
+  "integrity" "sha512-H/vuk5TEEVZwrR0lp2zed9OCo1uAILMlx0JEMgC26rzyJJ3N1v6XkwHHXJQdR2doSjcGPM6OKPYoJgf0plJ11Q=="
+  "resolved" "https://registry.npmjs.org/header-case/-/header-case-2.0.4.tgz"
+  "version" "2.0.4"
+  dependencies:
+    "capital-case" "^1.0.4"
+    "tslib" "^2.0.3"
+
 "homedir-polyfill@^1.0.0":
  "integrity" "sha512-eSmmWE5bZTK2Nou4g0AI3zZ9rswp7GRKoKXS1BLUkvPviOqs4YTN1djQIqrXy9k5gEtdLPy86JjRwsNM9tnDcA=="
  "resolved" "https://registry.npmmirror.com/homedir-polyfill/-/homedir-polyfill-1.0.3.tgz"
@ -3620,6 +3682,14 @@
    "no-case" "^3.0.4"
    "tslib" "^2.0.3"

+"path-case@^3.0.4":
+  "integrity" "sha512-qO4qCFjXqVTrcbPt/hQfhTQ+VhFsqNKOPtytgNKkKxSoEp3XPUQ8ObFuePylOIok5gjn69ry8XiULxCwot3Wfg=="
+  "resolved" "https://registry.npmjs.org/path-case/-/path-case-3.0.4.tgz"
+  "version" "3.0.4"
+  dependencies:
+    "dot-case" "^3.0.4"
+    "tslib" "^2.0.3"
+
 "path-exists@^3.0.0":
  "integrity" "sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ=="
  "resolved" "https://registry.npmmirror.com/path-exists/-/path-exists-3.0.0.tgz"
@ -4105,6 +4175,15 @@
  dependencies:
    "lru-cache" "^6.0.0"

+"sentence-case@^3.0.4":
+  "integrity" "sha512-8LS0JInaQMCRoQ7YUytAo/xUu5W2XnQxV2HI/6uM6U7CITS1RqPElr30V6uIqyMKM9lJGRVFy5/4CuzcixNYSg=="
+  "resolved" "https://registry.npmjs.org/sentence-case/-/sentence-case-3.0.4.tgz"
+  "version" "3.0.4"
+  dependencies:
+    "no-case" "^3.0.4"
+    "tslib" "^2.0.3"
+    "upper-case-first" "^2.0.2"
+
 "set-blocking@^2.0.0":
  "integrity" "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw=="
  "resolved" "https://registry.npmmirror.com/set-blocking/-/set-blocking-2.0.0.tgz"
@ -4189,6 +4268,14 @@
  dependencies:
    "babel-code-frame" "^6.26.0"

+"snake-case@^3.0.4":
+  "integrity" "sha512-LAOh4z89bGQvl9pFfNF8V146i7o7/CqFPbqzYgP+yYzDIDeS9HaNFtXABamRW+AQzEVODcvE79ljJ+8a9YSdMg=="
+  "resolved" "https://registry.npmjs.org/snake-case/-/snake-case-3.0.4.tgz"
+  "version" "3.0.4"
+  dependencies:
+    "dot-case" "^3.0.4"
+    "tslib" "^2.0.3"
+
 "source-map-js@^1.0.2":
  "integrity" "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw=="
  "resolved" "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz"
@ -4724,6 +4811,20 @@
    "semver-diff" "^3.1.1"
    "xdg-basedir" "^4.0.0"

+"upper-case-first@^2.0.2":
+  "integrity" "sha512-514ppYHBaKwfJRK/pNC6c/OxfGa0obSnAl106u97Ed0I625Nin96KAjttZF6ZL3e1XLtphxnqrOi9iWgm+u+bg=="
+  "resolved" "https://registry.npmjs.org/upper-case-first/-/upper-case-first-2.0.2.tgz"
+  "version" "2.0.2"
+  dependencies:
+    "tslib" "^2.0.3"
+
+"upper-case@^2.0.2":
+  "integrity" "sha512-KgdgDGJt2TpuwBUIjgG6lzw2GWFRCW9Qkfkiv0DxqHHLYJHmtmdUIKcZd8rHgFSjopVTlw6ggzCm1b8MFQwikg=="
+  "resolved" "https://registry.npmjs.org/upper-case/-/upper-case-2.0.2.tgz"
+  "version" "2.0.2"
+  dependencies:
+    "tslib" "^2.0.3"
+
 "uppercamelcase@^1.1.0":
  "integrity" "sha512-C7YEMvhgrvTEKEEVqA7LXNID/1TvvIwYZqNIKLquS6y/MGSkRQAav9LnTTILlC1RqUM8eTVBOe1U/fnB652PRA=="
  "resolved" "https://registry.npmjs.org/uppercamelcase/-/uppercamelcase-1.1.0.tgz"
@ -4809,6 +4910,19 @@
    "node-html-parser" "^5.3.3"
    "pathe" "^0.2.0"

+"vite-plugin-style-import@^2.0.0":
+  "integrity" "sha512-qtoHQae5dSUQPo/rYz/8p190VU5y19rtBaeV7ryLa/AYAU/e9CG89NrN/3+k7MR8mJy/GPIu91iJ3zk9foUOSA=="
+  "resolved" "https://registry.npmjs.org/vite-plugin-style-import/-/vite-plugin-style-import-2.0.0.tgz"
+  "version" "2.0.0"
+  dependencies:
+    "@rollup/pluginutils" "^4.1.2"
+    "change-case" "^4.1.2"
+    "console" "^0.7.2"
+    "es-module-lexer" "^0.9.3"
+    "fs-extra" "^10.0.0"
+    "magic-string" "^0.25.7"
+    "pathe" "^0.2.0"
+
 "vite-plugin-vue-setup-extend@^0.4.0":
  "integrity" "sha512-WMbjPCui75fboFoUTHhdbXzu4Y/bJMv5N9QT9a7do3wNMNHHqrk+Tn2jrSJU0LS5fGl/EG+FEDBYVUeWIkDqXQ=="
  "resolved" "https://registry.npmmirror.com/vite-plugin-vue-setup-extend/-/vite-plugin-vue-setup-extend-0.4.0.tgz"