@moubing/bing-ui 0.1.0 → 0.1.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/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/BingSideNav/BingSideNav.types.d.ts +57 -0
- package/dist/components/BingSideNav/BingSideNav.vue.d.ts +89 -0
- package/dist/components/BingSideNav/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 +33 -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,21 @@
|
|
|
1
|
+
export type BingAnimatedTextEffect = 'none' | 'shine' | 'jump';
|
|
2
|
+
export type BingAnimatedTextTrigger = 'always' | 'hover' | 'once';
|
|
3
|
+
export type BingAnimatedTextShineDirection = 'left' | 'right';
|
|
4
|
+
export interface BingAnimatedTextProps {
|
|
5
|
+
effect?: BingAnimatedTextEffect;
|
|
6
|
+
trigger?: BingAnimatedTextTrigger;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
shineColor?: string;
|
|
9
|
+
shineBaseColor?: string;
|
|
10
|
+
shineSpeed?: number;
|
|
11
|
+
shineDelay?: number;
|
|
12
|
+
shineInterval?: number;
|
|
13
|
+
shineDirection?: BingAnimatedTextShineDirection;
|
|
14
|
+
shineAngle?: number;
|
|
15
|
+
jumpY?: number;
|
|
16
|
+
jumpStagger?: number;
|
|
17
|
+
jumpDuration?: number;
|
|
18
|
+
jumpEase?: string;
|
|
19
|
+
jumpReturnEase?: string;
|
|
20
|
+
jumpRepeatDelay?: number;
|
|
21
|
+
}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { BingAnimatedTextProps } from './BingAnimatedText.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<BingAnimatedTextProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BingAnimatedTextProps> & Readonly<{}>, {
|
|
7
|
+
effect: import('./BingAnimatedText.types').BingAnimatedTextEffect;
|
|
8
|
+
trigger: import('./BingAnimatedText.types').BingAnimatedTextTrigger;
|
|
9
|
+
disabled: boolean;
|
|
10
|
+
shineColor: string;
|
|
11
|
+
shineBaseColor: string;
|
|
12
|
+
shineSpeed: number;
|
|
13
|
+
shineDelay: number;
|
|
14
|
+
shineInterval: number;
|
|
15
|
+
shineDirection: import('./BingAnimatedText.types').BingAnimatedTextShineDirection;
|
|
16
|
+
shineAngle: number;
|
|
17
|
+
jumpY: number;
|
|
18
|
+
jumpStagger: number;
|
|
19
|
+
jumpDuration: number;
|
|
20
|
+
jumpEase: string;
|
|
21
|
+
jumpReturnEase: string;
|
|
22
|
+
jumpRepeatDelay: number;
|
|
23
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
24
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
25
|
+
declare const _default: typeof __VLS_export;
|
|
26
|
+
export default _default;
|
|
27
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
28
|
+
new (): {
|
|
29
|
+
$slots: S;
|
|
30
|
+
};
|
|
31
|
+
};
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { BingTabValue } from '../BingTabs';
|
|
2
|
+
export interface BingAppSwitcherTransitionItem {
|
|
3
|
+
value: BingTabValue;
|
|
4
|
+
label: string;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
ariaLabel?: string;
|
|
7
|
+
[key: string]: unknown;
|
|
8
|
+
}
|
|
9
|
+
export interface BingAppSwitcherTransitionProps {
|
|
10
|
+
modelValue?: BingTabValue;
|
|
11
|
+
items?: BingAppSwitcherTransitionItem[];
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
respectReducedMotion?: boolean;
|
|
14
|
+
loop?: boolean;
|
|
15
|
+
showTabs?: boolean;
|
|
16
|
+
ariaLabel?: string;
|
|
17
|
+
}
|
|
18
|
+
export interface BingAppSwitcherTransitionSlotProps {
|
|
19
|
+
item: BingAppSwitcherTransitionItem;
|
|
20
|
+
index: number;
|
|
21
|
+
active: boolean;
|
|
22
|
+
isAnimating: boolean;
|
|
23
|
+
}
|
|
24
|
+
export interface BingAppSwitcherTransitionChangePayload {
|
|
25
|
+
value: BingTabValue;
|
|
26
|
+
previousValue?: BingTabValue;
|
|
27
|
+
item: BingAppSwitcherTransitionItem;
|
|
28
|
+
previousItem?: BingAppSwitcherTransitionItem;
|
|
29
|
+
}
|
|
30
|
+
export interface BingAppSwitcherTransitionEmits {
|
|
31
|
+
'update:modelValue': [value: BingTabValue];
|
|
32
|
+
change: [payload: BingAppSwitcherTransitionChangePayload];
|
|
33
|
+
}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { BingTabValue } from '../BingTabs';
|
|
2
|
+
import { BingAppSwitcherTransitionProps, BingAppSwitcherTransitionSlotProps } from './BingAppSwitcherTransition.types';
|
|
3
|
+
type __VLS_Slots = {
|
|
4
|
+
default?: (props: BingAppSwitcherTransitionSlotProps) => unknown;
|
|
5
|
+
};
|
|
6
|
+
declare const __VLS_base: import('vue').DefineComponent<BingAppSwitcherTransitionProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
7
|
+
"update:modelValue": (value: BingTabValue) => any;
|
|
8
|
+
change: (payload: import('./BingAppSwitcherTransition.types').BingAppSwitcherTransitionChangePayload) => any;
|
|
9
|
+
}, string, import('vue').PublicProps, Readonly<BingAppSwitcherTransitionProps> & Readonly<{
|
|
10
|
+
"onUpdate:modelValue"?: ((value: BingTabValue) => any) | undefined;
|
|
11
|
+
onChange?: ((payload: import('./BingAppSwitcherTransition.types').BingAppSwitcherTransitionChangePayload) => any) | undefined;
|
|
12
|
+
}>, {
|
|
13
|
+
disabled: boolean;
|
|
14
|
+
ariaLabel: string;
|
|
15
|
+
modelValue: BingTabValue;
|
|
16
|
+
items: import('./BingAppSwitcherTransition.types').BingAppSwitcherTransitionItem[];
|
|
17
|
+
loop: boolean;
|
|
18
|
+
respectReducedMotion: boolean;
|
|
19
|
+
showTabs: boolean;
|
|
20
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
21
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
22
|
+
declare const _default: typeof __VLS_export;
|
|
23
|
+
export default _default;
|
|
24
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
25
|
+
new (): {
|
|
26
|
+
$slots: S;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
export type BingButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'danger' | 'success' | 'warning';
|
|
2
|
+
export type BingButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
3
|
+
export type BingButtonRounded = 'none' | 'sm' | 'md' | 'lg' | 'full';
|
|
4
|
+
export type BingButtonHtmlType = 'button' | 'submit' | 'reset';
|
|
5
|
+
export type BingButtonTextShine = 'none' | 'hover' | 'always';
|
|
6
|
+
export type BingButtonTextEffect = 'none' | 'shine' | 'jump';
|
|
7
|
+
export type BingButtonTextEffectTrigger = 'always' | 'hover';
|
|
8
|
+
export type BingButtonShineDirection = 'left' | 'right';
|
|
9
|
+
export interface BingButtonProps {
|
|
10
|
+
variant?: BingButtonVariant;
|
|
11
|
+
size?: BingButtonSize;
|
|
12
|
+
rounded?: BingButtonRounded;
|
|
13
|
+
htmlType?: BingButtonHtmlType;
|
|
14
|
+
disabled?: boolean;
|
|
15
|
+
loading?: boolean;
|
|
16
|
+
block?: boolean;
|
|
17
|
+
throttle?: boolean;
|
|
18
|
+
throttleDelay?: number;
|
|
19
|
+
textEffect?: BingButtonTextEffect;
|
|
20
|
+
textEffectTrigger?: BingButtonTextEffectTrigger;
|
|
21
|
+
textShine?: BingButtonTextShine;
|
|
22
|
+
shineColor?: string;
|
|
23
|
+
shineBaseColor?: string;
|
|
24
|
+
shineSpeed?: number;
|
|
25
|
+
shineDelay?: number;
|
|
26
|
+
shineInterval?: number;
|
|
27
|
+
shineDirection?: BingButtonShineDirection;
|
|
28
|
+
shineAngle?: number;
|
|
29
|
+
textJumpY?: number;
|
|
30
|
+
textJumpStagger?: number;
|
|
31
|
+
textJumpDuration?: number;
|
|
32
|
+
textJumpEase?: string;
|
|
33
|
+
textJumpReturnEase?: string;
|
|
34
|
+
textJumpRepeatDelay?: number;
|
|
35
|
+
ariaLabel?: string;
|
|
36
|
+
}
|
|
37
|
+
export interface BingButtonThrottledPayload {
|
|
38
|
+
event: MouseEvent;
|
|
39
|
+
remaining: number;
|
|
40
|
+
}
|
|
41
|
+
export interface BingButtonEmits {
|
|
42
|
+
click: [event: MouseEvent];
|
|
43
|
+
throttled: [payload: BingButtonThrottledPayload];
|
|
44
|
+
focus: [event: FocusEvent];
|
|
45
|
+
blur: [event: FocusEvent];
|
|
46
|
+
}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { BingButtonProps } from './BingButton.types';
|
|
2
|
+
declare var __VLS_1: {}, __VLS_9: {}, __VLS_11: {};
|
|
3
|
+
type __VLS_Slots = {} & {
|
|
4
|
+
prefix?: (props: typeof __VLS_1) => any;
|
|
5
|
+
} & {
|
|
6
|
+
default?: (props: typeof __VLS_9) => any;
|
|
7
|
+
} & {
|
|
8
|
+
suffix?: (props: typeof __VLS_11) => any;
|
|
9
|
+
};
|
|
10
|
+
declare const __VLS_base: import('vue').DefineComponent<BingButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
11
|
+
focus: (event: FocusEvent) => any;
|
|
12
|
+
blur: (event: FocusEvent) => any;
|
|
13
|
+
click: (event: MouseEvent) => any;
|
|
14
|
+
throttled: (payload: import('./BingButton.types').BingButtonThrottledPayload) => any;
|
|
15
|
+
}, string, import('vue').PublicProps, Readonly<BingButtonProps> & Readonly<{
|
|
16
|
+
onFocus?: ((event: FocusEvent) => any) | undefined;
|
|
17
|
+
onBlur?: ((event: FocusEvent) => any) | undefined;
|
|
18
|
+
onClick?: ((event: MouseEvent) => any) | undefined;
|
|
19
|
+
onThrottled?: ((payload: import('./BingButton.types').BingButtonThrottledPayload) => any) | undefined;
|
|
20
|
+
}>, {
|
|
21
|
+
disabled: boolean;
|
|
22
|
+
shineColor: string;
|
|
23
|
+
shineBaseColor: string;
|
|
24
|
+
shineSpeed: number;
|
|
25
|
+
shineDelay: number;
|
|
26
|
+
shineInterval: number;
|
|
27
|
+
shineDirection: import('./BingButton.types').BingButtonShineDirection;
|
|
28
|
+
shineAngle: number;
|
|
29
|
+
ariaLabel: string;
|
|
30
|
+
size: import('./BingButton.types').BingButtonSize;
|
|
31
|
+
variant: import('./BingButton.types').BingButtonVariant;
|
|
32
|
+
block: boolean;
|
|
33
|
+
rounded: import('./BingButton.types').BingButtonRounded;
|
|
34
|
+
htmlType: import('./BingButton.types').BingButtonHtmlType;
|
|
35
|
+
loading: boolean;
|
|
36
|
+
throttle: boolean;
|
|
37
|
+
throttleDelay: number;
|
|
38
|
+
textJumpY: number;
|
|
39
|
+
textJumpStagger: number;
|
|
40
|
+
textJumpDuration: number;
|
|
41
|
+
textJumpEase: string;
|
|
42
|
+
textJumpReturnEase: string;
|
|
43
|
+
textJumpRepeatDelay: number;
|
|
44
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
45
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
46
|
+
declare const _default: typeof __VLS_export;
|
|
47
|
+
export default _default;
|
|
48
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
49
|
+
new (): {
|
|
50
|
+
$slots: S;
|
|
51
|
+
};
|
|
52
|
+
};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export { default as BingButton } from './BingButton.vue';
|
|
2
|
+
export type { BingButtonEmits, BingButtonHtmlType, BingButtonProps, BingButtonRounded, BingButtonSize, BingButtonTextEffect, BingButtonTextEffectTrigger, BingButtonTextShine, BingButtonThrottledPayload, BingButtonVariant, } from './BingButton.types';
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { BingGlassEffectProps } from '../../utils/glass';
|
|
2
|
+
export type BingCardVariant = 'plain' | 'soft' | 'accent' | 'sky';
|
|
3
|
+
export type BingCardPadding = 'none' | 'sm' | 'md' | 'lg';
|
|
4
|
+
export type BingCardRounded = 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
|
|
5
|
+
export type BingCardEntrance = 'none' | 'fade-up' | 'bubble' | 'rotate-up' | 'soft-pop';
|
|
6
|
+
export type BingCardFlipAxis = 'x' | 'y' | 'z';
|
|
7
|
+
export type BingCardFlipSide = 'front' | 'back';
|
|
8
|
+
export type BingCardFlipTrigger = 'none' | 'click' | 'press';
|
|
9
|
+
export type BingCardLongPressRelease = 'restore' | 'stay';
|
|
10
|
+
export interface BingCardProps extends BingGlassEffectProps {
|
|
11
|
+
title?: string;
|
|
12
|
+
description?: string;
|
|
13
|
+
variant?: BingCardVariant;
|
|
14
|
+
padding?: BingCardPadding;
|
|
15
|
+
rounded?: BingCardRounded;
|
|
16
|
+
glass?: boolean;
|
|
17
|
+
interactive?: boolean;
|
|
18
|
+
tilt?: boolean;
|
|
19
|
+
tiltMax?: number;
|
|
20
|
+
tiltScale?: number;
|
|
21
|
+
glare?: boolean;
|
|
22
|
+
entrance?: BingCardEntrance;
|
|
23
|
+
entranceOnce?: boolean;
|
|
24
|
+
entranceDelay?: number;
|
|
25
|
+
entranceDuration?: number;
|
|
26
|
+
flipAxis?: BingCardFlipAxis;
|
|
27
|
+
flipTurns?: number;
|
|
28
|
+
flipEase?: string;
|
|
29
|
+
flipTrigger?: BingCardFlipTrigger;
|
|
30
|
+
longPressDelay?: number;
|
|
31
|
+
longPressRelease?: BingCardLongPressRelease;
|
|
32
|
+
disabled?: boolean;
|
|
33
|
+
}
|
|
34
|
+
export interface BingCardEmits {
|
|
35
|
+
enter: [];
|
|
36
|
+
'long-press': [];
|
|
37
|
+
flip: [side: BingCardFlipSide];
|
|
38
|
+
}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { BingCardFlipAxis, BingCardFlipTrigger, BingCardProps } from './BingCard.types';
|
|
2
|
+
declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {}, __VLS_9: {};
|
|
3
|
+
type __VLS_Slots = {} & {
|
|
4
|
+
media?: (props: typeof __VLS_1) => any;
|
|
5
|
+
} & {
|
|
6
|
+
header?: (props: typeof __VLS_3) => any;
|
|
7
|
+
} & {
|
|
8
|
+
default?: (props: typeof __VLS_5) => any;
|
|
9
|
+
} & {
|
|
10
|
+
footer?: (props: typeof __VLS_7) => any;
|
|
11
|
+
} & {
|
|
12
|
+
back?: (props: typeof __VLS_9) => any;
|
|
13
|
+
};
|
|
14
|
+
declare const __VLS_base: import('vue').DefineComponent<BingCardProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
15
|
+
enter: () => any;
|
|
16
|
+
"long-press": () => any;
|
|
17
|
+
flip: (side: import('./BingCard.types').BingCardFlipSide) => any;
|
|
18
|
+
}, string, import('vue').PublicProps, Readonly<BingCardProps> & Readonly<{
|
|
19
|
+
onEnter?: (() => any) | undefined;
|
|
20
|
+
"onLong-press"?: (() => any) | undefined;
|
|
21
|
+
onFlip?: ((side: import('./BingCard.types').BingCardFlipSide) => any) | undefined;
|
|
22
|
+
}>, {
|
|
23
|
+
disabled: boolean;
|
|
24
|
+
padding: import('./BingCard.types').BingCardPadding;
|
|
25
|
+
title: string;
|
|
26
|
+
glass: boolean;
|
|
27
|
+
variant: import('./BingCard.types').BingCardVariant;
|
|
28
|
+
rounded: import('./BingCard.types').BingCardRounded;
|
|
29
|
+
glassBlur: string | number;
|
|
30
|
+
glassOpacity: number;
|
|
31
|
+
glassSaturation: number;
|
|
32
|
+
description: string;
|
|
33
|
+
interactive: boolean;
|
|
34
|
+
tilt: boolean;
|
|
35
|
+
tiltMax: number;
|
|
36
|
+
tiltScale: number;
|
|
37
|
+
glare: boolean;
|
|
38
|
+
entrance: import('./BingCard.types').BingCardEntrance;
|
|
39
|
+
entranceOnce: boolean;
|
|
40
|
+
entranceDelay: number;
|
|
41
|
+
entranceDuration: number;
|
|
42
|
+
flipAxis: BingCardFlipAxis;
|
|
43
|
+
flipTurns: number;
|
|
44
|
+
flipEase: string;
|
|
45
|
+
flipTrigger: BingCardFlipTrigger;
|
|
46
|
+
longPressDelay: number;
|
|
47
|
+
longPressRelease: import('./BingCard.types').BingCardLongPressRelease;
|
|
48
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
49
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
50
|
+
declare const _default: typeof __VLS_export;
|
|
51
|
+
export default _default;
|
|
52
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
53
|
+
new (): {
|
|
54
|
+
$slots: S;
|
|
55
|
+
};
|
|
56
|
+
};
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { BingTabValue } from '../BingTabs';
|
|
2
|
+
export interface BingCarouselTransitionItem {
|
|
3
|
+
value: BingTabValue;
|
|
4
|
+
label: string;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
ariaLabel?: string;
|
|
7
|
+
[key: string]: unknown;
|
|
8
|
+
}
|
|
9
|
+
export interface BingCarouselTransitionProps {
|
|
10
|
+
modelValue?: BingTabValue;
|
|
11
|
+
items?: BingCarouselTransitionItem[];
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
respectReducedMotion?: boolean;
|
|
14
|
+
loop?: boolean;
|
|
15
|
+
showTabs?: boolean;
|
|
16
|
+
ariaLabel?: string;
|
|
17
|
+
}
|
|
18
|
+
export interface BingCarouselTransitionSlotProps {
|
|
19
|
+
item: BingCarouselTransitionItem;
|
|
20
|
+
index: number;
|
|
21
|
+
active: boolean;
|
|
22
|
+
isAnimating: boolean;
|
|
23
|
+
}
|
|
24
|
+
export interface BingCarouselTransitionChangePayload {
|
|
25
|
+
value: BingTabValue;
|
|
26
|
+
previousValue?: BingTabValue;
|
|
27
|
+
item: BingCarouselTransitionItem;
|
|
28
|
+
previousItem?: BingCarouselTransitionItem;
|
|
29
|
+
}
|
|
30
|
+
export interface BingCarouselTransitionEmits {
|
|
31
|
+
'update:modelValue': [value: BingTabValue];
|
|
32
|
+
change: [payload: BingCarouselTransitionChangePayload];
|
|
33
|
+
}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { BingTabValue } from '../BingTabs';
|
|
2
|
+
import { BingCarouselTransitionProps, BingCarouselTransitionSlotProps } from './BingCarouselTransition.types';
|
|
3
|
+
type __VLS_Slots = {
|
|
4
|
+
default?: (props: BingCarouselTransitionSlotProps) => unknown;
|
|
5
|
+
};
|
|
6
|
+
declare const __VLS_base: import('vue').DefineComponent<BingCarouselTransitionProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
7
|
+
"update:modelValue": (value: BingTabValue) => any;
|
|
8
|
+
change: (payload: import('./BingCarouselTransition.types').BingCarouselTransitionChangePayload) => any;
|
|
9
|
+
}, string, import('vue').PublicProps, Readonly<BingCarouselTransitionProps> & Readonly<{
|
|
10
|
+
"onUpdate:modelValue"?: ((value: BingTabValue) => any) | undefined;
|
|
11
|
+
onChange?: ((payload: import('./BingCarouselTransition.types').BingCarouselTransitionChangePayload) => any) | undefined;
|
|
12
|
+
}>, {
|
|
13
|
+
disabled: boolean;
|
|
14
|
+
ariaLabel: string;
|
|
15
|
+
modelValue: BingTabValue;
|
|
16
|
+
items: import('./BingCarouselTransition.types').BingCarouselTransitionItem[];
|
|
17
|
+
loop: boolean;
|
|
18
|
+
respectReducedMotion: boolean;
|
|
19
|
+
showTabs: boolean;
|
|
20
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
21
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
22
|
+
declare const _default: typeof __VLS_export;
|
|
23
|
+
export default _default;
|
|
24
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
25
|
+
new (): {
|
|
26
|
+
$slots: S;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
export type BingCheckboxSize = 'sm' | 'md' | 'lg' | number;
|
|
2
|
+
export type BingCheckboxShape = 'rounded' | 'circle';
|
|
3
|
+
export type BingCheckboxTone = 'primary' | 'secondary';
|
|
4
|
+
export interface BingCheckboxProps {
|
|
5
|
+
id?: string;
|
|
6
|
+
modelValue?: boolean;
|
|
7
|
+
indeterminate?: boolean;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
size?: BingCheckboxSize;
|
|
10
|
+
shape?: BingCheckboxShape;
|
|
11
|
+
tone?: BingCheckboxTone;
|
|
12
|
+
label?: string;
|
|
13
|
+
ariaLabel?: string;
|
|
14
|
+
ariaDescribedby?: string;
|
|
15
|
+
status?: 'default' | 'error' | 'success' | 'warning';
|
|
16
|
+
name?: string;
|
|
17
|
+
value?: string | number;
|
|
18
|
+
decorative?: boolean;
|
|
19
|
+
}
|
|
20
|
+
export interface BingCheckboxEmits {
|
|
21
|
+
'update:modelValue': [value: boolean];
|
|
22
|
+
change: [value: boolean, event: Event];
|
|
23
|
+
focus: [event: FocusEvent];
|
|
24
|
+
blur: [event: FocusEvent];
|
|
25
|
+
}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { BingCheckboxProps } from './BingCheckbox.types';
|
|
2
|
+
declare var __VLS_13: {};
|
|
3
|
+
type __VLS_Slots = {} & {
|
|
4
|
+
default?: (props: typeof __VLS_13) => any;
|
|
5
|
+
};
|
|
6
|
+
declare const __VLS_base: import('vue').DefineComponent<BingCheckboxProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
7
|
+
"update:modelValue": (value: boolean) => any;
|
|
8
|
+
change: (value: boolean, event: Event) => any;
|
|
9
|
+
focus: (event: FocusEvent) => any;
|
|
10
|
+
blur: (event: FocusEvent) => any;
|
|
11
|
+
}, string, import('vue').PublicProps, Readonly<BingCheckboxProps> & Readonly<{
|
|
12
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
13
|
+
onChange?: ((value: boolean, event: Event) => any) | undefined;
|
|
14
|
+
onFocus?: ((event: FocusEvent) => any) | undefined;
|
|
15
|
+
onBlur?: ((event: FocusEvent) => any) | undefined;
|
|
16
|
+
}>, {
|
|
17
|
+
disabled: boolean;
|
|
18
|
+
label: string;
|
|
19
|
+
value: string | number;
|
|
20
|
+
ariaLabel: string;
|
|
21
|
+
modelValue: boolean;
|
|
22
|
+
size: import('./BingCheckbox.types').BingCheckboxSize;
|
|
23
|
+
name: string;
|
|
24
|
+
tone: import('./BingCheckbox.types').BingCheckboxTone;
|
|
25
|
+
decorative: boolean;
|
|
26
|
+
id: string;
|
|
27
|
+
indeterminate: boolean;
|
|
28
|
+
shape: import('./BingCheckbox.types').BingCheckboxShape;
|
|
29
|
+
ariaDescribedby: string;
|
|
30
|
+
status: "default" | "error" | "success" | "warning";
|
|
31
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
32
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
33
|
+
declare const _default: typeof __VLS_export;
|
|
34
|
+
export default _default;
|
|
35
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
36
|
+
new (): {
|
|
37
|
+
$slots: S;
|
|
38
|
+
};
|
|
39
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ComputedRef, InjectionKey } from 'vue';
|
|
2
|
+
import { BingCheckboxGroupOption, BingCheckboxGroupSize, BingCheckboxGroupValue } from './BingCheckboxGroup.types';
|
|
3
|
+
export interface BingCheckboxGroupContext {
|
|
4
|
+
modelValue: ComputedRef<BingCheckboxGroupValue[]>;
|
|
5
|
+
disabled: ComputedRef<boolean>;
|
|
6
|
+
size: ComputedRef<BingCheckboxGroupSize>;
|
|
7
|
+
name: ComputedRef<string>;
|
|
8
|
+
status: ComputedRef<'default' | 'error' | 'success' | 'warning'>;
|
|
9
|
+
updateValue: (value: BingCheckboxGroupValue, checked: boolean, event: Event) => void;
|
|
10
|
+
handleCheckboxBlur: (event: FocusEvent) => void;
|
|
11
|
+
isOptionDisabled: (option: Pick<BingCheckboxGroupOption, 'disabled'>) => boolean;
|
|
12
|
+
}
|
|
13
|
+
export declare const bingCheckboxGroupContextKey: InjectionKey<BingCheckboxGroupContext>;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
export type BingCheckboxGroupValue = string | number;
|
|
2
|
+
export type BingCheckboxGroupSize = 'sm' | 'md' | 'lg';
|
|
3
|
+
export type BingCheckboxGroupDirection = 'row' | 'column' | 'wrap';
|
|
4
|
+
export interface BingCheckboxGroupOption {
|
|
5
|
+
label: string;
|
|
6
|
+
value: BingCheckboxGroupValue;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
description?: string;
|
|
9
|
+
}
|
|
10
|
+
export interface BingCheckboxGroupProps {
|
|
11
|
+
id?: string;
|
|
12
|
+
modelValue?: BingCheckboxGroupValue[];
|
|
13
|
+
options?: BingCheckboxGroupOption[];
|
|
14
|
+
disabled?: boolean;
|
|
15
|
+
size?: BingCheckboxGroupSize;
|
|
16
|
+
direction?: BingCheckboxGroupDirection;
|
|
17
|
+
name?: string;
|
|
18
|
+
ariaLabel?: string;
|
|
19
|
+
ariaDescribedby?: string;
|
|
20
|
+
status?: 'default' | 'error' | 'success' | 'warning';
|
|
21
|
+
}
|
|
22
|
+
export interface BingCheckboxGroupEmits {
|
|
23
|
+
'update:modelValue': [value: BingCheckboxGroupValue[]];
|
|
24
|
+
change: [value: BingCheckboxGroupValue[], event: Event];
|
|
25
|
+
focus: [event: FocusEvent];
|
|
26
|
+
blur: [event: FocusEvent];
|
|
27
|
+
}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { BingCheckboxGroupOption, BingCheckboxGroupProps, BingCheckboxGroupValue } from './BingCheckboxGroup.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<BingCheckboxGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
7
|
+
"update:modelValue": (value: BingCheckboxGroupValue[]) => any;
|
|
8
|
+
change: (value: BingCheckboxGroupValue[], event: Event) => any;
|
|
9
|
+
focus: (event: FocusEvent) => any;
|
|
10
|
+
blur: (event: FocusEvent) => any;
|
|
11
|
+
}, string, import('vue').PublicProps, Readonly<BingCheckboxGroupProps> & Readonly<{
|
|
12
|
+
"onUpdate:modelValue"?: ((value: BingCheckboxGroupValue[]) => any) | undefined;
|
|
13
|
+
onChange?: ((value: BingCheckboxGroupValue[], event: Event) => any) | undefined;
|
|
14
|
+
onFocus?: ((event: FocusEvent) => any) | undefined;
|
|
15
|
+
onBlur?: ((event: FocusEvent) => any) | undefined;
|
|
16
|
+
}>, {
|
|
17
|
+
disabled: boolean;
|
|
18
|
+
direction: import('./BingCheckboxGroup.types').BingCheckboxGroupDirection;
|
|
19
|
+
ariaLabel: string;
|
|
20
|
+
modelValue: BingCheckboxGroupValue[];
|
|
21
|
+
size: import('./BingCheckboxGroup.types').BingCheckboxGroupSize;
|
|
22
|
+
name: string;
|
|
23
|
+
id: string;
|
|
24
|
+
ariaDescribedby: string;
|
|
25
|
+
status: "default" | "error" | "success" | "warning";
|
|
26
|
+
options: BingCheckboxGroupOption[];
|
|
27
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
28
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
29
|
+
declare const _default: typeof __VLS_export;
|
|
30
|
+
export default _default;
|
|
31
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
32
|
+
new (): {
|
|
33
|
+
$slots: S;
|
|
34
|
+
};
|
|
35
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export interface BingCodeBlockToken {
|
|
2
|
+
content: string;
|
|
3
|
+
color?: string;
|
|
4
|
+
fontStyle?: number;
|
|
5
|
+
}
|
|
6
|
+
export interface BingCodeBlockLine {
|
|
7
|
+
number: number;
|
|
8
|
+
tokens: BingCodeBlockToken[];
|
|
9
|
+
}
|
|
10
|
+
export declare function highlightCode(code: string, language: string, theme: string): Promise<BingCodeBlockLine[]>;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { BingResizableProps } from '../BingResizable/BingResizable.types';
|
|
2
|
+
export type BingCodeBlockHighlightLine = number | [number, number];
|
|
3
|
+
export interface BingCodeBlockResizableOptions extends Pick<BingResizableProps, 'defaultSize' | 'minWidth' | 'minHeight' | 'maxWidth' | 'maxHeight' | 'mode' | 'snapMode' | 'directions' | 'step' | 'disabled' | 'lockAspectRatio' | 'contain' | 'showSize' | 'handleSize' | 'ariaLabel'> {
|
|
4
|
+
}
|
|
5
|
+
export interface BingCodeBlockProps {
|
|
6
|
+
code: string;
|
|
7
|
+
language?: string;
|
|
8
|
+
theme?: string;
|
|
9
|
+
title?: string;
|
|
10
|
+
languageLabel?: string;
|
|
11
|
+
copyable?: boolean;
|
|
12
|
+
copyLabel?: string;
|
|
13
|
+
copiedLabel?: string;
|
|
14
|
+
copyResetDelay?: number;
|
|
15
|
+
lineNumbers?: boolean;
|
|
16
|
+
highlightLines?: BingCodeBlockHighlightLine[];
|
|
17
|
+
width?: string | number;
|
|
18
|
+
maxHeight?: string | number;
|
|
19
|
+
resizable?: boolean;
|
|
20
|
+
resizableOptions?: BingCodeBlockResizableOptions;
|
|
21
|
+
wrap?: boolean;
|
|
22
|
+
ariaLabel?: string;
|
|
23
|
+
}
|
|
24
|
+
export interface BingCodeBlockCopyPayload {
|
|
25
|
+
code: string;
|
|
26
|
+
language: string;
|
|
27
|
+
}
|
|
28
|
+
export interface BingCodeBlockEmits {
|
|
29
|
+
copy: [payload: BingCodeBlockCopyPayload];
|
|
30
|
+
copyError: [error: Error];
|
|
31
|
+
highlightError: [error: Error];
|
|
32
|
+
}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { BingCodeBlockHighlightLine, BingCodeBlockProps } from './BingCodeBlock.types';
|
|
2
|
+
declare const __VLS_export: import('vue').DefineComponent<BingCodeBlockProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
3
|
+
copy: (payload: import('./BingCodeBlock.types').BingCodeBlockCopyPayload) => any;
|
|
4
|
+
copyError: (error: Error) => any;
|
|
5
|
+
highlightError: (error: Error) => any;
|
|
6
|
+
}, string, import('vue').PublicProps, Readonly<BingCodeBlockProps> & Readonly<{
|
|
7
|
+
onCopy?: ((payload: import('./BingCodeBlock.types').BingCodeBlockCopyPayload) => any) | undefined;
|
|
8
|
+
onCopyError?: ((error: Error) => any) | undefined;
|
|
9
|
+
onHighlightError?: ((error: Error) => any) | undefined;
|
|
10
|
+
}>, {
|
|
11
|
+
maxHeight: string | number;
|
|
12
|
+
width: string | number;
|
|
13
|
+
title: string;
|
|
14
|
+
ariaLabel: string;
|
|
15
|
+
wrap: boolean;
|
|
16
|
+
theme: string;
|
|
17
|
+
language: string;
|
|
18
|
+
languageLabel: string;
|
|
19
|
+
copyable: boolean;
|
|
20
|
+
copyLabel: string;
|
|
21
|
+
copiedLabel: string;
|
|
22
|
+
copyResetDelay: number;
|
|
23
|
+
lineNumbers: boolean;
|
|
24
|
+
highlightLines: BingCodeBlockHighlightLine[];
|
|
25
|
+
resizable: boolean;
|
|
26
|
+
resizableOptions: import('./BingCodeBlock.types').BingCodeBlockResizableOptions;
|
|
27
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
28
|
+
declare const _default: typeof __VLS_export;
|
|
29
|
+
export default _default;
|