@thienvu18/designable-core 2.0.0 → 2.0.2

package/esm/shortcuts/QuickSelection.js

@@ -1,84 +1,77 @@
-import { KeyCode, Shortcut } from '../models';
+import { KeyCode, Shortcut } from '../models'
 const findBottomLastChild = (node) => {
-    if (!node)
-        return node;
-    if (node.lastChild) {
-        return findBottomLastChild(node.lastChild);
-    }
-    return node;
-};
+  if (!node) return node
+  if (node.lastChild) {
+    return findBottomLastChild(node.lastChild)
+  }
+  return node
+}
 const findTopParentNext = (node) => {
-    if (!node.parent)
-        return node;
-    if (node.parent?.next)
-        return node.parent.next;
-    return findTopParentNext(node.parent);
-};
+  if (!node.parent) return node
+  if (node.parent?.next) return node.parent.next
+  return findTopParentNext(node.parent)
+}
 export const SelectPrevNode = new Shortcut({
-    codes: [
-        [KeyCode.Up],
-        [KeyCode.PageUp],
-        [KeyCode.ArrowUp],
-        [KeyCode.Left],
-        [KeyCode.LeftWindowKey],
-        [KeyCode.ArrowLeft],
-    ],
-    handler(context) {
-        const operation = context?.workspace.operation;
-        if (operation) {
-            const tree = operation.tree;
-            const selection = operation.selection;
-            const selectedNode = tree.findById(selection.last);
-            if (selectedNode) {
-                const previousNode = selectedNode.previous;
-                if (previousNode) {
-                    const bottom = findBottomLastChild(previousNode);
-                    if (bottom) {
-                        selection.select(bottom);
-                    }
-                    else {
-                        selection.select(previousNode);
-                    }
-                }
-                else if (selectedNode.parent) {
-                    selection.select(selectedNode.parent);
-                }
-                else {
-                    const bottom = findBottomLastChild(selectedNode.lastChild);
-                    if (bottom) {
-                        selection.select(bottom);
-                    }
-                }
-            }
+  codes: [
+    [KeyCode.Up],
+    [KeyCode.PageUp],
+    [KeyCode.ArrowUp],
+    [KeyCode.Left],
+    [KeyCode.LeftWindowKey],
+    [KeyCode.ArrowLeft],
+  ],
+  handler(context) {
+    const operation = context?.workspace.operation
+    if (operation) {
+      const tree = operation.tree
+      const selection = operation.selection
+      const selectedNode = tree.findById(selection.last)
+      if (selectedNode) {
+        const previousNode = selectedNode.previous
+        if (previousNode) {
+          const bottom = findBottomLastChild(previousNode)
+          if (bottom) {
+            selection.select(bottom)
+          } else {
+            selection.select(previousNode)
+          }
+        } else if (selectedNode.parent) {
+          selection.select(selectedNode.parent)
+        } else {
+          const bottom = findBottomLastChild(selectedNode.lastChild)
+          if (bottom) {
+            selection.select(bottom)
+          }
         }
-    },
-});
+      }
+    }
+  },
+})
 export const SelectNextNode = new Shortcut({
-    codes: [
-        [KeyCode.Down],
-        [KeyCode.PageDown],
-        [KeyCode.ArrowDown],
-        [KeyCode.Right],
-        [KeyCode.RightWindowKey],
-        [KeyCode.ArrowRight],
-    ],
-    handler(context) {
-        const operation = context?.workspace.operation;
-        if (operation) {
-            const tree = operation.tree;
-            const selection = operation.selection;
-            const selectedNode = tree.findById(selection.last);
-            if (selectedNode) {
-                const nextNode = selectedNode.firstChild
-                    ? selectedNode.firstChild
-                    : selectedNode.next;
-                if (nextNode) {
-                    selection.select(nextNode);
-                }
-                else {
-                    selection.select(findTopParentNext(selectedNode));
-                }
-            }
+  codes: [
+    [KeyCode.Down],
+    [KeyCode.PageDown],
+    [KeyCode.ArrowDown],
+    [KeyCode.Right],
+    [KeyCode.RightWindowKey],
+    [KeyCode.ArrowRight],
+  ],
+  handler(context) {
+    const operation = context?.workspace.operation
+    if (operation) {
+      const tree = operation.tree
+      const selection = operation.selection
+      const selectedNode = tree.findById(selection.last)
+      if (selectedNode) {
+        const nextNode = selectedNode.firstChild
+          ? selectedNode.firstChild
+          : selectedNode.next
+        if (nextNode) {
+          selection.select(nextNode)
+        } else {
+          selection.select(findTopParentNext(selectedNode))
         }
-    },
-});
+      }
+    }
+  },
+})

package/esm/shortcuts/UndoRedo.d.ts

@@ -1,3 +1,3 @@
-import { Shortcut } from '../models';
-export declare const UndoMutation: Shortcut;
-export declare const RedoMutation: Shortcut;
+import { Shortcut } from '../models'
+export declare const UndoMutation: Shortcut
+export declare const RedoMutation: Shortcut

package/esm/shortcuts/UndoRedo.js

@@ -1,27 +1,27 @@
-import { KeyCode, Shortcut } from '../models';
+import { KeyCode, Shortcut } from '../models'
 export const UndoMutation = new Shortcut({
-    codes: [
-        [KeyCode.Meta, KeyCode.Z],
-        [KeyCode.Control, KeyCode.Z],
-    ],
-    handler(context) {
-        const workspace = context?.workspace;
-        if (workspace) {
-            workspace.history.undo();
-        }
-        workspace.operation.hover.clear();
-    },
-});
+  codes: [
+    [KeyCode.Meta, KeyCode.Z],
+    [KeyCode.Control, KeyCode.Z],
+  ],
+  handler(context) {
+    const workspace = context?.workspace
+    if (workspace) {
+      workspace.history.undo()
+    }
+    workspace.operation.hover.clear()
+  },
+})
 export const RedoMutation = new Shortcut({
-    codes: [
-        [KeyCode.Meta, KeyCode.Shift, KeyCode.Z],
-        [KeyCode.Control, KeyCode.Shift, KeyCode.Z],
-    ],
-    handler(context) {
-        const workspace = context?.workspace;
-        if (workspace) {
-            workspace.history.redo();
-        }
-        workspace.operation.hover.clear();
-    },
-});
+  codes: [
+    [KeyCode.Meta, KeyCode.Shift, KeyCode.Z],
+    [KeyCode.Control, KeyCode.Shift, KeyCode.Z],
+  ],
+  handler(context) {
+    const workspace = context?.workspace
+    if (workspace) {
+      workspace.history.redo()
+    }
+    workspace.operation.hover.clear()
+  },
+})

package/esm/shortcuts/index.d.ts

@@ -1,5 +1,5 @@
-export * from './MultiSelection';
-export * from './NodeMutation';
-export * from './UndoRedo';
-export * from './CursorSwitch';
-export * from './QuickSelection';
+export * from './CursorSwitch'
+export * from './MultiSelection'
+export * from './NodeMutation'
+export * from './QuickSelection'
+export * from './UndoRedo'

package/esm/shortcuts/index.js

@@ -1,5 +1,5 @@
-export * from './MultiSelection';
-export * from './NodeMutation';
-export * from './UndoRedo';
-export * from './CursorSwitch';
-export * from './QuickSelection';
+export * from './CursorSwitch'
+export * from './MultiSelection'
+export * from './NodeMutation'
+export * from './QuickSelection'
+export * from './UndoRedo'

package/esm/types.d.ts

@@ -1,131 +1,164 @@
-import { IEventProps, Event } from '@thienvu18/designable-shared';
-import { ISchema } from '@formily/json-schema';
-import { Engine, ITreeNode, ScreenType, Shortcut, Viewport, Workbench, Workspace, TreeNode } from './models';
+import { ISchema } from '@formily/json-schema'
+import { Event, IEventProps } from '@thienvu18/designable-shared'
+import {
+  Engine,
+  ITreeNode,
+  ScreenType,
+  Shortcut,
+  TreeNode,
+  Viewport,
+  Workbench,
+  Workspace,
+} from './models'
 export type IEngineProps<T = Event> = IEventProps<T> & {
-    shortcuts?: Shortcut[];
-    sourceIdAttrName?: string;
-    nodeIdAttrName?: string;
-    contentEditableAttrName?: string;
-    contentEditableNodeIdAttrName?: string;
-    clickStopPropagationAttrName?: string;
-    outlineNodeIdAttrName?: string;
-    nodeSelectionIdAttrName?: string;
-    nodeDragHandlerAttrName?: string;
-    screenResizeHandlerAttrName?: string;
-    nodeResizeHandlerAttrName?: string;
-    nodeTranslateAttrName?: string;
-    defaultComponentTree?: ITreeNode;
-    defaultScreenType?: ScreenType;
-    rootComponentName?: string;
-};
+  shortcuts?: Shortcut[]
+  sourceIdAttrName?: string
+  nodeIdAttrName?: string
+  contentEditableAttrName?: string
+  contentEditableNodeIdAttrName?: string
+  clickStopPropagationAttrName?: string
+  outlineNodeIdAttrName?: string
+  nodeSelectionIdAttrName?: string
+  nodeDragHandlerAttrName?: string
+  screenResizeHandlerAttrName?: string
+  nodeResizeHandlerAttrName?: string
+  nodeTranslateAttrName?: string
+  defaultComponentTree?: ITreeNode
+  defaultScreenType?: ScreenType
+  rootComponentName?: string
+}
 export type IEngineContext = {
-    workspace: Workspace;
-    workbench: Workbench;
-    engine: Engine;
-    viewport: Viewport;
-};
+  workspace: Workspace
+  workbench: Workbench
+  engine: Engine
+  viewport: Viewport
+}
 export type IResizable = {
-    width?: (node: TreeNode, element: Element) => {
-        plus: () => void;
-        minus: () => void;
-    };
-    height?: (node: TreeNode, element: Element) => {
-        plus: () => void;
-        minus: () => void;
-    };
-};
+  width?: (
+    node: TreeNode,
+    element: Element
+  ) => {
+    plus: () => void
+    minus: () => void
+  }
+  height?: (
+    node: TreeNode,
+    element: Element
+  ) => {
+    plus: () => void
+    minus: () => void
+  }
+}
 export type ITranslate = {
-    x: (node: TreeNode, element: HTMLElement, diffX: string | number) => {
-        translate: () => void;
-    };
-    y: (node: TreeNode, element: HTMLElement, diffY: string | number) => {
-        translate: () => void;
-    };
-};
+  x: (
+    node: TreeNode,
+    element: HTMLElement,
+    diffX: string | number
+  ) => {
+    translate: () => void
+  }
+  y: (
+    node: TreeNode,
+    element: HTMLElement,
+    diffY: string | number
+  ) => {
+    translate: () => void
+  }
+}
 export interface IDesignerProps {
-    package?: string;
-    registry?: string;
-    version?: string;
-    path?: string;
-    title?: string;
-    description?: string;
-    icon?: string;
-    droppable?: boolean;
-    draggable?: boolean;
-    deletable?: boolean;
-    cloneable?: boolean;
-    resizable?: IResizable;
-    translatable?: ITranslate;
-    inlineChildrenLayout?: boolean;
-    selfRenderChildren?: boolean;
-    propsSchema?: ISchema;
-    defaultProps?: any;
-    getDragNodes?: (node: TreeNode) => TreeNode | TreeNode[];
-    getDropNodes?: (node: TreeNode, parent: TreeNode) => TreeNode | TreeNode[];
-    getComponentProps?: (node: TreeNode) => any;
-    allowAppend?: (target: TreeNode, sources?: TreeNode[]) => boolean;
-    allowSiblings?: (target: TreeNode, sources?: TreeNode[]) => boolean;
-    allowDrop?: (target: TreeNode) => boolean;
-    [key: string]: any;
+  package?: string
+  registry?: string
+  version?: string
+  path?: string
+  title?: string
+  description?: string
+  icon?: string
+  droppable?: boolean
+  draggable?: boolean
+  deletable?: boolean
+  cloneable?: boolean
+  resizable?: IResizable
+  translatable?: ITranslate
+  inlineChildrenLayout?: boolean
+  selfRenderChildren?: boolean
+  propsSchema?: ISchema
+  defaultProps?: any
+  getDragNodes?: (node: TreeNode) => TreeNode | TreeNode[]
+  getDropNodes?: (node: TreeNode, parent: TreeNode) => TreeNode | TreeNode[]
+  getComponentProps?: (node: TreeNode) => any
+  allowAppend?: (target: TreeNode, sources?: TreeNode[]) => boolean
+  allowSiblings?: (target: TreeNode, sources?: TreeNode[]) => boolean
+  allowDrop?: (target: TreeNode) => boolean
+  [key: string]: any
 }
-export type IDesignerPropsMap = Record<string, IDesignerProps>;
-export type IDesignerControllerProps = IDesignerProps | ((node: TreeNode) => IDesignerProps);
-export type IDesignerControllerPropsMap = Record<string, IDesignerControllerProps>;
+export type IDesignerPropsMap = Record<string, IDesignerProps>
+export type IDesignerControllerProps =
+  | IDesignerProps
+  | ((node: TreeNode) => IDesignerProps)
+export type IDesignerControllerPropsMap = Record<
+  string,
+  IDesignerControllerProps
+>
 export interface IDesignerLocales {
-    [ISOCode: string]: {
-        [key: string]: any;
-    };
+  [ISOCode: string]: {
+    [key: string]: any
+  }
 }
 export interface IDesignerMiniLocales {
-    [ISOCode: string]: string;
+  [ISOCode: string]: string
 }
 export interface IDesignerBehaviors {
-    [key: string]: IBehaviorHost;
+  [key: string]: IBehaviorHost
 }
 export interface IDesignerStore<P> {
-    value: P;
+  value: P
 }
-export type IDesignerIcons = Record<string, any>;
-export type IDesignerIconsStore = IDesignerStore<IDesignerIcons>;
-export type IDesignerLocaleStore = IDesignerStore<IDesignerLocales>;
-export type IDesignerBehaviorStore = IDesignerStore<IBehavior[]>;
-export type IDesignerLanguageStore = IDesignerStore<string>;
-export type WorkbenchTypes = 'DESIGNABLE' | 'PREVIEW' | 'JSONTREE' | 'MARKUP' | (string & {});
+export type IDesignerIcons = Record<string, any>
+export type IDesignerIconsStore = IDesignerStore<IDesignerIcons>
+export type IDesignerLocaleStore = IDesignerStore<IDesignerLocales>
+export type IDesignerBehaviorStore = IDesignerStore<IBehavior[]>
+export type IDesignerLanguageStore = IDesignerStore<string>
+export type WorkbenchTypes =
+  | 'DESIGNABLE'
+  | 'PREVIEW'
+  | 'JSONTREE'
+  | 'MARKUP'
+  | (string & {})
 export interface IBehavior {
-    name: string;
-    extends?: string[];
-    selector: (node: TreeNode) => boolean;
-    designerProps?: IDesignerControllerProps;
-    designerLocales?: IDesignerLocales;
+  name: string
+  extends?: string[]
+  selector: (node: TreeNode) => boolean
+  designerProps?: IDesignerControllerProps
+  designerLocales?: IDesignerLocales
 }
 export interface IBehaviorCreator {
-    name: string;
-    extends?: string[];
-    selector: string | ((node: TreeNode) => boolean);
-    designerProps?: IDesignerControllerProps;
-    designerLocales?: IDesignerLocales;
+  name: string
+  extends?: string[]
+  selector: string | ((node: TreeNode) => boolean)
+  designerProps?: IDesignerControllerProps
+  designerLocales?: IDesignerLocales
 }
 export interface IBehaviorHost {
-    Behavior?: IBehavior[];
+  Behavior?: IBehavior[]
 }
-export type IBehaviorLike = IBehavior[] | IBehaviorHost;
+export type IBehaviorLike = IBehavior[] | IBehaviorHost
 export interface IResource {
-    title?: string | IDesignerMiniLocales;
-    description?: string | IDesignerMiniLocales;
-    icon?: any;
-    thumb?: string;
-    span?: number;
-    node?: TreeNode;
+  title?: string | IDesignerMiniLocales
+  description?: string | IDesignerMiniLocales
+  icon?: any
+  thumb?: string
+  span?: number
+  node?: TreeNode
 }
 export interface IResourceHost {
-    Resource?: IResource[];
+  Resource?: IResource[]
 }
-export type IResourceLike = IResource[] | IResourceHost;
+export type IResourceLike = IResource[] | IResourceHost
 export interface IResourceCreator {
-    title?: string | IDesignerMiniLocales;
-    description?: string | IDesignerMiniLocales;
-    icon?: any;
-    thumb?: string;
-    span?: number;
-    elements?: ITreeNode[];
+  title?: string | IDesignerMiniLocales
+  description?: string | IDesignerMiniLocales
+  icon?: any
+  thumb?: string
+  span?: number
+  elements?: ITreeNode[]
 }

package/esm/types.js

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

package/lib/drivers/DragDropDriver.d.ts

@@ -1,14 +1,14 @@
-import { EventDriver } from '@thienvu18/designable-shared';
-import { Engine } from '../models/Engine';
+import { EventDriver } from '@thienvu18/designable-shared'
+import { Engine } from '../models/Engine'
 export declare class DragDropDriver extends EventDriver<Engine> {
-    mouseDownTimer: any;
-    startEvent: MouseEvent;
-    onMouseDown: (e: MouseEvent) => boolean;
-    onMouseUp: (e: MouseEvent) => void;
-    onMouseMove: (e: MouseEvent | DragEvent) => void;
-    onContextMenuWhileDragging: (e: MouseEvent) => void;
-    onStartDrag: (e: MouseEvent | DragEvent) => void;
-    onDistanceChange: (e: MouseEvent) => void;
-    attach(): void;
-    detach(): void;
+  mouseDownTimer: any
+  startEvent: MouseEvent
+  onMouseDown: (e: MouseEvent) => boolean
+  onMouseUp: (e: MouseEvent) => void
+  onMouseMove: (e: MouseEvent | DragEvent) => void
+  onContextMenuWhileDragging: (e: MouseEvent) => void
+  onStartDrag: (e: MouseEvent | DragEvent) => void
+  onDistanceChange: (e: MouseEvent) => void
+  attach(): void
+  detach(): void
 }