amis 2.0.0-rc.20 → 2.0.0

package/lib/themes/default-ie11.css

@@ -21161,6 +21161,9 @@ input.cxd-TextControl-input-password {
   white-space: nowrap;
   align-items: center;
 }
+.cxd-Select-option-checkbox > label > i {
+  flex-shrink: 0;
+}
 .cxd-Select-option-checkbox > label > span {
   text-overflow: ellipsis;
   overflow: hidden;
@@ -23347,6 +23350,7 @@ td.rdtQuarter.rdtDisabled:hover {
   border-radius: 50%;
   background-color: #fff;
   position: absolute;
+  transform: translateX(-50%);
 }
 .cxd-InputRange-track--background {
   left: 0.5rem;
@@ -27162,6 +27166,46 @@ td.rdtQuarter.rdtDisabled:hover {
   left: 0.375rem;
   border-radius: 50%;
 }
+.cxd-Timeline-horizontal .cxd-TimelineItem-content {
+  padding-bottom: 1rem;
+  margin-left: 0.125rem;
+}
+.cxd-Timeline-horizontal .cxd-TimelineItem-content .cxd-TimelineItem-time {
+  color: #83868c;
+  font-size: var(--Timeline--font-size);
+  margin-bottom: 0.25rem;
+}
+.cxd-Timeline-horizontal .cxd-TimelineItem-content .cxd-TimelineItem-title {
+  color: #151a26;
+  font-size: var(--Timeline--font-size);
+  margin-bottom: 0.25rem;
+}
+.cxd-Timeline-horizontal .cxd-TimelineItem-content .cxd-TimelineItem-detail .cxd-TimelineItem-detail-button {
+  display: flex;
+  cursor: pointer;
+  align-items: center;
+  font-size: var(--Timeline--font-size);
+  color: #2468f2;
+  margin-bottom: 0.75rem;
+}
+.cxd-Timeline-horizontal .cxd-TimelineItem-content .cxd-TimelineItem-detail .cxd-TimelineItem-detail-arrow {
+  width: 1rem;
+  height: 1rem;
+}
+.cxd-Timeline-horizontal .cxd-TimelineItem-content .cxd-TimelineItem-detail .cxd-TimelineItem-detail-arrow-top {
+  transform: rotateX(180deg);
+}
+.cxd-Timeline-horizontal .cxd-TimelineItem-content .cxd-TimelineItem-detail .cxd-TimelineItem-detail-visible {
+  display: block;
+  max-width: 18.75rem;
+  font-size: var(--Timeline--font-size);
+  padding: 0.625rem;
+  box-shadow: 0 0.0625rem 0.625rem 0
+    rgba(0 0 0 / 10%);
+}
+.cxd-Timeline-horizontal .cxd-TimelineItem-content .cxd-TimelineItem-detail .cxd-TimelineItem-detail-invisible {
+  display: none;
+}
 .cxd-BarCode > img {
   display: block;
   margin: 0 auto;

package/lib/themes/default.css

@@ -5809,6 +5809,8 @@ body.video-react-full-window .video-react-fullscreen {
   --Form-input-onHover-bg: rgba(255, 255, 255, 0.6);
   --Form-input-onHover-borderColor: var(--Form-input-onFocused-borderColor);
   --Form-input-paddingX: 0.5rem;
+  --Form-input-password-icon-size: 1rem;
+  --Form-input-password-icon-color: #84868c;
   --Form-inputNumber-paddingX: 0.75rem;
   --Form-inputNumber-base-width: 1.5rem;
   --Form-inputNumber-base-height: 2rem;
@@ -6788,8 +6790,6 @@ body.video-react-full-window .video-react-fullscreen {
   --Form-input-clearBtn-color: #d4d6d9;
   --Form-input-clearBtn-color-onHover: #5c5f66;
   --Form-input-clearBtn-color-onActive: #303540;
-  --Form-input-password-icon-size: 1rem;
-  --Form-input-password-icon-color: #84868c;
   --Form-select-borderWidth: 0.0625rem;
   --Form-select-borderRadius: 0.25rem;
   --Form-select-bg: var(--white);
@@ -23037,6 +23037,9 @@ input.cxd-TextControl-input-password {
   white-space: nowrap;
   align-items: center;
 }
+.cxd-Select-option-checkbox > label > i {
+  flex-shrink: 0;
+}
 .cxd-Select-option-checkbox > label > span {
   text-overflow: ellipsis;
   overflow: hidden;
@@ -25183,6 +25186,7 @@ td.rdtQuarter.rdtDisabled:hover {
   border-radius: 50%;
   background-color: var(--InputRange-track-dot-bg);
   position: absolute;
+  transform: translateX(-50%);
 }
 .cxd-InputRange-track--background {
   left: 0.5rem;
@@ -28901,6 +28905,45 @@ td.rdtQuarter.rdtDisabled:hover {
   left: var(--TimelineItem--icon-left);
   border-radius: var(--TimelineItem--icon-radius);
 }
+.cxd-Timeline-horizontal .cxd-TimelineItem-content {
+  padding-bottom: var(--TimelineItem--content-padding-bottom);
+  margin-left: var(--TimelineItem--content-margin-left);
+}
+.cxd-Timeline-horizontal .cxd-TimelineItem-content .cxd-TimelineItem-time {
+  color: var(--TimelineItem--text-secondary-color);
+  font-size: var(--Timeline--font-size);
+  margin-bottom: var(--TimelineItem--content-time-margin-bottom);
+}
+.cxd-Timeline-horizontal .cxd-TimelineItem-content .cxd-TimelineItem-title {
+  color: var(--TimelineItem--text-primary-color);
+  font-size: var(--Timeline--font-size);
+  margin-bottom: var(--TimelineItem--content-title-margin-bottom);
+}
+.cxd-Timeline-horizontal .cxd-TimelineItem-content .cxd-TimelineItem-detail .cxd-TimelineItem-detail-button {
+  display: flex;
+  cursor: pointer;
+  align-items: center;
+  font-size: var(--Timeline--font-size);
+  color: var(--TimelineItem--detail-button-color);
+  margin-bottom: var(--TimelineItem--detail-button-margin-bottom);
+}
+.cxd-Timeline-horizontal .cxd-TimelineItem-content .cxd-TimelineItem-detail .cxd-TimelineItem-detail-arrow {
+  width: var(--TimelineItem-detail-arrow-width);
+  height: var(--TimelineItem-detail-arrow-width);
+}
+.cxd-Timeline-horizontal .cxd-TimelineItem-content .cxd-TimelineItem-detail .cxd-TimelineItem-detail-arrow-top {
+  transform: rotateX(180deg);
+}
+.cxd-Timeline-horizontal .cxd-TimelineItem-content .cxd-TimelineItem-detail .cxd-TimelineItem-detail-visible {
+  display: block;
+  max-width: var(--TimelineItem-detail-visible-max-width);
+  font-size: var(--Timeline--font-size);
+  padding: var(--TimelineItem-detail-visible-padding);
+  box-shadow: var(--TimelineItem-detail-visible-shadow);
+}
+.cxd-Timeline-horizontal .cxd-TimelineItem-content .cxd-TimelineItem-detail .cxd-TimelineItem-detail-invisible {
+  display: none;
+}
 .cxd-BarCode > img {
   display: block;
   margin: 0 auto;

package/package.json

@@ -1,11 +1,13 @@
 {
   "name": "amis",
-  "version": "2.0.0-rc.20",
+  "version": "2.0.0",
   "description": "一种MIS页面生成工具",
   "main": "lib/index.js",
   "module": "esm/index.js",
+  "types": "lib/index.d.ts",
   "scripts": {
     "test": "jest",
+    "update-snapshot": "jest --updateSnapshot",
     "coverage": "jest --coverage",
     "publish-to-internal": "sh build.sh && sh publish.sh",
     "build": "sh build.sh",
@@ -203,5 +205,5 @@
     "react": ">=16.8.6",
     "react-dom": ">=16.8.6"
   },
-  "gitHead": "1d5106ca99fd941cec3d278e12a4b5c29b7f54bd"
+  "gitHead": "32dc0167ca8637559ac487006c0e78b627573759"
 }

package/sdk/ang-ie11.css

@@ -91367,9 +91367,9 @@ title: Word Break
 }
 
 .amis-scope .a-TextControl-revealPassword .icon {
-  width: var(--Form-input-password-icon-size);
-  height: var(--Form-input-password-icon-size);
-  color: var(--Form-input-password-icon-color);
+  width: 1rem;
+  height: 1rem;
+  color: #84868c;
   cursor: pointer;
 }
 
@@ -93260,6 +93260,10 @@ title: Word Break
   align-items: center;
 }
 
+.amis-scope .a-Select-option-checkbox > label > i {
+  flex-shrink: 0;
+}
+
 .amis-scope .a-Select-option-checkbox > label > span {
   text-overflow: ellipsis;
   overflow: hidden;
@@ -95877,6 +95881,7 @@ title: Word Break
   border-radius: 50%;
   background-color: #fff;
   position: absolute;
+  transform: translateX(-50%);
 }
 
 .amis-scope .a-InputRange-track--background {
@@ -100410,6 +100415,54 @@ title: Word Break
   border-radius: 50%;
 }
 
+.amis-scope .a-Timeline-horizontal .a-TimelineItem-content {
+  padding-bottom: 1rem;
+  margin-left: 0.125rem;
+}
+
+.amis-scope .a-Timeline-horizontal .a-TimelineItem-content .a-TimelineItem-time {
+  color: #83868c;
+  font-size: var(--Timeline--font-size);
+  margin-bottom: 0.25rem;
+}
+
+.amis-scope .a-Timeline-horizontal .a-TimelineItem-content .a-TimelineItem-title {
+  color: #151a26;
+  font-size: var(--Timeline--font-size);
+  margin-bottom: 0.25rem;
+}
+
+.amis-scope .a-Timeline-horizontal .a-TimelineItem-content .a-TimelineItem-detail .a-TimelineItem-detail-button {
+  display: flex;
+  cursor: pointer;
+  align-items: center;
+  font-size: var(--Timeline--font-size);
+  color: #7266ba;
+  margin-bottom: 0.75rem;
+}
+
+.amis-scope .a-Timeline-horizontal .a-TimelineItem-content .a-TimelineItem-detail .a-TimelineItem-detail-arrow {
+  width: 1rem;
+  height: 1rem;
+}
+
+.amis-scope .a-Timeline-horizontal .a-TimelineItem-content .a-TimelineItem-detail .a-TimelineItem-detail-arrow-top {
+  transform: rotateX(180deg);
+}
+
+.amis-scope .a-Timeline-horizontal .a-TimelineItem-content .a-TimelineItem-detail .a-TimelineItem-detail-visible {
+  display: block;
+  max-width: 18.75rem;
+  font-size: var(--Timeline--font-size);
+  padding: 0.625rem;
+  box-shadow: 0 0.0625rem 0.625rem 0
+    rgba(0 0 0 / 10%);
+}
+
+.amis-scope .a-Timeline-horizontal .a-TimelineItem-content .a-TimelineItem-detail .a-TimelineItem-detail-invisible {
+  display: none;
+}
+
 .amis-scope .a-BarCode > img {
   display: block;
   margin: 0 auto;

package/sdk/ang.css

@@ -74837,6 +74837,8 @@ title: Word Break
   --Form-input-onHover-bg: rgba(255, 255, 255, 0.6);
   --Form-input-onHover-borderColor: var(--Form-input-onFocused-borderColor);
   --Form-input-paddingX: 0.5rem;
+  --Form-input-password-icon-size: 1rem;
+  --Form-input-password-icon-color: #84868c;
   --Form-inputNumber-paddingX: 0.75rem;
   --Form-inputNumber-base-width: 1.5rem;
   --Form-inputNumber-base-height: 2rem;
@@ -94627,6 +94629,10 @@ title: Word Break
   align-items: center;
 }
 
+.amis-scope .a-Select-option-checkbox > label > i {
+  flex-shrink: 0;
+}
+
 .amis-scope .a-Select-option-checkbox > label > span {
   text-overflow: ellipsis;
   overflow: hidden;
@@ -97198,6 +97204,7 @@ title: Word Break
   border-radius: 50%;
   background-color: var(--InputRange-track-dot-bg);
   position: absolute;
+  transform: translateX(-50%);
 }
 
 .amis-scope .a-InputRange-track--background {
@@ -101620,6 +101627,53 @@ title: Word Break
   border-radius: var(--TimelineItem--icon-radius);
 }
 
+.amis-scope .a-Timeline-horizontal .a-TimelineItem-content {
+  padding-bottom: var(--TimelineItem--content-padding-bottom);
+  margin-left: var(--TimelineItem--content-margin-left);
+}
+
+.amis-scope .a-Timeline-horizontal .a-TimelineItem-content .a-TimelineItem-time {
+  color: var(--TimelineItem--text-secondary-color);
+  font-size: var(--Timeline--font-size);
+  margin-bottom: var(--TimelineItem--content-time-margin-bottom);
+}
+
+.amis-scope .a-Timeline-horizontal .a-TimelineItem-content .a-TimelineItem-title {
+  color: var(--TimelineItem--text-primary-color);
+  font-size: var(--Timeline--font-size);
+  margin-bottom: var(--TimelineItem--content-title-margin-bottom);
+}
+
+.amis-scope .a-Timeline-horizontal .a-TimelineItem-content .a-TimelineItem-detail .a-TimelineItem-detail-button {
+  display: flex;
+  cursor: pointer;
+  align-items: center;
+  font-size: var(--Timeline--font-size);
+  color: var(--TimelineItem--detail-button-color);
+  margin-bottom: var(--TimelineItem--detail-button-margin-bottom);
+}
+
+.amis-scope .a-Timeline-horizontal .a-TimelineItem-content .a-TimelineItem-detail .a-TimelineItem-detail-arrow {
+  width: var(--TimelineItem-detail-arrow-width);
+  height: var(--TimelineItem-detail-arrow-width);
+}
+
+.amis-scope .a-Timeline-horizontal .a-TimelineItem-content .a-TimelineItem-detail .a-TimelineItem-detail-arrow-top {
+  transform: rotateX(180deg);
+}
+
+.amis-scope .a-Timeline-horizontal .a-TimelineItem-content .a-TimelineItem-detail .a-TimelineItem-detail-visible {
+  display: block;
+  max-width: var(--TimelineItem-detail-visible-max-width);
+  font-size: var(--Timeline--font-size);
+  padding: var(--TimelineItem-detail-visible-padding);
+  box-shadow: var(--TimelineItem-detail-visible-shadow);
+}
+
+.amis-scope .a-Timeline-horizontal .a-TimelineItem-content .a-TimelineItem-detail .a-TimelineItem-detail-invisible {
+  display: none;
+}
+
 .amis-scope .a-BarCode > img {
   display: block;
   margin: 0 auto;

package/sdk/antd-ie11.css

@@ -91345,9 +91345,9 @@ title: Word Break
 }
 
 .amis-scope .antd-TextControl-revealPassword .icon {
-  width: var(--Form-input-password-icon-size);
-  height: var(--Form-input-password-icon-size);
-  color: var(--Form-input-password-icon-color);
+  width: 1rem;
+  height: 1rem;
+  color: #84868c;
   cursor: pointer;
 }
 
@@ -92241,7 +92241,7 @@ title: Word Break
 .amis-scope .antd-TreeSelection-itemInner {
   display: flex;
   align-items: center;
-  line-height: 1.875rem;
+  line-height: 1.5rem;
   position: relative;
   font-size: 0.875rem;
   padding: 0 0.5rem;
@@ -93238,6 +93238,10 @@ title: Word Break
   align-items: center;
 }
 
+.amis-scope .antd-Select-option-checkbox > label > i {
+  flex-shrink: 0;
+}
+
 .amis-scope .antd-Select-option-checkbox > label > span {
   text-overflow: ellipsis;
   overflow: hidden;
@@ -95850,6 +95854,7 @@ title: Word Break
   border-radius: 50%;
   background-color: #fff;
   position: absolute;
+  transform: translateX(-50%);
 }
 
 .amis-scope .antd-InputRange-track--background {
@@ -96020,7 +96025,7 @@ title: Word Break
 }
 
 .amis-scope .antd-Tree-item {
-  line-height: 1.875rem;
+  line-height: 1.5rem;
   position: relative;
 }
 
@@ -96039,7 +96044,7 @@ title: Word Break
   top: 2px;
   width: 1rem;
   height: 1rem;
-  margin-left: 0.25rem;
+  margin-left: 0.5rem;
 }
 
 .amis-scope .antd-Tree.is-disabled {
@@ -96060,7 +96065,7 @@ title: Word Break
 }
 
 .amis-scope .antd-Tree-rootItem {
-  line-height: 1.875rem;
+  line-height: 1.5rem;
 }
 
 .amis-scope .antd-Tree-item > div:hover > .antd-Tree-item-icons,
@@ -96074,7 +96079,7 @@ title: Word Break
   position: relative;
   user-select: none;
   margin-bottom: 0.25rem;
-  padding-left: 0.25rem;
+  padding-left: 0.5rem;
 }
 
 .amis-scope .antd-Tree-itemLabel > * {
@@ -96092,8 +96097,8 @@ title: Word Break
 }
 
 .amis-scope .antd-Tree-item .is-checked {
-  background: var(--Tree-item-onChekced-bg);
-  border-radius: var(--Tree-item-onChekced-bg-borderRadius);
+  background: #bae7ff;
+  border-radius: 0.125rem;
 }
 
 .amis-scope .antd-Tree-item .is-disabled {
@@ -96114,15 +96119,15 @@ title: Word Break
   transition: visibility 0s ease;
   display: inline-block;
   vertical-align: top;
-  height: 1.875rem;
-  line-height: 1.875rem;
-  padding-right: 0.25rem;
+  height: 1.5rem;
+  line-height: 1.5rem;
+  padding-right: 0.5rem;
 }
 
 .amis-scope .antd-Tree-item-icons > a {
   display: inline-block;
   vertical-align: middle;
-  margin-left: 0.25rem;
+  margin-left: 0.5rem;
   cursor: pointer;
 }
 
@@ -96142,7 +96147,7 @@ title: Word Break
 .amis-scope .antd-Tree-itemInput > a {
   display: inline-block;
   cursor: pointer;
-  margin-left: 0.25rem;
+  margin-left: 0.5rem;
   color: inherit;
 }
 
@@ -96176,8 +96181,8 @@ title: Word Break
 
 .amis-scope .antd-Tree-addTopBtn {
   cursor: pointer;
-  height: 1.875rem;
-  line-height: 1.875rem;
+  height: 1.5rem;
+  line-height: 1.5rem;
   display: block;
 }
 
@@ -96194,7 +96199,7 @@ title: Word Break
   width: 0.875rem;
   height: 0.875rem;
   top: 0.109375rem;
-  margin-right: 0.25rem;
+  margin-right: 0.5rem;
 }
 
 .amis-scope .antd-Tree-itemArrow {
@@ -96218,7 +96223,7 @@ title: Word Break
 
 .amis-scope .antd-Tree-itemArrowPlaceholder {
   display: inline-block;
-  width: calc(1rem + 0.25rem);
+  width: calc(1rem + 0.5rem);
 }
 
 .amis-scope .antd-Tree-itemDrager {
@@ -96227,12 +96232,12 @@ title: Word Break
 }
 
 .amis-scope .antd-Tree-spinner {
-  margin-right: 0.25rem;
+  margin-right: 0.5rem;
 }
 
 .amis-scope .antd-Tree-itemIcon {
   display: inline-flex;
-  margin-right: 0.25rem;
+  margin-right: 0.5rem;
 }
 
 .amis-scope .antd-Tree-rootIcon > svg,
@@ -100380,6 +100385,54 @@ title: Word Break
   border-radius: 50%;
 }
 
+.amis-scope .antd-Timeline-horizontal .antd-TimelineItem-content {
+  padding-bottom: 1rem;
+  margin-left: 0.125rem;
+}
+
+.amis-scope .antd-Timeline-horizontal .antd-TimelineItem-content .antd-TimelineItem-time {
+  color: #83868c;
+  font-size: var(--Timeline--font-size);
+  margin-bottom: 0.25rem;
+}
+
+.amis-scope .antd-Timeline-horizontal .antd-TimelineItem-content .antd-TimelineItem-title {
+  color: #151a26;
+  font-size: var(--Timeline--font-size);
+  margin-bottom: 0.25rem;
+}
+
+.amis-scope .antd-Timeline-horizontal .antd-TimelineItem-content .antd-TimelineItem-detail .antd-TimelineItem-detail-button {
+  display: flex;
+  cursor: pointer;
+  align-items: center;
+  font-size: var(--Timeline--font-size);
+  color: #1890ff;
+  margin-bottom: 0.75rem;
+}
+
+.amis-scope .antd-Timeline-horizontal .antd-TimelineItem-content .antd-TimelineItem-detail .antd-TimelineItem-detail-arrow {
+  width: 1rem;
+  height: 1rem;
+}
+
+.amis-scope .antd-Timeline-horizontal .antd-TimelineItem-content .antd-TimelineItem-detail .antd-TimelineItem-detail-arrow-top {
+  transform: rotateX(180deg);
+}
+
+.amis-scope .antd-Timeline-horizontal .antd-TimelineItem-content .antd-TimelineItem-detail .antd-TimelineItem-detail-visible {
+  display: block;
+  max-width: 18.75rem;
+  font-size: var(--Timeline--font-size);
+  padding: 0.625rem;
+  box-shadow: 0 0.0625rem 0.625rem 0
+    rgba(0 0 0 / 10%);
+}
+
+.amis-scope .antd-Timeline-horizontal .antd-TimelineItem-content .antd-TimelineItem-detail .antd-TimelineItem-detail-invisible {
+  display: none;
+}
+
 .amis-scope .antd-BarCode > img {
   display: block;
   margin: 0 auto;

package/sdk/antd.css

@@ -74841,6 +74841,8 @@ title: Word Break
   --Form-input-onHover-bg: rgba(255, 255, 255, 0.6);
   --Form-input-onHover-borderColor: var(--Form-input-onFocused-borderColor);
   --Form-input-paddingX: 0.5rem;
+  --Form-input-password-icon-size: 1rem;
+  --Form-input-password-icon-color: #84868c;
   --Form-inputNumber-paddingX: 0.75rem;
   --Form-inputNumber-base-width: 1.5rem;
   --Form-inputNumber-base-height: 2rem;
@@ -75846,6 +75848,10 @@ title: Word Break
   --Table-onChecked-color: var(--Table-color);
   --Table-onChecked-borderColor: var(--Table-borderColor);
   --Switch-bgColor: #bfbfbf;
+  --Tree-item-onChekced-bg: #bae7ff;
+  --Tree-item-onChekced-bg-borderRadius: 0.125rem;
+  --Tree-itemHeight: 1.5rem;
+  --Tree-icon-gap: var(--gap-sm);
 }
 
 /*!
@@ -94736,6 +94742,10 @@ title: Word Break
   align-items: center;
 }
 
+.amis-scope .antd-Select-option-checkbox > label > i {
+  flex-shrink: 0;
+}
+
 .amis-scope .antd-Select-option-checkbox > label > span {
   text-overflow: ellipsis;
   overflow: hidden;
@@ -97307,6 +97317,7 @@ title: Word Break
   border-radius: 50%;
   background-color: var(--InputRange-track-dot-bg);
   position: absolute;
+  transform: translateX(-50%);
 }
 
 .amis-scope .antd-InputRange-track--background {
@@ -101729,6 +101740,53 @@ title: Word Break
   border-radius: var(--TimelineItem--icon-radius);
 }
 
+.amis-scope .antd-Timeline-horizontal .antd-TimelineItem-content {
+  padding-bottom: var(--TimelineItem--content-padding-bottom);
+  margin-left: var(--TimelineItem--content-margin-left);
+}
+
+.amis-scope .antd-Timeline-horizontal .antd-TimelineItem-content .antd-TimelineItem-time {
+  color: var(--TimelineItem--text-secondary-color);
+  font-size: var(--Timeline--font-size);
+  margin-bottom: var(--TimelineItem--content-time-margin-bottom);
+}
+
+.amis-scope .antd-Timeline-horizontal .antd-TimelineItem-content .antd-TimelineItem-title {
+  color: var(--TimelineItem--text-primary-color);
+  font-size: var(--Timeline--font-size);
+  margin-bottom: var(--TimelineItem--content-title-margin-bottom);
+}
+
+.amis-scope .antd-Timeline-horizontal .antd-TimelineItem-content .antd-TimelineItem-detail .antd-TimelineItem-detail-button {
+  display: flex;
+  cursor: pointer;
+  align-items: center;
+  font-size: var(--Timeline--font-size);
+  color: var(--TimelineItem--detail-button-color);
+  margin-bottom: var(--TimelineItem--detail-button-margin-bottom);
+}
+
+.amis-scope .antd-Timeline-horizontal .antd-TimelineItem-content .antd-TimelineItem-detail .antd-TimelineItem-detail-arrow {
+  width: var(--TimelineItem-detail-arrow-width);
+  height: var(--TimelineItem-detail-arrow-width);
+}
+
+.amis-scope .antd-Timeline-horizontal .antd-TimelineItem-content .antd-TimelineItem-detail .antd-TimelineItem-detail-arrow-top {
+  transform: rotateX(180deg);
+}
+
+.amis-scope .antd-Timeline-horizontal .antd-TimelineItem-content .antd-TimelineItem-detail .antd-TimelineItem-detail-visible {
+  display: block;
+  max-width: var(--TimelineItem-detail-visible-max-width);
+  font-size: var(--Timeline--font-size);
+  padding: var(--TimelineItem-detail-visible-padding);
+  box-shadow: var(--TimelineItem-detail-visible-shadow);
+}
+
+.amis-scope .antd-Timeline-horizontal .antd-TimelineItem-content .antd-TimelineItem-detail .antd-TimelineItem-detail-invisible {
+  display: none;
+}
+
 .amis-scope .antd-BarCode > img {
   display: block;
   margin: 0 auto;