@blocklet/pages-kit-inner-components 0.5.53 → 0.5.55

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.
@@ -0,0 +1,566 @@
1
+ import { jsx as t, jsxs as N } from "react/jsx-runtime";
2
+ import { u as J, d as Q, e as gt, f as ft, g as ht, c as bt } from "./state-l--dTdHq.js";
3
+ import { useLocaleContext as X } from "@arcblock/ux/lib/Locale/context";
4
+ import Z from "@arcblock/ux/lib/Result";
5
+ import { useHeaderState as yt } from "@blocklet/pages-kit/builtin/page/header";
6
+ import { useColorConvert as vt } from "@blocklet/pages-kit/contexts/color";
7
+ import { setPageDataSource as tt } from "@blocklet/pages-kit/utils/data-source";
8
+ import { generateParamCombinations as wt } from "@blocklet/pages-kit/utils/route";
9
+ import xt from "@blocklet/ui-react/lib/Header";
10
+ import { cx as kt } from "@emotion/css";
11
+ import { Global as et, css as ot } from "@emotion/react";
12
+ import nt from "@emotion/styled";
13
+ import { Box as _, CircularProgress as Pt, useTheme as rt, Button as St, Stack as Ct, alpha as q, useMediaQuery as It } from "@mui/material";
14
+ import { useReactive as at, useScroll as jt } from "ahooks";
15
+ import Rt from "isomorphic-dompurify";
16
+ import A from "lodash/cloneDeep";
17
+ import Tt from "lodash/isEmpty";
18
+ import st from "lodash/isEqual";
19
+ import { useEffect as $, lazy as it, useMemo as P, useRef as lt, Suspense as Ot, useState as Et } from "react";
20
+ import { Helmet as Mt } from "react-helmet";
21
+ import { useSearchParams as ct, Routes as Bt, Route as O, Navigate as Ft, ScrollRestoration as $t } from "react-router-dom";
22
+ import { useAsync as ut } from "react-use";
23
+ import { joinURL as C } from "ufo";
24
+ import { S as _t, n as K, P as Dt, a as Lt, B as Nt, g as At } from "./array-c6HYTLze.js";
25
+ import { styled as pt, useTheme as Ht } from "@arcblock/ux/lib/Theme";
26
+ import zt from "@blocklet/ui-react/lib/Footer";
27
+ import "webfontloader";
28
+ import { u as Ut, a as Vt } from "./session-CVblGhSp.js";
29
+ const Gt = pt(zt, { shouldForwardProp: (e) => !!e })`
30
+ & > div > .MuiContainer-root {
31
+ max-width: unset;
32
+ }
33
+ `;
34
+ function Wt({ meta: e, ...n }) {
35
+ const a = Ht();
36
+ return /* @__PURE__ */ t(Gt, { ...n, meta: e, theme: a || {} });
37
+ }
38
+ function qt(e) {
39
+ return /* @__PURE__ */ t(_, { display: "flex", flex: 1, height: "100%", alignItems: "center", justifyContent: "center", ...e, children: /* @__PURE__ */ t(Pt, { size: 30 }) });
40
+ }
41
+ function Kt(e) {
42
+ return /* @__PURE__ */ t(Yt, { ...e });
43
+ }
44
+ const Yt = pt(_)`
45
+ position: fixed;
46
+ left: 0;
47
+ top: 0;
48
+ z-index: 999999999999;
49
+ width: 80px;
50
+ font-size: 12px;
51
+ text-align: center;
52
+ opacity: 0.7;
53
+ transform: translateX(-23%) translateY(70%) rotate(-45deg);
54
+ pointer-events: none;
55
+ `, Jt = `Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
56
+ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'`;
57
+ function Qt({
58
+ titleFontFamily: e,
59
+ descriptionFontFamily: n
60
+ }) {
61
+ var o;
62
+ const a = rt(), s = (o = a == null ? void 0 : a.typography) == null ? void 0 : o.fontFamily;
63
+ $(() => {
64
+ }, [e, n]);
65
+ const i = `${s}, ${Jt}`;
66
+ return /* @__PURE__ */ t(
67
+ et,
68
+ {
69
+ styles: ot`
70
+ #app {
71
+ font-family: ${i};
72
+
73
+ .page-kit-section__title {
74
+ font-family: ${i};
75
+ }
76
+
77
+ .page-kit-section__description {
78
+ font-family: ${i};
79
+ }
80
+ }
81
+ `
82
+ }
83
+ );
84
+ }
85
+ function Me() {
86
+ const [e] = ct(), { session: n } = Ut(), a = Vt("owner", "admin", "pagesEditor", "member"), s = P(() => {
87
+ const o = e.get("mode");
88
+ return _t.includes(o) ? o : "production";
89
+ }, [e]), i = s === "production" ? s : n.user ? a ? s : "production" : null;
90
+ return i ? /* @__PURE__ */ t(Xt, { mode: i }) : null;
91
+ }
92
+ function Xt({ mode: e }) {
93
+ if (e !== "draft") {
94
+ const n = window.__PAGE_STATE__;
95
+ return n ? /* @__PURE__ */ t(U, { mode: e, state: n }) : /* @__PURE__ */ t(te, { mode: e, children: ({ state: a }) => /* @__PURE__ */ t(U, { mode: e, state: a }) });
96
+ }
97
+ return /* @__PURE__ */ t(Zt, { children: ({ state: n }) => /* @__PURE__ */ t(U, { mode: e, state: n }) });
98
+ }
99
+ const Zt = it(() => import("./draft-data-CWM--ooz.js"));
100
+ function te({
101
+ mode: e,
102
+ children: n
103
+ }) {
104
+ const a = document.querySelector('meta[property="pages:version"]'), s = a == null ? void 0 : a.content, i = J(), o = P(() => {
105
+ if (s === "{{pagesPublishedAt}}") {
106
+ const u = localStorage.getItem(bt(i ?? ""));
107
+ return Number(u) ? Number(u) : (/* @__PURE__ */ new Date()).getTime();
108
+ }
109
+ return Number(s);
110
+ }, [s]), { loading: d, value: l } = ut(() => At({ mode: e, version: o }), [e, o]);
111
+ return d ? /* @__PURE__ */ t(qt, {}) : l ? n({ state: l }) : null;
112
+ }
113
+ function U({ mode: e, state: n }) {
114
+ const { t: a, locale: s } = X(), [i] = ct(), o = J(), d = gt(), l = i.get("hiddenBadge") === "true", u = i.get("showPublish") === "true", {
115
+ pageIds: g,
116
+ pages: m,
117
+ routeIds: c,
118
+ routes: f,
119
+ supportedLocales: b,
120
+ config: { defaultLocale: y },
121
+ resources: I
122
+ } = n, h = Q(n), x = P(
123
+ () => b != null && b.some((p) => p.locale === s) ? s : void 0,
124
+ [s, b]
125
+ ), E = Object.values(f || {}).find((p) => (p == null ? void 0 : p.path) === "/") || Object.values(m).find((p) => (p == null ? void 0 : p.slug) === "/") ? void 0 : Object.values(m)[0], D = P(() => e === "production" ? g.map((p) => {
126
+ const r = m[p];
127
+ return r && {
128
+ id: r.id,
129
+ path: C("/", d || o || "", r.slug)
130
+ };
131
+ }).filter(K) : c.map((p) => {
132
+ const r = f[p];
133
+ return r ? {
134
+ id: r.id,
135
+ path: C("/", d || o || "", r.path, `?mode=${e}&showPublish=true`)
136
+ } : null;
137
+ }).filter(K), [g, m, e, f, c, o, d]), S = ([...p]) => (e !== "production" && u && p.unshift(
138
+ /* @__PURE__ */ t(Ot, { fallback: /* @__PURE__ */ t("div", {}), children: /* @__PURE__ */ t(ee, { mode: "production", state: n }) })
139
+ ), p);
140
+ return /* @__PURE__ */ N(Dt, { value: { pages: D }, children: [
141
+ /* @__PURE__ */ N(Bt, { children: [
142
+ E && /* @__PURE__ */ t(O, { index: !0, element: /* @__PURE__ */ t(Ft, { to: C("/", x || "", E.slug) }) }),
143
+ c == null ? void 0 : c.map((p) => {
144
+ var v, w, k, L;
145
+ const r = f == null ? void 0 : f[p];
146
+ if (!r || !r.displayTemplateId) return null;
147
+ const j = m[r.displayTemplateId];
148
+ if (!j) return null;
149
+ let R = [];
150
+ if (r.params && r.params.length > 0) {
151
+ const T = wt({
152
+ basePath: r.path,
153
+ params: r.params,
154
+ routeId: r.id,
155
+ paramsOptions: r.paramsOptions,
156
+ currentIndex: 0,
157
+ currentParams: [],
158
+ currentOptionIds: [],
159
+ result: []
160
+ });
161
+ R = T == null ? void 0 : T.map((M) => {
162
+ var F, V, G, W;
163
+ const B = M.paramOptionIds.join("-");
164
+ return /* @__PURE__ */ t(
165
+ O,
166
+ {
167
+ path: C(":projectIdOrSlug?", M.path),
168
+ element: /* @__PURE__ */ t(
169
+ Y,
170
+ {
171
+ mode: e,
172
+ components: h,
173
+ page: j,
174
+ locale: x,
175
+ defaultLocale: y,
176
+ headerAddons: S,
177
+ state: n,
178
+ pageData: (W = (G = (V = (F = r.dataSource) == null ? void 0 : F.pathDataMappings) == null ? void 0 : V[B]) == null ? void 0 : G.dataCache) == null ? void 0 : W[x || y || "en"]
179
+ }
180
+ )
181
+ },
182
+ B
183
+ );
184
+ });
185
+ }
186
+ return R.push(
187
+ /* @__PURE__ */ t(
188
+ O,
189
+ {
190
+ path: C(":projectIdOrSlug?", r.path),
191
+ element: /* @__PURE__ */ t(
192
+ Y,
193
+ {
194
+ mode: e,
195
+ components: h,
196
+ page: j,
197
+ locale: x,
198
+ defaultLocale: y,
199
+ headerAddons: S,
200
+ state: n,
201
+ pageData: (L = (k = (w = (v = r.dataSource) == null ? void 0 : v.pathDataMappings) == null ? void 0 : w[r.id]) == null ? void 0 : k.dataCache) == null ? void 0 : L[x || y || "en"]
202
+ }
203
+ )
204
+ },
205
+ r.id
206
+ )
207
+ ), R;
208
+ }),
209
+ g.map((p) => {
210
+ const r = m[p];
211
+ return r ? /* @__PURE__ */ t(
212
+ O,
213
+ {
214
+ path: C(":projectIdOrSlug?", r.slug),
215
+ element: /* @__PURE__ */ t(
216
+ H,
217
+ {
218
+ mode: e,
219
+ components: h,
220
+ page: r,
221
+ locale: x,
222
+ defaultLocale: y,
223
+ headerAddons: S
224
+ }
225
+ )
226
+ },
227
+ r.id
228
+ ) : null;
229
+ }),
230
+ I.pages && Object.values(I.pages).map(({ blockletId: p, page: r }) => /* @__PURE__ */ t(
231
+ O,
232
+ {
233
+ path: C("/", `@${p}`, r.slug),
234
+ element: /* @__PURE__ */ t(
235
+ H,
236
+ {
237
+ mode: e,
238
+ components: h,
239
+ page: r,
240
+ locale: x,
241
+ defaultLocale: y,
242
+ headerAddons: S
243
+ }
244
+ )
245
+ },
246
+ r.id
247
+ )),
248
+ /* @__PURE__ */ t(
249
+ O,
250
+ {
251
+ path: "*",
252
+ element: /* @__PURE__ */ t(_, { width: "100vw", height: "100vh", display: "flex", justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ t(
253
+ Z,
254
+ {
255
+ status: 404,
256
+ extra: /* @__PURE__ */ t(dt, { href: "/", children: a("common.back") }),
257
+ sx: {
258
+ bgcolor: "transparent",
259
+ width: "100%",
260
+ height: "100%"
261
+ }
262
+ }
263
+ ) })
264
+ }
265
+ )
266
+ ] }),
267
+ e !== "production" && !l && /* @__PURE__ */ t(Kt, { sx: { bgcolor: "info.light" }, children: e }),
268
+ /* @__PURE__ */ t(Qt, {})
269
+ ] });
270
+ }
271
+ function Y({
272
+ mode: e,
273
+ pageData: n,
274
+ components: a,
275
+ page: s,
276
+ locale: i,
277
+ defaultLocale: o,
278
+ headerAddons: d,
279
+ state: l
280
+ }) {
281
+ const u = at({
282
+ page: null
283
+ });
284
+ $(() => {
285
+ const m = s || null;
286
+ m ? u.page = A(m) : u.page = null;
287
+ }, [s, JSON.stringify(s), u]);
288
+ const g = lt();
289
+ return $(() => {
290
+ st(n, g.current) || n && u.page && (tt(u.page, l, i, n), g.current = A(n));
291
+ }, [u.page, n, i, l]), u.page ? /* @__PURE__ */ t(
292
+ H,
293
+ {
294
+ mode: e,
295
+ components: a,
296
+ page: u.page,
297
+ locale: i,
298
+ defaultLocale: o,
299
+ headerAddons: d
300
+ }
301
+ ) : null;
302
+ }
303
+ function Be({
304
+ mode: e,
305
+ state: n,
306
+ path: a,
307
+ pageData: s
308
+ }) {
309
+ const { t: i, locale: o } = X(), {
310
+ pages: d,
311
+ supportedLocales: l,
312
+ config: { defaultLocale: u },
313
+ resources: g
314
+ } = n, m = Object.values(d).find((h) => (h == null ? void 0 : h.slug) === a), c = Object.values(g.pages || {}).find((h) => h.page.slug === a), f = P(
315
+ () => l != null && l.some((h) => h.locale === o) ? o : void 0,
316
+ [o, l]
317
+ ), b = at({
318
+ page: null
319
+ });
320
+ $(() => {
321
+ const h = m || (c == null ? void 0 : c.page) || null;
322
+ h ? b.page = A(h) : b.page = null;
323
+ }, [m, c]);
324
+ const y = lt();
325
+ if ($(() => {
326
+ st(s, y.current) || s && b.page && (tt(b.page, n, f, s), y.current = A(s));
327
+ }, [{}]), !m && !(c != null && c.page))
328
+ return /* @__PURE__ */ t(_, { width: "100vw", height: "100vh", display: "flex", justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ t(Z, { style: { background: "inherit" }, status: 404, extra: /* @__PURE__ */ t(dt, { href: "/", children: i("common.back") }) }) });
329
+ const I = Q(n);
330
+ return b.page ? /* @__PURE__ */ t(
331
+ H,
332
+ {
333
+ mode: e,
334
+ components: I,
335
+ page: b.page,
336
+ locale: f,
337
+ defaultLocale: u
338
+ }
339
+ ) : null;
340
+ }
341
+ function H({
342
+ mode: e,
343
+ components: n,
344
+ page: a,
345
+ locale: s,
346
+ defaultLocale: i,
347
+ headerAddons: o
348
+ }) {
349
+ var x, z, E, D, S, p, r, j, R;
350
+ const d = vt(), l = ((x = a.locales) == null ? void 0 : x[s]) ?? ((z = a.locales) == null ? void 0 : z[i]) ?? {}, u = l.title || ((E = window.blocklet) == null ? void 0 : E.appName), g = l.description || ((D = window.blocklet) == null ? void 0 : D.appDescription), m = ft(ht(l.image), 540), { logo: c, brand: f, description: b, ...y } = yt(), I = P(
351
+ () => (v) => {
352
+ var k;
353
+ let w = (o == null ? void 0 : o(v)) ?? v;
354
+ return w = ((k = y.addons) == null ? void 0 : k.call(y, w)) ?? w, w;
355
+ },
356
+ [y.addons, o]
357
+ ), h = P(
358
+ () => {
359
+ var v;
360
+ return (v = l.header) != null && v.translucent ? ne : mt;
361
+ },
362
+ [(S = l.header) == null ? void 0 : S.translucent]
363
+ );
364
+ return /* @__PURE__ */ N(Lt, { page: a, defaultLocale: i, currentLocale: s, children: [
365
+ /* @__PURE__ */ t(
366
+ et,
367
+ {
368
+ styles: ot`
369
+ body {
370
+ background-color: ${d(
371
+ !l.backgroundColor || l.backgroundColor === "transparent" ? "background.default" : l.backgroundColor
372
+ )} !important;
373
+ }
374
+ `
375
+ }
376
+ ),
377
+ /* @__PURE__ */ t(
378
+ h,
379
+ {
380
+ hideNavMenu: !!((p = l.header) != null && p.hideNavMenus),
381
+ translucentTextColor: (r = l.header) == null ? void 0 : r.translucentTextColor,
382
+ ...c ? { logo: c } : {},
383
+ ...f ? { brand: f } : {},
384
+ ...b ? { description: b } : {},
385
+ className: kt(((j = l.header) == null ? void 0 : j.sticky) && "sticky", "page-header"),
386
+ maxWidth: !1,
387
+ addons: I
388
+ }
389
+ ),
390
+ /* @__PURE__ */ t($t, {}),
391
+ /* @__PURE__ */ N(Mt, { children: [
392
+ /* @__PURE__ */ t("title", { children: u }),
393
+ /* @__PURE__ */ t("meta", { name: "og:title", content: u }),
394
+ /* @__PURE__ */ t("meta", { name: "og:description", content: g }),
395
+ /* @__PURE__ */ t("meta", { name: "og:image", content: m }),
396
+ /* @__PURE__ */ t("meta", { name: "twitter:image:src", content: m }),
397
+ /* @__PURE__ */ t("meta", { name: "twitter:image", content: m }),
398
+ /* @__PURE__ */ t("meta", { property: "twitter:description", content: g }),
399
+ /* @__PURE__ */ t("meta", { property: "twitter:title", content: u }),
400
+ /* @__PURE__ */ t("meta", { name: "description", content: g })
401
+ ] }),
402
+ /* @__PURE__ */ t(
403
+ Ct,
404
+ {
405
+ flexGrow: 1,
406
+ className: "PageView-root",
407
+ sx: {
408
+ // 第一个 .BlockBase-root 的 pt 为 0
409
+ "& .BlockBase-root:first-child": {
410
+ pt: "0 !important"
411
+ }
412
+ },
413
+ children: a.sectionIds.map((v) => {
414
+ var T, M, B, F;
415
+ const w = a.sections[v];
416
+ if (!w || w.visibility === "hidden") return null;
417
+ const k = (M = (T = a.dataSource) == null ? void 0 : T[v]) == null ? void 0 : M[s], L = ((F = (B = a.dataSource) == null ? void 0 : B[v]) == null ? void 0 : F[i]) ?? {};
418
+ return /* @__PURE__ */ t(
419
+ Nt,
420
+ {
421
+ id: v,
422
+ type: w.component,
423
+ mode: e,
424
+ section: w,
425
+ config: {
426
+ ...Tt(k) ? L : k,
427
+ locale: s,
428
+ dev: e === "draft" ? {
429
+ mode: e,
430
+ components: n,
431
+ defaultLocale: i
432
+ } : {
433
+ mode: e,
434
+ defaultLocale: i
435
+ // 用于 fallback 的 locale
436
+ }
437
+ },
438
+ page: a
439
+ },
440
+ v
441
+ );
442
+ })
443
+ }
444
+ ),
445
+ !((R = l.footer) != null && R.hidden) && /* @__PURE__ */ t(Wt, {})
446
+ ] });
447
+ }
448
+ const ee = it(() => import("./publish-button-Ds7OBvxV.js")), mt = nt(xt)`
449
+ &.sticky {
450
+ position: sticky;
451
+ top: 0;
452
+ }
453
+ `;
454
+ function oe({ logo: e }) {
455
+ const [n, a] = Et(), s = It((o) => o.breakpoints.down("sm")), { value: i } = ut(() => {
456
+ var l, u;
457
+ const o = new URL(
458
+ s ? ((l = window == null ? void 0 : window.blocklet) == null ? void 0 : l.appLogo) || "/.well-known/service/blocklet/logo" : ((u = window == null ? void 0 : window.blocklet) == null ? void 0 : u.appLogoRect) || "/.well-known/service/blocklet/logo-rect",
459
+ window.location.origin
460
+ );
461
+ o.searchParams.delete("imageFilter"), o.searchParams.delete("f");
462
+ const d = o.toString();
463
+ return new Promise((g) => {
464
+ fetch(d).then((m) => {
465
+ const c = m.headers.get("content-type");
466
+ c != null && c.includes("svg") && m.text().then((f) => {
467
+ a(f), g(null);
468
+ }), g(m.url);
469
+ });
470
+ });
471
+ }, [s]);
472
+ if (e)
473
+ return e;
474
+ if (n)
475
+ return /* @__PURE__ */ t(_, { sx: { filter: "initial !important" }, dangerouslySetInnerHTML: { __html: Rt.sanitize(n) } });
476
+ if (i) {
477
+ const o = new URL(i);
478
+ o.searchParams.set("imageFilter", "convert"), o.searchParams.set("f", "png"), o.searchParams.set("h", "80");
479
+ const d = o.toString();
480
+ return /* @__PURE__ */ t("img", { src: d, alt: "logo" });
481
+ }
482
+ return null;
483
+ }
484
+ function ne({
485
+ logo: e,
486
+ translucentTextColor: n,
487
+ ...a
488
+ }) {
489
+ const i = jt(document.getElementById("app"), (c) => c.top < 1200), o = rt(), d = Math.min((i == null ? void 0 : i.top) ?? 0, 800), l = P(() => {
490
+ let c = Math.min(d / 800, 1), f = "";
491
+ return c > 0.1 ? (c = Math.max(c, 0.6), f = q(o.palette.text.primary, c)) : f = n || "#EEEEEE", {
492
+ backgroundOpacity: c,
493
+ textColor: f,
494
+ isReversed: c < 0.7
495
+ };
496
+ }, [d, 800, o.palette.text.primary, n]), { backgroundOpacity: u, textColor: g, isReversed: m } = l;
497
+ return /* @__PURE__ */ t(
498
+ mt,
499
+ {
500
+ logo: /* @__PURE__ */ t(oe, { logo: e }),
501
+ ...a,
502
+ sx: {
503
+ // 基础布局和定位
504
+ position: "fixed !important",
505
+ top: 0,
506
+ left: 0,
507
+ right: 0,
508
+ zIndex: o.zIndex.appBar,
509
+ // 确保在顶层
510
+ backgroundColor: "transparent !important",
511
+ // 主元素始终透明
512
+ // 使用伪元素作为背景层
513
+ "&::before": {
514
+ content: '""',
515
+ position: "absolute",
516
+ top: 0,
517
+ left: 0,
518
+ right: 0,
519
+ bottom: 0,
520
+ zIndex: -1,
521
+ // 置于内容下方
522
+ // 背景样式(颜色和模糊)是固定的
523
+ backgroundColor: q(o.palette.background.default, u),
524
+ backdropFilter: u >= 0.6 ? "blur(10px)" : "blur(0px)",
525
+ // **性能关键**: 只对 opacity 进行动画
526
+ // opacity: backgroundOpacity,
527
+ // 让 CSS 平滑地处理透明度变化
528
+ transition: "backgroundColor 0.3s ease-in-out"
529
+ },
530
+ // --- 文字和图标颜色过渡 ---
531
+ // 直接为 Header 内所有相关元素设置颜色和过渡
532
+ // color: textColor,
533
+ transition: "color 0.3s ease-in-out",
534
+ // 覆盖子组件的颜色,使其继承父级的 `color`
535
+ ".navmenu-root>.navmenu-sub>span,\n .navmenu-root>.navmenu-item,\n .header-addons>button,\n .header-addons>a,\n .header-addons>div>button": {
536
+ color: `${g} !important`
537
+ // 使用 inherit 来同步颜色
538
+ },
539
+ ".header-logo": {
540
+ color: `${g} !important`
541
+ },
542
+ "& .navmenu--horizontal": {
543
+ bgcolor: "transparent !important"
544
+ },
545
+ // --- Logo 反色效果 ---
546
+ // filter 也是一个较昂贵的属性,但其影响远小于背景色的重绘
547
+ // 这里的逻辑保持不变,但可以考虑是否有更优的方案(如提供两个颜色的 Logo)
548
+ ".header-logo > div": {
549
+ filter: `invert(${m ? 1 : 0})`,
550
+ transition: "filter 0.3s ease-in-out"
551
+ }
552
+ }
553
+ }
554
+ );
555
+ }
556
+ const dt = nt(St)``;
557
+ export {
558
+ Me as H,
559
+ qt as L,
560
+ U as P,
561
+ ne as T,
562
+ Xt as a,
563
+ Y as b,
564
+ Be as c,
565
+ H as d
566
+ };
@@ -10,7 +10,7 @@ import { produce as Oe } from "immer";
10
10
  import ee from "lodash/difference";
11
11
  import { useState as j, useMemo as R, useCallback as v, forwardRef as je, useImperativeHandle as ve, useEffect as $, useRef as Te } from "react";
12
12
  import { useAsync as Re } from "react-use";
13
- import { L as ze } from "./home-DQjaiv2F.js";
13
+ import { L as ze } from "./home-PDsc59QG.js";
14
14
  import { p as Le, g as Be } from "./array-c6HYTLze.js";
15
15
  function Ee(s) {
16
16
  const [y, w] = j(!1);
@@ -98,8 +98,15 @@ function Me() {
98
98
  ]
99
99
  }
100
100
  ),
101
- c && /* @__PURE__ */ t(xe, { ...L, sx: { mt: -3, ...L == null ? void 0 : L.sx }, children: /* @__PURE__ */ t(S, { pt: 3, children: c }) }),
102
- /* @__PURE__ */ f(we, { children: [
101
+ c && /* @__PURE__ */ t(
102
+ xe,
103
+ {
104
+ ...L,
105
+ sx: { mt: -3, ...L == null ? void 0 : L.sx, bgcolor: "background.paper" },
106
+ children: /* @__PURE__ */ t(S, { pt: 3, children: c })
107
+ }
108
+ ),
109
+ /* @__PURE__ */ f(we, { sx: { bgcolor: "background.paper" }, children: [
103
110
  /* @__PURE__ */ t(ke, { variant: "outlined", color: x || "primary", onClick: a ?? l, children: D }),
104
111
  /* @__PURE__ */ t(
105
112
  Ee,
@@ -360,7 +367,7 @@ function We({
360
367
  const e = c ? E : Object.keys(h), r = Object.entries(k).filter(([, n]) => n).map(([n]) => n).filter((n) => n !== void 0), i = Array.from(/* @__PURE__ */ new Set([...e, ...r]));
361
368
  w(c ? null : i);
362
369
  }, [c, h, k, E, w]), V ? /* @__PURE__ */ t(ze, { sx: { my: 4 } }) : /* @__PURE__ */ f(De, { disablePadding: !0, sx: { maxWidth: 700 }, children: [
363
- /* @__PURE__ */ t(W, { sx: { position: "sticky", top: 0, bgcolor: "background.paper", zIndex: 1 }, disablePadding: !0, children: /* @__PURE__ */ f(K, { onClick: oe, dense: !0, children: [
370
+ /* @__PURE__ */ t(W, { sx: { position: "sticky", top: 0, zIndex: 1 }, disablePadding: !0, children: /* @__PURE__ */ f(K, { onClick: oe, dense: !0, children: [
364
371
  /* @__PURE__ */ t(N, { children: /* @__PURE__ */ t(I, { edge: "start", checked: c, tabIndex: -1 }) }),
365
372
  /* @__PURE__ */ t(F, { primary: u("common.all") })
366
373
  ] }) }),
package/lib/es/home.js CHANGED
@@ -22,7 +22,7 @@ import "react-router-dom";
22
22
  import "react-use";
23
23
  import "ufo";
24
24
  import "./chunks/array-c6HYTLze.js";
25
- import { a as R, P as S, d as W, c as j, b as k, T as q, H as v } from "./chunks/home-DQjaiv2F.js";
25
+ import { a as R, P as S, d as W, c as j, b as k, T as q, H as v } from "./chunks/home-PDsc59QG.js";
26
26
  import "./chunks/session-CVblGhSp.js";
27
27
  export {
28
28
  R as HomeView,