@hkyhy/marsun-components-core 0.1.68 → 0.1.69

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormSteps.js","sources":["../../../src/components/FormInfo/FormSteps.tsx"],"sourcesContent":["// @ts-nocheck\nimport { useIsMobile } from '@kne/responsive-utils';\nimport { useControllableValue } from 'ahooks';\nimport { Flex, Steps as AntSteps } from 'antd';\nimport classnames from 'classnames';\nimport omit from 'lodash/omit';\nimport { useRef, type ReactNode } from 'react';\nimport Form from './Form';\nimport EmbedSteps from './Steps';\nimport type { FormStepsProps } from './types';\nimport style from './style.module.scss';\n\nconst FormSteps = (p: FormStepsProps) => {\n  const { className, stepsClassName, autoStep, onComplete, children, ...stepProps } = Object.assign(\n    {\n      autoStep: true,\n      defaultCurrent: 0,\n      items: [] as NonNullable<FormStepsProps['items']>,\n      onComplete: () => {},\n    },\n    p,\n  );\n\n  const isMobile = useIsMobile();\n  const [currentStep, onStepChange] = useControllableValue(stepProps, {\n    valuePropName: 'current',\n    defaultValuePropName: 'defaultCurrent',\n  }) as [number, (n: number) => void];\n\n  const stepCacheRef = useRef<Array<{ formData?: unknown; submitData?: unknown }>>([]);\n  const items = stepProps.items || [];\n  const isLastStep = currentStep === items.length - 1;\n\n  const currentFormProps = Object.assign({}, items[currentStep]?.formProps, {\n    data: Object.assign(\n      {},\n      (items[currentStep]?.formProps as { data?: Record<string, unknown> })?.data,\n      stepCacheRef.current[currentStep]?.formData as Record<string, unknown>,\n    ),\n  });\n\n  const stepItems = items.map((item) => {\n    const currentItem = omit(item, ['formProps']);\n    if (typeof currentItem.children === 'function') {\n      return Object.assign({}, currentItem, {\n        children: (currentItem.children as Function)({\n          isLastStep,\n          currentStep,\n          onStepChange,\n          getStepCache: () => stepCacheRef.current,\n        }),\n      });\n    }\n    return currentItem;\n  });\n\n  const stepsDirection = isMobile ? 'vertical' : stepProps.direction || stepProps.orientation;\n  const isVerticalSteps = stepsDirection === 'vertical';\n\n  const inner = (\n    <Flex className={className} vertical={!isVerticalSteps || isMobile} gap={24}>\n      <AntSteps\n        {...omit(stepProps, ['current', 'defaultCurrent', 'onChange', 'direction', 'orientation'])}\n        direction={stepsDirection as 'horizontal' | 'vertical'}\n        className={classnames(\n          'marsun-form-info-steps',\n          stepsClassName,\n          style['marsun-form-info-steps'],\n          {\n            [style['marsun-form-info-steps-vertical']]: isVerticalSteps,\n          },\n        )}\n        items={stepItems.map((item) => ({ title: item.title }))}\n        current={currentStep}\n      />\n      <div className={style['marsun-form-info-steps-form-inner']}>\n        {stepItems[currentStep]?.children as ReactNode}\n      </div>\n    </Flex>\n  );\n\n  return (\n    <Form\n      {...Object.assign({}, currentFormProps, {\n        onSubmit: async (data: Record<string, unknown>, ...args: unknown[]) => {\n          if (!stepCacheRef.current[currentStep]) {\n            stepCacheRef.current[currentStep] = {};\n          }\n          stepCacheRef.current[currentStep].formData = data;\n          const formOnSubmit = (\n            currentFormProps as {\n              onSubmit?: (\n                data: Record<string, unknown>,\n                ctx: Record<string, unknown>,\n                ...args: unknown[]\n              ) => unknown;\n            }\n          ).onSubmit;\n          const res = await formOnSubmit?.(\n            data,\n            {\n              currentStep,\n              onStepChange,\n              stepCache: stepCacheRef.current,\n              getStepCache: () => stepCacheRef.current,\n              isLastStep,\n            },\n            ...args,\n          );\n          stepCacheRef.current[currentStep].submitData = res;\n\n          if (autoStep && res !== false && !isLastStep) {\n            onStepChange(currentStep + 1);\n            return res;\n          }\n          if (autoStep && res !== false) {\n            await onComplete?.(stepCacheRef.current);\n            return res;\n          }\n          return res;\n        },\n      })}\n      key={currentStep}\n    >\n      {typeof children === 'function'\n        ? children({\n            children: inner,\n            isLastStep,\n            currentStep,\n            onStepChange,\n            getStepCache: () => stepCacheRef.current,\n          })\n        : inner}\n    </Form>\n  );\n};\n\nFormSteps.Embed = EmbedSteps;\n\nexport default FormSteps;\n"],"names":["FormSteps","p","className","stepsClassName","autoStep","onComplete","children","stepProps","isMobile","useIsMobile","currentStep","onStepChange","useControllableValue","stepCacheRef","useRef","items","isLastStep","currentFormProps","_a","_c","_b","_d","stepItems","item","currentItem","omit","stepsDirection","isVerticalSteps","inner","Flex","jsx","AntSteps","classnames","style","_e","createElement","Form","data","args","formOnSubmit","res","EmbedSteps"],"mappings":"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"}

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

@@ -0,0 +1,14 @@
+import { FormStepsModalProps } from './types';
+/**
+ * 步骤弹窗：ReactModal + FormSteps；页内 Submit 驱动下一步/完成。
+ * destroyOnHidden。
+ */
+declare const FormStepsModal: {
+    (props: FormStepsModalProps): import("react").JSX.Element;
+    displayName: string;
+};
+export default FormStepsModal;
+/** 命令式打开步骤弹窗（经 useFormModal 挂 ReactModal） */
+export declare const useFormStepModal: () => (props?: FormStepsModalProps) => {
+    close: () => void;
+};

package/dist/components/FormInfo/FormStepsModal.js

@@ -0,0 +1,96 @@
+import { jsx as r, jsxs as h, Fragment as y } from "react/jsx-runtime";
+import { SubmitButton as C } from "@kne/react-form-antd";
+import { Flex as T } from "antd";
+import f from "classnames";
+import M from "lodash/merge";
+import g from "./FormSteps.js";
+import { useFormModal as F } from "./FormModal.js";
+import N, { useFormInfoLocale as S } from "./withLocale.js";
+import u from "./style.module.scss.js";
+import w from "../ReactModal/Modal.js";
+const q = N((i) => {
+  const { formatMessage: n } = S(), { modalProps: e, completeText: m, nextText: p, className: c, ...t } = M(
+    {},
+    {
+      autoStep: !0,
+      modalProps: { autoClose: !0 },
+      completeText: n({ id: "complete" }),
+      nextText: n({ id: "next" })
+    },
+    i
+  ), o = e.onCancel ?? e.onClose, a = /* @__PURE__ */ r(
+    g,
+    {
+      ...t,
+      className: f(c, u["marsun-form-info-steps-modal"]),
+      onComplete: async (d) => {
+        var x;
+        const l = await ((x = t.onComplete) == null ? void 0 : x.call(t, d));
+        return e.autoClose !== !1 && l !== !1 && (o == null || o()), l;
+      },
+      children: ({ children: d, isLastStep: l }) => /* @__PURE__ */ h(y, { children: [
+        d,
+        /* @__PURE__ */ r(T, { justify: "flex-end", gap: 8, style: { marginTop: 16 }, children: /* @__PURE__ */ r(C, { type: "primary", children: l ? m : p }) })
+      ] })
+    }
+  ), s = {
+    open: !!e.open,
+    title: e.title,
+    width: e.width,
+    size: e.size,
+    onClose: o,
+    onCancel: o,
+    destroyOnHidden: !0,
+    footerButtons: [
+      {
+        children: e.cancelText || n({ id: "cancel" }),
+        onClick: () => o == null ? void 0 : o()
+      }
+    ],
+    className: f(
+      "marsun-form-info-modal",
+      u["marsun-form-info-modal"],
+      e.className
+    ),
+    children: a
+  };
+  return typeof e.renderModal == "function" ? e.renderModal(s) : /* @__PURE__ */ r(w, { ...s });
+}), v = () => {
+  const i = F();
+  return (n = {}) => {
+    const { modalProps: e, completeText: m, nextText: p, className: c, ...t } = M(
+      {},
+      {
+        autoStep: !0,
+        modalProps: { autoClose: !0 },
+        completeText: "完成",
+        nextText: "下一步"
+      },
+      n
+    );
+    return i({
+      ...e,
+      okText: m,
+      children: /* @__PURE__ */ r(
+        g,
+        {
+          ...t,
+          className: f(c, u["marsun-form-info-steps-modal"]),
+          onComplete: async (o) => {
+            var s;
+            return await ((s = t.onComplete) == null ? void 0 : s.call(t, o));
+          },
+          children: ({ children: o, isLastStep: a }) => /* @__PURE__ */ h(y, { children: [
+            o,
+            /* @__PURE__ */ r(T, { justify: "flex-end", gap: 8, style: { marginTop: 16 }, children: /* @__PURE__ */ r(C, { type: "primary", children: a ? m : p }) })
+          ] })
+        }
+      )
+    });
+  };
+};
+export {
+  q as default,
+  v as useFormStepModal
+};
+//# sourceMappingURL=FormStepsModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormStepsModal.js","sources":["../../../src/components/FormInfo/FormStepsModal.tsx"],"sourcesContent":["// @ts-nocheck\nimport { SubmitButton } from '@kne/react-form-antd';\nimport { Flex } from 'antd';\nimport classnames from 'classnames';\nimport merge from 'lodash/merge';\nimport { ReactModal } from '@/components/ReactModal';\nimport FormSteps from './FormSteps';\nimport { useFormModal } from './FormModal';\nimport type { FormStepsModalProps } from './types';\nimport withLocale, { useFormInfoLocale } from './withLocale';\nimport style from './style.module.scss';\n\n/**\n * 步骤弹窗：ReactModal + FormSteps；页内 Submit 驱动下一步/完成。\n * destroyOnHidden。\n */\nconst FormStepsModal = withLocale((p: FormStepsModalProps) => {\n  const { formatMessage } = useFormInfoLocale();\n  const { modalProps, completeText, nextText, className, ...others } = merge(\n    {},\n    {\n      autoStep: true,\n      modalProps: { autoClose: true },\n      completeText: formatMessage({ id: 'complete' }),\n      nextText: formatMessage({ id: 'next' }),\n    },\n    p,\n  );\n\n  const close = modalProps.onCancel ?? modalProps.onClose;\n\n  const stepsChildren = (\n    <FormSteps\n      {...others}\n      className={classnames(className, style['marsun-form-info-steps-modal'])}\n      onComplete={async (data) => {\n        const res = await others.onComplete?.(data);\n        if (modalProps.autoClose !== false && res !== false) {\n          close?.();\n        }\n        return res;\n      }}\n    >\n      {({ children, isLastStep }) => (\n        <>\n          {children}\n          <Flex justify=\"flex-end\" gap={8} style={{ marginTop: 16 }}>\n            <SubmitButton type=\"primary\">{isLastStep ? completeText : nextText}</SubmitButton>\n          </Flex>\n        </>\n      )}\n    </FormSteps>\n  );\n\n  const hostProps = {\n    open: !!modalProps.open,\n    title: modalProps.title,\n    width: modalProps.width,\n    size: modalProps.size,\n    onClose: close,\n    onCancel: close,\n    destroyOnHidden: true as const,\n    footerButtons: [\n      {\n        children: modalProps.cancelText || formatMessage({ id: 'cancel' }),\n        onClick: () => close?.(),\n      },\n    ],\n    className: classnames(\n      'marsun-form-info-modal',\n      style['marsun-form-info-modal'],\n      modalProps.className,\n    ),\n    children: stepsChildren,\n  };\n\n  if (typeof modalProps.renderModal === 'function') {\n    return modalProps.renderModal(hostProps);\n  }\n\n  return <ReactModal {...hostProps} />;\n});\n\nexport default FormStepsModal;\n\n/** 命令式打开步骤弹窗（经 useFormModal 挂 ReactModal） */\nexport const useFormStepModal = () => {\n  const formModal = useFormModal();\n  return (props: FormStepsModalProps = {}) => {\n    const { modalProps, completeText, nextText, className, ...others } = merge(\n      {},\n      {\n        autoStep: true,\n        modalProps: { autoClose: true },\n        completeText: '完成',\n        nextText: '下一步',\n      },\n      props,\n    );\n\n    return formModal({\n      ...modalProps,\n      okText: completeText,\n      children: (\n        <FormSteps\n          {...others}\n          className={classnames(className, style['marsun-form-info-steps-modal'])}\n          onComplete={async (data) => {\n            const res = await others.onComplete?.(data);\n            return res;\n          }}\n        >\n          {({ children, isLastStep }) => (\n            <>\n              {children}\n              <Flex justify=\"flex-end\" gap={8} style={{ marginTop: 16 }}>\n                <SubmitButton type=\"primary\">{isLastStep ? completeText : nextText}</SubmitButton>\n              </Flex>\n            </>\n          )}\n        </FormSteps>\n      ),\n    });\n  };\n};\n"],"names":["FormStepsModal","withLocale","p","formatMessage","useFormInfoLocale","modalProps","completeText","nextText","className","others","merge","close","stepsChildren","jsx","FormSteps","classnames","style","data","res","_a","children","isLastStep","jsxs","Fragment","Flex","SubmitButton","hostProps","ReactModal","useFormStepModal","formModal","useFormModal","props"],"mappings":"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"}

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

@@ -0,0 +1,6 @@
+import { ListProps } from './types';
+declare const _default: {
+    (props: ListProps): import("react").JSX.Element;
+    displayName: string;
+};
+export default _default;

package/dist/components/FormInfo/List.js

@@ -0,0 +1,180 @@
+import { jsx as t, jsxs as f } from "react/jsx-runtime";
+import { SubList as A } from "@kne/react-form-plus";
+import { Tag as G, Button as D, Divider as J } from "antd";
+import c from "classnames";
+import { useState as Q } from "react";
+import U from "./FormInfo.js";
+import { markNestBlock as V, decorateNestBlocks as X, isNestBlockType as Z, NEST_DEPTH_BEYOND as u } from "./nestBlock.js";
+import $, { useFormInfoLocale as ee } from "./withLocale.js";
+import e from "./style.module.scss.js";
+import te from "../Empty/Empty.js";
+import { Trash2 as se } from "../Icons/Trash2.js";
+import { Plus as oe } from "../Icons/Plus.js";
+import re from "../InfoPage/InfoPage/index.js";
+const ne = $((I) => {
+  const { formatMessage: m } = ee(), {
+    className: E,
+    itemClassName: L,
+    removeIcon: P,
+    removeText: w,
+    addText: C,
+    addIcon: S,
+    important: R,
+    title: y,
+    bordered: j,
+    nestDepth: b,
+    nestParentTitles: ae,
+    styles: _,
+    style: M,
+    ...O
+  } = Object.assign(
+    {
+      addText: m({ id: "addText" }),
+      addIcon: /* @__PURE__ */ t(oe, { size: 14 }),
+      removeText: m({ id: "deleteText" }),
+      removeIcon: /* @__PURE__ */ t(se, { size: 14 }),
+      empty: /* @__PURE__ */ t(te, { iconType: "simple", description: !1 })
+    },
+    I
+  ), r = typeof b == "number" ? b : 0, h = !!j, N = r === 0, z = N && h, s = r >= u, x = r === u, v = r + 1, [a, F] = Q(!0), d = N && h, g = (o) => {
+    o.preventDefault(), o.stopPropagation(), F((i) => !i);
+  }, H = s ? /* @__PURE__ */ f("span", { className: e["marsun-form-info-nest-beyond-title"], children: [
+    /* @__PURE__ */ f(
+      "span",
+      {
+        className: e["marsun-form-info-nest-level-toggle"],
+        role: "button",
+        tabIndex: 0,
+        "aria-expanded": a,
+        "aria-label": m(
+          { id: a ? "nestCollapse" : "nestExpand" },
+          { level: v }
+        ),
+        onClick: g,
+        onKeyDown: (o) => {
+          (o.key === "Enter" || o.key === " ") && g(o);
+        },
+        children: [
+          /* @__PURE__ */ t(G, { className: e["marsun-form-info-nest-parent-tag"], children: m({ id: "nestLevel" }, { level: v }) }),
+          a ? "▾" : "▸"
+        ]
+      }
+    ),
+    /* @__PURE__ */ t("span", { className: e["marsun-form-info-nest-beyond-title-text"], children: y })
+  ] }) : y;
+  return /* @__PURE__ */ t(
+    A,
+    {
+      ...O,
+      listRender: ({
+        id: o,
+        allowRemove: i,
+        onRemove: l,
+        index: ie,
+        list: K,
+        title: p,
+        ...W
+      }) => {
+        const T = p != null && p !== "", Y = T ? p : /* @__PURE__ */ t(
+          "span",
+          {
+            className: e["marsun-form-info-list-item-title-placeholder"],
+            "aria-hidden": "true"
+          }
+        ), k = X(
+          K || [],
+          r + 1
+        ), q = k.some(
+          (n) => {
+            var B;
+            return n && typeof n == "object" && "type" in n && Z(n.type) && typeof ((B = n.props) == null ? void 0 : B.nestDepth) == "number" && n.props.nestDepth >= u;
+          }
+        );
+        return /* @__PURE__ */ f(
+          "div",
+          {
+            className: c(e["marsun-form-info-list-item"], {
+              [e["marsun-form-info-is-important"]]: R
+            }),
+            children: [
+              /* @__PURE__ */ t(
+                U,
+                {
+                  ...W,
+                  list: k,
+                  title: Y,
+                  bordered: !1,
+                  className: c(e["marsun-form-info-list-item-part"], {
+                    [e["marsun-form-info-list-item-part-no-title"]]: !T,
+                    [e["marsun-form-info-list-item-part-in-bordered"]]: !s && d,
+                    [e["marsun-form-info-list-item-part-plain"]]: !s && !d,
+                    [e["marsun-form-info-list-item-part-beyond"]]: s,
+                    [e["marsun-form-info-list-item-part-wraps-nest-beyond"]]: q
+                  }),
+                  styles: {
+                    header: {
+                      borderBottom: "none",
+                      borderRadius: d ? "var(--radius-default, 8px)" : "var(--radius-default, 8px) var(--radius-default, 8px) 0 0"
+                    }
+                  },
+                  style: {
+                    borderRadius: "var(--radius-default, 8px)",
+                    overflow: s ? "visible" : "hidden",
+                    padding: 0
+                  },
+                  gap: s ? 0 : 16,
+                  extra: /* @__PURE__ */ t(
+                    D,
+                    {
+                      type: "link",
+                      danger: !0,
+                      className: "btn-no-padding",
+                      icon: P,
+                      disabled: !i,
+                      onClick: l,
+                      children: w
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ t(J, {})
+            ]
+          },
+          o
+        );
+      },
+      children: (o, { allowAdd: i, onAdd: l }) => /* @__PURE__ */ t(
+        re.Part,
+        {
+          className: c(E, L, e["marsun-form-info-list-part"], {
+            [e["marsun-form-info-nest-beyond"]]: s,
+            [e["marsun-form-info-nest-beyond-rail"]]: x,
+            [e["marsun-form-info-nest-beyond-collapsed"]]: s && !a
+          }),
+          title: H,
+          bordered: z,
+          styles: _,
+          style: M,
+          "data-nest-beyond": s ? "true" : void 0,
+          "data-nest-rail": x ? "true" : void 0,
+          "data-nest-depth": String(r),
+          "data-nest-collapsed": s && !a ? "true" : void 0,
+          extra: /* @__PURE__ */ t("div", { className: e["marsun-form-info-extra-container"], children: i && /* @__PURE__ */ t(
+            D,
+            {
+              className: e["marsun-form-info-extra-btn"],
+              icon: S,
+              onClick: l,
+              children: C
+            }
+          ) }),
+          children: o
+        }
+      )
+    }
+  );
+}), ge = V(ne);
+export {
+  ge as default
+};
+//# sourceMappingURL=List.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"List.js","sources":["../../../src/components/FormInfo/List.tsx"],"sourcesContent":["// @ts-nocheck\nimport { SubList } from '@kne/react-form-plus';\nimport { Button, Divider, Tag } from 'antd';\nimport classnames from 'classnames';\nimport { useState, type ReactNode } from 'react';\nimport { Empty } from '@/components/Empty';\nimport { Plus, Trash2 } from '@/components/Icons';\nimport InfoPage from '@/components/InfoPage';\nimport FormInfo from './FormInfo';\nimport { decorateNestBlocks, isNestBlockType, markNestBlock, NEST_DEPTH_BEYOND } from './nestBlock';\nimport type { ListProps } from './types';\nimport withLocale, { useFormInfoLocale } from './withLocale';\nimport style from './style.module.scss';\n\nconst List = withLocale((p: ListProps) => {\n  const { formatMessage } = useFormInfoLocale();\n  const {\n    className,\n    itemClassName,\n    removeIcon,\n    removeText,\n    addText,\n    addIcon,\n    important,\n    title,\n    bordered,\n    nestDepth: nestDepthProp,\n    nestParentTitles: _unusedNestParentTitles,\n    styles: partStyles,\n    style: partStyle,\n    ...others\n  } = Object.assign(\n    {\n      addText: formatMessage({ id: 'addText' }),\n      addIcon: <Plus size={14} />,\n      removeText: formatMessage({ id: 'deleteText' }),\n      removeIcon: <Trash2 size={14} />,\n      empty: <Empty iconType=\"simple\" description={false} />,\n    },\n    p,\n  );\n\n  const nestDepth = typeof nestDepthProp === 'number' ? nestDepthProp : 0;\n  const showBorder = !!bordered;\n  const isRootList = nestDepth === 0;\n  const showOuterBorder = isRootList && showBorder;\n  const isNestBeyond = nestDepth >= NEST_DEPTH_BEYOND;\n  const showNestRail = nestDepth === NEST_DEPTH_BEYOND;\n  const nestLevel = nestDepth + 1;\n  const [nestExpanded, setNestExpanded] = useState(true);\n  const isCardModeItem = isRootList && showBorder;\n\n  const toggleNestExpanded = (e: React.SyntheticEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    setNestExpanded((v) => !v);\n  };\n\n  const partTitle = isNestBeyond ? (\n    <span className={style['marsun-form-info-nest-beyond-title']}>\n      <span\n        className={style['marsun-form-info-nest-level-toggle']}\n        role=\"button\"\n        tabIndex={0}\n        aria-expanded={nestExpanded}\n        aria-label={formatMessage(\n          { id: nestExpanded ? 'nestCollapse' : 'nestExpand' },\n          { level: nestLevel },\n        )}\n        onClick={toggleNestExpanded}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter' || e.key === ' ') {\n            toggleNestExpanded(e);\n          }\n        }}\n      >\n        <Tag className={style['marsun-form-info-nest-parent-tag']}>\n          {formatMessage({ id: 'nestLevel' }, { level: nestLevel })}\n        </Tag>\n        {nestExpanded ? '▾' : '▸'}\n      </span>\n      <span className={style['marsun-form-info-nest-beyond-title-text']}>{title}</span>\n    </span>\n  ) : (\n    title\n  );\n\n  return (\n    <SubList\n      {...others}\n      listRender={({\n        id,\n        allowRemove,\n        onRemove,\n        index,\n        list: itemList,\n        title: itemTitle,\n        ...props\n      }: {\n        id: string;\n        allowRemove: boolean;\n        onRemove: () => void;\n        index: number;\n        list?: ReactNode[];\n        title?: ReactNode;\n        [key: string]: unknown;\n      }) => {\n        const hasItemTitle = itemTitle != null && itemTitle !== '';\n        const titleNode = hasItemTitle ? (\n          itemTitle\n        ) : (\n          <span\n            className={style['marsun-form-info-list-item-title-placeholder']}\n            aria-hidden=\"true\"\n          />\n        );\n        const nestedList = decorateNestBlocks(\n          (itemList || []) as React.ReactElement[],\n          nestDepth + 1,\n        );\n        const itemWrapsNestBeyond = nestedList.some(\n          (el) =>\n            el &&\n            typeof el === 'object' &&\n            'type' in el &&\n            isNestBlockType(el.type) &&\n            typeof (el as React.ReactElement).props?.nestDepth === 'number' &&\n            (el as React.ReactElement).props.nestDepth >= NEST_DEPTH_BEYOND,\n        );\n\n        return (\n          <div\n            key={id}\n            className={classnames(style['marsun-form-info-list-item'], {\n              [style['marsun-form-info-is-important']]: important,\n            })}\n          >\n            <FormInfo\n              {...props}\n              list={nestedList}\n              title={titleNode}\n              bordered={false}\n              className={classnames(style['marsun-form-info-list-item-part'], {\n                [style['marsun-form-info-list-item-part-no-title']]: !hasItemTitle,\n                [style['marsun-form-info-list-item-part-in-bordered']]:\n                  !isNestBeyond && isCardModeItem,\n                [style['marsun-form-info-list-item-part-plain']]: !isNestBeyond && !isCardModeItem,\n                [style['marsun-form-info-list-item-part-beyond']]: isNestBeyond,\n                [style['marsun-form-info-list-item-part-wraps-nest-beyond']]: itemWrapsNestBeyond,\n              })}\n              styles={{\n                header: {\n                  borderBottom: 'none',\n                  borderRadius: isCardModeItem\n                    ? 'var(--radius-default, 8px)'\n                    : 'var(--radius-default, 8px) var(--radius-default, 8px) 0 0',\n                },\n              }}\n              style={{\n                borderRadius: 'var(--radius-default, 8px)',\n                overflow: isNestBeyond ? 'visible' : 'hidden',\n                padding: 0,\n              }}\n              gap={isNestBeyond ? 0 : 16}\n              extra={\n                <Button\n                  type=\"link\"\n                  danger\n                  className=\"btn-no-padding\"\n                  icon={removeIcon}\n                  disabled={!allowRemove}\n                  onClick={onRemove}\n                >\n                  {removeText}\n                </Button>\n              }\n            />\n            <Divider />\n          </div>\n        );\n      }}\n    >\n      {(children: ReactNode, { allowAdd, onAdd }: { allowAdd: boolean; onAdd: () => void }) => (\n        <InfoPage.Part\n          className={classnames(className, itemClassName, style['marsun-form-info-list-part'], {\n            [style['marsun-form-info-nest-beyond']]: isNestBeyond,\n            [style['marsun-form-info-nest-beyond-rail']]: showNestRail,\n            [style['marsun-form-info-nest-beyond-collapsed']]: isNestBeyond && !nestExpanded,\n          })}\n          title={partTitle}\n          bordered={showOuterBorder}\n          styles={partStyles as never}\n          style={partStyle as never}\n          data-nest-beyond={isNestBeyond ? 'true' : undefined}\n          data-nest-rail={showNestRail ? 'true' : undefined}\n          data-nest-depth={String(nestDepth)}\n          data-nest-collapsed={isNestBeyond && !nestExpanded ? 'true' : undefined}\n          extra={\n            <div className={style['marsun-form-info-extra-container']}>\n              {allowAdd && (\n                <Button\n                  className={style['marsun-form-info-extra-btn']}\n                  icon={addIcon}\n                  onClick={onAdd}\n                >\n                  {addText}\n                </Button>\n              )}\n            </div>\n          }\n        >\n          {children}\n        </InfoPage.Part>\n      )}\n    </SubList>\n  );\n});\n\nexport default markNestBlock(List);\n"],"names":["List","withLocale","p","formatMessage","useFormInfoLocale","className","itemClassName","removeIcon","removeText","addText","addIcon","important","title","bordered","nestDepthProp","_unusedNestParentTitles","partStyles","partStyle","others","jsx","Plus","Trash2","Empty","nestDepth","showBorder","isRootList","showOuterBorder","isNestBeyond","NEST_DEPTH_BEYOND","showNestRail","nestLevel","nestExpanded","setNestExpanded","useState","isCardModeItem","toggleNestExpanded","e","v","partTitle","jsxs","style","Tag","SubList","id","allowRemove","onRemove","index","itemList","itemTitle","props","hasItemTitle","titleNode","nestedList","decorateNestBlocks","itemWrapsNestBeyond","el","isNestBlockType","_a","classnames","FormInfo","Button","Divider","children","allowAdd","onAdd","InfoPage","List_default","markNestBlock"],"mappings":";;;;;;;;;;;;;AAcA,MAAMA,KAAOC,EAAW,CAACC,MAAiB;AACxC,QAAM,EAAE,eAAAC,EAAA,IAAkBC,GAAA,GACpB;AAAA,IACJ,WAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAWC;AAAA,IACX,kBAAkBC;AAAA,IAClB,QAAQC;AAAA,IACR,OAAOC;AAAA,IACP,GAAGC;AAAA,EAAA,IACD,OAAO;AAAA,IACT;AAAA,MACE,SAASf,EAAc,EAAE,IAAI,WAAW;AAAA,MACxC,SAAS,gBAAAgB,EAACC,IAAA,EAAK,MAAM,GAAA,CAAI;AAAA,MACzB,YAAYjB,EAAc,EAAE,IAAI,cAAc;AAAA,MAC9C,YAAY,gBAAAgB,EAACE,IAAA,EAAO,MAAM,GAAA,CAAI;AAAA,MAC9B,OAAO,gBAAAF,EAACG,IAAA,EAAM,UAAS,UAAS,aAAa,GAAA,CAAO;AAAA,IAAA;AAAA,IAEtDpB;AAAA,EAAA,GAGIqB,IAAY,OAAOT,KAAkB,WAAWA,IAAgB,GAChEU,IAAa,CAAC,CAACX,GACfY,IAAaF,MAAc,GAC3BG,IAAkBD,KAAcD,GAChCG,IAAeJ,KAAaK,GAC5BC,IAAeN,MAAcK,GAC7BE,IAAYP,IAAY,GACxB,CAACQ,GAAcC,CAAe,IAAIC,EAAS,EAAI,GAC/CC,IAAiBT,KAAcD,GAE/BW,IAAqB,CAACC,MAA4B;AACtD,IAAAA,EAAE,eAAA,GACFA,EAAE,gBAAA,GACFJ,EAAgB,CAACK,MAAM,CAACA,CAAC;AAAA,EAC3B,GAEMC,IAAYX,IAChB,gBAAAY,EAAC,UAAK,WAAWC,EAAM,oCAAoC,GACzD,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC,EAAM,oCAAoC;AAAA,QACrD,MAAK;AAAA,QACL,UAAU;AAAA,QACV,iBAAeT;AAAA,QACf,cAAY5B;AAAA,UACV,EAAE,IAAI4B,IAAe,iBAAiB,aAAA;AAAA,UACtC,EAAE,OAAOD,EAAA;AAAA,QAAU;AAAA,QAErB,SAASK;AAAA,QACT,WAAW,CAACC,MAAM;AAChB,WAAIA,EAAE,QAAQ,WAAWA,EAAE,QAAQ,QACjCD,EAAmBC,CAAC;AAAA,QAExB;AAAA,QAEA,UAAA;AAAA,UAAA,gBAAAjB,EAACsB,GAAA,EAAI,WAAWD,EAAM,kCAAkC,GACrD,UAAArC,EAAc,EAAE,IAAI,YAAA,GAAe,EAAE,OAAO2B,EAAA,CAAW,GAC1D;AAAA,UACCC,IAAe,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,sBAEvB,QAAA,EAAK,WAAWS,EAAM,yCAAyC,GAAI,UAAA5B,EAAA,CAAM;AAAA,EAAA,EAAA,CAC5E,IAEAA;AAGF,SACE,gBAAAO;AAAA,IAACuB;AAAA,IAAA;AAAA,MACE,GAAGxB;AAAA,MACJ,YAAY,CAAC;AAAA,QACX,IAAAyB;AAAA,QACA,aAAAC;AAAA,QACA,UAAAC;AAAA,QACA,OAAAC;AAAA,QACA,MAAMC;AAAA,QACN,OAAOC;AAAA,QACP,GAAGC;AAAA,MAAA,MASC;AACJ,cAAMC,IAAeF,KAAa,QAAQA,MAAc,IAClDG,IAAYD,IAChBF,IAEA,gBAAA7B;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWqB,EAAM,8CAA8C;AAAA,YAC/D,eAAY;AAAA,UAAA;AAAA,QAAA,GAGVY,IAAaC;AAAA,UAChBN,KAAY,CAAA;AAAA,UACbxB,IAAY;AAAA,QAAA,GAER+B,IAAsBF,EAAW;AAAA,UACrC,CAACG,MAAA;;AACC,mBAAAA,KACA,OAAOA,KAAO,YACd,UAAUA,KACVC,EAAgBD,EAAG,IAAI,KACvB,SAAQE,IAAAF,EAA0B,UAA1B,gBAAAE,EAAiC,cAAc,YACtDF,EAA0B,MAAM,aAAa3B;AAAA;AAAA,QAAA;AAGlD,eACE,gBAAAW;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAWmB,EAAWlB,EAAM,4BAA4B,GAAG;AAAA,cACzD,CAACA,EAAM,+BAA+B,CAAC,GAAG7B;AAAA,YAAA,CAC3C;AAAA,YAED,UAAA;AAAA,cAAA,gBAAAQ;AAAA,gBAACwC;AAAA,gBAAA;AAAA,kBACE,GAAGV;AAAA,kBACJ,MAAMG;AAAA,kBACN,OAAOD;AAAA,kBACP,UAAU;AAAA,kBACV,WAAWO,EAAWlB,EAAM,iCAAiC,GAAG;AAAA,oBAC9D,CAACA,EAAM,0CAA0C,CAAC,GAAG,CAACU;AAAA,oBACtD,CAACV,EAAM,6CAA6C,CAAC,GACnD,CAACb,KAAgBO;AAAA,oBACnB,CAACM,EAAM,uCAAuC,CAAC,GAAG,CAACb,KAAgB,CAACO;AAAA,oBACpE,CAACM,EAAM,wCAAwC,CAAC,GAAGb;AAAA,oBACnD,CAACa,EAAM,mDAAmD,CAAC,GAAGc;AAAA,kBAAA,CAC/D;AAAA,kBACD,QAAQ;AAAA,oBACN,QAAQ;AAAA,sBACN,cAAc;AAAA,sBACd,cAAcpB,IACV,+BACA;AAAA,oBAAA;AAAA,kBACN;AAAA,kBAEF,OAAO;AAAA,oBACL,cAAc;AAAA,oBACd,UAAUP,IAAe,YAAY;AAAA,oBACrC,SAAS;AAAA,kBAAA;AAAA,kBAEX,KAAKA,IAAe,IAAI;AAAA,kBACxB,OACE,gBAAAR;AAAA,oBAACyC;AAAA,oBAAA;AAAA,sBACC,MAAK;AAAA,sBACL,QAAM;AAAA,sBACN,WAAU;AAAA,sBACV,MAAMrD;AAAA,sBACN,UAAU,CAACqC;AAAA,sBACX,SAASC;AAAA,sBAER,UAAArC;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACH;AAAA,cAAA;AAAA,gCAGHqD,GAAA,CAAA,CAAQ;AAAA,YAAA;AAAA,UAAA;AAAA,UA7CJlB;AAAA,QAAA;AAAA,MAgDX;AAAA,MAEC,UAAA,CAACmB,GAAqB,EAAE,UAAAC,GAAU,OAAAC,QACjC,gBAAA7C;AAAA,QAAC8C,GAAS;AAAA,QAAT;AAAA,UACC,WAAWP,EAAWrD,GAAWC,GAAekC,EAAM,4BAA4B,GAAG;AAAA,YACnF,CAACA,EAAM,8BAA8B,CAAC,GAAGb;AAAA,YACzC,CAACa,EAAM,mCAAmC,CAAC,GAAGX;AAAA,YAC9C,CAACW,EAAM,wCAAwC,CAAC,GAAGb,KAAgB,CAACI;AAAA,UAAA,CACrE;AAAA,UACD,OAAOO;AAAA,UACP,UAAUZ;AAAA,UACV,QAAQV;AAAA,UACR,OAAOC;AAAA,UACP,oBAAkBU,IAAe,SAAS;AAAA,UAC1C,kBAAgBE,IAAe,SAAS;AAAA,UACxC,mBAAiB,OAAON,CAAS;AAAA,UACjC,uBAAqBI,KAAgB,CAACI,IAAe,SAAS;AAAA,UAC9D,OACE,gBAAAZ,EAAC,OAAA,EAAI,WAAWqB,EAAM,kCAAkC,GACrD,UAAAuB,KACC,gBAAA5C;AAAA,YAACyC;AAAA,YAAA;AAAA,cACC,WAAWpB,EAAM,4BAA4B;AAAA,cAC7C,MAAM9B;AAAA,cACN,SAASsD;AAAA,cAER,UAAAvD;AAAA,YAAA;AAAA,UAAA,GAGP;AAAA,UAGD,UAAAqD;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAIR,CAAC,GAEDI,KAAeC,EAAcnE,EAAI;"}

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

@@ -0,0 +1,6 @@
+import { MultiFieldProps } from './types';
+declare const MultiField: {
+    (props: MultiFieldProps): import("react").JSX.Element;
+    displayName: string;
+};
+export default MultiField;

package/dist/components/FormInfo/MultiField.js

@@ -0,0 +1,76 @@
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { MultiField as v } from "@kne/react-form-plus";
+import { Button as n } from "antd";
+import l from "classnames";
+import x, { useFormInfoLocale as y } from "./withLocale.js";
+import o from "./style.module.scss.js";
+import T from "../Empty/Empty.js";
+import { Trash2 as N } from "../Icons/Trash2.js";
+import { Plus as I } from "../Icons/Plus.js";
+const L = x((f) => {
+  const { formatMessage: c } = y(), { className: u, addText: t, addIcon: p, removeIcon: b, removeText: m, ...i } = Object.assign(
+    {
+      addText: c({ id: "addText" }),
+      addIcon: /* @__PURE__ */ e(I, { size: 14 }),
+      removeIcon: /* @__PURE__ */ e(N, { size: 14 }),
+      removeText: null,
+      empty: /* @__PURE__ */ e(T, { iconType: "simple", description: !1 })
+    },
+    f
+  );
+  return /* @__PURE__ */ e(
+    v,
+    {
+      ...i,
+      itemRender: (r, { id: d, allowRemove: a, onRemove: h }) => /* @__PURE__ */ s(
+        "div",
+        {
+          className: l("multi-field-item", o["marsun-form-info-multi-field-item"]),
+          children: [
+            r,
+            /* @__PURE__ */ s("div", { children: [
+              /* @__PURE__ */ e(
+                "div",
+                {
+                  className: l(
+                    o["react-form__field-label"],
+                    "react-form__field-label",
+                    "multi-field-delete-label"
+                  )
+                }
+              ),
+              /* @__PURE__ */ e(n, { icon: b, onClick: h, disabled: !a, children: typeof m == "function" ? m(i.label) : m })
+            ] })
+          ]
+        },
+        d
+      ),
+      children: (r, { allowAdd: d, onAdd: a }) => /* @__PURE__ */ s(
+        "div",
+        {
+          className: l(u, "multi-field", o["marsun-form-info-multi-field"]),
+          children: [
+            r,
+            d && /* @__PURE__ */ e(
+              n,
+              {
+                className: l(
+                  "multi-field-add-btn",
+                  o["marsun-form-info-multi-field-add-btn"]
+                ),
+                type: "dashed",
+                onClick: a,
+                icon: p,
+                children: typeof t == "function" ? t(i.label) : `${t}${i.label ?? ""}`
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+});
+export {
+  L as default
+};
+//# sourceMappingURL=MultiField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultiField.js","sources":["../../../src/components/FormInfo/MultiField.tsx"],"sourcesContent":["// @ts-nocheck\nimport { MultiField as MultiFieldBase } from '@kne/react-form-plus';\nimport { Button } from 'antd';\nimport classnames from 'classnames';\nimport type { ReactNode } from 'react';\nimport { Empty } from '@/components/Empty';\nimport { Plus, Trash2 } from '@/components/Icons';\nimport type { MultiFieldProps } from './types';\nimport withLocale, { useFormInfoLocale } from './withLocale';\nimport style from './style.module.scss';\n\nconst MultiField = withLocale((p: MultiFieldProps) => {\n  const { formatMessage } = useFormInfoLocale();\n  const { className, addText, addIcon, removeIcon, removeText, ...others } = Object.assign(\n    {\n      addText: formatMessage({ id: 'addText' }),\n      addIcon: <Plus size={14} />,\n      removeIcon: <Trash2 size={14} />,\n      removeText: null as ReactNode,\n      empty: <Empty iconType=\"simple\" description={false} />,\n    },\n    p,\n  );\n\n  return (\n    <MultiFieldBase\n      {...others}\n      itemRender={(\n        children: ReactNode,\n        { id, allowRemove, onRemove }: { id: string; allowRemove: boolean; onRemove: () => void },\n      ) => (\n        <div\n          key={id}\n          className={classnames('multi-field-item', style['marsun-form-info-multi-field-item'])}\n        >\n          {children}\n          <div>\n            <div\n              className={classnames(\n                style['react-form__field-label'],\n                'react-form__field-label',\n                'multi-field-delete-label',\n              )}\n            />\n            <Button icon={removeIcon} onClick={onRemove} disabled={!allowRemove}>\n              {typeof removeText === 'function' ? removeText(others.label) : removeText}\n            </Button>\n          </div>\n        </div>\n      )}\n    >\n      {(children: ReactNode, { allowAdd, onAdd }: { allowAdd: boolean; onAdd: () => void }) => (\n        <div\n          className={classnames(className, 'multi-field', style['marsun-form-info-multi-field'])}\n        >\n          {children}\n          {allowAdd && (\n            <Button\n              className={classnames(\n                'multi-field-add-btn',\n                style['marsun-form-info-multi-field-add-btn'],\n              )}\n              type=\"dashed\"\n              onClick={onAdd}\n              icon={addIcon}\n            >\n              {typeof addText === 'function'\n                ? addText(others.label)\n                : `${addText}${others.label ?? ''}`}\n            </Button>\n          )}\n        </div>\n      )}\n    </MultiFieldBase>\n  );\n});\n\nexport default MultiField;\n"],"names":["MultiField","withLocale","p","formatMessage","useFormInfoLocale","className","addText","addIcon","removeIcon","removeText","others","jsx","Plus","Trash2","Empty","MultiFieldBase","children","id","allowRemove","onRemove","jsxs","classnames","style","Button","allowAdd","onAdd"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAaC,EAAW,CAACC,MAAuB;AACpD,QAAM,EAAE,eAAAC,EAAA,IAAkBC,EAAA,GACpB,EAAE,WAAAC,GAAW,SAAAC,GAAS,SAAAC,GAAS,YAAAC,GAAY,YAAAC,GAAY,GAAGC,MAAW,OAAO;AAAA,IAChF;AAAA,MACE,SAASP,EAAc,EAAE,IAAI,WAAW;AAAA,MACxC,SAAS,gBAAAQ,EAACC,GAAA,EAAK,MAAM,GAAA,CAAI;AAAA,MACzB,YAAY,gBAAAD,EAACE,GAAA,EAAO,MAAM,GAAA,CAAI;AAAA,MAC9B,YAAY;AAAA,MACZ,OAAO,gBAAAF,EAACG,GAAA,EAAM,UAAS,UAAS,aAAa,GAAA,CAAO;AAAA,IAAA;AAAA,IAEtDZ;AAAA,EAAA;AAGF,SACE,gBAAAS;AAAA,IAACI;AAAAA,IAAA;AAAA,MACE,GAAGL;AAAA,MACJ,YAAY,CACVM,GACA,EAAE,IAAAC,GAAI,aAAAC,GAAa,UAAAC,QAEnB,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,WAAWC,EAAW,oBAAoBC,EAAM,mCAAmC,CAAC;AAAA,UAEnF,UAAA;AAAA,YAAAN;AAAA,8BACA,OAAA,EACC,UAAA;AAAA,cAAA,gBAAAL;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWU;AAAAA,oBACTC,EAAM,yBAAyB;AAAA,oBAC/B;AAAA,oBACA;AAAA,kBAAA;AAAA,gBACF;AAAA,cAAA;AAAA,gCAEDC,GAAA,EAAO,MAAMf,GAAY,SAASW,GAAU,UAAU,CAACD,GACrD,UAAA,OAAOT,KAAe,aAAaA,EAAWC,EAAO,KAAK,IAAID,EAAA,CACjE;AAAA,YAAA,EAAA,CACF;AAAA,UAAA;AAAA,QAAA;AAAA,QAfKQ;AAAA,MAAA;AAAA,MAmBR,UAAA,CAACD,GAAqB,EAAE,UAAAQ,GAAU,OAAAC,QACjC,gBAAAL;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWC,EAAWhB,GAAW,eAAeiB,EAAM,8BAA8B,CAAC;AAAA,UAEpF,UAAA;AAAA,YAAAN;AAAA,YACAQ,KACC,gBAAAb;AAAA,cAACY;AAAA,cAAA;AAAA,gBACC,WAAWF;AAAAA,kBACT;AAAA,kBACAC,EAAM,sCAAsC;AAAA,gBAAA;AAAA,gBAE9C,MAAK;AAAA,gBACL,SAASG;AAAA,gBACT,MAAMlB;AAAA,gBAEL,UAAA,OAAOD,KAAY,aAChBA,EAAQI,EAAO,KAAK,IACpB,GAAGJ,CAAO,GAAGI,EAAO,SAAS,EAAE;AAAA,cAAA;AAAA,YAAA;AAAA,UACrC;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA;AAIR,CAAC;"}

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

@@ -0,0 +1,26 @@
+import { StepsProps } from './types';
+/** 校验指定字段，全部 PASS 才返回 true */
+export declare const validateFieldsByName: (openApi: {
+    validateField?: (p: {
+        name: string;
+    }) => void;
+    emitter?: {
+        addListener: (ev: string, fn: (p: unknown) => void) => {
+            remove?: () => void;
+        };
+    };
+    getField?: (p: {
+        name: string;
+    }) => {
+        id?: string;
+        isPass?: boolean;
+        validate?: {
+            status?: string;
+        };
+    };
+} | null | undefined, names?: string[]) => Promise<boolean>;
+declare const _default: {
+    (props: StepsProps): import("react").JSX.Element;
+    displayName: string;
+};
+export default _default;