@gedit/editor-2d 0.3.5 → 0.3.6

package/lib/browser/playground/entities/document-entity.js.map

@@ -1 +1 @@
-{"version":3,"file":"document-entity.js","sourceRoot":"","sources":["../../../../src/browser/playground/entities/document-entity.ts"],"names":[],"mappings":";;;AAAA,kDAA6D;AAc7D,MAAa,cAAe,SAAQ,yBAA0B;IAG5D,gBAAgB;QACd,OAAO;YACL,aAAa,EAAE,EAAE;YACjB,OAAO,EAAE,KAAK;SACf,CAAC;IACJ,CAAC;IACD;;;;;;;;;;;;;IAaA;IAEA,MAAM;QACJ,OAAO;YACL,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,EAAE,EAAE,IAAI,CAAC,EAAE;YACX,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YAC7B,QAAQ,EAAE,EAAE;SACb,CAAC;IACJ,CAAC;;AA/BH,wCAgCC;AA/BQ,mBAAI,GAAG,8BAA8B,CAAC"}
+{"version":3,"file":"document-entity.js","sourceRoot":"","sources":["../../../../src/browser/playground/entities/document-entity.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAc,MAAM,mBAAmB,CAAC;AAc7D,MAAM,OAAO,cAAe,SAAQ,YAA0B;IAG5D,gBAAgB;QACd,OAAO;YACL,aAAa,EAAE,EAAE;YACjB,OAAO,EAAE,KAAK;SACf,CAAC;IACJ,CAAC;IACD;;;;;;;;;;;;;IAaA;IAEA,MAAM;QACJ,OAAO;YACL,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,EAAE,EAAE,IAAI,CAAC,EAAE;YACX,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YAC7B,QAAQ,EAAE,EAAE;SACb,CAAC;IACJ,CAAC;;AA9BM,mBAAI,GAAG,8BAA8B,CAAC"}

package/lib/browser/playground/entities/editor2d-entity.js

@@ -1,9 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Editor2dEntity = void 0;
-const browser_1 = require("@gedit/playground/lib/browser");
+import { SelectableEntity } from '@gedit/playground/lib/browser';
 // import { Compare } from '@gedit/utils';
-class Editor2dEntity extends browser_1.SelectableEntity {
+export class Editor2dEntity extends SelectableEntity {
     constructor() {
         super(...arguments);
         this.selectableInit = false;
@@ -22,12 +19,11 @@ class Editor2dEntity extends browser_1.SelectableEntity {
         }
     }
 }
-exports.Editor2dEntity = Editor2dEntity;
 Editor2dEntity.type = 'Editor2dEntity';
 (function (Editor2dEntity) {
     function is(e) {
         return e && e instanceof Editor2dEntity;
     }
     Editor2dEntity.is = is;
-})(Editor2dEntity = exports.Editor2dEntity || (exports.Editor2dEntity = {}));
+})(Editor2dEntity || (Editor2dEntity = {}));
 //# sourceMappingURL=editor2d-entity.js.map

package/lib/browser/playground/entities/editor2d-entity.js.map

@@ -1 +1 @@
-{"version":3,"file":"editor2d-entity.js","sourceRoot":"","sources":["../../../../src/browser/playground/entities/editor2d-entity.ts"],"names":[],"mappings":";;;AAAA,2DAAiE;AAMjE,0CAA0C;AAE1C,MAAa,cAAe,SAAQ,0BAAgB;IAApD;;QAEE,mBAAc,GAAG,KAAK,CAAC;QACvB,mBAAc,GAAG,KAAK,CAAC;QAIvB,2BAAsB,GAAG,IAAI,CAAC;IAahC,CAAC;IAXC,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAE,CAAC;IAC7C,CAAC;IACD,0CAA0C;IAC1C,MAAM,CAAC,IAAyC;QAC9C,IAAI,IAAI,EAAE;YACR,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;YAC5B,oBAAoB;YACpB,gCAAgC;SACjC;IACH,CAAC;;AAnBH,wCAoBC;AAnBQ,mBAAI,GAAG,gBAAgB,CAAC;AAqBjC,WAAiB,cAAc;IAC7B,SAAgB,EAAE,CAAC,CAAM;QACvB,OAAO,CAAC,IAAI,CAAC,YAAY,cAAc,CAAC;IAC1C,CAAC;IAFe,iBAAE,KAEjB,CAAA;AACH,CAAC,EAJgB,cAAc,GAAd,sBAAc,KAAd,sBAAc,QAI9B"}
+{"version":3,"file":"editor2d-entity.js","sourceRoot":"","sources":["../../../../src/browser/playground/entities/editor2d-entity.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAMjE,0CAA0C;AAE1C,MAAM,OAAO,cAAe,SAAQ,gBAAgB;IAApD;;QAEE,mBAAc,GAAG,KAAK,CAAC;QACvB,mBAAc,GAAG,KAAK,CAAC;QAIvB,2BAAsB,GAAG,IAAI,CAAC;IAahC,CAAC;IAXC,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAE,CAAC;IAC7C,CAAC;IACD,0CAA0C;IAC1C,MAAM,CAAC,IAAyC;QAC9C,IAAI,IAAI,EAAE;YACR,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;YAC5B,oBAAoB;YACpB,gCAAgC;SACjC;IACH,CAAC;;AAlBM,mBAAI,GAAG,gBAAgB,CAAC;AAqBjC,WAAiB,cAAc;IAC7B,SAAgB,EAAE,CAAC,CAAM;QACvB,OAAO,CAAC,IAAI,CAAC,YAAY,cAAc,CAAC;IAC1C,CAAC;IAFe,iBAAE,KAEjB,CAAA;AACH,CAAC,EAJgB,cAAc,KAAd,cAAc,QAI9B"}

package/lib/browser/playground/entities/extend-entity.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExtendEntity = void 0;
-const playground_1 = require("@gedit/playground");
-class ExtendEntity extends playground_1.ConfigEntity {
+import { ConfigEntity } from '@gedit/playground';
+export class ExtendEntity extends ConfigEntity {
     getDefaultConfig() {
         return {};
     }
@@ -29,6 +26,5 @@ class ExtendEntity extends playground_1.ConfigEntity {
         };
     }
 }
-exports.ExtendEntity = ExtendEntity;
 ExtendEntity.type = 'ExtendConfigEntity';
 //# sourceMappingURL=extend-entity.js.map

package/lib/browser/playground/entities/extend-entity.js.map

@@ -1 +1 @@
-{"version":3,"file":"extend-entity.js","sourceRoot":"","sources":["../../../../src/browser/playground/entities/extend-entity.ts"],"names":[],"mappings":";;;AAAA,kDAA6D;AAM7D,MAAa,YAAa,SAAQ,yBAAwB;IAExD,gBAAgB;QACd,OAAO,EAEN,CAAC;IACJ,CAAC;IACD;;;;;;;;;;;;;IAaA;IAEA,MAAM;QACJ,OAAO;YACL,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,EAAE,EAAE,IAAI,CAAC,EAAE;YACX,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YAC7B,QAAQ,EAAE,EAAE;SACb,CAAC;IACJ,CAAC;;AA7BH,oCA8BC;AA7BQ,iBAAI,GAAG,oBAAoB,CAAC"}
+{"version":3,"file":"extend-entity.js","sourceRoot":"","sources":["../../../../src/browser/playground/entities/extend-entity.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAc,MAAM,mBAAmB,CAAC;AAM7D,MAAM,OAAO,YAAa,SAAQ,YAAwB;IAExD,gBAAgB;QACd,OAAO,EAEN,CAAC;IACJ,CAAC;IACD;;;;;;;;;;;;;IAaA;IAEA,MAAM;QACJ,OAAO;YACL,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,EAAE,EAAE,IAAI,CAAC,EAAE;YACX,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YAC7B,QAAQ,EAAE,EAAE;SACb,CAAC;IACJ,CAAC;;AA5BM,iBAAI,GAAG,oBAAoB,CAAC"}

package/lib/browser/playground/entities/index.js

@@ -1,20 +1,4 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./document-entity"), exports);
-__exportStar(require("./editor2d-entity"), exports);
-__exportStar(require("./extend-entity"), exports);
+export * from './document-entity';
+export * from './editor2d-entity';
+export * from './extend-entity';
 //# sourceMappingURL=index.js.map

package/lib/browser/playground/entities/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/browser/playground/entities/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC;AAClC,oDAAkC;AAClC,kDAAgC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/browser/playground/entities/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC"}

package/lib/browser/playground/extend-edit/gradient-conic-node.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { GradientNodeProps } from './gradient-node';
+export declare const GradientConicNode: (props: GradientNodeProps) => JSX.Element;
+//# sourceMappingURL=gradient-conic-node.d.ts.map

package/lib/browser/playground/extend-edit/gradient-conic-node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gradient-conic-node.d.ts","sourceRoot":"","sources":["../../../../src/browser/playground/extend-edit/gradient-conic-node.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEpD,eAAO,MAAM,iBAAiB,UAAW,iBAAiB,KAAG,WAmG5D,CAAC"}

package/lib/browser/playground/extend-edit/gradient-conic-node.js

@@ -0,0 +1,69 @@
+import * as React from 'react';
+import clsx from 'clsx';
+import { asVec, defaultGradientRange } from '@gedit/canvas-draw';
+import PointEvent from './gradient-edit-layer-point-event';
+export const GradientConicNode = (props) => {
+    const { width, height, data, extendEntity, onChange } = props;
+    const { range, colors } = data;
+    const { angle = defaultGradientRange.angle, cx = defaultGradientRange.cx, cy = defaultGradientRange.cy, } = range || {};
+    const r2 = Math.max(width, height);
+    const r = r2 / 2;
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "gedit-extend-radial-box gedit-extend-circle-box", style: {
+                width: r2,
+                height: r2,
+                left: -r,
+                top: -r,
+                transform: `translate(${cx * width}px, ${cy * height}px) rotate(${angle}deg)`,
+            } },
+            React.createElement(PointEvent, { className: "gedit-extend-angle-wrapper", pointClassName: "gedit-extend-angle", style: { transform: `translate(${r2}px, ${r}px)` }, onChange: d => {
+                    const sx = r + r * Math.cos((angle * Math.PI) / 180);
+                    const sy = r + r * Math.sin((angle * Math.PI) / 180);
+                    const nx = sx + d.x;
+                    const ny = sy + d.y;
+                    const newVec = asVec({ x: r, y: r }, { x: nx, y: ny });
+                    const newAngle = ((newVec.ang / Math.PI) * 180 + 360) % 360;
+                    const newRange = data.range || {};
+                    newRange.angle = parseFloat(newAngle.toFixed(4));
+                    data.range = newRange;
+                    onChange(data);
+                } }),
+            colors.map((item, i) => {
+                const { offset, color, uuid } = item;
+                const x = r + r * Math.cos(offset * Math.PI * 2);
+                const y = r + r * Math.sin(offset * Math.PI * 2);
+                return (React.createElement(PointEvent, { key: uuid, className: "gedit-extend-color-point", pointClassName: clsx({
+                        'gedit-extend-color-point-active': extendEntity.config
+                            .selectColorUUid
+                            ? item.uuid === extendEntity.config.selectColorUUid
+                            : !i,
+                    }), pointStyle: { backgroundColor: color }, style: {
+                        transform: `translate(${x}px, ${y}px)`,
+                    }, onChange: d => {
+                        const currentVec = asVec({ x: r, y: r }, { x, y });
+                        const sx = r + r * Math.cos(currentVec.ang + (angle * Math.PI) / 180);
+                        const sy = r + r * Math.sin(currentVec.ang + (angle * Math.PI) / 180);
+                        const nx = sx + d.x;
+                        const ny = sy + d.y;
+                        const newVec = asVec({ x: r, y: r }, { x: nx, y: ny });
+                        const newAngle = (newVec.ang - (angle * Math.PI) / 180 + Math.PI * 2) %
+                            (Math.PI * 2);
+                        const newOffset = newAngle / (Math.PI * 2);
+                        item.offset = newOffset;
+                        data.colors = colors.sort((a, b) => a.offset - b.offset);
+                        onChange(data);
+                    }, onMouseDown: () => {
+                        extendEntity.updateConfig({ selectColorUUid: uuid });
+                    } }));
+            })),
+        React.createElement(PointEvent, { className: "gedit-extend-origin-wrapper", style: {
+                transform: `translate(${cx * width}px, ${cy * height}px)`,
+            }, pointClassName: "gedit-extend-origin", onChange: d => {
+                const newRange = data.range || {};
+                newRange.cx = parseFloat((cx + d.x / width).toFixed(4));
+                newRange.cy = parseFloat((cy + d.y / height).toFixed(4));
+                data.range = newRange;
+                onChange(data);
+            } })));
+};
+//# sourceMappingURL=gradient-conic-node.js.map

package/lib/browser/playground/extend-edit/gradient-conic-node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gradient-conic-node.js","sourceRoot":"","sources":["../../../../src/browser/playground/extend-edit/gradient-conic-node.tsx"],"names":[],"mappings":"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"}

package/lib/browser/playground/{extend-edit-layer-point-event.d.ts → extend-edit/gradient-edit-layer-point-event.d.ts}

@@ -27,4 +27,4 @@ interface Props {
 }
 declare const _default: (props: Props) => React.JSX.Element;
 export default _default;
-//# sourceMappingURL=extend-edit-layer-point-event.d.ts.map
+//# sourceMappingURL=gradient-edit-layer-point-event.d.ts.map

package/lib/browser/playground/extend-edit/gradient-edit-layer-point-event.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gradient-edit-layer-point-event.d.ts","sourceRoot":"","sources":["../../../../src/browser/playground/extend-edit/gradient-edit-layer-point-event.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,WAAW;IAC1B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,OAAO,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAClC,KAAK,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAChC,IAAI,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACjC;AAED,UAAU,KAAK;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IACzC,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CACrC;gCAEsB,KAAK;AAA5B,wBAiDE"}

package/lib/browser/playground/{extend-edit-layer-point-event.js → extend-edit/gradient-edit-layer-point-event.js}

@@ -1,30 +1,5 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-exports.default = (props) => {
+import * as React from 'react';
+export default (props) => {
     const startPoint = React.useRef();
     const prevPoint = React.useRef();
     const onMouseUp = (e) => {
@@ -70,4 +45,4 @@ exports.default = (props) => {
     return (React.createElement("div", { className: props.className, style: props.style },
         React.createElement("div", { className: props.pointClassName, style: props.pointStyle, onMouseDown: onMouseDown })));
 };
-//# sourceMappingURL=extend-edit-layer-point-event.js.map
+//# sourceMappingURL=gradient-edit-layer-point-event.js.map

package/lib/browser/playground/extend-edit/gradient-edit-layer-point-event.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gradient-edit-layer-point-event.js","sourceRoot":"","sources":["../../../../src/browser/playground/extend-edit/gradient-edit-layer-point-event.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAqB/B,eAAe,CAAC,KAAY,EAAE,EAAE;IAC9B,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,EAA4B,CAAC;IAC5D,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,EAA4B,CAAC;IAC3D,MAAM,SAAS,GAAG,CAAC,CAAa,EAAE,EAAE;;QAClC,UAAU,CAAC,OAAO,GAAG,SAAS,CAAC;QAC/B,SAAS,CAAC,OAAO,GAAG,SAAS,CAAC;QAC9B,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;QACrD,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QACjD,MAAA,KAAK,CAAC,SAAS,sDAAG,CAAC,CAAC,CAAC;IACvB,CAAC,CAAC;IACF,MAAM,WAAW,GAAG,CAAC,CAAa,EAAE,EAAE;;QACpC,IAAI,UAAU,CAAC,OAAO,EAAE;YACtB,MAAM,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC;YACpB,MAAM,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC;YACpB,MAAA,KAAK,CAAC,QAAQ,sDAAG;gBACf,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;gBAC3B,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;gBAC3B,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE;gBACjB,IAAI,EAAE,SAAS,CAAC,OAAO;gBACvB,KAAK,EAAE,UAAU,CAAC,OAAO;aAC1B,CAAC,CAAC;YACH,SAAS,CAAC,OAAO,GAAG;gBAClB,CAAC,EAAE,CAAC,CAAC,OAAO;gBACZ,CAAC,EAAE,CAAC,CAAC,OAAO;aACb,CAAC;SACH;IACH,CAAC,CAAC;IACF,MAAM,WAAW,GAAG,CAAC,CAAmB,EAAE,EAAE;;QAC1C,UAAU,CAAC,OAAO,GAAG;YACnB,CAAC,EAAE,CAAC,CAAC,OAAO;YACZ,CAAC,EAAE,CAAC,CAAC,OAAO;SACb,CAAC;QACF,SAAS,CAAC,OAAO,GAAG;YAClB,CAAC,EAAE,CAAC,CAAC,OAAO;YACZ,CAAC,EAAE,CAAC,CAAC,OAAO;SACb,CAAC;QACF,MAAA,KAAK,CAAC,WAAW,sDAAG,CAAC,CAAC,CAAC;QACvB,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;QAClD,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAChD,CAAC,CAAC;IACF,OAAO,CACL,6BAAK,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK;QACjD,6BACE,SAAS,EAAE,KAAK,CAAC,cAAc,EAC/B,KAAK,EAAE,KAAK,CAAC,UAAU,EACvB,WAAW,EAAE,WAAW,GACxB,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/lib/browser/playground/extend-edit/gradient-node.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { ColorSchema } from '@gedit/canvas-draw';
+import { ExtendEntity } from '../entities';
+export interface GradientNodeProps {
+    data: ColorSchema;
+    width: number;
+    height: number;
+    extendEntity: ExtendEntity;
+    isRadialDom?: boolean;
+    onChange: (d: ColorSchema) => void;
+}
+export declare const GradientNode: (props: GradientNodeProps) => JSX.Element;
+//# sourceMappingURL=gradient-node.d.ts.map

package/lib/browser/playground/extend-edit/gradient-node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gradient-node.d.ts","sourceRoot":"","sources":["../../../../src/browser/playground/extend-edit/gradient-node.tsx"],"names":[],"mappings":";AAEA,OAAO,EAGL,WAAW,EAGZ,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAI3C,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,YAAY,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,CAAC,CAAC,EAAE,WAAW,KAAK,IAAI,CAAC;CACpC;AAED,eAAO,MAAM,YAAY,UAAW,iBAAiB,KAAG,WAgNvD,CAAC"}

package/lib/browser/playground/extend-edit/gradient-node.js

@@ -0,0 +1,154 @@
+import * as React from 'react';
+import clsx from 'clsx';
+import { asVec, defaultGradientRange, getLineWidth, } from '@gedit/canvas-draw';
+import PointEvent from './gradient-edit-layer-point-event';
+import { generateUuid } from '@gedit/utils';
+import { getGradientColorByPercent } from '@gedit/ui/lib/browser/form-items/utils';
+export const GradientNode = (props) => {
+    const { data, width, height, extendEntity, onChange, isRadialDom } = props;
+    const { range, colors } = data;
+    const { lx = defaultGradientRange.lx, ly = defaultGradientRange.ly, lx2 = defaultGradientRange.lx2, ly2 = defaultGradientRange.ly2, w = defaultGradientRange.w, } = range || {};
+    const onRangeChange = (p, c, keyP, follow) => {
+        const range = data.range || {};
+        if (typeof p.x === 'number' && typeof c.x === 'number' && keyP.x) {
+            const x = c.x + p.x / width;
+            range[keyP.x] = parseFloat(x.toFixed(4));
+        }
+        else if (keyP.x) {
+            range[keyP.x] = lx;
+        }
+        if (typeof p.y === 'number' && typeof c.y === 'number' && keyP.y) {
+            const y = c.y + p.y / height;
+            range[keyP.y] = parseFloat(y.toFixed(4));
+        }
+        else if (keyP.y) {
+            range[keyP.y] = ly;
+        }
+        if (follow) {
+            range[follow.v] = range[follow.ref];
+        }
+        data.range = range;
+        onChange(data);
+    };
+    const centerX = lx * width;
+    const centerY = ly * height;
+    const toX = lx2 * width;
+    const toY = ly2 * height;
+    const a = asVec({ x: centerX, y: centerY }, { x: toX, y: toY });
+    const r = (a.ang / Math.PI) * 180;
+    const colorPointToRender = colors.map((item, i) => {
+        const { offset, color, uuid } = item;
+        const x = lx * width + offset * (lx2 - lx) * width;
+        const y = ly * height + offset * (ly2 - ly) * height;
+        return (React.createElement(PointEvent, { key: uuid, className: "gedit-extend-color-point", pointClassName: clsx({
+                'gedit-extend-color-point-active': extendEntity.config.selectColorUUid
+                    ? item.uuid === extendEntity.config.selectColorUUid
+                    : !i,
+            }), style: {
+                transform: `translate(${x}px, ${y}px)`,
+            }, pointStyle: { backgroundColor: color }, onChange: (diff) => {
+                // Change 用的开始的 x,y, react state管理机制
+                const sx = x || 0;
+                const sy = y || 0;
+                let nx = sx + diff.x;
+                nx =
+                    a.ang < Math.PI / 2 && a.ang > -Math.PI / 2 && nx < centerX
+                        ? centerX
+                        : nx;
+                nx =
+                    (a.ang > Math.PI / 2 || a.ang < -Math.PI / 2) && nx > centerX
+                        ? centerX
+                        : nx;
+                let ny = sy + diff.y;
+                ny = a.ang < Math.PI && a.ang > 0 && ny < centerY ? centerY : ny;
+                ny = (a.ang > Math.PI || a.ang < 0) && ny > centerY ? centerY : ny;
+                const newLen = getLineWidth({ x: centerX, y: centerY }, { x: nx, y: ny });
+                let newDiffer = newLen / a.len;
+                newDiffer = newDiffer < 0 ? 0 : newDiffer;
+                newDiffer = newDiffer > 1 ? 1 : newDiffer;
+                item.offset = newDiffer;
+                data.colors = colors.sort((a, b) => a.offset - b.offset);
+                onChange(data);
+            }, onMouseDown: () => {
+                extendEntity.updateConfig({ selectColorUUid: uuid });
+            } }));
+    });
+    const radialGradientBox = data.mode === 'radialGradient' && (React.createElement(PointEvent, { className: "gedit-extend-radial-box", style: {
+            width: w * a.len * 2,
+            height: a.len * 2,
+            left: -w * a.len,
+            top: -a.len,
+            transform: `translate(${centerX}px, ${centerY}px) rotate(${r - 90}deg)`,
+        }, pointClassName: "gedit-extend-radial-point", onChange: p => {
+            const px = a.len * Math.cos(a.ang + Math.PI / 2) * w;
+            const py = a.len * Math.sin(a.ang + Math.PI / 2) * w;
+            let nx = px + p.x;
+            let ny = py + p.y;
+            nx = a.ang < Math.PI && a.ang > 0 && nx > 0 ? 0 : nx;
+            nx = (a.ang > Math.PI || a.ang < 0) && nx < 0 ? 0 : nx;
+            ny = a.ang < Math.PI / 2 && a.ang > -Math.PI / 2 && ny < 0 ? 0 : ny;
+            ny = (a.ang > Math.PI / 2 || a.ang < -Math.PI / 2) && ny > 0 ? 0 : ny;
+            const newVec = asVec({ x: nx, y: ny }, { x: 0, y: 0 });
+            const newW = newVec.len / a.len;
+            const range = data.range || {};
+            range.w = newW;
+            data.range = range;
+            onChange(data);
+        } }));
+    const lineBar = (React.createElement("div", { className: "gedit-extend-range-line", style: {
+            width: a.len,
+            transform: `translate(${lx * width}px, ${ly * height}px) rotate(${r}deg)`,
+        }, onClick: (e) => {
+            const parentNode = e.target
+                .parentNode;
+            const rect = parentNode.getBoundingClientRect();
+            const x = e.clientX - rect.x;
+            const y = e.clientY - rect.y;
+            const newLen = getLineWidth({ x: centerX, y: centerY }, { x, y });
+            const percent = newLen / a.len;
+            const startColorArray = colors.filter(c => c.offset < percent);
+            const startColor = startColorArray[startColorArray.length - 1];
+            const endColor = colors.find(c => c.offset > percent);
+            let newColor;
+            if (endColor && startColor) {
+                const newPercent = (1 / ((endColor === null || endColor === void 0 ? void 0 : endColor.offset) - startColor.offset)) *
+                    (percent - startColor.offset);
+                newColor = getGradientColorByPercent(newPercent, startColor.color, endColor.color);
+            }
+            else {
+                newColor = startColor ? startColor.color : endColor.color;
+            }
+            const color = {
+                offset: percent,
+                color: newColor,
+                uuid: generateUuid(),
+            };
+            extendEntity.updateConfig({
+                selectColorUUid: color.uuid,
+            });
+            const newColors = [...colors];
+            newColors.splice(startColorArray.length, 0, color);
+            data.colors = newColors;
+            onChange(data);
+        } }));
+    return (React.createElement(React.Fragment, null,
+        radialGradientBox,
+        lineBar,
+        React.createElement(PointEvent, { className: "gedit-extend-range-point gedit-extend-center-point", style: {
+                transform: `translate(${lx * width}px, ${ly * height}px) rotate(${r - 90}deg)` /* left: `${lx * 100}%`, top: ` ${ly * 100}%` */,
+            }, onChange: p => {
+                onRangeChange(p, { x: lx, y: ly }, { x: 'lx', y: 'ly' }, isRadialDom ? { v: 'ly2', ref: 'lx2' } : undefined);
+            } }),
+        React.createElement(PointEvent, { className: "gedit-extend-range-point gedit-extend-radius-point", style: {
+                transform: `translate(${lx2 * width}px, ${ly2 * height}px) rotate(${r - 90}deg)`,
+            }, onChange: p => {
+                // isDom 下, 判断角度，0, 180 只能移动 x, 90, 270 只能移动 y
+                if (isRadialDom) {
+                    onRangeChange(p, { x: lx2 }, { x: 'lx2', y: 'ly2' });
+                    return;
+                }
+                onRangeChange(p, { x: lx2, y: ly2 }, { x: 'lx2', y: 'ly2' });
+            } }),
+        colorPointToRender));
+};
+//# sourceMappingURL=gradient-node.js.map

package/lib/browser/playground/extend-edit/gradient-node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gradient-node.js","sourceRoot":"","sources":["../../../../src/browser/playground/extend-edit/gradient-node.tsx"],"names":[],"mappings":"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"}

package/lib/browser/playground/extend-edit-layer.d.ts

@@ -25,14 +25,6 @@ export declare class ExtendEditLayer extends Layer {
         data: any;
     } | null;
     updateNode(data: any): void;
-    protected getConicNode(data: ColorSchema, { width, height }: {
-        width: number;
-        height: number;
-    }): JSX.Element;
-    protected getLineAndRadialNode(data: ColorSchema, { width, height }: {
-        width: number;
-        height: number;
-    }): JSX.Element;
     draw(): JSX.Element;
 }
 //# sourceMappingURL=extend-edit-layer.d.ts.map

package/lib/browser/playground/extend-edit-layer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"extend-edit-layer.d.ts","sourceRoot":"","sources":["../../../src/browser/playground/extend-edit-layer.tsx"],"names":[],"mappings":";AACA,OAAO,EAEL,uBAAuB,EACvB,MAAM,EAEN,KAAK,EAIN,MAAM,mBAAmB,CAAC;AAG3B,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAGL,WAAW,EAIZ,MAAM,oBAAoB,CAAC;AAK5B,eAAO,MAAM,iBAAiB,sBAAsB,CAAC;AACrD;;GAEG;AACH,qBAAa,eAAgB,SAAQ,KAAK;IACxC,IAAI,iBAA0D;IAE9D,SAAS,CAAC,WAAW,EAAE,uBAAuB,CAAC;IACvB,cAAc,EAAE,cAAc,CAAC;IACjC,YAAY,EAAE,YAAY,CAAC;IAC/B,SAAS,CAAC,eAAe,EAAE,MAAM,EAAE,CAAC;IACtD,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC;IAC5B,IAAI,QAAQ,IAAI,gBAAgB,GAAG,SAAS,CAE3C;IACD,IAAI,SAAS,IAAI,OAAO,CAEvB;IACD,IAAI,cAAc,IAAI,cAAc,GAAG,SAAS,CAM/C;IACD,OAAO,IAAI,IAAI;IAKf,YAAY,IAAI,WAAW,GAAG,IAAI;IAalC,SAAS,CAAC,KAAK,EAAE,GAAG,GAAG;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,GAAG,CAAA;KAAE,GAAG,IAAI;IAqBvE,UAAU,CAAC,IAAI,EAAE,GAAG,GAAG,IAAI;IAW3B,SAAS,CAAC,YAAY,CACpB,IAAI,EAAE,WAAW,EACjB,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GACnD,GAAG,CAAC,OAAO;IAoGd,SAAS,CAAC,oBAAoB,CAC5B,IAAI,EAAE,WAAW,EACjB,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GACnD,GAAG,CAAC,OAAO;IA8Ld,IAAI,IAAI,GAAG,CAAC,OAAO;CA4CpB"}
+{"version":3,"file":"extend-edit-layer.d.ts","sourceRoot":"","sources":["../../../src/browser/playground/extend-edit-layer.tsx"],"names":[],"mappings":";AACA,OAAO,EAEL,uBAAuB,EACvB,MAAM,EAEN,KAAK,EAIN,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAgB,MAAM,oBAAoB,CAAC;AAK/D,eAAO,MAAM,iBAAiB,sBAAsB,CAAC;AAErD;;GAEG;AACH,qBAAa,eAAgB,SAAQ,KAAK;IACxC,IAAI,iBAA0D;IAE9D,SAAS,CAAC,WAAW,EAAE,uBAAuB,CAAC;IACvB,cAAc,EAAE,cAAc,CAAC;IACjC,YAAY,EAAE,YAAY,CAAC;IAC/B,SAAS,CAAC,eAAe,EAAE,MAAM,EAAE,CAAC;IACtD,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC;IAC5B,IAAI,QAAQ,IAAI,gBAAgB,GAAG,SAAS,CAE3C;IACD,IAAI,SAAS,IAAI,OAAO,CAEvB;IACD,IAAI,cAAc,IAAI,cAAc,GAAG,SAAS,CAM/C;IACD,OAAO,IAAI,IAAI;IAKf,YAAY,IAAI,WAAW,GAAG,IAAI;IAalC,SAAS,CAAC,KAAK,EAAE,GAAG,GAAG;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,GAAG,CAAA;KAAE,GAAG,IAAI;IAqBvE,UAAU,CAAC,IAAI,EAAE,GAAG,GAAG,IAAI;IAW3B,IAAI,IAAI,GAAG,CAAC,OAAO;CAmEpB"}