@sdata/web-vue 1.8.0 → 1.9.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.
Files changed (120) hide show
  1. package/dist/sd.css +90 -0
  2. package/dist/sd.min.css +1 -1
  3. package/es/_components/input-label/input-label.js +30 -24
  4. package/es/_components/select-view/interface.d.ts +1 -0
  5. package/es/_components/select-view/select-view.d.ts +12 -3
  6. package/es/_components/select-view/select-view.js +38 -28
  7. package/es/_components/select-view/style/index.css +45 -0
  8. package/es/_hooks/use-trigger.d.ts +4 -6
  9. package/es/_hooks/use-trigger.js +7 -5
  10. package/es/auto-complete/auto-complete.d.ts +1 -1
  11. package/es/auto-complete/index.d.ts +3 -3
  12. package/es/badge/badge.d.ts +1 -1
  13. package/es/badge/index.d.ts +3 -3
  14. package/es/carousel/carousel-arrow.vue.d.ts +1 -1
  15. package/es/carousel/carousel.d.ts +2 -2
  16. package/es/carousel/index.d.ts +6 -6
  17. package/es/cascader/cascader-panel.vue.d.ts +2 -2
  18. package/es/cascader/cascader.vue.d.ts +20 -11
  19. package/es/cascader/index.d.ts +44 -26
  20. package/es/config-provider/config-provider.vue.d.ts +1 -1
  21. package/es/config-provider/index.d.ts +3 -3
  22. package/es/date-picker/index.d.ts +6 -6
  23. package/es/date-picker/picker.vue.d.ts +6 -6
  24. package/es/date-picker/range-picker.vue.d.ts +6 -6
  25. package/es/descriptions/descriptions.d.ts +2 -2
  26. package/es/descriptions/index.d.ts +6 -6
  27. package/es/drawer/drawer.vue_vue_type_script_lang.js +1 -1
  28. package/es/dropdown/dropdown-button.vue.d.ts +8 -8
  29. package/es/dropdown/dropdown-panel.vue.d.ts +2 -2
  30. package/es/dropdown/dropdown-submenu.vue.d.ts +8 -8
  31. package/es/dropdown/dropdown.vue.d.ts +8 -8
  32. package/es/dropdown/index.d.ts +32 -32
  33. package/es/ellipsis/ellipsis.vue.d.ts +13 -13
  34. package/es/ellipsis/ellipsis.vue_vue_type_script_lang.js +1 -1
  35. package/es/ellipsis/index.d.ts +56 -56
  36. package/es/ellipsis/performant-ellipsis.vue.d.ts +14 -14
  37. package/es/form/form-item-label.vue.d.ts +12 -12
  38. package/es/form/form-item.vue.d.ts +12 -12
  39. package/es/form/index.d.ts +12 -12
  40. package/es/grid/grid.vue.d.ts +1 -1
  41. package/es/grid/index.d.ts +3 -3
  42. package/es/image/image.vue.d.ts +12 -12
  43. package/es/image/preview-action.d.ts +12 -12
  44. package/es/image/preview-group.vue.d.ts +12 -12
  45. package/es/image/preview-toolbar.vue.d.ts +12 -12
  46. package/es/image/preview.vue.d.ts +12 -12
  47. package/es/index.css +90 -0
  48. package/es/index.js +2 -2
  49. package/es/input-tag/index.d.ts +6 -6
  50. package/es/input-tag/input-tag.d.ts +3 -3
  51. package/es/input-tag/input-tag.js +179 -30
  52. package/es/input-tag/style/index.css +45 -0
  53. package/es/input-tag/style/input-tag.scss +53 -0
  54. package/es/list/index.d.ts +3 -3
  55. package/es/list/list.d.ts +1 -1
  56. package/es/menu/sub-menu-pop.vue.d.ts +6 -6
  57. package/es/modal/modal.vue_vue_type_script_lang.js +1 -1
  58. package/es/overflow-list/index.d.ts +3 -3
  59. package/es/overflow-list/overflow-list.d.ts +1 -1
  60. package/es/pagination/page-options.vue.d.ts +188 -98
  61. package/es/popconfirm/index.d.ts +12 -12
  62. package/es/popconfirm/popconfirm.vue.d.ts +6 -6
  63. package/es/popover/index.d.ts +12 -12
  64. package/es/popover/popover.vue.d.ts +6 -6
  65. package/es/progress/index.d.ts +5 -5
  66. package/es/progress/line.vue.d.ts +1 -1
  67. package/es/progress/progress.vue.d.ts +2 -2
  68. package/es/scrollbar/index.d.ts +2 -2
  69. package/es/scrollbar/scrollbar.vue.d.ts +1 -1
  70. package/es/scrollbar/thumb.vue.d.ts +1 -1
  71. package/es/sd-vue.js +2 -2
  72. package/es/select/hooks/use-options.d.ts +9 -4
  73. package/es/select/hooks/use-options.js +2 -2
  74. package/es/select/hooks/use-select.d.ts +9 -4
  75. package/es/select/index.d.ts +188 -98
  76. package/es/select/interface.d.ts +57 -46
  77. package/es/select/select-dropdown.vue.d.ts +2 -2
  78. package/es/select/select.d.ts +107 -59
  79. package/es/select/select.js +179 -125
  80. package/es/select/utils.d.ts +1 -1
  81. package/es/select/utils.js +28 -10
  82. package/es/skeleton/index.d.ts +1 -1
  83. package/es/skeleton/line.vue.d.ts +1 -1
  84. package/es/slider/index.d.ts +27 -27
  85. package/es/slider/slider-button.vue.d.ts +12 -12
  86. package/es/slider/slider.vue.d.ts +13 -13
  87. package/es/space/index.d.ts +3 -3
  88. package/es/space/space.d.ts +1 -1
  89. package/es/statistic/index.d.ts +6 -6
  90. package/es/statistic/statistic.vue.d.ts +2 -2
  91. package/es/table/index.d.ts +6 -6
  92. package/es/table/table.d.ts +2 -2
  93. package/es/tabs/index.d.ts +9 -9
  94. package/es/tabs/tabs.d.ts +3 -3
  95. package/es/tag/index.d.ts +3 -3
  96. package/es/tag/tag.vue.d.ts +1 -1
  97. package/es/time-picker/index.d.ts +12 -12
  98. package/es/time-picker/time-picker.vue.d.ts +6 -6
  99. package/es/tooltip/index.d.ts +12 -12
  100. package/es/tooltip/tooltip.vue.d.ts +6 -6
  101. package/es/transfer/index.d.ts +10 -10
  102. package/es/transfer/transfer-view.vue.d.ts +5 -5
  103. package/es/transfer/transfer.vue.d.ts +5 -5
  104. package/es/tree/index.d.ts +6 -6
  105. package/es/tree/tree.vue.d.ts +2 -2
  106. package/es/tree-select/hooks/use-selected-state.d.ts +2 -0
  107. package/es/tree-select/hooks/use-selected-state.js +26 -8
  108. package/es/tree-select/index.d.ts +265 -61
  109. package/es/tree-select/interface.d.ts +16 -3
  110. package/es/tree-select/panel.d.ts +6 -6
  111. package/es/tree-select/tree-select.js +28 -15
  112. package/es/tree-select/tree-select.vue.d.ts +143 -30
  113. package/es/tree-select/tree-select.vue_vue_type_script_lang.js +100 -23
  114. package/es/trigger/index.d.ts +6 -6
  115. package/es/trigger/trigger.d.ts +2 -2
  116. package/es/typography/operations.vue.d.ts +12 -12
  117. package/json/vetur-attributes.json +36 -158
  118. package/json/vetur-tags.json +10 -46
  119. package/json/web-types.json +79 -366
  120. package/package.json +7 -7
package/dist/sd.css CHANGED
@@ -2012,6 +2012,7 @@ body {
2012
2012
  }
2013
2013
  .sd-select-view-multiple .sd-select-view-inner {
2014
2014
  flex: 1;
2015
+ min-width: 0;
2015
2016
  overflow: hidden;
2016
2017
  line-height: 0;
2017
2018
  }
@@ -2019,9 +2020,16 @@ body {
2019
2020
  display: flex;
2020
2021
  flex-wrap: wrap;
2021
2022
  }
2023
+ .sd-select-view-multiple .sd-select-view-inner.sd-select-view-inner-responsive {
2024
+ display: flex;
2025
+ flex-wrap: nowrap;
2026
+ align-items: center;
2027
+ }
2022
2028
  .sd-select-view-multiple .sd-select-view-inner .sd-select-view-tag {
2023
2029
  display: inline-flex;
2030
+ flex-shrink: 0;
2024
2031
  align-items: center;
2032
+ min-width: 0;
2025
2033
  margin-right: 4px;
2026
2034
  color: var(--color-text-1);
2027
2035
  font-size: 12px;
@@ -2039,6 +2047,19 @@ body {
2039
2047
  .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 {
2040
2048
  background-color: rgba(255, 255, 255, 0.2);
2041
2049
  }
2050
+ .sd-select-view-multiple .sd-select-view-inner .sd-select-view-tag.sd-select-view-tag-overflow {
2051
+ flex-shrink: 1;
2052
+ white-space: nowrap;
2053
+ word-break: normal;
2054
+ }
2055
+ .sd-select-view-multiple .sd-select-view-inner .sd-select-view-tag.sd-select-view-tag-overflow .sd-tag-text {
2056
+ max-width: 100%;
2057
+ }
2058
+ .sd-select-view-multiple .sd-select-view-inner .sd-select-view-tag.sd-select-view-tag-counter {
2059
+ flex-shrink: 0;
2060
+ white-space: nowrap;
2061
+ word-break: normal;
2062
+ }
2042
2063
  .sd-select-view-multiple .sd-select-view-inner .sd-select-view-input {
2043
2064
  width: 100%;
2044
2065
  padding-right: 0;
@@ -2065,6 +2086,9 @@ body {
2065
2086
  .sd-select-view-multiple .sd-select-view-inner .sd-select-view-input {
2066
2087
  box-sizing: border-box;
2067
2088
  }
2089
+ .sd-select-view-inner-responsive .sd-select-view-multiple .sd-select-view-inner .sd-select-view-input {
2090
+ flex: 0 0 auto;
2091
+ }
2068
2092
  .sd-select-view-multiple .sd-select-view-mirror {
2069
2093
  position: absolute;
2070
2094
  top: 0;
@@ -2073,6 +2097,27 @@ body {
2073
2097
  visibility: hidden;
2074
2098
  pointer-events: none;
2075
2099
  }
2100
+ .sd-select-view-multiple .sd-select-view-resize-observer {
2101
+ position: absolute;
2102
+ inset: 0;
2103
+ visibility: hidden;
2104
+ pointer-events: none;
2105
+ }
2106
+ .sd-select-view-multiple .sd-select-view-measure {
2107
+ position: absolute;
2108
+ top: 0;
2109
+ left: 0;
2110
+ display: inline-flex;
2111
+ white-space: nowrap;
2112
+ visibility: hidden;
2113
+ pointer-events: none;
2114
+ }
2115
+ .sd-select-view-multiple .sd-select-view-tag-ellipsis {
2116
+ display: block;
2117
+ min-width: 0;
2118
+ max-width: 100%;
2119
+ vertical-align: bottom;
2120
+ }
2076
2121
  .sd-select-view-multiple.sd-select-view-focus .sd-select-view-tag {
2077
2122
  background-color: var(--color-fill-2);
2078
2123
  border-color: var(--color-fill-2);
@@ -10160,6 +10205,7 @@ body {
10160
10205
  }
10161
10206
  .sd-input-tag .sd-input-tag-inner {
10162
10207
  flex: 1;
10208
+ min-width: 0;
10163
10209
  overflow: hidden;
10164
10210
  line-height: 0;
10165
10211
  }
@@ -10167,9 +10213,16 @@ body {
10167
10213
  display: flex;
10168
10214
  flex-wrap: wrap;
10169
10215
  }
10216
+ .sd-input-tag .sd-input-tag-inner.sd-input-tag-inner-responsive {
10217
+ display: flex;
10218
+ flex-wrap: nowrap;
10219
+ align-items: center;
10220
+ }
10170
10221
  .sd-input-tag .sd-input-tag-inner .sd-input-tag-tag {
10171
10222
  display: inline-flex;
10223
+ flex-shrink: 0;
10172
10224
  align-items: center;
10225
+ min-width: 0;
10173
10226
  margin-right: 4px;
10174
10227
  color: var(--color-text-1);
10175
10228
  font-size: 12px;
@@ -10187,6 +10240,19 @@ body {
10187
10240
  .sd-input-tag .sd-input-tag-inner .sd-input-tag-tag.sd-tag-custom-color .sd-icon-hover.sd-tag-icon-hover:hover::before {
10188
10241
  background-color: rgba(255, 255, 255, 0.2);
10189
10242
  }
10243
+ .sd-input-tag .sd-input-tag-inner .sd-input-tag-tag.sd-input-tag-tag-overflow {
10244
+ flex-shrink: 1;
10245
+ white-space: nowrap;
10246
+ word-break: normal;
10247
+ }
10248
+ .sd-input-tag .sd-input-tag-inner .sd-input-tag-tag.sd-input-tag-tag-overflow .sd-tag-text {
10249
+ max-width: 100%;
10250
+ }
10251
+ .sd-input-tag .sd-input-tag-inner .sd-input-tag-tag.sd-input-tag-tag-counter {
10252
+ flex-shrink: 0;
10253
+ white-space: nowrap;
10254
+ word-break: normal;
10255
+ }
10190
10256
  .sd-input-tag .sd-input-tag-inner .sd-input-tag-input {
10191
10257
  width: 100%;
10192
10258
  padding-right: 0;
@@ -10213,6 +10279,9 @@ body {
10213
10279
  .sd-input-tag .sd-input-tag-inner .sd-input-tag-input {
10214
10280
  box-sizing: border-box;
10215
10281
  }
10282
+ .sd-input-tag-inner-responsive .sd-input-tag .sd-input-tag-inner .sd-input-tag-input {
10283
+ flex: 0 0 auto;
10284
+ }
10216
10285
  .sd-input-tag .sd-input-tag-mirror {
10217
10286
  position: absolute;
10218
10287
  top: 0;
@@ -10221,6 +10290,27 @@ body {
10221
10290
  visibility: hidden;
10222
10291
  pointer-events: none;
10223
10292
  }
10293
+ .sd-input-tag .sd-input-tag-resize-observer {
10294
+ position: absolute;
10295
+ inset: 0;
10296
+ visibility: hidden;
10297
+ pointer-events: none;
10298
+ }
10299
+ .sd-input-tag .sd-input-tag-measure {
10300
+ position: absolute;
10301
+ top: 0;
10302
+ left: 0;
10303
+ display: inline-flex;
10304
+ white-space: nowrap;
10305
+ visibility: hidden;
10306
+ pointer-events: none;
10307
+ }
10308
+ .sd-input-tag .sd-input-tag-tag-ellipsis {
10309
+ display: block;
10310
+ min-width: 0;
10311
+ max-width: 100%;
10312
+ vertical-align: bottom;
10313
+ }
10224
10314
  .sd-input-tag.sd-input-tag-focus .sd-input-tag-tag {
10225
10315
  background-color: var(--color-fill-2);
10226
10316
  border-color: var(--color-fill-2);