@bytenew/bn-bus-ui 1.1.463 → 1.1.464

package/packages/BnSmartForm/BnSmartFormUtil.js

@@ -1,524 +0,0 @@
-import {cloneDeep, isEmpty, last, get} from "lodash";
-// 表单组件map
-export const FORM_TYPES = {
-	1: "stringForm",      // 单行文本输入框
-	2: "numberForm",      // 数字输入框
-	3: "radioForm",    // 单选框
-	4: "selectForm",      // 下拉选择框
-	5: "checkboxForm",    // 多选框
-	6: "relationForm",    // 单选（级联选择）
-	20: "relationForm",    // 多选（级联选择）
-	7: "dateForm",        // 日期选择框
-	8: "dateDualForm", // 日期区间选择
-	10: "fileForm",    // 文件上传
-	13: "childrenForm",   // 子表单（嵌套表单）
-	14: "addressForm", // 地址组件
-	15: "receiveForm", // 收寄信息组件
-	9: "scoreForm",    // 评分组件
-	// 11: "editorForm",  // 富文本编辑器
-	// 12: "labelForm",   // 标签组件
-	// 17: "associationQueryForm", // 关联查询表单
-	// 18: "describeForm",  // 描述文本组件
-}
-
-// 表单事件
-export const FORM_EVENT = {
-	// 默认值关联组件。填充和被填充的可以是子表单子组件。被填充的都是单行文本组件，关联的可以时任意组件。
-	defaultLink: {
-		column: [],//触发事件的组件code，包含子表单子组件code
-		//事件触发后，将要change后的组件值，赋予forColumn中的组件value上。{组件id:[##关联id，##关联id，自定义输入，##关联id...]}
-		setColumn: {},
-	},
-	// 组件映射。下拉、单选支持组件的选项相互映射匹配：不支持子表单
-	columnMapping: {
-		column: [],//触发事件的组件,注意 这里记录的是id
-		defaultColumn:{},//梳理规则时，记录触发事件的组件，是否有默认值，如果有值就要先触发一遍映射规则
-		//事件触发后，将要change后的组件值，赋予forColumn中的组件value上。{组件id:[##关联id，##关联id，自定义输入，##关联id...]}
-		setColumn: {},
-	},
-	// 级联组件关联组件查询选项
-	relationColumns:{}
-
-};
-
-/**
- * 初始化表单数据
- * 1.将表单数据进行初步整理，有些组件需要在这里做特殊处理
- * 2.找到表单中有默认值关联的组件，列到规则中  extraInfo.defaultInfoRuleCols
- * 3.找到有子表单组件填充规则的组件，跟默认值关联组件合并到一起。 extraInfo.merchantCode 根据统一逻辑处理
- * @param {String} data: 智能表单的整体data
- *
- * */
-/**
- * 根据目标组件类型转换映射值
- * 联动组件(behaviorType=6)转为codes数组，其他组件深拷贝原值
- */
-export function toMappingValue(item, toValue) {
-	return item.behaviorType == 6 && toValue.value
-		? toValue.value.map(v => v.code)
-		: cloneDeep(toValue);
-}
-
-/**
- * 获取触发组件的匹配码
- * 联动组件取数组最后一个值，其他组件取code或id
- */
-export function getTriggerCode(column) {
-	if (column.behaviorType == 6 && Array.isArray(column.value)) {
-		return column.value.length > 0 ? last(column.value) : null;
-	}
-	return get(column, 'value.code') || get(column, 'value.id');
-}
-
-export function initFormData(componentList) {
-	let defaultLink = cloneDeep(FORM_EVENT.defaultLink)
-	let columnMapping = cloneDeep(FORM_EVENT.columnMapping)
-	let hasExprExec = false;//是否有函数表达式、
-	let relationColumns = {};
-	try {
-		for (let i in componentList) {
-			if(!hasExprExec && componentList[i].extraInfo?.exprExec){
-				hasExprExec = true;
-			}
-			// 识别单行文本，设置的默认值关联组件，相关规则
-			if (componentList[i].behaviorType == 1 && componentList[i].defaultInfo) {
-				let {codes, defaultVal} = getDefaultLink(componentList[i]);
-				if (codes.length > 0) {
-					// 只要change后会触发单行本文的value变化的组件code，都记录到 column 中。
-					defaultLink.column = Array.from(new Set([...codes, ...defaultLink.column]))
-					// column中的组件变化后，是否会触发这个单行文本变化，记录到setColumn中 [cId，Cid]。这样触发的时候就不会乱了。
-					defaultLink.setColumn[componentList[i].columnCode] = defaultVal;
-					// 如果有默认值规则，初始化的时候就进行一遍赋值
-					componentList[i].value = initDefaultLinkVal(componentList, defaultVal);
-				}
-			}
-			//识别子表单子组件中单行文本，设置的默认值关联组件，相关规则。。。这个事件要以外部组件的视角去触发
-			if (componentList[i].behaviorType == 13 &&
-				componentList[i].moduleDefinition &&
-				componentList[i].moduleDefinition.length) {
-				componentList[i].moduleDefinition.forEach(child => {
-					if(!hasExprExec && child.extraInfo?.exprExec){
-						hasExprExec = true;
-					}
-					// 梳理默认值关联组件
-					if (child.behaviorType == 1 && child.defaultInfo) {
-						let {codes, defaultVal} = getDefaultLink(child);
-						if (codes.length > 0) {
-							// 给子表单组件内所有子组件默认值关联了的组件做记录
-							if (!defaultLink.setColumn[componentList[i].columnCode]) {
-								defaultLink.setColumn[componentList[i].columnCode] = [...codes];
-							} else {
-								defaultLink.setColumn[componentList[i].columnCode] = Array.from(new Set([...codes, ...defaultLink.setColumn[componentList[i].columnCode]]))
-							}
-							defaultLink.column = Array.from(new Set([...codes, ...defaultLink.column]))
-							defaultLink.setColumn[`${componentList[i].columnCode}.${child.columnCode}`] = defaultVal;
-						}
-					}
-				})
-			}
-			// 判断是否有整理组件映射相关规则
-			let curItem = componentList[i];
-			let mapCode = get(curItem, 'extraInfo.mapColumnCode');
-			let mapValue = get(curItem, 'extraInfo.mapColumnValue');
-			if([3,4,6].includes(curItem.behaviorType) && mapCode && mapValue && mapValue != '[]'){
-				let mappings = JSON.parse(mapValue);
-				// 处理触发组件的默认值
-				if(!columnMapping.defaultColumn[mapCode]){
-					let triggerCol = componentList.find(c => c.columnCode == mapCode);
-					let defaultVal = Array.isArray(triggerCol.value) && !isEmpty(triggerCol.value)
-						? { code: last(triggerCol.value), value: triggerCol.value }
-						: (get(triggerCol, 'value.code') ? triggerCol.value : {});
-					columnMapping.defaultColumn[mapCode] = defaultVal;
-				}
-				columnMapping.column = Array.from(new Set([mapCode, ...columnMapping.column]))
-				if(!columnMapping.setColumn[mapCode]) columnMapping.setColumn[mapCode] = {};
-				columnMapping.setColumn[mapCode][curItem.columnCode] = mappings;
-				// 有默认值则处理映射
-				let defCode = get(columnMapping.defaultColumn[mapCode], 'code');
-				if(defCode){
-					let matched = mappings.find(m => String(m.fromValue.code) == String(defCode));
-					if(matched) curItem.value = toMappingValue(curItem, matched.toValue);
-				}
-			}
-		//联动组件关联过滤联动选项
-			if([6,20].includes(curItem.behaviorType) && curItem.extraInfo.relationColumns){
-				curItem.extraInfo.relationColumns.forEach(item=>{
-					if(relationColumns[item]){
-						relationColumns[item].push(curItem.columnCode)
-					}else{
-						relationColumns[item]=[curItem.columnCode]
-					}
-				})
-			}
-		}
-	} catch (e) {
-		console.log("smartForms.initFormDataErr:" + e)
-	}
-	console.log(relationColumns)
-	return {defaultLink,columnMapping,hasExprExec,relationColumns};
-}
-
-/**
- * 格式化单行文本默认值关联组件的规则
- * */
-function getDefaultLink(data) {
-	let codes = []
-	// 首先根据组件默认值，将默认值用$符号拆分
-	let defaultVal = data.defaultInfo.split('$').filter(items => items);
-	if (data.extraInfo.defaultInfoRuleCols && data.extraInfo.defaultInfoRuleCols.length) {
-		data.extraInfo.defaultInfoRuleCols.forEach(item => {
-			codes.push(item.columnCode);
-			let index = defaultVal.indexOf(item.name);
-			if (index >= 0) {
-				defaultVal[index] = `##${item.columnCode}`;
-			}
-		})
-	}
-	return {codes, defaultVal};
-}
-
-/**
- * 组装符合默认值关联组件的所有组件的值
- * */
-export function initDefaultLinkVal(components, defaultVal) {
-	let text = cloneDeep(defaultVal);
-	components.forEach(item => {
-		let index = text.indexOf(`##${item.columnCode}`)
-		if (index > -1) {
-			text[index] = getColumnValText(item)
-		}
-	})
-	return text.join();
-}
-/**
- * 用于选择包裹、选择子商品时，对包裹和商品列表中的数据转化成文字展示
- * 获取单个组件的value，转化成string
- * @param {String} data: 组件data
- * isTable：是不是展示表单中的值
- * val：表单中值的val
- * */
-export function getColumnValText(data,isTable,val) { 
-	//子表单表格数据展示
-	if(isTable){
-		data = JSON.parse(JSON.stringify(data))
-		data.value = val || null
-	}  
-	let text = '';
-	try {
-		switch (data.behaviorType) {
-			case 1:
-			case 2:
-			case 7:
-			case 9: {
-				text = data.value;
-				break;
-			}
-			case 3:
-			case 4: {
-				text = data.value?.title;
-				break;
-			}
-			case 5:
-		  // 	附件
-			case 10:
-			case 12: {
-				let length = data.value.length;
-				data.value.map((item, index) => {
-					text = text + item.title;
-					if ((index + 1) < length) {
-						text = text + ','
-					}
-				})
-				break;
-			}
-			case 6:
-			{
-				const idTitleMap = new Map();
-				const flattenTree = (list) => {
-					for (const item of list) {
-					idTitleMap.set(String(item.id), item.title);
-						if (item.children && item.children.length) {
-							flattenTree(item.children);
-						}
-					}
-				};
-				flattenTree((data.moduleDefinition && data.moduleDefinition.optionList) || []);
-				text = text + data.value.map(id => idTitleMap.get(String(id)) ?? '').join(',');
-				break;
-			}
-			case 8: {
-				let length = data.value ? data.value.length : 0;
-				if (length > 0) {
-					text = data.value.join(' —— ')
-				}
-				break;
-			}
-			case 11:
-			case 13:
-			{
-				text = data.value?"查看详情":""
-				break;
-			}
-			case 14:
-			{
-				let address = []
-				if(data.value[data.moduleDefinition[0].columnCode].length>0){
-					address = data.value[data.moduleDefinition[0].columnCode].map(v=>v.title)
-				}
-				if(data.value[data.moduleDefinition[1].columnCode]){
-					address.push(data.value[data.moduleDefinition[1].columnCode]);
-				}
-				if(address.length > 0){
-					text = address.join(',')
-				}
-				break;
-			}
-			case 15:
-			{
-				let address = []
-				if(data.value[data.moduleDefinition[0].columnCode]){
-					address.push(data.value[data.moduleDefinition[0].columnCode]);
-				}
-				if(data.value[data.moduleDefinition[1].columnCode]){
-					address.push(data.value[data.moduleDefinition[1].columnCode]);
-				}
-				if(data.value[data.moduleDefinition[2].columnCode]){
-					address = data.value[data.moduleDefinition[2].columnCode].map(v=>v.title)
-				}
-				if(data.value[data.moduleDefinition[3].columnCode]){
-					address.push(data.value[data.moduleDefinition[3].columnCode]);
-				}
-				if(address.length > 0){
-					text = address.join(',')
-				}
-				break;
-			}
-		}
-	} catch (e) {
-		console.log("getColumnValTextErr:" + e)
-	}
-	return text;
-}
-
-/**
- * 校验子表单的value必填项有没有填写 childrenFormData:子表单组件的完整对象数据 包含条件，包含value值
- * taskId:通过taskId判断是编辑任务还是新建任务 从而判断子组件是否被禁用
- * */
-export function checkChildrenFormValue(childrenFormData, taskId) {
-	// 校验子表单的value必填
-	for (let i in childrenFormData.moduleDefinition) {
-		let column = childrenFormData.moduleDefinition[i];
-		let hideComponent = (!taskId && column.extraInfo.isAddable != '1') || (taskId && column.extraInfo.isEditable != '1');
-		let errorMsg = '';
-		//是否校验必填
-		let isValueEmptyCheck = !hideComponent && (column.extraInfo?.valueEmptyCheck == '1') ? true : false;
-		for (let c in childrenFormData.value) {
-			let flag = false;
-			switch (column.behaviorType) {
-				case 1:   //文本
-				case 3:   //单选
-				case 4:   //下拉
-				case 5:   //多选
-				case 6:   //联动
-				case 10:   //附件
-				case 7:    //日期
-				{
-					if (isValueEmptyCheck && isEmpty(childrenFormData.value[c][column.columnCode]) ) {
-						flag = true;
-						errorMsg = childrenFormData.name + ' 的第' + (parseInt(c) + 1) + '条,没有给 ' + column.name + ' 填值';
-					}
-					break;
-				}
-				case 2: {
-					let numVal = childrenFormData.value[c][column.columnCode]
-					if (isValueEmptyCheck && (numVal=== undefined || numVal === null || numVal === '')) {
-						flag = true;
-						errorMsg = childrenFormData.name + ' 的第' + (parseInt(c) + 1) + '条,没有给 ' + column.name + ' 填写有效数字';
-					}
-					break;
-				}
-			}
-			if (flag) {
-				break;
-			}
-		}
-		if (errorMsg) {
-			return errorMsg;
-		}
-		
-		
-	}
-}
-/**
- * 图片截图转换base64格式
- * */
-export function convertBase64UrlToFile(urlData) {
-	let bytes = window.atob(urlData.split(',')[1]);        //去掉url的头，并转换为byte
-	//处理异常,将ascii码小于0的转换为大于0
-	let ab = new ArrayBuffer(bytes.length);
-	let ia = new Uint8Array(ab);
-	for (let i = 0; i < bytes.length; i++) {
-		ia[i] = bytes.charCodeAt(i);
-	}
-	return new File([ab], new Date().getTime() + '.png');
-}
-/**
-* 图片截图复制上传
-* */
-export function pasteImg(evt, uploaderUrl) {
-	return new Promise((resolve) => {
-		if (evt.clipboardData && evt.clipboardData.items) {
-			let items = Array.prototype.filter.call(evt.clipboardData.items, element => {
-				return element.type.indexOf("image") >= 0;
-			});
-			Array.prototype.forEach.call(items, item => {
-				let blob = item.getAsFile();
-				let reader = new FileReader();
-				reader.onloadend = event => {
-					let imgBase64 = event.target.result;
-					let file = convertBase64UrlToFile(imgBase64)
-					let formData = new FormData();
-					formData.append('file', file);
-					formData.append('source', 'task');
-					let xhr = new XMLHttpRequest();
-					xhr.open('POST', uploaderUrl);
-					xhr.onload = () => {
-						if (xhr.readyState === 4) {
-							if (xhr.status === 200) {
-								let res = JSON.parse(xhr.responseText);
-								resolve(res)
-							} else {
-								resolve({code: 8080, msg: '你的浏览器不支持复制上传图片'})
-							}
-						}
-					};
-					xhr.onerror = function () {
-						resolve({code: 8080, msg: '你的浏览器不支持复制上传图片'})
-					};
-					xhr.send(formData);
-				};
-				reader.readAsDataURL(blob);
-			});
-		} else {
-			resolve({code: 8080, msg: '你的浏览器不支持复制上传图片'})
-		}
-	})
-}
-
-/**
- * 比较两个值是否相等，考虑不同behaviorType的value格式
- * @param {any} oldValue 旧值
- * @param {any} newValue 新值
- * @param {number} behaviorType 组件类型
- * @returns {boolean} 是否相等
- */
-export function isValueEqual(oldValue, newValue, behaviorType) {
-	// 如果两个值都是null或undefined，认为相等
-	if (oldValue == null && newValue == null) {
-		return true;
-	}
-	
-	// 如果只有一个值是null或undefined，认为不相等
-	if (oldValue == null || newValue == null) {
-		return false;
-	}
-	
-	try {
-		switch (behaviorType) {
-			case 1: // 单行文本输入框
-			case 2: // 数字输入框
-			case 7: // 日期选择框
-			case 9: // 评分组件
-			case 11: // 富文本编辑器
-			{
-				// 简单类型直接比较
-				return oldValue === newValue;
-			}
-			case 3: // 单选框
-			case 4: // 下拉选择框
-			{
-				// 对象类型，比较title或code
-				if (typeof oldValue === 'object' && typeof newValue === 'object') {
-					return oldValue.title === newValue.title && oldValue.code === newValue.code;
-				}
-				return oldValue === newValue;
-			}
-			case 5: // 多选框
-			case 6: // 单选（级联选择）
-			case 20: // 多选（级联选择）
-			case 10: // 文件上传
-			case 12: // 标签组件
-			{
-				// 数组类型，比较长度和内容
-				if (Array.isArray(oldValue) && Array.isArray(newValue)) {
-					if (oldValue.length !== newValue.length) {
-						return false;
-					}
-					// 比较每个元素
-					return oldValue.every((item, index) => {
-						const newItem = newValue[index];
-						if (typeof item === 'object' && typeof newItem === 'object') {
-							return item.title === newItem.title || item.code === newItem.code;
-						}
-						return item === newItem;
-					});
-				}
-				return oldValue === newValue;
-			}
-			case 8: // 日期区间选择
-			{
-				// 数组类型，比较日期区间
-				if (Array.isArray(oldValue) && Array.isArray(newValue)) {
-					if (oldValue.length !== newValue.length) {
-						return false;
-					}
-					return oldValue.every((item, index) => item === newValue[index]);
-				}
-				return oldValue === newValue;
-			}
-			default:
-				// 默认使用严格相等比较
-				return oldValue === newValue;
-		}
-	} catch (e) {
-		console.log("isValueEqualErr:" + e);
-		// 出错时使用默认比较
-		return oldValue === newValue;
-	}
-}
-
-/**
- * 子表单关联表数据，设置关联筛选条件，触发筛选后获取到数据，需要根据内部数据源转化
- * @param {any} oldValue 旧值
- * @param {any} newValue 新值
- * @param {number} behaviorType 组件类型
- * @returns {boolean} 是否相等
- */
-export function initAccTableSearchVal(column,values) {
-	let columnList = column.moduleDefinition.filter(c=>c.insideDataSourceInfo?.fieldCode);
-	let valList = values.map(i=>{
-		let v = {}
-		columnList.forEach(c=>{
-			// 当前表的组件code
-			const columnCode = c.columnCode;
-			// 映射表的组件code
-			const insideFiled = c.insideDataSourceInfo.fieldCode;
-			if (i.hasOwnProperty(insideFiled)) {
-				// 如果 inside 中有这个字段，使用原值
-				v[columnCode] = i[insideFiled];
-			}
-		})
-		return v
-	})
-	return valList
-}
-// 判断原来value类型，然会默认空值
-export function getEmptyVal(val){
-	if(Array.isArray(val)){
-		return []
-	}else if(typeof val == 'object'){
-		return {}
-	}else{
-		return ''
-	}
-}

package/packages/BnSmartForm/addressForm/index.vue

@@ -1,73 +0,0 @@
-<!--地址组件-->
-<template>
-  <div class="w-default-wrap">
-	<formItemTop :column="column"/>
-	<BnAddressParse @parse="autoParse" :post-func="postFunc"></BnAddressParse>
-	<div class="w-default-wrap w-margin-bottom10">
-	  <BnAddress v-model="column.value[column.moduleDefinition[0].columnCode]" :postFunc="postFunc" @change="onChange" value-key="code"
-				 :pathUrl="column.pathUrl || '/address/getAreaDataList'" :disabled="disabled"></BnAddress>
-	</div>
-	<div class="w-default-wrap">
-	  <el-input v-model="column.value[column.moduleDefinition[1].columnCode]" type="textarea" :rows="3" :disabled="disabled"
-				resize="none" placeholder="输入详细地址"
-			 @input="onInput" @focus="onFocus" @blur="onBlur" clearable show-word-limit>
-	  </el-input>
-	</div>
-	<formItemFooter :column="column"/>
-  </div>
-</template>
-<script>
-  import {debounce} from "lodash";
-  import formItemTop from "../formItemTop/formItemTop.vue";
-  import formItemFooter from "../formItemFooter/formItemFooter.vue";
-  import BnAddressParse from "../../BnAddressParse/index.vue";
-  export default {
-	name: "addressForm",
-	components: {BnAddressParse, formItemTop, formItemFooter},
-	props: {
-	  column: Object,
-	  disabled:Boolean,
-	  postFunc:Function,
-	},
-	methods: {
-	  /**
-	   * 输入框输入事件
-	   * */
-	  onInput(e) {
-		this.column.error = '';
-		this.column.warning = '';
-		this.$emit('onInput', this.column)
-		this.onChange(e)
-	  },
-	  /**
-	   * 输入框Change事件
-	   * @param {String} type 是否是其他事件类型
-	   * */
-	  onChange: debounce(function (e, type) {
-		this.column.error = '';
-		this.column.warning = '';
-		this.$emit('onChange', this.column)
-	  }, 600),
-	  /**
-	   * 输入框onFocus事件
-	   * */
-	  onFocus(e) {
-		this.$emit('focus', this.column)
-	  },
-	  /**
-	   * 输入框失去焦点事件
-	   * */
-	  onBlur() {
-		this.$emit('blur', this.column)
-	  },
-	  /**
-	   *自动识别
-	   * */
-	  autoParse(data){
-		this.column.value[this.column.moduleDefinition[0].columnCode] = data.address;
-		this.column.value[this.column.moduleDefinition[1].columnCode] = data.detail || '';
-		this.onChange();
-	  },
-	}
-  }
-</script>

package/packages/BnSmartForm/checkboxForm/index.vue

@@ -1,99 +0,0 @@
-<template>
-  <div class="w-default-wrap checkboxForm">
-	<formItemTop :column="column"/>
-	<div class="w-default-wrap checkboxForm-behavior clearFix">
-	  <div class="checkboxForm-item" v-for="item in column.moduleDefinition"
-		   :key="item.id">
-		<BnCheck :key="item.code" v-model="column.value" :true-data="item" :disabled="disabled"
-				 :optionProps="{value:'code',label:'title'}" @change="onChange"></BnCheck>
-	  </div>
-	  <div class="w-default-wrap checkboxForm-empty" v-if="column.moduleDefinition.length == 0">
-		无数据
-	  </div>
-	</div>
-	<formItemFooter :column="column"/>
-  </div>
-</template>
-
-<script>
-  import formItemTop from "../formItemTop/formItemTop.vue";
-  import formItemFooter from "../formItemFooter/formItemFooter.vue";
-  
-  export default {
-	name: "checkboxForm",
-	components: {
-	  formItemFooter,
-	  formItemTop,
-	},
-	props: {
-	  column: {
-		type: Object,
-		default: function () {
-		  return {}
-		}
-	  },
-	  disabled:Boolean
-	},
-	methods: {
-
-	  /**
-	   * Change事件
-	   * */
-	  onChange(e, type) {
-		this.column.error = '';
-		this.column.warning = '';
-		this.$emit('onChange', this.column,'change')
-	  }
-	}
-  }
-</script>
-<style scoped lang="scss">
-  .checkboxForm {
-	&-title {
-	  line-height: 24px !important;
-	  margin-bottom: 8px;
-	  // margin-top: 20px;
-	  // line-height: 32px;
-	  font-size: 14px;
-	  color: #666;
-	}
-	
-	&-tips {
-	  line-height: 32px;
-	  font-size: 12px;
-	}
-	
-	&-behavior {
-	  // 建议在引用当前组件的地方设置组件宽度
-	  // max-width: 444px;
-	}
-	
-	&-select-behavior {
-	  // 建议在引用当前组件的地方设置组件宽度
-	  // max-width: 444px;
-	}
-	
-	&-item {
-	  // width: 100%;
-	  // height: 32px;
-	  // line-height: 32px;
-	  // margin-right: 24px;
-	  display: inline-block;
-	  width: calc(33% - 16px);
-	  line-height: 32px;
-	  height: 32px;
-	  min-width: 200px;
-	  margin-right: 16px;
-	  vertical-align: middle;
-	}
-	
-	&-empty {
-	  width: 330px;
-	  line-height: 32px;
-	  text-align: center;
-	  font-size: 12px;
-	  color: #999;
-	}
-  }
-</style>
-