cnhis-design-vue 3.1.12-beta.0 → 3.1.12-beta.3

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

@@ -1 +1,82 @@
-export { componentMap, componentMapStr } from './use-component2.js';
+import { shallowRef } from 'vue';
+import RInput from '../components/formitem/r-input.js';
+import scriptRadio from '../components/formitem/r-radio.js';
+import scriptCheckbox from '../components/formitem/r-checkbox.js';
+import scriptSelect from '../components/formitem/r-select.js';
+import scriptDatetime from '../components/formitem/r-datetime.js';
+import RCascader from '../components/formitem/r-cascader.js';
+import RCollection from '../components/formitem/r-collection.js';
+import RAddress from '../components/formitem/r-address.js';
+import RUpload from '../components/formitem/r-upload.js';
+import RMap from '../components/formitem/r-map.js';
+import RVodChunkUpload from '../../../../packages/chunk-upload/src/vod-chunk-upload';
+import CSelectLabel from '../../../../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.js

@@ -1 +1,150 @@
-export { useEvaluate } from './use-evaluate2.js';
+import { reactive, computed, onMounted, onUnmounted } from 'vue';
+import moment from 'moment';
+import vexutils from '../../../../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.js

@@ -1 +1,128 @@
-export { useEvent } from './use-event2.js';
+import vexutils from '../../../../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 };

package/es/packages/scale-view/src/hooks/use-noData.js

@@ -1 +1,41 @@
-export { default } from './use-noData2.js';
+import { reactive } from 'vue';
+
+function useNoData() {
+  let state = reactive({
+    noData: false,
+    noDataTip: "1.1.6.11",
+    noDataImg: "nodata"
+  });
+  const setNoData = (noData, noDataTip = "1.1.6.11", noDataImg = "nodata") => {
+    state.noData = noData;
+    state.noDataTip = noDataTip || "1.1.6.11";
+    state.noDataImg = errResult(noDataImg) || "nodata";
+  };
+  const resetNodata = () => {
+    state.noData = false;
+    state.noDataTip = "1.1.6.11";
+    state.noDataImg = "nodata";
+  };
+  const errResult = (result) => {
+    let res = "nodata";
+    switch (result) {
+      case "10000":
+        res = "no-permission";
+        break;
+      case "Failure":
+        res = "failure";
+        break;
+      default:
+        res = "nodata";
+        break;
+    }
+    return res;
+  };
+  return {
+    noDataState: state,
+    setNoData,
+    resetNodata
+  };
+}
+
+export { useNoData as default };

package/es/packages/scale-view/src/utils/judge-types.js

@@ -1 +1,36 @@
-export { getQueryVariable, handleQueryParams, isCollection, isEvaluation, isOnlyOptions } from './judge-types2.js';
+const isOnlyOptions = (e) => {
+  const list = ["RADIO_BLOCK", "CHECKBOX_BLOCK"];
+  return list.includes(e);
+};
+const isCollection = (e) => {
+  const list = ["TITLE", "LINEBAR", "PROMPT", "IMGCARD", "RICH_TEXT"];
+  return list.includes(e);
+};
+const isEvaluation = (e) => {
+  let list = ["EVALUATE_RADIO_BLOCK", "EVALUATE_CHECKBOX_BLOCK", "EVALUATE_SELECT", "EVALUATE_INPUT"];
+  return list.includes(e);
+};
+const handleQueryParams = () => {
+  let params = {};
+  let hash = window.location.search.split("?")[1];
+  if (!hash)
+    return {};
+  hash = hash.replace(/\+/g, "%20");
+  for (let [key, value] of new URLSearchParams(hash).entries()) {
+    params[key] = decodeURIComponent(value);
+  }
+  return params;
+};
+const getQueryVariable = (variable, state, params) => {
+  let query = {};
+  if (state.source == "layout") {
+    query = params;
+  } else {
+    query = handleQueryParams() || {};
+  }
+  if (!query)
+    return false;
+  return query[variable] || false;
+};
+
+export { getQueryVariable, handleQueryParams, isCollection, isEvaluation, isOnlyOptions };

package/es/packages/scale-view/style/index.css

@@ -166,6 +166,7 @@
   cursor: pointer;
 }
 .c-scale .linebar-div {
+  width: 100%;
   text-align: center;
   margin-top: 24px;
 }
@@ -184,6 +185,12 @@
 .main {
   box-sizing: border-box;
 }
+.main .n-form-item.n-form-item--top-labelled .n-form-item-label {
+  display: block;
+}
+.main .n-form-item .n-form-item-blank {
+  display: block;
+}
 .main .scale-label-required {
   font-weight: 700;
 }
@@ -191,6 +198,9 @@
   color: #e02828;
   font-weight: 700;
 }
+.main .score-i {
+  word-break: keep-all;
+}
 .main .evalute-label {
   display: inline-block;
   height: 20px;
@@ -610,6 +620,7 @@
 .c-scale-collection.prompt-message .prompt-message-content {
   line-height: 16px;
   font-size: 14px;
+  word-break: break-all;
 }
 .c-time-range {
   display: flex;