@hkyhy/marsun-components-core 0.1.33 → 0.1.35

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';

package/dist/components/Modal/utils/resolveModalSize.d.ts

@@ -0,0 +1,22 @@
+export type ModalSize = 'S' | 'M' | 'L';
+export declare const MODAL_SIZE_WIDTH: Record<ModalSize, number>;
+/** 固定 body 可视高度（外壳不随内容无限长高） */
+export declare const MODAL_SIZE_BODY_HEIGHT: Record<ModalSize, string>;
+export type ResolveModalWidthOptions = {
+    size?: ModalSize;
+    width?: number;
+    /** 未传时读 window.innerWidth；SSR 默认 1200 */
+    viewportWidth?: number;
+};
+/**
+ * 解析 Modal 有效宽度：只可缩小不可放大。
+ * - 有 width / size：以之为锚点，再与 viewport-64 取 min
+ * - 皆无：按视口自动选 S→M→L，再 cap
+ */
+export declare function resolveModalWidth(options?: ResolveModalWidthOptions): number;
+/** 解析用于高度锚点的 size（与宽度锚点一致，不受 cap 影响） */
+export declare function resolveModalSizeAnchor(options: {
+    size?: ModalSize;
+    width?: number;
+    viewportWidth?: number;
+}): ModalSize;

package/dist/components/Modal/utils/resolveModalSize.js

@@ -0,0 +1,28 @@
+const r = {
+  S: 480,
+  M: 720,
+  L: 960
+}, w = {
+  S: "min(420px, 60vh)",
+  M: "min(560px, 70vh)",
+  L: "min(720px, 80vh)"
+}, d = 64;
+function f(e = {}) {
+  const i = e.viewportWidth ?? (typeof window < "u" ? window.innerWidth : 1200), t = Math.max(280, i - d);
+  let n;
+  return e.width != null && Number.isFinite(e.width) ? n = e.width : e.size ? n = r[e.size] : i < 768 ? n = r.S : i < 1200 ? n = r.M : n = r.L, Math.min(n, t);
+}
+function h(e) {
+  if (e.size) return e.size;
+  if (e.width != null)
+    return e.width <= r.S ? "S" : e.width <= r.M ? "M" : "L";
+  const i = e.viewportWidth ?? (typeof window < "u" ? window.innerWidth : 1200);
+  return i < 768 ? "S" : i < 1200 ? "M" : "L";
+}
+export {
+  w as MODAL_SIZE_BODY_HEIGHT,
+  r as MODAL_SIZE_WIDTH,
+  h as resolveModalSizeAnchor,
+  f as resolveModalWidth
+};
+//# sourceMappingURL=resolveModalSize.js.map

package/dist/components/Modal/utils/resolveModalSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveModalSize.js","sources":["../../../../src/components/Modal/utils/resolveModalSize.ts"],"sourcesContent":["export type ModalSize = 'S' | 'M' | 'L';\n\nexport const MODAL_SIZE_WIDTH: Record<ModalSize, number> = {\n  S: 480,\n  M: 720,\n  L: 960,\n};\n\n/** 固定 body 可视高度（外壳不随内容无限长高） */\nexport const MODAL_SIZE_BODY_HEIGHT: Record<ModalSize, string> = {\n  S: 'min(420px, 60vh)',\n  M: 'min(560px, 70vh)',\n  L: 'min(720px, 80vh)',\n};\n\nconst VIEWPORT_GUTTER = 64;\n\nexport type ResolveModalWidthOptions = {\n  size?: ModalSize;\n  width?: number;\n  /** 未传时读 window.innerWidth；SSR 默认 1200 */\n  viewportWidth?: number;\n};\n\n/**\n * 解析 Modal 有效宽度：只可缩小不可放大。\n * - 有 width / size：以之为锚点，再与 viewport-64 取 min\n * - 皆无：按视口自动选 S→M→L，再 cap\n */\nexport function resolveModalWidth(options: ResolveModalWidthOptions = {}): number {\n  const vw = options.viewportWidth ?? (typeof window !== 'undefined' ? window.innerWidth : 1200);\n  const cap = Math.max(280, vw - VIEWPORT_GUTTER);\n\n  let preferred: number;\n  if (options.width != null && Number.isFinite(options.width)) {\n    preferred = options.width;\n  } else if (options.size) {\n    preferred = MODAL_SIZE_WIDTH[options.size];\n  } else if (vw < 768) {\n    preferred = MODAL_SIZE_WIDTH.S;\n  } else if (vw < 1200) {\n    preferred = MODAL_SIZE_WIDTH.M;\n  } else {\n    preferred = MODAL_SIZE_WIDTH.L;\n  }\n\n  return Math.min(preferred, cap);\n}\n\n/** 解析用于高度锚点的 size（与宽度锚点一致，不受 cap 影响） */\nexport function resolveModalSizeAnchor(options: {\n  size?: ModalSize;\n  width?: number;\n  viewportWidth?: number;\n}): ModalSize {\n  if (options.size) return options.size;\n  if (options.width != null) {\n    if (options.width <= MODAL_SIZE_WIDTH.S) return 'S';\n    if (options.width <= MODAL_SIZE_WIDTH.M) return 'M';\n    return 'L';\n  }\n  const vw = options.viewportWidth ?? (typeof window !== 'undefined' ? window.innerWidth : 1200);\n  if (vw < 768) return 'S';\n  if (vw < 1200) return 'M';\n  return 'L';\n}\n"],"names":["MODAL_SIZE_WIDTH","MODAL_SIZE_BODY_HEIGHT","VIEWPORT_GUTTER","resolveModalWidth","options","vw","cap","preferred","resolveModalSizeAnchor"],"mappings":"AAEO,MAAMA,IAA8C;AAAA,EACzD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL,GAGaC,IAAoD;AAAA,EAC/D,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL,GAEMC,IAAkB;AAcjB,SAASC,EAAkBC,IAAoC,IAAY;AAChF,QAAMC,IAAKD,EAAQ,kBAAkB,OAAO,SAAW,MAAc,OAAO,aAAa,OACnFE,IAAM,KAAK,IAAI,KAAKD,IAAKH,CAAe;AAE9C,MAAIK;AACJ,SAAIH,EAAQ,SAAS,QAAQ,OAAO,SAASA,EAAQ,KAAK,IACxDG,IAAYH,EAAQ,QACXA,EAAQ,OACjBG,IAAYP,EAAiBI,EAAQ,IAAI,IAChCC,IAAK,MACdE,IAAYP,EAAiB,IACpBK,IAAK,OACdE,IAAYP,EAAiB,IAE7BO,IAAYP,EAAiB,GAGxB,KAAK,IAAIO,GAAWD,CAAG;AAChC;AAGO,SAASE,EAAuBJ,GAIzB;AACZ,MAAIA,EAAQ,KAAM,QAAOA,EAAQ;AACjC,MAAIA,EAAQ,SAAS;AACnB,WAAIA,EAAQ,SAASJ,EAAiB,IAAU,MAC5CI,EAAQ,SAASJ,EAAiB,IAAU,MACzC;AAET,QAAMK,IAAKD,EAAQ,kBAAkB,OAAO,SAAW,MAAc,OAAO,aAAa;AACzF,SAAIC,IAAK,MAAY,MACjBA,IAAK,OAAa,MACf;AACT;"}

package/dist/components/Table/ColumnConfigPanel.js

@@ -1,178 +1,203 @@
-import { jsx as a, jsxs as C, Fragment as z } from "react/jsx-runtime";
-import { useState as N, useCallback as x, useMemo as A } from "react";
-import { Popover as G, Tooltip as K, Collapse as U, Input as E, Space as W, Button as P, Empty as I, Checkbox as J } from "antd";
-import { Settings as Q, Undo2 as X } from "../Icons/index.js";
-import { mergePanelWithConfig as Y, splitVisibleHidden as Z, panelItemsToConfig as $ } from "./columnConfigUtils.js";
-import c from "./columnConfig.module.scss.js";
-function B(t, n) {
+import { jsx as l, jsxs as S, Fragment as I } from "react/jsx-runtime";
+import { useState as w, useCallback as x, useMemo as j } from "react";
+import { Popover as W, Tooltip as J, Collapse as Q, Input as R, Space as X, Button as V, Empty as A, Checkbox as Y } from "antd";
+import { Settings as Z, Undo2 as $, ChevronDown as q, ChevronRight as ee } from "../Icons/index.js";
+import { mergePanelWithConfig as ne, splitVisibleHidden as re, panelItemsToConfig as le } from "./columnConfigUtils.js";
+import o from "./columnConfig.module.scss.js";
+function F(t, n) {
   if (!n) return !0;
-  const r = n.toLowerCase();
+  const a = n.toLowerCase();
   return t.some(
-    (e) => e.label.toLowerCase().includes(r) || e.id.toLowerCase().includes(r) || (e.children ? B(e.children, n) : !1)
+    (e) => e.label.toLowerCase().includes(a) || e.id.toLowerCase().includes(a) || (e.children ? F(e.children, n) : !1)
   );
 }
-const L = ({ items: t, search: n, onChange: r, onToggle: e, depth: d = 0 }) => {
-  const [h, u] = N(null), m = A(() => n.trim() ? t.map((l, s) => ({ it: l, i: s })).filter(({ it: l }) => B([l], n.trim())) : t.map((l, s) => ({ it: l, i: s })), [t, n]), D = (l, s) => {
-    u(s), l.dataTransfer.effectAllowed = "move", l.dataTransfer.setData("text/plain", String(s));
-  }, S = (l, s) => {
-    l.preventDefault();
-    const v = h ?? Number(l.dataTransfer.getData("text/plain"));
-    if (u(null), !Number.isFinite(v) || v === s) return;
-    const i = [...t], [p] = i.splice(v, 1);
-    p && (i.splice(s, 0, p), r(i));
+const E = ({ items: t, search: n, onChange: a, onToggle: e, depth: h = 0, collapsedIds: d, onToggleCollapse: u }) => {
+  const [g, k] = w(null), T = !!n.trim(), z = j(() => n.trim() ? t.map((r, c) => ({ it: r, i: c })).filter(({ it: r }) => F([r], n.trim())) : t.map((r, c) => ({ it: r, i: c })), [t, n]), H = (r, c) => {
+    k(c), r.dataTransfer.effectAllowed = "move", r.dataTransfer.setData("text/plain", String(c));
+  }, B = (r, c) => {
+    r.preventDefault();
+    const m = g ?? Number(r.dataTransfer.getData("text/plain"));
+    if (k(null), !Number.isFinite(m) || m === c) return;
+    const p = [...t], [y] = p.splice(m, 1);
+    y && (p.splice(c, 0, y), a(p));
   };
-  return m.length ? /* @__PURE__ */ a("ul", { className: c.list, style: { paddingLeft: d ? 12 : 0 }, children: m.map(({ it: l, i: s }) => {
-    var v;
-    return /* @__PURE__ */ C("li", { className: c.listItem, children: [
-      /* @__PURE__ */ C(
+  return z.length ? /* @__PURE__ */ l("ul", { className: o.list, style: { paddingLeft: h ? 12 : 0 }, children: z.map(({ it: r, i: c }) => {
+    var y;
+    const m = !!((y = r.children) != null && y.length), p = T || !d.has(r.id);
+    return /* @__PURE__ */ S("li", { className: o.listItem, children: [
+      /* @__PURE__ */ S(
         "div",
         {
-          className: c.row,
-          draggable: !n.trim(),
-          onDragStart: (i) => D(i, s),
+          className: o.row,
+          draggable: !T,
+          onDragStart: (i) => H(i, c),
           onDragOver: (i) => i.preventDefault(),
-          onDrop: (i) => S(i, s),
+          onDrop: (i) => B(i, c),
           children: [
-            /* @__PURE__ */ a("span", { className: c.grip, "aria-hidden": !0, children: "⠿" }),
-            /* @__PURE__ */ a(J, { checked: !l.hidden, onChange: (i) => e(l.id, !i.target.checked), children: /* @__PURE__ */ a("span", { className: c.label, children: l.label || l.id }) })
+            m ? /* @__PURE__ */ l(
+              "button",
+              {
+                type: "button",
+                className: o.foldBtn,
+                "aria-label": p ? "折叠" : "展开",
+                "aria-expanded": p,
+                onClick: (i) => {
+                  i.stopPropagation(), u(r.id);
+                },
+                children: p ? /* @__PURE__ */ l(q, { size: 14 }) : /* @__PURE__ */ l(ee, { size: 14 })
+              }
+            ) : /* @__PURE__ */ l("span", { className: o.foldSpacer, "aria-hidden": !0 }),
+            /* @__PURE__ */ l("span", { className: o.grip, "aria-hidden": !0, children: "⠿" }),
+            /* @__PURE__ */ l(Y, { checked: !r.hidden, onChange: (i) => e(r.id, !i.target.checked), children: /* @__PURE__ */ l("span", { className: o.label, children: r.label || r.id }) })
           ]
         }
       ),
-      (v = l.children) != null && v.length ? /* @__PURE__ */ a(
-        L,
+      m && p ? /* @__PURE__ */ l(
+        E,
         {
-          items: l.children,
+          items: r.children,
           search: n,
-          depth: d + 1,
+          depth: h + 1,
+          collapsedIds: d,
+          onToggleCollapse: u,
           onChange: (i) => {
-            const p = t.map((b) => b.id === l.id ? { ...b, children: i } : b);
-            r(p);
+            const b = t.map(
+              (N) => N.id === r.id ? { ...N, children: i } : N
+            );
+            a(b);
           },
-          onToggle: (i, p) => {
-            const b = t.map((g) => {
-              if (g.id !== l.id || !g.children) return g;
-              const y = g.children.map(
-                (f) => f.id === i ? { ...f, hidden: p } : f.children ? {
+          onToggle: (i, b) => {
+            const N = t.map((v) => {
+              if (v.id !== r.id || !v.children) return v;
+              const L = v.children.map(
+                (f) => f.id === i ? { ...f, hidden: b } : f.children ? {
                   ...f,
-                  children: M(f.children, i, p)
+                  children: O(f.children, i, b)
                 } : f
-              ), w = y.every((f) => f.hidden);
-              return { ...g, children: y, hidden: w ? !0 : p ? g.hidden : !1 };
+              ), P = L.every((f) => f.hidden);
+              return { ...v, children: L, hidden: P ? !0 : b ? v.hidden : !1 };
             });
-            r(b);
+            a(N);
           }
         }
       ) : null
-    ] }, l.id);
-  }) }) : /* @__PURE__ */ a(I, { image: I.PRESENTED_IMAGE_SIMPLE, description: "暂无数据" });
+    ] }, r.id);
+  }) }) : /* @__PURE__ */ l(A, { image: A.PRESENTED_IMAGE_SIMPLE, description: "暂无数据" });
 };
-function M(t, n, r) {
+function O(t, n, a) {
   return t.map((e) => {
-    if (e.id === n) return { ...e, hidden: r };
+    if (e.id === n) return { ...e, hidden: a };
     if (e.children) {
-      const d = M(e.children, n, r);
+      const h = O(e.children, n, a);
       return {
         ...e,
-        children: d,
-        hidden: d.every((h) => h.hidden) ? !0 : e.hidden && r
+        children: h,
+        hidden: h.every((d) => d.hidden) ? !0 : e.hidden && a
       };
     }
     return e;
   });
 }
-function R(t, n, r) {
+function _(t, n, a) {
   return t.map((e) => {
-    var d;
+    var h;
     if (e.id === n) {
-      const h = (d = e.children) == null ? void 0 : d.map((u) => j(u, r));
-      return { ...e, hidden: r, children: h };
+      const d = (h = e.children) == null ? void 0 : h.map((u) => G(u, a));
+      return { ...e, hidden: a, children: d };
     }
     if (e.children) {
-      const h = R(e.children, n, r), u = h.every((m) => m.hidden);
+      const d = _(e.children, n, a), u = d.every((g) => g.hidden);
       return {
         ...e,
-        children: h,
-        hidden: u ? !0 : !r && e.id !== n ? !1 : e.hidden
+        children: d,
+        hidden: u ? !0 : !a && e.id !== n ? !1 : e.hidden
       };
     }
     return e;
   });
 }
-function j(t, n) {
-  var r;
+function G(t, n) {
+  var a;
   return {
     ...t,
     hidden: n,
-    children: (r = t.children) == null ? void 0 : r.map((e) => j(e, n))
+    children: (a = t.children) == null ? void 0 : a.map((e) => G(e, n))
   };
 }
-function V(t, n) {
+function M(t, n) {
   return [...t, ...n];
 }
-const q = ({
+const ae = ({
   open: t,
   onOpenChange: n,
-  defaultItems: r,
+  defaultItems: a,
   savedConfig: e,
-  onConfirm: d,
-  children: h
+  onConfirm: h,
+  children: d
 }) => {
-  const [u, m] = N([]), [D, S] = N(""), [l, s] = N(""), [v, i] = N(!1), p = x(() => {
-    m(Y(r, e)), S(""), s("");
-  }, [r, e]), b = (o) => {
-    o && p(), n(o);
-  }, { visible: g, hidden: y } = A(() => Z(u), [u]), w = (o) => {
-    m(V(o, y));
-  }, f = (o) => {
-    m(V(g, o));
-  }, H = (o, k) => {
-    m((T) => R(T, o, k));
-  }, F = () => {
-    m(r.map((o) => {
-      var k;
-      return { ...o, children: (k = o.children) == null ? void 0 : k.map((T) => ({ ...T })) };
-    }));
-  }, O = async () => {
-    i(!0);
+  const [u, g] = w([]), [k, T] = w(""), [z, H] = w(""), [B, r] = w(!1), [c, m] = w(() => /* @__PURE__ */ new Set()), p = x(() => {
+    g(ne(a, e)), T(""), H(""), m(/* @__PURE__ */ new Set());
+  }, [a, e]), y = (s) => {
+    s && p(), n(s);
+  }, { visible: i, hidden: b } = j(() => re(u), [u]), N = (s) => {
+    g(M(s, b));
+  }, v = (s) => {
+    g(M(i, s));
+  }, L = (s, D) => {
+    g((C) => _(C, s, D));
+  }, P = x((s) => {
+    m((D) => {
+      const C = new Set(D);
+      return C.has(s) ? C.delete(s) : C.add(s), C;
+    });
+  }, []), f = () => {
+    g(a.map((s) => {
+      var D;
+      return { ...s, children: (D = s.children) == null ? void 0 : D.map((C) => ({ ...C })) };
+    })), m(/* @__PURE__ */ new Set());
+  }, K = async () => {
+    r(!0);
     try {
-      await d($(u)), n(!1);
+      await h(le(u)), n(!1);
     } finally {
-      i(!1);
+      r(!1);
     }
-  }, _ = /* @__PURE__ */ C("div", { className: c.panel, "data-ui": "table-column-config", children: [
-    /* @__PURE__ */ C("div", { className: c.header, children: [
-      /* @__PURE__ */ a("span", { className: c.title, children: "编辑表格" }),
-      /* @__PURE__ */ a(K, { title: "恢复默认", children: /* @__PURE__ */ a("button", { type: "button", className: c.resetBtn, onClick: F, "aria-label": "恢复默认", children: /* @__PURE__ */ a(X, { size: 16 }) }) })
+  }, U = /* @__PURE__ */ S("div", { className: o.panel, "data-ui": "table-column-config", children: [
+    /* @__PURE__ */ S("div", { className: o.header, children: [
+      /* @__PURE__ */ l("span", { className: o.title, children: "编辑表格" }),
+      /* @__PURE__ */ l(J, { title: "恢复默认", children: /* @__PURE__ */ l("button", { type: "button", className: o.resetBtn, onClick: f, "aria-label": "恢复默认", children: /* @__PURE__ */ l($, { size: 16 }) }) })
     ] }),
-    /* @__PURE__ */ a(
-      U,
+    /* @__PURE__ */ l(
+      Q,
       {
-        className: c.collapse,
+        className: o.collapse,
         defaultActiveKey: ["visible", "hidden"],
         ghost: !0,
         items: [
           {
             key: "visible",
             label: "显示的信息",
-            children: /* @__PURE__ */ C(z, { children: [
-              /* @__PURE__ */ a(
-                E,
+            children: /* @__PURE__ */ S(I, { children: [
+              /* @__PURE__ */ l(
+                R,
                 {
                   allowClear: !0,
                   size: "small",
-                  className: c.search,
+                  className: o.search,
                   placeholder: "搜索",
-                  value: D,
-                  onChange: (o) => S(o.target.value)
+                  value: k,
+                  onChange: (s) => T(s.target.value)
                 }
               ),
-              /* @__PURE__ */ a(
-                L,
+              /* @__PURE__ */ l(
+                E,
                 {
-                  items: g,
-                  search: D,
-                  onChange: w,
-                  onToggle: H
+                  items: i,
+                  search: k,
+                  onChange: N,
+                  onToggle: L,
+                  collapsedIds: c,
+                  onToggleCollapse: P
                 }
               )
             ] })
@@ -180,25 +205,27 @@ const q = ({
           {
             key: "hidden",
             label: "隐藏的信息",
-            children: /* @__PURE__ */ C(z, { children: [
-              /* @__PURE__ */ a(
-                E,
+            children: /* @__PURE__ */ S(I, { children: [
+              /* @__PURE__ */ l(
+                R,
                 {
                   allowClear: !0,
                   size: "small",
-                  className: c.search,
+                  className: o.search,
                   placeholder: "搜索",
-                  value: l,
-                  onChange: (o) => s(o.target.value)
+                  value: z,
+                  onChange: (s) => H(s.target.value)
                 }
               ),
-              /* @__PURE__ */ a(
-                L,
+              /* @__PURE__ */ l(
+                E,
                 {
-                  items: y,
-                  search: l,
-                  onChange: f,
-                  onToggle: H
+                  items: b,
+                  search: z,
+                  onChange: v,
+                  onToggle: L,
+                  collapsedIds: c,
+                  onToggleCollapse: P
                 }
               )
             ] })
@@ -206,55 +233,55 @@ const q = ({
         ]
       }
     ),
-    /* @__PURE__ */ a("div", { className: c.footer, children: /* @__PURE__ */ C(W, { children: [
-      /* @__PURE__ */ a(P, { size: "small", onClick: () => n(!1), children: "取消" }),
-      /* @__PURE__ */ a(P, { type: "primary", size: "small", loading: v, onClick: () => void O(), children: "确定" })
+    /* @__PURE__ */ l("div", { className: o.footer, children: /* @__PURE__ */ S(X, { children: [
+      /* @__PURE__ */ l(V, { size: "small", onClick: () => n(!1), children: "取消" }),
+      /* @__PURE__ */ l(V, { type: "primary", size: "small", loading: B, onClick: () => void K(), children: "确定" })
     ] }) })
   ] });
-  return /* @__PURE__ */ a(
-    G,
+  return /* @__PURE__ */ l(
+    W,
     {
       trigger: "click",
       placement: "bottomRight",
       open: t,
-      onOpenChange: b,
-      content: _,
-      overlayClassName: c.overlay,
+      onOpenChange: y,
+      content: U,
+      overlayClassName: o.overlay,
       arrow: !1,
-      children: h
+      children: d
     }
   );
 };
-function ie({
+function he({
   open: t,
   onOpenChange: n,
-  defaultItems: r,
+  defaultItems: a,
   savedConfig: e,
-  onConfirm: d
+  onConfirm: h
 }) {
-  return /* @__PURE__ */ a(
-    q,
+  return /* @__PURE__ */ l(
+    ae,
     {
       open: t,
       onOpenChange: n,
-      defaultItems: r,
+      defaultItems: a,
       savedConfig: e,
-      onConfirm: d,
-      children: /* @__PURE__ */ a(
+      onConfirm: h,
+      children: /* @__PURE__ */ l(
         "button",
         {
           type: "button",
-          className: c.gearBtn,
+          className: o.gearBtn,
           "aria-label": "编辑表格",
-          onClick: (h) => h.stopPropagation(),
-          children: /* @__PURE__ */ a(Q, { size: 14 })
+          onClick: (d) => d.stopPropagation(),
+          children: /* @__PURE__ */ l(Z, { size: 14 })
         }
       )
     }
   );
 }
 export {
-  q as ColumnConfigPopover,
-  ie as ColumnConfigTrigger
+  ae as ColumnConfigPopover,
+  he as ColumnConfigTrigger
 };
 //# sourceMappingURL=ColumnConfigPanel.js.map