vueless 0.0.133 → 0.0.135
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/package.json
CHANGED
|
@@ -82,6 +82,6 @@ export default /*tw*/ {
|
|
|
82
82
|
safelist: (colors) => [
|
|
83
83
|
{ pattern: `decoration-(${colors})-500` },
|
|
84
84
|
{ pattern: `text-(${colors})-500` },
|
|
85
|
-
{ pattern: `ring-(${colors})-500`, variants: ["focus"] },
|
|
85
|
+
{ pattern: `ring-(${colors})-500`, variants: ["focus-within"] },
|
|
86
86
|
],
|
|
87
87
|
};
|
|
@@ -9,6 +9,7 @@ export default function useAttrs(props, { isShownCalendar }) {
|
|
|
9
9
|
const calendarAttrs = getAttrs("calendar");
|
|
10
10
|
const inputBlurAttrs = getAttrs("input");
|
|
11
11
|
const inputActiveAttrs = getAttrs("inputActive");
|
|
12
|
+
const wrapperAttrs = getAttrs("wrapper");
|
|
12
13
|
|
|
13
14
|
const inputAttrs = computed(() => {
|
|
14
15
|
return isShownCalendar.value ? inputActiveAttrs.value : inputBlurAttrs.value;
|
|
@@ -52,5 +53,6 @@ export default function useAttrs(props, { isShownCalendar }) {
|
|
|
52
53
|
config,
|
|
53
54
|
calendarAttrs,
|
|
54
55
|
inputAttrs,
|
|
56
|
+
wrapperAttrs,
|
|
55
57
|
};
|
|
56
58
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div
|
|
2
|
+
<div v-bind="wrapperAttrs">
|
|
3
3
|
<UInput
|
|
4
4
|
:id="id"
|
|
5
5
|
:key="isShownCalendar"
|
|
@@ -224,7 +224,7 @@ const localValue = computed({
|
|
|
224
224
|
set: (value) => emit("update:modelValue", value),
|
|
225
225
|
});
|
|
226
226
|
|
|
227
|
-
const { config, inputAttrs, calendarAttrs } = useAttrs(props, { isShownCalendar });
|
|
227
|
+
const { config, inputAttrs, calendarAttrs, wrapperAttrs } = useAttrs(props, { isShownCalendar });
|
|
228
228
|
|
|
229
229
|
function activate() {
|
|
230
230
|
isShownCalendar.value = true;
|