@sdata/web-vue 4.1.0 → 4.3.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 +135 -117
- package/dist/sd.min.css +2 -2
- package/es/_components/auto-tooltip/auto-tooltip.vue_vue_type_script_setup_true_lang.js +17 -50
- package/es/_components/input-label/input-label.vue_vue_type_script_setup_true_lang.js +2 -2
- package/es/_components/picker/input-range.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/_components/picker/input.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/_components/select-view/style/index.css +0 -39
- package/es/anchor/anchor.vue.d.ts +1 -1
- package/es/anchor/index.d.ts +3 -3
- package/es/auto-complete/auto-complete.vue.d.ts +4 -4
- package/es/auto-complete/auto-complete.vue_vue_type_script_setup_true_lang.js +6 -6
- package/es/avatar/avatar.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/bloom-menu/bloom-menu.js +5 -0
- package/es/bloom-menu/bloom-menu.vue.d.ts +52 -0
- package/es/bloom-menu/bloom-menu.vue_vue_type_script_setup_true_lang.js +380 -0
- package/es/bloom-menu/index.d.ts +6 -0
- package/es/bloom-menu/index.js +10 -0
- package/es/bloom-menu/style/css.js +2 -0
- package/es/bloom-menu/style/index.css +135 -0
- package/es/bloom-menu/style/index.d.ts +2 -0
- package/es/bloom-menu/style/index.js +2 -0
- package/es/bloom-menu/style/index.scss +153 -0
- package/es/bloom-menu/style/token.scss +24 -0
- package/es/bloom-menu/types.d.ts +11 -0
- package/es/button/button.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/cascader/cascader-option.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/cascader/cascader-panel.vue.d.ts +1 -1
- package/es/cascader/cascader.vue.d.ts +1 -1
- package/es/cascader/cascader.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/clamp/index.d.ts +212 -0
- package/es/clamp/index.js +15 -0
- package/es/clamp/style/css.js +1 -0
- package/es/clamp/style/index.css +0 -0
- package/es/clamp/style/index.d.ts +1 -0
- package/es/clamp/style/index.js +1 -0
- package/es/clamp/style/index.scss +1 -0
- package/es/clamp/style/token.scss +1 -0
- package/es/color-picker/color-picker.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/components.d.ts +5 -0
- package/es/date-picker/picker.vue_vue_type_script_setup_true_lang.js +2 -2
- package/es/date-picker/range-picker.vue_vue_type_script_setup_true_lang.js +2 -2
- package/es/drawer/drawer.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/ellipsis/ellipsis.vue.d.ts +8 -15
- package/es/ellipsis/ellipsis.vue_vue_type_script_setup_true_lang.js +113 -118
- package/es/ellipsis/index.d.ts +14 -16
- package/es/ellipsis/performant-ellipsis.vue.d.ts +3 -5
- package/es/ellipsis/performant-ellipsis.vue_vue_type_script_setup_true_lang.js +12 -24
- package/es/ellipsis/style/index.css +0 -2
- package/es/ellipsis/style/index.scss +3 -2
- package/es/file-previewer/file-previewer.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/image/image.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/image/preview.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/index.css +135 -117
- package/es/index.d.ts +4 -0
- package/es/index.js +5 -3
- package/es/index.scss +2 -0
- package/es/input/input.vue_vue_type_script_setup_true_lang.js +2 -2
- package/es/input-tag/index.d.ts +0 -4
- package/es/input-tag/input-tag.vue.d.ts +3 -7
- package/es/input-tag/input-tag.vue_vue_type_script_setup_true_lang.js +85 -157
- package/es/input-tag/style/index.css +6 -39
- package/es/input-tag/style/index.scss +7 -0
- package/es/input-tag/style/input-tag.scss +0 -45
- package/es/link/link.vue_vue_type_script_setup_true_lang.js +2 -2
- package/es/list/index.d.ts +3 -3
- package/es/list/list.vue.d.ts +1 -1
- package/es/locale/interface.d.ts +2 -0
- package/es/locale/lang/en-us.js +2 -0
- package/es/locale/lang/zh-cn.js +2 -0
- package/es/menu/base-menu.vue_vue_type_script_setup_true_lang.js +3 -3
- package/es/menu/overflow-wrap.vue_vue_type_script_setup_true_lang.js +21 -27
- package/es/menu/style/index.css +5 -2
- package/es/menu/style/index.scss +5 -2
- package/es/modal/index.js +1 -1
- package/es/modal/modal.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/popover/style/index.css +0 -1
- package/es/popover/style/index.scss +0 -1
- package/es/rate/rate.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/sd-vue.js +9 -2
- package/es/secret/secret.vue_vue_type_script_setup_true_lang.js +2 -2
- package/es/select/select.vue_vue_type_script_setup_true_lang.js +2 -2
- package/es/sender/sender.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/table/index.d.ts +8 -8
- package/es/table/table-tr.vue.d.ts +1 -1
- package/es/table/table.vue.d.ts +2 -2
- package/es/tag/tag.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/tag-group/index.d.ts +4 -6
- package/es/tag-group/style/index.css +6 -29
- package/es/tag-group/style/index.scss +9 -34
- package/es/tag-group/tag-group.vue.d.ts +8 -11
- package/es/tag-group/tag-group.vue_vue_type_script_setup_true_lang.js +91 -272
- package/es/textarea/textarea.vue_vue_type_script_setup_true_lang.js +2 -2
- package/es/time-picker/time-picker.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/tree/node-switcher.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/tree/tree.vue.d.ts +12 -12
- package/es/tree/tree.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/tree-select/tree-select.vue_vue_type_script_setup_true_lang.js +2 -2
- package/es/trigger/trigger.vue_vue_type_script_setup_true_lang.js +3 -3
- package/es/typography/base.vue.d.ts +15 -15
- package/es/typography/base.vue_vue_type_script_setup_true_lang.js +93 -164
- package/es/typography/interface.d.ts +1 -2
- package/es/typography/style/index.css +0 -5
- package/es/typography/style/index.scss +0 -7
- package/json/vetur-attributes.json +0 -20
- package/json/vetur-tags.json +5 -10
- package/json/web-types.json +9 -53
- package/package.json +2 -1
- package/es/typography/utils/measure.d.ts +0 -6
- package/es/typography/utils/measure.js +0 -69
package/es/index.css
CHANGED
|
@@ -2796,14 +2796,6 @@ body {
|
|
|
2796
2796
|
.sd-select-view-multiple .sd-select-view-inner .sd-select-view-tag.sd-tag-custom-color .sd-icon-hover.sd-tag-icon-hover:hover::before {
|
|
2797
2797
|
background-color: rgba(255, 255, 255, 0.2);
|
|
2798
2798
|
}
|
|
2799
|
-
.sd-select-view-multiple .sd-select-view-inner .sd-select-view-tag.sd-select-view-tag-overflow {
|
|
2800
|
-
flex-shrink: 1;
|
|
2801
|
-
white-space: nowrap;
|
|
2802
|
-
word-break: normal;
|
|
2803
|
-
}
|
|
2804
|
-
.sd-select-view-multiple .sd-select-view-inner .sd-select-view-tag.sd-select-view-tag-overflow .sd-tag-text {
|
|
2805
|
-
max-width: 100%;
|
|
2806
|
-
}
|
|
2807
2799
|
.sd-select-view-multiple .sd-select-view-inner .sd-select-view-tag.sd-select-view-tag-counter {
|
|
2808
2800
|
flex-shrink: 0;
|
|
2809
2801
|
white-space: nowrap;
|
|
@@ -2846,37 +2838,6 @@ body {
|
|
|
2846
2838
|
visibility: hidden;
|
|
2847
2839
|
pointer-events: none;
|
|
2848
2840
|
}
|
|
2849
|
-
.sd-select-view-multiple .sd-select-view-resize-observer {
|
|
2850
|
-
position: absolute;
|
|
2851
|
-
inset: 0;
|
|
2852
|
-
display: block;
|
|
2853
|
-
width: 100%;
|
|
2854
|
-
height: 100%;
|
|
2855
|
-
visibility: hidden;
|
|
2856
|
-
pointer-events: none;
|
|
2857
|
-
}
|
|
2858
|
-
.sd-select-view-multiple .sd-select-view-measure {
|
|
2859
|
-
position: absolute;
|
|
2860
|
-
top: 0;
|
|
2861
|
-
left: 0;
|
|
2862
|
-
display: block;
|
|
2863
|
-
width: 100%;
|
|
2864
|
-
max-width: 100%;
|
|
2865
|
-
overflow: hidden;
|
|
2866
|
-
white-space: nowrap;
|
|
2867
|
-
visibility: hidden;
|
|
2868
|
-
pointer-events: none;
|
|
2869
|
-
}
|
|
2870
|
-
.sd-select-view-multiple .sd-select-view-measure .sd-select-view-tag {
|
|
2871
|
-
display: inline-flex;
|
|
2872
|
-
flex-shrink: 0;
|
|
2873
|
-
}
|
|
2874
|
-
.sd-select-view-multiple .sd-select-view-tag-ellipsis {
|
|
2875
|
-
display: block;
|
|
2876
|
-
min-width: 0;
|
|
2877
|
-
max-width: 100%;
|
|
2878
|
-
vertical-align: bottom;
|
|
2879
|
-
}
|
|
2880
2841
|
.sd-select-view-multiple.sd-select-view-focus .sd-select-view-tag:not(.sd-tag-custom-color):not(.sd-tag-red):not(.sd-tag-orangered):not(.sd-tag-orange):not(.sd-tag-gold):not(.sd-tag-lime):not(.sd-tag-green):not(.sd-tag-cyan):not(.sd-tag-blue):not(.sd-tag-sdblue):not(.sd-tag-purple):not(.sd-tag-pinkpurple):not(.sd-tag-magenta) {
|
|
2881
2842
|
background-color: var(--sd-color-fill-2);
|
|
2882
2843
|
border-color: var(--sd-color-fill-2);
|
|
@@ -3941,11 +3902,6 @@ body {
|
|
|
3941
3902
|
margin-right: -13px;
|
|
3942
3903
|
margin-bottom: calc(1em - 4px - 1px);
|
|
3943
3904
|
}
|
|
3944
|
-
.sd-typography-css-operation {
|
|
3945
|
-
margin-top: -1em;
|
|
3946
|
-
margin-bottom: 1em;
|
|
3947
|
-
text-align: right;
|
|
3948
|
-
}
|
|
3949
3905
|
|
|
3950
3906
|
/**********************************************
|
|
3951
3907
|
* Popup Box
|
|
@@ -5447,6 +5403,12 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
5447
5403
|
display: flex;
|
|
5448
5404
|
width: 100%;
|
|
5449
5405
|
}
|
|
5406
|
+
.sd-tag-group-inner[data-part=content], .sd-tag-group-inner [data-part=content] {
|
|
5407
|
+
display: inline-flex;
|
|
5408
|
+
gap: 4px;
|
|
5409
|
+
align-items: center;
|
|
5410
|
+
max-width: 100%;
|
|
5411
|
+
}
|
|
5450
5412
|
.sd-tag-group-popover {
|
|
5451
5413
|
flex-wrap: wrap;
|
|
5452
5414
|
max-width: 320px;
|
|
@@ -5466,38 +5428,9 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
5466
5428
|
.sd-tag-group-counter-content {
|
|
5467
5429
|
max-width: 100%;
|
|
5468
5430
|
}
|
|
5469
|
-
.sd-tag-group-item-content-overflow {
|
|
5470
|
-
min-width: 0;
|
|
5471
|
-
}
|
|
5472
5431
|
.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 {
|
|
5473
5432
|
max-width: 100%;
|
|
5474
5433
|
}
|
|
5475
|
-
.sd-tag-group-item-ellipsis {
|
|
5476
|
-
max-width: 100%;
|
|
5477
|
-
}
|
|
5478
|
-
.sd-tag-group-measure {
|
|
5479
|
-
position: absolute;
|
|
5480
|
-
top: 0;
|
|
5481
|
-
left: 0;
|
|
5482
|
-
z-index: -1;
|
|
5483
|
-
display: inline-flex;
|
|
5484
|
-
gap: 4px;
|
|
5485
|
-
align-items: center;
|
|
5486
|
-
height: 0;
|
|
5487
|
-
overflow: hidden;
|
|
5488
|
-
white-space: nowrap;
|
|
5489
|
-
visibility: hidden;
|
|
5490
|
-
pointer-events: none;
|
|
5491
|
-
}
|
|
5492
|
-
.sd-tag-group-measure .sd-tag-group-item {
|
|
5493
|
-
flex: 0 0 auto;
|
|
5494
|
-
max-width: none;
|
|
5495
|
-
}
|
|
5496
|
-
.sd-tag-group-resize-observer {
|
|
5497
|
-
position: absolute;
|
|
5498
|
-
inset: 0;
|
|
5499
|
-
pointer-events: none;
|
|
5500
|
-
}
|
|
5501
5434
|
|
|
5502
5435
|
.sd-icon-hover.sd-tabs-icon-hover::before {
|
|
5503
5436
|
width: 16px;
|
|
@@ -9907,7 +9840,6 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
9907
9840
|
margin-top: 4px;
|
|
9908
9841
|
}
|
|
9909
9842
|
.sd-popover-popup-arrow {
|
|
9910
|
-
z-index: 1;
|
|
9911
9843
|
background-color: var(--sd-color-bg-popup);
|
|
9912
9844
|
border: 1px solid var(--sd-color-neutral-3);
|
|
9913
9845
|
}
|
|
@@ -11599,7 +11531,10 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
11599
11531
|
content: " ";
|
|
11600
11532
|
}
|
|
11601
11533
|
.sd-menu-overflow-wrap {
|
|
11534
|
+
display: flex;
|
|
11535
|
+
align-items: center;
|
|
11602
11536
|
width: 100%;
|
|
11537
|
+
white-space: nowrap;
|
|
11603
11538
|
}
|
|
11604
11539
|
.sd-menu-overflow-sub-menu-mirror, .sd-menu-overflow-hidden-menu-item {
|
|
11605
11540
|
position: absolute !important;
|
|
@@ -11692,7 +11627,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
11692
11627
|
color: inherit;
|
|
11693
11628
|
}
|
|
11694
11629
|
.sd-menu-pop-trigger.sd-trigger-position-bl {
|
|
11695
|
-
|
|
11630
|
+
margin-top: 14px;
|
|
11696
11631
|
}
|
|
11697
11632
|
.sd-menu-pop-trigger.sd-trigger-position-bl .sd-trigger-arrow {
|
|
11698
11633
|
z-index: 0;
|
|
@@ -11700,7 +11635,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
11700
11635
|
border-left: 1px solid var(--sd-color-neutral-3);
|
|
11701
11636
|
}
|
|
11702
11637
|
.sd-menu-pop-trigger.sd-trigger-position-rt {
|
|
11703
|
-
|
|
11638
|
+
margin-left: 8px;
|
|
11704
11639
|
}
|
|
11705
11640
|
.sd-menu-pop-trigger.sd-trigger-position-rt .sd-trigger-arrow {
|
|
11706
11641
|
z-index: 0;
|
|
@@ -12454,14 +12389,6 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
12454
12389
|
.sd-input-tag .sd-input-tag-inner .sd-input-tag-tag.sd-tag-custom-color .sd-icon-hover.sd-tag-icon-hover:hover::before {
|
|
12455
12390
|
background-color: rgba(255, 255, 255, 0.2);
|
|
12456
12391
|
}
|
|
12457
|
-
.sd-input-tag .sd-input-tag-inner .sd-input-tag-tag.sd-input-tag-tag-overflow {
|
|
12458
|
-
flex-shrink: 1;
|
|
12459
|
-
white-space: nowrap;
|
|
12460
|
-
word-break: normal;
|
|
12461
|
-
}
|
|
12462
|
-
.sd-input-tag .sd-input-tag-inner .sd-input-tag-tag.sd-input-tag-tag-overflow .sd-tag-text {
|
|
12463
|
-
max-width: 100%;
|
|
12464
|
-
}
|
|
12465
12392
|
.sd-input-tag .sd-input-tag-inner .sd-input-tag-tag.sd-input-tag-tag-counter {
|
|
12466
12393
|
flex-shrink: 0;
|
|
12467
12394
|
white-space: nowrap;
|
|
@@ -12504,37 +12431,6 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
12504
12431
|
visibility: hidden;
|
|
12505
12432
|
pointer-events: none;
|
|
12506
12433
|
}
|
|
12507
|
-
.sd-input-tag .sd-input-tag-resize-observer {
|
|
12508
|
-
position: absolute;
|
|
12509
|
-
inset: 0;
|
|
12510
|
-
display: block;
|
|
12511
|
-
width: 100%;
|
|
12512
|
-
height: 100%;
|
|
12513
|
-
visibility: hidden;
|
|
12514
|
-
pointer-events: none;
|
|
12515
|
-
}
|
|
12516
|
-
.sd-input-tag .sd-input-tag-measure {
|
|
12517
|
-
position: absolute;
|
|
12518
|
-
top: 0;
|
|
12519
|
-
left: 0;
|
|
12520
|
-
display: block;
|
|
12521
|
-
width: 100%;
|
|
12522
|
-
max-width: 100%;
|
|
12523
|
-
overflow: hidden;
|
|
12524
|
-
white-space: nowrap;
|
|
12525
|
-
visibility: hidden;
|
|
12526
|
-
pointer-events: none;
|
|
12527
|
-
}
|
|
12528
|
-
.sd-input-tag .sd-input-tag-measure .sd-input-tag-tag {
|
|
12529
|
-
display: inline-flex;
|
|
12530
|
-
flex-shrink: 0;
|
|
12531
|
-
}
|
|
12532
|
-
.sd-input-tag .sd-input-tag-tag-ellipsis {
|
|
12533
|
-
display: block;
|
|
12534
|
-
min-width: 0;
|
|
12535
|
-
max-width: 100%;
|
|
12536
|
-
vertical-align: bottom;
|
|
12537
|
-
}
|
|
12538
12434
|
.sd-input-tag.sd-input-tag-focus .sd-input-tag-tag:not(.sd-tag-custom-color):not(.sd-tag-red):not(.sd-tag-orangered):not(.sd-tag-orange):not(.sd-tag-gold):not(.sd-tag-lime):not(.sd-tag-green):not(.sd-tag-cyan):not(.sd-tag-blue):not(.sd-tag-sdblue):not(.sd-tag-purple):not(.sd-tag-pinkpurple):not(.sd-tag-magenta) {
|
|
12539
12435
|
background-color: var(--sd-color-fill-2);
|
|
12540
12436
|
border-color: var(--sd-color-fill-2);
|
|
@@ -12660,6 +12556,12 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
12660
12556
|
transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
|
|
12661
12557
|
}
|
|
12662
12558
|
|
|
12559
|
+
.sd-input-tag-item-holder {
|
|
12560
|
+
display: inline-flex;
|
|
12561
|
+
min-width: 0;
|
|
12562
|
+
max-width: 100%;
|
|
12563
|
+
}
|
|
12564
|
+
|
|
12663
12565
|
.sd-input-number {
|
|
12664
12566
|
position: relative;
|
|
12665
12567
|
box-sizing: border-box;
|
|
@@ -16265,7 +16167,6 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
16265
16167
|
}
|
|
16266
16168
|
.sd-ellipsis--single-line {
|
|
16267
16169
|
overflow: hidden;
|
|
16268
|
-
white-space: nowrap;
|
|
16269
16170
|
text-overflow: ellipsis;
|
|
16270
16171
|
}
|
|
16271
16172
|
.sd-ellipsis-content {
|
|
@@ -16273,7 +16174,6 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
16273
16174
|
max-width: none;
|
|
16274
16175
|
}
|
|
16275
16176
|
.sd-ellipsis--line-clamp {
|
|
16276
|
-
display: -webkit-box;
|
|
16277
16177
|
width: 100%;
|
|
16278
16178
|
word-break: break-word;
|
|
16279
16179
|
}
|
|
@@ -22003,6 +21903,124 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
22003
21903
|
display: inline-flex;
|
|
22004
21904
|
}
|
|
22005
21905
|
|
|
21906
|
+
.sd-bloom-menu {
|
|
21907
|
+
display: inline-flex;
|
|
21908
|
+
font-family: inter, "-apple-system", blinkmacsystemfont, "PingFang SC", "Hiragino Sans GB", "noto sans", "Microsoft YaHei", "Helvetica Neue", helvetica, arial, sans-serif;
|
|
21909
|
+
}
|
|
21910
|
+
.sd-bloom-menu-trigger-content {
|
|
21911
|
+
display: inline-flex;
|
|
21912
|
+
gap: 8px;
|
|
21913
|
+
align-items: center;
|
|
21914
|
+
white-space: nowrap;
|
|
21915
|
+
}
|
|
21916
|
+
.sd-bloom-menu-trigger-content svg {
|
|
21917
|
+
width: 16px;
|
|
21918
|
+
height: 16px;
|
|
21919
|
+
}
|
|
21920
|
+
.sd-bloom-menu-panel {
|
|
21921
|
+
--bloom-menu-panel-width: min(86vw, 420px);
|
|
21922
|
+
--bloom-menu-panel-color: var(--sd-color-text-1);
|
|
21923
|
+
--bloom-menu-panel-background: var(--sd-color-bg-2);
|
|
21924
|
+
--bloom-menu-panel-border-color: var(--sd-color-neutral-3);
|
|
21925
|
+
--bloom-menu-panel-border-radius: var(--sd-border-radius-medium);
|
|
21926
|
+
--bloom-menu-panel-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
|
|
21927
|
+
overflow: hidden;
|
|
21928
|
+
border: 1px solid var(--sd-color-neutral-3);
|
|
21929
|
+
}
|
|
21930
|
+
.sd-bloom-menu-popup {
|
|
21931
|
+
padding: 0;
|
|
21932
|
+
}
|
|
21933
|
+
.sd-bloom-menu-content {
|
|
21934
|
+
width: 100%;
|
|
21935
|
+
}
|
|
21936
|
+
.sd-bloom-menu-header {
|
|
21937
|
+
display: flex;
|
|
21938
|
+
align-items: center;
|
|
21939
|
+
justify-content: space-between;
|
|
21940
|
+
padding: 12px 16px;
|
|
21941
|
+
color: var(--sd-color-text-2);
|
|
21942
|
+
border-bottom: 1px solid var(--sd-color-neutral-3);
|
|
21943
|
+
}
|
|
21944
|
+
.sd-bloom-menu-title {
|
|
21945
|
+
font-weight: 500;
|
|
21946
|
+
font-size: 14px;
|
|
21947
|
+
}
|
|
21948
|
+
.sd-bloom-menu-close {
|
|
21949
|
+
color: inherit;
|
|
21950
|
+
}
|
|
21951
|
+
.sd-bloom-menu-close:hover {
|
|
21952
|
+
color: var(--sd-color-text-1);
|
|
21953
|
+
}
|
|
21954
|
+
.sd-bloom-menu-close svg {
|
|
21955
|
+
width: 16px;
|
|
21956
|
+
height: 16px;
|
|
21957
|
+
}
|
|
21958
|
+
.sd-bloom-menu-grid {
|
|
21959
|
+
display: grid;
|
|
21960
|
+
grid-template-columns: repeat(var(--bloom-menu-columns), minmax(0, 1fr));
|
|
21961
|
+
}
|
|
21962
|
+
.sd-bloom-menu-item {
|
|
21963
|
+
min-width: 0;
|
|
21964
|
+
height: auto;
|
|
21965
|
+
padding: 24px 12px;
|
|
21966
|
+
color: var(--sd-color-text-2);
|
|
21967
|
+
border-radius: 0;
|
|
21968
|
+
}
|
|
21969
|
+
.sd-bloom-menu-item:hover:not(:disabled) {
|
|
21970
|
+
color: var(--sd-color-text-1);
|
|
21971
|
+
background: var(--sd-color-fill-2);
|
|
21972
|
+
}
|
|
21973
|
+
.sd-bloom-menu-item:focus-visible {
|
|
21974
|
+
position: relative;
|
|
21975
|
+
z-index: 1;
|
|
21976
|
+
outline: 2px solid rgb(var(--sd-primary-6));
|
|
21977
|
+
outline-offset: -2px;
|
|
21978
|
+
}
|
|
21979
|
+
.sd-bloom-menu-item-border-right {
|
|
21980
|
+
border-right: 1px solid var(--sd-color-neutral-3);
|
|
21981
|
+
}
|
|
21982
|
+
.sd-bloom-menu-item-border-bottom {
|
|
21983
|
+
border-bottom: 1px solid var(--sd-color-neutral-3);
|
|
21984
|
+
}
|
|
21985
|
+
.sd-bloom-menu-item-disabled, .sd-bloom-menu-item:disabled {
|
|
21986
|
+
color: var(--sd-color-text-4);
|
|
21987
|
+
cursor: not-allowed;
|
|
21988
|
+
}
|
|
21989
|
+
.sd-bloom-menu-item-content {
|
|
21990
|
+
display: flex;
|
|
21991
|
+
flex-direction: column;
|
|
21992
|
+
gap: 8px;
|
|
21993
|
+
align-items: center;
|
|
21994
|
+
min-width: 0;
|
|
21995
|
+
}
|
|
21996
|
+
.sd-bloom-menu-item-icon {
|
|
21997
|
+
display: inline-flex;
|
|
21998
|
+
font-size: 20px;
|
|
21999
|
+
}
|
|
22000
|
+
.sd-bloom-menu-item-icon svg {
|
|
22001
|
+
width: 20px;
|
|
22002
|
+
height: 20px;
|
|
22003
|
+
}
|
|
22004
|
+
.sd-bloom-menu-item-label {
|
|
22005
|
+
max-width: 100%;
|
|
22006
|
+
overflow: hidden;
|
|
22007
|
+
font-weight: 500;
|
|
22008
|
+
font-size: 14px;
|
|
22009
|
+
white-space: nowrap;
|
|
22010
|
+
text-overflow: ellipsis;
|
|
22011
|
+
}
|
|
22012
|
+
.sd-bloom-menu-empty {
|
|
22013
|
+
padding: 24px 16px;
|
|
22014
|
+
color: var(--sd-color-text-2);
|
|
22015
|
+
font-size: 14px;
|
|
22016
|
+
text-align: center;
|
|
22017
|
+
}
|
|
22018
|
+
|
|
22019
|
+
@media (prefers-reduced-motion: reduce) {
|
|
22020
|
+
.sd-bloom-menu-item, .sd-bloom-menu-close {
|
|
22021
|
+
transition: none;
|
|
22022
|
+
}
|
|
22023
|
+
}
|
|
22006
22024
|
.sd-avatar {
|
|
22007
22025
|
position: relative;
|
|
22008
22026
|
display: inline-flex;
|
package/es/index.d.ts
CHANGED
|
@@ -16,6 +16,8 @@ export { default as BackTop } from './back-top';
|
|
|
16
16
|
export type { BackTopInstance } from './back-top';
|
|
17
17
|
export { default as BorderBeam } from './border-beam';
|
|
18
18
|
export type { BorderBeamInstance, BorderBeamSize, BorderBeamTheme, BorderBeamColorVariant, BorderBeamFlowPreset, BorderBeamFlowPoint, BorderBeamFlowCoordinate, BorderBeamExposed, } from './border-beam';
|
|
19
|
+
export { default as BloomMenu } from './bloom-menu';
|
|
20
|
+
export type { BloomMenuInstance, BloomMenuItem, BloomMenuOffset } from './bloom-menu';
|
|
19
21
|
export { default as Badge } from './badge';
|
|
20
22
|
export type { BadgeInstance } from './badge';
|
|
21
23
|
export { default as BasicCrudTable } from './basic-crud-table';
|
|
@@ -36,6 +38,8 @@ export { default as Cascader, CascaderPanel } from './cascader';
|
|
|
36
38
|
export type { CascaderChangeHandler, CascaderFallback, CascaderFieldNames, CascaderFormatLabel, CascaderInstance, CascaderLoadMore, CascaderModelValue, CascaderPanelInstance, CascaderOption, CascaderOptionValue, CascaderPathValue, CascaderSearchHandler, CascaderSingleValue, } from './cascader';
|
|
37
39
|
export { default as Checkbox, CheckboxGroup } from './checkbox';
|
|
38
40
|
export type { CheckboxGroupInstance, CheckboxInstance, CheckboxOption } from './checkbox';
|
|
41
|
+
export { default as LineClamp, InlineClamp, RichLineClamp, WrapClamp } from './clamp';
|
|
42
|
+
export type { ClampBoundary, ClampLength, InlineClampInstance, InlineClampParts, InlineClampProps, InlineClampSplit, LineClampExposed, LineClampInstance, LineClampLocation, LineClampProps, LineClampSlotProps, LineClampSlots, RichLineClampExposed, RichLineClampInstance, RichLineClampProps, RichLineClampSlotProps, RichLineClampSlots, WrapClampExposed, WrapClampInstance, WrapClampItemKey, WrapClampItemSlotProps, WrapClampProps, WrapClampSlotProps, WrapClampSlots, } from './clamp';
|
|
39
43
|
export { default as Collapse, CollapseItem } from './collapse';
|
|
40
44
|
export type { CollapseInstance, CollapseItemInstance } from './collapse';
|
|
41
45
|
export { default as Comment } from './comment';
|
package/es/index.js
CHANGED
|
@@ -6,9 +6,11 @@ import { addI18nMessages, getLocale, useLocale } from "./locale/index.js";
|
|
|
6
6
|
import Alert from "./alert/index.js";
|
|
7
7
|
import anchor_link_default from "./anchor/anchor-link.js";
|
|
8
8
|
import Anchor from "./anchor/index.js";
|
|
9
|
-
import
|
|
9
|
+
import { InlineClamp, LineClamp, RichLineClamp, WrapClamp } from "./clamp/index.js";
|
|
10
10
|
import Trigger from "./trigger/index.js";
|
|
11
11
|
import Tooltip from "./tooltip/index.js";
|
|
12
|
+
import Ellipsis, { PerformantEllipsis } from "./ellipsis/index.js";
|
|
13
|
+
import input_group_default from "./input/input-group.js";
|
|
12
14
|
import input_password_default from "./input/input-password.js";
|
|
13
15
|
import button_group_default from "./button/button-group.js";
|
|
14
16
|
import Button from "./button/index.js";
|
|
@@ -26,7 +28,6 @@ import { continuous } from "./number-flow/continuous.js";
|
|
|
26
28
|
import { useCanAnimate } from "./number-flow/use-can-animate.js";
|
|
27
29
|
import NumberFlow, { NumberFlowGroup } from "./number-flow/index.js";
|
|
28
30
|
import Badge from "./badge/index.js";
|
|
29
|
-
import Ellipsis, { PerformantEllipsis } from "./ellipsis/index.js";
|
|
30
31
|
import Link from "./link/index.js";
|
|
31
32
|
import Popconfirm from "./popconfirm/index.js";
|
|
32
33
|
import Space from "./space/index.js";
|
|
@@ -81,6 +82,7 @@ import JsonForm from "./json-form/index.js";
|
|
|
81
82
|
import Toolbar from "./toolbar/index.js";
|
|
82
83
|
import Modal from "./modal/index.js";
|
|
83
84
|
import BasicCrudTable from "./basic-crud-table/index.js";
|
|
85
|
+
import BloomMenu from "./bloom-menu/index.js";
|
|
84
86
|
import BorderBeam from "./border-beam/index.js";
|
|
85
87
|
import dropdown_button_default from "./dropdown/dropdown-button.js";
|
|
86
88
|
import dropdown_group_default from "./dropdown/dropdown-group.js";
|
|
@@ -174,4 +176,4 @@ import Typography from "./typography/index.js";
|
|
|
174
176
|
import Upload from "./upload/index.js";
|
|
175
177
|
import Watermark from "./watermark/index.js";
|
|
176
178
|
import SDVue from "./sd-vue.js";
|
|
177
|
-
export { $createInlineComponentNode, $isInlineComponentNode, A2UI_0_9_1, Affix, Alert, Anchor, anchor_link_default as AnchorLink, AutoComplete, Avatar, avatar_group_default as AvatarGroup, BackTop, Badge, BasicCrudTable, BorderBeam, Breadcrumb, breadcrumb_item_default as BreadcrumbItem, Button, button_group_default as ButtonGroup, Calendar, Card, card_grid_default as CardGrid, card_meta_default as CardMeta, Carousel, carousel_item_default as CarouselItem, Cascader, cascader_panel_default as CascaderPanel, Checkbox, checkbox_group_default as CheckboxGroup, grid_col_default as Col, Collapse, collapse_item_default as CollapseItem, ColorPicker, Comment, ConfigProvider, Copy, countdown_default as Countdown, Cropper, DEFAULT_LOCALE, DEFAULT_LOCALE_KEY, DatePicker, Descriptions, descriptions_item_default as DescriptionsItem, dropdown_group_default as Dgroup, Divider, dropdown_option_default as Doption, Drawer, Dropdown, dropdown_button_default as DropdownButton, dropdown_submenu_default as Dsubmenu, Ellipsis, Empty, FilePreviewer, Form, form_item_default as FormItem, Grid, grid_item_default as GridItem, Icon, Image, preview_default as ImagePreview, preview_action_default as ImagePreviewAction, preview_group_default as ImagePreviewGroup, InlineComponentNode, Input, input_group_default as InputGroup, InputMask, InputNumber, input_password_default as InputPassword, input_search_default as InputSearch, InputTag, JsonForm, KvList, Layout, content_default as LayoutContent, footer_default as LayoutFooter, header_default as LayoutHeader, sider_default as LayoutSider, Link, List, list_item_default as ListItem, list_item_meta_default as ListItemMeta, MODEL_SELECTOR_PROVIDERS, Mention, Menu, item_default as MenuItem, item_group_default as MenuItemGroup, Message, Modal, ModelSelector, model_selector_content_default as ModelSelectorContent, model_selector_dialog_default as ModelSelectorDialog, model_selector_empty_default as ModelSelectorEmpty, model_selector_group_default as ModelSelectorGroup, model_selector_input_default as ModelSelectorInput, model_selector_item_default as ModelSelectorItem, model_selector_list_default as ModelSelectorList, model_selector_logo_default as ModelSelectorLogo, model_selector_logo_group_default as ModelSelectorLogoGroup, model_selector_name_default as ModelSelectorName, model_selector_separator_default as ModelSelectorSeparator, model_selector_shortcut_default as ModelSelectorShortcut, model_selector_trigger_default as ModelSelectorTrigger, month_picker_default as MonthPicker, Notification, NumberFlow, NumberFlowGroup, PageHeader, Pagination, PerformantEllipsis, Popconfirm, Popover, Progress, QrCode, quarter_picker_default as QuarterPicker, RICH_TEXT_EDITOR_BUILT_IN_NODE_NAMES, RICH_TEXT_EDITOR_JSON_FORM_NODE_NAMES, Radio, radio_group_default as RadioGroup, range_picker_default as RangePicker, Rate, recorder_core_default as RecorderCore, ResizeBox, Result, RichTextEditor, grid_row_default as Row, Scrollbar, Secret, Select, SelectableCard, Sender, SenderHeader, SenderSwitch, Skeleton, line_default as SkeletonLine, shape_default as SkeletonShape, Slider, Space, Spin, Split, Statistic, step_default as Step, Steps, sub_menu_default as SubMenu, Switch, tab_pane_default as TabPane, Table, table_column_default as TableColumn, Tabs, Tag, TagGroup, table_tbody_default as Tbody, table_td_default as Td, Textarea, table_th_default as Th, table_thead_default as Thead, ThemeProvider, ThinkingOrb, TimePicker, Timeline, item_default$1 as TimelineItem, Toolbar, Tooltip, Tour, table_tr_default as Tr, Transfer, Tree, TreeSelect, Trigger, Typography, paragraph_default as TypographyParagraph, text_default as TypographyText, title_default as TypographyTitle, Upload, VerificationCode, Watermark, week_picker_default as WeekPicker, year_picker_default as YearPicker, addI18nMessages, continuous, SDVue as default, defaultInputMaskFormatChars, defineJsonFormComponents, defineJsonFormSchemas, formatInputMask, getCssVarToken, getLocale, inputMaskPresets, useCanAnimate, useFormItem, useLocale };
|
|
179
|
+
export { $createInlineComponentNode, $isInlineComponentNode, A2UI_0_9_1, Affix, Alert, Anchor, anchor_link_default as AnchorLink, AutoComplete, Avatar, avatar_group_default as AvatarGroup, BackTop, Badge, BasicCrudTable, BloomMenu, BorderBeam, Breadcrumb, breadcrumb_item_default as BreadcrumbItem, Button, button_group_default as ButtonGroup, Calendar, Card, card_grid_default as CardGrid, card_meta_default as CardMeta, Carousel, carousel_item_default as CarouselItem, Cascader, cascader_panel_default as CascaderPanel, Checkbox, checkbox_group_default as CheckboxGroup, grid_col_default as Col, Collapse, collapse_item_default as CollapseItem, ColorPicker, Comment, ConfigProvider, Copy, countdown_default as Countdown, Cropper, DEFAULT_LOCALE, DEFAULT_LOCALE_KEY, DatePicker, Descriptions, descriptions_item_default as DescriptionsItem, dropdown_group_default as Dgroup, Divider, dropdown_option_default as Doption, Drawer, Dropdown, dropdown_button_default as DropdownButton, dropdown_submenu_default as Dsubmenu, Ellipsis, Empty, FilePreviewer, Form, form_item_default as FormItem, Grid, grid_item_default as GridItem, Icon, Image, preview_default as ImagePreview, preview_action_default as ImagePreviewAction, preview_group_default as ImagePreviewGroup, InlineClamp, InlineComponentNode, Input, input_group_default as InputGroup, InputMask, InputNumber, input_password_default as InputPassword, input_search_default as InputSearch, InputTag, JsonForm, KvList, Layout, content_default as LayoutContent, footer_default as LayoutFooter, header_default as LayoutHeader, sider_default as LayoutSider, LineClamp, Link, List, list_item_default as ListItem, list_item_meta_default as ListItemMeta, MODEL_SELECTOR_PROVIDERS, Mention, Menu, item_default as MenuItem, item_group_default as MenuItemGroup, Message, Modal, ModelSelector, model_selector_content_default as ModelSelectorContent, model_selector_dialog_default as ModelSelectorDialog, model_selector_empty_default as ModelSelectorEmpty, model_selector_group_default as ModelSelectorGroup, model_selector_input_default as ModelSelectorInput, model_selector_item_default as ModelSelectorItem, model_selector_list_default as ModelSelectorList, model_selector_logo_default as ModelSelectorLogo, model_selector_logo_group_default as ModelSelectorLogoGroup, model_selector_name_default as ModelSelectorName, model_selector_separator_default as ModelSelectorSeparator, model_selector_shortcut_default as ModelSelectorShortcut, model_selector_trigger_default as ModelSelectorTrigger, month_picker_default as MonthPicker, Notification, NumberFlow, NumberFlowGroup, PageHeader, Pagination, PerformantEllipsis, Popconfirm, Popover, Progress, QrCode, quarter_picker_default as QuarterPicker, RICH_TEXT_EDITOR_BUILT_IN_NODE_NAMES, RICH_TEXT_EDITOR_JSON_FORM_NODE_NAMES, Radio, radio_group_default as RadioGroup, range_picker_default as RangePicker, Rate, recorder_core_default as RecorderCore, ResizeBox, Result, RichLineClamp, RichTextEditor, grid_row_default as Row, Scrollbar, Secret, Select, SelectableCard, Sender, SenderHeader, SenderSwitch, Skeleton, line_default as SkeletonLine, shape_default as SkeletonShape, Slider, Space, Spin, Split, Statistic, step_default as Step, Steps, sub_menu_default as SubMenu, Switch, tab_pane_default as TabPane, Table, table_column_default as TableColumn, Tabs, Tag, TagGroup, table_tbody_default as Tbody, table_td_default as Td, Textarea, table_th_default as Th, table_thead_default as Thead, ThemeProvider, ThinkingOrb, TimePicker, Timeline, item_default$1 as TimelineItem, Toolbar, Tooltip, Tour, table_tr_default as Tr, Transfer, Tree, TreeSelect, Trigger, Typography, paragraph_default as TypographyParagraph, text_default as TypographyText, title_default as TypographyTitle, Upload, VerificationCode, Watermark, week_picker_default as WeekPicker, WrapClamp, year_picker_default as YearPicker, addI18nMessages, continuous, SDVue as default, defaultInputMaskFormatChars, defineJsonFormComponents, defineJsonFormSchemas, formatInputMask, getCssVarToken, getLocale, inputMaskPresets, useCanAnimate, useFormItem, useLocale };
|
package/es/index.scss
CHANGED
|
@@ -76,6 +76,7 @@
|
|
|
76
76
|
@use '@components/comment/style/index.scss' as *;
|
|
77
77
|
@use '@components/copy/style/index.scss' as *;
|
|
78
78
|
@use '@components/color-picker/style/index.scss' as *;
|
|
79
|
+
@use '@components/clamp/style/index.scss' as *;
|
|
79
80
|
@use '@components/collapse/style/index.scss' as *;
|
|
80
81
|
@use '@components/checkbox/style/index.scss' as *;
|
|
81
82
|
@use '@components/cascader/style/index.scss' as *;
|
|
@@ -89,6 +90,7 @@
|
|
|
89
90
|
@use '@components/basic-crud-table/style/index.scss' as *;
|
|
90
91
|
@use '@components/back-top/style/index.scss' as *;
|
|
91
92
|
@use '@components/border-beam/style/index.scss' as *;
|
|
93
|
+
@use '@components/bloom-menu/style/index.scss' as *;
|
|
92
94
|
@use '@components/avatar/style/index.scss' as *;
|
|
93
95
|
@use '@components/auto-complete/style/index.scss' as *;
|
|
94
96
|
@use '@components/anchor/style/index.scss' as *;
|
|
@@ -7,6 +7,8 @@ import { isActivationKey } from "../_utils/keyboard.js";
|
|
|
7
7
|
import IconClose from "../icon/icon-close/index.js";
|
|
8
8
|
import { useI18n } from "../locale/index.js";
|
|
9
9
|
import { useAllowClear } from "../_hooks/use-allow-clear.js";
|
|
10
|
+
import { omit } from "../_utils/omit.js";
|
|
11
|
+
import Tooltip from "../tooltip/index.js";
|
|
10
12
|
import feedback_icon_default from "../_components/feedback-icon.js";
|
|
11
13
|
import { useCursor } from "../_hooks/use-cursor.js";
|
|
12
14
|
import { useFitWidth } from "../_hooks/use-fit-width.js";
|
|
@@ -15,9 +17,7 @@ import { useSize } from "../_hooks/use-size.js";
|
|
|
15
17
|
import { INPUT_EVENTS } from "../_utils/constant.js";
|
|
16
18
|
import { countGraphemes, sliceGraphemes } from "../_utils/grapheme.js";
|
|
17
19
|
import { Enter } from "../_utils/keycode.js";
|
|
18
|
-
import { omit } from "../_utils/omit.js";
|
|
19
20
|
import pick from "../_utils/pick.js";
|
|
20
|
-
import Tooltip from "../tooltip/index.js";
|
|
21
21
|
import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, nextTick, normalizeClass, openBlock, ref, renderSlot, toDisplayString, toRef, unref, useAttrs, useSlots, watch, withCtx } from "vue";
|
|
22
22
|
import { createReusableTemplate } from "@vueuse/core";
|
|
23
23
|
//#region components/input/input.vue?vue&type=script&setup=true&lang.ts
|
package/es/input-tag/index.d.ts
CHANGED
|
@@ -326,10 +326,6 @@ declare const InputTag: {
|
|
|
326
326
|
tag?: (props: {
|
|
327
327
|
data: Record<string, unknown> & import("./interface").TagDataInfo;
|
|
328
328
|
}) => any;
|
|
329
|
-
} & {
|
|
330
|
-
tag?: (props: {
|
|
331
|
-
data: Record<string, unknown> & import("./interface").TagDataInfo;
|
|
332
|
-
}) => any;
|
|
333
329
|
} & {
|
|
334
330
|
prefix?: (props: {}) => any;
|
|
335
331
|
} & {
|
|
@@ -3,17 +3,13 @@ import type { InputTagFieldNames, TagData, TagDataInfo } from './interface';
|
|
|
3
3
|
import { type Size } from '../_utils/constant';
|
|
4
4
|
declare var __VLS_7: {
|
|
5
5
|
data: Record<string, unknown> & TagDataInfo;
|
|
6
|
-
},
|
|
7
|
-
data: Record<string, unknown> & TagDataInfo;
|
|
8
|
-
}, __VLS_56: {}, __VLS_91: {};
|
|
6
|
+
}, __VLS_23: {}, __VLS_90: {};
|
|
9
7
|
type __VLS_Slots = {} & {
|
|
10
8
|
tag?: (props: typeof __VLS_7) => any;
|
|
11
9
|
} & {
|
|
12
|
-
|
|
13
|
-
} & {
|
|
14
|
-
prefix?: (props: typeof __VLS_56) => any;
|
|
10
|
+
prefix?: (props: typeof __VLS_23) => any;
|
|
15
11
|
} & {
|
|
16
|
-
suffix?: (props: typeof
|
|
12
|
+
suffix?: (props: typeof __VLS_90) => any;
|
|
17
13
|
};
|
|
18
14
|
declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
19
15
|
modelValue: PropType<(string | number | TagData)[]>;
|