@hkyhy/marsun-components-core 0.1.60 → 0.1.61

package/dist/components/Layout/FullscreenBox/index.d.ts

@@ -0,0 +1,28 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export type FullscreenBoxProps = {
+    children: ReactNode;
+    className?: string;
+    /** 全屏时附加 class（如加大 padding） */
+    fullscreenClassName?: string;
+    fullscreen: boolean;
+    onFullscreenChange?: (fullscreen: boolean) => void;
+    /** Esc 退出，默认 true */
+    exitOnEsc?: boolean;
+    /** 全屏时锁定 body 滚动，默认 true */
+    lockScroll?: boolean;
+} & Omit<HTMLAttributes<HTMLDivElement>, 'children'>;
+/**
+ * CSS 铺满视口（非浏览器 Fullscreen API）。Esc 退出；z-index 1100 对齐业务浮层。
+ * 弹层（Modal / FormModal）须高于 1100（core `zIndexPopupBase` = 1200）。
+ */
+declare const FullscreenBox: React.FC<FullscreenBoxProps>;
+export type FullscreenToggleProps = {
+    fullscreen: boolean;
+    onToggle: () => void;
+    className?: string;
+    /** 图标旁标题（如对比矩阵：点标题也可全屏） */
+    children?: ReactNode;
+};
+export declare const FullscreenToggle: React.FC<FullscreenToggleProps>;
+export default FullscreenBox;
+export { useFullscreen } from './useFullscreen';

package/dist/components/Layout/FullscreenBox/index.js

@@ -0,0 +1,75 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Tooltip as c, Button as y } from "antd";
+import n from "classnames";
+import { useEffect as v } from "react";
+import m from "./style.module.scss.js";
+import { Minimize2 as b } from "../../Icons/Minimize2.js";
+import { Maximize2 as w } from "../../Icons/Maximize2.js";
+const B = ({
+  children: t,
+  className: s,
+  fullscreenClassName: i,
+  fullscreen: e,
+  onFullscreenChange: r,
+  exitOnEsc: l = !0,
+  lockScroll: a = !0,
+  ...d
+}) => (v(() => {
+  if (!e) return;
+  const u = (p) => {
+    !l || p.key !== "Escape" || document.querySelector(".ant-modal-wrap") || r == null || r(!1);
+  }, f = document.body.style.overflow;
+  return a && (document.body.style.overflow = "hidden"), document.addEventListener("keydown", u), () => {
+    a && (document.body.style.overflow = f), document.removeEventListener("keydown", u);
+  };
+}, [l, e, a, r]), /* @__PURE__ */ o(
+  "div",
+  {
+    ...d,
+    className: n(
+      "marsun-fullscreen-box",
+      m["marsun-fullscreen-box"],
+      e && m["marsun-fullscreen-box--open"],
+      s,
+      e && i
+    ),
+    "data-fullscreen": e ? "1" : void 0,
+    children: t
+  }
+)), L = ({
+  fullscreen: t,
+  onToggle: s,
+  className: i,
+  children: e
+}) => /* @__PURE__ */ o(c, { title: t ? "退出全屏（Esc）" : "铺满全屏", children: /* @__PURE__ */ o(
+  y,
+  {
+    type: "text",
+    size: "small",
+    htmlType: "button",
+    className: n(
+      "marsun-fullscreen-toggle",
+      m["marsun-fullscreen-toggle"],
+      i
+    ),
+    icon: t ? /* @__PURE__ */ o(b, { size: 16 }) : /* @__PURE__ */ o(w, { size: 16 }),
+    "aria-label": t ? "退出全屏" : "铺满全屏",
+    "aria-pressed": t,
+    onClick: s,
+    children: e ? /* @__PURE__ */ o(
+      "span",
+      {
+        className: n(
+          "marsun-fullscreen-toggle-title",
+          m["marsun-fullscreen-toggle-title"]
+        ),
+        children: e
+      }
+    ) : null
+  }
+) });
+export {
+  L as FullscreenToggle,
+  B as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Layout/FullscreenBox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/Layout/FullscreenBox/index.tsx"],"sourcesContent":["import { Maximize2, Minimize2 } from '@/components/Icons';\nimport { Button, Tooltip } from 'antd';\nimport classNames from 'classnames';\nimport { useEffect, type HTMLAttributes, type ReactNode } from 'react';\nimport styles from './style.module.scss';\n\nexport type FullscreenBoxProps = {\n  children: ReactNode;\n  className?: string;\n  /** 全屏时附加 class（如加大 padding） */\n  fullscreenClassName?: string;\n  fullscreen: boolean;\n  onFullscreenChange?: (fullscreen: boolean) => void;\n  /** Esc 退出，默认 true */\n  exitOnEsc?: boolean;\n  /** 全屏时锁定 body 滚动，默认 true */\n  lockScroll?: boolean;\n} & Omit<HTMLAttributes<HTMLDivElement>, 'children'>;\n\n/**\n * CSS 铺满视口（非浏览器 Fullscreen API）。Esc 退出；z-index 1100 对齐业务浮层。\n * 弹层（Modal / FormModal）须高于 1100（core `zIndexPopupBase` = 1200）。\n */\nconst FullscreenBox: React.FC<FullscreenBoxProps> = ({\n  children,\n  className,\n  fullscreenClassName,\n  fullscreen,\n  onFullscreenChange,\n  exitOnEsc = true,\n  lockScroll = true,\n  ...rest\n}) => {\n  useEffect(() => {\n    if (!fullscreen) return undefined;\n\n    const onKey = (e: KeyboardEvent) => {\n      if (!exitOnEsc || e.key !== 'Escape') return;\n      if (document.querySelector('.ant-modal-wrap')) return;\n      onFullscreenChange?.(false);\n    };\n    const prevOverflow = document.body.style.overflow;\n    if (lockScroll) document.body.style.overflow = 'hidden';\n    document.addEventListener('keydown', onKey);\n    return () => {\n      if (lockScroll) document.body.style.overflow = prevOverflow;\n      document.removeEventListener('keydown', onKey);\n    };\n  }, [exitOnEsc, fullscreen, lockScroll, onFullscreenChange]);\n\n  return (\n    <div\n      {...rest}\n      className={classNames(\n        'marsun-fullscreen-box',\n        styles['marsun-fullscreen-box'],\n        fullscreen && styles['marsun-fullscreen-box--open'],\n        className,\n        fullscreen && fullscreenClassName,\n      )}\n      data-fullscreen={fullscreen ? '1' : undefined}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport type FullscreenToggleProps = {\n  fullscreen: boolean;\n  onToggle: () => void;\n  className?: string;\n  /** 图标旁标题（如对比矩阵：点标题也可全屏） */\n  children?: ReactNode;\n};\n\nexport const FullscreenToggle: React.FC<FullscreenToggleProps> = ({\n  fullscreen,\n  onToggle,\n  className,\n  children,\n}) => (\n  <Tooltip title={fullscreen ? '退出全屏（Esc）' : '铺满全屏'}>\n    <Button\n      type=\"text\"\n      size=\"small\"\n      htmlType=\"button\"\n      className={classNames(\n        'marsun-fullscreen-toggle',\n        styles['marsun-fullscreen-toggle'],\n        className,\n      )}\n      icon={fullscreen ? <Minimize2 size={16} /> : <Maximize2 size={16} />}\n      aria-label={fullscreen ? '退出全屏' : '铺满全屏'}\n      aria-pressed={fullscreen}\n      onClick={onToggle}\n    >\n      {children ? (\n        <span\n          className={classNames(\n            'marsun-fullscreen-toggle-title',\n            styles['marsun-fullscreen-toggle-title'],\n          )}\n        >\n          {children}\n        </span>\n      ) : null}\n    </Button>\n  </Tooltip>\n);\n\nexport default FullscreenBox;\nexport { useFullscreen } from './useFullscreen';\n"],"names":["FullscreenBox","children","className","fullscreenClassName","fullscreen","onFullscreenChange","exitOnEsc","lockScroll","rest","useEffect","onKey","e","prevOverflow","jsx","classNames","styles","FullscreenToggle","onToggle","Tooltip","Button","Minimize2","Maximize2"],"mappings":";;;;;;;AAuBA,MAAMA,IAA8C,CAAC;AAAA,EACnD,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,GAAGC;AACL,OACEC,EAAU,MAAM;AACd,MAAI,CAACL,EAAY;AAEjB,QAAMM,IAAQ,CAACC,MAAqB;AAClC,IAAI,CAACL,KAAaK,EAAE,QAAQ,YACxB,SAAS,cAAc,iBAAiB,KAC5CN,KAAA,QAAAA,EAAqB;AAAA,EACvB,GACMO,IAAe,SAAS,KAAK,MAAM;AACzC,SAAIL,MAAY,SAAS,KAAK,MAAM,WAAW,WAC/C,SAAS,iBAAiB,WAAWG,CAAK,GACnC,MAAM;AACX,IAAIH,MAAY,SAAS,KAAK,MAAM,WAAWK,IAC/C,SAAS,oBAAoB,WAAWF,CAAK;AAAA,EAC/C;AACF,GAAG,CAACJ,GAAWF,GAAYG,GAAYF,CAAkB,CAAC,GAGxD,gBAAAQ;AAAA,EAAC;AAAA,EAAA;AAAA,IACE,GAAGL;AAAA,IACJ,WAAWM;AAAA,MACT;AAAA,MACAC,EAAO,uBAAuB;AAAA,MAC9BX,KAAcW,EAAO,6BAA6B;AAAA,MAClDb;AAAA,MACAE,KAAcD;AAAA,IAAA;AAAA,IAEhB,mBAAiBC,IAAa,MAAM;AAAA,IAEnC,UAAAH;AAAA,EAAA;AAAA,IAaMe,IAAoD,CAAC;AAAA,EAChE,YAAAZ;AAAA,EACA,UAAAa;AAAA,EACA,WAAAf;AAAA,EACA,UAAAD;AACF,MACE,gBAAAY,EAACK,GAAA,EAAQ,OAAOd,IAAa,cAAc,QACzC,UAAA,gBAAAS;AAAA,EAACM;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,MAAK;AAAA,IACL,UAAS;AAAA,IACT,WAAWL;AAAA,MACT;AAAA,MACAC,EAAO,0BAA0B;AAAA,MACjCb;AAAA,IAAA;AAAA,IAEF,MAAME,IAAa,gBAAAS,EAACO,GAAA,EAAU,MAAM,IAAI,IAAK,gBAAAP,EAACQ,GAAA,EAAU,MAAM,GAAA,CAAI;AAAA,IAClE,cAAYjB,IAAa,SAAS;AAAA,IAClC,gBAAcA;AAAA,IACd,SAASa;AAAA,IAER,UAAAhB,IACC,gBAAAY;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC;AAAA,UACT;AAAA,UACAC,EAAO,gCAAgC;AAAA,QAAA;AAAA,QAGxC,UAAAd;AAAA,MAAA;AAAA,IAAA,IAED;AAAA,EAAA;AACN,EAAA,CACF;"}

package/dist/components/Layout/FullscreenBox/style.module.scss.js

@@ -0,0 +1,10 @@
+const e = {
+  "marsun-fullscreen-box": "_marsun-fullscreen-box_14tsc_1",
+  "marsun-fullscreen-box--open": "_marsun-fullscreen-box--open_14tsc_7",
+  "marsun-fullscreen-toggle": "_marsun-fullscreen-toggle_14tsc_21",
+  "marsun-fullscreen-toggle-title": "_marsun-fullscreen-toggle-title_14tsc_38"
+};
+export {
+  e as default
+};
+//# sourceMappingURL=style.module.scss.js.map

package/dist/components/Layout/FullscreenBox/style.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/components/Layout/FullscreenBox/useFullscreen.d.ts

@@ -0,0 +1,6 @@
+export declare function useFullscreen(defaultFullscreen?: boolean): {
+    fullscreen: boolean;
+    setFullscreen: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+    toggle: () => void;
+    exit: () => void;
+};

package/dist/components/Layout/FullscreenBox/useFullscreen.js

@@ -0,0 +1,9 @@
+import { useState as r, useCallback as s } from "react";
+function a(t = !1) {
+  const [l, e] = r(t), n = s(() => e((o) => !o), []), c = s(() => e(!1), []);
+  return { fullscreen: l, setFullscreen: e, toggle: n, exit: c };
+}
+export {
+  a as useFullscreen
+};
+//# sourceMappingURL=useFullscreen.js.map

package/dist/components/Layout/FullscreenBox/useFullscreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFullscreen.js","sources":["../../../../src/components/Layout/FullscreenBox/useFullscreen.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nexport function useFullscreen(defaultFullscreen = false) {\n  const [fullscreen, setFullscreen] = useState(defaultFullscreen);\n  const toggle = useCallback(() => setFullscreen((v) => !v), []);\n  const exit = useCallback(() => setFullscreen(false), []);\n  return { fullscreen, setFullscreen, toggle, exit };\n}\n"],"names":["useFullscreen","defaultFullscreen","fullscreen","setFullscreen","useState","toggle","useCallback","v","exit"],"mappings":";AAEO,SAASA,EAAcC,IAAoB,IAAO;AACvD,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAASH,CAAiB,GACxDI,IAASC,EAAY,MAAMH,EAAc,CAACI,MAAM,CAACA,CAAC,GAAG,EAAE,GACvDC,IAAOF,EAAY,MAAMH,EAAc,EAAK,GAAG,CAAA,CAAE;AACvD,SAAO,EAAE,YAAAD,GAAY,eAAAC,GAAe,QAAAE,GAAQ,MAAAG,EAAA;AAC9C;"}

package/dist/components/Layout/index.d.ts

@@ -10,3 +10,5 @@ export { AgentAppShell } from './AgentAppShell';
 export type { AgentAppShellProps } from './AgentAppShell';
 export { default as ContentCard } from './ContentCard';
 export type { ContentCardProps } from './ContentCard';
+export { default as FullscreenBox, FullscreenToggle, useFullscreen } from './FullscreenBox';
+export type { FullscreenBoxProps, FullscreenToggleProps } from './FullscreenBox';