hys-ui 0.3.0 → 0.5.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/CHANGELOG.md +27 -0
- package/README.md +68 -73
- package/dist/components/HysAnimatedNumber/HysAnimatedNumber.vue.js +5 -41
- package/dist/components/HysAnimatedNumber/HysAnimatedNumber2.vue.js +467 -2
- package/dist/components/HysAnimatedNumber/NumberAnimationCanvas/NumberAnimationCanvas.vue.js +7 -0
- package/dist/components/HysAnimatedNumber/NumberAnimationCanvas/NumberAnimationCanvas2.vue.js +166 -0
- package/dist/components/HysAnimatedNumber/NumberDigits/NumberDigits.vue.js +7 -0
- package/dist/components/HysAnimatedNumber/NumberDigits/NumberDigits2.vue.js +105 -0
- package/dist/components/HysAnimatedNumber/animation/digital.js +186 -0
- package/dist/components/HysAnimatedNumber/animation/morph.js +110 -0
- package/dist/components/HysAnimatedNumber/animation/paint.js +34 -0
- package/dist/components/HysAnimatedNumber/animation/particles.js +51 -0
- package/dist/components/HysAnimatedNumber/animation/paths.js +165 -0
- package/dist/components/HysAnimatedNumber/animation/physics.js +66 -0
- package/dist/components/HysAnimatedNumber/animation/render.js +89 -0
- package/dist/components/HysAnimatedNumber/animation/reveal.js +125 -0
- package/dist/components/HysAnimatedNumber/animation/rolling.js +66 -0
- package/dist/components/HysAnimatedNumber/animation/scenarios.js +217 -0
- package/dist/components/HysAnimatedNumber/animation/spatial.js +112 -0
- package/dist/components/HysAnimatedNumber/useNumberCountdown.js +58 -0
- package/dist/components/HysAnimatedNumber/useNumberVisuals.js +60 -0
- package/dist/components/HysButton/HysButton.vue.js +2 -2
- package/dist/components/HysButton/HysButton2.vue.js +227 -60
- package/dist/components/HysButtonGroup/HysButtonGroup.vue.js +7 -0
- package/dist/components/HysButtonGroup/HysButtonGroup2.vue.js +51 -0
- package/dist/components/HysFormItem/HysFormItem.vue.js +1 -1
- package/dist/components/HysFormItem/HysFormItem2.vue.js +231 -229
- package/dist/components/HysInput/HysInput.vue.js +2 -2
- package/dist/components/HysInput/HysInput2.vue.js +327 -274
- package/dist/components/HysMention/HysMention.vue.js +1 -1
- package/dist/components/HysMention/HysMention2.vue.js +1092 -154
- package/dist/components/HysModal/HysModal.vue.js +3 -3
- package/dist/components/HysModal/HysModal2.vue.js +81 -80
- package/dist/components/HysPagination/HysPagination.vue.js +2 -2
- package/dist/components/HysPagination/HysPagination2.vue.js +243 -180
- package/dist/components/HysSearch/HysSearch.vue.js +5 -82
- package/dist/components/HysSearch/HysSearch2.vue.js +176 -2
- package/dist/components/HysSelect/HysSelect.vue.js +2 -2
- package/dist/components/HysSelect/HysSelect2.vue.js +472 -443
- package/dist/components/HysSplitPane/HysSplitPane.vue.js +315 -58
- package/dist/components/HysSplitPane/HysSplitPane3.vue.js +5 -0
- package/dist/components/HysTable/HysTable.vue.js +2 -2
- package/dist/components/HysTable/HysTable2.vue.js +1418 -1150
- package/dist/components/HysTextarea/HysTextarea.vue.js +56 -32
- package/dist/components/HysTour/HysTour.vue.js +291 -67
- package/dist/components/HysTour/HysTour3.vue.js +5 -0
- package/dist/composables/animatedNumberDigits.js +106 -0
- package/dist/composables/animatedNumberFormat.js +222 -0
- package/dist/composables/animatedNumberTiming.js +66 -0
- package/dist/composables/buttonGroup.js +12 -0
- package/dist/composables/floatingPosition.js +18 -0
- package/dist/composables/mentionDocument.js +79 -0
- package/dist/composables/mentionEditor.js +58 -0
- package/dist/composables/numberAnimation.js +72 -0
- package/dist/composables/numberAnimationCatalog.js +301 -0
- package/dist/composables/numberAnimationSequence.js +45 -0
- package/dist/composables/selectOptions.js +44 -38
- package/dist/composables/splitPaneSizes.js +58 -0
- package/dist/composables/table.js +128 -105
- package/dist/composables/textInput.js +23 -14
- package/dist/composables/useDialog.js +50 -50
- package/dist/composables/useFloating.js +107 -103
- package/dist/composables/useHysAnimatedNumber.js +264 -0
- package/dist/composables/useHysNumberAnimationGroup.js +23 -0
- package/dist/composables/useMentionCaret.js +81 -0
- package/dist/composables/useMentionList.js +81 -0
- package/dist/composables/useMentionModel.js +90 -0
- package/dist/composables/useMentionOptions.js +421 -0
- package/dist/composables/useSplitPaneDrag.js +52 -0
- package/dist/composables/useSplitPaneStorage.js +38 -0
- package/dist/composables/useTable.js +344 -312
- package/dist/composables/useTableSticky.js +79 -0
- package/dist/composables/useTextareaSize.js +62 -46
- package/dist/composables/useTourLayout.js +129 -0
- package/dist/config.js +11 -11
- package/dist/index.js +183 -152
- package/dist/internal/MultiSplitPane.vue.js +305 -0
- package/dist/internal/MultiSplitPane2.vue.js +4 -0
- package/dist/style.css +1 -1
- package/dist/types/components/HysAnimatedNumber/HysAnimatedNumber.vue.d.ts +99 -6
- package/dist/types/components/HysAnimatedNumber/NumberAnimationCanvas/NumberAnimationCanvas.vue.d.ts +19 -0
- package/dist/types/components/HysAnimatedNumber/NumberDigits/NumberDigits.vue.d.ts +31 -0
- package/dist/types/components/HysAnimatedNumber/animation/digital.d.ts +3 -0
- package/dist/types/components/HysAnimatedNumber/animation/morph.d.ts +2 -0
- package/dist/types/components/HysAnimatedNumber/animation/paint.d.ts +44 -0
- package/dist/types/components/HysAnimatedNumber/animation/particles.d.ts +5 -0
- package/dist/types/components/HysAnimatedNumber/animation/paths.d.ts +12 -0
- package/dist/types/components/HysAnimatedNumber/animation/physics.d.ts +2 -0
- package/dist/types/components/HysAnimatedNumber/animation/render.d.ts +2 -0
- package/dist/types/components/HysAnimatedNumber/animation/reveal.d.ts +2 -0
- package/dist/types/components/HysAnimatedNumber/animation/rolling.d.ts +2 -0
- package/dist/types/components/HysAnimatedNumber/animation/scenarios.d.ts +4 -0
- package/dist/types/components/HysAnimatedNumber/animation/spatial.d.ts +2 -0
- package/dist/types/components/HysAnimatedNumber/useNumberCountdown.d.ts +8 -0
- package/dist/types/components/HysAnimatedNumber/useNumberVisuals.d.ts +12 -0
- package/dist/types/components/HysAutocomplete/HysAutocomplete.vue.d.ts +12 -3
- package/dist/types/components/HysAvatarGroup/HysAvatarGroup.vue.d.ts +2 -2
- package/dist/types/components/HysButton/HysButton.vue.d.ts +82 -22
- package/dist/types/components/HysButtonGroup/HysButtonGroup.vue.d.ts +30 -0
- package/dist/types/components/HysCard/HysCard.vue.d.ts +1 -1
- package/dist/types/components/HysCascader/HysCascader.vue.d.ts +3 -3
- package/dist/types/components/HysCascader/HysCascaderColumn.vue.d.ts +3 -3
- package/dist/types/components/HysColorPicker/HysColorPicker.vue.d.ts +3 -3
- package/dist/types/components/HysContextMenu/HysMenuPanel.vue.d.ts +2 -2
- package/dist/types/components/HysDatePicker/HysDatePicker.vue.d.ts +3 -3
- package/dist/types/components/HysDatePicker/HysDatePickerControl.vue.d.ts +6 -6
- package/dist/types/components/HysDateRangePicker/HysDateRangePicker.vue.d.ts +3 -3
- package/dist/types/components/HysDrawer/HysDrawer.vue.d.ts +2 -2
- package/dist/types/components/HysFormItem/HysFormItem.vue.d.ts +1 -1
- package/dist/types/components/HysInput/HysInput.vue.d.ts +13 -1
- package/dist/types/components/HysMention/HysMention.vue.d.ts +91 -40
- package/dist/types/components/HysModal/HysModal.vue.d.ts +1 -1
- package/dist/types/components/HysNumberInput/HysNumberInput.vue.d.ts +2 -2
- package/dist/types/components/HysPagination/HysPagination.vue.d.ts +55 -4
- package/dist/types/components/HysPopover/HysPopover.vue.d.ts +1 -1
- package/dist/types/components/HysRating/HysRating.vue.d.ts +1 -1
- package/dist/types/components/HysSearch/HysSearch.vue.d.ts +46 -8
- package/dist/types/components/HysSelect/HysSelect.vue.d.ts +6 -1
- package/dist/types/components/HysSkeleton/HysSkeleton.vue.d.ts +2 -2
- package/dist/types/components/HysSplitPane/HysSplitPane.vue.d.ts +125 -14
- package/dist/types/components/HysSteps/HysSteps.vue.d.ts +1 -1
- package/dist/types/components/HysTable/HysTable.vue.d.ts +1740 -3
- package/dist/types/components/HysTabs/HysTabs.vue.d.ts +1 -1
- package/dist/types/components/HysTagInput/HysTagInput.vue.d.ts +1 -1
- package/dist/types/components/HysTextarea/HysTextarea.vue.d.ts +13 -2
- package/dist/types/components/HysToast/HysToast.vue.d.ts +1 -1
- package/dist/types/components/HysTooltip/HysTooltip.vue.d.ts +1 -1
- package/dist/types/components/HysTour/HysTour.vue.d.ts +46 -9
- package/dist/types/components/HysTreeSelect/HysTreeSelect.vue.d.ts +3 -3
- package/dist/types/components/HysUpload/HysUpload.vue.d.ts +2 -2
- package/dist/types/composables/animatedNumber.d.ts +220 -0
- package/dist/types/composables/animatedNumberDigits.d.ts +32 -0
- package/dist/types/composables/animatedNumberFormat.d.ts +16 -0
- package/dist/types/composables/animatedNumberTiming.d.ts +21 -0
- package/dist/types/composables/buttonGroup.d.ts +9 -0
- package/dist/types/composables/drawer.d.ts +1 -1
- package/dist/types/composables/floatingPosition.d.ts +14 -0
- package/dist/types/composables/mention.d.ts +284 -0
- package/dist/types/composables/mentionDocument.d.ts +15 -0
- package/dist/types/composables/mentionEditor.d.ts +7 -0
- package/dist/types/composables/modal.d.ts +2 -0
- package/dist/types/composables/numberAnimation.d.ts +29 -0
- package/dist/types/composables/numberAnimationCatalog.d.ts +58 -0
- package/dist/types/composables/numberAnimationSequence.d.ts +13 -0
- package/dist/types/composables/selectOptions.d.ts +5 -0
- package/dist/types/composables/splitPaneSizes.d.ts +11 -0
- package/dist/types/composables/table.d.ts +116 -6
- package/dist/types/composables/textInput.d.ts +39 -4
- package/dist/types/composables/tour.d.ts +68 -0
- package/dist/types/composables/useFloating.d.ts +1 -1
- package/dist/types/composables/useHysAnimatedNumber.d.ts +37 -0
- package/dist/types/composables/useHysNumberAnimationGroup.d.ts +4 -0
- package/dist/types/composables/useMentionCaret.d.ts +6 -0
- package/dist/types/composables/useMentionList.d.ts +23 -0
- package/dist/types/composables/useMentionModel.d.ts +14 -0
- package/dist/types/composables/useMentionOptions.d.ts +26 -0
- package/dist/types/composables/useSplitPaneDrag.d.ts +14 -0
- package/dist/types/composables/useSplitPaneStorage.d.ts +4 -0
- package/dist/types/composables/useTable.d.ts +7 -3
- package/dist/types/composables/useTableSticky.d.ts +22 -0
- package/dist/types/composables/useTextareaSize.d.ts +5 -2
- package/dist/types/composables/useTourLayout.d.ts +33 -0
- package/dist/types/config.d.ts +1 -0
- package/dist/types/index.d.ts +46 -1
- package/dist/types/internal/MultiSplitPane.vue.d.ts +54 -0
- package/package.json +3 -2
- package/dist/components/HysSplitPane/HysSplitPane2.vue.js +0 -4
- package/dist/components/HysTour/HysTour2.vue.js +0 -4
|
@@ -88,7 +88,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
|
|
|
88
88
|
destroyOnHide: boolean;
|
|
89
89
|
type: "line" | "card" | "segment" | "border-card";
|
|
90
90
|
animated: boolean;
|
|
91
|
-
activation: "
|
|
91
|
+
activation: "manual" | "auto";
|
|
92
92
|
showScrollButtons: boolean;
|
|
93
93
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
94
94
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
@@ -47,8 +47,8 @@ declare const __VLS_base: import("vue").DefineComponent<HysTagInputProps, {
|
|
|
47
47
|
max: number;
|
|
48
48
|
placeholder: string;
|
|
49
49
|
autocomplete: string;
|
|
50
|
-
caseSensitive: boolean;
|
|
51
50
|
validateEvent: boolean;
|
|
51
|
+
caseSensitive: boolean;
|
|
52
52
|
addOnBlur: boolean;
|
|
53
53
|
tagTone: "primary" | "success" | "warning" | "danger" | "neutral";
|
|
54
54
|
tagEffect: "dark" | "light" | "outline";
|
|
@@ -4,11 +4,12 @@ type __VLS_Slots = {
|
|
|
4
4
|
suffix?: () => any;
|
|
5
5
|
prepend?: () => any;
|
|
6
6
|
append?: () => any;
|
|
7
|
-
|
|
7
|
+
"clear-icon"?: () => any;
|
|
8
8
|
count?: (info: HysInputCountInfo) => any;
|
|
9
9
|
};
|
|
10
10
|
type __VLS_Props = Omit<HysInputProps, "type" | "showPassword" | "showPasswordOn" | "passwordVisible" | "defaultPasswordVisible">;
|
|
11
11
|
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
|
|
12
|
+
element: import("vue").ComputedRef<HTMLTextAreaElement | undefined>;
|
|
12
13
|
input: import("vue").ComputedRef<HTMLTextAreaElement | undefined>;
|
|
13
14
|
textarea: import("vue").ComputedRef<HTMLTextAreaElement | undefined>;
|
|
14
15
|
isComposing: import("vue").ComputedRef<boolean>;
|
|
@@ -17,6 +18,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
|
|
|
17
18
|
select: () => void | undefined;
|
|
18
19
|
clear: () => void | undefined;
|
|
19
20
|
resize: () => Promise<void>;
|
|
21
|
+
resizeTextarea: () => Promise<void>;
|
|
22
|
+
textareaStyle: import("vue").ComputedRef<import("../../index.js").HysTextareaStyle>;
|
|
20
23
|
setSelectionRange: (start: number, end: number, direction?: "forward" | "backward" | "none") => void | undefined;
|
|
21
24
|
scrollTo: (options: ScrollToOptions) => void | undefined;
|
|
22
25
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
@@ -24,31 +27,39 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
|
|
|
24
27
|
"update:modelValue": (value: string) => any;
|
|
25
28
|
clear: () => any;
|
|
26
29
|
input: (value: string) => any;
|
|
30
|
+
keydown: (event: KeyboardEvent) => any;
|
|
27
31
|
blur: (event: FocusEvent) => any;
|
|
28
32
|
compositionend: (event: CompositionEvent) => any;
|
|
29
33
|
compositionstart: (event: CompositionEvent) => any;
|
|
30
34
|
compositionupdate: (event: CompositionEvent) => any;
|
|
31
35
|
focus: (event: FocusEvent) => any;
|
|
36
|
+
mouseenter: (event: MouseEvent) => any;
|
|
37
|
+
mouseleave: (event: MouseEvent) => any;
|
|
32
38
|
pressEnter: (event: KeyboardEvent) => any;
|
|
33
39
|
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
34
40
|
onChange?: ((value: string) => any) | undefined;
|
|
35
41
|
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
36
42
|
onClear?: (() => any) | undefined;
|
|
37
43
|
onInput?: ((value: string) => any) | undefined;
|
|
44
|
+
onKeydown?: ((event: KeyboardEvent) => any) | undefined;
|
|
38
45
|
onBlur?: ((event: FocusEvent) => any) | undefined;
|
|
39
46
|
onCompositionend?: ((event: CompositionEvent) => any) | undefined;
|
|
40
47
|
onCompositionstart?: ((event: CompositionEvent) => any) | undefined;
|
|
41
48
|
onCompositionupdate?: ((event: CompositionEvent) => any) | undefined;
|
|
42
49
|
onFocus?: ((event: FocusEvent) => any) | undefined;
|
|
50
|
+
onMouseenter?: ((event: MouseEvent) => any) | undefined;
|
|
51
|
+
onMouseleave?: ((event: MouseEvent) => any) | undefined;
|
|
43
52
|
onPressEnter?: ((event: KeyboardEvent) => any) | undefined;
|
|
44
53
|
}>, {
|
|
45
54
|
bordered: boolean;
|
|
46
|
-
resize: "none" | "
|
|
55
|
+
resize: "none" | "horizontal" | "vertical" | "both";
|
|
56
|
+
clearable: boolean;
|
|
47
57
|
showCount: boolean | {
|
|
48
58
|
formatter: (info: HysInputCountInfo) => string;
|
|
49
59
|
};
|
|
50
60
|
countPosition: "inside" | "outside";
|
|
51
61
|
rows: number;
|
|
62
|
+
validateEvent: boolean;
|
|
52
63
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
53
64
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
54
65
|
declare const _default: typeof __VLS_export;
|
|
@@ -50,8 +50,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
|
|
|
50
50
|
offset: number;
|
|
51
51
|
closable: boolean;
|
|
52
52
|
showIcon: boolean;
|
|
53
|
-
message: string;
|
|
54
53
|
position: HysToastPosition;
|
|
54
|
+
message: string;
|
|
55
55
|
zIndex: number;
|
|
56
56
|
appendTo: string | HTMLElement;
|
|
57
57
|
pauseOnHover: boolean;
|
|
@@ -33,8 +33,8 @@ declare const __VLS_base: import("vue").DefineComponent<HysTooltipProps, {
|
|
|
33
33
|
modelValue: boolean;
|
|
34
34
|
destroyOnHide: boolean;
|
|
35
35
|
effect: "dark" | "light";
|
|
36
|
-
placement: import("../..").Placement;
|
|
37
36
|
open: boolean;
|
|
37
|
+
placement: import("../..").Placement;
|
|
38
38
|
appendTo: string | false | HTMLElement;
|
|
39
39
|
showDelay: number;
|
|
40
40
|
hideDelay: number;
|
|
@@ -1,30 +1,67 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
type __VLS_Props =
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
1
|
+
import type { HysTourContext, HysTourProps } from "../../composables/tour";
|
|
2
|
+
type __VLS_Props = HysTourProps;
|
|
3
|
+
type __VLS_Slots = {
|
|
4
|
+
/** 自定义引导说明,接收当前步骤与导航方法。 */
|
|
5
|
+
default?: (context: HysTourContext) => unknown;
|
|
6
|
+
header?: (context: HysTourContext) => unknown;
|
|
7
|
+
cover?: (context: HysTourContext) => unknown;
|
|
8
|
+
indicators?: (context: HysTourContext) => unknown;
|
|
9
|
+
footer?: (context: HysTourContext) => unknown;
|
|
10
|
+
"close-icon"?: (context: HysTourContext) => unknown;
|
|
9
11
|
};
|
|
12
|
+
declare function goTo(value: number): void;
|
|
13
|
+
declare function start(value?: number): void;
|
|
14
|
+
declare function close(): void;
|
|
15
|
+
declare function previous(): void;
|
|
16
|
+
declare function next(): void;
|
|
10
17
|
type __VLS_ModelProps = {
|
|
11
18
|
modelValue?: boolean;
|
|
12
19
|
};
|
|
13
20
|
type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
|
|
14
|
-
declare const
|
|
21
|
+
declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
|
|
22
|
+
start: typeof start;
|
|
23
|
+
close: typeof close;
|
|
24
|
+
goTo: typeof goTo;
|
|
25
|
+
previous: typeof previous;
|
|
26
|
+
next: typeof next;
|
|
27
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
15
28
|
change: (index: number) => any;
|
|
16
29
|
"update:modelValue": (value: boolean) => any;
|
|
17
30
|
close: () => any;
|
|
18
31
|
finish: () => any;
|
|
32
|
+
"update:open": (open: boolean) => any;
|
|
19
33
|
"update:current": (index: number) => any;
|
|
20
34
|
}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
21
35
|
onChange?: ((index: number) => any) | undefined;
|
|
22
36
|
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
23
37
|
onClose?: (() => any) | undefined;
|
|
24
38
|
onFinish?: (() => any) | undefined;
|
|
39
|
+
"onUpdate:open"?: ((open: boolean) => any) | undefined;
|
|
25
40
|
"onUpdate:current"?: ((index: number) => any) | undefined;
|
|
26
41
|
}>, {
|
|
42
|
+
showArrow: boolean;
|
|
43
|
+
mask: import("../../index.js").HysTourMask;
|
|
44
|
+
type: "default" | "primary";
|
|
45
|
+
open: boolean;
|
|
46
|
+
placement: import("../../index.js").Placement;
|
|
47
|
+
appendTo: string | false | HTMLElement;
|
|
48
|
+
arrow: boolean | {
|
|
49
|
+
pointAtCenter?: boolean;
|
|
50
|
+
};
|
|
27
51
|
closeOnEscape: boolean;
|
|
52
|
+
showClose: boolean;
|
|
53
|
+
skipText: string;
|
|
54
|
+
prevText: string;
|
|
55
|
+
nextText: string;
|
|
56
|
+
finishText: string;
|
|
57
|
+
scrollIntoViewOptions: boolean | ScrollIntoViewOptions;
|
|
58
|
+
targetAreaClickable: boolean;
|
|
28
59
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
60
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
29
61
|
declare const _default: typeof __VLS_export;
|
|
30
62
|
export default _default;
|
|
63
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
64
|
+
new (): {
|
|
65
|
+
$slots: S;
|
|
66
|
+
};
|
|
67
|
+
};
|
|
@@ -16,6 +16,7 @@ declare const __VLS_export: <V extends HysTreeSelectValue = string, N extends ob
|
|
|
16
16
|
loadedKeys: HysTreeKey[];
|
|
17
17
|
}) => any) | undefined;
|
|
18
18
|
onScroll?: ((event: Event) => any) | undefined;
|
|
19
|
+
"onValue-change"?: ((value: V, info: HysTreeSelectChange<N>) => any) | undefined;
|
|
19
20
|
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
20
21
|
"onUpdate:searchValue"?: ((value: string) => any) | undefined;
|
|
21
22
|
onDeselect?: ((key: HysTreeKey, node: N, info: unknown) => any) | undefined;
|
|
@@ -33,7 +34,6 @@ declare const __VLS_export: <V extends HysTreeSelectValue = string, N extends ob
|
|
|
33
34
|
node: N;
|
|
34
35
|
error: unknown;
|
|
35
36
|
}) => any) | undefined;
|
|
36
|
-
"onValue-change"?: ((value: V, info: HysTreeSelectChange<N>) => any) | undefined;
|
|
37
37
|
"onRemove-tag"?: ((key: HysTreeKey, node: N | undefined) => any) | undefined;
|
|
38
38
|
"onSearch-complete"?: ((query: string) => any) | undefined;
|
|
39
39
|
"onSearch-error"?: ((error: unknown, query: string) => any) | undefined;
|
|
@@ -101,13 +101,13 @@ declare const __VLS_export: <V extends HysTreeSelectValue = string, N extends ob
|
|
|
101
101
|
node: N;
|
|
102
102
|
children: readonly N[];
|
|
103
103
|
loadedKeys: HysTreeKey[];
|
|
104
|
-
}) => void) & ((evt: "scroll", event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:searchValue", value: string) => void) & ((evt: "deselect", key: HysTreeKey, node: N, info: unknown) => void) & ((evt: "limit", limit: number) => void) & ((evt: "check", info: HysTreeCheckInfo<N>) => void) & ((evt: "update:expandedKeys", keys: HysTreeKey[]) => void) & ((evt: "node-expand", node: N, info: unknown) => void) & ((evt: "node-collapse", node: N, info: unknown) => void) & ((evt: "update:loadedKeys", keys: HysTreeKey[]) => void) & ((evt: "children-loaded", info: {
|
|
104
|
+
}) => void) & ((evt: "scroll", event: Event) => void) & ((evt: "value-change", value: V, info: HysTreeSelectChange<N>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:searchValue", value: string) => void) & ((evt: "deselect", key: HysTreeKey, node: N, info: unknown) => void) & ((evt: "limit", limit: number) => void) & ((evt: "check", info: HysTreeCheckInfo<N>) => void) & ((evt: "update:expandedKeys", keys: HysTreeKey[]) => void) & ((evt: "node-expand", node: N, info: unknown) => void) & ((evt: "node-collapse", node: N, info: unknown) => void) & ((evt: "update:loadedKeys", keys: HysTreeKey[]) => void) & ((evt: "children-loaded", info: {
|
|
105
105
|
node: N;
|
|
106
106
|
children: readonly N[];
|
|
107
107
|
}) => void) & ((evt: "load-error", info: {
|
|
108
108
|
node: N;
|
|
109
109
|
error: unknown;
|
|
110
|
-
}) => void) & ((evt: "
|
|
110
|
+
}) => void) & ((evt: "remove-tag", key: HysTreeKey, node: N | undefined) => void) & ((evt: "search-complete", query: string) => void) & ((evt: "search-error", error: unknown, query: string) => void) & ((evt: "visible-change", value: boolean) => void);
|
|
111
111
|
}>) => import("vue").VNode & {
|
|
112
112
|
__ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
|
|
113
113
|
};
|
|
@@ -8,11 +8,11 @@ declare const __VLS_export: <T extends HysUploadItem = HysUploadFile>(__VLS_prop
|
|
|
8
8
|
onSelect?: ((files: File[]) => any) | undefined;
|
|
9
9
|
onSuccess?: ((response: unknown, file: T) => any) | undefined;
|
|
10
10
|
onAbort?: ((file: T, reason: string) => any) | undefined;
|
|
11
|
+
onStart?: ((file: T) => any) | undefined;
|
|
11
12
|
onDrop?: ((event: DragEvent) => any) | undefined;
|
|
12
13
|
onError?: ((message: string) => any) | undefined;
|
|
13
14
|
onInvalid?: ((info: HysUploadInvalid<T>) => any) | undefined;
|
|
14
15
|
onPaste?: ((event: ClipboardEvent) => any) | undefined;
|
|
15
|
-
onStart?: ((file: T) => any) | undefined;
|
|
16
16
|
onRemove?: ((file: T) => any) | undefined;
|
|
17
17
|
onPreview?: ((file: T) => any) | undefined;
|
|
18
18
|
onDownload?: ((file: T) => any) | undefined;
|
|
@@ -45,7 +45,7 @@ declare const __VLS_export: <T extends HysUploadItem = HysUploadFile>(__VLS_prop
|
|
|
45
45
|
}>) => void;
|
|
46
46
|
attrs: any;
|
|
47
47
|
slots: HysUploadSlots<T>;
|
|
48
|
-
emit: ((evt: "change", files: T[]) => void) & ((evt: "update:modelValue", files: T[]) => void) & ((evt: "progress", percentage: number, file: T) => void) & ((evt: "select", files: File[]) => void) & ((evt: "success", response: unknown, file: T) => void) & ((evt: "abort", file: T, reason: string) => void) & ((evt: "
|
|
48
|
+
emit: ((evt: "change", files: T[]) => void) & ((evt: "update:modelValue", files: T[]) => void) & ((evt: "progress", percentage: number, file: T) => void) & ((evt: "select", files: File[]) => void) & ((evt: "success", response: unknown, file: T) => void) & ((evt: "abort", file: T, reason: string) => void) & ((evt: "start", file: T) => void) & ((evt: "drop", event: DragEvent) => void) & ((evt: "error", message: string) => void) & ((evt: "invalid", info: HysUploadInvalid<T>) => void) & ((evt: "paste", event: ClipboardEvent) => void) & ((evt: "remove", file: T) => void) & ((evt: "preview", file: T) => void) & ((evt: "download", file: T) => void) & ((evt: "update:fileList", files: T[]) => void) & ((evt: "fileChange", change: HysUploadChange<T>) => void) & ((evt: "uploadError", error: HysUploadError, file: T) => void) & ((evt: "exceed", files: File[]) => void) & ((evt: "removeError", error: Error, file: T) => void);
|
|
49
49
|
}>) => import("vue").VNode & {
|
|
50
50
|
__ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
|
|
51
51
|
};
|
|
@@ -0,0 +1,220 @@
|
|
|
1
|
+
import type { StyleValue, VNodeChild } from "vue";
|
|
2
|
+
import type { HysNumberAnimation, HysNumberAnimationPresets, HysNumberDigitAnimations } from "./numberAnimation";
|
|
3
|
+
export type HysNumberValue = number | string;
|
|
4
|
+
export type HysNumberDirection = "up" | "down" | "none";
|
|
5
|
+
export type HysNumberStatus = "idle" | "delayed" | "playing" | "paused" | "stopped" | "finished";
|
|
6
|
+
export type HysNumberEasing = "linear" | "ease-in" | "ease-out" | "ease-in-out" | "spring" | "bounce" | readonly [number, number, number, number] | ((progress: number) => number);
|
|
7
|
+
export type HysNumberInterrupt = "retarget" | "restart" | "queue" | "snap";
|
|
8
|
+
export type HysNumberTrigger = "mount" | "activate" | "update" | "manual" | "click" | "hover" | "visible";
|
|
9
|
+
export type HysNumberEffect = "count" | "odometer" | "wheel" | "flip" | "slot" | "random" | "scramble" | "fade" | "scale" | "bounce" | "spring" | "slide" | "blur" | "appear" | "disappear" | "flash" | "highlight" | "gradient";
|
|
10
|
+
export type HysNumberRounding = "half-up" | "half-even" | "floor" | "ceil" | "trunc";
|
|
11
|
+
export type HysNumberFormat = "decimal" | "percent" | "currency" | "scientific";
|
|
12
|
+
export interface HysNumberInterpolationContext {
|
|
13
|
+
from: HysNumberValue;
|
|
14
|
+
to: HysNumberValue;
|
|
15
|
+
progress: number;
|
|
16
|
+
easedProgress: number;
|
|
17
|
+
/** 内置插值计算的当前值,字符串模式保留十进制精度。 */
|
|
18
|
+
defaultValue: HysNumberValue;
|
|
19
|
+
}
|
|
20
|
+
export interface HysNumberAnimationOptions {
|
|
21
|
+
/** 目标值。十进制字符串可保留超出 Number 安全范围的精度。 */
|
|
22
|
+
value?: HysNumberValue;
|
|
23
|
+
/** 起始值。省略时首次直接显示目标值,后续从当前显示值过渡。 */
|
|
24
|
+
from?: HysNumberValue;
|
|
25
|
+
/** 单轮时长,单位毫秒。默认 650,非正数直接到达终点。 */
|
|
26
|
+
duration?: number;
|
|
27
|
+
/** 每次新播放的等待毫秒数,循环的后续轮次立即开始。 */
|
|
28
|
+
delay?: number;
|
|
29
|
+
/** 播放速度倍率,影响延迟与时长,默认 1。 */
|
|
30
|
+
speed?: number;
|
|
31
|
+
/** 缓动名称、四元组 [x1, y1, x2, y2] 或返回进度的函数。默认 ease-out。 */
|
|
32
|
+
easing?: HysNumberEasing;
|
|
33
|
+
/** 替换中间帧数值。接收起止值、原始进度、缓动进度和内置插值,首尾始终精确。 */
|
|
34
|
+
interpolate?: (context: HysNumberInterpolationContext) => HysNumberValue;
|
|
35
|
+
/** true 无限循环,正整数表示总轮数,默认 1。 */
|
|
36
|
+
loop?: boolean | number;
|
|
37
|
+
/** 循环轮次交替方向。 */
|
|
38
|
+
alternate?: boolean;
|
|
39
|
+
/** 更新策略。retarget 从当前帧衔接,restart 回到起点,queue 逐个播放,snap 立即显示。 */
|
|
40
|
+
interrupt?: HysNumberInterrupt;
|
|
41
|
+
/** queue 等待项上限,默认 32,范围 1–256。满时丢弃最旧的等待项。 */
|
|
42
|
+
queueLimit?: number;
|
|
43
|
+
/** retarget / restart 的最短更新时间间隔,单位毫秒。间隔内保留最新目标。 */
|
|
44
|
+
updateInterval?: number;
|
|
45
|
+
/** 最大采样帧率,范围 1–120,默认随浏览器刷新率采样。 */
|
|
46
|
+
fps?: number;
|
|
47
|
+
/** 直接显示目标值。全局动效关闭与系统减少动态效果也会立即完成。 */
|
|
48
|
+
disabled?: boolean;
|
|
49
|
+
/** 页面隐藏时冻结计时,可见时继续,默认 true。 */
|
|
50
|
+
pauseWhenHidden?: boolean;
|
|
51
|
+
}
|
|
52
|
+
export interface HysNumberFrame {
|
|
53
|
+
value: HysNumberValue;
|
|
54
|
+
from: HysNumberValue;
|
|
55
|
+
to: HysNumberValue;
|
|
56
|
+
progress: number;
|
|
57
|
+
easedProgress: number;
|
|
58
|
+
direction: HysNumberDirection;
|
|
59
|
+
status: HysNumberStatus;
|
|
60
|
+
iteration: number;
|
|
61
|
+
}
|
|
62
|
+
export interface HysNumberComposableOptions extends HysNumberAnimationOptions {
|
|
63
|
+
/** 指定是否在挂载时播放,省略时提供 from 即播放。 */
|
|
64
|
+
autoPlay?: boolean;
|
|
65
|
+
/** 监听 value 并应用更新策略,默认 true。 */
|
|
66
|
+
autoUpdate?: boolean;
|
|
67
|
+
}
|
|
68
|
+
export interface HysNumberTrend {
|
|
69
|
+
previous: HysNumberValue;
|
|
70
|
+
target: HysNumberValue;
|
|
71
|
+
direction: HysNumberDirection;
|
|
72
|
+
delta: string | null;
|
|
73
|
+
percent: string | null;
|
|
74
|
+
significant: boolean;
|
|
75
|
+
}
|
|
76
|
+
export type HysNumberEvent = "start" | "update" | "progress" | "pause" | "resume" | "end" | "cancel" | "loop";
|
|
77
|
+
export interface HysNumberControls {
|
|
78
|
+
play: () => void;
|
|
79
|
+
pause: () => void;
|
|
80
|
+
resume: () => void;
|
|
81
|
+
stop: () => void;
|
|
82
|
+
restart: () => void;
|
|
83
|
+
reset: () => void;
|
|
84
|
+
reverse: () => void;
|
|
85
|
+
seek: (progress: number) => void;
|
|
86
|
+
finishAnimation: () => void;
|
|
87
|
+
}
|
|
88
|
+
export interface HysNumberUnitRule {
|
|
89
|
+
/** 按绝对值匹配的最小值,优先使用匹配规则中阈值最大的一项。 */
|
|
90
|
+
threshold: HysNumberValue;
|
|
91
|
+
/** 缩放除数,省略时使用 threshold。 */
|
|
92
|
+
divisor?: HysNumberValue;
|
|
93
|
+
label: string;
|
|
94
|
+
}
|
|
95
|
+
export interface HysNumberFormatOptions {
|
|
96
|
+
/** 小数位数的兼容属性,precision 优先。 */
|
|
97
|
+
decimals?: number;
|
|
98
|
+
/** 固定小数位数,范围 0–100。省略时普通字符串保留有效精度。 */
|
|
99
|
+
precision?: number;
|
|
100
|
+
/** 去掉末尾小数零及多余的小数点。 */
|
|
101
|
+
trimZeros?: boolean;
|
|
102
|
+
/** 整数最小位数,范围 1–21,不足时补零。 */
|
|
103
|
+
minimumIntegerDigits?: number;
|
|
104
|
+
/** 舍入规则,默认 half-up,恰好一半时远离零。 */
|
|
105
|
+
rounding?: HysNumberRounding;
|
|
106
|
+
/** 千分位符号。空字符串关闭分组,省略时由 grouping 和 locale 决定。 */
|
|
107
|
+
groupSeparator?: string;
|
|
108
|
+
/** 小数点符号。省略时使用地区格式或句点。 */
|
|
109
|
+
decimalSeparator?: string;
|
|
110
|
+
/** 是否按地区习惯分组。省略时指定 locale 才默认开启。 */
|
|
111
|
+
grouping?: boolean;
|
|
112
|
+
/** BCP 47 地区或语言标签,例如 zh-CN、de-DE、hi-IN、ar-EG。 */
|
|
113
|
+
locale?: string | string[];
|
|
114
|
+
/** decimal、percent、currency 或 scientific。默认 decimal。 */
|
|
115
|
+
numberFormat?: HysNumberFormat;
|
|
116
|
+
/** percent 的数据约定,ratio(默认)下 0.42 显示为 42%,points 下 42 显示为 42%。 */
|
|
117
|
+
percentInput?: "ratio" | "points";
|
|
118
|
+
/** ISO 4217 货币代码,例如 CNY、USD 或 EUR。默认 CNY。 */
|
|
119
|
+
currency?: string;
|
|
120
|
+
/** 替换地区格式生成的货币符号,保留符号位置。 */
|
|
121
|
+
currencySymbol?: string;
|
|
122
|
+
/** 使用 symbol、narrowSymbol 或 code 显示币种。默认 symbol。 */
|
|
123
|
+
currencyDisplay?: "symbol" | "narrowSymbol" | "code";
|
|
124
|
+
/** 自动单位。short 使用 K/M/B/T,zh 使用万/亿/万亿,也可传自定义规则数组。 */
|
|
125
|
+
compact?: "short" | "zh" | readonly HysNumberUnitRule[];
|
|
126
|
+
/** 在自动缩写单位之后附加文字。 */
|
|
127
|
+
unit?: string;
|
|
128
|
+
/** 正负号显示策略。默认 auto,仅显示负号。 */
|
|
129
|
+
signDisplay?: "auto" | "always" | "exceptZero" | "never";
|
|
130
|
+
/** 自定义正号。需设置 signDisplay="always" 或 "exceptZero"。 */
|
|
131
|
+
positiveSign?: string;
|
|
132
|
+
/** 自定义负号。 */
|
|
133
|
+
negativeSign?: string;
|
|
134
|
+
}
|
|
135
|
+
export interface HysAnimatedNumberContext extends HysNumberFrame {
|
|
136
|
+
displayValue: string;
|
|
137
|
+
unit: string;
|
|
138
|
+
remaining?: number;
|
|
139
|
+
trend: HysNumberTrend;
|
|
140
|
+
}
|
|
141
|
+
export interface HysNumberDigitContext extends HysAnimatedNumberContext {
|
|
142
|
+
digit: string;
|
|
143
|
+
index: number;
|
|
144
|
+
position: number;
|
|
145
|
+
section: "integer" | "fraction";
|
|
146
|
+
digitProgress: number;
|
|
147
|
+
}
|
|
148
|
+
export interface HysAnimatedNumberProps extends HysNumberAnimationOptions, HysNumberFormatOptions {
|
|
149
|
+
/** v-model 的目标值。与 value 同时传入时优先。 */
|
|
150
|
+
modelValue?: HysNumberValue;
|
|
151
|
+
/** 可组合的播放触发条件。默认 mount 和 update,manual 仅响应实例方法。 */
|
|
152
|
+
trigger?: HysNumberTrigger | readonly HysNumberTrigger[];
|
|
153
|
+
/** 自动和用户交互触发时的条件,可接收触发原因与最新目标值。 */
|
|
154
|
+
canPlay?: boolean | ((trigger: HysNumberTrigger, target: HysNumberValue) => boolean);
|
|
155
|
+
/** 进入视口触发时只播放一次,默认 true。 */
|
|
156
|
+
visibleOnce?: boolean;
|
|
157
|
+
/** 离开视口暂停并在重新进入时继续。 */
|
|
158
|
+
pauseOutside?: boolean;
|
|
159
|
+
/** 可视比例 0–1,默认 0.2。 */
|
|
160
|
+
visibilityThreshold?: number;
|
|
161
|
+
/** 数字动画效果,可传数组组合。默认 count。 */
|
|
162
|
+
effect?: HysNumberEffect | readonly HysNumberEffect[];
|
|
163
|
+
/** 统一效果入口。接受效果名、带参数的配置,或最多 8 层的配置数组,支持运行时切换。 */
|
|
164
|
+
animation?: HysNumberAnimation;
|
|
165
|
+
/** 用户预设表。预设可引用其他预设,循环引用自动跳过。 */
|
|
166
|
+
animationPresets?: HysNumberAnimationPresets;
|
|
167
|
+
/** animation 无法解析时使用的备用配置。 */
|
|
168
|
+
fallbackAnimation?: HysNumberAnimation;
|
|
169
|
+
/** 按位权覆盖效果。键为 integer:0(个位)、fraction:1(第一位小数)或 *(所有未指定数位)。 */
|
|
170
|
+
digitAnimations?: HysNumberDigitAnimations;
|
|
171
|
+
/** 全局效果强度 0–2,默认 1;0 仅保留数值变化。 */
|
|
172
|
+
motionIntensity?: number;
|
|
173
|
+
/** full 完整效果,simplified 仅计数,off 立即到达目标。遵循系统减少动效设置。 */
|
|
174
|
+
animationMotion?: "full" | "simplified" | "off";
|
|
175
|
+
/** 播放区间的差值达到 changeThreshold 时追加的效果,默认 highlight。 */
|
|
176
|
+
thresholdEffect?: HysNumberEffect | readonly HysNumberEffect[];
|
|
177
|
+
/** 滚轮与滑动方向,默认 vertical。 */
|
|
178
|
+
axis?: "vertical" | "horizontal";
|
|
179
|
+
/** 逐位启动间隔,单位毫秒。 */
|
|
180
|
+
stagger?: number;
|
|
181
|
+
/** 单位数字动效时长,单位毫秒。省略时使用剩余的播放时间。 */
|
|
182
|
+
digitDuration?: number;
|
|
183
|
+
/** high-to-low 从高位开始,low-to-high 从低位开始。 */
|
|
184
|
+
digitOrder?: "high-to-low" | "low-to-high";
|
|
185
|
+
/** 数值区域的自定义逐帧样式,可与内置效果组合。 */
|
|
186
|
+
animationStyle?: (context: HysAnimatedNumberContext) => StyleValue;
|
|
187
|
+
/** 为起点和终点文本预留宽度,并保留当前内容的自然宽度。 */
|
|
188
|
+
stableWidth?: boolean;
|
|
189
|
+
/** plain 常规数字、panel 逐位面板、display 大屏数字。默认 plain。 */
|
|
190
|
+
appearance?: "plain" | "panel" | "display";
|
|
191
|
+
/** 启用正负值的语义配色。 */
|
|
192
|
+
colorBySign?: boolean;
|
|
193
|
+
/** 按最近一次目标值增减配色,优先于 colorBySign。 */
|
|
194
|
+
colorByDirection?: boolean;
|
|
195
|
+
/** 差值绝对值达到此阈值时标记 significant 并触发 threshold 事件。 */
|
|
196
|
+
changeThreshold?: HysNumberValue;
|
|
197
|
+
/** 展示统计标题,title 插槽优先。 */
|
|
198
|
+
title?: string;
|
|
199
|
+
/** 数值前的文本,prefix 插槽优先。 */
|
|
200
|
+
prefix?: string;
|
|
201
|
+
/** 数值后的文本,suffix 插槽优先。 */
|
|
202
|
+
suffix?: string;
|
|
203
|
+
/** 应用到数值区域的 Vue 样式。 */
|
|
204
|
+
valueStyle?: StyleValue;
|
|
205
|
+
/** 接收当前值、格式文本、播放状态与趋势,可返回文字或 VNode。 */
|
|
206
|
+
formatter?: (context: HysAnimatedNumberContext) => VNodeChild;
|
|
207
|
+
/** 朗读结束值和倒计时结束值。默认静默更新。 */
|
|
208
|
+
announce?: boolean;
|
|
209
|
+
/** 启用截止时间倒计时,传 Unix 毫秒时间戳或 Date。 */
|
|
210
|
+
deadline?: number | Date;
|
|
211
|
+
/** 倒计时模板支持 D、DD、H、HH、m、mm、s、ss、SSS,字面文本使用方括号。 */
|
|
212
|
+
format?: string;
|
|
213
|
+
}
|
|
214
|
+
export interface HysAnimatedNumberInstance extends HysNumberControls {
|
|
215
|
+
displayValue: string;
|
|
216
|
+
remaining: number;
|
|
217
|
+
frame: HysNumberFrame;
|
|
218
|
+
trend: HysNumberTrend;
|
|
219
|
+
setValue: (target: HysNumberValue) => void;
|
|
220
|
+
}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import type { HysNumberEffect } from "./animatedNumber";
|
|
2
|
+
import type { NumberPresentation } from "./animatedNumberFormat";
|
|
3
|
+
export declare const digitEffects: readonly HysNumberEffect[];
|
|
4
|
+
type DigitSection = "integer" | "fraction";
|
|
5
|
+
export declare function digitCount(parts: Intl.NumberFormatPart[]): number;
|
|
6
|
+
export interface DigitToken {
|
|
7
|
+
key: string;
|
|
8
|
+
text: string;
|
|
9
|
+
type: Intl.NumberFormatPartTypes;
|
|
10
|
+
position: number;
|
|
11
|
+
section?: DigitSection;
|
|
12
|
+
}
|
|
13
|
+
export declare function numberTokens(parts: Intl.NumberFormatPart[], split: boolean): DigitToken[];
|
|
14
|
+
export declare function createDigitTracks(start: NumberPresentation, end: NumberPresentation, glyphs: string[]): (token: DigitToken) => {
|
|
15
|
+
offset: number;
|
|
16
|
+
destination: number;
|
|
17
|
+
steps: number;
|
|
18
|
+
carry: {
|
|
19
|
+
start: number;
|
|
20
|
+
end: number;
|
|
21
|
+
} | undefined;
|
|
22
|
+
fromPresent: boolean;
|
|
23
|
+
toPresent: boolean;
|
|
24
|
+
};
|
|
25
|
+
export declare function digitMotion(effect: HysNumberEffect, track: ReturnType<ReturnType<typeof createDigitTracks>>, progress: number, index: number, glyphs: string[]): {
|
|
26
|
+
first: string;
|
|
27
|
+
second: string;
|
|
28
|
+
phase: number;
|
|
29
|
+
direction: number;
|
|
30
|
+
changed: boolean;
|
|
31
|
+
};
|
|
32
|
+
export {};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { HysNumberAnimationOptions, HysNumberDirection, HysNumberFormatOptions, HysNumberTrend, HysNumberValue } from "./animatedNumber";
|
|
2
|
+
export declare function numberValue(value: HysNumberValue | undefined): HysNumberValue;
|
|
3
|
+
export declare function bounded(value: number | undefined, fallback: number, min: number, max: number): number;
|
|
4
|
+
export declare function numberDirection(from: HysNumberValue, to: HysNumberValue): HysNumberDirection;
|
|
5
|
+
export declare function numberInterpolation(from: HysNumberValue, to: HysNumberValue): (progress: number) => HysNumberValue;
|
|
6
|
+
export declare function createNumberInterpolator(from: HysNumberValue, to: HysNumberValue, custom: HysNumberAnimationOptions["interpolate"]): (_progress: number, easedProgress: number) => HysNumberValue;
|
|
7
|
+
export declare function numberTrend(previous: HysNumberValue, target: HysNumberValue, threshold?: HysNumberValue): HysNumberTrend;
|
|
8
|
+
export interface NumberPresentation {
|
|
9
|
+
text: string;
|
|
10
|
+
parts: Intl.NumberFormatPart[];
|
|
11
|
+
unit: string;
|
|
12
|
+
}
|
|
13
|
+
export declare function createNumberPresentation(options: HysNumberFormatOptions): {
|
|
14
|
+
format: (raw: HysNumberValue) => NumberPresentation;
|
|
15
|
+
localized: string[];
|
|
16
|
+
};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import type { HysNumberEasing, HysNumberValue } from "./animatedNumber";
|
|
2
|
+
import type { createNumberInterpolator } from "./animatedNumberFormat";
|
|
3
|
+
type Tick = (now: number) => void;
|
|
4
|
+
export declare function unsubscribe(tick: Tick): void;
|
|
5
|
+
export declare function subscribe(tick: Tick): void;
|
|
6
|
+
export declare function listenVisibility(update: () => void): void;
|
|
7
|
+
export declare function unlistenVisibility(update: () => void): void;
|
|
8
|
+
export declare function makeEasing(easing?: HysNumberEasing): (progress: number) => number;
|
|
9
|
+
export interface Run {
|
|
10
|
+
from: HysNumberValue;
|
|
11
|
+
to: HysNumberValue;
|
|
12
|
+
interpolate: ReturnType<typeof createNumberInterpolator>;
|
|
13
|
+
easing: ReturnType<typeof makeEasing>;
|
|
14
|
+
duration: number;
|
|
15
|
+
elapsed: number;
|
|
16
|
+
iteration: number;
|
|
17
|
+
loops: number;
|
|
18
|
+
alternate: boolean;
|
|
19
|
+
started: boolean;
|
|
20
|
+
}
|
|
21
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { InjectionKey, Ref } from "vue";
|
|
2
|
+
import type { HysButtonAppearance, HysButtonSize, HysButtonVariant } from "../components/HysButton/HysButton.vue";
|
|
3
|
+
export declare function buttonSize(size: HysButtonSize | undefined): "sm" | "md" | "lg" | undefined;
|
|
4
|
+
export declare function buttonVariant(type: HysButtonAppearance | "button" | "submit" | "reset" | undefined): HysButtonVariant | undefined;
|
|
5
|
+
export declare const buttonGroupKey: InjectionKey<{
|
|
6
|
+
variant: Readonly<Ref<HysButtonVariant | undefined>>;
|
|
7
|
+
size: Readonly<Ref<"sm" | "md" | "lg" | undefined>>;
|
|
8
|
+
disabled: Readonly<Ref<boolean>>;
|
|
9
|
+
}>;
|
|
@@ -98,5 +98,5 @@ export declare const drawerSizes: {
|
|
|
98
98
|
readonly xl: 960;
|
|
99
99
|
readonly full: "100%";
|
|
100
100
|
};
|
|
101
|
-
export declare const drawerVertical: (placement?: HysDrawerPlacement) => placement is "
|
|
101
|
+
export declare const drawerVertical: (placement?: HysDrawerPlacement) => placement is "bottom" | "top";
|
|
102
102
|
export declare function drawerSize(props: HysDrawerProps): string | number;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { Placement } from "./useFloating";
|
|
2
|
+
export declare function positionFloating(anchor: DOMRect, size: {
|
|
3
|
+
width: number;
|
|
4
|
+
height: number;
|
|
5
|
+
}, viewport: {
|
|
6
|
+
width: number;
|
|
7
|
+
height: number;
|
|
8
|
+
}, placement: Placement, gap: number, padding: number, flip: boolean): {
|
|
9
|
+
width: number;
|
|
10
|
+
height: number;
|
|
11
|
+
x: number;
|
|
12
|
+
y: number;
|
|
13
|
+
placement: Placement;
|
|
14
|
+
};
|