sh-view 2.0.8 → 2.2.0

package/packages/components/global-components/sh-icon/icon-font.vue

@@ -1,32 +0,0 @@
-<template>
-	<i :class="`iconfont ${type}`" :style="styles"></i>
-</template>
-
-<script>
-import './css/font/index.scss'
-export default {
-	name: 'IconfontIcons',
-	props: {
-		type: {
-			type: String,
-			required: true
-		},
-		color: {
-			type: String
-		},
-		size: {
-			type: [Number, String]
-		}
-	},
-	computed: {
-		styles() {
-			return {
-				fontSize: `${this.size}px`,
-				color: this.color
-			}
-		}
-	}
-}
-</script>
-
-<style></style>

package/packages/components/global-components/sh-poptip/popper.js

@@ -1,115 +0,0 @@
-import { nextTick } from 'vue'
-import Popper from 'popper.js'
-
-export default {
-	emits: ['popper-show', 'popper-hide', 'created', 'update:modelValue'],
-	props: {
-		eventsEnabled: {
-			type: Boolean,
-			default: false
-		},
-		placement: {
-			type: String,
-			default: 'bottom'
-		},
-		boundariesPadding: {
-			type: Number,
-			default: 5
-		},
-		reference: Object,
-		popper: Object,
-		offset: {
-			default: 0
-		},
-		modelValue: {
-			type: Boolean,
-			default: false
-		},
-		transition: String,
-		options: {
-			type: Object,
-			default() {
-				return {
-					modifiers: {
-						computeStyle: {
-							gpuAcceleration: false
-						},
-						preventOverflow: {
-							boundariesElement: 'window'
-						}
-					}
-				}
-			}
-		}
-	},
-	data() {
-		return {
-			visible: this.modelValue
-		}
-	},
-	watch: {
-		modelValue: {
-			immediate: true,
-			handler(val) {
-				this.visible = val
-				this.$emit('update:modelValue', val)
-			}
-		},
-		visible(val) {
-			if (val) {
-				if (this.handleIndexIncrease) this.handleIndexIncrease() // just use for Poptip
-				this.updatePopper()
-				this.$emit('popper-show')
-			} else {
-				this.$emit('popper-hide')
-			}
-			this.$emit('update:modelValue', val)
-		}
-	},
-	methods: {
-		createPopper() {
-			if (!/^(top|bottom|left|right)(-start|-end)?$/g.test(this.placement)) {
-				return
-			}
-			const options = this.options
-			const popper = this.popper || this.$refs.popper
-			const reference = this.reference || this.$refs.reference
-
-			if (!popper || !reference) return
-
-			if (this.popperJS && this.popperJS.hasOwnProperty('destroy')) {
-				this.popperJS.destroy()
-			}
-			options.eventsEnabled = this.eventsEnabled
-
-			options.placement = this.placement
-
-			if (!options.modifiers.offset) {
-				options.modifiers.offset = {}
-			}
-			options.modifiers.offset.offset = this.offset
-			options.onCreate = () => {
-				nextTick(this.updatePopper)
-				this.$emit('created', this)
-			}
-
-			this.popperJS = new Popper(reference, popper, options)
-		},
-		updatePopper() {
-			this.popperJS ? this.popperJS.update() : this.createPopper()
-		},
-		doDestroy() {
-			if (this.visible) return
-			this.popperJS.destroy()
-			this.popperJS = null
-		}
-	},
-	updated() {
-		nextTick(() => this.updatePopper())
-	},
-	beforeUnmount() {
-		if (this.popperJS) {
-			this.popperJS.destroy()
-		}
-	}
-}

package/packages/components/global-components/sh-query/index.vue

@@ -1,317 +0,0 @@
-<template>
-	<vxe-form
-		ref="queryForm"
-		:key="renderKey"
-		class="sh-query"
-		:class="formCollapsed ? 'sh-query-collapsed-open' : 'sh-query-collapsed-close'"
-		v-bind="queryFormConfig"
-		:items="formItems"
-		:data="data"
-		:rules="valid ? formRules : {}"
-		:valid-config="validConfig"
-		@submit="onFormSubmit"
-		@reset="onFormReset"
-		@edit-closed="onFormEditClosed">
-		<div class="sh-query-buttons">
-			<div class="sh-query-buttons-left"><slot name="footLeft"></slot></div>
-			<div class="sh-query-buttons-right">
-				<slot name="footRight"></slot>
-				<vxe-button v-ripple type="submit" status="primary" :size="size" icon="vxe-icon-search">查询</vxe-button>
-				<vxe-button v-ripple type="reset" :size="size" icon="vxe-icon-repeat">重置</vxe-button>
-				<vxe-button v-if="formToggleBtnShow" v-ripple :size="size" :icon="formCollapsed ? 'vxe-icon-caret-up' : 'vxe-icon-caret-down'" @click="formBtnCollapsed(!formCollapsed, true)">
-					{{ formCollapsed ? '收起' : '展开全部' }}
-				</vxe-button>
-			</div>
-		</div>
-	</vxe-form>
-</template>
-
-<script>
-export default {
-	name: 'ShQuery',
-	props: {
-		data: {
-			type: Object,
-			default() {
-				return {}
-			}
-		},
-		loading: {
-			type: Boolean,
-			default: false
-		},
-		readonly: {
-			type: Boolean,
-			default: false
-		},
-		size: {
-			type: String,
-			default: 'small' //  medium / small / mini
-		},
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		items: {
-			type: Array,
-			default() {
-				return []
-			}
-		},
-		rules: {
-			type: Object,
-			default() {
-				return {}
-			}
-		},
-		validConfig: {
-			type: Object,
-			default() {
-				return {
-					autoPos: true,
-					showMessage: true
-				}
-			}
-		},
-		formConfig: {
-			type: Object,
-			default() {
-				return {}
-			}
-		},
-		globalConfig: {
-			type: Object,
-			default() {
-				return {}
-			}
-		},
-		transformitem: {
-			type: Boolean,
-			default: true
-		},
-		valid: {
-			type: Boolean
-		}
-	},
-	emits: ['submit', 'reset', 'edit-closed', 'submit-invalid', 'collapsed'],
-	data() {
-		return {
-			// 渲染key值
-			renderKey: 1,
-			// 表单展开状态
-			formCollapsed: false,
-			// 是否渲染表单展开全部按钮
-			formToggleBtnShow: false,
-			// 表单初始项
-			formOriginItems: [],
-			// 表单渲染项
-			formItems: [],
-			// 表单校验规则
-			formRules: {},
-			// 表格高级搜索默认配置
-			formConfigDefault: {
-				titleWidth: 100,
-				titleAlign: 'right',
-				titleColon: true,
-				titleAsterisk: true,
-				titleOverflow: true,
-				align: 'left',
-				span: 6,
-				loading: false,
-				customLayout: false,
-				preventSubmit: false,
-				size: this.size
-			}
-		}
-	},
-	computed: {
-		queryFormConfig() {
-			return Object.assign({}, this.formConfigDefault, this.formConfig)
-		}
-	},
-	watch: {
-		data: {
-			handler(newvalue, oldValue) {
-				this.initFormData()
-			},
-			immediate: true
-		},
-		items: {
-			handler(newvalue, oldValue) {
-				this.initFormItems()
-			},
-			deep: true,
-			immediate: false
-		},
-		rules: {
-			handler(newvalue, oldValue) {
-				this.initEditRules(newvalue)
-			},
-			deep: true,
-			immediate: true
-		}
-	},
-	created() {
-		this.initCreated()
-	},
-	methods: {
-		queryFormRef() {
-			return this.$refs.queryForm
-		},
-		// 初始化
-		initCreated() {
-			this.initFormItems()
-		},
-		// 初始化表单字段
-		initFormData() {
-			const { items, data, $vUtils } = this
-			let queryItems = items.filter(item => item.search && item.search !== '0')
-			$vUtils.eachTree(queryItems, item => {
-				let renderProps = item.renderProps || item.itemRender?.props || {}
-				if (!$vUtils.isNone(renderProps?.defaultValue) && $vUtils.isNone($vUtils.get(data, item.field))) {
-					$vUtils.set(data, item.field, renderProps.defaultValue)
-				}
-			})
-		},
-		// 初始化搜索表单
-		initFormItems() {
-			let formItemsArr = [] // 表单项
-			let formItems = this.$vUtils.searchTree(this.items, item => item.search && item.search !== '0')
-			if (this.transformitem) {
-				let { itemsArr, rules } = this.generateFormItem(formItems)
-				formItemsArr = itemsArr
-				this.initEditRules(rules)
-			} else {
-				formItemsArr = formItems
-				this.initEditRules(this.rules)
-			}
-			formItemsArr.forEach(item => {
-				item.visible = true
-				item.itemRender.props.disabled = false
-			})
-			this.formOriginItems = formItemsArr
-			this.formItems = formItemsArr
-			if (formItemsArr.length > this.globalConfig.formToggleNum && this.globalConfig.formToggle) {
-				this.formToggleBtnShow = true // 显示展开全部按钮
-				this.formBtnCollapsed(false)
-			}
-			this.initFormData()
-		},
-		// 初始化验证规则
-		initEditRules(rules) {
-			const { $vUtils } = this
-			if (rules && $vUtils.isPlainObject(rules)) {
-				Object.keys(rules).forEach(key => {
-					if (this.formRules[key]) {
-						this.formRules[key] = Array.from(new Set(this.formRules[key].concat(rules[key])))
-					} else {
-						this.formRules[key] = rules[key]
-					}
-				})
-			}
-		},
-		// 表单展开全部/收起切换事件
-		formBtnCollapsed(value, emit) {
-			this.formCollapsed = value
-			this.formItems = value ? this.formOriginItems : this.formOriginItems.slice(0, this.globalConfig.formToggleNum)
-			if (emit) this.$emit('collapsed', value)
-		},
-		// -------- 搜索
-		async onFormSubmit() {
-			let { data } = this
-			let errMap = await this.queryFormRef().validate()
-			if (!errMap) {
-				this.$emit('submit', data)
-			} else {
-				this.onFormSubmitInvalid({ data, errMap })
-			}
-		},
-		// 表单重置
-		onFormReset(params) {
-			this.initFormItems()
-			this.$vUtils.clear(this.data)
-			this.$emit('reset', params)
-		},
-		// 表单项编辑回调
-		onFormEditClosed(obj, renderbox) {
-			this.$emit('edit-closed', obj, renderbox, this)
-		},
-		// 表单校验不通过
-		onFormSubmitInvalid(obj) {
-			this.$emit('submit-invalid', obj)
-		},
-		// 表单重新渲染
-		refreshRender() {
-			this.renderKey++
-		},
-		// 判断为true
-		isTrue(value) {
-			return String(value) === '1' || String(value).toLowerCase() === 'true'
-		},
-		// 自动生成表单渲染项
-		generateFormItem(items = []) {
-			let itemsArr = []
-			let rules = {}
-			// 表单不支持编辑渲染过滤
-			let notRenderName = ['seq', 'checkbox', 'radio', '$vImg', '$vHref', '$vGlobalOption']
-			const { itemConfigDefault, readonly, disabled, isTrue, getDefaultMessage, $vUtils } = this
-			$vUtils.eachTree(items, ori => {
-				if (ori.children && ori.children.length) {
-					return
-				}
-				let tar = Object.assign({}, itemConfigDefault, ori)
-				let renderConfig = {
-					name: ori.renderName || '$vInput',
-					props: Object.assign({}, ori.renderProps || {})
-				}
-				if (readonly || disabled) {
-					renderConfig.props.disabled = true
-				}
-				tar.itemRender = Object.assign({}, renderConfig, ori.itemRender || {})
-				// 首先提取校验配置
-				if (isTrue(ori['renderRequire'])) {
-					// 若配置了校验参数则走校验参数，没配置则给默认校验条件
-					if (ori['requireProps'] && Array.isArray(ori['requireProps']) && ori['requireProps'].length > 0) {
-						rules[ori['field']] = ori['requireProps']
-					} else {
-						let dataType = 'string'
-						let arrayType = ['$vCheckgroup', '$vUpload', '$vTable']
-						if (arrayType.includes(ori['renderName']) || ((ori['renderName'] === '$vSelect' || ori['renderName'] === '$vTree') && isTrue(renderConfig.props.multiple))) {
-							dataType = 'array'
-						}
-						rules[ori['field']] = [{ required: true, message: getDefaultMessage(ori['renderName'], ori['title']), type: dataType }]
-					}
-				}
-				if (!((ori.renderName && notRenderName.includes(ori.renderName)) || notRenderName.includes(ori.type))) {
-					itemsArr.push(tar)
-				}
-			})
-			return { itemsArr, rules }
-		}
-	}
-}
-</script>
-
-<style lang="scss" scoped>
-.sh-query {
-	width: 100%;
-	background: var(--primary-weak-color);
-	&.sh-query-collapsed-close {
-	}
-	&.sh-query-collapsed-open {
-	}
-	.sh-query-buttons {
-		border-top: 1px solid var(--vxe-table-border-color);
-		padding: 5px;
-		box-sizing: border-box;
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		.sh-query-buttons-left {
-			flex: 1;
-		}
-		.sh-query-buttons-right {
-		}
-	}
-}
-</style>