@floegence/floe-webapp-core 0.11.5 → 0.11.7

package/dist/components/file-browser/FileBrowser.d.ts

@@ -28,6 +28,14 @@ export interface FileBrowserProps {
     sidebarResizable?: boolean;
     /** Hide sidebar on mobile by default */
     hideSidebarOnMobile?: boolean;
+    /**
+     * Persistence key prefix for storing UI state (viewMode, sortConfig, expandedFolders, sidebarCollapsed).
+     * When set, these states will be persisted to localStorage.
+     * Each instance should use a unique key to avoid conflicts.
+     */
+    persistenceKey?: string;
+    /** Label for the root/home directory in breadcrumb (default: 'Root') */
+    homeLabel?: string;
     /** Context menu callbacks for built-in actions */
     contextMenuCallbacks?: ContextMenuCallbacks;
     /** Custom context menu items to add */

package/dist/components/file-browser/FileBrowserContext.d.ts

@@ -14,6 +14,12 @@ export interface FileBrowserProviderProps {
      * When omitted, a shared key is used (acts like a user preference).
      */
     sidebarWidthStorageKey?: string;
+    /**
+     * 持久化存储 key 前缀，用于区分不同实例的持久化数据。
+     * 设置后会持久化 viewMode、sortConfig、expandedFolders、sidebarCollapsed。
+     * 若不设置则不持久化这些状态。
+     */
+    persistenceKey?: string;
     /** Label for the root/home directory in breadcrumb (default: 'Root') */
     homeLabel?: string;
     onNavigate?: (path: string) => void;

package/dist/index102.js

@@ -1,19 +1,25 @@
-import { createSignal as c, onMount as u, onCleanup as h } from "solid-js";
-function b(o) {
-  const [r, i] = c(null);
-  return u(() => {
-    const t = o();
-    if (!t) return;
-    const n = new ResizeObserver((s) => {
-      const e = s[0];
-      e && i({
-        width: e.contentRect.width,
-        height: e.contentRect.height
+import { createSignal as h, createEffect as g, onCleanup as s } from "solid-js";
+function w(c) {
+  const [d, n] = h(null);
+  return g(() => {
+    const e = c();
+    if (!e) return;
+    const r = e.getBoundingClientRect();
+    if (n({ width: r.width, height: r.height }), typeof ResizeObserver > "u") {
+      const t = () => n({ width: e.getBoundingClientRect().width, height: e.getBoundingClientRect().height });
+      typeof window < "u" && (window.addEventListener("resize", t), s(() => window.removeEventListener("resize", t)));
+      return;
+    }
+    const o = new ResizeObserver((t) => {
+      const i = t[0];
+      i && n({
+        width: i.contentRect.width,
+        height: i.contentRect.height
       });
     });
-    n.observe(t), h(() => n.disconnect());
-  }), r;
+    o.observe(e), s(() => o.disconnect());
+  }), d;
 }
 export {
-  b as useResizeObserver
+  w as useResizeObserver
 };

package/dist/index44.js

@@ -1,17 +1,17 @@
-import { delegateEvents as j, createComponent as l, insert as n, addEventListener as I, memo as g, effect as E, className as _, setStyleProperty as z, template as u } from "solid-js/web";
+import { delegateEvents as j, createComponent as n, insert as l, addEventListener as I, memo as g, effect as E, className as _, setStyleProperty as z, template as u } from "solid-js/web";
 import { createEffect as V, Show as o } from "solid-js";
 import { cn as F } from "./index106.js";
 import { useLayout as D } from "./index92.js";
 import { FileBrowserProvider as N, useFileBrowser as T } from "./index45.js";
 import { ResizeHandle as A } from "./index8.js";
-import { DirectoryTree as p } from "./index46.js";
-import { FileListView as G } from "./index47.js";
-import { FileGridView as H } from "./index48.js";
-import { FileBrowserToolbar as Q } from "./index51.js";
-import { FileContextMenu as q } from "./index49.js";
-var J = /* @__PURE__ */ u('<div class="border-b border-border">'), U = /* @__PURE__ */ u('<button type=button class="flex items-center justify-center w-5 h-5 rounded cursor-pointer hover:bg-sidebar-accent/80 transition-colors"aria-label="Close sidebar"><svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class="w-3.5 h-3.5"><path d="M18 6 6 18"></path><path d="m6 6 12 12">'), X = /* @__PURE__ */ u('<div class="absolute inset-0 bg-background/60 backdrop-blur-sm z-[9]">'), Y = /* @__PURE__ */ u('<div><div class="flex flex-1 min-h-0 relative"><aside><div class="h-full flex flex-col"><div class="flex items-center justify-between px-3 py-2 border-b border-sidebar-border"><span class="text-[11px] font-semibold uppercase tracking-wider text-muted-foreground/60">Explorer</span></div><div class="flex-1 min-h-0 overflow-auto py-1"></div></div></aside><div class="flex-1 min-w-0 flex flex-col"><div class="flex-1 min-h-0"></div><div class="flex items-center justify-between px-3 py-1 border-t border-border text-[10px] text-muted-foreground"><span> items</span><span class="truncate max-w-[200px]">');
+import { DirectoryTree as G } from "./index46.js";
+import { FileListView as H } from "./index47.js";
+import { FileGridView as Q } from "./index48.js";
+import { FileBrowserToolbar as q } from "./index51.js";
+import { FileContextMenu as J } from "./index49.js";
+var U = /* @__PURE__ */ u('<div class="border-b border-border">'), X = /* @__PURE__ */ u('<button type=button class="flex items-center justify-center w-5 h-5 rounded cursor-pointer hover:bg-sidebar-accent/80 transition-colors"aria-label="Close sidebar"><svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class="w-3.5 h-3.5"><path d="M18 6 6 18"></path><path d="m6 6 12 12">'), Y = /* @__PURE__ */ u('<div class="absolute inset-0 bg-background/60 backdrop-blur-sm z-[9]">'), Z = /* @__PURE__ */ u('<div><div class="flex flex-1 min-h-0 relative"><aside><div class="h-full flex flex-col"><div class="flex items-center justify-between px-3 py-2 border-b border-sidebar-border"><span class="text-[11px] font-semibold uppercase tracking-wider text-muted-foreground/60">Explorer</span></div><div class="flex-1 min-h-0 overflow-auto py-1"></div></div></aside><div class="flex-1 min-w-0 flex flex-col"><div class="flex-1 min-h-0"></div><div class="flex items-center justify-between px-3 py-1 border-t border-border text-[10px] text-muted-foreground"><span> items</span><span class="truncate max-w-[200px]">');
 function ce(e) {
-  return l(N, {
+  return n(N, {
     get files() {
       return e.files;
     },
@@ -30,6 +30,12 @@ function ce(e) {
     get sidebarWidthStorageKey() {
       return e.sidebarWidthStorageKey;
     },
+    get persistenceKey() {
+      return e.persistenceKey;
+    },
+    get homeLabel() {
+      return e.homeLabel;
+    },
     get onNavigate() {
       return e.onNavigate;
     },
@@ -40,7 +46,7 @@ function ce(e) {
       return e.onOpen;
     },
     get children() {
-      return l(Z, {
+      return n(p, {
         get class() {
           return e.class;
         },
@@ -69,8 +75,8 @@ function ce(e) {
     }
   });
 }
-function Z(e) {
-  const r = T(), R = D(), d = () => R.isMobile(), v = () => r.sidebarWidth(), W = () => e.sidebarResizable ?? !0;
+function p(e) {
+  const r = T(), R = D(), d = () => R.isMobile(), v = () => r.sidebarWidth(), L = () => e.sidebarResizable ?? !0;
   let x, w = !1, c = !1;
   V(() => {
     const i = d();
@@ -80,76 +86,76 @@ function Z(e) {
     }
     !c && i && e.hideSidebarOnMobile !== !1 && !r.sidebarCollapsed() && r.toggleSidebar(), c = i;
   });
-  const B = (i) => {
+  const W = (i) => {
     (i.metaKey || i.ctrlKey) && i.key.toLowerCase() === "f" && (i.preventDefault(), r.setFilterActive(!0), setTimeout(() => x?.focus(), 50));
   }, C = () => !r.sidebarCollapsed() || !d();
   return (() => {
-    var i = Y(), b = i.firstChild, s = b.firstChild, M = s.firstChild, f = M.firstChild;
+    var i = Z(), b = i.firstChild, s = b.firstChild, M = s.firstChild, f = M.firstChild;
     f.firstChild;
-    var L = f.nextSibling, h = s.nextSibling, m = h.firstChild, O = m.nextSibling, a = O.firstChild, K = a.firstChild, P = a.nextSibling;
-    return i.$$keydown = B, n(i, l(o, {
+    var K = f.nextSibling, h = s.nextSibling, m = h.firstChild, B = m.nextSibling, a = B.firstChild, O = a.firstChild, P = a.nextSibling;
+    return i.$$keydown = W, l(i, n(o, {
       get when() {
         return e.header;
       },
       get children() {
-        var t = J();
-        return n(t, () => e.header), t;
+        var t = U();
+        return l(t, () => e.header), t;
       }
-    }), b), n(f, l(o, {
+    }), b), l(f, n(o, {
       get when() {
         return d();
       },
       get children() {
-        var t = U();
+        var t = X();
         return I(t, "click", r.toggleSidebar, !0), t;
       }
-    }), null), n(L, l(p, {})), n(s, l(o, {
+    }), null), l(K, n(G, {})), l(s, n(o, {
       get when() {
-        return g(() => !!(W() && C()))() && !d();
+        return g(() => !!(L() && C()))() && !d();
       },
       get children() {
-        return l(A, {
+        return n(A, {
           direction: "horizontal",
           onResize: (t) => {
             r.setSidebarWidth(r.sidebarWidth() + t);
           }
         });
       }
-    }), null), n(b, l(o, {
+    }), null), l(b, n(o, {
       get when() {
         return g(() => !!d())() && !r.sidebarCollapsed();
       },
       get children() {
-        var t = X();
+        var t = Y();
         return I(t, "click", r.toggleSidebar, !0), t;
       }
-    }), h), n(h, l(Q, {
+    }), h), l(h, n(q, {
       filterInputRef: (t) => x = t
-    }), m), n(m, l(o, {
+    }), m), l(m, n(o, {
       get when() {
         return r.viewMode() === "list";
       },
       get fallback() {
-        return l(H, {});
+        return n(Q, {});
       },
       get children() {
-        return l(G, {});
+        return n(H, {});
       }
-    })), n(a, () => r.currentFiles().length, K), n(a, l(o, {
+    })), l(a, () => r.currentFiles().length, O), l(a, n(o, {
       get when() {
         return r.filterQueryApplied().trim();
       },
       get children() {
         return [" ", "(filtered)"];
       }
-    }), null), n(a, l(o, {
+    }), null), l(a, n(o, {
       get when() {
         return r.selectedItems().size > 0;
       },
       get children() {
         return [" · ", g(() => r.selectedItems().size), " selected"];
       }
-    }), null), n(P, () => r.currentPath()), n(i, l(q, {
+    }), null), l(P, () => r.currentPath()), l(i, n(J, {
       get callbacks() {
         return e.contextMenuCallbacks;
       },