Browse Source

自动导入plugin中函数方法

yujinwen 4 months ago
parent
commit
bc29fa6e3a
3 changed files with 4 additions and 1 deletions
  1. 1 0
      .gitignore
  2. 1 1
      src/plugin/dialog.jsx
  3. 2 0
      vite.config.js

+ 1 - 0
.gitignore

@@ -13,6 +13,7 @@ dist-ssr
 *.local
 *.local
 eta_forum_admin_front
 eta_forum_admin_front
 eta_forum_admin_front.zip
 eta_forum_admin_front.zip
+auto-imports.d.ts
 
 
 # Editor directories and files
 # Editor directories and files
 .vscode/*
 .vscode/*

+ 1 - 1
src/plugin/dialog.jsx

@@ -2,7 +2,7 @@
 // 根据dialog-confirm-pop 类名改样式吧
 // 根据dialog-confirm-pop 类名改样式吧
 import { DialogPlugin } from 'tdesign-vue-next';
 import { DialogPlugin } from 'tdesign-vue-next';
 import warningIcon from '@/assets/icons/warning.png'
 import warningIcon from '@/assets/icons/warning.png'
-export function confirmDialog(props){
+export function $confirmDialog(props){
   const headerHtml=()=><div style="display:flex;align-items:center">
   const headerHtml=()=><div style="display:flex;align-items:center">
     <img src={warningIcon} style="width:20px" />
     <img src={warningIcon} style="width:20px" />
     <span>{props.header}</span>
     <span>{props.header}</span>

+ 2 - 0
vite.config.js

@@ -20,11 +20,13 @@ export default defineConfig(({ mode }) => {
       AutoImport({
       AutoImport({
         // 自动导入 Vue 相关函数,如:ref, reactive, toRef 等
         // 自动导入 Vue 相关函数,如:ref, reactive, toRef 等
         imports: ["vue"],
         imports: ["vue"],
+        dirs: ["./src/plugin"], // 自动扫描并导入 `src/plugin` 下的方法
         resolvers: [
         resolvers: [
           TDesignResolver({
           TDesignResolver({
             library: "vue-next",
             library: "vue-next",
           }),
           }),
         ],
         ],
+        dts: "src/auto-imports.d.ts", // 自动生成类型声明文件
       }),
       }),
       Components({
       Components({
         resolvers: [
         resolvers: [