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

package/uview-plus/components/u-loading-page/u-loading-page.vue

@@ -1,5 +1,5 @@
 <template>
-  <u-transition
+  <up-transition
     :show="loading"
     :custom-style="{
       position: 'fixed',
@@ -26,7 +26,7 @@
               height: addUnit(iconSize)
             }"
           ></image>
-          <u-loading-icon v-else :mode="loadingMode" :size="addUnit(iconSize)" :color="loadingColor"></u-loading-icon>
+          <up-loading-icon v-else :mode="loadingMode" :size="addUnit(iconSize)" :color="loadingColor"></up-loading-icon>
         </view>
         <slot>
           <text
@@ -41,7 +41,7 @@
         </slot>
       </view>
     </view>
-  </u-transition>
+  </up-transition>
 </template>
 <script>
 import { props } from './props';
@@ -63,7 +63,7 @@ import { addUnit } from '../../libs/function/index';
  * @property {String}			loadingColor	加载中图标的颜色，只能rgb或者十六进制颜色值 （默认 '#C8C8C8' ）
  * @property {Number}			zIndex	        z-index层级 （默认10 ）
  * @property {Object}			customStyle		自定义样式
- * @example <u-loading mode="circle"></u-loading>
+ * @example <up-loading mode="circle"></up-loading>
  */
 export default {
   name: 'u-loading-page',

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

@@ -11,11 +11,11 @@
       }
     ]"
   >
-    <u-line length="140rpx" :color="lineColor" :hairline="false" :dashed="dashed" v-if="line"></u-line>
+    <up-line length="140rpx" :color="lineColor" :hairline="false" :dashed="dashed" v-if="line"></up-line>
     <!-- 加载中和没有更多的状态才显示两边的横线 -->
     <view :class="status == 'loadmore' || status == 'nomore' ? 'u-more' : ''" class="u-loadmore__content">
       <view class="u-loadmore__content__icon-wrap" v-if="status === 'loading' && icon">
-        <u-loading-icon :color="iconColor" :size="iconSize" :mode="loadingIcon"></u-loading-icon>
+        <up-loading-icon :color="iconColor" :size="iconSize" :mode="loadingIcon"></up-loading-icon>
       </view>
       <!-- 如果没有更多的状态下，显示内容为dot（粗点），加载特定样式 -->
       <text
@@ -27,7 +27,7 @@
         {{ showText }}
       </text>
     </view>
-    <u-line length="140rpx" :color="lineColor" :hairline="false" :dashed="dashed" v-if="line"></u-line>
+    <up-line length="140rpx" :color="lineColor" :hairline="false" :dashed="dashed" v-if="line"></up-line>
   </view>
 </template>
 <script>
@@ -58,7 +58,7 @@ import { addUnit, addStyle } from '../../libs/function/index';
  * @property {Boolean}			line			是否显示左边分割线  （默认 false ）
  * @property {Boolean}			dashed		// 是否虚线，true-虚线，false-实线  （默认 false ）
  * @event {Function} loadmore status为loadmore时，点击组件会发出此事件
- * @example <u-loadmore :status="status" icon-type="iconType" load-text="loadText" />
+ * @example <up-loadmore :status="status" icon-type="iconType" load-text="loadText" />
  */
 export default {
   name: 'u-loadmore',

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/_doc/changelog.md

@@ -0,0 +1,6 @@
+## 1.0.2（2024-05-08）
+更新域名
+## 1.0.1（2023-09-11）
+自定义事件声明
+## 1.0.0（2023-09-01）
+u-navbar 此组件一般用于在特殊情况下，需要自定义导航栏的时候用到，自动状态栏高度、小程序胶囊预留位置等，一般建议使用uni-app带的导航栏

package/uview-plus/components/u-navbar/_doc/package.json

@@ -0,0 +1,89 @@
+{
+  "id": "u-navbar",
+  "displayName": "u-navbar 自定义状态栏、背景色、自动计算状态栏高度 小程序预留胶囊位置等 全端兼容，无论平台，一致体验。",
+  "version": "1.0.2",
+  "description": "u-navbar 此组件一般用于在特殊情况下，需要自定义导航栏的时候用到，自动状态栏高度、小程序胶囊预留位置等，一般建议使用uni-app带的导航栏",
+  "keywords": [
+    "u-ui",
+    "wuui",
+    "u-navbar",
+    "navbar",
+    "自定义导航栏"
+  ],
+  "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-status-bar",
+      "u-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"
+        }
+      }
+    }
+  }
+}

package/uview-plus/components/u-navbar/_doc/readme.md

@@ -0,0 +1,16 @@
+## u-navbar 按钮
+
+> **组件名：u-navbar**
+
+此组件一般用于在特殊情况下，需要自定义导航栏的时候用到，自动状态栏高度、小程序胶囊预留位置等，一般建议使用 `uni-app` 带的导航栏。
+
+## [查看文档](https://ijry.github.io/uview-plus/components/navbar.html)
+
+## [更多组件, 请查看 `u-ui` 组件库](https://ext.dcloud.net.cn/plugin?name=u--ui)
+(请勿下载插件zip)
+
+<a href="https://ext.dcloud.net.cn/plugin?name=u--ui">
+	<img src="https://wuui.cn/intr.png">
+</a>
+
+**如使用过程中有任何问题，或者您对u-ui有一些好的建议。<br>欢迎加入 [u-ui 交流群](https://ijry.github.io/uview-plus/components/qqFeedBack.html)**

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/props.js

@@ -0,0 +1,102 @@
+export default {
+  props: {
+    // 是否开启顶部安全区适配
+    safeAreaInsetTop: {
+      type: Boolean,
+      default: true
+    },
+    // 固定在顶部时，是否生成一个等高元素，以防止塌陷
+    placeholder: {
+      type: Boolean,
+      default: false
+    },
+    // 是否固定在顶部
+    fixed: {
+      type: Boolean,
+      default: true
+    },
+    // 是否显示下边框
+    border: {
+      type: Boolean,
+      default: false
+    },
+    // 左边的图标
+    leftIcon: {
+      type: String,
+      default: 'arrow-left'
+    },
+    // 左边的提示文字
+    leftText: {
+      type: String,
+      default: ''
+    },
+    // 左边的提示文字
+    rightText: {
+      type: String,
+      default: ''
+    },
+    // 右边的图标
+    rightIcon: {
+      type: String,
+      default: ''
+    },
+    // 标题
+    title: {
+      type: [String, Number],
+      default: ''
+    },
+    // 背景颜色
+    bgColor: {
+      type: String,
+      default: '#ffffff'
+    },
+    // 标题的宽度
+    titleWidth: {
+      type: [String, Number],
+      default: '400rpx'
+    },
+    // 导航栏高度
+    height: {
+      type: [String, Number],
+      default: '44px'
+    },
+    // 左侧返回图标的大小
+    leftIconSize: {
+      type: [String, Number],
+      default: '20px'
+    },
+    // 左侧返回图标的颜色
+    leftIconColor: {
+      type: String,
+      default: '#303133'
+    },
+    // 点击左侧区域(返回图标)，是否自动返回上一页
+    autoBack: {
+      type: Boolean,
+      default: false
+    },
+    // 标题的样式，对象或字符串
+    titleStyle: {
+      type: [String, Object],
+      default: ''
+    },
+    
+    
+    // 是否显示左边
+    showLeft: {
+      type: Boolean,
+      default: true
+    },
+    // 小程序端导航栏右侧是否预留胶囊位置
+    mpRightReserveCapsule: {
+      type: Boolean,
+      default: true
+    },
+    // 键盘高度
+    keyboardHeight: {
+      type: String,
+      default: '0rpx'
+    },
+    ...uni.$w?.props?.navbar
+  }
+};