customized-fabric 1.8.8 → 1.9.0
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/TextInputObject/index.js +3 -3
- 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 });
|
@@ -17,7 +17,7 @@ const TextInputClass = fabric_1.fabric.util.createClass(fabric_1.fabric.Group, {
|
|
17
17
|
objectCaching: false,
|
18
18
|
...constants_1.TEXT_INPUT_OBJECT_ATTRIBUTES.stroke,
|
19
19
|
});
|
20
|
-
const { prefix = "", infix = "A", suffix = "", isAllCapital, lineHeight
|
20
|
+
const { prefix = "", infix = "A", suffix = "", isAllCapital, lineHeight, charSpacing, } = text ?? {};
|
21
21
|
const fullText = prefix + infix + suffix;
|
22
22
|
this.textObject = new fabric_1.fabric.IText("", {
|
23
23
|
originX: "center",
|
@@ -28,8 +28,8 @@ const TextInputClass = fabric_1.fabric.util.createClass(fabric_1.fabric.Group, {
|
|
28
28
|
text: isAllCapital ? fullText.toUpperCase() : fullText,
|
29
29
|
fontFamily: "",
|
30
30
|
paintFirst: "stroke",
|
31
|
-
lineHeight,
|
32
|
-
charSpacing,
|
31
|
+
lineHeight: lineHeight ?? 1,
|
32
|
+
charSpacing: charSpacing ?? 0,
|
33
33
|
});
|
34
34
|
const group = new fabric_1.fabric.Group([this.rectObject, this.textObject]);
|
35
35
|
this.set(group);
|
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
|
+
}
|