edvoyui-component-library-test-flight 0.0.111 → 0.0.113
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.
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export * from "/Users/rajmohan/Documents/Workspace/edvoy-ui-v2/src/components/tabs/EUITabs.vue?vue&type=script&setup=true&lang.ts";
|
|
2
|
-
import "/Users/rajmohan/Documents/Workspace/edvoy-ui-v2/src/components/tabs/EUITabs.vue?vue&type=style&index=0&scoped=
|
|
2
|
+
import "/Users/rajmohan/Documents/Workspace/edvoy-ui-v2/src/components/tabs/EUITabs.vue?vue&type=style&index=0&scoped=a886f1eb&lang.css";
|
|
3
3
|
declare const _default: any;
|
|
4
4
|
export default _default;
|
|
5
5
|
//# sourceMappingURL=EUITabs.vue.d.ts.map
|
package/package.json
CHANGED
|
@@ -11,7 +11,10 @@
|
|
|
11
11
|
:id="`id-${tab.name}`"
|
|
12
12
|
type="button"
|
|
13
13
|
class="[&:not(:focus-visible)]:focus:outline-none relative w-full inline-flex items-center transition-colors duration-100"
|
|
14
|
-
:class="
|
|
14
|
+
:class="[
|
|
15
|
+
tab?.disabled ? ' cursor-not-allowed ' : '',
|
|
16
|
+
isHighlighedActivetab ? ' rounded-t-lg !bg-[#EDE9FE] ' : '',
|
|
17
|
+
]"
|
|
15
18
|
role="tab"
|
|
16
19
|
tabindex="-1"
|
|
17
20
|
@click="selectTab(tabindex)"
|
|
@@ -72,6 +75,7 @@
|
|
|
72
75
|
? 'border-gray-900 text-gray-900'
|
|
73
76
|
: 'border-transparent text-gray-500',
|
|
74
77
|
tab?.disabled ? ' cursor-not-allowed ' : '',
|
|
78
|
+
isHighlighedActivetab&&activeTabIndex === tabindex ? ' rounded-t-lg !bg-[#EDE9FE]' : '',
|
|
75
79
|
]"
|
|
76
80
|
@click="selectTab(tabindex)"
|
|
77
81
|
>
|
|
@@ -106,6 +110,7 @@
|
|
|
106
110
|
? 'border-purple-800 text-purple-800 bg-white z-10 rounded-t-lg shadow-[0px_2px_4px_0px_rgba(55,65,81,0.1)]'
|
|
107
111
|
: 'border-transparent text-gray-500 z-0',
|
|
108
112
|
tab?.disabled ? ' cursor-not-allowed ' : '',
|
|
113
|
+
isHighlighedActivetab&&activeTabIndex === tabindex ? ' rounded-t-lg !bg-[#EDE9FE]' : '',
|
|
109
114
|
]"
|
|
110
115
|
@click="selectTab(tabindex)"
|
|
111
116
|
>
|
|
@@ -135,6 +140,7 @@
|
|
|
135
140
|
? 'shadow-lg shadow-gray-100 bg-white border-gray-200 focus-within:border-purple-600 text-gray-900'
|
|
136
141
|
: 'border-white hover:bg-gray-50 text-gray-700',
|
|
137
142
|
tab?.disabled ? ' cursor-not-allowed ' : '',
|
|
143
|
+
isHighlighedActivetab&&activeTabIndex === tabindex ? ' rounded-t-lg !bg-[#EDE9FE]' : '',
|
|
138
144
|
]"
|
|
139
145
|
@click="selectTab(tabindex)"
|
|
140
146
|
>
|
|
@@ -182,6 +188,7 @@ const props = defineProps<{
|
|
|
182
188
|
contentClass?: string[] | string;
|
|
183
189
|
tabSize?: "sm" | "md";
|
|
184
190
|
tabAlign?: "start" | "justify" | "end";
|
|
191
|
+
isHighlighedActivetab?: boolean;
|
|
185
192
|
}>();
|
|
186
193
|
|
|
187
194
|
const emit = defineEmits<{
|