@volverjs/ui-vue 0.0.9-beta.12 → 0.0.9-beta.14
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/auto-imports.d.ts +2 -1
- package/dist/components/VvAlertGroup/VvAlertGroup.vue.d.ts +3 -3
- package/dist/components/VvAlertGroup/index.d.ts +1 -1
- package/dist/components/VvCombobox/VvCombobox.es.js +5 -3
- package/dist/components/VvCombobox/VvCombobox.umd.js +1 -1
- package/dist/components/VvCombobox/VvCombobox.vue.d.ts +291 -84
- package/dist/components/VvCombobox/index.d.ts +96 -27
- package/dist/components/VvDropdown/VvDropdown.es.js +5 -3
- package/dist/components/VvDropdown/VvDropdown.umd.js +1 -1
- package/dist/components/VvDropdown/VvDropdown.vue.d.ts +290 -83
- package/dist/components/VvDropdown/index.d.ts +96 -27
- package/dist/components/VvSelect/VvSelect.vue.d.ts +1 -1
- package/dist/components/index.es.js +5 -3
- package/dist/components/index.umd.js +1 -1
- package/dist/icons.es.js +3 -3
- package/dist/icons.umd.js +1 -1
- package/dist/props/index.d.ts +96 -27
- package/dist/stories/AccordionGroup/AccordionGroup.stories.d.ts +2 -2
- package/dist/stories/AccordionGroup/AccordionGroupSlots.stories.d.ts +18 -18
- package/package.json +37 -37
- 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/VvDropdown/VvDropdown.vue +7 -6
|
@@ -42,33 +42,94 @@ export declare const VvDropdownProps: {
|
|
|
42
42
|
default: number;
|
|
43
43
|
};
|
|
44
44
|
shift: {
|
|
45
|
-
type: PropType<boolean |
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
45
|
+
type: PropType<boolean | {
|
|
46
|
+
mainAxis?: boolean | undefined;
|
|
47
|
+
crossAxis?: boolean | undefined;
|
|
48
|
+
rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
|
|
49
|
+
elementContext?: import("@floating-ui/core").ElementContext | undefined;
|
|
50
|
+
altBoundary?: boolean | undefined;
|
|
51
|
+
padding?: import("@floating-ui/core").Padding | undefined;
|
|
52
|
+
limiter?: {
|
|
53
|
+
fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/core").Coords;
|
|
54
|
+
options?: any;
|
|
55
|
+
} | undefined;
|
|
56
|
+
boundary?: import("@floating-ui/dom").Boundary | undefined;
|
|
57
|
+
} | import("@floating-ui/dom").Derivable<{
|
|
58
|
+
mainAxis?: boolean | undefined;
|
|
59
|
+
crossAxis?: boolean | undefined;
|
|
60
|
+
rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
|
|
61
|
+
elementContext?: import("@floating-ui/core").ElementContext | undefined;
|
|
62
|
+
altBoundary?: boolean | undefined;
|
|
63
|
+
padding?: import("@floating-ui/core").Padding | undefined;
|
|
64
|
+
limiter?: {
|
|
65
|
+
fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/core").Coords;
|
|
66
|
+
options?: any;
|
|
67
|
+
} | undefined;
|
|
68
|
+
boundary?: import("@floating-ui/dom").Boundary | undefined;
|
|
51
69
|
}> | undefined>;
|
|
52
70
|
default: boolean;
|
|
53
71
|
};
|
|
54
72
|
flip: {
|
|
55
|
-
type: PropType<boolean |
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
73
|
+
type: PropType<boolean | {
|
|
74
|
+
mainAxis?: boolean | undefined;
|
|
75
|
+
crossAxis?: boolean | undefined;
|
|
76
|
+
rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
|
|
77
|
+
elementContext?: import("@floating-ui/core").ElementContext | undefined;
|
|
78
|
+
altBoundary?: boolean | undefined;
|
|
79
|
+
padding?: import("@floating-ui/core").Padding | undefined;
|
|
80
|
+
fallbackPlacements?: import("@floating-ui/core").Placement[] | undefined;
|
|
81
|
+
fallbackStrategy?: "initialPlacement" | "bestFit" | undefined;
|
|
82
|
+
fallbackAxisSideDirection?: "start" | "end" | "none" | undefined;
|
|
83
|
+
flipAlignment?: boolean | undefined;
|
|
84
|
+
boundary?: import("@floating-ui/dom").Boundary | undefined;
|
|
85
|
+
} | import("@floating-ui/dom").Derivable<{
|
|
86
|
+
mainAxis?: boolean | undefined;
|
|
87
|
+
crossAxis?: boolean | undefined;
|
|
88
|
+
rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
|
|
89
|
+
elementContext?: import("@floating-ui/core").ElementContext | undefined;
|
|
90
|
+
altBoundary?: boolean | undefined;
|
|
91
|
+
padding?: import("@floating-ui/core").Padding | undefined;
|
|
92
|
+
fallbackPlacements?: import("@floating-ui/core").Placement[] | undefined;
|
|
93
|
+
fallbackStrategy?: "initialPlacement" | "bestFit" | undefined;
|
|
94
|
+
fallbackAxisSideDirection?: "start" | "end" | "none" | undefined;
|
|
95
|
+
flipAlignment?: boolean | undefined;
|
|
96
|
+
boundary?: import("@floating-ui/dom").Boundary | undefined;
|
|
61
97
|
}> | undefined>;
|
|
62
98
|
default: boolean;
|
|
63
99
|
};
|
|
64
100
|
size: {
|
|
65
|
-
type: PropType<boolean |
|
|
66
|
-
|
|
101
|
+
type: PropType<boolean | {
|
|
102
|
+
rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
|
|
103
|
+
elementContext?: import("@floating-ui/core").ElementContext | undefined;
|
|
104
|
+
altBoundary?: boolean | undefined;
|
|
105
|
+
padding?: import("@floating-ui/core").Padding | undefined;
|
|
106
|
+
boundary?: import("@floating-ui/dom").Boundary | undefined;
|
|
107
|
+
apply?: ((args: {
|
|
67
108
|
x: number;
|
|
68
109
|
y: number;
|
|
110
|
+
initialPlacement: import("@floating-ui/core").Placement;
|
|
69
111
|
placement: import("@floating-ui/core").Placement;
|
|
70
112
|
strategy: import("@floating-ui/core").Strategy;
|
|
113
|
+
middlewareData: import("@floating-ui/core").MiddlewareData;
|
|
114
|
+
rects: import("@floating-ui/core").ElementRects;
|
|
115
|
+
platform: import("@floating-ui/core").Platform;
|
|
116
|
+
elements: import("@floating-ui/dom").Elements;
|
|
117
|
+
} & {
|
|
118
|
+
availableWidth: number;
|
|
119
|
+
availableHeight: number;
|
|
120
|
+
}) => void | Promise<void>) | undefined;
|
|
121
|
+
} | import("@floating-ui/dom").Derivable<{
|
|
122
|
+
rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
|
|
123
|
+
elementContext?: import("@floating-ui/core").ElementContext | undefined;
|
|
124
|
+
altBoundary?: boolean | undefined;
|
|
125
|
+
padding?: import("@floating-ui/core").Padding | undefined;
|
|
126
|
+
boundary?: import("@floating-ui/dom").Boundary | undefined;
|
|
127
|
+
apply?: ((args: {
|
|
128
|
+
x: number;
|
|
129
|
+
y: number;
|
|
71
130
|
initialPlacement: import("@floating-ui/core").Placement;
|
|
131
|
+
placement: import("@floating-ui/core").Placement;
|
|
132
|
+
strategy: import("@floating-ui/core").Strategy;
|
|
72
133
|
middlewareData: import("@floating-ui/core").MiddlewareData;
|
|
73
134
|
rects: import("@floating-ui/core").ElementRects;
|
|
74
135
|
platform: import("@floating-ui/core").Platform;
|
|
@@ -76,25 +137,33 @@ export declare const VvDropdownProps: {
|
|
|
76
137
|
} & {
|
|
77
138
|
availableWidth: number;
|
|
78
139
|
availableHeight: number;
|
|
79
|
-
}) => void | Promise<void
|
|
80
|
-
} & {
|
|
81
|
-
rootBoundary: import("@floating-ui/core").RootBoundary;
|
|
82
|
-
elementContext: import("@floating-ui/core").ElementContext;
|
|
83
|
-
altBoundary: boolean;
|
|
84
|
-
padding: import("@floating-ui/core").Padding;
|
|
85
|
-
boundary: import("@floating-ui/dom").Boundary;
|
|
140
|
+
}) => void | Promise<void>) | undefined;
|
|
86
141
|
}> | undefined>;
|
|
87
142
|
default: () => {
|
|
88
143
|
padding: number;
|
|
89
144
|
};
|
|
90
145
|
};
|
|
91
146
|
autoPlacement: {
|
|
92
|
-
type: PropType<boolean |
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
147
|
+
type: PropType<boolean | {
|
|
148
|
+
crossAxis?: boolean | undefined;
|
|
149
|
+
rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
|
|
150
|
+
elementContext?: import("@floating-ui/core").ElementContext | undefined;
|
|
151
|
+
altBoundary?: boolean | undefined;
|
|
152
|
+
padding?: import("@floating-ui/core").Padding | undefined;
|
|
153
|
+
alignment?: import("@floating-ui/core").Alignment | null | undefined;
|
|
154
|
+
autoAlignment?: boolean | undefined;
|
|
155
|
+
allowedPlacements?: import("@floating-ui/core").Placement[] | undefined;
|
|
156
|
+
boundary?: import("@floating-ui/dom").Boundary | undefined;
|
|
157
|
+
} | import("@floating-ui/dom").Derivable<{
|
|
158
|
+
crossAxis?: boolean | undefined;
|
|
159
|
+
rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
|
|
160
|
+
elementContext?: import("@floating-ui/core").ElementContext | undefined;
|
|
161
|
+
altBoundary?: boolean | undefined;
|
|
162
|
+
padding?: import("@floating-ui/core").Padding | undefined;
|
|
163
|
+
alignment?: import("@floating-ui/core").Alignment | null | undefined;
|
|
164
|
+
autoAlignment?: boolean | undefined;
|
|
165
|
+
allowedPlacements?: import("@floating-ui/core").Placement[] | undefined;
|
|
166
|
+
boundary?: import("@floating-ui/dom").Boundary | undefined;
|
|
98
167
|
}> | undefined>;
|
|
99
168
|
default: boolean;
|
|
100
169
|
};
|
|
@@ -141,8 +141,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
141
141
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
142
142
|
}, {
|
|
143
143
|
disabled: boolean;
|
|
144
|
-
options: (string | Option)[];
|
|
145
144
|
floating: boolean;
|
|
145
|
+
options: (string | Option)[];
|
|
146
146
|
modelValue: string | number | boolean | unknown[] | Record<string, any>;
|
|
147
147
|
tabindex: string | number;
|
|
148
148
|
unselectable: boolean;
|
|
@@ -2791,7 +2791,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
|
|
|
2791
2791
|
}
|
|
2792
2792
|
} else if (props.flip) {
|
|
2793
2793
|
if (typeof props.flip === "boolean") {
|
|
2794
|
-
toReturn.push(flip());
|
|
2794
|
+
toReturn.push(flip({ fallbackStrategy: "initialPlacement" }));
|
|
2795
2795
|
} else {
|
|
2796
2796
|
toReturn.push(flip(props.flip));
|
|
2797
2797
|
}
|
|
@@ -2858,16 +2858,18 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
|
|
|
2858
2858
|
}
|
|
2859
2859
|
);
|
|
2860
2860
|
const dropdownPlacement = computed(() => {
|
|
2861
|
+
var _a;
|
|
2861
2862
|
if (hasCustomPosition.value) {
|
|
2862
2863
|
return void 0;
|
|
2863
2864
|
}
|
|
2865
|
+
const width = props.triggerWidth && referenceEl.value ? `${(_a = referenceEl.value) == null ? void 0 : _a.offsetWidth}px` : void 0;
|
|
2864
2866
|
return {
|
|
2865
2867
|
position: strategy.value,
|
|
2866
2868
|
top: `${y.value ?? 0}px`,
|
|
2867
2869
|
left: `${x.value ?? 0}px`,
|
|
2868
|
-
maxWidth: maxWidth.value,
|
|
2870
|
+
maxWidth: width ? void 0 : maxWidth.value,
|
|
2869
2871
|
maxHeight: maxHeight.value,
|
|
2870
|
-
width
|
|
2872
|
+
width
|
|
2871
2873
|
};
|
|
2872
2874
|
});
|
|
2873
2875
|
const side = computed(
|