@bethinkpl/design-system 35.0.4 → 35.1.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/design-system.css +1 -1
- package/dist/design-system.js +4698 -4664
- package/dist/design-system.js.map +1 -1
- package/dist/lib/js/components/ProgressBar/ProgressBar.consts.d.ts +5 -0
- package/dist/lib/js/components/ProgressBar/ProgressBar.vue.d.ts +51 -17
- package/dist/lib/js/components/ProgressBar/ProgressBarLabelDataWrapper.vue.d.ts +19 -0
- package/dist/storybook/localhost:8080/node_modules/.vite/deps/@bethinkpl_design-system.js?v=62a0baa6 +7919 -0
- package/lib/js/components/ProgressBar/ProgressBar.consts.ts +7 -0
- package/lib/js/components/ProgressBar/ProgressBar.spec.ts +2 -0
- package/lib/js/components/ProgressBar/ProgressBar.stories.ts +8 -0
- package/lib/js/components/ProgressBar/ProgressBar.vue +67 -56
- package/lib/js/components/ProgressBar/ProgressBarLabelDataWrapper.vue +62 -0
- package/package.json +1 -1
|
@@ -66,3 +66,8 @@ export interface ProgressBarRange {
|
|
|
66
66
|
icon?: IconItem;
|
|
67
67
|
data?: string;
|
|
68
68
|
}
|
|
69
|
+
export declare const PROGRESS_BAR_LABEL_DATA_POSITIONS: {
|
|
70
|
+
readonly TOP: "top";
|
|
71
|
+
readonly BOTTOM: "bottom";
|
|
72
|
+
};
|
|
73
|
+
export type ProgressBarLabelDataPositions = Value<typeof PROGRESS_BAR_LABEL_DATA_POSITIONS>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
-
import { ProgressBarBadgeColor, ProgressBarLabelTextSize, ProgressBarLayout, ProgressBarRadius, ProgressBarRange, ProgressBarSize } from './ProgressBar.consts';
|
|
2
|
+
import { ProgressBarBadgeColor, ProgressBarLabelDataPositions, ProgressBarLabelTextSize, ProgressBarLayout, ProgressBarRadius, ProgressBarRange, ProgressBarSize } from './ProgressBar.consts';
|
|
3
3
|
import { ProgressBarLegendSize } from './ProgressBarLegend.consts';
|
|
4
4
|
|
|
5
5
|
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
@@ -70,25 +70,29 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
70
70
|
type: BooleanConstructor;
|
|
71
71
|
default: boolean;
|
|
72
72
|
};
|
|
73
|
-
|
|
74
|
-
|
|
73
|
+
labelDataPosition: {
|
|
74
|
+
type: PropType<ProgressBarLabelDataPositions>;
|
|
75
|
+
default: "top";
|
|
76
|
+
};
|
|
77
|
+
}>, {
|
|
78
|
+
PROGRESS_BAR_SIZES: {
|
|
75
79
|
readonly MEDIUM: "medium";
|
|
76
80
|
readonly SMALL: "small";
|
|
77
81
|
readonly XSMALL: "extra small";
|
|
78
|
-
}
|
|
79
|
-
PROGRESS_BAR_RADII:
|
|
82
|
+
};
|
|
83
|
+
PROGRESS_BAR_RADII: {
|
|
80
84
|
DEFAULT: string;
|
|
81
85
|
NONE: string;
|
|
82
|
-
}
|
|
83
|
-
PROGRESS_BAR_LAYOUTS:
|
|
86
|
+
};
|
|
87
|
+
PROGRESS_BAR_LAYOUTS: {
|
|
84
88
|
readonly DEFAULT: "default";
|
|
85
89
|
readonly COMPACT: "compact";
|
|
86
|
-
}
|
|
87
|
-
PROGRESS_BAR_LABEL_TEXT_SIZES:
|
|
90
|
+
};
|
|
91
|
+
PROGRESS_BAR_LABEL_TEXT_SIZES: {
|
|
88
92
|
readonly MEDIUM: "medium";
|
|
89
93
|
readonly SMALL: "small";
|
|
90
|
-
}
|
|
91
|
-
ICONS:
|
|
94
|
+
};
|
|
95
|
+
ICONS: {
|
|
92
96
|
readonly ANSWERS: VueConstructor<Vue>;
|
|
93
97
|
readonly CHANGE: VueConstructor<Vue>;
|
|
94
98
|
readonly COMMENTS_CHECK: VueConstructor<Vue>;
|
|
@@ -359,8 +363,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
359
363
|
readonly FAD_SQUARE_MINUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
|
|
360
364
|
readonly FAD_SQUARE: import('@fortawesome/fontawesome-common-types').IconDefinition;
|
|
361
365
|
readonly FAD_SQUARE_CHECK: import('@fortawesome/fontawesome-common-types').IconDefinition;
|
|
362
|
-
}
|
|
363
|
-
ICON_SIZES:
|
|
366
|
+
};
|
|
367
|
+
ICON_SIZES: {
|
|
364
368
|
XXX_SMALL: string;
|
|
365
369
|
XX_SMALL: string;
|
|
366
370
|
X_SMALL: string;
|
|
@@ -369,8 +373,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
369
373
|
LARGE: string;
|
|
370
374
|
X_LARGE: string;
|
|
371
375
|
XX_LARGE: string;
|
|
372
|
-
}
|
|
373
|
-
|
|
376
|
+
};
|
|
377
|
+
PROGRESS_BAR_LABEL_DATA_POSITIONS: {
|
|
378
|
+
readonly TOP: "top";
|
|
379
|
+
readonly BOTTOM: "bottom";
|
|
380
|
+
};
|
|
381
|
+
}, {}, {
|
|
374
382
|
labelDataExists(): any;
|
|
375
383
|
}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
376
384
|
size: {
|
|
@@ -440,22 +448,48 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
440
448
|
type: BooleanConstructor;
|
|
441
449
|
default: boolean;
|
|
442
450
|
};
|
|
451
|
+
labelDataPosition: {
|
|
452
|
+
type: PropType<ProgressBarLabelDataPositions>;
|
|
453
|
+
default: "top";
|
|
454
|
+
};
|
|
443
455
|
}>> & Readonly<{}>, {
|
|
444
456
|
size: string;
|
|
445
457
|
radius: string;
|
|
446
458
|
layout: ProgressBarLayout;
|
|
447
|
-
labelTextSize: string;
|
|
448
|
-
labelText: string;
|
|
449
459
|
labelData: string;
|
|
450
460
|
labelDataSupporting: string;
|
|
451
461
|
labelDataSuffix: string;
|
|
462
|
+
labelTextSize: string;
|
|
463
|
+
labelText: string;
|
|
452
464
|
labelTextEllipsis: boolean;
|
|
453
465
|
badgePosition: number;
|
|
454
466
|
badgeColor: string;
|
|
455
467
|
hasLegend: boolean;
|
|
456
468
|
legendSize: ProgressBarLegendSize;
|
|
457
469
|
hasLegendPercentValue: boolean;
|
|
470
|
+
labelDataPosition: ProgressBarLabelDataPositions;
|
|
458
471
|
}, {}, {
|
|
472
|
+
ProgressBarLabelDataWrapper: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
473
|
+
labelData: {
|
|
474
|
+
type: PropType<string>;
|
|
475
|
+
};
|
|
476
|
+
labelDataSupporting: {
|
|
477
|
+
type: PropType<string>;
|
|
478
|
+
};
|
|
479
|
+
labelDataSuffix: {
|
|
480
|
+
type: PropType<string>;
|
|
481
|
+
};
|
|
482
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
483
|
+
labelData: {
|
|
484
|
+
type: PropType<string>;
|
|
485
|
+
};
|
|
486
|
+
labelDataSupporting: {
|
|
487
|
+
type: PropType<string>;
|
|
488
|
+
};
|
|
489
|
+
labelDataSuffix: {
|
|
490
|
+
type: PropType<string>;
|
|
491
|
+
};
|
|
492
|
+
}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
459
493
|
ProgressBarLegend: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
460
494
|
layout: {
|
|
461
495
|
type: PropType<import('./ProgressBarLegend.consts').ProgressBarLegendLayout>;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
|
|
2
|
+
labelData?: string;
|
|
3
|
+
labelDataSupporting?: string;
|
|
4
|
+
labelDataSuffix?: string;
|
|
5
|
+
}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
|
|
6
|
+
labelData?: string;
|
|
7
|
+
labelDataSupporting?: string;
|
|
8
|
+
labelDataSuffix?: string;
|
|
9
|
+
}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
10
|
+
export default _default;
|
|
11
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
12
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
13
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
14
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
15
|
+
} : {
|
|
16
|
+
type: import('vue').PropType<T[K]>;
|
|
17
|
+
required: true;
|
|
18
|
+
};
|
|
19
|
+
};
|