@vtj/ui 0.9.24 → 0.9.25

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.
@@ -1,8 +1,10 @@
1
1
  import { ActionMenuItem } from '../';
2
2
  import { MaskTab } from './types';
3
- import { CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, DefineComponent, ExtractPropTypes, PropType } from 'vue';
3
+ import { CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, ExtractPropTypes, PropType, ComputedRef, ComponentProvideOptions, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, DefineComponent } from 'vue';
4
4
  import { Props } from './components/Tabs';
5
5
  import { MenuDataItem } from '../menu';
6
+ import { ContainerWrap, ContainerDirection, ContainerJustifyContent, ContainerAlignItems, ContainerAlignContent } from '../container';
7
+ import { OnCleanup } from '@vue/reactivity';
6
8
  import { ActionBarItems } from '../action-bar';
7
9
  import { IconParam } from '../icon';
8
10
  import { ActionMode } from '../action';
@@ -30,7 +32,258 @@ declare function __VLS_template(): {
30
32
  remove: (tab: MaskTab) => any;
31
33
  refresh: (tab: MaskTab) => any;
32
34
  toggleFavorite: (item: MenuDataItem) => any;
33
- }, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
35
+ }, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
36
+ tabsRef: ({
37
+ $: ComponentInternalInstance;
38
+ $data: {};
39
+ $props: Partial<{
40
+ padding: boolean;
41
+ tag: string;
42
+ wrap: ContainerWrap;
43
+ fit: boolean;
44
+ flex: boolean;
45
+ inline: boolean;
46
+ direction: ContainerDirection;
47
+ justify: ContainerJustifyContent;
48
+ align: ContainerAlignItems;
49
+ alignContent: ContainerAlignContent;
50
+ grow: boolean;
51
+ shrink: boolean;
52
+ alignSelf: "auto" | ContainerAlignItems;
53
+ gap: boolean;
54
+ autoPointer: boolean;
55
+ }> & Omit<{
56
+ readonly padding: boolean;
57
+ readonly tag: string;
58
+ readonly wrap: ContainerWrap;
59
+ readonly fit: boolean;
60
+ readonly flex: boolean;
61
+ readonly inline: boolean;
62
+ readonly direction: ContainerDirection;
63
+ readonly justify: ContainerJustifyContent;
64
+ readonly align: ContainerAlignItems;
65
+ readonly alignContent: ContainerAlignContent;
66
+ readonly grow: boolean;
67
+ readonly shrink: boolean;
68
+ readonly alignSelf: "auto" | ContainerAlignItems;
69
+ readonly gap: boolean;
70
+ readonly autoPointer: boolean;
71
+ readonly width?: string | number | undefined;
72
+ readonly height?: string | number | undefined;
73
+ readonly overflow?: "hidden" | "auto" | "visible" | undefined;
74
+ } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "padding" | "tag" | "wrap" | "fit" | "flex" | "inline" | "direction" | "justify" | "align" | "alignContent" | "grow" | "shrink" | "alignSelf" | "gap" | "autoPointer">;
75
+ $attrs: {
76
+ [x: string]: unknown;
77
+ };
78
+ $refs: {
79
+ [x: string]: unknown;
80
+ } & {
81
+ elRef: unknown;
82
+ };
83
+ $slots: Readonly<{
84
+ [name: string]: Slot<any> | undefined;
85
+ }>;
86
+ $root: ComponentPublicInstance | null;
87
+ $parent: ComponentPublicInstance | null;
88
+ $host: Element | null;
89
+ $emit: (event: string, ...args: any[]) => void;
90
+ $el: any;
91
+ $options: ComponentOptionsBase<Readonly< ExtractPropTypes<{
92
+ tag: {
93
+ type: StringConstructor;
94
+ default: string;
95
+ };
96
+ fit: {
97
+ type: BooleanConstructor;
98
+ default: boolean;
99
+ };
100
+ width: {
101
+ type: (StringConstructor | NumberConstructor)[];
102
+ };
103
+ height: {
104
+ type: (StringConstructor | NumberConstructor)[];
105
+ };
106
+ flex: {
107
+ type: BooleanConstructor;
108
+ default: boolean;
109
+ };
110
+ inline: {
111
+ type: BooleanConstructor;
112
+ };
113
+ direction: {
114
+ type: PropType<ContainerDirection>;
115
+ default: string;
116
+ };
117
+ wrap: {
118
+ type: PropType<ContainerWrap>;
119
+ default: string;
120
+ };
121
+ justify: {
122
+ type: PropType<ContainerJustifyContent>;
123
+ default: string;
124
+ };
125
+ align: {
126
+ type: PropType<ContainerAlignItems>;
127
+ default: string;
128
+ };
129
+ alignContent: {
130
+ type: PropType<ContainerAlignContent>;
131
+ default: string;
132
+ };
133
+ grow: {
134
+ type: BooleanConstructor;
135
+ default: boolean;
136
+ };
137
+ shrink: {
138
+ type: BooleanConstructor;
139
+ default: boolean;
140
+ };
141
+ alignSelf: {
142
+ type: PropType<"auto" | ContainerAlignItems>;
143
+ default: string;
144
+ };
145
+ overflow: {
146
+ type: PropType<"auto" | "hidden" | "visible">;
147
+ };
148
+ padding: {
149
+ type: BooleanConstructor;
150
+ default: boolean;
151
+ };
152
+ gap: {
153
+ type: BooleanConstructor;
154
+ };
155
+ autoPointer: {
156
+ type: BooleanConstructor;
157
+ };
158
+ }>> & Readonly<{}>, {
159
+ $vtjEl: ComputedRef<any>;
160
+ }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
161
+ padding: boolean;
162
+ tag: string;
163
+ wrap: ContainerWrap;
164
+ fit: boolean;
165
+ flex: boolean;
166
+ inline: boolean;
167
+ direction: ContainerDirection;
168
+ justify: ContainerJustifyContent;
169
+ align: ContainerAlignItems;
170
+ alignContent: ContainerAlignContent;
171
+ grow: boolean;
172
+ shrink: boolean;
173
+ alignSelf: "auto" | ContainerAlignItems;
174
+ gap: boolean;
175
+ autoPointer: boolean;
176
+ }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
177
+ beforeCreate?: (() => void) | (() => void)[];
178
+ created?: (() => void) | (() => void)[];
179
+ beforeMount?: (() => void) | (() => void)[];
180
+ mounted?: (() => void) | (() => void)[];
181
+ beforeUpdate?: (() => void) | (() => void)[];
182
+ updated?: (() => void) | (() => void)[];
183
+ activated?: (() => void) | (() => void)[];
184
+ deactivated?: (() => void) | (() => void)[];
185
+ beforeDestroy?: (() => void) | (() => void)[];
186
+ beforeUnmount?: (() => void) | (() => void)[];
187
+ destroyed?: (() => void) | (() => void)[];
188
+ unmounted?: (() => void) | (() => void)[];
189
+ renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
190
+ renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
191
+ errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
192
+ };
193
+ $forceUpdate: () => void;
194
+ $nextTick: nextTick;
195
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
196
+ } & Readonly<{
197
+ padding: boolean;
198
+ tag: string;
199
+ wrap: ContainerWrap;
200
+ fit: boolean;
201
+ flex: boolean;
202
+ inline: boolean;
203
+ direction: ContainerDirection;
204
+ justify: ContainerJustifyContent;
205
+ align: ContainerAlignItems;
206
+ alignContent: ContainerAlignContent;
207
+ grow: boolean;
208
+ shrink: boolean;
209
+ alignSelf: "auto" | ContainerAlignItems;
210
+ gap: boolean;
211
+ autoPointer: boolean;
212
+ }> & Omit<Readonly< ExtractPropTypes<{
213
+ tag: {
214
+ type: StringConstructor;
215
+ default: string;
216
+ };
217
+ fit: {
218
+ type: BooleanConstructor;
219
+ default: boolean;
220
+ };
221
+ width: {
222
+ type: (StringConstructor | NumberConstructor)[];
223
+ };
224
+ height: {
225
+ type: (StringConstructor | NumberConstructor)[];
226
+ };
227
+ flex: {
228
+ type: BooleanConstructor;
229
+ default: boolean;
230
+ };
231
+ inline: {
232
+ type: BooleanConstructor;
233
+ };
234
+ direction: {
235
+ type: PropType<ContainerDirection>;
236
+ default: string;
237
+ };
238
+ wrap: {
239
+ type: PropType<ContainerWrap>;
240
+ default: string;
241
+ };
242
+ justify: {
243
+ type: PropType<ContainerJustifyContent>;
244
+ default: string;
245
+ };
246
+ align: {
247
+ type: PropType<ContainerAlignItems>;
248
+ default: string;
249
+ };
250
+ alignContent: {
251
+ type: PropType<ContainerAlignContent>;
252
+ default: string;
253
+ };
254
+ grow: {
255
+ type: BooleanConstructor;
256
+ default: boolean;
257
+ };
258
+ shrink: {
259
+ type: BooleanConstructor;
260
+ default: boolean;
261
+ };
262
+ alignSelf: {
263
+ type: PropType<"auto" | ContainerAlignItems>;
264
+ default: string;
265
+ };
266
+ overflow: {
267
+ type: PropType<"auto" | "hidden" | "visible">;
268
+ };
269
+ padding: {
270
+ type: BooleanConstructor;
271
+ default: boolean;
272
+ };
273
+ gap: {
274
+ type: BooleanConstructor;
275
+ };
276
+ autoPointer: {
277
+ type: BooleanConstructor;
278
+ };
279
+ }>> & Readonly<{}>, ("padding" | "tag" | "wrap" | "fit" | "flex" | "inline" | "direction" | "justify" | "align" | "alignContent" | "grow" | "shrink" | "alignSelf" | "gap" | "autoPointer") | "$vtjEl"> & ShallowUnwrapRef<{
280
+ $vtjEl: ComputedRef<any>;
281
+ }> & {} & ComponentCustomProperties & {} & {
282
+ $slots: {
283
+ default?(_: {}): any;
284
+ };
285
+ }) | null;
286
+ }, any, ComponentProvideOptions, {
34
287
  P: {};
35
288
  B: {};
36
289
  D: {};
@@ -529,7 +782,285 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
529
782
  tabs: number;
530
783
  theme: boolean;
531
784
  userCardWidth: number;
532
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
785
+ }, {}, {}, {}, string, ComponentProvideOptions, true, {
786
+ tabRef: CreateComponentPublicInstanceWithMixins<Readonly< Props> & Readonly<{
787
+ onDialog?: ((tab: MaskTab) => any) | undefined;
788
+ onClick?: ((tab: MaskTab) => any) | undefined;
789
+ onRemove?: ((tab: MaskTab) => any) | undefined;
790
+ onRefresh?: ((tab: MaskTab) => any) | undefined;
791
+ onToggleFavorite?: ((item: MenuDataItem) => any) | undefined;
792
+ }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
793
+ dialog: (tab: MaskTab) => any;
794
+ click: (tab: MaskTab) => any;
795
+ remove: (tab: MaskTab) => any;
796
+ refresh: (tab: MaskTab) => any;
797
+ toggleFavorite: (item: MenuDataItem) => any;
798
+ }, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
799
+ tabsRef: ({
800
+ $: ComponentInternalInstance;
801
+ $data: {};
802
+ $props: Partial<{
803
+ padding: boolean;
804
+ tag: string;
805
+ wrap: ContainerWrap;
806
+ fit: boolean;
807
+ flex: boolean;
808
+ inline: boolean;
809
+ direction: ContainerDirection;
810
+ justify: ContainerJustifyContent;
811
+ align: ContainerAlignItems;
812
+ alignContent: ContainerAlignContent;
813
+ grow: boolean;
814
+ shrink: boolean;
815
+ alignSelf: "auto" | ContainerAlignItems;
816
+ gap: boolean;
817
+ autoPointer: boolean;
818
+ }> & Omit<{
819
+ readonly padding: boolean;
820
+ readonly tag: string;
821
+ readonly wrap: ContainerWrap;
822
+ readonly fit: boolean;
823
+ readonly flex: boolean;
824
+ readonly inline: boolean;
825
+ readonly direction: ContainerDirection;
826
+ readonly justify: ContainerJustifyContent;
827
+ readonly align: ContainerAlignItems;
828
+ readonly alignContent: ContainerAlignContent;
829
+ readonly grow: boolean;
830
+ readonly shrink: boolean;
831
+ readonly alignSelf: "auto" | ContainerAlignItems;
832
+ readonly gap: boolean;
833
+ readonly autoPointer: boolean;
834
+ readonly width?: string | number | undefined;
835
+ readonly height?: string | number | undefined;
836
+ readonly overflow?: "hidden" | "auto" | "visible" | undefined;
837
+ } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "padding" | "tag" | "wrap" | "fit" | "flex" | "inline" | "direction" | "justify" | "align" | "alignContent" | "grow" | "shrink" | "alignSelf" | "gap" | "autoPointer">;
838
+ $attrs: {
839
+ [x: string]: unknown;
840
+ };
841
+ $refs: {
842
+ [x: string]: unknown;
843
+ } & {
844
+ elRef: unknown;
845
+ };
846
+ $slots: Readonly<{
847
+ [name: string]: Slot<any> | undefined;
848
+ }>;
849
+ $root: ComponentPublicInstance | null;
850
+ $parent: ComponentPublicInstance | null;
851
+ $host: Element | null;
852
+ $emit: (event: string, ...args: any[]) => void;
853
+ $el: any;
854
+ $options: ComponentOptionsBase<Readonly< ExtractPropTypes<{
855
+ tag: {
856
+ type: StringConstructor;
857
+ default: string;
858
+ };
859
+ fit: {
860
+ type: BooleanConstructor;
861
+ default: boolean;
862
+ };
863
+ width: {
864
+ type: (StringConstructor | NumberConstructor)[];
865
+ };
866
+ height: {
867
+ type: (StringConstructor | NumberConstructor)[];
868
+ };
869
+ flex: {
870
+ type: BooleanConstructor;
871
+ default: boolean;
872
+ };
873
+ inline: {
874
+ type: BooleanConstructor;
875
+ };
876
+ direction: {
877
+ type: PropType<ContainerDirection>;
878
+ default: string;
879
+ };
880
+ wrap: {
881
+ type: PropType<ContainerWrap>;
882
+ default: string;
883
+ };
884
+ justify: {
885
+ type: PropType<ContainerJustifyContent>;
886
+ default: string;
887
+ };
888
+ align: {
889
+ type: PropType<ContainerAlignItems>;
890
+ default: string;
891
+ };
892
+ alignContent: {
893
+ type: PropType<ContainerAlignContent>;
894
+ default: string;
895
+ };
896
+ grow: {
897
+ type: BooleanConstructor;
898
+ default: boolean;
899
+ };
900
+ shrink: {
901
+ type: BooleanConstructor;
902
+ default: boolean;
903
+ };
904
+ alignSelf: {
905
+ type: PropType<"auto" | ContainerAlignItems>;
906
+ default: string;
907
+ };
908
+ overflow: {
909
+ type: PropType<"auto" | "hidden" | "visible">;
910
+ };
911
+ padding: {
912
+ type: BooleanConstructor;
913
+ default: boolean;
914
+ };
915
+ gap: {
916
+ type: BooleanConstructor;
917
+ };
918
+ autoPointer: {
919
+ type: BooleanConstructor;
920
+ };
921
+ }>> & Readonly<{}>, {
922
+ $vtjEl: ComputedRef<any>;
923
+ }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
924
+ padding: boolean;
925
+ tag: string;
926
+ wrap: ContainerWrap;
927
+ fit: boolean;
928
+ flex: boolean;
929
+ inline: boolean;
930
+ direction: ContainerDirection;
931
+ justify: ContainerJustifyContent;
932
+ align: ContainerAlignItems;
933
+ alignContent: ContainerAlignContent;
934
+ grow: boolean;
935
+ shrink: boolean;
936
+ alignSelf: "auto" | ContainerAlignItems;
937
+ gap: boolean;
938
+ autoPointer: boolean;
939
+ }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
940
+ beforeCreate?: (() => void) | (() => void)[];
941
+ created?: (() => void) | (() => void)[];
942
+ beforeMount?: (() => void) | (() => void)[];
943
+ mounted?: (() => void) | (() => void)[];
944
+ beforeUpdate?: (() => void) | (() => void)[];
945
+ updated?: (() => void) | (() => void)[];
946
+ activated?: (() => void) | (() => void)[];
947
+ deactivated?: (() => void) | (() => void)[];
948
+ beforeDestroy?: (() => void) | (() => void)[];
949
+ beforeUnmount?: (() => void) | (() => void)[];
950
+ destroyed?: (() => void) | (() => void)[];
951
+ unmounted?: (() => void) | (() => void)[];
952
+ renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
953
+ renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
954
+ errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
955
+ };
956
+ $forceUpdate: () => void;
957
+ $nextTick: nextTick;
958
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
959
+ } & Readonly<{
960
+ padding: boolean;
961
+ tag: string;
962
+ wrap: ContainerWrap;
963
+ fit: boolean;
964
+ flex: boolean;
965
+ inline: boolean;
966
+ direction: ContainerDirection;
967
+ justify: ContainerJustifyContent;
968
+ align: ContainerAlignItems;
969
+ alignContent: ContainerAlignContent;
970
+ grow: boolean;
971
+ shrink: boolean;
972
+ alignSelf: "auto" | ContainerAlignItems;
973
+ gap: boolean;
974
+ autoPointer: boolean;
975
+ }> & Omit<Readonly< ExtractPropTypes<{
976
+ tag: {
977
+ type: StringConstructor;
978
+ default: string;
979
+ };
980
+ fit: {
981
+ type: BooleanConstructor;
982
+ default: boolean;
983
+ };
984
+ width: {
985
+ type: (StringConstructor | NumberConstructor)[];
986
+ };
987
+ height: {
988
+ type: (StringConstructor | NumberConstructor)[];
989
+ };
990
+ flex: {
991
+ type: BooleanConstructor;
992
+ default: boolean;
993
+ };
994
+ inline: {
995
+ type: BooleanConstructor;
996
+ };
997
+ direction: {
998
+ type: PropType<ContainerDirection>;
999
+ default: string;
1000
+ };
1001
+ wrap: {
1002
+ type: PropType<ContainerWrap>;
1003
+ default: string;
1004
+ };
1005
+ justify: {
1006
+ type: PropType<ContainerJustifyContent>;
1007
+ default: string;
1008
+ };
1009
+ align: {
1010
+ type: PropType<ContainerAlignItems>;
1011
+ default: string;
1012
+ };
1013
+ alignContent: {
1014
+ type: PropType<ContainerAlignContent>;
1015
+ default: string;
1016
+ };
1017
+ grow: {
1018
+ type: BooleanConstructor;
1019
+ default: boolean;
1020
+ };
1021
+ shrink: {
1022
+ type: BooleanConstructor;
1023
+ default: boolean;
1024
+ };
1025
+ alignSelf: {
1026
+ type: PropType<"auto" | ContainerAlignItems>;
1027
+ default: string;
1028
+ };
1029
+ overflow: {
1030
+ type: PropType<"auto" | "hidden" | "visible">;
1031
+ };
1032
+ padding: {
1033
+ type: BooleanConstructor;
1034
+ default: boolean;
1035
+ };
1036
+ gap: {
1037
+ type: BooleanConstructor;
1038
+ };
1039
+ autoPointer: {
1040
+ type: BooleanConstructor;
1041
+ };
1042
+ }>> & Readonly<{}>, ("padding" | "tag" | "wrap" | "fit" | "flex" | "inline" | "direction" | "justify" | "align" | "alignContent" | "grow" | "shrink" | "alignSelf" | "gap" | "autoPointer") | "$vtjEl"> & ShallowUnwrapRef<{
1043
+ $vtjEl: ComputedRef<any>;
1044
+ }> & {} & ComponentCustomProperties & {} & {
1045
+ $slots: {
1046
+ default?(_: {}): any;
1047
+ };
1048
+ }) | null;
1049
+ }, any, ComponentProvideOptions, {
1050
+ P: {};
1051
+ B: {};
1052
+ D: {};
1053
+ C: {};
1054
+ M: {};
1055
+ Defaults: {};
1056
+ }, Readonly< Props> & Readonly<{
1057
+ onDialog?: ((tab: MaskTab) => any) | undefined;
1058
+ onClick?: ((tab: MaskTab) => any) | undefined;
1059
+ onRemove?: ((tab: MaskTab) => any) | undefined;
1060
+ onRefresh?: ((tab: MaskTab) => any) | undefined;
1061
+ onToggleFavorite?: ((item: MenuDataItem) => any) | undefined;
1062
+ }>, {}, {}, {}, {}, {}> | null;
1063
+ }, any>;
533
1064
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
534
1065
  export default _default;
535
1066
  type __VLS_WithTemplateSlots<T, S> = T & {