mirror of
https://github.com/yanlongqi/jhinno-openapi-java-sdk.git
synced 2026-03-22 14:25:11 +08:00
注释文档的优化
This commit is contained in:
lqyan
282
preview/toc/js/ztree_toc.js
Normal file
282
preview/toc/js/ztree_toc.js
Normal file
@@ -0,0 +1,282 @@
|
||||
/*! ztree_toc - v0.2.2 - 2014-02-08
|
||||
* https://github.com/i5ting/jQuery.zTree_Toc.js
|
||||
* Copyright (c) 2014 alfred.sang; Licensed MIT */
|
||||
function encode_id_with_array(opts,arr) {
|
||||
var result = 0;
|
||||
for(var z = 0; z < arr.length; z++ ) {
|
||||
result += factor(opts, arr.length - z ,arr[z]);
|
||||
}
|
||||
|
||||
return result;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* 1.1.1 = 1*100*100 + 1*100 + 1
|
||||
* 1.2.2 = 1*100*100 + 2*100 + 3
|
||||
*
|
||||
* 1 = 0*100 +1
|
||||
|
||||
1,1 = 100
|
||||
|
||||
*/
|
||||
function get_parent_id_with_array(opts,arr) {
|
||||
var result_arr = [];
|
||||
|
||||
for(var z = 0; z < arr.length; z++ ) {
|
||||
result_arr.push(arr[z]);
|
||||
}
|
||||
|
||||
result_arr.pop();
|
||||
|
||||
var result = 0;
|
||||
for(var z = 0; z < result_arr.length; z++ ) {
|
||||
result += factor(opts,result_arr.length - z,result_arr[z]);
|
||||
}
|
||||
|
||||
return result;
|
||||
}
|
||||
|
||||
function factor(opts ,count,current) {
|
||||
if(1 == count) {
|
||||
return current;
|
||||
}
|
||||
|
||||
var str = '';
|
||||
for(var i = count - 1;i > 0; i-- ) {
|
||||
str += current * opts.step+'*';
|
||||
}
|
||||
|
||||
return eval( str + '1' );
|
||||
}
|
||||
|
||||
;(function($) {
|
||||
/*
|
||||
* 根据header创建目录内容
|
||||
*/
|
||||
function create_toc(opts) {
|
||||
$(opts.documment_selector).find(':header').each(function() {
|
||||
var level = parseInt(this.nodeName.substring(1), 10);
|
||||
|
||||
_rename_header_content(opts,this,level);
|
||||
|
||||
_add_header_node(opts,$(this));
|
||||
});//end each
|
||||
}
|
||||
|
||||
/*
|
||||
* 渲染ztree
|
||||
*/
|
||||
function render_with_ztree(opts) {
|
||||
var t = $(opts._zTree);
|
||||
t = $.fn.zTree.init(t,opts.ztreeSetting,opts._header_nodes).expandAll(opts.is_expand_all);
|
||||
// alert(opts._headers * 88);
|
||||
// $(opts._zTree).height(opts._headers * 33 + 33);
|
||||
|
||||
$(opts._zTree).css(opts.ztreeStyle);
|
||||
}
|
||||
|
||||
/*
|
||||
* 将已有header编号，并重命名
|
||||
*/
|
||||
function _rename_header_content(opts ,header_obj ,level) {
|
||||
if(opts._headers.length == level) {
|
||||
opts._headers[level - 1]++;
|
||||
} else if(opts._headers.length > level) {
|
||||
opts._headers = opts._headers.slice(0, level);
|
||||
opts._headers[level - 1] ++;
|
||||
} else if(opts._headers.length < level) {
|
||||
for(var i = 0; i < (level - opts._headers.length); i++) {
|
||||
// console.log('push 1');
|
||||
opts._headers.push(1);
|
||||
}
|
||||
}
|
||||
|
||||
if(opts.is_auto_number == true) {
|
||||
//另存为的文件里会有编号，所以有编号的就不再重新替换
|
||||
if($(header_obj).text().indexOf( opts._headers.join('.') ) != -1){
|
||||
|
||||
}else{
|
||||
$(header_obj).text(opts._headers.join('.') + '. ' + $(header_obj).text());
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* 给ztree用的header_nodes增加数据
|
||||
*/
|
||||
function _add_header_node(opts ,header_obj) {
|
||||
var id = encode_id_with_array(opts,opts._headers);
|
||||
var pid = get_parent_id_with_array(opts,opts._headers);
|
||||
|
||||
// 设置锚点id
|
||||
$(header_obj).attr('id',id);
|
||||
|
||||
log($(header_obj).text());
|
||||
|
||||
opts._header_offsets.push($(header_obj).offset().top - opts.highlight_offset);
|
||||
|
||||
log('h offset ='+( $(header_obj).offset().top - opts.highlight_offset ) );
|
||||
|
||||
opts._header_nodes.push({
|
||||
id:id,
|
||||
pId:pid ,
|
||||
name:$(header_obj).text()||'null',
|
||||
open:true,
|
||||
url:'#'+ id,
|
||||
target:'_self'
|
||||
});
|
||||
}
|
||||
|
||||
/*
|
||||
* 根据滚动确定当前位置，并更新ztree
|
||||
*/
|
||||
function bind_scroll_event_and_update_postion(opts) {
|
||||
var timeout;
|
||||
var highlight_on_scroll = function(e) {
|
||||
if (timeout) {
|
||||
clearTimeout(timeout);
|
||||
}
|
||||
|
||||
timeout = setTimeout(function() {
|
||||
var top = $(window).scrollTop(),highlighted;
|
||||
|
||||
if(opts.debug) console.log('top='+top);
|
||||
|
||||
for (var i = 0, c = opts._header_offsets.length; i < c; i++) {
|
||||
// fixed: top+5防止点击ztree的时候，出现向上抖动的情况
|
||||
if (opts._header_offsets[i] >= (top + 5) ) {
|
||||
console.log('opts._header_offsets['+ i +'] = '+opts._header_offsets[i]);
|
||||
$('a').removeClass('curSelectedNode');
|
||||
|
||||
// 由于有root节点，所以i应该从1开始
|
||||
var obj = $('#tree_' + (i+1) + '_a').addClass('curSelectedNode');
|
||||
break;
|
||||
}
|
||||
}
|
||||
}, opts.refresh_scroll_time);
|
||||
};
|
||||
|
||||
if (opts.highlight_on_scroll) {
|
||||
$(window).bind('scroll', highlight_on_scroll);
|
||||
highlight_on_scroll();
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* 初始化
|
||||
*/
|
||||
function init_with_config(opts) {
|
||||
opts.highlight_offset = $(opts.documment_selector).offset().top;
|
||||
}
|
||||
|
||||
/*
|
||||
* 日志
|
||||
*/
|
||||
function log(str) {
|
||||
return;
|
||||
if($.fn.ztree_toc.defaults.debug == true) {
|
||||
console.log(str);
|
||||
}
|
||||
}
|
||||
|
||||
$.fn.ztree_toc = function(options) {
|
||||
// 将defaults 和 options 参数合并到{}
|
||||
var opts = $.extend({},$.fn.ztree_toc.defaults,options);
|
||||
|
||||
return this.each(function() {
|
||||
opts._zTree = $(this);
|
||||
|
||||
// 初始化
|
||||
init_with_config(opts);
|
||||
|
||||
// 创建table of content，获取元数据_headers
|
||||
create_toc(opts);
|
||||
|
||||
// 根据_headers生成ztree
|
||||
render_with_ztree(opts);
|
||||
|
||||
// 根据滚动确定当前位置，并更新ztree
|
||||
bind_scroll_event_and_update_postion(opts);
|
||||
});
|
||||
// each end
|
||||
}
|
||||
|
||||
//定义默认
|
||||
$.fn.ztree_toc.defaults = {
|
||||
_zTree: null,
|
||||
_headers: [],
|
||||
_header_offsets: [],
|
||||
_header_nodes: [{ id:1, pId:0, name:"Table of Content",open:true}],
|
||||
debug: true,
|
||||
highlight_offset: 0,
|
||||
highlight_on_scroll: true,
|
||||
/*
|
||||
* 计算滚动判断当前位置的时间，默认是50毫秒
|
||||
*/
|
||||
refresh_scroll_time: 50,
|
||||
documment_selector: 'body',
|
||||
is_posion_top: false,
|
||||
/*
|
||||
* 默认是否显示header编号
|
||||
*/
|
||||
is_auto_number: false,
|
||||
/*
|
||||
* 默认是否展开全部
|
||||
*/
|
||||
is_expand_all: true,
|
||||
/*
|
||||
* 是否对选中行，显示高亮效果
|
||||
*/
|
||||
is_highlight_selected_line: true,
|
||||
step: 100,
|
||||
ztreeStyle: {
|
||||
width:'260px',
|
||||
overflow: 'auto',
|
||||
position: 'fixed',
|
||||
'z-index': 2147483647,
|
||||
border: '0px none',
|
||||
left: '0px',
|
||||
bottom: '0px',
|
||||
// height:'100px'
|
||||
},
|
||||
ztreeSetting: {
|
||||
view: {
|
||||
dblClickExpand: false,
|
||||
showLine: true,
|
||||
showIcon: false,
|
||||
selectedMulti: false
|
||||
},
|
||||
data: {
|
||||
simpleData: {
|
||||
enable: true,
|
||||
idKey : "id",
|
||||
pIdKey: "pId",
|
||||
// rootPId: "0"
|
||||
}
|
||||
},
|
||||
callback: {
|
||||
beforeClick: function(treeId, treeNode) {
|
||||
$('a').removeClass('curSelectedNode');
|
||||
if(treeNode.id == 1){
|
||||
// TODO: when click root node
|
||||
console.log('click root table of content');
|
||||
}
|
||||
if($.fn.ztree_toc.defaults.is_highlight_selected_line == true) {
|
||||
$('#' + treeNode.id).css('color' ,'red').fadeOut("slow" ,function() {
|
||||
// Animation complete.
|
||||
$(this).show().css('color','black');
|
||||
});
|
||||
}
|
||||
},
|
||||
onRightClick: function(event, treeId, treeNode) {
|
||||
if(treeNode.id == 1){
|
||||
// TODO: when right_click root node:table content
|
||||
console.log('right_click root table of content');
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
})(jQuery);
|
||||
Reference in New Issue
Block a user