mirror of https://github.com/fantasticit/think.git
client: update tocs
parent
ff5ee8de29
commit
97ae2d929f
|
@ -53,7 +53,6 @@ export const TableOfContentsWrapper = ({ editor }) => {
|
|||
transaction.setMeta('addToHistory', false);
|
||||
transaction.setMeta('preventUpdate', true);
|
||||
editor.view.dispatch(transaction);
|
||||
console.log(headings, arrToTree(headings));
|
||||
|
||||
setItems(headings);
|
||||
editor.eventEmitter.emit('TableOfContents', arrToTree(headings));
|
||||
|
|
|
@ -38,15 +38,14 @@ const Toc = ({ toc, collapsed }) => {
|
|||
|
||||
export const Tocs: React.FC<{ tocs: Array<IToc>; editor: Editor }> = ({ tocs = [], editor }) => {
|
||||
const [hasToc, toggleHasToc] = useToggle(false);
|
||||
const [collapsed, toggleCollapsed] = useToggle(true);
|
||||
|
||||
useDocumentStyle((width) => {
|
||||
const { width } = useDocumentStyle((width) => {
|
||||
if (width === Width.fullWidth) {
|
||||
toggleCollapsed(true);
|
||||
} else {
|
||||
toggleCollapsed(false);
|
||||
}
|
||||
});
|
||||
const [collapsed, toggleCollapsed] = useToggle(width === Width.fullWidth);
|
||||
|
||||
const getContainer = useCallback(() => {
|
||||
return document.querySelector(`#js-tocs-container`);
|
||||
|
|
Loading…
Reference in New Issue