Andreas/siyuan
1
0
Fork 0
mirror of https://github.com/siyuan-note/siyuan.git synced 2025-12-16 22:50:13 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

🎨 https://github.com/siyuan-note/siyuan/issues/7957

Browse source
This commit is contained in:
Vanessa 2024-03-29 10:08:58 +08:00
parent 13332781c9
commit b7f49bde1e
2 changed files with 55 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

55
app/src/layout/dock/Outline.ts
View file

@ -15,6 +15,7 @@ import {onGet} from "../../protyle/util/onGet";
import {getPreviousBlock} from "../../protyle/wysiwyg/getBlock";
import {App} from "../../index";
import {checkFold} from "../../util/noRelyPCFunction";
import {transaction} from "../../protyle/wysiwyg/transaction";
export class Outline extends Model {
public tree: Tree;
@ -206,7 +207,7 @@ export class Outline extends Model {
target = target.parentElement;
}
});
this.bindSort();
if (this.isPreview) {
if (this.blockId) {
fetchPost("/api/export/preview", {
@ -225,6 +226,58 @@ export class Outline extends Model {
}
}
private bindSort() {
this.element.addEventListener("mousedown", (event: MouseEvent) => {
const item = hasClosestByClassName(event.target as HTMLElement, "b3-list-item");
if (!item || item.tagName !== "LI") {
return;
}
const documentSelf = document;
const ghostElement = item.cloneNode(true) as HTMLElement;
document.body.append(ghostElement);
ghostElement.firstElementChild.setAttribute("style", "padding-left:4px");
ghostElement.setAttribute("style", `opacity:.38;position: fixed; top: ${event.clientY}px; left: ${event.clientX}px; z-index:999997;`);
documentSelf.ondragstart = () => false;
documentSelf.onmousemove = (moveEvent: MouseEvent) => {
moveEvent.preventDefault();
moveEvent.stopPropagation();
ghostElement.style.top = moveEvent.clientY + "px";
ghostElement.style.left = moveEvent.clientX + "px";
};
documentSelf.onmouseup = () => {
documentSelf.onmousemove = null;
documentSelf.onmouseup = null;
documentSelf.ondragstart = null;
documentSelf.onselectstart = null;
documentSelf.onselect = null;
ghostElement.remove();
const selectItem = hasClosestByClassName(event.target as HTMLElement, "b3-list-item");
if (!selectItem || selectItem.tagName !== "LI") {
return;
}
getAllModels().editor.find(editItem => {
if (editItem.editor.protyle.block.rootID === this.blockId) {
transaction(editItem.editor.protyle, [{
action: "moveOutlineHeading",
id: item.dataset.blockId,
previousID: selectItem.previousElementSibling?.getAttribute("data-node-id"),
parentID: selectItem.parentElement.previousElementSibling?.getAttribute("data-node-id"),
}], [{
action: "moveOutlineHeading",
id: item.dataset.blockId,
previousID: item.previousElementSibling?.getAttribute("data-node-id"),
parentID: item.parentElement.previousElementSibling?.getAttribute("data-node-id"),
}]);
return true;
}
})
};
});
}
public updateDocTitle(ial?: IObject) {
const docTitleElement = this.headerElement.nextElementSibling as HTMLElement;
if (this.type === "pin") {

1
app/src/types/index.d.ts vendored
View file

@ -46,6 +46,7 @@ type TOperation =
| "sortAttrViewView"
| "setAttrViewPageSize"
| "updateAttrViewColRelation"
| "moveOutlineHeading"
| "updateAttrViewColRollup"
| "hideAttrViewName"
type TBazaarType = "templates" | "icons" | "widgets" | "themes" | "plugins"