样式优化、其他

examples/components/Doc.tsx

@@ -652,9 +652,9 @@ export const docs = [
       },
       {
         label: 'Cards 卡片组',
-        path: '/docs/components/component',
+        path: '/docs/components/cards',
         getComponent: (location, cb) =>
-          require(['../../docs/components/component.md'], doc => {
+          require(['../../docs/components/cards.md'], doc => {
             cb(null, makeMarkdownRenderer(doc));
           })
       },

examples/components/SchemaRender.jsx

@@ -187,6 +187,7 @@ export default function (schema) {
             <div className="schema-wrapper">
               {showCode !== false ? (
                 <DrawerContainer
+                  disabled
                   classPrefix={ns}
                   size="lg"
                   onHide={this.close}

examples/style.scss

@@ -193,7 +193,7 @@ body {
     }
 
     &-searchBar {
-      width: 220px;
+      width: 120px;
 
       .Doc-search {
         top: 15px;
@@ -282,7 +282,7 @@ body {
 
   &-toc {
     margin: 30px 0;
-    width: 220px;
+    width: 120px;
   }
 
   &-navigation {
@@ -293,7 +293,7 @@ body {
 
       > a {
         // font-size: 16px;
-        // font-weight: 700;
+        font-weight: 700;
         font-size: 14px;
         color: #666;
         padding-left: 0;
@@ -310,7 +310,7 @@ body {
         display: block;
         position: absolute;
         right: 20px;
-        top: 10px;
+        top: 5px;
         // color: #666;
 
         // &:hover {
@@ -497,7 +497,7 @@ body {
     > .a-Page,
     > .cxd-Page,
     > .dark-Page {
-      padding: 0 45px;
+      padding: 0 35px;
     }
   }
 }
@@ -580,10 +580,17 @@ body {
   &.visible {
     opacity: 1;
     z-index: 0;
+    z-index: 1;
   }
 }
 
 @include media-breakpoint-up(lg) {
+  // .a-Layout--boxed,
+  // .cxd-Layout--boxed,
+  // .dark-Layout--boxed {
+  //   width: 75.75rem;
+  // }
+
   .Doc {
     display: flex;
     flex-direction: row;

scss/_variables.scss

@@ -1335,6 +1335,7 @@ $Wizard-steps-bg--isComplete: #f1f5f9 !default;
 
 // Page
 $Page-aside-width: px2rem(200px) !default;
+$Page-aside-maxWidth: px2rem(300px) !default;
 $Page-aside-bg: desaturate(darken($light, 3%), 2.5%) !default;
 $Page-content-paddingY: 0 !default;
 $Page-content-paddingX: 0 !default;

scss/components/_page.scss

@@ -81,7 +81,8 @@
       border: inherit;
     }
 
-    width: $Page-aside-width;
+    min-width: $Page-aside-width;
+    max-width: $Page-aside-maxWidth;
     border-right: $borderWidth solid $borderColor;
   }
 

scss/components/form/_group.scss

@@ -91,6 +91,10 @@
     width: 0;
     max-width: 100%;
     margin-bottom: 0;
+
+    .#{$ns}TextControl {
+      min-width: unset;
+    }
   }
 
   @for $i from (1) through $Form--horizontal-columns {