xyvcard-wechat-auth 0.0.32 → 0.0.33

package/dist/components/common/auth-btn/double-btn/index.wxml

@@ -1,4 +1,4 @@
 <view class="auth-btn-box">
-  <button class="btn-left" style="background-color: {{ leftBgColor }}; color: {{ leftColor }}; border-radius: {{ btnRadius }}; border: {{ leftBorder }};" bind:tap="handleLeft">{{ leftText }}</button>
-  <button class="btn-right" style="background-color: {{ rightBgColor }}; color: {{ rightColor }}; border-radius: {{ btnRadius }}; border: {{ rightBorder }};" bind:tap="handleRight">{{ rightText }}</button>
+  <button class="btn-left" style="background: {{ leftBgColor }}; color: {{ leftColor }}; border-radius: {{ btnRadius }}; border: {{ leftBorder }};" bind:tap="handleLeft">{{ leftText }}</button>
+  <button class="btn-right" style="background: {{ rightBgColor }}; color: {{ rightColor }}; border-radius: {{ btnRadius }}; border: {{ rightBorder }};" bind:tap="handleRight">{{ rightText }}</button>
 </view>

package/dist/components/common/auth-btn/three-btn/index.js

@@ -0,0 +1,101 @@
+Component({
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+    // 左侧的文本内容
+    leftText: {
+      type: String,
+      value: ""
+    },
+    // 右侧的文本内容
+    rightText: {
+      type: String,
+      value: ""
+    },
+    // 左侧按钮背景色
+    leftBgColor: {
+      type: String,
+      value: ""
+    },
+    // 右侧按钮背景色
+    rightBgColor: {
+      type: String,
+      value: "#2563EB"
+    },
+    // 左侧按钮字体颜色
+    leftColor: {
+      type: String,
+      value: ""
+    },
+    // 右侧按钮字体颜色
+    rightColor: {
+      type: String,
+      value: "#fff"
+    },
+    // 右侧按钮圆角
+    rightRadius: {
+      type: String,
+      value: ""
+    },
+    // 左侧按钮边框
+    leftBorder: {
+      type: String,
+      value: ""
+    },
+    // 右侧按钮边框
+    rightBorder: {
+      type: String,
+      value: ""
+    },
+    // 中间按钮文本内容
+    centerText: {
+      type: String,
+      value: ""
+    },
+    // 中间按钮背景色
+    centerBgColor: {
+      type: String,
+      value: ""
+    },
+    // 中间按钮字体颜色
+    centerColor: {
+      type: String,
+      value: ""
+    },
+    // 中间边框
+    centerBorder: {
+      type: String,
+      value: ""
+    },
+    // 中间按钮圆角
+    centerRadius: {
+      type: String,
+      value: ""
+    },
+    // 左侧按钮圆角
+    leftRadius: {
+      type: String,
+      value: ""
+    }
+  },
+  /**
+   * 组件的初始数据
+   */
+  data: {},
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    handleLeft() {
+      this.triggerEvent("leftbtn");
+    },
+    handleRight() {
+      this.triggerEvent("rightbtn");
+    },
+    // 中间按钮事件
+    handleCenter() {
+      this.triggerEvent("centerbtn");
+    }
+  }
+});

package/dist/components/common/auth-btn/three-btn/index.json

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

package/dist/components/common/auth-btn/three-btn/index.wxml

@@ -0,0 +1,5 @@
+<view class="auth-btn-box">
+  <button class="btn-left" style="background: {{ leftBgColor }}; color: {{ leftColor }}; border-radius: {{ leftRadius }}; border: {{ leftBorder }};" bind:tap="handleLeft">{{ leftText }}</button>
+  <button class="btn-left" style="background: {{ centerBgColor }}; color: {{ centerColor }}; border-radius: {{ centerRadius }}; border: {{ centerBorder }};" bind:tap="handleCenter">{{ centerText }}</button>
+  <button class="btn-right" style="background: {{ rightBgColor }}; color: {{ rightColor }}; border-radius: {{ rightRadius }}; border: {{ rightBorder }};" bind:tap="handleRight">{{ rightText }}</button>
+</view>

package/dist/components/common/auth-btn/three-btn/index.wxss

@@ -0,0 +1 @@
+.auth-btn-box{display:flex;align-items:center;justify-content:space-between;width:100%}.auth-btn-box .btn-left{width:28%;margin-right:3%;height:96rpx;font-size:32rpx;line-height:96rpx}.auth-btn-box .btn-right{height:96rpx;font-size:32rpx;width:44%;line-height:96rpx}

package/dist/components/common/auth-form/upload-image/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/common/auth-form/upload-image/index.js

@@ -0,0 +1,104 @@
+import { config } from "../../../../utils/config.js";
+Component({
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+    // 背景封面上传
+    coverUpload: {
+      type: String,
+      value: "/icon_image/border_plus.png"
+    },
+    // 限制上传数量
+    limit: {
+      type: Number,
+      value: 6
+    }
+  },
+  /**
+   * 组件的初始数据
+   */
+  data: {
+    resourceUrl: config.resourceUrl,
+    baseUrl: config.baseUrl + "/v1/file/image/resize/160/160/",
+    imageArray: []
+  },
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    handleUploadImage() {
+      const that = this;
+      if (that.data.imageArray.length > that.data.limit - 1) {
+        wx.showToast({
+          title: "图片最多上传" + that.data.limit + "张",
+          icon: "none",
+          duration: 2e3
+        });
+        return;
+      }
+      wx.showActionSheet({
+        itemList: ["从相册中选择", "拍照"],
+        itemColor: "#486aff",
+        success: function(res) {
+          if (res.tapIndex === 0) {
+            that.chooseWxHeadImage("album");
+          } else if (res.tapIndex == 1) {
+            that.chooseWxHeadImage("camera");
+          }
+        }
+      });
+    },
+    chooseWxHeadImage(type) {
+      const that = this;
+      const token = wx.getStorageSync("token") ? "Bearer " + wx.getStorageSync("token") : "";
+      wx.chooseMedia({
+        count: that.data.limit,
+        sizeType: ["original", "compressed"],
+        sourceType: [type],
+        success: function(res) {
+          const tempFilePaths = res.tempFiles[0].tempFilePath;
+          wx.uploadFile({
+            url: config.baseUrl + "/v1/file/upload?tenant=" + config.tenant,
+            filePath: tempFilePaths,
+            header: {
+              "Content-Type": "multipart/form-data",
+              Authorization: token
+            },
+            formData: {
+              method: "POST"
+              //请求方式
+            },
+            name: "file",
+            success(response) {
+              if (response.statusCode === 200) {
+                const src = JSON.parse(response.data).fileSrc;
+                that.data.imageArray.push(src);
+                that.setData({
+                  imageArray: that.data.imageArray
+                });
+                console.log(that.data.imageArray);
+                that.triggerEvent("imageList", that.data.imageArray);
+              } else {
+                wx.showToast({
+                  title: "图片上传失败",
+                  icon: "none",
+                  duration: 2e3
+                });
+              }
+            }
+          });
+        }
+      });
+    },
+    // 删除图片
+    handleDel(e) {
+      var _a;
+      this.data.imageArray.splice((_a = e.currentTarget) == null ? void 0 : _a.dataset.index, 1);
+      this.setData({
+        imageArray: this.data.imageArray
+      });
+      this.triggerEvent("imageList", this.data.imageArray);
+    }
+  }
+});

package/dist/components/common/auth-form/upload-image/index.json

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

package/dist/components/common/auth-form/upload-image/index.wxml

@@ -0,0 +1,9 @@
+<view class="upload-box">
+  <view class="upload-image" wx:for="{{ imageArray }}" wx:key="index">
+    <image src="{{ baseUrl + item }}" class="plus-image"></image>
+    <image src="{{ resourceUrl }}/icon_image/close_circle2x.png" class="delete-image" data-index="{{ index }}" bind:tap="handleDel"></image>
+  </view>
+  <view class="upload-cover" bind:tap="handleUploadImage">
+    <image src="{{ resourceUrl + coverUpload }}" class="plus-image"></image>
+  </view>
+</view>

package/dist/components/common/auth-form/upload-image/index.wxss

@@ -0,0 +1 @@
+.upload-box{display:flex;align-items:center;flex-wrap:wrap}.upload-box .upload-image{margin:0 12rpx 30rpx 0;position:relative;width:calc(100% - 18px)/4;height:160rpx}.upload-box .upload-image .delete-image{width:40rpx;height:40rpx;position:absolute;right:-14rpx;top:-14rpx}.plus-image{width:160rpx;height:160rpx}

package/dist/components/common/auth-top-navigation/index.js

@@ -15,7 +15,7 @@ Component({
       type: String,
       value: ""
     },
-    // 左侧icon图标 跳转到查看消息页面
+    // 是否显示左侧按钮
     isLeftIcon: {
       type: Boolean,
       value: true

package/dist/components/common/auth-top-navigation/index.wxml

@@ -1,4 +1,4 @@
-<view class="auth-top" style="background-color: {{ style.color }};">
+<view class="auth-top" style="background: {{ style.color }};">
   <view class="auth-top-navigation" style="padding-top: {{ style.paddingTop }}px; height: {{ style.height }}px;color: {{ titleColor }}">
     <van-icon name="arrow-left" size="22px" wx:if="{{ isLeftIcon }}" color="{{ titleColor }}" bind:tap="handleBack" />
     <text class="title">{{ title }}</text>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xyvcard-wechat-auth",
-  "version": "0.0.32",
+  "version": "0.0.33",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",