sh-view 2.8.1 → 2.8.2

package/packages/other/sh-cron-modal/index.vue

@@ -1,81 +1,81 @@
-<template>
-	<sh-modal v-bind="modalConfig" @close="onModalClose" @confirm="onModalConfim">
-		<cron-content v-model="cronValue" :disabled="disabled"></cron-content>
-	</sh-modal>
-</template>
-
-<script>
-import { defineComponent, computed, getCurrentInstance, ref, reactive, watch, onBeforeMount } from 'vue'
-import cronContent from './components/cron-content.vue'
-export default defineComponent({
-	name: 'ShCronModal',
-	components: {
-		cronContent
-	},
-	props: {
-		modelValue: {
-			type: String,
-			default: ''
-		},
-		visible: {
-			type: Boolean
-		},
-		disabled: {
-			type: Boolean
-		}
-	},
-	emits: ['update:modelValue', 'update:visible', 'submit'],
-	setup(props, context) {
-		const { proxy } = getCurrentInstance()
-		const { $vUtils } = proxy
-		const { emit, slots } = context
-
-		const cronValue = ref('')
-		const modalConfig = reactive({
-			loading: false,
-			width: '70%',
-			title: 'cron表达式',
-			visible: props.visible
-		})
-
-		const emitValue = () => {
-			emit('update:modelValue', cronValue.value)
-			emit('submit', cronValue.value)
-		}
-		// 提交
-		const onModalConfim = () => {
-			emitValue()
-			onModalClose()
-		}
-		// 关闭
-		const onModalClose = () => {
-			emit('update:visible', false)
-		}
-
-		watch(
-			() => props.modelValue,
-			nv => {
-				cronValue.value = nv
-			}
-		)
-		watch(
-			() => props.visible,
-			nv => {
-				modalConfig.visible = nv
-				cronValue.value = props.modelValue
-			}
-		)
-
-		return {
-			modalConfig,
-			cronValue,
-			onModalClose,
-			onModalConfim
-		}
-	}
-})
-</script>
-
-<style lang="scss">
-@import './css/index.scss';
-</style>
+<template>
+	<sh-modal v-bind="modalConfig" @close="onModalClose" @confirm="onModalConfim">
+		<cron-content v-model="cronValue" :disabled="disabled"></cron-content>
+	</sh-modal>
+</template>
+
+<script>
+import { defineComponent, computed, getCurrentInstance, ref, reactive, watch, onBeforeMount } from 'vue'
+import cronContent from './components/cron-content.vue'
+export default defineComponent({
+	name: 'ShCronModal',
+	components: {
+		cronContent
+	},
+	props: {
+		modelValue: {
+			type: String,
+			default: ''
+		},
+		visible: {
+			type: Boolean
+		},
+		disabled: {
+			type: Boolean
+		}
+	},
+	emits: ['update:modelValue', 'update:visible', 'submit'],
+	setup(props, context) {
+		const { proxy } = getCurrentInstance()
+		const { $vUtils } = proxy
+		const { emit, slots } = context
+
+		const cronValue = ref('')
+		const modalConfig = reactive({
+			loading: false,
+			width: '70%',
+			title: 'cron表达式',
+			visible: props.visible
+		})
+
+		const emitValue = () => {
+			emit('update:modelValue', cronValue.value)
+			emit('submit', cronValue.value)
+		}
+		// 提交
+		const onModalConfim = () => {
+			emitValue()
+			onModalClose()
+		}
+		// 关闭
+		const onModalClose = () => {
+			emit('update:visible', false)
+		}
+
+		watch(
+			() => props.modelValue,
+			nv => {
+				cronValue.value = nv
+			}
+		)
+		watch(
+			() => props.visible,
+			nv => {
+				modalConfig.visible = nv
+				cronValue.value = props.modelValue
+			}
+		)
+
+		return {
+			modalConfig,
+			cronValue,
+			onModalClose,
+			onModalConfim
+		}
+	}
+})
+</script>
+
+<style lang="scss">
+@import './css/index.scss';
+</style>

package/packages/other/sh-cron-modal/mixin/cron-emits.js

@@ -1 +1 @@
-export default ['update:modelValue', 'change']
+export default ['update:modelValue', 'change']

package/packages/other/sh-cron-modal/mixin/cron-props.js

@@ -1,9 +1,9 @@
-export default {
-	modelValue: {
-		type: String,
-		default: '*'
-	},
-	disabled: {
-		type: Boolean
-	}
-}
+export default {
+	modelValue: {
+		type: String,
+		default: '*'
+	},
+	disabled: {
+		type: Boolean
+	}
+}

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

@@ -1,126 +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'
-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: '*'
-		}
-	},
-	emits: cronEmits,
-	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>
+<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'
+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: '*'
+		}
+	},
+	emits: cronEmits,
+	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>