build: add dist

Author: KuangPF

build/build.js

@@ -0,0 +1,8 @@
+const fs = require('fs-extra')
+const path = require('path')
+const dist = path.join(__dirname, '../dist')
+const lib = path.join(__dirname, '../lib')
+fs.removeSync(dist)
+fs.removeSync(lib)
+
+require('./compiler')

build/compiler.js

@@ -9,6 +9,7 @@ const tsConfig = path.resolve(__dirname, '../tsconfig.json')
 const exampleDir = path.resolve(__dirname, '../example/dist')
 const isProduction = process.env.NODE_ENV === 'production'
 const src = path.join(__dirname, '../src')
+const esDir = path.resolve(__dirname, '../dist')
 
 // less
 const compileLess = dist => () =>
@@ -35,17 +36,10 @@ const compileTs = (dist, config) => () => {
 
 const copy = (dist, ext) => () => gulp.src(`${src}/**/*.${ext}`).pipe(gulp.dest(dist))
 
-const compile = (dist, config) =>
-  gulp.parallel(
-    compileTs(dist, config),
-    compileLess(dist),
-    copy(dist, 'wxml'),
-    copy(dist, 'wxs'),
-    copy(dist, 'json')
-  );
+const compile = (dist, config) => gulp.parallel(compileTs(dist, config), compileLess(dist), copy(dist, 'wxml'), copy(dist, 'wxs'), copy(dist, 'json'))
 
 if (isProduction) {
-  // TODO
+  gulp.series(compile(esDir))()
 } else {
   compile(exampleDir)()
 

dist/mp-loading/index.d.ts

@@ -0,0 +1 @@
+

dist/mp-loading/index.js

@@ -0,0 +1,20 @@
+Component({
+    properties: {
+        size: {
+            type: Number,
+            value: 30
+        },
+        color: {
+            type: String,
+            value: '#1890ff'
+        },
+        showTip: {
+            type: Boolean,
+            value: false
+        },
+        tip: {
+            type: String,
+            value: '加载中...'
+        }
+    }
+});

dist/mp-loading/index.json

@@ -0,0 +1,3 @@
+{
+  "component": true
+}

dist/mp-loading/index.wxml

@@ -0,0 +1,10 @@
+<View class='spin-dot-wrap'>
+  <View class='spin-dot-wrap-rotate' style="width: {{ size }}px; height: {{ size }}px">
+    <block wx:for="{{[1,2,3,4]}}" wx:key="{{item}}">
+      <View class='spin-dot-item' style="width: {{ size/2 - 2}}px; height: {{ size/2 - 2}}px ;background-color: {{color}};" />
+    </block>
+  </View>
+  <block wx:if="{{showTip}}">
+  <view class="spin-tip" style="color: {{color}}">{{tip}}</view>
+  </block>
+</View>

dist/mp-loading/index.wxss

@@ -0,0 +1 @@
+.spin-dot-wrap{display:inline-block;text-align:center;vertical-align:middle}.spin-dot-wrap .spin-dot-wrap-rotate{display:inline-block;height:100%;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:rotate 1.2s linear infinite;animation:rotate 1.2s linear infinite}.spin-dot-wrap .spin-dot-wrap-rotate .spin-dot-item{position:absolute;border-radius:100%;opacity:.3;-webkit-transform:scale(.75);transform:scale(.75);-webkit-animation:spinMove .3s linear infinite alternate;animation:spinMove .3s linear infinite alternate}.spin-dot-wrap .spin-dot-wrap-rotate .spin-dot-item:first-child{top:0;left:0}.spin-dot-wrap .spin-dot-wrap-rotate .spin-dot-item:nth-child(2){top:0;right:0;-webkit-animation-delay:.4s;animation-delay:.4s}.spin-dot-wrap .spin-dot-wrap-rotate .spin-dot-item:nth-child(3){bottom:0;left:0;-webkit-animation-delay:.8s;animation-delay:.8s}.spin-dot-wrap .spin-dot-wrap-rotate .spin-dot-item:nth-child(4){right:0;bottom:0;-webkit-animation-delay:1.2s;animation-delay:1.2s}.spin-dot-wrap .spin-tip{margin-top:6px;text-align:center;font-size:14px}@-webkit-keyframes spinMove{to{opacity:1}}@keyframes spinMove{to{opacity:1}}@-webkit-keyframes rotate{to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}@keyframes rotate{to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}

dist/temp/index.d.ts

@@ -0,0 +1 @@
+

dist/temp/index.js

@@ -0,0 +1 @@
+// TODO

package.json

@@ -3,6 +3,9 @@
   "version": "1.0.0",
   "description": "loading component for Mini Program",
   "miniprogram": "dist",
+  "files": [
+    "dist"
+  ],
   "dependencies": {},
   "devDependencies": {
     "autoprefixer": "^9.6.1",