@10yun/cv-mobile-ui 0.5.53 → 0.5.55

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

@@ -675,5 +675,180 @@ export default {
 };
 </script>
 <style scoped>
-@import './style.css';
+.u-upload {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: column;
+  flex: 1;
+}
+.u-upload__wrap {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  flex-wrap: wrap;
+  flex: 1;
+}
+.u-upload__wrap__preview {
+  border-radius: 2px;
+  margin: 0 8px 8px 0;
+  position: relative;
+  overflow: hidden;
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+}
+.u-upload__wrap__preview__image {
+  width: 80px;
+  height: 80px;
+}
+.u-upload__wrap__preview__video,
+.u-upload__wrap__preview__other {
+  width: 80px;
+  height: 80px;
+  background-color: rgb(242, 242, 242);
+  flex: 1;
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+.u-upload__wrap__preview__video__text,
+.u-upload__wrap__preview__other__text {
+  font-size: 11px;
+  color: var(--u-tips-color);
+  margin-top: 2px;
+}
+.u-upload__wrap__play {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  bottom: 0px;
+  right: 0px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.u-upload__wrap__play__icon {
+  background: #fff;
+  border-radius: 100px;
+  opacity: 0.8;
+}
+.u-upload__deletable {
+  position: absolute;
+  top: 0;
+  right: 0;
+  background-color: rgb(55, 55, 55);
+  height: 14px;
+  width: 14px;
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  border-bottom-left-radius: 100px;
+  align-items: center;
+  justify-content: center;
+  z-index: 3;
+}
+.u-upload__deletable__icon {
+  position: absolute;
+  transform: scale(0.7);
+  top: 0px;
+  right: 0px;
+  /* #ifdef H5 */
+  top: 1px;
+  right: 0;
+  /* #endif */
+}
+.u-upload__success {
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  /* #ifndef APP-NVUE */
+  border-style: solid;
+  border-top-color: transparent;
+  border-left-color: transparent;
+  border-bottom-color: var(--u-success);
+  border-right-color: var(--u-success);
+  border-width: 9px;
+  align-items: center;
+  justify-content: center;
+  /* #endif */
+}
+.u-upload__success__icon {
+  /* #ifndef APP-NVUE */
+  position: absolute;
+  transform: scale(0.7);
+  bottom: -10px;
+  right: -10px;
+  /* #endif */
+  /* #ifdef APP-NVUE */
+  width: 16px;
+  height: 16px;
+  /* #endif */
+}
+.u-upload__progress {
+  background-color: var(--u-primary) !important;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+}
+.u-upload__status {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background-color: rgba(0, 0, 0, 0.5);
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+.u-upload__status__icon {
+  position: relative;
+  z-index: 1;
+}
+.u-upload__status__message {
+  font-size: 12px;
+  color: #ffffff;
+  margin-top: 5px;
+}
+.u-upload__button {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 80px;
+  height: 80px;
+  background-color: rgb(244, 245, 247);
+  border-radius: 2px;
+  margin: 0 8px 8px 0;
+  /* #ifndef APP-NVUE */
+  box-sizing: border-box;
+  /* #endif */
+}
+.u-upload__button__text {
+  font-size: 11px;
+  color: var(--u-tips-color);
+  margin-top: 2px;
+}
+.u-upload__button--hover {
+  background-color: rgb(230, 231, 233);
+}
+.u-upload__button--disabled {
+  opacity: 0.5;
+}
 </style>

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

@@ -66,5 +66,6 @@ export default {
 };
 </script>
 <style scoped>
-@import './style.css';
+.u-view {
+}
 </style>

package/uview-plus/components/u-virtual-list/u-virtual-list.vue

@@ -214,5 +214,20 @@ export default {
 };
 </script>
 <style scoped>
-@import './style.css';
+.u-virtual-list {
+  position: relative;
+  overflow: hidden;
+}
+
+.virtual-scroll-container {
+  height: 100%;
+}
+
+.scroll-content {
+  position: relative;
+}
+
+.list-item {
+  will-change: transform;
+}
 </style>

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

@@ -364,5 +364,32 @@ export default {
 };
 </script>
 <style scoped>
-@import './style.css';
+.u-waterfall {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  flex-direction: row;
+  align-items: flex-start;
+}
+.u-column {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  flex: 1;
+  flex-direction: column;
+  overflow: hidden;
+  /* #ifndef APP-NVUE */
+  height: 100%;
+  /* #endif */
+}
+.u-column:not(:first-child) {
+  margin-left: 10rpx;
+}
+.u-image {
+  /* #ifndef APP-NVUE */
+  max-width: 100%;
+  /* #endif */
+}
 </style>

package/uview-plus/libs/css/color2.scss

@@ -0,0 +1,32 @@
+$u-main-color: #303133 !default;
+$u-content-color: #606266 !default;
+$u-tips-color: #909193 !default;
+$u-light-color: #c0c4cc !default;
+$u-border-color: #dadbde !default;
+$u-bg-color: #f3f4f6 !default;
+$u-disabled-color: #c8c9cc !default;
+
+$u-primary: #3c9cff !default;
+$u-primary-dark: #398ade !default;
+$u-primary-disabled: #9acafc !default;
+$u-primary-light: #ecf5ff !default;
+
+$u-warning: #f9ae3d !default;
+$u-warning-dark: #f1a532 !default;
+$u-warning-disabled: #f9d39b !default;
+$u-warning-light: #fdf6ec !default;
+
+$u-success: #5ac725 !default;
+$u-success-dark: #53c21d !default;
+$u-success-disabled: #a9e08f !default;
+$u-success-light: #f5fff0;
+
+$u-error: #f56c6c !default;
+$u-error-dark: #e45656 !default;
+$u-error-disabled: #f7b2b2 !default;
+$u-error-light: #fef0f0 !default;
+
+$u-info: #909399 !default;
+$u-info-dark: #767a82 !default;
+$u-info-disabled: #c4c6c9 !default;
+$u-info-light: #f4f4f5 !default;

package/uview-plus/libs/css/variable2.scss

@@ -0,0 +1,111 @@
+// 超出行数，自动显示行尾省略号，最多5行
+// 来自uvui的温馨提示：当您在控制台看到此报错，说明需要在App.vue的style标签加上【lang="scss"】
+@if variable-exists(show-lines) {
+	@for $i from 1 through 5 {
+		.uv-line-#{$i} {
+			/* #ifdef APP-NVUE */
+			// nvue下，可以直接使用lines属性，这是weex特有样式
+			lines: $i;
+			text-overflow: ellipsis;
+			overflow: hidden;
+			flex: 1;
+			/* #endif */
+
+			/* #ifndef APP-NVUE */
+			// vue下，单行和多行显示省略号需要单独处理
+			@if $i == '1' {
+				overflow: hidden;
+				white-space: nowrap;
+				text-overflow: ellipsis;
+			} @else {
+				display: -webkit-box!important;
+				overflow: hidden;
+				text-overflow: ellipsis;
+				word-break: break-all;
+				-webkit-line-clamp: $i;
+				-webkit-box-orient: vertical!important;
+			}
+			/* #endif */
+		}
+	}
+}
+@if variable-exists(show-border) {
+	$u-bordercolor: #dadbde;
+	@if variable-exists(uv-border-color) {
+		$u-bordercolor: $u-border-color;
+	}
+	// 此处加上!important并非随意乱用，而是因为目前*.nvue页面编译到H5时，
+	// App.vue的样式会被uni-app的view元素的自带border属性覆盖，导致无效
+	// 综上，这是uni-app的缺陷导致我们为了多端兼容，而必须要加上!important
+	// 移动端兼容性较好，直接使用0.5px去实现细边框，不使用伪元素形式实现
+	@if variable-exists(show-border-surround) {
+		.uv-border {
+			border-width: 0.5px!important;
+			border-color: $u-bordercolor!important;
+			border-style: solid;
+		}
+	}
+	@if variable-exists(show-border-top) {
+		.uv-border-top {
+			border-top-width: 0.5px!important;
+			border-color: $u-bordercolor!important;
+			border-top-style: solid;
+		}
+	}
+	@if variable-exists(show-border-left) {
+		.uv-border-left {
+			border-left-width: 0.5px!important;
+			border-color: $u-bordercolor!important;
+			border-left-style: solid;
+		}
+	}
+	@if variable-exists(show-border-right) {
+		.uv-border-right {
+			border-right-width: 0.5px!important;
+			border-color: $u-bordercolor!important;
+			border-right-style: solid;
+		}
+	}
+	@if variable-exists(show-border-bottom) {
+		.uv-border-bottom {
+			border-bottom-width: 0.5px!important;
+			border-color: $u-bordercolor!important;
+				border-bottom-style: solid;
+		}
+	}
+	@if variable-exists(show-border-top-bottom) {
+		.uv-border-top-bottom {
+			border-top-width: 0.5px!important;
+			border-bottom-width: 0.5px!important;
+			border-color: $u-bordercolor!important;
+			border-top-style: solid;
+			border-bottom-style: solid;
+		}
+	}
+}
+@if variable-exists(show-reset-button) {
+	// 去除button的所有默认样式，让其表现跟普通的view、text元素一样
+	.uv-reset-button {
+		padding: 0;
+		background-color: transparent;
+		/* #ifndef APP-PLUS */
+		font-size: inherit;
+		line-height: inherit;
+		color: inherit;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		border-width: 0;
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.uv-reset-button::after {
+		 border: none;
+	}
+	/* #endif */
+}
+@if variable-exists(show-hover) {
+	.uv-hover-class {
+		opacity: 0.7;
+	}
+}

package/{plugins → uview-plus/libs/ctocode}/MessageTip.js

@@ -4,12 +4,12 @@ const MessageTip = function (options) {
       options.type == 'success'
         ? 'none'
         : options.type == 'warning'
-        ? 'none'
-        : options.type == 'error'
-        ? 'none'
-        : options.type == 'info'
-        ? 'none'
-        : 'none';
+          ? 'none'
+          : options.type == 'error'
+            ? 'none'
+            : options.type == 'info'
+              ? 'none'
+              : 'none';
 
     let setting = {
       title: options.message || '提示',

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

@@ -0,0 +1,47 @@
+// 获取链接参数
+function getUrlParam(name) {
+  var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)');
+  var r = window && window.location.search.substring(1).match(reg);
+  if (r != null) return decodeURIComponent(r[2]);
+  return null;
+
+  // var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)');
+  // let url = window.location.href.split('#')[0];
+  // let search = url.split('?')[1];
+  // if (search) {
+  //   var r = search.substring(0).match(reg);
+  //   if (r !== null) return decodeURIComponent(r[2]);
+  //   return null;
+  // } else {
+  //   return null;
+  // }
+}
+/**
+ * 根据参数名 获取 URL 路径中的参数
+ * @param {String} name 要读取的参数名称
+ */
+export function getQueryString(name) {
+  const reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
+  const search = (window && window.location.search.split('?')[1]) || '';
+  const r = search.match(reg) || [];
+  return r[2];
+}
+
+function joinQueryParam(params) {
+  let url_str = Object.entries(params)
+    // .map(([key, value]) => `${encodeURIComponent(key)}=${encodeURIComponent(value)}`)
+    .map(([key, value]) => `${key}=${value}`)
+    .join('&');
+
+  // // 1. 创建 URLSearchParams 并添加参数
+  // const paramsUrl = new URLSearchParams();
+  // Object.entries(obj).forEach(([key, value]) => {
+  //   paramsUrl.append(key, String(value)); // 确保 value 是字符串
+  // });
+  // // 2. 生成查询字符串
+  // const queryString = paramsUrl.toString();
+  // // 3. 拼接完整 URL（可选）
+  //  ('' + Math.random()).split('.')[1] + 'authorizestate'
+
+  return url_str;
+}

package/uview-plus/libs/mixin/openType2.js

@@ -0,0 +1,60 @@
+export default {
+  props: {
+    openType: String
+  },
+  emits: [
+    'getphonenumber',
+    'getuserinfo',
+    'error',
+    'opensetting',
+    'launchapp',
+    'contact',
+    'chooseavatar',
+    'addgroupapp',
+    'chooseaddress',
+    'subscribe',
+    'login',
+    'im'
+  ],
+  methods: {
+    onGetPhoneNumber(event) {
+      this.$emit('getphonenumber', event.detail);
+    },
+    onGetUserInfo(event) {
+      this.$emit('getuserinfo', event.detail);
+    },
+    onError(event) {
+      this.$emit('error', event.detail);
+    },
+    onOpenSetting(event) {
+      this.$emit('opensetting', event.detail);
+    },
+    onLaunchApp(event) {
+      this.$emit('launchapp', event.detail);
+    },
+    onContact(event) {
+      this.$emit('contact', event.detail);
+    },
+    onChooseavatar(event) {
+      this.$emit('chooseavatar', event.detail);
+    },
+    onAgreeprivacyauthorization(event) {
+      this.$emit('agreeprivacyauthorization', event.detail);
+    },
+    onAddgroupapp(event) {
+      this.$emit('addgroupapp', event.detail);
+    },
+    onChooseaddress(event) {
+      this.$emit('chooseaddress', event.detail);
+    },
+    onSubscribe(event) {
+      this.$emit('subscribe', event.detail);
+    },
+    onLogin(event) {
+      this.$emit('login', event.detail);
+    },
+    onIm(event) {
+      this.$emit('im', event.detail);
+    }
+  }
+};

package/uview-plus/libs/util/route2.js

@@ -0,0 +1,126 @@
+/**
+ * 路由跳转方法，该方法相对于直接使用uni.xxx的好处是使用更加简单快捷
+ * 并且带有路由拦截功能
+ */
+import { queryParams, deepMerge, page } from '@/uni_modules/uv-ui-tools/libs/function/index.js'
+class Router {
+	constructor() {
+		// 原始属性定义
+		this.config = {
+			type: 'navigateTo',
+			url: '',
+			delta: 1, // navigateBack页面后退时,回退的层数
+			params: {}, // 传递的参数
+			animationType: 'pop-in', // 窗口动画,只在APP有效
+			animationDuration: 300, // 窗口动画持续时间,单位毫秒,只在APP有效
+			intercept: false ,// 是否需要拦截
+			events: {} // 页面间通信接口，用于监听被打开页面发送到当前页面的数据。hbuilderx 2.8.9+ 开始支持。
+		}
+		// 因为route方法是需要对外赋值给另外的对象使用，同时route内部有使用this，会导致route失去上下文
+		// 这里在构造函数中进行this绑定
+		this.route = this.route.bind(this)
+	}
+
+	// 判断url前面是否有"/"，如果没有则加上，否则无法跳转
+	addRootPath(url) {
+		return url[0] === '/' ? url : `/${url}`
+	}
+
+	// 整合路由参数
+	mixinParam(url, params) {
+		url = url && this.addRootPath(url)
+
+		// 使用正则匹配，主要依据是判断是否有"/","?","="等，如“/page/index/index?name=mary"
+		// 如果有url中有get参数，转换后无需带上"?"
+		let query = ''
+		if (/.*\/.*\?.*=.*/.test(url)) {
+			// object对象转为get类型的参数
+			query = queryParams(params, false)
+			// 因为已有get参数,所以后面拼接的参数需要带上"&"隔开
+			return url += `&${query}`
+		}
+		// 直接拼接参数，因为此处url中没有后面的query参数，也就没有"?/&"之类的符号
+		query = queryParams(params)
+		return url += query
+	}
+
+	// 对外的方法名称
+	async route(options = {}, params = {}) {
+		// 合并用户的配置和内部的默认配置
+		let mergeConfig = {}
+
+		if (typeof options === 'string') {
+			// 如果options为字符串，则为route(url, params)的形式
+			mergeConfig.url = this.mixinParam(options, params)
+			mergeConfig.type = 'navigateTo'
+		} else {
+			mergeConfig = deepMerge(this.config, options)
+			// 否则正常使用mergeConfig中的url和params进行拼接
+			mergeConfig.url = this.mixinParam(options.url, options.params)
+		}
+		// 如果本次跳转的路径和本页面路径一致，不执行跳转，防止用户快速点击跳转按钮，造成多次跳转同一个页面的问题
+		if (mergeConfig.url === page()) return
+
+		if (params.intercept) {
+			mergeConfig.intercept = params.intercept
+		}
+		// params参数也带给拦截器
+		mergeConfig.params = params
+		// 合并内外部参数
+		mergeConfig = deepMerge(this.config, mergeConfig)
+		// 判断用户是否定义了拦截器
+		if (typeof mergeConfig.intercept === 'function') {
+			// 定一个promise，根据用户执行resolve(true)或者resolve(false)来决定是否进行路由跳转
+			const isNext = await new Promise((resolve, reject) => {
+				mergeConfig.intercept(mergeConfig, resolve)
+			})
+			// 如果isNext为true，则执行路由跳转
+			isNext && this.openPage(mergeConfig)
+		} else {
+			this.openPage(mergeConfig)
+		}
+	}
+
+	// 执行路由跳转
+	openPage(config) {
+		// 解构参数
+		const {
+			url,
+			type,
+			delta,
+			animationType,
+			animationDuration,
+			events
+		} = config
+		if (config.type == 'navigateTo' || config.type == 'to') {
+			uni.navigateTo({
+				url,
+				animationType,
+				animationDuration,
+				events
+			})
+		}
+		if (config.type == 'redirectTo' || config.type == 'redirect') {
+			uni.redirectTo({
+				url
+			})
+		}
+		if (config.type == 'switchTab' || config.type == 'tab') {
+			uni.switchTab({
+				url
+			})
+		}
+		if (config.type == 'reLaunch' || config.type == 'launch') {
+			uni.reLaunch({
+				url
+			})
+		}
+		if (config.type == 'navigateBack' || config.type == 'back') {
+			uni.navigateBack({
+				delta
+			})
+		}
+	}
+}
+
+export default (new Router()).route

package/other/style.css

@@ -1,46 +0,0 @@
-
-	.product {
-		padding: 10rpx 20rpx;
-		display: flex;
-		flex-direction: column;
-	}
-
-	.product-image {
-		height: 330rpx;
-		width: 330rpx;
-	}
-
-	.product-title {
-		width: 300rpx;
-		font-size: 32rpx;
-		word-break: break-all;
-		display: -webkit-box;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		-webkit-box-orient: vertical;
-		-webkit-line-clamp: 2;
-	}
-
-	.product-price {
-		font-size: 28rpx;
-		position: relative;
-	}
-
-	.product-price-original {
-		color: #E80080;
-	}
-
-	.product-price-favour {
-		color: #888888;
-		text-decoration: line-through;
-		margin-left: 10rpx;
-	}
-
-	.product-tip {
-		position: absolute;
-		right: 10rpx;
-		background-color: #FF3333;
-		color: #FFFFFF;
-		padding: 0 10rpx;
-		border-radius: 5rpx;
-	}