diff --git a/.github/workflows/publish docs.yml b/.github/workflows/publish docs.yml
new file mode 100644
index 000000000..dcbeec384
--- /dev/null
+++ b/.github/workflows/publish docs.yml
@@ -0,0 +1,51 @@
+name: Update and Publish Docs
+
+on:
+ push:
+ branches:
+ - develop
+ paths:
+ - 'docs/**'
+
+jobs:
+ publish-docs:
+ runs-on: ubuntu-latest
+ steps:
+ - uses: actions/checkout@v2
+ - name: Setup Node.js
+ uses: actions/setup-node@v2
+ with:
+ node-version: '14'
+ registry-url: 'https://registry.npmjs.org'
+ - run: cd docs && npm install
+ - run: |
+ cd docs
+ npm version patch
+ git config --local user.email "action@github.com"
+ git config --local user.name "GitHub Action"
+ git add package.json
+ git commit -m "Update package version"
+ git push
+ - run: cd docs && npm publish
+ env:
+ NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+ - name: Get version
+ id: get_version
+ run: echo "::set-output name=version::$(node -p "require('./docs/package.json').version")"
+
+ comment-pr:
+ needs: publish-docs
+ runs-on: ubuntu-latest
+ steps:
+ - name: Comment on PR
+ if: github.event_name == 'pull_request' && github.event.action == 'closed' && github.event.pull_request.merged == true
+ uses: actions/github-script@v4
+ with:
+ github-token: ${{ secrets.GITHUB_TOKEN }}
+ script: |
+ github.issues.createComment({
+ issue_number: context.issue.number,
+ owner: context.repo.owner,
+ repo: context.repo.repo,
+ body: '🚀 New version has been released: ' + '${{ needs.publish-docs.outputs.version }}'
+ })
\ No newline at end of file
diff --git a/docs/docs/guide/expand/editor/theme.md b/docs/docs/guide/expand/editor/theme.md
index f2ef1ee93..6854832e0 100644
--- a/docs/docs/guide/expand/editor/theme.md
+++ b/docs/docs/guide/expand/editor/theme.md
@@ -50,7 +50,6 @@ sidebar_position: 9
- `--color-text-dark`: 文字颜色(dark)
- `--color-text-light`: 文字颜色(light)
- `--color-text-reverse`: 反色情况下，文字颜色
-- `--color-text-regular`: 文字颜色(regular)
- `--color-text-disabled`: 禁用态文字颜色
#### 字段和边框颜色
@@ -109,10 +108,20 @@ sidebar_position: 9
#### 其他变量
- `--workspace-sub-top-area-height`: 应用级二级 topArea 高度
+- `--top-area-height`: 顶部区域的高度
- `--workspace-sub-top-area-margin`: 应用级二级 topArea margin
- `--workspace-sub-top-area-padding`: 应用级二级 topArea padding
- `--workspace-left-area-width`: 应用级 leftArea width
- `--left-area-width`: leftArea width
+- `--simulator-top-distance`: simulator 距离容器顶部的距离
+- `--simulator-bottom-distance`: simulator 距离容器底部的距离
+- `--simulator-left-distance`: simulator 距离容器左边的距离
+- `--simulator-right-distance`: simulator 距离容器右边的距离
+- `--toolbar-padding`: toolbar 的 padding
+- `--toolbar-height`: toolbar 的高度
+- `--pane-title-height`: 面板标题高度
+- `--pane-title-font-size`: 面板标题字体大小
+- `--pane-title-padding`: 面板标题边距
diff --git a/docs/docs/participate/config.md b/docs/docs/participate/config.md
deleted file mode 100644
index 1d70a7a89..000000000
--- a/docs/docs/participate/config.md
+++ /dev/null
@@ -1,88 +0,0 @@
----
-title: 工程化配置
-sidebar_position: 3
----
-目前引擎体系共包含 2 个 js 文件 (配套 2 个 css)，即：
-
-
-```html
-
-
-
-
-
-
-
-
-
-```
-
-> 注，这里的版本号是示例，请尽量选用最新版
-
-工程化配置我们进行了统一，具体如下：
-```shell
-{
- "entry": {
- ...
- },
- "library": "...",
- "libraryTarget": "umd",
- "externals": {
- "react": "var window.React",
- "react-dom": "var window.ReactDOM",
- "prop-types": "var window.PropTypes",
- "@alilc/lowcode-engine": "var window.AliLowCodeEngine",
- "@alilc/lowcode-engine-ext": "var window.AliLowCodeEngineExt",
- "moment": "var moment",
- "lodash": "var _",
- "@alifd/next": "var Next"
- },
- "polyfill": false,
- "outputDir": "dist",
- "vendor": false,
- "ignoreHtmlTemplate": true,
- "sourceMap": true,
- "plugins": [
- "build-plugin-react-app",
- ["build-plugin-fusion", {
- }],
- ["build-plugin-moment-locales", {
- "locales": ["zh-CN"]
- }],
- "./build.plugin.js"
- ]
-}
-
-```
-总结一下，有 2 点：
-
-1. **都不包含 polyfill，**需要应用级别单独引入 polyfill，推荐动态 polyfill
-2. **都不包含 lodash / moment / next**
-
-
-#### 前置依赖资源：
-```html
-
-
-
-
-
-
-```
-
-
-#### 所有资源：
-```html
-
-
-
-
-
-
-
-
-
-
-
-
-```
diff --git a/docs/docs/participate/doc.md b/docs/docs/participate/doc.md
deleted file mode 100644
index 1e19918db..000000000
--- a/docs/docs/participate/doc.md
+++ /dev/null
@@ -1,25 +0,0 @@
----
-title: 参与文档贡献
-sidebar_position: 3
----
-
-## 基本原则
-
-### 维护方式
-
-- 官方文档通过 github 管理文档源，官网文档与[主仓库 develop 分支](https://github.com/alibaba/lowcode-engine/tree/develop/docs)保持同步。
-- 点击每篇文档下发的 `编辑此页` 可直接定位到 github 中位置。
-- 欢迎 PR，文档 PR 也会作为贡献者贡献，会用于贡献度统计。
-- **文档同步到官方网站由官方人员进行操作**，如有需要可以通过 issue 或 贡献者群与相关人员沟通。
-- 为了提供更好的阅读和使用体验，文档中的图片文件会定期转换成可信的 CDN 地址。
-
-### PR 提交注意事项
-
-- 指向 develop 分支。
-- 涉及到图片的，需附在文档同级的 img 目录下，通过相对地址引用。
-
-### 文档格式
-
-本项目文档参考[文档编写指南](https://github.com/sparanoid/chinese-copywriting-guidelines)。
-
-使用 vscode 进行编辑的朋友可以安装 vscode 插件 [huacnlee.autocorrect](https://github.com/huacnlee/autocorrect) 辅助文档 lint。
diff --git a/docs/docs/participate/index.md b/docs/docs/participate/index.md
index ea87651ff..4540fa640 100644
--- a/docs/docs/participate/index.md
+++ b/docs/docs/participate/index.md
@@ -1,31 +1,126 @@
---
-title: 贡献者指南
+title: 参与贡献
sidebar_position: 0
---
-### 首个 Pull Request
-在写第一个 Pull Request？你可以从这一系列视频中学习怎么做：
-[How to Contribute to an Open Source Project on GitHub](https://egghead.io/courses/how-to-contribute-to-an-open-source-project-on-github)
+
+### 环境准备
+
+开发 LowcodeEngine 需要 Node.js 16+。
+
+推荐使用 nvm 管理 Node.js，避免权限问题的同时，还能够随时切换当前使用的 Node.js 的版本。
+
+### 贡献低代码引擎
+
+#### clone 项目
+
+```
+git clone git@github.com:alibaba/lowcode-engine.git
+cd lowcode-engine
+```
+
+#### 安装依赖并构建
+
+```
+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",
+ "http://localhost:5555/js/AliLowCodeEngine.js"
+ ],
+ [
+ "https://uipaas-assets.com/prod/npm/@alilc/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",
+ "http://localhost:5555/js/ReactSimulatorRenderer.js"
+ ],
+ [
+ "https?://uipaas-assets.com/prod/npm/@alilc/lowcode-engine/(.*)/dist/css/react-simulator-renderer.css",
+ "http://localhost:5555/css/ReactSimulatorRenderer.css"
+ ],
+ [
+ "https?://uipaas-assets.com/prod/npm/@alilc/lowcode-engine/(.*)/dist/js/rax-simulator-renderer.js",
+ "http://localhost:5555/js/RaxSimulatorRenderer.js"
+ ],
+ [
+ "https?://uipaas-assets.com/prod/npm/@alilc/lowcode-engine/(.*)/dist/css/rax-simulator-renderer.css",
+ "http://localhost:5555/css/RaxSimulatorRenderer.css"
+ ],
+ ]
+}
+```
+
+#### 开发
+
+```
+npm start
+```
+
+选择一个环境进行调试，例如[低代码引擎在线 DEMO](https://lowcode-engine.cn/demo/demo-general/index.html)
+
+开启代理之后，就可以进行开发调试了。
+
+
+### 贡献低代码引擎文档
+
+#### 开发文档
+
+在 lowcode-engine 目录下执行下面命令
+```
+cd docs
+
+npm start
+```
+
+#### 维护方式
+- 官方文档通过 github 管理文档源，官网文档与[主仓库 develop 分支](https://github.com/alibaba/lowcode-engine/tree/develop/docs)保持同步。
+- 点击每篇文档下发的 `编辑此页` 可直接定位到 github 中位置。
+- 欢迎 PR，文档 PR 也会作为贡献者贡献，会用于贡献度统计。
+- **文档同步到官方网站由官方人员进行操作**，如有需要可以通过 issue 或 贡献者群与相关人员沟通。
+- 为了提供更好的阅读和使用体验，文档中的图片文件会定期转换成可信的 CDN 地址。
+
+#### 文档格式
+
+本项目文档参考[文档编写指南](https://github.com/sparanoid/chinese-copywriting-guidelines)。
+
+使用 vscode 进行编辑的朋友可以安装 vscode 插件 [huacnlee.autocorrect](https://github.com/huacnlee/autocorrect) 辅助文档 lint。
+
+
+### 贡献低代码引擎生态
+
+相关源码详见[NPM 包对应源码位置汇总](/site/docs/guide/appendix/npms)
+
+开发调试方式详见[低代码生态脚手架 & 调试机制](/site/docs/guide/expand/editor/cli)
+
+### 发布
+
+PR 被合并之后，我们会尽快发布相关的正式版本或者 beta 版本。
+
+### 加入 Contributor 群
+提交过 Bugfix 或 Feature 类 PR 的同学，如果有兴趣一起参与维护 LowcodeEngine，我们提供了一个核心贡献者交流群。
+
+1. 可以通过[填写问卷](https://survey.taobao.com/apps/zhiliao/4YEtu9gHF)的方式，参与到其中。
+2. 填写问卷后加微信号 `wxidvlalalalal` （注明 github id）我们会拉你到群里。
+
+如果你不知道可以贡献什么，可以到源码里搜 TODO 或 FIXME 找找。
为了使你能够快速上手和熟悉贡献流程，我们这里有个列表 [good first issues](https://github.com/alibaba/lowcode-engine/issues?q=is:open+is:issue+label:%22good+first+issue%22)，里面有相对没那么笼统的漏洞，从这开始是个不错的选择。
-如果你想解决一个 issue，请确定检查了该 issue 下的评论以防有人正在处理它。如果目前没人在处理该 issue，那么请留下评论去表明你想处理该 issue 以便其他人不会意外重复你的工作。
+### PR 提交注意事项
-如果有人留言表明要处理该 issue 但是超过两周没有跟进，你可以接手工作，不过也应该留言说明。
-
-### 提交 Pull Request
-核心团队时刻关注 pull requests，我们会先评审你的 pull request，之后可能会合并，可能会要求再次更改，也可能会关闭该 pull request 并对此作出解释。我们会尽力全程更新和反馈。
-
-**提交 pull request 前**，请确保完成以下步骤：
-
-1. Fork [此仓库](https://github.com/alibaba/lowcode-engine)，从 main 创建分支。
-2. 在仓库根目录下执行 yarn。
-3. 如果你修复了 bug 或者添加了代码，而这些内容需要测试，请添加测试！
-4. 确保通过测试套件（yarn test）。
-5. 请签订贡献者许可证协议（Contributor License Agreement）。
- > 如已签署 CLA 仍被提示需要签署，[解决办法](/site/docs/faq/faq021)
-
-### 核心贡献者交流
-如果你想长期参与到项目维护中，我们提供了一个核心贡献者交流群。
-
-1. 可以通过[填写问卷](https://survey.taobao.com/apps/zhiliao/4YEtu9gHF)的方式，参与到其中。
-2. 填写问卷后加微信号 `wxidvlalalalal` 说明一下。
+- lowcode-engine 仓库建议从 develop 创建分支，PR 指向 develop 分支。
+- 其他仓库从 main 分支创建分支，PR 指向 main 分支
+- 如果你修复了 bug 或者添加了代码，而这些内容需要测试，请添加测试！
+- 确保通过测试套件（yarn test）。
+- 请签订贡献者许可证协议（Contributor License Agreement）。
+ > 如已签署 CLA 仍被提示需要签署，[解决办法](/site/docs/faq/faq021)
\ No newline at end of file
diff --git a/docs/docs/participate/prepare.md b/docs/docs/participate/prepare.md
deleted file mode 100644
index acb0947f2..000000000
--- a/docs/docs/participate/prepare.md
+++ /dev/null
@@ -1,64 +0,0 @@
----
-title: 调试环境配置
-sidebar_position: 1
----
-低代码引擎的核心仓库是不包含任何物料、插件、setter 的，它本身用于生成低代码引擎的主包。
-
-如果您需要对低代码的主包进行开发和调试，需要用到本文里介绍的知识。
-
-如果您需要对低代码编辑器进行定制，您可能只需要 clone [lowcode-demo 项目](https://github.com/alibaba/lowcode-demo)并进行修改，参考“[配置低代码扩展点](/site/docs/guide/expand/editor/summary)”章节。
-
-> 前置条件：
-> node 推荐使用 16.18.0（14.x 也可以）
-
-### 1. 拉取代码，启动项目
-```bash
-git clone git@github.com:alibaba/lowcode-engine.git
-cd lowcode-engine
-npm install && npm run setup
-npm start
-
-
-git clone git@github.com:alibaba/lowcode-demo.git
-cd lowcode-demo
-npm install && npm start
-```
-
-### 2. 配置资源代理
-本质上是将 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",
- "http://localhost:5555/js/AliLowCodeEngine.js"
- ],
- [
- "https://uipaas-assets.com/prod/npm/@alilc/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",
- "http://localhost:5555/js/ReactSimulatorRenderer.js"
- ],
- [
- "https?://uipaas-assets.com/prod/npm/@alilc/lowcode-engine/(.*)/dist/css/react-simulator-renderer.css",
- "http://localhost:5555/css/ReactSimulatorRenderer.css"
- ],
- [
- "https?://uipaas-assets.com/prod/npm/@alilc/lowcode-engine/(.*)/dist/js/rax-simulator-renderer.js",
- "http://localhost:5555/js/RaxSimulatorRenderer.js"
- ],
- [
- "https?://uipaas-assets.com/prod/npm/@alilc/lowcode-engine/(.*)/dist/css/rax-simulator-renderer.css",
- "http://localhost:5555/css/RaxSimulatorRenderer.css"
- ],
- ]
-}
-```
-
-### 3. 本地调试物料/插件/设置器
-
-详见[低代码生态脚手架 & 调试机制](/site/docs/guide/expand/editor/cli)
diff --git a/docs/package.json b/docs/package.json
index d5d42cf96..f175552e5 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -1,6 +1,6 @@
{
"name": "@alilc/lowcode-engine-docs",
- "version": "1.2.4",
+ "version": "1.2.8",
"description": "低代码引擎版本化文档",
"license": "MIT",
"files": [
diff --git a/packages/designer/src/builtin-simulator/host.less b/packages/designer/src/builtin-simulator/host.less
index 7130c4297..9a00963f2 100644
--- a/packages/designer/src/builtin-simulator/host.less
+++ b/packages/designer/src/builtin-simulator/host.less
@@ -73,10 +73,10 @@
}
&-device-default {
- top: 16px;
- right: 16px;
- bottom: 16px;
- left: 16px;
+ top: var(--simulator-top-distance, 16px);
+ right: var(--simulator-right-distance, 16px);
+ bottom: var(--simulator-bottom-distance, 16px);
+ left: var(--simulator-left-distance, 16px);
width: auto;
box-shadow: 0 1px 4px 0 var(--color-block-background-shallow, rgba(31, 50, 88, 0.125));
}
diff --git a/packages/editor-skeleton/src/layouts/theme.less b/packages/editor-skeleton/src/layouts/theme.less
index 716ab3a99..78c6fa5fd 100644
--- a/packages/editor-skeleton/src/layouts/theme.less
+++ b/packages/editor-skeleton/src/layouts/theme.less
@@ -27,7 +27,6 @@
--color-text-dark: darken(@dark-alpha-3, 10%);
--color-text-light: lighten(@dark-alpha-3, 10%);
--color-text-reverse: @white-alpha-2;
- --color-text-regular: @normal-alpha-2;
--color-text-disabled: @gray-light;
--color-field-label: @dark-alpha-4;
@@ -87,4 +86,5 @@
--color-function-error-light: lighten(@brand-danger, 10%);
--color-function-purple: rgb(144, 94, 190);
--color-function-brown: #7b605b;
+ --color-text-regular: @normal-alpha-2;
}
diff --git a/packages/editor-skeleton/src/layouts/workbench.less b/packages/editor-skeleton/src/layouts/workbench.less
index 565b6f07d..596ea69f6 100644
--- a/packages/editor-skeleton/src/layouts/workbench.less
+++ b/packages/editor-skeleton/src/layouts/workbench.less
@@ -66,16 +66,16 @@ body {
}
}
> .lc-panel-title {
- height: 48px;
- font-size: 16px;
- padding: 0 15px;
+ height: var(--pane-title-height, 48px);
+ font-size: var(--pane-title-font-size, 16px);
+ padding: var(--pane-title-padding, 0 15px);
color: var(--color-title, #0f1726);
font-weight: bold;
}
.lc-panel-body {
position: absolute;
- top: 48px;
+ top: var(--pane-title-height, 48px);
bottom: 0;
left: 0;
right: 0;
@@ -234,7 +234,7 @@ body {
.lc-pane-icon-close {
position: absolute;
right: 16px;
- top: 14px;
+ top: calc(var(--pane-title-height, 48px) / 2 - 10px);
height: auto;
z-index: 2;
.next-icon {
@@ -247,7 +247,7 @@ body {
.lc-pane-icon-float {
position: absolute;
right: 38px;
- top: 14px;
+ top: calc(var(--pane-title-height, 48px) / 2 - 10px);
height: auto;
z-index: 2;
svg {
@@ -367,7 +367,7 @@ body {
display: flex;
height: var(--toolbar-height);
background-color: var(--color-toolbar-background, var(--color-pane-background));
- padding: 8px 16px;
+ padding: var(--toolbar-padding, 8px 16px);
.lc-toolbar-center {
display: flex;
justify-content: center;
@@ -457,7 +457,7 @@ body {
display: flex;
height: var(--toolbar-height);
background-color: var(--color-toolbar-background, var(--color-pane-background));
- padding: 8px 16px;
+ padding: var(--toolbar-padding, 8px 16px);
.lc-toolbar-center {
display: flex;
justify-content: center;
diff --git a/packages/types/src/shell/type/widget-base-config.ts b/packages/types/src/shell/type/widget-base-config.ts
index edddf2d68..b23ba0f13 100644
--- a/packages/types/src/shell/type/widget-base-config.ts
+++ b/packages/types/src/shell/type/widget-base-config.ts
@@ -15,6 +15,11 @@ export interface IPublicTypeWidgetBaseConfig {
props?: Record;
content?: any;
contentProps?: Record;
+
+ /**
+ * 优先级，值越小，优先级越高，优先级高的会排在前面
+ */
+ index?: number;
}
export interface IPublicTypePanelDockConfig extends IPublicTypeWidgetBaseConfig {