customized-fabric 1.8.9 → 1.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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/constants/index.d.ts +6 -6
- package/lib/constants/index.js +12 -12
- package/lib/utils/index.d.ts +2 -2
- package/lib/utils/index.js +4 -3
- 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 });
|
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/lib/utils/index.d.ts
CHANGED
@@ -14,8 +14,8 @@ export declare const loadImage: (imageInput: File | string) => Promise<fabric.Im
|
|
14
14
|
export declare const getImageFilters: (type: ImageFilterType, options?: {
|
15
15
|
color?: string;
|
16
16
|
}) => fabric.IGrayscaleFilter[];
|
17
|
-
export declare const lockObject: (object: fabric.Object | any, locked: boolean, selectable?: boolean) => void;
|
18
|
-
export declare const lockAllObjects: (canvas: fabric.Canvas, locked: boolean, selectable?: boolean) => void;
|
17
|
+
export declare const lockObject: (object: fabric.Object | any, locked: boolean, selectable?: boolean, evented?: boolean) => void;
|
18
|
+
export declare const lockAllObjects: (canvas: fabric.Canvas, locked: boolean, selectable?: boolean, evented?: boolean) => void;
|
19
19
|
export declare const getObject: (object: any, options?: {
|
20
20
|
isOriginal?: boolean;
|
21
21
|
hideStroke?: boolean;
|
package/lib/utils/index.js
CHANGED
@@ -105,7 +105,7 @@ const getImageFilters = (type, options = {}) => {
|
|
105
105
|
}
|
106
106
|
};
|
107
107
|
exports.getImageFilters = getImageFilters;
|
108
|
-
const lockObject = (object, locked, selectable) => {
|
108
|
+
const lockObject = (object, locked, selectable, evented) => {
|
109
109
|
object.set({
|
110
110
|
hasControls: !locked,
|
111
111
|
lockMovementX: locked,
|
@@ -119,12 +119,13 @@ const lockObject = (object, locked, selectable) => {
|
|
119
119
|
lockScalingFlip: locked,
|
120
120
|
locked: locked,
|
121
121
|
selectable: selectable ?? !locked,
|
122
|
+
evented: evented ?? !locked,
|
122
123
|
});
|
123
124
|
};
|
124
125
|
exports.lockObject = lockObject;
|
125
|
-
const lockAllObjects = (canvas, locked, selectable) => {
|
126
|
+
const lockAllObjects = (canvas, locked, selectable, evented) => {
|
126
127
|
canvas._objects.map((object) => {
|
127
|
-
(0, exports.lockObject)(object, locked, selectable);
|
128
|
+
(0, exports.lockObject)(object, locked, selectable, evented);
|
128
129
|
});
|
129
130
|
};
|
130
131
|
exports.lockAllObjects = lockAllObjects;
|
package/package.json
CHANGED
@@ -1,25 +1,25 @@
|
|
1
|
-
{
|
2
|
-
"name": "customized-fabric",
|
3
|
-
"version": "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
|
-
}
|
1
|
+
{
|
2
|
+
"name": "customized-fabric",
|
3
|
+
"version": "1.9.0",
|
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
|
+
}
|