https://github.com/alibaba/lowcode-engine-ext
An enterprise-class low-code technology stack with scale-out design / 一套面向扩展设计的企业级低代码技术体系
https://github.com/alibaba/lowcode-engine-ext
alibaba low-code lowcode
Last synced: 8 days ago
JSON representation
An enterprise-class low-code technology stack with scale-out design / 一套面向扩展设计的企业级低代码技术体系
- Host: GitHub
- URL: https://github.com/alibaba/lowcode-engine-ext
- Owner: alibaba
- License: mit
- Created: 2021-12-30T15:58:03.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2025-02-11T06:33:00.000Z (2 months ago)
- Last Synced: 2025-04-07T03:02:46.999Z (16 days ago)
- Topics: alibaba, low-code, lowcode
- Language: TypeScript
- Homepage: https://lowcode-engine.cn
- Size: 218 KB
- Stars: 182
- Watchers: 10
- Forks: 132
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
### @alilc/lowcode-engine-ext
### 简介
lowcode-engine-ext 是阿里低代码引擎官方提供的 setter 和 setter 必须依赖的插件集合
setter(设置器) 是用来展示每个物料的属性，[setter使用说明手册](https://www.yuque.com/lce/doc/cl03wo_nmhznb) [官方setter列表说明](https://www.yuque.com/lce/doc/oc220p#fl46)
### 使用方式
使用 CDN 方式引用，下方是官方提供的两个稳定 CDN
#### 方式 1：alifd cdn
1: alifd cdn
```html
https://alifd.alicdn.com/npm/@alilc/[email protected]/dist/css/engine-ext.css
https://alifd.alicdn.com/npm/@alilc/[email protected]/dist/js/engine-ext.js
```
#### 方式 2: uipaas cdn
```html
https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine-ext/1.0.5/dist/css/engine-ext.css
https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine-ext/1.0.5/dist/js/engine-ext.js
```
#### 拓展变量绑定面板
通过传入extraDataMap拓展属性绑定面板
```typescript
ctx.skeleton.add({
area: 'centerArea',
type: 'Widget',
content: pluginMap.VariableBindDialog,
name: 'variableBindDialog',
props: {
getSchema: () => editorController.getSchema(),
// 拓展变量绑定
extraDataMap: {
props: {
name: 'Props', // 变量组展示名
key: 'props', // 属性名，例如 this.props
getChildren: () => [
{
label: 'prop1',
value: 'value1',
},
{
label: 'prop2',
children: [
{ label: 'propxxx', value: 1 }
]
}
],
}
}
},
});
```