@zl-ui-kit/components 0.26.1 → 0.27.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/README.md +22 -18
- package/dist/components/ZlAction/List.vue.mjs +46 -49
- package/dist/components/ZlAction/index.vue.d.ts +1 -7
- package/dist/components/ZlAction/index.vue.mjs +8 -12
- package/dist/components/ZlAction/types.d.ts +2 -5
- package/dist/components/ZlAppLayout/Horizontal.css +1 -1
- package/dist/components/ZlAppLayout/Vertical.css +1 -1
- package/dist/components/ZlAppLayout/Vertical2.vue.mjs +41 -39
- package/dist/components/ZlAppLayout/index.vue.d.ts +6 -6
- package/dist/components/ZlAppLayout/index.vue.mjs +8 -8
- package/dist/components/ZlAppMenu/AppMenu.css +1 -0
- package/dist/components/ZlAppMenu/AppMenu.vue.d.ts +27 -0
- package/dist/components/ZlAppMenu/AppMenu.vue.mjs +37 -0
- package/dist/components/ZlAppMenu/AppMenu3.vue.mjs +6 -0
- package/dist/components/ZlAppMenu/AppMenuItem.vue.d.ts +11 -0
- package/dist/components/ZlAppMenu/AppMenuItem.vue.mjs +58 -0
- package/dist/components/ZlAppMenu/AppMenuItem2.vue.mjs +5 -0
- package/dist/components/ZlAppSlogan/index.css +1 -1
- package/dist/components/ZlAppSlogan/index.vue.d.ts +1 -1
- package/dist/components/ZlAppSlogan/index.vue.mjs +12 -19
- package/dist/components/ZlCardPage/index.vue.d.ts +3 -41
- package/dist/components/ZlCardPage/index.vue.mjs +68 -68
- package/dist/components/ZlCheckboxTag/index.css +1 -1
- package/dist/components/ZlCheckboxTag/index.vue.d.ts +4 -4
- package/dist/components/ZlCheckboxTag/index.vue.mjs +30 -34
- package/dist/components/ZlCopy/copy.mjs +7 -17
- package/dist/components/ZlCopy/index.css +1 -1
- package/dist/components/ZlCopy/index.vue.mjs +2 -2
- package/dist/components/ZlCopy/index2.vue.mjs +36 -34
- package/dist/components/ZlDescription/index.css +1 -1
- package/dist/components/ZlDescription/index.vue.mjs +24 -28
- package/dist/components/ZlDialog/index.css +1 -1
- package/dist/components/ZlDialog/index.vue.d.ts +0 -3
- package/dist/components/ZlDialog/index.vue.mjs +35 -39
- package/dist/components/ZlDictTag/index.vue.d.ts +3 -12
- package/dist/components/ZlDictTag/index.vue.mjs +26 -31
- package/dist/components/ZlDrawer/index.css +1 -1
- package/dist/components/ZlDrawer/index.vue.d.ts +0 -3
- package/dist/components/ZlDrawer/index.vue.mjs +32 -36
- package/dist/components/ZlDynamicComponent/index.vue.d.ts +3 -5
- package/dist/components/ZlForm/index.css +1 -1
- package/dist/components/ZlForm/index.vue.d.ts +0 -7
- package/dist/components/ZlForm/index.vue.mjs +47 -50
- package/dist/components/ZlLayoutSwitch/index.css +1 -1
- package/dist/components/ZlLayoutSwitch/index.vue.d.ts +0 -10
- package/dist/components/ZlLayoutSwitch/index.vue.mjs +1 -1
- package/dist/components/ZlLayoutSwitch/index2.vue.mjs +19 -27
- package/dist/components/ZlLogin/components/LoginForm.css +1 -1
- package/dist/components/ZlLogin/components/LoginForm.vue.mjs +1 -1
- package/dist/components/ZlLogin/components/LoginForm2.vue.mjs +25 -26
- package/dist/components/ZlPageContainer/index.css +1 -1
- package/dist/components/ZlPageContainer/index.vue.mjs +1 -1
- package/dist/components/ZlPagination/index.css +1 -1
- package/dist/components/ZlPagination/index.vue.d.ts +1 -21
- package/dist/components/ZlPagination/index.vue.mjs +1 -1
- package/dist/components/ZlPagination/index2.vue.mjs +33 -59
- package/dist/components/ZlPagination/usePagination.d.ts +0 -1
- package/dist/components/ZlPagination/usePagination.mjs +34 -51
- package/dist/components/ZlPopconfirm/index.vue.mjs +24 -25
- package/dist/components/ZlSearch/index.vue.d.ts +0 -25
- package/dist/components/ZlSearch/index.vue.mjs +205 -202
- package/dist/components/ZlSearchTable/index.vue.d.ts +2 -40
- package/dist/components/ZlSearchTable/index.vue.mjs +55 -59
- package/dist/components/ZlTable/useTablePagination.d.ts +0 -1
- package/dist/components/ZlTable/useTablePagination.mjs +23 -37
- package/dist/components/ZlTabs/index.vue.d.ts +3 -16
- package/dist/components/ZlTag/ZlCornerTag.css +1 -1
- package/dist/components/ZlTag/ZlCornerTag.vue.d.ts +1 -14
- package/dist/components/ZlTag/ZlCornerTag.vue.mjs +14 -25
- package/dist/components/ZlTag/index.vue.mjs +4 -4
- package/dist/components/ZlUpload/index.css +1 -1
- package/dist/components/ZlUpload/index.vue.d.ts +3 -44
- package/dist/components/ZlUpload/index.vue.mjs +3 -3
- package/dist/components/ZlUpload/index2.vue.mjs +79 -119
- package/dist/index.d.ts +2 -8
- package/dist/index.mjs +169 -183
- package/dist/locales/en.mjs +2 -2
- package/dist/locales/zh-cn.mjs +3 -3
- package/package.json +6 -6
- package/dist/components/ZlAppLayout/HeaderAside.css +0 -1
- package/dist/components/ZlAppLayout/HeaderAside.vue.d.ts +0 -25
- package/dist/components/ZlAppLayout/HeaderAside.vue.mjs +0 -6
- package/dist/components/ZlAppLayout/HeaderAside2.vue.mjs +0 -65
- package/dist/components/ZlBreadcrumb/index.css +0 -1
- package/dist/components/ZlBreadcrumb/index.vue.d.ts +0 -32
- package/dist/components/ZlBreadcrumb/index.vue.mjs +0 -58
- package/dist/components/ZlBreadcrumb/index3.vue.mjs +0 -6
- package/dist/components/ZlBreadcrumb/types.d.ts +0 -16
- package/dist/components/ZlButton/index.vue.d.ts +0 -81
- package/dist/components/ZlButton/index.vue.mjs +0 -60
- package/dist/components/ZlButton/index2.vue.mjs +0 -5
- package/dist/components/ZlCardPage/resolvePagination.d.ts +0 -20
- package/dist/components/ZlCardPage/resolvePagination.mjs +0 -24
- package/dist/components/ZlDevMenu/index.css +0 -1
- package/dist/components/ZlDevMenu/index.vue.d.ts +0 -33
- package/dist/components/ZlDevMenu/index.vue.mjs +0 -110
- package/dist/components/ZlDevMenu/index3.vue.mjs +0 -6
- package/dist/components/ZlDevMenu/types.d.ts +0 -8
- package/dist/components/ZlLoading/index.css +0 -1
- package/dist/components/ZlLoading/index.vue.d.ts +0 -27
- package/dist/components/ZlLoading/index.vue.mjs +0 -8
- package/dist/components/ZlLoading/index2.vue.mjs +0 -30
- package/dist/components/ZlMenu/MenuIcon.d.ts +0 -17
- package/dist/components/ZlMenu/MenuIcon.mjs +0 -21
- package/dist/components/ZlMenu/ZlMenuItem.vue.d.ts +0 -7
- package/dist/components/ZlMenu/ZlMenuItem.vue.mjs +0 -53
- package/dist/components/ZlMenu/ZlMenuItem2.vue.mjs +0 -5
- package/dist/components/ZlMenu/index.css +0 -1
- package/dist/components/ZlMenu/index.vue.d.ts +0 -40
- package/dist/components/ZlMenu/index.vue.mjs +0 -60
- package/dist/components/ZlMenu/index3.vue.mjs +0 -6
- package/dist/components/ZlMenu/types.d.ts +0 -20
|
@@ -13,8 +13,6 @@ type __VLS_Props = {
|
|
|
13
13
|
queryItems?: SearchItem[];
|
|
14
14
|
/** 分页配置;传 false 关闭分页 */
|
|
15
15
|
pagination?: Record<string, any> | boolean;
|
|
16
|
-
/** 查询项 label 为空时是否不渲染 label 占位,透传给 ZlSearch / ZlForm 的 hideEmptyLabel */
|
|
17
|
-
hideEmptyLabel?: boolean;
|
|
18
16
|
};
|
|
19
17
|
declare function __VLS_template(): {
|
|
20
18
|
attrs: Partial<{}>;
|
|
@@ -29,7 +27,6 @@ declare function __VLS_template(): {
|
|
|
29
27
|
slot?: boolean;
|
|
30
28
|
slots?: Record<string, any>;
|
|
31
29
|
props: Record<string, any>;
|
|
32
|
-
hideLabel?: boolean;
|
|
33
30
|
};
|
|
34
31
|
}) => any>> & Partial<Record<string, (_: any) => any>> & {
|
|
35
32
|
'search-actions'?(_: {}): any;
|
|
@@ -44,7 +41,6 @@ declare function __VLS_template(): {
|
|
|
44
41
|
readonly immediate?: boolean | undefined;
|
|
45
42
|
readonly disabled?: boolean | undefined;
|
|
46
43
|
readonly labelsVisible?: boolean | undefined;
|
|
47
|
-
readonly hideEmptyLabel?: boolean | undefined;
|
|
48
44
|
readonly showLabels?: boolean | undefined;
|
|
49
45
|
readonly onReset?: (() => any) | undefined;
|
|
50
46
|
readonly onSearch?: ((params: Record<string, any>) => any) | undefined;
|
|
@@ -59,7 +55,6 @@ declare function __VLS_template(): {
|
|
|
59
55
|
$props: {
|
|
60
56
|
readonly items: import('../..').FormItem[];
|
|
61
57
|
readonly model?: Record<string, any> | undefined;
|
|
62
|
-
readonly hideEmptyLabel?: boolean | undefined;
|
|
63
58
|
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
64
59
|
$attrs: import('vue').Attrs;
|
|
65
60
|
$refs: {
|
|
@@ -78,7 +73,6 @@ declare function __VLS_template(): {
|
|
|
78
73
|
$options: import('vue').ComponentOptionsBase<Readonly<{
|
|
79
74
|
items: import('../..').FormItem[];
|
|
80
75
|
model?: Record<string, any>;
|
|
81
|
-
hideEmptyLabel?: boolean;
|
|
82
76
|
}> & Readonly<{}>, {
|
|
83
77
|
validate: (callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
|
|
84
78
|
validateField: (props?: string | string[], callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
|
|
@@ -116,7 +110,6 @@ declare function __VLS_template(): {
|
|
|
116
110
|
}> & Omit<Readonly<{
|
|
117
111
|
items: import('../..').FormItem[];
|
|
118
112
|
model?: Record<string, any>;
|
|
119
|
-
hideEmptyLabel?: boolean;
|
|
120
113
|
}> & Readonly<{}>, "items" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "setInitialValues" | "elForm" | "fields"> & {
|
|
121
114
|
validate: (callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
|
|
122
115
|
validateField: (props?: string | string[], callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
|
|
@@ -139,7 +132,6 @@ declare function __VLS_template(): {
|
|
|
139
132
|
slot?: boolean;
|
|
140
133
|
slots?: Record<string, any>;
|
|
141
134
|
props: Record<string, any>;
|
|
142
|
-
hideLabel?: boolean;
|
|
143
135
|
};
|
|
144
136
|
}) => any>> & {
|
|
145
137
|
label?(_: {
|
|
@@ -153,7 +145,6 @@ declare function __VLS_template(): {
|
|
|
153
145
|
slot?: boolean;
|
|
154
146
|
slots?: Record<string, any>;
|
|
155
147
|
props: Record<string, any>;
|
|
156
|
-
hideLabel?: boolean;
|
|
157
148
|
};
|
|
158
149
|
}): any;
|
|
159
150
|
default?(_: {}): any;
|
|
@@ -165,7 +156,6 @@ declare function __VLS_template(): {
|
|
|
165
156
|
$props: {
|
|
166
157
|
readonly items: import('../..').FormItem[];
|
|
167
158
|
readonly model?: Record<string, any> | undefined;
|
|
168
|
-
readonly hideEmptyLabel?: boolean | undefined;
|
|
169
159
|
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
170
160
|
$attrs: import('vue').Attrs;
|
|
171
161
|
$refs: {
|
|
@@ -184,7 +174,6 @@ declare function __VLS_template(): {
|
|
|
184
174
|
$options: import('vue').ComponentOptionsBase<Readonly<{
|
|
185
175
|
items: import('../..').FormItem[];
|
|
186
176
|
model?: Record<string, any>;
|
|
187
|
-
hideEmptyLabel?: boolean;
|
|
188
177
|
}> & Readonly<{}>, {
|
|
189
178
|
validate: (callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
|
|
190
179
|
validateField: (props?: string | string[], callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
|
|
@@ -222,7 +211,6 @@ declare function __VLS_template(): {
|
|
|
222
211
|
}> & Omit<Readonly<{
|
|
223
212
|
items: import('../..').FormItem[];
|
|
224
213
|
model?: Record<string, any>;
|
|
225
|
-
hideEmptyLabel?: boolean;
|
|
226
214
|
}> & Readonly<{}>, "items" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "setInitialValues" | "elForm" | "fields"> & {
|
|
227
215
|
validate: (callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
|
|
228
216
|
validateField: (props?: string | string[], callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
|
|
@@ -245,7 +233,6 @@ declare function __VLS_template(): {
|
|
|
245
233
|
slot?: boolean;
|
|
246
234
|
slots?: Record<string, any>;
|
|
247
235
|
props: Record<string, any>;
|
|
248
|
-
hideLabel?: boolean;
|
|
249
236
|
};
|
|
250
237
|
}) => any>> & {
|
|
251
238
|
label?(_: {
|
|
@@ -259,7 +246,6 @@ declare function __VLS_template(): {
|
|
|
259
246
|
slot?: boolean;
|
|
260
247
|
slots?: Record<string, any>;
|
|
261
248
|
props: Record<string, any>;
|
|
262
|
-
hideLabel?: boolean;
|
|
263
249
|
};
|
|
264
250
|
}): any;
|
|
265
251
|
default?(_: {}): any;
|
|
@@ -280,7 +266,6 @@ declare function __VLS_template(): {
|
|
|
280
266
|
immediate?: boolean;
|
|
281
267
|
disabled?: boolean;
|
|
282
268
|
labelsVisible?: boolean;
|
|
283
|
-
hideEmptyLabel?: boolean;
|
|
284
269
|
showLabels?: boolean;
|
|
285
270
|
}> & Readonly<{
|
|
286
271
|
onReset?: (() => any) | undefined;
|
|
@@ -296,7 +281,6 @@ declare function __VLS_template(): {
|
|
|
296
281
|
disabled: boolean;
|
|
297
282
|
immediate: boolean;
|
|
298
283
|
items: SearchItem[];
|
|
299
|
-
hideEmptyLabel: boolean;
|
|
300
284
|
labelsVisible: boolean;
|
|
301
285
|
showLabels: boolean;
|
|
302
286
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
|
@@ -323,7 +307,6 @@ declare function __VLS_template(): {
|
|
|
323
307
|
disabled: boolean;
|
|
324
308
|
immediate: boolean;
|
|
325
309
|
items: SearchItem[];
|
|
326
|
-
hideEmptyLabel: boolean;
|
|
327
310
|
labelsVisible: boolean;
|
|
328
311
|
showLabels: boolean;
|
|
329
312
|
}> & Omit<Readonly<{
|
|
@@ -332,12 +315,11 @@ declare function __VLS_template(): {
|
|
|
332
315
|
immediate?: boolean;
|
|
333
316
|
disabled?: boolean;
|
|
334
317
|
labelsVisible?: boolean;
|
|
335
|
-
hideEmptyLabel?: boolean;
|
|
336
318
|
showLabels?: boolean;
|
|
337
319
|
}> & Readonly<{
|
|
338
320
|
onReset?: (() => any) | undefined;
|
|
339
321
|
onSearch?: ((params: Record<string, any>) => any) | undefined;
|
|
340
|
-
}>, "reset" | "search" | "params" | ("disabled" | "immediate" | "items" | "
|
|
322
|
+
}>, "reset" | "search" | "params" | ("disabled" | "immediate" | "items" | "labelsVisible" | "showLabels")> & {
|
|
341
323
|
params: Record<string, any>;
|
|
342
324
|
search: () => Promise<void>;
|
|
343
325
|
reset: () => Promise<void>;
|
|
@@ -353,7 +335,6 @@ declare function __VLS_template(): {
|
|
|
353
335
|
slot?: boolean;
|
|
354
336
|
slots?: Record<string, any>;
|
|
355
337
|
props: Record<string, any>;
|
|
356
|
-
hideLabel?: boolean;
|
|
357
338
|
};
|
|
358
339
|
}) => any>> & Partial<Record<string, (_: {
|
|
359
340
|
model: Record<string, any>;
|
|
@@ -366,7 +347,6 @@ declare function __VLS_template(): {
|
|
|
366
347
|
slot?: boolean;
|
|
367
348
|
slots?: Record<string, any>;
|
|
368
349
|
props: Record<string, any>;
|
|
369
|
-
hideLabel?: boolean;
|
|
370
350
|
};
|
|
371
351
|
}) => any>> & {
|
|
372
352
|
actions?(_: {}): any;
|
|
@@ -533,7 +513,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
|
|
|
533
513
|
"onSearch-reset"?: (() => any) | undefined;
|
|
534
514
|
}>, {
|
|
535
515
|
immediate: boolean;
|
|
536
|
-
hideEmptyLabel: boolean;
|
|
537
516
|
queryItems: SearchItem[];
|
|
538
517
|
columns: TableColumn[];
|
|
539
518
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
@@ -546,7 +525,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
|
|
|
546
525
|
readonly immediate?: boolean | undefined;
|
|
547
526
|
readonly disabled?: boolean | undefined;
|
|
548
527
|
readonly labelsVisible?: boolean | undefined;
|
|
549
|
-
readonly hideEmptyLabel?: boolean | undefined;
|
|
550
528
|
readonly showLabels?: boolean | undefined;
|
|
551
529
|
readonly onReset?: (() => any) | undefined;
|
|
552
530
|
readonly onSearch?: ((params: Record<string, any>) => any) | undefined;
|
|
@@ -561,7 +539,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
|
|
|
561
539
|
$props: {
|
|
562
540
|
readonly items: import('../..').FormItem[];
|
|
563
541
|
readonly model?: Record<string, any> | undefined;
|
|
564
|
-
readonly hideEmptyLabel?: boolean | undefined;
|
|
565
542
|
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
566
543
|
$attrs: import('vue').Attrs;
|
|
567
544
|
$refs: {
|
|
@@ -580,7 +557,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
|
|
|
580
557
|
$options: import('vue').ComponentOptionsBase<Readonly<{
|
|
581
558
|
items: import('../..').FormItem[];
|
|
582
559
|
model?: Record<string, any>;
|
|
583
|
-
hideEmptyLabel?: boolean;
|
|
584
560
|
}> & Readonly<{}>, {
|
|
585
561
|
validate: (callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
|
|
586
562
|
validateField: (props?: string | string[], callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
|
|
@@ -618,7 +594,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
|
|
|
618
594
|
}> & Omit<Readonly<{
|
|
619
595
|
items: import('../..').FormItem[];
|
|
620
596
|
model?: Record<string, any>;
|
|
621
|
-
hideEmptyLabel?: boolean;
|
|
622
597
|
}> & Readonly<{}>, "items" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "setInitialValues" | "elForm" | "fields"> & {
|
|
623
598
|
validate: (callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
|
|
624
599
|
validateField: (props?: string | string[], callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
|
|
@@ -641,7 +616,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
|
|
|
641
616
|
slot?: boolean;
|
|
642
617
|
slots?: Record<string, any>;
|
|
643
618
|
props: Record<string, any>;
|
|
644
|
-
hideLabel?: boolean;
|
|
645
619
|
};
|
|
646
620
|
}) => any>> & {
|
|
647
621
|
label?(_: {
|
|
@@ -655,7 +629,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
|
|
|
655
629
|
slot?: boolean;
|
|
656
630
|
slots?: Record<string, any>;
|
|
657
631
|
props: Record<string, any>;
|
|
658
|
-
hideLabel?: boolean;
|
|
659
632
|
};
|
|
660
633
|
}): any;
|
|
661
634
|
default?(_: {}): any;
|
|
@@ -667,7 +640,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
|
|
|
667
640
|
$props: {
|
|
668
641
|
readonly items: import('../..').FormItem[];
|
|
669
642
|
readonly model?: Record<string, any> | undefined;
|
|
670
|
-
readonly hideEmptyLabel?: boolean | undefined;
|
|
671
643
|
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
672
644
|
$attrs: import('vue').Attrs;
|
|
673
645
|
$refs: {
|
|
@@ -686,7 +658,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
|
|
|
686
658
|
$options: import('vue').ComponentOptionsBase<Readonly<{
|
|
687
659
|
items: import('../..').FormItem[];
|
|
688
660
|
model?: Record<string, any>;
|
|
689
|
-
hideEmptyLabel?: boolean;
|
|
690
661
|
}> & Readonly<{}>, {
|
|
691
662
|
validate: (callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
|
|
692
663
|
validateField: (props?: string | string[], callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
|
|
@@ -724,7 +695,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
|
|
|
724
695
|
}> & Omit<Readonly<{
|
|
725
696
|
items: import('../..').FormItem[];
|
|
726
697
|
model?: Record<string, any>;
|
|
727
|
-
hideEmptyLabel?: boolean;
|
|
728
698
|
}> & Readonly<{}>, "items" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "setInitialValues" | "elForm" | "fields"> & {
|
|
729
699
|
validate: (callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
|
|
730
700
|
validateField: (props?: string | string[], callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
|
|
@@ -747,7 +717,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
|
|
|
747
717
|
slot?: boolean;
|
|
748
718
|
slots?: Record<string, any>;
|
|
749
719
|
props: Record<string, any>;
|
|
750
|
-
hideLabel?: boolean;
|
|
751
720
|
};
|
|
752
721
|
}) => any>> & {
|
|
753
722
|
label?(_: {
|
|
@@ -761,7 +730,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
|
|
|
761
730
|
slot?: boolean;
|
|
762
731
|
slots?: Record<string, any>;
|
|
763
732
|
props: Record<string, any>;
|
|
764
|
-
hideLabel?: boolean;
|
|
765
733
|
};
|
|
766
734
|
}): any;
|
|
767
735
|
default?(_: {}): any;
|
|
@@ -782,7 +750,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
|
|
|
782
750
|
immediate?: boolean;
|
|
783
751
|
disabled?: boolean;
|
|
784
752
|
labelsVisible?: boolean;
|
|
785
|
-
hideEmptyLabel?: boolean;
|
|
786
753
|
showLabels?: boolean;
|
|
787
754
|
}> & Readonly<{
|
|
788
755
|
onReset?: (() => any) | undefined;
|
|
@@ -798,7 +765,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
|
|
|
798
765
|
disabled: boolean;
|
|
799
766
|
immediate: boolean;
|
|
800
767
|
items: SearchItem[];
|
|
801
|
-
hideEmptyLabel: boolean;
|
|
802
768
|
labelsVisible: boolean;
|
|
803
769
|
showLabels: boolean;
|
|
804
770
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
|
@@ -825,7 +791,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
|
|
|
825
791
|
disabled: boolean;
|
|
826
792
|
immediate: boolean;
|
|
827
793
|
items: SearchItem[];
|
|
828
|
-
hideEmptyLabel: boolean;
|
|
829
794
|
labelsVisible: boolean;
|
|
830
795
|
showLabels: boolean;
|
|
831
796
|
}> & Omit<Readonly<{
|
|
@@ -834,12 +799,11 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
|
|
|
834
799
|
immediate?: boolean;
|
|
835
800
|
disabled?: boolean;
|
|
836
801
|
labelsVisible?: boolean;
|
|
837
|
-
hideEmptyLabel?: boolean;
|
|
838
802
|
showLabels?: boolean;
|
|
839
803
|
}> & Readonly<{
|
|
840
804
|
onReset?: (() => any) | undefined;
|
|
841
805
|
onSearch?: ((params: Record<string, any>) => any) | undefined;
|
|
842
|
-
}>, "reset" | "search" | "params" | ("disabled" | "immediate" | "items" | "
|
|
806
|
+
}>, "reset" | "search" | "params" | ("disabled" | "immediate" | "items" | "labelsVisible" | "showLabels")> & {
|
|
843
807
|
params: Record<string, any>;
|
|
844
808
|
search: () => Promise<void>;
|
|
845
809
|
reset: () => Promise<void>;
|
|
@@ -855,7 +819,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
|
|
|
855
819
|
slot?: boolean;
|
|
856
820
|
slots?: Record<string, any>;
|
|
857
821
|
props: Record<string, any>;
|
|
858
|
-
hideLabel?: boolean;
|
|
859
822
|
};
|
|
860
823
|
}) => any>> & Partial<Record<string, (_: {
|
|
861
824
|
model: Record<string, any>;
|
|
@@ -868,7 +831,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
|
|
|
868
831
|
slot?: boolean;
|
|
869
832
|
slots?: Record<string, any>;
|
|
870
833
|
props: Record<string, any>;
|
|
871
|
-
hideLabel?: boolean;
|
|
872
834
|
};
|
|
873
835
|
}) => any>> & {
|
|
874
836
|
actions?(_: {}): any;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { usePageableRequest as
|
|
3
|
-
import
|
|
1
|
+
import { defineComponent as E, useSlots as K, useAttrs as T, computed as m, ref as b, toRef as V, watch as L, openBlock as y, createElementBlock as W, createBlock as Z, createSlots as q, withCtx as f, renderSlot as d, renderList as S, normalizeProps as $, guardReactiveProps as P, createCommentVNode as x, createVNode as F, mergeProps as G, unref as h } from "vue";
|
|
2
|
+
import { usePageableRequest as H } from "@zl-ui-kit/composables";
|
|
3
|
+
import J from "../ZlSearch/index.vue.mjs";
|
|
4
4
|
import '../ZlTable/index.css';import '../ZlSearch/index.css';/* empty css */
|
|
5
|
-
import
|
|
5
|
+
import M from "../ZlTable/index.vue.mjs";
|
|
6
6
|
/* empty css */
|
|
7
|
-
import { useTablePagination as
|
|
8
|
-
const
|
|
7
|
+
import { useTablePagination as Q } from "../ZlTable/useTablePagination.mjs";
|
|
8
|
+
const U = { class: "zl-search-table" }, R = "search-", ne = /* @__PURE__ */ E({
|
|
9
9
|
name: "ZlSearchTable",
|
|
10
10
|
inheritAttrs: !1,
|
|
11
11
|
__name: "index",
|
|
@@ -14,69 +14,66 @@ const X = { class: "zl-search-table" }, R = "search-", oe = /* @__PURE__ */ K({
|
|
|
14
14
|
request: {},
|
|
15
15
|
columns: { default: () => [] },
|
|
16
16
|
queryItems: { default: () => [] },
|
|
17
|
-
pagination: { type: [Object, Boolean] }
|
|
18
|
-
hideEmptyLabel: { type: Boolean, default: !1 }
|
|
17
|
+
pagination: { type: [Object, Boolean] }
|
|
19
18
|
},
|
|
20
19
|
emits: ["search-reset"],
|
|
21
|
-
setup(r, { expose:
|
|
22
|
-
const s = r,
|
|
20
|
+
setup(r, { expose: w, emit: z }) {
|
|
21
|
+
const s = r, B = z, k = K(), p = T(), g = m(() => {
|
|
23
22
|
const e = [], t = [];
|
|
24
|
-
return Object.keys(
|
|
23
|
+
return Object.keys(k).forEach((a) => {
|
|
25
24
|
if (a.startsWith(R)) {
|
|
26
25
|
if (a === "search-actions") return;
|
|
27
26
|
t.push({ slot: a, subSlot: a.slice(R.length) });
|
|
28
27
|
} else
|
|
29
28
|
e.push(a);
|
|
30
29
|
}), { table: e, search: t };
|
|
31
|
-
}),
|
|
30
|
+
}), n = b(null), i = b(null), v = m(() => {
|
|
32
31
|
const e = { manual: !0, initialData: [] };
|
|
33
32
|
return typeof s.request == "function" ? { service: s.request, options: e } : {
|
|
34
33
|
...s.request,
|
|
35
34
|
options: Object.assign({ initialData: [] }, s.request.options, { manual: !0 })
|
|
36
35
|
};
|
|
37
36
|
}), {
|
|
38
|
-
loading:
|
|
39
|
-
data:
|
|
40
|
-
run:
|
|
41
|
-
params:
|
|
42
|
-
refresh:
|
|
43
|
-
} =
|
|
44
|
-
data:
|
|
45
|
-
pagination:
|
|
46
|
-
dataKey:
|
|
37
|
+
loading: A,
|
|
38
|
+
data: C,
|
|
39
|
+
run: I,
|
|
40
|
+
params: _,
|
|
41
|
+
refresh: j
|
|
42
|
+
} = H(v.value.service, v.value.options), N = m(() => _.value?.[0]), O = p.dataKey ?? p["data-key"] ?? "rows", { data: D, pagination: l } = Q({
|
|
43
|
+
data: C,
|
|
44
|
+
pagination: V(s, "pagination"),
|
|
45
|
+
dataKey: O,
|
|
47
46
|
// 分页事件由 ZlTable 内部处理,这里无需重复派发
|
|
48
47
|
emit: {}
|
|
49
48
|
});
|
|
50
|
-
let
|
|
51
|
-
function
|
|
52
|
-
|
|
53
|
-
...
|
|
49
|
+
let u;
|
|
50
|
+
function o(e, t = l.value !== !1 ? { pageNum: 1, pageSize: l.value.pageSize } : void 0) {
|
|
51
|
+
u = {
|
|
52
|
+
...u,
|
|
54
53
|
...e,
|
|
55
54
|
...t
|
|
56
|
-
};
|
|
57
|
-
const a = t?.pageNum, o = n.value === !1 ? void 0 : n.value.currentPage;
|
|
58
|
-
a != null && a !== o && D(a), A(c);
|
|
55
|
+
}, I(u);
|
|
59
56
|
}
|
|
60
|
-
return
|
|
57
|
+
return L(
|
|
61
58
|
() => s.immediate,
|
|
62
59
|
(e) => {
|
|
63
|
-
e && !s.queryItems.length &&
|
|
60
|
+
e && !s.queryItems.length && o();
|
|
64
61
|
},
|
|
65
62
|
{ immediate: !0, once: !0 }
|
|
66
|
-
),
|
|
63
|
+
), w({
|
|
67
64
|
/** 原地重查:用最近一次入参重新请求,保持当前页码(区别于 `search()` 会回到第 1 页) */
|
|
68
|
-
refresh:
|
|
65
|
+
refresh: j,
|
|
69
66
|
/** 最近一次请求的入参(`{ pageNum, pageSize, ...查询表单 }`) */
|
|
70
|
-
params:
|
|
67
|
+
params: N,
|
|
71
68
|
/** 内部 ZlSearch 实例,`params` / `search()` / `reset()` 等可直接调用 */
|
|
72
69
|
search: new Proxy(
|
|
73
70
|
{},
|
|
74
71
|
{
|
|
75
72
|
get(e, t) {
|
|
76
|
-
return !
|
|
73
|
+
return !n.value && t === "search" ? o : n.value?.[t];
|
|
77
74
|
},
|
|
78
75
|
has(e, t) {
|
|
79
|
-
return t in (
|
|
76
|
+
return t in (n.value ?? {});
|
|
80
77
|
}
|
|
81
78
|
}
|
|
82
79
|
),
|
|
@@ -85,24 +82,23 @@ const X = { class: "zl-search-table" }, R = "search-", oe = /* @__PURE__ */ K({
|
|
|
85
82
|
{},
|
|
86
83
|
{
|
|
87
84
|
get(e, t) {
|
|
88
|
-
return
|
|
85
|
+
return i.value?.[t];
|
|
89
86
|
},
|
|
90
87
|
has(e, t) {
|
|
91
|
-
return t in (
|
|
88
|
+
return t in (i.value ?? {});
|
|
92
89
|
}
|
|
93
90
|
}
|
|
94
91
|
)
|
|
95
|
-
}), (e, t) => (y(),
|
|
96
|
-
r.queryItems.length || e.$slots.searchActions || e.$slots["search-actions"] ? (y(),
|
|
92
|
+
}), (e, t) => (y(), W("div", U, [
|
|
93
|
+
r.queryItems.length || e.$slots.searchActions || e.$slots["search-actions"] ? (y(), Z(J, {
|
|
97
94
|
key: 0,
|
|
98
95
|
ref_key: "searchRef",
|
|
99
|
-
ref:
|
|
96
|
+
ref: n,
|
|
100
97
|
items: r.queryItems,
|
|
101
98
|
immediate: r.immediate,
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
}, P({ _: 2 }, [
|
|
99
|
+
onSearch: o,
|
|
100
|
+
onReset: t[0] || (t[0] = (a) => B("search-reset"))
|
|
101
|
+
}, q({ _: 2 }, [
|
|
106
102
|
e.$slots.searchActions || e.$slots["search-actions"] ? {
|
|
107
103
|
name: "actions",
|
|
108
104
|
fn: f(() => [
|
|
@@ -110,28 +106,28 @@ const X = { class: "zl-search-table" }, R = "search-", oe = /* @__PURE__ */ K({
|
|
|
110
106
|
]),
|
|
111
107
|
key: "0"
|
|
112
108
|
} : void 0,
|
|
113
|
-
|
|
109
|
+
S(g.value.search, (a) => ({
|
|
114
110
|
name: a.subSlot,
|
|
115
|
-
fn: f((
|
|
116
|
-
d(e.$slots, a.slot,
|
|
111
|
+
fn: f((c) => [
|
|
112
|
+
d(e.$slots, a.slot, $(P(c)))
|
|
117
113
|
])
|
|
118
114
|
}))
|
|
119
|
-
]), 1032, ["items", "immediate"
|
|
120
|
-
|
|
115
|
+
]), 1032, ["items", "immediate"])) : x("", !0),
|
|
116
|
+
F(M, G({
|
|
121
117
|
ref_key: "tableRef",
|
|
122
|
-
ref:
|
|
118
|
+
ref: i,
|
|
123
119
|
class: "zl-search-table__table",
|
|
124
120
|
columns: r.columns,
|
|
125
|
-
data: h(
|
|
126
|
-
pagination: h(
|
|
127
|
-
loading: h(
|
|
121
|
+
data: h(D),
|
|
122
|
+
pagination: h(l),
|
|
123
|
+
loading: h(A)
|
|
128
124
|
}, e.$attrs, {
|
|
129
|
-
onPaginationChange: t[1] || (t[1] = (a) =>
|
|
130
|
-
}),
|
|
131
|
-
|
|
125
|
+
onPaginationChange: t[1] || (t[1] = (a) => o(void 0, a))
|
|
126
|
+
}), q({ _: 2 }, [
|
|
127
|
+
S(g.value.table, (a) => ({
|
|
132
128
|
name: a,
|
|
133
|
-
fn: f((
|
|
134
|
-
d(e.$slots, a,
|
|
129
|
+
fn: f((c) => [
|
|
130
|
+
d(e.$slots, a, $(P(c)))
|
|
135
131
|
])
|
|
136
132
|
}))
|
|
137
133
|
]), 1040, ["columns", "data", "pagination", "loading"])
|
|
@@ -139,6 +135,6 @@ const X = { class: "zl-search-table" }, R = "search-", oe = /* @__PURE__ */ K({
|
|
|
139
135
|
}
|
|
140
136
|
});
|
|
141
137
|
export {
|
|
142
|
-
|
|
138
|
+
ne as default
|
|
143
139
|
};
|
|
144
140
|
//# sourceMappingURL=index.vue.mjs.map
|
|
@@ -25,6 +25,5 @@ export declare function useTablePagination(options: {
|
|
|
25
25
|
data: Ref<any[], any[]>;
|
|
26
26
|
onPageSizeChange: (pageSize: number) => void;
|
|
27
27
|
onPageChange: (pageNum: number) => void;
|
|
28
|
-
setCurrentPage: (pageNum: number) => void;
|
|
29
28
|
};
|
|
30
29
|
//# sourceMappingURL=useTablePagination.d.ts.map
|
|
@@ -1,49 +1,35 @@
|
|
|
1
|
-
import { isArray as
|
|
2
|
-
import { ref as
|
|
3
|
-
import { usePagination as
|
|
4
|
-
function
|
|
5
|
-
const { data:
|
|
6
|
-
() =>
|
|
7
|
-
),
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
import { isArray as d, isPlainObject as h } from "@zl-ui-kit/utils";
|
|
2
|
+
import { ref as g, computed as b, watch as j } from "vue";
|
|
3
|
+
import { usePagination as z } from "../ZlPagination/usePagination.mjs";
|
|
4
|
+
function C(c) {
|
|
5
|
+
const { data: s, pagination: r, dataKey: l, emit: n } = c, u = z(
|
|
6
|
+
() => r.value === void 0 ? {} : r.value
|
|
7
|
+
), t = g([]), a = g({}), i = b(() => u.value ? Object.assign({}, u.value, a.value) : !1);
|
|
8
|
+
j(
|
|
9
|
+
s,
|
|
10
10
|
(e) => {
|
|
11
|
-
if (
|
|
12
|
-
|
|
13
|
-
else if (
|
|
14
|
-
|
|
15
|
-
const { pageNum:
|
|
16
|
-
|
|
17
|
-
Object.entries({ currentPage:
|
|
11
|
+
if (d(e))
|
|
12
|
+
t.value = e;
|
|
13
|
+
else if (h(e)) {
|
|
14
|
+
t.value = e[l] ?? [];
|
|
15
|
+
const { pageNum: o, pageSize: m, total: v } = e;
|
|
16
|
+
a.value = Object.fromEntries(
|
|
17
|
+
Object.entries({ currentPage: o, pageSize: m, total: v }).filter(([, P]) => P != null)
|
|
18
18
|
);
|
|
19
19
|
}
|
|
20
20
|
},
|
|
21
21
|
{ immediate: !0 }
|
|
22
22
|
);
|
|
23
|
-
function
|
|
24
|
-
|
|
23
|
+
function p(e) {
|
|
24
|
+
const o = (i.value === !1 ? 30 : i.value.pageSize) ?? 30;
|
|
25
|
+
n("pagination-change", { pageNum: e, pageSize: o }), n("page-change", e), a.value.currentPage = e;
|
|
25
26
|
}
|
|
26
|
-
|
|
27
|
-
(
|
|
28
|
-
(e) => {
|
|
29
|
-
e != null && i(e);
|
|
30
|
-
}
|
|
31
|
-
), g(
|
|
32
|
-
() => a.value === !1 ? void 0 : a.value.pageSize,
|
|
33
|
-
(e) => {
|
|
34
|
-
e != null && (n.value.pageSize = e);
|
|
35
|
-
}
|
|
36
|
-
);
|
|
37
|
-
function v(e) {
|
|
38
|
-
const r = (u.value === !1 ? 30 : u.value.pageSize) ?? 30;
|
|
39
|
-
t("pagination-change", { pageNum: e, pageSize: r }), t("page-change", e), i(e);
|
|
40
|
-
}
|
|
41
|
-
function m(e) {
|
|
42
|
-
t("pagination-change", { pageNum: 1, pageSize: e }), t("page-size-change", e), i(1), n.value.pageSize = e;
|
|
27
|
+
function f(e) {
|
|
28
|
+
n("pagination-change", { pageNum: 1, pageSize: e }), n("page-size-change", e), a.value.currentPage = 1, a.value.pageSize = e;
|
|
43
29
|
}
|
|
44
|
-
return { pagination:
|
|
30
|
+
return { pagination: i, data: t, onPageSizeChange: f, onPageChange: p };
|
|
45
31
|
}
|
|
46
32
|
export {
|
|
47
|
-
|
|
33
|
+
C as useTablePagination
|
|
48
34
|
};
|
|
49
35
|
//# sourceMappingURL=useTablePagination.mjs.map
|
|
@@ -1,16 +1,3 @@
|
|
|
1
|
-
import { PropType } from 'vue';
|
|
2
|
-
/** 页签配置项:`key` 同时作为插槽名(`#tab.key`)与 `el-tab-pane` 的 name */
|
|
3
|
-
export interface TabItem {
|
|
4
|
-
/** 页签唯一键(必填),同时作为内容插槽名(`#<key>`)与 `el-tab-pane` 的 name */
|
|
5
|
-
key: string;
|
|
6
|
-
/** 页签标题 */
|
|
7
|
-
title?: string;
|
|
8
|
-
/** 是否懒挂载,默认 true;与 arco 风 `lazyLoad` 二选一 */
|
|
9
|
-
lazy?: boolean;
|
|
10
|
-
/** arco 风懒挂载开关(`lazy` 的别名,二选一) */
|
|
11
|
-
lazyLoad?: boolean;
|
|
12
|
-
[key: string]: any;
|
|
13
|
-
}
|
|
14
1
|
/**
|
|
15
2
|
* 标签页(el-tabs 封装):tabs schema 驱动,每 tab 内容经具名插槽(#tab.key)渲染
|
|
16
3
|
* EP 映射:tab.key→el-tab-pane name、tab.title→label、tab.lazyLoad|tab.lazy→lazy
|
|
@@ -34,7 +21,7 @@ export interface TabItem {
|
|
|
34
21
|
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
35
22
|
/** 页签配置列表,以 key 关联内容插槽 */
|
|
36
23
|
tabs: {
|
|
37
|
-
type:
|
|
24
|
+
type: ArrayConstructor;
|
|
38
25
|
default: () => never[];
|
|
39
26
|
};
|
|
40
27
|
/** 当前激活页签的 key,可用 v-model 双向绑定 */
|
|
@@ -62,7 +49,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
62
49
|
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
63
50
|
/** 页签配置列表,以 key 关联内容插槽 */
|
|
64
51
|
tabs: {
|
|
65
|
-
type:
|
|
52
|
+
type: ArrayConstructor;
|
|
66
53
|
default: () => never[];
|
|
67
54
|
};
|
|
68
55
|
/** 当前激活页签的 key,可用 v-model 双向绑定 */
|
|
@@ -88,7 +75,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
88
75
|
border: boolean;
|
|
89
76
|
modelValue: string | number;
|
|
90
77
|
fit: boolean;
|
|
91
|
-
tabs:
|
|
78
|
+
tabs: unknown[];
|
|
92
79
|
darkNav: boolean;
|
|
93
80
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
94
81
|
export default _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.zl-corner-tag{position:absolute;z-index:1;display:inline-flex;align-items:center;font-size:12px;line-height:20px;font-weight:600;padding:2px 8px;color:#fff;cursor:default}.zl-corner-tag-color-bg{background-image:linear-gradient(to right,var(--zl-bg-6),var(--zl-bg-3))}.zl-corner-tag-color-blue{background-image:linear-gradient(to right,var(--zl-blue-6),var(--zl-blue-3))}.zl-corner-tag-color-border{background-image:linear-gradient(to right,var(--zl-border-6),var(--zl-border-3))}.zl-corner-tag-color-cyan{background-image:linear-gradient(to right,var(--zl-cyan-6),var(--zl-cyan-3))}.zl-corner-tag-color-danger{background-image:linear-gradient(to right,var(--zl-danger-6),var(--zl-danger-3))}.zl-corner-tag-color-fill{background-image:linear-gradient(to right,var(--zl-fill-6),var(--zl-fill-3))}.zl-corner-tag-color-gold{background-image:linear-gradient(to right,var(--zl-gold-6),var(--zl-gold-3))}.zl-corner-tag-color-gray{background-image:linear-gradient(to right,var(--zl-gray-6),var(--zl-gray-3))}.zl-corner-tag-color-green{background-image:linear-gradient(to right,var(--zl-green-6),var(--zl-green-3))}.zl-corner-tag-color-lime{background-image:linear-gradient(to right,var(--zl-lime-6),var(--zl-lime-3))}.zl-corner-tag-color-link{background-image:linear-gradient(to right,var(--zl-link-6),var(--zl-link-3))}.zl-corner-tag-color-magenta{background-image:linear-gradient(to right,var(--zl-magenta-6),var(--zl-magenta-3))}.zl-corner-tag-color-modo{background-image:linear-gradient(to right,var(--zl-modo-6),var(--zl-modo-3))}.zl-corner-tag-color-neutral{background-image:linear-gradient(to right,var(--zl-neutral-6),var(--zl-neutral-3))}.zl-corner-tag-color-orange{background-image:linear-gradient(to right,var(--zl-orange-6),var(--zl-orange-3))}.zl-corner-tag-color-orangered{background-image:linear-gradient(to right,var(--zl-orangered-6),var(--zl-orangered-3))}.zl-corner-tag-color-pinkpurple{background-image:linear-gradient(to right,var(--zl-pinkpurple-6),var(--zl-pinkpurple-3))}.zl-corner-tag-color-primary{background-image:linear-gradient(to right,var(--zl-primary-6),var(--zl-primary-3))}.zl-corner-tag-color-purple{background-image:linear-gradient(to right,var(--zl-purple-6),var(--zl-purple-3))}.zl-corner-tag-color-red{background-image:linear-gradient(to right,var(--zl-red-6),var(--zl-red-3))}.zl-corner-tag-color-success{background-image:linear-gradient(to right,var(--zl-success-6),var(--zl-success-3))}.zl-corner-tag-color-text{background-image:linear-gradient(to right,var(--zl-text-6),var(--zl-text-3))}.zl-corner-tag-color-warning{background-image:linear-gradient(to right,var(--zl-warning-6),var(--zl-warning-3))}.zl-corner-tag-color-yellow{background-image:linear-gradient(to right,var(--zl-yellow-6),var(--zl-yellow-3))}.zl-corner-tag-position-top-left{top:0;left:0;border-bottom-right-radius:var(--zl-radius-xl, 12px)}.zl-corner-tag-position-top-right{top:0;right:0;border-bottom-left-radius:var(--zl-radius-xl, 12px)}.zl-corner-tag-position-bottom-left{bottom:0;left:0;border-top-right-radius:var(--zl-radius-xl, 12px)}.zl-corner-tag-position-bottom-right{bottom:0;right:0;border-top-left-radius:var(--zl-radius-xl, 12px)}.zl-corner-tag-variant-ribbon{--zl-ribbon-size: var(--zl-corner-tag-ribbon-size, 76px);--zl-ribbon-gap: var(--zl-corner-tag-ribbon-gap, 12px);--zl-ribbon-width: var(--zl-corner-tag-ribbon-width, 28px);--zl-ribbon-k: 1.4142;--zl-ribbon-
|
|
1
|
+
@charset "UTF-8";.zl-corner-tag{position:absolute;z-index:1;display:inline-flex;align-items:center;font-size:12px;line-height:20px;font-weight:600;padding:2px 8px;color:#fff;cursor:default}.zl-corner-tag-color-bg{background-image:linear-gradient(to right,var(--zl-bg-6),var(--zl-bg-3))}.zl-corner-tag-color-blue{background-image:linear-gradient(to right,var(--zl-blue-6),var(--zl-blue-3))}.zl-corner-tag-color-border{background-image:linear-gradient(to right,var(--zl-border-6),var(--zl-border-3))}.zl-corner-tag-color-cyan{background-image:linear-gradient(to right,var(--zl-cyan-6),var(--zl-cyan-3))}.zl-corner-tag-color-danger{background-image:linear-gradient(to right,var(--zl-danger-6),var(--zl-danger-3))}.zl-corner-tag-color-fill{background-image:linear-gradient(to right,var(--zl-fill-6),var(--zl-fill-3))}.zl-corner-tag-color-gold{background-image:linear-gradient(to right,var(--zl-gold-6),var(--zl-gold-3))}.zl-corner-tag-color-gray{background-image:linear-gradient(to right,var(--zl-gray-6),var(--zl-gray-3))}.zl-corner-tag-color-green{background-image:linear-gradient(to right,var(--zl-green-6),var(--zl-green-3))}.zl-corner-tag-color-lime{background-image:linear-gradient(to right,var(--zl-lime-6),var(--zl-lime-3))}.zl-corner-tag-color-link{background-image:linear-gradient(to right,var(--zl-link-6),var(--zl-link-3))}.zl-corner-tag-color-magenta{background-image:linear-gradient(to right,var(--zl-magenta-6),var(--zl-magenta-3))}.zl-corner-tag-color-modo{background-image:linear-gradient(to right,var(--zl-modo-6),var(--zl-modo-3))}.zl-corner-tag-color-neutral{background-image:linear-gradient(to right,var(--zl-neutral-6),var(--zl-neutral-3))}.zl-corner-tag-color-orange{background-image:linear-gradient(to right,var(--zl-orange-6),var(--zl-orange-3))}.zl-corner-tag-color-orangered{background-image:linear-gradient(to right,var(--zl-orangered-6),var(--zl-orangered-3))}.zl-corner-tag-color-pinkpurple{background-image:linear-gradient(to right,var(--zl-pinkpurple-6),var(--zl-pinkpurple-3))}.zl-corner-tag-color-primary{background-image:linear-gradient(to right,var(--zl-primary-6),var(--zl-primary-3))}.zl-corner-tag-color-purple{background-image:linear-gradient(to right,var(--zl-purple-6),var(--zl-purple-3))}.zl-corner-tag-color-red{background-image:linear-gradient(to right,var(--zl-red-6),var(--zl-red-3))}.zl-corner-tag-color-success{background-image:linear-gradient(to right,var(--zl-success-6),var(--zl-success-3))}.zl-corner-tag-color-text{background-image:linear-gradient(to right,var(--zl-text-6),var(--zl-text-3))}.zl-corner-tag-color-warning{background-image:linear-gradient(to right,var(--zl-warning-6),var(--zl-warning-3))}.zl-corner-tag-color-yellow{background-image:linear-gradient(to right,var(--zl-yellow-6),var(--zl-yellow-3))}.zl-corner-tag-position-top-left{top:0;left:0;border-bottom-right-radius:var(--zl-radius-xl, 12px)}.zl-corner-tag-position-top-right{top:0;right:0;border-bottom-left-radius:var(--zl-radius-xl, 12px)}.zl-corner-tag-position-bottom-left{bottom:0;left:0;border-top-right-radius:var(--zl-radius-xl, 12px)}.zl-corner-tag-position-bottom-right{bottom:0;right:0;border-top-left-radius:var(--zl-radius-xl, 12px)}.zl-corner-tag-variant-ribbon{--zl-ribbon-size: var(--zl-corner-tag-ribbon-size, 76px);--zl-ribbon-gap: var(--zl-corner-tag-ribbon-gap, 12px);--zl-ribbon-width: var(--zl-corner-tag-ribbon-width, 28px);--zl-ribbon-k: 1.4142;--zl-ribbon-center: calc((var(--zl-ribbon-gap) * 2 + var(--zl-ribbon-width)) * .35355);display:block;width:var(--zl-ribbon-size);height:var(--zl-ribbon-size);padding:0;overflow:hidden}.zl-corner-tag-variant-ribbon .zl-corner-tag__icon{display:none}.zl-corner-tag-variant-ribbon .zl-corner-tag__text{position:absolute;white-space:nowrap;font-size:11px;line-height:1}.zl-corner-tag-variant-ribbon.zl-corner-tag-position-top-right{clip-path:polygon(calc(100% - (var(--zl-ribbon-gap) + var(--zl-ribbon-width)) * var(--zl-ribbon-k)) 0,calc(100% - var(--zl-ribbon-gap) * var(--zl-ribbon-k)) 0,100% calc(var(--zl-ribbon-gap) * var(--zl-ribbon-k)),100% calc((var(--zl-ribbon-gap) + var(--zl-ribbon-width)) * var(--zl-ribbon-k)))}.zl-corner-tag-variant-ribbon.zl-corner-tag-position-top-right .zl-corner-tag__text{top:var(--zl-ribbon-center);left:calc(100% - var(--zl-ribbon-center));transform:translate(-50%,-50%) rotate(45deg)}.zl-corner-tag-variant-ribbon.zl-corner-tag-position-top-left{clip-path:polygon(calc((var(--zl-ribbon-gap) + var(--zl-ribbon-width)) * var(--zl-ribbon-k)) 0,calc(var(--zl-ribbon-gap) * var(--zl-ribbon-k)) 0,0 calc(var(--zl-ribbon-gap) * var(--zl-ribbon-k)),0 calc((var(--zl-ribbon-gap) + var(--zl-ribbon-width)) * var(--zl-ribbon-k)))}.zl-corner-tag-variant-ribbon.zl-corner-tag-position-top-left .zl-corner-tag__text{top:var(--zl-ribbon-center);left:var(--zl-ribbon-center);transform:translate(-50%,-50%) rotate(-45deg)}.zl-corner-tag-variant-ribbon.zl-corner-tag-position-bottom-right{clip-path:polygon(calc(100% - (var(--zl-ribbon-gap) + var(--zl-ribbon-width)) * var(--zl-ribbon-k)) 100%,calc(100% - var(--zl-ribbon-gap) * var(--zl-ribbon-k)) 100%,100% calc(100% - var(--zl-ribbon-gap) * var(--zl-ribbon-k)),100% calc(100% - (var(--zl-ribbon-gap) + var(--zl-ribbon-width)) * var(--zl-ribbon-k)))}.zl-corner-tag-variant-ribbon.zl-corner-tag-position-bottom-right .zl-corner-tag__text{top:calc(100% - var(--zl-ribbon-center));left:calc(100% - var(--zl-ribbon-center));transform:translate(-50%,-50%) rotate(-45deg)}.zl-corner-tag-variant-ribbon.zl-corner-tag-position-bottom-left{clip-path:polygon(calc((var(--zl-ribbon-gap) + var(--zl-ribbon-width)) * var(--zl-ribbon-k)) 100%,calc(var(--zl-ribbon-gap) * var(--zl-ribbon-k)) 100%,0 calc(100% - var(--zl-ribbon-gap) * var(--zl-ribbon-k)),0 calc(100% - (var(--zl-ribbon-gap) + var(--zl-ribbon-width)) * var(--zl-ribbon-k)))}.zl-corner-tag-variant-ribbon.zl-corner-tag-position-bottom-left .zl-corner-tag__text{top:calc(100% - var(--zl-ribbon-center));left:var(--zl-ribbon-center);transform:translate(-50%,-50%) rotate(45deg)}
|