@volverjs/ui-vue 0.0.10-beta.15 → 0.0.10-beta.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +96 -2
- package/auto-imports.d.ts +2 -0
- package/dist/components/VvAccordion/VvAccordion.es.js +33 -9
- package/dist/components/VvAccordion/VvAccordion.umd.js +1 -1
- package/dist/components/VvAccordion/VvAccordion.vue.d.ts +9 -2
- package/dist/components/VvAccordion/index.d.ts +4 -1
- package/dist/components/VvAccordionGroup/VvAccordionGroup.es.js +33 -9
- package/dist/components/VvAccordionGroup/VvAccordionGroup.umd.js +1 -1
- package/dist/components/VvAccordionGroup/VvAccordionGroup.vue.d.ts +9 -2
- package/dist/components/VvAccordionGroup/index.d.ts +4 -1
- package/dist/components/VvAction/VvAction.es.js +29 -8
- package/dist/components/VvAction/VvAction.umd.js +1 -1
- package/dist/components/VvAction/VvAction.vue.d.ts +44 -10
- package/dist/components/VvAction/index.d.ts +21 -5
- package/dist/components/VvAlert/VvAlert.es.js +91 -107
- package/dist/components/VvAlert/VvAlert.umd.js +1 -1
- package/dist/components/VvAlert/VvAlert.vue.d.ts +14 -4
- package/dist/components/VvAlert/index.d.ts +7 -3
- package/dist/components/VvAlertGroup/VvAlertGroup.es.js +91 -107
- package/dist/components/VvAlertGroup/VvAlertGroup.umd.js +1 -1
- package/dist/components/VvAlertGroup/VvAlertGroup.vue.d.ts +9 -2
- package/dist/components/VvAlertGroup/index.d.ts +6 -2
- package/dist/components/VvAvatar/VvAvatar.es.js +33 -9
- package/dist/components/VvAvatar/VvAvatar.umd.js +1 -1
- package/dist/components/VvAvatar/VvAvatar.vue.d.ts +11 -3
- package/dist/components/VvAvatar/index.d.ts +4 -1
- package/dist/components/VvAvatarGroup/VvAvatarGroup.es.js +33 -9
- package/dist/components/VvAvatarGroup/VvAvatarGroup.umd.js +1 -1
- package/dist/components/VvAvatarGroup/VvAvatarGroup.vue.d.ts +9 -2
- package/dist/components/VvAvatarGroup/index.d.ts +4 -1
- package/dist/components/VvBadge/VvBadge.es.js +33 -9
- package/dist/components/VvBadge/VvBadge.umd.js +1 -1
- package/dist/components/VvBadge/VvBadge.vue.d.ts +11 -3
- package/dist/components/VvBadge/index.d.ts +4 -1
- package/dist/components/VvBreadcrumb/VvBreadcrumb.es.js +33 -9
- package/dist/components/VvBreadcrumb/VvBreadcrumb.umd.js +1 -1
- package/dist/components/VvBreadcrumb/VvBreadcrumb.vue.d.ts +11 -3
- package/dist/components/VvBreadcrumb/index.d.ts +4 -1
- package/dist/components/VvButton/VvButton.es.js +100 -119
- package/dist/components/VvButton/VvButton.umd.js +1 -1
- package/dist/components/VvButton/VvButton.vue.d.ts +78 -20
- package/dist/components/VvButton/index.d.ts +34 -12
- package/dist/components/VvButtonGroup/VvButtonGroup.es.js +33 -9
- package/dist/components/VvButtonGroup/VvButtonGroup.umd.js +1 -1
- package/dist/components/VvButtonGroup/VvButtonGroup.vue.d.ts +17 -4
- package/dist/components/VvButtonGroup/index.d.ts +8 -2
- package/dist/components/VvCard/VvCard.es.js +33 -9
- package/dist/components/VvCard/VvCard.umd.js +1 -1
- package/dist/components/VvCard/VvCard.vue.d.ts +11 -3
- package/dist/components/VvCard/index.d.ts +4 -1
- package/dist/components/VvCheckbox/VvCheckbox.es.js +56 -17
- package/dist/components/VvCheckbox/VvCheckbox.umd.js +1 -1
- package/dist/components/VvCheckbox/VvCheckbox.vue.d.ts +94 -22
- package/dist/components/VvCheckbox/index.d.ts +44 -11
- package/dist/components/VvCheckboxGroup/VvCheckboxGroup.es.js +64 -19
- package/dist/components/VvCheckboxGroup/VvCheckboxGroup.umd.js +1 -1
- package/dist/components/VvCheckboxGroup/VvCheckboxGroup.vue.d.ts +93 -22
- package/dist/components/VvCheckboxGroup/index.d.ts +44 -11
- package/dist/components/VvCombobox/VvCombobox.es.js +108 -165
- package/dist/components/VvCombobox/VvCombobox.umd.js +1 -1
- package/dist/components/VvCombobox/VvCombobox.vue.d.ts +97 -24
- package/dist/components/VvCombobox/index.d.ts +42 -11
- package/dist/components/VvDialog/VvDialog.es.js +51 -103
- package/dist/components/VvDialog/VvDialog.umd.js +1 -1
- package/dist/components/VvDropdown/VvDropdown.es.js +33 -9
- package/dist/components/VvDropdown/VvDropdown.umd.js +1 -1
- package/dist/components/VvDropdown/VvDropdown.vue.d.ts +14 -2
- package/dist/components/VvDropdown/VvDropdownAction.vue.d.ts +61 -12
- package/dist/components/VvDropdown/VvDropdownOptgroup.vue.d.ts +11 -3
- package/dist/components/VvDropdown/VvDropdownOption.vue.d.ts +25 -6
- package/dist/components/VvDropdown/index.d.ts +6 -1
- package/dist/components/VvDropdownAction/VvDropdownAction.es.js +33 -9
- package/dist/components/VvDropdownAction/VvDropdownAction.umd.js +1 -1
- package/dist/components/VvDropdownOptgroup/VvDropdownOptgroup.es.js +29 -8
- package/dist/components/VvDropdownOptgroup/VvDropdownOptgroup.umd.js +1 -1
- package/dist/components/VvDropdownOption/VvDropdownOption.es.js +37 -10
- package/dist/components/VvDropdownOption/VvDropdownOption.umd.js +1 -1
- package/dist/components/VvIcon/VvIcon.es.js +22 -95
- package/dist/components/VvIcon/VvIcon.umd.js +1 -1
- package/dist/components/VvIcon/VvIcon.vue.d.ts +81 -44
- package/dist/components/VvIcon/index.d.ts +21 -48
- package/dist/components/VvInputFile/VvInputFile.es.js +107 -123
- package/dist/components/VvInputFile/VvInputFile.umd.js +1 -1
- package/dist/components/VvInputFile/VvInputFile.vue.d.ts +52 -12
- package/dist/components/VvInputFile/index.d.ts +24 -6
- package/dist/components/VvInputText/VvInputText.es.js +115 -147
- package/dist/components/VvInputText/VvInputText.umd.js +1 -1
- package/dist/components/VvInputText/VvInputText.vue.d.ts +141 -34
- package/dist/components/VvInputText/index.d.ts +71 -26
- package/dist/components/VvNav/VvNav.es.js +33 -9
- package/dist/components/VvNav/VvNav.umd.js +1 -1
- package/dist/components/VvNav/VvNav.vue.d.ts +9 -2
- package/dist/components/VvNav/index.d.ts +4 -1
- package/dist/components/VvNavItem/VvNavItem.es.js +29 -8
- package/dist/components/VvNavItem/VvNavItem.umd.js +1 -1
- package/dist/components/VvProgress/VvProgress.es.js +33 -9
- package/dist/components/VvProgress/VvProgress.umd.js +1 -1
- package/dist/components/VvProgress/VvProgress.vue.d.ts +9 -2
- package/dist/components/VvProgress/index.d.ts +4 -1
- package/dist/components/VvRadio/VvRadio.es.js +56 -17
- package/dist/components/VvRadio/VvRadio.umd.js +1 -1
- package/dist/components/VvRadio/VvRadio.vue.d.ts +94 -22
- package/dist/components/VvRadio/index.d.ts +44 -11
- package/dist/components/VvRadioGroup/VvRadioGroup.es.js +64 -19
- package/dist/components/VvRadioGroup/VvRadioGroup.umd.js +1 -1
- package/dist/components/VvRadioGroup/VvRadioGroup.vue.d.ts +93 -22
- package/dist/components/VvRadioGroup/index.d.ts +44 -11
- package/dist/components/VvSelect/VvSelect.es.js +95 -138
- package/dist/components/VvSelect/VvSelect.umd.js +1 -1
- package/dist/components/VvSelect/VvSelect.vue.d.ts +97 -24
- package/dist/components/VvSelect/index.d.ts +46 -12
- package/dist/components/VvTab/VvTab.es.js +33 -9
- package/dist/components/VvTab/VvTab.umd.js +1 -1
- package/dist/components/VvTab/VvTab.vue.d.ts +9 -2
- package/dist/components/VvTab/index.d.ts +4 -1
- package/dist/components/VvTextarea/VvTextarea.es.js +109 -143
- package/dist/components/VvTextarea/VvTextarea.umd.js +1 -1
- package/dist/components/VvTextarea/VvTextarea.vue.d.ts +141 -34
- package/dist/components/VvTextarea/index.d.ts +66 -17
- package/dist/components/VvTooltip/VvTooltip.es.js +33 -9
- package/dist/components/VvTooltip/VvTooltip.umd.js +1 -1
- package/dist/components/VvTooltip/VvTooltip.vue.d.ts +9 -2
- package/dist/components/VvTooltip/index.d.ts +4 -1
- package/dist/components/index.es.js +178 -232
- package/dist/components/index.umd.js +1 -1
- package/dist/composables/useComponentIcon.d.ts +9 -8
- package/dist/directives/index.es.js +33 -9
- package/dist/directives/index.umd.js +1 -1
- package/dist/directives/v-tooltip.es.js +33 -9
- package/dist/directives/v-tooltip.umd.js +1 -1
- package/dist/icons.es.js +3 -3
- package/dist/icons.umd.js +1 -1
- package/dist/props/index.d.ts +251 -61
- package/dist/stories/AccordionGroup/AccordionGroup.stories.d.ts +15 -4
- package/dist/stories/AccordionGroup/AccordionGroupSlots.stories.d.ts +77 -22
- package/dist/stories/Icon/Icon.settings.d.ts +1 -0
- package/package.json +33 -33
- package/src/assets/icons/detailed.json +1 -1
- package/src/assets/icons/normal.json +1 -1
- package/src/assets/icons/simple.json +1 -1
- package/src/components/VvAlert/index.ts +1 -3
- package/src/components/VvAlertGroup/index.ts +2 -1
- package/src/components/VvButton/VvButton.vue +6 -6
- package/src/components/VvButton/index.ts +2 -4
- package/src/components/VvCombobox/VvCombobox.vue +5 -8
- package/src/components/VvIcon/VvIcon.vue +2 -2
- package/src/components/VvIcon/index.ts +22 -48
- package/src/components/VvInputText/VvInputText.vue +11 -12
- package/src/components/VvSelect/VvSelect.vue +5 -8
- package/src/components/VvTextarea/VvTextarea.vue +5 -8
- package/src/composables/useComponentIcon.ts +15 -14
- package/src/props/index.ts +89 -25
- package/src/stories/Icon/Icon.settings.ts +3 -3
|
@@ -64,6 +64,7 @@ const LinkProps = {
|
|
|
64
64
|
*/
|
|
65
65
|
target: {
|
|
66
66
|
type: String,
|
|
67
|
+
default: void 0,
|
|
67
68
|
validator: (value) => Object.values(AnchorTarget).includes(value)
|
|
68
69
|
},
|
|
69
70
|
/**
|
|
@@ -78,44 +79,65 @@ const DisabledProps = {
|
|
|
78
79
|
/**
|
|
79
80
|
* Whether the form control is disabled
|
|
80
81
|
*/
|
|
81
|
-
disabled:
|
|
82
|
+
disabled: {
|
|
83
|
+
type: Boolean,
|
|
84
|
+
default: false
|
|
85
|
+
}
|
|
82
86
|
};
|
|
83
87
|
const ActiveProps = {
|
|
84
88
|
/**
|
|
85
89
|
* Whether the item is active
|
|
86
90
|
*/
|
|
87
|
-
active:
|
|
91
|
+
active: {
|
|
92
|
+
type: Boolean,
|
|
93
|
+
default: false
|
|
94
|
+
}
|
|
88
95
|
};
|
|
89
96
|
const CurrentProps = {
|
|
90
97
|
/**
|
|
91
98
|
* Whether the item is current
|
|
92
99
|
*/
|
|
93
|
-
current:
|
|
100
|
+
current: {
|
|
101
|
+
type: Boolean,
|
|
102
|
+
default: false
|
|
103
|
+
}
|
|
94
104
|
};
|
|
95
105
|
const PressedProps = {
|
|
96
106
|
/**
|
|
97
107
|
* Whether the item is pressed
|
|
98
108
|
*/
|
|
99
|
-
pressed:
|
|
109
|
+
pressed: {
|
|
110
|
+
type: Boolean,
|
|
111
|
+
default: false
|
|
112
|
+
}
|
|
100
113
|
};
|
|
101
114
|
const LabelProps = {
|
|
102
115
|
/**
|
|
103
116
|
* The item label
|
|
104
117
|
*/
|
|
105
|
-
label:
|
|
118
|
+
label: {
|
|
119
|
+
type: [String, Number],
|
|
120
|
+
default: void 0
|
|
121
|
+
}
|
|
106
122
|
};
|
|
107
123
|
const ModifiersProps = {
|
|
108
124
|
/**
|
|
109
125
|
* Component BEM modifiers
|
|
110
126
|
*/
|
|
111
|
-
modifiers:
|
|
127
|
+
modifiers: {
|
|
128
|
+
type: [String, Array],
|
|
129
|
+
default: void 0
|
|
130
|
+
}
|
|
112
131
|
};
|
|
113
132
|
({
|
|
114
133
|
/**
|
|
115
134
|
* VvIcon name or props
|
|
116
135
|
* @see VVIcon
|
|
117
136
|
*/
|
|
118
|
-
icon: {
|
|
137
|
+
icon: {
|
|
138
|
+
type: [String, Object],
|
|
139
|
+
default: void 0
|
|
140
|
+
},
|
|
119
141
|
/**
|
|
120
142
|
* VvIcon position
|
|
121
143
|
*/
|
|
@@ -146,7 +168,8 @@ const ModifiersProps = {
|
|
|
146
168
|
* Dropdown show / hide transition name
|
|
147
169
|
*/
|
|
148
170
|
transitionName: {
|
|
149
|
-
type: String
|
|
171
|
+
type: String,
|
|
172
|
+
default: void 0
|
|
150
173
|
},
|
|
151
174
|
/**
|
|
152
175
|
* Offset of the dropdown from the trigger
|
|
@@ -214,7 +237,8 @@ const ModifiersProps = {
|
|
|
214
237
|
* Set dropdown width to the same as the trigger
|
|
215
238
|
*/
|
|
216
239
|
triggerWidth: {
|
|
217
|
-
type: Boolean
|
|
240
|
+
type: Boolean,
|
|
241
|
+
default: false
|
|
218
242
|
}
|
|
219
243
|
});
|
|
220
244
|
({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?module.exports=o(require("vue")):"function"==typeof define&&define.amd?define(["vue"],o):(e="undefined"!=typeof globalThis?globalThis:e||self).VvProgress=o(e.vue)}(this,(function(e){"use strict";var o=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(o||{}),t=(e=>(e.before="before",e.after="after",e))(t||{}),r=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(r||{}),n=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(n||{});Boolean,Boolean,Boolean,Boolean;const u={modifiers:[String,Array]};t.before,o.bottom,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,r.button,n.button;const l={...u,value:{type:[Number,String],default:void 0},max:{type:[Number,String]},label:{type:String,required:!0}};return e.defineComponent({name:"VvProgress",props:l,setup(o){const t=o,{value:r,max:n,label:u}=e.toRefs(t),l=e.computed((()=>void 0===t.value)),{modifiers:a}=e.toRefs(t),i=function(o,t,r){return e.computed((()=>{const n={[o]:!0},u="string"==typeof(null==t?void 0:t.value)?t.value.split(" "):null==t?void 0:t.value;return u&&Array.isArray(u)&&u.forEach((e=>{e&&(n[`${o}--${e}`]=!0)})),r&&Object.keys(r.value).forEach((t=>{n[`${o}--${t}`]=e.unref(r.value[t])})),n}))}("vv-progress",a,e.computed((()=>({indeterminate:l.value}))));return(o,t)=>(e.openBlock(),e.createElementBlock("progress",e.mergeProps({role:"progressbar"},{class:e.unref(i),ariaLabel:e.unref(u),max:e.unref(n),value:e.unref(r)}),null,16))}})}));
|
|
1
|
+
!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?module.exports=o(require("vue")):"function"==typeof define&&define.amd?define(["vue"],o):(e="undefined"!=typeof globalThis?globalThis:e||self).VvProgress=o(e.vue)}(this,(function(e){"use strict";var o=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(o||{}),t=(e=>(e.before="before",e.after="after",e))(t||{}),r=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(r||{}),n=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(n||{});Boolean,Boolean,Boolean,Boolean;const u={modifiers:{type:[String,Array],default:void 0}};t.before,o.bottom,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,r.button,n.button;const l={...u,value:{type:[Number,String],default:void 0},max:{type:[Number,String]},label:{type:String,required:!0}};return e.defineComponent({name:"VvProgress",props:l,setup(o){const t=o,{value:r,max:n,label:u}=e.toRefs(t),l=e.computed((()=>void 0===t.value)),{modifiers:a}=e.toRefs(t),i=function(o,t,r){return e.computed((()=>{const n={[o]:!0},u="string"==typeof(null==t?void 0:t.value)?t.value.split(" "):null==t?void 0:t.value;return u&&Array.isArray(u)&&u.forEach((e=>{e&&(n[`${o}--${e}`]=!0)})),r&&Object.keys(r.value).forEach((t=>{n[`${o}--${t}`]=e.unref(r.value[t])})),n}))}("vv-progress",a,e.computed((()=>({indeterminate:l.value}))));return(o,t)=>(e.openBlock(),e.createElementBlock("progress",e.mergeProps({role:"progressbar"},{class:e.unref(i),ariaLabel:e.unref(u),max:e.unref(n),value:e.unref(r)}),null,16))}})}));
|
|
@@ -10,7 +10,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
10
10
|
type: StringConstructor;
|
|
11
11
|
required: boolean;
|
|
12
12
|
};
|
|
13
|
-
modifiers:
|
|
13
|
+
modifiers: {
|
|
14
|
+
type: globalThis.PropType<string | string[]>;
|
|
15
|
+
default: undefined;
|
|
16
|
+
};
|
|
14
17
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
15
18
|
value: {
|
|
16
19
|
type: (StringConstructor | NumberConstructor)[];
|
|
@@ -23,8 +26,12 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
23
26
|
type: StringConstructor;
|
|
24
27
|
required: boolean;
|
|
25
28
|
};
|
|
26
|
-
modifiers:
|
|
29
|
+
modifiers: {
|
|
30
|
+
type: globalThis.PropType<string | string[]>;
|
|
31
|
+
default: undefined;
|
|
32
|
+
};
|
|
27
33
|
}>>, {
|
|
34
|
+
modifiers: string | string[];
|
|
28
35
|
value: string | number;
|
|
29
36
|
}, {}>;
|
|
30
37
|
export default _default;
|
|
@@ -67,6 +67,7 @@ const LinkProps = {
|
|
|
67
67
|
*/
|
|
68
68
|
target: {
|
|
69
69
|
type: String,
|
|
70
|
+
default: void 0,
|
|
70
71
|
validator: (value) => Object.values(AnchorTarget).includes(value)
|
|
71
72
|
},
|
|
72
73
|
/**
|
|
@@ -81,27 +82,33 @@ const ValidProps = {
|
|
|
81
82
|
/**
|
|
82
83
|
* Valid status
|
|
83
84
|
*/
|
|
84
|
-
valid: Boolean,
|
|
85
|
+
valid: { type: Boolean, default: false },
|
|
85
86
|
/**
|
|
86
87
|
* Valid label
|
|
87
88
|
*/
|
|
88
|
-
validLabel: [String, Array]
|
|
89
|
+
validLabel: { type: [String, Array], default: void 0 }
|
|
89
90
|
};
|
|
90
91
|
const InvalidProps = {
|
|
91
92
|
/**
|
|
92
93
|
* Invalid status
|
|
93
94
|
*/
|
|
94
|
-
invalid:
|
|
95
|
+
invalid: {
|
|
96
|
+
type: Boolean,
|
|
97
|
+
default: false
|
|
98
|
+
},
|
|
95
99
|
/**
|
|
96
100
|
* Invalid label
|
|
97
101
|
*/
|
|
98
|
-
invalidLabel: [String, Array]
|
|
102
|
+
invalidLabel: { type: [String, Array], default: void 0 }
|
|
99
103
|
};
|
|
100
104
|
const LoadingProps = {
|
|
101
105
|
/**
|
|
102
106
|
* Loading status
|
|
103
107
|
*/
|
|
104
|
-
loading:
|
|
108
|
+
loading: {
|
|
109
|
+
type: Boolean,
|
|
110
|
+
default: false
|
|
111
|
+
},
|
|
105
112
|
/**
|
|
106
113
|
* Loading label
|
|
107
114
|
*/
|
|
@@ -114,43 +121,64 @@ const DisabledProps = {
|
|
|
114
121
|
/**
|
|
115
122
|
* Whether the form control is disabled
|
|
116
123
|
*/
|
|
117
|
-
disabled:
|
|
124
|
+
disabled: {
|
|
125
|
+
type: Boolean,
|
|
126
|
+
default: false
|
|
127
|
+
}
|
|
118
128
|
};
|
|
119
129
|
const ActiveProps = {
|
|
120
130
|
/**
|
|
121
131
|
* Whether the item is active
|
|
122
132
|
*/
|
|
123
|
-
active:
|
|
133
|
+
active: {
|
|
134
|
+
type: Boolean,
|
|
135
|
+
default: false
|
|
136
|
+
}
|
|
124
137
|
};
|
|
125
138
|
const CurrentProps = {
|
|
126
139
|
/**
|
|
127
140
|
* Whether the item is current
|
|
128
141
|
*/
|
|
129
|
-
current:
|
|
142
|
+
current: {
|
|
143
|
+
type: Boolean,
|
|
144
|
+
default: false
|
|
145
|
+
}
|
|
130
146
|
};
|
|
131
147
|
const PressedProps = {
|
|
132
148
|
/**
|
|
133
149
|
* Whether the item is pressed
|
|
134
150
|
*/
|
|
135
|
-
pressed:
|
|
151
|
+
pressed: {
|
|
152
|
+
type: Boolean,
|
|
153
|
+
default: false
|
|
154
|
+
}
|
|
136
155
|
};
|
|
137
156
|
const LabelProps = {
|
|
138
157
|
/**
|
|
139
158
|
* The item label
|
|
140
159
|
*/
|
|
141
|
-
label:
|
|
160
|
+
label: {
|
|
161
|
+
type: [String, Number],
|
|
162
|
+
default: void 0
|
|
163
|
+
}
|
|
142
164
|
};
|
|
143
165
|
const ReadonlyProps = {
|
|
144
166
|
/**
|
|
145
167
|
* The value is not editable
|
|
146
168
|
*/
|
|
147
|
-
readonly:
|
|
169
|
+
readonly: {
|
|
170
|
+
type: Boolean,
|
|
171
|
+
default: false
|
|
172
|
+
}
|
|
148
173
|
};
|
|
149
174
|
const ModifiersProps = {
|
|
150
175
|
/**
|
|
151
176
|
* Component BEM modifiers
|
|
152
177
|
*/
|
|
153
|
-
modifiers:
|
|
178
|
+
modifiers: {
|
|
179
|
+
type: [String, Array],
|
|
180
|
+
default: void 0
|
|
181
|
+
}
|
|
154
182
|
};
|
|
155
183
|
const HintProps = {
|
|
156
184
|
hintLabel: { type: String, default: "" }
|
|
@@ -160,7 +188,10 @@ const HintProps = {
|
|
|
160
188
|
* VvIcon name or props
|
|
161
189
|
* @see VVIcon
|
|
162
190
|
*/
|
|
163
|
-
icon: {
|
|
191
|
+
icon: {
|
|
192
|
+
type: [String, Object],
|
|
193
|
+
default: void 0
|
|
194
|
+
},
|
|
164
195
|
/**
|
|
165
196
|
* VvIcon position
|
|
166
197
|
*/
|
|
@@ -205,7 +236,8 @@ const IdProps = {
|
|
|
205
236
|
* Dropdown show / hide transition name
|
|
206
237
|
*/
|
|
207
238
|
transitionName: {
|
|
208
|
-
type: String
|
|
239
|
+
type: String,
|
|
240
|
+
default: void 0
|
|
209
241
|
},
|
|
210
242
|
/**
|
|
211
243
|
* Offset of the dropdown from the trigger
|
|
@@ -273,7 +305,8 @@ const IdProps = {
|
|
|
273
305
|
* Set dropdown width to the same as the trigger
|
|
274
306
|
*/
|
|
275
307
|
triggerWidth: {
|
|
276
|
-
type: Boolean
|
|
308
|
+
type: Boolean,
|
|
309
|
+
default: false
|
|
277
310
|
}
|
|
278
311
|
});
|
|
279
312
|
const IdNameProps = {
|
|
@@ -300,11 +333,17 @@ const CheckboxRadioProps = {
|
|
|
300
333
|
* Input value
|
|
301
334
|
* @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value
|
|
302
335
|
*/
|
|
303
|
-
value:
|
|
336
|
+
value: {
|
|
337
|
+
type: [String, Number, Boolean],
|
|
338
|
+
default: void 0
|
|
339
|
+
},
|
|
304
340
|
/**
|
|
305
341
|
* Input value
|
|
306
342
|
*/
|
|
307
|
-
modelValue:
|
|
343
|
+
modelValue: {
|
|
344
|
+
type: [Object, Number, Boolean, String],
|
|
345
|
+
default: void 0
|
|
346
|
+
}
|
|
308
347
|
};
|
|
309
348
|
({
|
|
310
349
|
...DisabledProps,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(e,
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue"),require("uid")):"function"==typeof define&&define.amd?define(["vue","uid"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VvRadio=t(e.vue,e.uid)}(this,(function(e,t){"use strict";var l=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(l||{}),a=(e=>(e.before="before",e.after="after",e))(a||{}),n=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(n||{}),o=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(o||{});const i=Symbol.for("volver"),r=Symbol.for("radioGroup"),u={valid:{type:Boolean,default:!1},validLabel:{type:[String,Array],default:void 0}},d={invalid:{type:Boolean,default:!1},invalidLabel:{type:[String,Array],default:void 0}},s={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},v={disabled:{type:Boolean,default:!1}},f=(Boolean,Boolean,Boolean,{label:{type:[String,Number],default:void 0}}),c={readonly:{type:Boolean,default:!1}},p={modifiers:{type:[String,Array],default:void 0}},b={hintLabel:{type:String,default:""}};a.before;const m={tabindex:{type:[String,Number],default:0}},g={id:[String,Number]};l.bottom,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean;const h={...{...g,name:{type:String,required:!0}},...m,...u,...d,...b,...v,...c,...p,...f,...s,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[Object,Number,Boolean,String],default:void 0}};function y(e,t,l){return l?L(e,l)===L(t,l):S(e,t)}function S(e,t){if(e===t)return!0;if(e&&t&&"object"==typeof e&&"object"==typeof t){const l=Array.isArray(e),a=Array.isArray(t);let n,o,i;if(l&&a){if(o=e.length,o!=t.length)return!1;for(n=o;0!=n--;)if(!S(e[n],t[n]))return!1;return!0}if(l!=a)return!1;const r=e instanceof Date,u=t instanceof Date;if(r!=u)return!1;if(r&&u)return e.getTime()==t.getTime();const d=e instanceof RegExp,s=t instanceof RegExp;if(d!=s)return!1;if(d&&s)return e.toString()==t.toString();const v=Object.keys(e);if(o=v.length,o!==Object.keys(t).length)return!1;for(n=o;0!=n--;)if(!Object.prototype.hasOwnProperty.call(t,v[n]))return!1;for(n=o;0!=n--;)if(i=v[n],!S(e[i],t[i]))return!1;return!0}return e!=e&&t!=t}function L(e,t){if(e&&Object.keys(e).length&&t){if(-1===t.indexOf("."))return e[t];{const l=t.split(".");let a=e;for(let t=0,n=l.length;t<n;++t){if(null==e)return null;a=a[l[t]]}return a}}return null}function O(t){const l=e.inject(t,void 0),a=e.computed((()=>{return t=l,!(null==(a=e.unref(t))||""===a||Array.isArray(a)&&0===a.length||!(a instanceof Date)&&"object"==typeof a&&0===Object.keys(a).length);var t,a}));return{group:l,isInGroup:a,getGroupOrLocalRef:function(t,a,n){if(null==l?void 0:l.value){const a=e.unref(l.value)[t];return e.computed({get:()=>null==a?void 0:a.value,set(e){a.value=e}})}const o=e.toRef(a,t);return e.computed({get:()=>o.value,set(e){n&&n(`update:${t}`,e)}})}}}n.button,o.button;const B=h;function $(e){return Array.isArray(e)?e.filter((e=>{return"string"==typeof(t=e)||t instanceof String;var t})).join(" "):e}function V(t,l,a){const n=e.inject(i),o=e.computed((()=>{var e;if(n&&(null==(e=n.defaults.value)?void 0:e[t]))return n.defaults.value[t]}));return e.computed((()=>{if(void 0===o.value)return a;const e=o.value,t=l,n=a;return Object.keys(t).reduce(((l,a)=>{const o=n[a];if(l[a]=o,a in e){if(Array.isArray(t[a])){const n=t[a];if(n.length){n[0]===o&&(l[a]=e[a])}}if("function"==typeof t[a]){(0,t[a])()===o&&(l[a]=e[a])}if("object"==typeof t[a]){let n=t[a].default;"function"==typeof n&&(n=n()),"object"==typeof n?JSON.stringify(n)===JSON.stringify(o)&&(l[a]=e[a]):n===o&&(l[a]=e[a])}}return l}),{})}))}const A=["for"],k=["id","name","disabled","value","tabindex","aria-invalid","aria-describedby","aria-errormessage"];return e.defineComponent({name:"VvRadio",props:B,emits:["click","update:modelValue","change","blur"],setup(l,{emit:a}){const n=l,o=e.useSlots(),i=V("VvRadio",B,n),{id:u,disabled:d,readonly:s,modelValue:v,valid:f,invalid:c}=function(t,l){const{id:a}=e.toRefs(t),{group:n,isInGroup:o,getGroupOrLocalRef:i}=O(r),u=i("modelValue",t,l),d=i("valid",t),s=i("invalid",t),v=e.computed((()=>{var e;return Boolean(t.readonly||(null==(e=null==n?void 0:n.value)?void 0:e.readonly.value))})),f=e.computed((()=>{var e;return Boolean(t.disabled||(null==(e=null==n?void 0:n.value)?void 0:e.disabled.value))}));return{id:a,group:n,isInGroup:o,modelValue:u,valid:d,invalid:s,readonly:v,disabled:f}}(n,a),p=(l=>e.computed((()=>String((null==l?void 0:l.value)||t.uid()))))(u),b=e.computed((()=>`${p.value}-hint`)),m=e.computed((()=>h.value?-1:n.tabindex)),g=e.ref(),h=e.computed((()=>d.value||s.value)),S=e.computed((()=>!0===c.value||!0!==f.value&&void 0)),L=e.computed((()=>Array.isArray(v.value)?function(e,t){if(null!=e&&t&&t.length)for(const l of t)if(y(e,l))return!0;return!1}(n.value,v.value):y(n.value,v.value))),j=e.computed((()=>!["string","number","boolean"].includes(typeof n.value)||n.value)),R=e.computed({get:()=>L.value?j.value:null,set(e){Array.isArray(v.value)?v.value=[n.value]:v.value=n.value,a("change",e)}}),{modifiers:x}=e.toRefs(n),N=function(t,l,a){return e.computed((()=>{const n={[t]:!0},o="string"==typeof(null==l?void 0:l.value)?l.value.split(" "):null==l?void 0:l.value;return o&&Array.isArray(o)&&o.forEach((e=>{e&&(n[`${t}--${e}`]=!0)})),a&&Object.keys(a.value).forEach((l=>{n[`${t}--${l}`]=e.unref(a.value[l])})),n}))}("vv-radio",x,e.computed((()=>({valid:f.value,invalid:c.value,disabled:d.value,readonly:s.value})))),{HintSlot:P,hasHintLabelOrSlot:I,hasInvalidLabelOrSlot:C,hintSlotScope:w}=function(t,l){const a=e.computed((()=>e.isRef(t)?t.value:t)),n=e.computed((()=>$(a.value.invalidLabel))),o=e.computed((()=>$(a.value.validLabel))),i=e.computed((()=>a.value.loadingLabel)),r=e.computed((()=>a.value.hintLabel)),u=e.computed((()=>Boolean(a.value.loading&&(l.loading||i.value)))),d=e.computed((()=>!u.value&&Boolean(a.value.invalid&&(l.invalid||n.value)))),s=e.computed((()=>!u.value&&!d.value&&Boolean(a.value.valid&&(l.valid||o.value)))),v=e.computed((()=>!u.value&&!d.value&&!s.value&&Boolean(l.hint||r.value))),f=e.computed((()=>d.value||s.value||u.value||v.value)),c=e.computed((()=>({modelValue:a.value.modelValue,valid:a.value.valid,invalid:a.value.invalid,loading:a.value.loading}))),p=e.defineComponent({name:"HintSlot",props:{tag:{type:String,default:"small"}},setup:()=>({isVisible:f,invalidLabel:n,validLabel:o,loadingLabel:i,hintLabel:r,hasInvalidLabelOrSlot:d,hasValidLabelOrSlot:s,hasLoadingLabelOrSlot:u,hasHintLabelOrSlot:v}),render(){var t,l,a,n,o,i,r,u;if(this.isVisible){let d;return this.hasInvalidLabelOrSlot&&(d="alert"),this.hasValidLabelOrSlot&&(d="status"),this.hasLoadingLabelOrSlot?e.h(this.tag,{role:d},(null==(l=(t=this.$slots).loading)?void 0:l.call(t))??this.loadingLabel):this.hasInvalidLabelOrSlot?e.h(this.tag,{role:d},(null==(n=(a=this.$slots).invalid)?void 0:n.call(a))??this.$slots.invalid??this.invalidLabel):this.hasValidLabelOrSlot?e.h(this.tag,{role:d},(null==(i=(o=this.$slots).valid)?void 0:i.call(o))??this.validLabel):e.h(this.tag,{role:d},(null==(u=(r=this.$slots).hint)?void 0:u.call(r))??this.$slots.hint??this.hintLabel)}return null}});return{hasInvalidLabelOrSlot:d,hasHintLabelOrSlot:v,hasValidLabelOrSlot:s,hasLoadingLabelOrSlot:u,hintSlotScope:c,HintSlot:p}}(i,o);return(t,l)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(e.unref(N)),for:e.unref(p)},[e.withDirectives(e.createElementVNode("input",{id:e.unref(p),ref_key:"input",ref:g,"onUpdate:modelValue":l[0]||(l[0]=t=>e.isRef(R)?R.value=t:null),type:"radio",class:"vv-radio__input",name:t.name,disabled:e.unref(h),value:e.unref(j),tabindex:e.unref(m),"aria-invalid":e.unref(S),"aria-describedby":e.unref(I)?e.unref(b):void 0,"aria-errormessage":e.unref(C)?e.unref(b):void 0},null,8,k),[[e.vModelRadio,e.unref(R)]]),e.renderSlot(t.$slots,"default",{value:e.unref(v)},(()=>[e.createTextVNode(e.toDisplayString(t.label),1)])),e.createVNode(e.unref(P),{id:e.unref(b),class:"vv-radio__hint"},e.createSlots({_:2},[t.$slots.hint?{name:"hint",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"hint",e.normalizeProps(e.guardReactiveProps(e.unref(w))))])),key:"0"}:void 0,t.$slots.loading?{name:"loading",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"loading",e.normalizeProps(e.guardReactiveProps(e.unref(w))))])),key:"1"}:void 0,t.$slots.valid?{name:"valid",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"valid",e.normalizeProps(e.guardReactiveProps(e.unref(w))))])),key:"2"}:void 0,t.$slots.invalid?{name:"invalid",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"invalid",e.normalizeProps(e.guardReactiveProps(e.unref(w))))])),key:"3"}:void 0]),1032,["id"])],10,A))}})}));
|
|
@@ -1,23 +1,56 @@
|
|
|
1
1
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
2
|
-
value:
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
value: {
|
|
3
|
+
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
|
|
4
|
+
default: undefined;
|
|
5
|
+
};
|
|
6
|
+
modelValue: {
|
|
7
|
+
type: (ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
|
|
8
|
+
default: undefined;
|
|
9
|
+
};
|
|
10
|
+
loading: {
|
|
11
|
+
type: BooleanConstructor;
|
|
12
|
+
default: boolean;
|
|
13
|
+
};
|
|
5
14
|
loadingLabel: {
|
|
6
15
|
type: StringConstructor;
|
|
7
16
|
default: string;
|
|
8
17
|
};
|
|
9
|
-
label:
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
18
|
+
label: {
|
|
19
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
20
|
+
default: undefined;
|
|
21
|
+
};
|
|
22
|
+
modifiers: {
|
|
23
|
+
type: globalThis.PropType<string | string[]>;
|
|
24
|
+
default: undefined;
|
|
25
|
+
};
|
|
26
|
+
readonly: {
|
|
27
|
+
type: BooleanConstructor;
|
|
28
|
+
default: boolean;
|
|
29
|
+
};
|
|
30
|
+
disabled: {
|
|
31
|
+
type: BooleanConstructor;
|
|
32
|
+
default: boolean;
|
|
33
|
+
};
|
|
13
34
|
hintLabel: {
|
|
14
35
|
type: StringConstructor;
|
|
15
36
|
default: string;
|
|
16
37
|
};
|
|
17
|
-
invalid:
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
38
|
+
invalid: {
|
|
39
|
+
type: BooleanConstructor;
|
|
40
|
+
default: boolean;
|
|
41
|
+
};
|
|
42
|
+
invalidLabel: {
|
|
43
|
+
type: (ArrayConstructor | StringConstructor)[];
|
|
44
|
+
default: undefined;
|
|
45
|
+
};
|
|
46
|
+
valid: {
|
|
47
|
+
type: BooleanConstructor;
|
|
48
|
+
default: boolean;
|
|
49
|
+
};
|
|
50
|
+
validLabel: {
|
|
51
|
+
type: (ArrayConstructor | StringConstructor)[];
|
|
52
|
+
default: undefined;
|
|
53
|
+
};
|
|
21
54
|
tabindex: {
|
|
22
55
|
type: (StringConstructor | NumberConstructor)[];
|
|
23
56
|
default: number;
|
|
@@ -30,25 +63,58 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
30
63
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
31
64
|
[x: string]: (...args: any[]) => void;
|
|
32
65
|
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
33
|
-
value:
|
|
34
|
-
|
|
35
|
-
|
|
66
|
+
value: {
|
|
67
|
+
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
|
|
68
|
+
default: undefined;
|
|
69
|
+
};
|
|
70
|
+
modelValue: {
|
|
71
|
+
type: (ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
|
|
72
|
+
default: undefined;
|
|
73
|
+
};
|
|
74
|
+
loading: {
|
|
75
|
+
type: BooleanConstructor;
|
|
76
|
+
default: boolean;
|
|
77
|
+
};
|
|
36
78
|
loadingLabel: {
|
|
37
79
|
type: StringConstructor;
|
|
38
80
|
default: string;
|
|
39
81
|
};
|
|
40
|
-
label:
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
82
|
+
label: {
|
|
83
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
84
|
+
default: undefined;
|
|
85
|
+
};
|
|
86
|
+
modifiers: {
|
|
87
|
+
type: globalThis.PropType<string | string[]>;
|
|
88
|
+
default: undefined;
|
|
89
|
+
};
|
|
90
|
+
readonly: {
|
|
91
|
+
type: BooleanConstructor;
|
|
92
|
+
default: boolean;
|
|
93
|
+
};
|
|
94
|
+
disabled: {
|
|
95
|
+
type: BooleanConstructor;
|
|
96
|
+
default: boolean;
|
|
97
|
+
};
|
|
44
98
|
hintLabel: {
|
|
45
99
|
type: StringConstructor;
|
|
46
100
|
default: string;
|
|
47
101
|
};
|
|
48
|
-
invalid:
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
102
|
+
invalid: {
|
|
103
|
+
type: BooleanConstructor;
|
|
104
|
+
default: boolean;
|
|
105
|
+
};
|
|
106
|
+
invalidLabel: {
|
|
107
|
+
type: (ArrayConstructor | StringConstructor)[];
|
|
108
|
+
default: undefined;
|
|
109
|
+
};
|
|
110
|
+
valid: {
|
|
111
|
+
type: BooleanConstructor;
|
|
112
|
+
default: boolean;
|
|
113
|
+
};
|
|
114
|
+
validLabel: {
|
|
115
|
+
type: (ArrayConstructor | StringConstructor)[];
|
|
116
|
+
default: undefined;
|
|
117
|
+
};
|
|
52
118
|
tabindex: {
|
|
53
119
|
type: (StringConstructor | NumberConstructor)[];
|
|
54
120
|
default: number;
|
|
@@ -63,9 +129,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
63
129
|
disabled: boolean;
|
|
64
130
|
valid: boolean;
|
|
65
131
|
invalid: boolean;
|
|
132
|
+
modelValue: string | number | boolean | Record<string, any>;
|
|
133
|
+
modifiers: string | string[];
|
|
134
|
+
label: string | number;
|
|
135
|
+
value: string | number | boolean;
|
|
66
136
|
loading: boolean;
|
|
67
137
|
loadingLabel: string;
|
|
68
138
|
hintLabel: string;
|
|
139
|
+
invalidLabel: string | unknown[];
|
|
140
|
+
validLabel: string | unknown[];
|
|
69
141
|
tabindex: string | number;
|
|
70
142
|
}, {}>, {
|
|
71
143
|
default?(_: {
|
|
@@ -1,25 +1,58 @@
|
|
|
1
1
|
import type { ExtractPropTypes, Ref } from 'vue';
|
|
2
2
|
import type { InputGroupState } from '../../types/group';
|
|
3
3
|
export declare const VvRadioProps: {
|
|
4
|
-
value:
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
value: {
|
|
5
|
+
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
|
|
6
|
+
default: undefined;
|
|
7
|
+
};
|
|
8
|
+
modelValue: {
|
|
9
|
+
type: (ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
|
|
10
|
+
default: undefined;
|
|
11
|
+
};
|
|
12
|
+
loading: {
|
|
13
|
+
type: BooleanConstructor;
|
|
14
|
+
default: boolean;
|
|
15
|
+
};
|
|
7
16
|
loadingLabel: {
|
|
8
17
|
type: StringConstructor;
|
|
9
18
|
default: string;
|
|
10
19
|
};
|
|
11
|
-
label:
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
20
|
+
label: {
|
|
21
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
22
|
+
default: undefined;
|
|
23
|
+
};
|
|
24
|
+
modifiers: {
|
|
25
|
+
type: globalThis.PropType<string | string[]>;
|
|
26
|
+
default: undefined;
|
|
27
|
+
};
|
|
28
|
+
readonly: {
|
|
29
|
+
type: BooleanConstructor;
|
|
30
|
+
default: boolean;
|
|
31
|
+
};
|
|
32
|
+
disabled: {
|
|
33
|
+
type: BooleanConstructor;
|
|
34
|
+
default: boolean;
|
|
35
|
+
};
|
|
15
36
|
hintLabel: {
|
|
16
37
|
type: StringConstructor;
|
|
17
38
|
default: string;
|
|
18
39
|
};
|
|
19
|
-
invalid:
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
40
|
+
invalid: {
|
|
41
|
+
type: BooleanConstructor;
|
|
42
|
+
default: boolean;
|
|
43
|
+
};
|
|
44
|
+
invalidLabel: {
|
|
45
|
+
type: (ArrayConstructor | StringConstructor)[];
|
|
46
|
+
default: undefined;
|
|
47
|
+
};
|
|
48
|
+
valid: {
|
|
49
|
+
type: BooleanConstructor;
|
|
50
|
+
default: boolean;
|
|
51
|
+
};
|
|
52
|
+
validLabel: {
|
|
53
|
+
type: (ArrayConstructor | StringConstructor)[];
|
|
54
|
+
default: undefined;
|
|
55
|
+
};
|
|
23
56
|
tabindex: {
|
|
24
57
|
type: (StringConstructor | NumberConstructor)[];
|
|
25
58
|
default: number;
|