@@ -52,6 +52,10 @@ To compile the source files, use the below command
52
52
npm run build
53
53
```
54
54
55
+ ### Serving deployed build
56
+
57
+ https://cli.vuejs.org/guide/deployment.html
58
+
55
59
## Components Catalog
56
60
57
61
<table >
@@ -65,8 +69,17 @@ npm run build
65
69
<a href="src/grid">DataGrid</a>
66
70
</td>
67
71
<td>
68
- <a href="src/pivot-view">Pivot Table (Preview)</a>
72
+ <a href="src/tree-grid">Tree Grid</a>
73
+ </td>
74
+ <td>
75
+ <a href="src/pivot-view">Pivot Table (Updated)</a>
69
76
</td>
77
+ </tr>
78
+ <tr>
79
+ <td>
80
+ <a href="src/spreadsheet">Spreadsheet (Preview)</a>
81
+ </td>
82
+ <td></td>
70
83
<td></td>
71
84
</tr>
72
85
<tr>
@@ -76,40 +89,51 @@ npm run build
76
89
</tr>
77
90
<tr>
78
91
<td>
79
- <a href="src/chart">Charts</a>
92
+ <a href="src/chart">Charts (Updated) </a>
80
93
</td>
81
94
<td>
82
- <a href="src/circular-gauge">Circular Gauge </a>
95
+ <a href="src/diagram">Diagram </a>
83
96
</td>
84
97
<td>
85
- <a href="src/linear-gauge">Linear Gauge </a>
98
+ <a href="src/stock-chart">Stock Chart </a>
86
99
</td>
87
100
</tr>
88
101
<tr>
89
102
<td>
90
- <a href="src/diagram">Diagram (Preview)</a>
103
+ <a href="src/maps">Maps</a>
104
+ </td>
105
+ <td>
106
+ <a href="src/treemap">TreeMap</a>
91
107
</td>
92
108
<td>
93
109
<a href="src/heatmap">Heatmap chart</a>
110
+ </td>
111
+ </tr>
112
+ <tr>
113
+ <td>
114
+ <a href="src/circular-gauge">Circular Gauge</a>
94
115
</td>
95
116
<td>
96
- <a href="src/maps">Maps </a>
117
+ <a href="src/linear-gauge">Linear Gauge </a>
97
118
</td>
119
+ <td>
120
+ <a href="src/range-navigator">Range Selector</a>
121
+ </td>
98
122
</tr>
99
123
<tr>
100
124
<td>
101
- <a href="src/range-navigator">Range Selector </a>
125
+ <a href="src/sparkline">Sparkline Charts </a>
102
126
</td>
103
- <td>
127
+ <td>
104
128
<a href="src/smith-chart">Smith Chart</a>
105
129
</td>
106
130
<td>
107
- <a href="src/sparkline">Sparkline Charts </a>
131
+ <a href="src/barcode">Barcode </a>
108
132
</td>
109
133
</tr>
110
134
<tr>
111
135
<td>
112
- <a href="src/treemap">TreeMap </a>
136
+ <a href="src/bullet-chart">Bullet Chart (Preview) </a>
113
137
</td>
114
138
<td></td>
115
139
<td></td>
@@ -121,11 +145,20 @@ npm run build
121
145
</tr>
122
146
<tr>
123
147
<td>
124
- <a href="src/rte">Rich Text Editor (Preview)</a>
148
+ <a href="src/rich-text-editor">Rich Text Editor (Updated)</a>
149
+ </td>
150
+ <td>
151
+ <a href="src/document-editor">DocumentEditor (Updated)</a>
125
152
</td>
126
153
<td>
127
- <a href="src/document-editor">Word Processor (Preview) </a>
154
+ <a href="src/chips">Chips </a>
128
155
</td>
156
+ </tr>
157
+ <tr>
158
+ <td>
159
+ <a href="src/inplace-editor">InplaceEditor</a>
160
+ </td>
161
+ <td></td>
129
162
<td></td>
130
163
</tr>
131
164
<tr>
@@ -138,22 +171,29 @@ npm run build
138
171
<a href="src/schedule">Scheduler</a>
139
172
</td>
140
173
<td>
141
- <a href="src/calendar">Calendar </a>
174
+ <a href="src/gantt">Gantt (Updated) </a>
142
175
</td>
143
176
<td>
144
- <a href="src/datepicker">DatePicker </a>
177
+ <a href="src/calendar">Calendar </a>
145
178
</td>
146
179
</tr>
147
180
<tr>
181
+ <td>
182
+ <a href="src/datepicker">DatePicker</a>
183
+ </td>
148
184
<td>
149
- <a href="src/daterangepicker">Date Range Picker </a>
185
+ <a href="src/daterangepicker">DateRangePicker </a>
150
186
</td>
151
187
<td>
152
- <a href="src/datetimepicker">DateTime Picker </a>
188
+ <a href="src/datetimepicker">DateTimePicker </a>
153
189
</td>
190
+ </tr>
191
+ <tr>
154
192
<td>
155
- <a href="src/timepicker">Time Picker </a>
193
+ <a href="src/timepicker">TimePicker </a>
156
194
</td>
195
+ <td></td>
196
+ <td></td>
157
197
</tr>
158
198
<tr>
159
199
<td colspan="3" rowspan="1">
@@ -162,22 +202,33 @@ npm run build
162
202
</tr>
163
203
<tr>
164
204
<td>
165
- <a href="src/button">Button</a>
205
+ <a href="src/button/default.vue ">Button</a>
166
206
</td>
167
207
<td>
168
208
<a href="src/button/button-group.vue">Button Group</a>
169
209
</td>
170
210
<td>
171
- <a href="src/button/dropdown-button .vue">Dropdown Menu </a>
211
+ <a href="src/button/checkbox .vue">Checkbox </a>
172
212
</td>
173
213
</tr>
174
214
<tr>
175
215
<td>
176
- <a href="src/button/progress-button.vue">Progress Button (Preview)</a>
216
+ <a href="src/button/radio-button.vue">Radio Button</a>
217
+ </td>
218
+ <td>
219
+ <a href="src/button/dropdown-button.vue">Dropdown Menu</a>
177
220
</td>
178
221
<td>
179
222
<a href="src/button/split-button.vue">Split Button</a>
180
223
</td>
224
+ </tr>
225
+ <tr>
226
+ <td>
227
+ <a href="src/button/switch.vue">Switch</a>
228
+ </td>
229
+ <td>
230
+ <a href="src/button/progress-button.vue">Progress Button</a>
231
+ </td>
181
232
<td></td>
182
233
</tr>
183
234
<tr>
@@ -200,7 +251,9 @@ npm run build
200
251
<td>
201
252
<a href="src/multi-select">MultiSelect Dropdown</a>
202
253
</td>
203
- <td></td>
254
+ <td>
255
+ <a href="src/list-box">List Box</a>
256
+ </td>
204
257
<td></td>
205
258
</tr>
206
259
<tr>
@@ -216,25 +269,41 @@ npm run build
216
269
<a href="src/context-menu">Context Menu</a>
217
270
</td>
218
271
<td>
219
- <a href="src/menu">Menu Bar (Preview )</a>
272
+ <a href="src/file-manager">File Manager (Updated )</a>
220
273
</td>
221
274
</tr>
222
275
<tr>
276
+ <td>
277
+ <a href="src/menu">Menu Bar</a>
278
+ </td>
223
279
<td>
224
280
<a href="src/sidebar">Sidebar</a>
225
281
</td>
226
282
<td>
227
283
<a href="src/tab">Tabs</a>
228
284
</td>
285
+ </tr>
286
+ <tr>
229
287
<td>
230
288
<a href="src/toolbar">Toolbar</a>
231
289
</td>
232
- </tr>
233
- <tr>
234
290
<td>
235
291
<a href="src/treeview">TreeView</a>
236
292
</td>
237
293
<td></td>
294
+ </tr>
295
+ <tr>
296
+ <td colspan="3" rowspan="1">
297
+ <b>NOTIFICATIONS<b>
298
+ </td>
299
+ </tr>
300
+ <tr>
301
+ <td>
302
+ <a href="src/badge">Badge</a>
303
+ </td>
304
+ <td>
305
+ <a href="src/toast">Toast</a>
306
+ </td>
238
307
<td></td>
239
308
</tr>
240
309
<tr>
@@ -254,26 +323,15 @@ npm run build
254
323
</td>
255
324
</tr>
256
325
<tr>
257
- <td>
258
- <a href="src/button/radio-button.vue">Radio Button</a>
259
- </td>
260
- <td>
261
- <a href="src/button/check-box.vue">Checkbox</a>
262
- </td>
263
326
<td>
264
327
<a href="src/color-picker">Color Picker</a>
265
328
</td>
266
- </tr>
267
- <tr>
268
329
<td>
269
330
<a href="src/uploader">File Upload</a>
270
331
</td>
271
332
<td>
272
333
<a href="src/slider">Range Slider</a>
273
334
</td>
274
- <td>
275
- <a href="src/button/switch.vue">Toggle Switch Button</a>
276
- </td>
277
335
</tr>
278
336
<tr>
279
337
<td colspan="3" rowspan="1">
@@ -288,31 +346,50 @@ npm run build
288
346
<a href="src/card">Card</a>
289
347
</td>
290
348
<td>
291
- <a href="src/dialog">Dialog </a>
349
+ <a href="src/dashboard-layout">Dashboard Layout </a>
292
350
</td>
293
351
</tr>
294
352
<tr>
353
+ <td>
354
+ <a href="src/dialog">Dialog (Updated)</a>
355
+ </td>
295
356
<td>
296
357
<a href="src/listview">ListView</a>
297
358
</td>
298
359
<td>
299
360
<a href="src/tooltip">Tooltip</a>
300
361
</td>
362
+ </tr>
363
+ <tr>
364
+ <td>
365
+ <a href="src/splitter">Splitter</a>
366
+ </td>
367
+ <td></td>
301
368
<td></td>
302
369
</tr>
303
370
<tr>
304
371
<td colspan="3" rowspan="1">
305
- <b>NOTIFICATIONS <b>
372
+ <b>FORMS <b>
306
373
</td>
307
374
</tr>
308
375
<tr>
309
376
<td>
310
- <a href="src/badge">Badge </a>
377
+ <a href="src/query-builder">Query Builder </a>
311
378
</td>
379
+ <td></td>
380
+ <td></td>
381
+ </tr>
382
+ <tr>
383
+ <td colspan="3" rowspan="1">
384
+ <b>VIEWER<b>
385
+ </td>
386
+ </tr>
387
+ <tr>
312
388
<td>
313
- <a href="src/toast">Toast </a>
389
+ <a href="src/pdfviewer">PDF Viewer (Updated) </a>
314
390
</td>
315
391
<td></td>
392
+ <td></td>
316
393
</tr>
317
394
</table >
318
395
0 commit comments