@reco-inc/upbox-ui 0.1.2 → 1.1.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.
- package/README.md +3 -0
- package/dist/components/number-field/NumberField.d.ts +1 -0
- package/dist/components/number-field/NumberField.stories.d.ts +6 -0
- package/dist/components/number-field/NumberFieldRoot.d.ts +3 -1
- package/dist/components/number-field/index.d.ts +6 -1
- package/dist/index.mjs +874 -869
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -138,6 +138,9 @@ Add `class="dark"` to the root element. All color tokens automatically invert.
|
|
|
138
138
|
|
|
139
139
|
## 업데이트
|
|
140
140
|
|
|
141
|
+
`pnpm install` 은 lockfile 에 고정된 버전을 그대로 설치한다. 새 버전이 나와도
|
|
142
|
+
자동으로 올라가지 않으므로, 갱신하려면 update 를 실행하고 **바뀐 lockfile 을 커밋한다.**
|
|
143
|
+
|
|
141
144
|
```bash
|
|
142
145
|
pnpm update @reco-inc/upbox-ui
|
|
143
146
|
```
|
|
@@ -8,5 +8,6 @@ declare const _default: import('vue').DefineComponent<NumberFieldProps, {}, {},
|
|
|
8
8
|
size: "small" | "regular" | "large";
|
|
9
9
|
variant: "center" | "side";
|
|
10
10
|
readonly: boolean;
|
|
11
|
+
formatOptions: Intl.NumberFormatOptions;
|
|
11
12
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
12
13
|
export default _default;
|
|
@@ -10,6 +10,7 @@ declare const meta: {
|
|
|
10
10
|
size: "small" | "regular" | "large";
|
|
11
11
|
variant: "center" | "side";
|
|
12
12
|
readonly: boolean;
|
|
13
|
+
formatOptions: Intl.NumberFormatOptions;
|
|
13
14
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
14
15
|
tags: string[];
|
|
15
16
|
argTypes: {
|
|
@@ -39,5 +40,10 @@ export declare const Variants: Story;
|
|
|
39
40
|
export declare const Sizes: Story;
|
|
40
41
|
export declare const States: Story;
|
|
41
42
|
export declare const WithMinMaxStep: Story;
|
|
43
|
+
/**
|
|
44
|
+
* 기본은 정수 전용이다. 소수점은 타이핑도 붙여넣기도 들어가지 않는다.
|
|
45
|
+
* 소수를 받아야 하면 `formatOptions` 로 자릿수를 연다.
|
|
46
|
+
*/
|
|
47
|
+
export declare const IntegerByDefault: Story;
|
|
42
48
|
export declare const FormatOptions: Story;
|
|
43
49
|
export declare const Matrix: Story;
|
|
@@ -27,7 +27,9 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
|
|
|
27
27
|
"update:modelValue": (value: number) => any;
|
|
28
28
|
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
29
29
|
"onUpdate:modelValue"?: ((value: number) => any) | undefined;
|
|
30
|
-
}>, {
|
|
30
|
+
}>, {
|
|
31
|
+
formatOptions: Intl.NumberFormatOptions;
|
|
32
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
31
33
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
32
34
|
export default _default;
|
|
33
35
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
@@ -15,7 +15,12 @@ export interface NumberFieldProps {
|
|
|
15
15
|
min?: number;
|
|
16
16
|
max?: number;
|
|
17
17
|
step?: number;
|
|
18
|
-
/**
|
|
18
|
+
/**
|
|
19
|
+
* Intl.NumberFormat 옵션 (소수 자릿수, 천단위 구분, 단위, 통화 등).
|
|
20
|
+
*
|
|
21
|
+
* 기본값은 `{ maximumFractionDigits: 0 }` — 정수만 받고 소수점은 타이핑·붙여넣기 모두 막는다.
|
|
22
|
+
* 소수가 필요하면 자릿수를 직접 넘긴다 (예: `{ maximumFractionDigits: 2 }`).
|
|
23
|
+
*/
|
|
19
24
|
formatOptions?: Intl.NumberFormatOptions;
|
|
20
25
|
placeholder?: string;
|
|
21
26
|
name?: string;
|