+> **@types** [IPublicTypeEngineOptions](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/engine-options.ts)
## 配置方式 #### init API ```javascript -import { init } from '@alilc/lowcode-engine'; +import { init } from '@felce/lowcode-engine'; init(document.getElementById('engine'), { enableCondition: false, @@ -22,17 +22,16 @@ init(document.getElementById('engine'), { #### config API ```javascript -import { config } from '@alilc/lowcode-engine'; +import { config } from '@felce/lowcode-engine'; -config.set('enableCondition', false) +config.set('enableCondition', false); ``` [**config api**](./config) ## 配置详情 -> 源码详见 [IPublicTypeEngineOptions](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/engine-options.ts) - +> 源码详见 [IPublicTypeEngineOptions](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/engine-options.ts) ### 画布 @@ -73,7 +72,6 @@ config.set('enableCondition', false) 与 react-renderer 的 appHelper 一致，https://lowcode-engine.cn/site/docs/guide/expand/runtime/renderer#apphelper - #### enableCondition `@type {boolean}` @@ -159,8 +157,8 @@ config.set('enableCondition', false) '.next-calendar-header', '.next-calendar-table', '.editor-container', // 富文本组件 - ] -} + ]; +}; ``` #### enableCanvasLock @@ -197,7 +195,6 @@ config.set('enableCondition', false) 关闭拖拽组件时的虚线响应，性能考虑 - #### disableDefaultSettingPanel `@type {boolean}` `@default {false}` @@ -303,4 +300,3 @@ customPluginTransducer: async (originPlugin: IPublicTypePlugin, ctx: IPublicMode `@type {object}` 大纲树插件面板默认 props - diff --git a/docs/docs/api/event.md b/docs/docs/api/event.md index c2e86f7106..ad60a6cee7 100644 --- a/docs/docs/api/event.md +++ b/docs/docs/api/event.md @@ -3,15 +3,16 @@ title: event - 事件 API sidebar_position: 10 --- -> **@types** [IPublicApiEvent](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/api/event.ts)
-> **@since** v1.0.0 - +> **@types** [IPublicApiEvent](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/api/event.ts)
> **@since** v1.0.0 ## 模块简介 + 负责事件处理 API，支持自定义监听事件、触发事件。 ## 方法 + ### on + 监听事件 ```typescript @@ -23,9 +24,11 @@ sidebar_position: 10 */ on(event: string, listener: (...args: any[]) => void): IPublicTypeDisposable; ``` -相关类型：[IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) + +相关类型：[IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) ### prependListener + 监听事件，会在其他回调函数之前执行 ```typescript @@ -36,9 +39,11 @@ on(event: string, listener: (...args: any[]) => void): IPublicTypeDisposable; */ prependListener(event: string, listener: (...args: any[]) => void): IPublicTypeDisposable; ``` -相关类型：[IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) + +相关类型：[IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) ### off + 取消监听事件 ```typescript @@ -52,6 +57,7 @@ off(event: string, listener: (...args: any[]) => void): void; ``` ### emit + 触发事件 ```typescript @@ -66,6 +72,7 @@ emit(event: string, ...args: any[]): void; ``` ## 使用示例 + ### 事件触发和监听 ```typescript @@ -80,9 +87,11 @@ event.emit(eventName); ``` ### setter 和 setter/plugin 之间的联动 + 在 A setter 中进行事件注册： + ```typescript -import { event } from '@alilc/lowcode-engine'; +import { event } from '@felce/lowcode-engine'; const SETTER_NAME = 'SetterA'; @@ -90,28 +99,30 @@ class SetterA extends React.Component { componentDidMount() { // 这里由于面板上会有多个 setter，使用 field.id 来标记 setter 名 this.emitEventName = `${SETTER_NAME}-${this.props.field.id}`; - event.on(`common:${this.emitEventName}.bindEvent`, this.bindEvent) + event.on(`common:${this.emitEventName}.bindEvent`, this.bindEvent); } bindEvent = (eventName) => { // do someting - } + }; componentWillUnmount() { - // setter 是以实例为单位的，每个 setter 注销的时候需要把事件也注销掉，避免事件池过多 - event.off(`common:${this.emitEventName}.bindEvent`, this.bindEvent) + // setter 是以实例为单位的，每个 setter 注销的时候需要把事件也注销掉，避免事件池过多 + event.off(`common:${this.emitEventName}.bindEvent`, this.bindEvent); } } ``` + 在 B setter 中触发事件，来完成通信： + ```typescript -import { event } from '@alilc/lowcode-engine'; +import { event } from '@felce/lowcode-engine'; class SetterB extends React.Component { bindFunction = () => { const { field, value } = this.props; // 这里展示的和插件进行通信，事件规则是插件名 + 方法 event.emit('eventBindDialog.openDialog', field.name, this.emitEventName); - } + }; } ``` diff --git a/docs/docs/api/hotkey.md b/docs/docs/api/hotkey.md index be6a3033d0..f8a0bc0aeb 100644 --- a/docs/docs/api/hotkey.md +++ b/docs/docs/api/hotkey.md @@ -1,16 +1,18 @@ --- -title: hotkey - 快捷键 API +title: hotkey - 快捷键 API sidebar_position: 10 --- -> **@types** [IPublicApiHotkey](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/api/hotkey.ts)
-> **@since** v1.0.0 +> **@types** [IPublicApiHotkey](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/api/hotkey.ts)
> **@since** v1.0.0 ## 模块简介 + 绑定快捷键 API，可以自定义项目快捷键使用。 ## 方法 + ### bind + 绑定快捷键 ```typescript @@ -28,13 +30,16 @@ bind( action?: string, ): IPublicTypeDisposable; ``` + 相关 types -- [IPublicTypeHotkeyCallback](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/hotkey-callback.ts) -- [IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) +- [IPublicTypeHotkeyCallback](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/hotkey-callback.ts) +- [IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) ## 使用示例 + ### 基础示例 + ```typescript hotkey.bind('command+s', (e) => { e.preventDefault(); @@ -43,6 +48,7 @@ hotkey.bind('command+s', (e) => { ``` ### 同时绑定多个快捷键 + ```typescript hotkey.bind(['command+s', 'command+c'], (e) => { e.preventDefault(); @@ -51,10 +57,9 @@ hotkey.bind(['command+s', 'command+c'], (e) => { ``` ### 保存快捷键配置 + ```typescript -import { - hotkey, -} from '@alilc/lowcode-engine'; +import { hotkey } from '@felce/lowcode-engine'; function saveSchema(schema) { // 保存 schema 相关操作 @@ -70,7 +75,7 @@ const saveSampleHotKey = (ctx: IPublicModelPluginContext) => { }); }, }; -} +}; saveSampleHotKey.pluginName = 'saveSampleHotKey'; plugins.register(saveSampleHotKey); diff --git a/docs/docs/api/init.md b/docs/docs/api/init.md index dd84d9c00f..2ee89029bd 100644 --- a/docs/docs/api/init.md +++ b/docs/docs/api/init.md @@ -5,24 +5,28 @@ sidebar_position: 0 > **@since** v1.0.0 - ## 模块简介 + 提供 init 等方法 + ## 方法 + #### init + 初始化引擎 **方法定义** + ```typescript -function init(container?: Element, options?: IPublicTypeEngineOptions): void +function init(container?: Element, options?: IPublicTypeEngineOptions): void; ``` [**初始化引擎配置参数列表**](./configOptions) - ## 使用示例 + ```typescript -import { init } from '@alilc/lowcode-engine'; +import { init } from '@felce/lowcode-engine'; init(document.getElementById('engine'), { enableCondition: false, @@ -30,8 +34,9 @@ init(document.getElementById('engine'), { ``` ### 默认打开移动端画布 + ```typescript -import { init } from '@alilc/lowcode-engine'; +import { init } from '@felce/lowcode-engine'; init({ device: 'mobile', @@ -39,8 +44,9 @@ init({ ``` ### 使用 utils 第三方工具扩展 + ```json -import { init } from '@alilc/lowcode-engine'; +import { init } from '@felce/lowcode-engine'; init({ device: 'mobile', diff --git a/docs/docs/api/logger.md b/docs/docs/api/logger.md index 38d986258b..ce4aa2fea6 100644 --- a/docs/docs/api/logger.md +++ b/docs/docs/api/logger.md @@ -3,12 +3,12 @@ title: logger - 日志 API sidebar_position: 10 --- -> **@types** [IPublicApiLogger](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/api/logger.ts)
-> **@since** v1.0.0 - +> **@types** [IPublicApiLogger](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/api/logger.ts)
> **@since** v1.0.0 ## 模块简介 + 引擎日志模块，可以按照 **日志级别 **和** 业务类型 **两个维度来定制日志。 + > 注：日志级别可以通过 url query 动态调整，详见下方[查看示例](#查看示例)。
> 参考 [zen-logger](https://web.npm.alibaba-inc.com/package/zen-logger) 实现进行封装 @@ -46,7 +46,7 @@ log(...args: any | any[]): void; ## 输出示例 ```typescript -import { Logger } from '@alilc/lowcode-utils'; +import { Logger } from '@felce/lowcode-utils'; const logger = new Logger({ level: 'warn', bizName: 'myPlugin:moduleA' }); logger.log('Awesome Low-Code Engine'); ``` @@ -56,7 +56,7 @@ logger.log('Awesome Low-Code Engine'); 开启查看方式： - 方式 1：所有 logger 创建时会有默认输出的 level, 默认为 warn , 即只展示 warn , error -- 方式 2：url 上追加 __logConf__进行开启，示例如下 +- 方式 2：url 上追加 **logConf**进行开启，示例如下 ``` https://lowcode-engine.cn/demo/demo-general/index.html?__logConf__=warn diff --git a/docs/docs/api/material.md b/docs/docs/api/material.md index 0e09441275..4493433499 100644 --- a/docs/docs/api/material.md +++ b/docs/docs/api/material.md @@ -3,16 +3,18 @@ title: material - 物料 API sidebar_position: 10 --- -> **@types** [IPublicApiMaterial](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/api/material.ts)
-> **@since** v1.0.0 - +> **@types** [IPublicApiMaterial](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/api/material.ts)
> **@since** v1.0.0 ## 模块简介 + 负责物料相关的 API，包括资产包、设计器辅助层、物料元数据和物料元数据管道函数。 ## 变量 + ### componentsMap + 获取组件 map 结构 + ```typescript /** * 获取组件 map 结构 @@ -20,12 +22,15 @@ sidebar_position: 10 */ get componentsMap(): { [key: string]: IPublicTypeNpmInfo | ComponentType
-> **@since** v1.1.0 +> **@types** [IPublicModelClipboard](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/clipboard.ts)
> **@since** v1.1.0 ## 方法 @@ -40,4 +39,4 @@ waitPasteData( keyboardEvent: KeyboardEvent, cb: (data: any, clipboardEvent: ClipboardEvent) => void, ): void; -``` \ No newline at end of file +``` diff --git a/docs/docs/api/model/component-meta.md b/docs/docs/api/model/component-meta.md index 28f7fe7407..33f3ff1dc9 100644 --- a/docs/docs/api/model/component-meta.md +++ b/docs/docs/api/model/component-meta.md @@ -3,8 +3,7 @@ title: ComponentMeta sidebar_position: 15 --- -> **@types** [IPublicModelComponentMeta](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/component-meta.ts)
-> **@since** v1.0.0 +> **@types** [IPublicModelComponentMeta](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/component-meta.ts)
> **@since** v1.0.0 ## 基本介绍 @@ -25,9 +24,11 @@ sidebar_position: 15 `@type {boolean}` ### isMinimalRenderUnit + 是否是最小渲染单元 当组件需要重新渲染时： + - 若为最小渲染单元，则只渲染当前组件， - 若不为最小渲染单元，则寻找到上层最近的最小渲染单元进行重新渲染，直至根节点。 @@ -45,7 +46,7 @@ sidebar_position: 15 `@type {IPublicTypeFieldConfig[]}` -相关类型：[IPublicTypeFieldConfig](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/field-config.ts) +相关类型：[IPublicTypeFieldConfig](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/field-config.ts) ### title @@ -53,7 +54,7 @@ sidebar_position: 15 `@type {string | IPublicTypeI18nData | ReactElement}` -相关类型：[IPublicTypeI18nData](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/i18n-data.ts) +相关类型：[IPublicTypeI18nData](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/i18n-data.ts) ### icon @@ -61,7 +62,7 @@ sidebar_position: 15 `@type {IPublicTypeIconType}` -相关类型：[IPublicTypeIconType](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/icon-type.ts) +相关类型：[IPublicTypeIconType](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/icon-type.ts) ### npm @@ -69,7 +70,7 @@ sidebar_position: 15 `@type {IPublicTypeNpmInfo}` -相关类型：[IPublicTypeNpmInfo](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/npm-info.ts) +相关类型：[IPublicTypeNpmInfo](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/npm-info.ts) ### availableActions @@ -77,7 +78,7 @@ sidebar_position: 15 `@type {IPublicTypeTransformedComponentMetadata}` -相关类型：[IPublicTypeTransformedComponentMetadata](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/transformed-component-metadata.ts) +相关类型：[IPublicTypeTransformedComponentMetadata](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/transformed-component-metadata.ts) ### advanced @@ -85,7 +86,7 @@ sidebar_position: 15 `@type {IPublicTypeAdvanced}` -相关类型：[IPublicTypeAdvanced](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/advanced.ts) +相关类型：[IPublicTypeAdvanced](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/advanced.ts) ## 方法 @@ -102,7 +103,7 @@ sidebar_position: 15 setNpm(npm: IPublicTypeNpmInfo): void; ``` -相关类型：[IPublicTypeNpmInfo](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/npm-info.ts) +相关类型：[IPublicTypeNpmInfo](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/npm-info.ts) ### getMetadata @@ -116,7 +117,7 @@ setNpm(npm: IPublicTypeNpmInfo): void; getMetadata(): IPublicTypeTransformedComponentMetadata; ``` -相关类型：[IPublicTypeTransformedComponentMetadata](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/transformed-component-metadata.ts) +相关类型：[IPublicTypeTransformedComponentMetadata](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/transformed-component-metadata.ts) ### checkNestingUp @@ -133,9 +134,9 @@ checkNestingUp(my: IPublicModelNode | IPublicTypeNodeData, parent: any): boolean ``` 相关类型： -- [IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) -- [IPublicTypeNodeData](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/node-data.ts) +- [IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) +- [IPublicTypeNodeData](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/node-data.ts) ### checkNestingDown @@ -155,10 +156,10 @@ checkNestingDown( ``` 相关类型： -- [IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) -- [IPublicTypeNodeData](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/node-data.ts) -- [IPublicTypeNodeSchema](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/node-schema.ts) +- [IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) +- [IPublicTypeNodeData](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/node-data.ts) +- [IPublicTypeNodeSchema](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/node-schema.ts) ### refreshMetadata diff --git a/docs/docs/api/model/detecting.md b/docs/docs/api/model/detecting.md index ccd60e3a65..5155ee6ac8 100644 --- a/docs/docs/api/model/detecting.md +++ b/docs/docs/api/model/detecting.md @@ -2,8 +2,8 @@ title: Detecting sidebar_position: 6 --- -> **@types** [IPublicModelDetecting](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/detecting.ts)
-> **@since** v1.0.0 + +> **@types** [IPublicModelDetecting](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/detecting.ts)
> **@since** v1.0.0 ## 基本介绍 @@ -17,7 +17,7 @@ sidebar_position: 6 `@type {IPublicModelNode | null}` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) **@since v1.0.16** @@ -27,8 +27,8 @@ sidebar_position: 6 `@type {boolean}` - ## 方法 + ### capture hover 指定节点 @@ -68,7 +68,9 @@ leave(): void; ``` ## 事件 + ### onDetectingChange + hover 节点变化事件 ```typescript @@ -81,7 +83,8 @@ onDetectingChange(fn: (node: IPublicModelNode | null) => void): IPublicTypeDispo ``` 相关类型： -- [IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) -- [IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) -**@since v1.1.0** \ No newline at end of file +- [IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) +- [IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) + +**@since v1.1.0** diff --git a/docs/docs/api/model/document-model.md b/docs/docs/api/model/document-model.md index 8d813e7678..4c81ba8020 100644 --- a/docs/docs/api/model/document-model.md +++ b/docs/docs/api/model/document-model.md @@ -2,8 +2,8 @@ title: DocumentModel sidebar_position: 0 --- -> **@types** [IPublicModelDocumentModel](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/document-model.ts)
-> **@since** v1.0.0 + +> **@types** [IPublicModelDocumentModel](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/document-model.ts)
> **@since** v1.0.0 ## 基本介绍 @@ -25,7 +25,7 @@ sidebar_position: 0 相关章节：[节点选中区模型](./selection) -相关类型：[IPublicModelSelection](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/selection.ts) +相关类型：[IPublicModelSelection](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/selection.ts) ### detecting @@ -35,7 +35,7 @@ sidebar_position: 0 相关章节：[画布节点悬停模型](./detecting) -相关类型：[IPublicModelDetecting](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/detecting.ts) +相关类型：[IPublicModelDetecting](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/detecting.ts) ### history @@ -45,7 +45,7 @@ sidebar_position: 0 相关章节：[操作历史模型](./history) -相关类型：[IPublicModelHistory](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/history.ts) +相关类型：[IPublicModelHistory](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/history.ts) ### project @@ -53,7 +53,7 @@ sidebar_position: 0 `@type {IPublicApiProject}` -相关类型：[IPublicApiProject](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/api/project.ts) +相关类型：[IPublicApiProject](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/api/project.ts) ### root @@ -61,7 +61,7 @@ sidebar_position: 0 `@type {IPublicModelNode | null}` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) ### nodesMap @@ -69,10 +69,9 @@ sidebar_position: 0 `@type {Map
-> **@since** v1.0.0 + +> **@types** [IPublicModelDragon](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/dragon.ts)
> **@since** v1.0.0 ## 基本介绍 拖拽对象 ### 对应接口 + ```typescript -import { IPublicModelDragon } from '@alilc/lowcode-types'; +import { IPublicModelDragon } from '@felce/lowcode-types'; ``` ### 支持版本 @@ -50,6 +51,7 @@ onDragstart(func: (e: IPublicModelLocateEvent) => any): () => void; ### onDrag 绑定 drag 事件 + ```typescript /** * 绑定 drag 事件 @@ -93,6 +95,7 @@ from(shell: Element, boost: (e: MouseEvent) => IPublicTypeDragNodeDataObject | n ### boost 发射拖拽对象 + ```typescript /** * 发射拖拽对象 @@ -126,4 +129,4 @@ addSensor(sensor: any): void; * remove sensor area */ removeSensor(sensor: any): void; -``` \ No newline at end of file +``` diff --git a/docs/docs/api/model/drop-location.md b/docs/docs/api/model/drop-location.md index dc6a684e42..c7355ac509 100644 --- a/docs/docs/api/model/drop-location.md +++ b/docs/docs/api/model/drop-location.md @@ -3,9 +3,7 @@ title: DropLocation sidebar_position: 13 --- -> **@types** [IPublicModelDropLocation](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/drop-location.ts)
-> **@since** v1.1.0 - +> **@types** [IPublicModelDropLocation](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/drop-location.ts)
> **@since** v1.1.0 ## 基本介绍 @@ -19,7 +17,7 @@ sidebar_position: 13 `@type {IPublicModelNode | null}` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) ### detail @@ -27,7 +25,7 @@ sidebar_position: 13 `@type {IPublicTypeLocationDetail}` -相关类型：[IPublicTypeLocationDetail](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/location-detail.ts) +相关类型：[IPublicTypeLocationDetail](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/location-detail.ts) ### event @@ -35,7 +33,7 @@ sidebar_position: 13 `@type {IPublicTypeLocationDetail}` -相关类型：[IPublicModelLocateEvent](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/location-event.ts) +相关类型：[IPublicModelLocateEvent](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/location-event.ts) ## 方法 @@ -51,4 +49,4 @@ sidebar_position: 13 clone(event: IPublicModelLocateEvent): IPublicModelDropLocation; ``` -相关类型：[IPublicModelLocateEvent](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/location-event.ts) \ No newline at end of file +相关类型：[IPublicModelLocateEvent](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/location-event.ts) diff --git a/docs/docs/api/model/editor-view.md b/docs/docs/api/model/editor-view.md index a3cc83e1f2..63938ebfac 100644 --- a/docs/docs/api/model/editor-view.md +++ b/docs/docs/api/model/editor-view.md @@ -3,9 +3,7 @@ title: EditorView sidebar_position: 12 --- -> **[@experimental](./#experimental)**
-> **@types** [IPublicModelEditorView](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/editor-view.ts)
-> **@since** v1.1.7 +> **[@experimental](./#experimental)**
> **@types** [IPublicModelEditorView](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/editor-view.ts)
> **@since** v1.1.7 窗口编辑视图 @@ -18,4 +16,4 @@ export interface IPublicModelEditorView extends IPublicModelPluginContext {}; ``` -相关类型定义: [IPublicModelPluginContext](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/plugin-context.ts) +相关类型定义: [IPublicModelPluginContext](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/plugin-context.ts) diff --git a/docs/docs/api/model/history.md b/docs/docs/api/model/history.md index b8c4d791b1..4e495862c5 100644 --- a/docs/docs/api/model/history.md +++ b/docs/docs/api/model/history.md @@ -2,14 +2,15 @@ title: History sidebar_position: 5 --- -> **@types** [IPublicModelHistory](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/history.ts)
-> **@since** v1.0.0 + +> **@types** [IPublicModelHistory](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/history.ts)
> **@since** v1.0.0 ## 基本介绍 操作历史记录模型 ## 方法 + ### go 历史记录跳转到指定位置 @@ -93,6 +94,7 @@ getState(): number; ``` ## 事件 + ### onChangeState 监听 state 变更事件 @@ -106,7 +108,7 @@ getState(): number; onChangeState(func: () => any): IPublicTypeDisposable; ``` -相关类型：[IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) +相关类型：[IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) ### onChangeCursor @@ -121,4 +123,4 @@ onChangeState(func: () => any): IPublicTypeDisposable; onChangeCursor(func: () => any): IPublicTypeDisposable; ``` -相关类型：[IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) \ No newline at end of file +相关类型：[IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) diff --git a/docs/docs/api/model/modal-nodes-manager.md b/docs/docs/api/model/modal-nodes-manager.md index fead53f0a1..0e3f163f3d 100644 --- a/docs/docs/api/model/modal-nodes-manager.md +++ b/docs/docs/api/model/modal-nodes-manager.md @@ -2,8 +2,8 @@ title: ModalNodesManager sidebar_position: 7 --- -> **@types** [IPublicModelModalNodesManager](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/modal-nodes-manager.ts)
-> **@since** v1.0.0 + +> **@types** [IPublicModelModalNodesManager](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/modal-nodes-manager.ts)
> **@since** v1.0.0 ## 基本介绍 @@ -35,7 +35,7 @@ setNodes(): void; getModalNodes(): IPublicModelNode[]; ``` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) ### getVisibleModalNode @@ -49,7 +49,7 @@ getModalNodes(): IPublicModelNode[]; getVisibleModalNode(): IPublicModelNode | null; ``` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) ### hideModalNodes @@ -76,7 +76,7 @@ hideModalNodes(): void; setVisible(node: IPublicModelNode): void; ``` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) ### setInvisible @@ -91,4 +91,4 @@ setVisible(node: IPublicModelNode): void; setInvisible(node: IPublicModelNode): void; ``` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) diff --git a/docs/docs/api/model/node-children.md b/docs/docs/api/model/node-children.md index 5507fcbfb8..3bfe93279d 100644 --- a/docs/docs/api/model/node-children.md +++ b/docs/docs/api/model/node-children.md @@ -2,20 +2,22 @@ title: NodeChildren sidebar_position: 2 --- -> **@types** [IPublicModelNodeChildren](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node-children.ts)
-> **@since** v1.0.0 + +> **@types** [IPublicModelNodeChildren](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node-children.ts)
> **@since** v1.0.0 ## 基本介绍 + 节点孩子模型 ## 属性 + ### owner 返回当前 children 实例所属的节点实例 `@type {IPublicModelNode | null}` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) ### size @@ -23,7 +25,6 @@ children 内的节点实例数 `@type {number}` - ### isEmptyNode 是否为空 @@ -31,6 +32,7 @@ children 内的节点实例数 `@type {boolean}` **@since v1.1.0** + > v1.1.0 之前请使用 `isEmpty` ### notEmptyNode @@ -42,7 +44,9 @@ children 内的节点实例数 **@since v1.1.0** ## 方法 + ### delete + 删除指定节点 ```typescript @@ -54,7 +58,7 @@ children 内的节点实例数 delete(node: IPublicModelNode): boolean; ``` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) ### insert @@ -69,8 +73,7 @@ delete(node: IPublicModelNode): boolean; insert(node: IPublicModelNode): boolean; ``` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) - +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) ### indexOf @@ -86,7 +89,7 @@ insert(node: IPublicModelNode): boolean; indexOf(node: IPublicModelNode): number; ``` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) ### splice @@ -103,8 +106,7 @@ indexOf(node: IPublicModelNode): number; splice(start: number, deleteCount: number, node?: IPublicModelNode): any; ``` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) - +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) ### get @@ -120,8 +122,7 @@ splice(start: number, deleteCount: number, node?: IPublicModelNode): any; get(index: number): IPublicModelNode | null; ``` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) - +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) ### has @@ -137,8 +138,7 @@ get(index: number): IPublicModelNode | null; has(node: IPublicModelNode): boolean; ``` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) - +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) ### forEach @@ -154,7 +154,7 @@ forEach(fn: (node: IPublicModelNode, index: number) => void): void; ``` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) ### reverse @@ -169,8 +169,7 @@ reverse(): IPublicModelNode[]; ``` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) - +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) ### map @@ -185,8 +184,7 @@ reverse(): IPublicModelNode[]; map
-> **@since** v1.0.0 + +> **@types** [IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts)
> **@since** v1.0.0 ## 基本介绍 节点模型 ## 属性 + ### id 节点 id @@ -22,7 +23,7 @@ sidebar_position: 1 `@type {string | IPublicTypeI18nData | ReactElement}` -相关类型：[IPublicTypeI18nData](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/i18n-data.ts) +相关类型：[IPublicTypeI18nData](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/i18n-data.ts) ### isContainerNode @@ -31,6 +32,7 @@ sidebar_position: 1 `@type {boolean}` **@since v1.1.0** + > v1.1.0 之前请使用 `isContainer` ### isRootNode @@ -120,6 +122,7 @@ sidebar_position: 1 **@since v1.0.16** ### isRGLContainerNode + 设置为磁贴布局节点，使用方式可参考：[磁贴布局在钉钉宜搭报表设计引擎中的实现](https://mp.weixin.qq.com/s/PSTut5ahAB8nlJ9kBpBaxw) `@type {boolean}` @@ -140,7 +143,7 @@ sidebar_position: 1 `@type {IPublicTypeIconType}` -相关类型：[IPublicTypeIconType](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/icon-type.ts) +相关类型：[IPublicTypeIconType](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/icon-type.ts) ### zLevel @@ -160,8 +163,7 @@ sidebar_position: 1 `@type {IPublicModelComponentMeta | null}` -相关类型：[IPublicModelComponentMeta](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/component-meta.ts) - +相关类型：[IPublicModelComponentMeta](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/component-meta.ts) ### document @@ -169,7 +171,7 @@ sidebar_position: 1 `@type {IPublicModelDocumentModel | null}` -相关类型：[IPublicModelDocumentModel](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/document-model.ts) +相关类型：[IPublicModelDocumentModel](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/document-model.ts) ### prevSibling @@ -195,7 +197,7 @@ sidebar_position: 1 `@type {IPublicModelNodeChildren | null}` -相关类型：[IPublicModelNodeChildren](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node-children.ts) +相关类型：[IPublicModelNodeChildren](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node-children.ts) ### slots @@ -209,7 +211,7 @@ sidebar_position: 1 `@type {IPublicModelProp | null}` -相关类型：[IPublicModelProp](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/prop.ts) +相关类型：[IPublicModelProp](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/prop.ts) ### props @@ -217,8 +219,7 @@ sidebar_position: 1 `@type {IPublicModelProps | null}` -相关类型：[IPublicModelProps](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/props.ts) - +相关类型：[IPublicModelProps](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/props.ts) ### propsData @@ -227,8 +228,9 @@ sidebar_position: 1 `@type {IPublicTypePropsMap | IPublicTypePropsList | null}` 相关类型： -- [IPublicTypePropsMap](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/props-map.ts) -- [IPublicTypePropsList](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/props-list.ts) + +- [IPublicTypePropsMap](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/props-map.ts) +- [IPublicTypePropsList](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/props-list.ts) ### conditionGroup @@ -236,7 +238,7 @@ sidebar_position: 1 `@type {IPublicModelExclusiveGroup | null}` -相关类型：[IPublicModelExclusiveGroup](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/exclusive-group.ts) +相关类型：[IPublicModelExclusiveGroup](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/exclusive-group.ts) **@since v1.1.0** @@ -246,7 +248,7 @@ sidebar_position: 1 `@type {IPublicTypeNodeSchema | null}` -相关类型：[IPublicTypeNodeSchema](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/node-schema.ts) +相关类型：[IPublicTypeNodeSchema](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/node-schema.ts) ### settingEntry @@ -256,9 +258,10 @@ sidebar_position: 1 相关章节：[设置器顶层操作对象](./setting-top-entry) -相关类型：[IPublicModelSettingTopEntry](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/setting-top-entry.ts) +相关类型：[IPublicModelSettingTopEntry](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/setting-top-entry.ts) ### visible + 当前节点是否可见 `@type {boolean}` @@ -328,7 +331,7 @@ hasLoop(): boolean; getProp(path: string, createIfNone: boolean): IPublicModelProp | null; ``` -相关类型：[IPublicModelProp](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/prop.ts) +相关类型：[IPublicModelProp](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/prop.ts) ### getPropValue @@ -360,7 +363,7 @@ getPropValue(path: string): any; getExtraProp(path: string, createIfNone?: boolean): IPublicModelProp | null; ``` -相关类型：[IPublicModelProp](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/prop.ts) +相关类型：[IPublicModelProp](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/prop.ts) ### getExtraPropValue @@ -395,8 +398,7 @@ setPropValue(path: string, value: CompositeValue) setPropValue(path: string, value: IPublicTypeCompositeValue): void; ``` -相关类型：[IPublicTypeCompositeValue](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/composite-value.ts) - +相关类型：[IPublicTypeCompositeValue](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/composite-value.ts) ### setExtraPropValue @@ -412,7 +414,7 @@ setPropValue(path: string, value: IPublicTypeCompositeValue): void; setExtraPropValue(path: string, value: IPublicTypeCompositeValue): void; ``` -相关类型：[IPublicTypeCompositeValue](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/composite-value.ts) +相关类型：[IPublicTypeCompositeValue](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/composite-value.ts) ### importSchema @@ -427,7 +429,7 @@ setExtraPropValue(path: string, value: IPublicTypeCompositeValue): void; importSchema(data: IPublicTypeNodeSchema): void; ``` -相关类型：[IPublicTypeNodeSchema](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/node-schema.ts) +相关类型：[IPublicTypeNodeSchema](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/node-schema.ts) ### exportSchema @@ -444,8 +446,9 @@ exportSchema(stage: IPublicEnumTransformStage, options?: any): IPublicTypeNodeSc ``` 相关类型： -- [IPublicEnumTransformStage](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/enum/transform-stage.ts) -- [IPublicTypeNodeSchema](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/node-schema.ts) + +- [IPublicEnumTransformStage](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/enum/transform-stage.ts) +- [IPublicTypeNodeSchema](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/node-schema.ts) ### insertBefore @@ -513,7 +516,7 @@ replaceChild(node: IPublicModelNode, data: any): IPublicModelNode | null; replaceWith(schema: IPublicTypeNodeSchema): any; ``` -相关类型：[IPublicTypeNodeSchema](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/node-schema.ts) +相关类型：[IPublicTypeNodeSchema](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/node-schema.ts) ### select @@ -541,6 +544,7 @@ hover(flag: boolean): void; ``` ### lock + 设置节点锁定状态 ```typescript @@ -635,6 +639,7 @@ isConditionalVisible(): boolean | undefined; **@since v1.1.0** ### setConditionalVisible + 设置该节点的 ConditionalVisible 为 true ```typescript @@ -649,6 +654,7 @@ setConditionalVisible(): void; **@since v1.1.0** ### getDOMNode + 获取节点实例对应的 dom 节点 ```typescript @@ -675,4 +681,4 @@ getRGL(): { isRGL: boolean; rglNode: IPublicModelNode | null; } -``` \ No newline at end of file +``` diff --git a/docs/docs/api/model/plugin-instance.md b/docs/docs/api/model/plugin-instance.md index 14ce388376..52d43e6b8b 100644 --- a/docs/docs/api/model/plugin-instance.md +++ b/docs/docs/api/model/plugin-instance.md @@ -3,9 +3,7 @@ title: PluginInstance sidebar_position: 12 --- -> **@types** [IPublicModelPluginInstance](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/plugin-instance.ts)
-> **@since** v1.1.0 - +> **@types** [IPublicModelPluginInstance](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/plugin-instance.ts)
> **@since** v1.1.0 ## 基本介绍 @@ -37,4 +35,4 @@ sidebar_position: 12 `@type {IPublicTypePluginMeta}` -相关类型：[IPublicTypePluginMeta](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/plugin-meta.ts) +相关类型：[IPublicTypePluginMeta](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/plugin-meta.ts) diff --git a/docs/docs/api/model/prop.md b/docs/docs/api/model/prop.md index d9b0d14f42..ebc064f5e3 100644 --- a/docs/docs/api/model/prop.md +++ b/docs/docs/api/model/prop.md @@ -2,8 +2,8 @@ title: Prop sidebar_position: 3 --- -> **@types** [IPublicModelProp](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/prop.ts)
-> **@since** v1.0.0 + +> **@types** [IPublicModelProp](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/prop.ts)
> **@since** v1.0.0 ## 基本介绍 @@ -35,7 +35,7 @@ key 值 `@type {IPublicModelNode | null}` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) ### slotNode @@ -43,8 +43,7 @@ key 值 `@type {IPublicModelNode | undefined | null}` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) - +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) ## 方法 @@ -61,7 +60,7 @@ key 值 setValue(val: IPublicTypeCompositeValue): void; ``` -相关类型：[IPublicTypeCompositeValue](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/composite-value.ts) +相关类型：[IPublicTypeCompositeValue](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/composite-value.ts) ### getValue @@ -104,5 +103,6 @@ exportSchema(stage: IPublicEnumTransformStage): IPublicTypeCompositeValue; ``` 相关类型： -- [IPublicEnumTransformStage](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/enum/transform-stage.ts) -- [IPublicTypeCompositeValue](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/composite-value.ts) \ No newline at end of file + +- [IPublicEnumTransformStage](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/enum/transform-stage.ts) +- [IPublicTypeCompositeValue](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/composite-value.ts) diff --git a/docs/docs/api/model/props.md b/docs/docs/api/model/props.md index 9bd6eaa66b..03db08ee57 100644 --- a/docs/docs/api/model/props.md +++ b/docs/docs/api/model/props.md @@ -2,37 +2,37 @@ title: Props sidebar_position: 4 --- -> **@types** [IPublicModelProps](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/props.ts)
-> **@since** v1.0.0 + +> **@types** [IPublicModelProps](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/props.ts)
> **@since** v1.0.0 ## 基本介绍 属性集模型 ## 属性 + ### id id `@type {string}` - ### path 返回当前 props 的路径 `@type {string[]}` - ### node 返回当前属性集所属的节点实例 `@type {IPublicModelNode | null}` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) ## 方法 + ### getProp 获取指定 path 的属性模型实例 @@ -46,7 +46,7 @@ id getProp(path: string): IPublicModelProp | null; ``` -相关类型：[IPublicModelProp](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/prop.ts) +相关类型：[IPublicModelProp](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/prop.ts) ### getPropValue @@ -75,7 +75,7 @@ getPropValue(path: string): any; getExtraProp(path: string): IPublicModelProp | null; ``` -相关类型：[IPublicModelProp](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/prop.ts) +相关类型：[IPublicModelProp](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/prop.ts) ### getExtraPropValue @@ -105,7 +105,7 @@ getExtraPropValue(path: string): any; setPropValue(path: string, value: IPublicTypeCompositeValue): void; ``` -相关类型：[IPublicTypeCompositeValue](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/composite-value.ts) +相关类型：[IPublicTypeCompositeValue](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/composite-value.ts) ### setExtraPropValue @@ -121,8 +121,7 @@ setPropValue(path: string, value: IPublicTypeCompositeValue): void; setExtraPropValue(path: string, value: IPublicTypeCompositeValue): void; ``` -相关类型：[IPublicTypeCompositeValue](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/composite-value.ts) - +相关类型：[IPublicTypeCompositeValue](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/composite-value.ts) ### has @@ -155,6 +154,6 @@ has(key: string): boolean; add(value: IPublicTypeCompositeValue, key?: string | number | undefined): any; ``` -相关类型：[IPublicTypeCompositeValue](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/composite-value.ts) +相关类型：[IPublicTypeCompositeValue](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/composite-value.ts) -**@since v1.1.0** \ No newline at end of file +**@since v1.1.0** diff --git a/docs/docs/api/model/resource.md b/docs/docs/api/model/resource.md index a5fdeaf782..7bf094b50f 100644 --- a/docs/docs/api/model/resource.md +++ b/docs/docs/api/model/resource.md @@ -3,9 +3,7 @@ title: Resource sidebar_position: 13 --- -> **[@experimental](./#experimental)**
-> **@types** [IPublicModelResource](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/resource.ts)
-> **@since** v1.1.0 +> **[@experimental](./#experimental)**
> **@types** [IPublicModelResource](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/resource.ts)
> **@since** v1.1.0 ## 属性 @@ -55,4 +53,4 @@ sidebar_position: 13 资源配置信息 -`@type {Object}` \ No newline at end of file +`@type {Object}` diff --git a/docs/docs/api/model/selection.md b/docs/docs/api/model/selection.md index 9fc2e3a1cc..3b36087914 100644 --- a/docs/docs/api/model/selection.md +++ b/docs/docs/api/model/selection.md @@ -2,14 +2,15 @@ title: Selection sidebar_position: 6 --- -> **@types** [IPublicModelSelection](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/selection.ts)
-> **@since** v1.0.0 + +> **@types** [IPublicModelSelection](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/selection.ts)
> **@since** v1.0.0 ## 基本介绍 画布节点选中模型 ## 属性 + ### selected 返回选中的节点 id @@ -17,15 +18,17 @@ sidebar_position: 6 `@type {string[]}` ### node + 返回选中的节点（如多个节点只返回第一个） `@type {IPublicModelNode | null}` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) **@since v1.1.0** ## 方法 + ### select 选中指定节点（覆盖方式） @@ -116,14 +119,15 @@ add(id: string): void; getNodes(): IPublicModelNode[]; ``` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) ### getTopNodes + 获取选区的顶层节点 例如选中的节点为： - DivA - - ChildrenA + - ChildrenA - DivB getNodes 返回的是 [DivA、ChildrenA、DivB]，getTopNodes 返回的是 [DivA、DivB]，其中 ChildrenA 由于是二层节点，getTopNodes 不会返回 @@ -143,6 +147,7 @@ getTopNodes(includeRoot?: boolean): IPublicModelNode[]; **@since v1.0.16** ## 事件 + ### onSelectionChange 注册 selection 变化事件回调 @@ -156,6 +161,6 @@ getTopNodes(includeRoot?: boolean): IPublicModelNode[]; onSelectionChange(fn: (ids: string[]) => void): IPublicTypeDisposable; ``` -相关类型：[IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) +相关类型：[IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) -**@since v1.1.0** \ No newline at end of file +**@since v1.1.0** diff --git a/docs/docs/api/model/setting-field.md b/docs/docs/api/model/setting-field.md index 226a0c7e5b..1e66be3d6a 100644 --- a/docs/docs/api/model/setting-field.md +++ b/docs/docs/api/model/setting-field.md @@ -2,7 +2,8 @@ title: SettingField sidebar_position: 6 --- -> **@types** [IPublicModelSettingField](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/setting-field.ts)
+ +> **@types** [IPublicModelSettingField](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/setting-field.ts)
## 基本介绍 @@ -16,7 +17,6 @@ setter 设置器操作对象 `@type {boolean}` - #### id 获取设置属性的 id @@ -71,7 +71,7 @@ setter 设置器操作对象 相关章节：[设置器顶层操作对象](./setting-top-entry) -相关类型：[IPublicModelSettingTopEntry](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/setting-top-entry.ts) +相关类型：[IPublicModelSettingTopEntry](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/setting-top-entry.ts) #### node @@ -79,7 +79,6 @@ setter 设置器操作对象 `@type {IPublicModelNode | null}` - #### parent 获取设置属性的父设置属性 @@ -88,7 +87,7 @@ setter 设置器操作对象 相关章节：[设置器顶层操作对象](./setting-top-entry) -相关类型：[IPublicModelSettingTopEntry](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/setting-top-entry.ts) +相关类型：[IPublicModelSettingTopEntry](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/setting-top-entry.ts) #### top @@ -98,7 +97,7 @@ setter 设置器操作对象 相关章节：[设置器顶层操作对象](./setting-top-entry) -相关类型：[IPublicModelSettingTopEntry](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/setting-top-entry.ts) +相关类型：[IPublicModelSettingTopEntry](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/setting-top-entry.ts) #### isSettingField @@ -110,7 +109,7 @@ setter 设置器操作对象 `@type {IPublicModelComponentMeta}` -相关类型：[IPublicModelComponentMeta](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/component-meta.ts) +相关类型：[IPublicModelComponentMeta](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/component-meta.ts) #### items @@ -118,7 +117,7 @@ setter 设置器操作对象 `@type {Array
+ +> **@types** [IPublicModelSettingTopEntry](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/setting-top-entry.ts)
## 基本介绍 @@ -30,10 +31,10 @@ setter 设置器顶层操作对象 */ get(propName: string | number): IPublicModelSettingField | null; ``` -相关章节：[设置器操作对象](./setting-field) -相关类型：[IPublicModelSettingField](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/setting-field.ts) +相关章节：[设置器操作对象](./setting-field) +相关类型：[IPublicModelSettingField](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/setting-field.ts) #### getPropValue @@ -71,4 +72,4 @@ setPropValue(propName: string | number, value: any): void; * @param propName */ clearPropValue(propName: string | number): void; -``` \ No newline at end of file +``` diff --git a/docs/docs/api/model/simulatorRender.md b/docs/docs/api/model/simulatorRender.md index f5bacec493..a98703bb2e 100644 --- a/docs/docs/api/model/simulatorRender.md +++ b/docs/docs/api/model/simulatorRender.md @@ -2,14 +2,15 @@ title: SimulatorRender sidebar_position: 6 --- -> **@types** [IPublicModelSimulatorRender](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/simulator-render.ts)
-> **@since** v1.0.0 + +> **@types** [IPublicModelSimulatorRender](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/simulator-render.ts)
> **@since** v1.0.0 ## 基本介绍 画布节点选中模型 ## 属性 + ### components 画布组件列表 @@ -35,4 +36,3 @@ components: { */ rerender: () => void; ``` - diff --git a/docs/docs/api/model/window.md b/docs/docs/api/model/window.md index 9db39996fa..5ba232cb69 100644 --- a/docs/docs/api/model/window.md +++ b/docs/docs/api/model/window.md @@ -3,10 +3,7 @@ title: Window sidebar_position: 12 --- -> **[@experimental](./#experimental)**
-> **@types** [IPublicModelWindow](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/window.ts)
-> **@since** v1.1.0 - +> **[@experimental](./#experimental)**
> **@types** [IPublicModelWindow](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/window.ts)
> **@since** v1.1.0 ## 基本介绍 @@ -39,6 +36,7 @@ sidebar_position: 12 关联模型 [IPublicModelResource](./resource) ### currentEditorView + 窗口当前视图 `@type {IPublicModelEditorView}` @@ -60,22 +58,25 @@ sidebar_position: 12 ## 方法 ### importSchema + 当前窗口导入 schema, 会调用当前窗口对应资源的 import 钩子 ```typescript -function importSchema(schema: IPublicTypeNodeSchema): void +function importSchema(schema: IPublicTypeNodeSchema): void; ``` -相关类型：[IPublicTypeNodeSchema](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/node-schema.ts) +相关类型：[IPublicTypeNodeSchema](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/node-schema.ts) ### changeViewType + 修改当前窗口视图类型 ```typescript -function changeViewType(viewName: string): void +function changeViewType(viewName: string): void; ``` ### save + 当前窗口的保存方法，会调用当前窗口对应资源的 save 钩子 ```typescript @@ -92,7 +93,7 @@ function save(): Promise(void) onChangeViewType(fn: (viewName: string) => void): IPublicTypeDisposable; ``` -相关类型：[IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) +相关类型：[IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) ### onSave @@ -102,6 +103,6 @@ onChangeViewType(fn: (viewName: string) => void): IPublicTypeDisposable; onSave(fn: () => void): IPublicTypeDisposable; ``` -相关类型：[IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) +相关类型：[IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) **@since v1.1.7** diff --git a/docs/docs/api/plugins.md b/docs/docs/api/plugins.md index df025f49e9..a330c89445 100644 --- a/docs/docs/api/plugins.md +++ b/docs/docs/api/plugins.md @@ -2,33 +2,38 @@ title: plugins - 插件 API sidebar_position: 2 --- -> **@types** [IPublicApiPlugins](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/api/plugins.ts)
-> **@since** v1.0.0 + +> **@types** [IPublicApiPlugins](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/api/plugins.ts)
> **@since** v1.0.0 ## 模块简介 + 插件管理器，提供编排模块中管理插件的能力。 ## 方法 + ### register + 注册插件 ```typescript async function register( plugin: IPublicTypePlugin, options?: IPublicTypePluginRegisterOptions, -): Promise
-> **@since** v1.0.0 + +> **@types** [IPublicApiSetters](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/api/setters.ts)
> **@since** v1.0.0 ## 模块简介 + 负责注册设置器、管理设置器的 API。注册自定义设置器之后可以在物料中进行使用。 ## 方法 + ### getSetter + 获取指定 setter ```typescript @@ -21,9 +24,11 @@ sidebar_position: 10 */ getSetter(type: string): IPublicTypeRegisteredSetter | null; ``` -相关类型：[IPublicTypeRegisteredSetter](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/registerd-setter.ts) + +相关类型：[IPublicTypeRegisteredSetter](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/registerd-setter.ts) ### getSettersMap + 获取已注册的所有 settersMap ```typescript @@ -37,9 +42,10 @@ getSettersMap(): Map
-> **@since** v1.0.0 + +> **@types** [IPublicApiSimulatorHost](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/api/simulator-host.ts)
> **@since** v1.0.0 ## 模块简介 + 负责模拟器相关的 API，包括画布尺寸、语言等。 ## 方法 + ### set + 设置 host 配置值 + ```typescript /** * 设置若干用于画布渲染的变量，比如画布大小、locale 等。 @@ -20,22 +24,27 @@ sidebar_position: 10 */ set(key: string, value: any): void; ``` + **示例** 设置若干用于画布渲染的变量，比如画布大小、locale 等。 以设置画布大小为例： 目前支持 3 种定制方式： -```typescript +```typescript // 直接使用内置设备类型 project.simulatorHost.set('device', 'mobile' / 'iphonex' / 'iphone6' / 'default'); // 定制 canvas 的样式类 project.simulatorHost.set('deviceClassName', 'my-canvas-class'); // 最灵活的方式，直接设置 canvas / viewport 的样式（canvas 是外框，viewport 是内框，可以在 canvas 设置手机 / 平板背景图） -project.simulatorHost.set('deviceStyle', { canvas: { width: '300px', backgroundColor: 'red' }, viewport: { width: '280px' } }); +project.simulatorHost.set('deviceStyle', { + canvas: { width: '300px', backgroundColor: 'red' }, + viewport: { width: '280px' }, +}); ``` ### get + 获取模拟器中设置的变量，比如画布大小、locale 等。 ```typescript @@ -50,6 +59,7 @@ get(key: string): any; ``` ### rerender + 触发组件构建，并刷新渲染画布 ```typescript @@ -61,6 +71,7 @@ rerender(): void; ``` ### scrollToNode + 滚动到指定节点 ```typescript @@ -72,4 +83,5 @@ rerender(): void; */ scrollToNode(node: IPublicModelNode): void; ``` + **@since v1.1.0** diff --git a/docs/docs/api/skeleton.md b/docs/docs/api/skeleton.md index 396fad9e9e..31e9fcb70a 100644 --- a/docs/docs/api/skeleton.md +++ b/docs/docs/api/skeleton.md @@ -2,30 +2,36 @@ title: skeleton - 面板 API sidebar_position: 10 --- -> **@types** [IPublicApiSkeleton](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/api/skeleton.ts)
-> **@since** v1.0.0 +> **@types** [IPublicApiSkeleton](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/api/skeleton.ts)
> **@since** v1.0.0 ## 模块简介 + 面板 API 提供了面板扩展和管理的能力，如下图蓝色内容都是扩展出来的。  页面上可以扩展的区域共 5 个，具体如下：  + ### 基本概念 + #### 扩展区域位置 (area) + ##### topArea 展示在设计器的顶部区域，常见的相关区域的插件主要是： + 1. 注册设计器 Logo； 2. 设计器操作回退和撤销按钮； 3. 全局操作按钮，例如：保存、预览等； + ##### leftArea 左侧区域的展示形式大多数是 Icon 和对应的面板，通过点击 Icon 可以展示对应的面板并隐藏其他的面板。 该区域相关插件的主要有： + 1. 大纲树展示，展示该设计器设计页面的大纲。 2. 组件库，展示注册到设计器中的组件，点击之后，可以从组件库面板中拖拽到设计器的画布中。 3. 数据源面板 @@ -36,17 +42,22 @@ sidebar_position: 10 ##### centerArea 画布区域，由于画布大多数是展示作用，所以一般扩展的种类比较少。常见的扩展有： + 1. 画布大小修改 2. 物料选中扩展区域修改 + ##### rightArea 右侧区域，常用于组件的配置。常见的扩展有：统一处理组件的配置项，例如统一删除某一个配置项，统一添加某一个配置项的。 + ##### toolbar 跟 topArea 类似，按需放置面板插件~ + #### 展示类型 (type) 展示类型用于区分插件在设计器内可操作的几种不同界面类型。主要的几种类型为 PanelDock、Widget、Dock，另有 Panel 类型目前不推荐使用。 + ##### PanelDock PanelDock 是以面板的形式展示在设计器的左侧区域的。其中主要有两个部分组成，一个是图标，一个是面板。当点击图标时可以控制面板的显示和隐藏。 @@ -58,19 +69,20 @@ PanelDock 是以面板的形式展示在设计器的左侧区域的。其中主 其中右上角可以进行固定，可以对弹出的宽度做设定 接入可以参考代码 + ```javascript -import { skeleton } from "@alilc/lowcode-engine"; +import { skeleton } from '@felce/lowcode-engine'; skeleton.add({ - area: "leftArea", // 插件区域 - type: "PanelDock", // 插件类型，弹出面板 - name: "sourceEditor", + area: 'leftArea', // 插件区域 + type: 'PanelDock', // 插件类型，弹出面板 + name: 'sourceEditor', content: SourceEditor, // 插件组件实例 props: { - align: "left", - icon: "wenjian", + align: 'left', + icon: 'wenjian', title: '标题', // 图标下方展示的标题 - description: "JS 面板", + description: 'JS 面板', }, panelProps: { floatable: true, // 是否可浮动 @@ -78,12 +90,14 @@ skeleton.add({ hideTitleBar: false, maxHeight: 800, maxWidth: 1200, - title: "JS 面板", + title: 'JS 面板', width: 600, }, }); ``` + ##### Widget + Widget 形式是直接渲染在当前编辑器的对应位置上。如 demo 中在设计器顶部的所有组件都是这种展现形式。  @@ -91,45 +105,46 @@ Widget 形式是直接渲染在当前编辑器的对应位置上。如 demo 中 接入可以参考代码： ```javascript -import { skeleton } from "@alilc/lowcode-engine"; +import { skeleton } from '@felce/lowcode-engine'; // 注册 logo 面板 skeleton.add({ - area: "topArea", - type: "Widget", - name: "logo", - content: Logo, // Widget 组件实例 - contentProps: { // Widget 插件 props - logo: - "https://img.alicdn.com/tfs/TB1_SocGkT2gK0jSZFkXXcIQFXa-66-66.png", - href: "/", + area: 'topArea', + type: 'Widget', + name: 'logo', + content: Logo, // Widget 组件实例 + contentProps: { + // Widget 插件 props + logo: 'https://img.alicdn.com/tfs/TB1_SocGkT2gK0jSZFkXXcIQFXa-66-66.png', + href: '/', }, props: { - align: "left", + align: 'left', width: 100, }, }); ``` + ##### Dock 一个图标的表现形式，可以用于语言切换、跳转到外部链接、打开一个 widget 等场景。 ```javascript -import { skeleton } from "@alilc/lowcode-engine"; +import { skeleton } from '@felce/lowcode-engine'; skeleton.add({ - area: "leftArea", - type: "Dock", - name: "opener", + area: 'leftArea', + type: 'Dock', + name: 'opener', props: { icon: Icon, // Icon 组件实例 - align: "bottom", + align: 'bottom', onClick: function () { // 打开外部链接 window.open('https://lowcode-engine.cn'); // 显示 widget skeleton.showWidget('xxx'); - } - } + }, + }, }); ``` @@ -150,20 +165,18 @@ skeleton.add({ add(config: IPublicTypeWidgetBaseConfig, extraConfig?: Record
icon: string | ReactElement; // icon 为字符串时，请确定当前 fusion 主题包中包含该 icon
description: string;
condition: Function; // 指定当前面板的显影状态 | -| contentProps | 面板的实现类/节点的参数 | | -| panelProps | 假如 type: 'Panel' | 'PanelDock' 时有效，传给 Panel 类的参数 | keepVisibleWhileDragging: boolean; // 当有元素在当前 panel 拖拽时，是否保持 panel 为展开状态，默认值：false
area: 'leftFloatArea' | 'leftFixedArea' // 指定 panel 位于浮动面板还是钉住面板 | -| index | 面板的位置，不传默认按插件注册顺序 | | - +| 属性名 | 含义 | 备注 | +| ------------ | ------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | +| name | 面板名称 | | +| area | 扩展区位置，可选值：'topArea' | 'leftArea' | 'rightArea' | 'toolbar' | 'bottomArea' | 'mainArea' | | +| type | 面板类型，可选值：'Widget' | 'PanelDock' | 'Panel' | Dock | 详见前文中对**展示类型**的描述 | +| content | 面板的实现类/节点，类型是 ReactClass | ReactElement | | +| props | 面板属性 | align: 'top' | 'bottom' | 'left' | 'center' | 'right'; // 指定面板 icon 位置区域
icon: string | ReactElement; // icon 为字符串时，请确定当前 fusion 主题包中包含该 icon
description: string;
condition: Function; // 指定当前面板的显影状态 | +| contentProps | 面板的实现类/节点的参数 | | +| panelProps | 假如 type: 'Panel' | 'PanelDock' 时有效，传给 Panel 类的参数 | keepVisibleWhileDragging: boolean; // 当有元素在当前 panel 拖拽时，是否保持 panel 为展开状态，默认值：false
area: 'leftFloatArea' | 'leftFixedArea' // 指定 panel 位于浮动面板还是钉住面板 | +| index | 面板的位置，不传默认按插件注册顺序 | | ### remove @@ -191,7 +204,7 @@ remove(config: IPublicTypeWidgetBaseConfig): number | undefined; getPanel(name: string): IPublicModelSkeletonItem | undefined; ``` -相关类型：[IPublicModelSkeletonItem](https://github.com/alibaba/lowcode-engine/blob/main/packages/shell/src/model/skeleton-item.ts) +相关类型：[IPublicModelSkeletonItem](https://github.com/fe-lce/lowcode-engine/blob/main/packages/shell/src/model/skeleton-item.ts) @since v1.1.10 @@ -209,6 +222,7 @@ showPanel(name: string): void; ``` ### hidePanel + 隐藏面板 ```typescript @@ -234,7 +248,9 @@ showWidget(name: string): void; ``` ### enableWidget + 将 widget 启用。 + ```typescript /** * 将 widget 启用 @@ -273,6 +289,7 @@ disableWidget(name: string): void; ``` ### showArea + 显示某个 Area ```typescript @@ -284,8 +301,8 @@ disableWidget(name: string): void; showArea(areaName: string): void; ``` - ### hideArea + 隐藏某个 Area ```typescript @@ -309,9 +326,7 @@ hideArea(areaName: string): void; getAreaItems(areaName: IPublicTypeWidgetConfigArea): IPublicModelSkeletonItem[] | undefined; ``` -相关类型：[IPublicModelSkeletonItem](https://github.com/alibaba/lowcode-engine/blob/main/packages/shell/src/model/skeleton-item.ts) - - +相关类型：[IPublicModelSkeletonItem](https://github.com/fe-lce/lowcode-engine/blob/main/packages/shell/src/model/skeleton-item.ts) ### registerConfigTransducer @@ -321,15 +336,15 @@ getAreaItems(areaName: IPublicTypeWidgetConfigArea): IPublicModelSkeletonItem[] /** * 注册一个面板的配置转换器（transducer）。 * Registers a configuration transducer for a panel. - * @param {IPublicTypeConfigTransducer} transducer + * @param {IPublicTypeConfigTransducer} transducer * - 要注册的转换器函数。该函数接受一个配置对象（类型为 IPublicTypeSkeletonConfig）作为输入，并返回修改后的配置对象。 - * - The transducer function to be registered. This function takes a configuration object - * - * @param {number} level + * - The transducer function to be registered. This function takes a configuration object + * + * @param {number} level * - 转换器的优先级。优先级较高的转换器会先执行。 * - The priority level of the transducer. Transducers with higher priority levels are executed first. - * - * @param {string} [id] + * + * @param {string} [id] * - （可选）转换器的唯一标识符。用于在需要时引用或操作特定的转换器。 * - (Optional) A unique identifier for the transducer. Used for referencing or manipulating a specific transducer when needed. */ @@ -339,7 +354,7 @@ registerConfigTransducer(transducer: IPublicTypeConfigTransducer, level: number, 使用示例 ```typescript -import { IPublicModelPluginContext, IPublicTypeSkeletonConfig } from '@alilc/lowcode-types'; +import { IPublicModelPluginContext, IPublicTypeSkeletonConfig } from '@felce/lowcode-types'; function updatePanelWidth(config: IPublicTypeSkeletonConfig) { if (config.type === 'PanelDock') { @@ -349,7 +364,7 @@ function updatePanelWidth(config: IPublicTypeSkeletonConfig) { ...(config.panelProps || {}), width: 240, }, - } + }; } return config; @@ -376,6 +391,7 @@ export default controlPanelWidthPlugin; ``` ## 事件 + ### onShowPanel 监听 Panel 实例显示事件 @@ -390,7 +406,7 @@ export default controlPanelWidthPlugin; onShowPanel(listener: (paneName?: string, panel?: IPublicModelSkeletonItem) => void): IPublicTypeDisposable; ``` -相关类型：[IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) +相关类型：[IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) ### onHidePanel @@ -406,7 +422,7 @@ onShowPanel(listener: (paneName?: string, panel?: IPublicModelSkeletonItem) => v onHidePanel(listener: (paneName?: string, panel?: IPublicModelSkeletonItem) => void): IPublicTypeDisposable; ``` -相关类型：[IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) +相关类型：[IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) ### onDisableWidget @@ -420,7 +436,7 @@ onHidePanel(listener: (paneName?: string, panel?: IPublicModelSkeletonItem) => v onDisableWidget(listener: (paneName?: string, panel?: IPublicModelSkeletonItem) => void): IPublicTypeDisposable; ``` -相关类型：[IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) +相关类型：[IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) ### onEnableWidget @@ -434,7 +450,7 @@ onDisableWidget(listener: (paneName?: string, panel?: IPublicModelSkeletonItem) onEnableWidget(listener: (paneName?: string, panel?: IPublicModelSkeletonItem) => void): IPublicTypeDisposable; ``` -相关类型：[IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) +相关类型：[IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) ### onShowWidget @@ -450,7 +466,7 @@ onEnableWidget(listener: (paneName?: string, panel?: IPublicModelSkeletonItem) = onShowWidget(listener: (paneName?: string, panel?: IPublicModelSkeletonItem) => void): IPublicTypeDisposable; ``` -相关类型：[IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) +相关类型：[IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) ### onHideWidget @@ -466,15 +482,15 @@ onShowWidget(listener: (paneName?: string, panel?: IPublicModelSkeletonItem) => onHideWidget(listener: (paneName?: string, panel?: IPublicModelSkeletonItem) => void): IPublicTypeDisposable; ``` -相关类型：[IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) +相关类型：[IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) ## 使用示例 ```typescript -import { skeleton } from '@alilc/lowcode-engine'; +import { skeleton } from '@felce/lowcode-engine'; skeleton.add({ - name: 'logo', + name: 'logo', area: 'topArea', type: 'Widget', contentProps: {}, @@ -507,7 +523,6 @@ skeleton.add({ skeleton.showPanel('sourceEditor'); skeleton.hidePanel('sourceEditor'); - // 创建一个浮动的 widget skeleton.add({ name: 'floatingWidget', @@ -521,9 +536,9 @@ skeleton.add({ top: '200px', bottom: 0, width: 'calc(100% - 46px)', - 'background-color': 'lightblue' - } - } + 'background-color': 'lightblue', + }, + }, }); // 显隐 widget @@ -534,9 +549,11 @@ skeleton.hideWidget('floatingWidget'); skeleton.enableWidget('sourceEditor'); skeleton.disableWidget('sourceEditor'); ``` + ### bottomArea 示例 + ```typescript -import { skeleton } from '@alilc/lowcode-engine'; +import { skeleton } from '@felce/lowcode-engine'; skeleton.add({ name: 'bottomAreaPanelName', @@ -545,10 +562,11 @@ skeleton.add({ content: () => 'demoText', }); - skeleton.showPanel('bottomAreaPanelName'); ``` + ### widget 示例 + ```typescript // 注册 logo 面板 skeleton.add({ diff --git a/docs/docs/api/workspace.md b/docs/docs/api/workspace.md index 74f7d6950f..fef81e48be 100644 --- a/docs/docs/api/workspace.md +++ b/docs/docs/api/workspace.md @@ -3,9 +3,7 @@ title: workspace - 应用级 API sidebar_position: 10 --- -> **[@experimental](./#experimental)**
-> **@types** [IPublicApiWorkspace](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/api/workspace.ts)
-> **@since** v1.1.0 +> **[@experimental](./#experimental)**
> **@types** [IPublicApiWorkspace](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/api/workspace.ts)
> **@since** v1.1.0 ## 模块简介 @@ -70,6 +68,7 @@ get resourceList(): IPublicModelResource; ## 方法 ### registerResourceType + 注册资源 ```typescript @@ -77,7 +76,7 @@ get resourceList(): IPublicModelResource; registerResourceType(resourceTypeModel: IPublicTypeResourceType): void; ``` -相关类型：[IPublicTypeResourceType](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/resource-type.ts) +相关类型：[IPublicTypeResourceType](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/resource-type.ts) ### setResourceList @@ -87,7 +86,7 @@ registerResourceType(resourceTypeModel: IPublicTypeResourceType): void; setResourceList(resourceList: IPublicResourceList) {} ``` -相关类型：[IPublicResourceData](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/resource-list.ts) +相关类型：[IPublicResourceData](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/resource-list.ts) ### openEditorWindow @@ -147,7 +146,7 @@ removeEditorWindowById(id: string): void; function onChangeWindows(fn: () => void): IPublicTypeDisposable; ``` -相关类型：[IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) +相关类型：[IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) ### onChangeActiveWindow @@ -157,8 +156,7 @@ active 窗口变更事件 function onChangeActiveWindow(fn: () => void): IPublicTypeDisposable; ``` -相关类型：[IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) - +相关类型：[IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) ### onResourceListChange @@ -168,5 +166,5 @@ function onChangeActiveWindow(fn: () => void): IPublicTypeDisposable; onResourceListChange(fn: (resourceList: IPublicResourceList): void): (): IPublicTypeDisposable; ``` -- 相关类型：[IPublicResourceOptions](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/resource-options.ts) -- 相关类型：[IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) +- 相关类型：[IPublicResourceOptions](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/resource-options.ts) +- 相关类型：[IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) diff --git a/docs/docs/demoUsage/appendix/loop.md b/docs/docs/demoUsage/appendix/loop.md index 46f39398af..da536c77e8 100644 --- a/docs/docs/demoUsage/appendix/loop.md +++ b/docs/docs/demoUsage/appendix/loop.md @@ -2,6 +2,7 @@ title: 如何使用循环值 sidebar_position: 0 --- + 1.设置循环数据  @@ -19,10 +20,10 @@ this.index 是当前循环的索引值。 3.在事件绑定函数中使用 在事件绑定函数中使用扩展参数设置 - + 绑定之后在函数中使用 - + 按钮点击效果 - + diff --git a/docs/docs/demoUsage/panels/datasource.md b/docs/docs/demoUsage/panels/datasource.md index 7e9028e5eb..29a0b0900e 100644 --- a/docs/docs/demoUsage/panels/datasource.md +++ b/docs/docs/demoUsage/panels/datasource.md @@ -2,32 +2,44 @@ title: 8. 数据源面板详解 sidebar_position: 4 --- + ## 🪚 概述 + 数据源面板主要负责管理低代码中远程数据源内容，通过可视化编辑的方式操作低代码协议中的数据源 Schema，配合 [数据源引擎](/site/docs/guide/design/datasourceEngine) 即可实现低代码中数据源的生产和消费；  数据源面板 -## ❓如何使用 + +## ❓ 如何使用 + > 面板内包含了数据源创建、删除、编辑、排序、导入导出、复制以及搜索等能力，内置支持了 `fecth` & `JSONP`两种常用远程请求类型； ### 三步创建一个数据源 +  三步创建数据源 ### 参数详解 + > TODO ## ☠️ 更多介绍 + ### 数据源顺序 + > 数据源为何支持排序功能，主要原因是数据源的加载存在先后顺序；接下来我们从协议层以及实现层看数据源之间的顺序关系； TODO + ### 如何定制数据源 + #### 定制数据源类型（设计态） + #### 定制数据源请求实现（运行态） > 当出现以下两种情况的时，我们需要定制数据源请求实现， +> > - 当你默认提供的 `handler`无法满足你的需求 > - 定制了数据源类型，比如 `GraphQL`，需要实现一个对应的 `handler` @@ -54,9 +66,11 @@ export function createFetchHandler(config?: Record
@@ -27,6 +29,7 @@ sidebar_position: 0
选择`编辑器`，并填写对应的问题，即可完成创建。
> 注 @alilc/create-element 版本需 >= 1.0.4，若看不到`编辑器`选项，请重新执行步骤 3
+
5. 进入创建后的目录
```bash
cd editor-project-name
@@ -41,7 +44,7 @@ sidebar_position: 0
```
执行后如果看到这个界面，说明项目启动成功。您可以继续看后续章节了。本章节后续内容均为高级配置方式。
- 
+
## 方法 2: 使用 UMD 包方式配置
@@ -50,17 +53,27 @@ sidebar_position: 0
### 引入 UMD 包资源
我们需要在启动前，正确在项目中通过 UMD 包方式直接依赖如下内容：
+
> 亦可使用异步加载工具，如果您按照正确的顺序进行加载
```html
-
+
-
+
-
+
-
+
@@ -76,13 +89,20 @@ sidebar_position: 0
-
+
-
+
```
-> 注：如果 unpkg 的服务比较缓慢，您可以使用官方 CDN 来获得确定版本的低代码引擎，如对于引擎的 1.0.18 版本，可用以下官方 CDN 替代
-> - [https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine/1.0.18/dist/js/engine-core.js](https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine/1.0.18/dist/js/engine-core.js)
+> 注：如果 unpkg 的服务比较缓慢，您可以使用官方 CDN 来获得确定版本的低代码引擎，如对于引擎的 1.0.18 版本，可用以下官方 CDN 替代
+>
+> - [https://uipaas-assets.com/prod/npm/@felce/lowcode-engine/1.0.18/dist/js/engine-core.js](https://uipaas-assets.com/prod/npm/@felce/lowcode-engine/1.0.18/dist/js/engine-core.js)
### 配置打包
@@ -95,7 +115,7 @@ sidebar_position: 0
"react-dom": "var window.ReactDOM",
"prop-types": "var window.PropTypes",
"@alifd/next": "var window.Next",
- "@alilc/lowcode-engine": "var window.AliLowCodeEngine",
+ "@felce/lowcode-engine": "var window.AliLowCodeEngine",
"@alilc/lowcode-engine-ext": "var window.AliLowCodeEngineExt",
"moment": "var window.moment",
"lodash": "var window._"
@@ -116,17 +136,19 @@ window.AliLowCodeEngine.init(document.getElementById('lce-container'), {
```
如果您的项目中使用了 TypeScript，您可以通过如下 devDependencies 引入相关包，并获得对应的类型推断。
+
```javascript
// package.json
{
"devDependencies": {
- "@alilc/lowcode-engine": "^1.0.0"
+ "@felce/lowcode-engine": "^1.0.0"
}
}
```
+
```javascript
// src/index.tsx
-import { init } from '@alilc/lowcode-engine';
+import { init } from '@felce/lowcode-engine';
init(document.getElementById('lce-container'), {
enableCondition: true,
@@ -140,7 +162,8 @@ init 的功能包括但不限于：
2. 传递 preference 并设置 plugins 入参；
3. 初始化 Workbench；
-> 本节中的低代码编辑器例子可以在 demo 中找到：[https://github.com/alibaba/lowcode-demo/blob/main/demo-general/src/index.ts](https://github.com/alibaba/lowcode-demo/blob/main/demo-general/src/index.ts)
+> 本节中的低代码编辑器例子可以在 demo 中找到：[https://github.com/fe-lce/lowcode-demo/blob/main/demo-general/src/index.ts](https://github.com/fe-lce/lowcode-demo/blob/main/demo-general/src/index.ts)
## 配置低代码编辑器
+
详见[低代码扩展简述](/site/docs/guide/expand/editor/summary)章节。
diff --git a/docs/docs/guide/create/useRenderer.md b/docs/docs/guide/create/useRenderer.md
index a9fc79909e..ed88c85631 100644
--- a/docs/docs/guide/create/useRenderer.md
+++ b/docs/docs/guide/create/useRenderer.md
@@ -20,7 +20,7 @@ sidebar_position: 1
[在 Demo 中](https://lowcode-engine.cn/demo/demo-general/index.html)，右上角有渲染模块的示例使用方式：
-基于官方提供的渲染模块 [@alifd/lowcode-react-renderer](https://github.com/alibaba/lowcode-engine/tree/main/packages/react-renderer)，你可以在 React 上下文渲染低代码编辑器产出的页面。
+基于官方提供的渲染模块 [@alifd/lowcode-react-renderer](https://github.com/fe-lce/lowcode-engine/tree/main/packages/react-renderer)，你可以在 React 上下文渲染低代码编辑器产出的页面。
### 构造渲染模块所需数据
@@ -69,24 +69,19 @@ async function getSchemaAndComponents() {
### 进行渲染
拿到 schema 和 components 以后，您可以借由资产包数据和页面数据来完成页面的渲染：
+
```tsx
import React from 'react';
-import ReactRenderer from '@alilc/lowcode-react-renderer';
+import ReactRenderer from '@felce/lowcode-react-renderer';
const SamplePreview = () => {
- return (
- 
@@ -10,13 +11,14 @@ sidebar_position: 4
## npm 包与仓库信息
-- React 框架渲染 npm 包：@alilc/lowcode-react-renderer
-- 仓库：[https://github.com/alibaba/lowcode-engine](https://github.com/alibaba/lowcode-engine) 下的
- - packages/renderer-core
- - packages/react-renderer
- - packages/react-simulator-renderer
+- React 框架渲染 npm 包：@felce/lowcode-react-renderer
+- 仓库：[https://github.com/fe-lce/lowcode-engine](https://github.com/fe-lce/lowcode-engine) 下的
+ - packages/renderer-core
+ - packages/react-renderer
+ - packages/react-simulator-renderer
## 渲染框架原理
+
### 整体架构
@@ -32,54 +34,65 @@ sidebar_position: 4
这里主要解析一下刚刚提到的架构中的适配层和渲染层。
#### 适配层
+
适配层提供的是各个框架之间的差异项。比如 `React.createElement` 和 `Rax.createElement` 方法是不同的。所以需要在适配层对 API 进行抹平。
##### React
+
```typescript
import { createElement } from 'react';
-import {
- adapter,
-} from '@ali/lowcode-renderer-core';
+import { adapter } from '@ali/lowcode-renderer-core';
adapter.setRuntime({
createElement,
});
```
+
##### Rax
+
```typescript
import { createElement } from 'rax';
-import {
- adapter,
-} from '@ali/lowcode-renderer-core';
+import { adapter } from '@ali/lowcode-renderer-core';
adapter.setRuntime({
createElement,
});
```
+
这时，在核心层使用的 `createElement` 会基于使用不同的 renderer 而使用不同的方法，自动适配框架所需的运行时方法。
所需的方法包括：
- `setRuntime`：设置运行时相关方法
- - `Component`：组件类，参考 React 的 `Component`。
- - `PureComponent`：组件类，参考 React 的 `PureComponent`。
- - `createContext`：创建一个 `Context` 对象的方法。例如，当 React 渲染一个订阅了这个 `Context` 对象的组件，这个组件会从组件树中离自身最近的那个匹配的 `Provider` 中读取到当前的 `context` 值。
- - `createElement`：创建 `Component` 元素，例如在 React 中即为创建 React 元素。
- - `forwardRef`：ref 转发的方法。Ref 转发是一个可选特性，其允许某些组件接收 ref，并将其向下传递（换句话说，“转发”它）给子组件。
- - `findDOMNode`：是一个访问底层 DOM 节点的方法。如果组件已经被挂载到 DOM 上，此方法会返回浏览器中相应的原生 DOM 元素。
+ - `Component`：组件类，参考 React 的 `Component`。
+ - `PureComponent`：组件类，参考 React 的 `PureComponent`。
+ - `createContext`：创建一个 `Context` 对象的方法。例如，当 React 渲染一个订阅了这个 `Context` 对象的组件，这个组件会从组件树中离自身最近的那个匹配的 `Provider` 中读取到当前的 `context` 值。
+ - `createElement`：创建 `Component` 元素，例如在 React 中即为创建 React 元素。
+ - `forwardRef`：ref 转发的方法。Ref 转发是一个可选特性，其允许某些组件接收 ref，并将其向下传递（换句话说，“转发”它）给子组件。
+ - `findDOMNode`：是一个访问底层 DOM 节点的方法。如果组件已经被挂载到 DOM 上，此方法会返回浏览器中相应的原生 DOM 元素。
- `setRenderers`
- - `PageRenderer`：页面渲染的方法。可以定制页面渲染的生命周期，定制导航，定制路由等。
- - `ComponentRenderer`：组件渲染的方法。
- - `BlockRenderer`：区块渲染的方法。
+ - `PageRenderer`：页面渲染的方法。可以定制页面渲染的生命周期，定制导航，定制路由等。
+ - `ComponentRenderer`：组件渲染的方法。
+ - `BlockRenderer`：区块渲染的方法。
#### 渲染层
+
##### React Renderer
+
内部的技术栈统一都是 React，大多数适配层的 API 都是按照 React 来设计的，所以对于 React Renderer 来说，需要做的不多。
React Renderer 的代码量很少，主要是将 React API 注册到适配层中。
```typescript
-import React, { Component, PureComponent, createElement, createContext, forwardRef, ReactInstance, ContextType } from 'react';
+import React, {
+ Component,
+ PureComponent,
+ createElement,
+ createContext,
+ forwardRef,
+ ReactInstance,
+ ContextType,
+} from 'react';
import ReactDOM from 'react-dom';
import {
adapter,
@@ -118,7 +131,9 @@ adapter.setConfigProvider(ConfigProvider);
```
##### Rax Renderer
+
Rax 的大多数 API 和 React 基本也是一致的，差异点在于重写了一些方法。
+
```typescript
import { Component, PureComponent, createElement, createContext, forwardRef } from 'rax';
import findDOMNode from 'rax-find-dom-node';
@@ -152,8 +167,11 @@ adapter.setRenderers({
```
### 多模式渲染
+
#### 预览模式渲染
+
预览模式的渲染，主要是通过 Schema、components 即可完成上述的页面渲染能力。
+
```typescript
import ReactRenderer from '@ali/lowcode-react-renderer';
import ReactDOM from 'react-dom';
@@ -168,7 +186,7 @@ const schema = {
props: {
type: 'primary',
style: {
- color: '#2077ff'
+ color: '#2077ff',
},
},
children: '确定',
@@ -180,19 +198,20 @@ const components = {
Button,
};
-ReactDOM.render((
- 
\ No newline at end of file
+
diff --git a/docs/docs/guide/expand/editor/pluginContextMenu.md b/docs/docs/guide/expand/editor/pluginContextMenu.md
index 962c913e7e..853a8639ac 100644
--- a/docs/docs/guide/expand/editor/pluginContextMenu.md
+++ b/docs/docs/guide/expand/editor/pluginContextMenu.md
@@ -6,13 +6,14 @@ sidebar_position: 6
## 场景一：扩展选中节点操作项
### 增加节点操作项
+
选中节点后，在选中框的右上角有操作按钮，编排模块默认实现了查看组件直系父节点、复制节点和删除节点按钮外，还可以通过相关 API 来扩展更多操作，如下代码：
```typescript
-import { plugins } from '@alilc/lowcode-engine';
-import { IPublicModelPluginContext, IPublicModelNode } from '@alilc/lowcode-types';
+import { plugins } from '@felce/lowcode-engine';
+import { IPublicModelPluginContext, IPublicModelNode } from '@felce/lowcode-types';
import { Icon, Message } from '@alifd/next';
const addHelloAction = (ctx: IPublicModelPluginContext) => {
@@ -44,18 +45,19 @@ await plugins.register(addHelloAction);
具体 API 参考：[API 文档](/site/docs/api/material#addbuiltincomponentaction)
+
### 删除节点操作项
```typescript
-import { plugins } from '@alilc/lowcode-engine';
-import { IPublicModelPluginContext } from '@alilc/lowcode-types';
+import { plugins } from '@felce/lowcode-engine';
+import { IPublicModelPluginContext } from '@felce/lowcode-types';
const removeCopyAction = (ctx: IPublicModelPluginContext) => {
return {
async init() {
ctx.material.removeBuiltinComponentAction('copy');
- }
- }
+ },
+ };
};
removeCopyAction.pluginName = 'removeCopyAction';
await plugins.register(removeCopyAction);
@@ -71,12 +73,12 @@ await plugins.register(removeCopyAction);
### 区块管理
-- 仓库地址：[https://github.com/alibaba/lowcode-plugins](https://github.com/alibaba/lowcode-plugins)
-- 具体代码：[https://github.com/alibaba/lowcode-plugins/tree/main/packages/action-block](https://github.com/alibaba/lowcode-plugins/tree/main/packages/action-block)
+- 仓库地址：[https://github.com/fe-lce/lowcode-plugins](https://github.com/fe-lce/lowcode-plugins)
+- 具体代码：[https://github.com/fe-lce/lowcode-plugins/tree/main/packages/action-block](https://github.com/fe-lce/lowcode-plugins/tree/main/packages/action-block)
- 直播回放：
- - [低代码引擎项目实战 (9)-区块管理 (1)-保存为区块](https://www.bilibili.com/video/BV1YF411M7RK/)
- - [低代码引擎项目实战 (10)-区块管理 - 区块面板](https://www.bilibili.com/video/BV1FB4y1S7tu/)
- - [阿里巴巴低代码引擎项目实战 (11)-区块管理 - ICON 优化](https://www.bilibili.com/video/BV1zr4y1H7Km/)
- - [阿里巴巴低代码引擎项目实战 (11)-区块管理 - 自动截图](https://www.bilibili.com/video/BV1GZ4y117VH/)
- - [阿里巴巴低代码引擎项目实战 (11)-区块管理 - 样式优化](https://www.bilibili.com/video/BV1Pi4y1S7ZT/)
- - [阿里低代码引擎项目实战 (12)-区块管理 (完结)-给引擎插件提个 PR](https://www.bilibili.com/video/BV1hB4y1277o/)
+ - [低代码引擎项目实战 (9)-区块管理 (1)-保存为区块](https://www.bilibili.com/video/BV1YF411M7RK/)
+ - [低代码引擎项目实战 (10)-区块管理 - 区块面板](https://www.bilibili.com/video/BV1FB4y1S7tu/)
+ - [阿里巴巴低代码引擎项目实战 (11)-区块管理 - ICON 优化](https://www.bilibili.com/video/BV1zr4y1H7Km/)
+ - [阿里巴巴低代码引擎项目实战 (11)-区块管理 - 自动截图](https://www.bilibili.com/video/BV1GZ4y117VH/)
+ - [阿里巴巴低代码引擎项目实战 (11)-区块管理 - 样式优化](https://www.bilibili.com/video/BV1Pi4y1S7ZT/)
+ - [阿里低代码引擎项目实战 (12)-区块管理 (完结)-给引擎插件提个 PR](https://www.bilibili.com/video/BV1hB4y1277o/)
diff --git a/docs/docs/guide/expand/editor/pluginWidget.md b/docs/docs/guide/expand/editor/pluginWidget.md
index 06125575f6..126f811630 100644
--- a/docs/docs/guide/expand/editor/pluginWidget.md
+++ b/docs/docs/guide/expand/editor/pluginWidget.md
@@ -18,11 +18,11 @@ sidebar_position: 5
## 注册插件 API
```typescript
-import { plugins } from '@alilc/lowcode-engine';
-import { IPublicModelPluginContext } from '@alilc/lowcode-types';
+import { plugins } from '@felce/lowcode-engine';
+import { IPublicModelPluginContext } from '@felce/lowcode-types';
const pluginA = (ctx: IPublicModelPluginContext, options: any) => {
- return {
+ return {
init() {
console.log(options.key);
// 往引擎增加面板
@@ -109,7 +109,7 @@ PanelDock 是以面板的形式展示在设计器的左侧区域的。其中主
接入可以参考代码
```javascript
-import { skeleton } from '@alilc/lowcode-engine';
+import { skeleton } from '@felce/lowcode-engine';
skeleton.add({
area: 'leftArea', // 插件区域
@@ -117,9 +117,9 @@ skeleton.add({
name: 'sourceEditor',
content: SourceEditor, // 插件组件实例
props: {
- align: "left",
- icon: "wenjian",
- description: "JS 面板",
+ align: 'left',
+ icon: 'wenjian',
+ description: 'JS 面板',
},
panelProps: {
floatable: true, // 是否可浮动
@@ -127,7 +127,7 @@ skeleton.add({
hideTitleBar: false,
maxHeight: 800,
maxWidth: 1200,
- title: "JS 面板",
+ title: 'JS 面板',
width: 600,
},
});
@@ -142,17 +142,17 @@ Widget 形式是直接渲染在当前编辑器的对应位置上。如 demo 中
接入可以参考代码：
```javascript
-import { skeleton } from '@alilc/lowcode-engine';
+import { skeleton } from '@felce/lowcode-engine';
// 注册 logo 面板
skeleton.add({
area: 'topArea',
type: 'Widget',
name: 'logo',
content: Logo, // Widget 组件实例
- contentProps: { // Widget 插件 props
- logo:
- "https://img.alicdn.com/tfs/TB1_SocGkT2gK0jSZFkXXcIQFXa-66-66.png",
- href: "/",
+ contentProps: {
+ // Widget 插件 props
+ logo: 'https://img.alicdn.com/tfs/TB1_SocGkT2gK0jSZFkXXcIQFXa-66-66.png',
+ href: '/',
},
props: {
align: 'left',
@@ -166,7 +166,7 @@ skeleton.add({
一个图标的表现形式，可以用于语言切换、跳转到外部链接、打开一个 widget 等场景。
```javascript
-import { skeleton } from '@alilc/lowcode-engine';
+import { skeleton } from '@felce/lowcode-engine';
skeleton.add({
area: 'leftArea',
@@ -180,8 +180,8 @@ skeleton.add({
window.open('https://lowcode-engine.cn');
// 显示 widget
skeleton.showWidget('xxx');
- }
- }
+ },
+ },
});
```
@@ -196,19 +196,19 @@ skeleton.add({
- 仓库地址：[https://github.com/mark-ck/lowcode-portal](https://github.com/mark-ck/lowcode-portal)
- 具体代码：[https://github.com/mark-ck/lowcode-portal/blob/master/src/plugins/pages-plugin/index.tsx](https://github.com/mark-ck/lowcode-portal/blob/master/src/plugins/pages-plugin/index.tsx)
- 直播回放：
- - [低代码引擎项目实战 (4)-自定义插件 - 页面管理](https://www.bilibili.com/video/BV17a411i73f/)
- - [低代码引擎项目实战 (4)-自定义插件 - 页面管理 - 后端](https://www.bilibili.com/video/BV1uZ4y1U7Ly/)
- - [低代码引擎项目实战 (4)-自定义插件 - 页面管理 - 前端](https://www.bilibili.com/video/BV1Yq4y1a74P/)
- - [低代码引擎项目实战 (4)-自定义插件 - 页面管理 - 完结](https://www.bilibili.com/video/BV13Y4y1e7EV/)
+ - [低代码引擎项目实战 (4)-自定义插件 - 页面管理](https://www.bilibili.com/video/BV17a411i73f/)
+ - [低代码引擎项目实战 (4)-自定义插件 - 页面管理 - 后端](https://www.bilibili.com/video/BV1uZ4y1U7Ly/)
+ - [低代码引擎项目实战 (4)-自定义插件 - 页面管理 - 前端](https://www.bilibili.com/video/BV1Yq4y1a74P/)
+ - [低代码引擎项目实战 (4)-自定义插件 - 页面管理 - 完结](https://www.bilibili.com/video/BV13Y4y1e7EV/)
### 区块面板
-- 仓库地址：[https://github.com/alibaba/lowcode-plugins](https://github.com/alibaba/lowcode-plugins)
-- 具体代码：[https://github.com/alibaba/lowcode-plugins/tree/main/packages/plugin-block](https://github.com/alibaba/lowcode-plugins/tree/main/packages/plugin-block)
+- 仓库地址：[https://github.com/fe-lce/lowcode-plugins](https://github.com/fe-lce/lowcode-plugins)
+- 具体代码：[https://github.com/fe-lce/lowcode-plugins/tree/main/packages/plugin-block](https://github.com/fe-lce/lowcode-plugins/tree/main/packages/plugin-block)
- 直播回放：
- - [低代码引擎项目实战 (9)-区块管理 (1)-保存为区块](https://www.bilibili.com/video/BV1YF411M7RK/)
- - [低代码引擎项目实战 (10)-区块管理 - 区块面板](https://www.bilibili.com/video/BV1FB4y1S7tu/)
- - [阿里巴巴低代码引擎项目实战 (11)-区块管理 - ICON 优化](https://www.bilibili.com/video/BV1zr4y1H7Km/)
- - [阿里巴巴低代码引擎项目实战 (11)-区块管理 - 自动截图](https://www.bilibili.com/video/BV1GZ4y117VH/)
- - [阿里巴巴低代码引擎项目实战 (11)-区块管理 - 样式优化](https://www.bilibili.com/video/BV1Pi4y1S7ZT/)
- - [阿里低代码引擎项目实战 (12)-区块管理 (完结)-给引擎插件提个 PR](https://www.bilibili.com/video/BV1hB4y1277o/)
+ - [低代码引擎项目实战 (9)-区块管理 (1)-保存为区块](https://www.bilibili.com/video/BV1YF411M7RK/)
+ - [低代码引擎项目实战 (10)-区块管理 - 区块面板](https://www.bilibili.com/video/BV1FB4y1S7tu/)
+ - [阿里巴巴低代码引擎项目实战 (11)-区块管理 - ICON 优化](https://www.bilibili.com/video/BV1zr4y1H7Km/)
+ - [阿里巴巴低代码引擎项目实战 (11)-区块管理 - 自动截图](https://www.bilibili.com/video/BV1GZ4y117VH/)
+ - [阿里巴巴低代码引擎项目实战 (11)-区块管理 - 样式优化](https://www.bilibili.com/video/BV1Pi4y1S7ZT/)
+ - [阿里低代码引擎项目实战 (12)-区块管理 (完结)-给引擎插件提个 PR](https://www.bilibili.com/video/BV1hB4y1277o/)
diff --git a/docs/docs/guide/expand/editor/setter.md b/docs/docs/guide/expand/editor/setter.md
index 4f0e0219fc..16dde0fd9c 100644
--- a/docs/docs/guide/expand/editor/setter.md
+++ b/docs/docs/guide/expand/editor/setter.md
@@ -2,6 +2,7 @@
title: 设置器扩展
sidebar_position: 7
---
+
## 设置器简述
设置器主要用于低代码组件属性值的设置，顾名思义叫"设置器"，又称为 Setter。由于组件的属性有各种类型，需要有与之对应的设置器支持，每一个设置器对应一个值的类型。
@@ -101,6 +102,7 @@ props 字段是入料模块扫描自动填入的类型，用户可以通过 conf
```
## 自定义设置器
+
### 编写 AltStringSetter
我们编写一个简单的 Setter，它的功能如下：
@@ -108,10 +110,11 @@ props 字段是入料模块扫描自动填入的类型，用户可以通过 conf
**代码如下：**
+
```tsx
-import * as React from "react";
-import { Input } from "@alifd/next";
-import "./index.scss";
+import * as React from 'react';
+import { Input } from '@alifd/next';
+import './index.scss';
interface AltStringSetterProps {
// 当前值
@@ -126,7 +129,7 @@ interface AltStringSetterProps {
export default class AltStringSetter extends React.PureComponent
+
2. 请按照一个 bugfix / feature 对应一个 commit，假如不是，请 rebase 后再提交 MR，不要一堆无用的、试验性的 commit。
好处：从引擎的整体 commit 历史来看，会很清晰，**每个 commit 完成一件确定的事，changelog 也能自动生成**。另外，假如因为某个 commit 导致了 bug，也很容易通过 rebase drop 等方式快速修复。
@@ -30,8 +36,8 @@ sidebar_position: 2
- main 分支，最稳定的分支，跟 npm latest 包的内容保持一致
- develop 分支，开发分支，拥有最新的、已经验证过的 feature / bugfix，Pull Request 的**目标合入分支**
- release 分支
- - 正式发布分支，命名规则为 release/x.y.z，一般从 develop 拉出来进行发布，x.y.z 为待发布的版本号
- - beta 发布分支，命名规则为 release/x.y.z-beta(\.\d+)?，可以快速验证修改，发布 npm beta 版本。
+ - 正式发布分支，命名规则为 release/x.y.z，一般从 develop 拉出来进行发布，x.y.z 为待发布的版本号
+ - beta 发布分支，命名规则为 release/x.y.z-beta(\.\d+)?，可以快速验证修改，发布 npm beta 版本。
验证通过后，因为 beta 发布分支上会存在无用的 commit（比如 lerna 修改 package.json 这种），所以不直接 PR 到 develop，而是从 develop 拉分支，从 beta 发布分支 cherry pick 有用的 commit 到新分支，然后 PR 到 develop。
@@ -47,11 +53,12 @@ sidebar_position: 2
- 特殊情况紧急迭代随时发
- 大 Feature 迭代，每年 2 - 4 次
-
### 发布步骤
+
> **发布需要权限，如果提 PR 之后着急发布可以**[**加入贡献者交流群**](../participate/#核心贡献者交流)**。**
#### 发正式版
+
步骤如下（以发布 1.0.0 版本为例）：
1. git checkout develop
@@ -75,13 +82,14 @@ sidebar_position: 2
tnpm run sync
tnpm run syncOss
```
-6. 更新[发布日志](https://github.com/alibaba/lowcode-engine/releases)
+6. 更新[发布日志](https://github.com/fe-lce/lowcode-engine/releases)
7. 合并 release/x.x.x 到 main 分支
8. 合并 main 分支到 develop 分支
如果是发布 beta 版本，步骤如下（以发布 1.0.1 版本为例）：
#### 发某 y 位版本首个 beta，如 1.1.0-beta.0
+
1. 拉 develop 分支
```bash
git checkout develop
@@ -110,6 +118,7 @@ sidebar_position: 2
```
#### 发某 z 位版本首个 beta，如 1.0.1-beta.0
+
1. 拉 develop 分支
```bash
git checkout develop
@@ -138,6 +147,7 @@ sidebar_position: 2
```
#### 发某版本非首个 beta，如 1.0.1-beta.0 -> 1.0.1-beta.1
+
1. 切换到 release 分支
```bash
git checkout release/1.0.1-beta
@@ -150,7 +160,7 @@ sidebar_position: 2
```bash
npm run build
```
-4. 发布，此处需有 @alilc scope 发包权限 ***此处命令与发首个 beta 时有变化***
+4. 发布，此处需有 @alilc scope 发包权限 **_此处命令与发首个 beta 时有变化_**
```bash
npm run pub:prerelease
```
@@ -160,9 +170,8 @@ sidebar_position: 2
tnpm run syncOss
```
-
-
## DEMO 发布机制
+
1. **修改版本号**
手动修改 package.json 的版本号
2. **build**
@@ -182,6 +191,3 @@ sidebar_position: 2
tnpm run sync
tnpm run syncOss
```
-
-**官网生效**
-需要在通过阿里内部系统更新 demo 版本
diff --git a/docs/docs/participate/index.md b/docs/docs/participate/index.md
index e09f2ddad2..1a602a73bf 100644
--- a/docs/docs/participate/index.md
+++ b/docs/docs/participate/index.md
@@ -5,7 +5,7 @@ sidebar_position: 0
### 环境准备
-开发 LowcodeEngine 需要 Node.js 16+。
+开发 LowcodeEngine 需要 Node.js 18+。
推荐使用 nvm 管理 Node.js，避免权限问题的同时，还能够随时切换当前使用的 Node.js 的版本。
@@ -14,7 +14,7 @@ sidebar_position: 0
#### clone 项目
```
-git clone git@github.com:alibaba/lowcode-engine.git
+git clone git@github.com:fe-lce/lowcode-engine.git
cd lowcode-engine
```
@@ -29,23 +29,24 @@ npm install && npm run setup
本质上是将 demo 页面引入的几个 js/css 代理到 engine 项目，可以使用趁手的代理工具，这里推荐 [XSwitch](https://chrome.google.com/webstore/detail/xswitch/idkjhjggpffolpidfkikidcokdkdaogg?hl=en-US)。
本地开发代理规则如下：
+
```json
{
"proxy": [
[
- "https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine/(.*)/dist/js/engine-core.js",
+ "https://uipaas-assets.com/prod/npm/@felce/lowcode-engine/(.*)/dist/js/engine-core.js",
"http://localhost:5555/js/AliLowCodeEngine.js"
],
[
- "https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine/(.*)/dist/css/engine-core.css",
+ "https://uipaas-assets.com/prod/npm/@felce/lowcode-engine/(.*)/dist/css/engine-core.css",
"http://localhost:5555/css/AliLowCodeEngine.css"
],
[
- "https?://uipaas-assets.com/prod/npm/@alilc/lowcode-engine/(.*)/dist/js/react-simulator-renderer.js",
+ "https?://uipaas-assets.com/prod/npm/@felce/lowcode-engine/(.*)/dist/js/react-simulator-renderer.js",
"http://localhost:5555/js/ReactSimulatorRenderer.js"
],
[
- "https?://uipaas-assets.com/prod/npm/@alilc/lowcode-engine/(.*)/dist/css/react-simulator-renderer.css",
+ "https?://uipaas-assets.com/prod/npm/@felce/lowcode-engine/(.*)/dist/css/react-simulator-renderer.css",
"http://localhost:5555/css/ReactSimulatorRenderer.css"
]
]
@@ -62,12 +63,12 @@ npm start
开启代理之后，就可以进行开发调试了。
-
### 贡献低代码引擎文档
#### 开发文档
在 lowcode-engine 目录下执行下面命令
+
```
cd docs
@@ -75,7 +76,8 @@ npm start
```
#### 维护方式
-- 官方文档通过 github 管理文档源，官网文档与[主仓库 develop 分支](https://github.com/alibaba/lowcode-engine/tree/develop/docs)保持同步。
+
+- 官方文档通过 github 管理文档源，官网文档与[主仓库 develop 分支](https://github.com/fe-lce/lowcode-engine/tree/develop/docs)保持同步。
- 点击每篇文档下发的 `编辑此页` 可直接定位到 github 中位置。
- 欢迎 PR，文档 PR 也会作为贡献者贡献，会用于贡献度统计。
- **文档同步到官方网站由官方人员进行操作**，如有需要可以通过 issue 或 贡献者群与相关人员沟通。
@@ -87,7 +89,6 @@ npm start
使用 vscode 进行编辑的朋友可以安装 vscode 插件 [huacnlee.autocorrect](https://github.com/huacnlee/autocorrect) 辅助文档 lint。
-
### 贡献低代码引擎生态
相关源码详见[NPM 包对应源码位置汇总](/site/docs/guide/appendix/npms)
@@ -99,6 +100,7 @@ npm start
PR 被合并之后，我们会尽快发布相关的正式版本或者 beta 版本。
### 加入 Contributor 群
+
提交过 Bugfix 或 Feature 类 PR 的同学，如果有兴趣一起参与维护 LowcodeEngine，我们提供了一个核心贡献者交流群。
1. 可以通过[填写问卷](https://survey.taobao.com/apps/zhiliao/4YEtu9gHF)的方式，参与到其中。
@@ -106,7 +108,7 @@ PR 被合并之后，我们会尽快发布相关的正式版本或者 beta 版
如果你不知道可以贡献什么，可以到源码里搜 TODO 或 FIXME 找找。
-为了使你能够快速上手和熟悉贡献流程，我们这里有个列表 [good first issues](https://github.com/alibaba/lowcode-engine/issues?q=is:open+is:issue+label:%22good+first+issue%22)，里面有相对没那么笼统的漏洞，从这开始是个不错的选择。
+为了使你能够快速上手和熟悉贡献流程，我们这里有个列表 [good first issues](https://github.com/fe-lce/lowcode-engine/issues?q=is:open+is:issue+label:%22good+first+issue%22)，里面有相对没那么笼统的漏洞，从这开始是个不错的选择。
### PR 提交注意事项
@@ -115,4 +117,4 @@ PR 被合并之后，我们会尽快发布相关的正式版本或者 beta 版
- 如果你修复了 bug 或者添加了代码，而这些内容需要测试，请添加测试！
- 确保通过测试套件（yarn test）。
- 请签订贡献者许可证协议（Contributor License Agreement）。
- > 如已签署 CLA 仍被提示需要签署，[解决办法](/site/docs/faq/faq021)
\ No newline at end of file
+ > 如已签署 CLA 仍被提示需要签署，[解决办法](/site/docs/faq/faq021)
diff --git a/docs/docusaurus.config.js b/docs/docusaurus.config.js
index 0aaa4c50f9..3ce8ba033c 100644
--- a/docs/docusaurus.config.js
+++ b/docs/docusaurus.config.js
@@ -39,44 +39,42 @@ const config = {
presets: [
[
'classic',
- ({
+ {
docs: {
sidebarPath: require.resolve('./config/sidebars.js'),
// lastVersion: 'current',
- editUrl:
- 'https://github.com/alibaba/lowcode-engine/tree/develop/docs/',
+ editUrl: 'https://github.com/fe-lce/lowcode-engine/tree/develop/docs/',
},
theme: {
customCss: require.resolve('./src/css/custom.css'),
},
- }),
+ },
],
],
- themeConfig:
- ({
- docs: {
- sidebar: {
- hideable: true,
- },
- },
- navbar,
- footer: {
- // style: 'dark',
- copyright: `Copyright © ${new Date().getFullYear()} 阿里巴巴集团, Inc. Built with Docusaurus.`,
+ themeConfig: {
+ docs: {
+ sidebar: {
+ hideable: true,
},
- // 主题切换
- prism: {
- theme: lightCodeTheme,
- darkTheme: darkCodeTheme,
- },
- // 语雀文档导出的图片，会进行 referrer 校验，这里设置关闭，不然加载不了语雀的图片
- metadata: [{ name: 'referrer', content: 'no-referrer' }],
- tableOfContents: {
- minHeadingLevel: 2,
- maxHeadingLevel: 6,
- },
- }),
+ },
+ navbar,
+ footer: {
+ // style: 'dark',
+ copyright: `Copyright © ${new Date().getFullYear()} 阿里巴巴集团, Inc. Built with Docusaurus.`,
+ },
+ // 主题切换
+ prism: {
+ theme: lightCodeTheme,
+ darkTheme: darkCodeTheme,
+ },
+ // 语雀文档导出的图片，会进行 referrer 校验，这里设置关闭，不然加载不了语雀的图片
+ metadata: [{ name: 'referrer', content: 'no-referrer' }],
+ tableOfContents: {
+ minHeadingLevel: 2,
+ maxHeadingLevel: 6,
+ },
+ },
themes: [
[
diff --git a/docs/package.json b/docs/package.json
index 7facd9db8b..4d3aa2c616 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -1,5 +1,5 @@
{
- "name": "@alilc/lowcode-engine-docs",
+ "name": "@felce/lowcode-engine-docs",
"version": "1.2.31",
"description": "低代码引擎版本化文档",
"license": "MIT",
@@ -57,7 +57,7 @@
},
"repository": {
"type": "http",
- "url": "https://github.com/alibaba/lowcode-engine/tree/main"
+ "url": "https://github.com/fe-lce/lowcode-engine/tree/main"
},
"gitHead": "2669f179e6f899d395ce1942d0fe04f9c5ed48a6"
}
diff --git a/lerna.json b/lerna.json
index 7fad993f66..d0d5e9aea2 100644
--- a/lerna.json
+++ b/lerna.json
@@ -1,6 +1,6 @@
{
"lerna": "4.0.0",
- "version": "1.3.2",
+ "version": "1.4.0",
"npmClient": "yarn",
"useWorkspaces": true,
"packages": [
diff --git a/modules/code-generator/CHANGELOG.md b/modules/code-generator/CHANGELOG.md
index 62527d0229..8a6c546cd8 100644
--- a/modules/code-generator/CHANGELOG.md
+++ b/modules/code-generator/CHANGELOG.md
@@ -2,279 +2,265 @@
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
-### [1.0.7-beta.2](https://github.com/alibaba/lowcode-engine/compare/@alilc/lowcode-code-generator@1.0.3...@alilc/lowcode-code-generator@1.0.7-beta.2) (2022-11-24)
+### [1.0.7-beta.2](https://github.com/fe-lce/lowcode-engine/compare/@felce/lowcode-code-generator@1.0.3...@felce/lowcode-code-generator@1.0.7-beta.2) (2022-11-24)
### Bug Fixes
-* 🐛 解决 react 中 jsx 出码的时候对于循环数据漏包 __$evalArray 的问题 ([3b9b177](https://github.com/alibaba/lowcode-engine/commit/3b9b177b052169cd0c1078cf8b488f04cb374dac))
-* 🐛 解决出码缺乏对于 i18n 数据的 params 的处理的问题 ([2cf788c](https://github.com/alibaba/lowcode-engine/commit/2cf788c1716ae63fef20004348c59a5a65c6b3d2)), closes [#288](https://github.com/alibaba/lowcode-engine/issues/288)
-* 🐛 解决小程序环境没有 window, 而 rax 出码中却默认在 __$eval 中用到 window 的问题 ([ce531ae](https://github.com/alibaba/lowcode-engine/commit/ce531aeb457711fac92d828b431cfc3d643b3682))
-* add support for jsx expression ([453e069](https://github.com/alibaba/lowcode-engine/commit/453e0699ece06d98e59227e23248baf1de4082aa))
-* 修复生成的 icejs 项目不支持 constants 的问题, fixes [#1259](https://github.com/alibaba/lowcode-engine/issues/1259) ([a079fbc](https://github.com/alibaba/lowcode-engine/commit/a079fbc256f8275e8a69eb6d8abb6f6b08179578))
-* 修正 react 框架出码中在严格模式对 methods 和 context 的处理 ([b1a6100](https://github.com/alibaba/lowcode-engine/commit/b1a61006bba4292790899c7c49c9c611a9384472))
-### [1.0.7-beta.1](https://github.com/alibaba/lowcode-engine/compare/@alilc/lowcode-code-generator@1.0.7-beta.0...@alilc/lowcode-code-generator@1.0.7-beta.1) (2022-10-26)
+- 🐛 解决 react 中 jsx 出码的时候对于循环数据漏包 \_\_$evalArray 的问题 ([3b9b177](https://github.com/fe-lce/lowcode-engine/commit/3b9b177b052169cd0c1078cf8b488f04cb374dac))
+- 🐛 解决出码缺乏对于 i18n 数据的 params 的处理的问题 ([2cf788c](https://github.com/fe-lce/lowcode-engine/commit/2cf788c1716ae63fef20004348c59a5a65c6b3d2)), closes [#288](https://github.com/fe-lce/lowcode-engine/issues/288)
+- 🐛 解决小程序环境没有 window, 而 rax 出码中却默认在 \_\_$eval 中用到 window 的问题 ([ce531ae](https://github.com/fe-lce/lowcode-engine/commit/ce531aeb457711fac92d828b431cfc3d643b3682))
+- add support for jsx expression ([453e069](https://github.com/fe-lce/lowcode-engine/commit/453e0699ece06d98e59227e23248baf1de4082aa))
+- 修复生成的 icejs 项目不支持 constants 的问题, fixes [#1259](https://github.com/fe-lce/lowcode-engine/issues/1259) ([a079fbc](https://github.com/fe-lce/lowcode-engine/commit/a079fbc256f8275e8a69eb6d8abb6f6b08179578))
+- 修正 react 框架出码中在严格模式对 methods 和 context 的处理 ([b1a6100](https://github.com/fe-lce/lowcode-engine/commit/b1a61006bba4292790899c7c49c9c611a9384472))
+### [1.0.7-beta.1](https://github.com/fe-lce/lowcode-engine/compare/@felce/lowcode-code-generator@1.0.7-beta.0...@felce/lowcode-code-generator@1.0.7-beta.1) (2022-10-26)
### Bug Fixes
-* fix empty string lost when generate variable ([2cf74cd](https://github.com/alibaba/lowcode-engine/commit/2cf74cd04b4f48a3501d37329d39784f6964366a))
+- fix empty string lost when generate variable ([2cf74cd](https://github.com/fe-lce/lowcode-engine/commit/2cf74cd04b4f48a3501d37329d39784f6964366a))
-### [1.0.7-beta.0](https://github.com/alibaba/lowcode-engine/compare/@alilc/lowcode-code-generator@1.0.6-beta.0...@alilc/lowcode-code-generator@1.0.7-beta.0) (2022-10-25)
-
-### [1.0.6-beta.0](https://github.com/alibaba/lowcode-engine/compare/@alilc/lowcode-code-generator@1.0.3...@alilc/lowcode-code-generator@1.0.6-beta.0) (2022-10-25)
+### [1.0.7-beta.0](https://github.com/fe-lce/lowcode-engine/compare/@felce/lowcode-code-generator@1.0.6-beta.0...@felce/lowcode-code-generator@1.0.7-beta.0) (2022-10-25)
+### [1.0.6-beta.0](https://github.com/fe-lce/lowcode-engine/compare/@felce/lowcode-code-generator@1.0.3...@felce/lowcode-code-generator@1.0.6-beta.0) (2022-10-25)
### Features
-* 🎸 设计态支持数据源引擎配置 ([04631f8](https://github.com/alibaba/lowcode-engine/commit/04631f813782dbf6d175f51c40ccc75ca4c099d2))
-* 大纲树支持节点过滤 ([f30db20](https://github.com/alibaba/lowcode-engine/commit/f30db20606f5f2fdac0017305b1dda7ab2258c4b))
-* 为 renderer 追加 displayName，以支持后续的反射功能 ([6399cce](https://github.com/alibaba/lowcode-engine/commit/6399cce05ae494dac6facf4366949b0b97576079))
-* 资产包支持一个package从另一个package异步导出 ([#1150](https://github.com/alibaba/lowcode-engine/issues/1150)) ([6b78157](https://github.com/alibaba/lowcode-engine/commit/6b78157b211d6eabf60297b9ce980a3e10cc8272))
-* add availableActions for ComponentMeta ([de1f60b](https://github.com/alibaba/lowcode-engine/commit/de1f60bbee157267e2c2212df1077cc49ce506f4))
-* add code coverage action ([ed3ddcf](https://github.com/alibaba/lowcode-engine/commit/ed3ddcf5c942a8e78e1f247e41d4159da97e75a8))
-* add componentMeta getter for setingPropEntry ([2f8b954](https://github.com/alibaba/lowcode-engine/commit/2f8b9545de0210260001a832b52f608238ac4191))
-* add expanded to shell SettingPropEntry ([534e294](https://github.com/alibaba/lowcode-engine/commit/534e29429d445d97c71d95d4c4e492868527bb6b))
-* add flag createIfNode for ShellNode#getProp ([152a24d](https://github.com/alibaba/lowcode-engine/commit/152a24d65528d0a3b7990c9aa87e6d8d09aa9b2a))
-* add getComponentsMap() for DocumentModel ([f956645](https://github.com/alibaba/lowcode-engine/commit/f9566454ef83eb4c48b68d63a766c3d0ff927c73))
-* add getExtraPropValue setExtraPropValue to shell SettingPropEntry ([70e7c1c](https://github.com/alibaba/lowcode-engine/commit/70e7c1c2e8998e80d58447759efdf651105724a9))
-* add id setter for DocumentModel ([941ae05](https://github.com/alibaba/lowcode-engine/commit/941ae0592586334694c48197aaa6692d49cefbce))
-* add importSchema event for documentModel ([4b8ec09](https://github.com/alibaba/lowcode-engine/commit/4b8ec09e86e3950a9d4066c28e681a59273b4c93))
-* add isGroup & items to shell SettingPropEntry ([7b76ff3](https://github.com/alibaba/lowcode-engine/commit/7b76ff357e4e638454c31a9b1324fb68966ec522))
-* add mergeChldren API for shell node ([a47d4ee](https://github.com/alibaba/lowcode-engine/commit/a47d4eea28cf4479e3b3a2bd1d194a6433666825))
-* add onMountNode event for DocumentModel ([dcc247c](https://github.com/alibaba/lowcode-engine/commit/dcc247c7d54f6af2ed36d46bfd79c7eacf7bd604))
-* add renderer for simulatorHost ([1cfc8d6](https://github.com/alibaba/lowcode-engine/commit/1cfc8d668b8897ef3a53c11520312cc6d18338f9))
-* add script for synchronizing packages to intranet registry ([b4f463e](https://github.com/alibaba/lowcode-engine/commit/b4f463e7d45f7b476de04bd4d98ad9f74d53cf13))
-* add scrollToNode for simulator host ([#1075](https://github.com/alibaba/lowcode-engine/issues/1075)) ([0bcd9ff](https://github.com/alibaba/lowcode-engine/commit/0bcd9ff78227aeddaf2fdc22d10fbd662fed91d3))
-* add setVisible for Node ([ba90327](https://github.com/alibaba/lowcode-engine/commit/ba90327eac0f5f82f6349bb9a7684bf51259e9c9))
-* add showArea & hideArea method for skeleton ([8f6b53e](https://github.com/alibaba/lowcode-engine/commit/8f6b53e67d89ee7af754132f0994a759522b3821))
-* add slotNode for shell prop ([d9a44c5](https://github.com/alibaba/lowcode-engine/commit/d9a44c5de7861e9180567b4afb787e381cefac61))
-* add some features ([18d1a4f](https://github.com/alibaba/lowcode-engine/commit/18d1a4fe1d952bcd4715e693def09fee94da49a5))
-* add some necessary methods and attributes ([4fd7f27](https://github.com/alibaba/lowcode-engine/commit/4fd7f27f8eb33b66324ede279b412940fc1f7032))
-* add some params for onDragstart & onDrag & onDragend ([d1c9838](https://github.com/alibaba/lowcode-engine/commit/d1c9838343ba1bdd4c02c1cfbf1f920dd8c87e7d))
-* add top attrbute for Shell SettingPropEntry ([51aca3d](https://github.com/alibaba/lowcode-engine/commit/51aca3d330b6483c05b71867f1b362a9f5db6cfe))
-* added lowcode engine standard specs ([f25feba](https://github.com/alibaba/lowcode-engine/commit/f25feba63f181efa83f1a8dff530e1c39ab1b34c))
-* added lowcode engine standard specs ([57df803](https://github.com/alibaba/lowcode-engine/commit/57df803179ca9cec4e8ab1dac1be577175732e65))
-* added thisRequiredInJSE API to control whether JSExpression expression access context must use this ([#702](https://github.com/alibaba/lowcode-engine/issues/702)) ([da7f77e](https://github.com/alibaba/lowcode-engine/commit/da7f77ee91b3bf441a4a57614872df32d6a1d041))
-* assetLoader loda scripts with async=false ([f6ad4a1](https://github.com/alibaba/lowcode-engine/commit/f6ad4a157df8c0ff7db327f4770f454998693d9a))
-* change loop sertter config, set defaultValue prop to JsonSetter ([aa6b9c8](https://github.com/alibaba/lowcode-engine/commit/aa6b9c8f7a5353771af9f46216310f044e57c533))
-* cp dist files of simulator-renderer to that of engine ([03c5397](https://github.com/alibaba/lowcode-engine/commit/03c53971df6de8c35620fd77743ac4f57a82d323))
-* export nodeChildrenSymbol && remove some unnecessary editor.set ([e83adce](https://github.com/alibaba/lowcode-engine/commit/e83adcee815eea73b6b1ed4f43f4d684c11818ca))
-* fix render-core leaf hoc component condition config should get from leaf exportSchema fn ([85704c3](https://github.com/alibaba/lowcode-engine/commit/85704c36946191a1b88db789cfac59e9d027a371))
-* low-code components support lifecycle and function execution ([176583f](https://github.com/alibaba/lowcode-engine/commit/176583f48af573d30c0d2c36faa3d901b0541c06))
-* **material-parser:** check module before install it; fix default value issue in ts parser ([fc452f7](https://github.com/alibaba/lowcode-engine/commit/fc452f7166f02acfba6076c1a9425e6f5880b5f6))
-* modify the output method of rendering module parsing errors ([8255b79](https://github.com/alibaba/lowcode-engine/commit/8255b7945836ee5d25fae73913faa6d0af7b3ff3))
-* pass e to customizeIgnoreSelectors ([900b239](https://github.com/alibaba/lowcode-engine/commit/900b2394323e85f0dce5df83dfc773f96da23e24))
-* refine nesting drawer ([4c032d0](https://github.com/alibaba/lowcode-engine/commit/4c032d0d0ead9731c038bd62dccc4a7d96435183))
-* refine nesting drawer ([94a211e](https://github.com/alibaba/lowcode-engine/commit/94a211e2795f74721cfd2ae3ff38a1d3607e9cd0))
-* refine pop drawer ([abf8fae](https://github.com/alibaba/lowcode-engine/commit/abf8fae3ef4d62b5688362e1b98f1b508a207029))
-* requestHandlersMap should be optional ([ee7160e](https://github.com/alibaba/lowcode-engine/commit/ee7160ea3c625d421c07730ef51711b8f14392a0))
-* return unbind function for onChangeDetecting & onChangeSelection ([30267cb](https://github.com/alibaba/lowcode-engine/commit/30267cb173fca2cd80a61450b9f2fe2bceac0f06))
-* support for hiding settings tabs when there is only one item ([#669](https://github.com/alibaba/lowcode-engine/issues/669)) ([cbd95a1](https://github.com/alibaba/lowcode-engine/commit/cbd95a1778415406670f37507ce957af6b3ecd4a))
-* support for NotFoundComponent design state is optional ([#1013](https://github.com/alibaba/lowcode-engine/issues/1013)) ([d3c891e](https://github.com/alibaba/lowcode-engine/commit/d3c891e2a46d138e31c81a7f9b804a8240154df5))
-* support opening document with id ([3f7c0cd](https://github.com/alibaba/lowcode-engine/commit/3f7c0cd5191b7924f2630c58e6439f4d4a936ac9))
-* support SPA mode ([1f9150e](https://github.com/alibaba/lowcode-engine/commit/1f9150e4b260d522bd7cb31497069b700a1e8576))
-* sync utils/constants ([#506](https://github.com/alibaba/lowcode-engine/issues/506)) ([2871b5b](https://github.com/alibaba/lowcode-engine/commit/2871b5ba4c3dbf1ed76bf4d6359fb457190a9b22))
-* the tips when dragging a component from the component panel same with the moving component ([dbe0764](https://github.com/alibaba/lowcode-engine/commit/dbe0764ff4901450f03ca56b62167fbc87d2524a))
-
+- 🎸 设计态支持数据源引擎配置 ([04631f8](https://github.com/fe-lce/lowcode-engine/commit/04631f813782dbf6d175f51c40ccc75ca4c099d2))
+- 大纲树支持节点过滤 ([f30db20](https://github.com/fe-lce/lowcode-engine/commit/f30db20606f5f2fdac0017305b1dda7ab2258c4b))
+- 为 renderer 追加 displayName，以支持后续的反射功能 ([6399cce](https://github.com/fe-lce/lowcode-engine/commit/6399cce05ae494dac6facf4366949b0b97576079))
+- 资产包支持一个package从另一个package异步导出 ([#1150](https://github.com/fe-lce/lowcode-engine/issues/1150)) ([6b78157](https://github.com/fe-lce/lowcode-engine/commit/6b78157b211d6eabf60297b9ce980a3e10cc8272))
+- add availableActions for ComponentMeta ([de1f60b](https://github.com/fe-lce/lowcode-engine/commit/de1f60bbee157267e2c2212df1077cc49ce506f4))
+- add code coverage action ([ed3ddcf](https://github.com/fe-lce/lowcode-engine/commit/ed3ddcf5c942a8e78e1f247e41d4159da97e75a8))
+- add componentMeta getter for setingPropEntry ([2f8b954](https://github.com/fe-lce/lowcode-engine/commit/2f8b9545de0210260001a832b52f608238ac4191))
+- add expanded to shell SettingPropEntry ([534e294](https://github.com/fe-lce/lowcode-engine/commit/534e29429d445d97c71d95d4c4e492868527bb6b))
+- add flag createIfNode for ShellNode#getProp ([152a24d](https://github.com/fe-lce/lowcode-engine/commit/152a24d65528d0a3b7990c9aa87e6d8d09aa9b2a))
+- add getComponentsMap() for DocumentModel ([f956645](https://github.com/fe-lce/lowcode-engine/commit/f9566454ef83eb4c48b68d63a766c3d0ff927c73))
+- add getExtraPropValue setExtraPropValue to shell SettingPropEntry ([70e7c1c](https://github.com/fe-lce/lowcode-engine/commit/70e7c1c2e8998e80d58447759efdf651105724a9))
+- add id setter for DocumentModel ([941ae05](https://github.com/fe-lce/lowcode-engine/commit/941ae0592586334694c48197aaa6692d49cefbce))
+- add importSchema event for documentModel ([4b8ec09](https://github.com/fe-lce/lowcode-engine/commit/4b8ec09e86e3950a9d4066c28e681a59273b4c93))
+- add isGroup & items to shell SettingPropEntry ([7b76ff3](https://github.com/fe-lce/lowcode-engine/commit/7b76ff357e4e638454c31a9b1324fb68966ec522))
+- add mergeChldren API for shell node ([a47d4ee](https://github.com/fe-lce/lowcode-engine/commit/a47d4eea28cf4479e3b3a2bd1d194a6433666825))
+- add onMountNode event for DocumentModel ([dcc247c](https://github.com/fe-lce/lowcode-engine/commit/dcc247c7d54f6af2ed36d46bfd79c7eacf7bd604))
+- add renderer for simulatorHost ([1cfc8d6](https://github.com/fe-lce/lowcode-engine/commit/1cfc8d668b8897ef3a53c11520312cc6d18338f9))
+- add script for synchronizing packages to intranet registry ([b4f463e](https://github.com/fe-lce/lowcode-engine/commit/b4f463e7d45f7b476de04bd4d98ad9f74d53cf13))
+- add scrollToNode for simulator host ([#1075](https://github.com/fe-lce/lowcode-engine/issues/1075)) ([0bcd9ff](https://github.com/fe-lce/lowcode-engine/commit/0bcd9ff78227aeddaf2fdc22d10fbd662fed91d3))
+- add setVisible for Node ([ba90327](https://github.com/fe-lce/lowcode-engine/commit/ba90327eac0f5f82f6349bb9a7684bf51259e9c9))
+- add showArea & hideArea method for skeleton ([8f6b53e](https://github.com/fe-lce/lowcode-engine/commit/8f6b53e67d89ee7af754132f0994a759522b3821))
+- add slotNode for shell prop ([d9a44c5](https://github.com/fe-lce/lowcode-engine/commit/d9a44c5de7861e9180567b4afb787e381cefac61))
+- add some features ([18d1a4f](https://github.com/fe-lce/lowcode-engine/commit/18d1a4fe1d952bcd4715e693def09fee94da49a5))
+- add some necessary methods and attributes ([4fd7f27](https://github.com/fe-lce/lowcode-engine/commit/4fd7f27f8eb33b66324ede279b412940fc1f7032))
+- add some params for onDragstart & onDrag & onDragend ([d1c9838](https://github.com/fe-lce/lowcode-engine/commit/d1c9838343ba1bdd4c02c1cfbf1f920dd8c87e7d))
+- add top attrbute for Shell SettingPropEntry ([51aca3d](https://github.com/fe-lce/lowcode-engine/commit/51aca3d330b6483c05b71867f1b362a9f5db6cfe))
+- added lowcode engine standard specs ([f25feba](https://github.com/fe-lce/lowcode-engine/commit/f25feba63f181efa83f1a8dff530e1c39ab1b34c))
+- added lowcode engine standard specs ([57df803](https://github.com/fe-lce/lowcode-engine/commit/57df803179ca9cec4e8ab1dac1be577175732e65))
+- added thisRequiredInJSE API to control whether JSExpression expression access context must use this ([#702](https://github.com/fe-lce/lowcode-engine/issues/702)) ([da7f77e](https://github.com/fe-lce/lowcode-engine/commit/da7f77ee91b3bf441a4a57614872df32d6a1d041))
+- assetLoader loda scripts with async=false ([f6ad4a1](https://github.com/fe-lce/lowcode-engine/commit/f6ad4a157df8c0ff7db327f4770f454998693d9a))
+- change loop sertter config, set defaultValue prop to JsonSetter ([aa6b9c8](https://github.com/fe-lce/lowcode-engine/commit/aa6b9c8f7a5353771af9f46216310f044e57c533))
+- cp dist files of simulator-renderer to that of engine ([03c5397](https://github.com/fe-lce/lowcode-engine/commit/03c53971df6de8c35620fd77743ac4f57a82d323))
+- export nodeChildrenSymbol && remove some unnecessary editor.set ([e83adce](https://github.com/fe-lce/lowcode-engine/commit/e83adcee815eea73b6b1ed4f43f4d684c11818ca))
+- fix render-core leaf hoc component condition config should get from leaf exportSchema fn ([85704c3](https://github.com/fe-lce/lowcode-engine/commit/85704c36946191a1b88db789cfac59e9d027a371))
+- low-code components support lifecycle and function execution ([176583f](https://github.com/fe-lce/lowcode-engine/commit/176583f48af573d30c0d2c36faa3d901b0541c06))
+- **material-parser:** check module before install it; fix default value issue in ts parser ([fc452f7](https://github.com/fe-lce/lowcode-engine/commit/fc452f7166f02acfba6076c1a9425e6f5880b5f6))
+- modify the output method of rendering module parsing errors ([8255b79](https://github.com/fe-lce/lowcode-engine/commit/8255b7945836ee5d25fae73913faa6d0af7b3ff3))
+- pass e to customizeIgnoreSelectors ([900b239](https://github.com/fe-lce/lowcode-engine/commit/900b2394323e85f0dce5df83dfc773f96da23e24))
+- refine nesting drawer ([4c032d0](https://github.com/fe-lce/lowcode-engine/commit/4c032d0d0ead9731c038bd62dccc4a7d96435183))
+- refine nesting drawer ([94a211e](https://github.com/fe-lce/lowcode-engine/commit/94a211e2795f74721cfd2ae3ff38a1d3607e9cd0))
+- refine pop drawer ([abf8fae](https://github.com/fe-lce/lowcode-engine/commit/abf8fae3ef4d62b5688362e1b98f1b508a207029))
+- requestHandlersMap should be optional ([ee7160e](https://github.com/fe-lce/lowcode-engine/commit/ee7160ea3c625d421c07730ef51711b8f14392a0))
+- return unbind function for onChangeDetecting & onChangeSelection ([30267cb](https://github.com/fe-lce/lowcode-engine/commit/30267cb173fca2cd80a61450b9f2fe2bceac0f06))
+- support for hiding settings tabs when there is only one item ([#669](https://github.com/fe-lce/lowcode-engine/issues/669)) ([cbd95a1](https://github.com/fe-lce/lowcode-engine/commit/cbd95a1778415406670f37507ce957af6b3ecd4a))
+- support for NotFoundComponent design state is optional ([#1013](https://github.com/fe-lce/lowcode-engine/issues/1013)) ([d3c891e](https://github.com/fe-lce/lowcode-engine/commit/d3c891e2a46d138e31c81a7f9b804a8240154df5))
+- support opening document with id ([3f7c0cd](https://github.com/fe-lce/lowcode-engine/commit/3f7c0cd5191b7924f2630c58e6439f4d4a936ac9))
+- support SPA mode ([1f9150e](https://github.com/fe-lce/lowcode-engine/commit/1f9150e4b260d522bd7cb31497069b700a1e8576))
+- sync utils/constants ([#506](https://github.com/fe-lce/lowcode-engine/issues/506)) ([2871b5b](https://github.com/fe-lce/lowcode-engine/commit/2871b5ba4c3dbf1ed76bf4d6359fb457190a9b22))
+- the tips when dragging a component from the component panel same with the moving component ([dbe0764](https://github.com/fe-lce/lowcode-engine/commit/dbe0764ff4901450f03ca56b62167fbc87d2524a))
### Bug Fixes
-* 🐛 解决 react 中 jsx 出码的时候对于循环数据漏包 __$evalArray 的问题 ([3b9b177](https://github.com/alibaba/lowcode-engine/commit/3b9b177b052169cd0c1078cf8b488f04cb374dac))
-* 🐛 解决出码缺乏对于 i18n 数据的 params 的处理的问题 ([2cf788c](https://github.com/alibaba/lowcode-engine/commit/2cf788c1716ae63fef20004348c59a5a65c6b3d2)), closes [#288](https://github.com/alibaba/lowcode-engine/issues/288)
-* 🐛 解决小程序环境没有 window, 而 rax 出码中却默认在 __$eval 中用到 window 的问题 ([ce531ae](https://github.com/alibaba/lowcode-engine/commit/ce531aeb457711fac92d828b431cfc3d643b3682))
-* 🐛 修复数据源引擎请求处理器映射严格模式下被过滤的问题 ([75626d8](https://github.com/alibaba/lowcode-engine/commit/75626d877db017b8862b1d5e64d75f3af7ff667a))
-* 🐛 修正 i18n 里面的一个参数命名问题 ([20c6fca](https://github.com/alibaba/lowcode-engine/commit/20c6fca03e99b11fa5c257cbbda0d4d23f410090))
-* 新元素无法在大纲树拖拽 ([3d41fd5](https://github.com/alibaba/lowcode-engine/commit/3d41fd5d0783048a7cfb54c6f80d058856153d25))
-* 修复React17选中组件bug ([750d282](https://github.com/alibaba/lowcode-engine/commit/750d282c03a880204fefdef01e180510465b82f8))
-* 修正 react 框架出码中在严格模式对 methods 和 context 的处理 ([b1a6100](https://github.com/alibaba/lowcode-engine/commit/b1a61006bba4292790899c7c49c9c611a9384472))
-* 左侧抽屉固定模式层级不足 ([c657cee](https://github.com/alibaba/lowcode-engine/commit/c657cee0694e3126dee89588a2aa17c4e118f786))
-* add lowcode-designer, lowcode-utils dependencies ([d250242](https://github.com/alibaba/lowcode-engine/commit/d2502427ca988881747a35bd8da49f024939b833))
-* add support for jsx expression ([1043ef8](https://github.com/alibaba/lowcode-engine/commit/1043ef82b1e9ceefc3b74fd21eb28e9a740bd1db))
-* addon-combine affect metadata unexpectedly ([fc5fbc6](https://github.com/alibaba/lowcode-engine/commit/fc5fbc63a04a32bc887754f32e74c76149d74b05))
-* adjust synchronize-order of packages ([81a7304](https://github.com/alibaba/lowcode-engine/commit/81a73049bd848524e1156761ded08ddf325863ba))
-* change typescript type export to export type ([50e4a03](https://github.com/alibaba/lowcode-engine/commit/50e4a03b7d810131ce413cc057b43d4a726f1ebe))
-* change typescript type export to export type ([573504b](https://github.com/alibaba/lowcode-engine/commit/573504b0e3537ca60d234ce2b2f3feedb323405e))
-* declare parameter appHelper for valid engine options ([058a842](https://github.com/alibaba/lowcode-engine/commit/058a84226af8ca19d8c7d63599d80d0cdf70281c))
-* defaultValue should be evaluated inspite of condition result is falsy, fixes [#1045](https://github.com/alibaba/lowcode-engine/issues/1045) ([fcfce3c](https://github.com/alibaba/lowcode-engine/commit/fcfce3cbeb5a53600c40aea07ffef19c9c9591c4))
-* delete the defaultValue configuration outside the loop ([acf7449](https://github.com/alibaba/lowcode-engine/commit/acf7449ca231d45e8ed7e1d9416817ea11b1266f))
-* delete unused typescript types ([63f5d2c](https://github.com/alibaba/lowcode-engine/commit/63f5d2ca3e0bda92898fd0df28c9500707812082))
-* delete unused typescript types ([2432aed](https://github.com/alibaba/lowcode-engine/commit/2432aed83d55407d2f8b5f94910ada7ea78bb59e))
-* designer/loadIncrementalAssets await Sequential ([#841](https://github.com/alibaba/lowcode-engine/issues/841)) ([8232424](https://github.com/alibaba/lowcode-engine/commit/823242469743d235923b3b946ec7d2db70887ead))
-* error thrown when triggering undo after save schema on SchemaPane ([9be46e7](https://github.com/alibaba/lowcode-engine/commit/9be46e7b34e3a40cbc489dbae4bfd0915c2090e3))
-* fallback focusNode to root if empty ([a9a118f](https://github.com/alibaba/lowcode-engine/commit/a9a118fe6e79080245c6eea42ed26772b7c784ca))
-* **filter:** unique key prop warning ([3fe6e41](https://github.com/alibaba/lowcode-engine/commit/3fe6e41536cd3a9b9c7eaca5b353de4bd1f91b11))
-* **filter:** unique key prop warning ([06e6920](https://github.com/alibaba/lowcode-engine/commit/06e6920602bdf21b6e1ffe5cfa3dfe4856e7c57e))
-* fix css resources with parameters not loading correctly ([f859752](https://github.com/alibaba/lowcode-engine/commit/f85975211814147d40ae5330a76cb21cb6c66916))
-* fix css resources with parameters not loading correctly ([9a5a04a](https://github.com/alibaba/lowcode-engine/commit/9a5a04ac9560fb6a51bf4e0ed8ea446381d39c35))
-* fix dataSource needs to be compatible due to empty schema ([98bc477](https://github.com/alibaba/lowcode-engine/commit/98bc477d80dbf7993f89befdb42762d78a55fb1b))
-* fix displayName spell mistake ([2b2bcbd](https://github.com/alibaba/lowcode-engine/commit/2b2bcbdaebde6a3ce974072f586386ef7ef3497c))
-* fix internal project.getSchema default stage is error ([0d40db2](https://github.com/alibaba/lowcode-engine/commit/0d40db2581f4fe5a9e22f763f21aec641e366c34))
-* fix lint issues for renderer-core/renderer/base ([d85437d](https://github.com/alibaba/lowcode-engine/commit/d85437d4af1043371e27dfde98cecf914b93a126))
-* fix lint issues for renderer-core/renderer/base ([4b59190](https://github.com/alibaba/lowcode-engine/commit/4b59190c7f9d518bc7efac44b7eeee73f1b5d177))
-* fix low-code component rendering problems: 1. thisRequiredInJSE does not take effect 2. jsx components cannot obtain source components ([5dd4625](https://github.com/alibaba/lowcode-engine/commit/5dd462544fbbbccfa97165f2bcfeed8629fab2a3))
-* fix material-spec demo ([438cccd](https://github.com/alibaba/lowcode-engine/commit/438cccd58e4341638070c1d8b2d4e78e4e20e3fb))
-* fix misused doc urls ([16a8857](https://github.com/alibaba/lowcode-engine/commit/16a88578634b9da2f04698df5ca5a5e69151bb97))
-* fix monitor utils incorrect assignment method ([bf280c6](https://github.com/alibaba/lowcode-engine/commit/bf280c6fa1e46d084fc8f20323164816fad4076f))
-* fix outline-pane invisible occasionally when dragging tree node ([031c7f2](https://github.com/alibaba/lowcode-engine/commit/031c7f25f10a6cfebfc7929c9226f4e4167a359f))
-* fix outline-tree initialization failed ([a2d5c6f](https://github.com/alibaba/lowcode-engine/commit/a2d5c6fd90ca0226bbbfea01a4b28c8b8d307a78))
-* fix render module state expression initialization exception ([5bd68ee](https://github.com/alibaba/lowcode-engine/commit/5bd68ee6b448fa58b022870b3f8175d8b77febde))
-* fix render module state expression initialization exception ([9c545cc](https://github.com/alibaba/lowcode-engine/commit/9c545cca6004f65e2f206ea001cefa3fa3cfa807))
-* fix setter hooks error ([8a3a0b8](https://github.com/alibaba/lowcode-engine/commit/8a3a0b824162e25a930711c6fef511b4b369e897))
-* fix test case failures of designer ([4b0521a](https://github.com/alibaba/lowcode-engine/commit/4b0521a47494f78e120f75021e0a076fb00ce53e))
-* Fix the conversion failure of some props expressions under Slot props of low-code components ([7db5461](https://github.com/alibaba/lowcode-engine/commit/7db5461706c739fac673b2466bc2fda7661242e4))
-* fix the leaf hoc component fails to monitor Node changes, and modify the logic for get node ([6ee6b07](https://github.com/alibaba/lowcode-engine/commit/6ee6b07a10ba4aac583def52d8ff1fa78d111d0b))
-* fix the leaf hoc component fails to monitor Node changes, and modify the logic for get node ([f400172](https://github.com/alibaba/lowcode-engine/commit/f4001728259047b09db75d76a8c3ef1e1bcb4e0a))
-* fix the problem that material.getComponentMetasMap returns the wrong result ([e02933c](https://github.com/alibaba/lowcode-engine/commit/e02933c18bc15519b2eba8ad946282502a509611))
-* Fix the rendering error caused by incorrect key value when configuring the loop ([1026763](https://github.com/alibaba/lowcode-engine/commit/1026763dc5a77d4395a1e86e5a0084ab4fb4230c))
-* fix the unit test failure problem caused by thisRequiredInJSE modification ([c2c59b7](https://github.com/alibaba/lowcode-engine/commit/c2c59b7ff72ba06156bbcdb952262739d6188209))
-* fix unnecessary props calculation ([f1fed75](https://github.com/alibaba/lowcode-engine/commit/f1fed75f39be8289ede1ec558b04428a69e25b5f))
-* fixed an issue where materials would be rendered multiple times ([9d187cc](https://github.com/alibaba/lowcode-engine/commit/9d187ccb7de55857e861d3fc881c610506872d03))
-* fixed an issue where materials would be rendered multiple times ([64cc328](https://github.com/alibaba/lowcode-engine/commit/64cc3283c15342151a8f93c46a276681f3575153))
-* fixed focusNodeSelector configuration not taking effect ([9beae9c](https://github.com/alibaba/lowcode-engine/commit/9beae9c3269901bf03a29033121c7d480571bce5))
-* fixed the issue that thisRequiredInJSE did not take effect in some scenarios ([7e5a919](https://github.com/alibaba/lowcode-engine/commit/7e5a919f9352397f11741fd911495996469c0256))
-* in ES require changed to import ([b4d7d6d](https://github.com/alibaba/lowcode-engine/commit/b4d7d6d8c290a335a2c1f60731d4417b23444941))
-* in ES require changed to import ([7c8cd36](https://github.com/alibaba/lowcode-engine/commit/7c8cd36a10a7caa61de31a15abd93ab8a97fbe08))
-* leaf should be type of ShellNode other than InnerNode ([5bb8cf5](https://github.com/alibaba/lowcode-engine/commit/5bb8cf5d12d38d70b69fa28deb2f8aa0afa9b9b9))
-* lowcode component exec lifecycle has error ([f99a47e](https://github.com/alibaba/lowcode-engine/commit/f99a47e502080134454795f5e361cfa4fba3f03b))
-* lowcode component leaf dont have export prop, exec leaf.export make error ([9d51dcd](https://github.com/alibaba/lowcode-engine/commit/9d51dcdae38850be0206861f2cae74ca68805c25))
-* missing engine options config info ([a79875c](https://github.com/alibaba/lowcode-engine/commit/a79875cf8698d3912b50526d97f6ac72e9a21fc9))
-* missing engine options config info ([9ccded0](https://github.com/alibaba/lowcode-engine/commit/9ccded006ef44cd538abaa140250e519243bf090))
-* npm run clean error in windows ([a176e9d](https://github.com/alibaba/lowcode-engine/commit/a176e9d245981fb5718c8d144f477202b3796be6))
-* project event listeners will not be invoked sometimes ([a0c772f](https://github.com/alibaba/lowcode-engine/commit/a0c772fb903cf5eb9e0b811b64bbe3846d4ba8ac))
-* project.exportSchema api lack stage param & setAssets should be a async fn ([0ea76a7](https://github.com/alibaba/lowcode-engine/commit/0ea76a746fac8ea8e7b999d42434c468c85d6372))
-* project.exportSchema should export componentsMap of all documents ([969a130](https://github.com/alibaba/lowcode-engine/commit/969a130b373fb028f8051e96cb9d79f1de0a2a1c))
-* removed incorrectly calling childWhitelist hook logic during drag and drop ([#1141](https://github.com/alibaba/lowcode-engine/issues/1141)) ([6576346](https://github.com/alibaba/lowcode-engine/commit/6576346b9185bedb090be9c84129e077cf5389b3))
-* renderer not rendering correct components when loading components with loadAsyncLibrary api ([9b3b4f9](https://github.com/alibaba/lowcode-engine/commit/9b3b4f9b0e35ef3ea2f0117f0cdb2254e15d5389))
-* should pass index param when creating a Prop instance under a list type Prop instance, fix [#780](https://github.com/alibaba/lowcode-engine/issues/780) ([a8de3f2](https://github.com/alibaba/lowcode-engine/commit/a8de3f299c7b26fa939d2b2ea1428143e2b5fb01))
-* simulator eclipses setting area [#773](https://github.com/alibaba/lowcode-engine/issues/773) ([b4b30a3](https://github.com/alibaba/lowcode-engine/commit/b4b30a359932f5c0e8fde1b28f54a883c87901d8))
-* spec typo ([#1064](https://github.com/alibaba/lowcode-engine/issues/1064)) ([ecb9dca](https://github.com/alibaba/lowcode-engine/commit/ecb9dca2b9386ef6fadfd009d161a9203b9b9558))
-* try catch calculation of dynamic setter ([f61e2a2](https://github.com/alibaba/lowcode-engine/commit/f61e2a2b8a3d8d6754474cd392bc259917c7eb10))
-* type=legao dont make request ([98ececa](https://github.com/alibaba/lowcode-engine/commit/98ececa9c11f93e5f849b201b5b5e7ff453733d7))
-* **types:** rrror declaration of the children prop ([951d1cb](https://github.com/alibaba/lowcode-engine/commit/951d1cb103fa46c0e7926d6138657c7d10cc4f88))
-* use the original object if it is not a shell object ([5ea53f7](https://github.com/alibaba/lowcode-engine/commit/5ea53f706b6571946bcfa56b8655b55717381771))
-* use the outer documentation url of unique key, fixes [#868](https://github.com/alibaba/lowcode-engine/issues/868) ([d770007](https://github.com/alibaba/lowcode-engine/commit/d770007ff8c39e6cf527e07a7d6468dbb88c776d))
-* use the outer documentation url of unique key, fixes [#868](https://github.com/alibaba/lowcode-engine/issues/868) ([912ee22](https://github.com/alibaba/lowcode-engine/commit/912ee22180a424f63298c319c62fb481513af904))
-* use uppercase resize trigger names based on material spec ([7fda0ef](https://github.com/alibaba/lowcode-engine/commit/7fda0efe131e0e2e3141849cf3f87307e7ce1b36))
-* when designMode is not design, the hidden attribute does not take effect ([3dd0b6d](https://github.com/alibaba/lowcode-engine/commit/3dd0b6d0a86267e3029c176ff49aff793ce3e186))
-
-### [1.0.4](https://github.com/alibaba/lowcode-engine/compare/@alilc/lowcode-code-generator@1.0.4-beta.0...@alilc/lowcode-code-generator@1.0.4) (2022-04-12)
-
+- 🐛 解决 react 中 jsx 出码的时候对于循环数据漏包 \_\_$evalArray 的问题 ([3b9b177](https://github.com/fe-lce/lowcode-engine/commit/3b9b177b052169cd0c1078cf8b488f04cb374dac))
+- 🐛 解决出码缺乏对于 i18n 数据的 params 的处理的问题 ([2cf788c](https://github.com/fe-lce/lowcode-engine/commit/2cf788c1716ae63fef20004348c59a5a65c6b3d2)), closes [#288](https://github.com/fe-lce/lowcode-engine/issues/288)
+- 🐛 解决小程序环境没有 window, 而 rax 出码中却默认在 \_\_$eval 中用到 window 的问题 ([ce531ae](https://github.com/fe-lce/lowcode-engine/commit/ce531aeb457711fac92d828b431cfc3d643b3682))
+- 🐛 修复数据源引擎请求处理器映射严格模式下被过滤的问题 ([75626d8](https://github.com/fe-lce/lowcode-engine/commit/75626d877db017b8862b1d5e64d75f3af7ff667a))
+- 🐛 修正 i18n 里面的一个参数命名问题 ([20c6fca](https://github.com/fe-lce/lowcode-engine/commit/20c6fca03e99b11fa5c257cbbda0d4d23f410090))
+- 新元素无法在大纲树拖拽 ([3d41fd5](https://github.com/fe-lce/lowcode-engine/commit/3d41fd5d0783048a7cfb54c6f80d058856153d25))
+- 修复React17选中组件bug ([750d282](https://github.com/fe-lce/lowcode-engine/commit/750d282c03a880204fefdef01e180510465b82f8))
+- 修正 react 框架出码中在严格模式对 methods 和 context 的处理 ([b1a6100](https://github.com/fe-lce/lowcode-engine/commit/b1a61006bba4292790899c7c49c9c611a9384472))
+- 左侧抽屉固定模式层级不足 ([c657cee](https://github.com/fe-lce/lowcode-engine/commit/c657cee0694e3126dee89588a2aa17c4e118f786))
+- add lowcode-designer, lowcode-utils dependencies ([d250242](https://github.com/fe-lce/lowcode-engine/commit/d2502427ca988881747a35bd8da49f024939b833))
+- add support for jsx expression ([1043ef8](https://github.com/fe-lce/lowcode-engine/commit/1043ef82b1e9ceefc3b74fd21eb28e9a740bd1db))
+- addon-combine affect metadata unexpectedly ([fc5fbc6](https://github.com/fe-lce/lowcode-engine/commit/fc5fbc63a04a32bc887754f32e74c76149d74b05))
+- adjust synchronize-order of packages ([81a7304](https://github.com/fe-lce/lowcode-engine/commit/81a73049bd848524e1156761ded08ddf325863ba))
+- change typescript type export to export type ([50e4a03](https://github.com/fe-lce/lowcode-engine/commit/50e4a03b7d810131ce413cc057b43d4a726f1ebe))
+- change typescript type export to export type ([573504b](https://github.com/fe-lce/lowcode-engine/commit/573504b0e3537ca60d234ce2b2f3feedb323405e))
+- declare parameter appHelper for valid engine options ([058a842](https://github.com/fe-lce/lowcode-engine/commit/058a84226af8ca19d8c7d63599d80d0cdf70281c))
+- defaultValue should be evaluated inspite of condition result is falsy, fixes [#1045](https://github.com/fe-lce/lowcode-engine/issues/1045) ([fcfce3c](https://github.com/fe-lce/lowcode-engine/commit/fcfce3cbeb5a53600c40aea07ffef19c9c9591c4))
+- delete the defaultValue configuration outside the loop ([acf7449](https://github.com/fe-lce/lowcode-engine/commit/acf7449ca231d45e8ed7e1d9416817ea11b1266f))
+- delete unused typescript types ([63f5d2c](https://github.com/fe-lce/lowcode-engine/commit/63f5d2ca3e0bda92898fd0df28c9500707812082))
+- delete unused typescript types ([2432aed](https://github.com/fe-lce/lowcode-engine/commit/2432aed83d55407d2f8b5f94910ada7ea78bb59e))
+- designer/loadIncrementalAssets await Sequential ([#841](https://github.com/fe-lce/lowcode-engine/issues/841)) ([8232424](https://github.com/fe-lce/lowcode-engine/commit/823242469743d235923b3b946ec7d2db70887ead))
+- error thrown when triggering undo after save schema on SchemaPane ([9be46e7](https://github.com/fe-lce/lowcode-engine/commit/9be46e7b34e3a40cbc489dbae4bfd0915c2090e3))
+- fallback focusNode to root if empty ([a9a118f](https://github.com/fe-lce/lowcode-engine/commit/a9a118fe6e79080245c6eea42ed26772b7c784ca))
+- **filter:** unique key prop warning ([3fe6e41](https://github.com/fe-lce/lowcode-engine/commit/3fe6e41536cd3a9b9c7eaca5b353de4bd1f91b11))
+- **filter:** unique key prop warning ([06e6920](https://github.com/fe-lce/lowcode-engine/commit/06e6920602bdf21b6e1ffe5cfa3dfe4856e7c57e))
+- fix css resources with parameters not loading correctly ([f859752](https://github.com/fe-lce/lowcode-engine/commit/f85975211814147d40ae5330a76cb21cb6c66916))
+- fix css resources with parameters not loading correctly ([9a5a04a](https://github.com/fe-lce/lowcode-engine/commit/9a5a04ac9560fb6a51bf4e0ed8ea446381d39c35))
+- fix dataSource needs to be compatible due to empty schema ([98bc477](https://github.com/fe-lce/lowcode-engine/commit/98bc477d80dbf7993f89befdb42762d78a55fb1b))
+- fix displayName spell mistake ([2b2bcbd](https://github.com/fe-lce/lowcode-engine/commit/2b2bcbdaebde6a3ce974072f586386ef7ef3497c))
+- fix internal project.getSchema default stage is error ([0d40db2](https://github.com/fe-lce/lowcode-engine/commit/0d40db2581f4fe5a9e22f763f21aec641e366c34))
+- fix lint issues for renderer-core/renderer/base ([d85437d](https://github.com/fe-lce/lowcode-engine/commit/d85437d4af1043371e27dfde98cecf914b93a126))
+- fix lint issues for renderer-core/renderer/base ([4b59190](https://github.com/fe-lce/lowcode-engine/commit/4b59190c7f9d518bc7efac44b7eeee73f1b5d177))
+- fix low-code component rendering problems: 1. thisRequiredInJSE does not take effect 2. jsx components cannot obtain source components ([5dd4625](https://github.com/fe-lce/lowcode-engine/commit/5dd462544fbbbccfa97165f2bcfeed8629fab2a3))
+- fix material-spec demo ([438cccd](https://github.com/fe-lce/lowcode-engine/commit/438cccd58e4341638070c1d8b2d4e78e4e20e3fb))
+- fix misused doc urls ([16a8857](https://github.com/fe-lce/lowcode-engine/commit/16a88578634b9da2f04698df5ca5a5e69151bb97))
+- fix monitor utils incorrect assignment method ([bf280c6](https://github.com/fe-lce/lowcode-engine/commit/bf280c6fa1e46d084fc8f20323164816fad4076f))
+- fix outline-pane invisible occasionally when dragging tree node ([031c7f2](https://github.com/fe-lce/lowcode-engine/commit/031c7f25f10a6cfebfc7929c9226f4e4167a359f))
+- fix outline-tree initialization failed ([a2d5c6f](https://github.com/fe-lce/lowcode-engine/commit/a2d5c6fd90ca0226bbbfea01a4b28c8b8d307a78))
+- fix render module state expression initialization exception ([5bd68ee](https://github.com/fe-lce/lowcode-engine/commit/5bd68ee6b448fa58b022870b3f8175d8b77febde))
+- fix render module state expression initialization exception ([9c545cc](https://github.com/fe-lce/lowcode-engine/commit/9c545cca6004f65e2f206ea001cefa3fa3cfa807))
+- fix setter hooks error ([8a3a0b8](https://github.com/fe-lce/lowcode-engine/commit/8a3a0b824162e25a930711c6fef511b4b369e897))
+- fix test case failures of designer ([4b0521a](https://github.com/fe-lce/lowcode-engine/commit/4b0521a47494f78e120f75021e0a076fb00ce53e))
+- Fix the conversion failure of some props expressions under Slot props of low-code components ([7db5461](https://github.com/fe-lce/lowcode-engine/commit/7db5461706c739fac673b2466bc2fda7661242e4))
+- fix the leaf hoc component fails to monitor Node changes, and modify the logic for get node ([6ee6b07](https://github.com/fe-lce/lowcode-engine/commit/6ee6b07a10ba4aac583def52d8ff1fa78d111d0b))
+- fix the leaf hoc component fails to monitor Node changes, and modify the logic for get node ([f400172](https://github.com/fe-lce/lowcode-engine/commit/f4001728259047b09db75d76a8c3ef1e1bcb4e0a))
+- fix the problem that material.getComponentMetasMap returns the wrong result ([e02933c](https://github.com/fe-lce/lowcode-engine/commit/e02933c18bc15519b2eba8ad946282502a509611))
+- Fix the rendering error caused by incorrect key value when configuring the loop ([1026763](https://github.com/fe-lce/lowcode-engine/commit/1026763dc5a77d4395a1e86e5a0084ab4fb4230c))
+- fix the unit test failure problem caused by thisRequiredInJSE modification ([c2c59b7](https://github.com/fe-lce/lowcode-engine/commit/c2c59b7ff72ba06156bbcdb952262739d6188209))
+- fix unnecessary props calculation ([f1fed75](https://github.com/fe-lce/lowcode-engine/commit/f1fed75f39be8289ede1ec558b04428a69e25b5f))
+- fixed an issue where materials would be rendered multiple times ([9d187cc](https://github.com/fe-lce/lowcode-engine/commit/9d187ccb7de55857e861d3fc881c610506872d03))
+- fixed an issue where materials would be rendered multiple times ([64cc328](https://github.com/fe-lce/lowcode-engine/commit/64cc3283c15342151a8f93c46a276681f3575153))
+- fixed focusNodeSelector configuration not taking effect ([9beae9c](https://github.com/fe-lce/lowcode-engine/commit/9beae9c3269901bf03a29033121c7d480571bce5))
+- fixed the issue that thisRequiredInJSE did not take effect in some scenarios ([7e5a919](https://github.com/fe-lce/lowcode-engine/commit/7e5a919f9352397f11741fd911495996469c0256))
+- in ES require changed to import ([b4d7d6d](https://github.com/fe-lce/lowcode-engine/commit/b4d7d6d8c290a335a2c1f60731d4417b23444941))
+- in ES require changed to import ([7c8cd36](https://github.com/fe-lce/lowcode-engine/commit/7c8cd36a10a7caa61de31a15abd93ab8a97fbe08))
+- leaf should be type of ShellNode other than InnerNode ([5bb8cf5](https://github.com/fe-lce/lowcode-engine/commit/5bb8cf5d12d38d70b69fa28deb2f8aa0afa9b9b9))
+- lowcode component exec lifecycle has error ([f99a47e](https://github.com/fe-lce/lowcode-engine/commit/f99a47e502080134454795f5e361cfa4fba3f03b))
+- lowcode component leaf dont have export prop, exec leaf.export make error ([9d51dcd](https://github.com/fe-lce/lowcode-engine/commit/9d51dcdae38850be0206861f2cae74ca68805c25))
+- missing engine options config info ([a79875c](https://github.com/fe-lce/lowcode-engine/commit/a79875cf8698d3912b50526d97f6ac72e9a21fc9))
+- missing engine options config info ([9ccded0](https://github.com/fe-lce/lowcode-engine/commit/9ccded006ef44cd538abaa140250e519243bf090))
+- npm run clean error in windows ([a176e9d](https://github.com/fe-lce/lowcode-engine/commit/a176e9d245981fb5718c8d144f477202b3796be6))
+- project event listeners will not be invoked sometimes ([a0c772f](https://github.com/fe-lce/lowcode-engine/commit/a0c772fb903cf5eb9e0b811b64bbe3846d4ba8ac))
+- project.exportSchema api lack stage param & setAssets should be a async fn ([0ea76a7](https://github.com/fe-lce/lowcode-engine/commit/0ea76a746fac8ea8e7b999d42434c468c85d6372))
+- project.exportSchema should export componentsMap of all documents ([969a130](https://github.com/fe-lce/lowcode-engine/commit/969a130b373fb028f8051e96cb9d79f1de0a2a1c))
+- removed incorrectly calling childWhitelist hook logic during drag and drop ([#1141](https://github.com/fe-lce/lowcode-engine/issues/1141)) ([6576346](https://github.com/fe-lce/lowcode-engine/commit/6576346b9185bedb090be9c84129e077cf5389b3))
+- renderer not rendering correct components when loading components with loadAsyncLibrary api ([9b3b4f9](https://github.com/fe-lce/lowcode-engine/commit/9b3b4f9b0e35ef3ea2f0117f0cdb2254e15d5389))
+- should pass index param when creating a Prop instance under a list type Prop instance, fix [#780](https://github.com/fe-lce/lowcode-engine/issues/780) ([a8de3f2](https://github.com/fe-lce/lowcode-engine/commit/a8de3f299c7b26fa939d2b2ea1428143e2b5fb01))
+- simulator eclipses setting area [#773](https://github.com/fe-lce/lowcode-engine/issues/773) ([b4b30a3](https://github.com/fe-lce/lowcode-engine/commit/b4b30a359932f5c0e8fde1b28f54a883c87901d8))
+- spec typo ([#1064](https://github.com/fe-lce/lowcode-engine/issues/1064)) ([ecb9dca](https://github.com/fe-lce/lowcode-engine/commit/ecb9dca2b9386ef6fadfd009d161a9203b9b9558))
+- try catch calculation of dynamic setter ([f61e2a2](https://github.com/fe-lce/lowcode-engine/commit/f61e2a2b8a3d8d6754474cd392bc259917c7eb10))
+- type=legao dont make request ([98ececa](https://github.com/fe-lce/lowcode-engine/commit/98ececa9c11f93e5f849b201b5b5e7ff453733d7))
+- **types:** rrror declaration of the children prop ([951d1cb](https://github.com/fe-lce/lowcode-engine/commit/951d1cb103fa46c0e7926d6138657c7d10cc4f88))
+- use the original object if it is not a shell object ([5ea53f7](https://github.com/fe-lce/lowcode-engine/commit/5ea53f706b6571946bcfa56b8655b55717381771))
+- use the outer documentation url of unique key, fixes [#868](https://github.com/fe-lce/lowcode-engine/issues/868) ([d770007](https://github.com/fe-lce/lowcode-engine/commit/d770007ff8c39e6cf527e07a7d6468dbb88c776d))
+- use the outer documentation url of unique key, fixes [#868](https://github.com/fe-lce/lowcode-engine/issues/868) ([912ee22](https://github.com/fe-lce/lowcode-engine/commit/912ee22180a424f63298c319c62fb481513af904))
+- use uppercase resize trigger names based on material spec ([7fda0ef](https://github.com/fe-lce/lowcode-engine/commit/7fda0efe131e0e2e3141849cf3f87307e7ce1b36))
+- when designMode is not design, the hidden attribute does not take effect ([3dd0b6d](https://github.com/fe-lce/lowcode-engine/commit/3dd0b6d0a86267e3029c176ff49aff793ce3e186))
+
+### [1.0.4](https://github.com/fe-lce/lowcode-engine/compare/@felce/lowcode-code-generator@1.0.4-beta.0...@felce/lowcode-code-generator@1.0.4) (2022-04-12)
### Bug Fixes
-* 🐛 解决 react 中 jsx 出码的时候对于循环数据漏包 __$evalArray 的问题 ([eb4cc69](https://github.com/alibaba/lowcode-engine/commit/eb4cc693f5dbcae54546c569eb8fa331d074e062))
-
-### [1.0.4-beta.1](https://github.com/alibaba/lowcode-engine/compare/@alilc/lowcode-code-generator@1.0.4-beta.0...@alilc/lowcode-code-generator@1.0.4-beta.1) (2022-04-11)
+- 🐛 解决 react 中 jsx 出码的时候对于循环数据漏包 \_\_$evalArray 的问题 ([eb4cc69](https://github.com/fe-lce/lowcode-engine/commit/eb4cc693f5dbcae54546c569eb8fa331d074e062))
+### [1.0.4-beta.1](https://github.com/fe-lce/lowcode-engine/compare/@felce/lowcode-code-generator@1.0.4-beta.0...@felce/lowcode-code-generator@1.0.4-beta.1) (2022-04-11)
### Bug Fixes
-* 🐛 解决 react 中 jsx 出码的时候对于循环数据漏包 __$evalArray 的问题 ([987f4ce](https://github.com/alibaba/lowcode-engine/commit/987f4cea54ef8a75d0b63a0268b5a20b2938b8a7))
-
-### [1.0.4-beta.0](https://github.com/alibaba/lowcode-engine/compare/@alilc/lowcode-code-generator@1.0.3...@alilc/lowcode-code-generator@1.0.4-beta.0) (2022-04-10)
+- 🐛 解决 react 中 jsx 出码的时候对于循环数据漏包 \_\_$evalArray 的问题 ([987f4ce](https://github.com/fe-lce/lowcode-engine/commit/987f4cea54ef8a75d0b63a0268b5a20b2938b8a7))
+### [1.0.4-beta.0](https://github.com/fe-lce/lowcode-engine/compare/@felce/lowcode-code-generator@1.0.3...@felce/lowcode-code-generator@1.0.4-beta.0) (2022-04-10)
### Features
-* **material-parser:** check module before install it; fix default value issue in ts parser ([fc452f7](https://github.com/alibaba/lowcode-engine/commit/fc452f7166f02acfba6076c1a9425e6f5880b5f6))
-
+- **material-parser:** check module before install it; fix default value issue in ts parser ([fc452f7](https://github.com/fe-lce/lowcode-engine/commit/fc452f7166f02acfba6076c1a9425e6f5880b5f6))
### Bug Fixes
-* 🐛 修正 i18n 里面的一个参数命名问题 ([1e9e388](https://github.com/alibaba/lowcode-engine/commit/1e9e388ce9104d76c4f6d9bc513c57e5059d7982))
-* 🐛 解决出码缺乏对于 i18n 数据的 params 的处理的问题 ([1eb9add](https://github.com/alibaba/lowcode-engine/commit/1eb9addd8df2323f9aabac87af32ac2efcd6bf22)), closes [#288](https://github.com/alibaba/lowcode-engine/issues/288)
-* 🐛 解决小程序环境没有 window, 而 rax 出码中却默认在 __$eval 中用到 window 的问题 ([67dabb0](https://github.com/alibaba/lowcode-engine/commit/67dabb04beb32b6e94eb1276222e53b416e47c9d))
-* Fix the conversion failure of some props expressions under Slot props of low-code components ([7db5461](https://github.com/alibaba/lowcode-engine/commit/7db5461706c739fac673b2466bc2fda7661242e4))
-* fix unnecessary props calculation ([f1fed75](https://github.com/alibaba/lowcode-engine/commit/f1fed75f39be8289ede1ec558b04428a69e25b5f))
-* 修正 react 框架出码中在严格模式对 methods 和 context 的处理 ([79db4ac](https://github.com/alibaba/lowcode-engine/commit/79db4ac97f34f24b7f7460fb3fc67521967f8cc5))
-
-### [1.0.3](https://github.com/alibaba/lowcode-engine/compare/@alilc/lowcode-code-generator@1.0.2...@alilc/lowcode-code-generator@1.0.3) (2022-03-29)
+- 🐛 修正 i18n 里面的一个参数命名问题 ([1e9e388](https://github.com/fe-lce/lowcode-engine/commit/1e9e388ce9104d76c4f6d9bc513c57e5059d7982))
+- 🐛 解决出码缺乏对于 i18n 数据的 params 的处理的问题 ([1eb9add](https://github.com/fe-lce/lowcode-engine/commit/1eb9addd8df2323f9aabac87af32ac2efcd6bf22)), closes [#288](https://github.com/fe-lce/lowcode-engine/issues/288)
+- 🐛 解决小程序环境没有 window, 而 rax 出码中却默认在 \_\_$eval 中用到 window 的问题 ([67dabb0](https://github.com/fe-lce/lowcode-engine/commit/67dabb04beb32b6e94eb1276222e53b416e47c9d))
+- Fix the conversion failure of some props expressions under Slot props of low-code components ([7db5461](https://github.com/fe-lce/lowcode-engine/commit/7db5461706c739fac673b2466bc2fda7661242e4))
+- fix unnecessary props calculation ([f1fed75](https://github.com/fe-lce/lowcode-engine/commit/f1fed75f39be8289ede1ec558b04428a69e25b5f))
+- 修正 react 框架出码中在严格模式对 methods 和 context 的处理 ([79db4ac](https://github.com/fe-lce/lowcode-engine/commit/79db4ac97f34f24b7f7460fb3fc67521967f8cc5))
+### [1.0.3](https://github.com/fe-lce/lowcode-engine/compare/@felce/lowcode-code-generator@1.0.2...@felce/lowcode-code-generator@1.0.3) (2022-03-29)
### Features
-* add getConvertedExtraKey / getOriginalExtraKey to utils ([8e7bb9d](https://github.com/alibaba/lowcode-engine/commit/8e7bb9d4b86454dd77c6928eb769cd764cad8630))
-
+- add getConvertedExtraKey / getOriginalExtraKey to utils ([8e7bb9d](https://github.com/fe-lce/lowcode-engine/commit/8e7bb9d4b86454dd77c6928eb769cd764cad8630))
### Bug Fixes
-* 🐛 出码: 解决 componentName 和 exportName 不一致时生成的 import 语句的问题 ([eefc091](https://github.com/alibaba/lowcode-engine/commit/eefc091ee7e86d6214d20d486212cb5aff237946))
-* component cannot be redisplayed by configuration after rendering is closed ([c54f369](https://github.com/alibaba/lowcode-engine/commit/c54f369e1860d818479dda9d6429f851c0b08fa6))
-* fix loop configuration auto fill empty array issue ([d087092](https://github.com/alibaba/lowcode-engine/commit/d087092fd712eff0556adacda692d3ff6f2f9f22))
-* make important true by default ([c63b6e1](https://github.com/alibaba/lowcode-engine/commit/c63b6e1bfadc3fc87ed41840952e02ffbff24fab))
-* make insertAfter & insertBefore work ([70fd372](https://github.com/alibaba/lowcode-engine/commit/70fd3720d098d6e227acb9281ee22feee66b9c0b))
-* npm源 ([437adcc](https://github.com/alibaba/lowcode-engine/commit/437adccf5f2dbb400de6e2bef10cfc4b65286f2b))
-* prop should return undefined when all items are undefined ([5bb9ec7](https://github.com/alibaba/lowcode-engine/commit/5bb9ec7a1dfaabfdb5369226b54d5f63a7999e59))
-* should not create new prop while querying fileName ([19c207d](https://github.com/alibaba/lowcode-engine/commit/19c207d29de045f473ba73baaf34e7294d40261a))
-* variable binding lost after modify the mock value ([ef95b56](https://github.com/alibaba/lowcode-engine/commit/ef95b5683273d8302bde1582de8afe3d87a808d8))
-* Workbench should receive the original skeleton other than shell skeleton ([d5c3ca1](https://github.com/alibaba/lowcode-engine/commit/d5c3ca1068ce2c2140980bd059d0da333574dc34))
-
-### [1.0.2](https://github.com/alibaba/lowcode-engine/compare/@alilc/lowcode-code-generator@1.0.2-beta.1...@alilc/lowcode-code-generator@1.0.2) (2022-03-08)
+- 🐛 出码: 解决 componentName 和 exportName 不一致时生成的 import 语句的问题 ([eefc091](https://github.com/fe-lce/lowcode-engine/commit/eefc091ee7e86d6214d20d486212cb5aff237946))
+- component cannot be redisplayed by configuration after rendering is closed ([c54f369](https://github.com/fe-lce/lowcode-engine/commit/c54f369e1860d818479dda9d6429f851c0b08fa6))
+- fix loop configuration auto fill empty array issue ([d087092](https://github.com/fe-lce/lowcode-engine/commit/d087092fd712eff0556adacda692d3ff6f2f9f22))
+- make important true by default ([c63b6e1](https://github.com/fe-lce/lowcode-engine/commit/c63b6e1bfadc3fc87ed41840952e02ffbff24fab))
+- make insertAfter & insertBefore work ([70fd372](https://github.com/fe-lce/lowcode-engine/commit/70fd3720d098d6e227acb9281ee22feee66b9c0b))
+- npm源 ([437adcc](https://github.com/fe-lce/lowcode-engine/commit/437adccf5f2dbb400de6e2bef10cfc4b65286f2b))
+- prop should return undefined when all items are undefined ([5bb9ec7](https://github.com/fe-lce/lowcode-engine/commit/5bb9ec7a1dfaabfdb5369226b54d5f63a7999e59))
+- should not create new prop while querying fileName ([19c207d](https://github.com/fe-lce/lowcode-engine/commit/19c207d29de045f473ba73baaf34e7294d40261a))
+- variable binding lost after modify the mock value ([ef95b56](https://github.com/fe-lce/lowcode-engine/commit/ef95b5683273d8302bde1582de8afe3d87a808d8))
+- Workbench should receive the original skeleton other than shell skeleton ([d5c3ca1](https://github.com/fe-lce/lowcode-engine/commit/d5c3ca1068ce2c2140980bd059d0da333574dc34))
-### [1.0.2-beta.1](https://github.com/alibaba/lowcode-engine/compare/@alilc/lowcode-code-generator@1.0.2-beta.0...@alilc/lowcode-code-generator@1.0.2-beta.1) (2022-03-08)
+### [1.0.2](https://github.com/fe-lce/lowcode-engine/compare/@felce/lowcode-code-generator@1.0.2-beta.1...@felce/lowcode-code-generator@1.0.2) (2022-03-08)
+### [1.0.2-beta.1](https://github.com/fe-lce/lowcode-engine/compare/@felce/lowcode-code-generator@1.0.2-beta.0...@felce/lowcode-code-generator@1.0.2-beta.1) (2022-03-08)
### Bug Fixes
-* 🐛 补充 icejs 模板中缺失的依赖包 ([a94553e](https://github.com/alibaba/lowcode-engine/commit/a94553e503d439b67478df6a34950d9e3d15a063))
-
-### [1.0.2-beta.0](https://github.com/alibaba/lowcode-engine/compare/@alilc/lowcode-code-generator@1.0.0...@alilc/lowcode-code-generator@1.0.2-beta.0) (2022-03-08)
+- 🐛 补充 icejs 模板中缺失的依赖包 ([a94553e](https://github.com/fe-lce/lowcode-engine/commit/a94553e503d439b67478df6a34950d9e3d15a063))
+### [1.0.2-beta.0](https://github.com/fe-lce/lowcode-engine/compare/@felce/lowcode-code-generator@1.0.0...@felce/lowcode-code-generator@1.0.2-beta.0) (2022-03-08)
### Features
-* 在 skeleton 增加几个方法和事件 ([a7d436a](https://github.com/alibaba/lowcode-engine/commit/a7d436a0525a0ce0c7229710077111f283b452f4))
-* modify npm private control & version ([ee55d02](https://github.com/alibaba/lowcode-engine/commit/ee55d024a7f964ccf35a0efabec817364cea8041))
-* modify yuque link in README ([d522034](https://github.com/alibaba/lowcode-engine/commit/d522034879d20a7b5ed12f8fe02a30662a2ea7c6))
-* remove CHANGELOG.md ([b996414](https://github.com/alibaba/lowcode-engine/commit/b996414c436b5d2439c8368eb4e001cdbcd02892))
-* remove module field in material-parser package.json ([6141c27](https://github.com/alibaba/lowcode-engine/commit/6141c273c9c32eea22b5374679fe625e6ea15394))
-* rename build:umd ([23c7959](https://github.com/alibaba/lowcode-engine/commit/23c795931e1d5cf43e9c21cd902441c69c1ecc63))
-* replace tnpm with npm ([36caf0f](https://github.com/alibaba/lowcode-engine/commit/36caf0f18980c16f7ebb82ac845ad6b33e033567))
-* support UMD packageing for react-renderer ([982d0d6](https://github.com/alibaba/lowcode-engine/commit/982d0d676b3dfbfc10a2190c0040126d6925ed37))
-
+- 在 skeleton 增加几个方法和事件 ([a7d436a](https://github.com/fe-lce/lowcode-engine/commit/a7d436a0525a0ce0c7229710077111f283b452f4))
+- modify npm private control & version ([ee55d02](https://github.com/fe-lce/lowcode-engine/commit/ee55d024a7f964ccf35a0efabec817364cea8041))
+- modify yuque link in README ([d522034](https://github.com/fe-lce/lowcode-engine/commit/d522034879d20a7b5ed12f8fe02a30662a2ea7c6))
+- remove CHANGELOG.md ([b996414](https://github.com/fe-lce/lowcode-engine/commit/b996414c436b5d2439c8368eb4e001cdbcd02892))
+- remove module field in material-parser package.json ([6141c27](https://github.com/fe-lce/lowcode-engine/commit/6141c273c9c32eea22b5374679fe625e6ea15394))
+- rename build:umd ([23c7959](https://github.com/fe-lce/lowcode-engine/commit/23c795931e1d5cf43e9c21cd902441c69c1ecc63))
+- replace tnpm with npm ([36caf0f](https://github.com/fe-lce/lowcode-engine/commit/36caf0f18980c16f7ebb82ac845ad6b33e033567))
+- support UMD packageing for react-renderer ([982d0d6](https://github.com/fe-lce/lowcode-engine/commit/982d0d676b3dfbfc10a2190c0040126d6925ed37))
### Bug Fixes
-* 🐛 去掉 npm 上没有的依赖 ([#68](https://github.com/alibaba/lowcode-engine/issues/68)) ([e7ce779](https://github.com/alibaba/lowcode-engine/commit/e7ce77987eb05871dd1675d2a88367c5569bfbff))
-* 兼容 setters 为空的情况 ([56b459a](https://github.com/alibaba/lowcode-engine/commit/56b459a017a8350a911ef20f0166d1e62b6390e4))
-* 解决 package.json 中误添加了没有用到的数据源类型的 handler 的包的问题 ([#56](https://github.com/alibaba/lowcode-engine/issues/56)) ([76341c8](https://github.com/alibaba/lowcode-engine/commit/76341c8456b227192bb65537dc3d16033db0b3a1))
-* 解决出码的一些问题 ([#87](https://github.com/alibaba/lowcode-engine/issues/87)) ([4a01c97](https://github.com/alibaba/lowcode-engine/commit/4a01c97ea6bf23eb677888ba1aba54e5c9f4f630))
-* 修复 setup 的逻辑 ([1cfb15a](https://github.com/alibaba/lowcode-engine/commit/1cfb15aebea9796af23b2135f2aa4409d81283d7))
-* 修正一些对内的地址 ([07cc1f2](https://github.com/alibaba/lowcode-engine/commit/07cc1f2954530c64a1a3d260e8d532c9e19892e8))
-* 增加必要的方法 ([1b38a81](https://github.com/alibaba/lowcode-engine/commit/1b38a812653656aa02100a3b1b2a581188d1b3ef))
-* fix tsconfig of material-parser ([46725cb](https://github.com/alibaba/lowcode-engine/commit/46725cb9f3166912c8f5b42f1e0b1177158c1ee3))
-* lint&fix auto generated types.ts ([7dde970](https://github.com/alibaba/lowcode-engine/commit/7dde9701c7960b29523abddf32421cdbac47016d))
-* The outline tree does not display the loop flag when the loop is an empty array ([191e284](https://github.com/alibaba/lowcode-engine/commit/191e284f2fa190c2b3aecb4df31849b2bdc99d38))
-
-### [1.0.1](https://github.com/alibaba/lowcode-engine/compare/@alilc/lowcode-code-generator@1.0.0...@alilc/lowcode-code-generator@1.0.1) (2022-03-08)
+- 🐛 去掉 npm 上没有的依赖 ([#68](https://github.com/fe-lce/lowcode-engine/issues/68)) ([e7ce779](https://github.com/fe-lce/lowcode-engine/commit/e7ce77987eb05871dd1675d2a88367c5569bfbff))
+- 兼容 setters 为空的情况 ([56b459a](https://github.com/fe-lce/lowcode-engine/commit/56b459a017a8350a911ef20f0166d1e62b6390e4))
+- 解决 package.json 中误添加了没有用到的数据源类型的 handler 的包的问题 ([#56](https://github.com/fe-lce/lowcode-engine/issues/56)) ([76341c8](https://github.com/fe-lce/lowcode-engine/commit/76341c8456b227192bb65537dc3d16033db0b3a1))
+- 解决出码的一些问题 ([#87](https://github.com/fe-lce/lowcode-engine/issues/87)) ([4a01c97](https://github.com/fe-lce/lowcode-engine/commit/4a01c97ea6bf23eb677888ba1aba54e5c9f4f630))
+- 修复 setup 的逻辑 ([1cfb15a](https://github.com/fe-lce/lowcode-engine/commit/1cfb15aebea9796af23b2135f2aa4409d81283d7))
+- 修正一些对内的地址 ([07cc1f2](https://github.com/fe-lce/lowcode-engine/commit/07cc1f2954530c64a1a3d260e8d532c9e19892e8))
+- 增加必要的方法 ([1b38a81](https://github.com/fe-lce/lowcode-engine/commit/1b38a812653656aa02100a3b1b2a581188d1b3ef))
+- fix tsconfig of material-parser ([46725cb](https://github.com/fe-lce/lowcode-engine/commit/46725cb9f3166912c8f5b42f1e0b1177158c1ee3))
+- lint&fix auto generated types.ts ([7dde970](https://github.com/fe-lce/lowcode-engine/commit/7dde9701c7960b29523abddf32421cdbac47016d))
+- The outline tree does not display the loop flag when the loop is an empty array ([191e284](https://github.com/fe-lce/lowcode-engine/commit/191e284f2fa190c2b3aecb4df31849b2bdc99d38))
+### [1.0.1](https://github.com/fe-lce/lowcode-engine/compare/@felce/lowcode-code-generator@1.0.0...@felce/lowcode-code-generator@1.0.1) (2022-03-08)
### Features
-* 在 skeleton 增加几个方法和事件 ([a7d436a](https://github.com/alibaba/lowcode-engine/commit/a7d436a0525a0ce0c7229710077111f283b452f4))
-* modify npm private control & version ([ee55d02](https://github.com/alibaba/lowcode-engine/commit/ee55d024a7f964ccf35a0efabec817364cea8041))
-* modify yuque link in README ([d522034](https://github.com/alibaba/lowcode-engine/commit/d522034879d20a7b5ed12f8fe02a30662a2ea7c6))
-* remove CHANGELOG.md ([b996414](https://github.com/alibaba/lowcode-engine/commit/b996414c436b5d2439c8368eb4e001cdbcd02892))
-* remove module field in material-parser package.json ([6141c27](https://github.com/alibaba/lowcode-engine/commit/6141c273c9c32eea22b5374679fe625e6ea15394))
-* rename build:umd ([23c7959](https://github.com/alibaba/lowcode-engine/commit/23c795931e1d5cf43e9c21cd902441c69c1ecc63))
-* replace tnpm with npm ([36caf0f](https://github.com/alibaba/lowcode-engine/commit/36caf0f18980c16f7ebb82ac845ad6b33e033567))
-* support UMD packageing for react-renderer ([982d0d6](https://github.com/alibaba/lowcode-engine/commit/982d0d676b3dfbfc10a2190c0040126d6925ed37))
-
+- 在 skeleton 增加几个方法和事件 ([a7d436a](https://github.com/fe-lce/lowcode-engine/commit/a7d436a0525a0ce0c7229710077111f283b452f4))
+- modify npm private control & version ([ee55d02](https://github.com/fe-lce/lowcode-engine/commit/ee55d024a7f964ccf35a0efabec817364cea8041))
+- modify yuque link in README ([d522034](https://github.com/fe-lce/lowcode-engine/commit/d522034879d20a7b5ed12f8fe02a30662a2ea7c6))
+- remove CHANGELOG.md ([b996414](https://github.com/fe-lce/lowcode-engine/commit/b996414c436b5d2439c8368eb4e001cdbcd02892))
+- remove module field in material-parser package.json ([6141c27](https://github.com/fe-lce/lowcode-engine/commit/6141c273c9c32eea22b5374679fe625e6ea15394))
+- rename build:umd ([23c7959](https://github.com/fe-lce/lowcode-engine/commit/23c795931e1d5cf43e9c21cd902441c69c1ecc63))
+- replace tnpm with npm ([36caf0f](https://github.com/fe-lce/lowcode-engine/commit/36caf0f18980c16f7ebb82ac845ad6b33e033567))
+- support UMD packageing for react-renderer ([982d0d6](https://github.com/fe-lce/lowcode-engine/commit/982d0d676b3dfbfc10a2190c0040126d6925ed37))
### Bug Fixes
-* 🐛 修正一些示例地址 ([8d21283](https://github.com/alibaba/lowcode-engine/commit/8d212832e77a1ec763db668683917705774acd0d))
-* 兼容 setters 为空的情况 ([56b459a](https://github.com/alibaba/lowcode-engine/commit/56b459a017a8350a911ef20f0166d1e62b6390e4))
-* 修复 setup 的逻辑 ([1cfb15a](https://github.com/alibaba/lowcode-engine/commit/1cfb15aebea9796af23b2135f2aa4409d81283d7))
-* 修正一些对内的地址 ([07cc1f2](https://github.com/alibaba/lowcode-engine/commit/07cc1f2954530c64a1a3d260e8d532c9e19892e8))
-* 增加必要的方法 ([1b38a81](https://github.com/alibaba/lowcode-engine/commit/1b38a812653656aa02100a3b1b2a581188d1b3ef))
-* fix tsconfig of material-parser ([46725cb](https://github.com/alibaba/lowcode-engine/commit/46725cb9f3166912c8f5b42f1e0b1177158c1ee3))
-* lint&fix auto generated types.ts ([7dde970](https://github.com/alibaba/lowcode-engine/commit/7dde9701c7960b29523abddf32421cdbac47016d))
-* The outline tree does not display the loop flag when the loop is an empty array ([191e284](https://github.com/alibaba/lowcode-engine/commit/191e284f2fa190c2b3aecb4df31849b2bdc99d38))
+- 🐛 修正一些示例地址 ([8d21283](https://github.com/fe-lce/lowcode-engine/commit/8d212832e77a1ec763db668683917705774acd0d))
+- 兼容 setters 为空的情况 ([56b459a](https://github.com/fe-lce/lowcode-engine/commit/56b459a017a8350a911ef20f0166d1e62b6390e4))
+- 修复 setup 的逻辑 ([1cfb15a](https://github.com/fe-lce/lowcode-engine/commit/1cfb15aebea9796af23b2135f2aa4409d81283d7))
+- 修正一些对内的地址 ([07cc1f2](https://github.com/fe-lce/lowcode-engine/commit/07cc1f2954530c64a1a3d260e8d532c9e19892e8))
+- 增加必要的方法 ([1b38a81](https://github.com/fe-lce/lowcode-engine/commit/1b38a812653656aa02100a3b1b2a581188d1b3ef))
+- fix tsconfig of material-parser ([46725cb](https://github.com/fe-lce/lowcode-engine/commit/46725cb9f3166912c8f5b42f1e0b1177158c1ee3))
+- lint&fix auto generated types.ts ([7dde970](https://github.com/fe-lce/lowcode-engine/commit/7dde9701c7960b29523abddf32421cdbac47016d))
+- The outline tree does not display the loop flag when the loop is an empty array ([191e284](https://github.com/fe-lce/lowcode-engine/commit/191e284f2fa190c2b3aecb4df31849b2bdc99d38))
## 1.0.0 (2022-02-17)
-
### Features
-* first commit - genesis ([4f4ac51](https://github.com/alibaba/lowcode-engine/commit/4f4ac5115d18357a7399632860808f6cffc33fad))
+- first commit - genesis ([4f4ac51](https://github.com/fe-lce/lowcode-engine/commit/4f4ac5115d18357a7399632860808f6cffc33fad))
diff --git a/modules/code-generator/CONTRIBUTING.md b/modules/code-generator/CONTRIBUTING.md
index 5f4d373b80..5950d40025 100644
--- a/modules/code-generator/CONTRIBUTING.md
+++ b/modules/code-generator/CONTRIBUTING.md
@@ -1,7 +1,7 @@
# 如何共建
1. 拉取最新代码，切换到 develop 分支，基于 develop 分支切出一个 feature 或 hotfix 分支
-2. 到 `lowcode-engine` 项目根目录下，执行 `lerna bootstrap && lerna run build --scope "@alilc/lowcode-types"` 来安装依赖并构建
+2. 到 `lowcode-engine` 项目根目录下，执行 `lerna bootstrap && lerna run build --scope "@felce/lowcode-types"` 来安装依赖并构建
3. 到 `lowcode-engine/modules/code-generator`下，安装依赖(`npm i`)，然后先跑一遍 `npm test` 看看是否所有用例都能通过 (如果网络条件不太好，建议使用 [cnpm - 淘宝提供的中国 NPM 镜像](https://npmmirror.com/))
4. 在 tests 目录下编写您的需求/问题的测试用例
5. 修改 src 下的一些代码，然后运行 `npm test` 或 `npm start` 启动 jest 进行调测
diff --git a/modules/code-generator/README.md b/modules/code-generator/README.md
index 1d67b3aa16..cf61fba9ce 100644
--- a/modules/code-generator/README.md
+++ b/modules/code-generator/README.md
@@ -6,9 +6,9 @@
### 1) 通过命令行快速体验
-欢迎使用命令行工具快速体验：`npx @alilc/lowcode-code-generator -i example-schema.json -o generated -s icejs`
+欢迎使用命令行工具快速体验：`npx @felce/lowcode-code-generator -i example-schema.json -o generated -s icejs`
---其中 example-schema.json 可以从[这里下载](https://unpkg.com/@alilc/lowcode-code-generator@beta/example-schema.json)
+--其中 example-schema.json 可以从[这里下载](https://unpkg.com/@felce/lowcode-code-generator@beta/example-schema.json)
### 2) 通过设计器插件快速体验
@@ -16,7 +16,7 @@
2. 注册插件:
```ts
-import { plugins } from '@alilc/lowcode-engine';
+import { plugins } from '@felce/lowcode-engine';
import CodeGenPlugin from '@alilc/lowcode-plugin-code-generator';
// 在你的初始化函数中：
@@ -32,11 +32,11 @@ await plugins.register(CodeGenPlugin, { disableCodeGenActionBtn: true });
此代码生成器一开始就是为服务端出码设计的，你可以直接这样来在 node.js 环境中使用：
-1. 安装依赖: `npm install --save @alilc/lowcode-code-generator`
+1. 安装依赖: `npm install --save @felce/lowcode-code-generator`
2. 引入代码生成器:
```js
-import CodeGenerator from '@alilc/lowcode-code-generator';
+import CodeGenerator from '@felce/lowcode-code-generator';
```
3. 创建项目构建器:
@@ -77,11 +77,11 @@ await CodeGenerator.publishers.zip().publish({
随着现在电脑性能和浏览器技术的发展，出码其实已经不必非得在服务端做了，借助于 Web Worker 特性，可以在浏览器中进行出码：
-1. 安装依赖: `npm install --save @alilc/lowcode-code-generator`
+1. 安装依赖: `npm install --save @felce/lowcode-code-generator`
2. 引入代码生成器:
```js
-import * as CodeGenerator from '@alilc/lowcode-code-generator/standalone-loader';
+import * as CodeGenerator from '@felce/lowcode-code-generator/standalone-loader';
```
3. 【可选】提前初始化代码生成器:
@@ -120,4 +120,4 @@ await CodeGenerator.publishers.zip().publish({
## 参与共建
-欢迎参与共建，如何共建请参阅：[./CONTRIBUTING.md](https://github.com/alibaba/lowcode-engine/blob/main/modules/code-generator/CONTRIBUTING.md)
+欢迎参与共建，如何共建请参阅：[./CONTRIBUTING.md](https://github.com/fe-lce/lowcode-engine/blob/main/modules/code-generator/CONTRIBUTING.md)
diff --git a/modules/code-generator/package.json b/modules/code-generator/package.json
index cd114fa067..48f7c423aa 100644
--- a/modules/code-generator/package.json
+++ b/modules/code-generator/package.json
@@ -1,5 +1,5 @@
{
- "name": "@alilc/lowcode-code-generator",
+ "name": "@felce/lowcode-code-generator",
"version": "1.1.7",
"description": "出码引擎 for LowCode Engine",
"license": "MIT",
@@ -41,9 +41,9 @@
"test:cov": "jest --coverage",
"test:update-snapshots": "cross-env UPDATE_EXPECTED=true jest -u",
"analyze:standalone": "ANALYZE=true node scripts/build-standalone",
- "release:beta": "standard-version -t @alilc/lowcode-code-generator\\@ -r patch --prerelease beta && git push --follow-tags && npm publish --tag beta",
- "release:patch": "standard-version -t @alilc/lowcode-code-generator\\@ -r patch && git push --follow-tags && npm publish",
- "release:minor": "standard-version -t @alilc/lowcode-code-generator\\@ -r minor && git push --follow-tags && npm publish",
+ "release:beta": "standard-version -t @felce/lowcode-code-generator\\@ -r patch --prerelease beta && git push --follow-tags && npm publish --tag beta",
+ "release:patch": "standard-version -t @felce/lowcode-code-generator\\@ -r patch && git push --follow-tags && npm publish",
+ "release:minor": "standard-version -t @felce/lowcode-code-generator\\@ -r minor && git push --follow-tags && npm publish",
"prepublishOnly": "npm run build",
"demo": "node bin/lowcode-code-generator.js -i example-schema.json -o demo -s icejs"
},
@@ -62,7 +62,7 @@
"**/*.{js,jsx,ts,tsx}": "eslint"
},
"dependencies": {
- "@alilc/lowcode-types": "^1.0.0",
+ "@felce/lowcode-types": "^1.0.0",
"@babel/generator": "^7.12.11",
"@babel/parser": "^7.12.11",
"@babel/runtime": "^7.12.5",
@@ -148,8 +148,8 @@
},
"repository": {
"type": "http",
- "url": "https://github.com/alibaba/lowcode-engine/tree/main/modules/code-generator"
+ "url": "https://github.com/fe-lce/lowcode-engine/tree/main/modules/code-generator"
},
- "bugs": "https://github.com/alibaba/lowcode-engine/issues",
- "homepage": "https://github.com/alibaba/lowcode-engine/#readme"
+ "bugs": "https://github.com/fe-lce/lowcode-engine/issues",
+ "homepage": "https://github.com/fe-lce/lowcode-engine/#readme"
}
diff --git a/modules/code-generator/scripts/build-cli.js b/modules/code-generator/scripts/build-cli.js
index 394f87f6e9..40fcb731a6 100644
--- a/modules/code-generator/scripts/build-cli.js
+++ b/modules/code-generator/scripts/build-cli.js
@@ -18,7 +18,7 @@ const ignorePlugin = require('esbuild-plugin-ignore');
sourcesContent: true,
plugins: [
ignorePlugin([
- // @alilc/lowcode-types 中误依赖了 react，这里忽略下
+ // @felce/lowcode-types 中误依赖了 react，这里忽略下
{
resourceRegExp: /^react$/,
contextRegExp: /./,
diff --git a/modules/code-generator/scripts/build-standalone-worker.js b/modules/code-generator/scripts/build-standalone-worker.js
index c5f87395bc..3134566b24 100644
--- a/modules/code-generator/scripts/build-standalone-worker.js
+++ b/modules/code-generator/scripts/build-standalone-worker.js
@@ -22,7 +22,7 @@ const buildConfig = {
resourceRegExp: /^fs$/,
contextRegExp: /./,
},
- // @alilc/lowcode-types 中误依赖了 react，这里忽略下
+ // @felce/lowcode-types 中误依赖了 react，这里忽略下
{
resourceRegExp: /^react$/,
contextRegExp: /./,
diff --git a/modules/code-generator/scripts/build-standalone.js b/modules/code-generator/scripts/build-standalone.js
index 3b101f5ac0..804a7754db 100644
--- a/modules/code-generator/scripts/build-standalone.js
+++ b/modules/code-generator/scripts/build-standalone.js
@@ -24,7 +24,7 @@ const buildConfig = {
resourceRegExp: /^fs$/,
contextRegExp: /./,
},
- // @alilc/lowcode-types 中误依赖了 react，这里忽略下
+ // @felce/lowcode-types 中误依赖了 react，这里忽略下
{
resourceRegExp: /^react$/,
contextRegExp: /./,
diff --git a/modules/code-generator/scripts/build-template-static-files.js b/modules/code-generator/scripts/build-template-static-files.js
index 4daad4360d..c802498a06 100644
--- a/modules/code-generator/scripts/build-template-static-files.js
+++ b/modules/code-generator/scripts/build-template-static-files.js
@@ -68,7 +68,7 @@ function buildTemplateStaticFiles({ sourceDir, outputDir }) {
PROJECT_ROOT,
path.join(sourceDir, sourceFileName),
)}" and run "npm run template" */`,
- `import { ResultFile } from '@alilc/lowcode-types';`,
+ `import { ResultFile } from '@felce/lowcode-types';`,
'',
`export default function getFile(): [string[], ResultFile] {`,
` return ${JSON5.stringify([
@@ -99,7 +99,7 @@ function buildTemplateStaticFiles({ sourceDir, outputDir }) {
path.join(outputDir, 'static-files.ts'),
[
`/* Note: this file is generated by "npm run template", please dont modify this file directly */`,
- `import { ResultDir } from '@alilc/lowcode-types';
+ `import { ResultDir } from '@felce/lowcode-types';
import { createResultDir } from '../../../../../utils/resultHelper';
import { runFileGenerator } from '../../../../../utils/templateHelper';`,
diff --git a/modules/code-generator/src/analyzer/componentAnalyzer.ts b/modules/code-generator/src/analyzer/componentAnalyzer.ts
index 69e8ad482d..8a504aeec7 100644
--- a/modules/code-generator/src/analyzer/componentAnalyzer.ts
+++ b/modules/code-generator/src/analyzer/componentAnalyzer.ts
@@ -1,4 +1,4 @@
-import type { IPublicTypeNodeSchema, IPublicTypeCompositeObject } from '@alilc/lowcode-types';
+import type { IPublicTypeNodeSchema, IPublicTypeCompositeObject } from '@felce/lowcode-types';
import type { TComponentAnalyzer } from '../types';
import { handleSubNodes } from '../utils/schema';
diff --git a/modules/code-generator/src/cli/run.ts b/modules/code-generator/src/cli/run.ts
index ec6814f767..304f5ea9aa 100644
--- a/modules/code-generator/src/cli/run.ts
+++ b/modules/code-generator/src/cli/run.ts
@@ -9,7 +9,7 @@ import * as path from 'path';
import { getErrorMessage } from '../utils/errors';
import CodeGenerator from '..';
import type { IProjectBuilder } from '..';
-import type { IPublicTypeProjectSchema } from '@alilc/lowcode-types';
+import type { IPublicTypeProjectSchema } from '@felce/lowcode-types';
/**
* 执行出码 CLI 命令
@@ -48,13 +48,10 @@ export async function run(
try {
solutionOptions = JSON.parse(options.solutionOptions);
} catch (err: any) {
- throw new Error(
- `solution options parse error, error message is "${err.message}"`,
- );
+ throw new Error(`solution options parse error, error message is "${err.message}"`);
}
}
-
// 读取 Schema
const schema = await loadSchemaFile(schemaFile);
@@ -89,7 +86,7 @@ export async function run(
async function getProjectBuilderFactory(
solution: string,
{ quiet }: { quiet?: boolean },
-): Promise<(options: {[prop: string]: any}) => IProjectBuilder> {
+): Promise<(options: { [prop: string]: any }) => IProjectBuilder> {
if (solution in CodeGenerator.solutions) {
return CodeGenerator.solutions[solution as 'icejs' | 'rax'];
}
@@ -109,9 +106,11 @@ async function getProjectBuilderFactory(
}
// eslint-disable-next-line @typescript-eslint/no-require-imports
- const solutionExports = require(!isLocalSolution(solution)
- ? solutionPackageName
- : `${path.isAbsolute(solution) ? solution : path.join(process.cwd(), solution)}`);
+ const solutionExports = require(
+ !isLocalSolution(solution)
+ ? solutionPackageName
+ : `${path.isAbsolute(solution) ? solution : path.join(process.cwd(), solution)}`,
+ );
const projectBuilderFactory =
solutionExports.createProjectBuilder ||
diff --git a/modules/code-generator/src/cli/solutions/example-solution.ts b/modules/code-generator/src/cli/solutions/example-solution.ts
index bfb9d079b1..6c779292fe 100644
--- a/modules/code-generator/src/cli/solutions/example-solution.ts
+++ b/modules/code-generator/src/cli/solutions/example-solution.ts
@@ -547,7 +547,7 @@ codealike.json
"test": "jest",
"test:watch": "jest --watch",
"test:update-snapshots": "cross-env UPDATE_EXPECTED=true npx jest",
- "demo": "npm run build && npx @alilc/lowcode-code-generator --solution . --output generated demo-schema.json"
+ "demo": "npm run build && npx @felce/lowcode-code-generator --solution . --output generated demo-schema.json"
},
"repository": {
"type": "git",
@@ -559,8 +559,8 @@ codealike.json
"registry": "https://registry.npm.xxx.com"
},
"dependencies": {
- "@alilc/lowcode-code-generator": "^1.0.0",
- "@alilc/lowcode-types": "^1.0.0",
+ "@felce/lowcode-code-generator": "^1.0.0",
+ "@felce/lowcode-types": "^1.0.0",
"tslib": "^2.3.0"
},
"devDependencies": {
@@ -626,7 +626,7 @@ codealike.json
},
{
file: 'src/index.ts',
- content: `import CodeGen from '@alilc/lowcode-code-generator';
+ content: `import CodeGen from '@felce/lowcode-code-generator';
import examplePlugin from './plugins/example';
@@ -714,7 +714,7 @@ export default function createHelloWorldProjectBuilder() {
COMMON_CHUNK_NAME,
CLASS_DEFINE_CHUNK_NAME,
DEFAULT_LINK_AFTER,
-} from '@alilc/lowcode-code-generator';
+} from '@felce/lowcode-code-generator';
export interface PluginConfig {
fileType: string;
diff --git a/modules/code-generator/src/generator/ModuleBuilder.ts b/modules/code-generator/src/generator/ModuleBuilder.ts
index e172f716e5..d0fc943758 100644
--- a/modules/code-generator/src/generator/ModuleBuilder.ts
+++ b/modules/code-generator/src/generator/ModuleBuilder.ts
@@ -1,4 +1,4 @@
-import { IPublicTypeProjectSchema, ResultFile, ResultDir } from '@alilc/lowcode-types';
+import { IPublicTypeProjectSchema, ResultFile, ResultDir } from '@felce/lowcode-types';
import {
BuilderComponentPlugin,
@@ -76,7 +76,9 @@ export function createModuleBuilder(
};
};
- const generateModuleCode = async (schema: IPublicTypeProjectSchema | string): Promise
- {(!dragging && !hideComponentAction) ? | IPublicTypeActionContentObject, key: string, node: INode) {
+function createAction(
+ content: ReactNode | ComponentType | IPublicTypeActionContentObject,
+ key: string,
+ node: INode,
+) {
if (isValidElement<{ key: string; node: INode }>(content)) {
return cloneElement(content, { key, node });
}
@@ -187,7 +191,13 @@ export class BorderSelectingForNode extends Component<{ host: ISimulatorHost; no
if (!observed) {
return null;
}
- return
+ {!dragging && !hideComponentAction ?
);
}
@@ -107,7 +104,10 @@ class Toolbar extends Component<{ observed: OffsetObserver }> {
// FIXME: need this?
return;
}
- if (important && (typeof condition === 'function' ? condition(node) !== false : condition !== false)) {
+ if (
+ important &&
+ (typeof condition === 'function' ? condition(node) !== false : condition !== false)
+ ) {
actions.push(createAction(content, name, node));
}
});
@@ -120,7 +120,11 @@ class Toolbar extends Component<{ observed: OffsetObserver }> {
}
}
-function createAction(content: ReactNode | ComponentType
- { !engineConfig.get('disableDetecting') && ${asset.content}`);
} else if (asset.type === AssetType.CSSUrl) {
- styles[lv].push(
- ``,
- );
+ styles[lv].push(``);
} else if (asset.type === AssetType.CSSText) {
- styles[lv].push(
- ``,
- );
+ styles[lv].push(``);
}
}
}
diff --git a/packages/designer/src/builtin-simulator/host-view.tsx b/packages/designer/src/builtin-simulator/host-view.tsx
index 21e0079306..355f687816 100644
--- a/packages/designer/src/builtin-simulator/host-view.tsx
+++ b/packages/designer/src/builtin-simulator/host-view.tsx
@@ -1,5 +1,5 @@
import React, { Component } from 'react';
-import { observer } from '@alilc/lowcode-editor-core';
+import { observer } from '@felce/lowcode-editor-core';
import { BuiltinSimulatorHost, BuiltinSimulatorProps } from './host';
import { BemTools } from './bem-tools';
import { Project } from '../project';
@@ -24,7 +24,8 @@ export class BuiltinSimulatorHostView extends Component {
constructor(props: any) {
super(props);
const { project, onMount, designer } = this.props;
- this.host = (project.simulator as BuiltinSimulatorHost) || new BuiltinSimulatorHost(project, designer);
+ this.host =
+ (project.simulator as BuiltinSimulatorHost) || new BuiltinSimulatorHost(project, designer);
this.host.setProps(this.props);
onMount?.(this.host);
}
@@ -58,7 +59,11 @@ class Canvas extends Component<{ host: BuiltinSimulatorHost }> {
return (
+ {!engineConfig.get('disableDetecting') &&
);
}
-}
\ No newline at end of file
+}
diff --git a/packages/designer/src/builtin-simulator/bem-tools/insertion.tsx b/packages/designer/src/builtin-simulator/bem-tools/insertion.tsx
index 98ac4266cc..0adf128fe3 100644
--- a/packages/designer/src/builtin-simulator/bem-tools/insertion.tsx
+++ b/packages/designer/src/builtin-simulator/bem-tools/insertion.tsx
@@ -1,15 +1,17 @@
import { Component } from 'react';
-import { observer } from '@alilc/lowcode-editor-core';
+import { observer } from '@felce/lowcode-editor-core';
import { BuiltinSimulatorHost } from '../host';
-import {
- DropLocation,
- isVertical,
-} from '../../designer';
+import { DropLocation, isVertical } from '../../designer';
import { ISimulatorHost } from '../../simulator';
import { INode } from '../../document';
import './insertion.less';
-import { IPublicTypeNodeData, IPublicTypeNodeSchema, IPublicTypeLocationChildrenDetail, IPublicTypeRect } from '@alilc/lowcode-types';
-import { isLocationChildrenDetail } from '@alilc/lowcode-utils';
+import {
+ IPublicTypeNodeData,
+ IPublicTypeNodeSchema,
+ IPublicTypeLocationChildrenDetail,
+ IPublicTypeRect,
+} from '@felce/lowcode-types';
+import { isLocationChildrenDetail } from '@felce/lowcode-utils';
interface InsertionData {
edge?: DOMRect;
@@ -23,7 +25,11 @@ interface InsertionData {
/**
* 处理拖拽子节点(INode)情况
*/
-function processChildrenDetail(sim: ISimulatorHost, container: INode, detail: IPublicTypeLocationChildrenDetail): InsertionData {
+function processChildrenDetail(
+ sim: ISimulatorHost,
+ container: INode,
+ detail: IPublicTypeLocationChildrenDetail,
+): InsertionData {
let edge = detail.edge || null;
if (!edge) {
diff --git a/packages/designer/src/builtin-simulator/create-simulator.ts b/packages/designer/src/builtin-simulator/create-simulator.ts
index 57369efd89..13c811fadb 100644
--- a/packages/designer/src/builtin-simulator/create-simulator.ts
+++ b/packages/designer/src/builtin-simulator/create-simulator.ts
@@ -9,7 +9,7 @@ import {
AssetType,
assetItem,
isCSSUrl,
-} from '@alilc/lowcode-utils';
+} from '@felce/lowcode-utils';
import { BuiltinSimulatorRenderer } from './renderer';
@@ -58,19 +58,13 @@ export function createSimulator(
const lv = asset.level || level || AssetLevel.Environment;
const scriptType = asset.scriptType ? ` type="${asset.scriptType}"` : '';
if (asset.type === AssetType.JSUrl) {
- scripts[lv].push(
- ``,
- );
+ scripts[lv].push(``);
} else if (asset.type === AssetType.JSText) {
scripts[lv].push(`
- {
diff --git a/packages/editor-core/src/widgets/title/index.tsx b/packages/editor-core/src/widgets/title/index.tsx
index 7df2676f92..b974a99015 100644
--- a/packages/editor-core/src/widgets/title/index.tsx
+++ b/packages/editor-core/src/widgets/title/index.tsx
@@ -1,7 +1,11 @@
import { Component, isValidElement, ReactNode } from 'react';
import classNames from 'classnames';
-import { createIcon, isI18nData, isTitleConfig } from '@alilc/lowcode-utils';
-import { IPublicTypeI18nData, IPublicTypeTitleConfig, IPublicTypeTitleProps } from '@alilc/lowcode-types';
+import { createIcon, isI18nData, isTitleConfig } from '@felce/lowcode-utils';
+import {
+ IPublicTypeI18nData,
+ IPublicTypeTitleConfig,
+ IPublicTypeTitleProps,
+} from '@felce/lowcode-types';
import { intl } from '../../intl';
import { Tip } from '../tip';
import './title.less';
@@ -13,7 +17,7 @@ import './title.less';
* @param keywords 关键字
* @returns 文字片段列表
*/
- function splitLabelByKeywords(label: string, keywords: string): string[] {
+function splitLabelByKeywords(label: string, keywords: string): string[] {
const len = keywords.length;
const fragments = [];
let str = label;
@@ -72,12 +76,12 @@ export class Title extends Component {
if (match && keywords) {
const fragments = splitLabelByKeywords(intlLabel as string, keywords);
- labelToRender = fragments.map(f => {f});
+ labelToRender = fragments.map((f) => (
+ {f}
+ ));
}
- return (
- {labelToRender}
- );
+ return {labelToRender};
};
render() {
diff --git a/packages/editor-skeleton/jest.config.js b/packages/editor-skeleton/jest.config.js
index 8a9b2000ca..549f78af2e 100644
--- a/packages/editor-skeleton/jest.config.js
+++ b/packages/editor-skeleton/jest.config.js
@@ -1,7 +1,7 @@
const fs = require('fs');
const { join } = require('path');
const esModules = [].join('|');
-const pkgNames = fs.readdirSync(join('..')).filter(pkgName => !pkgName.startsWith('.'));
+const pkgNames = fs.readdirSync(join('..')).filter((pkgName) => !pkgName.startsWith('.'));
const jestConfig = {
// transform: {
@@ -9,21 +9,14 @@ const jestConfig = {
// // '^.+\\.(ts|tsx)$': 'ts-jest',
// // '^.+\\.(js|jsx)$': 'babel-jest',
// },
- transformIgnorePatterns: [
- `/node_modules/(?!${esModules})/`,
- ],
+ transformIgnorePatterns: [`/node_modules/(?!${esModules})/`],
moduleFileExtensions: ['ts', 'tsx', 'js', 'json'],
collectCoverage: false,
- collectCoverageFrom: [
- 'src/**/*.ts',
- '!src/**/*.d.ts',
- '!**/node_modules/**',
- '!**/vendor/**',
- ],
+ collectCoverageFrom: ['src/**/*.ts', '!src/**/*.d.ts', '!**/node_modules/**', '!**/vendor/**'],
};
// 只对本仓库内的 pkg 做 mapping
jestConfig.moduleNameMapper = {};
-jestConfig.moduleNameMapper[`^@alilc/lowcode\\-(${pkgNames.join('|')})$`] = '/../$1/src';
+jestConfig.moduleNameMapper[`^@felce/lowcode\\-(${pkgNames.join('|')})$`] = '/../$1/src';
-module.exports = jestConfig;
\ No newline at end of file
+module.exports = jestConfig;
diff --git a/packages/editor-skeleton/package.json b/packages/editor-skeleton/package.json
index 63aab7e48b..7840e73ba7 100644
--- a/packages/editor-skeleton/package.json
+++ b/packages/editor-skeleton/package.json
@@ -1,6 +1,6 @@
{
- "name": "@alilc/lowcode-editor-skeleton",
- "version": "1.3.2",
+ "name": "@felce/lowcode-editor-skeleton",
+ "version": "1.4.0",
"description": "alibaba lowcode editor skeleton",
"main": "lib/index.js",
"module": "es/index.js",
@@ -18,11 +18,11 @@
"editor"
],
"dependencies": {
- "@alifd/next": "^1.20.12",
- "@alilc/lowcode-designer": "1.3.2",
- "@alilc/lowcode-editor-core": "1.3.2",
- "@alilc/lowcode-types": "1.3.2",
- "@alilc/lowcode-utils": "1.3.2",
+ "@alifd/next": "^1.26.0",
+ "@felce/lowcode-designer": "1.4.0",
+ "@felce/lowcode-editor-core": "1.4.0",
+ "@felce/lowcode-types": "1.4.0",
+ "@felce/lowcode-utils": "1.4.0",
"classnames": "^2.2.6",
"react": "^16.8.1",
"react-dom": "^16.8.1"
@@ -40,9 +40,9 @@
},
"repository": {
"type": "http",
- "url": "https://github.com/alibaba/lowcode-engine/tree/main/packages/editor-skeleton"
+ "url": "https://github.com/fe-lce/lowcode-engine/tree/main/packages/editor-skeleton"
},
"gitHead": "2669f179e6f899d395ce1942d0fe04f9c5ed48a6",
- "bugs": "https://github.com/alibaba/lowcode-engine/issues",
- "homepage": "https://github.com/alibaba/lowcode-engine/#readme"
+ "bugs": "https://github.com/fe-lce/lowcode-engine/issues",
+ "homepage": "https://github.com/fe-lce/lowcode-engine/#readme"
}
diff --git a/packages/editor-skeleton/src/area.ts b/packages/editor-skeleton/src/area.ts
index 8dc711084b..c0ad92c894 100644
--- a/packages/editor-skeleton/src/area.ts
+++ b/packages/editor-skeleton/src/area.ts
@@ -1,7 +1,7 @@
/* eslint-disable max-len */
-import { obx, computed, makeObservable } from '@alilc/lowcode-editor-core';
-import { Logger } from '@alilc/lowcode-utils';
-import { IPublicTypeWidgetBaseConfig } from '@alilc/lowcode-types';
+import { obx, computed, makeObservable } from '@felce/lowcode-editor-core';
+import { Logger } from '@felce/lowcode-utils';
+import { IPublicTypeWidgetBaseConfig } from '@felce/lowcode-types';
import { WidgetContainer } from './widget/widget-container';
import { ISkeleton } from './skeleton';
import { IWidget } from './widget/widget';
@@ -16,7 +16,9 @@ export interface IArea {
show(): void;
}
-export class Area implements IArea {
+export class Area
+ implements IArea
+{
@obx private _visible = true;
@computed get visible() {
@@ -37,9 +39,21 @@ export class Area T, private exclusive?: boolean, defaultSetCurrent = false) {
+ constructor(
+ readonly skeleton: ISkeleton,
+ readonly name: string,
+ handle: (item: T | C) => T,
+ private exclusive?: boolean,
+ defaultSetCurrent = false,
+ ) {
makeObservable(this);
- this.container = skeleton.createContainer(name, handle, exclusive, () => this.visible, defaultSetCurrent);
+ this.container = skeleton.createContainer(
+ name,
+ handle,
+ exclusive,
+ () => this.visible,
+ defaultSetCurrent,
+ );
}
isEmpty(): boolean {
diff --git a/packages/editor-skeleton/src/components/field/fields.tsx b/packages/editor-skeleton/src/components/field/fields.tsx
index 21ae93eb25..94b3a7ddd7 100644
--- a/packages/editor-skeleton/src/components/field/fields.tsx
+++ b/packages/editor-skeleton/src/components/field/fields.tsx
@@ -3,13 +3,13 @@ import { Component, ErrorInfo, MouseEvent } from 'react';
import { isObject } from 'lodash';
import classNames from 'classnames';
import { Icon } from '@alifd/next';
-import { Title } from '@alilc/lowcode-editor-core';
-import { IPublicModelEditor, IPublicTypeTitleContent } from '@alilc/lowcode-types';
+import { Title } from '@felce/lowcode-editor-core';
+import { IPublicModelEditor, IPublicTypeTitleContent } from '@felce/lowcode-types';
import { PopupPipe, PopupContext } from '../popup';
import './index.less';
import InlineTip from './inlinetip';
import { intl } from '../../locale';
-import { Logger } from '@alilc/lowcode-utils';
+import { Logger } from '@felce/lowcode-utils';
const logger = new Logger({ level: 'warn', bizName: 'skeleton:field' });
@@ -116,22 +116,37 @@ export class Field extends Component {
getTipContent(propName: string, tip?: any): any {
let tipContent = (
{
})}
id={id}
>
- {
- display !== 'plain' && (
- {
const stageBacker = stage?.hasBack() ? (
-
);
diff --git a/packages/editor-skeleton/src/icons/variable.tsx b/packages/editor-skeleton/src/icons/variable.tsx
index ce2e7a2953..c53dd11129 100644
--- a/packages/editor-skeleton/src/icons/variable.tsx
+++ b/packages/editor-skeleton/src/icons/variable.tsx
@@ -1,4 +1,4 @@
-import { SVGIcon, IconProps } from '@alilc/lowcode-utils';
+import { SVGIcon, IconProps } from '@felce/lowcode-utils';
export function IconVariable(props: IconProps) {
return (
diff --git a/packages/editor-skeleton/src/layouts/bottom-area.tsx b/packages/editor-skeleton/src/layouts/bottom-area.tsx
index 2981cc5969..abb32d1961 100644
--- a/packages/editor-skeleton/src/layouts/bottom-area.tsx
+++ b/packages/editor-skeleton/src/layouts/bottom-area.tsx
@@ -1,6 +1,6 @@
import { Component, Fragment } from 'react';
import classNames from 'classnames';
-import { observer } from '@alilc/lowcode-editor-core';
+import { observer } from '@felce/lowcode-editor-core';
import { Area } from '../area';
import { Panel } from '../widget/panel';
@@ -12,9 +12,10 @@ export default class BottomArea extends Component<{ area: Area }> {
return null;
}
return (
-
}> {
class Contents extends Component<{ area: Area }> {
render() {
const { area } = this.props;
- return (
-
- {area.container.items.map((item) => item.content)}
-
- );
+ return {area.container.items.map((item) => item.content)} ;
}
}
diff --git a/packages/editor-skeleton/src/layouts/left-area.tsx b/packages/editor-skeleton/src/layouts/left-area.tsx
index d30dcfa863..c7359e68f9 100644
--- a/packages/editor-skeleton/src/layouts/left-area.tsx
+++ b/packages/editor-skeleton/src/layouts/left-area.tsx
@@ -1,6 +1,6 @@
import { Component, Fragment } from 'react';
import classNames from 'classnames';
-import { observer } from '@alilc/lowcode-editor-core';
+import { observer } from '@felce/lowcode-editor-core';
import { Area } from '../area';
@observer
@@ -11,9 +11,10 @@ export default class LeftArea extends Component<{ area: Area; className?: string
return null;
}
return (
-
}> {
+export default class LeftFixedPane extends Component<{
+ area: Area;
+}> {
componentDidUpdate() {
// FIXME: dirty fix, need deep think
this.props.area.skeleton.editor.get('designer')?.touchOffsetObserver();
@@ -17,8 +19,8 @@ export default class LeftFixedPane extends Component<{ area: Area }> {
+export default class LeftFloatPane extends Component<{
+ area: Area;
+}> {
private dispose?: () => void;
private focusing?: Focusable;
@@ -21,7 +23,9 @@ export default class LeftFloatPane extends Component<{ area: Area dock.getDOMNode()?.contains(target));
+ return docks.some((dock) => dock.getDOMNode()?.contains(target));
}
return false;
},
@@ -107,12 +115,16 @@ export default class LeftFloatPane extends Component<{ area: Area { this.shell = ref; }}
+ ref={(ref) => {
+ this.shell = ref;
+ }}
className={classNames('lc-left-float-pane', {
'lc-area-visible': area.visible,
})}
@@ -128,10 +140,6 @@ export default class LeftFloatPane extends Component<{ area: Area }> {
render() {
const { area } = this.props;
- return (
-
- {area.container.items.map((panel) => panel.content)}
-
- );
+ return {area.container.items.map((panel) => panel.content)} ;
}
}
diff --git a/packages/editor-skeleton/src/layouts/main-area.tsx b/packages/editor-skeleton/src/layouts/main-area.tsx
index 400d337952..87a8bdda1e 100644
--- a/packages/editor-skeleton/src/layouts/main-area.tsx
+++ b/packages/editor-skeleton/src/layouts/main-area.tsx
@@ -1,6 +1,6 @@
import { Component } from 'react';
import classNames from 'classnames';
-import { observer } from '@alilc/lowcode-editor-core';
+import { observer } from '@felce/lowcode-editor-core';
import { Area } from '../area';
import { Panel } from '../widget/panel';
import { Widget } from '../widget/widget';
diff --git a/packages/editor-skeleton/src/layouts/right-area.tsx b/packages/editor-skeleton/src/layouts/right-area.tsx
index f00ae1461a..c8d7592a3c 100644
--- a/packages/editor-skeleton/src/layouts/right-area.tsx
+++ b/packages/editor-skeleton/src/layouts/right-area.tsx
@@ -1,6 +1,6 @@
import { Component, Fragment } from 'react';
import classNames from 'classnames';
-import { observer } from '@alilc/lowcode-editor-core';
+import { observer } from '@felce/lowcode-editor-core';
import { Area } from '../area';
import { Panel } from '../widget/panel';
@@ -12,9 +12,10 @@ export default class RightArea extends Component<{ area: Area }> {
return null;
}
return (
-
}> {
return (
- {
- area.container.items
- .slice()
- .sort((a, b) => {
- const index1 = a.config?.index || 0;
- const index2 = b.config?.index || 0;
- return index1 === index2 ? 0 : (index1 > index2 ? 1 : -1);
- })
- .map((item) => item.content)
- }
+ {area.container.items
+ .slice()
+ .sort((a, b) => {
+ const index1 = a.config?.index || 0;
+ const index2 = b.config?.index || 0;
+ return index1 === index2 ? 0 : index1 > index2 ? 1 : -1;
+ })
+ .map((item) => item.content)}
);
}
diff --git a/packages/editor-skeleton/src/layouts/sub-top-area.tsx b/packages/editor-skeleton/src/layouts/sub-top-area.tsx
index cef6aa5b02..17c022639f 100644
--- a/packages/editor-skeleton/src/layouts/sub-top-area.tsx
+++ b/packages/editor-skeleton/src/layouts/sub-top-area.tsx
@@ -1,7 +1,7 @@
import { Component, Fragment } from 'react';
import classNames from 'classnames';
-import { observer } from '@alilc/lowcode-editor-core';
-import { Area } from '@alilc/lowcode-editor-skeleton';
+import { observer } from '@felce/lowcode-editor-core';
+import { Area } from '@felce/lowcode-editor-skeleton';
@observer
export default class SubTopArea extends Component<{ area: Area; itemClassName?: string }> {
@@ -13,9 +13,10 @@ export default class SubTopArea extends Component<{ area: Area; itemClassName?:
}
return (
-
- {children}
-
- );
+ return {children} ;
}
}
diff --git a/packages/editor-skeleton/src/layouts/toolbar.tsx b/packages/editor-skeleton/src/layouts/toolbar.tsx
index 9b7d1c9b68..81794a47b8 100644
--- a/packages/editor-skeleton/src/layouts/toolbar.tsx
+++ b/packages/editor-skeleton/src/layouts/toolbar.tsx
@@ -1,6 +1,6 @@
import { Component, Fragment } from 'react';
import classNames from 'classnames';
-import { observer } from '@alilc/lowcode-editor-core';
+import { observer } from '@felce/lowcode-editor-core';
import { Area } from '../area';
@observer
diff --git a/packages/editor-skeleton/src/layouts/top-area.tsx b/packages/editor-skeleton/src/layouts/top-area.tsx
index f6b84b3e6f..a49e63e43d 100644
--- a/packages/editor-skeleton/src/layouts/top-area.tsx
+++ b/packages/editor-skeleton/src/layouts/top-area.tsx
@@ -1,19 +1,24 @@
import { Component, Fragment } from 'react';
import classNames from 'classnames';
-import { observer } from '@alilc/lowcode-editor-core';
+import { observer } from '@felce/lowcode-editor-core';
import { Area } from '../area';
@observer
-export default class TopArea extends Component<{ area: Area; itemClassName?: string; className?: string }> {
+export default class TopArea extends Component<{
+ area: Area;
+ itemClassName?: string;
+ className?: string;
+}> {
render() {
const { area, itemClassName, className } = this.props;
if (area.isEmpty()) {
return null;
}
return (
-
diff --git a/packages/editor-skeleton/src/locale/index.ts b/packages/editor-skeleton/src/locale/index.ts
index 4cb3b53cfb..33efdb0a93 100644
--- a/packages/editor-skeleton/src/locale/index.ts
+++ b/packages/editor-skeleton/src/locale/index.ts
@@ -1,4 +1,4 @@
-import { createIntl } from '@alilc/lowcode-editor-core';
+import { createIntl } from '@felce/lowcode-editor-core';
import enUS from './en-US.json';
import zhCN from './zh-CN.json';
diff --git a/packages/editor-skeleton/src/register-defaults.ts b/packages/editor-skeleton/src/register-defaults.ts
index 573631f78e..8a5d566aaf 100644
--- a/packages/editor-skeleton/src/register-defaults.ts
+++ b/packages/editor-skeleton/src/register-defaults.ts
@@ -1,7 +1,7 @@
import parseJSFunc from './transducers/parse-func';
import parseProps from './transducers/parse-props';
import addonCombine from './transducers/addon-combine';
-import { IPublicModelPluginContext } from '@alilc/lowcode-types';
+import { IPublicModelPluginContext } from '@felce/lowcode-types';
export const registerDefaults = (ctx: IPublicModelPluginContext) => {
const { material } = ctx;
@@ -19,5 +19,4 @@ export const registerDefaults = (ctx: IPublicModelPluginContext) => {
};
};
-
registerDefaults.pluginName = '___register_defaults___';
diff --git a/packages/editor-skeleton/src/skeleton.ts b/packages/editor-skeleton/src/skeleton.ts
index 7ff462391d..8b7d46f4cc 100644
--- a/packages/editor-skeleton/src/skeleton.ts
+++ b/packages/editor-skeleton/src/skeleton.ts
@@ -1,4 +1,11 @@
-import { action, makeObservable, obx, engineConfig, IEditor, FocusTracker } from '@alilc/lowcode-editor-core';
+import {
+ action,
+ makeObservable,
+ obx,
+ engineConfig,
+ IEditor,
+ FocusTracker,
+} from '@felce/lowcode-editor-core';
import {
DockConfig,
WidgetConfig,
@@ -18,7 +25,7 @@ import { PanelDock } from './widget/panel-dock';
import { Dock } from './widget/dock';
import { Stage, StageConfig } from './widget/stage';
import { isValidElement } from 'react';
-import { isPlainObject, uniqueId, Logger } from '@alilc/lowcode-utils';
+import { isPlainObject, uniqueId, Logger } from '@felce/lowcode-utils';
import { Divider } from '@alifd/next';
import {
EditorConfig,
@@ -29,7 +36,7 @@ import {
IPublicApiSkeleton,
IPublicTypeConfigTransducer,
IPublicTypePanelConfig,
-} from '@alilc/lowcode-types';
+} from '@felce/lowcode-types';
const logger = new Logger({ level: 'warn', bizName: 'skeleton' });
@@ -44,22 +51,24 @@ export enum SkeletonEvents {
WIDGET_ENABLE = 'skeleton.widget.enable',
}
-export interface ISkeleton extends Omit {
+export interface ISkeleton
+ extends Omit<
+ IPublicApiSkeleton,
+ | 'showPanel'
+ | 'hidePanel'
+ | 'showWidget'
+ | 'enableWidget'
+ | 'hideWidget'
+ | 'disableWidget'
+ | 'showArea'
+ | 'onShowPanel'
+ | 'onHidePanel'
+ | 'onShowWidget'
+ | 'onHideWidget'
+ | 'remove'
+ | 'hideArea'
+ | 'add'
+ > {
editor: IEditor;
readonly leftArea: Area;
@@ -106,7 +115,10 @@ export interface ISkeleton extends Omit): IWidget | Widget | Panel | Stage | Dock | PanelDock | undefined;
+ add(
+ config: IPublicTypeSkeletonConfig,
+ extraConfig?: Record,
+ ): IWidget | Widget | Panel | Stage | Dock | PanelDock | undefined;
}
export class Skeleton implements ISkeleton {
@@ -140,7 +152,10 @@ export class Skeleton implements ISkeleton {
readonly focusTracker = new FocusTracker();
- constructor(readonly editor: IEditor, readonly viewName: string = 'global') {
+ constructor(
+ readonly editor: IEditor,
+ readonly viewName: string = 'global',
+ ) {
makeObservable(this);
this.leftArea = new Area(
this,
@@ -264,9 +279,13 @@ export class Skeleton implements ISkeleton {
// adjust pinned status when panel shown
this.editor.eventBus.on(SkeletonEvents.PANEL_SHOW, (panelName, panel) => {
const panelNameKey = `${panelName}-pinned-status-isFloat`;
- const isInFloatAreaPreferenceExists = engineConfig.getPreference()?.contains(panelNameKey, 'skeleton');
+ const isInFloatAreaPreferenceExists = engineConfig
+ .getPreference()
+ ?.contains(panelNameKey, 'skeleton');
if (isInFloatAreaPreferenceExists) {
- const isInFloatAreaFromPreference = engineConfig.getPreference()?.get(panelNameKey, 'skeleton');
+ const isInFloatAreaFromPreference = engineConfig
+ .getPreference()
+ ?.get(panelNameKey, 'skeleton');
const isCurrentInFloatArea = panel?.isChildOfFloatArea();
if (isInFloatAreaFromPreference !== isCurrentInFloatArea) {
this.toggleFloatStatus(panel);
@@ -385,14 +404,19 @@ export class Skeleton implements ISkeleton {
}
getWidget(name: string): IWidget | undefined {
- return this.widgets.find(widget => widget.name === name);
+ return this.widgets.find((widget) => widget.name === name);
}
createPanel(config: IPublicTypePanelConfig) {
const parsedConfig = this.parseConfig(config);
const panel = new Panel(this, parsedConfig as IPublicTypePanelConfig);
this.panels.set(panel.name, panel);
- logger.debug(`Panel created with name: ${panel.name} \nconfig:`, config, '\n current panels: ', this.panels);
+ logger.debug(
+ `Panel created with name: ${panel.name} \nconfig:`,
+ config,
+ '\n current panels: ',
+ this.panels,
+ );
return panel;
}
@@ -451,11 +475,7 @@ export class Skeleton implements ISkeleton {
return restConfig;
}
- registerConfigTransducer(
- transducer: IPublicTypeConfigTransducer,
- level = 100,
- id?: string,
- ) {
+ registerConfigTransducer(transducer: IPublicTypeConfigTransducer, level = 100, id?: string) {
transducer.level = level;
transducer.id = id;
const i = this.configTransducers.findIndex((item) => item.level != null && item.level > level);
@@ -470,15 +490,21 @@ export class Skeleton implements ISkeleton {
return this.configTransducers;
}
- add(config: IPublicTypeSkeletonConfig, extraConfig?: Record): IWidget | Widget | Panel | Stage | Dock | PanelDock | undefined {
+ add(
+ config: IPublicTypeSkeletonConfig,
+ extraConfig?: Record,
+ ): IWidget | Widget | Panel | Stage | Dock | PanelDock | undefined {
const registeredTransducers = this.getRegisteredConfigTransducers();
- const parsedConfig = registeredTransducers.reduce((prevConfig, current) => {
- return current(prevConfig);
- }, {
- ...this.parseConfig(config),
- ...extraConfig,
- });
+ const parsedConfig = registeredTransducers.reduce(
+ (prevConfig, current) => {
+ return current(prevConfig);
+ },
+ {
+ ...this.parseConfig(config),
+ ...extraConfig,
+ },
+ );
let { area } = parsedConfig;
if (!area) {
@@ -519,7 +545,7 @@ export class Skeleton implements ISkeleton {
case 'stages':
return this.stages.add(parsedConfig as StageConfig);
default:
- // do nothing
+ // do nothing
}
}
}
diff --git a/packages/editor-skeleton/src/transducers/addon-combine.ts b/packages/editor-skeleton/src/transducers/addon-combine.ts
index c2bc2dd4c5..c8c5293939 100644
--- a/packages/editor-skeleton/src/transducers/addon-combine.ts
+++ b/packages/editor-skeleton/src/transducers/addon-combine.ts
@@ -2,9 +2,9 @@ import {
IPublicTypeTransformedComponentMetadata,
IPublicTypeFieldConfig,
IPublicModelSettingField,
-} from '@alilc/lowcode-types';
+} from '@felce/lowcode-types';
import { IconSlot } from '../icons/slot';
-import { getConvertedExtraKey } from '@alilc/lowcode-designer';
+import { getConvertedExtraKey } from '@felce/lowcode-designer';
export default function (
metadata: IPublicTypeTransformedComponentMetadata,
@@ -82,14 +82,18 @@ export default function (
eventsDefinition.push({
type: 'lifeCycleEvent',
title: '生命周期',
- list: supportedLifecycles.map((event: any) => (typeof event === 'string' ? { name: event } : event)),
+ list: supportedLifecycles.map((event: any) =>
+ typeof event === 'string' ? { name: event } : event,
+ ),
});
}
if (supports.events) {
eventsDefinition.push({
type: 'events',
title: '事件',
- list: (supports.events || []).map((event: any) => (typeof event === 'string' ? { name: event } : event)),
+ list: (supports.events || []).map((event: any) =>
+ typeof event === 'string' ? { name: event } : event,
+ ),
});
}
// 通用设置
@@ -334,8 +338,10 @@ export default function (
},
tip: {
type: 'i18n',
- 'zh-CN': '搭配「条件渲染」或「循环渲染」时使用，和 react 组件中的 key 原理相同，点击查看帮助',
- 'en-US': 'Used with 「Conditional Rendering」or「Cycle Rendering」, the same principle as the key in the react component, click to view the help',
+ 'zh-CN':
+ '搭配「条件渲染」或「循环渲染」时使用，和 react 组件中的 key 原理相同，点击查看帮助',
+ 'en-US':
+ 'Used with 「Conditional Rendering」or「Cycle Rendering」, the same principle as the key in the react component, click to view the help',
},
docUrl: 'https://www.yuque.com/lce/doc/qm75w3',
},
diff --git a/packages/editor-skeleton/src/transducers/parse-func.ts b/packages/editor-skeleton/src/transducers/parse-func.ts
index bc52deec35..7bc4dcadbf 100644
--- a/packages/editor-skeleton/src/transducers/parse-func.ts
+++ b/packages/editor-skeleton/src/transducers/parse-func.ts
@@ -1,5 +1,5 @@
-import { IPublicTypeTransformedComponentMetadata } from '@alilc/lowcode-types';
-import { isPlainObject, isJSFunction, getLogger } from '@alilc/lowcode-utils';
+import { IPublicTypeTransformedComponentMetadata } from '@felce/lowcode-types';
+import { isPlainObject, isJSFunction, getLogger } from '@felce/lowcode-utils';
const leadingFnRe = /^function/;
const leadingFnNameRe = /^\w+\s*\(/;
@@ -43,20 +43,22 @@ function transformStringToFunction(str: string) {
function parseJSFunc(obj: any, enableAllowedKeys = true) {
if (!obj) return;
- Object.keys(obj).forEach(key => {
+ Object.keys(obj).forEach((key) => {
const item = obj[key];
if (isJSFunction(item)) {
obj[key] = transformStringToFunction(item.value);
} else if (Array.isArray(item)) {
- item.forEach(o => parseJSFunc(o, enableAllowedKeys));
+ item.forEach((o) => parseJSFunc(o, enableAllowedKeys));
} else if (isPlainObject(item)) {
parseJSFunc(item, enableAllowedKeys);
}
});
}
-export default function (metadata: IPublicTypeTransformedComponentMetadata): IPublicTypeTransformedComponentMetadata {
+export default function (
+ metadata: IPublicTypeTransformedComponentMetadata,
+): IPublicTypeTransformedComponentMetadata {
parseJSFunc(metadata, false);
return metadata;
-}
\ No newline at end of file
+}
diff --git a/packages/editor-skeleton/src/transducers/parse-props.ts b/packages/editor-skeleton/src/transducers/parse-props.ts
index 573d24ac62..38f57b2685 100644
--- a/packages/editor-skeleton/src/transducers/parse-props.ts
+++ b/packages/editor-skeleton/src/transducers/parse-props.ts
@@ -10,7 +10,7 @@ import {
IPublicTypeOneOfType,
ConfigureSupportEvent,
IPublicModelSettingField,
-} from '@alilc/lowcode-types';
+} from '@felce/lowcode-types';
function propConfigToFieldConfig(propConfig: IPublicTypePropConfig): IPublicTypeFieldConfig {
const { name, description } = propConfig;
@@ -65,7 +65,8 @@ function propTypeToSetter(propType: IPublicTypePropType): IPublicTypeSetterType
const dataSource = ((propType as IPublicTypeOneOf).value || []).map((value, index) => {
const t = typeof value;
return {
- label: t === 'string' || t === 'number' || t === 'boolean' ? String(value) : `value ${index}`,
+ label:
+ t === 'string' || t === 'number' || t === 'boolean' ? String(value) : `value ${index}`,
value,
};
});
@@ -93,7 +94,9 @@ function propTypeToSetter(propType: IPublicTypePropType): IPublicTypeSetterType
};
case 'shape':
case 'exact':
- const items = ((propType as any).value || []).map((item: any) => propConfigToFieldConfig(item));
+ const items = ((propType as any).value || []).map((item: any) =>
+ propConfigToFieldConfig(item),
+ );
return {
componentName: 'ObjectSetter',
props: {
@@ -110,7 +113,11 @@ function propTypeToSetter(propType: IPublicTypePropType): IPublicTypeSetterType
if (initial == null && item.setter && typeof item.setter === 'object') {
initial = (item.setter as any).initialValue;
}
- data[item.name] = initial ? (typeof initial === 'function' ? initial(field) : initial) : null;
+ data[item.name] = initial
+ ? typeof initial === 'function'
+ ? initial(field)
+ : initial
+ : null;
});
return data;
},
@@ -121,7 +128,9 @@ function propTypeToSetter(propType: IPublicTypePropType): IPublicTypeSetterType
componentName: 'ObjectSetter',
props: {
config: {
- extraSetter: propTypeToSetter(typeName === 'objectOf' ? (propType as IPublicTypeObjectOf).value : 'any'),
+ extraSetter: propTypeToSetter(
+ typeName === 'objectOf' ? (propType as IPublicTypeObjectOf).value : 'any',
+ ),
},
},
isRequired,
@@ -132,7 +141,9 @@ function propTypeToSetter(propType: IPublicTypePropType): IPublicTypeSetterType
return {
componentName: 'ArraySetter',
props: {
- itemSetter: propTypeToSetter(typeName === 'arrayOf' ? (propType as IPublicTypeArrayOf).value : 'any'),
+ itemSetter: propTypeToSetter(
+ typeName === 'arrayOf' ? (propType as IPublicTypeArrayOf).value : 'any',
+ ),
},
isRequired,
initialValue: [],
@@ -157,7 +168,7 @@ function propTypeToSetter(propType: IPublicTypePropType): IPublicTypeSetterType
isRequired,
};
default:
- // do nothing
+ // do nothing
}
return {
componentName: 'MixedSetter',
@@ -168,7 +179,9 @@ function propTypeToSetter(propType: IPublicTypePropType): IPublicTypeSetterType
const EVENT_RE = /^on|after|before[A-Z][\w]*$/;
-export default function (metadata: IPublicTypeTransformedComponentMetadata): IPublicTypeTransformedComponentMetadata {
+export default function (
+ metadata: IPublicTypeTransformedComponentMetadata,
+): IPublicTypeTransformedComponentMetadata {
const { configure = {} } = metadata;
// TODO types后续补充
let extendsProps: any = null;
diff --git a/packages/editor-skeleton/src/types.ts b/packages/editor-skeleton/src/types.ts
index 8c5f1484a0..b7b60c1818 100644
--- a/packages/editor-skeleton/src/types.ts
+++ b/packages/editor-skeleton/src/types.ts
@@ -6,7 +6,7 @@ import {
IPublicTypePanelDockProps,
IPublicTypePanelConfigProps,
IPublicTypePanelConfig,
-} from '@alilc/lowcode-types';
+} from '@felce/lowcode-types';
import { IWidget } from './widget/widget';
export interface WidgetConfig extends IPublicTypeWidgetBaseConfig {
@@ -23,8 +23,7 @@ export function isWidgetConfig(obj: any): obj is WidgetConfig {
return obj && obj.type === 'Widget';
}
-export interface DockProps extends IPublicTypePanelDockProps {
-}
+export interface DockProps extends IPublicTypePanelDockProps {}
export interface DividerConfig extends IPublicTypeWidgetBaseConfig {
type: 'Divider';
diff --git a/packages/editor-skeleton/src/widget/dock.ts b/packages/editor-skeleton/src/widget/dock.ts
index 20cdd425da..4baa6f329f 100644
--- a/packages/editor-skeleton/src/widget/dock.ts
+++ b/packages/editor-skeleton/src/widget/dock.ts
@@ -1,7 +1,7 @@
import { ReactNode, createElement } from 'react';
-import { makeObservable, obx } from '@alilc/lowcode-editor-core';
-import { uniqueId, createContent } from '@alilc/lowcode-utils';
-import { getEvent } from '@alilc/lowcode-shell';
+import { makeObservable, obx } from '@felce/lowcode-editor-core';
+import { uniqueId, createContent } from '@felce/lowcode-utils';
+import { getEvent } from '@felce/lowcode-shell';
import { DockConfig } from '../types';
import { ISkeleton } from '../skeleton';
import { DockView, WidgetView } from '../components/widget-views';
@@ -59,7 +59,10 @@ export class Dock implements IWidget {
return this._body;
}
- constructor(readonly skeleton: ISkeleton, readonly config: DockConfig) {
+ constructor(
+ readonly skeleton: ISkeleton,
+ readonly config: DockConfig,
+ ) {
makeObservable(this);
const { props = {}, name } = config;
this.name = name;
diff --git a/packages/editor-skeleton/src/widget/panel-dock.ts b/packages/editor-skeleton/src/widget/panel-dock.ts
index 896849706a..c29d350811 100644
--- a/packages/editor-skeleton/src/widget/panel-dock.ts
+++ b/packages/editor-skeleton/src/widget/panel-dock.ts
@@ -1,5 +1,5 @@
-import { obx, computed, makeObservable } from '@alilc/lowcode-editor-core';
-import { uniqueId } from '@alilc/lowcode-utils';
+import { obx, computed, makeObservable } from '@felce/lowcode-editor-core';
+import { uniqueId } from '@felce/lowcode-utils';
import { createElement, ReactNode, ReactInstance } from 'react';
import { ISkeleton } from '../skeleton';
import { PanelDockConfig } from '../types';
@@ -71,7 +71,10 @@ export class PanelDock implements IWidget {
return this._panel || this.skeleton.getPanel(this.panelName);
}
- constructor(readonly skeleton: ISkeleton, readonly config: PanelDockConfig) {
+ constructor(
+ readonly skeleton: ISkeleton,
+ readonly config: PanelDockConfig,
+ ) {
makeObservable(this);
const { content, contentProps, panelProps, name, props } = config;
this.name = name;
diff --git a/packages/editor-skeleton/src/widget/panel.ts b/packages/editor-skeleton/src/widget/panel.ts
index 3a1ce3b00b..424424e17d 100644
--- a/packages/editor-skeleton/src/widget/panel.ts
+++ b/packages/editor-skeleton/src/widget/panel.ts
@@ -1,9 +1,19 @@
import { createElement, ReactNode } from 'react';
-import { obx, computed, makeObservable, IEventBus, createModuleEventBus } from '@alilc/lowcode-editor-core';
-import { uniqueId, createContent } from '@alilc/lowcode-utils';
-import { IPublicTypeHelpTipConfig, IPublicTypePanelConfig, IPublicTypeTitleContent } from '@alilc/lowcode-types';
+import {
+ obx,
+ computed,
+ makeObservable,
+ IEventBus,
+ createModuleEventBus,
+} from '@felce/lowcode-editor-core';
+import { uniqueId, createContent } from '@felce/lowcode-utils';
+import {
+ IPublicTypeHelpTipConfig,
+ IPublicTypePanelConfig,
+ IPublicTypeTitleContent,
+} from '@felce/lowcode-types';
import { WidgetContainer } from './widget-container';
-import { getEvent } from '@alilc/lowcode-shell';
+import { getEvent } from '@felce/lowcode-shell';
import { TitledPanelView, TabsPanelView, PanelView } from '../components/widget-views';
import { ISkeleton } from '../skeleton';
import { composeTitle } from './utils';
@@ -80,7 +90,10 @@ export class Panel implements IWidget {
@obx.ref public parent?: WidgetContainer;
- constructor(readonly skeleton: ISkeleton, readonly config: IPublicTypePanelConfig) {
+ constructor(
+ readonly skeleton: ISkeleton,
+ readonly config: IPublicTypePanelConfig,
+ ) {
makeObservable(this);
const { name, content, props = {} } = config;
const { hideTitleBar, title, icon, description, help } = props;
@@ -217,7 +230,7 @@ export class Panel implements IWidget {
}
getAssocDocks(): PanelDock[] {
- return this.skeleton.widgets.filter(item => {
+ return this.skeleton.widgets.filter((item) => {
return isPanelDock(item) && item.panelName === this.name;
}) as any;
}
diff --git a/packages/editor-skeleton/src/widget/stage.ts b/packages/editor-skeleton/src/widget/stage.ts
index 2b177af61f..d05ad1719b 100644
--- a/packages/editor-skeleton/src/widget/stage.ts
+++ b/packages/editor-skeleton/src/widget/stage.ts
@@ -1,4 +1,4 @@
-// import { uniqueId } from '@alilc/lowcode-utils';
+// import { uniqueId } from '@felce/lowcode-utils';
import { Widget } from './widget';
import { ISkeleton } from '../skeleton';
import { WidgetConfig } from '../types';
diff --git a/packages/editor-skeleton/src/widget/utils.ts b/packages/editor-skeleton/src/widget/utils.ts
index bec41333c8..0fbc5d18e7 100644
--- a/packages/editor-skeleton/src/widget/utils.ts
+++ b/packages/editor-skeleton/src/widget/utils.ts
@@ -1,8 +1,14 @@
-import { IPublicTypeIconType, IPublicTypeTitleContent, TipContent } from '@alilc/lowcode-types';
-import { isI18nData, isTitleConfig } from '@alilc/lowcode-utils';
+import { IPublicTypeIconType, IPublicTypeTitleContent, TipContent } from '@felce/lowcode-types';
+import { isI18nData, isTitleConfig } from '@felce/lowcode-utils';
import { isValidElement } from 'react';
-export function composeTitle(title?: IPublicTypeTitleContent, icon?: IPublicTypeIconType, tip?: TipContent, tipAsTitle?: boolean, noIcon?: boolean) {
+export function composeTitle(
+ title?: IPublicTypeTitleContent,
+ icon?: IPublicTypeIconType,
+ tip?: TipContent,
+ tipAsTitle?: boolean,
+ noIcon?: boolean,
+) {
let _title: IPublicTypeTitleContent | undefined;
if (!title) {
_title = {};
diff --git a/packages/editor-skeleton/src/widget/widget-container.ts b/packages/editor-skeleton/src/widget/widget-container.ts
index 183ff8fe09..283df5dd2e 100644
--- a/packages/editor-skeleton/src/widget/widget-container.ts
+++ b/packages/editor-skeleton/src/widget/widget-container.ts
@@ -1,5 +1,5 @@
-import { obx, computed, makeObservable } from '@alilc/lowcode-editor-core';
-import { hasOwnProperty } from '@alilc/lowcode-utils';
+import { obx, computed, makeObservable } from '@felce/lowcode-editor-core';
+import { hasOwnProperty } from '@felce/lowcode-utils';
import { isPanel } from './panel';
export interface WidgetItem {
@@ -19,7 +19,7 @@ export class WidgetContainerLowCodeEngine
+
+
{
+async function registryInnerPlugin(
+ designer: IDesigner,
+ editor: IEditor,
+ plugins: IPublicApiPlugins,
+): Promise {
// 注册一批内置插件
const componentMetaParserPlugin = componentMetaParser(designer);
const defaultPanelRegistryPlugin = defaultPanelRegistry(editor);
@@ -139,7 +140,11 @@ let plugins: Plugins;
const pluginContextApiAssembler: ILowCodePluginContextApiAssembler = {
// eslint-disable-next-line @typescript-eslint/no-unused-vars
- assembleApis: (context: ILowCodePluginContextPrivate, pluginName: string, meta: IPublicTypePluginMeta) => {
+ assembleApis: (
+ context: ILowCodePluginContextPrivate,
+ pluginName: string,
+ meta: IPublicTypePluginMeta,
+ ) => {
context.hotkey = hotkey;
context.project = project;
context.skeleton = new Skeleton(innerSkeleton, pluginName, false);
@@ -219,7 +224,7 @@ export async function init(
container?: HTMLElement,
options?: IPublicTypeEngineOptions,
pluginPreference?: PluginPreference,
- ) {
+) {
await destroy();
let engineOptions = null;
if (isPlainObject(container)) {
@@ -275,7 +280,7 @@ export async function destroy() {
// remove all documents
const { documents } = project;
if (Array.isArray(documents) && documents.length > 0) {
- documents.forEach(((doc: IPublicModelDocumentModel) => project.removeDocument(doc)));
+ documents.forEach((doc: IPublicModelDocumentModel) => project.removeDocument(doc));
}
// TODO: delete plugins except for core plugins
diff --git a/packages/engine/src/inner-plugins/builtin-hotkey.ts b/packages/engine/src/inner-plugins/builtin-hotkey.ts
index 1a1f3a9c44..f507f0e0ff 100644
--- a/packages/engine/src/inner-plugins/builtin-hotkey.ts
+++ b/packages/engine/src/inner-plugins/builtin-hotkey.ts
@@ -1,5 +1,5 @@
/* eslint-disable max-len */
-import { isFormEvent, isNodeSchema, isNode } from '@alilc/lowcode-utils';
+import { isFormEvent, isNodeSchema, isNode } from '@felce/lowcode-utils';
import {
IPublicModelPluginContext,
IPublicEnumTransformStage,
@@ -8,7 +8,7 @@ import {
IPublicTypeNodeData,
IPublicEnumDragObjectType,
IPublicTypeDragNodeObject,
-} from '@alilc/lowcode-types';
+} from '@felce/lowcode-types';
function insertChild(
container: IPublicModelNode,
@@ -21,7 +21,7 @@ function insertChild(
}
let node = null;
if (isNode(child)) {
- node = (child as IPublicModelNode);
+ node = child as IPublicModelNode;
container.children?.insert(node, at);
} else {
node = container.document?.createNode(child) || null;
@@ -99,7 +99,11 @@ function getSuitableInsertion(
}
/* istanbul ignore next */
-function getNextForSelect(next: IPublicModelNode | null, head?: any, parent?: IPublicModelNode | null): any {
+function getNextForSelect(
+ next: IPublicModelNode | null,
+ head?: any,
+ parent?: IPublicModelNode | null,
+): any {
if (next) {
if (!head) {
return next;
@@ -130,7 +134,11 @@ function getNextForSelect(next: IPublicModelNode | null, head?: any, parent?: IP
}
/* istanbul ignore next */
-function getPrevForSelect(prev: IPublicModelNode | null, head?: any, parent?: IPublicModelNode | null): any {
+function getPrevForSelect(
+ prev: IPublicModelNode | null,
+ head?: any,
+ parent?: IPublicModelNode | null,
+): any {
if (prev) {
let ret;
if (!head && prev.isContainerNode) {
@@ -160,7 +168,11 @@ function getPrevForSelect(prev: IPublicModelNode | null, head?: any, parent?: IP
return null;
}
-function getSuitablePlaceForNode(targetNode: IPublicModelNode, node: IPublicModelNode, ref: any): any {
+function getSuitablePlaceForNode(
+ targetNode: IPublicModelNode,
+ node: IPublicModelNode,
+ ref: any,
+): any {
const { document } = targetNode;
if (!document) {
return null;
@@ -292,7 +304,9 @@ export const builtinHotkey = (ctx: IPublicModelPluginContext) => {
}
const componentsMap = {};
- const componentsTree = selected.map((item) => item?.exportSchema(IPublicEnumTransformStage.Clone));
+ const componentsTree = selected.map((item) =>
+ item?.exportSchema(IPublicEnumTransformStage.Clone),
+ );
// FIXME: clear node.id
diff --git a/packages/engine/src/inner-plugins/component-meta-parser.ts b/packages/engine/src/inner-plugins/component-meta-parser.ts
index d0fbb4300f..7fba00175c 100644
--- a/packages/engine/src/inner-plugins/component-meta-parser.ts
+++ b/packages/engine/src/inner-plugins/component-meta-parser.ts
@@ -1,4 +1,4 @@
-import { IPublicModelPluginContext } from '@alilc/lowcode-types';
+import { IPublicModelPluginContext } from '@felce/lowcode-types';
export const componentMetaParser = (designer: any) => {
const fun = (ctx: IPublicModelPluginContext) => {
diff --git a/packages/engine/src/inner-plugins/default-context-menu.ts b/packages/engine/src/inner-plugins/default-context-menu.ts
index 81978d9209..f7e48d2cfa 100644
--- a/packages/engine/src/inner-plugins/default-context-menu.ts
+++ b/packages/engine/src/inner-plugins/default-context-menu.ts
@@ -6,8 +6,8 @@ import {
IPublicModelPluginContext,
IPublicTypeDragNodeDataObject,
IPublicTypeNodeSchema,
-} from '@alilc/lowcode-types';
-import { isProjectSchema } from '@alilc/lowcode-utils';
+} from '@felce/lowcode-types';
+import { isProjectSchema } from '@felce/lowcode-utils';
import { Message } from '@alifd/next';
import { intl } from '../locale';
@@ -28,9 +28,7 @@ async function getClipboardText(): Promise {
resolve(data.componentsTree);
} else {
Message.error(intl('NotValidNodeData'));
- reject(
- new Error(intl('NotValidNodeData')),
- );
+ reject(new Error(intl('NotValidNodeData')));
}
} catch (error) {
Message.error(intl('NotValidNodeData'));
@@ -137,7 +135,13 @@ export const defaultContextMenu = (ctx: IPublicModelPluginContext) => {
return doc?.checkNesting(parent, dragNodeObject);
});
if (canAddNodes.length === 0) {
- Message.error(`${nodeSchema.map(d => utilsIntl(d.title || d.componentName)).join(',')}等组件无法放置到${utilsIntl(parent.title || parent.componentName as any)}内`);
+ Message.error(
+ `${nodeSchema
+ .map((d) => utilsIntl(d.title || d.componentName))
+ .join(',')}等组件无法放置到${utilsIntl(
+ parent.title || (parent.componentName as any),
+ )}内`,
+ );
return;
}
const nodes: IPublicModelNode[] = [];
@@ -185,7 +189,13 @@ export const defaultContextMenu = (ctx: IPublicModelPluginContext) => {
return doc?.checkNesting(node, dragNodeObject);
});
if (canAddNodes.length === 0) {
- Message.error(`${nodeSchema.map(d => utilsIntl(d.title || d.componentName)).join(',')}等组件无法放置到${utilsIntl(node.title || node.componentName as any)}内`);
+ Message.error(
+ `${nodeSchema
+ .map((d) => utilsIntl(d.title || d.componentName))
+ .join(',')}等组件无法放置到${utilsIntl(
+ node.title || (node.componentName as any),
+ )}内`,
+ );
return;
}
diff --git a/packages/engine/src/inner-plugins/default-panel-registry.tsx b/packages/engine/src/inner-plugins/default-panel-registry.tsx
index b5f538d44c..1158eb7de5 100644
--- a/packages/engine/src/inner-plugins/default-panel-registry.tsx
+++ b/packages/engine/src/inner-plugins/default-panel-registry.tsx
@@ -1,6 +1,6 @@
-import { IPublicModelPluginContext } from '@alilc/lowcode-types';
-import { SettingsPrimaryPane } from '@alilc/lowcode-editor-skeleton';
-import DesignerPlugin from '@alilc/lowcode-plugin-designer';
+import { IPublicModelPluginContext } from '@felce/lowcode-types';
+import { SettingsPrimaryPane } from '@felce/lowcode-editor-skeleton';
+import DesignerPlugin from '@felce/lowcode-plugin-designer';
// 注册默认的面板
export const defaultPanelRegistry = (editor: any) => {
@@ -12,19 +12,14 @@ export const defaultPanelRegistry = (editor: any) => {
area: 'mainArea',
name: 'designer',
type: 'Widget',
- content: /../$1/src';
+jestConfig.moduleNameMapper[`^@felce/lowcode\\-(${pkgNames.join('|')})$`] = '/../$1/src';
-module.exports = jestConfig;
\ No newline at end of file
+module.exports = jestConfig;
diff --git a/packages/ignitor/package.json b/packages/ignitor/package.json
index 0b109a7ad7..e71de7e671 100644
--- a/packages/ignitor/package.json
+++ b/packages/ignitor/package.json
@@ -1,6 +1,6 @@
{
- "name": "@alilc/lowcode-ignitor",
- "version": "1.3.2",
+ "name": "@felce/lowcode-ignitor",
+ "version": "1.4.0",
"description": "点火器，bootstrap lce project",
"main": "lib/index.js",
"private": true,
@@ -19,8 +19,8 @@
},
"repository": {
"type": "http",
- "url": "https://github.com/alibaba/lowcode-engine/tree/main/packages/ignitor"
+ "url": "https://github.com/fe-lce/lowcode-engine/tree/main/packages/ignitor"
},
- "bugs": "https://github.com/alibaba/lowcode-engine/issues",
- "homepage": "https://github.com/alibaba/lowcode-engine/#readme"
+ "bugs": "https://github.com/fe-lce/lowcode-engine/issues",
+ "homepage": "https://github.com/fe-lce/lowcode-engine/#readme"
}
diff --git a/packages/ignitor/public/index.html b/packages/ignitor/public/index.html
index 147fe334d9..b53e23b215 100644
--- a/packages/ignitor/public/index.html
+++ b/packages/ignitor/public/index.html
@@ -1,20 +1,23 @@
-
-
-
-
- LowCodeEngine Editor DEMO
-
-
- LowCodeEngine Editor DEMO
+
+
+
+
sim.mountViewport(elmt)} className="lc-simulator-canvas-viewport" style={viewport}>
+ void, options?: IReactionOptions,
+ effect: (reaction: IReactionPublic) => void,
+ options?: IReactionOptions,
) {
this._renderer = renderer;
return autorun(effect, options);
}
- reaction(expression: (reaction: IReactionPublic) => unknown, effect: (value: unknown, prev: unknown, reaction: IReactionPublic) => void,
- opts?: IReactionOptions | undefined): IReactionDisposer {
+ reaction(
+ expression: (reaction: IReactionPublic) => unknown,
+ effect: (value: unknown, prev: unknown, reaction: IReactionPublic) => void,
+ opts?: IReactionOptions | undefined,
+ ): IReactionDisposer {
return reaction(expression, effect, opts);
}
- autorun(effect: (reaction: IReactionPublic) => void, options?: IReactionOptions): IReactionDisposer {
+ autorun(
+ effect: (reaction: IReactionPublic) => void,
+ options?: IReactionOptions,
+ ): IReactionDisposer {
return autorun(effect, options);
}
purge(): void {
// todo
-
}
mountViewport(viewport: HTMLElement | null) {
@@ -450,11 +452,7 @@ export class BuiltinSimulatorHost implements ISimulatorHost | null {
+ findDOMNodes(
+ instance: IPublicTypeComponentInstance,
+ selector?: string,
+ ): Array | null {
const elements = this._renderer?.findDOMNodes(instance);
if (!elements) {
return null;
@@ -1051,7 +1058,9 @@ export class BuiltinSimulatorHost implements ISimulatorHost | null {
+ getNodeInstanceFromElement(
+ target: Element | null,
+ ): IPublicTypeNodeInstance | null {
if (!target) {
return null;
}
@@ -1193,7 +1202,10 @@ export class BuiltinSimulatorHost implements ISimulatorHost {
const onMoveHook = node.componentMeta?.advanced.callbacks?.onMoveHook;
- const canMove = onMoveHook && typeof onMoveHook === 'function' ? onMoveHook(node.internalToShellNode()) : true;
+ const canMove =
+ onMoveHook && typeof onMoveHook === 'function'
+ ? onMoveHook(node.internalToShellNode())
+ : true;
let parentContainerNode: INode | null = null;
let parentNode = node.parent;
@@ -1207,9 +1219,13 @@ export class BuiltinSimulatorHost implements ISimulatorHost node.isLocked);
if (lockedNode) return null;
- if (
- !dropContainer
- ) {
+ if (!dropContainer) {
return null;
}
@@ -1296,8 +1310,9 @@ export class BuiltinSimulatorHost implements ISimulatorHost 1
? instances.find(
- (_inst) => this.getClosestNodeInstance(_inst, container.id)?.instance === containerInstance,
- )
+ (_inst) =>
+ this.getClosestNodeInstance(_inst, container.id)?.instance === containerInstance,
+ )
: instances[0]
: null;
const rect = inst
@@ -1514,10 +1529,7 @@ export class BuiltinSimulatorHost implements ISimulatorHost,
- ) {
+ getNearByContainer({ container, instance }: DropContainer, drillDownExcludes: Set) {
const { children } = container;
if (!children || children.isEmpty()) {
return null;
diff --git a/packages/designer/src/builtin-simulator/live-editing/live-editing.ts b/packages/designer/src/builtin-simulator/live-editing/live-editing.ts
index c8594d701b..1ad475b14c 100644
--- a/packages/designer/src/builtin-simulator/live-editing/live-editing.ts
+++ b/packages/designer/src/builtin-simulator/live-editing/live-editing.ts
@@ -1,5 +1,5 @@
-import { obx } from '@alilc/lowcode-editor-core';
-import { IPublicTypePluginConfig, IPublicTypeLiveTextEditingConfig } from '@alilc/lowcode-types';
+import { obx } from '@felce/lowcode-editor-core';
+import { IPublicTypePluginConfig, IPublicTypeLiveTextEditingConfig } from '@felce/lowcode-types';
import { INode, Prop } from '../../document';
const EDITOR_KEY = 'data-setter-prop';
@@ -59,7 +59,9 @@ export class LiveEditing {
const editor = node.document?.designer.editor;
const npm = node?.componentMeta?.npm;
const selected =
- [npm?.package, npm?.componentName].filter((item) => !!item).join('-') || node?.componentMeta?.componentName || '';
+ [npm?.package, npm?.componentName].filter((item) => !!item).join('-') ||
+ node?.componentMeta?.componentName ||
+ '';
editor?.eventBus.emit('designer.builtinSimulator.liveEditing', {
selected,
});
@@ -70,10 +72,10 @@ export class LiveEditing {
if (liveTextEditing) {
if (propTarget) {
// 已埋点命中 data-setter-prop="proptarget", 从 liveTextEditing 读取配置（mode|onSaveContent）
- matched = liveTextEditing.find(config => config.propTarget == propTarget);
+ matched = liveTextEditing.find((config) => config.propTarget == propTarget);
} else {
// 执行 embedTextEditing selector 规则，获得第一个节点 是否 contains e.target，若匹配，读取配置
- matched = liveTextEditing.find(config => {
+ matched = liveTextEditing.find((config) => {
if (!config.selector) {
return false;
}
@@ -89,7 +91,8 @@ export class LiveEditing {
});
if (matched) {
propTarget = matched.propTarget;
- setterPropElement = matched.propElement || queryPropElement(rootElement, targetElement, matched.selector);
+ setterPropElement =
+ matched.propElement || queryPropElement(rootElement, targetElement, matched.selector);
}
}
@@ -117,9 +120,15 @@ export class LiveEditing {
// 4. 监听 blur 事件
// 5. 设置编辑锁定：disable hover | disable select | disable canvas drag
- const onSaveContent = matched?.onSaveContent || saveHandlers.find(item => item.condition(prop))?.onSaveContent || defaultSaveContent;
+ const onSaveContent =
+ matched?.onSaveContent ||
+ saveHandlers.find((item) => item.condition(prop))?.onSaveContent ||
+ defaultSaveContent;
- setterPropElement.setAttribute('contenteditable', matched?.mode && matched.mode !== 'plaintext' ? 'true' : 'plaintext-only');
+ setterPropElement.setAttribute(
+ 'contenteditable',
+ matched?.mode && matched.mode !== 'plaintext' ? 'true' : 'plaintext-only',
+ );
setterPropElement.classList.add('engine-live-editing');
// be sure
setterPropElement.focus();
@@ -134,7 +143,7 @@ export class LiveEditing {
switch (e.code) {
case 'Enter':
break;
- // TODO: check is richtext?
+ // TODO: check is richtext?
case 'Escape':
break;
case 'Tab':
@@ -186,9 +195,11 @@ export class LiveEditing {
}
}
-export type SpecificRule = (target: EditingTarget) => (IPublicTypeLiveTextEditingConfig & {
- propElement?: HTMLElement;
-}) | null;
+export type SpecificRule = (target: EditingTarget) =>
+ | (IPublicTypeLiveTextEditingConfig & {
+ propElement?: HTMLElement;
+ })
+ | null;
export interface SaveHandler {
condition: (prop: Prop) => boolean;
@@ -223,7 +234,9 @@ function queryPropElement(rootElement: HTMLElement, targetElement: HTMLElement,
}
if (!propElement.contains(targetElement)) {
// try selectorAll
- propElement = Array.from(rootElement.querySelectorAll(selector)).find(item => item.contains(targetElement)) as HTMLElement;
+ propElement = Array.from(rootElement.querySelectorAll(selector)).find((item) =>
+ item.contains(targetElement),
+ ) as HTMLElement;
if (!propElement) {
return null;
}
diff --git a/packages/designer/src/builtin-simulator/node-selector/index.tsx b/packages/designer/src/builtin-simulator/node-selector/index.tsx
index 0723115da2..50be282ea9 100644
--- a/packages/designer/src/builtin-simulator/node-selector/index.tsx
+++ b/packages/designer/src/builtin-simulator/node-selector/index.tsx
@@ -1,10 +1,10 @@
import { Overlay } from '@alifd/next';
import React, { MouseEvent } from 'react';
-import { Title, observer } from '@alilc/lowcode-editor-core';
-import { canClickNode } from '@alilc/lowcode-utils';
+import { Title, observer } from '@felce/lowcode-editor-core';
+import { canClickNode } from '@felce/lowcode-utils';
import './index.less';
-import { INode } from '@alilc/lowcode-designer';
+import { INode } from '@felce/lowcode-designer';
const { Popup } = Overlay;
@@ -80,17 +80,21 @@ export default class InstanceNodeSelector extends React.Component (_: any, flag = true) => {
- if (node && typeof node.hover === 'function') {
- node.hover(flag);
- }
- };
+ onMouseOver =
+ (node: INode) =>
+ (_: any, flag = true) => {
+ if (node && typeof node.hover === 'function') {
+ node.hover(flag);
+ }
+ };
- onMouseOut = (node: INode) => (_: any, flag = false) => {
- if (node && typeof node.hover === 'function') {
- node.hover(flag);
- }
- };
+ onMouseOut =
+ (node: INode) =>
+ (_: any, flag = false) => {
+ if (node && typeof node.hover === 'function') {
+ node.hover(flag);
+ }
+ };
renderNodes = () => {
const nodes = this.state.parentNodes;
diff --git a/packages/designer/src/builtin-simulator/renderer.ts b/packages/designer/src/builtin-simulator/renderer.ts
index 15664757bc..c45382da27 100644
--- a/packages/designer/src/builtin-simulator/renderer.ts
+++ b/packages/designer/src/builtin-simulator/renderer.ts
@@ -1,7 +1,10 @@
import { Component } from '../simulator';
-import { IPublicTypeComponentInstance, IPublicTypeSimulatorRenderer } from '@alilc/lowcode-types';
+import { IPublicTypeComponentInstance, IPublicTypeSimulatorRenderer } from '@felce/lowcode-types';
-export type BuiltinSimulatorRenderer = IPublicTypeSimulatorRenderer;
+export type BuiltinSimulatorRenderer = IPublicTypeSimulatorRenderer<
+ Component,
+ IPublicTypeComponentInstance
+>;
export function isSimulatorRenderer(obj: any): obj is BuiltinSimulatorRenderer {
return obj && obj.isSimulatorRenderer;
diff --git a/packages/designer/src/builtin-simulator/resource-consumer.ts b/packages/designer/src/builtin-simulator/resource-consumer.ts
index cc195e516f..288534309e 100644
--- a/packages/designer/src/builtin-simulator/resource-consumer.ts
+++ b/packages/designer/src/builtin-simulator/resource-consumer.ts
@@ -1,4 +1,10 @@
-import { autorun, makeObservable, obx, createModuleEventBus, IEventBus } from '@alilc/lowcode-editor-core';
+import {
+ autorun,
+ makeObservable,
+ obx,
+ createModuleEventBus,
+ IEventBus,
+} from '@felce/lowcode-editor-core';
import { BuiltinSimulatorHost } from './host';
import { BuiltinSimulatorRenderer, isSimulatorRenderer } from './renderer';
@@ -31,7 +37,10 @@ export default class ResourceConsumer {
private resolveFirst?: (resolve?: any) => void;
- constructor(provider: () => T, private consumer?: RendererConsumer) {
+ constructor(
+ provider: () => T,
+ private consumer?: RendererConsumer,
+ ) {
makeObservable(this);
this._providing = autorun(() => {
this._data = provider();
diff --git a/packages/designer/src/builtin-simulator/utils/clickable.ts b/packages/designer/src/builtin-simulator/utils/clickable.ts
index 5413ad5c52..873fab13fd 100644
--- a/packages/designer/src/builtin-simulator/utils/clickable.ts
+++ b/packages/designer/src/builtin-simulator/utils/clickable.ts
@@ -1,4 +1,4 @@
-import { getClosestNode, canClickNode } from '@alilc/lowcode-utils';
+import { getClosestNode, canClickNode } from '@felce/lowcode-utils';
import { INode } from '../../document';
/**
diff --git a/packages/designer/src/builtin-simulator/utils/parse-metadata.ts b/packages/designer/src/builtin-simulator/utils/parse-metadata.ts
index 6969a47db5..5c2646f83d 100644
--- a/packages/designer/src/builtin-simulator/utils/parse-metadata.ts
+++ b/packages/designer/src/builtin-simulator/utils/parse-metadata.ts
@@ -1,7 +1,7 @@
import PropTypes from 'prop-types';
import { isValidElement } from 'react';
-import { isElement } from '@alilc/lowcode-utils';
-import { IPublicTypePropConfig } from '@alilc/lowcode-types';
+import { isElement } from '@felce/lowcode-utils';
+import { IPublicTypePropConfig } from '@felce/lowcode-types';
export const primitiveTypes = [
'string',
@@ -42,7 +42,10 @@ function makeRequired(propType: any, lowcodeType: string | object): LowcodeCheck
}
// eslint-disable-next-line @typescript-eslint/ban-types
-function define(propType: any = PropTypes.any, lowcodeType: string | object = {}): LowcodeCheckType {
+function define(
+ propType: any = PropTypes.any,
+ lowcodeType: string | object = {},
+): LowcodeCheckType {
if (!propType._inner && propType.name !== 'lowcodeCheckType') {
propType.lowcodeType = lowcodeType;
}
diff --git a/packages/designer/src/builtin-simulator/viewport.ts b/packages/designer/src/builtin-simulator/viewport.ts
index b37cad7eec..7ecb84fc17 100644
--- a/packages/designer/src/builtin-simulator/viewport.ts
+++ b/packages/designer/src/builtin-simulator/viewport.ts
@@ -1,4 +1,4 @@
-import { obx, computed, makeObservable } from '@alilc/lowcode-editor-core';
+import { obx, computed, makeObservable } from '@felce/lowcode-editor-core';
import { Point, ScrollTarget } from '../designer';
import { AutoFit, IViewport } from '../simulator';
diff --git a/packages/designer/src/component-actions.ts b/packages/designer/src/component-actions.ts
index 57ad30bf25..733f8a0ec8 100644
--- a/packages/designer/src/component-actions.ts
+++ b/packages/designer/src/component-actions.ts
@@ -1,19 +1,20 @@
-import { IPublicModelNode, IPublicTypeComponentAction, IPublicTypeMetadataTransducer } from '@alilc/lowcode-types';
-import { engineConfig } from '@alilc/lowcode-editor-core';
-import { intlNode } from './locale';
import {
- IconLock,
- IconUnlock,
- IconRemove,
- IconClone,
- IconHidden,
-} from './icons';
+ IPublicModelNode,
+ IPublicTypeComponentAction,
+ IPublicTypeMetadataTransducer,
+} from '@felce/lowcode-types';
+import { engineConfig } from '@felce/lowcode-editor-core';
+import { intlNode } from './locale';
+import { IconLock, IconUnlock, IconRemove, IconClone, IconHidden } from './icons';
import { componentDefaults, legacyIssues } from './transducers';
function deduplicateRef(node: IPublicModelNode | null | undefined) {
const currentRef = node?.getPropValue('ref');
if (currentRef) {
- node?.setPropValue('ref', `${node.componentName.toLowerCase()}-${Math.random().toString(36).slice(2, 9)}`);
+ node?.setPropValue(
+ 'ref',
+ `${node.componentName.toLowerCase()}-${Math.random().toString(36).slice(2, 9)}`,
+ );
}
node?.children?.forEach(deduplicateRef);
}
@@ -67,7 +68,9 @@ export class ComponentActions {
if (isRGL) {
// 复制 layout 信息
const layout: any = rglNode?.getPropValue('layout') || [];
- const curLayout = layout.filter((item: any) => item.i === node.getPropValue('fieldId'));
+ const curLayout = layout.filter(
+ (item: any) => item.i === node.getPropValue('fieldId'),
+ );
if (curLayout && curLayout[0]) {
layout.push({
...curLayout[0],
@@ -75,7 +78,10 @@ export class ComponentActions {
});
rglNode?.setPropValue('layout', layout);
// 如果是磁贴块复制，则需要滚动到影响位置
- setTimeout(() => newNode?.document?.project?.simulatorHost?.scrollToNode(newNode), 10);
+ setTimeout(
+ () => newNode?.document?.project?.simulatorHost?.scrollToNode(newNode),
+ 10,
+ );
}
}
}
@@ -95,7 +101,9 @@ export class ComponentActions {
},
/* istanbul ignore next */
condition: (node: IPublicModelNode) => {
- return engineConfig.get('enableCanvasLock', false) && node.isContainerNode && !node.isLocked;
+ return (
+ engineConfig.get('enableCanvasLock', false) && node.isContainerNode && !node.isLocked
+ );
},
important: true,
},
@@ -142,14 +150,12 @@ export class ComponentActions {
}
}
- registerMetadataTransducer(
- transducer: IPublicTypeMetadataTransducer,
- level = 100,
- id?: string,
- ) {
+ registerMetadataTransducer(transducer: IPublicTypeMetadataTransducer, level = 100, id?: string) {
transducer.level = level;
transducer.id = id;
- const i = this.metadataTransducers.findIndex((item) => item.level != null && item.level > level);
+ const i = this.metadataTransducers.findIndex(
+ (item) => item.level != null && item.level > level,
+ );
if (i < 0) {
this.metadataTransducers.push(transducer);
} else {
@@ -160,4 +166,4 @@ export class ComponentActions {
getRegisteredMetadataTransducers(): IPublicTypeMetadataTransducer[] {
return this.metadataTransducers;
}
-}
\ No newline at end of file
+}
diff --git a/packages/designer/src/component-meta.ts b/packages/designer/src/component-meta.ts
index 1ee1154f18..261ab4dd17 100644
--- a/packages/designer/src/component-meta.ts
+++ b/packages/designer/src/component-meta.ts
@@ -13,16 +13,12 @@ import {
IPublicTypeAdvanced,
IPublicTypeDisposable,
IPublicTypeLiveTextEditingConfig,
-} from '@alilc/lowcode-types';
-import { deprecate, isRegExp, isTitleConfig, isNode } from '@alilc/lowcode-utils';
-import { computed, createModuleEventBus, IEventBus } from '@alilc/lowcode-editor-core';
+} from '@felce/lowcode-types';
+import { deprecate, isRegExp, isTitleConfig, isNode } from '@felce/lowcode-utils';
+import { computed, createModuleEventBus, IEventBus } from '@felce/lowcode-editor-core';
import { Node, INode } from './document';
import { Designer } from './designer';
-import {
- IconContainer,
- IconPage,
- IconComponent,
-} from './icons';
+import { IconContainer, IconPage, IconComponent } from './icons';
export function ensureAList(list?: string | string[]): string[] | null {
if (!list) {
@@ -138,7 +134,7 @@ export class ComponentMeta implements IComponentMeta {
private _isTopFixed?: boolean;
get isTopFixed(): boolean {
- return !!(this._isTopFixed);
+ return !!this._isTopFixed;
}
private parentWhitelist?: IPublicTypeNestingFilter | null;
@@ -184,7 +180,10 @@ export class ComponentMeta implements IComponentMeta {
*/
prototype?: any;
- constructor(readonly designer: Designer, metadata: IPublicTypeComponentMetadata) {
+ constructor(
+ readonly designer: Designer,
+ metadata: IPublicTypeComponentMetadata,
+ ) {
this.parseMetadata(metadata);
}
@@ -287,8 +286,8 @@ export class ComponentMeta implements IComponentMeta {
}
private transformMetadata(
- metadta: IPublicTypeComponentMetadata,
- ): IPublicTypeTransformedComponentMetadata {
+ metadta: IPublicTypeComponentMetadata,
+ ): IPublicTypeTransformedComponentMetadata {
const registeredTransducers = this.designer.componentActions.getRegisteredMetadataTransducers();
const result = registeredTransducers.reduce((prevMetadata, current) => {
return current(prevMetadata);
@@ -351,7 +350,10 @@ export class ComponentMeta implements IComponentMeta {
return true;
}
- checkNestingDown(my: INode, target: INode | IPublicTypeNodeSchema | IPublicTypeNodeSchema[]): boolean {
+ checkNestingDown(
+ my: INode,
+ target: INode | IPublicTypeNodeSchema | IPublicTypeNodeSchema[],
+ ): boolean {
// 检查父子关系，直接约束型，在画布中拖拽直接掠过目标容器
if (this.childWhitelist) {
const _target: any = !Array.isArray(target) ? [target] : target;
@@ -372,14 +374,15 @@ export class ComponentMeta implements IComponentMeta {
this.emitter.removeListener('metadata_change', fn);
};
}
-
}
export function isComponentMeta(obj: any): obj is ComponentMeta {
return obj && obj.isComponentMeta;
}
-function preprocessMetadata(metadata: IPublicTypeComponentMetadata): IPublicTypeTransformedComponentMetadata {
+function preprocessMetadata(
+ metadata: IPublicTypeComponentMetadata,
+): IPublicTypeTransformedComponentMetadata {
if (metadata.configure) {
if (Array.isArray(metadata.configure)) {
return {
diff --git a/packages/designer/src/context-menu-actions.ts b/packages/designer/src/context-menu-actions.ts
index c88e03ac65..4bb052aa3a 100644
--- a/packages/designer/src/context-menu-actions.ts
+++ b/packages/designer/src/context-menu-actions.ts
@@ -1,8 +1,19 @@
-import { IPublicTypeContextMenuAction, IPublicEnumContextMenuType, IPublicTypeContextMenuItem, IPublicApiMaterial, IPublicModelPluginContext } from '@alilc/lowcode-types';
+import {
+ IPublicTypeContextMenuAction,
+ IPublicEnumContextMenuType,
+ IPublicTypeContextMenuItem,
+ IPublicApiMaterial,
+ IPublicModelPluginContext,
+} from '@felce/lowcode-types';
import { IDesigner, INode } from './designer';
-import { createContextMenu, parseContextMenuAsReactNode, parseContextMenuProperties, uniqueId } from '@alilc/lowcode-utils';
+import {
+ createContextMenu,
+ parseContextMenuAsReactNode,
+ parseContextMenuProperties,
+ uniqueId,
+} from '@felce/lowcode-utils';
import { Menu } from '@alifd/next';
-import { engineConfig } from '@alilc/lowcode-editor-core';
+import { engineConfig } from '@felce/lowcode-editor-core';
import './context-menu-actions.scss';
export interface IContextMenuActions {
@@ -34,16 +45,14 @@ export class GlobalContextMenuActions {
return;
}
this.enableContextMenu = enable;
- this.dispose.forEach(d => d());
+ this.dispose.forEach((d) => d());
if (enable) {
this.initEvent();
}
});
}
- handleContextMenu = (
- event: MouseEvent,
- ) => {
+ handleContextMenu = (event: MouseEvent) => {
event.stopPropagation();
event.preventDefault();
@@ -58,7 +67,9 @@ export class GlobalContextMenuActions {
const destroy = () => {
destroyFn?.();
};
- const pluginContext: IPublicModelPluginContext = contextMenu.designer.editor.get('pluginContext') as IPublicModelPluginContext;
+ const pluginContext: IPublicModelPluginContext = contextMenu.designer.editor.get(
+ 'pluginContext',
+ ) as IPublicModelPluginContext;
const menus: IPublicTypeContextMenuItem[] = parseContextMenuProperties(actions, {
nodes: [],
@@ -125,7 +136,7 @@ export class ContextMenuActions implements IContextMenuActions {
enableContextMenu: boolean;
- id: string = uniqueId('contextMenu');;
+ id: string = uniqueId('contextMenu');
constructor(designer: IDesigner) {
this.designer = designer;
@@ -136,7 +147,7 @@ export class ContextMenuActions implements IContextMenuActions {
return;
}
this.enableContextMenu = enable;
- this.dispose.forEach(d => d());
+ this.dispose.forEach((d) => d());
if (enable) {
this.initEvent();
}
@@ -145,10 +156,7 @@ export class ContextMenuActions implements IContextMenuActions {
globalContextMenuActions.registerContextMenuActions(this);
}
- handleContextMenu = (
- nodes: INode[],
- event: MouseEvent,
- ) => {
+ handleContextMenu = (nodes: INode[], event: MouseEvent) => {
const designer = this.designer;
event.stopPropagation();
event.preventDefault();
@@ -164,10 +172,12 @@ export class ContextMenuActions implements IContextMenuActions {
destroyFn?.();
};
- const pluginContext: IPublicModelPluginContext = this.designer.editor.get('pluginContext') as IPublicModelPluginContext;
+ const pluginContext: IPublicModelPluginContext = this.designer.editor.get(
+ 'pluginContext',
+ ) as IPublicModelPluginContext;
const menus: IPublicTypeContextMenuItem[] = parseContextMenuProperties(actions, {
- nodes: nodes.map(d => designer.shellModelFactory.createNode(d)!),
+ nodes: nodes.map((d) => designer.shellModelFactory.createNode(d)!),
destroy,
event,
pluginContext,
@@ -181,7 +191,7 @@ export class ContextMenuActions implements IContextMenuActions {
const menuNode = parseContextMenuAsReactNode(layoutMenu, {
destroy,
- nodes: nodes.map(d => designer.shellModelFactory.createNode(d)!),
+ nodes: nodes.map((d) => designer.shellModelFactory.createNode(d)!),
pluginContext,
});
@@ -194,22 +204,19 @@ export class ContextMenuActions implements IContextMenuActions {
initEvent() {
const designer = this.designer;
this.dispose.push(
- designer.editor.eventBus.on('designer.builtinSimulator.contextmenu', ({
- node,
- originalEvent,
- }: {
- node: INode;
- originalEvent: MouseEvent;
- }) => {
- originalEvent.stopPropagation();
- originalEvent.preventDefault();
- // 如果右键的节点不在 当前选中的节点中，选中该节点
- if (!designer.currentSelection.has(node.id)) {
- designer.currentSelection.select(node.id);
- }
- const nodes = designer.currentSelection.getNodes();
- this.handleContextMenu(nodes, originalEvent);
- }),
+ designer.editor.eventBus.on(
+ 'designer.builtinSimulator.contextmenu',
+ ({ node, originalEvent }: { node: INode; originalEvent: MouseEvent }) => {
+ originalEvent.stopPropagation();
+ originalEvent.preventDefault();
+ // 如果右键的节点不在 当前选中的节点中，选中该节点
+ if (!designer.currentSelection.has(node.id)) {
+ designer.currentSelection.select(node.id);
+ }
+ const nodes = designer.currentSelection.getNodes();
+ this.handleContextMenu(nodes, originalEvent);
+ },
+ ),
);
}
@@ -230,4 +237,4 @@ export class ContextMenuActions implements IContextMenuActions {
adjustMenuLayout(fn: (actions: IPublicTypeContextMenuItem[]) => IPublicTypeContextMenuItem[]) {
adjustMenuLayoutFn = fn;
}
-}
\ No newline at end of file
+}
diff --git a/packages/designer/src/designer/active-tracker.ts b/packages/designer/src/designer/active-tracker.ts
index 74d865673f..69ce1122b9 100644
--- a/packages/designer/src/designer/active-tracker.ts
+++ b/packages/designer/src/designer/active-tracker.ts
@@ -1,12 +1,9 @@
import { INode } from '../document/node/node';
-import { obx, IEventBus, createModuleEventBus } from '@alilc/lowcode-editor-core';
-import {
- IPublicTypeActiveTarget,
- IPublicModelActiveTracker,
-} from '@alilc/lowcode-types';
-import { isNode } from '@alilc/lowcode-utils';
-
-export interface IActiveTracker extends Omit< IPublicModelActiveTracker, 'track' | 'onChange' > {
+import { obx, IEventBus, createModuleEventBus } from '@felce/lowcode-editor-core';
+import { IPublicTypeActiveTarget, IPublicModelActiveTracker } from '@felce/lowcode-types';
+import { isNode } from '@felce/lowcode-utils';
+
+export interface IActiveTracker extends Omit {
_target: ActiveTarget | INode;
track(originalTarget: ActiveTarget | INode): void;
@@ -14,7 +11,7 @@ export interface IActiveTracker extends Omit< IPublicModelActiveTracker, 'track'
onChange(fn: (target: ActiveTarget) => void): () => void;
}
-export interface ActiveTarget extends Omit< IPublicTypeActiveTarget, 'node' > {
+export interface ActiveTarget extends Omit {
node: INode;
}
diff --git a/packages/designer/src/designer/clipboard.ts b/packages/designer/src/designer/clipboard.ts
index 34ce2b5b53..675fffd00d 100644
--- a/packages/designer/src/designer/clipboard.ts
+++ b/packages/designer/src/designer/clipboard.ts
@@ -1,4 +1,4 @@
-import { IPublicModelClipboard } from '@alilc/lowcode-types';
+import { IPublicModelClipboard } from '@felce/lowcode-types';
function getDataFromPasteEvent(event: ClipboardEvent) {
const { clipboardData } = event;
@@ -21,12 +21,11 @@ function getDataFromPasteEvent(event: ClipboardEvent) {
}
} catch (error) {
// TODO: open the parser implement
- return { };
+ return {};
}
}
export interface IClipboard extends IPublicModelClipboard {
-
initCopyPaster(el: HTMLTextAreaElement): void;
injectCopyPaster(document: Document): void;
diff --git a/packages/designer/src/designer/designer.ts b/packages/designer/src/designer/designer.ts
index 1dd4bc04e6..70ceaa4442 100644
--- a/packages/designer/src/designer/designer.ts
+++ b/packages/designer/src/designer/designer.ts
@@ -1,5 +1,13 @@
import { ComponentType } from 'react';
-import { obx, computed, autorun, makeObservable, IReactionPublic, IReactionOptions, IReactionDisposer } from '@alilc/lowcode-editor-core';
+import {
+ obx,
+ computed,
+ autorun,
+ makeObservable,
+ IReactionPublic,
+ IReactionOptions,
+ IReactionDisposer,
+} from '@felce/lowcode-editor-core';
import {
IPublicTypeProjectSchema,
IPublicTypeComponentMetadata,
@@ -17,8 +25,16 @@ import {
IPublicTypeLocationData,
IPublicEnumTransformStage,
IPublicModelLocateEvent,
-} from '@alilc/lowcode-types';
-import { mergeAssets, IPublicTypeAssetsJson, isNodeSchema, isDragNodeObject, isDragNodeDataObject, isLocationChildrenDetail, Logger } from '@alilc/lowcode-utils';
+} from '@felce/lowcode-types';
+import {
+ mergeAssets,
+ IPublicTypeAssetsJson,
+ isNodeSchema,
+ isDragNodeObject,
+ isDragNodeDataObject,
+ isLocationChildrenDetail,
+ Logger,
+} from '@felce/lowcode-utils';
import { IProject, Project } from '../project';
import { Node, DocumentModel, insertChildren, INode, ISelection } from '../document';
import { ComponentMeta, IComponentMeta } from '../component-meta';
@@ -55,9 +71,9 @@ export interface DesignerProps {
onDragstart?: (e: IPublicModelLocateEvent) => void;
onDrag?: (e: IPublicModelLocateEvent) => void;
onDragend?: (
- e: { dragObject: IPublicModelDragObject; copy: boolean },
- loc?: DropLocation,
- ) => void;
+ e: { dragObject: IPublicModelDragObject; copy: boolean },
+ loc?: DropLocation,
+ ) => void;
}
export interface IDesigner {
@@ -113,11 +129,18 @@ export interface IDesigner {
postEvent(event: string, ...args: any[]): void;
- transformProps(props: IPublicTypeCompositeObject | IPublicTypePropsList, node: Node, stage: IPublicEnumTransformStage): IPublicTypeCompositeObject | IPublicTypePropsList;
+ transformProps(
+ props: IPublicTypeCompositeObject | IPublicTypePropsList,
+ node: Node,
+ stage: IPublicEnumTransformStage,
+ ): IPublicTypeCompositeObject | IPublicTypePropsList;
createSettingEntry(nodes: INode[]): ISettingTopEntry;
- autorun(effect: (reaction: IReactionPublic) => void, options?: IReactionOptions): IReactionDisposer;
+ autorun(
+ effect: (reaction: IReactionPublic) => void,
+ options?: IReactionOptions,
+ ): IReactionDisposer;
}
export class Designer implements IDesigner {
@@ -313,7 +336,11 @@ export class Designer implements IDesigner {
*/
createLocation(locationData: IPublicTypeLocationData): DropLocation {
const loc = new DropLocation(locationData);
- if (this._dropLocation && this._dropLocation.document && this._dropLocation.document !== loc.document) {
+ if (
+ this._dropLocation &&
+ this._dropLocation.document &&
+ this._dropLocation.document !== loc.document
+ ) {
this._dropLocation.document.dropLocation = null;
}
this._dropLocation = loc;
@@ -612,7 +639,11 @@ export class Designer implements IDesigner {
return maps;
}
- transformProps(props: IPublicTypeCompositeObject | IPublicTypePropsList, node: Node, stage: IPublicEnumTransformStage) {
+ transformProps(
+ props: IPublicTypeCompositeObject | IPublicTypePropsList,
+ node: Node,
+ stage: IPublicEnumTransformStage,
+ ) {
if (Array.isArray(props)) {
// current not support, make this future
return props;
@@ -647,7 +678,10 @@ export class Designer implements IDesigner {
}
}
- autorun(effect: (reaction: IReactionPublic) => void, options?: IReactionOptions): IReactionDisposer {
+ autorun(
+ effect: (reaction: IReactionPublic) => void,
+ options?: IReactionOptions,
+ ): IReactionDisposer {
return autorun(effect, options);
}
diff --git a/packages/designer/src/designer/detecting.ts b/packages/designer/src/designer/detecting.ts
index a5d898d6e0..61ab306935 100644
--- a/packages/designer/src/designer/detecting.ts
+++ b/packages/designer/src/designer/detecting.ts
@@ -1,14 +1,11 @@
-import { makeObservable, obx, IEventBus, createModuleEventBus } from '@alilc/lowcode-editor-core';
-import { IPublicModelDetecting } from '@alilc/lowcode-types';
+import { makeObservable, obx, IEventBus, createModuleEventBus } from '@felce/lowcode-editor-core';
+import { IPublicModelDetecting } from '@felce/lowcode-types';
import type { IDocumentModel } from '../document/document-model';
import type { INode } from '../document/node/node';
const DETECTING_CHANGE_EVENT = 'detectingChange';
-export interface IDetecting extends Omit,
- 'capture' |
- 'release' |
- 'leave'
-> {
+export interface IDetecting
+ extends Omit, 'capture' | 'release' | 'leave'> {
capture(node: INode | null): void;
release(node: INode | null): void;
diff --git a/packages/designer/src/designer/drag-ghost/index.tsx b/packages/designer/src/designer/drag-ghost/index.tsx
index 50fca2f28e..8fd4d6e9fe 100644
--- a/packages/designer/src/designer/drag-ghost/index.tsx
+++ b/packages/designer/src/designer/drag-ghost/index.tsx
@@ -1,10 +1,14 @@
import { Component, ReactElement } from 'react';
-import { observer, obx, Title, makeObservable } from '@alilc/lowcode-editor-core';
+import { observer, obx, Title, makeObservable } from '@felce/lowcode-editor-core';
import { Designer } from '../designer';
import { isDragNodeObject } from '../dragon';
import { isSimulatorHost } from '../../simulator';
import './ghost.less';
-import { IPublicTypeI18nData, IPublicTypeNodeSchema, IPublicModelDragObject } from '@alilc/lowcode-types';
+import {
+ IPublicTypeI18nData,
+ IPublicTypeNodeSchema,
+ IPublicModelDragObject,
+} from '@felce/lowcode-types';
type offBinding = () => any;
@@ -26,7 +30,7 @@ export default class DragGhost extends Component<{ designer: Designer }> {
super(props);
makeObservable(this);
this.dispose = [
- this.dragon.onDragstart(e => {
+ this.dragon.onDragstart((e) => {
if (e.originalEvent.type.slice(0, 4) === 'drag') {
return;
}
@@ -34,7 +38,7 @@ export default class DragGhost extends Component<{ designer: Designer }> {
this.x = e.globalX;
this.y = e.globalY;
}),
- this.dragon.onDrag(e => {
+ this.dragon.onDrag((e) => {
this.x = e.globalX;
this.y = e.globalY;
if (isSimulatorHost(e.sensor)) {
@@ -61,12 +65,15 @@ export default class DragGhost extends Component<{ designer: Designer }> {
const dataList = Array.isArray(dragObject.data) ? dragObject.data : [dragObject.data];
- return dataList.map((item: IPublicTypeNodeSchema, i) => (this.props.designer.getComponentMeta(item.componentName).title));
+ return dataList.map(
+ (item: IPublicTypeNodeSchema, i) =>
+ this.props.designer.getComponentMeta(item.componentName).title,
+ );
}
componentWillUnmount() {
if (this.dispose) {
- this.dispose.forEach(off => off());
+ this.dispose.forEach((off) => off());
}
}
diff --git a/packages/designer/src/designer/dragon.ts b/packages/designer/src/designer/dragon.ts
index 8dcce2b4a2..a34273a904 100644
--- a/packages/designer/src/designer/dragon.ts
+++ b/packages/designer/src/designer/dragon.ts
@@ -1,4 +1,4 @@
-import { obx, makeObservable, IEventBus, createModuleEventBus } from '@alilc/lowcode-editor-core';
+import { obx, makeObservable, IEventBus, createModuleEventBus } from '@felce/lowcode-editor-core';
import {
IPublicTypeDragNodeObject,
IPublicTypeDragAnyObject,
@@ -9,8 +9,8 @@ import {
IPublicModelDragon,
IPublicModelLocateEvent,
IPublicModelSensor,
-} from '@alilc/lowcode-types';
-import { setNativeSelection, cursor } from '@alilc/lowcode-utils';
+} from '@felce/lowcode-types';
+import { setNativeSelection, cursor } from '@felce/lowcode-utils';
import { INode, Node } from '../document';
import { ISimulatorHost, isSimulatorHost } from '../simulator';
import { IDesigner } from './designer';
@@ -26,24 +26,28 @@ export interface ILocateEvent extends IPublicModelLocateEvent {
}
/**
- * @deprecated use same function in @alilc/lowcode-utils
+ * @deprecated use same function in @felce/lowcode-utils
*/
export function isDragNodeObject(obj: any): obj is IPublicTypeDragNodeObject {
return obj && obj.type === IPublicEnumDragObjectType.Node;
}
/**
- * @deprecated use same function in @alilc/lowcode-utils
+ * @deprecated use same function in @felce/lowcode-utils
*/
export function isDragNodeDataObject(obj: any): obj is IPublicTypeDragNodeDataObject {
return obj && obj.type === IPublicEnumDragObjectType.NodeData;
}
/**
- * @deprecated use same function in @alilc/lowcode-utils
+ * @deprecated use same function in @felce/lowcode-utils
*/
export function isDragAnyObject(obj: any): obj is IPublicTypeDragAnyObject {
- return obj && obj.type !== IPublicEnumDragObjectType.NodeData && obj.type !== IPublicEnumDragObjectType.Node;
+ return (
+ obj &&
+ obj.type !== IPublicEnumDragObjectType.NodeData &&
+ obj.type !== IPublicEnumDragObjectType.Node
+ );
}
export function isLocateEvent(e: any): e is ILocateEvent {
@@ -95,10 +99,7 @@ function isDragEvent(e: any): e is DragEvent {
return e?.type?.startsWith('drag');
}
-export interface IDragon extends IPublicModelDragon<
- INode,
- ILocateEvent
-> {
+export interface IDragon extends IPublicModelDragon {
emitter: IEventBus;
}
@@ -170,13 +171,20 @@ export class Dragon implements IDragon {
* @param dragObject 拖拽对象
* @param boostEvent 拖拽初始时事件
*/
- boost(dragObject: IPublicModelDragObject, boostEvent: MouseEvent | DragEvent, fromRglNode?: INode | IPublicModelNode) {
+ boost(
+ dragObject: IPublicModelDragObject,
+ boostEvent: MouseEvent | DragEvent,
+ fromRglNode?: INode | IPublicModelNode,
+ ) {
const { designer } = this;
const masterSensors = this.getMasterSensors();
const handleEvents = makeEventsHandler(boostEvent, masterSensors);
const newBie = !isDragNodeObject(dragObject);
const forceCopyState =
- isDragNodeObject(dragObject) && dragObject.nodes.some((node: Node | IPublicModelNode) => (typeof node.isSlot === 'function' ? node.isSlot() : node.isSlot));
+ isDragNodeObject(dragObject) &&
+ dragObject.nodes.some((node: Node | IPublicModelNode) =>
+ typeof node.isSlot === 'function' ? node.isSlot() : node.isSlot,
+ );
const isBoostFromDragAPI = isDragEvent(boostEvent);
let lastSensor: IPublicModelSensor | undefined;
@@ -433,7 +441,7 @@ export class Dragon implements IDragon {
if (!sourceDocument || sourceDocument === document) {
evt.globalX = e.clientX;
evt.globalY = e.clientY;
- } else /* istanbul ignore next */ {
+ } /* istanbul ignore next */ else {
// event from simulator sandbox
let srcSim: ISimulatorHost | undefined;
const lastSim = lastSensor && isSimulatorHost(lastSensor) ? lastSensor : null;
@@ -467,7 +475,9 @@ export class Dragon implements IDragon {
/* istanbul ignore next */
const chooseSensor = (e: ILocateEvent) => {
// this.sensors will change on dragstart
- const sensors: IPublicModelSensor[] = this.sensors.concat(masterSensors as IPublicModelSensor[]);
+ const sensors: IPublicModelSensor[] = this.sensors.concat(
+ masterSensors as IPublicModelSensor[],
+ );
let sensor =
e.sensor && e.sensor.isEnter(e)
? e.sensor
diff --git a/packages/designer/src/designer/location.ts b/packages/designer/src/designer/location.ts
index 3b9b080cd6..9f37afed7d 100644
--- a/packages/designer/src/designer/location.ts
+++ b/packages/designer/src/designer/location.ts
@@ -7,7 +7,7 @@ import {
IPublicTypeLocationDetail,
IPublicTypeLocationData,
IPublicModelLocateEvent,
-} from '@alilc/lowcode-types';
+} from '@felce/lowcode-types';
export interface Point {
clientX: number;
@@ -24,14 +24,14 @@ export type Rects = DOMRect[] & {
};
/**
- * @deprecated use same function in @alilc/lowcode-utils
+ * @deprecated use same function in @felce/lowcode-utils
*/
export function isLocationData(obj: any): boolean {
return obj && obj.target && obj.detail;
}
/**
- * @deprecated use same function in @alilc/lowcode-utils
+ * @deprecated use same function in @felce/lowcode-utils
*/
export function isLocationChildrenDetail(obj: any): boolean {
return obj && obj.type === IPublicTypeLocationDetailType.Children;
@@ -60,7 +60,10 @@ export function isChildInline(child: Element | Text, win?: Window) {
return true;
}
const style = (win || getWindow(child)).getComputedStyle(child);
- return /^inline/.test(style.getPropertyValue('display')) || /^(left|right)$/.test(style.getPropertyValue('float'));
+ return (
+ /^inline/.test(style.getPropertyValue('display')) ||
+ /^(left|right)$/.test(style.getPropertyValue('float'))
+ );
}
export function getRectTarget(rect: IPublicTypeRect | null) {
@@ -99,7 +102,6 @@ export function getWindow(elem: Element | Document): Window {
return (isDocument(elem) ? elem : elem.ownerDocument!).defaultView!;
}
export interface IDropLocation extends Omit {
-
readonly source: string;
get target(): INode;
diff --git a/packages/designer/src/designer/offset-observer.ts b/packages/designer/src/designer/offset-observer.ts
index 2cf5bfee26..0bf4735e43 100644
--- a/packages/designer/src/designer/offset-observer.ts
+++ b/packages/designer/src/designer/offset-observer.ts
@@ -1,6 +1,6 @@
import requestIdleCallback, { cancelIdleCallback } from 'ric-shim';
-import { obx, computed, makeObservable } from '@alilc/lowcode-editor-core';
-import { uniqueId } from '@alilc/lowcode-utils';
+import { obx, computed, makeObservable } from '@felce/lowcode-editor-core';
+import { uniqueId } from '@felce/lowcode-utils';
import { INodeSelector, IViewport } from '../simulator';
import { INode } from '../document';
diff --git a/packages/designer/src/designer/scroller.ts b/packages/designer/src/designer/scroller.ts
index 7391c39fab..3e26613af3 100644
--- a/packages/designer/src/designer/scroller.ts
+++ b/packages/designer/src/designer/scroller.ts
@@ -1,8 +1,11 @@
-import { isElement } from '@alilc/lowcode-utils';
-import { IPublicModelScrollTarget, IPublicTypeScrollable, IPublicModelScroller } from '@alilc/lowcode-types';
+import { isElement } from '@felce/lowcode-utils';
+import {
+ IPublicModelScrollTarget,
+ IPublicTypeScrollable,
+ IPublicModelScroller,
+} from '@felce/lowcode-types';
-export interface IScrollTarget extends IPublicModelScrollTarget {
-}
+export interface IScrollTarget extends IPublicModelScrollTarget {}
export class ScrollTarget implements IScrollTarget {
get left() {
@@ -48,9 +51,7 @@ function easing(n: number) {
const SCROLL_ACCURACY = 30;
-export interface IScroller extends IPublicModelScroller {
-
-}
+export interface IScroller extends IPublicModelScroller {}
export class Scroller implements IScroller {
private pid: number | undefined;
scrollable: IPublicTypeScrollable;
diff --git a/packages/designer/src/designer/setting/setting-entry-type.ts b/packages/designer/src/designer/setting/setting-entry-type.ts
index 1aee9016e5..cdd1e0cfe2 100644
--- a/packages/designer/src/designer/setting/setting-entry-type.ts
+++ b/packages/designer/src/designer/setting/setting-entry-type.ts
@@ -1,4 +1,4 @@
-import { IPublicApiSetters, IPublicModelEditor } from '@alilc/lowcode-types';
+import { IPublicApiSetters, IPublicModelEditor } from '@felce/lowcode-types';
import { IDesigner } from '../designer';
import { INode } from '../../document';
import { ISettingField } from './setting-field';
diff --git a/packages/designer/src/designer/setting/setting-field.ts b/packages/designer/src/designer/setting/setting-field.ts
index 1a63fb7a40..6c733aa38e 100644
--- a/packages/designer/src/designer/setting/setting-field.ts
+++ b/packages/designer/src/designer/setting/setting-field.ts
@@ -9,18 +9,19 @@ import {
IPublicTypeDisposable,
IPublicModelSettingField,
IBaseModelSettingField,
-} from '@alilc/lowcode-types';
-import type {
- IPublicTypeSetValueOptions,
-} from '@alilc/lowcode-types';
+} from '@felce/lowcode-types';
+import type { IPublicTypeSetValueOptions } from '@felce/lowcode-types';
import { Transducer } from './utils';
import { ISettingPropEntry, SettingPropEntry } from './setting-prop-entry';
-import { computed, obx, makeObservable, action, untracked, intl } from '@alilc/lowcode-editor-core';
-import { cloneDeep, isCustomView, isDynamicSetter, isJSExpression } from '@alilc/lowcode-utils';
+import { computed, obx, makeObservable, action, untracked, intl } from '@felce/lowcode-editor-core';
+import { cloneDeep, isCustomView, isDynamicSetter, isJSExpression } from '@felce/lowcode-utils';
import { ISettingTopEntry } from './setting-top-entry';
-import { IComponentMeta, INode } from '@alilc/lowcode-designer';
+import { IComponentMeta, INode } from '@felce/lowcode-designer';
-function getSettingFieldCollectorKey(parent: ISettingTopEntry | ISettingField, config: IPublicTypeFieldConfig) {
+function getSettingFieldCollectorKey(
+ parent: ISettingTopEntry | ISettingField,
+ config: IPublicTypeFieldConfig,
+) {
let cur = parent;
const path = [config.name];
while (cur !== parent.top) {
@@ -32,12 +33,12 @@ function getSettingFieldCollectorKey(parent: ISettingTopEntry | ISettingField, c
return path.join('.');
}
-export interface ISettingField extends ISettingPropEntry, Omit, 'setValue' | 'key' | 'node'> {
+export interface ISettingField
+ extends ISettingPropEntry,
+ Omit<
+ IBaseModelSettingField,
+ 'setValue' | 'key' | 'node'
+ > {
readonly isSettingField: true;
readonly isRequired: boolean;
@@ -316,7 +317,7 @@ export class SettingField extends SettingPropEntry implements ISettingField {
}
/**
- * @deprecated use same function from '@alilc/lowcode-utils' instead
+ * @deprecated use same function from '@felce/lowcode-utilsinstead
*/
export function isSettingField(obj: any): obj is ISettingField {
return obj && obj.isSettingField;
diff --git a/packages/designer/src/designer/setting/setting-prop-entry.ts b/packages/designer/src/designer/setting/setting-prop-entry.ts
index d6904f0c82..994201a17c 100644
--- a/packages/designer/src/designer/setting/setting-prop-entry.ts
+++ b/packages/designer/src/designer/setting/setting-prop-entry.ts
@@ -1,6 +1,20 @@
-import { obx, computed, makeObservable, runInAction, IEventBus, createModuleEventBus } from '@alilc/lowcode-editor-core';
-import { GlobalEvent, IPublicApiSetters, IPublicModelEditor, IPublicModelSettingField, IPublicTypeFieldExtraProps, IPublicTypeSetValueOptions } from '@alilc/lowcode-types';
-import { uniqueId, isJSExpression } from '@alilc/lowcode-utils';
+import {
+ obx,
+ computed,
+ makeObservable,
+ runInAction,
+ IEventBus,
+ createModuleEventBus,
+} from '@felce/lowcode-editor-core';
+import {
+ GlobalEvent,
+ IPublicApiSetters,
+ IPublicModelEditor,
+ IPublicModelSettingField,
+ IPublicTypeFieldExtraProps,
+ IPublicTypeSetValueOptions,
+} from '@felce/lowcode-types';
+import { uniqueId, isJSExpression } from '@felce/lowcode-utils';
import { ISettingEntry } from './setting-entry-type';
import { INode } from '../../document';
import type { IComponentMeta } from '../../component-meta';
@@ -33,7 +47,12 @@ export interface ISettingPropEntry extends ISettingEntry {
remove(): void;
- setValue(val: any, isHotValue?: boolean, force?: boolean, extraOptions?: IPublicTypeSetValueOptions): void;
+ setValue(
+ val: any,
+ isHotValue?: boolean,
+ force?: boolean,
+ extraOptions?: IPublicTypeSetValueOptions,
+ ): void;
internalToShellField(): IPublicModelSettingField;
}
@@ -83,7 +102,11 @@ export class SettingPropEntry implements ISettingPropEntry {
extraProps: IPublicTypeFieldExtraProps = {};
- constructor(readonly parent: ISettingTopEntry | ISettingField, name: string | number | undefined, type?: 'field' | 'group') {
+ constructor(
+ readonly parent: ISettingTopEntry | ISettingField,
+ name: string | number | undefined,
+ type?: 'field' | 'group',
+ ) {
makeObservable(this);
if (type == null) {
const c = typeof name === 'string' ? name.slice(0, 1) : '';
@@ -206,7 +229,12 @@ export class SettingPropEntry implements ISettingPropEntry {
/**
* 设置当前属性值
*/
- setValue(val: any, isHotValue?: boolean, force?: boolean, extraOptions?: IPublicTypeSetValueOptions) {
+ setValue(
+ val: any,
+ isHotValue?: boolean,
+ force?: boolean,
+ extraOptions?: IPublicTypeSetValueOptions,
+ ) {
const oldValue = this.getValue();
if (this.type === 'field') {
this.name?.toString() && this.parent.setPropValue(this.name, val);
diff --git a/packages/designer/src/designer/setting/setting-top-entry.ts b/packages/designer/src/designer/setting/setting-top-entry.ts
index 85be74b7f6..ddd5124113 100644
--- a/packages/designer/src/designer/setting/setting-top-entry.ts
+++ b/packages/designer/src/designer/setting/setting-top-entry.ts
@@ -1,6 +1,11 @@
-import { IPublicTypeCustomView, IPublicModelEditor, IPublicModelSettingTopEntry, IPublicApiSetters } from '@alilc/lowcode-types';
-import { isCustomView } from '@alilc/lowcode-utils';
-import { computed, IEventBus, createModuleEventBus } from '@alilc/lowcode-editor-core';
+import {
+ IPublicTypeCustomView,
+ IPublicModelEditor,
+ IPublicModelSettingTopEntry,
+ IPublicApiSetters,
+} from '@felce/lowcode-types';
+import { isCustomView } from '@felce/lowcode-utils';
+import { computed, IEventBus, createModuleEventBus } from '@felce/lowcode-editor-core';
import { ISettingEntry } from './setting-entry-type';
import { ISettingField, SettingField } from './setting-field';
import { INode } from '../../document';
@@ -14,10 +19,9 @@ function generateSessionId(nodes: INode[]) {
.join(',');
}
-export interface ISettingTopEntry extends ISettingEntry, IPublicModelSettingTopEntry<
- INode,
- ISettingField
-> {
+export interface ISettingTopEntry
+ extends ISettingEntry,
+ IPublicModelSettingTopEntry {
readonly top: ISettingTopEntry;
readonly parent: ISettingTopEntry;
@@ -95,7 +99,10 @@ export class SettingTopEntry implements ISettingTopEntry {
disposeFunctions: any[] = [];
- constructor(readonly editor: IPublicModelEditor, readonly nodes: INode[]) {
+ constructor(
+ readonly editor: IPublicModelEditor,
+ readonly nodes: INode[],
+ ) {
if (!Array.isArray(nodes) || nodes.length < 1) {
throw new ReferenceError('nodes should not be empty');
}
@@ -177,7 +184,7 @@ export class SettingTopEntry implements ISettingTopEntry {
*/
get(propName: string | number): ISettingField | null {
if (!propName) return null;
- return this._settingFieldMap[propName] || (new SettingField(this, { name: propName }));
+ return this._settingFieldMap[propName] || new SettingField(this, { name: propName });
}
/**
@@ -244,7 +251,7 @@ export class SettingTopEntry implements ISettingTopEntry {
this.disposeItems();
this._settingFieldMap = {};
this.emitter.removeAllListeners();
- this.disposeFunctions.forEach(f => f());
+ this.disposeFunctions.forEach((f) => f());
this.disposeFunctions = [];
}
@@ -253,21 +260,15 @@ export class SettingTopEntry implements ISettingTopEntry {
}
// ==== copy some Node api =====
- getStatus() {
+ getStatus() {}
- }
-
- setStatus() {
-
- }
+ setStatus() {}
getChildren() {
// this.nodes.map()
}
- getDOMNode() {
-
- }
+ getDOMNode() {}
getId() {
return this.id;
diff --git a/packages/designer/src/designer/setting/utils.ts b/packages/designer/src/designer/setting/utils.ts
index 75ed1dfc1a..3a6051ce23 100644
--- a/packages/designer/src/designer/setting/utils.ts
+++ b/packages/designer/src/designer/setting/utils.ts
@@ -1,11 +1,11 @@
// all this file for polyfill vision logic
import { isValidElement } from 'react';
-import { IPublicTypeFieldConfig, IPublicTypeSetterConfig } from '@alilc/lowcode-types';
-import { isSetterConfig, isDynamicSetter } from '@alilc/lowcode-utils';
+import { IPublicTypeFieldConfig, IPublicTypeSetterConfig } from '@felce/lowcode-types';
+import { isSetterConfig, isDynamicSetter } from '@felce/lowcode-utils';
import { ISettingField } from './setting-field';
function getHotterFromSetter(setter) {
- return setter && (setter.Hotter || (setter.type && setter.type.Hotter)) || []; // eslint-disable-line
+ return (setter && (setter.Hotter || (setter.type && setter.type.Hotter))) || []; // eslint-disable-line
}
function getTransducerFromSetter(setter) {
@@ -25,8 +25,8 @@ function combineTransducer(transducer, arr, context) {
}
return {
- toHot: (transducer && transducer.toHot || (x => x)).bind(context), // eslint-disable-line
- toNative: (transducer && transducer.toNative || (x => x)).bind(context), // eslint-disable-line
+ toHot: ((transducer && transducer.toHot) || ((x) => x)).bind(context), // eslint-disable-line
+ toNative: ((transducer && transducer.toNative) || ((x) => x)).bind(context), // eslint-disable-line
};
}
@@ -71,10 +71,16 @@ export class Transducer {
if (isDynamicSetter(setter) && isDynamic) {
try {
setter = setter.call(context.internalToShellField(), context.internalToShellField());
- } catch (e) { console.error(e); }
+ } catch (e) {
+ console.error(e);
+ }
}
- this.setterTransducer = combineTransducer(getTransducerFromSetter(setter), getHotterFromSetter(setter), context);
+ this.setterTransducer = combineTransducer(
+ getTransducerFromSetter(setter),
+ getHotterFromSetter(setter),
+ context,
+ );
this.context = context;
}
diff --git a/packages/designer/src/document/document-model.ts b/packages/designer/src/document/document-model.ts
index edca8fd818..e6d5636159 100644
--- a/packages/designer/src/document/document-model.ts
+++ b/packages/designer/src/document/document-model.ts
@@ -7,7 +7,7 @@ import {
wrapWithEventSwitch,
createModuleEventBus,
IEventBus,
-} from '@alilc/lowcode-editor-core';
+} from '@felce/lowcode-editor-core';
import {
IPublicTypeNodeData,
IPublicTypeNodeSchema,
@@ -19,13 +19,9 @@ import {
IPublicEnumTransformStage,
IPublicTypeOnChangeOptions,
IPublicTypeDisposable,
-} from '@alilc/lowcode-types';
-import type {
- IPublicTypeRootSchema,
-} from '@alilc/lowcode-types';
-import type {
- IDropLocation,
-} from '@alilc/lowcode-designer';
+} from '@felce/lowcode-types';
+import type { IPublicTypeRootSchema } from '@felce/lowcode-types';
+import type { IDropLocation } from '@felce/lowcode-designer';
import {
uniqueId,
isPlainObject,
@@ -36,7 +32,7 @@ import {
isDragNodeObject,
isDragNodeDataObject,
isNode,
-} from '@alilc/lowcode-utils';
+} from '@felce/lowcode-utils';
import { IProject } from '../project';
import { ISimulatorHost } from '../simulator';
import type { IComponentMeta } from '../component-meta';
@@ -50,37 +46,38 @@ import { EDITOR_EVENT } from '../types';
export type GetDataType = T extends undefined
? NodeType extends {
- schema: infer R;
- }
- ? R
- : any
+ schema: infer R;
+ }
+ ? R
+ : any
: T;
-export interface IDocumentModel extends Omit,
- 'detecting' |
- 'checkNesting' |
- 'getNodeById' |
- // 以下属性在内部的 document 中不存在
- 'exportSchema' |
- 'importSchema' |
- 'onAddNode' |
- 'onRemoveNode' |
- 'onChangeDetecting' |
- 'onChangeSelection' |
- 'onChangeNodeProp' |
- 'onImportSchema' |
- 'isDetectingNode' |
- 'onFocusNodeChanged' |
- 'onDropLocationChanged'
-> {
-
+export interface IDocumentModel
+ extends Omit<
+ IPublicModelDocumentModel<
+ ISelection,
+ IHistory,
+ INode,
+ IDropLocation,
+ IModalNodesManager,
+ IProject
+ >,
+ | 'detecting'
+ | 'checkNesting'
+ | 'getNodeById'
+ // 以下属性在内部的 document 中不存在
+ | 'exportSchema'
+ | 'importSchema'
+ | 'onAddNode'
+ | 'onRemoveNode'
+ | 'onChangeDetecting'
+ | 'onChangeSelection'
+ | 'onChangeNodeProp'
+ | 'onImportSchema'
+ | 'isDetectingNode'
+ | 'onFocusNodeChanged'
+ | 'onDropLocationChanged'
+ > {
readonly designer: IDesigner;
selection: ISelection;
@@ -115,7 +112,11 @@ export interface IDocumentModel extends Omit) => void): IPublicTypeDisposable {
+ onChangeNodeChildren(
+ fn: (info: IPublicTypeOnChangeOptions) => void,
+ ): IPublicTypeDisposable {
this.designer.editor?.eventBus.on(EDITOR_EVENT.NODE_CHILDREN_CHANGE, fn);
return () => {
@@ -475,14 +483,24 @@ export class DocumentModel implements IDocumentModel {
/**
* 插入一个节点
*/
- insertNode(parent: INode, thing: INode | IPublicTypeNodeData, at?: number | null, copy?: boolean): INode | null {
+ insertNode(
+ parent: INode,
+ thing: INode | IPublicTypeNodeData,
+ at?: number | null,
+ copy?: boolean,
+ ): INode | null {
return insertChild(parent, thing, at, copy);
}
/**
* 插入多个节点
*/
- insertNodes(parent: INode, thing: INode[] | IPublicTypeNodeData[], at?: number | null, copy?: boolean) {
+ insertNodes(
+ parent: INode,
+ thing: INode[] | IPublicTypeNodeData[],
+ at?: number | null,
+ copy?: boolean,
+ ) {
return insertChildren(parent, thing, at, copy);
}
@@ -547,7 +565,7 @@ export class DocumentModel implements IDocumentModel {
const drillDownNodeId = this._drillDownNode?.id;
runWithGlobalEventOff(() => {
// TODO: 暂时用饱和式删除，原因是 Slot 节点并不是树节点，无法正常递归删除
- this.nodes.forEach(node => {
+ this.nodes.forEach((node) => {
if (node.isRoot()) return;
this.internalRemoveAndPurgeNode(node, true);
});
@@ -560,14 +578,20 @@ export class DocumentModel implements IDocumentModel {
});
}
- export(stage: IPublicEnumTransformStage = IPublicEnumTransformStage.Serilize): IPublicTypeRootSchema | undefined {
+ export(
+ stage: IPublicEnumTransformStage = IPublicEnumTransformStage.Serilize,
+ ): IPublicTypeRootSchema | undefined {
stage = compatStage(stage);
// 置顶只作用于 Page 的第一级子节点，目前还用不到里层的置顶；如果后面有需要可以考虑将这段写到 node-children 中的 export
const currentSchema = this.rootNode?.export(stage);
- if (Array.isArray(currentSchema?.children) && currentSchema?.children?.length && currentSchema?.children?.length > 0) {
+ if (
+ Array.isArray(currentSchema?.children) &&
+ currentSchema?.children?.length &&
+ currentSchema?.children?.length > 0
+ ) {
const FixedTopNodeIndex = currentSchema?.children
- .filter(i => isPlainObject(i))
- .findIndex((i => (i as IPublicTypeNodeSchema).props?.__isTopFixed__));
+ .filter((i) => isPlainObject(i))
+ .findIndex((i) => (i as IPublicTypeNodeSchema).props?.__isTopFixed__);
if (FixedTopNodeIndex > 0) {
const FixedTopNode = currentSchema?.children.splice(FixedTopNodeIndex, 1);
currentSchema?.children.unshift(FixedTopNode[0]);
@@ -672,7 +696,11 @@ export class DocumentModel implements IDocumentModel {
checkNesting(
dropTarget: INode,
- dragObject: IPublicTypeDragNodeObject | IPublicTypeNodeSchema | INode | IPublicTypeDragNodeDataObject,
+ dragObject:
+ | IPublicTypeDragNodeObject
+ | IPublicTypeNodeSchema
+ | INode
+ | IPublicTypeDragNodeDataObject,
): boolean {
let items: Array;
if (isDragNodeDataObject(dragObject)) {
@@ -685,7 +713,9 @@ export class DocumentModel implements IDocumentModel {
console.warn('the dragObject is not in the correct type, dragObject:', dragObject);
return true;
}
- return items.every((item) => this.checkNestingDown(dropTarget, item) && this.checkNestingUp(dropTarget, item));
+ return items.every(
+ (item) => this.checkNestingDown(dropTarget, item) && this.checkNestingUp(dropTarget, item),
+ );
}
/**
@@ -693,7 +723,10 @@ export class DocumentModel implements IDocumentModel {
* Will be deleted in version 2.0.0.
* Use checkNesting method instead.
*/
- checkDropTarget(dropTarget: INode, dragObject: IPublicTypeDragNodeObject | IPublicTypeDragNodeDataObject): boolean {
+ checkDropTarget(
+ dropTarget: INode,
+ dragObject: IPublicTypeDragNodeObject | IPublicTypeDragNodeDataObject,
+ ): boolean {
let items: Array;
if (isDragNodeDataObject(dragObject)) {
items = Array.isArray(dragObject.data) ? dragObject.data : [dragObject.data];
@@ -760,7 +793,7 @@ export class DocumentModel implements IDocumentModel {
/**
* @deprecated
- */
+ */
/* istanbul ignore next */
exportAddonData() {
const addons: {
@@ -796,10 +829,7 @@ export class DocumentModel implements IDocumentModel {
}
/* istanbul ignore next */
- acceptRootNodeVisitor(
- visitorName = 'default',
- visitorFn: (node: IRootNode) => any,
- ) {
+ acceptRootNodeVisitor(visitorName = 'default', visitorFn: (node: IRootNode) => any) {
let visitorResult = {};
if (!visitorName) {
/* eslint-disable-next-line no-console */
diff --git a/packages/designer/src/document/document-view.tsx b/packages/designer/src/document/document-view.tsx
index c6dbe76a81..1c42ce6a63 100644
--- a/packages/designer/src/document/document-view.tsx
+++ b/packages/designer/src/document/document-view.tsx
@@ -1,6 +1,6 @@
import { Component } from 'react';
import classNames from 'classnames';
-import { observer } from '@alilc/lowcode-editor-core';
+import { observer } from '@felce/lowcode-editor-core';
import { DocumentModel, IDocumentModel } from './document-model';
import { BuiltinSimulatorHostView } from '../builtin-simulator';
diff --git a/packages/designer/src/document/history.ts b/packages/designer/src/document/history.ts
index ca288c03a8..fa1badffc2 100644
--- a/packages/designer/src/document/history.ts
+++ b/packages/designer/src/document/history.ts
@@ -1,6 +1,10 @@
-import { reaction, untracked, IEventBus, createModuleEventBus } from '@alilc/lowcode-editor-core';
-import { IPublicTypeNodeSchema, IPublicModelHistory, IPublicTypeDisposable } from '@alilc/lowcode-types';
-import { Logger } from '@alilc/lowcode-utils';
+import { reaction, untracked, IEventBus, createModuleEventBus } from '@felce/lowcode-editor-core';
+import {
+ IPublicTypeNodeSchema,
+ IPublicModelHistory,
+ IPublicTypeDisposable,
+} from '@felce/lowcode-types';
+import { Logger } from '@felce/lowcode-utils';
import { IDocumentModel } from '../designer';
const logger = new Logger({ level: 'warn', bizName: 'history' });
@@ -41,41 +45,45 @@ export class History implements IHistory {
private timeGap: number = 1000;
constructor(
- dataFn: () => T | null,
- private redoer: (data: T) => void,
- private document?: IDocumentModel,
- ) {
+ dataFn: () => T | null,
+ private redoer: (data: T) => void,
+ private document?: IDocumentModel,
+ ) {
this.session = new Session(0, null, this.timeGap);
this.records = [this.session];
- reaction((): any => {
- return dataFn();
- }, (data: T) => {
- if (this.asleep) return;
- untracked(() => {
- const log = this.currentSerialization.serialize(data);
-
- // do not record unchanged data
- if (this.session.data === log) {
- return;
- }
-
- if (this.session.isActive()) {
- this.session.log(log);
- } else {
- this.session.end();
- const lastState = this.getState();
- const cursor = this.session.cursor + 1;
- const session = new Session(cursor, log, this.timeGap);
- this.session = session;
- this.records.splice(cursor, this.records.length - cursor, session);
- const currentState = this.getState();
- if (currentState !== lastState) {
- this.emitter.emit('statechange', currentState);
+ reaction(
+ (): any => {
+ return dataFn();
+ },
+ (data: T) => {
+ if (this.asleep) return;
+ untracked(() => {
+ const log = this.currentSerialization.serialize(data);
+
+ // do not record unchanged data
+ if (this.session.data === log) {
+ return;
}
- }
- });
- }, { fireImmediately: true });
+
+ if (this.session.isActive()) {
+ this.session.log(log);
+ } else {
+ this.session.end();
+ const lastState = this.getState();
+ const cursor = this.session.cursor + 1;
+ const session = new Session(cursor, log, this.timeGap);
+ this.session = session;
+ this.records.splice(cursor, this.records.length - cursor, session);
+ const currentState = this.getState();
+ if (currentState !== lastState) {
+ this.emitter.emit('statechange', currentState);
+ }
+ }
+ });
+ },
+ { fireImmediately: true },
+ );
}
setSerialization(serialization: Serialization) {
@@ -242,7 +250,11 @@ export class Session {
return this._data;
}
- constructor(readonly cursor: number, data: any, private timeGap: number = 1000) {
+ constructor(
+ readonly cursor: number,
+ data: any,
+ private timeGap: number = 1000,
+ ) {
this.setTimer();
this.log(data);
}
diff --git a/packages/designer/src/document/node/exclusive-group.ts b/packages/designer/src/document/node/exclusive-group.ts
index 9f57b12fc7..10c324b374 100644
--- a/packages/designer/src/document/node/exclusive-group.ts
+++ b/packages/designer/src/document/node/exclusive-group.ts
@@ -1,6 +1,6 @@
-import { obx, computed, makeObservable } from '@alilc/lowcode-editor-core';
-import { uniqueId } from '@alilc/lowcode-utils';
-import { IPublicTypeTitleContent, IPublicModelExclusiveGroup } from '@alilc/lowcode-types';
+import { obx, computed, makeObservable } from '@felce/lowcode-editor-core';
+import { uniqueId } from '@felce/lowcode-utils';
+import { IPublicTypeTitleContent, IPublicModelExclusiveGroup } from '@felce/lowcode-types';
import type { INode } from './node';
import { intl } from '../../locale';
@@ -58,7 +58,10 @@ export class ExclusiveGroup implements IExclusiveGroup {
return this.firstNode.index;
}
- constructor(readonly name: string, title?: IPublicTypeTitleContent) {
+ constructor(
+ readonly name: string,
+ title?: IPublicTypeTitleContent,
+ ) {
makeObservable(this);
this.title = title || {
type: 'i18n',
diff --git a/packages/designer/src/document/node/modal-nodes-manager.ts b/packages/designer/src/document/node/modal-nodes-manager.ts
index 21c31ab46a..b906a2422d 100644
--- a/packages/designer/src/document/node/modal-nodes-manager.ts
+++ b/packages/designer/src/document/node/modal-nodes-manager.ts
@@ -1,7 +1,7 @@
import { INode } from './node';
import { DocumentModel } from '../document-model';
-import { IPublicModelModalNodesManager } from '@alilc/lowcode-types';
-import { createModuleEventBus, IEventBus } from '@alilc/lowcode-editor-core';
+import { IPublicModelModalNodesManager } from '@felce/lowcode-types';
+import { createModuleEventBus, IEventBus } from '@felce/lowcode-editor-core';
export function getModalNodes(node: INode) {
if (!node) return [];
@@ -18,8 +18,7 @@ export function getModalNodes(node: INode) {
return nodes;
}
-export interface IModalNodesManager extends IPublicModelModalNodesManager {
-}
+export interface IModalNodesManager extends IPublicModelModalNodesManager {}
export class ModalNodesManager implements IModalNodesManager {
willDestroy: any;
@@ -107,10 +106,9 @@ export class ModalNodesManager implements IModalNodesManager {
}
private addNodeEvent(node: INode) {
- this.nodeRemoveEvents[node.id] =
- node.onVisibleChange(() => {
- this.emitter.emit('visibleChange');
- });
+ this.nodeRemoveEvents[node.id] = node.onVisibleChange(() => {
+ this.emitter.emit('visibleChange');
+ });
}
private removeNodeEvent(node: INode) {
diff --git a/packages/designer/src/document/node/node-children.ts b/packages/designer/src/document/node/node-children.ts
index 65210fe62c..70b0c0ef6d 100644
--- a/packages/designer/src/document/node/node-children.ts
+++ b/packages/designer/src/document/node/node-children.ts
@@ -1,7 +1,18 @@
-import { obx, computed, makeObservable, IEventBus, createModuleEventBus } from '@alilc/lowcode-editor-core';
+import {
+ obx,
+ computed,
+ makeObservable,
+ IEventBus,
+ createModuleEventBus,
+} from '@felce/lowcode-editor-core';
import { Node, INode } from './node';
-import { IPublicTypeNodeData, IPublicModelNodeChildren, IPublicEnumTransformStage, IPublicTypeDisposable } from '@alilc/lowcode-types';
-import { shallowEqual, compatStage, isNodeSchema } from '@alilc/lowcode-utils';
+import {
+ IPublicTypeNodeData,
+ IPublicModelNodeChildren,
+ IPublicEnumTransformStage,
+ IPublicTypeDisposable,
+} from '@felce/lowcode-types';
+import { shallowEqual, compatStage, isNodeSchema } from '@felce/lowcode-utils';
import { foreachReverse } from '../../utils/tree';
import { NodeRemoveOptions } from '../../types';
@@ -10,12 +21,11 @@ export interface IOnChangeOptions {
node: Node;
}
-export interface INodeChildren extends Omit,
- 'importSchema' |
- 'exportSchema' |
- 'isEmpty' |
- 'notEmpty'
-> {
+export interface INodeChildren
+ extends Omit<
+ IPublicModelNodeChildren,
+ 'importSchema' | 'exportSchema' | 'isEmpty' | 'notEmpty'
+ > {
children: INode[];
get owner(): INode;
@@ -28,11 +38,11 @@ export interface INodeChildren extends Omit,
* 删除一个节点
*/
internalDelete(
- node: INode,
- purge: boolean,
- useMutator: boolean,
- options: NodeRemoveOptions
- ): boolean;
+ node: INode,
+ purge: boolean,
+ useMutator: boolean,
+ options: NodeRemoveOptions,
+ ): boolean;
/**
* 插入一个节点，返回新长度
@@ -97,14 +107,16 @@ export class NodeChildren implements INodeChildren {
}
constructor(
- readonly owner: INode,
- data: IPublicTypeNodeData | IPublicTypeNodeData[],
- options: any = {},
- ) {
+ readonly owner: INode,
+ data: IPublicTypeNodeData | IPublicTypeNodeData[],
+ options: any = {},
+ ) {
makeObservable(this);
- this.children = (Array.isArray(data) ? data : [data]).filter(child => !!child).map((child) => {
- return this.owner.document?.createNode(child, options.checkId);
- });
+ this.children = (Array.isArray(data) ? data : [data])
+ .filter((child) => !!child)
+ .map((child) => {
+ return this.owner.document?.createNode(child, options.checkId);
+ });
}
internalInitParent() {
@@ -127,7 +139,7 @@ export class NodeChildren implements INodeChildren {
}
import(data?: IPublicTypeNodeData | IPublicTypeNodeData[], checkId = false) {
- data = (data ? (Array.isArray(data) ? data : [data]) : []).filter(d => !!d);
+ data = (data ? (Array.isArray(data) ? data : [data]) : []).filter((d) => !!d);
const originChildren = this.children.slice();
this.children.forEach((child) => child.internalSetParent(null));
@@ -187,7 +199,7 @@ export class NodeChildren implements INodeChildren {
}
unlinkChild(node: INode) {
- const i = this.children.map(d => d.id).indexOf(node.id);
+ const i = this.children.map((d) => d.id).indexOf(node.id);
if (i < 0) {
return false;
}
@@ -208,7 +220,12 @@ export class NodeChildren implements INodeChildren {
/**
* 删除一个节点
*/
- internalDelete(node: INode, purge = false, useMutator = true, options: NodeRemoveOptions = {}): boolean {
+ internalDelete(
+ node: INode,
+ purge = false,
+ useMutator = true,
+ options: NodeRemoveOptions = {},
+ ): boolean {
node.internalPurgeStart();
if (node.isParentalNode) {
foreachReverse(
@@ -227,7 +244,7 @@ export class NodeChildren implements INodeChildren {
);
}
// 需要在从 children 中删除 node 前记录下 index，internalSetParent 中会执行删除 (unlink) 操作
- const i = this.children.map(d => d.id).indexOf(node.id);
+ const i = this.children.map((d) => d.id).indexOf(node.id);
if (purge) {
// should set parent null
node.internalSetParent(null, useMutator);
@@ -275,7 +292,7 @@ export class NodeChildren implements INodeChildren {
const { children } = this;
let index = at == null || at === -1 ? children.length : at;
- const i = children.map(d => d.id).indexOf(node.id);
+ const i = children.map((d) => d.id).indexOf(node.id);
if (node.parent) {
const editor = node.document?.designer.editor;
@@ -344,7 +361,7 @@ export class NodeChildren implements INodeChildren {
* 取得节点索引编号
*/
indexOf(node: INode): number {
- return this.children.map(d => d.id).indexOf(node.id);
+ return this.children.map((d) => d.id).indexOf(node.id);
}
/**
@@ -446,7 +463,7 @@ export class NodeChildren implements INodeChildren {
const willRemove = this.children.filter(remover);
if (willRemove.length > 0) {
willRemove.forEach((node) => {
- const i = this.children.map(d => d.id).indexOf(node.id);
+ const i = this.children.map((d) => d.id).indexOf(node.id);
if (i > -1) {
this.children.splice(i, 1);
node.remove(false);
diff --git a/packages/designer/src/document/node/node.ts b/packages/designer/src/document/node/node.ts
index c8363d0586..f3c61fe0df 100644
--- a/packages/designer/src/document/node/node.ts
+++ b/packages/designer/src/document/node/node.ts
@@ -1,5 +1,15 @@
import { ReactElement } from 'react';
-import { obx, computed, autorun, makeObservable, runInAction, wrapWithEventSwitch, action, createModuleEventBus, IEventBus } from '@alilc/lowcode-editor-core';
+import {
+ obx,
+ computed,
+ autorun,
+ makeObservable,
+ runInAction,
+ wrapWithEventSwitch,
+ action,
+ createModuleEventBus,
+ IEventBus,
+} from '@felce/lowcode-editor-core';
import {
IPublicTypeNodeSchema,
IPublicTypePropsMap,
@@ -17,9 +27,9 @@ import {
IPublicEnumTransformStage,
IPublicTypeDisposable,
IBaseModelNode,
-} from '@alilc/lowcode-types';
-import { compatStage, isDOMText, isJSExpression, isNode, isNodeSchema } from '@alilc/lowcode-utils';
-import { ISettingTopEntry } from '@alilc/lowcode-designer';
+} from '@felce/lowcode-types';
+import { compatStage, isDOMText, isJSExpression, isNode, isNodeSchema } from '@felce/lowcode-utils';
+import { ISettingTopEntry } from '@felce/lowcode-designer';
import { Props, getConvertedExtraKey, IProps } from './props/props';
import type { IDocumentModel } from '../document-model';
import { NodeChildren, INodeChildren } from './node-children';
@@ -37,34 +47,36 @@ export interface NodeStatus {
inPlaceEditing: boolean;
}
-export interface IBaseNode extends Omit,
- 'isRoot' |
- 'isPage' |
- 'isComponent' |
- 'isModal' |
- 'isSlot' |
- 'isParental' |
- 'isLeaf' |
- 'settingEntry' |
- // 在内部的 node 模型中不存在
- 'getExtraPropValue' |
- 'setExtraPropValue' |
- 'exportSchema' |
- 'visible' |
- 'importSchema' |
- // 内外实现有差异
- 'isContainer' |
- 'isEmpty'
-> {
+export interface IBaseNode
+ extends Omit<
+ IBaseModelNode<
+ IDocumentModel,
+ IBaseNode,
+ INodeChildren,
+ IComponentMeta,
+ ISettingTopEntry,
+ IProps,
+ IProp,
+ IExclusiveGroup
+ >,
+ | 'isRoot'
+ | 'isPage'
+ | 'isComponent'
+ | 'isModal'
+ | 'isSlot'
+ | 'isParental'
+ | 'isLeaf'
+ | 'settingEntry'
+ // 在内部的 node 模型中不存在
+ | 'getExtraPropValue'
+ | 'setExtraPropValue'
+ | 'exportSchema'
+ | 'visible'
+ | 'importSchema'
+ // 内外实现有差异
+ | 'isContainer'
+ | 'isEmpty'
+ > {
isNode: boolean;
get componentMeta(): IComponentMeta;
@@ -112,7 +124,9 @@ export interface IBaseNode void): IPublicTypeDisposable | undefined;
+ onChildrenChange(
+ fn: (param?: { type: string; node: INode }) => void,
+ ): IPublicTypeDisposable | undefined;
onPropChange(func: (info: IPublicTypePropChangeOptions) => void): IPublicTypeDisposable;
@@ -134,11 +148,7 @@ export interface IBaseNode implements IBaseNode {
+export class Node
+ implements IBaseNode
+{
private emitter: IEventBus;
/**
@@ -368,7 +380,10 @@ export class Node
pseudo: false,
};
- constructor(readonly document: IDocumentModel, nodeSchema: Schema) {
+ constructor(
+ readonly document: IDocumentModel,
+ nodeSchema: Schema,
+ ) {
makeObservable(this);
const { componentName, id, children, props, ...extras } = nodeSchema;
this.id = document.nextId(id);
@@ -381,10 +396,7 @@ export class Node
this.props = new Props(this, props, extras);
this._children = new NodeChildren(this as INode, this.initialChildren(children));
this._children.internalInitParent();
- this.props.merge(
- this.upgradeProps(this.initProps(props || {})),
- this.upgradeProps(extras),
- );
+ this.props.merge(this.upgradeProps(this.initProps(props || {})), this.upgradeProps(extras));
this.setupAutoruns();
}
@@ -409,12 +421,18 @@ export class Node
*/
@action
private initBuiltinProps() {
- this.props.has(getConvertedExtraKey('hidden')) || this.props.add(false, getConvertedExtraKey('hidden'));
- this.props.has(getConvertedExtraKey('title')) || this.props.add('', getConvertedExtraKey('title'));
- this.props.has(getConvertedExtraKey('isLocked')) || this.props.add(false, getConvertedExtraKey('isLocked'));
- this.props.has(getConvertedExtraKey('condition')) || this.props.add(true, getConvertedExtraKey('condition'));
- this.props.has(getConvertedExtraKey('conditionGroup')) || this.props.add('', getConvertedExtraKey('conditionGroup'));
- this.props.has(getConvertedExtraKey('loop')) || this.props.add(undefined, getConvertedExtraKey('loop'));
+ this.props.has(getConvertedExtraKey('hidden')) ||
+ this.props.add(false, getConvertedExtraKey('hidden'));
+ this.props.has(getConvertedExtraKey('title')) ||
+ this.props.add('', getConvertedExtraKey('title'));
+ this.props.has(getConvertedExtraKey('isLocked')) ||
+ this.props.add(false, getConvertedExtraKey('isLocked'));
+ this.props.has(getConvertedExtraKey('condition')) ||
+ this.props.add(true, getConvertedExtraKey('condition'));
+ this.props.has(getConvertedExtraKey('conditionGroup')) ||
+ this.props.add('', getConvertedExtraKey('conditionGroup'));
+ this.props.has(getConvertedExtraKey('loop')) ||
+ this.props.add(undefined, getConvertedExtraKey('loop'));
}
@action
@@ -439,7 +457,9 @@ export class Node
});
}
- private initialChildren(children: IPublicTypeNodeData | IPublicTypeNodeData[] | undefined): IPublicTypeNodeData[] {
+ private initialChildren(
+ children: IPublicTypeNodeData | IPublicTypeNodeData[] | undefined,
+ ): IPublicTypeNodeData[] {
const { initialChildren } = this.componentMeta.advanced;
if (children == null) {
@@ -626,9 +646,13 @@ export class Node
}
if (this.isSlot()) {
this.parent.removeSlot(this);
- this.parent.children?.internalDelete(this, purge, useMutator, { suppressRemoveEvent: true });
+ this.parent.children?.internalDelete(this, purge, useMutator, {
+ suppressRemoveEvent: true,
+ });
} else {
- this.parent.children?.internalDelete(this, purge, useMutator, { suppressRemoveEvent: true });
+ this.parent.children?.internalDelete(this, purge, useMutator, {
+ suppressRemoveEvent: true,
+ });
}
}
}
@@ -649,7 +673,8 @@ export class Node
canSelect(): boolean {
const onSelectHook = this.componentMeta?.advanced?.callbacks?.onSelectHook;
- const canSelect = typeof onSelectHook === 'function' ? onSelectHook(this.internalToShellNode()!) : true;
+ const canSelect =
+ typeof onSelectHook === 'function' ? onSelectHook(this.internalToShellNode()!) : true;
return canSelect;
}
@@ -944,7 +969,10 @@ export class Node
/**
* 导出 schema
*/
- export(stage: IPublicEnumTransformStage = IPublicEnumTransformStage.Save, options: any = {}): T {
+ export(
+ stage: IPublicEnumTransformStage = IPublicEnumTransformStage.Save,
+ options: any = {},
+ ): T {
stage = compatStage(stage);
const baseSchema: any = {
componentName: this.componentName,
@@ -1098,12 +1126,11 @@ export class Node
*/
canPerformAction(actionName: string): boolean {
const availableActions =
- this.componentMeta?.availableActions?.filter((action: IPublicTypeComponentAction) => {
- const { condition } = action;
- return typeof condition === 'function' ?
- condition(this) !== false :
- condition !== false;
- })
+ this.componentMeta?.availableActions
+ ?.filter((action: IPublicTypeComponentAction) => {
+ const { condition } = action;
+ return typeof condition === 'function' ? condition(this) !== false : condition !== false;
+ })
.map((action: IPublicTypeComponentAction) => action.name) || [];
return availableActions.indexOf(actionName) >= 0;
@@ -1160,7 +1187,9 @@ export class Node
return this.props;
}
- onChildrenChange(fn: (param?: { type: string; node: INode }) => void): IPublicTypeDisposable | undefined {
+ onChildrenChange(
+ fn: (param?: { type: string; node: INode }) => void,
+ ): IPublicTypeDisposable | undefined {
const wrappedFunc = wrapWithEventSwitch(fn);
return this.children?.onChange(wrappedFunc);
}
@@ -1230,7 +1259,7 @@ export class Node
const isContainerNode = this.isContainer();
const isEmptyNode = this.isEmpty();
const isRGLContainerNode = this.isRGLContainer;
- const isRGLNode = (this.getParent()?.isRGLContainer) as boolean;
+ const isRGLNode = this.getParent()?.isRGLContainer as boolean;
const isRGL = isRGLContainerNode || (isRGLNode && (!isContainerNode || !isEmptyNode));
let rglNode = isRGLContainerNode ? this : isRGL ? this?.getParent() : null;
return { isContainerNode, isEmptyNode, isRGLContainerNode, isRGLNode, isRGL, rglNode };
diff --git a/packages/designer/src/document/node/props/prop.ts b/packages/designer/src/document/node/props/prop.ts
index d70f0f56ec..242ccfae03 100644
--- a/packages/designer/src/document/node/props/prop.ts
+++ b/packages/designer/src/document/node/props/prop.ts
@@ -1,7 +1,29 @@
-import { untracked, computed, obx, engineConfig, action, makeObservable, mobx, runInAction } from '@alilc/lowcode-editor-core';
-import { GlobalEvent, IPublicEnumTransformStage } from '@alilc/lowcode-types';
-import type { IPublicTypeCompositeValue, IPublicTypeJSSlot, IPublicTypeSlotSchema, IPublicModelProp } from '@alilc/lowcode-types';
-import { uniqueId, isPlainObject, hasOwnProperty, compatStage, isJSExpression, isJSSlot, isNodeSchema } from '@alilc/lowcode-utils';
+import {
+ untracked,
+ computed,
+ obx,
+ engineConfig,
+ action,
+ makeObservable,
+ mobx,
+ runInAction,
+} from '@felce/lowcode-editor-core';
+import { GlobalEvent, IPublicEnumTransformStage } from '@felce/lowcode-types';
+import type {
+ IPublicTypeCompositeValue,
+ IPublicTypeJSSlot,
+ IPublicTypeSlotSchema,
+ IPublicModelProp,
+} from '@felce/lowcode-types';
+import {
+ uniqueId,
+ isPlainObject,
+ hasOwnProperty,
+ compatStage,
+ isJSExpression,
+ isJSSlot,
+ isNodeSchema,
+} from '@felce/lowcode-utils';
import { valueToSource } from './value-to-source';
import { IPropParent } from './props';
import type { IProps } from './props';
@@ -13,9 +35,7 @@ export const UNSET = Symbol.for('unset');
// eslint-disable-next-line no-redeclare
export type UNSET = typeof UNSET;
-export interface IProp extends Omit, 'exportSchema' | 'node'>, IPropParent {
+export interface IProp extends Omit, 'exportSchema' | 'node'>, IPropParent {
spread: boolean;
key: string | number | undefined;
@@ -274,7 +294,9 @@ export class Prop implements IProp, IPropParent {
this.get(propName, false)?.unset();
}
- export(stage: IPublicEnumTransformStage = IPublicEnumTransformStage.Save): IPublicTypeCompositeValue {
+ export(
+ stage: IPublicEnumTransformStage = IPublicEnumTransformStage.Save,
+ ): IPublicTypeCompositeValue {
stage = compatStage(stage);
const type = this._type;
if (stage === IPublicEnumTransformStage.Render && this.key === '___condition___') {
@@ -294,7 +316,7 @@ export class Prop implements IProp, IPropParent {
}
if (type === 'slot') {
- const schema = this._slotNode?.export(stage) || {} as any;
+ const schema = this._slotNode?.export(stage) || ({} as any);
if (stage === IPublicEnumTransformStage.Render) {
return {
type: 'JSSlot',
@@ -372,7 +394,7 @@ export class Prop implements IProp, IPropParent {
} else {
this._type = 'map';
}
- } else /* istanbul ignore next */ {
+ } /* istanbul ignore next */ else {
this._type = 'expression';
this._value = {
type: 'JSExpression',
@@ -389,11 +411,7 @@ export class Prop implements IProp, IPropParent {
}
}
- emitChange = ({
- oldValue,
- }: {
- oldValue: IPublicTypeCompositeValue | UNSET;
- }) => {
+ emitChange = ({ oldValue }: { oldValue: IPublicTypeCompositeValue | UNSET }) => {
const editor = this.owner.document?.designer.editor;
const propsInfo = {
key: this.key,
@@ -432,7 +450,11 @@ export class Prop implements IProp, IPropParent {
this._type = 'slot';
let slotSchema: IPublicTypeSlotSchema;
// 当 data.value 的结构为 { componentName: 'Slot' } 时，复用部分 slotSchema 数据
- if ((isPlainObject(data.value) && isNodeSchema(data.value) && data.value?.componentName === 'Slot')) {
+ if (
+ isPlainObject(data.value) &&
+ isNodeSchema(data.value) &&
+ data.value?.componentName === 'Slot'
+ ) {
const value = data.value as IPublicTypeSlotSchema;
slotSchema = {
componentName: 'Slot',
diff --git a/packages/designer/src/document/node/props/props.ts b/packages/designer/src/document/node/props/props.ts
index 213592a5de..42f9250a8e 100644
--- a/packages/designer/src/document/node/props/props.ts
+++ b/packages/designer/src/document/node/props/props.ts
@@ -1,7 +1,12 @@
-import { computed, makeObservable, obx, action } from '@alilc/lowcode-editor-core';
-import { IPublicTypePropsList, IPublicTypeCompositeValue, IPublicEnumTransformStage, IBaseModelProps } from '@alilc/lowcode-types';
-import type { IPublicTypePropsMap } from '@alilc/lowcode-types';
-import { uniqueId, compatStage } from '@alilc/lowcode-utils';
+import { computed, makeObservable, obx, action } from '@felce/lowcode-editor-core';
+import {
+ IPublicTypePropsList,
+ IPublicTypeCompositeValue,
+ IPublicEnumTransformStage,
+ IBaseModelProps,
+} from '@felce/lowcode-types';
+import type { IPublicTypePropsMap } from '@felce/lowcode-types';
+import { uniqueId, compatStage } from '@felce/lowcode-utils';
import { Prop, UNSET } from './prop';
import type { IProp } from './prop';
import { INode } from '../node';
@@ -27,7 +32,6 @@ export function getOriginalExtraKey(key: string): string {
}
export interface IPropParent {
-
readonly props: IProps;
readonly owner: INode;
@@ -37,8 +41,12 @@ export interface IPropParent {
delete(prop: IProp): void;
}
-export interface IProps extends Omit, | 'getExtraProp' | 'getExtraPropValue' | 'setExtraPropValue' | 'node'>, IPropParent {
-
+export interface IProps
+ extends Omit<
+ IBaseModelProps,
+ 'getExtraProp' | 'getExtraPropValue' | 'setExtraPropValue' | 'node'
+ >,
+ IPropParent {
/**
* 获取 props 对应的 node
*/
@@ -96,7 +104,11 @@ export class Props implements IProps, IPropParent {
private purged = false;
- constructor(owner: INode, value?: IPublicTypePropsMap | IPublicTypePropsList | null, extras?: ExtrasObject) {
+ constructor(
+ owner: INode,
+ value?: IPublicTypePropsMap | IPublicTypePropsList | null,
+ extras?: ExtrasObject,
+ ) {
makeObservable(this);
this.owner = owner;
if (Array.isArray(value)) {
diff --git a/packages/designer/src/document/node/transform-stage.ts b/packages/designer/src/document/node/transform-stage.ts
index 53b72c1bf0..0e91288ba6 100644
--- a/packages/designer/src/document/node/transform-stage.ts
+++ b/packages/designer/src/document/node/transform-stage.ts
@@ -1 +1 @@
-export { TransformStage } from '@alilc/lowcode-types';
+export { TransformStage } from '@felce/lowcode-types';
diff --git a/packages/designer/src/document/selection.ts b/packages/designer/src/document/selection.ts
index 6147e188d8..1080b068fc 100644
--- a/packages/designer/src/document/selection.ts
+++ b/packages/designer/src/document/selection.ts
@@ -1,7 +1,7 @@
-import { obx, makeObservable, IEventBus, createModuleEventBus } from '@alilc/lowcode-editor-core';
+import { obx, makeObservable, IEventBus, createModuleEventBus } from '@felce/lowcode-editor-core';
import { INode, comparePosition, PositionNO } from './node/node';
import { DocumentModel } from './document-model';
-import { IPublicModelSelection } from '@alilc/lowcode-types';
+import { IPublicModelSelection } from '@felce/lowcode-types';
export interface ISelection extends Omit, 'node'> {
containsNode(node: INode, excludeRoot: boolean): boolean;
@@ -48,7 +48,7 @@ export class Selection implements ISelection {
selectAll(ids: string[]) {
const selectIds: string[] = [];
- ids.forEach(d => {
+ ids.forEach((d) => {
const node = this.doc.getNode(d);
if (node?.canSelect()) {
diff --git a/packages/designer/src/icons/clone.tsx b/packages/designer/src/icons/clone.tsx
index 261acd2505..197c31fcce 100644
--- a/packages/designer/src/icons/clone.tsx
+++ b/packages/designer/src/icons/clone.tsx
@@ -1,4 +1,4 @@
-import { SVGIcon, IconProps } from '@alilc/lowcode-utils';
+import { SVGIcon, IconProps } from '@felce/lowcode-utils';
export function IconClone(props: IconProps) {
return (
diff --git a/packages/designer/src/icons/component.tsx b/packages/designer/src/icons/component.tsx
index 914f066254..7476fdb89a 100644
--- a/packages/designer/src/icons/component.tsx
+++ b/packages/designer/src/icons/component.tsx
@@ -1,4 +1,4 @@
-import { SVGIcon, IconProps } from '@alilc/lowcode-utils';
+import { SVGIcon, IconProps } from '@felce/lowcode-utils';
export function IconComponent(props: IconProps) {
return (
diff --git a/packages/designer/src/icons/container.tsx b/packages/designer/src/icons/container.tsx
index 6cb51fd38a..52ee34be7f 100644
--- a/packages/designer/src/icons/container.tsx
+++ b/packages/designer/src/icons/container.tsx
@@ -1,4 +1,4 @@
-import { SVGIcon, IconProps } from '@alilc/lowcode-utils';
+import { SVGIcon, IconProps } from '@felce/lowcode-utils';
export function IconContainer(props: IconProps) {
return (
diff --git a/packages/designer/src/icons/hidden.tsx b/packages/designer/src/icons/hidden.tsx
index ac316d1808..a85778f948 100644
--- a/packages/designer/src/icons/hidden.tsx
+++ b/packages/designer/src/icons/hidden.tsx
@@ -1,4 +1,4 @@
-import { SVGIcon, IconProps } from '@alilc/lowcode-utils';
+import { SVGIcon, IconProps } from '@felce/lowcode-utils';
export function IconHidden(props: IconProps) {
return (
diff --git a/packages/designer/src/icons/lock.tsx b/packages/designer/src/icons/lock.tsx
index f67fac2371..a7399932c3 100644
--- a/packages/designer/src/icons/lock.tsx
+++ b/packages/designer/src/icons/lock.tsx
@@ -1,9 +1,13 @@
-import { SVGIcon, IconProps } from '@alilc/lowcode-utils';
+import { SVGIcon, IconProps } from '@felce/lowcode-utils';
export function IconLock(props: IconProps) {
return (
-
);
diff --git a/packages/designer/src/icons/page.tsx b/packages/designer/src/icons/page.tsx
index 07853c4e12..b9e2288001 100644
--- a/packages/designer/src/icons/page.tsx
+++ b/packages/designer/src/icons/page.tsx
@@ -1,4 +1,4 @@
-import { SVGIcon, IconProps } from '@alilc/lowcode-utils';
+import { SVGIcon, IconProps } from '@felce/lowcode-utils';
export function IconPage(props: IconProps) {
return (
diff --git a/packages/designer/src/icons/remove.tsx b/packages/designer/src/icons/remove.tsx
index 42b80f618e..7d4c7ba7e5 100644
--- a/packages/designer/src/icons/remove.tsx
+++ b/packages/designer/src/icons/remove.tsx
@@ -1,4 +1,4 @@
-import { SVGIcon, IconProps } from '@alilc/lowcode-utils';
+import { SVGIcon, IconProps } from '@felce/lowcode-utils';
export function IconRemove(props: IconProps) {
return (
diff --git a/packages/designer/src/icons/setting.tsx b/packages/designer/src/icons/setting.tsx
index 2df18029c3..6389a90156 100644
--- a/packages/designer/src/icons/setting.tsx
+++ b/packages/designer/src/icons/setting.tsx
@@ -1,4 +1,4 @@
-import { SVGIcon, IconProps } from '@alilc/lowcode-utils';
+import { SVGIcon, IconProps } from '@felce/lowcode-utils';
export function IconSetting(props: IconProps) {
return (
diff --git a/packages/designer/src/icons/unlock.tsx b/packages/designer/src/icons/unlock.tsx
index cff324920e..7b6933b790 100644
--- a/packages/designer/src/icons/unlock.tsx
+++ b/packages/designer/src/icons/unlock.tsx
@@ -1,9 +1,13 @@
-import { SVGIcon, IconProps } from '@alilc/lowcode-utils';
+import { SVGIcon, IconProps } from '@felce/lowcode-utils';
export function IconUnlock(props: IconProps) {
return (
-
);
diff --git a/packages/designer/src/locale/index.ts b/packages/designer/src/locale/index.ts
index 4cb3b53cfb..33efdb0a93 100644
--- a/packages/designer/src/locale/index.ts
+++ b/packages/designer/src/locale/index.ts
@@ -1,4 +1,4 @@
-import { createIntl } from '@alilc/lowcode-editor-core';
+import { createIntl } from '@felce/lowcode-editor-core';
import enUS from './en-US.json';
import zhCN from './zh-CN.json';
diff --git a/packages/designer/src/plugin/plugin-context.ts b/packages/designer/src/plugin/plugin-context.ts
index 7f26a2b4f3..1aa66291ef 100644
--- a/packages/designer/src/plugin/plugin-context.ts
+++ b/packages/designer/src/plugin/plugin-context.ts
@@ -1,5 +1,5 @@
/* eslint-disable no-multi-assign */
-import { engineConfig, createModuleEventBus } from '@alilc/lowcode-editor-core';
+import { engineConfig, createModuleEventBus } from '@felce/lowcode-editor-core';
import {
IPublicApiHotkey,
IPublicApiProject,
@@ -20,7 +20,7 @@ import {
IPublicEnumPluginRegisterLevel,
IPublicModelWindow,
IPublicApiCommonUI,
-} from '@alilc/lowcode-types';
+} from '@felce/lowcode-types';
import {
IPluginContextOptions,
ILowCodePluginContextApiAssembler,
@@ -28,8 +28,9 @@ import {
} from './plugin-types';
import { isValidPreferenceKey } from './plugin-utils';
-export default class PluginContext implements
- IPublicModelPluginContext, ILowCodePluginContextPrivate {
+export default class PluginContext
+ implements IPublicModelPluginContext, ILowCodePluginContextPrivate
+{
hotkey: IPublicApiHotkey;
project: IPublicApiProject;
skeleton: IPublicApiSkeleton;
@@ -50,9 +51,9 @@ export default class PluginContext implements
isPluginRegisteredInWorkspace: false;
constructor(
- options: IPluginContextOptions,
- contextApiAssembler: ILowCodePluginContextApiAssembler,
- ) {
+ options: IPluginContextOptions,
+ contextApiAssembler: ILowCodePluginContextApiAssembler,
+ ) {
const { pluginName = 'anonymous', meta = {} } = options;
contextApiAssembler.assembleApis(this, pluginName, meta);
this.pluginEvent = createModuleEventBus(pluginName, 200);
@@ -62,14 +63,11 @@ export default class PluginContext implements
}
}
- setPreference(
- pluginName: string,
- preferenceDeclaration: IPublicTypePluginDeclaration,
- ): void {
+ setPreference(pluginName: string, preferenceDeclaration: IPublicTypePluginDeclaration): void {
const getPreferenceValue = (
key: string,
defaultValue?: IPublicTypePreferenceValueType,
- ): IPublicTypePreferenceValueType | undefined => {
+ ): IPublicTypePreferenceValueType | undefined => {
if (!isValidPreferenceKey(key, preferenceDeclaration)) {
return undefined;
}
diff --git a/packages/designer/src/plugin/plugin-manager.ts b/packages/designer/src/plugin/plugin-manager.ts
index f6b325dc0d..c7e2fea452 100644
--- a/packages/designer/src/plugin/plugin-manager.ts
+++ b/packages/designer/src/plugin/plugin-manager.ts
@@ -1,5 +1,5 @@
-import { engineConfig } from '@alilc/lowcode-editor-core';
-import { getLogger } from '@alilc/lowcode-utils';
+import { engineConfig } from '@felce/lowcode-editor-core';
+import { getLogger } from '@felce/lowcode-utils';
import {
ILowCodePluginRuntime,
ILowCodePluginManager,
@@ -18,12 +18,30 @@ import {
IPublicTypePluginRegisterOptions,
IPublicTypePreferenceValueType,
IPublicTypePlugin,
-} from '@alilc/lowcode-types';
+} from '@felce/lowcode-types';
const logger = getLogger({ level: 'warn', bizName: 'designer:pluginManager' });
// 保留的事件前缀
-const RESERVED_EVENT_PREFIX = ['designer', 'editor', 'skeleton', 'renderer', 'render', 'utils', 'plugin', 'engine', 'editor-core', 'engine-core', 'plugins', 'event', 'events', 'log', 'logger', 'ctx', 'context'];
+const RESERVED_EVENT_PREFIX = [
+ 'designer',
+ 'editor',
+ 'skeleton',
+ 'renderer',
+ 'render',
+ 'utils',
+ 'plugin',
+ 'engine',
+ 'editor-core',
+ 'engine-core',
+ 'plugins',
+ 'event',
+ 'events',
+ 'log',
+ 'logger',
+ 'ctx',
+ 'context',
+];
export class LowCodePluginManager implements ILowCodePluginManager {
private plugins: ILowCodePluginRuntime[] = [];
@@ -35,7 +53,10 @@ export class LowCodePluginManager implements ILowCodePluginManager {
contextApiAssembler: ILowCodePluginContextApiAssembler;
- constructor(contextApiAssembler: ILowCodePluginContextApiAssembler, readonly viewName = 'global') {
+ constructor(
+ contextApiAssembler: ILowCodePluginContextApiAssembler,
+ readonly viewName = 'global',
+ ) {
this.contextApiAssembler = contextApiAssembler;
}
@@ -79,22 +100,28 @@ export class LowCodePluginManager implements ILowCodePluginManager {
const isReservedPrefix = RESERVED_EVENT_PREFIX.find((item) => item === eventPrefix);
if (isReservedPrefix) {
meta.eventPrefix = undefined;
- logger.warn(`plugin ${pluginName} is trying to use ${eventPrefix} as event prefix, which is a reserved event prefix, please use another one`);
+ logger.warn(
+ `plugin ${pluginName} is trying to use ${eventPrefix} as event prefix, which is a reserved event prefix, please use another one`,
+ );
}
const ctx = this._getLowCodePluginContext({ pluginName, meta });
- const customFilterValidOptions = engineConfig.get('customPluginFilterOptions', filterValidOptions);
+ const customFilterValidOptions = engineConfig.get(
+ 'customPluginFilterOptions',
+ filterValidOptions,
+ );
const pluginTransducer = engineConfig.get('customPluginTransducer', null);
- const newPluginModel = pluginTransducer ? await pluginTransducer(pluginModel, ctx, options) : pluginModel;
- const newOptions = customFilterValidOptions(options, newPluginModel.meta?.preferenceDeclaration);
+ const newPluginModel = pluginTransducer
+ ? await pluginTransducer(pluginModel, ctx, options)
+ : pluginModel;
+ const newOptions = customFilterValidOptions(
+ options,
+ newPluginModel.meta?.preferenceDeclaration,
+ );
const config = newPluginModel(ctx, newOptions);
// compat the legacy way to declare pluginName
// @ts-ignore
pluginName = pluginName || config.name;
- invariant(
- pluginName,
- 'pluginConfigCreator.pluginName required',
- config,
- );
+ invariant(pluginName, 'pluginConfigCreator.pluginName required', config);
ctx.setPreference(pluginName, preferenceDeclaration);
@@ -119,7 +146,11 @@ export class LowCodePluginManager implements ILowCodePluginManager {
const engineVersionExp = engines && engines.lowcodeEngine;
if (engineVersionExp && !this.isEngineVersionMatched(engineVersionExp)) {
- throw new Error(`plugin ${pluginName} skipped, engine check failed, current engine version is ${engineConfig.get('ENGINE_VERSION')}, meta.engines.lowcodeEngine is ${engineVersionExp}`);
+ throw new Error(
+ `plugin ${pluginName} skipped, engine check failed, current engine version is ${engineConfig.get(
+ 'ENGINE_VERSION',
+ )}, meta.engines.lowcodeEngine is ${engineVersionExp}`,
+ );
}
const plugin = new LowCodePluginRuntime(pluginName, this, config, meta);
@@ -188,7 +219,9 @@ export class LowCodePluginManager implements ILowCodePluginManager {
return this.pluginsMap.size;
}
- getPluginPreference(pluginName: string): Record | null | undefined {
+ getPluginPreference(
+ pluginName: string,
+ ): Record | null | undefined {
if (!this.pluginPreference) {
return null;
}
diff --git a/packages/designer/src/plugin/plugin-types.ts b/packages/designer/src/plugin/plugin-types.ts
index cfc38866f5..6c3f5639fc 100644
--- a/packages/designer/src/plugin/plugin-types.ts
+++ b/packages/designer/src/plugin/plugin-types.ts
@@ -20,7 +20,7 @@ import {
IPublicEnumPluginRegisterLevel,
IPublicApiCommonUI,
IPublicApiCommand,
-} from '@alilc/lowcode-types';
+} from '@felce/lowcode-types';
import PluginContext from './plugin-context';
export type PluginPreference = Map>;
@@ -44,7 +44,8 @@ interface ILowCodePluginRuntimeExportsAccessor {
}
// eslint-disable-next-line max-len
-export type ILowCodePluginRuntime = ILowCodePluginRuntimeCore & ILowCodePluginRuntimeExportsAccessor;
+export type ILowCodePluginRuntime = ILowCodePluginRuntimeCore &
+ ILowCodePluginRuntimeExportsAccessor;
export interface ILowCodePluginContextPrivate {
set hotkey(hotkey: IPublicApiHotkey);
@@ -84,14 +85,16 @@ export interface ILowCodePluginManagerCore {
pluginOptions?: any,
options?: IPublicTypePluginRegisterOptions,
): Promise;
- init(pluginPreference?: Map>): Promise;
+ init(
+ pluginPreference?: Map>,
+ ): Promise;
get(pluginName: string): ILowCodePluginRuntime | undefined;
getAll(): ILowCodePluginRuntime[];
has(pluginName: string): boolean;
delete(pluginName: string): any;
setDisabled(pluginName: string, flag: boolean): void;
dispose(): void;
- _getLowCodePluginContext (options: IPluginContextOptions): PluginContext;
+ _getLowCodePluginContext(options: IPluginContextOptions): PluginContext;
}
export type ILowCodePluginManager = ILowCodePluginManagerCore & ILowCodePluginManagerPluginAccessor;
diff --git a/packages/designer/src/plugin/plugin-utils.ts b/packages/designer/src/plugin/plugin-utils.ts
index 7d8ab8db9c..d41b9afecb 100644
--- a/packages/designer/src/plugin/plugin-utils.ts
+++ b/packages/designer/src/plugin/plugin-utils.ts
@@ -1,5 +1,8 @@
import { isPlainObject } from 'lodash';
-import { IPublicTypePluginRegisterOptions, IPublicTypePluginDeclaration } from '@alilc/lowcode-types';
+import {
+ IPublicTypePluginRegisterOptions,
+ IPublicTypePluginDeclaration,
+} from '@felce/lowcode-types';
export function isValidPreferenceKey(
key: string,
@@ -17,10 +20,7 @@ export function isLowCodeRegisterOptions(opts: any): opts is IPublicTypePluginRe
return opts && ('autoInit' in opts || 'override' in opts);
}
-export function filterValidOptions(
- opts: any,
- preferenceDeclaration: IPublicTypePluginDeclaration,
- ) {
+export function filterValidOptions(opts: any, preferenceDeclaration: IPublicTypePluginDeclaration) {
if (!opts || !isPlainObject(opts)) return opts;
const filteredOpts = {} as any;
Object.keys(opts).forEach((key) => {
@@ -32,4 +32,4 @@ export function filterValidOptions(
}
});
return filteredOpts;
-}
\ No newline at end of file
+}
diff --git a/packages/designer/src/plugin/plugin.ts b/packages/designer/src/plugin/plugin.ts
index dd57325fcd..78c2acaa64 100644
--- a/packages/designer/src/plugin/plugin.ts
+++ b/packages/designer/src/plugin/plugin.ts
@@ -1,12 +1,6 @@
-import { getLogger, Logger } from '@alilc/lowcode-utils';
-import {
- ILowCodePluginRuntime,
- ILowCodePluginManager,
-} from './plugin-types';
-import {
- IPublicTypePluginConfig,
- IPublicTypePluginMeta,
-} from '@alilc/lowcode-types';
+import { getLogger, Logger } from '@felce/lowcode-utils';
+import { ILowCodePluginRuntime, ILowCodePluginManager } from './plugin-types';
+import { IPublicTypePluginConfig, IPublicTypePluginMeta } from '@felce/lowcode-types';
import { invariant } from '../utils';
export class LowCodePluginRuntime implements ILowCodePluginRuntime {
diff --git a/packages/designer/src/project/project-view.tsx b/packages/designer/src/project/project-view.tsx
index a16d4451a6..6817e35053 100644
--- a/packages/designer/src/project/project-view.tsx
+++ b/packages/designer/src/project/project-view.tsx
@@ -1,5 +1,5 @@
import { Component } from 'react';
-import { observer, engineConfig } from '@alilc/lowcode-editor-core';
+import { observer, engineConfig } from '@felce/lowcode-editor-core';
import { Designer } from '../designer';
import { BuiltinSimulatorHostView } from '../builtin-simulator';
import './project.less';
@@ -8,7 +8,11 @@ export class BuiltinLoading extends Component {
render() {
return (
,
- 'simulatorHost' |
- 'importSchema' |
- 'exportSchema' |
- 'openDocument' |
- 'getDocumentById' |
- 'getCurrentDocument' |
- 'addPropsTransducer' |
- 'onRemoveDocument' |
- 'onChangeDocument' |
- 'onSimulatorHostReady' |
- 'onSimulatorRendererReady' |
- 'setI18n' |
- 'setConfig' |
- 'currentDocument' |
- 'selection' |
- 'documents' |
- 'createDocument' |
- 'getDocumentByFileName'
-> {
-
+export interface IProject
+ extends Omit<
+ IBaseApiProject,
+ | 'simulatorHost'
+ | 'importSchema'
+ | 'exportSchema'
+ | 'openDocument'
+ | 'getDocumentById'
+ | 'getCurrentDocument'
+ | 'addPropsTransducer'
+ | 'onRemoveDocument'
+ | 'onChangeDocument'
+ | 'onSimulatorHostReady'
+ | 'onSimulatorRendererReady'
+ | 'setI18n'
+ | 'setConfig'
+ | 'currentDocument'
+ | 'selection'
+ | 'documents'
+ | 'createDocument'
+ | 'getDocumentByFileName'
+ > {
get designer(): IDesigner;
get simulator(): ISimulatorHost | null;
@@ -60,9 +66,7 @@ export interface IProject extends Omit();
- constructor(readonly designer: IDesigner, schema?: IPublicTypeProjectSchema, readonly viewName = 'global') {
+ constructor(
+ readonly designer: IDesigner,
+ schema?: IPublicTypeProjectSchema,
+ readonly viewName = 'global',
+ ) {
makeObservable(this);
this.load(schema);
}
private getComponentsMap(): IPublicTypeComponentsMap {
- return this.documents.reduce((
- componentsMap: IPublicTypeComponentsMap,
- curDoc: IDocumentModel,
- ): IPublicTypeComponentsMap => {
- const curComponentsMap = curDoc.getComponentsMap();
- if (Array.isArray(curComponentsMap)) {
- curComponentsMap.forEach((item) => {
- const found = componentsMap.find((eItem) => {
- if (
- isProCodeComponentType(eItem) &&
- isProCodeComponentType(item) &&
- eItem.package === item.package &&
- eItem.componentName === item.componentName
- ) {
- return true;
- } else if (
- isLowCodeComponentType(eItem) &&
- eItem.componentName === item.componentName
- ) {
- return true;
- }
- return false;
+ return this.documents.reduce(
+ (
+ componentsMap: IPublicTypeComponentsMap,
+ curDoc: IDocumentModel,
+ ): IPublicTypeComponentsMap => {
+ const curComponentsMap = curDoc.getComponentsMap();
+ if (Array.isArray(curComponentsMap)) {
+ curComponentsMap.forEach((item) => {
+ const found = componentsMap.find((eItem) => {
+ if (
+ isProCodeComponentType(eItem) &&
+ isProCodeComponentType(item) &&
+ eItem.package === item.package &&
+ eItem.componentName === item.componentName
+ ) {
+ return true;
+ } else if (
+ isLowCodeComponentType(eItem) &&
+ eItem.componentName === item.componentName
+ ) {
+ return true;
+ }
+ return false;
+ });
+ if (found) return;
+ componentsMap.push(item);
});
- if (found) return;
- componentsMap.push(item);
- });
- }
- return componentsMap;
- }, [] as IPublicTypeComponentsMap);
+ }
+ return componentsMap;
+ },
+ [] as IPublicTypeComponentsMap,
+ );
}
/**
@@ -184,7 +195,7 @@ export class Project implements IProject {
componentsMap: this.getComponentsMap(),
componentsTree: this.documents
.filter((doc) => !doc.isBlank())
- .map((doc) => doc.export(stage) || {} as IPublicTypeRootSchema),
+ .map((doc) => doc.export(stage) || ({} as IPublicTypeRootSchema)),
i18n: this.i18n,
};
}
@@ -319,7 +330,9 @@ export class Project implements IProject {
return doc.open();
}
if (typeof doc === 'string' || typeof doc === 'number') {
- const got = this.documents.find((item) => item.fileName === String(doc) || String(item.id) === String(doc));
+ const got = this.documents.find(
+ (item) => item.fileName === String(doc) || String(item.id) === String(doc),
+ );
if (got) {
return got.open();
}
diff --git a/packages/designer/src/simulator.ts b/packages/designer/src/simulator.ts
index 3a63a685b8..ebb907516b 100644
--- a/packages/designer/src/simulator.ts
+++ b/packages/designer/src/simulator.ts
@@ -1,5 +1,13 @@
import { ComponentType } from 'react';
-import { IPublicTypeComponentMetadata, IPublicTypeNodeSchema, IPublicTypeScrollable, IPublicTypeComponentInstance, IPublicModelSensor, IPublicTypeNodeInstance, IPublicTypePackage } from '@alilc/lowcode-types';
+import {
+ IPublicTypeComponentMetadata,
+ IPublicTypeNodeSchema,
+ IPublicTypeScrollable,
+ IPublicTypeComponentInstance,
+ IPublicModelSensor,
+ IPublicTypeNodeInstance,
+ IPublicTypePackage,
+} from '@felce/lowcode-types';
import { Point, ScrollTarget, ILocateEvent, IDesigner } from './designer';
import { BuiltinSimulatorRenderer } from './builtin-simulator/renderer';
import { INode } from './document';
@@ -9,10 +17,8 @@ export type AutoFit = '100%';
// eslint-disable-next-line no-redeclare
export const AutoFit = '100%';
-export interface IScrollable extends IPublicTypeScrollable {
-}
+export interface IScrollable extends IPublicTypeScrollable {}
export interface IViewport extends IScrollable {
-
/**
* 视口大小
*/
@@ -164,13 +170,22 @@ export interface ISimulatorHost
);
-}
\ No newline at end of file
+}
diff --git a/packages/editor-core/src/widgets/tip/tip-handler.ts b/packages/editor-core/src/widgets/tip/tip-handler.ts
index 63193ea854..f60a4d5ce2 100644
--- a/packages/editor-core/src/widgets/tip/tip-handler.ts
+++ b/packages/editor-core/src/widgets/tip/tip-handler.ts
@@ -1,4 +1,4 @@
-import { IPublicTypeTipConfig } from '@alilc/lowcode-types';
+import { IPublicTypeTipConfig } from '@felce/lowcode-types';
import { IEventBus, createModuleEventBus } from '../../event-bus';
export interface TipOptions extends IPublicTypeTipConfig {
diff --git a/packages/editor-core/src/widgets/tip/tip-item.tsx b/packages/editor-core/src/widgets/tip/tip-item.tsx
index c56d747ffa..1712024d1b 100644
--- a/packages/editor-core/src/widgets/tip/tip-item.tsx
+++ b/packages/editor-core/src/widgets/tip/tip-item.tsx
@@ -1,6 +1,6 @@
import { Component } from 'react';
import classNames from 'classnames';
-import { IPublicTypeTipConfig } from '@alilc/lowcode-types';
+import { IPublicTypeTipConfig } from '@felce/lowcode-types';
import { intl } from '../../intl';
import { resolvePosition } from './utils';
import { tipHandler } from './tip-handler';
@@ -106,7 +106,11 @@ export class TipItem extends Component {
render() {
const tip: IPublicTypeTipConfig = tipHandler.tip || ({} as any);
- const className = classNames('lc-tip', tip.className, tip && tip.theme ? `lc-theme-${tip.theme}` : null);
+ const className = classNames(
+ 'lc-tip',
+ tip.className,
+ tip && tip.theme ? `lc-theme-${tip.theme}` : null,
+ );
this.originClassName = className;
diff --git a/packages/editor-core/src/widgets/tip/tip.tsx b/packages/editor-core/src/widgets/tip/tip.tsx
index 92a683baa5..6f56bf468e 100644
--- a/packages/editor-core/src/widgets/tip/tip.tsx
+++ b/packages/editor-core/src/widgets/tip/tip.tsx
@@ -1,6 +1,6 @@
import { Component } from 'react';
-import { IPublicTypeTipConfig } from '@alilc/lowcode-types';
-import { uniqueId } from '@alilc/lowcode-utils';
+import { IPublicTypeTipConfig } from '@felce/lowcode-types';
+import { uniqueId } from '@felce/lowcode-utils';
import { postTip } from './tip-handler';
export class Tip extends Component sim.mountViewport(elmt)}
+ className="lc-simulator-canvas-viewport"
+ style={viewport}
+ >
diff --git a/packages/designer/src/builtin-simulator/host.ts b/packages/designer/src/builtin-simulator/host.ts
index 57f8569326..5dd2806443 100644
--- a/packages/designer/src/builtin-simulator/host.ts
+++ b/packages/designer/src/builtin-simulator/host.ts
@@ -12,13 +12,9 @@ import {
makeObservable,
createModuleEventBus,
IEventBus,
-} from '@alilc/lowcode-editor-core';
+} from '@felce/lowcode-editor-core';
-import {
- ISimulatorHost,
- Component,
- DropContainer,
-} from '../simulator';
+import { ISimulatorHost, Component, DropContainer } from '../simulator';
import Viewport from './viewport';
import { createSimulator } from './create-simulator';
import { Node, INode, contains, isRootNode, isLowCodeComponent } from '../document';
@@ -40,7 +36,7 @@ import {
isDragNodeObject,
isLocationData,
Logger,
-} from '@alilc/lowcode-utils';
+} from '@felce/lowcode-utils';
import {
isShaken,
ILocateEvent,
@@ -64,7 +60,7 @@ import {
IPublicTypeLocationDetailType,
IPublicTypeRect,
IPublicModelNode,
-} from '@alilc/lowcode-types';
+} from '@felce/lowcode-types';
import { BuiltinSimulatorRenderer } from './renderer';
import { clipboard } from '../designer/clipboard';
import { LiveEditing } from './live-editing/live-editing';
@@ -352,24 +348,30 @@ export class BuiltinSimulatorHost implements ISimulatorHost
- 
+
);
}
diff --git a/packages/designer/src/project/project.ts b/packages/designer/src/project/project.ts
index 94913d9fa7..697b221d2d 100644
--- a/packages/designer/src/project/project.ts
+++ b/packages/designer/src/project/project.ts
@@ -1,41 +1,47 @@
-import { obx, computed, makeObservable, action, IEventBus, createModuleEventBus } from '@alilc/lowcode-editor-core';
+import {
+ obx,
+ computed,
+ makeObservable,
+ action,
+ IEventBus,
+ createModuleEventBus,
+} from '@felce/lowcode-editor-core';
import { IDesigner } from '../designer';
import { DocumentModel, isDocumentModel } from '../document';
import type { IDocumentModel } from '../document';
-import { IPublicEnumTransformStage } from '@alilc/lowcode-types';
+import { IPublicEnumTransformStage } from '@felce/lowcode-types';
import type {
IBaseApiProject,
IPublicTypeProjectSchema,
IPublicTypeRootSchema,
IPublicTypeComponentsMap,
IPublicTypeSimulatorRenderer,
-} from '@alilc/lowcode-types';
-import { isLowCodeComponentType, isProCodeComponentType } from '@alilc/lowcode-utils';
+} from '@felce/lowcode-types';
+import { isLowCodeComponentType, isProCodeComponentType } from '@felce/lowcode-utils';
import { ISimulatorHost } from '../simulator';
-export interface IProject extends Omit
+
extends IPublicModelSensor
-
);
if (isObject(tip)) {
tipContent = (
{intl('Attribute: ')}{propName}
+
+ {intl('Attribute: ')}
+ {propName}
+
-
);
} else if (tip) {
tipContent = (
{intl('Attribute: ')}{propName}
- {intl('Description: ')}{(tip as any).content}
+
+ {intl('Attribute: ')}
+ {propName}
+
+
+ {intl('Description: ')}
+ {(tip as any).content}
+
-
);
}
@@ -167,22 +182,23 @@ export class Field extends Component{intl('Attribute: ')}{propName}
- {intl('Description: ')}{tip}
+
+ {intl('Attribute: ')}
+ {propName}
+
+
+ {intl('Description: ')}
+ {tip}
+
- ({} as any);
export class PopupPipe {
@@ -103,9 +102,9 @@ export default class PopupService extends Component<{
}
interface StateType extends PopupProps {
- visible?: boolean,
- offsetX?: number,
- pos?: {top: number, height: number}
+ visible?: boolean;
+ offsetX?: number;
+ pos?: { top: number; height: number };
}
export class PopupContent extends PureComponent<{ safeId?: string; popupContainer?: string }> {
static contextType = PopupContext;
@@ -153,7 +152,18 @@ export class PopupContent extends PureComponent<{ safeId?: string; popupContaine
};
render() {
- const { content, visible, title, actionKey, pos, offsetX, width = 360, hasMask = false, canCloseByOutSideClick = true, safeNode = [] } = this.state;
+ const {
+ content,
+ visible,
+ title,
+ actionKey,
+ pos,
+ offsetX,
+ width = 360,
+ hasMask = false,
+ canCloseByOutSideClick = true,
+ safeNode = [],
+ } = this.state;
if (!visible) {
return null;
}
@@ -192,9 +202,7 @@ export class PopupContent extends PureComponent<{ safeId?: string; popupContaine
-
- {content}
-
+ {content}
diff --git a/packages/editor-skeleton/src/components/settings/main.ts b/packages/editor-skeleton/src/components/settings/main.ts
index 6cc672c907..34bfc6b232 100644
--- a/packages/editor-skeleton/src/components/settings/main.ts
+++ b/packages/editor-skeleton/src/components/settings/main.ts
@@ -1,5 +1,13 @@
-import { Node, Designer, Selection, SettingTopEntry } from '@alilc/lowcode-designer';
-import { Editor, obx, computed, makeObservable, action, IEventBus, createModuleEventBus } from '@alilc/lowcode-editor-core';
+import { Node, Designer, Selection, SettingTopEntry } from '@felce/lowcode-designer';
+import {
+ Editor,
+ obx,
+ computed,
+ makeObservable,
+ action,
+ IEventBus,
+ createModuleEventBus,
+} from '@felce/lowcode-editor-core';
function generateSessionId(nodes: Node[]) {
return nodes
diff --git a/packages/editor-skeleton/src/components/settings/settings-pane.tsx b/packages/editor-skeleton/src/components/settings/settings-pane.tsx
index 1561bf8bbe..94af9429d3 100644
--- a/packages/editor-skeleton/src/components/settings/settings-pane.tsx
+++ b/packages/editor-skeleton/src/components/settings/settings-pane.tsx
@@ -1,9 +1,24 @@
import { Component, MouseEvent, Fragment, ReactNode } from 'react';
-import { shallowIntl, observer, obx, engineConfig, runInAction } from '@alilc/lowcode-editor-core';
-import { createContent, isJSSlot, isSetterConfig, shouldUseVariableSetter } from '@alilc/lowcode-utils';
-import { Skeleton, Stage } from '@alilc/lowcode-editor-skeleton';
-import { IPublicApiSetters, IPublicTypeCustomView, IPublicTypeDynamicProps } from '@alilc/lowcode-types';
-import { ISettingEntry, IComponentMeta, ISettingField, isSettingField, ISettingTopEntry } from '@alilc/lowcode-designer';
+import { shallowIntl, observer, obx, engineConfig, runInAction } from '@felce/lowcode-editor-core';
+import {
+ createContent,
+ isJSSlot,
+ isSetterConfig,
+ shouldUseVariableSetter,
+} from '@felce/lowcode-utils';
+import { Skeleton, Stage } from '@felce/lowcode-editor-skeleton';
+import {
+ IPublicApiSetters,
+ IPublicTypeCustomView,
+ IPublicTypeDynamicProps,
+} from '@felce/lowcode-types';
+import {
+ ISettingEntry,
+ IComponentMeta,
+ ISettingField,
+ isSettingField,
+ ISettingTopEntry,
+} from '@felce/lowcode-designer';
import { createField } from '../field';
import PopupService, { PopupPipe } from '../popup';
import { SkeletonContext } from '../../context';
@@ -25,9 +40,13 @@ function isStandardComponent(componentMeta: IComponentMeta | null) {
function isInitialValueNotEmpty(initialValue: any) {
if (isJSSlot(initialValue)) {
// @ts-ignore visible 为 false 代表默认不展示
- return initialValue.visible !== false && Array.isArray(initialValue.value) && initialValue.value.length > 0;
+ return (
+ initialValue.visible !== false &&
+ Array.isArray(initialValue.value) &&
+ initialValue.value.length > 0
+ );
}
- return (initialValue !== undefined && initialValue !== null);
+ return initialValue !== undefined && initialValue !== null;
}
type SettingFieldViewProps = { field: ISettingField };
@@ -61,7 +80,11 @@ class SettingFieldView extends Component{field.items.map((item, index) => createSettingFieldView(item, field, index))},
+ content: (
+
+ {field.items.map((item, index) => createSettingFieldView(item, field, index))}
+
+ ),
props: {
title: field.title,
},
@@ -79,7 +102,9 @@ class SettingFieldView extends Component | IPublicTypeDynamicProps = {};
+ let setterProps:
+ | ({
+ setters?: (ReactNode | string)[];
+ } & Record)
+ | IPublicTypeDynamicProps = {};
let setterType: any;
let initialValue: any = null;
@@ -154,7 +181,8 @@ class SettingFieldView extends Component {
- this.setState({
- fromOnChange: true,
- // eslint-disable-next-line react/no-unused-state
- value,
- });
- field.setValue(value, true);
- if (onChangeAPI) onChangeAPI(value, field.internalToShellField());
- },
- onInitial: () => {
- if (initialValue == null) {
- return;
- }
- const value = typeof initialValue === 'function' ? initialValue(field.internalToShellField()) : initialValue;
- this.setState({
- // eslint-disable-next-line react/no-unused-state
- value,
- });
- field.setValue(value, true);
- },
-
- removeProp: () => {
- if (field.name) {
- field.parent.clearPropValue(field.name);
- }
- },
- }),
+ this.setters?.createSetterContent(setterType, {
+ ...shallowIntl(setterProps),
+ forceInline: extraProps.forceInline,
+ key: field.id,
+ // === injection
+ prop: field.internalToShellField(), // for compatible vision
+ selected: field.top?.getNode()?.internalToShellNode(),
+ field: field.internalToShellField(),
+ // === IO
+ value, // reaction point
+ initialValue,
+ onChange: (value: any) => {
+ this.setState({
+ fromOnChange: true,
+ // eslint-disable-next-line react/no-unused-state
+ value,
+ });
+ field.setValue(value, true);
+ if (onChangeAPI) onChangeAPI(value, field.internalToShellField());
+ },
+ onInitial: () => {
+ if (initialValue == null) {
+ return;
+ }
+ const value =
+ typeof initialValue === 'function'
+ ? initialValue(field.internalToShellField())
+ : initialValue;
+ this.setState({
+ // eslint-disable-next-line react/no-unused-state
+ value,
+ });
+ field.setValue(value, true);
+ },
+
+ removeProp: () => {
+ if (field.name) {
+ field.parent.clearPropValue(field.name);
+ }
+ },
+ }),
extraProps.forceInline ? 'plain' : extraProps.display,
);
}
@@ -311,7 +339,11 @@ class SettingGroupView extends Component {
stages.add({
type: 'Widget',
name: stageName,
- content: {field.items.map((item, index) => createSettingFieldView(item, field, index))} ,
+ content: (
+
+ {field.items.map((item, index) => createSettingFieldView(item, field, index))}
+
+ ),
props: {
title: field.title,
},
@@ -325,7 +357,10 @@ class SettingGroupView extends Component {
const { field } = this.props;
const { extraProps } = field;
const { condition, display } = extraProps;
- const visible = field.isSingle && typeof condition === 'function' ? condition(field.internalToShellField()) !== false : true;
+ const visible =
+ field.isSingle && typeof condition === 'function'
+ ? condition(field.internalToShellField()) !== false
+ : true;
if (!visible) {
return null;
@@ -349,7 +384,11 @@ class SettingGroupView extends Component {
}
}
-export function createSettingFieldView(field: ISettingField | IPublicTypeCustomView, fieldEntry: ISettingEntry, index?: number) {
+export function createSettingFieldView(
+ field: ISettingField | IPublicTypeCustomView,
+ fieldEntry: ISettingEntry,
+ index?: number,
+) {
if (isSettingField(field)) {
if (field.isGroup) {
return {
+export class SettingsPrimaryPane extends Component<
+ ISettingsPrimaryPaneProps,
+ { shouldIgnoreRoot: boolean }
+> {
state = {
shouldIgnoreRoot: false,
};
@@ -93,27 +104,29 @@ export class SettingsPrimaryPane extends Component {
- if (!_node) {
- return;
- }
- selectNode.call(null, _node);
- const getName = (node: any) => {
- const npm = node?.componentMeta?.npm;
- return [npm?.package, npm?.componentName].filter((item) => !!item).join('-') ||
- node?.componentMeta?.componentName ||
- '';
- };
- const selected = getName(current);
- const target = getName(_node);
- editor?.eventBus.emit('skeleton.settingsPane.Breadcrumb', {
- selected,
- target,
- });
- },
- };
+ onMouseOver: hoverNode.bind(null, _node, true),
+ onMouseOut: hoverNode.bind(null, _node, false),
+ onClick: () => {
+ if (!_node) {
+ return;
+ }
+ selectNode.call(null, _node);
+ const getName = (node: any) => {
+ const npm = node?.componentMeta?.npm;
+ return (
+ [npm?.package, npm?.componentName].filter((item) => !!item).join('-') ||
+ node?.componentMeta?.componentName ||
+ ''
+ );
+ };
+ const selected = getName(current);
+ const target = getName(_node);
+ editor?.eventBus.emit('skeleton.settingsPane.Breadcrumb', {
+ selected,
+ target,
+ });
+ },
+ };
items.unshift(
{(skeleton) => {
@@ -243,7 +254,7 @@ export class SettingsPrimaryPane extends Component
- { this.renderBreadcrumb() }
+ {this.renderBreadcrumb()}
{
diff --git a/packages/editor-skeleton/src/components/stage-box/stage-box.tsx b/packages/editor-skeleton/src/components/stage-box/stage-box.tsx
index 5015853824..7d25857735 100644
--- a/packages/editor-skeleton/src/components/stage-box/stage-box.tsx
+++ b/packages/editor-skeleton/src/components/stage-box/stage-box.tsx
@@ -1,6 +1,6 @@
import React, { Component } from 'react';
import classNames from 'classnames';
-import { observer } from '@alilc/lowcode-editor-core';
+import { observer } from '@felce/lowcode-editor-core';
import StageChain from './stage-chain';
import Stage from './stage';
import { ISkeleton } from '../../skeleton';
@@ -104,8 +104,12 @@ export default class StageBox extends Component {
let contentRefer = null;
if (refer) {
- contentCurrent = {
}}
className={className}
>
-
-
{contentRefer}
{contentCurrent}
-
);
diff --git a/packages/editor-skeleton/src/components/stage-box/stage-chain.ts b/packages/editor-skeleton/src/components/stage-box/stage-chain.ts
index fe931769fa..efa71f222b 100644
--- a/packages/editor-skeleton/src/components/stage-box/stage-chain.ts
+++ b/packages/editor-skeleton/src/components/stage-box/stage-chain.ts
@@ -1,5 +1,5 @@
import { Stage as StageWidget } from '../../widget/stage';
-import { createModuleEventBus, IEventBus } from '@alilc/lowcode-editor-core';
+import { createModuleEventBus, IEventBus } from '@felce/lowcode-editor-core';
export default class StageChain {
private emitter: IEventBus;
diff --git a/packages/editor-skeleton/src/components/stage-box/stage.tsx b/packages/editor-skeleton/src/components/stage-box/stage.tsx
index e4b0c0ef12..65dbb33ae8 100644
--- a/packages/editor-skeleton/src/components/stage-box/stage.tsx
+++ b/packages/editor-skeleton/src/components/stage-box/stage.tsx
@@ -4,7 +4,7 @@ import classNames from 'classnames';
import { IconArrow } from '../../icons/arrow';
import { IconExit } from '../../icons/exit';
import { Stage as StageWidget } from '../../widget/stage';
-import { isTitleConfig } from '@alilc/lowcode-utils';
+import { isTitleConfig } from '@felce/lowcode-utils';
export const StageDefaultProps = {
current: false,
@@ -78,9 +78,17 @@ export default class Stage extends Component
- {createValueState(valueState, this.handleClear)}
- {tipContent}
-
- {isAccordion &&
+
diff --git a/packages/editor-skeleton/src/components/field/index.ts b/packages/editor-skeleton/src/components/field/index.ts
index defe151cf7..b81dfd2c9d 100644
--- a/packages/editor-skeleton/src/components/field/index.ts
+++ b/packages/editor-skeleton/src/components/field/index.ts
@@ -1,5 +1,5 @@
import { ReactNode, createElement } from 'react';
-import { IPublicTypeTitleContent } from '@alilc/lowcode-types';
+import { IPublicTypeTitleContent } from '@felce/lowcode-types';
import './index.less';
import { Field, PopupField, EntryField, PlainField } from './fields';
@@ -14,7 +14,11 @@ export interface FieldProps {
[extra: string]: any;
}
-export function createField(props: FieldProps, children: ReactNode, type?: 'accordion' | 'inline' | 'block' | 'plain' | 'popup' | 'entry'): ReactNode {
+export function createField(
+ props: FieldProps,
+ children: ReactNode,
+ type?: 'accordion' | 'inline' | 'block' | 'plain' | 'popup' | 'entry',
+): ReactNode {
if (type === 'popup') {
return createElement(PopupField, props, children);
}
diff --git a/packages/editor-skeleton/src/components/popup/index.tsx b/packages/editor-skeleton/src/components/popup/index.tsx
index 1367723a16..3ba3c5237b 100644
--- a/packages/editor-skeleton/src/components/popup/index.tsx
+++ b/packages/editor-skeleton/src/components/popup/index.tsx
@@ -1,25 +1,24 @@
import { createContext, ReactNode, Component, PureComponent } from 'react';
import { Drawer, ConfigProvider } from '@alifd/next';
-import { uniqueId } from '@alilc/lowcode-utils';
-import { IEventBus, createModuleEventBus } from '@alilc/lowcode-editor-core';
+import { uniqueId } from '@felce/lowcode-utils';
+import { IEventBus, createModuleEventBus } from '@felce/lowcode-editor-core';
import './style.less';
export interface PopupExtProps {
width?: number;
hasMask?: boolean;
trigger?: ReactNode;
- canCloseByOutSideClick?: boolean
+ canCloseByOutSideClick?: boolean;
className?: string;
safeNode?: string[];
}
-interface PopupProps extends PopupExtProps{
- content?: ReactNode,
- title?: ReactNode,
- actionKey?: string
+interface PopupProps extends PopupExtProps {
+ content?: ReactNode;
+ title?: ReactNode;
+ actionKey?: string;
}
-
export const PopupContext = createContext
+ {createValueState(valueState, this.handleClear)}
+ {tipContent}
- )
- }
- { this.body = shell; }} className="lc-field-body">
+ {isAccordion &&
+ )}
+ {
+ this.body = shell;
+ }}
+ className="lc-field-body"
+ >
{children}
{title}
-
) : null;
diff --git a/packages/editor-skeleton/src/components/widget-views/index.tsx b/packages/editor-skeleton/src/components/widget-views/index.tsx
index 7cdff4c014..b06854f223 100644
--- a/packages/editor-skeleton/src/components/widget-views/index.tsx
+++ b/packages/editor-skeleton/src/components/widget-views/index.tsx
@@ -1,6 +1,6 @@
import { Component, ReactElement } from 'react';
import classNames from 'classnames';
-import { Title, observer, HelpTip } from '@alilc/lowcode-editor-core';
+import { Title, observer, HelpTip } from '@felce/lowcode-editor-core';
import { DockProps } from '../../types';
import { PanelDock } from '../../widget/panel-dock';
import { composeTitle } from '../../widget/utils';
@@ -257,7 +257,14 @@ export class TabsPanelView extends Component<{
const contents: ReactElement[] = [];
// 如果只有一个标签且 shouldHideSingleTab 为 true，则不显示 Tabs
if (this.props.shouldHideSingleTab && container.items.length === 1) {
- contents.push({item.content}
;
- if (item.align === 'bottom') {
- bottom.push(content);
- } else {
- top.push(content);
- }
- });
+ area.container.items
+ .slice()
+ .sort((a, b) => {
+ const index1 = a.config?.index || 0;
+ const index2 = b.config?.index || 0;
+ return index1 === index2 ? 0 : index1 > index2 ? 1 : -1;
+ })
+ .forEach((item) => {
+ const content = {item.content}
;
+ if (item.align === 'bottom') {
+ bottom.push(content);
+ } else {
+ top.push(content);
+ }
+ });
return (
{top}
diff --git a/packages/editor-skeleton/src/layouts/left-fixed-pane.tsx b/packages/editor-skeleton/src/layouts/left-fixed-pane.tsx
index a56b449079..a771c2c1f4 100644
--- a/packages/editor-skeleton/src/layouts/left-fixed-pane.tsx
+++ b/packages/editor-skeleton/src/layouts/left-fixed-pane.tsx
@@ -1,12 +1,14 @@
import { Component, Fragment } from 'react';
import classNames from 'classnames';
-import { observer } from '@alilc/lowcode-editor-core';
+import { observer } from '@felce/lowcode-editor-core';
import { Area } from '../area';
import { Panel } from '../widget/panel';
-import { IPublicTypePanelConfig } from '@alilc/lowcode-types';
+import { IPublicTypePanelConfig } from '@felce/lowcode-types';
@observer
-export default class LeftFixedPane extends Component<{ area: Area
- {item.content}
-
- );
- if (item.align === 'center') {
- center.push(content);
- } else if (item.align === 'left') {
- left.push(content);
- } else {
- right.push(content);
- }
- });
+ area.container.items
+ .slice()
+ .sort((a, b) => {
+ const index1 = a.config?.index || 0;
+ const index2 = b.config?.index || 0;
+ return index1 === index2 ? 0 : index1 > index2 ? 1 : -1;
+ })
+ .forEach((item) => {
+ const content = (
+
+ {item.content}
+
+ );
+ if (item.align === 'center') {
+ center.push(content);
+ } else if (item.align === 'left') {
+ left.push(content);
+ } else {
+ right.push(content);
+ }
+ });
let children = [];
if (left && left.length) {
- children.push({left}
);
+ children.push(
+ {left}
,
+ );
}
if (center && center.length) {
- children.push({center}
);
+ children.push(
+ {center}
,
+ );
}
if (right && right.length) {
- children.push({right}
);
+ children.push(
+ {right}
,
+ );
}
- return (
-
- {item.content}
-
- );
- if (item.align === 'center') {
- center.push(content);
- } else if (item.align === 'left') {
- left.push(content);
- } else {
- right.push(content);
- }
- });
+ area.container.items
+ .slice()
+ .sort((a, b) => {
+ const index1 = a.config?.index || 0;
+ const index2 = b.config?.index || 0;
+ return index1 === index2 ? 0 : index1 > index2 ? 1 : -1;
+ })
+ .forEach((item) => {
+ const content = (
+
+ {item.content}
+
+ );
+ if (item.align === 'center') {
+ center.push(content);
+ } else if (item.align === 'left') {
+ left.push(content);
+ } else {
+ right.push(content);
+ }
+ });
return (
{left}
diff --git a/packages/editor-skeleton/src/layouts/workbench.tsx b/packages/editor-skeleton/src/layouts/workbench.tsx
index 1e412ed678..844789b30d 100644
--- a/packages/editor-skeleton/src/layouts/workbench.tsx
+++ b/packages/editor-skeleton/src/layouts/workbench.tsx
@@ -1,5 +1,5 @@
import { Component } from 'react';
-import { TipContainer, observer } from '@alilc/lowcode-editor-core';
+import { TipContainer, observer } from '@felce/lowcode-editor-core';
import classNames from 'classnames';
import { ISkeleton } from '../skeleton';
import TopArea from './top-area';
@@ -12,7 +12,7 @@ import BottomArea from './bottom-area';
import RightArea from './right-area';
import './workbench.less';
import { SkeletonContext } from '../context';
-import { EditorConfig, PluginClassSet } from '@alilc/lowcode-types';
+import { EditorConfig, PluginClassSet } from '@felce/lowcode-types';
@observer
export class Workbench extends Component<{
@@ -29,11 +29,7 @@ export class Workbench extends Component<{
}
render() {
- const {
- skeleton,
- className,
- topAreaItemClassName,
- } = this.props;
+ const { skeleton, className, topAreaItemClassName } = this.props;
return (
+
+An enterprise-class low-code technology stack with scale-out design
+
+[![NPM version][npm-image]][npm-url] [![NPM downloads][download-image]][download-url]
+
+[![][issues-helper-image]][issues-helper-url] [![Issues need help][help-wanted-image]][help-wanted-url]
+
+[![codecov][codecov-image-url]][codecov-url] [](https://github.com/lowcode-workspace/awesome-lowcode-engine)
+
+[npm-image]: https://img.shields.io/npm/v/@felce/lowcode-engine.svg?style=flat-square
+[npm-url]: http://npmjs.org/package/@felce/lowcode-engine
+[download-image]: https://img.shields.io/npm/dm/@felce/lowcode-engine.svg?style=flat-square
+[download-url]: https://npmjs.org/package/@felce/lowcode-engine
+[help-wanted-image]: https://flat.badgen.net/github/label-issues/fe-lce/lowcode-engine/help%20wanted/open
+[help-wanted-url]: https://github.com/fe-lce/lowcode-engine/issues?q=is%3Aopen+is%3Aissue+label%3A%22help+wanted%22
+[issues-helper-image]: https://img.shields.io/badge/using-issues--helper-orange?style=flat-square
+[issues-helper-url]: https://github.com/actions-cool/issues-helper
+[codecov-image-url]: https://codecov.io/gh/fe-lce/lowcode-engine/branch/main/graph/badge.svg
+[codecov-url]: https://codecov.io/gh/fe-lce/lowcode-engine
+
+
+
+[](http://lowcode-engine.cn)
+
+English | [简体中文](./README.md)
+
+## ✨ Features
+
+- 🌈 An extension-oriented kernel engine extracted from an enterprise-level low-code platform, pursuing the design concept of the smallest kernel and the strongest ecology
+- 📦 Out-of-the-box high-quality ecological elements, including material systems, setters, plugins, etc.
+- ⚙️ A complete tool chain, supporting the full-link R&D cycle of ecological elements such as material systems, setters, and plug-ins
+- 🔌 Powerful expansion capability, has supported nearly 100 various vertical low-code platforms
+- 🛡 Developed with TypeScript, providing complete type definition files
+
+## 🎯 Compatible Environments
+
+- Modern browsers (Chrome >= 80, Edge >= 80, last 2 safari versions, last 2 firefox versions)
+
+## 📚 Engine Protocol
+
+The engine fully implements the "LowCodeEngine Basic Construction Protocol Specification" and "LowCodeEngine Material Protocol Specification". The protocol stack is a key part of whether materials in the low-code field can be circulated.
+
+
+
+## 🌰 Usage example
+
+```bash
+npm install @felce/lowcode-engine --save-dev
+```
+
+> **TIPS: Only cdn import is supported, npm package is used to provide code hinting capabilities such as typings**
+
+```ts
+import { init, skeleton } from '@felce/lowcode-engine';
+
+skeleton.add({
+ area: 'topArea',
+ type: 'Widget',
+ name: 'logo',
+ content: YourFantasticLogo,
+ contentProps: {
+ logo: 'https://img.alicdn.com/tfs/TB1_SocGkT2gK0jSZFkXXcIQFXa-66-66.png',
+ href: '/',
+ },
+ props: {
+ align: 'left',
+ width: 100,
+ },
+});
+
+init(document.getElementById('lce'));
+```
+
+### Engineering configuration:
+
+```json
+{
+ "externals": {
+ "@felce/lowcode-engine": "var window.AliLowCodeEngine",
+ "@alilc/lowcode-engine-ext": "var window.AliLowCodeEngineExt"
+ }
+}
+```
+
+### cdn optional method:
+
+#### unpkg
+
+```html
+https://unpkg.com/@felce/lowcode-engine@1.4.0-beta.0/dist/js/engine-core.js
+https://unpkg.com/@felce/lowcode-react-simulator-renderer@1.4.0-beta.0/dist/js/react-simulator-renderer.js
+```
+
+#### npmmirror
+
+```html
+https://registry.npmmirror.com/@felce/lowcode-engine/1.4.0-beta.0/files/dist/js/engine-core.js
+https://registry.npmmirror.com/@felce/lowcode-react-simulator-renderer/1.4.0-beta.0/files/dist/js/react-simulator-renderer.js
+```
+
+#### jsdelivr
+
+```html
+https://cdn.jsdelivr.net/npm/@felce/lowcode-engine@1.4.0-beta.0/dist/js/engine-core.js
+https://cdn.jsdelivr.net/npm/@felce/lowcode-react-simulator-renderer@1.4.0-beta.0/dist/js/react-simulator-renderer.js
+```
+
+#### Method 5: Use your own cdn
+
+Pass the files under packages/engine/dist and packages/react-simulator-renderer/dist in the source code to your cdn provider
+
+## 🔗 Related Links
+
+- [Official website home page](http://lowcode-engine.cn/)
+- [Demo Play Now](http://lowcode-engine.cn/demo) | [Engine Demo Repository](https://github.com/fe-lce/lowcode-demo)
+- [Official Materials](https://github.com/fe-lce/lowcode-materials)
+- [official setter](https://github.com/fe-lce/lowcode-engine-ext)
+- [Official plugin (plugin)](https://github.com/fe-lce/lowcode-plugins)
+- [Ecological elements (materials, setters, plugins) toolchain](https://lowcode-engine.cn/site/docs/guide/expand/editor/cli)
+- [User Documentation](http://lowcode-engine.cn/doc)
+- [API](https://lowcode-engine.cn/site/docs/api/)
+
+This [awesome-lowcode-engine](https://github.com/lowcode-workspace/awesome-lowcode-engine) page links to a repository which records all of the tools\materials\solutions that use or built for the lowcode-engine, PR is welcomed.
+
+## 💻 Local debugging
+
+```bash
+$ git clone git@github.com:fe-lce/lowcode-engine.git
+$ cd lowcode-engine
+$ npm install
+$ npm run setup
+$ npm start
+```
+
+> 📢 npm access speed is slow, Alibaba employees can use tnpm, other students recommend using cnpm or specifying a mirror registry.
+>
+> 📢 Windows environment must use [WSL](https://docs.microsoft.com/en-us/windows/wsl/install), other terminals are not guaranteed to work normally
+
+After lowcode-engine is started, several umd files are provided, which can be debugged in combination with the [lowcode-demo](https://github.com/fe-lce/lowcode-demo) project. Refer to the file proxy rules [here](https://lowcode-engine.cn/site/docs/participate/prepare).
+
+## 🤝 Participation
+
+Please read first:
+
+1. [How to configure the engine debugging environment? ](https://lowcode-engine.cn/site/docs/participate/prepare)
+2. [About the R&D collaboration process of the engine](https://lowcode-engine.cn/site/docs/participate/flow)
+3. [Engineering Configuration of Engine](https://lowcode-engine.cn/site/docs/participate/config)
+
+> Strongly recommend reading ["The Wisdom of Asking Questions"](https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way), ["How to Ask Questions to the Open Source Community"](https: //github.com/seajs/seajs/issues/545) and [How to Report Bugs Effectively](http://www.chiark.greenend.org.uk/%7Esgtatham/bugs-cn.html), [ "How to Submit Unanswerable Questions to Open Source Projects"](https://zhuanlan.zhihu.com/p/25795393), better questions are easier to get help. (This paragraph refers to [antd](https://github.com/ant-design/ant-design))
+
+About Pull Request:
+
+- set the target branch to **develop** other than **main**
+
+## ❤️ Contributors
+
+Special thanks to everyone who contributed to this project.
+
+
+
+
-
- 
-
-
LowCodeEngine
- -
-
-一套面向扩展设计的企业级低代码技术体系
-
-[![NPM version][npm-image]][npm-url] [![NPM downloads][download-image]][download-url]
-
-[![][issues-helper-image]][issues-helper-url] [![Issues need help][help-wanted-image]][help-wanted-url]
-
-[![codecov][codecov-image-url]][codecov-url] [](https://github.com/lowcode-workspace/awesome-lowcode-engine)
-
-[](https://opensource.alibaba.com/contribution_leaderboard/details?projectValue=lowcode-engine)
-
-[npm-image]: https://img.shields.io/npm/v/@alilc/lowcode-engine.svg?style=flat-square
-[npm-url]: http://npmjs.org/package/@alilc/lowcode-engine
-
-[download-image]: https://img.shields.io/npm/dm/@alilc/lowcode-engine.svg?style=flat-square
-[download-url]: https://npmjs.org/package/@alilc/lowcode-engine
-[help-wanted-image]: https://flat.badgen.net/github/label-issues/alibaba/lowcode-engine/help%20wanted/open
-[help-wanted-url]: https://github.com/alibaba/lowcode-engine/issues?q=is%3Aopen+is%3Aissue+label%3A%22help+wanted%22
-
-[issues-helper-image]: https://img.shields.io/badge/using-issues--helper-orange?style=flat-square
-[issues-helper-url]: https://github.com/actions-cool/issues-helper
-
-[codecov-image-url]: https://codecov.io/gh/alibaba/lowcode-engine/branch/main/graph/badge.svg
-[codecov-url]: https://codecov.io/gh/alibaba/lowcode-engine
-
-
-
-[](https://lowcode-engine.cn)
-
-简体中文 | [English](./README.md)
-
-## ✨ 特性
-
-- 🌈 提炼自企业级低代码平台的面向扩展设计的内核引擎，奉行最小内核，最强生态的设计理念
-- 📦 开箱即用的高质量生态元素，包括 物料体系、设置器、插件 等
-- ⚙️ 完善的工具链，支持 物料体系、设置器、插件 等生态元素的全链路研发周期
-- 🔌 强大的扩展能力，已支撑 100+ 个各种类型低代码平台
-- 🛡 使用 TypeScript 开发，提供完整的类型定义文件
-
-## 🎯 兼容环境
-
-- 现代浏览器（Chrome >= 80, Edge >= 80, last 2 safari versions, last 2 firefox versions）
-
-## 📚 引擎协议
-
-引擎完整实现了《低代码引擎搭建协议规范》和《低代码引擎物料协议规范》，协议栈是低代码领域的物料能否流通的关键部分。
-
-
-
-## 🌰 使用示例
-
-```bash
-npm install @alilc/lowcode-engine --save-dev
-```
-
-> **TIPS：仅支持 cdn 方式引入，npm 包用于提供 typings 等代码提示能力**
-
-```ts
-import { init, skeleton } from '@alilc/lowcode-engine';
-
-skeleton.add({
- area: 'topArea',
- type: 'Widget',
- name: 'logo',
- content: YourFantasticLogo,
- contentProps: {
- logo:
- 'https://img.alicdn.com/tfs/TB1_SocGkT2gK0jSZFkXXcIQFXa-66-66.png',
- href: '/',
- },
- props: {
- align: 'left',
- width: 100,
- },
-});
-
-init(document.getElementById('lce'));
-```
-
-### 工程化配置：
-```json
-{
- "externals": {
- "@alilc/lowcode-engine": "var window.AliLowCodeEngine",
- "@alilc/lowcode-engine-ext": "var window.AliLowCodeEngineExt"
- }
-}
-```
-
-### cdn 可选方式：
-#### 方式 1（推荐）：alifd cdn
-```html
-https://alifd.alicdn.com/npm/@alilc/lowcode-engine@1.0.18/dist/js/engine-core.js
-
-https://alifd.alicdn.com/npm/@alilc/lowcode-react-simulator-renderer@1.0.18/dist/js/react-simulator-renderer.js
-```
-
-#### 方式 2（推荐）：uipaas cdn
-```html
-https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine/1.0.18/dist/js/engine-core.js
-
-https://uipaas-assets.com/prod/npm/@alilc/lowcode-react-simulator-renderer/1.0.18/dist/js/react-simulator-renderer.js
-```
-
-#### 方式 3：unpkg
-```html
-https://unpkg.com/@alilc/lowcode-engine@1.0.18/dist/js/engine-core.js
-
-https://unpkg.com/@alilc/lowcode-react-simulator-renderer@1.0.18/dist/js/react-simulator-renderer.js
-```
-
-#### 方式 4：jsdelivr
-```html
-https://cdn.jsdelivr.net/npm/@alilc/lowcode-engine@1.0.18/dist/js/engine-core.js
-
-https://cdn.jsdelivr.net/npm/@alilc/lowcode-react-simulator-renderer@1.0.18/dist/js/react-simulator-renderer.js
-```
-
-#### 方式 5：使用自有 cdn
-将源码中 packages/engine/dist 和 packages/react-simulator-renderer/dist 下的文件传至你的 cdn 提供商
-
-## 🔗 相关链接
-
-- [官网首页](https://lowcode-engine.cn/)
-- [Demo 马上玩](https://lowcode-engine.cn/demo) | [引擎 Demo 仓库](https://github.com/alibaba/lowcode-demo)
-- [官方物料](https://github.com/alibaba/lowcode-materials)
-- [官方设置器（setter）](https://github.com/alibaba/lowcode-engine-ext)
-- [官方插件（plugin）](https://github.com/alibaba/lowcode-plugins)
-- [生态元素（物料、setter、插件）工具链](https://lowcode-engine.cn/site/docs/guide/expand/editor/cli)
-- [用户文档](https://lowcode-engine.cn/doc)
-- [API](https://lowcode-engine.cn/site/docs/api/)
-
-[awesome-lowcode-engine](https://github.com/lowcode-workspace/awesome-lowcode-engine) 中包含了一系列围绕引擎建设的工具、解决方案等，如果你有类似的解决方案或者工具，欢迎提 PR 到该仓库，让更多人了解到
-
-## 💻 本地调试
-
-```bash
-$ git clone git@github.com:alibaba/lowcode-engine.git
-$ cd lowcode-engine
-$ npm install
-$ npm run setup
-$ npm start
-```
-
-> 📢 npm 访问速度较慢，阿里员工可以使用 tnpm，其他同学建议使用 cnpm 或者指定镜像 registry。
->
-> 📢 windows 环境必须使用 [WSL](https://docs.microsoft.com/zh-cn/windows/wsl/install)，其他终端不保证能正常运行
-
-lowcode-engine 启动后，提供了几个 umd 文件，可以结合 [lowcode-demo](https://github.com/alibaba/lowcode-demo) 项目做调试，文件代理规则参考[这里](https://lowcode-engine.cn/site/docs/participate/prepare#2-配置资源代理)。
-
-## 🤝 参与共建
-
-请先阅读：
-1. [如何配置引擎调试环境？](https://lowcode-engine.cn/site/docs/participate/prepare)
-2. [关于引擎的研发协作流程](https://lowcode-engine.cn/site/docs/participate/flow)
-3. [引擎的工程化配置](https://lowcode-engine.cn/site/docs/participate/config)
-
-> 强烈推荐阅读 [《提问的智慧》](https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way)、[《如何向开源社区提问题》](https://github.com/seajs/seajs/issues/545) 和 [《如何有效地报告 Bug》](http://www.chiark.greenend.org.uk/%7Esgtatham/bugs-cn.html)、[《如何向开源项目提交无法解答的问题》](https://zhuanlan.zhihu.com/p/25795393)，更好的问题更容易获得帮助。（此段参考 [antd](https://github.com/ant-design/ant-design)）
-
-关于提交 PR：
-请将目标合并分支设置为 **develop**，不要指定 **main** 分支，在发布正式版本后，develop 分支将会合入 main 分支。
-
-## ❤️ 致谢
-
-感谢所有为引擎项目贡献力量的同学们~
-
-
-
-
-
-
-
-
LowCodeEngine
-An enterprise-class low-code technology stack with scale-out design
+一套面向扩展设计的企业级低代码技术体系
[![NPM version][npm-image]][npm-url] [![NPM downloads][download-image]][download-url]
@@ -16,56 +42,51 @@ An enterprise-class low-code technology stack with scale-out design
[![codecov][codecov-image-url]][codecov-url] [](https://github.com/lowcode-workspace/awesome-lowcode-engine)
-[](https://opensource.alibaba.com/contribution_leaderboard/details?projectValue=lowcode-engine)
-
-[npm-image]: https://img.shields.io/npm/v/@alilc/lowcode-engine.svg?style=flat-square
-[npm-url]: http://npmjs.org/package/@alilc/lowcode-engine
-
-[download-image]: https://img.shields.io/npm/dm/@alilc/lowcode-engine.svg?style=flat-square
-[download-url]: https://npmjs.org/package/@alilc/lowcode-engine
-[help-wanted-image]: https://flat.badgen.net/github/label-issues/alibaba/lowcode-engine/help%20wanted/open
-[help-wanted-url]: https://github.com/alibaba/lowcode-engine/issues?q=is%3Aopen+is%3Aissue+label%3A%22help+wanted%22
-
+[npm-image]: https://img.shields.io/npm/v/@felce/lowcode-engine.svg?style=flat-square
+[npm-url]: http://npmjs.org/package/@felce/lowcode-engine
+[download-image]: https://img.shields.io/npm/dm/@felce/lowcode-engine.svg?style=flat-square
+[download-url]: https://npmjs.org/package/@felce/lowcode-engine
+[help-wanted-image]: https://flat.badgen.net/github/label-issues/fe-lce/lowcode-engine/help%20wanted/open
+[help-wanted-url]: https://github.com/fe-lce/lowcode-engine/issues?q=is%3Aopen+is%3Aissue+label%3A%22help+wanted%22
[issues-helper-image]: https://img.shields.io/badge/using-issues--helper-orange?style=flat-square
[issues-helper-url]: https://github.com/actions-cool/issues-helper
-
-[codecov-image-url]: https://codecov.io/gh/alibaba/lowcode-engine/branch/main/graph/badge.svg
-[codecov-url]: https://codecov.io/gh/alibaba/lowcode-engine
+[codecov-image-url]: https://codecov.io/gh/fe-lce/lowcode-engine/branch/main/graph/badge.svg
+[codecov-url]: https://codecov.io/gh/fe-lce/lowcode-engine
-[](http://lowcode-engine.cn)
+[](https://lowcode-engine.cn)
-English | [简体中文](./packages/engine/README-zh_CN.md)
+简体中文 | [English](packages/engine/README-en_US.md)
-## ✨ Features
+## ✨ 特性
-- 🌈 An extension-oriented kernel engine extracted from an enterprise-level low-code platform, pursuing the design concept of the smallest kernel and the strongest ecology
-- 📦 Out-of-the-box high-quality ecological elements, including material systems, setters, plugins, etc.
-- ⚙️ A complete tool chain, supporting the full-link R&D cycle of ecological elements such as material systems, setters, and plug-ins
-- 🔌 Powerful expansion capability, has supported nearly 100 various vertical low-code platforms
-- 🛡 Developed with TypeScript, providing complete type definition files
+- 🌈 提炼自企业级低代码平台的面向扩展设计的内核引擎，奉行最小内核，最强生态的设计理念
+- 📦 开箱即用的高质量生态元素，包括 物料体系、设置器、插件 等
+- ⚙️ 完善的工具链，支持 物料体系、设置器、插件 等生态元素的全链路研发周期
+- 🔌 强大的扩展能力，已支撑 100+ 个各种类型低代码平台
+- 🛡 使用 TypeScript 开发，提供完整的类型定义文件
-## 🎯 Compatible Environments
+## 🎯 兼容环境
-- Modern browsers (Chrome >= 80, Edge >= 80, last 2 safari versions, last 2 firefox versions)
+- 现代浏览器（Chrome >= 80, Edge >= 80, last 2 safari versions, last 2 firefox versions）
-## 📚 Engine Protocol
+## 📚 引擎协议
-The engine fully implements the "LowCodeEngine Basic Construction Protocol Specification" and "LowCodeEngine Material Protocol Specification". The protocol stack is a key part of whether materials in the low-code field can be circulated.
+引擎完整实现了《低代码引擎搭建协议规范》和《低代码引擎物料协议规范》，协议栈是低代码领域的物料能否流通的关键部分。
-## 🌰 Usage example
+## 🌰 使用示例
```bash
-npm install @alilc/lowcode-engine --save-dev
+npm install @felce/lowcode-engine --save-dev
```
-> **TIPS: Only cdn import is supported, npm package is used to provide code hinting capabilities such as typings**
+> **TIPS：仅支持 cdn 方式引入，npm 包用于提供 typings 等代码提示能力**
```ts
-import { init, skeleton } from '@alilc/lowcode-engine';
+import { init, skeleton } from '@felce/lowcode-engine';
skeleton.add({
area: 'topArea',
@@ -73,8 +94,7 @@ skeleton.add({
name: 'logo',
content: YourFantasticLogo,
contentProps: {
- logo:
- 'https://img.alicdn.com/tfs/TB1_SocGkT2gK0jSZFkXXcIQFXa-66-66.png',
+ logo: 'https://img.alicdn.com/tfs/TB1_SocGkT2gK0jSZFkXXcIQFXa-66-66.png',
href: '/',
},
props: {
@@ -86,93 +106,90 @@ skeleton.add({
init(document.getElementById('lce'));
```
-### Engineering configuration:
+### 工程化配置：
+
```json
{
"externals": {
- "@alilc/lowcode-engine": "var window.AliLowCodeEngine",
+ "@felce/lowcode-engine": "var window.AliLowCodeEngine",
"@alilc/lowcode-engine-ext": "var window.AliLowCodeEngineExt"
}
}
```
-### cdn optional method:
-#### Method 1: alifd cdn
-```html
-https://alifd.alicdn.com/npm/@alilc/lowcode-engine@1.0.18/dist/js/engine-core.js
+### cdn 可选方式：
-https://alifd.alicdn.com/npm/@alilc/lowcode-react-simulator-renderer@1.0.18/dist/js/react-simulator-renderer.js
-```
+#### unpkg
-#### Method 2: uipaas cdn
```html
-https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine/1.0.18/dist/js/engine-core.js
-
-https://uipaas-assets.com/prod/npm/@alilc/lowcode-react-simulator-renderer/1.0.18/dist/js/react-simulator-renderer.js
+https://unpkg.com/@felce/lowcode-engine@1.4.0-beta.0/dist/js/engine-core.js
+https://unpkg.com/@felce/lowcode-react-simulator-renderer@1.4.0-beta.0/dist/js/react-simulator-renderer.js
```
-#### Method 3: unpkg
-```html
-https://unpkg.com/@alilc/lowcode-engine@1.0.18/dist/js/engine-core.js
+#### npmmirror
-https://unpkg.com/@alilc/lowcode-react-simulator-renderer@1.0.18/dist/js/react-simulator-renderer.js
+```html
+https://registry.npmmirror.com/@felce/lowcode-engine/1.4.0-beta.0/files/dist/js/engine-core.js
+https://registry.npmmirror.com/@felce/lowcode-react-simulator-renderer/1.4.0-beta.0/files/dist/js/react-simulator-renderer.js
```
-#### Method 4: jsdelivr
-```html
-https://cdn.jsdelivr.net/npm/@alilc/lowcode-engine@1.0.18/dist/js/engine-core.js
+#### jsdelivr
-https://cdn.jsdelivr.net/npm/@alilc/lowcode-react-simulator-renderer@1.0.18/dist/js/react-simulator-renderer.js
+```html
+https://cdn.jsdelivr.net/npm/@felce/lowcode-engine@1.4.0-beta.0/dist/js/engine-core.js
+https://cdn.jsdelivr.net/npm/@felce/lowcode-react-simulator-renderer@1.4.0-beta.0/dist/js/react-simulator-renderer.js
```
-#### Method 5: Use your own cdn
-Pass the files under packages/engine/dist and packages/react-simulator-renderer/dist in the source code to your cdn provider
+#### 使用自有 cdn
+
+将源码中 packages/engine/dist 和 packages/react-simulator-renderer/dist 下的文件传至你的 cdn 提供商
-## 🔗 Related Links
+## 🔗 相关链接
-- [Official website home page](http://lowcode-engine.cn/)
-- [Demo Play Now](http://lowcode-engine.cn/demo) | [Engine Demo Repository](https://github.com/alibaba/lowcode-demo)
-- [Official Materials](https://github.com/alibaba/lowcode-materials)
-- [official setter](https://github.com/alibaba/lowcode-engine-ext)
-- [Official plugin (plugin)](https://github.com/alibaba/lowcode-plugins)
-- [Ecological elements (materials, setters, plugins) toolchain](https://lowcode-engine.cn/site/docs/guide/expand/editor/cli)
-- [User Documentation](http://lowcode-engine.cn/doc)
+- [官网首页](https://lowcode-engine.cn/)
+- [Demo 马上玩](https://lowcode-engine.cn/demo) | [引擎 Demo 仓库](https://github.com/fe-lce/lowcode-demo)
+- [阿里物料](https://github.com/fe-lce/lowcode-materials)
+- [官方设置器（setter）](https://github.com/fe-lce/lowcode-engine-ext)
+- [官方插件（plugin）](https://github.com/fe-lce/lowcode-plugins)
+- [生态元素（物料、setter、插件）工具链](https://lowcode-engine.cn/site/docs/guide/expand/editor/cli)
+- [用户文档](https://lowcode-engine.cn/doc)
- [API](https://lowcode-engine.cn/site/docs/api/)
-This [awesome-lowcode-engine](https://github.com/lowcode-workspace/awesome-lowcode-engine) page links to a repository which records all of the tools\materials\solutions that use or built for the lowcode-engine, PR is welcomed.
+[awesome-lowcode-engine](https://github.com/lowcode-workspace/awesome-lowcode-engine) 中包含了一系列围绕引擎建设的工具、解决方案等，如果你有类似的解决方案或者工具，欢迎提 PR 到该仓库，让更多人了解到
-## 💻 Local debugging
+## 💻 本地调试
```bash
-$ git clone git@github.com:alibaba/lowcode-engine.git
+$ git clone git@github.com:fe-lce/lowcode-engine.git
$ cd lowcode-engine
$ npm install
$ npm run setup
$ npm start
```
-> 📢 npm access speed is slow, Alibaba employees can use tnpm, other students recommend using cnpm or specifying a mirror registry.
+> 📢 npm 访问速度较慢，建议使用 cnpm 或者指定镜像 registry。
>
-> 📢 Windows environment must use [WSL](https://docs.microsoft.com/en-us/windows/wsl/install), other terminals are not guaranteed to work normally
+> 📢 windows 环境必须使用 [WSL](https://docs.microsoft.com/zh-cn/windows/wsl/install)，其他终端不保证能正常运行
+
+lowcode-engine 启动后，提供了几个 umd 文件，可以结合 [lowcode-demo](https://github.com/fe-lce/lowcode-demo) 项目做调试，文件代理规则参考[这里](https://lowcode-engine.cn/site/docs/participate/prepare#2-配置资源代理)。
-After lowcode-engine is started, several umd files are provided, which can be debugged in combination with the [lowcode-demo](https://github.com/alibaba/lowcode-demo) project. Refer to the file proxy rules [here](https://lowcode-engine.cn/site/docs/participate/prepare).
+## 🤝 参与共建
-## 🤝 Participation
+请先阅读：
-Please read first:
-1. [How to configure the engine debugging environment? ](https://lowcode-engine.cn/site/docs/participate/prepare)
-2. [About the R&D collaboration process of the engine](https://lowcode-engine.cn/site/docs/participate/flow)
-3. [Engineering Configuration of Engine](https://lowcode-engine.cn/site/docs/participate/config)
+1. [如何配置引擎调试环境？](https://lowcode-engine.cn/site/docs/participate/prepare)
+2. [关于引擎的研发协作流程](https://lowcode-engine.cn/site/docs/participate/flow)
+3. [引擎的工程化配置](https://lowcode-engine.cn/site/docs/participate/config)
-> Strongly recommend reading ["The Wisdom of Asking Questions"](https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way), ["How to Ask Questions to the Open Source Community"](https: //github.com/seajs/seajs/issues/545) and [How to Report Bugs Effectively](http://www.chiark.greenend.org.uk/%7Esgtatham/bugs-cn.html), [ "How to Submit Unanswerable Questions to Open Source Projects"](https://zhuanlan.zhihu.com/p/25795393), better questions are easier to get help. (This paragraph refers to [antd](https://github.com/ant-design/ant-design))
+> 强烈推荐阅读 [《提问的智慧》](https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way)、[《如何向开源社区提问题》](https://github.com/seajs/seajs/issues/545) 和 [《如何有效地报告 Bug》](http://www.chiark.greenend.org.uk/%7Esgtatham/bugs-cn.html)、[《如何向开源项目提交无法解答的问题》](https://zhuanlan.zhihu.com/p/25795393)，更好的问题更容易获得帮助。（此段参考 [antd](https://github.com/ant-design/ant-design)）
-About Pull Request:
-- set the target branch to **develop** other than **main**
+关于提交 PR：
+请将目标合并分支设置为 **develop**，不要指定 **main** 分支，在发布正式版本后，develop 分支将会合入 main 分支。
-## ❤️ Contributors
+## ❤️ 致谢
-Special thanks to everyone who contributed to this project.
+感谢所有为引擎项目贡献力量的同学们~
-
+