amis 1.5.6-beta.4 → 1.5.8-beta.2

package/scss/components/form/_selection.scss

@@ -1,7 +1,7 @@
 .#{$ns}Selection {
   > .#{$ns}Checkbox {
     display: block;
-    height: var(--Form-input-height);
+    // height: var(--Form-input-height);
     line-height: var(--Form-input-lineHeight);
     font-size: var(--Form-input-fontSize);
     padding: calc(
@@ -57,7 +57,7 @@
 
   &-item {
     display: flex;
-    height: var(--Form-input-height);
+    // height: var(--Form-input-height);
     line-height: var(--Form-input-lineHeight);
     font-size: var(--Form-input-fontSize);
     padding: calc(
@@ -193,7 +193,7 @@
   &-itemInner {
     display: flex;
     align-items: center;
-    height: var(--Form-input-height);
+    // height: var(--Form-input-height);
     line-height: var(--Form-input-lineHeight);
     font-size: var(--Form-input-fontSize);
     padding: calc(
@@ -251,6 +251,7 @@
 .#{$ns}ChainedSelection {
   display: flex;
   flex-direction: row;
+  min-height: 100%;
 
   &-col {
     flex-grow: 1;
@@ -269,7 +270,7 @@
 
   &-item {
     display: flex;
-    height: var(--Form-input-height);
+    // height: var(--Form-input-height);
     line-height: var(--Form-input-lineHeight);
     font-size: var(--Form-input-fontSize);
     padding: calc(

package/scss/components/form/_tree-select.scss

@@ -15,6 +15,10 @@
     box-shadow: var(--Form-input-boxShadow);
     background: var(--Form-input-onFocused-bg);
   }
+
+  &-popup {
+    height: 80vh;
+  }
 }
 
 .#{$ns}TreeSelect-popover {

package/scss/helper/background/_background-color.scss

@@ -15,7 +15,7 @@ title: 背景色
 | bg-primary | background: #007bff |
 | bg-secondary | background: #6c757d |
 | bg-success | background: #28a745 |
-| bg-info | background: #17a2b8 |
+| bg-info | background: #007bff |
 | bg-warning | background: #28a745 |
 | bg-danger | background: #dc3545 |
 | bg-light | background: #f8f9fa |

package/scss/helper/border/_border-color.scss

@@ -11,7 +11,7 @@ title: 边框颜色
 | border-primary | border-color: #007bff |
 | border-secondary | border-color: #6c757d |
 | border-success | border-color: #28a745 |
-| border-info | border-color: #17a2b8 |
+| border-info | border-color: #007bff |
 | border-warning | border-color: #28a745 |
 | border-danger | border-color: #dc3545 |
 | border-light | border-color: #f8f9fa |

package/scss/helper/typography/_text-color.scss

@@ -13,7 +13,7 @@ title: Text Color
 | text-primary | color: #007bff |
 | text-secondary | color: #6c757d |
 | text-success | color: #28a745 |
-| text-info | color: #17a2b8 |
+| text-info | color: #007bff |
 | text-warning | color: #fad733 |
 | text-danger | color: #dc3545 |
 | text-light | color: #f8f9fa |

package/scss/themes/_antd-variables.scss

@@ -166,4 +166,46 @@ $link-color: $info;
   --Table-onChecked-borderColor: var(--Table-borderColor);
 
   --Switch-bgColor: #bfbfbf;
+
+  // timeline
+  --TimelineItem--axle-flex: 0 0 #{px2rem(24px)};
+  --TimelineItem--left-line-width: #{px2rem(2px)};
+  --TimelineItem--left-line-left: #{px2rem(13px)};
+  --TimelineItem--left-line-top: #{px2rem(20px)};
+  --TimelineItem--round-width: #{px2rem(8px)};
+  --TimelineItem--round-height: #{px2rem(8px)};
+  --TimelineItem--round-left: #{px2rem(10px)};
+  --TimelineItem--round-top: #{px2rem(8px)};
+  --TimelineItem--icon-width: #{px2rem(16px)};
+  --TimelineItem--icon-height: #{px2rem(16px)};
+  --TimelineItem--icon-left: #{px2rem(6px)};
+  --TimelineItem--content-padding-bottom: #{px2rem(16px)};
+  --TimelineItem--content-margin-left: #{px2rem(8px)};
+  --TimelineItem--content-time-margin-bottom: #{px2rem(4px)};
+  --TimelineItem--content-title-margin-bottom: #{px2rem(4px)};
+  --TimelineItem--detail-button-margin-bottom: #{px2rem(8px)};
+  --TimelineItem-detail-arrow-width: #{px2rem(16px)};
+  --TimelineItem-detail-visible-padding: #{px2rem(10px)};
+  --TimelineItem-detail-visible-max-width: #{px2rem(300px)};
+  --Timeline-alternate-margin-left: #{px2rem(24px)};
+
+  --TimelineItem--icon-radius: 50%;
+  --TimelineItem--round-radius: 50%;
+  --TimelineItem--content-radius: #{px2rem(2px)};
+
+  --TimelineItem-detail-visible-shadow: 0 #{px2rem(1px)} #{px2rem(10px)} 0 rgba(0 0 0 / 10%);
+
+  --TimelineItem--font-size: #{px2rem(12px)};
+
+  --TimelineItem--text-primary-color: #151a26;
+  --TimelineItem--text-secondary-color: #83868c;
+  --TimelineItem--detail-button-color: var(--primary);
+  --TimelineItem--line-bg: #e6e6e8;
+  --TimelineItem--content-bg: #f2f2f4;
+  --TimelineItem-round-bg: #dadbdd;
+
+  --Timeline--success-bg: var(--success);
+  --Timeline--info-bg: var(--info);
+  --Timeline--warning-bg: var(--warning);
+  --Timeline--danger-bg: var(--danger);
 }

package/scss/themes/_common.scss

@@ -18,6 +18,7 @@
 @import '../components/tooltip';
 @import '../components/tpl';
 @import '../components/popover';
+@import '../components/popup';
 @import '../components/picker-columns';
 @import '../components/toast';
 @import '../components/alert';
@@ -117,5 +118,7 @@
 @import '../components/markdown';
 @import '../components/link';
 @import '../components/mapping';
+@import '../components/formula';
+@import '../components/timeline';
 
 @import '../utilities';

package/scss/themes/_cxd-variables.scss

@@ -364,7 +364,7 @@ $L1: 0px 4px 6px 0px rgba(8, 14, 26, 0.06),
   --Table-onHover-bg: #f5f5f5;
   --Table-onHover-bg-rgb: 245, 251, 255;
   --Table-onHover-borderColor: #eceff8;
-  --Table-onChecked-bg: transparent;
+  --Table-onChecked-bg: #f0faff;
   --Table-onChecked-borderColor: #eceff8;
   --Table-onChecked-color: #333;
   --Table-onChecked-onHover-bg: #f5f5f5;
@@ -610,4 +610,53 @@ $L1: 0px 4px 6px 0px rgba(8, 14, 26, 0.06),
   --Tree-itemHeight: #{px2rem(32px)};
 
   --Progress-borderRadius: #{$R7};
+
+  --Rating-inactive-color: #{$G9};
+
+  // timeline
+  --TimelineItem--axle-flex: 0 0 #{px2rem(24px)};
+  --TimelineItem--left-line-width: #{px2rem(2px)};
+  --TimelineItem--left-line-left: #{px2rem(13px)};
+  --TimelineItem--left-line-top: #{px2rem(20px)};
+  --TimelineItem--round-width: #{px2rem(8px)};
+  --TimelineItem--round-height: #{px2rem(8px)};
+  --TimelineItem--round-left: #{px2rem(10px)};
+  --TimelineItem--round-top: #{px2rem(8px)};
+  --TimelineItem--icon-width: #{px2rem(16px)};
+  --TimelineItem--icon-height: #{px2rem(16px)};
+  --TimelineItem--icon-left: #{px2rem(6px)};
+  --TimelineItem--content-padding-bottom: #{px2rem(16px)};
+  --TimelineItem--content-margin-left: #{px2rem(8px)};
+  --TimelineItem--content-time-margin-bottom: #{px2rem(4px)};
+  --TimelineItem--content-title-margin-bottom: #{px2rem(4px)};
+  --TimelineItem--detail-button-margin-bottom: #{px2rem(8px)};
+  --TimelineItem-detail-arrow-width: #{px2rem(16px)};
+  --TimelineItem-detail-visible-padding: #{px2rem(10px)};
+  --TimelineItem-detail-visible-max-width: #{px2rem(300px)};
+  --Timeline-alternate-margin-left: #{px2rem(24px)};
+
+  --TimelineItem--icon-radius: #{$R8};
+  --TimelineItem--round-radius: #{$R8};
+  --TimelineItem--content-radius: #{$R2};
+
+  --TimelineItem-detail-visible-shadow: 0 #{px2rem(1px)} #{px2rem(10px)} 0 rgba(0 0 0 / 10%);
+
+  --TimelineItem--font-size: #{$T2};
+
+  --TimelineItem--text-primary-color: #{$text-color};
+  --TimelineItem--text-secondary-color: #{$G5};
+  --TimelineItem--detail-button-color: var(--primary);
+  --TimelineItem--line-bg: #{$G9};
+  --TimelineItem--content-bg: #{$G10};
+  --TimelineItem-round-bg: #{$G8};
+
+  --Timeline--success-bg: var(--success);
+  --Timeline--info-bg: var(--info);
+  --Timeline--warning-bg: var(--warning);
+  --Timeline--danger-bg: var(--danger);
+
+
+  // Formula
+  --Formula-header-bgColor: #{$G10};
+  --Formula-funcItem-bgColor-onActive: #{$light};
 }

package/scss/themes/_dark-variables.scss

@@ -57,6 +57,7 @@ $link-color: $info;
   --DatePicker-bg: var(--background);
   --DatePicker-header-select-borderColor: var(--background);
   --DropDown-menu-bg: var(--background);
+  --Drawer-header-bg: var(--background);
   --Fieldset-legend-bgColor: var(--background);
   --Form-input-addOnBg: var(--Form-input-bg);
   --Form-input-bg: #3c3c3c;