feat(web): checktag

Tencent · Sep 24, 2023 · 08d3e8d · 08d3e8d
1 parent cd4e2dc
commit 08d3e8d
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 3 deletions.
diff --git a/docs/web/api/tag.md b/docs/web/api/tag.md
@@ -32,7 +32,7 @@ spline: data
 
 ### 可选择标签组
 
-{{ tag-group }}
+{{ check-tag-group }}
 
 ### 超长省略文本标签
 

diff --git a/style/web/components/tag/_index.less b/style/web/components/tag/_index.less
@@ -256,7 +256,7 @@
   transition: background-color @anim-duration-base @anim-time-fn-easing;
   cursor: pointer;
 
-  &.@{prefix}-tag--default.@{prefix}-tag--light.@{prefix}-tag--unchecked {
+  &.@{prefix}-tag--default.@{prefix}-tag--dark:not(.@{prefix}-tag--checked) {
     &:hover {
       background-color: @tag-grey-hover-color;
     }
@@ -268,7 +268,7 @@
     }
   }
 
-  &.@{prefix}-tag--default.@{prefix}-tag--outline.@{prefix}-tag--unchecked {
+  &.@{prefix}-tag--default.@{prefix}-tag--outline:not(.@{prefix}-tag--checked) {
     &:hover {
       color: @tag-grey-outline-hover-color;
     }
@@ -289,6 +289,12 @@
   }
 }
 
+.@{prefix}-check-tag-group {
+  .@{prefix}-tag:not(:last-child) {
+    margin-right: @check-tag-margin-left;
+  }
+}
+
 a {
   .@{prefix}-tag {
     cursor: pointer;

diff --git a/style/web/components/tag/_var.less b/style/web/components/tag/_var.less
@@ -82,3 +82,4 @@
 // margin
 @tag-icon-margin-right: @comp-margin-xs;
 @tag-close-icon-margin-right: @comp-margin-s;
+@check-tag-margin-left: @comp-margin-s;