@reco-inc/upbox-ui 1.1.0 → 1.1.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.
@@ -8,6 +8,8 @@ export interface TextFieldProps {
8
8
  class?: HTMLAttributes["class"];
9
9
  clearable?: boolean;
10
10
  password?: boolean;
11
+ /** 카운터(우측 `현재/최대`) 표시. 직접 `<TextFieldCount>` 를 넣는 것과 같고, 그 경우 이 prop 은 필요 없다 */
12
+ counter?: boolean;
11
13
  maxLength?: number;
12
14
  byteMode?: boolean;
13
15
  disabled?: boolean;
@@ -34,9 +36,10 @@ declare const __VLS_component: import('vue').DefineComponent<TextFieldProps, {},
34
36
  size: "small" | "regular" | "large";
35
37
  variant: "default" | "filled" | "bottomline";
36
38
  readonly: boolean;
39
+ byteMode: boolean;
37
40
  clearable: boolean;
38
41
  password: boolean;
39
- byteMode: boolean;
42
+ counter: boolean;
40
43
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
41
44
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
42
45
  export default _default;
@@ -12,9 +12,10 @@ declare const meta: {
12
12
  size: "small" | "regular" | "large";
13
13
  variant: "default" | "filled" | "bottomline";
14
14
  readonly: boolean;
15
+ byteMode: boolean;
15
16
  clearable: boolean;
16
17
  password: boolean;
17
- byteMode: boolean;
18
+ counter: boolean;
18
19
  }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
19
20
  P: {};
20
21
  B: {};
@@ -30,9 +31,10 @@ declare const meta: {
30
31
  size: "small" | "regular" | "large";
31
32
  variant: "default" | "filled" | "bottomline";
32
33
  readonly: boolean;
34
+ byteMode: boolean;
33
35
  clearable: boolean;
34
36
  password: boolean;
35
- byteMode: boolean;
37
+ counter: boolean;
36
38
  }>;
37
39
  __isFragment?: never;
38
40
  __isTeleport?: never;
@@ -47,9 +49,10 @@ declare const meta: {
47
49
  size: "small" | "regular" | "large";
48
50
  variant: "default" | "filled" | "bottomline";
49
51
  readonly: boolean;
52
+ byteMode: boolean;
50
53
  clearable: boolean;
51
54
  password: boolean;
52
- byteMode: boolean;
55
+ counter: boolean;
53
56
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
54
57
  $slots: {
55
58
  default?(_: {}): any;
@@ -114,8 +117,14 @@ export declare const WithSuffixIcon: Story;
114
117
  /**
115
118
  * - `<TextFieldCount>` 를 활용
116
119
  * - count 는 `<TextField>` 에서 관리함 (maxLength, byteMode 등을 provide 함~)
120
+ * - 카운터만 붙이면 되는 경우엔 `counter` prop 으로 끝낼 수 있음 (아래 `WithCounterProp`)
117
121
  */
118
122
  export declare const WithCount: Story;
123
+ /**
124
+ * - `counter` prop 만 켜면 `<TextFieldCount>` 를 직접 넣지 않아도 카운터가 붙음
125
+ * - 카운터 옆에 다른 것을 더 붙여야 하면 `WithCount` 처럼 슬롯으로 직접 넣음
126
+ */
127
+ export declare const WithCounterProp: Story;
119
128
  /**
120
129
  * - `<TextFieldUnit>` 를 활용
121
130
  * - Unit 은 아무거나 넣어주면 됨~
@@ -43,8 +43,8 @@ declare const __VLS_component: import('vue').DefineComponent<TextareaProps, {},
43
43
  variant: "default" | "filled" | "bottomline" | null;
44
44
  readonly: boolean;
45
45
  byteMode: boolean;
46
- rows: number;
47
46
  counter: boolean;
47
+ rows: number;
48
48
  autoResize: boolean;
49
49
  maxHeight: number;
50
50
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
@@ -13,8 +13,8 @@ declare const meta: {
13
13
  variant: "default" | "filled" | "bottomline" | null;
14
14
  readonly: boolean;
15
15
  byteMode: boolean;
16
- rows: number;
17
16
  counter: boolean;
17
+ rows: number;
18
18
  autoResize: boolean;
19
19
  maxHeight: number;
20
20
  }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
@@ -35,8 +35,8 @@ declare const meta: {
35
35
  variant: "default" | "filled" | "bottomline" | null;
36
36
  readonly: boolean;
37
37
  byteMode: boolean;
38
- rows: number;
39
38
  counter: boolean;
39
+ rows: number;
40
40
  autoResize: boolean;
41
41
  maxHeight: number;
42
42
  }>;
@@ -54,8 +54,8 @@ declare const meta: {
54
54
  variant: "default" | "filled" | "bottomline" | null;
55
55
  readonly: boolean;
56
56
  byteMode: boolean;
57
- rows: number;
58
57
  counter: boolean;
58
+ rows: number;
59
59
  autoResize: boolean;
60
60
  maxHeight: number;
61
61
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {