sh-view 2.8.0 → 2.8.2

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

@@ -1,114 +1,114 @@
-<template>
-	<div class="sh-result">
-		<div v-if="isicon || slots.icon" class="sh-result-icon" :class="resultType">
-			<slot name="icon"><sh-icon :type="resultIcon" :size="iconSize" /></slot>
-		</div>
-		<div v-if="title || slots.title" class="sh-result-title" :title="title">
-			<slot name="title">{{ title }}</slot>
-		</div>
-		<div v-if="text || slots.text" v-line-clamp="clamp" class="sh-result-text" :title="text">
-			<slot name="text">{{ text }}</slot>
-		</div>
-		<slot name="default"></slot>
-	</div>
-</template>
-
-<script>
-import { defineComponent, computed } from 'vue'
-export default defineComponent({
-	name: 'ShResult',
-	props: {
-		type: {
-			type: String,
-			default: ''
-		},
-		isicon: {
-			type: Boolean,
-			default: true
-		},
-		icon: {
-			type: String,
-			default: ''
-		},
-		iconSize: {
-			type: Number,
-			default: 50
-		},
-		title: {
-			type: String
-		},
-		text: {
-			type: String,
-			default: ''
-		},
-		clamp: {
-			type: Number,
-			default: 2
-		}
-	},
-	setup(props, context) {
-		const { emit, slots } = context
-		let types = ['success', 'error', 'warning', 'info']
-		let resultTitleMap = {
-			success: '成功',
-			error: '失败',
-			warning: '警告',
-			info: '提示'
-		}
-		let resultIconMap = {
-			success: 'ios-checkmark-circle',
-			error: 'ios-close-circle',
-			warning: 'ios-alert',
-			info: 'ios-information-circle'
-		}
-
-		const resultType = computed(() => {
-			return types.includes(props.type) ? props.type : 'info'
-		})
-		const resultIcon = computed(() => {
-			return resultIconMap[resultType.value]
-		})
-
-		return {
-			slots,
-			resultType,
-			resultIcon
-		}
-	}
-})
-</script>
-
-<style lang="scss" scoped>
-.sh-result {
-	width: 100%;
-	display: block;
-	text-align: center;
-	padding: 10px;
-	.sh-result-icon {
-		box-sizing: border-box;
-		color: var(--vxe-primary-color);
-		&.success {
-			color: var(--vxe-success-color);
-		}
-		&.error {
-			color: var(--vxe-danger-color);
-		}
-		&.warning {
-			color: var(--vxe-warning-color);
-		}
-		&.info {
-			color: var(--vxe-info-color);
-		}
-	}
-	&-title {
-		color: var(--title-color);
-		font-size: 1.5em;
-		line-height: 1;
-		margin-top: 15px;
-	}
-	&-text {
-		color: var(--vxe-font-color);
-		margin-top: 15px;
-	}
-}
-</style>
+<template>
+	<div class="sh-result">
+		<div v-if="isicon || slots.icon" class="sh-result-icon" :class="resultType">
+			<slot name="icon"><sh-icon :type="resultIcon" :size="iconSize" /></slot>
+		</div>
+		<div v-if="title || slots.title" class="sh-result-title" :title="title">
+			<slot name="title">{{ title }}</slot>
+		</div>
+		<div v-if="text || slots.text" v-line-clamp="clamp" class="sh-result-text" :title="text">
+			<slot name="text">{{ text }}</slot>
+		</div>
+		<slot name="default"></slot>
+	</div>
+</template>
+
+<script>
+import { defineComponent, computed } from 'vue'
+export default defineComponent({
+	name: 'ShResult',
+	props: {
+		type: {
+			type: String,
+			default: ''
+		},
+		isicon: {
+			type: Boolean,
+			default: true
+		},
+		icon: {
+			type: String,
+			default: ''
+		},
+		iconSize: {
+			type: Number,
+			default: 50
+		},
+		title: {
+			type: String
+		},
+		text: {
+			type: String,
+			default: ''
+		},
+		clamp: {
+			type: Number,
+			default: 2
+		}
+	},
+	setup(props, context) {
+		const { emit, slots } = context
+		let types = ['success', 'error', 'warning', 'info']
+		let resultTitleMap = {
+			success: '成功',
+			error: '失败',
+			warning: '警告',
+			info: '提示'
+		}
+		let resultIconMap = {
+			success: 'ios-checkmark-circle',
+			error: 'ios-close-circle',
+			warning: 'ios-alert',
+			info: 'ios-information-circle'
+		}
+
+		const resultType = computed(() => {
+			return types.includes(props.type) ? props.type : 'info'
+		})
+		const resultIcon = computed(() => {
+			return resultIconMap[resultType.value]
+		})
+
+		return {
+			slots,
+			resultType,
+			resultIcon
+		}
+	}
+})
+</script>
+
+<style lang="scss" scoped>
+.sh-result {
+	width: 100%;
+	display: block;
+	text-align: center;
+	padding: 10px;
+	.sh-result-icon {
+		box-sizing: border-box;
+		color: var(--vxe-primary-color);
+		&.success {
+			color: var(--vxe-success-color);
+		}
+		&.error {
+			color: var(--vxe-danger-color);
+		}
+		&.warning {
+			color: var(--vxe-warning-color);
+		}
+		&.info {
+			color: var(--vxe-info-color);
+		}
+	}
+	&-title {
+		color: var(--title-color);
+		font-size: 1.5em;
+		line-height: 1;
+		margin-top: 15px;
+	}
+	&-text {
+		color: var(--vxe-font-color);
+		margin-top: 15px;
+	}
+}
+</style>

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

@@ -1,66 +1,66 @@
-<template>
-	<div :class="classes" :style="styles">
-		<slot></slot>
-	</div>
-</template>
-
-<script>
-import { defineComponent, computed, provide } from 'vue'
-import './css/index.scss'
-export default defineComponent({
-	name: 'ShRow',
-	props: {
-		align: {
-			type: String,
-			default: 'top' // 'top', 'middle', 'bottom'
-		},
-		justify: {
-			type: String,
-			default: 'start' // 'start', 'end', 'center', 'space-around', 'space-between'
-		},
-		gutter: {
-			type: Number,
-			default: 0
-		},
-		wrap: {
-			type: Boolean,
-			default: true
-		},
-		margin: {
-			type: Boolean
-		}
-	},
-	setup(props, context) {
-		const prefixCls = 'sh-row'
-		provide('RowInstance', props)
-
-		const classes = computed(() => {
-			return [
-				`${prefixCls}`,
-				{
-					[`${prefixCls}-${props.align}`]: !!props.align,
-					[`${prefixCls}-${props.justify}`]: !!props.justify,
-					[`${prefixCls}-wrap`]: props.wrap
-				}
-			]
-		})
-		const styles = computed(() => {
-			let style = {}
-			if (props.gutter !== 0 && props.margin) {
-				style = {
-					marginLeft: props.gutter / -2 + 'px',
-					marginRight: props.gutter / -2 + 'px'
-				}
-			}
-			return style
-		})
-
-		return {
-			classes,
-			styles
-		}
-	}
-})
-</script>
-
-<style scoped lang="scss"></style>
+<template>
+	<div :class="classes" :style="styles">
+		<slot></slot>
+	</div>
+</template>
+
+<script>
+import { defineComponent, computed, provide } from 'vue'
+import './css/index.scss'
+export default defineComponent({
+	name: 'ShRow',
+	props: {
+		align: {
+			type: String,
+			default: 'top' // 'top', 'middle', 'bottom'
+		},
+		justify: {
+			type: String,
+			default: 'start' // 'start', 'end', 'center', 'space-around', 'space-between'
+		},
+		gutter: {
+			type: Number,
+			default: 0
+		},
+		wrap: {
+			type: Boolean,
+			default: true
+		},
+		margin: {
+			type: Boolean
+		}
+	},
+	setup(props, context) {
+		const prefixCls = 'sh-row'
+		provide('RowInstance', props)
+
+		const classes = computed(() => {
+			return [
+				`${prefixCls}`,
+				{
+					[`${prefixCls}-${props.align}`]: !!props.align,
+					[`${prefixCls}-${props.justify}`]: !!props.justify,
+					[`${prefixCls}-wrap`]: props.wrap
+				}
+			]
+		})
+		const styles = computed(() => {
+			let style = {}
+			if (props.gutter !== 0 && props.margin) {
+				style = {
+					marginLeft: props.gutter / -2 + 'px',
+					marginRight: props.gutter / -2 + 'px'
+				}
+			}
+			return style
+		})
+
+		return {
+			classes,
+			styles
+		}
+	}
+})
+</script>
+
+<style scoped lang="scss"></style>

package/packages/components/sh-split/components/trigger.vue

@@ -1,33 +1,33 @@
-<template>
-	<div :class="classes">
-		<div :class="barConClasses">
-			<i v-for="i in 8" v-once :key="`trigger-${i}`" :class="`${prefix}-bar`"></i>
-		</div>
-	</div>
-</template>
-
-<script>
-export default {
-	name: 'SplitTrigger',
-	props: {
-		mode: String
-	},
-	data() {
-		return {
-			prefix: 'sh-split-trigger',
-			initOffset: 0
-		}
-	},
-	computed: {
-		isVertical() {
-			return this.mode === 'vertical'
-		},
-		classes() {
-			return [this.prefix, this.isVertical ? `${this.prefix}-vertical` : `${this.prefix}-horizontal`]
-		},
-		barConClasses() {
-			return [`${this.prefix}-bar-con`, this.isVertical ? 'vertical' : 'horizontal']
-		}
-	}
-}
-</script>
+<template>
+	<div :class="classes">
+		<div :class="barConClasses">
+			<i v-for="i in 8" v-once :key="`trigger-${i}`" :class="`${prefix}-bar`"></i>
+		</div>
+	</div>
+</template>
+
+<script>
+export default {
+	name: 'SplitTrigger',
+	props: {
+		mode: String
+	},
+	data() {
+		return {
+			prefix: 'sh-split-trigger',
+			initOffset: 0
+		}
+	},
+	computed: {
+		isVertical() {
+			return this.mode === 'vertical'
+		},
+		classes() {
+			return [this.prefix, this.isVertical ? `${this.prefix}-vertical` : `${this.prefix}-horizontal`]
+		},
+		barConClasses() {
+			return [`${this.prefix}-bar-con`, this.isVertical ? 'vertical' : 'horizontal']
+		}
+	}
+}
+</script>