fix: fix responsive invalidation caused by upgrading build-plugin-component

packages/editor-skeleton/src/components/settings/main.ts

@@ -13,7 +13,7 @@ export class SettingsMain {
 
   private _sessionId = '';
 
-  @obx.ref private _settings?: SettingTopEntry | null = null;
+  @obx.ref private _settings?: SettingTopEntry;
 
   @computed get length(): number | undefined {
     return this._settings?.nodes.length;

packages/engine/build.plugin.js

@@ -25,6 +25,25 @@ const releaseVersion = getVersion();
 
 module.exports = ({ context, onGetWebpackConfig }) => {
   onGetWebpackConfig((config) => {
+    ['jsx', 'tsx'].forEach((rule) => {
+      config.module
+      .rule(rule)
+      .exclude.clear()
+      .add(/node_modules(?!(.+_component_demo|.+build-plugin-component))/)
+      .end()
+      .use('babel-loader')
+      .tap((options) => {
+        const { plugins = [] } = options;
+        console.log('plugins', plugins);
+        return {
+          ...options,
+          plugins: [
+            ...plugins,
+            ['@babel/plugin-proposal-class-properties', { loose: true }],
+          ],
+        };
+      });
+    });
     config.resolve
       .plugin('tsconfigpaths')
       .use(TsconfigPathsPlugin, [{

packages/engine/src/engine-core.ts

@@ -172,7 +172,7 @@ export async function init(
   // 注册一批内置插件
   await plugins.register(OutlinePlugin);
   await plugins.register(componentMetaParser(designer));
-  await plugins.register(setterRegistry);
+  await plugins.register(setterRegistry, {}, { autoInit: true });
   await plugins.register(defaultPanelRegistry(editor, designer));
   await plugins.register(builtinHotkey);
 

packages/ignitor/build.plugin.js

@@ -6,6 +6,26 @@ const { version } = lernaConfig;
 
 module.exports = ({ context, onGetWebpackConfig }) => {
   onGetWebpackConfig((config) => {
+    ['jsx', 'tsx'].forEach((rule) => {
+      config.module
+      .rule(rule)
+      .exclude.clear()
+      .add(/node_modules(?!(.+_component_demo|.+build-plugin-component))/)
+      .end()
+      .use('babel-loader')
+      .tap((options) => {
+        const { plugins = [] } = options;
+        console.log('plugins', plugins);
+        return {
+          ...options,
+          plugins: [
+            ...plugins,
+            ['@babel/plugin-proposal-class-properties', { loose: true }],
+          ],
+        };
+      });
+    });
+
     config.resolve.plugin('tsconfigpaths').use(TsconfigPathsPlugin, [
       {
         configFile: './tsconfig.json',

packages/rax-simulator-renderer/build.plugin.js

@@ -1,5 +1,24 @@
 module.exports = ({ onGetWebpackConfig }) => {
   onGetWebpackConfig((config) => {
+    ['jsx', 'tsx'].forEach((rule) => {
+      config.module
+      .rule(rule)
+      .exclude.clear()
+      .add(/node_modules(?!(.+_component_demo|.+build-plugin-component))/)
+      .end()
+      .use('babel-loader')
+      .tap((options) => {
+        const { plugins = [] } = options;
+        console.log('plugins', plugins);
+        return {
+          ...options,
+          plugins: [
+            ...plugins,
+            ['@babel/plugin-proposal-class-properties', { loose: true }],
+          ],
+        };
+      });
+    });
     config.performance.hints(false);
   });
 };

packages/react-simulator-renderer/build.plugin.js

@@ -1,5 +1,24 @@
 module.exports = ({ onGetWebpackConfig }) => {
   onGetWebpackConfig((config) => {
+    ['jsx', 'tsx'].forEach((rule) => {
+      config.module
+      .rule(rule)
+      .exclude.clear()
+      .add(/node_modules(?!(.+_component_demo|.+build-plugin-component))/)
+      .end()
+      .use('babel-loader')
+      .tap((options) => {
+        const { plugins = [] } = options;
+        console.log('plugins', plugins);
+        return {
+          ...options,
+          plugins: [
+            ...plugins,
+            ['@babel/plugin-proposal-class-properties', { loose: true }],
+          ],
+        };
+      });
+    });
     config.performance.hints(false);
   });
 };

packages/workspace/src/base-context.ts

@@ -133,7 +133,7 @@ export class BasicContext {
     // 注册一批内置插件
     this.registerInnerPlugins = async function registerPlugins() {
       await plugins.register(componentMetaParser(designer));
-      await plugins.register(setterRegistry);
+      await plugins.register(setterRegistry, {}, { autoInit: true });
       await plugins.register(defaultPanelRegistry(editor, designer));
       await plugins.register(builtinHotkey);
     };