@idraw/core 0.4.3 → 1.0.0-alpha.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@idraw/core",
-  "version": "0.4.3",
+  "version": "1.0.0-alpha.1",
   "description": "",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
@@ -21,12 +21,12 @@
   "author": "idrawjs",
   "license": "MIT",
   "devDependencies": {
-    "@idraw/types": "^0.4.3"
+    "@idraw/types": "^1.0.0-alpha.1"
   },
   "dependencies": {},
   "peerDependencies": {
-    "@idraw/renderer": "^0.4.3",
-    "@idraw/util": "^0.4.3"
+    "@idraw/renderer": "^1.0.0-alpha.1",
+    "@idraw/util": "^1.0.0-alpha.1"
   },
   "publishConfig": {
     "access": "public",

package/dist/esm/middlewares/info/config.d.ts

@@ -1,5 +0,0 @@
-import type { MiddlewareInfoStyle } from '@idraw/types';
-export declare const infoFontSize = 10;
-export declare const infoLineHeight = 16;
-export declare const MIDDLEWARE_INTERNAL_EVENT_SHOW_INFO_ANGLE = "@middleware/internal-event/show-info-angle";
-export declare const defaltStyle: MiddlewareInfoStyle;

package/dist/esm/middlewares/layout-selector/config.d.ts

@@ -1,11 +0,0 @@
-import type { MiddlewareLayoutSelectorStyle } from '@idraw/types';
-export declare const key = "LAYOUT_SELECT";
-export declare const keyLayoutActionType: unique symbol;
-export declare const keyLayoutControlType: unique symbol;
-export declare const keyLayoutController: unique symbol;
-export declare const keyLayoutIsHoverContent: unique symbol;
-export declare const keyLayoutIsHoverController: unique symbol;
-export declare const keyLayoutIsSelected: unique symbol;
-export declare const keyLayoutIsBusyMoving: unique symbol;
-export declare const controllerSize = 10;
-export declare const defaultStyle: MiddlewareLayoutSelectorStyle;

package/dist/esm/middlewares/layout-selector/config.js

@@ -1,12 +0,0 @@
-export const key = 'LAYOUT_SELECT';
-export const keyLayoutActionType = Symbol(`${key}_layoutActionType`);
-export const keyLayoutControlType = Symbol(`${key}_layoutControlType`);
-export const keyLayoutController = Symbol(`${key}_layoutController`);
-export const keyLayoutIsHoverContent = Symbol(`${key}_layoutIsHoverContent`);
-export const keyLayoutIsHoverController = Symbol(`${key}_layoutIsHoverController`);
-export const keyLayoutIsSelected = Symbol(`${key}_layoutIsSelected`);
-export const keyLayoutIsBusyMoving = Symbol(`${key}_layoutIsSelected`);
-export const controllerSize = 10;
-export const defaultStyle = {
-    activeColor: '#b331c9'
-};

package/dist/esm/middlewares/ruler/config.d.ts

@@ -1,7 +0,0 @@
-import type { MiddlewareRulerStyle } from '@idraw/types';
-export declare const rulerSize = 16;
-export declare const fontSize = 10;
-export declare const fontWeight = 100;
-export declare const lineSize = 1;
-export declare const fontFamily = "monospace";
-export declare const defaultStyle: MiddlewareRulerStyle;

package/dist/esm/middlewares/scroller/config.d.ts

@@ -1,10 +0,0 @@
-import type { MiddlewareScrollerStyle } from '@idraw/types';
-export declare const key = "SCROLL";
-export declare const keyXThumbRect: unique symbol;
-export declare const keyYThumbRect: unique symbol;
-export declare const keyHoverXThumbRect: unique symbol;
-export declare const keyHoverYThumbRect: unique symbol;
-export declare const keyPrevPoint: unique symbol;
-export declare const keyActivePoint: unique symbol;
-export declare const keyActiveThumbType: unique symbol;
-export declare const defaultStyle: MiddlewareScrollerStyle;

package/dist/esm/middlewares/scroller/config.js

@@ -1,16 +0,0 @@
-export const key = 'SCROLL';
-export const keyXThumbRect = Symbol(`${key}_xThumbRect`);
-export const keyYThumbRect = Symbol(`${key}_yThumbRect`);
-export const keyHoverXThumbRect = Symbol(`${key}_hoverXThumbRect`);
-export const keyHoverYThumbRect = Symbol(`${key}_hoverYThumbRect`);
-export const keyPrevPoint = Symbol(`${key}_prevPoint`);
-export const keyActivePoint = Symbol(`${key}_activePoint`);
-export const keyActiveThumbType = Symbol(`${key}_activeThumbType`);
-export const defaultStyle = {
-    thumbBackground: '#0000003A',
-    thumbBorderColor: '#0000008A',
-    hoverThumbBackground: '#0000005F',
-    hoverThumbBorderColor: '#000000EE',
-    activeThumbBackground: '#0000005E',
-    activeThumbBorderColor: '#000000F0'
-};

package/dist/esm/middlewares/selector/config.d.ts

@@ -1,30 +0,0 @@
-import type { MiddlewareSelectorStyle } from '@idraw/types';
-export declare const key = "SELECT";
-export declare const keyActionType: unique symbol;
-export declare const keyResizeType: unique symbol;
-export declare const keyAreaStart: unique symbol;
-export declare const keyAreaEnd: unique symbol;
-export declare const keyHoverElement: unique symbol;
-export declare const keyHoverElementVertexes: unique symbol;
-export declare const keySelectedElementList: unique symbol;
-export declare const keySelectedElementListVertexes: unique symbol;
-export declare const keySelectedElementController: unique symbol;
-export declare const keySelectedElementPosition: unique symbol;
-export declare const keyGroupQueue: unique symbol;
-export declare const keyGroupQueueVertexesList: unique symbol;
-export declare const keyIsMoving: unique symbol;
-export declare const keyEnableSelectInGroup: unique symbol;
-export declare const keyEnableSnapToGrid: unique symbol;
-export declare const keyDebugElemCenter: unique symbol;
-export declare const keyDebugStartVertical: unique symbol;
-export declare const keyDebugEndVertical: unique symbol;
-export declare const keyDebugStartHorizontal: unique symbol;
-export declare const keyDebugEndHorizontal: unique symbol;
-export declare const keyDebugEnd0: unique symbol;
-export declare const selectWrapperBorderWidth = 2;
-export declare const resizeControllerBorderWidth = 4;
-export declare const areaBorderWidth = 1;
-export declare const controllerSize = 10;
-export declare const rotateControllerSize = 20;
-export declare const rotateControllerPosition = 22;
-export declare const defaultStyle: MiddlewareSelectorStyle;

package/dist/esm/middlewares/selector/config.js

@@ -1,38 +0,0 @@
-export const key = 'SELECT';
-export const keyActionType = Symbol(`${key}_actionType`);
-export const keyResizeType = Symbol(`${key}_resizeType`);
-export const keyAreaStart = Symbol(`${key}_areaStart`);
-export const keyAreaEnd = Symbol(`${key}_areaEnd`);
-export const keyHoverElement = Symbol(`${key}_hoverElement`);
-export const keyHoverElementVertexes = Symbol(`${key}_hoverElementVertexes`);
-export const keySelectedElementList = Symbol(`${key}_selectedElementList`);
-export const keySelectedElementListVertexes = Symbol(`${key}_selectedElementListVertexes`);
-export const keySelectedElementController = Symbol(`${key}_selectedElementController`);
-export const keySelectedElementPosition = Symbol(`${key}_selectedElementPosition`);
-export const keyGroupQueue = Symbol(`${key}_groupQueue`);
-export const keyGroupQueueVertexesList = Symbol(`${key}_groupQueueVertexesList`);
-export const keyIsMoving = Symbol(`${key}_isMoving`);
-export const keyEnableSelectInGroup = Symbol(`${key}_enableSelectInGroup`);
-export const keyEnableSnapToGrid = Symbol(`${key}_enableSnapToGrid`);
-export const keyDebugElemCenter = Symbol(`${key}_debug_elemCenter`);
-export const keyDebugStartVertical = Symbol(`${key}_debug_startVertical`);
-export const keyDebugEndVertical = Symbol(`${key}_debug_endVertical`);
-export const keyDebugStartHorizontal = Symbol(`${key}_debug_startHorizontal`);
-export const keyDebugEndHorizontal = Symbol(`${key}_debug_endHorizontal`);
-export const keyDebugEnd0 = Symbol(`${key}_debug_end0`);
-export const selectWrapperBorderWidth = 2;
-export const resizeControllerBorderWidth = 4;
-export const areaBorderWidth = 1;
-export const controllerSize = 10;
-export const rotateControllerSize = 20;
-export const rotateControllerPosition = 22;
-const activeColor = '#1973ba';
-const activeAreaColor = '#1976d21c';
-const lockedColor = '#5b5959b5';
-const referenceColor = '#f7276e';
-export const defaultStyle = {
-    activeColor,
-    activeAreaColor,
-    lockedColor,
-    referenceColor
-};

package/dist/esm/middlewares/selector/draw-auxiliary.js

@@ -1,12 +0,0 @@
-function getViewBoxInfo(rectInfo) {
-    const boxInfo = {
-        minX: rectInfo.topLeft.x,
-        minY: rectInfo.topLeft.y,
-        maxX: rectInfo.bottomRight.x,
-        maxY: rectInfo.bottomRight.y,
-        midX: rectInfo.center.x,
-        midY: rectInfo.center.y
-    };
-    return boxInfo;
-}
-export {};

package/dist/esm/middlewares/selector/draw-debug.d.ts

@@ -1,5 +0,0 @@
-import type { ElementSizeController, ViewContext2D, ViewSizeInfo, ViewScaleInfo } from '@idraw/types';
-export declare function drawDebugStoreSelectedElementController(ctx: ViewContext2D, controller: ElementSizeController | null, opts: {
-    viewSizeInfo: ViewSizeInfo;
-    viewScaleInfo: ViewScaleInfo;
-}): void;

package/dist/esm/middlewares/selector/draw-debug.js

@@ -1,30 +0,0 @@
-import { calcViewPointSize } from '@idraw/util';
-function drawDebugControllerVertexes(opts) {
-    const { ctx, viewScaleInfo, vertexes } = opts;
-    const v0 = calcViewPointSize(vertexes[0], { viewScaleInfo });
-    const v1 = calcViewPointSize(vertexes[1], { viewScaleInfo });
-    const v2 = calcViewPointSize(vertexes[2], { viewScaleInfo });
-    const v3 = calcViewPointSize(vertexes[3], { viewScaleInfo });
-    ctx.beginPath();
-    ctx.fillStyle = '#FF0000A1';
-    ctx.moveTo(v0.x, v0.y);
-    ctx.lineTo(v1.x, v1.y);
-    ctx.lineTo(v2.x, v2.y);
-    ctx.lineTo(v3.x, v3.y);
-    ctx.lineTo(v0.x, v0.y);
-    ctx.closePath();
-    ctx.fill('nonzero');
-    return false;
-}
-export function drawDebugStoreSelectedElementController(ctx, controller, opts) {
-    if (!controller) {
-        return;
-    }
-    const { viewSizeInfo, viewScaleInfo } = opts;
-    const { left, right, top, bottom, topLeft, topRight, bottomLeft, bottomRight, rotate } = controller;
-    const ctrls = [left, right, top, bottom, topLeft, topRight, bottomLeft, bottomRight, rotate];
-    for (let i = 0; i < ctrls.length; i++) {
-        const ctrl = ctrls[i];
-        drawDebugControllerVertexes({ ctx, vertexes: ctrl.vertexes, viewSizeInfo, viewScaleInfo });
-    }
-}

package/dist/esm/middlewares/selector/draw-wrapper.d.ts

@@ -1,37 +0,0 @@
-import type { Element, ElementType, PointSize, RendererDrawElementOptions, ViewContext2D, ViewRectVertexes, ViewScaleInfo, ViewSizeInfo, ElementSizeController, ViewCalculator, MiddlewareSelectorStyle } from '@idraw/types';
-import type { AreaSize } from './types';
-export declare function drawHoverVertexesWrapper(ctx: ViewContext2D, vertexes: ViewRectVertexes | null, opts: {
-    viewScaleInfo: ViewScaleInfo;
-    viewSizeInfo: ViewSizeInfo;
-    style: MiddlewareSelectorStyle;
-}): void;
-export declare function drawLockedVertexesWrapper(ctx: ViewContext2D, vertexes: ViewRectVertexes | null, opts: {
-    viewScaleInfo: ViewScaleInfo;
-    viewSizeInfo: ViewSizeInfo;
-    controller?: ElementSizeController | null;
-    style: MiddlewareSelectorStyle;
-}): void;
-export declare function drawSelectedElementControllersVertexes(ctx: ViewContext2D, controller: ElementSizeController | null, opts: {
-    hideControllers: boolean;
-    viewScaleInfo: ViewScaleInfo;
-    viewSizeInfo: ViewSizeInfo;
-    element: Element | null;
-    calculator: ViewCalculator;
-    style: MiddlewareSelectorStyle;
-    rotateControllerPattern: ViewContext2D;
-}): void;
-export declare function drawElementListShadows(ctx: ViewContext2D, elements: Element<ElementType>[], opts?: Omit<RendererDrawElementOptions, 'loader'>): void;
-export declare function drawArea(ctx: ViewContext2D, opts: {
-    start: PointSize;
-    end: PointSize;
-    style: MiddlewareSelectorStyle;
-}): void;
-export declare function drawListArea(ctx: ViewContext2D, opts: {
-    areaSize: AreaSize;
-    style: MiddlewareSelectorStyle;
-}): void;
-export declare function drawGroupQueueVertexesWrappers(ctx: ViewContext2D, vertexesList: ViewRectVertexes[], opts: {
-    viewScaleInfo: ViewScaleInfo;
-    viewSizeInfo: ViewSizeInfo;
-    style: MiddlewareSelectorStyle;
-}): void;

package/dist/esm/middlewares/selector/draw-wrapper.js

@@ -1,139 +0,0 @@
-import { rotateElementVertexes, calcViewPointSize, calcViewVertexes, calcViewElementSize } from '@idraw/util';
-import { resizeControllerBorderWidth, areaBorderWidth, selectWrapperBorderWidth } from './config';
-import { drawVertexes, drawCircleController, drawCrossVertexes } from './draw-base';
-export function drawHoverVertexesWrapper(ctx, vertexes, opts) {
-    if (!vertexes) {
-        return;
-    }
-    const { style } = opts;
-    const { activeColor } = style;
-    const wrapperOpts = { borderColor: activeColor, borderWidth: 1, background: 'transparent', lineDash: [] };
-    drawVertexes(ctx, calcViewVertexes(vertexes, opts), wrapperOpts);
-}
-export function drawLockedVertexesWrapper(ctx, vertexes, opts) {
-    if (!vertexes) {
-        return;
-    }
-    const { style } = opts;
-    const { lockedColor } = style;
-    const wrapperOpts = { borderColor: lockedColor, borderWidth: 1, background: 'transparent', lineDash: [] };
-    drawVertexes(ctx, calcViewVertexes(vertexes, opts), wrapperOpts);
-    const { controller } = opts;
-    if (controller) {
-        const { topLeft, topRight, bottomLeft, bottomRight, topMiddle, bottomMiddle, leftMiddle, rightMiddle } = controller;
-        const ctrlOpts = Object.assign(Object.assign({}, wrapperOpts), { borderWidth: 1, background: lockedColor });
-        drawCrossVertexes(ctx, calcViewVertexes(topMiddle.vertexes, opts), ctrlOpts);
-        drawCrossVertexes(ctx, calcViewVertexes(bottomMiddle.vertexes, opts), ctrlOpts);
-        drawCrossVertexes(ctx, calcViewVertexes(leftMiddle.vertexes, opts), ctrlOpts);
-        drawCrossVertexes(ctx, calcViewVertexes(rightMiddle.vertexes, opts), ctrlOpts);
-        drawCrossVertexes(ctx, calcViewVertexes(topLeft.vertexes, opts), ctrlOpts);
-        drawCrossVertexes(ctx, calcViewVertexes(topRight.vertexes, opts), ctrlOpts);
-        drawCrossVertexes(ctx, calcViewVertexes(bottomLeft.vertexes, opts), ctrlOpts);
-        drawCrossVertexes(ctx, calcViewVertexes(bottomRight.vertexes, opts), ctrlOpts);
-    }
-}
-export function drawSelectedElementControllersVertexes(ctx, controller, opts) {
-    var _a;
-    if (!controller) {
-        return;
-    }
-    const { hideControllers, style, rotateControllerPattern, viewSizeInfo, element } = opts;
-    const { devicePixelRatio = 1 } = viewSizeInfo;
-    const { activeColor } = style;
-    const { elementWrapper, topLeft, topRight, bottomLeft, bottomRight, rotate } = controller;
-    const wrapperOpts = {
-        borderColor: activeColor,
-        borderWidth: selectWrapperBorderWidth,
-        background: 'transparent',
-        lineDash: []
-    };
-    const ctrlOpts = Object.assign(Object.assign({}, wrapperOpts), { borderWidth: resizeControllerBorderWidth, background: '#FFFFFF' });
-    drawVertexes(ctx, calcViewVertexes(elementWrapper, opts), wrapperOpts);
-    if (!hideControllers) {
-        drawVertexes(ctx, calcViewVertexes(topLeft.vertexes, opts), ctrlOpts);
-        drawVertexes(ctx, calcViewVertexes(topRight.vertexes, opts), ctrlOpts);
-        drawVertexes(ctx, calcViewVertexes(bottomLeft.vertexes, opts), ctrlOpts);
-        drawVertexes(ctx, calcViewVertexes(bottomRight.vertexes, opts), ctrlOpts);
-        if (((_a = element === null || element === void 0 ? void 0 : element.operations) === null || _a === void 0 ? void 0 : _a.rotatable) !== false) {
-            drawCircleController(ctx, calcViewPointSize(rotate.center, opts), Object.assign(Object.assign({}, ctrlOpts), { size: rotate.size, borderWidth: 0 }));
-            const rotateCenter = calcViewPointSize(rotate.center, opts);
-            ctx.drawImage(rotateControllerPattern.canvas, 0, 0, rotateControllerPattern.canvas.width / devicePixelRatio, rotateControllerPattern.canvas.height / devicePixelRatio, rotateCenter.x - rotate.size / 2, rotateCenter.y - rotate.size / 2, rotate.size, rotate.size);
-        }
-    }
-}
-export function drawElementListShadows(ctx, elements, opts) {
-    elements.forEach((elem) => {
-        let { x, y, w, h } = elem;
-        const { angle = 0 } = elem;
-        if (opts === null || opts === void 0 ? void 0 : opts.calculator) {
-            const size = calcViewElementSize({ x, y, w, h }, opts);
-            x = size.x;
-            y = size.y;
-            w = size.w;
-            h = size.h;
-        }
-        const vertexes = rotateElementVertexes({ x, y, w, h, angle });
-        if (vertexes.length >= 2) {
-            ctx.setLineDash([]);
-            ctx.lineWidth = 1;
-            ctx.strokeStyle = '#aaaaaa';
-            ctx.fillStyle = '#0000001A';
-            ctx.beginPath();
-            ctx.moveTo(vertexes[0].x, vertexes[0].y);
-            for (let i = 0; i < vertexes.length; i++) {
-                const p = vertexes[i];
-                ctx.lineTo(p.x, p.y);
-            }
-            ctx.closePath();
-            ctx.stroke();
-            ctx.fill('nonzero');
-        }
-    });
-}
-export function drawArea(ctx, opts) {
-    const { start, end, style } = opts;
-    const { activeColor, activeAreaColor } = style;
-    ctx.setLineDash([]);
-    ctx.lineWidth = areaBorderWidth;
-    ctx.strokeStyle = activeColor;
-    ctx.fillStyle = activeAreaColor;
-    ctx.beginPath();
-    ctx.moveTo(start.x, start.y);
-    ctx.lineTo(end.x, start.y);
-    ctx.lineTo(end.x, end.y);
-    ctx.lineTo(start.x, end.y);
-    ctx.closePath();
-    ctx.stroke();
-    ctx.fill('nonzero');
-}
-export function drawListArea(ctx, opts) {
-    const { areaSize, style } = opts;
-    const { activeColor, activeAreaColor } = style;
-    const { x, y, w, h } = areaSize;
-    ctx.setLineDash([]);
-    ctx.lineWidth = areaBorderWidth;
-    ctx.strokeStyle = activeColor;
-    ctx.fillStyle = activeAreaColor;
-    ctx.beginPath();
-    ctx.moveTo(x, y);
-    ctx.lineTo(x + w, y);
-    ctx.lineTo(x + w, y + h);
-    ctx.lineTo(x, y + h);
-    ctx.closePath();
-    ctx.stroke();
-    ctx.fill('nonzero');
-}
-export function drawGroupQueueVertexesWrappers(ctx, vertexesList, opts) {
-    const { style } = opts;
-    const { activeColor } = style;
-    for (let i = 0; i < vertexesList.length; i++) {
-        const vertexes = vertexesList[i];
-        const wrapperOpts = {
-            borderColor: activeColor,
-            borderWidth: selectWrapperBorderWidth,
-            background: 'transparent',
-            lineDash: [4, 4]
-        };
-        drawVertexes(ctx, calcViewVertexes(vertexes, opts), wrapperOpts);
-    }
-}

package/dist/esm/middlewares/selector/pattern/icon-rotate.d.ts

@@ -1,4 +0,0 @@
-import type { Element } from '@idraw/types';
-export declare const createIconRotate: (opts?: {
-    fill?: string;
-}) => Element<"path", Record<string, any>>;

package/dist/esm/middlewares/selector/pattern/icon-rotate.js

@@ -1,88 +0,0 @@
-import { createUUID } from '@idraw/util';
-export const createIconRotate = (opts) => {
-    const iconRotate = {
-        uuid: createUUID(),
-        type: 'path',
-        x: 0,
-        y: 0,
-        w: 200,
-        h: 200,
-        detail: Object.assign({ commands: [
-                {
-                    type: 'M',
-                    params: [512, 0]
-                },
-                {
-                    type: 'c',
-                    params: [282.8, 0, 512, 229.2, 512, 512]
-                },
-                {
-                    type: 's',
-                    params: [-229.2, 512, -512, 512]
-                },
-                {
-                    type: 'S',
-                    params: [0, 794.8, 0, 512, 229.2, 0, 512, 0]
-                },
-                {
-                    type: 'z',
-                    params: []
-                },
-                {
-                    type: 'm',
-                    params: [309.8, 253.8]
-                },
-                {
-                    type: 'c',
-                    params: [0, -10.5, -6.5, -19.8, -15.7, -23.8, -9.7, -4, -21, -2, -28.2, 5.6]
-                },
-                {
-                    type: 'l',
-                    params: [-52.5, 52]
-                },
-                {
-                    type: 'c',
-                    params: [
-                        -56.9, -53.7, -133.9, -85.5, -213.4, -85.5, -170.7, 0, -309.8, 139.2, -309.8, 309.8, 0, 170.6, 139.2, 309.8, 309.8, 309.8, 92.4, 0, 179.5, -40.8,
-                        238.4, -111.8, 4, -5.2, 4, -12.9, -0.8, -17.3
-                    ]
-                },
-                {
-                    type: 'L',
-                    params: [694.3, 637]
-                },
-                {
-                    type: 'c',
-                    params: [
-                        -2.8, -2.4, -6.5, -3.6, -10.1, -3.6, -3.6, 0.4, -7.3, 2, -9.3, 4.8, -39.5, 51.2, -98.8, 80.3, -163, 80.3, -113.8, 0, -206.5, -92.8, -206.5, -206.5,
-                        0, -113.8, 92.8, -206.5, 206.5, -206.5, 52.8, 0, 102.9, 20.2, 140.8, 55.3
-                    ]
-                },
-                {
-                    type: 'L',
-                    params: [597, 416.5]
-                },
-                {
-                    type: 'c',
-                    params: [-7.7, 7.3, -9.7, 18.6, -5.6, 27.9, 4, 9.7, 13.3, 16.1, 23.8, 16.1]
-                },
-                {
-                    type: 'H',
-                    params: [796]
-                },
-                {
-                    type: 'c',
-                    params: [14.1, 0, 25.8, -11.7, 25.8, -25.8]
-                },
-                {
-                    type: 'V',
-                    params: [253.8]
-                },
-                {
-                    type: 'z',
-                    params: []
-                }
-            ], fill: '#2c2c2c', stroke: 'transparent', strokeWidth: 0, originX: 0, originY: 0, originW: 1024, originH: 1024, opacity: 1 }, opts)
-    };
-    return iconRotate;
-};

package/dist/esm/middlewares/selector/pattern/index.d.ts

@@ -1,8 +0,0 @@
-import type { ViewContext2D } from '@idraw/types';
-export declare function createRotateControllerPattern(opts: {
-    fill: string;
-    devicePixelRatio: number;
-}): {
-    context2d: ViewContext2D;
-    fill: string;
-};

package/dist/esm/middlewares/selector/pattern/index.js

@@ -1,38 +0,0 @@
-import { createOffscreenContext2D } from '@idraw/util';
-import { drawElement } from '@idraw/renderer';
-import { createIconRotate } from './icon-rotate';
-export function createRotateControllerPattern(opts) {
-    const { fill, devicePixelRatio } = opts;
-    const iconRotate = createIconRotate({ fill });
-    const { w, h } = iconRotate;
-    const context2d = createOffscreenContext2D({
-        width: w,
-        height: h,
-        devicePixelRatio
-    });
-    drawElement(context2d, iconRotate, {
-        loader: undefined,
-        viewScaleInfo: {
-            scale: 1,
-            offsetTop: 0,
-            offsetBottom: 0,
-            offsetLeft: 0,
-            offsetRight: 0
-        },
-        viewSizeInfo: {
-            width: w,
-            height: h,
-            devicePixelRatio,
-            contextWidth: w,
-            contextHeight: h
-        },
-        parentElementSize: {
-            x: 0,
-            y: 0,
-            w,
-            h
-        },
-        parentOpacity: 1
-    });
-    return { context2d, fill };
-}