@aochuang/common 1.0.1 → 1.0.126

package/uni-common/portray/portray.vue

@@ -0,0 +1,54 @@
+<template>
+	<view class="bi-portray">
+		<view class="bi-portray__main">
+			<view class="bi-portray__avatar">
+				<slot name="avatar">
+					<bi-avatar :src="avatar" :round="round" :name="name" :size="size"></bi-avatar>
+				</slot>
+			</view>
+			<view class="bi-portray__name">
+				{{ name }}
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+import BiAvatar from '@aochuang/common/uni-components/avatar/avatar.vue'
+
+export default {
+	name: 'BiPortray',
+	props: {
+		avatar: {
+			type: String
+		},
+		round: {
+			type: Boolean
+		},
+		name: {
+			type: String
+		},
+		size: {
+			type: String
+		}
+	},
+	components: {
+		BiAvatar
+	}
+}
+</script>
+
+<style lang="less">
+.bi-portray{
+	display: inline-block;
+	line-height: 1.5em;
+}
+.bi-portray__main{
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+}
+.bi-portray__name{
+	margin-left: 6px;
+}
+</style>

package/uni-common/refresh-view/refresh-view.vue

@@ -0,0 +1,94 @@
+<template>
+	<view class="bi-refresh-view">
+		<mescroll-uni 
+			height="100%" 
+			:sticky="true" 
+			:up="mescrollUpConfig"
+			:down="mescrollDownConfig"
+			@init="mescrollInit" 
+			@down="downCallback" 
+			@up="upCallback"
+		>
+			<slot></slot>
+		</mescroll-uni>
+	</view>
+</template>
+
+<script>
+import MescrollUni from 'mescroll-uni/mescroll-uni.vue'
+	
+export default {
+	name: 'BiRefreshView',
+	components: {
+		MescrollUni
+	},
+	computed: {
+		mescrollUpConfig () {
+			return {
+				use: false,
+				auto: false
+			}
+		},
+		mescrollDownConfig () {
+			return {
+				auto: false
+			}
+		},
+	},
+	methods: {
+		mescrollInit (mescroll) {
+			this.mescroll = mescroll
+		},
+		// 下拉刷新的回调 (mixin默认resetUpScroll)
+		downCallback() {
+			clearTimeout(this._timer)
+			if (this.mescroll.optUp.use) {
+				this.mescroll.resetUpScroll()
+			} else {
+				let isTry = false
+				this.$emit('refresh', {
+					setCallback: (fn) => {
+						isTry = true
+						if (!fn) {
+							this.mescroll.endSuccess()
+							return
+						} 
+						const rs = fn()
+						if (rs && rs.finally) {
+							rs.finally(() => {
+								this.mescroll.endSuccess()
+							})
+						} else {
+							this.mescroll.endSuccess()
+						}
+						this._timer = setTimeout(() => {
+							// 加一下，防止内容少的时候，滚动到顶部后刷新完，有一部分内容被滚动折叠了
+							this.mescroll.scrollTo(0, 0)
+						}, 500)
+					}
+				})
+				if (!isTry) {
+					this.mescroll.endSuccess()
+				}
+			}
+		},
+		// 上拉加载的回调
+		upCallback() {
+			// mixin默认延时500自动结束加载
+			setTimeout(()=>{
+				this.mescroll.endErr();
+			}, 500)
+		}
+	},
+	beforeDestroy () {
+		clearTimeout(this._timer)
+	}
+}
+</script>
+
+<style lang="less">
+.bi-refresh-view{
+	height: 100%;
+	position: relative;
+}
+</style>

package/uni-common/scroll-load-more/scroll-load-more.vue

@@ -0,0 +1,201 @@
+<template>
+	<view class="bi-scroll-loadmore">
+		<mescroll-uni 
+			height="100%" 
+			:sticky="true" 
+			:up="mescrollUpConfig"
+			:down="mescrollDownConfig"
+			@init="mescrollInit" 
+			@down="downCallback" 
+			@up="upCallback"
+		>
+			<slot></slot>
+			<template v-if="!data || !data.length">
+				<template v-if="loading">
+					<view class="bi-scroll-loadmore__loading">
+						<uv-loading-icon text="数据正在加载中..." vertical></uv-loading-icon>
+					</view>
+				</template>
+				<template v-else>
+					<view class="bi-scroll-loadmore__empty">
+						<uv-empty text="抱歉,暂无相关数据～"></uv-empty>
+					</view>
+				</template>
+			</template>
+		</mescroll-uni>
+	</view>
+</template>
+
+<script>
+import MescrollUni from 'mescroll-uni/mescroll-uni.vue'
+import UiEmpty from '@aochuang/common/uni-components/empty/empty.vue'
+	
+export default {
+	name: 'BiScrollLoadmore',
+	components: {
+		UiEmpty,
+		MescrollUni
+	},
+	props: {
+		data: {
+			type: Array
+		}
+	},
+	data () {
+		return {
+			loading: false,
+			pageIndex: 1,
+			pageSize: 20
+		}
+	},
+	computed: {
+		mescrollUpConfig () {
+			return {
+				use: true,
+				auto: false
+			}
+		},
+		mescrollDownConfig () {
+			return {
+				use: true,
+				auto: true
+			}
+		},
+	},
+	methods: {
+		reload () {
+			if (this.loading) {
+				return
+			}
+			clearTimeout(this._timer)
+			let isTry = false
+			this.pageIndex = 1
+			this.$emit('query', {
+				setCallback: (fn) => {
+					isTry = true
+					if (!fn) {
+						this.mescroll.endSuccess()
+						return
+					} 
+					const rs = fn({
+						isReload: true,
+						pageIndex: this.pageIndex - 1,
+						pageSize: this.pageSize
+					})
+					if (rs && rs.finally) {
+						this.loading = true
+						rs.then((rs) => {
+							const nextData = rs.data || []
+							this.notMore = nextData.length < this.pageSize
+							this.$nextTick(() => {
+								this.mescroll.endSuccess(this.data.length, nextData.length >= this.pageSize)
+							})
+						}, (err) => {
+							this.mescroll.endErr(err)
+						})
+						rs.finally(() => {
+							this.loading = false
+						})
+					} else {
+						this.mescroll.endSuccess()
+					}
+					this._timer = setTimeout(() => {
+						// 加一下，防止内容少的时候，滚动到顶部后刷新完，有一部分内容被滚动折叠了
+						this.mescroll.scrollTo(0, 0)
+					}, 200)
+				}
+			})
+			if (!isTry) {
+				this.mescroll.endSuccess()
+			}
+		},
+		loadData () {
+			if (this.loading) {
+				return
+			}
+			if (this.notMore) {
+				return
+			}
+			let isTry = false
+			const pageIndex = this.pageIndex + 1
+			this.$emit('query', {
+				setCallback: (fn) => {
+					isTry = true
+					if (!fn) {
+						this.mescroll.endSuccess()
+						return
+					} 
+					const rs = fn({
+						isReload: false,
+						pageIndex: pageIndex - 1,
+						pageSize: this.pageSize
+					})
+					if (rs && rs.finally) {
+						this.loading = true
+						rs.then((rs) => {
+							this.pageIndex = pageIndex
+							const nextData = rs.data || []
+							this.notMore = nextData.length < this.pageSize
+							this.$nextTick(() => {
+								this.mescroll.endSuccess(this.data.length, nextData.length >= this.pageSize)
+							})
+						}, (err) => {
+							this.mescroll.endErr(err)
+						})
+						rs.finally(() => {
+							this.loading = false
+						})
+					} else {
+						this.mescroll.endSuccess()
+					}
+				}
+			})
+			if (!isTry) {
+				this.mescroll.endSuccess()
+			}
+		},
+		mescrollInit (mescroll) {
+			this.mescroll = mescroll
+		},
+		// 下拉刷新的回调 (mixin默认resetUpScroll)
+		downCallback() {
+			this.reload()
+		},
+		// 上拉加载的回调
+		upCallback(page) {
+			this.loadData()
+		}
+	},
+	beforeDestroy () {
+		clearTimeout(this._timer)
+	}
+}
+</script>
+
+<style lang="less">
+.bi-scroll-loadmore{
+	height: 100%;
+	position: relative;
+	/deep/ .mescroll-uni{
+		height: 100%!important; 
+	}
+	/deep/ .mescroll-wxs-content{
+		min-height: 100%;
+		display: flex;
+		flex-direction: column; 
+	}
+	/deep/ .bi-scroll-loadmore__empty{
+		flex: 1;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+	}
+	/deep/ .bi-scroll-loadmore__loading{
+		position: absolute;
+		top: 50%;
+		left: 50%;
+		transform: translate(-50%, -50%);
+	}
+}
+</style>

package/uni-common/tree-popup-select/index.js

@@ -0,0 +1,3 @@
+import TreePopupSelect from './tree-popup-select.vue'
+
+export default TreePopupSelect

package/uni-common/tree-popup-select/tree-popup-select-panel.vue

@@ -0,0 +1,92 @@
+<template>
+	<view class="bi-tree-popup-select-panel">
+		<ui-tree
+			:current="value"
+			:item-height="32"
+			:data="treeData"
+			:label-key="labelKey"
+			:id-key="idKey"
+			:children-key="childrenKey"
+			@current="handleCurrentChange"
+		></ui-tree>
+	</view>
+</template>
+
+<script>
+import UiTree from '@aochuang/common/uni-components/tree'
+
+export default {
+	name: 'BiTreePopupSelectPanel',
+	components: {
+		UiTree
+	},
+	props: {
+		value: {
+			type: String
+		},
+		data: {
+			type: Array
+		},
+		loading: {
+			type: Boolean
+		},
+		queryMethod: {
+			type: Function
+		},
+        idKey: {
+            type: String,
+            default: 'id'
+        },
+        labelKey: {
+            type: String,
+            default: 'label'
+        },
+        childrenKey: {
+            type: String,
+            default: 'children'
+        }
+	},
+	data () {
+		return {
+			innerLoading: this.loading,
+			treeData: this.data || []
+		}
+	},
+	watch: {
+		loading () {
+			this.innerLoading = this.loading
+		},
+		data () {
+			this.treeData = this.data || []
+		}
+	},
+	created () {
+		if (this.queryMethod) {
+			this.reload()
+		}
+	},
+	methods: {
+		reload () {
+			this.innerLoading = true
+			return this.queryMethod().then(rs => {
+				this.treeData = rs || []
+			}).finally(() => {
+				this.innerLoading = false
+			})
+		},
+		handleCurrentChange ({ node }) {
+			this.$emit('change', {
+				value: node.data[this.idKey],
+				item: node.data
+			})
+		}
+	}
+}
+</script>
+
+<style lang="less">
+.bi-tree-popup-select-panel{
+	height: 100%;
+	overflow: auto;
+}
+</style>

package/uni-common/tree-popup-select/tree-popup-select.vue

@@ -0,0 +1,124 @@
+<template>
+	<bi-popup-select
+		ref="popupSelect"
+		class="bi-tree-popup-select"
+		:width="width"
+		:loading="loading"
+		:value="value"
+		:border="border"
+		:placeholder="placeholder"
+		:popup-title="popupTitle"
+		:popup-height="popupHeight"
+	>
+		<template slot="current">
+			{{ currentItem ? currentItem[labelKey] : value }}
+		</template>
+		<tree-popup-select-panel
+			ref="panel"
+			:data="data"
+			:id-key="idKey"
+			:label-key="labelKey"
+			:children-key="childrenKey"
+			:query-method="queryMethod"
+			:value="value"
+			@change="handleCurrentChange"
+		></tree-popup-select-panel>
+	</bi-popup-select>
+</template>
+
+<script>
+import BiPopupSelect from '../popup-select/popup-select.vue'
+import TreePopupSelectPanel from './tree-popup-select-panel.vue'
+import { findNode } from './util.js'
+
+export default {
+	name: 'BiTreePopupSelect',
+	components: {
+		BiPopupSelect,
+		TreePopupSelectPanel
+	},
+	props: {
+		value: {
+			type: [String, Number]
+		},
+		data: {
+			type: Array
+		},
+		loading: {
+			type: Boolean
+		},
+		width: {
+			type: String
+		},
+		border: {
+			type: Boolean
+		},
+        idKey: {
+            type: String,
+            default: 'id'
+        },
+        labelKey: {
+            type: String,
+            default: 'label'
+        },
+        childrenKey: {
+            type: String,
+            default: 'children'
+        },
+		placeholder: {
+			type: String
+		},
+		popupTitle: {
+			type: String
+		},
+		popupHeight: {
+			type: String,
+			default: '40vh'
+		},
+		queryMethod: {
+			type: Function
+		}
+	},
+	data () {
+		return {
+			cacheDataMap: {}
+		}
+	},
+	computed: {
+		currentItem () {
+			if (!this.value) {
+				return
+			}
+			if (this.cacheDataMap[this.value]) {
+				return this.cacheDataMap[this.value]
+			}
+			return findNode(this.data, this.value, this.idKey, this.childrenKey)
+		}
+	},
+	watch: {
+		data () {
+			this.cacheDataMap = {}
+		}
+	},
+	methods: {
+		reload () {
+			if (!this.$refs.panel) {
+				return
+			}
+			this.cacheDataMap = {}
+			return this.$refs.panel.reload()
+		},
+		handleCurrentChange ({ value, item }) {
+			if (value === this.value) {
+				return
+			}
+			this.$set(this.cacheDataMap, item[this.idKey], item)
+			this.$emit('input', value)
+			this.$refs.popupSelect.close()
+		}
+	}
+}
+</script>
+
+<style>
+</style>

package/uni-common/tree-popup-select/util.js

@@ -0,0 +1,19 @@
+export function findNode (data, value, valueField, childrenField) {
+	let result
+	const loop = (data) => {
+		if (!data || !data.length) {
+			return
+		}
+		return data.some((v) => {
+			if (v[valueField] === value) {
+				result = v
+				return true
+			}
+			if (loop(v[childrenField])) {
+				return true
+			}
+		})
+	}
+	loop(data)
+	return result
+}

package/uni-common/wechat-emoji/index.js

@@ -0,0 +1,13 @@
+import {
+  loadWechatEmojiOptionsData,
+  parseWechatEmoji
+} from './utils'
+
+import WechatEmoji from './wechat-emoji'
+
+export {
+  loadWechatEmojiOptionsData,
+  parseWechatEmoji
+}
+
+export default WechatEmoji