@wizleap-inc/wiz-ui-next 0.5.2 → 0.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/base/buttons/icon/icon.vue.d.ts +5 -5
- package/dist/components/base/dialog/dialog.vue.d.ts +5 -5
- package/dist/components/base/graphs/circle/bar.vue.d.ts +31 -0
- package/dist/components/base/graphs/circle/circle.vue.d.ts +62 -0
- package/dist/components/base/graphs/circle/index.d.ts +1 -0
- package/dist/components/base/graphs/circle/types.d.ts +4 -0
- package/dist/components/base/graphs/index.d.ts +5 -0
- package/dist/components/base/graphs/line/index.d.ts +1 -0
- package/dist/components/base/graphs/line/line.vue.d.ts +15 -0
- package/dist/components/base/graphs/meter/index.d.ts +1 -0
- package/dist/components/base/graphs/meter/meter.vue.d.ts +29 -0
- package/dist/components/base/graphs/poll/bar.vue.d.ts +40 -0
- package/dist/components/base/graphs/poll/index.d.ts +1 -0
- package/dist/components/base/graphs/poll/poll.vue.d.ts +138 -0
- package/dist/components/base/graphs/poll/row.vue.d.ts +87 -0
- package/dist/components/base/graphs/poll/types.d.ts +5 -0
- package/dist/components/base/graphs/transition/bar.vue.d.ts +65 -0
- package/dist/components/base/graphs/transition/container.vue.d.ts +34 -0
- package/dist/components/base/graphs/transition/index.d.ts +1 -0
- package/dist/components/base/graphs/transition/transition.vue.d.ts +121 -0
- package/dist/components/base/graphs/transition/types.d.ts +4 -0
- package/dist/components/base/header/header.vue.d.ts +5 -5
- package/dist/components/base/index.d.ts +1 -0
- package/dist/components/base/inputs/base/base.vue.d.ts +19 -7
- package/dist/components/base/inputs/checkbox/types.d.ts +1 -0
- package/dist/components/base/inputs/datepicker/date-picker.vue.d.ts +9 -0
- package/dist/components/base/inputs/password/password.vue.d.ts +25 -14
- package/dist/components/base/inputs/selectbox/selectbox.vue.d.ts +1 -1
- package/dist/components/base/inputs/text/text.vue.d.ts +42 -16
- package/dist/components/base/inputs/upload/upload-display.vue.d.ts +14 -2
- package/dist/components/base/inputs/upload/upload.vue.d.ts +14 -2
- package/dist/components/base/progress-bar/progress-bar.vue.d.ts +33 -8
- package/dist/components/base/text/text.vue.d.ts +9 -0
- package/dist/components/base/tooltip/tooltip.vue.d.ts +25 -8
- package/dist/components/custom/chat/card/chat-card.vue.d.ts +1419 -36
- package/dist/components/custom/chat/form/chat-form.vue.d.ts +5 -5
- package/dist/components/custom/chat/item/chat-item.vue.d.ts +184 -0
- package/dist/components/custom/chat/types.d.ts +1 -1
- package/dist/components/custom/form/control.vue.d.ts +9 -0
- package/dist/components/custom/notification/list/list.vue.d.ts +9 -0
- package/dist/components/custom/notification/notification.vue.d.ts +9 -0
- package/dist/components/custom/notification/panel/panel.vue.d.ts +9 -0
- package/dist/components/icons/content-copy.vue.d.ts +2 -0
- package/dist/components/icons/description.vue.d.ts +2 -0
- package/dist/components/icons/index.d.ts +6 -2
- package/dist/components/icons/pin-drop.vue.d.ts +2 -0
- package/dist/components/icons/search.vue.d.ts +2 -0
- package/dist/index.d.ts +1 -1
- package/dist/style.css +1 -1
- package/dist/wiz-ui.es.js +3063 -2325
- package/dist/wiz-ui.umd.js +10 -1
- package/package.json +2 -2
|
@@ -6,7 +6,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
6
6
|
required: true;
|
|
7
7
|
};
|
|
8
8
|
variant: {
|
|
9
|
-
type: PropType<"
|
|
9
|
+
type: PropType<"link" | "transparent" | "sub" | "primary">;
|
|
10
10
|
required: false;
|
|
11
11
|
default: string;
|
|
12
12
|
};
|
|
@@ -25,8 +25,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
25
25
|
emits: (event: "click") => void;
|
|
26
26
|
onClick: () => true | void;
|
|
27
27
|
readonly getRelativeFontSize: (key: "xs3" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xl5" | "xl6", diffIndex: number) => "xs3" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xl5" | "xl6";
|
|
28
|
-
readonly iconButtonSVGStyle: Record<"
|
|
29
|
-
readonly iconButtonStyle: Record<"
|
|
28
|
+
readonly iconButtonSVGStyle: Record<"link" | "transparent" | "sub" | "primary", string>;
|
|
29
|
+
readonly iconButtonStyle: Record<"link" | "transparent" | "sub" | "primary", string>;
|
|
30
30
|
readonly iconButtonDisabledStyle: string;
|
|
31
31
|
readonly fontSizeStyle: Record<"xs3" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xl5" | "xl6", string>;
|
|
32
32
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -35,7 +35,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
35
35
|
required: true;
|
|
36
36
|
};
|
|
37
37
|
variant: {
|
|
38
|
-
type: PropType<"
|
|
38
|
+
type: PropType<"link" | "transparent" | "sub" | "primary">;
|
|
39
39
|
required: false;
|
|
40
40
|
default: string;
|
|
41
41
|
};
|
|
@@ -54,6 +54,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
54
54
|
}, {
|
|
55
55
|
size: "sm" | "md" | "lg" | "xl";
|
|
56
56
|
disabled: boolean;
|
|
57
|
-
variant: "
|
|
57
|
+
variant: "link" | "transparent" | "sub" | "primary";
|
|
58
58
|
}>;
|
|
59
59
|
export default _sfc_main;
|
|
@@ -32,7 +32,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
32
32
|
required: true;
|
|
33
33
|
};
|
|
34
34
|
variant: {
|
|
35
|
-
type: PropType<"
|
|
35
|
+
type: PropType<"link" | "transparent" | "sub" | "primary">;
|
|
36
36
|
required: false;
|
|
37
37
|
default: string;
|
|
38
38
|
};
|
|
@@ -51,8 +51,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
51
51
|
emits: (event: "click") => void;
|
|
52
52
|
onClick: () => true | void;
|
|
53
53
|
readonly getRelativeFontSize: (key: "xs3" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xl5" | "xl6", diffIndex: number) => "xs3" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xl5" | "xl6";
|
|
54
|
-
readonly iconButtonSVGStyle: Record<"
|
|
55
|
-
readonly iconButtonStyle: Record<"
|
|
54
|
+
readonly iconButtonSVGStyle: Record<"link" | "transparent" | "sub" | "primary", string>;
|
|
55
|
+
readonly iconButtonStyle: Record<"link" | "transparent" | "sub" | "primary", string>;
|
|
56
56
|
readonly iconButtonDisabledStyle: string;
|
|
57
57
|
readonly fontSizeStyle: Record<"xs3" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xl5" | "xl6", string>;
|
|
58
58
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -61,7 +61,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
61
61
|
required: true;
|
|
62
62
|
};
|
|
63
63
|
variant: {
|
|
64
|
-
type: PropType<"
|
|
64
|
+
type: PropType<"link" | "transparent" | "sub" | "primary">;
|
|
65
65
|
required: false;
|
|
66
66
|
default: string;
|
|
67
67
|
};
|
|
@@ -80,7 +80,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
80
80
|
}, {
|
|
81
81
|
size: "sm" | "md" | "lg" | "xl";
|
|
82
82
|
disabled: boolean;
|
|
83
|
-
variant: "
|
|
83
|
+
variant: "link" | "transparent" | "sub" | "primary";
|
|
84
84
|
}>;
|
|
85
85
|
readonly WizCard: import("vue").DefineComponent<{
|
|
86
86
|
title: {
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { PropType } from "vue";
|
|
2
|
+
declare const _sfc_main: import("vue").DefineComponent<{
|
|
3
|
+
percentages: {
|
|
4
|
+
type: PropType<number[]>;
|
|
5
|
+
required: true;
|
|
6
|
+
};
|
|
7
|
+
}, {
|
|
8
|
+
props: any;
|
|
9
|
+
percentagesForDisplay: import("vue").ComputedRef<{
|
|
10
|
+
percentage: number;
|
|
11
|
+
start: number;
|
|
12
|
+
}[]>;
|
|
13
|
+
readonly CircleBarBgStyle: string;
|
|
14
|
+
readonly CircleBarContainerStyle: string;
|
|
15
|
+
readonly CircleBarSVGStyle: string;
|
|
16
|
+
readonly CircleBarPercentageStyle: string;
|
|
17
|
+
readonly CircleBarStyle: string;
|
|
18
|
+
readonly GRAPH_COLORS: string[];
|
|
19
|
+
readonly STROKE_WIDTH: number;
|
|
20
|
+
readonly VIEW_BOX_SIZE: number;
|
|
21
|
+
readonly HALF_VIEW_BOX_SIZE: number;
|
|
22
|
+
readonly RADIUS: number;
|
|
23
|
+
readonly DIAMETER: number;
|
|
24
|
+
readonly MARGIN_OF_CIRCLE: number;
|
|
25
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
26
|
+
percentages: {
|
|
27
|
+
type: PropType<number[]>;
|
|
28
|
+
required: true;
|
|
29
|
+
};
|
|
30
|
+
}>>, {}>;
|
|
31
|
+
export default _sfc_main;
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { PropType } from "vue";
|
|
2
|
+
import { CircleGraphData } from "./types";
|
|
3
|
+
declare const _sfc_main: import("vue").DefineComponent<{
|
|
4
|
+
otherLabel: {
|
|
5
|
+
type: StringConstructor;
|
|
6
|
+
required: false;
|
|
7
|
+
default: string;
|
|
8
|
+
};
|
|
9
|
+
data: {
|
|
10
|
+
type: PropType<CircleGraphData[]>;
|
|
11
|
+
required: true;
|
|
12
|
+
};
|
|
13
|
+
}, {
|
|
14
|
+
readonly CircleGraphStyle: string;
|
|
15
|
+
readonly CircleGraphLabelStyle: string;
|
|
16
|
+
readonly CircleGraphLabelContainerStyle: string;
|
|
17
|
+
readonly CircleGraphLabelItemStyle: string;
|
|
18
|
+
readonly CircleGraphLabelIconStyle: string;
|
|
19
|
+
readonly GRAPH_COLORS: string[];
|
|
20
|
+
Bar: import("vue").DefineComponent<{
|
|
21
|
+
percentages: {
|
|
22
|
+
type: PropType<number[]>;
|
|
23
|
+
required: true;
|
|
24
|
+
};
|
|
25
|
+
}, {
|
|
26
|
+
props: any;
|
|
27
|
+
percentagesForDisplay: import("vue").ComputedRef<{
|
|
28
|
+
percentage: number;
|
|
29
|
+
start: number;
|
|
30
|
+
}[]>;
|
|
31
|
+
readonly CircleBarBgStyle: string;
|
|
32
|
+
readonly CircleBarContainerStyle: string;
|
|
33
|
+
readonly CircleBarSVGStyle: string;
|
|
34
|
+
readonly CircleBarPercentageStyle: string;
|
|
35
|
+
readonly CircleBarStyle: string;
|
|
36
|
+
readonly GRAPH_COLORS: string[];
|
|
37
|
+
readonly STROKE_WIDTH: number;
|
|
38
|
+
readonly VIEW_BOX_SIZE: number;
|
|
39
|
+
readonly HALF_VIEW_BOX_SIZE: number;
|
|
40
|
+
readonly RADIUS: number;
|
|
41
|
+
readonly DIAMETER: number;
|
|
42
|
+
readonly MARGIN_OF_CIRCLE: number;
|
|
43
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
44
|
+
percentages: {
|
|
45
|
+
type: PropType<number[]>;
|
|
46
|
+
required: true;
|
|
47
|
+
};
|
|
48
|
+
}>>, {}>;
|
|
49
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
50
|
+
otherLabel: {
|
|
51
|
+
type: StringConstructor;
|
|
52
|
+
required: false;
|
|
53
|
+
default: string;
|
|
54
|
+
};
|
|
55
|
+
data: {
|
|
56
|
+
type: PropType<CircleGraphData[]>;
|
|
57
|
+
required: true;
|
|
58
|
+
};
|
|
59
|
+
}>>, {
|
|
60
|
+
otherLabel: string;
|
|
61
|
+
}>;
|
|
62
|
+
export default _sfc_main;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as WizCircleGraph } from "./circle.vue";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as WizLineGraph } from "./line.vue";
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
declare const _sfc_main: import("vue").DefineComponent<{
|
|
2
|
+
percentage: {
|
|
3
|
+
type: NumberConstructor;
|
|
4
|
+
required: true;
|
|
5
|
+
};
|
|
6
|
+
}, {
|
|
7
|
+
readonly lineGraphBgStyle: string;
|
|
8
|
+
readonly lineGraphBarStyle: string;
|
|
9
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
10
|
+
percentage: {
|
|
11
|
+
type: NumberConstructor;
|
|
12
|
+
required: true;
|
|
13
|
+
};
|
|
14
|
+
}>>, {}>;
|
|
15
|
+
export default _sfc_main;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as WizMeterGraph } from "./meter.vue";
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
declare const _sfc_main: import("vue").DefineComponent<{
|
|
2
|
+
percentage: {
|
|
3
|
+
type: NumberConstructor;
|
|
4
|
+
required: true;
|
|
5
|
+
};
|
|
6
|
+
}, {
|
|
7
|
+
props: any;
|
|
8
|
+
meterColor: import("vue").ComputedRef<"green.700" | "blue.700" | "yellow.700" | "red.700">;
|
|
9
|
+
displayPercentage: import("vue").ComputedRef<number>;
|
|
10
|
+
readonly MeterBarBgStyle: string;
|
|
11
|
+
readonly MeterBarContainerStyle: string;
|
|
12
|
+
readonly MeterBarSVGStyle: string;
|
|
13
|
+
readonly MeterBarPercentageStyle: string;
|
|
14
|
+
readonly MeterBarStyle: string;
|
|
15
|
+
readonly STROKE_WIDTH: number;
|
|
16
|
+
readonly VIEW_BOX_SIZE: number;
|
|
17
|
+
readonly HALF_VIEW_BOX_SIZE: number;
|
|
18
|
+
readonly RADIUS: number;
|
|
19
|
+
readonly DIAMETER: number;
|
|
20
|
+
readonly MARGIN_OF_CIRCLE: number;
|
|
21
|
+
readonly MAX_PERCENTAGE: number;
|
|
22
|
+
readonly strokeStyle: Record<import("@wizleap-inc/wiz-ui-constants").ColorKeys, string>;
|
|
23
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
24
|
+
percentage: {
|
|
25
|
+
type: NumberConstructor;
|
|
26
|
+
required: true;
|
|
27
|
+
};
|
|
28
|
+
}>>, {}>;
|
|
29
|
+
export default _sfc_main;
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { PropType } from "vue";
|
|
2
|
+
declare const _sfc_main: import("vue").DefineComponent<{
|
|
3
|
+
isColorFixed: {
|
|
4
|
+
type: PropType<boolean>;
|
|
5
|
+
required: false;
|
|
6
|
+
};
|
|
7
|
+
barPercentage: {
|
|
8
|
+
type: PropType<number>;
|
|
9
|
+
required: true;
|
|
10
|
+
};
|
|
11
|
+
innerLabel: {
|
|
12
|
+
type: PropType<string>;
|
|
13
|
+
required: false;
|
|
14
|
+
};
|
|
15
|
+
}, {
|
|
16
|
+
props: any;
|
|
17
|
+
pollRef: import("vue").Ref<HTMLElement | undefined>;
|
|
18
|
+
barRef: import("vue").Ref<HTMLElement | undefined>;
|
|
19
|
+
innerLabelRef: import("vue").Ref<HTMLElement | undefined>;
|
|
20
|
+
barColor: import("vue").ComputedRef<"green.700" | "blue.700" | "yellow.700" | "red.700">;
|
|
21
|
+
updateBarWidth: () => 0 | undefined;
|
|
22
|
+
readonly PollGraphStyle: string;
|
|
23
|
+
readonly PollBodyStyle: string;
|
|
24
|
+
readonly PollGraphInnerLabelStyle: string;
|
|
25
|
+
readonly backgroundStyle: Record<import("@wizleap-inc/wiz-ui-constants").ColorKeys, string>;
|
|
26
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
27
|
+
isColorFixed: {
|
|
28
|
+
type: PropType<boolean>;
|
|
29
|
+
required: false;
|
|
30
|
+
};
|
|
31
|
+
barPercentage: {
|
|
32
|
+
type: PropType<number>;
|
|
33
|
+
required: true;
|
|
34
|
+
};
|
|
35
|
+
innerLabel: {
|
|
36
|
+
type: PropType<string>;
|
|
37
|
+
required: false;
|
|
38
|
+
};
|
|
39
|
+
}>>, {}>;
|
|
40
|
+
export default _sfc_main;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as WizPollGraph } from "./poll.vue";
|
|
@@ -0,0 +1,138 @@
|
|
|
1
|
+
import { PropType } from "vue";
|
|
2
|
+
import { PollGraphData } from "./types";
|
|
3
|
+
declare const _sfc_main: import("vue").DefineComponent<{
|
|
4
|
+
isColorFixed: {
|
|
5
|
+
type: BooleanConstructor;
|
|
6
|
+
required: false;
|
|
7
|
+
};
|
|
8
|
+
rowCount: {
|
|
9
|
+
type: NumberConstructor;
|
|
10
|
+
required: false;
|
|
11
|
+
default: number;
|
|
12
|
+
};
|
|
13
|
+
data: {
|
|
14
|
+
type: PropType<PollGraphData[]>;
|
|
15
|
+
required: true;
|
|
16
|
+
};
|
|
17
|
+
labelWidth: {
|
|
18
|
+
type: StringConstructor;
|
|
19
|
+
required: false;
|
|
20
|
+
default: string;
|
|
21
|
+
};
|
|
22
|
+
}, {
|
|
23
|
+
pollWrapperRef: import("vue").Ref<HTMLElement | undefined>;
|
|
24
|
+
pollWrapperHeight: import("vue").Ref<number>;
|
|
25
|
+
updatePollWrapperHeight: () => void;
|
|
26
|
+
readonly PollGraphWrapperStyle: string;
|
|
27
|
+
readonly PollGraphDividerStyle: string;
|
|
28
|
+
readonly DIVIDER_WIDTH: string;
|
|
29
|
+
Row: import("vue").DefineComponent<{
|
|
30
|
+
isColorFixed: {
|
|
31
|
+
type: PropType<boolean>;
|
|
32
|
+
required: false;
|
|
33
|
+
};
|
|
34
|
+
barPercentage: {
|
|
35
|
+
type: PropType<number>;
|
|
36
|
+
required: false;
|
|
37
|
+
};
|
|
38
|
+
label: {
|
|
39
|
+
type: PropType<string>;
|
|
40
|
+
required: false;
|
|
41
|
+
};
|
|
42
|
+
innerLabel: {
|
|
43
|
+
type: PropType<string>;
|
|
44
|
+
required: false;
|
|
45
|
+
};
|
|
46
|
+
labelWidth: {
|
|
47
|
+
type: StringConstructor;
|
|
48
|
+
required: true;
|
|
49
|
+
};
|
|
50
|
+
}, {
|
|
51
|
+
readonly PollRowStyle: string;
|
|
52
|
+
readonly PollStyle: string;
|
|
53
|
+
readonly PollLabelStyle: string;
|
|
54
|
+
Bar: import("vue").DefineComponent<{
|
|
55
|
+
isColorFixed: {
|
|
56
|
+
type: PropType<boolean>;
|
|
57
|
+
required: false;
|
|
58
|
+
};
|
|
59
|
+
barPercentage: {
|
|
60
|
+
type: PropType<number>;
|
|
61
|
+
required: true;
|
|
62
|
+
};
|
|
63
|
+
innerLabel: {
|
|
64
|
+
type: PropType<string>;
|
|
65
|
+
required: false;
|
|
66
|
+
};
|
|
67
|
+
}, {
|
|
68
|
+
props: any;
|
|
69
|
+
pollRef: import("vue").Ref<HTMLElement | undefined>;
|
|
70
|
+
barRef: import("vue").Ref<HTMLElement | undefined>;
|
|
71
|
+
innerLabelRef: import("vue").Ref<HTMLElement | undefined>;
|
|
72
|
+
barColor: import("vue").ComputedRef<"green.700" | "blue.700" | "yellow.700" | "red.700">;
|
|
73
|
+
updateBarWidth: () => 0 | undefined;
|
|
74
|
+
readonly PollGraphStyle: string;
|
|
75
|
+
readonly PollBodyStyle: string;
|
|
76
|
+
readonly PollGraphInnerLabelStyle: string;
|
|
77
|
+
readonly backgroundStyle: Record<import("@wizleap-inc/wiz-ui-constants").ColorKeys, string>;
|
|
78
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
79
|
+
isColorFixed: {
|
|
80
|
+
type: PropType<boolean>;
|
|
81
|
+
required: false;
|
|
82
|
+
};
|
|
83
|
+
barPercentage: {
|
|
84
|
+
type: PropType<number>;
|
|
85
|
+
required: true;
|
|
86
|
+
};
|
|
87
|
+
innerLabel: {
|
|
88
|
+
type: PropType<string>;
|
|
89
|
+
required: false;
|
|
90
|
+
};
|
|
91
|
+
}>>, {}>;
|
|
92
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
93
|
+
isColorFixed: {
|
|
94
|
+
type: PropType<boolean>;
|
|
95
|
+
required: false;
|
|
96
|
+
};
|
|
97
|
+
barPercentage: {
|
|
98
|
+
type: PropType<number>;
|
|
99
|
+
required: false;
|
|
100
|
+
};
|
|
101
|
+
label: {
|
|
102
|
+
type: PropType<string>;
|
|
103
|
+
required: false;
|
|
104
|
+
};
|
|
105
|
+
innerLabel: {
|
|
106
|
+
type: PropType<string>;
|
|
107
|
+
required: false;
|
|
108
|
+
};
|
|
109
|
+
labelWidth: {
|
|
110
|
+
type: StringConstructor;
|
|
111
|
+
required: true;
|
|
112
|
+
};
|
|
113
|
+
}>>, {}>;
|
|
114
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
115
|
+
isColorFixed: {
|
|
116
|
+
type: BooleanConstructor;
|
|
117
|
+
required: false;
|
|
118
|
+
};
|
|
119
|
+
rowCount: {
|
|
120
|
+
type: NumberConstructor;
|
|
121
|
+
required: false;
|
|
122
|
+
default: number;
|
|
123
|
+
};
|
|
124
|
+
data: {
|
|
125
|
+
type: PropType<PollGraphData[]>;
|
|
126
|
+
required: true;
|
|
127
|
+
};
|
|
128
|
+
labelWidth: {
|
|
129
|
+
type: StringConstructor;
|
|
130
|
+
required: false;
|
|
131
|
+
default: string;
|
|
132
|
+
};
|
|
133
|
+
}>>, {
|
|
134
|
+
isColorFixed: boolean;
|
|
135
|
+
rowCount: number;
|
|
136
|
+
labelWidth: string;
|
|
137
|
+
}>;
|
|
138
|
+
export default _sfc_main;
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
import { PropType } from "vue";
|
|
2
|
+
declare const _sfc_main: import("vue").DefineComponent<{
|
|
3
|
+
isColorFixed: {
|
|
4
|
+
type: PropType<boolean>;
|
|
5
|
+
required: false;
|
|
6
|
+
};
|
|
7
|
+
barPercentage: {
|
|
8
|
+
type: PropType<number>;
|
|
9
|
+
required: false;
|
|
10
|
+
};
|
|
11
|
+
label: {
|
|
12
|
+
type: PropType<string>;
|
|
13
|
+
required: false;
|
|
14
|
+
};
|
|
15
|
+
innerLabel: {
|
|
16
|
+
type: PropType<string>;
|
|
17
|
+
required: false;
|
|
18
|
+
};
|
|
19
|
+
labelWidth: {
|
|
20
|
+
type: StringConstructor;
|
|
21
|
+
required: true;
|
|
22
|
+
};
|
|
23
|
+
}, {
|
|
24
|
+
readonly PollRowStyle: string;
|
|
25
|
+
readonly PollStyle: string;
|
|
26
|
+
readonly PollLabelStyle: string;
|
|
27
|
+
Bar: import("vue").DefineComponent<{
|
|
28
|
+
isColorFixed: {
|
|
29
|
+
type: PropType<boolean>;
|
|
30
|
+
required: false;
|
|
31
|
+
};
|
|
32
|
+
barPercentage: {
|
|
33
|
+
type: PropType<number>;
|
|
34
|
+
required: true;
|
|
35
|
+
};
|
|
36
|
+
innerLabel: {
|
|
37
|
+
type: PropType<string>;
|
|
38
|
+
required: false;
|
|
39
|
+
};
|
|
40
|
+
}, {
|
|
41
|
+
props: any;
|
|
42
|
+
pollRef: import("vue").Ref<HTMLElement | undefined>;
|
|
43
|
+
barRef: import("vue").Ref<HTMLElement | undefined>;
|
|
44
|
+
innerLabelRef: import("vue").Ref<HTMLElement | undefined>;
|
|
45
|
+
barColor: import("vue").ComputedRef<"green.700" | "blue.700" | "yellow.700" | "red.700">;
|
|
46
|
+
updateBarWidth: () => 0 | undefined;
|
|
47
|
+
readonly PollGraphStyle: string;
|
|
48
|
+
readonly PollBodyStyle: string;
|
|
49
|
+
readonly PollGraphInnerLabelStyle: string;
|
|
50
|
+
readonly backgroundStyle: Record<import("@wizleap-inc/wiz-ui-constants").ColorKeys, string>;
|
|
51
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
52
|
+
isColorFixed: {
|
|
53
|
+
type: PropType<boolean>;
|
|
54
|
+
required: false;
|
|
55
|
+
};
|
|
56
|
+
barPercentage: {
|
|
57
|
+
type: PropType<number>;
|
|
58
|
+
required: true;
|
|
59
|
+
};
|
|
60
|
+
innerLabel: {
|
|
61
|
+
type: PropType<string>;
|
|
62
|
+
required: false;
|
|
63
|
+
};
|
|
64
|
+
}>>, {}>;
|
|
65
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
66
|
+
isColorFixed: {
|
|
67
|
+
type: PropType<boolean>;
|
|
68
|
+
required: false;
|
|
69
|
+
};
|
|
70
|
+
barPercentage: {
|
|
71
|
+
type: PropType<number>;
|
|
72
|
+
required: false;
|
|
73
|
+
};
|
|
74
|
+
label: {
|
|
75
|
+
type: PropType<string>;
|
|
76
|
+
required: false;
|
|
77
|
+
};
|
|
78
|
+
innerLabel: {
|
|
79
|
+
type: PropType<string>;
|
|
80
|
+
required: false;
|
|
81
|
+
};
|
|
82
|
+
labelWidth: {
|
|
83
|
+
type: StringConstructor;
|
|
84
|
+
required: true;
|
|
85
|
+
};
|
|
86
|
+
}>>, {}>;
|
|
87
|
+
export default _sfc_main;
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
declare const _sfc_main: import("vue").DefineComponent<{
|
|
2
|
+
label: {
|
|
3
|
+
type: StringConstructor;
|
|
4
|
+
required: true;
|
|
5
|
+
};
|
|
6
|
+
isFirst: {
|
|
7
|
+
type: BooleanConstructor;
|
|
8
|
+
required: true;
|
|
9
|
+
};
|
|
10
|
+
frequency: {
|
|
11
|
+
type: NumberConstructor;
|
|
12
|
+
required: true;
|
|
13
|
+
};
|
|
14
|
+
lastFrequency: {
|
|
15
|
+
type: NumberConstructor;
|
|
16
|
+
required: true;
|
|
17
|
+
};
|
|
18
|
+
maxFrequency: {
|
|
19
|
+
type: NumberConstructor;
|
|
20
|
+
required: true;
|
|
21
|
+
};
|
|
22
|
+
}, {
|
|
23
|
+
props: any;
|
|
24
|
+
barRef: import("vue").Ref<HTMLElement | undefined>;
|
|
25
|
+
barTransitionRef: import("vue").Ref<HTMLElement | undefined>;
|
|
26
|
+
barTransitionLineRef: import("vue").Ref<HTMLElement | undefined>;
|
|
27
|
+
barTransitionLabelRef: import("vue").Ref<HTMLElement | undefined>;
|
|
28
|
+
barItemCurrentRef: import("vue").Ref<HTMLElement | undefined>;
|
|
29
|
+
barItemCurrentFrequencyRef: import("vue").Ref<HTMLElement | undefined>;
|
|
30
|
+
lastAbsoluteFrequency: import("vue").ComputedRef<number>;
|
|
31
|
+
currentAbsoluteFrequency: import("vue").ComputedRef<number>;
|
|
32
|
+
transitionRelativeFrequency: import("vue").ComputedRef<number>;
|
|
33
|
+
updateBarTransitionLineWidth: () => void;
|
|
34
|
+
updateBarItemCurrentHeight: () => void;
|
|
35
|
+
readonly graphBarItemIndexStyle: Record<"last" | "current", string>;
|
|
36
|
+
readonly graphBarItemStyle: string;
|
|
37
|
+
readonly graphBarLabelStyle: string;
|
|
38
|
+
readonly graphBarNumberStyle: string;
|
|
39
|
+
readonly graphBarStyle: string;
|
|
40
|
+
readonly graphBarTransitionLabelStyle: string;
|
|
41
|
+
readonly graphBarTransitionLineStyle: string;
|
|
42
|
+
readonly graphBarTransitionStyle: string;
|
|
43
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
44
|
+
label: {
|
|
45
|
+
type: StringConstructor;
|
|
46
|
+
required: true;
|
|
47
|
+
};
|
|
48
|
+
isFirst: {
|
|
49
|
+
type: BooleanConstructor;
|
|
50
|
+
required: true;
|
|
51
|
+
};
|
|
52
|
+
frequency: {
|
|
53
|
+
type: NumberConstructor;
|
|
54
|
+
required: true;
|
|
55
|
+
};
|
|
56
|
+
lastFrequency: {
|
|
57
|
+
type: NumberConstructor;
|
|
58
|
+
required: true;
|
|
59
|
+
};
|
|
60
|
+
maxFrequency: {
|
|
61
|
+
type: NumberConstructor;
|
|
62
|
+
required: true;
|
|
63
|
+
};
|
|
64
|
+
}>>, {}>;
|
|
65
|
+
export default _sfc_main;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
declare const _sfc_main: import("vue").DefineComponent<{
|
|
2
|
+
maxFrequency: {
|
|
3
|
+
type: NumberConstructor;
|
|
4
|
+
required: true;
|
|
5
|
+
};
|
|
6
|
+
labelUnit: {
|
|
7
|
+
type: StringConstructor;
|
|
8
|
+
required: false;
|
|
9
|
+
};
|
|
10
|
+
annotationUnit: {
|
|
11
|
+
type: StringConstructor;
|
|
12
|
+
required: false;
|
|
13
|
+
};
|
|
14
|
+
}, {
|
|
15
|
+
readonly graphContainerStyle: string;
|
|
16
|
+
readonly graphSideStyle: string;
|
|
17
|
+
readonly graphSideLabelStyle: string;
|
|
18
|
+
readonly graphSideLabelPositionStyle: Record<"max" | "half" | "unit", string>;
|
|
19
|
+
readonly graphContainerBodyStyle: string;
|
|
20
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
21
|
+
maxFrequency: {
|
|
22
|
+
type: NumberConstructor;
|
|
23
|
+
required: true;
|
|
24
|
+
};
|
|
25
|
+
labelUnit: {
|
|
26
|
+
type: StringConstructor;
|
|
27
|
+
required: false;
|
|
28
|
+
};
|
|
29
|
+
annotationUnit: {
|
|
30
|
+
type: StringConstructor;
|
|
31
|
+
required: false;
|
|
32
|
+
};
|
|
33
|
+
}>>, {}>;
|
|
34
|
+
export default _sfc_main;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as WizTransitionGraph } from "./transition.vue";
|