@10yun/cv-mobile-ui 0.5.29 → 0.5.31

package/ui-fireui/fui-uploadsamll/fui-uploadsamll.vue

@@ -0,0 +1,472 @@
+<template>
+  <view class="fui-container">
+    <view class="fui-upload-box" :class="[isShowAdd ? 'fui-uploadd' : 'fui-none']">
+      <view class="fui-image-item" v-for="(item, index) in imageList" :key="index">
+        <image
+          :src="item"
+          :style="[{ borderRadius: borderRadius + 'rpx' }]"
+          class="fui-item-img"
+          @tap.stop="previewImage(index)"
+          mode="aspectFill"
+        ></image>
+        <view v-if="!forbidDel" class="fui-img-del" @tap.stop="delImage(index)"></view>
+        <view v-if="statusArr[index] != 1" class="fui-upload-mask">
+          <view class="fui-upload-loading" v-if="statusArr[index] == 2"></view>
+          <text class="fui-tips">{{ statusArr[index] == 2 ? '上传中...' : '上传失败' }}</text>
+          <view
+            class="fui-mask-btn"
+            v-if="statusArr[index] == 3"
+            @tap.stop="reUpLoad(index)"
+            hover-class="fui-btn-hover"
+            :hover-stay-time="150"
+          >
+            重新上传
+          </view>
+        </view>
+      </view>
+      <view v-if="isShowAdd" class="fui-upload-addicon" @tap="chooseImage">
+        <view class="fui-upload-item">
+          <image style="width: 45rpx; height: 45rpx" src="/static/images/img.png" mode="widthFix"></image>
+          <!-- <cv-icons type="media-camera-filled" size="44" color="#262871" /> -->
+          <!-- <view class="fontS_15" :style="[{ fontSize: fontSize + 'rpx' }]" style="margin-top: 10upx; color: #4fb49b">
+            请上传照片
+          </view> -->
+        </view>
+        <!-- <view class="fui-upload-icon fui-icon-plus"></view> -->
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  name: 'fuiUpload',
+  props: {
+    //初始化图片路径
+    value: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    //禁用删除
+    forbidDel: {
+      type: Boolean,
+      default: false
+    },
+    //禁用添加
+    forbidAdd: {
+      type: Boolean,
+      default: false
+    },
+    //服务器地址
+    serverUrl: {
+      type: String,
+      default: ''
+    },
+    //限制数
+    limit: {
+      type: Number,
+      default: 9
+    },
+    //original 原图，compressed 压缩图，默认二者都有
+    sizeType: {
+      type: Array,
+      default() {
+        return ['original', 'compressed'];
+      }
+    },
+    //album 从相册选图，camera 使用相机，默认二者都有。如需直接开相机或直接选相册，请只使用一个选项
+    sourceType: {
+      type: Array,
+      default() {
+        return ['album', 'camera'];
+      }
+    },
+    //可上传图片类型，默认为空，不限制  Array<String> ['jpg','png','gif']
+    imageFormat: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    //单张图片大小限制 MB
+    size: {
+      type: Number,
+      default: 4
+    },
+    //字体大小
+    fontSize: {
+      type: Number,
+      default: 22
+    },
+    //高
+    height: {
+      type: Number,
+      default: 260
+    },
+    //圆角
+    borderRadius: {
+      type: Number,
+      default: 0
+    },
+    //项目名，默认为 file
+    fileKeyName: {
+      type: String,
+      default: 'file'
+    },
+    //HTTP 请求 Header, header 中不能设置 Referer。
+    header: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    //HTTP 请求中其他额外的 form data
+    formData: {
+      type: Object,
+      default() {
+        return {};
+      }
+    }
+  },
+  data() {
+    return {
+      //图片地址
+      imageList: [],
+      //上传状态：1-上传成功 2-上传中 3-上传失败
+      statusArr: [],
+      isShowAdd: false
+    };
+  },
+  created() {
+    this.initImages();
+  },
+  watch: {
+    value(val) {
+      let that = this;
+      console.log('监听', val);
+      if (val) {
+        that.initImages();
+      }
+    }
+  },
+  computed: {
+    // isShowAdd() {
+    // 	let isShow = true;
+    // 	if (this.forbidAdd || (this.limit && this.imageList.length >= this.limit)) {
+    // 		isShow = false;
+    // 	}
+    // 	return isShow;
+    // }
+  },
+  methods: {
+    initImages() {
+      this.imageList = [...this.value];
+      for (let item of this.imageList) {
+        this.statusArr.push('1');
+      }
+    },
+    // 重新上传
+    reUpLoad(index) {
+      this.statusArr[index] = '2';
+      this.change();
+      this.uploadImage(index, this.imageList[index])
+        .then(() => {
+          this.change();
+        })
+        .catch(() => {
+          this.change();
+        });
+    },
+    change() {
+      let status = ~this.statusArr.indexOf('2') ? 2 : 1;
+      if (status != 2 && ~this.statusArr.indexOf('3')) {
+        // 上传失败
+        status = 3;
+      }
+      this.$emit('complete', {
+        status: status,
+        imgArr: this.imageList
+      });
+    },
+    chooseImage() {
+      uni.chooseImage({
+        count: this.limit - this.imageList.length,
+        sizeType: this.sizeType,
+        sourceType: this.sourceType,
+        success: (e) => {
+          console.log('wwww', e);
+          let imageArr = [];
+          for (let i = 0; i < e.tempFiles.length; i++) {
+            let len = this.imageList.length;
+            if (len >= this.limit) {
+              this.showToast(`最多可上传${this.limit}张图片`);
+              break;
+            }
+            //过滤图片类型
+            let path = e.tempFiles[i].path;
+
+            if (this.imageFormat.length > 0) {
+              let format = '';
+              // #ifdef H5
+              let type = e.tempFiles[i].type;
+              format = type.split('/')[1];
+              // #endif
+
+              // #ifndef H5
+              format = path.split('.')[path.split('.').length - 1];
+              // #endif
+
+              if (this.imageFormat.indexOf(format) == -1) {
+                let text = `只能上传 ${this.imageFormat.join(',')} 格式图片！`;
+                this.showToast(text);
+                continue;
+              }
+            }
+
+            //过滤超出大小限制图片
+            let size = e.tempFiles[i].size;
+
+            if (this.size * 1024 * 1024 < size) {
+              let err = `单张图片大小不能超过：${this.size}MB`;
+              this.showToast(err);
+              continue;
+            }
+            imageArr.push(path);
+            this.imageList.push(path);
+            this.statusArr.push('2');
+          }
+          this.change();
+
+          let start = this.imageList.length - imageArr.length;
+          for (let j = 0; j < imageArr.length; j++) {
+            let index = start + j;
+            //服务器地址
+            if (this.serverUrl) {
+              this.uploadImage(index, imageArr[j])
+                .then(() => {
+                  this.change();
+                })
+                .catch(() => {
+                  this.change();
+                });
+            } else {
+              //无服务器地址则直接返回成功
+              this.statusArr[index] = '1';
+              this.change();
+            }
+          }
+          this.isShowAdd = false;
+        }
+      });
+    },
+    uploadImage(index, url) {
+      return new Promise((resolve, reject) => {
+        uni.uploadFile({
+          url: this.serverUrl,
+          name: this.fileKeyName,
+          header: this.header,
+          formData: this.formData,
+          filePath: url,
+          success: (res) => {
+            console.log('上传后处理数据', res);
+            if (res.statusCode == 200) {
+              //返回结果 此处需要按接口实际返回进行修改
+              let d = JSON.parse(res.data.replace(/\ufeff/g, '') || '{}');
+              //判断code，以实际接口规范判断
+              if (d.code % 100 === 0) {
+                // 上传成功 d.url 为上传后图片地址，以实际接口返回为准
+                d.url && (this.imageList[index] = d.url);
+                this.statusArr[index] = d.url ? '1' : '3';
+              } else {
+                // 上传失败
+                this.statusArr[index] = '3';
+              }
+              resolve(index);
+            } else {
+              this.statusArr[index] = '3';
+              reject(index);
+            }
+          },
+          fail: (res) => {
+            this.statusArr[index] = '3';
+            reject(index);
+          }
+        });
+      });
+    },
+    delImage(index) {
+      this.imageList.splice(index, 1);
+      this.statusArr.splice(index, 1);
+      this.$emit('remove', {
+        index: index
+      });
+      this.change();
+      this.isShowAdd = true;
+      console.log('监听1', this.value);
+    },
+    previewImage(index) {
+      if (!this.imageList.length) return;
+      uni.previewImage({
+        current: this.imageList[index],
+        loop: true,
+        urls: this.imageList
+      });
+    }
+  }
+};
+</script>
+
+<style scoped>
+@font-face {
+  font-family: 'fuiUpload';
+  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAATcAA0AAAAAByQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEwAAAABoAAAAciR52BUdERUYAAASgAAAAHgAAAB4AKQALT1MvMgAAAaAAAABCAAAAVjxvR/tjbWFwAAAB+AAAAEUAAAFK5ibpuGdhc3AAAASYAAAACAAAAAj//wADZ2x5ZgAAAkwAAADXAAABAAmNjcZoZWFkAAABMAAAAC8AAAA2FpiS+WhoZWEAAAFgAAAAHQAAACQH3QOFaG10eAAAAeQAAAARAAAAEgwAACBsb2NhAAACQAAAAAwAAAAMAEoAgG1heHAAAAGAAAAAHwAAACABEgA2bmFtZQAAAyQAAAFJAAACiCnmEVVwb3N0AAAEcAAAACgAAAA6OMUs4HjaY2BkYGAAYo3boY/i+W2+MnCzMIDAzb3qdQj6fwPzf+YGIJeDgQkkCgA/KAtvAHjaY2BkYGBu+N/AEMPCAALM/xkYGVABCwBZ4wNrAAAAeNpjYGRgYGBl0GJgZgABJiDmAkIGhv9gPgMADTABSQB42mNgZGFgnMDAysDA1Ml0hoGBoR9CM75mMGLkAIoysDIzYAUBaa4pDA7PGJ9xMjf8b2CIYW5gaAAKM4LkANt9C+UAAHjaY2GAABYIVmBgAAAA+gAtAAAAeNpjYGBgZoBgGQZGBhBwAfIYwXwWBg0gzQakGRmYnjE+4/z/n4EBQksxSf6GqgcCRjYGOIeRCUgwMaACRoZhDwCiLwmoAAAAAAAAAAAAAAAASgCAeNpdjkFKw0AARf/vkIR0BkPayWRKQZtYY90ohJju2kOIbtz0KD1HVm50UfEmWXoAr9ADOHFARHHzeY//Fx8Ci+FJfIgdJFa4AhgiMshbrCuIsLxhFJZVs+Vl1bT1GddtbXTC3OhohN4dg4BJ3zMJAnccyfm468ZzHXddrH9ZKbHzdf9n/vkY/xv9sPQXgGEvBrHHwst5kTbXLE+YpYVPkxepPmW94W16UbdNJd6f3SAzo5W7m1jaKd+8ZZIvk5nlKw9SK6Wle7BLS3f/bTzQLmfAF2T1NsQAeNp9kD1OAzEQhZ/zByQSQiCoXVEA2vyUKRMp9Ailo0g23pBo1155nUg5AS0VB6DlGByAGyDRcgpelkmTImvt6PObmeexAZzjGwr/3yXuhBWO8ShcwREy4Sr1F+Ea+V24jhY+hRvUf4SbuFUD4RYu1BsdVO2Eu5vSbcsKZxgIV3CKJ+Eq9ZVwjfwqXMcVPoQb1L+EmxjjV7iFa2WpDOFhMEFgnEFjig3jAjEcLJIyBtahOfRmEsxMTzd6ETubOBso71dilwMeaDnngCntPbdmvkon/mDLgdSYbh4FS7YpjS4idCgbXyyc1d2oc7D9nu22tNi/a4E1x+xRDWzU/D3bM9JIbAyvkJI18jK3pBJTj2hrrPG7ZynW814IiU68y/SIx5o0dTr3bmniwOLn8owcfbS5kj33qBw+Y1kIeb/dTsQgil2GP5PYcRkAAAB42mNgYoAALjDJyIAOWMGiTIxMjMxsKak5qSWpbFmZiRmJ+QAmgAUIAAAAAf//AAIAAQAAAAwAAAAWAAAAAgABAAMABAABAAQAAAACAAAAAHjaY2BgYGQAgqtL1DlA9M296nUwGgA+8QYgAAA=)
+    format('woff');
+  font-weight: normal;
+  font-style: normal;
+}
+
+.fui-upload-icon {
+  font-family: 'fuiUpload' !important;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  padding: 10rpx;
+}
+
+.fui-icon-delete:before {
+  content: '\e601';
+}
+
+.fui-icon-plus:before {
+  content: '\e609';
+}
+
+.fui-upload-box {
+  width: 100%;
+  border-radius: 50%;
+}
+.fui-uploadd {
+  border: 1rpx solid #cccccc;
+  border-radius: 0;
+}
+.fui-none {
+  border: none;
+}
+.fui-upload-add {
+  width: 62rpx;
+  height: 62rpx;
+  font-weight: 100;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  background-color: #fff;
+}
+.fui-upload-addicon {
+  width: 62rpx;
+  height: 62rpx;
+  background-color: #fff;
+}
+.fui-upload-item {
+  margin: auto;
+  vertical-align: middle;
+  text-align: center;
+  width: 62rpx;
+  height: 62rpx;
+  padding: 14rpx 0;
+}
+.fui-image-item {
+  width: 62rpx;
+  height: 62rpx;
+  position: relative;
+  margin: auto;
+  border-radius: 50%;
+}
+
+.fui-image-item:nth-of-type(3n) {
+  margin-right: 0;
+}
+
+.fui-item-img {
+  width: 100%;
+  height: 100%;
+  display: block;
+}
+
+.fui-img-del {
+  width: 36rpx;
+  height: 36rpx;
+  position: absolute;
+  right: -12rpx;
+  top: -12rpx;
+  background-color: #4fb49b;
+  border-radius: 50%;
+  color: white;
+  font-size: 34rpx;
+  z-index: 999;
+}
+
+.fui-img-del::before {
+  content: '';
+  width: 16rpx;
+  height: 1px;
+  position: absolute;
+  left: 10rpx;
+  top: 18rpx;
+  background-color: #fff;
+}
+
+.fui-upload-mask {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  left: 0;
+  top: 0;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-around;
+  padding: 40rpx 0;
+  box-sizing: border-box;
+  background-color: rgba(0, 0, 0, 0.6);
+}
+
+.fui-upload-loading {
+  width: 28rpx;
+  height: 28rpx;
+  border-radius: 50%;
+  border: 2px solid;
+  border-color: #b2b2b2 #b2b2b2 #b2b2b2 #fff;
+  animation: fui-rotate 0.7s linear infinite;
+}
+
+@keyframes fui-rotate {
+  0% {
+    transform: rotate(0);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+.fui-tips {
+  font-size: 26rpx;
+  color: #fff;
+}
+
+.fui-mask-btn {
+  padding: 4rpx 16rpx;
+  border-radius: 40rpx;
+  text-align: center;
+  font-size: 24rpx;
+  color: #fff;
+  border: 1rpx solid #fff;
+  align-items: center;
+  justify-content: center;
+}
+
+.fui-btn-hover {
+  opacity: 0.8;
+}
+</style>

package/uview-plus/README.md

@@ -43,7 +43,7 @@ uview-plus现已推出免费可视化设计，可以方便的进行页面可视
 
 ## 交流反馈
 
-欢迎加入我们的QQ群交流反馈：[点此跳转](https://uview-plus.jiangruyi.com/components/addQQGroup.html)
+欢迎加入我们的QQ群交流反馈：[点此跳转](http://cvjs.cn/cv-mobile-ui/guide/addQQGroup.html)
 
 ## 关于PR
 
@@ -65,7 +65,7 @@ uview-plus现已推出免费可视化设计，可以方便的进行页面可视
 
 ```html
 <template>
-	<u-button text="按钮"></u-button>
+	<up-button text="按钮"></up-button>
 </template>
 ```
 

package/uview-plus/changelog-wu-tool.md

@@ -0,0 +1,21 @@
+## 1.1.0（2023-09-13）
+更新版本
+## 1.0.9（2023-09-08）
+修复Color方法引入路径错误
+## 1.0.8（2023-09-05）
+Color不在使用npm包，改为本地方法
+## 1.0.7（2023-09-03）
+修复引入错误
+## 1.0.6（2023-09-03）
+发布1.0.6版本
+## 1.0.5（2023-08-30）
+修复api部分未导入
+## 1.0.4（2023-08-21）
+修复Color API引入错误
+## 1.0.3（2023-08-18）
+新增颜色API，支持任意颜色格式转换，颜色亮度调节、颜色饱和度调节、亮度获取、颜色是否深/亮等
+
+
+## 1.0.2（2023-08-16）
+mixin交互节点信息根边距设置
+mixin更新节点交互信息查询

package/uview-plus/changelog-wu.md

@@ -0,0 +1,91 @@
+// 下次更新的内容
+1. 统一尺寸
+2. 统一主题
+3. 暗黑主题
+4. 国际化
+
+// 本次更新的内容
+1.修复u-calendar回到今日错误
+2.优化u-calendar picker日期与当前日历日期同步
+3.u-calendar新增mode属性，用来控制单日期、多日期、日期选择范围模式
+4.优化u-calendar date属性来更好的指定多日期、范围日期的默认值
+
+
+## 1.1.5（2024-05-08）
+更新域名
+## 1.1.4（2024-01-04）
+1. 日历增加节日
+2. 日历增加自定义高度
+3. vue页面日历折叠时增加动效
+4. 日历增加头部插槽
+5. 日历仅显示当月时自动扩大间距，不会再出现下面一排空白的尴尬情况了
+## 1.1.3（2023-11-19）
+1. 日历组件新增类型（周、月日历）
+2. 日历组件新增折叠功能 
+3. 日历组件新增以周几开始的属性（周日、周一）
+## 1.1.2（2023-09-18）
+1.修复u-calendar回到今日错误
+2.优化u-calendar picker日期与当前日历日期同步
+3.u-calendar新增mode属性，用来控制单日期、多日期、日期选择范围模式
+4.优化u-calendar date属性来更好的指定多日期、范围日期的默认值
+## 1.1.1（2023-09-12）
+1. 新增u-popup弹出层组件
+2. 新增u-overlay遮罩层组件
+3. 新增u-action-sheet操作菜单组件
+## 1.1.0（2023-09-12）
+1. 新增u-popup弹出层组件
+2. 新增u-overlay遮罩层组件
+3. 新增u-action-sheet操作菜单组件
+## 1.0.9（2023-09-11）
+1. u-calendar修复每月仅展示当月数据时星期与日期对比错误
+2. 修复u-line在app端的线条表现
+3. 修复所有组件click事件会触发两次bug
+4. u-caleardar新增rangeEndRepick属性用来指定日期范围选择后点击范围内的日期是否可以重选结束日期
+5. 优化u-app-update比对版本成功后的安装方式改为强制安装，不在二次比对，因为客户手机可能存在安装包缓存
+6. 优化u-safe-bottom底部安全区域计算方法
+## 1.0.8（2023-09-05）
+更新pages.json文件
+## 1.0.7（2023-09-05）
+1. 新增app-update组建
+2. 优化工具Color方法依赖包，改为本地访问
+3. 优化u-calendar动态计算算法
+4. 优化u-calendar点击时加载缓慢
+## 1.0.6（2023-09-01）
+1. 新增gap组件
+2. 新增status-bar组件
+3. 新增safe-bottom组件
+4. 新增textarea组件
+5. 新增checkbox组件
+6. 新增cell组件
+7. 新增code组件
+8. 新增input组件
+9. 新增radio组件
+10. 新增navbar组件
+## 1.0.5（2023-08-21）
+新增项目示例
+## 1.0.4（2023-08-20）
+增加日历组件
+## 1.0.3（2023-08-12）
+1. 新增sku组件
+2. 新增layout组件
+3. 新增text组件
+4. 新增link组件
+5. 新增numberBox组件
+6. 新增loadingIcon组件
+## 1.0.2（2023-08-12）
+1. 新增sku组件
+2. 新增layout组件
+3. 新增text组件
+4. 新增link组件
+5. 新增numberBox组件
+6. 新增loadingIcon组件
+## 1.0.1（2023-08-08）
+1. 将内置组件方式改为连接式组件以此来增加产出
+2. 更新说明
+## 1.0.0（2023-08-08）
+1. 新增button组件
+2. 新增icon组件
+3. 新增loading-icon组件
+4. 新增tools工具库
+## 1.0.0（2023-08-01）
+工具库  全面兼容小程序、nvue、vue2、vue3等多端

package/uview-plus/components/u-action-sheet/_doc/changelog.md

@@ -0,0 +1,12 @@
+## 1.0.5（2024-05-09）
+取消按钮增加stop
+## 1.0.4（2024-05-08）
+更新域名
+## 1.0.3（2023-12-09）
+移除console
+## 1.0.2（2023-12-09）
+修复closeOnClickAction不生效的问题
+## 1.0.1（2023-10-26）
+修复错误引入
+## 1.0.0（2023-09-12）
+u-action-sheet 操作菜单，全端兼容，无论平台，一致体验

package/uview-plus/components/u-action-sheet/_doc/package.json

@@ -0,0 +1,92 @@
+{
+  "id": "u-action-sheet",
+  "displayName": "u-action-sheet 操作菜单，全端兼容，无论平台，一致体验",
+  "version": "1.0.5",
+  "description": "u-action-sheet 本组件用于从底部弹出一个操作菜单，供用户选择并返回结果。",
+  "keywords": [
+    "u-ui",
+    "wuui",
+    "u-action-sheet",
+    "action-sheet",
+    "操作菜单"
+  ],
+  "repository": "",
+  "engines": {
+    "HBuilderX": "^3.4.15"
+  },
+  "dcloudext": {
+    "type": "component-vue",
+    "sale": {
+      "regular": {
+        "price": "0.00"
+      },
+      "sourcecode": {
+        "price": "0.00"
+      }
+    },
+    "contact": {
+      "qq": ""
+    },
+    "declaration": {
+      "ads": "无",
+      "data": "插件不采集任何数据",
+      "permissions": "无"
+    },
+    "npmurl": ""
+  },
+  "uni_modules": {
+    "dependencies": [
+      "u-popup",
+      "u-icon",
+      "u-line",
+      "u-gap",
+      "u-loading-icon"
+    ],
+    "encrypt": [],
+    "platforms": {
+      "cloud": {
+        "tcb": "y",
+        "aliyun": "y",
+        "alipay": "n"
+      },
+      "client": {
+        "Vue": {
+          "vue2": "y",
+          "vue3": "y"
+        },
+        "App": {
+          "app-vue": "y",
+          "app-nvue": "y"
+        },
+        "H5-mobile": {
+          "Safari": "y",
+          "Android Browser": "y",
+          "微信浏览器(Android)": "y",
+          "QQ浏览器(Android)": "y"
+        },
+        "H5-pc": {
+          "Chrome": "y",
+          "IE": "y",
+          "Edge": "y",
+          "Firefox": "y",
+          "Safari": "y"
+        },
+        "小程序": {
+          "微信": "y",
+          "阿里": "y",
+          "百度": "y",
+          "字节跳动": "y",
+          "QQ": "y",
+          "钉钉": "n",
+          "快手": "n",
+          "飞书": "n",
+          "京东": "n"
+        },
+        "快应用": {
+          "华为": "n",
+          "联盟": "n"
+        }
+      }
+    }
+  }
+}