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

package/uni-ui/lib/uni-segmented-control/uni-segmented-control.vue

@@ -8,14 +8,14 @@
       v-for="(item, index) in values"
       :class="[
         styleType === 'text' ? '' : 'segmented-control__item--button',
-        index === currentIndex && styleType === 'button' ? 'segmented-control__item--button--active' : '',
         index === 0 && styleType === 'button' ? 'segmented-control__item--button--first' : '',
         index === values.length - 1 && styleType === 'button' ? 'segmented-control__item--button--last' : ''
       ]"
       :key="index"
       :style="{
-        backgroundColor: index === currentIndex && styleType === 'button' ? activeColor : '',
-        borderColor: index === currentIndex && (styleType === 'text' || styleType === 'button') ? activeColor : '#d9d9d9'
+        backgroundColor:
+          index === currentIndex && styleType === 'button' ? activeColor : styleType === 'button' ? inActiveColor : 'transparent',
+        borderColor: (index === currentIndex && styleType === 'text') || styleType === 'button' ? activeColor : inActiveColor
       }"
       class="segmented-control__item"
       @click="_onClick(index)"
@@ -35,6 +35,7 @@
     </view>
   </view>
 </template>
+
 <script>
 /**
  * SegmentedControl 分段器
@@ -45,9 +46,11 @@
  * 	@value button 按钮类型
  * 	@value text 文字类型
  * @property {String} activeColor 选中的标签背景色与边框颜色
+ * @property {String} inActiveColor 未选中的标签背景色与边框颜色
  * @property {Array} values 选项数组
  * @event {Function} clickItem 组件触发点击事件时触发，e={currentIndex}
  */
+
 export default {
   name: 'UniSegmentedControl',
   emits: ['clickItem'],
@@ -66,6 +69,10 @@ export default {
       type: String,
       default: '#2979FF'
     },
+    inActiveColor: {
+      type: String,
+      default: 'transparent'
+    },
     styleType: {
       type: String,
       default: 'button'
@@ -83,6 +90,7 @@ export default {
       }
     }
   },
+  computed: {},
   created() {
     this.currentIndex = this.current;
   },
@@ -98,6 +106,60 @@ export default {
   }
 };
 </script>
-<style>
-@import 'style.css';
+
+<style scoped>
+.segmented-control {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  box-sizing: border-box;
+  /* #endif */
+  flex-direction: row;
+  height: 36px;
+  overflow: hidden;
+  /* #ifdef H5 */
+  cursor: pointer;
+  /* #endif */
+}
+
+.segmented-control__item {
+  /* #ifndef APP-NVUE */
+  display: inline-flex;
+  box-sizing: border-box;
+  /* #endif */
+  position: relative;
+  flex: 1;
+  justify-content: center;
+  align-items: center;
+}
+
+.segmented-control__item--button {
+  border-style: solid;
+  border-top-width: 1px;
+  border-bottom-width: 1px;
+  border-right-width: 1px;
+  border-left-width: 0;
+}
+
+.segmented-control__item--button--first {
+  border-left-width: 1px;
+  border-top-left-radius: 5px;
+  border-bottom-left-radius: 5px;
+}
+
+.segmented-control__item--button--last {
+  border-top-right-radius: 5px;
+  border-bottom-right-radius: 5px;
+}
+
+.segmented-control__item--text {
+  border-bottom-style: solid;
+  border-bottom-width: 2px;
+  padding: 6px 0;
+}
+
+.segmented-control__text {
+  font-size: 14px;
+  line-height: 20px;
+  text-align: center;
+}
 </style>

package/uni-ui/lib/uni-status-bar/uni-status-bar.vue

@@ -15,5 +15,7 @@ export default {
 };
 </script>
 <style scoped>
-@import 'style.css';
+.uni-status-bar {
+  height: 20px;
+}
 </style>

package/uni-ui/lib/uni-steps/changelog.md

@@ -0,0 +1,18 @@
+## 1.1.2（2024-03-28）
+- 修复 uni-steps为竖排列时，文本长度过长引起点错乱的bug
+## 1.1.1（2021-11-22）
+- 修复 vue3中某些scss变量无法找到的问题
+## 1.1.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-steps](https://uniapp.dcloud.io/component/uniui/uni-steps)
+## 1.0.8（2021-05-12）
+- 新增 项目示例地址
+## 1.0.7（2021-05-06）
+- 修复 uni-steps 横向布局时，多行文字高度不合理的 bug
+## 1.0.6（2021-04-21）
+- 优化 添加依赖 uni-icons, 导入后自动下载依赖
+## 1.0.5（2021-02-05）
+- 优化 组件引用关系，通过uni_modules引用组件
+
+## 1.0.4（2021-02-05）
+- 调整为uni_modules目录规范

package/uni-ui/lib/uni-steps/package.json

@@ -0,0 +1,106 @@
+{
+  "id": "uni-steps",
+  "displayName": "uni-steps 步骤条",
+  "version": "1.1.2",
+  "description": "步骤条组件，提供横向和纵向两种布局格式。",
+  "keywords": [
+    "uni-ui",
+    "uniui",
+    "步骤条",
+    "时间轴"
+],
+  "repository": "https://github.com/dcloudio/uni-ui",
+  "engines": {
+    "HBuilderX": "",
+    "uni-app": "^4.05",
+    "uni-app-x": ""
+  },
+  "directories": {
+    "example": "../../temps/example_temps"
+  },
+  "dcloudext": {
+    "sale": {
+      "regular": {
+        "price": "0.00"
+      },
+      "sourcecode": {
+        "price": "0.00"
+      }
+    },
+    "contact": {
+      "qq": ""
+    },
+    "declaration": {
+      "ads": "无",
+      "data": "无",
+      "permissions": "无"
+    },
+    "npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui",
+    "type": "component-vue",
+    "darkmode": "x",
+    "i18n": "x",
+    "widescreen": "x"
+  },
+  "uni_modules": {
+    "dependencies": [
+      "uni-scss",
+      "uni-icons"
+    ],
+    "encrypt": [],
+    "platforms": {
+      "cloud": {
+        "tcb": "x",
+        "aliyun": "x",
+        "alipay": "x"
+      },
+      "client": {
+        "uni-app": {
+          "vue": {
+            "vue2": "√",
+            "vue3": "√"
+          },
+          "web": {
+            "safari": "√",
+            "chrome": "√"
+          },
+          "app": {
+            "vue": "√",
+            "nvue": "√",
+            "android": "√",
+            "ios": "√",
+            "harmony": "√"
+          },
+          "mp": {
+            "weixin": "√",
+            "alipay": "√",
+            "toutiao": "√",
+            "baidu": "√",
+            "kuaishou": "-",
+            "jd": "-",
+            "harmony": "-",
+            "qq": "√",
+            "lark": "-"
+          },
+          "quickapp": {
+            "huawei": "√",
+            "union": "√"
+          }
+        },
+        "uni-app-x": {
+          "web": {
+            "safari": "-",
+            "chrome": "-"
+          },
+          "app": {
+            "android": "-",
+            "ios": "-",
+            "harmony": "-"
+          },
+          "mp": {
+            "weixin": "-"
+          }
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,11 @@
+
+
+## Steps 步骤条
+> **组件名：uni-steps**
+> 代码块： `uSteps`
+
+
+步骤条，常用于显示进度
+
+### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-steps)
+

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

@@ -26,6 +26,7 @@
           :class="[direction === 'column' ? 'uni-steps__column-line-item' : 'uni-steps__row-line-item']"
           v-for="(item, index) in options"
           :key="index"
+          :style="{ height: direction === 'column' ? heightArr[index] + 'px' : '14px' }"
         >
           <view
             :class="[
@@ -37,13 +38,13 @@
             }"
           ></view>
           <view :class="[direction === 'column' ? 'uni-steps__column-check' : 'uni-steps__row-check']" v-if="index === active">
-            <uni-icons :color="activeColor" :type="activeIcon" size="14"></uni-icons>
+            <uni-icons :color="activeColor" :type="activeIcon" size="14" />
           </view>
           <view
             v-else
             :class="[direction === 'column' ? 'uni-steps__column-circle' : 'uni-steps__row-circle']"
             :style="{ backgroundColor: index < active ? activeColor : deactiveColor }"
-          ></view>
+          />
           <view
             :class="[
               direction === 'column' ? 'uni-steps__column-line' : 'uni-steps__row-line',
@@ -54,15 +55,16 @@
                 index < active && index !== options.length - 1
                   ? activeColor
                   : index === options.length - 1
-                  ? 'transparent'
-                  : deactiveColor
+                    ? 'transparent'
+                    : deactiveColor
             }"
-          ></view>
+          />
         </view>
       </view>
     </view>
   </view>
 </template>
+
 <script>
 /**
  * Steps 步骤条
@@ -75,6 +77,7 @@
  * @property {String} activeColor 选中状态的颜色
  * @property {Array} options 数据源，格式为：[{title:'xxx',desc:'xxx'},{title:'xxx',desc:'xxx'}]
  */
+
 export default {
   name: 'UniSteps',
   props: {
@@ -111,10 +114,201 @@ export default {
     } // 数据
   },
   data() {
-    return {};
+    return {
+      heightArr: []
+    };
+  },
+  mounted() {
+    //根据内容设置步骤条的长度
+    if (this.direction === 'column') {
+      let that = this;
+      //只能用类选择器，用id选择器所获取的元素信息不准确
+      uni
+        .createSelectorQuery()
+        .in(this)
+        .selectAll('.uni-steps__column-text')
+        .boundingClientRect((data) => {
+          that.heightArr = data.map((item) => item.height + 1);
+        })
+        .exec();
+    }
   }
 };
 </script>
 <style>
-@import 'style.css';
+.uni-steps {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  width: 100%;
+  /* #endif */
+  /* #ifdef APP-NVUE */
+  flex: 1;
+  /* #endif */
+  flex-direction: column;
+}
+
+.uni-steps__row {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: column;
+}
+
+.uni-steps__column {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row-reverse;
+}
+
+.uni-steps__row-text-container {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  align-items: flex-end;
+  margin-bottom: 8px;
+}
+
+.uni-steps__column-text-container {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: column;
+  flex: 1;
+}
+
+.uni-steps__row-text {
+  /* #ifndef APP-NVUE */
+  display: inline-flex;
+  /* #endif */
+  flex: 1;
+  flex-direction: column;
+}
+
+.uni-steps__column-text {
+  padding: 6px 0px;
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+  border-bottom-color: #ededed;
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: column;
+}
+
+.uni-steps__row-title {
+  font-size: 14px;
+  line-height: 16px;
+  text-align: center;
+}
+
+.uni-steps__column-title {
+  font-size: 14px;
+  text-align: left;
+  line-height: 18px;
+}
+
+.uni-steps__row-desc {
+  font-size: 12px;
+  line-height: 14px;
+  text-align: center;
+}
+
+.uni-steps__column-desc {
+  font-size: 12px;
+  text-align: left;
+  line-height: 18px;
+}
+
+.uni-steps__row-container {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+}
+
+.uni-steps__column-container {
+  /* #ifndef APP-NVUE */
+  display: inline-flex;
+  /* #endif */
+  width: 30px;
+  flex-direction: column;
+}
+
+.uni-steps__row-line-item {
+  /* #ifndef APP-NVUE */
+  display: inline-flex;
+  /* #endif */
+  flex-direction: row;
+  flex: 1;
+  height: 14px;
+  line-height: 14px;
+  align-items: center;
+  justify-content: center;
+}
+
+.uni-steps__column-line-item {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.uni-steps__row-line {
+  flex: 1;
+  height: 1px;
+  background-color: #b7bdc6;
+}
+
+.uni-steps__column-line {
+  width: 1px;
+  background-color: #b7bdc6;
+}
+
+.uni-steps__row-line--after {
+  transform: translateX(1px);
+}
+
+.uni-steps__column-line--after {
+  flex: 1;
+  transform: translate(0px, 1px);
+}
+
+.uni-steps__row-line--before {
+  transform: translateX(-1px);
+}
+
+.uni-steps__column-line--before {
+  height: 6px;
+  transform: translate(0px, -13px);
+}
+
+.uni-steps__row-circle {
+  width: 5px;
+  height: 5px;
+  border-radius: 50%;
+  background-color: #b7bdc6;
+  margin: 0px 3px;
+}
+
+.uni-steps__column-circle {
+  width: 5px;
+  height: 5px;
+  border-radius: 50%;
+  background-color: #b7bdc6;
+  margin: 4px 0px 5px 0px;
+}
+
+.uni-steps__row-check {
+  margin: 0px 6px;
+}
+
+.uni-steps__column-check {
+  height: 14px;
+  line-height: 14px;
+  margin: 2px 0px;
+}
 </style>

package/uni-ui/lib/uni-swipe-action/changelog.md

@@ -0,0 +1,60 @@
+## 1.3.17（2026-02-09）
+- 修复 pc 触屏问题
+## 1.3.16（2025-06-11）
+- 修复 鸿蒙 next 浏览器上无法滑动的问题
+## 1.3.14（2025-06-09）
+- 优化 更新示例项目
+## 1.3.13（2025-04-15）
+- 修复 app 端 缺少leftOptions 或 rightOptions 时无法滑动的问题
+## 1.3.12（2025-04-14）
+- 修复 由上一个兼容版本引发的 安卓运行报错且无法回弹的问题
+## 1.3.11（2025-04-08）
+- 优化 兼容鸿蒙平台
+- 修复 WEB 平台控制台报错
+## 1.3.10（2024-01-17）
+- 修复 点击按钮时，按钮会被点击穿透导致自动收缩的 bug(兼容阿里/百度/抖音小程序)
+## 1.3.9（2024-01-17）
+- 修复 点击按钮时，按钮会被点击穿透导致自动收缩的 bug
+## 1.3.8（2023-04-13）
+- 修复`uni-swipe-action`和`uni-swipe-action-item`不同时使用导致 closeOther 方法报错的 bug
+## 1.3.7（2022-06-06）
+- 修复 vue3 下使用组件不能正常运行的Bug
+## 1.3.6（2022-05-31）
+- 修复 h5端点击click触发两次的Bug
+## 1.3.5（2022-05-23）
+- 修复 isPC 找不到的Bug
+## 1.3.4（2022-05-19）
+-  修复 在 nvue 下 disabled 失效的bug
+## 1.3.3（2022-03-31）
+- 修复 按钮字体大小不能设置的bug
+## 1.3.2（2022-03-16）
+- 修复 h5和app端下报el错误的bug
+## 1.3.1（2022-03-07）
+- 修复 HBuilderX 1.4.X 版本中，h5和app端下报错的bug
+## 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-swipe-action](https://uniapp.dcloud.io/component/uniui/uni-swipe-action)
+## 1.2.4（2021-08-20）
+- 优化 close-all 方法
+## 1.2.3（2021-08-20）
+- 新增 close-all 方法，关闭所有已打开的组件
+## 1.2.2（2021-08-17）
+- 新增 resize() 方法，在非微信小程序、h5、app-vue端出现不能滑动的问题的时候，重置组件
+- 修复 app 端偶尔出现类似 Page[x][-x,xx;-x,xx,x,x-x] 的问题 
+- 优化 微信小程序、h5、app-vue 滑动逻辑，避免出现动态新增组件后不能滑动的问题
+## 1.2.1（2021-07-30）
+- 组件兼容 vue3，如何创建vue3项目，详见 [uni-app 项目支持 vue3 介绍](https://ask.dcloud.net.cn/article/37834)
+- 修复 跨页面修改组件数据 ，导致不能滑动的问题
+## 1.1.10（2021-06-17）
+- 修复 按钮点击执行两次的bug
+## 1.1.9（2021-05-12）
+- 新增 项目示例地址
+## 1.1.8（2021-03-26）
+- 修复 微信小程序 nv_navigator is not defined 报错的bug
+## 1.1.7（2021-02-05）
+- 调整为uni_modules目录规范
+- 新增 左侧滑动
+- 新增 插槽使用方式
+- 新增 threshold 属性，可以控制滑动缺省值
+- 优化 长列表滚动性能
+- 修复 滚动页面时触发组件滑动的Bug

package/uni-ui/lib/uni-swipe-action/package.json

@@ -0,0 +1,113 @@
+{
+  "id": "uni-swipe-action",
+  "displayName": "uni-swipe-action 滑动操作",
+  "version": "1.3.17",
+  "description": "SwipeAction 滑动操作操作组件",
+  "keywords": [
+    "",
+    "uni-ui",
+    "uniui",
+    "滑动删除",
+    "侧滑删除"
+],
+  "repository": "https://github.com/dcloudio/uni-ui",
+  "engines": {
+    "HBuilderX": "",
+    "uni-app": "^4.27",
+    "uni-app-x": ""
+  },
+  "directories": {
+    "example": "../../temps/example_temps"
+  },
+  "dcloudext": {
+    "sale": {
+      "regular": {
+        "price": "0.00"
+      },
+      "sourcecode": {
+        "price": "0.00"
+      }
+    },
+    "contact": {
+      "qq": ""
+    },
+    "declaration": {
+      "ads": "无",
+      "data": "无",
+      "permissions": "无"
+    },
+    "npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui",
+    "type": "component-vue",
+    "darkmode": "x",
+    "i18n": "x",
+    "widescreen": "x"
+  },
+  "uni_modules": {
+    "dependencies": [
+      "uni-scss"
+    ],
+    "encrypt": [],
+    "platforms": {
+      "cloud": {
+        "tcb": "x",
+        "aliyun": "x",
+        "alipay": "x"
+      },
+      "client": {
+        "uni-app": {
+          "vue": {
+            "vue2": {
+                "extVersion": "1.3.14",
+                "minVersion": ""
+            },
+            "vue3": {
+                "extVersion": "1.3.14",
+                "minVersion": ""
+            }
+          },
+          "web": {
+            "safari": "√",
+            "chrome": "√"
+          },
+          "app": {
+            "vue": "√",
+            "nvue": "√",
+            "android": "√",
+            "ios": "√",
+            "harmony": "√"
+          },
+          "mp": {
+            "weixin": "√",
+            "alipay": "√",
+            "toutiao": "√",
+            "baidu": "√",
+            "kuaishou": "-",
+            "jd": "-",
+            "harmony": "-",
+            "qq": "√",
+            "lark": "-",
+            "xhs": "-"
+          },
+          "quickapp": {
+            "huawei": "√",
+            "union": "√"
+          }
+        },
+        "uni-app-x": {
+          "web": {
+            "safari": "-",
+            "chrome": "-"
+          },
+          "app": {
+            "android": "-",
+            "ios": "-",
+            "harmony": "-"
+          },
+          "mp": {
+            "weixin": "-"
+          }
+        }
+      }
+    }
+  }
+}

package/uni-ui/lib/uni-swipe-action/readme.md

@@ -0,0 +1,10 @@
+
+
+## SwipeAction 滑动操作
+> **组件名：uni-swipe-action**
+> 代码块： `uSwipeAction`、`uSwipeActionItem`
+
+
+通过滑动触发选项的容器
+
+### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-swipe-action)