* @license MIT
*
* @example
*
* socialShare('.share-components');
*
* // or
*
* socialShare('.share-bar', {
* sites: ['qzone', 'qq', 'weibo','wechat'],
* // ...
* });
*
*/
;(function (window, document, undefined) {
// Initialize a variables.
var Array$indexOf = Array.prototype.indexOf;
var Object$assign = Object.assign;
var runningInWeChat = /MicroMessenger/i.test(navigator.userAgent);
var ismobilesScreen = document.documentElement.clientWidth <= 768;
var image = (document.images[0] || 0).src || '';
var site = getMetaContentByName('site') || getMetaContentByName('Site') || document.title;
var title = getMetaContentByName('title') || getMetaContentByName('Title') || document.title;
var description = getMetaContentByName('description') || getMetaContentByName('Description') || '';
var defaults = {
url: location.href,
origin: location.origin,
source: site,
title: title,
description: description,
image: image,
imageSelector: undefined,
weiboKey: '',
wechatQrcodeTitle: '微信扫一扫：分享',
wechatQrcodeHelper: '微信里点“发现”，扫一下
二维码便可将本文分享至朋友圈。
',
wechatQrcodeSize: 100,
sites: ['weibo', 'qq', 'wechat', 'douban', 'qzone', 'linkedin', 'facebook', 'twitter', 'google'],
mobilesSites: [],
disabled: [],
initialized: false
};
var templates = {
qzone: 'http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url={{URL}}&title={{TITLE}}&desc={{DESCRIPTION}}&summary={{SUMMARY}}&site={{SOURCE}}&pics={{IMAGE}}',
qq: 'http://connect.qq.com/widget/shareqq/index.html?url={{URL}}&title={{TITLE}}&source={{SOURCE}}&desc={{DESCRIPTION}}&pics={{IMAGE}}&summary="{{SUMMARY}}"',
weibo: 'https://service.weibo.com/share/share.php?url={{URL}}&title={{TITLE}}&pic={{IMAGE}}&appkey={{WEIBOKEY}}',
wechat: 'javascript:',
douban: 'http://shuo.douban.com/!service/share?href={{URL}}&name={{TITLE}}&text={{DESCRIPTION}}&image={{IMAGE}}&starid=0&aid=0&style=11',
linkedin: 'http://www.linkedin.com/shareArticle?mini=true&ro=true&title={{TITLE}}&url={{URL}}&summary={{SUMMARY}}&source={{SOURCE}}&armin=armin',
facebook: 'https://www.facebook.com/sharer/sharer.php?u={{URL}}',
twitter: 'https://twitter.com/intent/tweet?text={{TITLE}}&url={{URL}}&via={{ORIGIN}}',
google: 'https://plus.google.com/share?url={{URL}}'
};
/**
* Expose API to the global
*
* @param {String|Element} elem
* @param {Object} options
*/
window.socialShare = function (elem, options) {
elem = typeof elem === 'string' ? querySelectorAlls(elem) : elem;
if (elem.length === undefined) {
elem = [elem];
}
each(elem, function (el) {
if (!el.initialized) {
share(el, options);
}
});
};
// Domready after initialization
alReady(function () {
socialShare('.social-share, .share-component');
});
/**
* Initialize a share bar.
*
* @param {Object} $options globals (optional).
*
* @return {Void}
*/
function share(elem, options) {
var data = mixin({}, defaults, options || {}, dataset(elem));
if (data.imageSelector) {
data.image = querySelectorAlls(data.imageSelector).map(function(item) {
return item.src;
}).join('||');
}
addClass(elem, 'share-component social-share');
createIcons(elem, data);
createWechat(elem, data);
elem.initialized = true;
}
/**
* Create site icons
*
* @param {Element} elem
* @param {Object} data
*/
function createIcons(elem, data) {
var sites = getSites(data);
var isPrepend = data.mode == 'prepend';
each(isPrepend ? sites.reverse() : sites, function (name) {
var url = makeUrl(name, data);
var link = data.initialized ? getElementsByClassName(elem, 'icon-' + name) : createElementByString('');
if (!link.length) {
return true;
}
link[0].href = url;
if (name === 'wechat') {
link[0].tabindex = -1;
} else {
link[0].target = '_blank';
}
if (!data.initialized) {
isPrepend ? elem.insertBefore(link[0], elem.firstChild) : elem.appendChild(link[0]);
}
});
}
/**
* Create the wechat icon and QRCode.
*
* @param {Element} elem
* @param {Object} data
*/
function createWechat (elem, data) {
var wechat = getElementsByClassName(elem, 'icon-wechat', 'a');
if (wechat.length === 0) {
return false;
}
var elems = createElementByString('' + data.wechatQrcodeTitle + '
' + data.wechatQrcodeHelper + '