stellar-ui-v2 1.40.19 → 1.40.21

package/components/ste-select/datetime.vue

@@ -1,106 +1,106 @@
-<template>
-	<picker-view
-		style="height: 450rpx; width: 100%"
-		indicator-style="height: 43px"
-		immediate-change
-		:value="selectedIndex"
-		@change="onChange"
-	>
-		<picker-view-column v-for="(col, index) in dataOptions" :key="index">
-			<view class="time-item" v-for="(item, i) in col" :key="item.title">
-				<text>
-					{{ dateUnit ? item.title : item.value }}
-				</text>
-			</view>
-		</picker-view-column>
-	</picker-view>
-</template>
-
-<script>
-import { getDateOptions, getFormatStr, getNowDate } from './defaultDate';
-export default {
-	name: 'date-time',
-	props: {
-		value: { type: [String, Number, Array, null], default: () => [] },
-		mode: { type: [String, null], default: () => 'date' },
-		minDate: { type: [Number, String, Date, null], default: () => null },
-		maxDate: { type: [Number, String, Date, null], default: () => null },
-		dateUnit: { type: [Boolean, null], default: () => true },
-	},
-	data() {
-		return {
-			dataOptions: [],
-			selectedValue: [],
-			selectedIndex: [],
-		};
-	},
-	watch: {
-		value: {
-			handler(v) {
-				let values = [];
-				if (Array.isArray(v)) {
-					values = [...v];
-				} else {
-					const str = ['date', 'datetime', 'month'].includes(this.mode) ? 'YYYY MM DD HH mm ss' : 'HH mm ss';
-					const value = utils.dayjs(v).format(str).split(' ');
-					values = value.map((item) => Number(item));
-				}
-				this.selectedValue = values;
-			},
-			immediate: true,
-		},
-		minDate() {
-			this.initOptions();
-			this.initSelectIndex();
-		},
-		maxDate() {
-			this.initOptions();
-			this.initSelectIndex();
-		},
-	},
-	created() {
-		this.initOptions();
-		this.initSelectIndex();
-	},
-	methods: {
-		initOptions(values = this.selectedValue) {
-			const { options, value } = getDateOptions(values, this.mode, this.minDate, this.maxDate);
-			this.dataOptions = options;
-		},
-		initSelectIndex(values = this.selectedValue) {
-			this.$nextTick(() => {
-				const indexs = [];
-				const _values = getNowDate(values, this.mode);
-				this.dataOptions.forEach((item, index) => {
-					let i = item.map(({ value }) => value).indexOf(_values[index]);
-					if (i === -1) {
-						i = _values[index] > item[item.length - 1].value ? item.length - 1 : 0;
-					}
-					indexs.push(i);
-				});
-				this.selectedIndex = indexs;
-				this.selectedValue = indexs.map((i, index) => this.dataOptions[index][i].value);
-				this.$emit('change', this.selectedValue);
-				this.$emit('input', this.selectedValue);
-			});
-		},
-		onChange(e) {
-			const indexs = e.detail.value;
-			const newValues = indexs.map((i, index) => this.dataOptions[index][i].value);
-			this.initOptions(newValues);
-			this.initSelectIndex(newValues);
-		},
-	},
-};
-</script>
-
-<style scoped lang="scss">
-.time-item {
-	width: 100%;
-	height: 100%;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	font-size: var(--ste-select-font-size);
-}
-</style>
+<template>
+	<picker-view
+		style="height: 450rpx; width: 100%"
+		indicator-style="height: 43px"
+		immediate-change
+		:value="selectedIndex"
+		@change="onChange"
+	>
+		<picker-view-column v-for="(col, index) in dataOptions" :key="index">
+			<view class="time-item" v-for="(item, i) in col" :key="item.title">
+				<text>
+					{{ dateUnit ? item.title : item.value }}
+				</text>
+			</view>
+		</picker-view-column>
+	</picker-view>
+</template>
+
+<script>
+import { getDateOptions, getFormatStr, getNowDate } from './defaultDate';
+export default {
+	name: 'date-time',
+	props: {
+		value: { type: [String, Number, Array, null], default: () => [] },
+		mode: { type: [String, null], default: () => 'date' },
+		minDate: { type: [Number, String, Date, null], default: () => null },
+		maxDate: { type: [Number, String, Date, null], default: () => null },
+		dateUnit: { type: [Boolean, null], default: () => true },
+	},
+	data() {
+		return {
+			dataOptions: [],
+			selectedValue: [],
+			selectedIndex: [],
+		};
+	},
+	watch: {
+		value: {
+			handler(v) {
+				let values = [];
+				if (Array.isArray(v)) {
+					values = [...v];
+				} else {
+					const str = ['date', 'datetime', 'month'].includes(this.mode) ? 'YYYY MM DD HH mm ss' : 'HH mm ss';
+					const value = utils.dayjs(v).format(str).split(' ');
+					values = value.map((item) => Number(item));
+				}
+				this.selectedValue = values;
+			},
+			immediate: true,
+		},
+		minDate() {
+			this.initOptions();
+			this.initSelectIndex();
+		},
+		maxDate() {
+			this.initOptions();
+			this.initSelectIndex();
+		},
+	},
+	created() {
+		this.initOptions();
+		this.initSelectIndex();
+	},
+	methods: {
+		initOptions(values = this.selectedValue) {
+			const { options, value } = getDateOptions(values, this.mode, this.minDate, this.maxDate);
+			this.dataOptions = options;
+		},
+		initSelectIndex(values = this.selectedValue) {
+			this.$nextTick(() => {
+				const indexs = [];
+				const _values = getNowDate(values, this.mode);
+				this.dataOptions.forEach((item, index) => {
+					let i = item.map(({ value }) => value).indexOf(_values[index]);
+					if (i === -1) {
+						i = _values[index] > item[item.length - 1].value ? item.length - 1 : 0;
+					}
+					indexs.push(i);
+				});
+				this.selectedIndex = indexs;
+				this.selectedValue = indexs.map((i, index) => this.dataOptions[index][i].value);
+				this.$emit('change', this.selectedValue);
+				this.$emit('input', this.selectedValue);
+			});
+		},
+		onChange(e) {
+			const indexs = e.detail.value;
+			const newValues = indexs.map((i, index) => this.dataOptions[index][i].value);
+			this.initOptions(newValues);
+			this.initSelectIndex(newValues);
+		},
+	},
+};
+</script>
+
+<style scoped lang="scss">
+.time-item {
+	width: 100%;
+	height: 100%;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	font-size: var(--ste-select-font-size);
+}
+</style>

package/components/ste-table-column/checkbox-icon.vue

@@ -1,65 +1,65 @@
-<template>
-	<view class="ste-table-checkbox-icon">
-		<ste-icon
-			code="&#xe6ae;"
-			:color="iconColorConfig.disabled || selectionColor.disabled"
-			:size="checkIconSize"
-			v-if="disabled"
-		/>
-		<ste-icon
-			code="&#xe6ac;"
-			:color="iconColorConfig.readonly || selectionColor.readonly"
-			:size="checkIconSize"
-			v-else-if="readonly"
-		/>
-		<template v-else>
-			<ste-icon
-				code="&#xe6ac;"
-				:color="iconColorConfig.main || selectionColor.main"
-				:size="checkIconSize"
-				v-if="checked"
-			/>
-			<ste-icon
-				code="&#xe6af;"
-				:color="iconColorConfig.unSelected || selectionColor.unSelected"
-				:size="checkIconSize"
-				v-else
-			/>
-		</template>
-	</view>
-</template>
-
-<script>
-import { selectionColorConfig } from '../ste-table/common';
-export default {
-	options: {
-		virtualHost: true,
-	},
-	props: {
-		checked: {
-			type: [Boolean, null],
-			default: false,
-		},
-		disabled: {
-			type: [Boolean, null],
-			default: false,
-		},
-		readonly: {
-			type: [Boolean, null],
-			default: false,
-		},
-		iconColorConfig: {
-			type: [Object, null],
-			default: () => selectionColorConfig,
-		},
-	},
-	data() {
-		return {
-			checkIconSize: 36,
-			selectionColor: selectionColorConfig,
-		};
-	},
-};
-</script>
-
-<style lang="scss" scoped></style>
+<template>
+	<view class="ste-table-checkbox-icon">
+		<ste-icon
+			code="&#xe6ae;"
+			:color="iconColorConfig.disabled || selectionColor.disabled"
+			:size="checkIconSize"
+			v-if="disabled"
+		/>
+		<ste-icon
+			code="&#xe6ac;"
+			:color="iconColorConfig.readonly || selectionColor.readonly"
+			:size="checkIconSize"
+			v-else-if="readonly"
+		/>
+		<template v-else>
+			<ste-icon
+				code="&#xe6ac;"
+				:color="iconColorConfig.main || selectionColor.main"
+				:size="checkIconSize"
+				v-if="checked"
+			/>
+			<ste-icon
+				code="&#xe6af;"
+				:color="iconColorConfig.unSelected || selectionColor.unSelected"
+				:size="checkIconSize"
+				v-else
+			/>
+		</template>
+	</view>
+</template>
+
+<script>
+import { selectionColorConfig } from '../ste-table/common';
+export default {
+	options: {
+		virtualHost: true,
+	},
+	props: {
+		checked: {
+			type: [Boolean, null],
+			default: false,
+		},
+		disabled: {
+			type: [Boolean, null],
+			default: false,
+		},
+		readonly: {
+			type: [Boolean, null],
+			default: false,
+		},
+		iconColorConfig: {
+			type: [Object, null],
+			default: () => selectionColorConfig,
+		},
+	},
+	data() {
+		return {
+			checkIconSize: 36,
+			selectionColor: selectionColorConfig,
+		};
+	},
+};
+</script>
+
+<style lang="scss" scoped></style>

package/components/ste-table-column/radio-icon.vue

@@ -1,110 +1,110 @@
-<template>
-	<view class="radio-icon-root" :class="[cmpRootClass]" :style="[comRootStyle]">
-		<view class="icon-1"></view>
-	</view>
-</template>
-
-<script>
-import utils from '../../utils/utils.js';
-import { selectionColorConfig } from '../ste-table/common';
-export default {
-	options: {
-		virtualHost: true,
-	},
-	props: {
-		checked: {
-			type: [Boolean, null],
-			default: false,
-		},
-		disabled: {
-			type: [Boolean, null],
-			default: false,
-		},
-		readonly: {
-			type: [Boolean, null],
-			default: false,
-		},
-		iconColorConfig: {
-			type: [Object, null],
-			default: () => selectionColorConfig,
-		},
-	},
-	data() {
-		return {
-			selectionColor: selectionColorConfig,
-		};
-	},
-	computed: {
-		cmpRootClass() {
-			let classArr = [];
-			if (this.checked) {
-				classArr.push('checked');
-			}
-			if (this.disabled) {
-				classArr.push('disabled');
-			}
-			if (this.readonly) {
-				classArr.push('readonly');
-			}
-
-			return classArr.join(' ');
-		},
-		comRootStyle() {
-			let tmpCorloConfig = selectionColorConfig;
-			if (this.iconColorConfig) {
-				tmpCorloConfig = this.iconColorConfig;
-			}
-			return {
-				'--main-color': tmpCorloConfig.main,
-				'--main-outer-color': utils.Color.formatColor(tmpCorloConfig.main, 0.2),
-				'--disabled-color': tmpCorloConfig.disabled,
-				'--un-selected-color': tmpCorloConfig.unSelected,
-				'--readonly-color': tmpCorloConfig.readonly,
-				'--readonly-outer-color': utils.Color.formatColor(tmpCorloConfig.readonly, 0.2),
-			};
-		},
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-.radio-icon-root {
-	width: 32rpx;
-	height: 32rpx;
-
-	border-radius: 50%;
-	border: 2rpx solid var(--un-selected-color);
-	position: relative;
-
-	&.checked {
-		border: none;
-		background-color: var(--main-outer-color);
-		.icon-1 {
-			background-color: var(--main-color);
-		}
-	}
-
-	&.readonly {
-		border: none;
-		background-color: var(--readonly-outer-color);
-		.icon-1 {
-			background-color: var(--readonly-color);
-		}
-	}
-
-	&.disabled {
-		border: none;
-		background-color: var(--disabled-color);
-	}
-	.icon-1 {
-		width: 16rpx;
-		height: 16rpx;
-		border-radius: 50%;
-
-		position: absolute;
-		left: 50%;
-		top: 50%;
-		transform: translate(-50%, -50%);
-	}
-}
-</style>
+<template>
+	<view class="radio-icon-root" :class="[cmpRootClass]" :style="[comRootStyle]">
+		<view class="icon-1"></view>
+	</view>
+</template>
+
+<script>
+import utils from '../../utils/utils.js';
+import { selectionColorConfig } from '../ste-table/common';
+export default {
+	options: {
+		virtualHost: true,
+	},
+	props: {
+		checked: {
+			type: [Boolean, null],
+			default: false,
+		},
+		disabled: {
+			type: [Boolean, null],
+			default: false,
+		},
+		readonly: {
+			type: [Boolean, null],
+			default: false,
+		},
+		iconColorConfig: {
+			type: [Object, null],
+			default: () => selectionColorConfig,
+		},
+	},
+	data() {
+		return {
+			selectionColor: selectionColorConfig,
+		};
+	},
+	computed: {
+		cmpRootClass() {
+			let classArr = [];
+			if (this.checked) {
+				classArr.push('checked');
+			}
+			if (this.disabled) {
+				classArr.push('disabled');
+			}
+			if (this.readonly) {
+				classArr.push('readonly');
+			}
+
+			return classArr.join(' ');
+		},
+		comRootStyle() {
+			let tmpCorloConfig = selectionColorConfig;
+			if (this.iconColorConfig) {
+				tmpCorloConfig = this.iconColorConfig;
+			}
+			return {
+				'--main-color': tmpCorloConfig.main,
+				'--main-outer-color': utils.Color.formatColor(tmpCorloConfig.main, 0.2),
+				'--disabled-color': tmpCorloConfig.disabled,
+				'--un-selected-color': tmpCorloConfig.unSelected,
+				'--readonly-color': tmpCorloConfig.readonly,
+				'--readonly-outer-color': utils.Color.formatColor(tmpCorloConfig.readonly, 0.2),
+			};
+		},
+	},
+};
+</script>
+
+<style lang="scss" scoped>
+.radio-icon-root {
+	width: 32rpx;
+	height: 32rpx;
+
+	border-radius: 50%;
+	border: 2rpx solid var(--un-selected-color);
+	position: relative;
+
+	&.checked {
+		border: none;
+		background-color: var(--main-outer-color);
+		.icon-1 {
+			background-color: var(--main-color);
+		}
+	}
+
+	&.readonly {
+		border: none;
+		background-color: var(--readonly-outer-color);
+		.icon-1 {
+			background-color: var(--readonly-color);
+		}
+	}
+
+	&.disabled {
+		border: none;
+		background-color: var(--disabled-color);
+	}
+	.icon-1 {
+		width: 16rpx;
+		height: 16rpx;
+		border-radius: 50%;
+
+		position: absolute;
+		left: 50%;
+		top: 50%;
+		transform: translate(-50%, -50%);
+	}
+}
+</style>