init - 初始化 API

模块简介

提供 init 等方法

方法签名

1. init

初始化引擎

方法定义

  1. function init(container?: Element, options?: EngineOptions): void

初始化引擎的参数

  1. interface EngineOptions {
  2.   /**
  3.    * 是否开启 condition 的能力，默认在设计器中不管 condition 是啥都正常展示
  4.    */
  5.   enableCondition?: boolean;
  6.   /**
  7.    * 开启拖拽组件时，即将被放入的容器是否有视觉反馈，默认值：false
  8.    */
  9.   enableReactiveContainer?: boolean;
  10.   /**
  11.    * 关闭画布自动渲染，在资产包多重异步加载的场景有效，默认值：false
  12.    */
  13.   disableAutoRender?: boolean;
  14.   /**
  15.    * 打开画布的锁定操作，默认值：false
  16.    */
  17.   enableCanvasLock?: boolean;
  18.   /**
  19.    * 容器锁定后，容器本身是否可以设置属性，仅当画布锁定特性开启时生效， 默认值为：false
  20.    */
  21.   enableLockedNodeSetting?: boolean;
  22.   /**
  23.    * 开启画布上的鼠标事件的冒泡，默认值：false
  24.    */
  25.   enableMouseEventPropagationInCanvas?: boolean;
  26.   /**
  27.    * 关闭拖拽组件时的虚线响应，性能考虑，默认值：false
  28.    */
  29.   disableDetecting?: boolean;
  30.   /**
  31.    * 定制画布中点击被忽略的 selectors，默认值：undefined
  32.    */
  33.   customizeIgnoreSelectors?: (defaultIgnoreSelectors: string[]) => string[];
  34.   /**
  35.    * 禁止默认的设置面板，默认值：false
  36.    */
  37.   disableDefaultSettingPanel?: boolean;
  38.   /**
  39.    * 禁止默认的设置器，默认值：false
  40.    */
  41.   disableDefaultSetters?: boolean;
  42.   /**
  43.    * 当选中节点切换时，是否停留在相同的设置 tab 上，默认值：false
  44.    */
  45.   stayOnTheSameSettingTab?: boolean;
  46.   /**
  47.    * 自定义 loading 组件
  48.    */
  49.   loadingComponent?: ComponentType;
  50.   /**
  51.    * 指定大纲树的扩展参数，无默认值
  52.    */
  53.   defaultOutlinePaneProps?: Record<string, any>;
  54.   };
  55.   [key: string]: any;
  56. }

使用示例

  1. import { init } from '@alilc/lowcode-engine';
  3. init(document.getElementById('engine'), {
  4.   enableCondition: false,
  5. });