表情导入

 public/OWO.json

New file
@@ -0,0 +1,1355 @@
{
    "蛆音娘": {
        "type": "image",
        "container": [
            {
                "icon": "/share/media_photo/xigong.png",
                "data": ":&(蛆音娘_偷看)",
                "text": "蛆音娘_偷看",
                "css": "quyin"
            },
            {
                "icon": "http://t.inleft.com/share/media_photo/biaoqing/E89B86E99FB3E5A898_E6918AE6898B.png",
                "css": "quyin",
                "data": ":&(蛆音娘_摊手)",
                "text": "蛆音娘_摊手"
            },
            {
                "icon": "http://t.inleft.com/share/media_photo/biaoqing/E89B86E99FB3E5A898_E697A0E8AFAD.png",
                "css": "quyin",
                "data": ":&(蛆音娘_无语)",
                "text": "蛆音娘_无语"
            },
            {
                "icon": "http://t.inleft.com/share/media_photo/biaoqing/E89B86E99FB3E5A898_E5AEB3E68095.png",
                "css": "quyin",
                "data": ":&(蛆音娘_害怕)",
                "text": "蛆音娘_害怕"
            },
            {
                "icon": "http://t.inleft.com/share/media_photo/biaoqing/E89B86E99FB3E5A898_E58EBBE4B896.png",
                "css": "quyin",
                "data": ":&(蛆音娘_去世)",
                "text": "蛆音娘_去世"
            },
            {
                "icon": "http://t.inleft.com/share/media_photo/biaoqing/E89B86E99FB3E5A898_E79DA1E8A789.png",
                "css": "quyin",
                "data": ":&(蛆音娘_睡觉)",
                "text": "蛆音娘_睡觉"
            },
            {
                "icon": "http://t.inleft.com/share/media_photo/biaoqing/E89B86E99FB3E5A898_E593ADE6B3A3.png",
                "css": "quyin",
                "data": ":&(蛆音娘_哭泣)",
                "text": "蛆音娘_哭泣"
            },
            {
                "icon": "http://t.inleft.com/share/media_photo/biaoqing/E89B86E99FB3E5A898_E6BB91E7A8BD.png",
                "css": "quyin",
                "data": ":&(蛆音娘_滑稽)",
                "text": "蛆音娘_滑稽"
            },
            {
                "icon": "http://t.inleft.com/share/media_photo/biaoqing/E89B86E99FB3E5A898_E882A5E79A82.png",
                "css": "quyin",
                "data": ":&(蛆音娘_肥皂)",
                "text": "蛆音娘_肥皂"
            },
            {
                "icon": "http://t.inleft.com/share/media_photo/biaoqing/E89B86E99FB3E5A898_E7949FE6B094.png",
                "css": "quyin",
                "data": ":&(蛆音娘_生气)",
                "text": "蛆音娘_生气"
            },
            {
                "icon": "http://t.inleft.com/share/media_photo/biaoqing/E89B86E99FB3E5A898_E4B88DE684A7E698AFE68891.png",
                "css": "quyin",
                "data": ":&(蛆音娘_不愧是我)",
                "text": "蛆音娘_不愧是我"
            },
            {
                "icon": "http://t.inleft.com/share/media_photo/biaoqing/E89B86E99FB3E5A898_E59083E6838A.png",
                "css": "quyin",
                "data": ":&(蛆音娘_吃惊)",
                "text": "蛆音娘_吃惊"
            },
            {
                "icon": "http://t.inleft.com/share/media_photo/biaoqing/E89B86E99FB3E5A898_E689B6E9A29D.png",
                "css": "quyin",
                "data": ":&(蛆音娘_扶额)",
                "text": "蛆音娘_扶额"
            },
            {
                "icon": "http://t.inleft.com/share/media_photo/biaoqing/E89B86E99FB3E5A898_E5A4A7E7AC91.png",
                "css": "quyin",
                "data": ":&(蛆音娘_大笑)",
                "text": "蛆音娘_大笑"
            },
            {
                "icon": "http://t.inleft.com/share/media_photo/biaoqing/E89B86E99FB3E5A898_E58D96E8908C.png",
                "css": "quyin",
                "data": ":&(蛆音娘_卖萌)",
                "text": "蛆音娘_卖萌"
            },
            {
                "icon": "http://t.inleft.com/share/media_photo/biaoqing/E89B86E99FB3E5A898_E59083E7939C.png",
                "css": "quyin",
                "data": ":&(蛆音娘_吃瓜)",
                "text": "蛆音娘_吃瓜"
            },
            {
                "icon": "http://t.inleft.com/share/media_photo/biaoqing/E89B86E99FB3E5A898_E59090E8A180.png",
                "css": "quyin",
                "data": ":&(蛆音娘_吐血)",
                "text": "蛆音娘_吐血"
            },
            {
                "icon": "http://t.inleft.com/share/media_photo/biaoqing/E89B86E99FB3E5A898_OK.png",
                "css": "quyin",
                "data": ":&(蛆音娘_OK)",
                "text": "蛆音娘_OK"
            },
            {
                "icon": "http://t.inleft.com/share/media_photo/biaoqing/E89B86E99FB3E5A898_E593BC.png",
                "css": "quyin",
                "data": ":&(蛆音娘_哼)",
                "text": "蛆音娘_哼"
            },
            {
                "icon": "http://t.inleft.com/share/media_photo/biaoqing/E89B86E99FB3E5A898_E79691E997AE.png",
                "css": "quyin",
                "data": ":&(蛆音娘_疑问)",
                "text": "蛆音娘_疑问"
            }
        ]
    },
    "阿鲁": {
        "type": "image",
        "container": [
            {
                "icon": "http://t.inleft.com/share/media_photo/biaoqing/E9AB98E585B4_2x.png",
                "css": "alu",
                "data": ":@(高兴)",
                "text": "高兴"
            },
            {
                "icon": "http://t.inleft.com/share/media_photo/biaoqing/E5B08FE68092_2x.png",
                "css": "alu",
                "data": ":@(小怒)",
                "text": "小怒"
            },
            {
                "icon": "http://t.inleft.com/share/media_photo/biaoqing/E884B8E7BAA2_2x.png",
                "css": "alu",
                "data": ":@(脸红)",
                "text": "脸红"
            },
            {
                "icon": "http://t.inleft.com/share/media_photo/biaoqing/E58685E4BCA4_2x.png",
                "css": "alu",
                "data": ":@(内伤)",
                "text": "内伤"
            },
            {
                "icon": "http://t.inleft.com/share/media_photo/biaoqing/E8A385E5A4A7E6ACBE_2x.png",
                "css": "alu",
                "data": ":@(装大款)",
                "text": "装大款"
            },
            {
                "icon": "http://t.inleft.com/share/media_photo/biaoqing/E8B59EE4B880E4B8AA_2x.png",
                "css": "alu",
                "data": ":@(赞一个)",
                "text": "赞一个"
            },
            {
                "icon": "http://t.inleft.com/share/media_photo/biaoqing/E5AEB3E7BE9E_2x.png",
                "css": "alu",
                "data": ":@(害羞)",
                "text": "害羞"
            },
            {
                "icon": "http://t.inleft.com/share/media_photo/biaoqing/E6B197_2x.png",
                "css": "alu",
                "data": ":@(汗)",
                "text": "汗"
            },
            {
                "icon": "http://t.inleft.com/share/media_photo/biaoqing/E59090E8A180E58092E59CB0_2x.png",
                "css": "alu",
                "data": ":@(吐血倒地)",
                "text": "吐血倒地"
            },
            {
                "icon": "http://t.inleft.com/share/media_photo/biaoqing/E6B7B1E6809D_2x.png",
                "css": "alu",
                "data": ":@(深思)",
                "text": "深思"
            },
            {
                "icon": "http://t.inleft.com/share/media_photo/biaoqing/E4B88DE9AB98E585B4_2x.png",
                "css": "alu",
                "data": ":@(不高兴)",
                "text": "不高兴"
            },
            {
                "icon": "http://t.inleft.com/share/media_photo/biaoqing/E697A0E8AFAD_2x.png",
                "css": "alu",
                "data": ":@(无语)",
                "text": "无语"
            },
            {
                "icon": "http://t.inleft.com/share/media_photo/biaoqing/E4BAB2E4BAB2_2x.png",
                "css": "alu",
                "data": ":@(亲亲)",
                "text": "亲亲"
            },
            {
                "icon": "http://t.inleft.com/share/media_photo/biaoqing/E58FA3E6B0B4_2x.png",
                "css": "alu",
                "data": ":@(口水)",
                "text": "口水"
            },
            {
                "icon": "http://t.inleft.com/share/media_photo/biaoqing/E5B0B4E5B0AC_2x.png",
                "data": ":@(尴尬)",
                "css": "alu",
                "text": "尴尬"
            },
            {
                "icon": "http://t.inleft.com/share/media_photo/biaoqing/E4B8ADE68C87_2x.png",
                "data": ":@(中指)",
                "css": "alu",
                "text": "中指"
            },
            {
                "icon": "http://t.inleft.com/share/media_photo/biaoqing/E683B3E4B880E683B3_2x.png",
                "data": ":@(想一想)",
                "css": "alu",
                "text": "想一想"
            },
            {
                "icon": "http://t.inleft.com/share/media_photo/biaoqing/E593ADE6B3A3_2x.png",
                "data": ":@(哭泣)",
                "css": "alu",
                "text": "哭泣"
            },
            {
                "icon": "http://t.inleft.com/share/media_photo/biaoqing/E4BEBFE4BEBF_2x.png",
                "data": ":@(便便)",
                "css": "alu",
                "text": "便便"
            },
            {
                "icon": "http://t.inleft.com/share/media_photo/biaoqing/E78CAEE88AB1_2x.png",
                "data": ":@(献花)",
                "css": "alu",
                "text": "献花"
            },
            {
                "icon": "http://t.inleft.com/share/media_photo/biaoqing/E79AB1E79C89_2x.png",
                "data": ":@(皱眉)",
                "css": "alu",
                "text": "皱眉"
            },
            {
                "icon": "http://t.inleft.com/share/media_photo/biaoqing/E582BBE7AC91_2x.png",
                "data": ":@(傻笑)",
                "css": "alu",
                "text": "傻笑"
            },
            {
                "icon": "http://t.inleft.com/share/media_photo/biaoqing/E78B82E6B197_2x.png",
                "data": ":@(狂汗)",
                "css": "alu",
                "text": "狂汗"
            },
            {
                "icon": "http://t.inleft.com/share/media_photo/biaoqing/E59090_2x.png",
                "data": ":@(吐)",
                "css": "alu",
                "text": "吐"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E596B7E6B0B4_2x.png",
                "data": ":@(喷水)",
                "css": "alu",
                "text": "喷水"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E79C8BE4B88DE8A781_2x.png",
                "data": ":@(看不见)",
                "css": "alu",
                "text": "看不见"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E9BC93E68E8C_2x.png ",
                "data": ":@(鼓掌)",
                "css": "alu",
                "text": "鼓掌"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E998B4E69A97_2x.png ",
                "data": ":@(阴暗)",
                "css": "alu",
                "text": "阴暗"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E995BFE88D89_2x.png ",
                "data": ":@(长草)",
                "css": "alu",
                "text": "长草"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E78CAEE9BB84E7939C_2x.png ",
                "data": ":@(献黄瓜)",
                "css": "alu",
                "text": "献黄瓜"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E982AAE681B6_2x.png ",
                "data": ":@(邪恶)",
                "css": "alu",
                "text": "邪恶"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E69C9FE5BE85_2x.png ",
                "data": ":@(期待)",
                "css": "alu",
                "text": "期待"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E5BE97E6848F_2x.png ",
                "data": ":@(得意)",
                "css": "alu",
                "text": "得意"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E59090E8888C_2x.png ",
                "data": ":@(吐舌)",
                "css": "alu",
                "text": "吐舌"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E596B7E8A180_2x.png ",
                "data": ":@(喷血)",
                "css": "alu",
                "text": "喷血"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E697A0E68980E8B093_2x.png ",
                "data": ":@(无所谓)",
                "css": "alu",
                "text": "无所谓"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E8A782E5AF9F_2x.png ",
                "data": ":@(观察)",
                "css": "alu",
                "text": "观察"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E69A97E59CB0E8A782E5AF9F_2x.png ",
                "data": ":@(暗地观察)",
                "css": "alu",
                "text": "暗地观察"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E882BFE58C85_2x.png ",
                "data": ":@(肿包)",
                "css": "alu",
                "text": "肿包"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E4B8ADE69EAA_2x.png ",
                "data": ":@(中枪)",
                "css": "alu",
                "text": "中枪"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E5A4A7E59BA7_2x.png ",
                "data": ":@(大囧)",
                "css": "alu",
                "text": "大囧"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E591B2E78999_2x.png ",
                "data": ":@(呲牙)",
                "css": "alu",
                "text": "呲牙"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E68AA0E9BCBB_2x.png ",
                "data": ":@(抠鼻)",
                "css": "alu",
                "text": "抠鼻"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E4B88DE8AFB4E8AF9D_2x.png ",
                "data": ":@(不说话)",
                "css": "alu",
                "text": "不说话"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E592BDE6B094_2x.png ",
                "data": ":@(咽气)",
                "css": "alu",
                "text": "咽气"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E6ACA2E591BC_2x.png ",
                "data": ":@(欢呼)",
                "css": "alu",
                "text": "欢呼"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E99481E79C89_2x.png ",
                "data": ":@(锁眉)",
                "css": "alu",
                "text": "锁眉"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E89CA1E7839B_2x.png ",
                "data": ":@(蜡烛)",
                "css": "alu",
                "text": "蜡烛"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E59D90E7AD89_2x.png ",
                "data": ":@(坐等)",
                "css": "alu",
                "text": "坐等"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E587BBE68E8C_2x.png ",
                "data": ":@(击掌)",
                "css": "alu",
                "text": "击掌"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E6838AE5969C_2x.png ",
                "data": ":@(惊喜)",
                "css": "alu",
                "text": "惊喜"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E5969CE69E81E8808CE6B3A3_2x.png ",
                "data": ":@(喜极而泣)",
                "css": "alu",
                "text": "喜极而泣"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E68ABDE7839F_2x.png ",
                "data": ":@(抽烟)",
                "css": "alu",
                "text": "抽烟"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E4B88DE587BAE68980E69699_2x.png ",
                "data": ":@(不出所料)",
                "css": "alu",
                "text": "不出所料"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E684A4E68092_2x.png ",
                "data": ":@(愤怒)",
                "css": "alu",
                "text": "愤怒"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E697A0E5A588_2x.png ",
                "data": ":@(无奈)",
                "css": "alu",
                "text": "无奈"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E9BB91E7BABF_2x.png ",
                "data": ":@(黑线)",
                "css": "alu",
                "text": "黑线"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E68A95E9998D_2x.png ",
                "data": ":@(投降)",
                "css": "alu",
                "text": "投降"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E79C8BE783ADE997B9_2x.png ",
                "data": ":@(看热闹)",
                "css": "alu",
                "text": "看热闹"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E68987E880B3E58589_2x.png ",
                "data": ":@(扇耳光)",
                "css": "alu",
                "text": "扇耳光"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E5B08FE79CBCE79D9B_2x.png ",
                "data": ":@(小眼睛)",
                "css": "alu",
                "text": "小眼睛"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E4B8ADE58880_2x.png ",
                "data": ":@(中刀)",
                "css": "alu",
                "text": "中刀"
            }
        ]
    },
    "泡泡": {
        "type": "image",
        "container": [
            {
                "icon": "http://t.inleft.com/share/media_photo/biaoqing/E591B5E591B5_2x.png ",
                "data": "::(呵呵)",
                "css": "paopao",
                "text": "呵呵"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E59388E59388_2x.png ",
                "data": "::(哈哈)",
                "css": "paopao",
                "text": "哈哈"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E59090E8888C_2x.png ",
                "data": "::(吐舌)",
                "css": "paopao",
                "text": "吐舌"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E5A4AAE5BC80E5BF83_2x.png ",
                "data": "::(太开心)",
                "css": "paopao",
                "text": "太开心"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E7AC91E79CBC_2x.png ",
                "data": "::(笑眼)",
                "css": "paopao",
                "text": "笑眼"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E88AB1E5BF83_2x.png ",
                "data": "::(花心)",
                "css": "paopao",
                "text": "花心"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E5B08FE4B996_2x.png ",
                "data": "::(小乖)",
                "css": "paopao",
                "text": "小乖"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E4B996_2x.png ",
                "data": "::(乖)",
                "css": "paopao",
                "text": "乖"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E68D82E598B4E7AC91_2x.png ",
                "data": "::(捂嘴笑)",
                "css": "paopao",
                "text": "捂嘴笑"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E6BB91E7A8BD_2x.png ",
                "data": "::(滑稽)",
                "css": "paopao",
                "text": "滑稽"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E4BDA0E68782E79A84_2x.png ",
                "data": "::(你懂的)",
                "css": "paopao",
                "text": "你懂的"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E4B88DE9AB98E585B4_2x.png ",
                "data": "::(不高兴)",
                "css": "paopao",
                "text": "不高兴"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E68092_2x.png ",
                "data": "::(怒)",
                "css": "paopao",
                "text": "怒"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E6B197_2x.png ",
                "data": "::(汗)",
                "css": "paopao",
                "text": "汗"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E9BB91E7BABF_2x.png ",
                "data": "::(黑线)",
                "css": "paopao",
                "text": "黑线"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E6B3AA_2x.png ",
                "data": "::(泪)",
                "css": "paopao",
                "text": "泪"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E79C9FE6A392_2x.png ",
                "data": "::(真棒)",
                "css": "paopao",
                "text": "真棒"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E596B7_2x.png ",
                "data": "::(喷)",
                "css": "paopao",
                "text": "喷"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E6838AE593AD_2x.png ",
                "data": "::(惊哭)",
                "css": "paopao",
                "text": "惊哭"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E998B4E999A9_2x.png ",
                "data": "::(阴险)",
                "css": "paopao",
                "text": "阴险"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E98499E8A786_2x.png ",
                "data": "::(鄙视)",
                "css": "paopao",
                "text": "鄙视"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E985B7_2x.png ",
                "data": "::(酷)",
                "css": "paopao",
                "text": "酷"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E5958A_2x.png ",
                "data": "::(啊)",
                "css": "paopao",
                "text": "啊"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E78B82E6B197_2x.png ",
                "data": "::(狂汗)",
                "css": "paopao",
                "text": "狂汗"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/what_2x.png ",
                "data": "::(what)",
                "css": "paopao",
                "text": "what"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E79691E997AE_2x.png ",
                "data": "::(疑问)",
                "css": "paopao",
                "text": "疑问"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E985B8E788BD_2x.png ",
                "data": "::(酸爽)",
                "css": "paopao",
                "text": "酸爽"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E59180E592A9E788B9_2x.png ",
                "data": "::(呀咩爹)",
                "css": "paopao",
                "text": "呀咩爹"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E5A794E5B188_2x.png ",
                "data": "::(委屈)",
                "css": "paopao",
                "text": "委屈"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E6838AE8AEB6_2x.png ",
                "data": "::(惊讶)",
                "css": "paopao",
                "text": "惊讶"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E79DA1E8A789_2x.png ",
                "data": "::(睡觉)",
                "css": "paopao",
                "text": "睡觉"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E7AC91E5B0BF_2x.png ",
                "data": "::(笑尿)",
                "css": "paopao",
                "text": "笑尿"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E68C96E9BCBB_2x.png ",
                "data": "::(挖鼻)",
                "css": "paopao",
                "text": "挖鼻"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E59090_2x.png ",
                "data": "::(吐)",
                "css": "paopao",
                "text": "吐"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E78A80E588A9_2x.png ",
                "data": "::(犀利)",
                "css": "paopao",
                "text": "犀利"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E5B08FE7BAA2E884B8_2x.png ",
                "data": "::(小红脸)",
                "css": "paopao",
                "text": "小红脸"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E68792E5BE97E79086_2x.png ",
                "data": "::(懒得理)",
                "css": "paopao",
                "text": "懒得理"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E58B89E5BCBA_2x.png ",
                "data": "::(勉强)",
                "css": "paopao",
                "text": "勉强"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E788B1E5BF83_2x.png ",
                "data": "::(爱心)",
                "css": "paopao",
                "text": "爱心"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E5BF83E7A28E_2x.png ",
                "data": "::(心碎)",
                "css": "paopao",
                "text": "心碎"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E78EABE791B0_2x.png ",
                "data": "::(玫瑰)",
                "css": "paopao",
                "text": "玫瑰"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E7A4BCE789A9_2x.png ",
                "data": "::(礼物)",
                "css": "paopao",
                "text": "礼物"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E5BDA9E899B9_2x.png ",
                "data": "::(彩虹)",
                "css": "paopao",
                "text": "彩虹"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E5A4AAE998B3_2x.png ",
                "data": "::(太阳)",
                "css": "paopao",
                "text": "太阳"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E6989FE6989FE69C88E4BAAE_2x.png ",
                "data": "::(星星月亮)",
                "css": "paopao",
                "text": "星星月亮"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E992B1E5B881_2x.png ",
                "data": "::(钱币)",
                "css": "paopao",
                "text": "钱币"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E88CB6E69DAF_2x.png ",
                "data": "::(茶杯)",
                "css": "paopao",
                "text": "茶杯"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E89B8BE7B395_2x.png ",
                "data": "::(蛋糕)",
                "css": "paopao",
                "text": "蛋糕"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E5A4A7E68B87E68C87_2x.png ",
                "data": "::(大拇指)",
                "css": "paopao",
                "text": "大拇指"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E8839CE588A9_2x.png ",
                "data": "::(胜利)",
                "css": "paopao",
                "text": "胜利"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/haha_2x.png ",
                "data": "::(haha)",
                "css": "paopao",
                "text": "haha"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/OK_2x.png ",
                "data": "::(OK)",
                "css": "paopao",
                "text": "OK"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E6B299E58F91_2x.png ",
                "data": "::(沙发)",
                "css": "paopao",
                "text": "沙发"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E6898BE7BAB8_2x.png ",
                "data": "::(手纸)",
                "css": "paopao",
                "text": "手纸"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E9A699E89589_2x.png ",
                "data": "::(香蕉)",
                "css": "paopao",
                "text": "香蕉"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E4BEBFE4BEBF_2x.png ",
                "data": "::(便便)",
                "css": "paopao",
                "text": "便便"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E88DAFE4B8B8_2x.png ",
                "data": "::(药丸)",
                "css": "paopao",
                "text": "药丸"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E7BAA2E9A286E5B7BE_2x.png ",
                "data": "::(红领巾)",
                "css": "paopao",
                "text": "红领巾"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E89CA1E7839B_2x.png ",
                "data": "::(蜡烛)",
                "css": "paopao",
                "text": "蜡烛"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E99FB3E4B990_2x.png ",
                "data": "::(音乐)",
                "css": "paopao",
                "text": "音乐"
            },
            {
                "icon":  "http://t.inleft.com/share/media_photo/biaoqing/E781AFE6B3A1_2x.png ",
                "data": "::(灯泡)",
                "css": "paopao",
                "text": "灯泡"
            }
        ]
    },
    
    "Heo": {
        "type": "image",
        "container": [
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/害羞.png",
             "data": ":#(害羞)",
            "css": "heo",
            "text": "heo-害羞"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/呲牙笑.png",
             "data": ":#(呲牙笑)",
            "css": "heo",
            "text": "heo-呲牙笑"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/喜欢.png",
             "data": ":#(喜欢)",
            "css": "heo",
            "text": "heo-喜欢"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/奋斗.png",
             "data": ":#(奋斗)",
            "css": "heo",
            "text": "heo-奋斗"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/爆炸.png",
             "data": ":#(爆炸)",
            "css": "heo",
            "text": "heo-爆炸"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/熬夜.png",
             "data": ":#(熬夜)",
            "css": "heo",
            "text": "heo-熬夜"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/吃瓜.png",
             "data": ":#(吃瓜)",
            "css": "heo",
            "text": "heo-吃瓜"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/阴险.png",
             "data": ":#(阴险)",
            "css": "heo",
            "text": "heo-阴险"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/滑稽.png",
             "data": ":#(滑稽)",
            "css": "heo",
            "text": "heo-滑稽"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/被打.png",
             "data": ":#(被打)",
            "css": "heo",
            "text": "heo-被打"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/愤怒.png",
             "data": ":#(愤怒)",
            "css": "heo",
            "text": "heo-愤怒"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/惊吓.png",
             "data": ":#(惊吓)",
            "css": "heo",
            "text": "heo-惊吓"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/尴尬.png",
             "data": ":#(尴尬)",
            "css": "heo",
            "text": "heo-尴尬"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/捂嘴笑.png",
             "data": ":#(捂嘴笑)",
            "css": "heo",
            "text": "heo-捂嘴笑"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/捂脸.png",
             "data": ":#(捂脸)",
            "css": "heo",
            "text": "heo-捂脸"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/生病.png",
             "data": ":#(生病)",
            "css": "heo",
            "text": "heo-生病"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/鼓掌.png",
             "data": ":#(鼓掌)",
            "css": "heo",
            "text": "heo-鼓掌"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/抠鼻.png",
             "data": ":#(抠鼻)",
            "css": "heo",
            "text": "heo-抠鼻"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/感动.png",
             "data": ":#(感动)",
            "css": "heo",
            "text": "heo-感动"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/吐血.png",
             "data": ":#(吐血)",
            "css": "heo",
            "text": "heo-吐血"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/鬼脸.png",
             "data": ":#(鬼脸)",
            "css": "heo",
            "text": "heo-鬼脸"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/擦汗.png",
             "data": ":#(擦汗)",
            "css": "heo",
            "text": "heo-擦汗"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/惊讶.png",
             "data": ":#(惊讶)",
            "css": "heo",
            "text": "heo-惊讶"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/恶心.png",
             "data": ":#(恶心)",
            "css": "heo",
            "text": "heo-恶心"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/禁言.png",
             "data": ":#(禁言)",
            "css": "heo",
            "text": "heo-禁言"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/睡觉.png",
             "data": ":#(睡觉)",
            "css": "heo",
            "text": "heo-睡觉"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/笑哭.png",
             "data": ":#(笑哭)",
            "css": "heo",
            "text": "heo-笑哭"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/思考.png",
             "data": ":#(思考)",
            "css": "heo",
            "text": "heo-思考"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/疑问.png",
             "data": ":#(疑问)",
            "css": "heo",
            "text": "heo-疑问"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/吵架.png",
             "data": ":#(吵架)",
            "css": "heo",
            "text": "heo-吵架"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/眩晕.png",
             "data": ":#(眩晕)",
            "css": "heo",
            "text": "heo-眩晕"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/再见.png",
             "data": ":#(再见)",
            "css": "heo",
            "text": "heo-再见"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/哭泣.png",
             "data": ":#(哭泣)",
            "css": "heo",
            "text": "heo-哭泣"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/开心.png",
             "data": ":#(开心)",
            "css": "heo",
            "text": "heo-开心"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/加班.png",
             "data": ":#(加班)",
            "css": "heo",
            "text": "heo-加班"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/纠结.png",
             "data": ":#(纠结)",
            "css": "heo",
            "text": "heo-纠结"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/发红包.png",
             "data": ":#(发红包)",
            "css": "heo",
            "text": "heo-发红包"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/送福.png",
             "data": ":#(送福)",
            "css": "heo",
            "text": "heo-送福"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/头秃.png",
             "data": ":#(头秃)",
            "css": "heo",
            "text": "heo-头秃"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/我看好你.png",
             "data": ":#(我看好你)",
            "css": "heo",
            "text": "heo-我看好你"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/好的.png",
             "data": ":#(好的)",
            "css": "heo",
            "text": "heo-好的"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/好奇.png",
             "data": ":#(好奇)",
            "css": "heo",
            "text": "heo-好奇"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/偷偷看.png",
             "data": ":#(偷偷看)",
            "css": "heo",
            "text": "heo-偷偷看"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/危险.png",
             "data": ":#(危险)",
            "css": "heo",
            "text": "heo-危险"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/小丑.png",
             "data": ":#(小丑)",
            "css": "heo",
            "text": "heo-小丑"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/引起不适.png",
             "data": ":#(引起不适)",
            "css": "heo",
            "text": "heo-引起不适"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/滑稽喝水.png",
             "data": ":#(滑稽喝水)",
            "css": "heo",
            "text": "heo-滑稽喝水"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/应援.png",
             "data": ":#(应援)",
            "css": "heo",
            "text": "heo-应援"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/勉强笑.png",
             "data": ":#(勉强笑)",
            "css": "heo",
            "text": "heo-勉强笑"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/看穿一切.png",
             "data": ":#(看穿一切)",
            "css": "heo",
            "text": "heo-看穿一切"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/滑稽狂汗.png",
             "data": ":#(滑稽狂汗)",
            "css": "heo",
            "text": "heo-滑稽狂汗"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/滑稽被子.png",
             "data": ":#(滑稽被子)",
            "css": "heo",
            "text": "heo-滑稽被子"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/手机相机.png",
             "data": ":#(手机相机)",
            "css": "heo",
            "text": "heo-手机相机"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/倚墙笑.png",
             "data": ":#(倚墙笑)",
            "css": "heo",
            "text": "heo-倚墙笑"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/出家人.png",
             "data": ":#(出家人)",
            "css": "heo",
            "text": "heo-出家人"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/黑线.png",
             "data": ":#(黑线)",
            "css": "heo",
            "text": "heo-黑线"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/呦吼.png",
             "data": ":#(呦吼)",
            "css": "heo",
            "text": "heo-呦吼"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/扶额.png",
             "data": ":#(扶额)",
            "css": "heo",
            "text": "heo-扶额"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/有没有搞错.png",
             "data": ":#(有没有搞错)",
            "css": "heo",
            "text": "heo-有没有搞错"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/深思.png",
             "data": ":#(深思)",
            "css": "heo",
            "text": "heo-深思"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/托腮.png",
             "data": ":#(托腮)",
            "css": "heo",
            "text": "heo-托腮"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/滑稽柠檬.png",
             "data": ":#(滑稽柠檬)",
            "css": "heo",
            "text": "heo-滑稽柠檬"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/胡子.png",
             "data": ":#(胡子)",
            "css": "heo",
            "text": "heo-胡子"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/智慧的眼神.png",
             "data": ":#(智慧的眼神)",
            "css": "heo",
            "text": "heo-智慧的眼神"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/滑稽奶茶.png",
             "data": ":#(滑稽奶茶)",
            "css": "heo",
            "text": "heo-滑稽奶茶"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/送花.png",
             "data": ":#(送花)",
            "css": "heo",
            "text": "heo-送花"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/吃手.png",
             "data": ":#(吃手)",
            "css": "heo",
            "text": "heo-吃手"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/嘿哈.png",
             "data": ":#(嘿哈)",
            "css": "heo",
            "text": "heo-嘿哈"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/抬眼镜.png",
             "data": ":#(抬眼镜)",
            "css": "heo",
            "text": "heo-抬眼镜"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/泪奔.png",
             "data": ":#(泪奔)",
            "css": "heo",
            "text": "heo-泪奔"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/拜托.png",
             "data": ":#(拜托)",
            "css": "heo",
            "text": "heo-拜托"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/惬意.png",
             "data": ":#(惬意)",
            "css": "heo",
            "text": "heo-惬意"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/没招.png",
             "data": ":#(没招)",
            "css": "heo",
            "text": "heo-没招"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/财神红包.png",
             "data": ":#(财神红包)",
            "css": "heo",
            "text": "heo-财神红包"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/痛哭.png",
             "data": ":#(痛哭)",
            "css": "heo",
            "text": "heo-痛哭"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/尬笑.png",
             "data": ":#(尬笑)",
            "css": "heo",
            "text": "heo-尬笑"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/整理发型.png",
             "data": ":#(整理发型)",
            "css": "heo",
            "text": "heo-整理发型"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/击剑.png",
            "data": ":#(击剑)",
            "css": "heo",
            "text": "heo-击剑"
          },
          {
            "icon": "http://t.inleft.com/share/media_photo/biaoqing/缺牙笑.png",
             "data": ":#(缺牙笑)",
            "css": "heo",
            "text": "heo-缺牙笑"
          }
        ]
      }
}

 src/components/mini/box13-reply.vue

@@ -72,7 +72,7 @@
    import md5 from 'js-md5';

    import 'owo/dist/OwO.min.css';
    import OwO from 'owo/dist/OwO.min.js';
    // import OwO from 'owo/dist/OwO.min.js';
    // import OwO from '/public/OWO.js';


@@ -264,6 +264,156 @@
            }
        }
    }
	
    ;(() => {
        class OwO {
            constructor(option) {
                const defaultOption = {
                    container: document.getElementsByClassName('OwO')[0],
                    target: document.getElementsByTagName('textarea')[0],
                    position: 'down',
                    width: '100%',
                    maxHeight: '250px',
                    api: 'https://api.anotherhome.net/OwO/OwO.json'
                }
                for (let defaultKey in defaultOption) {
                    if (defaultOption.hasOwnProperty(defaultKey) && !option.hasOwnProperty(defaultKey)) {
                        option[defaultKey] = defaultOption[defaultKey]
                    }
                }
                this.container = option.container
                this.target = option.target
                if (option.position === 'up') {
                    this.container.classList.add('OwO-up')
                }
                const xhr = new XMLHttpRequest()
                xhr.onreadystatechange = () => {
                    if (xhr.readyState === 4) {
                        if ((xhr.status >= 200 && xhr.status < 300) || xhr.status === 304) {
                            this.odata = JSON.parse(xhr.responseText)
                            this.init(option)
                        } else {
                            console.log('OwO data request was unsuccessful: ' + xhr.status)
                        }
                    }
                }
                xhr.open('get', option.api, true)
                xhr.send(null)
            }
	
            init(option) {
                this.area = option.target
                this.packages = Object.keys(this.odata)
	
                // fill in HTML
                let html = `
                <div class="OwO-logo"><span>OωO</span></div>
                <div class="OwO-body" style="width: ${option.width}"><div class="OwO-jio"></div>`
	
                for (let i = 0; i < this.packages.length; i++) {
                    html += `
                    <ul class="OwO-items OwO-items-${this.odata[this.packages[i]].type}" style="max-height: ${parseInt(option.maxHeight) - 53 + 'px'};">`
                    var type = this.odata[this.packages[i]].type
                    let opackage = this.odata[this.packages[i]].container
                    for (let i = 0; i < opackage.length; i++) {
                        if (type == 'image') {
                            html += `
                        <li class="OwO-item" data-id="${opackage[i].data}" title="${opackage[i].text}"><img class="biaoqing ${opackage[i].css}" src="${opackage[i].icon}"></li>`
                        } else {
                            html += `
                        <li class="OwO-item" data-id="not-given" title="${opackage[i].text}">${opackage[i].icon}</li>`
                        } 
                    }
	
                    html += `
                    </ul>`
                }
	
                html += `
                    <div class="OwO-bar">
                        <ul class="OwO-packages">`
	
                for (let i = 0; i < this.packages.length; i++) {
                    html += `
                            <li><span>${this.packages[i]}</span></li>`
                }
	
                html += `
                        </ul>
                    </div>
                </div>
                `
                this.container.innerHTML = html
	
                // bind event
                this.logo = document.getElementsByClassName('OwO-logo')[0]
                this.logo.addEventListener('click', e => {
                    e.stopPropagation()
                    this.toggle()
                })
	
                this.container.getElementsByClassName('OwO-body')[0].addEventListener('click', e => {
                    let target = null
                    if (e.target.classList.contains('OwO-item')) {
                        target = e.target
                    } else if (e.target.parentNode.classList.contains('OwO-item')) {
                        target = e.target.parentNode
                    }
                    if (target) {
                        const cursorPos = this.area.selectionEnd
                        let areaValue = this.area.value
                        //this.area.value = areaValue.slice(0, cursorPos) + target.innerHTML + areaValue.slice(cursorPos);
                        if (target.dataset.id == 'not-given') {
                            this.area.value = areaValue.slice(0, cursorPos) + target.innerHTML + areaValue.slice(cursorPos)
                        } else {
                            this.area.value = areaValue.slice(0, cursorPos) + target.dataset.id + areaValue.slice(cursorPos)
                        }
                        this.area.focus()
                        this.toggle()
                    }
                })
                this.packagesEle = this.container.getElementsByClassName('OwO-packages')[0]
                for (let i = 0; i < this.packagesEle.children.length; i++) {
                    ;(index => {
                        this.packagesEle.children[i].addEventListener('click', e => {
                            e.stopPropagation()
                            this.tab(index)
                        })
                    })(i)
                }
                this.tab(0)
            }
	
            toggle() {
                if (this.container.classList.contains('OwO-open')) {
                    this.container.classList.remove('OwO-open')
                } else {
                    this.container.classList.add('OwO-open')
                }
            }
	
            tab(index) {
                const itemsShow = this.container.getElementsByClassName('OwO-items-show')[0]
                if (itemsShow) {
                    itemsShow.classList.remove('OwO-items-show')
                }
                this.container.getElementsByClassName('OwO-items')[index].classList.add('OwO-items-show')
	
                const packageActive = this.container.getElementsByClassName('OwO-package-active')[0]
                if (packageActive) {
                    packageActive.classList.remove('OwO-package-active')
                }
                this.packagesEle.getElementsByTagName('li')[index].classList.add('OwO-package-active')
            }
        }
	
        if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {
            module.exports = OwO
        } else {
            window.OwO = OwO
        }
    })()
	
</script>

<style lang="less">