zui
Version:
一个基于 Bootstrap 深度定制开源前端实践方案，帮助你快速构建现代跨屏应用。
1,239 lines (1,161 loc) • 93 kB
JavaScript
/* ========================================================================
* ZUI: doc.js
* For document UI
* http://zui.sexy
* ========================================================================
* Copyright (c) 2014-2016 cnezsoft.com; Licensed MIT
* ======================================================================== */
+(function(window, $) {
'use strict';
if(window.location.protocol === 'file:') {
$('#fileProtocolTip').removeClass('hidden');
$('.loading.loader').removeClass('loading');
return;
}
if($.zui.browser.ie && $.zui.browser.ie < 11) {
$.zui.messager.danger('你正在使用 IE 较低版本访问，无法获得 ZUI 文档网站的完整体验，建议你更换浏览器再访问。', {time: 20000});
}
$.fn.allAttrs = function() {
var attrs = {};
$.each($(this)[0].attributes, function(index, attribute) {
attrs[attribute.name] = attribute.value;
});
return attrs;
}
var getQueryString = function(name, defaultValue) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if(r !== null) return unescape(r[2]);
return defaultValue;
};
var debug = getQueryString('debug', 0);
if(debug) {
console.warn("DEBUG ENABLED.");
$('#pageReloadBtn').show();
}
var chapters = {
basic : {col: 1},
control : {col: 2},
component : {col: 2},
javascript : {col: 3},
view : {col: 3},
learn : {col: 1},
promotion : {col: 1, row: 2},
resource : {col: 1, row: 2},
contribution: {col: 1, row: 2}
};
var isTouchScreen = 'ontouchstart' in document.documentElement;
var LAST_RELOAD_ANIMATE_ID = 'lastReloadAnimate',
LAST_QUERY_ID = 'LAST_QUERY_ID',
INDEX_JSON = debug ? 'docs/index.json' : 'docs/index.min.json',
ICONS_JSON = debug ? 'docs/icons.json' : 'docs/icons.min.json',
PKG_JSON = 'package.json',
ZUI_JSON = debug ? 'zui.json' : 'docs/zui.min.json',
ZUI_CUSTOM_JSON = 'zui.custom.json',
UNDEFINED = undefined,
isNewRelease = (new Date().getTime()) < 1541001600000, // 2018/10/1
dataVersion,
storageEnable,
docIndex, iconsIndex, currentSection,
zuiPkg,
pkgLibs = {
standard: null,
lite: null,
seperate: null
};
var docThemes = {
"default": {
variables: {
'color-primary': '#3280fc',
'color-secondary': '#145ccd',
'color-pale': '#ebf2f9',
'border-radius-base': '4px',
'border-radius-large': '6px',
'border-radius-small': '3px'
}
},
"blue": {
variables: {
'color-primary': '#039BE5',
'color-secondary': '#0288d1',
'color-pale': '#e1f5fe',
'border-radius-base': '4px',
'border-radius-large': '6px',
'border-radius-small': '2px'
}
},
"red": {
variables: {
'color-primary': '#d9534f',
'color-secondary': '#c74743',
'color-pale': '#ffebee',
'border-radius-base': '4px',
'border-radius-large': '6px',
'border-radius-small': '2px'
}
},
"green": {
variables: {
'color-primary': '#4caf50',
'color-secondary': '#43a047',
'color-pale': '#e8f5e9',
'border-radius-base': 0,
'border-radius-large': 0,
'border-radius-small': 0
}
},
"purple": {
variables: {
'color-primary': '#8666b8',
'color-secondary': '#673AB7',
'color-pale': '#f5eeff',
'border-radius-base': 0,
'border-radius-large': 0,
'border-radius-small': 0
}
},
"brown": {
variables: {
'color-primary': '#8D6E63',
'color-secondary': '#795548',
'color-pale': '#f7ebe1',
'border-radius-base': '15px',
'border-radius-large': '15px',
'border-radius-small': '15px'
}
},
"yellow": {
variables: {
'color-primary': '#d0884d',
'color-secondary': '#bd7b46',
'color-pale': '#fff0d5',
'border-radius-base': '4px',
'border-radius-large': '6px',
'border-radius-small': '2px'
}
},
"indigo": {
variables: {
'color-primary': '#3F51B5',
'color-secondary': '#3949AB',
'color-pale': '#ECEFF1',
'border-radius-base': 0,
'border-radius-large': '1px',
'border-radius-small': 0
}
},
"bluegrey": {
variables: {
'color-primary': '#607D8B',
'color-secondary': '#546E7A',
'color-pale': '#ECEFF1',
'border-radius-base': 0,
'border-radius-large': 0,
'border-radius-small': 0
}
},
"black": {
variables: {
'color-primary': '#333',
'color-secondary': '#222',
'color-pale': '#f5f5f5',
'border-radius-base': 0,
'border-radius-large': 0,
'border-radius-small': 0
}
}
};
var documentTitle = 'ZUI',
sectionsShowed,
queryGaCallback,
scrollBarWidth = -1,
bestPageWidth = 1120,
$body, $window, $grid, $sectionTemplate,
$queryInput, $chapters, $pageAttrs,
firstOpenPage = true,
$choosedSection, $page, $pageHeader, $pageContent, $pageLoader,
$pageBody, $navbar, $search, lastQueryString,
$header, $sections, $chapterHeadings,
$copyCodeBtn; // elements
var isExternalUrl = function(url) {
if(typeof url === 'string') {
url = url.toLowerCase();
return url.startsWith('http://') || url.startsWith('https://');
}
return false;
};
var limitString = function(str, len) {
if(str && str.length > len) {
return str.substr(0, len) + '...[' + str.length + ']';
}
return str;
};
var checkScrollbar = function() {
if(document.body.clientWidth >= window.innerWidth) return;
if(scrollBarWidth < 0) {
var scrollDiv = document.createElement('div');
scrollDiv.className = 'modal-scrollbar-measure';
$body.append(scrollDiv);
scrollBarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth;
$body[0].removeChild(scrollDiv);
}
if(scrollBarWidth) {
var bodyPad = parseInt(($body.css('padding-right') || 0), 10);
$body.css('padding-right', bodyPad + scrollBarWidth);
$navbar.css('padding-right', scrollBarWidth);
}
};
var resetScrollbar = function() {
$body.css('padding-right', '');
$navbar.css('padding-right', '');
};
var loadData = function(url, callback, delayLoadRemote, waitRemote) {
var cacheData = null;
var isIndexJson = url === INDEX_JSON;
var isIconsJson = url === ICONS_JSON;
var isHasCache = false;
if(isIndexJson && docIndex) {
cacheData = {
data: docIndex,
version: docIndex.version
};
isHasCache = true;
} else if(isIconsJson && iconsIndex) {
cacheData = iconsIndex;
isHasCache = true;
} else if(storageEnable) {
var storedData = $.zui.store.get('//' + url, null);
if(storedData !== null) {
var storedVersion = $.zui.store.get('//' + url + '::V');
if(storedVersion) {
cacheData = {
data: storedData,
version: storedVersion
};
isHasCache = true;
if(!docIndex && isIndexJson) {
docIndex = storedData;
}
if(debug) console.log('Ready storage data ', url, ':', cacheData);
}
}
}
if(isHasCache && (isIndexJson || cacheData.version === dataVersion)) {
if(debug) console.log('Load', url, 'from cache:', cacheData);
if(!waitRemote) {
callback(cacheData.data, 'cache');
if(!isIndexJson && !debug) return;
}
}
var loadFromRemote = function() {
var dataType = url.endsWith('.json') ? 'json' : (url.endsWith('.md') ? 'text' : 'html');
$.ajax({
url: url,
type: 'GET',
dataType: dataType,
success: function(data) {
if(data !== null) {
if(isIndexJson) {
dataVersion = data.version;
docIndex = data;
} else if(isIconsJson) {
iconsIndex = {
data: data,
version: dataVersion
};
}
cacheData = {
data: data,
version: dataVersion
};
$.zui.store.set('//' + url, data);
$.zui.store.set('//' + url + '::V', dataVersion);
if(debug) console.log('Load', url, 'from remote:', cacheData);
callback(data, 'remote');
} else if(isHasCache && !isIndexJson) {
if(debug) console.log('Failed load', url, 'from remote, instead load cache:', cacheData);
callback(cacheData.data, 'cache');
}
},
error: function() {
if(debug) console.warn("Ajax error:", url);
if(isHasCache && !isIndexJson) {
if(debug) console.log('Failed load', url, 'from remote with error, instead load cache:', cacheData);
callback(cacheData.data, 'cache');
} else {
callback(null, 'error');
}
if($body.hasClass('page-open')) {
$pageBody.children('.loader').addClass('with-error');
}
}
});
}
if(delayLoadRemote !== false) {
if(delayLoadRemote) {
setTimeout(loadFromRemote, delayLoadRemote);
} else {
loadFromRemote();
}
}
};
var eachSection = function(callback, eachChapterCallback) {
if(!docIndex) {
console.error("Document index is empty.");
return false;
};
$.each(chapters, function(chapterName, chapter) {
if(!docIndex.chapters[chapterName]) return;
$.extend(chapter, docIndex.chapters[chapterName]);
var sections = chapter.sections;
var data = null;
if(eachChapterCallback) {
data = eachChapterCallback(chapter, sections);
if(data === false) return false;
}
$.each(sections, function(i, section) {
if(callback(chapter, section, data) === false) return false;
});
});
return true;
};
var displaySectionIcon = function($icon, section) {
var icon = section.icon;
$icon.attr('class', 'icon').text('').css('background-image', '');
if(icon === undefined || icon === null || icon === "") {
icon = section.name.substr(0, 1).toUpperCase();
}
if(icon.startsWith('icon-')) {
$icon.addClass(icon);
} else if(icon.endsWith('.png')) {
$icon.css('background-image', 'url(' + icon + ')').addClass('with-img');
} else {
$icon.addClass('text-icon').text(icon);
}
};
var displaySection = function() {
var order = 0;
if(eachSection(function(chapter, section, $sectionList) {
var chapterName = chapter.id;
section.chapter = chapterName;
section.chapterName = chapter.name;
var url = section.url;
if(typeof url === 'undefined') {
section.url = 'docs/part/' + section.chapter + '-' + section.id + '.md';
section.target = 'page';
section.targetType = 'markdown';
section.oldUrl = 'docs/part/' + section.chapter + '-' + section.id + '.html';
} else if(isExternalUrl(url)) {
section.target = 'external';
section.targetType = null;
} else if(url && url.endsWith('.md')) {
section.target = 'page';
section.targetType = 'markdown';
if(url === '.md') {
section.url = 'docs/part/' + section.chapter + '-' + section.id + '.md';
}
} else if(url && url.endsWith('.html')) {
section.target = 'page';
section.targetType = 'html';
if(url === '.html') {
section.url = 'docs/part/' + section.chapter + '-' + section.id + '.html';
}
} else {
section.target = '';
}
if(section.hidden) return;
var id = chapterName + '-' + section.id;
var $tpl = $sectionTemplate.clone().data('section', section);
$tpl.attr({
'id': 'section-' + id,
'data-id': section.id,
'data-chapter': chapterName,
'data-order': order++,
'data-accent': chapter.accent,
'data-target': section.target
});
var $head = $tpl.children('.card-heading');
var sectionUrl = '#' + chapterName + '/' + section.id;
$head.find('.name').text(section.name).attr('href', sectionUrl);
$head.attr('title', section.desc);
displaySectionIcon($head.children('.icon'), section);
var $topics = $tpl.find('.topics');
if(section.topics && section.topics.length) {
var topicId = 0;
$.each(section.topics, function(tName, topic) {
if(typeof topic.id === 'undefined') topic.id = tName;
var topicUrl = typeof topic.url === 'undefined' ? (sectionUrl + '/' + (topicId++)) : topic.url;
$topics.append('<li data-id="' + tName + '"><a href="' + topicUrl + '"' + (isExternalUrl(topicUrl) ? ' target="_blank"' : '') + '>' + topic.name + '</a></li>');
});
} else {
$topics.remove('.card-content');
$tpl.addClass('without-topics');
}
$sectionList.append($tpl.addClass('show' + (sectionsShowed ? ' in' : '')));
}, function(chapter, sections) {
chapter.$.attr('data-accent', chapter.accent);
var $sectionList = chapter.$sections;
$sectionList.children().remove();
return $sectionList;
})) {
$body.children('.loader').removeClass('loading');
$sections = $grid.find('.section');
if(!sectionsShowed) {
clearTimeout($grid.data(LAST_RELOAD_ANIMATE_ID));
$grid.data(LAST_RELOAD_ANIMATE_ID, setTimeout(function() {
$sections.addClass('in');
$chapterHeadings.addClass('in');
}, 100));
sectionsShowed = true;
}
$('.text-page-count').text($sections.filter('[data-target="page"]').length);
$('.text-external-count').text($sections.filter('[data-target="external"]').length);
} else if(debug) {
console.error("Display sections failed.");
}
};
var scrollToThis = function($container, toTop, callback) {
if($container === UNDEFINED) $container = $body;
if(toTop === UNDEFINED || toTop === 'down') {
toTop = $container.scrollTop() + ($window.height() - $container.offset().top) * 0.8;
} else if(toTop === 'up') {
toTop = $container.scrollTop() - ($window.height() - $container.offset().top) * 0.8;
}
$container.animate({
scrollTop: toTop
}, 200, 'swing', callback);
};
var scrollToSection = function($section) {
if($section) {
var top = $section.offset().top;
var height = $section.outerHeight();
var winHeight = $window.height();
var scrollTop = $body.scrollTop();
if(winHeight < (top + height)) {
}
}
};
var isChoosedSection = function($section) {
if($section === UNDEFINED) {
$section = $choosedSection;
}
return $section && $section.hasClass('choosed') && $section.hasClass('show');
};
var chooseSection = function($section, keepOtherOpen, notOpenSelf) {
if($sections) {
if(isChoosedSection($section || null) && !notOpenSelf) {
$choosedSection = $section.addClass('open');
scrollToSection($section);
return;
}
$sections.find(':focus').blur();
var isOpened = $section && $section.hasClass('open');
$sections.removeClass(keepOtherOpen ? 'choosed' : 'choosed open');
if($section && $section.hasClass('section')) {
$choosedSection = $section.addClass((notOpenSelf && !isOpened) ? 'choosed' : 'choosed open');
scrollToSection($section);
}
}
};
var choosePrevSection = function() {
var $all = $sections.filter('.show');
if(isChoosedSection()) {
var order = parseInt($choosedSection.data('order'));
var $section = $choosedSection;
while((--order) > -1) {
var $prev = $all.filter('[data-order="' + order + '"]');
if($prev.length) {
$section = $prev;
break;
}
}
chooseSection($section);
} else {
chooseSection($all.first());
}
};
var chooseNextSection = function() {
var $all = $sections.filter('.show');
if(isChoosedSection()) {
var order = parseInt($choosedSection.data('order'));
var $section = $choosedSection;
var allCount = $sections.length;
while((order++) < allCount) {
var $next = $all.filter('[data-order="' + order + '"]');
if($next.length) {
$section = $next;
break;
}
}
chooseSection($section);
} else {
chooseSection($all.first());
}
};
var distanceBetweenPoint = function(x1, y1, x2, y2) {
return Math.sqrt(Math.pow(x1 - x2, 2) + Math.pow(y1 - y2, 2), 2);
};
var chooseLeftSection = function() {
var $all = $sections.filter('.show');
if(isChoosedSection()) {
var offset = $choosedSection.offset();
var left = offset.left - $grid.children('.container').offset().left - 10;
if(left < 50) {
choosePrevSection();
return;
}
var top = offset.top;
left = offset.left;
var $section = $choosedSection;
var delta = 99999;
$all.each(function() {
var $this = $(this);
var offset = $this.offset();
if((offset.left + 50) < left) {
var thisDelta = distanceBetweenPoint(offset.left, offset.top, left, top);
if(thisDelta < delta) {
$section = $this;
delta = thisDelta;
}
}
});
chooseSection($section);
} else {
chooseSection($all.first());
}
};
var chooseRightSection = function() {
var $all = $sections.filter('.show');
if(isChoosedSection()) {
var offset = $choosedSection.offset();
var $container = $grid.children('.container');
var left = offset.left - $container.offset().left - 10;
if((left + 20 + $choosedSection.outerWidth() + 50) >= $container.outerWidth()) {
chooseNextSection();
return;
}
var top = offset.top;
left = offset.left;
var $section = $choosedSection;
var delta = 99999;
$all.each(function() {
var $this = $(this);
var offset = $this.offset();
if(offset.left > left) {
var thisDelta = distanceBetweenPoint(offset.left, offset.top, left, top);
if(thisDelta < delta) {
$section = $this;
delta = thisDelta;
}
}
});
chooseSection($section);
} else {
chooseSection($all.first());
}
};
var resetQuery = function() {
$grid.find('.col.hide').removeClass('hide');
$chapters.removeClass('hide');
$sections.addClass('show');
$chapterHeadings.addClass('show');
$grid.data(LAST_RELOAD_ANIMATE_ID, setTimeout(function() {
$sections.addClass('in');
$chapterHeadings.addClass('in');
}, 20));
$body.removeClass('query-enabled').attr('data-query', '');
};
var chooseIcon = function($icon) {
var $search = $('#section-control-icon');
if(!$icon || !$icon.length) {
$search.removeClass('section-preview-show').data('preview', null);
return;
}
$search.addClass('open section-preview-show');
var $preview = $search.children('.section-preview');
var oldIcon = $search.data('preview');
if(!$preview.length) {
$preview = $('#iconPreviewTemplate').clone().attr('id', '');
$search.children('.card-heading').after($preview);
}
$search.children('.section-search').find('li.active').removeClass('active');
$icon.addClass('active');
if(oldIcon) $preview.find('.icon').removeClass('icon-' + oldIcon);
var icon = $icon.data('icon');
$search.data('preview', icon.id);
$preview.toggleClass('show-shaped-icon', !!icon.shaped);
var id = 'icon-' + icon.id;
var isSpinner = (icon.id.startsWith('spin') || (icon.categories && icon.categories.indexOf('Spinner Icons') > -1)) === true;
$preview.find('.icon').addClass(id).toggleClass('icon-spin', isSpinner);
$preview.find('.name').text(isSpinner ? ('icon-spin ' + id) : id);
$preview.find('.unicode').text(icon.code);
if(icon.alias && icon.alias.length) {
$preview.find('.alias').removeClass('hide').find('.alias-values').text(icon.alias.join(','));
} else {
$preview.find('.alias').addClass('hide');
}
};
var queryIcon = function(keys) {
if(!$.isArray(keys) && (keys || keys.length)) {
keys = [keys];
}
var $section = $('#section-control-icon');
$body.attr('data-query', 'icons');
var $search = $section.children('.section-search');
if(!$search.length) {
$search = $('<div class="section-search card-content"><div class="loader loading"><i class="icon icon-spin icon-spinner"></i> 正在拼命加载中...</div></div>');
$section.children('.card-heading').after($search);
$search = $section.children('.section-search');
}
loadData(ICONS_JSON, function(data) {
var $list = $search.children('ul');
if(!$list.length) {
$list = $('<ul data-view="icons">');
$.each(data, function(iconName, icon) {
var $li = $('<li id="control-icon-' + iconName + '" data-id="' + iconName + '"><a href="#control/icons/' + iconName + '"><i class="icon icon-' + iconName + '"></i> icon-' + iconName + '</a></li>');
icon.id = iconName;
$li.data('icon', icon).toggleClass('control-icon-shaped', !!icon.shaped);
$list.append($li);
});
$search.children('.loader').replaceWith($list);
}
if(!keys.length) {
$list.children('.hide').removeClass('hide');
chooseIcon($list.children().first());
return;
}
keys.forEach(function(keyVal, keyIndex) {
keys[keyIndex] = keys[keyIndex].toLowerCase();
});
var $bestMatch, bestMatchWeight = 0;
$.each(data, function(iconId, icon) {
var choosed = false;
var weight = 0;
iconId = iconId.toLowerCase();
$.each(keys, function(keyIndex, key) {
var choosedThis = false;
if (iconId === key) {
choosedThis = true;
weight += 150;
} else if(iconId.includes(key)) {
choosedThis = true;
weight += iconId.startsWith(key) ? 120 : 110;
} else if(icon.name && icon.name.toLowerCase().includes(key)) {
choosedThis = true;
weight += icon.name.toLowerCase().startsWith(key) ? 100 : 95;
} else if(key.startsWith('\\') && icon.code && icon.code.toLowerCase().includes(key.substr(1))) {
choosedThis = true;
weight += 120;
} else {
var filters = [];
if($.isArray(icon.filter) && icon.filter.length) filters = filters.concat(icon.filter);
if($.isArray(icon.categories) && icon.categories.length) filters = filters.concat(icon.categories);
if($.isArray(icon.alias) && icon.alias.length) filters = filters.concat(icon.alias);
if(!filters.length) return;
$.each(filters, function(filterIndex, filter) {
filter = filter.toLowerCase();
if(filter.includes(key)) {
choosedThis = true;
weight += 50;
return false;
}
});
}
if(!choosedThis) {
choosed = false;
return choosed;
} else {
choosed = true;
}
});
var $li = $('#control-icon-' + iconId).toggleClass('hide', !choosed);
if(choosed && bestMatchWeight < weight) {
bestMatchWeight = weight;
$bestMatch = $li;
}
});
chooseIcon($bestMatch);
});
};
var query = function(keyString) {
if(!$sections) {
if(debug) console.log('Query failed, $sections is empty. key:', keyString);
return;
}
if(typeof keyString === 'undefined') keyString = null;
if($queryInput.data('queryString') !== keyString) {
$queryInput.data('queryString', keyString).val(keyString);
$grid.css('min-height', $grid.height());
}
if(keyString === null || !keyString.length) {
resetQuery();
$search.removeClass('with-query-text');
return;
}
$search.addClass('with-query-text');
$body.addClass('query-enabled').attr('data-query', '');
// Send ga data
if(window['ga'] && $.isFunction(ga)) {
if(queryGaCallback) clearTimeout(queryGaCallback);
queryGaCallback = setTimeout(function() {
ga('send', 'pageview', window.location.pathname + '#search/' + keyString);
}, 2000);
}
var keys = [];
$.each(keyString.split(' '), function(i, key) {
key = $.trim(key).toLowerCase();
var keyOption = {
origin: key
};
if(key.startsWith('@')) {
keyOption.type = 'id';
keyOption.chapter = key.substr(1);
keyOption.val = keyOption.chapter;
} else if(key.startsWith('#')) {
keyOption.type = 'tag';
keyOption.val = key.substr(1);
} else if(key.startsWith('icon-') || key.startsWith('icon:')) {
keyOption.type = 'icon';
keyOption.val = key.substr(5);
} else if(key.startsWith('i:') || key.startsWith('i-')) {
keyOption.type = 'icon';
keyOption.val = key.substr(2);
} else if(key.startsWith('ver:')) {
keyOption.type = 'version';
keyOption.val = key.substr(4);
} else if(key.startsWith('v:')) {
keyOption.type = 'version';
keyOption.val = key.substr(2);
} else if(key.startsWith('version:')) {
keyOption.type = 'version';
keyOption.val = key.substr(8);
} else if(key.startsWith('gulp:') || key.startsWith('build:')) {
keyOption.type = 'build';
keyOption.val = key.substr(6);
} else if(key.startsWith('g:') || key.startsWith('b:')) {
keyOption.type = 'build';
keyOption.val = key.substr(2);
} else {
$.each(chapters, function(name) {
if(key.startsWith(name + ':')) {
keyOption.type = 'id';
keyOption.chapter = name;
keyOption.val = key.substr(name.length);
return false;
}
});
if(!keyOption.type) {
keyOption.type = 'any';
keyOption.val = key;
}
}
if(keyOption.val.length || (keyOption.type && keyOption.type !== 'any')) {
keys.push(keyOption);
}
});
if(!keys.length) {
resetQuery();
return;
}
var resultMap = {},
chapterMap = {},
weight, id, chooseThis, chooseThisKey, keyVal, matches, matchType;
if(eachSection(function(chapter, section) {
chooseThis = true;
matches = [];
weight = 0;
$.each(keys, function(keyIndex, key) {
keyVal = key.val;
matchType = null;
chooseThisKey = false;
switch(key.type) {
case 'id':
chooseThisKey = (key.chapter ? chapter : section).id.includes(keyVal);
if(chooseThisKey) matchType = [key.chapter ? 'chapter' : 'section', 'id'];
weight = 100;
break;
case 'icon':
chooseThis = section.id === 'icon';
if(chooseThis) {
weight = 120;
matches.push({
key: key,
type: ['section', 'id']
});
var iconKeys = [];
if(key.val || key.val.length) {
iconKeys.push(key.val);
}
keys.forEach(function(iconKey) {
if(iconKey.val !== key.val && (iconKey.val || iconKey.val.length)) {
iconKeys.push(iconKey.val);
}
});
queryIcon(iconKeys);
return false;
}
break;
case 'version':
if(key.val == 'new') {
chooseThisKey = section.isNew;
} else if(key.val == 'update') {
chooseThisKey = section.isUpdate;
} else if(!key.val) {
chooseThisKey = section.isUpdate || section.isNew;
} else {
chooseThisKey = section.version === key.val;
}
weight = 100;
break;
default:
var sectionName = section.name.toLowerCase();
if(sectionName.includes(keyVal)) {
chooseThisKey = true;
matchType = ['section', 'name'];
weight = sectionName.startsWith(keyVal) ? 85 : 82;
break;
}
if(section.filter && section.filter.includes(keyVal)) {
chooseThisKey = true;
matchType = ['section', 'filter'];
weight = 80;
break;
}
var chapterName = chapter.name.toLowerCase();
if(chapterName.includes(keyVal)) {
chooseThisKey = true;
matchType = ['chapter', 'name'];
weight = chapterName.startsWith(keyVal) ? 75 : 73;
break;
}
if(chapter.filter && chapter.filter.includes(keyVal)) {
chooseThisKey = true;
matchType = ['chapter', 'filter'];
weight = 70;
break;
}
if(keyVal.length > 1) {
if(section.id.includes(keyVal)) {
chooseThisKey = true;
matchType = ['section', 'id'];
weight = 65;
break;
}
if(chapter.id.includes(keyVal)) {
chooseThisKey = true;
matchType = ['chapter', 'id'];
weight = 60;
break;
}
if($.isArray(section.topics)) {
var isBreak = false;
$.each(section.topics, function(topicIndex, topic) {
if(topic.name && topic.name.toLowerCase().includes(keyVal)) {
chooseThisKey = true;
matchType = ['section', 'topic', topicIndex];
isBreak = true;
weight = 20;
return false;
}
});
if(isBreak) break;
}
if(section.desc && section.desc.toLowerCase().includes(keyVal)) {
chooseThisKey = true;
matchType = 'section.desc';
weight = 30;
break;
}
} else {
if(chapter.id.startsWith(keyVal)) {
chooseThisKey = true;
matchType = ['chapter', 'id'];
weight = 60;
break;
}
if(section.id.startsWith(keyVal)) {
chooseThisKey = true;
matchType = ['section', 'id'];
weight = 50;
break;
}
}
}
if(!chooseThisKey) {
chooseThis = false;
return false;
} else {
matches.push({
key: key,
type: matchType
});
}
});
id = chapter.id + '-' + section.id;
if(chooseThis) {
chapterMap[chapter.id]++;
resultMap[id] = {
hidden: false,
matches: matches,
weight: weight
};
} else {
resultMap[id] = {
hidden: true
};
}
}, function(chapter) {
chapterMap[chapter.id] = 0;
})) {
var $hide = $(),
$show = $(),
$section, choosedWeight = -1,
$choosed;
$.each(resultMap, function(id, result) {
$section = $('#section-' + id);
if(result.hidden) {
$hide = $hide.add($section);
} else {
$show = $show.add($section);
if(choosedWeight < result.weight) {
$choosed = $section;
choosedWeight = result.weight;
}
}
chooseSection($choosed);
});
var $chapter, hide, chapter;
$.each(chapterMap, function(chapterId, resultCount) {
chapter = chapters[chapterId];
hide = !resultCount;
chapter.$.toggleClass('hide', hide);
});
var finalShowColsCount = 0;
$grid.find('.row').each(function() {
var showColsCount = 0;
var $row = $(this);
$row.children('.col').each(function() {
var $col = $(this);
var showCol = $col.children('.chapter:not(.hide)').length;
$col.toggleClass('hide', !showCol);
if(showCol) {
showColsCount++;
if(!$body.hasClass('compact-mode')) {
var showCount = $col.find('.section:not(.hide)').length;
if(showCount > 2 && $window.height() < ($header.height() + showCount * 70)) {
toggleCompactMode(true);
}
}
}
});
finalShowColsCount = Math.max(finalShowColsCount, showColsCount);
});
$grid.attr('data-show-col', finalShowColsCount);
if($hide.length) {
$hide.removeClass('in');
setTimeout(function() {
$hide.removeClass('show');
}, 100);
}
if($show.length) {
$show.addClass('show');
setTimeout(function() {
$show.addClass('in');
}, 20);
}
$window.scrollTop(1);
if(!$('body').hasClass('view-double')) closePage();
} else if(debug) {
console.error("Query failed with key: ", keys);
}
};
var toggleCompactMode = function(toggle, callback) {
if(toggle === UNDEFINED) {
toggle = !$body.hasClass('compact-mode');
}
var animateName = 'isScrollAnimating';
if(toggle) {
if(!$body.hasClass('compact-mode')) {
$body.data(animateName, true).addClass('compact-mode')
setTimeout(function() {
$body.addClass('compact-mode-in');
$window.scrollTop(1);
setTimeout(function() {
$body.data(animateName, false);
if(callback) callback();
}, 300);
}, 10);
} else if(callback) {
callback();
}
} else {
if($body.hasClass('compact-mode')) {
$body.data(animateName, true).removeClass('compact-mode-in');
setTimeout(function() {
$body.removeClass('compact-mode');
$body.data(animateName, false);
if(callback) callback();
}, 300);
} else if(callback) {
callback();
}
}
};
var closePage = function(onlyEvent) {
window['afterPageLoad'] = null;
window['onPageLoad'] = null;
if($.isFunction(window['onPageClose'])) {
window['onPageClose']();
window['onPageClose'] = null;
}
if(!onlyEvent && $body.hasClass('page-open')) {
var style = $page.data('trans-style');
if(style) {
style['max-height'] = '';
$page.css(style);
}
$body.addClass('page-show-out').removeClass('page-open page-show-in');
if($queryInput.val() !== '') {
$queryInput.focus();
}
window.document.title = documentTitle;
window.location.hash = '#/';
setTimeout(function() {
$body.removeClass('page-show page-show-out');
resetScrollbar();
}, 300);
return true;
}
return false;
};
var showPageTopic = function(topic) {
$page.removeClass('page-collapsed');
var valType = typeof topic;
if(valType === 'undefined') return;
if(valType === 'string') {
var num = parseInt(topic);
if(num !== NaN) {
valType = 'number';
topic = num;
}
}
var expandTopic = function($section) {
if($section && $section.length) {
togglePageSection(false);
togglePageSection($section.addClass('hover'), true);
}
};
if(valType === 'number') {
expandTopic($pageContent.children('section').removeClass('hover').eq(topic));
} else if(valType === 'string' && valType.length) {
// highlight element with the id string.
}
};
var stopPageLoading = function() {
$page.removeClass('loading');
$pageLoader.removeClass('loading');
};
var handlePageLoad = function() {
var delayMutedPageLoading = false;
if($.isFunction(window['onPageLoad'])) {
delayMutedPageLoading = window['onPageLoad']() === false;
}
setTimeout(function() {
if($.isFunction(window['afterPageLoad'])) {
if(window['afterPageLoad'](stopPageLoading) === true) {
handlePageLoad();
}
}
var $codes = $pageBody.find('pre');
if($codes.length && window.prettyPrint) {
// pretty code
if(window.prettyPrint) {
$codes.addClass('prettyprint');
window.prettyPrint();
}
}
}, 200);
if(zuiPkg) {
$pageBody.find('.zui-version').text(zuiPkg.version);
}
if(!delayMutedPageLoading) stopPageLoading();
};
var loadPage = function(section, topic, waitRemote) {
section = section || currentSection;
if(topic !== '!refresh') $pageContent.empty();
$page.addClass('loading');
$pageLoader.removeClass('with-error').addClass('loading');
var lastShowDataCall;
loadData(section.url, function(data, dataType) {
if(zuiPkg) data = data.format(zuiPkg, '{\\$0}');
var showData = function() {
if(data && window.marked && section.targetType === 'markdown') {
var $article = $();
var frontMatterIndex = data.indexOf('\n---\n');
if(frontMatterIndex > -1) data = data.substr(frontMatterIndex + 5);
var $markdown = $(window.marked(data));
var $lastSection, checkFirstH1 = true;
var hasH2 = $markdown.filter('h2').length > 0;
var $lastTemplate = null;
$markdown.each(function() {
var $tag = $(this);
var tagName = $tag.prop('tagName');
if(!tagName || tagName === 'STYLE' || tagName === 'SCRIPT') {
$article = $article.add($tag);
return;
}
if(tagName === 'TEMPLATE' || tagName === 'HOLDER') {
$lastTemplate = $tag;
return;
} else if($lastTemplate) {
$tag.attr($lastTemplate.allAttrs());
$lastTemplate = null;
}
if(tagName === 'TABLE') {
$tag.addClass('table');
$tag = $('<div class="table-responsive"/>').append($tag);
}
if(checkFirstH1) {
if(tagName === 'H1') {
$pageHeader.find('h2 > .name').text($tag.html());
}
checkFirstH1 = false;
return;
}
if(tagName === 'EXAMPLE') {
$tag = $('<div/>').attr($tag.allAttrs()).html($tag.html()).addClass('example');
}
if((hasH2 && (tagName === 'H1' || tagName === 'H2')) || (!hasH2 && tagName === 'H3')) {
if($lastSection) {
$article = $article.add($lastSection);
}
$lastSection = $('<section><header><h3>' + $tag.html() + '</h3></header><article></article></section>');
} else {
if(hasH2) {
if(tagName === 'H3') {
$tag = $('<h4>').html($tag.html());
} else if(tagName === 'H4') {
$tag = $('<h5>').html($tag.html());
} else if(tagName === 'H5') {
$tag = $('<h6>').html($tag.html());
}
}
if(!$lastSection) {
$lastSection = $('<article></article>');
}
if($lastSection.prop('tagName') === 'ARTICLE') {
$lastSection.append($tag);
} else {
$lastSection.children('article').append($tag);
}
}
});
if($lastSection) {
$article = $article.add($lastSection);
}
$pageContent.empty().append($article);
} else {
try {
$pageContent.html(data);
} catch (e) {
console.error('Page data has error: ', {content: data, error: e})