@reco-inc/upbox-ui 1.0.0 → 1.1.1

package/dist/components/number-field/NumberField.d.ts

@@ -8,5 +8,6 @@ declare const _default: import('vue').DefineComponent<NumberFieldProps, {}, {},
     size: "small" | "regular" | "large";
     variant: "center" | "side";
     readonly: boolean;
+    formatOptions: Intl.NumberFormatOptions;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/number-field/NumberField.stories.d.ts

@@ -10,6 +10,7 @@ declare const meta: {
         size: "small" | "regular" | "large";
         variant: "center" | "side";
         readonly: boolean;
+        formatOptions: Intl.NumberFormatOptions;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
     tags: string[];
     argTypes: {
@@ -39,5 +40,10 @@ export declare const Variants: Story;
 export declare const Sizes: Story;
 export declare const States: Story;
 export declare const WithMinMaxStep: Story;
+/**
+ * 기본은 정수 전용이다. 소수점은 타이핑도 붙여넣기도 들어가지 않는다.
+ * 소수를 받아야 하면 `formatOptions` 로 자릿수를 연다.
+ */
+export declare const IntegerByDefault: Story;
 export declare const FormatOptions: Story;
 export declare const Matrix: Story;

package/dist/components/number-field/NumberFieldRoot.d.ts

@@ -27,7 +27,9 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     "update:modelValue": (value: number) => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
     "onUpdate:modelValue"?: ((value: number) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {
+    formatOptions: Intl.NumberFormatOptions;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/number-field/index.d.ts

@@ -15,7 +15,12 @@ export interface NumberFieldProps {
     min?: number;
     max?: number;
     step?: number;
-    /** Intl.NumberFormat 옵션 (소수 자릿수, 천단위 구분, 단위, 통화 등) */
+    /**
+     * Intl.NumberFormat 옵션 (소수 자릿수, 천단위 구분, 단위, 통화 등).
+     *
+     * 기본값은 `{ maximumFractionDigits: 0 }` — 정수만 받고 소수점은 타이핑·붙여넣기 모두 막는다.
+     * 소수가 필요하면 자릿수를 직접 넘긴다 (예: `{ maximumFractionDigits: 2 }`).
+     */
     formatOptions?: Intl.NumberFormatOptions;
     placeholder?: string;
     name?: string;

package/dist/components/text-field/TextField.d.ts

@@ -8,6 +8,8 @@ export interface TextFieldProps {
     class?: HTMLAttributes["class"];
     clearable?: boolean;
     password?: boolean;
+    /** 카운터(우측 `현재/최대`) 표시. 직접 `<TextFieldCount>` 를 넣는 것과 같고, 그 경우 이 prop 은 필요 없다 */
+    counter?: boolean;
     maxLength?: number;
     byteMode?: boolean;
     disabled?: boolean;
@@ -34,9 +36,10 @@ declare const __VLS_component: import('vue').DefineComponent<TextFieldProps, {},
     size: "small" | "regular" | "large";
     variant: "default" | "filled" | "bottomline";
     readonly: boolean;
+    byteMode: boolean;
     clearable: boolean;
     password: boolean;
-    byteMode: boolean;
+    counter: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/text-field/TextField.stories.d.ts

@@ -12,9 +12,10 @@ declare const meta: {
             size: "small" | "regular" | "large";
             variant: "default" | "filled" | "bottomline";
             readonly: boolean;
+            byteMode: boolean;
             clearable: boolean;
             password: boolean;
-            byteMode: boolean;
+            counter: boolean;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -30,9 +31,10 @@ declare const meta: {
             size: "small" | "regular" | "large";
             variant: "default" | "filled" | "bottomline";
             readonly: boolean;
+            byteMode: boolean;
             clearable: boolean;
             password: boolean;
-            byteMode: boolean;
+            counter: boolean;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -47,9 +49,10 @@ declare const meta: {
         size: "small" | "regular" | "large";
         variant: "default" | "filled" | "bottomline";
         readonly: boolean;
+        byteMode: boolean;
         clearable: boolean;
         password: boolean;
-        byteMode: boolean;
+        counter: boolean;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: {
             default?(_: {}): any;
@@ -114,8 +117,14 @@ export declare const WithSuffixIcon: Story;
 /**
  * - `<TextFieldCount>` 를 활용
  * - count 는 `<TextField>` 에서 관리함 (maxLength, byteMode 등을 provide 함~)
+ * - 카운터만 붙이면 되는 경우엔 `counter` prop 으로 끝낼 수 있음 (아래 `WithCounterProp`)
  */
 export declare const WithCount: Story;
+/**
+ * - `counter` prop 만 켜면 `<TextFieldCount>` 를 직접 넣지 않아도 카운터가 붙음
+ * - 카운터 옆에 다른 것을 더 붙여야 하면 `WithCount` 처럼 슬롯으로 직접 넣음
+ */
+export declare const WithCounterProp: Story;
 /**
  * - `<TextFieldUnit>` 를 활용
  * - Unit 은 아무거나 넣어주면 됨~

package/dist/components/textarea/Textarea.d.ts

@@ -43,8 +43,8 @@ declare const __VLS_component: import('vue').DefineComponent<TextareaProps, {},
     variant: "default" | "filled" | "bottomline" | null;
     readonly: boolean;
     byteMode: boolean;
-    rows: number;
     counter: boolean;
+    rows: number;
     autoResize: boolean;
     maxHeight: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {

package/dist/components/textarea/Textarea.stories.d.ts

@@ -13,8 +13,8 @@ declare const meta: {
             variant: "default" | "filled" | "bottomline" | null;
             readonly: boolean;
             byteMode: boolean;
-            rows: number;
             counter: boolean;
+            rows: number;
             autoResize: boolean;
             maxHeight: number;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
@@ -35,8 +35,8 @@ declare const meta: {
             variant: "default" | "filled" | "bottomline" | null;
             readonly: boolean;
             byteMode: boolean;
-            rows: number;
             counter: boolean;
+            rows: number;
             autoResize: boolean;
             maxHeight: number;
         }>;
@@ -54,8 +54,8 @@ declare const meta: {
         variant: "default" | "filled" | "bottomline" | null;
         readonly: boolean;
         byteMode: boolean;
-        rows: number;
         counter: boolean;
+        rows: number;
         autoResize: boolean;
         maxHeight: number;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {