@thienvu18/designable-core 2.0.1 → 2.0.2

package/lib/shortcuts/QuickSelection.js

@@ -1,87 +1,80 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SelectNextNode = exports.SelectPrevNode = void 0;
-const models_1 = require("../models");
+'use strict'
+Object.defineProperty(exports, '__esModule', { value: true })
+exports.SelectNextNode = exports.SelectPrevNode = void 0
+const models_1 = require('../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)
+}
 exports.SelectPrevNode = new models_1.Shortcut({
-    codes: [
-        [models_1.KeyCode.Up],
-        [models_1.KeyCode.PageUp],
-        [models_1.KeyCode.ArrowUp],
-        [models_1.KeyCode.Left],
-        [models_1.KeyCode.LeftWindowKey],
-        [models_1.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: [
+    [models_1.KeyCode.Up],
+    [models_1.KeyCode.PageUp],
+    [models_1.KeyCode.ArrowUp],
+    [models_1.KeyCode.Left],
+    [models_1.KeyCode.LeftWindowKey],
+    [models_1.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)
+          }
         }
-    },
-});
+      }
+    }
+  },
+})
 exports.SelectNextNode = new models_1.Shortcut({
-    codes: [
-        [models_1.KeyCode.Down],
-        [models_1.KeyCode.PageDown],
-        [models_1.KeyCode.ArrowDown],
-        [models_1.KeyCode.Right],
-        [models_1.KeyCode.RightWindowKey],
-        [models_1.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: [
+    [models_1.KeyCode.Down],
+    [models_1.KeyCode.PageDown],
+    [models_1.KeyCode.ArrowDown],
+    [models_1.KeyCode.Right],
+    [models_1.KeyCode.RightWindowKey],
+    [models_1.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/lib/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/lib/shortcuts/UndoRedo.js

@@ -1,30 +1,30 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RedoMutation = exports.UndoMutation = void 0;
-const models_1 = require("../models");
+'use strict'
+Object.defineProperty(exports, '__esModule', { value: true })
+exports.RedoMutation = exports.UndoMutation = void 0
+const models_1 = require('../models')
 exports.UndoMutation = new models_1.Shortcut({
-    codes: [
-        [models_1.KeyCode.Meta, models_1.KeyCode.Z],
-        [models_1.KeyCode.Control, models_1.KeyCode.Z],
-    ],
-    handler(context) {
-        const workspace = context?.workspace;
-        if (workspace) {
-            workspace.history.undo();
-        }
-        workspace.operation.hover.clear();
-    },
-});
+  codes: [
+    [models_1.KeyCode.Meta, models_1.KeyCode.Z],
+    [models_1.KeyCode.Control, models_1.KeyCode.Z],
+  ],
+  handler(context) {
+    const workspace = context?.workspace
+    if (workspace) {
+      workspace.history.undo()
+    }
+    workspace.operation.hover.clear()
+  },
+})
 exports.RedoMutation = new models_1.Shortcut({
-    codes: [
-        [models_1.KeyCode.Meta, models_1.KeyCode.Shift, models_1.KeyCode.Z],
-        [models_1.KeyCode.Control, models_1.KeyCode.Shift, models_1.KeyCode.Z],
-    ],
-    handler(context) {
-        const workspace = context?.workspace;
-        if (workspace) {
-            workspace.history.redo();
-        }
-        workspace.operation.hover.clear();
-    },
-});
+  codes: [
+    [models_1.KeyCode.Meta, models_1.KeyCode.Shift, models_1.KeyCode.Z],
+    [models_1.KeyCode.Control, models_1.KeyCode.Shift, models_1.KeyCode.Z],
+  ],
+  handler(context) {
+    const workspace = context?.workspace
+    if (workspace) {
+      workspace.history.redo()
+    }
+    workspace.operation.hover.clear()
+  },
+})

package/lib/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/lib/shortcuts/index.js

@@ -1,21 +1,37 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./MultiSelection"), exports);
-__exportStar(require("./NodeMutation"), exports);
-__exportStar(require("./UndoRedo"), exports);
-__exportStar(require("./CursorSwitch"), exports);
-__exportStar(require("./QuickSelection"), exports);
+'use strict'
+var __createBinding =
+  (this && this.__createBinding) ||
+  (Object.create
+    ? function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k
+        var desc = Object.getOwnPropertyDescriptor(m, k)
+        if (
+          !desc ||
+          ('get' in desc ? !m.__esModule : desc.writable || desc.configurable)
+        ) {
+          desc = {
+            enumerable: true,
+            get: function () {
+              return m[k]
+            },
+          }
+        }
+        Object.defineProperty(o, k2, desc)
+      }
+    : function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k
+        o[k2] = m[k]
+      })
+var __exportStar =
+  (this && this.__exportStar) ||
+  function (m, exports) {
+    for (var p in m)
+      if (p !== 'default' && !Object.prototype.hasOwnProperty.call(exports, p))
+        __createBinding(exports, m, p)
+  }
+Object.defineProperty(exports, '__esModule', { value: true })
+__exportStar(require('./MultiSelection'), exports)
+__exportStar(require('./NodeMutation'), exports)
+__exportStar(require('./UndoRedo'), exports)
+__exportStar(require('./CursorSwitch'), exports)
+__exportStar(require('./QuickSelection'), exports)

package/lib/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/lib/types.js

@@ -1,2 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict'
+Object.defineProperty(exports, '__esModule', { value: true })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thienvu18/designable-core",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "homepage": "https://github.com/thienvu18/designable#readme",
   "bugs": {
     "url": "https://github.com/thienvu18/designable/issues"
@@ -26,7 +26,7 @@
   },
   "dependencies": {
     "@juggle/resize-observer": "^3.3.1",
-    "@thienvu18/designable-shared": "2.0.1"
+    "@thienvu18/designable-shared": "2.0.2"
   },
   "devDependencies": {
     "@formily/json-schema": "^2.3.7",