@taole/newgiftbar 0.0.8 → 0.1.0

package/README.md

@@ -27,7 +27,7 @@ npm run build:npm
 
 ```bash
 npm run build:npm
-npm publish . --access=public --registry=https://registry.npmjs.org/ --tag rc
+npm publish
 ```
 
 发布认证、token 配置、常见报错排查见：[docs/npm-publish.md](./docs/npm-publish.md)

package/npm/newgiftbar.css

@@ -148,6 +148,11 @@
     display: flex;
     -ms-flex-wrap: wrap;
         flex-wrap: wrap;
+    -webkit-box-align: start;
+        -ms-flex-align: start;
+            align-items: flex-start;
+    -ms-flex-line-pack: start;
+        align-content: flex-start;
     padding: 10px;
     height: 234px;
     width: 646px;
@@ -172,7 +177,10 @@
     color: #333;
     font-size: 14px;
     width: 72px;
-    height: 96px;
+    min-height: 96px;
+    height: auto;
+    -ms-flex-item-align: start;
+        align-self: flex-start;
     margin-right: 12px;
     border: solid 1px #fff;
     cursor: pointer;
@@ -279,9 +287,10 @@
 .giftbar-item-title {
     width: 80px;
     margin-left: -4px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
+    line-height: 18px;
+    word-break: break-word;
+    overflow-wrap: break-word;
+    white-space: normal;
 }
 
 .giftbar-item-unit {
@@ -348,7 +357,8 @@
 }
 
 .giftbar-footer {
-    height: 40px;
+    min-height: 40px;
+    height: auto;
     background: #efefef;
     display: -webkit-box;
     display: -ms-flexbox;
@@ -382,10 +392,6 @@
             align-items: center;
 }
 
-.giftbar-user-static {
-    cursor: default;
-}
-
 .giftbar-count,
 .giftbar-user {
     height: 30px;
@@ -403,6 +409,14 @@
     cursor: pointer;
 }
 
+.giftbar-user.giftbar-user-static {
+    cursor: default;
+    height: auto;
+    min-height: 30px;
+    padding-right: 10px;
+    line-height: 18px;
+}
+
 .giftbar-count span,
 .giftbar-user span {
     font-size: 14px;
@@ -462,6 +476,17 @@
     white-space: nowrap;
 }
 
+/* 房间名 / type37 礼物名：对标旧栏 #sendGiftToCurrentRoomName，不截断 */
+.giftbar-user-name-wrap {
+    max-width: 220px;
+    overflow: visible;
+    text-overflow: unset;
+    white-space: normal;
+    word-break: break-word;
+    overflow-wrap: break-word;
+    line-height: 18px;
+}
+
 .giftbar-user-list {
     right: 0;
     left: auto;

package/npm/newgiftbar.es.js

@@ -3248,7 +3248,7 @@ function create_if_block_8(ctx) {
       div0 = element("div");
       span = element("span");
       t = text(t_value);
-      attr(span, "class", "giftbar-user-name");
+      attr(span, "class", "giftbar-user-name giftbar-user-name-wrap");
       attr(div0, "class", "giftbar-user giftbar-user-static");
       attr(div1, "class", "giftbar-sendgift-user");
     },
@@ -3293,7 +3293,7 @@ function create_if_block_6$3(ctx) {
       div0 = element("div");
       span = element("span");
       t1 = text(t1_value);
-      attr(span, "class", "giftbar-user-name");
+      attr(span, "class", "giftbar-user-name giftbar-user-name-wrap");
       attr(div0, "class", "giftbar-user giftbar-user-static");
       attr(div1, "class", "giftbar-sendgift-user");
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taole/newgiftbar",
-  "version": "0.0.8",
+  "version": "0.1.0",
   "description": "聊天室 / IM 礼物栏业务组件",
   "author": "",
   "module": "./npm/newgiftbar.es.js",