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

package/lib/themes/default-ie11.css

@@ -26239,7 +26239,7 @@ td.rdtQuarter.rdtDisabled > span {
   display: none;
 }
 .cxd-Tree-item {
-  line-height: 2rem;
+  line-height: 1.5rem;
   position: relative;
 }
 .cxd-Tree-item > div:hover {
@@ -26255,7 +26255,7 @@ td.rdtQuarter.rdtDisabled > span {
   top: 2px;
   width: 1rem;
   height: 1rem;
-  margin-left: 0.25rem;
+  margin-left: 0.5rem;
 }
 .cxd-Tree.is-disabled {
   pointer-events: none;
@@ -26272,7 +26272,7 @@ td.rdtQuarter.rdtDisabled > span {
   content: "";
 }
 .cxd-Tree-rootItem {
-  line-height: 2rem;
+  line-height: 1.5rem;
 }
 .cxd-Tree-item > div:hover > .cxd-Tree-item-icons, .cxd-Tree-rootItem > div:hover > .cxd-Tree-item-icons {
   visibility: visible;
@@ -26281,9 +26281,31 @@ td.rdtQuarter.rdtDisabled > span {
   display: flex;
   align-items: center;
   position: relative;
+  user-select: none;
+  margin-bottom: 0.25rem;
+  padding-left: 0.5rem;
+}
+.cxd-Tree-itemLabel > * {
+  position: relative;
+  z-index: 2;
+}
+.cxd-Tree-itemLabel > .cxd-Checkbox {
+  display: inline-flex;
+  align-self: center;
 }
 .cxd-Tree-itemLabel:hover {
-  background: rgba(0, 126, 255, 0.08);
+  background: #f7f7f9;
+}
+.cxd-Tree-item .is-checked {
+  background: #e6f0ff;
+  border-radius: 0.125rem;
+}
+.cxd-Tree-item .is-disabled {
+  color: #b8babf;
+  background: none;
+}
+.cxd-Tree-item .is-disabled:hover {
+  background: none;
 }
 .cxd-Tree.is-draggable .cxd-Tree-itemLabel:hover::after {
   display: none;
@@ -26293,14 +26315,14 @@ td.rdtQuarter.rdtDisabled > span {
   transition: visibility 0.2s 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;
 }
 .cxd-Tree-item-icons > a {
   display: inline-block;
   vertical-align: middle;
-  margin-left: 0.25rem;
+  margin-left: 0.5rem;
   cursor: pointer;
 }
 .cxd-Tree-item-icons > a > svg {
@@ -26346,8 +26368,8 @@ td.rdtQuarter.rdtDisabled > span {
 }
 .cxd-Tree-addTopBtn {
   cursor: pointer;
-  height: 2rem;
-  line-height: 2rem;
+  height: 1.5rem;
+  line-height: 1.5rem;
   display: block;
 }
 .cxd-Tree-addTopBtn:hover {
@@ -26361,13 +26383,13 @@ td.rdtQuarter.rdtDisabled > span {
   width: 0.875rem;
   height: 0.875rem;
   top: 0.109375rem;
-  margin-right: 0.25rem;
+  margin-right: 0.5rem;
 }
 .cxd-Tree-itemArrow {
   cursor: pointer;
   width: 0.75rem;
   display: inline-flex;
-  margin-right: 0.25rem;
+  margin-right: 0.5rem;
 }
 .cxd-Tree-itemArrow > svg {
   width: 0.75rem;
@@ -26382,42 +26404,32 @@ td.rdtQuarter.rdtDisabled > span {
 }
 .cxd-Tree-itemArrowPlaceholder {
   display: inline-block;
-  width: calc(0.75rem + 0.25rem);
+  width: calc(0.75rem + 0.5rem);
 }
 .cxd-Tree-itemDrager {
   cursor: move;
   color: #999;
 }
 .cxd-Tree-spinner {
-  margin-right: 0.25rem;
+  margin-right: 0.5rem;
 }
 .cxd-Tree-itemIcon {
   display: inline-flex;
-  margin-right: 0.25rem;
+  margin-right: 0.5rem;
 }
 .cxd-Tree-rootIcon > svg, .cxd-Tree-folderIcon > svg, .cxd-Tree-leafIcon > svg {
   top: 0;
   width: 0.875rem;
   height: 0.875rem;
 }
-.cxd-Tree-itemLabel {
-  user-select: none;
-}
-.cxd-Tree-itemLabel.is-checked, .cxd-Tree-itemLabel.is-children-checked {
-  color: #2468f2;
-}
-.cxd-Tree-itemLabel.is-disabled {
-  color: #b8babf;
-}
-.cxd-Tree-itemLabel > .cxd-Checkbox {
-  display: inline-flex;
-  align-self: center;
-}
 .cxd-Tree-itemText {
   cursor: pointer;
   flex: 1 auto;
+  color: #151b26;
   line-height: 1.5;
-  padding: 0.25rem 0;
+}
+.is-disabled .cxd-Tree-itemText {
+  color: #b8babf;
 }
 .cxd-Tree-placeholder {
   color: #b8babf;
@@ -26442,7 +26454,7 @@ td.rdtQuarter.rdtDisabled > span {
 }
 .cxd-Tree-dropIndicator--hover {
   border-radius: 0;
-  background-color: rgba(0, 126, 255, 0.08);
+  background-color: #f7f7f9;
 }
 .cxd-Tree-dropIndicator--hover::after {
   display: none;

package/lib/themes/default.css

@@ -1372,8 +1372,10 @@
   --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);
@@ -1919,9 +1921,13 @@
   --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;
@@ -28000,7 +28006,7 @@ td.rdtQuarter.rdtDisabled > span {
   top: 2px;
   width: 1rem;
   height: 1rem;
-  margin-left: var(--gap-xs);
+  margin-left: var(--Tree-icon-gap);
 }
 .cxd-Tree.is-disabled {
   pointer-events: none;
@@ -28026,9 +28032,31 @@ td.rdtQuarter.rdtDisabled > span {
   display: flex;
   align-items: center;
   position: relative;
+  user-select: none;
+  margin-bottom: 0.25rem;
+  padding-left: var(--Tree-icon-gap);
+}
+.cxd-Tree-itemLabel > * {
+  position: relative;
+  z-index: 2;
+}
+.cxd-Tree-itemLabel > .cxd-Checkbox {
+  display: inline-flex;
+  align-self: center;
 }
 .cxd-Tree-itemLabel:hover {
-  background: var(--Tree-item-onHover-bg);
+  background: var(--Tree-item-onHover-bg-pure);
+}
+.cxd-Tree-item .is-checked {
+  background: var(--Tree-item-onChekced-bg);
+  border-radius: var(--Tree-item-onChekced-bg-borderRadius);
+}
+.cxd-Tree-item .is-disabled {
+  color: var(--text--muted-color);
+  background: none;
+}
+.cxd-Tree-item .is-disabled:hover {
+  background: none;
 }
 .cxd-Tree.is-draggable .cxd-Tree-itemLabel:hover::after {
   display: none;
@@ -28040,12 +28068,12 @@ td.rdtQuarter.rdtDisabled > span {
   vertical-align: top;
   height: var(--Tree-itemHeight);
   line-height: var(--Tree-itemHeight);
-  padding-right: var(--gap-xs);
+  padding-right: var(--Tree-icon-gap);
 }
 .cxd-Tree-item-icons > a {
   display: inline-block;
   vertical-align: middle;
-  margin-left: var(--gap-xs);
+  margin-left: var(--Tree-icon-gap);
   cursor: pointer;
 }
 .cxd-Tree-item-icons > a > svg {
@@ -28062,7 +28090,7 @@ td.rdtQuarter.rdtDisabled > span {
 .cxd-Tree-itemInput > a {
   display: inline-block;
   cursor: pointer;
-  margin-left: var(--gap-sm);
+  margin-left: var(--Tree-icon-gap);
   color: var(--icon-color);
 }
 .cxd-Tree-itemInput > a:hover {
@@ -28106,13 +28134,13 @@ td.rdtQuarter.rdtDisabled > span {
   width: 0.875rem;
   height: 0.875rem;
   top: 0.109375rem;
-  margin-right: var(--gap-xs);
+  margin-right: var(--Tree-icon-gap);
 }
 .cxd-Tree-itemArrow {
   cursor: pointer;
   width: var(--Tree-itemArrowWidth);
   display: inline-flex;
-  margin-right: var(--gap-xs);
+  margin-right: var(--Tree-icon-gap);
 }
 .cxd-Tree-itemArrow > svg {
   width: var(--Tree-itemArrowWidth);
@@ -28127,42 +28155,32 @@ td.rdtQuarter.rdtDisabled > span {
 }
 .cxd-Tree-itemArrowPlaceholder {
   display: inline-block;
-  width: calc(var(--Tree-itemArrowWidth) + var(--gap-xs));
+  width: calc(var(--Tree-itemArrowWidth) + var(--Tree-icon-gap));
 }
 .cxd-Tree-itemDrager {
   cursor: move;
   color: var(--icon-color);
 }
 .cxd-Tree-spinner {
-  margin-right: var(--gap-xs);
+  margin-right: var(--Tree-icon-gap);
 }
 .cxd-Tree-itemIcon {
   display: inline-flex;
-  margin-right: var(--gap-xs);
+  margin-right: var(--Tree-icon-gap);
 }
 .cxd-Tree-rootIcon > svg, .cxd-Tree-folderIcon > svg, .cxd-Tree-leafIcon > svg {
   top: 0;
   width: 0.875rem;
   height: 0.875rem;
 }
-.cxd-Tree-itemLabel {
-  user-select: none;
-}
-.cxd-Tree-itemLabel.is-checked, .cxd-Tree-itemLabel.is-children-checked {
-  color: var(--Tree-itemLabel--onChecked-color);
-}
-.cxd-Tree-itemLabel.is-disabled {
-  color: var(--text--muted-color);
-}
-.cxd-Tree-itemLabel > .cxd-Checkbox {
-  display: inline-flex;
-  align-self: center;
-}
 .cxd-Tree-itemText {
   cursor: pointer;
   flex: 1 auto;
+  color: var(--Form-input-color);
   line-height: var(--lineHeightBase);
-  padding: 0.25rem 0;
+}
+.is-disabled .cxd-Tree-itemText {
+  color: var(--text--muted-color);
 }
 .cxd-Tree-placeholder {
   color: var(--text--muted-color);
@@ -28187,7 +28205,7 @@ td.rdtQuarter.rdtDisabled > span {
 }
 .cxd-Tree-dropIndicator--hover {
   border-radius: 0;
-  background-color: var(--Tree-item-onHover-bg);
+  background-color: var(--Tree-item-onHover-bg-pure);
 }
 .cxd-Tree-dropIndicator--hover::after {
   display: none;