sh-view 2.8.1 → 2.8.2

package/packages/components/sh-drawer/scrollbar.js

@@ -1,78 +1,78 @@
-let cached
-export function getScrollBarSize(fresh) {
-	if (fresh || cached === undefined) {
-		const inner = document.createElement('div')
-		inner.style.width = '100%'
-		inner.style.height = '200px'
-		const outer = document.createElement('div')
-		const outerStyle = outer.style
-		outerStyle.position = 'absolute'
-		outerStyle.top = 0
-		outerStyle.left = 0
-		outerStyle.pointerEvents = 'none'
-		outerStyle.visibility = 'hidden'
-		outerStyle.width = '200px'
-		outerStyle.height = '150px'
-		outerStyle.overflow = 'hidden'
-		outer.appendChild(inner)
-		document.body.appendChild(outer)
-		const widthContained = inner.offsetWidth
-		outer.style.overflow = 'scroll'
-		let widthScroll = inner.offsetWidth
-		if (widthContained === widthScroll) {
-			widthScroll = outer.clientWidth
-		}
-		document.body.removeChild(outer)
-		cached = widthContained - widthScroll
-	}
-	return cached
-}
-
-export default function (props, state = {}) {
-	const { lockScroll = true } = props
-	const checkScrollBar = () => {
-		let fullWindowWidth = window.innerWidth
-		if (!fullWindowWidth) {
-			const documentElementRect = document.documentElement.getBoundingClientRect()
-			fullWindowWidth = documentElementRect.right - Math.abs(documentElementRect.left)
-		}
-		state.bodyIsOverflowing = document.body.clientWidth < fullWindowWidth
-		if (state.bodyIsOverflowing) {
-			state.scrollBarWidth = getScrollBarSize()
-		}
-	}
-
-	const checkMaskInVisible = () => {
-		let masks = document.getElementsByClassName('sh-drawer-mask') || []
-		return Array.from(masks).every(m => m.style.display === 'none' || m.classList.contains('fade-leave-to'))
-	}
-
-	const setScrollBar = () => {
-		if (state.bodyIsOverflowing && state.scrollBarWidth !== undefined) {
-			document.body.style.paddingRight = `${state.scrollBarWidth}px`
-		}
-	}
-
-	const resetScrollBar = () => {
-		document.body.style.paddingRight = ''
-	}
-
-	const addScrollEffect = () => {
-		if (!lockScroll) return
-		checkScrollBar()
-		setScrollBar()
-		document.body.style.overflow = 'hidden'
-	}
-
-	const removeScrollEffect = () => {
-		if (!lockScroll) return
-		if (checkMaskInVisible()) {
-			document.body.style.overflow = ''
-			resetScrollBar()
-		}
-	}
-	return {
-		addScrollEffect,
-		removeScrollEffect
-	}
-}
+let cached
+export function getScrollBarSize(fresh) {
+	if (fresh || cached === undefined) {
+		const inner = document.createElement('div')
+		inner.style.width = '100%'
+		inner.style.height = '200px'
+		const outer = document.createElement('div')
+		const outerStyle = outer.style
+		outerStyle.position = 'absolute'
+		outerStyle.top = 0
+		outerStyle.left = 0
+		outerStyle.pointerEvents = 'none'
+		outerStyle.visibility = 'hidden'
+		outerStyle.width = '200px'
+		outerStyle.height = '150px'
+		outerStyle.overflow = 'hidden'
+		outer.appendChild(inner)
+		document.body.appendChild(outer)
+		const widthContained = inner.offsetWidth
+		outer.style.overflow = 'scroll'
+		let widthScroll = inner.offsetWidth
+		if (widthContained === widthScroll) {
+			widthScroll = outer.clientWidth
+		}
+		document.body.removeChild(outer)
+		cached = widthContained - widthScroll
+	}
+	return cached
+}
+
+export default function (props, state = {}) {
+	const { lockScroll = true } = props
+	const checkScrollBar = () => {
+		let fullWindowWidth = window.innerWidth
+		if (!fullWindowWidth) {
+			const documentElementRect = document.documentElement.getBoundingClientRect()
+			fullWindowWidth = documentElementRect.right - Math.abs(documentElementRect.left)
+		}
+		state.bodyIsOverflowing = document.body.clientWidth < fullWindowWidth
+		if (state.bodyIsOverflowing) {
+			state.scrollBarWidth = getScrollBarSize()
+		}
+	}
+
+	const checkMaskInVisible = () => {
+		let masks = document.getElementsByClassName('sh-drawer-mask') || []
+		return Array.from(masks).every(m => m.style.display === 'none' || m.classList.contains('fade-leave-to'))
+	}
+
+	const setScrollBar = () => {
+		if (state.bodyIsOverflowing && state.scrollBarWidth !== undefined) {
+			document.body.style.paddingRight = `${state.scrollBarWidth}px`
+		}
+	}
+
+	const resetScrollBar = () => {
+		document.body.style.paddingRight = ''
+	}
+
+	const addScrollEffect = () => {
+		if (!lockScroll) return
+		checkScrollBar()
+		setScrollBar()
+		document.body.style.overflow = 'hidden'
+	}
+
+	const removeScrollEffect = () => {
+		if (!lockScroll) return
+		if (checkMaskInVisible()) {
+			document.body.style.overflow = ''
+			resetScrollBar()
+		}
+	}
+	return {
+		addScrollEffect,
+		removeScrollEffect
+	}
+}

package/packages/components/sh-empty/index.vue

@@ -1,42 +1,42 @@
-<template>
-	<div class="sh-empty-info">
-		<div v-if="icon" class="sh-empty-icon"><sh-icon :type="icon" size="24" /></div>
-		<div v-if="content" v-line-clamp="clamp" class="sh-empty-text">{{ content }}</div>
-	</div>
-</template>
-
-<script>
-export default {
-	name: 'ShEmpty',
-	props: {
-		icon: {
-			type: String,
-			default: 'ios-cube-outline'
-		},
-		content: {
-			type: String,
-			default: '暂无数据'
-		},
-		clamp: {
-			type: Number,
-			default: 2
-		}
-	}
-}
-</script>
-
-<style lang="scss" scoped>
-.sh-empty-info {
-	width: 100%;
-	display: block;
-	text-align: center;
-	padding: 10px 0;
-	.sh-empty-icon {
-		padding: 3px;
-		box-sizing: border-box;
-		color: var(--vxe-primary-color);
-	}
-	.sh-empty-text {
-	}
-}
-</style>
+<template>
+	<div class="sh-empty-info">
+		<div v-if="icon" class="sh-empty-icon"><sh-icon :type="icon" size="24" /></div>
+		<div v-if="content" v-line-clamp="clamp" class="sh-empty-text">{{ content }}</div>
+	</div>
+</template>
+
+<script>
+export default {
+	name: 'ShEmpty',
+	props: {
+		icon: {
+			type: String,
+			default: 'ios-cube-outline'
+		},
+		content: {
+			type: String,
+			default: '暂无数据'
+		},
+		clamp: {
+			type: Number,
+			default: 2
+		}
+	}
+}
+</script>
+
+<style lang="scss" scoped>
+.sh-empty-info {
+	width: 100%;
+	display: block;
+	text-align: center;
+	padding: 10px 0;
+	.sh-empty-icon {
+		padding: 3px;
+		box-sizing: border-box;
+		color: var(--vxe-primary-color);
+	}
+	.sh-empty-text {
+	}
+}
+</style>

package/packages/components/sh-form/js/props.js

@@ -1,76 +1,76 @@
-export default {
-	data: {
-		type: Object,
-		default() {
-			return {}
-		}
-	},
-	loading: {
-		type: Boolean,
-		default: false
-	},
-	readonly: {
-		type: Boolean,
-		default: false
-	},
-	size: {
-		type: String //  medium / small / mini
-	},
-	isItemTitle: {
-		type: Boolean,
-		default: false // 分组标题是否渲染
-	},
-	disabled: {
-		type: Boolean,
-		default: false
-	},
-	items: {
-		type: Array,
-		default() {
-			return []
-		}
-	},
-	collapseStatus: {
-		type: Boolean,
-		default: false
-	},
-	footer: {
-		type: Boolean,
-		default: false
-	},
-	rules: {
-		type: Object,
-		default() {
-			return {}
-		}
-	},
-	validConfig: {
-		type: Object,
-		default() {
-			return {
-				autoPos: true,
-				showMessage: true
-			}
-		}
-	},
-	formConfig: {
-		type: Object,
-		default() {
-			return {}
-		}
-	},
-	globalConfig: {
-		type: Object,
-		default() {
-			return {}
-		}
-	},
-	transformitem: {
-		type: Boolean,
-		default: true
-	},
-	valid: {
-		type: Boolean,
-		default: true
-	}
-}
+export default {
+	data: {
+		type: Object,
+		default() {
+			return {}
+		}
+	},
+	loading: {
+		type: Boolean,
+		default: false
+	},
+	readonly: {
+		type: Boolean,
+		default: false
+	},
+	size: {
+		type: String //  medium / small / mini
+	},
+	isItemTitle: {
+		type: Boolean,
+		default: false // 分组标题是否渲染
+	},
+	disabled: {
+		type: Boolean,
+		default: false
+	},
+	items: {
+		type: Array,
+		default() {
+			return []
+		}
+	},
+	collapseStatus: {
+		type: Boolean,
+		default: false
+	},
+	footer: {
+		type: Boolean,
+		default: false
+	},
+	rules: {
+		type: Object,
+		default() {
+			return {}
+		}
+	},
+	validConfig: {
+		type: Object,
+		default() {
+			return {
+				autoPos: true,
+				showMessage: true
+			}
+		}
+	},
+	formConfig: {
+		type: Object,
+		default() {
+			return {}
+		}
+	},
+	globalConfig: {
+		type: Object,
+		default() {
+			return {}
+		}
+	},
+	transformitem: {
+		type: Boolean,
+		default: true
+	},
+	valid: {
+		type: Boolean,
+		default: true
+	}
+}