sh-view 2.6.2 → 2.6.3

package/packages/components/other-components/sh-preview/components/sh-word.vue

@@ -1,76 +1,78 @@
-<script>
-import { defineComponent, computed, getCurrentInstance } from 'vue'
-import dataHook from '../js/data-hook'
-import dataProps from '../js/data-props'
-import { renderAsync } from 'docx-preview'
-export default defineComponent({
-	name: 'ShWord',
-	props: dataProps,
-	emits: ['rendered', 'error'],
-	setup(props, context) {
-		const { proxy } = getCurrentInstance()
-
-		let defaultOption = {
-			inWrapper: true, //启用围绕文档内容呈现包装器
-			ignoreWidth: true, //禁用页面的渲染宽度
-			ignoreHeight: false, //禁用页面的渲染高度
-			ignoreFonts: false, //禁用字体渲染
-			breakPages: true, //在分页符上启用分页
-			ignoreLastRenderedPageBreak: true, //在lastRenderedPageBreak元素上禁用分页
-			experimental: false, //启用实验功能（制表符停止计算）
-			trimXmlDeclaration: false, //如果为true，则在解析之前将从xml文档中删除xml声明
-			useBase64URL: false, //如果为true，图像、字体等将转换为base 64 URL，否则使用URL.createObjectURL
-			useMathMLPolyfill: false, //包括用于铬、边等的MathML多填充。
-			showChanges: false, //启用文档更改的实验渲染（插入/删除）
-			debug: false, //启用额外的日志记录
-			renderHeaders: true,
-			renderFooters: true,
-			renderFootnotes: true,
-			renderEndnotes: true,
-			renderChanges: false
-		}
-
-		const docxOptions = computed(() => {
-			return Object.assign({}, defaultOption, props.options)
-		})
-
-		const domRender = async (data, container) => {
-			if (!data || typeof data === 'string') {
-				container.innerHTML = data
-				return true
-			}
-			let blob = data
-			if (data instanceof Response) {
-				blob = data.blob()
-			} else if (data instanceof ArrayBuffer) {
-				blob = new Blob([data])
-			}
-			return renderAsync(blob, container, null, docxOptions.value)
-		}
-
-		const useData = dataHook(props, context, proxy, {
-			domRender
-		})
-
-		return Object.assign({}, useData)
-	}
-})
-</script>
-
-<template>
-	<div ref="rootRef" class="sh-office-word"></div>
-</template>
-
-<style lang="scss" scoped>
-@media screen and (max-width: 800px) {
-	.sh-office-word {
-		.docx-wrapper {
-			padding: 10px;
-			> section.docx {
-				padding: 10px !important;
-				width: 100% !important;
-			}
-		}
-	}
-}
-</style>
+<script>
+import { defineComponent, computed, getCurrentInstance } from 'vue'
+import dataHook from '../js/data-hook'
+import dataProps from '../js/data-props'
+import { renderAsync } from 'docx-preview'
+export default defineComponent({
+	name: 'ShWord',
+	props: dataProps,
+	emits: ['rendered', 'error'],
+	setup(props, context) {
+		const { proxy } = getCurrentInstance()
+
+		let defaultOption = {
+			inWrapper: true, //启用围绕文档内容呈现包装器
+			ignoreWidth: true, //禁用页面的渲染宽度
+			ignoreHeight: false, //禁用页面的渲染高度
+			ignoreFonts: false, //禁用字体渲染
+			breakPages: true, //在分页符上启用分页
+			ignoreLastRenderedPageBreak: true, //在lastRenderedPageBreak元素上禁用分页
+			experimental: false, //启用实验功能（制表符停止计算）
+			trimXmlDeclaration: false, //如果为true，则在解析之前将从xml文档中删除xml声明
+			useBase64URL: false, //如果为true，图像、字体等将转换为base 64 URL，否则使用URL.createObjectURL
+			useMathMLPolyfill: false, //包括用于铬、边等的MathML多填充。
+			showChanges: false, //启用文档更改的实验渲染（插入/删除）
+			debug: false, //启用额外的日志记录
+			renderHeaders: true,
+			renderFooters: true,
+			renderFootnotes: true,
+			renderEndnotes: true,
+			renderChanges: false
+		}
+
+		const docxOptions = computed(() => {
+			return Object.assign({}, defaultOption, props.options)
+		})
+
+		const domRender = async (data, container) => {
+			if (!data || typeof data === 'string') {
+				container.innerHTML = data
+				return true
+			}
+			let blob = data
+			if (data instanceof Response) {
+				blob = data.blob()
+			} else if (data instanceof ArrayBuffer) {
+				blob = new Blob([data])
+			}
+			return renderAsync(blob, container, null, docxOptions.value)
+		}
+
+		const useData = dataHook(props, context, proxy, {
+			domRender
+		})
+
+		return {
+			...useData
+		}
+	}
+})
+</script>
+
+<template>
+	<div ref="rootRef" class="sh-office-word"></div>
+</template>
+
+<style lang="scss" scoped>
+@media screen and (max-width: 800px) {
+	.sh-office-word {
+		.docx-wrapper {
+			padding: 10px;
+			> section.docx {
+				padding: 10px !important;
+				width: 100% !important;
+			}
+		}
+	}
+}
+</style>

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

@@ -1,26 +1,28 @@
-<template>
-	<span class="vxe-render--inner" :class="{ 'vxe-render--inner--readonly': !redit, 'form-render': rform, 'td-render': !rform }">
-		<template v-if="redit || isEditAll">
-			<vxe-checkbox v-model="renderValue" v-bind="rprops" :size="rsize" @change="vxeCheckCallBack" />
-		</template>
-		<template v-else>
-			<vxe-checkbox :model-value="renderText" :disabled="true" :size="rsize" v-bind="rprops" />
-		</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: 'VxeRenderCheckbox',
-	props: cellProps,
-	setup(props, context) {
-		const { proxy } = getCurrentInstance()
-		const useCell = cellHooks(props, context, proxy)
-
-		return Object.assign({}, useCell)
-	}
-})
-</script>
+<template>
+	<span class="vxe-render--inner" :class="{ 'vxe-render--inner--readonly': !redit, 'form-render': rform, 'td-render': !rform }">
+		<template v-if="redit || isEditAll">
+			<vxe-checkbox v-model="renderValue" v-bind="rprops" :size="rsize" @change="vxeCheckCallBack" />
+		</template>
+		<template v-else>
+			<vxe-checkbox :model-value="renderText" :disabled="true" :size="rsize" v-bind="rprops" />
+		</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: 'VxeRenderCheckbox',
+	props: cellProps,
+	setup(props, context) {
+		const { proxy } = getCurrentInstance()
+		const useCell = cellHooks(props, context, proxy)
+
+		return {
+			...useCell
+		}
+	}
+})
+</script>

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

@@ -1,42 +1,43 @@
-<template>
-	<span class="vxe-render--inner" :class="{ 'form-render': rform, 'td-render': !rform }">
-		<template v-if="redit || isEditAll">
-			<vxe-checkbox-group v-model="renderValue" v-bind="rprops" :size="rsize" @change="vxeCheckCallBack">
-				<vxe-checkbox v-for="checkitem in rprops.options" :key="checkitem.value" :label="checkitem.value" :content="checkitem.label" />
-			</vxe-checkbox-group>
-		</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 { computed, defineComponent, getCurrentInstance } from 'vue'
-import cellProps from '../mixin/cell-props'
-import cellHooks from '../mixin/cell-hooks'
-export default defineComponent({
-	name: 'VxeRenderCheckgroup',
-	props: cellProps,
-	setup(props, context) {
-		const { proxy } = getCurrentInstance()
-		const useCell = cellHooks(props, context, proxy)
-
-		const showType = computed(() => props.rprops.showType === 'tag')
-
-		const roptionShow = roption => {
-			return useCell.renderText.value.split(props.rprops.split).includes(roption.label)
-		}
-
-		return Object.assign({}, useCell, {
-			showType,
-			roptionShow
-		})
-	}
-})
-</script>
+<template>
+	<span class="vxe-render--inner" :class="{ 'form-render': rform, 'td-render': !rform }">
+		<template v-if="redit || isEditAll">
+			<vxe-checkbox-group v-model="renderValue" v-bind="rprops" :size="rsize" @change="vxeCheckCallBack">
+				<vxe-checkbox v-for="checkitem in rprops.options" :key="checkitem.value" :label="checkitem.value" :content="checkitem.label" />
+			</vxe-checkbox-group>
+		</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 { computed, defineComponent, getCurrentInstance } from 'vue'
+import cellProps from '../mixin/cell-props'
+import cellHooks from '../mixin/cell-hooks'
+export default defineComponent({
+	name: 'VxeRenderCheckgroup',
+	props: cellProps,
+	setup(props, context) {
+		const { proxy } = getCurrentInstance()
+		const useCell = cellHooks(props, context, proxy)
+
+		const showType = computed(() => props.rprops.showType === 'tag')
+
+		const roptionShow = roption => {
+			return useCell.renderText.value.split(props.rprops.split).includes(roption.label)
+		}
+
+		return {
+			...useCell,
+			showType,
+			roptionShow
+		}
+	}
+})
+</script>

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

@@ -1,34 +1,36 @@
-<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-code-editor v-model="renderValue" v-bind="rprops" @change="vxeInputChange" @blur="vxeBlurCallback"></sh-code-editor>
-			<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>{{ 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: 'VxeRenderCode',
-	props: cellProps,
-	setup(props, context) {
-		const { proxy } = getCurrentInstance()
-		const useCell = cellHooks(props, context, proxy)
-
-		return Object.assign({}, useCell)
-	}
-})
-</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-code-editor v-model="renderValue" v-bind="rprops" @change="vxeInputChange" @blur="vxeBlurCallback"></sh-code-editor>
+			<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>{{ 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: 'VxeRenderCode',
+	props: cellProps,
+	setup(props, context) {
+		const { proxy } = getCurrentInstance()
+		const useCell = cellHooks(props, context, proxy)
+
+		return {
+			...useCell
+		}
+	}
+})
+</script>

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

@@ -1,103 +1,104 @@
-<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 { computed, defineComponent, getCurrentInstance } from 'vue'
-import cellProps from '../mixin/cell-props'
-import cellHooks from '../mixin/cell-hooks'
-export default defineComponent({
-	name: 'VxeRenderGoption',
-	props: cellProps,
-	setup(props, context) {
-		const { proxy } = getCurrentInstance()
-		const { $vUtils } = proxy
-		const useCell = cellHooks(props, context, proxy)
-
-		const renderBtns = computed(() => {
-			let renderBtns = []
-			let { btnContain, btnsConfig } = props.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
-		})
-
-		// 按钮是否显示条件
-		const isBtnRender = renderBtn => {
-			if ($vUtils.has(renderBtn, 'condition')) {
-				let condition = $vUtils.get(renderBtn, 'condition')
-				return $vUtils.calculate(condition, props.rdata)
-			}
-			return true
-		}
-		// 规定按钮文字
-		const 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 }
-		}
-		// 按钮点击回调
-		const vxeBtnCallback = ({ $event }, renderBtn) => {
-			$event.stopPropagation()
-			let tableComponent = props.rparams.$table.xegrid || props.rparams.$table
-			let renderBtnObj = Object.assign({}, getBtnContent(renderBtn), renderBtn)
-			tableComponent.context.emit('option-click', renderBtnObj, props.rparams)
-		}
-
-		return Object.assign({}, useCell, {
-			renderBtns,
-			isBtnRender,
-			getBtnContent,
-			vxeBtnCallback
-		})
-	}
-})
-</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 { computed, defineComponent, getCurrentInstance } from 'vue'
+import cellProps from '../mixin/cell-props'
+import cellHooks from '../mixin/cell-hooks'
+export default defineComponent({
+	name: 'VxeRenderGoption',
+	props: cellProps,
+	setup(props, context) {
+		const { proxy } = getCurrentInstance()
+		const { $vUtils } = proxy
+		const useCell = cellHooks(props, context, proxy)
+
+		const renderBtns = computed(() => {
+			let renderBtns = []
+			let { btnContain, btnsConfig } = props.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
+		})
+
+		// 按钮是否显示条件
+		const isBtnRender = renderBtn => {
+			if ($vUtils.has(renderBtn, 'condition')) {
+				let condition = $vUtils.get(renderBtn, 'condition')
+				return $vUtils.calculate(condition, props.rdata)
+			}
+			return true
+		}
+		// 规定按钮文字
+		const 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 }
+		}
+		// 按钮点击回调
+		const vxeBtnCallback = ({ $event }, renderBtn) => {
+			$event.stopPropagation()
+			let tableComponent = props.rparams.$table.xegrid || props.rparams.$table
+			let renderBtnObj = Object.assign({}, getBtnContent(renderBtn), renderBtn)
+			tableComponent.context.emit('option-click', renderBtnObj, props.rparams)
+		}
+
+		return {
+			...useCell,
+			renderBtns,
+			isBtnRender,
+			getBtnContent,
+			vxeBtnCallback
+		}
+	}
+})
+</script>

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

@@ -1,19 +1,21 @@
-<template>
-	<a class="vxe-cell-href-a" :href="rdata[rkey]" :target="rprops.target" v-html="renderText"></a>
-</template>
-
-<script>
-import { defineComponent, getCurrentInstance } from 'vue'
-import cellProps from '../mixin/cell-props'
-import cellHooks from '../mixin/cell-hooks'
-export default defineComponent({
-	name: 'VxeRenderImg',
-	props: cellProps,
-	setup(props, context) {
-		const { proxy } = getCurrentInstance()
-		const useCell = cellHooks(props, context, proxy)
-
-		return Object.assign({}, useCell)
-	}
-})
-</script>
+<template>
+	<a class="vxe-cell-href-a" :href="rdata[rkey]" :target="rprops.target" v-html="renderText"></a>
+</template>
+
+<script>
+import { defineComponent, getCurrentInstance } from 'vue'
+import cellProps from '../mixin/cell-props'
+import cellHooks from '../mixin/cell-hooks'
+export default defineComponent({
+	name: 'VxeRenderImg',
+	props: cellProps,
+	setup(props, context) {
+		const { proxy } = getCurrentInstance()
+		const useCell = cellHooks(props, context, proxy)
+
+		return {
+			...useCell
+		}
+	}
+})
+</script>