@idraw/core 0.4.2 → 1.0.0-alpha.1

package/dist/esm/middlewares/text-editor/static.d.ts

@@ -0,0 +1,10 @@
+import type { MiddlewareTextEditorStyles, MiddlewareTextEditorConfig } from '@idraw/types';
+export declare const key = "TEXT-EDITOR";
+export declare const getRootClassName: () => string;
+export declare const defaultStyles: MiddlewareTextEditorStyles;
+export declare const classNameMap: {
+    textarea: string;
+    hide: string;
+    canvasWrapper: string;
+};
+export declare function getMiddlewareTextEditorStyles<C = MiddlewareTextEditorConfig, S = MiddlewareTextEditorStyles>(config: C): S;

package/dist/esm/middlewares/text-editor/static.js

@@ -0,0 +1,17 @@
+import { createId, getMiddlewareValidStyles } from '@idraw/util';
+export const key = 'TEXT-EDITOR';
+const prefix = `idraw-middleware-text-editor`;
+export const getRootClassName = () => `${prefix}-${createId()}`;
+export const defaultStyles = {
+    zIndex: 1,
+    boxBorderColor: '#0c8ce9',
+};
+export const classNameMap = {
+    textarea: `${prefix}-textarea`,
+    hide: `${prefix}-hide`,
+    canvasWrapper: `${prefix}-canvas-wrapper`,
+};
+export function getMiddlewareTextEditorStyles(config) {
+    const styles = getMiddlewareValidStyles(config, ['zIndex', 'boxBorderColor']);
+    return styles;
+}

package/dist/esm/middlewares/text-editor/types.d.ts

@@ -0,0 +1,21 @@
+import type { StrictMaterial, ViewScaleInfo, MaterialPosition, MiddlewareTextEditorStyles } from '@idraw/types';
+import { coreEventKeys } from '../../static';
+export type TextEditEvent = {
+    id: string;
+};
+export type InnerOptions = {
+    material: StrictMaterial<'text'>;
+    groupQueue: StrictMaterial<'group'>[];
+    viewScaleInfo: ViewScaleInfo;
+    styles: MiddlewareTextEditorStyles;
+};
+export type TextChangeEvent = {
+    material: {
+        id: string;
+        attributes: {
+            text: string;
+        };
+    };
+    position: MaterialPosition;
+};
+export type ExtendEventMap = Record<typeof coreEventKeys.TEXT_EDIT, TextEditEvent> & Record<typeof coreEventKeys.TEXT_CHANGE, TextChangeEvent>;

package/dist/esm/middlewares/text-editor/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/record.d.ts

@@ -1,5 +1,5 @@
-import type { RecursivePartial, Element, ModifyRecord } from '@idraw/types';
-export declare function getModifyElementRecord(opts: {
-    modifiedElement: RecursivePartial<Omit<Element, 'uuid'>> & Pick<Element, 'uuid'>;
-    beforeElement: Element;
-}): ModifyRecord<'modifyElement'>;
+import type { RecursivePartial, Material, ModifyRecord } from '@idraw/types';
+export declare function getModifyMaterialRecord(opts: {
+    modifiedMaterial: RecursivePartial<Omit<Material, 'id'>> & Pick<Material, 'id'>;
+    beforeMaterial: Material;
+}): ModifyRecord<'modifyMaterial'>;

package/dist/esm/record.js

@@ -9,30 +9,30 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { toFlattenElement, get } from '@idraw/util';
-export function getModifyElementRecord(opts) {
-    const { modifiedElement, beforeElement } = opts;
-    const { uuid } = modifiedElement, restElement = __rest(modifiedElement, ["uuid"]);
-    const after = toFlattenElement(restElement);
+import { toFlattenMaterial, get } from '@idraw/util';
+export function getModifyMaterialRecord(opts) {
+    const { modifiedMaterial, beforeMaterial } = opts;
+    const { id } = modifiedMaterial, restMaterial = __rest(modifiedMaterial, ["id"]);
+    const after = toFlattenMaterial(restMaterial);
     let before = {};
     Object.keys(after).forEach((key) => {
-        let val = get(beforeElement, key);
-        if (val === undefined && /(borderRadius|borderWidth)\[[0-9]{1,}\]$/.test(key)) {
+        let val = get(beforeMaterial, key);
+        if (val === undefined && /(cornerRadius|strokeWidth)\[[0-9]{1,}\]$/.test(key)) {
             key = key.replace(/\[[0-9]{1,}\]$/, '');
-            val = get(beforeElement, key);
+            val = get(beforeMaterial, key);
         }
         before[key] = val;
     });
-    before = toFlattenElement(before);
+    before = toFlattenMaterial(before);
     const record = {
-        type: 'modifyElement',
+        type: 'modifyMaterial',
         time: Date.now(),
         content: {
-            method: 'modifyElement',
-            uuid,
+            method: 'modifyMaterial',
+            id,
             before,
-            after
-        }
+            after,
+        },
     };
     return record;
 }

package/dist/esm/{config.d.ts → static.d.ts}

@@ -1,7 +1,10 @@
 export declare const EVENT_KEY_CHANGE = "change";
+export declare const EVENT_KEY_CHANGING = "changing";
 export declare const EVENT_KEY_CURSOR = "cursor";
 export declare const EVENT_KEY_RULER = "ruler";
 export declare const EVENT_KEY_SCALE = "scale";
+export declare const EVENT_KEY_CREATE = "create";
+export declare const EVENT_KEY_CLEAR_CREATE = "clearCreate";
 export declare const EVENT_KEY_SELECT = "select";
 export declare const EVENT_KEY_SELECT_LAYOUT = "selectLayout";
 export declare const EVENT_KEY_CLEAR_SELECT = "clearSelect";
@@ -10,19 +13,32 @@ export declare const EVENT_KEY_TEXT_CHANGE = "textChange";
 export declare const EVENT_KEY_CONTEXT_MENU = "contextMenu";
 export declare const EVENT_KEY_SELECT_IN_GROUP = "selectInGroup";
 export declare const EVENT_KEY_SNAP_TO_GRID = "snapToGrid";
+export declare const EVENT_KEY_PATH_EDIT = "pathEdit";
+export declare const EVENT_CLEAR_PATH_EDIT = "clearPathEdit";
+export declare const EVENT_KEY_PATH_CREATE = "pathCreate";
+export declare const EVENT_CLEAR_PATH_CREATE = "clearPathCreate";
+export declare const EVENT_KEY_MODE_CHANGE = "modeChange";
 export type CoreEventKeys = {
     CURSOR: typeof EVENT_KEY_CURSOR;
     CHANGE: typeof EVENT_KEY_CHANGE;
+    CHANGING: typeof EVENT_KEY_CHANGING;
     RULER: typeof EVENT_KEY_RULER;
     SCALE: typeof EVENT_KEY_SCALE;
     SELECT: typeof EVENT_KEY_SELECT;
     SELECT_LAYOUT: typeof EVENT_KEY_SELECT_LAYOUT;
     CLEAR_SELECT: typeof EVENT_KEY_CLEAR_SELECT;
+    CREATE: typeof EVENT_KEY_CREATE;
+    CLEAR_CREATE: typeof EVENT_KEY_CLEAR_CREATE;
     TEXT_EDIT: typeof EVENT_KEY_TEXT_EDIT;
     TEXT_CHANGE: typeof EVENT_KEY_TEXT_CHANGE;
     CONTEXT_MENU: typeof EVENT_KEY_CONTEXT_MENU;
     SELECT_IN_GROUP: typeof EVENT_KEY_SELECT_IN_GROUP;
     SNAP_TO_GRID: typeof EVENT_KEY_SELECT_IN_GROUP;
+    PATH_EDIT: typeof EVENT_KEY_PATH_EDIT;
+    CLEAR_PATH_EDIT: typeof EVENT_CLEAR_PATH_EDIT;
+    PATH_CREATE: typeof EVENT_KEY_PATH_CREATE;
+    CLEAR_PATH_CREATE: typeof EVENT_CLEAR_PATH_CREATE;
+    MODE_CHANGE: typeof EVENT_KEY_MODE_CHANGE;
 };
 declare const coreEventKeys: CoreEventKeys;
 export { coreEventKeys };

package/dist/esm/{config.js → static.js}

@@ -1,7 +1,10 @@
 export const EVENT_KEY_CHANGE = 'change';
+export const EVENT_KEY_CHANGING = 'changing';
 export const EVENT_KEY_CURSOR = 'cursor';
 export const EVENT_KEY_RULER = 'ruler';
 export const EVENT_KEY_SCALE = 'scale';
+export const EVENT_KEY_CREATE = 'create';
+export const EVENT_KEY_CLEAR_CREATE = 'clearCreate';
 export const EVENT_KEY_SELECT = 'select';
 export const EVENT_KEY_SELECT_LAYOUT = 'selectLayout';
 export const EVENT_KEY_CLEAR_SELECT = 'clearSelect';
@@ -10,11 +13,19 @@ export const EVENT_KEY_TEXT_CHANGE = 'textChange';
 export const EVENT_KEY_CONTEXT_MENU = 'contextMenu';
 export const EVENT_KEY_SELECT_IN_GROUP = 'selectInGroup';
 export const EVENT_KEY_SNAP_TO_GRID = 'snapToGrid';
+export const EVENT_KEY_PATH_EDIT = 'pathEdit';
+export const EVENT_CLEAR_PATH_EDIT = 'clearPathEdit';
+export const EVENT_KEY_PATH_CREATE = 'pathCreate';
+export const EVENT_CLEAR_PATH_CREATE = 'clearPathCreate';
+export const EVENT_KEY_MODE_CHANGE = 'modeChange';
 const innerEventKeys = {
     CURSOR: EVENT_KEY_CURSOR,
     CHANGE: EVENT_KEY_CHANGE,
+    CHANGING: EVENT_KEY_CHANGING,
     RULER: EVENT_KEY_RULER,
     SCALE: EVENT_KEY_SCALE,
+    CREATE: EVENT_KEY_CREATE,
+    CLEAR_CREATE: EVENT_KEY_CLEAR_CREATE,
     SELECT_LAYOUT: EVENT_KEY_SELECT_LAYOUT,
     SELECT: EVENT_KEY_SELECT,
     CLEAR_SELECT: EVENT_KEY_CLEAR_SELECT,
@@ -22,13 +33,18 @@ const innerEventKeys = {
     TEXT_CHANGE: EVENT_KEY_TEXT_CHANGE,
     CONTEXT_MENU: EVENT_KEY_CONTEXT_MENU,
     SELECT_IN_GROUP: EVENT_KEY_SELECT_IN_GROUP,
-    SNAP_TO_GRID: EVENT_KEY_SELECT_IN_GROUP
+    SNAP_TO_GRID: EVENT_KEY_SELECT_IN_GROUP,
+    PATH_EDIT: EVENT_KEY_PATH_EDIT,
+    CLEAR_PATH_EDIT: EVENT_CLEAR_PATH_EDIT,
+    PATH_CREATE: EVENT_KEY_PATH_CREATE,
+    CLEAR_PATH_CREATE: EVENT_CLEAR_PATH_CREATE,
+    MODE_CHANGE: EVENT_KEY_MODE_CHANGE,
 };
 const coreEventKeys = {};
 Object.keys(innerEventKeys).forEach((keyName) => {
     Object.defineProperty(coreEventKeys, keyName, {
         value: innerEventKeys[keyName],
-        writable: false
+        writable: false,
     });
 });
 export { coreEventKeys };