@hkyhy/marsun-components-core 0.1.32 → 0.1.34

package/dist/components/InteractiveBlock/InteractiveBlock.js

@@ -0,0 +1,174 @@
+import { jsx as i, jsxs as l, Fragment as g } from "react/jsx-runtime";
+import w from "@kne/button-group";
+import t from "classnames";
+import { Info as x } from "../Icons/index.js";
+import n from "./style.module.scss.js";
+import D from "../Tag/SemanticTag.js";
+import P from "../TooltipInfo/TooltipInfo.js";
+const M = ({
+  title: p,
+  info: a,
+  subtitle: o,
+  description: s,
+  tags: r,
+  tagsPlacement: d = "inline",
+  actions: h,
+  surface: m = "plain",
+  selected: u,
+  onClick: c,
+  className: v
+}) => {
+  const b = (h ?? []).filter((e) => !e.hidden), y = !!(o || r != null && r.length), N = b.map((e) => ({
+    type: "link",
+    key: e.key,
+    icon: e.icon,
+    children: e.label,
+    onClick: e.onClick
+  })), f = r != null && r.length ? /* @__PURE__ */ i(
+    "div",
+    {
+      className: t(
+        "marsun-interactive-block-tags",
+        n["marsun-interactive-block-tags"]
+      ),
+      children: r.map((e) => /* @__PURE__ */ i(D, { color: e.color, children: e.label }, e.label))
+    }
+  ) : null, k = /* @__PURE__ */ l(g, { children: [
+    /* @__PURE__ */ l(
+      "div",
+      {
+        className: t(
+          "marsun-interactive-block-header",
+          n["marsun-interactive-block-header"]
+        ),
+        children: [
+          /* @__PURE__ */ l(
+            "div",
+            {
+              className: t(
+                "marsun-interactive-block-title-group",
+                n["marsun-interactive-block-title-group"]
+              ),
+              children: [
+                /* @__PURE__ */ i(
+                  "p",
+                  {
+                    className: t(
+                      "marsun-interactive-block-title",
+                      n["marsun-interactive-block-title"]
+                    ),
+                    children: p
+                  }
+                ),
+                a != null && a.length ? /* @__PURE__ */ i(
+                  P,
+                  {
+                    content: a,
+                    placement: "topLeft",
+                    overlayStyle: { minWidth: 220, maxWidth: 360 },
+                    overlayClassName: "marsun-interactive-block-info-tooltip",
+                    children: /* @__PURE__ */ i(
+                      "span",
+                      {
+                        className: t(
+                          "marsun-interactive-block-info-trigger",
+                          n["marsun-interactive-block-info-trigger"]
+                        ),
+                        onClick: (e) => e.stopPropagation(),
+                        onMouseDown: (e) => e.stopPropagation(),
+                        onKeyDown: (e) => e.stopPropagation(),
+                        children: /* @__PURE__ */ i(x, { size: 16, "aria-hidden": !0 })
+                      }
+                    )
+                  }
+                ) : null
+              ]
+            }
+          ),
+          b.length ? /* @__PURE__ */ i(
+            "div",
+            {
+              className: t(
+                "marsun-interactive-block-actions",
+                n["marsun-interactive-block-actions"]
+              ),
+              onClick: (e) => e.stopPropagation(),
+              onKeyDown: (e) => e.stopPropagation(),
+              role: "presentation",
+              children: /* @__PURE__ */ i(w, { moreType: "link", list: N })
+            }
+          ) : null
+        ]
+      }
+    ),
+    y ? /* @__PURE__ */ l(
+      "div",
+      {
+        className: t(
+          "marsun-interactive-block-meta",
+          n["marsun-interactive-block-meta"],
+          d === "below" && n["marsun-interactive-block-meta--below"]
+        ),
+        children: [
+          o ? /* @__PURE__ */ i(
+            "p",
+            {
+              className: t(
+                "marsun-interactive-block-subtitle",
+                n["marsun-interactive-block-subtitle"]
+              ),
+              children: o
+            }
+          ) : null,
+          f
+        ]
+      }
+    ) : null,
+    s ? /* @__PURE__ */ i(
+      "p",
+      {
+        className: t(
+          "marsun-interactive-block-description",
+          n["marsun-interactive-block-description"]
+        ),
+        children: s
+      }
+    ) : null
+  ] });
+  return c ? /* @__PURE__ */ i(
+    "div",
+    {
+      role: "button",
+      tabIndex: 0,
+      className: t(
+        "marsun-interactive-block",
+        n["marsun-interactive-block"],
+        n["marsun-interactive-block--clickable"],
+        m === "inset" && n["marsun-interactive-block--inset"],
+        u && n["marsun-interactive-block--selected"],
+        v
+      ),
+      onClick: c,
+      onKeyDown: (e) => {
+        (e.key === "Enter" || e.key === " ") && (e.preventDefault(), c());
+      },
+      children: k
+    }
+  ) : /* @__PURE__ */ i(
+    "div",
+    {
+      className: t(
+        "marsun-interactive-block",
+        n["marsun-interactive-block"],
+        m === "inset" && n["marsun-interactive-block--inset"],
+        u && n["marsun-interactive-block--selected"],
+        v
+      ),
+      children: k
+    }
+  );
+};
+export {
+  M as default
+};
+//# sourceMappingURL=InteractiveBlock.js.map

package/dist/components/InteractiveBlock/InteractiveBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InteractiveBlock.js","sources":["../../../src/components/InteractiveBlock/InteractiveBlock.tsx"],"sourcesContent":["import ButtonGroup from '@kne/button-group';\nimport classNames from 'classnames';\nimport type { ReactNode } from 'react';\nimport type { DescriptionItem } from '../Descriptions/CommonDescriptions';\nimport { Info } from '../Icons';\nimport { SemanticTag } from '../Tag';\nimport { TooltipInfo } from '../TooltipInfo';\nimport styles from './style.module.scss';\n\nexport type InteractiveBlockTag = {\n  label: string;\n  color: string;\n};\n\nexport type InteractiveBlockAction = {\n  key: string;\n  label: string;\n  icon?: ReactNode;\n  onClick?: () => void;\n  hidden?: boolean;\n};\n\nexport type InteractiveBlockTagsPlacement = 'inline' | 'below';\n\nexport type InteractiveBlockSurface = 'plain' | 'inset';\n\nexport type InteractiveBlockProps = {\n  title: ReactNode;\n  info?: DescriptionItem[];\n  subtitle?: ReactNode;\n  description?: ReactNode;\n  tags?: InteractiveBlockTag[];\n  tagsPlacement?: InteractiveBlockTagsPlacement;\n  actions?: InteractiveBlockAction[];\n  /** 列表表面：inset 对齐归档检索灰底项 */\n  surface?: InteractiveBlockSurface;\n  selected?: boolean;\n  onClick?: () => void;\n  className?: string;\n};\n\n/**\n * 带操作性的展示块：title → Info+TooltipInfo → actions；tags 紧贴 subtitle。\n */\nconst InteractiveBlock: React.FC<InteractiveBlockProps> = ({\n  title,\n  info,\n  subtitle,\n  description,\n  tags,\n  tagsPlacement = 'inline',\n  actions,\n  surface = 'plain',\n  selected,\n  onClick,\n  className,\n}) => {\n  const visibleActions = (actions ?? []).filter((a) => !a.hidden);\n  const hasMeta = Boolean(subtitle || tags?.length);\n\n  const actionList = visibleActions.map((action) => ({\n    type: 'link' as const,\n    key: action.key,\n    icon: action.icon,\n    children: action.label,\n    onClick: action.onClick,\n  }));\n\n  const tagsNode = tags?.length ? (\n    <div\n      className={classNames(\n        'marsun-interactive-block-tags',\n        styles['marsun-interactive-block-tags'],\n      )}\n    >\n      {tags.map((tag) => (\n        <SemanticTag key={tag.label} color={tag.color}>\n          {tag.label}\n        </SemanticTag>\n      ))}\n    </div>\n  ) : null;\n\n  const body = (\n    <>\n      <div\n        className={classNames(\n          'marsun-interactive-block-header',\n          styles['marsun-interactive-block-header'],\n        )}\n      >\n        <div\n          className={classNames(\n            'marsun-interactive-block-title-group',\n            styles['marsun-interactive-block-title-group'],\n          )}\n        >\n          <p\n            className={classNames(\n              'marsun-interactive-block-title',\n              styles['marsun-interactive-block-title'],\n            )}\n          >\n            {title}\n          </p>\n          {info?.length ? (\n            <TooltipInfo\n              content={info}\n              placement=\"topLeft\"\n              overlayStyle={{ minWidth: 220, maxWidth: 360 }}\n              overlayClassName=\"marsun-interactive-block-info-tooltip\"\n            >\n              <span\n                className={classNames(\n                  'marsun-interactive-block-info-trigger',\n                  styles['marsun-interactive-block-info-trigger'],\n                )}\n                onClick={(e) => e.stopPropagation()}\n                onMouseDown={(e) => e.stopPropagation()}\n                onKeyDown={(e) => e.stopPropagation()}\n              >\n                <Info size={16} aria-hidden />\n              </span>\n            </TooltipInfo>\n          ) : null}\n        </div>\n        {visibleActions.length ? (\n          <div\n            className={classNames(\n              'marsun-interactive-block-actions',\n              styles['marsun-interactive-block-actions'],\n            )}\n            onClick={(e) => e.stopPropagation()}\n            onKeyDown={(e) => e.stopPropagation()}\n            role=\"presentation\"\n          >\n            <ButtonGroup moreType=\"link\" list={actionList} />\n          </div>\n        ) : null}\n      </div>\n      {hasMeta ? (\n        <div\n          className={classNames(\n            'marsun-interactive-block-meta',\n            styles['marsun-interactive-block-meta'],\n            tagsPlacement === 'below' && styles['marsun-interactive-block-meta--below'],\n          )}\n        >\n          {subtitle ? (\n            <p\n              className={classNames(\n                'marsun-interactive-block-subtitle',\n                styles['marsun-interactive-block-subtitle'],\n              )}\n            >\n              {subtitle}\n            </p>\n          ) : null}\n          {tagsNode}\n        </div>\n      ) : null}\n      {description ? (\n        <p\n          className={classNames(\n            'marsun-interactive-block-description',\n            styles['marsun-interactive-block-description'],\n          )}\n        >\n          {description}\n        </p>\n      ) : null}\n    </>\n  );\n\n  if (onClick) {\n    return (\n      <div\n        role=\"button\"\n        tabIndex={0}\n        className={classNames(\n          'marsun-interactive-block',\n          styles['marsun-interactive-block'],\n          styles['marsun-interactive-block--clickable'],\n          surface === 'inset' && styles['marsun-interactive-block--inset'],\n          selected && styles['marsun-interactive-block--selected'],\n          className,\n        )}\n        onClick={onClick}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault();\n            onClick();\n          }\n        }}\n      >\n        {body}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={classNames(\n        'marsun-interactive-block',\n        styles['marsun-interactive-block'],\n        surface === 'inset' && styles['marsun-interactive-block--inset'],\n        selected && styles['marsun-interactive-block--selected'],\n        className,\n      )}\n    >\n      {body}\n    </div>\n  );\n};\n\nexport default InteractiveBlock;\n"],"names":["InteractiveBlock","title","info","subtitle","description","tags","tagsPlacement","actions","surface","selected","onClick","className","visibleActions","a","hasMeta","actionList","action","tagsNode","jsx","classNames","styles","tag","SemanticTag","body","jsxs","Fragment","TooltipInfo","Info","ButtonGroup"],"mappings":"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"}

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

@@ -0,0 +1,3 @@
+export { default } from './InteractiveBlock';
+export { default as InteractiveBlock } from './InteractiveBlock';
+export type { InteractiveBlockAction, InteractiveBlockProps, InteractiveBlockSurface, InteractiveBlockTag, InteractiveBlockTagsPlacement, } from './InteractiveBlock';

package/dist/components/InteractiveBlock/style.module.scss.js

@@ -0,0 +1,20 @@
+const e = {
+  "marsun-interactive-block": "_marsun-interactive-block_jc90o_1",
+  "marsun-interactive-block--clickable": "_marsun-interactive-block--clickable_jc90o_12",
+  "marsun-interactive-block--inset": "_marsun-interactive-block--inset_jc90o_15",
+  "marsun-interactive-block--selected": "_marsun-interactive-block--selected_jc90o_24",
+  "marsun-interactive-block-title": "_marsun-interactive-block-title_jc90o_28",
+  "marsun-interactive-block-header": "_marsun-interactive-block-header_jc90o_48",
+  "marsun-interactive-block-title-group": "_marsun-interactive-block-title-group_jc90o_55",
+  "marsun-interactive-block-info-trigger": "_marsun-interactive-block-info-trigger_jc90o_74",
+  "marsun-interactive-block-actions": "_marsun-interactive-block-actions_jc90o_84",
+  "marsun-interactive-block-meta": "_marsun-interactive-block-meta_jc90o_101",
+  "marsun-interactive-block-meta--below": "_marsun-interactive-block-meta--below_jc90o_108",
+  "marsun-interactive-block-subtitle": "_marsun-interactive-block-subtitle_jc90o_113",
+  "marsun-interactive-block-tags": "_marsun-interactive-block-tags_jc90o_120",
+  "marsun-interactive-block-description": "_marsun-interactive-block-description_jc90o_126"
+};
+export {
+  e as default
+};
+//# sourceMappingURL=style.module.scss.js.map

package/dist/components/InteractiveBlock/style.module.scss.js.map

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

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

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+export type ContentCardProps = {
+    children: ReactNode;
+    className?: string;
+    /** 去掉内边距（适合嵌套 Tabs / Table） */
+    noPadding?: boolean;
+    /** 无 border / shadow / radius，用于模块 workarea 扁平容器 */
+    flat?: boolean;
+};
+/**
+ * 主内容卡片容器。模块 workarea 扁平布局传 `flat`（可加 `noPadding`）。
+ */
+declare const ContentCard: React.FC<ContentCardProps>;
+export default ContentCard;

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

@@ -0,0 +1,20 @@
+import { jsx as s } from "react/jsx-runtime";
+import c from "classnames";
+import t from "./style.module.scss.js";
+const f = ({ children: n, className: a, noPadding: r, flat: o }) => /* @__PURE__ */ s(
+  "section",
+  {
+    className: c(
+      "marsun-content-card",
+      t["marsun-content-card"],
+      r && t["marsun-content-card--no-padding"],
+      o && t["marsun-content-card--flat"],
+      a
+    ),
+    children: n
+  }
+);
+export {
+  f as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/Layout/ContentCard/index.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport type { ReactNode } from 'react';\nimport styles from './style.module.scss';\n\nexport type ContentCardProps = {\n  children: ReactNode;\n  className?: string;\n  /** 去掉内边距（适合嵌套 Tabs / Table） */\n  noPadding?: boolean;\n  /** 无 border / shadow / radius，用于模块 workarea 扁平容器 */\n  flat?: boolean;\n};\n\n/**\n * 主内容卡片容器。模块 workarea 扁平布局传 `flat`（可加 `noPadding`）。\n */\nconst ContentCard: React.FC<ContentCardProps> = ({ children, className, noPadding, flat }) => (\n  <section\n    className={classNames(\n      'marsun-content-card',\n      styles['marsun-content-card'],\n      noPadding && styles['marsun-content-card--no-padding'],\n      flat && styles['marsun-content-card--flat'],\n      className,\n    )}\n  >\n    {children}\n  </section>\n);\n\nexport default ContentCard;\n"],"names":["ContentCard","children","className","noPadding","flat","jsx","classNames","styles"],"mappings":";;;AAgBA,MAAMA,IAA0C,CAAC,EAAE,UAAAC,GAAU,WAAAC,GAAW,WAAAC,GAAW,MAAAC,QACjF,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAC,EAAO,qBAAqB;AAAA,MAC5BJ,KAAaI,EAAO,iCAAiC;AAAA,MACrDH,KAAQG,EAAO,2BAA2B;AAAA,MAC1CL;AAAA,IAAA;AAAA,IAGD,UAAAD;AAAA,EAAA;AACH;"}

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

@@ -0,0 +1,9 @@
+const n = {
+  "marsun-content-card": "_marsun-content-card_kuu48_1",
+  "marsun-content-card--no-padding": "_marsun-content-card--no-padding_kuu48_9",
+  "marsun-content-card--flat": "_marsun-content-card--flat_kuu48_14"
+};
+export {
+  n as default
+};
+//# sourceMappingURL=style.module.scss.js.map

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

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

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

@@ -8,3 +8,5 @@ export { default as ModulePageShell } from './ModulePageShell';
 export type { ModulePageShellProps } from './ModulePageShell';
 export { AgentAppShell } from './AgentAppShell';
 export type { AgentAppShellProps } from './AgentAppShell';
+export { default as ContentCard } from './ContentCard';
+export type { ContentCardProps } from './ContentCard';

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

@@ -0,0 +1,6 @@
+import { MarsunModalProps } from '../ModalTypes';
+/**
+ * 通用居中 Modal：必填标题、可选 info/description、标题 Action（ButtonGroup）、S/M/L 宽度（只可缩小）、固定 body 高。
+ */
+declare const Modal: React.FC<MarsunModalProps>;
+export default Modal;

package/dist/components/Modal/Modal/index.js

@@ -0,0 +1,120 @@
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import I from "@kne/button-group";
+import { Modal as z } from "antd";
+import e from "classnames";
+import { useMemo as h, useState as B, useEffect as T } from "react";
+import { Info as V } from "../../Icons/index.js";
+import { resolveModalWidth as _, resolveModalSizeAnchor as j, MODAL_SIZE_BODY_HEIGHT as C } from "../utils/resolveModalSize.js";
+import r from "./style.module.scss.js";
+import D from "../../TooltipInfo/TooltipInfo.js";
+import G from "../../VirtualScrollbar/VirtualScrollbar/index.js";
+function O() {
+  const [i, m] = B(() => typeof window < "u" ? window.innerWidth : 1200);
+  return T(() => {
+    const o = () => m(window.innerWidth);
+    return window.addEventListener("resize", o), () => window.removeEventListener("resize", o);
+  }, []), i;
+}
+const Q = ({
+  open: i,
+  onCancel: m,
+  title: o,
+  info: a,
+  description: f,
+  actions: w,
+  footer: y = null,
+  size: l,
+  width: s,
+  children: v,
+  className: N,
+  destroyOnHidden: M = !0,
+  maskClosable: W = !1,
+  scrollable: b = !1,
+  closable: x = !0
+}) => {
+  const n = O(), E = h(
+    () => _({ size: l, width: s, viewportWidth: n }),
+    [l, s, n]
+  ), L = h(
+    () => j({ size: l, width: s, viewportWidth: n }),
+    [l, s, n]
+  ), g = C[L], d = h(() => {
+    const u = (w ?? []).filter((H) => !H.hidden), c = u[0];
+    return !c || c.type != null ? u : [{ ...c, type: "primary" }, ...u.slice(1)];
+  }, [w]), S = /* @__PURE__ */ p("div", { className: e("marsun-modal-title-wrap", r["marsun-modal-title-wrap"]), children: [
+    /* @__PURE__ */ p("div", { className: e("marsun-modal-title-row", r["marsun-modal-title-row"]), children: [
+      /* @__PURE__ */ p("div", { className: e("marsun-modal-title-group", r["marsun-modal-title-group"]), children: [
+        /* @__PURE__ */ t("div", { className: e("marsun-modal-title", r["marsun-modal-title"]), children: o }),
+        a != null && a.length ? /* @__PURE__ */ t(
+          D,
+          {
+            content: a,
+            placement: "topLeft",
+            overlayStyle: { minWidth: 220, maxWidth: 360 },
+            overlayClassName: "marsun-modal-info-tooltip",
+            children: /* @__PURE__ */ t(
+              "span",
+              {
+                className: e(
+                  "marsun-modal-info-trigger",
+                  r["marsun-modal-info-trigger"]
+                ),
+                children: /* @__PURE__ */ t(V, { size: 16, "aria-hidden": !0 })
+              }
+            )
+          }
+        ) : null
+      ] }),
+      d.length > 0 ? /* @__PURE__ */ t(
+        "div",
+        {
+          className: e(
+            "marsun-modal-title-actions",
+            r["marsun-modal-title-actions"]
+          ),
+          children: /* @__PURE__ */ t(I, { list: d, showLength: Math.max(d.length, 2) })
+        }
+      ) : null
+    ] }),
+    f ? /* @__PURE__ */ t("div", { className: e("marsun-modal-description", r["marsun-modal-description"]), children: f }) : null
+  ] }), A = b ? /* @__PURE__ */ t(
+    G,
+    {
+      wrapperClassName: e(
+        "marsun-modal-scroll-wrapper",
+        r["marsun-modal-scroll-wrapper"]
+      ),
+      className: e("marsun-modal-scroll", r["marsun-modal-scroll"]),
+      children: v
+    }
+  ) : /* @__PURE__ */ t("div", { className: e("marsun-modal-body-inner", r["marsun-modal-body-inner"]), children: v });
+  return /* @__PURE__ */ t(
+    z,
+    {
+      open: i,
+      onCancel: m,
+      title: S,
+      footer: y,
+      width: E,
+      centered: !0,
+      closable: x,
+      maskClosable: W,
+      destroyOnHidden: M,
+      className: e("marsun-modal", r["marsun-modal"], N),
+      styles: {
+        body: {
+          height: g,
+          maxHeight: g,
+          overflow: "hidden",
+          paddingTop: 12,
+          paddingBottom: 12
+        }
+      },
+      children: A
+    }
+  );
+};
+export {
+  Q as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Modal/Modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/Modal/Modal/index.tsx"],"sourcesContent":["import ButtonGroup from '@kne/button-group';\nimport { Modal as AntModal } from 'antd';\nimport classNames from 'classnames';\nimport { useEffect, useMemo, useState, type ReactNode } from 'react';\nimport { Info } from '../../Icons';\nimport { TooltipInfo } from '../../TooltipInfo';\nimport { VirtualScrollbar } from '../../VirtualScrollbar';\nimport type { MarsunModalProps } from '../ModalTypes';\nimport {\n  MODAL_SIZE_BODY_HEIGHT,\n  resolveModalSizeAnchor,\n  resolveModalWidth,\n} from '../utils/resolveModalSize';\nimport styles from './style.module.scss';\n\nfunction useViewportWidth(): number {\n  const [vw, setVw] = useState(() => (typeof window !== 'undefined' ? window.innerWidth : 1200));\n\n  useEffect(() => {\n    const onResize = () => setVw(window.innerWidth);\n    window.addEventListener('resize', onResize);\n    return () => window.removeEventListener('resize', onResize);\n  }, []);\n\n  return vw;\n}\n\n/**\n * 通用居中 Modal：必填标题、可选 info/description、标题 Action（ButtonGroup）、S/M/L 宽度（只可缩小）、固定 body 高。\n */\nconst Modal: React.FC<MarsunModalProps> = ({\n  open,\n  onCancel,\n  title,\n  info,\n  description,\n  actions,\n  footer = null,\n  size,\n  width,\n  children,\n  className,\n  destroyOnHidden = true,\n  maskClosable = false,\n  scrollable = false,\n  closable = true,\n}) => {\n  const viewportWidth = useViewportWidth();\n  const effectiveWidth = useMemo(\n    () => resolveModalWidth({ size, width, viewportWidth }),\n    [size, width, viewportWidth],\n  );\n  const sizeAnchor = useMemo(\n    () => resolveModalSizeAnchor({ size, width, viewportWidth }),\n    [size, width, viewportWidth],\n  );\n  const bodyHeight = MODAL_SIZE_BODY_HEIGHT[sizeAnchor];\n\n  const visibleActions = useMemo(() => {\n    const list = (actions ?? []).filter((a) => !a.hidden);\n    const first = list[0];\n    if (!first || first.type != null) return list;\n    return [{ ...first, type: 'primary' as const }, ...list.slice(1)];\n  }, [actions]);\n\n  const titleNode = (\n    <div className={classNames('marsun-modal-title-wrap', styles['marsun-modal-title-wrap'])}>\n      <div className={classNames('marsun-modal-title-row', styles['marsun-modal-title-row'])}>\n        <div className={classNames('marsun-modal-title-group', styles['marsun-modal-title-group'])}>\n          <div className={classNames('marsun-modal-title', styles['marsun-modal-title'])}>\n            {title}\n          </div>\n          {info?.length ? (\n            <TooltipInfo\n              content={info}\n              placement=\"topLeft\"\n              overlayStyle={{ minWidth: 220, maxWidth: 360 }}\n              overlayClassName=\"marsun-modal-info-tooltip\"\n            >\n              <span\n                className={classNames(\n                  'marsun-modal-info-trigger',\n                  styles['marsun-modal-info-trigger'],\n                )}\n              >\n                <Info size={16} aria-hidden />\n              </span>\n            </TooltipInfo>\n          ) : null}\n        </div>\n        {visibleActions.length > 0 ? (\n          <div\n            className={classNames(\n              'marsun-modal-title-actions',\n              styles['marsun-modal-title-actions'],\n            )}\n          >\n            <ButtonGroup list={visibleActions} showLength={Math.max(visibleActions.length, 2)} />\n          </div>\n        ) : null}\n      </div>\n      {description ? (\n        <div className={classNames('marsun-modal-description', styles['marsun-modal-description'])}>\n          {description}\n        </div>\n      ) : null}\n    </div>\n  );\n\n  const body: ReactNode = scrollable ? (\n    <VirtualScrollbar\n      wrapperClassName={classNames(\n        'marsun-modal-scroll-wrapper',\n        styles['marsun-modal-scroll-wrapper'],\n      )}\n      className={classNames('marsun-modal-scroll', styles['marsun-modal-scroll'])}\n    >\n      {children}\n    </VirtualScrollbar>\n  ) : (\n    <div className={classNames('marsun-modal-body-inner', styles['marsun-modal-body-inner'])}>\n      {children}\n    </div>\n  );\n\n  return (\n    <AntModal\n      open={open}\n      onCancel={onCancel}\n      title={titleNode}\n      footer={footer}\n      width={effectiveWidth}\n      centered\n      closable={closable}\n      maskClosable={maskClosable}\n      destroyOnHidden={destroyOnHidden}\n      className={classNames('marsun-modal', styles['marsun-modal'], className)}\n      styles={{\n        body: {\n          height: bodyHeight,\n          maxHeight: bodyHeight,\n          overflow: 'hidden',\n          paddingTop: 12,\n          paddingBottom: 12,\n        },\n      }}\n    >\n      {body}\n    </AntModal>\n  );\n};\n\nexport default Modal;\n"],"names":["useViewportWidth","vw","setVw","useState","useEffect","onResize","Modal","open","onCancel","title","info","description","actions","footer","size","width","children","className","destroyOnHidden","maskClosable","scrollable","closable","viewportWidth","effectiveWidth","useMemo","resolveModalWidth","sizeAnchor","resolveModalSizeAnchor","bodyHeight","MODAL_SIZE_BODY_HEIGHT","visibleActions","list","a","first","titleNode","classNames","styles","jsxs","jsx","TooltipInfo","Info","ButtonGroup","body","VirtualScrollbar","AntModal"],"mappings":"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"}

package/dist/components/Modal/Modal/style.module.scss.js

@@ -0,0 +1,17 @@
+const a = {
+  "marsun-modal": "_marsun-modal_1ggfn_1",
+  "marsun-modal-title-wrap": "_marsun-modal-title-wrap_1ggfn_23",
+  "marsun-modal-title-row": "_marsun-modal-title-row_1ggfn_30",
+  "marsun-modal-title-group": "_marsun-modal-title-group_1ggfn_41",
+  "marsun-modal-title": "_marsun-modal-title_1ggfn_23",
+  "marsun-modal-info-trigger": "_marsun-modal-info-trigger_1ggfn_56",
+  "marsun-modal-title-actions": "_marsun-modal-title-actions_1ggfn_66",
+  "marsun-modal-description": "_marsun-modal-description_1ggfn_71",
+  "marsun-modal-scroll-wrapper": "_marsun-modal-scroll-wrapper_1ggfn_81",
+  "marsun-modal-scroll": "_marsun-modal-scroll_1ggfn_81",
+  "marsun-modal-body-inner": "_marsun-modal-body-inner_1ggfn_96"
+};
+export {
+  a as default
+};
+//# sourceMappingURL=style.module.scss.js.map

package/dist/components/Modal/Modal/style.module.scss.js.map

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

package/dist/components/Modal/ModalTypes.d.ts

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+import { DescriptionItem } from '../Descriptions/CommonDescriptions';
+import { ModalSize } from './utils/resolveModalSize';
+export type MarsunModalProps = {
+    open: boolean;
+    onCancel: () => void;
+    /** 弹窗标题（必填） */
+    title: ReactNode;
+    /** 标题旁 Info + TooltipInfo（对齐 InteractiveBlock） */
+    info?: DescriptionItem[];
+    /** 标题行下方说明文案 */
+    description?: ReactNode;
+    /** 标题右侧操作，ButtonGroup listArray */
+    actions?: Record<string, unknown>[];
+    footer?: ReactNode | null;
+    size?: ModalSize;
+    /** 显式默认宽，优先于 size 作为锚点 */
+    width?: number;
+    children: ReactNode;
+    className?: string;
+    destroyOnHidden?: boolean;
+    maskClosable?: boolean;
+    /** body 内单层 VirtualScrollbar */
+    scrollable?: boolean;
+    closable?: boolean;
+};

package/dist/components/Modal/StepModal/index.js

@@ -1,56 +1,58 @@
-import { jsxs as k, jsx as d } from "react/jsx-runtime";
-import { ChevronLeft as M } from "../../Icons/index.js";
-import { Modal as j, Steps as F, Button as c } from "antd";
-import { useMemo as I, useCallback as n } from "react";
+import { jsxs as n, jsx as d } from "react/jsx-runtime";
+import { ChevronLeft as I } from "../../Icons/index.js";
+import { Modal as W, Steps as z, Button as c } from "antd";
+import { useMemo as F, useCallback as k } from "react";
+import { resolveModalWidth as L } from "../utils/resolveModalSize.js";
 import f from "./style.module.scss.js";
-import a from "classnames";
-const y = (m) => {
-  if (m !== void 0)
-    return typeof m == "function" ? m() : m;
-}, H = ({
-  title: m,
-  steps: r,
-  current: e,
-  open: x,
+import e from "classnames";
+const y = (t) => {
+  if (t !== void 0)
+    return typeof t == "function" ? t() : t;
+}, K = ({
+  title: t,
+  steps: i,
+  current: a,
+  open: v,
   onCancel: s,
-  width: N = 600,
+  width: x = 600,
   showSteps: u = !0,
-  maskClosable: v = !1,
-  className: w,
+  maskClosable: w = !1,
+  className: N,
   onStepChange: l
 }) => {
-  const i = I(() => r.findIndex((t) => t.key === e), [r, e]), o = r[i], E = n(() => {
-    i > 0 && (l == null || l(r[i - 1].key));
-  }, [i, r, l]), b = n(async () => {
+  const r = F(() => i.findIndex((m) => m.key === a), [i, a]), o = i[r], E = k(() => {
+    r > 0 && (l == null || l(i[r - 1].key));
+  }, [r, i, l]), M = k(async () => {
     if (!(o != null && o.beforeEnter)) {
-      i < r.length - 1 && (l == null || l(r[i + 1].key));
+      r < i.length - 1 && (l == null || l(i[r + 1].key));
       return;
     }
-    await o.beforeEnter() && i < r.length - 1 && (l == null || l(r[i + 1].key));
-  }, [o, i, r, l]), B = m ?? (o == null ? void 0 : o.title) ?? "";
-  return /* @__PURE__ */ k(
-    j,
+    await o.beforeEnter() && r < i.length - 1 && (l == null || l(i[r + 1].key));
+  }, [o, r, i, l]), b = t ?? (o == null ? void 0 : o.title) ?? "", B = () => (o == null ? void 0 : o.footer) !== void 0 ? y(o.footer) : /* @__PURE__ */ n("div", { className: e("step-modal-root", f["step-modal-root"]), children: [
+    r > 0 && (o == null ? void 0 : o.allowBack) !== !1 && /* @__PURE__ */ d(c, { icon: /* @__PURE__ */ d(I, {}), onClick: E, children: "上一步" }),
+    /* @__PURE__ */ d("div", { className: e("step-modal-container", f["step-modal-container"]) }),
+    /* @__PURE__ */ d(c, { onClick: s, children: "取消" }),
+    r < i.length - 1 && /* @__PURE__ */ d(c, { type: "primary", onClick: M, children: "下一步" })
+  ] }), j = L({ width: x });
+  return /* @__PURE__ */ n(
+    W,
     {
-      title: B,
-      open: x,
+      title: b,
+      open: v,
       onCancel: s,
-      width: N,
-      footer: (o == null ? void 0 : o.footer) !== void 0 ? y(o.footer) : /* @__PURE__ */ k("div", { className: a("step-modal-root", f["step-modal-root"]), children: [
-        i > 0 && (o == null ? void 0 : o.allowBack) !== !1 && /* @__PURE__ */ d(c, { icon: /* @__PURE__ */ d(M, {}), onClick: E, children: "上一步" }),
-        /* @__PURE__ */ d("div", { className: a("step-modal-container", f["step-modal-container"]) }),
-        /* @__PURE__ */ d(c, { onClick: s, children: "取消" }),
-        i < r.length - 1 && /* @__PURE__ */ d(c, { type: "primary", onClick: b, children: "下一步" })
-      ] }),
-      maskClosable: v,
-      className: w,
+      width: j,
+      centered: !0,
+      footer: B(),
+      maskClosable: w,
+      className: N,
       children: [
-        u && r.length > 1 && /* @__PURE__ */ d(
-          F,
+        u && i.length > 1 && /* @__PURE__ */ d(
+          z,
           {
-            current: i,
+            current: r,
             size: "small",
-            className: a("step-modal-wrapper", f["step-modal-wrapper"]),
-            items: r.map((t) => ({ title: t.title, description: t.description }))
+            className: e("step-modal-wrapper", f["step-modal-wrapper"]),
+            items: i.map((m) => ({ title: m.title, description: m.description }))
           }
         ),
         y(o == null ? void 0 : o.content)
@@ -59,6 +61,6 @@ const y = (m) => {
   );
 };
 export {
-  H as default
+  K as default
 };
 //# sourceMappingURL=index.js.map

package/dist/components/Modal/StepModal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Modal/StepModal/index.tsx"],"sourcesContent":["import { ChevronLeft } from '@/components/Icons';\nimport { Button, Modal, Steps } from 'antd';\nimport React, { useCallback, useMemo } from 'react';\nimport type { StepModalProps } from '../StepModalTypes';\nimport styles from './style.module.scss';\nimport classNames from 'classnames';\n\n/** 解析可能是函数的 content / footer */\nconst resolve = (val: React.ReactNode | (() => React.ReactNode) | undefined) => {\n  if (val === undefined) return undefined;\n  return typeof val === 'function' ? val() : val;\n};\n\n/**\n * 步骤式弹窗\n *\n * 将多步骤流程封装在同一个 Modal 中，自动管理步骤导航、标题切换和底部按钮。\n *\n * 用法：\n * ```tsx\n * const [current, setCurrent] = useState('select');\n * <StepModal\n *   open={open}\n *   current={current}\n *   onCancel={onCancel}\n *   steps={[\n *     { key: 'select', title: '选择文件', content: <SelectStep /> },\n *     { key: 'uploading', title: '上传文件', content: <UploadingStep /> },\n *     { key: 'result', title: '上传结果', content: <ResultStep /> },\n *   ]}\n *   onStepChange={setCurrent}\n * />\n * ```\n */\nconst StepModal: React.FC<StepModalProps> = ({\n  title,\n  steps,\n  current,\n  open,\n  onCancel,\n  width = 600,\n  showSteps = true,\n  maskClosable = false,\n  className,\n  onStepChange,\n}) => {\n  const currentIndex = useMemo(() => steps.findIndex((s) => s.key === current), [steps, current]);\n  const currentStep = steps[currentIndex];\n\n  const goBack = useCallback(() => {\n    if (currentIndex > 0) {\n      onStepChange?.(steps[currentIndex - 1]!.key);\n    }\n  }, [currentIndex, steps, onStepChange]);\n\n  const goNext = useCallback(async () => {\n    if (!currentStep?.beforeEnter) {\n      if (currentIndex < steps.length - 1) {\n        onStepChange?.(steps[currentIndex + 1]!.key);\n      }\n      return;\n    }\n    const canEnter = await currentStep.beforeEnter();\n    if (canEnter && currentIndex < steps.length - 1) {\n      onStepChange?.(steps[currentIndex + 1]!.key);\n    }\n  }, [currentStep, currentIndex, steps, onStepChange]);\n\n  // 自动从标题推导\n  const modalTitle = title ?? currentStep?.title ?? '';\n\n  // 底部按钮：优先使用步骤自定义 footer，否则自动渲染\"取消/上一步/下一步\"\n  const renderFooter = () => {\n    if (currentStep?.footer !== undefined) return resolve(currentStep.footer);\n\n    return (\n      <div className={classNames('step-modal-root', styles['step-modal-root'])}>\n        {currentIndex > 0 && currentStep?.allowBack !== false && (\n          <Button icon={<ChevronLeft />} onClick={goBack}>\n            上一步\n          </Button>\n        )}\n        <div className={classNames('step-modal-container', styles['step-modal-container'])} />\n        <Button onClick={onCancel}>取消</Button>\n        {currentIndex < steps.length - 1 && (\n          <Button type=\"primary\" onClick={goNext}>\n            下一步\n          </Button>\n        )}\n      </div>\n    );\n  };\n\n  return (\n    <Modal\n      title={modalTitle}\n      open={open}\n      onCancel={onCancel}\n      width={width}\n      footer={renderFooter()}\n      maskClosable={maskClosable}\n      className={className}\n    >\n      {showSteps && steps.length > 1 && (\n        <Steps\n          current={currentIndex}\n          size=\"small\"\n          className={classNames('step-modal-wrapper', styles['step-modal-wrapper'])}\n          items={steps.map((s) => ({ title: s.title, description: s.description }))}\n        />\n      )}\n      {resolve(currentStep?.content)}\n    </Modal>\n  );\n};\n\nexport default StepModal;\n"],"names":["resolve","val","StepModal","title","steps","current","open","onCancel","width","showSteps","maskClosable","className","onStepChange","currentIndex","useMemo","s","currentStep","goBack","useCallback","goNext","modalTitle","jsxs","Modal","classNames","styles","jsx","Button","ChevronLeft","Steps"],"mappings":";;;;;;AAQA,MAAMA,IAAU,CAACC,MAA+D;AAC9E,MAAIA,MAAQ;AACZ,WAAO,OAAOA,KAAQ,aAAaA,EAAA,IAAQA;AAC7C,GAuBMC,IAAsC,CAAC;AAAA,EAC3C,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,cAAAC,IAAe;AAAA,EACf,WAAAC;AAAA,EACA,cAAAC;AACF,MAAM;AACJ,QAAMC,IAAeC,EAAQ,MAAMV,EAAM,UAAU,CAACW,MAAMA,EAAE,QAAQV,CAAO,GAAG,CAACD,GAAOC,CAAO,CAAC,GACxFW,IAAcZ,EAAMS,CAAY,GAEhCI,IAASC,EAAY,MAAM;AAC/B,IAAIL,IAAe,MACjBD,KAAA,QAAAA,EAAeR,EAAMS,IAAe,CAAC,EAAG;AAAA,EAE5C,GAAG,CAACA,GAAcT,GAAOQ,CAAY,CAAC,GAEhCO,IAASD,EAAY,YAAY;AACrC,QAAI,EAACF,KAAA,QAAAA,EAAa,cAAa;AAC7B,MAAIH,IAAeT,EAAM,SAAS,MAChCQ,KAAA,QAAAA,EAAeR,EAAMS,IAAe,CAAC,EAAG;AAE1C;AAAA,IACF;AAEA,IADiB,MAAMG,EAAY,YAAA,KACnBH,IAAeT,EAAM,SAAS,MAC5CQ,KAAA,QAAAA,EAAeR,EAAMS,IAAe,CAAC,EAAG;AAAA,EAE5C,GAAG,CAACG,GAAaH,GAAcT,GAAOQ,CAAY,CAAC,GAG7CQ,IAAajB,MAASa,KAAA,gBAAAA,EAAa,UAAS;AAwBlD,SACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAOF;AAAA,MACP,MAAAd;AAAA,MACA,UAAAC;AAAA,MACA,OAAAC;AAAA,MACA,SA1BEQ,KAAA,gBAAAA,EAAa,YAAW,SAAkBhB,EAAQgB,EAAY,MAAM,IAGtE,gBAAAK,EAAC,SAAI,WAAWE,EAAW,mBAAmBC,EAAO,iBAAiB,CAAC,GACpE,UAAA;AAAA,QAAAX,IAAe,MAAKG,KAAA,gBAAAA,EAAa,eAAc,MAC9C,gBAAAS,EAACC,GAAA,EAAO,MAAM,gBAAAD,EAACE,GAAA,CAAA,CAAY,GAAI,SAASV,GAAQ,UAAA,OAEhD;AAAA,QAEF,gBAAAQ,EAAC,SAAI,WAAWF,EAAW,wBAAwBC,EAAO,sBAAsB,CAAC,GAAG;AAAA,QACpF,gBAAAC,EAACC,GAAA,EAAO,SAASnB,GAAU,UAAA,MAAE;AAAA,QAC5BM,IAAeT,EAAM,SAAS,KAC7B,gBAAAqB,EAACC,KAAO,MAAK,WAAU,SAASP,GAAQ,UAAA,MAAA,CAExC;AAAA,MAAA,GAEJ;AAAA,MAWA,cAAAT;AAAA,MACA,WAAAC;AAAA,MAEC,UAAA;AAAA,QAAAF,KAAaL,EAAM,SAAS,KAC3B,gBAAAqB;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,SAASf;AAAA,YACT,MAAK;AAAA,YACL,WAAWU,EAAW,sBAAsBC,EAAO,oBAAoB,CAAC;AAAA,YACxE,OAAOpB,EAAM,IAAI,CAACW,OAAO,EAAE,OAAOA,EAAE,OAAO,aAAaA,EAAE,YAAA,EAAc;AAAA,UAAA;AAAA,QAAA;AAAA,QAG3Ef,EAAQgB,KAAA,gBAAAA,EAAa,OAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGnC;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Modal/StepModal/index.tsx"],"sourcesContent":["import { ChevronLeft } from '@/components/Icons';\nimport { Button, Modal, Steps } from 'antd';\nimport React, { useCallback, useMemo } from 'react';\nimport type { StepModalProps } from '../StepModalTypes';\nimport { resolveModalWidth } from '../utils/resolveModalSize';\nimport styles from './style.module.scss';\nimport classNames from 'classnames';\n\n/** 解析可能是函数的 content / footer */\nconst resolve = (val: React.ReactNode | (() => React.ReactNode) | undefined) => {\n  if (val === undefined) return undefined;\n  return typeof val === 'function' ? val() : val;\n};\n\n/**\n * 步骤式弹窗\n *\n * 将多步骤流程封装在同一个 Modal 中，自动管理步骤导航、标题切换和底部按钮。\n *\n * 用法：\n * ```tsx\n * const [current, setCurrent] = useState('select');\n * <StepModal\n *   open={open}\n *   current={current}\n *   onCancel={onCancel}\n *   steps={[\n *     { key: 'select', title: '选择文件', content: <SelectStep /> },\n *     { key: 'uploading', title: '上传文件', content: <UploadingStep /> },\n *     { key: 'result', title: '上传结果', content: <ResultStep /> },\n *   ]}\n *   onStepChange={setCurrent}\n * />\n * ```\n */\nconst StepModal: React.FC<StepModalProps> = ({\n  title,\n  steps,\n  current,\n  open,\n  onCancel,\n  width = 600,\n  showSteps = true,\n  maskClosable = false,\n  className,\n  onStepChange,\n}) => {\n  const currentIndex = useMemo(() => steps.findIndex((s) => s.key === current), [steps, current]);\n  const currentStep = steps[currentIndex];\n\n  const goBack = useCallback(() => {\n    if (currentIndex > 0) {\n      onStepChange?.(steps[currentIndex - 1]!.key);\n    }\n  }, [currentIndex, steps, onStepChange]);\n\n  const goNext = useCallback(async () => {\n    if (!currentStep?.beforeEnter) {\n      if (currentIndex < steps.length - 1) {\n        onStepChange?.(steps[currentIndex + 1]!.key);\n      }\n      return;\n    }\n    const canEnter = await currentStep.beforeEnter();\n    if (canEnter && currentIndex < steps.length - 1) {\n      onStepChange?.(steps[currentIndex + 1]!.key);\n    }\n  }, [currentStep, currentIndex, steps, onStepChange]);\n\n  // 自动从标题推导\n  const modalTitle = title ?? currentStep?.title ?? '';\n\n  // 底部按钮：优先使用步骤自定义 footer，否则自动渲染\"取消/上一步/下一步\"\n  const renderFooter = () => {\n    if (currentStep?.footer !== undefined) return resolve(currentStep.footer);\n\n    return (\n      <div className={classNames('step-modal-root', styles['step-modal-root'])}>\n        {currentIndex > 0 && currentStep?.allowBack !== false && (\n          <Button icon={<ChevronLeft />} onClick={goBack}>\n            上一步\n          </Button>\n        )}\n        <div className={classNames('step-modal-container', styles['step-modal-container'])} />\n        <Button onClick={onCancel}>取消</Button>\n        {currentIndex < steps.length - 1 && (\n          <Button type=\"primary\" onClick={goNext}>\n            下一步\n          </Button>\n        )}\n      </div>\n    );\n  };\n\n  const effectiveWidth = resolveModalWidth({ width });\n\n  return (\n    <Modal\n      title={modalTitle}\n      open={open}\n      onCancel={onCancel}\n      width={effectiveWidth}\n      centered\n      footer={renderFooter()}\n      maskClosable={maskClosable}\n      className={className}\n    >\n      {showSteps && steps.length > 1 && (\n        <Steps\n          current={currentIndex}\n          size=\"small\"\n          className={classNames('step-modal-wrapper', styles['step-modal-wrapper'])}\n          items={steps.map((s) => ({ title: s.title, description: s.description }))}\n        />\n      )}\n      {resolve(currentStep?.content)}\n    </Modal>\n  );\n};\n\nexport default StepModal;\n"],"names":["resolve","val","StepModal","title","steps","current","open","onCancel","width","showSteps","maskClosable","className","onStepChange","currentIndex","useMemo","s","currentStep","goBack","useCallback","goNext","modalTitle","renderFooter","jsxs","classNames","styles","jsx","Button","ChevronLeft","effectiveWidth","resolveModalWidth","Modal","Steps"],"mappings":";;;;;;;AASA,MAAMA,IAAU,CAACC,MAA+D;AAC9E,MAAIA,MAAQ;AACZ,WAAO,OAAOA,KAAQ,aAAaA,EAAA,IAAQA;AAC7C,GAuBMC,IAAsC,CAAC;AAAA,EAC3C,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,cAAAC,IAAe;AAAA,EACf,WAAAC;AAAA,EACA,cAAAC;AACF,MAAM;AACJ,QAAMC,IAAeC,EAAQ,MAAMV,EAAM,UAAU,CAACW,MAAMA,EAAE,QAAQV,CAAO,GAAG,CAACD,GAAOC,CAAO,CAAC,GACxFW,IAAcZ,EAAMS,CAAY,GAEhCI,IAASC,EAAY,MAAM;AAC/B,IAAIL,IAAe,MACjBD,KAAA,QAAAA,EAAeR,EAAMS,IAAe,CAAC,EAAG;AAAA,EAE5C,GAAG,CAACA,GAAcT,GAAOQ,CAAY,CAAC,GAEhCO,IAASD,EAAY,YAAY;AACrC,QAAI,EAACF,KAAA,QAAAA,EAAa,cAAa;AAC7B,MAAIH,IAAeT,EAAM,SAAS,MAChCQ,KAAA,QAAAA,EAAeR,EAAMS,IAAe,CAAC,EAAG;AAE1C;AAAA,IACF;AAEA,IADiB,MAAMG,EAAY,YAAA,KACnBH,IAAeT,EAAM,SAAS,MAC5CQ,KAAA,QAAAA,EAAeR,EAAMS,IAAe,CAAC,EAAG;AAAA,EAE5C,GAAG,CAACG,GAAaH,GAAcT,GAAOQ,CAAY,CAAC,GAG7CQ,IAAajB,MAASa,KAAA,gBAAAA,EAAa,UAAS,IAG5CK,IAAe,OACfL,KAAA,gBAAAA,EAAa,YAAW,SAAkBhB,EAAQgB,EAAY,MAAM,IAGtE,gBAAAM,EAAC,SAAI,WAAWC,EAAW,mBAAmBC,EAAO,iBAAiB,CAAC,GACpE,UAAA;AAAA,IAAAX,IAAe,MAAKG,KAAA,gBAAAA,EAAa,eAAc,MAC9C,gBAAAS,EAACC,GAAA,EAAO,MAAM,gBAAAD,EAACE,GAAA,CAAA,CAAY,GAAI,SAASV,GAAQ,UAAA,OAEhD;AAAA,IAEF,gBAAAQ,EAAC,SAAI,WAAWF,EAAW,wBAAwBC,EAAO,sBAAsB,CAAC,GAAG;AAAA,IACpF,gBAAAC,EAACC,GAAA,EAAO,SAASnB,GAAU,UAAA,MAAE;AAAA,IAC5BM,IAAeT,EAAM,SAAS,KAC7B,gBAAAqB,EAACC,KAAO,MAAK,WAAU,SAASP,GAAQ,UAAA,MAAA,CAExC;AAAA,EAAA,GAEJ,GAIES,IAAiBC,EAAkB,EAAE,OAAArB,GAAO;AAElD,SACE,gBAAAc;AAAA,IAACQ;AAAA,IAAA;AAAA,MACC,OAAOV;AAAA,MACP,MAAAd;AAAA,MACA,UAAAC;AAAA,MACA,OAAOqB;AAAA,MACP,UAAQ;AAAA,MACR,QAAQP,EAAA;AAAA,MACR,cAAAX;AAAA,MACA,WAAAC;AAAA,MAEC,UAAA;AAAA,QAAAF,KAAaL,EAAM,SAAS,KAC3B,gBAAAqB;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,SAASlB;AAAA,YACT,MAAK;AAAA,YACL,WAAWU,EAAW,sBAAsBC,EAAO,oBAAoB,CAAC;AAAA,YACxE,OAAOpB,EAAM,IAAI,CAACW,OAAO,EAAE,OAAOA,EAAE,OAAO,aAAaA,EAAE,YAAA,EAAc;AAAA,UAAA;AAAA,QAAA;AAAA,QAG3Ef,EAAQgB,KAAA,gBAAAA,EAAa,OAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGnC;"}

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

@@ -1,2 +1,5 @@
+export { default as Modal } from './Modal';
+export type { MarsunModalProps } from './ModalTypes';
 export { default as StepModal } from './StepModal';
 export type { StepItem, StepModalProps } from './StepModalTypes';
+export { MODAL_SIZE_BODY_HEIGHT, MODAL_SIZE_WIDTH, resolveModalSizeAnchor, resolveModalWidth, type ModalSize, type ResolveModalWidthOptions, } from './utils/resolveModalSize';