amis 1.3.4 → 1.4.0

package/scss/_properties.scss

@@ -166,6 +166,10 @@
 
   --Badge-size: var(--gap-md);
   --Badge-color: var(--white);
+  --Badge--success-bg: var(--success);
+  --Badge--info-bg: var(--info);
+  --Badge--warning-bg: var(--warning);
+  --Badge--danger-bg: var(--danger);
 
   --Button--danger-bg: var(--danger);
   --Button--danger-border: var(--Button--danger-bg);
@@ -872,6 +876,8 @@
   --ListItem-onModified-fieldLabel-color: #{lighten(#4285f4, 20%)};
   --ListItem-paddingX: var(--gap-base);
   --ListItem-paddingY: var(--gap-sm);
+  --ListItem--onHover-bg: rgba(0, 126, 255, 0.08);
+  --ListItem--onHover-color: var(--info);
 
   --listMenu--onActive-borderColor: var(--info);
   --ListMenu-borderRadius: #{px2rem(2px)};

package/scss/components/_badge.scss

@@ -12,7 +12,6 @@
     transform-origin: 100% 0;
     z-index: auto;
     border-radius: calc(var(--Badge-size) / 2);
-    box-shadow: 0 0 0 1px #fff;
   }
 
   &--top-left {
@@ -38,6 +37,21 @@
     transform: translate(50%, 50%);
   }
 
+  &--danger {
+    background: var(--Badge--danger-bg);
+  }
+
+  &--info {
+    background: var(--Badge--info-bg);
+  }
+
+  &--success {
+    background: var(--Badge--success-bg);
+  }
+
+  &--warning {
+    background: var(--Badge--warning-bg);
+  }
   // 显示文字
   &-text {
     color: var(--Badge-color);

package/scss/components/_list.scss

@@ -238,4 +238,12 @@
   &.is-dragging {
     opacity: var(--ListItem-onDragging-opacity);
   }
+
+  &--hasItemAction {
+    cursor: pointer;
+  }
+  &--hasItemAction:hover {
+    color: var(--ListMenu-item--onHover-color);
+    background: var(--ListMenu-item--onHover-bg);
+  }
 }

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/_table.scss

@@ -356,6 +356,10 @@
         }
       }
 
+      &.#{$ns}Table-tr--hasItemAction:hover {
+        cursor: pointer;
+      }
+
       &:hover,
       &.is-hovered {
         background: var(--Table-onHover-bg);

package/scss/components/form/_form.scss

@@ -166,10 +166,6 @@
     &.#{$ns}NumberControl {
       width: var(--Form-control-widthXs);
     }
-
-    &.#{$ns}TextareaControl {
-      width: auto;
-    }
   }
 
   .#{$ns}Form-control--sizeSm {
@@ -182,10 +178,6 @@
     &.#{$ns}NumberControl {
       width: var(--Form-control-widthSm);
     }
-
-    &.#{$ns}TextareaControl {
-      width: auto;
-    }
   }
 
   .#{$ns}Form-control--sizeMd {
@@ -193,10 +185,6 @@
     max-width: 100%;
     display: inline-block;
     vertical-align: top;
-
-    &.#{$ns}TextareaControl {
-      width: auto;
-    }
   }
 
   .#{$ns}Form-control--sizeLg {
@@ -209,10 +197,6 @@
     &.#{$ns}NumberControl {
       width: var(--Form-control-widthLg);
     }
-
-    &.#{$ns}TextareaControl {
-      width: auto;
-    }
   }
 
   .#{$ns}Form-item {
@@ -299,7 +283,9 @@
         margin-right: calc(var(--Form-item-gap) / 2);
 
         .#{$ns}Form-star {
-          position: static;
+          position: absolute;
+          left: px2rem(-6px);
+          top: px2rem(3px);
         }
       }
 

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/components/form/_nested-select.scss

@@ -1,3 +1,7 @@
+.#{$ns}NestedSelectControl {
+  position: relative;
+}
+
 .#{$ns}NestedSelect {
   position: relative;
   @include input-border();

package/scss/components/form/_number.scss

@@ -182,8 +182,19 @@
   display: block;
 }
 
-.#{$ns}Number--borderHalf, .#{$ns}Number--borderNone {
+.#{$ns}Number--borderHalf,
+.#{$ns}Number--borderNone {
   .#{$ns}Number-handler-wrap {
     border-left: none;
   }
 }
+
+.#{$ns}NumberControl--withUnit {
+  display: flex;
+  .#{$ns}Number {
+    flex-grow: 1;
+  }
+  .#{$ns}Select {
+    border-left: 0;
+  }
+}

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';