@gedit/editor-2d 0.1.115 → 0.2.0

package/lib/browser/playground/entities/extend-entity.d.ts

@@ -0,0 +1,10 @@
+import { ConfigEntity, EntityJSON } from '@gedit/playground';
+export interface ExtendData {
+    selectColorUUid?: string;
+}
+export declare class ExtendEntity extends ConfigEntity<ExtendData> {
+    static type: string;
+    getDefaultConfig(): ExtendData;
+    toJSON(): EntityJSON;
+}
+//# sourceMappingURL=extend-entity.d.ts.map

package/lib/browser/playground/entities/extend-entity.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"extend-entity.d.ts","sourceRoot":"","sources":["../../../../src/browser/playground/entities/extend-entity.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE7D,MAAM,WAAW,UAAU;IACzB,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAED,qBAAa,YAAa,SAAQ,YAAY,CAAC,UAAU,CAAC;IACxD,MAAM,CAAC,IAAI,SAAwB;IACnC,gBAAgB,IAAI,UAAU;IAoB9B,MAAM,IAAI,UAAU;CAQrB"}

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

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExtendEntity = void 0;
+const playground_1 = require("@gedit/playground");
+class ExtendEntity extends playground_1.ConfigEntity {
+    getDefaultConfig() {
+        return {};
+    }
+    /*
+    /!**
+     * 会触发CanvasLayer刷新
+     * @param oldData
+     * @param newData
+     *!/
+    checkChanged(oldData: DocumentData, newData: Partial<DocumentData>): boolean {
+      // 只判断version变化
+      if (newData.document) {
+        return oldData.document !== newData.document || oldData.version !== newData.version;
+      }
+      return false;
+    }
+  */
+    toJSON() {
+        return {
+            type: this.type,
+            id: this.id,
+            ableList: this.ables.toJSON(),
+            dataList: []
+        };
+    }
+}
+exports.ExtendEntity = ExtendEntity;
+ExtendEntity.type = 'ExtendConfigEntity';
+//# sourceMappingURL=extend-entity.js.map

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

@@ -0,0 +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"}

package/lib/browser/playground/entities/index.d.ts

@@ -1,3 +1,4 @@
 export * from './document-entity';
 export * from './editor2d-entity';
+export * from './extend-entity';
 //# sourceMappingURL=index.d.ts.map

package/lib/browser/playground/entities/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/browser/playground/entities/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","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/entities/index.js

@@ -16,4 +16,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./document-entity"), exports);
 __exportStar(require("./editor2d-entity"), exports);
+__exportStar(require("./extend-entity"), exports);
 //# 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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/browser/playground/entities/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC;AAClC,oDAAkC;AAClC,kDAAgC"}

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

@@ -0,0 +1,30 @@
+import * as React from 'react';
+export interface DifferProps {
+    x: number;
+    y: number;
+    current: {
+        x: number;
+        y: number;
+    };
+    start: {
+        x: number;
+        y: number;
+    };
+    prev?: {
+        x: number;
+        y: number;
+    };
+}
+interface Props {
+    className?: string;
+    active?: boolean;
+    pointClassName?: string;
+    style?: React.CSSProperties;
+    pointStyle?: React.CSSProperties;
+    onChange?: (differ: DifferProps) => void;
+    onMouseDown?: (e: React.MouseEvent) => void;
+    onMouseUp?: (e: MouseEvent) => void;
+}
+declare const _default: (props: Props) => JSX.Element;
+export default _default;
+//# sourceMappingURL=extend-edit-layer-point-event.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"extend-edit-layer-point-event.d.ts","sourceRoot":"","sources":["../../../src/browser/playground/extend-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

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = require("react");
+exports.default = (props) => {
+    const startPoint = React.useRef();
+    const prevPoint = React.useRef();
+    const onMouseUp = (e) => {
+        var _a;
+        startPoint.current = undefined;
+        prevPoint.current = undefined;
+        window.removeEventListener('mousemove', onMouseMove);
+        window.removeEventListener('mouseup', onMouseUp);
+        (_a = props.onMouseUp) === null || _a === void 0 ? void 0 : _a.call(props, e);
+    };
+    const onMouseMove = (e) => {
+        var _a;
+        if (startPoint.current) {
+            const x = e.clientX;
+            const y = e.clientY;
+            (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, {
+                x: x - startPoint.current.x,
+                y: y - startPoint.current.y,
+                current: { x, y },
+                prev: prevPoint.current,
+                start: startPoint.current,
+            });
+            prevPoint.current = {
+                x: e.clientX,
+                y: e.clientY,
+            };
+        }
+    };
+    const onMouseDown = (e) => {
+        var _a;
+        startPoint.current = {
+            x: e.clientX,
+            y: e.clientY,
+        };
+        prevPoint.current = {
+            x: e.clientX,
+            y: e.clientY,
+        };
+        (_a = props.onMouseDown) === null || _a === void 0 ? void 0 : _a.call(props, e);
+        window.addEventListener('mousemove', onMouseMove);
+        window.addEventListener('mouseup', onMouseUp);
+    };
+    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

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

@@ -0,0 +1 @@
+{"version":3,"file":"extend-edit-layer-point-event.js","sourceRoot":"","sources":["../../../src/browser/playground/extend-edit-layer-point-event.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAqB/B,kBAAe,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-layer.d.ts

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+import { EditorStateConfigEntity, Entity, Layer } from '@gedit/playground';
+import { DocumentEntity, Editor2dEntity, ExtendEntity } from './entities';
+import { Editor2dDocument } from '../model';
+import { ColorSchema } from '@gedit/canvas-draw';
+export declare const EXTEND_EDIT_STATE = "EXTEND_EDIT_STATE";
+/**
+ * 扩展编辑
+ */
+export declare class ExtendEditLayer extends Layer {
+    node: HTMLDivElement;
+    protected editorState: EditorStateConfigEntity;
+    documentEntity: DocumentEntity;
+    extendEntity: ExtendEntity;
+    protected selectableNodes: Entity[];
+    protected selectKey: string;
+    get document(): Editor2dDocument | undefined;
+    get isEnabled(): boolean;
+    get selectedEntity(): Editor2dEntity | undefined;
+    onReady(): void;
+    getNodeValue(): ColorSchema | null;
+    cloneData(value: any): {
+        start: string;
+        end: string;
+        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

@@ -0,0 +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;CA2CpB"}

package/lib/browser/playground/extend-edit-layer.js

@@ -0,0 +1,335 @@
+"use strict";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExtendEditLayer = exports.EXTEND_EDIT_STATE = void 0;
+const React = require("react");
+const playground_1 = require("@gedit/playground");
+const browser_1 = require("@gedit/utils/lib/browser");
+const clsx_1 = require("clsx");
+const entities_1 = require("./entities");
+const canvas_draw_1 = require("@gedit/canvas-draw");
+const extend_edit_layer_point_event_1 = require("./extend-edit-layer-point-event");
+const utils_1 = require("@gedit/utils");
+const utils_2 = require("@gedit/ui/lib/browser/form-items/utils");
+exports.EXTEND_EDIT_STATE = 'EXTEND_EDIT_STATE';
+/**
+ * 扩展编辑
+ */
+class ExtendEditLayer extends playground_1.Layer {
+    constructor() {
+        super(...arguments);
+        this.node = browser_1.domUtils.createDivWithClass('gedit-extend-edit-layer');
+    }
+    get document() {
+        return this.documentEntity.config.document;
+    }
+    get isEnabled() {
+        return this.editorState.is(exports.EXTEND_EDIT_STATE);
+    }
+    get selectedEntity() {
+        const nodes = this.selectableNodes.filter(node => { var _a; return (_a = node.getData(playground_1.SelectState)) === null || _a === void 0 ? void 0 : _a.selected; });
+        // 只考虑单选模式
+        return nodes.length === 1 ? nodes[0] : undefined;
+    }
+    onReady() {
+        this.editorState.onStateChange(({ event }) => {
+            this.selectKey = event ? event.key : undefined;
+        });
+    }
+    getNodeValue() {
+        const node = this.selectedEntity;
+        if (!node) {
+            return null;
+        }
+        const keys = this.selectKey.split('.');
+        let n = node.node;
+        keys.forEach(c => {
+            n = n[c];
+        });
+        return (0, canvas_draw_1.colorToValue)(n);
+    }
+    cloneData(value) {
+        var _a;
+        const node = this.selectedEntity;
+        if (!node) {
+            return null;
+        }
+        const keys = this.selectKey.split('.');
+        const start = keys.splice(0, 1)[0];
+        const end = keys.splice(keys.length - 1, 1)[0];
+        const data = (0, utils_1.deepClone)((_a = node.node) === null || _a === void 0 ? void 0 : _a[start]);
+        let n = data;
+        keys.forEach(c => {
+            n = n[c];
+        });
+        n[end] = value;
+        return {
+            start,
+            end,
+            data,
+        };
+    }
+    updateNode(data) {
+        var _a;
+        const node = this.selectedEntity;
+        if (!node) {
+            return;
+        }
+        const { start, data: d } = this.cloneData(JSON.stringify(data)) || {};
+        if (start && data) {
+            (_a = this.document) === null || _a === void 0 ? void 0 : _a.updateNode(node.node, { [start]: d });
+        }
+    }
+    getConicNode(data, { width, height }) {
+        const { range, colors } = data;
+        const { angle = canvas_draw_1.defaultGradientRange.angle, cx = canvas_draw_1.defaultGradientRange.cx, cy = canvas_draw_1.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(extend_edit_layer_point_event_1.default, { 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 = (0, canvas_draw_1.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;
+                        this.updateNode(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(extend_edit_layer_point_event_1.default, { key: uuid, className: "gedit-extend-color-point", pointClassName: (0, clsx_1.default)({
+                            'gedit-extend-color-point-active': this.extendEntity.config
+                                .selectColorUUid
+                                ? item.uuid === this.extendEntity.config.selectColorUUid
+                                : !i,
+                        }), pointStyle: { backgroundColor: color }, style: {
+                            transform: `translate(${x}px, ${y}px)`,
+                        }, onChange: d => {
+                            const currentVec = (0, canvas_draw_1.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 = (0, canvas_draw_1.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);
+                            this.updateNode(data);
+                        }, onMouseDown: () => {
+                            this.extendEntity.updateConfig({ selectColorUUid: uuid });
+                        } }));
+                })),
+            React.createElement(extend_edit_layer_point_event_1.default, { 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;
+                    this.updateNode(data);
+                } })));
+    }
+    getLineAndRadialNode(data, { width, height }) {
+        const { range, colors } = data;
+        const { lx = canvas_draw_1.defaultGradientRange.lx, ly = canvas_draw_1.defaultGradientRange.ly, lx2 = canvas_draw_1.defaultGradientRange.lx2, ly2 = canvas_draw_1.defaultGradientRange.ly2, w = canvas_draw_1.defaultGradientRange.w, } = range || {};
+        const onRangeChange = (p, c, keyP) => {
+            const x = c.x + p.x / width;
+            const y = c.y + p.y / height;
+            const range = data.range || {};
+            range[keyP.x] = parseFloat(x.toFixed(4));
+            range[keyP.y] = parseFloat(y.toFixed(4));
+            data.range = range;
+            this.updateNode(data);
+        };
+        const centerX = lx * width;
+        const centerY = ly * height;
+        const toX = lx2 * width;
+        const toY = ly2 * height;
+        const a = (0, canvas_draw_1.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(extend_edit_layer_point_event_1.default, { key: uuid, className: "gedit-extend-color-point", pointClassName: (0, clsx_1.default)({
+                    'gedit-extend-color-point-active': this.extendEntity.config
+                        .selectColorUUid
+                        ? item.uuid === this.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 = (0, canvas_draw_1.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);
+                    this.updateNode(data);
+                }, onMouseDown: () => {
+                    this.extendEntity.updateConfig({ selectColorUUid: uuid });
+                } }));
+        });
+        const radialGradientBox = data.mode === 'radialGradient' && (React.createElement(extend_edit_layer_point_event_1.default, { 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 = (0, canvas_draw_1.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;
+                this.updateNode(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 = (0, canvas_draw_1.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 = (0, utils_2.getGradientColorByPercent)(newPercent, startColor.color, endColor.color);
+                }
+                else {
+                    newColor = startColor ? startColor.color : endColor.color;
+                }
+                const color = {
+                    offset: percent,
+                    color: newColor,
+                    uuid: (0, utils_1.generateUuid)(),
+                };
+                this.extendEntity.updateConfig({
+                    selectColorUUid: color.uuid,
+                });
+                const newColors = [...colors];
+                newColors.splice(startColorArray.length, 0, color);
+                data.colors = newColors;
+                this.updateNode(data);
+            } }));
+        return (React.createElement(React.Fragment, null,
+            radialGradientBox,
+            lineBar,
+            React.createElement(extend_edit_layer_point_event_1.default, { 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' });
+                } }),
+            React.createElement(extend_edit_layer_point_event_1.default, { className: "gedit-extend-range-point gedit-extend-radius-point", style: {
+                    transform: `translate(${lx2 * width}px, ${ly2 * height}px) rotate(${r - 90}deg)`,
+                }, onChange: p => {
+                    onRangeChange(p, { x: lx2, y: ly2 }, { x: 'lx2', y: 'ly2' });
+                } }),
+            colorPointToRender));
+    }
+    draw() {
+        const node = this.selectedEntity;
+        if (!this.document || !node || !this.isEnabled)
+            return React.createElement(React.Fragment, null);
+        const transform = node.getData(playground_1.TransformData);
+        const bounds = transform.boundsWithoutRotation;
+        const rotate = transform.worldDegree;
+        const scale = this.config.finalScale; // 画布缩放比例
+        const width = bounds.width * scale;
+        const height = bounds.height * scale;
+        const style = {
+            left: bounds.x * scale,
+            top: bounds.y * scale,
+            width,
+            height,
+            transform: rotate ? `rotate(${rotate}deg)` : undefined,
+        };
+        const data = this.getNodeValue();
+        let child = null;
+        if (data && typeof data === 'object') {
+            switch (data === null || data === void 0 ? void 0 : data.mode) {
+                case 'lineGradient':
+                case 'radialGradient':
+                    child = this.getLineAndRadialNode(data, { width, height });
+                    break;
+                case 'conicGradient':
+                    child = this.getConicNode(data, { width, height });
+                    break;
+            }
+        }
+        return (React.createElement("div", { className: "gedit-extend-edit-item", style: style, onMouseDown: e => {
+                e.stopPropagation();
+            } }, child));
+    }
+}
+__decorate([
+    (0, playground_1.entity)(playground_1.EditorStateConfigEntity),
+    __metadata("design:type", playground_1.EditorStateConfigEntity)
+], ExtendEditLayer.prototype, "editorState", void 0);
+__decorate([
+    (0, playground_1.entity)(entities_1.DocumentEntity),
+    __metadata("design:type", entities_1.DocumentEntity)
+], ExtendEditLayer.prototype, "documentEntity", void 0);
+__decorate([
+    (0, playground_1.entity)(entities_1.ExtendEntity),
+    __metadata("design:type", entities_1.ExtendEntity)
+], ExtendEditLayer.prototype, "extendEntity", void 0);
+__decorate([
+    (0, playground_1.able)(playground_1.Selectable),
+    __metadata("design:type", Array)
+], ExtendEditLayer.prototype, "selectableNodes", void 0);
+exports.ExtendEditLayer = ExtendEditLayer;
+//# sourceMappingURL=extend-edit-layer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"extend-edit-layer.js","sourceRoot":"","sources":["../../../src/browser/playground/extend-edit-layer.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,+BAA+B;AAC/B,kDAS2B;AAC3B,sDAAoD;AACpD,+BAAwB;AACxB,yCAA0E;AAE1E,oDAO4B;AAC5B,mFAA0E;AAC1E,wCAAuD;AACvD,kEAAmF;AAEtE,QAAA,iBAAiB,GAAG,mBAAmB,CAAC;AACrD;;GAEG;AACH,MAAa,eAAgB,SAAQ,kBAAK;IAA1C;;QACE,SAAI,GAAG,kBAAQ,CAAC,kBAAkB,CAAC,yBAAyB,CAAC,CAAC;IAyZhE,CAAC;IAlZC,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,QAAQ,CAAC;IAC7C,CAAC;IACD,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,yBAAiB,CAAC,CAAC;IAChD,CAAC;IACD,IAAI,cAAc;QAChB,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,CACvC,IAAI,CAAC,EAAE,WAAC,OAAA,MAAA,IAAI,CAAC,OAAO,CAAc,wBAAW,CAAC,0CAAE,QAAQ,CAAA,EAAA,CACzD,CAAC;QACF,UAAU;QACV,OAAO,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAE,KAAK,CAAC,CAAC,CAAoB,CAAC,CAAC,CAAC,SAAS,CAAC;IACvE,CAAC;IACD,OAAO;QACL,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,EAAE,KAAK,EAAO,EAAE,EAAE;YAChD,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC;QACjD,CAAC,CAAC,CAAC;IACL,CAAC;IACD,YAAY;QACV,MAAM,IAAI,GAAG,IAAI,CAAC,cAAc,CAAC;QACjC,IAAI,CAAC,IAAI,EAAE;YACT,OAAO,IAAI,CAAC;SACb;QACD,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACvC,IAAI,CAAC,GAAQ,IAAI,CAAC,IAAI,CAAC;QACvB,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;YACf,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;QACX,CAAC,CAAC,CAAC;QACH,OAAO,IAAA,0BAAY,EAAC,CAAC,CAAC,CAAC;IACzB,CAAC;IAED,SAAS,CAAC,KAAU;;QAClB,MAAM,IAAI,GAAG,IAAI,CAAC,cAAc,CAAC;QACjC,IAAI,CAAC,IAAI,EAAE;YACT,OAAO,IAAI,CAAC;SACb;QACD,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACvC,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACnC,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC/C,MAAM,IAAI,GAAG,IAAA,iBAAS,EAAC,MAAA,IAAI,CAAC,IAAI,0CAAG,KAAK,CAAC,CAAC,CAAC;QAC3C,IAAI,CAAC,GAAQ,IAAI,CAAC;QAClB,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;YACf,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;QACX,CAAC,CAAC,CAAC;QACH,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;QACf,OAAO;YACL,KAAK;YACL,GAAG;YACH,IAAI;SACL,CAAC;IACJ,CAAC;IAED,UAAU,CAAC,IAAS;;QAClB,MAAM,IAAI,GAAG,IAAI,CAAC,cAAc,CAAC;QACjC,IAAI,CAAC,IAAI,EAAE;YACT,OAAO;SACR;QACD,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC;QACtE,IAAI,KAAK,IAAI,IAAI,EAAE;YACjB,MAAA,IAAI,CAAC,QAAQ,0CAAE,UAAU,CAAC,IAAI,CAAC,IAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;SACvD;IACH,CAAC;IAES,YAAY,CACpB,IAAiB,EACjB,EAAE,KAAK,EAAE,MAAM,EAAqC;QAEpD,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;QAC/B,MAAM,EACJ,KAAK,GAAG,kCAAoB,CAAC,KAAK,EAClC,EAAE,GAAG,kCAAoB,CAAC,EAAE,EAC5B,EAAE,GAAG,kCAAoB,CAAC,EAAE,GAC7B,GAAG,KAAK,IAAI,EAAE,CAAC;QAChB,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QACnC,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;QACjB,OAAO,CACL;YACE,6BACE,SAAS,EAAC,iDAAiD,EAC3D,KAAK,EAAE;oBACL,KAAK,EAAE,EAAE;oBACT,MAAM,EAAE,EAAE;oBACV,IAAI,EAAE,CAAC,CAAC;oBACR,GAAG,EAAE,CAAC,CAAC;oBACP,SAAS,EAAE,aAAa,EAAE,GAAG,KAAK,OAChC,EAAE,GAAG,MACP,cAAc,KAAK,MAAM;iBAC1B;gBAED,oBAAC,uCAAU,IACT,SAAS,EAAC,4BAA4B,EACtC,cAAc,EAAC,oBAAoB,EACnC,KAAK,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,OAAO,CAAC,KAAK,EAAE,EAClD,QAAQ,EAAE,CAAC,CAAC,EAAE;wBACZ,MAAM,EAAE,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,CAAC;wBACrD,MAAM,EAAE,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,CAAC;wBACrD,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;wBACpB,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;wBACpB,MAAM,MAAM,GAAG,IAAA,mBAAK,EAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;wBACvD,MAAM,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,GAAG,GAAG,IAAI,CAAC,EAAE,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;wBAC5D,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;wBAClC,QAAQ,CAAC,KAAK,GAAG,UAAU,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;wBACjD,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC;wBACtB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;oBACxB,CAAC,GACD;gBACD,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;oBACtB,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;oBACrC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;oBACjD,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;oBACjD,OAAO,CACL,oBAAC,uCAAU,IACT,GAAG,EAAE,IAAI,EACT,SAAS,EAAC,0BAA0B,EACpC,cAAc,EAAE,IAAA,cAAI,EAAC;4BACnB,iCAAiC,EAAE,IAAI,CAAC,YAAY,CAAC,MAAM;iCACxD,eAAe;gCAChB,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,eAAe;gCACxD,CAAC,CAAC,CAAC,CAAC;yBACP,CAAC,EACF,UAAU,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,EACtC,KAAK,EAAE;4BACL,SAAS,EAAE,aAAa,CAAC,OAAO,CAAC,KAAK;yBACvC,EACD,QAAQ,EAAE,CAAC,CAAC,EAAE;4BACZ,MAAM,UAAU,GAAG,IAAA,mBAAK,EAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;4BACnD,MAAM,EAAE,GACN,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,GAAG,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,CAAC;4BAC7D,MAAM,EAAE,GACN,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,GAAG,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,CAAC;4BAC7D,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;4BACpB,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;4BACpB,MAAM,MAAM,GAAG,IAAA,mBAAK,EAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;4BACvD,MAAM,QAAQ,GACZ,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;gCACpD,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;4BAChB,MAAM,SAAS,GAAG,QAAQ,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;4BAC3C,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC;4BACxB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC;4BACzD,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;wBACxB,CAAC,EACD,WAAW,EAAE,GAAG,EAAE;4BAChB,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC,CAAC;wBAC5D,CAAC,GACD,CACH,CAAC;gBACJ,CAAC,CAAC,CACE;YACN,oBAAC,uCAAU,IACT,SAAS,EAAC,6BAA6B,EACvC,KAAK,EAAE;oBACL,SAAS,EAAE,aAAa,EAAE,GAAG,KAAK,OAAO,EAAE,GAAG,MAAM,KAAK;iBAC1D,EACD,cAAc,EAAC,qBAAqB,EACpC,QAAQ,EAAE,CAAC,CAAC,EAAE;oBACZ,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;oBAClC,QAAQ,CAAC,EAAE,GAAG,UAAU,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;oBACxD,QAAQ,CAAC,EAAE,GAAG,UAAU,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;oBACzD,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC;oBACtB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;gBACxB,CAAC,GACD,CACD,CACJ,CAAC;IACJ,CAAC;IAES,oBAAoB,CAC5B,IAAiB,EACjB,EAAE,KAAK,EAAE,MAAM,EAAqC;QAEpD,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;QAC/B,MAAM,EACJ,EAAE,GAAG,kCAAoB,CAAC,EAAE,EAC5B,EAAE,GAAG,kCAAoB,CAAC,EAAE,EAC5B,GAAG,GAAG,kCAAoB,CAAC,GAAG,EAC9B,GAAG,GAAG,kCAAoB,CAAC,GAAG,EAC9B,CAAC,GAAG,kCAAoB,CAAC,CAAC,GAC3B,GAAG,KAAK,IAAI,EAAE,CAAC;QAChB,MAAM,aAAa,GAAG,CACpB,CAA2B,EAC3B,CAA2B,EAC3B,IAAwD,EACxD,EAAE;YACF,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;YAC5B,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC;YAC7B,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;YAC/B,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;YACzC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;YACzC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QACxB,CAAC,CAAC;QACF,MAAM,OAAO,GAAG,EAAE,GAAG,KAAK,CAAC;QAC3B,MAAM,OAAO,GAAG,EAAE,GAAG,MAAM,CAAC;QAC5B,MAAM,GAAG,GAAG,GAAG,GAAG,KAAK,CAAC;QACxB,MAAM,GAAG,GAAG,GAAG,GAAG,MAAM,CAAC;QACzB,MAAM,CAAC,GAAG,IAAA,mBAAK,EAAC,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;QAChE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC;QAElC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;YAChD,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;YACrC,MAAM,CAAC,GAAG,EAAE,GAAG,KAAK,GAAG,MAAM,GAAG,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,KAAK,CAAC;YACnD,MAAM,CAAC,GAAG,EAAE,GAAG,MAAM,GAAG,MAAM,GAAG,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,MAAM,CAAC;YACrD,OAAO,CACL,oBAAC,uCAAU,IACT,GAAG,EAAE,IAAI,EACT,SAAS,EAAC,0BAA0B,EACpC,cAAc,EAAE,IAAA,cAAI,EAAC;oBACnB,iCAAiC,EAAE,IAAI,CAAC,YAAY,CAAC,MAAM;yBACxD,eAAe;wBAChB,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,eAAe;wBACxD,CAAC,CAAC,CAAC,CAAC;iBACP,CAAC,EACF,KAAK,EAAE;oBACL,SAAS,EAAE,aAAa,CAAC,OAAO,CAAC,KAAK;iBACvC,EACD,UAAU,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,EACtC,QAAQ,EAAE,CAAC,IAAiB,EAAE,EAAE;oBAC9B,oCAAoC;oBACpC,MAAM,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC;oBAClB,MAAM,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC;oBAClB,IAAI,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC;oBACrB,EAAE;wBACA,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,IAAI,EAAE,GAAG,OAAO;4BACzD,CAAC,CAAC,OAAO;4BACT,CAAC,CAAC,EAAE,CAAC;oBACT,EAAE;wBACA,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,OAAO;4BAC3D,CAAC,CAAC,OAAO;4BACT,CAAC,CAAC,EAAE,CAAC;oBACT,IAAI,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC;oBACrB,EAAE,GAAG,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG,GAAG,CAAC,IAAI,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;oBACjE,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;oBACnE,MAAM,MAAM,GAAG,IAAA,0BAAY,EACzB,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,EAC1B,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CACjB,CAAC;oBACF,IAAI,SAAS,GAAG,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC;oBAC/B,SAAS,GAAG,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;oBAC1C,SAAS,GAAG,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;oBAC1C,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC;oBACxB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC;oBACzD,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;gBACxB,CAAC,EACD,WAAW,EAAE,GAAG,EAAE;oBAChB,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC,CAAC;gBAC5D,CAAC,GACD,CACH,CAAC;QACJ,CAAC,CAAC,CAAC;QACH,MAAM,iBAAiB,GAAG,IAAI,CAAC,IAAI,KAAK,gBAAgB,IAAI,CAC1D,oBAAC,uCAAU,IACT,SAAS,EAAC,yBAAyB,EACnC,KAAK,EAAE;gBACL,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;gBACpB,MAAM,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC;gBACjB,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG;gBAChB,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG;gBACX,SAAS,EAAE,aAAa,OAAO,OAAO,OAAO,cAC3C,CAAC,GAAG,EACN,MAAM;aACP,EACD,cAAc,EAAC,2BAA2B,EAC1C,QAAQ,EAAE,CAAC,CAAC,EAAE;gBACZ,MAAM,EAAE,GAAG,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;gBACrD,MAAM,EAAE,GAAG,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;gBACrD,IAAI,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;gBAClB,IAAI,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;gBAClB,EAAE,GAAG,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;gBACrD,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;gBACvD,EAAE,GAAG,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;gBACpE,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;gBACtE,MAAM,MAAM,GAAG,IAAA,mBAAK,EAAC,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;gBACvD,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC;gBAChC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;gBAC/B,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC;gBACf,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;gBACnB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;YACxB,CAAC,GACD,CACH,CAAC;QACF,MAAM,OAAO,GAAG,CACd,6BACE,SAAS,EAAC,yBAAyB,EACnC,KAAK,EAAE;gBACL,KAAK,EAAE,CAAC,CAAC,GAAG;gBACZ,SAAS,EAAE,aAAa,EAAE,GAAG,KAAK,OAChC,EAAE,GAAG,MACP,cAAc,CAAC,MAAM;aACtB,EACD,OAAO,EAAE,CAAC,CAAmB,EAAE,EAAE;gBAC/B,MAAM,UAAU,GAAI,CAAC,CAAC,MAAyB;qBAC5C,UAA4B,CAAC;gBAChC,MAAM,IAAI,GAAG,UAAU,CAAC,qBAAqB,EAAE,CAAC;gBAChD,MAAM,CAAC,GAAG,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC;gBAC7B,MAAM,CAAC,GAAG,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC;gBAC7B,MAAM,MAAM,GAAG,IAAA,0BAAY,EAAC,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;gBAClE,MAAM,OAAO,GAAG,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC;gBAC/B,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,GAAG,OAAO,CAAC,CAAC;gBAC/D,MAAM,UAAU,GAAG,eAAe,CAAC,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;gBAC/D,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,GAAG,OAAO,CAAE,CAAC;gBACvD,IAAI,QAAQ,CAAC;gBACb,IAAI,QAAQ,IAAI,UAAU,EAAE;oBAC1B,MAAM,UAAU,GACd,CAAC,CAAC,GAAG,CAAC,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,MAAM,IAAG,UAAU,CAAC,MAAM,CAAC,CAAC;wBAC5C,CAAC,OAAO,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC;oBAChC,QAAQ,GAAG,IAAA,iCAAyB,EAClC,UAAU,EACV,UAAU,CAAC,KAAK,EAChB,QAAQ,CAAC,KAAK,CACf,CAAC;iBACH;qBAAM;oBACL,QAAQ,GAAG,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC;iBAC3D;gBACD,MAAM,KAAK,GAAG;oBACZ,MAAM,EAAE,OAAO;oBACf,KAAK,EAAE,QAAQ;oBACf,IAAI,EAAE,IAAA,oBAAY,GAAE;iBACrB,CAAC;gBACF,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC;oBAC7B,eAAe,EAAE,KAAK,CAAC,IAAI;iBAC5B,CAAC,CAAC;gBACH,MAAM,SAAS,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC;gBAC9B,SAAS,CAAC,MAAM,CAAC,eAAe,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC;gBACnD,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC;gBACxB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;YACxB,CAAC,GACD,CACH,CAAC;QACF,OAAO,CACL;YACG,iBAAiB;YACjB,OAAO;YACR,oBAAC,uCAAU,IACT,SAAS,EAAC,oDAAoD,EAC9D,KAAK,EAAE;oBACL,SAAS,EAAE,aAAa,EAAE,GAAG,KAAK,OAAO,EAAE,GAAG,MAAM,cAClD,CAAC,GAAG,EACN,MAAM,CAAC,gDAAgD;iBACxD,EACD,QAAQ,EAAE,CAAC,CAAC,EAAE;oBACZ,aAAa,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;gBAC3D,CAAC,GACD;YACF,oBAAC,uCAAU,IACT,SAAS,EAAC,oDAAoD,EAC9D,KAAK,EAAE;oBACL,SAAS,EAAE,aAAa,GAAG,GAAG,KAAK,OAAO,GAAG,GAAG,MAAM,cACpD,CAAC,GAAG,EACN,MAAM;iBACP,EACD,QAAQ,EAAE,CAAC,CAAC,EAAE;oBACZ,aAAa,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;gBAC/D,CAAC,GACD;YACD,kBAAkB,CAClB,CACJ,CAAC;IACJ,CAAC;IAED,IAAI;QACF,MAAM,IAAI,GAAG,IAAI,CAAC,cAAc,CAAC;QACjC,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS;YAAE,OAAO,yCAAK,CAAC;QAC7D,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAgB,0BAAa,CAAE,CAAC;QAC9D,MAAM,MAAM,GAAG,SAAS,CAAC,qBAAqB,CAAC;QAC/C,MAAM,MAAM,GAAG,SAAS,CAAC,WAAW,CAAC;QACrC,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,SAAS;QAC/C,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;QACnC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,GAAG,KAAK,CAAC;QACrC,MAAM,KAAK,GAAG;YACZ,IAAI,EAAE,MAAM,CAAC,CAAC,GAAG,KAAK;YACtB,GAAG,EAAE,MAAM,CAAC,CAAC,GAAG,KAAK;YACrB,KAAK;YACL,MAAM;YACN,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,UAAU,MAAM,MAAM,CAAC,CAAC,CAAC,SAAS;SACvD,CAAC;QACF,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;QAEjC,IAAI,KAAK,GAAG,IAAI,CAAC;QACjB,IAAI,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;YACpC,QAAQ,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,EAAE;gBAClB,KAAK,cAAc,CAAC;gBACpB,KAAK,gBAAgB;oBACnB,KAAK,GAAG,IAAI,CAAC,oBAAoB,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC;oBAC3D,MAAM;gBACR,KAAK,eAAe;oBAClB,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC;oBACnD,MAAM;aACT;SACF;QAED,OAAO,CACL,6BACE,SAAS,EAAC,wBAAwB,EAClC,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,CAAC,CAAC,EAAE;gBACf,CAAC,CAAC,eAAe,EAAE,CAAC;YACtB,CAAC,IAEA,KAAK,CACF,CACP,CAAC;IACJ,CAAC;CACF;AAxZC;IAAC,IAAA,mBAAM,EAAC,oCAAuB,CAAC;8BACT,oCAAuB;oDAAC;AAC/C;IAAC,IAAA,mBAAM,EAAC,yBAAc,CAAC;8BAAiB,yBAAc;uDAAC;AACvD;IAAC,IAAA,mBAAM,EAAC,uBAAY,CAAC;8BAAe,uBAAY;qDAAC;AACjD;IAAC,IAAA,iBAAI,EAAC,uBAAU,CAAC;;wDAAqC;AANxD,0CA0ZC"}

package/lib/browser/playground/index.d.ts

@@ -5,4 +5,5 @@ export * from './canvas-layer';
 export * from './canvas-draw';
 export { SelectorExtendType } from './selector-extend-icons';
 export * from './selector-extend-renderer';
+export * from './extend-edit-layer';
 //# sourceMappingURL=index.d.ts.map

package/lib/browser/playground/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/browser/playground/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAE9B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,cAAc,4BAA4B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/browser/playground/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAE9B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC"}

package/lib/browser/playground/index.js

@@ -23,4 +23,5 @@ __exportStar(require("./canvas-draw"), exports);
 var selector_extend_icons_1 = require("./selector-extend-icons");
 Object.defineProperty(exports, "SelectorExtendType", { enumerable: true, get: function () { return selector_extend_icons_1.SelectorExtendType; } });
 __exportStar(require("./selector-extend-renderer"), exports);
+__exportStar(require("./extend-edit-layer"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/browser/playground/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,6CAA2B;AAC3B,uDAAqC;AACrC,4DAA0C;AAC1C,iDAA+B;AAC/B,gDAA8B;AAE9B,iEAA6D;AAApD,2HAAA,kBAAkB,OAAA;AAC3B,6DAA2C"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/browser/playground/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,6CAA2B;AAC3B,uDAAqC;AACrC,4DAA0C;AAC1C,iDAA+B;AAC/B,gDAA8B;AAE9B,iEAA6D;AAApD,2HAAA,kBAAkB,OAAA;AAC3B,6DAA2C;AAC3C,sDAAoC"}

package/lib/browser/playground/path-edit-layer-move-point.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { PathChild } from '@gedit/canvas-draw';
+import { PositionSchema } from '@gedit/playground';
+export interface PointSchema extends PositionSchema {
+    id?: string;
+}
+export declare const PointDefault: ({ getPosFromMouseEvent, paths, scale, }: {
+    getPosFromMouseEvent: (event: {
+        clientX: number;
+        clientY: number;
+    }, addScale?: boolean) => PointSchema;
+    paths: PathChild[];
+    scale: number;
+}) => JSX.Element;
+//# sourceMappingURL=path-edit-layer-move-point.d.ts.map

package/lib/browser/playground/path-edit-layer-move-point.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"path-edit-layer-move-point.d.ts","sourceRoot":"","sources":["../../../src/browser/playground/path-edit-layer-move-point.tsx"],"names":[],"mappings":";AACA,OAAO,EAAuB,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,MAAM,WAAW,WAAY,SAAQ,cAAc;IACjD,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AACD,eAAO,MAAM,YAAY;kCAMd;QACL,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;KACjB,aACU,OAAO,KACf,WAAW;WACT,SAAS,EAAE;WACX,MAAM;iBAkDd,CAAC"}