straw-ui-vue 0.1.54 → 0.1.55

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.
@@ -143,7 +143,7 @@ export declare const StScrollbar: {
143
143
  };
144
144
  });
145
145
  StScrollbarGroupView: {
146
- new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{
146
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./index.ts').StScrollbarViewProps> & Readonly<{
147
147
  onScroll?: (event: Event) => any;
148
148
  onEvent?: (name: string, ...args: any[]) => any;
149
149
  onScrollToUpper?: () => any;
@@ -160,7 +160,7 @@ export declare const StScrollbar: {
160
160
  C: {};
161
161
  M: {};
162
162
  Defaults: {};
163
- }, Readonly<{}> & Readonly<{
163
+ }, Readonly<import('./index.ts').StScrollbarViewProps> & Readonly<{
164
164
  onScroll?: (event: Event) => any;
165
165
  onEvent?: (name: string, ...args: any[]) => any;
166
166
  onScrollToUpper?: () => any;
@@ -169,7 +169,7 @@ export declare const StScrollbar: {
169
169
  __isFragment?: never;
170
170
  __isTeleport?: never;
171
171
  __isSuspense?: never;
172
- } & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{
172
+ } & import('vue').ComponentOptionsBase<Readonly<import('./index.ts').StScrollbarViewProps> & Readonly<{
173
173
  onScroll?: (event: Event) => any;
174
174
  onEvent?: (name: string, ...args: any[]) => any;
175
175
  onScrollToUpper?: () => any;
@@ -258,6 +258,8 @@ export declare const StScrollbar: {
258
258
  $: import('vue').ComponentInternalInstance;
259
259
  $data: {};
260
260
  $props: Partial<{}> & Omit<{
261
+ readonly contentClass?: import('vue').ClassValue;
262
+ readonly contentStyle?: import('vue').StyleValue;
261
263
  readonly onScroll?: (event: Event) => any;
262
264
  readonly onEvent?: (name: string, ...args: any[]) => any;
263
265
  readonly onScrollToUpper?: () => any;
@@ -275,7 +277,7 @@ export declare const StScrollbar: {
275
277
  $host: Element | null;
276
278
  $emit: ((event: "scroll", event: Event) => void) & ((event: "event", name: string, ...args: any[]) => void) & ((event: "scrollToUpper") => void) & ((event: "scrollToLower") => void);
277
279
  $el: any;
278
- $options: import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{
280
+ $options: import('vue').ComponentOptionsBase<Readonly<import('./index.ts').StScrollbarViewProps> & Readonly<{
279
281
  onScroll?: (event: Event) => any;
280
282
  onEvent?: (name: string, ...args: any[]) => any;
281
283
  onScrollToUpper?: () => any;
@@ -305,7 +307,7 @@ export declare const StScrollbar: {
305
307
  $forceUpdate: () => void;
306
308
  $nextTick: typeof import('vue').nextTick;
307
309
  $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
308
- } & Readonly<{}> & Omit<Readonly<{}> & Readonly<{
310
+ } & Readonly<{}> & Omit<Readonly<import('./index.ts').StScrollbarViewProps> & Readonly<{
309
311
  onScroll?: (event: Event) => any;
310
312
  onEvent?: (name: string, ...args: any[]) => any;
311
313
  onScrollToUpper?: () => any;
@@ -321,6 +323,8 @@ export declare const StScrollbar: {
321
323
  $: import('vue').ComponentInternalInstance;
322
324
  $data: {};
323
325
  $props: Partial<{}> & Omit<{
326
+ readonly contentClass?: import('vue').ClassValue;
327
+ readonly contentStyle?: import('vue').StyleValue;
324
328
  readonly onScroll?: (event: Event) => any;
325
329
  readonly onEvent?: (name: string, ...args: any[]) => any;
326
330
  readonly onScrollToUpper?: () => any;
@@ -338,7 +342,7 @@ export declare const StScrollbar: {
338
342
  $host: Element | null;
339
343
  $emit: ((event: "scroll", event: Event) => void) & ((event: "event", name: string, ...args: any[]) => void) & ((event: "scrollToUpper") => void) & ((event: "scrollToLower") => void);
340
344
  $el: any;
341
- $options: import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{
345
+ $options: import('vue').ComponentOptionsBase<Readonly<import('./index.ts').StScrollbarViewProps> & Readonly<{
342
346
  onScroll?: (event: Event) => any;
343
347
  onEvent?: (name: string, ...args: any[]) => any;
344
348
  onScrollToUpper?: () => any;
@@ -368,7 +372,7 @@ export declare const StScrollbar: {
368
372
  $forceUpdate: () => void;
369
373
  $nextTick: typeof import('vue').nextTick;
370
374
  $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
371
- } & Readonly<{}> & Omit<Readonly<{}> & Readonly<{
375
+ } & Readonly<{}> & Omit<Readonly<import('./index.ts').StScrollbarViewProps> & Readonly<{
372
376
  onScroll?: (event: Event) => any;
373
377
  onEvent?: (name: string, ...args: any[]) => any;
374
378
  onScrollToUpper?: () => any;
@@ -417,6 +421,8 @@ export declare const StScrollbar: {
417
421
  $: import('vue').ComponentInternalInstance;
418
422
  $data: {};
419
423
  $props: Partial<{}> & Omit<{
424
+ readonly contentClass?: import('vue').ClassValue;
425
+ readonly contentStyle?: import('vue').StyleValue;
420
426
  readonly onScroll?: (event: Event) => any;
421
427
  readonly onEvent?: (name: string, ...args: any[]) => any;
422
428
  readonly onScrollToUpper?: () => any;
@@ -434,7 +440,7 @@ export declare const StScrollbar: {
434
440
  $host: Element | null;
435
441
  $emit: ((event: "scroll", event: Event) => void) & ((event: "event", name: string, ...args: any[]) => void) & ((event: "scrollToUpper") => void) & ((event: "scrollToLower") => void);
436
442
  $el: any;
437
- $options: import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{
443
+ $options: import('vue').ComponentOptionsBase<Readonly<import('./index.ts').StScrollbarViewProps> & Readonly<{
438
444
  onScroll?: (event: Event) => any;
439
445
  onEvent?: (name: string, ...args: any[]) => any;
440
446
  onScrollToUpper?: () => any;
@@ -464,7 +470,7 @@ export declare const StScrollbar: {
464
470
  $forceUpdate: () => void;
465
471
  $nextTick: typeof import('vue').nextTick;
466
472
  $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
467
- } & Readonly<{}> & Omit<Readonly<{}> & Readonly<{
473
+ } & Readonly<{}> & Omit<Readonly<import('./index.ts').StScrollbarViewProps> & Readonly<{
468
474
  onScroll?: (event: Event) => any;
469
475
  onEvent?: (name: string, ...args: any[]) => any;
470
476
  onScrollToUpper?: () => any;
@@ -480,6 +486,8 @@ export declare const StScrollbar: {
480
486
  $: import('vue').ComponentInternalInstance;
481
487
  $data: {};
482
488
  $props: Partial<{}> & Omit<{
489
+ readonly contentClass?: import('vue').ClassValue;
490
+ readonly contentStyle?: import('vue').StyleValue;
483
491
  readonly onScroll?: (event: Event) => any;
484
492
  readonly onEvent?: (name: string, ...args: any[]) => any;
485
493
  readonly onScrollToUpper?: () => any;
@@ -497,7 +505,7 @@ export declare const StScrollbar: {
497
505
  $host: Element | null;
498
506
  $emit: ((event: "scroll", event: Event) => void) & ((event: "event", name: string, ...args: any[]) => void) & ((event: "scrollToUpper") => void) & ((event: "scrollToLower") => void);
499
507
  $el: any;
500
- $options: import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{
508
+ $options: import('vue').ComponentOptionsBase<Readonly<import('./index.ts').StScrollbarViewProps> & Readonly<{
501
509
  onScroll?: (event: Event) => any;
502
510
  onEvent?: (name: string, ...args: any[]) => any;
503
511
  onScrollToUpper?: () => any;
@@ -527,7 +535,7 @@ export declare const StScrollbar: {
527
535
  $forceUpdate: () => void;
528
536
  $nextTick: typeof import('vue').nextTick;
529
537
  $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
530
- } & Readonly<{}> & Omit<Readonly<{}> & Readonly<{
538
+ } & Readonly<{}> & Omit<Readonly<import('./index.ts').StScrollbarViewProps> & Readonly<{
531
539
  onScroll?: (event: Event) => any;
532
540
  onEvent?: (name: string, ...args: any[]) => any;
533
541
  onScrollToUpper?: () => any;
@@ -571,6 +579,8 @@ export declare const StScrollbar: {
571
579
  $: import('vue').ComponentInternalInstance;
572
580
  $data: {};
573
581
  $props: Partial<{}> & Omit<{
582
+ readonly contentClass?: import('vue').ClassValue;
583
+ readonly contentStyle?: import('vue').StyleValue;
574
584
  readonly onScroll?: (event: Event) => any;
575
585
  readonly onEvent?: (name: string, ...args: any[]) => any;
576
586
  readonly onScrollToUpper?: () => any;
@@ -588,7 +598,7 @@ export declare const StScrollbar: {
588
598
  $host: Element | null;
589
599
  $emit: ((event: "scroll", event: Event) => void) & ((event: "event", name: string, ...args: any[]) => void) & ((event: "scrollToUpper") => void) & ((event: "scrollToLower") => void);
590
600
  $el: any;
591
- $options: import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{
601
+ $options: import('vue').ComponentOptionsBase<Readonly<import('./index.ts').StScrollbarViewProps> & Readonly<{
592
602
  onScroll?: (event: Event) => any;
593
603
  onEvent?: (name: string, ...args: any[]) => any;
594
604
  onScrollToUpper?: () => any;
@@ -618,7 +628,7 @@ export declare const StScrollbar: {
618
628
  $forceUpdate: () => void;
619
629
  $nextTick: typeof import('vue').nextTick;
620
630
  $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
621
- } & Readonly<{}> & Omit<Readonly<{}> & Readonly<{
631
+ } & Readonly<{}> & Omit<Readonly<import('./index.ts').StScrollbarViewProps> & Readonly<{
622
632
  onScroll?: (event: Event) => any;
623
633
  onEvent?: (name: string, ...args: any[]) => any;
624
634
  onScrollToUpper?: () => any;
@@ -634,6 +644,8 @@ export declare const StScrollbar: {
634
644
  $: import('vue').ComponentInternalInstance;
635
645
  $data: {};
636
646
  $props: Partial<{}> & Omit<{
647
+ readonly contentClass?: import('vue').ClassValue;
648
+ readonly contentStyle?: import('vue').StyleValue;
637
649
  readonly onScroll?: (event: Event) => any;
638
650
  readonly onEvent?: (name: string, ...args: any[]) => any;
639
651
  readonly onScrollToUpper?: () => any;
@@ -651,7 +663,7 @@ export declare const StScrollbar: {
651
663
  $host: Element | null;
652
664
  $emit: ((event: "scroll", event: Event) => void) & ((event: "event", name: string, ...args: any[]) => void) & ((event: "scrollToUpper") => void) & ((event: "scrollToLower") => void);
653
665
  $el: any;
654
- $options: import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{
666
+ $options: import('vue').ComponentOptionsBase<Readonly<import('./index.ts').StScrollbarViewProps> & Readonly<{
655
667
  onScroll?: (event: Event) => any;
656
668
  onEvent?: (name: string, ...args: any[]) => any;
657
669
  onScrollToUpper?: () => any;
@@ -681,7 +693,7 @@ export declare const StScrollbar: {
681
693
  $forceUpdate: () => void;
682
694
  $nextTick: typeof import('vue').nextTick;
683
695
  $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
684
- } & Readonly<{}> & Omit<Readonly<{}> & Readonly<{
696
+ } & Readonly<{}> & Omit<Readonly<import('./index.ts').StScrollbarViewProps> & Readonly<{
685
697
  onScroll?: (event: Event) => any;
686
698
  onEvent?: (name: string, ...args: any[]) => any;
687
699
  onScrollToUpper?: () => any;
@@ -1018,7 +1030,7 @@ export declare const StScrollbarGroup: {
1018
1030
  };
1019
1031
  });
1020
1032
  export declare const StScrollbarGroupView: {
1021
- new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{
1033
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./index.ts').StScrollbarViewProps> & Readonly<{
1022
1034
  onScroll?: (event: Event) => any;
1023
1035
  onEvent?: (name: string, ...args: any[]) => any;
1024
1036
  onScrollToUpper?: () => any;
@@ -1035,7 +1047,7 @@ export declare const StScrollbarGroupView: {
1035
1047
  C: {};
1036
1048
  M: {};
1037
1049
  Defaults: {};
1038
- }, Readonly<{}> & Readonly<{
1050
+ }, Readonly<import('./index.ts').StScrollbarViewProps> & Readonly<{
1039
1051
  onScroll?: (event: Event) => any;
1040
1052
  onEvent?: (name: string, ...args: any[]) => any;
1041
1053
  onScrollToUpper?: () => any;
@@ -1044,7 +1056,7 @@ export declare const StScrollbarGroupView: {
1044
1056
  __isFragment?: never;
1045
1057
  __isTeleport?: never;
1046
1058
  __isSuspense?: never;
1047
- } & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{
1059
+ } & import('vue').ComponentOptionsBase<Readonly<import('./index.ts').StScrollbarViewProps> & Readonly<{
1048
1060
  onScroll?: (event: Event) => any;
1049
1061
  onEvent?: (name: string, ...args: any[]) => any;
1050
1062
  onScrollToUpper?: () => any;
@@ -1134,6 +1146,8 @@ export declare const StScrollbarGroupScroller: {
1134
1146
  $: import('vue').ComponentInternalInstance;
1135
1147
  $data: {};
1136
1148
  $props: Partial<{}> & Omit<{
1149
+ readonly contentClass?: import('vue').ClassValue;
1150
+ readonly contentStyle?: import('vue').StyleValue;
1137
1151
  readonly onScroll?: (event: Event) => any;
1138
1152
  readonly onEvent?: (name: string, ...args: any[]) => any;
1139
1153
  readonly onScrollToUpper?: () => any;
@@ -1151,7 +1165,7 @@ export declare const StScrollbarGroupScroller: {
1151
1165
  $host: Element | null;
1152
1166
  $emit: ((event: "scroll", event: Event) => void) & ((event: "event", name: string, ...args: any[]) => void) & ((event: "scrollToUpper") => void) & ((event: "scrollToLower") => void);
1153
1167
  $el: any;
1154
- $options: import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{
1168
+ $options: import('vue').ComponentOptionsBase<Readonly<import('./index.ts').StScrollbarViewProps> & Readonly<{
1155
1169
  onScroll?: (event: Event) => any;
1156
1170
  onEvent?: (name: string, ...args: any[]) => any;
1157
1171
  onScrollToUpper?: () => any;
@@ -1181,7 +1195,7 @@ export declare const StScrollbarGroupScroller: {
1181
1195
  $forceUpdate: () => void;
1182
1196
  $nextTick: typeof import('vue').nextTick;
1183
1197
  $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
1184
- } & Readonly<{}> & Omit<Readonly<{}> & Readonly<{
1198
+ } & Readonly<{}> & Omit<Readonly<import('./index.ts').StScrollbarViewProps> & Readonly<{
1185
1199
  onScroll?: (event: Event) => any;
1186
1200
  onEvent?: (name: string, ...args: any[]) => any;
1187
1201
  onScrollToUpper?: () => any;
@@ -1197,6 +1211,8 @@ export declare const StScrollbarGroupScroller: {
1197
1211
  $: import('vue').ComponentInternalInstance;
1198
1212
  $data: {};
1199
1213
  $props: Partial<{}> & Omit<{
1214
+ readonly contentClass?: import('vue').ClassValue;
1215
+ readonly contentStyle?: import('vue').StyleValue;
1200
1216
  readonly onScroll?: (event: Event) => any;
1201
1217
  readonly onEvent?: (name: string, ...args: any[]) => any;
1202
1218
  readonly onScrollToUpper?: () => any;
@@ -1214,7 +1230,7 @@ export declare const StScrollbarGroupScroller: {
1214
1230
  $host: Element | null;
1215
1231
  $emit: ((event: "scroll", event: Event) => void) & ((event: "event", name: string, ...args: any[]) => void) & ((event: "scrollToUpper") => void) & ((event: "scrollToLower") => void);
1216
1232
  $el: any;
1217
- $options: import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{
1233
+ $options: import('vue').ComponentOptionsBase<Readonly<import('./index.ts').StScrollbarViewProps> & Readonly<{
1218
1234
  onScroll?: (event: Event) => any;
1219
1235
  onEvent?: (name: string, ...args: any[]) => any;
1220
1236
  onScrollToUpper?: () => any;
@@ -1244,7 +1260,7 @@ export declare const StScrollbarGroupScroller: {
1244
1260
  $forceUpdate: () => void;
1245
1261
  $nextTick: typeof import('vue').nextTick;
1246
1262
  $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
1247
- } & Readonly<{}> & Omit<Readonly<{}> & Readonly<{
1263
+ } & Readonly<{}> & Omit<Readonly<import('./index.ts').StScrollbarViewProps> & Readonly<{
1248
1264
  onScroll?: (event: Event) => any;
1249
1265
  onEvent?: (name: string, ...args: any[]) => any;
1250
1266
  onScrollToUpper?: () => any;
@@ -1293,6 +1309,8 @@ export declare const StScrollbarGroupScroller: {
1293
1309
  $: import('vue').ComponentInternalInstance;
1294
1310
  $data: {};
1295
1311
  $props: Partial<{}> & Omit<{
1312
+ readonly contentClass?: import('vue').ClassValue;
1313
+ readonly contentStyle?: import('vue').StyleValue;
1296
1314
  readonly onScroll?: (event: Event) => any;
1297
1315
  readonly onEvent?: (name: string, ...args: any[]) => any;
1298
1316
  readonly onScrollToUpper?: () => any;
@@ -1310,7 +1328,7 @@ export declare const StScrollbarGroupScroller: {
1310
1328
  $host: Element | null;
1311
1329
  $emit: ((event: "scroll", event: Event) => void) & ((event: "event", name: string, ...args: any[]) => void) & ((event: "scrollToUpper") => void) & ((event: "scrollToLower") => void);
1312
1330
  $el: any;
1313
- $options: import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{
1331
+ $options: import('vue').ComponentOptionsBase<Readonly<import('./index.ts').StScrollbarViewProps> & Readonly<{
1314
1332
  onScroll?: (event: Event) => any;
1315
1333
  onEvent?: (name: string, ...args: any[]) => any;
1316
1334
  onScrollToUpper?: () => any;
@@ -1340,7 +1358,7 @@ export declare const StScrollbarGroupScroller: {
1340
1358
  $forceUpdate: () => void;
1341
1359
  $nextTick: typeof import('vue').nextTick;
1342
1360
  $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
1343
- } & Readonly<{}> & Omit<Readonly<{}> & Readonly<{
1361
+ } & Readonly<{}> & Omit<Readonly<import('./index.ts').StScrollbarViewProps> & Readonly<{
1344
1362
  onScroll?: (event: Event) => any;
1345
1363
  onEvent?: (name: string, ...args: any[]) => any;
1346
1364
  onScrollToUpper?: () => any;
@@ -1356,6 +1374,8 @@ export declare const StScrollbarGroupScroller: {
1356
1374
  $: import('vue').ComponentInternalInstance;
1357
1375
  $data: {};
1358
1376
  $props: Partial<{}> & Omit<{
1377
+ readonly contentClass?: import('vue').ClassValue;
1378
+ readonly contentStyle?: import('vue').StyleValue;
1359
1379
  readonly onScroll?: (event: Event) => any;
1360
1380
  readonly onEvent?: (name: string, ...args: any[]) => any;
1361
1381
  readonly onScrollToUpper?: () => any;
@@ -1373,7 +1393,7 @@ export declare const StScrollbarGroupScroller: {
1373
1393
  $host: Element | null;
1374
1394
  $emit: ((event: "scroll", event: Event) => void) & ((event: "event", name: string, ...args: any[]) => void) & ((event: "scrollToUpper") => void) & ((event: "scrollToLower") => void);
1375
1395
  $el: any;
1376
- $options: import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{
1396
+ $options: import('vue').ComponentOptionsBase<Readonly<import('./index.ts').StScrollbarViewProps> & Readonly<{
1377
1397
  onScroll?: (event: Event) => any;
1378
1398
  onEvent?: (name: string, ...args: any[]) => any;
1379
1399
  onScrollToUpper?: () => any;
@@ -1403,7 +1423,7 @@ export declare const StScrollbarGroupScroller: {
1403
1423
  $forceUpdate: () => void;
1404
1424
  $nextTick: typeof import('vue').nextTick;
1405
1425
  $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
1406
- } & Readonly<{}> & Omit<Readonly<{}> & Readonly<{
1426
+ } & Readonly<{}> & Omit<Readonly<import('./index.ts').StScrollbarViewProps> & Readonly<{
1407
1427
  onScroll?: (event: Event) => any;
1408
1428
  onEvent?: (name: string, ...args: any[]) => any;
1409
1429
  onScrollToUpper?: () => any;
@@ -1447,6 +1467,8 @@ export declare const StScrollbarGroupScroller: {
1447
1467
  $: import('vue').ComponentInternalInstance;
1448
1468
  $data: {};
1449
1469
  $props: Partial<{}> & Omit<{
1470
+ readonly contentClass?: import('vue').ClassValue;
1471
+ readonly contentStyle?: import('vue').StyleValue;
1450
1472
  readonly onScroll?: (event: Event) => any;
1451
1473
  readonly onEvent?: (name: string, ...args: any[]) => any;
1452
1474
  readonly onScrollToUpper?: () => any;
@@ -1464,7 +1486,7 @@ export declare const StScrollbarGroupScroller: {
1464
1486
  $host: Element | null;
1465
1487
  $emit: ((event: "scroll", event: Event) => void) & ((event: "event", name: string, ...args: any[]) => void) & ((event: "scrollToUpper") => void) & ((event: "scrollToLower") => void);
1466
1488
  $el: any;
1467
- $options: import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{
1489
+ $options: import('vue').ComponentOptionsBase<Readonly<import('./index.ts').StScrollbarViewProps> & Readonly<{
1468
1490
  onScroll?: (event: Event) => any;
1469
1491
  onEvent?: (name: string, ...args: any[]) => any;
1470
1492
  onScrollToUpper?: () => any;
@@ -1494,7 +1516,7 @@ export declare const StScrollbarGroupScroller: {
1494
1516
  $forceUpdate: () => void;
1495
1517
  $nextTick: typeof import('vue').nextTick;
1496
1518
  $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
1497
- } & Readonly<{}> & Omit<Readonly<{}> & Readonly<{
1519
+ } & Readonly<{}> & Omit<Readonly<import('./index.ts').StScrollbarViewProps> & Readonly<{
1498
1520
  onScroll?: (event: Event) => any;
1499
1521
  onEvent?: (name: string, ...args: any[]) => any;
1500
1522
  onScrollToUpper?: () => any;
@@ -1510,6 +1532,8 @@ export declare const StScrollbarGroupScroller: {
1510
1532
  $: import('vue').ComponentInternalInstance;
1511
1533
  $data: {};
1512
1534
  $props: Partial<{}> & Omit<{
1535
+ readonly contentClass?: import('vue').ClassValue;
1536
+ readonly contentStyle?: import('vue').StyleValue;
1513
1537
  readonly onScroll?: (event: Event) => any;
1514
1538
  readonly onEvent?: (name: string, ...args: any[]) => any;
1515
1539
  readonly onScrollToUpper?: () => any;
@@ -1527,7 +1551,7 @@ export declare const StScrollbarGroupScroller: {
1527
1551
  $host: Element | null;
1528
1552
  $emit: ((event: "scroll", event: Event) => void) & ((event: "event", name: string, ...args: any[]) => void) & ((event: "scrollToUpper") => void) & ((event: "scrollToLower") => void);
1529
1553
  $el: any;
1530
- $options: import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{
1554
+ $options: import('vue').ComponentOptionsBase<Readonly<import('./index.ts').StScrollbarViewProps> & Readonly<{
1531
1555
  onScroll?: (event: Event) => any;
1532
1556
  onEvent?: (name: string, ...args: any[]) => any;
1533
1557
  onScrollToUpper?: () => any;
@@ -1557,7 +1581,7 @@ export declare const StScrollbarGroupScroller: {
1557
1581
  $forceUpdate: () => void;
1558
1582
  $nextTick: typeof import('vue').nextTick;
1559
1583
  $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
1560
- } & Readonly<{}> & Omit<Readonly<{}> & Readonly<{
1584
+ } & Readonly<{}> & Omit<Readonly<import('./index.ts').StScrollbarViewProps> & Readonly<{
1561
1585
  onScroll?: (event: Event) => any;
1562
1586
  onEvent?: (name: string, ...args: any[]) => any;
1563
1587
  onScrollToUpper?: () => any;
@@ -37,6 +37,8 @@ declare const __VLS_base: import('vue').DefineComponent<StScrollbarGroupScroller
37
37
  $: import('vue').ComponentInternalInstance;
38
38
  $data: {};
39
39
  $props: Partial<{}> & Omit<{
40
+ readonly contentClass?: import('vue').ClassValue;
41
+ readonly contentStyle?: import('vue').StyleValue;
40
42
  readonly onScroll?: (event: Event) => any;
41
43
  readonly onEvent?: (name: string, ...args: any[]) => any;
42
44
  readonly onScrollToUpper?: () => any;
@@ -54,7 +56,7 @@ declare const __VLS_base: import('vue').DefineComponent<StScrollbarGroupScroller
54
56
  $host: Element | null;
55
57
  $emit: ((event: "scroll", event: Event) => void) & ((event: "event", name: string, ...args: any[]) => void) & ((event: "scrollToUpper") => void) & ((event: "scrollToLower") => void);
56
58
  $el: any;
57
- $options: import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{
59
+ $options: import('vue').ComponentOptionsBase<Readonly<import('./index.ts').StScrollbarViewProps> & Readonly<{
58
60
  onScroll?: (event: Event) => any;
59
61
  onEvent?: (name: string, ...args: any[]) => any;
60
62
  onScrollToUpper?: () => any;
@@ -84,7 +86,7 @@ declare const __VLS_base: import('vue').DefineComponent<StScrollbarGroupScroller
84
86
  $forceUpdate: () => void;
85
87
  $nextTick: typeof import('vue').nextTick;
86
88
  $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
87
- } & Readonly<{}> & Omit<Readonly<{}> & Readonly<{
89
+ } & Readonly<{}> & Omit<Readonly<import('./index.ts').StScrollbarViewProps> & Readonly<{
88
90
  onScroll?: (event: Event) => any;
89
91
  onEvent?: (name: string, ...args: any[]) => any;
90
92
  onScrollToUpper?: () => any;
@@ -100,6 +102,8 @@ declare const __VLS_base: import('vue').DefineComponent<StScrollbarGroupScroller
100
102
  $: import('vue').ComponentInternalInstance;
101
103
  $data: {};
102
104
  $props: Partial<{}> & Omit<{
105
+ readonly contentClass?: import('vue').ClassValue;
106
+ readonly contentStyle?: import('vue').StyleValue;
103
107
  readonly onScroll?: (event: Event) => any;
104
108
  readonly onEvent?: (name: string, ...args: any[]) => any;
105
109
  readonly onScrollToUpper?: () => any;
@@ -117,7 +121,7 @@ declare const __VLS_base: import('vue').DefineComponent<StScrollbarGroupScroller
117
121
  $host: Element | null;
118
122
  $emit: ((event: "scroll", event: Event) => void) & ((event: "event", name: string, ...args: any[]) => void) & ((event: "scrollToUpper") => void) & ((event: "scrollToLower") => void);
119
123
  $el: any;
120
- $options: import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{
124
+ $options: import('vue').ComponentOptionsBase<Readonly<import('./index.ts').StScrollbarViewProps> & Readonly<{
121
125
  onScroll?: (event: Event) => any;
122
126
  onEvent?: (name: string, ...args: any[]) => any;
123
127
  onScrollToUpper?: () => any;
@@ -147,7 +151,7 @@ declare const __VLS_base: import('vue').DefineComponent<StScrollbarGroupScroller
147
151
  $forceUpdate: () => void;
148
152
  $nextTick: typeof import('vue').nextTick;
149
153
  $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
150
- } & Readonly<{}> & Omit<Readonly<{}> & Readonly<{
154
+ } & Readonly<{}> & Omit<Readonly<import('./index.ts').StScrollbarViewProps> & Readonly<{
151
155
  onScroll?: (event: Event) => any;
152
156
  onEvent?: (name: string, ...args: any[]) => any;
153
157
  onScrollToUpper?: () => any;
@@ -1,14 +1,14 @@
1
- import { StScrollbarViewExpose } from './types/index.d.ts';
1
+ import { StScrollbarViewExpose, StScrollbarViewProps } from './types/index.d.ts';
2
2
  declare var __VLS_1: {};
3
3
  type __VLS_Slots = {} & {
4
4
  default?: (props: typeof __VLS_1) => any;
5
5
  };
6
- declare const __VLS_base: import('vue').DefineComponent<{}, StScrollbarViewExpose, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
6
+ declare const __VLS_base: import('vue').DefineComponent<StScrollbarViewProps, StScrollbarViewExpose, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
7
7
  scroll: (event: Event) => any;
8
8
  event: (name: string, ...args: any[]) => any;
9
9
  scrollToUpper: () => any;
10
10
  scrollToLower: () => any;
11
- }, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
11
+ }, string, import('vue').PublicProps, Readonly<StScrollbarViewProps> & Readonly<{
12
12
  onScroll?: (event: Event) => any;
13
13
  onEvent?: (name: string, ...args: any[]) => any;
14
14
  onScrollToUpper?: () => any;
@@ -14,6 +14,10 @@ export interface StScrollbarGroupScrollerProps extends StScrollbarGroupVirtualPr
14
14
  viewClass?: ClassValue;
15
15
  /** 视口样式 */
16
16
  viewStyle?: StyleValue;
17
+ /** 内容容器类名 */
18
+ contentClass?: ClassValue;
19
+ /** 内容容器样式 */
20
+ contentStyle?: StyleValue;
17
21
  }
18
22
 
19
23
  /**
@@ -1,7 +1,12 @@
1
- import type { VNodeChild } from 'vue';
1
+ import type { ClassValue, StyleValue, VNodeChild } from 'vue';
2
2
 
3
3
  /** StScrollbarView 视口容器属性 */
4
- export interface StScrollbarViewProps {}
4
+ export interface StScrollbarViewProps {
5
+ /** 内容容器类名 */
6
+ contentClass?: ClassValue;
7
+ /** 内容容器样式 */
8
+ contentStyle?: StyleValue;
9
+ }
5
10
  /** StScrollbarView 视口容器插槽 */
6
11
  export interface StScrollbarViewSlots {
7
12
  /** 默认插槽 */
@@ -46,6 +46,10 @@ export interface StScrollbarBaseProps<T = Record<string, unknown>> extends StScr
46
46
  viewClass?: ClassValue;
47
47
  /** 视口容器样式 */
48
48
  viewStyle?: StyleValue;
49
+ /** 内容容器类名 */
50
+ contentClass?: ClassValue;
51
+ /** 内容容器样式 */
52
+ contentStyle?: StyleValue;
49
53
  /** 滚动条轨道类名 */
50
54
  trackClass?: ClassValue;
51
55
  /** 滚动条轨道样式 */
package/dist/straw-ui.js CHANGED
@@ -2414,6 +2414,22 @@ var _n = /* @__PURE__ */ F({
2414
2414
  name: "StScrollbarGroupView",
2415
2415
  inheritAttrs: !1,
2416
2416
  __name: "st-scrollbar-group-view",
2417
+ props: {
2418
+ contentClass: { type: [
2419
+ Boolean,
2420
+ null,
2421
+ String,
2422
+ Object,
2423
+ Array
2424
+ ] },
2425
+ contentStyle: { type: [
2426
+ Boolean,
2427
+ null,
2428
+ String,
2429
+ Object,
2430
+ Array
2431
+ ] }
2432
+ },
2417
2433
  emits: [
2418
2434
  "scroll",
2419
2435
  "scrollToUpper",
@@ -2421,7 +2437,7 @@ var _n = /* @__PURE__ */ F({
2421
2437
  "event"
2422
2438
  ],
2423
2439
  setup(e, { expose: t, emit: n }) {
2424
- let r = K(), { forwardEmit: i } = f(n), a = Y("viewRef"), o = pn(), s = !1, c = !1, l = h({
2440
+ let r = e, i = K(), { forwardEmit: a } = f(n), o = Y("viewRef"), s = pn(), c = !1, l = !1, u = h({
2425
2441
  base: "scrollbar-none relative z-10 w-full h-full",
2426
2442
  variants: {
2427
2443
  vertical: {
@@ -2437,8 +2453,8 @@ var _n = /* @__PURE__ */ F({
2437
2453
  variants: { pulling: !0 },
2438
2454
  className: "overflow-hidden"
2439
2455
  }]
2440
- }), u = D(() => o.directions.value.has("vertical")), d = D(() => o.directions.value.has("horizontal")), m = D(() => {
2441
- let e = o.pullDistance?.value ?? 0, t = o.activePullDirection?.value;
2456
+ }), d = D(() => s.directions.value.has("vertical")), m = D(() => s.directions.value.has("horizontal")), g = D(() => {
2457
+ let e = s.pullDistance?.value ?? 0, t = s.activePullDirection?.value;
2442
2458
  if (!t || e <= 0) return {};
2443
2459
  switch (t) {
2444
2460
  case "down": return { transform: `translateY(${e}px)` };
@@ -2447,37 +2463,37 @@ var _n = /* @__PURE__ */ F({
2447
2463
  case "left": return { transform: `translateX(-${e}px)` };
2448
2464
  default: return {};
2449
2465
  }
2450
- }), g = D(() => p(l({
2451
- vertical: u.value,
2452
- horizontal: d.value,
2453
- pulling: (o.pullDistance?.value ?? 0) > 0
2454
- }), r.class));
2455
- function _({ target: e }) {
2456
- o.clientWidth.value = e.clientWidth, o.clientHeight.value = e.clientHeight, o.updateVisible();
2457
- }
2466
+ }), _ = D(() => p(u({
2467
+ vertical: d.value,
2468
+ horizontal: m.value,
2469
+ pulling: (s.pullDistance?.value ?? 0) > 0
2470
+ }), i.class));
2458
2471
  function v({ target: e }) {
2459
- o.scrollWidth.value = e.scrollWidth, o.scrollHeight.value = e.scrollHeight, o.updateVisible();
2472
+ s.clientWidth.value = e.clientWidth, s.clientHeight.value = e.clientHeight, s.updateVisible();
2460
2473
  }
2461
- function y(e) {
2462
- let { scrollTop: t, scrollLeft: n, clientWidth: r, clientHeight: a, scrollWidth: o, scrollHeight: l } = e, f = u.value && t <= vn, p = u.value && t + a >= l - vn, m = d.value && n <= vn, h = d.value && n + r >= o - vn, g = f || m, _ = p || h;
2463
- g && !s && i("scrollToUpper"), _ && !c && i("scrollToLower"), s = g, c = _;
2474
+ function y({ target: e }) {
2475
+ s.scrollWidth.value = e.scrollWidth, s.scrollHeight.value = e.scrollHeight, s.updateVisible();
2464
2476
  }
2465
2477
  function b(e) {
2478
+ let { scrollTop: t, scrollLeft: n, clientWidth: r, clientHeight: i, scrollWidth: o, scrollHeight: s } = e, u = d.value && t <= vn, f = d.value && t + i >= s - vn, p = m.value && n <= vn, h = m.value && n + r >= o - vn, g = u || p, _ = f || h;
2479
+ g && !c && a("scrollToUpper"), _ && !l && a("scrollToLower"), c = g, l = _;
2480
+ }
2481
+ function x(e) {
2466
2482
  let t = e.target;
2467
- o.scrollTop.value = t.scrollTop, o.scrollLeft.value = t.scrollLeft, i("scroll", e), y(t);
2483
+ s.scrollTop.value = t.scrollTop, s.scrollLeft.value = t.scrollLeft, a("scroll", e), b(t);
2468
2484
  }
2469
- function x(e, t) {
2470
- let n = a.value;
2485
+ function C(e, t) {
2486
+ let n = o.value;
2471
2487
  if (!n) return;
2472
2488
  let r = 0, i = 0;
2473
- u.value && !d.value ? i = e : d.value && !u.value ? r = e : (r = e, i = t ?? 0), n.scrollTo({
2489
+ d.value && !m.value ? i = e : m.value && !d.value ? r = e : (r = e, i = t ?? 0), n.scrollTo({
2474
2490
  left: r,
2475
2491
  top: i,
2476
2492
  behavior: "smooth"
2477
2493
  });
2478
2494
  }
2479
- function C(e, t) {
2480
- let n = a.value;
2495
+ function w(e, t) {
2496
+ let n = o.value;
2481
2497
  if (!n) return;
2482
2498
  let r;
2483
2499
  r = typeof e == "string" ? n.querySelector(e) : e, r && r.scrollIntoView({
@@ -2486,22 +2502,22 @@ var _n = /* @__PURE__ */ F({
2486
2502
  });
2487
2503
  }
2488
2504
  return ce(() => {
2489
- o.viewElement.value = a.value;
2505
+ s.viewElement.value = o.value;
2490
2506
  }), ue(() => {
2491
- o.viewElement.value = null;
2507
+ s.viewElement.value = null;
2492
2508
  }), t({
2493
- scrollTo: x,
2494
- scrollIntoView: C
2509
+ scrollTo: C,
2510
+ scrollIntoView: w
2495
2511
  }), (e, t) => Ce((B(), A("div", {
2496
- class: R(["st-scrollbar-group-view", g.value]),
2512
+ class: R(["st-scrollbar-group-view", _.value]),
2497
2513
  ref_key: "viewRef",
2498
- ref: a,
2499
- style: z([m.value, G(r).style]),
2500
- onScroll: b
2501
- }, [Ce((B(), A("div", { class: R(["st-scrollbar-group-content inline-block min-w-full min-h-full align-top", {
2502
- "w-full": !d.value,
2503
- "h-full": !u.value
2504
- }]) }, [U(e.$slots, "default")], 2)), [[G(S), v]])], 38)), [[G(S), _]]);
2514
+ ref: o,
2515
+ style: z([g.value, G(i).style]),
2516
+ onScroll: x
2517
+ }, [Ce((B(), A("div", {
2518
+ class: R(["st-scrollbar-group-content inline-block min-w-full min-h-full align-top", r.contentClass]),
2519
+ style: z(r.contentStyle)
2520
+ }, [U(e.$slots, "default")], 6)), [[G(S), y]])], 38)), [[G(S), v]]);
2505
2521
  }
2506
2522
  });
2507
2523
  //#endregion
@@ -2836,6 +2852,20 @@ var Sn = ["data-index"], Cn = /* @__PURE__ */ F({
2836
2852
  Object,
2837
2853
  Array
2838
2854
  ] },
2855
+ contentClass: { type: [
2856
+ Boolean,
2857
+ null,
2858
+ String,
2859
+ Object,
2860
+ Array
2861
+ ] },
2862
+ contentStyle: { type: [
2863
+ Boolean,
2864
+ null,
2865
+ String,
2866
+ Object,
2867
+ Array
2868
+ ] },
2839
2869
  axis: {},
2840
2870
  items: {},
2841
2871
  keyField: {},
@@ -2879,6 +2909,8 @@ var Sn = ["data-index"], Cn = /* @__PURE__ */ F({
2879
2909
  ref: o,
2880
2910
  class: R(r.viewClass),
2881
2911
  style: z(r.viewStyle),
2912
+ "content-class": r.contentClass,
2913
+ "content-style": r.contentStyle,
2882
2914
  onEvent: G(a)
2883
2915
  }, {
2884
2916
  default: Z(() => [r.virtual ? (B(), O(Cn, {
@@ -2926,6 +2958,8 @@ var Sn = ["data-index"], Cn = /* @__PURE__ */ F({
2926
2958
  }, 8, [
2927
2959
  "class",
2928
2960
  "style",
2961
+ "content-class",
2962
+ "content-style",
2929
2963
  "onEvent"
2930
2964
  ]));
2931
2965
  }
@@ -3136,6 +3170,20 @@ var Sn = ["data-index"], Cn = /* @__PURE__ */ F({
3136
3170
  Object,
3137
3171
  Array
3138
3172
  ] },
3173
+ contentClass: { type: [
3174
+ Boolean,
3175
+ null,
3176
+ String,
3177
+ Object,
3178
+ Array
3179
+ ] },
3180
+ contentStyle: { type: [
3181
+ Boolean,
3182
+ null,
3183
+ String,
3184
+ Object,
3185
+ Array
3186
+ ] },
3139
3187
  trackClass: { type: [
3140
3188
  Boolean,
3141
3189
  null,
@@ -3227,6 +3275,8 @@ var Sn = ["data-index"], Cn = /* @__PURE__ */ F({
3227
3275
  P(wn, {
3228
3276
  ref_key: "scrollerRef",
3229
3277
  ref: o,
3278
+ "content-class": s.contentClass,
3279
+ "content-style": s.contentStyle,
3230
3280
  gap: s.gap,
3231
3281
  "item-size": s.itemSize,
3232
3282
  items: s.items,
@@ -3259,6 +3309,8 @@ var Sn = ["data-index"], Cn = /* @__PURE__ */ F({
3259
3309
  key: "2"
3260
3310
  } : void 0
3261
3311
  ]), 1032, [
3312
+ "content-class",
3313
+ "content-style",
3262
3314
  "gap",
3263
3315
  "item-size",
3264
3316
  "items",
@@ -3605,6 +3657,20 @@ var Sn = ["data-index"], Cn = /* @__PURE__ */ F({
3605
3657
  Object,
3606
3658
  Array
3607
3659
  ] },
3660
+ contentClass: { type: [
3661
+ Boolean,
3662
+ null,
3663
+ String,
3664
+ Object,
3665
+ Array
3666
+ ] },
3667
+ contentStyle: { type: [
3668
+ Boolean,
3669
+ null,
3670
+ String,
3671
+ Object,
3672
+ Array
3673
+ ] },
3608
3674
  trackClass: { type: [
3609
3675
  Boolean,
3610
3676
  null,
@@ -3701,6 +3767,8 @@ var Sn = ["data-index"], Cn = /* @__PURE__ */ F({
3701
3767
  P(wn, {
3702
3768
  ref_key: "scrollerRef",
3703
3769
  ref: o,
3770
+ "content-class": s.contentClass,
3771
+ "content-style": s.contentStyle,
3704
3772
  gap: s.gap,
3705
3773
  "item-size": s.itemSize,
3706
3774
  items: s.items,
@@ -3733,6 +3801,8 @@ var Sn = ["data-index"], Cn = /* @__PURE__ */ F({
3733
3801
  key: "2"
3734
3802
  } : void 0
3735
3803
  ]), 1032, [
3804
+ "content-class",
3805
+ "content-style",
3736
3806
  "gap",
3737
3807
  "item-size",
3738
3808
  "items",
@@ -3890,6 +3960,20 @@ var Sn = ["data-index"], Cn = /* @__PURE__ */ F({
3890
3960
  Object,
3891
3961
  Array
3892
3962
  ] },
3963
+ contentClass: { type: [
3964
+ Boolean,
3965
+ null,
3966
+ String,
3967
+ Object,
3968
+ Array
3969
+ ] },
3970
+ contentStyle: { type: [
3971
+ Boolean,
3972
+ null,
3973
+ String,
3974
+ Object,
3975
+ Array
3976
+ ] },
3893
3977
  trackClass: { type: [
3894
3978
  Boolean,
3895
3979
  null,
@@ -4062,6 +4146,8 @@ var Sn = ["data-index"], Cn = /* @__PURE__ */ F({
4062
4146
  ref: o,
4063
4147
  "back-top-class": s.backTopClass,
4064
4148
  "back-top-style": s.backTopStyle,
4149
+ "content-class": s.contentClass,
4150
+ "content-style": s.contentStyle,
4065
4151
  gap: s.gap,
4066
4152
  horizontal: s.horizontal,
4067
4153
  "item-size": s.itemSize,
@@ -4109,13 +4195,15 @@ var Sn = ["data-index"], Cn = /* @__PURE__ */ F({
4109
4195
  fn: Z(() => [U(e.$slots, "empty")]),
4110
4196
  key: "3"
4111
4197
  } : void 0
4112
- ]), 1032, /* @__PURE__ */ "back-top-class.back-top-style.class.gap.horizontal.item-size.items.key-field.min-item-size.nav-button-class.nav-button-style.nav-step.overscan.show-back-top.show-nav-button.show-track.style.thumb-class.thumb-style.track-class.track-style.vertical.view-class.view-style.virtual.onEvent".split("."))) : (B(), O(Pn, {
4198
+ ]), 1032, /* @__PURE__ */ "back-top-class.back-top-style.class.content-class.content-style.gap.horizontal.item-size.items.key-field.min-item-size.nav-button-class.nav-button-style.nav-step.overscan.show-back-top.show-nav-button.show-track.style.thumb-class.thumb-style.track-class.track-style.vertical.view-class.view-style.virtual.onEvent".split("."))) : (B(), O(Pn, {
4113
4199
  key: 1,
4114
4200
  class: R(["st-scrollbar", G(r).class]),
4115
4201
  ref_key: "scrollbarRef",
4116
4202
  ref: o,
4117
4203
  "back-top-class": s.backTopClass,
4118
4204
  "back-top-style": s.backTopStyle,
4205
+ "content-class": s.contentClass,
4206
+ "content-style": s.contentStyle,
4119
4207
  gap: s.gap,
4120
4208
  horizontal: s.horizontal,
4121
4209
  "item-size": s.itemSize,
@@ -4195,7 +4283,7 @@ var Sn = ["data-index"], Cn = /* @__PURE__ */ F({
4195
4283
  fn: Z((t) => [U(e.$slots, "pullUp", oe(te(t)))]),
4196
4284
  key: "7"
4197
4285
  } : void 0
4198
- ]), 1032, /* @__PURE__ */ "back-top-class.back-top-style.class.gap.horizontal.item-size.items.key-field.min-item-size.nav-button-class.nav-button-style.nav-step.overscan.pull-down.pull-down-class.pull-down-style.pull-left.pull-left-class.pull-left-style.pull-right.pull-right-class.pull-right-style.pull-up.pull-up-class.pull-up-style.show-back-top.show-nav-button.show-track.style.thumb-class.thumb-style.track-class.track-style.vertical.view-class.view-style.virtual.onEvent".split(".")));
4286
+ ]), 1032, /* @__PURE__ */ "back-top-class.back-top-style.class.content-class.content-style.gap.horizontal.item-size.items.key-field.min-item-size.nav-button-class.nav-button-style.nav-step.overscan.pull-down.pull-down-class.pull-down-style.pull-left.pull-left-class.pull-left-style.pull-right.pull-right-class.pull-right-style.pull-up.pull-up-class.pull-up-style.show-back-top.show-nav-button.show-track.style.thumb-class.thumb-style.track-class.track-style.vertical.view-class.view-style.virtual.onEvent".split(".")));
4199
4287
  }
4200
4288
  }), [In, Ln] = x((e) => e), [Rn, zn] = x((e) => e), Bn = /* @__PURE__ */ F({
4201
4289
  name: "StTreeGroup",
@@ -5321,22 +5409,25 @@ var Jn = ["for"], Yn = /* @__PURE__ */ F({
5321
5409
  }
5322
5410
  X(i, (e) => {
5323
5411
  let t = e[e.length - 1];
5324
- r.value !== t && (r.value = t);
5325
- }), X(r, (e) => {
5326
- e !== i.value[i.value.length - 1] && (i.value = e === void 0 ? [] : b(e));
5327
- }), X(o, (e) => {
5412
+ t !== void 0 && r.value !== t && (r.value = t);
5413
+ }, { immediate: !0 }), X([r, v], () => {
5414
+ let e = r.value === void 0 ? [] : [...b(r.value)];
5415
+ Rt(e, i.value) || (i.value = e);
5416
+ }, { immediate: !0 }), X(o, (e) => {
5417
+ if (e.length === 0 || e.some((e) => e.length === 0)) return;
5328
5418
  let t = e.map((e) => e[e.length - 1]);
5329
5419
  Rt(t, a.value) || (a.value = t);
5330
- }), X(a, (e) => {
5331
- Rt(e, o.value.map((e) => e[e.length - 1])) || (o.value = e.map((e) => b(e)));
5332
- });
5420
+ }, { immediate: !0 }), X([a, v], () => {
5421
+ let e = a.value;
5422
+ Rt(e, o.value.map((e) => e[e.length - 1])) || (o.value = e.map((e) => [...b(e)]));
5423
+ }, { immediate: !0 });
5333
5424
  function x(e) {
5334
5425
  return zt(v.value, e, u.labelKey, u.separator);
5335
5426
  }
5336
5427
  function S(e) {
5337
5428
  return e.length === 0 ? "" : x(u.showPath ? e : e.slice(-1));
5338
5429
  }
5339
- let C = D(() => u.multiple ? o.value.map((e) => S(e)).join(", ") : S(i.value)), w = D(() => u.placeholder || "请选择"), T = D(() => !u.clearable || u.disabled || !m.value ? !1 : u.multiple ? o.value.length > 0 : i.value.length > 0), E = D(() => u.popoverStyle ? u.popoverStyle : h.value > 0 ? { minWidth: `${h.value}px` } : {});
5430
+ let C = D(() => u.multiple ? o.value.map((e) => S(e)).filter((e) => e.length > 0).join(", ") : S(i.value)), w = D(() => u.placeholder || "请选择"), T = D(() => !u.clearable || u.disabled || !m.value ? !1 : u.multiple ? o.value.length > 0 : i.value.length > 0), E = D(() => u.popoverStyle ? u.popoverStyle : h.value > 0 ? { minWidth: `${h.value}px` } : {});
5340
5431
  function ee() {
5341
5432
  u.multiple || (g.value = [...i.value], i.value.length > 0 && (_.value = [.../* @__PURE__ */ new Set([..._.value, ...i.value.slice(0, -1)])])), u.defaultExpandedAll && (_.value = [...v.value.values()].filter((e) => !e.isLeaf).map((e) => e.path[e.path.length - 1]));
5342
5433
  }
@@ -7331,20 +7422,22 @@ var ri = /* @__PURE__ */ F({
7331
7422
  setup(e, { emit: t }) {
7332
7423
  let n = q(e, "modelValue"), r = q(e, "path"), i = q(e, "multipleValue"), a = q(e, "multiplePaths"), o = q(e, "activePath"), s = K();
7333
7424
  J();
7334
- let c = t, l = e;
7425
+ let c = t, l = e, u = D(() => It(l.list, l.valueKey, l.childrenKey));
7335
7426
  X(r, (e) => {
7336
7427
  o.value = [...e];
7337
7428
  let t = e[e.length - 1];
7338
- n.value !== t && (n.value = t);
7339
- }), X(n, (e) => {
7340
- e !== r.value[r.value.length - 1] && (r.value = e === void 0 ? [] : [...p(e)]);
7341
- }), X(i, (e) => {
7429
+ t !== void 0 && n.value !== t && (n.value = t);
7430
+ }, { immediate: !0 }), X([n, u], () => {
7431
+ let e = n.value === void 0 ? [] : [...p(n.value)];
7432
+ Rt(e, r.value) || (r.value = e);
7433
+ }, { immediate: !0 }), X([i, u], () => {
7434
+ let e = i.value;
7342
7435
  Rt(e, a.value.map((e) => e[e.length - 1])) || (a.value = e.map((e) => [...p(e)]));
7343
- }), X(a, (e) => {
7436
+ }, { immediate: !0 }), X(a, (e) => {
7437
+ if (e.length === 0 || e.some((e) => e.length === 0)) return;
7344
7438
  let t = e.map((e) => e[e.length - 1]);
7345
7439
  Rt(t, i.value) || (i.value = t);
7346
- });
7347
- let u = D(() => It(l.list, l.valueKey, l.childrenKey));
7440
+ }, { immediate: !0 });
7348
7441
  function d(e) {
7349
7442
  return e[l.valueKey];
7350
7443
  }
@@ -7606,15 +7699,18 @@ var ri = /* @__PURE__ */ F({
7606
7699
  }
7607
7700
  X(i, (e) => {
7608
7701
  let t = e[e.length - 1];
7609
- r.value !== t && (r.value = t);
7610
- }), X(r, (e) => {
7611
- e !== i.value[i.value.length - 1] && (i.value = e === void 0 ? [] : h(e));
7612
- }), X(o, (e) => {
7702
+ t !== void 0 && r.value !== t && (r.value = t);
7703
+ }, { immediate: !0 }), X([r, d], () => {
7704
+ let e = r.value === void 0 ? [] : [...h(r.value)];
7705
+ Rt(e, i.value) || (i.value = e);
7706
+ }, { immediate: !0 }), X(o, (e) => {
7707
+ if (e.length === 0 || e.some((e) => e.length === 0)) return;
7613
7708
  let t = e.map((e) => e[e.length - 1]);
7614
7709
  Rt(t, a.value) || (a.value = t);
7615
- }), X(a, (e) => {
7616
- Rt(e, o.value.map((e) => e[e.length - 1])) || (o.value = e.map((e) => h(e)));
7617
- });
7710
+ }, { immediate: !0 }), X([a, d], () => {
7711
+ let e = a.value;
7712
+ Rt(e, o.value.map((e) => e[e.length - 1])) || (o.value = e.map((e) => [...h(e)]));
7713
+ }, { immediate: !0 });
7618
7714
  let g = Y("inputRef"), _ = V(!1), v = V(!1), y = V([]), b = V([]), x = V(0), S = V([]), C = D(() => {
7619
7715
  let e = S.value[S.value.length - 1];
7620
7716
  if (e !== void 0) return d.value.get(e);
@@ -7632,7 +7728,7 @@ var ri = /* @__PURE__ */ F({
7632
7728
  let t = e[e.length - 1], n = (t === void 0 ? void 0 : d.value.get(t))?.isLeaf ?? !1;
7633
7729
  x.value = n ? Math.max(0, e.length - 1) : e.length;
7634
7730
  });
7635
- let T = D(() => u.columnHeight), E = D(() => u.multiple ? o.value.map((e) => m(e)).join(", ") : m(i.value)), ee = D(() => u.placeholder || "请选择"), k = D(() => !u.clearable || u.disabled || !v.value ? !1 : u.multiple ? o.value.length > 0 : i.value.length > 0), A = D(() => u.multiple ? !0 : u.strict ? C.value?.isLeaf ?? !1 : S.value.length > 0);
7731
+ let T = D(() => u.columnHeight), E = D(() => u.multiple ? o.value.map((e) => m(e)).filter((e) => e.length > 0).join(", ") : m(i.value)), ee = D(() => u.placeholder || "请选择"), k = D(() => !u.clearable || u.disabled || !v.value ? !1 : u.multiple ? o.value.length > 0 : i.value.length > 0), A = D(() => u.multiple ? !0 : u.strict ? C.value?.isLeaf ?? !1 : S.value.length > 0);
7636
7732
  function F() {
7637
7733
  y.value = [...i.value], b.value = o.value.map((e) => [...e]);
7638
7734
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "straw-ui-vue",
3
- "version": "0.1.54",
3
+ "version": "0.1.55",
4
4
  "type": "module",
5
5
  "main": "./dist/straw-ui.js",
6
6
  "module": "./dist/straw-ui.js",