sard-uniapp 1.25.3 → 1.25.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/README.md +15 -0
  3. package/components/calendar-input/README.md +1 -3
  4. package/components/calendar-input/calendar-input.d.ts +2 -0
  5. package/components/calendar-input/calendar-input.vue +11 -1
  6. package/components/calendar-input/common.d.ts +152 -0
  7. package/components/cascader-input/README.md +1 -5
  8. package/components/cascader-input/cascader-input.d.ts +2 -0
  9. package/components/cascader-input/cascader-input.vue +11 -1
  10. package/components/cascader-input/common.d.ts +116 -0
  11. package/components/checkbox-input/README.md +1 -3
  12. package/components/checkbox-input/checkbox-input.d.ts +2 -0
  13. package/components/checkbox-input/checkbox-input.vue +11 -1
  14. package/components/checkbox-input/common.d.ts +128 -0
  15. package/components/datetime-picker-input/README.md +1 -3
  16. package/components/datetime-picker-input/common.d.ts +116 -0
  17. package/components/datetime-picker-input/datetime-picker-input.d.ts +2 -0
  18. package/components/datetime-picker-input/datetime-picker-input.vue +11 -1
  19. package/components/datetime-range-picker-input/README.md +1 -3
  20. package/components/datetime-range-picker-input/common.d.ts +120 -0
  21. package/components/datetime-range-picker-input/datetime-range-picker-input.d.ts +2 -0
  22. package/components/datetime-range-picker-input/datetime-range-picker-input.vue +11 -1
  23. package/components/input/index.scss +2 -0
  24. package/components/picker-input/README.md +1 -7
  25. package/components/picker-input/common.d.ts +102 -0
  26. package/components/picker-input/picker-input.d.ts +2 -0
  27. package/components/picker-input/picker-input.vue +11 -2
  28. package/components/popout-input/README.md +5 -3
  29. package/components/popout-input/common.d.ts +63 -1
  30. package/components/popout-input/index.scss +0 -1
  31. package/components/popout-input/popout-input.d.ts +2 -0
  32. package/components/popout-input/popout-input.vue +4 -2
  33. package/components/popout-input/variables.scss +0 -1
  34. package/components/radio-input/README.md +1 -3
  35. package/components/radio-input/common.d.ts +122 -0
  36. package/components/radio-input/radio-input.d.ts +2 -0
  37. package/components/radio-input/radio-input.vue +11 -1
  38. package/package.json +1 -1
@@ -29,9 +29,11 @@ export declare const defaultDatetimeRangePickerInputProps: () => {
29
29
  readonly: boolean;
30
30
  placeholder: string;
31
31
  clearable: boolean;
32
+ internalPrepend: number;
32
33
  multiline: boolean;
33
34
  arrow: string;
34
35
  arrowFamily: string;
36
+ internalAppend: number;
35
37
  internalArrow: number;
36
38
  inputProps: import("../input").InputProps;
37
39
  }) => string)) | undefined;
@@ -59,9 +61,11 @@ export declare const defaultDatetimeRangePickerInputProps: () => {
59
61
  readonly: boolean;
60
62
  placeholder: string;
61
63
  clearable: boolean;
64
+ internalPrepend: number;
62
65
  multiline: boolean;
63
66
  arrow: string;
64
67
  arrowFamily: string;
68
+ internalAppend: number;
65
69
  internalArrow: number;
66
70
  inputProps: import("../input").InputProps;
67
71
  }) => () => any)) | undefined;
@@ -89,9 +93,11 @@ export declare const defaultDatetimeRangePickerInputProps: () => {
89
93
  readonly: boolean;
90
94
  placeholder: string;
91
95
  clearable: boolean;
96
+ internalPrepend: number;
92
97
  multiline: boolean;
93
98
  arrow: string;
94
99
  arrowFamily: string;
100
+ internalAppend: number;
95
101
  internalArrow: number;
96
102
  inputProps: import("../input").InputProps;
97
103
  }) => boolean) | undefined;
@@ -119,9 +125,11 @@ export declare const defaultDatetimeRangePickerInputProps: () => {
119
125
  readonly: boolean;
120
126
  placeholder: string;
121
127
  clearable: boolean;
128
+ internalPrepend: number;
122
129
  multiline: boolean;
123
130
  arrow: string;
124
131
  arrowFamily: string;
132
+ internalAppend: number;
125
133
  internalArrow: number;
126
134
  inputProps: import("../input").InputProps;
127
135
  }) => string) | undefined;
@@ -149,9 +157,11 @@ export declare const defaultDatetimeRangePickerInputProps: () => {
149
157
  readonly: boolean;
150
158
  placeholder: string;
151
159
  clearable: boolean;
160
+ internalPrepend: number;
152
161
  multiline: boolean;
153
162
  arrow: string;
154
163
  arrowFamily: string;
164
+ internalAppend: number;
155
165
  internalArrow: number;
156
166
  inputProps: import("../input").InputProps;
157
167
  }) => boolean) | undefined;
@@ -179,9 +189,11 @@ export declare const defaultDatetimeRangePickerInputProps: () => {
179
189
  readonly: boolean;
180
190
  placeholder: string;
181
191
  clearable: boolean;
192
+ internalPrepend: number;
182
193
  multiline: boolean;
183
194
  arrow: string;
184
195
  arrowFamily: string;
196
+ internalAppend: number;
185
197
  internalArrow: number;
186
198
  inputProps: import("../input").InputProps;
187
199
  }) => string) | undefined;
@@ -209,9 +221,11 @@ export declare const defaultDatetimeRangePickerInputProps: () => {
209
221
  readonly: boolean;
210
222
  placeholder: string;
211
223
  clearable: boolean;
224
+ internalPrepend: number;
212
225
  multiline: boolean;
213
226
  arrow: string;
214
227
  arrowFamily: string;
228
+ internalAppend: number;
215
229
  internalArrow: number;
216
230
  inputProps: import("../input").InputProps;
217
231
  }) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | null | undefined;
@@ -239,9 +253,11 @@ export declare const defaultDatetimeRangePickerInputProps: () => {
239
253
  readonly: boolean;
240
254
  placeholder: string;
241
255
  clearable: boolean;
256
+ internalPrepend: number;
242
257
  multiline: boolean;
243
258
  arrow: string;
244
259
  arrowFamily: string;
260
+ internalAppend: number;
245
261
  internalArrow: number;
246
262
  inputProps: import("../input").InputProps;
247
263
  }) => boolean) | undefined;
@@ -269,9 +285,11 @@ export declare const defaultDatetimeRangePickerInputProps: () => {
269
285
  readonly: boolean;
270
286
  placeholder: string;
271
287
  clearable: boolean;
288
+ internalPrepend: number;
272
289
  multiline: boolean;
273
290
  arrow: string;
274
291
  arrowFamily: string;
292
+ internalAppend: number;
275
293
  internalArrow: number;
276
294
  inputProps: import("../input").InputProps;
277
295
  }) => (string | Date)[]) | undefined;
@@ -299,9 +317,11 @@ export declare const defaultDatetimeRangePickerInputProps: () => {
299
317
  readonly: boolean;
300
318
  placeholder: string;
301
319
  clearable: boolean;
320
+ internalPrepend: number;
302
321
  multiline: boolean;
303
322
  arrow: string;
304
323
  arrowFamily: string;
324
+ internalAppend: number;
305
325
  internalArrow: number;
306
326
  inputProps: import("../input").InputProps;
307
327
  }) => string[]) | undefined;
@@ -329,9 +349,11 @@ export declare const defaultDatetimeRangePickerInputProps: () => {
329
349
  readonly: boolean;
330
350
  placeholder: string;
331
351
  clearable: boolean;
352
+ internalPrepend: number;
332
353
  multiline: boolean;
333
354
  arrow: string;
334
355
  arrowFamily: string;
356
+ internalAppend: number;
335
357
  internalArrow: number;
336
358
  inputProps: import("../input").InputProps;
337
359
  }) => (letter: import("../datetime-picker").DatetimeLetter, value: number, date: Date, index: number) => boolean)) | undefined;
@@ -359,9 +381,11 @@ export declare const defaultDatetimeRangePickerInputProps: () => {
359
381
  readonly: boolean;
360
382
  placeholder: string;
361
383
  clearable: boolean;
384
+ internalPrepend: number;
362
385
  multiline: boolean;
363
386
  arrow: string;
364
387
  arrowFamily: string;
388
+ internalAppend: number;
365
389
  internalArrow: number;
366
390
  inputProps: import("../input").InputProps;
367
391
  }) => string | Date)) | undefined;
@@ -389,9 +413,11 @@ export declare const defaultDatetimeRangePickerInputProps: () => {
389
413
  readonly: boolean;
390
414
  placeholder: string;
391
415
  clearable: boolean;
416
+ internalPrepend: number;
392
417
  multiline: boolean;
393
418
  arrow: string;
394
419
  arrowFamily: string;
420
+ internalAppend: number;
395
421
  internalArrow: number;
396
422
  inputProps: import("../input").InputProps;
397
423
  }) => string | Date)) | undefined;
@@ -419,9 +445,11 @@ export declare const defaultDatetimeRangePickerInputProps: () => {
419
445
  readonly: boolean;
420
446
  placeholder: string;
421
447
  clearable: boolean;
448
+ internalPrepend: number;
422
449
  multiline: boolean;
423
450
  arrow: string;
424
451
  arrowFamily: string;
452
+ internalAppend: number;
425
453
  internalArrow: number;
426
454
  inputProps: import("../input").InputProps;
427
455
  }) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | null) | undefined;
@@ -449,9 +477,11 @@ export declare const defaultDatetimeRangePickerInputProps: () => {
449
477
  readonly: boolean;
450
478
  placeholder: string;
451
479
  clearable: boolean;
480
+ internalPrepend: number;
452
481
  multiline: boolean;
453
482
  arrow: string;
454
483
  arrowFamily: string;
484
+ internalAppend: number;
455
485
  internalArrow: number;
456
486
  inputProps: import("../input").InputProps;
457
487
  }) => string)) | undefined;
@@ -479,9 +509,11 @@ export declare const defaultDatetimeRangePickerInputProps: () => {
479
509
  readonly: boolean;
480
510
  placeholder: string;
481
511
  clearable: boolean;
512
+ internalPrepend: number;
482
513
  multiline: boolean;
483
514
  arrow: string;
484
515
  arrowFamily: string;
516
+ internalAppend: number;
485
517
  internalArrow: number;
486
518
  inputProps: import("../input").InputProps;
487
519
  }) => string)) | undefined;
@@ -509,9 +541,11 @@ export declare const defaultDatetimeRangePickerInputProps: () => {
509
541
  readonly: boolean;
510
542
  placeholder: string;
511
543
  clearable: boolean;
544
+ internalPrepend: number;
512
545
  multiline: boolean;
513
546
  arrow: string;
514
547
  arrowFamily: string;
548
+ internalAppend: number;
515
549
  internalArrow: number;
516
550
  inputProps: import("../input").InputProps;
517
551
  }) => "solar" | "lunar")) | undefined;
@@ -539,9 +573,11 @@ export declare const defaultDatetimeRangePickerInputProps: () => {
539
573
  readonly: boolean;
540
574
  placeholder: string;
541
575
  clearable: boolean;
576
+ internalPrepend: number;
542
577
  multiline: boolean;
543
578
  arrow: string;
544
579
  arrowFamily: string;
580
+ internalAppend: number;
545
581
  internalArrow: number;
546
582
  inputProps: import("../input").InputProps;
547
583
  }) => (letter: import("../datetime-picker").DatetimeLetter, option: import("../datetime-picker").DatetimeColumnOption, date: Date, index: number) => string | void | undefined)) | undefined;
@@ -569,9 +605,11 @@ export declare const defaultDatetimeRangePickerInputProps: () => {
569
605
  readonly: boolean;
570
606
  placeholder: string;
571
607
  clearable: boolean;
608
+ internalPrepend: number;
572
609
  multiline: boolean;
573
610
  arrow: string;
574
611
  arrowFamily: string;
612
+ internalAppend: number;
575
613
  internalArrow: number;
576
614
  inputProps: import("../input").InputProps;
577
615
  }) => string)) | undefined;
@@ -599,9 +637,11 @@ export declare const defaultDatetimeRangePickerInputProps: () => {
599
637
  readonly: boolean;
600
638
  placeholder: string;
601
639
  clearable: boolean;
640
+ internalPrepend: number;
602
641
  multiline: boolean;
603
642
  arrow: string;
604
643
  arrowFamily: string;
644
+ internalAppend: number;
605
645
  internalArrow: number;
606
646
  inputProps: import("../input").InputProps;
607
647
  }) => boolean)) | undefined;
@@ -629,9 +669,11 @@ export declare const defaultDatetimeRangePickerInputProps: () => {
629
669
  readonly: boolean;
630
670
  placeholder: string;
631
671
  clearable: boolean;
672
+ internalPrepend: number;
632
673
  multiline: boolean;
633
674
  arrow: string;
634
675
  arrowFamily: string;
676
+ internalAppend: number;
635
677
  internalArrow: number;
636
678
  inputProps: import("../input").InputProps;
637
679
  }) => boolean)) | undefined;
@@ -659,9 +701,11 @@ export declare const defaultDatetimeRangePickerInputProps: () => {
659
701
  readonly: boolean;
660
702
  placeholder: string;
661
703
  clearable: boolean;
704
+ internalPrepend: number;
662
705
  multiline: boolean;
663
706
  arrow: string;
664
707
  arrowFamily: string;
708
+ internalAppend: number;
665
709
  internalArrow: number;
666
710
  inputProps: import("../input").InputProps;
667
711
  }) => string)) | undefined;
@@ -689,12 +733,46 @@ export declare const defaultDatetimeRangePickerInputProps: () => {
689
733
  readonly: boolean;
690
734
  placeholder: string;
691
735
  clearable: boolean;
736
+ internalPrepend: number;
692
737
  multiline: boolean;
693
738
  arrow: string;
694
739
  arrowFamily: string;
740
+ internalAppend: number;
695
741
  internalArrow: number;
696
742
  inputProps: import("../input").InputProps;
697
743
  }) => boolean)) | undefined;
744
+ internalPrepend?: (number | ((props: {
745
+ outletFormat: string;
746
+ valueOnClear: () => any;
747
+ visible: boolean;
748
+ title: string;
749
+ validateEvent: boolean;
750
+ popoutClass: string;
751
+ popoutStyle: import("vue").StyleValue;
752
+ resettable: boolean;
753
+ modelValue: (Date | string)[];
754
+ tabs: string[];
755
+ filter: (letter: import("../datetime-picker").DatetimeLetter, value: number, date: Date, index: number) => boolean;
756
+ min: Date | string;
757
+ max: Date | string;
758
+ rootStyle: import("vue").StyleValue;
759
+ rootClass: string;
760
+ type: string;
761
+ calendar: "solar" | "lunar";
762
+ formatter: (letter: import("../datetime-picker").DatetimeLetter, option: import("../datetime-picker").DatetimeColumnOption, date: Date, index: number) => string | void | undefined;
763
+ valueFormat: string;
764
+ disabled: boolean;
765
+ readonly: boolean;
766
+ placeholder: string;
767
+ clearable: boolean;
768
+ internalPrepend: number;
769
+ multiline: boolean;
770
+ arrow: string;
771
+ arrowFamily: string;
772
+ internalAppend: number;
773
+ internalArrow: number;
774
+ inputProps: import("../input").InputProps;
775
+ }) => number)) | undefined;
698
776
  multiline?: (boolean | ((props: {
699
777
  outletFormat: string;
700
778
  valueOnClear: () => any;
@@ -719,9 +797,11 @@ export declare const defaultDatetimeRangePickerInputProps: () => {
719
797
  readonly: boolean;
720
798
  placeholder: string;
721
799
  clearable: boolean;
800
+ internalPrepend: number;
722
801
  multiline: boolean;
723
802
  arrow: string;
724
803
  arrowFamily: string;
804
+ internalAppend: number;
725
805
  internalArrow: number;
726
806
  inputProps: import("../input").InputProps;
727
807
  }) => boolean)) | undefined;
@@ -749,9 +829,11 @@ export declare const defaultDatetimeRangePickerInputProps: () => {
749
829
  readonly: boolean;
750
830
  placeholder: string;
751
831
  clearable: boolean;
832
+ internalPrepend: number;
752
833
  multiline: boolean;
753
834
  arrow: string;
754
835
  arrowFamily: string;
836
+ internalAppend: number;
755
837
  internalArrow: number;
756
838
  inputProps: import("../input").InputProps;
757
839
  }) => string)) | undefined;
@@ -779,12 +861,46 @@ export declare const defaultDatetimeRangePickerInputProps: () => {
779
861
  readonly: boolean;
780
862
  placeholder: string;
781
863
  clearable: boolean;
864
+ internalPrepend: number;
782
865
  multiline: boolean;
783
866
  arrow: string;
784
867
  arrowFamily: string;
868
+ internalAppend: number;
785
869
  internalArrow: number;
786
870
  inputProps: import("../input").InputProps;
787
871
  }) => string)) | undefined;
872
+ internalAppend?: (number | ((props: {
873
+ outletFormat: string;
874
+ valueOnClear: () => any;
875
+ visible: boolean;
876
+ title: string;
877
+ validateEvent: boolean;
878
+ popoutClass: string;
879
+ popoutStyle: import("vue").StyleValue;
880
+ resettable: boolean;
881
+ modelValue: (Date | string)[];
882
+ tabs: string[];
883
+ filter: (letter: import("../datetime-picker").DatetimeLetter, value: number, date: Date, index: number) => boolean;
884
+ min: Date | string;
885
+ max: Date | string;
886
+ rootStyle: import("vue").StyleValue;
887
+ rootClass: string;
888
+ type: string;
889
+ calendar: "solar" | "lunar";
890
+ formatter: (letter: import("../datetime-picker").DatetimeLetter, option: import("../datetime-picker").DatetimeColumnOption, date: Date, index: number) => string | void | undefined;
891
+ valueFormat: string;
892
+ disabled: boolean;
893
+ readonly: boolean;
894
+ placeholder: string;
895
+ clearable: boolean;
896
+ internalPrepend: number;
897
+ multiline: boolean;
898
+ arrow: string;
899
+ arrowFamily: string;
900
+ internalAppend: number;
901
+ internalArrow: number;
902
+ inputProps: import("../input").InputProps;
903
+ }) => number)) | undefined;
788
904
  internalArrow?: (number | ((props: {
789
905
  outletFormat: string;
790
906
  valueOnClear: () => any;
@@ -809,9 +925,11 @@ export declare const defaultDatetimeRangePickerInputProps: () => {
809
925
  readonly: boolean;
810
926
  placeholder: string;
811
927
  clearable: boolean;
928
+ internalPrepend: number;
812
929
  multiline: boolean;
813
930
  arrow: string;
814
931
  arrowFamily: string;
932
+ internalAppend: number;
815
933
  internalArrow: number;
816
934
  inputProps: import("../input").InputProps;
817
935
  }) => number)) | undefined;
@@ -839,9 +957,11 @@ export declare const defaultDatetimeRangePickerInputProps: () => {
839
957
  readonly: boolean;
840
958
  placeholder: string;
841
959
  clearable: boolean;
960
+ internalPrepend: number;
842
961
  multiline: boolean;
843
962
  arrow: string;
844
963
  arrowFamily: string;
964
+ internalAppend: number;
845
965
  internalArrow: number;
846
966
  inputProps: import("../input").InputProps;
847
967
  }) => import("../input").InputProps) | undefined;
@@ -29,9 +29,11 @@ declare const __VLS_component: import("vue").DefineComponent<DatetimeRangePicker
29
29
  resettable: boolean;
30
30
  placeholder: string;
31
31
  clearable: boolean;
32
+ internalPrepend: number;
32
33
  multiline: boolean;
33
34
  arrow: string;
34
35
  arrowFamily: string;
36
+ internalAppend: number;
35
37
  internalArrow: number;
36
38
  inputProps: import("../input/common.js").InputProps;
37
39
  outletFormat: string;
@@ -9,11 +9,19 @@
9
9
  :root-style="rootStyle"
10
10
  :arrow="arrow"
11
11
  :internal-arrow="$slots.arrow ? 1 : 0"
12
+ :internal-prepend="$slots.prepend ? 1 : 0"
13
+ :internal-append="$slots.append ? 1 : 0"
12
14
  :input-props="inputProps"
13
15
  @clear="onClear"
14
16
  @click="show"
15
17
  >
16
- <template v-if="$slots.arrow" #arrow>
18
+ <template #prepend>
19
+ <slot name="prepend"></slot>
20
+ </template>
21
+ <template #append>
22
+ <slot name="append"></slot>
23
+ </template>
24
+ <template #arrow>
17
25
  <slot name="arrow"></slot>
18
26
  </template>
19
27
  <sar-datetime-range-picker-popout
@@ -130,6 +138,8 @@ export default _defineComponent({
130
138
  multiline: { type: Boolean, required: false },
131
139
  arrow: { type: String, required: false },
132
140
  arrowFamily: { type: String, required: false },
141
+ internalPrepend: { type: Number, required: false },
142
+ internalAppend: { type: Number, required: false },
133
143
  internalArrow: { type: Number, required: false },
134
144
  inputProps: { type: Object, required: false }
135
145
  }, defaultDatetimeRangePickerInputProps()),
@@ -21,6 +21,7 @@
21
21
  border-width: 0;
22
22
 
23
23
  @include e(tools) {
24
+ min-width: 0;
24
25
  margin-right: 0;
25
26
  }
26
27
 
@@ -79,6 +80,7 @@
79
80
  @include universal;
80
81
  flex-direction: row;
81
82
  align-items: center;
83
+ min-width: var(--sar-input-padding-x);
82
84
  margin-right: calc(var(--sar-input-padding-x) * -1);
83
85
  }
84
86
 
@@ -51,13 +51,7 @@ import PickerInput from 'sard-uniapp/components/picker-input/picker-input.vue'
51
51
 
52
52
  ### PickerInputSlots
53
53
 
54
- | 插槽 | 描述 | 属性 |
55
- | ---------------------- | ---------- | ---------- |
56
- | arrow <sup>1.22+</sup> | 自定义箭头 | () => void |
57
-
58
- ### PickerSlots
59
-
60
- 继承 [`PickerPopoutSlots`](./picker-popout#PickerPopoutSlots)
54
+ 继承 [`PickerPopoutSlots`](./picker-popout#PickerPopoutSlots)和[`PopoutInputSlots`](./popout-input#PopoutInputSlots)
61
55
 
62
56
  ### PickerInputEmits
63
57