Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

An enterprise-class low-code technology stack with scale-out design / 一套面向扩展设计的企业级低代码技术体系

License

Notifications You must be signed in to change notification settings

fe-lce/lowcode-engine

Open more actions menu
 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

LowCodeEngine

一套面向扩展设计的企业级低代码技术体系

NPM version NPM downloads

Issues need help

codecov Awesome

简体中文 | English

✨ 特性

  • 🌈 提炼自企业级低代码平台的面向扩展设计的内核引擎,奉行最小内核,最强生态的设计理念
  • 📦 开箱即用的高质量生态元素,包括 物料体系、设置器、插件 等
  • ⚙️ 完善的工具链,支持 物料体系、设置器、插件 等生态元素的全链路研发周期
  • 🔌 强大的扩展能力,已支撑 100+ 个各种类型低代码平台
  • 🛡 使用 TypeScript 开发,提供完整的类型定义文件

🎯 兼容环境

  • 现代浏览器(Chrome >= 80, Edge >= 80, last 2 safari versions, last 2 firefox versions)

📚 引擎协议

引擎完整实现了《低代码引擎搭建协议规范》和《低代码引擎物料协议规范》,协议栈是低代码领域的物料能否流通的关键部分。

image

🌰 使用示例

npm install @felce/lowcode-engine --save-dev

TIPS:仅支持 cdn 方式引入,npm 包用于提供 typings 等代码提示能力

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'));

工程化配置

{
  "externals": {
    "@felce/lowcode-engine": "var window.AliLowCodeEngine",
    "@felce/lowcode-engine-ext": "var window.AliLowCodeEngineExt"
  }
}

cdn 可选方式

unpkg

https://unpkg.com/@felce/lowcode-engine@1.4.1/dist/js/engine-core.js
<!-- react画布 -->
https://unpkg.com/@felce/lowcode-react-simulator-renderer@1.4.1/dist/js/react-simulator-renderer.js
<!-- vue 画布 -->
https://unpkg.com/@felce/lowcode-vue-simulator-renderer@1.6.0/dist/vue-simulator-renderer.js

npmmirror

✨ 国内用户推荐

https://registry.npmmirror.com/@felce/lowcode-engine/1.4.1/files/dist/js/engine-core.js
<!-- react画布 -->
https://registry.npmmirror.com/@felce/lowcode-react-simulator-renderer/1.4.1/files/dist/js/react-simulator-renderer.js
<!-- vue 画布 -->
https://registry.npmmirror.com/@felce/lowcode-vue-simulator-renderer/1.6.0/files/dist/vue-simulator-renderer.js

jsdelivr

https://cdn.jsdelivr.net/npm/@felce/lowcode-engine@1.4.1/dist/js/engine-core.js
<!-- react画布 -->
https://cdn.jsdelivr.net/npm/@felce/lowcode-react-simulator-renderer@1.4.1/dist/js/react-simulator-renderer.js
<!-- vue 画布 -->
https://cdn.jsdelivr.net/npm/@felce/lowcode-vue-simulator-renderer@1.6.0/dist/react-simulator-renderer.js

🧺渲染器

工具名称 版本 描述
@felce/lowcode-engine-ext NPM version 引擎设置器集
@felce/lowcode-react-renderer-core NPM version React 渲染器核心
@felce/lowcode-react-renderer NPM version React 渲染器
@felce/lowcode-react-simulator-renderer NPM version React 渲染器画布
@felce/lowcode-vue-renderer-core NPM version Vue 渲染器核心
@felce/lowcode-vue-renderer NPM version Vue 渲染器
@felce/lowcode-vue-simulator-renderer NPM version Vue 渲染器画布

🔗 相关链接

awesome-lowcode-engine 中包含了一系列围绕引擎建设的工具、解决方案等,如果你有类似的解决方案或者工具,欢迎提 PR 到该仓库,让更多人了解到

💻 本地调试

git clone git@github.com:fe-lce/lowcode-engine.git
cd lowcode-engine
npm install
npm run setup
npm start

📢 npm 访问速度较慢,建议使用 cnpm 或者指定镜像 registry。

📢 windows 环境必须使用 WSL,其他终端不保证能正常运行

lowcode-engine 启动后,提供了几个 umd 文件,可以结合 lowcode-demo 项目做调试,文件代理规则参考这里

🤝 参与共建

请先阅读:

  1. 如何配置引擎调试环境?
  2. 关于引擎的研发协作流程
  3. 引擎的工程化配置

强烈推荐阅读 《提问的智慧》《如何向开源社区提问题》《如何有效地报告 Bug》《如何向开源项目提交无法解答的问题》,更好的问题更容易获得帮助。(此段参考 antd

关于提交 PR: 请将目标合并分支设置为 develop,不要指定 main 分支,在发布正式版本后,develop 分支将会合入 main 分支。

计划

当前主要任务:

  • 修复积压问题
  • 修改namespace
  • 支持自定义workbentch
  • 升级到react18
  • 升级build-scripts(或者替换成vite)
  • 合并vue画布和renderer到工程内部
  • 核心模块重构,实现框架无关
  • 独立内置插件,实现自定义加载
  • 独立settings插件
  • 优化渲染性能

声明

本工程 fork 于alibaba/lowcode-engine (2024 年 9 月 6 日 v1.3.2)。

联系方式

微信搜索 kunsile-002 添加我的微信,或者扫码加群:

❤️ 致谢

感谢所有为引擎项目贡献力量的同学们~

About

An enterprise-class low-code technology stack with scale-out design / 一套面向扩展设计的企业级低代码技术体系

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 95.2%
  • Less 3.5%
  • HTML 0.6%
  • JavaScript 0.5%
  • SCSS 0.1%
  • Shell 0.1%
Morty Proxy This is a proxified and sanitized view of the page, visit original site.