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: 3 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 (about 3 years ago)
• Default Branch: main
• Last Pushed: 2024-11-19T11:26:20.000Z (2 months ago)
• Last Synced: 2025-01-10T22:06:02.879Z (11 days ago)
• Topics: alibaba, low-code, lowcode
• Language: TypeScript
• Homepage: https://lowcode-engine.cn
• Size: 214 KB
• Stars: 174
• Watchers: 11
• Forks: 128
• Open Issues: 7
• 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 }

            ]

          }

        ],

      }

    }

  },

});

```