。
+ // let curComIsSpan = curCommonEle.nodeType === 1 && curCommonEle.nodeName === "SPAN";
+ // let curComParentIsP = curCommonEle.parentNode.nodeType === 1 && curCommonEle.parentNode.nodeName === "P";
+ // let curComParentIsDiv = curCommonEle.parentNode.nodeType === 1 && curCommonEle.parentNode.nodeName === "DIV";
+ // let curComParentIsSpan = curCommonEle.parentNode.nodeType === 1 && (curCommonEle.parentNode.nodeName === 'SPAN"' || curCommonEle.parentNode.nodeName === 'SPAN');
+ // console.log(" 当前选区信息 : ", curRange,
+ // "\ncurCommonEle: ", curCommonEle,
+ // "\ncurCommonEleParent: ", curCommonEle.parentNode, curCommonEle.parentNode.nodeType, curCommonEle.parentNode.nodeName,
+ // "\ncurCommonEleParentParent: ", curCommonEle.parentNode.parentNode, curCommonEle.parentNode.parentNode.nodeType, curCommonEle.parentNode.parentNode.nodeName,
+ //
+ // "\ncurComParentIsSpan: ", curComParentIsSpan,
+ // "\ncurComParentIsP : ", curComParentIsP,
+ // "\ncurComParentIsDiv", curComParentIsDiv,
+ // "\ncurComIsSpan", curComIsSpan,
+ //
+ // "\nstyleK: ", styleK,
+ // "\nstyleV: ", styleV,
+ // "\ntart: ", start,
+ // "\nend: ", end);
+
+ let curSpanContent = curCommonEle;
+ if (curSpanContent.nodeName !== "SPAN" || curSpanContent.getAttribute("data-flag") !== "span_content") {
+ curSpanContent = curSpanContent.parentElement.closest("span[data-flag='span_content']");
+ }
+ console.log("curSpanContent : ", curSpanContent, curCommonEle);
+ if (curSpanContent.childNodes.length <= 0) {
+ continue
+ }
+ let firstItem = curSpanContent.childNodes[0];
+ console.log("curSpanContent : ", curSpanContent, curSpanContent.childNodes, firstItem.nodeName, firstItem.nodeType);
+ let isEmptyStyle = curSpanContent.childNodes.length === 1 && firstItem.nodeName === "#text" && firstItem.nodeType === 3;
+ if (isEmptyStyle) {
+ let copySpan = curSpanContent.cloneNode();
+ copySpan.innerHTML = "";
+ for (let j = 0; j < curSpanContent.innerText.length; j++) {
+ // console.log(curStartP.innerText.charAt(j))
+ if (j >= start && j < end) {
+ let tmpSpan = document.createElement("span");
+ tmpSpan.innerText = curSpanContent.innerText.charAt(j);
+ applySpanStyleKV(tmpSpan, styleK, styleV);
+ copySpan.append(tmpSpan);
+ } else {
+ let tmpSpan = document.createElement("span");
+ tmpSpan.innerText = curSpanContent.innerText.charAt(j);
+ copySpan.append(tmpSpan);
+ }
+ }
+
+ curSpanContent.innerHTML = copySpan.innerHTML;
+
+ //光标保持
+ let s = window.getSelection();
+ if (s.rangeCount > 0) s.removeAllRanges();
+ let newR = document.createRange();
+ //重新获取元素
+ let tmpP = curSpanContent;
+ let childrenSize = tmpP.childNodes.length;
+ console.log("debug007: ", tmpP, start, end, childrenSize)
+ newR.setStart(tmpP, start);
+ newR.setEnd(tmpP, end);
+ //区域 添加 到选区
+ s.addRange(newR);
+ } else {
+ let total = 0, effectNum = 0;
+ for (let j = 0; j < curSpanContent.childNodes.length; j++) {
+ let tmpSpan = curSpanContent.childNodes[j];
+ if (curS.containsNode(tmpSpan, true)) {
+ total++;
+ if (spanContainsStyleKV(tmpSpan, styleK, styleV)) {
+ console.dir(tmpSpan);
+ } else {
+ effectNum++;
+ applySpanStyleKV(tmpSpan, styleK, styleV);
+ }
+ }
+ }
+
+ //如果没有设置任何一个 则取消
+ if (effectNum === 0) {
+ for (let j = 0; j < curSpanContent.childNodes.length; j++) {
+ let tmpSpan = curSpanContent.childNodes[j];
+ if (curS.containsNode(tmpSpan, true)) {
+ removeSpanStyleKV(tmpSpan, styleK, styleV);
+ }
+ }
+ }
+ }
+ }
+ }
+
+ function removeSpanStyleKV(span, styleK, styleV) {
+ let kList = styleK.toString().split(",");
+ let vList = styleV.toString().split(",");
+ for (let i = 0; i < kList.length; i++) {
+ if (span.style.getPropertyValue(kList[0]) === vList[0]) {
+ span.style.removeProperty(kList[0]);
+ }
+ }
+ }
+
+ function spanContainsStyleKV(span, styleK, styleV) {
+ let kList = styleK.toString().split(",");
+ let vList = styleV.toString().split(",");
+ let total = kList.length, match = 0;
+ for (let i = 0; i < kList.length; i++) {
+ if (span.style.getPropertyValue(kList[0]) === vList[0]) {
+ match++;
+ }
+ }
+
+ return total === match;
+ }
+
+ function applySpanStyleKV(span, styleK, styleV) {
+ let kList = styleK.toString().split(",");
+ let vList = styleV.toString().split(",");
+ for (let i = 0; i < kList.length; i++) {
+ span.style.setProperty(kList[i], vList[i]);
+ }
+ }
+
+ //导出
+ exports.handle = handle;
+});
\ No newline at end of file
diff --git a/static/js/event/impl/CancelEventImpl.js b/static/js/event/impl/CancelEventImpl.js
new file mode 100644
index 0000000..f240e75
--- /dev/null
+++ b/static/js/event/impl/CancelEventImpl.js
@@ -0,0 +1,26 @@
+"use strict";
+/**
+ * 撤销事件
+ */
+define(function (require, exports, module) {
+
+ function handle(e) {
+ const utils = require('../../common/utils');
+ const ctx = require('../../common/ctx');
+ let event = utils.ParseEvent(e);
+ console.log('触发ctrl + Z 事件', event.target)
+ if (ctx.latestOpDoc !== undefined && ctx.latestOpDoc !== null) {
+ //恢复
+ ctx.latestOpDoc.recovery();
+ //测试展示
+ ctx.showTestText()
+ //阻止事件
+ utils.ProhibitDefaultEvent(event);
+ }
+
+ ctx.latestOpDoc = null
+ }
+
+ //导出
+ exports.handle = handle;
+});
\ No newline at end of file
diff --git a/static/js/event/impl/CopyEventImpl.js b/static/js/event/impl/CopyEventImpl.js
new file mode 100644
index 0000000..4b551f6
--- /dev/null
+++ b/static/js/event/impl/CopyEventImpl.js
@@ -0,0 +1,13 @@
+"use strict";
+/**
+ * 拷贝事件
+ */
+define(function (require, exports, module) {
+
+ function handle(event) {
+
+ }
+
+ //导出
+ exports.handle = handle;
+});
\ No newline at end of file
diff --git a/static/js/event/impl/DelEventImpl.js b/static/js/event/impl/DelEventImpl.js
new file mode 100644
index 0000000..a7f896c
--- /dev/null
+++ b/static/js/event/impl/DelEventImpl.js
@@ -0,0 +1,83 @@
+"use strict";
+
+/**
+ * 删除事件
+ */
+define(function (require, exports, module) {
+
+ function handle(event) {
+ const ctx = require("../../common/ctx");
+ const utils = require("../../common/utils");
+ const MyRecovery = require("../../common/MyRecovery");
+ let curP = utils.GetEventTarget(event);
+ let cNo = parseInt(curP.getAttribute("id"));
+
+ //维护最近一次编辑的内容
+ if (ctx.latestOpDoc === undefined
+ || ctx.latestOpDoc === null
+ || ctx.latestOpDoc.getData().getAttribute("data-id") !== curP.getAttribute("data-id")) {
+
+ //记录最近一次删除 for 撤销
+ ctx.latestOpDoc = new MyRecovery(curP.cloneNode(true), function () {
+ let cNo = parseInt(this.data.getAttribute("id"))
+ console.log("恢复", this.data, cNo, " this: ", this)
+ if (cNo > 1) {
+
+ utils.InsertAfter(this.data, document.getElementById((cNo - 1) + ""))
+ } else {
+ //添加元素到首位 todo_xxx
+ // ctx.MyRoot.insertBefore(this.data, ctx.MyRoot.children[0])
+ ctx.MyRoot().insertBefore(this.data, ctx.MyRoot.children[0]);
+ }
+
+ // 恢复该元素展示
+ ctx.getMapItem(cNo).setHidden(false);
+ })
+ }
+
+
+ //如果是第一行
+ let previousSibling = curP.previousSibling
+ // console.log(curP, previousSibling === undefined, previousSibling.id === undefined)
+ if (previousSibling === undefined || previousSibling.id === undefined) {
+ //显示用户的输入内容
+ ctx.showTestText();
+ return
+ }
+
+
+ console.log('触发删除', curP.innerHTML, cNo)
+ let curS = utils.GetSelection();
+ // console.log("当前内容: ", curP.innerHTML, " 当前选区 ：", curS)
+ //处理前面没有内容，后面还有内容需要拼接到上层的场景
+ if ((curS.isCollapsed && curS.anchorOffset === 0) || curP.innerHTML === '
') {
+ let curNodeRetainHtml = curP.innerHTML
+ //阻止事件传递
+ utils.ProhibitDefaultEvent(event);
+ //设置该元素隐藏
+ ctx.MyDocMap.get(cNo).setHidden(true)
+ //删除当前元素
+ // curP.remove()
+ curP.innerHTML = "
"
+ let emptyRowNoList = ctx.getMapItem("emptyRowNoList");
+ if (emptyRowNoList === undefined || emptyRowNoList === null) {
+ emptyRowNoList = [];
+ ctx.MyDocMap.set("emptyRowNoList", emptyRowNoList);
+ }
+ emptyRowNoList.push(cNo);
+ //拼接
+ if (curNodeRetainHtml !== '
') {
+ previousSibling.innerHTML = previousSibling.innerHTML + curNodeRetainHtml
+ }
+
+ //收起选区到一个点，光标落在一个可编辑元素上
+ window.getSelection().setPosition(previousSibling, 1);
+ }
+
+ //显示用户的输入内容
+ ctx.showTestText();
+ }
+
+ //导出
+ exports.handle = handle;
+});
\ No newline at end of file
diff --git a/static/js/event/impl/EmptyInputEventImpl.js b/static/js/event/impl/EmptyInputEventImpl.js
new file mode 100644
index 0000000..5a88e72
--- /dev/null
+++ b/static/js/event/impl/EmptyInputEventImpl.js
@@ -0,0 +1,115 @@
+"use strict";
+/**
+ * 输入内容为空，如# /- /1. /等 触发事件
+ */
+define(function (require, exports, module) {
+
+ function handle(event) {
+ const utils = require('../../common/utils');
+ const Node = require('../../common/node');
+ let curP = utils.GetEventTarget(event);
+ let myDocItem = new Node(curP);
+ // let inputLength = curP.innerText.length
+ // console.log("emptyKeyWorkHandler :", curP, " _'", curP.innerHTML, "'_'", curP.innerText, "'_",
+ // "\neq1", curP.innerHTML.startsWith(" # "),
+ // "\neq2", curP.innerHTML.startsWith(" # "),
+ // "\neq3", curP.innerHTML.startsWith("# "),
+ // "\neq4", curP.innerHTML.startsWith("# "),
+ //
+ // "\neqV1", curP.innerText.startsWith(" # "),
+ // "\neqV2", curP.innerText.startsWith(" # "),
+ // "\neqV3", curP.innerText.startsWith("# "),
+ // "\neqV4", curP.innerText.startsWith("# "),
+ //
+ // )
+ /**
+ * h1 ~ h6
+ */
+ if (curP.innerText.startsWith("#")) {
+ let curNo = myDocItem.parseOrder();
+ let mapNode = ctx.MyDocMap.get(curNo);
+ if (curP.innerHTML.startsWith("######")) {
+ mapNode.getStyle().setNodeType("h6")
+ curP.innerHTML = curP.innerHTML.replace("######", "")
+ this.becomeAnotherElement(curP, "h6")
+ } else if (curP.innerHTML.startsWith("#####")) {
+ mapNode.getStyle().setNodeType("h5")
+ curP.innerHTML = curP.innerHTML.replace("#####", "")
+ this.becomeAnotherElement(curP, "h5")
+ } else if (curP.innerHTML.startsWith("####")) {
+ mapNode.getStyle().setNodeType("h4")
+ curP.innerHTML = curP.innerHTML.replace("####", "")
+ this.becomeAnotherElement(curP, "h4")
+ } else if (curP.innerHTML.startsWith("###")) {
+ mapNode.getStyle().setNodeType("h3")
+ curP.innerHTML = curP.innerHTML.replace("###", "")
+ this.becomeAnotherElement(curP, "h3")
+ } else if (curP.innerHTML.startsWith("##")) {
+ mapNode.getStyle().setNodeType("h2")
+ curP.innerHTML = curP.innerHTML.replace("##", "")
+ this.becomeAnotherElement(curP, "h2")
+ } else {
+ mapNode.getStyle().setNodeType("h1")
+ curP.innerHTML = curP.innerHTML.replace("#", "")
+ this.becomeAnotherElement(curP, "h1")
+ }
+ }
+
+ /**
+ * 无序列表效果
+ */
+ if (curP.innerText.startsWith("-")) {
+ let curNo = myDocItem.parseOrder();
+ let mapNode = ctx.getMapItem(curNo);
+ mapNode.getStyle().setPreStyle("ul", true)
+
+ //clean
+ let historyContent = curP.innerHTML.replace("-", "");
+ mapNode.setSource(curP.innerText)
+
+ //根据上一层级元素动态选择 todo
+ curP.setAttribute("style", "padding-left: 1rem;")
+ //新增元素
+ let newParagraph = document.createElement("span");
+ newParagraph.setAttribute("contenteditable", "false");
+ //∙ vs ∘
+ newParagraph.innerHTML = "∙ "
+ curP.innerHTML = ""
+ curP.append(newParagraph);
+ curP.innerHTML = curP.innerHTML + historyContent
+
+ //收起选区到一个点，光标落在一个可编辑元素上
+ utils.GetSelection().collapse(curP, true)
+ }
+
+ /**
+ * 有序列表效果
+ */
+ let preContent = curP.innerText.split("\.")[0]
+ if (window.myEdit.utils.IsNum(preContent)) {
+ let curNo = myDocItem.parseOrder();
+ let mapNode = ctx.MyDocMap.get(curNo);
+ mapNode.getStyle().setPreStyle("ol", preContent)
+
+ //clean
+ let historyContent = curP.innerHTML.replace(preContent + ".", "");
+ mapNode.setSource(curP.innerText)
+ //todo
+ curP.setAttribute("style", "padding-left: 1rem;")
+ //新增元素
+ let newParagraph = document.createElement("span");
+ newParagraph.setAttribute("contenteditable", "false");
+ newParagraph.innerHTML = preContent + ". "
+ curP.innerHTML = ""
+ curP.append(newParagraph);
+ curP.innerHTML = curP.innerHTML + historyContent
+
+ //收起选区到一个点，光标落在一个可编辑元素上
+ utils.GetSelection().collapse(curP, true)
+ }
+
+ }
+
+ //导出
+ exports.handle = handle;
+});
\ No newline at end of file
diff --git a/static/js/event/impl/EnterEventImpl.js b/static/js/event/impl/EnterEventImpl.js
new file mode 100644
index 0000000..4a053eb
--- /dev/null
+++ b/static/js/event/impl/EnterEventImpl.js
@@ -0,0 +1,18 @@
+"use strict";
+/**
+ * 回车事件
+ */
+define(function (require, exports, module) {
+
+ function handle(e) {
+ const utils = require('../../common/utils');
+ let event = utils.ParseEvent(e);
+ let curEl = utils.GetEventTarget(event);
+
+ // console.log("Enter event", event, "\ncurEl: ", curEl)
+
+ }
+
+ //导出
+ exports.handle = handle;
+});
\ No newline at end of file
diff --git a/static/js/event/impl/InputEventImpl.js b/static/js/event/impl/InputEventImpl.js
new file mode 100644
index 0000000..08f6738
--- /dev/null
+++ b/static/js/event/impl/InputEventImpl.js
@@ -0,0 +1,34 @@
+"use strict";
+
+/**
+ * 输入事件
+ */
+define(function (require, exports, module) {
+
+ function handle(e) {
+ const utils = require('../../common/utils');
+ const event = utils.ParseEvent(e);
+ let curP = utils.GetEventTarget(e);
+
+ console.log("input : ", event,
+ "\ntext: '", event.data + "'"
+ , "\ncurP: ", curP)
+ let testDiv = document.getElementById("testDevice")
+ testDiv.innerText =
+ "\ninput: " + event.data + " isEmpty: " + (event.data === " ");
+
+
+ //更新内容
+
+ // this.updateText(curP)
+
+ //处理空行转换
+ if (event.data === " ") {
+ let emptyHandle = require("./EmptyInputEventImpl");
+ emptyHandle.handle(e);
+ }
+ }
+
+ //导出
+ exports.handle = handle;
+});
\ No newline at end of file
diff --git a/static/js/event/impl/KeyDownEventImpl.js b/static/js/event/impl/KeyDownEventImpl.js
new file mode 100644
index 0000000..76795da
--- /dev/null
+++ b/static/js/event/impl/KeyDownEventImpl.js
@@ -0,0 +1,42 @@
+"use strict";
+/**
+ * 鼠标 keyDown 事件
+ */
+define(function (require, exports, module) {
+
+ function handle(e) {
+ const utils = require('../../common/utils')
+ const event = utils.ParseEvent(e);
+ let curP = utils.GetEventTarget(e);
+ const keyCode = utils.GetKeyCode(event);
+ const keyCombination = event.ctrlKey
+ const metaKey = event.metaKey
+
+ // console.log("keyDown : ", event,
+ // "\nevent.data: '", event.data + "'",
+ // "\nkeyCode: '", keyCode + "'"
+ // , "\ncurP: ", curP);
+
+ //支持全屏撤销
+ if (metaKey && keyCode === 90) {
+ // const cancelHandle = require('./CancelEventImpl')
+ // cancelHandle.handle(e);
+ return;
+ }
+
+ //回车事件,禁止处理。防止生成 div
+ if (keyCode === 13) {
+ // utils.ProhibitDefaultEvent(event);
+ }
+
+ //在鼠标按下的时候删除，体验更好
+ if (keyCode === 46 || keyCode === 8) {
+ // const delHandle = require('./DelEventImpl')
+ // delHandle.handle(e);
+ // return;
+ }
+ }
+
+ //导出
+ exports.handle = handle;
+});
\ No newline at end of file
diff --git a/static/js/event/impl/KeyUpEventImpl.js b/static/js/event/impl/KeyUpEventImpl.js
new file mode 100644
index 0000000..470deee
--- /dev/null
+++ b/static/js/event/impl/KeyUpEventImpl.js
@@ -0,0 +1,49 @@
+"use strict";
+/**
+ * 鼠标 keyUp 事件
+ */
+define(function (require, exports, module) {
+
+ function handle(e) {
+ const utils = require('../../common/utils')
+ const event = utils.ParseEvent(e);
+ // console.log("this: ", this, e, e.target, "\n event: ", event)
+ const keyCode = utils.GetKeyCode(event);
+ const keyCombination = event.ctrlKey
+ const metaKey = event.metaKey
+
+ let curP = utils.GetEventTarget(e);
+ // console.log("键盘事件 ", event, keyCombination, metaKey, keyCode, "\ncurP: ", curP)
+
+
+ // ctrl + c 复制
+ if (keyCombination && keyCode === 67) {
+ // 阻止默认事件
+ // utils.ProhibitDefaultEvent(event);
+ // console.log('触发ctrl + c 事件', e.target)
+ }
+
+ //撤销
+ if (metaKey && keyCode === 90) {
+ // const cancelHandle = require('./CancelEventImpl')
+ // cancelHandle.handle(e);
+ return;
+ }
+
+ //删除
+ if (keyCode === 46 || keyCode === 8) {
+ //todo 什么也不处理
+ return;
+ }
+
+ //回车事件
+ if (keyCode === 13 /* && currentNode === key.lastElementChild */) {
+ // const enterHandle = require('./EnterEventImpl')
+ // enterHandle.handle(e);
+ // return;
+ }
+ }
+
+ //导出
+ exports.handle = handle;
+});
\ No newline at end of file
diff --git a/static/js/event/impl/MouseDownEventImpl.js b/static/js/event/impl/MouseDownEventImpl.js
new file mode 100644
index 0000000..7159398
--- /dev/null
+++ b/static/js/event/impl/MouseDownEventImpl.js
@@ -0,0 +1,33 @@
+"use strict";
+/**
+ * 使用样式事件
+ */
+define(function (require, exports, module) {
+
+ function handle(e) {
+ const utils = require('../../common/utils');
+ const ctx = require('../../common/ctx');
+ const event = utils.ParseEvent(e);
+
+
+ let curElement = utils.GetEventTarget(event);
+ let id = curElement.getAttribute("id");
+ if (id !== "_style_utils") {
+ id = curElement.closest("#_style_utils").getAttribute("id");
+ }
+ console.log("mousedown: ", event,
+ "\ncurElement:", curElement,
+ "\nid : ", id)
+ //这里监听鼠标按下事件
+ // if (id === "_style_utils") {
+ // //阻止事件，for 应用 样式
+ // utils.ProhibitDefaultEvent(event);
+ // }
+ //阻止事件，for 应用 样式
+ utils.ProhibitDefaultEvent(event);
+
+ }
+
+ //导出
+ exports.handle = handle;
+});
\ No newline at end of file
diff --git a/static/js/event/impl/MutationObserverImpl.js b/static/js/event/impl/MutationObserverImpl.js
new file mode 100644
index 0000000..eb37d43
--- /dev/null
+++ b/static/js/event/impl/MutationObserverImpl.js
@@ -0,0 +1,93 @@
+"use strict";
+/**
+ * 使用样式事件
+ */
+define(function (require, exports, module) {
+
+ function handle(mutationList) {
+ for (let mutation of mutationList) {
+
+
+ switch (mutation.type) {
+ case "childList":
+ addNewP(mutation);
+ break;
+ case "characterData":
+ updateText(mutation);
+ break;
+ default: {
+ other(mutation);
+ }
+ }
+ }
+ }
+
+ function other(mutation) {
+ console.log("mutation : ", mutation,
+ // 观察的变动类型（attributes、characterData或者childList）。
+ "\ntype", mutation.type,
+ //发生变动的DOM节点。
+ "\ntarget", mutation.target,
+ "\ntargetParent", mutation.target.parentElement, mutation.target.parentNode,
+ //新增的DOM节点。
+ "\naddedNodes", mutation.addedNodes,
+ //删除的DOM节点。
+ "\nremovedNodes", mutation.removedNodes,
+ //前一个同级节点，如果没有则返回null。
+ "\npreviousSibling", mutation.previousSibling,
+ //下一个同级节点，如果没有则返回null。
+ "\nnextSibling", mutation.nextSibling,
+ //发生变动的属性。如果设置了attributeFilter，则只返回预先指定的属性。
+ "\nattributeName", mutation.attributeName,
+ //变动前的值。这个属性只对attribute和characterData变动有效，如果发生childList变动，则返回null。
+ "\noldValue", mutation.oldValue);
+ }
+
+ function addNewP(mutation) {
+ let target = mutation.target;
+ if (target.nodeName === "DIV" && mutation.previousSibling !== null) {
+ console.log(
+ "target: ", target,
+ "\nnodeType: ", target.nodeType,
+ "\nnodeName: ", target.nodeName,
+ "\ndata: ", target.value,
+ "\n next: ", mutation.previousSibling.nextSibling
+ )
+
+ let utils = require("../../common/utils");
+ let ctx = require("../../common/ctx");
+ let curP = mutation.previousSibling.nextSibling;
+ if (curP !== undefined && curP !== null) {
+ curP.id = utils.Uuid(ctx.usn, ctx.docType);
+ curP.setAttribute("data-order", ctx.incrementNumThenReturn());
+ }
+ }
+
+ }
+
+ function updateText(mutation) {
+ let target = mutation.target;
+ if (target.nodeType === 3 && target.nodeName === "#text") {
+ // console.log(
+ // "target: ", target,
+ // "\nnodeType: ", target.nodeType,
+ // "\nnodeName: ", target.nodeName,
+ // "\ndata: ", target.value,
+ // "\nparentNode: ", target.parentNode,
+ // "\nparentNode_parentNode: ", target.parentNode.parentNode,
+ // )
+
+ // let curSpan = target.parentNode;
+ // let curP = target.parentNode.parentNode;
+
+
+
+
+ } else {
+ other(mutation);
+ }
+ }
+
+ //导出
+ exports.handle = handle;
+});
\ No newline at end of file
diff --git a/static/js/event/impl/PasteEventImpl.js b/static/js/event/impl/PasteEventImpl.js
new file mode 100644
index 0000000..05ea9fe
--- /dev/null
+++ b/static/js/event/impl/PasteEventImpl.js
@@ -0,0 +1,13 @@
+"use strict";
+/**
+ * 粘贴事件
+ */
+define(function (require, exports, module) {
+
+ function handle(event) {
+
+ }
+
+ //导出
+ exports.handle = handle;
+});
\ No newline at end of file
diff --git a/static/js/event/impl/RSizeEventImpl.js b/static/js/event/impl/RSizeEventImpl.js
new file mode 100644
index 0000000..031716d
--- /dev/null
+++ b/static/js/event/impl/RSizeEventImpl.js
@@ -0,0 +1,103 @@
+"use strict";
+define(function (require, exports, module) {
+
+ function handle(e) {
+ const ctx = require("../../common/ctx");
+ let historyScreenW = ctx.screenWidth;
+ let curScreenW = ctx.getScreenWidth();
+ if (historyScreenW === curScreenW) {
+ return
+ }
+
+ //调整
+ refreshEditFrontSize()
+ refreshRootFrontSize();
+
+ //更新
+ ctx.screenWidth = ctx.getScreenWidth();
+ ctx.screenHeight = ctx.getScreenHeight();
+ }
+
+ /**
+ * 刷新跟节点 front-size
+ * @constructor
+ */
+ function refreshRootFrontSize() {
+ const ctx = require("../../common/ctx");
+ let curDoc = document.documentElement;//当前文档的 root 元素
+ let curClientW = ctx.getScreenWidth();
+ if (!curClientW) {
+ return
+ }
+
+ let designWidth = ctx.designWith;
+ //set 1rem = viewWidth/10 (支持响应式)
+ let nowFrontSize = ((curClientW / designWidth) / 10) + 'px';
+ curDoc.style.fontSize = nowFrontSize;
+ console.log("curClientW :", curClientW, "designWidth: ", designWidth, "-> ", nowFrontSize);
+ let testDiv = document.getElementById("testDevice");
+ testDiv.innerText += "\nnowFrontSize: " + nowFrontSize;
+ // testDiv.innerText = testDiv.innerText +
+ // // "\n navigator_userAgent :" + navigator.userAgent.toLocaleLowerCase() +
+ // "\n isMobile :" + /mobi|android|iphone|ipad|ipod/i.test(navigator.userAgent.toLocaleLowerCase()) +
+ // "\n isIOS :" + /iphone|ipad|ipod/.test(window.navigator.userAgent.toLocaleLowerCase()) +
+ // "\n isAndroid :" + /android/.test(window.navigator.userAgent.toLocaleLowerCase()) +
+ // "\n window.width :" + window.innerWidth +
+ // "\n curClientW :" + curClientW +
+ // " \n designWidth: " + designWidth +
+ // "\n 1rem = " + nowFrontSize;
+
+ }
+
+
+ function refreshEditFrontSize() {
+ const ctx = require("../../common/ctx");
+ let curClientW = ctx.getScreenWidth();
+ if (!curClientW) {
+ return
+ }
+
+ let dpr = window.devicePixelRatio || 1;//当前设置下 物理像素和虚拟像素的比值
+ if (!dpr) {
+ //devicePixelRatio这个属性是可以获取到设备的dpr
+ let devicePixelRatio = win?.devicePixelRatio;
+ //判断dpr是否为整数
+ let isRegularDpr = devicePixelRatio.toString().match(/^[1-9]\d*$/g)
+ if (isRegularDpr) {
+ // 对于是整数的dpr，对dpr进行操作
+ if (devicePixelRatio >= 3 && (!dpr || dpr >= 3)) {
+ dpr = 3;
+ } else if (devicePixelRatio >= 2 && (!dpr || dpr >= 2)) {
+ dpr = 2;
+ } else {
+ dpr = 1;
+ }
+ } else {
+ // 其他设备下，仍旧使用1倍的方案
+ dpr = 1;
+ }
+ }
+
+ let myEditFrontSize = document.getElementById("myEdit_main");
+ // if (document.documentElement.clientWidth <= 720) {
+ // myEditFrontSize.style.fontSize = (window.myEdit.ctx.editFrontSize + 6) + 'px';
+ // } else {
+ // myEditFrontSize.style.fontSize = window.myEdit.ctx.editFrontSize * dpr + 'px';
+ // }
+ // myEditFrontSize.style.fontSize = window.myEdit.ctx.editFrontSize * dpr + 'px';
+ if (ctx.isTablet) {
+ myEditFrontSize.style.fontSize = ctx.editFrontSize * dpr + 'px';
+ } else {
+ myEditFrontSize.style.fontSize = ctx.editFrontSize + 'px';
+ }
+
+ // console.log("myEditFrontSize: ", myEditFrontSize.style.fontSize);
+ let testDiv = document.getElementById("testDevice");
+ testDiv.innerText = "\ndpr: " + dpr + "\nmyEditFrontSize: " + myEditFrontSize.style.fontSize;
+ }
+
+
+ //导出
+ exports.handle = handle;
+ exports.refreshEditFrontSize = refreshEditFrontSize;
+});
\ No newline at end of file
diff --git a/static/js/index.js b/static/js/index.js
new file mode 100644
index 0000000..8a5fb78
--- /dev/null
+++ b/static/js/index.js
@@ -0,0 +1,22 @@
+"use strict";
+define(function (require) {
+ const ctx = require('./common/ctx');
+ const eventListener = require('./event/MyEventListener')
+ const utils = require('./common/utils')
+ console.log("uuid1 -10 : ", utils.Uuid(ctx.usn));
+
+
+ // 初始化第一个输入框
+ let newParagraph = document.createElement("p");
+ //内置span
+ let span = document.createElement("span");
+ span.append(document.createElement("br"));
+ span.setAttribute("data-flag","span_content")
+ newParagraph.append(span);
+ //添加一行
+ ctx.MyRoot().append(newParagraph);
+ //收起选区到一个点，光标落在一个可编辑元素上
+ utils.GetSelection().setPosition(newParagraph, 0);
+
+
+})
\ No newline at end of file
diff --git a/static/js/init.go b/static/js/init.go
index d02753a..5a5d496 100644
--- a/static/js/init.go
+++ b/static/js/init.go
@@ -3,63 +3,72 @@ package js
import (
"embed"
"io/fs"
- "os"
)
import _ "embed"
-//go:embed */*/*.js
+//go:embed *.js
+var indexList embed.FS
+
+//go:embed */*.js
var jsList embed.FS
-//go:embed lib/main.js
-var jsMain embed.FS
+//go:embed event/impl/*
+var eventImplJs embed.FS
var jsMap = initJsMap()
func initJsMap() map[string][]byte {
var dataMap = make(map[string][]byte)
+ //index.js
+ btData, _ := indexList.ReadFile("index.js")
+ dataMap["index.js"] = btData
- btys, _ := jsMain.ReadFile("lib/main.js")
- dataMap["lib/main.js"] = btys
-
- list := initJsMapInner("lib/biz")
+ //eventImpl
+ list, err := eventImplJs.ReadDir("event/impl")
+ if err != nil {
+ panic(err)
+ return nil
+ }
if list != nil && len(list) > 0 {
for _, file := range list {
//读取配置文件
- data, err := jsList.ReadFile("lib/biz/" + file.Name())
+ data, err := eventImplJs.ReadFile("event/impl/" + file.Name())
if err == nil {
- dataMap["lib/biz/"+file.Name()] = data
+ dataMap["event/impl/"+file.Name()] = data
}
}
}
- list = initJsMapInner("lib/common")
+ list = initJsMapInner("lib")
if list != nil && len(list) > 0 {
for _, file := range list {
//读取配置文件
- data, err := jsList.ReadFile("lib/common/" + file.Name())
+ data, err := jsList.ReadFile("lib/" + file.Name())
if err == nil {
- dataMap["lib/common/"+file.Name()] = data
+ dataMap["lib/"+file.Name()] = data
}
}
}
- list = initJsMapInner("lib/event")
+
+ list = initJsMapInner("common")
if list != nil && len(list) > 0 {
for _, file := range list {
//读取配置文件
- data, err := jsList.ReadFile("lib/event/" + file.Name())
+ data, err := jsList.ReadFile("common/" + file.Name())
if err == nil {
- dataMap["lib/event/"+file.Name()] = data
+ dataMap["common/"+file.Name()] = data
}
}
}
- list = initJsMapInner("lib/model")
+
+ list = initJsMapInner("event")
if list != nil && len(list) > 0 {
for _, file := range list {
//读取配置文件
- data, err := jsList.ReadFile("lib/model/" + file.Name())
+ data, err := jsList.ReadFile("event/" + file.Name())
if err == nil {
- dataMap["lib/model/"+file.Name()] = data
+ dataMap["event/"+file.Name()] = data
}
}
}
@@ -70,7 +79,7 @@ func initJsMap() map[string][]byte {
func initJsMapInner(path string) []fs.DirEntry {
list, err := jsList.ReadDir(path)
if err != nil {
- os.Exit(-1)
+ panic(err)
return nil
}
diff --git a/static/js/lib/biz/MyBiz.js b/static/js/lib.old/biz/MyBiz.js
similarity index 100%
rename from static/js/lib/biz/MyBiz.js
rename to static/js/lib.old/biz/MyBiz.js
diff --git a/static/js/lib/common/MyUtils.js b/static/js/lib.old/common/MyUtils.js
similarity index 100%
rename from static/js/lib/common/MyUtils.js
rename to static/js/lib.old/common/MyUtils.js
diff --git a/static/js/lib/event/MyEventListener.js b/static/js/lib.old/event/MyEventListener.js
similarity index 100%
rename from static/js/lib/event/MyEventListener.js
rename to static/js/lib.old/event/MyEventListener.js
diff --git a/static/js/lib/main.js b/static/js/lib.old/main.js
similarity index 100%
rename from static/js/lib/main.js
rename to static/js/lib.old/main.js
diff --git a/static/js/lib/model/InnerStyle.js b/static/js/lib.old/model/InnerStyle.js
similarity index 100%
rename from static/js/lib/model/InnerStyle.js
rename to static/js/lib.old/model/InnerStyle.js
diff --git a/static/js/lib/model/MyDocItem.js b/static/js/lib.old/model/MyDocItem.js
similarity index 100%
rename from static/js/lib/model/MyDocItem.js
rename to static/js/lib.old/model/MyDocItem.js
diff --git a/static/js/lib/model/MyKV.js b/static/js/lib.old/model/MyKV.js
similarity index 100%
rename from static/js/lib/model/MyKV.js
rename to static/js/lib.old/model/MyKV.js
diff --git a/static/js/lib/model/MyMapItem.js b/static/js/lib.old/model/MyMapItem.js
similarity index 100%
rename from static/js/lib/model/MyMapItem.js
rename to static/js/lib.old/model/MyMapItem.js
diff --git a/static/js/lib/model/MyRecovery.js b/static/js/lib.old/model/MyRecovery.js
similarity index 100%
rename from static/js/lib/model/MyRecovery.js
rename to static/js/lib.old/model/MyRecovery.js
diff --git a/static/js/lib/todolist b/static/js/lib.old/todolist
similarity index 100%
rename from static/js/lib/todolist
rename to static/js/lib.old/todolist
diff --git a/static/js/lib/sea.js b/static/js/lib/sea.js
new file mode 100644
index 0000000..dd70294
--- /dev/null
+++ b/static/js/lib/sea.js
@@ -0,0 +1,2 @@
+/*! Sea.js 3.0.0 | seajs.org/LICENSE.md */
+!function(a,b){function c(a){return function(b){return{}.toString.call(b)=="[object "+a+"]"}}function d(){return A++}function e(a){return a.match(D)[0]}function f(a){for(a=a.replace(E,"/"),a=a.replace(G,"$1/");a.match(F);)a=a.replace(F,"/");return a}function g(a){var b=a.length-1,c=a.charCodeAt(b);return 35===c?a.substring(0,b):".js"===a.substring(b-2)||a.indexOf("?")>0||47===c?a:a+".js"}function h(a){var b=v.alias;return b&&x(b[a])?b[a]:a}function i(a){var b=v.paths,c;return b&&(c=a.match(H))&&x(b[c[1]])&&(a=b[c[1]]+c[2]),a}function j(a){var b=v.vars;return b&&a.indexOf("{")>-1&&(a=a.replace(I,function(a,c){return x(b[c])?b[c]:a})),a}function k(a){var b=v.map,c=a;if(b)for(var d=0,e=b.length;e>d;d++){var f=b[d];if(c=z(f)?f(a)||a:a.replace(f[0],f[1]),c!==a)break}return c}function l(a,b){var c,d=a.charCodeAt(0);if(J.test(a))c=a;else if(46===d)c=(b?e(b):v.cwd)+a;else if(47===d){var g=v.cwd.match(K);c=g?g[0]+a.substring(1):a}else c=v.base+a;return 0===c.indexOf("//")&&(c=location.protocol+c),f(c)}function m(a,b){if(!a)return"";a=h(a),a=i(a),a=h(a),a=j(a),a=h(a),a=g(a),a=h(a);var c=l(a,b);return c=h(c),c=k(c)}function n(a){return a.hasAttribute?a.src:a.getAttribute("src",4)}function o(a,b,c){var d;try{importScripts(a)}catch(e){d=e}b(d)}function p(a,b,c){var d=Y.createElement("script");if(c){var e=z(c)?c(a):c;e&&(d.charset=e)}q(d,b,a),d.async=!0,d.src=a,bb=d,ab?_.insertBefore(d,ab):_.appendChild(d),bb=null}function q(a,b,c){function d(c){a.onload=a.onerror=a.onreadystatechange=null,v.debug||_.removeChild(a),a=null,b(c)}var e="onload"in a;e?(a.onload=d,a.onerror=function(){C("error",{uri:c,node:a}),d(!0)}):a.onreadystatechange=function(){/loaded|complete/.test(a.readyState)&&d()}}function r(){if(bb)return bb;if(cb&&"interactive"===cb.readyState)return cb;for(var a=_.getElementsByTagName("script"),b=a.length-1;b>=0;b--){var c=a[b];if("interactive"===c.readyState)return cb=c}}function s(a){function b(){l=a.charAt(k++)}function c(){return/\s/.test(l)}function d(){return'"'==l||"'"==l}function e(){var c=k,d=l,e=a.indexOf(d,c);if(-1==e)k=m;else if("\\"!=a.charAt(e-1))k=e+1;else for(;m>k;)if(b(),"\\"==l)k++;else if(l==d)break;o&&(r.push(a.slice(c,k-1)),o=0)}function f(){for(k--;m>k;)if(b(),"\\"==l)k++;else{if("/"==l)break;if("["==l)for(;m>k;)if(b(),"\\"==l)k++;else if("]"==l)break}}function g(){return/[a-z_$]/i.test(l)}function h(){var b=a.slice(k-1),c=/^[\w$]+/.exec(b)[0];p={"if":1,"for":1,"while":1,"with":1}[c],n={"break":1,"case":1,"continue":1,"debugger":1,"delete":1,"do":1,"else":1,"false":1,"if":1,"in":1,"instanceof":1,"return":1,"typeof":1,"void":1}[c],o=/^require\s*\(\s*(['"]).+?\1\s*\)/.test(b),o?(c=/^require\s*\(\s*['"]/.exec(b)[0],k+=c.length-2):k+=/^[\w$]+(?:\s*\.\s*[\w$]+)*/.exec(b)[0].length-1}function i(){return/\d/.test(l)||"."==l&&/\d/.test(a.charAt(k))}function j(){var b=a.slice(k-1),c;c="."==l?/^\.\d+(?:E[+-]?\d*)?\s*/i.exec(b)[0]:/^0x[\da-f]*/i.test(b)?/^0x[\da-f]*\s*/i.exec(b)[0]:/^\d+\.?\d*(?:E[+-]?\d*)?\s*/i.exec(b)[0],k+=c.length-1,n=0}if(-1==a.indexOf("require"))return[];for(var k=0,l,m=a.length,n=1,o=0,p=0,q=[],r=[];m>k;)b(),c()||(d()?(e(),n=1):"/"==l?(b(),"/"==l?(k=a.indexOf("\n",k),-1==k&&(k=a.length)):"*"==l?(k=a.indexOf("*/",k),-1==k?k=m:k+=2):n?(f(),n=0):(k--,n=1)):g()?h():i()?j():"("==l?(q.push(p),n=1):")"==l?n=q.pop():(n="]"!=l,o=0));return r}function t(a,b){this.uri=a,this.dependencies=b||[],this.deps={},this.status=0,this._entry=[]}if(!a.seajs){var u=a.seajs={version:"3.0.0"},v=u.data={},w=c("Object"),x=c("String"),y=Array.isArray||c("Array"),z=c("Function"),A=0,B=v.events={};u.on=function(a,b){var c=B[a]||(B[a]=[]);return c.push(b),u},u.off=function(a,b){if(!a&&!b)return B=v.events={},u;var c=B[a];if(c)if(b)for(var d=c.length-1;d>=0;d--)c[d]===b&&c.splice(d,1);else delete B[a];return u};var C=u.emit=function(a,b){var c=B[a];if(c){c=c.slice();for(var d=0,e=c.length;e>d;d++)c[d](b)}return u},D=/[^?#]*\//,E=/\/\.\//g,F=/\/[^/]+\/\.\.\//,G=/([^:/])\/+\//g,H=/^([^/:]+)(\/.+)$/,I=/{([^{]+)}/g,J=/^\/\/.|:\//,K=/^.*?\/\/.*?\//;u.resolve=m;var L="undefined"==typeof window&&"undefined"!=typeof importScripts&&z(importScripts),M=/^(about|blob):/,N,O,P=!location.href||M.test(location.href)?"":e(location.href);if(L){var Q;try{var R=Error();throw R}catch(S){Q=S.stack.split("\n")}Q.shift();for(var T,U=/.*?((?:http|https|file)(?::\/{2}[\w]+)(?:[\/|\.]?)(?:[^\s"]*)).*?/i,V=/(.*?):\d+:\d+\)?$/;Q.length>0;){var W=Q.shift();if(T=U.exec(W),null!=T)break}var X;if(null!=T)var X=V.exec(T[1])[1];O=X,N=e(X||P),""===P&&(P=N)}else{var Y=document,Z=Y.scripts,$=Y.getElementById("seajsnode")||Z[Z.length-1];O=n($),N=e(O||P)}if(L)u.request=o;else{var Y=document,_=Y.head||Y.getElementsByTagName("head")[0]||Y.documentElement,ab=_.getElementsByTagName("base")[0],bb;u.request=p}var cb,db=u.cache={},eb,fb={},gb={},hb={},ib=t.STATUS={FETCHING:1,SAVED:2,LOADING:3,LOADED:4,EXECUTING:5,EXECUTED:6,ERROR:7};t.prototype.resolve=function(){for(var a=this,b=a.dependencies,c=[],d=0,e=b.length;e>d;d++)c[d]=t.resolve(b[d],a.uri);return c},t.prototype.pass=function(){for(var a=this,b=a.dependencies.length,c=0;c
f;f++){var g=a.deps[a.dependencies[f]];g.status0&&(d.remain+=e-1,a._entry.shift(),c--)}},t.prototype.load=function(){var a=this;if(!(a.status>=ib.LOADING)){a.status=ib.LOADING;var c=a.resolve();C("load",c);for(var d=0,e=c.length;e>d;d++)a.deps[a.dependencies[d]]=t.get(c[d]);if(a.pass(),a._entry.length)return a.onload(),b;var f={},g;for(d=0;e>d;d++)g=db[c[d]],g.statusb;b++){var d=a._entry[b];0===--d.remain&&d.callback()}delete a._entry},t.prototype.error=function(){var a=this;a.onload(),a.status=ib.ERROR},t.prototype.exec=function(){function a(b){var d=c.deps[b]||t.get(a.resolve(b));if(d.status==ib.ERROR)throw Error("module was broken: "+d.uri);return d.exec()}var c=this;if(c.status>=ib.EXECUTING)return c.exports;if(c.status=ib.EXECUTING,c._entry&&!c._entry.length&&delete c._entry,!c.hasOwnProperty("factory"))return c.non=!0,b;var e=c.uri;a.resolve=function(a){return t.resolve(a,e)},a.async=function(b,c){return t.use(b,c,e+"_async_"+d()),a};var f=c.factory,g=z(f)?f(a,c.exports={},c):f;return g===b&&(g=c.exports),delete c.factory,c.exports=g,c.status=ib.EXECUTED,C("exec",c),c.exports},t.prototype.fetch=function(a){function c(){u.request(g.requestUri,g.onRequest,g.charset)}function d(a){delete fb[h],gb[h]=!0,eb&&(t.save(f,eb),eb=null);var b,c=hb[h];for(delete hb[h];b=c.shift();)a===!0?b.error():b.load()}var e=this,f=e.uri;e.status=ib.FETCHING;var g={uri:f};C("fetch",g);var h=g.requestUri||f;return!h||gb.hasOwnProperty(h)?(e.load(),b):fb.hasOwnProperty(h)?(hb[h].push(e),b):(fb[h]=!0,hb[h]=[e],C("request",g={uri:f,requestUri:h,onRequest:d,charset:z(v.charset)?v.charset(h)||"utf-8":v.charset}),g.requested||(a?a[g.requestUri]=c:c()),b)},t.resolve=function(a,b){var c={id:a,refUri:b};return C("resolve",c),c.uri||u.resolve(c.id,b)},t.define=function(a,c,d){var e=arguments.length;1===e?(d=a,a=b):2===e&&(d=c,y(a)?(c=a,a=b):c=b),!y(c)&&z(d)&&(c=b===s?[]:s(""+d));var f={id:a,uri:t.resolve(a),deps:c,factory:d};if(!L&&!f.uri&&Y.attachEvent&&b!==r){var g=r();g&&(f.uri=g.src)}C("define",f),f.uri?t.save(f.uri,f):eb=f},t.save=function(a,b){var c=t.get(a);c.statusf;f++)b[f]=db[d[f]].exec();c&&c.apply(a,b),delete e.callback,delete e.history,delete e.remain,delete e._entry},e.load()},u.use=function(a,b){return t.use(a,b,v.cwd+"_use_"+d()),u},t.define.cmd={},a.define=t.define,u.Module=t,v.fetchedList=gb,v.cid=d,u.require=function(a){var b=t.get(t.resolve(a));return b.status
📒
-
+ content="width=device-width, height=device-height,initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
+
-
+
+
+
+
-
-
-
-
-
-
-
-
-
+
-
-
-
- 测试编辑
-
-
-
-
-
+
+
+
+ 测试编辑
+
+
+
+
+
-
+
+
-
-
-
-
-
-