cnhis-design-vue 3.1.9-beta.4 → 3.1.9-beta.5

package/es/packages/scale-view/src/hooks/use-component.mjs

@@ -1,82 +1 @@
-import { shallowRef } from 'vue';
-import RInput from '../components/formitem/r-input.mjs';
-import scriptRadio from '../components/formitem/r-radio.mjs';
-import scriptCheckbox from '../components/formitem/r-checkbox.mjs';
-import scriptSelect from '../components/formitem/r-select.mjs';
-import scriptDatetime from '../components/formitem/r-datetime.mjs';
-import RCascader from '../components/formitem/r-cascader.mjs';
-import RCollection from '../components/formitem/r-collection.mjs';
-import RAddress from '../components/formitem/r-address.mjs';
-import RUpload from '../components/formitem/r-upload.mjs';
-import RMap from '../components/formitem/r-map.mjs';
-import RVodChunkUpload from 'cnhis-design-vue/es/packages/chunk-upload/src/vod-chunk-upload';
-import CSelectLabel from 'cnhis-design-vue/es/packages/select-label';
-
-let RInputCom = shallowRef(RInput);
-let RRadioCom = shallowRef(scriptRadio);
-let RCheckboxCom = shallowRef(scriptCheckbox);
-let RSelectCom = shallowRef(scriptSelect);
-let RDatetimeCom = shallowRef(scriptDatetime);
-let RCascaderCom = shallowRef(RCascader);
-let RCollectionCom = shallowRef(RCollection);
-let RAddressCom = shallowRef(RAddress);
-let RUploadCom = shallowRef(RUpload);
-let RMapCom = shallowRef(RMap);
-let RVodChunkUploadCom = shallowRef(RVodChunkUpload);
-let CSelectLabelCom = shallowRef(CSelectLabel);
-const componentMap = {
-  "TITLE": RCollectionCom,
-  "LINEBAR": RCollectionCom,
-  "RADIO_BLOCK": RRadioCom,
-  "CHECKBOX_BLOCK": RCheckboxCom,
-  "SELECT": RSelectCom,
-  "SEARCH_CASCADE": RCascaderCom,
-  "INPUT": RInputCom,
-  "DATE": RDatetimeCom,
-  "TIME": RDatetimeCom,
-  "DATETIME": RDatetimeCom,
-  "ID_CARD": RInputCom,
-  "ADDRESS": RAddressCom,
-  "LOCATION": RMapCom,
-  "LABEL": CSelectLabelCom,
-  "UPFILE": RUploadCom,
-  "UPPICTURE": RUploadCom,
-  "VEDIO": RVodChunkUploadCom,
-  "MOBILE": RInputCom,
-  "EVALUATE_RADIO_BLOCK": RRadioCom,
-  "EVALUATE_CHECKBOX_BLOCK": RCheckboxCom,
-  "EVALUATE_SELECT": RSelectCom,
-  "EVALUATE_INPUT": RInputCom,
-  "PROMPT": RCollectionCom,
-  "IMGCARD": RCollectionCom,
-  "RICH_TEXT": RCollectionCom
-};
-const componentMapStr = {
-  "TITLE": "RInputCom",
-  "LINEBAR": "RInputCom",
-  "RADIO_BLOCK": "RRadioCom",
-  "CHECKBOX_BLOCK": "RCheckboxCom",
-  "SELECT": "RSelectCom",
-  "SEARCH_CASCADE": "RCascaderCom",
-  "INPUT": "RInputCom",
-  "DATE": "RInputCom",
-  "TIME": "RInputCom",
-  "DATETIME": "RInputCom",
-  "ID_CARD": "RInputCom",
-  "ADDRESS": "RInputCom",
-  "LOCATION": "RMapCom",
-  "LABEL": "CSelectLabelCom",
-  "UPFILE": "RUploadCom",
-  "UPPICTURE": "RUploadCom",
-  "VEDIO": "RVodChunkUploadCom",
-  "MOBILE": "RInputCom",
-  "EVALUATE_RADIO_BLOCK": "RRadioCom",
-  "EVALUATE_CHECKBOX_BLOCK": "RCheckboxCom",
-  "EVALUATE_SELECT": "RSelectCom",
-  "EVALUATE_INPUT": "RInputCom",
-  "PROMPT": "RInputCom",
-  "IMGCARD": "RInputCom",
-  "RICH_TEXT": "RInputCom"
-};
-
-export { componentMap, componentMapStr };
+export { componentMap, componentMapStr } from './use-component2.mjs';

package/es/packages/scale-view/src/hooks/use-component2.mjs

@@ -0,0 +1,82 @@
+import { shallowRef } from 'vue';
+import RInput from '../components/formitem/r-input2.mjs';
+import scriptRadio from '../components/formitem/r-radio2.mjs';
+import scriptCheckbox from '../components/formitem/r-checkbox2.mjs';
+import scriptSelect from '../components/formitem/r-select2.mjs';
+import scriptDatetime from '../components/formitem/r-datetime2.mjs';
+import RCascader from '../components/formitem/r-cascader2.mjs';
+import RCollection from '../components/formitem/r-collection2.mjs';
+import RAddress from '../components/formitem/r-address2.mjs';
+import RUpload from '../components/formitem/r-upload2.mjs';
+import RMap from '../components/formitem/r-map2.mjs';
+import RVodChunkUpload from 'cnhis-design-vue/es/packages/chunk-upload/src/vod-chunk-upload';
+import CSelectLabel from 'cnhis-design-vue/es/packages/select-label';
+
+let RInputCom = shallowRef(RInput);
+let RRadioCom = shallowRef(scriptRadio);
+let RCheckboxCom = shallowRef(scriptCheckbox);
+let RSelectCom = shallowRef(scriptSelect);
+let RDatetimeCom = shallowRef(scriptDatetime);
+let RCascaderCom = shallowRef(RCascader);
+let RCollectionCom = shallowRef(RCollection);
+let RAddressCom = shallowRef(RAddress);
+let RUploadCom = shallowRef(RUpload);
+let RMapCom = shallowRef(RMap);
+let RVodChunkUploadCom = shallowRef(RVodChunkUpload);
+let CSelectLabelCom = shallowRef(CSelectLabel);
+const componentMap = {
+  "TITLE": RCollectionCom,
+  "LINEBAR": RCollectionCom,
+  "RADIO_BLOCK": RRadioCom,
+  "CHECKBOX_BLOCK": RCheckboxCom,
+  "SELECT": RSelectCom,
+  "SEARCH_CASCADE": RCascaderCom,
+  "INPUT": RInputCom,
+  "DATE": RDatetimeCom,
+  "TIME": RDatetimeCom,
+  "DATETIME": RDatetimeCom,
+  "ID_CARD": RInputCom,
+  "ADDRESS": RAddressCom,
+  "LOCATION": RMapCom,
+  "LABEL": CSelectLabelCom,
+  "UPFILE": RUploadCom,
+  "UPPICTURE": RUploadCom,
+  "VEDIO": RVodChunkUploadCom,
+  "MOBILE": RInputCom,
+  "EVALUATE_RADIO_BLOCK": RRadioCom,
+  "EVALUATE_CHECKBOX_BLOCK": RCheckboxCom,
+  "EVALUATE_SELECT": RSelectCom,
+  "EVALUATE_INPUT": RInputCom,
+  "PROMPT": RCollectionCom,
+  "IMGCARD": RCollectionCom,
+  "RICH_TEXT": RCollectionCom
+};
+const componentMapStr = {
+  "TITLE": "RInputCom",
+  "LINEBAR": "RInputCom",
+  "RADIO_BLOCK": "RRadioCom",
+  "CHECKBOX_BLOCK": "RCheckboxCom",
+  "SELECT": "RSelectCom",
+  "SEARCH_CASCADE": "RCascaderCom",
+  "INPUT": "RInputCom",
+  "DATE": "RInputCom",
+  "TIME": "RInputCom",
+  "DATETIME": "RInputCom",
+  "ID_CARD": "RInputCom",
+  "ADDRESS": "RInputCom",
+  "LOCATION": "RMapCom",
+  "LABEL": "CSelectLabelCom",
+  "UPFILE": "RUploadCom",
+  "UPPICTURE": "RUploadCom",
+  "VEDIO": "RVodChunkUploadCom",
+  "MOBILE": "RInputCom",
+  "EVALUATE_RADIO_BLOCK": "RRadioCom",
+  "EVALUATE_CHECKBOX_BLOCK": "RCheckboxCom",
+  "EVALUATE_SELECT": "RSelectCom",
+  "EVALUATE_INPUT": "RInputCom",
+  "PROMPT": "RInputCom",
+  "IMGCARD": "RInputCom",
+  "RICH_TEXT": "RInputCom"
+};
+
+export { componentMap, componentMapStr };

package/es/packages/scale-view/src/hooks/use-evaluate.mjs

@@ -1,150 +1 @@
-import { reactive, computed, onMounted, onUnmounted } from 'vue';
-import moment from 'moment';
-import vexutils from 'cnhis-design-vue/es/src/utils/vexutils';
-
-const useEvaluate = (props, state, config) => {
-  let { emit } = config;
-  const evaluateState = reactive({
-    totalLen: 0,
-    timer: null,
-    countdownStr: "",
-    isTimeOut: false,
-    countdownRed: false,
-    filterArr: [
-      "LINEBAR",
-      "TITLE",
-      "CALLBACK_INTERFACE",
-      "SPREAD_PARAMS",
-      "REDIRECT",
-      "FRONT_ADDRESS",
-      "PROMPT",
-      "IMGCARD",
-      "RETURN_PATH",
-      "RICH_TEXT",
-      "SUCCESS_TIP"
-    ]
-  });
-  const evaluateStartTime = computed(() => {
-    var _a;
-    return (_a = props.evaluateResultSetting) == null ? void 0 : _a.evaluateStartTime;
-  });
-  const getEvaluateStartTime = computed(() => {
-    let tempSt = new Date(evaluateStartTime.value);
-    let isValidDate = vexutils.isValidDate(tempSt);
-    if (!isValidDate)
-      return false;
-    return tempSt;
-  });
-  const getEvaluateTime = computed(() => {
-    let { evaluateTime } = props.evaluateResultSetting;
-    return +evaluateTime;
-  });
-  const getEvaluateEnd = computed(() => {
-    if (!showRange)
-      return false;
-    if (!getEvaluateTime.value)
-      return false;
-    let rangTime = moment(evaluateStartTime.value).add(getEvaluateTime.value, "minutes").valueOf();
-    if (state.curTime >= rangTime)
-      return true;
-    return props.isFinished;
-  });
-  const getEvaluateText = computed(() => {
-    if (getEvaluateEnd.value || state.banStart) {
-      return "\u6D4B\u8BC4\u5DF2\u7ED3\u675F";
-    }
-    return "\u5F00\u59CB\u6D4B\u8BC4";
-  });
-  const disabledEvaluate = computed(() => {
-    let res = getEvaluateStartTime.value && !evaluateState.isTimeOut || getEvaluateEnd.value;
-    return res;
-  });
-  const showRange = computed(() => {
-    if (!evaluateStartTime.value || !getEvaluateStartTime.value)
-      return false;
-    return true;
-  });
-  const showCountdown = computed(() => {
-    if (!evaluateStartTime.value)
-      return getEvaluateTime.value;
-    if (!getEvaluateTime.value)
-      return false;
-    if (getEvaluateStartTime.value)
-      return true;
-    let rangTime = moment(evaluateStartTime.value).add(getEvaluateTime.value, "minutes").valueOf();
-    return state.curTime < rangTime;
-  });
-  onMounted(() => {
-    clearTimer();
-  });
-  onUnmounted(() => {
-    clearTimer();
-  });
-  const isBanStart = () => {
-    if (!evaluateStartTime.value || !getEvaluateTime.value)
-      return false;
-    let startTime = getEvaluateStartTime.value;
-    if (!startTime)
-      return false;
-    let endTime = moment(evaluateStartTime.value).add(getEvaluateTime.value, "minutes").valueOf();
-    let cur = new Date().getTime();
-    return cur >= endTime;
-  };
-  const getTotalLen = () => {
-    var _a;
-    let arrList = (_a = props.formArray) == null ? void 0 : _a.filter((item) => !evaluateState.filterArr.includes(item.type) && !item.hide);
-    if (!arrList || !arrList.length)
-      return;
-    evaluateState.totalLen = arrList.length;
-  };
-  const countdown = (startTime) => {
-    clearTimer();
-    let msec = startTime - new Date().getTime();
-    if (msec <= 0) {
-      evaluateState.countdownStr = "00:00:00";
-      evaluateState.isTimeOut = true;
-      if (state.source == "countdown") {
-        emit("closeEvaluateCountdown");
-      }
-      return;
-    }
-    if (msec <= 15 * 60 * 1e3 && !evaluateState.countdownRed) {
-      evaluateState.countdownRed = true;
-    }
-    let day = parseInt(String(msec / 1e3 / 60 / 60 / 24)) + "";
-    let hr = parseInt(String(msec / 1e3 / 60 / 60 % 24));
-    let min = parseInt(String(msec / 1e3 / 60 % 60));
-    let sec = parseInt(String(msec / 1e3 % 60));
-    if (day) {
-      day += ":";
-    }
-    hr = hr > 9 ? hr + ":" : "0" + hr + ":";
-    min = min > 9 ? min + ":" : "0" + min + ":";
-    sec = sec > 9 ? sec : "0" + sec;
-    evaluateState.countdownStr = `${day}${hr}${min}${sec}`;
-    evaluateState.timer = setTimeout(function() {
-      countdown(startTime);
-    }, 1e3);
-  };
-  const clearTimer = () => {
-    if (evaluateState.timer)
-      clearTimeout(evaluateState.timer);
-    evaluateState.countdownRed = false;
-  };
-  return {
-    evaluateState,
-    evaluateStartTime,
-    getEvaluateStartTime,
-    getEvaluateText,
-    showCountdown,
-    showRange,
-    getTotalLen,
-    countdown,
-    clearTimer,
-    disabledEvaluate,
-    isBanStart,
-    getEvaluateTime
-  };
-};
-
-export { useEvaluate };
+export { useEvaluate } from './use-evaluate2.mjs';

package/es/packages/scale-view/src/hooks/use-evaluate2.mjs

@@ -0,0 +1,150 @@
+import { reactive, computed, onMounted, onUnmounted } from 'vue';
+import moment from 'moment';
+import vexutils from 'cnhis-design-vue/es/src/utils/vexutils';
+
+const useEvaluate = (props, state, config) => {
+  let { emit } = config;
+  const evaluateState = reactive({
+    totalLen: 0,
+    timer: null,
+    countdownStr: "",
+    isTimeOut: false,
+    countdownRed: false,
+    filterArr: [
+      "LINEBAR",
+      "TITLE",
+      "CALLBACK_INTERFACE",
+      "SPREAD_PARAMS",
+      "REDIRECT",
+      "FRONT_ADDRESS",
+      "PROMPT",
+      "IMGCARD",
+      "RETURN_PATH",
+      "RICH_TEXT",
+      "SUCCESS_TIP"
+    ]
+  });
+  const evaluateStartTime = computed(() => {
+    var _a;
+    return (_a = props.evaluateResultSetting) == null ? void 0 : _a.evaluateStartTime;
+  });
+  const getEvaluateStartTime = computed(() => {
+    let tempSt = new Date(evaluateStartTime.value);
+    let isValidDate = vexutils.isValidDate(tempSt);
+    if (!isValidDate)
+      return false;
+    return tempSt;
+  });
+  const getEvaluateTime = computed(() => {
+    let { evaluateTime } = props.evaluateResultSetting;
+    return +evaluateTime;
+  });
+  const getEvaluateEnd = computed(() => {
+    if (!showRange)
+      return false;
+    if (!getEvaluateTime.value)
+      return false;
+    let rangTime = moment(evaluateStartTime.value).add(getEvaluateTime.value, "minutes").valueOf();
+    if (state.curTime >= rangTime)
+      return true;
+    return props.isFinished;
+  });
+  const getEvaluateText = computed(() => {
+    if (getEvaluateEnd.value || state.banStart) {
+      return "\u6D4B\u8BC4\u5DF2\u7ED3\u675F";
+    }
+    return "\u5F00\u59CB\u6D4B\u8BC4";
+  });
+  const disabledEvaluate = computed(() => {
+    let res = getEvaluateStartTime.value && !evaluateState.isTimeOut || getEvaluateEnd.value;
+    return res;
+  });
+  const showRange = computed(() => {
+    if (!evaluateStartTime.value || !getEvaluateStartTime.value)
+      return false;
+    return true;
+  });
+  const showCountdown = computed(() => {
+    if (!evaluateStartTime.value)
+      return getEvaluateTime.value;
+    if (!getEvaluateTime.value)
+      return false;
+    if (getEvaluateStartTime.value)
+      return true;
+    let rangTime = moment(evaluateStartTime.value).add(getEvaluateTime.value, "minutes").valueOf();
+    return state.curTime < rangTime;
+  });
+  onMounted(() => {
+    clearTimer();
+  });
+  onUnmounted(() => {
+    clearTimer();
+  });
+  const isBanStart = () => {
+    if (!evaluateStartTime.value || !getEvaluateTime.value)
+      return false;
+    let startTime = getEvaluateStartTime.value;
+    if (!startTime)
+      return false;
+    let endTime = moment(evaluateStartTime.value).add(getEvaluateTime.value, "minutes").valueOf();
+    let cur = new Date().getTime();
+    return cur >= endTime;
+  };
+  const getTotalLen = () => {
+    var _a;
+    let arrList = (_a = props.formArray) == null ? void 0 : _a.filter((item) => !evaluateState.filterArr.includes(item.type) && !item.hide);
+    if (!arrList || !arrList.length)
+      return;
+    evaluateState.totalLen = arrList.length;
+  };
+  const countdown = (startTime) => {
+    clearTimer();
+    let msec = startTime - new Date().getTime();
+    if (msec <= 0) {
+      evaluateState.countdownStr = "00:00:00";
+      evaluateState.isTimeOut = true;
+      if (state.source == "countdown") {
+        emit("closeEvaluateCountdown");
+      }
+      return;
+    }
+    if (msec <= 15 * 60 * 1e3 && !evaluateState.countdownRed) {
+      evaluateState.countdownRed = true;
+    }
+    let day = parseInt(String(msec / 1e3 / 60 / 60 / 24)) + "";
+    let hr = parseInt(String(msec / 1e3 / 60 / 60 % 24));
+    let min = parseInt(String(msec / 1e3 / 60 % 60));
+    let sec = parseInt(String(msec / 1e3 % 60));
+    if (day) {
+      day += ":";
+    }
+    hr = hr > 9 ? hr + ":" : "0" + hr + ":";
+    min = min > 9 ? min + ":" : "0" + min + ":";
+    sec = sec > 9 ? sec : "0" + sec;
+    evaluateState.countdownStr = `${day}${hr}${min}${sec}`;
+    evaluateState.timer = setTimeout(function() {
+      countdown(startTime);
+    }, 1e3);
+  };
+  const clearTimer = () => {
+    if (evaluateState.timer)
+      clearTimeout(evaluateState.timer);
+    evaluateState.countdownRed = false;
+  };
+  return {
+    evaluateState,
+    evaluateStartTime,
+    getEvaluateStartTime,
+    getEvaluateText,
+    showCountdown,
+    showRange,
+    getTotalLen,
+    countdown,
+    clearTimer,
+    disabledEvaluate,
+    isBanStart,
+    getEvaluateTime
+  };
+};
+
+export { useEvaluate };

package/es/packages/scale-view/src/hooks/use-event.mjs

@@ -1,128 +1 @@
-import vexutils from 'cnhis-design-vue/es/src/utils/vexutils';
-
-const useEvent = (props, state) => {
-  const formKey = (item) => {
-    return item.databaseTitle || item.title;
-  };
-  const handleLogicMaxNext = (condition = []) => {
-    const arr = condition.map((item) => item.next_subject == "end" ? 9999 : +(item.next_subject || 9999));
-    const max = Math.max.call(null, ...arr);
-    return max;
-  };
-  const handleLogicList = (formItem, formArray) => {
-    const { seq } = formItem;
-    let list = formArray.map((item2) => {
-      if (item2.seq > seq && item2.isShow && item2.__isLogic__)
-        return item2;
-      return false;
-    });
-    let nextItemMax = 0;
-    let i = 0, len = list.length, item;
-    for (; i < len; i++) {
-      item = list[i];
-      let curVal = state.form[formKey(item)];
-      if (!curVal)
-        continue;
-      if (Array.isArray(curVal)) {
-        if (!curVal.length)
-          continue;
-      }
-      const { nextLogic, seq: seq2, __isLogic__, __lastSeq__ } = item;
-      if (!nextLogic.next_logic_is || !nextLogic.condition.length)
-        continue;
-      if (__lastSeq__) {
-        nextItemMax = __lastSeq__;
-        break;
-      }
-    }
-    return nextItemMax;
-  };
-  const nextLogicEvent = (choiceValue, formItem, formArray = [], isInit) => {
-    const { nextLogic, seq } = formItem;
-    if (!nextLogic)
-      return;
-    if (nextLogic.next_logic_is && nextLogic.condition.length) {
-      let nextMax = 9999, nextItemMax = 0;
-      if (!isInit) {
-        nextMax = handleLogicMaxNext(nextLogic.condition);
-        nextItemMax = handleLogicList(formItem, formArray);
-      }
-      nextLogic.condition.some((con) => {
-        const { value, next_subject } = con;
-        const lastSeq = next_subject == "end" ? 9999 : next_subject;
-        if (nextItemMax && nextItemMax > seq && nextItemMax < nextMax) {
-          nextMax = nextItemMax;
-        }
-        if (nextLogic.next_logic == "condition") {
-          let hasValue = false;
-          if (Array.isArray(choiceValue)) {
-            hasValue = choiceValue.includes(value);
-          } else {
-            hasValue = choiceValue === value;
-          }
-          formItem.__isLogic__ = hasValue;
-          formItem.__lastSeq__ = seq + 1;
-          if (hasValue) {
-            formArray.forEach((item) => {
-              if (item.seq > seq && item.seq < lastSeq) {
-                item.isShow = false;
-                const key = item.val_key;
-                state.form[key] && (state.form[key] = "");
-              } else if (item.seq >= lastSeq && item.seq < nextMax) {
-                item.isShow = true;
-              }
-            });
-            return true;
-          } else {
-            formArray.forEach((item) => {
-              if (item.seq > seq && item.seq < lastSeq) {
-                item.isShow = true;
-              }
-            });
-          }
-        } else if (nextLogic.next_logic == "uncondition") {
-          let res = vexutils.isEmpty(choiceValue);
-          formItem.__isLogic__ = !res;
-          formItem.__lastSeq__ = seq + 1;
-          formArray.forEach((item) => {
-            const key = item.val_key;
-            if (item.seq > seq && item.seq < lastSeq) {
-              item.isShow = res;
-              if (!res) {
-                state.form[key] && (state.form[key] = "");
-              }
-            }
-          });
-        }
-      });
-    }
-  };
-  const handleDynamicDataRelation = (list, formItem, formArray) => {
-    let { targetSource } = formItem;
-    if (!targetSource || !Object.keys(targetSource).length)
-      return;
-    if (!targetSource.target_id)
-      return;
-    let { relationParam = [] } = targetSource;
-    if (!relationParam.length)
-      return;
-    relationParam.forEach((item) => {
-      let matchEle = formArray.find((v) => v.seq === item.relationElement);
-      const key = matchEle.val_key;
-      if (matchEle) {
-        if (!list.length) {
-          state.form[key] = "";
-        } else {
-          let relationFieldList = list.map((v) => v[item.relationField] || "/") || "";
-          state.form[key] = relationFieldList.join(",");
-        }
-      }
-    });
-  };
-  return {
-    nextLogicEvent,
-    handleDynamicDataRelation
-  };
-};
-
-export { useEvent };
+export { useEvent } from './use-event2.mjs';