@octans/ui 1.2.0 → 1.3.0
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/components/ActionList/ActionList.vue.d.ts +8 -0
- package/dist/components/ActionList/ActionListButton.vue.d.ts +13 -1
- package/dist/components/Filters/FilterItem.vue.d.ts +1 -0
- package/dist/components/Filters/Filters.vue.d.ts +1 -0
- package/dist/components/Select/Select.vue.d.ts +5 -0
- package/dist/components/Tabs/Tabs.vue.d.ts +1 -14
- package/dist/components/Tabs/types.d.ts +11 -1
- package/dist/style.css +1 -1
- package/dist/ui.js +161 -111
- package/dist/ui.umd.js +3 -3
- package/dist/utils/tokens.d.ts +1 -1
- package/package.json +26 -24
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { VNodeChild } from 'vue';
|
|
1
2
|
import { PopoverPlacementType } from '../Popover';
|
|
2
3
|
import { ActionTooltipPositionType } from '../types';
|
|
3
4
|
export interface ActionListProps {
|
|
@@ -32,6 +33,13 @@ export interface ActionListItemType {
|
|
|
32
33
|
* Secondary text shown beneath the label.
|
|
33
34
|
*/
|
|
34
35
|
helpText?: string;
|
|
36
|
+
/**
|
|
37
|
+
* Renders the row's body in place of `label` (and `helpText`), for items
|
|
38
|
+
* that are more than text — a label with a Badge beside it, say. `label` is
|
|
39
|
+
* still required: it stays the item's accessible, sortable name, and is what
|
|
40
|
+
* a consumer reading the items back gets.
|
|
41
|
+
*/
|
|
42
|
+
content?: () => VNodeChild;
|
|
35
43
|
disabled?: boolean;
|
|
36
44
|
url?: string;
|
|
37
45
|
external?: boolean;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { PropType, VNode } from 'vue';
|
|
1
|
+
import { PropType, VNode, VNodeChild } from 'vue';
|
|
2
2
|
declare const _default: typeof __VLS_export;
|
|
3
3
|
export default _default;
|
|
4
4
|
declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
@@ -8,6 +8,12 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
8
8
|
helpText: {
|
|
9
9
|
type: StringConstructor;
|
|
10
10
|
};
|
|
11
|
+
/**
|
|
12
|
+
* Renders the row's body in place of `label` and `helpText`.
|
|
13
|
+
*/
|
|
14
|
+
content: {
|
|
15
|
+
type: PropType<() => VNodeChild>;
|
|
16
|
+
};
|
|
11
17
|
disabled: {
|
|
12
18
|
type: BooleanConstructor;
|
|
13
19
|
default: boolean;
|
|
@@ -47,6 +53,12 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
47
53
|
helpText: {
|
|
48
54
|
type: StringConstructor;
|
|
49
55
|
};
|
|
56
|
+
/**
|
|
57
|
+
* Renders the row's body in place of `label` and `helpText`.
|
|
58
|
+
*/
|
|
59
|
+
content: {
|
|
60
|
+
type: PropType<() => VNodeChild>;
|
|
61
|
+
};
|
|
50
62
|
disabled: {
|
|
51
63
|
type: BooleanConstructor;
|
|
52
64
|
default: boolean;
|
|
@@ -402,6 +402,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
402
402
|
onDragMove(event: MouseEvent): void;
|
|
403
403
|
onDragEnd(event: MouseEvent): void;
|
|
404
404
|
endDragTracking(): void;
|
|
405
|
+
searchAtPoint(x: number, y: number): boolean;
|
|
405
406
|
optionAtPoint(x: number, y: number): any;
|
|
406
407
|
onBlur(): void;
|
|
407
408
|
focus(): void;
|
|
@@ -1021,6 +1021,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
1021
1021
|
onDragMove(event: MouseEvent): void;
|
|
1022
1022
|
onDragEnd(event: MouseEvent): void;
|
|
1023
1023
|
endDragTracking(): void;
|
|
1024
|
+
searchAtPoint(x: number, y: number): boolean;
|
|
1024
1025
|
optionAtPoint(x: number, y: number): any;
|
|
1025
1026
|
onBlur(): void;
|
|
1026
1027
|
focus(): void;
|
|
@@ -337,6 +337,11 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
337
337
|
onDragMove(event: MouseEvent): void;
|
|
338
338
|
onDragEnd(event: MouseEvent): void;
|
|
339
339
|
endDragTracking(): void;
|
|
340
|
+
/**
|
|
341
|
+
* Whether the release landed on the search row — the input, its magnifier
|
|
342
|
+
* or the padding around them, all of which read as "I am going to type".
|
|
343
|
+
*/
|
|
344
|
+
searchAtPoint(x: number, y: number): boolean;
|
|
340
345
|
/** The option under the pointer, if the release landed on one. */
|
|
341
346
|
optionAtPoint(x: number, y: number): any;
|
|
342
347
|
onBlur(): void;
|
|
@@ -1,23 +1,10 @@
|
|
|
1
1
|
import { TabType, TabsProps } from './types';
|
|
2
|
-
declare
|
|
3
|
-
tab: TabType;
|
|
4
|
-
};
|
|
5
|
-
type __VLS_Slots = {} & {
|
|
6
|
-
tab?: (props: typeof __VLS_1) => any;
|
|
7
|
-
};
|
|
8
|
-
declare const __VLS_base: import('vue').DefineComponent<TabsProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
2
|
+
declare const __VLS_export: import('vue').DefineComponent<TabsProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
9
3
|
"update:selected": (value: string, tab: TabType) => any;
|
|
10
4
|
}, string, import('vue').PublicProps, Readonly<TabsProps> & Readonly<{
|
|
11
5
|
"onUpdate:selected"?: ((value: string, tab: TabType) => any) | undefined;
|
|
12
6
|
}>, {
|
|
13
|
-
theme: "blue" | "purple";
|
|
14
7
|
tabs: TabType[];
|
|
15
8
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
16
|
-
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
17
9
|
declare const _default: typeof __VLS_export;
|
|
18
10
|
export default _default;
|
|
19
|
-
type __VLS_WithSlots<T, S> = T & {
|
|
20
|
-
new (): {
|
|
21
|
-
$slots: S;
|
|
22
|
-
};
|
|
23
|
-
};
|
|
@@ -15,5 +15,15 @@ export interface TabsProps {
|
|
|
15
15
|
/** The `value` of the currently selected tab. */
|
|
16
16
|
selected?: string;
|
|
17
17
|
tabs?: TabType[];
|
|
18
|
-
|
|
18
|
+
/**
|
|
19
|
+
* How the selected tab is marked.
|
|
20
|
+
*
|
|
21
|
+
* - `underline` — a rule under the label
|
|
22
|
+
* - `bar` — a thicker rounded bar sitting on the divider
|
|
23
|
+
*
|
|
24
|
+
* Was `theme`, with the values `blue` and `purple`. Neither ever set a
|
|
25
|
+
* colour: both draw from the theme's own tokens, and the only difference
|
|
26
|
+
* was the shape of this indicator.
|
|
27
|
+
*/
|
|
28
|
+
indicator?: 'underline' | 'bar';
|
|
19
29
|
}
|