@10yun/cv-mobile-ui 0.5.44 → 0.5.46

package/uview-ui/components/u-swipe-action-item/u-swipe-action-item.vue

@@ -1,147 +0,0 @@
-<template>
-	<view class="u-swipe-action-item" ref="u-swipe-action-item">
-		<view class="u-swipe-action-item__right">
-			<slot name="button">
-				<view v-for="(item,index) in options" :key="index" class="u-swipe-action-item__right__button"
-					:ref="`u-swipe-action-item__right__button-${index}`" :style="[{
-						alignItems: item.style && item.style.borderRadius ? 'center' : 'stretch'
-					}]" @tap="buttonClickHandler(item, index)">
-					<view class="u-swipe-action-item__right__button__wrapper" :style="[{
-							backgroundColor: item.style && item.style.backgroundColor ? item.style.backgroundColor : '#C7C6CD',
-							borderRadius: item.style && item.style.borderRadius ? item.style.borderRadius : '0',
-							padding: item.style && item.style.borderRadius ? '0' : '0 15px',
-						}, item.style]">
-						<u-icon v-if="item.icon" :name="item.icon"
-							:color="item.style && item.style.color ? item.style.color : '#ffffff'"
-							:size="item.iconSize ? $u.addUnit(item.iconSize) : item.style && item.style.fontSize ? $u.getPx(item.style.fontSize) * 1.2 : 17"
-							:customStyle="{
-								marginRight: item.text ? '2px' : 0
-							}"></u-icon>
-						<text v-if="item.text" class="u-swipe-action-item__right__button__wrapper__text u-line-1"
-							:style="[{
-								color: item.style && item.style.color ? item.style.color : '#ffffff',
-								fontSize: item.style && item.style.fontSize ? item.style.fontSize : '16px',
-								lineHeight: item.style && item.style.fontSize ? item.style.fontSize : '16px',
-							}]">{{ item.text }}</text>
-					</view>
-				</view>
-			</slot>
-		</view>
-		<!-- #ifdef APP-VUE || MP-WEIXIN || H5 || MP-QQ -->
-		<view class="u-swipe-action-item__content" @touchstart="wxs.touchstart" @touchmove="wxs.touchmove"
-			@touchend="wxs.touchend" :status="status" :change:status="wxs.statusChange" :size="size"
-			:change:size="wxs.sizeChange">
-			<!-- #endif -->
-			<!-- #ifdef APP-NVUE -->
-			<view class="u-swipe-action-item__content" ref="u-swipe-action-item__content" @panstart="onTouchstart"
-				@tap="clickHandler">
-				<!-- #endif -->
-				<slot />
-			</view>
-		</view>
-</template>
-<!-- #ifdef APP-VUE || MP-WEIXIN || H5 || MP-QQ -->
-<script src="./index.wxs" module="wxs" lang="wxs"></script>
-<!-- #endif -->
-<script>
-	import touch from '../../libs/mixin/touch.js'
-	import props from './props.js';
-	// #ifdef APP-NVUE
-	import nvue from './nvue.js';
-	// #endif
-	// #ifdef APP-VUE || MP-WEIXIN || H5 || MP-QQ
-	import wxs from './wxs.js';
-import mpMixin from '../../libs/mixin/mpMixin.js';
-import mixin from '../../libs/mixin/mixin.js';
-	// #endif
-	/**
-	 * SwipeActionItem 滑动单元格子组件
-	 * @description 该组件一般用于左滑唤出操作菜单的场景，用的最多的是左滑删除操作
-	 * @tutorial https://ijry.github.io/uview-plus/components/swipeAction.html
-	 * @property {Boolean}			show			控制打开或者关闭（默认 false ）
-	 * @property {String | Number}	index			标识符，如果是v-for，可用index索引
-	 * @property {Boolean}			disabled		是否禁用（默认 false ）
-	 * @property {Boolean}			autoClose		是否自动关闭其他swipe按钮组（默认 true ）
-	 * @property {Number}			threshold		滑动距离阈值，只有大于此值，才被认为是要打开菜单（默认 30 ）
-	 * @property {Array}			options			右侧按钮内容
-	 * @property {String | Number}	duration		动画过渡时间，单位ms（默认 350 ）
-	 * @event {Function(index)}	open	组件打开时触发
-	 * @event {Function(index)}	close	组件关闭时触发
-	 * @example	<u-swipe-action><u-swipe-action-item :options="options1" ></u-swipe-action-item></u-swipe-action>
-	 */
-	export default {
-		name: 'u-swipe-action-item',
-		mixins: [mpMixin, mixin, props, touch],
-		// #ifdef APP-NVUE
-		mixins: [mpMixin, mixin, props, nvue, touch],
-		// #endif
-		// #ifdef APP-VUE || MP-WEIXIN || H5 || MP-QQ
-		mixins: [mpMixin, mixin, props, touch, wxs],
-		// #endif
-		data() {
-			return {
-				// 按钮的尺寸信息
-				size: {},
-				// 父组件u-swipe-action的参数
-				parentData: {
-					autoClose: true,
-				},
-				// 当前状态，open-打开，close-关闭
-				status: 'close',
-			}
-		},
-		watch: {
-			// 由于wxs无法直接读取外部的值，需要在外部值变化时，重新执行赋值逻辑
-			wxsInit(newValue, oldValue) {
-				this.queryRect()
-			}
-		},
-		computed: {
-			wxsInit() {
-				return [this.disabled, this.autoClose, this.threshold, this.options, this.duration]
-			}
-		},
-		mounted() {
-			this.init()
-		},
-		methods: {
-			init() {
-				// 初始化父组件数据
-				this.updateParentData()
-				// #ifndef APP-NVUE
-				uni.$u.sleep().then(() => {
-					this.queryRect()
-				})
-				// #endif
-			},
-			updateParentData() {
-				// 此方法在mixin中
-				this.getParentData('u-swipe-action')
-			},
-			// #ifndef APP-NVUE
-			// 查询节点
-			queryRect() {
-				this.$uGetRect('.u-swipe-action-item__right__button', true).then(buttons => {
-					this.size = {
-						buttons,
-						show: this.show,
-						disabled: this.disabled,
-						threshold: this.threshold,
-						duration: this.duration
-					}
-				})
-			},
-			// #endif
-			// 按钮被点击
-			buttonClickHandler(item, index) {
-				this.$emit('click', {
-					index,
-					name: this.name
-				})
-			}
-		},
-	}
-</script>
-<style scoped>
-@import './style.css';
-</style>

package/uview-ui/components/u-swipe-action-item/wxs.js

@@ -1,15 +0,0 @@
-export default {
-    methods: {
-        // 关闭时执行
-        closeHandler() {
-            this.status = 'close'
-        },
-        setState(status) {
-            this.status = status
-        },
-        closeOther() {
-            // 尝试关闭其他打开的单元格
-            this.parent && this.parent.closeOther(this)
-        }
-    }
-}

package/uview-ui/components/u-swiper/props.js

@@ -1,126 +0,0 @@
-import defprops from '../../libs/config/props';
-export default {
-  props: {
-    // 列表数组，元素可为字符串，如为对象可通过keyName指定目标属性名
-    list: {
-      type: Array,
-      default: defprops.swiper.list
-    },
-    // 是否显示面板指示器
-    indicator: {
-      type: Boolean,
-      default: defprops.swiper.indicator
-    },
-    // 指示器非激活颜色
-    indicatorActiveColor: {
-      type: String,
-      default: defprops.swiper.indicatorActiveColor
-    },
-    // 指示器的激活颜色
-    indicatorInactiveColor: {
-      type: String,
-      default: defprops.swiper.indicatorInactiveColor
-    },
-    // 指示器样式，可通过bottom，left，right进行定位
-    indicatorStyle: {
-      type: [String, Object],
-      default: defprops.swiper.indicatorStyle
-    },
-    // 指示器模式，line-线型，dot-点型
-    indicatorMode: {
-      type: String,
-      default: defprops.swiper.indicatorMode
-    },
-    // 是否自动切换
-    autoplay: {
-      type: Boolean,
-      default: defprops.swiper.autoplay
-    },
-    // 当前所在滑块的 index
-    current: {
-      type: [String, Number],
-      default: defprops.swiper.current
-    },
-    // 当前所在滑块的 item-id ，不能与 current 被同时指定
-    currentItemId: {
-      type: String,
-      default: defprops.swiper.currentItemId
-    },
-    // 滑块自动切换时间间隔
-    interval: {
-      type: [String, Number],
-      default: defprops.swiper.interval
-    },
-    // 滑块切换过程所需时间
-    duration: {
-      type: [String, Number],
-      default: defprops.swiper.duration
-    },
-    // 播放到末尾后是否重新回到开头
-    circular: {
-      type: Boolean,
-      default: defprops.swiper.circular
-    },
-    // 前边距，可用于露出前一项的一小部分，nvue和支付宝不支持
-    previousMargin: {
-      type: [String, Number],
-      default: defprops.swiper.previousMargin
-    },
-    // 后边距，可用于露出后一项的一小部分，nvue和支付宝不支持
-    nextMargin: {
-      type: [String, Number],
-      default: defprops.swiper.nextMargin
-    },
-    // 当开启时，会根据滑动速度，连续滑动多屏，支付宝不支持
-    acceleration: {
-      type: Boolean,
-      default: defprops.swiper.acceleration
-    },
-    // 同时显示的滑块数量，nvue、支付宝小程序不支持
-    displayMultipleItems: {
-      type: Number,
-      default: defprops.swiper.displayMultipleItems
-    },
-    // 指定swiper切换缓动动画类型，有效值：default、linear、easeInCubic、easeOutCubic、easeInOutCubic
-    // 只对微信小程序有效
-    easingFunction: {
-      type: String,
-      default: defprops.swiper.easingFunction
-    },
-    // list数组中指定对象的目标属性名
-    keyName: {
-      type: String,
-      default: defprops.swiper.keyName
-    },
-    // 图片的裁剪模式
-    imgMode: {
-      type: String,
-      default: defprops.swiper.imgMode
-    },
-    // 组件高度
-    height: {
-      type: [String, Number],
-      default: defprops.swiper.height
-    },
-    // 背景颜色
-    bgColor: {
-      type: String,
-      default: defprops.swiper.bgColor
-    },
-    // 组件圆角，数值或带单位的字符串
-    radius: {
-      type: [String, Number],
-      default: defprops.swiper.radius
-    },
-    // 是否加载中
-    loading: {
-      type: Boolean,
-      default: defprops.swiper.loading
-    },
-    // 是否显示标题，要求数组对象中有title属性
-    showTitle: {
-      type: Boolean,
-      default: defprops.swiper.showTitle
-    }
-  }
-};

package/uview-ui/components/u-swiper/style.css

@@ -1,58 +0,0 @@
-/* #ifndef APP-NVUE */
-view, scroll-view, swiper-item {
-  display: flex;
-  flex-direction: column;
-  flex-shrink: 0;
-  flex-grow: 0;
-  flex-basis: auto;
-  align-items: stretch;
-  align-content: flex-start;
-}
-/* #endif */
-.u-swiper {
-  /* #ifndef APP-NVUE */
-  display: flex;
-  /* #endif */
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  position: relative;
-  overflow: hidden;
-}
-.u-swiper__wrapper {
-  flex: 1;
-}
-.u-swiper__wrapper__item {
-  flex: 1;
-}
-.u-swiper__wrapper__item__wrapper {
-  /* #ifndef APP-NVUE */
-  display: flex;
-  /* #endif */
-  flex-direction: row;
-  position: relative;
-  overflow: hidden;
-  transition: transform 0.3s;
-  flex: 1;
-}
-.u-swiper__wrapper__item__wrapper__image {
-  flex: 1;
-}
-.u-swiper__wrapper__item__wrapper__video {
-  flex: 1;
-}
-.u-swiper__wrapper__item__wrapper__title {
-  position: absolute;
-  background-color: rgba(0, 0, 0, 0.3);
-  bottom: 0;
-  left: 0;
-  right: 0;
-  font-size: 28rpx;
-  padding: 12rpx 24rpx;
-  color: #ffffff;
-  flex: 1;
-}
-.u-swiper__indicator {
-  position: absolute;
-  bottom: 10px;
-}

package/uview-ui/components/u-swiper/style.scss

@@ -1,50 +0,0 @@
-@import '../../libs/css/components.scss';
-
-.u-swiper {
-  @include flex;
-  justify-content: center;
-  align-items: center;
-  position: relative;
-  overflow: hidden;
-
-  &__wrapper {
-    flex: 1;
-
-    &__item {
-      flex: 1;
-
-      &__wrapper {
-        @include flex;
-        position: relative;
-        overflow: hidden;
-        transition: transform 0.3s;
-        flex: 1;
-
-        &__image {
-          flex: 1;
-        }
-
-        &__video {
-          flex: 1;
-        }
-
-        &__title {
-          position: absolute;
-          background-color: rgba(0, 0, 0, 0.3);
-          bottom: 0;
-          left: 0;
-          right: 0;
-          font-size: 28rpx;
-          padding: 12rpx 24rpx;
-          color: #ffffff;
-          flex: 1;
-        }
-      }
-    }
-  }
-
-  &__indicator {
-    position: absolute;
-    bottom: 10px;
-  }
-}

package/uview-ui/components/u-swiper/u-swiper.vue

@@ -1,196 +0,0 @@
-<template>
-  <view
-    class="u-swiper"
-    :style="{
-      backgroundColor: bgColor,
-      height: $u.addUnit(height),
-      borderRadius: $u.addUnit(radius)
-    }"
-  >
-    <view class="u-swiper__loading" v-if="loading">
-      <u-loading-icon mode="circle"></u-loading-icon>
-    </view>
-    <swiper
-      v-else
-      class="u-swiper__wrapper"
-      :style="{
-        height: $u.addUnit(height)
-      }"
-      @change="change"
-      :circular="circular"
-      :interval="interval"
-      :duration="duration"
-      :autoplay="autoplay"
-      :current="current"
-      :currentItemId="currentItemId"
-      :previousMargin="$u.addUnit(previousMargin)"
-      :nextMargin="$u.addUnit(nextMargin)"
-      :acceleration="acceleration"
-      :displayMultipleItems="displayMultipleItems"
-      :easingFunction="easingFunction"
-    >
-      <swiper-item class="u-swiper__wrapper__item" v-for="(item, index) in list" :key="index">
-        <view class="u-swiper__wrapper__item__wrapper" :style="[itemStyle(index)]">
-          <!-- 在nvue中，image图片的宽度默认为屏幕宽度，需要通过flex:1撑开，另外必须设置高度才能显示图片 -->
-          <image
-            class="u-swiper__wrapper__item__wrapper__image"
-            v-if="getItemType(item) === 'image'"
-            :src="getSource(item)"
-            :mode="imgMode"
-            @tap="clickHandler(index)"
-            :style="{
-              height: $u.addUnit(height),
-              borderRadius: $u.addUnit(radius)
-            }"
-          ></image>
-          <video
-            class="u-swiper__wrapper__item__wrapper__video"
-            v-if="getItemType(item) === 'video'"
-            :id="`video-${index}`"
-            :enable-progress-gesture="false"
-            :src="getSource(item)"
-            :poster="getPoster(item)"
-            :title="showTitle && $u.test.object(item) && item.title ? item.title : ''"
-            :style="{
-              height: $u.addUnit(height)
-            }"
-            controls
-            @tap="clickHandler(index)"
-          ></video>
-          <text
-            v-if="showTitle && $u.test.object(item) && item.title && $u.test.image(getSource(item))"
-            class="u-swiper__wrapper__item__wrapper__title u-line-1"
-          >
-            {{ item.title }}
-          </text>
-        </view>
-      </swiper-item>
-    </swiper>
-    <view class="u-swiper__indicator" :style="[$u.addStyle(indicatorStyle)]">
-      <slot name="indicator">
-        <u-swiper-indicator
-          v-if="!loading && indicator && !showTitle"
-          :indicatorActiveColor="indicatorActiveColor"
-          :indicatorInactiveColor="indicatorInactiveColor"
-          :length="list.length"
-          :current="currentIndex"
-          :indicatorMode="indicatorMode"
-        ></u-swiper-indicator>
-      </slot>
-    </view>
-  </view>
-</template>
-<script>
-import props from './props.js';
-import mpMixin from '../../libs/mixin/mpMixin.js';
-import mixin from '../../libs/mixin/mixin.js';
-/**
- * Swiper 轮播图
- * @description 该组件一般用于导航轮播，广告展示等场景,可开箱即用，
- * @tutorial https://ijry.github.io/uview-plus/components/swiper.html
- * @property {Array}			list					轮播图数据
- * @property {Boolean}			indicator				是否显示面板指示器（默认 false ）
- * @property {String}			indicatorActiveColor	指示器非激活颜色（默认 '#FFFFFF' ）
- * @property {String}			indicatorInactiveColor	指示器的激活颜色（默认 'rgba(255, 255, 255, 0.35)' ）
- * @property {String | Object}	indicatorStyle			指示器样式，可通过bottom，left，right进行定位
- * @property {String}			indicatorMode			指示器模式（默认 'line' ）
- * @property {Boolean}			autoplay				是否自动切换（默认 true ）
- * @property {String | Number}	current					当前所在滑块的 index（默认 0 ）
- * @property {String}			currentItemId			当前所在滑块的 item-id ，不能与 current 被同时指定
- * @property {String | Number}	interval				滑块自动切换时间间隔（ms）（默认 3000 ）
- * @property {String | Number}	duration				滑块切换过程所需时间（ms）（默认 300 ）
- * @property {Boolean}			circular				播放到末尾后是否重新回到开头（默认 false ）
- * @property {String | Number}	previousMargin			前边距，可用于露出前一项的一小部分，nvue和支付宝不支持（默认 0 ）
- * @property {String | Number}	nextMargin				后边距，可用于露出后一项的一小部分，nvue和支付宝不支持（默认 0 ）
- * @property {Boolean}			acceleration			当开启时，会根据滑动速度，连续滑动多屏，支付宝不支持（默认 false ）
- * @property {Number}			displayMultipleItems	同时显示的滑块数量，nvue、支付宝小程序不支持（默认 1 ）
- * @property {String}			easingFunction			指定swiper切换缓动动画类型， 只对微信小程序有效（默认 'default' ）
- * @property {String}			keyName					list数组中指定对象的目标属性名（默认 'url' ）
- * @property {String}			imgMode					图片的裁剪模式（默认 'aspectFill' ）
- * @property {String | Number}	height					组件高度（默认 130 ）
- * @property {String}			bgColor					背景颜色（默认 	'#f3f4f6' ）
- * @property {String | Number}	radius					组件圆角，数值或带单位的字符串（默认 4 ）
- * @property {Boolean}			loading					是否加载中（默认 false ）
- * @property {Boolean}			showTitle				是否显示标题，要求数组对象中有title属性（默认 false ）
- * @event {Function(index)}	click	点击轮播图时触发	index：点击了第几张图片，从0开始
- * @event {Function(index)}	change	轮播图切换时触发(自动或者手动切换)	index：切换到了第几张图片，从0开始
- * @example	<u-swiper :list="list4" keyName="url" :autoplay="false"></u-swiper>
- */
-export default {
-  name: 'u-swiper',
-  mixins: [mpMixin, mixin, props],
-  data() {
-    return {
-      currentIndex: 0
-    };
-  },
-  watch: {
-    current(val, preVal) {
-      if (val === preVal) return;
-      this.currentIndex = val; // 和上游数据关联上
-    }
-  },
-  computed: {
-    itemStyle() {
-      return (index) => {
-        const style = {};
-        // #ifndef APP-NVUE || MP-TOUTIAO
-        // 左右流出空间的写法不支持nvue和头条
-        // 只有配置了此二值，才加上对应的圆角，以及缩放
-        if (this.nextMargin && this.previousMargin) {
-          style.borderRadius = uni.$u.addUnit(this.radius);
-          if (index !== this.currentIndex) style.transform = 'scale(0.92)';
-        }
-        // #endif
-        return style;
-      };
-    }
-  },
-  methods: {
-    getItemType(item) {
-      if (typeof item === 'string') return uni.$u.test.video(this.getSource(item)) ? 'video' : 'image';
-      if (typeof item === 'object' && this.keyName) {
-        if (!item.type) return uni.$u.test.video(this.getSource(item)) ? 'video' : 'image';
-        if (item.type === 'image') return 'image';
-        if (item.type === 'video') return 'video';
-        return 'image';
-      }
-    },
-    // 获取目标路径，可能数组中为字符串，对象的形式，额外可指定对象的目标属性名keyName
-    getSource(item) {
-      if (typeof item === 'string') return item;
-      if (typeof item === 'object' && this.keyName) return item[this.keyName];
-      else uni.$u.error('请按格式传递列表参数');
-      return '';
-    },
-    // 轮播切换事件
-    change(e) {
-      // 当前的激活索引
-      const { current } = e.detail;
-      this.pauseVideo(this.currentIndex);
-      this.currentIndex = current;
-      this.$emit('change', e.detail);
-    },
-    // 切换轮播时，暂停视频播放
-    pauseVideo(index) {
-      const lastItem = this.getSource(this.list[index]);
-      if (uni.$u.test.video(lastItem)) {
-        // 当视频隐藏时，暂停播放
-        const video = uni.createVideoContext(`video-${index}`, this);
-        video.pause();
-      }
-    },
-    // 当一个轮播item为视频时，获取它的视频海报
-    getPoster(item) {
-      return typeof item === 'object' && item.poster ? item.poster : '';
-    },
-    // 点击某个item
-    clickHandler(index) {
-      this.$emit('click', index);
-    }
-  }
-};
-</script>
-<style scoped>
-@import './style.css';
-</style>

package/uview-ui/components/u-swiper-indicator/props.js

@@ -1,30 +0,0 @@
-import defprops from '../../libs/config/props';
-export default {
-  props: {
-    // 轮播的长度
-    length: {
-      type: [String, Number],
-      default: defprops.swiperIndicator.length
-    },
-    // 当前处于活动状态的轮播的索引
-    current: {
-      type: [String, Number],
-      default: defprops.swiperIndicator.current
-    },
-    // 指示器非激活颜色
-    indicatorActiveColor: {
-      type: String,
-      default: defprops.swiperIndicator.indicatorActiveColor
-    },
-    // 指示器的激活颜色
-    indicatorInactiveColor: {
-      type: String,
-      default: defprops.swiperIndicator.indicatorInactiveColor
-    },
-    // 指示器模式，line-线型，dot-点型
-    indicatorMode: {
-      type: String,
-      default: defprops.swiperIndicator.indicatorMode
-    }
-  }
-};

package/uview-ui/components/u-swiper-indicator/style.css

@@ -1,37 +0,0 @@
-/* #ifndef APP-NVUE */
-view, scroll-view, swiper-item {
-  display: flex;
-  flex-direction: column;
-  flex-shrink: 0;
-  flex-grow: 0;
-  flex-basis: auto;
-  align-items: stretch;
-  align-content: flex-start;
-}
-/* #endif */
-.u-swiper-indicator__wrapper {
-  /* #ifndef APP-NVUE */
-  display: flex;
-  /* #endif */
-  flex-direction: row;
-}
-.u-swiper-indicator__wrapper--line {
-  border-radius: 100px;
-  height: 4px;
-}
-.u-swiper-indicator__wrapper--line__bar {
-  width: 22px;
-  height: 4px;
-  border-radius: 100px;
-  background-color: #ffffff;
-  transition: transform 0.3s;
-}
-.u-swiper-indicator__wrapper__dot {
-  width: 5px;
-  height: 5px;
-  border-radius: 100px;
-  margin: 0 4px;
-}
-.u-swiper-indicator__wrapper__dot--active {
-  width: 12px;
-}

package/uview-ui/components/u-swiper-indicator/style.scss

@@ -1,31 +0,0 @@
-@import '../../libs/css/components.scss';
-
-.u-swiper-indicator {
-  &__wrapper {
-    @include flex;
-
-    &--line {
-      border-radius: 100px;
-      height: 4px;
-
-      &__bar {
-        width: 22px;
-        height: 4px;
-        border-radius: 100px;
-        background-color: #ffffff;
-        transition: transform 0.3s;
-      }
-    }
-
-    &__dot {
-      width: 5px;
-      height: 5px;
-      border-radius: 100px;
-      margin: 0 4px;
-
-      &--active {
-        width: 12px;
-      }
-    }
-  }
-}