sh-view 2.8.0 → 2.8.2

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

@@ -1,27 +1,27 @@
-<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 { computed, defineComponent, getCurrentInstance } from 'vue'
-import cellProps from '../mixin/cell-props'
-export default defineComponent({
-	name: 'VxeRenderImg',
-	props: cellProps,
-	setup(props, context) {
-		const { proxy } = getCurrentInstance()
-		const { $vUtils } = proxy
-		const imgSrc = computed(() => $vUtils.get(props.rdata, props.rkey))
-		const imgHeight = computed(() => {
-			return props.rprops.square ? props.rprops.width : props.rprops.height
-		})
-
-		return {
-			imgSrc,
-			imgHeight
-		}
-	}
-})
-</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 { computed, defineComponent, getCurrentInstance } from 'vue'
+import cellProps from '../mixin/cell-props'
+export default defineComponent({
+	name: 'VxeRenderImg',
+	props: cellProps,
+	setup(props, context) {
+		const { proxy } = getCurrentInstance()
+		const { $vUtils } = proxy
+		const imgSrc = computed(() => $vUtils.get(props.rdata, props.rkey))
+		const imgHeight = computed(() => {
+			return props.rprops.square ? props.rprops.width : props.rprops.height
+		})
+
+		return {
+			imgSrc,
+			imgHeight
+		}
+	}
+})
+</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({ deleteXid: true })
-		}
-
-		// 输入框回调
-		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({ deleteXid: true })
+		}
+
+		// 输入框回调
+		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-time.vue

@@ -1,44 +1,44 @@
-<template>
-	<span class="vxe-render--inner" :class="{ 'form-render': rform, 'td-render': !rform }">
-		<template v-if="redit || isEditAll">
-			<sh-date v-model="renderValue" v-bind="rprops" :size="rsize" :disabled-method="vxeDisabledMethod" @change="vxeChangeCallBack"></sh-date>
-		</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: 'VxeRenderTime',
-	props: cellProps,
-	setup(props, context) {
-		const { proxy } = getCurrentInstance()
-		const { $vUtils } = proxy
-		const useCell = cellHooks(props, context, proxy)
-
-		// 禁用事件
-		const vxeDisabledMethod = ({ date, viewType }) => {
-			let { startTime, endTime } = props.rprops
-			if (startTime) {
-				startTime = $vUtils.format(startTime, props.rdata)
-				let { done, time } = $vUtils.getDateDiff(startTime, date)
-				return startTime ? !done : false
-			} else if (endTime) {
-				endTime = $vUtils.format(endTime, props.rdata)
-				let { done, time } = $vUtils.getDateDiff(endTime, date)
-				return done
-			}
-		}
-
-		return {
-			...useCell,
-			vxeDisabledMethod
-		}
-	}
-})
-</script>
+<template>
+	<span class="vxe-render--inner" :class="{ 'form-render': rform, 'td-render': !rform }">
+		<template v-if="redit || isEditAll">
+			<sh-date v-model="renderValue" v-bind="rprops" :size="rsize" :disabled-method="vxeDisabledMethod" @change="vxeChangeCallBack"></sh-date>
+		</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: 'VxeRenderTime',
+	props: cellProps,
+	setup(props, context) {
+		const { proxy } = getCurrentInstance()
+		const { $vUtils } = proxy
+		const useCell = cellHooks(props, context, proxy)
+
+		// 禁用事件
+		const vxeDisabledMethod = ({ date, viewType }) => {
+			let { startTime, endTime } = props.rprops
+			if (startTime) {
+				startTime = $vUtils.format(startTime, props.rdata)
+				let { done, time } = $vUtils.getDateDiff(startTime, date)
+				return startTime ? !done : false
+			} else if (endTime) {
+				endTime = $vUtils.format(endTime, props.rdata)
+				let { done, time } = $vUtils.getDateDiff(endTime, date)
+				return done
+			}
+		}
+
+		return {
+			...useCell,
+			vxeDisabledMethod
+		}
+	}
+})
+</script>

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

@@ -1,70 +1,70 @@
-<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
-			let rvalue = selectedKeys
-			if (!multiple) {
-				rvalue = selectedKeys[0] || ''
-			}
-			if (valueKeys && selectedRows && selectedRows.length > 0) {
-				let prefixKey = props.rkey
-				let endStrs = ['Id', '_id']
-				endStrs.forEach(end => {
-					if (props.rkey.endsWith(end)) {
-						prefixKey = props.rkey.replace(end, '')
-					}
-				})
-				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(rvalue, 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
+			let rvalue = selectedKeys
+			if (!multiple) {
+				rvalue = selectedKeys[0] || ''
+			}
+			if (valueKeys && selectedRows && selectedRows.length > 0) {
+				let prefixKey = props.rkey
+				let endStrs = ['Id', '_id']
+				endStrs.forEach(end => {
+					if (props.rkey.endsWith(end)) {
+						prefixKey = props.rkey.replace(end, '')
+					}
+				})
+				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(rvalue, true)
+		}
+
+		return {
+			...useCell,
+			vxeTreeCallback
+		}
+	}
+})
+</script>

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

@@ -1,26 +1,26 @@
-<template>
-	<div class="vxe-filter--wrap">
-		<span class="vxe-filter--inner">
-			<vxe-input v-model="renderOption.data" v-bind="rprops" :disabled="false" @input="vxeFilterChange" />
-		</span>
-	</div>
-</template>
-
-<script>
-import { defineComponent, getCurrentInstance, ref, watch } 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="renderOption.data" v-bind="rprops" :disabled="false" @input="vxeFilterChange" />
+		</span>
+	</div>
+</template>
+
+<script>
+import { defineComponent, getCurrentInstance, ref, watch } 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/filters/vxe-filter-time.vue

@@ -1,26 +1,26 @@
-<template>
-	<div class="vxe-filter--wrap">
-		<span class="vxe-filter--inner">
-			<sh-date v-model="renderOption.data" v-bind="rprops" :disabled="false" @change="vxeFilterChange" />
-		</span>
-	</div>
-</template>
-
-<script>
-import { defineComponent, getCurrentInstance, reactive, ref } from 'vue'
-import cellProps from '../mixin/cell-props'
-import filterHooks from '../mixin/filter-hooks'
-export default defineComponent({
-	name: 'VxeFilterTime',
-	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">
+			<sh-date v-model="renderOption.data" v-bind="rprops" :disabled="false" @change="vxeFilterChange" />
+		</span>
+	</div>
+</template>
+
+<script>
+import { defineComponent, getCurrentInstance, reactive, ref } from 'vue'
+import cellProps from '../mixin/cell-props'
+import filterHooks from '../mixin/filter-hooks'
+export default defineComponent({
+	name: 'VxeFilterTime',
+	props: cellProps,
+	setup(props, context) {
+		const { proxy } = getCurrentInstance()
+
+		const useFilter = filterHooks(props, context, proxy)
+
+		return {
+			...useFilter
+		}
+	}
+})
+</script>