# 低代码二开工具

**Repository Path**: fan-tienan/dumbbell

## Basic Information

- **Project Name**: 低代码二开工具
- **Description**: 将阿里低代码引擎的schema，转换为react函数组件并且可进行二次开发的源码，源码将脱离低代码引擎成为”干净的“react项目。
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: https://static.tietie-leet.cn/stsc-docs/index.html
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2022-09-11
- **Last Updated**: 2023-06-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: lowcode, React, TypeScript, rush

## README

# Dumbbell

> 低代码二次开发工具，将阿里低代码引擎的 schema，转换为 react 函数组件并且可进行二次开发的源码，源码将脱离低代码引擎成为 ”干净的“ react 项目。

项目代码是基于 rush+pnpm 的多包项目，请参考：

- [rush](https://rushjs.io/zh-cn/pages/intro/welcome/)
- [pnpm](https://pnpm.io/zh/motivation)

## 存在的意义

解决以下痛点：

- 导出的源码，绝大部分代码对于二次开发来说都是都是黑盒。
- 导出的源码是`react`类组件且`react`版本是 `16.x`。
- 导出的源码项目，使用 yarn 或者 pnpm 初始化会报错，只能使用 npm。
- 要运行导出的源码项目，就必须依赖低代码引擎相关的依赖，并不是真正意义上的“源码项目”。

## 使用方法

> 目前处于开发阶段功能还不稳定，此期间会频发布

```bash
$ npx stsc
```

配置文件

```ts
import { resolve } from 'node:path';
import { defineConfig } from '../packages/stsc/src';

export default defineConfig({
  schemaFile: './lc-config/schema.json',
  assetsFile: './lc-config/assets.json',
  entryHtmlFile: './index.html',
});
```

- 从 scheam

![image](./code-image/schema.png)

- 到源码

![image](./code-image/component.png)

![image](./code-image/use-internal-state.png)

## 测试

使用[Vitest](https://github.com/vitest-dev/vitest)作为测试框架，可以查看测试用例了解功能：

```bash
$ cd packages/stsc
$ rushx test
```

## 示例

示例代码目录 example，可以在此项目进行调试。