niuma-ui 2.0.0 → 2.0.2

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 (119) hide show
  1. package/CHANGELOG.md +31 -0
  2. package/README.en.md +1 -118
  3. package/README.md +58 -62
  4. package/README.zh-CN.md +128 -0
  5. package/dist/brand-icons.css +40 -0
  6. package/dist/components/_shared/src/reka.d.ts +1 -1
  7. package/dist/components/_shared/src/reka.js +2 -2
  8. package/dist/components/_shared/src/resolve-radius.js +1 -1
  9. package/dist/components/avatar/src/RsAvatar.impl.js +1 -1
  10. package/dist/components/button/src/RsButton.impl.js +1 -1
  11. package/dist/components/card/src/RsCard.impl.js +1 -1
  12. package/dist/components/cascader/src/RsCascader.css +20 -20
  13. package/dist/components/cascader/src/RsCascader.js +1 -1
  14. package/dist/components/code-block/src/RsCodeBlock.d.ts +1 -1
  15. package/dist/components/code-editor/src/code-editor-utils.js +2 -2
  16. package/dist/components/code-editor/src/code-mirror-lang.js +1 -1
  17. package/dist/components/config-provider/src/RsConfigProvider.css +2 -2
  18. package/dist/components/config-provider/src/RsConfigProvider.d.ts +8 -6
  19. package/dist/components/config-provider/src/RsConfigProvider.impl.js +64 -15
  20. package/dist/components/config-provider/src/RsConfigProvider.js +1 -1
  21. package/dist/components/context-menu/src/RsContextMenu.css +2 -2
  22. package/dist/components/context-menu/src/RsContextMenuItems.impl.js +1 -1
  23. package/dist/components/date-picker/src/RsDatePicker.css +17 -17
  24. package/dist/components/date-picker/src/RsDatePicker.impl.js +2 -2
  25. package/dist/components/date-picker/src/RsDatePicker.js +1 -1
  26. package/dist/components/dialog/src/RsConfirmDialog.impl.js +1 -1
  27. package/dist/components/dialog/src/RsDialog.css +1 -2
  28. package/dist/components/dialog/src/RsDialog.impl.js +1 -1
  29. package/dist/components/divider/src/RsDivider.css +13 -13
  30. package/dist/components/divider/src/RsDivider.js +1 -1
  31. package/dist/components/drawer/src/RsDrawer.css +2 -4
  32. package/dist/components/drawer/src/RsDrawer.impl.js +1 -1
  33. package/dist/components/dropdown/src/RsDropdown.css +2 -2
  34. package/dist/components/dropdown/src/RsDropdown.impl.js +1 -1
  35. package/dist/components/dropdown/src/RsDropdownItemView.impl.js +1 -1
  36. package/dist/components/form/src/form-rules.js +2 -2
  37. package/dist/components/icon/src/RsIcon.css +4 -4
  38. package/dist/components/icon/src/RsIcon.impl.js +6 -1
  39. package/dist/components/icon/src/RsIcon.js +1 -1
  40. package/dist/components/input/src/RsInput.css +86 -86
  41. package/dist/components/input/src/RsInput.js +1 -1
  42. package/dist/components/input/src/input-rules.js +3 -3
  43. package/dist/components/input-number/src/RsInputNumber.css +32 -32
  44. package/dist/components/input-number/src/RsInputNumber.js +1 -1
  45. package/dist/components/label/src/RsLabel.css +7 -7
  46. package/dist/components/label/src/RsLabel.js +1 -1
  47. package/dist/components/loading-bar/src/RsLoadingBar.css +4 -5
  48. package/dist/components/loading-bar/src/RsLoadingBar.js +1 -1
  49. package/dist/components/log/src/RsLog.css +39 -39
  50. package/dist/components/log/src/RsLog.d.ts +1 -1
  51. package/dist/components/log/src/RsLog.impl.js +1 -1
  52. package/dist/components/log/src/RsLog.js +1 -1
  53. package/dist/components/markdown/src/RsMarkdown.css +9 -7
  54. package/dist/components/menu/src/RsMenu.css +5 -5
  55. package/dist/components/menu/src/RsMenuItems.impl.js +1 -1
  56. package/dist/components/pagination/src/RsPagination.css +18 -18
  57. package/dist/components/pagination/src/RsPagination.impl.js +1 -1
  58. package/dist/components/pagination/src/RsPagination.js +1 -1
  59. package/dist/components/radio/src/RsRadio.impl.js +1 -1
  60. package/dist/components/radio/src/RsRadioItem.impl.js +1 -1
  61. package/dist/components/select/src/RsSelect.css +42 -42
  62. package/dist/components/select/src/RsSelect.impl.js +2 -2
  63. package/dist/components/select/src/RsSelect.js +1 -1
  64. package/dist/components/steps/src/RsSteps.css +18 -18
  65. package/dist/components/steps/src/RsSteps.js +1 -1
  66. package/dist/components/switch/src/RsSwitch.css +4 -6
  67. package/dist/components/switch/src/RsSwitch.impl.js +1 -1
  68. package/dist/components/table/style/rs-table.css +15 -15
  69. package/dist/components/tabs/src/RsTabs.impl.js +1 -1
  70. package/dist/components/terminal/src/RsTerminal.css +24 -24
  71. package/dist/components/terminal/src/RsTerminal.js +1 -1
  72. package/dist/components/textarea/src/RsTextarea.css +26 -26
  73. package/dist/components/textarea/src/RsTextarea.js +1 -1
  74. package/dist/components/time-picker/src/RsTimePicker.css +20 -20
  75. package/dist/components/time-picker/src/RsTimePicker.impl.js +2 -2
  76. package/dist/components/time-picker/src/RsTimePicker.js +1 -1
  77. package/dist/components/toaster/src/RsToaster.css +6 -6
  78. package/dist/components/toaster/src/RsToaster.impl.js +3 -6
  79. package/dist/components/tooltip/src/RsTooltip.impl.js +1 -1
  80. package/dist/components/tree/src/RsTree.css +72 -73
  81. package/dist/components/tree/src/RsTree.js +1 -1
  82. package/dist/components/tree-select/src/RsTreeSelect.css +11 -11
  83. package/dist/components/tree-select/src/RsTreeSelect.js +1 -1
  84. package/dist/components/virtual-list/src/RsVirtualList.css +7 -8
  85. package/dist/components/virtual-list/src/RsVirtualList.js +1 -1
  86. package/dist/composables/createRsDialog.js +6 -5
  87. package/dist/composables/useRsConfig.d.ts +11 -3
  88. package/dist/composables/useRsConfig.js +18 -6
  89. package/dist/composables/useRsI18n.d.ts +1 -1
  90. package/dist/composables/useRsI18n.js +5 -5
  91. package/dist/icons/brand.d.ts +6 -0
  92. package/dist/icons/brand.js +26 -0
  93. package/dist/icons/registry.d.ts +2 -0
  94. package/dist/icons/registry.js +2 -1
  95. package/dist/index.d.ts +8 -4
  96. package/dist/index.js +19 -0
  97. package/dist/locale/apply.d.ts +8 -0
  98. package/dist/locale/apply.js +20 -0
  99. package/dist/locale/interpolate.d.ts +4 -3
  100. package/dist/locale/interpolate.js +108 -5
  101. package/dist/locale/messages.d.ts +2 -4
  102. package/dist/locale/messages.js +7 -9
  103. package/dist/locale/registry-public.d.ts +3 -0
  104. package/dist/locale/registry.d.ts +19 -0
  105. package/dist/locale/registry.js +50 -0
  106. package/dist/locale/resolve-host.d.ts +7 -0
  107. package/dist/locale/resolve-host.js +46 -0
  108. package/dist/locale/types.d.ts +13 -2
  109. package/dist/locale/types.js +6 -1
  110. package/dist/styles.css +245 -250
  111. package/dist/theme/apply.d.ts +15 -3
  112. package/dist/theme/apply.js +41 -4
  113. package/dist/theme/brand.example.css +5 -1
  114. package/dist/theme/presets.d.ts +6 -5
  115. package/dist/theme/presets.js +4 -3
  116. package/dist/theme/types.d.ts +15 -7
  117. package/dist/theme/types.js +4 -1
  118. package/dist/vite-plugins/niuma-ui-host.js +7 -0
  119. package/package.json +3 -1
@@ -1,29 +1,29 @@
1
1
 
2
- .rs-input-number-field[data-v-99a18a9b] {
2
+ .rs-input-number-field[data-v-30abc660] {
3
3
  width: 100%;
4
4
  }
5
- .rs-field--label-left .rs-input-number-field[data-v-99a18a9b] {
5
+ .rs-field--label-left .rs-input-number-field[data-v-30abc660] {
6
6
  grid-column: 2;
7
7
  min-width: 0;
8
8
  }
9
- .rs-field--label-left .rs-input-number-field__error[data-v-99a18a9b] {
9
+ .rs-field--label-left .rs-input-number-field__error[data-v-30abc660] {
10
10
  grid-column: 2;
11
11
  }
12
- .rs-field--label-left .rs-field__label[data-v-99a18a9b] {
12
+ .rs-field--label-left .rs-field__label[data-v-30abc660] {
13
13
  display: flex;
14
14
  align-items: center;
15
15
  min-height: var(--rs-control-height-md);
16
16
  }
17
- .rs-input-number-field--ssm.rs-field--label-left .rs-field__label[data-v-99a18a9b] {
17
+ .rs-input-number-field--ssm.rs-field--label-left .rs-field__label[data-v-30abc660] {
18
18
  min-height: var(--rs-control-height-ssm);
19
19
  }
20
- .rs-input-number-field--sm.rs-field--label-left .rs-field__label[data-v-99a18a9b] {
20
+ .rs-input-number-field--sm.rs-field--label-left .rs-field__label[data-v-30abc660] {
21
21
  min-height: var(--rs-control-height-sm);
22
22
  }
23
- .rs-input-number-field--lg.rs-field--label-left .rs-field__label[data-v-99a18a9b] {
23
+ .rs-input-number-field--lg.rs-field--label-left .rs-field__label[data-v-30abc660] {
24
24
  min-height: var(--rs-control-height-lg);
25
25
  }
26
- .rs-input-number[data-v-99a18a9b] {
26
+ .rs-input-number[data-v-30abc660] {
27
27
  display: flex;
28
28
  align-items: stretch;
29
29
  box-sizing: border-box;
@@ -40,44 +40,44 @@
40
40
  background var(--rs-transition-fast);
41
41
  overflow: hidden;
42
42
  }
43
- .rs-input-number--ssm[data-v-99a18a9b] {
43
+ .rs-input-number--ssm[data-v-30abc660] {
44
44
  height: var(--rs-control-height-ssm);
45
45
  min-height: var(--rs-control-height-ssm);
46
46
  }
47
- .rs-input-number--sm[data-v-99a18a9b] {
47
+ .rs-input-number--sm[data-v-30abc660] {
48
48
  height: var(--rs-control-height-sm);
49
49
  min-height: var(--rs-control-height-sm);
50
50
  }
51
- .rs-input-number--lg[data-v-99a18a9b] {
51
+ .rs-input-number--lg[data-v-30abc660] {
52
52
  height: var(--rs-control-height-lg);
53
53
  min-height: var(--rs-control-height-lg);
54
54
  }
55
- .rs-input-number[data-v-99a18a9b]:hover:not(.rs-input-number--disabled):not(.rs-input-number--readonly):not(
55
+ .rs-input-number[data-v-30abc660]:hover:not(.rs-input-number--disabled):not(.rs-input-number--readonly):not(
56
56
  :focus-within
57
57
  ) {
58
58
  border-color: var(--rs-input-border-hover, var(--rs-border));
59
59
  }
60
- .rs-input-number[data-v-99a18a9b]:focus-within {
60
+ .rs-input-number[data-v-30abc660]:focus-within {
61
61
  border-color: var(--rs-focus-border, var(--rs-primary));
62
62
  box-shadow:
63
63
  var(--rs-input-shadow, none),
64
64
  0 0 0 var(--rs-focus-ring-width, 2px) var(--rs-focus-ring);
65
65
  }
66
- .rs-input-number--invalid[data-v-99a18a9b] {
66
+ .rs-input-number--invalid[data-v-30abc660] {
67
67
  border-color: var(--rs-danger);
68
68
  }
69
- .rs-input-number--invalid[data-v-99a18a9b]:focus-within {
69
+ .rs-input-number--invalid[data-v-30abc660]:focus-within {
70
70
  border-color: var(--rs-danger);
71
71
  box-shadow:
72
72
  var(--rs-input-shadow, none),
73
73
  0 0 0 var(--rs-focus-ring-width, 2px) color-mix(in srgb, var(--rs-danger) 14%, transparent);
74
74
  }
75
- .rs-input-number--disabled[data-v-99a18a9b] {
75
+ .rs-input-number--disabled[data-v-30abc660] {
76
76
  opacity: 0.55;
77
77
  cursor: not-allowed;
78
78
  background: var(--rs-surface-hover);
79
79
  }
80
- .rs-input-number__control[data-v-99a18a9b] {
80
+ .rs-input-number__control[data-v-30abc660] {
81
81
  flex: 1;
82
82
  align-self: stretch;
83
83
  min-width: 0;
@@ -95,27 +95,27 @@
95
95
  appearance: textfield;
96
96
  -moz-appearance: textfield;
97
97
  }
98
- .rs-input-number__control--ssm[data-v-99a18a9b] {
98
+ .rs-input-number__control--ssm[data-v-30abc660] {
99
99
  padding: 0 var(--rs-space-xs);
100
100
  font-size: var(--rs-font-size-xs);
101
101
  }
102
- .rs-input-number__control--sm[data-v-99a18a9b] {
102
+ .rs-input-number__control--sm[data-v-30abc660] {
103
103
  padding: 0 var(--rs-space-sm);
104
104
  font-size: var(--rs-font-size-xs);
105
105
  }
106
- .rs-input-number__control--lg[data-v-99a18a9b] {
106
+ .rs-input-number__control--lg[data-v-30abc660] {
107
107
  padding: 0 var(--rs-space-lg);
108
108
  font-size: var(--rs-font-size-base);
109
109
  }
110
- .rs-input-number__control[data-v-99a18a9b]:disabled {
110
+ .rs-input-number__control[data-v-30abc660]:disabled {
111
111
  cursor: not-allowed;
112
112
  }
113
- .rs-input-number__control[data-v-99a18a9b]::-webkit-outer-spin-button,
114
- .rs-input-number__control[data-v-99a18a9b]::-webkit-inner-spin-button {
113
+ .rs-input-number__control[data-v-30abc660]::-webkit-outer-spin-button,
114
+ .rs-input-number__control[data-v-30abc660]::-webkit-inner-spin-button {
115
115
  -webkit-appearance: none;
116
116
  margin: 0;
117
117
  }
118
- .rs-input-number__handlers[data-v-99a18a9b] {
118
+ .rs-input-number__handlers[data-v-30abc660] {
119
119
  display: flex;
120
120
  flex-direction: column;
121
121
  flex-shrink: 0;
@@ -124,13 +124,13 @@
124
124
  width: 22px;
125
125
  height: 100%;
126
126
  overflow: hidden;
127
- border-left: 1px solid var(--rs-input-border, var(--rs-border));
127
+ border-inline-start: 1px solid var(--rs-input-border, var(--rs-border));
128
128
  }
129
- .rs-input-number--ssm .rs-input-number__handlers[data-v-99a18a9b],
130
- .rs-input-number--sm .rs-input-number__handlers[data-v-99a18a9b] {
129
+ .rs-input-number--ssm .rs-input-number__handlers[data-v-30abc660],
130
+ .rs-input-number--sm .rs-input-number__handlers[data-v-30abc660] {
131
131
  width: 18px;
132
132
  }
133
- .rs-input-number__handler[data-v-99a18a9b] {
133
+ .rs-input-number__handler[data-v-30abc660] {
134
134
  flex: 1 1 0;
135
135
  min-height: 0;
136
136
  display: inline-flex;
@@ -144,18 +144,18 @@
144
144
  cursor: pointer;
145
145
  line-height: 1;
146
146
  }
147
- .rs-input-number__handler[data-v-99a18a9b]:hover:not(:disabled) {
147
+ .rs-input-number__handler[data-v-30abc660]:hover:not(:disabled) {
148
148
  color: var(--rs-text);
149
149
  background: var(--rs-surface-hover);
150
150
  }
151
- .rs-input-number__handler[data-v-99a18a9b]:disabled {
151
+ .rs-input-number__handler[data-v-30abc660]:disabled {
152
152
  opacity: 0.35;
153
153
  cursor: not-allowed;
154
154
  }
155
- .rs-input-number__handler--up[data-v-99a18a9b] {
155
+ .rs-input-number__handler--up[data-v-30abc660] {
156
156
  border-bottom: 1px solid var(--rs-input-border, var(--rs-border));
157
157
  }
158
- .rs-input-number-field__error[data-v-99a18a9b] {
158
+ .rs-input-number-field__error[data-v-30abc660] {
159
159
  margin: 4px 0 0;
160
160
  font-size: var(--rs-font-size-xs);
161
161
  color: var(--rs-danger);
@@ -3,6 +3,6 @@ import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_exp
3
3
  import RsInputNumber_vue_vue_type_script_setup_true_lang_default from "./RsInputNumber.impl.js";
4
4
 
5
5
  //#region src/components/input-number/src/RsInputNumber.vue
6
- var RsInputNumber_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsInputNumber_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-99a18a9b"]]);
6
+ var RsInputNumber_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsInputNumber_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-30abc660"]]);
7
7
  //#endregion
8
8
  export { RsInputNumber_default as default };
@@ -4,7 +4,7 @@
4
4
  * --rs-label-font-size / --rs-label-font-weight / --rs-label-color / --rs-label-line-height
5
5
  * 与 .rs-field__label 共用;父级覆盖即可,无需 :deep。
6
6
  */
7
- .rs-label[data-v-1892f7aa] {
7
+ .rs-label[data-v-e4daa758] {
8
8
  display: flex;
9
9
  flex-direction: column;
10
10
  gap: 0.25rem;
@@ -12,21 +12,21 @@
12
12
  line-height: var(--rs-label-line-height);
13
13
  color: var(--rs-label-color);
14
14
  }
15
- .rs-label--disabled[data-v-1892f7aa] {
15
+ .rs-label--disabled[data-v-e4daa758] {
16
16
  opacity: 0.5;
17
17
  cursor: not-allowed;
18
18
  }
19
- .rs-label--nowrap .rs-label__text[data-v-1892f7aa] {
19
+ .rs-label--nowrap .rs-label__text[data-v-e4daa758] {
20
20
  white-space: nowrap;
21
21
  }
22
- .rs-label__text[data-v-1892f7aa] {
22
+ .rs-label__text[data-v-e4daa758] {
23
23
  font-weight: var(--rs-label-font-weight);
24
24
  }
25
- .rs-label__required[data-v-1892f7aa] {
26
- margin-left: 0.125rem;
25
+ .rs-label__required[data-v-e4daa758] {
26
+ margin-inline-start: 0.125rem;
27
27
  color: var(--rs-danger);
28
28
  }
29
- .rs-label__hint[data-v-1892f7aa] {
29
+ .rs-label__hint[data-v-e4daa758] {
30
30
  font-size: var(--rs-font-size-xs);
31
31
  font-weight: var(--rs-font-weight-regular);
32
32
  color: var(--rs-muted);
@@ -3,6 +3,6 @@ import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_exp
3
3
  import RsLabel_vue_vue_type_script_setup_true_lang_default from "./RsLabel.impl.js";
4
4
 
5
5
  //#region src/components/label/src/RsLabel.vue
6
- var RsLabel_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsLabel_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-1892f7aa"]]);
6
+ var RsLabel_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsLabel_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-e4daa758"]]);
7
7
  //#endregion
8
8
  export { RsLabel_default as default };
@@ -1,18 +1,17 @@
1
1
 
2
- .rs-loading-bar[data-v-c1d71bf2] {
2
+ .rs-loading-bar[data-v-98c35618] {
3
3
  position: fixed;
4
4
  top: 0;
5
- left: 0;
6
- right: 0;
5
+ inset-inline: 0;
7
6
  z-index: var(--rs-z-loading-bar);
8
7
  pointer-events: none;
9
8
  opacity: 0;
10
9
  transition: opacity 0.2s ease;
11
10
  }
12
- .rs-loading-bar--visible[data-v-c1d71bf2] {
11
+ .rs-loading-bar--visible[data-v-98c35618] {
13
12
  opacity: 1;
14
13
  }
15
- .rs-loading-bar__peg[data-v-c1d71bf2] {
14
+ .rs-loading-bar__peg[data-v-98c35618] {
16
15
  height: 2px;
17
16
  transition:
18
17
  width 0.2s ease,
@@ -3,6 +3,6 @@ import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_exp
3
3
  import RsLoadingBar_vue_vue_type_script_setup_true_lang_default from "./RsLoadingBar.impl.js";
4
4
 
5
5
  //#region src/components/loading-bar/src/RsLoadingBar.vue
6
- var RsLoadingBar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsLoadingBar_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-c1d71bf2"]]);
6
+ var RsLoadingBar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsLoadingBar_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-98c35618"]]);
7
7
  //#endregion
8
8
  export { RsLoadingBar_default as default };
@@ -1,5 +1,5 @@
1
1
 
2
- .rs-log[data-v-f52bccb6] {
2
+ .rs-log[data-v-03a9ca4b] {
3
3
  display: flex;
4
4
  flex-direction: column;
5
5
  min-height: 0;
@@ -13,7 +13,7 @@
13
13
  line-height: 1.45;
14
14
  height: var(--rs-log-box-height, 280px);
15
15
  }
16
- .rs-log__chrome[data-v-f52bccb6] {
16
+ .rs-log__chrome[data-v-03a9ca4b] {
17
17
  display: flex;
18
18
  flex-wrap: wrap;
19
19
  gap: 0.45rem;
@@ -22,15 +22,15 @@
22
22
  border-bottom: 1px solid var(--rs-log-border, var(--rs-border));
23
23
  background: color-mix(in srgb, var(--rs-log-bg, var(--rs-surface)) 88%, var(--rs-surface-hover));
24
24
  }
25
- .rs-log__search[data-v-f52bccb6] {
25
+ .rs-log__search[data-v-03a9ca4b] {
26
26
  min-width: 10rem;
27
27
  flex: 1 1 12rem;
28
28
  }
29
- .rs-log__copy[data-v-f52bccb6] {
29
+ .rs-log__copy[data-v-03a9ca4b] {
30
30
  flex-shrink: 0;
31
31
  margin-inline-start: auto;
32
32
  }
33
- .rs-log__filters[data-v-f52bccb6] {
33
+ .rs-log__filters[data-v-03a9ca4b] {
34
34
  display: flex;
35
35
  flex-wrap: wrap;
36
36
  gap: 0.3rem;
@@ -39,7 +39,7 @@
39
39
  border: 0;
40
40
  min-inline-size: 0;
41
41
  }
42
- .rs-log__chip[data-v-f52bccb6] {
42
+ .rs-log__chip[data-v-03a9ca4b] {
43
43
  margin: 0;
44
44
  padding: 0.1rem 0.4rem;
45
45
  border: 1px solid var(--rs-log-border, var(--rs-border));
@@ -50,32 +50,32 @@
50
50
  font-size: var(--rs-font-size-xs);
51
51
  cursor: pointer;
52
52
  }
53
- .rs-log__chip--on[data-v-f52bccb6] {
53
+ .rs-log__chip--on[data-v-03a9ca4b] {
54
54
  color: var(--rs-log-fg, var(--rs-text));
55
55
  border-color: color-mix(in srgb, var(--rs-primary) 45%, var(--rs-log-border, var(--rs-border)));
56
56
  background: color-mix(in srgb, var(--rs-primary) 14%, transparent);
57
57
  }
58
- .rs-log__viewport[data-v-f52bccb6] {
58
+ .rs-log__viewport[data-v-03a9ca4b] {
59
59
  display: flex;
60
60
  flex-direction: column;
61
61
  flex: 1;
62
62
  min-height: 0;
63
63
  outline: none;
64
64
  }
65
- .rs-log__viewport[data-v-f52bccb6]:focus-visible {
65
+ .rs-log__viewport[data-v-03a9ca4b]:focus-visible {
66
66
  box-shadow: inset 0 0 0 var(--rs-focus-ring-width, 2px) var(--rs-focus-border);
67
67
  }
68
- .rs-log__list[data-v-f52bccb6],
69
- .rs-log__plain[data-v-f52bccb6] {
68
+ .rs-log__list[data-v-03a9ca4b],
69
+ .rs-log__plain[data-v-03a9ca4b] {
70
70
  flex: 1;
71
71
  min-height: 0;
72
72
  border: 0;
73
73
  background: transparent;
74
74
  }
75
- .rs-log__plain[data-v-f52bccb6] {
75
+ .rs-log__plain[data-v-03a9ca4b] {
76
76
  overflow: auto;
77
77
  }
78
- .rs-log__row[data-v-f52bccb6] {
78
+ .rs-log__row[data-v-03a9ca4b] {
79
79
  display: flex;
80
80
  align-items: flex-start;
81
81
  gap: 0.55rem;
@@ -84,13 +84,13 @@
84
84
  white-space: nowrap;
85
85
  color: var(--rs-log-row-fg, var(--rs-log-fg));
86
86
  }
87
- .rs-log:not(.rs-log--wrap) .rs-log__list .rs-log__row[data-v-f52bccb6] {
87
+ .rs-log:not(.rs-log--wrap) .rs-log__list .rs-log__row[data-v-03a9ca4b] {
88
88
  min-height: 100%;
89
89
  }
90
- .rs-log--wrap .rs-log__plain[data-v-f52bccb6] {
90
+ .rs-log--wrap .rs-log__plain[data-v-03a9ca4b] {
91
91
  display: block;
92
92
  }
93
- .rs-log--wrap .rs-log__row[data-v-f52bccb6] {
93
+ .rs-log--wrap .rs-log__row[data-v-03a9ca4b] {
94
94
  height: auto;
95
95
  max-height: none;
96
96
  min-height: 0;
@@ -99,14 +99,14 @@
99
99
  word-break: break-word;
100
100
  padding-block: 0.25rem;
101
101
  }
102
- .rs-log--zebra .rs-log__row--odd[data-v-f52bccb6] {
102
+ .rs-log--zebra .rs-log__row--odd[data-v-03a9ca4b] {
103
103
  background: var(--rs-log-stripe, transparent);
104
104
  }
105
- .rs-log__row--active[data-v-f52bccb6] {
105
+ .rs-log__row--active[data-v-03a9ca4b] {
106
106
  background: color-mix(in srgb, var(--rs-primary) 12%, var(--rs-log-bg, transparent));
107
107
  box-shadow: inset 2px 0 0 var(--rs-primary);
108
108
  }
109
- .rs-log__marker[data-v-f52bccb6] {
109
+ .rs-log__marker[data-v-03a9ca4b] {
110
110
  flex-shrink: 0;
111
111
  width: 0.2rem;
112
112
  align-self: stretch;
@@ -116,15 +116,15 @@
116
116
  background: currentColor;
117
117
  user-select: none;
118
118
  }
119
- .rs-log__no[data-v-f52bccb6],
120
- .rs-log__time[data-v-f52bccb6] {
119
+ .rs-log__no[data-v-03a9ca4b],
120
+ .rs-log__time[data-v-03a9ca4b] {
121
121
  flex-shrink: 0;
122
122
  color: var(--rs-log-muted, var(--rs-text-muted));
123
123
  font-variant-numeric: tabular-nums;
124
124
  unicode-bidi: isolate;
125
125
  user-select: none;
126
126
  }
127
- .rs-log__level[data-v-f52bccb6] {
127
+ .rs-log__level[data-v-03a9ca4b] {
128
128
  flex-shrink: 0;
129
129
  min-width: 3.6rem;
130
130
  font-weight: var(--rs-font-weight-semibold);
@@ -132,29 +132,29 @@
132
132
  unicode-bidi: isolate;
133
133
  user-select: none;
134
134
  }
135
- .rs-log__text[data-v-f52bccb6] {
135
+ .rs-log__text[data-v-03a9ca4b] {
136
136
  min-width: 0;
137
137
  flex: 1;
138
138
  font-weight: inherit;
139
139
  unicode-bidi: plaintext;
140
140
  user-select: text;
141
141
  }
142
- .rs-log--wrap .rs-log__text[data-v-f52bccb6] {
142
+ .rs-log--wrap .rs-log__text[data-v-03a9ca4b] {
143
143
  overflow: visible;
144
144
  height: auto;
145
145
  min-height: 0;
146
146
  }
147
- .rs-log:not(.rs-log--wrap) .rs-log__text[data-v-f52bccb6] {
147
+ .rs-log:not(.rs-log--wrap) .rs-log__text[data-v-03a9ca4b] {
148
148
  overflow: hidden;
149
149
  text-overflow: ellipsis;
150
150
  }
151
- .rs-log__hit[data-v-f52bccb6] {
151
+ .rs-log__hit[data-v-03a9ca4b] {
152
152
  padding: 0 0.1em;
153
153
  background: var(--rs-log-hit-bg);
154
154
  color: var(--rs-log-hit-fg);
155
155
  font: inherit;
156
156
  }
157
- .rs-log__sr-only[data-v-f52bccb6] {
157
+ .rs-log__sr-only[data-v-03a9ca4b] {
158
158
  position: absolute;
159
159
  width: 1px;
160
160
  height: 1px;
@@ -165,47 +165,47 @@
165
165
  white-space: nowrap;
166
166
  border: 0;
167
167
  }
168
- .rs-log__row--plain[data-v-f52bccb6] {
168
+ .rs-log__row--plain[data-v-03a9ca4b] {
169
169
  --rs-log-row-fg: var(--rs-log-fg);
170
170
  font-weight: var(--rs-font-weight-regular);
171
171
  }
172
- .rs-log__row--trace[data-v-f52bccb6] {
172
+ .rs-log__row--trace[data-v-03a9ca4b] {
173
173
  --rs-log-row-fg: var(--rs-log-trace);
174
174
  font-weight: var(--rs-font-weight-regular);
175
175
  }
176
- .rs-log__row--debug[data-v-f52bccb6] {
176
+ .rs-log__row--debug[data-v-03a9ca4b] {
177
177
  --rs-log-row-fg: var(--rs-log-debug);
178
178
  font-weight: var(--rs-font-weight-regular);
179
179
  }
180
- .rs-log__row--info[data-v-f52bccb6],
181
- .rs-log__row--notice[data-v-f52bccb6] {
180
+ .rs-log__row--info[data-v-03a9ca4b],
181
+ .rs-log__row--notice[data-v-03a9ca4b] {
182
182
  --rs-log-row-fg: var(--rs-log-info);
183
183
  font-weight: var(--rs-font-weight-medium);
184
184
  }
185
- .rs-log__row--notice[data-v-f52bccb6] {
185
+ .rs-log__row--notice[data-v-03a9ca4b] {
186
186
  --rs-log-row-fg: var(--rs-log-notice);
187
187
  }
188
- .rs-log__row--success[data-v-f52bccb6] {
188
+ .rs-log__row--success[data-v-03a9ca4b] {
189
189
  --rs-log-row-fg: var(--rs-log-success);
190
190
  font-weight: var(--rs-font-weight-medium);
191
191
  }
192
- .rs-log__row--warn[data-v-f52bccb6] {
192
+ .rs-log__row--warn[data-v-03a9ca4b] {
193
193
  --rs-log-row-fg: var(--rs-log-warn);
194
194
  font-weight: var(--rs-font-weight-semibold);
195
195
  }
196
- .rs-log__row--error[data-v-f52bccb6] {
196
+ .rs-log__row--error[data-v-03a9ca4b] {
197
197
  --rs-log-row-fg: var(--rs-log-error);
198
198
  font-weight: var(--rs-font-weight-bold);
199
199
  }
200
- .rs-log__row--fatal[data-v-f52bccb6] {
200
+ .rs-log__row--fatal[data-v-03a9ca4b] {
201
201
  --rs-log-row-fg: var(--rs-log-fatal);
202
202
  font-weight: var(--rs-font-weight-bold);
203
203
  }
204
204
  @media (forced-colors: active) {
205
- .rs-log__marker[data-v-f52bccb6] {
205
+ .rs-log__marker[data-v-03a9ca4b] {
206
206
  background: ButtonText;
207
207
  }
208
- .rs-log__row--active[data-v-f52bccb6] {
208
+ .rs-log__row--active[data-v-03a9ca4b] {
209
209
  outline: 2px solid Highlight;
210
210
  outline-offset: -2px;
211
211
  }
@@ -97,8 +97,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, RsLog
97
97
  "onUpdate:search"?: ((value: string) => any) | undefined;
98
98
  "onUpdate:levels"?: ((value: RsLogLevel[]) => any) | undefined;
99
99
  }>, {
100
- height: number | string;
101
100
  dir: "ltr" | "rtl" | "auto";
101
+ height: number | string;
102
102
  virtual: boolean | "auto";
103
103
  overscan: number;
104
104
  wrap: boolean;
@@ -438,7 +438,7 @@ var RsLog_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
438
438
  }
439
439
  watch(() => displayLines.value.length, async (count, prev) => {
440
440
  const delta = count - (prev ?? 0);
441
- if (liveMode.value !== "off" && delta > 0) announcement.value = t("log.newLines", "{count} new lines", { count: delta });
441
+ if (liveMode.value !== "off" && delta > 0) announcement.value = t("log.newLines", "{count, plural, one {# new line} other {# new lines}}", { count: delta });
442
442
  if (!props.follow || delta <= 0 || !stuckToBottom.value) return;
443
443
  await nextTick();
444
444
  scrollToBottom();
@@ -3,6 +3,6 @@ import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_exp
3
3
  import RsLog_vue_vue_type_script_setup_true_lang_default from "./RsLog.impl.js";
4
4
 
5
5
  //#region src/components/log/src/RsLog.vue
6
- var RsLog_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsLog_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-f52bccb6"]]);
6
+ var RsLog_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsLog_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-03a9ca4b"]]);
7
7
  //#endregion
8
8
  export { RsLog_default as default };
@@ -46,7 +46,7 @@
46
46
  min-height: 0;
47
47
  }
48
48
  .rs-markdown--split .rs-markdown__editor {
49
- border-right: 1px solid var(--rs-border);
49
+ border-inline-end: 1px solid var(--rs-border);
50
50
  }
51
51
  .rs-markdown__preview {
52
52
  overflow: auto;
@@ -105,7 +105,7 @@
105
105
  }
106
106
  .rs-markdown__prose ul,
107
107
  .rs-markdown__prose ol {
108
- padding-left: 1.4em;
108
+ padding-inline-start: 1.4em;
109
109
  }
110
110
  .rs-markdown__prose li + li {
111
111
  margin-top: 0.25em;
@@ -126,8 +126,9 @@
126
126
  font-weight: var(--rs-font-weight-semibold);
127
127
  }
128
128
  .rs-markdown__prose blockquote {
129
- padding: 0.15em 0 0.15em 0.9em;
130
- border-left: 3px solid var(--rs-border);
129
+ padding-block: 0.15em;
130
+ padding-inline: 0.9em 0;
131
+ border-inline-start: 3px solid var(--rs-border);
131
132
  color: var(--rs-muted);
132
133
  }
133
134
  .rs-markdown__prose hr {
@@ -182,7 +183,7 @@
182
183
  .rs-markdown__prose td {
183
184
  padding: 0.45em 0.7em;
184
185
  border: 1px solid var(--rs-border);
185
- text-align: left;
186
+ text-align: start;
186
187
  }
187
188
  .rs-markdown__prose th {
188
189
  background: color-mix(in srgb, var(--rs-muted-bg, var(--rs-border)) 40%, transparent);
@@ -197,7 +198,8 @@
197
198
  display: inline-block;
198
199
  width: 0.9em;
199
200
  height: 0.9em;
200
- margin: 0 0.4em 0.05em 0;
201
+ margin-block: 0 0.05em;
202
+ margin-inline: 0 0.4em;
201
203
  border: 1px solid var(--rs-border);
202
204
  border-radius: 0.15em;
203
205
  vertical-align: middle;
@@ -210,5 +212,5 @@
210
212
  }
211
213
  .rs-markdown__prose li:has(> .rs-markdown__task) {
212
214
  list-style: none;
213
- margin-left: -1.15em;
215
+ margin-inline-start: -1.15em;
214
216
  }
@@ -58,13 +58,13 @@
58
58
  width: 100%;
59
59
  min-height: var(--rs-menu-item-height);
60
60
  padding: 0 0.5rem;
61
- padding-left: calc(0.5rem + var(--rs-menu-depth, 0) * 0.875rem);
61
+ padding-inline-start: calc(0.5rem + var(--rs-menu-depth, 0) * 0.875rem);
62
62
  border: none;
63
63
  border-radius: var(--rs-menu-item-radius);
64
64
  background: transparent;
65
65
  color: var(--rs-menu-item-fg);
66
66
  font-size: var(--rs-menu-item-font-size);
67
- text-align: left;
67
+ text-align: start;
68
68
  cursor: pointer;
69
69
  transition:
70
70
  color var(--rs-transition-fast),
@@ -73,8 +73,8 @@
73
73
  .rs-menu--horizontal .rs-menu__item {
74
74
  width: auto;
75
75
  min-width: 0;
76
- padding-left: 0.5rem;
77
- padding-right: 0.5rem;
76
+ padding-inline-start: 0.5rem;
77
+ padding-inline-end: 0.5rem;
78
78
  }
79
79
  .rs-menu--collapsed .rs-menu__item {
80
80
  justify-content: center;
@@ -183,7 +183,7 @@
183
183
  .rs-menu--horizontal .rs-menu__entry--submenu .rs-menu__submenu {
184
184
  position: absolute;
185
185
  top: calc(100% + 0.25rem);
186
- left: 0;
186
+ inset-inline-start: 0;
187
187
  z-index: var(--rs-z-dropdown);
188
188
  min-width: 10rem;
189
189
  padding: 0.25rem;
@@ -1,6 +1,6 @@
1
+ import { CollapsibleContent, CollapsibleRoot, CollapsibleTrigger, PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger } from "../../_shared/src/reka.js";
1
2
  import { useRsI18n } from "../../../composables/useRsI18n.js";
2
3
  import RsIcon_default from "../../icon/src/RsIcon.js";
3
- import { CollapsibleContent, CollapsibleRoot, CollapsibleTrigger, PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger } from "../../_shared/src/reka.js";
4
4
  import { menuItemContainsKey } from "./menu-utils.js";
5
5
  import RsMenuItems_default from "./RsMenuItems.js";
6
6
  import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, onBeforeUnmount, openBlock, ref, renderList, toDisplayString, unref, withCtx } from "vue";