cnhis-design-vue 3.1.9-beta.5 → 3.1.9-beta.6

package/es/packages/scale-view/src/hooks/use-event.mjs

@@ -1 +1,128 @@
-export { useEvent } from './use-event2.mjs';
+import vexutils from 'cnhis-design-vue/es/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.mjs

@@ -1 +1,41 @@
-export { default } from './use-noData2.mjs';
+import { reactive } from 'vue';
+
+function useNoData() {
+  let state = reactive({
+    noData: false,
+    noDataTip: "1.1.6.11",
+    noDataImg: "nodata"
+  });
+  const setNoData = (noData, noDataTip = "1.1.6.11", noDataImg = "nodata") => {
+    state.noData = noData;
+    state.noDataTip = noDataTip || "1.1.6.11";
+    state.noDataImg = errResult(noDataImg) || "nodata";
+  };
+  const resetNodata = () => {
+    state.noData = false;
+    state.noDataTip = "1.1.6.11";
+    state.noDataImg = "nodata";
+  };
+  const errResult = (result) => {
+    let res = "nodata";
+    switch (result) {
+      case "10000":
+        res = "no-permission";
+        break;
+      case "Failure":
+        res = "failure";
+        break;
+      default:
+        res = "nodata";
+        break;
+    }
+    return res;
+  };
+  return {
+    noDataState: state,
+    setNoData,
+    resetNodata
+  };
+}
+
+export { useNoData as default };

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

@@ -1 +1,40 @@
-export { getQueryVariable, handleQueryParams, isCollection, isEvaluation, isOnlyOptions } from './judge-types2.mjs';
+const isOnlyOptions = (e) => {
+  const list = ["RADIO_BLOCK", "CHECKBOX_BLOCK"];
+  return list.includes(e);
+};
+const isCollection = (e) => {
+  const list = ["TITLE", "LINEBAR", "PROMPT", "IMGCARD", "RICH_TEXT"];
+  return list.includes(e);
+};
+const isEvaluation = (e) => {
+  let list = [
+    "EVALUATE_RADIO_BLOCK",
+    "EVALUATE_CHECKBOX_BLOCK",
+    "EVALUATE_SELECT",
+    "EVALUATE_INPUT"
+  ];
+  return list.includes(e);
+};
+const handleQueryParams = () => {
+  let params = {};
+  let hash = window.location.hash.split("?")[1];
+  if (!hash)
+    return {};
+  for (let [key, value] of new URLSearchParams(hash).entries()) {
+    params[key] = decodeURIComponent(value);
+  }
+  return params;
+};
+const getQueryVariable = (variable, state, params) => {
+  let query = {};
+  if (state.source == "layout") {
+    query = params;
+  } else {
+    query = handleQueryParams() || {};
+  }
+  if (!query)
+    return false;
+  return query[variable] || false;
+};
+
+export { getQueryVariable, handleQueryParams, isCollection, isEvaluation, isOnlyOptions };

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

@@ -3,6 +3,10 @@
   flex-wrap: wrap;
   width: 100%;
 }
+.c-choice-wrap .n-radio-input {
+  width: 14px;
+  height: 14px;
+}
 .c-choice-wrap .scale-choice-img-wrap {
   display: inline-block;
   position: relative;
@@ -70,18 +74,18 @@
   align-items: center;
   margin: 4px 0;
 }
-.c-choice-wrap label :deep(.n-radio__label) {
+.c-choice-wrap label .n-radio__label {
   flex: 1;
   display: inline-flex;
   align-items: center;
   white-space: normal;
 }
-.c-choice-wrap > :deep(.n-checkbox) {
+.c-choice-wrap > .n-checkbox {
   display: inline-flex;
   align-items: center;
   margin: 4px 0;
 }
-.c-choice-wrap > :deep(.n-checkbox) .n-checkbox__label {
+.c-choice-wrap > .n-checkbox .n-checkbox__label {
   flex: 1;
   display: inline-flex;
   align-items: center;
@@ -113,7 +117,7 @@
   box-sizing: border-box;
   color: rgba(0, 0, 0, 0.65);
 }
-.c-scale :deep(.n-form-item-label) {
+.c-scale .n-form-item-label {
   font-weight: 700;
 }
 .c-scale .scale-container {
@@ -142,7 +146,7 @@
   border-radius: 10px;
   background-color: #dbdcdc;
 }
-.c-scale :deep(.no-data-tip) {
+.c-scale .no-data-tip {
   width: 100%;
   height: 100%;
 }
@@ -213,10 +217,10 @@
 .rich-text-content {
   word-break: break-all;
 }
-.rich-text-content :deep(p) {
+.rich-text-content p {
   margin-bottom: 0;
 }
-.rich-text-content :deep(img) {
+.rich-text-content img {
   max-width: 100%;
 }
 .n-dialog.n-modal.c-evatip-dialog-wrap {
@@ -513,6 +517,9 @@
   width: 100%;
   text-align: left;
 }
+.c-scale .n-form-item {
+  --n-label-height: unset !important;
+}
 .no-data-tip {
   display: flex;
   flex-direction: column;
@@ -599,13 +606,13 @@
   width: 100%;
   cursor: pointer;
 }
-.c-map-container :deep(.n-input.map-input) .n-input__prefix {
+.c-map-container .n-input.map-input .n-input__prefix {
   transform: rotate(180deg);
 }
-.c-map-container :deep(.n-input.map-input) .n-input__prefix .n-icon {
+.c-map-container .n-input.map-input .n-input__prefix .n-icon {
   color: rgba(0, 0, 0, 0.65);
 }
-.c-map-container :deep(.n-input.map-input).n-input--disabled .n-input__input-el {
+.c-map-container .n-input.map-input.n-input--disabled .n-input__input-el {
   color: rgba(0, 0, 0, 0.65);
   background-color: #fff;
   cursor: pointer;
@@ -616,33 +623,33 @@
 .c-scale-upload {
   width: 100%;
 }
-.c-scale-upload :deep(.n-upload-file-list) {
+.c-scale-upload .n-upload-file-list {
   display: flex;
 }
-.c-scale-upload :deep(.n-upload-file-list) .n-upload-file .n-upload-file-info .n-upload-file-info__action.n-upload-file-info__action--image-card-type {
+.c-scale-upload .n-upload-file-list .n-upload-file .n-upload-file-info .n-upload-file-info__action.n-upload-file-info__action--image-card-type {
   box-sizing: border-box;
   background: rgba(0, 0, 0, 0.5);
 }
-.c-scale-upload :deep(.n-upload-file-list) .n-upload-file .n-upload-file-info .n-upload-file-info__action.n-upload-file-info__action--image-card-type span.n-button__icon {
+.c-scale-upload .n-upload-file-list .n-upload-file .n-upload-file-info .n-upload-file-info__action.n-upload-file-info__action--image-card-type span.n-button__icon {
   color: #fff;
 }
-.c-scale-upload :deep(.n-upload-file-list) .n-upload-trigger.n-upload-trigger--image-card {
+.c-scale-upload .n-upload-file-list .n-upload-trigger.n-upload-trigger--image-card {
   width: 184px;
   height: 184px;
   border-color: #d5d5d5;
   background-color: #fafafa;
 }
-.c-scale-upload :deep(.n-upload-file-list) .n-upload-file.n-upload-file--image-card-type {
+.c-scale-upload .n-upload-file-list .n-upload-file.n-upload-file--image-card-type {
   width: 184px;
   height: 184px;
   padding: 8px;
   border-color: #d5d5d5;
   background-color: #fafafa;
 }
-.c-scale-upload :deep(.n-upload-file-list) .n-upload-file.n-upload-file--image-card-type .n-image {
+.c-scale-upload .n-upload-file-list .n-upload-file.n-upload-file--image-card-type .n-image {
   height: 100%;
 }
-.c-scale-upload :deep(.n-upload-file-list) .n-upload-file.n-upload-file--image-card-type img {
+.c-scale-upload .n-upload-file-list .n-upload-file.n-upload-file--image-card-type img {
   object-fit: cover !important;
 }
 .c-scale-upload .upload-img-wrap {
@@ -664,15 +671,15 @@
 .c-scale-upload.scale-upload-file .dragger-upload-text {
   color: rgba(0, 0, 0, 0.65);
 }
-.c-scale-upload.scale-upload-file :deep(.n-upload-file-list) {
+.c-scale-upload.scale-upload-file .n-upload-file-list {
   display: flex;
   flex-direction: column;
   width: 100%;
 }
-.c-scale-upload.scale-upload-file :deep(.n-upload-file-list) .n-upload-file {
+.c-scale-upload.scale-upload-file .n-upload-file-list .n-upload-file {
   width: 100%;
 }
-.c-scale-upload.scale-upload-file :deep(.n-upload-trigger) {
+.c-scale-upload.scale-upload-file .n-upload-trigger {
   width: 100%;
   background: #fafafa;
   border-color: #d5d5d5;