@sdata/web-vue 1.13.0 → 1.18.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 (241) hide show
  1. package/dist/sd.css +364 -1
  2. package/dist/sd.min.css +1 -1
  3. package/es/_components/picker/input-range.vue.d.ts +2 -2
  4. package/es/_components/picker/input.vue.d.ts +1 -1
  5. package/es/_components/resize-trigger.vue_vue_type_script_lang.js +1 -1
  6. package/es/_components/select-view/select-view.d.ts +2 -2
  7. package/es/_components/virtual-list/virtual-list.vue.d.ts +3 -3
  8. package/es/_hooks/use-config-provider-prop.d.ts +10 -0
  9. package/es/_hooks/use-config-provider-prop.js +19 -0
  10. package/es/_hooks/use-popup-manager.js +2 -4
  11. package/es/_utils/dom.d.ts +5 -2
  12. package/es/_utils/dom.js +1 -1
  13. package/es/anchor/anchor.vue.d.ts +2 -2
  14. package/es/anchor/index.d.ts +9 -9
  15. package/es/auto-complete/auto-complete.d.ts +3 -3
  16. package/es/auto-complete/index.d.ts +9 -9
  17. package/es/button/button.vue.d.ts +2 -2
  18. package/es/button/index.d.ts +6 -6
  19. package/es/calendar/calendar.d.ts +1 -1
  20. package/es/calendar/index.d.ts +3 -3
  21. package/es/card/card.d.ts +4 -4
  22. package/es/card/index.d.ts +9 -9
  23. package/es/carousel/carousel-arrow.vue.d.ts +1 -1
  24. package/es/carousel/carousel-indicator.vue.d.ts +1 -1
  25. package/es/carousel/carousel.d.ts +3 -3
  26. package/es/carousel/index.d.ts +9 -9
  27. package/es/cascader/base-cascader-panel.d.ts +1 -1
  28. package/es/cascader/cascader-search-panel.d.ts +1 -1
  29. package/es/cascader/cascader.vue.d.ts +14 -14
  30. package/es/checkbox/checkbox-group.d.ts +1 -1
  31. package/es/checkbox/index.d.ts +1 -1
  32. package/es/color-picker/color-picker.d.ts +5 -5
  33. package/es/color-picker/index.d.ts +15 -15
  34. package/es/color-picker/panel.d.ts +2 -2
  35. package/es/components.d.ts +1 -0
  36. package/es/config-provider/config-provider.vue.d.ts +26 -1
  37. package/es/config-provider/config-provider.vue_vue_type_script_lang.js +25 -1
  38. package/es/config-provider/context.d.ts +52 -1
  39. package/es/config-provider/index.d.ts +40 -3
  40. package/es/cropper/cropper.vue.d.ts +1 -1
  41. package/es/cropper/index.d.ts +3 -3
  42. package/es/date-picker/index.d.ts +107 -107
  43. package/es/date-picker/panels/date/index.vue.d.ts +15 -15
  44. package/es/date-picker/panels/footer.vue.d.ts +15 -15
  45. package/es/date-picker/panels/shortcuts.vue.d.ts +6 -6
  46. package/es/date-picker/panels/week/index.vue.d.ts +16 -16
  47. package/es/date-picker/picker-panel.vue.d.ts +54 -54
  48. package/es/date-picker/picker.vue.d.ts +94 -94
  49. package/es/date-picker/picker.vue_vue_type_script_lang.js +62 -11
  50. package/es/date-picker/pickers/date-picker.d.ts +1 -1
  51. package/es/date-picker/pickers/week-picker.d.ts +1 -1
  52. package/es/date-picker/range-picker-panel.vue.d.ts +55 -55
  53. package/es/date-picker/range-picker.vue.d.ts +182 -182
  54. package/es/date-picker/range-picker.vue_vue_type_script_lang.js +54 -10
  55. package/es/descriptions/descriptions.d.ts +1 -1
  56. package/es/descriptions/index.d.ts +3 -3
  57. package/es/drawer/drawer.js +9 -9
  58. package/es/drawer/drawer.vue.d.ts +21 -11
  59. package/es/drawer/drawer.vue_vue_type_script_lang.js +118 -9
  60. package/es/drawer/index.d.ts +57 -27
  61. package/es/dropdown/dropdown-button.vue.d.ts +24 -24
  62. package/es/dropdown/dropdown-submenu.vue.d.ts +17 -17
  63. package/es/dropdown/dropdown.vue.d.ts +16 -16
  64. package/es/dropdown/index.d.ts +74 -74
  65. package/es/ellipsis/ellipsis.vue.d.ts +43 -43
  66. package/es/ellipsis/index.d.ts +182 -182
  67. package/es/ellipsis/performant-ellipsis.vue.d.ts +44 -44
  68. package/es/form/form-item-label.vue.d.ts +36 -36
  69. package/es/form/form-item.vue.d.ts +40 -40
  70. package/es/form/index.d.ts +40 -40
  71. package/es/grid/grid-row.vue.d.ts +3 -3
  72. package/es/grid/index.d.ts +3 -3
  73. package/es/image/image.vue.d.ts +38 -38
  74. package/es/image/preview-action.d.ts +36 -36
  75. package/es/image/preview-group.vue.d.ts +41 -41
  76. package/es/image/preview-toolbar.vue.d.ts +36 -36
  77. package/es/image/preview.vue.d.ts +38 -38
  78. package/es/index.css +364 -1
  79. package/es/index.d.ts +5 -1
  80. package/es/index.js +17 -15
  81. package/es/index.scss +1 -0
  82. package/es/input/index.d.ts +9 -9
  83. package/es/input/input-password.vue.d.ts +2 -2
  84. package/es/input/input-search.d.ts +1 -1
  85. package/es/input/input.d.ts +2 -2
  86. package/es/input-number/index.d.ts +9 -9
  87. package/es/input-number/input-number.d.ts +3 -3
  88. package/es/input-tag/index.d.ts +6 -6
  89. package/es/input-tag/input-tag.d.ts +2 -2
  90. package/es/json-form/index.d.ts +112 -0
  91. package/es/json-form/index.js +11 -0
  92. package/es/json-form/json-form-component.js +5 -0
  93. package/es/json-form/json-form-component.vue.d.ts +24 -0
  94. package/es/json-form/json-form-component.vue_vue_type_script_setup_true_lang.js +89 -0
  95. package/es/json-form/json-form-item.js +5 -0
  96. package/es/json-form/json-form-item.vue.d.ts +32 -0
  97. package/es/json-form/json-form-item.vue_vue_type_script_setup_true_lang.js +213 -0
  98. package/es/json-form/json-form.js +5 -0
  99. package/es/json-form/json-form.vue.d.ts +42 -0
  100. package/es/json-form/json-form.vue_vue_type_script_setup_true_lang.js +142 -0
  101. package/es/json-form/style/css.js +2 -0
  102. package/es/json-form/style/index.css +31 -0
  103. package/es/json-form/style/index.d.ts +2 -0
  104. package/es/json-form/style/index.js +2 -0
  105. package/es/json-form/style/index.scss +25 -0
  106. package/es/json-form/style/token.scss +8 -0
  107. package/es/json-form/types.d.ts +291 -0
  108. package/es/json-form/types.js +43 -0
  109. package/es/json-form/utils.d.ts +11 -0
  110. package/es/json-form/utils.js +336 -0
  111. package/es/layout/header.js +2 -18
  112. package/es/layout/header.vue.d.ts +38 -3
  113. package/es/layout/header.vue_vue_type_script_setup_true_lang.js +350 -0
  114. package/es/layout/index.d.ts +1029 -49
  115. package/es/layout/interface.d.ts +40 -0
  116. package/es/layout/sider.js +38 -9
  117. package/es/layout/sider.vue.d.ts +950 -39
  118. package/es/layout/sider.vue_vue_type_script_lang.js +304 -31
  119. package/es/layout/style/index.css +155 -1
  120. package/es/layout/style/index.scss +198 -16
  121. package/es/layout/style/token.scss +13 -0
  122. package/es/link/index.d.ts +9 -9
  123. package/es/link/link.vue.d.ts +3 -3
  124. package/es/list/index.d.ts +3 -3
  125. package/es/list/list.d.ts +1 -1
  126. package/es/mention/index.d.ts +12 -12
  127. package/es/mention/mention.d.ts +4 -4
  128. package/es/menu/base-menu.vue.d.ts +24 -5
  129. package/es/menu/base-menu.vue_vue_type_script_lang.js +19 -1
  130. package/es/menu/context.d.ts +1 -1
  131. package/es/menu/index.d.ts +1 -1
  132. package/es/menu/interface.d.ts +8 -0
  133. package/es/menu/item-group.js +9 -2
  134. package/es/menu/item-group.vue.d.ts +2894 -0
  135. package/es/menu/item-group.vue_vue_type_script_lang.js +7 -2
  136. package/es/menu/item.d.ts +1 -1
  137. package/es/menu/item.js +10 -3
  138. package/es/menu/menu.d.ts +54 -5
  139. package/es/menu/menu.js +8 -0
  140. package/es/menu/style/css.js +1 -0
  141. package/es/menu/style/index.css +194 -0
  142. package/es/menu/style/index.d.ts +1 -0
  143. package/es/menu/style/index.js +1 -0
  144. package/es/menu/style/index.scss +48 -1
  145. package/es/menu/sub-menu-inline.js +24 -3
  146. package/es/menu/sub-menu-inline.vue.d.ts +2894 -0
  147. package/es/menu/sub-menu-inline.vue_vue_type_script_lang.js +4 -1
  148. package/es/menu/sub-menu-pop.js +29 -2
  149. package/es/menu/sub-menu-pop.vue.d.ts +2924 -22
  150. package/es/menu/sub-menu-pop.vue_vue_type_script_lang.js +3 -1
  151. package/es/menu/sub-menu.d.ts +1 -1
  152. package/es/message/message-list.d.ts +1 -1
  153. package/es/message/message.vue.d.ts +1 -1
  154. package/es/modal/index.d.ts +51 -27
  155. package/es/modal/modal.js +8 -8
  156. package/es/modal/modal.vue.d.ts +19 -11
  157. package/es/modal/modal.vue_vue_type_script_lang.js +134 -12
  158. package/es/notification/notification.vue.d.ts +1 -1
  159. package/es/overflow-list/index.d.ts +3 -3
  160. package/es/overflow-list/overflow-list.d.ts +1 -1
  161. package/es/pagination/page-jumper.vue.d.ts +9 -9
  162. package/es/pagination/page-options.vue.d.ts +66 -66
  163. package/es/popconfirm/index.d.ts +51 -51
  164. package/es/popconfirm/popconfirm.vue.d.ts +24 -24
  165. package/es/popover/index.d.ts +33 -33
  166. package/es/popover/popover.vue.d.ts +16 -16
  167. package/es/progress/circle.vue.d.ts +2 -2
  168. package/es/progress/index.d.ts +13 -13
  169. package/es/progress/line.vue.d.ts +1 -1
  170. package/es/progress/progress.vue.d.ts +6 -6
  171. package/es/progress/steps.vue.d.ts +2 -2
  172. package/es/radio/index.d.ts +4 -4
  173. package/es/radio/radio-group.d.ts +1 -1
  174. package/es/radio/radio.d.ts +1 -1
  175. package/es/sd-vue.js +17 -14
  176. package/es/select/index.d.ts +66 -66
  177. package/es/select/option.vue.d.ts +2 -2
  178. package/es/select/select-dropdown.vue.d.ts +4 -4
  179. package/es/select/select.d.ts +27 -27
  180. package/es/skeleton/index.d.ts +1 -1
  181. package/es/skeleton/shape.vue.d.ts +1 -1
  182. package/es/slider/index.d.ts +97 -97
  183. package/es/slider/slider-button.vue.d.ts +38 -38
  184. package/es/slider/slider-input.vue.d.ts +9 -9
  185. package/es/slider/slider.vue.d.ts +48 -48
  186. package/es/spin/index.d.ts +3 -3
  187. package/es/spin/spin.d.ts +1 -1
  188. package/es/statistic/index.d.ts +6 -6
  189. package/es/statistic/statistic.vue.d.ts +2 -2
  190. package/es/steps/index.d.ts +6 -6
  191. package/es/steps/steps.vue.d.ts +2 -2
  192. package/es/style/theme/z-index.d.ts +8 -0
  193. package/es/style/theme/z-index.js +7 -0
  194. package/es/switch/index.d.ts +21 -6
  195. package/es/switch/switch.vue.d.ts +11 -2
  196. package/es/switch/switch.vue_vue_type_script_lang.js +30 -5
  197. package/es/table/index.d.ts +15 -15
  198. package/es/table/table-operation-td.d.ts +5 -5
  199. package/es/table/table-th.js +1 -1
  200. package/es/table/table.d.ts +5 -5
  201. package/es/tabs/index.d.ts +9 -9
  202. package/es/tabs/tabs.d.ts +3 -3
  203. package/es/tag/index.d.ts +922 -922
  204. package/es/tag/tag.vue.d.ts +367 -367
  205. package/es/textarea/index.d.ts +6 -6
  206. package/es/textarea/textarea.vue.d.ts +2 -2
  207. package/es/time-picker/index.d.ts +104 -104
  208. package/es/time-picker/panel.vue.d.ts +14 -14
  209. package/es/time-picker/range-panel.d.ts +14 -14
  210. package/es/time-picker/time-picker.vue.d.ts +50 -50
  211. package/es/timeline/index.d.ts +9 -9
  212. package/es/timeline/timeline.d.ts +4 -4
  213. package/es/tooltip/index.d.ts +36 -36
  214. package/es/tooltip/tooltip.vue.d.ts +17 -17
  215. package/es/transfer/index.d.ts +37 -37
  216. package/es/transfer/transfer-list-item.d.ts +2 -2
  217. package/es/transfer/transfer-view.vue.d.ts +8 -8
  218. package/es/transfer/transfer-view.vue_vue_type_script_lang.js +1 -1
  219. package/es/transfer/transfer.vue.d.ts +17 -17
  220. package/es/tree/base-node.vue.d.ts +2 -2
  221. package/es/tree/base-node.vue_vue_type_script_lang.js +1 -1
  222. package/es/tree/node-switcher.vue_vue_type_script_lang.js +1 -1
  223. package/es/tree/transition-node-list.vue.d.ts +2 -2
  224. package/es/tree/tree.vue.d.ts +27 -27
  225. package/es/tree/tree.vue_vue_type_script_lang.js +3 -3
  226. package/es/tree-select/tree-select.vue.d.ts +30 -30
  227. package/es/tree-select/tree-select.vue_vue_type_script_lang.js +2 -2
  228. package/es/trigger/index.d.ts +15 -15
  229. package/es/trigger/trigger.d.ts +5 -5
  230. package/es/typography/base.d.ts +1 -1
  231. package/es/typography/edit-content.vue.d.ts +27 -27
  232. package/es/typography/operations.vue.d.ts +36 -36
  233. package/es/upload/index.d.ts +6 -6
  234. package/es/upload/upload-button.d.ts +1 -1
  235. package/es/upload/upload.d.ts +2 -2
  236. package/es/watermark/index.d.ts +3 -3
  237. package/es/watermark/watermark.d.ts +1 -1
  238. package/json/vetur-attributes.json +159 -7
  239. package/json/vetur-tags.json +48 -4
  240. package/json/web-types.json +344 -23
  241. package/package.json +2 -1
package/dist/sd.css CHANGED
@@ -9166,6 +9166,15 @@ body {
9166
9166
  display: inline-block;
9167
9167
  width: 20px;
9168
9168
  }
9169
+ .sd-menu-ellipsis-wrapper {
9170
+ display: inline-flex;
9171
+ flex: 1;
9172
+ min-width: 0;
9173
+ }
9174
+ .sd-menu-ellipsis {
9175
+ width: 100%;
9176
+ min-width: 0;
9177
+ }
9169
9178
  .sd-menu .sd-menu-item,
9170
9179
  .sd-menu .sd-menu-group-title,
9171
9180
  .sd-menu .sd-menu-pop-header,
@@ -9213,6 +9222,86 @@ body {
9213
9222
  .sd-menu-light {
9214
9223
  background-color: var(--color-menu-light-bg);
9215
9224
  }
9225
+ .sd-menu-light .sd-menu-item,
9226
+ .sd-menu-light .sd-menu-group-title,
9227
+ .sd-menu-light .sd-menu-pop-header,
9228
+ .sd-menu-light .sd-menu-inline-header {
9229
+ color: var(--color-text-2);
9230
+ background-color: var(--color-menu-light-bg);
9231
+ }
9232
+ .sd-menu-light .sd-menu-item .sd-icon,
9233
+ .sd-menu-light .sd-menu-item .sd-menu-icon,
9234
+ .sd-menu-light .sd-menu-group-title .sd-icon,
9235
+ .sd-menu-light .sd-menu-group-title .sd-menu-icon,
9236
+ .sd-menu-light .sd-menu-pop-header .sd-icon,
9237
+ .sd-menu-light .sd-menu-pop-header .sd-menu-icon,
9238
+ .sd-menu-light .sd-menu-inline-header .sd-icon,
9239
+ .sd-menu-light .sd-menu-inline-header .sd-menu-icon {
9240
+ color: var(--color-text-3);
9241
+ }
9242
+ .sd-menu-light .sd-menu-item:hover,
9243
+ .sd-menu-light .sd-menu-group-title:hover,
9244
+ .sd-menu-light .sd-menu-pop-header:hover,
9245
+ .sd-menu-light .sd-menu-inline-header:hover {
9246
+ color: var(--color-text-2);
9247
+ background-color: var(--color-fill-2);
9248
+ }
9249
+ .sd-menu-light .sd-menu-item:hover .sd-icon,
9250
+ .sd-menu-light .sd-menu-item:hover .sd-menu-icon,
9251
+ .sd-menu-light .sd-menu-group-title:hover .sd-icon,
9252
+ .sd-menu-light .sd-menu-group-title:hover .sd-menu-icon,
9253
+ .sd-menu-light .sd-menu-pop-header:hover .sd-icon,
9254
+ .sd-menu-light .sd-menu-pop-header:hover .sd-menu-icon,
9255
+ .sd-menu-light .sd-menu-inline-header:hover .sd-icon,
9256
+ .sd-menu-light .sd-menu-inline-header:hover .sd-menu-icon {
9257
+ color: var(--color-text-3);
9258
+ }
9259
+ .sd-menu-light .sd-menu-item.sd-menu-selected,
9260
+ .sd-menu-light .sd-menu-group-title.sd-menu-selected,
9261
+ .sd-menu-light .sd-menu-pop-header.sd-menu-selected,
9262
+ .sd-menu-light .sd-menu-inline-header.sd-menu-selected {
9263
+ color: rgb(var(--primary-6));
9264
+ }
9265
+ .sd-menu-light .sd-menu-item.sd-menu-selected .sd-icon,
9266
+ .sd-menu-light .sd-menu-item.sd-menu-selected .sd-menu-icon,
9267
+ .sd-menu-light .sd-menu-group-title.sd-menu-selected .sd-icon,
9268
+ .sd-menu-light .sd-menu-group-title.sd-menu-selected .sd-menu-icon,
9269
+ .sd-menu-light .sd-menu-pop-header.sd-menu-selected .sd-icon,
9270
+ .sd-menu-light .sd-menu-pop-header.sd-menu-selected .sd-menu-icon,
9271
+ .sd-menu-light .sd-menu-inline-header.sd-menu-selected .sd-icon,
9272
+ .sd-menu-light .sd-menu-inline-header.sd-menu-selected .sd-menu-icon {
9273
+ color: rgb(var(--primary-6));
9274
+ }
9275
+ .sd-menu-light .sd-menu-item.sd-menu-disabled,
9276
+ .sd-menu-light .sd-menu-group-title.sd-menu-disabled,
9277
+ .sd-menu-light .sd-menu-pop-header.sd-menu-disabled,
9278
+ .sd-menu-light .sd-menu-inline-header.sd-menu-disabled {
9279
+ color: var(--color-text-4);
9280
+ background-color: var(--color-menu-light-bg);
9281
+ }
9282
+ .sd-menu-light .sd-menu-item.sd-menu-disabled .sd-icon,
9283
+ .sd-menu-light .sd-menu-item.sd-menu-disabled .sd-menu-icon,
9284
+ .sd-menu-light .sd-menu-group-title.sd-menu-disabled .sd-icon,
9285
+ .sd-menu-light .sd-menu-group-title.sd-menu-disabled .sd-menu-icon,
9286
+ .sd-menu-light .sd-menu-pop-header.sd-menu-disabled .sd-icon,
9287
+ .sd-menu-light .sd-menu-pop-header.sd-menu-disabled .sd-menu-icon,
9288
+ .sd-menu-light .sd-menu-inline-header.sd-menu-disabled .sd-icon,
9289
+ .sd-menu-light .sd-menu-inline-header.sd-menu-disabled .sd-menu-icon {
9290
+ color: var(--color-text-4);
9291
+ }
9292
+ .sd-menu-light .sd-menu-item.sd-menu-selected {
9293
+ background-color: var(--color-fill-2);
9294
+ }
9295
+ .sd-menu-light .sd-menu-inline-header.sd-menu-selected {
9296
+ color: rgb(var(--primary-6));
9297
+ }
9298
+ .sd-menu-light .sd-menu-inline-header.sd-menu-selected .sd-icon,
9299
+ .sd-menu-light .sd-menu-inline-header.sd-menu-selected .sd-menu-icon {
9300
+ color: rgb(var(--primary-6));
9301
+ }
9302
+ .sd-menu-light .sd-menu-inline-header.sd-menu-selected:hover {
9303
+ background-color: var(--color-fill-2);
9304
+ }
9216
9305
  .sd-menu-light.sd-menu-horizontal .sd-menu-item.sd-menu-selected,
9217
9306
  .sd-menu-light.sd-menu-horizontal .sd-menu-group-title.sd-menu-selected,
9218
9307
  .sd-menu-light.sd-menu-horizontal .sd-menu-pop-header.sd-menu-selected,
@@ -9220,6 +9309,12 @@ body {
9220
9309
  background: none;
9221
9310
  transition: color 0.2s cubic-bezier(0, 0, 1, 1);
9222
9311
  }
9312
+ .sd-menu-light.sd-menu-horizontal .sd-menu-item.sd-menu-selected:hover,
9313
+ .sd-menu-light.sd-menu-horizontal .sd-menu-group-title.sd-menu-selected:hover,
9314
+ .sd-menu-light.sd-menu-horizontal .sd-menu-pop-header.sd-menu-selected:hover,
9315
+ .sd-menu-light.sd-menu-horizontal .sd-menu-inline-header.sd-menu-selected:hover {
9316
+ background-color: var(--color-fill-2);
9317
+ }
9223
9318
  .sd-menu-light .sd-menu-group-title {
9224
9319
  color: var(--color-text-3);
9225
9320
  pointer-events: none;
@@ -9228,9 +9323,92 @@ body {
9228
9323
  color: var(--color-text-3);
9229
9324
  background-color: var(--color-fill-1);
9230
9325
  }
9326
+ .sd-menu-light .sd-menu-collapse-button:hover {
9327
+ background-color: var(--color-fill-3);
9328
+ }
9231
9329
  .sd-menu-dark {
9232
9330
  background-color: var(--color-menu-dark-bg);
9233
9331
  }
9332
+ .sd-menu-dark .sd-menu-item,
9333
+ .sd-menu-dark .sd-menu-group-title,
9334
+ .sd-menu-dark .sd-menu-pop-header,
9335
+ .sd-menu-dark .sd-menu-inline-header {
9336
+ color: var(--color-text-4);
9337
+ background-color: var(--color-menu-dark-bg);
9338
+ }
9339
+ .sd-menu-dark .sd-menu-item .sd-icon,
9340
+ .sd-menu-dark .sd-menu-item .sd-menu-icon,
9341
+ .sd-menu-dark .sd-menu-group-title .sd-icon,
9342
+ .sd-menu-dark .sd-menu-group-title .sd-menu-icon,
9343
+ .sd-menu-dark .sd-menu-pop-header .sd-icon,
9344
+ .sd-menu-dark .sd-menu-pop-header .sd-menu-icon,
9345
+ .sd-menu-dark .sd-menu-inline-header .sd-icon,
9346
+ .sd-menu-dark .sd-menu-inline-header .sd-menu-icon {
9347
+ color: var(--color-text-3);
9348
+ }
9349
+ .sd-menu-dark .sd-menu-item:hover,
9350
+ .sd-menu-dark .sd-menu-group-title:hover,
9351
+ .sd-menu-dark .sd-menu-pop-header:hover,
9352
+ .sd-menu-dark .sd-menu-inline-header:hover {
9353
+ color: var(--color-text-4);
9354
+ background-color: var(--color-menu-dark-hover);
9355
+ }
9356
+ .sd-menu-dark .sd-menu-item:hover .sd-icon,
9357
+ .sd-menu-dark .sd-menu-item:hover .sd-menu-icon,
9358
+ .sd-menu-dark .sd-menu-group-title:hover .sd-icon,
9359
+ .sd-menu-dark .sd-menu-group-title:hover .sd-menu-icon,
9360
+ .sd-menu-dark .sd-menu-pop-header:hover .sd-icon,
9361
+ .sd-menu-dark .sd-menu-pop-header:hover .sd-menu-icon,
9362
+ .sd-menu-dark .sd-menu-inline-header:hover .sd-icon,
9363
+ .sd-menu-dark .sd-menu-inline-header:hover .sd-menu-icon {
9364
+ color: var(--color-text-3);
9365
+ }
9366
+ .sd-menu-dark .sd-menu-item.sd-menu-selected,
9367
+ .sd-menu-dark .sd-menu-group-title.sd-menu-selected,
9368
+ .sd-menu-dark .sd-menu-pop-header.sd-menu-selected,
9369
+ .sd-menu-dark .sd-menu-inline-header.sd-menu-selected {
9370
+ color: var(--color-white);
9371
+ }
9372
+ .sd-menu-dark .sd-menu-item.sd-menu-selected .sd-icon,
9373
+ .sd-menu-dark .sd-menu-item.sd-menu-selected .sd-menu-icon,
9374
+ .sd-menu-dark .sd-menu-group-title.sd-menu-selected .sd-icon,
9375
+ .sd-menu-dark .sd-menu-group-title.sd-menu-selected .sd-menu-icon,
9376
+ .sd-menu-dark .sd-menu-pop-header.sd-menu-selected .sd-icon,
9377
+ .sd-menu-dark .sd-menu-pop-header.sd-menu-selected .sd-menu-icon,
9378
+ .sd-menu-dark .sd-menu-inline-header.sd-menu-selected .sd-icon,
9379
+ .sd-menu-dark .sd-menu-inline-header.sd-menu-selected .sd-menu-icon {
9380
+ color: var(--color-white);
9381
+ }
9382
+ .sd-menu-dark .sd-menu-item.sd-menu-disabled,
9383
+ .sd-menu-dark .sd-menu-group-title.sd-menu-disabled,
9384
+ .sd-menu-dark .sd-menu-pop-header.sd-menu-disabled,
9385
+ .sd-menu-dark .sd-menu-inline-header.sd-menu-disabled {
9386
+ color: var(--color-text-2);
9387
+ background-color: var(--color-menu-dark-bg);
9388
+ }
9389
+ .sd-menu-dark .sd-menu-item.sd-menu-disabled .sd-icon,
9390
+ .sd-menu-dark .sd-menu-item.sd-menu-disabled .sd-menu-icon,
9391
+ .sd-menu-dark .sd-menu-group-title.sd-menu-disabled .sd-icon,
9392
+ .sd-menu-dark .sd-menu-group-title.sd-menu-disabled .sd-menu-icon,
9393
+ .sd-menu-dark .sd-menu-pop-header.sd-menu-disabled .sd-icon,
9394
+ .sd-menu-dark .sd-menu-pop-header.sd-menu-disabled .sd-menu-icon,
9395
+ .sd-menu-dark .sd-menu-inline-header.sd-menu-disabled .sd-icon,
9396
+ .sd-menu-dark .sd-menu-inline-header.sd-menu-disabled .sd-menu-icon {
9397
+ color: var(--color-text-2);
9398
+ }
9399
+ .sd-menu-dark .sd-menu-item.sd-menu-selected {
9400
+ background-color: var(--color-menu-dark-hover);
9401
+ }
9402
+ .sd-menu-dark .sd-menu-inline-header.sd-menu-selected {
9403
+ color: rgb(var(--primary-6));
9404
+ }
9405
+ .sd-menu-dark .sd-menu-inline-header.sd-menu-selected .sd-icon,
9406
+ .sd-menu-dark .sd-menu-inline-header.sd-menu-selected .sd-menu-icon {
9407
+ color: rgb(var(--primary-6));
9408
+ }
9409
+ .sd-menu-dark .sd-menu-inline-header.sd-menu-selected:hover {
9410
+ background-color: var(--color-menu-dark-hover);
9411
+ }
9234
9412
  .sd-menu-dark.sd-menu-horizontal .sd-menu-item.sd-menu-selected,
9235
9413
  .sd-menu-dark.sd-menu-horizontal .sd-menu-group-title.sd-menu-selected,
9236
9414
  .sd-menu-dark.sd-menu-horizontal .sd-menu-pop-header.sd-menu-selected,
@@ -9238,6 +9416,12 @@ body {
9238
9416
  background: none;
9239
9417
  transition: color 0.2s cubic-bezier(0, 0, 1, 1);
9240
9418
  }
9419
+ .sd-menu-dark.sd-menu-horizontal .sd-menu-item.sd-menu-selected:hover,
9420
+ .sd-menu-dark.sd-menu-horizontal .sd-menu-group-title.sd-menu-selected:hover,
9421
+ .sd-menu-dark.sd-menu-horizontal .sd-menu-pop-header.sd-menu-selected:hover,
9422
+ .sd-menu-dark.sd-menu-horizontal .sd-menu-inline-header.sd-menu-selected:hover {
9423
+ background-color: var(--color-menu-dark-hover);
9424
+ }
9241
9425
  .sd-menu-dark .sd-menu-group-title {
9242
9426
  color: var(--color-text-3);
9243
9427
  pointer-events: none;
@@ -9246,6 +9430,9 @@ body {
9246
9430
  color: var(--color-white);
9247
9431
  background-color: rgb(var(--primary-6));
9248
9432
  }
9433
+ .sd-menu-dark .sd-menu-collapse-button:hover {
9434
+ background-color: rgb(var(--primary-7));
9435
+ }
9249
9436
  .sd-menu a,
9250
9437
  .sd-menu a:hover,
9251
9438
  .sd-menu a:focus,
@@ -9348,11 +9535,18 @@ body {
9348
9535
  }
9349
9536
  .sd-menu-vertical .sd-menu-item.sd-menu-item-indented {
9350
9537
  display: flex;
9538
+ align-items: center;
9351
9539
  }
9352
9540
  .sd-menu-vertical .sd-menu-pop-header,
9353
9541
  .sd-menu-vertical .sd-menu-inline-header {
9354
9542
  padding-right: 28px;
9355
9543
  }
9544
+ .sd-menu-vertical .sd-menu-pop-header.sd-menu-ellipsis-enabled,
9545
+ .sd-menu-vertical .sd-menu-inline-header.sd-menu-ellipsis-enabled,
9546
+ .sd-menu-vertical .sd-menu-group-title.sd-menu-ellipsis-enabled {
9547
+ display: flex;
9548
+ align-items: center;
9549
+ }
9356
9550
  .sd-menu-horizontal {
9357
9551
  width: 100%;
9358
9552
  height: auto;
@@ -9902,15 +10096,26 @@ body {
9902
10096
  position: relative;
9903
10097
  flex: none;
9904
10098
  width: auto;
10099
+ max-width: 100%;
9905
10100
  margin: 0;
9906
10101
  padding: 0;
10102
+ overflow: hidden;
9907
10103
  background: var(--color-menu-dark-bg);
9908
- transition: width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
10104
+ transition: width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
10105
+ }
10106
+ .sd-layout-sider-image, .sd-layout-sider-prepend, .sd-layout-sider-append {
10107
+ flex: none;
9909
10108
  }
9910
10109
  .sd-layout-sider-children {
10110
+ flex: 1;
9911
10111
  height: 100%;
9912
10112
  overflow: auto;
9913
10113
  }
10114
+ .sd-layout-sider-mask {
10115
+ position: fixed;
10116
+ inset: 0;
10117
+ background: rgba(0, 0, 0, 0.45);
10118
+ }
9914
10119
  .sd-layout-sider-collapsed .sd-layout-sider-children {
9915
10120
  /* width */
9916
10121
  }
@@ -9918,10 +10123,19 @@ body {
9918
10123
  width: 0;
9919
10124
  }
9920
10125
  .sd-layout-sider-has-trigger {
10126
+ display: flex;
10127
+ flex-direction: column;
9921
10128
  box-sizing: border-box;
9922
10129
  padding-bottom: 48px;
9923
10130
  }
10131
+ .sd-layout-sider-rail {
10132
+ width: 56px;
10133
+ }
9924
10134
  .sd-layout-sider-trigger {
10135
+ position: absolute;
10136
+ right: 0;
10137
+ bottom: 0;
10138
+ left: 0;
9925
10139
  z-index: 1;
9926
10140
  display: flex;
9927
10141
  align-items: center;
@@ -9939,14 +10153,148 @@ body {
9939
10153
  background: var(--color-menu-light-bg);
9940
10154
  border-top: 1px solid var(--color-bg-5);
9941
10155
  }
10156
+ .sd-layout-sider-floating {
10157
+ box-shadow: none;
10158
+ }
10159
+ .sd-layout-sider-sticky {
10160
+ z-index: 1;
10161
+ }
10162
+ .sd-layout-sider-temporary {
10163
+ position: fixed;
10164
+ box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
10165
+ }
10166
+ .sd-layout-sider-temporary.sd-layout-sider-left {
10167
+ top: 0;
10168
+ bottom: 0;
10169
+ left: 0;
10170
+ transform: translateX(-100%);
10171
+ }
10172
+ .sd-layout-sider-temporary.sd-layout-sider-right {
10173
+ top: 0;
10174
+ right: 0;
10175
+ bottom: 0;
10176
+ transform: translateX(100%);
10177
+ }
10178
+ .sd-layout-sider-temporary.sd-layout-sider-top {
10179
+ top: 0;
10180
+ right: 0;
10181
+ left: 0;
10182
+ width: 100%;
10183
+ transform: translateY(-100%);
10184
+ }
10185
+ .sd-layout-sider-temporary.sd-layout-sider-bottom {
10186
+ right: 0;
10187
+ bottom: 0;
10188
+ left: 0;
10189
+ width: 100%;
10190
+ transform: translateY(100%);
10191
+ }
10192
+ .sd-layout-sider-temporary.sd-layout-sider-active {
10193
+ transform: translate(0, 0);
10194
+ }
9942
10195
  .sd-layout-sider-light {
9943
10196
  background: var(--color-menu-light-bg);
9944
10197
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08);
9945
10198
  }
9946
10199
  .sd-layout-header {
10200
+ position: relative;
9947
10201
  flex: 0 0 auto;
9948
10202
  box-sizing: border-box;
9949
10203
  margin: 0;
10204
+ overflow: hidden;
10205
+ color: var(--color-text-1);
10206
+ background: var(--color-bg-2);
10207
+ border-bottom: 1px solid var(--color-border-2);
10208
+ transition: height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), box-shadow 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
10209
+ }
10210
+ .sd-layout-header-wrapper {
10211
+ width: 100%;
10212
+ }
10213
+ .sd-layout-header-bar, .sd-layout-header-extension, .sd-layout-header-prepend, .sd-layout-header-append, .sd-layout-header-content {
10214
+ display: flex;
10215
+ align-items: center;
10216
+ }
10217
+ .sd-layout-header-bar {
10218
+ position: relative;
10219
+ z-index: 1;
10220
+ gap: 16px;
10221
+ min-height: var(--sd-layout-header-content-height, 64px);
10222
+ padding: 0 20px;
10223
+ }
10224
+ .sd-layout-header-prepend, .sd-layout-header-append {
10225
+ flex: none;
10226
+ gap: 8px;
10227
+ }
10228
+ .sd-layout-header-title {
10229
+ position: relative;
10230
+ z-index: 1;
10231
+ flex: none;
10232
+ max-width: min(40%, 480px);
10233
+ overflow: hidden;
10234
+ color: inherit;
10235
+ font-weight: 600;
10236
+ font-size: 18px;
10237
+ white-space: nowrap;
10238
+ text-overflow: ellipsis;
10239
+ }
10240
+ .sd-layout-header-content {
10241
+ position: relative;
10242
+ z-index: 1;
10243
+ flex: 1;
10244
+ gap: 8px;
10245
+ min-width: 0;
10246
+ }
10247
+ .sd-layout-header-extension {
10248
+ position: relative;
10249
+ z-index: 1;
10250
+ gap: 8px;
10251
+ min-height: var(--sd-layout-header-extension-height, 48px);
10252
+ padding: 0 20px;
10253
+ border-top: 1px solid var(--color-border-2);
10254
+ }
10255
+ .sd-layout-header-image {
10256
+ position: absolute;
10257
+ inset: 0;
10258
+ overflow: hidden;
10259
+ }
10260
+ .sd-layout-header-image::after {
10261
+ position: absolute;
10262
+ inset: 0;
10263
+ background: linear-gradient(180deg, rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.36));
10264
+ content: "";
10265
+ }
10266
+ .sd-layout-header-image-inner, .sd-layout-header-image :is(img, picture, video) {
10267
+ width: 100%;
10268
+ height: 100%;
10269
+ object-fit: cover;
10270
+ opacity: var(--sd-layout-header-image-opacity, 1);
10271
+ transition: opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
10272
+ }
10273
+ .sd-layout-header-flat {
10274
+ box-shadow: none;
10275
+ }
10276
+ .sd-layout-header:not(.sd-layout-header-flat) {
10277
+ box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
10278
+ }
10279
+ .sd-layout-header-floating {
10280
+ box-shadow: 0 16px 32px rgba(0, 0, 0, 0.14);
10281
+ }
10282
+ .sd-layout-header-hidden {
10283
+ pointer-events: none;
10284
+ }
10285
+ .sd-layout-header-collapsed .sd-layout-header-extension {
10286
+ display: none;
10287
+ }
10288
+ .sd-layout-header-with-image {
10289
+ color: var(--color-white);
10290
+ border-bottom-color: transparent;
10291
+ }
10292
+ .sd-layout-header-with-image .sd-layout-header-extension {
10293
+ border-top-color: rgba(255, 255, 255, 0.16);
10294
+ }
10295
+ .sd-layout-header-bottom {
10296
+ border-top: 1px solid var(--color-border-2);
10297
+ border-bottom: 0;
9950
10298
  }
9951
10299
  .sd-layout-content {
9952
10300
  flex: 1;
@@ -13202,6 +13550,21 @@ body {
13202
13550
  opacity: 1;
13203
13551
  }
13204
13552
  }
13553
+ .sd-json-form-row {
13554
+ gap: 8px 8px;
13555
+ }
13556
+ .sd-json-form-control {
13557
+ width: 100%;
13558
+ min-width: 0;
13559
+ border-radius: 4px;
13560
+ }
13561
+ .sd-json-form-control--inline {
13562
+ min-width: 0;
13563
+ }
13564
+ .sd-json-form .sd-form-item {
13565
+ margin-bottom: 4px;
13566
+ }
13567
+
13205
13568
  .sd-ellipsis {
13206
13569
  display: inline-block;
13207
13570
  max-width: 100%;