diff --git a/APIs_zh.md b/APIs_zh.md deleted file mode 100644 index 74cef12..0000000 --- a/APIs_zh.md +++ /dev/null @@ -1,23 +0,0 @@ - //监听聊天信息滚动到顶部 - @pullingTop({pageNum,closePullTop}) - //点击头像 - @avatarClick - //点击信息内容 - @messageClick - //点击信息状态 - @statusClick - //文本框变化 - @inputChange - - //聚焦輸入框 - inputBlur() - //更新消息 - updateMessage(msgData) - //刪除消息 - removeMessage(id) - //刪除全部消息 - removeAllMessage() - //在底部增加消息 - appendMessage([msgData]) - //在顶部增加消息 - prependMessage([msgData]) diff --git a/examples/dist/css/index.e7f71477.css b/examples/dist/css/index.12b9cfee.css similarity index 97% rename from examples/dist/css/index.e7f71477.css rename to examples/dist/css/index.12b9cfee.css index 9e14699..67c1040 100644 --- a/examples/dist/css/index.e7f71477.css +++ b/examples/dist/css/index.12b9cfee.css @@ -1 +1 @@ -body{background:#3d495c!important}.action{margin-top:30px}.action button{margin-right:10px}.imui-center{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.drawer-content{padding:15px}.more{font-size:32px;line-height:18px;height:32px;position:absolute;top:6px;right:14px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#999}.more:active{color:#000}.bar{line-height:30px;background:#fff;margin:15px;color:#666;font-size:12px}.bar,.cover{text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cover{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.cover i{font-size:84px;color:#e6e6e6}.cover p{font-size:18px;color:#ddd;line-height:50px}.article-item{line-height:34px;cursor:pointer}.article-item:hover{text-decoration:underline;color:#318efd}.lemon-tabs{background:#f6f6f6}.lemon-tabs-content{padding:15px}.lemon-tabs-content,.lemon-tabs-content__pane{width:100%;height:100%}.lemon-tabs-nav{display:-webkit-box;display:-ms-flexbox;display:flex;background:#eee}.lemon-tabs-nav__item{line-height:38px;padding:0 15px;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}.lemon-tabs-nav__item--active{background:#f6f6f6}.lemon-popover{border:1px solid #eee;font-size:14px;font-variant:tabular-nums;line-height:1.5;color:rgba(0,0,0,.65);z-index:10;background-color:#fff;border-radius:4px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.15);position:absolute;-webkit-transform-origin:50% 150%;transform-origin:50% 150%}.lemon-popover__content{padding:15px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;z-index:1}.lemon-popover__arrow{left:50%;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg);position:absolute;z-index:0;bottom:-4px;-webkit-box-shadow:3px 3px 7px rgba(0,0,0,.07);box-shadow:3px 3px 7px rgba(0,0,0,.07);width:8px;height:8px;background:#fff}.slide-top-enter-active,.slide-top-leave-active{-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}.slide-top-enter,.slide-top-leave-to{-webkit-transform:translateY(-10px) scale(.8);transform:translateY(-10px) scale(.8);opacity:0}.lemon-button{outline:none;line-height:1.499;display:inline-block;font-weight:400;text-align:center;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid #ddd;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;padding:0 15px;font-size:14px;border-radius:4px;height:32px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);color:rgba(0,0,0,.65);background-color:#fff;-webkit-box-shadow:0 2px 0 rgba(0,0,0,.015);box-shadow:0 2px 0 rgba(0,0,0,.015);text-shadow:0 -1px 0 rgba(0,0,0,.12)}.lemon-button:hover:not([disabled]){border-color:#666;color:#333}.lemon-button:active{background-color:#ddd}.lemon-button[disabled]{cursor:not-allowed;color:#aaa;background:#eee}.lemon-badge{position:relative;display:inline-block}.lemon-badge__label{border-radius:10px;background:#f5222d;color:#fff;text-align:center;font-size:12px;font-weight:400;white-space:nowrap;-webkit-box-shadow:0 0 0 1px #fff;box-shadow:0 0 0 1px #fff;z-index:10;position:absolute;-webkit-transform:translateX(50%);transform:translateX(50%);-webkit-transform-origin:100%;transform-origin:100%;display:inline-block;padding:0 4px;height:18px;line-height:17px;min-width:10px;top:-4px;right:6px}.lemon-badge__label--dot{width:10px;height:10px;min-width:auto;padding:0;top:-3px;right:2px}.lemon-avatar{font-variant:tabular-nums;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;list-style:none;display:inline-block;text-align:center;background:#ccc;color:hsla(0,0%,100%,.7);white-space:nowrap;position:relative;overflow:hidden;vertical-align:middle;border-radius:4px}.lemon-avatar img{width:100%;height:100%;display:block}.lemon-contact{padding:10px 14px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;background:#efefef}.lemon-contact p{margin:0}.lemon-contact--active{background:#bebdbd}.lemon-contact:hover:not(.lemon-contact--active){background:#e3e3e3}.lemon-contact:hover:not(.lemon-contact--active) .el-badge__content{border-color:#ddd}.lemon-contact__avatar{float:left;margin-right:10px}.lemon-contact__avatar img{display:block}.lemon-contact__avatar .ant-badge-count{display:inline-block;padding:0 4px;height:18px;line-height:18px;min-width:18px;top:-4px;right:7px}.lemon-contact__label{display:-webkit-box;display:-ms-flexbox;display:flex}.lemon-contact__time{font-size:12px;line-height:18px;padding-left:6px;color:#999;white-space:nowrap}.lemon-contact__name{display:block;width:100%}.lemon-contact__content,.lemon-contact__name{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.lemon-contact__content{font-size:12px;color:#999}.lemon-contact__content img{height:14px;display:inline-block;vertical-align:middle;margin:0 1px}.lemon-contact--name-center .lemon-contact__label{padding-bottom:0;line-height:38px}.lemon-editor{height:200px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.lemon-editor,.lemon-editor__tool{display:-webkit-box;display:-ms-flexbox;display:flex}.lemon-editor__tool{height:40px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:5px}.lemon-editor__tool-item{cursor:pointer;padding:4px 10px;height:28px;color:#999;-webkit-transition:all .3s ease;transition:all .3s ease}.lemon-editor__tool-item [class^=lemon-icon-]{line-height:26px;font-size:22px}.lemon-editor__tool-item:hover{color:#333}.lemon-editor__inner{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-x:hidden;overflow-y:auto}.lemon-editor__inner::-webkit-scrollbar{width:5px;height:5px}.lemon-editor__inner::-webkit-scrollbar-track-piece{background-color:transparent}.lemon-editor__inner::-webkit-scrollbar-thumb:vertical{height:5px;background-color:#aaa}.lemon-editor__inner::-webkit-scrollbar-thumb:horizontal{width:5px;background-color:transparent}.lemon-editor__input{height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;outline:none;padding:0 10px}.lemon-editor__input::-webkit-scrollbar{width:5px;height:5px}.lemon-editor__input::-webkit-scrollbar-track-piece{background-color:transparent}.lemon-editor__input::-webkit-scrollbar-thumb:vertical{height:5px;background-color:#aaa}.lemon-editor__input::-webkit-scrollbar-thumb:horizontal{width:5px;background-color:transparent}.lemon-editor__input div,.lemon-editor__input p{margin:0}.lemon-editor__input img{height:20px;padding:0 2px;pointer-events:none;vertical-align:middle}.lemon-editor__footer{display:-webkit-box;display:-ms-flexbox;display:flex;height:52px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:0 10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.lemon-editor__tip{margin-right:10px;font-size:12px;color:#999}.lemon-editor__emoji,.lemon-editor__tip{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lemon-editor__emoji .lemon-popover{background:#f6f6f6}.lemon-editor__emoji .lemon-popover__content{padding:0}.lemon-editor__emoji .lemon-popover__arrow{background:#f6f6f6}.lemon-editor__emoji .lemon-tabs-content{-webkit-box-sizing:border-box;box-sizing:border-box;padding:8px;height:200px;overflow-x:hidden;overflow-y:auto;margin-bottom:8px}.lemon-editor__emoji .lemon-tabs-content::-webkit-scrollbar{width:5px;height:5px}.lemon-editor__emoji .lemon-tabs-content::-webkit-scrollbar-track-piece{background-color:transparent}.lemon-editor__emoji .lemon-tabs-content::-webkit-scrollbar-thumb:vertical{height:5px;background-color:#aaa}.lemon-editor__emoji .lemon-tabs-content::-webkit-scrollbar-thumb:horizontal{width:5px;background-color:transparent}.lemon-editor__emoji-item{cursor:pointer;width:22px;padding:4px;border-radius:4px}.lemon-editor__emoji-item:hover{background:#e9e9e9}.lemon-messages{height:400px;overflow-x:hidden;overflow-y:auto;padding:10px 15px}.lemon-messages::-webkit-scrollbar{width:5px;height:5px}.lemon-messages::-webkit-scrollbar-track-piece{background-color:transparent}.lemon-messages::-webkit-scrollbar-thumb:vertical{height:5px;background-color:#aaa}.lemon-messages::-webkit-scrollbar-thumb:horizontal{width:5px;background-color:transparent}.lemon-messages__load,.lemon-messages__time{text-align:center;font-size:12px}.lemon-messages__load{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#999;line-height:30px}.lemon-messages__load--ing{font-size:22px}.lemon-message{display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px 0}.lemon-message__time{color:#bbb;padding:0 4px}.lemon-message__inner{position:relative}.lemon-message__avatar{padding-right:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lemon-message__avatar .lemon-avatar{cursor:pointer}.lemon-message__title{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;line-height:14px;padding-bottom:6px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#999}.lemon-message__content{font-size:14px;line-height:20px;padding:8px 10px;background:#fff;border-radius:4px;position:relative;margin:0 46px 0 0}.lemon-message__content img,.lemon-message__content video{background:#e9e9e9;height:100px}.lemon-message__content:before{content:" ";position:absolute;top:6px;width:0;height:0;border:4px solid transparent;left:-4px;border-left:none;border-right-color:#fff}.lemon-message__status{position:absolute;top:23px;right:20px;color:#aaa;font-size:20px}.lemon-message--reverse,.lemon-message--reverse .lemon-message__title{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.lemon-message--reverse .lemon-message__status{left:20px;right:auto}.lemon-message--reverse .lemon-message__content{background:#35d863;margin:0 0 0 46px}.lemon-message--reverse .lemon-message__content:before{content:" ";position:absolute;top:6px;width:0;height:0;border:4px solid transparent;left:auto;right:-4px;border-right:none;border-left-color:#35d863}.lemon-message--reverse .lemon-message__title{text-align:right}.lemon-message--reverse .lemon-message__avatar{padding-right:0;padding-left:10px}.lemon-message--hidden-title .lemon-message__status{top:7px}.lemon-message--hidden-title .lemon-message__title{display:none}.lemon-message--hidden-title .lemon-message__content:before{top:14px}.lemon-message-text .lemon-message__content img{width:18px;height:18px;display:inline-block;background:transparent;padding:0 2px;vertical-align:middle}.lemon-message-image .lemon-message__content{padding:0;cursor:pointer;overflow:hidden}.lemon-message-image .lemon-message__content img{max-width:100%;min-width:100px;display:block}.lemon-message-file .lemon-message__content{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;width:200px;background:#fff;padding:12px 18px;overflow:hidden}.lemon-message-file .lemon-message__content p{margin:0}.lemon-message-file__tip{display:none}.lemon-message-file__inner{-webkit-box-flex:1;-ms-flex:1;flex:1}.lemon-message-file__name{font-size:14px}.lemon-message-file__byte{font-size:12px;color:#aaa}.lemon-message-file__sfx{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:700;font-size:34px;color:#ccc}.lemon-message-event__content,.lemon-message-file__sfx{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lemon-message-event__content{display:inline-block;background:#e9e9e9;color:#aaa;font-size:12px;margin:0 auto;padding:5px 10px;border-radius:4px}.lemon-wrapper{width:850px;height:580px;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;background:#efefef;-webkit-transition:all .4s cubic-bezier(.645,.045,.355,1);transition:all .4s cubic-bezier(.645,.045,.355,1);position:relative}.lemon-wrapper p{margin:0}.lemon-wrapper img{vertical-align:middle;border-style:none}.lemon-menu{-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:60px;background:#1d232a;padding:15px 0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lemon-menu,.lemon-menu__bottom{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.lemon-menu__bottom{position:absolute;bottom:0}.lemon-menu__avatar{margin-bottom:20px;cursor:pointer}.lemon-menu__item{color:#999;cursor:pointer;padding:14px 10px;max-width:100%;word-break:break-all;word-wrap:break-word;white-space:pre-wrap}.lemon-menu__item--active{color:#0fd547}.lemon-menu__item:hover:not(.lemon-menu__item--active){color:#eee}.lemon-menu__item>*{font-size:24px}.lemon-menu__item .ant-badge-count{display:inline-block;padding:0 4px;height:18px;line-height:16px;min-width:18px}.lemon-menu__item .ant-badge-count,.lemon-menu__item .ant-badge-dot{-webkit-box-shadow:0 0 0 1px #1d232a;box-shadow:0 0 0 1px #1d232a}.lemon-sidebar{width:250px;background:#efefef;overflow-y:auto}.lemon-sidebar::-webkit-scrollbar{width:5px;height:5px}.lemon-sidebar::-webkit-scrollbar-track-piece{background-color:transparent}.lemon-sidebar::-webkit-scrollbar-thumb:vertical{height:5px;background-color:#aaa}.lemon-sidebar::-webkit-scrollbar-thumb:horizontal{width:5px;background-color:transparent}.lemon-sidebar__label{padding:6px 14px 6px 14px;color:#666;font-size:12px;margin:0}.lemon-sidebar .lemon-contact--active{background:#d9d9d9}.lemon-container{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#f4f4f4;word-break:break-all;word-wrap:break-word;white-space:pre-wrap;position:relative;z-index:2}.lemon-container__title{padding:15px 15px}.lemon-container__displayname{font-size:16px}.lemon-messages{-webkit-box-flex:1;-ms-flex:1;flex:1;height:auto}.lemon-drawer{position:absolute;top:0;right:0;overflow:hidden;background:#f4f4f4;-webkit-transition:width .4s cubic-bezier(.645,.045,.355,1);transition:width .4s cubic-bezier(.645,.045,.355,1);z-index:1;width:200px;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.lemon-wrapper--drawer-show .lemon-drawer{right:-200px}.lemon-contact-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.lemon-contact-info h4{font-size:16px;font-weight:400;margin:10px 0 20px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lemonani-spin{display:inline-block;-webkit-animation:lemonani-spin 1s infinite;animation:lemonani-spin 1s infinite}@-webkit-keyframes lemonani-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lemonani-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@font-face{font-family:lemon-icons;src:url(//at.alicdn.com/t/font_1312162_neqltsj20an.eot);src:url(//at.alicdn.com/t/font_1312162_neqltsj20an.eot#iefix) format("embedded-opentype"),url(//at.alicdn.com/t/font_1312162_neqltsj20an.woff2) format("woff2"),url(//at.alicdn.com/t/font_1312162_neqltsj20an.woff) format("woff"),url(//at.alicdn.com/t/font_1312162_neqltsj20an.ttf) format("truetype"),url(//at.alicdn.com/t/font_1312162_neqltsj20an.svg#iconfont) format("svg")}[class*=" lemon-icon-"],[class^=lemon-icon-]{font-family:lemon-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block}.lemon-icon-loading:before{content:"\E633"}.lemon-icon-prompt:before{content:"\E71B"}.lemon-icon-message:before{content:"\E84A"}.lemon-icon-emoji:before{content:"\E6F6"}.lemon-icon-attah:before{content:"\E7E1"}.lemon-icon-image:before{content:"\E7DE"}.lemon-icon-folder:before{content:"\E7D1"}.lemon-icon-people:before{content:"\E715"}.lemon-icon-group:before{content:"\E6FF"}.lemon-icon-addressbook:before{content:"\E6E2"}.lemon-tabs.ant-tabs-card{background:#eee;border-radius:4px;overflow:hidden}.lemon-tabs.ant-tabs-card .ant-tabs-content{background:#f6f6f6}.lemon-tabs.ant-tabs-card .ant-tabs-bottom-bar{margin-top:0;border:0}.lemon-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab{border-color:transparent;background:transparent;border:none;border-radius:0;margin-right:0}.lemon-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active{background:#f6f6f6} \ No newline at end of file +body{background:#3d495c!important}.action{margin-top:30px}.action button{margin-right:10px}.imui-center{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.drawer-content{padding:15px}.more{font-size:32px;line-height:18px;height:32px;position:absolute;top:6px;right:14px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#999}.more:active{color:#000}.bar{line-height:30px;background:#fff;margin:15px;color:#666;font-size:12px}.bar,.cover{text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cover{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.cover i{font-size:84px;color:#e6e6e6}.cover p{font-size:18px;color:#ddd;line-height:50px}.article-item{line-height:34px;cursor:pointer}.article-item:hover{text-decoration:underline;color:#318efd}.lemon-tabs{background:#f6f6f6}.lemon-tabs-content{padding:15px}.lemon-tabs-content,.lemon-tabs-content__pane{width:100%;height:100%}.lemon-tabs-nav{display:-webkit-box;display:-ms-flexbox;display:flex;background:#eee}.lemon-tabs-nav__item{line-height:38px;padding:0 15px;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}.lemon-tabs-nav__item--active{background:#f6f6f6}.lemon-popover{border:1px solid #eee;font-size:14px;font-variant:tabular-nums;line-height:1.5;color:rgba(0,0,0,.65);z-index:10;background-color:#fff;border-radius:4px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.15);position:absolute;-webkit-transform-origin:50% 150%;transform-origin:50% 150%}.lemon-popover__content{padding:15px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;z-index:1}.lemon-popover__arrow{left:50%;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg);position:absolute;z-index:0;bottom:-4px;-webkit-box-shadow:3px 3px 7px rgba(0,0,0,.07);box-shadow:3px 3px 7px rgba(0,0,0,.07);width:8px;height:8px;background:#fff}.slide-top-enter-active,.slide-top-leave-active{-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}.slide-top-enter,.slide-top-leave-to{-webkit-transform:translateY(-10px) scale(.8);transform:translateY(-10px) scale(.8);opacity:0}.lemon-button{outline:none;line-height:1.499;display:inline-block;font-weight:400;text-align:center;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid #ddd;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;padding:0 15px;font-size:14px;border-radius:4px;height:32px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);color:rgba(0,0,0,.65);background-color:#fff;-webkit-box-shadow:0 2px 0 rgba(0,0,0,.015);box-shadow:0 2px 0 rgba(0,0,0,.015);text-shadow:0 -1px 0 rgba(0,0,0,.12)}.lemon-button:hover:not([disabled]){border-color:#666;color:#333}.lemon-button:active{background-color:#ddd}.lemon-button[disabled]{cursor:not-allowed;color:#aaa;background:#eee}.lemon-badge{position:relative;display:inline-block}.lemon-badge__label{border-radius:10px;background:#f5222d;color:#fff;text-align:center;font-size:12px;font-weight:400;white-space:nowrap;-webkit-box-shadow:0 0 0 1px #fff;box-shadow:0 0 0 1px #fff;z-index:10;position:absolute;-webkit-transform:translateX(50%);transform:translateX(50%);-webkit-transform-origin:100%;transform-origin:100%;display:inline-block;padding:0 4px;height:18px;line-height:17px;min-width:10px;top:-4px;right:6px}.lemon-badge__label--dot{width:10px;height:10px;min-width:auto;padding:0;top:-3px;right:2px}.lemon-avatar{font-variant:tabular-nums;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;list-style:none;display:inline-block;text-align:center;background:#ccc;color:hsla(0,0%,100%,.7);white-space:nowrap;position:relative;overflow:hidden;vertical-align:middle;border-radius:4px}.lemon-avatar img{width:100%;height:100%;display:block}.lemon-contact{padding:10px 14px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;background:#efefef}.lemon-contact p{margin:0}.lemon-contact--active{background:#bebdbd}.lemon-contact:hover:not(.lemon-contact--active){background:#e3e3e3}.lemon-contact:hover:not(.lemon-contact--active) .el-badge__content{border-color:#ddd}.lemon-contact__avatar{float:left;margin-right:10px}.lemon-contact__avatar img{display:block}.lemon-contact__avatar .ant-badge-count{display:inline-block;padding:0 4px;height:18px;line-height:18px;min-width:18px;top:-4px;right:7px}.lemon-contact__label{display:-webkit-box;display:-ms-flexbox;display:flex}.lemon-contact__time{font-size:12px;line-height:18px;padding-left:6px;color:#999;white-space:nowrap}.lemon-contact__name{display:block;width:100%}.lemon-contact__content,.lemon-contact__name{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.lemon-contact__content{font-size:12px;color:#999}.lemon-contact__content img{height:14px;display:inline-block;vertical-align:middle;margin:0 1px}.lemon-contact--name-center .lemon-contact__label{padding-bottom:0;line-height:38px}.lemon-editor{height:200px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.lemon-editor,.lemon-editor__tool{display:-webkit-box;display:-ms-flexbox;display:flex}.lemon-editor__tool{height:40px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:5px}.lemon-editor__tool-item{cursor:pointer;padding:4px 10px;height:28px;color:#999;-webkit-transition:all .3s ease;transition:all .3s ease}.lemon-editor__tool-item [class^=lemon-icon-]{line-height:26px;font-size:22px}.lemon-editor__tool-item:hover{color:#333}.lemon-editor__inner{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-x:hidden;overflow-y:auto}.lemon-editor__inner::-webkit-scrollbar{width:5px;height:5px}.lemon-editor__inner::-webkit-scrollbar-track-piece{background-color:transparent}.lemon-editor__inner::-webkit-scrollbar-thumb:vertical{height:5px;background-color:#aaa}.lemon-editor__inner::-webkit-scrollbar-thumb:horizontal{width:5px;background-color:transparent}.lemon-editor__input{height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;outline:none;padding:0 10px}.lemon-editor__input::-webkit-scrollbar{width:5px;height:5px}.lemon-editor__input::-webkit-scrollbar-track-piece{background-color:transparent}.lemon-editor__input::-webkit-scrollbar-thumb:vertical{height:5px;background-color:#aaa}.lemon-editor__input::-webkit-scrollbar-thumb:horizontal{width:5px;background-color:transparent}.lemon-editor__input div,.lemon-editor__input p{margin:0}.lemon-editor__input img{height:20px;padding:0 2px;pointer-events:none;vertical-align:middle}.lemon-editor__footer{display:-webkit-box;display:-ms-flexbox;display:flex;height:52px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:0 10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.lemon-editor__tip{margin-right:10px;font-size:12px;color:#999}.lemon-editor__emoji,.lemon-editor__tip{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lemon-editor__emoji .lemon-popover{background:#f6f6f6}.lemon-editor__emoji .lemon-popover__content{padding:0}.lemon-editor__emoji .lemon-popover__arrow{background:#f6f6f6}.lemon-editor__emoji .lemon-tabs-content{-webkit-box-sizing:border-box;box-sizing:border-box;padding:8px;height:200px;overflow-x:hidden;overflow-y:auto;margin-bottom:8px}.lemon-editor__emoji .lemon-tabs-content::-webkit-scrollbar{width:5px;height:5px}.lemon-editor__emoji .lemon-tabs-content::-webkit-scrollbar-track-piece{background-color:transparent}.lemon-editor__emoji .lemon-tabs-content::-webkit-scrollbar-thumb:vertical{height:5px;background-color:#aaa}.lemon-editor__emoji .lemon-tabs-content::-webkit-scrollbar-thumb:horizontal{width:5px;background-color:transparent}.lemon-editor__emoji-item{cursor:pointer;width:22px;padding:4px;border-radius:4px}.lemon-editor__emoji-item:hover{background:#e9e9e9}.lemon-messages{height:400px;overflow-x:hidden;overflow-y:auto;padding:10px 15px}.lemon-messages::-webkit-scrollbar{width:5px;height:5px}.lemon-messages::-webkit-scrollbar-track-piece{background-color:transparent}.lemon-messages::-webkit-scrollbar-thumb:vertical{height:5px;background-color:#aaa}.lemon-messages::-webkit-scrollbar-thumb:horizontal{width:5px;background-color:transparent}.lemon-messages__load,.lemon-messages__time{text-align:center;font-size:12px}.lemon-messages__load{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#999;line-height:30px}.lemon-messages__load--ing{font-size:22px}.lemon-message{display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px 0}.lemon-message__time{color:#bbb;padding:0 4px}.lemon-message__inner{position:relative}.lemon-message__avatar{padding-right:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lemon-message__avatar .lemon-avatar{cursor:pointer}.lemon-message__title{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;line-height:14px;padding-bottom:6px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#999}.lemon-message__content{font-size:14px;line-height:20px;padding:8px 10px;background:#fff;border-radius:4px;position:relative;margin:0 46px 0 0}.lemon-message__content img,.lemon-message__content video{background:#e9e9e9;height:100px}.lemon-message__content:before{content:" ";position:absolute;top:6px;width:0;height:0;border:4px solid transparent;left:-4px;border-left:none;border-right-color:#fff}.lemon-message__status{position:absolute;top:23px;right:20px;color:#aaa;font-size:20px}.lemon-message--reverse,.lemon-message--reverse .lemon-message__title{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.lemon-message--reverse .lemon-message__status{left:20px;right:auto}.lemon-message--reverse .lemon-message__content{background:#35d863;margin:0 0 0 46px}.lemon-message--reverse .lemon-message__content:before{content:" ";position:absolute;top:6px;width:0;height:0;border:4px solid transparent;left:auto;right:-4px;border-right:none;border-left-color:#35d863}.lemon-message--reverse .lemon-message__title{text-align:right}.lemon-message--reverse .lemon-message__avatar{padding-right:0;padding-left:10px}.lemon-message--hidden-title .lemon-message__status{top:7px}.lemon-message--hidden-title .lemon-message__title{display:none}.lemon-message--hidden-title .lemon-message__content:before{top:14px}.lemon-message-text .lemon-message__content img{width:18px;height:18px;display:inline-block;background:transparent;padding:0 2px;vertical-align:middle}.lemon-message-image .lemon-message__content{padding:0;cursor:pointer;overflow:hidden}.lemon-message-image .lemon-message__content img{max-width:100%;min-width:100px;display:block}.lemon-message-file .lemon-message__content{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;width:200px;background:#fff;padding:12px 18px;overflow:hidden}.lemon-message-file .lemon-message__content p{margin:0}.lemon-message-file__tip{display:none}.lemon-message-file__inner{-webkit-box-flex:1;-ms-flex:1;flex:1}.lemon-message-file__name{font-size:14px}.lemon-message-file__byte{font-size:12px;color:#aaa}.lemon-message-file__sfx{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:700;font-size:34px;color:#ccc}.lemon-message-event__content,.lemon-message-file__sfx{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lemon-message-event__content{display:inline-block;background:#e9e9e9;color:#aaa;font-size:12px;margin:0 auto;padding:5px 10px;border-radius:4px}.lemon-wrapper{width:850px;height:580px;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;background:#efefef;-webkit-transition:all .4s cubic-bezier(.645,.045,.355,1);transition:all .4s cubic-bezier(.645,.045,.355,1);position:relative}.lemon-wrapper p{margin:0}.lemon-wrapper img{vertical-align:middle;border-style:none}.lemon-menu{-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:60px;background:#1d232a;padding:15px 0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lemon-menu,.lemon-menu__bottom{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.lemon-menu__bottom{position:absolute;bottom:0}.lemon-menu__avatar{margin-bottom:20px;cursor:pointer}.lemon-menu__item{color:#999;cursor:pointer;padding:14px 10px;max-width:100%;word-break:break-all;word-wrap:break-word;white-space:pre-wrap}.lemon-menu__item--active{color:#0fd547}.lemon-menu__item:hover:not(.lemon-menu__item--active){color:#eee}.lemon-menu__item>*{font-size:24px}.lemon-menu__item .ant-badge-count{display:inline-block;padding:0 4px;height:18px;line-height:16px;min-width:18px}.lemon-menu__item .ant-badge-count,.lemon-menu__item .ant-badge-dot{-webkit-box-shadow:0 0 0 1px #1d232a;box-shadow:0 0 0 1px #1d232a}.lemon-sidebar{width:250px;background:#efefef;overflow-y:auto}.lemon-sidebar::-webkit-scrollbar{width:5px;height:5px}.lemon-sidebar::-webkit-scrollbar-track-piece{background-color:transparent}.lemon-sidebar::-webkit-scrollbar-thumb:vertical{height:5px;background-color:#aaa}.lemon-sidebar::-webkit-scrollbar-thumb:horizontal{width:5px;background-color:transparent}.lemon-sidebar__label{padding:6px 14px 6px 14px;color:#666;font-size:12px;margin:0}.lemon-sidebar .lemon-contact--active{background:#d9d9d9}.lemon-container{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#f4f4f4;word-break:break-all;word-wrap:break-word;white-space:pre-wrap;position:relative;z-index:2}.lemon-container__title{padding:15px 15px}.lemon-container__displayname{font-size:16px}.lemon-messages{-webkit-box-flex:1;-ms-flex:1;flex:1;height:auto}.lemon-drawer{position:absolute;top:0;right:0;overflow:hidden;background:#f4f4f4;-webkit-transition:width .4s cubic-bezier(.645,.045,.355,1);transition:width .4s cubic-bezier(.645,.045,.355,1);z-index:1;width:200px;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.lemon-wrapper--drawer-show .lemon-drawer{right:-200px}.lemon-contact-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.lemon-contact-info h4{font-size:16px;font-weight:400;margin:10px 0 20px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lemonani-spin{display:inline-block;-webkit-animation:lemonani-spin 1s infinite;animation:lemonani-spin 1s infinite}@-webkit-keyframes lemonani-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lemonani-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@font-face{font-family:lemon-icons;src:url(//at.alicdn.com/t/font_1312162_neqltsj20an.eot);src:url(//at.alicdn.com/t/font_1312162_neqltsj20an.eot#iefix) format("embedded-opentype"),url(//at.alicdn.com/t/font_1312162_neqltsj20an.woff2) format("woff2"),url(//at.alicdn.com/t/font_1312162_neqltsj20an.woff) format("woff"),url(//at.alicdn.com/t/font_1312162_neqltsj20an.ttf) format("truetype"),url(//at.alicdn.com/t/font_1312162_neqltsj20an.svg#iconfont) format("svg")}[class*=" lemon-icon-"],[class^=lemon-icon-]{font-family:lemon-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block}.lemon-icon-loading:before{content:"\E633"}.lemon-icon-prompt:before{content:"\E71B"}.lemon-icon-message:before{content:"\E84A"}.lemon-icon-emoji:before{content:"\E6F6"}.lemon-icon-attah:before{content:"\E7E1"}.lemon-icon-image:before{content:"\E7DE"}.lemon-icon-folder:before{content:"\E7D1"}.lemon-icon-people:before{content:"\E715"}.lemon-icon-group:before{content:"\E6FF"}.lemon-icon-addressbook:before{content:"\E6E2"} \ No newline at end of file diff --git a/examples/dist/index.html b/examples/dist/index.html index 0e6bd0a..bf7f227 100644 --- a/examples/dist/index.html +++ b/examples/dist/index.html @@ -1 +1 @@ -
/g,"\r\n").replace(/<\/div>|<\/p>/g,""))},_checkSubmitDisabled:function(){this.submitDisabled=!this.$refs.textarea.innerHTML.trim()},_handleSend:function(t){var e=this.getFormatValue();this.$emit("send",e),this.clear(),this._checkSubmitDisabled()},_handleChangeFile:function(t){var e=this,n=this.$refs.fileInput;Array.from(n.files).forEach(function(t){e.$emit("upload",t)}),n.value=""},clear:function(){this.$refs.textarea.innerHTML=""},initEmoji:function(t){St=t,this.$forceUpdate()}}},$t=It,Dt=(n("49c2"),Object(k["a"])($t,gt,vt,!1,null,null,null)),Pt=Dt.exports,Tt={name:"LemonMessages",components:{},props:{reverseUserId:String,timeRange:{type:Number,default:1},timeFormat:{type:Function,default:function(t){return ot(t)}},messages:{type:Array,default:function(){return[]}}},data:function(){return{_loading:!1,_loadend:!1}},render:function(){var t=this,e=arguments[0];return e("div",{class:"lemon-messages",ref:"wrap",on:{scroll:this._handleScroll}},[e("div",{class:["lemon-messages__load","lemon-messages__load--".concat(this._loadend?"end":"ing")]},[this._loadend?this._renderLoadEnd():this._renderLoading()]),this.messages.map(function(n,i){var a=[],r="lemon-message-".concat(n.type),s=t.messages[i-1];return s&&t.msecRange&&n.sendTime-s.sendTime>t.msecRange&&a.push(e("lemon-message-event",o()([{},{attrs:{message:{id:"__time__",type:"event",content:t.timeFormat(n.sendTime)}}}]))),a.push(e(r,o()([{ref:"message",refInFor:!0},{attrs:{timeFormat:t.msecRange>0?function(){}:t.timeFormat,message:n,reverse:t.reverseUserId==n.fromUser.id,hiddenTitle:!1}}]))),a})])},computed:{msecRange:function(){return 1e3*this.timeRange*60}},watch:{},methods:{_renderLoading:function(){var t=this.$createElement;return t("i",{class:"lemon-icon-loading lemonani-spin"})},_renderLoadEnd:function(){var t=this.$createElement;return t("span",["暂无更多消息"])},loaded:function(){this._loadend=!0},resetLoadState:function(){this._loading=!1,this._loadend=!1},_handleScroll:function(){var t=Object(E["a"])(regeneratorRuntime.mark(function t(e){var n,i,a=this;return regeneratorRuntime.wrap(function(t){while(1)switch(t.prev=t.next){case 0:if(n=e.target,0!=n.scrollTop||0!=this._loading||0!=this._loadend){t.next=7;break}return this._loading=!0,t.next=5,this.$nextTick();case 5:i=n.scrollHeight,this.$emit("reach-top",function(){var t=Object(E["a"])(regeneratorRuntime.mark(function t(e){return regeneratorRuntime.wrap(function(t){while(1)switch(t.prev=t.next){case 0:return t.next=2,a.$nextTick();case 2:n.scrollTop=n.scrollHeight-i,a._loading=!1,a._loadend=!!e;case 5:case"end":return t.stop()}},t)}));return function(e){return t.apply(this,arguments)}}());case 7:case"end":return t.stop()}},t,this)}));function e(e){return t.apply(this,arguments)}return e}(),scrollToBottom:function(){var t=Object(E["a"])(regeneratorRuntime.mark(function t(){var e;return regeneratorRuntime.wrap(function(t){while(1)switch(t.prev=t.next){case 0:return t.next=2,this.$nextTick();case 2:e=this.$refs.wrap,e&&(e.scrollTop=e.scrollHeight);case 4:case"end":return t.stop()}},t,this)}));function e(){return t.apply(this,arguments)}return e}()},created:function(){},mounted:function(){}},Et=Tt,Lt=(n("436f"),Object(k["a"])(Et,bt,xt,!1,null,null,null)),Ft=Lt.exports,Rt={name:"lemonMessageBasic",inject:["IMUI"],props:{message:{type:Object,default:function(){return{}}},timeFormat:{type:Function,default:function(){return""}},reverse:Boolean,hiddenTitle:Boolean},data:function(){return{}},render:function(){var t=this,e=arguments[0],n=this.message,i=n.fromUser,a=n.status,r=n.sendTime;return e("div",{class:["lemon-message",{"lemon-message--reverse":this.reverse,"lemon-message--hidden-title":this.hiddenTitle}]},[e("div",{class:"lemon-message__avatar"},[e("lemon-avatar",{attrs:{size:36,shape:"square",src:i.avatar},on:{click:function(e){t._emitClick(e,"avatar")}}})]),e("div",{class:"lemon-message__inner"},[e("div",{class:"lemon-message__title"},[e("span",{on:{click:function(e){t._emitClick(e,"displayName")}}},[i.displayName]),e("span",{class:"lemon-message__time"},[this.timeFormat(r)])]),e("div",{class:"lemon-message__content",on:{click:function(e){t._emitClick(e,"content")}}},[this.useScopedSlots("content",this.message)]),e("div",{class:"lemon-message__status",on:{click:function(e){t._emitClick(e,"status")}}},[this._renderStatue(a)])])])},created:function(){},mounted:function(){},computed:{},watch:{},methods:{_emitClick:function(t,e){this.IMUI.$emit("message-click",t,e,this.message)},_renderStatue:function(t){var e=this.$createElement;return"going"==t?e("i",{class:"lemon-icon-loading lemonani-spin"}):"failed"==t?e("i",{class:"lemon-icon-prompt",attrs:{title:"重发消息"},style:{color:"#ff2525",cursor:"pointer"}}):void 0},useScopedSlots:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:this;return i.$scopedSlots[t]?i.$scopedSlots[t](e):n}}},Ut=Rt,Bt=(n("fbd1"),Object(k["a"])(Ut,_t,wt,!1,null,null,null)),At=Bt.exports;function Nt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,i)}return n}function Vt(t){for(var e=1;e /g,"\r\n").replace(/<\/div>|<\/p>/g,""))},_checkSubmitDisabled:function(){this.submitDisabled=!this.$refs.textarea.innerHTML.trim()},_handleSend:function(e){var t=this.getFormatValue();this.$emit("send",t),this.clear(),this._checkSubmitDisabled()},_handleChangeFile:function(e){var t=this,n=this.$refs.fileInput;Array.from(n.files).forEach(function(e){t.$emit("upload",e)}),n.value=""},clear:function(){this.$refs.textarea.innerHTML=""},initEmoji:function(e){Se=e,this.$forceUpdate()}}},$e=Ie,De=(n("49c2"),Object(k["a"])($e,ge,ve,!1,null,null,null)),Pe=De.exports,Te={name:"LemonMessages",components:{},props:{reverseUserId:String,timeRange:{type:Number,default:1},timeFormat:{type:Function,default:function(e){return oe(e)}},messages:{type:Array,default:function(){return[]}}},data:function(){return{_loading:!1,_loadend:!1}},render:function(){var e=this,t=arguments[0];return t("div",{class:"lemon-messages",ref:"wrap",on:{scroll:this._handleScroll}},[t("div",{class:["lemon-messages__load","lemon-messages__load--".concat(this._loadend?"end":"ing")]},[this._loadend?this._renderLoadEnd():this._renderLoading()]),this.messages.map(function(n,i){var a=[],r="lemon-message-".concat(n.type),s=e.messages[i-1];return s&&e.msecRange&&n.sendTime-s.sendTime>e.msecRange&&a.push(t("lemon-message-event",o()([{},{attrs:{message:{id:"__time__",type:"event",content:e.timeFormat(n.sendTime)}}}]))),a.push(t(r,o()([{ref:"message",refInFor:!0},{attrs:{timeFormat:e.msecRange>0?function(){}:e.timeFormat,message:n,reverse:e.reverseUserId==n.fromUser.id,hiddenTitle:!1}}]))),a})])},computed:{msecRange:function(){return 1e3*this.timeRange*60}},watch:{},methods:{_renderLoading:function(){var e=this.$createElement;return e("i",{class:"lemon-icon-loading lemonani-spin"})},_renderLoadEnd:function(){var e=this.$createElement;return e("span",["暂无更多消息"])},loaded:function(){this._loadend=!0},resetLoadState:function(){this._loading=!1,this._loadend=!1},_handleScroll:function(){var e=Object(E["a"])(regeneratorRuntime.mark(function e(t){var n,i,a=this;return regeneratorRuntime.wrap(function(e){while(1)switch(e.prev=e.next){case 0:if(n=t.target,0!=n.scrollTop||0!=this._loading||0!=this._loadend){e.next=7;break}return this._loading=!0,e.next=5,this.$nextTick();case 5:i=n.scrollHeight,this.$emit("reach-top",function(){var e=Object(E["a"])(regeneratorRuntime.mark(function e(t){return regeneratorRuntime.wrap(function(e){while(1)switch(e.prev=e.next){case 0:return e.next=2,a.$nextTick();case 2:n.scrollTop=n.scrollHeight-i,a._loading=!1,a._loadend=!!t;case 5:case"end":return e.stop()}},e)}));return function(t){return e.apply(this,arguments)}}());case 7:case"end":return e.stop()}},e,this)}));function t(t){return e.apply(this,arguments)}return t}(),scrollToBottom:function(){var e=Object(E["a"])(regeneratorRuntime.mark(function e(){var t;return regeneratorRuntime.wrap(function(e){while(1)switch(e.prev=e.next){case 0:return e.next=2,this.$nextTick();case 2:t=this.$refs.wrap,t&&(t.scrollTop=t.scrollHeight);case 4:case"end":return e.stop()}},e,this)}));function t(){return e.apply(this,arguments)}return t}()},created:function(){},mounted:function(){}},Ee=Te,Le=(n("436f"),Object(k["a"])(Ee,be,xe,!1,null,null,null)),Fe=Le.exports,Re={name:"lemonMessageBasic",inject:["IMUI"],props:{message:{type:Object,default:function(){return{}}},timeFormat:{type:Function,default:function(){return""}},reverse:Boolean,hiddenTitle:Boolean},data:function(){return{}},render:function(){var e=this,t=arguments[0],n=this.message,i=n.fromUser,a=n.status,r=n.sendTime;return t("div",{class:["lemon-message",{"lemon-message--reverse":this.reverse,"lemon-message--hidden-title":this.hiddenTitle}]},[t("div",{class:"lemon-message__avatar"},[t("lemon-avatar",{attrs:{size:36,shape:"square",src:i.avatar},on:{click:function(t){e._emitClick(t,"avatar")}}})]),t("div",{class:"lemon-message__inner"},[t("div",{class:"lemon-message__title"},[t("span",{on:{click:function(t){e._emitClick(t,"displayName")}}},[i.displayName]),t("span",{class:"lemon-message__time"},[this.timeFormat(r)])]),t("div",{class:"lemon-message__content",on:{click:function(t){e._emitClick(t,"content")}}},[this.useScopedSlots("content",this.message)]),t("div",{class:"lemon-message__status",on:{click:function(t){e._emitClick(t,"status")}}},[this._renderStatue(a)])])])},created:function(){},mounted:function(){},computed:{},watch:{},methods:{_emitClick:function(e,t){this.IMUI.$emit("message-click",e,t,this.message)},_renderStatue:function(e){var t=this.$createElement;return"going"==e?t("i",{class:"lemon-icon-loading lemonani-spin"}):"failed"==e?t("i",{class:"lemon-icon-prompt",attrs:{title:"重发消息"},style:{color:"#ff2525",cursor:"pointer"}}):void 0},useScopedSlots:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:this;return i.$scopedSlots[e]?i.$scopedSlots[e](t):n}}},Ue=Re,Be=(n("fbd1"),Object(k["a"])(Ue,_e,we,!1,null,null,null)),Ae=Be.exports;function Ne(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,i)}return n}function Ve(e){for(var t=1;t'):"[!".concat(e,"]")})},messageViewToBottom:function(){this.$refs.messages.scrollToBottom()},changeContact:function(t,e){var n=this;this.currentContactId==t&&(this.currentContactId=void 0),e&&this.changeMenu(e),this.currentContactId=t,this.$emit("change-contact",this.currentContact),at(this.currentContact.renderContainer)||this._menuIsMessages()&&(De.has(t)||this.$refs.messages.resetLoadState(),Pe[t]?setTimeout(function(){n.messageViewToBottom()},0):this._emitPullMessages(function(t){return n.messageViewToBottom()}))},removeMessage:function(t,e){var n=this.findMessageIndexById(t,e);-1!==n&&(Pe[e].splice(n,1),this.forceUpdateMessage())},updateMessage:function(t,e,n){var i=this.findMessageIndexById(t,e);-1!==i&&(Pe[e][i]=Object.assign(Pe[e][i],n),console.log("--------",Pe[e][i]),this.forceUpdateMessage(t))},forceUpdateMessage:function(t){if(t){var e=this.$refs.messages.$refs.message;if(e){var n=e.find(function(e){return e.$attrs.message.id==t});n&&n.$forceUpdate()}}else this.$refs.messages.$forceUpdate()},_customContainerReady:function(t,e,n){at(t)&&!e.has(n)&&e.set(n,t.call(this))},changeMenu:function(t){this.$emit("change-menu",t),this.activeSidebar=t},initEmoji:function(t){this.$refs.editor.initEmoji(t),t[0].label&&(t=t.flatMap(function(t){return t.children})),t.forEach(function(t){var e=t.name,n=t.src;return Te[e]=n})},initMenus:function(t){var e=this,n=this.$createElement,i=[{name:be,title:"聊天",unread:0,click:null,render:function(t){return n("i",{class:"lemon-icon-message"})},isBottom:!1},{name:xe,title:"通讯录",unread:0,click:null,render:function(t){return n("i",{class:"lemon-icon-addressbook"})},isBottom:!1}],a=[];if(Array.isArray(t)){var r={lastMessages:0,contacts:1},s=Object.keys(r);a=t.map(function(t){return s.includes(t.name)?Me({},i[r[t.name]],{},t,{},{renderContainer:null}):(t.renderContainer&&e._customContainerReady(t.renderContainer,$e,t.name),t)})}else a=i;this.menus=a},initContacts:function(t){var e;(e=this.contacts).push.apply(e,Object(ve["a"])(t)),this.sortContacts()},sortContacts:function(){this.contacts.sort(function(t,e){if(t.index)return t.index.localeCompare(e.index)})},updateContact:function(t,e){delete e.id,delete e.toContactId;var n=this.findContactIndexById(t);if(-1!==n){var i=e.unread;et(i)&&(0!==i.indexOf("+")&&0!==i.indexOf("-")||(e.unread=parseInt(i)+parseInt(this.contacts[n].unread))),this.$set(this.contacts,n,Me({},this.contacts[n],{},e))}},findContactIndexById:function(t){return this.contacts.findIndex(function(e){return e.id==t})},findMessageIndexById:function(t,e){var n=Pe[e];return it(n)?-1:n.findIndex(function(e){return e.id==t})},findMessageById:function(t,e){var n=this.findMessageIndexById(t,e);if(-1!==n)return Pe[e][n]},getContacts:function(){return this.contacts},getMessages:function(t){return(t?Pe[t]:Pe)||[]},openrenderContainer:function(t){},changeDrawer:function(t){this.drawerVisible=!this.drawerVisible,1==this.drawerVisible&&this.openDrawer(t)},openDrawer:function(t){Ee=t||new Function,this.drawerVisible=!0},closeDrawer:function(){this.drawerVisible=!1}}},Fe=Le,Re=(n("9b01"),Object(k["a"])(Fe,ke,Se,!1,null,null,null)),Ue=Re.exports,Be=(n("6a2b"),"0.1"),Ae=[Ue,Ot,Ft,Pt,X,G,q,N,T,At,Yt,ne,de,ge],Ne=function(t){arguments.length>1&&void 0!==arguments[1]&&arguments[1];Ae.forEach(function(e){t.component(e.name,e)})};"undefined"!==typeof window&&window.Vue&&Ne(window.Vue);var Ve={version:Be,install:Ne};i["a"].use(Ve),i["a"].config.productionTip=!1,new i["a"]({render:function(t){return t(I)}}).$mount("#app")},cfab:function(t,e,n){"use strict";var i=n("15cf"),a=n.n(i);a.a},dbdc:function(t,e,n){"use strict";var i=n("7802"),a=n.n(i);a.a},e86c:function(t,e,n){},ed4b:function(t,e,n){"use strict";var i=n("a215"),a=n.n(i);a.a},fbd1:function(t,e,n){"use strict";var i=n("820e"),a=n.n(i);a.a}});
\ No newline at end of file
diff --git a/examples/dist/js/index.f8f6fe72.js b/examples/dist/js/index.f8f6fe72.js
deleted file mode 100644
index f551b10..0000000
--- a/examples/dist/js/index.f8f6fe72.js
+++ /dev/null
@@ -1 +0,0 @@
-(function(e){function t(t){for(var i,s,o=t[0],c=t[1],l=t[2],m=0,d=[];m
')),this._saveLastRange()},_handleSelectFile:function(){var e=Object(E["a"])(regeneratorRuntime.mark(function e(t){return regeneratorRuntime.wrap(function(e){while(1)switch(e.prev=e.next){case 0:return this.accept=t,e.next=3,this.$nextTick();case 3:this.$refs.fileInput.click();case 4:case"end":return e.stop()}},e,this)}));function t(t){return e.apply(this,arguments)}return t}(),_handlePaste:function(e){e.preventDefault();var t=e.clipboardData,n=t.getData("text");Me(n,"insertText")},_handleKeyup:function(e){this._saveLastRange()},_handleKeydown:function(e){e.keyCode},getFormatValue:function(){return ue(this.$refs.textarea.innerHTML.replace(/
|<\/br>/,"").replace(/'):"[!".concat(t,"]")})},messageViewToBottom:function(){this.$refs.messages.scrollToBottom()},changeContact:function(e,t){var n=this;this.currentContactId==e&&(this.currentContactId=void 0),t&&this.changeMenu(t),this.currentContactId=e,this.$emit("change-contact",this.currentContact),ae(this.currentContact.renderContainer)||this._menuIsMessages()&&(Dt.has(e)||this.$refs.messages.resetLoadState(),Pt[e]?setTimeout(function(){n.messageViewToBottom()},0):this._emitPullMessages(function(e){return n.messageViewToBottom()}))},removeMessage:function(e,t){var n=this.findMessageIndexById(e,t);-1!==n&&(Pt[t].splice(n,1),this.forceUpdateMessage())},updateMessage:function(e,t,n){var i=this.findMessageIndexById(e,t);-1!==i&&(Pt[t][i]=Object.assign(Pt[t][i],n),console.log("--------",Pt[t][i]),this.forceUpdateMessage(e))},forceUpdateMessage:function(e){if(e){var t=this.$refs.messages.$refs.message;if(t){var n=t.find(function(t){return t.$attrs.message.id==e});n&&n.$forceUpdate()}}else this.$refs.messages.$forceUpdate()},_customContainerReady:function(e,t,n){ae(e)&&!t.has(n)&&t.set(n,e.call(this))},changeMenu:function(e){this.$emit("change-menu",e),this.activeSidebar=e},initEmoji:function(e){this.$refs.editor.initEmoji(e),e[0].label&&(e=e.flatMap(function(e){return e.children})),e.forEach(function(e){var t=e.name,n=e.src;return Tt[t]=n})},initMenus:function(e){var t=this,n=this.$createElement,i=[{name:bt,title:"聊天",unread:0,click:null,render:function(e){return n("i",{class:"lemon-icon-message"})},isBottom:!1},{name:xt,title:"通讯录",unread:0,click:null,render:function(e){return n("i",{class:"lemon-icon-addressbook"})},isBottom:!1}],a=[];if(Array.isArray(e)){var r={lastMessages:0,contacts:1},s=Object.keys(r);a=e.map(function(e){return s.includes(e.name)?Mt({},i[r[e.name]],{},e,{},{renderContainer:null}):(e.renderContainer&&t._customContainerReady(e.renderContainer,$t,e.name),e)})}else a=i;this.menus=a},initContacts:function(e){var t;(t=this.contacts).push.apply(t,Object(vt["a"])(e)),this.sortContacts()},sortContacts:function(){this.contacts.sort(function(e,t){if(e.index)return e.index.localeCompare(t.index)})},updateContact:function(e,t){delete t.id,delete t.toContactId;var n=this.findContactIndexById(e);if(-1!==n){var i=t.unread;te(i)&&(0!==i.indexOf("+")&&0!==i.indexOf("-")||(t.unread=parseInt(i)+parseInt(this.contacts[n].unread))),this.$set(this.contacts,n,Mt({},this.contacts[n],{},t))}},findContactIndexById:function(e){return this.contacts.findIndex(function(t){return t.id==e})},findMessageIndexById:function(e,t){var n=Pt[t];return ie(n)?-1:n.findIndex(function(t){return t.id==e})},findMessageById:function(e,t){var n=this.findMessageIndexById(e,t);if(-1!==n)return Pt[t][n]},getContacts:function(){return this.contacts},getMessages:function(e){return(e?Pt[e]:Pt)||[]},openrenderContainer:function(e){},changeDrawer:function(e){this.drawerVisible=!this.drawerVisible,1==this.drawerVisible&&this.openDrawer(e)},openDrawer:function(e){Et=e||new Function,this.drawerVisible=!0},closeDrawer:function(){this.drawerVisible=!1}}},Ft=Lt,Rt=(n("9b01"),Object(k["a"])(Ft,kt,St,!1,null,null,null)),Ut=Rt.exports,Bt=(n("6a2b"),"0.1"),At=[Ut,Oe,Fe,Pe,X,G,q,N,T,Ae,Ye,nt,dt,gt],Nt=function(e){arguments.length>1&&void 0!==arguments[1]&&arguments[1];At.forEach(function(t){e.component(t.name,t)})};"undefined"!==typeof window&&window.Vue&&Nt(window.Vue);var Vt={version:Bt,install:Nt};i["a"].use(Vt),i["a"].config.productionTip=!1,new i["a"]({render:function(e){return e(I)}}).$mount("#app")},cfab:function(e,t,n){"use strict";var i=n("15cf"),a=n.n(i);a.a},dbdc:function(e,t,n){"use strict";var i=n("7802"),a=n.n(i);a.a},e86c:function(e,t,n){},ed4b:function(e,t,n){"use strict";var i=n("a215"),a=n.n(i);a.a},fbd1:function(e,t,n){"use strict";var i=n("820e"),a=n.n(i);a.a}});
\ No newline at end of file
diff --git a/packages/index.js b/packages/index.js
index 5d24079..1b244be 100644
--- a/packages/index.js
+++ b/packages/index.js
@@ -1,6 +1,3 @@
-import "./plugins";
-//import "./element-ui";
-
import LemonTabs from "./components/tabs";
import LemonPopover from "./components/popover";
import LemonButton from "./components/button";
@@ -32,7 +29,7 @@ const components = [
LemonMessageText,
lemonMessageImage,
lemonMessageFile,
- lemonMessageEvent,
+ lemonMessageEvent
];
const install = (Vue, opts = {}) => {
components.forEach(component => {
diff --git a/packages/message-type.txt b/packages/message-type.txt
deleted file mode 100644
index 43c44b0..0000000
--- a/packages/message-type.txt
+++ /dev/null
@@ -1,48 +0,0 @@
-/**
- *
- textMessage = {
- msgId: "msgid",
- status: "send_going",
- type: "text",
- isOutgoing: true,
- text: "text",
- fromUser: {},
- extras: {}// option
-}
-
-imageMessage = {
- msgId: "msgid",
- type: "image",
- isOutGoing: true,
- mediaPath: "image path",
- fromUser: {},
- extras: {}// option
-}
-
-videoMessage = { // video message
- msgId: "msgid",
- status: "send_failed",
- type: "video",
- isOutGoing: true,
- druation: number,
- mediaPath: "voice path",
- fromUser: {},
- extras: {}// option
-}
-customMessage = { // custom message
- msgId: "msgid",
- type: "custom",
- status: "send_failed",
- isOutgoing: true,
- contentSize: {height: 100, width: 100},
- content: "
custom message will render html string
", // content is html format, avoid to use