@hkyhy/marsun-components-core 0.1.68 → 0.1.69

package/dist/components/Form/inputRangeRules.d.ts

@@ -0,0 +1,15 @@
+export type KneRuleResult = {
+    result: boolean;
+    errMsg: string;
+};
+/**
+ * Form `rules` 注册名：两端均有值时要求右端 ≥ 左端。
+ * 用法：`formProps.rules={{ ...inputRangeRules }}` + 字段 `rule="RANGE_ASC"`（可与 REQ 组合）。
+ */
+export declare const RANGE_ASC_RULE_NAME = "RANGE_ASC";
+/** 校验 InputRange 值：空 / 单侧可过；双侧时 max >= min */
+export declare function validateRangeAsc(value: unknown): KneRuleResult;
+/** 供 Form / FormModal `rules` 直接展开 */
+export declare const inputRangeRules: {
+    readonly RANGE_ASC: typeof validateRangeAsc;
+};

package/dist/components/Form/inputRangeRules.js

@@ -0,0 +1,23 @@
+const i = "RANGE_ASC";
+function l(r) {
+  if (r == null || r === "")
+    return { result: !0, errMsg: "" };
+  if (!Array.isArray(r) || r.length < 2)
+    return { result: !1, errMsg: "%s须为区间 [下限, 上限]" };
+  const s = r, e = s[0], t = s[1];
+  if (e == null && t == null)
+    return { result: !0, errMsg: "" };
+  if (e == null || t == null)
+    return { result: !0, errMsg: "" };
+  const n = typeof e == "number" ? e : Number(e), u = typeof t == "number" ? t : Number(t);
+  return !Number.isFinite(n) || !Number.isFinite(u) ? { result: !1, errMsg: "%s须为数字" } : u < n ? { result: !1, errMsg: "%s上限不可小于下限" } : { result: !0, errMsg: "" };
+}
+const f = {
+  [i]: l
+};
+export {
+  i as RANGE_ASC_RULE_NAME,
+  f as inputRangeRules,
+  l as validateRangeAsc
+};
+//# sourceMappingURL=inputRangeRules.js.map

package/dist/components/Form/inputRangeRules.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputRangeRules.js","sources":["../../../src/components/Form/inputRangeRules.ts"],"sourcesContent":["import type { InputRangeValue } from './InputRange';\n\nexport type KneRuleResult = { result: boolean; errMsg: string };\n\n/**\n * Form `rules` 注册名：两端均有值时要求右端 ≥ 左端。\n * 用法：`formProps.rules={{ ...inputRangeRules }}` + 字段 `rule=\"RANGE_ASC\"`（可与 REQ 组合）。\n */\nexport const RANGE_ASC_RULE_NAME = 'RANGE_ASC';\n\n/** 校验 InputRange 值：空 / 单侧可过；双侧时 max >= min */\nexport function validateRangeAsc(value: unknown): KneRuleResult {\n  if (value == null || value === '') {\n    return { result: true, errMsg: '' };\n  }\n  if (!Array.isArray(value) || value.length < 2) {\n    return { result: false, errMsg: '%s须为区间 [下限, 上限]' };\n  }\n  const pair = value as NonNullable<InputRangeValue>;\n  const rawMin = pair[0];\n  const rawMax = pair[1];\n  if (rawMin == null && rawMax == null) {\n    return { result: true, errMsg: '' };\n  }\n  if (rawMin == null || rawMax == null) {\n    return { result: true, errMsg: '' };\n  }\n  const min = typeof rawMin === 'number' ? rawMin : Number(rawMin);\n  const max = typeof rawMax === 'number' ? rawMax : Number(rawMax);\n  if (!Number.isFinite(min) || !Number.isFinite(max)) {\n    return { result: false, errMsg: '%s须为数字' };\n  }\n  if (max < min) {\n    return { result: false, errMsg: '%s上限不可小于下限' };\n  }\n  return { result: true, errMsg: '' };\n}\n\n/** 供 Form / FormModal `rules` 直接展开 */\nexport const inputRangeRules = {\n  [RANGE_ASC_RULE_NAME]: validateRangeAsc,\n} as const;\n"],"names":["RANGE_ASC_RULE_NAME","validateRangeAsc","value","pair","rawMin","rawMax","min","max","inputRangeRules"],"mappings":"AAQO,MAAMA,IAAsB;AAG5B,SAASC,EAAiBC,GAA+B;AAC9D,MAAIA,KAAS,QAAQA,MAAU;AAC7B,WAAO,EAAE,QAAQ,IAAM,QAAQ,GAAA;AAEjC,MAAI,CAAC,MAAM,QAAQA,CAAK,KAAKA,EAAM,SAAS;AAC1C,WAAO,EAAE,QAAQ,IAAO,QAAQ,kBAAA;AAElC,QAAMC,IAAOD,GACPE,IAASD,EAAK,CAAC,GACfE,IAASF,EAAK,CAAC;AACrB,MAAIC,KAAU,QAAQC,KAAU;AAC9B,WAAO,EAAE,QAAQ,IAAM,QAAQ,GAAA;AAEjC,MAAID,KAAU,QAAQC,KAAU;AAC9B,WAAO,EAAE,QAAQ,IAAM,QAAQ,GAAA;AAEjC,QAAMC,IAAM,OAAOF,KAAW,WAAWA,IAAS,OAAOA,CAAM,GACzDG,IAAM,OAAOF,KAAW,WAAWA,IAAS,OAAOA,CAAM;AAC/D,SAAI,CAAC,OAAO,SAASC,CAAG,KAAK,CAAC,OAAO,SAASC,CAAG,IACxC,EAAE,QAAQ,IAAO,QAAQ,SAAA,IAE9BA,IAAMD,IACD,EAAE,QAAQ,IAAO,QAAQ,aAAA,IAE3B,EAAE,QAAQ,IAAM,QAAQ,GAAA;AACjC;AAGO,MAAME,IAAkB;AAAA,EAC7B,CAACR,CAAmB,GAAGC;AACzB;"}

package/dist/components/Form/kneFormInfo.js

@@ -1,22 +1,22 @@
 /* empty css                                               */
 import s, { Form as e, FormModal as n, FormSteps as a, FormStepsModal as r, List as c, MultiField as i, TableList as m } from "@kne/form-info";
-import { CancelButton as u, ResetButton as l, SubmitButton as p, Input as S, TextArea as d, Select as F, TreeSelect as $, InputNumber as b, Switch as T, RadioGroup as B } from "@kne/react-form-antd";
+import { CancelButton as u, ResetButton as l, SubmitButton as p, Input as S, InputNumber as d, RadioGroup as F, Select as $, Switch as b, TextArea as T, TreeSelect as B } from "@kne/react-form-antd";
 import { withNormalizedLabelTips as t } from "./normalizeLabelTips.js";
 import { normalizeLabelTips as H } from "./normalizeLabelTips.js";
 const R = s, x = e, h = n, N = a, A = r, C = c, G = m, z = i, o = S, I = t(o), P = Object.assign(I, {
   Password: t(o.Password)
 }), g = t(
-  d
+  T
 ), j = t(
-  F
-), y = t(
   $
+), y = t(
+  B
 ), K = t(
-  b
+  d
 ), O = t(
-  T
+  b
 ), W = t(
-  B
+  F
 ), k = p, q = l, v = u;
 export {
   v as CancelButton,

package/dist/components/FormInfo/ErrorTip.d.ts

@@ -0,0 +1,7 @@
+import { ErrorTipProps } from './types';
+/**
+ * 校验失败悬停提示；外点关闭用 ahooks useClickAway。
+ * Adapted from kne-union/components-core FormInfo/ErrorTip.
+ */
+declare const ErrorTip: ({ name, groupName, overlayClassName, errorRender, groupIndex, children, }: ErrorTipProps) => import("react").JSX.Element;
+export default ErrorTip;

package/dist/components/FormInfo/ErrorTip.js

@@ -0,0 +1,89 @@
+import { jsx as h } from "react/jsx-runtime";
+import { useFormContext as M } from "@kne/react-form-antd";
+import { useClickAway as S } from "ahooks";
+import { Popover as w } from "antd";
+import x from "classnames";
+import { useState as v, useRef as b, useLayoutEffect as L, useEffect as F } from "react";
+import I from "./style.module.scss.js";
+const N = (t, f) => typeof t != "string" ? String(t ?? "") : t.replace(/%s/g, String(f ?? "")), j = ({
+  name: t,
+  groupName: f,
+  groupIndex: a
+}) => {
+  const y = M() || {}, { emitter: c, formState: g } = y, m = b({ name: t, groupName: f, groupIndex: a });
+  m.current = { name: t, groupName: f, groupIndex: a };
+  const E = b(g);
+  E.current = g;
+  const [p, R] = v(null);
+  return F(() => {
+    if (!(c != null && c.addListener)) return;
+    const u = c.addListener("form-field-validate-complete", (o) => {
+      var i;
+      const { id: d, validate: r } = o || {}, n = d ? (i = E.current) == null ? void 0 : i[d] : void 0;
+      if (!n) return;
+      const e = m.current;
+      if (n.name === e.name && (!e.groupName || n.groupName === e.groupName && n.groupIndex === e.groupIndex)) {
+        const s = (r == null ? void 0 : r.status) === 2 || (r == null ? void 0 : r.status) === "FAIL" || (r == null ? void 0 : r.status) === "ERROR";
+        R(
+          s ? Object.assign({}, r, {
+            label: n.label,
+            errMsg: N(r == null ? void 0 : r.msg, n.label)
+          }) : null
+        );
+      }
+    });
+    return () => {
+      var o;
+      (o = u == null ? void 0 : u.remove) == null || o.call(u);
+    };
+  }, [c]), p;
+}, P = ({
+  name: t,
+  groupName: f,
+  overlayClassName: a,
+  errorRender: y = () => null,
+  groupIndex: c,
+  children: g
+}) => {
+  const m = j({ name: t, groupName: f, groupIndex: c }), [E, p] = v(!1), R = !!(m && E), u = R && y(Object.assign({}, m, { closeHover: () => p(!1) })), o = b(null), d = b(null), [r, n] = v(0);
+  return S(
+    () => p(!1),
+    [() => o.current, () => d.current]
+  ), L(() => {
+    const e = o.current;
+    if (!e) return;
+    const i = () => {
+      const C = e.querySelector(".react-form__field-component");
+      C && n(C.clientWidth);
+    };
+    i();
+    const s = typeof ResizeObserver < "u" ? new ResizeObserver(i) : null;
+    s == null || s.observe(e);
+    const l = typeof MutationObserver < "u" ? new MutationObserver(i) : null;
+    return l == null || l.observe(e, { subtree: !0, childList: !0 }), () => {
+      l == null || l.disconnect(), s == null || s.disconnect();
+    };
+  }, []), /* @__PURE__ */ h(
+    w,
+    {
+      open: R,
+      content: /* @__PURE__ */ h(
+        "div",
+        {
+          ref: d,
+          style: r ? { width: r } : void 0,
+          className: x("marsun-form-info-error-tip", I["marsun-form-info-error-tip"]),
+          children: u
+        }
+      ),
+      overlayClassName: a,
+      placement: "bottom",
+      arrow: !1,
+      children: /* @__PURE__ */ h("div", { ref: o, onMouseEnter: () => p(!0), children: g })
+    }
+  );
+};
+export {
+  P as default
+};
+//# sourceMappingURL=ErrorTip.js.map

package/dist/components/FormInfo/ErrorTip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorTip.js","sources":["../../../src/components/FormInfo/ErrorTip.tsx"],"sourcesContent":["// @ts-nocheck\nimport { useFormContext } from '@kne/react-form-antd';\nimport { useClickAway } from 'ahooks';\nimport { Popover } from 'antd';\nimport classnames from 'classnames';\nimport { useEffect, useLayoutEffect, useRef, useState, type ReactNode } from 'react';\nimport type { ErrorTipProps } from './types';\nimport style from './style.module.scss';\n\ntype FieldState = {\n  name?: string;\n  groupName?: string;\n  groupIndex?: number;\n  label?: ReactNode;\n  id?: string;\n};\n\nconst compileErrMsg = (msg: unknown, label: unknown) => {\n  if (typeof msg !== 'string') return String(msg ?? '');\n  return msg.replace(/%s/g, String(label ?? ''));\n};\n\nconst useErrorMsg = ({\n  name,\n  groupName,\n  groupIndex,\n}: {\n  name: string;\n  groupName?: string;\n  groupIndex?: number;\n}) => {\n  const ctx = (useFormContext() || {}) as {\n    emitter?: { addListener: (ev: string, fn: (p: unknown) => void) => { remove?: () => void } };\n    formState?: Record<string, FieldState>;\n  };\n  const { emitter, formState } = ctx;\n  const targetFieldInfo = useRef({ name, groupName, groupIndex });\n  targetFieldInfo.current = { name, groupName, groupIndex };\n  const formStateRef = useRef(formState);\n  formStateRef.current = formState;\n  const [currentError, setCurrentError] = useState<Record<string, unknown> | null>(null);\n\n  useEffect(() => {\n    if (!emitter?.addListener) return undefined;\n    const target = emitter.addListener('form-field-validate-complete', (payload: unknown) => {\n      const { id, validate } = (payload || {}) as {\n        id?: string;\n        validate?: { status?: number | string; msg?: string };\n      };\n      const field = id ? formStateRef.current?.[id] : undefined;\n      if (!field) return;\n      const currentField = targetFieldInfo.current;\n      if (\n        field.name === currentField.name &&\n        (!currentField.groupName ||\n          (field.groupName === currentField.groupName &&\n            field.groupIndex === currentField.groupIndex))\n      ) {\n        const failed =\n          validate?.status === 2 || validate?.status === 'FAIL' || validate?.status === 'ERROR';\n        setCurrentError(\n          failed\n            ? Object.assign({}, validate, {\n                label: field.label,\n                errMsg: compileErrMsg(validate?.msg, field.label),\n              })\n            : null,\n        );\n      }\n    });\n    return () => {\n      target?.remove?.();\n    };\n  }, [emitter]);\n\n  return currentError;\n};\n\n/**\n * 校验失败悬停提示；外点关闭用 ahooks useClickAway。\n * Adapted from kne-union/components-core FormInfo/ErrorTip.\n */\nconst ErrorTip = ({\n  name,\n  groupName,\n  overlayClassName,\n  errorRender = () => null,\n  groupIndex,\n  children,\n}: ErrorTipProps) => {\n  const currentError = useErrorMsg({ name, groupName, groupIndex });\n  const [isHover, setIsHover] = useState(false);\n  const open = !!(currentError && isHover);\n  const errorContent =\n    open && errorRender(Object.assign({}, currentError, { closeHover: () => setIsHover(false) }));\n\n  const popoverChildrenRef = useRef<HTMLDivElement>(null);\n  const popoverContentRef = useRef<HTMLDivElement>(null);\n  const [width, setWidth] = useState(0);\n\n  useClickAway(\n    () => setIsHover(false),\n    [() => popoverChildrenRef.current, () => popoverContentRef.current],\n  );\n\n  useLayoutEffect(() => {\n    const root = popoverChildrenRef.current;\n    if (!root) return undefined;\n    const callback = () => {\n      const target = root.querySelector('.react-form__field-component');\n      if (target) setWidth((target as HTMLElement).clientWidth);\n    };\n    callback();\n    const resizeObserver =\n      typeof ResizeObserver !== 'undefined' ? new ResizeObserver(callback) : null;\n    resizeObserver?.observe(root);\n    const mutationObserver =\n      typeof MutationObserver !== 'undefined' ? new MutationObserver(callback) : null;\n    mutationObserver?.observe(root, { subtree: true, childList: true });\n    return () => {\n      mutationObserver?.disconnect();\n      resizeObserver?.disconnect();\n    };\n  }, []);\n\n  return (\n    <Popover\n      open={open}\n      content={\n        <div\n          ref={popoverContentRef}\n          style={width ? { width } : undefined}\n          className={classnames('marsun-form-info-error-tip', style['marsun-form-info-error-tip'])}\n        >\n          {errorContent}\n        </div>\n      }\n      overlayClassName={overlayClassName}\n      placement=\"bottom\"\n      arrow={false}\n    >\n      <div ref={popoverChildrenRef} onMouseEnter={() => setIsHover(true)}>\n        {children}\n      </div>\n    </Popover>\n  );\n};\n\nexport default ErrorTip;\n"],"names":["compileErrMsg","msg","label","useErrorMsg","name","groupName","groupIndex","ctx","useFormContext","emitter","formState","targetFieldInfo","useRef","formStateRef","currentError","setCurrentError","useState","useEffect","target","payload","id","validate","field","_a","currentField","failed","ErrorTip","overlayClassName","errorRender","children","isHover","setIsHover","open","errorContent","popoverChildrenRef","popoverContentRef","width","setWidth","useClickAway","useLayoutEffect","root","callback","resizeObserver","mutationObserver","jsx","Popover","classnames","style"],"mappings":"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"}

package/dist/components/FormInfo/Form.d.ts

@@ -0,0 +1,7 @@
+import { FormProps } from './types';
+/**
+ * 新栈 Form：FormAntd + type=inner；外层 InfoPage.Part（扁平少 border）。
+ * Ported/adapted from kne-union/form-info Form.js（计划要求 Part 而非整页 InfoPage）。
+ */
+declare const Form: import('react').ForwardRefExoticComponent<Omit<FormProps, "ref"> & import('react').RefAttributes<unknown>>;
+export default Form;

package/dist/components/FormInfo/Form.js

@@ -0,0 +1,23 @@
+import { jsx as r } from "react/jsx-runtime";
+import { FormAntd as a } from "@kne/react-form-antd";
+import f from "classnames";
+import { forwardRef as n } from "react";
+import i from "./style.module.scss.js";
+import l from "../InfoPage/InfoPage/index.js";
+const p = n((o, m) => {
+  const { className: e, children: s, ...t } = Object.assign({ type: "inner" }, o);
+  return /* @__PURE__ */ r(
+    a,
+    {
+      ...t,
+      ref: m,
+      className: f("marsun-form-info-outer", i["marsun-form-info-outer"], e),
+      children: /* @__PURE__ */ r(l.Part, { bordered: !1, children: s })
+    }
+  );
+});
+p.displayName = "Form";
+export {
+  p as default
+};
+//# sourceMappingURL=Form.js.map

package/dist/components/FormInfo/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sources":["../../../src/components/FormInfo/Form.tsx"],"sourcesContent":["// @ts-nocheck\nimport { FormAntd as ReactForm } from '@kne/react-form-antd';\nimport classnames from 'classnames';\nimport { forwardRef } from 'react';\nimport InfoPage from '@/components/InfoPage';\nimport type { FormProps } from './types';\nimport style from './style.module.scss';\n\n/**\n * 新栈 Form：FormAntd + type=inner；外层 InfoPage.Part（扁平少 border）。\n * Ported/adapted from kne-union/form-info Form.js（计划要求 Part 而非整页 InfoPage）。\n */\nconst Form = forwardRef<unknown, FormProps>((props, ref) => {\n  const { className, children, ...others } = Object.assign({ type: 'inner' }, props);\n  return (\n    <ReactForm\n      {...others}\n      ref={ref}\n      className={classnames('marsun-form-info-outer', style['marsun-form-info-outer'], className)}\n    >\n      <InfoPage.Part bordered={false}>{children}</InfoPage.Part>\n    </ReactForm>\n  );\n});\n\nForm.displayName = 'Form';\n\nexport default Form;\n"],"names":["Form","forwardRef","props","ref","className","children","others","jsx","ReactForm","classnames","style","InfoPage"],"mappings":";;;;;;AAYA,MAAMA,IAAOC,EAA+B,CAACC,GAAOC,MAAQ;AAC1D,QAAM,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,IAAW,OAAO,OAAO,EAAE,MAAM,QAAA,GAAWJ,CAAK;AACjF,SACE,gBAAAK;AAAA,IAACC;AAAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,KAAAH;AAAA,MACA,WAAWM,EAAW,0BAA0BC,EAAM,wBAAwB,GAAGN,CAAS;AAAA,MAE1F,4BAACO,EAAS,MAAT,EAAc,UAAU,IAAQ,UAAAN,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAGhD,CAAC;AAEDL,EAAK,cAAc;"}

package/dist/components/FormInfo/FormApiButton.d.ts

@@ -0,0 +1,7 @@
+import { FormApiButtonProps } from './types';
+/**
+ * antd Button + loading；onClick(formContext, e)。
+ * 不绑上游 LoadingButton。
+ */
+declare const FormApiButton: ({ onClick, ...props }: FormApiButtonProps) => import("react").JSX.Element;
+export default FormApiButton;

package/dist/components/FormInfo/FormApiButton.js

@@ -0,0 +1,28 @@
+import { jsx as i } from "react/jsx-runtime";
+import { useFormContext as m } from "@kne/react-form-antd";
+import { Button as s } from "antd";
+import { useState as f } from "react";
+const g = ({ onClick: t, ...o }) => {
+  const n = m() || {}, [a, r] = f(!1);
+  return /* @__PURE__ */ i(
+    s,
+    {
+      ...o,
+      loading: o.loading ?? a,
+      onClick: async (e) => {
+        if (t) {
+          r(!0);
+          try {
+            await t(n, e);
+          } finally {
+            r(!1);
+          }
+        }
+      }
+    }
+  );
+};
+export {
+  g as default
+};
+//# sourceMappingURL=FormApiButton.js.map

package/dist/components/FormInfo/FormApiButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormApiButton.js","sources":["../../../src/components/FormInfo/FormApiButton.tsx"],"sourcesContent":["// @ts-nocheck\nimport { useFormContext } from '@kne/react-form-antd';\nimport { Button } from 'antd';\nimport { useState } from 'react';\nimport type { FormApiButtonProps } from './types';\n\n/**\n * antd Button + loading；onClick(formContext, e)。\n * 不绑上游 LoadingButton。\n */\nconst FormApiButton = ({ onClick, ...props }: FormApiButtonProps) => {\n  const context = (useFormContext() || {}) as Record<string, unknown>;\n  const [loading, setLoading] = useState(false);\n\n  return (\n    <Button\n      {...props}\n      loading={props.loading ?? loading}\n      onClick={async (e) => {\n        if (!onClick) return;\n        setLoading(true);\n        try {\n          await onClick(context, e);\n        } finally {\n          setLoading(false);\n        }\n      }}\n    />\n  );\n};\n\nexport default FormApiButton;\n"],"names":["FormApiButton","onClick","props","context","useFormContext","loading","setLoading","useState","jsx","Button"],"mappings":";;;;AAUA,MAAMA,IAAgB,CAAC,EAAE,SAAAC,GAAS,GAAGC,QAAgC;AACnE,QAAMC,IAAWC,EAAA,KAAoB,CAAA,GAC/B,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK;AAE5C,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGP;AAAA,MACJ,SAASA,EAAM,WAAWG;AAAA,MAC1B,SAAS,OAAO,MAAM;AACpB,YAAKJ,GACL;AAAA,UAAAK,EAAW,EAAI;AACf,cAAI;AACF,kBAAML,EAAQE,GAAS,CAAC;AAAA,UAC1B,UAAA;AACE,YAAAG,EAAW,EAAK;AAAA,UAClB;AAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/FormInfo/FormDrawer.d.ts

@@ -0,0 +1,9 @@
+import { FormDrawerProps } from './types';
+/**
+ * 受控 FormDrawer：挂本仓 ReactDrawer；placement 默认 right；destroyOnHidden。
+ */
+declare const FormDrawer: (props: FormDrawerProps) => import("react").JSX.Element;
+export default FormDrawer;
+export declare const useFormDrawer: () => (props?: FormDrawerProps) => {
+    close: () => void;
+};

package/dist/components/FormInfo/FormDrawer.js

@@ -0,0 +1,42 @@
+import { jsx as c } from "react/jsx-runtime";
+import l from "classnames";
+import { buildFormOverlayProps as u } from "./buildFormOverlayProps.js";
+import f from "./style.module.scss.js";
+import i from "../ReactModal/Drawer.js";
+import { useDrawer as d } from "../ReactModal/useDrawer.js";
+const m = (t, r) => {
+  const { placement: o = "right", className: e, ...s } = t;
+  return {
+    ...u({ ...s, className: e }, r),
+    placement: o,
+    className: l(f["marsun-form-info-drawer"], "marsun-form-info-drawer", e)
+  };
+}, N = (t) => {
+  const { open: r, onCancel: o, onClose: e, ...s } = t, n = o ?? e, a = m(
+    { ...s, onClose: n, onCancel: n },
+    { close: n }
+  );
+  return /* @__PURE__ */ c(i, { ...a, open: !!r, destroyOnHidden: !0 });
+}, P = () => {
+  const t = d();
+  return (r = {}) => {
+    const o = {}, e = () => {
+      var n;
+      return (n = o.close) == null ? void 0 : n.call(o);
+    }, s = t(
+      m(
+        {
+          ...r,
+          onClose: r.onClose || r.onCancel || e
+        },
+        { close: e }
+      )
+    );
+    return o.close = s.close, s;
+  };
+};
+export {
+  N as default,
+  P as useFormDrawer
+};
+//# sourceMappingURL=FormDrawer.js.map

package/dist/components/FormInfo/FormDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormDrawer.js","sources":["../../../src/components/FormInfo/FormDrawer.tsx"],"sourcesContent":["// @ts-nocheck\nimport classnames from 'classnames';\nimport { ReactDrawer, useDrawer } from '@/components/ReactModal';\nimport { buildFormOverlayProps } from './buildFormOverlayProps';\nimport type { FormDrawerProps } from './types';\nimport style from './style.module.scss';\n\nconst buildFormDrawerProps = (props: FormDrawerProps, options?: { close?: () => void }) => {\n  const { placement = 'right', className, ...rest } = props;\n  return {\n    ...buildFormOverlayProps({ ...rest, className }, options),\n    placement,\n    className: classnames(style['marsun-form-info-drawer'], 'marsun-form-info-drawer', className),\n  };\n};\n\n/**\n * 受控 FormDrawer：挂本仓 ReactDrawer；placement 默认 right；destroyOnHidden。\n */\nconst FormDrawer = (props: FormDrawerProps) => {\n  const { open, onCancel, onClose, ...rest } = props;\n  const close = onCancel ?? onClose;\n  const overlayProps = buildFormDrawerProps(\n    { ...rest, onClose: close, onCancel: close },\n    { close },\n  );\n  return <ReactDrawer {...overlayProps} open={!!open} destroyOnHidden />;\n};\n\nexport default FormDrawer;\n\nexport const useFormDrawer = () => {\n  const drawer = useDrawer();\n  return (props: FormDrawerProps = {}) => {\n    const api: { close?: () => void } = {};\n    const close = () => api.close?.();\n    const opened = drawer(\n      buildFormDrawerProps(\n        {\n          ...props,\n          onClose: props.onClose || props.onCancel || close,\n        },\n        { close },\n      ),\n    );\n    api.close = opened.close;\n    return opened;\n  };\n};\n"],"names":["buildFormDrawerProps","props","options","placement","className","rest","buildFormOverlayProps","classnames","style","FormDrawer","open","onCancel","onClose","close","overlayProps","jsx","ReactDrawer","useFormDrawer","drawer","useDrawer","api","_a","opened"],"mappings":";;;;;;AAOA,MAAMA,IAAuB,CAACC,GAAwBC,MAAqC;AACzF,QAAM,EAAE,WAAAC,IAAY,SAAS,WAAAC,GAAW,GAAGC,MAASJ;AACpD,SAAO;AAAA,IACL,GAAGK,EAAsB,EAAE,GAAGD,GAAM,WAAAD,EAAA,GAAaF,CAAO;AAAA,IACxD,WAAAC;AAAA,IACA,WAAWI,EAAWC,EAAM,yBAAyB,GAAG,2BAA2BJ,CAAS;AAAA,EAAA;AAEhG,GAKMK,IAAa,CAACR,MAA2B;AAC7C,QAAM,EAAE,MAAAS,GAAM,UAAAC,GAAU,SAAAC,GAAS,GAAGP,MAASJ,GACvCY,IAAQF,KAAYC,GACpBE,IAAed;AAAA,IACnB,EAAE,GAAGK,GAAM,SAASQ,GAAO,UAAUA,EAAA;AAAA,IACrC,EAAE,OAAAA,EAAA;AAAA,EAAM;AAEV,SAAO,gBAAAE,EAACC,KAAa,GAAGF,GAAc,MAAM,CAAC,CAACJ,GAAM,iBAAe,IAAC;AACtE,GAIaO,IAAgB,MAAM;AACjC,QAAMC,IAASC,EAAA;AACf,SAAO,CAAClB,IAAyB,OAAO;AACtC,UAAMmB,IAA8B,CAAA,GAC9BP,IAAQ;;AAAM,cAAAQ,IAAAD,EAAI,UAAJ,gBAAAC,EAAA,KAAAD;AAAA,OACdE,IAASJ;AAAA,MACblB;AAAA,QACE;AAAA,UACE,GAAGC;AAAA,UACH,SAASA,EAAM,WAAWA,EAAM,YAAYY;AAAA,QAAA;AAAA,QAE9C,EAAE,OAAAA,EAAA;AAAA,MAAM;AAAA,IACV;AAEF,WAAAO,EAAI,QAAQE,EAAO,OACZA;AAAA,EACT;AACF;"}

package/dist/components/FormInfo/FormInfo.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { FormInfoProps } from './types';
+declare const _default: (props: FormInfoProps) => React.JSX.Element;
+export default _default;

package/dist/components/FormInfo/FormInfo.js

@@ -0,0 +1,61 @@
+import { jsxs as T, jsx as t } from "react/jsx-runtime";
+import { FormInfo as v } from "@kne/react-form-plus";
+import { useIsMobile as w } from "@kne/responsive-utils";
+import { Row as A, Col as P } from "antd";
+import c from "classnames";
+import _, { useMemo as $ } from "react";
+import { markNestBlock as z, isNestBlockType as x, NEST_DEPTH_BEYOND as E } from "./nestBlock.js";
+import f from "./style.module.scss.js";
+import G from "../FlexBox/useFlexBox.js";
+import H from "../InfoPage/InfoPage/index.js";
+const L = (s) => (Array.isArray(s) ? s : []).map((o) => {
+  var r;
+  return !o || typeof o != "object" || !("type" in o) || !x(o.type) || ((r = o.props) == null ? void 0 : r.block) === !0 ? o : _.cloneElement(o, { block: !0 });
+}), O = (s) => {
+  const { className: o, column: r = 2, list: l = [], gap: B, bordered: k, nestDepth: a, ...I } = s, u = w(), F = typeof a == "number" && a >= 1 ? !1 : k, D = $(() => L(l), [l]), p = !u && !(Number.isInteger(r) && r > 0), { ref: g, column: i } = G(
+    p ? r : {}
+  ), h = B ?? 24, m = (R, j) => /* @__PURE__ */ t(
+    v,
+    {
+      list: D,
+      column: R,
+      className: c({
+        [f["marsun-form-info-column-not-layout"]]: !!j
+      }),
+      itemRender: (n, d) => {
+        var N;
+        if (d.hidden)
+          return /* @__PURE__ */ t("div", { style: { display: "none" }, children: n });
+        const e = n, y = x(e == null ? void 0 : e.type), b = (N = e == null ? void 0 : e.props) == null ? void 0 : N.nestDepth, M = y && typeof b == "number" && b >= E;
+        return /* @__PURE__ */ t(
+          P,
+          {
+            span: d.span,
+            className: c({
+              [f["marsun-form-info-nest-block-col"]]: y,
+              [f["marsun-form-info-nest-block-col-beyond"]]: M
+            }),
+            children: n
+          }
+        );
+      },
+      children: (n) => /* @__PURE__ */ t(A, { gutter: [h, 0], children: n })
+    }
+  ), C = () => u ? m(1) : p ? i ? m(i.col) : m(2, !0) : m(r);
+  return /* @__PURE__ */ T(
+    H.Part,
+    {
+      ...I,
+      bordered: F,
+      className: c("marsun-form-info", f["marsun-form-info"], o),
+      children: [
+        /* @__PURE__ */ t("div", { ref: g }),
+        C()
+      ]
+    }
+  );
+}, Z = z(O);
+export {
+  Z as default
+};
+//# sourceMappingURL=FormInfo.js.map

package/dist/components/FormInfo/FormInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormInfo.js","sources":["../../../src/components/FormInfo/FormInfo.tsx"],"sourcesContent":["// @ts-nocheck\nimport { FormInfo as FormInfoBase } from '@kne/react-form-plus';\nimport { useIsMobile } from '@kne/responsive-utils';\nimport { Col, Row } from 'antd';\nimport classnames from 'classnames';\nimport React, { useMemo, type ReactElement, type ReactNode } from 'react';\nimport InfoPage from '@/components/InfoPage';\nimport { useFlexBox } from '@/components/FlexBox';\nimport { isNestBlockType, markNestBlock, NEST_DEPTH_BEYOND } from './nestBlock';\nimport type { FormInfoProps } from './types';\nimport style from './style.module.scss';\n\n/** 仅保证嵌套块整行；nestDepth 由 List 在 listRender 里写入，这里不覆盖 */\nconst ensureNestBlocksFullWidth = (list: ReactNode[]) =>\n  (Array.isArray(list) ? list : []).map((item) => {\n    if (\n      !item ||\n      typeof item !== 'object' ||\n      !('type' in item) ||\n      !isNestBlockType((item as ReactElement).type) ||\n      (item as ReactElement).props?.block === true\n    ) {\n      return item;\n    }\n    return React.cloneElement(item as ReactElement, { block: true });\n  });\n\n/**\n * FormInfo 布局：固定 column 走 Row/Col；column 为断点配置时走本仓 useFlexBox。\n * Ported/adapted from kne-union/form-info FormInfo.js\n */\nconst FormInfo = (props: FormInfoProps) => {\n  const { className, column = 2, list = [], gap, bordered, nestDepth, ...others } = props;\n  const isMobile = useIsMobile();\n  // 第二级起嵌套块不走 info-page bordered；样式由 SCSS 色条/子项 plain 负责\n  const partBordered = typeof nestDepth === 'number' && nestDepth >= 1 ? false : bordered;\n  const normalizedList = useMemo(() => ensureNestBlocksFullWidth(list), [list]);\n  const isFlexBox = !isMobile && !(Number.isInteger(column) && (column as number) > 0);\n  const { ref: flexBoxRef, column: flexBoxColumn } = useFlexBox(\n    isFlexBox ? (column as object) : {},\n  );\n  const rowGap = gap ?? 24;\n\n  const renderInner = (col: number, notLayout?: boolean) => (\n    <FormInfoBase\n      list={normalizedList as never[]}\n      column={col}\n      className={classnames({\n        [style['marsun-form-info-column-not-layout']]: !!notLayout,\n      })}\n      itemRender={(children: ReactNode, itemProps: { hidden?: boolean; span?: number }) => {\n        if (itemProps.hidden) {\n          return <div style={{ display: 'none' }}>{children}</div>;\n        }\n        const childEl = children as ReactElement | null;\n        const nestCol = isNestBlockType(childEl?.type);\n        const childNestDepth = childEl?.props?.nestDepth as number | undefined;\n        const nestBeyond =\n          nestCol && typeof childNestDepth === 'number' && childNestDepth >= NEST_DEPTH_BEYOND;\n        return (\n          <Col\n            span={itemProps.span}\n            className={classnames({\n              [style['marsun-form-info-nest-block-col']]: nestCol,\n              [style['marsun-form-info-nest-block-col-beyond']]: nestBeyond,\n            })}\n          >\n            {children}\n          </Col>\n        );\n      }}\n    >\n      {(children: ReactNode) => <Row gutter={[rowGap, 0]}>{children}</Row>}\n    </FormInfoBase>\n  );\n\n  const renderColumn = () => {\n    if (isMobile) {\n      return renderInner(1);\n    }\n    if (!isFlexBox) {\n      return renderInner(column as number);\n    }\n    if (flexBoxColumn) {\n      return renderInner(flexBoxColumn.col);\n    }\n    return renderInner(2, true);\n  };\n\n  return (\n    <InfoPage.Part\n      {...others}\n      bordered={partBordered}\n      className={classnames('marsun-form-info', style['marsun-form-info'], className)}\n    >\n      <div ref={flexBoxRef} />\n      {renderColumn()}\n    </InfoPage.Part>\n  );\n};\n\nexport default markNestBlock(FormInfo);\n"],"names":["ensureNestBlocksFullWidth","list","item","isNestBlockType","_a","React","FormInfo","props","className","column","gap","bordered","nestDepth","others","isMobile","useIsMobile","partBordered","normalizedList","useMemo","isFlexBox","flexBoxRef","flexBoxColumn","useFlexBox","rowGap","renderInner","col","notLayout","jsx","FormInfoBase","classnames","style","children","itemProps","childEl","nestCol","childNestDepth","nestBeyond","NEST_DEPTH_BEYOND","Col","Row","renderColumn","jsxs","InfoPage","FormInfo$1","markNestBlock"],"mappings":";;;;;;;;;;AAaA,MAAMA,IAA4B,CAACC,OAChC,MAAM,QAAQA,CAAI,IAAIA,IAAO,CAAA,GAAI,IAAI,CAACC,MAAS;;AAC9C,SACE,CAACA,KACD,OAAOA,KAAS,YAChB,EAAE,UAAUA,MACZ,CAACC,EAAiBD,EAAsB,IAAI,OAC3CE,IAAAF,EAAsB,UAAtB,gBAAAE,EAA6B,WAAU,KAEjCF,IAEFG,EAAM,aAAaH,GAAsB,EAAE,OAAO,IAAM;AACjE,CAAC,GAMGI,IAAW,CAACC,MAAyB;AACzC,QAAM,EAAE,WAAAC,GAAW,QAAAC,IAAS,GAAG,MAAAR,IAAO,CAAA,GAAI,KAAAS,GAAK,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,IAAWN,GAC5EO,IAAWC,EAAA,GAEXC,IAAe,OAAOJ,KAAc,YAAYA,KAAa,IAAI,KAAQD,GACzEM,IAAiBC,EAAQ,MAAMlB,EAA0BC,CAAI,GAAG,CAACA,CAAI,CAAC,GACtEkB,IAAY,CAACL,KAAY,EAAE,OAAO,UAAUL,CAAM,KAAMA,IAAoB,IAC5E,EAAE,KAAKW,GAAY,QAAQC,MAAkBC;AAAA,IACjDH,IAAaV,IAAoB,CAAA;AAAA,EAAC,GAE9Bc,IAASb,KAAO,IAEhBc,IAAc,CAACC,GAAaC,MAChC,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,MAAMX;AAAA,MACN,QAAQQ;AAAA,MACR,WAAWI,EAAW;AAAA,QACpB,CAACC,EAAM,oCAAoC,CAAC,GAAG,CAAC,CAACJ;AAAA,MAAA,CAClD;AAAA,MACD,YAAY,CAACK,GAAqBC,MAAmD;;AACnF,YAAIA,EAAU;AACZ,mCAAQ,OAAA,EAAI,OAAO,EAAE,SAAS,OAAA,GAAW,UAAAD,GAAS;AAEpD,cAAME,IAAUF,GACVG,IAAU/B,EAAgB8B,KAAA,gBAAAA,EAAS,IAAI,GACvCE,KAAiB/B,IAAA6B,KAAA,gBAAAA,EAAS,UAAT,gBAAA7B,EAAgB,WACjCgC,IACJF,KAAW,OAAOC,KAAmB,YAAYA,KAAkBE;AACrE,eACE,gBAAAV;AAAA,UAACW;AAAA,UAAA;AAAA,YACC,MAAMN,EAAU;AAAA,YAChB,WAAWH,EAAW;AAAA,cACpB,CAACC,EAAM,iCAAiC,CAAC,GAAGI;AAAA,cAC5C,CAACJ,EAAM,wCAAwC,CAAC,GAAGM;AAAA,YAAA,CACpD;AAAA,YAEA,UAAAL;AAAA,UAAA;AAAA,QAAA;AAAA,MAGP;AAAA,MAEC,UAAA,CAACA,MAAwB,gBAAAJ,EAACY,GAAA,EAAI,QAAQ,CAAChB,GAAQ,CAAC,GAAI,UAAAQ,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA,GAI5DS,IAAe,MACf1B,IACKU,EAAY,CAAC,IAEjBL,IAGDE,IACKG,EAAYH,EAAc,GAAG,IAE/BG,EAAY,GAAG,EAAI,IALjBA,EAAYf,CAAgB;AAQvC,SACE,gBAAAgC;AAAA,IAACC,EAAS;AAAA,IAAT;AAAA,MACE,GAAG7B;AAAA,MACJ,UAAUG;AAAA,MACV,WAAWa,EAAW,oBAAoBC,EAAM,kBAAkB,GAAGtB,CAAS;AAAA,MAE9E,UAAA;AAAA,QAAA,gBAAAmB,EAAC,OAAA,EAAI,KAAKP,EAAA,CAAY;AAAA,QACrBoB,EAAA;AAAA,MAAa;AAAA,IAAA;AAAA,EAAA;AAGpB,GAEAG,IAAeC,EAActC,CAAQ;"}

package/dist/components/FormInfo/FormItem.d.ts

@@ -0,0 +1,4 @@
+import { FormItemProps } from './types';
+/** children({...openApi, formData})；formData 优先 openApi.getFormData() */
+declare const FormItem: ({ children }: FormItemProps) => import("react").JSX.Element;
+export default FormItem;

package/dist/components/FormInfo/FormItem.js

@@ -0,0 +1,10 @@
+import { jsx as m, Fragment as n } from "react/jsx-runtime";
+import { useFormContext as s } from "@kne/react-form-antd";
+const p = ({ children: o }) => {
+  const r = s() || {}, { openApi: t = {}, formData: e } = r, a = typeof t.getFormData == "function" ? t.getFormData() : e;
+  return /* @__PURE__ */ m(n, { children: o({ ...t, formData: a }) });
+};
+export {
+  p as default
+};
+//# sourceMappingURL=FormItem.js.map

package/dist/components/FormInfo/FormItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormItem.js","sources":["../../../src/components/FormInfo/FormItem.tsx"],"sourcesContent":["// @ts-nocheck\nimport { useFormContext } from '@kne/react-form-antd';\nimport type { FormItemProps } from './types';\n\n/** children({...openApi, formData})；formData 优先 openApi.getFormData() */\nconst FormItem = ({ children }: FormItemProps) => {\n  const ctx = (useFormContext() || {}) as {\n    openApi?: Record<string, unknown> & { getFormData?: () => Record<string, unknown> };\n    formData?: Record<string, unknown>;\n  };\n  const { openApi = {}, formData } = ctx;\n  const resolvedFormData =\n    typeof openApi.getFormData === 'function' ? openApi.getFormData() : formData;\n  return <>{children({ ...openApi, formData: resolvedFormData })}</>;\n};\n\nexport default FormItem;\n"],"names":["FormItem","children","ctx","useFormContext","openApi","formData","resolvedFormData","jsx","Fragment"],"mappings":";;AAKA,MAAMA,IAAW,CAAC,EAAE,UAAAC,QAA8B;AAChD,QAAMC,IAAOC,EAAA,KAAoB,CAAA,GAI3B,EAAE,SAAAC,IAAU,IAAI,UAAAC,MAAaH,GAC7BI,IACJ,OAAOF,EAAQ,eAAgB,aAAaA,EAAQ,gBAAgBC;AACtE,SAAO,gBAAAE,EAAAC,GAAA,EAAG,YAAS,EAAE,GAAGJ,GAAS,UAAUE,EAAA,CAAkB,GAAE;AACjE;"}

package/dist/components/FormInfo/FormModal.d.ts

@@ -0,0 +1,11 @@
+import { FormModalProps } from './types';
+/**
+ * 受控 FormModal：默认挂本仓 ReactModal；可传 renderModal（createModalRender/createDrawerRender）切换宿主。
+ * destroyOnHidden。
+ */
+declare const FormModal: (props: FormModalProps) => string | number | bigint | boolean | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+export default FormModal;
+/** 命令式打开：内部挂 useModal */
+export declare const useFormModal: () => (props?: FormModalProps) => {
+    close: () => void;
+};

package/dist/components/FormInfo/FormModal.js

@@ -0,0 +1,43 @@
+import { jsx as d } from "react/jsx-runtime";
+import f from "classnames";
+import { buildFormOverlayProps as c } from "./buildFormOverlayProps.js";
+import u from "./style.module.scss.js";
+import i, { useModal as p } from "../ReactModal/Modal.js";
+const P = (l) => {
+  const { open: e, onCancel: o, onClose: n, renderModal: s, ...r } = l, t = o ?? n, m = c(
+    { ...r, onClose: t, onCancel: t },
+    { close: t }
+  ), a = {
+    ...m,
+    open: !!e,
+    className: f(
+      u["marsun-form-info-modal"],
+      "marsun-form-info-modal",
+      m.className
+    ),
+    destroyOnHidden: !0
+  };
+  return typeof s == "function" ? s(a) : /* @__PURE__ */ d(i, { ...a });
+}, v = () => {
+  const l = p();
+  return (e = {}) => {
+    const o = {}, n = () => {
+      var r;
+      return (r = o.close) == null ? void 0 : r.call(o);
+    }, s = l(
+      c(
+        {
+          ...e,
+          onClose: e.onClose || e.onCancel || n
+        },
+        { close: n }
+      )
+    );
+    return o.close = s.close, s;
+  };
+};
+export {
+  P as default,
+  v as useFormModal
+};
+//# sourceMappingURL=FormModal.js.map

package/dist/components/FormInfo/FormModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormModal.js","sources":["../../../src/components/FormInfo/FormModal.tsx"],"sourcesContent":["// @ts-nocheck\nimport classnames from 'classnames';\nimport { ReactModal, useModal } from '@/components/ReactModal';\nimport { buildFormOverlayProps } from './buildFormOverlayProps';\nimport type { FormModalProps } from './types';\nimport style from './style.module.scss';\n\n/**\n * 受控 FormModal：默认挂本仓 ReactModal；可传 renderModal（createModalRender/createDrawerRender）切换宿主。\n * destroyOnHidden。\n */\nconst FormModal = (props: FormModalProps) => {\n  const { open, onCancel, onClose, renderModal, ...rest } = props;\n  const close = onCancel ?? onClose;\n  const overlayProps = buildFormOverlayProps(\n    { ...rest, onClose: close, onCancel: close },\n    { close },\n  );\n  const hostProps = {\n    ...overlayProps,\n    open: !!open,\n    className: classnames(\n      style['marsun-form-info-modal'],\n      'marsun-form-info-modal',\n      overlayProps.className,\n    ),\n    destroyOnHidden: true as const,\n  };\n  if (typeof renderModal === 'function') {\n    return renderModal(hostProps);\n  }\n  return <ReactModal {...hostProps} />;\n};\n\nexport default FormModal;\n\n/** 命令式打开：内部挂 useModal */\nexport const useFormModal = () => {\n  const modal = useModal();\n  return (props: FormModalProps = {}) => {\n    const api: { close?: () => void } = {};\n    const close = () => api.close?.();\n    const opened = modal(\n      buildFormOverlayProps(\n        {\n          ...props,\n          onClose: props.onClose || props.onCancel || close,\n        },\n        { close },\n      ),\n    );\n    api.close = opened.close;\n    return opened;\n  };\n};\n"],"names":["FormModal","props","open","onCancel","onClose","renderModal","rest","close","overlayProps","buildFormOverlayProps","hostProps","classnames","style","jsx","ReactModal","useFormModal","modal","useModal","api","_a","opened"],"mappings":";;;;;AAWA,MAAMA,IAAY,CAACC,MAA0B;AAC3C,QAAM,EAAE,MAAAC,GAAM,UAAAC,GAAU,SAAAC,GAAS,aAAAC,GAAa,GAAGC,MAASL,GACpDM,IAAQJ,KAAYC,GACpBI,IAAeC;AAAA,IACnB,EAAE,GAAGH,GAAM,SAASC,GAAO,UAAUA,EAAA;AAAA,IACrC,EAAE,OAAAA,EAAA;AAAA,EAAM,GAEJG,IAAY;AAAA,IAChB,GAAGF;AAAA,IACH,MAAM,CAAC,CAACN;AAAA,IACR,WAAWS;AAAAA,MACTC,EAAM,wBAAwB;AAAA,MAC9B;AAAA,MACAJ,EAAa;AAAA,IAAA;AAAA,IAEf,iBAAiB;AAAA,EAAA;AAEnB,SAAI,OAAOH,KAAgB,aAClBA,EAAYK,CAAS,IAEvB,gBAAAG,EAACC,GAAA,EAAY,GAAGJ,EAAA,CAAW;AACpC,GAKaK,IAAe,MAAM;AAChC,QAAMC,IAAQC,EAAA;AACd,SAAO,CAAChB,IAAwB,OAAO;AACrC,UAAMiB,IAA8B,CAAA,GAC9BX,IAAQ;;AAAM,cAAAY,IAAAD,EAAI,UAAJ,gBAAAC,EAAA,KAAAD;AAAA,OACdE,IAASJ;AAAA,MACbP;AAAA,QACE;AAAA,UACE,GAAGR;AAAA,UACH,SAASA,EAAM,WAAWA,EAAM,YAAYM;AAAA,QAAA;AAAA,QAE9C,EAAE,OAAAA,EAAA;AAAA,MAAM;AAAA,IACV;AAEF,WAAAW,EAAI,QAAQE,EAAO,OACZA;AAAA,EACT;AACF;"}

package/dist/components/FormInfo/FormSteps.d.ts

@@ -0,0 +1,9 @@
+import { FormStepsProps } from './types';
+declare const FormSteps: {
+    (p: FormStepsProps): import("react").JSX.Element;
+    Embed: {
+        (props: import('./types').StepsProps): import("react").JSX.Element;
+        displayName: string;
+    };
+};
+export default FormSteps;

package/dist/components/FormInfo/FormSteps.js

@@ -0,0 +1,96 @@
+import { jsxs as I, jsx as x } from "react/jsx-runtime";
+import { useRef as V, createElement as w } from "react";
+import { useIsMobile as M } from "@kne/responsive-utils";
+import { useControllableValue as R } from "ahooks";
+import { Flex as k, Steps as L } from "antd";
+import q from "classnames";
+import D from "lodash/omit";
+import z from "./Form.js";
+import A from "./Steps.js";
+import p from "./style.module.scss.js";
+const B = (F) => {
+  var j, N, P, v, y;
+  const { className: O, stepsClassName: E, autoStep: f, onComplete: m, children: l, ...o } = Object.assign(
+    {
+      autoStep: !0,
+      defaultCurrent: 0,
+      items: [],
+      onComplete: () => {
+      }
+    },
+    F
+  ), d = M(), [e, i] = R(o, {
+    valuePropName: "current",
+    defaultValuePropName: "defaultCurrent"
+  }), t = V([]), a = o.items || [], c = e === a.length - 1, h = Object.assign({}, (j = a[e]) == null ? void 0 : j.formProps, {
+    data: Object.assign(
+      {},
+      (P = (N = a[e]) == null ? void 0 : N.formProps) == null ? void 0 : P.data,
+      (v = t.current[e]) == null ? void 0 : v.formData
+    )
+  }), S = a.map((r) => {
+    const s = D(r, ["formProps"]);
+    return typeof s.children == "function" ? Object.assign({}, s, {
+      children: s.children({
+        isLastStep: c,
+        currentStep: e,
+        onStepChange: i,
+        getStepCache: () => t.current
+      })
+    }) : s;
+  }), b = d ? "vertical" : o.direction || o.orientation, g = b === "vertical", C = /* @__PURE__ */ I(k, { className: O, vertical: !g || d, gap: 24, children: [
+    /* @__PURE__ */ x(
+      L,
+      {
+        ...D(o, ["current", "defaultCurrent", "onChange", "direction", "orientation"]),
+        direction: b,
+        className: q(
+          "marsun-form-info-steps",
+          E,
+          p["marsun-form-info-steps"],
+          {
+            [p["marsun-form-info-steps-vertical"]]: g
+          }
+        ),
+        items: S.map((r) => ({ title: r.title })),
+        current: e
+      }
+    ),
+    /* @__PURE__ */ x("div", { className: p["marsun-form-info-steps-form-inner"], children: (y = S[e]) == null ? void 0 : y.children })
+  ] });
+  return /* @__PURE__ */ w(
+    z,
+    {
+      ...Object.assign({}, h, {
+        onSubmit: async (r, ...s) => {
+          t.current[e] || (t.current[e] = {}), t.current[e].formData = r;
+          const u = h.onSubmit, n = await (u == null ? void 0 : u(
+            r,
+            {
+              currentStep: e,
+              onStepChange: i,
+              stepCache: t.current,
+              getStepCache: () => t.current,
+              isLastStep: c
+            },
+            ...s
+          ));
+          return t.current[e].submitData = n, f && n !== !1 && !c ? (i(e + 1), n) : (f && n !== !1 && await (m == null ? void 0 : m(t.current)), n);
+        }
+      }),
+      key: e
+    },
+    typeof l == "function" ? l({
+      children: C,
+      isLastStep: c,
+      currentStep: e,
+      onStepChange: i,
+      getStepCache: () => t.current
+    }) : C
+  );
+};
+B.Embed = A;
+export {
+  B as default
+};
+//# sourceMappingURL=FormSteps.js.map