fix: fix lowcode-plugin-simulator-select plug-in default selection and configuration inconsistency

liujuping · JackLian · commit 12d74a55df52 · 2023-02-09T17:11:53.000+08:00
diff --git a/packages/plugin-simulator-size/package.json b/packages/plugin-simulator-size/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@alilc/lowcode-plugin-simulator-select",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "画布切换",
   "main": "lib/index.js",
   "scripts": {
diff --git a/packages/plugin-simulator-size/src/index.tsx b/packages/plugin-simulator-size/src/index.tsx
@@ -31,6 +31,13 @@ export class SimulatorResizePane extends React.Component {
         currentWidth
       });
     });
+    project.onSimulatorHostReady?.((simulator) => {
+      if (simulator.get('device')) {
+        this.setState({
+          active: simulator.get('device'),
+        });
+      }
+    });
   }
 
   change = (device: string) => {
@@ -47,7 +54,7 @@ export class SimulatorResizePane extends React.Component {
         currentWidth
       });
     }, 0);
-  }
+  };
 
   renderItemSVG(device: string) {
     switch (device) {
@@ -76,31 +83,39 @@ export class SimulatorResizePane extends React.Component {
               >
                 {this.renderItemSVG(item.key)}
               </span>
-            )
+            );
           })
         }
-        <div className='lp-simulator-width-setter'>
-          <NumberPicker className="lp-simulator-width-input" addonTextAfter="px" value={currentWidth} placeholder="请输入" onChange={(value) => {
-            this.setState({
-              currentWidth: value
-            });
-          }} onPressEnter={(event: any) => {
-            const value = event?.target?.value;
-            const simulator = project.simulatorHost;
-            simulator?.set('deviceStyle', {
-              canvas: {
-                width: `${value}px`,
-              }
-            })
-            this.setState({
-              currentWidth: value
-            });
-          }} />
+        <div className="lp-simulator-width-setter">
+          <NumberPicker
+            className="lp-simulator-width-input"
+            addonTextAfter="px"
+            value={currentWidth}
+            placeholder="请输入"
+            onChange={(value) => {
+              this.setState({
+                currentWidth: value
+              });
+            }}
+            onPressEnter={(event: any) => {
+              const value = event?.target?.value;
+              const simulator = project.simulatorHost;
+              simulator?.set('deviceStyle', {
+                canvas: {
+                  width: `${value}px`,
+                },
+              });
+              this.setState({
+                currentWidth: value
+              });
+            }}
+          />
         </div>
       </div>
     );
   }
 }
+
 const plugin = (ctx: ILowCodePluginContext) => {
   const SimulatorResizePaneRef = React.createRef<SimulatorResizePane>();
 
@@ -114,7 +129,7 @@ const plugin = (ctx: ILowCodePluginContext) => {
         type: 'Widget',
         props: {
           description: '切换画布尺寸',
-          align: "center",
+          align: 'center',
         },
         content: (
           <SimulatorResizePane

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@alilc/lowcode-plugin-simulator-select",`
`3`		`- "version": "1.0.2",`
	`3`	`+ "version": "1.0.3",`
`4`	`4`	`"description": "画布切换",`
`5`	`5`	`"main": "lib/index.js",`
`6`	`6`	`"scripts": {`