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

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

@@ -1,122 +1,129 @@
 <template>
-	<view class="u-mask" hover-stop-propagation :style="[maskStyle, zoomStyle]" @tap="click" @touchmove.stop.prevent="() => {}" :class="{
-		'u-mask-zoom': zoom,
-		'u-mask-show': show
-	}">
-		<slot />
-	</view>
+  <view
+    class="u-mask"
+    hover-stop-propagation
+    :style="[maskStyle, zoomStyle]"
+    @tap="click"
+    @touchmove.stop.prevent="() => {}"
+    :class="{
+      'u-mask-zoom': zoom,
+      'u-mask-show': show
+    }"
+  >
+    <slot />
+  </view>
 </template>
 
 <script>
-	/**
-	 * mask 遮罩
-	 * @description 创建一个遮罩层，用于强调特定的页面元素，并阻止用户对遮罩下层的内容进行操作，一般用于弹窗场景
-	 * @tutorial https://www.uviewui.com/components/mask.html
-	 * @property {Boolean} show 是否显示遮罩（默认false）
-	 * @property {String Number} z-index z-index 层级（默认1070）
-	 * @property {Object} custom-style 自定义样式对象，见上方说明
-	 * @property {String Number} duration 动画时长，单位毫秒（默认300）
-	 * @property {Boolean} zoom 是否使用scale对遮罩进行缩放（默认true）
-	 * @property {Boolean} mask-click-able 遮罩是否可点击，为false时点击不会发送click事件（默认true）
-	 * @event {Function} click mask-click-able为true时，点击遮罩发送此事件
-	 * @example <u-mask :show="show" @click="show = false"></u-mask>
-	 */
-	export default {
-		name: "u-mask",
-		props: {
-			// 是否显示遮罩
-			show: {
-				type: Boolean,
-				default: false
-			},
-			// 层级z-index
-			zIndex: {
-				type: [Number, String],
-				default: ''
-			},
-			// 用户自定义样式
-			customStyle: {
-				type: Object,
-				default () {
-					return {}
-				}
-			},
-			// 遮罩的动画样式， 是否使用使用zoom进行scale进行缩放
-			zoom: {
-				type: Boolean,
-				default: true
-			},
-			// 遮罩的过渡时间，单位为ms
-			duration: {
-				type: [Number, String],
-				default: 300
-			},
-			// 是否可以通过点击遮罩进行关闭
-			maskClickAble: {
-				type: Boolean,
-				default: true
-			}
-		},
-		data() {
-			return {
-				zoomStyle: {
-					transform: ''
-				},
-				scale: 'scale(1.2, 1.2)'
-			}
-		},
-		watch: {
-			show(n) {
-				if(n && this.zoom) {
-					// 当展示遮罩的时候，设置scale为1，达到缩小(原来为1.2)的效果
-					this.zoomStyle.transform = 'scale(1, 1)';
-				} else if(!n && this.zoom) {
-					// 当隐藏遮罩的时候，设置scale为1.2，达到放大(因为显示遮罩时已重置为1)的效果
-					this.zoomStyle.transform = this.scale;
-				}
-			}
-		},
-		computed: {
-			maskStyle() {
-				let style = {};
-				style.backgroundColor = "rgba(0, 0, 0, 0.6)";
-				if(this.show) style.zIndex = this.zIndex ? this.zIndex : this.$u.zIndex.mask;
-				else style.zIndex = -1;
-				style.transition = `all ${this.duration / 1000}s ease-in-out`;
-				// 判断用户传递的对象是否为空，不为空就进行合并
-				if (Object.keys(this.customStyle).length) style = { 
-					...style,
-					...this.customStyle
-				};
-				return style;
-			}
-		},
-		methods: {
-			click() {
-				if (!this.maskClickAble) return;
-				this.$emit('click');
-			}
-		}
-	}
+/**
+ * mask 遮罩
+ * @description 创建一个遮罩层，用于强调特定的页面元素，并阻止用户对遮罩下层的内容进行操作，一般用于弹窗场景
+ * @tutorial https://www.uviewui.com/components/mask.html
+ * @property {Boolean} show 是否显示遮罩（默认false）
+ * @property {String Number} z-index z-index 层级（默认1070）
+ * @property {Object} custom-style 自定义样式对象，见上方说明
+ * @property {String Number} duration 动画时长，单位毫秒（默认300）
+ * @property {Boolean} zoom 是否使用scale对遮罩进行缩放（默认true）
+ * @property {Boolean} mask-click-able 遮罩是否可点击，为false时点击不会发送click事件（默认true）
+ * @event {Function} click mask-click-able为true时，点击遮罩发送此事件
+ * @example <up-mask :show="show" @click="show = false"></up-mask>
+ */
+export default {
+  name: 'u-mask',
+  props: {
+    // 是否显示遮罩
+    show: {
+      type: Boolean,
+      default: false
+    },
+    // 层级z-index
+    zIndex: {
+      type: [Number, String],
+      default: ''
+    },
+    // 用户自定义样式
+    customStyle: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    // 遮罩的动画样式， 是否使用使用zoom进行scale进行缩放
+    zoom: {
+      type: Boolean,
+      default: true
+    },
+    // 遮罩的过渡时间，单位为ms
+    duration: {
+      type: [Number, String],
+      default: 300
+    },
+    // 是否可以通过点击遮罩进行关闭
+    maskClickAble: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data() {
+    return {
+      zoomStyle: {
+        transform: ''
+      },
+      scale: 'scale(1.2, 1.2)'
+    };
+  },
+  watch: {
+    show(n) {
+      if (n && this.zoom) {
+        // 当展示遮罩的时候，设置scale为1，达到缩小(原来为1.2)的效果
+        this.zoomStyle.transform = 'scale(1, 1)';
+      } else if (!n && this.zoom) {
+        // 当隐藏遮罩的时候，设置scale为1.2，达到放大(因为显示遮罩时已重置为1)的效果
+        this.zoomStyle.transform = this.scale;
+      }
+    }
+  },
+  computed: {
+    maskStyle() {
+      let style = {};
+      style.backgroundColor = 'rgba(0, 0, 0, 0.6)';
+      if (this.show) style.zIndex = this.zIndex ? this.zIndex : this.$u.zIndex.mask;
+      else style.zIndex = -1;
+      style.transition = `all ${this.duration / 1000}s ease-in-out`;
+      // 判断用户传递的对象是否为空，不为空就进行合并
+      if (Object.keys(this.customStyle).length)
+        style = {
+          ...style,
+          ...this.customStyle
+        };
+      return style;
+    }
+  },
+  methods: {
+    click() {
+      if (!this.maskClickAble) return;
+      this.$emit('click');
+    }
+  }
+};
 </script>
 
 <style scoped>
-	
-	.u-mask {
-		position: fixed;
-		top: 0;
-		left: 0;
-		right: 0;
-		bottom: 0;
-		opacity: 0;
-		transition: transform 0.3s;
-	}
+.u-mask {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  opacity: 0;
+  transition: transform 0.3s;
+}
 
-	.u-mask-show {
-		opacity: 1;
-	}
-	
-	.u-mask-zoom {
-		transform: scale(1.2, 1.2);
-	}
+.u-mask-show {
+  opacity: 1;
+}
+
+.u-mask-zoom {
+  transform: scale(1.2, 1.2);
+}
 </style>

package/uview-plus/components/u-message-input/u-message-input.vue

@@ -75,7 +75,7 @@
  * @property {Boolean} disabled-keyboard 禁止点击输入框唤起系统键盘（默认false）
  * @event {Function} change 输入内容发生改变时触发，具体见官网说明
  * @event {Function} finish 输入字符个数达maxlength值时触发，见官网说明
- * @example <u-message-input mode="bottomLine"></u-message-input>
+ * @example <up-message-input mode="bottomLine"></up-message-input>
  */
 export default {
   name: 'u-message-input',

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

@@ -1,5 +1,5 @@
 <template>
-  <u-popup
+  <up-popup
     mode="center"
     :zoom="zoom"
     :show="show"
@@ -32,7 +32,7 @@
         <slot name="confirmButton"></slot>
       </view>
       <template v-else>
-        <u-line></u-line>
+        <up-line></up-line>
         <view
           class="u-modal__button-group"
           :style="{
@@ -56,7 +56,7 @@
               {{ cancelText }}
             </text>
           </view>
-          <u-line direction="column" v-if="showConfirmButton && showCancelButton"></u-line>
+          <up-line direction="column" v-if="showConfirmButton && showCancelButton"></up-line>
           <view
             class="u-modal__button-group__wrapper u-modal__button-group__wrapper--confirm"
             :hover-stay-time="150"
@@ -65,7 +65,7 @@
             v-if="showConfirmButton"
             @tap="confirmHandler"
           >
-            <u-loading-icon v-if="loading"></u-loading-icon>
+            <up-loading-icon v-if="loading"></up-loading-icon>
             <text
               v-else
               class="u-modal__button-group__wrapper__text"
@@ -79,7 +79,7 @@
         </view>
       </template>
     </view>
-  </u-popup>
+  </up-popup>
 </template>
 <script>
 import { props } from './props';
@@ -109,7 +109,7 @@ import { addUnit } from '../../libs/function/index';
  * @event {Function} confirm	点击确认按钮时触发
  * @event {Function} cancel		点击取消按钮时触发
  * @event {Function} close		点击遮罩关闭出发，closeOnClickOverlay为true有效
- * @example <u-modal :show="show" />
+ * @example <up-modal :show="show" />
  */
 export default {
   name: 'u-modal',

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

@@ -8,7 +8,7 @@
       }"
     ></view>
     <view :class="[fixed && 'u-navbar--fixed']">
-      <u-status-bar v-if="safeAreaInsetTop" :bgColor="bgColor"></u-status-bar>
+      <up-status-bar v-if="safeAreaInsetTop" :bgColor="bgColor"></up-status-bar>
       <view
         class="u-navbar__content"
         :class="[border && 'u-border-bottom']"
@@ -24,7 +24,7 @@
           @tap="leftClick"
         >
           <slot name="left">
-            <u-icon v-if="leftIcon" :name="leftIcon" :size="leftIconSize" :color="leftIconColor"></u-icon>
+            <up-icon v-if="leftIcon" :name="leftIcon" :size="leftIconSize" :color="leftIconColor"></up-icon>
             <text
               v-if="leftText"
               :style="{
@@ -52,7 +52,7 @@
         </slot>
         <view class="u-navbar__content__right" v-if="$slots.right || rightIcon || rightText" @tap="rightClick">
           <slot name="right">
-            <u-icon v-if="rightIcon" :name="rightIcon" size="20"></u-icon>
+            <up-icon v-if="rightIcon" :name="rightIcon" size="20"></up-icon>
             <text v-if="rightText" class="u-navbar__content__right__text">{{ rightText }}</text>
           </slot>
         </view>
@@ -89,7 +89,7 @@ import { addUnit, addStyle, getPx, getWindowInfo } from '../../libs/function/ind
  * @property {Object | String}	titleStyle			标题的样式，对象或字符串
  * @event {Function} leftClick		点击左侧区域
  * @event {Function} rightClick		点击右侧区域
- * @example <u-navbar title="剑未配妥，出门已是江湖" left-text="返回" right-text="帮助" @click-left="onClickBack" @click-right="onClickRight"></u-navbar>
+ * @example <up-navbar title="剑未配妥，出门已是江湖" left-text="返回" right-text="帮助" @click-left="onClickBack" @click-right="onClickRight"></up-navbar>
  */
 export default {
   name: 'u-navbar',

package/uview-plus/components/u-navbar-mini/u-navbar-mini.vue

@@ -1,7 +1,7 @@
 <template>
   <view class="u-navbar-mini" :class="[customClass]">
     <view class="u-navbar-mini__inner" :class="[fixed && 'u-navbar-mini--fixed']">
-      <u-status-bar v-if="safeAreaInsetTop"></u-status-bar>
+      <up-status-bar v-if="safeAreaInsetTop"></up-status-bar>
       <view
         class="u-navbar-mini__content"
         :style="{
@@ -53,7 +53,7 @@ import { addUnit, addStyle, getPx, sys } from '../../libs/function/index';
  * @property {Object | String}	titleStyle			标题的样式，对象或字符串
  * @event {Function} leftClick		点击左侧区域
  * @event {Function} rightClick		点击右侧区域
- * @example <u-navbar-mini @click-left="onClickBack"></u-navbar-mini>
+ * @example <up-navbar-mini @click-left="onClickBack"></up-navbar-mini>
  */
 export default {
   name: 'u-navbar-mini',

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

@@ -8,7 +8,7 @@
       }"
     ></view>
     <view :class="[fixed && 'u-navbar--fixed']" :style="fixed && `top: ${keyboardHeight || '0rpx'}`">
-      <u-status-bar v-if="safeAreaInsetTop" :bgColor="bgColor"></u-status-bar>
+      <up-status-bar v-if="safeAreaInsetTop" :bgColor="bgColor"></up-status-bar>
       <view
         class="u-navbar__content"
         :class="[border && 'u-border-bottom']"
@@ -25,7 +25,7 @@
           @tap="leftClick"
         >
           <slot name="left">
-            <u-icon v-if="leftIcon" :name="leftIcon" :size="leftIconSize" :color="leftIconColor"></u-icon>
+            <up-icon v-if="leftIcon" :name="leftIcon" :size="leftIconSize" :color="leftIconColor"></up-icon>
             <text
               v-if="leftText"
               :style="{
@@ -52,7 +52,7 @@
         </slot>
         <view class="u-navbar__content__right" :style="{ right: mpCapsuleRightPosition }" @tap="rightClick">
           <slot name="right">
-            <u-icon v-if="rightIcon" :name="rightIcon" size="20"></u-icon>
+            <up-icon v-if="rightIcon" :name="rightIcon" size="20"></up-icon>
             <text v-if="rightText" class="u-navbar__content__right__text">{{ rightText }}</text>
           </slot>
         </view>
@@ -90,7 +90,7 @@ import props from './props.js';
  * @property {Boolean}	keyboardHeight 键盘高度，请在input、textarea等输入框定期页面时通过聚焦、失焦事件的e.detail.height并传给keyboardHeight即可，避免因页面顶起导致的导航栏消失
  * @event {Function} leftClick		点击左侧区域
  * @event {Function} rightClick		点击右侧区域
- * @example <u-navbar title="酒尚余温，入口不识乾坤" left-text="返回" right-text="帮助" @click-left="onClickBack" @click-right="onClickRight"></u-navbar>
+ * @example <up-navbar title="酒尚余温，入口不识乾坤" left-text="返回" right-text="帮助" @click-left="onClickBack" @click-right="onClickRight"></up-navbar>
  */
 export default {
   name: 'u-navbar',

package/uview-plus/components/u-no-network/u-no-network.vue

@@ -1,5 +1,5 @@
 <template>
-  <u-overlay
+  <up-overlay
     :show="!isConnected"
     :zIndex="zIndex"
     @touchmove.stop.prevent="noop"
@@ -10,7 +10,7 @@
     }"
   >
     <view class="u-no-network">
-      <u-icon :name="image" size="150" imgMode="widthFit" class="u-no-network__error-icon"></u-icon>
+      <up-icon :name="image" size="150" imgMode="widthFit" class="u-no-network__error-icon"></up-icon>
       <text class="u-no-network__tips">{{ tips }}</text>
       <!-- 只有APP平台，才能跳转设置页，因为需要调用plus环境 -->
       <!-- #ifdef APP-PLUS -->
@@ -20,10 +20,10 @@
       </view>
       <!-- #endif -->
       <view class="u-no-network__retry">
-        <u-button size="mini" text="重试" type="primary" plain @click="retry"></u-button>
+        <up-button size="mini" text="重试" type="primary" plain @click="retry"></up-button>
       </view>
     </view>
-  </u-overlay>
+  </up-overlay>
 </template>
 <script>
 import { props } from './props';
@@ -38,7 +38,7 @@ import { toast, getDeviceInfo } from '../../libs/function/index';
  * @property {String | Number}	zIndex	组件的z-index值
  * @property {String}			image	无网络的图片提示，可用的src地址或base64图片
  * @event {Function}			retry	用户点击页面的"重试"按钮时触发
- * @example <u-no-network></u-no-network>
+ * @example <up-no-network></up-no-network>
  */
 export default {
   name: 'u-no-network',

package/uview-plus/components/u-notice-bar/u-notice-bar.vue

@@ -10,7 +10,7 @@
     ]"
   >
     <template v-if="direction === 'column' || (direction === 'row' && step)">
-      <u-column-notice
+      <up-column-notice
         :color="color"
         :bgColor="bgColor"
         :text="text"
@@ -23,10 +23,10 @@
         :justifyContent="justifyContent"
         @close="close"
         @click="click"
-      ></u-column-notice>
+      ></up-column-notice>
     </template>
     <template v-else>
-      <u-row-notice
+      <up-row-notice
         :color="color"
         :bgColor="bgColor"
         :text="text"
@@ -38,7 +38,7 @@
         :icon="icon"
         @close="close"
         @click="click"
-      ></u-row-notice>
+      ></up-row-notice>
     </template>
   </view>
 </template>
@@ -69,7 +69,7 @@ import uColumnNotice from '../u-column-notice/u-column-notice.vue';
  *
  * @event {Function}			click			点击通告文字触发
  * @event {Function}			close			点击右侧关闭图标触发
- * @example <u-notice-bar :more-icon="true" :list="list"></u-notice-bar>
+ * @example <up-notice-bar :more-icon="true" :list="list"></up-notice-bar>
  */
 export default {
   name: 'u-notice-bar',

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

@@ -1,16 +1,16 @@
 <template>
-  <u-transition mode="slide-down" :customStyle="containerStyle" :show="open">
+  <up-transition mode="slide-down" :customStyle="containerStyle" :show="open">
     <view class="u-notify" :class="[`u-notify--${tmpConfig.type}`]" :style="[backgroundColor, addStyle(customStyle)]">
-      <u-status-bar v-if="tmpConfig.safeAreaInsetTop"></u-status-bar>
+      <up-status-bar v-if="tmpConfig.safeAreaInsetTop"></up-status-bar>
       <view class="u-notify__warpper">
         <slot name="icon">
-          <u-icon
+          <up-icon
             v-if="['success', 'warning', 'error'].includes(tmpConfig.type)"
             :name="tmpConfig.icon"
             :color="tmpConfig.color"
             :size="1.3 * tmpConfig.fontSize"
             :customStyle="{ marginRight: '4px' }"
-          ></u-icon>
+          ></up-icon>
         </slot>
         <text
           class="u-notify__warpper__text"
@@ -23,7 +23,7 @@
         </text>
       </view>
     </view>
-  </u-transition>
+  </up-transition>
 </template>
 <script>
 import { props } from './props';
@@ -46,7 +46,7 @@ import { addUnit, addStyle, deepMerge } from '../../libs/function/index';
  * @property {Object}			customStyle			组件的样式，对象形式
  * @event {Function}	open	开启组件时调用的函数
  * @event {Function}	close	关闭组件式调用的函数
- * @example <u-notify message="Hi uView"></u-notify>
+ * @example <up-notify message="Hi uView"></up-notify>
  */
 export default {
   name: 'u-notify',

package/uview-plus/components/u-number-box/u-number-box.vue

@@ -20,7 +20,13 @@
       :class="{ 'u-number-box__minus--disabled': isDisabled('minus') }"
       :style="[buttonStyle('minus')]"
     >
-      <u-icon name="minus" :color="isDisabled('minus') ? '#c8c9cc' : '#323233'" size="15" bold :customStyle="iconStyle"></u-icon>
+      <up-icon
+        name="minus"
+        :color="isDisabled('minus') ? '#c8c9cc' : '#323233'"
+        size="15"
+        bold
+        :customStyle="iconStyle"
+      ></up-icon>
     </view>
     <template v-if="!hideMinus">
       <slot name="input">
@@ -74,7 +80,7 @@
       :class="{ 'u-number-box__minus--disabled': isDisabled('plus') }"
       :style="[buttonStyle('plus')]"
     >
-      <u-icon name="plus" :color="isDisabled('plus') ? '#c8c9cc' : '#323233'" size="15" bold :customStyle="iconStyle"></u-icon>
+      <up-icon name="plus" :color="isDisabled('plus') ? '#c8c9cc' : '#323233'" size="15" bold :customStyle="iconStyle"></up-icon>
     </view>
   </view>
 </template>
@@ -113,7 +119,7 @@ import { getPx, addUnit } from '../../libs/function/index';
  * @event {Function}	onBlur	输入框失去焦点
  * @event {Function}	onInput	输入框值发生变化
  * @event {Function}	onChange
- * @example <u-number-box v-model="value" @change="valChange"></u-number-box>
+ * @example <up-number-box v-model="value" @change="valChange"></up-number-box>
  */
 export default {
   name: 'u-number-box',

package/uview-plus/components/u-number-keyboard/u-number-keyboard.vue

@@ -19,7 +19,7 @@
         @touchstart.stop="backspaceClick"
         @touchend="clearTimer"
       >
-        <u-icon name="backspace" color="#303133" size="28"></u-icon>
+        <up-icon name="backspace" color="#303133" size="28"></up-icon>
       </view>
     </view>
   </view>

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

@@ -1,5 +1,5 @@
 <template>
-  <u-transition
+  <up-transition
     :show="show"
     custom-class="u-overlay"
     :duration="duration"
@@ -8,7 +8,7 @@
     @touchmove.stop.prevent="noop"
   >
     <slot />
-  </u-transition>
+  </up-transition>
 </template>
 <script>
 import { props } from './props';
@@ -25,7 +25,7 @@ import { addStyle, deepMerge } from '../../libs/function/index';
  * @property {String | Number}	opacity		不透明度值，当做rgba的第四个参数 （默认 0.5 ）
  * @property {Object}			customStyle	定义需要用到的外部样式
  * @event {Function} click 点击遮罩发送事件
- * @example <u-overlay :show="show" @click="show = false"></u-overlay>
+ * @example <up-overlay :show="show" @click="show = false"></up-overlay>
  */
 export default {
   name: 'u-overlay',

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

@@ -11,9 +11,9 @@
       ></up-input>
       <div class="input-cover"></div>
     </view>
-    <u-popup :show="show || (hasInput && showByClickInput)" :mode="popupMode" :zIndex="zIndex" @close="closeHandler">
+    <up-popup :show="show || (hasInput && showByClickInput)" :mode="popupMode" :zIndex="zIndex" @close="closeHandler">
       <view class="u-picker">
-        <u-toolbar
+        <up-toolbar
           v-if="showToolbar"
           :cancelColor="cancelColor"
           :confirmColor="confirmColor"
@@ -27,7 +27,7 @@
           <template #right>
             <slot name="toolbar-right"></slot>
           </template>
-        </u-toolbar>
+        </up-toolbar>
         <slot name="toolbar-bottom"></slot>
         <picker-view
           class="u-picker__view"
@@ -58,10 +58,10 @@
           </picker-view-column>
         </picker-view>
         <view v-if="loading" class="u-picker--loading">
-          <u-loading-icon mode="circle"></u-loading-icon>
+          <up-loading-icon mode="circle"></up-loading-icon>
         </view>
       </view>
-    </u-popup>
+    </up-popup>
   </view>
 </template>
 <script>