bxs-tools-ui 3.2.0 → 3.2.1

package/lib/index.js

@@ -23043,7 +23043,7 @@
     return C === undefined || (S = anObject(C)[SPECIES$7]) == undefined ? defaultConstructor : aFunction(S);
   };
 
-  var isIos = /(iphone|ipod|ipad).*applewebkit/i.test(userAgent);
+  var isIos$1 = /(iphone|ipod|ipad).*applewebkit/i.test(userAgent);
 
   var location$1 = global_1.location;
   var set$2 = global_1.setImmediate;
@@ -23108,7 +23108,7 @@
       };
     // Browsers with MessageChannel, includes WebWorkers
     // except iOS - https://github.com/zloirock/core-js/issues/624
-    } else if (MessageChannel && !isIos) {
+    } else if (MessageChannel && !isIos$1) {
       channel = new MessageChannel();
       port = channel.port2;
       channel.port1.onmessage = listener;
@@ -23177,7 +23177,7 @@
         process$2.nextTick(flush);
       };
     // browsers with MutationObserver, except iOS - https://github.com/zloirock/core-js/issues/339
-    } else if (MutationObserver$1 && !isIos) {
+    } else if (MutationObserver$1 && !isIos$1) {
       toggle = true;
       node = document.createTextNode('');
       new MutationObserver$1(flush).observe(node, { characterData: true });
@@ -28380,7 +28380,7 @@
 
   var userAgent$1 = getBuiltIn$1('navigator', 'userAgent') || '';
 
-  var isIos$1 = /(iphone|ipod|ipad).*applewebkit/i.test(userAgent$1);
+  var isIos$1$1 = /(iphone|ipod|ipad).*applewebkit/i.test(userAgent$1);
 
   var location$1$1 = global_1$1.location;
   var set$3 = global_1$1.setImmediate;
@@ -28445,7 +28445,7 @@
       };
     // Browsers with MessageChannel, includes WebWorkers
     // except iOS - https://github.com/zloirock/core-js/issues/624
-    } else if (MessageChannel$1 && !isIos$1) {
+    } else if (MessageChannel$1 && !isIos$1$1) {
       channel$1 = new MessageChannel$1();
       port$1 = channel$1.port2;
       channel$1.port1.onmessage = listener$1;
@@ -28514,7 +28514,7 @@
         process$5.nextTick(flush$1);
       };
     // browsers with MutationObserver, except iOS - https://github.com/zloirock/core-js/issues/339
-    } else if (MutationObserver$2 && !isIos$1) {
+    } else if (MutationObserver$2 && !isIos$1$1) {
       toggle$1 = true;
       node$1 = document.createTextNode('');
       new MutationObserver$2(flush$1).observe(node$1, { characterData: true });
@@ -47847,6 +47847,9 @@
     staticRenderFns: __vue_staticRenderFns__$1
   }, __vue_inject_styles__$1, __vue_script__$1);
 
+  var _Jax$parseUaString = Jax.parseUaString(),
+    isIos = _Jax$parseUaString.isIos;
+    _Jax$parseUaString.isAndroid;
   var oneDayMillisecond = 24 * 3600 * 1000;
   var EXPIRE_ENUM = [{
     value: 'NEVER',
@@ -47891,8 +47894,8 @@
     actionIcon: 'https://media.winbaoxian.com/assets-uploader/base_ss_share_widget_mini_program_data%402x-1774344809770.png'
   }, {
     action: 'system_share',
-    actionName: '系统分享',
-    actionIcon: 'https://media.winbaoxian.com/assets-uploader/base_ss_share_widget_system_share%402x-1774344871114.png'
+    actionName: isIos ? '隐藏分享来源' : '复制链接',
+    actionIcon: isIos ? 'https://media.winbaoxian.com/assets-uploader/base_ss_share_widget_wechat%402x-1774342740104.png' : 'https://media.winbaoxian.com/assets-uploader/base_ss_share_widget_system_share%402x-1774344871114.png'
   }, {
     action: 'generatePoster',
     actionName: '生成海报',
@@ -48237,8 +48240,7 @@
     }), 1)], 1) : _vm._e(), _vm._t("header"), _vm.shareOptions.length ? _c('section', {
       staticClass: "bxt-share bxt-bottom-border"
     }, [_c('div', {
-      staticClass: "bxt-share-wrapper",
-      class: [_vm.shareOptions.length > 4 ? 'more' : '']
+      staticClass: "bxt-share-wrapper"
     }, _vm._l(_vm.shareOptions, function (o) {
       return _c('figure', {
         key: o.action,
@@ -48254,12 +48256,11 @@
           "src": o.actionIcon,
           "alt": "icon"
         }
-      }) : _vm._e()]), _c('figcaption', [_vm._v(_vm._s(_vm.textOverflowEllipsis(o.actionName, 5)))])]);
+      }) : _vm._e()]), _c('figcaption', [_vm._v(_vm._s(_vm.textOverflowEllipsis(o.actionName, 6)))])]);
     }), 0)]) : _vm._e(), _vm.actionOptions.length ? _c('section', {
       staticClass: "bxt-share bxt-bottom-border"
     }, [_c('div', {
-      staticClass: "bxt-share-wrapper",
-      class: [_vm.actionOptions.length > 4 ? 'more' : '']
+      staticClass: "bxt-share-wrapper"
     }, _vm._l(_vm.actionOptions, function (o) {
       return _c('figure', {
         key: o.action,
@@ -48275,7 +48276,7 @@
           "src": o.actionIcon,
           "alt": "icon"
         }
-      }) : _vm._e()]), _c('figcaption', [_vm._v(_vm._s(_vm.textOverflowEllipsis(o.actionName, 5)))])]);
+      }) : _vm._e()]), _c('figcaption', [_vm._v(_vm._s(_vm.textOverflowEllipsis(o.actionName, 6)))])]);
     }), 0)]) : _vm._e(), _c('footer', {
       staticClass: "bxt-fooer"
     }, [_c('div', {
@@ -48332,7 +48333,7 @@
     install(window.Vue);
   }
   var index = {
-    version: '3.2.0',
+    version: '3.2.1',
     install: install
   };
 

package/lib/share-sheet/index.css

@@ -1 +1 @@
-*{margin:0;padding:0}body{color:#333}dl,ul{list-style:none}img{max-width:100%}a{color:#333;display:block;text-decoration:none}em{font-style:normal}article,aside,footer,header,nav,section{display:block}.bxt-share-sheet{background-color:transparent;color:#333}.bxt-share-sheet .bxt-share-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-webkit-box-pack:end;-moz-box-pack:end;-ms-flex-pack:end;bottom:0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;-webkit-justify-content:flex-end;justify-content:flex-end;left:0;overflow:hidden;position:absolute;width:100%}.bxt-share-sheet .bxt-share-image{padding:30px 40px}.bxt-share-sheet .bxt-share-image img{width:100%}.bxt-share-sheet .bxt-share-content{background:#fff}.bxt-share-sheet .bxt-expire{padding:15px 15px 15px 21px}.bxt-share-sheet .bxt-expire .bxt-title{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.bxt-share-sheet .bxt-expire .bxt-title .bxt-tx{font-size:14px;font-weight:700;font-weight:500;line-height:17px}.bxt-share-sheet .bxt-expire .bxt-title .bxt-description{color:#666;font-size:13px;line-height:16px;margin-left:18px}.bxt-share-sheet .bxt-expire .bxt-title .bxt-description .van-icon{color:#b5b5b5;font-size:15px;vertical-align:middle}.bxt-share-sheet .bxt-expire .bxt-title .bxt-description span{margin-left:3px;vertical-align:middle}.bxt-share-sheet .bxt-expire .van-radio-group{margin-top:6px}.bxt-share-sheet .bxt-expire .van-radio-group .van-radio{-webkit-box-flex:0;-moz-box-flex:0;-webkit-flex:0 0 32%;-ms-flex:0 0 32%;flex:0 0 32%;margin-right:0;margin-top:12px}.bxt-share-sheet .bxt-expire .van-radio-group .van-radio .van-radio__icon{color:#0a64fe;font-size:15px;line-height:20px;vertical-align:middle}.bxt-share-sheet .bxt-expire .van-radio-group .van-radio .van-radio__label{margin-left:6px;vertical-align:middle}.bxt-share-sheet .bxt-explain{color:#666;font-size:13px;line-height:19px}.bxt-share-sheet .bxt-explain-title{padding:15px 21px}.bxt-share-sheet .bxt-explain-text{padding:12px 15px}.bxt-share-sheet .bxt-explain-text .bxt-explain-text-content{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;width:100%}.bxt-share-sheet .bxt-explain-text--copy{padding:12px 15px}.bxt-share-sheet .bxt-explain-text--copy .bxt-explain-text-wrapper{background:#f5f5f5;border-radius:6px;padding:12px 15px}.bxt-share-sheet .bxt-share .bxt-share-wrapper{-webkit-box-pack:start;-moz-box-pack:start;-ms-flex-pack:start;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;overflow:auto;padding:20px 15px}.bxt-share-sheet .bxt-share .bxt-share-wrapper::-webkit-scrollbar{display:none}.bxt-share-sheet .bxt-share .bxt-share-wrapper figure{-webkit-box-flex:0;-moz-box-flex:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.bxt-share-sheet .bxt-share .bxt-share-wrapper figure,.bxt-share-sheet .bxt-share .bxt-share-wrapper figure .bxt-empty-image{-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center}.bxt-share-sheet .bxt-share .bxt-share-wrapper figure .bxt-empty-image{background:#f3f7f9;border-radius:50px;height:50px;overflow:hidden;width:50px}.bxt-share-sheet .bxt-share .bxt-share-wrapper figure .bxt-empty-image img{display:block;margin:0 auto;width:100%}.bxt-share-sheet .bxt-share .bxt-share-wrapper figure figcaption{color:#666;font-size:12px;height:15px;line-height:15px;margin-top:5px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.bxt-share-sheet .bxt-share .bxt-share-wrapper.more figure{-webkit-box-flex:0;-moz-box-flex:0;-webkit-flex:0 0 23%;-ms-flex:0 0 23%;flex:0 0 23%}.bxt-share-sheet .bxt-fooer:after{content:"";display:block;height:constant(safe-area-inset-bottom);height:env(safe-area-inset-bottom)}.bxt-share-sheet .bxt-fooer{font-size:15px;line-height:18px;padding:16px 15px;text-align:center}.bxt-share-sheet .bxt-bottom-border{overflow:hidden;position:relative}.bxt-share-sheet .bxt-bottom-border:before{border-bottom:1px solid #e5e5e5;bottom:0;content:"";left:15px;position:absolute;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:left center;transform-origin:left center;width:200%}
+*{margin:0;padding:0}body{color:#333}dl,ul{list-style:none}img{max-width:100%}a{color:#333;display:block;text-decoration:none}em{font-style:normal}article,aside,footer,header,nav,section{display:block}.bxt-share-sheet{background-color:transparent;color:#333}.bxt-share-sheet .bxt-share-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-webkit-box-pack:end;-moz-box-pack:end;-ms-flex-pack:end;bottom:0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;-webkit-justify-content:flex-end;justify-content:flex-end;left:0;overflow:hidden;position:absolute;width:100%}.bxt-share-sheet .bxt-share-image{padding:30px 40px}.bxt-share-sheet .bxt-share-image img{width:100%}.bxt-share-sheet .bxt-share-content{background:#fff}.bxt-share-sheet .bxt-expire{padding:15px 15px 15px 21px}.bxt-share-sheet .bxt-expire .bxt-title{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.bxt-share-sheet .bxt-expire .bxt-title .bxt-tx{font-size:14px;font-weight:700;font-weight:500;line-height:17px}.bxt-share-sheet .bxt-expire .bxt-title .bxt-description{color:#666;font-size:13px;line-height:16px;margin-left:18px}.bxt-share-sheet .bxt-expire .bxt-title .bxt-description .van-icon{color:#b5b5b5;font-size:15px;vertical-align:middle}.bxt-share-sheet .bxt-expire .bxt-title .bxt-description span{margin-left:3px;vertical-align:middle}.bxt-share-sheet .bxt-expire .van-radio-group{margin-top:6px}.bxt-share-sheet .bxt-expire .van-radio-group .van-radio{-webkit-box-flex:0;-moz-box-flex:0;-webkit-flex:0 0 32%;-ms-flex:0 0 32%;flex:0 0 32%;margin-right:0;margin-top:12px}.bxt-share-sheet .bxt-expire .van-radio-group .van-radio .van-radio__icon{color:#0a64fe;font-size:15px;line-height:20px;vertical-align:middle}.bxt-share-sheet .bxt-expire .van-radio-group .van-radio .van-radio__label{margin-left:6px;vertical-align:middle}.bxt-share-sheet .bxt-explain{color:#666;font-size:13px;line-height:19px}.bxt-share-sheet .bxt-explain-title{padding:15px 21px}.bxt-share-sheet .bxt-explain-text{padding:12px 15px}.bxt-share-sheet .bxt-explain-text .bxt-explain-text-content{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;width:100%}.bxt-share-sheet .bxt-explain-text--copy{padding:12px 15px}.bxt-share-sheet .bxt-explain-text--copy .bxt-explain-text-wrapper{background:#f5f5f5;border-radius:6px;padding:12px 15px}.bxt-share-sheet .bxt-share .bxt-share-wrapper{overflow:auto;padding:20px 15px;white-space:nowrap}.bxt-share-sheet .bxt-share .bxt-share-wrapper::-webkit-scrollbar{display:none}.bxt-share-sheet .bxt-share .bxt-share-wrapper figure{display:inline-block;text-align:center;width:21.3333vw}.bxt-share-sheet .bxt-share .bxt-share-wrapper figure .bxt-empty-image{background:#f3f7f9;border-radius:50px;height:50px;margin:0 auto;overflow:hidden;width:50px}.bxt-share-sheet .bxt-share .bxt-share-wrapper figure .bxt-empty-image img{display:block;margin:0 auto;width:100%}.bxt-share-sheet .bxt-share .bxt-share-wrapper figure figcaption{color:#666;font-size:12px;height:15px;line-height:15px;margin-top:5px;text-align:center;white-space:nowrap;width:100%}.bxt-share-sheet .bxt-fooer:after{content:"";display:block;height:constant(safe-area-inset-bottom);height:env(safe-area-inset-bottom)}.bxt-share-sheet .bxt-fooer{font-size:15px;line-height:18px;padding:16px 15px;text-align:center}.bxt-share-sheet .bxt-bottom-border{overflow:hidden;position:relative}.bxt-share-sheet .bxt-bottom-border:before{border-bottom:1px solid #e5e5e5;bottom:0;content:"";left:15px;position:absolute;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:left center;transform-origin:left center;width:200%}

package/lib/share-sheet/index.js

@@ -8535,6 +8535,9 @@
     return QS.stringify(params);
   });
 
+  var _Jax$parseUaString = Jax.parseUaString(),
+    isIos = _Jax$parseUaString.isIos;
+    _Jax$parseUaString.isAndroid;
   var oneDayMillisecond = 24 * 3600 * 1000;
   var EXPIRE_ENUM = [{
     value: 'NEVER',
@@ -8579,8 +8582,8 @@
     actionIcon: 'https://media.winbaoxian.com/assets-uploader/base_ss_share_widget_mini_program_data%402x-1774344809770.png'
   }, {
     action: 'system_share',
-    actionName: '系统分享',
-    actionIcon: 'https://media.winbaoxian.com/assets-uploader/base_ss_share_widget_system_share%402x-1774344871114.png'
+    actionName: isIos ? '隐藏分享来源' : '复制链接',
+    actionIcon: isIos ? 'https://media.winbaoxian.com/assets-uploader/base_ss_share_widget_wechat%402x-1774342740104.png' : 'https://media.winbaoxian.com/assets-uploader/base_ss_share_widget_system_share%402x-1774344871114.png'
   }, {
     action: 'generatePoster',
     actionName: '生成海报',
@@ -8937,8 +8940,7 @@
     }), 1)], 1) : _vm._e(), _vm._t("header"), _vm.shareOptions.length ? _c('section', {
       staticClass: "bxt-share bxt-bottom-border"
     }, [_c('div', {
-      staticClass: "bxt-share-wrapper",
-      class: [_vm.shareOptions.length > 4 ? 'more' : '']
+      staticClass: "bxt-share-wrapper"
     }, _vm._l(_vm.shareOptions, function (o) {
       return _c('figure', {
         key: o.action,
@@ -8954,12 +8956,11 @@
           "src": o.actionIcon,
           "alt": "icon"
         }
-      }) : _vm._e()]), _c('figcaption', [_vm._v(_vm._s(_vm.textOverflowEllipsis(o.actionName, 5)))])]);
+      }) : _vm._e()]), _c('figcaption', [_vm._v(_vm._s(_vm.textOverflowEllipsis(o.actionName, 6)))])]);
     }), 0)]) : _vm._e(), _vm.actionOptions.length ? _c('section', {
       staticClass: "bxt-share bxt-bottom-border"
     }, [_c('div', {
-      staticClass: "bxt-share-wrapper",
-      class: [_vm.actionOptions.length > 4 ? 'more' : '']
+      staticClass: "bxt-share-wrapper"
     }, _vm._l(_vm.actionOptions, function (o) {
       return _c('figure', {
         key: o.action,
@@ -8975,7 +8976,7 @@
           "src": o.actionIcon,
           "alt": "icon"
         }
-      }) : _vm._e()]), _c('figcaption', [_vm._v(_vm._s(_vm.textOverflowEllipsis(o.actionName, 5)))])]);
+      }) : _vm._e()]), _c('figcaption', [_vm._v(_vm._s(_vm.textOverflowEllipsis(o.actionName, 6)))])]);
     }), 0)]) : _vm._e(), _c('footer', {
       staticClass: "bxt-fooer"
     }, [_c('div', {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bxs-tools-ui",
-  "version": "3.2.0",
+  "version": "3.2.1",
   "description": "微易前端业务组件",
   "main": "lib/index.js",
   "module": "es/index.js",

package/packages/index.ts

@@ -50,6 +50,6 @@ export {
 }
 
 export default {
-  version: '3.2.0',
+  version: '3.2.1',
   install
 }

package/packages/share-sheet/constant.js

@@ -1,3 +1,6 @@
+import Jax from '@bxs/jax';
+export const { isIos, isAndroid } = Jax.parseUaString();
+
 const oneDayMillisecond = 24 * 3600 * 1000;
 
 export const EXPIRE_ENUM = [
@@ -32,8 +35,10 @@ export const ACTION_ENUM = [
   },
   {
     action: 'system_share',
-    actionName: '系统分享',
-    actionIcon: 'https://media.winbaoxian.com/assets-uploader/base_ss_share_widget_system_share%402x-1774344871114.png'
+    actionName: isIos ? '隐藏分享来源' : '复制链接',
+    actionIcon: isIos
+      ? 'https://media.winbaoxian.com/assets-uploader/base_ss_share_widget_wechat%402x-1774342740104.png'
+      : 'https://media.winbaoxian.com/assets-uploader/base_ss_share_widget_system_share%402x-1774344871114.png'
   },
   {
     action: 'generatePoster',

package/packages/share-sheet/demo/index.vue

@@ -61,24 +61,24 @@ export default {
         {
           action: 'wechat_timeline',
           ...shareInfo()
-        }
+        },
         // {
         //   action: 'qq_friends',
         //   ...shareInfo()
         // },
-        // {
-        //   action: 'shareMiniProgram',
-        //   webPageUrl: 'https://www.winbaoxian.com/', // 兼容低版本的网页链接
-        //   userName: 'gh_db166d39960f', // 小程序原始id
-        //   path: '/pages/result/index?uuid=e21d73a0c20d4900a765237a4907a82b&theme=theme_pbhzczdlw&t=1', // 小程序页面路径
-        //   title: '买保险优选服务', // 小程序消息title
-        //   description: '小程序消息描述信息', // 小程序消息desc
-        //   imageUrl: 'https://img.winbaoxian.com/static/app-zx-rule-pdf/allrule/20250325182134792.png' // 小程序消息封面图片，小于128k
-        // },
-        // {
-        //   action: 'system_share',
-        //   ...shareInfo()
-        // }
+        {
+          action: 'shareMiniProgram',
+          webPageUrl: 'https://www.winbaoxian.com/', // 兼容低版本的网页链接
+          userName: 'gh_db166d39960f', // 小程序原始id
+          path: '/pages/result/index?uuid=e21d73a0c20d4900a765237a4907a82b&theme=theme_pbhzczdlw&t=1', // 小程序页面路径
+          title: '买保险优选服务', // 小程序消息title
+          description: '小程序消息描述信息', // 小程序消息desc
+          imageUrl: 'https://img.winbaoxian.com/static/app-zx-rule-pdf/allrule/20250325182134792.png' // 小程序消息封面图片，小于128k
+        },
+        {
+          action: 'system_share',
+          ...shareInfo()
+        }
       ],
       featureActions: [
         {

package/packages/share-sheet/index.css

@@ -121,28 +121,23 @@
 
 	& .bxt-share {
 		& .bxt-share-wrapper {
-			display: flex;
-			justify-content: flex-start;
 			padding: 20px 15px;
 			overflow: auto;
+			white-space: nowrap;
 
 			&::-webkit-scrollbar {
 				display: none;
 			}
 
 			& figure {
-				flex: 0 0 25%;
-				display: flex;
-				flex-direction: column;
-				justify-content: center;
-				align-items: center;
+				display: inline-block;
+				width: 21.3333vw;
+				text-align: center;
 
 				& .bxt-empty-image {
-					display: flex;
-					align-items: center;
-					justify-content: center;
 					width: 50px;
 					height: 50px;
+					margin: 0 auto;
 					background: #f3f7f9;
 					border-radius: 50px;
 					overflow: hidden;
@@ -163,17 +158,9 @@
 					white-space: nowrap;
 					color: #666;
 					text-align: center;
-					overflow: hidden;
-					text-overflow: ellipsis;
 				}
 			}
 		}
-
-		& .bxt-share-wrapper.more {
-			& figure {
-				flex: 0 0 23%;
-			}
-		}
 	}
 
 	& .bxt-fooer {

package/packages/share-sheet/index.vue

@@ -36,22 +36,22 @@
         </section>
         <slot name="header"></slot>
         <section v-if="shareOptions.length" class="bxt-share bxt-bottom-border">
-          <div class="bxt-share-wrapper" :class="[shareOptions.length > 4 ? 'more' : '']">
+          <div class="bxt-share-wrapper">
             <figure v-for="o in shareOptions" :key="o.action" @click="onClickShare(o)">
               <div class="bxt-empty-image">
                 <img v-if="o.actionIcon" :src="o.actionIcon" alt="icon" />
               </div>
-              <figcaption>{{ textOverflowEllipsis(o.actionName, 5) }}</figcaption>
+              <figcaption>{{ textOverflowEllipsis(o.actionName, 6) }}</figcaption>
             </figure>
           </div>
         </section>
         <section v-if="actionOptions.length" class="bxt-share bxt-bottom-border">
-          <div class="bxt-share-wrapper" :class="[actionOptions.length > 4 ? 'more' : '']">
+          <div class="bxt-share-wrapper">
             <figure v-for="o in actionOptions" :key="o.action" @click="onClickAction(o)">
               <div class="bxt-empty-image">
                 <img v-if="o.actionIcon" :src="o.actionIcon" alt="icon" />
               </div>
-              <figcaption>{{ textOverflowEllipsis(o.actionName, 5) }}</figcaption>
+              <figcaption>{{ textOverflowEllipsis(o.actionName, 6) }}</figcaption>
             </figure>
           </div>
         </section>