@wizleap-inc/wiz-ui-next 2.24.0 → 2.25.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.
@@ -1,9 +1,13 @@
1
1
  import { ColorKeys } from "@wizleap-inc/wiz-ui-constants";
2
2
  import { PropType } from "vue";
3
3
  declare const _sfc_main: import("vue").DefineComponent<{
4
+ name: {
5
+ type: StringConstructor;
6
+ required: false;
7
+ };
4
8
  src: {
5
9
  type: StringConstructor;
6
- required: true;
10
+ required: false;
7
11
  };
8
12
  ariaLabel: {
9
13
  type: StringConstructor;
@@ -17,17 +21,18 @@ declare const _sfc_main: import("vue").DefineComponent<{
17
21
  color: {
18
22
  type: PropType<ColorKeys>;
19
23
  required: false;
20
- default: string;
21
24
  };
22
25
  bgColor: {
23
26
  type: PropType<ColorKeys>;
24
27
  required: false;
25
- default: string;
26
28
  };
27
29
  alt: {
28
30
  type: StringConstructor;
29
31
  required: false;
30
32
  };
33
+ /**
34
+ * @deprecated この プロパティ は削除予定です。代わりに `name` プロパティを使ってください。
35
+ */
31
36
  fallback: {
32
37
  type: StringConstructor;
33
38
  required: false;
@@ -42,17 +47,23 @@ declare const _sfc_main: import("vue").DefineComponent<{
42
47
  onClick: () => false | void;
43
48
  isImgLoadSuccess: import("vue").Ref<boolean>;
44
49
  onError: () => void;
50
+ altHeader: import("vue").ComputedRef<string>;
51
+ avatarBgColor: import("vue").ComputedRef<string | undefined>;
52
+ fontColor: import("vue").ComputedRef<ColorKeys>;
45
53
  readonly avatarStyle: string;
46
54
  readonly avatarImageStyle: string;
47
55
  readonly avatarFallbackStyle: string;
48
56
  readonly avatarClickableStyle: string;
49
- readonly backgroundStyle: Record<ColorKeys, string>;
50
57
  readonly sizeStyle: Record<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max", string>;
51
58
  readonly colorStyle: Record<ColorKeys, string>;
52
59
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
60
+ name: {
61
+ type: StringConstructor;
62
+ required: false;
63
+ };
53
64
  src: {
54
65
  type: StringConstructor;
55
- required: true;
66
+ required: false;
56
67
  };
57
68
  ariaLabel: {
58
69
  type: StringConstructor;
@@ -66,17 +77,18 @@ declare const _sfc_main: import("vue").DefineComponent<{
66
77
  color: {
67
78
  type: PropType<ColorKeys>;
68
79
  required: false;
69
- default: string;
70
80
  };
71
81
  bgColor: {
72
82
  type: PropType<ColorKeys>;
73
83
  required: false;
74
- default: string;
75
84
  };
76
85
  alt: {
77
86
  type: StringConstructor;
78
87
  required: false;
79
88
  };
89
+ /**
90
+ * @deprecated この プロパティ は削除予定です。代わりに `name` プロパティを使ってください。
91
+ */
80
92
  fallback: {
81
93
  type: StringConstructor;
82
94
  required: false;
@@ -88,8 +100,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
88
100
  }>> & {
89
101
  onClick?: ((...args: any[]) => any) | undefined;
90
102
  }, {
91
- bgColor: ColorKeys;
92
- color: ColorKeys;
93
103
  size: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max";
94
104
  clickable: boolean;
95
105
  }>;
@@ -39,22 +39,28 @@ declare const _sfc_main: import("vue").DefineComponent<{
39
39
  default: string;
40
40
  };
41
41
  autocomplete: {
42
- type: PropType<"off" | "on" | "name" | "honorificPrefix" | "givenName" | "additionalName" | "familyName" | "honorificSuffix" | "nickname" | "email" | "username" | "newPassword" | "currentPassword" | "oneTimeCode" | "organizationTitle" | "organization" | "streetAddress" | "addressLine1" | "addressLine2" | "addressLine3" | "addressLevel4" | "addressLevel3" | "addressLevel2" | "addressLevel1" | "country" | "countryName" | "postalCode" | "ccName" | "ccGivenName" | "ccAdditionalName" | "ccFamilyName" | "ccNumber" | "ccExp" | "ccExpMonth" | "ccExpYear" | "ccCsc" | "ccType" | "transactionAmount" | "language" | "bday" | "bdayDay" | "bdayMonth" | "bdayYear" | "sex" | "tel" | "telCountryCode" | "telNational" | "telAreaCode" | "telLocal" | "telExtension" | "impp" | "url" | "photo">;
42
+ type: PropType<"name" | "off" | "on" | "honorificPrefix" | "givenName" | "additionalName" | "familyName" | "honorificSuffix" | "nickname" | "email" | "username" | "newPassword" | "currentPassword" | "oneTimeCode" | "organizationTitle" | "organization" | "streetAddress" | "addressLine1" | "addressLine2" | "addressLine3" | "addressLevel4" | "addressLevel3" | "addressLevel2" | "addressLevel1" | "country" | "countryName" | "postalCode" | "ccName" | "ccGivenName" | "ccAdditionalName" | "ccFamilyName" | "ccNumber" | "ccExp" | "ccExpMonth" | "ccExpYear" | "ccCsc" | "ccType" | "transactionAmount" | "language" | "bday" | "bdayDay" | "bdayMonth" | "bdayYear" | "sex" | "tel" | "telCountryCode" | "telNational" | "telAreaCode" | "telLocal" | "telExtension" | "impp" | "url" | "photo">;
43
43
  required: false;
44
44
  default: string;
45
45
  };
46
46
  }, {
47
47
  props: any;
48
- emit: (e: "update:modelValue", value: string) => void;
48
+ emit: {
49
+ (e: "update:modelValue", value: string): void;
50
+ (e: "focusin", value: FocusEvent): void;
51
+ (e: "focusout", value: FocusEvent): void;
52
+ };
49
53
  textValue: import("vue").WritableComputedRef<string>;
50
54
  hasFocus: import("vue").Ref<boolean>;
51
55
  computedWidth: import("vue").ComputedRef<string>;
52
56
  state: import("vue").ComputedRef<"default" | "active" | "error">;
57
+ onFocusIn: (e: FocusEvent) => void;
58
+ onFocusOut: (e: FocusEvent) => void;
53
59
  readonly baseInputStyle: string;
54
60
  readonly baseInputDisabledStyle: string;
55
61
  readonly baseInputPaddingStyle: Record<"left" | "right" | "none" | "both", string>;
56
62
  readonly inputBorderStyle: Record<"default" | "active" | "error", string>;
57
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
63
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focusin" | "focusout")[], "update:modelValue" | "focusin" | "focusout", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
58
64
  id: {
59
65
  type: StringConstructor;
60
66
  required: false;
@@ -94,17 +100,19 @@ declare const _sfc_main: import("vue").DefineComponent<{
94
100
  default: string;
95
101
  };
96
102
  autocomplete: {
97
- type: PropType<"off" | "on" | "name" | "honorificPrefix" | "givenName" | "additionalName" | "familyName" | "honorificSuffix" | "nickname" | "email" | "username" | "newPassword" | "currentPassword" | "oneTimeCode" | "organizationTitle" | "organization" | "streetAddress" | "addressLine1" | "addressLine2" | "addressLine3" | "addressLevel4" | "addressLevel3" | "addressLevel2" | "addressLevel1" | "country" | "countryName" | "postalCode" | "ccName" | "ccGivenName" | "ccAdditionalName" | "ccFamilyName" | "ccNumber" | "ccExp" | "ccExpMonth" | "ccExpYear" | "ccCsc" | "ccType" | "transactionAmount" | "language" | "bday" | "bdayDay" | "bdayMonth" | "bdayYear" | "sex" | "tel" | "telCountryCode" | "telNational" | "telAreaCode" | "telLocal" | "telExtension" | "impp" | "url" | "photo">;
103
+ type: PropType<"name" | "off" | "on" | "honorificPrefix" | "givenName" | "additionalName" | "familyName" | "honorificSuffix" | "nickname" | "email" | "username" | "newPassword" | "currentPassword" | "oneTimeCode" | "organizationTitle" | "organization" | "streetAddress" | "addressLine1" | "addressLine2" | "addressLine3" | "addressLevel4" | "addressLevel3" | "addressLevel2" | "addressLevel1" | "country" | "countryName" | "postalCode" | "ccName" | "ccGivenName" | "ccAdditionalName" | "ccFamilyName" | "ccNumber" | "ccExp" | "ccExpMonth" | "ccExpYear" | "ccCsc" | "ccType" | "transactionAmount" | "language" | "bday" | "bdayDay" | "bdayMonth" | "bdayYear" | "sex" | "tel" | "telCountryCode" | "telNational" | "telAreaCode" | "telLocal" | "telExtension" | "impp" | "url" | "photo">;
98
104
  required: false;
99
105
  default: string;
100
106
  };
101
107
  }>> & {
102
108
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
109
+ onFocusin?: ((...args: any[]) => any) | undefined;
110
+ onFocusout?: ((...args: any[]) => any) | undefined;
103
111
  }, {
104
112
  width: string;
105
113
  disabled: boolean;
106
114
  expand: boolean;
107
- autocomplete: "off" | "on" | "name" | "honorificPrefix" | "givenName" | "additionalName" | "familyName" | "honorificSuffix" | "nickname" | "email" | "username" | "newPassword" | "currentPassword" | "oneTimeCode" | "organizationTitle" | "organization" | "streetAddress" | "addressLine1" | "addressLine2" | "addressLine3" | "addressLevel4" | "addressLevel3" | "addressLevel2" | "addressLevel1" | "country" | "countryName" | "postalCode" | "ccName" | "ccGivenName" | "ccAdditionalName" | "ccFamilyName" | "ccNumber" | "ccExp" | "ccExpMonth" | "ccExpYear" | "ccCsc" | "ccType" | "transactionAmount" | "language" | "bday" | "bdayDay" | "bdayMonth" | "bdayYear" | "sex" | "tel" | "telCountryCode" | "telNational" | "telAreaCode" | "telLocal" | "telExtension" | "impp" | "url" | "photo";
115
+ autocomplete: "name" | "off" | "on" | "honorificPrefix" | "givenName" | "additionalName" | "familyName" | "honorificSuffix" | "nickname" | "email" | "username" | "newPassword" | "currentPassword" | "oneTimeCode" | "organizationTitle" | "organization" | "streetAddress" | "addressLine1" | "addressLine2" | "addressLine3" | "addressLevel4" | "addressLevel3" | "addressLevel2" | "addressLevel1" | "country" | "countryName" | "postalCode" | "ccName" | "ccGivenName" | "ccAdditionalName" | "ccFamilyName" | "ccNumber" | "ccExp" | "ccExpMonth" | "ccExpYear" | "ccCsc" | "ccType" | "transactionAmount" | "language" | "bday" | "bdayDay" | "bdayMonth" | "bdayYear" | "sex" | "tel" | "telCountryCode" | "telNational" | "telAreaCode" | "telLocal" | "telExtension" | "impp" | "url" | "photo";
108
116
  error: boolean;
109
117
  spaceType: "left" | "right" | "none" | "both";
110
118
  }>;
@@ -5,7 +5,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
5
5
  required: true;
6
6
  };
7
7
  value: {
8
- type: (StringConstructor | NumberConstructor | ArrayConstructor)[];
8
+ type: (StringConstructor | ArrayConstructor | NumberConstructor)[];
9
9
  required: false;
10
10
  };
11
11
  id: {
@@ -87,7 +87,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
87
87
  required: true;
88
88
  };
89
89
  value: {
90
- type: (StringConstructor | NumberConstructor | ArrayConstructor)[];
90
+ type: (StringConstructor | ArrayConstructor | NumberConstructor)[];
91
91
  required: false;
92
92
  };
93
93
  id: {
@@ -31,7 +31,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
31
31
  };
32
32
  }, {
33
33
  props: any;
34
- emit: (e: "update:modelValue", value: string) => void;
34
+ emit: {
35
+ (e: "update:modelValue", value: string): void;
36
+ (e: "focusin", value: FocusEvent): void;
37
+ (e: "focusout", value: FocusEvent): void;
38
+ };
35
39
  isPasswordVisible: import("vue").Ref<boolean>;
36
40
  passwordValue: import("vue").WritableComputedRef<string>;
37
41
  computedExpand: import("vue").ComputedRef<"default" | "expand">;
@@ -40,6 +44,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
40
44
  setIsError: (value: boolean) => void;
41
45
  } | undefined;
42
46
  isError: import("vue").ComputedRef<boolean>;
47
+ onFocusIn: (e: FocusEvent) => void;
48
+ onFocusOut: (e: FocusEvent) => void;
43
49
  readonly ARIA_LABELS: {
44
50
  readonly PASSWORD_VISIBLE_TOGGLE: "パスワードの表示切り替え";
45
51
  readonly YEAR_SELECTOR_PREV: "前の年へ";
@@ -124,22 +130,28 @@ declare const _sfc_main: import("vue").DefineComponent<{
124
130
  default: string;
125
131
  };
126
132
  autocomplete: {
127
- type: PropType<"off" | "on" | "name" | "honorificPrefix" | "givenName" | "additionalName" | "familyName" | "honorificSuffix" | "nickname" | "email" | "username" | "newPassword" | "currentPassword" | "oneTimeCode" | "organizationTitle" | "organization" | "streetAddress" | "addressLine1" | "addressLine2" | "addressLine3" | "addressLevel4" | "addressLevel3" | "addressLevel2" | "addressLevel1" | "country" | "countryName" | "postalCode" | "ccName" | "ccGivenName" | "ccAdditionalName" | "ccFamilyName" | "ccNumber" | "ccExp" | "ccExpMonth" | "ccExpYear" | "ccCsc" | "ccType" | "transactionAmount" | "language" | "bday" | "bdayDay" | "bdayMonth" | "bdayYear" | "sex" | "tel" | "telCountryCode" | "telNational" | "telAreaCode" | "telLocal" | "telExtension" | "impp" | "url" | "photo">;
133
+ type: PropType<"name" | "off" | "on" | "honorificPrefix" | "givenName" | "additionalName" | "familyName" | "honorificSuffix" | "nickname" | "email" | "username" | "newPassword" | "currentPassword" | "oneTimeCode" | "organizationTitle" | "organization" | "streetAddress" | "addressLine1" | "addressLine2" | "addressLine3" | "addressLevel4" | "addressLevel3" | "addressLevel2" | "addressLevel1" | "country" | "countryName" | "postalCode" | "ccName" | "ccGivenName" | "ccAdditionalName" | "ccFamilyName" | "ccNumber" | "ccExp" | "ccExpMonth" | "ccExpYear" | "ccCsc" | "ccType" | "transactionAmount" | "language" | "bday" | "bdayDay" | "bdayMonth" | "bdayYear" | "sex" | "tel" | "telCountryCode" | "telNational" | "telAreaCode" | "telLocal" | "telExtension" | "impp" | "url" | "photo">;
128
134
  required: false;
129
135
  default: string;
130
136
  };
131
137
  }, {
132
138
  props: any;
133
- emit: (e: "update:modelValue", value: string) => void;
139
+ emit: {
140
+ (e: "update:modelValue", value: string): void;
141
+ (e: "focusin", value: FocusEvent): void;
142
+ (e: "focusout", value: FocusEvent): void;
143
+ };
134
144
  textValue: import("vue").WritableComputedRef<string>;
135
145
  hasFocus: import("vue").Ref<boolean>;
136
146
  computedWidth: import("vue").ComputedRef<string>;
137
147
  state: import("vue").ComputedRef<"default" | "active" | "error">;
148
+ onFocusIn: (e: FocusEvent) => void;
149
+ onFocusOut: (e: FocusEvent) => void;
138
150
  readonly baseInputStyle: string;
139
151
  readonly baseInputDisabledStyle: string;
140
152
  readonly baseInputPaddingStyle: Record<"left" | "right" | "none" | "both", string>;
141
153
  readonly inputBorderStyle: Record<"default" | "active" | "error", string>;
142
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
154
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focusin" | "focusout")[], "update:modelValue" | "focusin" | "focusout", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
143
155
  id: {
144
156
  type: StringConstructor;
145
157
  required: false;
@@ -179,21 +191,23 @@ declare const _sfc_main: import("vue").DefineComponent<{
179
191
  default: string;
180
192
  };
181
193
  autocomplete: {
182
- type: PropType<"off" | "on" | "name" | "honorificPrefix" | "givenName" | "additionalName" | "familyName" | "honorificSuffix" | "nickname" | "email" | "username" | "newPassword" | "currentPassword" | "oneTimeCode" | "organizationTitle" | "organization" | "streetAddress" | "addressLine1" | "addressLine2" | "addressLine3" | "addressLevel4" | "addressLevel3" | "addressLevel2" | "addressLevel1" | "country" | "countryName" | "postalCode" | "ccName" | "ccGivenName" | "ccAdditionalName" | "ccFamilyName" | "ccNumber" | "ccExp" | "ccExpMonth" | "ccExpYear" | "ccCsc" | "ccType" | "transactionAmount" | "language" | "bday" | "bdayDay" | "bdayMonth" | "bdayYear" | "sex" | "tel" | "telCountryCode" | "telNational" | "telAreaCode" | "telLocal" | "telExtension" | "impp" | "url" | "photo">;
194
+ type: PropType<"name" | "off" | "on" | "honorificPrefix" | "givenName" | "additionalName" | "familyName" | "honorificSuffix" | "nickname" | "email" | "username" | "newPassword" | "currentPassword" | "oneTimeCode" | "organizationTitle" | "organization" | "streetAddress" | "addressLine1" | "addressLine2" | "addressLine3" | "addressLevel4" | "addressLevel3" | "addressLevel2" | "addressLevel1" | "country" | "countryName" | "postalCode" | "ccName" | "ccGivenName" | "ccAdditionalName" | "ccFamilyName" | "ccNumber" | "ccExp" | "ccExpMonth" | "ccExpYear" | "ccCsc" | "ccType" | "transactionAmount" | "language" | "bday" | "bdayDay" | "bdayMonth" | "bdayYear" | "sex" | "tel" | "telCountryCode" | "telNational" | "telAreaCode" | "telLocal" | "telExtension" | "impp" | "url" | "photo">;
183
195
  required: false;
184
196
  default: string;
185
197
  };
186
198
  }>> & {
187
199
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
200
+ onFocusin?: ((...args: any[]) => any) | undefined;
201
+ onFocusout?: ((...args: any[]) => any) | undefined;
188
202
  }, {
189
203
  width: string;
190
204
  disabled: boolean;
191
205
  expand: boolean;
192
- autocomplete: "off" | "on" | "name" | "honorificPrefix" | "givenName" | "additionalName" | "familyName" | "honorificSuffix" | "nickname" | "email" | "username" | "newPassword" | "currentPassword" | "oneTimeCode" | "organizationTitle" | "organization" | "streetAddress" | "addressLine1" | "addressLine2" | "addressLine3" | "addressLevel4" | "addressLevel3" | "addressLevel2" | "addressLevel1" | "country" | "countryName" | "postalCode" | "ccName" | "ccGivenName" | "ccAdditionalName" | "ccFamilyName" | "ccNumber" | "ccExp" | "ccExpMonth" | "ccExpYear" | "ccCsc" | "ccType" | "transactionAmount" | "language" | "bday" | "bdayDay" | "bdayMonth" | "bdayYear" | "sex" | "tel" | "telCountryCode" | "telNational" | "telAreaCode" | "telLocal" | "telExtension" | "impp" | "url" | "photo";
206
+ autocomplete: "name" | "off" | "on" | "honorificPrefix" | "givenName" | "additionalName" | "familyName" | "honorificSuffix" | "nickname" | "email" | "username" | "newPassword" | "currentPassword" | "oneTimeCode" | "organizationTitle" | "organization" | "streetAddress" | "addressLine1" | "addressLine2" | "addressLine3" | "addressLevel4" | "addressLevel3" | "addressLevel2" | "addressLevel1" | "country" | "countryName" | "postalCode" | "ccName" | "ccGivenName" | "ccAdditionalName" | "ccFamilyName" | "ccNumber" | "ccExp" | "ccExpMonth" | "ccExpYear" | "ccCsc" | "ccType" | "transactionAmount" | "language" | "bday" | "bdayDay" | "bdayMonth" | "bdayYear" | "sex" | "tel" | "telCountryCode" | "telNational" | "telAreaCode" | "telLocal" | "telExtension" | "impp" | "url" | "photo";
193
207
  error: boolean;
194
208
  spaceType: "left" | "right" | "none" | "both";
195
209
  }>;
196
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
210
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focusin" | "focusout")[], "update:modelValue" | "focusin" | "focusout", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
197
211
  id: {
198
212
  type: StringConstructor;
199
213
  required: false;
@@ -225,6 +239,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
225
239
  };
226
240
  }>> & {
227
241
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
242
+ onFocusin?: ((...args: any[]) => any) | undefined;
243
+ onFocusout?: ((...args: any[]) => any) | undefined;
228
244
  }, {
229
245
  disabled: boolean;
230
246
  expand: boolean;
@@ -5,7 +5,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
5
5
  required: true;
6
6
  };
7
7
  value: {
8
- type: (StringConstructor | NumberConstructor | ArrayConstructor)[];
8
+ type: (StringConstructor | ArrayConstructor | NumberConstructor)[];
9
9
  required: false;
10
10
  };
11
11
  id: {
@@ -46,7 +46,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
46
46
  required: true;
47
47
  };
48
48
  value: {
49
- type: (StringConstructor | NumberConstructor | ArrayConstructor)[];
49
+ type: (StringConstructor | ArrayConstructor | NumberConstructor)[];
50
50
  required: false;
51
51
  };
52
52
  id: {
@@ -93,7 +93,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
93
93
  required: true;
94
94
  };
95
95
  value: {
96
- type: (StringConstructor | NumberConstructor | ArrayConstructor)[];
96
+ type: (StringConstructor | ArrayConstructor | NumberConstructor)[];
97
97
  required: false;
98
98
  };
99
99
  id: {
@@ -175,7 +175,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
175
175
  required: true;
176
176
  };
177
177
  value: {
178
- type: (StringConstructor | NumberConstructor | ArrayConstructor)[];
178
+ type: (StringConstructor | ArrayConstructor | NumberConstructor)[];
179
179
  required: false;
180
180
  };
181
181
  id: {
@@ -1029,7 +1029,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
1029
1029
  required: true;
1030
1030
  };
1031
1031
  value: {
1032
- type: (StringConstructor | NumberConstructor | ArrayConstructor)[];
1032
+ type: (StringConstructor | ArrayConstructor | NumberConstructor)[];
1033
1033
  required: false;
1034
1034
  };
1035
1035
  id: {
@@ -1111,7 +1111,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
1111
1111
  required: true;
1112
1112
  };
1113
1113
  value: {
1114
- type: (StringConstructor | NumberConstructor | ArrayConstructor)[];
1114
+ type: (StringConstructor | ArrayConstructor | NumberConstructor)[];
1115
1115
  required: false;
1116
1116
  };
1117
1117
  id: {
@@ -57,7 +57,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
57
57
  required: true;
58
58
  };
59
59
  value: {
60
- type: (StringConstructor | NumberConstructor | ArrayConstructor)[];
60
+ type: (StringConstructor | ArrayConstructor | NumberConstructor)[];
61
61
  required: false;
62
62
  };
63
63
  id: {
@@ -139,7 +139,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
139
139
  required: true;
140
140
  };
141
141
  value: {
142
- type: (StringConstructor | NumberConstructor | ArrayConstructor)[];
142
+ type: (StringConstructor | ArrayConstructor | NumberConstructor)[];
143
143
  required: false;
144
144
  };
145
145
  id: {
@@ -31,13 +31,17 @@ declare const _sfc_main: import("vue").DefineComponent<{
31
31
  required: false;
32
32
  };
33
33
  autocomplete: {
34
- type: PropType<"off" | "on" | "name" | "honorificPrefix" | "givenName" | "additionalName" | "familyName" | "honorificSuffix" | "nickname" | "email" | "username" | "newPassword" | "currentPassword" | "oneTimeCode" | "organizationTitle" | "organization" | "streetAddress" | "addressLine1" | "addressLine2" | "addressLine3" | "addressLevel4" | "addressLevel3" | "addressLevel2" | "addressLevel1" | "country" | "countryName" | "postalCode" | "ccName" | "ccGivenName" | "ccAdditionalName" | "ccFamilyName" | "ccNumber" | "ccExp" | "ccExpMonth" | "ccExpYear" | "ccCsc" | "ccType" | "transactionAmount" | "language" | "bday" | "bdayDay" | "bdayMonth" | "bdayYear" | "sex" | "tel" | "telCountryCode" | "telNational" | "telAreaCode" | "telLocal" | "telExtension" | "impp" | "url" | "photo">;
34
+ type: PropType<"name" | "off" | "on" | "honorificPrefix" | "givenName" | "additionalName" | "familyName" | "honorificSuffix" | "nickname" | "email" | "username" | "newPassword" | "currentPassword" | "oneTimeCode" | "organizationTitle" | "organization" | "streetAddress" | "addressLine1" | "addressLine2" | "addressLine3" | "addressLevel4" | "addressLevel3" | "addressLevel2" | "addressLevel1" | "country" | "countryName" | "postalCode" | "ccName" | "ccGivenName" | "ccAdditionalName" | "ccFamilyName" | "ccNumber" | "ccExp" | "ccExpMonth" | "ccExpYear" | "ccCsc" | "ccType" | "transactionAmount" | "language" | "bday" | "bdayDay" | "bdayMonth" | "bdayYear" | "sex" | "tel" | "telCountryCode" | "telNational" | "telAreaCode" | "telLocal" | "telExtension" | "impp" | "url" | "photo">;
35
35
  required: false;
36
36
  default: string;
37
37
  };
38
38
  }, {
39
39
  props: any;
40
- emit: (e: "update:modelValue", value: string) => void;
40
+ emit: {
41
+ (e: "update:modelValue", value: string): void;
42
+ (e: "focusin", value: FocusEvent): void;
43
+ (e: "focusout", value: FocusEvent): void;
44
+ };
41
45
  textValue: import("vue").WritableComputedRef<string>;
42
46
  form: {
43
47
  isError: Readonly<import("vue").Ref<boolean>>;
@@ -45,6 +49,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
45
49
  } | undefined;
46
50
  isError: import("vue").ComputedRef<boolean>;
47
51
  computedExpand: import("vue").ComputedRef<"default" | "expand">;
52
+ onFocusIn: (e: FocusEvent) => void;
53
+ onFocusOut: (e: FocusEvent) => void;
48
54
  readonly textInputStyle: string;
49
55
  readonly textInputExpandStyle: Record<"default" | "expand", string>;
50
56
  readonly textInputIconStyle: string;
@@ -88,22 +94,28 @@ declare const _sfc_main: import("vue").DefineComponent<{
88
94
  default: string;
89
95
  };
90
96
  autocomplete: {
91
- type: PropType<"off" | "on" | "name" | "honorificPrefix" | "givenName" | "additionalName" | "familyName" | "honorificSuffix" | "nickname" | "email" | "username" | "newPassword" | "currentPassword" | "oneTimeCode" | "organizationTitle" | "organization" | "streetAddress" | "addressLine1" | "addressLine2" | "addressLine3" | "addressLevel4" | "addressLevel3" | "addressLevel2" | "addressLevel1" | "country" | "countryName" | "postalCode" | "ccName" | "ccGivenName" | "ccAdditionalName" | "ccFamilyName" | "ccNumber" | "ccExp" | "ccExpMonth" | "ccExpYear" | "ccCsc" | "ccType" | "transactionAmount" | "language" | "bday" | "bdayDay" | "bdayMonth" | "bdayYear" | "sex" | "tel" | "telCountryCode" | "telNational" | "telAreaCode" | "telLocal" | "telExtension" | "impp" | "url" | "photo">;
97
+ type: PropType<"name" | "off" | "on" | "honorificPrefix" | "givenName" | "additionalName" | "familyName" | "honorificSuffix" | "nickname" | "email" | "username" | "newPassword" | "currentPassword" | "oneTimeCode" | "organizationTitle" | "organization" | "streetAddress" | "addressLine1" | "addressLine2" | "addressLine3" | "addressLevel4" | "addressLevel3" | "addressLevel2" | "addressLevel1" | "country" | "countryName" | "postalCode" | "ccName" | "ccGivenName" | "ccAdditionalName" | "ccFamilyName" | "ccNumber" | "ccExp" | "ccExpMonth" | "ccExpYear" | "ccCsc" | "ccType" | "transactionAmount" | "language" | "bday" | "bdayDay" | "bdayMonth" | "bdayYear" | "sex" | "tel" | "telCountryCode" | "telNational" | "telAreaCode" | "telLocal" | "telExtension" | "impp" | "url" | "photo">;
92
98
  required: false;
93
99
  default: string;
94
100
  };
95
101
  }, {
96
102
  props: any;
97
- emit: (e: "update:modelValue", value: string) => void;
103
+ emit: {
104
+ (e: "update:modelValue", value: string): void;
105
+ (e: "focusin", value: FocusEvent): void;
106
+ (e: "focusout", value: FocusEvent): void;
107
+ };
98
108
  textValue: import("vue").WritableComputedRef<string>;
99
109
  hasFocus: import("vue").Ref<boolean>;
100
110
  computedWidth: import("vue").ComputedRef<string>;
101
111
  state: import("vue").ComputedRef<"default" | "active" | "error">;
112
+ onFocusIn: (e: FocusEvent) => void;
113
+ onFocusOut: (e: FocusEvent) => void;
102
114
  readonly baseInputStyle: string;
103
115
  readonly baseInputDisabledStyle: string;
104
116
  readonly baseInputPaddingStyle: Record<"left" | "right" | "none" | "both", string>;
105
117
  readonly inputBorderStyle: Record<"default" | "active" | "error", string>;
106
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
118
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focusin" | "focusout")[], "update:modelValue" | "focusin" | "focusout", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
107
119
  id: {
108
120
  type: StringConstructor;
109
121
  required: false;
@@ -143,21 +155,23 @@ declare const _sfc_main: import("vue").DefineComponent<{
143
155
  default: string;
144
156
  };
145
157
  autocomplete: {
146
- type: PropType<"off" | "on" | "name" | "honorificPrefix" | "givenName" | "additionalName" | "familyName" | "honorificSuffix" | "nickname" | "email" | "username" | "newPassword" | "currentPassword" | "oneTimeCode" | "organizationTitle" | "organization" | "streetAddress" | "addressLine1" | "addressLine2" | "addressLine3" | "addressLevel4" | "addressLevel3" | "addressLevel2" | "addressLevel1" | "country" | "countryName" | "postalCode" | "ccName" | "ccGivenName" | "ccAdditionalName" | "ccFamilyName" | "ccNumber" | "ccExp" | "ccExpMonth" | "ccExpYear" | "ccCsc" | "ccType" | "transactionAmount" | "language" | "bday" | "bdayDay" | "bdayMonth" | "bdayYear" | "sex" | "tel" | "telCountryCode" | "telNational" | "telAreaCode" | "telLocal" | "telExtension" | "impp" | "url" | "photo">;
158
+ type: PropType<"name" | "off" | "on" | "honorificPrefix" | "givenName" | "additionalName" | "familyName" | "honorificSuffix" | "nickname" | "email" | "username" | "newPassword" | "currentPassword" | "oneTimeCode" | "organizationTitle" | "organization" | "streetAddress" | "addressLine1" | "addressLine2" | "addressLine3" | "addressLevel4" | "addressLevel3" | "addressLevel2" | "addressLevel1" | "country" | "countryName" | "postalCode" | "ccName" | "ccGivenName" | "ccAdditionalName" | "ccFamilyName" | "ccNumber" | "ccExp" | "ccExpMonth" | "ccExpYear" | "ccCsc" | "ccType" | "transactionAmount" | "language" | "bday" | "bdayDay" | "bdayMonth" | "bdayYear" | "sex" | "tel" | "telCountryCode" | "telNational" | "telAreaCode" | "telLocal" | "telExtension" | "impp" | "url" | "photo">;
147
159
  required: false;
148
160
  default: string;
149
161
  };
150
162
  }>> & {
151
163
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
164
+ onFocusin?: ((...args: any[]) => any) | undefined;
165
+ onFocusout?: ((...args: any[]) => any) | undefined;
152
166
  }, {
153
167
  width: string;
154
168
  disabled: boolean;
155
169
  expand: boolean;
156
- autocomplete: "off" | "on" | "name" | "honorificPrefix" | "givenName" | "additionalName" | "familyName" | "honorificSuffix" | "nickname" | "email" | "username" | "newPassword" | "currentPassword" | "oneTimeCode" | "organizationTitle" | "organization" | "streetAddress" | "addressLine1" | "addressLine2" | "addressLine3" | "addressLevel4" | "addressLevel3" | "addressLevel2" | "addressLevel1" | "country" | "countryName" | "postalCode" | "ccName" | "ccGivenName" | "ccAdditionalName" | "ccFamilyName" | "ccNumber" | "ccExp" | "ccExpMonth" | "ccExpYear" | "ccCsc" | "ccType" | "transactionAmount" | "language" | "bday" | "bdayDay" | "bdayMonth" | "bdayYear" | "sex" | "tel" | "telCountryCode" | "telNational" | "telAreaCode" | "telLocal" | "telExtension" | "impp" | "url" | "photo";
170
+ autocomplete: "name" | "off" | "on" | "honorificPrefix" | "givenName" | "additionalName" | "familyName" | "honorificSuffix" | "nickname" | "email" | "username" | "newPassword" | "currentPassword" | "oneTimeCode" | "organizationTitle" | "organization" | "streetAddress" | "addressLine1" | "addressLine2" | "addressLine3" | "addressLevel4" | "addressLevel3" | "addressLevel2" | "addressLevel1" | "country" | "countryName" | "postalCode" | "ccName" | "ccGivenName" | "ccAdditionalName" | "ccFamilyName" | "ccNumber" | "ccExp" | "ccExpMonth" | "ccExpYear" | "ccCsc" | "ccType" | "transactionAmount" | "language" | "bday" | "bdayDay" | "bdayMonth" | "bdayYear" | "sex" | "tel" | "telCountryCode" | "telNational" | "telAreaCode" | "telLocal" | "telExtension" | "impp" | "url" | "photo";
157
171
  error: boolean;
158
172
  spaceType: "left" | "right" | "none" | "both";
159
173
  }>;
160
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
174
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focusin" | "focusout")[], "update:modelValue" | "focusin" | "focusout", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
161
175
  id: {
162
176
  type: StringConstructor;
163
177
  required: false;
@@ -188,15 +202,17 @@ declare const _sfc_main: import("vue").DefineComponent<{
188
202
  required: false;
189
203
  };
190
204
  autocomplete: {
191
- type: PropType<"off" | "on" | "name" | "honorificPrefix" | "givenName" | "additionalName" | "familyName" | "honorificSuffix" | "nickname" | "email" | "username" | "newPassword" | "currentPassword" | "oneTimeCode" | "organizationTitle" | "organization" | "streetAddress" | "addressLine1" | "addressLine2" | "addressLine3" | "addressLevel4" | "addressLevel3" | "addressLevel2" | "addressLevel1" | "country" | "countryName" | "postalCode" | "ccName" | "ccGivenName" | "ccAdditionalName" | "ccFamilyName" | "ccNumber" | "ccExp" | "ccExpMonth" | "ccExpYear" | "ccCsc" | "ccType" | "transactionAmount" | "language" | "bday" | "bdayDay" | "bdayMonth" | "bdayYear" | "sex" | "tel" | "telCountryCode" | "telNational" | "telAreaCode" | "telLocal" | "telExtension" | "impp" | "url" | "photo">;
205
+ type: PropType<"name" | "off" | "on" | "honorificPrefix" | "givenName" | "additionalName" | "familyName" | "honorificSuffix" | "nickname" | "email" | "username" | "newPassword" | "currentPassword" | "oneTimeCode" | "organizationTitle" | "organization" | "streetAddress" | "addressLine1" | "addressLine2" | "addressLine3" | "addressLevel4" | "addressLevel3" | "addressLevel2" | "addressLevel1" | "country" | "countryName" | "postalCode" | "ccName" | "ccGivenName" | "ccAdditionalName" | "ccFamilyName" | "ccNumber" | "ccExp" | "ccExpMonth" | "ccExpYear" | "ccCsc" | "ccType" | "transactionAmount" | "language" | "bday" | "bdayDay" | "bdayMonth" | "bdayYear" | "sex" | "tel" | "telCountryCode" | "telNational" | "telAreaCode" | "telLocal" | "telExtension" | "impp" | "url" | "photo">;
192
206
  required: false;
193
207
  default: string;
194
208
  };
195
209
  }>> & {
196
210
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
211
+ onFocusin?: ((...args: any[]) => any) | undefined;
212
+ onFocusout?: ((...args: any[]) => any) | undefined;
197
213
  }, {
198
214
  disabled: boolean;
199
215
  expand: boolean;
200
- autocomplete: "off" | "on" | "name" | "honorificPrefix" | "givenName" | "additionalName" | "familyName" | "honorificSuffix" | "nickname" | "email" | "username" | "newPassword" | "currentPassword" | "oneTimeCode" | "organizationTitle" | "organization" | "streetAddress" | "addressLine1" | "addressLine2" | "addressLine3" | "addressLevel4" | "addressLevel3" | "addressLevel2" | "addressLevel1" | "country" | "countryName" | "postalCode" | "ccName" | "ccGivenName" | "ccAdditionalName" | "ccFamilyName" | "ccNumber" | "ccExp" | "ccExpMonth" | "ccExpYear" | "ccCsc" | "ccType" | "transactionAmount" | "language" | "bday" | "bdayDay" | "bdayMonth" | "bdayYear" | "sex" | "tel" | "telCountryCode" | "telNational" | "telAreaCode" | "telLocal" | "telExtension" | "impp" | "url" | "photo";
216
+ autocomplete: "name" | "off" | "on" | "honorificPrefix" | "givenName" | "additionalName" | "familyName" | "honorificSuffix" | "nickname" | "email" | "username" | "newPassword" | "currentPassword" | "oneTimeCode" | "organizationTitle" | "organization" | "streetAddress" | "addressLine1" | "addressLine2" | "addressLine3" | "addressLevel4" | "addressLevel3" | "addressLevel2" | "addressLevel1" | "country" | "countryName" | "postalCode" | "ccName" | "ccGivenName" | "ccAdditionalName" | "ccFamilyName" | "ccNumber" | "ccExp" | "ccExpMonth" | "ccExpYear" | "ccCsc" | "ccType" | "transactionAmount" | "language" | "bday" | "bdayDay" | "bdayMonth" | "bdayYear" | "sex" | "tel" | "telCountryCode" | "telNational" | "telAreaCode" | "telLocal" | "telExtension" | "impp" | "url" | "photo";
201
217
  }>;
202
218
  export default _sfc_main;