@ihabdevteam/core 0.216.0 → 0.218.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/CHANGELOG.md +53 -0
- package/dist/components.cjs.js +2 -2
- package/dist/components.esm.css +1 -1
- package/dist/hooks.cjs.js +1 -1
- package/dist/i18n.cjs.js +1 -1
- package/dist/ihabdevteam-core.cjs.js +3 -3
- package/dist/ihabdevteam-core.d.ts +24 -1
- package/dist/packages/core/src/components/WordTable.css +68 -47
- package/dist/packages/core/src/components/WordTable.d.ts +23 -0
- package/dist/packages/core/src/components/WordTable.js +4 -2
- package/dist/packages/core/src/version.d.ts +1 -1
- package/dist/packages/core/src/version.js +1 -1
- package/dist/utils.cjs.js +1 -1
- package/package.json +1 -1
|
@@ -1626,7 +1626,7 @@ export declare function copyText(text: string): Promise<boolean>;
|
|
|
1626
1626
|
*
|
|
1627
1627
|
* 값은 손으로 적고 `test/coreVersion.test.ts` 가 package.json 과 어긋나면 운다.
|
|
1628
1628
|
*/
|
|
1629
|
-
export declare const CORE_VERSION = "0.
|
|
1629
|
+
export declare const CORE_VERSION = "0.218.0";
|
|
1630
1630
|
|
|
1631
1631
|
/** @public */
|
|
1632
1632
|
declare const coreDefault: Record<string, unknown>;
|
|
@@ -10809,6 +10809,29 @@ export declare interface WordTableProps {
|
|
|
10809
10809
|
link?: string;
|
|
10810
10810
|
/** 저작권 글월 — 안 주면 `© IHAB, Inc. All rights reserved.` */
|
|
10811
10811
|
copyright?: string;
|
|
10812
|
+
/**
|
|
10813
|
+
* **위 왼쪽 로고를 갈아 끼운다** — 안 주면 말귀 로고(사용자 지시 2026-09-30:
|
|
10814
|
+
* 다른 데서 다른 로고를 쓸 수 있다).
|
|
10815
|
+
*
|
|
10816
|
+
* 이름(`alt`)을 함께 받는다 — 로고만 주고 이름을 빠뜨리면 낭독기에 그림 하나가
|
|
10817
|
+
* 이름 없이 남는다. 높이는 `--wt-brand-logo-height` 를 그대로 받고 너비는 비에 따른다.
|
|
10818
|
+
*/
|
|
10819
|
+
topLogo?: {
|
|
10820
|
+
src: string;
|
|
10821
|
+
alt: string;
|
|
10822
|
+
};
|
|
10823
|
+
/**
|
|
10824
|
+
* **아래 왼쪽 로고를 갈아 끼운다** — 안 주면 ihab 로고.
|
|
10825
|
+
*
|
|
10826
|
+
* **기본 ihab 로고와 그려지는 법이 다르다.** 기본은 흰 판을 마스크로 오려 곁의 글씨와
|
|
10827
|
+
* 같은 회색으로 칠하지만, 주신 것은 **그림 그대로** 나간다 — 그 파일이 한 색인지
|
|
10828
|
+
* 코어가 알 수 없고, 남의 로고 색을 말없이 바꾸면 안 되기 때문이다. 글자색을 따르게
|
|
10829
|
+
* 하려면 한 색짜리 파일을 주고 `--wt-brand-ihab-height` 로 크기만 맞추면 된다.
|
|
10830
|
+
*/
|
|
10831
|
+
bottomLogo?: {
|
|
10832
|
+
src: string;
|
|
10833
|
+
alt: string;
|
|
10834
|
+
};
|
|
10812
10835
|
/** 위 오른쪽 맨 앞 — **이 표의 이름**. `표 제목 · 기관 이름 · 표 번호` 로 선다. */
|
|
10813
10836
|
title?: string;
|
|
10814
10837
|
/**
|
|
@@ -65,23 +65,39 @@
|
|
|
65
65
|
|
|
66
66
|
/* ── 종이 머리·바닥 띠 ────────────────────────────────────────────────
|
|
67
67
|
쪽 번호가 쓰던 수를 위아래로 넓힌 것이다. 격자가 그만큼 비우고 띠는 그 빈 자리에
|
|
68
|
-
절대 배치로 선다 — **격자 안**이라 인쇄가 격자만 복사해 가도 함께 간다.
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
68
|
+
절대 배치로 선다 — **격자 안**이라 인쇄가 격자만 복사해 가도 함께 간다.
|
|
69
|
+
|
|
70
|
+
**치수는 변수로 연다**(말귀 요청 ㉜, 2026-09-30). 부르는 쪽이 `:root` 에 적으면
|
|
71
|
+
화면과 **종이가 함께** 바뀐다 — 인쇄 문서는 스타일시트를 통째로 베껴 가므로 변수
|
|
72
|
+
선언도 따라간다. 여기서는 기본값을 **선언하지 않고** `var(…, 기본)` 의 뒷값으로만
|
|
73
|
+
둔다: 선언해 버리면 이 마디가 `:root` 보다 가까워 부르는 쪽 값이 진다.
|
|
74
|
+
|
|
75
|
+
| 변수 | 기본 |
|
|
76
|
+
|---|---|
|
|
77
|
+
| `--wt-band-top-height` · `--wt-band-top-size` · `--wt-band-top-align` | 28px · 11px · center |
|
|
78
|
+
| `--wt-band-bottom-height` · `--wt-band-bottom-size` | 22px · 8px |
|
|
79
|
+
| `--wt-brand-logo-height`(말귀) · `--wt-brand-ihab-height` · `--wt-brand-gap` | 28px · 17px · 8px |
|
|
80
|
+
|
|
81
|
+
**비우는 여백과 테두리 자리는 띠 높이에서 스스로 나온다.** 따로 박아 두었더니 띠만
|
|
82
|
+
키웠을 때 띠가 표를 파고들고(위 −4px · 아래 −6px), 테두리가 칸 없는 빈 자리에 그려졌다.
|
|
83
|
+
한 값에서 나오게 두면 그 둘이 다시 안 어긋난다. */
|
|
84
|
+
.word-table-block__content--brand-top {
|
|
85
|
+
padding-top: calc((var(--wt-band-top-height, 28px) + 4px) * var(--wt-unscale, 1));
|
|
86
|
+
}
|
|
87
|
+
.word-table-block__content--brand-bottom {
|
|
88
|
+
padding-bottom: calc((var(--wt-band-bottom-height, 22px) + 4px) * var(--wt-unscale, 1));
|
|
89
|
+
}
|
|
90
|
+
/* 절취선 바탕·외곽선은 칸이 있는 데까지만 — 띠까지 두르면 로고가 표 안에 든 것처럼 보인다 */
|
|
76
91
|
.word-table-block__content--brand-top.word-table-block__content--cut-show,
|
|
77
92
|
.word-table-block__content--brand-bottom.word-table-block__content--cut-show {
|
|
78
93
|
background-clip: content-box;
|
|
79
94
|
}
|
|
95
|
+
/* 위 여백과 **같은 셈**이다 — 따로 적지 않는다(그래서 어긋날 수가 없다) */
|
|
80
96
|
.word-table-block__content--brand-top.word-table-block__content--outline::after {
|
|
81
|
-
top: calc(
|
|
97
|
+
top: calc((var(--wt-band-top-height, 28px) + 4px) * var(--wt-unscale, 1));
|
|
82
98
|
}
|
|
83
99
|
.word-table-block__content--brand-bottom.word-table-block__content--outline::after {
|
|
84
|
-
bottom: calc(
|
|
100
|
+
bottom: calc((var(--wt-band-bottom-height, 22px) + 4px) * var(--wt-unscale, 1));
|
|
85
101
|
}
|
|
86
102
|
|
|
87
103
|
.word-table__band {
|
|
@@ -89,63 +105,59 @@
|
|
|
89
105
|
left: 0;
|
|
90
106
|
right: 0;
|
|
91
107
|
display: flex;
|
|
92
|
-
align-items: center;
|
|
93
108
|
justify-content: space-between;
|
|
94
109
|
gap: calc(12px * var(--wt-unscale, 1));
|
|
95
110
|
z-index: 2;
|
|
96
111
|
pointer-events: none;
|
|
97
112
|
color: var(--color-gray);
|
|
98
|
-
/* 글꼴 크기는 띠마다 다르다 — 위는 caption-1, 아래는 caption-2(사용자 지시 2026-09-30).
|
|
99
|
-
클래스(`.caption-1`)를 그냥 붙이면 크기가 고정돼 배율 되돌림이 안 먹으므로 같은
|
|
100
|
-
토큰에 되돌림만 곱한다. 그 토큰은 보는 사람 쪽 설정(좁은 화면 · 큰 글씨)을 타므로
|
|
101
|
-
종이 글씨도 그만큼 달라진다 — 화면과 종이를 한 급으로 맞추기로 한 값이다. */
|
|
102
113
|
font-weight: var(--text-caption-1-weight, 400);
|
|
103
114
|
}
|
|
104
|
-
/*
|
|
105
|
-
|
|
106
|
-
(사용자 지시 2026-09-30). 화면 글씨는 읽는 거리에 맞추지만 이 줄들은 종이에 찍혀
|
|
107
|
-
필요할 때만 들여다본다. 배율 되돌림은 그대로 받는다. */
|
|
115
|
+
/* 위는 11px, 아래는 8px 이 기본 — 둘 다 종이 전용 값이라 토큰에서 벗어난다
|
|
116
|
+
(사용자 지시 2026-09-30). 배율 되돌림은 그대로 받는다. */
|
|
108
117
|
.word-table__band--top {
|
|
109
118
|
top: 0;
|
|
110
|
-
height: calc(28px * var(--wt-unscale, 1));
|
|
111
|
-
font-size: calc(11px * var(--wt-unscale, 1));
|
|
112
|
-
line-height:
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
잔글이라 디자인 시스템의 가장 작은 급(caption-2, 11px)보다 더 내린다. 토큰을 안 쓰는
|
|
116
|
-
유일한 자리이고, **종이 전용 값**이라 그렇다: 화면 글씨는 사람이 읽는 거리에 맞추지만
|
|
117
|
-
이 줄은 종이에 인쇄돼 필요할 때만 들여다본다. 배율 되돌림은 그대로 받는다. */
|
|
119
|
+
height: calc(var(--wt-band-top-height, 28px) * var(--wt-unscale, 1));
|
|
120
|
+
font-size: calc(var(--wt-band-top-size, 11px) * var(--wt-unscale, 1));
|
|
121
|
+
line-height: 1.35;
|
|
122
|
+
align-items: var(--wt-band-top-align, center);
|
|
123
|
+
}
|
|
118
124
|
.word-table__band--bottom {
|
|
119
125
|
/* 로고까지 이 색을 받는다 — 마스크를 `currentColor` 로 칠하므로 글씨와 늘 같은 색이다 */
|
|
120
126
|
color: var(--color-gray);
|
|
121
127
|
bottom: 0;
|
|
122
|
-
height: calc(22px * var(--wt-unscale, 1));
|
|
123
|
-
font-size: calc(8px * var(--wt-unscale, 1));
|
|
124
|
-
line-height:
|
|
128
|
+
height: calc(var(--wt-band-bottom-height, 22px) * var(--wt-unscale, 1));
|
|
129
|
+
font-size: calc(var(--wt-band-bottom-size, 8px) * var(--wt-unscale, 1));
|
|
130
|
+
line-height: 1.35;
|
|
131
|
+
align-items: var(--wt-band-bottom-align, center);
|
|
125
132
|
}
|
|
126
133
|
|
|
127
134
|
.word-table__brand-logo {
|
|
128
|
-
height: calc(28px * var(--wt-unscale, 1));
|
|
135
|
+
height: calc(var(--wt-brand-logo-height, 28px) * var(--wt-unscale, 1));
|
|
129
136
|
width: auto;
|
|
130
137
|
display: block;
|
|
138
|
+
flex-shrink: 0;
|
|
131
139
|
/* 말귀 로고는 컬러다 — 브라우저 인쇄 기본값은 바탕·색을 빼므로 그대로 두면 종이에서
|
|
132
140
|
흐려지거나 사라진다(절취선 바탕이 쓰는 것과 같은 수다). */
|
|
133
141
|
print-color-adjust: exact;
|
|
134
142
|
-webkit-print-color-adjust: exact;
|
|
135
143
|
}
|
|
144
|
+
|
|
136
145
|
/* 만든 곳(ihab) 로고 — **그림이 아니라 꼴**이다. 흰 판 SVG 를 마스크로 오려 그 자리를
|
|
137
|
-
`currentColor` 로 칠하므로 곁의 글씨와 **같은 색**이 된다(
|
|
138
|
-
|
|
139
|
-
|
|
146
|
+
`currentColor` 로 칠하므로 곁의 글씨와 **같은 색**이 된다(파일에 `fill` 이 박혀 있어
|
|
147
|
+
`<img>` 로는 색을 못 바꾼다).
|
|
148
|
+
|
|
149
|
+
**너비는 안 적는다.** `aspect-ratio` 로 파일 비(264:100)를 주고 높이 하나로 정하게 둔다 —
|
|
150
|
+
너비를 `높이 × 2.64` 로 적어 두었더니, 높이만 올린 사람에게 **그림은 그대로였다**
|
|
151
|
+
(마스크가 `contain` 이라 좁은 쪽에 맞는다). 말귀 로고(`<img>`)와 같은 규약이 된다. */
|
|
140
152
|
.word-table__brand-logo--ihab {
|
|
141
153
|
display: block;
|
|
142
|
-
height: calc(17px * var(--wt-unscale, 1));
|
|
143
|
-
width:
|
|
154
|
+
height: calc(var(--wt-brand-ihab-height, 17px) * var(--wt-unscale, 1));
|
|
155
|
+
width: auto;
|
|
156
|
+
aspect-ratio: 264 / 100;
|
|
144
157
|
flex-shrink: 0;
|
|
145
158
|
background-color: currentColor;
|
|
146
|
-
/* 이 파일이 로고를 **직접** 가리킨다 — 묶개가 주소를 풀어
|
|
147
|
-
|
|
148
|
-
(스타일시트를 통째로 베껴 가므로) 함께 간다. */
|
|
159
|
+
/* 이 파일이 로고를 **직접** 가리킨다 — 묶개가 주소를 풀어 주고, 여기 적어야 인쇄
|
|
160
|
+
문서로(스타일시트를 통째로 베껴 가므로) 함께 간다. */
|
|
149
161
|
-webkit-mask-image: url('../logo/Logo_IHAB_en_white.svg');
|
|
150
162
|
mask-image: url('../logo/Logo_IHAB_en_white.svg');
|
|
151
163
|
-webkit-mask-repeat: no-repeat;
|
|
@@ -158,11 +170,23 @@
|
|
|
158
170
|
-webkit-print-color-adjust: exact;
|
|
159
171
|
}
|
|
160
172
|
|
|
173
|
+
/* 부르는 쪽이 준 로고 — 그림 그대로 나간다. 마스크와 바탕색을 걷고 비도 제 파일을 따른다
|
|
174
|
+
(기본 ihab 판의 264:100 을 남의 로고에 씌우면 찌그러진다). 크기 변수는 그대로 받는다. */
|
|
175
|
+
.word-table__brand-logo--given {
|
|
176
|
+
background-color: transparent;
|
|
177
|
+
-webkit-mask-image: none;
|
|
178
|
+
mask-image: none;
|
|
179
|
+
aspect-ratio: auto;
|
|
180
|
+
width: auto;
|
|
181
|
+
print-color-adjust: exact;
|
|
182
|
+
-webkit-print-color-adjust: exact;
|
|
183
|
+
}
|
|
184
|
+
|
|
161
185
|
/* 만든 곳 — 로고와 저작권이 한 줄로 붙는다 */
|
|
162
186
|
.word-table__brand-by {
|
|
163
187
|
display: flex;
|
|
164
188
|
align-items: center;
|
|
165
|
-
gap: calc(8px * var(--wt-unscale, 1));
|
|
189
|
+
gap: calc(var(--wt-brand-gap, 8px) * var(--wt-unscale, 1));
|
|
166
190
|
min-width: 0;
|
|
167
191
|
}
|
|
168
192
|
.word-table__copyright {
|
|
@@ -171,7 +195,7 @@
|
|
|
171
195
|
text-overflow: ellipsis;
|
|
172
196
|
}
|
|
173
197
|
|
|
174
|
-
/* 바닥 오른쪽 — 이 표의 주소와 쪽
|
|
198
|
+
/* 바닥 오른쪽 — 이 표의 주소와 쪽 번호 */
|
|
175
199
|
.word-table__band-end {
|
|
176
200
|
display: flex;
|
|
177
201
|
align-items: center;
|
|
@@ -179,10 +203,7 @@
|
|
|
179
203
|
min-width: 0;
|
|
180
204
|
}
|
|
181
205
|
|
|
182
|
-
/*
|
|
183
|
-
찍어 봤는데 한 장 안에 글꼴이 둘 섞여 보였다. 종이가 한 벌로 읽히는 쪽을 골랐다 —
|
|
184
|
-
목록 카드(`WordTableButton`)의 번호는 청한 대로 고정폭 그대로다. */
|
|
185
|
-
/* 기관 이름 · 표 번호 — 번호만 진하게 둔다(찾는 눈이 번호에 먼저 닿게) */
|
|
206
|
+
/* 기관 이름 · 표 번호 */
|
|
186
207
|
.word-table__ident {
|
|
187
208
|
display: flex;
|
|
188
209
|
align-items: center;
|
|
@@ -197,8 +218,8 @@
|
|
|
197
218
|
white-space: nowrap;
|
|
198
219
|
}
|
|
199
220
|
.word-table__ident-dot { flex-shrink: 0; }
|
|
200
|
-
/* 표 번호 — **띠와 같은
|
|
201
|
-
|
|
221
|
+
/* 표 번호 — **띠와 같은 회색**이다. 머리 줄 전체가 종이를 식별하는 잔글이라 한 무게로
|
|
222
|
+
읽히는 편이 낫다. 종이 글씨는 전부 한 글꼴이다(고정폭은 목록 카드 쪽만). */
|
|
202
223
|
.word-table__code {
|
|
203
224
|
flex-shrink: 0;
|
|
204
225
|
white-space: nowrap;
|
|
@@ -118,6 +118,29 @@ export interface WordTableProps {
|
|
|
118
118
|
link?: string;
|
|
119
119
|
/** 저작권 글월 — 안 주면 `© IHAB, Inc. All rights reserved.` */
|
|
120
120
|
copyright?: string;
|
|
121
|
+
/**
|
|
122
|
+
* **위 왼쪽 로고를 갈아 끼운다** — 안 주면 말귀 로고(사용자 지시 2026-09-30:
|
|
123
|
+
* 다른 데서 다른 로고를 쓸 수 있다).
|
|
124
|
+
*
|
|
125
|
+
* 이름(`alt`)을 함께 받는다 — 로고만 주고 이름을 빠뜨리면 낭독기에 그림 하나가
|
|
126
|
+
* 이름 없이 남는다. 높이는 `--wt-brand-logo-height` 를 그대로 받고 너비는 비에 따른다.
|
|
127
|
+
*/
|
|
128
|
+
topLogo?: {
|
|
129
|
+
src: string;
|
|
130
|
+
alt: string;
|
|
131
|
+
};
|
|
132
|
+
/**
|
|
133
|
+
* **아래 왼쪽 로고를 갈아 끼운다** — 안 주면 ihab 로고.
|
|
134
|
+
*
|
|
135
|
+
* **기본 ihab 로고와 그려지는 법이 다르다.** 기본은 흰 판을 마스크로 오려 곁의 글씨와
|
|
136
|
+
* 같은 회색으로 칠하지만, 주신 것은 **그림 그대로** 나간다 — 그 파일이 한 색인지
|
|
137
|
+
* 코어가 알 수 없고, 남의 로고 색을 말없이 바꾸면 안 되기 때문이다. 글자색을 따르게
|
|
138
|
+
* 하려면 한 색짜리 파일을 주고 `--wt-brand-ihab-height` 로 크기만 맞추면 된다.
|
|
139
|
+
*/
|
|
140
|
+
bottomLogo?: {
|
|
141
|
+
src: string;
|
|
142
|
+
alt: string;
|
|
143
|
+
};
|
|
121
144
|
/** 위 오른쪽 맨 앞 — **이 표의 이름**. `표 제목 · 기관 이름 · 표 번호` 로 선다. */
|
|
122
145
|
title?: string;
|
|
123
146
|
/**
|
|
@@ -425,7 +425,7 @@ export default function WordTable({ title, titleIcon, disc, className, orientati
|
|
|
425
425
|
_jsxs("div", { className: "word-table-block__card-actions", children: [renderCellAction?.(index, item), onRemoveItem && (_jsx("div", { className: "word-table-block__card-close", children: _jsx(Button, { htmlType: "button", size: buttonSize, type: "dot", icon: "x", variant: "transparent-lightGray", useBorder: false, showTooltipInfo: (item.words ?? []).length > 1 ? t('wordPrint.removePair', '대립쌍 빼기') : t('wordPrint.removeWord', '단어 빼기'), ariaLabel: (item.words ?? []).length > 1 ? t('wordPrint.removePair', '대립쌍 빼기') : t('wordPrint.removeWord', '단어 빼기'), onClick: () => onRemoveItem(item.id) }) }))] }))] }, item.id))), Array.from({ length: Math.max(0, cols * rows - (items?.length ?? 0)) }).map((_, i) => {
|
|
426
426
|
const isWithinCount = (items?.length ?? 0) + i < cellCount;
|
|
427
427
|
return (_jsx("div", { className: "word-table-block__card word-table-block__card--filler", children: showFillerAdd && onActivateCell && isWithinCount && (_jsx("div", { style: counterScale, children: _jsx(Button, { htmlType: "button", size: buttonSize, type: "bar", icon: "plus", label: t('wordTable.addWord', '추가하기'), onClick: () => onActivateCell((items?.length ?? 0) + i) }) })) }, `filler-${i}`));
|
|
428
|
-
})] })), 위띠쓰나 && (_jsx(_Fragment, { children: _jsxs("div", { className: "word-table__band word-table__band--top", children: [_jsx("img", { className: "word-table__brand-logo", src: 말귀로고, alt:
|
|
428
|
+
})] })), 위띠쓰나 && (_jsx(_Fragment, { children: _jsxs("div", { className: "word-table__band word-table__band--top", children: [_jsx("img", { className: "word-table__brand-logo", src: brand?.topLogo?.src ?? 말귀로고, alt: brand?.topLogo?.alt ?? '말귀' }), (() => {
|
|
429
429
|
/* 표 제목 · 기관 이름 · 표 번호 — 있는 것끼리만 가운뎃점으로 잇는다
|
|
430
430
|
(사용자 지시 2026-09-30). 없는 것 자리에 점이 남으면 안 된다. */
|
|
431
431
|
const 조각들 = [
|
|
@@ -436,7 +436,9 @@ export default function WordTable({ title, titleIcon, disc, className, orientati
|
|
|
436
436
|
if (조각들.length === 0)
|
|
437
437
|
return null;
|
|
438
438
|
return (_jsx("span", { className: "word-table__ident", children: 조각들.map((조각, i) => (_jsxs(Fragment, { children: [i > 0 && _jsx("span", { className: "word-table__ident-dot", "aria-hidden": "true", children: "\u00B7" }), 조각] }, i))) }));
|
|
439
|
-
})()] }) })), 아래띠쓰나 && (_jsx(_Fragment, { children: _jsxs("div", { className: "word-table__band word-table__band--bottom", children: [_jsxs("span", { className: "word-table__brand-by", children: [
|
|
439
|
+
})()] }) })), 아래띠쓰나 && (_jsx(_Fragment, { children: _jsxs("div", { className: "word-table__band word-table__band--bottom", children: [_jsxs("span", { className: "word-table__brand-by", children: [brand?.bottomLogo
|
|
440
|
+
? _jsx("img", { className: "word-table__brand-logo--ihab word-table__brand-logo--given", src: brand.bottomLogo.src, alt: brand.bottomLogo.alt })
|
|
441
|
+
: _jsx("span", { className: "word-table__brand-logo--ihab", role: "img", "aria-label": "IHAB" }), _jsx("span", { className: "word-table__copyright", children: 저작권 })] }), _jsxs("span", { className: "word-table__band-end", children: [brand?.link && _jsx("span", { className: "word-table__link", children: brand.link }), pageNumber && pageNumberPosition !== 'none' && (_jsx("span", { className: "word-table__page-count", children: t('wordTable.filter.pageIndicator', { current: pageNumber.current, total: pageNumber.total }) }))] })] }) })), !브랜드쓰나 && pageNumber && pageNumberPosition !== 'none' && (_jsx("span", { className: `word-table__page-number body-3 word-table__page-number--${pageNumberPosition}`, children: t('wordTable.filter.pageIndicator', { current: pageNumber.current, total: pageNumber.total }) }))] }) }), onReorder && _jsx("span", { role: "status", style: 보이지않게, children: 옮김알림 })] }));
|
|
440
442
|
/* 담는 틀 — 높이를 받은 자리에서만 두른다. `useFitScale` 은 **스케일러의 부모**를 재므로
|
|
441
443
|
이 틀이 곧 그 자(척도)가 된다. 가운데 맞춤은 남는 세로를 위아래로 나눈다 — 표가 상자보다
|
|
442
444
|
납작할 때 아래로만 쏠려 보이지 않게. */
|