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

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

@@ -4,7 +4,7 @@
       <slot name="trigger"></slot>
       <view @click="open" class="u-popup__trigger__cover"></view>
     </view>
-    <u-overlay
+    <up-overlay
       :show="show"
       @click="overlayClick"
       v-if="overlay"
@@ -12,8 +12,8 @@
       :duration="overlayDuration"
       :customStyle="overlayStyle"
       :opacity="overlayOpacity"
-    ></u-overlay>
-    <u-transition
+    ></up-overlay>
+    <up-transition
       :show="show"
       :customStyle="transitionStyle"
       :mode="position"
@@ -23,7 +23,7 @@
     >
       <!-- @click.stop不能去除，去除会导致居中模式下点击内容区域触发关闭弹窗 -->
       <view class="u-popup__content" :style="[contentStyle]" @click.stop="noop" @touchmove.stop.prevent="noop">
-        <u-status-bar v-if="safeAreaInsetTop"></u-status-bar>
+        <up-status-bar v-if="safeAreaInsetTop"></up-status-bar>
         <slot></slot>
         <view
           v-if="closeable"
@@ -33,11 +33,11 @@
           hover-class="u-popup__content__close--hover"
           hover-stay-time="150"
         >
-          <u-icon name="close" color="#909399" size="18" bold></u-icon>
+          <up-icon name="close" color="#909399" size="18" bold></up-icon>
         </view>
-        <u-safe-bottom v-if="safeAreaInsetBottom"></u-safe-bottom>
+        <up-safe-bottom v-if="safeAreaInsetBottom"></up-safe-bottom>
       </view>
-    </u-transition>
+    </up-transition>
   </view>
 </template>
 <script>
@@ -67,7 +67,7 @@ import { addUnit, addStyle, deepMerge, sleep, getWindowInfo } from '../../libs/f
  * @property {Object}			customStyle			组件的样式，对象形式
  * @event {Function} open 弹出层打开
  * @event {Function} close 弹出层收起
- * @example <u-popup v-model:show="show"><text>出淤泥而不染，濯清涟而不妖</text></u-popup>
+ * @example <up-popup v-model:show="show"><text>出淤泥而不染，濯清涟而不妖</text></up-popup>
  */
 export default {
   name: 'u-popup',

package/uview-plus/components/u-popup-wu/u-popup-wu.vue

@@ -2,7 +2,7 @@
   <view v-if="showPopup" class="u-popup" :class="[popupClass, isDesktop ? 'fixforpc-z-index' : '']" :style="[{ zIndex: zIndex }]">
     <view @touchstart="touchstart">
       <!-- 遮罩层 -->
-      <u-overlay
+      <up-overlay
         key="1"
         v-if="maskShow && overlay"
         :show="showTrans"
@@ -11,8 +11,8 @@
         :opacity="overlayOpacity"
         :zIndex="zIndex"
         @click="onTap"
-      ></u-overlay>
-      <u-transition
+      ></up-overlay>
+      <up-transition
         key="2"
         :mode="ani"
         name="content"
@@ -22,9 +22,9 @@
         @click="onTap"
       >
         <view class="u-popup__content" :style="[contentStyle]" :class="[popupClass]" @click="clear">
-          <u-status-bar v-if="safeAreaInsetTop"></u-status-bar>
+          <up-status-bar v-if="safeAreaInsetTop"></up-status-bar>
           <slot />
-          <u-safe-bottom v-if="safeAreaInsetBottom"></u-safe-bottom>
+          <up-safe-bottom v-if="safeAreaInsetBottom"></up-safe-bottom>
           <view
             v-if="closeable"
             @tap.stop="close"
@@ -33,10 +33,10 @@
             hover-class="u-popup__content__close--hover"
             hover-stay-time="150"
           >
-            <u-icon name="close" color="#909399" size="18" bold></u-icon>
+            <up-icon name="close" color="#909399" size="18" bold></up-icon>
           </view>
         </view>
-      </u-transition>
+      </up-transition>
     </view>
     <!-- #ifdef H5 -->
     <keypress v-if="maskShow" @esc="onTap" />

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/components/u-radio/u-radio.vue

@@ -10,7 +10,7 @@
   >
     <view class="u-radio__icon-wrap cursor-pointer" @tap.stop="iconClickHandler" :class="iconClasses" :style="[iconWrapStyle]">
       <slot name="icon" :elIconSize="elIconSize" :elIconColor="elIconColor">
-        <u-icon class="u-radio__icon-wrap__icon" name="checkbox-mark" :size="elIconSize" :color="elIconColor" />
+        <up-icon class="u-radio__icon-wrap__icon" name="checkbox-mark" :size="elIconSize" :color="elIconColor" />
       </slot>
     </view>
     <view class="u-radio__label-wrap cursor-pointer" @tap.stop="labelClickHandler">
@@ -53,7 +53,7 @@ import { addUnit, addStyle, os, deepMerge, formValidate, error } from '../../lib
  * @property {Object}			customStyle		组件的样式，对象形式
  *
  * @event {Function} change 某个radio状态发生变化时触发(选中状态)
- * @example <u-radio :labelDisabled="false">门掩黄昏，无计留春住</u-radio>
+ * @example <up-radio :labelDisabled="false">门掩黄昏，无计留春住</up-radio>
  */
 export default {
   name: 'u-radio',
@@ -91,8 +91,8 @@ export default {
       return this.labelDisabled !== ''
         ? this.labelDisabled
         : this.parentData.labelDisabled !== null
-          ? this.parentData.labelDisabled
-          : false;
+        ? this.parentData.labelDisabled
+        : false;
     },
     // 组件尺寸，对应size的值，默认值为21px
     elSize() {

package/uview-plus/components/u-radio-group/u-radio-group.vue

@@ -31,7 +31,7 @@ import { addUnit, addStyle, deepMerge } from '../../libs/function/index';
  * @property {Object}						gap				item 之间的间距
  * @property {Object}						customStyle		组件的样式，对象形式
  * @event {Function} change 任一个radio状态发生变化时触发
- * @example <u-radio-group v-model="value"></u-radio-group>
+ * @example <up-radio-group v-model="value"></up-radio-group>
  */
 export default {
   name: 'u-radio-group',