mylomen-server/static/js/event/impl/DelEventImpl.js

"use strict";

/**
 * 删除事件
 */
define(function (require, exports, module) {

    function handle(event) {
        const ctx = require("../../common/ctx");
        const utils = require("../../common/utils");
        let target = utils.GetEventTarget(event);
        // console.log("删除元素是 ", target);

        //禁止删除最后一行
        let allPList = target.querySelectorAll("p");
        if (allPList.length === 1) {
            let lastOneSpan = allPList[0].querySelector("span[data-flag='span_content']")
            let lastOneSpanTxt = utils.GetText(lastOneSpan);
            if (lastOneSpanTxt === "\n") {
                utils.ProhibitDefaultEvent(event);
            }
        }
    }

    function handle2(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 = "<br/>"
            let emptyRowNoList = ctx.getMapItem("emptyRowNoList");
            if (emptyRowNoList === undefined || emptyRowNoList === null) {
                emptyRowNoList = [];
                ctx.MyDocMap.set("emptyRowNoList", emptyRowNoList);
            }
            emptyRowNoList.push(cNo);
            //拼接
            if (curNodeRetainHtml !== '&nbsp;') {
                previousSibling.innerHTML = previousSibling.innerHTML + curNodeRetainHtml
            }

            //收起选区到一个点，光标落在一个可编辑元素上
            window.getSelection().setPosition(previousSibling, 1);
        }

        //显示用户的输入内容
        ctx.showTestText();
    }

    //导出
    exports.handle = handle;
});