@onereach/ui-components 2.77.0-beta.2456.0 → 2.77.0-beta.2460.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/bundled/v2/components/OrCarousel/OrCarouselItem.vue.d.ts +2 -0
- package/dist/bundled/v2/components/OrCarousel/index.d.ts +1 -2
- package/dist/bundled/v2/components/OrChips/OrChip.vue.d.ts +58 -0
- package/dist/bundled/v2/components/OrChips/index.d.ts +1 -2
- package/dist/bundled/v2/components/OrColorPicker/OrColorPicker.js +1 -1
- package/dist/bundled/v2/components/OrColorPicker/defultPalette.d.ts +2 -0
- package/dist/bundled/v2/components/OrColorPicker/index.js +1 -1
- package/dist/bundled/v2/components/OrColorPicker/utils/defultPalette.js +15 -0
- package/dist/bundled/v2/components/OrSkeleton/OrSkeletonCircle.vue.d.ts +43 -0
- package/dist/bundled/v2/components/OrSkeleton/OrSkeletonRect.vue.d.ts +56 -0
- package/dist/bundled/v2/components/OrSkeleton/OrSkeletonText.vue.d.ts +73 -0
- package/dist/bundled/v2/components/OrSkeleton/index.d.ts +2 -4
- package/dist/bundled/v2/components/OrSkeletonV3/OrSkeletonCircle.vue.d.ts +51 -0
- package/dist/bundled/v2/components/OrSkeletonV3/OrSkeletonRect.vue.d.ts +60 -0
- package/dist/bundled/v2/components/OrSkeletonV3/OrSkeletonText.vue.d.ts +96 -0
- package/dist/bundled/v2/components/OrSkeletonV3/index.d.ts +1 -3
- package/dist/bundled/v2/components/OrToast/OrToastContainer.vue.d.ts +93 -0
- package/dist/bundled/v2/components/OrToast/composable/index.js +7 -0
- package/dist/bundled/v2/components/OrToast/composable/useQueue.js +33 -0
- package/dist/bundled/v2/components/OrToast/composable/useToast.js +82 -0
- package/dist/bundled/v2/components/OrToast/composable/useToastEventBus.js +24 -0
- package/dist/bundled/v2/components/OrToast/index.d.ts +5 -5
- package/dist/bundled/v2/components/OrToast/index.js +3 -3
- package/dist/bundled/v2/components/OrToast/useQueue.d.ts +8 -0
- package/dist/bundled/v2/components/OrToast/useToast.d.ts +13 -0
- package/dist/bundled/v2/components/OrToast/useToastEventBus.d.ts +9 -0
- package/dist/bundled/v2/components/OrToastContainer/OrToastContainer.js +2 -2
- package/dist/bundled/v2/components/OrToastContainer/index.js +3 -3
- package/dist/bundled/v2/components/OrToastContainerV3/OrToastContainer.js +2 -2
- package/dist/bundled/v2/components/OrToastContainerV3/index.js +3 -3
- package/dist/bundled/v2/components/OrToastV3/OrToastContainer.vue.d.ts +85 -0
- package/dist/bundled/v2/components/OrToastV3/composable/index.js +7 -0
- package/dist/bundled/v2/components/OrToastV3/composable/useQueue.js +33 -0
- package/dist/bundled/v2/components/OrToastV3/composable/useToast.js +82 -0
- package/dist/bundled/v2/components/OrToastV3/composable/useToastEventBus.js +24 -0
- package/dist/bundled/v2/components/OrToastV3/index.d.ts +4 -5
- package/dist/bundled/v2/components/OrToastV3/index.js +3 -3
- package/dist/bundled/v2/components/OrToastV3/useQueue.d.ts +8 -0
- package/dist/bundled/v2/components/OrToastV3/useToast.d.ts +13 -0
- package/dist/bundled/v2/components/OrToastV3/useToastEventBus.d.ts +9 -0
- package/dist/bundled/v2/components/OrTooltip/OrTooltipContent.vue.d.ts +38 -0
- package/dist/bundled/v2/components/OrTooltip/index.d.ts +1 -2
- package/dist/bundled/v2/components/index.js +7 -7
- package/dist/bundled/v2/index.js +7 -7
- package/dist/bundled/v3/{OrColorPicker.vue_vue_type_script_lang-c29579b4.js → OrColorPicker.vue_vue_type_script_lang-3a799e23.js} +1 -1
- package/dist/bundled/v3/{OrToastContainer.vue_vue_type_script_lang-3bb6f082.js → OrToastContainer.vue_vue_type_script_lang-51a3ba56.js} +2 -2
- package/dist/bundled/v3/{OrToastContainer.vue_vue_type_script_lang-e98944bc.js → OrToastContainer.vue_vue_type_script_lang-59d729a6.js} +2 -2
- package/dist/bundled/v3/components/OrCarousel/OrCarouselItem.vue.d.ts +2 -0
- package/dist/bundled/v3/components/OrCarousel/index.d.ts +1 -2
- package/dist/bundled/v3/components/OrChips/OrChip.vue.d.ts +58 -0
- package/dist/bundled/v3/components/OrChips/index.d.ts +1 -2
- package/dist/bundled/v3/components/OrColorPicker/OrColorPicker.js +3 -3
- package/dist/bundled/v3/components/OrColorPicker/defultPalette.d.ts +2 -0
- package/dist/bundled/v3/components/OrColorPicker/index.js +2 -2
- package/dist/bundled/v3/components/OrColorPicker/utils/defultPalette.js +15 -0
- package/dist/bundled/v3/components/OrSkeleton/OrSkeletonCircle.vue.d.ts +43 -0
- package/dist/bundled/v3/components/OrSkeleton/OrSkeletonRect.vue.d.ts +56 -0
- package/dist/bundled/v3/components/OrSkeleton/OrSkeletonText.vue.d.ts +73 -0
- package/dist/bundled/v3/components/OrSkeleton/index.d.ts +2 -4
- package/dist/bundled/v3/components/OrSkeletonV3/OrSkeletonCircle.vue.d.ts +51 -0
- package/dist/bundled/v3/components/OrSkeletonV3/OrSkeletonRect.vue.d.ts +60 -0
- package/dist/bundled/v3/components/OrSkeletonV3/OrSkeletonText.vue.d.ts +96 -0
- package/dist/bundled/v3/components/OrSkeletonV3/index.d.ts +1 -3
- package/dist/bundled/v3/components/OrToast/OrToastContainer.vue.d.ts +93 -0
- package/dist/bundled/v3/components/OrToast/composable/index.js +7 -0
- package/dist/bundled/v3/components/OrToast/composable/useQueue.js +33 -0
- package/dist/bundled/v3/components/OrToast/composable/useToast.js +82 -0
- package/dist/bundled/v3/components/OrToast/composable/useToastEventBus.js +24 -0
- package/dist/bundled/v3/components/OrToast/index.d.ts +2 -5
- package/dist/bundled/v3/components/OrToast/index.js +4 -4
- package/dist/bundled/v3/components/OrToast/useQueue.d.ts +8 -0
- package/dist/bundled/v3/components/OrToast/useToast.d.ts +13 -0
- package/dist/bundled/v3/components/OrToast/useToastEventBus.d.ts +9 -0
- package/dist/bundled/v3/components/OrToastContainer/OrToastContainer.js +4 -4
- package/dist/bundled/v3/components/OrToastContainer/index.js +4 -4
- package/dist/bundled/v3/components/OrToastContainerV3/OrToastContainer.js +4 -4
- package/dist/bundled/v3/components/OrToastContainerV3/index.js +4 -4
- package/dist/bundled/v3/components/OrToastV3/OrToastContainer.vue.d.ts +85 -0
- package/dist/bundled/v3/components/OrToastV3/composable/index.js +7 -0
- package/dist/bundled/v3/components/OrToastV3/composable/useQueue.js +33 -0
- package/dist/bundled/v3/components/OrToastV3/composable/useToast.js +82 -0
- package/dist/bundled/v3/components/OrToastV3/composable/useToastEventBus.js +24 -0
- package/dist/bundled/v3/components/OrToastV3/index.d.ts +2 -5
- package/dist/bundled/v3/components/OrToastV3/index.js +4 -4
- package/dist/bundled/v3/components/OrToastV3/useQueue.d.ts +8 -0
- package/dist/bundled/v3/components/OrToastV3/useToast.d.ts +13 -0
- package/dist/bundled/v3/components/OrToastV3/useToastEventBus.d.ts +9 -0
- package/dist/bundled/v3/components/OrTooltip/OrTooltipContent.vue.d.ts +38 -0
- package/dist/bundled/v3/components/OrTooltip/index.d.ts +1 -2
- package/dist/bundled/v3/components/index.js +10 -10
- package/dist/bundled/v3/index.js +10 -10
- package/package.json +2 -2
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown> & import("@vue/composition-api").Data, {}, {}, {}, import("@vue/composition-api").ExtractPropTypes<{}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {} & {}, {}, true>);
|
|
2
|
+
export default _default;
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
export { default as
|
|
2
|
-
export { default as OrCarouselItem } from './or-carousel-item/OrCarouselItem.vue';
|
|
1
|
+
export { default as OrCarouselItem } from './OrCarouselItem.vue';
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { PropType } from 'vue-demi';
|
|
2
|
+
declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data> & import("@vue/composition-api").Data, {
|
|
3
|
+
handleDeleteClick(): void;
|
|
4
|
+
}, {
|
|
5
|
+
states(): Record<string, boolean>;
|
|
6
|
+
}, {
|
|
7
|
+
content: {
|
|
8
|
+
type: StringConstructor;
|
|
9
|
+
default: string;
|
|
10
|
+
};
|
|
11
|
+
color: {
|
|
12
|
+
type: PropType<"" | "error">;
|
|
13
|
+
default: string;
|
|
14
|
+
};
|
|
15
|
+
canDelete: {
|
|
16
|
+
type: BooleanConstructor;
|
|
17
|
+
default: boolean;
|
|
18
|
+
};
|
|
19
|
+
isDisabled: BooleanConstructor;
|
|
20
|
+
}, import("@vue/composition-api").ExtractPropTypes<{
|
|
21
|
+
content: {
|
|
22
|
+
type: StringConstructor;
|
|
23
|
+
default: string;
|
|
24
|
+
};
|
|
25
|
+
color: {
|
|
26
|
+
type: PropType<"" | "error">;
|
|
27
|
+
default: string;
|
|
28
|
+
};
|
|
29
|
+
canDelete: {
|
|
30
|
+
type: BooleanConstructor;
|
|
31
|
+
default: boolean;
|
|
32
|
+
};
|
|
33
|
+
isDisabled: BooleanConstructor;
|
|
34
|
+
}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
|
|
35
|
+
isDisabled: boolean;
|
|
36
|
+
content: string;
|
|
37
|
+
color: "" | "error";
|
|
38
|
+
canDelete: boolean;
|
|
39
|
+
} & {} & {
|
|
40
|
+
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
41
|
+
}, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data>, import("@vue/composition-api").Data, {
|
|
42
|
+
states(): Record<string, boolean>;
|
|
43
|
+
}, {
|
|
44
|
+
handleDeleteClick(): void;
|
|
45
|
+
}, {}, {}, string[], {
|
|
46
|
+
isDisabled: boolean;
|
|
47
|
+
content: string;
|
|
48
|
+
color: "" | "error";
|
|
49
|
+
canDelete: boolean;
|
|
50
|
+
} & {} & {
|
|
51
|
+
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
52
|
+
}, {
|
|
53
|
+
isDisabled: boolean;
|
|
54
|
+
content: string;
|
|
55
|
+
color: "" | "error";
|
|
56
|
+
canDelete: boolean;
|
|
57
|
+
}, true>);
|
|
58
|
+
export default _default;
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
export { default as OrChip } from './
|
|
2
|
-
export { default as OrChips } from './OrChips.vue';
|
|
1
|
+
export { default as OrChip } from './OrChip.vue';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import Palette from './constants.js';
|
|
2
2
|
import { defineComponent, ref } from 'vue-demi';
|
|
3
3
|
import { useToggle, onClickOutside } from '@vueuse/core';
|
|
4
|
-
import defaultPalette from '
|
|
4
|
+
import defaultPalette from './utils/defultPalette.js';
|
|
5
5
|
import __vue_component__$1 from '../OrFloating/OrFloating.js';
|
|
6
6
|
import { OrFloatingPlacements } from '../OrFloating/constants.js';
|
|
7
7
|
import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
|
|
@@ -2,7 +2,7 @@ export { default as OrColorPicker } from './OrColorPicker.js';
|
|
|
2
2
|
export { amber, black, blue, blueGrey, brown, cyan, deepOrange, deepPurple, green, indigo, lightBlue, lightGreen, lime, orange, pink, purple, red, teal, white, yellow } from './constants.js';
|
|
3
3
|
import 'vue-demi';
|
|
4
4
|
import '@vueuse/core';
|
|
5
|
-
import '
|
|
5
|
+
import './utils/defultPalette.js';
|
|
6
6
|
import '../OrFloating/OrFloating.js';
|
|
7
7
|
import '../../floating-ui.dom.esm-83eba816.js';
|
|
8
8
|
import '../OrTeleport/OrTeleport.js';
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import Palette from '../constants.js';
|
|
2
|
+
|
|
3
|
+
const defaultTones = ['900', '700', '500', '300', '100'];
|
|
4
|
+
function defaultPalette() {
|
|
5
|
+
return Object.entries(Palette).reduce((acc, [color, schema]) => {
|
|
6
|
+
if (color === 'black' || color === 'white') {
|
|
7
|
+
acc.push([Palette[color].default]);
|
|
8
|
+
} else {
|
|
9
|
+
acc.push(defaultTones === null || defaultTones === void 0 ? void 0 : defaultTones.map(tone => schema[tone]));
|
|
10
|
+
}
|
|
11
|
+
return acc;
|
|
12
|
+
}, []);
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
export { defaultPalette as default };
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data> & import("@vue/composition-api").Data, {}, {
|
|
2
|
+
rootClasses(): {
|
|
3
|
+
'is-animated': boolean;
|
|
4
|
+
};
|
|
5
|
+
rootStyle(): Record<string, string | number>;
|
|
6
|
+
}, {
|
|
7
|
+
isAnimated: {
|
|
8
|
+
type: BooleanConstructor;
|
|
9
|
+
required: false;
|
|
10
|
+
default: boolean;
|
|
11
|
+
};
|
|
12
|
+
radius: {
|
|
13
|
+
type: (NumberConstructor | StringConstructor)[];
|
|
14
|
+
required: false;
|
|
15
|
+
default: number;
|
|
16
|
+
};
|
|
17
|
+
}, import("@vue/composition-api").ExtractPropTypes<{
|
|
18
|
+
isAnimated: {
|
|
19
|
+
type: BooleanConstructor;
|
|
20
|
+
required: false;
|
|
21
|
+
default: boolean;
|
|
22
|
+
};
|
|
23
|
+
radius: {
|
|
24
|
+
type: (NumberConstructor | StringConstructor)[];
|
|
25
|
+
required: false;
|
|
26
|
+
default: number;
|
|
27
|
+
};
|
|
28
|
+
}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
|
|
29
|
+
isAnimated: boolean;
|
|
30
|
+
radius: string | number;
|
|
31
|
+
} & {}, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data>, import("@vue/composition-api").Data, {
|
|
32
|
+
rootClasses(): {
|
|
33
|
+
'is-animated': boolean;
|
|
34
|
+
};
|
|
35
|
+
rootStyle(): Record<string, string | number>;
|
|
36
|
+
}, {}, {}, {}, {}, {
|
|
37
|
+
isAnimated: boolean;
|
|
38
|
+
radius: string | number;
|
|
39
|
+
} & {}, {
|
|
40
|
+
isAnimated: boolean;
|
|
41
|
+
radius: string | number;
|
|
42
|
+
}, true>);
|
|
43
|
+
export default _default;
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data> & import("@vue/composition-api").Data, {}, {
|
|
2
|
+
rootClasses(): {
|
|
3
|
+
'is-animated': boolean;
|
|
4
|
+
};
|
|
5
|
+
rootStyle(): Record<string, string | number>;
|
|
6
|
+
}, {
|
|
7
|
+
isAnimated: {
|
|
8
|
+
type: BooleanConstructor;
|
|
9
|
+
required: false;
|
|
10
|
+
default: boolean;
|
|
11
|
+
};
|
|
12
|
+
width: {
|
|
13
|
+
type: (NumberConstructor | StringConstructor)[];
|
|
14
|
+
required: false;
|
|
15
|
+
default: string;
|
|
16
|
+
};
|
|
17
|
+
height: {
|
|
18
|
+
type: (NumberConstructor | StringConstructor)[];
|
|
19
|
+
required: false;
|
|
20
|
+
default: number;
|
|
21
|
+
};
|
|
22
|
+
}, import("@vue/composition-api").ExtractPropTypes<{
|
|
23
|
+
isAnimated: {
|
|
24
|
+
type: BooleanConstructor;
|
|
25
|
+
required: false;
|
|
26
|
+
default: boolean;
|
|
27
|
+
};
|
|
28
|
+
width: {
|
|
29
|
+
type: (NumberConstructor | StringConstructor)[];
|
|
30
|
+
required: false;
|
|
31
|
+
default: string;
|
|
32
|
+
};
|
|
33
|
+
height: {
|
|
34
|
+
type: (NumberConstructor | StringConstructor)[];
|
|
35
|
+
required: false;
|
|
36
|
+
default: number;
|
|
37
|
+
};
|
|
38
|
+
}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
|
|
39
|
+
isAnimated: boolean;
|
|
40
|
+
width: string | number;
|
|
41
|
+
height: string | number;
|
|
42
|
+
} & {}, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data>, import("@vue/composition-api").Data, {
|
|
43
|
+
rootClasses(): {
|
|
44
|
+
'is-animated': boolean;
|
|
45
|
+
};
|
|
46
|
+
rootStyle(): Record<string, string | number>;
|
|
47
|
+
}, {}, {}, {}, {}, {
|
|
48
|
+
isAnimated: boolean;
|
|
49
|
+
width: string | number;
|
|
50
|
+
height: string | number;
|
|
51
|
+
} & {}, {
|
|
52
|
+
isAnimated: boolean;
|
|
53
|
+
width: string | number;
|
|
54
|
+
height: string | number;
|
|
55
|
+
}, true>);
|
|
56
|
+
export default _default;
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import { PropType } from 'vue-demi';
|
|
2
|
+
import { OrSkeletonTextSizes } from '../constants';
|
|
3
|
+
declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data> & import("@vue/composition-api").Data, {}, {
|
|
4
|
+
skeletonClasses(): [string, {
|
|
5
|
+
'is-animated': boolean;
|
|
6
|
+
}];
|
|
7
|
+
rootStyle(): Record<string, string | number>;
|
|
8
|
+
lineKeys(): number[];
|
|
9
|
+
}, {
|
|
10
|
+
isAnimated: {
|
|
11
|
+
type: BooleanConstructor;
|
|
12
|
+
required: false;
|
|
13
|
+
default: boolean;
|
|
14
|
+
};
|
|
15
|
+
linesCount: {
|
|
16
|
+
type: NumberConstructor;
|
|
17
|
+
required: false;
|
|
18
|
+
default: number;
|
|
19
|
+
};
|
|
20
|
+
width: {
|
|
21
|
+
type: (NumberConstructor | StringConstructor)[];
|
|
22
|
+
required: false;
|
|
23
|
+
default: string;
|
|
24
|
+
};
|
|
25
|
+
size: {
|
|
26
|
+
type: PropType<OrSkeletonTextSizes>;
|
|
27
|
+
required: false;
|
|
28
|
+
default: OrSkeletonTextSizes;
|
|
29
|
+
};
|
|
30
|
+
}, import("@vue/composition-api").ExtractPropTypes<{
|
|
31
|
+
isAnimated: {
|
|
32
|
+
type: BooleanConstructor;
|
|
33
|
+
required: false;
|
|
34
|
+
default: boolean;
|
|
35
|
+
};
|
|
36
|
+
linesCount: {
|
|
37
|
+
type: NumberConstructor;
|
|
38
|
+
required: false;
|
|
39
|
+
default: number;
|
|
40
|
+
};
|
|
41
|
+
width: {
|
|
42
|
+
type: (NumberConstructor | StringConstructor)[];
|
|
43
|
+
required: false;
|
|
44
|
+
default: string;
|
|
45
|
+
};
|
|
46
|
+
size: {
|
|
47
|
+
type: PropType<OrSkeletonTextSizes>;
|
|
48
|
+
required: false;
|
|
49
|
+
default: OrSkeletonTextSizes;
|
|
50
|
+
};
|
|
51
|
+
}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
|
|
52
|
+
isAnimated: boolean;
|
|
53
|
+
linesCount: number;
|
|
54
|
+
width: string | number;
|
|
55
|
+
size: OrSkeletonTextSizes;
|
|
56
|
+
} & {}, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data>, import("@vue/composition-api").Data, {
|
|
57
|
+
skeletonClasses(): [string, {
|
|
58
|
+
'is-animated': boolean;
|
|
59
|
+
}];
|
|
60
|
+
rootStyle(): Record<string, string | number>;
|
|
61
|
+
lineKeys(): number[];
|
|
62
|
+
}, {}, {}, {}, {}, {
|
|
63
|
+
isAnimated: boolean;
|
|
64
|
+
linesCount: number;
|
|
65
|
+
width: string | number;
|
|
66
|
+
size: OrSkeletonTextSizes;
|
|
67
|
+
} & {}, {
|
|
68
|
+
isAnimated: boolean;
|
|
69
|
+
linesCount: number;
|
|
70
|
+
width: string | number;
|
|
71
|
+
size: OrSkeletonTextSizes;
|
|
72
|
+
}, true>);
|
|
73
|
+
export default _default;
|
|
@@ -1,4 +1,2 @@
|
|
|
1
|
-
export { default as OrSkeletonCircle } from './
|
|
2
|
-
export
|
|
3
|
-
export { default as OrSkeletonText } from './or-skeleton-text/OrSkeletonText.vue';
|
|
4
|
-
export * from './constants';
|
|
1
|
+
export { default as OrSkeletonCircle } from './OrSkeletonCircle.vue';
|
|
2
|
+
export * from '../constants';
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
|
|
2
|
+
root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
|
|
3
|
+
rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
4
|
+
rootStyle: import("@vue/composition-api").ComputedRef<{
|
|
5
|
+
width: string;
|
|
6
|
+
'min-width': string;
|
|
7
|
+
height: string;
|
|
8
|
+
'min-height': string;
|
|
9
|
+
}>;
|
|
10
|
+
}> & import("@vue/composition-api").Data, {}, {}, {
|
|
11
|
+
animated: {
|
|
12
|
+
type: BooleanConstructor;
|
|
13
|
+
required: false;
|
|
14
|
+
default: boolean;
|
|
15
|
+
};
|
|
16
|
+
size: {
|
|
17
|
+
type: (NumberConstructor | StringConstructor)[];
|
|
18
|
+
required: false;
|
|
19
|
+
default: number;
|
|
20
|
+
};
|
|
21
|
+
}, import("@vue/composition-api").ExtractPropTypes<{
|
|
22
|
+
animated: {
|
|
23
|
+
type: BooleanConstructor;
|
|
24
|
+
required: false;
|
|
25
|
+
default: boolean;
|
|
26
|
+
};
|
|
27
|
+
size: {
|
|
28
|
+
type: (NumberConstructor | StringConstructor)[];
|
|
29
|
+
required: false;
|
|
30
|
+
default: number;
|
|
31
|
+
};
|
|
32
|
+
}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
|
|
33
|
+
animated: boolean;
|
|
34
|
+
size: string | number;
|
|
35
|
+
} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
|
|
36
|
+
root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
|
|
37
|
+
rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
38
|
+
rootStyle: import("@vue/composition-api").ComputedRef<{
|
|
39
|
+
width: string;
|
|
40
|
+
'min-width': string;
|
|
41
|
+
height: string;
|
|
42
|
+
'min-height': string;
|
|
43
|
+
}>;
|
|
44
|
+
}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
|
|
45
|
+
animated: boolean;
|
|
46
|
+
size: string | number;
|
|
47
|
+
} & {}, {
|
|
48
|
+
animated: boolean;
|
|
49
|
+
size: string | number;
|
|
50
|
+
}, true>);
|
|
51
|
+
export default _default;
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
|
|
2
|
+
root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
|
|
3
|
+
rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
4
|
+
rootStyle: import("@vue/composition-api").ComputedRef<{
|
|
5
|
+
width: string;
|
|
6
|
+
height: string;
|
|
7
|
+
}>;
|
|
8
|
+
}> & import("@vue/composition-api").Data, {}, {}, {
|
|
9
|
+
animated: {
|
|
10
|
+
type: BooleanConstructor;
|
|
11
|
+
required: false;
|
|
12
|
+
default: boolean;
|
|
13
|
+
};
|
|
14
|
+
width: {
|
|
15
|
+
type: (NumberConstructor | StringConstructor)[];
|
|
16
|
+
required: false;
|
|
17
|
+
default: string;
|
|
18
|
+
};
|
|
19
|
+
height: {
|
|
20
|
+
type: (NumberConstructor | StringConstructor)[];
|
|
21
|
+
required: false;
|
|
22
|
+
default: number;
|
|
23
|
+
};
|
|
24
|
+
}, import("@vue/composition-api").ExtractPropTypes<{
|
|
25
|
+
animated: {
|
|
26
|
+
type: BooleanConstructor;
|
|
27
|
+
required: false;
|
|
28
|
+
default: boolean;
|
|
29
|
+
};
|
|
30
|
+
width: {
|
|
31
|
+
type: (NumberConstructor | StringConstructor)[];
|
|
32
|
+
required: false;
|
|
33
|
+
default: string;
|
|
34
|
+
};
|
|
35
|
+
height: {
|
|
36
|
+
type: (NumberConstructor | StringConstructor)[];
|
|
37
|
+
required: false;
|
|
38
|
+
default: number;
|
|
39
|
+
};
|
|
40
|
+
}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
|
|
41
|
+
animated: boolean;
|
|
42
|
+
width: string | number;
|
|
43
|
+
height: string | number;
|
|
44
|
+
} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
|
|
45
|
+
root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
|
|
46
|
+
rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
47
|
+
rootStyle: import("@vue/composition-api").ComputedRef<{
|
|
48
|
+
width: string;
|
|
49
|
+
height: string;
|
|
50
|
+
}>;
|
|
51
|
+
}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
|
|
52
|
+
animated: boolean;
|
|
53
|
+
width: string | number;
|
|
54
|
+
height: string | number;
|
|
55
|
+
} & {}, {
|
|
56
|
+
animated: boolean;
|
|
57
|
+
width: string | number;
|
|
58
|
+
height: string | number;
|
|
59
|
+
}, true>);
|
|
60
|
+
export default _default;
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
|
|
2
|
+
root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
|
|
3
|
+
containerStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
4
|
+
containerStyle: import("@vue/composition-api").ComputedRef<{
|
|
5
|
+
width: string;
|
|
6
|
+
}>;
|
|
7
|
+
rowStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
8
|
+
rowStyle: import("@vue/composition-api").ComputedRef<{
|
|
9
|
+
height: string;
|
|
10
|
+
margin: string;
|
|
11
|
+
}>;
|
|
12
|
+
lineKeys: import("@vue/composition-api").ComputedRef<number[]>;
|
|
13
|
+
}> & import("@vue/composition-api").Data, {}, {}, {
|
|
14
|
+
animated: {
|
|
15
|
+
type: BooleanConstructor;
|
|
16
|
+
required: false;
|
|
17
|
+
default: boolean;
|
|
18
|
+
};
|
|
19
|
+
linesCount: {
|
|
20
|
+
type: NumberConstructor;
|
|
21
|
+
required: false;
|
|
22
|
+
default: number;
|
|
23
|
+
};
|
|
24
|
+
width: {
|
|
25
|
+
type: (NumberConstructor | StringConstructor)[];
|
|
26
|
+
required: false;
|
|
27
|
+
default: string;
|
|
28
|
+
};
|
|
29
|
+
fontSize: {
|
|
30
|
+
type: NumberConstructor;
|
|
31
|
+
required: false;
|
|
32
|
+
default: number;
|
|
33
|
+
};
|
|
34
|
+
lineHeight: {
|
|
35
|
+
type: NumberConstructor;
|
|
36
|
+
required: false;
|
|
37
|
+
default: number;
|
|
38
|
+
};
|
|
39
|
+
}, import("@vue/composition-api").ExtractPropTypes<{
|
|
40
|
+
animated: {
|
|
41
|
+
type: BooleanConstructor;
|
|
42
|
+
required: false;
|
|
43
|
+
default: boolean;
|
|
44
|
+
};
|
|
45
|
+
linesCount: {
|
|
46
|
+
type: NumberConstructor;
|
|
47
|
+
required: false;
|
|
48
|
+
default: number;
|
|
49
|
+
};
|
|
50
|
+
width: {
|
|
51
|
+
type: (NumberConstructor | StringConstructor)[];
|
|
52
|
+
required: false;
|
|
53
|
+
default: string;
|
|
54
|
+
};
|
|
55
|
+
fontSize: {
|
|
56
|
+
type: NumberConstructor;
|
|
57
|
+
required: false;
|
|
58
|
+
default: number;
|
|
59
|
+
};
|
|
60
|
+
lineHeight: {
|
|
61
|
+
type: NumberConstructor;
|
|
62
|
+
required: false;
|
|
63
|
+
default: number;
|
|
64
|
+
};
|
|
65
|
+
}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
|
|
66
|
+
animated: boolean;
|
|
67
|
+
linesCount: number;
|
|
68
|
+
width: string | number;
|
|
69
|
+
fontSize: number;
|
|
70
|
+
lineHeight: number;
|
|
71
|
+
} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
|
|
72
|
+
root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
|
|
73
|
+
containerStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
74
|
+
containerStyle: import("@vue/composition-api").ComputedRef<{
|
|
75
|
+
width: string;
|
|
76
|
+
}>;
|
|
77
|
+
rowStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
78
|
+
rowStyle: import("@vue/composition-api").ComputedRef<{
|
|
79
|
+
height: string;
|
|
80
|
+
margin: string;
|
|
81
|
+
}>;
|
|
82
|
+
lineKeys: import("@vue/composition-api").ComputedRef<number[]>;
|
|
83
|
+
}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
|
|
84
|
+
animated: boolean;
|
|
85
|
+
linesCount: number;
|
|
86
|
+
width: string | number;
|
|
87
|
+
fontSize: number;
|
|
88
|
+
lineHeight: number;
|
|
89
|
+
} & {}, {
|
|
90
|
+
animated: boolean;
|
|
91
|
+
linesCount: number;
|
|
92
|
+
width: string | number;
|
|
93
|
+
fontSize: number;
|
|
94
|
+
lineHeight: number;
|
|
95
|
+
}, true>);
|
|
96
|
+
export default _default;
|
|
@@ -1,3 +1 @@
|
|
|
1
|
-
export { default as OrSkeletonCircleV3 } from './
|
|
2
|
-
export { default as OrSkeletonRectV3 } from './or-skeleton-rect-v3/OrSkeletonRect.vue';
|
|
3
|
-
export { default as OrSkeletonTextV3 } from './or-skeleton-text-v3/OrSkeletonText.vue';
|
|
1
|
+
export { default as OrSkeletonCircleV3 } from './OrSkeletonCircle.vue';
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
import { PropType } from 'vue-demi';
|
|
2
|
+
import { Position, ToastBehaviour, ToastConfiguration } from '../types';
|
|
3
|
+
import { PositionsX, PositionsY, TransitionType } from '../constants';
|
|
4
|
+
declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
|
|
5
|
+
on: (namedQueue: import("../composable/useToastEventBus").ToastEventsBusEvents, listener: import("@vueuse/core").EventBusListener<ToastConfiguration, any>) => void;
|
|
6
|
+
off: (namedQueue: import("../composable/useToastEventBus").ToastEventsBusEvents, listener: import("@vueuse/core").EventBusListener<ToastConfiguration, any>) => void;
|
|
7
|
+
isActive: import("@vue/composition-api").Ref<boolean>;
|
|
8
|
+
toggle: (value?: boolean | undefined) => boolean;
|
|
9
|
+
queue: import("@vue/composition-api").Ref<import("@vue/composition-api").Ref<ToastConfiguration>[]>;
|
|
10
|
+
addItem: (item: ToastConfiguration) => void;
|
|
11
|
+
removeItem: (condition: (i: ToastConfiguration, index: number, queue: import("@vue/composition-api").Ref<ToastConfiguration>[]) => boolean) => void;
|
|
12
|
+
clearAll: () => void;
|
|
13
|
+
getItem: (condition: (i: ToastConfiguration, index: number, queue: import("@vue/composition-api").Ref<ToastConfiguration>[]) => boolean) => import("@vue/composition-api").Ref<ToastConfiguration>;
|
|
14
|
+
}> & import("@vue/composition-api").Data, {
|
|
15
|
+
createToast(toastConfiguration: ToastConfiguration): void;
|
|
16
|
+
toastUpdate(toast: ToastConfiguration): void;
|
|
17
|
+
toastRemove(toast: ToastConfiguration): void;
|
|
18
|
+
onToastEnter(toast: ToastConfiguration): void;
|
|
19
|
+
onToastLeave(toast: ToastConfiguration): void;
|
|
20
|
+
onClick(toastBehaviour: ToastBehaviour): void;
|
|
21
|
+
onToastHidden(): void;
|
|
22
|
+
}, {
|
|
23
|
+
getQueue(): ToastConfiguration[];
|
|
24
|
+
classes(): (Record<string, boolean> | string)[];
|
|
25
|
+
transitionName(): string;
|
|
26
|
+
}, {
|
|
27
|
+
includeHeaderHeight: {
|
|
28
|
+
type: BooleanConstructor;
|
|
29
|
+
default: boolean;
|
|
30
|
+
};
|
|
31
|
+
position: {
|
|
32
|
+
type: PropType<Position>;
|
|
33
|
+
default: () => {
|
|
34
|
+
positionX: PositionsX;
|
|
35
|
+
positionY: PositionsY;
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
transition: {
|
|
39
|
+
type: PropType<TransitionType>;
|
|
40
|
+
default: TransitionType;
|
|
41
|
+
};
|
|
42
|
+
}, import("@vue/composition-api").ExtractPropTypes<{
|
|
43
|
+
includeHeaderHeight: {
|
|
44
|
+
type: BooleanConstructor;
|
|
45
|
+
default: boolean;
|
|
46
|
+
};
|
|
47
|
+
position: {
|
|
48
|
+
type: PropType<Position>;
|
|
49
|
+
default: () => {
|
|
50
|
+
positionX: PositionsX;
|
|
51
|
+
positionY: PositionsY;
|
|
52
|
+
};
|
|
53
|
+
};
|
|
54
|
+
transition: {
|
|
55
|
+
type: PropType<TransitionType>;
|
|
56
|
+
default: TransitionType;
|
|
57
|
+
};
|
|
58
|
+
}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
|
|
59
|
+
includeHeaderHeight: boolean;
|
|
60
|
+
position: Position;
|
|
61
|
+
transition: TransitionType;
|
|
62
|
+
} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
|
|
63
|
+
on: (namedQueue: import("../composable/useToastEventBus").ToastEventsBusEvents, listener: import("@vueuse/core").EventBusListener<ToastConfiguration, any>) => void;
|
|
64
|
+
off: (namedQueue: import("../composable/useToastEventBus").ToastEventsBusEvents, listener: import("@vueuse/core").EventBusListener<ToastConfiguration, any>) => void;
|
|
65
|
+
isActive: import("@vue/composition-api").Ref<boolean>;
|
|
66
|
+
toggle: (value?: boolean | undefined) => boolean;
|
|
67
|
+
queue: import("@vue/composition-api").Ref<import("@vue/composition-api").Ref<ToastConfiguration>[]>;
|
|
68
|
+
addItem: (item: ToastConfiguration) => void;
|
|
69
|
+
removeItem: (condition: (i: ToastConfiguration, index: number, queue: import("@vue/composition-api").Ref<ToastConfiguration>[]) => boolean) => void;
|
|
70
|
+
clearAll: () => void;
|
|
71
|
+
getItem: (condition: (i: ToastConfiguration, index: number, queue: import("@vue/composition-api").Ref<ToastConfiguration>[]) => boolean) => import("@vue/composition-api").Ref<ToastConfiguration>;
|
|
72
|
+
}>, import("@vue/composition-api").Data, {
|
|
73
|
+
getQueue(): ToastConfiguration[];
|
|
74
|
+
classes(): (Record<string, boolean> | string)[];
|
|
75
|
+
transitionName(): string;
|
|
76
|
+
}, {
|
|
77
|
+
createToast(toastConfiguration: ToastConfiguration): void;
|
|
78
|
+
toastUpdate(toast: ToastConfiguration): void;
|
|
79
|
+
toastRemove(toast: ToastConfiguration): void;
|
|
80
|
+
onToastEnter(toast: ToastConfiguration): void;
|
|
81
|
+
onToastLeave(toast: ToastConfiguration): void;
|
|
82
|
+
onClick(toastBehaviour: ToastBehaviour): void;
|
|
83
|
+
onToastHidden(): void;
|
|
84
|
+
}, {}, {}, {}, {
|
|
85
|
+
includeHeaderHeight: boolean;
|
|
86
|
+
position: Position;
|
|
87
|
+
transition: TransitionType;
|
|
88
|
+
} & {}, {
|
|
89
|
+
includeHeaderHeight: boolean;
|
|
90
|
+
position: Position;
|
|
91
|
+
transition: TransitionType;
|
|
92
|
+
}, true>);
|
|
93
|
+
export default _default;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { ref } from 'vue-demi';
|
|
2
|
+
|
|
3
|
+
function useQueue(initialValue) {
|
|
4
|
+
//generic needed! see https://github.com/vuejs/core/issues/2136
|
|
5
|
+
const queue = ref(initialValue || []);
|
|
6
|
+
const addItem = item => {
|
|
7
|
+
const refItem = ref(item);
|
|
8
|
+
queue.value.push(refItem);
|
|
9
|
+
};
|
|
10
|
+
const removeItem = condition => {
|
|
11
|
+
const index = queue.value.findIndex((i, idx, q) => {
|
|
12
|
+
return condition === null || condition === void 0 ? void 0 : condition(i.value, idx, q);
|
|
13
|
+
});
|
|
14
|
+
if (index !== -1) queue.value.splice(index, 1);
|
|
15
|
+
};
|
|
16
|
+
const getItem = condition => {
|
|
17
|
+
return queue.value.filter((i, idx, q) => {
|
|
18
|
+
return condition === null || condition === void 0 ? void 0 : condition(i.value, idx, q);
|
|
19
|
+
})[0];
|
|
20
|
+
};
|
|
21
|
+
const clearAll = () => {
|
|
22
|
+
queue.value = [];
|
|
23
|
+
};
|
|
24
|
+
return {
|
|
25
|
+
queue,
|
|
26
|
+
addItem,
|
|
27
|
+
removeItem,
|
|
28
|
+
clearAll,
|
|
29
|
+
getItem
|
|
30
|
+
};
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
export { useQueue as default };
|