straw-ui-vue 0.1.21 → 0.1.22

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 (135) hide show
  1. package/dist/components/st-cascade/index.d.ts +3 -11
  2. package/dist/components/st-cascade/st-cascade-panel.d.ts +2 -5
  3. package/dist/components/st-cascade/st-cascade.d.ts +2 -7
  4. package/dist/components/st-cascade/types.d.ts +10 -0
  5. package/dist/components/st-checkbox/useCheckboxGroupState.d.ts +2 -0
  6. package/dist/components/st-color-picker/index.d.ts +94 -12
  7. package/dist/components/st-color-picker/st-color-picker-panel.d.ts +9 -2
  8. package/dist/components/st-color-picker/st-color-picker.d.ts +9 -2
  9. package/dist/components/st-color-picker/types.d.ts +16 -0
  10. package/dist/components/st-date-picker/index.d.ts +85 -19
  11. package/dist/components/st-date-picker/st-date-picker-panel.d.ts +9 -4
  12. package/dist/components/st-date-picker/st-date-picker.d.ts +2 -5
  13. package/dist/components/st-date-picker/types.d.ts +18 -4
  14. package/dist/components/st-datetime-picker/index.d.ts +89 -19
  15. package/dist/components/st-datetime-picker/st-datetime-picker-panel.d.ts +9 -4
  16. package/dist/components/st-datetime-picker/st-datetime-picker.d.ts +2 -5
  17. package/dist/components/st-datetime-picker/types.d.ts +18 -4
  18. package/dist/components/st-dialog/useDialogState.d.ts +2 -0
  19. package/dist/components/st-divider/useDividerState.d.ts +2 -0
  20. package/dist/components/st-drawer/useDrawerState.d.ts +2 -0
  21. package/dist/components/st-empty/types.d.ts +5 -0
  22. package/dist/components/st-form-control/types.d.ts +6 -8
  23. package/dist/components/st-form-description/index.d.ts +1 -3
  24. package/dist/components/st-form-description/st-form-description.d.ts +2 -5
  25. package/dist/components/st-form-description/types.d.ts +5 -0
  26. package/dist/components/st-form-field/index.d.ts +1 -11
  27. package/dist/components/st-form-field/st-form-field.d.ts +2 -9
  28. package/dist/components/st-form-field/types.d.ts +5 -6
  29. package/dist/components/st-form-item/index.d.ts +1 -3
  30. package/dist/components/st-form-item/st-form-item.d.ts +2 -5
  31. package/dist/components/st-form-item/types.d.ts +6 -8
  32. package/dist/components/st-form-label/index.d.ts +1 -3
  33. package/dist/components/st-form-label/st-form-label.d.ts +2 -5
  34. package/dist/components/st-form-label/types.d.ts +5 -0
  35. package/dist/components/st-form-message/index.d.ts +1 -3
  36. package/dist/components/st-form-message/st-form-message.d.ts +2 -5
  37. package/dist/components/st-form-message/types.d.ts +5 -0
  38. package/dist/components/st-input/index.d.ts +1863 -607
  39. package/dist/components/st-input/st-input-group-input.d.ts +9 -2
  40. package/dist/components/st-input/st-input-group-textarea.d.ts +9 -2
  41. package/dist/components/st-input/st-input-number.d.ts +10 -3
  42. package/dist/components/st-input/st-input.d.ts +165 -57
  43. package/dist/components/st-input/st-textarea.d.ts +167 -57
  44. package/dist/components/st-input/types.d.ts +50 -0
  45. package/dist/components/st-label/index.d.ts +1 -3
  46. package/dist/components/st-label/st-label.d.ts +2 -5
  47. package/dist/components/st-label/types.d.ts +5 -0
  48. package/dist/components/st-menu/index.d.ts +14 -82
  49. package/dist/components/st-menu/st-menu-content.d.ts +1 -6
  50. package/dist/components/st-menu/st-menu-divider.d.ts +1 -4
  51. package/dist/components/st-menu/st-menu-group.d.ts +0 -4
  52. package/dist/components/st-menu/st-menu-item.d.ts +0 -4
  53. package/dist/components/st-menu/st-menu-trigger.d.ts +1 -6
  54. package/dist/components/st-menu/types.d.ts +54 -0
  55. package/dist/components/st-menu/useMenuState.d.ts +60 -0
  56. package/dist/components/st-pagination/index.d.ts +1 -7
  57. package/dist/components/st-pagination/st-pagination.d.ts +2 -9
  58. package/dist/components/st-popover/index.d.ts +17 -47
  59. package/dist/components/st-popover/st-popover-arrow.d.ts +1 -8
  60. package/dist/components/st-popover/st-popover-content.d.ts +0 -6
  61. package/dist/components/st-popover/st-popover-trigger.d.ts +0 -6
  62. package/dist/components/st-popover/st-popover.d.ts +11 -12
  63. package/dist/components/st-popover/types.d.ts +45 -14
  64. package/dist/components/st-popover/usePopoverState.d.ts +62 -0
  65. package/dist/components/st-progress/index.d.ts +1 -5
  66. package/dist/components/st-progress/st-progress.d.ts +2 -7
  67. package/dist/components/st-progress/types.d.ts +5 -0
  68. package/dist/components/st-radio/useRadioGroupState.d.ts +2 -0
  69. package/dist/components/st-scrollbar/index.d.ts +1 -3
  70. package/dist/components/st-scrollbar/st-scrollbar.d.ts +2 -5
  71. package/dist/components/st-scrollbar/types.d.ts +0 -6
  72. package/dist/components/st-segmented/index.d.ts +43 -8
  73. package/dist/components/st-segmented/st-segmented.d.ts +9 -2
  74. package/dist/components/st-select/index.d.ts +19 -93
  75. package/dist/components/st-select/st-select-content.d.ts +1 -8
  76. package/dist/components/st-select/st-select-empty.d.ts +1 -8
  77. package/dist/components/st-select/st-select-group.d.ts +1 -8
  78. package/dist/components/st-select/st-select-item.d.ts +0 -6
  79. package/dist/components/st-select/st-select-trigger.d.ts +6 -12
  80. package/dist/components/st-select/st-select.d.ts +2 -7
  81. package/dist/components/st-select/types.d.ts +68 -0
  82. package/dist/components/st-select/useSelectState.d.ts +55 -0
  83. package/dist/components/st-sidebar/index.d.ts +13 -3
  84. package/dist/components/st-sidebar/st-sidebar.d.ts +5 -1
  85. package/dist/components/st-sidebar/useSidebarState.d.ts +2 -0
  86. package/dist/components/st-sidebar-item/index.d.ts +13 -3
  87. package/dist/components/st-sidebar-item/st-sidebar-item.d.ts +5 -1
  88. package/dist/components/st-skeleton/index.d.ts +3 -11
  89. package/dist/components/st-skeleton/st-skeleton-item.d.ts +2 -5
  90. package/dist/components/st-skeleton/st-skeleton.d.ts +2 -7
  91. package/dist/components/st-skeleton/types.d.ts +10 -6
  92. package/dist/components/st-slider/index.d.ts +1 -17
  93. package/dist/components/st-slider/st-slider.d.ts +2 -19
  94. package/dist/components/st-slider/types.d.ts +8 -0
  95. package/dist/components/st-splitter/index.d.ts +14 -6
  96. package/dist/components/st-splitter/st-splitter.d.ts +7 -6
  97. package/dist/components/st-splitter/useSplitter.d.ts +0 -8
  98. package/dist/components/st-splitter/useSplitterState.d.ts +2 -0
  99. package/dist/components/st-splitter-panel/index.d.ts +6 -3
  100. package/dist/components/st-splitter-panel/st-splitter-panel.d.ts +4 -5
  101. package/dist/components/st-tabs/index.d.ts +26 -6
  102. package/dist/components/st-tabs/st-tabs-pane.d.ts +5 -1
  103. package/dist/components/st-tabs/useTabsState.d.ts +12 -0
  104. package/dist/components/st-tag/index.d.ts +1 -20
  105. package/dist/components/st-tag/st-tag.d.ts +3 -13
  106. package/dist/components/st-tag/types.d.ts +40 -51
  107. package/dist/components/st-time-picker/index.d.ts +102 -14
  108. package/dist/components/st-time-picker/st-time-picker-panel.d.ts +9 -2
  109. package/dist/components/st-time-picker/st-time-picker.d.ts +9 -2
  110. package/dist/components/st-time-picker/types.d.ts +18 -6
  111. package/dist/components/st-toggle/index.d.ts +15 -13
  112. package/dist/components/st-toggle/st-toggle.d.ts +11 -10
  113. package/dist/components/st-tooltip/index.d.ts +27 -352
  114. package/dist/components/st-tooltip/st-tooltip.d.ts +14 -10
  115. package/dist/components/st-tooltip/types.d.ts +10 -97
  116. package/dist/components/st-tree/index.d.ts +48 -73
  117. package/dist/components/st-tree/st-tree-node.d.ts +9 -2
  118. package/dist/components/st-tree/st-tree.d.ts +15 -69
  119. package/dist/components/st-tree/types.d.ts +6 -1
  120. package/dist/components/st-tree/useTreeStyleState.d.ts +2 -0
  121. package/dist/directive/v-intersection.d.ts +3 -15
  122. package/dist/directive/v-resize.d.ts +3 -15
  123. package/dist/dist--ubF9h1Q.js +335 -0
  124. package/dist/global.d.ts +0 -3
  125. package/dist/index.d.ts +2 -8
  126. package/dist/straw-ui.js +3767 -4269
  127. package/dist/useDialogState-Cs1mp3-Y.js +5 -0
  128. package/dist/utils/device.d.ts +20 -21
  129. package/dist/utils/z-index.d.ts +9 -39
  130. package/package.json +5 -5
  131. package/dist/components/st-tooltip/st-tooltip-container.d.ts +0 -44
  132. package/dist/components/st-tooltip/st-tooltip-content.d.ts +0 -30
  133. package/dist/components/st-tooltip/st-tooltip-trigger.d.ts +0 -23
  134. package/dist/context-B_FwxbY6.js +0 -4
  135. package/dist/utils/id.d.ts +0 -4
@@ -1,19 +1,25 @@
1
1
  export declare const StTooltip: {
2
- new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types.d.ts').StTooltipProps> & Readonly<{
3
- "onUpdate:visible"?: (value: boolean) => any;
2
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types.d.ts').StTooltipProps & {
3
+ visible?: boolean;
4
+ }> & Readonly<{
5
+ "onUpdate:visible"?: (...args: unknown[]) => any;
4
6
  onVisibleChange?: (value: boolean) => any;
5
7
  }>, import('./types.d.ts').StTooltipExpose, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
6
- "update:visible": (value: boolean) => any;
8
+ "update:visible": (...args: unknown[]) => any;
7
9
  visibleChange: (value: boolean) => any;
8
10
  }, import('vue').PublicProps, {
9
11
  content: string;
10
12
  disabled: boolean;
11
13
  contentClass: any;
12
14
  contentStyle: import('vue').StyleValue;
15
+ openDelay: number;
16
+ closeDelay: number;
13
17
  placement: import('./types.d.ts').StTooltipPlacement;
14
18
  trigger: import('./types.d.ts').StTooltipTrigger;
15
19
  offset: number;
16
20
  visible: boolean;
21
+ triggerClass: any;
22
+ triggerStyle: import('vue').StyleValue;
17
23
  arrowClass: any;
18
24
  arrowStyle: import('vue').StyleValue;
19
25
  }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
@@ -23,386 +29,55 @@ export declare const StTooltip: {
23
29
  C: {};
24
30
  M: {};
25
31
  Defaults: {};
26
- }, Readonly<import('./types.d.ts').StTooltipProps> & Readonly<{
27
- "onUpdate:visible"?: (value: boolean) => any;
32
+ }, Readonly<import('./types.d.ts').StTooltipProps & {
33
+ visible?: boolean;
34
+ }> & Readonly<{
35
+ "onUpdate:visible"?: (...args: unknown[]) => any;
28
36
  onVisibleChange?: (value: boolean) => any;
29
37
  }>, import('./types.d.ts').StTooltipExpose, {}, {}, {}, {
30
38
  content: string;
31
39
  disabled: boolean;
32
40
  contentClass: any;
33
41
  contentStyle: import('vue').StyleValue;
42
+ openDelay: number;
43
+ closeDelay: number;
34
44
  placement: import('./types.d.ts').StTooltipPlacement;
35
45
  trigger: import('./types.d.ts').StTooltipTrigger;
36
46
  offset: number;
37
47
  visible: boolean;
48
+ triggerClass: any;
49
+ triggerStyle: import('vue').StyleValue;
38
50
  arrowClass: any;
39
51
  arrowStyle: import('vue').StyleValue;
40
52
  }>;
41
53
  __isFragment?: never;
42
54
  __isTeleport?: never;
43
55
  __isSuspense?: never;
44
- } & import('vue').ComponentOptionsBase<Readonly<import('./types.d.ts').StTooltipProps> & Readonly<{
45
- "onUpdate:visible"?: (value: boolean) => any;
56
+ } & import('vue').ComponentOptionsBase<Readonly<import('./types.d.ts').StTooltipProps & {
57
+ visible?: boolean;
58
+ }> & Readonly<{
59
+ "onUpdate:visible"?: (...args: unknown[]) => any;
46
60
  onVisibleChange?: (value: boolean) => any;
47
61
  }>, import('./types.d.ts').StTooltipExpose, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
48
- "update:visible": (value: boolean) => any;
62
+ "update:visible": (...args: unknown[]) => any;
49
63
  visibleChange: (value: boolean) => any;
50
64
  }, string, {
51
65
  content: string;
52
66
  disabled: boolean;
53
67
  contentClass: any;
54
68
  contentStyle: import('vue').StyleValue;
69
+ openDelay: number;
70
+ closeDelay: number;
55
71
  placement: import('./types.d.ts').StTooltipPlacement;
56
72
  trigger: import('./types.d.ts').StTooltipTrigger;
57
73
  offset: number;
58
74
  visible: boolean;
75
+ triggerClass: any;
76
+ triggerStyle: import('vue').StyleValue;
59
77
  arrowClass: any;
60
78
  arrowStyle: import('vue').StyleValue;
61
79
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
62
- $slots: {
63
- default?: (props: {}) => any;
64
- } & {
65
- content?: (props: {}) => any;
66
- };
67
- }) & {
68
- StTooltipContainer: {
69
- new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
70
- open?: boolean;
71
- defaultOpen?: boolean;
72
- openDelay?: number;
73
- closeDelay?: number;
74
- placement?: import('./types.d.ts').StTooltipPlacement;
75
- trigger?: "hover" | "click" | "focus" | "contextmenu" | "manual";
76
- }> & Readonly<{
77
- "onUpdate:open"?: (value: boolean) => any;
78
- }>, {
79
- show: () => void;
80
- hide: () => void;
81
- toggle: () => void;
82
- visible: import('vue').WritableComputedRef<boolean, boolean>;
83
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
84
- "update:open": (value: boolean) => any;
85
- }, import('vue').PublicProps, {
86
- open: boolean;
87
- defaultOpen: boolean;
88
- openDelay: number;
89
- closeDelay: number;
90
- placement: import('./types.d.ts').StTooltipPlacement;
91
- trigger: "hover" | "click" | "focus" | "contextmenu" | "manual";
92
- }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
93
- P: {};
94
- B: {};
95
- D: {};
96
- C: {};
97
- M: {};
98
- Defaults: {};
99
- }, Readonly<{
100
- open?: boolean;
101
- defaultOpen?: boolean;
102
- openDelay?: number;
103
- closeDelay?: number;
104
- placement?: import('./types.d.ts').StTooltipPlacement;
105
- trigger?: "hover" | "click" | "focus" | "contextmenu" | "manual";
106
- }> & Readonly<{
107
- "onUpdate:open"?: (value: boolean) => any;
108
- }>, {
109
- show: () => void;
110
- hide: () => void;
111
- toggle: () => void;
112
- visible: import('vue').WritableComputedRef<boolean, boolean>;
113
- }, {}, {}, {}, {
114
- open: boolean;
115
- defaultOpen: boolean;
116
- openDelay: number;
117
- closeDelay: number;
118
- placement: import('./types.d.ts').StTooltipPlacement;
119
- trigger: "hover" | "click" | "focus" | "contextmenu" | "manual";
120
- }>;
121
- __isFragment?: never;
122
- __isTeleport?: never;
123
- __isSuspense?: never;
124
- } & import('vue').ComponentOptionsBase<Readonly<{
125
- open?: boolean;
126
- defaultOpen?: boolean;
127
- openDelay?: number;
128
- closeDelay?: number;
129
- placement?: import('./types.d.ts').StTooltipPlacement;
130
- trigger?: "hover" | "click" | "focus" | "contextmenu" | "manual";
131
- }> & Readonly<{
132
- "onUpdate:open"?: (value: boolean) => any;
133
- }>, {
134
- show: () => void;
135
- hide: () => void;
136
- toggle: () => void;
137
- visible: import('vue').WritableComputedRef<boolean, boolean>;
138
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
139
- "update:open": (value: boolean) => any;
140
- }, string, {
141
- open: boolean;
142
- defaultOpen: boolean;
143
- openDelay: number;
144
- closeDelay: number;
145
- placement: import('./types.d.ts').StTooltipPlacement;
146
- trigger: "hover" | "click" | "focus" | "contextmenu" | "manual";
147
- }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
148
- $slots: {
149
- default?: (props: {}) => any;
150
- };
151
- });
152
- StTooltipContent: {
153
- new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
154
- class?: any;
155
- style?: any;
156
- showArrow?: boolean;
157
- arrowClass?: any;
158
- arrowStyle?: any;
159
- }> & Readonly<{}>, {
160
- contentRef: import('vue').Ref<HTMLElement, HTMLElement>;
161
- calculatePosition: () => Promise<void>;
162
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
163
- showArrow: boolean;
164
- }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
165
- P: {};
166
- B: {};
167
- D: {};
168
- C: {};
169
- M: {};
170
- Defaults: {};
171
- }, Readonly<{
172
- class?: any;
173
- style?: any;
174
- showArrow?: boolean;
175
- arrowClass?: any;
176
- arrowStyle?: any;
177
- }> & Readonly<{}>, {
178
- contentRef: import('vue').Ref<HTMLElement, HTMLElement>;
179
- calculatePosition: () => Promise<void>;
180
- }, {}, {}, {}, {
181
- showArrow: boolean;
182
- }>;
183
- __isFragment?: never;
184
- __isTeleport?: never;
185
- __isSuspense?: never;
186
- } & import('vue').ComponentOptionsBase<Readonly<{
187
- class?: any;
188
- style?: any;
189
- showArrow?: boolean;
190
- arrowClass?: any;
191
- arrowStyle?: any;
192
- }> & Readonly<{}>, {
193
- contentRef: import('vue').Ref<HTMLElement, HTMLElement>;
194
- calculatePosition: () => Promise<void>;
195
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
196
- showArrow: boolean;
197
- }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
198
- $slots: {
199
- default?: (props: {}) => any;
200
- };
201
- });
202
- StTooltipTrigger: {
203
- new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
204
- class?: any;
205
- style?: any;
206
- asChild?: boolean;
207
- }> & Readonly<{}>, {
208
- triggerRef: import('vue').Ref<HTMLElement, HTMLElement>;
209
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
210
- P: {};
211
- B: {};
212
- D: {};
213
- C: {};
214
- M: {};
215
- Defaults: {};
216
- }, Readonly<{
217
- class?: any;
218
- style?: any;
219
- asChild?: boolean;
220
- }> & Readonly<{}>, {
221
- triggerRef: import('vue').Ref<HTMLElement, HTMLElement>;
222
- }, {}, {}, {}, {}>;
223
- __isFragment?: never;
224
- __isTeleport?: never;
225
- __isSuspense?: never;
226
- } & import('vue').ComponentOptionsBase<Readonly<{
227
- class?: any;
228
- style?: any;
229
- asChild?: boolean;
230
- }> & Readonly<{}>, {
231
- triggerRef: import('vue').Ref<HTMLElement, HTMLElement>;
232
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
233
- $slots: {
234
- default?: (props: {}) => any;
235
- };
236
- });
237
- };
238
- export declare const StTooltipContainer: {
239
- new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
240
- open?: boolean;
241
- defaultOpen?: boolean;
242
- openDelay?: number;
243
- closeDelay?: number;
244
- placement?: import('./types.d.ts').StTooltipPlacement;
245
- trigger?: "hover" | "click" | "focus" | "contextmenu" | "manual";
246
- }> & Readonly<{
247
- "onUpdate:open"?: (value: boolean) => any;
248
- }>, {
249
- show: () => void;
250
- hide: () => void;
251
- toggle: () => void;
252
- visible: import('vue').WritableComputedRef<boolean, boolean>;
253
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
254
- "update:open": (value: boolean) => any;
255
- }, import('vue').PublicProps, {
256
- open: boolean;
257
- defaultOpen: boolean;
258
- openDelay: number;
259
- closeDelay: number;
260
- placement: import('./types.d.ts').StTooltipPlacement;
261
- trigger: "hover" | "click" | "focus" | "contextmenu" | "manual";
262
- }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
263
- P: {};
264
- B: {};
265
- D: {};
266
- C: {};
267
- M: {};
268
- Defaults: {};
269
- }, Readonly<{
270
- open?: boolean;
271
- defaultOpen?: boolean;
272
- openDelay?: number;
273
- closeDelay?: number;
274
- placement?: import('./types.d.ts').StTooltipPlacement;
275
- trigger?: "hover" | "click" | "focus" | "contextmenu" | "manual";
276
- }> & Readonly<{
277
- "onUpdate:open"?: (value: boolean) => any;
278
- }>, {
279
- show: () => void;
280
- hide: () => void;
281
- toggle: () => void;
282
- visible: import('vue').WritableComputedRef<boolean, boolean>;
283
- }, {}, {}, {}, {
284
- open: boolean;
285
- defaultOpen: boolean;
286
- openDelay: number;
287
- closeDelay: number;
288
- placement: import('./types.d.ts').StTooltipPlacement;
289
- trigger: "hover" | "click" | "focus" | "contextmenu" | "manual";
290
- }>;
291
- __isFragment?: never;
292
- __isTeleport?: never;
293
- __isSuspense?: never;
294
- } & import('vue').ComponentOptionsBase<Readonly<{
295
- open?: boolean;
296
- defaultOpen?: boolean;
297
- openDelay?: number;
298
- closeDelay?: number;
299
- placement?: import('./types.d.ts').StTooltipPlacement;
300
- trigger?: "hover" | "click" | "focus" | "contextmenu" | "manual";
301
- }> & Readonly<{
302
- "onUpdate:open"?: (value: boolean) => any;
303
- }>, {
304
- show: () => void;
305
- hide: () => void;
306
- toggle: () => void;
307
- visible: import('vue').WritableComputedRef<boolean, boolean>;
308
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
309
- "update:open": (value: boolean) => any;
310
- }, string, {
311
- open: boolean;
312
- defaultOpen: boolean;
313
- openDelay: number;
314
- closeDelay: number;
315
- placement: import('./types.d.ts').StTooltipPlacement;
316
- trigger: "hover" | "click" | "focus" | "contextmenu" | "manual";
317
- }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
318
- $slots: {
319
- default?: (props: {}) => any;
320
- };
321
- });
322
- export declare const StTooltipContent: {
323
- new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
324
- class?: any;
325
- style?: any;
326
- showArrow?: boolean;
327
- arrowClass?: any;
328
- arrowStyle?: any;
329
- }> & Readonly<{}>, {
330
- contentRef: import('vue').Ref<HTMLElement, HTMLElement>;
331
- calculatePosition: () => Promise<void>;
332
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
333
- showArrow: boolean;
334
- }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
335
- P: {};
336
- B: {};
337
- D: {};
338
- C: {};
339
- M: {};
340
- Defaults: {};
341
- }, Readonly<{
342
- class?: any;
343
- style?: any;
344
- showArrow?: boolean;
345
- arrowClass?: any;
346
- arrowStyle?: any;
347
- }> & Readonly<{}>, {
348
- contentRef: import('vue').Ref<HTMLElement, HTMLElement>;
349
- calculatePosition: () => Promise<void>;
350
- }, {}, {}, {}, {
351
- showArrow: boolean;
352
- }>;
353
- __isFragment?: never;
354
- __isTeleport?: never;
355
- __isSuspense?: never;
356
- } & import('vue').ComponentOptionsBase<Readonly<{
357
- class?: any;
358
- style?: any;
359
- showArrow?: boolean;
360
- arrowClass?: any;
361
- arrowStyle?: any;
362
- }> & Readonly<{}>, {
363
- contentRef: import('vue').Ref<HTMLElement, HTMLElement>;
364
- calculatePosition: () => Promise<void>;
365
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
366
- showArrow: boolean;
367
- }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
368
- $slots: {
369
- default?: (props: {}) => any;
370
- };
371
- });
372
- export declare const StTooltipTrigger: {
373
- new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
374
- class?: any;
375
- style?: any;
376
- asChild?: boolean;
377
- }> & Readonly<{}>, {
378
- triggerRef: import('vue').Ref<HTMLElement, HTMLElement>;
379
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
380
- P: {};
381
- B: {};
382
- D: {};
383
- C: {};
384
- M: {};
385
- Defaults: {};
386
- }, Readonly<{
387
- class?: any;
388
- style?: any;
389
- asChild?: boolean;
390
- }> & Readonly<{}>, {
391
- triggerRef: import('vue').Ref<HTMLElement, HTMLElement>;
392
- }, {}, {}, {}, {}>;
393
- __isFragment?: never;
394
- __isTeleport?: never;
395
- __isSuspense?: never;
396
- } & import('vue').ComponentOptionsBase<Readonly<{
397
- class?: any;
398
- style?: any;
399
- asChild?: boolean;
400
- }> & Readonly<{}>, {
401
- triggerRef: import('vue').Ref<HTMLElement, HTMLElement>;
402
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
403
- $slots: {
404
- default?: (props: {}) => any;
405
- };
80
+ $slots: import('./types.d.ts').StTooltipSlots;
406
81
  });
407
82
  export default StTooltip;
408
83
  export type * from './types.d.ts';
@@ -1,25 +1,29 @@
1
- import { StTooltipExpose, StTooltipProps } from './types.d.ts';
2
- declare var __VLS_22: {}, __VLS_30: {};
3
- type __VLS_Slots = {} & {
4
- default?: (props: typeof __VLS_22) => any;
5
- } & {
6
- content?: (props: typeof __VLS_30) => any;
1
+ import { StTooltipExpose, StTooltipProps, StTooltipSlots } from './types.d.ts';
2
+ type __VLS_Props = StTooltipProps;
3
+ type __VLS_Slots = StTooltipSlots;
4
+ type __VLS_ModelProps = {
5
+ 'visible'?: boolean;
7
6
  };
8
- declare const __VLS_base: import('vue').DefineComponent<StTooltipProps, StTooltipExpose, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
9
- "update:visible": (value: boolean) => any;
7
+ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
8
+ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, StTooltipExpose, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
9
+ "update:visible": (...args: unknown[]) => any;
10
10
  visibleChange: (value: boolean) => any;
11
- }, string, import('vue').PublicProps, Readonly<StTooltipProps> & Readonly<{
12
- "onUpdate:visible"?: (value: boolean) => any;
11
+ }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
12
+ "onUpdate:visible"?: (...args: unknown[]) => any;
13
13
  onVisibleChange?: (value: boolean) => any;
14
14
  }>, {
15
15
  content: string;
16
16
  disabled: boolean;
17
17
  contentClass: any;
18
18
  contentStyle: import('vue').StyleValue;
19
+ openDelay: number;
20
+ closeDelay: number;
19
21
  placement: import('./types.d.ts').StTooltipPlacement;
20
22
  trigger: import('./types.d.ts').StTooltipTrigger;
21
23
  offset: number;
22
24
  visible: boolean;
25
+ triggerClass: any;
26
+ triggerStyle: import('vue').StyleValue;
23
27
  arrowClass: any;
24
28
  arrowStyle: import('vue').StyleValue;
25
29
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -7,110 +7,15 @@ import type { StPopoverPlacement, StPopoverTrigger } from '../st-popover/types.d
7
7
  * focus: 聚焦触发
8
8
  * hover: 悬停触发
9
9
  * contextmenu: 右键菜单触发
10
+ * manual: 手动触发
10
11
  * */
11
12
  export type StTooltipTrigger = StPopoverTrigger;
12
13
 
13
14
  /**
14
15
  * Tooltip 弹出方向类型
15
- * top-left: 上方左侧对齐
16
- * top-center: 上方居中对齐
17
- * top-right: 上方右侧对齐
18
- * bottom-left: 下方左侧对齐
19
- * bottom-center: 下方居中对齐
20
- * bottom-right: 下方右侧对齐
21
- * left-top: 左侧顶部对齐
22
- * left-center: 左侧居中对齐
23
- * left-bottom: 左侧底部对齐
24
- * right-top: 右侧顶部对齐
25
- * right-center: 右侧居中对齐
26
- * right-bottom: 右侧底部对齐
27
16
  * */
28
17
  export type StTooltipPlacement = StPopoverPlacement;
29
18
 
30
- /**
31
- * Tooltip 容器组件属性接口
32
- * */
33
- export interface StTooltipContainerProps {
34
- /** 受控模式下的显示状态 */
35
- open?: boolean;
36
- /** 非受控模式下的默认显示状态 */
37
- defaultOpen?: boolean;
38
- /** 显示延迟时间(毫秒) */
39
- openDelay?: number;
40
- /** 隐藏延迟时间(毫秒) */
41
- closeDelay?: number;
42
- /** 弹出方向 */
43
- placement?: StTooltipPlacement;
44
- }
45
-
46
- /**
47
- * Tooltip 容器组件事件接口
48
- * */
49
- export interface StTooltipContainerEmits {
50
- /** 更新显示状态事件 */
51
- 'update:open': [value: boolean];
52
- }
53
-
54
- /**
55
- * Tooltip 容器组件暴露的方法接口
56
- * */
57
- export interface StTooltipContainerExpose {
58
- /** 显示提示 */
59
- show: () => void;
60
- /** 隐藏提示 */
61
- hide: () => void;
62
- /** 切换显示状态 */
63
- toggle: () => void;
64
- /** 当前显示状态 */
65
- visible: { value: boolean };
66
- }
67
-
68
- /**
69
- * StTooltipTrigger 触发器组件属性接口
70
- * */
71
- export interface StTooltipTriggerProps {
72
- /** 自定义类名 */
73
- class?: ClassValue;
74
- /** 自定义样式 */
75
- style?: StyleValue;
76
- /** 是否作为子元素渲染(不添加额外包装元素) */
77
- asChild?: boolean;
78
- }
79
-
80
- /**
81
- * StTooltipTrigger 触发器组件暴露的方法接口
82
- * */
83
- export interface StTooltipTriggerExpose {
84
- /** 触发器元素引用 */
85
- triggerRef: { value: HTMLElement | null };
86
- }
87
-
88
- /**
89
- * TooltipContent 内容组件属性接口
90
- * */
91
- export interface StTooltipContentProps {
92
- /** 自定义类名 */
93
- class?: ClassValue;
94
- /** 自定义样式 */
95
- style?: StyleValue;
96
- /** 是否显示箭头 */
97
- showArrow?: boolean;
98
- /** 箭头自定义类名 */
99
- arrowClass?: ClassValue;
100
- /** 箭头自定义样式 */
101
- arrowStyle?: StyleValue;
102
- }
103
-
104
- /**
105
- * TooltipContent 内容组件暴露的方法接口
106
- * */
107
- export interface StTooltipContentExpose {
108
- /** 内容元素引用 */
109
- contentRef: { value: HTMLElement | null };
110
- /** 计算位置方法 */
111
- calculatePosition: () => Promise<void>;
112
- }
113
-
114
19
  /**
115
20
  * StTooltip 封装组件属性接口
116
21
  * */
@@ -125,7 +30,7 @@ export interface StTooltipProps {
125
30
  visible?: boolean;
126
31
  /** 提示内容 */
127
32
  content?: string;
128
- /** 偏移距离 */
33
+ /** 偏移距离(与触发元素间距),默认 8 */
129
34
  offset?: number;
130
35
  /** 内容区域自定义类名 */
131
36
  contentClass?: ClassValue;
@@ -135,6 +40,14 @@ export interface StTooltipProps {
135
40
  arrowClass?: ClassValue;
136
41
  /** 箭头自定义样式 */
137
42
  arrowStyle?: StyleValue;
43
+ /** 触发元素自定义类名 */
44
+ triggerClass?: ClassValue;
45
+ /** 触发元素自定义样式 */
46
+ triggerStyle?: StyleValue;
47
+ /** 显示延迟(毫秒),默认 150 */
48
+ openDelay?: number;
49
+ /** 隐藏延迟(毫秒),默认 200 */
50
+ closeDelay?: number;
138
51
  }
139
52
 
140
53
  /**