@aochuang/common 1.0.1 → 1.0.126

package/uni-components/tree/utils.js

@@ -0,0 +1,33 @@
+export function getClosestNodes (node, nodesMap) {
+    const rs = []
+    if (!node || !nodesMap) {
+        return rs
+    }
+    const loop = (node) => {
+        if (!node) {
+            return
+        }
+        rs.push(node)
+        loop(node.parent)
+    }
+    loop(node)
+    return rs
+}
+
+export function newNode (data, idKey) {
+    data = data || {}
+    if (data[idKey] === null || data[idKey] === undefined || data[idKey] === '') {
+        throw new Error('节点唯一标识必须')
+    }
+    const node = {
+        id: data[idKey],
+        level: 1,
+        height: 0,
+        expanded: false,
+        removed: false,
+        parent: null,
+		loaded: false,
+        data
+    }
+    return node
+}

package/uni-components/video/index.js

@@ -0,0 +1,3 @@
+import Video from './video.vue'
+
+export default Video

package/uni-components/video/video.vue

@@ -0,0 +1,29 @@
+<template>
+	<video class="ui-video" mode="widthFix" :src="innerSrc" @click="handleClick"></video>
+</template>
+
+<script>
+import { formatOssPath } from '../../utils/oss'
+
+export default {
+	name: 'UiVideo',
+	props: {
+		src: {
+			type: String
+		}
+	},
+	computed: {
+		innerSrc () {
+			return formatOssPath(this.src)
+		}
+	},
+	methods: {
+		handleClick (evt) {
+			this.$emit('click', evt)
+		}
+	}
+}
+</script>
+
+<style>
+</style>

package/uni-components/voice/index.js

@@ -0,0 +1,3 @@
+import Voice from './voice.vue'
+
+export default Voice

package/uni-components/voice/voice.vue

@@ -0,0 +1,24 @@
+<template>
+	<audio class="ui-voice" :src="innerSrc" controls></audio>
+</template>
+
+<script>
+import { formatOssPath } from '../../utils/oss'
+
+export default {
+	name: 'UiVoice',
+	props: {
+		src: {
+			type: String
+		}
+	},
+	computed: {
+		innerSrc () {
+			return formatOssPath(this.src)
+		}
+	}
+}
+</script>
+
+<style>
+</style>

package/uni-components/waterfall/index.js

@@ -0,0 +1,3 @@
+import Waterfall from './waterfall.vue'
+
+export default Waterfall

package/uni-components/waterfall/util.js

@@ -0,0 +1,72 @@
+/**
+ * 验证十进制数字
+ */
+function number(value) {
+    return /^[\+-]?(\d+\.?\d*|\.\d+|\d\.\d+e\+\d+)$/.test(value)
+}
+
+/**
+ * @description 用于获取用户传递值的px值  如果用户传递了"xxpx"或者"xxrpx"，取出其数值部分，如果是"xxxrpx"还需要用过uni.upx2px进行转换
+ * @param {number|string} value 用户传递值的px值
+ * @param {boolean} unit
+ * @returns {number|string}
+ */
+function getPx(value, unit = false) {
+	if (number(value)) {
+		return unit ? `${value}px` : Number(value)
+	}
+	// 如果带有rpx，先取出其数值部分，再转为px值
+	if (/(rpx|upx)$/.test(value)) {
+		return unit ? `${uni.upx2px(parseInt(value))}px` : Number(uni.upx2px(parseInt(value)))
+	}
+	return unit ? `${parseInt(value)}px` : parseInt(value)
+}
+
+/**
+ * @description 获取系统信息同步接口
+ * @link 获取系统信息同步接口 https://uniapp.dcloud.io/api/system/info?id=getsysteminfosync
+ */
+function sys() {
+	return uni.getSystemInfoSync()
+}
+
+
+/**
+ * @param {Number} len uuid的长度
+ * @param {Boolean} firstU 将返回的首字母置为"u"
+ * @param {Nubmer} radix 生成uuid的基数(意味着返回的字符串都是这个基数),2-二进制,8-八进制,10-十进制,16-十六进制
+ */
+function guid(len = 32, firstU = true, radix = null) {
+	const chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split('')
+	const uuid = []
+	radix = radix || chars.length
+
+	if (len) {
+		// 如果指定uuid长度,只是取随机的字符,0|x为位运算,能去掉x的小数位,返回整数位
+		for (let i = 0; i < len; i++) uuid[i] = chars[0 | Math.random() * radix]
+	} else {
+		let r
+		// rfc4122标准要求返回的uuid中,某些位为固定的字符
+		uuid[8] = uuid[13] = uuid[18] = uuid[23] = '-'
+		uuid[14] = '4'
+
+		for (let i = 0; i < 36; i++) {
+			if (!uuid[i]) {
+				r = 0 | Math.random() * 16
+				uuid[i] = chars[(i == 19) ? (r & 0x3) | 0x8 : r]
+			}
+		}
+	}
+	// 移除第一个字符,并用u替代,因为第一个字符为数值时,该guuid不能用作id或者class
+	if (firstU) {
+		uuid.shift()
+		return `u${uuid.join('')}`
+	}
+	return uuid.join('')
+}
+
+export {
+	getPx,
+	sys,
+	guid
+}

package/uni-components/waterfall/waterfall.vue

@@ -0,0 +1,147 @@
+<template>
+	<view class="ui-waterfall" :class="[{'is-single-column': column === 1}]">
+		<template v-if="column === 1">
+			<view 
+				v-for="(item, index) in list"
+				:key="item.id"
+				class="ui-waterfall__item"
+			>
+				<slot name="item" :data="item" :scope="scope"></slot>
+			</view>
+		</template>
+		<template v-else>
+			<!-- #ifndef APP-NVUE -->
+			<uv-waterfall 
+				ref="waterfall"
+				v-model="list"
+				:key="key"
+				:add-time="10"
+				:left-gap="leftGap"
+				:right-gap="rightGap"
+				:column-gap="columnGap"
+				@changeList="handleChangeList"
+			>
+				<template v-slot:list1>
+					<!-- 为了磨平部分平台的BUG，必须套一层view -->
+					<view>
+						<view 
+							v-for="(item, index) in list1"
+							:key="item.id"
+							class="ui-waterfall__item item1"
+						>
+							<slot name="item" :data="item" :scope="scope"></slot>
+						</view>
+					</view>
+				</template>
+				<template v-slot:list2>
+					<!-- 为了磨平部分平台的BUG，必须套一层view -->
+					<view>
+						<view 
+							v-for="(item, index) in list2"
+							:key="item.id"
+							class="ui-waterfall__item item2"
+						>
+							<slot name="item" :data="item" :scope="scope"></slot>
+						</view>
+					</view>
+				</template>
+			</uv-waterfall>
+			<!-- #endif -->
+			<!-- #ifdef APP-NVUE -->
+			<uv-waterfall 
+				:key="key"
+				column-count="2"
+				left-gap="10"
+				right-gap="10"
+				column-gap="8"
+				:height="waterfallHeight"
+				@scrolltolower="handleWaterfallInit"
+			>
+				<view 
+					v-for="(item, index) in list"
+					:key="item.id"
+					class="ui-waterfall__item"
+				>
+					<slot name="item" :data="item" :scope="scope"></slot>
+				</view>
+			</uv-waterfall>
+			<!-- #endif -->
+		</template>
+	</view>
+</template>
+<script>
+import { guid, sys, getPx } from './util.js'
+	
+export default {
+	name: 'UiWaterfall',
+	model: {
+		prop: 'data'
+	},
+	props: {
+		data: {
+			type: Array
+		},
+		column: {
+			type: Number,
+			default: 2,
+			validator (value) {
+				return [1, 2].includes(value)
+			}
+		},
+		scope: {
+			type: Object
+		}
+	},
+	data () {
+		return {
+			key: guid(),
+			list: [], // 瀑布流全部数据
+			list1: [], // 瀑布流第一列数据
+			list2: [], // 瀑布流第二列数据
+			leftGap: 12,
+			rightGap: 12,
+			columnGap: 12
+		}
+	},
+	computed: {
+		waterfallHeight() {
+			return sys().windowHeight - getPx('120rpx');
+		}
+	},
+	watch: {
+		data () {
+			this.key = guid()
+			this.list1 = []
+			this.list2 = []
+			this.list = this.data
+		}
+	},
+	created () {
+		this.list = this.data
+	},
+	methods: {
+		// 这点非常重要：e.name在这里返回是list1或list2，要手动将数据追加到相应列
+		handleChangeList (e) {
+			this[e.name].push(e.value);
+		},
+		handleWaterfallInit () {
+			
+		}
+	}
+}
+</script>
+<style lang="less">
+.ui-waterfall.is-single-column{
+	.ui-waterfall__item{
+		margin: 12px;
+	}
+}
+.ui-waterfall:not(.is-single-column){
+	.ui-waterfall__item{
+		margin-bottom: 12px;
+	}
+	/deep/ .uv-waterfall__column{
+		min-width: 0;
+	}
+}
+</style>

package/utils/data.js

@@ -0,0 +1,128 @@
+/**
+ * 将平面数据转为树行结构数据
+ * @param { Array } data - 数据源
+ * @param { String } idField - 唯一标识字符
+ * @param { String } parentIdField - 父级标识字符
+ * @param { String } nodesField - 生成的子级集合属性字符
+ */
+export function arrayToTree (data, idField = 'id', parentIdField = 'parent', nodesField = 'children') {
+  const nodes = []
+  const idHash = {}
+  for (let i = 0, l = data.length; i < l; i++) {
+    const o = data[i]
+    if (!o) {
+      continue
+    }
+    const id = o[idField]
+    if (id !== null && id !== undefined) {
+      idHash[id] = o
+    }
+    delete o[nodesField]
+  }
+
+  for (var i = 0, l = data.length; i < l; i++) {
+    const o = data[i]
+    var p = idHash[o[parentIdField]]
+    if (!p) {
+      nodes.push(o)
+      continue
+    }
+    if (!p[nodesField]) {
+      p[nodesField] = []
+    }
+    p[nodesField].push(o)
+  }
+  return nodes
+}
+
+export function findNode (data, fn) {
+  let result = null
+  const loop = (data) => {
+    if (!data) {
+      return
+    }
+    return data.some(v => {
+      if (fn(v)) {
+        result = v
+        return true
+      }
+      return loop(v.children)
+    })
+  }
+  loop(data)
+  return result
+}
+
+export function getClosestNodes (treeData, nodeId, idField = 'id', childrenField = 'children') {
+  const nodes = []
+  if (!nodeId || !treeData) {
+    return nodes
+  }
+  const loop = (data) => {
+    let rs
+    if (!data || !data.length) {
+      return rs
+    }
+    data.some(node => {
+      if (node[idField] === nodeId) {
+        rs = node
+        return true
+      }
+      if (loop(node[childrenField])) {
+        rs = node
+        return true
+      }
+    })
+    if (rs) {
+      nodes.push(rs)
+    }
+    return rs
+  }
+  loop(treeData)
+  return nodes
+}
+
+/**
+ * 将层级数据转为平行结构数据
+ * @param { Array } data - 数据源
+ * @param { String } nodesField - 生成的子级集合属性字符
+ */
+export function treeToArray (data, nodesField = 'children', iterator) {
+  const nodes = []
+  const loop = (data, parent) => {
+    if (!Array.isArray(data)) {
+      return
+    }
+    data.forEach(v => {
+      nodes.push(v)
+      if (v[nodesField]) {
+        loop(v[nodesField], v)
+      }
+      iterator && iterator(v, parent)
+    })
+  }
+  loop(data, null)
+  return nodes
+}
+
+export function loopTreeData (treeData, iteration, childrenField = 'children') {
+  const loop = (data, level) => {
+    if (!data || !data.length) {
+      return
+    }
+    return data.map(v => {
+      const nextItem = iteration({
+        item: v,
+        level
+      })
+      const children = loop(nextItem[childrenField], level + 1)
+      if (!children || !children.length) {
+        delete nextItem[childrenField]
+      } else {
+        nextItem[childrenField] = children
+      }
+      return nextItem
+    })
+  }
+  return loop(treeData, 0) || []
+}