@moubing/bing-ui 0.1.0 → 0.2.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/bing-ui.css +1 -1
- package/dist/bing-ui.es.js +1261 -1682
- package/dist/bing-ui.umd.js +22 -22
- package/dist/components/BingAnimatedText/BingAnimatedText.types.d.ts +21 -0
- package/dist/components/BingAnimatedText/BingAnimatedText.vue.d.ts +31 -0
- package/dist/components/BingAnimatedText/index.d.ts +2 -0
- package/dist/components/BingAppSwitcherTransition/BingAppSwitcherTransition.types.d.ts +33 -0
- package/dist/components/BingAppSwitcherTransition/BingAppSwitcherTransition.vue.d.ts +28 -0
- package/dist/components/BingAppSwitcherTransition/index.d.ts +2 -0
- package/dist/components/BingButton/BingButton.types.d.ts +46 -0
- package/dist/components/BingButton/BingButton.vue.d.ts +52 -0
- package/dist/components/BingButton/index.d.ts +2 -0
- package/dist/components/BingCard/BingCard.types.d.ts +38 -0
- package/dist/components/BingCard/BingCard.vue.d.ts +56 -0
- package/dist/components/BingCard/index.d.ts +2 -0
- package/dist/components/BingCarouselTransition/BingCarouselTransition.types.d.ts +33 -0
- package/dist/components/BingCarouselTransition/BingCarouselTransition.vue.d.ts +28 -0
- package/dist/components/BingCarouselTransition/index.d.ts +2 -0
- package/dist/components/BingCheckbox/BingCheckbox.types.d.ts +25 -0
- package/dist/components/BingCheckbox/BingCheckbox.vue.d.ts +39 -0
- package/dist/components/BingCheckbox/index.d.ts +2 -0
- package/dist/components/BingCheckboxGroup/BingCheckboxGroup.context.d.ts +13 -0
- package/dist/components/BingCheckboxGroup/BingCheckboxGroup.types.d.ts +27 -0
- package/dist/components/BingCheckboxGroup/BingCheckboxGroup.vue.d.ts +35 -0
- package/dist/components/BingCheckboxGroup/index.d.ts +2 -0
- package/dist/components/BingCodeBlock/BingCodeBlock.highlight.d.ts +10 -0
- package/dist/components/BingCodeBlock/BingCodeBlock.types.d.ts +32 -0
- package/dist/components/BingCodeBlock/BingCodeBlock.vue.d.ts +29 -0
- package/dist/components/BingCodeBlock/index.d.ts +2 -0
- package/dist/components/BingDatePicker/BingDatePicker.types.d.ts +70 -0
- package/dist/components/BingDatePicker/BingDatePicker.vue.d.ts +54 -0
- package/dist/components/BingDatePicker/index.d.ts +2 -0
- package/dist/components/BingDeckTransition/BingDeckTransition.types.d.ts +38 -0
- package/dist/components/BingDeckTransition/BingDeckTransition.vue.d.ts +29 -0
- package/dist/components/BingDeckTransition/index.d.ts +2 -0
- package/dist/components/BingDialog/BingDialog.types.d.ts +45 -0
- package/dist/components/BingDialog/BingDialog.vue.d.ts +61 -0
- package/dist/components/BingDialog/index.d.ts +2 -0
- package/dist/components/BingDropDown/BingDropDown.context.d.ts +7 -0
- package/dist/components/BingDropDown/BingDropDown.types.d.ts +60 -0
- package/dist/components/BingDropDown/BingDropDown.vue.d.ts +87 -0
- package/dist/components/BingDropDown/BingDropDownItem.vue.d.ts +36 -0
- package/dist/components/BingDropDown/index.d.ts +3 -0
- package/dist/components/BingFilePreview/BingFilePreview.types.d.ts +56 -0
- package/dist/components/BingFilePreview/BingFilePreview.vue.d.ts +46 -0
- package/dist/components/BingFilePreview/index.d.ts +2 -0
- package/dist/components/BingForm/BingForm.context.d.ts +31 -0
- package/dist/components/BingForm/BingForm.types.d.ts +46 -0
- package/dist/components/BingForm/BingForm.vue.d.ts +32 -0
- package/dist/components/BingForm/index.d.ts +2 -0
- package/dist/components/BingFormItem/BingFormItem.types.d.ts +10 -0
- package/dist/components/BingFormItem/BingFormItem.vue.d.ts +30 -0
- package/dist/components/BingFormItem/index.d.ts +2 -0
- package/dist/components/BingIcon/BingIcon.types.d.ts +11 -0
- package/dist/components/BingIcon/BingIcon.vue.d.ts +10 -0
- package/dist/components/BingIcon/index.d.ts +2 -0
- package/dist/components/BingImage/BingImage.types.d.ts +68 -0
- package/dist/components/BingImage/BingImage.vue.d.ts +64 -0
- package/dist/components/BingImage/index.d.ts +2 -0
- package/dist/components/BingImagePreview/BingImagePreview.types.d.ts +40 -0
- package/dist/components/BingImagePreview/BingImagePreview.vue.d.ts +38 -0
- package/dist/components/BingImagePreview/index.d.ts +2 -0
- package/dist/components/BingInput/BingInput.types.d.ts +38 -0
- package/dist/components/BingInput/BingInput.vue.d.ts +49 -0
- package/dist/components/BingInput/index.d.ts +2 -0
- package/dist/components/BingRadio/BingRadio.types.d.ts +21 -0
- package/dist/components/BingRadio/BingRadio.vue.d.ts +38 -0
- package/dist/components/BingRadio/index.d.ts +2 -0
- package/dist/components/BingRadioGroup/BingRadioGroup.context.d.ts +13 -0
- package/dist/components/BingRadioGroup/BingRadioGroup.types.d.ts +27 -0
- package/dist/components/BingRadioGroup/BingRadioGroup.vue.d.ts +35 -0
- package/dist/components/BingRadioGroup/index.d.ts +2 -0
- package/dist/components/BingResizable/BingResizable.types.d.ts +63 -0
- package/dist/components/BingResizable/BingResizable.vue.d.ts +50 -0
- package/dist/components/BingResizable/index.d.ts +2 -0
- package/dist/components/BingScrollbar/BingScrollbar.types.d.ts +20 -0
- package/dist/components/BingScrollbar/BingScrollbar.vue.d.ts +28 -0
- package/dist/components/BingScrollbar/index.d.ts +2 -0
- package/dist/components/BingSelect/BingSelect.types.d.ts +57 -0
- package/dist/components/BingSelect/BingSelect.vue.d.ts +72 -0
- package/dist/components/BingSelect/index.d.ts +2 -0
- package/dist/components/BingSortableList/BingSortableList.types.d.ts +62 -0
- package/dist/components/BingSortableList/BingSortableList.vue.d.ts +51 -0
- package/dist/components/BingSortableList/BingSortableListItem.vue.d.ts +34 -0
- package/dist/components/BingSortableList/index.d.ts +2 -0
- package/dist/components/BingTable/BingTable.types.d.ts +156 -0
- package/dist/components/BingTable/BingTable.vue.d.ts +142 -0
- package/dist/components/BingTable/index.d.ts +2 -0
- package/dist/components/BingTabs/BingTabs.types.d.ts +42 -0
- package/dist/components/BingTabs/BingTabs.vue.d.ts +40 -0
- package/dist/components/BingTabs/index.d.ts +2 -0
- package/dist/components/BingTag/BingTag.types.d.ts +15 -0
- package/dist/components/BingTag/BingTag.vue.d.ts +26 -0
- package/dist/components/BingTag/index.d.ts +2 -0
- package/dist/components/BingTextarea/BingTextarea.types.d.ts +40 -0
- package/dist/components/BingTextarea/BingTextarea.vue.d.ts +38 -0
- package/dist/components/BingTextarea/index.d.ts +2 -0
- package/dist/components/BingToast/BingToast.service.d.ts +44 -0
- package/dist/components/BingToast/BingToast.types.d.ts +58 -0
- package/dist/components/BingToast/BingToast.vue.d.ts +19 -0
- package/dist/components/BingToast/index.d.ts +4 -0
- package/dist/components/BingTooltip/BingTooltip.shared.d.ts +32 -0
- package/dist/components/BingTooltip/BingTooltip.types.d.ts +36 -0
- package/dist/components/BingTooltip/BingTooltip.vue.d.ts +51 -0
- package/dist/components/BingTooltip/index.d.ts +2 -0
- package/dist/components/BingTreeSelect/BingTreeSelect.types.d.ts +69 -0
- package/dist/components/BingTreeSelect/BingTreeSelect.vue.d.ts +85 -0
- package/dist/components/BingTreeSelect/index.d.ts +2 -0
- package/dist/components/index.d.ts +32 -0
- package/dist/index.d.ts +3 -1
- package/dist/motion/index.d.ts +13 -0
- package/dist/utils/glass.d.ts +16 -0
- package/package.json +67 -68
|
@@ -0,0 +1,142 @@
|
|
|
1
|
+
import { BingTableColumn, BingTableExpose, BingTableFixed, BingTableKey, BingTableProps, BingTableRow, BingTableSortOrder } from './BingTable.types';
|
|
2
|
+
interface BingTableResolvedColumn extends BingTableColumn {
|
|
3
|
+
dataKey: string;
|
|
4
|
+
}
|
|
5
|
+
declare var __VLS_1: {
|
|
6
|
+
selectedRowKeys: BingTableKey[];
|
|
7
|
+
visibleColumns: BingTableResolvedColumn[];
|
|
8
|
+
}, __VLS_72: `header-${string}`, __VLS_73: {
|
|
9
|
+
column: BingTableResolvedColumn;
|
|
10
|
+
}, __VLS_81: `header-${string}`, __VLS_82: {
|
|
11
|
+
column: BingTableResolvedColumn;
|
|
12
|
+
}, __VLS_113: `cell-${string}`, __VLS_114: {
|
|
13
|
+
row: BingTableRow;
|
|
14
|
+
column: BingTableResolvedColumn;
|
|
15
|
+
value: unknown;
|
|
16
|
+
rowIndex: number;
|
|
17
|
+
level: number;
|
|
18
|
+
}, __VLS_116: {
|
|
19
|
+
row: BingTableRow;
|
|
20
|
+
column: BingTableResolvedColumn;
|
|
21
|
+
value: unknown;
|
|
22
|
+
rowIndex: number;
|
|
23
|
+
level: number;
|
|
24
|
+
};
|
|
25
|
+
type __VLS_Slots = {} & {
|
|
26
|
+
[K in NonNullable<typeof __VLS_72>]?: (props: typeof __VLS_73) => any;
|
|
27
|
+
} & {
|
|
28
|
+
[K in NonNullable<typeof __VLS_81>]?: (props: typeof __VLS_82) => any;
|
|
29
|
+
} & {
|
|
30
|
+
[K in NonNullable<typeof __VLS_113>]?: (props: typeof __VLS_114) => any;
|
|
31
|
+
} & {
|
|
32
|
+
toolbar?: (props: typeof __VLS_1) => any;
|
|
33
|
+
} & {
|
|
34
|
+
cell?: (props: typeof __VLS_116) => any;
|
|
35
|
+
};
|
|
36
|
+
declare const __VLS_base: import('vue').DefineComponent<BingTableProps, BingTableExpose, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
37
|
+
scroll: (event: Event) => any;
|
|
38
|
+
"update:selectedRowKeys": (keys: BingTableKey[]) => any;
|
|
39
|
+
"selection-change": (payload: import('./BingTable.types').BingTableSelectionPayload) => any;
|
|
40
|
+
"update:expandedRowKeys": (keys: BingTableKey[]) => any;
|
|
41
|
+
"expand-change": (payload: import('./BingTable.types').BingTableExpandPayload) => any;
|
|
42
|
+
"update:columnWidths": (widths: Record<string, number>) => any;
|
|
43
|
+
"column-resize": (payload: import('./BingTable.types').BingTableColumnResizePayload) => any;
|
|
44
|
+
"update:columnOrder": (order: string[]) => any;
|
|
45
|
+
"column-reorder": (payload: import('./BingTable.types').BingTableColumnReorderPayload) => any;
|
|
46
|
+
"update:hiddenColumnKeys": (keys: string[]) => any;
|
|
47
|
+
"column-visibility-change": (payload: import('./BingTable.types').BingTableColumnVisibilityPayload) => any;
|
|
48
|
+
"update:columnFixed": (columnFixed: Record<string, BingTableFixed | null>) => any;
|
|
49
|
+
"column-fixed-change": (payload: import('./BingTable.types').BingTableColumnFixedPayload) => any;
|
|
50
|
+
"update:page": (page: number) => any;
|
|
51
|
+
"update:pageSize": (pageSize: number) => any;
|
|
52
|
+
"page-change": (payload: import('./BingTable.types').BingTablePageChangePayload) => any;
|
|
53
|
+
"update:sortKey": (key: string | null) => any;
|
|
54
|
+
"update:sortOrder": (order: BingTableSortOrder) => any;
|
|
55
|
+
"sort-change": (payload: import('./BingTable.types').BingTableSortPayload) => any;
|
|
56
|
+
"row-click": (row: BingTableRow, event: MouseEvent) => any;
|
|
57
|
+
}, string, import('vue').PublicProps, Readonly<BingTableProps> & Readonly<{
|
|
58
|
+
onScroll?: ((event: Event) => any) | undefined;
|
|
59
|
+
"onUpdate:selectedRowKeys"?: ((keys: BingTableKey[]) => any) | undefined;
|
|
60
|
+
"onSelection-change"?: ((payload: import('./BingTable.types').BingTableSelectionPayload) => any) | undefined;
|
|
61
|
+
"onUpdate:expandedRowKeys"?: ((keys: BingTableKey[]) => any) | undefined;
|
|
62
|
+
"onExpand-change"?: ((payload: import('./BingTable.types').BingTableExpandPayload) => any) | undefined;
|
|
63
|
+
"onUpdate:columnWidths"?: ((widths: Record<string, number>) => any) | undefined;
|
|
64
|
+
"onColumn-resize"?: ((payload: import('./BingTable.types').BingTableColumnResizePayload) => any) | undefined;
|
|
65
|
+
"onUpdate:columnOrder"?: ((order: string[]) => any) | undefined;
|
|
66
|
+
"onColumn-reorder"?: ((payload: import('./BingTable.types').BingTableColumnReorderPayload) => any) | undefined;
|
|
67
|
+
"onUpdate:hiddenColumnKeys"?: ((keys: string[]) => any) | undefined;
|
|
68
|
+
"onColumn-visibility-change"?: ((payload: import('./BingTable.types').BingTableColumnVisibilityPayload) => any) | undefined;
|
|
69
|
+
"onUpdate:columnFixed"?: ((columnFixed: Record<string, BingTableFixed | null>) => any) | undefined;
|
|
70
|
+
"onColumn-fixed-change"?: ((payload: import('./BingTable.types').BingTableColumnFixedPayload) => any) | undefined;
|
|
71
|
+
"onUpdate:page"?: ((page: number) => any) | undefined;
|
|
72
|
+
"onUpdate:pageSize"?: ((pageSize: number) => any) | undefined;
|
|
73
|
+
"onPage-change"?: ((payload: import('./BingTable.types').BingTablePageChangePayload) => any) | undefined;
|
|
74
|
+
"onUpdate:sortKey"?: ((key: string | null) => any) | undefined;
|
|
75
|
+
"onUpdate:sortOrder"?: ((order: BingTableSortOrder) => any) | undefined;
|
|
76
|
+
"onSort-change"?: ((payload: import('./BingTable.types').BingTableSortPayload) => any) | undefined;
|
|
77
|
+
"onRow-click"?: ((row: BingTableRow, event: MouseEvent) => any) | undefined;
|
|
78
|
+
}>, {
|
|
79
|
+
columns: BingTableColumn[];
|
|
80
|
+
height: number | string;
|
|
81
|
+
maxHeight: number | string;
|
|
82
|
+
data: BingTableRow[];
|
|
83
|
+
ariaLabel: string;
|
|
84
|
+
size: import('./BingTable.types').BingTableSize;
|
|
85
|
+
loading: boolean;
|
|
86
|
+
page: number;
|
|
87
|
+
emptyText: string;
|
|
88
|
+
virtual: import('./BingTable.types').BingTableVirtualMode;
|
|
89
|
+
virtualThreshold: number;
|
|
90
|
+
virtualOverscan: number;
|
|
91
|
+
rowKey: string | import('./BingTable.types').BingTableRowKeyGetter;
|
|
92
|
+
childrenKey: string;
|
|
93
|
+
bordered: boolean;
|
|
94
|
+
striped: boolean;
|
|
95
|
+
loadingText: string;
|
|
96
|
+
selectable: boolean;
|
|
97
|
+
selectionMode: import('./BingTable.types').BingTableSelectionMode;
|
|
98
|
+
selectedRowKeys: BingTableKey[];
|
|
99
|
+
defaultSelectedRowKeys: BingTableKey[];
|
|
100
|
+
rowDisabled: import('./BingTable.types').BingTableRowDisabled;
|
|
101
|
+
selectOnRowClick: boolean;
|
|
102
|
+
selectionFixed: boolean;
|
|
103
|
+
selectionColumnWidth: number;
|
|
104
|
+
expandedRowKeys: BingTableKey[];
|
|
105
|
+
defaultExpandedRowKeys: BingTableKey[];
|
|
106
|
+
defaultExpandAll: boolean;
|
|
107
|
+
treeColumnKey: string;
|
|
108
|
+
indentSize: number;
|
|
109
|
+
columnWidths: Record<string, number>;
|
|
110
|
+
defaultColumnWidths: Record<string, number>;
|
|
111
|
+
columnOrder: string[];
|
|
112
|
+
defaultColumnOrder: string[];
|
|
113
|
+
hiddenColumnKeys: string[];
|
|
114
|
+
defaultHiddenColumnKeys: string[];
|
|
115
|
+
columnFixed: Record<string, BingTableFixed | null>;
|
|
116
|
+
defaultColumnFixed: Record<string, BingTableFixed | null>;
|
|
117
|
+
resizableColumns: boolean;
|
|
118
|
+
reorderableColumns: boolean;
|
|
119
|
+
showColumnControls: boolean;
|
|
120
|
+
virtualRowHeight: number;
|
|
121
|
+
pagination: boolean;
|
|
122
|
+
remotePagination: boolean;
|
|
123
|
+
preservePageHeight: boolean;
|
|
124
|
+
defaultPage: number;
|
|
125
|
+
pageSize: number;
|
|
126
|
+
defaultPageSize: number;
|
|
127
|
+
pageSizeOptions: number[];
|
|
128
|
+
total: number;
|
|
129
|
+
sortKey: string | null;
|
|
130
|
+
defaultSortKey: string | null;
|
|
131
|
+
sortOrder: BingTableSortOrder;
|
|
132
|
+
defaultSortOrder: BingTableSortOrder;
|
|
133
|
+
rowClass: import('./BingTable.types').BingTableRowClass;
|
|
134
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
135
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
136
|
+
declare const _default: typeof __VLS_export;
|
|
137
|
+
export default _default;
|
|
138
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
139
|
+
new (): {
|
|
140
|
+
$slots: S;
|
|
141
|
+
};
|
|
142
|
+
};
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
export type BingTabValue = string | number;
|
|
2
|
+
export type BingTabsSize = 'sm' | 'md' | 'lg';
|
|
3
|
+
export type BingTabsVariant = 'pill' | 'glass' | 'soft';
|
|
4
|
+
export type BingTabsActivation = 'auto' | 'manual';
|
|
5
|
+
export interface BingTabItem {
|
|
6
|
+
value: BingTabValue;
|
|
7
|
+
label: string;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
ariaLabel?: string;
|
|
10
|
+
[key: string]: unknown;
|
|
11
|
+
}
|
|
12
|
+
export interface BingTabsProps {
|
|
13
|
+
modelValue?: BingTabValue;
|
|
14
|
+
items?: BingTabItem[];
|
|
15
|
+
size?: BingTabsSize;
|
|
16
|
+
variant?: BingTabsVariant;
|
|
17
|
+
activation?: BingTabsActivation;
|
|
18
|
+
disabled?: boolean;
|
|
19
|
+
block?: boolean;
|
|
20
|
+
loop?: boolean;
|
|
21
|
+
animated?: boolean;
|
|
22
|
+
respectReducedMotion?: boolean;
|
|
23
|
+
ariaLabel?: string;
|
|
24
|
+
}
|
|
25
|
+
export interface BingTabsChangePayload {
|
|
26
|
+
value: BingTabValue;
|
|
27
|
+
previousValue?: BingTabValue;
|
|
28
|
+
item: BingTabItem;
|
|
29
|
+
previousItem?: BingTabItem;
|
|
30
|
+
event: MouseEvent | KeyboardEvent;
|
|
31
|
+
}
|
|
32
|
+
export interface BingTabsFocusPayload {
|
|
33
|
+
value: BingTabValue;
|
|
34
|
+
item: BingTabItem;
|
|
35
|
+
event: FocusEvent;
|
|
36
|
+
}
|
|
37
|
+
export interface BingTabsEmits {
|
|
38
|
+
'update:modelValue': [value: BingTabValue];
|
|
39
|
+
change: [payload: BingTabsChangePayload];
|
|
40
|
+
focus: [payload: BingTabsFocusPayload];
|
|
41
|
+
blur: [payload: BingTabsFocusPayload];
|
|
42
|
+
}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { BingTabItem, BingTabValue, BingTabsChangePayload, BingTabsFocusPayload, BingTabsProps } from './BingTabs.types';
|
|
2
|
+
declare var __VLS_1: {
|
|
3
|
+
item: BingTabItem;
|
|
4
|
+
active: boolean;
|
|
5
|
+
disabled: boolean;
|
|
6
|
+
};
|
|
7
|
+
type __VLS_Slots = {} & {
|
|
8
|
+
item?: (props: typeof __VLS_1) => any;
|
|
9
|
+
};
|
|
10
|
+
declare const __VLS_base: import('vue').DefineComponent<BingTabsProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
11
|
+
"update:modelValue": (value: BingTabValue) => any;
|
|
12
|
+
change: (payload: BingTabsChangePayload) => any;
|
|
13
|
+
focus: (payload: BingTabsFocusPayload) => any;
|
|
14
|
+
blur: (payload: BingTabsFocusPayload) => any;
|
|
15
|
+
}, string, import('vue').PublicProps, Readonly<BingTabsProps> & Readonly<{
|
|
16
|
+
"onUpdate:modelValue"?: ((value: BingTabValue) => any) | undefined;
|
|
17
|
+
onChange?: ((payload: BingTabsChangePayload) => any) | undefined;
|
|
18
|
+
onFocus?: ((payload: BingTabsFocusPayload) => any) | undefined;
|
|
19
|
+
onBlur?: ((payload: BingTabsFocusPayload) => any) | undefined;
|
|
20
|
+
}>, {
|
|
21
|
+
disabled: boolean;
|
|
22
|
+
ariaLabel: string;
|
|
23
|
+
modelValue: BingTabValue;
|
|
24
|
+
items: BingTabItem[];
|
|
25
|
+
size: import('./BingTabs.types').BingTabsSize;
|
|
26
|
+
variant: import('./BingTabs.types').BingTabsVariant;
|
|
27
|
+
activation: import('./BingTabs.types').BingTabsActivation;
|
|
28
|
+
block: boolean;
|
|
29
|
+
loop: boolean;
|
|
30
|
+
animated: boolean;
|
|
31
|
+
respectReducedMotion: boolean;
|
|
32
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
33
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
34
|
+
declare const _default: typeof __VLS_export;
|
|
35
|
+
export default _default;
|
|
36
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
37
|
+
new (): {
|
|
38
|
+
$slots: S;
|
|
39
|
+
};
|
|
40
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export type BingTagSize = 'sm' | 'md' | 'lg';
|
|
2
|
+
export type BingTagTone = 'primary' | 'secondary' | 'neutral' | 'success' | 'danger' | 'warning';
|
|
3
|
+
export type BingTagVariant = 'glass' | 'soft';
|
|
4
|
+
export interface BingTagProps {
|
|
5
|
+
label?: string;
|
|
6
|
+
size?: BingTagSize;
|
|
7
|
+
tone?: BingTagTone;
|
|
8
|
+
variant?: BingTagVariant;
|
|
9
|
+
closable?: boolean;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
closeAriaLabel?: string;
|
|
12
|
+
}
|
|
13
|
+
export interface BingTagEmits {
|
|
14
|
+
close: [event: MouseEvent];
|
|
15
|
+
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { BingTagProps } from './BingTag.types';
|
|
2
|
+
declare var __VLS_1: {};
|
|
3
|
+
type __VLS_Slots = {} & {
|
|
4
|
+
default?: (props: typeof __VLS_1) => any;
|
|
5
|
+
};
|
|
6
|
+
declare const __VLS_base: import('vue').DefineComponent<BingTagProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
7
|
+
close: (event: MouseEvent) => any;
|
|
8
|
+
}, string, import('vue').PublicProps, Readonly<BingTagProps> & Readonly<{
|
|
9
|
+
onClose?: ((event: MouseEvent) => any) | undefined;
|
|
10
|
+
}>, {
|
|
11
|
+
disabled: boolean;
|
|
12
|
+
label: string;
|
|
13
|
+
size: import('./BingTag.types').BingTagSize;
|
|
14
|
+
variant: import('./BingTag.types').BingTagVariant;
|
|
15
|
+
tone: import('./BingTag.types').BingTagTone;
|
|
16
|
+
closable: boolean;
|
|
17
|
+
closeAriaLabel: string;
|
|
18
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
19
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
20
|
+
declare const _default: typeof __VLS_export;
|
|
21
|
+
export default _default;
|
|
22
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
23
|
+
new (): {
|
|
24
|
+
$slots: S;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
export type BingTextareaSize = 'sm' | 'md' | 'lg';
|
|
2
|
+
export type BingTextareaAutosize = boolean | {
|
|
3
|
+
minRows?: number;
|
|
4
|
+
maxRows?: number;
|
|
5
|
+
};
|
|
6
|
+
export interface BingTextareaProps {
|
|
7
|
+
id?: string;
|
|
8
|
+
modelValue?: string;
|
|
9
|
+
placeholder?: string;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
clearable?: boolean;
|
|
12
|
+
rows?: number;
|
|
13
|
+
autosize?: BingTextareaAutosize;
|
|
14
|
+
maxLength?: number;
|
|
15
|
+
showCount?: boolean;
|
|
16
|
+
size?: BingTextareaSize;
|
|
17
|
+
block?: boolean;
|
|
18
|
+
ariaLabel?: string;
|
|
19
|
+
ariaDescribedby?: string;
|
|
20
|
+
status?: 'default' | 'error' | 'success' | 'warning';
|
|
21
|
+
name?: string;
|
|
22
|
+
autocomplete?: string;
|
|
23
|
+
spellcheck?: boolean | 'true' | 'false';
|
|
24
|
+
resize?: 'none' | 'vertical' | 'horizontal' | 'both';
|
|
25
|
+
clearAriaLabel?: string;
|
|
26
|
+
}
|
|
27
|
+
export interface BingTextareaEmits {
|
|
28
|
+
'update:modelValue': [value: string];
|
|
29
|
+
input: [value: string, event: Event];
|
|
30
|
+
clear: [];
|
|
31
|
+
focus: [event: FocusEvent];
|
|
32
|
+
blur: [event: FocusEvent];
|
|
33
|
+
keydown: [event: KeyboardEvent];
|
|
34
|
+
}
|
|
35
|
+
export interface BingTextareaExpose {
|
|
36
|
+
textarea: HTMLTextAreaElement | null;
|
|
37
|
+
focus: () => void;
|
|
38
|
+
blur: () => void;
|
|
39
|
+
select: () => void;
|
|
40
|
+
}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { BingTextareaExpose, BingTextareaProps } from './BingTextarea.types';
|
|
2
|
+
declare const __VLS_export: import('vue').DefineComponent<BingTextareaProps, BingTextareaExpose, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
3
|
+
clear: () => any;
|
|
4
|
+
input: (value: string, event: Event) => any;
|
|
5
|
+
"update:modelValue": (value: string) => any;
|
|
6
|
+
focus: (event: FocusEvent) => any;
|
|
7
|
+
blur: (event: FocusEvent) => any;
|
|
8
|
+
keydown: (event: KeyboardEvent) => any;
|
|
9
|
+
}, string, import('vue').PublicProps, Readonly<BingTextareaProps> & Readonly<{
|
|
10
|
+
onClear?: (() => any) | undefined;
|
|
11
|
+
onInput?: ((value: string, event: Event) => any) | undefined;
|
|
12
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
13
|
+
onFocus?: ((event: FocusEvent) => any) | undefined;
|
|
14
|
+
onBlur?: ((event: FocusEvent) => any) | undefined;
|
|
15
|
+
onKeydown?: ((event: KeyboardEvent) => any) | undefined;
|
|
16
|
+
}>, {
|
|
17
|
+
disabled: boolean;
|
|
18
|
+
resize: "none" | "vertical" | "horizontal" | "both";
|
|
19
|
+
ariaLabel: string;
|
|
20
|
+
modelValue: string;
|
|
21
|
+
size: import('./BingTextarea.types').BingTextareaSize;
|
|
22
|
+
block: boolean;
|
|
23
|
+
name: string;
|
|
24
|
+
id: string;
|
|
25
|
+
ariaDescribedby: string;
|
|
26
|
+
status: "default" | "error" | "success" | "warning";
|
|
27
|
+
placeholder: string;
|
|
28
|
+
clearable: boolean;
|
|
29
|
+
clearAriaLabel: string;
|
|
30
|
+
autocomplete: string;
|
|
31
|
+
spellcheck: boolean | "true" | "false";
|
|
32
|
+
rows: number;
|
|
33
|
+
autosize: import('./BingTextarea.types').BingTextareaAutosize;
|
|
34
|
+
maxLength: number;
|
|
35
|
+
showCount: boolean;
|
|
36
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
37
|
+
declare const _default: typeof __VLS_export;
|
|
38
|
+
export default _default;
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { BingToastItem, BingToastRenderPosition, BingToastService, BingToastType } from './BingToast.types';
|
|
2
|
+
export declare const bingToastItems: import('vue').Ref<{
|
|
3
|
+
id: string;
|
|
4
|
+
type: BingToastType;
|
|
5
|
+
title?: string | undefined;
|
|
6
|
+
message: string;
|
|
7
|
+
duration: number;
|
|
8
|
+
closable: boolean;
|
|
9
|
+
position: BingToastRenderPosition;
|
|
10
|
+
createdAt: number;
|
|
11
|
+
order: number;
|
|
12
|
+
ariaLabel?: string | undefined;
|
|
13
|
+
closeAriaLabel: string;
|
|
14
|
+
glass?: boolean | undefined;
|
|
15
|
+
glassBlur?: string | number | undefined;
|
|
16
|
+
glassOpacity?: number | undefined;
|
|
17
|
+
glassSaturation?: number | undefined;
|
|
18
|
+
}[], BingToastItem[] | {
|
|
19
|
+
id: string;
|
|
20
|
+
type: BingToastType;
|
|
21
|
+
title?: string | undefined;
|
|
22
|
+
message: string;
|
|
23
|
+
duration: number;
|
|
24
|
+
closable: boolean;
|
|
25
|
+
position: BingToastRenderPosition;
|
|
26
|
+
createdAt: number;
|
|
27
|
+
order: number;
|
|
28
|
+
ariaLabel?: string | undefined;
|
|
29
|
+
closeAriaLabel: string;
|
|
30
|
+
glass?: boolean | undefined;
|
|
31
|
+
glassBlur?: string | number | undefined;
|
|
32
|
+
glassOpacity?: number | undefined;
|
|
33
|
+
glassSaturation?: number | undefined;
|
|
34
|
+
}[]>;
|
|
35
|
+
export declare const activeBingToastViewportId: import('vue').Ref<string | undefined, string | undefined>;
|
|
36
|
+
export declare function pauseBingToastTimer(id: string | number): void;
|
|
37
|
+
export declare function resumeBingToastTimer(id: string | number): void;
|
|
38
|
+
export declare function pauseAllBingToastTimers(): void;
|
|
39
|
+
export declare function restartAllBingToastTimers(): void;
|
|
40
|
+
export declare function createBingToastViewportId(): string;
|
|
41
|
+
export declare function registerBingToastViewport(id: string): void;
|
|
42
|
+
export declare function unregisterBingToastViewport(id: string): void;
|
|
43
|
+
export declare const bingToast: BingToastService;
|
|
44
|
+
export declare function useBingToast(): BingToastService;
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { BingGlassEffectProps } from '../../utils/glass';
|
|
2
|
+
export declare const BING_TOAST_POSITIONS: readonly ["top", "bottom", "left", "right", "top-left", "top-right", "bottom-left", "bottom-right"];
|
|
3
|
+
export declare const BING_TOAST_POSITION_ALIASES: readonly ["top-center", "bottom-center"];
|
|
4
|
+
export declare const BING_TOAST_POSITION_OPTIONS: readonly ["top", "bottom", "left", "right", "top-left", "top-right", "bottom-left", "bottom-right", "top-center", "bottom-center"];
|
|
5
|
+
export type BingToastRenderPosition = (typeof BING_TOAST_POSITIONS)[number];
|
|
6
|
+
export type BingToastPosition = (typeof BING_TOAST_POSITION_OPTIONS)[number];
|
|
7
|
+
export type BingToastViewportPosition = BingToastPosition | 'all';
|
|
8
|
+
export type BingToastType = 'default' | 'success' | 'error' | 'loading' | 'warning' | 'info';
|
|
9
|
+
export type BingToastInput = string | BingToastOptions;
|
|
10
|
+
export interface BingToastOptions extends BingGlassEffectProps {
|
|
11
|
+
id?: string | number;
|
|
12
|
+
title?: string;
|
|
13
|
+
message?: string;
|
|
14
|
+
type?: BingToastType;
|
|
15
|
+
duration?: number;
|
|
16
|
+
closable?: boolean;
|
|
17
|
+
position?: BingToastPosition;
|
|
18
|
+
ariaLabel?: string;
|
|
19
|
+
closeAriaLabel?: string;
|
|
20
|
+
}
|
|
21
|
+
export interface BingToastItem extends BingGlassEffectProps {
|
|
22
|
+
id: string;
|
|
23
|
+
type: BingToastType;
|
|
24
|
+
title?: string;
|
|
25
|
+
message: string;
|
|
26
|
+
duration: number;
|
|
27
|
+
closable: boolean;
|
|
28
|
+
position: BingToastRenderPosition;
|
|
29
|
+
createdAt: number;
|
|
30
|
+
order: number;
|
|
31
|
+
ariaLabel?: string;
|
|
32
|
+
closeAriaLabel: string;
|
|
33
|
+
}
|
|
34
|
+
export interface BingToastProps extends BingGlassEffectProps {
|
|
35
|
+
viewportPosition?: BingToastViewportPosition;
|
|
36
|
+
zIndex?: number;
|
|
37
|
+
offset?: string | number;
|
|
38
|
+
gap?: string | number;
|
|
39
|
+
width?: string | number;
|
|
40
|
+
max?: number;
|
|
41
|
+
}
|
|
42
|
+
export interface BingToastEmits {
|
|
43
|
+
close: [toast: BingToastItem];
|
|
44
|
+
}
|
|
45
|
+
export interface BingToastService {
|
|
46
|
+
show: (input: BingToastInput) => string;
|
|
47
|
+
success: (input: BingToastInput) => string;
|
|
48
|
+
error: (input: BingToastInput) => string;
|
|
49
|
+
fail: (input: BingToastInput) => string;
|
|
50
|
+
failed: (input: BingToastInput) => string;
|
|
51
|
+
loading: (input: BingToastInput) => string;
|
|
52
|
+
warning: (input: BingToastInput) => string;
|
|
53
|
+
info: (input: BingToastInput) => string;
|
|
54
|
+
close: (id: string | number) => void;
|
|
55
|
+
clear: (position?: BingToastPosition) => void;
|
|
56
|
+
getToasts: () => BingToastItem[];
|
|
57
|
+
}
|
|
58
|
+
export declare function normalizeBingToastPosition(position: BingToastPosition | undefined, fallback?: BingToastRenderPosition): "left" | "right" | "bottom" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { BingToastItem, BingToastProps } from './BingToast.types';
|
|
2
|
+
declare const __VLS_export: import('vue').DefineComponent<BingToastProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
3
|
+
close: (toast: BingToastItem) => any;
|
|
4
|
+
}, string, import('vue').PublicProps, Readonly<BingToastProps> & Readonly<{
|
|
5
|
+
onClose?: ((toast: BingToastItem) => any) | undefined;
|
|
6
|
+
}>, {
|
|
7
|
+
gap: string | number;
|
|
8
|
+
width: string | number;
|
|
9
|
+
zIndex: number;
|
|
10
|
+
glass: boolean;
|
|
11
|
+
glassBlur: string | number;
|
|
12
|
+
glassOpacity: number;
|
|
13
|
+
glassSaturation: number;
|
|
14
|
+
max: number;
|
|
15
|
+
offset: string | number;
|
|
16
|
+
viewportPosition: import('./BingToast.types').BingToastViewportPosition;
|
|
17
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
18
|
+
declare const _default: typeof __VLS_export;
|
|
19
|
+
export default _default;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { default as BingToast } from './BingToast.vue';
|
|
2
|
+
export { bingToast, useBingToast } from './BingToast.service';
|
|
3
|
+
export { BING_TOAST_POSITION_ALIASES, BING_TOAST_POSITION_OPTIONS, BING_TOAST_POSITIONS, normalizeBingToastPosition, } from './BingToast.types';
|
|
4
|
+
export type { BingToastEmits, BingToastInput, BingToastItem, BingToastOptions, BingToastPosition, BingToastProps, BingToastRenderPosition, BingToastService, BingToastType, BingToastViewportPosition, } from './BingToast.types';
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { Component, Ref } from 'vue';
|
|
2
|
+
import { BingTooltipAlign, BingTooltipCloseReason, BingTooltipPlacement } from './BingTooltip.types';
|
|
3
|
+
export interface BingTooltipSharedOwner {
|
|
4
|
+
id: string;
|
|
5
|
+
rootRef: Ref<HTMLElement | null>;
|
|
6
|
+
contentComponent: Component;
|
|
7
|
+
clearCloseTimer: () => void;
|
|
8
|
+
getAlign: () => BingTooltipAlign;
|
|
9
|
+
getAriaLabel: () => string | undefined;
|
|
10
|
+
getCloseOnEsc: () => boolean;
|
|
11
|
+
getCloseOnOutside: () => boolean;
|
|
12
|
+
getHasContent: () => boolean;
|
|
13
|
+
getHasHoverTrigger: () => boolean;
|
|
14
|
+
getInteractive: () => boolean;
|
|
15
|
+
getGlassStyle: () => Record<string, string>;
|
|
16
|
+
getMaxWidth: () => string;
|
|
17
|
+
getOffset: () => number;
|
|
18
|
+
getPlacement: () => BingTooltipPlacement;
|
|
19
|
+
getTooltipId: () => string;
|
|
20
|
+
getViewportPadding: () => number;
|
|
21
|
+
getZIndex: () => number;
|
|
22
|
+
hide: (reason?: BingTooltipCloseReason) => void;
|
|
23
|
+
scheduleClose: (reason: BingTooltipCloseReason) => void;
|
|
24
|
+
}
|
|
25
|
+
export declare const sharedTooltipActiveOwner: import('vue').ShallowRef<BingTooltipSharedOwner | undefined, BingTooltipSharedOwner | undefined>;
|
|
26
|
+
export declare const sharedTooltipHostId: import('vue').ShallowRef<string | undefined, string | undefined>;
|
|
27
|
+
export declare const sharedTooltipPanelElement: import('vue').ShallowRef<HTMLElement | null, HTMLElement | null>;
|
|
28
|
+
export declare const sharedTooltipSuppressRootClickOwnerId: import('vue').ShallowRef<string | undefined, string | undefined>;
|
|
29
|
+
export declare const sharedTooltipShouldRender: import('vue').ShallowRef<boolean, boolean>;
|
|
30
|
+
export declare function createTooltipOwnerId(): string;
|
|
31
|
+
export declare function registerTooltipOwner(owner: BingTooltipSharedOwner): void;
|
|
32
|
+
export declare function unregisterTooltipOwner(owner: BingTooltipSharedOwner): void;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { BingGlassEffectProps } from '../../utils/glass';
|
|
2
|
+
export type BingTooltipTrigger = 'hover' | 'click' | 'manual';
|
|
3
|
+
export type BingTooltipPlacement = 'top' | 'right' | 'bottom' | 'left';
|
|
4
|
+
export type BingTooltipAlign = 'start' | 'center' | 'end';
|
|
5
|
+
export type BingTooltipOpenReason = 'hover' | 'click' | 'focus' | 'manual';
|
|
6
|
+
export type BingTooltipCloseReason = 'hover' | 'click' | 'focus' | 'outside' | 'escape' | 'manual' | 'disabled';
|
|
7
|
+
export interface BingTooltipProps extends BingGlassEffectProps {
|
|
8
|
+
modelValue?: boolean;
|
|
9
|
+
content?: string;
|
|
10
|
+
trigger?: BingTooltipTrigger | BingTooltipTrigger[];
|
|
11
|
+
placement?: BingTooltipPlacement;
|
|
12
|
+
align?: BingTooltipAlign;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
interactive?: boolean;
|
|
15
|
+
openDelay?: number;
|
|
16
|
+
closeDelay?: number;
|
|
17
|
+
offset?: number;
|
|
18
|
+
viewportPadding?: number;
|
|
19
|
+
maxWidth?: string | number;
|
|
20
|
+
zIndex?: number;
|
|
21
|
+
closeOnOutside?: boolean;
|
|
22
|
+
closeOnEsc?: boolean;
|
|
23
|
+
id?: string;
|
|
24
|
+
ariaLabel?: string;
|
|
25
|
+
}
|
|
26
|
+
export interface BingTooltipEmits {
|
|
27
|
+
'update:modelValue': [value: boolean];
|
|
28
|
+
open: [reason: BingTooltipOpenReason];
|
|
29
|
+
close: [reason: BingTooltipCloseReason];
|
|
30
|
+
}
|
|
31
|
+
export interface BingTooltipExpose {
|
|
32
|
+
show: (reason?: BingTooltipOpenReason) => void;
|
|
33
|
+
hide: (reason?: BingTooltipCloseReason) => void;
|
|
34
|
+
toggle: (reason?: BingTooltipOpenReason | BingTooltipCloseReason) => void;
|
|
35
|
+
updatePosition: () => void;
|
|
36
|
+
}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { BingTooltipAlign, BingTooltipCloseReason, BingTooltipExpose, BingTooltipOpenReason, BingTooltipPlacement, BingTooltipProps, BingTooltipTrigger } from './BingTooltip.types';
|
|
2
|
+
declare function show(reason?: BingTooltipOpenReason): void;
|
|
3
|
+
declare function hide(reason?: BingTooltipCloseReason): void;
|
|
4
|
+
declare function toggle(reason?: BingTooltipOpenReason | BingTooltipCloseReason): void;
|
|
5
|
+
declare var __VLS_1: {
|
|
6
|
+
open: boolean;
|
|
7
|
+
show: typeof show;
|
|
8
|
+
hide: typeof hide;
|
|
9
|
+
toggle: typeof toggle;
|
|
10
|
+
};
|
|
11
|
+
type __VLS_Slots = {} & {
|
|
12
|
+
default?: (props: typeof __VLS_1) => any;
|
|
13
|
+
};
|
|
14
|
+
declare const __VLS_base: import('vue').DefineComponent<BingTooltipProps, BingTooltipExpose, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
15
|
+
"update:modelValue": (value: boolean) => any;
|
|
16
|
+
close: (reason: BingTooltipCloseReason) => any;
|
|
17
|
+
open: (reason: BingTooltipOpenReason) => any;
|
|
18
|
+
}, string, import('vue').PublicProps, Readonly<BingTooltipProps> & Readonly<{
|
|
19
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
20
|
+
onClose?: ((reason: BingTooltipCloseReason) => any) | undefined;
|
|
21
|
+
onOpen?: ((reason: BingTooltipOpenReason) => any) | undefined;
|
|
22
|
+
}>, {
|
|
23
|
+
trigger: BingTooltipTrigger | BingTooltipTrigger[];
|
|
24
|
+
disabled: boolean;
|
|
25
|
+
content: string;
|
|
26
|
+
maxWidth: string | number;
|
|
27
|
+
zIndex: number;
|
|
28
|
+
glass: boolean;
|
|
29
|
+
ariaLabel: string;
|
|
30
|
+
glassBlur: string | number;
|
|
31
|
+
glassOpacity: number;
|
|
32
|
+
glassSaturation: number;
|
|
33
|
+
interactive: boolean;
|
|
34
|
+
id: string;
|
|
35
|
+
offset: number;
|
|
36
|
+
placement: BingTooltipPlacement;
|
|
37
|
+
align: BingTooltipAlign;
|
|
38
|
+
openDelay: number;
|
|
39
|
+
closeDelay: number;
|
|
40
|
+
viewportPadding: number;
|
|
41
|
+
closeOnOutside: boolean;
|
|
42
|
+
closeOnEsc: boolean;
|
|
43
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
44
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
45
|
+
declare const _default: typeof __VLS_export;
|
|
46
|
+
export default _default;
|
|
47
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
48
|
+
new (): {
|
|
49
|
+
$slots: S;
|
|
50
|
+
};
|
|
51
|
+
};
|