sh-view 1.7.6 → 2.0.1

package/packages/components/global-components/sh-iv-form/components/iv-group-item.vue

@@ -1,57 +0,0 @@
-<template>
-	<Col :span="column.span || span" v-bind="column.colProps || col">
-		<template v-if="hasChildren(column)">
-			<template v-for="(child, childIndex) in column.children" :key="childIndex">
-				<iv-group-item :column="child" :data="data" :group-renders="groupRenders" :size="size" :span="span" :col="col" />
-			</template>
-		</template>
-		<template v-else>
-			<iv-single-item :column="column" :data="data" :group-renders="groupRenders" :size="size" />
-		</template>
-	</Col>
-</template>
-
-<script>
-import IvSingleItem from './iv-single-item.vue'
-export default {
-	name: 'IvGroupItem',
-	components: {
-		IvSingleItem
-	},
-	props: {
-		data: {
-			type: Object,
-			default() {
-				return {}
-			}
-		},
-		column: {
-			type: Object,
-			default() {
-				return {}
-			}
-		},
-		groupRenders: {
-			type: Object,
-			default() {
-				return {}
-			}
-		},
-		size: {
-			type: String
-		},
-		span: {
-			type: Number,
-			default: 24
-		},
-		col: {
-			type: Object,
-			default() {
-				return {}
-			}
-		}
-	}
-}
-</script>
-
-<style scoped></style>

package/packages/components/global-components/sh-iv-form/components/iv-single-item.vue

@@ -1,76 +0,0 @@
-<template>
-	<FormItem v-bind="column">
-		<component :is="column.renderName || 'Input'" v-bind="componentProps" v-model="formDataIn[column.prop]" @change="onItemChange">
-			<template v-if="isGroup(column.renderName) && column.renderProps.options.length > 0">
-				<template v-for="(option, optionIndex) in column.renderProps.options" :key="optionIndex">
-					<component :is="isGroup(column.renderName)" v-bind="option" />
-				</template>
-			</template>
-		</component>
-	</FormItem>
-</template>
-
-<script>
-export default {
-	name: 'IvSingleItem',
-	inject: ['shivform'],
-	props: {
-		data: {
-			type: Object,
-			default() {
-				return {}
-			}
-		},
-		column: {
-			type: Object,
-			default() {
-				return {}
-			}
-		},
-		groupRenders: {
-			type: Object,
-			default() {
-				return {}
-			}
-		},
-		size: {
-			type: String
-		}
-	},
-	data() {
-		return {
-			formDataIn: this.data
-		}
-	},
-	computed: {
-		componentProps() {
-			let { disabled } = this.shivform || {}
-			let defaultProps = {
-				Input: { placeholder: disabled ? '' : `请输入${this.column.label}` },
-				Select: { placeholder: disabled ? '' : `请选择${this.column.label}` },
-				Switch: { width: 50, inlinePrompt: true, activeValue: 1, inactiveValue: -1, activeText: '是', inactiveText: '否' }
-			}
-			return Object.assign({ class: ['form-item-component'] }, defaultProps[this.column.renderName], this.column.renderProps)
-		}
-	},
-	watch: {
-		data: {
-			handler(newvalue) {
-				this.formDataIn = this.data
-			},
-			deep: true
-		}
-	},
-	created() {},
-	methods: {
-		isGroup(field) {
-			return this.groupRenders[field]
-		},
-		onItemChange($event) {
-			this.shivform.$emit('item-change', $event, this.column)
-		}
-	}
-}
-</script>
-
-<style scoped lang="scss"></style>

package/packages/components/global-components/sh-iv-form/index.vue

@@ -1,255 +0,0 @@
-<template>
-	<div class="sh-iv-form">
-		<Form
-			ref="ivForm"
-			:model="data"
-			:rules="formRules"
-			:inline="inline"
-			:label-position="labelPosition"
-			:label-width="labelWidth"
-			:show-message="showMessage"
-			:autocomplete="autocomplete"
-			:hide-required-mark="hideRequiredMark"
-			:label-colon="labelColon"
-			:disabled="disabled">
-			<Row v-bind="row">
-				<template v-for="(column, columnIndex) in formItems" :key="columnIndex">
-					<iv-group-item :data="data" :column="column" :group-renders="groupRenders" :size="size" :span="span" :col="colProps" />
-				</template>
-				<Col v-if="handle" :span="span" v-bind="colProps">
-					<FormItem class="form-button-item">
-						<Button :size="size" type="primary" :disabled="disabled" @click="onFormSubmit">{{ btnSubmitText }}</Button>
-						<Button :size="size" type="default" @click="onFormReset">{{ btnResetText }}</Button>
-					</FormItem>
-				</Col>
-			</Row>
-			<slot name="default"></slot>
-			<div v-if="footer" class="sh-common-footer">
-				<div class="sh-common-footer-left">
-					<Space><slot name="formLeft"></slot></Space>
-				</div>
-				<Space class="sh-common-footer-right">
-					<slot name="formRight"></slot>
-					<Button v-ripple type="primary" :size="size" :disabled="disabled" @click="onFormSubmit">{{ btnSubmitText }}</Button>
-					<Button v-ripple type="default" :size="size" @click="onFormReset">{{ btnResetText }}</Button>
-				</Space>
-			</div>
-		</Form>
-	</div>
-</template>
-
-<script>
-import ivGroupItem from './components/iv-group-item.vue'
-export default {
-	name: 'ShIvForm',
-	components: {
-		ivGroupItem
-	},
-	provide() {
-		return {
-			shivform: this
-		}
-	},
-	props: {
-		data: {
-			type: Object,
-			default() {
-				return {}
-			}
-		},
-		items: {
-			type: Array,
-			default() {
-				return []
-			}
-		},
-		rules: {
-			type: Object,
-			default() {
-				return {}
-			}
-		},
-		inline: {
-			type: Boolean
-		},
-		labelPosition: {
-			type: String
-		},
-		labelWidth: {
-			type: Number,
-			default: 100
-		},
-		showMessage: {
-			type: Boolean,
-			default: true
-		},
-		autocomplete: {
-			type: String
-		},
-		hideRequiredMark: {
-			type: Boolean
-		},
-		labelColon: {
-			type: Boolean
-		},
-		disabled: {
-			type: Boolean
-		},
-		footer: {
-			type: Boolean,
-			default: false
-		},
-		size: {
-			type: String,
-			default: 'default'
-		},
-		row: {
-			type: Object,
-			default() {
-				return {
-					gutter: 20
-				}
-			}
-		},
-		span: {
-			type: Number,
-			default: 24
-		},
-		handle: {
-			type: Boolean,
-			default: false
-		},
-		valid: {
-			type: Boolean,
-			default: true
-		},
-		btnSubmitText: {
-			type: String,
-			default: '确认'
-		},
-		btnResetText: {
-			type: String,
-			default: '取消'
-		}
-	},
-	emits: ['submit', 'reset', 'item-change'],
-	data() {
-		return {
-			formItems: [],
-			formRules: {},
-			groupRenders: {
-				CheckboxGroup: 'Checkbox',
-				RadioGroup: 'Radio',
-				Select: 'Option'
-			},
-			renderRelationship: {
-				Tree: 'TreeSelect',
-				Time: 'DatePicker',
-				TextArea: 'Input',
-				Checkgroup: 'CheckboxGroup',
-				Radiogroup: 'RadioGroup'
-			}
-		}
-	},
-	computed: {
-		colProps() {
-			return this.inline ? { xs: 24, sm: 12, md: 12, lg: 8, xl: 8 } : {}
-		}
-	},
-	watch: {
-		items: {
-			handler() {
-				this.initItemsConfig()
-			},
-			deep: true
-		},
-		rules: {
-			handler(newvalue, oldValue) {
-				this.initEditRules(newvalue)
-			},
-			deep: true,
-			immediate: true
-		}
-	},
-	created() {
-		this.initItemsConfig()
-	},
-	mounted() {},
-	methods: {
-		formRef() {
-			return this.$refs.ivForm
-		},
-		async validate() {
-			return this.formRef().validate()
-		},
-		async onFormSubmit() {
-			let validateResult = await this.validate()
-			if (!validateResult) return
-			this.$emit('submit', this.data)
-		},
-		onFormReset() {
-			this.formRef().resetFields()
-			this.$emit('reset', this.data)
-		},
-		// 根据规则重新初始化字段配置
-		initItemsConfig() {
-			const that = this
-			if (that.items && that.items.length > 0) {
-				let formItems = that.$vUtils.clone(that.items, true)
-				let fieldRules = {}
-				that.$vUtils.eachTree(formItems, item => {
-					let renderProps = item.renderProps || {}
-					item.renderName = that.getRenderName(item.renderName, renderProps)
-					item.prop = item.prop || item.field
-					item.label = item.label || item.title
-					delete item.field
-					delete item.title
-					let arrayModelRenders = ['Cascader', 'Transfer', 'TagSelect', 'CheckboxGroup']
-					if (item.prop && !that.$vUtils.has(that.data, item.prop)) {
-						that.$vUtils.set(that.data, item.prop, renderProps.defaultValue || (arrayModelRenders.includes(item.renderName) ? [] : ''))
-					}
-					if (item.prop && +item.renderRequire) {
-						let dataType = 'string'
-						let arrayType = ['CheckboxGroup']
-						if (arrayType.includes(item.renderName) || (item.renderName === 'Select' && renderProps.multiple)) {
-							dataType = 'array'
-						}
-						fieldRules[item.prop] = [{ required: true, message: that.getDefaultMessage(item.renderName, item.label), type: dataType }]
-					}
-				})
-				that.formItems = formItems
-				that.initEditRules(fieldRules)
-			}
-		},
-		// 初始化验证规则
-		initEditRules(rules) {
-			const that = this
-			if (rules && that.$vUtils.isPlainObject(rules)) {
-				Object.keys(rules).forEach(key => {
-					if (that.formRules[key]) {
-						that.formRules[key] = Array.from(new Set(that.formRules[key].concat(rules[key])))
-					} else {
-						that.formRules[key] = rules[key]
-					}
-				})
-			}
-		},
-		// 获取渲染器关系
-		getRenderName(renderName, props) {
-			if (renderName && renderName.startsWith('$v')) {
-				let reRender = renderName.replace('$v', '')
-				let relationRender = this.renderRelationship[reRender]
-				return relationRender || reRender
-			}
-			return renderName || 'Input'
-		},
-		// 获取默认验证信息
-		getDefaultMessage(renderType, title) {
-			const selectRenders = ['Switch', 'Select', 'TreeSelect', 'DatePicker', 'TimePicker', 'Cascader', 'City', 'Rate']
-			return (selectRenders.includes(renderType) ? '请选择' : '请输入') + title
-		}
-	}
-}
-</script>
-
-<style scoped></style>

package/packages/components/global-components/sh-vxe-list/index.vue

@@ -1,149 +0,0 @@
-<template>
-	<div class="sh-list">
-		<template v-if="$slots.header"><slot name="header"></slot></template>
-		<vxe-list ref="vxeList" v-bind="listConfig">
-			<template #default="{ items }">
-				<sh-empty v-if="items.length === 0 && !loading" :no-data-icon="noDataIcon" :no-data-text="noDataText"></sh-empty>
-				<Row v-if="grid" :gutter="grid.gutter">
-					<Col v-for="(item, itemindex) in items" :key="itemindex" v-bind="grid">
-						<div class="sh-list-item" :class="itemClassName">
-							<slot name="item" v-bind="item"></slot>
-						</div>
-					</Col>
-				</Row>
-				<template v-else>
-					<template v-for="(item, itemindex) in items" :key="itemindex">
-						<div class="sh-list-item" :class="itemClassName">
-							<slot name="item" v-bind="item"></slot>
-						</div>
-					</template>
-				</template>
-			</template>
-		</vxe-list>
-		<template v-if="$slots.footer"><slot name="footer"></slot></template>
-		<vxe-pager v-if="pagerConfig" v-bind="listPagerConfig" @page-change="onPageChange"></vxe-pager>
-	</div>
-</template>
-
-<script>
-export default {
-	name: 'ShList',
-	props: {
-		dataSourse: {
-			type: Array,
-			default() {
-				return []
-			}
-		},
-		size: {
-			type: String
-		},
-		className: {
-			type: String
-		},
-		itemClassName: {
-			type: String
-		},
-		loading: {
-			type: Boolean
-		},
-		height: {
-			type: [String, Number],
-			default: 'auto'
-		},
-		autoResize: {
-			type: Boolean
-		},
-		syncResize: {
-			type: [Boolean, String, Number]
-		},
-		scrollY: {
-			type: [Boolean, Object],
-			default() {
-				return { enabled: false, gt: 60 }
-			}
-		},
-		pagerConfig: {
-			type: [Object, Boolean],
-			default: false
-		},
-		noDataIcon: {
-			type: String
-		},
-		noDataText: {
-			type: String
-		},
-		grid: {
-			type: [Object, Boolean],
-			default() {
-				return { gutter: 0, span: 24 }
-			}
-		}
-	},
-	emits: ['page-change'],
-	data() {
-		return {
-			pagerConfigDefault: {
-				currentPage: 1,
-				pageSize: 50,
-				total: 0
-			},
-			listPagerConfig: {}
-		}
-	},
-	computed: {
-		listConfig() {
-			return {
-				data: this.dataSourse,
-				size: this.size,
-				className: this.className,
-				loading: this.loading,
-				height: this.height,
-				autoResize: this.autoResize,
-				syncResize: this.syncResize,
-				scrollY: this.scrollY
-			}
-		}
-	},
-	watch: {
-		pagerConfig: {
-			handler(newvalue, oldValue) {
-				this.initPagerConfig()
-			},
-			deep: true,
-			immediate: true
-		}
-	},
-	created() {},
-	mounted() {},
-	beforeUnmount() {},
-	methods: {
-		listRef() {
-			return this.$refs.vxeList
-		},
-		// 初始化分页配置
-		initPagerConfig() {
-			this.listPagerConfig = Object.assign({}, this.pagerConfigDefault, this.pagerConfig)
-		},
-		// 分页变化触发
-		onPageChange(data) {
-			let { currentPage, pageSize } = data
-			this.listPagerConfig.currentPage = currentPage
-			this.listPagerConfig.pageSize = pageSize
-			this.$emit('page-change', data)
-		}
-	}
-}
-</script>
-
-<style lang="scss" scoped>
-.sh-list {
-	position: relative;
-	.sh-list-item {
-		display: flex;
-		width: 100%;
-		justify-content: space-between;
-		align-items: center;
-	}
-}
-</style>