@aochuang/common 1.0.0 → 1.0.126

package/uni-components/avatar/avatar.vue

@@ -0,0 +1,81 @@
+<template>
+	<div class="bi-avatar" :class="['bi-avatar--' + size, {'is-image': !!src}]">
+		<template v-if="src">
+			<ui-image class="bi-avatar__image" :width="innerSize" :height="innerSize" :shape="shape" radius="3px" :src="src"></ui-image>
+		</template>
+		<template v-else>
+			<view class="bi-avatar__control" :style="{'background-color': bgColor, 'width': innerSize, 'height': innerSize}">{{firstText}}</view>
+		</template>
+	</div>
+</template>
+
+<script>
+import UiImage from '../image/image.vue'
+import { getStringColor } from '@/utils/color'
+
+export default {
+	name: 'BiAvatar',
+	components: {
+		UiImage
+	},
+	props: {
+		src: {
+			type: String
+		},
+		name: {
+			type: String
+		},
+		round: {
+			type: Boolean
+		},
+		size: {
+			type: String,
+			default: 'small'
+		}
+	},
+	computed: {
+		innerSize () {
+			const map = {
+				mini: '24px',
+				small: '32px',
+				medium: '48px',
+				large: '64px'
+			}
+			return map[this.size]
+		},
+		shape () {
+			return this.round ? 'circle' : 'square'
+		},
+		firstText () {
+			return this.name ? this.name.substr(0 - 2).toLocaleUpperCase() : ''
+		},
+		bgColor () {
+			return getStringColor(this.name)
+		}
+	}
+}
+</script>
+
+<style lang="less">
+.bi-avatar{
+	display: inline-block;
+	line-height: 1em;
+	vertical-align: top;
+}
+.bi-avatar__control{
+	border-radius: 3px;
+	text-align: center;
+	color: #fff;
+	font-size: 12px;
+	font-weight: 500;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+}
+.bi-avatar--large {
+	.bi-avatar__control {
+		font-size: 18px;
+	}
+}
+</style>

package/uni-components/badge/badge.vue

@@ -0,0 +1,57 @@
+<template>
+	<view class="bi-badge" :class="{'is-dot' : isDot}">
+		{{ isDot ? '' : showText }}
+	</view>
+</template>
+
+<script>
+export default {
+	name: 'BiBadge',
+	props: {
+		value: {
+			type: Number
+		},
+		max: {
+			type: Number
+		},
+		isDot: {
+			type: Boolean,
+			default: false
+		}
+	},
+	computed: {
+		showText () {
+			if (this.max) {
+				return this.value > this.max ? (this.max + '+') : this.value
+			} else {
+				return this.value
+			}
+		}
+	}
+}
+</script>
+
+<style lang="less">
+.bi-badge {
+	display: inline-block;
+	background-color: #f56c6c;
+	color: #fff;
+	text-align: center;
+	font-size: 12px;
+	margin-left: 2px;
+	border: 1px solid #fff;
+	box-sizing: content-box;
+	&:not(.is-dot) {
+		border-radius: 10px;
+		height: 18px;
+		line-height: 18px;
+		padding: 0 6px;
+		min-width: 8px;
+	}
+	&.is-dot{
+		width: 8px;
+		height: 8px;
+		border-radius: 4px;
+	}
+}
+</style>

package/uni-components/empty/empty.vue

@@ -0,0 +1,27 @@
+<template>
+	<view class="bi-empty">
+		<uv-empty mode="search" :text="text"></uv-empty>
+	</view>
+</template>
+
+<script>
+export default {
+	name: 'BiEmpty', 
+	props: {
+		text: {
+			type: String,
+			default: '抱歉，暂无相关数据'
+		}
+	}
+}
+</script>
+
+<style lang="less">
+.bi-empty {
+	height: 100%;
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+}
+</style>

package/uni-components/exception/exception.vue

@@ -0,0 +1,47 @@
+<template>
+	<view class="bi-exception">
+		<view class="bi-exception__icon">
+			<bi-icon name="exception-line" size="60px"></bi-icon>
+		</view>
+		<view class="bi-exception__title" v-if="title">
+			{{ title }}
+		</view>
+		<view class="bi-exception__description" v-if="description">
+			{{ description }}
+		</view>
+	</view>
+</template>
+
+<script>
+export default {
+	name: 'BiExceptin',
+	props: {
+		title: {
+			type: String
+		},
+		description: {
+			type: String
+		}
+	}
+}
+</script>
+
+<style lang="less">
+.bi-exception {
+	height: 100%;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+}
+.bi-exception__icon{
+	margin-bottom: 6px;
+}
+.bi-exception__title{
+	font-size: 16px;
+	margin-bottom: 6px;
+}
+.bi-exception__description{
+	color: #999;
+}
+</style>