@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.
@@ -42,33 +42,94 @@ export declare const VvDropdownProps: {
42
42
  default: number;
43
43
  };
44
44
  shift: {
45
- type: PropType<boolean | Partial<import("@floating-ui/core").ShiftOptions & {
46
- rootBoundary: import("@floating-ui/core").RootBoundary;
47
- elementContext: import("@floating-ui/core").ElementContext;
48
- altBoundary: boolean;
49
- padding: import("@floating-ui/core").Padding;
50
- boundary: import("@floating-ui/dom").Boundary;
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 | Partial<import("@floating-ui/core").FlipOptions & {
56
- rootBoundary: import("@floating-ui/core").RootBoundary;
57
- elementContext: import("@floating-ui/core").ElementContext;
58
- altBoundary: boolean;
59
- padding: import("@floating-ui/core").Padding;
60
- boundary: import("@floating-ui/dom").Boundary;
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 | Partial<{
66
- apply: (args: {
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 | Partial<import("@floating-ui/core").AutoPlacementOptions & {
93
- rootBoundary: import("@floating-ui/core").RootBoundary;
94
- elementContext: import("@floating-ui/core").ElementContext;
95
- altBoundary: boolean;
96
- padding: import("@floating-ui/core").Padding;
97
- boundary: import("@floating-ui/dom").Boundary;
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: props.triggerWidth && referenceEl.value ? `${referenceEl.value.offsetWidth}px` : void 0
2872
+ width
2871
2873
  };
2872
2874
  });
2873
2875
  const side = computed(