@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.
Files changed (112) hide show
  1. package/README.md +22 -18
  2. package/dist/components/ZlAction/List.vue.mjs +46 -49
  3. package/dist/components/ZlAction/index.vue.d.ts +1 -7
  4. package/dist/components/ZlAction/index.vue.mjs +8 -12
  5. package/dist/components/ZlAction/types.d.ts +2 -5
  6. package/dist/components/ZlAppLayout/Horizontal.css +1 -1
  7. package/dist/components/ZlAppLayout/Vertical.css +1 -1
  8. package/dist/components/ZlAppLayout/Vertical2.vue.mjs +41 -39
  9. package/dist/components/ZlAppLayout/index.vue.d.ts +6 -6
  10. package/dist/components/ZlAppLayout/index.vue.mjs +8 -8
  11. package/dist/components/ZlAppMenu/AppMenu.css +1 -0
  12. package/dist/components/ZlAppMenu/AppMenu.vue.d.ts +27 -0
  13. package/dist/components/ZlAppMenu/AppMenu.vue.mjs +37 -0
  14. package/dist/components/ZlAppMenu/AppMenu3.vue.mjs +6 -0
  15. package/dist/components/ZlAppMenu/AppMenuItem.vue.d.ts +11 -0
  16. package/dist/components/ZlAppMenu/AppMenuItem.vue.mjs +58 -0
  17. package/dist/components/ZlAppMenu/AppMenuItem2.vue.mjs +5 -0
  18. package/dist/components/ZlAppSlogan/index.css +1 -1
  19. package/dist/components/ZlAppSlogan/index.vue.d.ts +1 -1
  20. package/dist/components/ZlAppSlogan/index.vue.mjs +12 -19
  21. package/dist/components/ZlCardPage/index.vue.d.ts +3 -41
  22. package/dist/components/ZlCardPage/index.vue.mjs +68 -68
  23. package/dist/components/ZlCheckboxTag/index.css +1 -1
  24. package/dist/components/ZlCheckboxTag/index.vue.d.ts +4 -4
  25. package/dist/components/ZlCheckboxTag/index.vue.mjs +30 -34
  26. package/dist/components/ZlCopy/copy.mjs +7 -17
  27. package/dist/components/ZlCopy/index.css +1 -1
  28. package/dist/components/ZlCopy/index.vue.mjs +2 -2
  29. package/dist/components/ZlCopy/index2.vue.mjs +36 -34
  30. package/dist/components/ZlDescription/index.css +1 -1
  31. package/dist/components/ZlDescription/index.vue.mjs +24 -28
  32. package/dist/components/ZlDialog/index.css +1 -1
  33. package/dist/components/ZlDialog/index.vue.d.ts +0 -3
  34. package/dist/components/ZlDialog/index.vue.mjs +35 -39
  35. package/dist/components/ZlDictTag/index.vue.d.ts +3 -12
  36. package/dist/components/ZlDictTag/index.vue.mjs +26 -31
  37. package/dist/components/ZlDrawer/index.css +1 -1
  38. package/dist/components/ZlDrawer/index.vue.d.ts +0 -3
  39. package/dist/components/ZlDrawer/index.vue.mjs +32 -36
  40. package/dist/components/ZlDynamicComponent/index.vue.d.ts +3 -5
  41. package/dist/components/ZlForm/index.css +1 -1
  42. package/dist/components/ZlForm/index.vue.d.ts +0 -7
  43. package/dist/components/ZlForm/index.vue.mjs +47 -50
  44. package/dist/components/ZlLayoutSwitch/index.css +1 -1
  45. package/dist/components/ZlLayoutSwitch/index.vue.d.ts +0 -10
  46. package/dist/components/ZlLayoutSwitch/index.vue.mjs +1 -1
  47. package/dist/components/ZlLayoutSwitch/index2.vue.mjs +19 -27
  48. package/dist/components/ZlLogin/components/LoginForm.css +1 -1
  49. package/dist/components/ZlLogin/components/LoginForm.vue.mjs +1 -1
  50. package/dist/components/ZlLogin/components/LoginForm2.vue.mjs +25 -26
  51. package/dist/components/ZlPageContainer/index.css +1 -1
  52. package/dist/components/ZlPageContainer/index.vue.mjs +1 -1
  53. package/dist/components/ZlPagination/index.css +1 -1
  54. package/dist/components/ZlPagination/index.vue.d.ts +1 -21
  55. package/dist/components/ZlPagination/index.vue.mjs +1 -1
  56. package/dist/components/ZlPagination/index2.vue.mjs +33 -59
  57. package/dist/components/ZlPagination/usePagination.d.ts +0 -1
  58. package/dist/components/ZlPagination/usePagination.mjs +34 -51
  59. package/dist/components/ZlPopconfirm/index.vue.mjs +24 -25
  60. package/dist/components/ZlSearch/index.vue.d.ts +0 -25
  61. package/dist/components/ZlSearch/index.vue.mjs +205 -202
  62. package/dist/components/ZlSearchTable/index.vue.d.ts +2 -40
  63. package/dist/components/ZlSearchTable/index.vue.mjs +55 -59
  64. package/dist/components/ZlTable/useTablePagination.d.ts +0 -1
  65. package/dist/components/ZlTable/useTablePagination.mjs +23 -37
  66. package/dist/components/ZlTabs/index.vue.d.ts +3 -16
  67. package/dist/components/ZlTag/ZlCornerTag.css +1 -1
  68. package/dist/components/ZlTag/ZlCornerTag.vue.d.ts +1 -14
  69. package/dist/components/ZlTag/ZlCornerTag.vue.mjs +14 -25
  70. package/dist/components/ZlTag/index.vue.mjs +4 -4
  71. package/dist/components/ZlUpload/index.css +1 -1
  72. package/dist/components/ZlUpload/index.vue.d.ts +3 -44
  73. package/dist/components/ZlUpload/index.vue.mjs +3 -3
  74. package/dist/components/ZlUpload/index2.vue.mjs +79 -119
  75. package/dist/index.d.ts +2 -8
  76. package/dist/index.mjs +169 -183
  77. package/dist/locales/en.mjs +2 -2
  78. package/dist/locales/zh-cn.mjs +3 -3
  79. package/package.json +6 -6
  80. package/dist/components/ZlAppLayout/HeaderAside.css +0 -1
  81. package/dist/components/ZlAppLayout/HeaderAside.vue.d.ts +0 -25
  82. package/dist/components/ZlAppLayout/HeaderAside.vue.mjs +0 -6
  83. package/dist/components/ZlAppLayout/HeaderAside2.vue.mjs +0 -65
  84. package/dist/components/ZlBreadcrumb/index.css +0 -1
  85. package/dist/components/ZlBreadcrumb/index.vue.d.ts +0 -32
  86. package/dist/components/ZlBreadcrumb/index.vue.mjs +0 -58
  87. package/dist/components/ZlBreadcrumb/index3.vue.mjs +0 -6
  88. package/dist/components/ZlBreadcrumb/types.d.ts +0 -16
  89. package/dist/components/ZlButton/index.vue.d.ts +0 -81
  90. package/dist/components/ZlButton/index.vue.mjs +0 -60
  91. package/dist/components/ZlButton/index2.vue.mjs +0 -5
  92. package/dist/components/ZlCardPage/resolvePagination.d.ts +0 -20
  93. package/dist/components/ZlCardPage/resolvePagination.mjs +0 -24
  94. package/dist/components/ZlDevMenu/index.css +0 -1
  95. package/dist/components/ZlDevMenu/index.vue.d.ts +0 -33
  96. package/dist/components/ZlDevMenu/index.vue.mjs +0 -110
  97. package/dist/components/ZlDevMenu/index3.vue.mjs +0 -6
  98. package/dist/components/ZlDevMenu/types.d.ts +0 -8
  99. package/dist/components/ZlLoading/index.css +0 -1
  100. package/dist/components/ZlLoading/index.vue.d.ts +0 -27
  101. package/dist/components/ZlLoading/index.vue.mjs +0 -8
  102. package/dist/components/ZlLoading/index2.vue.mjs +0 -30
  103. package/dist/components/ZlMenu/MenuIcon.d.ts +0 -17
  104. package/dist/components/ZlMenu/MenuIcon.mjs +0 -21
  105. package/dist/components/ZlMenu/ZlMenuItem.vue.d.ts +0 -7
  106. package/dist/components/ZlMenu/ZlMenuItem.vue.mjs +0 -53
  107. package/dist/components/ZlMenu/ZlMenuItem2.vue.mjs +0 -5
  108. package/dist/components/ZlMenu/index.css +0 -1
  109. package/dist/components/ZlMenu/index.vue.d.ts +0 -40
  110. package/dist/components/ZlMenu/index.vue.mjs +0 -60
  111. package/dist/components/ZlMenu/index3.vue.mjs +0 -6
  112. 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" | "hideEmptyLabel" | "labelsVisible" | "showLabels")> & {
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" | "hideEmptyLabel" | "labelsVisible" | "showLabels")> & {
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 K, useSlots as T, useAttrs as V, computed as m, ref as b, toRef as W, watch as Z, openBlock as y, createElementBlock as _, createBlock as x, createSlots as P, withCtx as f, renderSlot as d, renderList as q, normalizeProps as S, guardReactiveProps as $, createCommentVNode as F, createVNode as G, mergeProps as H, unref as h } from "vue";
2
- import { usePageableRequest as J } from "@zl-ui-kit/composables";
3
- import M from "../ZlSearch/index.vue.mjs";
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 Q from "../ZlTable/index.vue.mjs";
5
+ import M from "../ZlTable/index.vue.mjs";
6
6
  /* empty css */
7
- import { useTablePagination as U } from "../ZlTable/useTablePagination.mjs";
8
- const X = { class: "zl-search-table" }, R = "search-", oe = /* @__PURE__ */ K({
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: B, emit: w }) {
22
- const s = r, z = w, C = T(), p = V(), g = m(() => {
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(C).forEach((a) => {
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
- }), i = b(null), u = b(null), v = m(() => {
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: N,
39
- data: k,
40
- run: A,
41
- params: E,
42
- refresh: I
43
- } = J(v.value.service, v.value.options), j = m(() => E.value?.[0]), L = p.dataKey ?? p["data-key"] ?? "rows", { data: O, pagination: n, setCurrentPage: D } = U({
44
- data: k,
45
- pagination: W(s, "pagination"),
46
- dataKey: L,
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 c;
51
- function l(e, t = n.value !== !1 ? { pageNum: 1, pageSize: n.value.pageSize } : void 0) {
52
- c = {
53
- ...c,
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 Z(
57
+ return L(
61
58
  () => s.immediate,
62
59
  (e) => {
63
- e && !s.queryItems.length && l();
60
+ e && !s.queryItems.length && o();
64
61
  },
65
62
  { immediate: !0, once: !0 }
66
- ), B({
63
+ ), w({
67
64
  /** 原地重查:用最近一次入参重新请求,保持当前页码(区别于 `search()` 会回到第 1 页) */
68
- refresh: I,
65
+ refresh: j,
69
66
  /** 最近一次请求的入参(`{ pageNum, pageSize, ...查询表单 }`) */
70
- params: j,
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 !i.value && t === "search" ? l : i.value?.[t];
73
+ return !n.value && t === "search" ? o : n.value?.[t];
77
74
  },
78
75
  has(e, t) {
79
- return t in (i.value ?? {});
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 u.value?.[t];
85
+ return i.value?.[t];
89
86
  },
90
87
  has(e, t) {
91
- return t in (u.value ?? {});
88
+ return t in (i.value ?? {});
92
89
  }
93
90
  }
94
91
  )
95
- }), (e, t) => (y(), _("div", X, [
96
- r.queryItems.length || e.$slots.searchActions || e.$slots["search-actions"] ? (y(), x(M, {
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: i,
96
+ ref: n,
100
97
  items: r.queryItems,
101
98
  immediate: r.immediate,
102
- "hide-empty-label": r.hideEmptyLabel,
103
- onSearch: l,
104
- onReset: t[0] || (t[0] = (a) => z("search-reset"))
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
- q(g.value.search, (a) => ({
109
+ S(g.value.search, (a) => ({
114
110
  name: a.subSlot,
115
- fn: f((o) => [
116
- d(e.$slots, a.slot, S($(o)))
111
+ fn: f((c) => [
112
+ d(e.$slots, a.slot, $(P(c)))
117
113
  ])
118
114
  }))
119
- ]), 1032, ["items", "immediate", "hide-empty-label"])) : F("", !0),
120
- G(Q, H({
115
+ ]), 1032, ["items", "immediate"])) : x("", !0),
116
+ F(M, G({
121
117
  ref_key: "tableRef",
122
- ref: u,
118
+ ref: i,
123
119
  class: "zl-search-table__table",
124
120
  columns: r.columns,
125
- data: h(O),
126
- pagination: h(n),
127
- loading: h(N)
121
+ data: h(D),
122
+ pagination: h(l),
123
+ loading: h(A)
128
124
  }, e.$attrs, {
129
- onPaginationChange: t[1] || (t[1] = (a) => l(void 0, a))
130
- }), P({ _: 2 }, [
131
- q(g.value.table, (a) => ({
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((o) => [
134
- d(e.$slots, a, S($(o)))
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
- oe as default
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 z, isPlainObject as b } from "@zl-ui-kit/utils";
2
- import { ref as c, computed as S, watch as g } from "vue";
3
- import { usePagination as j } from "../ZlPagination/usePagination.mjs";
4
- function _(s) {
5
- const { data: f, pagination: l, dataKey: p, emit: t } = s, a = j(
6
- () => l.value === void 0 ? {} : l.value
7
- ), o = c([]), n = c({}), u = S(() => a.value ? Object.assign({}, a.value, n.value) : !1);
8
- g(
9
- f,
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 (z(e))
12
- o.value = e;
13
- else if (b(e)) {
14
- o.value = e[p] ?? [];
15
- const { pageNum: r, pageSize: P, total: d } = e;
16
- n.value = Object.fromEntries(
17
- Object.entries({ currentPage: r, pageSize: P, total: d }).filter(([, h]) => h != null)
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 i(e) {
24
- n.value.currentPage = e;
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
- g(
27
- () => a.value === !1 ? void 0 : a.value.currentPage,
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: u, data: o, onPageSizeChange: m, onPageChange: v, setCurrentPage: i };
30
+ return { pagination: i, data: t, onPageSizeChange: f, onPageChange: p };
45
31
  }
46
32
  export {
47
- _ as useTablePagination
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: PropType<TabItem[]>;
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: PropType<TabItem[]>;
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: TabItem[];
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-font-size: var( --zl-corner-tag-ribbon-font-size, clamp(10px, calc(var(--zl-ribbon-width) * .4), 16px) );--zl-ribbon-center: calc((var(--zl-ribbon-gap) * 2 + var(--zl-ribbon-width)) * .35355);--zl-ribbon-box: max( var(--zl-ribbon-size), calc((var(--zl-ribbon-gap) + var(--zl-ribbon-width)) * var(--zl-ribbon-k)) );display:block;width:var(--zl-ribbon-box);height:var(--zl-ribbon-box);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:var(--zl-ribbon-font-size);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)}
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)}