@krds.ui/vue 0.0.4 → 0.0.6
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/dist/krds-vue.es.js +789 -605
- package/dist/krds-vue.es.js.map +1 -1
- package/dist/krds-vue.umd.js +1 -1
- package/dist/krds-vue.umd.js.map +1 -1
- package/dist/types/index.d.ts +79 -1
- package/package.json +16 -46
package/dist/types/index.d.ts
CHANGED
|
@@ -127,6 +127,14 @@ export declare interface FileInfo {
|
|
|
127
127
|
*/
|
|
128
128
|
export declare function generateId(prefix?: string): string;
|
|
129
129
|
|
|
130
|
+
/**
|
|
131
|
+
* 간단한 고유 ID를 생성합니다.
|
|
132
|
+
* 브라우저와 Node.js 환경에서 모두 작동합니다.
|
|
133
|
+
*
|
|
134
|
+
* @returns 7자리 랜덤 문자열
|
|
135
|
+
*/
|
|
136
|
+
export declare function generateUid(): string;
|
|
137
|
+
|
|
130
138
|
/**
|
|
131
139
|
* 아이콘 속성
|
|
132
140
|
*/
|
|
@@ -244,6 +252,7 @@ export declare const KrdsCheckArea: DefineComponent<KrdsCheckAreaProps, {}, {},
|
|
|
244
252
|
export declare interface KrdsCheckAreaProps extends BaseComponentProps {
|
|
245
253
|
/** 추가 클래스 */
|
|
246
254
|
class?: string;
|
|
255
|
+
column?: boolean;
|
|
247
256
|
}
|
|
248
257
|
|
|
249
258
|
export declare const KrdsCheckbox: DefineComponent<KrdsCheckboxProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsCheckboxProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
@@ -253,7 +262,6 @@ export declare const KrdsCheckbox: DefineComponent<KrdsCheckboxProps, {}, {}, {}
|
|
|
253
262
|
*/
|
|
254
263
|
export declare interface KrdsCheckboxEmits {
|
|
255
264
|
(e: 'update:modelValue', value: boolean): void;
|
|
256
|
-
(e: 'change', value: boolean): void;
|
|
257
265
|
}
|
|
258
266
|
|
|
259
267
|
/**
|
|
@@ -816,6 +824,64 @@ export declare interface KrdsPaginationProps {
|
|
|
816
824
|
pageRange?: number;
|
|
817
825
|
}
|
|
818
826
|
|
|
827
|
+
export declare const KrdsRadio: DefineComponent<KrdsRadioProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsRadioProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
828
|
+
|
|
829
|
+
/**
|
|
830
|
+
* KRDS Radio 컴포넌트 이벤트
|
|
831
|
+
*/
|
|
832
|
+
export declare interface KrdsRadioEmits {
|
|
833
|
+
(e: 'update:modelValue', value: string | number | boolean): void;
|
|
834
|
+
}
|
|
835
|
+
|
|
836
|
+
/**
|
|
837
|
+
* KRDS Radio 컴포넌트 속성
|
|
838
|
+
*/
|
|
839
|
+
export declare interface KrdsRadioProps extends BaseFormProps {
|
|
840
|
+
/** 모델 값 */
|
|
841
|
+
modelValue?: string | number | boolean;
|
|
842
|
+
/** 라디오 값 */
|
|
843
|
+
value: string | number | boolean;
|
|
844
|
+
/** 비활성화 여부 */
|
|
845
|
+
disabled?: boolean;
|
|
846
|
+
/** 크기 */
|
|
847
|
+
size?: 'medium' | 'large';
|
|
848
|
+
/** Chip 스타일 여부 */
|
|
849
|
+
chip?: boolean;
|
|
850
|
+
}
|
|
851
|
+
|
|
852
|
+
export declare const KrdsSelect: DefineComponent<KrdsSelectProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsSelectProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
853
|
+
|
|
854
|
+
/**
|
|
855
|
+
* KRDS Select 컴포넌트 이벤트
|
|
856
|
+
*/
|
|
857
|
+
export declare interface KrdsSelectEmits {
|
|
858
|
+
(e: 'update:modelValue', value: string | number | null): void;
|
|
859
|
+
(e: 'focus', event: FocusEvent): void;
|
|
860
|
+
(e: 'blur', event: FocusEvent): void;
|
|
861
|
+
}
|
|
862
|
+
|
|
863
|
+
/**
|
|
864
|
+
* KRDS Select 컴포넌트 속성
|
|
865
|
+
*/
|
|
866
|
+
export declare interface KrdsSelectProps extends BaseFormProps {
|
|
867
|
+
/** 선택된 값 */
|
|
868
|
+
modelValue?: string | number | null;
|
|
869
|
+
/** 선택 크기 */
|
|
870
|
+
size?: Size;
|
|
871
|
+
/** 타이틀 */
|
|
872
|
+
title?: string;
|
|
873
|
+
/** 옵션 목록 */
|
|
874
|
+
options?: SelectOption[];
|
|
875
|
+
/** 플레이스홀더 */
|
|
876
|
+
placeholder?: string;
|
|
877
|
+
/** 비활성화 여부 */
|
|
878
|
+
disabled?: boolean;
|
|
879
|
+
/** 입력 상태 */
|
|
880
|
+
state?: 'default' | 'error' | 'success' | 'information';
|
|
881
|
+
/** 정렬 스타일 여부 */
|
|
882
|
+
sort?: boolean;
|
|
883
|
+
}
|
|
884
|
+
|
|
819
885
|
/**
|
|
820
886
|
* KRDS SkipLink 컴포넌트
|
|
821
887
|
*
|
|
@@ -1273,6 +1339,18 @@ export declare type ResponsiveValue<T> = T | {
|
|
|
1273
1339
|
desktop?: T;
|
|
1274
1340
|
};
|
|
1275
1341
|
|
|
1342
|
+
/**
|
|
1343
|
+
* KRDS Select 옵션 타입
|
|
1344
|
+
*/
|
|
1345
|
+
export declare interface SelectOption {
|
|
1346
|
+
/** 옵션 값 */
|
|
1347
|
+
value: string | number;
|
|
1348
|
+
/** 옵션 레이블 */
|
|
1349
|
+
label: string;
|
|
1350
|
+
/** 비활성화 여부 */
|
|
1351
|
+
disabled?: boolean;
|
|
1352
|
+
}
|
|
1353
|
+
|
|
1276
1354
|
/**
|
|
1277
1355
|
* 기본 크기 타입 (KRDS 실제 규격)
|
|
1278
1356
|
*/
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@krds.ui/vue",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.6",
|
|
4
4
|
"description": "KRDS Vue Design System - 한국 정부 디자인 시스템 Vue 컴포넌트 라이브러리",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"krds",
|
|
@@ -48,18 +48,16 @@
|
|
|
48
48
|
"vue": "^3.5.0"
|
|
49
49
|
},
|
|
50
50
|
"devDependencies": {
|
|
51
|
-
"@
|
|
52
|
-
"@eslint
|
|
53
|
-
"@
|
|
54
|
-
"@storybook/addon-
|
|
55
|
-
"@storybook/addon-
|
|
56
|
-
"@storybook/
|
|
57
|
-
"@storybook/addon-vitest": "^9.1.4",
|
|
58
|
-
"@storybook/vue3-vite": "^9.1.4",
|
|
51
|
+
"@eslint/js": "^9.35.0",
|
|
52
|
+
"@rushstack/eslint-patch": "^1.12.0",
|
|
53
|
+
"@storybook/addon-a11y": "^9.1.5",
|
|
54
|
+
"@storybook/addon-docs": "^9.1.5",
|
|
55
|
+
"@storybook/addon-vitest": "^9.1.5",
|
|
56
|
+
"@storybook/vue3-vite": "^9.1.5",
|
|
59
57
|
"@tsconfig/node20": "^20.1.4",
|
|
60
58
|
"@types/node": "^22.10.6",
|
|
61
|
-
"@typescript-eslint/eslint-plugin": "^8.
|
|
62
|
-
"@typescript-eslint/parser": "^8.
|
|
59
|
+
"@typescript-eslint/eslint-plugin": "^8.43.0",
|
|
60
|
+
"@typescript-eslint/parser": "^8.43.0",
|
|
63
61
|
"@vitejs/plugin-vue": "^6.0.1",
|
|
64
62
|
"@vitest/browser": "3.2.4",
|
|
65
63
|
"@vitest/coverage-v8": "^3.2.4",
|
|
@@ -67,24 +65,23 @@
|
|
|
67
65
|
"@vue/eslint-config-typescript": "^14.1.3",
|
|
68
66
|
"@vue/test-utils": "^2.4.6",
|
|
69
67
|
"@vue/tsconfig": "^0.8.1",
|
|
70
|
-
"
|
|
71
|
-
"eslint": "^9.
|
|
72
|
-
"eslint-plugin-storybook": "^9.1.4",
|
|
68
|
+
"eslint": "^9.35.0",
|
|
69
|
+
"eslint-plugin-storybook": "^9.1.5",
|
|
73
70
|
"eslint-plugin-vue": "^10.4.0",
|
|
74
|
-
"jsdom": "^
|
|
71
|
+
"jsdom": "^27.0.0",
|
|
75
72
|
"playwright": "^1.55.0",
|
|
76
73
|
"prettier": "^3.6.2",
|
|
77
74
|
"sass": "^1.92.0",
|
|
78
75
|
"source-map-explorer": "^2.5.3",
|
|
79
76
|
"standard-version": "^9.5.0",
|
|
80
|
-
"storybook": "^9.1.
|
|
77
|
+
"storybook": "^9.1.5",
|
|
81
78
|
"typescript": "~5.7.2",
|
|
82
|
-
"vite": "^7.1.
|
|
79
|
+
"vite": "^7.1.5",
|
|
83
80
|
"vite-plugin-dts": "^4.5.4",
|
|
84
81
|
"vitest": "^3.2.4",
|
|
85
82
|
"vue": "^3.5.21",
|
|
86
83
|
"vue-eslint-parser": "^10.2.0",
|
|
87
|
-
"vue-tsc": "^3.0.
|
|
84
|
+
"vue-tsc": "^3.0.7"
|
|
88
85
|
},
|
|
89
86
|
"publishConfig": {
|
|
90
87
|
"access": "public",
|
|
@@ -94,33 +91,6 @@
|
|
|
94
91
|
"node": ">=20.0.0",
|
|
95
92
|
"pnpm": ">=9.0.0"
|
|
96
93
|
},
|
|
97
|
-
"bundlewatch": {
|
|
98
|
-
"files": [
|
|
99
|
-
{
|
|
100
|
-
"path": "dist/krds-vue.es.js",
|
|
101
|
-
"maxSize": "50kb",
|
|
102
|
-
"compression": "gzip"
|
|
103
|
-
},
|
|
104
|
-
{
|
|
105
|
-
"path": "dist/krds-vue.umd.js",
|
|
106
|
-
"maxSize": "55kb",
|
|
107
|
-
"compression": "gzip"
|
|
108
|
-
},
|
|
109
|
-
{
|
|
110
|
-
"path": "dist/style.css",
|
|
111
|
-
"maxSize": "2mb",
|
|
112
|
-
"compression": "gzip"
|
|
113
|
-
}
|
|
114
|
-
],
|
|
115
|
-
"ci": {
|
|
116
|
-
"repoBranchBase": "main",
|
|
117
|
-
"trackBranches": [
|
|
118
|
-
"main",
|
|
119
|
-
"develop"
|
|
120
|
-
],
|
|
121
|
-
"commitStatusOverview": true
|
|
122
|
-
}
|
|
123
|
-
},
|
|
124
94
|
"scripts": {
|
|
125
95
|
"dev": "vite",
|
|
126
96
|
"build": "pnpm run type-check && pnpm run build:lib",
|
|
@@ -133,7 +103,7 @@
|
|
|
133
103
|
"format": "prettier --write src/",
|
|
134
104
|
"storybook": "storybook dev -p 6006",
|
|
135
105
|
"build-storybook": "storybook build",
|
|
136
|
-
"bundle-size": "bundlewatch",
|
|
106
|
+
"bundle-size": "vite build && echo 'Bundle size check removed due to bundlewatch security vulnerability'",
|
|
137
107
|
"release": "standard-version",
|
|
138
108
|
"release:minor": "standard-version --release-as minor",
|
|
139
109
|
"release:major": "standard-version --release-as major",
|