stellar-ui-v2 1.40.4 → 1.40.5

package/components/ste-progress/README.md

@@ -62,25 +62,25 @@
 ---$
 ### API
 #### Props
-| 参数					| 说明																										| 类型				| 默认值		| 可选值							| 支持版本	|
-| ---					| ---																										| ---				| ---		| ---							| ---		|
-|`activeBg`				| 进度条激活部分的背景																							| `String`			| `#0090FF`	| -								| -			|
-|`inactiveBg`			| 进度条未激活部分的背景																						| `String`			| `#eeeeee`	| -								| -			|
-|`percentage`			| 进度条百分比																								| `Number`			| `0`		| 0-100							| -			|
-|`strokeWidth`			| 进度条的粗细，默认单位rpx																						| `String/Number`	| `24rpx`	| -								| -			|
-|`disabled`				| 是否禁用																									| `Boolean`			| `false`	| -								| -			|
-|`width`				| 宽度 <br/>Number，单位rpx<br/>String，同原生<br/>默认宽度是`100%`，会根据父容器的宽度，如果父容器没有宽度将不会显示	| `String/Number`	| `100%`	| -								| -			|
-|`duration`				| 动画时间，单位秒，设置为 0 可以禁用动画																			| `Number`			| `0.3`		| -								| -			|
-|`pivotText`			| 进度文字内容																								| `String`			| -			| -								| -			|
-|`textColor`			| 进度文字颜色																								| `String`			| `#ffffff`	| -								| -			|
-|`textAlign`			| 文本对齐方式																								| `String`			| `right`	| `left` 居左<br/>`center` 居中	| -			|
-|`textSize`				| 文本字体大小，默认单位rpx																						| `String/Number`	| `16`		| -								| -			|
-|`displayTextThreshold`	| 默认文本显示阈值																								| `Number`			| `0`		| -								| -			|
+| 参数					| 说明																										| 类型				| 默认值		| 可选值							| 支持版本	|
+| ---					| ---																										| ---				| ---		| ---							| ---		|
+|`activeBg`				| 进度条激活部分的背景																							| `String`			| `#0090FF`	| -								| -			|
+|`inactiveBg`			| 进度条未激活部分的背景																						| `String`			| `#eeeeee`	| -								| -			|
+|`percentage`			| 进度条百分比																								| `Number`			| `0`		| 0-100							| -			|
+|`strokeWidth`			| 进度条的粗细，默认单位rpx																						| `String/Number`	| `24rpx`	| -								| -			|
+|`disabled`				| 是否禁用																									| `Boolean`			| `false`	| -								| -			|
+|`width`				| 宽度 <br/>Number，单位rpx<br/>String，同原生<br/>默认宽度是`100%`，会根据父容器的宽度，如果父容器没有宽度将不会显示	| `String/Number`	| `100%`	| -								| -			|
+|`duration`				| 动画时间，单位秒，设置为 0 可以禁用动画																			| `Number`			| `0.3`		| -								| -			|
+|`pivotText`			| 进度文字内容																								| `String`			| -			| -								| -			|
+|`textColor`			| 进度文字颜色																								| `String`			| `#ffffff`	| -								| -			|
+|`textAlign`			| 文本对齐方式																								| `String`			| `right`	| `left` 居左<br/>`center` 居中	| -			|
+|`textSize`				| 文本字体大小，默认单位rpx																						| `String/Number`	| `16`		| -								| -			|
+|`displayTextThreshold`	| 默认文本显示阈值																								| `Number`			| `0`		| -								| -			|
 |`borderRadius`			| 进度条圆角值（单位rpx）																						| `String/Number`	| `24`		| -								| `v1.40.3`	|
 
 #### Slots
-|插槽名		|说明		|插槽参数	|支持版本	|
-| ---		| ---		| ---	| ---	|
+|插槽名		|说明		|插槽参数	|支持版本	|
+| ---		| ---		| ---	| ---	|
 | `default`	| 进度条内容	|-		| -		|
 
 ---$

package/components/ste-progress/ste-progress.vue

@@ -1,206 +1,206 @@
-<template>
-	<view class="ste-progress-root" :style="[cmpRootCssVar]">
-		<view class="inactive-box" :style="[cmpInactiveStyle]"></view>
-		<view class="active-box line" :style="[cmpActiveStyle]" v-if="realPercentage > 0">
-			<slot v-if="haveSlot"></slot>
-			<text class="text" v-else>{{ cmpActiveText }}</text>
-		</view>
-	</view>
-</template>
-
-<script>
-import utils from '../../utils/utils.js';
-import useColor from '../../config/color.js';
-let color = useColor();
-/**
- * ste-progress 进度条
- * @description 进度条组件
- * @tutorial https://stellar-ui.intecloud.com.cn/?projectName=stellar-ui&menu=%E7%BB%84%E4%BB%B6&active=ste-progress
- * @property {String} activeBg 进度条激活部分的背景	 默认值 #0090FF
- * @property {String} inactiveBg 进度条未激活部分的背景	 默认值 #eeeeee
- * @property {Number} percentage 进度条百分比	默认值 0
- * @property {Number|String} strokeWidth 进度条的粗细，默认单位rpx	默认值 24
- * @property {Boolean} disabled 是否禁用状态 默认 false
- * @property {Number|String} width 进度条宽度 默认值 100%
- * @property {Number} duration 进度条动画执行时间，单位秒，设置为 0 可以禁用动画 	默认值 0.3
- * @property {String} pivotText 进度文字内容
- * @property {String} textColor 进度文字颜色		默认 #ffffff
- * @property {String} textAlign 文本对齐方式		默认 right
- * @property {String} textSize 文本字体大小，默认单位rpx		默认 16
- * @property {Number} displayTextThreshold 默认文本显示阈值	默认 0
- * @property {Number|String} borderRadius 进度条圆角值（单位rpx） 默认 24
- */
-const MIN = 0;
-const MAX = 100;
-export default {
-	group: '数据组件',
-	title: 'Progress 进度条',
-	name: 'ste-progress',
-	props: {
-		activeBg: {
-			type: [String, null],
-			default: '',
-		},
-		inactiveBg: {
-			type: [String, null],
-			default: '#eeeeee',
-		},
-		percentage: {
-			type: [Number, null],
-			default: 0,
-		},
-		strokeWidth: {
-			type: [String, Number, null],
-			default: 24,
-		},
-		disabled: {
-			type: [Boolean, null],
-			default: false,
-		},
-		width: {
-			type: [String, Number, null],
-			default: '100%',
-		},
-		duration: {
-			type: [Number, null],
-			default: 0.3,
-		},
-		pivotText: {
-			type: [String, null],
-			default: '',
-		},
-		textColor: {
-			type: [String, null],
-			default: '#ffffff',
-		},
-		textAlign: {
-			type: [String, null],
-			default: 'right',
-		},
-		textSize: {
-			type: [String, Number, null],
-			default: 16,
-		},
-		displayTextThreshold: {
-			type: [Number, null],
-			default: 0,
-		},
-		borderRadius: {
-			type: [String, Number, null],
-			default: 24,
-		},
-	},
-	data() {
-		return {
-			realPercentage: 0,
-			haveSlot: false,
-		};
-	},
-	created() {},
-	mounted() {
-		this.haveSlot = this.$slots.default;
-	},
-	computed: {
-		cmpRootCssVar() {
-			const style = {
-				'--progress-width': utils.formatPx(this.width),
-				'--progress-height': utils.formatPx(this.strokeWidth),
-				'--progress-border-radius': utils.formatPx(this.borderRadius),
-				// #ifdef MP-WEIXIN || MP-ALIPAY
-				'--progress-padding': this.$slots.default ? '0' : '0 16rpx',
-				// #endif
-				// #ifdef H5
-				'--progress-padding': this.$slots.default ? '0' : '0 8px',
-				// #endif
-				'--active-width': this.realPercentage + '%',
-				'--active-text-align': this.textAlign == 'right' ? 'flex-end' : this.textAlign,
-				'--active-text-color': this.textColor,
-				'--active-text-font-size': utils.formatPx(this.textSize),
-				'--active-transition-duration': `${this.duration}s`,
-			};
-			return style;
-		},
-		cmpInactiveStyle() {
-			let style = {};
-			if (this.disabled) {
-				style.backgroundColor = '#eeeeee';
-			} else {
-				const bg = utils.bg2style(this.inactiveBg);
-				style = { ...style, ...bg };
-			}
-			return style;
-		},
-		cmpActiveStyle() {
-			let style = {};
-			if (this.disabled) {
-				style.backgroundColor = '#cccccc';
-			} else {
-				const bg = utils.bg2style(this.activeBg ? this.activeBg : color.getColor().steThemeColor);
-				style = { ...style, ...bg };
-			}
-			return style;
-		},
-		cmpActiveText() {
-			let str = this.pivotText ? this.pivotText : this.realPercentage <= MIN ? '' : `${this.realPercentage}%`;
-			if (this.displayTextThreshold > 0 && this.realPercentage < this.displayTextThreshold) {
-				return '';
-			}
-			return str;
-		},
-	},
-	watch: {
-		percentage: {
-			handler(val) {
-				if (this.percentage >= MAX) {
-					this.realPercentage = MAX;
-				} else if (this.percentage <= MIN) {
-					this.realPercentage = MIN;
-				} else {
-					this.realPercentage = val;
-				}
-			},
-			immediate: true,
-		},
-	},
-	methods: {},
-};
-</script>
-
-<style lang="scss" scoped>
-.ste-progress-root {
-	position: relative;
-	width: var(--progress-width);
-	height: var(--progress-height);
-
-	.inactive-box,
-	.active-box {
-		width: var(--progress-width);
-		height: var(--progress-height);
-		border-radius: var(--progress-border-radius);
-
-		background-repeat: repeat;
-		background-size: contain;
-	}
-
-	.active-box {
-		width: var(--active-width);
-		position: absolute;
-		left: 0;
-		top: 0;
-
-		display: flex;
-		align-items: center;
-		justify-content: var(--active-text-align);
-		padding: var(--progress-padding);
-
-		transition: width var(--active-transition-duration) ease;
-
-		.text {
-			color: var(--active-text-color);
-			font-size: var(--active-text-font-size);
-			vertical-align: middle;
-			line-height: 0;
-		}
-	}
-}
-</style>
+<template>
+	<view class="ste-progress-root" :style="[cmpRootCssVar]">
+		<view class="inactive-box" :style="[cmpInactiveStyle]"></view>
+		<view class="active-box line" :style="[cmpActiveStyle]" v-if="realPercentage > 0">
+			<slot v-if="haveSlot"></slot>
+			<text class="text" v-else>{{ cmpActiveText }}</text>
+		</view>
+	</view>
+</template>
+
+<script>
+import utils from '../../utils/utils.js';
+import useColor from '../../config/color.js';
+let color = useColor();
+/**
+ * ste-progress 进度条
+ * @description 进度条组件
+ * @tutorial https://stellar-ui.intecloud.com.cn/?projectName=stellar-ui&menu=%E7%BB%84%E4%BB%B6&active=ste-progress
+ * @property {String} activeBg 进度条激活部分的背景	 默认值 #0090FF
+ * @property {String} inactiveBg 进度条未激活部分的背景	 默认值 #eeeeee
+ * @property {Number} percentage 进度条百分比	默认值 0
+ * @property {Number|String} strokeWidth 进度条的粗细，默认单位rpx	默认值 24
+ * @property {Boolean} disabled 是否禁用状态 默认 false
+ * @property {Number|String} width 进度条宽度 默认值 100%
+ * @property {Number} duration 进度条动画执行时间，单位秒，设置为 0 可以禁用动画 	默认值 0.3
+ * @property {String} pivotText 进度文字内容
+ * @property {String} textColor 进度文字颜色		默认 #ffffff
+ * @property {String} textAlign 文本对齐方式		默认 right
+ * @property {String} textSize 文本字体大小，默认单位rpx		默认 16
+ * @property {Number} displayTextThreshold 默认文本显示阈值	默认 0
+ * @property {Number|String} borderRadius 进度条圆角值（单位rpx） 默认 24
+ */
+const MIN = 0;
+const MAX = 100;
+export default {
+	group: '数据组件',
+	title: 'Progress 进度条',
+	name: 'ste-progress',
+	props: {
+		activeBg: {
+			type: [String, null],
+			default: '',
+		},
+		inactiveBg: {
+			type: [String, null],
+			default: '#eeeeee',
+		},
+		percentage: {
+			type: [Number, null],
+			default: 0,
+		},
+		strokeWidth: {
+			type: [String, Number, null],
+			default: 24,
+		},
+		disabled: {
+			type: [Boolean, null],
+			default: false,
+		},
+		width: {
+			type: [String, Number, null],
+			default: '100%',
+		},
+		duration: {
+			type: [Number, null],
+			default: 0.3,
+		},
+		pivotText: {
+			type: [String, null],
+			default: '',
+		},
+		textColor: {
+			type: [String, null],
+			default: '#ffffff',
+		},
+		textAlign: {
+			type: [String, null],
+			default: 'right',
+		},
+		textSize: {
+			type: [String, Number, null],
+			default: 16,
+		},
+		displayTextThreshold: {
+			type: [Number, null],
+			default: 0,
+		},
+		borderRadius: {
+			type: [String, Number, null],
+			default: 24,
+		},
+	},
+	data() {
+		return {
+			realPercentage: 0,
+			haveSlot: false,
+		};
+	},
+	created() {},
+	mounted() {
+		this.haveSlot = this.$slots.default;
+	},
+	computed: {
+		cmpRootCssVar() {
+			const style = {
+				'--progress-width': utils.formatPx(this.width),
+				'--progress-height': utils.formatPx(this.strokeWidth),
+				'--progress-border-radius': utils.formatPx(this.borderRadius),
+				// #ifdef MP-WEIXIN || MP-ALIPAY
+				'--progress-padding': this.$slots.default ? '0' : '0 16rpx',
+				// #endif
+				// #ifdef H5
+				'--progress-padding': this.$slots.default ? '0' : '0 8px',
+				// #endif
+				'--active-width': this.realPercentage + '%',
+				'--active-text-align': this.textAlign == 'right' ? 'flex-end' : this.textAlign,
+				'--active-text-color': this.textColor,
+				'--active-text-font-size': utils.formatPx(this.textSize),
+				'--active-transition-duration': `${this.duration}s`,
+			};
+			return style;
+		},
+		cmpInactiveStyle() {
+			let style = {};
+			if (this.disabled) {
+				style.backgroundColor = '#eeeeee';
+			} else {
+				const bg = utils.bg2style(this.inactiveBg);
+				style = { ...style, ...bg };
+			}
+			return style;
+		},
+		cmpActiveStyle() {
+			let style = {};
+			if (this.disabled) {
+				style.backgroundColor = '#cccccc';
+			} else {
+				const bg = utils.bg2style(this.activeBg ? this.activeBg : color.getColor().steThemeColor);
+				style = { ...style, ...bg };
+			}
+			return style;
+		},
+		cmpActiveText() {
+			let str = this.pivotText ? this.pivotText : this.realPercentage <= MIN ? '' : `${this.realPercentage}%`;
+			if (this.displayTextThreshold > 0 && this.realPercentage < this.displayTextThreshold) {
+				return '';
+			}
+			return str;
+		},
+	},
+	watch: {
+		percentage: {
+			handler(val) {
+				if (this.percentage >= MAX) {
+					this.realPercentage = MAX;
+				} else if (this.percentage <= MIN) {
+					this.realPercentage = MIN;
+				} else {
+					this.realPercentage = val;
+				}
+			},
+			immediate: true,
+		},
+	},
+	methods: {},
+};
+</script>
+
+<style lang="scss" scoped>
+.ste-progress-root {
+	position: relative;
+	width: var(--progress-width);
+	height: var(--progress-height);
+
+	.inactive-box,
+	.active-box {
+		width: var(--progress-width);
+		height: var(--progress-height);
+		border-radius: var(--progress-border-radius);
+
+		background-repeat: repeat;
+		background-size: contain;
+	}
+
+	.active-box {
+		width: var(--active-width);
+		position: absolute;
+		left: 0;
+		top: 0;
+
+		display: flex;
+		align-items: center;
+		justify-content: var(--active-text-align);
+		padding: var(--progress-padding);
+
+		transition: width var(--active-transition-duration) ease;
+
+		.text {
+			color: var(--active-text-color);
+			font-size: var(--active-text-font-size);
+			vertical-align: middle;
+			line-height: 0;
+		}
+	}
+}
+</style>

package/components/ste-qrcode/README.md

@@ -11,18 +11,18 @@
 
 #### 自定义颜色
 ```html
-<ste-qrcode
-	content="https://stellar-ui.intecloud.com.cn/mp/index/index"
-	foreground="#c11"
-	background="#dad"
+<ste-qrcode
+	content="https://stellar-ui.intecloud.com.cn/mp/index/index"
+	foreground="#c11"
+	background="#dad"
 />
 ```
 
 #### 带logo
 ```html
-<ste-qrcode
-	content="https://stellar-ui.intecloud.com.cn/mp/index/index"
-	foregroundImageSrc="https://image.whzb.com/chain/StellarUI/logo.png"
+<ste-qrcode
+	content="https://stellar-ui.intecloud.com.cn/mp/index/index"
+	foregroundImageSrc="https://image.whzb.com/chain/StellarUI/logo.png"
 />
 
 ```
@@ -31,19 +31,19 @@
 ---$
 ### API
 #### Props
-| 参数						| 说明								| 类型		| 默认值		| 可选值	| 支持版本	|
-| ---						| ---								| ---		| ---		| ---	| ---		|
-| `content`					| 二维码内容							| `String`	| -			| -		| `v1.35.4`			|
-| `size`					| 二维码尺寸，单位`px`					| `Number`	| 200		| -		| `v1.35.4`    			|
-| `background`				| 背景色								| `String`	| `#fff`	| -		| `v1.35.4`    			|
-| `foreground`				| 前景色(二维码画笔颜色)				| `String`	| `#000`	| -		| `v1.35.4`    			|
-| `foregroundImageSrc`		| 二维码中间logo图					| `String`	| -			| -		| `v1.35.4`    			|
-| `foregroundImageWidth`	| logo图宽度, 默认二维码尺寸的四分之一	| `Number`	| `size/4`	| -		| `v1.35.4`    			|
+| 参数						| 说明								| 类型		| 默认值		| 可选值	| 支持版本	|
+| ---						| ---								| ---		| ---		| ---	| ---		|
+| `content`					| 二维码内容							| `String`	| -			| -		| `v1.35.4`			|
+| `size`					| 二维码尺寸，单位`px`					| `Number`	| 200		| -		| `v1.35.4`    			|
+| `background`				| 背景色								| `String`	| `#fff`	| -		| `v1.35.4`    			|
+| `foreground`				| 前景色(二维码画笔颜色)				| `String`	| `#000`	| -		| `v1.35.4`    			|
+| `foregroundImageSrc`		| 二维码中间logo图					| `String`	| -			| -		| `v1.35.4`    			|
+| `foregroundImageWidth`	| logo图宽度, 默认二维码尺寸的四分之一	| `Number`	| `size/4`	| -		| `v1.35.4`    			|
 | `foregroundImageHeight`	| logo图高度, 默认二维码尺寸的四分之一	| `Number`	| `size/4`	| -		| `v1.35.4`    			|
 
 #### Events
-|事件名			|说明				|事件参数	|支持版本		|
-| ---			| ---				| ---	| ---		|
+|事件名			|说明				|事件参数	|支持版本		|
+| ---			| ---				| ---	| ---		|
 | `loadImage`	| `二维码获取图片数据`	| `src`	| `v1.35.4`	|
 
 ---$