chore: 新增一批接口

apps/designer/src/io/api.ts

@@ -0,0 +1,21 @@
+import instance from './instance';
+
+export const getApiList = async () => {
+  const response = await instance.get('/api/v1/api');
+  return response.data;
+};
+
+export const createApi = async (data: any) => {
+  const response = await instance.post('/api/v1/api', data);
+  return response.data;
+};
+
+export const updateApi = async (id: string, data: any) => {
+  const response = await instance.put(`/api/v1/api/${id}`, data);
+  return response.data;
+};
+
+export const deleteApi = async (id: string) => {
+  const response = await instance.delete(`/api/v1/api/${id}`);
+  return response.data;
+};

apps/designer/src/io/application.ts

@@ -0,0 +1,21 @@
+import instance from './instance';
+
+export const getApplicationList = async () => {
+  const response = await instance.get('/api/v1/application');
+  return response.data;
+};
+
+export const createApplication = async (data: any) => {
+  const response = await instance.post('/api/v1/application', data);
+  return response.data;
+};
+
+export const updateApplication = async (id: string, data: any) => {
+  const response = await instance.put(`/api/v1/application/${id}`, data);
+  return response.data;
+};
+
+export const deleteApplication = async (id: string) => {
+  const response = await instance.delete(`/api/v1/application/${id}`);
+  return response.data;
+};

apps/designer/src/io/block.ts

@@ -0,0 +1,21 @@
+import instance from './instance';
+
+export const getBlockList = async () => {
+  const response = await instance.get('/api/v1/blocks');
+  return response.data;
+};
+
+export const createBlock = async (data: any) => {
+  const response = await instance.post('/api/v1/blocks', data);
+  return response.data;
+};
+
+export const updateBlock = async (id: string, data: any) => {
+  const response = await instance.put(`/api/v1/blocks/${id}`, data);
+  return response.data;
+};
+
+export const deleteBlock = async (id: string) => {
+  const response = await instance.delete(`/api/v1/blocks/${id}`);
+  return response.data;
+};

apps/designer/src/io/file.ts

@@ -0,0 +1,21 @@
+import instance from './instance';
+
+export const getFileList = async () => {
+  const response = await instance.get('/api/v1/file');
+  return response.data;
+};
+
+export const createFile = async (data: any) => {
+  const response = await instance.post('/api/v1/file', data);
+  return response.data;
+};
+
+export const updateFile = async (id: string, data: any) => {
+  const response = await instance.put(`/api/v1/file/${id}`, data);
+  return response.data;
+};
+
+export const deleteFile = async (id: string) => {
+  const response = await instance.delete(`/api/v1/file/${id}`);
+  return response.data;
+};

apps/designer/src/io/history.ts

@@ -0,0 +1,21 @@
+import instance from './instance';
+
+export const getMaterialsList = async () => {
+  const response = await instance.get('/api/v1/histories');
+  return response.data;
+};
+
+export const createMaterials = async (data: any) => {
+  const response = await instance.post('/api/v1/histories', data);
+  return response.data;
+};
+
+export const updateMaterials = async (id: string, data: any) => {
+  const response = await instance.put(`/api/v1/histories/${id}`, data);
+  return response.data;
+};
+
+export const deleteMaterials = async (id: string) => {
+  const response = await instance.delete(`/api/v1/histories/${id}`);
+  return response.data;
+};

apps/designer/src/io/index.ts

@@ -0,0 +1,6 @@
+export * from './api';
+export * from './block';
+export * from './file';
+export * from './materials';
+export * from './project';
+export * from './application';

apps/designer/src/io/instance.ts

@@ -0,0 +1,30 @@
+import axios from 'axios';
+
+const baseApiUrl = 'https://custom-chart-pre-api.shiyue.com/';
+
+// 创建独立实例
+const instance = axios.create({
+  baseURL: baseApiUrl // 基础URL直接放在实例配置中
+});
+
+// 请求拦截器改为使用实例
+instance.interceptors.request.use(
+  (config) => {
+    // 可在此处添加统一请求头等配置
+    return config;
+  },
+  (error) => {
+    return Promise.reject(error);
+  }
+);
+
+instance.interceptors.response.use(
+  (response) => {
+    return response.data;
+  },
+  (error) => {
+    return Promise.reject(error);
+  }
+);
+// 导出实例
+export default instance;

apps/designer/src/io/materials.ts

@@ -0,0 +1,23 @@
+import instance from './instance';
+
+export const getMaterialsList = async (data?: Record<string, any>) => {
+  const response = await instance.get('/api/v1/materials', {
+    params: data
+  });
+  return response.data;
+};
+
+export const createMaterials = async (data: any) => {
+  const response = await instance.post('/api/v1/materials', data);
+  return response.data;
+};
+
+export const updateMaterials = async (id: string, data: any) => {
+  const response = await instance.put(`/api/v1/materials/${id}`, data);
+  return response.data;
+};
+
+export const deleteMaterials = async (id: string) => {
+  const response = await instance.delete(`/api/v1/materials/${id}`);
+  return response.data;
+};

apps/designer/src/io/project.ts

@@ -0,0 +1,28 @@
+import instance from './instance';
+
+export const getProjectList = async (data?: Record<string, any>) => {
+  const response = await instance.get('/api/v1/projects', {
+    params: data
+  });
+  return response.data;
+};
+
+export const getProject = async (id: string) => {
+  const response = await instance.get(`/api/v1/projects/${id}`);
+  return response.data;
+};
+
+export const createProject = async (data: any) => {
+  const response = await instance.post('/api/v1/projects', data);
+  return response.data;
+};
+
+export const updateProject = async (id: string, data: any) => {
+  const response = await instance.put(`/api/v1/projects/${id}`, data);
+  return response.data;
+};
+
+export const deleteProject = async (id: string) => {
+  const response = await instance.delete(`/api/v1/projects/${id}`);
+  return response.data;
+};

apps/designer/src/service/index.ts

@@ -12,8 +12,7 @@ import {
 } from '@vtj/core';
 import { Storage, mapToObject } from '@vtj/utils';
 import { BaseService } from '@vtj/renderer';
-import { debounce } from 'licia-es';
-
+import { getProject } from '@/io';
 const storage = new Storage({
   type: 'local',
   expired: 0
@@ -21,14 +20,20 @@ const storage = new Storage({
 });
 
 export class StorageService extends BaseService {
-  public init(project: ProjectSchema): Promise<ProjectSchema> {
-    console.log('init-project', project);
-    const model = new ProjectModel(project);
-    // console.log('init-project-model', model);
-    const match = storage.get(`project_${model.id}`);
-    console.log('init-project-match', match);
-    const dsl = Object.assign(model.toDsl(), match || {});
-    console.log('init-project-dsl', dsl);
+  public async init(project: ProjectSchema): Promise<ProjectSchema> {
+    // console.log('init-project', project);
+    // const model = new ProjectModel(project);
+    // // console.log('init-project-model', model);
+    // const match = storage.get(`project_${model.id}`);
+    // console.log('init-project-match', match);
+    // const dsl = Object.assign(model.toDsl(), match || {});
+    // console.log('init-project-dsl', dsl);
+    // storage.save(`project_${model.id}`, dsl);
+
+    const remoteProject = await getProject(3);
+    const model = new ProjectModel(remoteProject);
+    const dsl = model.toDsl();
+    console.log('dsl', dsl);
     storage.save(`project_${model.id}`, dsl);
     return Promise.resolve(dsl);
   }

apps/platform/.env.development

@@ -5,4 +5,4 @@ ENV = 'development'
 VITE_BASE_URL = /
 
 # base api url
-VITE_BASE_API_URL = 'http://8.134.216.72:8080/'
+VITE_BASE_API_URL = 'https://custom-chart-pre-api.shiyue.com/'

apps/platform/.env.production

@@ -1,8 +1,7 @@
 # 只在生产模式中被载入
 ENV = 'production'
 
-# base api url
-VITE_BASE_API_URL = 'http://127.0.0.1:8080/'
-
 # 公共基础路径, 详见: https://cn.vitejs.dev/guide/build.html#public-base-path
-VITE_BASE_URL = /
+VITE_BASE_URL = /
+
+VITE_BASE_API_URL = 'https://custom-chart-api.shiyuegame.com/'

apps/platform/package.json

@@ -31,6 +31,8 @@
     "@iconify/vue": "^4.3.0",
     "@iframe-resizer/parent": "^5.3.3",
     "@sy/low-code-renderer-adapter": "workspace:*",
+    "@tanstack/query-core": "^5.66.4",
+    "@tanstack/vue-query": "^5.66.9",
     "@vueuse/core": "~11.1.0",
     "ant-design-vue": "~4.2.6",
     "axios": "~1.7.9",

apps/platform/src/io/application.ts

@@ -1,6 +1,22 @@
 import instance from './instance';
 
 export const getApplicationList = async () => {
-  const response = await instance.get('/application/list');
+  const response = await instance.get('/api/v1/applications');
+  return response.data;
+};
+
+export const createApplication = async (data: any) => {
+  const response = await instance.post('/api/v1/applications', data);
+  return response.data;
+};
+
+export const updateApplication = async (id: string, data: any) => {
+  const response = await instance.put(`/api/v1/applications/${id}`, data);
+  return response.data;
+};
+
+export const deleteApplication = async (id: string) => {
+  console.log(id);
+  const response = await instance.delete(`/api/v1/applications/${id}`);
   return response.data;
 };

apps/platform/src/io/index.ts

@@ -1 +1,3 @@
 export * from './application';
+export * from './project';
+export * from './user';

apps/platform/src/io/project.ts

@@ -0,0 +1,21 @@
+import instance from './instance';
+
+export const getProjectList = async () => {
+  const response = await instance.get('/api/v1/projects');
+  return response.data;
+};
+
+export const createProject = async (data: any) => {
+  const response = await instance.post('/api/v1/projects', data);
+  return response.data;
+};
+
+export const updateProject = async (id: string, data: any) => {
+  const response = await instance.put(`/api/v1/projects/${id}`, data);
+  return response.data;
+};
+
+export const deleteProject = async (id: string) => {
+  const response = await instance.delete(`/api/v1/projects/${id}`);
+  return response.data;
+};

apps/platform/src/io/user.ts

@@ -0,0 +1,11 @@
+import instance from './instance';
+
+export const login = async (data: { username: string; password: string }) => {
+  const response = await instance.post('/login', data);
+  return response.data;
+};
+
+export const logout = async () => {
+  const response = await instance.post('/logout');
+  return response.data;
+};

apps/platform/src/main.ts

@@ -4,6 +4,8 @@ import dayjs from 'dayjs';
 import customParseFormat from 'dayjs/plugin/customParseFormat';
 import utc from 'dayjs/plugin/utc';
 import timezone from 'dayjs/plugin/timezone';
+import { VueQueryPlugin } from '@tanstack/vue-query';
+
 import App from './App.vue';
 import { setupRouter } from './router';
 import { setupIcons } from './components/basic/icon';
@@ -17,6 +19,7 @@ dayjs.extend(timezone);
 
 const app = createApp(App);
 
+app.use(VueQueryPlugin);
 function setupPlugins() {
   // 安装图标
   setupIcons();

apps/platform/src/router/routes/modules/application.ts

@@ -29,6 +29,16 @@ const routes: Array<RouteRecordRaw> = [
         },
         component: () => import('@/components/renderer-adapter/index.vue'),
       },
+      {
+        path: 'add',
+        name: `${moduleName}-add`,
+        meta: {
+          title: '添加应用',
+          keepAlive: true,
+          icon: 'ant-design:list',
+        },
+        component: () => import('@/views/application/add.vue'),
+      },
     ],
   },
 ];

apps/platform/src/router/routes/modules/index.ts

@@ -2,5 +2,6 @@ import dashboard from './dashboard';
 import user from './user';
 import micro from './micro';
 import application from './application';
+import project from './project';
 
-export default [...dashboard, ...user, ...micro, ...application];
+export default [...dashboard, ...user, ...micro, ...application, ...project];

apps/platform/src/router/routes/modules/project.ts

@@ -0,0 +1,29 @@
+import type { RouteRecordRaw } from 'vue-router';
+
+// 微前端路由
+const moduleName = 'project';
+
+const routes: Array<RouteRecordRaw> = [
+  {
+    path: '/project',
+    name: moduleName,
+    meta: {
+      title: '项目管理',
+      icon: 'ant-design:appstore-outlined',
+    },
+    children: [
+      {
+        path: 'add',
+        name: `${moduleName}-add`,
+        meta: {
+          title: '添加项目',
+          keepAlive: true,
+          icon: 'ant-design:list',
+        },
+        component: () => import('@/views/project/add.vue'),
+      },
+    ],
+  },
+];
+
+export default routes;

apps/platform/src/store/modules/user.ts

@@ -3,7 +3,8 @@ import { defineStore } from 'pinia';
 import { useSSEStore } from './sse';
 import { store } from '@/store';
 import { resetRouter } from '@/router';
-import { userLogin, userLogout } from '@/io';
+import { login, logout } from '@/io';
+
 export const useUserStore = defineStore(
   'user',
   () => {
@@ -28,7 +29,7 @@ export const useUserStore = defineStore(
     };
     /** 登录 */
     const login = async (params: any) => {
-      const data = await userLogin(params);
+      const data = await login(params);
       console.log('data', data);
       // @ts-ignore
       setToken(data.msg);
@@ -36,7 +37,7 @@ export const useUserStore = defineStore(
     /** 登出 */
     const logout = async () => {
       sseStore.closeEventSource();
-      await userLogout();
+      await logout();
       clearLoginStatus();
     };
 

apps/platform/src/views/application/add.vue

@@ -0,0 +1,51 @@
+<script setup lang="ts">
+  import { useQuery, useMutation } from '@tanstack/vue-query';
+  import { getApplicationList, createApplication, deleteApplication } from '@/io';
+
+  const addData = {
+    name: 'test',
+    active: true,
+  };
+
+  const {
+    data: appList,
+    isError,
+    isLoading,
+    refetch,
+  } = useQuery({
+    queryKey: ['applicationList'],
+    queryFn: getApplicationList,
+    enabled: true,
+  });
+
+  const { mutate: createApp, isLoading: isCreating } = useMutation({
+    mutationFn: createApplication,
+    onSuccess: () => {
+      refetch();
+    },
+  });
+
+  const {
+    mutate: deleteApp,
+    isLoading: isDeleting,
+    error: deleteError,
+  } = useMutation({
+    mutationFn: deleteApplication,
+    onSuccess: () => {
+      refetch();
+    },
+  });
+</script>
+
+<template>
+  <div style="display: flex; flex-direction: column; gap: 10px">
+    <div v-if="isLoading">加载中...</div>
+    <div v-else-if="isError">加载失败</div>
+    <div v-else>
+      {{ appList }}
+    </div>
+    <Button type="primary" :loading="isCreating" @click="createApp(addData)"> 添加应用 </Button>
+    <Button type="primary" @click="refetch">重新获取</Button>
+    <Button type="primary" :loading="isDeleting" @click="deleteApp('3')"> 删除应用 </Button>
+  </div>
+</template>

apps/platform/src/views/project/add.vue

@@ -0,0 +1,53 @@
+<script setup lang="ts">
+  import { useQuery, useMutation } from '@tanstack/vue-query';
+  import { getProjectList, createProject, deleteProject } from '@/io';
+
+  const addData = {
+    application_id: 3,
+    description: 'test project',
+    name: 'test project',
+    platform: 'web',
+  };
+
+  const {
+    data: projectList,
+    isError,
+    isLoading,
+    refetch,
+  } = useQuery({
+    queryKey: ['getProjectList'],
+    queryFn: getProjectList,
+    enabled: true,
+  });
+
+  const { mutate: createProjectMutation, isLoading: isCreating } = useMutation({
+    mutationFn: createProject,
+    onSuccess: () => {
+      refetch();
+    },
+  });
+
+  const { mutate: deleteProjectMutation, isLoading: isDeleting } = useMutation({
+    mutationFn: deleteProject,
+    onSuccess: () => {
+      refetch();
+    },
+  });
+</script>
+
+<template>
+  <div style="display: flex; flex-direction: column; gap: 10px">
+    <div v-if="isLoading">加载中...</div>
+    <div v-else-if="isError">加载失败</div>
+    <div v-else>
+      {{ projectList }}
+    </div>
+    <Button type="primary" :loading="isCreating" @click="createProjectMutation(addData)">
+      添加项目
+    </Button>
+    <Button type="primary" @click="refetch">重新获取</Button>
+    <Button type="primary" :loading="isDeleting" @click="deleteProjectMutation('3')">
+      删除项目
+    </Button>
+  </div>
+</template>

apps/platform/vite.config.ts

@@ -45,6 +45,13 @@ export default ({ command, mode }: ConfigEnv): UserConfig => {
     server: {
       open: true,
       host: true,
+      proxy: {
+        '/api': {
+          target: 'https://custom-chart-pre-api.shiyue.com',
+          changeOrigin: true,
+          secure: false,
+        },
+      },
     },
     plugins: [
       vue(),