@zlooks.cn/password-auth-server 1.0.0

package/.hile-rsc/build-mtie8wg2-ca38f847/client-ssr/src-plugin-page-frame-07c4de56a6-SYE4RRNX.js

@@ -0,0 +1,441 @@
+"use client";
+import {
+  RscLink,
+  __toESM,
+  createContext,
+  deepFreeze,
+  init_react,
+  isRequestError,
+  jsx,
+  jsxs,
+  require_lib,
+  useContext,
+  useEffect,
+  useMemo,
+  useRequest,
+  useRscNavigation,
+  useState,
+  useSyncExternalStore
+} from "./chunks/chunk-36DACA7C.js";
+
+// ../ui/dist/provider.js
+var import_antd = __toESM(require_lib());
+init_react();
+
+// ../ui/dist/theme.js
+var theme = {
+  token: {
+    colorPrimary: "#1677ff",
+    borderRadius: 10,
+    motion: true,
+    fontFamily: [
+      "-apple-system",
+      "BlinkMacSystemFont",
+      "'Segoe UI'",
+      "Roboto",
+      "'Helvetica Neue'",
+      "Arial",
+      "'Noto Sans'",
+      "sans-serif"
+    ].join(", ")
+  }
+};
+var zlooksTheme = deepFreeze(theme);
+
+// ../ui/dist/theme-preference.js
+init_react();
+var THEME_STORAGE_KEY = "zlooks.theme";
+var THEME_CHANGE_EVENT = "zlooks:theme-change";
+var memoryMode = "default";
+function useZlooksTheme() {
+  const mode = useSyncExternalStore(subscribeThemePreference, readClientThemeMode, readServerThemeMode);
+  return { mode, setMode: setThemeMode };
+}
+function parseStoredZlooksThemeMode(value) {
+  return value === "dark" || value === "light" || value === "default" ? value : "default";
+}
+function readClientThemeMode() {
+  if (typeof window === "undefined")
+    return memoryMode;
+  try {
+    const stored = window.localStorage.getItem(THEME_STORAGE_KEY);
+    if (stored !== null)
+      memoryMode = parseStoredZlooksThemeMode(stored);
+  } catch {
+  }
+  return memoryMode;
+}
+function readServerThemeMode() {
+  return "default";
+}
+function setThemeMode(mode) {
+  if (parseStoredZlooksThemeMode(mode) !== mode) {
+    throw new TypeError(`Unsupported Zlooks theme mode: ${String(mode)}`);
+  }
+  memoryMode = mode;
+  if (typeof window === "undefined")
+    return;
+  try {
+    window.localStorage.setItem(THEME_STORAGE_KEY, mode);
+  } catch {
+  }
+  window.dispatchEvent(new CustomEvent(THEME_CHANGE_EVENT, { detail: mode }));
+}
+function subscribeThemePreference(notify) {
+  if (typeof window === "undefined")
+    return () => void 0;
+  const handleThemeChange = (event) => {
+    memoryMode = parseStoredZlooksThemeMode(event.detail);
+    notify();
+  };
+  const handleStorage = (event) => {
+    if (event.key !== THEME_STORAGE_KEY)
+      return;
+    memoryMode = parseStoredZlooksThemeMode(event.newValue);
+    notify();
+  };
+  window.addEventListener(THEME_CHANGE_EVENT, handleThemeChange);
+  window.addEventListener("storage", handleStorage);
+  return () => {
+    window.removeEventListener(THEME_CHANGE_EVENT, handleThemeChange);
+    window.removeEventListener("storage", handleStorage);
+  };
+}
+
+// ../ui/dist/provider.js
+function ZlooksUiProvider({ children, theme: theme2 }) {
+  const preference = useZlooksTheme();
+  const { resolvedMode, resolvedTheme } = useZlooksThemeRuntime(theme2 ?? preference.mode);
+  return jsx(import_antd.ConfigProvider, { button: { autoInsertSpace: false }, theme: resolvedTheme, children: jsx(import_antd.App, { children: jsx("div", { className: "zlooks-ui-theme", "data-zlooks-theme": resolvedMode, children }) }) });
+}
+function useZlooksThemeRuntime(theme2) {
+  const systemDark = useSystemDarkTheme(theme2 === "default");
+  const resolvedMode = theme2 === "default" ? systemDark ? "dark" : "light" : theme2;
+  const resolvedTheme = useMemo(() => ({
+    ...zlooksTheme,
+    algorithm: resolvedMode === "dark" ? import_antd.theme.darkAlgorithm : import_antd.theme.defaultAlgorithm,
+    cssVar: { key: `zlooks-${resolvedMode}` },
+    hashed: false,
+    zeroRuntime: true
+  }), [resolvedMode]);
+  return { resolvedMode, resolvedTheme };
+}
+function useSystemDarkTheme(enabled) {
+  const [dark, setDark] = useState(false);
+  useEffect(() => {
+    if (!enabled)
+      return;
+    const media = window.matchMedia("(prefers-color-scheme: dark)");
+    const update = () => setDark(media.matches);
+    update();
+    media.addEventListener("change", update);
+    return () => media.removeEventListener("change", update);
+  }, [enabled]);
+  return dark;
+}
+
+// ../ui/dist/shell.js
+var import_antd2 = __toESM(require_lib());
+init_react();
+
+// ../ui/dist/client-navigation.js
+function shouldUseClientNavigation(event) {
+  return !event.defaultPrevented && event.button === 0 && !event.altKey && !event.ctrlKey && !event.metaKey && !event.shiftKey;
+}
+
+// ../ui/dist/navigation.js
+function selectZlooksNavigation(input) {
+  return [
+    { key: "gateway:home", label: "\u9996\u9875", href: "/", order: -1 },
+    ...input.navigation
+  ].map((item) => ({
+    ...item,
+    active: item.href === "/" ? input.pathname === "/" : input.pathname === item.href || input.pathname.startsWith(`${item.href}/`)
+  }));
+}
+
+// ../ui/dist/theme-internal.js
+var zlooksUserAccessComponents = deepFreeze({
+  Button: {
+    textActiveBg: "transparent",
+    textHoverBg: "transparent"
+  }
+});
+
+// ../ui/dist/shell.js
+var ShellContext = createContext(void 0);
+function ZlooksShellProvider({ children, initialContext }) {
+  return jsx(ShellContext, { value: initialContext, children });
+}
+function useZlooksNavigation() {
+  const context = useShellContext();
+  return useMemo(() => selectZlooksNavigation(context), [context]);
+}
+function ZlooksUserAccess({ className, classNames = {}, style, size = "middle", shape = "round", variant = "compact", onNavigate, onLogout }) {
+  const view = useShellContext().user;
+  const [accountOpen, setAccountOpen] = useState(false);
+  const [loginOpen, setLoginOpen] = useState(false);
+  const { message, modal } = import_antd2.App.useApp();
+  const triggerClassName = mergeClassNames("zlooks-user-access-trigger", className, classNames.trigger);
+  const avatarClassName = mergeClassNames("zlooks-user-access-avatar", classNames.avatar);
+  const labelClassName = mergeClassNames("zlooks-user-access-label", classNames.label);
+  const avatarOnly = variant === "avatar";
+  const triggerAvatarSize = resolveTriggerAvatarSize(size, avatarOnly);
+  const triggerShape = avatarOnly ? "circle" : shape;
+  const triggerAvatarShape = avatarOnly ? "circle" : "square";
+  const triggerStyle = avatarOnly ? {
+    height: triggerAvatarSize,
+    minWidth: triggerAvatarSize,
+    padding: 0,
+    width: triggerAvatarSize,
+    ...style
+  } : style;
+  async function logout(logoutHref, close) {
+    try {
+      await onLogout(logoutHref);
+      close();
+      setAccountOpen(false);
+    } catch (cause) {
+      if (!isRequestError(cause))
+        void message.error("\u9000\u51FA\u767B\u5F55\u5931\u8D25");
+    }
+  }
+  function confirmLogout(logoutHref) {
+    modal.confirm({
+      title: "\u786E\u8BA4\u9000\u51FA\u767B\u5F55\uFF1F",
+      content: "\u9000\u51FA\u540E\uFF0C\u9700\u8981\u91CD\u65B0\u767B\u5F55\u624D\u80FD\u8BBF\u95EE\u4E2A\u4EBA\u8D26\u6237\u3002",
+      okText: "\u9000\u51FA\u767B\u5F55",
+      okButtonProps: { danger: true },
+      cancelText: "\u53D6\u6D88",
+      onOk(close) {
+        void logout(logoutHref, close);
+      }
+    });
+  }
+  function navigate(event, href, close) {
+    if (!onNavigate || !shouldUseClientNavigation(event))
+      return;
+    event.preventDefault();
+    close();
+    onNavigate(href);
+  }
+  if (view.status === "unavailable") {
+    return jsx(UserAccessTheme, { children: jsx(import_antd2.Button, { "aria-label": "\u8D26\u6237\u670D\u52A1\u6682\u4E0D\u53EF\u7528", className: triggerClassName, disabled: true, shape: triggerShape, size, style: triggerStyle, type: "text", children: jsxs(import_antd2.Space, { align: "center", size: 6, children: [jsx(import_antd2.Avatar, { className: avatarClassName, shape: triggerAvatarShape, size: triggerAvatarSize, style: {
+      background: "var(--ant-color-fill-secondary)",
+      border: avatarOnly ? "none" : void 0,
+      borderRadius: avatarOnly ? "50%" : 9,
+      boxShadow: avatarOnly ? "none" : void 0,
+      color: "var(--ant-color-text-tertiary)",
+      fontSize: 12,
+      fontWeight: 750
+    }, children: "Z" }), variant === "compact" ? jsx(import_antd2.Typography.Text, { type: "secondary", children: "\u6682\u4E0D\u53EF\u7528" }) : null] }) }) });
+  }
+  if (view.status === "authenticated") {
+    return jsx(UserAccessTheme, { children: jsx(import_antd2.Popover, { arrow: false, destroyOnHidden: true, onOpenChange: setAccountOpen, open: accountOpen, placement: "bottomRight", styles: {
+      container: {
+        border: "1px solid var(--ant-color-border-secondary)",
+        borderRadius: 16,
+        boxShadow: "0 18px 48px rgb(15 23 42 / 14%)",
+        overflow: "hidden",
+        padding: 0
+      },
+      content: {
+        maxWidth: "calc(100vw - 32px)",
+        width: 280
+      }
+    }, trigger: "click", content: jsxs(import_antd2.Flex, { "aria-label": "\u8D26\u6237\u4FE1\u606F", className: classNames.popup, role: "dialog", style: {
+      background: "var(--ant-color-bg-elevated)"
+    }, vertical: true, children: [jsxs(import_antd2.Flex, { align: "center", gap: 12, style: {
+      background: [
+        "linear-gradient(color-mix(in srgb, var(--ant-color-fill-quaternary) 48%, transparent) 1px, transparent 1px)",
+        "linear-gradient(90deg, color-mix(in srgb, var(--ant-color-fill-quaternary) 48%, transparent) 1px, transparent 1px)",
+        "var(--ant-color-bg-elevated)"
+      ].join(", "),
+      backgroundSize: "28px 28px",
+      padding: 16
+    }, children: [jsx(import_antd2.Avatar, { className: avatarClassName, shape: "square", size: 44, src: view.user.avatarUrl, style: {
+      background: "var(--ant-color-text)",
+      borderRadius: 12,
+      color: "var(--ant-color-bg-container)",
+      fontSize: 16,
+      fontWeight: 700
+    }, children: view.user.avatarText }), jsxs(import_antd2.Flex, { style: { flex: 1, minWidth: 0 }, vertical: true, children: [jsx(import_antd2.Typography.Text, { strong: true, ellipsis: true, style: { fontSize: 15, lineHeight: 1.4 }, children: view.user.label }), view.user.secondary ? jsx(import_antd2.Typography.Text, { ellipsis: { tooltip: view.user.secondary }, style: { display: "block" }, type: "secondary", children: view.user.secondary }) : null] }), jsx("span", { "aria-label": "\u5DF2\u767B\u5F55", role: "status", style: {
+      background: "var(--ant-color-success)",
+      borderRadius: 999,
+      boxShadow: "0 0 0 3px var(--ant-color-success-bg)",
+      flex: "0 0 auto",
+      height: 7,
+      width: 7
+    } })] }), jsx(import_antd2.Divider, { style: { margin: 0 } }), jsxs(import_antd2.Flex, { gap: 2, style: { padding: 8 }, vertical: true, children: [jsx(import_antd2.Button, { block: true, href: view.accountHref, size: "large", style: {
+      fontWeight: 600,
+      height: 44,
+      paddingInline: 12
+    }, type: "text", onClick: (event) => navigate(event, view.accountHref, () => setAccountOpen(false)), children: jsxs(import_antd2.Flex, { justify: "space-between", style: { width: "100%" }, children: [jsx("span", { children: "\u4E2A\u4EBA\u8D44\u6599" }), jsx(import_antd2.Typography.Text, { "aria-hidden": "true", type: "secondary", children: "\u2192" })] }) }), jsx(import_antd2.Button, { block: true, danger: true, size: "large", style: { height: 44, justifyContent: "flex-start", paddingInline: 12 }, type: "text", onClick: () => confirmLogout(view.logoutHref), children: "\u9000\u51FA\u767B\u5F55" })] })] }), children: jsx(import_antd2.Button, { "aria-expanded": accountOpen, "aria-haspopup": "dialog", "aria-label": `\u6253\u5F00${view.user.label}\u7684\u8D26\u6237\u4FE1\u606F`, className: triggerClassName, shape: triggerShape, size, style: triggerStyle, type: "text", children: jsxs(import_antd2.Space, { align: "center", size: 6, children: [jsx(import_antd2.Avatar, { className: avatarClassName, shape: triggerAvatarShape, size: triggerAvatarSize, src: view.user.avatarUrl, style: {
+      background: avatarOnly ? "var(--ant-color-fill-secondary)" : "var(--ant-color-text)",
+      border: avatarOnly ? "none" : void 0,
+      borderRadius: avatarOnly ? "50%" : 9,
+      boxShadow: avatarOnly ? "none" : void 0,
+      color: avatarOnly ? "var(--ant-color-text)" : "var(--ant-color-bg-container)",
+      fontSize: 12,
+      fontWeight: 700
+    }, children: view.user.avatarText }), variant === "compact" ? jsx(import_antd2.Typography.Text, { className: labelClassName, ellipsis: true, style: { fontSize: 13, fontWeight: 650, maxWidth: 120 }, children: view.user.label }) : null] }) }) }) });
+  }
+  return jsxs(UserAccessTheme, { children: [jsx(import_antd2.Button, { "aria-expanded": loginOpen, "aria-haspopup": "dialog", "aria-label": "\u767B\u5F55", className: triggerClassName, shape: triggerShape, size, style: triggerStyle, type: "text", onClick: () => setLoginOpen(true), children: jsxs(import_antd2.Space, { align: "center", size: 6, children: [jsx(import_antd2.Avatar, { className: avatarClassName, shape: triggerAvatarShape, size: triggerAvatarSize, style: {
+    background: "var(--ant-color-primary-bg)",
+    border: avatarOnly ? "none" : "1px solid var(--ant-color-primary-border)",
+    borderRadius: avatarOnly ? "50%" : 9,
+    boxShadow: avatarOnly ? "none" : void 0,
+    color: "var(--ant-color-primary)",
+    fontSize: 12,
+    fontWeight: 750
+  }, children: "Z" }), variant === "compact" ? jsx(import_antd2.Typography.Text, { className: labelClassName, style: { fontSize: 13, fontWeight: 650 }, children: "\u767B\u5F55" }) : null] }) }), jsx(import_antd2.Modal, { centered: true, destroyOnHidden: true, footer: null, open: loginOpen, rootClassName: mergeClassNames("zlooks-user-access-modal", classNames.popup), styles: {
+    body: { paddingTop: 4 },
+    container: {
+      border: "1px solid var(--ant-color-border-secondary)",
+      borderRadius: 22,
+      boxShadow: "0 28px 80px rgb(15 23 42 / 18%)",
+      overflow: "hidden",
+      padding: 24
+    },
+    header: { marginBottom: 22 }
+  }, title: jsxs(import_antd2.Space, { align: "center", size: "middle", children: [jsx(import_antd2.Avatar, { shape: "square", size: 44, style: {
+    background: "var(--ant-color-text)",
+    borderRadius: 12,
+    color: "var(--ant-color-bg-container)",
+    fontWeight: 750
+  }, children: "Z" }), jsxs(import_antd2.Flex, { vertical: true, children: [jsx(import_antd2.Typography.Text, { strong: true, style: { fontSize: 17 }, children: "\u6B22\u8FCE\u56DE\u6765" }), jsx(import_antd2.Typography.Text, { type: "secondary", children: "\u9009\u62E9\u4E00\u79CD\u65B9\u5F0F\u7EE7\u7EED" })] })] }), width: 480, onCancel: () => setLoginOpen(false), children: jsxs(import_antd2.Flex, { gap: 12, vertical: true, children: [view.loginMethods.length === 0 ? jsx(import_antd2.Empty, { description: "\u6682\u65F6\u65E0\u6CD5\u767B\u5F55\uFF0C\u8BF7\u7A0D\u540E\u518D\u8BD5", image: import_antd2.Empty.PRESENTED_IMAGE_SIMPLE, style: { paddingBlock: 24 } }) : view.loginMethods.map((method, index) => jsx(import_antd2.Button, { block: true, href: method.href, onClick: (event) => navigate(event, method.href, () => setLoginOpen(false)), style: {
+    height: "auto",
+    minHeight: 72,
+    padding: "10px 14px",
+    textAlign: "left"
+  }, children: jsxs(import_antd2.Flex, { align: "center", gap: 14, justify: "space-between", style: { width: "100%" }, children: [jsxs(import_antd2.Flex, { align: "center", gap: 12, style: { minWidth: 0 }, children: [jsx(import_antd2.Avatar, { shape: "square", size: 40, style: {
+    background: "var(--ant-color-primary-bg)",
+    borderRadius: 11,
+    color: "var(--ant-color-primary)",
+    fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace",
+    fontSize: 11,
+    fontWeight: 700
+  }, children: String(index + 1).padStart(2, "0") }), jsxs(import_antd2.Flex, { style: { minWidth: 0 }, vertical: true, children: [jsx(import_antd2.Typography.Text, { strong: true, children: method.label }), jsx(import_antd2.Typography.Text, { ellipsis: true, type: "secondary", children: "\u7EE7\u7EED\u8BBF\u95EE\u4F60\u7684\u4E2A\u4EBA\u7A7A\u95F4" })] })] }), jsx(import_antd2.Typography.Text, { "aria-hidden": "true", style: { color: "var(--ant-color-primary)" }, children: "\u2192" })] }) }, method.id)), jsx(import_antd2.Typography.Text, { style: { fontSize: 12, marginTop: 6, textAlign: "center" }, type: "secondary", children: "\u767B\u5F55\u4FE1\u606F\u4EC5\u7528\u4E8E\u8BC6\u522B\u4F60\u7684\u8D26\u6237" })] }) })] });
+}
+function UserAccessTheme({ children }) {
+  const { mode } = useZlooksTheme();
+  const { resolvedMode, resolvedTheme } = useZlooksThemeRuntime(mode);
+  const userAccessTheme = useMemo(() => ({
+    ...resolvedTheme,
+    cssVar: { key: `zlooks-user-access-${resolvedMode}` },
+    components: {
+      ...resolvedTheme.components,
+      Button: {
+        ...resolvedTheme.components?.Button,
+        ...zlooksUserAccessComponents.Button
+      }
+    }
+  }), [resolvedMode, resolvedTheme]);
+  return jsx(import_antd2.ConfigProvider, { theme: userAccessTheme, children });
+}
+function useShellContext() {
+  const context = useContext(ShellContext);
+  if (!context)
+    throw new Error("ZlooksShellProvider is required");
+  return context;
+}
+function mergeClassNames(...values) {
+  return values.filter(Boolean).join(" ");
+}
+function resolveTriggerAvatarSize(size, avatarOnly) {
+  if (avatarOnly && size === "small")
+    return 32;
+  if (avatarOnly && size === "large")
+    return 48;
+  if (avatarOnly)
+    return 40;
+  if (size === "small")
+    return 20;
+  if (size === "large")
+    return 28;
+  return 24;
+}
+
+// ../ui/dist/site-config.js
+init_react();
+var SitePresentationContext = createContext(void 0);
+function ZlooksSiteConfigProvider({ children, initialConfig }) {
+  return jsx(SitePresentationContext, { value: initialConfig, children });
+}
+function useSitePresentation() {
+  return useSitePresentationSnapshot().value;
+}
+function useSitePresentationSnapshot() {
+  const snapshot = useContext(SitePresentationContext);
+  if (!snapshot)
+    throw new Error("ZlooksSiteConfigProvider is required");
+  return snapshot;
+}
+
+// src/plugin/page-frame.module.css
+var page_frame_default = {
+  page: "page_frame_page",
+  headerWrap: "page_frame_headerWrap",
+  header: "page_frame_header",
+  brand: "page_frame_brand",
+  brandMark: "page_frame_brandMark",
+  brandLogo: "page_frame_brandLogo",
+  navigation: "page_frame_navigation",
+  actions: "page_frame_actions",
+  content: "page_frame_content",
+  footer: "page_frame_footer"
+};
+
+// src/plugin/page-frame.tsx
+function PasswordPageFrame({
+  children,
+  shell,
+  site
+}) {
+  return /* @__PURE__ */ jsx(ZlooksUiProvider, { children: /* @__PURE__ */ jsx(ZlooksShellProvider, { initialContext: shell, children: /* @__PURE__ */ jsx(ZlooksSiteConfigProvider, { initialConfig: site, children: /* @__PURE__ */ jsx(FrameContent, { children }) }) }) });
+}
+function FrameContent({ children }) {
+  const navigation = useZlooksNavigation();
+  const site = useSitePresentation();
+  const request = useRequest();
+  const rscNavigation = useRscNavigation();
+  async function logout(href) {
+    await request(href, { method: "POST", credentials: "same-origin" }, {
+      errorMessage: "\u9000\u51FA\u767B\u5F55\u5931\u8D25"
+    });
+    rscNavigation.refresh();
+  }
+  return /* @__PURE__ */ jsxs("div", { className: page_frame_default.page, "data-shared-page-frame": true, children: [
+    /* @__PURE__ */ jsx("div", { className: page_frame_default.headerWrap, children: /* @__PURE__ */ jsxs("header", { className: page_frame_default.header, children: [
+      /* @__PURE__ */ jsxs(RscLink, { className: page_frame_default.brand, href: site.identity.homeHref, children: [
+        site.identity.logoUrl ? /* @__PURE__ */ jsx("img", { alt: "", className: page_frame_default.brandLogo, src: site.identity.logoUrl }) : /* @__PURE__ */ jsx("span", { className: page_frame_default.brandMark, "aria-hidden": "true", children: "Z" }),
+        /* @__PURE__ */ jsx("span", { children: site.identity.name })
+      ] }),
+      /* @__PURE__ */ jsx("nav", { "aria-label": "\u4E3B\u5BFC\u822A", className: page_frame_default.navigation, children: navigation.map((item) => /* @__PURE__ */ jsx(RscLink, { "aria-current": item.active ? "page" : void 0, href: item.href, children: item.label }, item.key)) }),
+      /* @__PURE__ */ jsx("div", { className: page_frame_default.actions, children: /* @__PURE__ */ jsx(
+        ZlooksUserAccess,
+        {
+          size: "middle",
+          shape: "round",
+          variant: "avatar",
+          onLogout: logout,
+          onNavigate: rscNavigation.push
+        }
+      ) })
+    ] }) }),
+    /* @__PURE__ */ jsx("main", { className: page_frame_default.content, children }),
+    /* @__PURE__ */ jsxs("footer", { className: page_frame_default.footer, children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("strong", { children: site.identity.name }),
+        /* @__PURE__ */ jsx("span", { children: "\u4FDD\u6301\u597D\u5947\uFF0C\u8BA4\u771F\u751F\u6D3B\u3002" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        site.legal.registrations.map((registration) => registration.verificationUrl ? /* @__PURE__ */ jsx(RscLink, { href: registration.verificationUrl, children: registration.number }, registration.id) : /* @__PURE__ */ jsx("span", { children: registration.number }, registration.id)),
+        site.legal.copyright ? /* @__PURE__ */ jsx("small", { children: site.legal.copyright }) : null
+      ] })
+    ] })
+  ] });
+}
+export {
+  PasswordPageFrame as default
+};