feat: 修复构建问题

Author: wangshihao111

packages/plugin-multiple-editor/.eslintrc.js

@@ -0,0 +1,42 @@
+module.exports = {
+  'env': {
+    'browser': true,
+    'es2021': true
+  },
+  'extends': [
+    'eslint:recommended',
+    'plugin:react/recommended',
+    'plugin:@typescript-eslint/recommended',
+    "react-app",
+  ],
+  'parser': '@typescript-eslint/parser',
+  'parserOptions': {
+    'ecmaFeatures': {
+      'jsx': true
+    },
+    'ecmaVersion': 'latest',
+    'sourceType': 'module'
+  },
+  'plugins': [
+    '@typescript-eslint'
+  ],
+  'rules': {
+    'indent': [
+      'error',
+      2
+    ],
+    'linebreak-style': [
+      'error',
+      'unix'
+    ],
+    'quotes': [
+      'error',
+      'single'
+    ],
+    'semi': [
+      'error',
+      'always'
+    ],
+    "@typescript-eslint/ban-ts-comment": 0
+  }
+};

packages/plugin-multiple-editor/package.json

@@ -98,10 +98,10 @@
     "postcss-normalize": "^10.0.1",
     "postcss-preset-env": "^7.0.1",
     "prompts": "^2.4.2",
-    "react": "^17.0.2",
+    "react": "*",
     "react-app-polyfill": "^3.0.0",
     "react-dev-utils": "^12.0.0",
-    "react-dom": "^17.0.2",
+    "react-dom": "*",
     "react-refresh": "^0.11.0",
     "resolve": "^1.20.0",
     "resolve-url-loader": "^4.0.0",

packages/plugin-multiple-editor/src/Controller.ts

@@ -1,6 +1,5 @@
 import type { Project, Event } from '@alilc/lowcode-shell';
-import { ProjectSchema } from '@alilc/lowcode-types';
-import { skeleton } from '@alilc/lowcode-engine';
+import { skeleton, common } from '@alilc/lowcode-engine';
 import {
   beautifyCSS,
   compatGetSourceCodeMap,
@@ -11,7 +10,6 @@ import {
   treeToMap,
 } from './utils';
 import { FunctionEventParams, Monaco, ObjectType } from './types';
-import { common } from '@alilc/lowcode-engine';
 import type { editor } from 'monaco-editor';
 import {
   addFunction,
@@ -29,7 +27,7 @@ export * from './EditorHook';
 
 export interface EditorControllerState {
   declarationsMap: Record<string, string>;
-  extraLibs: { path: string; content: string }[];
+  extraLibs: Array<{ path: string; content: string }>;
 }
 
 export type HookHandleFn<T = any> = (fn: T) => () => void;
@@ -51,7 +49,7 @@ export class EditorController extends EditorHook {
 
   defaultFiles: ObjectType<string>;
 
-  public monaco?: Monaco;
+  monaco?: Monaco;
 
   private codeTemp?: CodeTemp;
 
@@ -61,20 +59,20 @@ export class EditorController extends EditorHook {
 
   private state: EditorControllerState;
 
-  public codeEditor?: editor.IStandaloneCodeEditor;
+  codeEditor?: editor.IStandaloneCodeEditor;
 
   private codeEditorCtx?: EditorContextType;
 
-  public service!: Service;
+  service!: Service;
 
-  public onImportSchema: HookHandleFn<
-    (schema: ProjectSchema) => void | Promise<void>
-  > = this.hookFactory(HookKeys.onImport);
+  onImportSchema: HookHandleFn<(schema: any) => void | Promise<void>> =
+    this.hookFactory(HookKeys.onImport);
 
-  public onSourceCodeChange: HookHandleFn<(code: any) => void> =
-    this.hookFactory(HookKeys.onSourceCodeChange);
+  onSourceCodeChange: HookHandleFn<(code: any) => void> = this.hookFactory(
+    HookKeys.onSourceCodeChange
+  );
 
-  public onEditCodeChange: HookHandleFn<
+  onEditCodeChange: HookHandleFn<
     (code: { content: string; file: string }) => void
   > = this.hookFactory(HookKeys.onEditCodeChange);
 
@@ -124,7 +122,7 @@ export class EditorController extends EditorHook {
     this.applyLibs();
   }
 
-  addComponentDeclarations(list: [string, string][] = []) {
+  addComponentDeclarations(list: Array<[string, string]> = []) {
     for (const [key, dec] of list) {
       this.state.declarationsMap[key] = dec;
     }
@@ -133,7 +131,7 @@ export class EditorController extends EditorHook {
   }
 
   private publishExtraLib() {
-    const libs: { path: string; content: string }[] = [];
+    const libs: Array<{ path: string; content: string }> = [];
     this.extraLibMap.forEach((content, path) => libs.push({ content, path }));
     this.state.extraLibs = libs;
     this.publish();
@@ -156,7 +154,7 @@ export class EditorController extends EditorHook {
       const { getMonaco } = await import(
         '@alilc/lowcode-plugin-base-monaco-editor'
       );
-      this.monaco = await getMonaco(undefined);
+      this.monaco = await getMonaco(undefined) as any;
     }
     const decStr = Object.keys(this.state.declarationsMap).reduce(
       (v, k) => `${v}\n${k}: ${this.state.declarationsMap[k]};\n`,
@@ -175,7 +173,7 @@ export class EditorController extends EditorHook {
     });
   }
 
-  getSchema(pure?: boolean): ProjectSchema {
+  getSchema(pure?: boolean): any {
     const schema = this.project.exportSchema(
       common.designerCabin.TransformStage.Save
     );
@@ -192,7 +190,7 @@ export class EditorController extends EditorHook {
     return schema;
   }
 
-  importSchema(schema: ProjectSchema) {
+  importSchema(schema: any) {
     this.project.importSchema(schema);
     this.initCodeTempBySchema(schema);
     this.triggerHook(HookKeys.onImport, schema);
@@ -219,7 +217,7 @@ export class EditorController extends EditorHook {
     };
   }
 
-  public initCodeTempBySchema(schema: ProjectSchema) {
+  initCodeTempBySchema(schema: any) {
     const componentSchema = schema.componentsTree[0] || {};
     const { css, methods, state, lifeCycles } = componentSchema;
     const codeMap = (componentSchema as any)._sourceCodeMap;
@@ -343,7 +341,7 @@ export class EditorController extends EditorHook {
     return true;
   }
 
-  public resetSaveStatus() {
+  resetSaveStatus() {
     this.codeEditorCtx?.updateState({ modifiedKeys: [] });
   }
 

packages/plugin-multiple-editor/src/dev-config/sample-plugins/delete-hidden-transducer/index.ts

@@ -1,14 +1,14 @@
-import { ILowCodePluginContext, project } from '@alilc/lowcode-engine';
-import { CompositeObject, TransformStage } from '@alilc/lowcode-types';
+import { project } from '@alilc/lowcode-engine';
+import { IPublicEnumTransformStage } from '@alilc/lowcode-types';
 
-export const deleteHiddenTransducer = (ctx: ILowCodePluginContext) => {
+export const deleteHiddenTransducer = (ctx: any) => {
   return {
     name: 'deleteHiddenTransducer',
     async init() {
-      project.addPropsTransducer((props: CompositeObject): CompositeObject => {
+      project.addPropsTransducer((props: any): any => {
         delete props.hidden;
         return props;
-      }, TransformStage.Save);
+      }, IPublicEnumTransformStage.Save);
     },
   };
 }

packages/plugin-multiple-editor/src/dev-config/sample-plugins/set-ref-prop/index.tsx

@@ -1,11 +1,7 @@
-import {
-  TransformedComponentMetadata,
-  FieldConfig,
-} from '@alilc/lowcode-types';
 import { v4 as uuidv4 } from 'uuid';
 import { material } from '@alilc/lowcode-engine';
 
-function addonCombine(metadata: TransformedComponentMetadata) {
+function addonCombine(metadata: any) {
   const { componentName, configure = {} } = metadata;
 
   const isRoot: boolean =
@@ -15,9 +11,9 @@ function addonCombine(metadata: TransformedComponentMetadata) {
     return metadata;
   }
 
-  let advancedGroup: FieldConfig | undefined;
+  let advancedGroup: any | undefined;
 
-  const refItem: FieldConfig = {
+  const refItem: any = {
     title: {
       label: 'refId',
       tip: '用于获取组件实例，调用物料内部方法',
@@ -57,7 +53,7 @@ function addonCombine(metadata: TransformedComponentMetadata) {
     advancedGroup.items = [refItem];
   }
 
-  const advanceItems: FieldConfig[] = advancedGroup.items || [];
+  const advanceItems: any[] = advancedGroup.items || [];
 
   if (
     !advanceItems ||

packages/plugin-multiple-editor/src/dev-config/universal/plugin.tsx

@@ -1,6 +1,5 @@
 import React from 'react';
 import {
-  ILowCodePluginContext,
   plugins,
   skeleton,
   project,
@@ -41,7 +40,7 @@ export default async function registerPlugins() {
   SchemaPlugin.pluginName = 'SchemaPlugin';
   await plugins.register(SchemaPlugin);
 
-  const editorInit = (ctx: ILowCodePluginContext) => {
+  const editorInit = (ctx: any) => {
     return {
       name: 'editor-init',
       async init() {
@@ -66,7 +65,7 @@ export default async function registerPlugins() {
   editorInit.pluginName = 'editorInit';
   await plugins.register(editorInit);
 
-  const builtinPluginRegistry = (ctx: ILowCodePluginContext) => {
+  const builtinPluginRegistry = (ctx: any) => {
     return {
       name: 'builtin-plugin-registry',
       async init() {
@@ -110,7 +109,7 @@ export default async function registerPlugins() {
   await plugins.register(builtinPluginRegistry);
 
   // 设置内置 setter 和事件绑定、插件绑定面板
-  const setterRegistry = (ctx: ILowCodePluginContext) => {
+  const setterRegistry = (ctx: any) => {
     const { setterMap, pluginMap } = AliLowCodeEngineExt;
     return {
       name: 'ext-setters-registry',
@@ -145,7 +144,7 @@ export default async function registerPlugins() {
   // 注册中英文切换
   await plugins.register(ZhEnPlugin);
 
-  const loadAssetsSample = (ctx: ILowCodePluginContext) => {
+  const loadAssetsSample = (ctx: any) => {
     return {
       name: 'loadAssetsSample',
       async init() {
@@ -170,7 +169,7 @@ export default async function registerPlugins() {
   await plugins.register(loadAssetsSample);
 
   // 注册保存面板
-  const saveSample = (ctx: ILowCodePluginContext) => {
+  const saveSample = (ctx: any) => {
     return {
       name: 'saveSample',
       async init() {
@@ -204,7 +203,7 @@ export default async function registerPlugins() {
   saveSample.pluginName = 'saveSample';
   await plugins.register(saveSample);
 
-  const previewSample = (ctx: ILowCodePluginContext) => {
+  const previewSample = (ctx: any) => {
     return {
       name: 'previewSample',
       async init() {
@@ -228,7 +227,7 @@ export default async function registerPlugins() {
   previewSample.pluginName = 'previewSample';
   await plugins.register(previewSample);
 
-  const customSetter = (ctx: ILowCodePluginContext) => {
+  const customSetter = (ctx: any) => {
     return {
       name: '___registerCustomSetter___',
       async init() {

packages/plugin-multiple-editor/src/dev-config/universal/utils.ts

@@ -1,7 +1,7 @@
 import { material, project } from '@alilc/lowcode-engine';
 import { filterPackages } from '@alilc/lowcode-plugin-inject';
 import { Message, Dialog } from '@alifd/next';
-import { TransformStage } from '@alilc/lowcode-types';
+import { IPublicEnumTransformStage } from '@alilc/lowcode-types';
 
 export const loadIncrementalAssets = () => {
   material?.onChangeAssets(() => {
@@ -252,7 +252,7 @@ const setProjectSchemaToLocalStorage = (scenarioName: string) => {
   }
   window.localStorage.setItem(
     getLSName(scenarioName),
-    JSON.stringify(project.exportSchema(TransformStage.Save))
+    JSON.stringify(project.exportSchema(IPublicEnumTransformStage.Save))
   );
 };
 

packages/plugin-multiple-editor/src/index.tsx

@@ -1,8 +1,4 @@
 import { project, editor } from '@alilc/lowcode-engine';
-import type {
-  ILowCodePluginConfig,
-  ILowCodePluginContext,
-} from '@alilc/lowcode-engine';
 import { controller as baseController } from '@alilc/lowcode-plugin-base-monaco-editor/es/controller';
 import { EditorProvider } from './Context';
 import MultipleFileEditor from './MultipleFileEditor';
@@ -26,7 +22,7 @@ const pluginCodeEditor = (
     defaultFiles?: Record<string, string>;
   } = {}
 ) => {
-  const plugin = (ctx: ILowCodePluginContext): ILowCodePluginConfig => {
+  const plugin = (ctx: any): any => {
     return {
       exports: () => ({}),
       init() {

packages/plugin-multiple-editor/src/types/index.ts

@@ -1,9 +1,7 @@
-import { JSExpression } from '@alilc/lowcode-types';
-
 export type Monaco = typeof import('monaco-editor/esm/vs/editor/editor.api');
 export type ObjectType<T = any> = Record<string, T>;
 
-export interface IState extends JSExpression {
+export interface IState {
   originCode?: string;
 }
 

packages/plugin-multiple-editor/src/utils/code.ts

@@ -1,10 +1,3 @@
-import {
-  isJSExpression,
-  ProjectSchema,
-  RootSchema,
-  JSFunction,
-  JSExpression,
-} from '@alilc/lowcode-types';
 // @ts-ignore
 import prettier from 'prettier/esm/standalone.mjs';
 import parserBabel from 'prettier/parser-babel';
@@ -30,7 +23,7 @@ const prettierCssConfig = {
   printWidth: 120, // 超过120个字符强制换行
 };
 
-export const initCode = (componentSchema: RootSchema | undefined) => {
+export const initCode = (componentSchema: any | undefined) => {
   return (
     (componentSchema as any)?.originCode ||
     `export default class LowcodeComponent extends Component {
@@ -79,6 +72,6 @@ export const beautifyCSS = (input: string, options: any): string => {
 };
 
 // schema转换为CSS代码
-export const schema2CssCode = (schema: ProjectSchema, prettierOptions: any) => {
+export const schema2CssCode = (schema: any, prettierOptions: any) => {
   return beautifyCSS(schema.componentsTree[0]?.css || '', prettierOptions);
 };