chore: build component scss optimization

.gitignore

@@ -8,7 +8,9 @@ package-lock.json
 /cache
 /src/nutui.ts
 /src/packages/nutui.vue.ts
+/src/packages/nutui.vue.build.ts
 /src/packages/nutui.taro.vue.ts
+/src/packages/nutui.taro.vue.build.ts
 /.nyc_output
 /coverage
 /tsc/test

jd/generate-nutui-taro-vue.js

@@ -3,6 +3,7 @@ const config = require('../src/config.json');
 const path = require('path');
 const fs = require('fs-extra');
 let importStr = `//import { App } from 'vue';\n`;
+let importScssStr = `\n`;
 const packages = [];
 config.nav.map((item) => {
   item.packages.forEach((element) => {
@@ -11,6 +12,7 @@ config.nav.map((item) => {
       importStr += `import ${name} from './__VUE/${name.toLowerCase()}/index${
         exportEmpty ? '' : '.taro'
       }.vue';\n`;
+      importScssStr += `import './__VUE/${name.toLowerCase()}/index.scss';\n`;
       packages.push(name);
     }
   });
@@ -29,6 +31,15 @@ let fileStr = `${importStr}
 ${installFunction}
 export { ${packages.join(',')}  };
 export default { install, version:'${package.version}'};`;
+fs.outputFile(
+  path.resolve(__dirname, '../src/packages/nutui.taro.vue.build.ts'),
+  fileStr,
+  'utf8',
+  (error) => {
+    // logger.success(`${package_config_path} 文件写入成功`);
+  }
+);
+fileStr += importScssStr;
 fs.outputFile(
   path.resolve(__dirname, '../src/packages/nutui.taro.vue.ts'),
   fileStr,

jd/generate-nutui.js

@@ -3,6 +3,7 @@ const config = require('../src/config.json');
 const path = require('path');
 const fs = require('fs-extra');
 let importStr = `import { App } from 'vue';\n`;
+let importScssStr = `\n`;
 const packages = [];
 config.nav.map((item) => {
   item.packages.forEach((element) => {
@@ -11,6 +12,7 @@ config.nav.map((item) => {
       importStr += `import ${name} from './__VUE/${name.toLowerCase()}/index${
         type === 'methods' ? '' : '.vue'
       }';\n`;
+      importScssStr += `import './__VUE/${name.toLowerCase()}/index.scss';\n`;
       packages.push(name);
     }
   });
@@ -29,6 +31,16 @@ let fileStr = `${importStr}
 ${installFunction}
 export { install, ${packages.join(',')}  };
 export default { install, version:'${package.version}'};`;
+fs.outputFile(
+  path.resolve(__dirname, '../src/packages/nutui.vue.build.ts'),
+  fileStr,
+  'utf8',
+  (error) => {
+    // logger.success(`${package_config_path} 文件写入成功`);
+  }
+);
+
+fileStr += importScssStr;
 fs.outputFile(
   path.resolve(__dirname, '../src/packages/nutui.vue.ts'),
   fileStr,

package.json

@@ -64,6 +64,7 @@
     }
   },
   "dependencies": {
+    "pinyin": "^2.10.2",
     "sass": "^1.34.0",
     "vue": "^3.0.5",
     "vue-router": "^4.0.4"
@@ -86,13 +87,11 @@
     "eslint": "^6.7.2",
     "eslint-plugin-prettier": "^3.1.3",
     "eslint-plugin-vue": "^7.0.0-0",
-    "front-matter": "^4.0.2",
     "fs-extra": "^9.1.0",
     "highlight.js": "^10.3.1",
     "husky": "^6.0.0",
     "jest": "^26.6.3",
     "lint-staged": "^10.5.0",
-    "pinyin": "^2.10.2",
     "prettier": "^2.0.0",
     "standard-version": "^9.3.0",
     "swiper": "6.5.1",

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

@@ -120,6 +120,3 @@ export default create({
   }
 });
 </script>
-<style lang="scss">
-@import 'index.scss';
-</style>

src/packages/__VUE/actionsheet/index.vue

@@ -120,6 +120,3 @@ export default create({
   }
 });
 </script>
-<style lang="scss">
-@import 'index.scss';
-</style>

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

@@ -552,7 +552,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import './index.scss';
-</style>

src/packages/__VUE/address/index.vue

@@ -538,7 +538,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss" scoped>
-@import 'index.scss';
-</style>

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

@@ -72,6 +72,3 @@ export default create({
   }
 });
 </script>
-<style lang="scss">
-@import 'index.scss';
-</style>

src/packages/__VUE/avatar/index.vue

@@ -72,6 +72,3 @@ export default create({
   }
 });
 </script>
-<style lang="scss">
-@import 'index.scss';
-</style>

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

@@ -85,7 +85,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

src/packages/__VUE/backtop/index.vue

@@ -173,7 +173,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

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

@@ -145,7 +145,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

src/packages/__VUE/barrage/index.vue

@@ -134,7 +134,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

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

@@ -114,7 +114,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

src/packages/__VUE/button/index.vue

@@ -115,7 +115,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

src/packages/__VUE/calendaritem/index.vue

@@ -668,7 +668,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

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

@@ -81,7 +81,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

src/packages/__VUE/cell/index.vue

@@ -94,7 +94,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

src/packages/__VUE/cellgroup/index.vue

@@ -28,7 +28,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

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

@@ -126,7 +126,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

src/packages/__VUE/checkbox/index.vue

@@ -127,7 +127,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss" scoped>
-@import 'index.scss';
-</style>

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

@@ -207,7 +207,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

src/packages/__VUE/circleprogress/index.vue

@@ -103,7 +103,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

src/packages/__VUE/col/index.scss

-@use 'sass:math';
-
 .nut-col {
   float: left;
   box-sizing: border-box;

src/packages/__VUE/col/index.vue

@@ -43,7 +43,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

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

@@ -124,7 +124,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

src/packages/__VUE/collapse/index.vue

@@ -93,7 +93,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

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

@@ -318,7 +318,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import './index.scss';
-</style>

src/packages/__VUE/collapseitem/index.vue

@@ -266,7 +266,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import './index.scss';
-</style>

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

@@ -237,7 +237,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

src/packages/__VUE/countdown/index.vue

@@ -237,7 +237,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

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

@@ -699,7 +699,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

src/packages/__VUE/countup/index.vue

@@ -692,7 +692,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

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

@@ -51,5 +51,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss"></style>

src/packages/__VUE/datepicker/index.vue

@@ -317,7 +317,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

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

@@ -192,7 +192,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

src/packages/__VUE/dialog/index.vue

@@ -192,7 +192,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

src/packages/__VUE/divider/demo.vue

@@ -39,8 +39,3 @@ export default createDemo({
   }
 });
 </script>
-
-<style lang="scss" scoped>
-.demo {
-}
-</style>

src/packages/__VUE/divider/index.scss

 .nut-divider {
   display: flex;
   align-items: center;
-  font-size: 28px;
+  font-size: 14px;
   color: #909ca4;
-  margin: 16px 0;
+  margin: 8px 0;
   width: 100%;
 
   &::before,
@@ -18,11 +18,11 @@
   &.nut-divider-left,
   &.nut-divider-right {
     &::before {
-      margin-right: 16px;
+      margin-right: 8px;
     }
 
     &::after {
-      margin-left: 16px;
+      margin-left: 8px;
     }
   }
 

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

@@ -43,7 +43,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

src/packages/__VUE/divider/index.vue

@@ -43,7 +43,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

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

@@ -254,7 +254,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

src/packages/__VUE/drag/index.vue

@@ -209,7 +209,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

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

@@ -210,7 +210,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

src/packages/__VUE/elevator/index.vue

@@ -193,7 +193,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss" scoped>
-@import 'index.scss';
-</style>

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

@@ -99,7 +99,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

src/packages/__VUE/fixednav/index.vue

@@ -100,7 +100,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

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

@@ -47,7 +47,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

src/packages/__VUE/icon/index.vue

@@ -47,7 +47,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

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

@@ -231,7 +231,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import './index.scss';
-</style>

src/packages/__VUE/infiniteloading/index.vue

@@ -300,7 +300,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

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

@@ -185,7 +185,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

src/packages/__VUE/input/index.vue

@@ -154,7 +154,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

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

@@ -166,7 +166,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

src/packages/__VUE/inputnumber/index.vue

@@ -172,7 +172,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

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

@@ -3,5 +3,3 @@ import { createComponent } from '../../utils/create';
 const { create } = createComponent('layout');
 export default create({});
 </script>
-
-<style lang="scss"></style>

src/packages/__VUE/layout/index.vue

@@ -3,5 +3,3 @@ import { createComponent } from '../../utils/create';
 const { create } = createComponent('layout');
 export default create({});
 </script>
-
-<style lang="scss"></style>

src/packages/__VUE/menu/index.vue

@@ -40,7 +40,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

src/packages/__VUE/menuitem/index.vue

@@ -157,7 +157,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss" scoped>
-@import './index.scss';
-</style>

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

@@ -158,7 +158,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

src/packages/__VUE/navbar/index.vue

@@ -156,7 +156,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

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

@@ -419,7 +419,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

src/packages/__VUE/noticebar/index.vue

@@ -404,7 +404,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

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

@@ -88,7 +88,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

src/packages/__VUE/notify/index.vue

@@ -102,7 +102,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

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

@@ -251,7 +251,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

src/packages/__VUE/numberkeyboard/index.vue

@@ -251,7 +251,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

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

@@ -82,6 +82,3 @@ export default create({
   }
 });
 </script>
-<style lang="scss">
-@import 'index.scss';
-</style>

src/packages/__VUE/overlay/index.vue

@@ -113,6 +113,3 @@ export default create({
   }
 });
 </script>
-<style lang="scss">
-@import 'index.scss';
-</style>

src/packages/__VUE/picker/Column.vue

@@ -258,7 +258,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

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

@@ -82,5 +82,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss" scoped></style>

src/packages/__VUE/picker/index.vue

@@ -264,6 +264,3 @@ export default create({
   }
 });
 </script>
-<style lang="scss">
-@import 'index.scss';
-</style>

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

@@ -247,7 +247,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

src/packages/__VUE/popup/index.vue

@@ -276,7 +276,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

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

@@ -115,7 +115,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

src/packages/__VUE/price/index.vue

@@ -104,7 +104,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

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

@@ -146,7 +146,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

src/packages/__VUE/progress/index.vue

@@ -139,7 +139,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

src/packages/__VUE/pullrefresh/index.vue

@@ -415,7 +415,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

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

@@ -87,7 +87,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

src/packages/__VUE/radio/index.vue

@@ -87,7 +87,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

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

@@ -319,7 +319,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

src/packages/__VUE/range/index.vue

@@ -317,7 +317,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

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

@@ -120,7 +120,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

src/packages/__VUE/rate/index.vue

@@ -121,7 +121,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

src/packages/__VUE/row/index.vue

@@ -57,6 +57,3 @@ export default create({
   }
 });
 </script>
-<style lang="scss">
-@import 'index.scss';
-</style>

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

@@ -195,7 +195,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

src/packages/__VUE/shortpassword/index.vue

@@ -166,7 +166,3 @@ export default create({
   }
 });
 </script>
-
-<style scoped lang="scss">
-@import 'index.scss';
-</style>

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

@@ -152,7 +152,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

src/packages/__VUE/signature/index.vue

@@ -157,7 +157,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

src/packages/__VUE/step/index.vue

@@ -93,7 +93,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

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

@@ -54,7 +54,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

src/packages/__VUE/steps/index.vue

@@ -54,7 +54,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

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

@@ -194,7 +194,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

src/packages/__VUE/swipe/index.vue

@@ -178,7 +178,3 @@ export default create({
   }
 });
 </script>
-
-<style lang="scss">
-@import 'index.scss';
-</style>

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

@@ -18,7 +18,3 @@ export default create({
   }
 });
 </script>
-
-<style scoped lang="scss">
-@import 'index.scss';
-</style>

src/packages/__VUE/swiper/index.vue

@@ -464,7 +464,3 @@ export default create({
   }
 });
 </script>
-
-<style scoped lang="scss">
-@import 'index.scss';
-</style>

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

@@ -24,7 +24,3 @@ export default create({
   }
 });
 </script>
-
-<style scoped lang="scss">
-@import 'index.scss';
-</style>