@aochuang/common 1.0.0 → 1.0.126

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

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>