fix: dts-taro

jd/generate-nutui-taro-vue.cjs

@@ -31,7 +31,7 @@ let installFunction = `function install(app: any) {
 let fileStrBuild = `${importStr}
 ${installFunction}
 const version = '${packageConfig.version}';
-export { install, version, Locale };
+export { install, version, Locale, ${packages.join(',')} };
 export default { install, version, Locale};`;
 
 fs.outputFile(path.resolve(__dirname, '../src/packages/nutui.taro.vue.build.ts'), fileStrBuild, 'utf8', (error) => {

jd/generate-types-taro.cjs

@@ -6,6 +6,10 @@ const sourceDir = path.resolve(__dirname, './../tsc/type/src/packages') // 拷
 
 const toDir = path.resolve(__dirname, './../dist/types'); // ./../dist
 
+if(fs.existsSync(toDir)) {
+  fs.rmdirSync(toDir); //先删除文件夹
+}
+
 const basePath = path.join(toDir, '__VUE');
 
 const fileList = [];

jd/generate-types.cjs

@@ -6,6 +6,10 @@ const sourceDir = path.resolve(__dirname, './../tsc/type/src/packages'); // 拷
 
 const toDir = path.resolve(__dirname, './../dist/types'); // ./../dist
 
+if(fs.existsSync(toDir)) {
+  fs.rmdirSync(toDir); //先删除文件夹
+}
+
 const basePath = path.join(toDir, '__VUE');
 
 const fileList = [];

package.json

@@ -41,11 +41,11 @@
   "scripts": {
     "checked": "npm run generate:file && tsc",
     "checked:taro:vue": "npm run generate:file:taro:vue",
-    "dev": "npm run checked && vite --open --force",
-    "dev:taro:weapp": "npm run createTaroConfig && npm run checked:taro:vue && cd src/sites/mobile-taro/vue/ && npm run dev:weapp",
-    "dev:taro:alipay": "npm run createTaroConfig && npm run checked:taro:vue && cd src/sites/mobile-taro/vue/ && npm run dev:alipay",
-    "dev:taro:jd": "npm run createTaroConfig && npm run checked:taro:vue && cd src/sites/mobile-taro/vue/ && npm run dev:jd",
-    "dev:taro:h5": "npm run createTaroConfig && npm run checked:taro:vue && cd src/sites/mobile-taro/vue/ && npm run dev:h5",
+    "dev": "npm run checked && npm run dts && vite --open --force",
+    "dev:taro:weapp": "npm run createTaroConfig && npm run checked:taro:vue && npm run dts && cd src/sites/mobile-taro/vue/ && npm run dev:weapp",
+    "dev:taro:alipay": "npm run createTaroConfig && npm run checked:taro:vue && npm run dts && cd src/sites/mobile-taro/vue/ && npm run dev:alipay",
+    "dev:taro:jd": "npm run createTaroConfig && npm run checked:taro:vue && npm run dts && cd src/sites/mobile-taro/vue/ && npm run dev:jd",
+    "dev:taro:h5": "npm run createTaroConfig && npm run checked:taro:vue && npm run dts && cd src/sites/mobile-taro/vue/ && npm run dev:h5",
     "build:site": "npm run checked && vite build",
     "build:site-jdt": "npm run checked && vite build --config vite.config.jdt.ts ",
     "build:site:oss": "npm run checked && vite build --base=/nutui/4x/",

src/packages/__VUE/button/index.taro.vue

@@ -14,6 +14,7 @@
 import { PropType, CSSProperties, toRefs, computed } from 'vue';
 import { createComponent } from '@/packages/utils/create';
 import { Loading } from '@nutui/icons-vue-taro';
+// import { ButtonShape, ButtonType, ButtonSize } from './type';
 const { componentName, create } = createComponent('button');
 export default create({
   components: { Loading },

src/packages/__VUE/button/index.vue

@@ -13,6 +13,7 @@
 <script lang="ts">
 import { PropType, CSSProperties, toRefs, computed } from 'vue';
 import { createComponent } from '@/packages/utils/create';
+import { ButtonShape, ButtonType, ButtonSize } from './type';
 import { Loading } from '@nutui/icons-vue';
 const { componentName, create } = createComponent('button');
 export default create({
@@ -20,7 +21,7 @@ export default create({
   props: {
     color: String,
     shape: {
-      type: String as PropType<import('./type').ButtonShape>,
+      type: String as PropType<ButtonShape>,
       default: 'round'
     },
     plain: {
@@ -36,11 +37,11 @@ export default create({
       default: false
     },
     type: {
-      type: String as PropType<import('./type').ButtonType>,
+      type: String as PropType<ButtonType>,
       default: 'default'
     },
     size: {
-      type: String as PropType<import('./type').ButtonSize>,
+      type: String as PropType<ButtonSize>,
       default: 'normal'
     },
     block: {

src/packages/__VUE/noticebar/index.taro.vue

@@ -12,7 +12,7 @@
       @click="handleClick"
       v-if="direction == 'across'"
     >
-      <view class="nut-noticebar__page-lefticon" v-if="iconShow">
+      <view class="nut-noticebar__page-lefticon">
         <slot name="left-icon" v-if="$slots['left-icon']"> </slot>
         <component :is="renderIcon(leftIcon)" v-else></component>
       </view>
@@ -208,14 +208,6 @@ export default create({
       };
     });
 
-    const iconShow = computed(() => {
-      if (props.leftIcon == 'close') {
-        return false;
-      } else {
-        return true;
-      }
-    });
-
     const barStyle = computed(() => {
       let style: {
         [props: string]: any;
@@ -237,14 +229,6 @@ export default create({
         transform: `translateX(${state.firstRound ? 0 : state.wrapWidth + 'px'})`
       };
     });
-
-    const iconBg = computed(() => {
-      let iconBg = '';
-      if (props.leftIcon) {
-        iconBg = props.leftIcon;
-      }
-      return iconBg;
-    });
     const horseLampStyle = computed(() => {
       let styles = {};
       if (props.complexAm) {
@@ -414,10 +398,8 @@ export default create({
       ...toRefs(state),
       isEllipsis,
       classes,
-      iconShow,
       barStyle,
       contentStyle,
-      iconBg,
       horseLampStyle,
       wrap,
       content,

src/packages/__VUE/noticebar/index.vue

@@ -12,7 +12,7 @@
       @click="handleClick"
       v-if="direction == 'across'"
     >
-      <view class="nut-noticebar__page-lefticon" v-if="iconShow">
+      <view class="nut-noticebar__page-lefticon">
         <slot name="left-icon" v-if="$slots['left-icon']"> </slot>
         <component :is="renderIcon(leftIcon)" v-else></component>
       </view>
@@ -216,14 +216,6 @@ export default create({
       };
     });
 
-    const iconShow = computed(() => {
-      if (props.leftIcon == 'close') {
-        return false;
-      } else {
-        return true;
-      }
-    });
-
     const barStyle = computed(() => {
       let style: {
         [props: string]: any;
@@ -245,13 +237,6 @@ export default create({
         transform: `translateX(${state.firstRound ? 0 : state.wrapWidth + 'px'})`
       };
     });
-    const iconBg = computed(() => {
-      let iconBg = '';
-      if (props.leftIcon) {
-        iconBg = props.leftIcon;
-      }
-      return iconBg;
-    });
     const horseLampStyle = computed(() => {
       let styles = {};
       if (props.complexAm) {
@@ -410,10 +395,8 @@ export default create({
       ...toRefs(state),
       isEllipsis,
       classes,
-      iconShow,
       barStyle,
       contentStyle,
-      iconBg,
       horseLampStyle,
       wrap,
       content,

vite.config.build.taro.vue.disperse.ts

@@ -1,8 +1,7 @@
 import { defineConfig } from 'vite';
-import dts from 'vite-plugin-dts';
 import vue from '@vitejs/plugin-vue';
 import path from 'path';
-const fs = require('fs-extra');
+import fs from 'fs-extra';
 import config from './package.json';
 import configPkg from './src/config.json';
 
@@ -45,37 +44,6 @@ export default defineConfig({
           whitespace: 'preserve'
         }
       }
-    }),
-    dts({
-      insertTypesEntry: true,
-      copyDtsFiles: false,
-      cleanVueFileName: false,
-      outputDir: path.resolve(__dirname, './dist/types'),
-      include: path.resolve(__dirname, './src/packages/__VUE'),
-      beforeWriteFile: (filePath: string, content: string) => {
-        const fileContent = `import { App, PropType, CSSProperties } from 'vue';
-declare type Install<T> = T & {
-  install(app: App): void;
-};
-`;
-        const start = 'declare const _sfc_main:';
-        const end = ';\nexport default _sfc_main;\n';
-        let name = Object.keys(input).find((item: string) => item.toLowerCase() === filePath.split('/').slice(-2)[0]);
-        name = name ? name : ' ';
-        const remain = `
-declare module 'vue' {
-  interface GlobalComponents {
-      Nut${name}: typeof _sfc_main;
-  }
-}     
-      `;
-        const inputs = content.match(RegExp(`${start}([\\s\\S]*?)${end}`));
-        const changeContent = inputs && inputs.length ? `${start} Install<${inputs[1]}>${end}${remain}` : content;
-        return {
-          filePath,
-          content: fileContent + changeContent
-        };
-      }
     })
   ],
   build: {