@aurigma/design-atoms
Version:
Design Atoms is a part of Customer's Canvas SDK which allows for manipulating individual design elements through your code.
250 lines • 14.1 kB
JavaScript
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
return new (P || (P = Promise))(function (resolve, reject) {
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
step((generator = generator.apply(thisArg, _arguments || [])).next());
});
};
var __generator = (this && this.__generator) || function (thisArg, body) {
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
function verb(n) { return function (v) { return step([n, v]); }; }
function step(op) {
if (f) throw new TypeError("Generator is already executing.");
while (_) try {
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
if (y = 0, t) op = [op[0] & 2, t.value];
switch (op[0]) {
case 0: case 1: t = op; break;
case 4: _.label++; return { value: op[1], done: false };
case 5: _.label++; y = op[1]; op = [0]; continue;
case 7: op = _.ops.pop(); _.trys.pop(); continue;
default:
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
if (t[2]) _.ops.pop();
_.trys.pop(); continue;
}
op = body.call(thisArg, _);
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
}
};
var __values = (this && this.__values) || function(o) {
var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
if (m) return m.call(o);
if (o && typeof o.length === "number") return {
next: function () {
if (o && i >= o.length) o = void 0;
return { value: o && o[i++], done: !o };
}
};
throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
};
var __read = (this && this.__read) || function (o, n) {
var m = typeof Symbol === "function" && o[Symbol.iterator];
if (!m) return o;
var i = m.call(o), r, ar = [], e;
try {
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
}
catch (error) { e = { error: error }; }
finally {
try {
if (r && !r.done && (m = i["return"])) m.call(i);
}
finally { if (e) throw e.error; }
}
return ar;
};
var __spread = (this && this.__spread) || function () {
for (var ar = [], i = 0; i < arguments.length; i++) ar = ar.concat(__read(arguments[i]));
return ar;
};
import { NotImplementedException } from "@aurigma/design-atoms-model/Exception";
import * as _ from "underscore";
import { BaseSurfaceCommand } from "./BaseSurfaceCommand";
import { ProductThemeApplier } from "../../Services/ProductTheme/ProductThemeApplier";
import { ItemUtils } from "../../Utils/ItemUtils";
import { GroupItem, ImageItem, BaseTextItem, PlainTextItem, BoundedTextItem, PathBoundedTextItem, LayoutItem } from "@aurigma/design-atoms-model/Product/Items";
import { SelectionCommand } from "@aurigma/design-atoms-interfaces";
var AddItemsCommand = /** @class */ (function (_super) {
__extends(AddItemsCommand, _super);
function AddItemsCommand(_productHandler, historyArgs, args, _productThemeManager, _canvas, _variableItemHelper, _commandManager, _eventManager) {
var _this = _super.call(this, args.surface, historyArgs, args) || this;
_this._productHandler = _productHandler;
_this._productThemeManager = _productThemeManager;
_this._canvas = _canvas;
_this._variableItemHelper = _variableItemHelper;
_this._commandManager = _commandManager;
_this._eventManager = _eventManager;
return _this;
}
AddItemsCommand.prototype._executeCommandBody = function () {
return __awaiter(this, void 0, void 0, function () {
var _a, items, targetGroupItem, index, orderIndex, normalizedArgs, items_1, items_1_1, item, e_1_1;
var e_1, _b;
return __generator(this, function (_c) {
switch (_c.label) {
case 0:
_a = this._args, items = _a.items, targetGroupItem = _a.targetGroupItem, index = _a.index, orderIndex = _a.orderIndex;
normalizedArgs = _.extend({
items: items,
targetContainer: this._productHandler.userEditContainer,
surface: this._productHandler.currentSurface,
selectOnCanvas: true,
index: null,
orderIndex: null,
ignoreOrderRules: false,
ignoreCanvasRotate: true,
createCloneName: false
}, this._args);
this._historyArgs.history.pause();
if (!(targetGroupItem != null)) return [3 /*break*/, 2];
return [4 /*yield*/, this._insertItemsIntoGroupItem(items, targetGroupItem, index, orderIndex)];
case 1:
_c.sent();
this._eventManager.itemCollectionChangedEvent.notify();
return [3 /*break*/, 11];
case 2:
_c.trys.push([2, 7, 8, 9]);
items_1 = __values(items), items_1_1 = items_1.next();
_c.label = 3;
case 3:
if (!!items_1_1.done) return [3 /*break*/, 6];
item = items_1_1.value;
return [4 /*yield*/, this._addItem(normalizedArgs, item)];
case 4:
_c.sent();
_c.label = 5;
case 5:
items_1_1 = items_1.next();
return [3 /*break*/, 3];
case 6: return [3 /*break*/, 9];
case 7:
e_1_1 = _c.sent();
e_1 = { error: e_1_1 };
return [3 /*break*/, 9];
case 8:
try {
if (items_1_1 && !items_1_1.done && (_b = items_1.return)) _b.call(items_1);
}
finally { if (e_1) throw e_1.error; }
return [7 /*endfinally*/];
case 9:
this._canvas.updateTexts();
return [4 /*yield*/, ItemUtils.waitForItemsUpdated(items, this._canvas)];
case 10:
_c.sent();
_c.label = 11;
case 11:
//PlainTextItem получает свои размеры только после ответа с сервера, до ответа формируется пустой Item.
//Чтобы избежать выделения пустого Item - перерисовываем канвас только после ответа с сервера.
if (!items.some(function (item) { return item instanceof PlainTextItem; }))
this._canvas.redraw();
this._historyArgs.history.resume();
if (normalizedArgs.selectOnCanvas)
this._commandManager.execute(SelectionCommand.selectItems, { items: items.filter(function (item) { return !item.locked; }) });
return [2 /*return*/];
}
});
});
};
AddItemsCommand.prototype._addItem = function (options, item) {
return __awaiter(this, void 0, void 0, function () {
var targetContainer, items, highestBounded, lowestText, newImageItemIndex;
return __generator(this, function (_a) {
switch (_a.label) {
case 0:
if (!(this._productThemeManager.currentProductTheme != null)) return [3 /*break*/, 2];
return [4 /*yield*/, new ProductThemeApplier(this._canvas.viewer.colorPreviewService, this._canvas.viewer.colorParser)
.applyToItem(item, this._productThemeManager.currentProductTheme)];
case 1:
_a.sent();
_a.label = 2;
case 2:
if (options.index == null)
options.index = -1;
targetContainer = options.targetContainer;
if (this._args.createCloneName)
item.name = ItemUtils.createCloneName(item, this._variableItemHelper, this._productHandler);
items = targetContainer.items;
items.add(item);
if (options.index !== -1) {
targetContainer.items.move(items.length - 1, options.index);
}
else if (!options.ignoreOrderRules && item instanceof ImageItem && items.length > 1) {
highestBounded = _.find(items.toArray().slice().reverse(), function (i) { return (i instanceof BoundedTextItem || i instanceof PathBoundedTextItem); });
lowestText = _.find(items.toArray(), function (i) { return (i instanceof BaseTextItem); });
newImageItemIndex = -1;
if (highestBounded != null)
newImageItemIndex = items.indexOf(highestBounded) + 1;
else if (lowestText != null)
newImageItemIndex = items.indexOf(lowestText);
if (newImageItemIndex !== -1) {
targetContainer.items.move(items.length - 1, newImageItemIndex);
}
}
return [2 /*return*/];
}
});
});
};
AddItemsCommand.prototype._insertItemsIntoGroupItem = function (items, targetGroupItem, targetIndex, targetOrderIndex) {
return __awaiter(this, void 0, void 0, function () {
var updatingItems, topGroupItem, originalLockedState;
return __generator(this, function (_a) {
switch (_a.label) {
case 0:
if (targetGroupItem instanceof LayoutItem)
targetGroupItem.addItems(items, targetIndex, targetOrderIndex);
else
targetGroupItem.addItems(items, targetIndex);
updatingItems = __spread(items, items
.filter(function (item) { return item instanceof GroupItem; })
.reduce(function (arr, item) { return __spread(arr, item.getNestedItems(true)); }, []));
if (!(updatingItems.length > 0)) return [3 /*break*/, 2];
topGroupItem = targetGroupItem;
while (topGroupItem.parentGroupItem != null)
topGroupItem = topGroupItem.parentGroupItem;
originalLockedState = topGroupItem.locked;
topGroupItem.locked = true;
return [4 /*yield*/, ItemUtils.waitForItemsUpdated(updatingItems, this._canvas)];
case 1:
_a.sent();
topGroupItem.locked = originalLockedState;
_a.label = 2;
case 2:
;
return [2 /*return*/];
}
});
});
};
AddItemsCommand.prototype.redo = function () {
throw new NotImplementedException();
};
AddItemsCommand.prototype.undo = function () {
throw new NotImplementedException();
};
return AddItemsCommand;
}(BaseSurfaceCommand));
export { AddItemsCommand };
//# sourceMappingURL=AddItemsCommand.js.map