cnhis-design-vue 3.1.6 → 3.1.7-beta.3

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

@@ -1 +1,128 @@
-import e from"cnhis-design-vue/es/src/utils/vexutils";const t=(t,i)=>({nextLogicEvent:(t,o,n=[])=>{const{nextLogic:s,seq:r}=o;s&&s.next_logic_is&&s.condition.some((o=>{const{value:l,next_subject:c}=o,a="end"==c?9999:c;if("condition"==s.next_logic){let e=!1;if(e=Array.isArray(t)?t.includes(l):t===l,e)return n.forEach((e=>{if(e.seq>r&&e.seq<a){e.isShow=!1;const t=e.val_key;i.form[t]&&(i.form[t]="")}else e.isShow=!0})),!0;n.forEach((e=>{e.seq>r&&e.seq<a&&(e.isShow=!0)}))}else"uncondition"==s.next_logic&&n.forEach((o=>{const n=o.val_key;if(o.seq>r&&o.seq<a){let s=e.isEmpty(t);o.isShow=s,s||i.form[n]&&(i.form[n]="")}}))}))},handleDynamicDataRelation:(e,t,o)=>{let{targetSource:n}=t;if(!n||!Object.keys(n).length)return;if(!n.target_id)return;let{relationParam:s=[]}=n;s.length&&s.forEach((t=>{let n=o.find((e=>e.seq===t.relationElement));const s=n.val_key;if(n)if(e.length){let o=e.map((e=>e[t.relationField]||"/"))||"";i.form[s]=o.join(",")}else i.form[s]=""}))}});export{t as useEvent};
+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 @@
-export{default}from"./use-noData2.mjs";
+export { default } from './use-noData2.mjs';

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

@@ -1 +1,41 @@
-import{reactive as a}from"vue";function t(){let t=a({noData:!1,noDataTip:"1.1.6.11",noDataImg:"nodata"});const o=a=>{let t="nodata";switch(a){case"10000":t="no-permission";break;case"Failure":t="failure";break;default:t="nodata"}return t};return{noDataState:t,setNoData:(a,n="1.1.6.11",e="nodata")=>{t.noData=a,t.noDataTip=n||"1.1.6.11",t.noDataImg=o(e)||"nodata"},resetNodata:()=>{t.noData=!1,t.noDataTip="1.1.6.11",t.noDataImg="nodata"}}}export{t as default};
+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 @@
-export{getQueryVariable,handleQueryParams,isCollection,isEvaluation,isOnlyOptions}from"./judge-types2.mjs";
+export { getQueryVariable, handleQueryParams, isCollection, isEvaluation, isOnlyOptions } from './judge-types2.mjs';

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

@@ -1 +1,40 @@
-const e=e=>["RADIO_BLOCK","CHECKBOX_BLOCK"].includes(e),E=e=>["TITLE","LINEBAR","PROMPT","IMGCARD","RICH_TEXT"].includes(e),n=e=>["EVALUATE_RADIO_BLOCK","EVALUATE_CHECKBOX_BLOCK","EVALUATE_SELECT","EVALUATE_INPUT"].includes(e),t=()=>{let e={},E=window.location.hash.split("?")[1];if(!E)return{};for(let[n,t]of new URLSearchParams(E).entries())e[n]=decodeURIComponent(t);return e},o=(e,E,n)=>{let o={};return o="layout"==E.source?n:t()||{},o&&o[e]||!1};export{o as getQueryVariable,t as handleQueryParams,E as isCollection,n as isEvaluation,e as isOnlyOptions};
+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

@@ -118,17 +118,29 @@
 }
 .c-scale .scale-container {
   width: 100%;
-  height: calc(100% - 51px);
+  height: 100%;
   padding-bottom: 10px;
   transform-origin: 0 0;
   overflow-y: auto;
   box-sizing: border-box;
+  /*定义滚动条轨道 内阴影+圆角*/
+  /*定义滑块 内阴影+圆角*/
 }
 .c-scale .scale-container.scale-container-nopadding {
   height: 100%;
 }
 .c-scale .scale-container::-webkit-scrollbar {
   width: 10px;
+  height: 6px;
+  background-color: #f5f5f5;
+}
+.c-scale .scale-container::-webkit-scrollbar-track {
+  border-radius: 10px;
+  background-color: #f2f2f2;
+}
+.c-scale .scale-container::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  background-color: #dbdcdc;
 }
 .c-scale :deep(.no-data-tip) {
   width: 100%;

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

@@ -123,7 +123,7 @@
   }
   .scale-container {
     width: 100%;
-    height: calc(100% - 51px);
+    height: 100%;
     padding-bottom: 10px;
     transform-origin: 0 0;
     overflow-y: auto;
@@ -133,6 +133,20 @@
     }
     &::-webkit-scrollbar {
       width: 10px;
+      height: 6px;
+      background-color: #f5f5f5;
+    }
+  
+    /*定义滚动条轨道 内阴影+圆角*/
+    &::-webkit-scrollbar-track {
+      border-radius: 10px;
+      background-color: #f2f2f2;
+    }
+  
+    /*定义滑块 内阴影+圆角*/
+    &::-webkit-scrollbar-thumb {
+      border-radius: 10px;
+      background-color: #dbdcdc;
     }
   }
   :deep(.no-data-tip) {

package/es/packages/select-label/index.mjs

@@ -1 +1 @@
-export{CLabelFormContent,default}from"./index2.mjs";
+export { CLabelFormContent, default } from './index2.mjs';

package/es/packages/select-label/index2.mjs

@@ -1 +1,17 @@
-import{KEY_COMPONENT_NAME as e}from"cnhis-design-vue/es/src/global/variable";import{safeComponentRegister as t,getComponentName as s}from"cnhis-design-vue/es/src/utils";import"./src/SelectLabel2.mjs";import"./src/LabelFormContent2.mjs";import r from"./src/SelectLabel.vue_vue_type_script_setup_true_lang.mjs";import o from"./src/LabelFormContent.vue_vue_type_script_setup_true_lang.mjs";const n=r,i=o;n.install=function(r){t(r,n,e+s(n))},i.install=function(r){t(r,i,e+s(i))};export{i as CLabelFormContent,n as default};
+import { KEY_COMPONENT_NAME } from 'cnhis-design-vue/es/src/global/variable';
+import { safeComponentRegister, getComponentName } from 'cnhis-design-vue/es/src/utils';
+import './src/SelectLabel2.mjs';
+import './src/LabelFormContent2.mjs';
+import script from './src/SelectLabel.vue_vue_type_script_setup_true_lang.mjs';
+import script$1 from './src/LabelFormContent.vue_vue_type_script_setup_true_lang.mjs';
+
+const SelectLabel = script;
+const LabelFormContent = script$1;
+SelectLabel.install = function(app) {
+  safeComponentRegister(app, SelectLabel, KEY_COMPONENT_NAME + getComponentName(SelectLabel));
+};
+LabelFormContent.install = function(app) {
+  safeComponentRegister(app, LabelFormContent, KEY_COMPONENT_NAME + getComponentName(LabelFormContent));
+};
+
+export { LabelFormContent as CLabelFormContent, SelectLabel as default };

package/es/packages/select-label/src/LabelFormContent.mjs

@@ -1 +1,2 @@
-import"./LabelFormContent2.mjs";export{default}from"./LabelFormContent.vue_vue_type_script_setup_true_lang.mjs";
+import './LabelFormContent2.mjs';
+export { default } from './LabelFormContent.vue_vue_type_script_setup_true_lang.mjs';