star-horse-lowcode 2.7.62 → 2.7.65

package/src/components/cron/Crontab-Second.vue

@@ -0,0 +1,185 @@
+<template>
+  <div class="cron-content">
+    <div class="cron-item">
+      <el-radio size="small" v-model="radioValue" :value="1" :label="1" border>
+        秒，允许的通配符[, - * /]</el-radio
+      >
+    </div>
+    <div class="cron-item">
+      <el-radio size="small" v-model="radioValue" :value="2" :label="2" border
+        >周期</el-radio
+      >
+      <span style="margin-left: 10px; margin-right: 5px">从</span>
+      <el-input-number
+        size="small"
+        v-model="cycle01"
+        :min="0"
+        :max="60"
+        controls-position="right"
+      />
+      <span style="margin-left: 5px; margin-right: 5px">至</span>
+      <el-input-number
+        size="small"
+        v-model="cycle02"
+        :min="1"
+        :max="60"
+        controls-position="right"
+      />
+      <span style="margin-left: 5px; margin-right: 5px">秒</span>
+    </div>
+    <div class="cron-item">
+      <el-radio size="small" v-model="radioValue" :value="3" :label="3" border
+        >循环</el-radio
+      >
+      <span style="margin-left: 10px; margin-right: 5px">从</span>
+      <el-input-number
+        size="small"
+        v-model="average01"
+        :min="0"
+        :max="60"
+        controls-position="right"
+      />
+      <span style="margin-left: 5px; margin-right: 5px"> 秒开始，每</span>
+      <el-input-number
+        size="small"
+        v-model="average02"
+        :min="0"
+        :max="60"
+        controls-position="right"
+      />
+      <span style="margin-left: 5px; margin-right: 5px">秒执行一次</span>
+    </div>
+    <div class="cron-item">
+      <el-radio size="small" v-model="radioValue" :value="4" :label="4" border>
+        指定</el-radio
+      >
+      <el-checkbox-group size="small" v-model="checkboxList">
+        <el-checkbox
+          class="my-[5px]"
+          :border="true"
+          v-for="item in 60"
+          :key="item"
+          :value="item - 1"
+          :label="item < 11 ? '0' + (item - 1) : item - 1"
+        />
+      </el-checkbox-group>
+    </div>
+  </div>
+</template>
+<style lang="scss" scoped></style>
+<script setup lang="ts" name="crontab-second">
+import { computed, onMounted, PropType, ref, watch } from "vue";
+
+let radioValue = ref(1);
+let cycle01 = ref(1);
+let cycle02 = ref(2);
+let average01 = ref(1);
+let average02 = ref(1);
+
+let checkboxList = ref([]);
+const props = defineProps({
+  check: { type: Function },
+  cron: { type: Object as PropType<String> },
+  radioParent: {},
+});
+
+const emits = defineEmits(["update"]);
+// 计算两个周期值
+const cycleTotalFun = () => {
+  cycle01.value = props.check?.(cycle01.value, 0, 59);
+  cycle02.value = props.check?.(cycle02.value, 0, 59);
+  return cycle01.value + "-" + cycle02.value;
+};
+// 计算平均用到的值
+const averageTotalFun = () => {
+  average01.value = props.check?.(average01.value, 0, 59);
+  average02.value = props.check?.(average02.value, 1, 59);
+  return average01.value + "/" + average02.value;
+};
+// 计算勾选的checkbox值合集
+const checkboxStringFun = () => {
+  let str = checkboxList.value.join();
+  return str == "" ? "?" : str;
+};
+let cycleTotal = computed(() => cycleTotalFun());
+let averageTotal = computed(() => averageTotalFun());
+let checkboxString = computed(() => checkboxStringFun());
+// 单选按钮值变化时
+const radioChange = () => {
+  switch (radioValue.value) {
+    case 1:
+      emits("update", "second", "*", "second");
+      break;
+    case 2:
+      emits("update", "second", cycle01.value + "-" + cycle02.value);
+      break;
+    case 3:
+      emits("update", "second", average01.value + "/" + average02.value);
+      break;
+    case 4:
+      emits("update", "second", checkboxString.value);
+      break;
+  }
+};
+// 周期两个值变化时
+const cycleChange = () => {
+  if (radioValue.value == 2) {
+    emits("update", "second", cycleTotal.value);
+  }
+};
+// 平均两个值变化时
+const averageChange = () => {
+  if (radioValue.value == 3) {
+    emits("update", "second", averageTotal.value);
+  }
+};
+// checkbox值变化时
+const checkboxChange = () => {
+  if (radioValue.value == 4) {
+    emits("update", "second", checkboxString.value);
+  }
+};
+// const othChange = () => {
+//   //反解析
+//   let ins = props.cron?.second;
+//   console.log('second', ins);
+//   if (ins === '*') {
+//     radioValue.value = 1;
+//   } else if (ins.indexOf('-') > -1) {
+//     radioValue.value = 2;
+//   } else if (ins.indexOf('/') > -1) {
+//     radioValue.value = 3;
+//   } else {
+//     radioValue.value = 4;
+//     checkboxList.value = ins.split(',');
+//   }
+// };
+watch(
+  () => radioValue.value,
+  (_val) => radioChange(),
+);
+watch(
+  () => cycleTotal.value,
+  (_val) => cycleChange(),
+);
+watch(
+  () => averageTotal.value,
+  (_val) => averageChange(),
+);
+watch(
+  () => checkboxString.value,
+  (_val) => checkboxChange(),
+);
+onMounted(() => {
+  // radioValue.value = props.radioParent;
+  // othChange();
+});
+defineExpose({
+  cycle01,
+  cycle02,
+  average01,
+  average02,
+  checkboxList,
+  radioValue,
+});
+</script>

package/src/components/cron/Crontab-Week.vue

@@ -0,0 +1,208 @@
+<template>
+  <div class="cron-content">
+    <div class="cron-item">
+      <el-radio size="small" v-model="radioValue" :label="1" border>
+        周，允许的通配符[, - * / L #]</el-radio
+      >
+    </div>
+    <div class="cron-item">
+      <el-radio size="small" v-model="radioValue" :label="2" border>
+        不指定</el-radio
+      >
+    </div>
+    <div class="cron-item">
+      <el-radio size="small" v-model="radioValue" :label="3" border>
+        周期</el-radio
+      >
+      <span style="margin-left: 10px; margin-right: 5px">从星期</span>
+      <el-input-number
+        size="small"
+        v-model="cycle01"
+        :min="1"
+        :max="7"
+        controls-position="right"
+      />
+      <span style="margin-left: 10px; margin-right: 5px">至</span>
+      <el-input-number
+        size="small"
+        v-model="cycle02"
+        :min="1"
+        :max="7"
+        controls-position="right"
+      />
+    </div>
+    <div class="cron-item">
+      <el-radio size="small" v-model="radioValue" :label="4" border>
+        循环</el-radio
+      >
+      <span style="margin-left: 10px; margin-right: 5px">第</span>
+      <el-input-number
+        size="small"
+        v-model="average01"
+        :min="1"
+        :max="4"
+        controls-position="right"
+      />
+      <span style="margin-left: 10px; margin-right: 5px">周的星期</span>
+      <el-input-number
+        size="small"
+        v-model="average02"
+        :min="1"
+        :max="7"
+        controls-position="right"
+      />
+    </div>
+    <div class="cron-item">
+      <el-radio size="small" v-model="radioValue" :label="5" border
+        >本月最后一个</el-radio
+      >
+      <span style="margin-left: 10px; margin-right: 5px">星期</span>
+      <el-input-number
+        size="small"
+        v-model="weekday"
+        :min="1"
+        :max="7"
+        controls-position="right"
+      />
+    </div>
+    <div class="cron-item">
+      <el-radio size="small" v-model="radioValue" :label="6" border>
+        指定</el-radio
+      >
+      <el-checkbox-group size="small" v-model="checkboxList">
+        <el-checkbox
+          class="my-[5px]"
+          :border="true"
+          v-for="item of weekList"
+          :key="item"
+          :value="item + 1"
+          :label="Number(item) < 10 ? '0' + item : item"
+        />
+      </el-checkbox-group>
+    </div>
+  </div>
+</template>
+<style lang="scss" scoped></style>
+<script setup lang="ts" name="crontab-week">
+import { computed, ref, watch } from "vue";
+
+const props = defineProps({
+  check: { type: Function },
+  cron: { type: Object },
+});
+const emits = defineEmits(["update"]);
+let weekday = ref(0);
+let radioValue = ref(1);
+let cycle01 = ref(0);
+let cycle02 = ref(0);
+let average01 = ref(0);
+let average02 = ref(1);
+
+let checkboxList = ref([]);
+let weekList = ref(["周一", "周二", "周三", "周四", "周五", "周六", "周日"]);
+
+// 计算两个周期值
+const cycleTotalFun = () => {
+  cycle01.value = props.check?.(cycle01.value, 1, 7);
+  cycle02.value = props.check?.(cycle02.value, 2, 7);
+  return cycle01.value + "-" + cycle02.value;
+};
+// 计算平均用到的值
+const averageTotalFun = () => {
+  average01.value = props.check?.(average01.value, 1, 4);
+  average02.value = props.check?.(average02.value, 1, 7);
+  return average01.value + "#" + average02.value;
+};
+// 最近的工作日（格式）
+const weekdayCheckFun = () => {
+  weekday.value = props.check?.(weekday.value, 1, 7);
+  return weekday.value;
+};
+// 计算勾选的checkbox值合集
+const checkboxStringFun = () => {
+  let str = checkboxList.value.join();
+  return str == "" ? "?" : str;
+};
+let cycleTotal = computed(() => cycleTotalFun());
+let averageTotal = computed(() => averageTotalFun());
+let weekdayCheck = computed(() => weekdayCheckFun());
+let checkboxString = computed(() => checkboxStringFun());
+// 单选按钮值变化时
+const radioChange = () => {
+  switch (radioValue.value) {
+    case 1:
+      emits("update", "week", "*");
+      break;
+    case 2:
+      emits("update", "week", "?");
+      break;
+    case 3:
+      emits("update", "week", cycle01.value + "-" + cycle02.value);
+      break;
+    case 4:
+      emits("update", "week", average01.value + "#" + average02.value);
+      break;
+    case 5:
+      emits("update", "week", weekday.value + "L");
+      break;
+    case 6:
+      emits("update", "week", checkboxString.value);
+      break;
+  }
+};
+// 根据互斥事件，更改radio的值
+// 周期两个值变化时
+const cycleChange = () => {
+  if (radioValue.value == 3) {
+    emits("update", "week", cycleTotal.value);
+  }
+};
+// 平均两个值变化时
+const averageChange = () => {
+  if (radioValue.value == 4) {
+    emits("update", "week", averageTotal.value);
+  }
+};
+// 最近工作日值变化时
+const weekdayChange = () => {
+  if (radioValue.value == 5) {
+    emits("update", "week", weekday.value + "L");
+  }
+};
+// checkbox值变化时
+const checkboxChange = () => {
+  if (radioValue.value == 6) {
+    emits("update", "week", checkboxString.value);
+  }
+};
+watch(
+  () => radioValue.value,
+  (_val) => radioChange(),
+);
+watch(
+  () => cycleTotal.value,
+  (_val) => cycleChange(),
+);
+watch(
+  () => averageTotal.value,
+  (_val) => averageChange(),
+);
+watch(
+  () => weekdayCheck.value,
+  (_val) => weekdayChange(),
+);
+watch(
+  () => checkboxString.value,
+  (_val) => checkboxChange(),
+);
+
+defineExpose({
+  cycle01,
+  cycle02,
+  average01,
+  average02,
+  checkboxList,
+  weekday,
+  radioValue,
+});
+</script>

package/src/components/cron/Crontab-Year.vue

@@ -0,0 +1,183 @@
+<template>
+  <div class="cron-content">
+    <div class="cron-item">
+      <el-radio size="small" :label="1" v-model="radioValue" border>
+        不填，允许的通配符[, - * /]</el-radio
+      >
+    </div>
+    <div class="cron-item">
+      <el-radio size="small" :label="2" v-model="radioValue" border>
+        每年</el-radio
+      >
+    </div>
+    <div class="cron-item">
+      <el-radio size="small" :label="3" v-model="radioValue" border
+        >周期</el-radio
+      >
+      <span style="margin-left: 10px; margin-right: 5px">从</span>
+      <el-input-number
+        size="small"
+        v-model="cycle01"
+        :min="fullYear"
+        controls-position="right"
+      />
+      <span style="margin-left: 10px; margin-right: 5px">至</span>
+      <el-input-number
+        size="small"
+        v-model="cycle02"
+        :min="fullYear"
+        controls-position="right"
+      />
+    </div>
+    <div class="cron-item">
+      <el-radio size="small" :label="4" v-model="radioValue" border
+        >循环</el-radio
+      >
+      <span style="margin-left: 10px; margin-right: 5px">从</span>
+      <el-input-number
+        size="small"
+        v-model="average01"
+        :min="fullYear"
+        controls-position="right"
+      />
+      <span style="margin-left: 10px; margin-right: 5px">年开始，每</span>
+      <el-input-number
+        size="small"
+        v-model="average02"
+        :min="fullYear"
+        controls-position="right"
+      />
+      <span style="margin-left: 10px; margin-right: 5px">年执行一次</span>
+    </div>
+    <div class="cron-item">
+      <el-radio size="small" :label="5" v-model="radioValue" border>
+        指定</el-radio
+      >
+      <el-checkbox-group size="small" v-model="checkboxList">
+        <el-checkbox
+          class="my-[5px]"
+          :border="true"
+          v-for="item in 20"
+          :key="item"
+          :value="item - 1 + fullYear"
+          :label="item - 1 + fullYear"
+        />
+      </el-checkbox-group>
+    </div>
+  </div>
+</template>
+<style lang="scss" scoped></style>
+<script lang="ts" setup name="crontab-year">
+import { computed, onMounted, ref, watch } from "vue";
+
+const props = defineProps({
+  check: { type: Function },
+  month: {},
+  cron: { type: Object },
+});
+const emits = defineEmits(["update"]);
+let fullYear = ref(0);
+let radioValue = ref(1);
+let cycle01 = ref(0);
+let cycle02 = ref(0);
+let average01 = ref(0);
+let average02 = ref(1);
+let checkboxList = ref([]);
+// 计算两个周期值
+const cycleTotalFun = () => {
+  cycle01.value = props.check?.(
+    cycle01.value,
+    fullYear.value,
+    fullYear.value + 100,
+  );
+  cycle02.value = props.check?.(
+    cycle02.value,
+    fullYear.value + 1,
+    fullYear.value + 101,
+  );
+  return cycle01.value + "-" + cycle02.value;
+};
+// 计算平均用到的值
+const averageTotalFun = () => {
+  average01.value = props.check?.(
+    average01.value,
+    fullYear.value,
+    fullYear.value + 100,
+  );
+  average02.value = props.check?.(average02.value, 1, 10);
+  return average01.value + "/" + average02.value;
+};
+// 计算勾选的checkbox值合集
+const checkboxStringFun = () => {
+  return checkboxList.value.join();
+};
+let cycleTotal = computed(() => cycleTotalFun());
+let averageTotal = computed(() => averageTotalFun());
+let checkboxString = computed(() => checkboxStringFun());
+// 单选按钮值变化时
+const radioChange = () => {
+  switch (radioValue.value) {
+    case 1:
+      emits("update", "year", "");
+      break;
+    case 2:
+      emits("update", "year", "*");
+      break;
+    case 3:
+      emits("update", "year", cycle01.value + "-" + cycle02.value);
+      break;
+    case 4:
+      emits("update", "year", average01.value + "/" + average02.value);
+      break;
+    case 5:
+      emits("update", "year", checkboxString.value);
+      break;
+  }
+};
+// 周期两个值变化时
+const cycleChange = () => {
+  if (radioValue.value == 3) {
+    emits("update", "year", cycleTotal.value);
+  }
+};
+// 平均两个值变化时
+const averageChange = () => {
+  if (radioValue.value == 4) {
+    emits("update", "year", averageTotal.value);
+  }
+};
+// checkbox值变化时
+const checkboxChange = () => {
+  if (radioValue.value == 5) {
+    emits("update", "year", checkboxString.value);
+  }
+};
+watch(
+  () => radioValue.value,
+  (_val) => radioChange(),
+);
+watch(
+  () => cycleTotal.value,
+  (_val) => cycleChange(),
+);
+watch(
+  () => averageTotal.value,
+  (_val) => averageChange(),
+);
+watch(
+  () => checkboxString.value,
+  (_val) => checkboxChange(),
+);
+
+onMounted(() => {
+  fullYear.value = Number(new Date().getFullYear());
+});
+defineExpose({
+  cycle01,
+  cycle02,
+  average01,
+  average02,
+  checkboxList,
+  radioValue,
+});
+</script>