asterui 0.12.1 → 0.12.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/Calendar.d.ts +23 -0
- package/dist/components/Checkbox.d.ts +10 -0
- package/dist/components/Dock.d.ts +38 -0
- package/dist/components/Mask.d.ts +14 -0
- package/dist/index.css +1 -0
- package/dist/index.d.ts +8 -1
- package/dist/index.js +203 -194
- package/dist/index.js.map +1 -1
- package/dist/index10.js +85 -59
- package/dist/index10.js.map +1 -1
- package/dist/index100.js +45 -7
- package/dist/index100.js.map +1 -1
- package/dist/index101.js +11 -11
- package/dist/index101.js.map +1 -1
- package/dist/index102.js +12 -28
- package/dist/index102.js.map +1 -1
- package/dist/index103.js +7 -17
- package/dist/index103.js.map +1 -1
- package/dist/index104.js +12 -10792
- package/dist/index104.js.map +1 -1
- package/dist/index105.js +31 -5
- package/dist/index105.js.map +1 -1
- package/dist/index106.js +16 -40
- package/dist/index106.js.map +1 -1
- package/dist/index107.js +174 -2
- package/dist/index107.js.map +1 -1
- package/dist/index109.js +10788 -147
- package/dist/index109.js.map +1 -1
- package/dist/index110.js +5 -30
- package/dist/index110.js.map +1 -1
- package/dist/index111.js +39 -27
- package/dist/index111.js.map +1 -1
- package/dist/index113.js +6 -71
- package/dist/index113.js.map +1 -1
- package/dist/index114.js +147 -34
- package/dist/index114.js.map +1 -1
- package/dist/index115.js +28 -24
- package/dist/index115.js.map +1 -1
- package/dist/index116.js +28 -19
- package/dist/index116.js.map +1 -1
- package/dist/index117.js +2 -24
- package/dist/index117.js.map +1 -1
- package/dist/index118.js +71 -19
- package/dist/index118.js.map +1 -1
- package/dist/index119.js +33 -94
- package/dist/index119.js.map +1 -1
- package/dist/index120.js +24 -358
- package/dist/index120.js.map +1 -1
- package/dist/index121.js +19 -23
- package/dist/index121.js.map +1 -1
- package/dist/index122.js +22 -71
- package/dist/index122.js.map +1 -1
- package/dist/index123.js +18 -14
- package/dist/index123.js.map +1 -1
- package/dist/index124.js +92 -58
- package/dist/index124.js.map +1 -1
- package/dist/index125.js +357 -141
- package/dist/index125.js.map +1 -1
- package/dist/index126.js +25 -2
- package/dist/index126.js.map +1 -1
- package/dist/index127.js +70 -53
- package/dist/index127.js.map +1 -1
- package/dist/index128.js +16 -2
- package/dist/index128.js.map +1 -1
- package/dist/index129.js +66 -2
- package/dist/index129.js.map +1 -1
- package/dist/index13.js +35 -95
- package/dist/index13.js.map +1 -1
- package/dist/index130.js +144 -2
- package/dist/index130.js.map +1 -1
- package/dist/index131.js +2 -2
- package/dist/index132.js +56 -2
- package/dist/index132.js.map +1 -1
- package/dist/index133.js +2 -2
- package/dist/index134.js +2 -2
- package/dist/index136.js +2 -32
- package/dist/index136.js.map +1 -1
- package/dist/index137.js +2 -2
- package/dist/index138.js +2 -8
- package/dist/index138.js.map +1 -1
- package/dist/index139.js +2 -2
- package/dist/index14.js +90 -153
- package/dist/index14.js.map +1 -1
- package/dist/index140.js +2 -2
- package/dist/index141.js +31 -20
- package/dist/index141.js.map +1 -1
- package/dist/index142.js +2 -2
- package/dist/index143.js +7 -23
- package/dist/index143.js.map +1 -1
- package/dist/index144.js +2 -71
- package/dist/index144.js.map +1 -1
- package/dist/index145.js +2 -21
- package/dist/index145.js.map +1 -1
- package/dist/index146.js +20 -33
- package/dist/index146.js.map +1 -1
- package/dist/index147.js +2 -70
- package/dist/index147.js.map +1 -1
- package/dist/index148.js +24 -2
- package/dist/index148.js.map +1 -1
- package/dist/index149.js +70 -21
- package/dist/index149.js.map +1 -1
- package/dist/index15.js +154 -146
- package/dist/index15.js.map +1 -1
- package/dist/index150.js +21 -2
- package/dist/index150.js.map +1 -1
- package/dist/index151.js +34 -2
- package/dist/index151.js.map +1 -1
- package/dist/index152.js +70 -2
- package/dist/index152.js.map +1 -1
- package/dist/index153.js +2 -2
- package/dist/index154.js +21 -3
- package/dist/index154.js.map +1 -1
- package/dist/index155.js +5 -0
- package/dist/index155.js.map +1 -0
- package/dist/index156.js +5 -0
- package/dist/index156.js.map +1 -0
- package/dist/index157.js +5 -0
- package/dist/index157.js.map +1 -0
- package/dist/index158.js +5 -0
- package/dist/index158.js.map +1 -0
- package/dist/index159.js +7 -0
- package/dist/index159.js.map +1 -0
- package/dist/index16.js +150 -5
- package/dist/index16.js.map +1 -1
- package/dist/index17.js +5 -71
- package/dist/index17.js.map +1 -1
- package/dist/index18.js +71 -17
- package/dist/index18.js.map +1 -1
- package/dist/index19.js +15 -96
- package/dist/index19.js.map +1 -1
- package/dist/index20.js +89 -105
- package/dist/index20.js.map +1 -1
- package/dist/index21.js +107 -177
- package/dist/index21.js.map +1 -1
- package/dist/index22.js +181 -107
- package/dist/index22.js.map +1 -1
- package/dist/index23.js +110 -19
- package/dist/index23.js.map +1 -1
- package/dist/index24.js +19 -32
- package/dist/index24.js.map +1 -1
- package/dist/index25.js +42 -40
- package/dist/index25.js.map +1 -1
- package/dist/index26.js +31 -11
- package/dist/index26.js.map +1 -1
- package/dist/index27.js +41 -33
- package/dist/index27.js.map +1 -1
- package/dist/index28.js +12 -63
- package/dist/index28.js.map +1 -1
- package/dist/index29.js +33 -80
- package/dist/index29.js.map +1 -1
- package/dist/index30.js +63 -18
- package/dist/index30.js.map +1 -1
- package/dist/index31.js +79 -219
- package/dist/index31.js.map +1 -1
- package/dist/index32.js +16 -1080
- package/dist/index32.js.map +1 -1
- package/dist/index33.js +218 -16
- package/dist/index33.js.map +1 -1
- package/dist/index34.js +1081 -121
- package/dist/index34.js.map +1 -1
- package/dist/index35.js +17 -39
- package/dist/index35.js.map +1 -1
- package/dist/index36.js +121 -190
- package/dist/index36.js.map +1 -1
- package/dist/index37.js +37 -94
- package/dist/index37.js.map +1 -1
- package/dist/index38.js +186 -157
- package/dist/index38.js.map +1 -1
- package/dist/index39.js +89 -138
- package/dist/index39.js.map +1 -1
- package/dist/index40.js +161 -14
- package/dist/index40.js.map +1 -1
- package/dist/index41.js +146 -18
- package/dist/index41.js.map +1 -1
- package/dist/index42.js +14 -20
- package/dist/index42.js.map +1 -1
- package/dist/index43.js +15 -116
- package/dist/index43.js.map +1 -1
- package/dist/index44.js +18 -10
- package/dist/index44.js.map +1 -1
- package/dist/index45.js +119 -35
- package/dist/index45.js.map +1 -1
- package/dist/index46.js +12 -115
- package/dist/index46.js.map +1 -1
- package/dist/index47.js +33 -174
- package/dist/index47.js.map +1 -1
- package/dist/index48.js +10 -147
- package/dist/index48.js.map +1 -1
- package/dist/index49.js +116 -12
- package/dist/index49.js.map +1 -1
- package/dist/index50.js +176 -22
- package/dist/index50.js.map +1 -1
- package/dist/index51.js +147 -14
- package/dist/index51.js.map +1 -1
- package/dist/index52.js +10 -5
- package/dist/index52.js.map +1 -1
- package/dist/index53.js +21 -265
- package/dist/index53.js.map +1 -1
- package/dist/index54.js +10 -13
- package/dist/index54.js.map +1 -1
- package/dist/index55.js +7 -122
- package/dist/index55.js.map +1 -1
- package/dist/index56.js +262 -106
- package/dist/index56.js.map +1 -1
- package/dist/index57.js +14 -167
- package/dist/index57.js.map +1 -1
- package/dist/index58.js +121 -31
- package/dist/index58.js.map +1 -1
- package/dist/index59.js +107 -119
- package/dist/index59.js.map +1 -1
- package/dist/index60.js +161 -77
- package/dist/index60.js.map +1 -1
- package/dist/index61.js +31 -19
- package/dist/index61.js.map +1 -1
- package/dist/index62.js +117 -69
- package/dist/index62.js.map +1 -1
- package/dist/index63.js +82 -53
- package/dist/index63.js.map +1 -1
- package/dist/index64.js +19 -44
- package/dist/index64.js.map +1 -1
- package/dist/index65.js +70 -48
- package/dist/index65.js.map +1 -1
- package/dist/index66.js +55 -60
- package/dist/index66.js.map +1 -1
- package/dist/index67.js +39 -101
- package/dist/index67.js.map +1 -1
- package/dist/index68.js +52 -41
- package/dist/index68.js.map +1 -1
- package/dist/index69.js +58 -64
- package/dist/index69.js.map +1 -1
- package/dist/index70.js +105 -19
- package/dist/index70.js.map +1 -1
- package/dist/index71.js +41 -46
- package/dist/index71.js.map +1 -1
- package/dist/index72.js +63 -129
- package/dist/index72.js.map +1 -1
- package/dist/index73.js +19 -50
- package/dist/index73.js.map +1 -1
- package/dist/index74.js +46 -22
- package/dist/index74.js.map +1 -1
- package/dist/index75.js +132 -29
- package/dist/index75.js.map +1 -1
- package/dist/index76.js +52 -22
- package/dist/index76.js.map +1 -1
- package/dist/index77.js +19 -326
- package/dist/index77.js.map +1 -1
- package/dist/index78.js +31 -56
- package/dist/index78.js.map +1 -1
- package/dist/index79.js +22 -40
- package/dist/index79.js.map +1 -1
- package/dist/index80.js +328 -22
- package/dist/index80.js.map +1 -1
- package/dist/index81.js +55 -94
- package/dist/index81.js.map +1 -1
- package/dist/index82.js +38 -128
- package/dist/index82.js.map +1 -1
- package/dist/index83.js +20 -158
- package/dist/index83.js.map +1 -1
- package/dist/index84.js +93 -63
- package/dist/index84.js.map +1 -1
- package/dist/index85.js +128 -33
- package/dist/index85.js.map +1 -1
- package/dist/index86.js +152 -225
- package/dist/index86.js.map +1 -1
- package/dist/index87.js +63 -32
- package/dist/index87.js.map +1 -1
- package/dist/index88.js +35 -210
- package/dist/index88.js.map +1 -1
- package/dist/index89.js +229 -208
- package/dist/index89.js.map +1 -1
- package/dist/index90.js +34 -295
- package/dist/index90.js.map +1 -1
- package/dist/index91.js +200 -168
- package/dist/index91.js.map +1 -1
- package/dist/index92.js +198 -243
- package/dist/index92.js.map +1 -1
- package/dist/index93.js +293 -12
- package/dist/index93.js.map +1 -1
- package/dist/index94.js +174 -29
- package/dist/index94.js.map +1 -1
- package/dist/index95.js +258 -6
- package/dist/index95.js.map +1 -1
- package/dist/index96.js +13 -13
- package/dist/index96.js.map +1 -1
- package/dist/index97.js +32 -45
- package/dist/index97.js.map +1 -1
- package/dist/index98.js +5 -12
- package/dist/index98.js.map +1 -1
- package/dist/index99.js +13 -14
- package/dist/index99.js.map +1 -1
- package/package.json +2 -1
- package/dist/index108.js +0 -10
- package/dist/index108.js.map +0 -1
package/dist/index89.js
CHANGED
|
@@ -1,216 +1,237 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
t.
|
|
15
|
-
});
|
|
16
|
-
};
|
|
17
|
-
return i(e), t;
|
|
18
|
-
}
|
|
19
|
-
function Z(e) {
|
|
20
|
-
const t = /* @__PURE__ */ new Map(), i = (r, l) => {
|
|
21
|
-
r.forEach((o) => {
|
|
22
|
-
t.set(o.key, l), o.children && i(o.children, o.key);
|
|
23
|
-
});
|
|
24
|
-
};
|
|
25
|
-
return i(e, null), t;
|
|
26
|
-
}
|
|
27
|
-
function A(e, t) {
|
|
28
|
-
for (const i of e) {
|
|
29
|
-
if (i.key === t) return i;
|
|
30
|
-
if (i.children) {
|
|
31
|
-
const r = A(i.children, t);
|
|
32
|
-
if (r) return r;
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
return null;
|
|
36
|
-
}
|
|
37
|
-
function _({
|
|
38
|
-
node: e,
|
|
39
|
-
level: t,
|
|
40
|
-
expanded: i,
|
|
41
|
-
selected: r,
|
|
42
|
-
checked: l,
|
|
43
|
-
indeterminate: o,
|
|
44
|
-
checkable: x,
|
|
45
|
-
selectable: M,
|
|
46
|
-
showLine: b,
|
|
47
|
-
showIcon: S,
|
|
48
|
-
onToggle: C,
|
|
49
|
-
onSelect: N,
|
|
50
|
-
onCheck: w,
|
|
51
|
-
renderChildren: j
|
|
52
|
-
}) {
|
|
53
|
-
const v = e.children && e.children.length > 0, m = e.isLeaf ?? !v, T = (f) => {
|
|
54
|
-
f.stopPropagation(), m || C(e.key);
|
|
55
|
-
}, L = () => {
|
|
56
|
-
M && e.selectable !== !1 && !e.disabled && N(e.key, e);
|
|
57
|
-
}, B = (f) => {
|
|
58
|
-
f.stopPropagation(), !e.disabled && !e.disableCheckbox && w(e.key, e);
|
|
59
|
-
};
|
|
60
|
-
return /* @__PURE__ */ H("div", { className: "tree-node", children: [
|
|
61
|
-
/* @__PURE__ */ H(
|
|
62
|
-
"div",
|
|
63
|
-
{
|
|
64
|
-
className: [
|
|
65
|
-
"flex items-center py-1 px-1 rounded cursor-pointer hover:bg-base-200 transition-colors",
|
|
66
|
-
r && "bg-primary/10 text-primary",
|
|
67
|
-
e.disabled && "opacity-50 cursor-not-allowed"
|
|
68
|
-
].filter(Boolean).join(" "),
|
|
69
|
-
style: { paddingLeft: `${t * 20}px` },
|
|
70
|
-
onClick: L,
|
|
71
|
-
children: [
|
|
72
|
-
/* @__PURE__ */ d(
|
|
73
|
-
"span",
|
|
74
|
-
{
|
|
75
|
-
className: [
|
|
76
|
-
"w-5 h-5 flex items-center justify-center flex-shrink-0",
|
|
77
|
-
!m && "cursor-pointer hover:bg-base-300 rounded"
|
|
78
|
-
].filter(Boolean).join(" "),
|
|
79
|
-
onClick: T,
|
|
80
|
-
children: !m && /* @__PURE__ */ d(
|
|
81
|
-
"svg",
|
|
82
|
-
{
|
|
83
|
-
className: `w-3 h-3 transition-transform ${i ? "rotate-90" : ""}`,
|
|
84
|
-
fill: "none",
|
|
85
|
-
viewBox: "0 0 24 24",
|
|
86
|
-
stroke: "currentColor",
|
|
87
|
-
children: /* @__PURE__ */ d("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" })
|
|
88
|
-
}
|
|
89
|
-
)
|
|
90
|
-
}
|
|
91
|
-
),
|
|
92
|
-
x && e.checkable !== !1 && /* @__PURE__ */ d("span", { className: "mr-1 flex-shrink-0", onClick: B, children: /* @__PURE__ */ d(
|
|
93
|
-
"input",
|
|
94
|
-
{
|
|
95
|
-
type: "checkbox",
|
|
96
|
-
className: "checkbox checkbox-sm checkbox-primary",
|
|
97
|
-
checked: l,
|
|
98
|
-
ref: (f) => {
|
|
99
|
-
f && (f.indeterminate = o);
|
|
100
|
-
},
|
|
101
|
-
disabled: e.disabled || e.disableCheckbox,
|
|
102
|
-
onChange: () => {
|
|
103
|
-
}
|
|
104
|
-
}
|
|
105
|
-
) }),
|
|
106
|
-
S && e.icon && /* @__PURE__ */ d("span", { className: "mr-1 flex-shrink-0", children: e.icon }),
|
|
107
|
-
/* @__PURE__ */ d("span", { className: "flex-1 truncate select-none", children: e.title })
|
|
108
|
-
]
|
|
109
|
-
}
|
|
110
|
-
),
|
|
111
|
-
v && i && /* @__PURE__ */ d("div", { className: b ? "border-l border-base-300 ml-2.5" : "", children: j(e.children, t + 1) })
|
|
112
|
-
] });
|
|
113
|
-
}
|
|
114
|
-
function se({
|
|
115
|
-
treeData: e,
|
|
116
|
-
checkable: t = !1,
|
|
117
|
-
selectable: i = !0,
|
|
118
|
-
multiple: r = !1,
|
|
119
|
-
defaultExpandAll: l = !1,
|
|
120
|
-
defaultExpandedKeys: o = [],
|
|
121
|
-
expandedKeys: x,
|
|
122
|
-
defaultSelectedKeys: M = [],
|
|
123
|
-
selectedKeys: b,
|
|
124
|
-
defaultCheckedKeys: S = [],
|
|
125
|
-
checkedKeys: C,
|
|
126
|
-
onExpand: N,
|
|
127
|
-
onSelect: w,
|
|
128
|
-
onCheck: j,
|
|
129
|
-
showLine: v = !1,
|
|
130
|
-
showIcon: m = !1,
|
|
131
|
-
className: T = "",
|
|
132
|
-
...L
|
|
133
|
-
}) {
|
|
134
|
-
const B = J(() => l ? Y(e) : o, []), [f, O] = $(B), [Q, R] = $(M), [U, V] = $(S), y = x ?? f, u = b ?? Q, p = C ?? U, P = J(() => Z(e), [e]), W = K(
|
|
135
|
-
(n) => {
|
|
136
|
-
if (!n.children || n.children.length === 0)
|
|
137
|
-
return { checked: p.includes(n.key), indeterminate: !1 };
|
|
138
|
-
const a = I(n), c = a.filter((s) => p.includes(s));
|
|
139
|
-
return c.length === 0 ? { checked: p.includes(n.key), indeterminate: !1 } : c.length === a.length ? { checked: !0, indeterminate: !1 } : { checked: !1, indeterminate: !0 };
|
|
1
|
+
import { jsxs as a, jsx as h } from "react/jsx-runtime";
|
|
2
|
+
import { useState as P, useRef as Z, useCallback as m, useEffect as g } from "react";
|
|
3
|
+
import { createPortal as I } from "react-dom";
|
|
4
|
+
const j = (t) => t ? typeof t == "function" ? t() : t.current : null, R = (t, f, e, i) => {
|
|
5
|
+
if (!t || f === "center")
|
|
6
|
+
return {
|
|
7
|
+
top: window.innerHeight / 2 - e.height / 2,
|
|
8
|
+
left: window.innerWidth / 2 - e.width / 2
|
|
9
|
+
};
|
|
10
|
+
const o = window.scrollY, r = window.scrollX;
|
|
11
|
+
return {
|
|
12
|
+
top: {
|
|
13
|
+
top: t.top + o - e.height - i,
|
|
14
|
+
left: t.left + r + t.width / 2 - e.width / 2
|
|
140
15
|
},
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
16
|
+
topLeft: {
|
|
17
|
+
top: t.top + o - e.height - i,
|
|
18
|
+
left: t.left + r
|
|
19
|
+
},
|
|
20
|
+
topRight: {
|
|
21
|
+
top: t.top + o - e.height - i,
|
|
22
|
+
left: t.right + r - e.width
|
|
23
|
+
},
|
|
24
|
+
bottom: {
|
|
25
|
+
top: t.bottom + o + i,
|
|
26
|
+
left: t.left + r + t.width / 2 - e.width / 2
|
|
27
|
+
},
|
|
28
|
+
bottomLeft: {
|
|
29
|
+
top: t.bottom + o + i,
|
|
30
|
+
left: t.left + r
|
|
31
|
+
},
|
|
32
|
+
bottomRight: {
|
|
33
|
+
top: t.bottom + o + i,
|
|
34
|
+
left: t.right + r - e.width
|
|
35
|
+
},
|
|
36
|
+
left: {
|
|
37
|
+
top: t.top + o + t.height / 2 - e.height / 2,
|
|
38
|
+
left: t.left + r - e.width - i
|
|
39
|
+
},
|
|
40
|
+
leftTop: {
|
|
41
|
+
top: t.top + o,
|
|
42
|
+
left: t.left + r - e.width - i
|
|
146
43
|
},
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
let c;
|
|
151
|
-
r ? u.includes(n) ? c = u.filter((s) => s !== n) : c = [...u, n] : c = u.includes(n) ? [] : [n], b === void 0 && R(c), w?.(c, { node: a, selected: c.includes(n) });
|
|
44
|
+
leftBottom: {
|
|
45
|
+
top: t.bottom + o - e.height,
|
|
46
|
+
left: t.left + r - e.width - i
|
|
152
47
|
},
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
const c = p.includes(n);
|
|
157
|
-
let s = [...p];
|
|
158
|
-
const g = I(a);
|
|
159
|
-
c ? s = s.filter(
|
|
160
|
-
(h) => h !== n && !g.includes(h)
|
|
161
|
-
) : (s.push(n), g.forEach((h) => {
|
|
162
|
-
s.includes(h) || s.push(h);
|
|
163
|
-
}));
|
|
164
|
-
let k = P.get(n) ?? null;
|
|
165
|
-
for (; k; ) {
|
|
166
|
-
const h = A(e, k);
|
|
167
|
-
h && h.children && (h.children.every(
|
|
168
|
-
(E) => s.includes(E.key) || I(E).every((X) => s.includes(X))
|
|
169
|
-
) ? s.includes(k) || s.push(k) : s = s.filter((E) => E !== k)), k = P.get(k) ?? null;
|
|
170
|
-
}
|
|
171
|
-
C === void 0 && V(s), j?.(s, { node: a, checked: !c });
|
|
48
|
+
right: {
|
|
49
|
+
top: t.top + o + t.height / 2 - e.height / 2,
|
|
50
|
+
left: t.right + r + i
|
|
172
51
|
},
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
52
|
+
rightTop: {
|
|
53
|
+
top: t.top + o,
|
|
54
|
+
left: t.right + r + i
|
|
55
|
+
},
|
|
56
|
+
rightBottom: {
|
|
57
|
+
top: t.bottom + o - e.height,
|
|
58
|
+
left: t.right + r + i
|
|
59
|
+
},
|
|
60
|
+
center: {
|
|
61
|
+
top: window.innerHeight / 2 - e.height / 2,
|
|
62
|
+
left: window.innerWidth / 2 - e.width / 2
|
|
63
|
+
}
|
|
64
|
+
}[f];
|
|
65
|
+
}, nt = ({
|
|
66
|
+
open: t = !1,
|
|
67
|
+
onClose: f,
|
|
68
|
+
onFinish: e,
|
|
69
|
+
steps: i,
|
|
70
|
+
current: o,
|
|
71
|
+
onChange: r,
|
|
72
|
+
mask: p = !0,
|
|
73
|
+
type: D = "default",
|
|
74
|
+
gap: c = 8,
|
|
75
|
+
prevButtonText: F = "Previous",
|
|
76
|
+
nextButtonText: H = "Next",
|
|
77
|
+
finishButtonText: U = "Finish",
|
|
78
|
+
skipButtonText: W = "Skip",
|
|
79
|
+
showSkip: X = !0,
|
|
80
|
+
showIndicators: Y = !0,
|
|
81
|
+
closeOnMaskClick: A = !0,
|
|
82
|
+
closeOnEscape: E = !0,
|
|
83
|
+
scrollIntoView: S = !0,
|
|
84
|
+
zIndex: v = 1e3
|
|
85
|
+
}) => {
|
|
86
|
+
const [q, T] = P(0), [w, z] = P(null), [B, G] = P({ top: 0, left: 0 }), N = Z(null), b = o !== void 0, s = b ? o : q, l = i[s], u = Array.isArray(c) ? c[0] : c, C = Array.isArray(c) ? c[1] : c, y = m(() => {
|
|
87
|
+
if (!l) return;
|
|
88
|
+
const d = j(l.target)?.getBoundingClientRect() ?? null;
|
|
89
|
+
if (z(d), N.current) {
|
|
90
|
+
const M = N.current.getBoundingClientRect(), Q = l.placement ?? "bottom", V = R(d, Q, M, C + u);
|
|
91
|
+
G(V);
|
|
92
|
+
}
|
|
93
|
+
}, [l, C, u]), k = m(
|
|
94
|
+
(n) => {
|
|
95
|
+
n < 0 || n >= i.length || (i[s]?.onClose?.(), b || T(n), r?.(n), i[n]?.onOpen?.());
|
|
96
|
+
},
|
|
97
|
+
[i, s, b, r]
|
|
98
|
+
), x = m(() => {
|
|
99
|
+
k(s - 1);
|
|
100
|
+
}, [s, k]), L = m(() => {
|
|
101
|
+
s === i.length - 1 ? (e?.(), f?.()) : k(s + 1);
|
|
102
|
+
}, [s, i.length, k, e, f]), K = m(() => {
|
|
103
|
+
f?.();
|
|
104
|
+
}, [f]), O = m(() => {
|
|
105
|
+
A && f?.();
|
|
106
|
+
}, [A, f]);
|
|
107
|
+
if (g(() => {
|
|
108
|
+
t && !b && T(0);
|
|
109
|
+
}, [t, b]), g(() => {
|
|
110
|
+
t && (y(), S && l?.target && j(l.target)?.scrollIntoView({ behavior: "smooth", block: "center" }), s === 0 && l?.onOpen?.());
|
|
111
|
+
}, [t, s, l, S, y]), g(() => {
|
|
112
|
+
if (!t) return;
|
|
113
|
+
const n = () => y();
|
|
114
|
+
return window.addEventListener("resize", n), window.addEventListener("scroll", n, !0), requestAnimationFrame(y), () => {
|
|
115
|
+
window.removeEventListener("resize", n), window.removeEventListener("scroll", n, !0);
|
|
116
|
+
};
|
|
117
|
+
}, [t, y]), g(() => {
|
|
118
|
+
if (!t || !E) return;
|
|
119
|
+
const n = (d) => {
|
|
120
|
+
d.key === "Escape" ? f?.() : d.key === "ArrowRight" || d.key === "ArrowDown" ? L() : (d.key === "ArrowLeft" || d.key === "ArrowUp") && x();
|
|
121
|
+
};
|
|
122
|
+
return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
|
|
123
|
+
}, [t, E, f, L, x]), !t || !l) return null;
|
|
124
|
+
const _ = s === 0, $ = s === i.length - 1, J = /* @__PURE__ */ a(
|
|
125
|
+
"div",
|
|
126
|
+
{
|
|
127
|
+
className: "fixed inset-0",
|
|
128
|
+
style: { zIndex: v },
|
|
129
|
+
"data-testid": "tour",
|
|
130
|
+
role: "dialog",
|
|
131
|
+
"aria-modal": "true",
|
|
132
|
+
children: [
|
|
133
|
+
p && /* @__PURE__ */ a(
|
|
134
|
+
"svg",
|
|
135
|
+
{
|
|
136
|
+
className: "absolute inset-0 w-full h-full pointer-events-auto",
|
|
137
|
+
onClick: O,
|
|
138
|
+
style: { zIndex: v },
|
|
139
|
+
children: [
|
|
140
|
+
/* @__PURE__ */ h("defs", { children: /* @__PURE__ */ a("mask", { id: "tour-mask", children: [
|
|
141
|
+
/* @__PURE__ */ h("rect", { x: "0", y: "0", width: "100%", height: "100%", fill: "white" }),
|
|
142
|
+
w && /* @__PURE__ */ h(
|
|
143
|
+
"rect",
|
|
144
|
+
{
|
|
145
|
+
x: w.left - u,
|
|
146
|
+
y: w.top - u,
|
|
147
|
+
width: w.width + u * 2,
|
|
148
|
+
height: w.height + u * 2,
|
|
149
|
+
rx: u,
|
|
150
|
+
fill: "black"
|
|
151
|
+
}
|
|
152
|
+
)
|
|
153
|
+
] }) }),
|
|
154
|
+
/* @__PURE__ */ h(
|
|
155
|
+
"rect",
|
|
156
|
+
{
|
|
157
|
+
x: "0",
|
|
158
|
+
y: "0",
|
|
159
|
+
width: "100%",
|
|
160
|
+
height: "100%",
|
|
161
|
+
fill: "rgba(0, 0, 0, 0.5)",
|
|
162
|
+
mask: "url(#tour-mask)"
|
|
163
|
+
}
|
|
164
|
+
)
|
|
165
|
+
]
|
|
166
|
+
}
|
|
167
|
+
),
|
|
168
|
+
/* @__PURE__ */ a(
|
|
169
|
+
"div",
|
|
170
|
+
{
|
|
171
|
+
ref: N,
|
|
172
|
+
className: `absolute bg-base-100 rounded-lg shadow-xl border border-base-300 max-w-sm ${l.className ?? ""}`,
|
|
173
|
+
style: {
|
|
174
|
+
top: B.top,
|
|
175
|
+
left: B.left,
|
|
176
|
+
zIndex: v + 1
|
|
177
|
+
},
|
|
178
|
+
onClick: (n) => n.stopPropagation(),
|
|
179
|
+
"data-testid": "tour-popover",
|
|
180
|
+
children: [
|
|
181
|
+
l.cover && /* @__PURE__ */ h("div", { className: "rounded-t-lg overflow-hidden", children: l.cover }),
|
|
182
|
+
/* @__PURE__ */ a("div", { className: "p-4", children: [
|
|
183
|
+
/* @__PURE__ */ h("h3", { className: "font-semibold text-lg mb-1", children: l.title }),
|
|
184
|
+
l.description && /* @__PURE__ */ h("p", { className: "text-base-content/70 text-sm mb-4", children: l.description }),
|
|
185
|
+
Y && i.length > 1 && /* @__PURE__ */ h("div", { className: "flex gap-1 mb-4", children: i.map((n, d) => /* @__PURE__ */ h(
|
|
186
|
+
"button",
|
|
187
|
+
{
|
|
188
|
+
className: `w-2 h-2 rounded-full transition-colors ${d === s ? "bg-primary" : "bg-base-300 hover:bg-base-content/30"}`,
|
|
189
|
+
onClick: () => k(d),
|
|
190
|
+
"aria-label": `Go to step ${d + 1}`
|
|
191
|
+
},
|
|
192
|
+
d
|
|
193
|
+
)) }),
|
|
194
|
+
/* @__PURE__ */ a("div", { className: "flex items-center justify-between gap-2", children: [
|
|
195
|
+
/* @__PURE__ */ h("div", { children: X && !$ && /* @__PURE__ */ h(
|
|
196
|
+
"button",
|
|
197
|
+
{
|
|
198
|
+
className: "btn btn-ghost btn-sm",
|
|
199
|
+
onClick: K,
|
|
200
|
+
"data-testid": "tour-skip",
|
|
201
|
+
children: W
|
|
202
|
+
}
|
|
203
|
+
) }),
|
|
204
|
+
/* @__PURE__ */ a("div", { className: "flex gap-2", children: [
|
|
205
|
+
!_ && /* @__PURE__ */ h(
|
|
206
|
+
"button",
|
|
207
|
+
{
|
|
208
|
+
className: "btn btn-ghost btn-sm",
|
|
209
|
+
onClick: x,
|
|
210
|
+
"data-testid": "tour-prev",
|
|
211
|
+
children: F
|
|
212
|
+
}
|
|
213
|
+
),
|
|
214
|
+
/* @__PURE__ */ h(
|
|
215
|
+
"button",
|
|
216
|
+
{
|
|
217
|
+
className: `btn btn-sm ${D === "primary" ? "btn-primary" : ""}`,
|
|
218
|
+
onClick: L,
|
|
219
|
+
"data-testid": "tour-next",
|
|
220
|
+
children: $ ? U : H
|
|
221
|
+
}
|
|
222
|
+
)
|
|
223
|
+
] })
|
|
224
|
+
] })
|
|
225
|
+
] })
|
|
226
|
+
]
|
|
227
|
+
}
|
|
228
|
+
)
|
|
229
|
+
]
|
|
230
|
+
}
|
|
210
231
|
);
|
|
211
|
-
return
|
|
212
|
-
}
|
|
232
|
+
return I(J, document.body);
|
|
233
|
+
};
|
|
213
234
|
export {
|
|
214
|
-
|
|
235
|
+
nt as Tour
|
|
215
236
|
};
|
|
216
237
|
//# sourceMappingURL=index89.js.map
|
package/dist/index89.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index89.js","sources":["../src/components/Tree.tsx"],"sourcesContent":["import React, { useState, useCallback, useMemo } from 'react'\n\nexport interface TreeDataNode {\n key: string\n title: React.ReactNode\n children?: TreeDataNode[]\n disabled?: boolean\n disableCheckbox?: boolean\n selectable?: boolean\n checkable?: boolean\n icon?: React.ReactNode\n isLeaf?: boolean\n}\n\nexport interface TreeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {\n treeData: TreeDataNode[]\n checkable?: boolean\n selectable?: boolean\n multiple?: boolean\n defaultExpandAll?: boolean\n defaultExpandedKeys?: string[]\n expandedKeys?: string[]\n defaultSelectedKeys?: string[]\n selectedKeys?: string[]\n defaultCheckedKeys?: string[]\n checkedKeys?: string[]\n onExpand?: (expandedKeys: string[], info: { node: TreeDataNode; expanded: boolean }) => void\n onSelect?: (selectedKeys: string[], info: { node: TreeDataNode; selected: boolean }) => void\n onCheck?: (checkedKeys: string[], info: { node: TreeDataNode; checked: boolean }) => void\n showLine?: boolean\n showIcon?: boolean\n}\n\n// Helper to get all keys from tree data\nfunction getAllKeys(data: TreeDataNode[]): string[] {\n const keys: string[] = []\n const traverse = (nodes: TreeDataNode[]) => {\n nodes.forEach((node) => {\n keys.push(node.key)\n if (node.children) {\n traverse(node.children)\n }\n })\n }\n traverse(data)\n return keys\n}\n\n// Helper to get all descendant keys\nfunction getDescendantKeys(node: TreeDataNode): string[] {\n const keys: string[] = []\n const traverse = (n: TreeDataNode) => {\n if (n.children) {\n n.children.forEach((child) => {\n keys.push(child.key)\n traverse(child)\n })\n }\n }\n traverse(node)\n return keys\n}\n\n// Helper to get parent map\nfunction getParentMap(data: TreeDataNode[]): Map<string, string | null> {\n const map = new Map<string, string | null>()\n const traverse = (nodes: TreeDataNode[], parentKey: string | null) => {\n nodes.forEach((node) => {\n map.set(node.key, parentKey)\n if (node.children) {\n traverse(node.children, node.key)\n }\n })\n }\n traverse(data, null)\n return map\n}\n\n// Helper to find node by key\nfunction findNode(data: TreeDataNode[], key: string): TreeDataNode | null {\n for (const node of data) {\n if (node.key === key) return node\n if (node.children) {\n const found = findNode(node.children, key)\n if (found) return found\n }\n }\n return null\n}\n\ninterface TreeNodeProps {\n node: TreeDataNode\n level: number\n expanded: boolean\n selected: boolean\n checked: boolean\n indeterminate: boolean\n checkable: boolean\n selectable: boolean\n showLine: boolean\n showIcon: boolean\n onToggle: (key: string) => void\n onSelect: (key: string, node: TreeDataNode) => void\n onCheck: (key: string, node: TreeDataNode) => void\n renderChildren: (children: TreeDataNode[], level: number) => React.ReactNode\n}\n\nfunction TreeNode({\n node,\n level,\n expanded,\n selected,\n checked,\n indeterminate,\n checkable,\n selectable,\n showLine,\n showIcon,\n onToggle,\n onSelect,\n onCheck,\n renderChildren,\n}: TreeNodeProps) {\n const hasChildren = node.children && node.children.length > 0\n const isLeaf = node.isLeaf ?? !hasChildren\n\n const handleToggle = (e: React.MouseEvent) => {\n e.stopPropagation()\n if (!isLeaf) {\n onToggle(node.key)\n }\n }\n\n const handleSelect = () => {\n if (selectable && node.selectable !== false && !node.disabled) {\n onSelect(node.key, node)\n }\n }\n\n const handleCheck = (e: React.MouseEvent) => {\n e.stopPropagation()\n if (!node.disabled && !node.disableCheckbox) {\n onCheck(node.key, node)\n }\n }\n\n return (\n <div className=\"tree-node\">\n <div\n className={[\n 'flex items-center py-1 px-1 rounded cursor-pointer hover:bg-base-200 transition-colors',\n selected && 'bg-primary/10 text-primary',\n node.disabled && 'opacity-50 cursor-not-allowed',\n ]\n .filter(Boolean)\n .join(' ')}\n style={{ paddingLeft: `${level * 20}px` }}\n onClick={handleSelect}\n >\n {/* Expand/Collapse icon */}\n <span\n className={[\n 'w-5 h-5 flex items-center justify-center flex-shrink-0',\n !isLeaf && 'cursor-pointer hover:bg-base-300 rounded',\n ]\n .filter(Boolean)\n .join(' ')}\n onClick={handleToggle}\n >\n {!isLeaf && (\n <svg\n className={`w-3 h-3 transition-transform ${expanded ? 'rotate-90' : ''}`}\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n stroke=\"currentColor\"\n >\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 5l7 7-7 7\" />\n </svg>\n )}\n </span>\n\n {/* Checkbox */}\n {checkable && node.checkable !== false && (\n <span className=\"mr-1 flex-shrink-0\" onClick={handleCheck}>\n <input\n type=\"checkbox\"\n className=\"checkbox checkbox-sm checkbox-primary\"\n checked={checked}\n ref={(el) => {\n if (el) el.indeterminate = indeterminate\n }}\n disabled={node.disabled || node.disableCheckbox}\n onChange={() => {}}\n />\n </span>\n )}\n\n {/* Custom icon */}\n {showIcon && node.icon && <span className=\"mr-1 flex-shrink-0\">{node.icon}</span>}\n\n {/* Title */}\n <span className=\"flex-1 truncate select-none\">{node.title}</span>\n </div>\n\n {/* Children */}\n {hasChildren && expanded && (\n <div className={showLine ? 'border-l border-base-300 ml-2.5' : ''}>\n {renderChildren(node.children!, level + 1)}\n </div>\n )}\n </div>\n )\n}\n\nexport function Tree({\n treeData,\n checkable = false,\n selectable = true,\n multiple = false,\n defaultExpandAll = false,\n defaultExpandedKeys = [],\n expandedKeys: controlledExpandedKeys,\n defaultSelectedKeys = [],\n selectedKeys: controlledSelectedKeys,\n defaultCheckedKeys = [],\n checkedKeys: controlledCheckedKeys,\n onExpand,\n onSelect,\n onCheck,\n showLine = false,\n showIcon = false,\n className = '',\n ...rest\n}: TreeProps) {\n // Initialize expanded keys\n const initialExpandedKeys = useMemo(() => {\n if (defaultExpandAll) {\n return getAllKeys(treeData)\n }\n return defaultExpandedKeys\n }, [])\n\n const [internalExpandedKeys, setInternalExpandedKeys] = useState<string[]>(initialExpandedKeys)\n const [internalSelectedKeys, setInternalSelectedKeys] = useState<string[]>(defaultSelectedKeys)\n const [internalCheckedKeys, setInternalCheckedKeys] = useState<string[]>(defaultCheckedKeys)\n\n const expandedKeys = controlledExpandedKeys ?? internalExpandedKeys\n const selectedKeys = controlledSelectedKeys ?? internalSelectedKeys\n const checkedKeys = controlledCheckedKeys ?? internalCheckedKeys\n\n const parentMap = useMemo(() => getParentMap(treeData), [treeData])\n\n // Calculate indeterminate state for each node\n const getCheckedState = useCallback(\n (node: TreeDataNode): { checked: boolean; indeterminate: boolean } => {\n if (!node.children || node.children.length === 0) {\n return { checked: checkedKeys.includes(node.key), indeterminate: false }\n }\n\n const descendantKeys = getDescendantKeys(node)\n const checkedDescendants = descendantKeys.filter((k) => checkedKeys.includes(k))\n\n if (checkedDescendants.length === 0) {\n return { checked: checkedKeys.includes(node.key), indeterminate: false }\n }\n\n if (checkedDescendants.length === descendantKeys.length) {\n return { checked: true, indeterminate: false }\n }\n\n return { checked: false, indeterminate: true }\n },\n [checkedKeys]\n )\n\n const handleToggle = useCallback(\n (key: string) => {\n const node = findNode(treeData, key)\n const isExpanded = expandedKeys.includes(key)\n const newExpandedKeys = isExpanded\n ? expandedKeys.filter((k) => k !== key)\n : [...expandedKeys, key]\n\n if (controlledExpandedKeys === undefined) {\n setInternalExpandedKeys(newExpandedKeys)\n }\n\n onExpand?.(newExpandedKeys, { node: node!, expanded: !isExpanded })\n },\n [expandedKeys, controlledExpandedKeys, onExpand, treeData]\n )\n\n const handleSelect = useCallback(\n (key: string, node: TreeDataNode) => {\n let newSelectedKeys: string[]\n\n if (multiple) {\n if (selectedKeys.includes(key)) {\n newSelectedKeys = selectedKeys.filter((k) => k !== key)\n } else {\n newSelectedKeys = [...selectedKeys, key]\n }\n } else {\n newSelectedKeys = selectedKeys.includes(key) ? [] : [key]\n }\n\n if (controlledSelectedKeys === undefined) {\n setInternalSelectedKeys(newSelectedKeys)\n }\n\n onSelect?.(newSelectedKeys, { node, selected: newSelectedKeys.includes(key) })\n },\n [selectedKeys, multiple, controlledSelectedKeys, onSelect]\n )\n\n const handleCheck = useCallback(\n (key: string, node: TreeDataNode) => {\n const isChecked = checkedKeys.includes(key)\n let newCheckedKeys = [...checkedKeys]\n\n // Get all descendant keys\n const descendantKeys = getDescendantKeys(node)\n\n if (isChecked) {\n // Uncheck this node and all descendants\n newCheckedKeys = newCheckedKeys.filter(\n (k) => k !== key && !descendantKeys.includes(k)\n )\n } else {\n // Check this node and all descendants\n newCheckedKeys.push(key)\n descendantKeys.forEach((dk) => {\n if (!newCheckedKeys.includes(dk)) {\n newCheckedKeys.push(dk)\n }\n })\n }\n\n // Update parent states\n let currentKey: string | null = parentMap.get(key) ?? null\n while (currentKey) {\n const parentNode = findNode(treeData, currentKey)\n if (parentNode && parentNode.children) {\n const allChildrenChecked = parentNode.children.every(\n (child) =>\n newCheckedKeys.includes(child.key) ||\n getDescendantKeys(child).every((dk) => newCheckedKeys.includes(dk))\n )\n\n if (allChildrenChecked) {\n if (!newCheckedKeys.includes(currentKey)) {\n newCheckedKeys.push(currentKey)\n }\n } else {\n newCheckedKeys = newCheckedKeys.filter((k) => k !== currentKey)\n }\n }\n currentKey = parentMap.get(currentKey) ?? null\n }\n\n if (controlledCheckedKeys === undefined) {\n setInternalCheckedKeys(newCheckedKeys)\n }\n\n onCheck?.(newCheckedKeys, { node, checked: !isChecked })\n },\n [checkedKeys, controlledCheckedKeys, onCheck, parentMap, treeData]\n )\n\n const renderNodes = useCallback(\n (nodes: TreeDataNode[], level: number): React.ReactNode => {\n return nodes.map((node) => {\n const { checked, indeterminate } = getCheckedState(node)\n\n return (\n <TreeNode\n key={node.key}\n node={node}\n level={level}\n expanded={expandedKeys.includes(node.key)}\n selected={selectedKeys.includes(node.key)}\n checked={checked}\n indeterminate={indeterminate}\n checkable={checkable}\n selectable={selectable}\n showLine={showLine}\n showIcon={showIcon}\n onToggle={handleToggle}\n onSelect={handleSelect}\n onCheck={handleCheck}\n renderChildren={renderNodes}\n />\n )\n })\n },\n [\n expandedKeys,\n selectedKeys,\n checkable,\n selectable,\n showLine,\n showIcon,\n handleToggle,\n handleSelect,\n handleCheck,\n getCheckedState,\n ]\n )\n\n return <div className={`tree ${className}`} {...rest}>{renderNodes(treeData, 0)}</div>\n}\n"],"names":["getAllKeys","data","keys","traverse","nodes","node","getDescendantKeys","n","child","getParentMap","map","parentKey","findNode","key","found","TreeNode","level","expanded","selected","checked","indeterminate","checkable","selectable","showLine","showIcon","onToggle","onSelect","onCheck","renderChildren","hasChildren","isLeaf","handleToggle","e","handleSelect","handleCheck","jsxs","jsx","el","Tree","treeData","multiple","defaultExpandAll","defaultExpandedKeys","controlledExpandedKeys","defaultSelectedKeys","controlledSelectedKeys","defaultCheckedKeys","controlledCheckedKeys","onExpand","className","rest","initialExpandedKeys","useMemo","internalExpandedKeys","setInternalExpandedKeys","useState","internalSelectedKeys","setInternalSelectedKeys","internalCheckedKeys","setInternalCheckedKeys","expandedKeys","selectedKeys","checkedKeys","parentMap","getCheckedState","useCallback","descendantKeys","checkedDescendants","k","isExpanded","newExpandedKeys","newSelectedKeys","isChecked","newCheckedKeys","dk","currentKey","parentNode","renderNodes"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index89.js","sources":["../src/components/Tour.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback, useRef } from 'react'\nimport { createPortal } from 'react-dom'\n\nexport type TourPlacement =\n | 'top'\n | 'topLeft'\n | 'topRight'\n | 'bottom'\n | 'bottomLeft'\n | 'bottomRight'\n | 'left'\n | 'leftTop'\n | 'leftBottom'\n | 'right'\n | 'rightTop'\n | 'rightBottom'\n | 'center'\n\nexport interface TourStepProps {\n /** Target element ref or function returning element */\n target?: React.RefObject<HTMLElement | null> | (() => HTMLElement | null) | null\n /** Step title */\n title: React.ReactNode\n /** Step description */\n description?: React.ReactNode\n /** Cover image or content above title */\n cover?: React.ReactNode\n /** Placement of popover relative to target */\n placement?: TourPlacement\n /** Custom class for this step's popover */\n className?: string\n /** Called when this step becomes active */\n onOpen?: () => void\n /** Called when leaving this step */\n onClose?: () => void\n}\n\nexport interface TourProps {\n /** Whether tour is visible */\n open?: boolean\n /** Callback when tour closes */\n onClose?: () => void\n /** Callback when tour finishes (last step completed) */\n onFinish?: () => void\n /** Tour steps */\n steps: TourStepProps[]\n /** Current step (controlled) */\n current?: number\n /** Callback when step changes */\n onChange?: (current: number) => void\n /** Show mask overlay */\n mask?: boolean\n /** Type affects styling */\n type?: 'default' | 'primary'\n /** Gap between highlight and target [radius, offset] or single number */\n gap?: number | [number, number]\n /** Text for prev button */\n prevButtonText?: React.ReactNode\n /** Text for next button */\n nextButtonText?: React.ReactNode\n /** Text for finish button */\n finishButtonText?: React.ReactNode\n /** Text for skip button */\n skipButtonText?: React.ReactNode\n /** Show skip button */\n showSkip?: boolean\n /** Show step indicators */\n showIndicators?: boolean\n /** Close on mask click */\n closeOnMaskClick?: boolean\n /** Close on escape key */\n closeOnEscape?: boolean\n /** Scroll target into view */\n scrollIntoView?: boolean\n /** Z-index for tour overlay */\n zIndex?: number\n}\n\nconst getTargetElement = (\n target: TourStepProps['target']\n): HTMLElement | null => {\n if (!target) return null\n if (typeof target === 'function') return target()\n return target.current\n}\n\nconst getPopoverPosition = (\n targetRect: DOMRect | null,\n placement: TourPlacement,\n popoverRect: DOMRect,\n gap: number\n): { top: number; left: number } => {\n if (!targetRect || placement === 'center') {\n return {\n top: window.innerHeight / 2 - popoverRect.height / 2,\n left: window.innerWidth / 2 - popoverRect.width / 2,\n }\n }\n\n const scrollY = window.scrollY\n const scrollX = window.scrollX\n\n const positions: Record<TourPlacement, { top: number; left: number }> = {\n top: {\n top: targetRect.top + scrollY - popoverRect.height - gap,\n left: targetRect.left + scrollX + targetRect.width / 2 - popoverRect.width / 2,\n },\n topLeft: {\n top: targetRect.top + scrollY - popoverRect.height - gap,\n left: targetRect.left + scrollX,\n },\n topRight: {\n top: targetRect.top + scrollY - popoverRect.height - gap,\n left: targetRect.right + scrollX - popoverRect.width,\n },\n bottom: {\n top: targetRect.bottom + scrollY + gap,\n left: targetRect.left + scrollX + targetRect.width / 2 - popoverRect.width / 2,\n },\n bottomLeft: {\n top: targetRect.bottom + scrollY + gap,\n left: targetRect.left + scrollX,\n },\n bottomRight: {\n top: targetRect.bottom + scrollY + gap,\n left: targetRect.right + scrollX - popoverRect.width,\n },\n left: {\n top: targetRect.top + scrollY + targetRect.height / 2 - popoverRect.height / 2,\n left: targetRect.left + scrollX - popoverRect.width - gap,\n },\n leftTop: {\n top: targetRect.top + scrollY,\n left: targetRect.left + scrollX - popoverRect.width - gap,\n },\n leftBottom: {\n top: targetRect.bottom + scrollY - popoverRect.height,\n left: targetRect.left + scrollX - popoverRect.width - gap,\n },\n right: {\n top: targetRect.top + scrollY + targetRect.height / 2 - popoverRect.height / 2,\n left: targetRect.right + scrollX + gap,\n },\n rightTop: {\n top: targetRect.top + scrollY,\n left: targetRect.right + scrollX + gap,\n },\n rightBottom: {\n top: targetRect.bottom + scrollY - popoverRect.height,\n left: targetRect.right + scrollX + gap,\n },\n center: {\n top: window.innerHeight / 2 - popoverRect.height / 2,\n left: window.innerWidth / 2 - popoverRect.width / 2,\n },\n }\n\n return positions[placement]\n}\n\nexport const Tour: React.FC<TourProps> = ({\n open = false,\n onClose,\n onFinish,\n steps,\n current: controlledCurrent,\n onChange,\n mask = true,\n type = 'default',\n gap = 8,\n prevButtonText = 'Previous',\n nextButtonText = 'Next',\n finishButtonText = 'Finish',\n skipButtonText = 'Skip',\n showSkip = true,\n showIndicators = true,\n closeOnMaskClick = true,\n closeOnEscape = true,\n scrollIntoView = true,\n zIndex = 1000,\n}) => {\n const [internalCurrent, setInternalCurrent] = useState(0)\n const [targetRect, setTargetRect] = useState<DOMRect | null>(null)\n const [popoverPosition, setPopoverPosition] = useState({ top: 0, left: 0 })\n const popoverRef = useRef<HTMLDivElement>(null)\n\n const isControlled = controlledCurrent !== undefined\n const currentStep = isControlled ? controlledCurrent : internalCurrent\n const step = steps[currentStep]\n\n const gapRadius = Array.isArray(gap) ? gap[0] : gap\n const gapOffset = Array.isArray(gap) ? gap[1] : gap\n\n const updatePosition = useCallback(() => {\n if (!step) return\n\n const target = getTargetElement(step.target)\n const rect = target?.getBoundingClientRect() ?? null\n setTargetRect(rect)\n\n if (popoverRef.current) {\n const popoverRect = popoverRef.current.getBoundingClientRect()\n const placement = step.placement ?? 'bottom'\n const pos = getPopoverPosition(rect, placement, popoverRect, gapOffset + gapRadius)\n setPopoverPosition(pos)\n }\n }, [step, gapOffset, gapRadius])\n\n const goToStep = useCallback(\n (stepIndex: number) => {\n if (stepIndex < 0 || stepIndex >= steps.length) return\n\n // Call onClose for current step\n steps[currentStep]?.onClose?.()\n\n if (!isControlled) {\n setInternalCurrent(stepIndex)\n }\n onChange?.(stepIndex)\n\n // Call onOpen for new step\n steps[stepIndex]?.onOpen?.()\n },\n [steps, currentStep, isControlled, onChange]\n )\n\n const handlePrev = useCallback(() => {\n goToStep(currentStep - 1)\n }, [currentStep, goToStep])\n\n const handleNext = useCallback(() => {\n if (currentStep === steps.length - 1) {\n onFinish?.()\n onClose?.()\n } else {\n goToStep(currentStep + 1)\n }\n }, [currentStep, steps.length, goToStep, onFinish, onClose])\n\n const handleSkip = useCallback(() => {\n onClose?.()\n }, [onClose])\n\n const handleMaskClick = useCallback(() => {\n if (closeOnMaskClick) {\n onClose?.()\n }\n }, [closeOnMaskClick, onClose])\n\n // Reset to first step when opening\n useEffect(() => {\n if (open && !isControlled) {\n setInternalCurrent(0)\n }\n }, [open, isControlled])\n\n // Update position on step change or open\n useEffect(() => {\n if (!open) return\n\n updatePosition()\n\n // Scroll target into view\n if (scrollIntoView && step?.target) {\n const target = getTargetElement(step.target)\n target?.scrollIntoView({ behavior: 'smooth', block: 'center' })\n }\n\n // Call onOpen for first step\n if (currentStep === 0) {\n step?.onOpen?.()\n }\n }, [open, currentStep, step, scrollIntoView, updatePosition])\n\n // Update position on resize/scroll\n useEffect(() => {\n if (!open) return\n\n const handleUpdate = () => updatePosition()\n window.addEventListener('resize', handleUpdate)\n window.addEventListener('scroll', handleUpdate, true)\n\n // Initial position after popover renders\n requestAnimationFrame(updatePosition)\n\n return () => {\n window.removeEventListener('resize', handleUpdate)\n window.removeEventListener('scroll', handleUpdate, true)\n }\n }, [open, updatePosition])\n\n // Keyboard handling\n useEffect(() => {\n if (!open || !closeOnEscape) return\n\n const handleKeyDown = (e: KeyboardEvent) => {\n if (e.key === 'Escape') {\n onClose?.()\n } else if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {\n handleNext()\n } else if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {\n handlePrev()\n }\n }\n\n document.addEventListener('keydown', handleKeyDown)\n return () => document.removeEventListener('keydown', handleKeyDown)\n }, [open, closeOnEscape, onClose, handleNext, handlePrev])\n\n if (!open || !step) return null\n\n const isFirstStep = currentStep === 0\n const isLastStep = currentStep === steps.length - 1\n\n const content = (\n <div\n className=\"fixed inset-0\"\n style={{ zIndex }}\n data-testid=\"tour\"\n role=\"dialog\"\n aria-modal=\"true\"\n >\n {/* Mask overlay with spotlight cutout */}\n {mask && (\n <svg\n className=\"absolute inset-0 w-full h-full pointer-events-auto\"\n onClick={handleMaskClick}\n style={{ zIndex }}\n >\n <defs>\n <mask id=\"tour-mask\">\n <rect x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" fill=\"white\" />\n {targetRect && (\n <rect\n x={targetRect.left - gapRadius}\n y={targetRect.top - gapRadius}\n width={targetRect.width + gapRadius * 2}\n height={targetRect.height + gapRadius * 2}\n rx={gapRadius}\n fill=\"black\"\n />\n )}\n </mask>\n </defs>\n <rect\n x=\"0\"\n y=\"0\"\n width=\"100%\"\n height=\"100%\"\n fill=\"rgba(0, 0, 0, 0.5)\"\n mask=\"url(#tour-mask)\"\n />\n </svg>\n )}\n\n {/* Popover */}\n <div\n ref={popoverRef}\n className={`absolute bg-base-100 rounded-lg shadow-xl border border-base-300 max-w-sm ${step.className ?? ''}`}\n style={{\n top: popoverPosition.top,\n left: popoverPosition.left,\n zIndex: zIndex + 1,\n }}\n onClick={(e) => e.stopPropagation()}\n data-testid=\"tour-popover\"\n >\n {/* Cover */}\n {step.cover && (\n <div className=\"rounded-t-lg overflow-hidden\">{step.cover}</div>\n )}\n\n {/* Content */}\n <div className=\"p-4\">\n <h3 className=\"font-semibold text-lg mb-1\">{step.title}</h3>\n {step.description && (\n <p className=\"text-base-content/70 text-sm mb-4\">{step.description}</p>\n )}\n\n {/* Indicators */}\n {showIndicators && steps.length > 1 && (\n <div className=\"flex gap-1 mb-4\">\n {steps.map((_, index) => (\n <button\n key={index}\n className={`w-2 h-2 rounded-full transition-colors ${\n index === currentStep\n ? 'bg-primary'\n : 'bg-base-300 hover:bg-base-content/30'\n }`}\n onClick={() => goToStep(index)}\n aria-label={`Go to step ${index + 1}`}\n />\n ))}\n </div>\n )}\n\n {/* Navigation */}\n <div className=\"flex items-center justify-between gap-2\">\n <div>\n {showSkip && !isLastStep && (\n <button\n className=\"btn btn-ghost btn-sm\"\n onClick={handleSkip}\n data-testid=\"tour-skip\"\n >\n {skipButtonText}\n </button>\n )}\n </div>\n <div className=\"flex gap-2\">\n {!isFirstStep && (\n <button\n className=\"btn btn-ghost btn-sm\"\n onClick={handlePrev}\n data-testid=\"tour-prev\"\n >\n {prevButtonText}\n </button>\n )}\n <button\n className={`btn btn-sm ${type === 'primary' ? 'btn-primary' : ''}`}\n onClick={handleNext}\n data-testid=\"tour-next\"\n >\n {isLastStep ? finishButtonText : nextButtonText}\n </button>\n </div>\n </div>\n </div>\n </div>\n </div>\n )\n\n return createPortal(content, document.body)\n}\n"],"names":["getTargetElement","target","getPopoverPosition","targetRect","placement","popoverRect","gap","scrollY","scrollX","Tour","open","onClose","onFinish","steps","controlledCurrent","onChange","mask","type","prevButtonText","nextButtonText","finishButtonText","skipButtonText","showSkip","showIndicators","closeOnMaskClick","closeOnEscape","scrollIntoView","zIndex","internalCurrent","setInternalCurrent","useState","setTargetRect","popoverPosition","setPopoverPosition","popoverRef","useRef","isControlled","currentStep","step","gapRadius","gapOffset","updatePosition","useCallback","rect","pos","goToStep","stepIndex","handlePrev","handleNext","handleSkip","handleMaskClick","useEffect","handleUpdate","handleKeyDown","e","isFirstStep","isLastStep","content","jsxs","jsx","_","index","createPortal"],"mappings":"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"}
|