@skyworx/dynamic-ui 1.0.3 → 1.0.4

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/src/index.d.ts DELETED
@@ -1,1061 +0,0 @@
1
- import type { DefineComponent, Plugin, App } from 'vue'
2
- import type { ChartData, ChartOptions } from 'chart.js'
3
-
4
- export interface DynamicUIApiConfig {
5
- externalApi: any
6
- }
7
-
8
- export const CardSummary: DefineComponent<{
9
- title: string
10
- value: number
11
- trend?: number
12
- icon: string | any
13
- type?: 'primary' | 'success' | 'warning' | 'info'
14
- format?: 'currency' | 'number'
15
- delay?: number
16
- }>
17
-
18
- export const DashboardActivityCard: DefineComponent<{
19
- title: string
20
- description: string
21
- years: number[]
22
- modelValue: number
23
- data: ChartData<'bar'>
24
- options?: ChartOptions<'bar'>
25
- loading?: boolean
26
- theme?: 'light' | 'dark'
27
- }>
28
-
29
- export interface DashboardInsightItem {
30
- id: string | number
31
- count: number
32
- title: string
33
- description: string
34
- tone: 'primary' | 'warning' | 'danger'
35
- route?: string | Record<string, unknown>
36
- }
37
-
38
- export const DashboardInsightsCard: DefineComponent<{
39
- title: string
40
- description: string
41
- items: DashboardInsightItem[]
42
- loading?: boolean
43
- skeletonCount?: number
44
- }>
45
-
46
- export interface DashboardFeatureItem {
47
- id: string | number
48
- category: string
49
- releaseDate: string
50
- title: string
51
- description: string
52
- }
53
-
54
- export const DashboardFeaturesCard: DefineComponent<{
55
- title: string
56
- description: string
57
- items: DashboardFeatureItem[]
58
- loading?: boolean
59
- skeletonCount?: number
60
- }>
61
-
62
- export const DynamicFormField: DefineComponent<{
63
- field: {
64
- key: string;
65
- component: string;
66
- model: string;
67
- seq?: number;
68
- column?: string;
69
- isHidden?: boolean;
70
- logic?: Record<string, any>;
71
- props?: Record<string, any>;
72
- propsFieldGlobal?: Record<string, any>;
73
- };
74
- modelValue?: any;
75
- formData?: Record<string, any>;
76
- required?: boolean;
77
- options?: any[];
78
- error?: string | null;
79
- dynamicLabels?: {
80
- labelEN?: string;
81
- labelID?: string;
82
- labelKR?: string;
83
- placeholderEN?: string;
84
- placeholderID?: string;
85
- placeholderKR?: string;
86
- } | null;
87
- dynamicLength?: {
88
- minLength?: number | string | null;
89
- maxLength?: number | string | null;
90
- } | null;
91
- baseUrl?: string;
92
- viewOnly?: boolean;
93
- }>
94
-
95
- export const DCodeAutoComplete: DefineComponent<{
96
- modelValue?: any
97
- options?: any[]
98
- label?: string
99
- placeholder?: string
100
- disabled?: boolean
101
- visible?: boolean
102
- skeleton?: boolean
103
- error?: string | null
104
- pageSize?: number
105
- threshold?: number
106
- searchParamName?: string
107
- debounceMs?: number
108
- [key: string]: any
109
- }>
110
-
111
- export const Breadcrumb: DefineComponent<{
112
- items?: any[]
113
- showHomeIcon?: boolean
114
- iconSize?: string
115
- disabled?: boolean
116
- separatorSize?: number
117
- separatorType?: 'chevron' | 'slash'
118
- strokeWidth?: number
119
- visible?: boolean
120
- [key: string]: any
121
- }>
122
-
123
- export const DCodeBadge: DefineComponent<{
124
- text?: string
125
- variant?: 'default' | 'secondary' | 'destructive' | 'outline' | 'success' | 'warning' | 'info' | 'ghost' | 'tonal' | 'pink' | 'purple' | 'dark' | 'light'
126
- size?: 'xs' | 'sm' | 'md' | 'lg'
127
- icon?: string
128
- dot?: boolean
129
- pill?: boolean
130
- color?: string
131
- skeleton?: boolean
132
- visible?: boolean
133
- [key: string]: any
134
- }>
135
-
136
- export const DCodeBeforeAfter: DefineComponent<{
137
- dataBefore: any
138
- dataAfter: any
139
- [key: string]: any
140
- }>
141
-
142
- export const DCodeListLabels: DefineComponent<{
143
- dataBefore?: any
144
- dataAfter?: any
145
- [key: string]: any
146
- }>
147
-
148
- export const DCodeFieldDiff: DefineComponent<{
149
- dataBefore?: any
150
- dataAfter?: any
151
- labels?: Record<string, string>
152
- [key: string]: any
153
- }>
154
- export const DCodeButton: DefineComponent<{
155
- text?: string
156
- variant?: 'default' | 'secondary' | 'destructive' | 'outline' | 'ghost' | 'link' | 'tonal' | 'elevated'
157
- size?: 'default' | 'sm' | 'lg' | 'icon'
158
- tooltip?: string
159
- bgColor?: string
160
- textColor?: string
161
- hoverBgColor?: string
162
- borderColor?: string
163
- disabled?: boolean
164
- type?: 'BUTTON' | 'SUBMIT' | 'RESET' | 'button' | 'submit' | 'reset'
165
- visible?: boolean
166
- skeleton?: boolean
167
- to?: string
168
- icon?: string
169
- iconClass?: string
170
- [key: string]: any
171
- }>
172
-
173
- export const DCodeButtonGroup: DefineComponent<{
174
- buttons?: any[]
175
- items?: any[]
176
- variant?: 'default' | 'secondary' | 'destructive' | 'outline' | 'ghost' | 'link' | 'tonal' | 'elevated'
177
- size?: 'default' | 'sm' | 'lg' | 'icon'
178
- bgColor?: string
179
- textColor?: string
180
- borderColor?: string
181
- rounded?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full'
182
- borderStyle?: 'solid' | 'dashed' | 'dotted' | 'double' | 'none'
183
- orientation?: 'horizontal' | 'vertical'
184
- disabled?: boolean
185
- visible?: boolean
186
- skeleton?: boolean
187
- gap?: string
188
- [key: string]: any
189
- }>
190
-
191
- export const DCodeCard: DefineComponent<{
192
- [key: string]: any
193
- }>
194
-
195
- export const DCodeChart: DefineComponent<{
196
- type: string
197
- width?: number
198
- height?: number
199
- required?: boolean
200
- loading?: boolean
201
- error?: string | null
202
- showInfo?: boolean
203
- responsive?: boolean
204
- maintainAspectRatio?: boolean
205
- theme?: string
206
- colors?: string[]
207
- data?: any
208
- modelValue?: any
209
- options?: any
210
- label?: string
211
- [key: string]: any
212
- }>
213
-
214
- export interface CheckboxItem {
215
- id: string | number
216
- title: string
217
- value?: boolean
218
- disabled?: boolean
219
- indeterminate?: boolean
220
- }
221
-
222
- export const DCodeCheckbox: DefineComponent<{
223
- modelValue?: boolean | string[] | any
224
- label?: string
225
- title?: string
226
- required?: boolean
227
- disabled?: boolean
228
- visible?: boolean
229
- skeleton?: boolean
230
- [key: string]: any
231
- }>
232
-
233
- export const DCodeCardCheckboxList: DefineComponent<{
234
- label?: string
235
- items?: CheckboxItem[]
236
- modelValue?: CheckboxItem[] | (string | number)[]
237
- columns?: 1 | 2 | 3 | 4
238
- skeleton?: boolean
239
- disabled?: boolean
240
- visible?: boolean
241
- apiModule?: string
242
- apiAction?: string
243
- endpoint?: {
244
- apiUrl: string
245
- apiMethod?: string
246
- [key: string]: any
247
- }
248
- itemTitle?: string
249
- itemValue?: string
250
- apiParams?: Record<string, any>
251
- returnArray?: boolean
252
- [key: string]: any
253
- }>
254
-
255
- export const DCodeCurrencyField: DefineComponent<{
256
- modelValue?: number | null
257
- label?: string
258
- placeholder?: string
259
- disabled?: boolean
260
- visible?: boolean
261
- skeleton?: boolean
262
- error?: string | null
263
- currency?: string
264
- [key: string]: any
265
- }>
266
-
267
- export const DCodeDatePicker: DefineComponent<{
268
- modelValue?: string | Date | null
269
- label?: string
270
- placeholder?: string
271
- disabled?: boolean
272
- visible?: boolean
273
- skeleton?: boolean
274
- error?: string | null
275
- format?: string
276
- [key: string]: any
277
- }>
278
-
279
- export const DCodeTimePicker: DefineComponent<{
280
- modelValue?: string | null
281
- label?: string
282
- placeholder?: string
283
- disabled?: boolean
284
- visible?: boolean
285
- skeleton?: boolean
286
- error?: string | null
287
- is24?: boolean
288
- enableSeconds?: boolean
289
- minutesIncrement?: number
290
- [key: string]: any
291
- }>
292
-
293
- export const DCodeDateTimePicker: DefineComponent<{
294
- modelValue?: string | null
295
- label?: string
296
- placeholder?: string
297
- disabled?: boolean
298
- visible?: boolean
299
- skeleton?: boolean
300
- error?: string | null
301
- disablePast?: boolean
302
- maxDaysAhead?: number | null
303
- is24?: boolean
304
- enableSeconds?: boolean
305
- minutesIncrement?: number
306
- [key: string]: any
307
- }>
308
-
309
- export const DCodeDialog: DefineComponent<{
310
- modelValue?: boolean
311
- title?: string
312
- showClose?: boolean
313
- [key: string]: any
314
- }>
315
-
316
- export const DCodeCardSelect: DefineComponent<{
317
- modelValue?: string | number
318
- options?: Array<{
319
- id?: string | number
320
- value: string | number
321
- icon?: string
322
- title?: string
323
- label?: string
324
- description?: string
325
- disabled?: boolean
326
- }>
327
- ariaLabel?: string
328
- layout?: 'grid' | 'list'
329
- [key: string]: any
330
- }>
331
-
332
- export const DCodeSelect: DefineComponent<{
333
- modelValue?: string | number | null
334
- options?: Array<{
335
- value: string | number
336
- label?: string
337
- description?: string
338
- disabled?: boolean
339
- }>
340
- placeholder?: string
341
- searchable?: boolean
342
- searchPlaceholder?: string
343
- clearable?: boolean
344
- disabled?: boolean
345
- readonly?: boolean
346
- ariaLabel?: string
347
- [key: string]: any
348
- }>
349
-
350
- export const DCodeDialogCloseBtn: DefineComponent<{
351
- [key: string]: any
352
- }>
353
-
354
- export const DCodeDrawer: DefineComponent<{
355
- open?: boolean
356
- title?: string
357
- description?: string
358
- widthClass?: string
359
- closeLabel?: string
360
- onClose?: () => void
361
- [key: string]: any
362
- }>
363
-
364
- export const DCodeDropzone: DefineComponent<{
365
- modelValue?: File | File[] | null
366
- label?: string
367
- accept?: string
368
- multiple?: boolean
369
- disabled?: boolean
370
- visible?: boolean
371
- [key: string]: any
372
- }>
373
-
374
- export const DCodeFileField: DefineComponent<{
375
- modelValue?: File | null
376
- label?: string
377
- accept?: string
378
- disabled?: boolean
379
- visible?: boolean
380
- skeleton?: boolean
381
- error?: string | null
382
- [key: string]: any
383
- }>
384
-
385
- export const DCodeFileResult: DefineComponent<{
386
- value?: string | null
387
- label?: string
388
- visible?: boolean
389
- [key: string]: any
390
- }>
391
-
392
- export const DCodePdfViewer: DefineComponent<{
393
- itemValue?: string | null
394
- label?: string
395
- [key: string]: any
396
- }>
397
-
398
- export const DCodeRobotList: DefineComponent<{
399
- title?: string
400
- socketEndpoint?: string
401
- socketParams?: Record<string, any>
402
- modelValue?: any[]
403
- visible?: boolean
404
- [key: string]: any
405
- }>
406
-
407
- export const DCodeIconDropdown: DefineComponent<{
408
- items?: any[]
409
- disabled?: boolean
410
- visible?: boolean
411
- [key: string]: any
412
- }>
413
-
414
- export const DCodeImageCropperDialog: DefineComponent<{
415
- modelValue?: boolean
416
- imageSrc?: string
417
- [key: string]: any
418
- }>
419
-
420
- export const DCodeImageField: DefineComponent<{
421
- modelValue?: string | File | null
422
- label?: string
423
- disabled?: boolean
424
- visible?: boolean
425
- skeleton?: boolean
426
- error?: string | null
427
- [key: string]: any
428
- }>
429
-
430
- export const DCodeImageResult: DefineComponent<{
431
- value?: string | null
432
- label?: string
433
- visible?: boolean
434
- [key: string]: any
435
- }>
436
-
437
- export const DCodeInfiniteAutoComplete: DefineComponent<{
438
- modelValue?: string | number | object | any[] | null | undefined
439
- apiModule?: string
440
- apiAction?: string
441
- apiOptions?: any | (() => any | undefined)
442
- autoFetchOnOpen?: boolean
443
- refreshOnOpen?: boolean
444
- autoFetchOnMount?: boolean
445
- visible?: boolean
446
- clearable?: boolean
447
- disabled?: boolean
448
- skeleton?: boolean
449
- error?: string | null
450
- errorMessage?: string | null
451
- itemTitle?: string | ((item: any) => string)
452
- itemValue?: string | ((item: any) => any)
453
- itemSubtitle?: string | ((item: any) => string)
454
- returnObject?: boolean
455
- endpoint?: {
456
- apiModule?: string
457
- apiAction?: string
458
- apiUrl?: string
459
- apiMethod?: string
460
- }
461
- apiParams?: Record<string, any>
462
- fetchItems?: () => Promise<any[]>
463
- icon?: any
464
- label?: string
465
- placeholder?: string
466
- required?: boolean
467
- inputType?: string
468
- helperText?: string
469
- noResultsText?: string
470
- loadingText?: string
471
- endOfResultsText?: string
472
- pageSize?: number
473
- threshold?: number
474
- debounceMs?: number
475
- [key: string]: any
476
- }>
477
-
478
- export const DCodeLabel: DefineComponent<{
479
- for?: string
480
- required?: boolean
481
- [key: string]: any
482
- }>
483
-
484
- export const DCodeMultiSelect: DefineComponent<{
485
- modelValue?: any[]
486
- options?: any[]
487
- label?: string
488
- placeholder?: string
489
- disabled?: boolean
490
- visible?: boolean
491
- skeleton?: boolean
492
- error?: string | null
493
- [key: string]: any
494
- }>
495
-
496
- export const DCodeOtpInput: DefineComponent<{
497
- modelValue?: string
498
- length?: number
499
- disabled?: boolean
500
- visible?: boolean
501
- [key: string]: any
502
- }>
503
-
504
- export const DCodePermissionMenu: DefineComponent<{
505
- menuList?: any[]
506
- enableParentControl?: boolean
507
- showIcons?: boolean
508
- modelValue?: Array<{ menuId: number; actionsIds: number[] }>
509
- treeData?: any[]
510
- [key: string]: any
511
- }>
512
-
513
- export const DCodeProgress: DefineComponent<{
514
- modelValue?: number
515
- max?: number
516
- label?: string
517
- showValue?: boolean
518
- color?: string
519
- size?: 'sm' | 'md' | 'lg'
520
- striped?: boolean
521
- animated?: boolean
522
- [key: string]: any
523
- }>
524
-
525
- export const DCodeProgressBar: DefineComponent<{
526
- isApiLoading?: boolean
527
- apiProgress?: number
528
- }>
529
-
530
- export const DCodePercentage: DefineComponent<{
531
- value?: number
532
- max?: number
533
- label?: string
534
- caption?: string
535
- showValue?: boolean
536
- variant?: 'bar' | 'circle' | 'donut' | 'semi-circle' | 'radial' | 'steps' | 'bullet'
537
- size?: 'sm' | 'md' | 'lg'
538
- target?: number
539
- stepCount?: number
540
- color?: 'primary' | 'success' | 'warning' | 'danger'
541
- visible?: boolean
542
- [key: string]: any
543
- }>
544
-
545
- export const DCodeRadio: DefineComponent<{
546
- modelValue?: any
547
- value?: any
548
- label?: string
549
- description?: string
550
- disabled?: boolean
551
- required?: boolean
552
- error?: string | null
553
- size?: 'sm' | 'md' | 'lg'
554
- color?: string
555
- name?: string
556
- id?: string
557
- [key: string]: any
558
- }>
559
-
560
- export const DCodeRadioCustom: DefineComponent<{
561
- modelValue?: string | number | boolean
562
- options?: any[]
563
- label?: string
564
- disabled?: boolean
565
- visible?: boolean
566
- [key: string]: any
567
- }>
568
-
569
- export const DCodeSlider: DefineComponent<{
570
- modelValue?: number
571
- label?: string
572
- min?: number
573
- max?: number
574
- step?: number
575
- disabled?: boolean
576
- visible?: boolean
577
- [key: string]: any
578
- }>
579
-
580
- export const DCodeStaticLabel: DefineComponent<{
581
- label?: string
582
- value?: any
583
- icon?: string
584
- color?: "primary" | "success" | "warning" | "danger" | "info" | "secondary" | "dark"
585
- [key: string]: any
586
- }>
587
-
588
- export const DCodeStaticImage: DefineComponent<{
589
- items: any[]
590
- alt?: string
591
- label?: string
592
- aspectRatio?: string
593
- width?: string
594
- height?: string
595
- fit?: "cover" | "contain" | "fill" | "none"
596
- rounded?: boolean
597
- allowPreview?: boolean
598
- columns?: number
599
- gap?: string
600
- [key: string]: any
601
- }>
602
-
603
- export const DCodeSwitch: DefineComponent<{
604
- modelValue?: boolean
605
- label?: string
606
- disabled?: boolean
607
- visible?: boolean
608
- skeleton?: boolean
609
- [key: string]: any
610
- }>
611
-
612
- export const DCodeSegment: DefineComponent<{
613
- modelValue?: string | number
614
- label?: string
615
- title?: string
616
- required?: boolean
617
- disabled?: boolean
618
- readonly?: boolean
619
- size?: 'small' | 'medium' | 'large'
620
- color?: string
621
- layout?: 'default' | 'icon-only' | 'icon-bottom' | 'icon-start' | 'icon-end'
622
- options?: { label?: string; value: string | number; icon?: string; disabled?: boolean }[]
623
- id?: string
624
- skeleton?: boolean
625
- [key: string]: any
626
- }>
627
-
628
- export const DCodeTextField: DefineComponent<{
629
- modelValue?: string | number | null
630
- label?: string
631
- placeholder?: string
632
- clearable?: boolean
633
- hideClearWhenEmpty?: boolean
634
- textCase?: 'none' | 'uppercase' | 'lowercase' | 'titlecase' | 'sentencecase'
635
- applyTextCaseToValue?: boolean
636
- valueType?: 'free' | 'number' | 'letter' | 'letternumber' | 'email' | 'password'
637
- allowSpaces?: boolean
638
- allowChars?: string | string[]
639
- pattern?: RegExp
640
- visible?: boolean
641
- skeleton?: boolean
642
- showCharCount?: boolean
643
- returnNumber?: boolean
644
- error?: string | null
645
- disabled?: boolean
646
- [key: string]: any
647
- }>
648
-
649
- export const DCodeMapField: DefineComponent<{
650
- modelValue?: any
651
- valueFormat?: 'object-lat-lng' | 'object-latitude-longitude' | 'array-lat-lng' | 'array-lng-lat' | 'string'
652
- label?: string
653
- placeholder?: string
654
- disabled?: boolean
655
- readonly?: boolean
656
- visible?: boolean
657
- skeleton?: boolean
658
- error?: string | null
659
- height?: string
660
- zoom?: number
661
- defaultLat?: number
662
- defaultLng?: number
663
- enableSearch?: boolean
664
- enableCurrentLocation?: boolean
665
- enableManualInput?: boolean
666
- searchParamName?: string
667
- debounceMs?: number
668
- [key: string]: any
669
- }>
670
-
671
-
672
- export const DCodeTextarea: DefineComponent<{
673
- modelValue?: string | null
674
- label?: string
675
- placeholder?: string
676
- disabled?: boolean
677
- visible?: boolean
678
- skeleton?: boolean
679
- error?: string | null
680
- [key: string]: any
681
- }>
682
-
683
- export const DCodeTextEditor: DefineComponent<{
684
- modelValue?: string | null
685
- label?: string
686
- error?: string | null
687
- disabled?: boolean
688
- readonly?: boolean
689
- visible?: boolean
690
- skeleton?: boolean
691
- placeholder?: string
692
- height?: string
693
- [key: string]: any
694
- }>
695
-
696
- export const DCodeTimelineWithIcons: DefineComponent<{
697
- items?: any[]
698
- apiUrl?: string
699
- apiModule?: string
700
- apiAction?: string
701
- apiMethod?: string
702
- apiParams?: Record<string, any>
703
- title?: string
704
- orientation?: "VERTICAL" | "HORIZONTAL"
705
- endpoint?: {
706
- apiUrl?: string;
707
- apiMethod?: string;
708
- keyParam?: string[];
709
- }
710
- [key: string]: any
711
- }>
712
-
713
- export const DCodeUploadFile: DefineComponent<{
714
- modelValue?: File | null
715
- label?: string
716
- accept?: string
717
- disabled?: boolean
718
- visible?: boolean
719
- [key: string]: any
720
- }>
721
-
722
- export const DCodeWorkflowDiagram: DefineComponent<{
723
- auditId?: string | number
724
- fetcher?: (params: { auditId: string | number }) => Promise<Blob>
725
- apiModule?: string
726
- apiAction?: string
727
- apiUrl?: string
728
- apiMethod?: string
729
- apiParams?: Record<string, any>
730
- title?: string
731
- height?: string
732
- [key: string]: any
733
- }>
734
-
735
- export const DCodeWorkflowBpmn: DefineComponent<{
736
- xml?: string | null
737
- modelValue?: string | null
738
- title?: string
739
- height?: string
740
- apiUrl?: string
741
- apiModule?: string
742
- apiAction?: string
743
- apiMethod?: string
744
- apiParams?: Record<string, any>
745
- endpoint?: {
746
- apiUrl?: string;
747
- apiMethod?: string;
748
- keyParam?: string[];
749
- model?: string;
750
- }
751
- fetcher?: (params?: any) => Promise<string | Blob>
752
- baseUrl?: string
753
- dummyMode?: boolean
754
- showToolbar?: boolean
755
- allowDownload?: boolean
756
- allowViewCode?: boolean
757
- fitOnLoad?: boolean
758
- zoomOnScroll?: boolean
759
- interactive?: boolean
760
- tokenSimulation?: boolean
761
- [key: string]: any
762
- }>
763
-
764
- export const DCodeWizard: DefineComponent<{
765
- steps?: any[]
766
- modelValue?: number
767
- visible?: boolean
768
- [key: string]: any
769
- }>
770
-
771
- export const DCodeTreePermissions: DefineComponent<{
772
- modelValue?: Array<{ menuId: number; actionsIds: number[] }>
773
- label?: string
774
- required?: boolean
775
- disabled?: boolean
776
- error?: string
777
- treeData?: any[]
778
- [key: string]: any
779
- }>
780
-
781
- export const DCodeDynamicUploadList: DefineComponent<{
782
- modelValue?: any[]
783
- label?: string
784
- labelID?: string
785
- labelEN?: string
786
- labelKR?: string
787
- endpoint?: {
788
- apiModule?: string
789
- apiAction?: string
790
- apiUrl?: string
791
- apiMethod?: string
792
- }
793
- endpointReference?: {
794
- apiModule?: string
795
- apiAction?: string
796
- apiUrl?: string
797
- apiMethod?: string
798
- }
799
- itemTitle?: string
800
- itemValue?: string
801
- baseUrl?: string
802
- disabled?: boolean
803
- visible?: boolean
804
- skeleton?: boolean
805
- error?: string | null
806
- [key: string]: any
807
- }>
808
-
809
- export const DCodeDynamicCollapse: DefineComponent<{
810
- modelValue?: any
811
- label?: string
812
- labelID?: string
813
- labelEN?: string
814
- labelKR?: string
815
- endpointReference?: {
816
- apiModule?: string
817
- apiAction?: string
818
- apiUrl?: string
819
- apiMethod?: string
820
- }
821
- itemTitle?: string
822
- itemValue?: string
823
- items?: any[]
824
- accordion?: boolean
825
- disabled?: boolean
826
- required?: boolean
827
- renderSubForm?: boolean
828
- subLayoutCodeKey?: string
829
- formData?: Record<string, any>
830
- isEditMode?: boolean
831
- layoutMapping?: any
832
- [key: string]: any
833
- }>
834
-
835
- export const MicroDynamicForm: any
836
- export const MicroDynamicDatatable: any
837
-
838
- export const AutoLayoutForm: DefineComponent<{
839
- layoutCode: string
840
- isEditMode?: boolean
841
- model?: Record<string, any>
842
- config?: any
843
- schema?: any
844
- [key: string]: any
845
- }>
846
- export const AutoLayoutDatatable: DefineComponent<{
847
- layoutCode: string
848
- userPermissions?: any
849
- permissionBase?: string
850
- checkPermission?: (permission: string) => boolean
851
- config?: any
852
- schema?: any
853
- [key: string]: any
854
- }>
855
- export const DataTable: DefineComponent<{
856
- columns?: any[]
857
- data?: any[]
858
- perPage?: number
859
- loading?: boolean
860
- hasActions?: boolean
861
- nested?: boolean
862
- apiModule?: string
863
- apiAction?: string
864
- apiMethod?: string
865
- apiUrl?: string
866
- permissionBase?: string
867
- apiParams?: Record<string, any>
868
- configKey?: string
869
- tableConfig?: any
870
- dynamicColumns?: boolean
871
- searchApiEndpoint?: string
872
- enableQuickSearch?: boolean
873
- showPagination?: boolean
874
- ignorePermissions?: boolean
875
- userPermissions?: any
876
- permissionChecker?: (path: string, action: string) => boolean
877
- permissions?: string[]
878
- checkPermission?: (permission: string) => boolean
879
- menuPermissions?: any[]
880
- dummyMode?: boolean
881
- [key: string]: any
882
- }>
883
- export const DataTableComponent: DefineComponent<{
884
- [key: string]: any
885
- }>
886
-
887
- export const DynamicForm: DefineComponent<{
888
- schema: any
889
- dummyMode?: boolean
890
- model?: Record<string, any>
891
- isEditMode?: boolean
892
- loading?: boolean
893
- baseUrl?: string
894
- [key: string]: any
895
- }>
896
-
897
- export const DynamicWizard: DefineComponent<{
898
- schema: any
899
- model?: Record<string, any>
900
- isEditMode?: boolean
901
- loading?: boolean
902
- selectedTokenCore?: any
903
- tokenCores?: any[]
904
- dummyMode?: boolean
905
- router?: any
906
- permissionBase?: string
907
- userPermissions?: any
908
- checkPermission?: (permission: string) => boolean
909
- hideActions?: boolean
910
- [key: string]: any
911
- }>
912
-
913
- export interface SegmentGroupOption {
914
- code: string
915
- display: string
916
- tooltip?: string
917
- }
918
-
919
- export const DCodeSegmentGroup: DefineComponent<{
920
- modelValue: string | null | undefined
921
- options: SegmentGroupOption[]
922
- label?: string
923
- description?: string
924
- disabled?: boolean
925
- }>
926
-
927
- export const Tooltip: DefineComponent<{
928
- [key: string]: any
929
- }>
930
- export const TooltipContent: DefineComponent<{
931
- [key: string]: any
932
- }>
933
- export const TooltipTrigger: DefineComponent<{
934
- [key: string]: any
935
- }>
936
- export const TooltipProvider: DefineComponent<{
937
- [key: string]: any
938
- }>
939
-
940
- export interface MetricBarItem {
941
- id?: string | number
942
- label: string
943
- value: string | number | boolean
944
- type?: 'text' | 'currency' | 'percent' | 'badge'
945
- color?: string
946
- badgeType?: 'success' | 'danger' | 'warning' | 'info' | 'neutral'
947
- badgeText?: string
948
- badgeColor?: string
949
- }
950
-
951
- export const DCodeBarCustom: DefineComponent<{
952
- label?: string
953
- icon?: string
954
- modelValue?: any
955
- border?: boolean
956
- shadow?: boolean
957
- padding?: string
958
- containerClass?: string
959
- /** Tipe format value. Nilai: 'TEXT' | 'DATE' | 'DATETIME' | 'CURRENCY' | 'BOOLEAN' | 'NUMBER' | 'PERCENT' | 'BADGE' */
960
- valueType?: 'TEXT' | 'DATE' | 'DATETIME' | 'CURRENCY' | 'BOOLEAN' | 'NUMBER' | 'PERCENT' | 'BADGE' | string
961
- /** Kode mata uang atau awalan (contoh: 'IDR', 'USD'). Digunakan saat valueType='CURRENCY' */
962
- prefix?: string
963
- /** Akhiran teks (contoh: ' unit', ' kg') */
964
- suffix?: string
965
- /** Locale formatting, default 'id-ID' */
966
- locale?: string
967
- }>
968
-
969
- export const DCodePagination: DefineComponent<{
970
- totalItems: number
971
- currentPage: number
972
- perPage: number
973
- perPageOptions?: number[]
974
- showPerPage?: boolean
975
- showInfo?: boolean
976
- showEdges?: boolean
977
- loading?: boolean
978
- }>
979
-
980
- export interface CardListField {
981
- key?: string
982
- model: string
983
- label?: string
984
- labelID?: string
985
- labelEN?: string
986
- labelKR?: string
987
- column?: 'FULL' | 'HALF' | 'THIRD' | string
988
- valueType?: string
989
- prefix?: string
990
- suffix?: string
991
- badgeColor?: string
992
- }
993
-
994
- export interface CardListSubTableHeader {
995
- key: string
996
- label?: string
997
- labelID?: string
998
- labelEN?: string
999
- labelKR?: string
1000
- width?: string
1001
- align?: 'left' | 'center' | 'right'
1002
- }
1003
-
1004
- export interface CardListSubTable {
1005
- key: string
1006
- title?: string
1007
- titleID?: string
1008
- titleEN?: string
1009
- titleKR?: string
1010
- modelKey: string
1011
- headers: CardListSubTableHeader[]
1012
- }
1013
-
1014
- export const DCodeCardList: DefineComponent<{
1015
- items?: any[]
1016
- modelValue?: any[]
1017
- titleTemplate?: string
1018
- fields?: CardListField[]
1019
- subTables?: CardListSubTable[]
1020
- columns?: 1 | 2 | 3 | 4
1021
- title?: string
1022
- titleID?: string
1023
- titleEN?: string
1024
- titleKR?: string
1025
- description?: string
1026
- descriptionID?: string
1027
- descriptionEN?: string
1028
- endpoint?: {
1029
- apiUrl?: string
1030
- apiMethod?: 'GET' | 'POST'
1031
- keyParam?: any[]
1032
- dataKey?: string
1033
- }
1034
- loading?: boolean
1035
- emptyText?: string
1036
- emptyIcon?: string
1037
- cardBorder?: boolean
1038
- collapsible?: boolean
1039
- showIndex?: boolean
1040
- maxHeight?: string
1041
- locale?: 'id' | 'en' | 'kr' | 'ko' | string
1042
- }>
1043
-
1044
- export function registerLogic(name: string, module: any): void
1045
- export function getLogicModule(name: string): any
1046
- export function unregisterLogic(name: string): void
1047
-
1048
- export function cn(...inputs: any[]): string
1049
- export function useDynamicForm(props: any, emit: any): any
1050
- export interface PaginationStorage {
1051
- load(key: string): any | null
1052
- save(key: string, data: any): void
1053
- clear(): void
1054
- }
1055
- export function setPaginationStorage(storage: PaginationStorage | null): void
1056
- export function clearPaginationCache(): void
1057
-
1058
- const DynamicUI: {
1059
- install: (app: any, options?: DynamicUIApiConfig) => void
1060
- }
1061
- export default DynamicUI