sh-view 1.7.6 → 2.0.1

package/packages/components/global-components/sh-vxe-tree/js/props.js

@@ -1,120 +0,0 @@
-export default {
-	modelValue: {
-		type: Array,
-		default() {
-			return []
-		}
-	},
-	height: {
-		type: [Number, String],
-		default: 'auto'
-	},
-	nodeKey: {
-		type: String,
-		default: 'id'
-	},
-	valueKeys: {
-		type: Array
-	},
-	valueData: {
-		type: Object,
-		default() {
-			return {}
-		}
-	},
-	format: {
-		type: String
-	},
-	field: {
-		type: String
-	},
-	isSelect: {
-		type: Boolean
-	},
-	isLeaf: {
-		type: Boolean
-	},
-	disabled: {
-		type: Boolean
-	},
-	level: {
-		type: Number,
-		default: -1
-	},
-	split: {
-		type: String,
-		default: ','
-	},
-	size: {
-		type: String,
-		default: 'small' //  medium / small / mini
-	},
-	placeholder: {
-		type: String,
-		default: '请选择'
-	},
-	labelField: {
-		type: String,
-		default: 'label'
-	},
-	labelFormat: {
-		type: String,
-		default: ''
-	},
-	labelTitle: {
-		type: String
-	},
-	filterText: {
-		type: String
-	},
-	loading: {
-		type: Boolean
-	},
-	multiple: {
-		type: Boolean
-	},
-	globalConfig: {
-		type: Object,
-		default() {
-			return {}
-		}
-	},
-	treeColumns: {
-		type: Array,
-		default() {
-			return []
-		}
-	},
-	options: {
-		type: Array,
-		default() {
-			return []
-		}
-	},
-	serverCache: {
-		// 请求数据是否缓存，不缓存则每次下拉重新加载
-		type: Boolean,
-		default: true
-	},
-	serverConfig: {
-		type: Object,
-		default() {
-			return {
-				type: 'post',
-				url: ''
-			}
-		}
-	},
-	serverParams: {
-		type: Object,
-		default() {
-			return {}
-		}
-	},
-	parseParams: {
-		type: Function,
-		default() {
-			return {}
-		}
-	}
-}

package/packages/components/global-components/sh-vxe-tree/js/treeMethods.js

@@ -1,169 +0,0 @@
-const shMethods = {
-	// 加载初始化
-	initMounted() {
-		if (this.globalConfig?.initServer) {
-			// 初始化获取服务配置数据
-			this.getServerConfigDataSourse()
-		}
-	},
-	// 初始化赋值
-	initValue(value = []) {
-		let { valueData, options, multiple, format, field, split, labelField, treeData, $vUtils } = this
-		let treeSelectValue, treeSelectedData
-		try {
-			if (value && Array.isArray(value) && value.length > 0 && treeData && treeData.length > 0) {
-				let selectRows = this.getSelectRowsByValue(value)
-				let selectValues = selectRows.map(item => item[labelField])
-				if (format) {
-					let prefixKey = field.endsWith('Id') ? String(field).replace('Id', '') : field
-					let dataformat = format.replace(/@/gi, prefixKey)
-					if (multiple) {
-						let formatKeys = $vUtils.getFormatKeys(dataformat)
-						// 首先构建回显数据源，防止formayKeys值不全导致索引错乱
-						let formatSourceList = Array.from(new Array(value.length), (item, itemIndex) => {
-							let result = { [field]: value[itemIndex] }
-							formatKeys.forEach(key => {
-								result[key] = $vUtils.get(valueData, `${key}[${itemIndex}]`)
-							})
-							return result
-						})
-						selectValues = formatSourceList.map(item => $vUtils.format(dataformat, item))
-					} else {
-						selectValues = [$vUtils.format(dataformat, valueData)]
-					}
-				}
-				treeSelectValue = selectValues.join(split)
-				treeSelectedData = selectRows
-			} else {
-				treeSelectValue = ''
-				treeSelectedData = []
-			}
-		} catch (e) {
-			console.warn('初始化树值失败！')
-		}
-		this.treeSelectValue = treeSelectValue
-		this.treeSelectedData = treeSelectedData
-	},
-	// 树节点选择变换事件
-	treeSelectedChange(selectedKeys, selectedRows, obj) {
-		let emitFlag = true
-		let { labelField, split, multiple } = this
-		if (selectedRows && Array.isArray(selectedRows) && selectedRows.length > 0) {
-			let selectLabels = []
-			selectedRows.forEach(item => {
-				selectLabels.push(item[labelField])
-			})
-			this.treeSelectValue = selectLabels.join(split)
-		} else {
-			this.treeSelectValue = ''
-		}
-		this.treeSelectedData = selectedRows
-		if (!emitFlag) {
-			return
-		}
-		this.$emit('change', selectedKeys, selectedRows, obj)
-		if (this.$refs.vxeTreeSelect && !multiple && obj.$table) {
-			this.vxeTreePullHide()
-		}
-	},
-	// 获取请求配置数据
-	async getServerConfigDataSourse() {
-		const { serverConfig, serverParams, parseParams, queryCacheParams, serverCache, valueData, globalConfig, multiple, nodeKey, labelField, $vUtils, $http } = this
-		if (!serverConfig.url) {
-			this.treeServerComplate = true
-			return
-		}
-		let params = $vUtils.clone(serverParams, true)
-		if (parseParams && typeof parseParams === 'function') {
-			params = parseParams(params)
-		}
-		Object.keys(params).forEach(key => {
-			if ($vUtils.getFormatKeys(params[key]).length > 0) {
-				params[key] = $vUtils.format(params[key], valueData)
-			}
-		})
-		if (!$vUtils.isEqual(queryCacheParams, params)) {
-			this.treeServerComplate = false
-		}
-		if (serverCache && this.treeServerComplate) {
-			return
-		}
-		this.queryErrorText = null
-		this.queryCacheParams = params
-		this.treeLoading = true
-		let reqOptions = {
-			baseURL: serverConfig.baseURL
-		}
-		try {
-			let method = serverConfig?.type ? serverConfig.type.toLowerCase() : 'post'
-			let treeRes = await $http[method](serverConfig.url, params, reqOptions)
-			if (treeRes && [10000, 100000].includes(+treeRes.code)) {
-				let treeAllNode = globalConfig?.hasAll && !multiple ? [{ [nodeKey]: 0, [labelField]: '全部', isleaf: 1, code: '' }] : []
-				let treeData = treeAllNode.concat(treeRes.data)
-				if (globalConfig.transform) {
-					treeData = $vUtils.toTreeArray(treeData, { clear: true })
-				}
-				this.treeData = treeData
-			} else {
-				throw new Error(`树节点信息获取失败：${treeRes?.message}`)
-			}
-		} catch (e) {
-			this.queryErrorText = e.message || e
-		}
-		this.treeLoading = false
-		this.treeServerComplate = true
-	}
-}
-
-const toolMethods = {
-	// 根据选中子级查找父级
-	getParentByChild(key, childKey = 'children', childNode, datas, resultArr = []) {
-		let allLineData = this.getDataJsonToLine(key, childKey, datas)
-		let curNode = allLineData.find(item => item[key] === childNode[key])
-		let findParentNodes = function (curNode, alldata, result = []) {
-			alldata.forEach(al => {
-				if (curNode['pid'] === al[key]) {
-					result.push(al)
-					if (al['pid']) {
-						findParentNodes(al, alldata, result)
-					}
-				}
-			})
-			return result
-		}
-		return findParentNodes(curNode, allLineData)
-	},
-	// 将复杂结构Tree转为平行结构
-	getDataJsonToLine(key = 'id', childKey = 'children', datas = [], resultArr = [], parentNode) {
-		let copyData = JSON.parse(JSON.stringify(datas))
-		copyData.forEach(item => {
-			resultArr.push(item)
-			if (item[childKey] && Array.isArray(item[childKey]) && item[childKey].length > 0) {
-				this.getDataJsonToLine(key, childKey, item[childKey], resultArr, item)
-			}
-			if (parentNode) {
-				item['pid'] = parentNode[key]
-			}
-			// if (item[childKey]) delete item[childKey]
-		})
-		return resultArr
-	},
-	// 根据选中值返回选中节点信息
-	getSelectRowsByValue(value) {
-		const that = this
-		let childKey = (that.globalConfig.treeConfig && that.globalConfig.treeConfig.childrenField) || 'children'
-		let records = this.getDataJsonToLine(that.nodeKey, childKey, that.treeData)
-		let selectRows = []
-		records.forEach(node => {
-			if (node[that.nodeKey] && value.includes(node[that.nodeKey])) {
-				selectRows.push(node)
-			}
-		})
-		return selectRows
-	}
-}
-
-export default {
-	...shMethods,
-	...toolMethods
-}

package/packages/components/global-components/sh-vxe-tree/mixin/defaultData.js

@@ -1,54 +0,0 @@
-export default {
-	// 输入框全局配置
-	inputConfigDefault: {
-		clearable: true,
-		controls: false,
-		transfer: false,
-		suffixIcon: 'vxe-icon-caret-down'
-	},
-	// 过滤框全局配置
-	filterInputConfigDefault: {
-		prefixIcon: 'vxe-icon-search',
-		placeholder: '搜索',
-		clearable: true,
-		controls: false,
-		transfer: true
-	},
-	// 下拉框全局配置
-	selectConfigDefault: {
-		placement: 'bottom',
-		destroyOnClose: true,
-		transfer: true,
-		treeFilter: true
-	},
-	// 树组件表格全局配置
-	tableConfigDefault: {
-		autoResize: true,
-		syncResize: true,
-		stripe: false,
-		size: 'small', //  medium / small / mini
-		border: 'inner',
-		showFooter: false,
-		showOverflow: true,
-		pagerConfig: false,
-		resizeConfig: {
-			refreshDelay: 50
-		},
-		columnConfig: {
-			width: 120
-		},
-		scrollX: {
-			enabled: true,
-			gt: 20
-		},
-		scrollY: {
-			enabled: true,
-			gt: 20
-		}
-	},
-	// 扩展展示配置
-	showConfigDefault: {
-		showParent: false,
-		split: '/'
-	}
-}

package/packages/components/global-components/sh-vxe-tree/vxe-direct-tree.vue

@@ -1,203 +0,0 @@
-<template>
-	<div ref="vxeTreeDirect" class="sh-vxe-tree-direct">
-		<div v-if="treeFilterShow && treeServerComplate" class="sh-vxe-tree-direct-input">
-			<vxe-input v-model="filterTextIn" class="w-100" v-bind="filterInputConfigIn" :disabled="disabled"></vxe-input>
-		</div>
-		<div class="sh-vxe-tree-direct-content" :class="{ 'has-filter': treeFilterShow }">
-			<sh-result v-if="queryErrorText" class="sh-vxe-tree-result" type="error" :text="queryErrorText"></sh-result>
-			<table-tree
-				v-else
-				ref="vxeTreeTable"
-				:parent-props="$props"
-				:loading="loading || treeLoading"
-				:size="size"
-				:filter-text="filterTextIn"
-				:global-config="globalConfig"
-				:table-data="treeData"
-				:selected-keys="selectedKeys"
-				@select="treeSelectedChange"></table-tree>
-		</div>
-	</div>
-</template>
-
-<script>
-import defaultData from './mixin/defaultData'
-import tableTree from './components/table-tree.vue'
-import treeMethods from './js/treeMethods'
-export default {
-	name: 'ShDirectTree',
-	components: {
-		tableTree
-	},
-	props: {
-		nodeKey: {
-			type: String,
-			default: '_XID'
-		},
-		selectedKeys: {
-			type: Array,
-			default() {
-				return []
-			}
-		},
-		valueData: {
-			type: Object,
-			default() {
-				return {}
-			}
-		},
-		format: {
-			type: String
-		},
-		field: {
-			type: String
-		},
-		isLeaf: {
-			type: Boolean
-		},
-		disabled: {
-			type: Boolean
-		},
-		level: {
-			type: Number,
-			default: -1
-		},
-		filterText: {
-			type: String
-		},
-		labelField: {
-			type: String,
-			default: 'label'
-		},
-		labelFormat: {
-			type: String,
-			default: ''
-		},
-		labelTitle: {
-			type: String
-		},
-		loading: {
-			type: Boolean,
-			default: false
-		},
-		multiple: {
-			type: Boolean,
-			default: true
-		},
-		size: {
-			type: String,
-			default: 'medium' //  medium / small / mini
-		},
-		globalConfig: {
-			type: Object,
-			default() {
-				return {}
-			}
-		},
-		treeColumns: {
-			type: Array,
-			default() {
-				return []
-			}
-		},
-		options: {
-			type: Array,
-			default() {
-				return []
-			}
-		},
-		serverCache: {
-			// 请求数据是否缓存，不缓存则每次下拉重新加载
-			type: Boolean,
-			default: true
-		},
-		serverConfig: {
-			type: Object,
-			default() {
-				return {}
-			}
-		},
-		serverParams: {
-			type: Object,
-			default() {
-				return {}
-			}
-		},
-		noDataIcon: {
-			type: String
-		},
-		noDataText: {
-			type: String
-		}
-	},
-	emits: ['change', 'blur'],
-	data() {
-		return {
-			...defaultData,
-			// 树公共属性
-			treeServerComplate: false,
-			treeLoading: false,
-			treeData: this.options,
-			filterTextIn: this.filterText,
-			treeSelectValue: '',
-			treeSelectedData: [],
-			queryCacheParams: null,
-			queryErrorText: null
-		}
-	},
-	computed: {
-		treeFilterShow() {
-			return this.globalConfig.treeFilter
-		},
-		showConfigIn() {
-			return Object.assign({}, this.showConfigDefault, this.globalConfig.showConfig)
-		},
-		filterInputConfigIn() {
-			return Object.assign({}, this.filterInputConfigDefault, this.globalConfig.filterInputConfig)
-		}
-	},
-	watch: {
-		filterText: {
-			handler(newvalue, oldValue) {
-				this.filterTextIn = newvalue
-			},
-			deep: true,
-			immediate: true
-		},
-		options: {
-			handler(newvalue, oldValue) {
-				this.treeData = newvalue
-			},
-			deep: true,
-			immediate: true
-		}
-	},
-	created() {},
-	mounted() {
-		this.initMounted()
-	},
-	beforeUnmount() {},
-	methods: {
-		...treeMethods
-	}
-}
-</script>
-
-<style lang="scss" scoped>
-.sh-vxe-tree-direct {
-	position: relative;
-	padding: 0;
-	height: 100%;
-	.sh-vxe-tree-direct-input {
-		padding: 5px;
-		box-sizing: border-box;
-		background-color: var(--body-background);
-	}
-	.sh-vxe-tree-direct-content {
-		height: 100%;
-		&.has-filter {
-			height: calc(100% - 44px);
-		}
-	}
-}
-</style>