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

package/uni-ui/lib/uni-swipe-action-item/render.js

@@ -1,7 +1,7 @@
 const MIN_DISTANCE = 10;
 export default {
 	showWatch(newVal, oldVal, ownerInstance, instance, self) {
-		var state = self.state
+		var state = self.state || {}
 		var $el = ownerInstance.$el || ownerInstance.$vm && ownerInstance.$vm.$el
 		if (!$el) return
 		this.getDom(instance, ownerInstance, self)
@@ -24,7 +24,7 @@ export default {
 	touchstart(e, ownerInstance, self) {
 		let instance = e.instance;
 		let disabled = instance.getDataset().disabled
-		let state = self.state;
+		let state = self.state || {};
 		this.getDom(instance, ownerInstance, self)
 		// fix by mehaotian, TODO 兼容 app-vue 获取dataset为字符串 , h5 获取 为 undefined 的问题,待框架修复
 		disabled = this.getDisabledType(disabled)
@@ -51,7 +51,7 @@ export default {
 		// 删除之后已经那不到实例了
 		if (!instance) return;
 		let disabled = instance.getDataset().disabled
-		let state = self.state
+		let state = self.state || {}
 		// fix by mehaotian, TODO 兼容 app-vue 获取dataset为字符串 , h5 获取 为 undefined 的问题,待框架修复
 		disabled = this.getDisabledType(disabled)
 		if (disabled) return
@@ -76,7 +76,7 @@ export default {
 	touchend(e, ownerInstance, self) {
 		let instance = e.instance;
 		let disabled = instance.getDataset().disabled
-		let state = self.state
+		let state = self.state || {}
 		// fix by mehaotian, TODO 兼容 app-vue 获取dataset为字符串 , h5 获取 为 undefined 的问题,待框架修复
 		disabled = this.getDisabledType(disabled)
 
@@ -95,7 +95,7 @@ export default {
 	 */
 	move(value, instance, ownerInstance, self) {
 		value = value || 0
-		let state = self.state
+		let state = self.state || {}
 		let leftWidth = state.leftWidth
 		let rightWidth = state.rightWidth
 		// 获取可滑动范围
@@ -115,13 +115,20 @@ export default {
 	 * @param {Object} ownerInstance
 	 */
 	getDom(instance, ownerInstance, self) {
-		var state = self.state
+		var state = self.state || {}
 		var $el = ownerInstance.$el || ownerInstance.$vm && ownerInstance.$vm.$el
 		var leftDom = $el.querySelector('.button-group--left')
 		var rightDom = $el.querySelector('.button-group--right')
-
-		state.leftWidth = leftDom.offsetWidth || 0
-		state.rightWidth = rightDom.offsetWidth || 0
+		if (leftDom && leftDom.offsetWidth) {
+			state.leftWidth = leftDom.offsetWidth || 0
+		} else {
+			state.leftWidth = 0
+		}
+		if (rightDom && rightDom.offsetWidth) {
+			state.rightWidth = rightDom.offsetWidth || 0
+		} else {
+			state.rightWidth = 0
+		}
 		state.threshold = instance.getDataset().threshold
 	},
 
@@ -148,7 +155,7 @@ export default {
 	 * @param {Object} ins
 	 */
 	moveDirection(left, ins, ownerInstance, self) {
-		var state = self.state
+		var state = self.state || {}
 		var threshold = state.threshold
 		var position = state.position
 		var isopen = state.isopen || 'none'
@@ -181,7 +188,7 @@ export default {
 	 * @param {Object} ownerInstance
 	 */
 	openState(type, ins, ownerInstance, self) {
-		let state = self.state
+		let state = self.state || {}
 		let leftWidth = state.leftWidth
 		let rightWidth = state.rightWidth
 		let left = ''
@@ -231,7 +238,7 @@ export default {
 	 * @param {Object} event
 	 */
 	resetTouchStatus(instance, self) {
-		let state = self.state;
+		let state = self.state || {};
 		state.direction = '';
 		state.deltaX = 0;
 		state.deltaY = 0;
@@ -245,7 +252,7 @@ export default {
 	 */
 	stopTouchStart(event, ownerInstance, self) {
 		let instance = event.instance;
-		let state = self.state
+		let state = self.state || {}
 		this.resetTouchStatus(instance, self);
 		var touch = event.touches[0];
 		state.startX = touch.clientX;
@@ -258,7 +265,7 @@ export default {
 	 */
 	stopTouchMove(event, self) {
 		let instance = event.instance;
-		let state = self.state;
+		let state = self.state || {};
 		let touch = event.touches[0];
 
 		state.deltaX = touch.clientX - state.startX;

package/uni-ui/lib/uni-swipe-action-item/uni-swipe-action-item.vue

@@ -1,8 +1,8 @@
 <template>
   <!-- 在微信小程序 app vue端 h5 使用wxs 实现-->
-  <!-- #ifdef APP-VUE || MP-WEIXIN || H5 -->
+  <!-- #ifdef APP-VUE || APP-HARMONY || MP-WEIXIN || H5 -->
   <view class="uni-swipe">
-    <!--  #ifdef MP-WEIXIN || VUE3 -->
+    <!--  #ifdef MP-WEIXIN || H5 -->
     <view
       class="uni-swipe_box"
       :change:prop="wxsswipe.showWatch"
@@ -13,6 +13,7 @@
       @touchmove="wxsswipe.touchmove"
       @touchend="wxsswipe.touchend"
     >
+      <!-- 在微信小程序 app vue端 h5 使用wxs 实现-->
       <view class="uni-swipe_button-group button-group--left">
         <slot name="left">
           <view
@@ -22,8 +23,8 @@
               backgroundColor: item.style && item.style.backgroundColor ? item.style.backgroundColor : '#C7C6CD'
             }"
             class="uni-swipe_button button-hock"
-            @touchstart="appTouchStart"
-            @touchend="appTouchEnd($event, index, item, 'left')"
+            @touchstart.stop="appTouchStart"
+            @touchend.stop="appTouchEnd($event, index, item, 'left')"
             @click.stop="onClickForPC(index, item, 'left')"
           >
             <text
@@ -50,8 +51,8 @@
               backgroundColor: item.style && item.style.backgroundColor ? item.style.backgroundColor : '#C7C6CD'
             }"
             class="uni-swipe_button button-hock"
-            @touchstart="appTouchStart"
-            @touchend="appTouchEnd($event, index, item, 'right')"
+            @touchstart.stop="appTouchStart"
+            @touchend.stop="appTouchEnd($event, index, item, 'right')"
             @click.stop="onClickForPC(index, item, 'right')"
           >
             <text
@@ -68,7 +69,7 @@
       </view>
     </view>
     <!-- #endif -->
-    <!--  #ifndef MP-WEIXIN || VUE3 -->
+    <!--  #ifndef MP-WEIXIN || H5 -->
     <view
       class="uni-swipe_box"
       :change:prop="renderswipe.showWatch"
@@ -79,6 +80,7 @@
       @touchmove="renderswipe.touchmove"
       @touchend="renderswipe.touchend"
     >
+      <!-- 在微信小程序 app vue端 h5 使用wxs 实现-->
       <view class="uni-swipe_button-group button-group--left">
         <slot name="left">
           <view
@@ -88,8 +90,8 @@
               backgroundColor: item.style && item.style.backgroundColor ? item.style.backgroundColor : '#C7C6CD'
             }"
             class="uni-swipe_button button-hock"
-            @touchstart="appTouchStart"
-            @touchend="appTouchEnd($event, index, item, 'left')"
+            @touchstart.stop="appTouchStart"
+            @touchend.stop="appTouchEnd($event, index, item, 'left')"
             @click.stop="onClickForPC(index, item, 'left')"
           >
             <text
@@ -116,8 +118,8 @@
               backgroundColor: item.style && item.style.backgroundColor ? item.style.backgroundColor : '#C7C6CD'
             }"
             class="uni-swipe_button button-hock"
-            @touchstart="appTouchStart"
-            @touchend="appTouchEnd($event, index, item, 'right')"
+            @touchstart.stop="appTouchStart"
+            @touchend.stop="appTouchEnd($event, index, item, 'right')"
             @click.stop="onClickForPC(index, item, 'right')"
           >
             <text
@@ -191,7 +193,7 @@
   </view>
   <!-- #endif -->
   <!-- 其他平台使用 js ，长列表性能可能会有影响-->
-  <!-- #ifdef MP-ALIPAY || MP-BAIDU || MP-TOUTIAO || MP-QQ -->
+  <!-- #ifdef MP-ALIPAY || MP-BAIDU || MP-TOUTIAO || MP-QQ || MP-HARMONY -->
   <view class="uni-swipe">
     <view
       class="uni-swipe_box"
@@ -211,8 +213,8 @@
               fontSize: item.style && item.style.fontSize ? item.style.fontSize : '16px'
             }"
             class="uni-swipe_button button-hock"
-            @touchstart="appTouchStart"
-            @touchend="appTouchEnd($event, index, item, 'left')"
+            @touchstart.stop="appTouchStart"
+            @touchend.stop="appTouchEnd($event, index, item, 'left')"
           >
             <text class="uni-swipe_button-text" :style="{ color: item.style && item.style.color ? item.style.color : '#FFFFFF' }">
               {{ item.text }}
@@ -230,8 +232,8 @@
               backgroundColor: item.style && item.style.backgroundColor ? item.style.backgroundColor : '#C7C6CD',
               fontSize: item.style && item.style.fontSize ? item.style.fontSize : '16px'
             }"
-            @touchstart="appTouchStart"
-            @touchend="appTouchEnd($event, index, item, 'right')"
+            @touchstart.stop="appTouchStart"
+            @touchend.stop="appTouchEnd($event, index, item, 'right')"
             class="uni-swipe_button button-hock"
           >
             <text class="uni-swipe_button-text" :style="{ color: item.style && item.style.color ? item.style.color : '#FFFFFF' }">
@@ -245,6 +247,7 @@
   <!-- #endif -->
 </template>
 <script src="./wx.wxs" module="wxsswipe" lang="wxs"></script>
+
 <script module="renderswipe" lang="renderjs">
 import render from './render.js'
 export default {
@@ -271,6 +274,7 @@ export default {
 import mpwxs from './mpwxs';
 import bindingx from './bindingx.js';
 import mpother from './mpother';
+
 /**
  * SwipeActionItem 滑动操作子组件
  * @description 通过滑动触发选项的容器
@@ -280,10 +284,11 @@ import mpother from './mpother';
  * @property {Boolean} autoClose = [true|false] 	滑动打开当前组件，是否关闭其他组件
  * @property {Number}  threshold 					滑动缺省值
  * @property {Array} leftOptions 					左侧选项内容及样式
- * @property {Array} rgihtOptions 					右侧选项内容及样式
+ * @property {Array} rightOptions 					右侧选项内容及样式
  * @event {Function} click 							点击选项按钮时触发事件，e = {content,index} ，content（点击内容）、index（下标)
  * @event {Function} change 						组件打开或关闭时触发，left\right\none
  */
+
 export default {
   mixins: [mpwxs, bindingx, mpother],
   emits: ['click', 'change'],
@@ -293,21 +298,25 @@ export default {
       type: String,
       default: 'none'
     },
+
     // 禁用
     disabled: {
       type: Boolean,
       default: false
     },
+
     // 是否自动关闭
     autoClose: {
       type: Boolean,
       default: true
     },
+
     // 滑动缺省距离
     threshold: {
       type: Number,
       default: 20
     },
+
     // 左侧按钮内容
     leftOptions: {
       type: Array,
@@ -315,6 +324,7 @@ export default {
         return [];
       }
     },
+
     // 右侧按钮内容
     rightOptions: {
       type: Array,
@@ -337,6 +347,7 @@ export default {
     this.uninstall();
   },
   // #endif
+
   methods: {
     uninstall() {
       if (this.swipeaction) {
@@ -364,5 +375,115 @@ export default {
 };
 </script>
 <style>
-@import 'style.css';
+.uni-swipe {
+  position: relative;
+  /* #ifndef APP-NVUE */
+  overflow: hidden;
+  /* #endif */
+}
+
+.uni-swipe_box {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  flex-shrink: 0;
+  /* touch-action: none; */
+  /* #endif */
+  position: relative;
+}
+
+.uni-swipe_content {
+  /* border: 1px red solid; */
+}
+
+.uni-swipe_text--center {
+  width: 100%;
+  /* #ifndef APP-NVUE */
+  cursor: grab;
+  /* #endif */
+}
+
+.uni-swipe_button-group {
+  /* #ifndef APP-NVUE */
+  box-sizing: border-box;
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  /* #ifdef H5 */
+  cursor: pointer;
+  /* #endif */
+}
+
+.button-group--left {
+  left: 0;
+  transform: translateX(-100%);
+}
+
+.button-group--right {
+  right: 0;
+  transform: translateX(100%);
+}
+
+.uni-swipe_button {
+  /* #ifdef APP-NVUE */
+  flex: 1;
+  /* #endif */
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  padding: 0 20px;
+}
+
+.uni-swipe_button-text {
+  /* #ifndef APP-NVUE */
+  flex-shrink: 0;
+  /* #endif */
+  font-size: 14px;
+}
+
+.ani {
+  transition-property: transform;
+  transition-duration: 0.3s;
+  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
+}
+
+/* #ifdef MP-ALIPAY */
+.movable-area {
+  /* width: 100%; */
+  height: 45px;
+}
+
+.movable-view {
+  display: flex;
+  /* justify-content: center; */
+  position: relative;
+  flex: 1;
+  height: 45px;
+  z-index: 2;
+}
+
+.movable-view-button {
+  display: flex;
+  flex-shrink: 0;
+  flex-direction: row;
+  height: 100%;
+  background: #c0c0c0;
+}
+
+/* .transition {
+		transition: all 0.3s;
+	} */
+
+.movable-view-box {
+  flex-shrink: 0;
+  height: 100%;
+  background-color: #fff;
+}
+
+/* #endif */
 </style>

package/uni-ui/lib/uni-swipe-action-item/wx.wxs

@@ -134,9 +134,14 @@ function getDom(instance, ownerInstance) {
 	var rightStyles = {
 		width: 0
 	}
-	leftStyles = leftDom.getBoundingClientRect()
-	rightStyles = rightDom.getBoundingClientRect()
 
+	if (leftDom) {
+		leftStyles = leftDom.getBoundingClientRect()
+	}
+
+	if (rightDom) {
+		rightStyles = rightDom.getBoundingClientRect()
+	}
 	state.leftWidth = leftStyles.width || 0
 	state.rightWidth = rightStyles.width || 0
 	state.threshold = instance.getDataset().threshold
@@ -297,6 +302,9 @@ function isPC() {
 			break;
 		}
 	}
+  if(userAgentInfo.indexOf('Phone') > 0 && userAgentInfo.indexOf('Harmony') > 0){
+    flag = false;
+  }
 	return flag;
 }
 

package/uni-ui/lib/uni-swiper-dot/changelog.md

@@ -0,0 +1,12 @@
+## 1.2.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-swiper-dot](https://uniapp.dcloud.io/component/uniui/uni-swiper-dot)
+## 1.1.0（2021-07-30）
+- 组件兼容 vue3，如何创建vue3项目，详见 [uni-app 项目支持 vue3 介绍](https://ask.dcloud.net.cn/article/37834)
+## 1.0.6（2021-05-12）
+- 新增 示例地址
+- 修复 示例项目缺少组件的Bug
+## 1.0.5（2021-02-05）
+- 调整为uni_modules目录规范
+- 新增 clickItem 事件，支持指示点控制轮播
+- 新增 支持 pc 可用

package/uni-ui/lib/uni-swiper-dot/package.json

@@ -0,0 +1,106 @@
+{
+  "id": "uni-swiper-dot",
+  "displayName": "uni-swiper-dot 轮播图指示点",
+  "version": "1.2.0",
+  "description": "自定义轮播图指示点组件",
+  "keywords": [
+    "uni-ui",
+    "uniui",
+    "轮播图指示点",
+    "dot",
+    "swiper"
+],
+  "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"
+    ],
+    "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-swiper-dot/readme.md

@@ -0,0 +1,10 @@
+
+
+## SwiperDot 轮播图指示点
+> **组件名：uni-swiper-dot**
+> 代码块： `uSwiperDot`
+
+
+自定义轮播图指示点
+
+### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-swiper-dot)

package/uni-ui/lib/uni-swiper-dot/uni-swiper-dot.vue

@@ -73,6 +73,7 @@
     </view>
   </view>
 </template>
+
 <script>
 /**
  * SwiperDod 轮播图指示点
@@ -89,6 +90,7 @@
  * @property {Object} dotsStyles 指示点样式
  * @event {Function} clickItem 组件触发点击事件时触发，e={currentIndex}
  */
+
 export default {
   name: 'UniSwiperDot',
   emits: ['clickItem'],
@@ -162,6 +164,100 @@ export default {
   }
 };
 </script>
-<style>
-@import 'style.css';
+
+<style scoped>
+.uni-swiper__warp {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex: 1;
+  flex-direction: column;
+  position: relative;
+  overflow: hidden;
+}
+
+.uni-swiper__dots-box {
+  position: absolute;
+  bottom: 10px;
+  left: 0;
+  right: 0;
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex: 1;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+}
+
+.uni-swiper__dots-item {
+  width: 8px;
+  border-radius: 100px;
+  margin-left: 6px;
+  background-color: rgba(0, 0, 0, 0.4);
+  /* #ifndef APP-NVUE */
+  cursor: pointer;
+  /* #endif */
+  /* #ifdef H5 */
+  /*  border-width: 5px 0;*/
+  /*  border-style: solid;*/
+  /*  border-color: transparent;*/
+  /*  background-clip: padding-box;*/
+  /* #endif */
+  /*  transition: width 0.2s linear;  不要取消注释，不然会不能变色*/
+}
+
+.uni-swiper__dots-item:first-child {
+  margin: 0;
+}
+
+.uni-swiper__dots-default {
+  border-radius: 100px;
+}
+
+.uni-swiper__dots-long {
+  border-radius: 50px;
+}
+
+.uni-swiper__dots-bar {
+  border-radius: 50px;
+}
+
+.uni-swiper__dots-nav {
+  bottom: 0px;
+  /*height: 26px;*/
+  padding: 8px 0;
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex: 1;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+  background-color: rgba(0, 0, 0, 0.2);
+}
+
+.uni-swiper__dots-nav-item {
+  /* overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap; */
+  font-size: 14px;
+  color: #fff;
+  margin: 0 15px;
+}
+
+.uni-swiper__dots-indexes {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  /*flex: 1;*/
+  justify-content: center;
+  align-items: center;
+}
+
+.uni-swiper__dots-indexes-text {
+  color: #fff;
+  font-size: 12px;
+  line-height: 14px;
+}
 </style>