eco-vue-js 0.14.1 → 0.14.2
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/dist/components/Button/WButtonMore.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/components/Button/WButtonTab.vue_vue_type_script_setup_true_lang.js +2 -2
- package/dist/components/Checkbox/WCheckbox.vue_vue_type_script_setup_true_lang.js +5 -5
- package/dist/components/Notify/WNotify.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/components/Tabs/WTabs.vue_vue_type_script_setup_true_lang.js +2 -2
- package/package.json +1 -1
- package/tailwind-base/plugins/w-hover-circle.ts +5 -4
|
@@ -63,7 +63,7 @@ var WButtonMore_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
|
|
|
63
63
|
"w-hover-circle": !__props.disabled,
|
|
64
64
|
"text-description": !isOpen.value || __props.anchor,
|
|
65
65
|
"text-primary dark:text-primary-dark": isOpen.value && !__props.anchor
|
|
66
|
-
}]) }, [(openBlock(), createBlock(resolveDynamicComponent(__props.icon ?? unref(IconMore_default)), { class: "square-[1.
|
|
66
|
+
}]) }, [(openBlock(), createBlock(resolveDynamicComponent(__props.icon ?? unref(IconMore_default)), { class: "square-[1.125em]" }))], 2)]),
|
|
67
67
|
content: withCtx(({ isTop, isRight, isLeft }) => [createVNode(WClickOutside_default, {
|
|
68
68
|
"no-filter": "",
|
|
69
69
|
class: normalizeClass(["bg-default dark:bg-default-dark overflow-hidden rounded-xl text-start font-normal shadow-md dark:border dark:border-solid dark:border-gray-800", {
|
|
@@ -106,8 +106,8 @@ var WButtonTab_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
|
|
|
106
106
|
_: 1
|
|
107
107
|
}),
|
|
108
108
|
createVNode(Transition, {
|
|
109
|
-
"enter-active-class": "transition-[
|
|
110
|
-
"leave-active-class": "transition-[
|
|
109
|
+
"enter-active-class": "transition-[scale,opacity] origin-center duration-300",
|
|
110
|
+
"leave-active-class": "transition-[scale,opacity] origin-center duration-300",
|
|
111
111
|
"enter-from-class": "scale-x-0 opacity-0",
|
|
112
112
|
"leave-to-class": "scale-x-0 opacity-0",
|
|
113
113
|
css: !__props.indicator
|
|
@@ -86,10 +86,10 @@ var WCheckbox_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
|
|
|
86
86
|
onKeypress: withKeys(withModifiers(toggle, ["stop", "prevent"]), ["enter"])
|
|
87
87
|
}, [
|
|
88
88
|
createVNode(Transition, {
|
|
89
|
-
"enter-active-class": "transition-[opacity
|
|
90
|
-
"leave-active-class": "transition-[opacity
|
|
91
|
-
"enter-from-class": __props.radio ? "opacity-0 scale-
|
|
92
|
-
"leave-to-class": __props.radio ? "opacity-0 scale-
|
|
89
|
+
"enter-active-class": "transition-[scale,opacity]",
|
|
90
|
+
"leave-active-class": "transition-[scale,opacity]",
|
|
91
|
+
"enter-from-class": __props.radio ? "opacity-0 scale-25!" : "opacity-0 scale-50!",
|
|
92
|
+
"leave-to-class": __props.radio ? "opacity-0 scale-25!" : "opacity-0 scale-50!",
|
|
93
93
|
css: !__props.lessTransitions
|
|
94
94
|
}, {
|
|
95
95
|
default: withCtx(() => [withDirectives(createElementVNode("div", { class: normalizeClass(["square-full absolute -z-10", {
|
|
@@ -99,7 +99,7 @@ var WCheckbox_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
|
|
|
99
99
|
"rounded": !__props.radio && !(__props.intermediate && __props.modelValue === null),
|
|
100
100
|
"bg-primary dark:bg-primary-dark [.w-hover-checked:hover_&]:block!": !unref(isDisabled) && !unref(isSkeleton),
|
|
101
101
|
"bg-gray-300 dark:bg-gray-700": unref(isDisabled) || unref(isSkeleton),
|
|
102
|
-
"transition-[opacity
|
|
102
|
+
"transition-[scale,opacity]": !__props.lessTransitions
|
|
103
103
|
}]) }, null, 2), [[vShow, __props.modelValue !== false && !__props.loading]])]),
|
|
104
104
|
_: 1
|
|
105
105
|
}, 8, [
|
|
@@ -48,7 +48,7 @@ var WNotify_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
|
|
|
48
48
|
default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(list.value, (config) => {
|
|
49
49
|
return openBlock(), createElementBlock("div", {
|
|
50
50
|
key: config.id,
|
|
51
|
-
class: "grid justify-end transition-[opacity,
|
|
51
|
+
class: "grid justify-end transition-[translate,opacity,grid-template-rows] duration-500"
|
|
52
52
|
}, [createElementVNode("div", _hoisted_1, [createVNode(NotifyCard_default, {
|
|
53
53
|
title: config.title,
|
|
54
54
|
caption: config.caption,
|
|
@@ -337,8 +337,8 @@ var WTabs_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
|
|
|
337
337
|
"--direction-factor": isDirect.value ? "1" : "-1"
|
|
338
338
|
})
|
|
339
339
|
}, [createVNode(TransitionGroup, {
|
|
340
|
-
"enter-active-class": "transition-[
|
|
341
|
-
"leave-active-class": "transition-[
|
|
340
|
+
"enter-active-class": "transition-[translate,opacity] duration-250 w-full",
|
|
341
|
+
"leave-active-class": "transition-[translate,opacity] duration-250 w-full absolute top-0",
|
|
342
342
|
"enter-from-class": __props.lessTransitions || __props.side || unref(hasScrollbar) ? "opacity-0" : "opacity-0 translate-x-[calc((100%+var(--inner-margin))*var(--direction-factor))]",
|
|
343
343
|
"leave-to-class": __props.lessTransitions || __props.side || unref(hasScrollbar) ? "opacity-0 absolute" : "opacity-0 translate-x-[calc((100%+var(--inner-margin))*var(--direction-factor)*-1)]",
|
|
344
344
|
css: !__props.flat
|
package/package.json
CHANGED
|
@@ -6,10 +6,11 @@ const pluginDefault = plugin(function ({addBase}) {
|
|
|
6
6
|
'&::after': {
|
|
7
7
|
content: '""',
|
|
8
8
|
position: 'absolute',
|
|
9
|
-
|
|
10
|
-
|
|
9
|
+
inset: '0',
|
|
10
|
+
margin: 'auto',
|
|
11
11
|
height: '100%',
|
|
12
|
-
width: '
|
|
12
|
+
width: 'auto',
|
|
13
|
+
'aspect-ratio': '1 / 1',
|
|
13
14
|
'border-radius': '9999px',
|
|
14
15
|
'z-index': '1',
|
|
15
16
|
'background-color': 'currentColor',
|
|
@@ -17,7 +18,7 @@ const pluginDefault = plugin(function ({addBase}) {
|
|
|
17
18
|
'user-select': 'none',
|
|
18
19
|
opacity: '0',
|
|
19
20
|
transform: 'scaleX(0.5) scaleY(0.5)',
|
|
20
|
-
'transition-property': 'opacity transform',
|
|
21
|
+
'transition-property': 'opacity, transform',
|
|
21
22
|
'transition-timing-function': 'cubic-bezier(0.4, 0, 0.2, 1)',
|
|
22
23
|
'transition-duration': '200ms',
|
|
23
24
|
},
|