chore: update deps

.eslintrc.js

@@ -25,6 +25,7 @@ module.exports = defineConfig({
   ],
   rules: {
     'vue/script-setup-uses-vars': 'error',
+    'vue/no-reserved-component-names': 'off',
     '@typescript-eslint/ban-ts-ignore': 'off',
     '@typescript-eslint/explicit-function-return-type': 'off',
     '@typescript-eslint/no-explicit-any': 'off',

package.json

@@ -27,15 +27,15 @@
   },
   "dependencies": {
     "@iconify/iconify": "^2.2.1",
-    "@vueuse/core": "^8.4.2",
-    "@wangeditor/editor": "^5.0.1",
+    "@vueuse/core": "^8.6.0",
+    "@wangeditor/editor": "^5.1.0",
     "@wangeditor/editor-for-vue": "^5.1.10",
     "@zxcvbn-ts/core": "^2.0.1",
     "animate.css": "^4.1.1",
     "axios": "^0.27.2",
     "echarts": "^5.3.2",
     "echarts-wordcloud": "^2.0.0",
-    "element-plus": "2.2.0",
+    "element-plus": "2.2.2",
     "intro.js": "^5.1.0",
     "lodash-es": "^4.17.21",
     "mitt": "^3.0.0",
@@ -46,62 +46,62 @@
     "qrcode": "^1.5.0",
     "qs": "^6.10.3",
     "url": "^0.11.0",
-    "vue": "3.2.33",
+    "vue": "3.2.36",
     "vue-i18n": "9.1.10",
     "vue-router": "^4.0.15",
     "vue-types": "^4.1.1",
     "web-storage-cache": "^1.1.1"
   },
   "devDependencies": {
-    "@commitlint/cli": "^16.2.4",
-    "@commitlint/config-conventional": "^16.2.4",
-    "@iconify/json": "^2.1.43",
+    "@commitlint/cli": "^17.0.2",
+    "@commitlint/config-conventional": "^17.0.2",
+    "@iconify/json": "^2.1.54",
     "@intlify/vite-plugin-vue-i18n": "^3.4.0",
     "@purge-icons/generated": "^0.8.1",
     "@types/intro.js": "^3.0.2",
     "@types/lodash-es": "^4.17.6",
-    "@types/node": "^17.0.33",
+    "@types/node": "^17.0.38",
     "@types/nprogress": "^0.2.0",
     "@types/qrcode": "^1.4.2",
     "@types/qs": "^6.9.7",
-    "@typescript-eslint/eslint-plugin": "^5.23.0",
-    "@typescript-eslint/parser": "^5.23.0",
+    "@typescript-eslint/eslint-plugin": "^5.27.0",
+    "@typescript-eslint/parser": "^5.27.0",
     "@vitejs/plugin-vue": "^2.3.3",
     "@vitejs/plugin-vue-jsx": "^1.3.10",
     "autoprefixer": "^10.4.7",
-    "eslint": "^8.15.0",
+    "eslint": "^8.16.0",
     "eslint-config-prettier": "^8.5.0",
-    "eslint-define-config": "^1.4.0",
+    "eslint-define-config": "^1.5.0",
     "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-vue": "^8.7.1",
+    "eslint-plugin-vue": "^9.1.0",
     "husky": "^8.0.1",
     "less": "^4.1.2",
-    "lint-staged": "^12.4.1",
+    "lint-staged": "^13.0.0",
     "plop": "^3.1.0",
-    "postcss": "^8.4.13",
+    "postcss": "^8.4.14",
     "postcss-html": "^1.4.1",
     "postcss-less": "^6.0.0",
     "prettier": "^2.6.2",
     "rimraf": "^3.0.2",
-    "rollup": "^2.73.0",
-    "stylelint": "^14.8.2",
+    "rollup": "^2.75.4",
+    "stylelint": "^14.8.5",
     "stylelint-config-html": "^1.0.0",
     "stylelint-config-prettier": "^9.0.3",
     "stylelint-config-recommended": "^7.0.0",
     "stylelint-config-standard": "^25.0.0",
     "stylelint-order": "^5.0.0",
-    "typescript": "4.6.4",
+    "typescript": "4.7.2",
     "unplugin-vue-define-options": "^0.6.1",
     "vite": "2.9.9",
-    "vite-plugin-eslint": "^1.6.0",
+    "vite-plugin-eslint": "^1.6.1",
     "vite-plugin-html": "^3.2.0",
     "vite-plugin-mock": "^2.9.6",
     "vite-plugin-purge-icons": "^0.8.1",
     "vite-plugin-style-import": "^1.4.1",
     "vite-plugin-svg-icons": "^2.0.1",
     "vite-plugin-windicss": "^1.8.4",
-    "vue-tsc": "^0.34.13",
-    "windicss": "^3.5.3",
+    "vue-tsc": "^0.35.2",
+    "windicss": "^3.5.4",
     "windicss-analysis": "^0.3.5"
   },
   "engines": {

src/components/Search/src/Search.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { Form } from '@/components/Form'
-import { PropType, computed, unref, CSSProperties, ref } from 'vue'
+import { PropType, computed, unref, ref } from 'vue'
 import { propTypes } from '@/utils/propTypes'
 import { ElButton } from 'element-plus'
 import { useI18n } from '@/hooks/web/useI18n'
@@ -81,9 +81,9 @@ const reset = async () => {
 
 const bottonButtonStyle = computed(() => {
   return {
-    textAlign: props.buttomPosition
+    textAlign: props.buttomPosition as unknown as 'left' | 'center' | 'right'
   }
-}) as CSSProperties
+})
 
 const setVisible = () => {
   unref(elFormRef)?.resetFields()

src/components/Setting/src/Setting.vue

@@ -209,7 +209,7 @@ const clear = () => {
   </div>
 
   <ElDrawer v-model="drawer" direction="rtl" size="350px">
-    <template #title>
+    <template #header>
       <span class="text-16px font-700">{{ t('setting.projectSetting') }}</span>
     </template>
 

src/views/Components/Form/DefaultForm.vue

@@ -43,26 +43,26 @@ onMounted(() => {
   restaurants.value = loadAll()
 })
 
-const initials = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j']
-const options = ref<ComponentOptions[]>(
-  Array.from({ length: 1000 }).map((_, idx) => ({
-    value: `Option ${idx + 1}`,
-    label: `${initials[idx % 10]}${idx}`
-  }))
-)
-const options2 = ref<ComponentOptions[]>(
-  Array.from({ length: 10 }).map((_, idx) => {
-    const label = idx + 1
-    return {
-      value: `Group ${label}`,
-      label: `Group ${label}`,
-      options: Array.from({ length: 10 }).map((_, idx) => ({
-        value: `Option ${idx + 1 + 10 * label}`,
-        label: `${initials[idx % 10]}${idx + 1 + 10 * label}`
-      }))
-    }
-  })
-)
+// const initials = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j']
+// const options = ref<ComponentOptions[]>(
+//   Array.from({ length: 1000 }).map((_, idx) => ({
+//     value: `Option ${idx + 1}`,
+//     label: `${initials[idx % 10]}${idx}`
+//   }))
+// )
+// const options2 = ref<ComponentOptions[]>(
+//   Array.from({ length: 10 }).map((_, idx) => {
+//     const label = idx + 1
+//     return {
+//       value: `Group ${label}`,
+//       label: `Group ${label}`,
+//       options: Array.from({ length: 10 }).map((_, idx) => ({
+//         value: `Option ${idx + 1 + 10 * label}`,
+//         label: `${initials[idx % 10]}${idx + 1 + 10 * label}`
+//       }))
+//     }
+//   })
+// )
 
 const options3: ComponentOptions[] = [
   {
@@ -558,44 +558,44 @@ const schema = reactive<FormSchema[]>([
     label: `${t('formDemo.selectV2')}`,
     component: 'Divider'
   },
-  {
-    field: 'field19',
-    label: t('formDemo.default'),
-    component: 'SelectV2',
-    componentProps: {
-      options: options.value
-    }
-  },
-  {
-    field: 'field20',
-    label: t('formDemo.slot'),
-    component: 'SelectV2',
-    componentProps: {
-      options: options.value,
-      slots: {
-        default: true
-      }
-    }
-  },
-  {
-    field: 'field21',
-    label: t('formDemo.selectGroup'),
-    component: 'SelectV2',
-    componentProps: {
-      options: options2.value
-    }
-  },
-  {
-    field: 'field22',
-    label: `${t('formDemo.selectGroup')}${t('formDemo.slot')}`,
-    component: 'SelectV2',
-    componentProps: {
-      options: options2.value,
-      slots: {
-        default: true
-      }
-    }
-  },
+  // {
+  //   field: 'field19',
+  //   label: t('formDemo.default'),
+  //   component: 'SelectV2',
+  //   componentProps: {
+  //     options: options.value
+  //   }
+  // }
+  // {
+  //   field: 'field20',
+  //   label: t('formDemo.slot'),
+  //   component: 'SelectV2',
+  //   componentProps: {
+  //     options: options.value,
+  //     slots: {
+  //       default: true
+  //     }
+  //   }
+  // }
+  // {
+  //   field: 'field21',
+  //   label: t('formDemo.selectGroup'),
+  //   component: 'SelectV2',
+  //   componentProps: {
+  //     options: options2.value
+  //   }
+  // },
+  // {
+  //   field: 'field22',
+  //   label: `${t('formDemo.selectGroup')}${t('formDemo.slot')}`,
+  //   component: 'SelectV2',
+  //   componentProps: {
+  //     options: options2.value,
+  //     slots: {
+  //       default: true
+  //     }
+  //   }
+  // },
   {
     field: 'field23',
     label: t('formDemo.cascader'),