amis-saas-10220 外观源码编辑器

Change-Id: I36dcfaa22c811dda6d970f0c508abdb792daf1fa

packages/amis-editor-core/scss/style-control/_theme-css-code.scss

@@ -12,7 +12,7 @@
 }
 .ThemeCssCode-editor {
   height: auto;
-  width: px2rem(400px);
+  width: px2rem(460px);
   padding: px2rem(16px);
   position: relative;
   &-title {
@@ -32,6 +32,41 @@
   &-content {
     height: px2rem(500px);
     width: 100%;
+    &-header {
+      display: flex;
+      margin-bottom: px2rem(10px);
+      border-bottom: 1px solid #e8e9eb;
+
+      &-title {
+        margin-right: px2rem(30px);
+        cursor: pointer;
+        padding-bottom: px2rem(10px);
+      }
+      &-title--active {
+        color: #2468f2;
+        border-bottom: 2px solid #2468f2;
+      }
+    }
+    &-main {
+      overflow: auto;
+      height: px2rem(460px);
+    }
+    &-body--hidden {
+      display: none;
+    }
+    &-body {
+      margin-bottom: px2rem(10px);
+      &-title {
+        margin-bottom: px2rem(10px);
+        margin-left: px2rem(16px);
+        font-size: 12px;
+      }
+      &-editor {
+        height: 200px;
+        margin-bottom: px2rem(10px);
+        border-bottom: 1px solid #e8e9eb;
+      }
+    }
   }
 }
 .editorPanel-inner {

packages/amis-editor-core/src/store/editor.ts

@@ -524,7 +524,7 @@ export const MainStore = types
                 key !== '$$commonSchema') ||
               typeof props === 'function' || // pipeIn 和 pipeOut
               key.substring(0, 2) === '__' ||
-              // key === 'themeCss' ||
+              key === 'themeCss' ||
               key === 'editorPath' ||
               key === 'editorState') // 样式不需要出现做json中,
         );