niuma-ui 2.1.0 → 2.1.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 (43) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/dist/components/auto-complete/src/RsAutoComplete.d.ts +2 -2
  3. package/dist/components/code-block/src/RsCodeBlock.css +26 -26
  4. package/dist/components/code-block/src/RsCodeBlock.impl.js +2 -2
  5. package/dist/components/code-block/src/RsCodeBlock.js +1 -1
  6. package/dist/components/context-menu/src/RsContextMenu.css +19 -19
  7. package/dist/components/date-picker/src/RsDatePicker.d.ts +2 -2
  8. package/dist/components/date-picker/src/RsDateTimePicker.d.ts +2 -2
  9. package/dist/components/dialog/src/RsConfirmDialog.css +25 -25
  10. package/dist/components/dialog/src/RsConfirmDialog.impl.js +4 -4
  11. package/dist/components/dialog/src/RsConfirmDialog.js +1 -1
  12. package/dist/components/dialog/src/RsDialog.css +63 -63
  13. package/dist/components/dialog/src/RsDialog.impl.js +56 -11
  14. package/dist/components/dialog/src/RsDialog.js +1 -1
  15. package/dist/components/dialog/src/dialog-window.d.ts +1 -0
  16. package/dist/components/dialog/src/dialog-window.js +1 -0
  17. package/dist/components/dynamic-tags/src/RsDynamicTags.d.ts +2 -2
  18. package/dist/components/icon/src/RsIcon.css +5 -5
  19. package/dist/components/icon/src/RsIcon.d.ts +1 -1
  20. package/dist/components/icon/src/RsIcon.impl.js +1 -1
  21. package/dist/components/icon/src/RsIcon.js +1 -1
  22. package/dist/components/input/src/RsInput.d.ts +2 -2
  23. package/dist/components/mentions/src/RsMentions.d.ts +2 -2
  24. package/dist/components/select/src/RsSelect.d.ts +2 -2
  25. package/dist/components/tabs/src/RsTabs.d.ts +3 -3
  26. package/dist/components/tabs/src/RsTabs.impl.js +1 -1
  27. package/dist/components/textarea/src/RsTextarea.d.ts +2 -2
  28. package/dist/components/time-picker/src/RsTimePicker.d.ts +2 -2
  29. package/dist/components/tree/src/RsTree.css +74 -74
  30. package/dist/components/tree/src/RsTree.js +1 -1
  31. package/dist/components/tree-select/src/RsTreeSelect.d.ts +2 -2
  32. package/dist/icons/host.d.ts +11 -0
  33. package/dist/icons/host.js +30 -0
  34. package/dist/icons/lucide.js +10 -3
  35. package/dist/icons/registry.js +1 -1
  36. package/dist/index.d.ts +1 -0
  37. package/dist/index.js +1 -0
  38. package/dist/styles.css +27 -11
  39. package/dist/utils/rs-clipboard.d.ts +1 -1
  40. package/dist/utils/rs-clipboard.js +17 -7
  41. package/dist/vite-plugins/niuma-ui-host.d.ts +2 -1
  42. package/dist/vite-plugins/niuma-ui-host.js +25 -6
  43. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -6,6 +6,25 @@
6
6
 
7
7
  ## [Unreleased]
8
8
 
9
+ ## [2.1.2] - 2026-09-22
10
+
11
+ ### 修复
12
+
13
+ - 对话框里的代码块「复制」没有写入剪贴板。临时输入框原先挂在 `body` 上,打开的 `dialog` 不会把焦点交出去,报文和 Header 点复制没有效果。现在挂在当前对话框内,并在点击当下同步复制。只读代码块改为 `readOnly`,正文仍可选、可复制。
14
+
15
+ ## [2.1.1] - 2026-09-22
16
+
17
+ ### 修复
18
+
19
+ - `RsDialog` / `RsConfirmDialog`:关闭时不挂 Teleport,打开时再解析 `teleportTo`。1.x 的 Reka 只在打开时传送;2.x 若在组件挂载时就解析,宿主在 `onMounted` 才创建的挂载点会被记成 null,再次打开会在空节点上更新。
20
+ - 开发时宿主插件对纯再导出再跟一层。`isRsBrandIconName` 改写到 `icons/brand.ts`,不再经过 `icons/registry.ts`,具名导入不会把 Lucide 全库一起求值。导出表在进程启动时建立;遇到尚未收录的运行时导出会重读一次,避免长开的 dev server 对新增导出回 500。
21
+
22
+ ### 变更
23
+
24
+ - `RsIcon`:业务用 `registerRsIcon(name, component)` 登记自己的 kebab-case 图标。页签、菜单、树、右键的 `icon` 字符串可以引用。内置 Lucide 名和品牌 mark 不能被盖掉。这个登记模块不引入 Lucide。
25
+ - `RsTabs`:`draggable` 仍整项可拖。`showDragHandle` 默认改为 `false`,不再默认画出六点 grip(与 1.x 一致)。要图标时显式传 `showDragHandle`。
26
+ - `RsDialog`:可拖动的窗口对话框改挂到 `body`。业务挂载点常有 `overflow: hidden`,拖出后背景会被裁掉。全屏逻辑不变。KeepAlive 切走页签时卸掉 body 上的浮层,并放开滚动锁、inert 和 document 监听,回到该页再占上。
27
+
9
28
  ## [2.1.0] - 2026-09-22
10
29
 
11
30
  ### 变更
@@ -47,17 +47,17 @@ type __VLS_Slots = {} & {
47
47
  declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, RsAutoCompleteExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
48
48
  search: (query: string) => any;
49
49
  select: (value: string) => any;
50
+ clear: () => any;
50
51
  blur: (event: FocusEvent) => any;
51
52
  focus: (event: FocusEvent) => any;
52
- clear: () => any;
53
53
  "update:modelValue": (value: string) => any;
54
54
  "update:open": (value: boolean) => any;
55
55
  }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
56
56
  onSearch?: ((query: string) => any) | undefined;
57
57
  onSelect?: ((value: string) => any) | undefined;
58
+ onClear?: (() => any) | undefined;
58
59
  onBlur?: ((event: FocusEvent) => any) | undefined;
59
60
  onFocus?: ((event: FocusEvent) => any) | undefined;
60
- onClear?: (() => any) | undefined;
61
61
  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
62
62
  "onUpdate:open"?: ((value: boolean) => any) | undefined;
63
63
  }>, {
@@ -1,5 +1,5 @@
1
1
 
2
- .rs-code-block[data-v-227d5b66] {
2
+ .rs-code-block[data-v-1bda0776] {
3
3
  position: relative;
4
4
  margin: 0;
5
5
  min-inline-size: 0;
@@ -11,11 +11,11 @@
11
11
  font-size: var(--rs-font-size-sm);
12
12
  color: var(--rs-code-block-fg, var(--rs-text-primary));
13
13
  }
14
- .rs-code-block--plain[data-v-227d5b66] {
14
+ .rs-code-block--plain[data-v-1bda0776] {
15
15
  border: 0;
16
16
  border-radius: 0;
17
17
  }
18
- .rs-code-block__bar[data-v-227d5b66] {
18
+ .rs-code-block__bar[data-v-1bda0776] {
19
19
  display: flex;
20
20
  align-items: center;
21
21
  justify-content: space-between;
@@ -25,13 +25,13 @@
25
25
  border-block-end: 1px solid var(--rs-code-block-border, var(--rs-border-subtle));
26
26
  background: var(--rs-code-block-bar-bg, var(--rs-surface-elevated));
27
27
  }
28
- .rs-code-block__meta[data-v-227d5b66] {
28
+ .rs-code-block__meta[data-v-1bda0776] {
29
29
  display: flex;
30
30
  align-items: center;
31
31
  gap: var(--rs-space-sm);
32
32
  min-inline-size: 0;
33
33
  }
34
- .rs-code-block__file[data-v-227d5b66] {
34
+ .rs-code-block__file[data-v-1bda0776] {
35
35
  min-inline-size: 0;
36
36
  overflow: hidden;
37
37
  font-family: var(--rs-code-font-family, var(--rs-font-mono));
@@ -40,20 +40,20 @@
40
40
  text-overflow: ellipsis;
41
41
  white-space: nowrap;
42
42
  }
43
- .rs-code-block__lang[data-v-227d5b66] {
43
+ .rs-code-block__lang[data-v-1bda0776] {
44
44
  flex-shrink: 0;
45
45
  font-family: var(--rs-code-font-family, var(--rs-font-mono));
46
46
  font-size: var(--rs-font-size-xs);
47
47
  color: var(--rs-code-block-muted, var(--rs-text-tertiary));
48
48
  text-transform: lowercase;
49
49
  }
50
- .rs-code-block__actions[data-v-227d5b66] {
50
+ .rs-code-block__actions[data-v-1bda0776] {
51
51
  display: flex;
52
52
  flex-shrink: 0;
53
53
  align-items: center;
54
54
  gap: var(--rs-space-xs);
55
55
  }
56
- .rs-code-block__copy[data-v-227d5b66] {
56
+ .rs-code-block__copy[data-v-1bda0776] {
57
57
  padding-block: calc(var(--rs-space-xs) / 2);
58
58
  padding-inline: var(--rs-space-sm);
59
59
  border: 1px solid var(--rs-code-block-border, var(--rs-border-subtle));
@@ -67,16 +67,16 @@
67
67
  border-color var(--rs-code-block-transition, 120ms),
68
68
  background var(--rs-code-block-transition, 120ms);
69
69
  }
70
- .rs-code-block__copy[data-v-227d5b66]:hover {
70
+ .rs-code-block__copy[data-v-1bda0776]:hover {
71
71
  color: var(--rs-code-block-fg, var(--rs-text-primary));
72
72
  border-color: var(--rs-border);
73
73
  background: var(--rs-item-hover);
74
74
  }
75
- .rs-code-block__copy[data-v-227d5b66]:focus-visible {
75
+ .rs-code-block__copy[data-v-1bda0776]:focus-visible {
76
76
  outline: none;
77
77
  box-shadow: 0 0 0 var(--rs-focus-ring-width, 2px) var(--rs-focus-ring);
78
78
  }
79
- .rs-code-block__sr[data-v-227d5b66] {
79
+ .rs-code-block__sr[data-v-1bda0776] {
80
80
  position: absolute;
81
81
  inline-size: 1px;
82
82
  block-size: 1px;
@@ -87,57 +87,57 @@
87
87
  white-space: nowrap;
88
88
  border: 0;
89
89
  }
90
- .rs-code-block__editor[data-v-227d5b66] .cm-editor {
90
+ .rs-code-block__editor[data-v-1bda0776] .cm-editor {
91
91
  background: var(--rs-code-block-bg, var(--rs-surface-elevated)) !important;
92
92
  max-height: var(--rs-code-block-max-height, 32rem);
93
93
  overflow-y: auto;
94
94
  }
95
- .rs-code-block--plain .rs-code-block__editor[data-v-227d5b66] .cm-editor {
95
+ .rs-code-block--plain .rs-code-block__editor[data-v-1bda0776] .cm-editor {
96
96
  max-height: none;
97
97
  }
98
- .rs-code-block--capped .rs-code-block__editor[data-v-227d5b66] .cm-editor {
98
+ .rs-code-block--capped .rs-code-block__editor[data-v-1bda0776] .cm-editor {
99
99
  max-height: var(--rs-code-block-max-height, 32rem);
100
100
  }
101
- .rs-code-block__editor[data-v-227d5b66] .cm-content {
101
+ .rs-code-block__editor[data-v-1bda0776] .cm-content {
102
102
  color: var(--rs-code-block-fg, var(--rs-text-primary));
103
103
  }
104
- .rs-code-block__editor[data-v-227d5b66] .cm-gutters {
104
+ .rs-code-block__editor[data-v-1bda0776] .cm-gutters {
105
105
  background: var(--rs-code-block-gutter, var(--rs-surface-elevated)) !important;
106
106
  border-right-color: var(--rs-code-block-border, var(--rs-border-subtle)) !important;
107
107
  color: var(--rs-code-block-muted, var(--rs-text-tertiary));
108
108
  }
109
- .rs-code-block--no-lines .rs-code-block__editor[data-v-227d5b66] .cm-gutters {
109
+ .rs-code-block--no-lines .rs-code-block__editor[data-v-1bda0776] .cm-gutters {
110
110
  display: none;
111
111
  }
112
- .rs-code-block__editor[data-v-227d5b66] .cm-activeLine {
112
+ .rs-code-block__editor[data-v-1bda0776] .cm-activeLine {
113
113
  background: color-mix(in srgb, var(--rs-primary) 4%, transparent) !important;
114
114
  }
115
- .rs-code-block__editor[data-v-227d5b66] .cm-activeLineGutter {
115
+ .rs-code-block__editor[data-v-1bda0776] .cm-activeLineGutter {
116
116
  background: color-mix(in srgb, var(--rs-primary) 6%, transparent) !important;
117
117
  }
118
- .rs-code-block__editor[data-v-227d5b66] .cm-scroller {
118
+ .rs-code-block__editor[data-v-1bda0776] .cm-scroller {
119
119
  font-family: var(--rs-code-font-family, var(--rs-font-mono));
120
120
  font-size: var(--rs-code-font-size, var(--rs-font-size-sm));
121
121
  line-height: var(--rs-code-line-height, var(--rs-line-height-relaxed));
122
122
  }
123
- .rs-code-block[data-v-227d5b66]:not(.rs-code-block--editable) .cm-cursor {
123
+ .rs-code-block[data-v-1bda0776]:not(.rs-code-block--editable) .cm-cursor {
124
124
  display: none;
125
125
  }
126
- .rs-code-block__editor[data-v-227d5b66] .cm-editor.cm-focused {
126
+ .rs-code-block__editor[data-v-1bda0776] .cm-editor.cm-focused {
127
127
  outline: none;
128
128
  box-shadow: 0 0 0 var(--rs-focus-ring-width, 2px) var(--rs-focus-ring);
129
129
  }
130
- .rs-code-block__editor[data-v-227d5b66] .cm-selectionBackground {
130
+ .rs-code-block__editor[data-v-1bda0776] .cm-selectionBackground {
131
131
  background: color-mix(in srgb, var(--rs-primary) 22%, transparent) !important;
132
132
  }
133
- .rs-code-block__editor[data-v-227d5b66] .cm-focused .cm-selectionBackground {
133
+ .rs-code-block__editor[data-v-1bda0776] .cm-focused .cm-selectionBackground {
134
134
  background: color-mix(in srgb, var(--rs-primary) 28%, transparent) !important;
135
135
  }
136
- .rs-code-block__editor[data-v-227d5b66] .cm-rs-code-line--highlight {
136
+ .rs-code-block__editor[data-v-1bda0776] .cm-rs-code-line--highlight {
137
137
  background-color: var(--rs-code-block-highlight, color-mix(in srgb, var(--rs-primary) 14%, transparent));
138
138
  }
139
139
  @media (prefers-reduced-motion: reduce) {
140
- .rs-code-block__copy[data-v-227d5b66] {
140
+ .rs-code-block__copy[data-v-1bda0776] {
141
141
  transition: none;
142
142
  }
143
143
  }
@@ -136,7 +136,7 @@ var RsCodeBlock_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
136
136
  extensions: [
137
137
  basicSetup,
138
138
  wrapCompartment.of(props.wordWrap ? EditorView.lineWrapping : []),
139
- editableCompartment.of(EditorView.editable.of(props.editable)),
139
+ editableCompartment.of(props.editable ? [] : [EditorState.readOnly.of(true)]),
140
140
  ...langExts,
141
141
  codeBlockHighlightExtension(),
142
142
  themeCompartment.of(dark ? [oneDark] : []),
@@ -187,7 +187,7 @@ var RsCodeBlock_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
187
187
  initEditor();
188
188
  });
189
189
  watch(() => props.editable, (editable) => {
190
- view.value?.dispatch({ effects: editableCompartment.reconfigure(EditorView.editable.of(editable)) });
190
+ view.value?.dispatch({ effects: editableCompartment.reconfigure(editable ? [] : [EditorState.readOnly.of(true)]) });
191
191
  });
192
192
  watch(() => props.wordWrap, (wrap) => {
193
193
  view.value?.dispatch({ effects: wrapCompartment.reconfigure(wrap ? EditorView.lineWrapping : []) });
@@ -3,6 +3,6 @@ import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_exp
3
3
  import RsCodeBlock_vue_vue_type_script_setup_true_lang_default from "./RsCodeBlock.impl.js";
4
4
 
5
5
  //#region src/components/code-block/src/RsCodeBlock.vue
6
- var RsCodeBlock_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsCodeBlock_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-227d5b66"]]);
6
+ var RsCodeBlock_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsCodeBlock_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-1bda0776"]]);
7
7
  //#endregion
8
8
  export { RsCodeBlock_default as default };
@@ -13,10 +13,13 @@
13
13
  width: max-content;
14
14
  padding: var(--rs-ctx-pad);
15
15
  border-radius: var(--rs-ctx-radius);
16
- border: 0.5px solid var(--rs-ctx-border);
16
+ border: 1px solid var(--rs-ctx-border);
17
17
  background: var(--rs-ctx-bg);
18
18
  box-shadow: var(--rs-ctx-shadow);
19
19
  color: var(--rs-ctx-fg);
20
+ font-family: var(--rs-font-sans);
21
+ font-size: var(--rs-ctx-font-size);
22
+ line-height: var(--rs-line-height-tight);
20
23
  outline: none;
21
24
  overflow-x: hidden;
22
25
  overflow-y: auto;
@@ -39,7 +42,7 @@
39
42
  transform-origin: bottom right;
40
43
  }
41
44
  .rs-context-menu__content[data-placed] {
42
- animation: rs-ctx-in var(--rs-ctx-motion-in) cubic-bezier(0.36, 0.07, 0.19, 0.97);
45
+ animation: rs-ctx-in var(--rs-ctx-motion-in) ease-out;
43
46
  }
44
47
  .rs-context-menu__sub-content[data-placed] {
45
48
  animation: rs-ctx-sub-in var(--rs-ctx-motion-sub) ease-out;
@@ -89,7 +92,7 @@ to {
89
92
  width: 100%;
90
93
  box-sizing: border-box;
91
94
  margin: 0;
92
- padding: 0 8px 0 0;
95
+ padding: 0 0.625rem 0 0;
93
96
  min-height: var(--rs-ctx-item-height);
94
97
  border: 0;
95
98
  border-radius: var(--rs-ctx-item-radius);
@@ -105,6 +108,9 @@ to {
105
108
  appearance: none;
106
109
  outline: none;
107
110
  user-select: none;
111
+ transition:
112
+ background-color 0.08s ease-out,
113
+ color 0.08s ease-out;
108
114
  }
109
115
  .rs-context-menu__icon-cell {
110
116
  flex-shrink: 0;
@@ -135,11 +141,10 @@ to {
135
141
  }
136
142
  .rs-context-menu__shortcut {
137
143
  flex-shrink: 0;
138
- margin-inline-start: 16px;
139
- font-size: var(--rs-ctx-font-size);
144
+ margin-inline-start: 1.75rem;
145
+ font-size: var(--rs-font-size-xs);
140
146
  font-weight: var(--rs-font-weight-regular);
141
147
  color: var(--rs-ctx-muted);
142
- letter-spacing: 0.02em;
143
148
  font-family: var(--rs-font-sans);
144
149
  }
145
150
  .rs-context-menu__arrow {
@@ -166,8 +171,7 @@ to {
166
171
  color: var(--rs-ctx-item-active-muted);
167
172
  }
168
173
  .rs-context-menu__item:focus-visible {
169
- outline: var(--rs-focus-ring-width, 2px) solid var(--rs-focus-ring);
170
- outline-offset: -2px;
174
+ outline: none;
171
175
  }
172
176
  .rs-context-menu__item--danger {
173
177
  color: var(--rs-ctx-danger);
@@ -175,28 +179,24 @@ to {
175
179
  .rs-context-menu__item--danger .rs-context-menu__icon-cell {
176
180
  color: var(--rs-ctx-danger);
177
181
  }
178
- .rs-context-menu__item--danger[data-highlighted],
179
- .rs-context-menu__item--danger[data-state='open'] {
180
- background: var(--rs-ctx-danger);
181
- color: var(--rs-ctx-item-active-fg);
182
- }
183
- .rs-context-menu__item--danger[data-highlighted] .rs-context-menu__icon-cell,
184
- .rs-context-menu__item--danger[data-state='open'] .rs-context-menu__icon-cell {
185
- color: var(--rs-ctx-item-active-muted);
186
- }
187
182
  .rs-context-menu__item[data-disabled] {
188
183
  opacity: var(--rs-ctx-disabled-opacity);
189
184
  cursor: not-allowed;
190
185
  }
186
+ @media (prefers-reduced-motion: reduce) {
187
+ .rs-context-menu__item {
188
+ transition: none;
189
+ }
190
+ }
191
191
  .rs-context-menu__separator {
192
192
  height: 1px;
193
- margin: 5px 0;
193
+ margin: 4px 0.375rem;
194
194
  border: 0;
195
195
  background: var(--rs-ctx-separator);
196
196
  }
197
197
  .rs-context-menu__group {
198
198
  margin: 0;
199
- padding: 6px 8px 2px;
199
+ padding: 0.375rem 0.75rem 0.125rem var(--rs-ctx-icon-col);
200
200
  font-size: var(--rs-font-size-xs);
201
201
  line-height: 1.2;
202
202
  color: var(--rs-ctx-muted);
@@ -66,17 +66,17 @@ type __VLS_ModelProps = {
66
66
  type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
67
67
  declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, RsDatePickerExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
68
68
  change: (value: RsDatePickerModelValue) => any;
69
+ clear: () => any;
69
70
  blur: () => any;
70
71
  focus: () => any;
71
- clear: () => any;
72
72
  "update:modelValue": (value: RsDatePickerModelValue) => any;
73
73
  openChange: (open: boolean) => any;
74
74
  "update:open": (value: boolean) => any;
75
75
  }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
76
76
  onChange?: ((value: RsDatePickerModelValue) => any) | undefined;
77
+ onClear?: (() => any) | undefined;
77
78
  onBlur?: (() => any) | undefined;
78
79
  onFocus?: (() => any) | undefined;
79
- onClear?: (() => any) | undefined;
80
80
  "onUpdate:modelValue"?: ((value: RsDatePickerModelValue) => any) | undefined;
81
81
  onOpenChange?: ((open: boolean) => any) | undefined;
82
82
  "onUpdate:open"?: ((value: boolean) => any) | undefined;
@@ -48,17 +48,17 @@ type __VLS_ModelProps = {
48
48
  type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
49
49
  declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, RsDatePickerExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
50
50
  change: (value: RsDatePickerModelValue) => any;
51
+ clear: () => any;
51
52
  blur: () => any;
52
53
  focus: () => any;
53
- clear: () => any;
54
54
  "update:modelValue": (value: RsDatePickerModelValue) => any;
55
55
  openChange: (open: boolean) => any;
56
56
  "update:open": (value: boolean) => any;
57
57
  }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
58
58
  onChange?: ((value: RsDatePickerModelValue) => any) | undefined;
59
+ onClear?: (() => any) | undefined;
59
60
  onBlur?: (() => any) | undefined;
60
61
  onFocus?: (() => any) | undefined;
61
- onClear?: (() => any) | undefined;
62
62
  "onUpdate:modelValue"?: ((value: RsDatePickerModelValue) => any) | undefined;
63
63
  onOpenChange?: ((open: boolean) => any) | undefined;
64
64
  "onUpdate:open"?: ((value: boolean) => any) | undefined;
@@ -1,22 +1,22 @@
1
1
 
2
- .rs-confirm-dialog[data-v-2c82ddba] {
2
+ .rs-confirm-dialog[data-v-0da3ba25] {
3
3
  display: contents;
4
4
  }
5
- .rs-confirm-dialog__anchor[data-v-2c82ddba] {
5
+ .rs-confirm-dialog__anchor[data-v-0da3ba25] {
6
6
  display: none;
7
7
  }
8
- .rs-confirm-dialog__backdrop[data-v-2c82ddba] {
8
+ .rs-confirm-dialog__backdrop[data-v-0da3ba25] {
9
9
  position: fixed;
10
10
  inset: 0;
11
11
  z-index: var(--rs-z-modal);
12
12
  background: transparent;
13
13
  }
14
- .rs-confirm-dialog__overlay[data-v-2c82ddba] {
14
+ .rs-confirm-dialog__overlay[data-v-0da3ba25] {
15
15
  background: var(--rs-dialog-overlay-bg);
16
16
  backdrop-filter: blur(var(--rs-dialog-overlay-blur)) saturate(120%);
17
17
  -webkit-backdrop-filter: blur(var(--rs-dialog-overlay-blur)) saturate(120%);
18
18
  }
19
- .rs-confirm-dialog__content[data-v-2c82ddba] {
19
+ .rs-confirm-dialog__content[data-v-0da3ba25] {
20
20
  position: fixed;
21
21
  left: 50%;
22
22
  top: calc(
@@ -39,26 +39,26 @@
39
39
  box-shadow: var(--rs-dialog-shadow);
40
40
  outline: none;
41
41
  }
42
- .rs-confirm-dialog__content[data-v-2c82ddba]:focus-visible {
42
+ .rs-confirm-dialog__content[data-v-0da3ba25]:focus-visible {
43
43
  box-shadow:
44
44
  var(--rs-dialog-shadow),
45
45
  0 0 0 var(--rs-focus-ring-width) var(--rs-focus-ring);
46
46
  }
47
- .rs-confirm-dialog__content--sm[data-v-2c82ddba] {
47
+ .rs-confirm-dialog__content--sm[data-v-0da3ba25] {
48
48
  max-width: 24rem;
49
49
  }
50
- .rs-confirm-dialog__content--md[data-v-2c82ddba] {
50
+ .rs-confirm-dialog__content--md[data-v-0da3ba25] {
51
51
  max-width: 32rem;
52
52
  }
53
- .rs-confirm-dialog__content--lg[data-v-2c82ddba] {
53
+ .rs-confirm-dialog__content--lg[data-v-0da3ba25] {
54
54
  max-width: 42rem;
55
55
  }
56
- [data-rs-theme='light'] .rs-confirm-dialog__content[data-v-2c82ddba] {
56
+ [data-rs-theme='light'] .rs-confirm-dialog__content[data-v-0da3ba25] {
57
57
  background: color-mix(in srgb, var(--rs-dialog-bg) 94%, transparent);
58
58
  backdrop-filter: blur(24px) saturate(180%);
59
59
  -webkit-backdrop-filter: blur(24px) saturate(180%);
60
60
  }
61
- .rs-confirm-dialog__icon[data-v-2c82ddba] {
61
+ .rs-confirm-dialog__icon[data-v-0da3ba25] {
62
62
  display: inline-flex;
63
63
  align-items: center;
64
64
  justify-content: center;
@@ -68,47 +68,47 @@
68
68
  border-radius: var(--rs-radius);
69
69
  font-weight: var(--rs-font-weight-bold);
70
70
  }
71
- .rs-confirm-dialog__icon-glyph[data-v-2c82ddba] {
71
+ .rs-confirm-dialog__icon-glyph[data-v-0da3ba25] {
72
72
  width: 1.25rem;
73
73
  height: 1.25rem;
74
74
  display: block;
75
75
  }
76
- .rs-confirm-dialog__icon--danger[data-v-2c82ddba] {
76
+ .rs-confirm-dialog__icon--danger[data-v-0da3ba25] {
77
77
  background: var(--rs-danger-container);
78
78
  color: var(--rs-on-danger-container);
79
79
  }
80
- .rs-confirm-dialog__icon--warning[data-v-2c82ddba] {
80
+ .rs-confirm-dialog__icon--warning[data-v-0da3ba25] {
81
81
  background: var(--rs-warning-container);
82
82
  color: var(--rs-on-warning-container);
83
83
  }
84
- .rs-confirm-dialog__icon--success[data-v-2c82ddba] {
84
+ .rs-confirm-dialog__icon--success[data-v-0da3ba25] {
85
85
  background: var(--rs-success-container);
86
86
  color: var(--rs-on-success-container);
87
87
  }
88
- .rs-confirm-dialog__icon--info[data-v-2c82ddba],
89
- .rs-confirm-dialog__icon--default[data-v-2c82ddba] {
88
+ .rs-confirm-dialog__icon--info[data-v-0da3ba25],
89
+ .rs-confirm-dialog__icon--default[data-v-0da3ba25] {
90
90
  background: var(--rs-info-container);
91
91
  color: var(--rs-on-info-container);
92
92
  }
93
- .rs-confirm-dialog__main[data-v-2c82ddba] {
93
+ .rs-confirm-dialog__main[data-v-0da3ba25] {
94
94
  min-width: 0;
95
95
  flex: 1;
96
96
  }
97
- .rs-confirm-dialog__title[data-v-2c82ddba] {
97
+ .rs-confirm-dialog__title[data-v-0da3ba25] {
98
98
  margin: 0;
99
99
  font-size: var(--rs-font-size-base);
100
100
  font-weight: var(--rs-font-weight-semibold);
101
101
  letter-spacing: -0.01em;
102
102
  color: var(--rs-dialog-title-fg);
103
103
  }
104
- .rs-confirm-dialog__subtitle[data-v-2c82ddba] {
104
+ .rs-confirm-dialog__subtitle[data-v-0da3ba25] {
105
105
  margin: var(--rs-space-xs) 0 0;
106
106
  color: var(--rs-dialog-description-fg);
107
107
  font-size: var(--rs-font-size-sm);
108
108
  line-height: var(--rs-line-height-normal);
109
109
  opacity: 0.85;
110
110
  }
111
- .rs-confirm-dialog__description[data-v-2c82ddba] {
111
+ .rs-confirm-dialog__description[data-v-0da3ba25] {
112
112
  margin: var(--rs-space-sm) 0 0;
113
113
  color: var(--rs-dialog-description-fg);
114
114
  font-size: var(--rs-font-size-sm);
@@ -116,11 +116,11 @@
116
116
  white-space: pre-wrap;
117
117
  overflow-wrap: anywhere;
118
118
  }
119
- .rs-confirm-dialog__extra[data-v-2c82ddba] {
119
+ .rs-confirm-dialog__extra[data-v-0da3ba25] {
120
120
  margin-top: var(--rs-space-md);
121
121
  min-width: 0;
122
122
  }
123
- .rs-confirm-dialog__footer[data-v-2c82ddba] {
123
+ .rs-confirm-dialog__footer[data-v-0da3ba25] {
124
124
  display: flex;
125
125
  justify-content: flex-end;
126
126
  flex-wrap: wrap;
@@ -132,12 +132,12 @@
132
132
  border-block-start: 1px solid color-mix(in srgb, var(--rs-dialog-separator) 72%, transparent);
133
133
  }
134
134
  @media (prefers-reduced-motion: reduce) {
135
- [data-rs-theme='light'] .rs-confirm-dialog__content[data-v-2c82ddba] {
135
+ [data-rs-theme='light'] .rs-confirm-dialog__content[data-v-0da3ba25] {
136
136
  backdrop-filter: none;
137
137
  -webkit-backdrop-filter: none;
138
138
  background: var(--rs-dialog-bg);
139
139
  }
140
- .rs-confirm-dialog__overlay[data-v-2c82ddba] {
140
+ .rs-confirm-dialog__overlay[data-v-0da3ba25] {
141
141
  backdrop-filter: none;
142
142
  -webkit-backdrop-filter: none;
143
143
  }
@@ -353,12 +353,12 @@ var RsConfirmDialog_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
353
353
  hidden: "",
354
354
  class: "rs-confirm-dialog__anchor",
355
355
  "aria-hidden": "true"
356
- }, null, 512), (openBlock(), createBlock(Teleport, {
356
+ }, null, 512), open.value ? (openBlock(), createBlock(Teleport, {
357
+ key: 0,
357
358
  defer: "",
358
359
  to: teleportTarget.value,
359
360
  disabled: teleportDisabled.value
360
- }, [open.value ? (openBlock(), createElementBlock("div", {
361
- key: 0,
361
+ }, [createElementVNode("div", {
362
362
  ref_key: "shellRef",
363
363
  ref: shellRef,
364
364
  class: "rs-confirm-dialog",
@@ -429,7 +429,7 @@ var RsConfirmDialog_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
429
429
  "loading",
430
430
  "disabled"
431
431
  ])])
432
- ])], 14, _hoisted_2)], 8, _hoisted_1)) : createCommentVNode("", true)], 8, ["to", "disabled"]))], 64);
432
+ ])], 14, _hoisted_2)], 8, _hoisted_1)], 8, ["to", "disabled"])) : createCommentVNode("", true)], 64);
433
433
  };
434
434
  }
435
435
  });
@@ -3,6 +3,6 @@ import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_exp
3
3
  import RsConfirmDialog_vue_vue_type_script_setup_true_lang_default from "./RsConfirmDialog.impl.js";
4
4
 
5
5
  //#region src/components/dialog/src/RsConfirmDialog.vue
6
- var RsConfirmDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsConfirmDialog_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-2c82ddba"]]);
6
+ var RsConfirmDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsConfirmDialog_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-0da3ba25"]]);
7
7
  //#endregion
8
8
  export { RsConfirmDialog_default as default };