@vuecs/forms 5.1.0 → 5.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -2,6 +2,10 @@ import type { ComponentThemeDefinition, ThemeClassesOverride, ThemeElementDefini
|
|
|
2
2
|
import type { ExtractPublicPropTypes, PropType, SlotsType } from 'vue';
|
|
3
3
|
export type FormInputThemeClasses = {
|
|
4
4
|
root: string;
|
|
5
|
+
/** Applied to the `<input>` (in addition to `root`) when a prepend is present — squares the adjacent corner so the group reads as one element. */
|
|
6
|
+
rootGroupStart: string;
|
|
7
|
+
/** Applied to the `<input>` (in addition to `root`) when an append is present — squares the adjacent corner so the group reads as one element. */
|
|
8
|
+
rootGroupEnd: string;
|
|
5
9
|
group: string;
|
|
6
10
|
groupAppend: string;
|
|
7
11
|
groupPrepend: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/form-input/FormInput.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FormInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/form-input/FormInput.vue"],"names":[],"mappings":"AAwLA,OAAO,KAAK,EACR,wBAAwB,EACxB,oBAAoB,EACpB,sBAAsB,EACtB,aAAa,EAChB,MAAM,aAAa,CAAC;AAErB,OAAO,KAAK,EACR,sBAAsB,EACtB,QAAQ,EACR,SAAS,EAEZ,MAAM,KAAK,CAAC;AAUb,MAAM,MAAM,qBAAqB,GAAG;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,kJAAkJ;IAClJ,cAAc,EAAE,MAAM,CAAC;IACvB,kJAAkJ;IAClJ,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,OAAO,QAAQ,aAAa,CAAC;IACzB,UAAU,aAAa;QACnB,SAAS,CAAC,EAAE,sBAAsB,CAAC,qBAAqB,CAAC,CAAC;KAC7D;CACJ;AAED,eAAO,MAAM,sBAAsB,EAAE,wBAAwB,CAAC,qBAAqB,CAalF,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,QAAA,MAAM,cAAc;IAChB;;;;;;;;OAQG;;cACmC,QAAQ,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;;IACzE,uCAAuC;;;;;IAEvC,gFAAgF;;;;;IAEhF,8GAA8G;;;;;IAE9G,0DAA0D;;;;;IAE1D,4GAA4G;;;;;IAE5G,yDAAyD;;;;;IAEzD,uFAAuF;;;;;IAEvF,yDAAyD;;cAC3B,QAAQ,CAAC,oBAAoB,CAAC,qBAAqB,CAAC,CAAC;;;IACnF,wDAAwD;;cACxB,QAAQ,CAAC,aAAa,CAAC;;;CAC1D,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,sBAAsB,CAAC,OAAO,cAAc,CAAC,CAAC;wBAEtD,OAAO,YAAY;AAAxC,wBAAyC;AAQzC,QAAA,MAAM,YAAY;IAxCd;;;;;;;;OAQG;;cACmC,QAAQ,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;;IACzE,uCAAuC;;;;;IAEvC,gFAAgF;;;;;IAEhF,8GAA8G;;;;;IAE9G,0DAA0D;;;;;IAE1D,4GAA4G;;;;;IAE5G,yDAAyD;;;;;IAEzD,uFAAuF;;;;;IAEvF,yDAAyD;;cAC3B,QAAQ,CAAC,oBAAoB,CAAC,qBAAqB,CAAC,CAAC;;;IACnF,wDAAwD;;cACxB,QAAQ,CAAC,aAAa,CAAC;;;;;;IA3BvD;;;;;;;;OAQG;;cACmC,QAAQ,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;;IACzE,uCAAuC;;;;;IAEvC,gFAAgF;;;;;IAEhF,8GAA8G;;;;;IAE9G,0DAA0D;;;;;IAE1D,4GAA4G;;;;;IAE5G,yDAAyD;;;;;IAEzD,uFAAuF;;;;;IAEvF,yDAAyD;;cAC3B,QAAQ,CAAC,oBAAoB,CAAC,qBAAqB,CAAC,CAAC;;;IACnF,wDAAwD;;cACxB,QAAQ,CAAC,aAAa,CAAC;;;;;;;;;;;;;;;;iBAuBtC,uBAAuB;kBACtB,uBAAuB;yEAyE3C,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/form-select/FormSelect.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FormSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/form-select/FormSelect.vue"],"names":[],"mappings":"AAmNA,OAAO,KAAK,EACR,sBAAsB,EACtB,wBAAwB,EACxB,oBAAoB,EACpB,sBAAsB,EACtB,aAAa,EAChB,MAAM,aAAa,CAAC;AAerB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,KAAK,EACR,sBAAsB,EACtB,QAAQ,EACR,KAAK,EAER,MAAM,KAAK,CAAC;AAMb,OAAO,EAGH,KAAK,eAAe,EAEvB,MAAM,oBAAoB,CAAC;AAE5B,MAAM,MAAM,sBAAsB,GAAG;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC7B;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,OAAO,QAAQ,aAAa,CAAC;IACzB,UAAU,aAAa;QACnB,UAAU,CAAC,EAAE,sBAAsB,CAAC,sBAAsB,CAAC,CAAC;KAC/D;IACD,UAAU,iBAAiB;QACvB,UAAU,CAAC,EAAE,sBAAsB,CAAC,kBAAkB,CAAC,CAAC;KAC3D;CACJ;AAED,eAAO,MAAM,uBAAuB,EAAE,wBAAwB,CAAC,sBAAsB,CAapF,CAAC;AAmCF,QAAA,MAAM,eAAe;IACjB,iCAAiC;;cAEoB,QAAQ,CAAC,eAAe,GAAG,SAAS,CAAC;;;IAG1F,mEAAmE;;cAEhD,QAAQ,CAAC,eAAe,CAAC;;;IAG5C,0IAA0I;;;;;IAE1I,6DAA6D;;;;;IAE7D,uDAAuD;;;;;IAEvD,4EAA4E;;;;;IAE5E,yDAAyD;;cAC3B,QAAQ,CAAC,oBAAoB,CAAC,sBAAsB,CAAC,CAAC;;;IACpF,wDAAwD;;cACxB,QAAQ,CAAC,aAAa,CAAC;;;CAC1D,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,sBAAsB,CAAC,OAAO,eAAe,CAAC,CAAC;wBAExD,OAAO,YAAY;AAAxC,wBAAyC;AAQzC,QAAA,MAAM,YAAY;IAlCd,iCAAiC;;cAEoB,QAAQ,CAAC,eAAe,GAAG,SAAS,CAAC;;;IAG1F,mEAAmE;;cAEhD,QAAQ,CAAC,eAAe,CAAC;;;IAG5C,0IAA0I;;;;;IAE1I,6DAA6D;;;;;IAE7D,uDAAuD;;;;;IAEvD,4EAA4E;;;;;IAE5E,yDAAyD;;cAC3B,QAAQ,CAAC,oBAAoB,CAAC,sBAAsB,CAAC,CAAC;;;IACpF,wDAAwD;;cACxB,QAAQ,CAAC,aAAa,CAAC;;;;;;IArBvD,iCAAiC;;cAEoB,QAAQ,CAAC,eAAe,GAAG,SAAS,CAAC;;;IAG1F,mEAAmE;;cAEhD,QAAQ,CAAC,eAAe,CAAC;;;IAG5C,0IAA0I;;;;;IAE1I,6DAA6D;;;;;IAE7D,uDAAuD;;;;;IAEvD,4EAA4E;;;;;IAE5E,yDAAyD;;cAC3B,QAAQ,CAAC,oBAAoB,CAAC,sBAAsB,CAAC,CAAC;;;IACpF,wDAAwD;;cACxB,QAAQ,CAAC,aAAa,CAAC;;;;;;;;;;;;;4EAsEzD,CAAC"}
|
package/dist/index.mjs
CHANGED
|
@@ -442,6 +442,8 @@ var FormGroup_default = defineComponent({
|
|
|
442
442
|
//#region src/components/form-input/FormInput.vue?vue&type=script&lang.ts
|
|
443
443
|
const formInputThemeDefaults = { classes: {
|
|
444
444
|
root: "vc-form-input",
|
|
445
|
+
rootGroupStart: "",
|
|
446
|
+
rootGroupEnd: "",
|
|
445
447
|
group: "vc-form-input-group",
|
|
446
448
|
groupAppend: "vc-form-input-group-append",
|
|
447
449
|
groupPrepend: "vc-form-input-group-prepend"
|
|
@@ -529,6 +531,8 @@ var FormInput_default = defineComponent({
|
|
|
529
531
|
return () => {
|
|
530
532
|
const resolved = theme.value;
|
|
531
533
|
const children = [];
|
|
534
|
+
const hasPrepend = !!(slots.groupPrepend || props.groupPrepend);
|
|
535
|
+
const hasAppend = !!(slots.groupAppend || props.groupAppend);
|
|
532
536
|
if (slots.groupPrepend) children.push(slots.groupPrepend({
|
|
533
537
|
class: resolved.groupPrepend,
|
|
534
538
|
tag: "div"
|
|
@@ -536,7 +540,11 @@ var FormInput_default = defineComponent({
|
|
|
536
540
|
else if (props.groupPrepend) children.push(h("div", { class: resolved.groupPrepend || void 0 }, [props.groupPrependContent]));
|
|
537
541
|
children.push(h("input", mergeProps({
|
|
538
542
|
type: props.type,
|
|
539
|
-
class:
|
|
543
|
+
class: [
|
|
544
|
+
resolved.root,
|
|
545
|
+
hasPrepend ? resolved.rootGroupStart : void 0,
|
|
546
|
+
hasAppend ? resolved.rootGroupEnd : void 0
|
|
547
|
+
],
|
|
540
548
|
onInput,
|
|
541
549
|
value: localValue.value
|
|
542
550
|
}, attrs)));
|
|
@@ -1027,12 +1035,16 @@ var FormSelect_default = defineComponent({
|
|
|
1027
1035
|
setup(props, { attrs, emit }) {
|
|
1028
1036
|
const theme = useComponentTheme("formSelect", useFormInputThemeProps(props), formSelectThemeDefaults);
|
|
1029
1037
|
const defaults = useComponentDefaults("formSelect", props, behavioralDefaults$1);
|
|
1038
|
+
const renderItems = () => {
|
|
1039
|
+
const classes = theme.value;
|
|
1040
|
+
const items = [];
|
|
1041
|
+
for (const item of props.options) if (isFormOptionGroup(item)) items.push(renderGroup(item, classes));
|
|
1042
|
+
else items.push(renderItem(item, classes));
|
|
1043
|
+
return items;
|
|
1044
|
+
};
|
|
1030
1045
|
return () => {
|
|
1031
1046
|
const resolved = theme.value;
|
|
1032
1047
|
const { placeholder } = defaults.value;
|
|
1033
|
-
const items = [];
|
|
1034
|
-
for (const item of props.options) if (isFormOptionGroup(item)) items.push(renderGroup(item, resolved));
|
|
1035
|
-
else items.push(renderItem(item, resolved));
|
|
1036
1048
|
return h(SelectRoot, {
|
|
1037
1049
|
name: props.name,
|
|
1038
1050
|
modelValue: props.modelValue,
|
|
@@ -1047,7 +1059,7 @@ var FormSelect_default = defineComponent({
|
|
|
1047
1059
|
}), h(SelectIcon, { class: resolved.icon || void 0 }, () => "▾")]), h(SelectPortal, null, () => [h(SelectContent, {
|
|
1048
1060
|
class: resolved.content || void 0,
|
|
1049
1061
|
position: "popper"
|
|
1050
|
-
}, () => [h(SelectViewport, { class: resolved.viewport || void 0 }, () =>
|
|
1062
|
+
}, () => [h(SelectViewport, { class: resolved.viewport || void 0 }, () => renderItems())])])] });
|
|
1051
1063
|
};
|
|
1052
1064
|
}
|
|
1053
1065
|
});
|