@wizleap-inc/wiz-ui-next 2.11.1 → 2.12.1

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.
@@ -1,4 +1,5 @@
1
1
  import * as styles from "@wizleap-inc/wiz-ui-styles/bases/drawer.css";
2
+ import { PropType } from "vue";
2
3
  declare const _sfc_main: import("vue").DefineComponent<{
3
4
  isOpen: {
4
5
  type: BooleanConstructor;
@@ -15,6 +16,26 @@ declare const _sfc_main: import("vue").DefineComponent<{
15
16
  required: false;
16
17
  default: string;
17
18
  };
19
+ /**
20
+ * 左右どちらからスライドインするか指定します。
21
+ * @type {"left" | "right"}
22
+ * @default "left"
23
+ */
24
+ place: {
25
+ type: PropType<"left" | "right">;
26
+ required: false;
27
+ default: string;
28
+ };
29
+ width: {
30
+ type: StringConstructor;
31
+ required: false;
32
+ default: string;
33
+ };
34
+ shadow: {
35
+ type: BooleanConstructor;
36
+ required: false;
37
+ default: boolean;
38
+ };
18
39
  }, {
19
40
  props: any;
20
41
  containerRef: import("vue").Ref<HTMLElement | null>;
@@ -36,7 +57,30 @@ declare const _sfc_main: import("vue").DefineComponent<{
36
57
  required: false;
37
58
  default: string;
38
59
  };
60
+ /**
61
+ * 左右どちらからスライドインするか指定します。
62
+ * @type {"left" | "right"}
63
+ * @default "left"
64
+ */
65
+ place: {
66
+ type: PropType<"left" | "right">;
67
+ required: false;
68
+ default: string;
69
+ };
70
+ width: {
71
+ type: StringConstructor;
72
+ required: false;
73
+ default: string;
74
+ };
75
+ shadow: {
76
+ type: BooleanConstructor;
77
+ required: false;
78
+ default: boolean;
79
+ };
39
80
  }>>, {
81
+ width: string;
82
+ shadow: boolean;
40
83
  offsetTop: string;
84
+ place: "left" | "right";
41
85
  }>;
42
86
  export default _sfc_main;
@@ -14,8 +14,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
14
14
  isActuallyOpen: import("vue").Ref<boolean>;
15
15
  closeModal: () => void;
16
16
  modalRef: import("vue").Ref<HTMLElement | undefined>;
17
- contentLeft: number;
18
- modalHeight: number;
19
17
  readonly ARIA_LABELS: {
20
18
  readonly PASSWORD_VISIBLE_TOGGLE: "パスワードの表示切り替え";
21
19
  readonly YEAR_SELECTOR_PREV: "前の年へ";
@@ -57,7 +55,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
57
55
  };
58
56
  readonly getSpacingCss: (key?: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max" | undefined) => "0.5rem" | "0.75rem" | "1rem" | "1.25rem" | "1.5rem" | "2rem" | "2.5rem" | "0" | "0.25rem" | "3rem" | "9999px" | "auto" | undefined;
59
57
  readonly styles: typeof styles;
60
- readonly backgroundStyle: Record<import("@wizleap-inc/wiz-ui-constants").ColorKeys, string>;
61
58
  readonly zIndexStyle: Record<"base" | "floating" | "dialog" | "popover" | "overlay", string>;
62
59
  readonly WizDivider: import("vue").DefineComponent<{
63
60
  color: {
@@ -704,12 +701,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
704
701
  overflowStyles: import("vue").ComputedRef<{
705
702
  overflow?: undefined;
706
703
  display?: undefined;
707
- webkitBoxOrient?: undefined;
704
+ WebkitBoxOrient?: undefined;
708
705
  WebkitLineClamp?: undefined;
709
706
  } | {
710
707
  overflow: string;
711
708
  display: string;
712
- webkitBoxOrient: string;
709
+ WebkitBoxOrient: string;
713
710
  WebkitLineClamp: number;
714
711
  }>;
715
712
  readonly textStyle: string;
@@ -48,6 +48,15 @@ declare const _sfc_main: import("vue").DefineComponent<{
48
48
  required: false;
49
49
  default: () => boolean;
50
50
  };
51
+ /**
52
+ * @description 年の表示形式をカスタマイズします。
53
+ * @default (year) => `${year}年`
54
+ */
55
+ formatYear: {
56
+ type: PropType<(year: number) => string>;
57
+ required: false;
58
+ default: (year: number) => string;
59
+ };
51
60
  }, {
52
61
  props: any;
53
62
  emit: {
@@ -135,6 +144,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
135
144
  isError: import("vue").ComputedRef<boolean>;
136
145
  borderState: import("vue").ComputedRef<"default" | "active" | "error">;
137
146
  variant: import("vue").ComputedRef<"default" | "disabled" | "selected">;
147
+ handleClickCalendar: (date: Date) => Date;
138
148
  readonly ARIA_LABELS: {
139
149
  readonly PASSWORD_VISIBLE_TOGGLE: "パスワードの表示切り替え";
140
150
  readonly YEAR_SELECTOR_PREV: "前の年へ";
@@ -1031,12 +1041,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
1031
1041
  overflowStyles: import("vue").ComputedRef<{
1032
1042
  overflow?: undefined;
1033
1043
  display?: undefined;
1034
- webkitBoxOrient?: undefined;
1044
+ WebkitBoxOrient?: undefined;
1035
1045
  WebkitLineClamp?: undefined;
1036
1046
  } | {
1037
1047
  overflow: string;
1038
1048
  display: string;
1039
- webkitBoxOrient: string;
1049
+ WebkitBoxOrient: string;
1040
1050
  WebkitLineClamp: number;
1041
1051
  }>;
1042
1052
  readonly textStyle: string;
@@ -1650,6 +1660,15 @@ declare const _sfc_main: import("vue").DefineComponent<{
1650
1660
  required: false;
1651
1661
  default: () => boolean;
1652
1662
  };
1663
+ /**
1664
+ * @description 年の表示形式をカスタマイズします。
1665
+ * @default (year) => `${year}年`
1666
+ */
1667
+ formatYear: {
1668
+ type: PropType<(year: number) => string>;
1669
+ required: false;
1670
+ default: (year: number) => string;
1671
+ };
1653
1672
  }>> & {
1654
1673
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
1655
1674
  "onUpdate:isOpen"?: ((...args: any[]) => any) | undefined;
@@ -1660,5 +1679,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
1660
1679
  disabledDate: (date: Date) => boolean;
1661
1680
  isDirectionFixed: boolean;
1662
1681
  placeholder: string;
1682
+ formatYear: (year: number) => string;
1663
1683
  }>;
1664
1684
  export default _sfc_main;
@@ -8,17 +8,26 @@ declare const _sfc_main: import("vue").DefineComponent<{
8
8
  type: PropType<number>;
9
9
  required: true;
10
10
  };
11
+ /**
12
+ * 表示ページ数を制御します。(`>=0`)
13
+ * @default 2
14
+ */
15
+ sideLength: {
16
+ type: PropType<number>;
17
+ required: false;
18
+ default: number;
19
+ };
11
20
  }, {
12
21
  props: any;
13
22
  emits: (event: "update:modelValue", value: number) => void;
14
23
  activeValue: import("vue").WritableComputedRef<number>;
15
24
  onUpdatePage: (index: number) => number | undefined;
16
25
  displayIndex: import("vue").ComputedRef<number[]>;
17
- readonly paginationStyle: string;
18
- readonly paginationGapStyle: Record<"left" | "right", string>;
19
26
  readonly paginationButtonStyle: string;
20
27
  readonly paginationButtonVariantStyle: Record<"default" | "active", string>;
28
+ readonly paginationGapStyle: Record<"left" | "right", string>;
21
29
  readonly paginationIconStyle: string;
30
+ readonly paginationStyle: string;
22
31
  readonly WizIChevronLeft: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
23
32
  readonly WizIChevronRight: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
24
33
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -30,7 +39,18 @@ declare const _sfc_main: import("vue").DefineComponent<{
30
39
  type: PropType<number>;
31
40
  required: true;
32
41
  };
42
+ /**
43
+ * 表示ページ数を制御します。(`>=0`)
44
+ * @default 2
45
+ */
46
+ sideLength: {
47
+ type: PropType<number>;
48
+ required: false;
49
+ default: number;
50
+ };
33
51
  }>> & {
34
52
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
35
- }, {}>;
53
+ }, {
54
+ sideLength: number;
55
+ }>;
36
56
  export default _sfc_main;
@@ -75,12 +75,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
75
75
  overflowStyles: import("vue").ComputedRef<{
76
76
  overflow?: undefined;
77
77
  display?: undefined;
78
- webkitBoxOrient?: undefined;
78
+ WebkitBoxOrient?: undefined;
79
79
  WebkitLineClamp?: undefined;
80
80
  } | {
81
81
  overflow: string;
82
82
  display: string;
83
- webkitBoxOrient: string;
83
+ WebkitBoxOrient: string;
84
84
  WebkitLineClamp: number;
85
85
  }>;
86
86
  readonly textStyle: string;
@@ -197,12 +197,12 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {
197
197
  overflowStyles: import("vue").ComputedRef<{
198
198
  overflow?: undefined;
199
199
  display?: undefined;
200
- webkitBoxOrient?: undefined;
200
+ WebkitBoxOrient?: undefined;
201
201
  WebkitLineClamp?: undefined;
202
202
  } | {
203
203
  overflow: string;
204
204
  display: string;
205
- webkitBoxOrient: string;
205
+ WebkitBoxOrient: string;
206
206
  WebkitLineClamp: number;
207
207
  }>;
208
208
  readonly textStyle: string;
@@ -182,12 +182,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
182
182
  overflowStyles: import("vue").ComputedRef<{
183
183
  overflow?: undefined;
184
184
  display?: undefined;
185
- webkitBoxOrient?: undefined;
185
+ WebkitBoxOrient?: undefined;
186
186
  WebkitLineClamp?: undefined;
187
187
  } | {
188
188
  overflow: string;
189
189
  display: string;
190
- webkitBoxOrient: string;
190
+ WebkitBoxOrient: string;
191
191
  WebkitLineClamp: number;
192
192
  }>;
193
193
  readonly textStyle: string;
@@ -64,12 +64,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
64
64
  overflowStyles: import("vue").ComputedRef<{
65
65
  overflow?: undefined;
66
66
  display?: undefined;
67
- webkitBoxOrient?: undefined;
67
+ WebkitBoxOrient?: undefined;
68
68
  WebkitLineClamp?: undefined;
69
69
  } | {
70
70
  overflow: string;
71
71
  display: string;
72
- webkitBoxOrient: string;
72
+ WebkitBoxOrient: string;
73
73
  WebkitLineClamp: number;
74
74
  }>;
75
75
  readonly textStyle: string;
@@ -3562,12 +3562,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
3562
3562
  overflowStyles: import("vue").ComputedRef<{
3563
3563
  overflow?: undefined;
3564
3564
  display?: undefined;
3565
- webkitBoxOrient?: undefined;
3565
+ WebkitBoxOrient?: undefined;
3566
3566
  WebkitLineClamp?: undefined;
3567
3567
  } | {
3568
3568
  overflow: string;
3569
3569
  display: string;
3570
- webkitBoxOrient: string;
3570
+ WebkitBoxOrient: string;
3571
3571
  WebkitLineClamp: number;
3572
3572
  }>;
3573
3573
  readonly textStyle: string;
@@ -7210,12 +7210,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
7210
7210
  overflowStyles: import("vue").ComputedRef<{
7211
7211
  overflow?: undefined;
7212
7212
  display?: undefined;
7213
- webkitBoxOrient?: undefined;
7213
+ WebkitBoxOrient?: undefined;
7214
7214
  WebkitLineClamp?: undefined;
7215
7215
  } | {
7216
7216
  overflow: string;
7217
7217
  display: string;
7218
- webkitBoxOrient: string;
7218
+ WebkitBoxOrient: string;
7219
7219
  WebkitLineClamp: number;
7220
7220
  }>;
7221
7221
  readonly textStyle: string;
@@ -548,12 +548,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
548
548
  overflowStyles: import("vue").ComputedRef<{
549
549
  overflow?: undefined;
550
550
  display?: undefined;
551
- webkitBoxOrient?: undefined;
551
+ WebkitBoxOrient?: undefined;
552
552
  WebkitLineClamp?: undefined;
553
553
  } | {
554
554
  overflow: string;
555
555
  display: string;
556
- webkitBoxOrient: string;
556
+ WebkitBoxOrient: string;
557
557
  WebkitLineClamp: number;
558
558
  }>;
559
559
  readonly textStyle: string;
@@ -435,12 +435,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
435
435
  overflowStyles: import("vue").ComputedRef<{
436
436
  overflow?: undefined;
437
437
  display?: undefined;
438
- webkitBoxOrient?: undefined;
438
+ WebkitBoxOrient?: undefined;
439
439
  WebkitLineClamp?: undefined;
440
440
  } | {
441
441
  overflow: string;
442
442
  display: string;
443
- webkitBoxOrient: string;
443
+ WebkitBoxOrient: string;
444
444
  WebkitLineClamp: number;
445
445
  }>;
446
446
  readonly textStyle: string;
@@ -839,12 +839,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
839
839
  overflowStyles: import("vue").ComputedRef<{
840
840
  overflow?: undefined;
841
841
  display?: undefined;
842
- webkitBoxOrient?: undefined;
842
+ WebkitBoxOrient?: undefined;
843
843
  WebkitLineClamp?: undefined;
844
844
  } | {
845
845
  overflow: string;
846
846
  display: string;
847
- webkitBoxOrient: string;
847
+ WebkitBoxOrient: string;
848
848
  WebkitLineClamp: number;
849
849
  }>;
850
850
  readonly textStyle: string;
@@ -2250,12 +2250,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
2250
2250
  overflowStyles: import("vue").ComputedRef<{
2251
2251
  overflow?: undefined;
2252
2252
  display?: undefined;
2253
- webkitBoxOrient?: undefined;
2253
+ WebkitBoxOrient?: undefined;
2254
2254
  WebkitLineClamp?: undefined;
2255
2255
  } | {
2256
2256
  overflow: string;
2257
2257
  display: string;
2258
- webkitBoxOrient: string;
2258
+ WebkitBoxOrient: string;
2259
2259
  WebkitLineClamp: number;
2260
2260
  }>;
2261
2261
  readonly textStyle: string;
@@ -1698,12 +1698,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
1698
1698
  overflowStyles: import("vue").ComputedRef<{
1699
1699
  overflow?: undefined;
1700
1700
  display?: undefined;
1701
- webkitBoxOrient?: undefined;
1701
+ WebkitBoxOrient?: undefined;
1702
1702
  WebkitLineClamp?: undefined;
1703
1703
  } | {
1704
1704
  overflow: string;
1705
1705
  display: string;
1706
- webkitBoxOrient: string;
1706
+ WebkitBoxOrient: string;
1707
1707
  WebkitLineClamp: number;
1708
1708
  }>;
1709
1709
  readonly textStyle: string;
@@ -3109,12 +3109,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
3109
3109
  overflowStyles: import("vue").ComputedRef<{
3110
3110
  overflow?: undefined;
3111
3111
  display?: undefined;
3112
- webkitBoxOrient?: undefined;
3112
+ WebkitBoxOrient?: undefined;
3113
3113
  WebkitLineClamp?: undefined;
3114
3114
  } | {
3115
3115
  overflow: string;
3116
3116
  display: string;
3117
- webkitBoxOrient: string;
3117
+ WebkitBoxOrient: string;
3118
3118
  WebkitLineClamp: number;
3119
3119
  }>;
3120
3120
  readonly textStyle: string;
@@ -1324,12 +1324,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
1324
1324
  overflowStyles: import("vue").ComputedRef<{
1325
1325
  overflow?: undefined;
1326
1326
  display?: undefined;
1327
- webkitBoxOrient?: undefined;
1327
+ WebkitBoxOrient?: undefined;
1328
1328
  WebkitLineClamp?: undefined;
1329
1329
  } | {
1330
1330
  overflow: string;
1331
1331
  display: string;
1332
- webkitBoxOrient: string;
1332
+ WebkitBoxOrient: string;
1333
1333
  WebkitLineClamp: number;
1334
1334
  }>;
1335
1335
  readonly textStyle: string;
@@ -197,12 +197,12 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {
197
197
  overflowStyles: import("vue").ComputedRef<{
198
198
  overflow?: undefined;
199
199
  display?: undefined;
200
- webkitBoxOrient?: undefined;
200
+ WebkitBoxOrient?: undefined;
201
201
  WebkitLineClamp?: undefined;
202
202
  } | {
203
203
  overflow: string;
204
204
  display: string;
205
- webkitBoxOrient: string;
205
+ WebkitBoxOrient: string;
206
206
  WebkitLineClamp: number;
207
207
  }>;
208
208
  readonly textStyle: string;