@ansh-ui/vue 0.2.0 → 0.3.1
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.
- package/dist/{chunk-B6OXKW5Q.js → chunk-AL4PPK25.js} +5 -2
- package/dist/chunk-AL4PPK25.js.map +1 -0
- package/dist/{chunk-2VSROZ2N.js → chunk-D3HH726R.js} +152 -144
- package/dist/chunk-D3HH726R.js.map +1 -0
- package/dist/{chunk-5BQEZYG6.cjs → chunk-EDAF7RAN.cjs} +163 -155
- package/dist/chunk-EDAF7RAN.cjs.map +1 -0
- package/dist/{chunk-TMG3M6TK.js → chunk-G2OX2NH2.js} +3 -3
- package/dist/chunk-G2OX2NH2.js.map +1 -0
- package/dist/{chunk-SOYRICHU.js → chunk-G3EIU6VM.js} +14 -8
- package/dist/chunk-G3EIU6VM.js.map +1 -0
- package/dist/{chunk-KCA7RNJ4.cjs → chunk-IHH6KMBY.cjs} +239 -5
- package/dist/chunk-IHH6KMBY.cjs.map +1 -0
- package/dist/{chunk-J2LA4GRP.cjs → chunk-IO6WJEJI.cjs} +122 -120
- package/dist/chunk-IO6WJEJI.cjs.map +1 -0
- package/dist/{chunk-IOXGBPOV.cjs → chunk-JJBYF7AH.cjs} +14 -8
- package/dist/chunk-JJBYF7AH.cjs.map +1 -0
- package/dist/{chunk-Z7XOFKM4.cjs → chunk-KKCZ5RUE.cjs} +4 -2
- package/dist/chunk-KKCZ5RUE.cjs.map +1 -0
- package/dist/{chunk-6ABPGOJP.js → chunk-LFGAOD32.js} +4 -2
- package/dist/chunk-LFGAOD32.js.map +1 -0
- package/dist/{chunk-EISHOEB6.cjs → chunk-MWGVDY6K.cjs} +3 -3
- package/dist/chunk-MWGVDY6K.cjs.map +1 -0
- package/dist/{chunk-FVKLCGA4.js → chunk-NJMTWLT2.js} +123 -121
- package/dist/chunk-NJMTWLT2.js.map +1 -0
- package/dist/{chunk-T425FIC7.js → chunk-NKRPZTQA.js} +238 -5
- package/dist/chunk-NKRPZTQA.js.map +1 -0
- package/dist/{chunk-JQ4YLXXM.cjs → chunk-PNR4RQ4T.cjs} +5 -2
- package/dist/chunk-PNR4RQ4T.cjs.map +1 -0
- package/dist/data.cjs +16 -16
- package/dist/data.d.cts +54 -52
- package/dist/data.d.ts +54 -52
- package/dist/data.js +1 -1
- package/dist/form.cjs +36 -36
- package/dist/form.d.cts +53 -45
- package/dist/form.d.ts +53 -45
- package/dist/form.js +1 -1
- package/dist/index.cjs +208 -180
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +33 -8
- package/dist/index.d.ts +33 -8
- package/dist/index.js +31 -15
- package/dist/index.js.map +1 -1
- package/dist/layout.cjs +13 -13
- package/dist/layout.d.cts +23 -14
- package/dist/layout.d.ts +23 -14
- package/dist/layout.js +1 -1
- package/dist/motion.cjs +11 -11
- package/dist/motion.d.cts +41 -37
- package/dist/motion.d.ts +41 -37
- package/dist/motion.js +1 -1
- package/dist/navigation.cjs +13 -9
- package/dist/navigation.d.cts +125 -4
- package/dist/navigation.d.ts +125 -4
- package/dist/navigation.js +2 -2
- package/dist/overlay.cjs +14 -14
- package/dist/overlay.d.cts +36 -33
- package/dist/overlay.d.ts +36 -33
- package/dist/overlay.js +2 -2
- package/dist/{position-Cn7qP1pn.d.cts → position-CiY171HP.d.cts} +2 -1
- package/dist/{position-Cn7qP1pn.d.ts → position-CiY171HP.d.ts} +2 -1
- package/dist/primitives.cjs +6 -6
- package/dist/primitives.d.cts +6 -5
- package/dist/primitives.d.ts +6 -5
- package/dist/primitives.js +1 -1
- package/dist/{sidebar-CTZ-Ckko.d.ts → sidebar-B9zDHMbn.d.cts} +5 -4
- package/dist/{sidebar-CQqEmpid.d.cts → sidebar-DMrKHqZ5.d.ts} +5 -4
- package/dist/styles.css +464 -0
- package/dist/{utils-IKPG3zcC.d.cts → utils-D4XwXDeX.d.cts} +2 -1
- package/dist/{utils-IKPG3zcC.d.ts → utils-D4XwXDeX.d.ts} +2 -1
- package/package.json +3 -3
- package/dist/chunk-2VSROZ2N.js.map +0 -1
- package/dist/chunk-5BQEZYG6.cjs.map +0 -1
- package/dist/chunk-6ABPGOJP.js.map +0 -1
- package/dist/chunk-B6OXKW5Q.js.map +0 -1
- package/dist/chunk-EISHOEB6.cjs.map +0 -1
- package/dist/chunk-FVKLCGA4.js.map +0 -1
- package/dist/chunk-IOXGBPOV.cjs.map +0 -1
- package/dist/chunk-J2LA4GRP.cjs.map +0 -1
- package/dist/chunk-JQ4YLXXM.cjs.map +0 -1
- package/dist/chunk-KCA7RNJ4.cjs.map +0 -1
- package/dist/chunk-SOYRICHU.js.map +0 -1
- package/dist/chunk-T425FIC7.js.map +0 -1
- package/dist/chunk-TMG3M6TK.js.map +0 -1
- package/dist/chunk-Z7XOFKM4.cjs.map +0 -1
package/dist/data.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkIO6WJEJI_cjs = require('./chunk-IO6WJEJI.cjs');
|
|
4
4
|
require('./chunk-774WBLDR.cjs');
|
|
5
5
|
require('./chunk-6732H4BQ.cjs');
|
|
6
6
|
|
|
@@ -8,63 +8,63 @@ require('./chunk-6732H4BQ.cjs');
|
|
|
8
8
|
|
|
9
9
|
Object.defineProperty(exports, "Avatar", {
|
|
10
10
|
enumerable: true,
|
|
11
|
-
get: function () { return
|
|
11
|
+
get: function () { return chunkIO6WJEJI_cjs.Avatar; }
|
|
12
12
|
});
|
|
13
13
|
Object.defineProperty(exports, "AvatarGroup", {
|
|
14
14
|
enumerable: true,
|
|
15
|
-
get: function () { return
|
|
15
|
+
get: function () { return chunkIO6WJEJI_cjs.AvatarGroup; }
|
|
16
16
|
});
|
|
17
17
|
Object.defineProperty(exports, "Badge", {
|
|
18
18
|
enumerable: true,
|
|
19
|
-
get: function () { return
|
|
19
|
+
get: function () { return chunkIO6WJEJI_cjs.Badge; }
|
|
20
20
|
});
|
|
21
21
|
Object.defineProperty(exports, "CircularProgress", {
|
|
22
22
|
enumerable: true,
|
|
23
|
-
get: function () { return
|
|
23
|
+
get: function () { return chunkIO6WJEJI_cjs.CircularProgress; }
|
|
24
24
|
});
|
|
25
25
|
Object.defineProperty(exports, "CodeBlock", {
|
|
26
26
|
enumerable: true,
|
|
27
|
-
get: function () { return
|
|
27
|
+
get: function () { return chunkIO6WJEJI_cjs.CodeBlock; }
|
|
28
28
|
});
|
|
29
29
|
Object.defineProperty(exports, "DataTable", {
|
|
30
30
|
enumerable: true,
|
|
31
|
-
get: function () { return
|
|
31
|
+
get: function () { return chunkIO6WJEJI_cjs.DataTable; }
|
|
32
32
|
});
|
|
33
33
|
Object.defineProperty(exports, "DescriptionList", {
|
|
34
34
|
enumerable: true,
|
|
35
|
-
get: function () { return
|
|
35
|
+
get: function () { return chunkIO6WJEJI_cjs.DescriptionList; }
|
|
36
36
|
});
|
|
37
37
|
Object.defineProperty(exports, "EmptyState", {
|
|
38
38
|
enumerable: true,
|
|
39
|
-
get: function () { return
|
|
39
|
+
get: function () { return chunkIO6WJEJI_cjs.EmptyState; }
|
|
40
40
|
});
|
|
41
41
|
Object.defineProperty(exports, "Kbd", {
|
|
42
42
|
enumerable: true,
|
|
43
|
-
get: function () { return
|
|
43
|
+
get: function () { return chunkIO6WJEJI_cjs.Kbd; }
|
|
44
44
|
});
|
|
45
45
|
Object.defineProperty(exports, "Meter", {
|
|
46
46
|
enumerable: true,
|
|
47
|
-
get: function () { return
|
|
47
|
+
get: function () { return chunkIO6WJEJI_cjs.Meter; }
|
|
48
48
|
});
|
|
49
49
|
Object.defineProperty(exports, "Pagination", {
|
|
50
50
|
enumerable: true,
|
|
51
|
-
get: function () { return
|
|
51
|
+
get: function () { return chunkIO6WJEJI_cjs.Pagination; }
|
|
52
52
|
});
|
|
53
53
|
Object.defineProperty(exports, "Progress", {
|
|
54
54
|
enumerable: true,
|
|
55
|
-
get: function () { return
|
|
55
|
+
get: function () { return chunkIO6WJEJI_cjs.Progress; }
|
|
56
56
|
});
|
|
57
57
|
Object.defineProperty(exports, "Stat", {
|
|
58
58
|
enumerable: true,
|
|
59
|
-
get: function () { return
|
|
59
|
+
get: function () { return chunkIO6WJEJI_cjs.Stat; }
|
|
60
60
|
});
|
|
61
61
|
Object.defineProperty(exports, "Table", {
|
|
62
62
|
enumerable: true,
|
|
63
|
-
get: function () { return
|
|
63
|
+
get: function () { return chunkIO6WJEJI_cjs.Table; }
|
|
64
64
|
});
|
|
65
65
|
Object.defineProperty(exports, "Timeline", {
|
|
66
66
|
enumerable: true,
|
|
67
|
-
get: function () { return
|
|
67
|
+
get: function () { return chunkIO6WJEJI_cjs.Timeline; }
|
|
68
68
|
});
|
|
69
69
|
//# sourceMappingURL=data.cjs.map
|
|
70
70
|
//# sourceMappingURL=data.cjs.map
|
package/dist/data.d.cts
CHANGED
|
@@ -1,29 +1,7 @@
|
|
|
1
1
|
import * as vue from 'vue';
|
|
2
2
|
import { VNodeChild, PropType, VNode } from 'vue';
|
|
3
|
-
import {
|
|
3
|
+
import { SlotContent } from './index.cjs';
|
|
4
4
|
|
|
5
|
-
/**
|
|
6
|
-
* Tables — the Vue counterpart of `@ansh-ui/react`'s `Table`/`DataTable`.
|
|
7
|
-
*
|
|
8
|
-
* A real `<table>` with `<th scope>`, not a grid of divs. The semantics are the entire point: a
|
|
9
|
-
* screen reader announces "Column 3 of 7, Status, row 12" only if the markup says so. Every
|
|
10
|
-
* div-based table reimplements navigation badly or not at all, and the CSS argument for divs
|
|
11
|
-
* disappeared when `display: contents` and `position: sticky` landed.
|
|
12
|
-
*
|
|
13
|
-
* `DataTable` adds sorting, selection and pagination on top. It stays deliberately short of a full
|
|
14
|
-
* data grid — no virtualisation, no column resizing, no pinned regions. Those need a different
|
|
15
|
-
* architecture (windowing, measured columns), and half-implementing them produces a component that
|
|
16
|
-
* breaks at exactly the scale it was added for.
|
|
17
|
-
*
|
|
18
|
-
* `DataTable` is generic over the row type `T`, which Vue only supports for a plain (non-SFC)
|
|
19
|
-
* component through `defineComponent`'s "generic setup function" overload — the setup function
|
|
20
|
-
* itself stays generic (`<T,>(props: DataTableProps<T>, ctx) => …`) while the runtime `props` list
|
|
21
|
-
* is a plain array of keys. That trade means no per-prop runtime validation or default-value
|
|
22
|
-
* coercion (booleans aren't coerced from attribute presence, defaults are applied by hand inside
|
|
23
|
-
* `setup`, mirroring the destructured defaults the React version uses) — acceptable here because the
|
|
24
|
-
* real contract for a data-shaped component like this is the TypeScript signature, not template
|
|
25
|
-
* shorthand.
|
|
26
|
-
*/
|
|
27
5
|
type SortDirection = 'asc' | 'desc';
|
|
28
6
|
interface SortState {
|
|
29
7
|
columnId: string;
|
|
@@ -80,6 +58,29 @@ interface DataTableProps<T> {
|
|
|
80
58
|
/** Per-row extra class, for status highlighting. */
|
|
81
59
|
rowClassName?: (row: T) => string | undefined;
|
|
82
60
|
}
|
|
61
|
+
|
|
62
|
+
/**
|
|
63
|
+
* Tables — the Vue counterpart of `@ansh-ui/react`'s `Table`/`DataTable`.
|
|
64
|
+
*
|
|
65
|
+
* A real `<table>` with `<th scope>`, not a grid of divs. The semantics are the entire point: a
|
|
66
|
+
* screen reader announces "Column 3 of 7, Status, row 12" only if the markup says so. Every
|
|
67
|
+
* div-based table reimplements navigation badly or not at all, and the CSS argument for divs
|
|
68
|
+
* disappeared when `display: contents` and `position: sticky` landed.
|
|
69
|
+
*
|
|
70
|
+
* `DataTable` adds sorting, selection and pagination on top. It stays deliberately short of a full
|
|
71
|
+
* data grid — no virtualisation, no column resizing, no pinned regions. Those need a different
|
|
72
|
+
* architecture (windowing, measured columns), and half-implementing them produces a component that
|
|
73
|
+
* breaks at exactly the scale it was added for.
|
|
74
|
+
*
|
|
75
|
+
* `DataTable` is generic over the row type `T`, which Vue only supports for a plain (non-SFC)
|
|
76
|
+
* component through `defineComponent`'s "generic setup function" overload — the setup function
|
|
77
|
+
* itself stays generic (`<T,>(props: DataTableProps<T>, ctx) => …`) while the runtime `props` list
|
|
78
|
+
* is a plain array of keys. That trade means no per-prop runtime validation or default-value
|
|
79
|
+
* coercion (booleans aren't coerced from attribute presence, defaults are applied by hand inside
|
|
80
|
+
* `setup`, mirroring the destructured defaults the React version uses) — acceptable here because the
|
|
81
|
+
* real contract for a data-shaped component like this is the TypeScript signature, not template
|
|
82
|
+
* shorthand.
|
|
83
|
+
*/
|
|
83
84
|
declare const DataTable: new <T>(props: DataTableProps<T> & {
|
|
84
85
|
"onUpdate:sort"?: ((...args: any[]) => any) | undefined;
|
|
85
86
|
"onUpdate:selected"?: ((...args: any[]) => any) | undefined;
|
|
@@ -100,6 +101,7 @@ declare const DataTable: new <T>(props: DataTableProps<T> & {
|
|
|
100
101
|
"onUpdate:selected"?: ((...args: any[]) => any) | undefined;
|
|
101
102
|
"onUpdate:page"?: ((...args: any[]) => any) | undefined;
|
|
102
103
|
}, {}, {}, {}, {}, {}>;
|
|
104
|
+
|
|
103
105
|
interface PaginationProps {
|
|
104
106
|
/** Zero-based. */
|
|
105
107
|
page: number;
|
|
@@ -181,7 +183,7 @@ declare const Pagination: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
181
183
|
total: number;
|
|
182
184
|
siblings: number;
|
|
183
185
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
184
|
-
|
|
186
|
+
|
|
185
187
|
declare const Table: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
186
188
|
caption: {
|
|
187
189
|
type: StringConstructor;
|
|
@@ -216,14 +218,6 @@ declare const Table: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
216
218
|
striped: boolean;
|
|
217
219
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
218
220
|
|
|
219
|
-
/**
|
|
220
|
-
* Small display components — the Vue counterpart of `@ansh-ui/react`'s data-display primitives.
|
|
221
|
-
*
|
|
222
|
-
* Individually trivial, collectively most of what an application screen is made of. The care here
|
|
223
|
-
* goes into the details that get skipped: a badge whose meaning isn't carried by colour alone, an
|
|
224
|
-
* avatar whose fallback initials are readable against a generated background, an empty state that
|
|
225
|
-
* says what to do next rather than just "no data".
|
|
226
|
-
*/
|
|
227
221
|
type BadgeTone = 'neutral' | 'accent' | 'success' | 'warning' | 'danger' | 'info';
|
|
228
222
|
/**
|
|
229
223
|
* A status label.
|
|
@@ -258,7 +252,7 @@ declare const Badge: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
258
252
|
type: PropType<SlotContent>;
|
|
259
253
|
default: undefined;
|
|
260
254
|
};
|
|
261
|
-
}>, () => VNode<vue.RendererNode, vue.RendererElement, {
|
|
255
|
+
}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
|
262
256
|
[key: string]: any;
|
|
263
257
|
}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
|
264
258
|
tone: {
|
|
@@ -285,10 +279,11 @@ declare const Badge: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
285
279
|
}>> & Readonly<{}>, {
|
|
286
280
|
size: "sm" | "md";
|
|
287
281
|
icon: SlotContent;
|
|
288
|
-
variant: "soft" | "outline" | "solid";
|
|
289
282
|
tone: BadgeTone;
|
|
283
|
+
variant: "soft" | "outline" | "solid";
|
|
290
284
|
dot: boolean;
|
|
291
285
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
286
|
+
|
|
292
287
|
interface AvatarProps {
|
|
293
288
|
src?: string;
|
|
294
289
|
/** The person's name. Used for the alt text and to derive the fallback initials. */
|
|
@@ -353,7 +348,7 @@ declare const Avatar: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
353
348
|
}>> & Readonly<{}>, {
|
|
354
349
|
size: "sm" | "md" | "lg" | "xl" | "xs";
|
|
355
350
|
src: string;
|
|
356
|
-
status: "
|
|
351
|
+
status: "busy" | "online" | "offline" | "away";
|
|
357
352
|
shape: "circle" | "square";
|
|
358
353
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
359
354
|
/** Overlapping avatars with an overflow count. */
|
|
@@ -383,6 +378,7 @@ declare const AvatarGroup: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
383
378
|
size: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
|
|
384
379
|
max: number;
|
|
385
380
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
381
|
+
|
|
386
382
|
/**
|
|
387
383
|
* A keyboard key.
|
|
388
384
|
*
|
|
@@ -394,9 +390,10 @@ declare const AvatarGroup: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
394
390
|
* call site, `<Kbd>⌘+K</Kbd>`) rather than switching to a string prop, and the text is recovered from
|
|
395
391
|
* the rendered slot nodes — which is exactly what that slot is expected to contain.
|
|
396
392
|
*/
|
|
397
|
-
declare const Kbd: vue.DefineComponent<{}, () => VNode<vue.RendererNode, vue.RendererElement, {
|
|
393
|
+
declare const Kbd: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
|
398
394
|
[key: string]: any;
|
|
399
395
|
}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
396
|
+
|
|
400
397
|
interface StatProps {
|
|
401
398
|
label: SlotContent;
|
|
402
399
|
value: SlotContent;
|
|
@@ -444,7 +441,7 @@ declare const Stat: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
444
441
|
type: PropType<SlotContent>;
|
|
445
442
|
default: undefined;
|
|
446
443
|
};
|
|
447
|
-
}>, () => VNode<vue.RendererNode, vue.RendererElement, {
|
|
444
|
+
}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
|
448
445
|
[key: string]: any;
|
|
449
446
|
}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
|
450
447
|
label: {
|
|
@@ -476,12 +473,13 @@ declare const Stat: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
476
473
|
default: undefined;
|
|
477
474
|
};
|
|
478
475
|
}>> & Readonly<{}>, {
|
|
479
|
-
delta: number;
|
|
480
476
|
icon: SlotContent;
|
|
481
477
|
hint: SlotContent;
|
|
478
|
+
delta: number;
|
|
482
479
|
deltaLabel: string;
|
|
483
480
|
invertDelta: boolean;
|
|
484
481
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
482
|
+
|
|
485
483
|
interface EmptyStateProps {
|
|
486
484
|
title: SlotContent;
|
|
487
485
|
description?: SlotContent;
|
|
@@ -518,7 +516,7 @@ declare const EmptyState: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
518
516
|
type: PropType<"sm" | "md">;
|
|
519
517
|
default: string;
|
|
520
518
|
};
|
|
521
|
-
}>, () => VNode<vue.RendererNode, vue.RendererElement, {
|
|
519
|
+
}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
|
522
520
|
[key: string]: any;
|
|
523
521
|
}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
|
524
522
|
title: {
|
|
@@ -547,6 +545,7 @@ declare const EmptyState: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
547
545
|
icon: SlotContent;
|
|
548
546
|
action: SlotContent;
|
|
549
547
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
548
|
+
|
|
550
549
|
interface DescriptionListProps {
|
|
551
550
|
items: ReadonlyArray<{
|
|
552
551
|
term: SlotContent;
|
|
@@ -570,7 +569,7 @@ declare const DescriptionList: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
570
569
|
type: PropType<"horizontal" | "vertical">;
|
|
571
570
|
default: string;
|
|
572
571
|
};
|
|
573
|
-
}>, () => VNode<vue.RendererNode, vue.RendererElement, {
|
|
572
|
+
}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
|
574
573
|
[key: string]: any;
|
|
575
574
|
}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
|
576
575
|
items: {
|
|
@@ -584,6 +583,7 @@ declare const DescriptionList: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
584
583
|
}>> & Readonly<{}>, {
|
|
585
584
|
orientation: "horizontal" | "vertical";
|
|
586
585
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
586
|
+
|
|
587
587
|
interface TimelineItem {
|
|
588
588
|
id: string;
|
|
589
589
|
title: SlotContent;
|
|
@@ -605,7 +605,7 @@ declare const Timeline: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
605
605
|
type: PropType<readonly TimelineItem[]>;
|
|
606
606
|
required: true;
|
|
607
607
|
};
|
|
608
|
-
}>, () => VNode<vue.RendererNode, vue.RendererElement, {
|
|
608
|
+
}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
|
609
609
|
[key: string]: any;
|
|
610
610
|
}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
|
611
611
|
items: {
|
|
@@ -613,6 +613,7 @@ declare const Timeline: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
613
613
|
required: true;
|
|
614
614
|
};
|
|
615
615
|
}>> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
616
|
+
|
|
616
617
|
interface CodeBlockProps {
|
|
617
618
|
code: string;
|
|
618
619
|
language?: string;
|
|
@@ -651,7 +652,7 @@ declare const CodeBlock: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
651
652
|
type: StringConstructor;
|
|
652
653
|
default: undefined;
|
|
653
654
|
};
|
|
654
|
-
}>, () => VNode<vue.RendererNode, vue.RendererElement, {
|
|
655
|
+
}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
|
655
656
|
[key: string]: any;
|
|
656
657
|
}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
|
657
658
|
code: {
|
|
@@ -764,12 +765,12 @@ declare const Progress: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
764
765
|
default: undefined;
|
|
765
766
|
};
|
|
766
767
|
}>> & Readonly<{}>, {
|
|
767
|
-
value: number;
|
|
768
768
|
size: "sm" | "md" | "lg";
|
|
769
|
+
value: number;
|
|
769
770
|
max: number;
|
|
770
|
-
|
|
771
|
-
tone: "danger" | "accent" | "success" | "warning";
|
|
771
|
+
tone: "accent" | "success" | "warning" | "danger";
|
|
772
772
|
showLabel: boolean;
|
|
773
|
+
formatValue: (value: number, max: number) => string;
|
|
773
774
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
774
775
|
interface CircularProgressProps extends Omit<ProgressProps, 'size'> {
|
|
775
776
|
/** Diameter in px. Default `48`. */
|
|
@@ -848,12 +849,12 @@ declare const CircularProgress: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
848
849
|
default: undefined;
|
|
849
850
|
};
|
|
850
851
|
}>> & Readonly<{}>, {
|
|
851
|
-
value: number;
|
|
852
852
|
size: number;
|
|
853
|
-
|
|
853
|
+
value: number;
|
|
854
854
|
max: number;
|
|
855
|
+
tone: "accent" | "success" | "warning" | "danger";
|
|
855
856
|
formatValue: (value: number, max: number) => string;
|
|
856
|
-
|
|
857
|
+
thickness: number;
|
|
857
858
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
858
859
|
interface MeterProps {
|
|
859
860
|
value: number;
|
|
@@ -951,13 +952,14 @@ declare const Meter: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
951
952
|
default: undefined;
|
|
952
953
|
};
|
|
953
954
|
}>> & Readonly<{}>, {
|
|
954
|
-
high: number;
|
|
955
|
-
low: number;
|
|
956
955
|
max: number;
|
|
957
956
|
min: number;
|
|
958
|
-
showValue: boolean;
|
|
959
957
|
formatValue: (value: number) => string;
|
|
958
|
+
low: number;
|
|
959
|
+
high: number;
|
|
960
960
|
inverted: boolean;
|
|
961
|
+
showValue: boolean;
|
|
961
962
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
962
963
|
|
|
963
|
-
export { Avatar, AvatarGroup,
|
|
964
|
+
export { Avatar, AvatarGroup, Badge, CircularProgress, CodeBlock, DataTable, DescriptionList, EmptyState, Kbd, Meter, Pagination, Progress, Stat, Table, Timeline };
|
|
965
|
+
export type { AvatarProps, BadgeTone, CircularProgressProps, CodeBlockProps, Column, DataTableProps, DescriptionListProps, EmptyStateProps, MeterProps, PaginationProps, ProgressProps, SortDirection, SortState, StatProps, TimelineItem };
|
package/dist/data.d.ts
CHANGED
|
@@ -1,29 +1,7 @@
|
|
|
1
1
|
import * as vue from 'vue';
|
|
2
2
|
import { VNodeChild, PropType, VNode } from 'vue';
|
|
3
|
-
import {
|
|
3
|
+
import { SlotContent } from './index.js';
|
|
4
4
|
|
|
5
|
-
/**
|
|
6
|
-
* Tables — the Vue counterpart of `@ansh-ui/react`'s `Table`/`DataTable`.
|
|
7
|
-
*
|
|
8
|
-
* A real `<table>` with `<th scope>`, not a grid of divs. The semantics are the entire point: a
|
|
9
|
-
* screen reader announces "Column 3 of 7, Status, row 12" only if the markup says so. Every
|
|
10
|
-
* div-based table reimplements navigation badly or not at all, and the CSS argument for divs
|
|
11
|
-
* disappeared when `display: contents` and `position: sticky` landed.
|
|
12
|
-
*
|
|
13
|
-
* `DataTable` adds sorting, selection and pagination on top. It stays deliberately short of a full
|
|
14
|
-
* data grid — no virtualisation, no column resizing, no pinned regions. Those need a different
|
|
15
|
-
* architecture (windowing, measured columns), and half-implementing them produces a component that
|
|
16
|
-
* breaks at exactly the scale it was added for.
|
|
17
|
-
*
|
|
18
|
-
* `DataTable` is generic over the row type `T`, which Vue only supports for a plain (non-SFC)
|
|
19
|
-
* component through `defineComponent`'s "generic setup function" overload — the setup function
|
|
20
|
-
* itself stays generic (`<T,>(props: DataTableProps<T>, ctx) => …`) while the runtime `props` list
|
|
21
|
-
* is a plain array of keys. That trade means no per-prop runtime validation or default-value
|
|
22
|
-
* coercion (booleans aren't coerced from attribute presence, defaults are applied by hand inside
|
|
23
|
-
* `setup`, mirroring the destructured defaults the React version uses) — acceptable here because the
|
|
24
|
-
* real contract for a data-shaped component like this is the TypeScript signature, not template
|
|
25
|
-
* shorthand.
|
|
26
|
-
*/
|
|
27
5
|
type SortDirection = 'asc' | 'desc';
|
|
28
6
|
interface SortState {
|
|
29
7
|
columnId: string;
|
|
@@ -80,6 +58,29 @@ interface DataTableProps<T> {
|
|
|
80
58
|
/** Per-row extra class, for status highlighting. */
|
|
81
59
|
rowClassName?: (row: T) => string | undefined;
|
|
82
60
|
}
|
|
61
|
+
|
|
62
|
+
/**
|
|
63
|
+
* Tables — the Vue counterpart of `@ansh-ui/react`'s `Table`/`DataTable`.
|
|
64
|
+
*
|
|
65
|
+
* A real `<table>` with `<th scope>`, not a grid of divs. The semantics are the entire point: a
|
|
66
|
+
* screen reader announces "Column 3 of 7, Status, row 12" only if the markup says so. Every
|
|
67
|
+
* div-based table reimplements navigation badly or not at all, and the CSS argument for divs
|
|
68
|
+
* disappeared when `display: contents` and `position: sticky` landed.
|
|
69
|
+
*
|
|
70
|
+
* `DataTable` adds sorting, selection and pagination on top. It stays deliberately short of a full
|
|
71
|
+
* data grid — no virtualisation, no column resizing, no pinned regions. Those need a different
|
|
72
|
+
* architecture (windowing, measured columns), and half-implementing them produces a component that
|
|
73
|
+
* breaks at exactly the scale it was added for.
|
|
74
|
+
*
|
|
75
|
+
* `DataTable` is generic over the row type `T`, which Vue only supports for a plain (non-SFC)
|
|
76
|
+
* component through `defineComponent`'s "generic setup function" overload — the setup function
|
|
77
|
+
* itself stays generic (`<T,>(props: DataTableProps<T>, ctx) => …`) while the runtime `props` list
|
|
78
|
+
* is a plain array of keys. That trade means no per-prop runtime validation or default-value
|
|
79
|
+
* coercion (booleans aren't coerced from attribute presence, defaults are applied by hand inside
|
|
80
|
+
* `setup`, mirroring the destructured defaults the React version uses) — acceptable here because the
|
|
81
|
+
* real contract for a data-shaped component like this is the TypeScript signature, not template
|
|
82
|
+
* shorthand.
|
|
83
|
+
*/
|
|
83
84
|
declare const DataTable: new <T>(props: DataTableProps<T> & {
|
|
84
85
|
"onUpdate:sort"?: ((...args: any[]) => any) | undefined;
|
|
85
86
|
"onUpdate:selected"?: ((...args: any[]) => any) | undefined;
|
|
@@ -100,6 +101,7 @@ declare const DataTable: new <T>(props: DataTableProps<T> & {
|
|
|
100
101
|
"onUpdate:selected"?: ((...args: any[]) => any) | undefined;
|
|
101
102
|
"onUpdate:page"?: ((...args: any[]) => any) | undefined;
|
|
102
103
|
}, {}, {}, {}, {}, {}>;
|
|
104
|
+
|
|
103
105
|
interface PaginationProps {
|
|
104
106
|
/** Zero-based. */
|
|
105
107
|
page: number;
|
|
@@ -181,7 +183,7 @@ declare const Pagination: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
181
183
|
total: number;
|
|
182
184
|
siblings: number;
|
|
183
185
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
184
|
-
|
|
186
|
+
|
|
185
187
|
declare const Table: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
186
188
|
caption: {
|
|
187
189
|
type: StringConstructor;
|
|
@@ -216,14 +218,6 @@ declare const Table: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
216
218
|
striped: boolean;
|
|
217
219
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
218
220
|
|
|
219
|
-
/**
|
|
220
|
-
* Small display components — the Vue counterpart of `@ansh-ui/react`'s data-display primitives.
|
|
221
|
-
*
|
|
222
|
-
* Individually trivial, collectively most of what an application screen is made of. The care here
|
|
223
|
-
* goes into the details that get skipped: a badge whose meaning isn't carried by colour alone, an
|
|
224
|
-
* avatar whose fallback initials are readable against a generated background, an empty state that
|
|
225
|
-
* says what to do next rather than just "no data".
|
|
226
|
-
*/
|
|
227
221
|
type BadgeTone = 'neutral' | 'accent' | 'success' | 'warning' | 'danger' | 'info';
|
|
228
222
|
/**
|
|
229
223
|
* A status label.
|
|
@@ -258,7 +252,7 @@ declare const Badge: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
258
252
|
type: PropType<SlotContent>;
|
|
259
253
|
default: undefined;
|
|
260
254
|
};
|
|
261
|
-
}>, () => VNode<vue.RendererNode, vue.RendererElement, {
|
|
255
|
+
}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
|
262
256
|
[key: string]: any;
|
|
263
257
|
}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
|
264
258
|
tone: {
|
|
@@ -285,10 +279,11 @@ declare const Badge: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
285
279
|
}>> & Readonly<{}>, {
|
|
286
280
|
size: "sm" | "md";
|
|
287
281
|
icon: SlotContent;
|
|
288
|
-
variant: "soft" | "outline" | "solid";
|
|
289
282
|
tone: BadgeTone;
|
|
283
|
+
variant: "soft" | "outline" | "solid";
|
|
290
284
|
dot: boolean;
|
|
291
285
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
286
|
+
|
|
292
287
|
interface AvatarProps {
|
|
293
288
|
src?: string;
|
|
294
289
|
/** The person's name. Used for the alt text and to derive the fallback initials. */
|
|
@@ -353,7 +348,7 @@ declare const Avatar: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
353
348
|
}>> & Readonly<{}>, {
|
|
354
349
|
size: "sm" | "md" | "lg" | "xl" | "xs";
|
|
355
350
|
src: string;
|
|
356
|
-
status: "
|
|
351
|
+
status: "busy" | "online" | "offline" | "away";
|
|
357
352
|
shape: "circle" | "square";
|
|
358
353
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
359
354
|
/** Overlapping avatars with an overflow count. */
|
|
@@ -383,6 +378,7 @@ declare const AvatarGroup: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
383
378
|
size: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
|
|
384
379
|
max: number;
|
|
385
380
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
381
|
+
|
|
386
382
|
/**
|
|
387
383
|
* A keyboard key.
|
|
388
384
|
*
|
|
@@ -394,9 +390,10 @@ declare const AvatarGroup: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
394
390
|
* call site, `<Kbd>⌘+K</Kbd>`) rather than switching to a string prop, and the text is recovered from
|
|
395
391
|
* the rendered slot nodes — which is exactly what that slot is expected to contain.
|
|
396
392
|
*/
|
|
397
|
-
declare const Kbd: vue.DefineComponent<{}, () => VNode<vue.RendererNode, vue.RendererElement, {
|
|
393
|
+
declare const Kbd: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
|
398
394
|
[key: string]: any;
|
|
399
395
|
}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
396
|
+
|
|
400
397
|
interface StatProps {
|
|
401
398
|
label: SlotContent;
|
|
402
399
|
value: SlotContent;
|
|
@@ -444,7 +441,7 @@ declare const Stat: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
444
441
|
type: PropType<SlotContent>;
|
|
445
442
|
default: undefined;
|
|
446
443
|
};
|
|
447
|
-
}>, () => VNode<vue.RendererNode, vue.RendererElement, {
|
|
444
|
+
}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
|
448
445
|
[key: string]: any;
|
|
449
446
|
}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
|
450
447
|
label: {
|
|
@@ -476,12 +473,13 @@ declare const Stat: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
476
473
|
default: undefined;
|
|
477
474
|
};
|
|
478
475
|
}>> & Readonly<{}>, {
|
|
479
|
-
delta: number;
|
|
480
476
|
icon: SlotContent;
|
|
481
477
|
hint: SlotContent;
|
|
478
|
+
delta: number;
|
|
482
479
|
deltaLabel: string;
|
|
483
480
|
invertDelta: boolean;
|
|
484
481
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
482
|
+
|
|
485
483
|
interface EmptyStateProps {
|
|
486
484
|
title: SlotContent;
|
|
487
485
|
description?: SlotContent;
|
|
@@ -518,7 +516,7 @@ declare const EmptyState: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
518
516
|
type: PropType<"sm" | "md">;
|
|
519
517
|
default: string;
|
|
520
518
|
};
|
|
521
|
-
}>, () => VNode<vue.RendererNode, vue.RendererElement, {
|
|
519
|
+
}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
|
522
520
|
[key: string]: any;
|
|
523
521
|
}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
|
524
522
|
title: {
|
|
@@ -547,6 +545,7 @@ declare const EmptyState: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
547
545
|
icon: SlotContent;
|
|
548
546
|
action: SlotContent;
|
|
549
547
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
548
|
+
|
|
550
549
|
interface DescriptionListProps {
|
|
551
550
|
items: ReadonlyArray<{
|
|
552
551
|
term: SlotContent;
|
|
@@ -570,7 +569,7 @@ declare const DescriptionList: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
570
569
|
type: PropType<"horizontal" | "vertical">;
|
|
571
570
|
default: string;
|
|
572
571
|
};
|
|
573
|
-
}>, () => VNode<vue.RendererNode, vue.RendererElement, {
|
|
572
|
+
}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
|
574
573
|
[key: string]: any;
|
|
575
574
|
}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
|
576
575
|
items: {
|
|
@@ -584,6 +583,7 @@ declare const DescriptionList: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
584
583
|
}>> & Readonly<{}>, {
|
|
585
584
|
orientation: "horizontal" | "vertical";
|
|
586
585
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
586
|
+
|
|
587
587
|
interface TimelineItem {
|
|
588
588
|
id: string;
|
|
589
589
|
title: SlotContent;
|
|
@@ -605,7 +605,7 @@ declare const Timeline: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
605
605
|
type: PropType<readonly TimelineItem[]>;
|
|
606
606
|
required: true;
|
|
607
607
|
};
|
|
608
|
-
}>, () => VNode<vue.RendererNode, vue.RendererElement, {
|
|
608
|
+
}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
|
609
609
|
[key: string]: any;
|
|
610
610
|
}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
|
611
611
|
items: {
|
|
@@ -613,6 +613,7 @@ declare const Timeline: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
613
613
|
required: true;
|
|
614
614
|
};
|
|
615
615
|
}>> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
616
|
+
|
|
616
617
|
interface CodeBlockProps {
|
|
617
618
|
code: string;
|
|
618
619
|
language?: string;
|
|
@@ -651,7 +652,7 @@ declare const CodeBlock: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
651
652
|
type: StringConstructor;
|
|
652
653
|
default: undefined;
|
|
653
654
|
};
|
|
654
|
-
}>, () => VNode<vue.RendererNode, vue.RendererElement, {
|
|
655
|
+
}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
|
655
656
|
[key: string]: any;
|
|
656
657
|
}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
|
657
658
|
code: {
|
|
@@ -764,12 +765,12 @@ declare const Progress: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
764
765
|
default: undefined;
|
|
765
766
|
};
|
|
766
767
|
}>> & Readonly<{}>, {
|
|
767
|
-
value: number;
|
|
768
768
|
size: "sm" | "md" | "lg";
|
|
769
|
+
value: number;
|
|
769
770
|
max: number;
|
|
770
|
-
|
|
771
|
-
tone: "danger" | "accent" | "success" | "warning";
|
|
771
|
+
tone: "accent" | "success" | "warning" | "danger";
|
|
772
772
|
showLabel: boolean;
|
|
773
|
+
formatValue: (value: number, max: number) => string;
|
|
773
774
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
774
775
|
interface CircularProgressProps extends Omit<ProgressProps, 'size'> {
|
|
775
776
|
/** Diameter in px. Default `48`. */
|
|
@@ -848,12 +849,12 @@ declare const CircularProgress: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
848
849
|
default: undefined;
|
|
849
850
|
};
|
|
850
851
|
}>> & Readonly<{}>, {
|
|
851
|
-
value: number;
|
|
852
852
|
size: number;
|
|
853
|
-
|
|
853
|
+
value: number;
|
|
854
854
|
max: number;
|
|
855
|
+
tone: "accent" | "success" | "warning" | "danger";
|
|
855
856
|
formatValue: (value: number, max: number) => string;
|
|
856
|
-
|
|
857
|
+
thickness: number;
|
|
857
858
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
858
859
|
interface MeterProps {
|
|
859
860
|
value: number;
|
|
@@ -951,13 +952,14 @@ declare const Meter: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
951
952
|
default: undefined;
|
|
952
953
|
};
|
|
953
954
|
}>> & Readonly<{}>, {
|
|
954
|
-
high: number;
|
|
955
|
-
low: number;
|
|
956
955
|
max: number;
|
|
957
956
|
min: number;
|
|
958
|
-
showValue: boolean;
|
|
959
957
|
formatValue: (value: number) => string;
|
|
958
|
+
low: number;
|
|
959
|
+
high: number;
|
|
960
960
|
inverted: boolean;
|
|
961
|
+
showValue: boolean;
|
|
961
962
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
962
963
|
|
|
963
|
-
export { Avatar, AvatarGroup,
|
|
964
|
+
export { Avatar, AvatarGroup, Badge, CircularProgress, CodeBlock, DataTable, DescriptionList, EmptyState, Kbd, Meter, Pagination, Progress, Stat, Table, Timeline };
|
|
965
|
+
export type { AvatarProps, BadgeTone, CircularProgressProps, CodeBlockProps, Column, DataTableProps, DescriptionListProps, EmptyStateProps, MeterProps, PaginationProps, ProgressProps, SortDirection, SortState, StatProps, TimelineItem };
|
package/dist/data.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { Avatar, AvatarGroup, Badge, CircularProgress, CodeBlock, DataTable, DescriptionList, EmptyState, Kbd, Meter, Pagination, Progress, Stat, Table, Timeline } from './chunk-
|
|
1
|
+
export { Avatar, AvatarGroup, Badge, CircularProgress, CodeBlock, DataTable, DescriptionList, EmptyState, Kbd, Meter, Pagination, Progress, Stat, Table, Timeline } from './chunk-NJMTWLT2.js';
|
|
2
2
|
import './chunk-OAQ7MDYX.js';
|
|
3
3
|
import './chunk-NJDDNO4C.js';
|
|
4
4
|
//# sourceMappingURL=data.js.map
|