sh-view 2.8.1 → 2.8.3

package/packages/components/sh-table/js/tableMethods.js

@@ -1,167 +1,167 @@
-import { utils } from 'sh-tools'
-const $vUtils = utils
-
-// 判断为true
-const isTrue = value => {
-	return String(value) === '1' || String(value).toLowerCase() === 'true'
-}
-// 获取默认验证信息
-const getDefaultMessage = (renderType, title) => {
-	let message = ''
-	const selectRenders = ['$vSelect', '$vTree', '$vTime', '$vSwitch', '$vCheckbox', '$vCheckgroup', '$vRadio', '$vRadiogroup', '$vUpload']
-	if (selectRenders.includes(renderType)) {
-		message = '请选择' + title
-	} else {
-		message = '请输入' + title
-	}
-	return message
-}
-
-// 表格打印、导出统一过滤列
-export const columnDefaultFilterMethod = ({ column, $columnIndex }) => {
-	let field = column.field
-	let renderObj = column.cellRender || column.editRender
-	let renderName = renderObj && renderObj.name
-	let returnValue = true
-	if (!field || ['seq', 'checkbox', 'radio'].includes(column.type)) {
-		returnValue = false
-	} else if (renderName === '$vGlobalOption') {
-		returnValue = false
-	}
-	return returnValue
-}
-
-// 默认求底部计算方法(已改用footer渲染器，其他需要自行计算)
-export const tableFooterCompute = (columns, data, computeType, typeObj = {}) => {
-	let emptyString = ''
-	let computeName = typeObj.name || ''
-	let computeData = typeObj.data || {}
-	let textIndex = 0
-	if (!computeName) {
-		switch (computeType) {
-			case 'subTotal':
-				computeName = '合计'
-				break
-			case 'allTotal':
-				computeName = '总计'
-				break
-			case 'mean':
-				computeName = '平均'
-				break
-			default:
-		}
-	}
-	return columns.map((column, columnIndex) => {
-		let result = null
-		if (column.type === 'seq' || column.type === 'total') {
-			result = computeName
-			textIndex = columnIndex
-		} else {
-			result = computeData[column.property] || emptyString
-			$vUtils.set(column, `rfooter.index`, textIndex)
-			$vUtils.set(column, `rfooter.${computeName}`, { computeType, result, typeObj })
-		}
-		return result
-	})
-}
-// 转化表头过滤配置
-export const turnColumnItemFilters = (column, props) => {
-	if (column.filters) return
-	let columnRender = column.cellRender || column.editRender || column.contentRender
-	let columnProps = Object.assign({}, props)
-	let renderSelects = ['$select', '$vSelect', '$vCheckgroup', '$vRadiogroup', '$vSwitch']
-	let renderTimes = ['$vTime']
-	if (renderTimes.includes(columnRender.name)) {
-		column.filters = [{ data: null }]
-		column.filterRender = { name: '$vFilterTime', props: columnProps }
-	} else if (renderSelects.includes(columnRender.name)) {
-		column.filters = Array.isArray(columnRender.props && columnRender.props.options) ? columnRender.props.options : []
-		if (column.filterMultiple === undefined) column.filterMultiple = true
-	} else {
-		column.filters = [{ data: null }]
-		column.filterRender = { name: '$vFilterInput', props: columnProps }
-	}
-}
-// 转换表头校验规则
-export const getFieldsRules = columns => {
-	let rules = {}
-	$vUtils.eachTree(columns, column => {
-		// 首先提取校验配置
-		if (isTrue(column['renderRequire'])) {
-			// 若配置了校验参数则走校验参数，没配置则给默认校验条件
-			if (column['requireProps'] && Array.isArray(column['requireProps']) && column['requireProps'].length > 0) {
-				rules[column['field']] = column['requireProps']
-			} else {
-				let dataType = 'string'
-				let arrayType = ['$vCheckgroup', '$vUpload', '$vTable']
-				if (arrayType.includes(column['renderName']) || ((column['renderName'] === '$vSelect' || column['renderName'] === '$vTree') && isTrue(column.renderProps?.multiple))) {
-					dataType = 'array'
-				}
-				rules[column['field']] = [{ required: true, message: getDefaultMessage(column['renderName'], column['title']), type: dataType }]
-			}
-		}
-	})
-	return rules
-}
-// 转换生成新表头数据
-export const getTransfarFields = (oriArr = [], columnObj, isSearch) => {
-	let columnsFlatArr = []
-	let formItemsArr = []
-	let columnsArr = $vUtils.mapTree(oriArr, ori => {
-		let tar = Object.assign({}, columnObj, ori)
-		if (ori.children && ori.children.length > 0) {
-			tar.sortable = false
-			tar.filter = false
-		} else {
-			let renderConfig = {
-				name: ori.renderName || '$vInput',
-				props: Object.assign({}, ori.renderProps || {})
-			}
-			// 个性化设置
-			if (tar.renderName === '$vGlobalOption' || ['$vImg', '$vHref', '$vUpload'].includes(tar.renderName)) {
-				tar.filter = false
-				tar.sortable = false
-			}
-			if (tar.renderName === '$vGlobalOption') {
-				tar.resizable = false
-			}
-			if (tar.renderName === '$vMoney' || ['number', 'float', 'integer'].includes(renderConfig.props.type)) {
-				tar.cellType = 'number'
-			}
-			if (tar.renderName === '$vMoney' && renderConfig.props.bill) {
-				tar.filter = false
-				tar.headerClassName += ' header-bill-cell'
-			}
-			// 初始化排序条件
-			if (Number(tar.sortable) === 0 || tar.sortable === 'false') {
-				tar.sortable = false
-			}
-			// 判断单元格是否可编辑
-			if (ori.readonly || ori.slots?.default || (!ori.renderName && !(tar.editRender && tar.editRender.name))) {
-				tar.cellRender = Object.assign({}, renderConfig, tar.cellRender || {})
-			} else {
-				tar.editRender = Object.assign({}, renderConfig, tar.editRender || {})
-			}
-			// 初始化表单查询配置
-			if (isSearch) {
-				let editFixedNames = ['$vImg', '$vHref', '$vUpload']
-				let formItem = Object.assign({}, tar)
-				formItem.itemRender = Object.assign({}, renderConfig, tar.editRender || {}, tar.itemRender || {})
-				delete formItem.cellRender
-				delete formItem.editRender
-				formItem.itemRender.name = formItem.itemRender.name || '$vInput'
-				// 此处修正， 对其不进行默认渲染
-				if (formItem.search && formItem.search !== '0' && !editFixedNames.includes(formItem.itemRender.name)) {
-					formItemsArr.push(formItem)
-				}
-			}
-			// 初始化过滤条件
-			if (tar.filter === true || Number(tar.filter) === 1) {
-				turnColumnItemFilters(tar, renderConfig.props)
-			}
-		}
-		columnsFlatArr.push(tar)
-		return tar
-	})
-	return { columnsArr, columnsFlatArr, formItemsArr }
-}
+import { utils } from 'sh-tools'
+const $vUtils = utils
+
+// 判断为true
+const isTrue = value => {
+	return String(value) === '1' || String(value).toLowerCase() === 'true'
+}
+// 获取默认验证信息
+const getDefaultMessage = (renderType, title) => {
+	let message = ''
+	const selectRenders = ['$vSelect', '$vTree', '$vTime', '$vSwitch', '$vCheckbox', '$vCheckgroup', '$vRadio', '$vRadiogroup', '$vUpload']
+	if (selectRenders.includes(renderType)) {
+		message = '请选择' + title
+	} else {
+		message = '请输入' + title
+	}
+	return message
+}
+
+// 表格打印、导出统一过滤列
+export const columnDefaultFilterMethod = ({ column, $columnIndex }) => {
+	let field = column.field
+	let renderObj = column.cellRender || column.editRender
+	let renderName = renderObj && renderObj.name
+	let returnValue = true
+	if (!field || ['seq', 'checkbox', 'radio'].includes(column.type)) {
+		returnValue = false
+	} else if (renderName === '$vGlobalOption') {
+		returnValue = false
+	}
+	return returnValue
+}
+
+// 默认求底部计算方法(已改用footer渲染器，其他需要自行计算)
+export const tableFooterCompute = (columns, data, computeType, typeObj = {}) => {
+	let emptyString = ''
+	let computeName = typeObj.name || ''
+	let computeData = typeObj.data || {}
+	let textIndex = 0
+	if (!computeName) {
+		switch (computeType) {
+			case 'subTotal':
+				computeName = '合计'
+				break
+			case 'allTotal':
+				computeName = '总计'
+				break
+			case 'mean':
+				computeName = '平均'
+				break
+			default:
+		}
+	}
+	return columns.map((column, columnIndex) => {
+		let result = null
+		if (column.type === 'seq' || column.type === 'total') {
+			result = computeName
+			textIndex = columnIndex
+		} else {
+			result = computeData[column.property] || emptyString
+			$vUtils.set(column, `rfooter.index`, textIndex)
+			$vUtils.set(column, `rfooter.${computeName}`, { computeType, result, typeObj })
+		}
+		return result
+	})
+}
+// 转化表头过滤配置
+export const turnColumnItemFilters = (column, props) => {
+	if (column.filters) return
+	let columnRender = column.cellRender || column.editRender || column.contentRender
+	let columnProps = Object.assign({}, props)
+	let renderSelects = ['$select', '$vSelect', '$vCheckgroup', '$vRadiogroup', '$vSwitch']
+	let renderTimes = ['$vTime']
+	if (renderTimes.includes(columnRender.name)) {
+		column.filters = [{ data: null }]
+		column.filterRender = { name: '$vFilterTime', props: columnProps }
+	} else if (renderSelects.includes(columnRender.name)) {
+		column.filters = Array.isArray(columnRender.props && columnRender.props.options) ? columnRender.props.options : []
+		if (column.filterMultiple === undefined) column.filterMultiple = true
+	} else {
+		column.filters = [{ data: null }]
+		column.filterRender = { name: '$vFilterInput', props: columnProps }
+	}
+}
+// 转换表头校验规则
+export const getFieldsRules = columns => {
+	let rules = {}
+	$vUtils.eachTree(columns, column => {
+		// 首先提取校验配置
+		if (isTrue(column['renderRequire'])) {
+			// 若配置了校验参数则走校验参数，没配置则给默认校验条件
+			if (column['requireProps'] && Array.isArray(column['requireProps']) && column['requireProps'].length > 0) {
+				rules[column['field']] = column['requireProps']
+			} else {
+				let dataType = 'string'
+				let arrayType = ['$vCheckgroup', '$vUpload', '$vTable']
+				if (arrayType.includes(column['renderName']) || ((column['renderName'] === '$vSelect' || column['renderName'] === '$vTree') && isTrue(column.renderProps?.multiple))) {
+					dataType = 'array'
+				}
+				rules[column['field']] = [{ required: true, message: getDefaultMessage(column['renderName'], column['title']), type: dataType }]
+			}
+		}
+	})
+	return rules
+}
+// 转换生成新表头数据
+export const getTransfarFields = (oriArr = [], columnObj, isSearch) => {
+	let columnsFlatArr = []
+	let formItemsArr = []
+	let columnsArr = $vUtils.mapTree(oriArr, ori => {
+		let tar = Object.assign({}, columnObj, ori)
+		if (ori.children && ori.children.length > 0) {
+			tar.sortable = false
+			tar.filter = false
+		} else {
+			let renderConfig = {
+				name: ori.renderName || '$vInput',
+				props: Object.assign({}, ori.renderProps || {})
+			}
+			// 个性化设置
+			if (tar.renderName === '$vGlobalOption' || ['$vImg', '$vHref', '$vUpload'].includes(tar.renderName)) {
+				tar.filter = false
+				tar.sortable = false
+			}
+			if (tar.renderName === '$vGlobalOption') {
+				tar.resizable = false
+			}
+			if (tar.renderName === '$vMoney' || ['number', 'float', 'integer'].includes(renderConfig.props.type)) {
+				tar.cellType = 'number'
+			}
+			if (tar.renderName === '$vMoney' && renderConfig.props.bill) {
+				tar.filter = false
+				tar.headerClassName += ' header-bill-cell'
+			}
+			// 初始化排序条件
+			if (Number(tar.sortable) === 0 || tar.sortable === 'false') {
+				tar.sortable = false
+			}
+			// 判断单元格是否可编辑
+			if (ori.readonly || ori.slots?.default || (!ori.renderName && !(tar.editRender && tar.editRender.name))) {
+				tar.cellRender = Object.assign({}, renderConfig, tar.cellRender || {})
+			} else {
+				tar.editRender = Object.assign({}, renderConfig, tar.editRender || {})
+			}
+			// 初始化表单查询配置
+			if (isSearch) {
+				let editFixedNames = ['$vImg', '$vHref', '$vUpload']
+				let formItem = Object.assign({}, tar)
+				formItem.itemRender = Object.assign({}, renderConfig, tar.editRender || {}, tar.itemRender || {})
+				delete formItem.cellRender
+				delete formItem.editRender
+				formItem.itemRender.name = formItem.itemRender.name || '$vInput'
+				// 此处修正， 对其不进行默认渲染
+				if (formItem.search && formItem.search !== '0' && !editFixedNames.includes(formItem.itemRender.name)) {
+					formItemsArr.push(formItem)
+				}
+			}
+			// 初始化过滤条件
+			if (tar.filter === true || Number(tar.filter) === 1) {
+				turnColumnItemFilters(tar, renderConfig.props)
+			}
+		}
+		columnsFlatArr.push(tar)
+		return tar
+	})
+	return { columnsArr, columnsFlatArr, formItemsArr }
+}