stellar-ui-v2 1.40.21 → 1.40.22

package/components/ste-table-column/sub-table.vue

@@ -1,116 +1,116 @@
-<template>
-	<view class="sub-table-root" :class="[cmpRootClass]">
-		<view class="row" v-for="(v, i) in rows" :key="i" :style="[cmpRowStyle]">
-			<view class="cell">
-				{{ v }}
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-import utils from '../../utils/utils.js';
-
-function findMaxInRange(tolerance, numbers = []) {
-	if (numbers.length === 0) return 0;
-
-	let max = Math.max(...numbers);
-	let min = Math.min(...numbers);
-
-	// 如果最大值和最小值的差值在浮动范围内，返回 0
-	if (max - min <= tolerance) {
-		return 0;
-	}
-
-	// 返回最大值
-	return max;
-}
-export default {
-	options: {
-		virtualHost: true,
-	},
-	props: {
-		rows: {
-			type: [Array, null],
-			default: () => [],
-		},
-		border: {
-			type: [Boolean, null],
-			default: false,
-		},
-	},
-	data() {
-		return {
-			rowEls: [],
-		};
-	},
-	mounted() {
-		utils.querySelector('.sub-table-root .row', this, true).then((rec) => {
-			this.rowEls = rec;
-		});
-	},
-	computed: {
-		cmpRootClass() {
-			let classArr = [];
-			if (this.border) {
-				classArr.push('border');
-			}
-			return classArr.join(' ');
-		},
-		cmpRowStyle() {
-			let style = {};
-			if (this.rowEls.length > 0) {
-				let maxHeight = findMaxInRange(
-					0.5,
-					this.rowEls.map((e) => e.height)
-				);
-				if (maxHeight > 0) {
-					style.flexBasis = maxHeight + 'px';
-					style.flexGrow = 0;
-				}
-			}
-			return style;
-		},
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-@import './var.scss';
-.sub-table-root {
-	width: 100%;
-	height: 100%;
-	display: flex;
-	flex-direction: column;
-
-	&.border {
-		.row {
-			.cell {
-				border-bottom: $default-border;
-			}
-		}
-	}
-
-	.row {
-		// margin-left: -32rpx;
-		// width: calc(100% + 64rpx);
-		width: 100%;
-		display: flex;
-		justify-content: space-between;
-		flex: 1;
-		.cell {
-			@import './common.scss';
-			@include cell;
-			// padding-right: 0;
-
-			border-bottom: none;
-			padding: 24rpx 32rpx;
-		}
-		&:nth-last-child(1) {
-			.cell {
-				border-bottom: none;
-			}
-		}
-	}
-}
-</style>
+<template>
+	<view class="sub-table-root" :class="[cmpRootClass]">
+		<view class="row" v-for="(v, i) in rows" :key="i" :style="[cmpRowStyle]">
+			<view class="cell">
+				{{ v }}
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+import utils from '../../utils/utils.js';
+
+function findMaxInRange(tolerance, numbers = []) {
+	if (numbers.length === 0) return 0;
+
+	let max = Math.max(...numbers);
+	let min = Math.min(...numbers);
+
+	// 如果最大值和最小值的差值在浮动范围内，返回 0
+	if (max - min <= tolerance) {
+		return 0;
+	}
+
+	// 返回最大值
+	return max;
+}
+export default {
+	options: {
+		virtualHost: true,
+	},
+	props: {
+		rows: {
+			type: [Array, null],
+			default: () => [],
+		},
+		border: {
+			type: [Boolean, null],
+			default: false,
+		},
+	},
+	data() {
+		return {
+			rowEls: [],
+		};
+	},
+	mounted() {
+		utils.querySelector('.sub-table-root .row', this, true).then((rec) => {
+			this.rowEls = rec;
+		});
+	},
+	computed: {
+		cmpRootClass() {
+			let classArr = [];
+			if (this.border) {
+				classArr.push('border');
+			}
+			return classArr.join(' ');
+		},
+		cmpRowStyle() {
+			let style = {};
+			if (this.rowEls.length > 0) {
+				let maxHeight = findMaxInRange(
+					0.5,
+					this.rowEls.map((e) => e.height)
+				);
+				if (maxHeight > 0) {
+					style.flexBasis = maxHeight + 'px';
+					style.flexGrow = 0;
+				}
+			}
+			return style;
+		},
+	},
+};
+</script>
+
+<style lang="scss" scoped>
+@import './var.scss';
+.sub-table-root {
+	width: 100%;
+	height: 100%;
+	display: flex;
+	flex-direction: column;
+
+	&.border {
+		.row {
+			.cell {
+				border-bottom: $default-border;
+			}
+		}
+	}
+
+	.row {
+		// margin-left: -32rpx;
+		// width: calc(100% + 64rpx);
+		width: 100%;
+		display: flex;
+		justify-content: space-between;
+		flex: 1;
+		.cell {
+			@import './common.scss';
+			@include cell;
+			// padding-right: 0;
+
+			border-bottom: none;
+			padding: 24rpx 32rpx;
+		}
+		&:nth-last-child(1) {
+			.cell {
+				border-bottom: none;
+			}
+		}
+	}
+}
+</style>

package/components/ste-tabs/props.js

@@ -1,212 +1,212 @@
-export default {
-	// 当前激活的选项支持sync双向绑定（类型为number时绑定index，类型为string时绑定name）
-	active: {
-		type: [Number, String, null],
-		default: () => 0,
-	},
-	// 样式风格类型，可选值为 line  card
-	type: {
-		type: [String, null],
-		default: () => 'line',
-	},
-	// 是否显示图片
-	showImage: {
-		type: [Boolean, null],
-		default: () => false,
-	},
-	// 是否显示主标题
-	showTitle: {
-		type: [Boolean, null],
-		default: () => true,
-	},
-	// 是否显示副标题
-	showSubtitle: {
-		type: [Boolean, null],
-		default: () => false,
-	},
-	// 主题色（滑块颜色，边框颜色，选中的背景色，激活下拉列表中选项颜色）
-	color: {
-		type: [String, null],
-		default: () => '',
-	},
-	// 背景
-	background: {
-		type: [String, null],
-		default: () => '',
-	},
-	// 圆角
-	radius: {
-		type: [String, Number, null],
-		default: () => 0,
-	},
-	// 动画时间，单位秒，设置为 0 可以禁用动画
-	duration: {
-		type: [String, Number, null],
-		default: () => 0.3,
-	},
-	// 底部条是否显示，默认true（显示副标题的情况下会自动隐藏）
-	showLine: {
-		type: [Boolean, null],
-		default: () => true,
-	},
-	// 底部条宽度，默认单位rpx
-	lineWidth: {
-		type: [String, Number, null],
-		default: () => 52,
-	},
-	// 底部条高度，默认单位rpx
-	lineHeight: {
-		type: [String, Number, null],
-		default: () => 6,
-	},
-	// 是否显示标签栏外边框，仅在 type="line" 时有效
-	border: {
-		type: [Boolean, null],
-		default: () => false,
-	},
-	// 是否省略过长的标题文字
-	ellipsis: {
-		type: [Boolean, null],
-		default: () => false,
-	},
-	// tab内容的宽度
-	tabWidth: {
-		type: [String, Number, null],
-		default: () => 'auto',
-	},
-	// 选项内边距，默认24，单位rpx
-	tabPadding: {
-		type: [Number, String, null],
-		default: () => 24,
-	},
-	// tab间距rpx
-	tabSpace: {
-		type: [Number, String, null],
-		default: () => 0,
-	},
-	// tab等分数量，设置为 0 ，则不等分
-	divideNum: {
-		type: [Number, null],
-		default: () => 4,
-	},
-	// 是否使用粘性布局
-	sticky: {
-		type: [Boolean, null],
-		default: () => false,
-	},
-	// 粘性布局下吸顶时与顶部的距离，单位rpx
-	offsetTop: {
-		type: [String, Number, null],
-		default: () => 0,
-	},
-	// 是否开启手势左右滑动切换
-	swipeable: {
-		type: [Boolean, null],
-		default: () => false,
-	},
-	// 主标题字体颜色和下拉列表中选项颜色
-	titleColor: {
-		type: [String, null],
-		default: () => '#000000',
-	},
-	// 激活主标题字体颜色
-	activeTitleColor: {
-		type: [String, null],
-		default: () => '#000000',
-	},
-	// 标题高度
-	titleHeight: {
-		type: [Number, String, null],
-		default: () => 48,
-	},
-	// 子标题字体颜色和下拉列表中选项颜色
-	subColor: {
-		type: [String, null],
-		default: () => '#000',
-	},
-	// 激活子标题字体颜色和下拉列表中选项颜色
-	activeSubColor: {
-		type: [String, null],
-		default: () => '#fff',
-	},
-	// 子标题高度
-	subTitleHeight: {
-		type: [Number, String, null],
-		default: () => 42,
-	},
-	// 子标题高度
-	subTitleRadius: {
-		type: [Number, String, null],
-		default: () => 21,
-	},
-	// 图片宽度，默认80，单位rpx
-	imageWidth: {
-		type: [Number, String, null],
-		default: () => 80,
-	},
-	// 图片高度，默认80，单位rpx
-	imageHeight: {
-		type: [Number, String, null],
-		default: () => 80,
-	},
-	// 图片圆角，默认50%，单位rpx
-	imageRadius: {
-		type: [Number, String, null],
-		default: () => '50%',
-	},
-	// 选中图片边框宽度，默认4，单位rpx
-	imageBorderWidth: {
-		type: [Number, String, null],
-		default: () => 4,
-	},
-	// 是否显示分隔符
-	showGapLine: {
-		type: [Boolean, null],
-		default: () => false,
-	},
-	// 是否锁定tab(无法切换)
-	lock: {
-		type: [Boolean, null],
-		default: () => false,
-	},
-	// 是否禁用tab(所有功能失效)
-	disabled: {
-		type: [Boolean, null],
-		default: () => false,
-	},
-	// 是否有下拉选择按钮
-	pullDown: {
-		type: [Boolean, null],
-		default: () => false,
-	},
-	// 下拉占位符
-	placeholder: {
-		type: [String, null],
-		default: () => '请选择',
-	},
-	// 下拉蒙层顶部距离
-	maskTop: {
-		type: [String, Number, null],
-		default: () => 0,
-	},
-	// 下拉蒙层右侧距离
-	maskRight: {
-		type: [String, Number, null],
-		default: () => 0,
-	},
-	// 下拉蒙层底部距离
-	maskBottom: {
-		type: [String, Number, null],
-		default: () => 0,
-	},
-	// 下拉蒙层左侧距离
-	maskLeft: {
-		type: [String, Number, null],
-		default: () => 0,
-	},
-	// 下拉蒙层层级
-	maskZindex: {
-		type: [String, Number, null],
-		default: () => 1001,
-	},
-};
+export default {
+	// 当前激活的选项支持sync双向绑定（类型为number时绑定index，类型为string时绑定name）
+	active: {
+		type: [Number, String, null],
+		default: () => 0,
+	},
+	// 样式风格类型，可选值为 line  card
+	type: {
+		type: [String, null],
+		default: () => 'line',
+	},
+	// 是否显示图片
+	showImage: {
+		type: [Boolean, null],
+		default: () => false,
+	},
+	// 是否显示主标题
+	showTitle: {
+		type: [Boolean, null],
+		default: () => true,
+	},
+	// 是否显示副标题
+	showSubtitle: {
+		type: [Boolean, null],
+		default: () => false,
+	},
+	// 主题色（滑块颜色，边框颜色，选中的背景色，激活下拉列表中选项颜色）
+	color: {
+		type: [String, null],
+		default: () => '',
+	},
+	// 背景
+	background: {
+		type: [String, null],
+		default: () => '',
+	},
+	// 圆角
+	radius: {
+		type: [String, Number, null],
+		default: () => 0,
+	},
+	// 动画时间，单位秒，设置为 0 可以禁用动画
+	duration: {
+		type: [String, Number, null],
+		default: () => 0.3,
+	},
+	// 底部条是否显示，默认true（显示副标题的情况下会自动隐藏）
+	showLine: {
+		type: [Boolean, null],
+		default: () => true,
+	},
+	// 底部条宽度，默认单位rpx
+	lineWidth: {
+		type: [String, Number, null],
+		default: () => 52,
+	},
+	// 底部条高度，默认单位rpx
+	lineHeight: {
+		type: [String, Number, null],
+		default: () => 6,
+	},
+	// 是否显示标签栏外边框，仅在 type="line" 时有效
+	border: {
+		type: [Boolean, null],
+		default: () => false,
+	},
+	// 是否省略过长的标题文字
+	ellipsis: {
+		type: [Boolean, null],
+		default: () => false,
+	},
+	// tab内容的宽度
+	tabWidth: {
+		type: [String, Number, null],
+		default: () => 'auto',
+	},
+	// 选项内边距，默认24，单位rpx
+	tabPadding: {
+		type: [Number, String, null],
+		default: () => 24,
+	},
+	// tab间距rpx
+	tabSpace: {
+		type: [Number, String, null],
+		default: () => 0,
+	},
+	// tab等分数量，设置为 0 ，则不等分
+	divideNum: {
+		type: [Number, null],
+		default: () => 4,
+	},
+	// 是否使用粘性布局
+	sticky: {
+		type: [Boolean, null],
+		default: () => false,
+	},
+	// 粘性布局下吸顶时与顶部的距离，单位rpx
+	offsetTop: {
+		type: [String, Number, null],
+		default: () => 0,
+	},
+	// 是否开启手势左右滑动切换
+	swipeable: {
+		type: [Boolean, null],
+		default: () => false,
+	},
+	// 主标题字体颜色和下拉列表中选项颜色
+	titleColor: {
+		type: [String, null],
+		default: () => '#000000',
+	},
+	// 激活主标题字体颜色
+	activeTitleColor: {
+		type: [String, null],
+		default: () => '#000000',
+	},
+	// 标题高度
+	titleHeight: {
+		type: [Number, String, null],
+		default: () => 48,
+	},
+	// 子标题字体颜色和下拉列表中选项颜色
+	subColor: {
+		type: [String, null],
+		default: () => '#000',
+	},
+	// 激活子标题字体颜色和下拉列表中选项颜色
+	activeSubColor: {
+		type: [String, null],
+		default: () => '#fff',
+	},
+	// 子标题高度
+	subTitleHeight: {
+		type: [Number, String, null],
+		default: () => 42,
+	},
+	// 子标题高度
+	subTitleRadius: {
+		type: [Number, String, null],
+		default: () => 21,
+	},
+	// 图片宽度，默认80，单位rpx
+	imageWidth: {
+		type: [Number, String, null],
+		default: () => 80,
+	},
+	// 图片高度，默认80，单位rpx
+	imageHeight: {
+		type: [Number, String, null],
+		default: () => 80,
+	},
+	// 图片圆角，默认50%，单位rpx
+	imageRadius: {
+		type: [Number, String, null],
+		default: () => '50%',
+	},
+	// 选中图片边框宽度，默认4，单位rpx
+	imageBorderWidth: {
+		type: [Number, String, null],
+		default: () => 4,
+	},
+	// 是否显示分隔符
+	showGapLine: {
+		type: [Boolean, null],
+		default: () => false,
+	},
+	// 是否锁定tab(无法切换)
+	lock: {
+		type: [Boolean, null],
+		default: () => false,
+	},
+	// 是否禁用tab(所有功能失效)
+	disabled: {
+		type: [Boolean, null],
+		default: () => false,
+	},
+	// 是否有下拉选择按钮
+	pullDown: {
+		type: [Boolean, null],
+		default: () => false,
+	},
+	// 下拉占位符
+	placeholder: {
+		type: [String, null],
+		default: () => '请选择',
+	},
+	// 下拉蒙层顶部距离
+	maskTop: {
+		type: [String, Number, null],
+		default: () => 0,
+	},
+	// 下拉蒙层右侧距离
+	maskRight: {
+		type: [String, Number, null],
+		default: () => 0,
+	},
+	// 下拉蒙层底部距离
+	maskBottom: {
+		type: [String, Number, null],
+		default: () => 0,
+	},
+	// 下拉蒙层左侧距离
+	maskLeft: {
+		type: [String, Number, null],
+		default: () => 0,
+	},
+	// 下拉蒙层层级
+	maskZindex: {
+		type: [String, Number, null],
+		default: () => 1001,
+	},
+};