sh-view 1.5.2

package/packages/vxeTable/render/cell/vxe-render-input.vue

@@ -0,0 +1,51 @@
+<template>
+	<span class="vxe-render--inner" :class="{ 'form-render': rform, 'td-render': !rform }">
+		<template v-if="redit || isEditAll">
+			<span v-if="rprops.prefixText && rform" class="prefix">
+				<vxe-button v-if="rprops.prefixType.toLowerCase() === 'button'" :disabled="rprops.disabled" :size="rsize" status="theme" @click="vxeInputPrefixClick">{{
+					rprops.prefixText
+				}}</vxe-button>
+				<span v-else @click="vxeInputPrefixClick">{{ rprops.prefixText }}</span>
+			</span>
+			<vxe-input v-model="renderValue" v-bind="rprops" :size="rsize" @change="vxeInputChange" @blur="vxeBlurCallback" @clear="vxeBlurCallback"></vxe-input>
+			<span v-if="rprops.suffixText && rform" class="suffix">
+				<vxe-button v-if="rprops.suffixType.toLowerCase() === 'button'" :disabled="rprops.disabled" :size="rsize" status="theme" @click="vxeInputSuffixClick">{{
+					rprops.suffixText
+				}}</vxe-button>
+				<span v-else @click="vxeInputSuffixClick">{{ rprops.suffixText }}</span>
+			</span>
+			<span style="display: none" v-html="renderText"></span>
+		</template>
+		<template v-else>
+			<span v-if="rprops.prefixText && renderText" class="prefix">{{ rprops.prefixText }}</span>
+			<span v-html="renderText"></span>
+			<span v-if="rprops.suffixText && renderText" class="suffix">{{ rprops.suffixText }}</span>
+		</template>
+	</span>
+</template>
+
+<script>
+import mixin from '../mixin/cell-mixin'
+export default {
+	name: 'VxeRenderInput',
+	mixins: [mixin],
+	methods: {
+		// 输入框前缀点击事件
+		vxeInputPrefixClick() {
+			if (this.rprops.disabled) return
+			if (this.rform) {
+				let { $form } = this.rparams
+				$form.context.emit('prefix-click', this.rparams, this)
+			}
+		},
+		// 输入框后缀点击事件
+		vxeInputSuffixClick() {
+			if (this.rprops.disabled) return
+			if (this.rform) {
+				let { $form } = this.rparams
+				$form.context.emit('suffix-click', this.rparams, this)
+			}
+		}
+	}
+}
+</script>

package/packages/vxeTable/render/cell/vxe-render-money.vue

@@ -0,0 +1,25 @@
+<template>
+	<span class="vxe-render--inner" :class="{ 'form-render': rform, 'td-render': !rform, 'td-all': rprops.bill }">
+		<template v-if="redit || isEditAll">
+			<vxe-input v-model="renderValue" type="number" v-bind="rprops" :size="rsize" @change="vxeInputChange" @blur="vxeBlurCallback" @clear="vxeBlurCallback" />
+			<span style="display: none" v-html="renderText"></span>
+		</template>
+		<template v-else-if="rprops.bill">
+			<template v-for="(bil, bilindex) in billGroups" :key="bilindex">
+				<span class="cell-bill-number" :class="getBillClass(bil)">{{ getBillValue(bilindex) }}</span>
+			</template>
+			<span style="display: none" v-html="renderText"></span>
+		</template>
+		<template v-else>
+			<span class="blue" v-html="renderText"></span>
+		</template>
+	</span>
+</template>
+
+<script>
+import mixin from '../mixin/cell-mixin'
+export default {
+	name: 'VxeRenderMoney',
+	mixins: [mixin]
+}
+</script>

package/packages/vxeTable/render/cell/vxe-render-progress.vue

@@ -0,0 +1,19 @@
+<template>
+	<span class="vxe-render--inner" :class="{ 'form-render': rform, 'td-render': !rform }">
+		<template v-if="redit || isEditAll">
+			<vxe-input v-model="renderValue" type="number" v-bind="rprops" :size="rsize" @change="vxeInputChange" @blur="vxeBlurCallback" @clear="vxeBlurCallback" />
+			<span style="display: none" v-html="renderText"></span>
+		</template>
+		<template v-else>
+			<Progress :percent="renderText" v-bind="rprops" />
+		</template>
+	</span>
+</template>
+
+<script>
+import mixin from '../mixin/cell-mixin'
+export default {
+	name: 'VxeRenderPropgress',
+	mixins: [mixin]
+}
+</script>

package/packages/vxeTable/render/cell/vxe-render-radio.vue

@@ -0,0 +1,19 @@
+<template>
+	<span class="vxe-render--inner" :class="{ 'vxe-render--inner--readonly': !redit, 'form-render': rform, 'td-render': !rform }">
+		<template v-if="redit || isEditAll">
+			<vxe-radio v-model="renderValue" v-bind="rprops" :size="rsize" @change="vxeRadioCallBack" />
+			<span style="display: none" v-html="renderText"></span>
+		</template>
+		<template v-else>
+			<vxe-radio :model-value="renderText" :disabled="true" v-bind="rprops" :size="rsize" />
+		</template>
+	</span>
+</template>
+
+<script>
+import mixin from '../mixin/cell-mixin'
+export default {
+	name: 'VxeRenderRadio',
+	mixins: [mixin]
+}
+</script>

package/packages/vxeTable/render/cell/vxe-render-radiogroup.vue

@@ -0,0 +1,36 @@
+<template>
+	<span class="vxe-render--inner" :class="{ 'form-render': rform, 'td-render': !rform }">
+		<template v-if="redit || isEditAll">
+			<vxe-radio-group v-model="renderValue" v-bind="rprops" :size="rsize" @change="vxeRadioCallBack">
+				<vxe-radio v-for="checkitem in rprops.options" :key="checkitem.value" :label="checkitem.value" :content="checkitem.label" />
+			</vxe-radio-group>
+			<span style="display: none" v-html="renderText"></span>
+		</template>
+		<template v-else-if="!redit && showType">
+			<div v-for="roption in rprops.options" :key="roption">
+				<Tag v-if="roptionShow(roption)" :color="roption.tagColor || rprops.tagColor" :type="roption.tagType || rprops.tagType">{{ roption.label }}</Tag>
+			</div>
+		</template>
+		<template v-else>
+			<span v-html="renderText"></span>
+		</template>
+	</span>
+</template>
+
+<script>
+import mixin from '../mixin/cell-mixin'
+export default {
+	name: 'VxeRenderRadiogroup',
+	mixins: [mixin],
+	computed: {
+		showType() {
+			return this.rprops.showType === 'tag'
+		}
+	},
+	methods: {
+		roptionShow(roption) {
+			return this.renderText.split(this.rprops.split).includes(roption.label)
+		}
+	}
+}
+</script>

package/packages/vxeTable/render/cell/vxe-render-select.vue

@@ -0,0 +1,36 @@
+<template>
+	<span class="vxe-render--inner" :class="{ 'form-render': rform, 'td-render': !rform }">
+		<template v-if="redit || isEditAll">
+			<vxe-select v-model="renderValue" v-bind="rprops" :size="rsize" @change="vxeChangeCallBack" />
+			<span style="display: none" v-html="renderText"></span>
+		</template>
+		<template v-else-if="!redit && showType">
+			<template v-for="showTag in showTags" :key="showTag.value">
+				<Tag :color="showTag.tagColor || rprops.tagColor" :type="showTag.tagType || rprops.tagType">{{ showTag.label }}</Tag>
+			</template>
+			<span style="display: none" v-html="renderText"></span>
+		</template>
+		<span v-else v-html="renderText"></span>
+	</span>
+</template>
+
+<script>
+import mixin from '../mixin/cell-mixin'
+export default {
+	name: 'VxeRenderSelect',
+	mixins: [mixin],
+	computed: {
+		showType() {
+			return this.rprops.showType === 'tag'
+		},
+		showTags() {
+			const { renderValue, rprops } = this
+			const { options = [], multiple } = rprops
+			if (multiple && Array.isArray(renderValue)) {
+				return options.filter(option => renderValue.includes(option.value))
+			}
+			return options.filter(option => String(option.value) === String(renderValue))
+		}
+	}
+}
+</script>

package/packages/vxeTable/render/cell/vxe-render-switch.vue

@@ -0,0 +1,19 @@
+<template>
+	<span class="vxe-render--inner" :class="{ 'vxe-render--inner--readonly': !redit, 'form-render': rform, 'td-render': !rform }">
+		<template v-if="redit || isEditAll">
+			<vxe-switch v-model="renderValue" v-bind="rprops" :size="rsize" @change="vxeChangeCallBack" />
+			<span style="display: none" v-html="renderText"></span>
+		</template>
+		<template v-else>
+			<span v-html="renderText"></span>
+		</template>
+	</span>
+</template>
+
+<script>
+import mixin from '../mixin/cell-mixin'
+export default {
+	name: 'VxeRenderSwitch',
+	mixins: [mixin]
+}
+</script>

package/packages/vxeTable/render/cell/vxe-render-table.vue

@@ -0,0 +1,78 @@
+<template>
+	<span class="vxe-render--inner" style="display: inline-block; width: 100%">
+		<sh-table :disabled="!redit && !isEditAll" v-bind="rprops" :size="rsize" :data-sourse="renderValue" @edit-closed="vxeInputCallback" @toolbaroption="onToolbaroption"></sh-table>
+	</span>
+</template>
+
+<script>
+export default {
+	name: 'VxeRenderTree',
+	props: {
+		redit: { type: Boolean },
+		rkey: { type: String },
+		rsize: { type: String },
+		rdata: {
+			type: Object,
+			default() {
+				return {}
+			}
+		},
+		rprops: {
+			type: Object,
+			default() {
+				return {}
+			}
+		},
+		rparams: {
+			type: Object,
+			default() {
+				return {}
+			}
+		}
+	},
+	data() {
+		return {
+			renderValue: []
+		}
+	},
+	computed: {
+		rform() {
+			return this.rparams.$form
+		},
+		isEditAll() {
+			return !this.rform && this.rparams.$table.props.editConfig?.mode === 'all'
+		}
+	},
+	created() {
+		this.initData()
+	},
+	methods: {
+		// 初始化数据
+		initData() {
+			let rvalue = this.$vUtils.get(this.rdata, this.rkey)
+			this.renderValue = Array.isArray(rvalue) ? rvalue : []
+		},
+		// 输入框回调
+		vxeInputCallback({ $table, row }) {
+			let fullData = $table.getTableData().fullData
+			this.driveBackData(fullData)
+		},
+		// 新增、删除行回调
+		onToolbaroption(code, data, $table) {
+			let fullData = $table.getTableData().fullData
+			this.driveBackData(fullData)
+		},
+		// 回填数据
+		driveBackData(value) {
+			if (this.rform) {
+				let { data, $form } = this.rparams
+				this.$vUtils.set(data, this.rkey, value)
+				$form.context.emit('edit-closed', this.rparams, this)
+			} else {
+				let { row } = this.rparams
+				this.$vUtils.set(row, this.rkey, value)
+			}
+		}
+	}
+}
+</script>

package/packages/vxeTable/render/cell/vxe-render-textarea.vue

@@ -0,0 +1,19 @@
+<template>
+	<span class="vxe-render--inner" :class="{ 'form-render': rform, 'td-render': !rform }">
+		<template v-if="redit || isEditAll">
+			<vxe-textarea v-model="renderValue" v-bind="rprops" :size="rsize" @change="vxeInputChange" @blur="vxeBlurCallback" @clear="vxeBlurCallback" />
+			<span style="display: none" v-html="renderText"></span>
+		</template>
+		<template v-else>
+			<span>{{ renderText }}</span>
+		</template>
+	</span>
+</template>
+
+<script>
+import mixin from '../mixin/cell-mixin'
+export default {
+	name: 'VxeRenderTextarea',
+	mixins: [mixin]
+}
+</script>

package/packages/vxeTable/render/cell/vxe-render-time.vue

@@ -0,0 +1,34 @@
+<template>
+	<span class="vxe-render--inner" :class="{ 'form-render': rform, 'td-render': !rform }">
+		<template v-if="redit || isEditAll">
+			<vxe-input v-model="renderValue" v-bind="rprops" :size="rsize" :disabled-method="vxeDisabledMethod" @change="vxeChangeCallBack"></vxe-input>
+			<span style="display: none" v-html="renderText"></span>
+		</template>
+		<template v-else>
+			<span v-html="renderText"></span>
+		</template>
+	</span>
+</template>
+
+<script>
+import mixin from '../mixin/cell-mixin'
+export default {
+	name: 'VxeRenderInput',
+	mixins: [mixin],
+	methods: {
+		// 禁用事件
+		vxeDisabledMethod({ date, viewType }) {
+			let { startTime, endTime } = this.rprops
+			if (startTime) {
+				startTime = this.$vUtils.format(startTime, this.rdata)
+				let { done, time } = this.$vUtils.getDateDiff(startTime, date)
+				return startTime ? !done : false
+			} else if (endTime) {
+				endTime = this.$vUtils.format(endTime, this.rdata)
+				let { done, time } = this.$vUtils.getDateDiff(endTime, date)
+				return done
+			}
+		}
+	}
+}
+</script>

package/packages/vxeTable/render/cell/vxe-render-tree.vue

@@ -0,0 +1,59 @@
+<template>
+	<span class="vxe-render--inner" :class="{ 'form-render': rform, 'td-render': !rform }">
+		<template v-if="redit || isEditAll">
+			<sh-tree v-model="renderValue" v-bind="rprops" :field="rkey" :value-data="rdata" :size="rsize" is-select @change="vxeTreeCallback"></sh-tree>
+			<span style="display: none" v-html="renderText"></span>
+		</template>
+		<template v-else>
+			<span v-html="renderText"></span>
+		</template>
+	</span>
+</template>
+
+<script>
+import mixin from '../mixin/cell-mixin'
+export default {
+	name: 'VxeRenderTree',
+	mixins: [mixin],
+	data() {
+		return {
+			renderValue: []
+		}
+	},
+	methods: {
+		// 输入框回调
+		vxeTreeCallback(selectedKeys, selectedRows) {
+			let { valueKeys, multiple } = this.rprops
+			if (!multiple) {
+				selectedKeys = selectedKeys[0] || ''
+			}
+			if (valueKeys && selectedRows && selectedRows.length > 0) {
+				let prefixKey = this.rkey.endsWith('Id') ? String(this.rkey).replace('Id', '') : this.rkey
+				let valueks = Array.isArray(valueKeys) ? valueKeys : valueKeys.split(',')
+				valueks.forEach(key => {
+					let keySplits = key.split('=')
+					let fromDefaultKey = String(keySplits[0]).replace(/@/gi, '').toLowerCase()
+					let fromKey = keySplits[1] || String(keySplits[0]).replace(/@/gi, prefixKey)
+					let fromvalue = null
+					if (multiple) {
+						fromvalue = selectedRows.map(item => this.$vUtils.get(item, fromKey) || this.$vUtils.get(item, fromDefaultKey))
+					} else {
+						fromvalue = this.$vUtils.get(selectedRows[0], fromKey) || this.$vUtils.get(selectedRows[0], fromDefaultKey)
+					}
+					this.$vUtils.set(this.rform ? this.rparams.data : this.rparams.row, fromKey, fromvalue)
+				})
+			}
+			if (this.rform) {
+				let { data, $form } = this.rparams
+				this.$vUtils.set(data, this.rkey, selectedKeys)
+				$form.context.emit('edit-closed', this.rparams, this)
+			} else {
+				let { column } = this.rparams
+				let { model } = column
+				model.change = true
+				model.value = selectedKeys
+			}
+		}
+	}
+}
+</script>

package/packages/vxeTable/render/cell/vxe-render-upload.vue

@@ -0,0 +1,24 @@
+<template>
+	<span class="vxe-render--inner" :class="{ 'form-render': rform, 'td-render': !rform }">
+		<template v-if="redit || isEditAll">
+			<sh-upload v-model="renderValue" v-bind="rprops" :size="rsize" @input="vxeChangeCallBack({ value: $event })"></sh-upload>
+			<span style="display: none" v-html="renderText"></span>
+		</template>
+		<template v-else>
+			<sh-upload :model-value="renderText" v-bind="rprops" :disabled="true" :size="rsize"></sh-upload>
+		</template>
+	</span>
+</template>
+
+<script>
+import mixin from '../mixin/cell-mixin'
+export default {
+	name: 'VxeRenderUpload',
+	mixins: [mixin],
+	data() {
+		return {
+			renderValue: []
+		}
+	}
+}
+</script>

package/packages/vxeTable/render/filters/vxe-filter-input.vue

@@ -0,0 +1,43 @@
+<template>
+	<div class="vxe-filter--wrap">
+		<span class="vxe-filter--inner">
+			<vxe-input v-model="renderValue.data" v-bind="rprops" :disabled="false" @input="vxeFilterCallback" />
+		</span>
+	</div>
+</template>
+
+<script>
+import mixin from '../mixin/cell-mixin'
+export default {
+	name: 'VxeFilterInput',
+	mixins: [mixin],
+	data() {
+		return {
+			renderValue: {}
+		}
+	},
+	computed: {},
+	watch: {
+		rparams(nv, ov) {
+			this.initLoad()
+		}
+	},
+	created() {
+		this.initLoad()
+	},
+	methods: {
+		// 初始化
+		initLoad() {
+			const { column, $panel } = this.rparams
+			const option = column.filters[0]
+			this.renderValue = option
+			$panel.changeOption(null, Boolean(this.renderValue.data), option)
+		},
+		// 过滤回调
+		vxeFilterCallback({ value, $event }) {
+			const { $panel } = this.rparams
+			$panel.changeOption(null, Boolean(this.renderValue.data), this.renderValue)
+		}
+	}
+}
+</script>

package/packages/vxeTable/render/footer/vxe-footer-input.vue

@@ -0,0 +1,13 @@
+<template>
+	<span>{{ getFooterData() }}</span>
+</template>
+
+<script>
+import mixin from '../mixin/cell-mixin'
+export default {
+	name: 'VxeFooterMoney',
+	mixins: [mixin]
+}
+</script>
+
+<style scoped></style>

package/packages/vxeTable/render/footer/vxe-footer-money.vue

@@ -0,0 +1,20 @@
+<template>
+	<div v-if="rprops.bill" class="header-bill-box">
+		<template v-for="(bil, bilindex) in billGroups" :key="bilindex">
+			<span class="cell-bill-number" :class="getBillClass(bil)">{{ getBillValue(bilindex, true) }}</span>
+		</template>
+	</div>
+	<template v-else>
+		<span class="blue">{{ getFooterData() }}</span>
+	</template>
+</template>
+
+<script>
+import mixin from '../mixin/cell-mixin'
+export default {
+	name: 'VxeFooterMoney',
+	mixins: [mixin]
+}
+</script>
+
+<style scoped></style>