customized-fabric 1.9.0 → 1.9.1
Sign up to get free protection for your applications and to get access to all the features.
- package/lib/GroupLayoutObject/constants.d.ts +4 -4
- package/lib/GroupLayoutObject/constants.js +7 -7
- package/lib/GroupLayoutObject/index.d.ts +19 -19
- package/lib/GroupLayoutObject/index.js +26 -26
- package/lib/GroupLayoutObject/interfaces.d.ts +3 -3
- package/lib/GroupLayoutObject/interfaces.js +2 -2
- package/lib/ImagePlaceholderObject/index.js +3 -2
- package/lib/constants/index.d.ts +6 -6
- package/lib/constants/index.js +12 -12
- package/package.json +25 -25
@@ -1,4 +1,4 @@
|
|
1
|
-
export declare const GROUP_LAYOUT_OBJECT_ATTRIBUTES: {
|
2
|
-
name: string;
|
3
|
-
type: string;
|
4
|
-
};
|
1
|
+
export declare const GROUP_LAYOUT_OBJECT_ATTRIBUTES: {
|
2
|
+
name: string;
|
3
|
+
type: string;
|
4
|
+
};
|
@@ -1,7 +1,7 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.GROUP_LAYOUT_OBJECT_ATTRIBUTES = void 0;
|
4
|
-
exports.GROUP_LAYOUT_OBJECT_ATTRIBUTES = {
|
5
|
-
name: "Group layout",
|
6
|
-
type: "GROUP_LAYOUT",
|
7
|
-
};
|
1
|
+
"use strict";
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
+
exports.GROUP_LAYOUT_OBJECT_ATTRIBUTES = void 0;
|
4
|
+
exports.GROUP_LAYOUT_OBJECT_ATTRIBUTES = {
|
5
|
+
name: "Group layout",
|
6
|
+
type: "GROUP_LAYOUT",
|
7
|
+
};
|
@@ -1,19 +1,19 @@
|
|
1
|
-
import { fabric } from "fabric";
|
2
|
-
import { ObjectId } from "../utils/objectId";
|
3
|
-
import { IGroupLayoutOptions } from "./interfaces";
|
4
|
-
export declare const toGroupLayoutObject: (groupLayoutObject: GroupLayout) => {
|
5
|
-
_id: ObjectId | undefined;
|
6
|
-
id: ObjectId | undefined;
|
7
|
-
personalizeId: number | undefined;
|
8
|
-
layerId: number | undefined;
|
9
|
-
name: string | undefined;
|
10
|
-
locked: boolean | undefined;
|
11
|
-
isAdditional: boolean | undefined;
|
12
|
-
};
|
13
|
-
export default class GroupLayout extends fabric.ActiveSelection {
|
14
|
-
_id?: ObjectId;
|
15
|
-
layerId?: number;
|
16
|
-
locked?: boolean;
|
17
|
-
isAdditional?: boolean;
|
18
|
-
constructor(options?: IGroupLayoutOptions);
|
19
|
-
}
|
1
|
+
import { fabric } from "fabric";
|
2
|
+
import { ObjectId } from "../utils/objectId";
|
3
|
+
import { IGroupLayoutOptions } from "./interfaces";
|
4
|
+
export declare const toGroupLayoutObject: (groupLayoutObject: GroupLayout) => {
|
5
|
+
_id: ObjectId | undefined;
|
6
|
+
id: ObjectId | undefined;
|
7
|
+
personalizeId: number | undefined;
|
8
|
+
layerId: number | undefined;
|
9
|
+
name: string | undefined;
|
10
|
+
locked: boolean | undefined;
|
11
|
+
isAdditional: boolean | undefined;
|
12
|
+
};
|
13
|
+
export default class GroupLayout extends fabric.ActiveSelection {
|
14
|
+
_id?: ObjectId;
|
15
|
+
layerId?: number;
|
16
|
+
locked?: boolean;
|
17
|
+
isAdditional?: boolean;
|
18
|
+
constructor(options?: IGroupLayoutOptions);
|
19
|
+
}
|
@@ -1,26 +1,26 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.toGroupLayoutObject = void 0;
|
4
|
-
const fabric_1 = require("fabric");
|
5
|
-
const GroupLayoutClass = fabric_1.fabric.util.createClass(fabric_1.fabric.ActiveSelection, {
|
6
|
-
initialize: async function (options) { },
|
7
|
-
});
|
8
|
-
const toGroupLayoutObject = (groupLayoutObject) => {
|
9
|
-
return {
|
10
|
-
_id: groupLayoutObject._id,
|
11
|
-
id: groupLayoutObject._id,
|
12
|
-
personalizeId: groupLayoutObject.layerId,
|
13
|
-
layerId: groupLayoutObject.layerId,
|
14
|
-
name: groupLayoutObject.name,
|
15
|
-
locked: groupLayoutObject.locked,
|
16
|
-
isAdditional: groupLayoutObject?.isAdditional,
|
17
|
-
};
|
18
|
-
};
|
19
|
-
exports.toGroupLayoutObject = toGroupLayoutObject;
|
20
|
-
class GroupLayout extends fabric_1.fabric.ActiveSelection {
|
21
|
-
constructor(options) {
|
22
|
-
super();
|
23
|
-
return new GroupLayoutClass(options);
|
24
|
-
}
|
25
|
-
}
|
26
|
-
exports.default = GroupLayout;
|
1
|
+
"use strict";
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
+
exports.toGroupLayoutObject = void 0;
|
4
|
+
const fabric_1 = require("fabric");
|
5
|
+
const GroupLayoutClass = fabric_1.fabric.util.createClass(fabric_1.fabric.ActiveSelection, {
|
6
|
+
initialize: async function (options) { },
|
7
|
+
});
|
8
|
+
const toGroupLayoutObject = (groupLayoutObject) => {
|
9
|
+
return {
|
10
|
+
_id: groupLayoutObject._id,
|
11
|
+
id: groupLayoutObject._id,
|
12
|
+
personalizeId: groupLayoutObject.layerId,
|
13
|
+
layerId: groupLayoutObject.layerId,
|
14
|
+
name: groupLayoutObject.name,
|
15
|
+
locked: groupLayoutObject.locked,
|
16
|
+
isAdditional: groupLayoutObject?.isAdditional,
|
17
|
+
};
|
18
|
+
};
|
19
|
+
exports.toGroupLayoutObject = toGroupLayoutObject;
|
20
|
+
class GroupLayout extends fabric_1.fabric.ActiveSelection {
|
21
|
+
constructor(options) {
|
22
|
+
super();
|
23
|
+
return new GroupLayoutClass(options);
|
24
|
+
}
|
25
|
+
}
|
26
|
+
exports.default = GroupLayout;
|
@@ -1,3 +1,3 @@
|
|
1
|
-
export interface IGroupLayoutOptions extends fabric.IObjectOptions {
|
2
|
-
objects?: fabric.Object[];
|
3
|
-
}
|
1
|
+
export interface IGroupLayoutOptions extends fabric.IObjectOptions {
|
2
|
+
objects?: fabric.Object[];
|
3
|
+
}
|
@@ -1,2 +1,2 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
1
|
+
"use strict";
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
@@ -245,8 +245,9 @@ const ImagePlaceholderClass = fabric_1.fabric.util.createClass(fabric_1.fabric.G
|
|
245
245
|
loadCustomizedImage: async function (image) {
|
246
246
|
if (image) {
|
247
247
|
const { url, filteredUrl, data, clipPath } = image;
|
248
|
-
|
249
|
-
|
248
|
+
const imageUrl = filteredUrl ?? url;
|
249
|
+
if (imageUrl && data && clipPath) {
|
250
|
+
const loadedImage = await (0, utils_1.loadImageFromUrl)(imageUrl);
|
250
251
|
if (loadedImage) {
|
251
252
|
const mask = await this.getMask();
|
252
253
|
const { top, left, scaleX, width, angle, flipX, flipY, settings = {}, } = data;
|
package/lib/constants/index.d.ts
CHANGED
@@ -1,6 +1,6 @@
|
|
1
|
-
export declare const OBJECT_TYPES: {
|
2
|
-
textInput: string;
|
3
|
-
clipart: string;
|
4
|
-
imagePlaceHolder: string;
|
5
|
-
activeSelection: string;
|
6
|
-
};
|
1
|
+
export declare const OBJECT_TYPES: {
|
2
|
+
textInput: string;
|
3
|
+
clipart: string;
|
4
|
+
imagePlaceHolder: string;
|
5
|
+
activeSelection: string;
|
6
|
+
};
|
package/lib/constants/index.js
CHANGED
@@ -1,12 +1,12 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.OBJECT_TYPES = void 0;
|
4
|
-
const constants_1 = require("../ClipartObject/constants");
|
5
|
-
const constants_2 = require("../ImagePlaceholderObject/constants");
|
6
|
-
const constants_3 = require("../TextInputObject/constants");
|
7
|
-
exports.OBJECT_TYPES = {
|
8
|
-
textInput: constants_3.TEXT_INPUT_OBJECT_ATTRIBUTES.type,
|
9
|
-
clipart: constants_1.CLIPART_OBJECT_ATTRIBUTES.type,
|
10
|
-
imagePlaceHolder: constants_2.IMAGE_PLACEHOLDER_OBJECT_ATTRIBUTES.type,
|
11
|
-
activeSelection: "activeSelection",
|
12
|
-
};
|
1
|
+
"use strict";
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
+
exports.OBJECT_TYPES = void 0;
|
4
|
+
const constants_1 = require("../ClipartObject/constants");
|
5
|
+
const constants_2 = require("../ImagePlaceholderObject/constants");
|
6
|
+
const constants_3 = require("../TextInputObject/constants");
|
7
|
+
exports.OBJECT_TYPES = {
|
8
|
+
textInput: constants_3.TEXT_INPUT_OBJECT_ATTRIBUTES.type,
|
9
|
+
clipart: constants_1.CLIPART_OBJECT_ATTRIBUTES.type,
|
10
|
+
imagePlaceHolder: constants_2.IMAGE_PLACEHOLDER_OBJECT_ATTRIBUTES.type,
|
11
|
+
activeSelection: "activeSelection",
|
12
|
+
};
|
package/package.json
CHANGED
@@ -1,25 +1,25 @@
|
|
1
|
-
{
|
2
|
-
"name": "customized-fabric",
|
3
|
-
"version": "1.9.
|
4
|
-
"description": "Customized fabric",
|
5
|
-
"main": "lib/index.js",
|
6
|
-
"types": "lib/index.d.ts",
|
7
|
-
"files": [
|
8
|
-
"lib"
|
9
|
-
],
|
10
|
-
"scripts": {
|
11
|
-
"test": "echo \"Error: no test specified\" && exit 1",
|
12
|
-
"build": "tsc",
|
13
|
-
"prepare": "npm run build"
|
14
|
-
},
|
15
|
-
"author": "",
|
16
|
-
"license": "ISC",
|
17
|
-
"dependencies": {
|
18
|
-
"@types/node": "^20.6.0",
|
19
|
-
"fabric": "^5.3.0"
|
20
|
-
},
|
21
|
-
"devDependencies": {
|
22
|
-
"@types/fabric": "^5.3.3",
|
23
|
-
"typescript": "^5.2.2"
|
24
|
-
}
|
25
|
-
}
|
1
|
+
{
|
2
|
+
"name": "customized-fabric",
|
3
|
+
"version": "1.9.1",
|
4
|
+
"description": "Customized fabric",
|
5
|
+
"main": "lib/index.js",
|
6
|
+
"types": "lib/index.d.ts",
|
7
|
+
"files": [
|
8
|
+
"lib"
|
9
|
+
],
|
10
|
+
"scripts": {
|
11
|
+
"test": "echo \"Error: no test specified\" && exit 1",
|
12
|
+
"build": "tsc",
|
13
|
+
"prepare": "npm run build"
|
14
|
+
},
|
15
|
+
"author": "",
|
16
|
+
"license": "ISC",
|
17
|
+
"dependencies": {
|
18
|
+
"@types/node": "^20.6.0",
|
19
|
+
"fabric": "^5.3.0"
|
20
|
+
},
|
21
|
+
"devDependencies": {
|
22
|
+
"@types/fabric": "^5.3.3",
|
23
|
+
"typescript": "^5.2.2"
|
24
|
+
}
|
25
|
+
}
|