cnhis-design-vue 3.1.8-beta.3 → 3.1.8-beta.6

package/es/packages/scale-view/src/hooks/scaleview-init.mjs

@@ -1 +1,441 @@
-export { ScaleViewInit } from './scaleview-init2.mjs';
+import { handleQueryParams, getQueryVariable } from '../utils/judge-types.mjs';
+import useNoData from './use-noData.mjs';
+import vexutils from 'cnhis-design-vue/es/src/utils/vexutils';
+import { componentMap } from './use-component.mjs';
+import { useEvent } from './use-event.mjs';
+import { ScaleViewComputed } from './scaleview-computed.mjs';
+import { ScaleViewValidate } from './scaleview-validate.mjs';
+import { useDialog } from 'naive-ui';
+
+const ScaleViewInit = (props, state, emit, config) => {
+  const dialog = useDialog();
+  const { setNoData } = useNoData();
+  const {
+    hasEvaluateResultSetting,
+    hasparamsEvaluate,
+    hasDefault,
+    formKey
+  } = ScaleViewComputed(props, state, config);
+  const { formatRules } = ScaleViewValidate(props, state, config);
+  const { nextLogicEvent } = useEvent(props, state);
+  const setEvaluateStartTime = (evaluateResultSetting) => {
+    let evaluateStartTime = evaluateResultSetting == null ? void 0 : evaluateResultSetting.evaluateStartTime;
+    if (!evaluateStartTime)
+      return;
+    if (!vexutils.isValidDate(new Date(evaluateStartTime)) && vexutils.isValidDate(new Date(Number(evaluateStartTime)))) {
+      evaluateResultSetting.evaluateStartTime = Number(evaluateStartTime);
+    }
+  };
+  const setDefaultEvaluate = (evaluateResultSetting) => {
+    let query = handleQueryParams();
+    if (hasparamsEvaluate.value) {
+      query = state.paramsEvaluate;
+    }
+    if (query.evaname) {
+      evaluateResultSetting.evaluateName = query.evaname;
+    }
+    if (query.evadesc) {
+      evaluateResultSetting.evaluateExplain = query.evadesc;
+    }
+    if (query.evast) {
+      evaluateResultSetting.evaluateStartTime = query.evast;
+    }
+    if (query.evadur) {
+      evaluateResultSetting.evaluateTime = query.evadur;
+    }
+    if (query.evaan) {
+      query.evaan === "true" || query.evaan == 1 ? true : false;
+      evaluateResultSetting.evaluateAnswer = query.evaan;
+    }
+    setEvaluateStartTime(evaluateResultSetting);
+  };
+  const handleShowEvaluate = () => {
+    var _a;
+    if (!hasEvaluateResultSetting.value) {
+      if (!hasDefault.value)
+        return false;
+      if (!("evaluateResultSetting" in state.config)) {
+        state.config.evaluateResultSetting = {};
+      }
+      setDefaultEvaluate(state.config.evaluateResultSetting);
+      state.showEvaluatePage = true;
+      state.showEvaluateCountdownWrap = true;
+      return;
+    }
+    let { evaluateResultSetting = {} } = state.config;
+    if (!evaluateResultSetting || !Object.keys(evaluateResultSetting).length)
+      return;
+    state.showEvaluateCountdownWrap = true;
+    let { evaluateStartTime } = evaluateResultSetting;
+    let { evaluateName } = ((_a = state.originConfig) == null ? void 0 : _a.evaluateResultSetting) || {};
+    if (!evaluateStartTime) {
+      state.showEvaluatePage = true;
+      return;
+    }
+    if (!vexutils.isValidDate(new Date(evaluateStartTime))) {
+      if (!evaluateName)
+        return false;
+    }
+    state.showEvaluatePage = true;
+  };
+  const initForm = (data) => {
+    var _a;
+    let { list = [], map = {}, isFinished = false } = data;
+    let curUrl = handleFrontAddress(list);
+    if (curUrl) {
+      window.location.href = curUrl;
+      return;
+    }
+    map.maxScore && (state.maxScore = map.maxScore);
+    state.isFinished = isFinished;
+    if (data.isNotFilled) {
+      state.spinning = false;
+      state.hasFrontAddress = false;
+      setNoData(true, "\u672A\u67E5\u8BE2\u5230\u91CF\u8868\u586B\u5199\u8BB0\u5F55");
+      return;
+    }
+    if (data.isLackCustomer) {
+      dialog.info({
+        title: "\u5DF2\u8BBE\u7F6E\u586B\u5199\u6B21\u6570\u9650\u5236",
+        content: "\u8BF7\u5728\u5305\u542B\u7528\u6237\u4FE1\u606F\u7684\u73AF\u5883\u4E2D\u6253\u5F00\u6B64\u91CF\u8868",
+        maskClosable: false,
+        onPositiveClick() {
+          emit("onCloseSetting");
+        }
+      });
+    }
+    state.config = map;
+    if ("evaluateResultConfig" in map && vexutils.isJSON(map.evaluateResultConfig)) {
+      state.config.evaluateResultConfig = JSON.parse(map.evaluateResultConfig);
+    }
+    if ("evaluateResultSetting" in map && vexutils.isJSON(map.evaluateResultSetting)) {
+      state.config.evaluateResultSetting = JSON.parse(map.evaluateResultSetting);
+      if (((_a = state.config) == null ? void 0 : _a.randomId) && state.config.evaluateResultSetting) {
+        state.config.evaluateResultSetting.evaluateName = state.config.name;
+        state.config.evaluateResultSetting.evaluateExplain = state.config.remark;
+      }
+    }
+    state.originConfig = JSON.parse(JSON.stringify(state.config));
+    if (props.params && Object.keys(props.params).length) {
+      let res = handleBtnParamsEvaluate(props.params);
+      res && Object.keys(res).length && (state.paramsEvaluate = res);
+    }
+    handleEvaluateParams(state.config.evaluateResultSetting);
+    handleShowEvaluate();
+    state.defaultFormArray = JSON.parse(JSON.stringify(list));
+    let filterArr = state.filterArr;
+    list = list.filter((v) => !filterArr.includes(v.type));
+    state.formArray = formatArray(list || []);
+    state.form = defaultFormValue(state.formArray);
+    state.rules = formatRules(state.formArray);
+    state.fontSize = data.fontSize;
+    state.spinning = false;
+    state.hasFrontAddress = false;
+  };
+  const replaceConditionItem = (options, value) => {
+    let matchOption = options.find((v) => value === v.value);
+    if (!matchOption)
+      return value;
+    return matchOption.key;
+  };
+  const isRadioOrCheckBox = (options, type) => {
+    let typeArr = ["RADIO_BLOCK", "CHECKBOX_BLOCK"];
+    if (!typeArr.includes(type))
+      return;
+    if (!options)
+      return;
+    if (options && vexutils.isJSON(options)) {
+      options = JSON.parse(options);
+    }
+    if (!options.length)
+      return;
+    return true;
+  };
+  const handLenextLogic = (item) => {
+    let { nextLogic, options, type } = item || {};
+    if (!nextLogic || !isRadioOrCheckBox(options, type))
+      return;
+    let { condition } = nextLogic || {};
+    if (!condition || !condition.length)
+      return;
+    condition.forEach((c) => {
+      let value = c.value;
+      if (Array.isArray(value)) {
+        value = value.map((v) => {
+          return replaceConditionItem(options, v);
+        });
+        c.value = value;
+      } else {
+        c.value = replaceConditionItem(options, value);
+      }
+    });
+  };
+  const handleRelationLogic = (list, relationLogicObj) => {
+    let { condition } = relationLogicObj || {};
+    if (!condition || !condition.length)
+      return;
+    condition.forEach((c) => {
+      let matchItem = list.find((f) => f.seq == c.subject_seq);
+      if (!matchItem)
+        return;
+      if (!isRadioOrCheckBox(matchItem.options, matchItem.type))
+        return;
+      let value = c.value;
+      if (Array.isArray(value)) {
+        value = value.map((v) => {
+          return replaceConditionItem(matchItem.options, v);
+        });
+        c.value = value;
+      } else {
+        c.value = replaceConditionItem(matchItem.options, value);
+      }
+    });
+  };
+  const handleFrontAddress = (list) => {
+    if (!list || !list.length)
+      return;
+    let matchItem = list.find((item) => item.type === "FRONT_ADDRESS");
+    if (!matchItem || !Object.keys(matchItem).length)
+      return;
+    let setting;
+    if (matchItem.setting && vexutils.isJSON(matchItem.setting)) {
+      setting = JSON.parse(matchItem.setting);
+    }
+    if (!setting || !Object.keys(setting).length)
+      return;
+    let query = handleQueryParams();
+    if ((query == null ? void 0 : query.redirect) == 1)
+      return;
+    let { frontAddress } = setting;
+    if (frontAddress) {
+      let urlHref = window.location.href;
+      let preStr = "?";
+      if (frontAddress.includes("?")) {
+        preStr = "&";
+      }
+      let curUrl = `${frontAddress}${preStr}redirect_url=${encodeURIComponent(urlHref)}`;
+      return curUrl;
+    }
+  };
+  const handleBtnParamsEvaluate = (params) => {
+    let defaultVariable = ["evaname", "evadesc", "evast", "evadur", "evaan"];
+    let res = {};
+    for (let key in params) {
+      let value = params[key];
+      if (defaultVariable.includes(key) && value) {
+        res[key] = value;
+      }
+    }
+    return res;
+  };
+  const handleEvaluateParams = (evaluateResultSetting) => {
+    if (!evaluateResultSetting || !Object.keys(evaluateResultSetting).length)
+      return;
+    let query = handleQueryParams() || {};
+    if (hasparamsEvaluate.value) {
+      query = state.paramsEvaluate;
+    }
+    let obj = {
+      evaluateName: "evaname",
+      evaluateExplain: "evadesc",
+      evaluateStartTime: "evast",
+      evaluateTime: "evadur",
+      evaluateAnswer: "evaan"
+    };
+    for (let key in evaluateResultSetting) {
+      let value = evaluateResultSetting[key];
+      let isParseKey = value && key != "evaluateAnswer" && typeof value === "string" && value.includes("${");
+      if (isParseKey) {
+        let parseValue = value.replace(/\$\{([^}]+)\}/g, (_v, $1) => {
+          let param;
+          if ($1.startsWith("form.")) {
+            param = query[$1.split(".")[1]];
+          }
+          return param || "";
+        });
+        evaluateResultSetting[key] = parseValue;
+      } else {
+        let val = query[obj[key]];
+        if (key == "evaluateAnswer") {
+          val = val === "true" || val == 1 ? true : false;
+        }
+        query[obj[key]] && (evaluateResultSetting[key] = val);
+      }
+    }
+    if (hasDefault.value) {
+      let defaultVariable = ["evaname", "evadesc", "evast", "evadur", "evaan"];
+      let defObj = {
+        evaname: "evaluateName",
+        evadesc: "evaluateExplain",
+        evast: "evaluateStartTime",
+        evadur: "evaluateTime",
+        evaan: "evaluateAnswer"
+      };
+      defaultVariable.forEach((item) => {
+        let key = defObj[item];
+        if (!evaluateResultSetting[key]) {
+          let val = query[item];
+          if (item == "evaan") {
+            val = val === "true" || val == 1 ? true : false;
+          }
+          query[item] && (evaluateResultSetting[key] = val);
+        }
+      });
+    }
+    setEvaluateStartTime(evaluateResultSetting);
+  };
+  const isChoice = (type) => {
+    return type == "SELECT" || type == "RADIO_BLOCK" || type == "CHECKBOX_BLOCK" || type == "SEARCH_CASCADE" || type == "EVALUATE_RADIO_BLOCK" || type == "EVALUATE_CHECKBOX_BLOCK" || type == "EVALUATE_SELECT";
+  };
+  const handleFormatOptions = (options, type) => {
+    if (!isRadioOrCheckBox(options, type))
+      return;
+    options.forEach((item, i) => {
+      if (item.key !== "other") {
+        item.key = i + 1;
+      }
+      if (item.prefix || item.suffix) {
+        item.value = item.prefix || item.suffix;
+      }
+    });
+  };
+  const formatArray = (list) => {
+    let i = 1;
+    const results = list.map((item) => {
+      const key = formKey(item);
+      let title = (key || "").replace(/\n/g, "");
+      item.showTitle = item.title;
+      item.val_key = key;
+      item.renderCom = componentMap[item.type];
+      if (title.includes(".")) {
+        let newTitle = title.replace(/\./g, "~-~");
+        item.showTitle = newTitle;
+      }
+      item.isShow = true;
+      Object.keys(item).forEach((key2) => {
+        if (vexutils.isJSON(item[key2])) {
+          if (item.type != "LOCATION") {
+            item[key2] = JSON.parse(item[key2]);
+          }
+        }
+      });
+      const notIndexArr = ["LINEBAR", "TITLE", "PROMPT", "IMGCARD", "RICH_TEXT"];
+      if (notIndexArr.indexOf(item.type) < 0 && !item.hide) {
+        item.softcode = i++;
+      }
+      if (isChoice(item.type)) {
+        handleFormatOptions(item.options, item.type);
+        if (item.type != "SEARCH_CASCADE") {
+          if (item.dbValue) {
+            nextLogicEvent(item.dbValue, item, list);
+          } else {
+            if (item.setting.defaultValue) {
+              nextLogicEvent(item.setting.defaultValue, item, list);
+            }
+          }
+        }
+      }
+      return item;
+    });
+    return results.map((item) => {
+      let relationLogicObj = vexutils.isString(item.relationLogic) ? JSON.parse(item.relationLogic) : item.relationLogic;
+      handleRelationLogic(list, relationLogicObj);
+      handLenextLogic(item);
+      if (item.type === "CHECKBOX_BLOCK" && item.dbValue && !Array.isArray(item.dbValue) && props.type === "customList") {
+        item.dbValue = item.dbValue.split(",").filter((ii) => !!ii);
+      }
+      return item;
+    });
+  };
+  const defaultFormValue = (formArray) => {
+    const formData = {};
+    let val;
+    formArray.forEach((item) => {
+      var _a, _b, _c, _d;
+      const key = item.val_key;
+      const { type } = item;
+      let defValue;
+      if (item.dbValue) {
+        defValue = item.dbValue;
+      } else {
+        if (((_a = item.setting) == null ? void 0 : _a.defValType) == 3) {
+          let urlKey = (_c = (_b = item.setting) == null ? void 0 : _b.outDefaultValue) == null ? void 0 : _c.urlKey;
+          if (urlKey) {
+            let list = urlKey.split(",");
+            if (list.length > 1) {
+              let val2 = list.map((l) => {
+                let tempV = getQueryVariable(l, state, props.params);
+                if (tempV)
+                  return decodeURIComponent(tempV);
+                return null;
+              }).filter(Boolean);
+              val2.length && (defValue = val2);
+            } else {
+              let val2 = getQueryVariable(list[0], state, props.params);
+              if (val2) {
+                val2 = decodeURIComponent(val2);
+                defValue = item.type == "CHECKBOX_BLOCK" ? val2.split() : val2;
+              }
+            }
+          }
+        }
+      }
+      switch (type) {
+        case "LOCATION":
+          formData[key] = defValue || "";
+          break;
+        case "SEARCH_CASCADE":
+          formData[key] = defValue || [];
+          break;
+        case "ADDRESS":
+          formData[key] = defValue || "";
+          state.defaultAddress = defValue || {};
+          break;
+        case "LABEL":
+          formData[key] = defValue || {};
+          if (vexutils.isObject(defValue)) {
+            state.labelSelectedList = (defValue == null ? void 0 : defValue.labels) || [];
+          } else if (Array.isArray(defValue)) {
+            state.labelSelectedList = defValue;
+          } else {
+            state.labelSelectedList = [];
+          }
+          break;
+        case "TITLE":
+          formData[key] = item.title;
+          break;
+        case "IMGCARD":
+          formData[key] = ((_d = item.setting) == null ? void 0 : _d.imgUrl) || "";
+          break;
+        case "UPFILE":
+        case "UPPICTURE":
+          formData[key] = defValue || [];
+          break;
+        case "CHECKBOX_BLOCK":
+          if (defValue && !Array.isArray(defValue) && props.type === "customList") {
+            formData[key] = defValue.split(",").filter((ii) => !!ii);
+          } else {
+            val = defValue || item.setting.defaultValue;
+            if (vexutils.isJSON(val)) {
+              val = JSON.parse(val);
+            }
+            formData[key] = val;
+          }
+          break;
+        default:
+          val = defValue || item.setting.defaultValue;
+          if (vexutils.isJSON(val)) {
+            val = JSON.parse(val);
+          }
+          formData[key] = val;
+          break;
+      }
+    });
+    return formData;
+  };
+  return {
+    initForm
+  };
+};
+
+export { ScaleViewInit };

package/es/packages/scale-view/src/hooks/scaleview-props.mjs

@@ -1 +1,60 @@
-export { default } from './scaleview-props2.mjs';
+const ScaleViewProps = {
+  ids: {
+    type: Object,
+    default: () => {
+      return { guage_id: "", db_id: void 0 };
+    }
+  },
+  params: { default: () => ({}), type: Object },
+  guageData: { type: Object, default: () => ({}) },
+  noBtn: { type: [Boolean, String, Number], default: false },
+  hideBtn: { type: [Boolean, String, Number], default: false },
+  source: { type: String, default: "" },
+  isLock: { type: [Boolean, String, Number], default: false },
+  type: {
+    type: String,
+    default: ""
+  },
+  styleSetting: {
+    type: Object,
+    default: () => ({})
+  },
+  fontSizeObj: {
+    type: Object,
+    default: () => ({
+      large: 1.25,
+      medium: 1.1,
+      small: 1,
+      extrasmall: 0.9
+    })
+  },
+  openType: { type: String, default: "" },
+  scaleApiConfig: {
+    type: Object,
+    default: () => ({})
+  },
+  getSelectOptions: {
+    type: Function,
+    default: () => Promise.resolve([])
+  },
+  getSearchOptions: {
+    type: Function,
+    default: () => Promise.resolve([])
+  },
+  getCascadeOptions: {
+    type: Function,
+    default: () => Promise.resolve([])
+  },
+  getLabelList: {
+    type: Function,
+    default: () => Promise.resolve([])
+  },
+  uploadPictureUrl: { type: String, default: "" },
+  uploadFileUrl: { type: String, default: "" },
+  ak: {
+    type: String,
+    default: "KP3BZ-OAC3W-PY6RY-OJ6DV-JYKN3-H6F72"
+  }
+};
+
+export { ScaleViewProps as default };

package/es/packages/scale-view/src/hooks/scaleview-state.mjs

@@ -1 +1,42 @@
-export { default } from './scaleview-state2.mjs';
+import moment from 'moment';
+
+const ScaleViewState = {
+  other: "",
+  form: {},
+  submitForm: {},
+  rules: {},
+  config: {},
+  formArray: [],
+  mapVisible: false,
+  mapLocation: "",
+  labelSelectedList: [],
+  defaultFormArray: [],
+  fontSize: "",
+  filterArr: [
+    "SUCCESS_TIP",
+    "CALLBACK_INTERFACE",
+    "SPREAD_PARAMS",
+    "REDIRECT",
+    "FRONT_ADDRESS",
+    "RETURN_PATH"
+  ],
+  spinning: false,
+  indicator: "",
+  totalScore: void 0,
+  shareId: "",
+  currentTime: moment(),
+  showEvaluatePage: false,
+  showEvaluateSettingWrap: true,
+  showEvaluateCountdownWrap: false,
+  showEvaluateCountdown: false,
+  banSubmit: false,
+  isFinished: false,
+  maxScore: 0,
+  originConfig: {},
+  paramsEvaluate: null,
+  hasFrontAddress: true,
+  choiceComObj: {},
+  evatipMap: {}
+};
+
+export { ScaleViewState as default };