gnui 1.2.20 → 1.2.21
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/@types/gnui.d.ts +8 -0
- package/dist/js/gnui.esm.js +528 -149
- package/dist/js/gnui.js +528 -149
- package/dist/js/gnui.min.js +6 -6
- package/dist/styles/default.css +144 -0
- package/dist/styles/gpi.css +144 -0
- package/dist/styles/green24.css +145 -1
- package/dist/styles/insights.css +144 -0
- package/dist/styles/nac.css +144 -0
- package/dist/styles/ztnac.css +145 -1
- package/package.json +7 -2
- package/styleguide/assets/components.js +155 -9
- package/styleguide/assets/js/gnui.js +528 -149
- package/styleguide/assets/js/gnui.min.js +6 -6
- package/styleguide/assets/styles/default.css +144 -0
- package/styleguide/assets/styles/gpi.css +144 -0
- package/styleguide/assets/styles/green24.css +145 -1
- package/styleguide/assets/styles/insights.css +144 -0
- package/styleguide/assets/styles/nac.css +144 -0
- package/styleguide/assets/styles/ztnac.css +145 -1
- package/styleguide/category/COLOR/index.html +1 -1
- package/styleguide/category/COMPONENT/Alert(js)/index.html +1 -1
- package/styleguide/category/COMPONENT/Bignumber/index.html +1 -1
- package/styleguide/category/COMPONENT/Breadcrumb/index.html +1 -1
- package/styleguide/category/COMPONENT/Calendar(js)/index.html +1 -1
- package/styleguide/category/COMPONENT/Card/index.html +1 -1
- package/styleguide/category/COMPONENT/Chart(js)/index.html +1 -1
- package/styleguide/category/COMPONENT/Datagrid(js)/index.html +109 -11
- package/styleguide/category/COMPONENT/Datalist(js)/index.html +1 -1
- package/styleguide/category/COMPONENT/Growl(js)/index.html +1 -1
- package/styleguide/category/COMPONENT/JsonView(js)/index.html +1 -1
- package/styleguide/category/COMPONENT/Loader(js)/index.html +1 -1
- package/styleguide/category/COMPONENT/MenuButton(js)/index.html +1 -1
- package/styleguide/category/COMPONENT/Message(js)/index.html +1 -1
- package/styleguide/category/COMPONENT/Modal(js)/index.html +31 -1
- package/styleguide/category/COMPONENT/Pagination(js)/index.html +1 -1
- package/styleguide/category/COMPONENT/Panel/index.html +1 -1
- package/styleguide/category/COMPONENT/Progressbar(js)/index.html +1 -1
- package/styleguide/category/COMPONENT/Tab(js)/index.html +1 -1
- package/styleguide/category/COMPONENT/Tagcloud(js)/index.html +1 -1
- package/styleguide/category/COMPONENT/Tooltip(js)/index.html +1 -1
- package/styleguide/category/COMPONENT/Tree(js)/index.html +83 -19
- package/styleguide/category/CONTROLS/Button(js)/index.html +1 -1
- package/styleguide/category/CONTROLS/Checkbox/index.html +1 -1
- package/styleguide/category/CONTROLS/Colorpicker(js)/index.html +1 -1
- package/styleguide/category/CONTROLS/Datepicker(js)/index.html +1 -1
- package/styleguide/category/CONTROLS/Dropdown(js)/index.html +1 -1
- package/styleguide/category/CONTROLS/File/index.html +1 -1
- package/styleguide/category/CONTROLS/Form/Control/index.html +1 -1
- package/styleguide/category/CONTROLS/Form/Field/index.html +53 -1
- package/styleguide/category/CONTROLS/Form/Plain/index.html +1 -1
- package/styleguide/category/CONTROLS/Input/index.html +1 -1
- package/styleguide/category/CONTROLS/MultiText(js)/index.html +32 -1
- package/styleguide/category/CONTROLS/Picklist(js)/index.html +1 -1
- package/styleguide/category/CONTROLS/Radio/index.html +1 -1
- package/styleguide/category/CONTROLS/Select/index.html +1 -1
- package/styleguide/category/CONTROLS/SelectButton(js)/index.html +1 -1
- package/styleguide/category/CONTROLS/Slider/index.html +1 -1
- package/styleguide/category/CONTROLS/SortableList(js)/index.html +1 -1
- package/styleguide/category/CONTROLS/Switch(js)/index.html +1 -1
- package/styleguide/category/CONTROLS/SyntaxInput(js)/index.html +1 -1
- package/styleguide/category/CONTROLS/Textarea/index.html +1 -1
- package/styleguide/category/CONTROLS/Time(js)/index.html +1 -1
- package/styleguide/category/ELEMENTS/Box/index.html +1 -1
- package/styleguide/category/ELEMENTS/Icon/index.html +1 -1
- package/styleguide/category/ELEMENTS/Image/index.html +1 -1
- package/styleguide/category/ELEMENTS/List/index.html +1 -1
- package/styleguide/category/ELEMENTS/Table/index.html +1 -1
- package/styleguide/category/ELEMENTS/Tag/index.html +1 -1
- package/styleguide/category/ELEMENTS/Title/index.html +1 -1
- package/styleguide/category/LAYOUT/Container/index.html +1 -1
- package/styleguide/category/LAYOUT/Grid/index.html +1 -1
- package/styleguide/category/LAYOUT/Splitter(js)/index.html +1 -1
- package/styleguide/category/UTILITY/index.html +9 -2
- package/styleguide/category/Utils/index.html +1 -1
- package/styleguide/color.html +1 -1
- package/styleguide/index.html +1 -1
- package/styleguide/tag/javascript/index.html +252 -29
- package/styleguide/tag/v.0.1.0/index.html +312 -30
|
@@ -147,12 +147,16 @@
|
|
|
147
147
|
</div>
|
|
148
148
|
<div class="new-multitext">
|
|
149
149
|
</div>
|
|
150
|
+
<div class="message-multitext">
|
|
151
|
+
</div>
|
|
150
152
|
</div>
|
|
151
153
|
|
|
152
154
|
<pre><code class="language-ejs"><span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>default-multitext<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
153
155
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
154
156
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>new-multitext<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
155
157
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
158
|
+
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>message-multitext<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
159
|
+
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
156
160
|
</code></pre>
|
|
157
161
|
<pre><code>Gn<span class="token punctuation" >.</span><span class="token function" >create</span><span class="token punctuation" >(</span><span class="token string" >'multitext'</span><span class="token punctuation" >,</span> {
|
|
158
162
|
target<span class="token punctuation" >:</span> <span class="token string" >'.default-multitext'</span>
|
|
@@ -168,6 +172,20 @@ Gn<span class="token punctuation" >.</span><span class="token function" >create<
|
|
|
168
172
|
}<span class="token punctuation" >,</span>
|
|
169
173
|
maxlength<span class="token punctuation" >:</span> <span class="token number" >300</span>
|
|
170
174
|
}<span class="token punctuation" >)</span>
|
|
175
|
+
|
|
176
|
+
Gn<span class="token punctuation" >.</span><span class="token function" >create</span><span class="token punctuation" >(</span><span class="token string" >'multitext'</span><span class="token punctuation" >,</span> {
|
|
177
|
+
target<span class="token punctuation" >:</span> <span class="token string" >'.message-multitext'</span><span class="token punctuation" >,</span>
|
|
178
|
+
lang<span class="token punctuation" >:</span> <span class="token punctuation" >[</span><span class="token string" >'ko'</span><span class="token punctuation" >,</span> <span class="token string" >'en'</span><span class="token punctuation" >]</span><span class="token punctuation" >,</span>
|
|
179
|
+
value<span class="token punctuation" >:</span> {
|
|
180
|
+
ko<span class="token punctuation" >:</span> <span class="token string" >'옵션 문구 예시'</span><span class="token punctuation" >,</span>
|
|
181
|
+
en<span class="token punctuation" >:</span> <span class="token string" >'message example'</span>
|
|
182
|
+
}<span class="token punctuation" >,</span>
|
|
183
|
+
maxlength<span class="token punctuation" >:</span> <span class="token number" >120</span><span class="token punctuation" >,</span>
|
|
184
|
+
useMaxLengthMessage<span class="token punctuation" >:</span> <span class="token boolean" >true</span><span class="token punctuation" >,</span>
|
|
185
|
+
textSets<span class="token punctuation" >:</span> {
|
|
186
|
+
maxLengthMessage<span class="token punctuation" >:</span> <span class="token string" >'{{maxlength}}자 입력 가능합니다.'</span>
|
|
187
|
+
}
|
|
188
|
+
}<span class="token punctuation" >)</span>
|
|
171
189
|
</code></pre><table class="gn-table is-full is-border">
|
|
172
190
|
<thead>
|
|
173
191
|
<th colspan="2">name</th>
|
|
@@ -218,6 +236,19 @@ Gn<span class="token punctuation" >.</span><span class="token function" >create<
|
|
|
218
236
|
<td>524288</td>
|
|
219
237
|
<td>최대 입력 글자길이</td>
|
|
220
238
|
</tr>
|
|
239
|
+
<tr>
|
|
240
|
+
<td>textSets</td>
|
|
241
|
+
<td>maxLengthMessage</td>
|
|
242
|
+
<td>string</td>
|
|
243
|
+
<td>'{{maxlength}}자 입력 가능합니다.'</td>
|
|
244
|
+
<td><code>maxlength</code> 및 <code>useMaxLengthMessage=true</code>일 때 적용되는 남은 입력 가능 글자 안내 문구</td>
|
|
245
|
+
</tr>
|
|
246
|
+
<tr>
|
|
247
|
+
<td colspan="2">useMaxLengthMessage</td>
|
|
248
|
+
<td>boolean</td>
|
|
249
|
+
<td>false</td>
|
|
250
|
+
<td>true인 경우에만 <code>textSets.maxLengthMessage</code> 안내 문구 모드 활성화 (기본 카운터는 유지)</td>
|
|
251
|
+
</tr>
|
|
221
252
|
<tr>
|
|
222
253
|
<td colspan="2">onChange(value)</td>
|
|
223
254
|
<td>function</td>
|
|
@@ -265,7 +296,7 @@ Gn<span class="token punctuation" >.</span><span class="token function" >create<
|
|
|
265
296
|
</div>
|
|
266
297
|
|
|
267
298
|
|
|
268
|
-
<footer class="aigis-footer">Last update at 2026/
|
|
299
|
+
<footer class="aigis-footer">Last update at 2026/04/23 04:53</footer>
|
|
269
300
|
</div>
|
|
270
301
|
</div>
|
|
271
302
|
</div>
|
|
@@ -243,7 +243,7 @@
|
|
|
243
243
|
</code></pre>
|
|
244
244
|
<h2 id="text-">Text 변환</h2>
|
|
245
245
|
<ul>
|
|
246
|
-
<li>is-capitalize, is-lowercase, is-uppercase, is-italic, is-underline, is-strike</li>
|
|
246
|
+
<li>is-capitalize, is-lowercase, is-uppercase, is-italic, is-underline, is-strike, is-text-link</li>
|
|
247
247
|
<li>한글 description 사용 시 size6 이하 사용하지 않는다.</li>
|
|
248
248
|
</ul>
|
|
249
249
|
<div class="aigis-preview">
|
|
@@ -265,6 +265,9 @@
|
|
|
265
265
|
<div class="gn-box is-strike">
|
|
266
266
|
<h4 class="gn-title is-size4">strike</h4> Ad non deserunt veniam consectetur enim.
|
|
267
267
|
</div>
|
|
268
|
+
<div class="gn-box is-text-link">
|
|
269
|
+
<h4 class="gn-title is-size4">text link</h4> Link style text (hover: underline + pointer)
|
|
270
|
+
</div>
|
|
268
271
|
<div class="gn-box">
|
|
269
272
|
<h4 class="gn-title is-size4">Text Sizes</h4>
|
|
270
273
|
<p class="has-text-size1">size1 : Fugiat cillum reprehenderit ullamco esse non cillum.</p>
|
|
@@ -302,6 +305,10 @@
|
|
|
302
305
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>h4</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-title is-size4<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>strike<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>h4</span><span class="token punctuation" >></span></span>
|
|
303
306
|
Ad non deserunt veniam consectetur enim.
|
|
304
307
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
308
|
+
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-box is-text-link<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
309
|
+
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>h4</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-title is-size4<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>text link<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>h4</span><span class="token punctuation" >></span></span>
|
|
310
|
+
Link style text (hover: underline + pointer)
|
|
311
|
+
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
305
312
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-box<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
306
313
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>h4</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-title is-size4<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>Text Sizes<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>h4</span><span class="token punctuation" >></span></span>
|
|
307
314
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>p</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>has-text-size1<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>size1 : Fugiat cillum reprehenderit ullamco esse non cillum.<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>p</span><span class="token punctuation" >></span></span>
|
|
@@ -463,7 +470,7 @@
|
|
|
463
470
|
</div>
|
|
464
471
|
|
|
465
472
|
|
|
466
|
-
<footer class="aigis-footer">Last update at 2026/
|
|
473
|
+
<footer class="aigis-footer">Last update at 2026/04/23 04:53</footer>
|
|
467
474
|
</div>
|
|
468
475
|
</div>
|
|
469
476
|
</div>
|
|
@@ -329,7 +329,7 @@ GN<span class="token punctuation" >.</span>util<span class="token punctuation" >
|
|
|
329
329
|
</div>
|
|
330
330
|
|
|
331
331
|
|
|
332
|
-
<footer class="aigis-footer">Last update at 2026/
|
|
332
|
+
<footer class="aigis-footer">Last update at 2026/04/23 04:53</footer>
|
|
333
333
|
</div>
|
|
334
334
|
</div>
|
|
335
335
|
</div>
|
package/styleguide/color.html
CHANGED