@sdata/web-vue 3.7.0 → 3.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/sd.css +34 -2
- package/dist/sd.min.css +1 -1
- package/es/_components/select-view/style/index.css +17 -1
- package/es/file-previewer/file-previewer.vue_vue_type_script_setup_true_lang.js +20 -9
- package/es/image/image.vue_vue_type_script_setup_true_lang.js +2 -0
- package/es/index.css +34 -2
- package/es/input-tag/input-tag.js +7 -2
- package/es/input-tag/style/index.css +17 -1
- package/es/input-tag/style/input-tag.scss +17 -1
- package/json/web-types.json +1 -1
- package/package.json +8 -6
package/dist/sd.css
CHANGED
|
@@ -2677,6 +2677,12 @@ body {
|
|
|
2677
2677
|
.sd-select-view-multiple:not(.sd-select-view-focus) .sd-select-view-icon-hover:hover::before {
|
|
2678
2678
|
background-color: var(--sd-color-fill-4);
|
|
2679
2679
|
}
|
|
2680
|
+
.sd-select-view-multiple {
|
|
2681
|
+
position: relative;
|
|
2682
|
+
min-width: 0;
|
|
2683
|
+
max-width: 100%;
|
|
2684
|
+
overflow: hidden;
|
|
2685
|
+
}
|
|
2680
2686
|
.sd-select-view-multiple.sd-select-view-has-tag {
|
|
2681
2687
|
padding-right: 4px;
|
|
2682
2688
|
padding-left: 4px;
|
|
@@ -2776,6 +2782,9 @@ body {
|
|
|
2776
2782
|
.sd-select-view-multiple .sd-select-view-resize-observer {
|
|
2777
2783
|
position: absolute;
|
|
2778
2784
|
inset: 0;
|
|
2785
|
+
display: block;
|
|
2786
|
+
width: 100%;
|
|
2787
|
+
height: 100%;
|
|
2779
2788
|
visibility: hidden;
|
|
2780
2789
|
pointer-events: none;
|
|
2781
2790
|
}
|
|
@@ -2783,11 +2792,18 @@ body {
|
|
|
2783
2792
|
position: absolute;
|
|
2784
2793
|
top: 0;
|
|
2785
2794
|
left: 0;
|
|
2786
|
-
display:
|
|
2795
|
+
display: block;
|
|
2796
|
+
width: 100%;
|
|
2797
|
+
max-width: 100%;
|
|
2798
|
+
overflow: hidden;
|
|
2787
2799
|
white-space: nowrap;
|
|
2788
2800
|
visibility: hidden;
|
|
2789
2801
|
pointer-events: none;
|
|
2790
2802
|
}
|
|
2803
|
+
.sd-select-view-multiple .sd-select-view-measure .sd-select-view-tag {
|
|
2804
|
+
display: inline-flex;
|
|
2805
|
+
flex-shrink: 0;
|
|
2806
|
+
}
|
|
2791
2807
|
.sd-select-view-multiple .sd-select-view-tag-ellipsis {
|
|
2792
2808
|
display: block;
|
|
2793
2809
|
min-width: 0;
|
|
@@ -11588,6 +11604,12 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
11588
11604
|
.sd-input-tag:not(.sd-input-tag-focus) .sd-input-tag-icon-hover:hover::before {
|
|
11589
11605
|
background-color: var(--sd-color-fill-4);
|
|
11590
11606
|
}
|
|
11607
|
+
.sd-input-tag {
|
|
11608
|
+
position: relative;
|
|
11609
|
+
min-width: 0;
|
|
11610
|
+
max-width: 100%;
|
|
11611
|
+
overflow: hidden;
|
|
11612
|
+
}
|
|
11591
11613
|
.sd-input-tag.sd-input-tag-has-tag {
|
|
11592
11614
|
padding-right: 4px;
|
|
11593
11615
|
padding-left: 4px;
|
|
@@ -11687,6 +11709,9 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
11687
11709
|
.sd-input-tag .sd-input-tag-resize-observer {
|
|
11688
11710
|
position: absolute;
|
|
11689
11711
|
inset: 0;
|
|
11712
|
+
display: block;
|
|
11713
|
+
width: 100%;
|
|
11714
|
+
height: 100%;
|
|
11690
11715
|
visibility: hidden;
|
|
11691
11716
|
pointer-events: none;
|
|
11692
11717
|
}
|
|
@@ -11694,11 +11719,18 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
11694
11719
|
position: absolute;
|
|
11695
11720
|
top: 0;
|
|
11696
11721
|
left: 0;
|
|
11697
|
-
display:
|
|
11722
|
+
display: block;
|
|
11723
|
+
width: 100%;
|
|
11724
|
+
max-width: 100%;
|
|
11725
|
+
overflow: hidden;
|
|
11698
11726
|
white-space: nowrap;
|
|
11699
11727
|
visibility: hidden;
|
|
11700
11728
|
pointer-events: none;
|
|
11701
11729
|
}
|
|
11730
|
+
.sd-input-tag .sd-input-tag-measure .sd-input-tag-tag {
|
|
11731
|
+
display: inline-flex;
|
|
11732
|
+
flex-shrink: 0;
|
|
11733
|
+
}
|
|
11702
11734
|
.sd-input-tag .sd-input-tag-tag-ellipsis {
|
|
11703
11735
|
display: block;
|
|
11704
11736
|
min-width: 0;
|