cnhis-design-vue 2.2.3 → 2.2.5

package/packages/big-table/src/components/edit-form/edit-component/edit-select-multiple/edit-select-multiple.vue

@@ -1,55 +0,0 @@
-<template>
-  <a-select
-    v-model="item.useFormValue"
-    mode="multiple"
-    :showArrow="true"
-    class="formItem-select formItem-select-multiple"
-    defaultActiveFirstOption
-    :ref="item.val_key"
-    :optionData="`${JSON.stringify(item.option)}`"
-    :allowClear="item.is_empty == 0"
-    :disabled="item.is_edit == 0"
-    :dropdownMatchSelectWidth="true"
-    :placeholder="item.placeholder || `请选择${item.name}` || ''"
-    @dropdownVisibleChange="dropdownVisibleChange"
-    :filterOption="$utils.filterOption"
-  >
-    <a-select-option v-for="(v, y) in item.option" :key="(y + 9).toString(36) + y" :value="v.value">{{ v.text }}</a-select-option>
-  </a-select>
-</template>
-<script>
-import itemDefault from '../mixins/item-default';
-export default {
-  name: 'editSelectMultiple',
-  components: {},
-  props: {
-    item: Object
-  },
-  mixins: [itemDefault],
-  data() {
-    return {
-      open: false
-    };
-  },
-
-  computed: {},
-  watch: {},
-  // 生命周期
-  created() {},
-  mounted() {},
-
-  // 方法
-  methods: {}
-};
-</script>
-<style lang="less" scoped>
-.formItem-select-multiple {
-  padding: 4px 0;
-}
-.formItem-select-multiple {
-  /deep/ .ant-select-selection--multiple .ant-select-selection__clear,
-  /deep/ .ant-select-selection--multiple .ant-select-arrow {
-    top: 50%;
-  }
-}
-</style>

package/packages/big-table/src/components/edit-form/edit-component/edit-switch/edit-switch.vue

@@ -1,43 +0,0 @@
-<template>
-  <a-checkbox
-    :ref="`switch-${item.val_key}`"
-    :checked="item.useFormValue"
-    :disabled="item.is_edit == 0"
-    :placeholder="item.placeholder || ''"
-    @change="onChange"
-  >
-  </a-checkbox>
-</template>
-<script>
-export default {
-  name: "editSwitch",
-  components: {},
-  inject: {
-    /** baseForm */
-    mainForm: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  props: {
-    item: Object
-  },
-  data() {
-    return {};
-  },
-
-  computed: {},
-  watch: {},
-  // 生命周期
-  created() {},
-  mounted() {},
-
-  // 方法
-  methods: {
-    onChange(e) {
-      this.item.useFormValue = e.target.checked;
-    }
-  }
-};
-</script>
-<style lang="less" scoped></style>

package/packages/big-table/src/components/edit-form/edit-component/edit-textarea/edit-textarea.vue

@@ -1,41 +0,0 @@
-<template>
-  <a-textarea
-    :ref="`a-textarea-${item.val_key}`"
-    v-model="item.useFormValue"
-    autocomplete="off"
-    :allowClear="item.is_empty == 0"
-    :placeholder="item.placeholder || ''"
-    :rows="item.initialize_high || 3"
-    :disabled="item.is_edit == 0"
-    :maxLength="maxLength"
-    class="form-control"
-  ></a-textarea>
-</template>
-<script>
-export default {
-  name: "editTextarea",
-  components: {},
-  props: {
-    item: Object
-  },
-  data() {
-    return {};
-  },
-
-  computed: {
-    maxLength() {
-      const { item } = this;
-      let res = item.validate && item.validate.max_length ? +item.validate.max_length : 500;
-      return res;
-    }
-  },
-  watch: {},
-  // 生命周期
-  created() {},
-  mounted() {},
-
-  // 方法
-  methods: {}
-};
-</script>
-<style lang="less" scoped></style>

package/packages/big-table/src/components/edit-form/edit-component/edit-time-picker/edit-time-picker.vue

@@ -1,40 +0,0 @@
-<template>
-  <a-time-picker
-    v-model="item.useFormValue"
-    :ref="'timePicker-' + item.val_key"
-    :format="handlerGetDateType(item)"
-    :disabled="item.is_edit == 0"
-    :disabledHours="disabledHours(item, 'h')"
-    :disabledMinutes="disabledHours(item, 'm')"
-    :disabledSeconds="disabledHours(item, 's')"
-    :placeholder="item.placeholder || ''"
-    :allowClear="item.is_empty == 0"
-  />
-</template>
-<script>
-import itemDefault from '../mixins/item-default';
-import dateType from '../mixins/dateType';
-export default {
-  name: 'editTimePicker',
-  components: {},
-  props: {
-    item: Object
-  },
-  mixins: [itemDefault, dateType],
-  data() {
-    return {
-      open: false
-    };
-  },
-
-  computed: {},
-  watch: {},
-  // 生命周期
-  created() {},
-  mounted() {},
-
-  // 方法
-  methods: {}
-};
-</script>
-<style lang="less" scoped></style>

package/packages/big-table/src/components/edit-form/edit-component/mixins/bound-date.js

@@ -1,3 +0,0 @@
-export default {
-  methods: {}
-};

package/packages/big-table/src/components/edit-form/edit-component/mixins/dateType.js

@@ -1,217 +0,0 @@
-import vexutils from '@/utils/vexutils';
-export default {
-  methods: {
-    // 日期组件支持相互约束配置
-    disabledDatePicker(current, item) {
-      if (!item.validate) return;
-      const momentFormat = item?.validate?.momentFormat || "days";
-      if (!item.validate.max_date && item.validate.min_date) {
-        if (item.validate.min_date === "currTime") {
-          return current && current < this.$moment().startOf(momentFormat);
-        } else if (item.validate.min_date) {
-          return current && current < this.$moment(item.validate.min_date);
-        }
-      }
-      if (!item.validate.min_date && item.validate.max_date) {
-        if (item.validate.max_date === "currTime") {
-          return current >= this.$moment().endOf(momentFormat);
-        } else if (item.validate.max_date) {
-          return current && current >= this.$moment(item.validate.max_date).endOf(momentFormat);
-        }
-      }
-      if (item.validate.min_date && item.validate.max_date) {
-        if (item.validate.min_date != "currTime" && item.validate.max_date != "currTime") {
-          return (
-            (current && current < this.$moment(item.validate.min_date)) ||
-            (current && current >= this.$moment(item.validate.max_date).endOf(momentFormat))
-          );
-        } else if (item.validate.min_date == "currTime" && item.validate.max_date != "currTime") {
-          return (
-            (current && current < this.$moment().startOf("days")) ||
-            (current && current >= this.$moment(item.validate.max_date).endOf(momentFormat))
-          );
-        } else if (item.validate.min_date != "currTime" && item.validate.max_date == "currTime") {
-          return (
-            (current && current < this.$moment(item.validate.min_date)) ||
-            current >= this.$moment().endOf(momentFormat)
-          );
-        } else if (item.validate.min_date == "currTime" && item.validate.max_date == "currTime") {
-          return (
-            (current && current < this.$moment().startOf("days")) ||
-            current >= this.$moment().endOf(momentFormat)
-          );
-        }
-      }
-    },
-
-    // 日期选择组件 时间选择面板 约束
-    disabledTimePicker(current, item) {
-      if (!item.validate) return;
-      if (item.date_format === "YYYY-MM-dd HH:mm:ss") {
-        if (vexutils.isEmpty(item.validate.timeRange) || !item.validate.isSpliceHour) {
-          this.disabledMethodTimeRange(item);
-        }
-      }
-      const { timeRange = {} } = item.validate;
-      if (!vexutils.isEmpty(timeRange)) {
-        const { hArr = [], mArr = [], sArr = [] } = timeRange;
-        let hRange = this.range(hArr[0], hArr[1]);
-        if (item.date_format === "YYYY-MM-dd HH:mm:ss") {
-          if (item.validate.isSpliceHour) {
-            const length = hArr[1] - hArr[0];
-            const tempRange = this.range(0, 24);
-            tempRange.splice(hArr[0], length + 1);
-            hRange = tempRange;
-          }
-        }
-        let diff = 0;
-        // 如果 min_date = 'currTime' 时间禁用的“分”,“秒” 减 1 ,避免“当前时间（时分秒）”选不了
-        if (
-          ["startDate", "endDate"].includes(item.attr) &&
-          "currTime" == item?.validate?.min_date
-        ) {
-          diff = 1;
-        }
-        return {
-          disabledHours: () => hRange,
-          disabledMinutes: () => this.range(mArr[0], mArr[1] - diff),
-          disabledSeconds: () => this.range(sArr[0], sArr[1] - diff * 5)
-        };
-      }
-    },
-
-    openTimeChange(open, item) {
-      this.open = open;
-      if (!item.validate) return;
-      if (!open) {
-        this.$nextTick(() => {
-          this.$set(item.validate, "setCurrTime", false);
-        });
-      }
-    },
-
-    // 时间选择器 约束
-    disabledHours(item, type) {
-      if (!item.validate) return;
-      if (vexutils.isEmpty(item.validate.timeRange) || !item.validate.isSpliceHour) {
-        this.disabledMethodTimeRange(item);
-      }
-      const { timeRange = {} } = item.validate;
-      if (!vexutils.isEmpty(timeRange)) {
-        const { hArr = [], mArr = [], sArr = [] } = timeRange;
-        let hRange = this.range(hArr[0], hArr[1]);
-        if (item.validate.min_date && item.validate.max_date) {
-          const length = hArr[1] - hArr[0];
-          const tempRange = this.range(0, 24);
-          tempRange.splice(hArr[0], length + 1);
-          hRange = tempRange;
-        }
-        if (type === "h") {
-          return () => hRange;
-        } else if (type === "m") {
-          return () => this.range(mArr[0], mArr[1]);
-        } else if (type === "s") {
-          return () => this.range(sArr[0], sArr[1]);
-        }
-      }
-    },
-
-    disabledMethodTimeRange(item) {
-      const currTime = new Date().valueOf();
-      if (!item.validate) return;
-      if (
-        ((item.validate.max_date === "currTime" && item.attr === "startDate") ||
-          (item.validate.min_date === "currTime" && item.attr === "endDate")) &&
-        !item.validate.setCurrTime
-      ) {
-        this.$set(item.validate, "setCurrTime", true);
-        item.validate.timeRange = this.handleCompareTimeRange(currTime, item, "match");
-        item.validate.currTime = currTime;
-      }
-      if (
-        ((item.validate.min_date === "currTime" && item.attr === "startDate") ||
-          (item.validate.max_date === "currTime" && item.attr === "endDate")) &&
-        !item.validate.setCurrTime
-      ) {
-        this.$set(item.validate, "setCurrTime", true);
-        item.validate.timeRange = this.handleCompareTimeRange(currTime, item, "compare");
-        item.validate.currTime = currTime;
-      }
-    },
-
-    handleCompareTimeRange(time, item, type) {
-      let timeRange = {};
-      const h = this.$moment(time).hour();
-      const m = this.$moment(time).minute();
-      const s = this.$moment(time).second();
-      if (
-        (type === "compare" && item.attr === "startDate") ||
-        (type === "match" && item.attr === "endDate")
-      ) {
-        timeRange = this.setTimeRangeArr(0, h, 0, m, 0, s + 1);
-      } else if (
-        (type === "compare" && item.attr === "endDate") ||
-        (type === "match" && item.attr === "startDate")
-      ) {
-        timeRange = this.setTimeRangeArr(h + 1, 24, m + 1, 60, s, 60);
-      }
-      return timeRange;
-    },
-
-    setTimeRangeArr(hMin, HMax, mMin, mMax, sMin, sMax) {
-      const timeRange = {};
-      timeRange.hArr = [hMin, HMax];
-      timeRange.mArr = [mMin, mMax];
-      timeRange.sArr = [sMin, sMax];
-      return timeRange;
-    },
-
-    range(start, end) {
-      const result = [];
-      for (let i = start; i < end; i++) {
-        result.push(i);
-      }
-      return result;
-    },
-
-    openDateChange(open, item) {
-      let c = this?.$refs?.dataPickerRef?.$refs?.picker;
-      let dateType = this.handlerGetDateType(item);
-      if (open) {
-        setTimeout(() => {
-          if (c && !c.sValue) {
-            let v = this.$moment(new Date(), dateType);
-            this.autoVal = v;
-            c.setState({
-              sValue: v,
-              showDate: v
-            });
-            // c.handleChange(v);
-          }
-        }, 16);
-      } else {
-        if (c && c.sValue && this.autoVal) {
-          let v = c.sValue.format(dateType);
-          if (v === this.autoVal.format(dateType)) {
-            // c.handleChange(null);
-            c.setState({
-              sValue: null,
-              showDate: null
-            });
-          }
-        }
-      }
-      if (item.date_format === "YYYY-MM-dd HH:mm:ss") {
-        this.openTimeChange(open, item);
-      }
-      this.open = open;
-      // 获取焦点时，判断当前在第几个表单项
-      if (open) {
-        let index = this.shortcutFieldsList.findIndex(i => i.val_key == item.val_key);
-        if (index != -1) {
-          this.mainForm.parentIndex = index;
-        }
-      }
-    }
-  }
-};