@wizleap-inc/wiz-ui-next 1.6.0 → 1.8.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.
Files changed (27) hide show
  1. package/dist/components/base/calendar/calendar.vue.d.ts +1 -1
  2. package/dist/components/base/dialog/dialog.vue.d.ts +11 -0
  3. package/dist/components/base/dropdown/dropdown.vue.d.ts +3 -0
  4. package/dist/components/base/inputs/checkbox/checkbox.vue.d.ts +7 -2
  5. package/dist/components/base/inputs/date-picker/date-picker.vue.d.ts +35 -8
  6. package/dist/components/base/inputs/date-range-picker/date-range-picker.vue.d.ts +39 -77
  7. package/dist/components/base/inputs/date-range-picker/types.d.ts +10 -4
  8. package/dist/components/base/inputs/password/password.vue.d.ts +3 -0
  9. package/dist/components/base/inputs/search/search.vue.d.ts +3 -0
  10. package/dist/components/base/inputs/search-selector/search-selector.vue.d.ts +3 -0
  11. package/dist/components/base/inputs/selectbox/selectbox.vue.d.ts +3 -0
  12. package/dist/components/base/inputs/timepicker/time-picker.vue.d.ts +3 -0
  13. package/dist/components/base/navigation/item.vue.d.ts +6 -0
  14. package/dist/components/base/popup/popup.vue.d.ts +3 -0
  15. package/dist/components/base/progress-bar/progress-bar.vue.d.ts +3 -0
  16. package/dist/components/base/tables/flat/td.vue.d.ts +120 -0
  17. package/dist/components/base/tables/flat/th.vue.d.ts +120 -0
  18. package/dist/components/base/tooltip/tooltip.vue.d.ts +3 -0
  19. package/dist/components/custom/chat/card/chat-card.vue.d.ts +6 -0
  20. package/dist/components/custom/chat/item/chat-item.vue.d.ts +3 -0
  21. package/dist/hooks/index.d.ts +1 -0
  22. package/dist/hooks/use-snackbar.d.ts +9 -1
  23. package/dist/index.d.ts +1 -1
  24. package/dist/style.css +1 -1
  25. package/dist/wiz-ui.es.js +3207 -3149
  26. package/dist/wiz-ui.umd.js +17 -17
  27. package/package.json +3 -3
package/dist/components/base/calendar/calendar.vue.d.ts CHANGED
@@ -21,7 +21,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
21
21
  props: any;
22
22
  calendars: import("vue").ComputedRef<string[][]>;
23
23
  isCurrentMonth: (row: number, col: number) => boolean;
24
- getDateState: import("vue").ComputedRef<(row: number, col: number) => "outOfCurrentMonth" | import("./types").DateState | "inCurrentMonth">;
24
+ getDateState: import("vue").ComputedRef<(row: number, col: number) => import("./types").DateState | "outOfCurrentMonth" | "inCurrentMonth">;
25
25
  updateSelectedDate: (row: number, col: number, day: string) => void;
26
26
  readonly WEEK_LIST_JP: string[];
27
27
  readonly calendarStyle: string;
package/dist/components/base/dialog/dialog.vue.d.ts CHANGED
@@ -17,6 +17,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
17
17
  type: PropType<"center" | "end" | "start">;
18
18
  required: false;
19
19
  };
20
+ hideClose: {
21
+ type: BooleanConstructor;
22
+ required: false;
23
+ default: boolean;
24
+ };
20
25
  }, {
21
26
  props: any;
22
27
  emit: (e: "update:modelValue", value: boolean) => void;
@@ -695,9 +700,15 @@ declare const _sfc_main: import("vue").DefineComponent<{
695
700
  type: PropType<"center" | "end" | "start">;
696
701
  required: false;
697
702
  };
703
+ hideClose: {
704
+ type: BooleanConstructor;
705
+ required: false;
706
+ default: boolean;
707
+ };
698
708
  }>> & {
699
709
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
700
710
  }, {
701
711
  maxWidth: string;
712
+ hideClose: boolean;
702
713
  }>;
703
714
  export default _sfc_main;
package/dist/components/base/dropdown/dropdown.vue.d.ts CHANGED
@@ -102,6 +102,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
102
102
  updateBodyPxInfo: () => void;
103
103
  containerRef: import("vue").Ref<HTMLElement | undefined>;
104
104
  togglePopup: () => boolean | undefined;
105
+ existsFixedParent: (el: HTMLElement | null) => HTMLElement | null;
105
106
  removeScrollHandler: (() => void) | null;
106
107
  onChangeIsOpen: (newValue: boolean) => void;
107
108
  observer: ResizeObserver;
@@ -123,12 +124,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
123
124
  directionToTuple: (direction: "tl" | "tr" | "tc" | "bl" | "br" | "bc" | "rt" | "rb" | "rc" | "lt" | "lb" | "lc") => ["t" | "l" | "r" | "c" | "b", "t" | "l" | "r" | "c" | "b"];
124
125
  convertDirection: (char: "t" | "l" | "r" | "c" | "b") => "c" | "b" | "t" | "r" | "l";
125
126
  computedDirection: import("vue").ComputedRef<"tl" | "tr" | "tc" | "bl" | "br" | "bc" | "rt" | "rb" | "rc" | "lt" | "lb" | "lc">;
127
+ isFixed: import("vue").ComputedRef<boolean>;
126
128
  inset: import("vue").ComputedRef<string>;
127
129
  popupTranslate: import("vue").ComputedRef<string>;
128
130
  mouseLeave: (e: MouseEvent) => void;
129
131
  readonly popupStyle: string;
130
132
  readonly popupShadowStyle: string;
131
133
  readonly popupHiddenStyle: string;
134
+ readonly popupFixedStyle: string;
132
135
  readonly zIndexStyle: Record<"base" | "floating" | "dialog" | "popover", string>;
133
136
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onClose" | "onTurn" | "mouseLeave")[], "onClose" | "onTurn" | "mouseLeave", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
134
137
  isOpen: {
package/dist/components/base/inputs/checkbox/checkbox.vue.d.ts CHANGED
@@ -33,16 +33,21 @@ declare const _sfc_main: import("vue").DefineComponent<{
33
33
  emit: (e: "update:modelValue", value: number[]) => void;
34
34
  checkboxValue: import("vue").WritableComputedRef<number[]>;
35
35
  labelPointer: (optionDisabled?: boolean) => "default" | "disabled";
36
+ focusOption: import("vue").Ref<number | null>;
37
+ value2Option: import("vue").ComputedRef<Record<number, CheckBoxOption>>;
38
+ checkboxLabelFocusStyle: import("vue").ComputedRef<(n: number) => string | undefined>;
36
39
  readonly checkboxStyle: string;
37
40
  readonly checkboxInputStyle: string;
38
41
  readonly checkboxLabelStyle: string;
39
42
  readonly checkboxLabelCheckedStyle: string;
40
43
  readonly checkboxLabelDisabledStyle: string;
41
44
  readonly checkboxLabelCursorStyle: Record<"default" | "disabled", string>;
42
- readonly checkboxIconStyle: string;
45
+ readonly checkboxIconBaseStyle: string;
43
46
  readonly checkboxBlockCheckedStyle: string;
44
47
  readonly checkboxLabelStrikeThrough: string;
45
- WizStack: import("vue").DefineComponent<{
48
+ readonly checkboxIconVariantStyle: Record<"default" | "checked", string>;
49
+ readonly checkboxIconContainerStyle: string;
50
+ readonly WizStack: import("vue").DefineComponent<{
46
51
  direction: {
47
52
  type: PropType<"horizontal" | "vertical">;
48
53
  required: false;
package/dist/components/base/inputs/date-picker/date-picker.vue.d.ts CHANGED
@@ -19,10 +19,20 @@ declare const _sfc_main: import("vue").DefineComponent<{
19
19
  required: false;
20
20
  default: boolean;
21
21
  };
22
+ /**
23
+ * カレンダー（Popup）の開閉状態を指定します。
24
+ */
25
+ isOpen: {
26
+ type: BooleanConstructor;
27
+ required: true;
28
+ };
22
29
  }, {
23
30
  props: any;
24
- emit: (e: "update:modelValue", value: Date) => void;
25
- defaultCurrentMonth: number;
31
+ emit: {
32
+ (e: "update:modelValue", value: Date): void;
33
+ (e: "update:isOpen", value: boolean): void;
34
+ };
35
+ defaultCurrentMonth: Date;
26
36
  currentMonth: import("vue").Ref<{
27
37
  toString: () => string;
28
38
  toDateString: () => string;
@@ -86,8 +96,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
86
96
  (hint: string): string | number;
87
97
  };
88
98
  }>;
89
- openDatepicker: import("vue").Ref<boolean>;
90
- toggleDatepicker: () => void;
99
+ setIsOpen: (value: boolean) => void;
91
100
  clickToNextMonth: () => void;
92
101
  clickToPreviousMonth: () => void;
93
102
  clickToNextYear: () => void;
@@ -111,6 +120,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
111
120
  readonly DATE_PICKER_INPUT: "日付を選択";
112
121
  readonly RANGE_DATE_PICKER_INPUT: "日付の範囲を選択";
113
122
  readonly RANGE_DATE_PICKER_SELECT_BOX_INPUT: "日付の種類を選択";
123
+ readonly PAGINATION: "ページネーション";
124
+ readonly PAGINATION_PREV: "前のページへ";
125
+ readonly PAGINATION_NEXT: "次のページへ";
114
126
  };
115
127
  readonly datePickerStyle: string;
116
128
  readonly datePickerVariantStyle: Record<"default" | "disabled" | "selected", string>;
@@ -1117,7 +1129,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
1117
1129
  props: any;
1118
1130
  calendars: import("vue").ComputedRef<string[][]>;
1119
1131
  isCurrentMonth: (row: number, col: number) => boolean;
1120
- getDateState: import("vue").ComputedRef<(row: number, col: number) => "outOfCurrentMonth" | import("../../calendar/types").DateState | "inCurrentMonth">;
1132
+ getDateState: import("vue").ComputedRef<(row: number, col: number) => import("../../calendar/types").DateState | "outOfCurrentMonth" | "inCurrentMonth">;
1121
1133
  updateSelectedDate: (row: number, col: number, day: string) => void;
1122
1134
  readonly WEEK_LIST_JP: string[];
1123
1135
  readonly calendarStyle: string;
@@ -1308,7 +1320,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
1308
1320
  };
1309
1321
  gap: {
1310
1322
  type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
1311
- required: false;
1323
+ required: false; /**
1324
+ * カレンダー（Popup）の開閉状態を指定します。
1325
+ */
1312
1326
  default: string;
1313
1327
  };
1314
1328
  direction: {
@@ -1375,6 +1389,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
1375
1389
  updateBodyPxInfo: () => void;
1376
1390
  containerRef: import("vue").Ref<HTMLElement | undefined>;
1377
1391
  togglePopup: () => boolean | undefined;
1392
+ existsFixedParent: (el: HTMLElement | null) => HTMLElement | null;
1378
1393
  removeScrollHandler: (() => void) | null;
1379
1394
  onChangeIsOpen: (newValue: boolean) => void;
1380
1395
  observer: ResizeObserver;
@@ -1396,12 +1411,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
1396
1411
  directionToTuple: (direction: "tl" | "tr" | "tc" | "bl" | "br" | "bc" | "rt" | "rb" | "rc" | "lt" | "lb" | "lc") => ["t" | "l" | "r" | "c" | "b", "t" | "l" | "r" | "c" | "b"];
1397
1412
  convertDirection: (char: "t" | "l" | "r" | "c" | "b") => "c" | "b" | "t" | "r" | "l";
1398
1413
  computedDirection: import("vue").ComputedRef<"tl" | "tr" | "tc" | "bl" | "br" | "bc" | "rt" | "rb" | "rc" | "lt" | "lb" | "lc">;
1414
+ isFixed: import("vue").ComputedRef<boolean>;
1399
1415
  inset: import("vue").ComputedRef<string>;
1400
1416
  popupTranslate: import("vue").ComputedRef<string>;
1401
1417
  mouseLeave: (e: MouseEvent) => void;
1402
1418
  readonly popupStyle: string;
1403
1419
  readonly popupShadowStyle: string;
1404
1420
  readonly popupHiddenStyle: string;
1421
+ readonly popupFixedStyle: string;
1405
1422
  readonly zIndexStyle: Record<"base" | "floating" | "dialog" | "popover", string>;
1406
1423
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onClose" | "onTurn" | "mouseLeave")[], "onClose" | "onTurn" | "mouseLeave", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
1407
1424
  isOpen: {
@@ -1420,7 +1437,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
1420
1437
  };
1421
1438
  gap: {
1422
1439
  type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
1423
- required: false;
1440
+ required: false; /**
1441
+ * カレンダー（Popup）の開閉状態を指定します。
1442
+ */
1424
1443
  default: string;
1425
1444
  };
1426
1445
  direction: {
@@ -1497,7 +1516,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
1497
1516
  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<{}>>, {}>;
1498
1517
  readonly WizIArrowDropUp: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
1499
1518
  readonly WizIArrowDropDown: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
1500
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
1519
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:isOpen")[], "update:modelValue" | "update:isOpen", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
1501
1520
  modelValue: {
1502
1521
  type: PropType<Date | null>;
1503
1522
  required: true;
@@ -1517,8 +1536,16 @@ declare const _sfc_main: import("vue").DefineComponent<{
1517
1536
  required: false;
1518
1537
  default: boolean;
1519
1538
  };
1539
+ /**
1540
+ * カレンダー（Popup）の開閉状態を指定します。
1541
+ */
1542
+ isOpen: {
1543
+ type: BooleanConstructor;
1544
+ required: true;
1545
+ };
1520
1546
  }>> & {
1521
1547
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
1548
+ "onUpdate:isOpen"?: ((...args: any[]) => any) | undefined;
1522
1549
  }, {
1523
1550
  width: string;
1524
1551
  disabled: boolean;
package/dist/components/base/inputs/date-range-picker/date-range-picker.vue.d.ts CHANGED
@@ -1,8 +1,7 @@
1
1
  import * as styles from "@wizleap-inc/wiz-ui-styles/bases/date-range-picker.css";
2
2
  import { PropType } from "vue";
3
- import { DateStatus } from "../../calendar/types";
3
+ import { DateState, DateStatus } from "../../calendar/types";
4
4
  import { DateRangePickerSelectBoxOption, DateRange } from "./types";
5
- type SelectState = "selecting" | "selected" | "none";
6
5
  declare const _sfc_main: import("vue").DefineComponent<{
7
6
  modelValue: {
8
7
  type: PropType<DateRange>;
@@ -26,13 +25,20 @@ declare const _sfc_main: import("vue").DefineComponent<{
26
25
  type: StringConstructor;
27
26
  required: false;
28
27
  };
28
+ /**
29
+ * カレンダー（Popup）の開閉状態を指定します。
30
+ */
31
+ isOpen: {
32
+ type: BooleanConstructor;
33
+ required: true;
34
+ };
29
35
  }, {
30
36
  props: any;
31
37
  emit: {
32
38
  (e: "update:modelValue", value: DateRange): void;
33
39
  (e: "update:selectBoxValue", value: string): void;
40
+ (e: "update:isOpen", value: boolean): void;
34
41
  };
35
- isPopupOpen: import("vue").Ref<boolean>;
36
42
  isSelectBoxOpen: import("vue").Ref<boolean>;
37
43
  selectBoxContainerRef: import("vue").Ref<HTMLElement | undefined>;
38
44
  rightCalendarDate: import("vue").Ref<{
@@ -99,76 +105,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
99
105
  };
100
106
  }>;
101
107
  leftCalendarDate: import("vue").ComputedRef<Date>;
102
- selectedState: import("vue").Ref<SelectState>;
103
- togglePopupOpen: () => void;
108
+ setIsOpen: (value: boolean) => void;
104
109
  moveToNextMonth: () => void;
105
110
  moveToPrevMonth: () => void;
106
- selectedDates: import("vue").Ref<{
107
- state: import("../../calendar/types").DateState;
108
- date: {
109
- toString: () => string;
110
- toDateString: () => string;
111
- toTimeString: () => string;
112
- toLocaleString: {
113
- (): string;
114
- (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
115
- (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
116
- };
117
- toLocaleDateString: {
118
- (): string;
119
- (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
120
- (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
121
- };
122
- toLocaleTimeString: {
123
- (): string;
124
- (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
125
- (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
126
- };
127
- valueOf: () => number;
128
- getTime: () => number;
129
- getFullYear: () => number;
130
- getUTCFullYear: () => number;
131
- getMonth: () => number;
132
- getUTCMonth: () => number;
133
- getDate: () => number;
134
- getUTCDate: () => number;
135
- getDay: () => number;
136
- getUTCDay: () => number;
137
- getHours: () => number;
138
- getUTCHours: () => number;
139
- getMinutes: () => number;
140
- getUTCMinutes: () => number;
141
- getSeconds: () => number;
142
- getUTCSeconds: () => number;
143
- getMilliseconds: () => number;
144
- getUTCMilliseconds: () => number;
145
- getTimezoneOffset: () => number;
146
- setTime: (time: number) => number;
147
- setMilliseconds: (ms: number) => number;
148
- setUTCMilliseconds: (ms: number) => number;
149
- setSeconds: (sec: number, ms?: number | undefined) => number;
150
- setUTCSeconds: (sec: number, ms?: number | undefined) => number;
151
- setMinutes: (min: number, sec?: number | undefined, ms?: number | undefined) => number;
152
- setUTCMinutes: (min: number, sec?: number | undefined, ms?: number | undefined) => number;
153
- setHours: (hours: number, min?: number | undefined, sec?: number | undefined, ms?: number | undefined) => number;
154
- setUTCHours: (hours: number, min?: number | undefined, sec?: number | undefined, ms?: number | undefined) => number;
155
- setDate: (date: number) => number;
156
- setUTCDate: (date: number) => number;
157
- setMonth: (month: number, date?: number | undefined) => number;
158
- setUTCMonth: (month: number, date?: number | undefined) => number;
159
- setFullYear: (year: number, month?: number | undefined, date?: number | undefined) => number;
160
- setUTCFullYear: (year: number, month?: number | undefined, date?: number | undefined) => number;
161
- toUTCString: () => string;
162
- toISOString: () => string;
163
- toJSON: (key?: any) => string;
164
- [Symbol.toPrimitive]: {
165
- (hint: "default"): string;
166
- (hint: "string"): string;
167
- (hint: "number"): number;
168
- (hint: string): string | number;
169
- };
170
- };
171
- }[]>;
111
+ selectedDates: import("vue").ComputedRef<DateStatus[]>;
172
112
  handleDayClick: (date: Date) => void;
173
113
  toggleSelectBoxOpen: () => void;
174
114
  selectedOption: import("vue").ComputedRef<DateRangePickerSelectBoxOption | undefined>;
@@ -188,6 +128,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
188
128
  readonly DATE_PICKER_INPUT: "日付を選択";
189
129
  readonly RANGE_DATE_PICKER_INPUT: "日付の範囲を選択";
190
130
  readonly RANGE_DATE_PICKER_SELECT_BOX_INPUT: "日付の種類を選択";
131
+ readonly PAGINATION: "ページネーション";
132
+ readonly PAGINATION_PREV: "前のページへ";
133
+ readonly PAGINATION_NEXT: "次のページへ";
191
134
  };
192
135
  readonly styles: typeof styles;
193
136
  readonly inputBorderStyle: Record<"default" | "active" | "error", string>;
@@ -213,7 +156,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
213
156
  props: any;
214
157
  calendars: import("vue").ComputedRef<string[][]>;
215
158
  isCurrentMonth: (row: number, col: number) => boolean;
216
- getDateState: import("vue").ComputedRef<(row: number, col: number) => "outOfCurrentMonth" | import("../../calendar/types").DateState | "inCurrentMonth">;
159
+ getDateState: import("vue").ComputedRef<(row: number, col: number) => DateState | "outOfCurrentMonth" | "inCurrentMonth">;
217
160
  updateSelectedDate: (row: number, col: number, day: string) => void;
218
161
  readonly WEEK_LIST_JP: string[];
219
162
  readonly calendarStyle: string;
@@ -294,7 +237,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
294
237
  gap: {
295
238
  type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
296
239
  required: false;
297
- default: string;
240
+ default: string; /**
241
+ * カレンダー（Popup）の開閉状態を指定します。
242
+ */
298
243
  };
299
244
  }, {
300
245
  readonly cardStyle: string;
@@ -441,7 +386,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
441
386
  gy: {
442
387
  type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
443
388
  required: false;
444
- };
389
+ }; /**
390
+ * カレンダー（Popup）の開閉状態を指定します。
391
+ */
445
392
  p: {
446
393
  type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
447
394
  required: false;
@@ -579,7 +526,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
579
526
  gy: {
580
527
  type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
581
528
  required: false;
582
- };
529
+ }; /**
530
+ * カレンダー（Popup）の開閉状態を指定します。
531
+ */
583
532
  p: {
584
533
  type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
585
534
  required: false;
@@ -825,7 +774,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
825
774
  gap: {
826
775
  type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
827
776
  required: false;
828
- default: string;
777
+ default: string; /**
778
+ * カレンダー（Popup）の開閉状態を指定します。
779
+ */
829
780
  };
830
781
  }>>, {
831
782
  shadow: boolean;
@@ -965,6 +916,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
965
916
  updateBodyPxInfo: () => void;
966
917
  containerRef: import("vue").Ref<HTMLElement | undefined>;
967
918
  togglePopup: () => boolean | undefined;
919
+ existsFixedParent: (el: HTMLElement | null) => HTMLElement | null;
968
920
  removeScrollHandler: (() => void) | null;
969
921
  onChangeIsOpen: (newValue: boolean) => void;
970
922
  observer: ResizeObserver;
@@ -986,12 +938,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
986
938
  directionToTuple: (direction: "tl" | "tr" | "tc" | "bl" | "br" | "bc" | "rt" | "rb" | "rc" | "lt" | "lb" | "lc") => ["t" | "l" | "r" | "c" | "b", "t" | "l" | "r" | "c" | "b"];
987
939
  convertDirection: (char: "t" | "l" | "r" | "c" | "b") => "c" | "b" | "t" | "r" | "l";
988
940
  computedDirection: import("vue").ComputedRef<"tl" | "tr" | "tc" | "bl" | "br" | "bc" | "rt" | "rb" | "rc" | "lt" | "lb" | "lc">;
941
+ isFixed: import("vue").ComputedRef<boolean>;
989
942
  inset: import("vue").ComputedRef<string>;
990
943
  popupTranslate: import("vue").ComputedRef<string>;
991
944
  mouseLeave: (e: MouseEvent) => void;
992
945
  readonly popupStyle: string;
993
946
  readonly popupShadowStyle: string;
994
947
  readonly popupHiddenStyle: string;
948
+ readonly popupFixedStyle: string;
995
949
  readonly zIndexStyle: Record<"base" | "floating" | "dialog" | "popover", string>;
996
950
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onClose" | "onTurn" | "mouseLeave")[], "onClose" | "onTurn" | "mouseLeave", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
997
951
  isOpen: {
@@ -1082,7 +1036,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
1082
1036
  }>>, {
1083
1037
  expand: boolean;
1084
1038
  }>;
1085
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:selectBoxValue")[], "update:modelValue" | "update:selectBoxValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
1039
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:isOpen" | "update:selectBoxValue")[], "update:modelValue" | "update:isOpen" | "update:selectBoxValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
1086
1040
  modelValue: {
1087
1041
  type: PropType<DateRange>;
1088
1042
  required: true;
@@ -1105,8 +1059,16 @@ declare const _sfc_main: import("vue").DefineComponent<{
1105
1059
  type: StringConstructor;
1106
1060
  required: false;
1107
1061
  };
1062
+ /**
1063
+ * カレンダー（Popup）の開閉状態を指定します。
1064
+ */
1065
+ isOpen: {
1066
+ type: BooleanConstructor;
1067
+ required: true;
1068
+ };
1108
1069
  }>> & {
1109
1070
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
1071
+ "onUpdate:isOpen"?: ((...args: any[]) => any) | undefined;
1110
1072
  "onUpdate:selectBoxValue"?: ((...args: any[]) => any) | undefined;
1111
1073
  }, {
1112
1074
  disabled: boolean;
package/dist/components/base/inputs/date-range-picker/types.d.ts CHANGED
@@ -1,7 +1,13 @@
1
- export interface DateRange {
2
- start: Date | null;
3
- end: Date | null;
4
- }
1
+ export type DateRange = {
2
+ start: Date;
3
+ end: Date;
4
+ } | {
5
+ start: Date;
6
+ end: null;
7
+ } | {
8
+ start: null;
9
+ end: null;
10
+ };
5
11
  export interface DateRangePickerSelectBoxOption {
6
12
  label: string;
7
13
  value: string;
package/dist/components/base/inputs/password/password.vue.d.ts CHANGED
@@ -49,6 +49,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
49
49
  readonly DATE_PICKER_INPUT: "日付を選択";
50
50
  readonly RANGE_DATE_PICKER_INPUT: "日付の範囲を選択";
51
51
  readonly RANGE_DATE_PICKER_SELECT_BOX_INPUT: "日付の種類を選択";
52
+ readonly PAGINATION: "ページネーション";
53
+ readonly PAGINATION_PREV: "前のページへ";
54
+ readonly PAGINATION_NEXT: "次のページへ";
52
55
  };
53
56
  readonly passwordStyle: string;
54
57
  readonly passwordExpandStyle: Record<"default" | "expand", string>;
package/dist/components/base/inputs/search/search.vue.d.ts CHANGED
@@ -706,6 +706,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
706
706
  updateBodyPxInfo: () => void;
707
707
  containerRef: import("vue").Ref<HTMLElement | undefined>;
708
708
  togglePopup: () => boolean | undefined;
709
+ existsFixedParent: (el: HTMLElement | null) => HTMLElement | null;
709
710
  removeScrollHandler: (() => void) | null;
710
711
  onChangeIsOpen: (newValue: boolean) => void;
711
712
  observer: ResizeObserver;
@@ -727,12 +728,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
727
728
  directionToTuple: (direction: "tl" | "tr" | "tc" | "bl" | "br" | "bc" | "rt" | "rb" | "rc" | "lt" | "lb" | "lc") => ["t" | "l" | "r" | "c" | "b", "t" | "l" | "r" | "c" | "b"];
728
729
  convertDirection: (char: "t" | "l" | "r" | "c" | "b") => "c" | "b" | "t" | "r" | "l";
729
730
  computedDirection: import("vue").ComputedRef<"tl" | "tr" | "tc" | "bl" | "br" | "bc" | "rt" | "rb" | "rc" | "lt" | "lb" | "lc">;
731
+ isFixed: import("vue").ComputedRef<boolean>;
730
732
  inset: import("vue").ComputedRef<string>;
731
733
  popupTranslate: import("vue").ComputedRef<string>;
732
734
  mouseLeave: (e: MouseEvent) => void;
733
735
  readonly popupStyle: string;
734
736
  readonly popupShadowStyle: string;
735
737
  readonly popupHiddenStyle: string;
738
+ readonly popupFixedStyle: string;
736
739
  readonly zIndexStyle: Record<"base" | "floating" | "dialog" | "popover", string>;
737
740
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onClose" | "onTurn" | "mouseLeave")[], "onClose" | "onTurn" | "mouseLeave", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
738
741
  isOpen: {
package/dist/components/base/inputs/search-selector/search-selector.vue.d.ts CHANGED
@@ -228,6 +228,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
228
228
  updateBodyPxInfo: () => void;
229
229
  containerRef: import("vue").Ref<HTMLElement | undefined>;
230
230
  togglePopup: () => boolean | undefined;
231
+ existsFixedParent: (el: HTMLElement | null) => HTMLElement | null;
231
232
  removeScrollHandler: (() => void) | null;
232
233
  onChangeIsOpen: (newValue: boolean) => void;
233
234
  observer: ResizeObserver;
@@ -249,12 +250,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
249
250
  directionToTuple: (direction: "tl" | "tr" | "tc" | "bl" | "br" | "bc" | "rt" | "rb" | "rc" | "lt" | "lb" | "lc") => ["t" | "l" | "r" | "c" | "b", "t" | "l" | "r" | "c" | "b"];
250
251
  convertDirection: (char: "t" | "l" | "r" | "c" | "b") => "c" | "b" | "t" | "r" | "l";
251
252
  computedDirection: import("vue").ComputedRef<"tl" | "tr" | "tc" | "bl" | "br" | "bc" | "rt" | "rb" | "rc" | "lt" | "lb" | "lc">;
253
+ isFixed: import("vue").ComputedRef<boolean>;
252
254
  inset: import("vue").ComputedRef<string>;
253
255
  popupTranslate: import("vue").ComputedRef<string>;
254
256
  mouseLeave: (e: MouseEvent) => void;
255
257
  readonly popupStyle: string;
256
258
  readonly popupShadowStyle: string;
257
259
  readonly popupHiddenStyle: string;
260
+ readonly popupFixedStyle: string;
258
261
  readonly zIndexStyle: Record<"base" | "floating" | "dialog" | "popover", string>;
259
262
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onClose" | "onTurn" | "mouseLeave")[], "onClose" | "onTurn" | "mouseLeave", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
260
263
  isOpen: {
package/dist/components/base/inputs/selectbox/selectbox.vue.d.ts CHANGED
@@ -179,6 +179,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
179
179
  updateBodyPxInfo: () => void;
180
180
  containerRef: import("vue").Ref<HTMLElement | undefined>;
181
181
  togglePopup: () => boolean | undefined;
182
+ existsFixedParent: (el: HTMLElement | null) => HTMLElement | null;
182
183
  removeScrollHandler: (() => void) | null;
183
184
  onChangeIsOpen: (newValue: boolean) => void;
184
185
  observer: ResizeObserver;
@@ -200,12 +201,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
200
201
  directionToTuple: (direction: "tl" | "tr" | "tc" | "bl" | "br" | "bc" | "rt" | "rb" | "rc" | "lt" | "lb" | "lc") => ["t" | "l" | "r" | "c" | "b", "t" | "l" | "r" | "c" | "b"];
201
202
  convertDirection: (char: "t" | "l" | "r" | "c" | "b") => "c" | "b" | "t" | "r" | "l";
202
203
  computedDirection: import("vue").ComputedRef<"tl" | "tr" | "tc" | "bl" | "br" | "bc" | "rt" | "rb" | "rc" | "lt" | "lb" | "lc">;
204
+ isFixed: import("vue").ComputedRef<boolean>;
203
205
  inset: import("vue").ComputedRef<string>;
204
206
  popupTranslate: import("vue").ComputedRef<string>;
205
207
  mouseLeave: (e: MouseEvent) => void;
206
208
  readonly popupStyle: string;
207
209
  readonly popupShadowStyle: string;
208
210
  readonly popupHiddenStyle: string;
211
+ readonly popupFixedStyle: string;
209
212
  readonly zIndexStyle: Record<"base" | "floating" | "dialog" | "popover", string>;
210
213
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onClose" | "onTurn" | "mouseLeave")[], "onClose" | "onTurn" | "mouseLeave", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
211
214
  isOpen: {
package/dist/components/base/inputs/timepicker/time-picker.vue.d.ts CHANGED
@@ -1151,6 +1151,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
1151
1151
  updateBodyPxInfo: () => void;
1152
1152
  containerRef: import("vue").Ref<HTMLElement | undefined>;
1153
1153
  togglePopup: () => boolean | undefined;
1154
+ existsFixedParent: (el: HTMLElement | null) => HTMLElement | null;
1154
1155
  removeScrollHandler: (() => void) | null;
1155
1156
  onChangeIsOpen: (newValue: boolean) => void;
1156
1157
  observer: ResizeObserver;
@@ -1172,12 +1173,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
1172
1173
  directionToTuple: (direction: "tl" | "tr" | "tc" | "bl" | "br" | "bc" | "rt" | "rb" | "rc" | "lt" | "lb" | "lc") => ["t" | "l" | "r" | "c" | "b", "t" | "l" | "r" | "c" | "b"];
1173
1174
  convertDirection: (char: "t" | "l" | "r" | "c" | "b") => "c" | "b" | "t" | "r" | "l";
1174
1175
  computedDirection: import("vue").ComputedRef<"tl" | "tr" | "tc" | "bl" | "br" | "bc" | "rt" | "rb" | "rc" | "lt" | "lb" | "lc">;
1176
+ isFixed: import("vue").ComputedRef<boolean>;
1175
1177
  inset: import("vue").ComputedRef<string>;
1176
1178
  popupTranslate: import("vue").ComputedRef<string>;
1177
1179
  mouseLeave: (e: MouseEvent) => void;
1178
1180
  readonly popupStyle: string;
1179
1181
  readonly popupShadowStyle: string;
1180
1182
  readonly popupHiddenStyle: string;
1183
+ readonly popupFixedStyle: string;
1181
1184
  readonly zIndexStyle: Record<"base" | "floating" | "dialog" | "popover", string>;
1182
1185
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onClose" | "onTurn" | "mouseLeave")[], "onClose" | "onTurn" | "mouseLeave", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
1183
1186
  isOpen: {
package/dist/components/base/navigation/item.vue.d.ts CHANGED
@@ -186,6 +186,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
186
186
  updateBodyPxInfo: () => void;
187
187
  containerRef: import("vue").Ref<HTMLElement | undefined>;
188
188
  togglePopup: () => boolean | undefined;
189
+ existsFixedParent: (el: HTMLElement | null) => HTMLElement | null;
189
190
  removeScrollHandler: (() => void) | null;
190
191
  onChangeIsOpen: (newValue: boolean) => void;
191
192
  observer: ResizeObserver;
@@ -207,12 +208,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
207
208
  directionToTuple: (direction: "tl" | "tr" | "tc" | "bl" | "br" | "bc" | "rt" | "rb" | "rc" | "lt" | "lb" | "lc") => ["t" | "l" | "r" | "c" | "b", "t" | "l" | "r" | "c" | "b"];
208
209
  convertDirection: (char: "t" | "l" | "r" | "c" | "b") => "c" | "b" | "t" | "r" | "l";
209
210
  computedDirection: import("vue").ComputedRef<"tl" | "tr" | "tc" | "bl" | "br" | "bc" | "rt" | "rb" | "rc" | "lt" | "lb" | "lc">;
211
+ isFixed: import("vue").ComputedRef<boolean>;
210
212
  inset: import("vue").ComputedRef<string>;
211
213
  popupTranslate: import("vue").ComputedRef<string>;
212
214
  mouseLeave: (e: MouseEvent) => void;
213
215
  readonly popupStyle: string;
214
216
  readonly popupShadowStyle: string;
215
217
  readonly popupHiddenStyle: string;
218
+ readonly popupFixedStyle: string;
216
219
  readonly zIndexStyle: Record<"base" | "floating" | "dialog" | "popover", string>;
217
220
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onClose" | "onTurn" | "mouseLeave")[], "onClose" | "onTurn" | "mouseLeave", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
218
221
  isOpen: {
@@ -1226,6 +1229,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
1226
1229
  updateBodyPxInfo: () => void;
1227
1230
  containerRef: import("vue").Ref<HTMLElement | undefined>;
1228
1231
  togglePopup: () => boolean | undefined;
1232
+ existsFixedParent: (el: HTMLElement | null) => HTMLElement | null;
1229
1233
  removeScrollHandler: (() => void) | null;
1230
1234
  onChangeIsOpen: (newValue: boolean) => void;
1231
1235
  observer: ResizeObserver;
@@ -1247,12 +1251,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
1247
1251
  directionToTuple: (direction: "tl" | "tr" | "tc" | "bl" | "br" | "bc" | "rt" | "rb" | "rc" | "lt" | "lb" | "lc") => ["t" | "l" | "r" | "c" | "b", "t" | "l" | "r" | "c" | "b"];
1248
1252
  convertDirection: (char: "t" | "l" | "r" | "c" | "b") => "c" | "b" | "t" | "r" | "l";
1249
1253
  computedDirection: import("vue").ComputedRef<"tl" | "tr" | "tc" | "bl" | "br" | "bc" | "rt" | "rb" | "rc" | "lt" | "lb" | "lc">;
1254
+ isFixed: import("vue").ComputedRef<boolean>;
1250
1255
  inset: import("vue").ComputedRef<string>;
1251
1256
  popupTranslate: import("vue").ComputedRef<string>;
1252
1257
  mouseLeave: (e: MouseEvent) => void;
1253
1258
  readonly popupStyle: string;
1254
1259
  readonly popupShadowStyle: string;
1255
1260
  readonly popupHiddenStyle: string;
1261
+ readonly popupFixedStyle: string;
1256
1262
  readonly zIndexStyle: Record<"base" | "floating" | "dialog" | "popover", string>;
1257
1263
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onClose" | "onTurn" | "mouseLeave")[], "onClose" | "onTurn" | "mouseLeave", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
1258
1264
  isOpen: {
package/dist/components/base/popup/popup.vue.d.ts CHANGED
@@ -90,6 +90,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
90
90
  updateBodyPxInfo: () => void;
91
91
  containerRef: import("vue").Ref<HTMLElement | undefined>;
92
92
  togglePopup: () => boolean | undefined;
93
+ existsFixedParent: (el: HTMLElement | null) => HTMLElement | null;
93
94
  removeScrollHandler: (() => void) | null;
94
95
  onChangeIsOpen: (newValue: boolean) => void;
95
96
  observer: ResizeObserver;
@@ -111,12 +112,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
111
112
  directionToTuple: (direction: Direction) => [DirectionChar, DirectionChar];
112
113
  convertDirection: (char: DirectionChar) => "c" | "b" | "t" | "r" | "l";
113
114
  computedDirection: import("vue").ComputedRef<Direction>;
115
+ isFixed: import("vue").ComputedRef<boolean>;
114
116
  inset: import("vue").ComputedRef<string>;
115
117
  popupTranslate: import("vue").ComputedRef<string>;
116
118
  mouseLeave: (e: MouseEvent) => void;
117
119
  readonly popupStyle: string;
118
120
  readonly popupShadowStyle: string;
119
121
  readonly popupHiddenStyle: string;
122
+ readonly popupFixedStyle: string;
120
123
  readonly zIndexStyle: Record<"base" | "floating" | "dialog" | "popover", string>;
121
124
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onClose" | "onTurn" | "mouseLeave")[], "onClose" | "onTurn" | "mouseLeave", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
122
125
  isOpen: {