-
-
Notifications
You must be signed in to change notification settings - Fork 4.9k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat(helper/toc): specify maximum number of items to output #5487
Changes from 1 commit
f00bf65
c17db64
f8d04a6
2507aa2
628b975
File filter
Filter by extension
Conversations
Jump to
Diff view
Diff view
There are no files selected for viewing
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -3,6 +3,7 @@ import { tocObj, escapeHTML, encodeURL } from 'hexo-util'; | |
interface Options { | ||
min_depth?: number; | ||
max_depth?: number; | ||
max_items?: number; | ||
class?: string; | ||
class_item?: string; | ||
class_link?: string; | ||
|
@@ -17,6 +18,7 @@ function tocHelper(str: string, options: Options = {}) { | |
options = Object.assign({ | ||
min_depth: 1, | ||
max_depth: 6, | ||
max_items: Infinity, | ||
class: 'toc', | ||
class_item: '', | ||
class_link: '', | ||
|
@@ -27,7 +29,7 @@ function tocHelper(str: string, options: Options = {}) { | |
list_number: true | ||
}, options); | ||
|
||
const data = tocObj(str, { min_depth: options.min_depth, max_depth: options.max_depth }); | ||
const data = getAndTruncateTocObj(str, { min_depth: options.min_depth, max_depth: options.max_depth }, options.max_items); | ||
|
||
if (!data.length) return ''; | ||
|
||
|
@@ -102,4 +104,26 @@ function tocHelper(str: string, options: Options = {}) { | |
return result; | ||
} | ||
|
||
function getAndTruncateTocObj(str: string, options: {min_depth: number, max_depth: number}, max_items: number) { | ||
let data = tocObj(str, { min_depth: options.min_depth, max_depth: options.max_depth }); | ||
|
||
if (data.length === 0) { | ||
return data; | ||
} | ||
if (max_items < 1) { | ||
return data; | ||
} | ||
|
||
const min = Math.min(...data.map(item => item.level)); | ||
const max = Math.max(...data.map(item => item.level)); | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more.
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. fixed: f8d04a6 |
||
|
||
for (let currentLevel = max; data.length > max_items && currentLevel > min; currentLevel--) { | ||
data = data.filter(item => item.level < currentLevel); | ||
} | ||
Comment on lines
+121
to
+123
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. This might be inefficient (iterating data over and over again). But I don't have any better idea for now. |
||
|
||
data = data.slice(0, max_items); | ||
SukkaW marked this conversation as resolved.
Show resolved
Hide resolved
|
||
|
||
return data; | ||
} | ||
|
||
export = tocHelper; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
If the user does not need
max_items
, then there is no need to perform this operation everytime.There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
fixed: c17db64
I thought it was necessary to avoid
tocObj()
appearing multiple times in different places, so I wrote the skip judgment at the beginning ofgetAndTruncateTocObj()
instead of where you gave the example.