cnhis-design-vue 3.1.24-beta.7 → 3.1.24-beta.9

package/es/components/scale-view/src/hooks/scaleview-computed.js

@@ -0,0 +1,309 @@
+import { computed } from 'vue';
+import { isEvaluation } from '../utils/judge-types.js';
+import XEUtils from 'xe-utils';
+import moment from 'moment';
+import { componentMapStr } from './use-component.js';
+
+const ScaleViewComputed = (props, state, config) => {
+  let { query } = config;
+  const queryformBoldOpen = computed(() => {
+    return (query == null ? void 0 : query.formBoldOpen) == 1;
+  });
+  const showEvatip = computed(() => (item) => {
+    var _a;
+    if (!isEvaluation(item.type))
+      return false;
+    return (query == null ? void 0 : query.evatip) == 1 || ((_a = props.params) == null ? void 0 : _a.evatip) == 1;
+  });
+  const isFormBoldOpen = computed(() => (item) => {
+    let res = item.required;
+    if (!props.styleSetting || !Object.keys(props.styleSetting).length || !("formBoldOpen" in props.styleSetting)) {
+      return res && queryformBoldOpen.value;
+    }
+    return res && props.styleSetting.formBoldOpen;
+  });
+  const scaleStyle = computed(() => {
+    let fontSize = state.fontSize;
+    if (!fontSize || fontSize === "S")
+      return null;
+    const keyValue = {
+      L: "large",
+      M: "medium",
+      XS: "extrasmall"
+    };
+    fontSize = keyValue[fontSize];
+    const scale = fontSize && (props == null ? void 0 : props.fontSizeObj[fontSize]) || 1;
+    const size = 1e4;
+    const value = Math.floor(100 / scale * size) / size;
+    return {
+      width: `${value}%`,
+      height: `${value}%`,
+      transform: `scale(${scale})`
+    };
+  });
+  const handlePageClass = computed(() => {
+    if (props.type == "customList" && !props.noBtn)
+      return false;
+    if (!props.noBtn && !props.hideBtn)
+      return false;
+    return true;
+  });
+  const isShowItem = computed(() => (item) => {
+    return showEvent(item);
+  });
+  const handleShowQuestionNumber = computed(() => (item) => {
+    var _a;
+    let { type } = item || {};
+    let tempTile = ((_a = state.config) == null ? void 0 : _a.autoQuestionNumber) === false ? item.showTitle : `${item.softcode}\u3001${item.showTitle}`;
+    if (!isEvaluation(type))
+      return tempTile;
+    let score = handleEvaluationScore(item);
+    return `${tempTile}&nbsp;<span style="color:#2d7aff;" class="score-i">${score}</span>`;
+  });
+  const hasScore = computed(() => {
+    let { config: config2 } = state;
+    if (!config2 || !Object.keys(config2).length)
+      return false;
+    if ("totalScore" in config2)
+      return true;
+    return false;
+  });
+  const isPreviewScale = computed(() => {
+    var _a;
+    let guage_id = (_a = state.ids) == null ? void 0 : _a.guage_id;
+    return guage_id && props.noBtn;
+  });
+  const showEvaluateEntry = computed(() => {
+    return !isPreviewScale.value && state.showEvaluatePage && state.showEvaluateSettingWrap && !state.isFinished && !props.noBtn && !props.hideBtn;
+  });
+  const showEvaluateCoundownPage = computed(() => {
+    return !isPreviewScale.value && !showEvaluateEntry.value && state.showEvaluateCountdownWrap && !state.isFinished && !props.noBtn && !props.hideBtn;
+  });
+  const hasEvaluateResultSetting = computed(() => {
+    let { evaluateResultSetting = {} } = state.config;
+    let valueArr = Object.values(evaluateResultSetting).filter((item) => {
+      if (item)
+        return true;
+    }) || [];
+    return valueArr.length;
+  });
+  const hasparamsEvaluate = computed(() => {
+    return state.paramsEvaluate && Object.keys(state.paramsEvaluate).length;
+  });
+  const hasDefault = computed(() => {
+    let hash = window.location.search;
+    if (!hash)
+      return;
+    let defaultVariable = ["evaname", "evadesc", "evast", "evadur", "evaan"];
+    let hasDefaultItem = defaultVariable.find((item) => hash.includes(item));
+    return state.paramsEvaluate || hasDefaultItem;
+  });
+  const showSaveBtn = computed(() => {
+    if (!hasEvaluateResultSetting.value && !hasDefault.value) {
+      return !props.noBtn && !props.hideBtn;
+    }
+    return !props.noBtn && !props.hideBtn && !state.isFinished;
+  });
+  const componentDisable = computed(() => {
+    if (!hasEvaluateResultSetting.value && !hasDefault.value) {
+      return !!props.hideBtn || !!props.isLock;
+    }
+    return !!props.hideBtn || !!props.isLock || state.isFinished;
+  });
+  const showEvaluateLabel = computed(() => (item) => {
+    let obj = {
+      EVALUATE_RADIO_BLOCK: "\u5355\u9009\u9898",
+      EVALUATE_CHECKBOX_BLOCK: "\u591A\u9009\u9898"
+    };
+    return obj[item.type];
+  });
+  const showAnswerParse = computed(() => (item) => {
+    var _a;
+    let { evaluateAnswer, checkAnswerMode, evaluateStartTime, evaluateTime } = ((_a = state.config) == null ? void 0 : _a.evaluateResultSetting) || {};
+    let arr = ["EVALUATE_RADIO_BLOCK", "EVALUATE_CHECKBOX_BLOCK", "EVALUATE_SELECT", "EVALUATE_INPUT"];
+    let maxScore = (item == null ? void 0 : item.scoreConfigs) || 0;
+    let isShow = evaluateAnswer && state.isFinished && arr.includes(item.type) && maxScore;
+    if (!evaluateStartTime || !evaluateTime || checkAnswerMode && checkAnswerMode == 1) {
+      return isShow;
+    }
+    if (!XEUtils.isValidDate(new Date(evaluateStartTime)))
+      return isShow;
+    let endTime = moment(evaluateStartTime).add(evaluateTime, "minutes");
+    let isRang = endTime.diff(moment(), "seconds", true);
+    return isShow && isRang <= 0;
+  });
+  const tipMsg = computed(() => {
+    return props.type === "customList" ? "\u4FDD\u5B58" : "\u63D0\u4EA4";
+  });
+  const selectProps = computed(() => {
+    return {
+      getSelectOptions: props.getSelectOptions,
+      getSearchOptions: props.getSearchOptions,
+      openType: props.openType
+    };
+  });
+  const cascaderProps = computed(() => {
+    return {
+      getCascadeOptions: props.getCascadeOptions
+    };
+  });
+  const uploadProps = computed(() => {
+    return {
+      uploadPictureUrl: props.uploadPictureUrl,
+      uploadFileUrl: props.uploadFileUrl
+    };
+  });
+  const mapProps = computed(() => {
+    return {
+      ak: props.ak
+    };
+  });
+  const vodChunkUploadProps = computed(() => {
+    return {
+      source: "guage",
+      getChunkUploadConfig: props.getChunkUploadConfig
+    };
+  });
+  const selectLabelProps = computed(() => {
+    return {
+      selectedList: state.labelSelectedList,
+      getLabelList: props.getLabelList,
+      deleteLabel: props.deleteLabel,
+      saveLabelItem: props.saveLabelItem,
+      sourceType: props.sourceType
+    };
+  });
+  const comProsMap = {
+    RSelectCom: selectProps.value,
+    RCascaderCom: cascaderProps.value,
+    RUploadCom: uploadProps.value,
+    RMapCom: mapProps.value,
+    RVodChunkUploadCom: vodChunkUploadProps.value,
+    CSelectLabelCom: selectLabelProps.value
+  };
+  const propsConfig = computed(() => (item, index) => {
+    var _a;
+    const propType = componentMapStr[item.type];
+    let useProps = comProsMap[propType] || {};
+    let propsObj = {
+      form: state.form,
+      item,
+      index,
+      isLock: componentDisable.value,
+      ...useProps
+    };
+    if (propType === "RVodChunkUploadCom") {
+      Object.assign(propsObj, {
+        formData: item,
+        limitNum: ((_a = item.setting) == null ? void 0 : _a.limitPic) || 1,
+        defFileList: state.form[item.val_key]
+      });
+    }
+    if (propType === "RMapCom") {
+      Object.assign(propsObj, {
+        locationProp: state.form[item.val_key]
+      });
+    }
+    if (propType === "CSelectLabelCom") {
+      delete propsObj.form;
+      delete propsObj.index;
+    }
+    return propsObj;
+  });
+  const showEvent = (formItem, isSubmitCallback) => {
+    if (formItem.hide)
+      return false;
+    const { form = {}, formArray = [] } = state;
+    let relationLogicObj = {};
+    if (isSubmitCallback) {
+      let setting = formItem.setting;
+      if (formItem.setting && XEUtils.isJSON(formItem.setting)) {
+        setting = JSON.parse(formItem.setting);
+      }
+      relationLogicObj = XEUtils.isString(setting.callbackCondition) ? JSON.parse(setting.callbackCondition) : setting.callbackCondition;
+      if (!relationLogicObj || !relationLogicObj.condition || !relationLogicObj.condition.length) {
+        return true;
+      }
+    } else {
+      relationLogicObj = XEUtils.isString(formItem.relationLogic) ? JSON.parse(formItem.relationLogic) : formItem.relationLogic;
+    }
+    if (!relationLogicObj || !Object.keys(relationLogicObj).length)
+      return true;
+    const { relation_logic_is, condition, relation_logic } = relationLogicObj;
+    if (relation_logic_is) {
+      const results = condition.map((c) => {
+        let mItem = formArray.filter((f) => f.seq == c.subject_seq)[0];
+        let key = formKey(mItem);
+        if (XEUtils.isArray(form[key])) {
+          return form[key].some((v) => c.value.includes(v));
+        } else {
+          return c.value.includes(form[key]);
+        }
+      });
+      if (relation_logic == "OR") {
+        formItem.isShow = results.some((el) => el);
+      } else if (relation_logic == "AND") {
+        formItem.isShow = results.every((el) => el);
+      } else {
+        formItem.isShow = results[0];
+      }
+    }
+    return formItem.isShow;
+  };
+  const formKey = (item) => {
+    return item.databaseTitle || item.title;
+  };
+  const handleEvaluationScore = (ele) => {
+    let { minScore = 0, maxScore = 0, scoreType } = ele.scoreConfigs || {};
+    return `(${maxScore}\u5206)`;
+  };
+  const evaluatePageProps = computed(() => {
+    var _a, _b;
+    return {
+      formArray: state.formArray,
+      evaluateResultConfig: ((_a = state.config) == null ? void 0 : _a.evaluateResultConfig) || {},
+      evaluateResultSetting: ((_b = state.config) == null ? void 0 : _b.evaluateResultSetting) || {},
+      isFinished: state.isFinished,
+      maxScore: state.maxScore
+    };
+  });
+  const evaluateCountdownProps = computed(() => {
+    var _a, _b;
+    return {
+      formArray: state.formArray,
+      evaluateResultConfig: ((_a = state.config) == null ? void 0 : _a.evaluateResultConfig) || {},
+      evaluateResultSetting: ((_b = state.config) == null ? void 0 : _b.evaluateResultSetting) || {},
+      form: state.form,
+      isFinished: state.isFinished,
+      currentTime: state.currentTime,
+      showEvaluateCountdown: state.showEvaluateCountdown
+    };
+  });
+  return {
+    showEvatip,
+    isFormBoldOpen,
+    scaleStyle,
+    handlePageClass,
+    isShowItem,
+    handleShowQuestionNumber,
+    hasScore,
+    isPreviewScale,
+    showEvaluateEntry,
+    showEvaluateCoundownPage,
+    hasEvaluateResultSetting,
+    hasparamsEvaluate,
+    hasDefault,
+    showSaveBtn,
+    componentDisable,
+    showEvaluateLabel,
+    showAnswerParse,
+    tipMsg,
+    propsConfig,
+    showEvent,
+    formKey,
+    evaluatePageProps,
+    evaluateCountdownProps
+  };
+};
+
+export { ScaleViewComputed };

package/es/components/scale-view/src/hooks/scaleview-init.d.ts

@@ -0,0 +1,3 @@
+export declare const ScaleViewInit: (props: any, state: any, emit: any, config: any) => {
+    initForm: (data: any) => void;
+};