@thienvu18/designable-core 2.0.1 → 2.0.2

package/lib/presets.js

@@ -1,41 +1,44 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DEFAULT_SHORTCUTS = exports.DEFAULT_DRIVERS = exports.DEFAULT_EFFECTS = void 0;
-const drivers_1 = require("./drivers");
-const effects_1 = require("./effects");
-const shortcuts_1 = require("./shortcuts");
+'use strict'
+Object.defineProperty(exports, '__esModule', { value: true })
+exports.DEFAULT_SHORTCUTS =
+  exports.DEFAULT_DRIVERS =
+  exports.DEFAULT_EFFECTS =
+    void 0
+const drivers_1 = require('./drivers')
+const effects_1 = require('./effects')
+const shortcuts_1 = require('./shortcuts')
 exports.DEFAULT_EFFECTS = [
-    effects_1.useFreeSelectionEffect,
-    effects_1.useCursorEffect,
-    effects_1.useViewportEffect,
-    effects_1.useDragDropEffect,
-    effects_1.useSelectionEffect,
-    effects_1.useKeyboardEffect,
-    effects_1.useAutoScrollEffect,
-    effects_1.useWorkspaceEffect,
-    effects_1.useContentEditableEffect,
-    effects_1.useTranslateEffect,
-    effects_1.useResizeEffect,
-];
+  effects_1.useFreeSelectionEffect,
+  effects_1.useCursorEffect,
+  effects_1.useViewportEffect,
+  effects_1.useDragDropEffect,
+  effects_1.useSelectionEffect,
+  effects_1.useKeyboardEffect,
+  effects_1.useAutoScrollEffect,
+  effects_1.useWorkspaceEffect,
+  effects_1.useContentEditableEffect,
+  effects_1.useTranslateEffect,
+  effects_1.useResizeEffect,
+]
 exports.DEFAULT_DRIVERS = [
-    drivers_1.MouseMoveDriver,
-    drivers_1.DragDropDriver,
-    drivers_1.MouseClickDriver,
-    drivers_1.ViewportResizeDriver,
-    drivers_1.ViewportScrollDriver,
-    drivers_1.KeyboardDriver,
-];
+  drivers_1.MouseMoveDriver,
+  drivers_1.DragDropDriver,
+  drivers_1.MouseClickDriver,
+  drivers_1.ViewportResizeDriver,
+  drivers_1.ViewportScrollDriver,
+  drivers_1.KeyboardDriver,
+]
 exports.DEFAULT_SHORTCUTS = [
-    shortcuts_1.PreventCommandX,
-    shortcuts_1.SelectNodes,
-    shortcuts_1.SelectAllNodes,
-    shortcuts_1.SelectSameTypeNodes,
-    shortcuts_1.DeleteNodes,
-    shortcuts_1.CopyNodes,
-    shortcuts_1.PasteNodes,
-    shortcuts_1.SelectPrevNode,
-    shortcuts_1.SelectNextNode,
-    shortcuts_1.UndoMutation,
-    shortcuts_1.RedoMutation,
-    shortcuts_1.CursorSwitchSelection,
-];
+  shortcuts_1.PreventCommandX,
+  shortcuts_1.SelectNodes,
+  shortcuts_1.SelectAllNodes,
+  shortcuts_1.SelectSameTypeNodes,
+  shortcuts_1.DeleteNodes,
+  shortcuts_1.CopyNodes,
+  shortcuts_1.PasteNodes,
+  shortcuts_1.SelectPrevNode,
+  shortcuts_1.SelectNextNode,
+  shortcuts_1.UndoMutation,
+  shortcuts_1.RedoMutation,
+  shortcuts_1.CursorSwitchSelection,
+]

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

@@ -1,116 +1,117 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GlobalRegistry = void 0;
-const designable_shared_1 = require("@thienvu18/designable-shared");
-const path_1 = require("@formily/path");
-const reactive_1 = require("@formily/reactive");
-const internals_1 = require("./internals");
-const externals_1 = require("./externals");
-const externals_2 = require("./externals");
+'use strict'
+Object.defineProperty(exports, '__esModule', { value: true })
+exports.GlobalRegistry = void 0
+const designable_shared_1 = require('@thienvu18/designable-shared')
+const path_1 = require('@formily/path')
+const reactive_1 = require('@formily/reactive')
+const internals_1 = require('./internals')
+const externals_1 = require('./externals')
+const externals_2 = require('./externals')
 const getISOCode = (language) => {
-    let isoCode = DESIGNER_LANGUAGE_STORE.value;
-    let lang = (0, internals_1.lowerSnake)(language);
-    if (DESIGNER_LOCALES_STORE.value[lang]) {
-        return lang;
+  let isoCode = DESIGNER_LANGUAGE_STORE.value
+  let lang = (0, internals_1.lowerSnake)(language)
+  if (DESIGNER_LOCALES_STORE.value[lang]) {
+    return lang
+  }
+  ;(0, designable_shared_1.each)(DESIGNER_LOCALES_STORE.value, (_, key) => {
+    if (key.indexOf(lang) > -1 || String(lang).indexOf(key) > -1) {
+      isoCode = key
+      return false
     }
-    (0, designable_shared_1.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]
+      }
+    }
+  }
+  ;(0, designable_shared_1.each)(sources, (item) => {
+    if (!item) return
+    if (!(0, externals_1.isBehaviorHost)(item)) return
+    const { Behavior } = item
+    ;(0, designable_shared_1.each)(Behavior, (behavior) => {
+      if (findTargetBehavior(behavior)) return
+      const name = behavior.name
+      ;(0, designable_shared_1.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)
         }
-    };
-    (0, designable_shared_1.each)(sources, (item) => {
-        if (!item)
-            return;
-        if (!(0, externals_1.isBehaviorHost)(item))
-            return;
-        const { Behavior } = item;
-        (0, designable_shared_1.each)(Behavior, (behavior) => {
-            if (findTargetBehavior(behavior))
-                return;
-            const name = behavior.name;
-            (0, designable_shared_1.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 = reactive_1.observable.ref([]);
-const DESIGNER_ICONS_STORE = reactive_1.observable.ref({});
-const DESIGNER_LOCALES_STORE = reactive_1.observable.ref({});
-const DESIGNER_LANGUAGE_STORE = reactive_1.observable.ref((0, internals_1.getBrowserLanguage)());
+      })
+      target.push(behavior)
+    })
+  })
+}
+const DESIGNER_BEHAVIORS_STORE = reactive_1.observable.ref([])
+const DESIGNER_ICONS_STORE = reactive_1.observable.ref({})
+const DESIGNER_LOCALES_STORE = reactive_1.observable.ref({})
+const DESIGNER_LANGUAGE_STORE = reactive_1.observable.ref(
+  (0, internals_1.getBrowserLanguage)()
+)
 const DESIGNER_GlobalRegistry = {
-    setDesignerLanguage: (lang) => {
-        DESIGNER_LANGUAGE_STORE.value = lang;
-    },
-    setDesignerBehaviors: (behaviors) => {
-        DESIGNER_BEHAVIORS_STORE.value = behaviors.reduce((buf, behavior) => {
-            if ((0, externals_1.isBehaviorHost)(behavior)) {
-                return buf.concat(behavior.Behavior);
-            }
-            else if ((0, externals_2.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_1.Path.getIn(DESIGNER_LOCALES_STORE.value[key], (0, internals_1.lowerSnake)(token));
-                if (message)
-                    return message;
-            }
-            return;
-        }
-        return path_1.Path.getIn(locale, (0, internals_1.lowerSnake)(token));
-    },
-    registerDesignerIcons: (map) => {
-        Object.assign(DESIGNER_ICONS_STORE, map);
-    },
-    registerDesignerLocales: (...packages) => {
-        packages.forEach((locales) => {
-            (0, internals_1.mergeLocales)(DESIGNER_LOCALES_STORE.value, locales);
-        });
-    },
-    registerDesignerBehaviors: (...packages) => {
-        const results = [];
-        packages.forEach((sources) => {
-            reSortBehaviors(results, sources);
-        });
-        if (results.length) {
-            DESIGNER_BEHAVIORS_STORE.value = results;
-        }
-    },
-};
-exports.GlobalRegistry = DESIGNER_GlobalRegistry;
+  setDesignerLanguage: (lang) => {
+    DESIGNER_LANGUAGE_STORE.value = lang
+  },
+  setDesignerBehaviors: (behaviors) => {
+    DESIGNER_BEHAVIORS_STORE.value = behaviors.reduce((buf, behavior) => {
+      if ((0, externals_1.isBehaviorHost)(behavior)) {
+        return buf.concat(behavior.Behavior)
+      } else if ((0, externals_2.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_1.Path.getIn(
+          DESIGNER_LOCALES_STORE.value[key],
+          (0, internals_1.lowerSnake)(token)
+        )
+        if (message) return message
+      }
+      return
+    }
+    return path_1.Path.getIn(locale, (0, internals_1.lowerSnake)(token))
+  },
+  registerDesignerIcons: (map) => {
+    Object.assign(DESIGNER_ICONS_STORE, map)
+  },
+  registerDesignerLocales: (...packages) => {
+    packages.forEach((locales) => {
+      ;(0, internals_1.mergeLocales)(DESIGNER_LOCALES_STORE.value, locales)
+    })
+  },
+  registerDesignerBehaviors: (...packages) => {
+    const results = []
+    packages.forEach((sources) => {
+      reSortBehaviors(results, sources)
+    })
+    if (results.length) {
+      DESIGNER_BEHAVIORS_STORE.value = results
+    }
+  },
+}
+exports.GlobalRegistry = DESIGNER_GlobalRegistry

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

@@ -1,13 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CursorSwitchSelection = void 0;
-const models_1 = require("../models");
+'use strict'
+Object.defineProperty(exports, '__esModule', { value: true })
+exports.CursorSwitchSelection = void 0
+const models_1 = require('../models')
 exports.CursorSwitchSelection = new models_1.Shortcut({
-    codes: [models_1.KeyCode.Shift, models_1.KeyCode.S],
-    handler(context) {
-        const engine = context?.engine;
-        if (engine) {
-            engine.cursor.setType(models_1.CursorType.Selection);
-        }
-    },
-});
+  codes: [models_1.KeyCode.Shift, models_1.KeyCode.S],
+  handler(context) {
+    const engine = context?.engine
+    if (engine) {
+      engine.cursor.setType(models_1.CursorType.Selection)
+    }
+  },
+})

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

@@ -1,30 +1,34 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SelectAllNodes = exports.PreventCommandX = exports.SelectSameTypeNodes = exports.SelectNodes = void 0;
-const models_1 = require("../models");
+'use strict'
+Object.defineProperty(exports, '__esModule', { value: true })
+exports.SelectAllNodes =
+  exports.PreventCommandX =
+  exports.SelectSameTypeNodes =
+  exports.SelectNodes =
+    void 0
+const models_1 = require('../models')
 exports.SelectNodes = new models_1.Shortcut({
-    codes: [[models_1.KeyCode.Meta], [models_1.KeyCode.Control]],
-});
+  codes: [[models_1.KeyCode.Meta], [models_1.KeyCode.Control]],
+})
 exports.SelectSameTypeNodes = new models_1.Shortcut({
-    codes: [models_1.KeyCode.Shift],
-});
+  codes: [models_1.KeyCode.Shift],
+})
 exports.PreventCommandX = new models_1.Shortcut({
-    codes: [
-        [models_1.KeyCode.Meta, models_1.KeyCode.X],
-        [models_1.KeyCode.Control, models_1.KeyCode.X],
-    ],
-});
+  codes: [
+    [models_1.KeyCode.Meta, models_1.KeyCode.X],
+    [models_1.KeyCode.Control, models_1.KeyCode.X],
+  ],
+})
 exports.SelectAllNodes = new models_1.Shortcut({
-    codes: [
-        [models_1.KeyCode.Meta, models_1.KeyCode.A],
-        [models_1.KeyCode.Control, models_1.KeyCode.A],
-    ],
-    handler(context) {
-        const operation = context?.workspace.operation;
-        if (operation) {
-            const tree = operation.tree;
-            const selection = operation.selection;
-            selection.batchSelect(tree.descendants);
-        }
-    },
-});
+  codes: [
+    [models_1.KeyCode.Meta, models_1.KeyCode.A],
+    [models_1.KeyCode.Control, models_1.KeyCode.A],
+  ],
+  handler(context) {
+    const operation = context?.workspace.operation
+    if (operation) {
+      const tree = operation.tree
+      const selection = operation.selection
+      selection.batchSelect(tree.descendants)
+    }
+  },
+})

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

@@ -1,43 +1,43 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PasteNodes = exports.CopyNodes = exports.DeleteNodes = void 0;
-const models_1 = require("../models");
+'use strict'
+Object.defineProperty(exports, '__esModule', { value: true })
+exports.PasteNodes = exports.CopyNodes = exports.DeleteNodes = void 0
+const models_1 = require('../models')
 /**
  * 快捷删除，快捷复制粘贴
  */
 exports.DeleteNodes = new models_1.Shortcut({
-    codes: [[models_1.KeyCode.Backspace], [models_1.KeyCode.Delete]],
-    handler(context) {
-        const operation = context?.workspace.operation;
-        if (operation) {
-            models_1.TreeNode.remove(operation.selection.selectedNodes);
-        }
-    },
-});
+  codes: [[models_1.KeyCode.Backspace], [models_1.KeyCode.Delete]],
+  handler(context) {
+    const operation = context?.workspace.operation
+    if (operation) {
+      models_1.TreeNode.remove(operation.selection.selectedNodes)
+    }
+  },
+})
 const Clipboard = {
-    nodes: [],
-};
+  nodes: [],
+}
 exports.CopyNodes = new models_1.Shortcut({
-    codes: [
-        [models_1.KeyCode.Meta, models_1.KeyCode.C],
-        [models_1.KeyCode.Control, models_1.KeyCode.C],
-    ],
-    handler(context) {
-        const operation = context?.workspace.operation;
-        if (operation) {
-            Clipboard.nodes = operation.selection.selectedNodes;
-        }
-    },
-});
+  codes: [
+    [models_1.KeyCode.Meta, models_1.KeyCode.C],
+    [models_1.KeyCode.Control, models_1.KeyCode.C],
+  ],
+  handler(context) {
+    const operation = context?.workspace.operation
+    if (operation) {
+      Clipboard.nodes = operation.selection.selectedNodes
+    }
+  },
+})
 exports.PasteNodes = new models_1.Shortcut({
-    codes: [
-        [models_1.KeyCode.Meta, models_1.KeyCode.V],
-        [models_1.KeyCode.Control, models_1.KeyCode.V],
-    ],
-    handler(context) {
-        const operation = context?.workspace.operation;
-        if (operation) {
-            models_1.TreeNode.clone(Clipboard.nodes);
-        }
-    },
-});
+  codes: [
+    [models_1.KeyCode.Meta, models_1.KeyCode.V],
+    [models_1.KeyCode.Control, models_1.KeyCode.V],
+  ],
+  handler(context) {
+    const operation = context?.workspace.operation
+    if (operation) {
+      models_1.TreeNode.clone(Clipboard.nodes)
+    }
+  },
+})

package/lib/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