amis 1.9.0-beta.10 → 1.9.0-beta.12

package/sdk/sdk-ie11.css

@@ -42707,7 +42707,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Tree-item {
-  line-height: 2rem;
+  line-height: 1.5rem;
   position: relative;
 }
 
@@ -42726,7 +42726,7 @@ readers do not read off random characters that represent icons */
   top: 2px;
   width: 1rem;
   height: 1rem;
-  margin-left: 0.25rem;
+  margin-left: 0.5rem;
 }
 
 .amis-scope .cxd-Tree.is-disabled {
@@ -42747,7 +42747,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Tree-rootItem {
-  line-height: 2rem;
+  line-height: 1.5rem;
 }
 
 .amis-scope .cxd-Tree-item > div:hover > .cxd-Tree-item-icons,
@@ -42759,10 +42759,37 @@ readers do not read off random characters that represent icons */
   display: flex;
   align-items: center;
   position: relative;
+  user-select: none;
+  margin-bottom: 0.25rem;
+  padding-left: 0.5rem;
+}
+
+.amis-scope .cxd-Tree-itemLabel > * {
+  position: relative;
+  z-index: 2;
+}
+
+.amis-scope .cxd-Tree-itemLabel > .cxd-Checkbox {
+  display: inline-flex;
+  align-self: center;
 }
 
 .amis-scope .cxd-Tree-itemLabel:hover {
-  background: rgba(0, 126, 255, 0.08);
+  background: #f7f7f9;
+}
+
+.amis-scope .cxd-Tree-item .is-checked {
+  background: #e6f0ff;
+  border-radius: 0.125rem;
+}
+
+.amis-scope .cxd-Tree-item .is-disabled {
+  color: #b8babf;
+  background: none;
+}
+
+.amis-scope .cxd-Tree-item .is-disabled:hover {
+  background: none;
 }
 
 .amis-scope .cxd-Tree.is-draggable .cxd-Tree-itemLabel:hover::after {
@@ -42774,15 +42801,15 @@ readers do not read off random characters that represent icons */
   transition: visibility 0s ease;
   display: inline-block;
   vertical-align: top;
-  height: 2rem;
-  line-height: 2rem;
-  padding-right: 0.25rem;
+  height: 1.5rem;
+  line-height: 1.5rem;
+  padding-right: 0.5rem;
 }
 
 .amis-scope .cxd-Tree-item-icons > a {
   display: inline-block;
   vertical-align: middle;
-  margin-left: 0.25rem;
+  margin-left: 0.5rem;
   cursor: pointer;
 }
 
@@ -42836,8 +42863,8 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Tree-addTopBtn {
   cursor: pointer;
-  height: 2rem;
-  line-height: 2rem;
+  height: 1.5rem;
+  line-height: 1.5rem;
   display: block;
 }
 
@@ -42854,14 +42881,14 @@ readers do not read off random characters that represent icons */
   width: 0.875rem;
   height: 0.875rem;
   top: 0.109375rem;
-  margin-right: 0.25rem;
+  margin-right: 0.5rem;
 }
 
 .amis-scope .cxd-Tree-itemArrow {
   cursor: pointer;
   width: 0.75rem;
   display: inline-flex;
-  margin-right: 0.25rem;
+  margin-right: 0.5rem;
 }
 
 .amis-scope .cxd-Tree-itemArrow > svg {
@@ -42879,7 +42906,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Tree-itemArrowPlaceholder {
   display: inline-block;
-  width: calc(0.75rem + 0.25rem);
+  width: calc(0.75rem + 0.5rem);
 }
 
 .amis-scope .cxd-Tree-itemDrager {
@@ -42888,12 +42915,12 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Tree-spinner {
-  margin-right: 0.25rem;
+  margin-right: 0.5rem;
 }
 
 .amis-scope .cxd-Tree-itemIcon {
   display: inline-flex;
-  margin-right: 0.25rem;
+  margin-right: 0.5rem;
 }
 
 .amis-scope .cxd-Tree-rootIcon > svg,
@@ -42904,29 +42931,15 @@ readers do not read off random characters that represent icons */
   height: 0.875rem;
 }
 
-.amis-scope .cxd-Tree-itemLabel {
-  user-select: none;
-}
-
-.amis-scope .cxd-Tree-itemLabel.is-checked,
-.amis-scope .cxd-Tree-itemLabel.is-children-checked {
-  color: #2468f2;
-}
-
-.amis-scope .cxd-Tree-itemLabel.is-disabled {
-  color: #b8babf;
-}
-
-.amis-scope .cxd-Tree-itemLabel > .cxd-Checkbox {
-  display: inline-flex;
-  align-self: center;
-}
-
 .amis-scope .cxd-Tree-itemText {
   cursor: pointer;
   flex: 1 auto;
+  color: #151b26;
   line-height: 1.5;
-  padding: 0.25rem 0;
+}
+
+.amis-scope .is-disabled .cxd-Tree-itemText {
+  color: #b8babf;
 }
 
 .amis-scope .cxd-Tree-placeholder {
@@ -42955,7 +42968,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Tree-dropIndicator--hover {
   border-radius: 0;
-  background-color: rgba(0, 126, 255, 0.08);
+  background-color: #f7f7f9;
 }
 
 .amis-scope .cxd-Tree-dropIndicator--hover::after {

package/sdk/sdk.css

@@ -14548,8 +14548,10 @@ readers do not read off random characters that represent icons */
   --TabsTransfer-title-bg: #f7f7f9;
   --TabsTransfer-border-color: #e8e9eb;
   --Tree-indent: var(--gap-md);
+  --Tree-icon-gap: var(--gap-xs);
   --Tree-inputHeight: calc(var(--Form-input-height) * 0.85);
   --Tree-item-onHover-bg: rgba(0, 126, 255, 0.08);
+  --Tree-item-onHover-bg-pure: rgba(0, 126, 255, 0.08);
   --Tree-itemArrowWidth: 0.75rem;
   --Tree-itemHeight: 1.875rem;
   --Tree-itemLabel--onChecked-color: var(--Form-selectValue-color);
@@ -15095,9 +15097,13 @@ readers do not read off random characters that represent icons */
   --ListItem-onChecked-fieldLabel-color: #0052cc;
   --Transfer-title-bg: var(--Table-thead-bg);
   --Satus-icon-width: 0.875rem;
-  --Tree-itemHeight: 2rem;
   --Progress-borderRadius: 1rem;
   --Rating-inactive-color: #f2f2f4;
+  --Tree-item-onHover-bg-pure: #f7f7f9;
+  --Tree-item-onChekced-bg: var(--Form-select-menu-onHover-bg);
+  --Tree-item-onChekced-bg-borderRadius: 0.125rem;
+  --Tree-itemHeight: 1.5rem;
+  --Tree-icon-gap: var(--gap-sm);
   --InputFormula-code-bgColor: #f7f7f9;
   --ResultBox-value-bg: #f7f7f9;
   --ResultBox-value-clear-bg: #e8e9eb;
@@ -44487,7 +44493,7 @@ readers do not read off random characters that represent icons */
   top: 2px;
   width: 1rem;
   height: 1rem;
-  margin-left: var(--gap-xs);
+  margin-left: var(--Tree-icon-gap);
 }
 
 .amis-scope .cxd-Tree.is-disabled {
@@ -44520,10 +44526,37 @@ readers do not read off random characters that represent icons */
   display: flex;
   align-items: center;
   position: relative;
+  user-select: none;
+  margin-bottom: 0.25rem;
+  padding-left: var(--Tree-icon-gap);
+}
+
+.amis-scope .cxd-Tree-itemLabel > * {
+  position: relative;
+  z-index: 2;
+}
+
+.amis-scope .cxd-Tree-itemLabel > .cxd-Checkbox {
+  display: inline-flex;
+  align-self: center;
 }
 
 .amis-scope .cxd-Tree-itemLabel:hover {
-  background: var(--Tree-item-onHover-bg);
+  background: var(--Tree-item-onHover-bg-pure);
+}
+
+.amis-scope .cxd-Tree-item .is-checked {
+  background: var(--Tree-item-onChekced-bg);
+  border-radius: var(--Tree-item-onChekced-bg-borderRadius);
+}
+
+.amis-scope .cxd-Tree-item .is-disabled {
+  color: var(--text--muted-color);
+  background: none;
+}
+
+.amis-scope .cxd-Tree-item .is-disabled:hover {
+  background: none;
 }
 
 .amis-scope .cxd-Tree.is-draggable .cxd-Tree-itemLabel:hover::after {
@@ -44537,13 +44570,13 @@ readers do not read off random characters that represent icons */
   vertical-align: top;
   height: var(--Tree-itemHeight);
   line-height: var(--Tree-itemHeight);
-  padding-right: var(--gap-xs);
+  padding-right: var(--Tree-icon-gap);
 }
 
 .amis-scope .cxd-Tree-item-icons > a {
   display: inline-block;
   vertical-align: middle;
-  margin-left: var(--gap-xs);
+  margin-left: var(--Tree-icon-gap);
   cursor: pointer;
 }
 
@@ -44563,7 +44596,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-Tree-itemInput > a {
   display: inline-block;
   cursor: pointer;
-  margin-left: var(--gap-sm);
+  margin-left: var(--Tree-icon-gap);
   color: var(--icon-color);
 }
 
@@ -44615,14 +44648,14 @@ readers do not read off random characters that represent icons */
   width: 0.875rem;
   height: 0.875rem;
   top: 0.109375rem;
-  margin-right: var(--gap-xs);
+  margin-right: var(--Tree-icon-gap);
 }
 
 .amis-scope .cxd-Tree-itemArrow {
   cursor: pointer;
   width: var(--Tree-itemArrowWidth);
   display: inline-flex;
-  margin-right: var(--gap-xs);
+  margin-right: var(--Tree-icon-gap);
 }
 
 .amis-scope .cxd-Tree-itemArrow > svg {
@@ -44640,7 +44673,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Tree-itemArrowPlaceholder {
   display: inline-block;
-  width: calc(var(--Tree-itemArrowWidth) + var(--gap-xs));
+  width: calc(var(--Tree-itemArrowWidth) + var(--Tree-icon-gap));
 }
 
 .amis-scope .cxd-Tree-itemDrager {
@@ -44649,12 +44682,12 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Tree-spinner {
-  margin-right: var(--gap-xs);
+  margin-right: var(--Tree-icon-gap);
 }
 
 .amis-scope .cxd-Tree-itemIcon {
   display: inline-flex;
-  margin-right: var(--gap-xs);
+  margin-right: var(--Tree-icon-gap);
 }
 
 .amis-scope .cxd-Tree-rootIcon > svg,
@@ -44665,29 +44698,15 @@ readers do not read off random characters that represent icons */
   height: 0.875rem;
 }
 
-.amis-scope .cxd-Tree-itemLabel {
-  user-select: none;
-}
-
-.amis-scope .cxd-Tree-itemLabel.is-checked,
-.amis-scope .cxd-Tree-itemLabel.is-children-checked {
-  color: var(--Tree-itemLabel--onChecked-color);
-}
-
-.amis-scope .cxd-Tree-itemLabel.is-disabled {
-  color: var(--text--muted-color);
-}
-
-.amis-scope .cxd-Tree-itemLabel > .cxd-Checkbox {
-  display: inline-flex;
-  align-self: center;
-}
-
 .amis-scope .cxd-Tree-itemText {
   cursor: pointer;
   flex: 1 auto;
+  color: var(--Form-input-color);
   line-height: var(--lineHeightBase);
-  padding: 0.25rem 0;
+}
+
+.amis-scope .is-disabled .cxd-Tree-itemText {
+  color: var(--text--muted-color);
 }
 
 .amis-scope .cxd-Tree-placeholder {
@@ -44716,7 +44735,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Tree-dropIndicator--hover {
   border-radius: 0;
-  background-color: var(--Tree-item-onHover-bg);
+  background-color: var(--Tree-item-onHover-bg-pure);
 }
 
 .amis-scope .cxd-Tree-dropIndicator--hover::after {