chore: 框架构建流程调整

2025-03-11 15:03:57 +08:00
parent 9438489a11
commit b0f2b93bbf
42 changed files with 2075 additions and 1128 deletions
--- a/apps/designer/src/auto-imports.d.ts
+++ b/apps/designer/src/auto-imports.d.ts
@@ -6,98 +6,83 @@
 // biome-ignore lint: disable
 export {}
 declare global {
-  const EffectScope: (typeof import('vue'))['EffectScope'];
-  const acceptHMRUpdate: (typeof import('pinia'))['acceptHMRUpdate'];
-  const computed: (typeof import('vue'))['computed'];
-  const createApp: (typeof import('vue'))['createApp'];
-  const createPinia: (typeof import('pinia'))['createPinia'];
-  const customRef: (typeof import('vue'))['customRef'];
-  const defineAsyncComponent: (typeof import('vue'))['defineAsyncComponent'];
-  const defineComponent: (typeof import('vue'))['defineComponent'];
-  const defineStore: (typeof import('pinia'))['defineStore'];
-  const effectScope: (typeof import('vue'))['effectScope'];
-  const getActivePinia: (typeof import('pinia'))['getActivePinia'];
-  const getCurrentInstance: (typeof import('vue'))['getCurrentInstance'];
-  const getCurrentScope: (typeof import('vue'))['getCurrentScope'];
-  const h: (typeof import('vue'))['h'];
-  const inject: (typeof import('vue'))['inject'];
-  const isProxy: (typeof import('vue'))['isProxy'];
-  const isReactive: (typeof import('vue'))['isReactive'];
-  const isReadonly: (typeof import('vue'))['isReadonly'];
-  const isRef: (typeof import('vue'))['isRef'];
-  const mapActions: (typeof import('pinia'))['mapActions'];
-  const mapGetters: (typeof import('pinia'))['mapGetters'];
-  const mapState: (typeof import('pinia'))['mapState'];
-  const mapStores: (typeof import('pinia'))['mapStores'];
-  const mapWritableState: (typeof import('pinia'))['mapWritableState'];
-  const markRaw: (typeof import('vue'))['markRaw'];
-  const nextTick: (typeof import('vue'))['nextTick'];
-  const onActivated: (typeof import('vue'))['onActivated'];
-  const onBeforeMount: (typeof import('vue'))['onBeforeMount'];
-  const onBeforeRouteLeave: (typeof import('vue-router'))['onBeforeRouteLeave'];
-  const onBeforeRouteUpdate: (typeof import('vue-router'))['onBeforeRouteUpdate'];
-  const onBeforeUnmount: (typeof import('vue'))['onBeforeUnmount'];
-  const onBeforeUpdate: (typeof import('vue'))['onBeforeUpdate'];
-  const onDeactivated: (typeof import('vue'))['onDeactivated'];
-  const onErrorCaptured: (typeof import('vue'))['onErrorCaptured'];
-  const onMounted: (typeof import('vue'))['onMounted'];
-  const onRenderTracked: (typeof import('vue'))['onRenderTracked'];
-  const onRenderTriggered: (typeof import('vue'))['onRenderTriggered'];
-  const onScopeDispose: (typeof import('vue'))['onScopeDispose'];
-  const onServerPrefetch: (typeof import('vue'))['onServerPrefetch'];
-  const onUnmounted: (typeof import('vue'))['onUnmounted'];
-  const onUpdated: (typeof import('vue'))['onUpdated'];
-  const onWatcherCleanup: (typeof import('vue'))['onWatcherCleanup'];
-  const provide: (typeof import('vue'))['provide'];
-  const reactive: (typeof import('vue'))['reactive'];
-  const readonly: (typeof import('vue'))['readonly'];
-  const ref: (typeof import('vue'))['ref'];
-  const resolveComponent: (typeof import('vue'))['resolveComponent'];
-  const setActivePinia: (typeof import('pinia'))['setActivePinia'];
-  const setMapStoreSuffix: (typeof import('pinia'))['setMapStoreSuffix'];
-  const shallowReactive: (typeof import('vue'))['shallowReactive'];
-  const shallowReadonly: (typeof import('vue'))['shallowReadonly'];
-  const shallowRef: (typeof import('vue'))['shallowRef'];
-  const storeToRefs: (typeof import('pinia'))['storeToRefs'];
-  const toRaw: (typeof import('vue'))['toRaw'];
-  const toRef: (typeof import('vue'))['toRef'];
-  const toRefs: (typeof import('vue'))['toRefs'];
-  const toValue: (typeof import('vue'))['toValue'];
-  const triggerRef: (typeof import('vue'))['triggerRef'];
-  const unref: (typeof import('vue'))['unref'];
-  const useAttrs: (typeof import('vue'))['useAttrs'];
-  const useCssModule: (typeof import('vue'))['useCssModule'];
-  const useCssVars: (typeof import('vue'))['useCssVars'];
-  const useId: (typeof import('vue'))['useId'];
-  const useLink: (typeof import('vue-router'))['useLink'];
-  const useModel: (typeof import('vue'))['useModel'];
-  const useRoute: (typeof import('vue-router'))['useRoute'];
-  const useRouter: (typeof import('vue-router'))['useRouter'];
-  const useSlots: (typeof import('vue'))['useSlots'];
-  const useTemplateRef: (typeof import('vue'))['useTemplateRef'];
-  const watch: (typeof import('vue'))['watch'];
-  const watchEffect: (typeof import('vue'))['watchEffect'];
-  const watchPostEffect: (typeof import('vue'))['watchPostEffect'];
-  const watchSyncEffect: (typeof import('vue'))['watchSyncEffect'];
+  const EffectScope: typeof import('vue')['EffectScope']
+  const acceptHMRUpdate: typeof import('pinia')['acceptHMRUpdate']
+  const computed: typeof import('vue')['computed']
+  const createApp: typeof import('vue')['createApp']
+  const createPinia: typeof import('pinia')['createPinia']
+  const customRef: typeof import('vue')['customRef']
+  const defineAsyncComponent: typeof import('vue')['defineAsyncComponent']
+  const defineComponent: typeof import('vue')['defineComponent']
+  const defineStore: typeof import('pinia')['defineStore']
+  const effectScope: typeof import('vue')['effectScope']
+  const getActivePinia: typeof import('pinia')['getActivePinia']
+  const getCurrentInstance: typeof import('vue')['getCurrentInstance']
+  const getCurrentScope: typeof import('vue')['getCurrentScope']
+  const h: typeof import('vue')['h']
+  const inject: typeof import('vue')['inject']
+  const isProxy: typeof import('vue')['isProxy']
+  const isReactive: typeof import('vue')['isReactive']
+  const isReadonly: typeof import('vue')['isReadonly']
+  const isRef: typeof import('vue')['isRef']
+  const mapActions: typeof import('pinia')['mapActions']
+  const mapGetters: typeof import('pinia')['mapGetters']
+  const mapState: typeof import('pinia')['mapState']
+  const mapStores: typeof import('pinia')['mapStores']
+  const mapWritableState: typeof import('pinia')['mapWritableState']
+  const markRaw: typeof import('vue')['markRaw']
+  const nextTick: typeof import('vue')['nextTick']
+  const onActivated: typeof import('vue')['onActivated']
+  const onBeforeMount: typeof import('vue')['onBeforeMount']
+  const onBeforeRouteLeave: typeof import('vue-router')['onBeforeRouteLeave']
+  const onBeforeRouteUpdate: typeof import('vue-router')['onBeforeRouteUpdate']
+  const onBeforeUnmount: typeof import('vue')['onBeforeUnmount']
+  const onBeforeUpdate: typeof import('vue')['onBeforeUpdate']
+  const onDeactivated: typeof import('vue')['onDeactivated']
+  const onErrorCaptured: typeof import('vue')['onErrorCaptured']
+  const onMounted: typeof import('vue')['onMounted']
+  const onRenderTracked: typeof import('vue')['onRenderTracked']
+  const onRenderTriggered: typeof import('vue')['onRenderTriggered']
+  const onScopeDispose: typeof import('vue')['onScopeDispose']
+  const onServerPrefetch: typeof import('vue')['onServerPrefetch']
+  const onUnmounted: typeof import('vue')['onUnmounted']
+  const onUpdated: typeof import('vue')['onUpdated']
+  const onWatcherCleanup: typeof import('vue')['onWatcherCleanup']
+  const provide: typeof import('vue')['provide']
+  const reactive: typeof import('vue')['reactive']
+  const readonly: typeof import('vue')['readonly']
+  const ref: typeof import('vue')['ref']
+  const resolveComponent: typeof import('vue')['resolveComponent']
+  const setActivePinia: typeof import('pinia')['setActivePinia']
+  const setMapStoreSuffix: typeof import('pinia')['setMapStoreSuffix']
+  const shallowReactive: typeof import('vue')['shallowReactive']
+  const shallowReadonly: typeof import('vue')['shallowReadonly']
+  const shallowRef: typeof import('vue')['shallowRef']
+  const storeToRefs: typeof import('pinia')['storeToRefs']
+  const toRaw: typeof import('vue')['toRaw']
+  const toRef: typeof import('vue')['toRef']
+  const toRefs: typeof import('vue')['toRefs']
+  const toValue: typeof import('vue')['toValue']
+  const triggerRef: typeof import('vue')['triggerRef']
+  const unref: typeof import('vue')['unref']
+  const useAttrs: typeof import('vue')['useAttrs']
+  const useCssModule: typeof import('vue')['useCssModule']
+  const useCssVars: typeof import('vue')['useCssVars']
+  const useId: typeof import('vue')['useId']
+  const useLink: typeof import('vue-router')['useLink']
+  const useModel: typeof import('vue')['useModel']
+  const useRoute: typeof import('vue-router')['useRoute']
+  const useRouter: typeof import('vue-router')['useRouter']
+  const useSlots: typeof import('vue')['useSlots']
+  const useTemplateRef: typeof import('vue')['useTemplateRef']
+  const watch: typeof import('vue')['watch']
+  const watchEffect: typeof import('vue')['watchEffect']
+  const watchPostEffect: typeof import('vue')['watchPostEffect']
+  const watchSyncEffect: typeof import('vue')['watchSyncEffect']
 }
 // for type re-export
 declare global {
  // @ts-ignore
-  export type {
-    Component,
-    ComponentPublicInstance,
-    ComputedRef,
-    DirectiveBinding,
-    ExtractDefaultPropTypes,
-    ExtractPropTypes,
-    ExtractPublicPropTypes,
-    InjectionKey,
-    PropType,
-    Ref,
-    MaybeRef,
-    MaybeRefOrGetter,
-    VNode,
-    WritableComputedRef
-  } from 'vue';
-  import('vue');
+  export type { Component, ComponentPublicInstance, ComputedRef, DirectiveBinding, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, MaybeRef, MaybeRefOrGetter, VNode, WritableComputedRef } from 'vue'
+  import('vue')
 }
--- a/apps/designer/src/constants/env.ts
+++ b/apps/designer/src/constants/env.ts
@@ -1,2 +1 @@
-// @ts-ignore
-export const currentEnv = __APP_ENV__;
+export const currentEnv = import.meta.env;
--- a/apps/designer/src/env.d.ts
+++ b/apps/designer/src/env.d.ts
@@ -3,11 +3,11 @@
 declare module '*.vue' {
  import type { DefineComponent } from 'vue';

-  const component: DefineComponent<{}, {}, any>;
+  const component: DefineComponent<object, object, any>;
  export default component;
 }

-declare namespace NodeJS {
+declare namespace _NodeJS {
  interface ProcessEnv {
    [key: string]: any;
  }
--- a/apps/designer/src/io/materials.ts
+++ b/apps/designer/src/io/materials.ts
@@ -2,6 +2,16 @@ import type { MaterialDescription } from '@vtj/core';

 import instance from './instance';

+type MaterialData = {
+  created_at?: string;
+  // 从原interface合并的字段
+  id?: number;
+  name?: string;
+  project_id: number;
+  updated_at?: string;
+  value: Record<string, MaterialDescription>;
+};
+
 // 定义响应类型
 interface MaterialResponse {
  code: number;
@@ -51,16 +61,6 @@ export const getMaterials = async (id: number): Promise<MaterialResponse> => {
  return response.data;
 };

-type MaterialData = {
-  created_at?: string;
-  // 从原interface合并的字段
-  id?: number;
-  name?: string;
-  project_id: number;
-  updated_at?: string;
-  value: Record<string, MaterialDescription>;
-};
-
 function transformMaterialData(data: MaterialData) {
  return {
    ...data,
--- a/apps/designer/src/service/index.ts
+++ b/apps/designer/src/service/index.ts
@@ -1,3 +1,5 @@
+// @ts-nocheck 忽略所有类型检查
+
 import type {
  BlockFile,
  BlockSchema,
@@ -6,8 +8,8 @@ import type {
  HistorySchema,
  MaterialDescription,
  NodeFromPlugin,
-  PageFile,
-  ProjectSchema
+  ProjectSchema as OriginalProjectSchema,
+  PageFile
 } from '@vtj/core';

 import {
@@ -47,17 +49,22 @@ const stringifyFields = new Set([
  'pages'
 ]);

+// 扩展原始类型
+type ProjectSchema = Omit<OriginalProjectSchema, 'projectId'> & {
+  projectId: number | string;
+};
+
 let initProject: ProjectSchema;

 export class LowCodeService extends BaseService {
-  public api = (type: string, data: any): Promise<any> => {
+  public api = (_type: string, _data: any): Promise<any> => {
    // console.log('api', type, data);
    return Promise.resolve(true);
  };

  public getExtension(): Promise<ExtensionConfig | undefined> {
    const extension = storage.get('extension');
-    console.log('ExtensionConfig', extension);
+    // console.log('ExtensionConfig', extension);
    return Promise.resolve(extension as ExtensionConfig | undefined);
  }

@@ -65,10 +72,9 @@ export class LowCodeService extends BaseService {
    return getLowCodeFile(id).then((lowCodeFile) => {
      return lowCodeFile.dsl
        ? Promise.resolve(lowCodeFile.dsl as BlockSchema)
-        : Promise.reject(null);
+        : Promise.reject(new Error('文件不存在'));
    });
  }
-
  public async getHistory(fileId: string): Promise<HistorySchema> {
    const histories = await getLowCodeHistories({
      project_id: initProject.id,
@@ -95,13 +101,12 @@ export class LowCodeService extends BaseService {
  }

  public getPluginMaterial(
-    from: NodeFromPlugin
+    _from: NodeFromPlugin
  ): Promise<MaterialDescription | null> {
    return Promise.resolve(null);
  }

  public async init(project: ProjectSchema): Promise<ProjectSchema> {
-    console.log('init', project);
    initProject = project;
    const remoteProject = await getProject(initProject.id);
    const arrayFields = ['pages', 'blocks', 'apis', 'meta', 'dependencies'];
@@ -110,9 +115,7 @@ export class LowCodeService extends BaseService {
        remoteProject[field] = [];
      }
    });
-    console.log('remoteProject', remoteProject);
    const model = new ProjectModel(remoteProject);
-    console.log('model', model || { id: initProject.id });
    const dsl = model.toDsl();
    return dsl;
  }
@@ -147,7 +150,6 @@ export class LowCodeService extends BaseService {
  }

  public async saveFile(file: BlockSchema): Promise<boolean> {
-    console.log('saveFile', file);
    if (file.id) {
      const existFile = await getLowCodeFile(file.id);
      return existFile.file_id
@@ -178,7 +180,7 @@ export class LowCodeService extends BaseService {
    return false;
  }

-  public async saveHistory(history: HistorySchema): Promise<boolean> {
+  public async saveHistory(_history: HistorySchema): Promise<boolean> {
    return true;
  }

@@ -201,25 +203,20 @@ export class LowCodeService extends BaseService {
    materials: Map<string, MaterialDescription>
  ): Promise<boolean> {
    const materialData = mapToObject(materials);
-    // storage.save(`materials_${project.id}`, materialData);
-    // console.log('saveMaterials', materialData);
-    // @ts-ignore
    const existMaterials = await getLowCodeMaterials(project?.id);
-    if (existMaterials) {
-      // 更新物料
-      await updateLowCodeMaterials({
-        project_id: project?.id,
-        value: materialData
-      });
-    } else {
-      // 创建物料
-      await postLowCodeMaterials({
-        project_id: project?.id,
-        value: materialData
-      });
-    }

-    // @ts-ignore
+    // 根据是否存在物料决定更新或创建
+    existMaterials
+      ? await updateLowCodeMaterials({
+          project_id: project?.id,
+          value: materialData
+        })
+      : await postLowCodeMaterials({
+          project_id: project?.id,
+          value: materialData
+        });
+
+    // @ts-ignore - 暂时禁用此行代码，保留以备后续可能需要删除物料的操作
    // await deleteLowCodeMaterials(project.id);
    return true;
  }
@@ -238,8 +235,7 @@ export class LowCodeService extends BaseService {
    return true;
  }

-  protected uploader = (file: File, projectId: string): Promise<any> => {
-    // console.log('uploader', file, projectId);
+  protected uploader = (_file: File, _projectId: string): Promise<any> => {
    return Promise.resolve(true);
  };
 }
--- a/apps/designer/src/views/index.vue
+++ b/apps/designer/src/views/index.vue
@@ -31,7 +31,7 @@ onMounted(async () => {
      req.headers.set('Authorization', `Bearer ${model.accessToken}`);
      return req;
    });
-    const engine = new Engine({
+    const _engine = new Engine({
      container,
      service,
      project: {