From 82851a6b5b3a676818d6bf512b6e1194e852cd97 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=AE=B8=E6=96=87=E6=B6=9B?= <alvin.hui@qq.com>
Date: Thu, 10 Sep 2020 14:35:32 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E9=80=9A=E8=BF=87?=
 =?UTF-8?q?=E6=A8=A1=E6=9D=BF=E7=94=9F=E6=88=90=E9=A1=B5=E9=9D=A2=E7=9A=84?=
 =?UTF-8?q?=E7=9B=B8=E5=85=B3=E7=BC=BA=E9=99=B7=20(#519)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* fix: generate page style

* chore: home page

* style: fix by prettier
---
 .../web/src/pages/PageCreator/configForm.tsx    | 17 ++++++++---------
 packages/material-ui/package.json               |  4 ++--
 .../material-ui/src/components/page.module.scss | 15 ++++++++++-----
 3 files changed, 20 insertions(+), 16 deletions(-)

diff --git a/extensions/iceworks-ui-builder/web/src/pages/PageCreator/configForm.tsx b/extensions/iceworks-ui-builder/web/src/pages/PageCreator/configForm.tsx
index bb4243bb8..e4aae407c 100644
--- a/extensions/iceworks-ui-builder/web/src/pages/PageCreator/configForm.tsx
+++ b/extensions/iceworks-ui-builder/web/src/pages/PageCreator/configForm.tsx
@@ -11,6 +11,13 @@ import callService from '../../callService';
 
 nextComponents.setup();
 
+const tmpComponents = {};
+forIn(nextComponents, (value, key) => {
+  if (key !== 'setup') {
+    tmpComponents[key] = value;
+  }
+});
+
 export default ({
   templateSchema,
   originResetData,
@@ -26,16 +33,8 @@ export default ({
   const [routerConfig, setRouterConfig] = useState([]);
   const [isConfigurableRouter, setIsConfigurableRouter] = useState(true);
   const [templateData, setTemplateData] = useState({});
-  const [components, setComponents] = useState({});
 
   useEffect(() => {
-    const tmpComponents = {};
-    forIn(nextComponents, (value, key) => {
-      if (key !== 'setup') {
-        tmpComponents[key] = value;
-      }
-    });
-    setComponents(tmpComponents);
     setLoading(false);
   }, []);
 
@@ -159,7 +158,7 @@ export default ({
               intl.formatMessage({ id: 'web.iceworksUIBuilder.pageCreator.defaultDescription' })}
           </p>
           <SchemaForm
-            components={components}
+            components={tmpComponents}
             schema={templateSchema}
             onSubmit={(setting) => {
               getRouterForm(setting);
diff --git a/packages/material-ui/package.json b/packages/material-ui/package.json
index cec139d0f..218dd2b67 100644
--- a/packages/material-ui/package.json
+++ b/packages/material-ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@iceworks/material-ui",
-  "version": "0.1.10",
+  "version": "0.1.11",
   "description": "Material panel for display and select materials.",
   "files": [
     "demo/",
@@ -54,6 +54,6 @@
     "access": "public"
   },
   "license": "MIT",
-  "homepage": "https://unpkg.com/@iceworks/material-ui@0.1.10/build/index.html",
+  "homepage": "https://unpkg.com/@iceworks/material-ui@0.1.11/build/index.html",
   "gitHead": "fc5b35f95ab4cc24898845916acf598c2f34d576"
 }
diff --git a/packages/material-ui/src/components/page.module.scss b/packages/material-ui/src/components/page.module.scss
index fa30fbebf..62d582994 100644
--- a/packages/material-ui/src/components/page.module.scss
+++ b/packages/material-ui/src/components/page.module.scss
@@ -6,7 +6,7 @@
   cursor: pointer;
   overflow: hidden;
   position: relative;
-  height: 120px;
+  height: 100%;
   padding: 5px 20px;
   margin-bottom: 24px;
   background-color: #252422;
@@ -20,6 +20,15 @@
 
   &.selected {
     border-color: $color-line1-3;
+
+    .selectedIcon {
+      position: absolute;
+      top: 6px;
+      right: 6px;
+      border: 1px solid $color-line1-3;
+      border-radius: 50%;
+      padding: 4px;
+    }
   }
 }
 
@@ -43,10 +52,6 @@
   padding: 10px 0;
 }
 
-.desc {
-  color: $color-text1-2;
-}
-
 .actions {
   position: absolute;
   bottom: 0;