cnhis-design-vue 0.2.63-beta → 0.3.1-beta

package/packages/form-table/src/components/table-component/config-data/index.js

@@ -1,80 +0,0 @@
-const configData = {
-  comTypeMap: {
-    INPUT: "tableInput",
-    DIGITAL: "tableDigital",
-    TEXTAREA: "tableTextarea",
-    RADIO: "tableSelect",
-    RADIO_BLOCK: "tableSelect",
-    CHECKBOX_BLOCK: "tableSelectMultiple",
-    CHECKBOX: "tableSelectMultiple",
-    SEARCH: "tableSearch",
-    SEARCH_MORE: "tableSearchMore",
-    DATE: "tableDatePicker",
-    "DATE-INPUT": "tableDatePicker", // 旧版兼容字段
-    "DATETIME-INPUT": "tableDatePicker", // 旧版兼容字段
-    SELECT: "tableSelect",
-    PHONE_TYPE: "tableSelect",
-    IDCARD_TYPE: "tableSelect",
-    tableMonthPicker: "tableMonthPicker",
-    tableTimePicker: "tableTimePicker",
-    tableDatePicker: "tableDatePicker", // 旧版兼容字段
-    tableSelect: "tableSelect",
-    tableInputPassword: "tableInputPassword",
-    tableSelectMultiple: "tableSelectMultiple",
-    AGE: "tableAge"
-  },
-  getComName(v = {}) {
-    const {
-      isMonthPicker_com,
-      isDate_com,
-      isTimePicker_com,
-      isSelect_com,
-      isPassword_com,
-      isTreeSelect_com
-    } = this;
-    const { comTypeMap } = configData;
-
-    if (isDate_com(v.html_type)) {
-      if (isMonthPicker_com(v)) return "tableMonthPicker";
-      if (isTimePicker_com(v)) return "tableTimePicker";
-      return "tableDatePicker";
-    }
-
-    if (isSelect_com(v)) return "tableSelect";
-    // if (isPassword_com(v)) return "tableInputPassword";
-    if (isTreeSelect_com(v)) return "tableTreeSelect";
-
-    const res = comTypeMap[v.html_type];
-    if (res) {
-      return res;
-    }
-
-    return "tableInput";
-  },
-
-  isMonthPicker_com(v) {
-    return v.date_format && v.date_format.replace(/yyyy-MM/gi, "YYYY-MM") == "YYYY-MM";
-  },
-
-  isDate_com(key) {
-    return key === "DATE" || key === "DATE-INPUT" || key === "DATETIME-INPUT";
-  },
-
-  isTimePicker_com(v) {
-    return v.html_type == "TIME-INPUT" || v.date_format == "HH:mm:ss" || v.date_format == "HH:mm";
-  },
-
-  isSelect_com(v) {
-    return ["SELECT", "PHONE_TYPE", "IDCARD_TYPE"].includes(v.html_type);
-  },
-
-  isPassword_com(v) {
-    return (v?.validate?.obj_type || "") === "password";
-  },
-
-  isTreeSelect_com(v) {
-    return (v?.show_type || "") == "tree" && v.html_type == "SEARCH";
-  }
-};
-
-export default configData;

package/packages/form-table/src/components/table-component/global-props.js

@@ -1,22 +0,0 @@
-// import { mapActions } from "vuex";
-const globalProps = {
-  data() {
-    return {};
-  },
-  inject: {},
-  computed: {
-    // ...mapGetters(["userInfo", "sysImageSize"]),
-    sysImageSize() {
-      return [];
-    },
-    isOrgAdmin() {
-      return this.userInfo?.map?.sysParams?.userType === "orgAdmin";
-    },
-    language() {
-      return "zh-cn";
-    }
-  },
-  methods: {}
-};
-
-export default globalProps;

package/packages/form-table/src/components/table-component/index.js

@@ -1,8 +0,0 @@
-const requireComponent = require.context("./", true, /table.*?\.(vue|js)$/);
-
-let cmps = {};
-
-requireComponent.keys().map(fileName => {
-  let cmp = requireComponent(fileName).default;
-  cmps[cmp.name] = cmp;
-});

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

@@ -1,455 +0,0 @@
-export default {
-  methods: {
-    isBoundDate(v, item) {
-      this.handleDateClearBtn(v, item);
-      if (!v || v.type === "blur" || !item) return;
-      const attrList = ["startDate", "endDate"];
-      if (item.html_type === "DATE" && attrList.includes(item.attr)) {
-        this.handleStartDateEndDate(item);
-      }
-    },
-
-    // 已选择时间 按清除按钮 需重置min_date/max_date/isSpliceHour
-    handleDateClearBtn(v, item) {
-      const dateObj = {
-        startDate: "min_date",
-        endDate: "max_date"
-      };
-      if (this.row[item.val_key]) {
-        let compareArr = [];
-        let compareArrCopy = [];
-        let curTime = "";
-        if (item.attr === "startDate") {
-          compareArr = this.defaultFieldList.filter(
-            v => item.group == v.group && v.attr === "endDate"
-          );
-          compareArrCopy = this.defaultFieldList.filter(
-            v => item.group == v.group && v.attr === "endDate"
-          );
-        } else if (item.attr === "endDate") {
-          compareArr = this.defaultFieldList.filter(
-            v => item.group == v.group && v.attr === "startDate"
-          );
-          compareArrCopy = this.defaultFieldList.filter(
-            v => item.group == v.group && v.attr === "startDate"
-          );
-        }
-        if (compareArrCopy.length && compareArr.length) {
-          let curValidate = compareArrCopy[0].validate;
-          if (curValidate) {
-            curTime = curValidate[dateObj[item.attr]] === "currTime" ? "currTime" : "";
-          }
-          compareArr.forEach(v => {
-            if (v.validate) {
-              v.validate[dateObj[item.attr]] = curTime;
-              v.validate.isSpliceHour = false;
-            }
-          });
-        }
-      }
-    },
-
-    // 约束时间
-    handleStartDateEndDate(item) {
-      const time = this.row[item.val_key].valueOf();
-      const dateObj = {
-        startDate: "min_date",
-        endDate: "max_date"
-      };
-      const date_format = this.momentLib(item.date_format);
-      const matchArr = this.defaultFieldList.filter(
-        v => item.group == v.group && v.attr === item.attr
-      );
-      let compareArr = [];
-      if (item.attr === "startDate") {
-        compareArr = this.defaultFieldList.filter(
-          v => item.group == v.group && v.attr === "endDate"
-        );
-      } else if (item.attr === "endDate") {
-        compareArr = this.defaultFieldList.filter(
-          v => item.group == v.group && v.attr === "startDate"
-        );
-      }
-
-      if (!item.validate) return;
-      // 日期选择插件 有时间选择面板时, 约束判断
-      this.setDefaultCurrent(compareArr[0], item.validate.currTime);
-      if (item.date_format === "YYYY-MM-dd HH:mm:ss") {
-        this.handleDefaultRimeRange(time, item);
-      }
-      compareArr.forEach(v => {
-        if (v.validate) {
-          this.$set(v.validate, [dateObj[item.attr]], time);
-          this.$set(v.validate, "momentFormat", date_format);
-          v.validate[dateObj[item.attr]] = time;
-          v.validate.momentFormat = date_format;
-        }
-      });
-      matchArr.forEach(v => {
-        if (v.validate) {
-          v.validate.momentFormat = date_format;
-        }
-      });
-      if (
-        (item.date_format === "HH:mm:ss" || item.date_format === "HH:mm") &&
-        item.validate &&
-        item.validate.setCurrTime
-      ) {
-        item.validate.timeRange = this.handleDefaultTimeRange(time, item);
-      }
-      // 年月日时分秒/时分秒/时分 组件需要特殊控制
-      if (this.showTimePanel(item)) {
-        const { chooseDate } = this.judgeTimeRange(time, compareArr[0]);
-        const compareTimeRange = this.handleDefaultTimeRange(time, compareArr[0], chooseDate);
-        compareArr.forEach(v => {
-          if (v.validate) {
-            this.$set(v.validate, "timeRange", compareTimeRange);
-            v.validate.timeRange = compareTimeRange;
-          }
-        });
-        this.judgeTimeBoundary(time, item);
-      }
-    },
-
-    showTimePanel(item) {
-      return (
-        item.date_format === "HH:mm:ss" ||
-        item.date_format === "HH:mm" ||
-        item.date_format === "YYYY-MM-dd HH:mm:ss"
-      );
-    },
-
-    momentLib(date_format) {
-      let res;
-      switch (date_format) {
-        case "YYYY-MM-dd HH:mm:ss":
-        case "HH:mm:ss":
-          res = "days";
-          break;
-        case "YYYY-MM-dd":
-          res = "days";
-          break;
-        case "YYYY-MM":
-          res = "months";
-          break;
-      }
-      return res;
-    },
-
-    // 时间选择 选择时间约束 不能超过最大时间/小于最小时间
-    judgeTimeBoundary(time, item) {
-      if (!item || item.validate) return;
-      const { currTime } = item.validate;
-      if (item.validate.min_date === "currTime") {
-        if (time < currTime) {
-          this.setTimeValue(currTime, item);
-        }
-      } else if (item.validate.min_date) {
-        if (time < item.validate.min_date) {
-          this.setTimeValue(item.validate.min_date, item);
-        }
-      }
-      if (item.validate.max_date === "currTime") {
-        if (time > currTime) {
-          this.setTimeValue(currTime, item);
-        }
-      } else if (item.validate.max_date) {
-        if (time > item.validate.max_date) {
-          this.setTimeValue(item.validate.max_date, item);
-        }
-      }
-    },
-
-    setTimeValue(time, item) {
-      const dateType = this.handlerGetDateType(item);
-      const value = this.$moment(time).format(dateType);
-      const momentValue = this.$moment(value, dateType);
-      const key = item["val_key"];
-      setTimeout(() => {
-        this.hanldeSetFieldsValue({ [key]: momentValue }, item);
-      }, 20);
-    },
-
-    // 判断约束的是 min_date还是max_date
-    judgeTimeRange(time, item) {
-      const resObj = {};
-      const curDate = this.$moment(time).format("YYYY-MM-DD");
-      if (!item || !item.validate) return resObj;
-      if (!item.validate.min_date && !item.validate.max_date) {
-        resObj.res = false;
-        return resObj;
-      } else if (item.validate.min_date && item.validate.max_date) {
-        let compareMin, compareMax;
-        if (item.validate.min_date !== "currTime" && item.validate.max_date !== "currTime") {
-          compareMin = this.$moment(item.validate.min_date).format("YYYY-MM-DD");
-          compareMax = this.$moment(item.validate.max_date).format("YYYY-MM-DD");
-          return this.isSameDate(curDate, compareMin, compareMax);
-        } else if (item.validate.min_date !== "currTime" && item.validate.max_date == "currTime") {
-          compareMin = this.$moment(item.validate.min_date).format("YYYY-MM-DD");
-          compareMax = this.$moment(item.validate.currTime).format("YYYY-MM-DD");
-          return this.isSameDate(curDate, compareMin, compareMax);
-        } else if (item.validate.min_date === "currTime" && item.validate.max_date !== "currTime") {
-          compareMin = this.$moment(item.validate.currTime).format("YYYY-MM-DD");
-          compareMax = this.$moment(item.validate.max_date).format("YYYY-MM-DD");
-          return this.isSameDate(curDate, compareMin, compareMax);
-        } else {
-          resObj.res = false;
-          return resObj;
-        }
-      } else if (item.validate.min_date) {
-        let compareMin;
-        if (item.validate.min_date === "currTime") {
-          compareMin = this.$moment(item.validate.currTime).format("YYYY-MM-DD");
-        } else {
-          compareMin = this.$moment(item.validate.min_date).format("YYYY-MM-DD");
-        }
-        return this.isSameDate(curDate, compareMin, "");
-      } else if (item.validate.max_date) {
-        let compareMax;
-        if (item.validate.max_date === "currTime") {
-          compareMax = this.$moment(item.validate.currTime).format("YYYY-MM-DD");
-        } else {
-          compareMax = this.$moment(item.validate.max_date).format("YYYY-MM-DD");
-        }
-        return this.isSameDate(curDate, "", compareMax);
-      }
-    },
-
-    isSameDate(curDate, compareMin, compareMax) {
-      const resObj = {};
-      if (compareMin && compareMax) {
-        if (curDate === compareMin || curDate === compareMax) {
-          resObj.res = true;
-        } else {
-          resObj.res = false;
-        }
-        if (curDate === compareMin && curDate === compareMax) {
-          resObj.chooseDate = "";
-        } else if (curDate === compareMin) {
-          resObj.chooseDate = "min_date";
-        } else if (curDate === compareMax) {
-          resObj.chooseDate = "max_date";
-        } else {
-          resObj.chooseDate = "";
-        }
-      } else if (compareMin) {
-        if (curDate === compareMin) {
-          resObj.chooseDate = "min_date";
-          resObj.res = true;
-        } else {
-          resObj.chooseDate = "";
-          resObj.res = false;
-        }
-      } else if (compareMax) {
-        if (curDate === compareMax) {
-          resObj.chooseDate = "max_date";
-          resObj.res = true;
-        } else {
-          resObj.chooseDate = "";
-          resObj.res = false;
-        }
-      }
-      return resObj;
-    },
-
-    // 设置currTime 时间戳
-    setDefaultCurrent(compareItem, currTime) {
-      if (!compareItem) return;
-      const validate = compareItem?.validate || {};
-      if (validate?.min_date === "currTime" || validate?.max_date === "currTime") {
-        validate.currTime = currTime;
-      }
-    },
-
-    // 特别处理 年月日时分秒
-    handleDefaultRimeRange(time, item) {
-      if (!item.validate) return;
-      // 年月日时分秒 是否同一天
-      if (this.judgeMinMaxDateIsSameDate(item)) {
-        item.validate.timeRange = this.handleDefaultTimeRange(time, item);
-      } else {
-        const { res, chooseDate } = this.judgeTimeRange(time, item);
-        if (res) {
-          const timeRange = this.handleDefaultTimeRange(time, item, chooseDate);
-          item.validate.timeRange = timeRange;
-        } else {
-          item.validate.timeRange = {};
-        }
-      }
-    },
-
-    // 年月日时分秒 是否是同一天
-    judgeMinMaxDateIsSameDate(item) {
-      if (!item || !item.validate) return false;
-      if (item.validate.min_date && item.validate.min_date) {
-        let compareMin, compareMax;
-        if (item.validate.min_date !== "currTime" && item.validate.max_date !== "currTime") {
-          compareMin = this.$moment(item.validate.min_date).format("YYYY-MM-DD");
-          compareMax = this.$moment(item.validate.max_date).format("YYYY-MM-DD");
-          return compareMin === compareMax;
-        } else if (item.validate.min_date !== "currTime" && item.validate.max_date == "currTime") {
-          compareMin = this.$moment(item.validate.min_date).format("YYYY-MM-DD");
-          compareMax = this.$moment(item.validate.currTime).format("YYYY-MM-DD");
-          return compareMin === compareMax;
-        } else if (item.validate.min_date === "currTime" && item.validate.max_date !== "currTime") {
-          compareMin = this.$moment(item.validate.currTime).format("YYYY-MM-DD");
-          compareMax = this.$moment(item.validate.max_date).format("YYYY-MM-DD");
-          return compareMin === compareMax;
-        } else {
-          return false;
-        }
-      } else {
-        return false;
-      }
-    },
-
-    handleDefaultTimeRange(time, item, chooseDate) {
-      let timeRange = {};
-      if (!item || !item.validate) return {};
-      const { currTime } = item.validate;
-      if (item.validate.min_date && !item.validate.max_date) {
-        if (item.validate.min_date === "currTime") {
-          timeRange = this.changeTimeDate(time, currTime, "", item);
-        } else if (item.validate.min_date) {
-          timeRange = this.changeTimeDate(time, item.validate.min_date, "", item);
-        }
-      } else if (!item.validate.min_date && item.validate.max_date) {
-        if (item.validate.max_date === "currTime") {
-          timeRange = this.changeTimeDate(time, "", currTime, item);
-        } else if (item.validate.max_date) {
-          timeRange = this.changeTimeDate(time, "", item.validate.max_date, item);
-        }
-      } else if (item.validate.min_date && item.validate.max_date) {
-        if (item.validate.min_date === "currTime" && item.validate.max_date !== "currTime") {
-          if (chooseDate) {
-            if (chooseDate === "max_date") {
-              timeRange = this.changeTimeDate(time, "", item.validate.max_date, item);
-            } else if (chooseDate === "min_date") {
-              timeRange = this.changeTimeDate(time, currTime, "", item);
-            }
-          } else {
-            timeRange = this.changeTimeDate(time, currTime, item.validate.max_date, item);
-          }
-        } else if (item.validate.min_date !== "currTime" && item.validate.max_date === "currTime") {
-          if (chooseDate) {
-            if (chooseDate === "max_date") {
-              timeRange = this.changeTimeDate(time, "", currTime, item);
-            } else if (chooseDate === "min_date") {
-              timeRange = this.changeTimeDate(time, item.validate.min_date, "", item);
-            }
-          } else {
-            timeRange = this.changeTimeDate(time, item.validate.min_date, currTime, item);
-          }
-        } else if (item.validate.min_date !== "currTime" && item.validate.max_date !== "currTime") {
-          if (chooseDate) {
-            if (chooseDate === "max_date") {
-              timeRange = this.changeTimeDate(time, "", item.validate.max_date, item);
-            } else if (chooseDate === "min_date") {
-              timeRange = this.changeTimeDate(time, item.validate.min_date, "", item);
-            }
-          } else {
-            timeRange = this.changeTimeDate(
-              time,
-              item.validate.min_date,
-              item.validate.max_date,
-              item
-            );
-          }
-        }
-      }
-      return timeRange;
-    },
-
-    changeTimeDate(time, minTime, maxTime, item) {
-      const h = this.$moment(time).hour();
-      const m = this.$moment(time).minute();
-      let minH = 0;
-      let maxH = 24;
-      let minM = 0;
-      let maxM = 60;
-      let minS = 0;
-      let maxS = 60;
-      let timeRange = {};
-      this.$set(item.validate, "isSpliceHour", false);
-      if (minTime && !maxTime) {
-        // 结束时间未选择 && (点击的时间日期 > currTime日期 即6月18日 > 6月17日)
-        // timeRange 无需禁用
-        if (
-          time >
-          this.$moment(minTime)
-            .endOf("day")
-            .valueOf()
-        ) {
-          return this.setTimeRangeArr(0, 0, 0, 0, 0, 0);
-        }
-        minH = this.$moment(minTime).hour();
-        minM = this.$moment(minTime).minute();
-        minS = this.$moment(minTime).second();
-        if (h == minH) {
-          if (m > minM) {
-            timeRange = this.setTimeRangeArr(0, minH, 0, minM, 0, 0);
-          } else {
-            timeRange = this.setTimeRangeArr(0, minH, 0, minM, 0, minS + 1);
-          }
-        } else {
-          timeRange = this.setTimeRangeArr(0, minH, 0, 0, 0, 0);
-        }
-      } else if (!minTime && maxTime) {
-        // 开始时间未选择 && (点击的时间日期 < currTime日期 即6月16日 < 6月17日)
-        // timeRange 无需禁用
-        if (
-          time <
-          this.$moment(maxTime)
-            .startOf("day")
-            .valueOf()
-        ) {
-          return this.setTimeRangeArr(0, 0, 0, 0, 0, 0);
-        }
-        maxH = this.$moment(maxTime).hour();
-        maxM = this.$moment(maxTime).minute();
-        maxS = this.$moment(maxTime).second();
-        if (h == maxH) {
-          if (m < maxM) {
-            timeRange = this.setTimeRangeArr(maxH + 1, 24, maxM + 1, 60, 0, 0);
-          } else {
-            timeRange = this.setTimeRangeArr(maxH + 1, 24, maxM + 1, 60, maxS, 60);
-          }
-        } else {
-          timeRange = this.setTimeRangeArr(maxH + 1, 24, 0, 0, 0, 0);
-        }
-      } else if (minTime && maxTime) {
-        minH = this.$moment(minTime).hour();
-        minM = this.$moment(minTime).minute();
-        minS = this.$moment(minTime).second();
-        maxH = this.$moment(maxTime).hour();
-        maxM = this.$moment(maxTime).minute();
-        maxS = this.$moment(maxTime).second();
-        this.$set(item.validate, "isSpliceHour", true);
-        if (h === maxH) {
-          if (m < maxM) {
-            timeRange = this.setTimeRangeArr(minH, maxH, maxM + 1, 60, 0, 0);
-          } else {
-            timeRange = this.setTimeRangeArr(minH, maxH, maxM + 1, 60, maxS, 60);
-          }
-        } else if (h === minH) {
-          if (m > minM) {
-            timeRange = this.setTimeRangeArr(minH, maxH, 0, minM, 0, 0);
-          } else {
-            timeRange = this.setTimeRangeArr(minH, maxH, 0, minM, 0, minS + 1);
-          }
-        } else {
-          timeRange = this.setTimeRangeArr(minH, maxH, 0, 0, 0, 0);
-        }
-      }
-      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;
-    }
-  }
-};