🐛 fix: 修复plugins插件失效问题

.eslintrc-auto-import.json

@@ -4,6 +4,9 @@
     "ComponentPublicInstance": true,
     "ComputedRef": true,
     "EffectScope": true,
+    "ElInput": true,
+    "ElMessage": true,
+    "ElMessageBox": true,
     "ExtractDefaultPropTypes": true,
     "ExtractPropTypes": true,
     "ExtractPublicPropTypes": true,
@@ -68,9 +71,6 @@
     "watch": true,
     "watchEffect": true,
     "watchPostEffect": true,
-    "watchSyncEffect": true,
-    "ElInput": true,
-    "ElMessage": true,
-    "ElMessageBox": true
+    "watchSyncEffect": true
   }
 }

package.json

@@ -139,7 +139,8 @@
   "license": "MIT",
   "lint-staged": {
     "*.{vue,js,ts,tsx,jsx}": [
-      "eslint --fix"
+      "eslint --fix",
+      "prettier --write"
     ]
   },
   "husky": {

src/render/typings/components.d.ts

@@ -9,36 +9,107 @@ export {}
 
 declare module '@vue/runtime-core' {
   export interface GlobalComponents {
+    Align: typeof import('./../components/Align.vue')['default']
+    AngleHandle: typeof import('./../components/ColorPicker/comps/AngleHandle.vue')['default']
+    AttributeBarcode: typeof import('./../components/AttributeBarcode.vue')['default']
+    AttributeBorder: typeof import('./../components/AttributeBorder.vue')['default']
+    AttributeColor: typeof import('./../components/AttributeColor.vue')['default']
+    AttributeFont: typeof import('./../components/AttributeFont.vue')['default']
+    AttributeId: typeof import('./../components/AttributeId.vue')['default']
+    AttributePostion: typeof import('./../components/AttributePostion.vue')['default']
+    AttributeQrCode: typeof import('./../components/AttributeQrCode.vue')['default']
+    AttributeRounded: typeof import('./../components/AttributeRounded.vue')['default']
+    AttributeShadow: typeof import('./../components/AttributeShadow.vue')['default']
+    AttributeTextContent: typeof import('./../components/AttributeTextContent.vue')['default']
+    AttributeTextFloat: typeof import('./../components/AttributeTextFloat.vue')['default']
+    BgBar: typeof import('./../components/BgBar.vue')['default']
+    CenterAlign: typeof import('./../components/CenterAlign.vue')['default']
+    ClipImage: typeof import('./../components/ClipImage.vue')['default']
+    Clone: typeof import('./../components/Clone.vue')['default']
+    ColorPicker: typeof import('./../components/ColorPicker/index.vue')['default']
+    Delete: typeof import('./../components/Delete.vue')['default']
+    DragMode: typeof import('./../components/DragMode.vue')['default']
+    Edit: typeof import('./../components/Edit.vue')['default']
     ElBreadcrumb: typeof import('element-plus/es')['ElBreadcrumb']
     ElBreadcrumbItem: typeof import('element-plus/es')['ElBreadcrumbItem']
     ElButton: typeof import('element-plus/es')['ElButton']
     ElButtonGroup: typeof import('element-plus/es')['ElButtonGroup']
+    ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
     ElCol: typeof import('element-plus/es')['ElCol']
+    ElCollapse: typeof import('element-plus/es')['ElCollapse']
+    ElCollapseItem: typeof import('element-plus/es')['ElCollapseItem']
+    ElColorPicker: typeof import('element-plus/es')['ElColorPicker']
     ElContainer: typeof import('element-plus/es')['ElContainer']
     ElDialog: typeof import('element-plus/es')['ElDialog']
     ElDivider: typeof import('element-plus/es')['ElDivider']
     ElDropdown: typeof import('element-plus/es')['ElDropdown']
     ElDropdownItem: typeof import('element-plus/es')['ElDropdownItem']
     ElDropdownMenu: typeof import('element-plus/es')['ElDropdownMenu']
+    ElForm: typeof import('element-plus/es')['ElForm']
+    ElFormItem: typeof import('element-plus/es')['ElFormItem']
     ElHeader: typeof import('element-plus/es')['ElHeader']
     ElIcon: typeof import('element-plus/es')['ElIcon']
     ElImage: typeof import('element-plus/es')['ElImage']
+    ElImageViewer: typeof import('element-plus/es')['ElImageViewer']
     ElInput: typeof import('element-plus/es')['ElInput']
     ElInputNumber: typeof import('element-plus/es')['ElInputNumber']
     ElMain: typeof import('element-plus/es')['ElMain']
     ElMenu: typeof import('element-plus/es')['ElMenu']
     ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
     ElOption: typeof import('element-plus/es')['ElOption']
+    ElPopover: typeof import('element-plus/es')['ElPopover']
+    ElRadio: typeof import('element-plus/es')['ElRadio']
+    ElRadioButton: typeof import('element-plus/es')['ElRadioButton']
+    ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
     ElRow: typeof import('element-plus/es')['ElRow']
     ElScrollbar: typeof import('element-plus/es')['ElScrollbar']
     ElSelect: typeof import('element-plus/es')['ElSelect']
+    ElSlider: typeof import('element-plus/es')['ElSlider']
     ElSwitch: typeof import('element-plus/es')['ElSwitch']
     ElTabPane: typeof import('element-plus/es')['ElTabPane']
     ElTabs: typeof import('element-plus/es')['ElTabs']
     ElTooltip: typeof import('element-plus/es')['ElTooltip']
     ElTreeSelect: typeof import('element-plus/es')['ElTreeSelect']
+    File: typeof import('./../components/myMaterial/components/file.vue')['default']
+    FileType: typeof import('./../components/myMaterial/components/fileType.vue')['default']
+    Filters: typeof import('./../components/Filters.vue')['default']
+    Flip: typeof import('./../components/Flip.vue')['default']
+    FontStyle: typeof import('./../components/FontStyle.vue')['default']
+    Group: typeof import('./../components/Group.vue')['default']
+    Hide: typeof import('./../components/Hide.vue')['default']
+    History: typeof import('./../components/History.vue')['default']
+    ImgStroke: typeof import('./../components/ImgStroke.vue')['default']
+    ImportFile: typeof import('./../components/ImportFile.vue')['default']
+    ImportJson: typeof import('./../components/ImportJson.vue')['default']
+    ImportTmpl: typeof import('./../components/ImportTmpl.vue')['default']
+    InputNumber: typeof import('./../components/InputNumber/InputNumber.vue')['default']
+    Lang: typeof import('./../components/Lang.vue')['default']
+    Layer: typeof import('./../components/Layer.vue')['default']
+    Lock: typeof import('./../components/Lock.vue')['default']
+    Login: typeof import('./../components/Login.vue')['default']
+    Logo: typeof import('./../components/Logo.vue')['default']
+    Material: typeof import('./../components/Material.vue')['default']
+    Modal: typeof import('./../components/Modal/index.vue')['default']
+    ModalSize: typeof import('./../components/common/ModalSize.vue')['default']
+    MyMaterial: typeof import('./../components/myMaterial/index.vue')['default']
+    MyTempl: typeof import('./../components/myMaterial/myTempl.vue')['default']
+    MyTemplName: typeof import('./../components/MyTemplName.vue')['default']
+    PageList: typeof import('./../components/common/PageList.vue')['default']
+    PreviewCurrent: typeof import('./../components/PreviewCurrent.vue')['default']
+    ReplaceImg: typeof import('./../components/ReplaceImg.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
+    Save: typeof import('./../components/Save.vue')['default']
+    SearchType: typeof import('./../components/common/SearchType.vue')['default']
+    SetSize: typeof import('./../components/SetSize.vue')['default']
+    Svg: typeof import('./../components/ColorPicker/comps/svg.vue')['default']
+    SvgIcon: typeof import('./../components/SvgIcon/SvgIcon.vue')['default']
+    TabPanel: typeof import('./../components/ColorPicker/comps/TabPanel.vue')['default']
+    Tabs: typeof import('./../components/ColorPicker/comps/Tabs.vue')['default']
+    Tools: typeof import('./../components/Tools.vue')['default']
+    TypeList: typeof import('./../components/common/TypeList.vue')['default']
+    UploadMaterial: typeof import('./../components/myMaterial/uploadMaterial.vue')['default']
+    Zoom: typeof import('./../components/Zoom.vue')['default']
   }
   export interface ComponentCustomProperties {
     vLoading: typeof import('element-plus/es')['ElLoadingDirective']

vite.config.mts

@@ -3,7 +3,7 @@
  * @Description:
  * @Date: 2023-03-11 00:41:24
  * @LastEditors: June
- * @LastEditTime: 2024-08-21 01:25:49
+ * @LastEditTime: 2024-08-21 01:33:46
  */
 import { defineConfig } from 'vite'
 import type { UserConfig, ConfigEnv } from 'vite'
@@ -39,7 +39,7 @@ export default defineConfig(({ command, mode }: ConfigEnv): UserConfig => {
     }),
     Components({
       resolvers: [ElementPlusResolver()],
-      dirs: ['src/components'],
+      dirs: [path.join(root, 'src/render/components')],
       dts: './typings/components.d.ts'
     }),
     createHtmlPlugin({
@@ -50,7 +50,7 @@ export default defineConfig(({ command, mode }: ConfigEnv): UserConfig => {
       }
     }),
     createSvgIconsPlugin({
-      iconDirs: [path.resolve(process.cwd(), 'src/assets/svg')], // icon存放的目录
+      iconDirs: [path.resolve(root, 'src/render/assets/svgs')], // icon存放的目录
       symbolId: 'icon-[name]', // symbol的id
       inject: 'body-last', // 插入的位置
       customDomId: '__svg__icons__dom__' // svg的id