@pixelium/web-vue 0.0.1-beta

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 (141) hide show
  1. package/README.md +27 -0
  2. package/README.zh.md +27 -0
  3. package/dist/font.css +1 -0
  4. package/dist/fusion-pixel-12px-proportional-zh_hans.ttf.woff2 +0 -0
  5. package/dist/icon-hn.d.ts +454 -0
  6. package/dist/index.d.ts +748 -0
  7. package/dist/pixelium-vue-icon-hn.cjs +1 -0
  8. package/dist/pixelium-vue-icon-hn.css +1 -0
  9. package/dist/pixelium-vue-icon-hn.js +8154 -0
  10. package/dist/pixelium-vue-icon-hn.umd.cjs +1 -0
  11. package/dist/pixelium-vue.cjs +1 -0
  12. package/dist/pixelium-vue.css +1 -0
  13. package/dist/pixelium-vue.js +1673 -0
  14. package/dist/pixelium-vue.umd.cjs +1 -0
  15. package/es/aside/css.js +2 -0
  16. package/es/aside/index.css +25 -0
  17. package/es/aside/index.d.ts +17 -0
  18. package/es/aside/index.js +106 -0
  19. package/es/aside/type.d.ts +29 -0
  20. package/es/button/css.js +2 -0
  21. package/es/button/draw.d.ts +9 -0
  22. package/es/button/draw.js +326 -0
  23. package/es/button/index.css +379 -0
  24. package/es/button/index.d.ts +25 -0
  25. package/es/button/index.js +309 -0
  26. package/es/button/type.d.ts +78 -0
  27. package/es/button-group/css.js +2 -0
  28. package/es/button-group/index.css +14 -0
  29. package/es/button-group/index.d.ts +18 -0
  30. package/es/button-group/index.js +59 -0
  31. package/es/button-group/type.d.ts +40 -0
  32. package/es/col/css.js +2 -0
  33. package/es/col/index.css +178 -0
  34. package/es/col/index.d.ts +16 -0
  35. package/es/col/index.js +60 -0
  36. package/es/col/type.d.ts +20 -0
  37. package/es/container/css.js +2 -0
  38. package/es/container/index.css +14 -0
  39. package/es/container/index.d.ts +13 -0
  40. package/es/container/index.js +33 -0
  41. package/es/container/type.d.ts +14 -0
  42. package/es/divider/css.js +2 -0
  43. package/es/divider/index.css +53 -0
  44. package/es/divider/index.d.ts +6 -0
  45. package/es/divider/index.js +55 -0
  46. package/es/divider/type.d.ts +22 -0
  47. package/es/footer/css.js +2 -0
  48. package/es/footer/index.css +17 -0
  49. package/es/footer/index.d.ts +15 -0
  50. package/es/footer/index.js +42 -0
  51. package/es/footer/type.d.ts +24 -0
  52. package/es/grid/css.js +2 -0
  53. package/es/grid/index.css +3 -0
  54. package/es/grid/index.d.ts +23 -0
  55. package/es/grid/index.js +73 -0
  56. package/es/grid/type.d.ts +26 -0
  57. package/es/grid-item/css.js +2 -0
  58. package/es/grid-item/index.css +0 -0
  59. package/es/grid-item/index.d.ts +15 -0
  60. package/es/grid-item/index.js +119 -0
  61. package/es/grid-item/type.d.ts +20 -0
  62. package/es/header/css.js +2 -0
  63. package/es/header/index.css +17 -0
  64. package/es/header/index.d.ts +15 -0
  65. package/es/header/index.js +42 -0
  66. package/es/header/type.d.ts +24 -0
  67. package/es/icon/css.js +2 -0
  68. package/es/icon/index.css +8 -0
  69. package/es/icon/index.d.ts +19 -0
  70. package/es/icon/index.js +57 -0
  71. package/es/icon/type.d.ts +34 -0
  72. package/es/icons/css.js +2 -0
  73. package/es/icons/icon-hn.css +12 -0
  74. package/es/icons/icon-hn.d.ts +454 -0
  75. package/es/icons/icon-hn.js +15988 -0
  76. package/es/index.css +501 -0
  77. package/es/index.d.ts +35 -0
  78. package/es/index.js +63 -0
  79. package/es/link/css.js +2 -0
  80. package/es/link/index.css +176 -0
  81. package/es/link/index.d.ts +15 -0
  82. package/es/link/index.js +104 -0
  83. package/es/link/type.d.ts +52 -0
  84. package/es/main/css.js +2 -0
  85. package/es/main/index.css +8 -0
  86. package/es/main/index.d.ts +12 -0
  87. package/es/main/index.js +17 -0
  88. package/es/main/type.d.ts +7 -0
  89. package/es/message/css.js +2 -0
  90. package/es/message/index.css +120 -0
  91. package/es/message/index.d.ts +14 -0
  92. package/es/message/index.js +376 -0
  93. package/es/message/type.d.ts +38 -0
  94. package/es/message-box/css.js +2 -0
  95. package/es/message-box/index.d.ts +7 -0
  96. package/es/message-box/index.js +107 -0
  97. package/es/message-box/message-box-wrapped.d.ts +11 -0
  98. package/es/message-box/message-box-wrapped.js +47 -0
  99. package/es/message-box/message-box.css +50 -0
  100. package/es/message-box/message-box.d.ts +13 -0
  101. package/es/message-box/message-box.js +110 -0
  102. package/es/message-box/type.d.ts +99 -0
  103. package/es/row/css.js +2 -0
  104. package/es/row/index.css +36 -0
  105. package/es/row/index.d.ts +25 -0
  106. package/es/row/index.js +72 -0
  107. package/es/row/type.d.ts +36 -0
  108. package/es/share/const/index.d.ts +11 -0
  109. package/es/share/const/index.js +21 -0
  110. package/es/share/hook/use-dark-mode.d.ts +1 -0
  111. package/es/share/hook/use-dark-mode.js +60 -0
  112. package/es/share/hook/use-index-of-children.d.ts +1 -0
  113. package/es/share/hook/use-index-of-children.js +58 -0
  114. package/es/share/hook/use-resize-observer.d.ts +3 -0
  115. package/es/share/hook/use-resize-observer.js +21 -0
  116. package/es/share/hook/use-screen-width.d.ts +2 -0
  117. package/es/share/hook/use-screen-width.js +38 -0
  118. package/es/share/hook/use-theme-mode.d.ts +2 -0
  119. package/es/share/hook/use-theme-mode.js +45 -0
  120. package/es/share/type/index.d.ts +13 -0
  121. package/es/share/type/shim.d.ts +6 -0
  122. package/es/share/util/color.d.ts +5 -0
  123. package/es/share/util/color.js +167 -0
  124. package/es/share/util/console.d.ts +5 -0
  125. package/es/share/util/console.js +9 -0
  126. package/es/share/util/env.d.ts +1 -0
  127. package/es/share/util/env.js +6 -0
  128. package/es/share/util/lru-cache.d.ts +8 -0
  129. package/es/share/util/lru-cache.js +35 -0
  130. package/es/share/util/plot.d.ts +12 -0
  131. package/es/share/util/plot.js +79 -0
  132. package/es/share/util/render.d.ts +22 -0
  133. package/es/share/util/render.js +47 -0
  134. package/es/share/util/theme.d.ts +4 -0
  135. package/es/share/util/theme.js +41 -0
  136. package/es/space/css.js +2 -0
  137. package/es/space/index.css +76 -0
  138. package/es/space/index.d.ts +12 -0
  139. package/es/space/index.js +99 -0
  140. package/es/space/type.d.ts +42 -0
  141. package/package.json +78 -0
@@ -0,0 +1,748 @@
1
+ // Generated by dts-bundle-generator v9.5.1
2
+
3
+ import { App, VNode } from 'vue';
4
+ import { JSX } from 'vue/jsx-runtime';
5
+
6
+ declare enum SCREEN_SIZE_TYPE {
7
+ XS = "xs",
8
+ SM = "sm",
9
+ MD = "md",
10
+ LG = "lg",
11
+ XL = "xl",
12
+ XXL = "xxl"
13
+ }
14
+ export type NumberOrPercentage = number | `${number}%`;
15
+ export type ValidContent = string | (() => VNode | string | JSX.Element);
16
+ export type ValidVNodeContent = () => VNode | JSX.Element;
17
+ export type ValueWithDeviceWidth<T> = Record<SCREEN_SIZE_TYPE, T>;
18
+ export type ButtonProps = {
19
+ /**
20
+ * @property {NumberOrPercentage | NumberOrPercentage[]} [borderRadius]
21
+ * @version 0.0.0-beta
22
+ */
23
+ borderRadius?: NumberOrPercentage | NumberOrPercentage[];
24
+ /**
25
+ * @property {'default' | 'round' | 'circle' | 'square'} [shape='default']
26
+ * @version 0.0.0-beta
27
+ */
28
+ shape?: "default" | "round" | "circle" | "square";
29
+ /**
30
+ * @property {'medium' | 'large' | 'small'} [size='medium']
31
+ * @version 0.0.0-beta
32
+ */
33
+ size?: "medium" | "large" | "small";
34
+ /**
35
+ * @property {boolean} [disabled=false]
36
+ * @version 0.0.0-beta
37
+ */
38
+ disabled?: boolean;
39
+ /**
40
+ * @property {boolean} [loading=false]
41
+ * @version 0.0.0-beta
42
+ */
43
+ loading?: boolean;
44
+ /**
45
+ * @property {'primary' | 'plain' | 'text' | 'outline'} [variant='primary']
46
+ * @version 0.0.0-beta
47
+ */
48
+ variant?: "primary" | "plain" | "text" | "outline";
49
+ /**
50
+ * @property {'primary' | 'sakura' | 'success' | 'warning' | 'danger' | 'info'} [theme='primary']
51
+ * @version 0.0.0-beta
52
+ */
53
+ theme?: "primary" | "sakura" | "success" | "warning" | "danger" | "info";
54
+ /**
55
+ * @property {string} [color]
56
+ * @version 0.0.0-beta
57
+ */
58
+ color?: string;
59
+ /**
60
+ * @property {boolean} [block=false]
61
+ * @version 0.0.0-beta
62
+ */
63
+ block?: boolean;
64
+ /**
65
+ * @property {'button' | 'submit' | 'reset'} [nativeType='button']
66
+ * @version 0.0.0-beta
67
+ */
68
+ nativeType?: "button" | "submit" | "reset";
69
+ /**
70
+ * @property {boolean} [autofocus=false]
71
+ * @version 0.0.0-beta
72
+ */
73
+ autofocus?: boolean;
74
+ };
75
+ declare var __VLS_6: {}, __VLS_8: {};
76
+ export type __VLS_Slots = {} & {
77
+ icon?: (props: typeof __VLS_6) => any;
78
+ } & {
79
+ default?: (props: typeof __VLS_8) => any;
80
+ };
81
+ declare const __VLS_component: import("vue").DefineComponent<ButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonProps> & Readonly<{}>, {
82
+ shape: "default" | "round" | "circle" | "square";
83
+ size: "medium" | "large" | "small";
84
+ disabled: boolean;
85
+ loading: boolean;
86
+ variant: "primary" | "plain" | "text" | "outline";
87
+ theme: "primary" | "sakura" | "success" | "warning" | "danger" | "info";
88
+ block: boolean;
89
+ nativeType: "button" | "submit" | "reset";
90
+ autofocus: boolean;
91
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
92
+ declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
93
+ export type __VLS_WithSlots<T, S> = T & {
94
+ new (): {
95
+ $slots: S;
96
+ };
97
+ };
98
+ export type ButtonGroupProps = {
99
+ /**
100
+ * @property {NumberOrPercentage | NumberOrPercentage[]} [borderRadius]
101
+ * @version 0.0.0-beta
102
+ */
103
+ borderRadius?: NumberOrPercentage | NumberOrPercentage[];
104
+ /**
105
+ * @property {'default' | 'round'} [shape='default']
106
+ * @version 0.0.0-beta
107
+ */
108
+ shape?: "default" | "round";
109
+ /**
110
+ * @property {'medium' | 'large' | 'small'} [size='medium']
111
+ * @version 0.0.0-beta
112
+ */
113
+ size?: "medium" | "large" | "small";
114
+ /**
115
+ * @property {boolean} [disabled=false]
116
+ * @version 0.0.0-beta
117
+ */
118
+ disabled?: boolean;
119
+ /**
120
+ * @property {boolean} [loading=false]
121
+ * @version 0.0.0-beta
122
+ */
123
+ loading?: boolean;
124
+ /**
125
+ * @property {'primary' | 'plain' | 'text' | 'outline'} [variant='primary']
126
+ * @version 0.0.0-beta
127
+ */
128
+ variant?: "primary" | "plain" | "text" | "outline";
129
+ };
130
+ declare var __VLS_1: {};
131
+ type __VLS_Slots$1 = {} & {
132
+ default?: (props: typeof __VLS_1) => any;
133
+ };
134
+ declare const __VLS_component$1: import("vue").DefineComponent<ButtonGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonGroupProps> & Readonly<{}>, {
135
+ shape: "default" | "round";
136
+ size: "medium" | "large" | "small";
137
+ disabled: boolean;
138
+ variant: "primary" | "plain" | "text" | "outline";
139
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
140
+ declare const _default$1: __VLS_WithSlots$1<typeof __VLS_component$1, __VLS_Slots$1>;
141
+ type __VLS_WithSlots$1<T, S> = T & {
142
+ new (): {
143
+ $slots: S;
144
+ };
145
+ };
146
+ export type LinkProps = {
147
+ /**
148
+ * @property {boolean} [disabled]
149
+ * @version 0.0.0-beta
150
+ */
151
+ disabled?: boolean;
152
+ /**
153
+ * @property {boolean} [loading]
154
+ * @version 0.0.0-beta
155
+ */
156
+ loading?: boolean;
157
+ /**
158
+ * @property {'primary' | 'sakura' | 'success' | 'warning' | 'danger' | 'info'} [theme='primary']
159
+ * @version 0.0.0-beta
160
+ */
161
+ theme?: "primary" | "sakura" | "success" | "warning" | "danger" | "info";
162
+ /**
163
+ * @property {string} [color]
164
+ * @version 0.0.0-beta
165
+ */
166
+ color?: string;
167
+ /**
168
+ * @property {string} [href]
169
+ * @version 0.0.0-beta
170
+ */
171
+ href?: string;
172
+ /**
173
+ * @property {string} [target]
174
+ * @version 0.0.0-beta
175
+ */
176
+ target?: string;
177
+ };
178
+ declare var __VLS_6$1: {}, __VLS_8$1: {};
179
+ type __VLS_Slots$2 = {} & {
180
+ icon?: (props: typeof __VLS_6$1) => any;
181
+ } & {
182
+ default?: (props: typeof __VLS_8$1) => any;
183
+ };
184
+ declare const __VLS_component$2: import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
185
+ declare const _default$2: __VLS_WithSlots$2<typeof __VLS_component$2, __VLS_Slots$2>;
186
+ type __VLS_WithSlots$2<T, S> = T & {
187
+ new (): {
188
+ $slots: S;
189
+ };
190
+ };
191
+ export type MessageProps = {
192
+ /**
193
+ * @property {ValidContent} [content]
194
+ * @version 0.0.0-beta
195
+ */
196
+ content?: ValidContent;
197
+ /**
198
+ * @property {ValidVNodeContent} [icon]
199
+ * @version 0.0.0-beta
200
+ */
201
+ icon?: ValidVNodeContent;
202
+ /**
203
+ * @property {number} [duration=3000]
204
+ * @version 0.0.0-beta
205
+ */
206
+ duration?: number;
207
+ /**
208
+ * @property {number | string | symbol} [id]
209
+ * @version 0.0.0-beta
210
+ */
211
+ id?: number | string | symbol;
212
+ /**
213
+ * @property {'info' | 'success' | 'warning' | 'error' | 'loading' | 'normal' | 'sakura'} [type='normal']
214
+ * @version 0.0.0-beta
215
+ */
216
+ type?: "info" | "success" | "warning" | "error" | "loading" | "normal" | "sakura";
217
+ /**
218
+ * @property {string} [color]
219
+ * @version 0.0.0-beta
220
+ */
221
+ color?: string;
222
+ /**
223
+ * @property {boolean} [closable=false]
224
+ * @version 0.0.0-beta
225
+ */
226
+ closable?: boolean;
227
+ };
228
+ export type MessageOptions = {
229
+ /**
230
+ * @property {ValidContent} [content]
231
+ * @version 0.0.0-beta
232
+ */
233
+ content?: ValidContent;
234
+ /**
235
+ * @property {ValidVNodeContent} [icon]
236
+ * @version 0.0.0-beta
237
+ */
238
+ icon?: ValidVNodeContent;
239
+ /**
240
+ * @property {number} [duration=3000]
241
+ * @version 0.0.0-beta
242
+ */
243
+ duration?: number;
244
+ /**
245
+ * @property {'info' | 'success' | 'warning' | 'error' | 'loading' | 'normal' | 'sakura'} [type='normal']
246
+ * @version 0.0.0-beta
247
+ */
248
+ type?: MessageProps["type"];
249
+ /**
250
+ * @property {string} [color]
251
+ * @version 0.0.0-beta
252
+ */
253
+ color?: string;
254
+ /**
255
+ * @property {boolean} [closable=false]
256
+ * @version 0.0.0-beta
257
+ */
258
+ closable?: boolean;
259
+ /**
260
+ * @property {'top' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight'} [position='top']
261
+ * @version 0.0.0-beta
262
+ */
263
+ position?: MessageBoxProps["position"];
264
+ /**
265
+ * @property {string | HTMLElement} [root='body']
266
+ * @version 0.0.0-beta
267
+ */
268
+ root?: string | HTMLElement;
269
+ };
270
+ export type MessageReturn = {
271
+ /**
272
+ * @property {() => void} close
273
+ * @version 0.0.0-beta
274
+ */
275
+ close: () => void;
276
+ /**
277
+ * @property {() => void} clear
278
+ * @version 0.0.0-beta
279
+ */
280
+ clear: () => void;
281
+ };
282
+ export type MessageBoxProps = {
283
+ /**
284
+ * @property {MessageProps[]} messages
285
+ * @version 0.0.0-beta
286
+ */
287
+ messages: MessageProps[];
288
+ /**
289
+ * @property {'top' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight'} [position='top']
290
+ * @version 0.0.0-beta
291
+ */
292
+ position?: "top" | "bottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight";
293
+ /**
294
+ * @property {number} [zIndex=3000]
295
+ * @version 0.0.0-beta
296
+ */
297
+ zIndex?: number;
298
+ /**
299
+ * @property {string | HTMLElement} [root='body']
300
+ * @version 0.0.0-beta
301
+ */
302
+ root?: string | HTMLElement;
303
+ };
304
+ export type MessageBoxExpose = {
305
+ /**
306
+ * @property {(id: number | string | symbol) => void} close
307
+ * @version 0.0.0-beta
308
+ */
309
+ close: (id: number | string | symbol) => void;
310
+ };
311
+ export type __VLS_Props = MessageBoxProps & {
312
+ "onUpdate:messages": (value: MessageProps[]) => any;
313
+ onClose: (id: string | number | symbol) => any;
314
+ };
315
+ declare const _default$3: import("vue").DefineComponent<__VLS_Props, MessageBoxExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
316
+ zIndex: number;
317
+ root: string | HTMLElement;
318
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
319
+ export type MessageFunction = (options: ValidContent | MessageOptions) => MessageReturn & {
320
+ [key in MessageOptions["type"] & string]: (options: Omit<MessageOptions, "type"> | string) => MessageReturn;
321
+ };
322
+ declare const message: MessageFunction;
323
+ export type RowProps = {
324
+ /**
325
+ * @property {number | { x?: number; y?: number } | Value4DeviceWidth<number | { x?: number; y?: number }>} [gutter=0]
326
+ * @version 0.0.0-beta
327
+ */
328
+ gutter?: number | {
329
+ x?: number;
330
+ y?: number;
331
+ } | ValueWithDeviceWidth<number | {
332
+ x?: number;
333
+ y?: number;
334
+ }>;
335
+ /**
336
+ * @property {'start' | 'center' | 'end' | 'space-around' | 'space-between' | 'space-evenly'} [justify='start']
337
+ * @version 0.0.0-beta
338
+ */
339
+ justify?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly";
340
+ /**
341
+ * @property {'start' | 'center' | 'end' | 'stretch'} [align='start']
342
+ * @version 0.0.0-beta
343
+ */
344
+ align?: "start" | "center" | "end" | "stretch";
345
+ /**
346
+ * @property {boolean} [wrap=true]
347
+ * @version 0.0.0-beta
348
+ */
349
+ wrap?: boolean;
350
+ };
351
+ declare var __VLS_1$1: {};
352
+ type __VLS_Slots$3 = {} & {
353
+ default?: (props: typeof __VLS_1$1) => any;
354
+ };
355
+ declare const __VLS_component$3: import("vue").DefineComponent<RowProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<RowProps> & Readonly<{}>, {
356
+ gutter: number | {
357
+ x?: number;
358
+ y?: number;
359
+ } | ValueWithDeviceWidth<number | {
360
+ x?: number;
361
+ y?: number;
362
+ }>;
363
+ justify: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly";
364
+ align: "start" | "center" | "end" | "stretch";
365
+ wrap: boolean;
366
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
367
+ declare const _default$4: __VLS_WithSlots$3<typeof __VLS_component$3, __VLS_Slots$3>;
368
+ type __VLS_WithSlots$3<T, S> = T & {
369
+ new (): {
370
+ $slots: S;
371
+ };
372
+ };
373
+ export type ColProps = {
374
+ /**
375
+ * @property {number | ValueWithDeviceWidth<number>} [offset=0]
376
+ * @version 0.0.0-beta
377
+ */
378
+ offset?: number | ValueWithDeviceWidth<number>;
379
+ /**
380
+ * @property {number | ValueWithDeviceWidth<number>} [span=24]
381
+ * @version 0.0.0-beta
382
+ */
383
+ span?: number | ValueWithDeviceWidth<number>;
384
+ };
385
+ declare var __VLS_1$2: {};
386
+ type __VLS_Slots$4 = {} & {
387
+ default?: (props: typeof __VLS_1$2) => any;
388
+ };
389
+ declare const __VLS_component$4: import("vue").DefineComponent<ColProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColProps> & Readonly<{}>, {
390
+ span: number | ValueWithDeviceWidth<number>;
391
+ offset: number | ValueWithDeviceWidth<number>;
392
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
393
+ declare const _default$5: __VLS_WithSlots$4<typeof __VLS_component$4, __VLS_Slots$4>;
394
+ type __VLS_WithSlots$4<T, S> = T & {
395
+ new (): {
396
+ $slots: S;
397
+ };
398
+ };
399
+ export type DividerProps = {
400
+ /**
401
+ * @property {'horizontal' | 'vertical'} [direction='horizontal']
402
+ * @version 0.0.0-beta
403
+ */
404
+ direction?: "horizontal" | "vertical";
405
+ /**
406
+ * @property {'solid' | 'dashed' | 'dotted' | 'double' | 'ridge' | 'groove'} [variant='solid']
407
+ * @version 0.0.0-beta
408
+ */
409
+ variant?: "solid" | "dashed" | "dotted" | "double" | "ridge" | "groove";
410
+ /**
411
+ * @property {number | string} [margin]
412
+ * @version 0.0.0-beta
413
+ */
414
+ margin?: number | string;
415
+ /**
416
+ * @property {number | string} [size]
417
+ * @version 0.0.0-beta
418
+ */
419
+ size?: number | string;
420
+ };
421
+ declare const _default$6: import("vue").DefineComponent<DividerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DividerProps> & Readonly<{}>, {
422
+ variant: "solid" | "dashed" | "dotted" | "double" | "ridge" | "groove";
423
+ direction: "horizontal" | "vertical";
424
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
425
+ export type SpaceProps = {
426
+ /**
427
+ * @property {'small' | 'medium' | 'large' | number | { x?: number; y?: number }} [margin='medium']
428
+ * @version 0.0.0-beta
429
+ */
430
+ margin?: "small" | "medium" | "large" | number | {
431
+ x?: number;
432
+ y?: number;
433
+ };
434
+ /**
435
+ * @property {'horizontal' | 'vertical'} [direction='horizontal']
436
+ * @version 0.0.0-beta
437
+ */
438
+ direction?: "horizontal" | "vertical";
439
+ /**
440
+ * @property {'start' | 'center' | 'end' | 'space-around' | 'space-between' | 'space-evenly'} [justify='start']
441
+ * @version 0.0.0-beta
442
+ */
443
+ justify?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly";
444
+ /**
445
+ * @property {'start' | 'center' | 'end' | 'stretch'} [align]
446
+ * @version 0.0.0-beta
447
+ */
448
+ align?: "start" | "center" | "end" | "stretch";
449
+ /**
450
+ * @property {boolean} [wrap=true]
451
+ * @version 0.0.0-beta
452
+ */
453
+ wrap?: boolean;
454
+ /**
455
+ * @property {boolean} [inline=false]
456
+ * @version 0.0.0-beta
457
+ */
458
+ inline?: boolean;
459
+ };
460
+ declare const _default$7: import("vue").DefineComponent<SpaceProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SpaceProps> & Readonly<{}>, {
461
+ justify: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly";
462
+ wrap: boolean;
463
+ direction: "horizontal" | "vertical";
464
+ margin: "small" | "medium" | "large" | number | {
465
+ x?: number;
466
+ y?: number;
467
+ };
468
+ inline: boolean;
469
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
470
+ export type GridProps = {
471
+ /**
472
+ * @property {number | ValueWithDeviceWidth<number>} [column=24]
473
+ * @version 0.0.0-beta
474
+ */
475
+ column?: number | ValueWithDeviceWidth<number>;
476
+ /**
477
+ * @property {number | { x?: number; y?: number } | Value4DeviceWidth<number | { x?: number; y?: number }>} [gutter=0]
478
+ * @version 0.0.0-beta
479
+ */
480
+ gutter?: number | {
481
+ x?: number;
482
+ y?: number;
483
+ } | ValueWithDeviceWidth<number | {
484
+ x?: number;
485
+ y?: number;
486
+ }>;
487
+ };
488
+ declare var __VLS_1$3: {};
489
+ type __VLS_Slots$5 = {} & {
490
+ default?: (props: typeof __VLS_1$3) => any;
491
+ };
492
+ declare const __VLS_component$5: import("vue").DefineComponent<GridProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<GridProps> & Readonly<{}>, {
493
+ gutter: number | {
494
+ x?: number;
495
+ y?: number;
496
+ } | ValueWithDeviceWidth<number | {
497
+ x?: number;
498
+ y?: number;
499
+ }>;
500
+ column: number | ValueWithDeviceWidth<number>;
501
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
502
+ declare const _default$8: __VLS_WithSlots$5<typeof __VLS_component$5, __VLS_Slots$5>;
503
+ type __VLS_WithSlots$5<T, S> = T & {
504
+ new (): {
505
+ $slots: S;
506
+ };
507
+ };
508
+ export type GridItemProps = {
509
+ /**
510
+ * @property {number | ValueWithDeviceWidth<number>} [offset=0]
511
+ * @version 0.0.0-beta
512
+ */
513
+ offset?: number | ValueWithDeviceWidth<number>;
514
+ /**
515
+ * @property {number | ValueWithDeviceWidth<number>} [span]
516
+ * @version 0.0.0-beta
517
+ */
518
+ span?: number | ValueWithDeviceWidth<number>;
519
+ };
520
+ declare var __VLS_1$4: {};
521
+ type __VLS_Slots$6 = {} & {
522
+ default?: (props: typeof __VLS_1$4) => any;
523
+ };
524
+ declare const __VLS_component$6: import("vue").DefineComponent<GridItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<GridItemProps> & Readonly<{}>, {
525
+ offset: number | ValueWithDeviceWidth<number>;
526
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
527
+ declare const _default$9: __VLS_WithSlots$6<typeof __VLS_component$6, __VLS_Slots$6>;
528
+ type __VLS_WithSlots$6<T, S> = T & {
529
+ new (): {
530
+ $slots: S;
531
+ };
532
+ };
533
+ export type ContainerProps = {
534
+ /**
535
+ * @property {'horizontal' | 'vertical'} [direction]
536
+ * @version 0.0.0-beta
537
+ */
538
+ direction?: "horizontal" | "vertical";
539
+ };
540
+ declare var __VLS_1$5: {};
541
+ type __VLS_Slots$7 = {} & {
542
+ default?: (props: typeof __VLS_1$5) => any;
543
+ };
544
+ declare const __VLS_component$7: import("vue").DefineComponent<ContainerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ContainerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
545
+ declare const _default$10: __VLS_WithSlots$7<typeof __VLS_component$7, __VLS_Slots$7>;
546
+ type __VLS_WithSlots$7<T, S> = T & {
547
+ new (): {
548
+ $slots: S;
549
+ };
550
+ };
551
+ declare var __VLS_1$6: {};
552
+ type __VLS_Slots$8 = {} & {
553
+ default?: (props: typeof __VLS_1$6) => any;
554
+ };
555
+ declare const __VLS_component$8: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
556
+ declare const _default$11: __VLS_WithSlots$8<typeof __VLS_component$8, __VLS_Slots$8>;
557
+ type __VLS_WithSlots$8<T, S> = T & {
558
+ new (): {
559
+ $slots: S;
560
+ };
561
+ };
562
+ export type AsideProps = {
563
+ /**
564
+ * @property {string | number} [width=300]
565
+ * @version 0.0.0-beta
566
+ */
567
+ width?: string | number;
568
+ /**
569
+ * @property {boolean} [bordered=false]
570
+ * @version 0.0.0-beta
571
+ */
572
+ bordered?: boolean;
573
+ /**
574
+ * @property {'left' | 'right'} [side='left']
575
+ * @version 0.0.0-beta
576
+ */
577
+ side?: "left" | "right";
578
+ /**
579
+ * @property {boolean} [dark=false]
580
+ * @version 0.0.0-beta
581
+ */
582
+ dark?: boolean;
583
+ };
584
+ declare var __VLS_1$7: {};
585
+ type __VLS_Slots$9 = {} & {
586
+ default?: (props: typeof __VLS_1$7) => any;
587
+ };
588
+ declare const __VLS_component$9: import("vue").DefineComponent<AsideProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AsideProps> & Readonly<{}>, {
589
+ dark: boolean;
590
+ bordered: boolean;
591
+ side: "left" | "right";
592
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
593
+ declare const _default$12: __VLS_WithSlots$9<typeof __VLS_component$9, __VLS_Slots$9>;
594
+ type __VLS_WithSlots$9<T, S> = T & {
595
+ new (): {
596
+ $slots: S;
597
+ };
598
+ };
599
+ export type HeaderProps = {
600
+ /**
601
+ * @property {string | number} [minHeight=64]
602
+ * @version 0.0.0-beta
603
+ */
604
+ minHeight?: string | number;
605
+ /**
606
+ * @property {boolean} [bordered=false]
607
+ * @version 0.0.0-beta
608
+ */
609
+ bordered?: boolean;
610
+ /**
611
+ * @property {boolean} [dark=false]
612
+ * @version 0.0.0-beta
613
+ */
614
+ dark?: boolean;
615
+ };
616
+ declare var __VLS_1$8: {};
617
+ type __VLS_Slots$10 = {} & {
618
+ default?: (props: typeof __VLS_1$8) => any;
619
+ };
620
+ declare const __VLS_component$10: import("vue").DefineComponent<HeaderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<HeaderProps> & Readonly<{}>, {
621
+ dark: boolean;
622
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
623
+ declare const _default$13: __VLS_WithSlots$10<typeof __VLS_component$10, __VLS_Slots$10>;
624
+ type __VLS_WithSlots$10<T, S> = T & {
625
+ new (): {
626
+ $slots: S;
627
+ };
628
+ };
629
+ export type FooterProps = {
630
+ /**
631
+ * @property {string | number} [minHeight=64]
632
+ * @version 0.0.0-beta
633
+ */
634
+ minHeight?: string | number;
635
+ /**
636
+ * @property {boolean} [bordered=false]
637
+ * @version 0.0.0-beta
638
+ */
639
+ bordered?: boolean;
640
+ /**
641
+ * @property {boolean} [dark=false]
642
+ * @version 0.0.0-beta
643
+ */
644
+ dark?: boolean;
645
+ };
646
+ declare var __VLS_1$9: {};
647
+ type __VLS_Slots$11 = {} & {
648
+ default?: (props: typeof __VLS_1$9) => any;
649
+ };
650
+ declare const __VLS_component$11: import("vue").DefineComponent<FooterProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FooterProps> & Readonly<{}>, {
651
+ dark: boolean;
652
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
653
+ declare const _default$14: __VLS_WithSlots$11<typeof __VLS_component$11, __VLS_Slots$11>;
654
+ type __VLS_WithSlots$11<T, S> = T & {
655
+ new (): {
656
+ $slots: S;
657
+ };
658
+ };
659
+ export declare const setThemeColor: (theme: "primary" | "success" | "warning" | "danger" | "sakura" | "neutral", color: string | {
660
+ light?: string[];
661
+ dark?: string[];
662
+ }) => void;
663
+ export type Theme = "light" | "dark" | "unset";
664
+ export declare function useThemeMode(defaultTheme?: Theme): readonly [
665
+ import("vue").Ref<Theme, Theme>,
666
+ () => void,
667
+ () => void,
668
+ () => void
669
+ ];
670
+ export type IconProps = {
671
+ /**
672
+ * @property {number | string} [size='1em']
673
+ * @version 0.0.0-beta
674
+ */
675
+ size?: number | string;
676
+ /**
677
+ * @property {string} [color='currentColor']
678
+ * @version 0.0.0-beta
679
+ */
680
+ color?: string;
681
+ /**
682
+ * @property {number} [rotate=0]
683
+ * @version 0.0.0-beta
684
+ */
685
+ rotate?: number;
686
+ /**
687
+ * @property {boolean} [spin=false]
688
+ * @version 0.0.0-beta
689
+ */
690
+ spin?: boolean;
691
+ /**
692
+ * @property {'horizontal' | 'vertical' | 'both' | 'none'} [flip='none']
693
+ * @version 0.0.0-beta
694
+ */
695
+ flip?: "horizontal" | "vertical" | "both" | "none";
696
+ };
697
+ declare var __VLS_1$10: {};
698
+ type __VLS_Slots$12 = {} & {
699
+ default?: (props: typeof __VLS_1$10) => any;
700
+ };
701
+ declare const __VLS_component$12: import("vue").DefineComponent<IconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IconProps> & Readonly<{}>, {
702
+ size: number | string;
703
+ color: string;
704
+ rotate: number;
705
+ spin: boolean;
706
+ flip: "horizontal" | "vertical" | "both" | "none";
707
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
708
+ declare const _default$15: __VLS_WithSlots$12<typeof __VLS_component$12, __VLS_Slots$12>;
709
+ type __VLS_WithSlots$12<T, S> = T & {
710
+ new (): {
711
+ $slots: S;
712
+ };
713
+ };
714
+ export declare const install: (app: App, options?: {
715
+ prefix: string;
716
+ attachToApp?: boolean;
717
+ attachToWindow?: boolean;
718
+ }) => void;
719
+ declare const _default$16: {
720
+ install: (app: App, options?: {
721
+ prefix: string;
722
+ attachToApp?: boolean;
723
+ attachToWindow?: boolean;
724
+ }) => void;
725
+ };
726
+
727
+ export {
728
+ _default as Button,
729
+ _default$1 as ButtonGroup,
730
+ _default$10 as Container,
731
+ _default$11 as Main,
732
+ _default$12 as Aside,
733
+ _default$13 as Header,
734
+ _default$14 as Footer,
735
+ _default$15 as Icon,
736
+ _default$16 as default,
737
+ _default$2 as Link,
738
+ _default$3 as MessageBox,
739
+ _default$4 as Row,
740
+ _default$5 as Col,
741
+ _default$6 as Divider,
742
+ _default$7 as Space,
743
+ _default$8 as Grid,
744
+ _default$9 as GridItem,
745
+ message as Message,
746
+ };
747
+
748
+ export {};