feat(ignitor): 设置内置 setter 和事件绑定、插件绑定面板

taojiu · taojiu · commit eefd0f15ddb0 · 2025-02-06T17:18:17.000+08:00
- 新增 DefaultSettersRegistryPlugin 插件，用于注册内置 setter 和事件绑定、插件绑定面板
- 更新 package.json，添加相关依赖
- 修改 index.ts，集成新插件并调整 simulatorUrl
- 优化 mockService.ts，导入 filterPackages 函数
diff --git a/packages/ignitor/package.json b/packages/ignitor/package.json
@@ -13,9 +13,12 @@
   "license": "MIT",
   "dependencies": {
     "@felce/lowcode-engine": "1.5.1-beta.0",
-    "@felce/lowcode-utils": "1.5.1-beta.0"
+    "@felce/lowcode-utils": "1.5.1-beta.0",
+    "@felce/lowcode-types": "1.5.1-beta.0"
   },
   "devDependencies": {
+    "@felce/lowcode-engine-ext": "latest",
+    "@felce/lowcode-plugin-inject": "latest",
     "@alilc/lowcode-datasource-fetch-handler": "^1.2.1"
   },
   "repository": {
diff --git a/packages/ignitor/src/index.ts b/packages/ignitor/src/index.ts
@@ -1,6 +1,7 @@
 import { init, plugins } from '@felce/lowcode-engine';
 import { createFetchHandler } from '@alilc/lowcode-datasource-fetch-handler';
 import EditorInitPlugin from './plugins/plugin-editor-init';
+import DefaultSettersRegistryPlugin from './plugins/plugin-default-setters-registry';
 import appHelper from './helper';
 import './index.scss';
 
@@ -13,19 +14,13 @@ await plugins.register(EditorInitPlugin, {
         key: '设计器',
         value: 'https://github.com/alibaba/lowcode-demo/tree/main/demo-general',
       },
-      {
-        key: 'fusion-ui 物料',
-        value: 'https://github.com/alibaba/lowcode-materials/tree/main/packages/fusion-ui',
-      },
-      {
-        key: 'fusion 物料',
-        value:
-          'https://github.com/alibaba/lowcode-materials/tree/main/packages/fusion-lowcode-materials',
-      },
     ],
   },
 });
 
+// 设置内置 setter 和事件绑定、插件绑定面板
+await plugins.register(DefaultSettersRegistryPlugin);
+
 init(document.getElementById('lce-container')!, {
   locale: 'zh-CN',
   enableCondition: true,
@@ -36,8 +31,8 @@ init(document.getElementById('lce-container')!, {
     fetch: createFetchHandler(),
   },
   simulatorUrl: [
-    'https://registry.npmmirror.com/@felce/lowcode-react-simulator-renderer/1.5.0-beta.2/files/dist/react-simulator-renderer.css',
-    'https://registry.npmmirror.com/@felce/lowcode-react-simulator-renderer/1.5.0-beta.2/files/dist/react-simulator-renderer.umd.js',
+    'https://registry.npmmirror.com/@felce/lowcode-react-simulator-renderer/latest/files/dist/react-simulator-renderer.css',
+    'https://registry.npmmirror.com/@felce/lowcode-react-simulator-renderer/latest/files/dist/react-simulator-renderer.umd.js',
   ],
   appHelper,
   enableContextMenu: true,
diff --git a/packages/ignitor/src/plugins/plugin-default-setters-registry/index.tsx b/packages/ignitor/src/plugins/plugin-default-setters-registry/index.tsx
@@ -0,0 +1,35 @@
+import { IPublicModelPluginContext } from '@felce/lowcode-types';
+import AliLowCodeEngineExt from '@felce/lowcode-engine-ext';
+import '@felce/lowcode-engine-ext/dist/index.css';
+
+// 设置内置 setter 和事件绑定、插件绑定面板
+const DefaultSettersRegistryPlugin = (ctx: IPublicModelPluginContext) => {
+  return {
+    async init() {
+      const { setterMap, pluginMap } = AliLowCodeEngineExt;
+      const { setters, skeleton } = ctx;
+      // 注册 setterMap
+      setters.registerSetter(setterMap);
+      // 注册插件
+      // 注册事件绑定面板
+      skeleton.add({
+        area: 'centerArea',
+        type: 'Widget',
+        content: pluginMap.EventBindDialog,
+        name: 'eventBindDialog',
+        props: {},
+      });
+
+      // 注册变量绑定面板
+      skeleton.add({
+        area: 'centerArea',
+        type: 'Widget',
+        content: pluginMap.VariableBindDialog,
+        name: 'variableBindDialog',
+        props: {},
+      });
+    },
+  };
+};
+DefaultSettersRegistryPlugin.pluginName = 'DefaultSettersRegistryPlugin';
+export default DefaultSettersRegistryPlugin;
diff --git a/packages/ignitor/src/services/mockService.ts b/packages/ignitor/src/services/mockService.ts
@@ -1,5 +1,5 @@
 import { material, project } from '@felce/lowcode-engine';
-// import { filterPackages } from '@alilc/lowcode-plugin-inject';
+import { filterPackages } from '@felce/lowcode-plugin-inject';
 import { Message, Dialog } from '@alifd/next';
 import { IPublicTypeProjectSchema, IPublicEnumTransformStage } from '@felce/lowcode-types';
 import DefaultPageSchema from './defaultPageSchema.json';
@@ -76,7 +76,7 @@ const setPackagesToLocalStorage = async (scenarioName: string) => {
     console.error('scenarioName is required!');
     return;
   }
-  const packages = await filterPackages(material.getAssets().packages);
+  const packages = await filterPackages(material.getAssets()!.packages);
   window.localStorage.setItem(getLSName(scenarioName, 'packages'), JSON.stringify(packages));
 };
 
