amis 1.3.5-beta.7 → 1.4.0

package/scss/components/_markdown.scss

@@ -0,0 +1,266 @@
+.#{$ns}Markdown {
+  strong {
+    font-weight: bolder;
+  }
+
+  img {
+    border-style: none;
+  }
+
+  svg:not(:root) {
+    overflow: hidden;
+  }
+
+  button:-moz-focusring,
+  [type='button']:-moz-focusring,
+  [type='reset']:-moz-focusring,
+  [type='submit']:-moz-focusring {
+    outline: 1px dotted ButtonText;
+  }
+
+  [type='checkbox'] {
+    box-sizing: border-box;
+    padding: 0;
+  }
+
+  table {
+    border-spacing: 0;
+    border-collapse: collapse;
+  }
+
+  table td,
+  table th {
+    padding: 0;
+  }
+
+  hr {
+    height: 0;
+    margin: 15px 0;
+    overflow: hidden;
+    background: transparent;
+    border: 0;
+    border-bottom: 1px solid #ddd;
+  }
+
+  hr::before {
+    display: table;
+    content: '';
+  }
+
+  hr::after {
+    display: table;
+    clear: both;
+    content: '';
+  }
+
+  p {
+    margin-top: 0;
+    margin-bottom: 10px;
+  }
+
+  blockquote {
+    margin: 0;
+  }
+
+  ul,
+  ol {
+    padding-left: 0;
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+
+  ol ol,
+  ul ol {
+    list-style-type: lower-roman;
+  }
+
+  ul ul ol,
+  ul ol ol,
+  ol ul ol,
+  ol ol ol {
+    list-style-type: lower-alpha;
+  }
+
+  dd {
+    margin-left: 0;
+  }
+
+  p,
+  blockquote,
+  ul,
+  ol,
+  dl,
+  table,
+  pre {
+    margin-top: 0;
+    margin-bottom: 16px;
+  }
+
+  hr {
+    height: 4px;
+    padding: 0;
+    margin: 16px 0;
+    background-color: #e7e7e7;
+    border: 0 none;
+  }
+
+  ul:not(.dropdown-menu):not(.nav),
+  ol {
+    padding-left: 2em;
+  }
+
+  ul ul,
+  ul ol,
+  ol ol,
+  ol ul {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+
+  li > p {
+    margin-top: 16px;
+  }
+
+  dl {
+    padding: 0;
+  }
+
+  dl dt {
+    padding: 0;
+    margin-top: 16px;
+    font-size: 1em;
+    font-style: italic;
+    font-weight: bold;
+  }
+
+  dl dd {
+    padding: 0 16px;
+    margin-bottom: 16px;
+  }
+
+  blockquote {
+    padding: 0 15px;
+    color: #777;
+    border-left: 4px solid #ddd;
+  }
+
+  blockquote > :first-child {
+    margin-top: 0;
+  }
+
+  blockquote > :last-child {
+    margin-bottom: 0;
+  }
+
+  table {
+    display: block;
+    width: 100%;
+    overflow: auto;
+    word-break: normal;
+  }
+
+  table th {
+    font-weight: bold;
+  }
+
+  table th,
+  table td {
+    padding: 6px 13px;
+    border: 1px solid #ddd;
+  }
+
+  table tr {
+    background-color: #fff;
+    border-top: 1px solid #ccc;
+  }
+
+  table tr:nth-child(2n) {
+    background-color: #f8f8f8;
+  }
+
+  @media (min-width: 1200px) {
+    img {
+      max-width: 800px;
+    }
+  }
+
+  code {
+    padding: 0;
+    padding-top: 0.2em;
+    padding-bottom: 0.2em;
+    margin: 0;
+    background-color: rgba(0, 0, 0, 0.04);
+    border-radius: 3px;
+  }
+
+  code:before,
+  code:after {
+    letter-spacing: -0.2em;
+    content: '\00a0';
+  }
+
+  pre > code {
+    padding: 0;
+    margin: 0;
+    word-break: normal;
+    white-space: pre;
+    background: transparent;
+    border: 0;
+  }
+
+  .highlight {
+    margin-bottom: 16px;
+  }
+
+  .highlight pre,
+  pre {
+    padding: 16px;
+    overflow: auto;
+    line-height: 1.45;
+    background-color: #f7f7f7;
+    border-radius: 3px;
+  }
+
+  .highlight pre {
+    margin-bottom: 0;
+    word-break: normal;
+  }
+
+  pre {
+    word-wrap: normal;
+  }
+
+  pre code {
+    display: inline;
+    max-width: initial;
+    padding: 0;
+    margin: 0;
+    overflow: initial;
+    line-height: inherit;
+    word-wrap: normal;
+    background-color: transparent;
+    border: 0;
+  }
+
+  pre code:before,
+  pre code:after {
+    content: normal;
+  }
+
+  kbd {
+    display: inline-block;
+    padding: 3px 5px;
+    line-height: 10px;
+    color: #555;
+    vertical-align: middle;
+    background-color: #fcfcfc;
+    border: solid 1px #ccc;
+    border-bottom-color: #bbb;
+    border-radius: 3px;
+    box-shadow: inset 0 -1px 0 #bbb;
+  }
+
+  hr {
+    border-bottom-color: #eee;
+  }
+}

package/scss/components/_spinner.scss

@@ -62,8 +62,12 @@
   &--icon {
     background: transparent;
     animation: spin 2s linear infinite;
-    width: auto;
-    height: auto;
+    width: var(--fontSizeLg);
+    height: var(--fontSizeLg);
+    svg.icon {
+      width: var(--fontSizeLg);
+      height: var(--fontSizeLg);
+    }
   }
 }
 

package/scss/components/form/_group.scss

@@ -8,6 +8,10 @@
   .#{$ns}Form-group {
     margin-bottom: var(--Form-item-gap);
 
+    &:last-child {
+      margin-bottom: 0;
+    }
+
     .#{$ns}Form-value > & {
       margin-bottom: var(--Form-input-marginBottom);
     }

package/scss/themes/_common.scss

@@ -106,5 +106,6 @@
 @import '../components/form/icon-picker';
 @import '../components/form/form';
 @import '../components/anchor-nav';
+@import '../components/markdown';
 
 @import '../utilities';

package/sdk/ang-ie11.css

@@ -21587,7 +21587,6 @@ readers do not read off random characters that represent icons */
   transform-origin: 100% 0;
   z-index: auto;
   border-radius: calc(1rem / 2);
-  box-shadow: 0 0 0 1px #fff;
 }
 
 .amis-scope .a-Badge--top-left {
@@ -21613,6 +21612,22 @@ readers do not read off random characters that represent icons */
   transform: translate(50%, 50%);
 }
 
+.amis-scope .a-Badge--danger {
+  background: #f05050;
+}
+
+.amis-scope .a-Badge--info {
+  background: #23b7e5;
+}
+
+.amis-scope .a-Badge--success {
+  background: #27c24c;
+}
+
+.amis-scope .a-Badge--warning {
+  background: #fad733;
+}
+
 .amis-scope .a-Badge-text {
   color: #fff;
   height: 1rem;
@@ -24299,8 +24314,13 @@ readers do not read off random characters that represent icons */
 .amis-scope .a-Spinner--icon {
   background: transparent;
   animation: spin 2s linear infinite;
-  width: auto;
-  height: auto;
+  width: 1rem;
+  height: 1rem;
+}
+
+.amis-scope .a-Spinner--icon svg.icon {
+  width: 1rem;
+  height: 1rem;
 }
 
 .amis-scope .a-Spinner--overlay {
@@ -29743,6 +29763,10 @@ readers do not read off random characters that represent icons */
     margin-bottom: 0.75rem;
   }
 
+  .amis-scope .a-Form-group:last-child {
+    margin-bottom: 0;
+  }
+
   .amis-scope .a-Form-value > .a-Form-group {
     margin-bottom: 0.375rem;
   }
@@ -36034,6 +36058,271 @@ readers do not read off random characters that represent icons */
   padding: 0.75rem;
 }
 
+.amis-scope .a-Markdown strong {
+  font-weight: bolder;
+}
+
+.amis-scope .a-Markdown img {
+  border-style: none;
+}
+
+.amis-scope .a-Markdown svg:not(:root) {
+  overflow: hidden;
+}
+
+.amis-scope .a-Markdown button:-moz-focusring,
+.amis-scope .a-Markdown [type=button]:-moz-focusring,
+.amis-scope .a-Markdown [type=reset]:-moz-focusring,
+.amis-scope .a-Markdown [type=submit]:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+
+.amis-scope .a-Markdown [type=checkbox] {
+  box-sizing: border-box;
+  padding: 0;
+}
+
+.amis-scope .a-Markdown table {
+  border-spacing: 0;
+  border-collapse: collapse;
+}
+
+.amis-scope .a-Markdown table td,
+.amis-scope .a-Markdown table th {
+  padding: 0;
+}
+
+.amis-scope .a-Markdown hr {
+  height: 0;
+  margin: 15px 0;
+  overflow: hidden;
+  background: transparent;
+  border: 0;
+  border-bottom: 1px solid #ddd;
+}
+
+.amis-scope .a-Markdown hr::before {
+  display: table;
+  content: "";
+}
+
+.amis-scope .a-Markdown hr::after {
+  display: table;
+  clear: both;
+  content: "";
+}
+
+.amis-scope .a-Markdown p {
+  margin-top: 0;
+  margin-bottom: 10px;
+}
+
+.amis-scope .a-Markdown blockquote {
+  margin: 0;
+}
+
+.amis-scope .a-Markdown ul,
+.amis-scope .a-Markdown ol {
+  padding-left: 0;
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.amis-scope .a-Markdown ol ol,
+.amis-scope .a-Markdown ul ol {
+  list-style-type: lower-roman;
+}
+
+.amis-scope .a-Markdown ul ul ol,
+.amis-scope .a-Markdown ul ol ol,
+.amis-scope .a-Markdown ol ul ol,
+.amis-scope .a-Markdown ol ol ol {
+  list-style-type: lower-alpha;
+}
+
+.amis-scope .a-Markdown dd {
+  margin-left: 0;
+}
+
+.amis-scope .a-Markdown p,
+.amis-scope .a-Markdown blockquote,
+.amis-scope .a-Markdown ul,
+.amis-scope .a-Markdown ol,
+.amis-scope .a-Markdown dl,
+.amis-scope .a-Markdown table,
+.amis-scope .a-Markdown pre {
+  margin-top: 0;
+  margin-bottom: 16px;
+}
+
+.amis-scope .a-Markdown hr {
+  height: 4px;
+  padding: 0;
+  margin: 16px 0;
+  background-color: #e7e7e7;
+  border: 0 none;
+}
+
+.amis-scope .a-Markdown ul:not(.dropdown-menu):not(.nav),
+.amis-scope .a-Markdown ol {
+  padding-left: 2em;
+}
+
+.amis-scope .a-Markdown ul ul,
+.amis-scope .a-Markdown ul ol,
+.amis-scope .a-Markdown ol ol,
+.amis-scope .a-Markdown ol ul {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.amis-scope .a-Markdown li > p {
+  margin-top: 16px;
+}
+
+.amis-scope .a-Markdown dl {
+  padding: 0;
+}
+
+.amis-scope .a-Markdown dl dt {
+  padding: 0;
+  margin-top: 16px;
+  font-size: 1em;
+  font-style: italic;
+  font-weight: bold;
+}
+
+.amis-scope .a-Markdown dl dd {
+  padding: 0 16px;
+  margin-bottom: 16px;
+}
+
+.amis-scope .a-Markdown blockquote {
+  padding: 0 15px;
+  color: #777;
+  border-left: 4px solid #ddd;
+}
+
+.amis-scope .a-Markdown blockquote > :first-child {
+  margin-top: 0;
+}
+
+.amis-scope .a-Markdown blockquote > :last-child {
+  margin-bottom: 0;
+}
+
+.amis-scope .a-Markdown table {
+  display: block;
+  width: 100%;
+  overflow: auto;
+  word-break: normal;
+}
+
+.amis-scope .a-Markdown table th {
+  font-weight: bold;
+}
+
+.amis-scope .a-Markdown table th,
+.amis-scope .a-Markdown table td {
+  padding: 6px 13px;
+  border: 1px solid #ddd;
+}
+
+.amis-scope .a-Markdown table tr {
+  background-color: #fff;
+  border-top: 1px solid #ccc;
+}
+
+.amis-scope .a-Markdown table tr:nth-child(2n) {
+  background-color: #f8f8f8;
+}
+
+@media (min-width: 1200px) {
+  .amis-scope .a-Markdown img {
+    max-width: 800px;
+  }
+}
+
+.amis-scope .a-Markdown code {
+  padding: 0;
+  padding-top: 0.2em;
+  padding-bottom: 0.2em;
+  margin: 0;
+  background-color: rgba(0, 0, 0, 0.04);
+  border-radius: 3px;
+}
+
+.amis-scope .a-Markdown code:before,
+.amis-scope .a-Markdown code:after {
+  letter-spacing: -0.2em;
+  content: " ";
+}
+
+.amis-scope .a-Markdown pre > code {
+  padding: 0;
+  margin: 0;
+  word-break: normal;
+  white-space: pre;
+  background: transparent;
+  border: 0;
+}
+
+.amis-scope .a-Markdown .highlight {
+  margin-bottom: 16px;
+}
+
+.amis-scope .a-Markdown .highlight pre,
+.amis-scope .a-Markdown pre {
+  padding: 16px;
+  overflow: auto;
+  line-height: 1.45;
+  background-color: #f7f7f7;
+  border-radius: 3px;
+}
+
+.amis-scope .a-Markdown .highlight pre {
+  margin-bottom: 0;
+  word-break: normal;
+}
+
+.amis-scope .a-Markdown pre {
+  word-wrap: normal;
+}
+
+.amis-scope .a-Markdown pre code {
+  display: inline;
+  max-width: initial;
+  padding: 0;
+  margin: 0;
+  overflow: initial;
+  line-height: inherit;
+  word-wrap: normal;
+  background-color: transparent;
+  border: 0;
+}
+
+.amis-scope .a-Markdown pre code:before,
+.amis-scope .a-Markdown pre code:after {
+  content: normal;
+}
+
+.amis-scope .a-Markdown kbd {
+  display: inline-block;
+  padding: 3px 5px;
+  line-height: 10px;
+  color: #555;
+  vertical-align: middle;
+  background-color: #fcfcfc;
+  border: solid 1px #ccc;
+  border-bottom-color: #bbb;
+  border-radius: 3px;
+  box-shadow: inset 0 -1px 0 #bbb;
+}
+
+.amis-scope .a-Markdown hr {
+  border-bottom-color: #eee;
+}
+
 /*
  * utilities
  */