t-comm
Version:
专业、稳定、纯粹的工具库
76 lines (73 loc) • 7.82 kB
JavaScript
import { initCustomDom } from '../dialog/custom-dialog.mjs';
import { ShareConfig, SHARE_DOM_MAP, SHARE_TYPE_MAP, DEFAULT_SHOW_TYPE_IN_GAME } from './config.mjs';
import '../dom/dom.mjs';
import '../tslib.es6-096fffdd.js';
// import { initCustomDom } from './custom-dialog'; // press-ui
function initCommShareTip() {
var styleContent = '';
var _a = ShareConfig.shareObject,
isWzydShare = _a.isWzydShare,
_b = _a.wzydShareText,
wzydShareText = _b === void 0 ? '点击“...”分享链接' : _b;
var commonStyleContent = "\n .tip-toc-sharetips {position: fixed;z-index: 9999;height: 100%;width: 100%;left: 0;top: 0;}\n ";
if (isWzydShare) {
styleContent = "\n ".concat(commonStyleContent, "\n .tip-toc-sharetips {background: rgba(0,0,0,0.5);}\n .tip-toc-share-arrow{background: url(\"https://image-1251917893.file.myqcloud.com/Esports/user/img/share-tip-arrow.png\") no-repeat right center;background-size: .85rem .55rem;width: 100%;height: .55rem;margin-top: .16rem;}\n .tip-toc-share-box{display: flex;position: fixed;top: .66rem;right: .62rem;}\n .tip-toc-sharetips .share-tip {height: .93rem;width: auto;background: url(https://image-1251917893.file.myqcloud.com/Esports/user/img/share-tip-bg.png) no-repeat;background-size: 100% .93rem;color: #fff;font-size: .28rem;position: relative;margin-left: .89rem;}\n .tip-toc-sharetips .share-tip>span{display: block;max-width: 6rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-break: break-all;line-height: .93rem;}\n .tip-toc-sharetips .share-tip::before,.tip-toc-sharetips .share-tip::after{content: '';position: absolute;top: 0;height: .93rem;background-size: 100%;}\n .tip-toc-sharetips .share-tip::before{left: -.89rem;width: .89rem;background: url(https://image-1251917893.file.myqcloud.com/Esports/user/img/share-tip-left.png) no-repeat;}\n .tip-toc-sharetips .share-tip::after{right: -.61rem;width: .62rem;background: url(https://image-1251917893.file.myqcloud.com/Esports/user/img/share-tip-right.png) no-repeat;}\n ");
} else {
styleContent = "\n ".concat(commonStyleContent, "\n .tip-toc-sharetips {background: rgba(0,0,0,0.7);}\n .tip-toc-sharetips__arrow {position: absolute;top: .58rem;right: .58rem;width: 1.58rem;height: 1.52rem;background: url(https://image-1251917893.file.myqcloud.com/TIP_GameSystem_2020/toC/icon/share-arrow-2.png) center no-repeat;background-size: 1.58rem 1.52rem;}\n .tip-toc-sharetips__tip {padding: 2.1rem 2.2rem 0.1rem 0.2rem;text-align: right;font-size: .36rem;height: 2rem;color: #fff;}\n ");
}
var dialogContent = '';
if (isWzydShare) {
dialogContent = "<div class=\"tip-toc-sharetips\"><div class=\"tip-toc-share-arrow\" /><div class=\"tip-toc-share-box\"><div class=\"share-tip\"><span>".concat(wzydShareText, "</span></div></div></div>");
} else {
dialogContent = '<div class="tip-toc-sharetips"><div class="tip-toc-sharetips__arrow"></div><p class="tip-toc-sharetips__tip">点此分享</p></div>';
}
initCustomDom({
styleId: SHARE_DOM_MAP.SHARE_TIP_STYLE_ID,
styleContent: styleContent,
dialogId: SHARE_DOM_MAP.SHARE_TIP_DOM_ID,
dialogContent: dialogContent
});
var btn = document.getElementById(SHARE_DOM_MAP.SHARE_TIP_DOM_ID);
btn === null || btn === void 0 ? void 0 : btn.addEventListener('click', function () {
btn.style.display = 'none';
}, false);
}
function initCommShareUI(callback, showTypeInGame) {
if (showTypeInGame === void 0) {
showTypeInGame = DEFAULT_SHOW_TYPE_IN_GAME;
}
var styleContent = "\n .share-dialog-login{ padding:30px 20px; position:fixed; left:0; right:0; bottom:0;background:#222222; z-index:2001} .share-choose-login {width:100%;margin:20px auto 0;text-align: center;font-size:0;} .share-choose-login a {display:inline-block;vertical-align:middle;width:25%;} .share-type{ width:45px; height:45px; display:block; margin:0 auto; } .share-type-1{background:url(//game.gtimg.cn/images/sy/2016/miniweb/ingame/commsrc/shareicon.png) no-repeat;background-size:auto 100%;} .share-type-2{background:url(//game.gtimg.cn/images/sy/2016/miniweb/ingame/commsrc/shareicon.png) -45px 0 no-repeat;background-size:auto 100%;} .share-type-3{background:url(//game.gtimg.cn/images/sy/2016/miniweb/ingame/commsrc/shareicon.png) -90px 0 no-repeat;background-size:auto 100%;} .share-type-4{background:url(//game.gtimg.cn/images/sy/2016/miniweb/ingame/commsrc/shareicon.png) -135px 0 no-repeat;background-size:auto 100%;} .share-public-text {display: block;color: #aaa;font-size:14px;line-height:20px;padding-top:6px;} .share-dialog-close{ width:25px; height:25px; display:block; position:absolute; right:10px; top:10px; background:url(//game.gtimg.cn/images/user/cp/a20170922tipYYB/close-b.png) center center no-repeat; background-size:15px 15px; text-indent:-1000em; overflow:hidden} .share-layer{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:2000; background:rgba(0,0,0,0.5) }\n ";
var showThisType = function showThisType(type) {
return showTypeInGame.indexOf(type) > -1;
};
var dialogContent = "\n <div class=\"share-dialog-login\">\n <a href=\"javascript:;\" class=\"share-dialog-close\" onclick=\"document.getElementById('".concat(SHARE_DOM_MAP.SHARE_UI_DOM_ID, "').style.display='none';\">\u5173\u95ED</a>\n <div class=\"share-choose-login\">\n ").concat(showThisType(SHARE_TYPE_MAP.WX_TIMELINE) ? "<a href=\"javascript:;\" onclick=\"javascript:".concat(callback, "(").concat(SHARE_TYPE_MAP.WX_TIMELINE, ");\">\n <span class=\"share-type share-type-1 share-type--wx-friends\"></span>\n <span class=\"share-public-text\">\u670B\u53CB\u5708</span>\n </a>") : '', "\n ").concat(showThisType(SHARE_TYPE_MAP.WX_FRIENDS) ? "<a href=\"javascript:;\" onclick=\"javascript:".concat(callback, "(").concat(SHARE_TYPE_MAP.WX_FRIENDS, ");\">\n <span class=\"share-type share-type-2 share-type--wx-timeline\"></span>\n <span class=\"share-public-text\">\u5FAE\u4FE1\u597D\u53CB</span>\n </a>") : '', "\n ").concat(showThisType(SHARE_TYPE_MAP.QQ_FRIENDS) ? "<a href=\"javascript:;\" onclick=\"javascript:".concat(callback, "(").concat(SHARE_TYPE_MAP.QQ_FRIENDS, ");\">\n <span class=\"share-type share-type-3 share-type--qq-friends\"></span>\n <span class=\"share-public-text\">QQ\u597D\u53CB</span>\n </a>") : '', "\n ").concat(showThisType(SHARE_TYPE_MAP.QQ_ZONE) ? "<a href=\"javascript:;\" onclick=\"javascript:".concat(callback, "(").concat(SHARE_TYPE_MAP.QQ_ZONE, ");\">\n <span class=\"share-type share-type-4 share-type--qq-zone\"></span>\n <span class=\"share-public-text\">QQ\u7A7A\u95F4</span>\n </a>") : '', "\n </div>\n </div>\n <div class=\"share-layer\" onclick=\"document.getElementById('").concat(SHARE_DOM_MAP.SHARE_UI_DOM_ID, "').style.display='none';\"></div>\n ");
initCustomDom({
styleId: SHARE_DOM_MAP.SHARE_UI_STYLE_ID,
styleContent: styleContent,
dialogId: SHARE_DOM_MAP.SHARE_UI_DOM_ID,
dialogContent: dialogContent
});
}
function showCommShareUI() {
var dom = document.getElementById(SHARE_DOM_MAP.SHARE_UI_DOM_ID);
if (dom) {
dom.style.display = 'block';
}
}
function showCommShareTip() {
var dom = document.getElementById(SHARE_DOM_MAP.SHARE_TIP_DOM_ID);
if (dom) {
dom.style.display = 'block';
}
}
function calBase64Size(base64url) {
var str = base64url.replace('data:image/png;base64,', '');
var equalIndex = str.indexOf('=');
if (str.indexOf('=') > 0) {
str = str.substring(0, equalIndex);
}
var strLength = str.length;
var fileLength = parseInt("".concat(strLength - strLength / 8 * 2), 10);
return (fileLength / 1024).toFixed(2);
}
export { calBase64Size, initCommShareTip, initCommShareUI, showCommShareTip, showCommShareUI };