@aochuang/common 1.0.0 → 1.0.126

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aochuang/common",
-  "version": "1.0.0",
+  "version": "1.0.126",
   "description": "",
   "main": "index.js",
   "publishConfig": {
@@ -9,6 +9,20 @@
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },
+  "dependencies": {
+    "md5": "^2.3.0",
+    "merge-options": "^3.0.4",
+    "resize-observer-polyfill": "^1.5.1",
+    "x2js": "^3.4.4",
+    "vxe-table": "3.8.19",
+    "viewerjs": "^1.6.1",
+    "sortablejs": "^1.15.0",
+    "load-script": "^2.0.0"
+  },
+  "peerDependencies": {
+    "query-string": "^4.1.0",
+    "element-ui": "git+https://gitee.com/devi001/wk-element.git#v2.15.10"
+  },
   "author": "",
   "license": "ISC"
 }

package/uni-common/more-button/more-button.vue

@@ -0,0 +1,23 @@
+<template>
+	<view class="bi-more-button" @click="handleClick">
+		<bi-icon name="more-fill"></bi-icon>
+	</view>
+</template>
+
+<script>
+export default {
+	name: 'BiMoreFill',
+	methods: {
+		handleClick () {
+			this.$emit('click')
+		}
+	}
+}
+</script>
+
+<style lang="less">
+.bi-more-button {
+	display: inline-block;
+	vertical-align: top;
+}
+</style>

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

@@ -0,0 +1,217 @@
+<template>
+	<view class="bi-popup-select" :class="{'is-border' : border}">
+		<view class="bi-popup-select__handle" :style="{'width': width}" @click="handleHandleClick">
+			<template v-if="loading">
+				<view class="bi-popup-select__handle-loading">
+					<ui-loading class="bi-popup-select__handle-loading-icon" size="mini"></ui-loading> 
+					<view class="bi-popup-select__handle-loading-text">数据加载中...</view>
+				</view>
+			</template>
+			<template v-else>
+				<template v-if="isEmpty">
+					<view class="bi-popup-select__handle-placeholder">
+						{{ placeholder }}
+					</view>
+				</template>
+				<template v-else>
+					<view class="bi-popup-select__handle-current">
+						<slot name="current"></slot>
+					</view>
+				</template>
+			</template>
+			<view class="bi-popup-select__handle-arrow"></view>
+		</view>
+		<ui-popup
+			v-model="showPopup"
+			:title="popupTitle"
+		>
+			<view class="bi-popup-select__main" :style="{height: popupHeight}">
+				<view class="bi-popup-select__toolbar">
+					<view class="bi-popup-select__toolbar-item">
+						<view class="bi-popup-select__toolbar-cancel" @click="handleCancleClick">取消</view>
+					</view>
+					<view class="bi-popup-select__toolbar-item">
+						<view class="bi-popup-select__toolbar-confirm">确定</view>
+					</view>
+				</view>
+				<view class="bi-popup-select__wrap">
+					<slot></slot>
+				</view>
+			</view>
+		</ui-popup>
+	</view>
+</template>
+
+<script>
+import UiLoading from '@aochuang/common/uni-components/loading'
+import UiPopup from '@aochuang/common/uni-components/popup'
+
+export default {
+	name: 'BiPopupSelect',
+	components: {
+		UiPopup,
+		UiLoading
+	},
+	props: {
+		value: {
+			type: [String, Number]
+		},
+		width: {
+			type: String
+		},
+		border: {
+			type: Boolean
+		},
+		loading: {
+			type: Boolean
+		},
+		placeholder: {
+			type: String
+		},
+		popupTitle: {
+			type: String
+		},
+		popupHeight: {
+			type: String,
+			default: '40vh'
+		}
+	},
+	data () {
+		return {
+			showPopup: false
+		}
+	},
+	computed: {
+		isEmpty () {
+			return this.value === null || this.value === '' || this.value === undefined
+		}
+	},
+	methods: {
+		handleHandleClick () {
+			if (this.loading) {
+				return
+			}
+			this.showPopup = true
+		},
+		handleCancleClick () {
+			this.showPopup = false
+		},
+		close () {
+			this.showPopup = false
+		}
+	}
+}
+</script>
+
+<style lang="less">
+.bi-popup-select{
+	&.is-border {
+		.bi-popup-select__handle{
+			border: 1px solid #eee;
+			border-radius: 3px;
+			padding: 0 24px 0 12px;
+		}
+	}
+}
+.bi-popup-select__handle-loading{
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	color: #999;
+}
+.bi-popup-select__handle-loading-icon {
+	margin-right: 5px;
+}
+.bi-popup-select__handle{
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	height: 30px;
+	line-height: 30px;
+	padding: 1px 24px 1px 1px;
+	position: relative;
+	box-sizing: border-box;
+}
+.bi-popup-select__handle-arrow{
+	width: 18px;
+	height: 18px;
+	position: relative;
+	margin-left: 4px;
+	position: absolute;
+	right: 4px;
+	top: 50%;
+	transform: translateY(-50%);
+	&:after {
+		position: absolute;
+		top: 4px;
+		left: 6px;
+		content: '';
+		width: 5px;
+		height: 5px;
+		border: 1px solid #555;
+		display: inline-block;
+		transform: rotate(45deg);
+		border-left: 0;
+		border-top: 0;
+	}
+}
+.bi-popup-select__handle-clear{
+	width: 18px;
+	height: 18px;
+	background-color: #eee;
+	position: relative;
+	border-radius: 50%;
+	position: absolute;
+	right: 6px;
+	top: 50%;
+	margin-top: -2px;
+	transform: rotate(45deg) translateY(-50%);
+	&:after, &:before {
+		content: '';
+		position: absolute;
+		left: 50%;
+		top: 50%;
+		transform: translate(-50%, -50%);
+		background-color: #444;
+	}
+	&:after {
+		width: 10px;
+		height: 1px;
+	}
+	&:before {
+		width: 1px;
+		height: 10px;
+	}
+}
+.bi-popup-select__handle-placeholder{
+	color: #999;
+}
+.bi-popup-select__toolbar {
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	justify-content: space-between;
+	padding: 12px 0;
+	border-bottom: 1px solid #f3f3f3;
+}
+.bi-popup-select__toolbar-confirm {
+	font-size: 15px;
+	cursor: pointer;
+	color: #3c9cff;
+	padding: 0 12px;
+}
+.bi-popup-select__toolbar-cancel {
+	font-size: 15px;
+	cursor: pointer;
+	color: #909193;
+	padding: 0 12px;
+}
+.bi-popup-select__main{
+	display: flex;
+	flex-direction: column;
+}
+.bi-popup-select__wrap{
+	flex: 1;
+	min-height: 0;
+}
+</style>

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>