133 lines
3.7 KiB
JavaScript
133 lines
3.7 KiB
JavaScript
/* globals jQuery */
|
|
|
|
import jQueryPluginSVG from './jQuery.attr.js'; // Needed for SVG attribute setting and array form with `attr`
|
|
import {
|
|
getStrokedBBoxDefaultVisible
|
|
} from './utilities.js';
|
|
import * as hstry from './history.js';
|
|
// Constants
|
|
const $ = jQueryPluginSVG(jQuery);
|
|
|
|
const {
|
|
InsertElementCommand, BatchCommand
|
|
} = hstry;
|
|
|
|
let pasteContext_ = null;
|
|
|
|
/**
|
|
* @function module:paste-elem.init
|
|
* @param {module:paste-elem.pasteContext} pasteContext
|
|
* @returns {void}
|
|
*/
|
|
export const init = function (pasteContext) {
|
|
pasteContext_ = pasteContext;
|
|
};
|
|
|
|
/**
|
|
* @function module:svgcanvas.SvgCanvas#pasteElements
|
|
* @param {"in_place"|"point"|void} type
|
|
* @param {Integer|void} x Expected if type is "point"
|
|
* @param {Integer|void} y Expected if type is "point"
|
|
* @fires module:svgcanvas.SvgCanvas#event:changed
|
|
* @fires module:svgcanvas.SvgCanvas#event:ext_IDsUpdated
|
|
* @returns {void}
|
|
*/
|
|
export const pasteElementsMethod = function (type, x, y) {
|
|
let clipb = JSON.parse(sessionStorage.getItem(pasteContext_.getClipBoardID()));
|
|
if (!clipb) return;
|
|
let len = clipb.length;
|
|
if (!len) return;
|
|
|
|
const pasted = [];
|
|
const batchCmd = new BatchCommand('Paste elements');
|
|
// const drawing = getCurrentDrawing();
|
|
/**
|
|
* @typedef {PlainObject<string, string>} module:svgcanvas.ChangedIDs
|
|
*/
|
|
/**
|
|
* @type {module:svgcanvas.ChangedIDs}
|
|
*/
|
|
const changedIDs = {};
|
|
|
|
// Recursively replace IDs and record the changes
|
|
/**
|
|
*
|
|
* @param {module:svgcanvas.SVGAsJSON} elem
|
|
* @returns {void}
|
|
*/
|
|
function checkIDs (elem) {
|
|
if (elem.attr && elem.attr.id) {
|
|
changedIDs[elem.attr.id] = pasteContext_.getCanvas().getNextId();
|
|
elem.attr.id = changedIDs[elem.attr.id];
|
|
}
|
|
if (elem.children) elem.children.forEach((child) => checkIDs(child));
|
|
}
|
|
clipb.forEach((elem) => checkIDs(elem));
|
|
|
|
// Give extensions like the connector extension a chance to reflect new IDs and remove invalid elements
|
|
/**
|
|
* Triggered when `pasteElements` is called from a paste action (context menu or key).
|
|
* @event module:svgcanvas.SvgCanvas#event:ext_IDsUpdated
|
|
* @type {PlainObject}
|
|
* @property {module:svgcanvas.SVGAsJSON[]} elems
|
|
* @property {module:svgcanvas.ChangedIDs} changes Maps past ID (on attribute) to current ID
|
|
*/
|
|
pasteContext_.getCanvas().runExtensions(
|
|
'IDsUpdated',
|
|
/** @type {module:svgcanvas.SvgCanvas#event:ext_IDsUpdated} */
|
|
{elems: clipb, changes: changedIDs},
|
|
true
|
|
).forEach(function (extChanges) {
|
|
if (!extChanges || !('remove' in extChanges)) return;
|
|
|
|
extChanges.remove.forEach(function (removeID) {
|
|
clipb = clipb.filter(function (clipBoardItem) {
|
|
return clipBoardItem.attr.id !== removeID;
|
|
});
|
|
});
|
|
});
|
|
|
|
// Move elements to lastClickPoint
|
|
while (len--) {
|
|
const elem = clipb[len];
|
|
if (!elem) { continue; }
|
|
|
|
const copy = pasteContext_.getCanvas().addSVGElementFromJson(elem);
|
|
pasted.push(copy);
|
|
batchCmd.addSubCommand(new InsertElementCommand(copy));
|
|
|
|
pasteContext_.restoreRefElems(copy);
|
|
}
|
|
|
|
pasteContext_.getCanvas().selectOnly(pasted);
|
|
|
|
if (type !== 'in_place') {
|
|
let ctrX, ctrY;
|
|
|
|
if (!type) {
|
|
ctrX = pasteContext_.getLastClickPoint('x');
|
|
ctrY = pasteContext_.getLastClickPoint('y');
|
|
} else if (type === 'point') {
|
|
ctrX = x;
|
|
ctrY = y;
|
|
}
|
|
|
|
const bbox = getStrokedBBoxDefaultVisible(pasted);
|
|
const cx = ctrX - (bbox.x + bbox.width / 2),
|
|
cy = ctrY - (bbox.y + bbox.height / 2),
|
|
dx = [],
|
|
dy = [];
|
|
|
|
$.each(pasted, function (i, item) {
|
|
dx.push(cx);
|
|
dy.push(cy);
|
|
});
|
|
|
|
const cmd = pasteContext_.getCanvas().moveSelectedElements(dx, dy, false);
|
|
if (cmd) batchCmd.addSubCommand(cmd);
|
|
}
|
|
|
|
pasteContext_.addCommandToHistory(batchCmd);
|
|
pasteContext_.getCanvas().call('changed', pasted);
|
|
};
|