cnhis-design-vue 3.1.5-beta.12 → 3.1.5-beta.15

package/es/packages/scale-view/src/components/formitem/text-over-tooltip/TextOverTooltip.vue.d.ts

@@ -176,7 +176,6 @@ declare const _default: import("vue").DefineComponent<{
         onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
         'onUpdate:show': import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
         onUpdateShow: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
-        internalDeactivateImmediately: BooleanConstructor;
         internalSyncTargetWithParent: BooleanConstructor;
         internalInheritedEventHandlers: {
             type: import("vue").PropType<import("naive-ui/es/popover/src/Popover").TriggerEventHandlers[]>;
@@ -241,11 +240,10 @@ declare const _default: import("vue").DefineComponent<{
                 opacity5: string;
                 dividerColor: string;
                 borderColor: string;
-                closeIconColor: string;
-                closeIconColorHover: string;
-                closeIconColorPressed: string;
+                closeColor: string;
                 closeColorHover: string;
                 closeColorPressed: string;
+                closeColorDisabled: string;
                 clearColor: string;
                 clearColorHover: string;
                 clearColorPressed: string;
@@ -477,7 +475,6 @@ declare const _default: import("vue").DefineComponent<{
         onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
         'onUpdate:show': import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
         onUpdateShow: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
-        internalDeactivateImmediately: BooleanConstructor;
         internalSyncTargetWithParent: BooleanConstructor;
         internalInheritedEventHandlers: {
             type: import("vue").PropType<import("naive-ui/es/popover/src/Popover").TriggerEventHandlers[]>;
@@ -513,7 +510,6 @@ declare const _default: import("vue").DefineComponent<{
         arrowPointToCenter: boolean;
         displayDirective: "show" | "if";
         keepAliveOnHover: boolean;
-        internalDeactivateImmediately: boolean;
         animated: boolean;
         internalTrapFocus: boolean;
         defaultShow: boolean;

package/es/packages/scale-view/src/components/formitem/text-over-tooltip/TextOverTooltip.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,77 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, createVNode, unref, withCtx, createElementVNode, normalizeClass, renderSlot, toDisplayString, createTextVNode } from 'vue';
+import { NTooltip } from 'naive-ui';
+import vexutils from '../..\\..\\..\\..\\../src/utils/vexutils';
+
+const _hoisted_1 = { class: "text-over-tooltip-components" };
+const __default__ = {
+  name: "TextOverTooltip"
+};
+var script = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: {
+    content: { type: [String, Number], required: false },
+    className: { type: String, required: false },
+    refName: { type: String, required: false },
+    effect: { type: String, required: false, default: "dark" },
+    placement: { type: String, required: false, default: "top" },
+    tooltipTitle: { type: [String, Number], required: false, default: "" },
+    isAlias: { type: Boolean, required: false }
+  },
+  setup(__props) {
+    const props = __props;
+    let isDisabledTooltip = ref(false);
+    const curContent = computed(() => {
+      let res = props.tooltipTitle || props.content || "";
+      if (vexutils.isNumber(res)) {
+        return res.toString();
+      }
+      return res;
+    });
+    const $refName = ref(null);
+    const onMouseOver = (str) => {
+      if (props.isAlias) {
+        isDisabledTooltip.value = true;
+        return;
+      }
+      let parentWidth = $refName.value.parentNode.offsetWidth;
+      let contentWidth = $refName.value.offsetWidth;
+      isDisabledTooltip.value = contentWidth > parentWidth;
+    };
+    const onMouseOut = () => {
+      isDisabledTooltip.value = false;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(NTooltip), {
+          effect: __props.effect,
+          show: unref(isDisabledTooltip),
+          placement: __props.placement
+        }, {
+          trigger: withCtx(() => [
+            createElementVNode("div", {
+              class: normalizeClass(["ellipsis", __props.className]),
+              onMouseover: _cache[0] || (_cache[0] = ($event) => onMouseOver(__props.refName)),
+              onMouseout: onMouseOut
+            }, [
+              createElementVNode("i", {
+                ref: (el) => {
+                  if (el)
+                    $refName.value = el;
+                }
+              }, [
+                renderSlot(_ctx.$slots, "default"),
+                createElementVNode("i", null, toDisplayString(__props.content), 1)
+              ], 512)
+            ], 34)
+          ]),
+          default: withCtx(() => [
+            createTextVNode(" " + toDisplayString(unref(curContent)), 1)
+          ]),
+          _: 3
+        }, 8, ["effect", "show", "placement"])
+      ]);
+    };
+  }
+});
+
+export { script as default };

package/es/packages/scale-view/src/components/formitem/text-over-tooltip/TextOverTooltip2.js

@@ -0,0 +1,4 @@
+import script from './TextOverTooltip.vue_vue_type_script_setup_true_lang.js';
+export { default } from './TextOverTooltip.vue_vue_type_script_setup_true_lang.js';
+
+script.__file = "packages/scale-view/src/components/formitem/text-over-tooltip/TextOverTooltip.vue";

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

@@ -0,0 +1 @@
+export { ScaleViewComputed } from './scaleview-computed2.js';

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

@@ -0,0 +1,320 @@
+import { computed } from 'vue';
+import { isEvaluation } from '../utils/judge-types2.js';
+import vexutils from '../..\\..\\../src/utils/vexutils';
+import moment from 'moment';
+import { componentMapStr } from './use-component2.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 && state.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;">${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.hash;
+    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 (!vexutils.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 getChunkUploadConfig = () => {
+    return Promise.resolve({
+      checkFileMd5Exist: "http://192.168.1.223:12060/storage/checkFileMd5Exist",
+      fileChannel: "null",
+      md5: "9ed34823e7ef4754819704135b29c9ab",
+      objectName: "0/0/20220602",
+      partFileMerge: "http://192.168.1.223:12060/storage/partFileMerge",
+      partFileUpload: "http://192.168.1.223:12060/storage/partFileUpload",
+      token: "73a9671c6eaa415db33d00a3651c3660"
+    });
+  };
+  const vodChunkUploadProps = computed(() => {
+    return {
+      source: "guage",
+      getChunkUploadConfig
+    };
+  });
+  const selectLabelProps = computed(() => {
+    return {
+      selectedList: state.labelSelectedList,
+      getLabelList: props.getLabelList
+    };
+  });
+  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 && vexutils.isJSON(formItem.setting)) {
+        setting = JSON.parse(formItem.setting);
+      }
+      relationLogicObj = vexutils.isString(setting.callbackCondition) ? JSON.parse(setting.callbackCondition) : setting.callbackCondition;
+      if (!relationLogicObj || !relationLogicObj.condition || !relationLogicObj.condition.length) {
+        return true;
+      }
+    } else {
+      relationLogicObj = vexutils.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 (vexutils.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/packages/scale-view/src/hooks/scaleview-init.js

@@ -0,0 +1 @@
+export { ScaleViewInit } from './scaleview-init2.js';