yuyeon 0.3.0 → 0.3.1-rc.2
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/style.css +1 -1
- package/dist/yuyeon.js +2836 -2826
- package/dist/yuyeon.umd.cjs +3 -3
- package/lib/components/badge/YBadge.mjs +8 -3
- package/lib/components/badge/YBadge.mjs.map +1 -1
- package/lib/components/badge/YBadge.scss +8 -3
- package/lib/components/chip/YChip.mjs +6 -44
- package/lib/components/chip/YChip.mjs.map +1 -1
- package/lib/components/tree-view/YTreeView.mjs +5 -0
- package/lib/components/tree-view/YTreeView.mjs.map +1 -1
- package/lib/composables/style-color.mjs +37 -0
- package/lib/composables/style-color.mjs.map +1 -0
- package/lib/index.mjs +2 -1
- package/lib/index.mjs.map +1 -1
- package/lib/util/color/index.mjs +16 -0
- package/lib/util/color/index.mjs.map +1 -1
- package/package.json +1 -1
- package/types/components/badge/YBadge.d.ts +27 -6
- package/types/components/chip/YChip.d.ts +6 -6
- package/types/components/date-picker/YDatePicker.d.ts +11 -11
- package/types/components/date-picker/YDatePickerControl.d.ts +5 -5
- package/types/components/dialog/YDialog.d.ts +15 -15
- package/types/composables/style-color.d.ts +15 -0
- package/types/util/color/index.d.ts +1 -0
|
@@ -4,11 +4,11 @@ export declare const pressYDatePickerPropsOptions: <Defaults extends {
|
|
|
4
4
|
disabled?: unknown;
|
|
5
5
|
multiple?: unknown;
|
|
6
6
|
max?: unknown;
|
|
7
|
-
|
|
7
|
+
year?: unknown;
|
|
8
8
|
month?: unknown;
|
|
9
|
+
color?: unknown;
|
|
9
10
|
range?: unknown;
|
|
10
11
|
min?: unknown;
|
|
11
|
-
year?: unknown;
|
|
12
12
|
allowedDates?: unknown;
|
|
13
13
|
hideWeekdays?: unknown;
|
|
14
14
|
showAdjacentMonthDates?: unknown;
|
|
@@ -30,14 +30,18 @@ export declare const pressYDatePickerPropsOptions: <Defaults extends {
|
|
|
30
30
|
type: import('vue').PropType<unknown extends Defaults["max"] ? unknown : {} | Defaults["max"]>;
|
|
31
31
|
default: unknown extends Defaults["max"] ? unknown : {} | Defaults["max"];
|
|
32
32
|
};
|
|
33
|
-
|
|
34
|
-
type: import('vue').PropType<unknown extends Defaults["
|
|
35
|
-
default: unknown extends Defaults["
|
|
33
|
+
year: unknown extends Defaults["year"] ? (NumberConstructor | StringConstructor)[] : {
|
|
34
|
+
type: import('vue').PropType<unknown extends Defaults["year"] ? string | number : NonNullable<string | number> | Defaults["year"]>;
|
|
35
|
+
default: unknown extends Defaults["year"] ? string | number : NonNullable<string | number> | Defaults["year"];
|
|
36
36
|
};
|
|
37
37
|
month: unknown extends Defaults["month"] ? (NumberConstructor | StringConstructor)[] : {
|
|
38
38
|
type: import('vue').PropType<unknown extends Defaults["month"] ? string | number : NonNullable<string | number> | Defaults["month"]>;
|
|
39
39
|
default: unknown extends Defaults["month"] ? string | number : NonNullable<string | number> | Defaults["month"];
|
|
40
40
|
};
|
|
41
|
+
color: unknown extends Defaults["color"] ? StringConstructor : {
|
|
42
|
+
type: import('vue').PropType<unknown extends Defaults["color"] ? string : string | Defaults["color"]>;
|
|
43
|
+
default: unknown extends Defaults["color"] ? string : string | Defaults["color"];
|
|
44
|
+
};
|
|
41
45
|
range: unknown extends Defaults["range"] ? BooleanConstructor : {
|
|
42
46
|
type: import('vue').PropType<unknown extends Defaults["range"] ? boolean : boolean | Defaults["range"]>;
|
|
43
47
|
default: unknown extends Defaults["range"] ? boolean : boolean | Defaults["range"];
|
|
@@ -46,10 +50,6 @@ export declare const pressYDatePickerPropsOptions: <Defaults extends {
|
|
|
46
50
|
type: import('vue').PropType<unknown extends Defaults["min"] ? unknown : {} | Defaults["min"]>;
|
|
47
51
|
default: unknown extends Defaults["min"] ? unknown : {} | Defaults["min"];
|
|
48
52
|
};
|
|
49
|
-
year: unknown extends Defaults["year"] ? (NumberConstructor | StringConstructor)[] : {
|
|
50
|
-
type: import('vue').PropType<unknown extends Defaults["year"] ? string | number : NonNullable<string | number> | Defaults["year"]>;
|
|
51
|
-
default: unknown extends Defaults["year"] ? string | number : NonNullable<string | number> | Defaults["year"];
|
|
52
|
-
};
|
|
53
53
|
allowedDates: unknown extends Defaults["allowedDates"] ? (ArrayConstructor | FunctionConstructor)[] : {
|
|
54
54
|
type: import('vue').PropType<unknown extends Defaults["allowedDates"] ? Function | unknown[] : NonNullable<Function | unknown[]> | Defaults["allowedDates"]>;
|
|
55
55
|
default: unknown extends Defaults["allowedDates"] ? Function | unknown[] : NonNullable<Function | unknown[]> | Defaults["allowedDates"];
|
|
@@ -78,11 +78,11 @@ export declare const YDatePicker: import('vue').DefineComponent<{
|
|
|
78
78
|
disabled: BooleanConstructor;
|
|
79
79
|
multiple: BooleanConstructor;
|
|
80
80
|
max: import('vue').PropType<unknown>;
|
|
81
|
-
|
|
81
|
+
year: (NumberConstructor | StringConstructor)[];
|
|
82
82
|
month: (NumberConstructor | StringConstructor)[];
|
|
83
|
+
color: StringConstructor;
|
|
83
84
|
range: BooleanConstructor;
|
|
84
85
|
min: import('vue').PropType<unknown>;
|
|
85
|
-
year: (NumberConstructor | StringConstructor)[];
|
|
86
86
|
allowedDates: (ArrayConstructor | FunctionConstructor)[];
|
|
87
87
|
hideWeekdays: BooleanConstructor;
|
|
88
88
|
showAdjacentMonthDates: {
|
|
@@ -48,14 +48,14 @@ export declare const pressYDatePickerControlPropsOptions: <Defaults extends {
|
|
|
48
48
|
default: unknown extends Defaults["dropdownIcon"] ? string | Record<string, any> : NonNullable<string | Record<string, any>> | Defaults["dropdownIcon"];
|
|
49
49
|
};
|
|
50
50
|
mode: unknown extends Defaults["mode"] ? {
|
|
51
|
-
type: PropType<"
|
|
51
|
+
type: PropType<"year" | "month" | "date">;
|
|
52
52
|
default: string;
|
|
53
53
|
} : Omit<{
|
|
54
|
-
type: PropType<"
|
|
54
|
+
type: PropType<"year" | "month" | "date">;
|
|
55
55
|
default: string;
|
|
56
56
|
}, "type" | "default"> & {
|
|
57
|
-
type: PropType<unknown extends Defaults["mode"] ? "
|
|
58
|
-
default: unknown extends Defaults["mode"] ? "
|
|
57
|
+
type: PropType<unknown extends Defaults["mode"] ? "year" | "month" | "date" : Defaults["mode"] | NonNullable<"year" | "month" | "date">>;
|
|
58
|
+
default: unknown extends Defaults["mode"] ? "year" | "month" | "date" : Defaults["mode"] | NonNullable<"year" | "month" | "date">;
|
|
59
59
|
};
|
|
60
60
|
yearText: unknown extends Defaults["yearText"] ? StringConstructor : {
|
|
61
61
|
type: PropType<unknown extends Defaults["yearText"] ? string : string | Defaults["yearText"]>;
|
|
@@ -83,7 +83,7 @@ export declare const YDatePickerControl: import('vue').DefineComponent<{
|
|
|
83
83
|
type: (ObjectConstructor | StringConstructor)[];
|
|
84
84
|
};
|
|
85
85
|
mode: {
|
|
86
|
-
type: PropType<"
|
|
86
|
+
type: PropType<"year" | "month" | "date">;
|
|
87
87
|
default: string;
|
|
88
88
|
};
|
|
89
89
|
yearText: StringConstructor;
|
|
@@ -6,12 +6,12 @@ export declare const pressYDialogPropsOptions: <Defaults extends {
|
|
|
6
6
|
modelValue?: unknown;
|
|
7
7
|
width?: unknown;
|
|
8
8
|
height?: unknown;
|
|
9
|
+
align?: unknown;
|
|
9
10
|
theme?: unknown;
|
|
10
11
|
closeDelay?: unknown;
|
|
11
12
|
openDelay?: unknown;
|
|
12
13
|
transition?: unknown;
|
|
13
14
|
minWidth?: unknown;
|
|
14
|
-
align?: unknown;
|
|
15
15
|
minHeight?: unknown;
|
|
16
16
|
maxWidth?: unknown;
|
|
17
17
|
maxHeight?: unknown;
|
|
@@ -68,6 +68,16 @@ export declare const pressYDialogPropsOptions: <Defaults extends {
|
|
|
68
68
|
type: PropType<unknown extends Defaults["height"] ? string | number : NonNullable<string | number> | Defaults["height"]>;
|
|
69
69
|
default: unknown extends Defaults["height"] ? string | number : NonNullable<string | number> | Defaults["height"];
|
|
70
70
|
};
|
|
71
|
+
align: unknown extends Defaults["align"] ? {
|
|
72
|
+
type: PropType<"top" | "bottom" | "start" | "end" | "center">;
|
|
73
|
+
default: string;
|
|
74
|
+
} : Omit<{
|
|
75
|
+
type: PropType<"top" | "bottom" | "start" | "end" | "center">;
|
|
76
|
+
default: string;
|
|
77
|
+
}, "type" | "default"> & {
|
|
78
|
+
type: PropType<unknown extends Defaults["align"] ? "top" | "bottom" | "start" | "end" | "center" : NonNullable<"top" | "bottom" | "start" | "end" | "center"> | Defaults["align"]>;
|
|
79
|
+
default: unknown extends Defaults["align"] ? "top" | "bottom" | "start" | "end" | "center" : NonNullable<"top" | "bottom" | "start" | "end" | "center"> | Defaults["align"];
|
|
80
|
+
};
|
|
71
81
|
theme: unknown extends Defaults["theme"] ? PropType<string> : {
|
|
72
82
|
type: PropType<unknown extends Defaults["theme"] ? string : string | Defaults["theme"]>;
|
|
73
83
|
default: unknown extends Defaults["theme"] ? string : string | Defaults["theme"];
|
|
@@ -118,16 +128,6 @@ export declare const pressYDialogPropsOptions: <Defaults extends {
|
|
|
118
128
|
type: PropType<unknown extends Defaults["minWidth"] ? string | number : NonNullable<string | number> | Defaults["minWidth"]>;
|
|
119
129
|
default: unknown extends Defaults["minWidth"] ? string | number : NonNullable<string | number> | Defaults["minWidth"];
|
|
120
130
|
};
|
|
121
|
-
align: unknown extends Defaults["align"] ? {
|
|
122
|
-
type: PropType<"top" | "bottom" | "start" | "end" | "center">;
|
|
123
|
-
default: string;
|
|
124
|
-
} : Omit<{
|
|
125
|
-
type: PropType<"top" | "bottom" | "start" | "end" | "center">;
|
|
126
|
-
default: string;
|
|
127
|
-
}, "type" | "default"> & {
|
|
128
|
-
type: PropType<unknown extends Defaults["align"] ? "top" | "bottom" | "start" | "end" | "center" : NonNullable<"top" | "bottom" | "start" | "end" | "center"> | Defaults["align"]>;
|
|
129
|
-
default: unknown extends Defaults["align"] ? "top" | "bottom" | "start" | "end" | "center" : NonNullable<"top" | "bottom" | "start" | "end" | "center"> | Defaults["align"];
|
|
130
|
-
};
|
|
131
131
|
minHeight: unknown extends Defaults["minHeight"] ? PropType<string | number> : {
|
|
132
132
|
type: PropType<unknown extends Defaults["minHeight"] ? string | number : NonNullable<string | number> | Defaults["minHeight"]>;
|
|
133
133
|
default: unknown extends Defaults["minHeight"] ? string | number : NonNullable<string | number> | Defaults["minHeight"];
|
|
@@ -350,6 +350,10 @@ export declare const YDialog: import('vue').DefineComponent<{
|
|
|
350
350
|
};
|
|
351
351
|
width: PropType<string | number>;
|
|
352
352
|
height: PropType<string | number>;
|
|
353
|
+
align: {
|
|
354
|
+
type: PropType<"top" | "bottom" | "start" | "end" | "center">;
|
|
355
|
+
default: string;
|
|
356
|
+
};
|
|
353
357
|
theme: PropType<string>;
|
|
354
358
|
closeDelay: {
|
|
355
359
|
type: PropType<number>;
|
|
@@ -366,10 +370,6 @@ export declare const YDialog: import('vue').DefineComponent<{
|
|
|
366
370
|
default: string;
|
|
367
371
|
};
|
|
368
372
|
minWidth: PropType<string | number>;
|
|
369
|
-
align: {
|
|
370
|
-
type: PropType<"top" | "bottom" | "start" | "end" | "center">;
|
|
371
|
-
default: string;
|
|
372
|
-
};
|
|
373
373
|
minHeight: PropType<string | number>;
|
|
374
374
|
maxWidth: PropType<string | number>;
|
|
375
375
|
maxHeight: PropType<string | number>;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ExtractPropTypes } from 'vue';
|
|
2
|
+
|
|
3
|
+
export declare const styleColorPropsOptions: {
|
|
4
|
+
color: StringConstructor;
|
|
5
|
+
background: StringConstructor;
|
|
6
|
+
backgroundOpacity: {
|
|
7
|
+
type: NumberConstructor;
|
|
8
|
+
default: number;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
export declare function useStyleColor(props: ExtractPropTypes<typeof styleColorPropsOptions>, name: string): {
|
|
12
|
+
colorVars: import('vue').ComputedRef<{
|
|
13
|
+
[x: string]: string | undefined;
|
|
14
|
+
}>;
|
|
15
|
+
};
|