sh-view 2.6.2 → 2.6.3

package/packages/components/other-components/sh-cron-modal/tabs/cron-week-box.vue

@@ -1,125 +1,126 @@
-<template>
-	<div class="sh-cron-config-list">
-		<vxe-radio-group v-model="type">
-			<div class="item">
-				<vxe-radio :label="TypeEnum.unset" v-bind="beforeRadioAttrs">不设置</vxe-radio>
-				<span class="tip-info">日和周只能设置其中之一</span>
-			</div>
-			<div class="item">
-				<vxe-radio :label="TypeEnum.range" v-bind="beforeRadioAttrs">区间</vxe-radio>
-				<span> 从 </span>
-				<vxe-select v-model="valueRange.start" :options="weekOptions" v-bind="typeRangeSelectAttrs" />
-				<span> 至 </span>
-				<vxe-select v-model="valueRange.end" :options="weekOptions" v-bind="typeRangeSelectAttrs" />
-			</div>
-			<div class="item">
-				<vxe-radio :label="TypeEnum.loop" v-bind="beforeRadioAttrs">循环</vxe-radio>
-				<span> 从 </span>
-				<vxe-select v-model="valueLoop.start" :options="weekOptions" v-bind="typeLoopSelectAttrs" />
-				<span> 至 </span>
-				<vxe-input v-model="valueLoop.interval" v-bind="typeLoopAttrs" />
-			</div>
-			<div class="item">
-				<vxe-radio :label="TypeEnum.specify" v-bind="beforeRadioAttrs">指定</vxe-radio>
-				<div class="list">
-					<vxe-checkbox-group v-model="valueList">
-						<template v-for="i in specifyRange" :key="i">
-							<vxe-checkbox :label="i" v-bind="typeSpecifyAttrs">{{ i }}</vxe-checkbox>
-						</template>
-					</vxe-checkbox-group>
-				</div>
-			</div>
-		</vxe-radio-group>
-	</div>
-</template>
-
-<script>
-import { defineComponent, computed, getCurrentInstance, watch } from 'vue'
-import cronProps from '../mixin/cron-props'
-emits: cronEmits,
-import cronHooks from '../mixin/cron-hooks'
-import cronEmits from '../mixin/cron-emits'
-const WEEK_MAP_EN = {
-	1: 'SUN',
-	2: 'MON',
-	3: 'TUE',
-	4: 'WED',
-	5: 'THU',
-	6: 'FRI',
-	7: 'SAT'
-}
-const WEEK_MAP_CN = {
-	1: '周日',
-	2: '周一',
-	3: '周二',
-	4: '周三',
-	5: '周四',
-	6: '周五',
-	7: '周六'
-}
-export default defineComponent({
-	name: 'CronWeekBox',
-	props: {
-		...cronProps,
-		day: {
-			type: String,
-			default: '*'
-		}
-	},
-	setup(props, context) {
-		const { proxy } = getCurrentInstance()
-		const { $vUtils } = proxy
-		const { emit, slots } = context
-
-		const useCron = cronHooks(props, context, proxy, {
-			defaultValue: '*',
-			minValue: 1,
-			maxValue: 7,
-			valueRange: { start: 1, end: 7 },
-			valueLoop: { start: 2, interval: 1 }
-		})
-
-		const disabledChoice = computed(() => {
-			return (props.day && props.day !== '?') || props.disabled
-		})
-		const weekOptions = computed(() => {
-			let options = []
-			for (let weekKey of Object.keys(WEEK_MAP_CN)) {
-				let weekName = WEEK_MAP_CN[weekKey]
-				options.push({
-					value: Number.parseInt(weekKey),
-					label: weekName
-				})
-			}
-			return options
-		})
-		const typeRangeSelectAttrs = computed(() => {
-			return {
-				class: ['cron-item-input'],
-				disabled: useCron.typeRangeAttrs.value.disabled
-			}
-		})
-		const typeLoopSelectAttrs = computed(() => {
-			return {
-				class: ['cron-item-input'],
-				disabled: useCron.typeLoopAttrs.value.disabled
-			}
-		})
-
-		watch(
-			() => props.day,
-			() => {
-				useCron.updateValue(disabledChoice.value ? '?' : useCron.computeValue.value)
-			}
-		)
-
-		return Object.assign({}, useCron, {
-			weekOptions,
-			typeRangeSelectAttrs,
-			typeLoopSelectAttrs
-		})
-	}
-})
-</script>
-
-<style scoped></style>
+<template>
+	<div class="sh-cron-config-list">
+		<vxe-radio-group v-model="type">
+			<div class="item">
+				<vxe-radio :label="TypeEnum.unset" v-bind="beforeRadioAttrs">不设置</vxe-radio>
+				<span class="tip-info">日和周只能设置其中之一</span>
+			</div>
+			<div class="item">
+				<vxe-radio :label="TypeEnum.range" v-bind="beforeRadioAttrs">区间</vxe-radio>
+				<span> 从 </span>
+				<vxe-select v-model="valueRange.start" :options="weekOptions" v-bind="typeRangeSelectAttrs" />
+				<span> 至 </span>
+				<vxe-select v-model="valueRange.end" :options="weekOptions" v-bind="typeRangeSelectAttrs" />
+			</div>
+			<div class="item">
+				<vxe-radio :label="TypeEnum.loop" v-bind="beforeRadioAttrs">循环</vxe-radio>
+				<span> 从 </span>
+				<vxe-select v-model="valueLoop.start" :options="weekOptions" v-bind="typeLoopSelectAttrs" />
+				<span> 至 </span>
+				<vxe-input v-model="valueLoop.interval" v-bind="typeLoopAttrs" />
+			</div>
+			<div class="item">
+				<vxe-radio :label="TypeEnum.specify" v-bind="beforeRadioAttrs">指定</vxe-radio>
+				<div class="list">
+					<vxe-checkbox-group v-model="valueList">
+						<template v-for="i in specifyRange" :key="i">
+							<vxe-checkbox :label="i" v-bind="typeSpecifyAttrs">{{ i }}</vxe-checkbox>
+						</template>
+					</vxe-checkbox-group>
+				</div>
+			</div>
+		</vxe-radio-group>
+	</div>
+</template>
+
+<script>
+import { defineComponent, computed, getCurrentInstance, watch } from 'vue'
+import cronProps from '../mixin/cron-props'
+emits: cronEmits,
+import cronHooks from '../mixin/cron-hooks'
+import cronEmits from '../mixin/cron-emits'
+const WEEK_MAP_EN = {
+	1: 'SUN',
+	2: 'MON',
+	3: 'TUE',
+	4: 'WED',
+	5: 'THU',
+	6: 'FRI',
+	7: 'SAT'
+}
+const WEEK_MAP_CN = {
+	1: '周日',
+	2: '周一',
+	3: '周二',
+	4: '周三',
+	5: '周四',
+	6: '周五',
+	7: '周六'
+}
+export default defineComponent({
+	name: 'CronWeekBox',
+	props: {
+		...cronProps,
+		day: {
+			type: String,
+			default: '*'
+		}
+	},
+	setup(props, context) {
+		const { proxy } = getCurrentInstance()
+		const { $vUtils } = proxy
+		const { emit, slots } = context
+
+		const useCron = cronHooks(props, context, proxy, {
+			defaultValue: '*',
+			minValue: 1,
+			maxValue: 7,
+			valueRange: { start: 1, end: 7 },
+			valueLoop: { start: 2, interval: 1 }
+		})
+
+		const disabledChoice = computed(() => {
+			return (props.day && props.day !== '?') || props.disabled
+		})
+		const weekOptions = computed(() => {
+			let options = []
+			for (let weekKey of Object.keys(WEEK_MAP_CN)) {
+				let weekName = WEEK_MAP_CN[weekKey]
+				options.push({
+					value: Number.parseInt(weekKey),
+					label: weekName
+				})
+			}
+			return options
+		})
+		const typeRangeSelectAttrs = computed(() => {
+			return {
+				class: ['cron-item-input'],
+				disabled: useCron.typeRangeAttrs.value.disabled
+			}
+		})
+		const typeLoopSelectAttrs = computed(() => {
+			return {
+				class: ['cron-item-input'],
+				disabled: useCron.typeLoopAttrs.value.disabled
+			}
+		})
+
+		watch(
+			() => props.day,
+			() => {
+				useCron.updateValue(disabledChoice.value ? '?' : useCron.computeValue.value)
+			}
+		)
+
+		return {
+			...useCron,
+			weekOptions,
+			typeRangeSelectAttrs,
+			typeLoopSelectAttrs
+		}
+	}
+})
+</script>
+
+<style scoped></style>

package/packages/components/other-components/sh-cron-modal/tabs/cron-year-box.vue

@@ -1,57 +1,59 @@
-<template>
-	<div class="sh-cron-config-list">
-		<vxe-radio-group v-model="type">
-			<div class="item">
-				<vxe-radio :label="TypeEnum.every" v-bind="beforeRadioAttrs">每年</vxe-radio>
-			</div>
-			<div class="item">
-				<vxe-radio :label="TypeEnum.range" v-bind="beforeRadioAttrs">区间</vxe-radio>
-				<span> 从 </span>
-				<vxe-input v-model="valueRange.start" v-bind="typeRangeAttrs" />
-				<span> 年 至 </span>
-				<vxe-input v-model="valueRange.end" v-bind="typeRangeAttrs" />
-				<span> 年 </span>
-			</div>
-			<div class="item">
-				<vxe-radio :label="TypeEnum.loop" v-bind="beforeRadioAttrs">循环</vxe-radio>
-				<span> 年 </span>
-				<vxe-input v-model="valueLoop.start" v-bind="typeLoopAttrs" />
-				<span> 分开始，间隔 </span>
-				<vxe-input v-model="valueLoop.interval" v-bind="typeLoopAttrs" />
-				<span> 年 </span>
-			</div>
-		</vxe-radio-group>
-	</div>
-</template>
-
-<script>
-import { defineComponent, computed, getCurrentInstance, watch } from 'vue'
-import cronProps from '../mixin/cron-props'
-import cronHooks from '../mixin/cron-hooks'
-import cronEmits from '../mixin/cron-emits'
-export default defineComponent({
-	name: 'CronYearBox',
-	props: {
-		...cronProps
-	},
-	emits: cronEmits,
-	setup(props, context) {
-		const { proxy } = getCurrentInstance()
-		const { $vUtils } = proxy
-		const { emit, slots } = context
-
-		const nowYear = new Date().getFullYear()
-
-		const useCron = cronHooks(props, context, proxy, {
-			defaultValue: '*',
-			minValue: 0,
-			valueRange: { start: nowYear, end: nowYear + 100 },
-			valueLoop: { start: nowYear, interval: 1 }
-		})
-
-		return Object.assign({}, useCron)
-	}
-})
-</script>
-
-<style scoped></style>
+<template>
+	<div class="sh-cron-config-list">
+		<vxe-radio-group v-model="type">
+			<div class="item">
+				<vxe-radio :label="TypeEnum.every" v-bind="beforeRadioAttrs">每年</vxe-radio>
+			</div>
+			<div class="item">
+				<vxe-radio :label="TypeEnum.range" v-bind="beforeRadioAttrs">区间</vxe-radio>
+				<span> 从 </span>
+				<vxe-input v-model="valueRange.start" v-bind="typeRangeAttrs" />
+				<span> 年 至 </span>
+				<vxe-input v-model="valueRange.end" v-bind="typeRangeAttrs" />
+				<span> 年 </span>
+			</div>
+			<div class="item">
+				<vxe-radio :label="TypeEnum.loop" v-bind="beforeRadioAttrs">循环</vxe-radio>
+				<span> 年 </span>
+				<vxe-input v-model="valueLoop.start" v-bind="typeLoopAttrs" />
+				<span> 分开始，间隔 </span>
+				<vxe-input v-model="valueLoop.interval" v-bind="typeLoopAttrs" />
+				<span> 年 </span>
+			</div>
+		</vxe-radio-group>
+	</div>
+</template>
+
+<script>
+import { defineComponent, computed, getCurrentInstance, watch } from 'vue'
+import cronProps from '../mixin/cron-props'
+import cronHooks from '../mixin/cron-hooks'
+import cronEmits from '../mixin/cron-emits'
+export default defineComponent({
+	name: 'CronYearBox',
+	props: {
+		...cronProps
+	},
+	emits: cronEmits,
+	setup(props, context) {
+		const { proxy } = getCurrentInstance()
+		const { $vUtils } = proxy
+		const { emit, slots } = context
+
+		const nowYear = new Date().getFullYear()
+
+		const useCron = cronHooks(props, context, proxy, {
+			defaultValue: '*',
+			minValue: 0,
+			valueRange: { start: nowYear, end: nowYear + 100 },
+			valueLoop: { start: nowYear, interval: 1 }
+		})
+
+		return {
+			...useCron
+		}
+	}
+})
+</script>
+
+<style scoped></style>