Merge branch 'develop' of https://github.com/betterdancing/tiny-engine into feat/chart-options-configurator

Author: betterdancing

.github/workflows/deploy-gh-pages.yml

@@ -3,6 +3,16 @@ name: Deploy to GitHub Pages
 on:
   push:
     branches: [develop]
+  workflow_dispatch:
+    inputs:
+      environment:
+        description: 'Backend environment'
+        required: true
+        default: 'alpha'
+        type: choice
+        options:
+          - alpha
+          - production
 
 jobs:
   deploy-gh-pages:
@@ -31,14 +41,17 @@ jobs:
 
       - name: add environment variable
         run: |
-          cat <<'EOF' >> designer-demo/env/.env.alpha
-          // ---- appended by CI (gh-pages) ----
-          VITE_ORIGIN=https://agent.opentiny.design/
+          ENV=${{ github.event.inputs.environment || 'alpha' }}
+          VITE_ORIGIN_URL="https://agent-alpha.opentiny.design/"
+          if [ "$ENV" = "production" ]; then
+            VITE_ORIGIN_URL="https://agent.opentiny.design/"
+          fi
+          cat <<EOF >> designer-demo/env/.env.alpha
+          # ---- appended by CI (gh-pages) ----
+          VITE_ORIGIN=$VITE_ORIGIN_URL
           EOF
-      - name: change material url
-        run: |
-          sed -i "s#material: \['/mock/bundle.json'\]#material: \['https://opentiny.github.io/tiny-engine/mock/bundle.json'\]#g" designer-demo/engine.config.js
-          echo "Updated material url in designer-demo/engine.config.js"
+          echo "DEPLOY_ENV=$ENV"
+          echo "VITE_ORIGIN_URL=$VITE_ORIGIN_URL"
       - name: Run Build
         run: |
           set -eo pipefail

designer-demo/engine.config.js

@@ -1,7 +1,7 @@
 export default {
   id: 'engine.config',
   theme: 'light',
-  material: ['/mock/bundle.json'],
+  material: ['./mock/bundle.json'],
   scripts: [],
   styles: [],
   // 是否开启 TailWindCSS 特性

designer-demo/package.json

@@ -5,6 +5,7 @@
   "type": "module",
   "scripts": {
     "dev": "cross-env vite",
+    "dev:withAuth": "cross-env VITE_AUTH=true vite",
     "build:alpha": "cross-env NODE_OPTIONS=--max-old-space-size=10240 vite build --mode alpha",
     "build": "cross-env NODE_OPTIONS=--max-old-space-size=10240 vite build",
     "test": "vitest run",

docs/development-getting-started/debugging-of-java-backend.md

@@ -2,9 +2,10 @@
 
 本篇主要介绍在本地启动TinyEngine前端并对接本地Java版本后端方式（默认为前端使用mockServer方式）进行开发联调。
 
-Tips：
-- 对接Node.js版本服务端与Java版本服务端过程类似。另外Node.js版本后续不再进行新特性开发，只维护基础功能，建议使用Java版本服务端。
-- 本篇以Clone前端源码方式启动为例，使用CLI创建新设计器启动前端方式对接后端与之类似。
+**Tips:**
+
+- 对接 Node.js 版本服务端与 Java 版本服务端过程类似。另外 Node.js 版本后续不再进行新特性开发，只维护基础功能，建议使用 Java 版本服务端。
+- 本篇以 Clone 前端源码方式启动为例，使用 CLI 创建新设计器启动前端方式对接后端与之类似。
 
 ## 启动前的准备
 
@@ -13,85 +14,106 @@ Tips：
 
 ## 启动服务
 
-### 1.前端启动
 
-- 把前端项目工程导入 vscode 后下载依赖，进入项目根目录下执行  `pnpm i`
+### 1.后端启动
 
-- 在项目根目录下执行构建`pnpm run setup`
+#### 1.1 新建数据库
+首先新建 MySQL 数据库连接，以 Navicat 为例：
 
-- 修改文件配置
+选择“新建连接”->“MySQL”->“下一步”->输入连接名称、用户名、密码->“测试连接”->“确定”
 
-修改`tiny-engine/designer-demo/env/.env.development`中的 VITE_ORIGIN 变量为自己本地的服务端地址端口
+如下图所示
 
-![](./imgs/java-debugging-image33.png)
+![](./imgs/java-debugging-image36.png)
 
-修改`tiny-engine/designer-demo/engine.config.js`中的 material 获取物料组件
+继续新建数据库：
+“新建数据库”->输入数据库名称
 
-![](./imgs/java-debugging-image34.png)
+如下图所示
 
-- 在项目根目录下执行启动`pnpm run serve:frontend`
+![](./imgs/java-debugging-image37.png)
 
-出现如下图所示表示启动成功，启动成功后浏览器会自动打开设计器页面
+#### 1.2 执行 SQL 文件导入数据库表与基础数据
 
-![](./imgs/java-debugging-image35.png)
+**在按照上述操作后的新建的数据库名称上右键选择“运行 SQL 文件”->在文件项选择下面两个 SQL 文件导入运行**
 
-### 2.后端启动
+如下图所示
 
-#### 新建数据库
+![](./imgs/java-debugging-image38.png)
 
-**步骤 1 鼠标右键选择“新建连接”->“MySQL”->“下一步”->输入连接名称、用户名、密码->“测试连接”->“确定”**
+执行以下 SQL 文件去创建设计器涉及的表（按照序号依次导入执行），目录如下:
 
-如下图所示
+`tiny-engine-backend-java/app/src/main/resources/sql/mysql/*.sql`
 
-![](./imgs/java-debugging-image36.png)
 
-**步骤二 在步骤一新建的连接上右键选择“新建数据库”->输入数据库名称**
+执行以下 SQL 文件去添加表的基础数据（按照日期依次导入执行），目录如下：
 
-如下图所示
+`tiny-engine-backend-java/app/src/main/resources/sql/mysql/init_data*.sql`
 
-![](./imgs/java-debugging-image37.png)
+**Tips:** 多条 SQL 依次导入比较麻烦，可以拼接成一条 SQL 一次性导入该 SQL：
 
-#### 执行脚本文件
+```sh
+cd docker-deploy-data/mysql/init
+cat ./*.sql > complete.sql
+# 导入complete.sql
+```
 
-**步骤一   在按照上述操作后的新建的数据库名称上右键选择“运行 SQL 文件”->在文件项选择下面两个 SQL 文件导入运行**
 
-如下图所示
+#### 1.3 修改数据库等相关的配置项
 
-![](./imgs/java-debugging-image38.png)
+在 `tiny-engine-backend-java/app/src/main/resources/application-dev.yml` 文件中设置自己的端口号 `port`（和前端 `tiny-engine/designer-demo/env/.env.development` 文件中的 `VITE_ORIGIN` 变量中的端口号保持一致）、还有数据库连接信息（用户名 `username`、密码 `password`、`URL`）
 
-执行以下 SQL 文件去创建设计器涉及的表，目录如下:
+![](./imgs/java-debugging-image39.png)
 
-`tiny-engine-backend-java/app/src/main/resources/sql/mysql/create_all_tables_ddl_v1.mysql.sql`
+#### 1.4 启动后端项目
 
-执行以下 SQL 文件去添加表的基础数据，目录如下：
+**步骤一**：先安装 Maven，若没有从 [Maven 官网](https://maven.apache.org/download.cgi) 下载并解压，Maven 3.5 以上即可，并配置环境变量
 
-`tiny-engine-backend-java/app/src/main/resources/sql/mysql/init_data_for_test.sql`
+**步骤二**：在项目根目录执行构建打包
 
-#### 修改数据库等相关的配置项
+```sh
+mvn clean package
+```
 
-在`tiny-engine-backend-java/app/src/main/resources/application-dev.yml`文件中设置自己的端口号 port(和前端`tiny-engine/designer-demo/env/.env.development`文件中的 VITE_ORIGIN 变量中的端口号保持一致)、还有数据库连接信息（用户名 username、密码 password、URL）
+**步骤三**：在项目根目录执行启动
 
-![](./imgs/java-debugging-image39.png)
+```sh
+java -jar app/target/tiny-engine-app-1.0-SNAPSHOT.jar
+```
 
-#### 启动后端项目
+执行后终端中看到下图界面表示后端服务启动成功：
 
-步骤一   先安装 maven，若没有从[Maven 官网](https://maven.apache.org/download.cgi)下载并解压，Maven 3.5 以上即可，并配置环境变量
+![](./imgs/java-debugging-image40.png)
 
-步骤二 在项目根目录执行构建打包`mvn clean package`
+Swagger 访问链接路径：
+`localhost:9091/swagger-ui.html`
 
-步骤三 在项目根目录执行启动`java -jar app/target/tiny-engine-app-1.0-SNAPSHOT.jar`
+**可详细查看接口 API**：
 
-按照以上步骤执行前后端操作，即能成功启动本地前后端关联进行调试
+![](./imgs/java-debugging-image42.png)
 
-![](./imgs/java-debugging-image40.png)
+### 2. 前端启动
 
-前后端启动成功后页面会自动弹出，如下可看连接数据库数据接口调通能返回正常数据
+- 把前端项目工程导入 VSCode 后下载依赖，进入项目根目录下执行  `pnpm i`
 
-![](./imgs/java-debugging-image41.png)
+- 修改文件配置
 
-三、swagger 访问链接路径:
-`localhost:9091/swagger-ui.html`
+修改 `tiny-engine/designer-demo/env/.env.development`中的 `VITE_ORIGIN` 变量为自己本地的服务端地址端口：
 
-**可详细查看接口 api**
+![](./imgs/java-debugging-image33.png)
 
-![](./imgs/java-debugging-image42.png)
+- 在项目根目录下执行启动
+
+```sh
+pnpm dev:withAuth
+```
+
+出现如下图所示表示启动成功，启动成功后浏览器会自动打开设计器页面：
+
+![](./imgs/java-debugging-image35.png)
+
+前后端启动成功后页面自动弹出，如下可看连接数据库数据接口调通能返回正常数据：
+
+![](./imgs/java-debugging-image41.png)
+
+按照以上步骤执行前后端操作，即已成功启动本地前后端关联进行调试。

docs/development-getting-started/imgs/java-debugging-image34.png

@@ -7,7 +7,7 @@
 - **安装 jdk 8**
 
 ```
-suto yum install java-1.8.0-openjdk-devel
+sudo yum install java-1.8.0-openjdk-devel
 ```
 
 安装完成后，可以使用`java -version`命令来验证 JDK 是否安装成功
@@ -21,7 +21,7 @@ export PATH=$JAVA_HOME/bin:$PATH
 
 再使用 source 命令使配置生效`source ~/.bash_profile`
 
-- **安装 maven** `suto yum install maven`
+- **安装 maven** `sudo yum install maven`
 
 若执行命令后报错如下，那么就进行手动安装
 

docs/solutions/server-deployment-solution-java.md

@@ -4,6 +4,7 @@
   "scripts": {
     "preinstall": "npx only-allow pnpm",
     "dev": "pnpm run setup && concurrently 'pnpm:serve:backend' 'pnpm:serve:frontend'",
+    "dev:withAuth": "pnpm run setup && pnpm --filter designer-demo dev:withAuth",
     "serve:frontend": "pnpm --filter designer-demo dev",
     "serve:backend": "pnpm --filter @opentiny/tiny-engine-mock dev",
     "build:plugin": "pnpm --filter @opentiny/tiny-engine-* --filter @opentiny/tiny-engine build",

package.json

@@ -49,32 +49,30 @@ const userState = reactive({
     username: '',
     token: null,
     expireTime: null,
-    tenantId: ''
+    tenantId: '',
+    tenant: []
   },
   needToLogin: false
 })
 
 const getLoginStatus = () => userState.needToLogin
 
-const setNeedToLogin = (value: boolean, tenantId: any) => {
+const setNeedToLogin = (value: boolean) => {
   userState.needToLogin = value
   if (!value) {
-    const baseUrl = `${window.location.origin}${window.location.pathname}?type=app&`
-    const id = getBaseInfo().id
-    const baseTenantId = getBaseInfo().tenantId
-
-    // 浏览器Url没有组织id，都默认公共组织，应用id默认为公共组织的应用1
-    if (!baseTenantId) {
-      window.location.href = `${baseUrl}id=1&tenant=${tenantId}`
-    }
-
-    if (baseTenantId && !id) {
-      window.location.href = `${baseUrl}tenant=${baseTenantId}`
-    }
-
-    if (baseTenantId && id) {
-      window.location = window.location
+    const defaultTenantId = userState.userInfo.tenant?.[0]?.id
+    if (defaultTenantId) {
+      const currentUrl = new URL(window.location.href)
+      const currentTenant = getBaseInfo().tenantId
+
+      const filterList = userState.userInfo.tenant.filter((item) => item.id === currentTenant) || []
+      // 只有当tenant值不存在时才更新
+      if (!filterList?.length) {
+        currentUrl.searchParams.set('tenant', String(defaultTenantId))
+        window.history.replaceState(window.history.state, '', currentUrl.href)
+      }
     }
+    window.location.reload()
   }
 }
 
@@ -86,7 +84,12 @@ const setUserInfo = (data: any) => {
 
 const fetchUserInfo = () => {
   // 获取登录用户信息
-  return getMetaApi(META_SERVICE.Http).get('/platform-center/api/user/me')
+  return getMetaApi(META_SERVICE.Http).get('/platform-center/api/user/me', {
+    transformRequest: (data: any, headers: any) => {
+      delete headers['x-lowcode-org']
+      return data
+    }
+  })
 }
 
 const setTenantInfo = (id: any) => {

packages/common/composable/defaultGlobalService.ts

@@ -117,7 +117,7 @@ const createAbortController = (config) => {
 
 // 取消所有进行中的请求
 const abortAllRequests = (message = '用户未登录，请求已取消') => {
-  abortControllers.forEach((controller, key) => {
+  abortControllers.forEach((controller) => {
     controller.abort(message)
   })
   abortControllers.clear()

packages/common/composable/http/index.ts

@@ -58,6 +58,8 @@ import {
 } from './re-export'
 
 const isDevelopEnv = import.meta.env.MODE?.includes('dev')
+const useAuth = import.meta.env.VITE_AUTH === 'true'
+
 window.__TINY_ENGINE_REMOVED_REGISTRY = {}
 
 export default {
@@ -136,7 +138,7 @@ export default {
       }
     ],
     enableTailwindCSS: true,
-    enableLogin: isDevelopEnv ? false : true
+    enableLogin: useAuth || !isDevelopEnv
   },
   layout: __TINY_ENGINE_REMOVED_REGISTRY['engine.layout'] === false ? null : Layout,
   toolbars: [