@sdata/web-vue 3.16.1 → 3.17.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 (69) hide show
  1. package/dist/sd.css +81 -0
  2. package/dist/sd.min.css +1 -1
  3. package/es/button/button.vue.d.ts +8 -4
  4. package/es/button/button.vue_vue_type_script_setup_true_lang.js +33 -14
  5. package/es/button/index.d.ts +4 -0
  6. package/es/button/style/index.css +11 -0
  7. package/es/button/style/index.scss +12 -0
  8. package/es/cascader/base-cascader-panel.js +1 -1
  9. package/es/cascader/cascader-column.js +1 -1
  10. package/es/cascader/cascader-search-panel.js +1 -1
  11. package/es/components.d.ts +1 -0
  12. package/es/dropdown/dropdown-panel.vue_vue_type_script_setup_true_lang.js +1 -1
  13. package/es/icon/icon-list/icon-list.js +5 -0
  14. package/es/icon/icon-list/icon-list.vue_vue_type_script_setup_true_lang.js +52 -0
  15. package/es/icon/icon-list/index.js +9 -0
  16. package/es/index.css +81 -0
  17. package/es/index.d.ts +2 -0
  18. package/es/index.js +3 -2
  19. package/es/index.scss +1 -0
  20. package/es/kv-list/constants.d.ts +1 -0
  21. package/es/kv-list/constants.js +127 -0
  22. package/es/kv-list/index.d.ts +302 -0
  23. package/es/kv-list/index.js +10 -0
  24. package/es/kv-list/kv-list-row.js +5 -0
  25. package/es/kv-list/kv-list-row.vue.d.ts +29 -0
  26. package/es/kv-list/kv-list-row.vue_vue_type_script_setup_true_lang.js +123 -0
  27. package/es/kv-list/kv-list.js +5 -0
  28. package/es/kv-list/kv-list.vue.d.ts +34 -0
  29. package/es/kv-list/kv-list.vue_vue_type_script_setup_true_lang.js +262 -0
  30. package/es/kv-list/style/css.js +2 -0
  31. package/es/kv-list/style/index.css +86 -0
  32. package/es/kv-list/style/index.d.ts +2 -0
  33. package/es/kv-list/style/index.js +2 -0
  34. package/es/kv-list/style/index.scss +93 -0
  35. package/es/kv-list/style/token.scss +14 -0
  36. package/es/kv-list/types.d.ts +29 -0
  37. package/es/kv-list/utils.d.ts +8 -0
  38. package/es/kv-list/utils.js +32 -0
  39. package/es/list/list.js +1 -1
  40. package/es/locale/interface.d.ts +11 -0
  41. package/es/locale/lang/ar-eg.js +2 -0
  42. package/es/locale/lang/de-de.js +2 -0
  43. package/es/locale/lang/en-us.js +2 -0
  44. package/es/locale/lang/es-es.js +2 -0
  45. package/es/locale/lang/fr-fr.js +2 -0
  46. package/es/locale/lang/id-id.js +2 -0
  47. package/es/locale/lang/it-it.js +2 -0
  48. package/es/locale/lang/ja-jp.js +2 -0
  49. package/es/locale/lang/km-kh.js +2 -0
  50. package/es/locale/lang/ko-kr.js +2 -0
  51. package/es/locale/lang/kv-list.d.ts +2 -0
  52. package/es/locale/lang/kv-list.js +14 -0
  53. package/es/locale/lang/ms-my.js +2 -0
  54. package/es/locale/lang/nl-nl.js +2 -0
  55. package/es/locale/lang/pt-pt.js +2 -0
  56. package/es/locale/lang/ru-ru.js +2 -0
  57. package/es/locale/lang/th-th.js +2 -0
  58. package/es/locale/lang/vi-vn.js +2 -0
  59. package/es/locale/lang/zh-cn.js +11 -0
  60. package/es/locale/lang/zh-tw.js +11 -0
  61. package/es/sd-vue.js +3 -1
  62. package/es/select/select-dropdown.vue_vue_type_script_setup_true_lang.js +2 -1
  63. package/es/table/table.js +1 -1
  64. package/es/transfer/transfer-view.vue_vue_type_script_setup_true_lang.js +1 -1
  65. package/es/tree-select/tree-select.vue_vue_type_script_setup_true_lang.js +2 -1
  66. package/json/vetur-attributes.json +17 -0
  67. package/json/vetur-tags.json +9 -0
  68. package/json/web-types.json +48 -1
  69. package/package.json +3 -2
package/dist/sd.css CHANGED
@@ -13118,6 +13118,76 @@ body.sd-tour-active .sd-tour-popover * {
13118
13118
  transition: opacity 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
13119
13119
  }
13120
13120
 
13121
+ .sd-kv-list {
13122
+ box-sizing: border-box;
13123
+ overflow: hidden;
13124
+ background: var(--sd-color-bg-2);
13125
+ border: 1px solid var(--sd-color-neutral-3);
13126
+ border-radius: var(--sd-border-radius-medium);
13127
+ }
13128
+ .sd-kv-list-toolbar {
13129
+ display: flex;
13130
+ justify-content: flex-end;
13131
+ padding: 8px;
13132
+ border-bottom: 1px solid var(--sd-color-neutral-3);
13133
+ }
13134
+ .sd-kv-list-toolbar-actions, .sd-kv-list-row-actions {
13135
+ display: flex;
13136
+ flex-shrink: 0;
13137
+ gap: 8px;
13138
+ align-items: center;
13139
+ }
13140
+ .sd-kv-list-rows {
13141
+ display: flex;
13142
+ flex-direction: column;
13143
+ }
13144
+ .sd-kv-list-row {
13145
+ display: grid;
13146
+ grid-template-columns: auto minmax(0, 1fr) minmax(0, 1fr) auto;
13147
+ gap: 8px;
13148
+ align-items: center;
13149
+ padding: 8px;
13150
+ border-bottom: 1px solid var(--sd-color-neutral-3);
13151
+ transition: background-color 0.2s, opacity 0.2s;
13152
+ }
13153
+ .sd-kv-list-row:last-child {
13154
+ border-bottom: 0;
13155
+ }
13156
+ .sd-kv-list-row--ghost {
13157
+ background: var(--sd-color-primary-light-1);
13158
+ opacity: 0.45;
13159
+ }
13160
+ .sd-kv-list-row--chosen {
13161
+ background: var(--sd-color-primary-light-1);
13162
+ }
13163
+ .sd-kv-list-drag-handle {
13164
+ color: var(--sd-color-text-3);
13165
+ cursor: grab;
13166
+ }
13167
+ .sd-kv-list-drag-handle:active {
13168
+ cursor: grabbing;
13169
+ }
13170
+ .sd-kv-list-key, .sd-kv-list-value {
13171
+ min-width: 0;
13172
+ }
13173
+ .sd-kv-list-bulk {
13174
+ display: block;
13175
+ border: 0;
13176
+ border-radius: 0;
13177
+ }
13178
+ @media screen and (width <= 640px) {
13179
+ .sd-kv-list-row {
13180
+ grid-template-columns: auto minmax(0, 1fr) auto;
13181
+ }
13182
+ .sd-kv-list-value {
13183
+ grid-column: 2;
13184
+ }
13185
+ .sd-kv-list-row-actions {
13186
+ grid-row: 1/span 2;
13187
+ grid-column: 3;
13188
+ }
13189
+ }
13190
+
13121
13191
  .sd-row {
13122
13192
  display: flex;
13123
13193
  flex-flow: row wrap;
@@ -19832,6 +19902,17 @@ body.sd-tour-active .sd-tour-popover * {
19832
19902
  display: flex;
19833
19903
  justify-content: center;
19834
19904
  }
19905
+ .sd-btn-sr-only {
19906
+ position: absolute;
19907
+ width: 1px;
19908
+ height: 1px;
19909
+ margin: -1px;
19910
+ padding: 0;
19911
+ overflow: hidden;
19912
+ white-space: nowrap;
19913
+ border: 0;
19914
+ clip-path: inset(50%);
19915
+ }
19835
19916
  .sd-btn-loading {
19836
19917
  position: relative;
19837
19918
  cursor: default;