@thienvu18/designable-core 2.0.0 → 2.0.2

package/esm/presets.js

@@ -1,38 +1,70 @@
-import { DragDropDriver, MouseClickDriver, MouseMoveDriver, ViewportResizeDriver, ViewportScrollDriver, KeyboardDriver, } from './drivers';
-import { useCursorEffect, useViewportEffect, useDragDropEffect, useSelectionEffect, useResizeEffect, useKeyboardEffect, useAutoScrollEffect, useWorkspaceEffect, useFreeSelectionEffect, useContentEditableEffect, useTranslateEffect, } from './effects';
-import { SelectNodes, SelectAllNodes, SelectSameTypeNodes, DeleteNodes, CopyNodes, PasteNodes, UndoMutation, RedoMutation, CursorSwitchSelection, PreventCommandX, SelectPrevNode, SelectNextNode, } from './shortcuts';
+import {
+  DragDropDriver,
+  KeyboardDriver,
+  MouseClickDriver,
+  MouseMoveDriver,
+  ViewportResizeDriver,
+  ViewportScrollDriver,
+} from './drivers'
+import {
+  useAutoScrollEffect,
+  useContentEditableEffect,
+  useCursorEffect,
+  useDragDropEffect,
+  useFreeSelectionEffect,
+  useKeyboardEffect,
+  useResizeEffect,
+  useSelectionEffect,
+  useTranslateEffect,
+  useViewportEffect,
+  useWorkspaceEffect,
+} from './effects'
+import {
+  CopyNodes,
+  CursorSwitchSelection,
+  DeleteNodes,
+  PasteNodes,
+  PreventCommandX,
+  RedoMutation,
+  SelectAllNodes,
+  SelectNextNode,
+  SelectNodes,
+  SelectPrevNode,
+  SelectSameTypeNodes,
+  UndoMutation,
+} from './shortcuts'
 export const DEFAULT_EFFECTS = [
-    useFreeSelectionEffect,
-    useCursorEffect,
-    useViewportEffect,
-    useDragDropEffect,
-    useSelectionEffect,
-    useKeyboardEffect,
-    useAutoScrollEffect,
-    useWorkspaceEffect,
-    useContentEditableEffect,
-    useTranslateEffect,
-    useResizeEffect,
-];
+  useFreeSelectionEffect,
+  useCursorEffect,
+  useViewportEffect,
+  useDragDropEffect,
+  useSelectionEffect,
+  useKeyboardEffect,
+  useAutoScrollEffect,
+  useWorkspaceEffect,
+  useContentEditableEffect,
+  useTranslateEffect,
+  useResizeEffect,
+]
 export const DEFAULT_DRIVERS = [
-    MouseMoveDriver,
-    DragDropDriver,
-    MouseClickDriver,
-    ViewportResizeDriver,
-    ViewportScrollDriver,
-    KeyboardDriver,
-];
+  MouseMoveDriver,
+  DragDropDriver,
+  MouseClickDriver,
+  ViewportResizeDriver,
+  ViewportScrollDriver,
+  KeyboardDriver,
+]
 export const DEFAULT_SHORTCUTS = [
-    PreventCommandX,
-    SelectNodes,
-    SelectAllNodes,
-    SelectSameTypeNodes,
-    DeleteNodes,
-    CopyNodes,
-    PasteNodes,
-    SelectPrevNode,
-    SelectNextNode,
-    UndoMutation,
-    RedoMutation,
-    CursorSwitchSelection,
-];
+  PreventCommandX,
+  SelectNodes,
+  SelectAllNodes,
+  SelectSameTypeNodes,
+  DeleteNodes,
+  CopyNodes,
+  PasteNodes,
+  SelectPrevNode,
+  SelectNextNode,
+  UndoMutation,
+  RedoMutation,
+  CursorSwitchSelection,
+]

package/esm/registry.d.ts

@@ -1,16 +1,22 @@
-import { IDesignerBehaviors, IDesignerLocales, IDesignerIcons, IBehaviorLike, IBehavior } from './types';
-import { TreeNode } from './models';
+import { TreeNode } from './models'
+import {
+  IBehavior,
+  IBehaviorLike,
+  IDesignerBehaviors,
+  IDesignerIcons,
+  IDesignerLocales,
+} from './types'
 declare const DESIGNER_GlobalRegistry: {
-    setDesignerLanguage: (lang: string) => void;
-    setDesignerBehaviors: (behaviors: IBehaviorLike[]) => void;
-    getDesignerBehaviors: (node: TreeNode) => IBehavior[];
-    getDesignerIcon: (name: string) => any;
-    getDesignerLanguage: () => string;
-    getDesignerMessage: (token: string, locales?: IDesignerLocales) => any;
-    registerDesignerIcons: (map: IDesignerIcons) => void;
-    registerDesignerLocales: (...packages: IDesignerLocales[]) => void;
-    registerDesignerBehaviors: (...packages: IDesignerBehaviors[]) => void;
-};
-export type IDesignerRegistry = typeof DESIGNER_GlobalRegistry;
-export declare const GlobalRegistry: IDesignerRegistry;
-export {};
+  setDesignerLanguage: (lang: string) => void
+  setDesignerBehaviors: (behaviors: IBehaviorLike[]) => void
+  getDesignerBehaviors: (node: TreeNode) => IBehavior[]
+  getDesignerIcon: (name: string) => any
+  getDesignerLanguage: () => string
+  getDesignerMessage: (token: string, locales?: IDesignerLocales) => any
+  registerDesignerIcons: (map: IDesignerIcons) => void
+  registerDesignerLocales: (...packages: IDesignerLocales[]) => void
+  registerDesignerBehaviors: (...packages: IDesignerBehaviors[]) => void
+}
+export type IDesignerRegistry = typeof DESIGNER_GlobalRegistry
+export declare const GlobalRegistry: IDesignerRegistry
+export {}

package/esm/registry.js

@@ -1,113 +1,111 @@
-import { each } from '@thienvu18/designable-shared';
-import { Path } from '@formily/path';
-import { observable } from '@formily/reactive';
-import { mergeLocales, lowerSnake, getBrowserLanguage } from './internals';
-import { isBehaviorHost } from './externals';
-import { isBehaviorList } from './externals';
+import { Path } from '@formily/path'
+import { observable } from '@formily/reactive'
+import { each } from '@thienvu18/designable-shared'
+import { isBehaviorHost, isBehaviorList } from './externals'
+import { getBrowserLanguage, lowerSnake, mergeLocales } from './internals'
 const getISOCode = (language) => {
-    let isoCode = DESIGNER_LANGUAGE_STORE.value;
-    let lang = lowerSnake(language);
-    if (DESIGNER_LOCALES_STORE.value[lang]) {
-        return lang;
+  let isoCode = DESIGNER_LANGUAGE_STORE.value
+  let lang = lowerSnake(language)
+  if (DESIGNER_LOCALES_STORE.value[lang]) {
+    return lang
+  }
+  each(DESIGNER_LOCALES_STORE.value, (_, key) => {
+    if (key.indexOf(lang) > -1 || String(lang).indexOf(key) > -1) {
+      isoCode = key
+      return false
     }
-    each(DESIGNER_LOCALES_STORE.value, (_, key) => {
-        if (key.indexOf(lang) > -1 || String(lang).indexOf(key) > -1) {
-            isoCode = key;
-            return false;
-        }
-    });
-    return isoCode;
-};
+  })
+  return isoCode
+}
 const reSortBehaviors = (target, sources) => {
-    const findTargetBehavior = (behavior) => target.includes(behavior);
-    const findSourceBehavior = (name) => {
-        for (let key in sources) {
-            const { Behavior } = sources[key];
-            for (let i = 0; i < Behavior.length; i++) {
-                if (Behavior[i].name === name)
-                    return Behavior[i];
-            }
+  const findTargetBehavior = (behavior) => target.includes(behavior)
+  const findSourceBehavior = (name) => {
+    for (let key in sources) {
+      const { Behavior } = sources[key]
+      for (let i = 0; i < Behavior.length; i++) {
+        if (Behavior[i].name === name) return Behavior[i]
+      }
+    }
+  }
+  each(sources, (item) => {
+    if (!item) return
+    if (!isBehaviorHost(item)) return
+    const { Behavior } = item
+    each(Behavior, (behavior) => {
+      if (findTargetBehavior(behavior)) return
+      const name = behavior.name
+      each(behavior.extends, (dep) => {
+        const behavior = findSourceBehavior(dep)
+        if (!behavior)
+          throw new Error(`No ${dep} behavior that ${name} depends on`)
+        if (!findTargetBehavior(behavior)) {
+          target.unshift(behavior)
         }
-    };
-    each(sources, (item) => {
-        if (!item)
-            return;
-        if (!isBehaviorHost(item))
-            return;
-        const { Behavior } = item;
-        each(Behavior, (behavior) => {
-            if (findTargetBehavior(behavior))
-                return;
-            const name = behavior.name;
-            each(behavior.extends, (dep) => {
-                const behavior = findSourceBehavior(dep);
-                if (!behavior)
-                    throw new Error(`No ${dep} behavior that ${name} depends on`);
-                if (!findTargetBehavior(behavior)) {
-                    target.unshift(behavior);
-                }
-            });
-            target.push(behavior);
-        });
-    });
-};
-const DESIGNER_BEHAVIORS_STORE = observable.ref([]);
-const DESIGNER_ICONS_STORE = observable.ref({});
-const DESIGNER_LOCALES_STORE = observable.ref({});
-const DESIGNER_LANGUAGE_STORE = observable.ref(getBrowserLanguage());
+      })
+      target.push(behavior)
+    })
+  })
+}
+const DESIGNER_BEHAVIORS_STORE = observable.ref([])
+const DESIGNER_ICONS_STORE = observable.ref({})
+const DESIGNER_LOCALES_STORE = observable.ref({})
+const DESIGNER_LANGUAGE_STORE = observable.ref(getBrowserLanguage())
 const DESIGNER_GlobalRegistry = {
-    setDesignerLanguage: (lang) => {
-        DESIGNER_LANGUAGE_STORE.value = lang;
-    },
-    setDesignerBehaviors: (behaviors) => {
-        DESIGNER_BEHAVIORS_STORE.value = behaviors.reduce((buf, behavior) => {
-            if (isBehaviorHost(behavior)) {
-                return buf.concat(behavior.Behavior);
-            }
-            else if (isBehaviorList(behavior)) {
-                return buf.concat(behavior);
-            }
-            return buf;
-        }, []);
-    },
-    getDesignerBehaviors: (node) => {
-        return DESIGNER_BEHAVIORS_STORE.value.filter((pattern) => pattern.selector(node));
-    },
-    getDesignerIcon: (name) => {
-        return DESIGNER_ICONS_STORE[name];
-    },
-    getDesignerLanguage: () => {
-        return getISOCode(DESIGNER_LANGUAGE_STORE.value);
-    },
-    getDesignerMessage: (token, locales) => {
-        const lang = getISOCode(DESIGNER_LANGUAGE_STORE.value);
-        const locale = locales ? locales[lang] : DESIGNER_LOCALES_STORE.value[lang];
-        if (!locale) {
-            for (let key in DESIGNER_LOCALES_STORE.value) {
-                const message = Path.getIn(DESIGNER_LOCALES_STORE.value[key], lowerSnake(token));
-                if (message)
-                    return message;
-            }
-            return;
-        }
-        return Path.getIn(locale, lowerSnake(token));
-    },
-    registerDesignerIcons: (map) => {
-        Object.assign(DESIGNER_ICONS_STORE, map);
-    },
-    registerDesignerLocales: (...packages) => {
-        packages.forEach((locales) => {
-            mergeLocales(DESIGNER_LOCALES_STORE.value, locales);
-        });
-    },
-    registerDesignerBehaviors: (...packages) => {
-        const results = [];
-        packages.forEach((sources) => {
-            reSortBehaviors(results, sources);
-        });
-        if (results.length) {
-            DESIGNER_BEHAVIORS_STORE.value = results;
-        }
-    },
-};
-export const GlobalRegistry = DESIGNER_GlobalRegistry;
+  setDesignerLanguage: (lang) => {
+    DESIGNER_LANGUAGE_STORE.value = lang
+  },
+  setDesignerBehaviors: (behaviors) => {
+    DESIGNER_BEHAVIORS_STORE.value = behaviors.reduce((buf, behavior) => {
+      if (isBehaviorHost(behavior)) {
+        return buf.concat(behavior.Behavior)
+      } else if (isBehaviorList(behavior)) {
+        return buf.concat(behavior)
+      }
+      return buf
+    }, [])
+  },
+  getDesignerBehaviors: (node) => {
+    return DESIGNER_BEHAVIORS_STORE.value.filter((pattern) =>
+      pattern.selector(node)
+    )
+  },
+  getDesignerIcon: (name) => {
+    return DESIGNER_ICONS_STORE[name]
+  },
+  getDesignerLanguage: () => {
+    return getISOCode(DESIGNER_LANGUAGE_STORE.value)
+  },
+  getDesignerMessage: (token, locales) => {
+    const lang = getISOCode(DESIGNER_LANGUAGE_STORE.value)
+    const locale = locales ? locales[lang] : DESIGNER_LOCALES_STORE.value[lang]
+    if (!locale) {
+      for (let key in DESIGNER_LOCALES_STORE.value) {
+        const message = Path.getIn(
+          DESIGNER_LOCALES_STORE.value[key],
+          lowerSnake(token)
+        )
+        if (message) return message
+      }
+      return
+    }
+    return Path.getIn(locale, lowerSnake(token))
+  },
+  registerDesignerIcons: (map) => {
+    Object.assign(DESIGNER_ICONS_STORE, map)
+  },
+  registerDesignerLocales: (...packages) => {
+    packages.forEach((locales) => {
+      mergeLocales(DESIGNER_LOCALES_STORE.value, locales)
+    })
+  },
+  registerDesignerBehaviors: (...packages) => {
+    const results = []
+    packages.forEach((sources) => {
+      reSortBehaviors(results, sources)
+    })
+    if (results.length) {
+      DESIGNER_BEHAVIORS_STORE.value = results
+    }
+  },
+}
+export const GlobalRegistry = DESIGNER_GlobalRegistry

package/esm/shortcuts/CursorSwitch.d.ts

@@ -1,2 +1,2 @@
-import { Shortcut } from '../models';
-export declare const CursorSwitchSelection: Shortcut;
+import { Shortcut } from '../models'
+export declare const CursorSwitchSelection: Shortcut

package/esm/shortcuts/CursorSwitch.js

@@ -1,10 +1,10 @@
-import { CursorType, KeyCode, Shortcut } from '../models';
+import { CursorType, KeyCode, Shortcut } from '../models'
 export const CursorSwitchSelection = new Shortcut({
-    codes: [KeyCode.Shift, KeyCode.S],
-    handler(context) {
-        const engine = context?.engine;
-        if (engine) {
-            engine.cursor.setType(CursorType.Selection);
-        }
-    },
-});
+  codes: [KeyCode.Shift, KeyCode.S],
+  handler(context) {
+    const engine = context?.engine
+    if (engine) {
+      engine.cursor.setType(CursorType.Selection)
+    }
+  },
+})

package/esm/shortcuts/MultiSelection.d.ts

@@ -1,5 +1,5 @@
-import { Shortcut } from '../models';
-export declare const SelectNodes: Shortcut;
-export declare const SelectSameTypeNodes: Shortcut;
-export declare const PreventCommandX: Shortcut;
-export declare const SelectAllNodes: Shortcut;
+import { Shortcut } from '../models'
+export declare const SelectNodes: Shortcut
+export declare const SelectSameTypeNodes: Shortcut
+export declare const PreventCommandX: Shortcut
+export declare const SelectAllNodes: Shortcut

package/esm/shortcuts/MultiSelection.js

@@ -1,27 +1,27 @@
-import { KeyCode, Shortcut } from '../models';
+import { KeyCode, Shortcut } from '../models'
 export const SelectNodes = new Shortcut({
-    codes: [[KeyCode.Meta], [KeyCode.Control]],
-});
+  codes: [[KeyCode.Meta], [KeyCode.Control]],
+})
 export const SelectSameTypeNodes = new Shortcut({
-    codes: [KeyCode.Shift],
-});
+  codes: [KeyCode.Shift],
+})
 export const PreventCommandX = new Shortcut({
-    codes: [
-        [KeyCode.Meta, KeyCode.X],
-        [KeyCode.Control, KeyCode.X],
-    ],
-});
+  codes: [
+    [KeyCode.Meta, KeyCode.X],
+    [KeyCode.Control, KeyCode.X],
+  ],
+})
 export const SelectAllNodes = new Shortcut({
-    codes: [
-        [KeyCode.Meta, KeyCode.A],
-        [KeyCode.Control, KeyCode.A],
-    ],
-    handler(context) {
-        const operation = context?.workspace.operation;
-        if (operation) {
-            const tree = operation.tree;
-            const selection = operation.selection;
-            selection.batchSelect(tree.descendants);
-        }
-    },
-});
+  codes: [
+    [KeyCode.Meta, KeyCode.A],
+    [KeyCode.Control, KeyCode.A],
+  ],
+  handler(context) {
+    const operation = context?.workspace.operation
+    if (operation) {
+      const tree = operation.tree
+      const selection = operation.selection
+      selection.batchSelect(tree.descendants)
+    }
+  },
+})

package/esm/shortcuts/NodeMutation.d.ts

@@ -1,7 +1,7 @@
-import { Shortcut } from '../models';
+import { Shortcut } from '../models'
 /**
  * 快捷删除，快捷复制粘贴
  */
-export declare const DeleteNodes: Shortcut;
-export declare const CopyNodes: Shortcut;
-export declare const PasteNodes: Shortcut;
+export declare const DeleteNodes: Shortcut
+export declare const CopyNodes: Shortcut
+export declare const PasteNodes: Shortcut

package/esm/shortcuts/NodeMutation.js

@@ -1,40 +1,40 @@
-import { KeyCode, Shortcut, TreeNode } from '../models';
+import { KeyCode, Shortcut, TreeNode } from '../models'
 /**
  * 快捷删除，快捷复制粘贴
  */
 export const DeleteNodes = new Shortcut({
-    codes: [[KeyCode.Backspace], [KeyCode.Delete]],
-    handler(context) {
-        const operation = context?.workspace.operation;
-        if (operation) {
-            TreeNode.remove(operation.selection.selectedNodes);
-        }
-    },
-});
+  codes: [[KeyCode.Backspace], [KeyCode.Delete]],
+  handler(context) {
+    const operation = context?.workspace.operation
+    if (operation) {
+      TreeNode.remove(operation.selection.selectedNodes)
+    }
+  },
+})
 const Clipboard = {
-    nodes: [],
-};
+  nodes: [],
+}
 export const CopyNodes = new Shortcut({
-    codes: [
-        [KeyCode.Meta, KeyCode.C],
-        [KeyCode.Control, KeyCode.C],
-    ],
-    handler(context) {
-        const operation = context?.workspace.operation;
-        if (operation) {
-            Clipboard.nodes = operation.selection.selectedNodes;
-        }
-    },
-});
+  codes: [
+    [KeyCode.Meta, KeyCode.C],
+    [KeyCode.Control, KeyCode.C],
+  ],
+  handler(context) {
+    const operation = context?.workspace.operation
+    if (operation) {
+      Clipboard.nodes = operation.selection.selectedNodes
+    }
+  },
+})
 export const PasteNodes = new Shortcut({
-    codes: [
-        [KeyCode.Meta, KeyCode.V],
-        [KeyCode.Control, KeyCode.V],
-    ],
-    handler(context) {
-        const operation = context?.workspace.operation;
-        if (operation) {
-            TreeNode.clone(Clipboard.nodes);
-        }
-    },
-});
+  codes: [
+    [KeyCode.Meta, KeyCode.V],
+    [KeyCode.Control, KeyCode.V],
+  ],
+  handler(context) {
+    const operation = context?.workspace.operation
+    if (operation) {
+      TreeNode.clone(Clipboard.nodes)
+    }
+  },
+})

package/esm/shortcuts/QuickSelection.d.ts

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