cnhis-design-vue 3.1.5-beta.13 → 3.1.5-beta.14

package/es/packages/scale-view/src/hooks/scaleview-validate2.js

@@ -0,0 +1,185 @@
+import vexutils from '../..\\..\\../src/utils/vexutils';
+import 'moment';
+import { ScaleViewComputed } from './scaleview-computed2.js';
+
+const ScaleViewValidate = (props, state, config) => {
+  const { formKey } = ScaleViewComputed(props, state, config);
+  const handleAddressType = (item) => {
+    let setObj = { addressType: "province-city-district-address" };
+    if (vexutils.isJSON(item.setting)) {
+      setObj = JSON.parse(item.setting);
+    } else {
+      setObj = item.setting;
+    }
+    let isAdress = setObj.addressType.includes("address");
+    return isAdress;
+  };
+  const checkAdress = (rule, value) => {
+    let { address } = value || {};
+    if (!address) {
+      return new Error("\u5FC5\u586B");
+    }
+    return true;
+  };
+  const checkLabel = (rule, value) => {
+    if (!value || !Object.keys(value).length) {
+      return new Error("\u5FC5\u586B");
+    }
+    let { labelStr, labels = [] } = value;
+    if (!labelStr || !labels.length) {
+      return new Error("\u5FC5\u586B");
+    }
+    return true;
+  };
+  const handleDateMaxType = (item) => {
+    let setObj = item.setting;
+    if (vexutils.isJSON(setObj)) {
+      setObj = JSON.parse(setObj);
+    }
+    return setObj.dateMaxType;
+  };
+  const checkRadio = (rule, value, item) => {
+    if (!value)
+      return true;
+    let { options } = item;
+    if (!options.length || value === "other")
+      return true;
+    const key = formKey(item);
+    let { optionsPreSuffixObj = {} } = state.choiceComObj[key] || {};
+    let matchItem = options.find((o, i) => {
+      if (i + 1 === value) {
+        return true;
+      }
+      return false;
+    });
+    if (!matchItem || matchItem.importability)
+      return true;
+    if (matchItem.prefix || matchItem.suffix) {
+      let inputValue = optionsPreSuffixObj[value];
+      if (!inputValue) {
+        return new Error(`\u8BF7\u5B8C\u5584\u9009\u9879`);
+      }
+    }
+    return true;
+  };
+  const checkCheckbox = (rule, value, item) => {
+    if (!value || !value.length)
+      return true;
+    let { options } = item;
+    if (!options.length)
+      return true;
+    let i = 0, len = value.length, v;
+    const key = formKey(item);
+    let { optionsPreSuffixObj = {} } = state.choiceComObj[key] || {};
+    for (; i < len; i++) {
+      v = value[i];
+      if (v === "other")
+        continue;
+      let matchItem = options.find((o, j) => {
+        if (j + 1 === v) {
+          return true;
+        }
+        return false;
+      });
+      if (!matchItem || matchItem.importability)
+        continue;
+      if (matchItem.prefix || matchItem.suffix) {
+        let inputValue = optionsPreSuffixObj[v];
+        if (!inputValue) {
+          return new Error(`\u8BF7\u5B8C\u5584\u9009\u9879`);
+        }
+      }
+    }
+    return true;
+  };
+  const checkType = (val) => {
+    return Object.prototype.toString.call(val);
+  };
+  const validateRequired = (rule, value) => {
+    let type = checkType(value);
+    if (type == "[object Object]") {
+      if (value && Object.keys(value).length)
+        return true;
+    } else if (type == "[object Array]") {
+      if (value && value.length)
+        return true;
+    } else if (type == "[object Number]") {
+      if (value || value === 0)
+        return true;
+    } else {
+      if (value)
+        return true;
+    }
+    return new Error("\u5FC5\u586B");
+  };
+  const filterArr = ["LABEL", "ADDRESS"];
+  const formatRules = (formArray) => {
+    const rules = {};
+    formArray.forEach((item) => {
+      let newTitle = item.val_key;
+      if (newTitle.includes(".")) {
+        newTitle = newTitle.replace(/\./g, "~-~");
+      }
+      rules[newTitle] = [];
+      if (item.required && !filterArr.includes(item.type)) {
+        rules[newTitle].push({ required: item.required, message: "\u5FC5\u586B", trigger: "change", validator: validateRequired });
+      }
+      if (item.type == "MOBILE" && item.validation) {
+        rules[newTitle].push({
+          pattern: /^1[3456789]\d{9}$/,
+          message: "\u683C\u5F0F\u9519\u8BEF",
+          trigger: "blur"
+        });
+      } else if (item.type == "ID_CARD" && item.validation) {
+        rules[newTitle].push({
+          pattern: /^\d{6}(((19|20)\d{2}(0[1-9]|1[0-2])(0[1-9]|[1-2][0-9]|3[0-1])\d{3}([0-9]|x|X))|(\d{2}(0[1-9]|1[0-2])(0[1-9]|[1-2][0-9]|3[0-1])\d{3}))$/,
+          message: "\u683C\u5F0F\u9519\u8BEF",
+          trigger: "blur"
+        });
+      } else if (item.type == "ADDRESS" && item.required) {
+        if (handleAddressType(item)) {
+          rules[newTitle].push({
+            validator: checkAdress,
+            trigger: "change"
+          });
+        }
+      } else if (item.type == "LABEL" && item.required) {
+        rules[newTitle].push({
+          validator: checkLabel,
+          trigger: "change"
+        });
+      } else if (item.type == "DATETIME" && props.type == "customList") {
+        let dateMaxType = handleDateMaxType(item);
+        if (!dateMaxType)
+          return;
+        let obj = {
+          1: "checkDateMaxCur",
+          2: "checkDateMaxSet",
+          3: "checkDateMaxOther"
+        };
+        rules[newTitle].push({
+          validator: (rule, value) => obj[dateMaxType](rule, value, item),
+          trigger: "change"
+        });
+      } else if (item.type === "RADIO_BLOCK") {
+        state.choiceComObj[formKey(item)] = {};
+        rules[newTitle].push({
+          validator: (rule, value) => checkRadio(rule, value, item),
+          trigger: "change"
+        });
+      } else if (item.type === "CHECKBOX_BLOCK") {
+        state.choiceComObj[formKey(item)] = {};
+        rules[newTitle].push({
+          validator: (rule, value) => checkCheckbox(rule, value, item),
+          trigger: "change"
+        });
+      }
+    });
+    return rules;
+  };
+  return {
+    formatRules
+  };
+};
+
+export { ScaleViewValidate };

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

@@ -0,0 +1 @@
+export { componentMap, componentMapStr } from './use-component2.js';

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

@@ -0,0 +1,82 @@
+import { shallowRef } from 'vue';
+import RInput from '../components/formitem/r-input2.js';
+import scriptRadio from '../components/formitem/r-radio2.js';
+import scriptCheckbox from '../components/formitem/r-checkbox2.js';
+import scriptSelect from '../components/formitem/r-select2.js';
+import scriptDatetime from '../components/formitem/r-datetime2.js';
+import RCascader from '../components/formitem/r-cascader2.js';
+import RCollection from '../components/formitem/r-collection2.js';
+import RAddress from '../components/formitem/r-address2.js';
+import RUpload from '../components/formitem/r-upload2.js';
+import RMap from '../components/formitem/r-map2.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

@@ -0,0 +1 @@
+export { useEvaluate } from './use-evaluate2.js';

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

@@ -0,0 +1,150 @@
+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

@@ -0,0 +1 @@
+export { useEvent } from './use-event2.js';

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

@@ -0,0 +1,128 @@
+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

@@ -0,0 +1 @@
+export { default } from './use-noData2.js';

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

@@ -0,0 +1 @@
+export { getQueryVariable, handleQueryParams, isCollection, isEvaluation, isOnlyOptions } from './judge-types2.js';

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

@@ -117,9 +117,6 @@
   box-sizing: border-box;
   color: rgba(0, 0, 0, 0.65);
 }
-.c-scale .n-form-item-label {
-  font-weight: 700;
-}
 .c-scale .scale-container {
   width: 100%;
   height: 100%;
@@ -178,6 +175,7 @@
 }
 .main .required-text {
   color: #e02828;
+  font-weight: 700;
 }
 .main .evalute-label {
   display: inline-block;
@@ -586,13 +584,13 @@
 }
 .c-scale-collection.prompt-message.is-strong {
   color: #ff1818;
-  padding: 1px 0 0 35px;
+  padding: 8px 8px 8px 35px;
 }
 .c-scale-collection.prompt-message .prompt-icon {
   font-size: 18px;
   position: absolute;
-  left: 0;
-  top: 0;
+  left: 8px;
+  top: 8px;
 }
 .c-scale-collection.prompt-message .prompt-message-content {
   line-height: 16px;

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

@@ -122,9 +122,6 @@
   padding-bottom: 50px;
   box-sizing: border-box;
   color: rgba(0, 0, 0, 0.65);
-  .n-form-item-label {
-    font-weight: 700;
-  }
   .scale-container {
     width: 100%;
     height: 100%;
@@ -186,6 +183,7 @@
   }
   .required-text {
     color: #e02828;
+    font-weight: 700;
   }
   .evalute-label {
     display: inline-block;
@@ -611,13 +609,13 @@
     }
     &.is-strong {
       color: #ff1818;
-      padding: 1px 0 0 35px;
+      padding: 8px 8px 8px 35px;
     }
     .prompt-icon {
       font-size: 18px;
       position: absolute;
-      left: 0;
-      top: 0;
+      left: 8px;
+      top: 8px;
     }
     .prompt-message-content {
       line-height: 16px;

package/es/packages/select-label/index.js

@@ -0,0 +1 @@
+export { CLabelFormContent, default } from './index2.js';

package/es/packages/select-label/index2.js

@@ -0,0 +1,17 @@
+import { COMPONENT_NAMESPACE } from '../../src/global/variable';
+import { safeComponentRegister } from '../../src/utils';
+import './src/SelectLabel2.js';
+import './src/LabelFormContent2.js';
+import script from './src/SelectLabel.vue_vue_type_script_setup_true_lang.js';
+import script$1 from './src/LabelFormContent.vue_vue_type_script_setup_true_lang.js';
+
+const SelectLabel = script;
+const LabelFormContent = script$1;
+SelectLabel.install = function(app) {
+  safeComponentRegister(app, SelectLabel, COMPONENT_NAMESPACE + "SelectLabel");
+};
+LabelFormContent.install = function(app) {
+  safeComponentRegister(app, LabelFormContent, COMPONENT_NAMESPACE + "LabelFormContent");
+};
+
+export { LabelFormContent as CLabelFormContent, SelectLabel as default };

package/es/packages/select-label/src/LabelFormContent.js

@@ -0,0 +1,2 @@
+import './LabelFormContent2.js';
+export { default } from './LabelFormContent.vue_vue_type_script_setup_true_lang.js';