@rchemist/listgrid 0.2.13 → 0.2.15
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.
|
@@ -9,6 +9,13 @@ import { RenderType } from '../../config/Config';
|
|
|
9
9
|
interface InlineMapFieldProps extends FormFieldProps {
|
|
10
10
|
config?: InlineMapConfig | undefined;
|
|
11
11
|
}
|
|
12
|
+
/**
|
|
13
|
+
* InlineMap 의 pendingRef.value 가 비어있는지 판정.
|
|
14
|
+
* - undefined / null → blank
|
|
15
|
+
* - Map / 객체 → entries 가 0개면 blank
|
|
16
|
+
* - 배열 (KeyValue[]) → 길이 0 이면 blank
|
|
17
|
+
*/
|
|
18
|
+
export declare function isInlineMapValueBlank(value: unknown): boolean;
|
|
12
19
|
export declare class InlineMapField extends FormField<InlineMapField> {
|
|
13
20
|
config?: InlineMapConfig | undefined;
|
|
14
21
|
pendingRef: {
|
|
@@ -17,6 +24,14 @@ export declare class InlineMapField extends FormField<InlineMapField> {
|
|
|
17
24
|
constructor(name: string, order: number, config?: InlineMapConfig);
|
|
18
25
|
isDirty(): boolean;
|
|
19
26
|
getSaveValue(entityForm: EntityForm, renderType?: RenderType): Promise<any>;
|
|
27
|
+
/**
|
|
28
|
+
* 사용자가 InlineMap UI 에서 입력한 값은 `pendingRef.current.value` 에 누적되며,
|
|
29
|
+
* `getSaveValue`/`isDirty` 시점에서야 form value 로 반영됩니다.
|
|
30
|
+
* 따라서 검증 단계의 `isBlank` 도 pendingRef 가 modified 된 경우에는
|
|
31
|
+
* pendingRef 값을 우선해서 봐야 합니다. 그렇지 않으면 사용자가 값을 입력했음에도
|
|
32
|
+
* "필수 값입니다" 검증에 막혀 저장이 차단됩니다.
|
|
33
|
+
*/
|
|
34
|
+
isBlank(renderType?: RenderType): Promise<boolean>;
|
|
20
35
|
/**
|
|
21
36
|
* InlineMapField 핵심 렌더링 로직
|
|
22
37
|
*/
|
|
@@ -2,6 +2,27 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { FormField } from './abstract';
|
|
3
3
|
import { InlineMap } from '../../ui';
|
|
4
4
|
import { getInputRendererParameters } from '../helper/FieldRendererHelper';
|
|
5
|
+
/**
|
|
6
|
+
* InlineMap 의 pendingRef.value 가 비어있는지 판정.
|
|
7
|
+
* - undefined / null → blank
|
|
8
|
+
* - Map / 객체 → entries 가 0개면 blank
|
|
9
|
+
* - 배열 (KeyValue[]) → 길이 0 이면 blank
|
|
10
|
+
*/
|
|
11
|
+
export function isInlineMapValueBlank(value) {
|
|
12
|
+
if (value === undefined || value === null) {
|
|
13
|
+
return true;
|
|
14
|
+
}
|
|
15
|
+
if (Array.isArray(value)) {
|
|
16
|
+
return value.length === 0;
|
|
17
|
+
}
|
|
18
|
+
if (value instanceof Map) {
|
|
19
|
+
return value.size === 0;
|
|
20
|
+
}
|
|
21
|
+
if (typeof value === 'object') {
|
|
22
|
+
return Object.keys(value).length === 0;
|
|
23
|
+
}
|
|
24
|
+
return false;
|
|
25
|
+
}
|
|
5
26
|
export class InlineMapField extends FormField {
|
|
6
27
|
constructor(name, order, config) {
|
|
7
28
|
super(name, order, 'inlineMap');
|
|
@@ -20,6 +41,20 @@ export class InlineMapField extends FormField {
|
|
|
20
41
|
}
|
|
21
42
|
return super.getSaveValue(entityForm, renderType);
|
|
22
43
|
}
|
|
44
|
+
/**
|
|
45
|
+
* 사용자가 InlineMap UI 에서 입력한 값은 `pendingRef.current.value` 에 누적되며,
|
|
46
|
+
* `getSaveValue`/`isDirty` 시점에서야 form value 로 반영됩니다.
|
|
47
|
+
* 따라서 검증 단계의 `isBlank` 도 pendingRef 가 modified 된 경우에는
|
|
48
|
+
* pendingRef 값을 우선해서 봐야 합니다. 그렇지 않으면 사용자가 값을 입력했음에도
|
|
49
|
+
* "필수 값입니다" 검증에 막혀 저장이 차단됩니다.
|
|
50
|
+
*/
|
|
51
|
+
async isBlank(renderType = 'create') {
|
|
52
|
+
if (this.pendingRef.current.modified) {
|
|
53
|
+
const pendingValue = this.pendingRef.current.value;
|
|
54
|
+
return isInlineMapValueBlank(pendingValue);
|
|
55
|
+
}
|
|
56
|
+
return super.isBlank(renderType);
|
|
57
|
+
}
|
|
23
58
|
/**
|
|
24
59
|
* InlineMapField 핵심 렌더링 로직
|
|
25
60
|
*/
|
|
@@ -64,10 +64,22 @@ export const ExcelDownload = async (props) => {
|
|
|
64
64
|
}),
|
|
65
65
|
];
|
|
66
66
|
let ws = XLSX.utils.aoa_to_sheet(aoaData);
|
|
67
|
+
const wb = XLSX.utils.book_new();
|
|
68
|
+
// 만약 skipHeader 가 false 라면 맨 처음 행을 제거한다.
|
|
69
|
+
if (!skipHeader) {
|
|
70
|
+
// 워크시트 데이터를 JSON으로 변환
|
|
71
|
+
const jsonData = XLSX.utils.sheet_to_json(ws, { header: 1 }); // header: 1 -> 배열 형태
|
|
72
|
+
// jsonData.shift(); // 첫 번째 행 제거
|
|
73
|
+
// jsonData로 새로운 워크시트 생성
|
|
74
|
+
ws = XLSX.utils.aoa_to_sheet(jsonData);
|
|
75
|
+
}
|
|
76
|
+
// 첫 두 행 스타일 적용
|
|
77
|
+
const range = XLSX.utils.decode_range(ws['!ref'] || 'A1');
|
|
67
78
|
// 필드 정보를 이용해 셀 타입 및 서식 지정
|
|
79
|
+
// 워크시트 재생성(sheet_to_json -> aoa_to_sheet) 이후에 적용해야
|
|
80
|
+
// cell.t / cell.z 가 보존된다. 재생성 이전에 적용하면 라운드트립 과정에서 손실됨.
|
|
68
81
|
if (props.fields && props.fields.length > 0) {
|
|
69
82
|
const fieldMap = new Map(props.fields.map((f) => [f.getName(), f]));
|
|
70
|
-
const range = XLSX.utils.decode_range(ws['!ref'] || 'A1');
|
|
71
83
|
for (let R = 1; R <= range.e.r; ++R) {
|
|
72
84
|
// 헤더 이후 데이터 행부터
|
|
73
85
|
for (let C = 0; C <= range.e.c; ++C) {
|
|
@@ -94,17 +106,6 @@ export const ExcelDownload = async (props) => {
|
|
|
94
106
|
}
|
|
95
107
|
}
|
|
96
108
|
}
|
|
97
|
-
const wb = XLSX.utils.book_new();
|
|
98
|
-
// 만약 skipHeader 가 false 라면 맨 처음 행을 제거한다.
|
|
99
|
-
if (!skipHeader) {
|
|
100
|
-
// 워크시트 데이터를 JSON으로 변환
|
|
101
|
-
const jsonData = XLSX.utils.sheet_to_json(ws, { header: 1 }); // header: 1 -> 배열 형태
|
|
102
|
-
// jsonData.shift(); // 첫 번째 행 제거
|
|
103
|
-
// jsonData로 새로운 워크시트 생성
|
|
104
|
-
ws = XLSX.utils.aoa_to_sheet(jsonData);
|
|
105
|
-
}
|
|
106
|
-
// 첫 두 행 스타일 적용
|
|
107
|
-
const range = XLSX.utils.decode_range(ws['!ref'] || 'A1');
|
|
108
109
|
if (!skipHeader) {
|
|
109
110
|
for (let C = range.s.c; C <= range.e.c; C++) {
|
|
110
111
|
const cell_address = XLSX.utils.encode_cell({ r: 0, c: C });
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rchemist/listgrid",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.15",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "Framework-free React CRUD UI engine — primitive-based design system, data-attr theming, and a full list/form renderer for RCM-framework-style entity backends.",
|
|
6
6
|
"keywords": [
|