@aochuang/client-sdk 1.0.278

package/uni-components/contacts-group-select/contacts-group-select-panel.vue

@@ -0,0 +1,119 @@
+<template>
+	<view class="bi-contacts-group-select-panel">
+		<view class="bi-contacts-group-select-panel__head">
+			<view class="bi-contacts-group-select-panel__head-left">
+				<uv-button size="small" @click="handleCancelClick">取消</uv-button>
+			</view>
+			<view class="bi-contacts-group-select-panel__head-center"></view>
+			<view class="bi-contacts-group-select-panel__head-right">
+				<uv-button size="small" type="primary" @click="handleConfirmClick">确定</uv-button>
+			</view>
+		</view>
+		<view class="bi-contacts-group-select-panel__body">
+			<view class="bi-contacts-group-select-panel__group" v-if="friendGroupData && friendGroupData.length">
+				<view class="bi-contacts-group-select-panel__group-head">
+					<view class="bi-contacts-group-select-panel__group-title">好友分组</view>
+				</view>
+				<view class="bi-contacts-group-select-panel__group-body">
+					<contacts-group-select-item 
+						class="bi-contacts-group-select-panel__group-item" 
+						@click="handleFriendGroupClick(group)"
+						v-for="group in friendGroupData"
+						type="friend"
+						:key="group.id"
+						:data="group"
+						:selected="group.id === inputValue"
+					>
+					</contacts-group-select-item>
+				</view>
+			</view>
+			<view class="bi-contacts-group-select-panel__group" v-if="roomGroupData && roomGroupData.length">
+				<view class="bi-contacts-group-select-panel__group-head">
+					<view class="bi-contacts-group-select-panel__group-title">群聊分组</view>
+				</view>
+				<view class="bi-contacts-group-select-panel__group-body">
+					<contacts-group-select-item 
+						class="bi-contacts-group-select-panel__group-item" 
+						@click="handleRoomGroupClick(group)"
+						v-for="group in roomGroupData"
+						type="room"
+						:key="group.id"
+						:data="group"
+						:selected="group.id === inputValue"
+					>
+					</contacts-group-select-item>
+				</view>
+			</view>
+			<view class="bi-contacts-group-select-panel__safe"></view>
+		</view>
+	</view>
+</template>
+
+<script>
+import ContactsGroupSelectItem from './contacts-group-select-item.vue'
+
+export default {
+	name: 'BiContactsGroupSelectPanel',
+	components: {
+		ContactsGroupSelectItem
+	},
+	props: {
+		value: {
+			type: String
+		},
+		friendGroupData: {
+			type: Array
+		},
+		roomGroupData: {
+			type: Array
+		}
+	},
+	data () {
+		return {
+			inputValue: this.value
+		}
+	},
+	methods: {
+		handleCancelClick () {
+			this.$emit('cancel')
+		},
+		handleConfirmClick () {
+			this.$emit('confirm', this.inputValue)
+		},
+		handleFriendGroupClick (item) {
+			this.inputValue = item.id
+		},
+		handleRoomGroupClick (item) {
+			this.inputValue = item.id
+		}
+	}
+}
+</script>
+
+<style lang="less">
+.bi-contacts-group-select-panel__head{
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	justify-content: space-between;
+	padding: 8px 12px;
+	border-bottom: 1px solid #eee;
+}
+.bi-contacts-group-select-panel__body{
+	max-height: 70vh;
+	overflow: auto;
+	padding: 6px 0;
+}
+.bi-contacts-group-select-panel__group-head {
+	height: 32px;
+	line-height: 32px;
+	padding: 0 12px;
+}
+.bi-contacts-group-select-panel__group-title {
+	color: #999;
+}
+.bi-contacts-group-select-panel__safe{
+	padding-bottom: calc(constant(safe-area-inset-bottom)); /* window-bottom + 适配 iPhoneX */
+	padding-bottom: calc(env(safe-area-inset-bottom));
+}
+</style>

package/uni-components/contacts-group-select/contacts-group-select.vue

@@ -0,0 +1,150 @@
+<template>
+	<view class="bi-account-select">
+		<view class="bi-account-select__handle" @click="handleHandleClick">
+			<template v-if="loading">
+				<uv-loading-icon class="bi-account-select__loading" size="18" text="数据加载中..."></uv-loading-icon>
+			</template>
+			<template v-else>
+				<template v-if="value">
+					<view class="bi-account-select__value">
+						{{ currentGroup ? currentGroup.groupName : value }}
+					</view>
+				</template>
+				<template v-else>
+					<view class="bi-account-select__placeholder">
+						请选择分组
+					</view>
+				</template>
+			</template>
+		</view>
+		<uv-popup
+			ref="popup"
+			mode="bottom"
+			@change="handlePopupChange"
+		>
+			<contacts-group-select-panel
+				:value="value"
+				:friend-group-data="friendGroupData"
+				:room-group-data="roomGroupData"
+				@cancel="handleCancelClick"
+				@confirm="handleConfirmClick"
+			></contacts-group-select-panel>
+		</uv-popup>
+	</view>
+</template>
+
+<script>
+import ContactsGroupSelectPanel from './contacts-group-select-panel.vue'
+
+export default {
+	name: 'BiContactsGroupSelect',
+	components: {
+		ContactsGroupSelectPanel
+	},
+	props: {
+		value: {
+			type: String
+		},
+		type: {
+			type: String,
+			validator (value) {
+				return ['room', 'friend'].includes(value)
+			}
+		}
+	},
+	data () {
+		return {
+			loading: false,
+			friendGroupData: [],
+			roomGroupData: []
+		}
+	},
+	computed: {
+		currentGroup () {
+			if (!this.value) {
+				return
+			}
+			let group = this.friendGroupData.find(v => v.id === this.value)
+			if (!group) {
+				group = this.roomGroupData.find(v => v.id === this.value)
+			}
+			return group
+		}
+	},
+	created () {
+		this.loadData()
+	},
+	methods: {
+		loadData () {
+			this.loading = true
+			if (this.type === 'friend') {
+				return Promise.all([
+					this.$clientChat.contacts.loadFriendGroupData()
+				]).then(rs => {
+					this.friendGroupData = rs[0].data
+				}).finally(() => {
+					this.loading = false
+				})
+			} else if (this.type === 'room') {
+				return Promise.all([
+					this.$clientChat.contacts.loadRoomGroupData()
+				]).then(rs => {
+					this.roomGroupData = rs[0].data
+				}).finally(() => {
+					this.loading = false
+				})
+			}
+		},
+		handleCancelClick () {
+			this.$refs.popup.close()
+		},
+		handleConfirmClick (value) {
+			this.$emit('input', value)
+			this.$refs.popup.close()
+		},
+		handlePopupChange ({ show }) {
+			this.showPopup = show
+			if (show) {
+				uni.hideTabBar()
+			} else {
+				uni.showTabBar()
+			}
+		},
+		handleHandleClick () {
+			this.$refs.popup.open()
+		}
+	}
+}
+</script>
+
+<style lang="less">
+.bi-account-select__handle {
+	position: relative;
+	padding-right: 18px;
+	padding-top: 1px;
+	padding-bottom: 1px;
+	height: 32px;
+	line-height: 32px;
+	display: inline-block;
+	&:after {
+		content: '';
+		width: 6px;
+		height: 6px;
+		border: 1px solid #ccc;
+		border-left: 0;
+		border-top: 0;
+		transform: rotate(45deg) translateY(-50%);
+		position: absolute;
+		right: 6px;
+		top: 50%;
+		margin-top: -3px;
+	}
+}
+.bi-account-select__loading{
+	vertical-align: top;
+	margin-top: 7px;
+}
+.bi-account-select__placeholder{
+	color: #999;
+}
+</style>

package/utils/color.js

@@ -0,0 +1,178 @@
+/**
+ * BKDR Hash (modified version)
+ *
+ * @param {String} str string to hash
+ * @returns {Number}
+ */
+/* eslint-disable */
+var BKDRHash = function(str) {
+  var seed = 131;
+  var seed2 = 137;
+  var hash = 0;
+  // make hash more sensitive for short string like 'a', 'b', 'c'
+  str += 'x';
+  // Note: Number.MAX_SAFE_INTEGER equals 9007199254740991
+  var MAX_SAFE_INTEGER = parseInt(9007199254740991 / seed2);
+  for(var i = 0; i < str.length; i++) {
+      if(hash > MAX_SAFE_INTEGER) {
+          hash = parseInt(hash / seed2);
+      }
+      hash = hash * seed + str.charCodeAt(i);
+  }
+  return hash;
+};
+
+/**
+ * Convert RGB Array to HEX
+ *
+ * @param {Array} RGBArray - [R, G, B]
+ * @returns {String} 6 digits hex starting with #
+ */
+var RGB2HEX = function(RGBArray) {
+  var hex = '#';
+  RGBArray.forEach(function(value) {
+      if (value < 16) {
+          hex += 0;
+      }
+      hex += value.toString(16);
+  });
+  return hex;
+};
+
+/**
+* Convert HSL to RGB
+*
+* @see {@link http://zh.wikipedia.org/wiki/HSL和HSV色彩空间} for further information.
+* @param {Number} H Hue ∈ [0, 360)
+* @param {Number} S Saturation ∈ [0, 1]
+* @param {Number} L Lightness ∈ [0, 1]
+* @returns {Array} R, G, B ∈ [0, 255]
+*/
+var HSL2RGB = function(H, S, L) {
+  H /= 360;
+
+  var q = L < 0.5 ? L * (1 + S) : L + S - L * S;
+  var p = 2 * L - q;
+
+  return [H + 1/3, H, H - 1/3].map(function(color) {
+      if(color < 0) {
+          color++;
+      }
+      if(color > 1) {
+          color--;
+      }
+      if(color < 1/6) {
+          color = p + (q - p) * 6 * color;
+      } else if(color < 0.5) {
+          color = q;
+      } else if(color < 2/3) {
+          color = p + (q - p) * 6 * (2/3 - color);
+      } else {
+          color = p;
+      }
+      return Math.round(color * 255);
+  });
+};
+
+function isArray(o) {
+  return Object.prototype.toString.call(o) === '[object Array]';
+}
+
+/**
+* Color Hash Class
+*
+* @class
+*/
+var ColorHash = function(options) {
+  options = options || {};
+
+  var LS = [options.lightness, options.saturation].map(function(param) {
+      param = param || [0.35, 0.5, 0.65]; // note that 3 is a prime
+      return isArray(param) ? param.concat() : [param];
+  });
+
+  this.L = LS[0];
+  this.S = LS[1];
+
+  if (typeof options.hue === 'number') {
+      options.hue = {min: options.hue, max: options.hue};
+  }
+  if (typeof options.hue === 'object' && !isArray(options.hue)) {
+      options.hue = [options.hue];
+  }
+  if (typeof options.hue === 'undefined') {
+      options.hue = [];
+  }
+  this.hueRanges = options.hue.map(function (range) {
+      return {
+          min: typeof range.min === 'undefined' ? 0 : range.min,
+          max: typeof range.max === 'undefined' ? 360: range.max
+      };
+  });
+
+  this.hash = options.hash || BKDRHash;
+};
+
+/**
+* Returns the hash in [h, s, l].
+* Note that H ∈ [0, 360); S ∈ [0, 1]; L ∈ [0, 1];
+*
+* @param {String} str string to hash
+* @returns {Array} [h, s, l]
+*/
+ColorHash.prototype.hsl = function(str) {
+  var H, S, L;
+  var hash = this.hash(str);
+
+  if (this.hueRanges.length) {
+      var range = this.hueRanges[hash % this.hueRanges.length];
+      var hueResolution = 727; // note that 727 is a prime
+      H = ((hash / this.hueRanges.length) % hueResolution) * (range.max - range.min) / hueResolution + range.min;
+  } else {
+      H = hash % 359; // note that 359 is a prime
+  }
+  hash = parseInt(hash / 360);
+  S = this.S[hash % this.S.length];
+  hash = parseInt(hash / this.S.length);
+  L = this.L[hash % this.L.length];
+
+  return [H, S, L];
+};
+
+/**
+* Returns the hash in [r, g, b].
+* Note that R, G, B ∈ [0, 255]
+*
+* @param {String} str string to hash
+* @returns {Array} [r, g, b]
+*/
+ColorHash.prototype.rgb = function(str) {
+  var hsl = this.hsl(str);
+  return HSL2RGB.apply(this, hsl);
+};
+
+/**
+* Returns the hash in hex
+*
+* @param {String} str string to hash
+* @returns {String} hex with #
+*/
+ColorHash.prototype.hex = function(str) {
+  var rgb = this.rgb(str);
+  return RGB2HEX(rgb);
+};
+
+const instance = new ColorHash({lightness: 0.5})
+
+const getStringColor = (string) => {
+  const rs = instance.hex(string)
+  return rs
+}
+
+export {
+  getStringColor
+}
+
+export default ColorHash
+
+/* eslint-enable */

package/utils/data.js

@@ -0,0 +1,11 @@
+export function toJson (str) {
+	let data = str
+	try {
+		if (typeof str === 'string' && /(^\{.*\}$)|(^\[.*\]$)/.test(str)) {
+			data = JSON.parse(str)
+		}
+	} catch (err) {
+		console.warn(err)
+	}
+	return data
+}

package/utils/date.js

@@ -0,0 +1,107 @@
+/**
+ * 格式化日期
+*/
+export function formatDate (date, fmt = 'YYYY-mm-dd HH:MM:SS') {
+	if (!date) {
+		return
+	}
+	if (typeof date === 'string' || typeof date === 'number') {
+		if (!isNaN(date)) {
+			date = parseInt(date)
+		}
+		date = new Date(date)
+	}
+	if (isNaN(date.getTime())) {
+		return
+	}
+	let ret
+	const opt = {
+		'Y+': date.getFullYear().toString(),
+		'm+': (date.getMonth() + 1).toString(),
+		'd+': date.getDate().toString(),
+		'H+': date.getHours().toString(),
+		'M+': date.getMinutes().toString(),
+		'S+': date.getSeconds().toString()
+	}
+	for (const k in opt) {
+		ret = new RegExp('(' + k + ')').exec(fmt)
+		if (ret) {
+			fmt = fmt.replace(ret[1], (ret[1].length === 1) ? (opt[k]) : (opt[k].padStart(ret[1].length, '0')))
+		}
+	}
+	return fmt
+}
+
+/**
+ * 将时间戳或者日期字符串转为日期对象
+*/
+export function parseDate (date) {
+  if (!date) {
+    return
+  }
+  if (date.getTime) {
+    return date
+  }
+  if (typeof date === 'number') {
+    return new Date(date)
+  }
+  if (typeof date === 'string') {
+    const ds = date.split(/\D+/)
+    if (ds.length > 2) {
+      return new Date(ds[0], ds[1] && (ds[1] - 1), ds[2], ds[3] || 0, ds[4] || 0, ds[5] || 0)
+    }
+  }
+}
+
+export function formatFriendlyTime (datetime) {
+	if(!datetime) {
+		return ''
+	}
+	const addZero = (num) => {
+		return num < 10 ? '0' + num : num
+	}
+	let wechatTimeStamp = datetime
+	let todayStartTime = new Date().setHours(0, 0, 0, 0)
+	let yesterdayStartTime = todayStartTime - 24 * 60 * 60 * 1000
+	let messageTime = new Date(wechatTimeStamp).setHours(0, 0, 0, 0)
+	let time = new Date(wechatTimeStamp)
+	if(messageTime > yesterdayStartTime) {
+		return addZero(time.getHours()) + ':' + addZero(time.getMinutes())
+	} else if(messageTime <= todayStartTime && messageTime >= yesterdayStartTime) {
+		return '昨天'
+	} else {
+		let dataTime = (time.getMonth()+1) + '-' + time.getDate()
+		if(time.getFullYear() === 1970){
+			return ""
+		}
+		return dataTime === "NaN-NaN"? "" : dataTime
+	}
+}
+
+function parseIntZerofill (number) {
+  number = parseInt(number)
+  return number < 10 ? '0' + number : number
+}
+
+/**
+ * 格式化时间戳到时分秒
+*/
+export function timeToHHmmss (time) {
+  var diffTime = time
+  if (diffTime) {
+    diffTime = diffTime / 1000
+    if (diffTime >= 60 && diffTime < 60 * 60) {
+      diffTime = '00' + ':' + parseIntZerofill(diffTime / 60.0) + ':' + parseIntZerofill((parseFloat(diffTime / 60.0) - parseIntZerofill(diffTime / 60.0)) * 60)
+    } else if (diffTime >= 60 * 60) {
+      diffTime = parseIntZerofill(diffTime / 3600.0) + ':' + parseIntZerofill((parseFloat(diffTime / 3600.0) -
+        parseIntZerofill(diffTime / 3600.0)) * 60) + ':' +
+        parseIntZerofill((parseFloat((parseFloat(diffTime / 3600.0) - parseIntZerofill(diffTime / 3600.0)) * 60) -
+        parseIntZerofill((parseFloat(diffTime / 3600.0) - parseIntZerofill(diffTime / 3600.0)) * 60)) * 60)
+    } else if (diffTime < 60) {
+      return '00:00:' + parseIntZerofill(Math.ceil(diffTime))
+    }
+  } else {
+    diffTime = '00:00:00'
+  }
+  return diffTime
+}

package/utils/event.js

@@ -0,0 +1,3 @@
+import Event from '@aochuang/common/utils/event'
+
+export default Event

package/utils/file.js

@@ -0,0 +1,26 @@
+/**
+ * 格式化文件尺寸为友好字符串
+*/
+export function formatFileSize (fileSize) {
+    let fileSizeBack = ''
+    if (fileSize < 1024) {
+      fileSizeBack = fileSize + 'B'
+      return fileSizeBack
+    } else if (fileSize < (1024 * 1024)) {
+      let temp = fileSize / 1024
+      temp = temp.toFixed(0)
+      fileSizeBack = temp + 'K'
+      return fileSizeBack
+    } else if (fileSize < (1024 * 1024 * 1024)) {
+      let temp = fileSize / (1024 * 1024)
+      temp = temp.toFixed(0)
+      fileSizeBack = temp + 'M'
+      return fileSizeBack
+    } else {
+      let temp = fileSize / (1024 * 1024 * 1024)
+      temp = temp.toFixed(0)
+      fileSizeBack = temp + 'G'
+      return fileSizeBack
+    }
+  }
+  

package/utils/index.js

@@ -0,0 +1,5 @@
+import { createSessionId } from './string.js'
+
+export default {
+    createSessionId
+}

package/utils/json.js

@@ -0,0 +1,40 @@
+import X2JS from 'x2js'
+
+const x2js = new X2JS({
+  attributePrefix: ''
+})
+
+export function stringify (data, ag1, ag2) {
+  if (data && typeof data === 'object') {
+    data = JSON.stringify(data, ag1, ag2)
+  }
+  return data
+}
+
+export function parse (data) {
+  try {
+    if (typeof data === 'string') {
+      data = JSON.parse(data)
+    }
+  } catch (e) {}
+  return data
+}
+
+export function clone (data) {
+  return JSON.parse(JSON.stringify(data))
+}
+
+export function parseXml (xml) {
+  let result = null
+  try {
+    result = x2js.xml2js(xml)
+    if (typeof result === 'string') {
+      result = JSON.parse(result)
+    } else if (result && result.html && result.html.body && result.html.body.parsererror) {
+      result = null
+    }
+  } catch (e) {
+    console.log(e)
+  }
+  return result
+}