@aochuang/common 1.0.1 → 1.0.126

package/uni-common/wechat-emoji/order.json

@@ -0,0 +1,438 @@
+[
+    {
+        "name": "weixiao",
+        "text": "微笑"
+    },
+    {
+        "name": "piezui",
+        "text": "撇嘴"
+    },
+    {
+        "name": "se",
+        "text": "色"
+    },
+    {
+        "name": "fadai",
+        "text": "发呆"
+    },
+    {
+        "name": "deyi",
+        "text": "得意"
+    },
+    {
+        "name": "liulei",
+        "text": "流泪"
+    },
+    {
+        "name": "haixiu",
+        "text": "害羞"
+    },
+    {
+        "name": "bizui",
+        "text": "闭嘴"
+    },
+    {
+        "name": "shui",
+        "text": "睡"
+    },
+    {
+        "name": "daku",
+        "text": "大哭"
+    },
+    {
+        "name": "ganga",
+        "text": "尴尬"
+    },
+    {
+        "name": "fanu",
+        "text": "发怒" 
+    },
+    {
+        "name": "tiaopi",
+        "text": "调皮"
+    },
+    {
+        "name": "ciya",
+        "text": "呲牙"
+    },
+    {
+        "name": "jingya",
+        "text": "惊讶"
+    },
+    {
+        "name": "nanguo",
+        "text": "难过"
+    },
+    {
+        "name": "jiong",
+        "text": "囧"
+    },
+    {
+        "name": "zhuakuang",
+        "text": "抓狂"
+    },
+    {
+        "name": "tu",
+        "text": "吐"
+    },
+    {
+        "name": "touxiao",
+        "text": "偷笑"
+    },
+    {
+        "name": "yukuai",
+        "text": "愉快"
+    },
+    {
+        "name": "baiyan",
+        "text": "白眼"
+    },
+    {
+        "name": "aoman",
+        "text": "傲慢"
+    },
+    {
+        "name": "kun",
+        "text": "困"
+    },
+    {
+        "name": "jingkong",
+        "text": "惊恐"
+    },
+    {
+        "name": "hanxiao",
+        "text": "憨笑"
+    },
+    {
+        "name": "youxian",
+        "text": "悠闲"
+    },
+    {
+        "name": "zhouma",
+        "text": "咒骂"
+    },
+    {
+        "name": "yiwen",
+        "text": "疑问"
+    },
+    {
+        "name": "xu",
+        "text": "嘘"
+    },
+    {
+        "name": "yun",
+        "text": "晕"
+    },
+    {
+        "name": "shuai",
+        "text": "衰"
+    },
+    {
+        "name": "kulou",
+        "text": "骷髅"
+    },
+    {
+        "name": "qiaoda",
+        "text": "敲打"
+    },
+    {
+        "name": "zaijian",
+        "text": "再见"
+    },
+    {
+        "name": "cahan",
+        "text": "擦汗"
+    },
+    {
+        "name": "koubi",
+        "text": "抠鼻"
+    },
+    {
+        "name": "guzhang",
+        "text": "鼓掌"
+    },
+    {
+        "name": "huaixiao",
+        "text": "坏笑"
+    },
+    {
+        "name": "youhengheng",
+        "text": "右哼哼"
+    },
+    {
+        "name": "bishi",
+        "text": "鄙视"
+    },
+    {
+        "name": "weiqu",
+        "text": "委屈"
+    },
+    {
+        "name": "kuaikule",
+        "text": "快哭了"
+    },
+    {
+        "name": "yinxian",
+        "text": "阴险"
+    },
+    {
+        "name": "qinqin",
+        "text": "亲亲"
+    },
+    {
+        "name": "kelian",
+        "text": "可怜"
+    },
+    {
+        "name": "xiaolian",
+        "text": "笑脸"
+    },
+    {
+        "name": "shengbing",
+        "text": "生病"
+    },
+    {
+        "name": "lianhong",
+        "text": "脸红"
+    },
+    {
+        "name": "potiweixiao",
+        "text": "破涕为笑"
+    },
+    {
+        "name": "kongju",
+        "text": "恐惧"
+    },
+    {
+        "name": "shiwang",
+        "text": "失望"
+    },
+    {
+        "name": "wuyu",
+        "text": "无语"
+    },
+    {
+        "name": "heiha",
+        "text": "嘿哈"
+    },
+    {
+        "name": "wulian",
+        "text": "捂脸"
+    },
+    {
+        "name": "jianxiao",
+        "text": "奸笑"
+    },
+    {
+        "name": "jizhi",
+        "text": "机智"
+    },
+    {
+        "name": "zhoumei",
+        "text": "皱眉"
+    },
+    {
+        "name": "ye",
+        "text": "耶"
+    },
+    {
+        "name": "chigua",
+        "text": "吃瓜"
+    },
+    {
+        "name": "jiayou",
+        "text": "加油"
+    },
+    {
+        "name": "han",
+        "text": "汗"
+    },
+    {
+        "name": "tiana",
+        "text": "天啊"
+    },
+    {
+        "name": "Emm",
+        "text": "Emm"
+    },
+    {
+        "name": "shehuishehui",
+        "text": "社会社会"
+    },
+    {
+        "name": "wangcai",
+        "text": "旺柴"
+    },
+    {
+        "name": "haode",
+        "text": "好的"
+    },
+    {
+        "name": "dalian",
+        "text": "打脸"
+    },
+    {
+        "name": "wa",
+        "text": "哇"
+    },
+    {
+        "name": "fanbaiyan",
+        "text": "翻白眼"
+    },
+    {
+        "name": "666",
+        "text": "666"
+    },
+    {
+        "name": "rangwokankan",
+        "text": "让我看看"
+    },
+    {
+        "name": "tanqi",
+        "text": "叹气"
+    },
+    {
+        "name": "kuse",
+        "text": "苦涩"
+    },
+    {
+        "name": "liekai",
+        "text": "裂开"
+    },
+    {
+        "name": "zuichun",
+        "text": "嘴唇"
+    },
+    {
+        "name": "aixin",
+        "text": "爱心"
+    },
+    {
+        "name": "xinsui",
+        "text": "心碎"
+    },
+    {
+        "name": "yongbao",
+        "text": "拥抱"
+    },
+    {
+        "name": "qiang",
+        "text": "强"
+    },
+    {
+        "name": "ruo",
+        "text": "弱"
+    },
+    {
+        "name": "woshou",
+        "text": "握手"
+    },
+    {
+        "name": "shengli",
+        "text": "胜利"
+    },
+    {
+        "name": "baoquan",
+        "text": "抱拳"
+    },
+    {
+        "name": "gouyin",
+        "text": "勾引"
+    },
+    {
+        "name": "quantou",
+        "text": "拳头"
+    },
+    {
+        "name": "OK",
+        "text": "OK"
+    },
+    {
+        "name": "heshi",
+        "text": "合十"
+    },
+    {
+        "name": "pijiu",
+        "text": "啤酒"
+    },
+    {
+        "name": "kafei",
+        "text": "咖啡"
+    },
+    {
+        "name": "dangao",
+        "text": "蛋糕"
+    },
+    {
+        "name": "meigui",
+        "text": "玫瑰"
+    },
+    {
+        "name": "diaoxie",
+        "text": "凋谢"
+    },
+    {
+        "name": "caidao",
+        "text": "菜刀"
+    },
+    {
+        "name": "zhadan",
+        "text": "炸弹"
+    },
+    {
+        "name": "bianbian",
+        "text": "便便"
+    },
+    {
+        "name": "yueliang",
+        "text": "月亮"
+    },
+    {
+        "name": "taiyang",
+        "text": "太阳"
+    },
+    {
+        "name": "qingzhu",
+        "text": "庆祝"
+    },
+    {
+        "name": "liwu",
+        "text": "礼物"
+    },
+    {
+        "name": "hongbao",
+        "text": "红包"
+    },
+    {
+        "name": "fa",
+        "text": "發"
+    },
+    {
+        "name": "fu",
+        "text": "福"
+    },
+    {
+        "name": "yanhua",
+        "text": "烟花"
+    },
+    {
+        "name": "baozhu",
+        "text": "爆竹"
+    },
+    {
+        "name": "zhutou",
+        "text": "猪头"
+    },
+    {
+        "name": "tiaotiao",
+        "text": "跳跳"
+    },
+    {
+        "name": "fadou",
+        "text": "发抖"
+    },
+    {
+        "name": "zhuanquan",
+        "text": "转圈"
+    }
+]

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

@@ -0,0 +1,52 @@
+import EmojiOrder from './order.json'
+import { html2Escape } from '@/utils/string'
+
+let emojiRegrex = null
+function generateEmojiRegrex () {
+  if (emojiRegrex) {
+    return emojiRegrex
+  }
+  const content = EmojiOrder.map(v => '\\[' + v.text + '\\]').join('|')
+  emojiRegrex = new RegExp(`(${content})`, 'g')
+  return emojiRegrex
+}
+
+let emojiPath = null
+function generateEmojiPaths () {
+  if (emojiPath) {
+    return emojiPath
+  }
+  emojiPath = EmojiOrder.reduce((rs, v) => {
+    rs[v.text] = `./static/images/emoji/${v.name}.png`
+    return rs
+  }, {})
+  return emojiPath
+}
+
+export function loadWechatEmojiOptionsData () {
+  return new Promise((resolve, reject) => {
+    const data = generateEmojiPaths()
+    resolve(Object.keys(data).reduce((rs, k) => {
+      rs.push({
+        label: k,
+        src: data[k]
+      })
+      return rs
+    }, []))
+  })
+}
+
+export function parseWechatEmoji (content, isEscape) {
+  if (isEscape !== false) {
+    content = html2Escape(content)
+  }
+  const regrex = generateEmojiRegrex()
+  const paths = generateEmojiPaths()
+  return content.replace(regrex, (str1, str2) => {
+    const emoji = str2.substr(1, str2.length - 2)
+    if (paths[emoji]) {
+      return `<img width="24px" height="24px" src="${paths[emoji]}" alt="${emoji}" ignore="1" style="vertical-align: top;"/>`
+    }
+    return str2
+  })
+}

package/uni-common/wechat-emoji/wechat-emoji.vue

@@ -0,0 +1,74 @@
+<template>
+  <view class="ac-wechat-emoji">
+    <view class="ac-wechat-emoji__list">
+      <view
+        class="ac-wechat-emoji__item"
+        v-for="(item, index) in data"
+        :key="index"
+        :style="{'background-image': `url(${item.src})`}"
+        :title="item.label"
+        @click="handleItemClick(item)"
+      >{{item.label}}</view>
+    </view>
+  </view>
+</template>
+<script>
+import { loadWechatEmojiOptionsData } from './utils'
+
+export default {
+  name: 'AcWechatEmoji',
+  data () {
+    return {
+      loading: false,
+      data: []
+    }
+  },
+  created () {
+    this.loadWechatEmojiOptionsData()
+  },
+  methods: {
+    handleItemClick (item) {
+      this.$emit('select', {
+        item
+      })
+    },
+    loadWechatEmojiOptionsData () {
+      this.loading = true
+      loadWechatEmojiOptionsData().then((rs) => {
+        this.loading = false
+        this.data = rs || []
+      }, () => {
+        this.loading = false
+      })
+    }
+  }
+}
+</script>
+<style lang="less">
+.ac-wechat-emoji__list{
+  margin: 0;
+  padding: 6px;
+  &:after{
+    content: '';
+    display: block;
+    clear: both;
+  }
+}
+.ac-wechat-emoji__item{
+  float: left;
+  width: 36px;
+  height: 36px;
+  text-align: center;
+  line-height: 999;
+  overflow: hidden;
+  background-repeat: no-repeat;
+  background-position: 50% 50%;
+  background-size: 24px;
+  transition: all .3s;
+  border-radius: 3px;
+  cursor: pointer;
+  &:hover{
+    background-color: #f3f3f3;
+  }
+}
+</style>

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>