cnhis-design-vue 3.1.14-beta.2 → 3.1.14-beta.5

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

@@ -0,0 +1,154 @@
+import { isOnlyOptions, getQueryVariable } from '../utils/judge-types.js';
+import vexutils from '../../../../src/utils/vexutils';
+import moment from 'moment';
+import { ScaleViewComputed } from './scaleview-computed.js';
+
+const ScaleViewSubmit = (props, state, emit, config) => {
+  const { showEvent, formKey } = ScaleViewComputed(props, state, config);
+  const compileSpreadParams = (spreadParams) => {
+    return spreadParams.domains.map((v) => {
+      let obj = {};
+      if (v.valueType == "1") {
+        obj[v.name] = v.value;
+      } else if (v.valueType == "2") {
+        obj[v.name] = getQueryVariable(v.value, state, props.params);
+      }
+      return obj;
+    });
+  };
+  const submitMethod = () => {
+    const hasSpreadParams = state.defaultFormArray.find((v) => v.type === "SPREAD_PARAMS");
+    if (hasSpreadParams) {
+      if (vexutils.isJSON(hasSpreadParams.setting)) {
+        hasSpreadParams.setting = JSON.parse(hasSpreadParams.setting);
+      }
+      let spreadKey = formKey(hasSpreadParams);
+      state.submitForm[spreadKey] = compileSpreadParams(hasSpreadParams.setting.spreadParams);
+    }
+    let checkBoxKey = state.defaultFormArray.find((ii) => ii.type == "CHECKBOX_BLOCK");
+    if (checkBoxKey && Array.isArray(state.form[checkBoxKey.title]) && props.type === "customList") {
+      state.form[checkBoxKey.title] = state.form[checkBoxKey.title].join(",");
+    }
+    const scoreJson = handleScoreJson();
+    let params;
+    if (props.type === "customList") {
+      params = {
+        definedListId: props.ids.guage_id,
+        dbId: props.ids.db_id,
+        scoreJson: JSON.stringify(scoreJson)
+      };
+    } else {
+      const { guageId, randomId } = state.config;
+      params = Object.assign(props.params, {
+        guageId,
+        scoreJson: JSON.stringify(scoreJson),
+        randomId
+      });
+    }
+    if (state.shareId) {
+      params.shareId = state.shareId;
+    }
+    const tipSetting = state.defaultFormArray.find((item) => item.type === "SUCCESS_TIP");
+    if (tipSetting) {
+      const tip = vexutils.isJSON(tipSetting.setting) ? JSON.parse(tipSetting.setting) : tipSetting.setting;
+      params.tipSetting = JSON.stringify({
+        tipMode: tip.tipMode,
+        tipType: tip.tipType,
+        tipText: tip.tipText,
+        tipApi: tip.tipApi
+      });
+    }
+    let hasCallbackItem = state.defaultFormArray.find((v) => v.type === "CALLBACK_INTERFACE");
+    let isCallback = false;
+    if (hasCallbackItem) {
+      isCallback = showEvent(hasCallbackItem, true);
+    }
+    emit("onSubmit", params, hasCallbackItem, isCallback);
+  };
+  const handleScoreJson = () => {
+    let tempObj = Object.assign({}, state.form, state.submitForm);
+    let res = {};
+    if (!Object.keys(tempObj).length)
+      return {};
+    for (let key in tempObj) {
+      let itemTemp = state.formArray.find((item) => formKey(item) == key);
+      if (key && itemTemp) {
+        let keyTemp;
+        if (itemTemp && itemTemp.databaseTitle)
+          keyTemp = itemTemp.databaseTitle;
+        if (props.type == "customList" && itemTemp && itemTemp.setting && itemTemp.setting.startToStop != 1 && tempObj[key] && itemTemp.type == "DATETIME") {
+          if (itemTemp.setting && itemTemp.setting.dateType == "time" && tempObj[key])
+            tempObj[key] = moment().format("YYYY-MM-DD ") + tempObj[key];
+          if (itemTemp.setting && itemTemp.setting.dateType == "date" && tempObj[key])
+            tempObj[key] = moment(tempObj[key]).format("YYYY-MM-DD ") + moment().format("HH:mm:ss");
+        }
+        res[keyTemp || key] = !tempObj[key] ? null : tempObj[key];
+        if (isOnlyOptions(itemTemp.type)) {
+          let { options } = itemTemp;
+          let useKey = itemTemp.val_key;
+          let obj = state.choiceComObj[useKey];
+          let value = tempObj[key];
+          if (itemTemp.type === "RADIO_BLOCK" && value) {
+            res[useKey] = handleChoiceItem(value, options, obj);
+          }
+          if (itemTemp.type === "CHECKBOX_BLOCK" && (value == null ? void 0 : value.length)) {
+            let resArr = handleCheckboxParams(value, options, obj);
+            res[useKey] = resArr;
+          }
+        }
+      } else {
+        res[key] = tempObj[key];
+      }
+    }
+    console.log("res", res);
+    return res;
+  };
+  const handleCheckboxParams = (value, options, obj) => {
+    let res = [];
+    let i = 0, len = value.length, v;
+    for (; i < len; i++) {
+      v = value[i];
+      let matchItem = options.find((o, i2) => {
+        if (i2 + 1 === v) {
+          return true;
+        }
+        return false;
+      });
+      if (matchItem && !matchItem.prefix && !matchItem.suffix) {
+        res.push(matchItem.value);
+        continue;
+      }
+      let tempValue = handleChoiceItem(v, options, obj);
+      res.push(tempValue);
+    }
+    return res;
+  };
+  const handleChoiceItem = (value, options, obj) => {
+    let { othersText, optionsPreSuffixObj = {} } = obj || {};
+    if (value === "other") {
+      return othersText || "\u5176\u4ED6";
+    }
+    let matchItem = options.find((o, i) => {
+      if (i + 1 === value) {
+        return true;
+      }
+      return false;
+    });
+    if (!matchItem)
+      return;
+    if (!matchItem.prefix && !matchItem.suffix)
+      return matchItem.value;
+    let resValue = optionsPreSuffixObj[value] || "";
+    if (matchItem.prefix) {
+      resValue = matchItem.prefix + resValue;
+    } else {
+      resValue += matchItem.suffix;
+    }
+    return resValue;
+  };
+  return {
+    submitMethod
+  };
+};
+
+export { ScaleViewSubmit };

package/es/packages/scale-view/src/hooks/scaleview-validate.d.ts

@@ -0,0 +1,3 @@
+export declare const ScaleViewValidate: (props: any, state: any, config: any) => {
+    formatRules: (formArray: any) => {};
+};

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

@@ -0,0 +1,187 @@
+import vexutils from '../../../../src/utils/vexutils';
+import 'moment';
+import { ScaleViewComputed } from './scaleview-computed.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;
+      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", "blur"]
+        });
+      } else if (item.type === "CHECKBOX_BLOCK") {
+        state.choiceComObj[formKey(item)] = {};
+        rules[newTitle].push({
+          validator: (rule, value) => checkCheckbox(rule, value, item),
+          trigger: ["change", "blur"]
+        });
+      }
+    });
+    return rules;
+  };
+  return {
+    formatRules
+  };
+};
+
+export { ScaleViewValidate };