增加sendText、sendKey参数，增加editor-footer插槽

2021-01-28 20:22:50 +08:00
parent 1a4fddb482
commit 5d7432590c
11 changed files with 240 additions and 36 deletions
@@ -65,7 +65,12 @@
        @message-click="handleMessageClick"
        @change-contact="handleChangeContact"
        @send="handleSend"
+        send-text="发送消息"
+        :send-key="(e)=>e.ctrlKey == true"
      >
+        <template #editor-footer>
+          按 ctrl 键发送消息
+        </template>
        <template #cover>
          <div class="cover">
            <i class="lemon-icon-message"></i>
@@ -176,7 +181,7 @@
          <td></td>
        </tr>
        <tr>
-          <td>lastSendTime</td>
+          <td>lastContent</td>
          <td>最近一条消息的内容</td>
          <td>String | Vnode</td>
          <td></td>
@@ -294,7 +299,21 @@
          <td width="350">主题</td>
          <td width="150">default | blue</td>
          <td width="100">default</td>
-          <td>主题颜色</td>
+          <td></td>
+        </tr>
+        <tr>
+          <td width="150">sendText</td>
+          <td width="350">发送消息按钮的文字</td>
+          <td width="150">String</td>
+          <td width="100">发送消息</td>
+          <td></td>
+        </tr>
+        <tr>
+          <td width="150">sendKey</td>
+          <td width="350">快捷发送键检查函数</td>
+          <td width="150">Function(event)=>Boolean</td>
+          <td width="100"></td>
+          <td>(e)=>e.keyCode == 13 && e.ctrlKey</td>
        </tr>
        <tr>
          <td width="150">simple</td>
@@ -585,6 +604,11 @@
          <td width="350">初始化时的封面</td>
          <td width="150">-</td>
        </tr>
+        <tr>
+          <td width="150">editor-footer</td>
+          <td width="350">消息输入框底部</td>
+          <td width="150">-</td>
+        </tr>
        <tr>
          <td width="150">message-title</td>
          <td width="350">消息列表的标题</td>
@@ -1 +1 @@
-<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><link rel=icon href=favicon.ico><title>Lemon IMUI</title><link href=css/index.9ef31261.css rel=preload as=style><link href=js/chunk-vendors.e4810482.js rel=preload as=script><link href=js/index.9a55b7ef.js rel=preload as=script><link href=css/index.9ef31261.css rel=stylesheet></head><body><noscript><strong>We're sorry but flat-im doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=js/chunk-vendors.e4810482.js></script><script src=js/index.9a55b7ef.js></script></body></html>
+<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><link rel=icon href=favicon.ico><title>Lemon IMUI</title><link href=css/index.9ef31261.css rel=preload as=style><link href=js/chunk-vendors.e4810482.js rel=preload as=script><link href=js/index.b9ac8f2d.js rel=preload as=script><link href=css/index.9ef31261.css rel=stylesheet></head><body><noscript><strong>We're sorry but flat-im doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=js/chunk-vendors.e4810482.js></script><script src=js/index.b9ac8f2d.js></script></body></html>
@@ -1,7 +1,6 @@
 import Vue from "vue";
 import App from "./App.vue";
 import LemonIMUI from "../packages";
-//import LemonIMUI from "../dist/index.umd.min";
 Vue.use(LemonIMUI);

 Vue.config.productionTip = false;