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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@10yun/cv-mobile-ui",
-  "version": "0.5.31",
+  "version": "0.5.32",
   "description": "十云cvjs移动端ui，适用uniapp",
   "author": "10yun",
   "license": "Apache-2.0",

package/uview-plus/components/u-copy/u-copy.vue

@@ -1 +1,68 @@
-<template>
  <view @click="handleClick">
    <slot>复制</slot>
  </view>
  name: 'up-copy',
  props: {
    content: {
      type: String,
      default: ''
    },
    alertStyle: {
      type: String,
      default: 'toast'
    },
    notice: {
      type: String,
      default: '复制成功'
    }
  },
  emits: ['success'],
  methods: {
    handleClick() {
      let content = this.content;
      if (!content) {
        uni.showToast({
          title: '暂无',
          icon: 'none',
          duration: 2000
        });
        return false;
      }
      content = typeof content === 'string' ? content : content.toString(); // 复制内容，必须字符串，数字需要转换为字符串
      /**
       * 小程序端 和 app端的复制逻辑
       */
      let that = this;
      uni.setClipboardData({
        data: content,
        success: function () {
          if (that.alertStyle == 'modal') {
            uni.showModal({
              title: '提示',
              content: that.notice
            });
          } else {
            uni.showToast({
              title: that.notice,
              icon: 'none'
            });
          }
          that.$emit('success');
        },
        fail: function () {
          uni.showToast({
            title: '复制失败',
            icon: 'none',
            duration: 3000
          });
        }
      });
    }
  }
+<template>
+  <view @click="handleClick">
+    <slot>复制</slot>
+  </view>
+</template>
+<script>
+export default {
+  name: 'up-copy',
+  props: {
+    content: {
+      type: String,
+      default: ''
+    },
+    alertStyle: {
+      type: String,
+      default: 'toast'
+    },
+    notice: {
+      type: String,
+      default: '复制成功'
+    }
+  },
+  emits: ['success'],
+  methods: {
+    handleClick() {
+      let content = this.content;
+      if (!content) {
+        uni.showToast({
+          title: '暂无',
+          icon: 'none',
+          duration: 2000
+        });
+        return false;
+      }
+      content = typeof content === 'string' ? content : content.toString(); // 复制内容，必须字符串，数字需要转换为字符串
+      /**
+       * 小程序端 和 app端的复制逻辑
+       */
+      let that = this;
+      uni.setClipboardData({
+        data: content,
+        success: function () {
+          if (that.alertStyle == 'modal') {
+            uni.showModal({
+              title: '提示',
+              content: that.notice
+            });
+          } else {
+            uni.showToast({
+              title: that.notice,
+              icon: 'none'
+            });
+          }
+          that.$emit('success');
+        },
+        fail: function () {
+          uni.showToast({
+            title: '复制失败',
+            icon: 'none',
+            duration: 3000
+          });
+        }
+      });
+    }
+  }
+};
+</script>
+<style scoped></style>

package/uview-plus/components/u-form/u-form.vue

@@ -1 +1,243 @@
-<template>
  <view class="u-form">
    <slot />
  </view>
 * Form 表单
 * @description 此组件一般用于表单场景，可以配置Input输入框，Select弹出框，进行表单验证等。
 * @tutorial https://ijry.github.io/uview-plus/components/form.html
 * @property {Object}						model			当前form的需要验证字段的集合
 * @property {Object | Function | Array}	rules			验证规则
 * @property {String}						errorType		错误的提示方式，见上方说明 ( 默认 message )
 * @property {Boolean}						borderBottom	是否显示表单域的下划线边框   ( 默认 true ）
 * @property {String}						labelPosition	表单域提示文字的位置，left-左侧，top-上方 ( 默认 'left' ）
 * @property {String | Number}				labelWidth		提示文字的宽度，单位px  ( 默认 45 ）
 * @property {String}						labelAlign		lable字体的对齐方式   ( 默认 ‘left' ）
 * @property {Object}						labelStyle		lable的样式，对象形式
 * @example <up-formlabelPosition="left" :model="model1" :rules="rules" ref="form1"></up-form>
 */
  name: 'u-form',
  mixins: [mpMixin, mixin, props],
  provide() {
    return {
      uForm: this
    };
  },
  data() {
    return {
      formRules: {},
      // 规则校验器
      validator: {},
      // 原始的model快照，用于resetFields方法重置表单时使用
      originalModel: null
    };
  },
  watch: {
    // 监听规则的变化
    rules: {
      immediate: true,
      handler(n) {
        this.setRules(n);
      }
    },
    // 监听属性的变化，通知子组件u-form-item重新获取信息
    propsChange(n) {
      if (this.children?.length) {
        this.children.map((child) => {
          // 判断子组件(u-form-item)如果有updateParentData方法的话，就就执行(执行的结果是子组件重新从父组件拉取了最新的值)
          typeof child.updateParentData == 'function' && child.updateParentData();
        });
      }
    },
    // 监听model的初始值作为重置表单的快照
    model: {
      immediate: true,
      handler(n) {
        if (!this.originalModel) {
          this.originalModel = deepClone(n);
        }
      }
    }
  },
  computed: {
    propsChange() {
      return [this.errorType, this.borderBottom, this.labelPosition, this.labelWidth, this.labelAlign, this.labelStyle];
    }
  },
  created() {
    // 存储当前form下的所有u-form-item的实例
    // 不能定义在data中，否则微信小程序会造成循环引用而报错
    this.children = [];
  },
  methods: {
    // 手动设置校验的规则，如果规则中有函数的话，微信小程序中会过滤掉，所以只能手动调用设置规则
    setRules(rules) {
      // 判断是否有规则
      if (Object.keys(rules).length === 0) return;
      if (process.env.NODE_ENV === 'development' && Object.keys(this.model).length === 0) {
        error('设置rules，model必须设置！如果已经设置，请刷新页面。');
        return;
      }
      this.formRules = rules;
      // 重新将规则赋予Validator
      this.validator = new Schema(rules);
    },
    // 清空所有u-form-item组件的内容，本质上是调用了u-form-item组件中的resetField()方法
    resetFields() {
      this.resetModel();
    },
    // 重置model为初始值的快照
    resetModel(obj) {
      // 历遍所有u-form-item，根据其prop属性，还原model的原始快照
      this.children.map((child) => {
        const prop = child?.prop;
        const value = getProperty(this.originalModel, prop);
        setProperty(this.model, prop, value);
      });
    },
    // 清空校验结果
    clearValidate(props) {
      props = [].concat(props);
      this.children.map((child) => {
        // 如果u-form-item的prop在props数组中，则清除对应的校验结果信息
        if (props[0] === undefined || props.includes(child.prop)) {
          child.message = null;
        }
      });
    },
    // 对部分表单字段进行校验
    async validateField(value, callback, event = null, options) {
      // $nextTick是必须的，否则model的变更，可能会延后于此方法的执行
      this.$nextTick(() => {
        // 校验错误信息，返回给回调方法，用于存放所有form-item的错误信息
        const errorsRes = [];
        // 如果为字符串，转为数组
        value = [].concat(value);
        // 历遍children所有子form-item
        let promises = this.children.map((child) => {
          return new Promise((resolve, reject) => {
            // 用于存放form-item的错误信息
            const childErrors = [];
            if (value.includes(child.prop)) {
              // 获取对应的属性，通过类似'a.b.c'的形式
              const propertyVal = getProperty(this.model, child.prop);
              // 属性链数组
              const propertyChain = child.prop.split('.');
              const propertyName = propertyChain[propertyChain.length - 1];
              let rule = [];
              if (child.itemRules && child.itemRules.length > 0) {
                rule = child.itemRules;
              } else {
                rule = this.formRules[child.prop];
              }
              // 如果不存在对应的规则，直接返回，否则校验器会报错
              if (!rule) {
                resolve();
                return;
              }
              // rule规则可为数组形式，也可为对象形式，此处拼接成为数组
              const rules = [].concat(rule);
              // 对rules数组进行校验
              if (!rules.length) {
                resolve();
              }
              for (let i = 0; i < rules.length; i++) {
                const ruleItem = rules[i];
                // 将u-form-item的触发器转为数组形式
                const trigger = [].concat(ruleItem?.trigger);
                // 如果是有传入触发事件，但是此form-item却没有配置此触发器的话，不执行校验操作
                if (event && !trigger.includes(event)) {
                  resolve();
                  continue;
                }
                // 实例化校验对象，传入构造规则
                const validator = new Schema({
                  [propertyName]: ruleItem
                });
                validator.validate(
                  {
                    [propertyName]: propertyVal
                  },
                  (errors, fields) => {
                    if (test.array(errors)) {
                      errors.forEach((element) => {
                        element.prop = child.prop;
                      });
                      errorsRes.push(...errors);
                      childErrors.push(...errors);
                    }
                    //没有配置，或者配置了showErrorMsg为true时候，才修改子组件message，默认没有配置
                    if (!options || options?.showErrorMsg == true) {
                      child.message = childErrors[0]?.message ? childErrors[0].message : null;
                    }
                    if (i == rules.length - 1) {
                      resolve(errorsRes);
                    }
                  }
                );
              }
            } else {
              resolve({});
            }
          });
        });
        // 使用Promise.all来等待所有Promise完成
        Promise.all(promises)
          .then((results) => {
            // 执行回调函数
            typeof callback === 'function' && callback(errorsRes);
          })
          .catch((error) => {
            console.error('An error occurred:', error);
          });
      });
    },
    /**
     * 校验全部数据
     * @param {Object} options
     * @param {Boolean} options.showErrorMsg -是否显示校验信息，
     */
    validate(options) {
      // 开发环境才提示，生产环境不会提示
      if (process.env.NODE_ENV === 'development' && Object.keys(this.formRules).length === 0) {
        error('未设置rules，请看文档说明！如果已经设置，请刷新页面。');
        return;
      }
      return new Promise((resolve, reject) => {
        // $nextTick是必须的，否则model的变更，可能会延后于validate方法
        this.$nextTick(() => {
          // 获取所有form-item的prop，交给validateField方法进行校验
          const formItemProps = this.children.map((item) => item.prop);
          // console.log(formItemProps)
          this.validateField(
            formItemProps,
            (errors) => {
              if (errors.length) {
                // 如果错误提示方式为toast，则进行提示
                this.errorType === 'toast' && toast(errors[0].message);
                reject(errors);
              } else {
                resolve(true);
              }
            },
            null,
            options
          );
        });
      });
    }
  }
+<template>
+  <view class="u-form">
+    <slot />
+  </view>
+</template>
+<script>
+import { props } from './props.js';
+import { mpMixin } from '../../libs/mixin/mpMixin';
+import { mixin } from '../../libs/mixin/mixin';
+import Schema from '../../libs/util/async-validator';
+import { toast, getProperty, setProperty, deepClone, error } from '../../libs/function/index';
+import test from '../../libs/function/test';
+// 去除警告信息
+Schema.warning = function () {};
+/**
+ * Form 表单
+ * @description 此组件一般用于表单场景，可以配置Input输入框，Select弹出框，进行表单验证等。
+ * @tutorial https://ijry.github.io/uview-plus/components/form.html
+ * @property {Object}						model			当前form的需要验证字段的集合
+ * @property {Object | Function | Array}	rules			验证规则
+ * @property {String}						errorType		错误的提示方式，见上方说明 ( 默认 message )
+ * @property {Boolean}						borderBottom	是否显示表单域的下划线边框   ( 默认 true ）
+ * @property {String}						labelPosition	表单域提示文字的位置，left-左侧，top-上方 ( 默认 'left' ）
+ * @property {String | Number}				labelWidth		提示文字的宽度，单位px  ( 默认 45 ）
+ * @property {String}						labelAlign		lable字体的对齐方式   ( 默认 ‘left' ）
+ * @property {Object}						labelStyle		lable的样式，对象形式
+ * @example <up-formlabelPosition="left" :model="model1" :rules="rules" ref="form1"></up-form>
+ */
+export default {
+  name: 'u-form',
+  mixins: [mpMixin, mixin, props],
+  provide() {
+    return {
+      uForm: this
+    };
+  },
+  data() {
+    return {
+      formRules: {},
+      // 规则校验器
+      validator: {},
+      // 原始的model快照，用于resetFields方法重置表单时使用
+      originalModel: null
+    };
+  },
+  watch: {
+    // 监听规则的变化
+    rules: {
+      immediate: true,
+      handler(n) {
+        this.setRules(n);
+      }
+    },
+    // 监听属性的变化，通知子组件u-form-item重新获取信息
+    propsChange(n) {
+      if (this.children?.length) {
+        this.children.map((child) => {
+          // 判断子组件(u-form-item)如果有updateParentData方法的话，就就执行(执行的结果是子组件重新从父组件拉取了最新的值)
+          typeof child.updateParentData == 'function' && child.updateParentData();
+        });
+      }
+    },
+    // 监听model的初始值作为重置表单的快照
+    model: {
+      immediate: true,
+      handler(n) {
+        if (!this.originalModel) {
+          this.originalModel = deepClone(n);
+        }
+      }
+    }
+  },
+  computed: {
+    propsChange() {
+      return [this.errorType, this.borderBottom, this.labelPosition, this.labelWidth, this.labelAlign, this.labelStyle];
+    }
+  },
+  created() {
+    // 存储当前form下的所有u-form-item的实例
+    // 不能定义在data中，否则微信小程序会造成循环引用而报错
+    this.children = [];
+  },
+  methods: {
+    // 手动设置校验的规则，如果规则中有函数的话，微信小程序中会过滤掉，所以只能手动调用设置规则
+    setRules(rules) {
+      // 判断是否有规则
+      if (Object.keys(rules).length === 0) return;
+      if (process.env.NODE_ENV === 'development' && Object.keys(this.model).length === 0) {
+        error('设置rules，model必须设置！如果已经设置，请刷新页面。');
+        return;
+      }
+      this.formRules = rules;
+      // 重新将规则赋予Validator
+      this.validator = new Schema(rules);
+    },
+    // 清空所有u-form-item组件的内容，本质上是调用了u-form-item组件中的resetField()方法
+    resetFields() {
+      this.resetModel();
+    },
+    // 重置model为初始值的快照
+    resetModel(obj) {
+      // 历遍所有u-form-item，根据其prop属性，还原model的原始快照
+      this.children.map((child) => {
+        const prop = child?.prop;
+        const value = getProperty(this.originalModel, prop);
+        setProperty(this.model, prop, value);
+      });
+    },
+    // 清空校验结果
+    clearValidate(props) {
+      props = [].concat(props);
+      this.children.map((child) => {
+        // 如果u-form-item的prop在props数组中，则清除对应的校验结果信息
+        if (props[0] === undefined || props.includes(child.prop)) {
+          child.message = null;
+        }
+      });
+    },
+    // 对部分表单字段进行校验
+    async validateField(value, callback, event = null, options) {
+      // $nextTick是必须的，否则model的变更，可能会延后于此方法的执行
+      this.$nextTick(() => {
+        // 校验错误信息，返回给回调方法，用于存放所有form-item的错误信息
+        const errorsRes = [];
+        // 如果为字符串，转为数组
+        value = [].concat(value);
+        // 历遍children所有子form-item
+        let promises = this.children.map((child) => {
+          return new Promise((resolve, reject) => {
+            // 用于存放form-item的错误信息
+            const childErrors = [];
+            if (value.includes(child.prop)) {
+              // 获取对应的属性，通过类似'a.b.c'的形式
+              const propertyVal = getProperty(this.model, child.prop);
+              // 属性链数组
+              const propertyChain = child.prop.split('.');
+              const propertyName = propertyChain[propertyChain.length - 1];
+              let rule = [];
+              if (child.itemRules && child.itemRules.length > 0) {
+                rule = child.itemRules;
+              } else {
+                rule = this.formRules[child.prop];
+              }
+              // 如果不存在对应的规则，直接返回，否则校验器会报错
+              if (!rule) {
+                resolve();
+                return;
+              }
+              // rule规则可为数组形式，也可为对象形式，此处拼接成为数组
+              const rules = [].concat(rule);
+              // 对rules数组进行校验
+              if (!rules.length) {
+                resolve();
+              }
+              for (let i = 0; i < rules.length; i++) {
+                const ruleItem = rules[i];
+                // 将u-form-item的触发器转为数组形式
+                const trigger = [].concat(ruleItem?.trigger);
+                // 如果是有传入触发事件，但是此form-item却没有配置此触发器的话，不执行校验操作
+                if (event && !trigger.includes(event)) {
+                  resolve();
+                  continue;
+                }
+                // 实例化校验对象，传入构造规则
+                const validator = new Schema({
+                  [propertyName]: ruleItem
+                });
+                validator.validate(
+                  {
+                    [propertyName]: propertyVal
+                  },
+                  (errors, fields) => {
+                    if (test.array(errors)) {
+                      errors.forEach((element) => {
+                        element.prop = child.prop;
+                      });
+                      errorsRes.push(...errors);
+                      childErrors.push(...errors);
+                    }
+                    //没有配置，或者配置了showErrorMsg为true时候，才修改子组件message，默认没有配置
+                    if (!options || options?.showErrorMsg == true) {
+                      child.message = childErrors[0]?.message ? childErrors[0].message : null;
+                    }
+                    if (i == rules.length - 1) {
+                      resolve(errorsRes);
+                    }
+                  }
+                );
+              }
+            } else {
+              resolve({});
+            }
+          });
+        });
+        // 使用Promise.all来等待所有Promise完成
+        Promise.all(promises)
+          .then((results) => {
+            // 执行回调函数
+            typeof callback === 'function' && callback(errorsRes);
+          })
+          .catch((error) => {
+            console.error('An error occurred:', error);
+          });
+      });
+    },
+    /**
+     * 校验全部数据
+     * @param {Object} options
+     * @param {Boolean} options.showErrorMsg -是否显示校验信息，
+     */
+    validate(options) {
+      // 开发环境才提示，生产环境不会提示
+      if (process.env.NODE_ENV === 'development' && Object.keys(this.formRules).length === 0) {
+        error('未设置rules，请看文档说明！如果已经设置，请刷新页面。');
+        return;
+      }
+      return new Promise((resolve, reject) => {
+        // $nextTick是必须的，否则model的变更，可能会延后于validate方法
+        this.$nextTick(() => {
+          // 获取所有form-item的prop，交给validateField方法进行校验
+          const formItemProps = this.children.map((item) => item.prop);
+          // console.log(formItemProps)
+          this.validateField(
+            formItemProps,
+            (errors) => {
+              if (errors.length) {
+                // 如果错误提示方式为toast，则进行提示
+                this.errorType === 'toast' && toast(errors[0].message);
+                reject(errors);
+              } else {
+                resolve(true);
+              }
+            },
+            null,
+            options
+          );
+        });
+      });
+    }
+  }
+};
+</script>
+<style scoped></style>

package/uview-plus/components/u-qrcode/u-qrcode.vue

@@ -1,3 +1,275 @@
-<template>
  <view class="u-qrcode" @longpress="longpress">
    <view class="u-qrcode__content" @click="preview">
      <!-- #ifndef APP-NVUE -->
      <canvas class="u-qrcode__canvas" :id="cid" :canvas-id="cid" :style="{ width: size + unit, height: size + unit }" />
      <!-- #endif -->
      <!-- #ifdef APP-NVUE -->
      <gcanvas class="u-qrcode__canvas" ref="gcanvess" :style="{ width: size + unit, height: size + unit }"></gcanvas>
      <!-- #endif -->
      <view v-if="showLoading && loading" class="u-qrcode__loading" :style="{ width: size + unit, height: size + unit }">
        <up-loading-icon vertical :text="loadingText" textSize="14px"></up-loading-icon>
      </view>
      <!-- <image v-show="show" :src="result" :style="{ width: size + unit, height: size + unit }" /> -->
    </view>
    <!-- <up-action-sheet :actions="list" cancelText="取消"
  </view>
  name: 'u-qrcode',
  props: {
    cid: {
      type: String,
      default: 'u-qrcode-canvas' + Math.random().toString()
    },
    size: {
      type: Number,
      default: 200
    },
    unit: {
      type: String,
      default: 'px'
    },
    show: {
      type: Boolean,
      default: true
    },
    val: {
      type: String,
      default: ''
    },
    background: {
      type: String,
      default: '#ffffff'
    },
    foreground: {
      type: String,
      default: '#000000'
    },
    pdground: {
      type: String,
      default: '#000000'
    },
    icon: {
      type: String,
      default: ''
    },
    iconSize: {
      type: Number,
      default: 40
    },
    lv: {
      type: Number,
      default: 3
    },
    onval: {
      type: Boolean,
      default: true
    },
    loadMake: {
      type: Boolean,
      default: true
    },
    usingComponents: {
      type: Boolean,
      default: true
    },
    showLoading: {
      type: Boolean,
      default: true
    },
    loadingText: {
      type: String,
      default: '生成中'
    },
    allowPreview: {
      type: Boolean,
      default: false
    }
  },
  emits: ['result', 'longpress'],
  data() {
    return {
      loading: false,
      result: '',
      popupShow: false,
      list: [
        {
          name: '保存二维码'
        }
      ],
      ganvas: null,
      context: '',
      canvasObj: {}
    };
  },
  mounted: function () {
    // #ifdef APP-NVUE
    /*获取元素引用*/
    this.ganvas = this.$refs['gcanvess'];
    /*通过元素引用获取canvas对象*/
    this.canvasObj = enable(this.ganvas, {
      bridge: WeexBridge
    });
    /*获取绘图所需的上下文，目前不支持3d*/
    this.context = this.canvasObj.getContext('2d');
    // #endif
    if (this.loadMake) {
      if (!this._empty(this.val)) {
        setTimeout(() => {
          this._makeCode();
        }, 0);
      }
    }
  },
  methods: {
    _makeCode() {
      let that = this;
      if (!this._empty(this.val)) {
        // #ifndef APP-NVUE
        this.loading = true;
        // #endif
        qrcode = new QRCode({
          context: that, // 上下文环境
          canvasId: that.cid, // canvas-id
          nvueContext: that.context,
          usingComponents: that.usingComponents, // 是否是自定义组件
          showLoading: false, // 是否显示loading
          loadingText: that.loadingText, // loading文字
          text: that.val, // 生成内容
          size: that.size, // 二维码大小
          background: that.background, // 背景色
          foreground: that.foreground, // 前景色
          pdground: that.pdground, // 定位角点颜色
          correctLevel: that.lv, // 容错级别
          image: that.icon, // 二维码图标
          imageSize: that.iconSize, // 二维码图标大小
          cbResult: function (res) {
            // 生成二维码的回调
            that._result(res);
          }
        });
      } else {
        uni.showToast({
          title: '二维码内容不能为空',
          icon: 'none',
          duration: 2000
        });
      }
    },
    _clearCode() {
      this._result('');
      qrcode.clear();
    },
    _saveCode() {
      let that = this;
      if (this.result != '') {
        uni.saveImageToPhotosAlbum({
          filePath: that.result,
          success: function () {
            uni.showToast({
              title: '二维码保存成功',
              icon: 'success',
              duration: 2000
            });
          }
        });
      }
    },
    preview(e) {
      // 预览图片
      // console.log(this.result)
      if (this.allowPreview) {
        uni.previewImage({
          urls: [this.result],
          longPressActions: {
            itemList: ['保存二维码图片'],
            success: function (data) {
              // console.log('选中了第' + (data.tapIndex + 1) + '个按钮,第' + (data.index + 1) + '张图片');
              switch (data.tapIndex) {
                case 0:
                  that._saveCode();
                  break;
              }
            },
            fail: function (err) {
              console.log(err.errMsg);
            }
          }
        });
      }
      this.$emit(
        'preview',
        {
          url: this.result
        },
        e
      );
    },
    longpress() {
      this.$emit('longpress', this.result);
    },
    selectClick(index) {
      switch (index) {
        case 0:
          alert('保存二维码');
          this._saveCode();
          break;
      }
    },
    _result(res) {
      this.loading = false;
      this.result = res;
      this.$emit('result', res);
    },
    _empty(v) {
      let tp = typeof v,
        rt = false;
      if (tp == 'number' && String(v) == '') {
        rt = true;
      } else if (tp == 'undefined') {
        rt = true;
      } else if (tp == 'object') {
        if (JSON.stringify(v) == '{}' || JSON.stringify(v) == '[]' || v == null) rt = true;
      } else if (tp == 'string') {
        if (v == '' || v == 'undefined' || v == 'null' || v == '{}' || v == '[]') rt = true;
      } else if (tp == 'function') {
        rt = false;
      }
      return rt;
    }
  },
  watch: {
    size: function (n, o) {
      if (n != o && !this._empty(n)) {
        this.cSize = n;
        if (!this._empty(this.val)) {
          setTimeout(() => {
            this._makeCode();
          }, 100);
        }
      }
    },
    val: function (n, o) {
      if (this.onval) {
        if (n != o && !this._empty(n)) {
          setTimeout(() => {
            this._makeCode();
          }, 0);
        }
      }
    }
  },
  computed: {}
-@import './style.css';
-</style>
+<template>
+  <view class="u-qrcode" @longpress="longpress">
+    <view class="u-qrcode__content" @click="preview">
+      <!-- #ifndef APP-NVUE -->
+      <canvas class="u-qrcode__canvas" :id="cid" :canvas-id="cid" :style="{ width: size + unit, height: size + unit }" />
+      <!-- #endif -->
+      <!-- #ifdef APP-NVUE -->
+      <gcanvas class="u-qrcode__canvas" ref="gcanvess" :style="{ width: size + unit, height: size + unit }"></gcanvas>
+      <!-- #endif -->
+      <view v-if="showLoading && loading" class="u-qrcode__loading" :style="{ width: size + unit, height: size + unit }">
+        <up-loading-icon vertical :text="loadingText" textSize="14px"></up-loading-icon>
+      </view>
+      <!-- <image v-show="show" :src="result" :style="{ width: size + unit, height: size + unit }" /> -->
+    </view>
+    <!-- <up-action-sheet :actions="list" cancelText="取消" v-model:show="popupShow" @select="selectClick"></up-action-sheet> -->
+  </view>
+</template>
+<script>
+import QRCode from './qrcode.js';
+// #ifdef APP-NVUE
+// https://github.com/dcloudio/NvueCanvasDemo/blob/master/README.md
+import { enable, WeexBridge } from '../../libs/util/gcanvas/index.js';
+// #endif
+let qrcode;
+export default {
+  name: 'u-qrcode',
+  props: {
+    cid: {
+      type: String,
+      default: 'u-qrcode-canvas' + Math.random().toString()
+    },
+    size: {
+      type: Number,
+      default: 200
+    },
+    unit: {
+      type: String,
+      default: 'px'
+    },
+    show: {
+      type: Boolean,
+      default: true
+    },
+    val: {
+      type: String,
+      default: ''
+    },
+    background: {
+      type: String,
+      default: '#ffffff'
+    },
+    foreground: {
+      type: String,
+      default: '#000000'
+    },
+    pdground: {
+      type: String,
+      default: '#000000'
+    },
+    icon: {
+      type: String,
+      default: ''
+    },
+    iconSize: {
+      type: Number,
+      default: 40
+    },
+    lv: {
+      type: Number,
+      default: 3
+    },
+    onval: {
+      type: Boolean,
+      default: true
+    },
+    loadMake: {
+      type: Boolean,
+      default: true
+    },
+    usingComponents: {
+      type: Boolean,
+      default: true
+    },
+    showLoading: {
+      type: Boolean,
+      default: true
+    },
+    loadingText: {
+      type: String,
+      default: '生成中'
+    },
+    allowPreview: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ['result', 'longpress'],
+  data() {
+    return {
+      loading: false,
+      result: '',
+      popupShow: false,
+      list: [
+        {
+          name: '保存二维码'
+        }
+      ],
+      ganvas: null,
+      context: '',
+      canvasObj: {}
+    };
+  },
+  mounted: function () {
+    // #ifdef APP-NVUE
+    /*获取元素引用*/
+    this.ganvas = this.$refs['gcanvess'];
+    /*通过元素引用获取canvas对象*/
+    this.canvasObj = enable(this.ganvas, {
+      bridge: WeexBridge
+    });
+    /*获取绘图所需的上下文，目前不支持3d*/
+    this.context = this.canvasObj.getContext('2d');
+    // #endif
+    if (this.loadMake) {
+      if (!this._empty(this.val)) {
+        setTimeout(() => {
+          this._makeCode();
+        }, 0);
+      }
+    }
+  },
+  methods: {
+    _makeCode() {
+      let that = this;
+      if (!this._empty(this.val)) {
+        // #ifndef APP-NVUE
+        this.loading = true;
+        // #endif
+        qrcode = new QRCode({
+          context: that, // 上下文环境
+          canvasId: that.cid, // canvas-id
+          nvueContext: that.context,
+          usingComponents: that.usingComponents, // 是否是自定义组件
+          showLoading: false, // 是否显示loading
+          loadingText: that.loadingText, // loading文字
+          text: that.val, // 生成内容
+          size: that.size, // 二维码大小
+          background: that.background, // 背景色
+          foreground: that.foreground, // 前景色
+          pdground: that.pdground, // 定位角点颜色
+          correctLevel: that.lv, // 容错级别
+          image: that.icon, // 二维码图标
+          imageSize: that.iconSize, // 二维码图标大小
+          cbResult: function (res) {
+            // 生成二维码的回调
+            that._result(res);
+          }
+        });
+      } else {
+        uni.showToast({
+          title: '二维码内容不能为空',
+          icon: 'none',
+          duration: 2000
+        });
+      }
+    },
+    _clearCode() {
+      this._result('');
+      qrcode.clear();
+    },
+    _saveCode() {
+      let that = this;
+      if (this.result != '') {
+        uni.saveImageToPhotosAlbum({
+          filePath: that.result,
+          success: function () {
+            uni.showToast({
+              title: '二维码保存成功',
+              icon: 'success',
+              duration: 2000
+            });
+          }
+        });
+      }
+    },
+    preview(e) {
+      // 预览图片
+      // console.log(this.result)
+      if (this.allowPreview) {
+        uni.previewImage({
+          urls: [this.result],
+          longPressActions: {
+            itemList: ['保存二维码图片'],
+            success: function (data) {
+              // console.log('选中了第' + (data.tapIndex + 1) + '个按钮,第' + (data.index + 1) + '张图片');
+              switch (data.tapIndex) {
+                case 0:
+                  that._saveCode();
+                  break;
+              }
+            },
+            fail: function (err) {
+              console.log(err.errMsg);
+            }
+          }
+        });
+      }
+      this.$emit(
+        'preview',
+        {
+          url: this.result
+        },
+        e
+      );
+    },
+    longpress() {
+      this.$emit('longpress', this.result);
+    },
+    selectClick(index) {
+      switch (index) {
+        case 0:
+          alert('保存二维码');
+          this._saveCode();
+          break;
+      }
+    },
+    _result(res) {
+      this.loading = false;
+      this.result = res;
+      this.$emit('result', res);
+    },
+    _empty(v) {
+      let tp = typeof v,
+        rt = false;
+      if (tp == 'number' && String(v) == '') {
+        rt = true;
+      } else if (tp == 'undefined') {
+        rt = true;
+      } else if (tp == 'object') {
+        if (JSON.stringify(v) == '{}' || JSON.stringify(v) == '[]' || v == null) rt = true;
+      } else if (tp == 'string') {
+        if (v == '' || v == 'undefined' || v == 'null' || v == '{}' || v == '[]') rt = true;
+      } else if (tp == 'function') {
+        rt = false;
+      }
+      return rt;
+    }
+  },
+  watch: {
+    size: function (n, o) {
+      if (n != o && !this._empty(n)) {
+        this.cSize = n;
+        if (!this._empty(this.val)) {
+          setTimeout(() => {
+            this._makeCode();
+          }, 100);
+        }
+      }
+    },
+    val: function (n, o) {
+      if (this.onval) {
+        if (n != o && !this._empty(n)) {
+          setTimeout(() => {
+            this._makeCode();
+          }, 0);
+        }
+      }
+    }
+  },
+  computed: {}
+};
+</script>
+<style scoped>
+@import './style.css';
+</style>

package/uview-plus/libs/ctocode/image.js

@@ -0,0 +1,17 @@
+/**
+ * @action 检测图片协议，主要用于检测海报图片协议。
+ * @param {String} imgPath 图片地址。
+ */
+export function checkImgHttp(imgPath) {
+  let newPath = '';
+  let pathArr = imgPath.split('://');
+  // #ifdef H5
+  let ishttps = 'https:' == window.location.protocol ? true : false;
+  ishttps ? (pathArr[0] = 'https') : (pathArr[0] = 'http');
+  // #endif
+  // #ifdef MP-WEIXIN
+  pathArr[0] = 'https';
+  // #endif
+  newPath = pathArr.join('://');
+  return newPath;
+}

package/uview-plus/libs/ctocode/index.js

@@ -1,3 +1,34 @@
+import { toast } from '../function/index.js';
+import { colorToRgba } from '../function/colorGradient.js';
+export function cc_toast(title, duration = 1600) {
+  toast(title, duration);
+}
+/**
+ * 判断是否为空
+ */
+export function isAllEmpty(value) {
+  switch (typeof value) {
+    case 'undefined':
+      return true;
+    case 'string':
+      if (value.replace(/(^[ \t\n\r]*)|([ \t\n\r]*$)/g, '').length == 0) return true;
+      break;
+    case 'boolean':
+      if (!value) return true;
+      break;
+    case 'number':
+      if (value === 0 || isNaN(value)) return true;
+      break;
+    case 'object':
+      if (value === null || value.length === 0) return true;
+      for (const i in value) {
+        return false;
+      }
+      return true;
+  }
+  return false;
+}
+
 async function copyToClipboard(text, callSucc, callError) {
   try {
     await navigator.clipboard.writeText(text);
@@ -31,9 +62,9 @@ export function cc_call_phone(phone) {
 export function cc_copy(data) {
   if (typeof data == 'string') {
     uni.setClipboardData({
-      data: v,
-      success: function () {
-        uni.$cvjs.showToast('复制成功');
+      data: data,
+      success: () => {
+        cc_toast('复制成功');
       }
     });
   } else if (typeof data == 'object') {
@@ -88,7 +119,6 @@ export function cc_rgbaToRgb(rgba) {
     return rgba; // 如果输入的不是合法的RGBA格式，直接返回原值
   }
 }
-import { colorToRgba } from '../function/colorGradient.js';
 export function cc_colorParseRgba(color, alpha) {
   let color_rba = cc_rgbaToRgb(color);
   return colorToRgba(color_rba, alpha);

package/uview-plus/libs/ctocode/map.js

@@ -0,0 +1,38 @@
+/**
+ * @action 坐标转换，腾讯地图转换成百度地图坐标
+ * @param {String} lng 腾讯经度（pointy）
+ * @param {String} lat 腾讯纬度（pointx）
+ * @return {Array} 经度,纬度
+ */
+export function qqMapToBdMap(lng, lat) {
+  if (lng == null || lng == '' || lat == null || lat == '') return [lng, lat];
+
+  var x_pi = 3.14159265358979324;
+  var x = parseFloat(lng);
+  var y = parseFloat(lat);
+  var z = Math.sqrt(x * x + y * y) + 0.00002 * Math.sin(y * x_pi);
+  var theta = Math.atan2(y, x) + 0.000003 * Math.cos(x * x_pi);
+  var lng = (z * Math.cos(theta) + 0.0065).toFixed(5);
+  var lat = (z * Math.sin(theta) + 0.006).toFixed(5);
+  return [lng, lat];
+}
+
+/**
+ * @action 坐标转换，百度地图坐标转换成腾讯地图坐标
+ * @param {String} lng 腾讯经度（pointy）
+ * @param {String} lat 腾讯纬度（pointx）
+ * @return {Array} 经度,纬度
+ */
+export function bdMapToQQMap(lng, lat) {
+  if (lng == null || lng == '' || lat == null || lat == '') return [lng, lat];
+
+  var x_pi = 3.14159265358979324;
+  var x = parseFloat(lng) - 0.0065;
+  var y = parseFloat(lat) - 0.006;
+  var z = Math.sqrt(x * x + y * y) - 0.00002 * Math.sin(y * x_pi);
+  var theta = Math.atan2(y, x) - 0.000003 * Math.cos(x * x_pi);
+  var lng = (z * Math.cos(theta)).toFixed(7);
+  var lat = (z * Math.sin(theta)).toFixed(7);
+
+  return [lng, lat];
+}

package/uview-plus/libs/function/index-wu.js

@@ -17,15 +17,19 @@ export function deepClone(obj, cache = new WeakMap()) {
     clone = new RegExp(obj);
   } else if (obj instanceof Map) {
     clone = new Map(Array.from(obj, ([key, value]) => [key, deepClone(value, cache)]));
+    // clone = new Map(Array.from(obj, ([key, value]) => [key, deepMerge(value, cache)]));
   } else if (obj instanceof Set) {
     clone = new Set(Array.from(obj, (value) => deepClone(value, cache)));
+    // clone = new Set(Array.from(obj, (value) => deepMerge(value, cache)));
   } else if (Array.isArray(obj)) {
     clone = obj.map((value) => deepClone(value, cache));
+    //clone = obj.map((value) => deepMerge(value, cache));
   } else if (Object.prototype.toString.call(obj) === '[object Object]') {
     clone = Object.create(Object.getPrototypeOf(obj));
     cache.set(obj, clone);
     for (const [key, value] of Object.entries(obj)) {
       clone[key] = deepClone(value, cache);
+      //clone[key] = deepMerge(value, cache);
     }
   } else {
     clone = Object.assign({}, obj);
@@ -42,6 +46,7 @@ export function deepClone(obj, cache = new WeakMap()) {
  */
 function deepMerge(target = {}, source = {}) {
   target = deepClone(target);
+  // target = deepMerge(target);
   if (typeof target !== 'object' || target === null || typeof source !== 'object' || source === null) return target;
   const merged = Array.isArray(target) ? target.slice() : Object.assign({}, target);
   for (const prop in source) {