@fastkit/vui 0.7.19 → 0.7.20

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 (10) hide show
  1. package/dist/tool/index.js +1 -0
  2. package/dist/tool/vite-plugin.d.ts.map +1 -1
  3. package/dist/vui.cjs.js +10 -1
  4. package/dist/vui.cjs.prod.js +10 -1
  5. package/dist/vui.d.ts +54 -0
  6. package/dist/vui.mjs +10 -1
  7. package/package.json +6 -6
  8. package/src/components/VSelect/VSelect.tsx +19 -5
  9. package/src/service.tsx +1 -0
  10. package/src/tool/vite-plugin.ts +1 -0
package/dist/tool/index.js CHANGED
@@ -123,6 +123,7 @@ function viteVuiPlugin(options = {}) {
123
123
  editorUndo: 'mdi-undo-variant',
124
124
  editorRedo: 'mdi-redo-variant',
125
125
  hinttip: 'mdi-help-circle-outline',
126
+ clear: 'mdi-close',
126
127
  // navigationExpand: (gen, active) => {
127
128
  // return gen({
128
129
  // name: 'mdi-menu-down' as any,
package/dist/tool/vite-plugin.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"vite-plugin.d.ts","sourceRoot":"","sources":["../../../../../../../packages/vui/src/tool/vite-plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAK9B,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AA+F/C,MAAM,WAAW,oBACf,SAAQ,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,YAAY,GAAG,OAAO,CAAC,CAAC;IAChE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC9B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;IAC9C,WAAW,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,OAAO,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,OAAO,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;IACzE,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAGD,MAAM,WAAW,2BACf,SAAQ,IAAI,CAAC,iBAAiB,EAAE,YAAY,GAAG,OAAO,CAAC;IACvD,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,2BAA2B,CAAC;IACtC,OAAO,EAAE,CAAC,MAAM,GAAG,MAAM,EAAE,CAAC,EAAE,CAAC;IAC/B,IAAI,EAAE,MAAM,CAAC;CACd;AAED,wBAAgB,aAAa,CAC3B,OAAO,GAAE,oBAAyB,GACjC,mBAAmB,CAwJrB"}
1
+ {"version":3,"file":"vite-plugin.d.ts","sourceRoot":"","sources":["../../../../../../../packages/vui/src/tool/vite-plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAK9B,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AA+F/C,MAAM,WAAW,oBACf,SAAQ,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,YAAY,GAAG,OAAO,CAAC,CAAC;IAChE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC9B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;IAC9C,WAAW,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,OAAO,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,OAAO,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;IACzE,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAGD,MAAM,WAAW,2BACf,SAAQ,IAAI,CAAC,iBAAiB,EAAE,YAAY,GAAG,OAAO,CAAC;IACvD,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,2BAA2B,CAAC;IACtC,OAAO,EAAE,CAAC,MAAM,GAAG,MAAM,EAAE,CAAC,EAAE,CAAC;IAC/B,IAAI,EAAE,MAAM,CAAC;CACd;AAED,wBAAgB,aAAa,CAC3B,OAAO,GAAE,oBAAyB,GACjC,mBAAmB,CAyJrB"}
package/dist/vui.cjs.js CHANGED
@@ -2149,7 +2149,16 @@ const VSelect = vue.defineComponent({
2149
2149
  }, [vue.createVNode("div", {
2150
2150
  "class": "v-select__selections__inner"
2151
2151
  }, [this.renderSelections(selectedItems)])])],
2152
- endAdornment: () => vue.createVNode(VIcon, {
2152
+ endAdornment: () => this.clearable && this.nodeControl.value != null && vue.createVNode(VButton, {
2153
+ "key": "clear",
2154
+ "icon": this.$vui.icon('clear'),
2155
+ "rounded": true,
2156
+ "onClick": ev => {
2157
+ ev.stopPropagation();
2158
+ this.nodeControl.clear();
2159
+ }
2160
+ }, null) || vue.createVNode(VIcon, {
2161
+ "key": "icon",
2153
2162
  "name": this.iconName,
2154
2163
  "rotate": this.menuOpened ? 180 : 0
2155
2164
  }, null)
package/dist/vui.cjs.prod.js CHANGED
@@ -2149,7 +2149,16 @@ const VSelect = vue.defineComponent({
2149
2149
  }, [vue.createVNode("div", {
2150
2150
  "class": "v-select__selections__inner"
2151
2151
  }, [this.renderSelections(selectedItems)])])],
2152
- endAdornment: () => vue.createVNode(VIcon, {
2152
+ endAdornment: () => this.clearable && this.nodeControl.value != null && vue.createVNode(VButton, {
2153
+ "key": "clear",
2154
+ "icon": this.$vui.icon('clear'),
2155
+ "rounded": true,
2156
+ "onClick": ev => {
2157
+ ev.stopPropagation();
2158
+ this.nodeControl.clear();
2159
+ }
2160
+ }, null) || vue.createVNode(VIcon, {
2161
+ "key": "icon",
2153
2162
  "name": this.iconName,
2154
2163
  "rotate": this.menuOpened ? 180 : 0
2155
2164
  }, null)
package/dist/vui.d.ts CHANGED
@@ -872,6 +872,7 @@ declare function createTextFieldProps(): {
872
872
  autofocus: BooleanConstructor;
873
873
  spellcheck: BooleanConstructor;
874
874
  viewonly: BooleanConstructor;
875
+ clearable: BooleanConstructor;
875
876
  validateTiming: {
876
877
  type: PropType<ValidateTiming>;
877
878
  default: ValidateTiming;
@@ -983,6 +984,7 @@ export declare function defineFormSelectorComponent(opts: DefineFormSelectorComp
983
984
  autofocus: BooleanConstructor;
984
985
  spellcheck: BooleanConstructor;
985
986
  viewonly: BooleanConstructor;
987
+ clearable: BooleanConstructor;
986
988
  validateTiming: {
987
989
  type: PropType<ValidateTiming>;
988
990
  default: ValidateTiming;
@@ -1083,6 +1085,7 @@ export declare function defineFormSelectorComponent(opts: DefineFormSelectorComp
1083
1085
  autofocus?: unknown;
1084
1086
  spellcheck?: unknown;
1085
1087
  viewonly?: unknown;
1088
+ clearable?: unknown;
1086
1089
  validateTiming?: unknown;
1087
1090
  rules?: unknown;
1088
1091
  error?: unknown;
@@ -1094,6 +1097,7 @@ export declare function defineFormSelectorComponent(opts: DefineFormSelectorComp
1094
1097
  spellcheck: boolean;
1095
1098
  viewonly: boolean;
1096
1099
  required: boolean;
1100
+ clearable: boolean;
1097
1101
  error: boolean;
1098
1102
  tabindex: string | number;
1099
1103
  validateTiming: ValidateTiming;
@@ -1137,6 +1141,7 @@ export declare function defineFormSelectorComponent(opts: DefineFormSelectorComp
1137
1141
  spellcheck: boolean;
1138
1142
  viewonly: boolean;
1139
1143
  required: boolean;
1144
+ clearable: boolean;
1140
1145
  error: boolean;
1141
1146
  tabindex: string | number;
1142
1147
  validateTiming: ValidateTiming;
@@ -3458,6 +3463,7 @@ export declare const VCheckbox: DefineComponent<{
3458
3463
  spellcheck: BooleanConstructor;
3459
3464
  viewonly: BooleanConstructor;
3460
3465
  required: BooleanConstructor;
3466
+ clearable: BooleanConstructor;
3461
3467
  validateTiming: {
3462
3468
  type: PropType<ValidateTiming>;
3463
3469
  default: ValidateTiming;
@@ -3529,6 +3535,7 @@ export declare const VCheckbox: DefineComponent<{
3529
3535
  spellcheck?: unknown;
3530
3536
  viewonly?: unknown;
3531
3537
  required?: unknown;
3538
+ clearable?: unknown;
3532
3539
  validateTiming?: unknown;
3533
3540
  rules?: unknown;
3534
3541
  error?: unknown;
@@ -3540,6 +3547,7 @@ export declare const VCheckbox: DefineComponent<{
3540
3547
  spellcheck: boolean;
3541
3548
  viewonly: boolean;
3542
3549
  required: boolean;
3550
+ clearable: boolean;
3543
3551
  error: boolean;
3544
3552
  tabindex: string | number;
3545
3553
  validateTiming: ValidateTiming;
@@ -3565,6 +3573,7 @@ export declare const VCheckbox: DefineComponent<{
3565
3573
  spellcheck: boolean;
3566
3574
  viewonly: boolean;
3567
3575
  required: boolean;
3576
+ clearable: boolean;
3568
3577
  error: boolean;
3569
3578
  tabindex: string | number;
3570
3579
  validateTiming: ValidateTiming;
@@ -3622,6 +3631,7 @@ export declare const VCheckboxGroup: DefineComponent<{
3622
3631
  autofocus: BooleanConstructor;
3623
3632
  spellcheck: BooleanConstructor;
3624
3633
  viewonly: BooleanConstructor;
3634
+ clearable: BooleanConstructor;
3625
3635
  validateTiming: {
3626
3636
  type: PropType<ValidateTiming>;
3627
3637
  default: ValidateTiming;
@@ -3722,6 +3732,7 @@ export declare const VCheckboxGroup: DefineComponent<{
3722
3732
  autofocus?: unknown;
3723
3733
  spellcheck?: unknown;
3724
3734
  viewonly?: unknown;
3735
+ clearable?: unknown;
3725
3736
  validateTiming?: unknown;
3726
3737
  rules?: unknown;
3727
3738
  error?: unknown;
@@ -3733,6 +3744,7 @@ export declare const VCheckboxGroup: DefineComponent<{
3733
3744
  spellcheck: boolean;
3734
3745
  viewonly: boolean;
3735
3746
  required: boolean;
3747
+ clearable: boolean;
3736
3748
  error: boolean;
3737
3749
  tabindex: string | number;
3738
3750
  validateTiming: ValidateTiming;
@@ -3776,6 +3788,7 @@ export declare const VCheckboxGroup: DefineComponent<{
3776
3788
  spellcheck: boolean;
3777
3789
  viewonly: boolean;
3778
3790
  required: boolean;
3791
+ clearable: boolean;
3779
3792
  error: boolean;
3780
3793
  tabindex: string | number;
3781
3794
  validateTiming: ValidateTiming;
@@ -4521,6 +4534,7 @@ export declare const VForm: DefineComponent<{
4521
4534
  spellcheck: BooleanConstructor;
4522
4535
  viewonly: BooleanConstructor;
4523
4536
  required: BooleanConstructor;
4537
+ clearable: BooleanConstructor;
4524
4538
  validateTiming: {
4525
4539
  type: PropType<ValidateTiming>;
4526
4540
  default: ValidateTiming;
@@ -4598,6 +4612,7 @@ export declare const VForm: DefineComponent<{
4598
4612
  spellcheck?: unknown;
4599
4613
  viewonly?: unknown;
4600
4614
  required?: unknown;
4615
+ clearable?: unknown;
4601
4616
  validateTiming?: unknown;
4602
4617
  rules?: unknown;
4603
4618
  error?: unknown;
@@ -4609,6 +4624,7 @@ export declare const VForm: DefineComponent<{
4609
4624
  spellcheck: boolean;
4610
4625
  viewonly: boolean;
4611
4626
  required: boolean;
4627
+ clearable: boolean;
4612
4628
  error: boolean;
4613
4629
  tabindex: string | number;
4614
4630
  validateTiming: ValidateTiming;
@@ -4638,6 +4654,7 @@ export declare const VForm: DefineComponent<{
4638
4654
  spellcheck: boolean;
4639
4655
  viewonly: boolean;
4640
4656
  required: boolean;
4657
+ clearable: boolean;
4641
4658
  error: boolean;
4642
4659
  tabindex: string | number;
4643
4660
  validateTiming: ValidateTiming;
@@ -6675,6 +6692,7 @@ export declare const VOption: DefineComponent<{
6675
6692
  spellcheck: BooleanConstructor;
6676
6693
  viewonly: BooleanConstructor;
6677
6694
  required: BooleanConstructor;
6695
+ clearable: BooleanConstructor;
6678
6696
  validateTiming: {
6679
6697
  type: PropType<ValidateTiming>;
6680
6698
  default: ValidateTiming;
@@ -6742,6 +6760,7 @@ export declare const VOption: DefineComponent<{
6742
6760
  spellcheck?: unknown;
6743
6761
  viewonly?: unknown;
6744
6762
  required?: unknown;
6763
+ clearable?: unknown;
6745
6764
  validateTiming?: unknown;
6746
6765
  rules?: unknown;
6747
6766
  error?: unknown;
@@ -6753,6 +6772,7 @@ export declare const VOption: DefineComponent<{
6753
6772
  spellcheck: boolean;
6754
6773
  viewonly: boolean;
6755
6774
  required: boolean;
6775
+ clearable: boolean;
6756
6776
  error: boolean;
6757
6777
  tabindex: string | number;
6758
6778
  validateTiming: ValidateTiming;
@@ -6777,6 +6797,7 @@ export declare const VOption: DefineComponent<{
6777
6797
  spellcheck: boolean;
6778
6798
  viewonly: boolean;
6779
6799
  required: boolean;
6800
+ clearable: boolean;
6780
6801
  error: boolean;
6781
6802
  tabindex: string | number;
6782
6803
  validateTiming: ValidateTiming;
@@ -7468,6 +7489,7 @@ export declare const VRadio: DefineComponent<{
7468
7489
  spellcheck: BooleanConstructor;
7469
7490
  viewonly: BooleanConstructor;
7470
7491
  required: BooleanConstructor;
7492
+ clearable: BooleanConstructor;
7471
7493
  validateTiming: {
7472
7494
  type: PropType<ValidateTiming>;
7473
7495
  default: ValidateTiming;
@@ -7537,6 +7559,7 @@ export declare const VRadio: DefineComponent<{
7537
7559
  spellcheck?: unknown;
7538
7560
  viewonly?: unknown;
7539
7561
  required?: unknown;
7562
+ clearable?: unknown;
7540
7563
  validateTiming?: unknown;
7541
7564
  rules?: unknown;
7542
7565
  error?: unknown;
@@ -7548,6 +7571,7 @@ export declare const VRadio: DefineComponent<{
7548
7571
  spellcheck: boolean;
7549
7572
  viewonly: boolean;
7550
7573
  required: boolean;
7574
+ clearable: boolean;
7551
7575
  error: boolean;
7552
7576
  tabindex: string | number;
7553
7577
  validateTiming: ValidateTiming;
@@ -7572,6 +7596,7 @@ export declare const VRadio: DefineComponent<{
7572
7596
  spellcheck: boolean;
7573
7597
  viewonly: boolean;
7574
7598
  required: boolean;
7599
+ clearable: boolean;
7575
7600
  error: boolean;
7576
7601
  tabindex: string | number;
7577
7602
  validateTiming: ValidateTiming;
@@ -7628,6 +7653,7 @@ export declare const VRadioGroup: DefineComponent<{
7628
7653
  autofocus: BooleanConstructor;
7629
7654
  spellcheck: BooleanConstructor;
7630
7655
  viewonly: BooleanConstructor;
7656
+ clearable: BooleanConstructor;
7631
7657
  validateTiming: {
7632
7658
  type: PropType<ValidateTiming>;
7633
7659
  default: ValidateTiming;
@@ -7728,6 +7754,7 @@ export declare const VRadioGroup: DefineComponent<{
7728
7754
  autofocus?: unknown;
7729
7755
  spellcheck?: unknown;
7730
7756
  viewonly?: unknown;
7757
+ clearable?: unknown;
7731
7758
  validateTiming?: unknown;
7732
7759
  rules?: unknown;
7733
7760
  error?: unknown;
@@ -7739,6 +7766,7 @@ export declare const VRadioGroup: DefineComponent<{
7739
7766
  spellcheck: boolean;
7740
7767
  viewonly: boolean;
7741
7768
  required: boolean;
7769
+ clearable: boolean;
7742
7770
  error: boolean;
7743
7771
  tabindex: string | number;
7744
7772
  validateTiming: ValidateTiming;
@@ -7782,6 +7810,7 @@ export declare const VRadioGroup: DefineComponent<{
7782
7810
  spellcheck: boolean;
7783
7811
  viewonly: boolean;
7784
7812
  required: boolean;
7813
+ clearable: boolean;
7785
7814
  error: boolean;
7786
7815
  tabindex: string | number;
7787
7816
  validateTiming: ValidateTiming;
@@ -7855,6 +7884,7 @@ export declare const VSelect: DefineComponent<{
7855
7884
  autofocus: BooleanConstructor;
7856
7885
  spellcheck: BooleanConstructor;
7857
7886
  viewonly: BooleanConstructor;
7887
+ clearable: BooleanConstructor;
7858
7888
  validateTiming: {
7859
7889
  type: PropType<ValidateTiming>;
7860
7890
  default: ValidateTiming;
@@ -7964,6 +7994,7 @@ export declare const VSelect: DefineComponent<{
7964
7994
  autofocus?: unknown;
7965
7995
  spellcheck?: unknown;
7966
7996
  viewonly?: unknown;
7997
+ clearable?: unknown;
7967
7998
  validateTiming?: unknown;
7968
7999
  rules?: unknown;
7969
8000
  error?: unknown;
@@ -7975,6 +8006,7 @@ export declare const VSelect: DefineComponent<{
7975
8006
  spellcheck: boolean;
7976
8007
  viewonly: boolean;
7977
8008
  required: boolean;
8009
+ clearable: boolean;
7978
8010
  error: boolean;
7979
8011
  tabindex: string | number;
7980
8012
  validateTiming: ValidateTiming;
@@ -8021,6 +8053,7 @@ export declare const VSelect: DefineComponent<{
8021
8053
  spellcheck: boolean;
8022
8054
  viewonly: boolean;
8023
8055
  required: boolean;
8056
+ clearable: boolean;
8024
8057
  error: boolean;
8025
8058
  tabindex: string | number;
8026
8059
  validateTiming: ValidateTiming;
@@ -8063,6 +8096,7 @@ export declare const VSwitch: DefineComponent<{
8063
8096
  spellcheck: BooleanConstructor;
8064
8097
  viewonly: BooleanConstructor;
8065
8098
  required: BooleanConstructor;
8099
+ clearable: BooleanConstructor;
8066
8100
  validateTiming: {
8067
8101
  type: PropType<ValidateTiming>;
8068
8102
  default: ValidateTiming;
@@ -8132,6 +8166,7 @@ export declare const VSwitch: DefineComponent<{
8132
8166
  spellcheck?: unknown;
8133
8167
  viewonly?: unknown;
8134
8168
  required?: unknown;
8169
+ clearable?: unknown;
8135
8170
  validateTiming?: unknown;
8136
8171
  rules?: unknown;
8137
8172
  error?: unknown;
@@ -8143,6 +8178,7 @@ export declare const VSwitch: DefineComponent<{
8143
8178
  spellcheck: boolean;
8144
8179
  viewonly: boolean;
8145
8180
  required: boolean;
8181
+ clearable: boolean;
8146
8182
  error: boolean;
8147
8183
  tabindex: string | number;
8148
8184
  validateTiming: ValidateTiming;
@@ -8167,6 +8203,7 @@ export declare const VSwitch: DefineComponent<{
8167
8203
  spellcheck: boolean;
8168
8204
  viewonly: boolean;
8169
8205
  required: boolean;
8206
+ clearable: boolean;
8170
8207
  error: boolean;
8171
8208
  tabindex: string | number;
8172
8209
  validateTiming: ValidateTiming;
@@ -8223,6 +8260,7 @@ export declare const VSwitchGroup: DefineComponent<{
8223
8260
  autofocus: BooleanConstructor;
8224
8261
  spellcheck: BooleanConstructor;
8225
8262
  viewonly: BooleanConstructor;
8263
+ clearable: BooleanConstructor;
8226
8264
  validateTiming: {
8227
8265
  type: PropType<ValidateTiming>;
8228
8266
  default: ValidateTiming;
@@ -8323,6 +8361,7 @@ export declare const VSwitchGroup: DefineComponent<{
8323
8361
  autofocus?: unknown;
8324
8362
  spellcheck?: unknown;
8325
8363
  viewonly?: unknown;
8364
+ clearable?: unknown;
8326
8365
  validateTiming?: unknown;
8327
8366
  rules?: unknown;
8328
8367
  error?: unknown;
@@ -8334,6 +8373,7 @@ export declare const VSwitchGroup: DefineComponent<{
8334
8373
  spellcheck: boolean;
8335
8374
  viewonly: boolean;
8336
8375
  required: boolean;
8376
+ clearable: boolean;
8337
8377
  error: boolean;
8338
8378
  tabindex: string | number;
8339
8379
  validateTiming: ValidateTiming;
@@ -8377,6 +8417,7 @@ export declare const VSwitchGroup: DefineComponent<{
8377
8417
  spellcheck: boolean;
8378
8418
  viewonly: boolean;
8379
8419
  required: boolean;
8420
+ clearable: boolean;
8380
8421
  error: boolean;
8381
8422
  tabindex: string | number;
8382
8423
  validateTiming: ValidateTiming;
@@ -8529,6 +8570,7 @@ export declare const VTextarea: DefineComponent<{
8529
8570
  autofocus: BooleanConstructor;
8530
8571
  spellcheck: BooleanConstructor;
8531
8572
  viewonly: BooleanConstructor;
8573
+ clearable: BooleanConstructor;
8532
8574
  validateTiming: {
8533
8575
  type: PropType<ValidateTiming>;
8534
8576
  default: ValidateTiming;
@@ -8640,6 +8682,7 @@ export declare const VTextarea: DefineComponent<{
8640
8682
  autofocus?: unknown;
8641
8683
  spellcheck?: unknown;
8642
8684
  viewonly?: unknown;
8685
+ clearable?: unknown;
8643
8686
  validateTiming?: unknown;
8644
8687
  rules?: unknown;
8645
8688
  error?: unknown;
@@ -8651,6 +8694,7 @@ export declare const VTextarea: DefineComponent<{
8651
8694
  spellcheck: boolean;
8652
8695
  viewonly: boolean;
8653
8696
  required: boolean;
8697
+ clearable: boolean;
8654
8698
  error: boolean;
8655
8699
  tabindex: string | number;
8656
8700
  validateTiming: ValidateTiming;
@@ -8707,6 +8751,7 @@ export declare const VTextarea: DefineComponent<{
8707
8751
  spellcheck: boolean;
8708
8752
  viewonly: boolean;
8709
8753
  required: boolean;
8754
+ clearable: boolean;
8710
8755
  error: boolean;
8711
8756
  tabindex: string | number;
8712
8757
  validateTiming: ValidateTiming;
@@ -8788,6 +8833,7 @@ export declare const VTextField: DefineComponent<{
8788
8833
  autofocus: BooleanConstructor;
8789
8834
  spellcheck: BooleanConstructor;
8790
8835
  viewonly: BooleanConstructor;
8836
+ clearable: BooleanConstructor;
8791
8837
  validateTiming: {
8792
8838
  type: PropType<ValidateTiming>;
8793
8839
  default: ValidateTiming;
@@ -8903,6 +8949,7 @@ export declare const VTextField: DefineComponent<{
8903
8949
  autofocus?: unknown;
8904
8950
  spellcheck?: unknown;
8905
8951
  viewonly?: unknown;
8952
+ clearable?: unknown;
8906
8953
  validateTiming?: unknown;
8907
8954
  rules?: unknown;
8908
8955
  error?: unknown;
@@ -8915,6 +8962,7 @@ export declare const VTextField: DefineComponent<{
8915
8962
  spellcheck: boolean;
8916
8963
  viewonly: boolean;
8917
8964
  required: boolean;
8965
+ clearable: boolean;
8918
8966
  error: boolean;
8919
8967
  tabindex: string | number;
8920
8968
  validateTiming: ValidateTiming;
@@ -8978,6 +9026,7 @@ export declare const VTextField: DefineComponent<{
8978
9026
  spellcheck: boolean;
8979
9027
  viewonly: boolean;
8980
9028
  required: boolean;
9029
+ clearable: boolean;
8981
9030
  error: boolean;
8982
9031
  tabindex: string | number;
8983
9032
  validateTiming: ValidateTiming;
@@ -10050,6 +10099,7 @@ export declare interface VuiServiceIconSettings {
10050
10099
  editorUndo: IconName;
10051
10100
  editorRedo: IconName;
10052
10101
  hinttip: IconName;
10102
+ clear: IconName;
10053
10103
  }
10054
10104
 
10055
10105
  export declare interface VuiServiceOptions {
@@ -10153,6 +10203,7 @@ export declare const VWysiwygEditor: DefineComponent<{
10153
10203
  autofocus: BooleanConstructor;
10154
10204
  spellcheck: BooleanConstructor;
10155
10205
  viewonly: BooleanConstructor;
10206
+ clearable: BooleanConstructor;
10156
10207
  validateTiming: {
10157
10208
  type: PropType<ValidateTiming>;
10158
10209
  default: ValidateTiming;
@@ -10262,6 +10313,7 @@ export declare const VWysiwygEditor: DefineComponent<{
10262
10313
  autofocus?: unknown;
10263
10314
  spellcheck?: unknown;
10264
10315
  viewonly?: unknown;
10316
+ clearable?: unknown;
10265
10317
  validateTiming?: unknown;
10266
10318
  rules?: unknown;
10267
10319
  error?: unknown;
@@ -10273,6 +10325,7 @@ export declare const VWysiwygEditor: DefineComponent<{
10273
10325
  spellcheck: boolean;
10274
10326
  viewonly: boolean;
10275
10327
  required: boolean;
10328
+ clearable: boolean;
10276
10329
  error: boolean;
10277
10330
  tabindex: string | number;
10278
10331
  validateTiming: ValidateTiming;
@@ -10330,6 +10383,7 @@ export declare const VWysiwygEditor: DefineComponent<{
10330
10383
  spellcheck: boolean;
10331
10384
  viewonly: boolean;
10332
10385
  required: boolean;
10386
+ clearable: boolean;
10333
10387
  error: boolean;
10334
10388
  tabindex: string | number;
10335
10389
  validateTiming: ValidateTiming;
package/dist/vui.mjs CHANGED
@@ -2144,7 +2144,16 @@ const VSelect = defineComponent({
2144
2144
  }, [createVNode("div", {
2145
2145
  "class": "v-select__selections__inner"
2146
2146
  }, [this.renderSelections(selectedItems)])])],
2147
- endAdornment: () => createVNode(VIcon, {
2147
+ endAdornment: () => this.clearable && this.nodeControl.value != null && createVNode(VButton, {
2148
+ "key": "clear",
2149
+ "icon": this.$vui.icon('clear'),
2150
+ "rounded": true,
2151
+ "onClick": ev => {
2152
+ ev.stopPropagation();
2153
+ this.nodeControl.clear();
2154
+ }
2155
+ }, null) || createVNode(VIcon, {
2156
+ "key": "icon",
2148
2157
  "name": this.iconName,
2149
2158
  "rotate": this.menuOpened ? 180 : 0
2150
2159
  }, null)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fastkit/vui",
3
- "version": "0.7.19",
3
+ "version": "0.7.20",
4
4
  "description": "@fastkit/vui",
5
5
  "buildOptions": {
6
6
  "name": "Vui",
@@ -32,11 +32,11 @@
32
32
  "vue": "^3.2.26"
33
33
  },
34
34
  "dependencies": {
35
- "@fastkit/color-scheme": "0.7.19",
36
- "@fastkit/icon-font": "0.7.19",
37
- "@fastkit/tiny-logger": "0.7.19",
38
- "@fastkit/vite-kit": "0.7.19",
39
- "@fastkit/vue-kit": "0.7.19",
35
+ "@fastkit/color-scheme": "0.7.20",
36
+ "@fastkit/icon-font": "0.7.20",
37
+ "@fastkit/tiny-logger": "0.7.20",
38
+ "@fastkit/vite-kit": "0.7.20",
39
+ "@fastkit/vue-kit": "0.7.20",
40
40
  "@tiptap/extension-link": "^2.0.0-beta.35",
41
41
  "@tiptap/extension-underline": "^2.0.0-beta.22",
42
42
  "@tiptap/starter-kit": "^2.0.0-beta.168",
package/src/components/VSelect/VSelect.tsx CHANGED
@@ -25,6 +25,7 @@ import { VUI_SELECT_SYMBOL, useVui } from '../../injections';
25
25
  import { VIcon } from '../VIcon';
26
26
  import { VMenu } from '../kits';
27
27
  import { VOption } from '../VOption';
28
+ import { VButton } from '..';
28
29
 
29
30
  const { props, emits } = createFormSelectorSettings();
30
31
 
@@ -184,11 +185,24 @@ export const VSelect = defineComponent({
184
185
  </div>
185
186
  </div>,
186
187
  ],
187
- endAdornment: () => (
188
- <VIcon
189
- name={this.iconName}
190
- rotate={this.menuOpened ? 180 : 0}></VIcon>
191
- ),
188
+ endAdornment: () =>
189
+ (this.clearable && this.nodeControl.value != null && (
190
+ <VButton
191
+ key="clear"
192
+ icon={this.$vui.icon('clear')}
193
+ rounded
194
+ onClick={(ev) => {
195
+ ev.stopPropagation();
196
+ this.nodeControl.clear();
197
+ }}
198
+ />
199
+ )) || (
200
+ <VIcon
201
+ key="icon"
202
+ name={this.iconName}
203
+ rotate={this.menuOpened ? 180 : 0}
204
+ />
205
+ ),
192
206
  }}
193
207
  />,
194
208
  ],
package/src/service.tsx CHANGED
@@ -69,6 +69,7 @@ export interface VuiServiceIconSettings {
69
69
  editorUndo: IconName;
70
70
  editorRedo: IconName;
71
71
  hinttip: IconName;
72
+ clear: IconName;
72
73
  }
73
74
 
74
75
  export type VuiVNodeResolver = () => VNodeChild;
package/src/tool/vite-plugin.ts CHANGED
@@ -171,6 +171,7 @@ export function viteVuiPlugin(
171
171
  editorUndo: 'mdi-undo-variant' as any,
172
172
  editorRedo: 'mdi-redo-variant' as any,
173
173
  hinttip: 'mdi-help-circle-outline' as any,
174
+ clear: 'mdi-close' as any,
174
175
  // navigationExpand: (gen, active) => {
175
176
  // return gen({
176
177
  // name: 'mdi-menu-down' as any,