@sdata/web-vue 1.11.0 → 1.12.0

package/dist/sd.css

@@ -1253,12 +1253,10 @@ body {
   font-weight: 500;
   font-size: 12px;
   line-height: 22px;
+  white-space: nowrap;
   vertical-align: middle;
   border: 1px solid transparent;
   border-radius: var(--border-radius-small);
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
 }
 .sd-tag .sd-icon-hover.sd-tag-icon-hover::before {
   width: 16px;
@@ -1313,9 +1311,18 @@ body {
   color: var(--color-text-2);
 }
 .sd-tag-text {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
+  min-width: 0;
+  max-width: 100%;
+}
+.sd-tag-ellipsis-line-clamp {
+  height: auto;
+}
+.sd-tag-no-ellipsis {
+  min-width: fit-content;
+}
+.sd-tag-no-ellipsis .sd-tag-text {
+  min-width: fit-content;
+  max-width: none;
 }
 .sd-tag .sd-tag.sd-tag-checked.sd-tag-red {
   color: rgb(var(--red-6));
@@ -4258,6 +4265,82 @@ body {
   resize: vertical;
 }
 
+.sd-tag-group {
+  position: relative;
+  display: inline-flex;
+  min-width: 0;
+  max-width: 100%;
+  vertical-align: middle;
+}
+.sd-tag-group-responsive {
+  display: block;
+  width: 100%;
+}
+.sd-tag-group-inner, .sd-tag-group-popover {
+  display: inline-flex;
+  gap: 4px;
+  align-items: center;
+  min-width: 0;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.sd-tag-group-responsive .sd-tag-group-inner {
+  display: flex;
+  width: 100%;
+}
+.sd-tag-group-popover {
+  flex-wrap: wrap;
+  max-width: 320px;
+}
+.sd-tag-group-item {
+  display: inline-flex;
+  flex: 0 1 auto;
+  min-width: 0;
+  max-width: 100%;
+}
+.sd-tag-group-item-counter > .sd-tag {
+  cursor: pointer;
+}
+.sd-tag-group-item-content {
+  max-width: 100%;
+}
+.sd-tag-group-counter-content {
+  max-width: 100%;
+}
+.sd-tag-group-item-content-overflow {
+  min-width: 0;
+}
+.sd-tag-group-item-content > .sd-tag, .sd-tag-group-counter-content > .sd-tag, .sd-tag-group-item-content > .sd-link, .sd-tag-group-counter-content > .sd-link, .sd-tag-group-item-content > a, .sd-tag-group-counter-content > a, .sd-tag-group-item-content > span, .sd-tag-group-counter-content > span {
+  max-width: 100%;
+}
+.sd-tag-group-item-ellipsis {
+  max-width: 100%;
+}
+.sd-tag-group-measure {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: -1;
+  display: inline-flex;
+  gap: 4px;
+  align-items: center;
+  height: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  visibility: hidden;
+  pointer-events: none;
+}
+.sd-tag-group-measure .sd-tag-group-item {
+  flex: 0 0 auto;
+  max-width: none;
+}
+.sd-tag-group-resize-observer {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+}
+
 .sd-icon-hover.sd-tabs-icon-hover::before {
   width: 16px;
   height: 16px;
@@ -7303,6 +7386,44 @@ body {
   border-top: 1px solid var(--color-fill-3);
 }
 
+.sd-secret {
+  display: inline-flex;
+  gap: 6px;
+  align-items: center;
+  min-width: 0;
+  max-width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.sd-secret-content {
+  flex: 1 1 auto;
+  min-width: 0;
+}
+.sd-secret-placeholder {
+  overflow: hidden;
+  color: var(--color-text-3);
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.sd-secret-trigger {
+  display: inline-flex;
+  flex: none;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  color: var(--color-text-3);
+  background: transparent;
+  border: 0;
+  border-radius: var(--border-radius-small);
+  cursor: pointer;
+}
+.sd-secret-trigger .sd-icon {
+  font-size: 16px;
+}
+.sd-secret-trigger:hover {
+  color: var(--color-text-1);
+}
+
 .sd-scrollbar {
   position: relative;
   width: 100%;
@@ -9763,6 +9884,12 @@ body {
   font-size: 12px;
   vertical-align: middle;
 }
+.sd-link-content {
+  min-width: 0;
+}
+.sd-link.sd-link-icon-only .sd-link-icon {
+  margin-right: 0;
+}
 
 .sd-layout {
   display: flex;
@@ -14212,6 +14339,41 @@ body {
   color: rgb(var(--primary-6));
 }
 
+.sd-cropper {
+  position: relative;
+  display: block;
+  width: var(--sd-cropper-width, 100%);
+  min-width: 200px;
+  height: var(--sd-cropper-height, 100%);
+  min-height: 120px;
+  overflow: hidden;
+  background-color: var(--color-neutral-2);
+  border: 1px solid var(--color-neutral-3);
+  border-radius: 4px;
+}
+.sd-cropper-source-image {
+  display: block;
+  width: 100%;
+  max-width: 100%;
+  height: auto;
+  opacity: 0;
+  pointer-events: none;
+}
+.sd-cropper cropper-canvas {
+  width: var(--sd-cropper-width, 100%);
+  height: var(--sd-cropper-height, 100%);
+  background-color: var(--color-neutral-2);
+}
+.sd-cropper cropper-image,
+.sd-cropper cropper-selection,
+.sd-cropper cropper-handle,
+.sd-cropper cropper-grid,
+.sd-cropper cropper-shade,
+.sd-cropper cropper-viewer,
+.sd-cropper cropper-crosshair {
+  color: rgb(var(--primary-6));
+}
+
 .sd-comment {
   display: flex;
   flex-wrap: nowrap;
@@ -14263,6 +14425,15 @@ body {
   justify-content: flex-end;
 }
 
+.sd-copy {
+  border-radius: 2px;
+}
+.sd-copy.sd-copy-inherit {
+  color: inherit;
+  font: inherit;
+  line-height: inherit;
+}
+
 .sd-color-picker {
   display: inline-flex;
   align-items: center;