@bytenew/bn-bus-ui 1.1.461 → 1.1.463

package/packages/BnSmartForm/BnSmartFormPsychic.js

@@ -0,0 +1,629 @@
+// 类型无关的 includes 方法，用于比较可能是字符串或数值的 id
+function Includes(array, value) {
+  return array.some(item => item == value); // 使用 == 进行类型转换比较
+}
+
+/*传入原始组件列表，组件显隐规则列表，返回可以显示的组件列表的code数组[1,2,3,4]*/
+export function psychicComponentGetIds(components, rules,taskId) {
+  //1.获取组件列表中所有组件的id数组，和所有组件的数据map对象
+  let componentMap = JSON.parse(JSON.stringify(loadComponentIds(components).componentMap));
+  //2. 定义一个需要隐藏起来的组件id列表
+  let hiddenIds = [];
+  //3.定义一个需要显示的组件的id列表
+  let showIds = [];
+  //4获取规则内，所有涉及触发条件的组件的id数组
+  let conditionIds = [];
+  //5.遍历组件显隐规则
+  rules.map(rule => {
+    //6判断规则是否开启
+    if (rule.status == 1 && ((taskId && rule.columnRules.showScene.includes(2)) || (!taskId && rule.columnRules.showScene.includes(1)))) {
+      //7.获取该规则内，所有需要控制显示隐藏的组件id数组
+      let showComponentIds = loadComponentIds(rule.columnRules.showColumns).ids;
+      //8.获取规则内，所有涉及触发条件的组件的id数组
+      let conditionComponentIds = loadComponentIds(rule.columnRules.conditions).ids;
+      //9.判断规则是否符合
+      let flag = checkRuleCondition(rule.columnRules.calculation, rule.columnRules.conditions, componentMap);
+      conditionIds = mergeArray(conditionIds, conditionComponentIds)
+      //10.根据判断来确定该规则下能展示和需要隐藏的数组
+      if (flag) {
+        showIds = mergeArray(showIds, showComponentIds)
+      } else {
+        hiddenIds = mergeArray(hiddenIds, showComponentIds)
+      }
+    }
+  });
+  //11.需要隐藏的组件列表和需要显示的组件列表取差集。
+  let hidden = [];
+  for (let i in hiddenIds) {
+    if (!showIds.includes(hiddenIds[i])) {
+      hidden.push(hiddenIds[i])
+    }
+  }
+  return {
+    showIds: showIds,
+    hiddenIds: hidden,
+    conditionIds: conditionIds
+  };
+}
+
+//获取一个组件列表的所有id，返回它们的id的数组列表
+function loadComponentIds(components) {
+  let response = {
+    ids: [],
+    componentMap: {}
+  };
+  components.map(item => {
+    response.ids.push(item.columnCode);
+    response.componentMap[item.columnCode] = item;
+  });
+  return response;
+}
+
+//校验组件显隐规则是否符合，符合返回true，不符合返回false。type：匹配方式 and 全部匹配，or 只要有一个匹配。conditions：触发条件列表。componentMap：组件map对象
+function checkRuleCondition(type, conditions, componentMap) {
+  let flag = -1;
+  for (let i in conditions) {
+    let condition = conditions[i];
+    let component = componentMap[condition.columnCode];
+    flag = i
+    if (component) {
+      switch (component.behaviorType) {
+        //单行文本 附件
+        case 1:
+        case 10: {
+          flag = checkString(component, condition, i);
+          break;
+        }
+        //数值
+        case 2:
+        case 9: {
+          flag = checkNumber(component, condition, i);
+          break;
+        }
+        //单选、下拉
+        case 3:
+        case 4: {
+          flag = checkSelect(component, condition, i);
+          break;
+        }
+        //多选
+        case 5: {
+          flag = checkCheckBox(component, condition, i);
+          break;
+        }
+        //联动组件
+        case 6:
+        {
+          flag = checkRelation(component, condition, i);
+          break;
+        }
+        //日期组件
+        case 7: {
+          flag = checkDate(component, condition, i);
+          break;
+        }
+        //日期区间组件
+        case 8: {
+          flag = checkDateReg(component, condition, i);
+          break;
+        }
+      }
+      if (type === 'and') {
+        if (flag == -1) {
+          break;
+        }
+      } else {
+        if (flag != -1) {
+          break;
+        }
+      }
+    } else {
+      // 没有找到组件，直接跳出
+      flag = -1;
+      if(type == 'and'){
+        break;
+      }else{
+        continue;
+      }
+    }
+  }
+  return flag > -1;
+}
+
+//1。单行文本、10.附件校验
+function checkString(component, condition, index) {
+  let flag = index;
+  /*
+    {title: '等于', id: '1'},
+    {title: '不等于', id: '2'},
+    {title: '包含', id: '3'},
+    {title: '不包含', id: '4'},
+    {title: '包含任一项', id: '5'},
+    {title: '为空', id: '9'},
+    {title: '不为空', id: '10'}
+    */
+  switch (condition.matchType) {
+    case "1"://等于
+    {
+      flag = condition.value == component.value ? index : -1;
+      break;
+    }
+    case "2"://不等于
+    {
+      flag = condition.value != component.value ? index : -1;
+      break;
+    }
+    case "3"://包含
+    {
+      flag = component.value.indexOf(condition.value) > -1 ? index : -1;
+      break;
+    }
+    case "4"://不包含
+    {
+      flag = component.value.indexOf(condition.value) < 0 ? index : -1;
+      break;
+    }
+    case "5"://包含任一项
+    {
+      flag = component.value && condition.value.includes(component.value) ? index : -1;
+      break;
+    }
+    case "9"://为空
+    {
+      flag = !component.value ? index : -1;
+      break;
+    }
+    case "10"://不为空
+    {
+      flag = component.value ? index : -1;
+      break;
+    }
+  }
+  return flag;
+}
+
+// case 2://数值
+// case 9://评分
+function checkNumber(component, condition, index) {
+  let flag = index;
+  let val = component.value!=''?parseFloat(component.value):''
+  let conVal = condition.matchType != '8' && condition.value!=''?parseFloat(condition.value):''
+  /*
+    {title: '等于', id: '1'},
+    {title: '不等于', id: '2'},
+    {title: '大于', id: '16'},
+    {title: '小于', id: '17'},
+    {title: '大于等于', id: '18'},
+    {title: '小于等于', id: '19'},
+    {title: '范围', id: '8'},
+    {title: '为空', id: '9'},
+    {title: '不为空', id: '10'},
+    */
+  switch (condition.matchType) {
+    case "1"://等于
+    {
+      flag = val == conVal ? index : -1;
+      break;
+    }
+    case "2"://不等于
+    {
+      flag = val != conVal ? index : -1;
+      break;
+    }
+    case "8"://范围
+    {
+      let conVal = {
+        start:condition.value.start!=''?parseFloat(condition.value.start):'',
+        end:condition.value.end!=''?parseFloat(condition.value.end):''
+      }
+      flag = val && val >= conVal.start && val <= conVal.end  ? index : -1;
+      break;
+    }
+    case "9"://为空
+    {
+      flag = component.value === '' ? index : -1;
+      break;
+    }
+    case "10"://不为空
+    {
+      flag = component.value !== '' ? index : -1;
+      break;
+    }
+    case "16"://大于
+    {
+      flag = val >conVal ? index : -1;
+      break;
+    }
+    case "17"://小于
+    {
+      flag = val &&val < conVal ? index : -1;
+      break;
+    }
+    case "18"://大于等于
+    {
+      flag = val >= conVal ? index : -1;
+      break;
+    }
+    case "19"://小于等于
+    {
+      flag = val && val <= conVal ? index : -1;
+      break;
+    }
+  }
+  return flag;
+}
+
+// case 3://单选
+// case 4://下拉
+function checkSelect(component, condition, index) {
+  let flag = index;
+  /*
+    {title: '等于', id: '1'},
+    {title: '不等于', id: '2'},
+    {title: '包含任一项', id: '5'},
+    {title: '不包含任一项', id: '6'},
+    {title: '为空', id: '9'},
+    {title: '不为空', id: '10'}
+    */
+  switch (condition.matchType) {
+    case "1"://等于
+    {
+      flag = condition.value.id == component.value.id ? index : -1
+      break;
+    }
+    case "2"://不等于
+    {
+      flag = condition.value.id != component.value.id ? index : -1
+      break;
+    }
+    case "5"://包含任一项
+    {
+      let values = condition.value.map(val =>val.id)
+      flag = Includes(values, component.value.id) ? index : -1
+      break;
+    }
+    case "6"://不包含任一项
+    {
+      let values = condition.value.map(val =>val.id)
+      flag = !Includes(values, component.value.id) ? index : -1
+      break;
+    }
+    case "9"://为空
+    {
+      flag = !component.value.id ? index : -1
+      break;
+    }
+    case "10"://不为空
+    {
+      flag = component.value.id ? index : -1
+      break;
+    }
+  }
+  return flag;
+}
+// case 5://多选
+function checkCheckBox(component, condition, index) {
+  let flag = index;
+  let val = component.value.map(item=>item.id);
+  /*
+    {title: '等于', id: '1'},
+    {title: '不等于', id: '2'},
+    {title: '包含', id: '3'},
+    {title: '不包含', id: '4'},
+    {title: '包含任一项', id: '5'},
+    {title: '不包含任一项', id: '6'},
+    {title: '包含所有项', id: '7'},
+    {title: '为空', id: '9'},
+    {title: '不为空', id: '10'},
+    */
+  switch (condition.matchType) {
+    case "1"://等于
+    {
+      if(component.value.length != condition.value.length){
+        flag = -1;
+      }else{
+        for(let i in condition.value){
+          flag = Includes(val, condition.value[i].id)?index:-1;
+          if(flag == -1){
+            break;
+          }
+        }
+      }
+      break;
+    }
+    case "2"://不等于
+    {
+      if(component.value.length == condition.value.length){
+        flag = condition.value.filter(item=>!Includes(val, item.id)).length > 0?index:-1
+      }
+      break;
+    }
+    case "3"://包含
+    {
+      let checkAll = condition.value.every(item=>{
+        return Includes(val, item.id)
+      });
+      flag = checkAll ? index : -1;
+      break;
+    }
+    case "4"://不包含
+    {
+      let checkAll = condition.value.every(item=>{
+        return !Includes(val, item.id)
+      });
+      flag = checkAll ? index : -1;
+      break;
+    }
+    case "5"://包含任一项
+    {
+      flag = -1;
+      for(let i in condition.value){
+        flag = Includes(val, condition.value[i].id)?index:-1;
+        if(flag != -1){
+          break;
+        }
+      }
+      break;
+    }
+    case "6"://不包含任一项
+    {
+      for(let i in condition.value){
+        flag = !Includes(val, condition.value[i].id)?index:-1;
+        if(flag == -1){
+          break;
+        }
+      }
+      break;
+    }
+    case "7"://包含所有项
+    {
+      let checkAll = condition.value.every(item=>{
+        return Includes(val, item.id)
+      });
+      flag = checkAll ? index : -1;
+      break;
+    }
+    case "9"://为空
+    {
+      flag = val.length == 0 ? index : -1
+      break;
+    }
+    case "10"://不为空
+    {
+      flag = val.length != 0 ? index : -1
+      break;
+    }
+  }
+  return flag;
+}
+
+// case 6://联动组件
+function checkRelation(component, condition, index) {
+  let flag = index;
+  let val = component.value.join(',');
+  /*
+    {title: '等于', id: '1'},
+    {title: '不等于', id: '2'},
+    {title: '包含', id: '3'},
+    {title: '不包含', id: '4'},
+    {title: '包含任一项', id: '5'},
+    {title: '不包含任一项', id: '6'},
+    {title: '为空', id: '9'},
+    {title: '不为空', id: '10'},
+    */
+  switch (condition.matchType) {
+    case "1"://等于
+    {
+      if(val == '' || condition.value.length==0){
+        flag = -1;
+      }else{
+        flag = val == condition.value[0].join(',') ? index :-1;
+      }
+      break;
+    }
+    case "2"://不等于
+    {
+      if(val && condition.value.length>0){
+        flag = val != condition.value[0].join(',') ? index :-1;
+      }
+      break;
+    }
+    case "3"://包含
+    {
+      flag = -1;
+      for(let i in condition.value){
+        let ids = condition.value[i].join(',');
+        flag = val.indexOf(ids)>-1?index:-1;
+        if(flag != -1){
+          break;
+        }
+      }
+      break;
+    }
+    case "4"://不包含
+    {
+      let checkAll = condition.value.every(item=>{
+        return val.indexOf(item.join(',')) == -1
+      });
+      flag = checkAll ? index : -1;
+      break;
+    }
+    case "5"://包含任一项
+    {
+      flag = -1;
+      for(let i in condition.value){
+        let ids = condition.value[i].join(',');
+        flag = val == ids ? index:-1;
+        if(flag != -1){
+          break;
+        }
+      }
+      break;
+    }
+    case "6"://不包含任一项
+    {
+      for(let i in condition.value){
+        let ids = condition.value[i].join(',');
+        flag = val != ids ? index:-1;
+        if(flag == -1){
+          break;
+        }
+      }
+      break;
+    }
+    case "9"://为空
+    {
+      flag = val == '' ? index : -1
+      break;
+    }
+    case "10"://不为空
+    {
+      flag = val != '' ? index : -1
+      break;
+    }
+  }
+  return flag;
+}
+// case 7://日期
+// 格式化日期
+function getDate (val){
+  let time = val
+  if(val.length >0 && val.length == 10){
+    time +='00:00:00'
+  }
+  return time?new Date(time):'';
+}
+function checkDate(component, condition, index) {
+  let flag = index;
+  let val = getDate(component.value);
+  let conVal = typeof condition.value !='object'?getDate(condition.value):""
+  /*
+    {title: '等于', id: '1'},
+    {title: '不等于', id: '2'},
+    {title: '大于', id: '16'},
+    {title: '小于', id: '17'},
+    {title: '大于等于', id: '18'},
+    {title: '小于等于', id: '19'},
+    {title: '范围', id: '8'},
+    {title: '为空', id: '9'},
+    {title: '不为空', id: '10'},
+    */
+  switch (condition.matchType) {
+    case "1"://等于
+    {
+      flag = val == conVal ? index : -1;
+      break;
+    }
+    case "2"://不等于
+    {
+      flag = val != conVal ? index : -1;
+      break;
+    }
+    case "8"://范围
+    {
+      let start = getDate(condition.value.start)
+      let end = getDate(condition.value.end)
+      flag = val && val >= start && val <= end  ? index : -1;
+      break;
+    }
+    case "9"://为空
+    {
+      flag = val === '' ? index : -1;
+      break;
+    }
+    case "10"://不为空
+    {
+      flag = val !== '' ? index : -1;
+      break;
+    }
+    case "16"://大于
+    {
+      flag = val > conVal ? index : -1;
+      break;
+    }
+    case "17"://小于
+    {
+      flag = val < conVal ? index : -1;
+      break;
+    }
+    case "18"://大于等于
+    {
+      flag = val >= conVal ? index : -1;
+      break;
+    }
+    case "19"://小于等于
+    {
+      flag = val <= conVal ? index : -1;
+      break;
+    }
+  }
+  return flag;
+}
+// case 8://日期区间
+function checkDateReg(component, condition, index) {
+  let flag = index;
+  /*
+    {title: '等于', id: '1'},
+    {title: '不等于', id: '2'},
+    {title: '大于', id: '16'},
+    {title: '小于', id: '17'},
+    {title: '大于等于', id: '18'},
+    {title: '小于等于', id: '19'},
+    {title: '范围', id: '8'},
+    {title: '为空', id: '9'},
+    {title: '不为空', id: '10'},
+    */
+  switch (condition.matchType) {
+    case "8"://范围
+    {
+      let val={
+        start:getDate(component.value.start),
+        end:getDate(component.value.end)
+      }
+      let start = getDate(condition.value.start)
+      let end = getDate(condition.value.end)
+      flag = val.start && val.start >= start && val.end && val.end <= end  ? index : -1;
+      break;
+    }
+    case "9"://为空
+    {
+      flag = component.value.start == '' && component.value.end == '' ? index : -1;
+      break;
+    }
+    case "10"://不为空
+    {
+      flag = component.value.start != '' && component.value.end != '' ? index : -1;
+      break;
+    }
+  }
+  return flag;
+}
+// case 11://富文本 不支持
+// case 12://标签 不支持
+// case 13://子表单 不支持
+// case 15://组合组件 收寄信息
+
+//合并两个纯数值的数组,type:取交集true还是取并集false(默认)
+function mergeArray(array1, array2, type) {
+  let array = []
+  if (type) {
+    if (array1.length > array2.length) {
+      array1.map(i => {
+        if (array2.includes(i)) {
+          array.push(i)
+        }
+      })
+    } else {
+      array2.map(i => {
+        if (array1.includes(i)) {
+          array.push(i)
+        }
+      })
+    }
+  } else {
+    array = Array.from(new Set([...array1, ...array2]))
+  }
+  return array;
+}
+
+