sh-view 2.6.1 → 2.6.3

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

@@ -1,52 +1,52 @@
-<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="prefixButton" v-bind="psButtonConfig" @click="vxeInputPrefixClick">{{ rprops.prefixText }}</vxe-button>
-				<span v-else @click="vxeInputPrefixClick">{{ rprops.prefixText }}</span>
-			</span>
-			<vxe-select v-model="renderValue" v-bind="rprops" :size="rsize" @change="vxeChangeCallBack" />
-			<span v-if="rprops.suffixText && rform" class="suffix">
-				<vxe-button v-if="suffixButton" v-bind="psButtonConfig" @click="vxeInputSuffixClick">{{ rprops.suffixText }}</vxe-button>
-				<span v-else @click="vxeInputSuffixClick">{{ rprops.suffixText }}</span>
-			</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>
-		</template>
-		<span v-else v-html="renderText"></span>
-	</span>
-</template>
-
-<script>
-import { computed, defineComponent, getCurrentInstance } from 'vue'
-import cellProps from '../mixin/cell-props'
-import cellHooks from '../mixin/cell-hooks'
-export default defineComponent({
-	name: 'VxeRenderSelect',
-	props: cellProps,
-	setup(props, context) {
-		const { proxy } = getCurrentInstance()
-		const useCell = cellHooks(props, context, proxy)
-
-		const showType = computed(() => props.rprops.showType === 'tag')
-
-		const showTags = computed(() => {
-			const renderValue = useCell.renderValue.value
-			const { options = [], multiple } = props.rprops
-			if (multiple && Array.isArray(renderValue)) {
-				return options.filter(option => renderValue.includes(option.value))
-			}
-			return options.filter(option => String(option.value) === String(renderValue))
-		})
-
-		return {
-			...useCell,
-			showType,
-			showTags
-		}
-	}
-})
-</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">
+				<vxe-button v-if="prefixButton" v-bind="psButtonConfig" @click="vxeInputPrefixClick">{{ rprops.prefixText }}</vxe-button>
+				<span v-else @click="vxeInputPrefixClick">{{ rprops.prefixText }}</span>
+			</span>
+			<vxe-select v-model="renderValue" v-bind="rprops" :size="rsize" @change="vxeChangeCallBack" />
+			<span v-if="rprops.suffixText && rform" class="suffix">
+				<vxe-button v-if="suffixButton" v-bind="psButtonConfig" @click="vxeInputSuffixClick">{{ rprops.suffixText }}</vxe-button>
+				<span v-else @click="vxeInputSuffixClick">{{ rprops.suffixText }}</span>
+			</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>
+		</template>
+		<span v-else v-html="renderText"></span>
+	</span>
+</template>
+
+<script>
+import { computed, defineComponent, getCurrentInstance } from 'vue'
+import cellProps from '../mixin/cell-props'
+import cellHooks from '../mixin/cell-hooks'
+export default defineComponent({
+	name: 'VxeRenderSelect',
+	props: cellProps,
+	setup(props, context) {
+		const { proxy } = getCurrentInstance()
+		const useCell = cellHooks(props, context, proxy)
+
+		const showType = computed(() => props.rprops.showType === 'tag')
+
+		const showTags = computed(() => {
+			const renderValue = useCell.renderValue.value
+			const { options = [], multiple } = props.rprops
+			if (multiple && Array.isArray(renderValue)) {
+				return options.filter(option => renderValue.includes(option.value))
+			}
+			return options.filter(option => String(option.value) === String(renderValue))
+		})
+
+		return {
+			...useCell,
+			showType,
+			showTags
+		}
+	}
+})
+</script>

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

@@ -1,51 +1,51 @@
-<template>
-	<span class="vxe-render--inner" style="display: inline-grid; width: 100%">
-		<sh-table
-			ref="shTableRef"
-			:disabled="!redit && !isEditAll"
-			v-bind="rprops"
-			:size="rsize"
-			:data-sourse="renderValue"
-			@edit-closed="vxeInputCallback"
-			@toolbaroption="onToolbaroption"></sh-table>
-	</span>
-</template>
-
-<script>
-import { defineComponent, getCurrentInstance, ref } from 'vue'
-import cellProps from '../mixin/cell-props'
-import cellHooks from '../mixin/cell-hooks'
-export default defineComponent({
-	name: 'VxeRenderTable',
-	props: cellProps,
-	setup(props, context) {
-		const { proxy } = getCurrentInstance()
-		const useCell = cellHooks(props, context, proxy)
-		const shTableRef = ref()
-
-		const fullData = () => {
-			return shTableRef.value.getFullData()
-		}
-
-		// 输入框回调
-		const vxeInputCallback = ({ $table, row }) => {
-			driveBackData()
-		}
-		// 新增、删除行回调
-		const onToolbaroption = (code, data, $table) => {
-			driveBackData()
-		}
-		// 回填数据
-		const driveBackData = value => {
-			useCell.setRenderValue(fullData(), true)
-		}
-
-		return {
-			...useCell,
-			shTableRef,
-			vxeInputCallback,
-			onToolbaroption
-		}
-	}
-})
-</script>
+<template>
+	<span class="vxe-render--inner" style="display: inline-grid; width: 100%">
+		<sh-table
+			ref="shTableRef"
+			:disabled="!redit && !isEditAll"
+			v-bind="rprops"
+			:size="rsize"
+			:data-sourse="renderValue"
+			@edit-closed="vxeInputCallback"
+			@toolbaroption="onToolbaroption"></sh-table>
+	</span>
+</template>
+
+<script>
+import { defineComponent, getCurrentInstance, ref } from 'vue'
+import cellProps from '../mixin/cell-props'
+import cellHooks from '../mixin/cell-hooks'
+export default defineComponent({
+	name: 'VxeRenderTable',
+	props: cellProps,
+	setup(props, context) {
+		const { proxy } = getCurrentInstance()
+		const useCell = cellHooks(props, context, proxy)
+		const shTableRef = ref()
+
+		const fullData = () => {
+			return shTableRef.value.getFullData()
+		}
+
+		// 输入框回调
+		const vxeInputCallback = ({ $table, row }) => {
+			driveBackData()
+		}
+		// 新增、删除行回调
+		const onToolbaroption = (code, data, $table) => {
+			driveBackData()
+		}
+		// 回填数据
+		const driveBackData = value => {
+			useCell.setRenderValue(fullData(), true)
+		}
+
+		return {
+			...useCell,
+			shTableRef,
+			vxeInputCallback,
+			onToolbaroption
+		}
+	}
+})
+</script>

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

@@ -1,63 +1,63 @@
-<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="prefixButton" v-bind="psButtonConfig" @click="vxeInputPrefixClick">{{ rprops.prefixText }}</vxe-button>
-				<span v-else @click="vxeInputPrefixClick">{{ rprops.prefixText }}</span>
-			</span>
-			<sh-tree v-model="renderValue" v-bind="rprops" :field="rkey" :value-data="rdata" :size="rsize" is-select @change="vxeTreeCallback"></sh-tree>
-			<span v-if="rprops.suffixText && rform" class="suffix">
-				<vxe-button v-if="suffixButton" v-bind="psButtonConfig" @click="vxeInputSuffixClick">{{ rprops.suffixText }}</vxe-button>
-				<span v-else @click="vxeInputSuffixClick">{{ rprops.suffixText }}</span>
-			</span>
-		</template>
-		<template v-else>
-			<span v-html="renderText"></span>
-		</template>
-	</span>
-</template>
-
-<script>
-import { defineComponent, getCurrentInstance } from 'vue'
-import cellProps from '../mixin/cell-props'
-import cellHooks from '../mixin/cell-hooks'
-export default defineComponent({
-	name: 'VxeRenderTree',
-	props: cellProps,
-	setup(props, context) {
-		const { proxy } = getCurrentInstance()
-		const { $vUtils } = proxy
-		const useCell = cellHooks(props, context, proxy)
-
-		// 输入框回调
-		const vxeTreeCallback = (selectedKeys, selectedRows) => {
-			let { valueKeys, multiple } = props.rprops
-			if (!multiple) {
-				selectedKeys = selectedKeys[0] || ''
-			}
-			if (valueKeys && selectedRows && selectedRows.length > 0) {
-				let prefixKey = props.rkey.endsWith('Id') ? String(props.rkey).replace('Id', '') : props.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 => $vUtils.get(item, fromKey) || $vUtils.get(item, fromDefaultKey))
-					} else {
-						fromvalue = $vUtils.get(selectedRows[0], fromKey) || $vUtils.get(selectedRows[0], fromDefaultKey)
-					}
-					$vUtils.set(props.rdata, fromKey, fromvalue)
-				})
-			}
-			useCell.setRenderValue(selectedKeys, true)
-		}
-
-		return {
-			...useCell,
-			vxeTreeCallback
-		}
-	}
-})
-</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">
+				<vxe-button v-if="prefixButton" v-bind="psButtonConfig" @click="vxeInputPrefixClick">{{ rprops.prefixText }}</vxe-button>
+				<span v-else @click="vxeInputPrefixClick">{{ rprops.prefixText }}</span>
+			</span>
+			<sh-tree v-model="renderValue" v-bind="rprops" :field="rkey" :value-data="rdata" :size="rsize" is-select @change="vxeTreeCallback"></sh-tree>
+			<span v-if="rprops.suffixText && rform" class="suffix">
+				<vxe-button v-if="suffixButton" v-bind="psButtonConfig" @click="vxeInputSuffixClick">{{ rprops.suffixText }}</vxe-button>
+				<span v-else @click="vxeInputSuffixClick">{{ rprops.suffixText }}</span>
+			</span>
+		</template>
+		<template v-else>
+			<span v-html="renderText"></span>
+		</template>
+	</span>
+</template>
+
+<script>
+import { defineComponent, getCurrentInstance } from 'vue'
+import cellProps from '../mixin/cell-props'
+import cellHooks from '../mixin/cell-hooks'
+export default defineComponent({
+	name: 'VxeRenderTree',
+	props: cellProps,
+	setup(props, context) {
+		const { proxy } = getCurrentInstance()
+		const { $vUtils } = proxy
+		const useCell = cellHooks(props, context, proxy)
+
+		// 输入框回调
+		const vxeTreeCallback = (selectedKeys, selectedRows) => {
+			let { valueKeys, multiple } = props.rprops
+			if (!multiple) {
+				selectedKeys = selectedKeys[0] || ''
+			}
+			if (valueKeys && selectedRows && selectedRows.length > 0) {
+				let prefixKey = props.rkey.endsWith('Id') ? String(props.rkey).replace('Id', '') : props.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 => $vUtils.get(item, fromKey) || $vUtils.get(item, fromDefaultKey))
+					} else {
+						fromvalue = $vUtils.get(selectedRows[0], fromKey) || $vUtils.get(selectedRows[0], fromDefaultKey)
+					}
+					$vUtils.set(props.rdata, fromKey, fromvalue)
+				})
+			}
+			useCell.setRenderValue(selectedKeys, true)
+		}
+
+		return {
+			...useCell,
+			vxeTreeCallback
+		}
+	}
+})
+</script>

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

@@ -1,25 +1,25 @@
-<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 { defineComponent, getCurrentInstance } from 'vue'
-import cellProps from '../mixin/cell-props'
-import filterHooks from '../mixin/filter-hooks'
-export default defineComponent({
-	name: 'VxeFilterInput',
-	props: cellProps,
-	setup(props, context) {
-		const { proxy } = getCurrentInstance()
-		const useFilter = filterHooks(props, context, proxy)
-
-		return {
-			...useFilter
-		}
-	}
-})
-</script>
+<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 { defineComponent, getCurrentInstance } from 'vue'
+import cellProps from '../mixin/cell-props'
+import filterHooks from '../mixin/filter-hooks'
+export default defineComponent({
+	name: 'VxeFilterInput',
+	props: cellProps,
+	setup(props, context) {
+		const { proxy } = getCurrentInstance()
+		const useFilter = filterHooks(props, context, proxy)
+
+		return {
+			...useFilter
+		}
+	}
+})
+</script>

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

@@ -1,23 +1,23 @@
-<template>
-	<span>{{ getFooterData() }}</span>
-</template>
-
-<script>
-import { defineComponent, getCurrentInstance } from 'vue'
-import cellProps from '../mixin/cell-props'
-import cellHooks from '../mixin/cell-hooks'
-export default defineComponent({
-	name: 'VxeFooterInput',
-	props: cellProps,
-	setup(props, context) {
-		const { proxy } = getCurrentInstance()
-		const useCell = cellHooks(props, context, proxy)
-
-		return {
-			...useCell
-		}
-	}
-})
-</script>
-
-<style scoped></style>
+<template>
+	<span>{{ getFooterData() }}</span>
+</template>
+
+<script>
+import { defineComponent, getCurrentInstance } from 'vue'
+import cellProps from '../mixin/cell-props'
+import cellHooks from '../mixin/cell-hooks'
+export default defineComponent({
+	name: 'VxeFooterInput',
+	props: cellProps,
+	setup(props, context) {
+		const { proxy } = getCurrentInstance()
+		const useCell = cellHooks(props, context, proxy)
+
+		return {
+			...useCell
+		}
+	}
+})
+</script>
+
+<style scoped></style>

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

@@ -1,30 +1,30 @@
-<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 { defineComponent, getCurrentInstance } from 'vue'
-import cellProps from '../mixin/cell-props'
-import cellHooks from '../mixin/cell-hooks'
-export default defineComponent({
-	name: 'VxeFooterMoney',
-	props: cellProps,
-	setup(props, context) {
-		const { proxy } = getCurrentInstance()
-		const useCell = cellHooks(props, context, proxy)
-
-		return {
-			...useCell
-		}
-	}
-})
-</script>
-
-<style scoped></style>
+<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 { defineComponent, getCurrentInstance } from 'vue'
+import cellProps from '../mixin/cell-props'
+import cellHooks from '../mixin/cell-hooks'
+export default defineComponent({
+	name: 'VxeFooterMoney',
+	props: cellProps,
+	setup(props, context) {
+		const { proxy } = getCurrentInstance()
+		const useCell = cellHooks(props, context, proxy)
+
+		return {
+			...useCell
+		}
+	}
+})
+</script>
+
+<style scoped></style>

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

@@ -1,31 +1,31 @@
-<template>
-	<span>
-		{{ rparams.column.title }}
-		<span v-if="moneyUnitText" class="header-money-unit-text">({{ moneyUnitText }})</span>
-	</span>
-	<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)">{{ bil.shortText }}</span>
-		</template>
-	</div>
-</template>
-
-<script>
-import { defineComponent, getCurrentInstance } from 'vue'
-import cellProps from '../mixin/cell-props'
-import cellHooks from '../mixin/cell-hooks'
-export default defineComponent({
-	name: 'VxeHeaderMoney',
-	props: cellProps,
-	setup(props, context) {
-		const { proxy } = getCurrentInstance()
-		const useCell = cellHooks(props, context, proxy)
-
-		return {
-			...useCell
-		}
-	}
-})
-</script>
-
-<style scoped></style>
+<template>
+	<span>
+		{{ rparams.column.title }}
+		<span v-if="moneyUnitText" class="header-money-unit-text">({{ moneyUnitText }})</span>
+	</span>
+	<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)">{{ bil.shortText }}</span>
+		</template>
+	</div>
+</template>
+
+<script>
+import { defineComponent, getCurrentInstance } from 'vue'
+import cellProps from '../mixin/cell-props'
+import cellHooks from '../mixin/cell-hooks'
+export default defineComponent({
+	name: 'VxeHeaderMoney',
+	props: cellProps,
+	setup(props, context) {
+		const { proxy } = getCurrentInstance()
+		const useCell = cellHooks(props, context, proxy)
+
+		return {
+			...useCell
+		}
+	}
+})
+</script>
+
+<style scoped></style>