feat: 1

src/pages/Schema/Designable/index.tsx

@@ -64,70 +64,68 @@ const Designable = () => {
   )
 
   return (
-    <div className={styles.zhDesignable}>
-      <Designer engine={engine}>
-        <StudioPanel actions={<ActionsWidget />}>
-          <ResourceWidget
-            title="sources.Inputs"
-            sources={[
-              Input,
-              Password,
-              NumberPicker,
-              Select,
-              TreeSelect,
-              Cascader,
-              Checkbox,
-              Radio,
-              DatePicker,
-              TimePicker,
-              Upload
-            ]}
-          />
-          <Workspace id="form">
-            <WorkspacePanel>
-              {/* <ToolbarPanel>
+    <Designer engine={engine}>
+      <StudioPanel actions={<ActionsWidget />}>
+        <ResourceWidget
+          title="sources.Inputs"
+          sources={[
+            Input,
+            Password,
+            NumberPicker,
+            Select,
+            TreeSelect,
+            Cascader,
+            Checkbox,
+            Radio,
+            DatePicker,
+            TimePicker,
+            Upload
+          ]}
+        />
+        <Workspace id="form">
+          <WorkspacePanel>
+            {/* <ToolbarPanel>
               <DesignerToolsWidget use={['HISTORY', 'CURSOR']} />
               <ViewToolsWidget use={['DESIGNABLE', 'JSONTREE', 'MARKUP', 'PREVIEW']} />
             </ToolbarPanel> */}
-              <ViewportPanel>
-                <ViewPanel type="DESIGNABLE">
-                  {() => (
-                    <ComponentTreeWidget
-                      components={{
-                        Form,
-                        Field,
-                        Input,
-                        Select,
-                        TreeSelect,
-                        Cascader,
-                        Radio,
-                        Checkbox,
-                        NumberPicker,
-                        Password,
-                        DatePicker,
-                        TimePicker,
-                        Upload,
-                        Switch
-                      }}
-                    />
-                  )}
-                </ViewPanel>
-                {/* <ViewPanel type="JSONTREE" scrollable={false}>
+            <ViewportPanel>
+              <ViewPanel type="DESIGNABLE">
+                {() => (
+                  <ComponentTreeWidget
+                    components={{
+                      Form,
+                      Field,
+                      Input,
+                      Select,
+                      TreeSelect,
+                      Cascader,
+                      Radio,
+                      Checkbox,
+                      NumberPicker,
+                      Password,
+                      DatePicker,
+                      TimePicker,
+                      Upload,
+                      Switch
+                    }}
+                  />
+                )}
+              </ViewPanel>
+              {/* <ViewPanel type="JSONTREE" scrollable={false}>
                   {(tree, onChange) => <SchemaEditorWidget tree={tree} onChange={onChange} />}
                 </ViewPanel>
                 <ViewPanel type="MARKUP" scrollable={false}>
                   {tree => <MarkupSchemaWidget tree={tree} />}
                 </ViewPanel>
                 <ViewPanel type="PREVIEW">{tree => <PreviewWidget tree={tree} />}</ViewPanel> */}
-              </ViewportPanel>
-            </WorkspacePanel>
-          </Workspace>
-          <SettingsPanel title="panels.PropertySettings">
-            <SettingsForm uploadAction="https://www.mocky.io/v2/5cc8019d300000980a055e76" />
-          </SettingsPanel>
-        </StudioPanel>
-      </Designer>
-    </div>
+            </ViewportPanel>
+          </WorkspacePanel>
+        </Workspace>
+        <SettingsPanel title="panels.PropertySettings">
+          <SettingsForm uploadAction="https://www.mocky.io/v2/5cc8019d300000980a055e76" />
+        </SettingsPanel>
+      </StudioPanel>
+    </Designer>
   )
 }