zmdms-webui 2.4.9 → 2.5.1

package/dist/less/components/ChatRoom/style/index.less

@@ -0,0 +1,147 @@
+.ztxk-chat-room--container {
+  display: flex;
+  flex-direction: row;
+  box-sizing: border-box;
+  &.ztxk-chat-room--container--bordered {
+    border: 1px solid #e5e5e5;
+    padding: 10px;
+  }
+  .ztxk-chat-room--left {
+    width: 300px;
+    height: 100%;
+    background: #fff;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    .ztxk-chat-room--title {
+      height: 50px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      line-height: 22px;
+      padding: 0 10px;
+      box-sizing: border-box;
+    }
+
+    .ztxk-chat-room--search {
+      padding: 10px 4px;
+      box-sizing: border-box;
+      .ant-input-search {
+        input {
+          background-color: #f0f0f0;
+          border-radius: 10px 0 0 10px;
+          border: none;
+          &:focus {
+            box-shadow: none;
+          }
+        }
+        .ant-input-group-addon {
+          border-radius: 0 10px 10px 0;
+          button {
+            background-color: #f0f0f0;
+            border-radius: 0 10px 10px 0;
+            border: none;
+            box-shadow: none;
+          }
+        }
+      }
+    }
+
+    .ztxk-chat-room--list {
+      flex: 1;
+      overflow-y: auto;
+      overflow-x: hidden;
+      .ztxk-chat-room--list__item {
+        box-sizing: border-box;
+        height: 60px;
+        cursor: pointer;
+        display: flex;
+        align-items: center;
+        &:hover {
+          background-color: #d9d9d9;
+        }
+        &.active {
+          background-color: #c0e2ff !important;
+        }
+        .ztxk-chat-room--item__name {
+          background-color: #69f;
+          color: #fff;
+          width: 48px;
+          height: 58px;
+          border-radius: 5px;
+          text-align: center;
+          padding: 5px;
+          word-wrap: break-word;
+          word-break: break-all;
+          transform: scale(0.8);
+          display: flex;
+          flex-shrink: 0;
+          > span {
+            font-size: 12px;
+            line-height: 18px;
+            text-align: center;
+          }
+        }
+
+        .ztxk-chat-room--item__text {
+          box-sizing: border-box;
+          flex: 1;
+          font-size: 12px;
+          height: 48px;
+          display: flex;
+          flex-direction: column;
+          justify-content: space-between;
+          .ztxk-chat-room--item__text--top {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            width: 160px;
+            .ztxk-chat-room--item__text--room {
+              width: 120px;
+              display: block;
+              font-size: 12px;
+              font-weight: bolder;
+              overflow: hidden;
+              white-space: nowrap;
+              text-overflow: ellipsis;
+            }
+          }
+          .ztxk-chat-room--item__text--bottom {
+            text-overflow: ellipsis;
+            overflow: hidden;
+            white-space: nowrap;
+            color: #a2a2a2;
+            font-size: 12px;
+            width: 160px;
+            a {
+              color: #1890ff;
+            }
+          }
+        }
+
+        .ztxk-chat-room--item__other {
+          width: 80px;
+          text-align: right;
+          font-size: 12px;
+          height: 48px;
+          display: flex;
+          flex-direction: column;
+          justify-content: space-between;
+          .ztxk-chat-room--item__other--name,
+          .ztxk-chat-room--item__other--time {
+            color: #a2a2a2;
+            font-size: 12px;
+            text-overflow: ellipsis;
+            overflow: hidden;
+            white-space: nowrap;
+            padding-right: 5px;
+          }
+        }
+      }
+    }
+  }
+
+  .ztxk-chat-room--right {
+    flex: 1;
+  }
+}

package/dist/less/components/ChatRoom/style/style.less

@@ -0,0 +1,2 @@
+@import "../../../styles/default.less";
+@import "./index.less";

package/dist/less/styles/index.less

@@ -67,6 +67,8 @@
 
 @import "../components/CanvasTable/style/index.less";
 
+@import "../components/ChatRoom/style/index.less";
+
 // 显示换行符
 .ant-tooltip-inner {
   white-space: pre-wrap;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zmdms-webui",
-  "version": "2.4.9",
+  "version": "2.5.1",
   "private": false,
   "main": "dist/index.es.js",
   "module": "dist/index.es.js",
@@ -148,6 +148,7 @@
     "react-contexify": "^6.0.0",
     "react-dnd": "^16.0.1",
     "react-dnd-html5-backend": "^16.0.1",
+    "react-draggable": "^4.5.0",
     "screenfull": "^6.0.2",
     "virtuallist-antd": "^0.8.0-beta.1",
     "xlsx": "^0.18.5",