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

package/uni-ui/lib/uni-list/readme.md

@@ -0,0 +1,44 @@
+## List 列表
+> **组件名：uni-list**
+> 代码块： `uList`、`uListItem`
+> 关联组件：`uni-list-item`、`uni-badge`、`uni-icons`、`uni-list-chat`、`uni-list-ad`
+
+
+List 列表组件，包含基本列表样式、可扩展插槽机制、长列表性能优化、多端兼容。
+
+在vue页面里，它默认使用页面级滚动。在app-nvue页面里，它默认使用原生list组件滚动。这样的长列表，在滚动出屏幕外后，系统会回收不可见区域的渲染内存资源，不会造成滚动越长手机越卡的问题。
+
+uni-list组件是父容器，里面的核心是uni-list-item子组件，它代表列表中的一个可重复行，子组件可以无限循环。
+
+uni-list-item有很多风格，uni-list-item组件通过内置的属性，满足一些常用的场景。当内置属性不满足需求时，可以通过扩展插槽来自定义列表内容。
+
+内置属性可以覆盖的场景包括：导航列表、设置列表、小图标列表、通信录列表、聊天记录列表。
+
+涉及很多大图或丰富内容的列表，比如类今日头条的新闻列表、类淘宝的电商列表，需要通过扩展插槽实现。
+
+下文均有样例给出。
+
+uni-list不包含下拉刷新和上拉翻页。上拉翻页另见组件：[uni-load-more](https://ext.dcloud.net.cn/plugin?id=29)
+
+### [点击查看详细文档](https://uniapp.dcloud.io/component/uniui/uni-indexed-list)
+
+
+## 基于uni-list扩展的页面模板
+
+通过扩展插槽，可实现多种常见样式的列表
+
+**新闻列表类**
+
+1. 云端一体混合布局：[https://ext.dcloud.net.cn/plugin?id=2546](https://ext.dcloud.net.cn/plugin?id=2546)
+2. 云端一体垂直布局，大图模式：[https://ext.dcloud.net.cn/plugin?id=2583](https://ext.dcloud.net.cn/plugin?id=2583)
+3. 云端一体垂直布局，多行图文混排：[https://ext.dcloud.net.cn/plugin?id=2584](https://ext.dcloud.net.cn/plugin?id=2584)
+4. 云端一体垂直布局，多图模式：[https://ext.dcloud.net.cn/plugin?id=2585](https://ext.dcloud.net.cn/plugin?id=2585)
+5. 云端一体水平布局，左图右文：[https://ext.dcloud.net.cn/plugin?id=2586](https://ext.dcloud.net.cn/plugin?id=2586)
+6. 云端一体水平布局，左文右图：[https://ext.dcloud.net.cn/plugin?id=2587](https://ext.dcloud.net.cn/plugin?id=2587)
+7. 云端一体垂直布局，无图模式，主标题+副标题：[https://ext.dcloud.net.cn/plugin?id=2588](https://ext.dcloud.net.cn/plugin?id=2588)
+
+**商品列表类**
+
+1. 云端一体列表/宫格视图互切：[https://ext.dcloud.net.cn/plugin?id=2651](https://ext.dcloud.net.cn/plugin?id=2651)
+2. 云端一体列表（宫格模式）：[https://ext.dcloud.net.cn/plugin?id=2671](https://ext.dcloud.net.cn/plugin?id=2671)
+3. 云端一体列表（列表模式）：[https://ext.dcloud.net.cn/plugin?id=2672](https://ext.dcloud.net.cn/plugin?id=2672)

package/uni-ui/lib/uni-list/uni-list.vue

@@ -22,6 +22,7 @@
   </list>
   <!-- #endif -->
 </template>
+
 <script>
 /**
  * List 列表
@@ -77,5 +78,47 @@ export default {
 };
 </script>
 <style>
-@import 'style.css';
+.uni-list {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  background-color: #ffffff;
+  position: relative;
+  flex-direction: column;
+}
+.uni-list--border {
+  position: relative;
+  /* #ifdef APP-NVUE */
+  border-top-color: #e5e5e5;
+  border-top-style: solid;
+  border-top-width: 0.5px;
+  border-bottom-color: #e5e5e5;
+  border-bottom-style: solid;
+  border-bottom-width: 0.5px;
+  /* #endif */
+  z-index: -1;
+}
+/* #ifndef APP-NVUE */
+.uni-list--border-top {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  height: 1px;
+  -webkit-transform: scaleY(0.5);
+  transform: scaleY(0.5);
+  background-color: #e5e5e5;
+  z-index: 1;
+}
+.uni-list--border-bottom {
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  left: 0;
+  height: 1px;
+  -webkit-transform: scaleY(0.5);
+  transform: scaleY(0.5);
+  background-color: #e5e5e5;
+}
+/* #endif */
 </style>

package/uni-ui/lib/uni-list/uni-refresh.vue

@@ -10,6 +10,7 @@
   </view>
   <!-- #endif -->
 </template>
+
 <script>
 export default {
   name: 'UniRefresh',
@@ -55,6 +56,7 @@ export default {
   }
 };
 </script>
+
 <style>
 .uni-refresh {
   height: 0;

package/uni-ui/lib/uni-list/uni-refresh.wxs

@@ -79,7 +79,7 @@ function propObserver(newValue, oldValue, instance) {
     pullDown = newValue;
 }
 
-export default {
+module.exports = {
     touchmove: touchMove,
     touchstart: touchStart,
     touchend: touchEnd,

package/uni-ui/lib/uni-list-ad/uni-list-ad.vue

@@ -19,6 +19,7 @@
   </cell>
   <!-- #endif -->
 </template>
+
 <script>
 // #ifdef APP-NVUE
 const dom = uni.requireNativePlugin('dom');
@@ -39,6 +40,7 @@ export default {
       borderShow: true
     };
   },
+
   mounted() {
     this.list = this.getForm();
     if (this.list) {
@@ -73,5 +75,35 @@ export default {
 };
 </script>
 <style>
-@import 'style.css';
+.uni-list-ad {
+  position: relative;
+  border: 1px red solid;
+}
+
+.uni-list--border {
+  position: relative;
+  padding-bottom: 1px;
+  /* #ifdef APP-PLUS */
+  border-top-color: var(--uni-border-color);
+  border-top-style: solid;
+  border-top-width: 0.5px;
+  /* #endif */
+  margin-left: var(--uni-spacing-row-lg);
+}
+/* #ifndef APP-NVUE */
+.uni-list--border:after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  height: 1px;
+  content: '';
+  -webkit-transform: scaleY(0.5);
+  transform: scaleY(0.5);
+  background-color: var(--uni-border-color);
+}
+.uni-list-item--first:after {
+  height: 0px;
+}
+/* #endif */
 </style>

package/uni-ui/lib/uni-list-chat/uni-list-chat.vue

@@ -77,9 +77,11 @@
   </cell>
   <!-- #endif -->
 </template>
+
 <script>
 // 头像大小
 const avatarWidth = 45;
+
 /**
  * ListChat 聊天列表
  * @description 聊天列表,用于创建聊天类列表
@@ -242,6 +244,7 @@ export default {
         this.openPage();
         return;
       }
+
       if (this.clickable || this.link) {
         this.$emit('click', {
           data: {}
@@ -290,5 +293,266 @@ export default {
 };
 </script>
 <style>
-@import 'style.css';
+.uni-list-chat {
+  font-size: 16px;
+  position: relative;
+  flex-direction: column;
+  justify-content: space-between;
+  background-color: #fff;
+}
+/*
+// .uni-list-chat--disabled {
+// 	opacity: 0.3;
+// }
+*/
+.uni-list-chat--hover {
+  background-color: #f5f5f5;
+}
+.uni-list--border {
+  position: relative;
+  margin-left: 15px;
+  /* #ifdef APP-PLUS */
+  border-top-color: #e5e5e5;
+  border-top-style: solid;
+  border-top-width: 0.5px;
+  /* #endif */
+}
+/* #ifndef APP-NVUE */
+.uni-list--border:after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  height: 1px;
+  content: '';
+  -webkit-transform: scaleY(0.5);
+  transform: scaleY(0.5);
+  background-color: #e5e5e5;
+}
+.uni-list-item--first:after {
+  height: 0px;
+}
+/* #endif */
+.uni-list-chat--first {
+  border-top-width: 0px;
+}
+.uni-ellipsis {
+  /* #ifndef APP-NVUE */
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  /* #endif */
+  /* #ifdef APP-NVUE */
+  lines: 1;
+  /* #endif */
+}
+.uni-ellipsis-2 {
+  /* #ifndef APP-NVUE */
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  /* #endif */
+  /* #ifdef APP-NVUE */
+  lines: 2;
+  /* #endif */
+}
+.uni-list-chat__container {
+  position: relative;
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  flex: 1;
+  padding: 10px 15px;
+  position: relative;
+  overflow: hidden;
+}
+.uni-list-chat__header-warp {
+  position: relative;
+}
+.uni-list-chat__header {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  align-content: center;
+  /* #endif */
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  flex-wrap: wrap-reverse;
+  /* #ifdef APP-NVUE */
+  width: 50px;
+  height: 50px;
+  /* #endif */
+  /* #ifndef APP-NVUE */
+  width: 45px;
+  height: 45px;
+  /* #endif */
+  border-radius: 5px;
+  border-color: #eee;
+  border-width: 1px;
+  border-style: solid;
+  overflow: hidden;
+}
+.uni-list-chat__header-box {
+  /* #ifndef APP-PLUS */
+  box-sizing: border-box;
+  display: flex;
+  width: 45px;
+  height: 45px;
+  /* #endif */
+  /* #ifdef APP-NVUE */
+  width: 50px;
+  height: 50px;
+  /* #endif */
+  overflow: hidden;
+  border-radius: 2px;
+}
+.uni-list-chat__header-image {
+  margin: 1px;
+  /* #ifdef APP-NVUE */
+  width: 50px;
+  height: 50px;
+  /* #endif */
+  /* #ifndef APP-NVUE */
+  width: 45px;
+  height: 45px;
+  /* #endif */
+}
+/* #ifndef APP-NVUE */
+.uni-list-chat__header-image {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+.avatarItem--1 {
+  width: 100%;
+  height: 100%;
+}
+.avatarItem--2 {
+  width: 47%;
+  height: 47%;
+}
+.avatarItem--3 {
+  width: 32%;
+  height: 32%;
+}
+/* #endif */
+.header--circle {
+  border-radius: 50%;
+}
+.uni-list-chat__content {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  flex: 1;
+  overflow: hidden;
+  padding: 2px 0;
+}
+.uni-list-chat__content-main {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: column;
+  justify-content: space-between;
+  padding-left: 10px;
+  flex: 1;
+  overflow: hidden;
+}
+.uni-list-chat__content-title {
+  font-size: 16px;
+  color: #3b4144;
+  font-weight: normal;
+  overflow: hidden;
+}
+.draft,
+.uni-list-chat__content-note {
+  margin-top: 3px;
+  color: #999;
+  font-size: 12px;
+  font-weight: normal;
+  overflow: hidden;
+}
+.draft {
+  color: #eb3a41;
+  /* #ifndef APP-NVUE */
+  flex-shrink: 0;
+  /* #endif */
+  padding-right: 3px;
+}
+.uni-list-chat__content-extra {
+  /* #ifndef APP-NVUE */
+  flex-shrink: 0;
+  display: flex;
+  /* #endif */
+  flex-direction: column;
+  justify-content: space-between;
+  align-items: flex-end;
+  margin-left: 5px;
+}
+.uni-list-chat__content-extra-text {
+  color: #999;
+  font-size: 12px;
+  font-weight: normal;
+  overflow: hidden;
+}
+.uni-list-chat__badge-pos {
+  position: absolute;
+  /* #ifdef APP-NVUE */
+  left: 55px;
+  top: 3px;
+  /* #endif */
+  /* #ifndef APP-NVUE */
+  left: calc(45px + 10px - 6px + 0px);
+  top: calc(10px / 2 + 1px + 0px);
+  /* #endif */
+}
+.uni-list-chat__badge {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  justify-content: center;
+  align-items: center;
+  border-radius: 100px;
+  background-color: #ff5a5f;
+}
+.uni-list-chat__badge-text {
+  color: #fff;
+  font-size: 12px;
+}
+.uni-badge--single {
+  /* #ifndef APP-NVUE */
+  /* #endif */
+  width: 18px;
+  height: 18px;
+}
+.uni-badge--complex {
+  /* #ifdef APP-NVUE */
+  left: 50px;
+  /* #endif */
+  /* #ifndef APP-NVUE */
+  width: auto;
+  /* #endif */
+  height: 18px;
+  padding: 0 6px;
+}
+.uni-badge--dot {
+  /* #ifdef APP-NVUE */
+  left: 60px;
+  top: 6px;
+  /* #endif */
+  /* #ifndef APP-NVUE */
+  left: calc(45px + 15px - 10px / 2 + 1px + 0px);
+  /* #endif */
+  width: 10px;
+  height: 10px;
+  padding: 0;
+}
+.uni-list-chat--right {
+  /* #ifdef APP-NVUE */
+  left: 0;
+  /* #endif */
+}
 </style>

package/uni-ui/lib/uni-list-item/uni-list-item.vue

@@ -68,6 +68,7 @@
   </cell>
   <!-- #endif -->
 </template>
+
 <script>
 /**
  * ListItem 列表子组件
@@ -237,6 +238,14 @@ export default {
             bottom: verticalPadding,
             left: horizontalPadding
           };
+        } else if (paddingArr.length === 3) {
+          const [topPadding, horizontalPadding, bottomPadding] = paddingArr;
+          this.padding = {
+            top: topPadding,
+            right: horizontalPadding,
+            bottom: bottomPadding,
+            left: horizontalPadding
+          };
         } else if (paddingArr.length === 4) {
           const [topPadding, rightPadding, bottomPadding, leftPadding] = paddingArr;
           this.padding = {
@@ -342,5 +351,180 @@ export default {
 };
 </script>
 <style>
-@import 'style.css';
+.uni-list-item {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  font-size: 16px;
+  position: relative;
+  justify-content: space-between;
+  align-items: center;
+  background-color: #fff;
+  flex-direction: row;
+  /* #ifdef H5 */
+  cursor: pointer;
+  /* #endif */
+}
+.uni-list-item--disabled {
+  opacity: 0.3;
+}
+.uni-list-item--hover {
+  background-color: #f1f1f1 !important;
+}
+.uni-list-item__container {
+  position: relative;
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  padding: 12px 15px;
+  padding-left: 15px;
+  flex: 1;
+  overflow: hidden;
+}
+.container--right {
+  padding-right: 0;
+}
+/* 
+// .border--left {
+// 	margin-left: $uni-spacing-row-lg;
+// }
+ */
+.uni-list--border {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  /* #ifdef APP-NVUE */
+  border-top-color: #e5e5e5;
+  border-top-style: solid;
+  border-top-width: 0.5px;
+  /* #endif */
+}
+/* #ifndef APP-NVUE */
+.uni-list--border:after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  height: 1px;
+  content: "";
+  -webkit-transform: scaleY(0.5);
+  transform: scaleY(0.5);
+  background-color: #e5e5e5;
+}
+/* #endif */
+.uni-list-item__content {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  padding-right: 8px;
+  flex: 1;
+  color: #3b4144;
+  flex-direction: column;
+  justify-content: space-between;
+  overflow: hidden;
+}
+.uni-list-item__content--center {
+  justify-content: center;
+}
+.uni-list-item__content-title {
+  font-size: 14px;
+  color: #3b4144;
+  overflow: hidden;
+}
+.uni-list-item__content-note {
+  margin-top: 6rpx;
+  color: #999;
+  font-size: 12px;
+  overflow: hidden;
+}
+.uni-list-item__extra {
+  /* width: 25%; */
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  justify-content: flex-end;
+  align-items: center;
+}
+.uni-list-item__header {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  align-items: center;
+}
+.uni-list-item__icon {
+  margin-right: 18rpx;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+}
+.uni-list-item__icon-img {
+  /* #ifndef APP-NVUE */
+  display: block;
+  /* #endif */
+  height: 26px;
+  width: 26px;
+  margin-right: 10px;
+}
+.uni-icon-wrapper {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  align-items: center;
+  padding: 0 10px;
+}
+.flex--direction {
+  flex-direction: column;
+  /* #ifndef APP-NVUE */
+  align-items: initial;
+  /* #endif */
+}
+.flex--justify {
+  /* #ifndef APP-NVUE */
+  justify-content: initial;
+  /* #endif */
+}
+.uni-list--lg {
+  height: 40px;
+  width: 40px;
+}
+.uni-list--base {
+  height: 26px;
+  width: 26px;
+}
+.uni-list--sm {
+  height: 20px;
+  width: 20px;
+}
+.uni-list-item__extra-text {
+  color: #999;
+  font-size: 12px;
+}
+.uni-ellipsis-1 {
+  /* #ifndef APP-NVUE */
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  /* #endif */
+  /* #ifdef APP-NVUE */
+  lines: 1;
+  text-overflow: ellipsis;
+  /* #endif */
+}
+.uni-ellipsis-2 {
+  /* #ifndef APP-NVUE */
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  /* #endif */
+  /* #ifdef APP-NVUE */
+  lines: 2;
+  text-overflow: ellipsis;
+  /* #endif */
+}
 </style>

package/uni-ui/lib/uni-load-more/changelog.md

@@ -0,0 +1,27 @@
+## 1.3.7（2025-08-20）
+- 修复 微信小程序css警告问题
+## 1.3.6（2024-10-15）
+- 修复 微信小程序中的getSystemInfo警告
+## 1.3.5（2024-10-12）
+- 修复 微信小程序中的getSystemInfo警告
+## 1.3.4（2024-10-12）
+- 修复 微信小程序中的getSystemInfo警告
+## 1.3.3（2022-01-20）
+- 新增 showText属性 ，是否显示文本
+## 1.3.2（2022-01-19）
+- 修复 nvue 平台下不显示文本的bug
+## 1.3.1（2022-01-19）
+- 修复 微信小程序平台样式选择器报警告的问题
+## 1.3.0（2021-11-19）
+- 优化 组件UI，并提供设计资源，详见:[https://uniapp.dcloud.io/component/uniui/resource](https://uniapp.dcloud.io/component/uniui/resource)
+- 文档迁移，详见:[https://uniapp.dcloud.io/component/uniui/uni-load-more](https://uniapp.dcloud.io/component/uniui/uni-load-more)
+## 1.2.1（2021-08-24）
+- 新增 支持国际化
+## 1.2.0（2021-07-30）
+- 组件兼容 vue3，如何创建vue3项目，详见 [uni-app 项目支持 vue3 介绍](https://ask.dcloud.net.cn/article/37834)
+## 1.1.8（2021-05-12）
+- 新增 组件示例地址
+## 1.1.7（2021-03-30）
+- 修复 uni-load-more 在首页使用时，h5 平台报 'uni is not defined' 的 bug
+## 1.1.6（2021-02-05）
+- 调整为uni_modules目录规范