sh-view 1.7.6 → 2.0.0

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

@@ -1,93 +1,94 @@
-<template>
-	<span class="vxe-render--inner">
-		<template v-for="renderBtn in renderBtns" :key="renderBtn.code">
-			<vxe-button
-				v-if="isBtnRender(renderBtn)"
-				:type="rprops.type"
-				:size="rsize"
-				:icon="getBtnContent(renderBtn).icon"
-				:status="getBtnContent(renderBtn).status"
-				@click="vxeBtnCallback($event, renderBtn)">
-				{{ getBtnContent(renderBtn).content }}
-			</vxe-button>
-		</template>
-	</span>
-</template>
-
-<script>
-import mixin from '../mixin/cell-mixin'
-export default {
-	name: 'VxeRenderGoption',
-	mixins: [mixin],
-	data() {
-		return {}
-	},
-	computed: {
-		renderBtns() {
-			let renderBtns = []
-			let { btnContain, btnsConfig } = this.rprops
-			if (btnsConfig && Array.isArray(btnsConfig)) {
-				renderBtns = btnsConfig
-			}
-			if (btnContain && Array.isArray(btnContain)) {
-				btnContain.forEach(item => {
-					if (!renderBtns.some(btn => btn.code === item)) {
-						renderBtns.push({ code: item })
-					}
-				})
-			}
-			return renderBtns
-		}
-	},
-	methods: {
-		// 按钮是否显示条件
-		isBtnRender(renderBtn) {
-			if (this.$vUtils.has(renderBtn, 'condition')) {
-				let condition = this.$vUtils.get(renderBtn, 'condition')
-				return this.$vUtils.calculate(condition, this.rdata)
-			}
-			return true
-		},
-		// 规定按钮文字
-		getBtnContent(renderBtn) {
-			let renderContent = ''
-			let renderStatus = ''
-			let renderIcon = ''
-			switch (renderBtn.code) {
-				case 'add':
-					renderContent = renderBtn.content || '新增'
-					renderStatus = renderBtn.status || 'primary'
-					renderIcon = renderBtn.icon || 'vxe-icon-add'
-					break
-				case 'edit':
-					renderContent = renderBtn.content || '编辑'
-					renderStatus = renderBtn.status || 'warning'
-					renderIcon = renderBtn.icon || 'vxe-icon-edit'
-					break
-				case 'delete':
-					renderContent = renderBtn.content || '删除'
-					renderStatus = renderBtn.status || 'danger'
-					renderIcon = renderBtn.icon || 'vxe-icon-delete'
-					break
-				case 'detail':
-					renderContent = renderBtn.content || '查看'
-					renderStatus = renderBtn.status || ''
-					renderIcon = renderBtn.icon || 'vxe-icon-information'
-					break
-				default:
-					renderContent = renderBtn.content
-					renderStatus = renderBtn.status
-					break
-			}
-			return { content: renderContent, status: renderStatus, icon: renderIcon }
-		},
-		// 按钮点击回调
-		vxeBtnCallback({ $event }, renderBtn) {
-			$event.stopPropagation()
-			let { $table } = this.rparams
-			let renderBtnObj = Object.assign({}, this.getBtnContent(renderBtn), renderBtn)
-			$table.xegrid.context.emit('option-click', renderBtnObj, this.rparams)
-		}
-	}
-}
-</script>
+<template>
+	<span class="vxe-render--inner">
+		<template v-for="renderBtn in renderBtns" :key="renderBtn.code">
+			<sh-button
+				v-if="isBtnRender(renderBtn)"
+				v-ripple
+				:type="rprops.type"
+				:size="rsize"
+				:icon="getBtnContent(renderBtn).icon"
+				:status="getBtnContent(renderBtn).status"
+				@click="vxeBtnCallback($event, renderBtn)">
+				{{ getBtnContent(renderBtn).content }}
+			</sh-button>
+		</template>
+	</span>
+</template>
+
+<script>
+import mixin from '../mixin/cell-mixin'
+export default {
+	name: 'VxeRenderGoption',
+	mixins: [mixin],
+	data() {
+		return {}
+	},
+	computed: {
+		renderBtns() {
+			let renderBtns = []
+			let { btnContain, btnsConfig } = this.rprops
+			if (btnsConfig && Array.isArray(btnsConfig)) {
+				renderBtns = btnsConfig
+			}
+			if (btnContain && Array.isArray(btnContain)) {
+				btnContain.forEach(item => {
+					if (!renderBtns.some(btn => btn.code === item)) {
+						renderBtns.push({ code: item })
+					}
+				})
+			}
+			return renderBtns
+		}
+	},
+	methods: {
+		// 按钮是否显示条件
+		isBtnRender(renderBtn) {
+			if (this.$vUtils.has(renderBtn, 'condition')) {
+				let condition = this.$vUtils.get(renderBtn, 'condition')
+				return this.$vUtils.calculate(condition, this.rdata)
+			}
+			return true
+		},
+		// 规定按钮文字
+		getBtnContent(renderBtn) {
+			let renderContent = ''
+			let renderStatus = ''
+			let renderIcon = ''
+			switch (renderBtn.code) {
+				case 'add':
+					renderContent = renderBtn.content || '新增'
+					renderStatus = renderBtn.status || 'primary'
+					renderIcon = renderBtn.icon || 'vxe-icon-add'
+					break
+				case 'edit':
+					renderContent = renderBtn.content || '编辑'
+					renderStatus = renderBtn.status || 'warning'
+					renderIcon = renderBtn.icon || 'vxe-icon-edit'
+					break
+				case 'delete':
+					renderContent = renderBtn.content || '删除'
+					renderStatus = renderBtn.status || 'danger'
+					renderIcon = renderBtn.icon || 'vxe-icon-delete'
+					break
+				case 'detail':
+					renderContent = renderBtn.content || '查看'
+					renderStatus = renderBtn.status || ''
+					renderIcon = renderBtn.icon || 'vxe-icon-information'
+					break
+				default:
+					renderContent = renderBtn.content
+					renderStatus = renderBtn.status
+					break
+			}
+			return { content: renderContent, status: renderStatus, icon: renderIcon }
+		},
+		// 按钮点击回调
+		vxeBtnCallback({ $event }, renderBtn) {
+			$event.stopPropagation()
+			let { $table } = this.rparams
+			let renderBtnObj = Object.assign({}, this.getBtnContent(renderBtn), renderBtn)
+			$table.xegrid.context.emit('option-click', renderBtnObj, this.rparams)
+		}
+	}
+}
+</script>

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

@@ -1,28 +1,21 @@
-<template>
-	<span class="vxe-render--inner">
-		<Image class="vxe-render--inner-img" :src="imgSrc" v-bind="rprops" :height="imgHeight">
-			<template #placeholder>
-				<img :src="rprops.placeholder" class="render-slot-img" :alt="rprops.alt" />
-			</template>
-			<template #error>
-				<img :src="rprops.error" class="render-slot-img" />
-			</template>
-		</Image>
-	</span>
-</template>
-
-<script>
-import mixin from '../mixin/cell-mixin'
-export default {
-	name: 'VxeRenderImg',
-	mixins: [mixin],
-	computed: {
-		imgSrc() {
-			return this.$vUtils.get(this.rdata, this.rkey)
-		},
-		imgHeight() {
-			return this.rprops.square ? this.rprops.width : this.rprops.height
-		}
-	}
-}
-</script>
+<template>
+	<span class="vxe-render--inner">
+		<sh-image class="vxe-render--inner-img" :src="imgSrc" v-bind="rprops" :height="imgHeight"></sh-image>
+	</span>
+</template>
+
+<script>
+import mixin from '../mixin/cell-mixin'
+export default {
+	name: 'VxeRenderImg',
+	mixins: [mixin],
+	computed: {
+		imgSrc() {
+			return this.$vUtils.get(this.rdata, this.rkey)
+		},
+		imgHeight() {
+			return this.rprops.square ? this.rprops.width : this.rprops.height
+		}
+	}
+}
+</script>

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

@@ -1,51 +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>
+<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">
+				<sh-button v-if="rprops.prefixType.toLowerCase() === 'button'" :disabled="rprops.disabled" :size="rsize" status="primary" @click="vxeInputPrefixClick">{{
+					rprops.prefixText
+				}}</sh-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">
+				<sh-button v-if="rprops.suffixType.toLowerCase() === 'button'" :disabled="rprops.disabled" :size="rsize" status="primary" @click="vxeInputSuffixClick">{{
+					rprops.suffixText
+				}}</sh-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-progress.vue

@@ -1,19 +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>
+<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>
+			<sh-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-radiogroup.vue

@@ -1,36 +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>
+<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">
+				<sh-tag v-if="roptionShow(roption)" :color="roption.tagColor || rprops.tagColor" :type="roption.tagType || rprops.tagType">{{ roption.label }}</sh-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

@@ -1,36 +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>
+<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">
+				<sh-tag :color="showTag.tagColor || rprops.tagColor" :type="showTag.tagType || rprops.tagType">{{ showTag.label }}</sh-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-tree.vue

@@ -1,59 +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>
+<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>