Skip to content

Commit a188750

Browse files
webdevnerdstuffwebdevnerdstuff
committed
Update naming
1 parent 4b58d5f commit a188750

File tree

9 files changed

+94
-95
lines changed

9 files changed

+94
-95
lines changed

‎src/plugin/VInlineCheckbox.vue‎

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -45,8 +45,8 @@
4545
:class="fieldContainerClass"
4646
>
4747
<Teleport
48-
:disabled="!settings.floatingCardField"
49-
:to="floatingCard"
48+
:disabled="!settings.cardField"
49+
:to="cardFieldRef"
5050
>
5151
<v-checkbox
5252
v-bind="bindingSettings"
@@ -105,19 +105,19 @@
105105
</Teleport>
106106
</div>
107107

108-
<!-- Floating Field -->
108+
<!-- Card Field-->
109109
<Teleport
110-
v-if="settings.floatingCardField"
110+
v-if="settings.cardField"
111111
to="body"
112112
>
113113
<div
114114
class="v-inline-fields--card-container"
115115
:class="!showField ? 'd-none' : ''"
116-
:style="floatingCardContainerStyle"
116+
:style="cardContainerStyle"
117117
>
118118
<v-card v-bind="bindingCard">
119119
<v-card-text>
120-
<div ref="floatingCard"></div>
120+
<div ref="cardFieldRef"></div>
121121
</v-card-text>
122122
</v-card>
123123
</div>
@@ -150,7 +150,7 @@ import {
150150
} from './composables/classes';
151151
import {
152152
useDisplayValueStyles,
153-
useFloatingCardContainerStyle,
153+
useCardContainerStyle,
154154
useInlineFieldsContainerStyle,
155155
} from './composables/styles';
156156
import inlineEmits from './utils/emits';
@@ -177,7 +177,7 @@ const timeOpened = ref<TimeOpened>(null);
177177
178178
// ------------------------------------------------ Binding Events & Props //
179179
const bindingSettings = computed(() => useBindingSettings(settings));
180-
const bindingCard = computed(() => settings.floatingCardProps);
180+
const bindingCard = computed(() => settings.cardProps);
181181
182182
183183
// ------------------------------------------------ Loading //
@@ -260,7 +260,7 @@ const displayValueStyle = computed(() => useDisplayValueStyles({
260260
underlined: settings.underlined,
261261
}));
262262
263-
const floatingCardContainerStyle = computed(() => fieldCoordinates.value);
263+
const cardContainerStyle = computed(() => fieldCoordinates.value);
264264
265265
266266
// ------------------------------------------------ Key event to cancel/close field //
@@ -270,10 +270,10 @@ function closeField() {
270270
}
271271
272272
273-
// ----------------------------------------------- Floating Field //
273+
// ----------------------------------------------- Card Field//
274274
const fieldCoordinates = ref<CSSProperties>();
275275
const inlineFieldsContainer = ref<HTMLElement | null>(null);
276-
const floatingCard = ref<HTMLElement | null>(null);
276+
const cardFieldRef = ref<HTMLElement | null>(null);
277277
278278
279279
// ------------------------------------------------ Toggle the field //
@@ -282,9 +282,9 @@ function toggleField() {
282282
return;
283283
}
284284
285-
fieldCoordinates.value = useFloatingCardContainerStyle({
286-
cardMinWidth: settings.floatingCardProps?.minWidth,
287-
cardWidth: settings.floatingCardProps?.width,
285+
fieldCoordinates.value = useCardContainerStyle({
286+
cardMinWidth: settings.cardProps?.minWidth,
287+
cardWidth: settings.cardProps?.width,
288288
field: inlineFieldsContainer.value,
289289
});
290290

‎src/plugin/VInlineCustomField.vue‎

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -22,8 +22,8 @@
2222
:class="fieldContainerClass"
2323
>
2424
<Teleport
25-
:disabled="!settings.floatingCardField"
26-
:to="floatingCard"
25+
:disabled="!settings.cardField"
26+
:to="cardFieldRef"
2727
>
2828
<slot
2929
name="default"
@@ -57,19 +57,19 @@
5757
</Teleport>
5858
</div>
5959

60-
<!-- Floating Field -->
60+
<!-- Card Field-->
6161
<Teleport
62-
v-if="settings.floatingCardField"
62+
v-if="settings.cardField"
6363
to="body"
6464
>
6565
<div
6666
class="v-inline-fields--card-container"
6767
:class="!showField ? 'd-none' : ''"
68-
:style="floatingCardContainerStyle"
68+
:style="cardContainerStyle"
6969
>
7070
<v-card v-bind="bindingCard">
7171
<v-card-text>
72-
<div ref="floatingCard"></div>
72+
<div ref="cardFieldRef"></div>
7373
</v-card-text>
7474
</v-card>
7575
</div>
@@ -99,7 +99,7 @@ import {
9999
useInlineFieldsContainerClass,
100100
} from './composables/classes';
101101
import {
102-
useFloatingCardContainerStyle,
102+
useCardContainerStyle,
103103
useInlineFieldsContainerStyle,
104104
} from './composables/styles';
105105
import inlineEmits from './utils/emits';
@@ -189,7 +189,7 @@ const bindingDisplay = computed(() => {
189189
};
190190
});
191191
192-
const bindingCard = computed(() => settings.floatingCardProps);
192+
const bindingCard = computed(() => settings.cardProps);
193193
194194
195195
// ------------------------------------------------ Class & Styles //
@@ -220,7 +220,7 @@ const fieldContainerClass = computed(() => useFieldContainerClass({
220220
}));
221221
222222
const inlineFieldsContainerStyle = computed(() => useInlineFieldsContainerStyle());
223-
const floatingCardContainerStyle = computed(() => fieldCoordinates.value);
223+
const cardContainerStyle = computed(() => fieldCoordinates.value);
224224
225225
226226
// ------------------------------------------------ Key event to cancel/close field //
@@ -231,10 +231,10 @@ function closeField() {
231231
}
232232
233233
234-
// ----------------------------------------------- Floating Field //
234+
// ----------------------------------------------- Card Field//
235235
const fieldCoordinates = ref<CSSProperties>();
236236
const inlineFieldsContainer = ref<HTMLElement | null>(null);
237-
const floatingCard = ref<HTMLElement | null>(null);
237+
const cardFieldRef = ref<HTMLElement | null>(null);
238238
239239
240240
// ------------------------------------------------ Toggle the field //
@@ -243,9 +243,9 @@ function toggleField() {
243243
return;
244244
}
245245
246-
fieldCoordinates.value = useFloatingCardContainerStyle({
247-
cardMinWidth: settings.floatingCardProps?.minWidth,
248-
cardWidth: settings.floatingCardProps?.width,
246+
fieldCoordinates.value = useCardContainerStyle({
247+
cardMinWidth: settings.cardProps?.minWidth,
248+
cardWidth: settings.cardProps?.width,
249249
field: inlineFieldsContainer.value,
250250
});
251251

‎src/plugin/VInlineSelect.vue‎

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -21,8 +21,8 @@
2121
:class="fieldContainerClass"
2222
>
2323
<Teleport
24-
:disabled="!settings.floatingCardField"
25-
:to="floatingCard"
24+
:disabled="!settings.cardField"
25+
:to="cardFieldRef"
2626
>
2727
<v-select
2828
v-bind="bindingSettings"
@@ -89,19 +89,19 @@
8989
</Teleport>
9090
</div>
9191

92-
<!-- Floating Field -->
92+
<!-- Card Field-->
9393
<Teleport
94-
v-if="settings.floatingCardField"
94+
v-if="settings.cardField"
9595
to="body"
9696
>
9797
<div
9898
class="v-inline-fields--card-container"
9999
:class="!showField ? 'd-none' : ''"
100-
:style="floatingCardContainerStyle"
100+
:style="cardContainerStyle"
101101
>
102102
<v-card v-bind="bindingCard">
103103
<v-card-text>
104-
<div ref="floatingCard"></div>
104+
<div ref="cardFieldRef"></div>
105105
</v-card-text>
106106
</v-card>
107107
</div>
@@ -131,7 +131,7 @@ import {
131131
useInlineFieldsContainerClass,
132132
} from './composables/classes';
133133
import {
134-
useFloatingCardContainerStyle,
134+
useCardContainerStyle,
135135
useInlineFieldsContainerStyle,
136136
} from './composables/styles';
137137
import inlineEmits from './utils/emits';
@@ -221,7 +221,7 @@ const bindingDisplay = computed(() => {
221221
};
222222
});
223223
224-
const bindingCard = computed(() => settings.floatingCardProps);
224+
const bindingCard = computed(() => settings.cardProps);
225225
226226
227227
// ------------------------------------------------ Watch the items //
@@ -258,7 +258,7 @@ const fieldContainerClass = computed(() => useFieldContainerClass({
258258
}));
259259
260260
const inlineFieldsContainerStyle = computed(() => useInlineFieldsContainerStyle());
261-
const floatingCardContainerStyle = computed(() => fieldCoordinates.value);
261+
const cardContainerStyle = computed(() => fieldCoordinates.value);
262262
263263
264264
// ------------------------------------------------ Key event to cancel/close field //
@@ -269,10 +269,10 @@ function closeField() {
269269
}
270270
271271
272-
// ----------------------------------------------- Floating Field //
272+
// ----------------------------------------------- Card Field//
273273
const fieldCoordinates = ref<CSSProperties>();
274274
const inlineFieldsContainer = ref<HTMLElement | null>(null);
275-
const floatingCard = ref<HTMLElement | null>(null);
275+
const cardFieldRef = ref<HTMLElement | null>(null);
276276
277277
278278
// ------------------------------------------------ Toggle the field //
@@ -281,9 +281,9 @@ function toggleField() {
281281
return;
282282
}
283283
284-
fieldCoordinates.value = useFloatingCardContainerStyle({
285-
cardMinWidth: settings.floatingCardProps?.minWidth,
286-
cardWidth: settings.floatingCardProps?.width,
284+
fieldCoordinates.value = useCardContainerStyle({
285+
cardMinWidth: settings.cardProps?.minWidth,
286+
cardWidth: settings.cardProps?.width,
287287
field: inlineFieldsContainer.value,
288288
});
289289

‎src/plugin/VInlineSwitch.vue‎

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -45,8 +45,8 @@
4545
:class="fieldContainerClass"
4646
>
4747
<Teleport
48-
:disabled="!settings.floatingCardField"
49-
:to="floatingCard"
48+
:disabled="!settings.cardField"
49+
:to="cardFieldRef"
5050
>
5151
<v-switch
5252
v-bind="bindingSettings"
@@ -98,19 +98,19 @@
9898
</Teleport>
9999
</div>
100100

101-
<!-- Floating Field -->
101+
<!-- Card Field-->
102102
<Teleport
103-
v-if="settings.floatingCardField"
103+
v-if="settings.cardField"
104104
to="body"
105105
>
106106
<div
107107
class="v-inline-fields--card-container"
108108
:class="!showField ? 'd-none' : ''"
109-
:style="floatingCardContainerStyle"
109+
:style="cardContainerStyle"
110110
>
111111
<v-card v-bind="bindingCard">
112112
<v-card-text>
113-
<div ref="floatingCard"></div>
113+
<div ref="cardFieldRef"></div>
114114
</v-card-text>
115115
</v-card>
116116
</div>
@@ -140,7 +140,7 @@ import {
140140
} from './composables/classes';
141141
import {
142142
useDisplayValueStyles,
143-
useFloatingCardContainerStyle,
143+
useCardContainerStyle,
144144
useInlineFieldsContainerStyle,
145145
} from './composables/styles';
146146
import inlineEmits from './utils/emits';
@@ -167,7 +167,7 @@ const timeOpened = ref<TimeOpened>(null);
167167
168168
// ------------------------------------------------ Binding Events & Props //
169169
const bindingSettings = computed(() => useBindingSettings(settings));
170-
const bindingCard = computed(() => settings.floatingCardProps);
170+
const bindingCard = computed(() => settings.cardProps);
171171
172172
173173
// ------------------------------------------------ Loading //
@@ -243,13 +243,13 @@ const displayValueStyle = computed(() => useDisplayValueStyles({
243243
underlined: settings.underlined,
244244
}));
245245
246-
const floatingCardContainerStyle = computed(() => fieldCoordinates.value);
246+
const cardContainerStyle = computed(() => fieldCoordinates.value);
247247
248248
249-
// ----------------------------------------------- Floating Field //
249+
// ----------------------------------------------- Card Field//
250250
const fieldCoordinates = ref<CSSProperties>();
251251
const inlineFieldsContainer = ref<HTMLElement | null>(null);
252-
const floatingCard = ref<HTMLElement | null>(null);
252+
const cardFieldRef = ref<HTMLElement | null>(null);
253253
254254
255255
// ------------------------------------------------ Toggle the field //
@@ -258,9 +258,9 @@ function toggleField() {
258258
return;
259259
}
260260
261-
fieldCoordinates.value = useFloatingCardContainerStyle({
262-
cardMinWidth: settings.floatingCardProps?.minWidth,
263-
cardWidth: settings.floatingCardProps?.width,
261+
fieldCoordinates.value = useCardContainerStyle({
262+
cardMinWidth: settings.cardProps?.minWidth,
263+
cardWidth: settings.cardProps?.width,
264264
field: inlineFieldsContainer.value,
265265
});
266266

0 commit comments

Comments
 (0)