@agrotools1/at-components 2.0.37 → 2.0.38
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/changelog/versions/components/index.d.ts.map +1 -1
- package/dist/changelog/versions/components/v2.0.38.d.ts +4 -0
- package/dist/changelog/versions/components/v2.0.38.d.ts.map +1 -0
- package/dist/index.css +1 -1
- package/dist/index.js +112 -112
- package/dist/tabs/TabsList.vue.d.ts +412 -5
- package/dist/tabs/TabsList.vue.d.ts.map +1 -1
- package/dist/tabs/TabsList.vue.js +98 -21
- package/dist/tabs/TabsTrigger.vue.d.ts +1 -1
- package/dist/tabs/TabsTrigger.vue.d.ts.map +1 -1
- package/dist/tabs/TabsTrigger.vue.js +15 -12
- package/dist/tabs/index.d.ts +2 -5
- package/dist/tabs/index.d.ts.map +1 -1
- package/dist/tabs/index.js +10 -24
- package/dist/tabs/tabs.variants.d.ts +6 -0
- package/dist/tabs/tabs.variants.d.ts.map +1 -0
- package/dist/tabs/tabs.variants.js +18 -0
- package/dist/tabs/useTabsOverflow.d.ts +20 -0
- package/dist/tabs/useTabsOverflow.d.ts.map +1 -0
- package/dist/tabs/useTabsOverflow.js +51 -0
- package/package.json +1 -1
package/dist/tabs/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAE7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AACrD,YAAY,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAA"}
|
package/dist/tabs/index.js
CHANGED
|
@@ -1,26 +1,12 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { default as
|
|
3
|
-
import { default as
|
|
4
|
-
import { default as
|
|
5
|
-
import {
|
|
6
|
-
const e = r(
|
|
7
|
-
"data-[state=active]:text-primary-500 hover:text-primary-500 cursor-pointer bg-background disabled:cursor-not-allowed font-bold text-sm transition-all duration-300 flex-1 inline-flex relative items-center gap-1.5 whitespace-nowrap",
|
|
8
|
-
{
|
|
9
|
-
variants: {
|
|
10
|
-
variant: {
|
|
11
|
-
default: "hover:bg-linear-(--tab-trigger-background) after:w-15 after:-rotate-20 hover:after:bg-linear-(--tab-trigger-background) rounded-t-md border border-transparent p-4 text-gray-600 after:absolute after:-bottom-[21%] after:-right-3 after:-z-10 after:h-[110%] after:rounded-md after:bg-neutral-100 disabled:hover:bg-none disabled:hover:text-gray-600 disabled:hover:after:bg-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0 h-full",
|
|
12
|
-
simple: "data-[state=active]:border-primary-500 border-b border-neutral-200 p-2 min-w-40"
|
|
13
|
-
}
|
|
14
|
-
},
|
|
15
|
-
defaultVariants: {
|
|
16
|
-
variant: "default"
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
);
|
|
1
|
+
import { default as r } from "./Tabs.vue.js";
|
|
2
|
+
import { default as o } from "./TabsContent.vue.js";
|
|
3
|
+
import { default as f } from "./TabsList.vue.js";
|
|
4
|
+
import { default as T } from "./TabsTrigger.vue.js";
|
|
5
|
+
import { tabsTriggerVariants as m } from "./tabs.variants.js";
|
|
20
6
|
export {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
7
|
+
r as AgtTabs,
|
|
8
|
+
o as AgtTabsContent,
|
|
9
|
+
f as AgtTabsList,
|
|
10
|
+
T as AgtTabsTrigger,
|
|
11
|
+
m as tabsTriggerVariants
|
|
26
12
|
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
export declare const tabsTriggerVariants: (props?: ({
|
|
3
|
+
variant?: "default" | "simple" | null | undefined;
|
|
4
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
5
|
+
export type TabsTriggerVariants = VariantProps<typeof tabsTriggerVariants>;
|
|
6
|
+
//# sourceMappingURL=tabs.variants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tabs.variants.d.ts","sourceRoot":"","sources":["../../src/tabs/tabs.variants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAG5D,eAAO,MAAM,mBAAmB;;8EAc/B,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAA"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { cva as r } from "class-variance-authority";
|
|
2
|
+
const t = r(
|
|
3
|
+
"data-[state=active]:text-primary-500 hover:text-primary-500 cursor-pointer bg-background disabled:cursor-not-allowed font-bold text-sm transition-all duration-300 flex-1 inline-flex relative items-center gap-1.5 whitespace-nowrap",
|
|
4
|
+
{
|
|
5
|
+
variants: {
|
|
6
|
+
variant: {
|
|
7
|
+
default: "hover:bg-linear-(--tab-trigger-background) after:w-15 after:-rotate-20 hover:after:bg-linear-(--tab-trigger-background) rounded-t-md border border-transparent p-4 text-gray-600 after:absolute after:-bottom-[21%] after:-right-3 after:-z-10 after:h-[110%] after:rounded-md after:bg-neutral-100 disabled:hover:bg-none disabled:hover:text-gray-600 disabled:hover:after:bg-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0 h-full",
|
|
8
|
+
simple: "data-[state=active]:border-primary-500 border-b border-neutral-200 p-2 min-w-40"
|
|
9
|
+
}
|
|
10
|
+
},
|
|
11
|
+
defaultVariants: {
|
|
12
|
+
variant: "default"
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
);
|
|
16
|
+
export {
|
|
17
|
+
t as tabsTriggerVariants
|
|
18
|
+
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { ComponentPublicInstance, Ref } from 'vue';
|
|
2
|
+
export interface OverflowTab {
|
|
3
|
+
id: string;
|
|
4
|
+
label: string;
|
|
5
|
+
isActive: boolean;
|
|
6
|
+
}
|
|
7
|
+
export declare function useTabsOverflow(listRef: Ref<ComponentPublicInstance | null>, wrapperRef: Ref<HTMLElement | null>): {
|
|
8
|
+
overflowTabs: Ref<{
|
|
9
|
+
id: string;
|
|
10
|
+
label: string;
|
|
11
|
+
isActive: boolean;
|
|
12
|
+
}[], OverflowTab[] | {
|
|
13
|
+
id: string;
|
|
14
|
+
label: string;
|
|
15
|
+
isActive: boolean;
|
|
16
|
+
}[]>;
|
|
17
|
+
hasOverflow: Ref<boolean, boolean>;
|
|
18
|
+
updateOverflow: () => void;
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=useTabsOverflow.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useTabsOverflow.d.ts","sourceRoot":"","sources":["../../src/tabs/useTabsOverflow.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAIvD,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,OAAO,CAAA;CAClB;AAID,wBAAgB,eAAe,CAC7B,OAAO,EAAE,GAAG,CAAC,uBAAuB,GAAG,IAAI,CAAC,EAC5C,UAAU,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC;;YAT/B,MAAM;eACH,MAAM;kBACH,OAAO;;YAFb,MAAM;eACH,MAAM;kBACH,OAAO;;;;EAiGlB"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { ref as b, onMounted as O, nextTick as P, computed as A } from "vue";
|
|
2
|
+
import { useResizeObserver as W, useMutationObserver as x } from "@vueuse/core";
|
|
3
|
+
const E = 180;
|
|
4
|
+
function S(l, i) {
|
|
5
|
+
const v = b([]), p = b(!1);
|
|
6
|
+
let a = !1;
|
|
7
|
+
const s = () => {
|
|
8
|
+
if (a || !l.value || !i.value) return;
|
|
9
|
+
const o = l.value.$el;
|
|
10
|
+
if (o) {
|
|
11
|
+
a = !0;
|
|
12
|
+
try {
|
|
13
|
+
const n = Array.from(
|
|
14
|
+
o.querySelectorAll('[data-slot="tabs-trigger"]')
|
|
15
|
+
);
|
|
16
|
+
n.forEach((r) => {
|
|
17
|
+
const t = r.parentElement;
|
|
18
|
+
t && (t.style.removeProperty("position"), t.style.removeProperty("width"), t.style.removeProperty("height"), t.style.removeProperty("padding"), t.style.removeProperty("margin"), t.style.removeProperty("overflow"), t.style.removeProperty("clip-path"), r.removeAttribute("tabindex"));
|
|
19
|
+
});
|
|
20
|
+
const u = i.value.clientWidth;
|
|
21
|
+
if (u === 0) return;
|
|
22
|
+
let f = 0, c = !1;
|
|
23
|
+
const d = [], w = 8;
|
|
24
|
+
n.forEach((r, t) => {
|
|
25
|
+
var m;
|
|
26
|
+
const e = r.parentElement;
|
|
27
|
+
if (!e) return;
|
|
28
|
+
const y = e.offsetWidth, h = t > 0 ? y + w : y, g = t === n.length - 1 && !c ? u : u - E;
|
|
29
|
+
f + h > g ? (c = !0, e.style.position = "absolute", e.style.width = "1px", e.style.height = "1px", e.style.padding = "0", e.style.margin = "-1px", e.style.overflow = "hidden", e.style.clipPath = "inset(50%)", r.setAttribute("tabindex", "-1"), d.push({
|
|
30
|
+
id: r.getAttribute("data-value") || String(t),
|
|
31
|
+
label: ((m = r.textContent) == null ? void 0 : m.trim()) ?? "",
|
|
32
|
+
isActive: r.getAttribute("data-state") === "active"
|
|
33
|
+
})) : f += h;
|
|
34
|
+
}), v.value = d, p.value = c;
|
|
35
|
+
} finally {
|
|
36
|
+
a = !1;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
};
|
|
40
|
+
return O(() => P(s)), W(i, s), x(
|
|
41
|
+
A(() => {
|
|
42
|
+
var o;
|
|
43
|
+
return (o = l.value) == null ? void 0 : o.$el;
|
|
44
|
+
}),
|
|
45
|
+
s,
|
|
46
|
+
{ childList: !0, subtree: !0, attributes: !0, attributeFilter: ["data-state"] }
|
|
47
|
+
), { overflowTabs: v, hasOverflow: p, updateOverflow: s };
|
|
48
|
+
}
|
|
49
|
+
export {
|
|
50
|
+
S as useTabsOverflow
|
|
51
|
+
};
|