@hkyhy/marsun-components-core 0.1.116 → 0.1.118

package/dist/components/FormInfo/List.js

@@ -1,43 +1,43 @@
 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 { Tag as G, Button as D, Popconfirm as J, Divider as Q } 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 { useState as U } from "react";
+import V from "./FormInfo.js";
+import { markNestBlock as X, decorateNestBlocks as Z, isNestBlockType as $, NEST_DEPTH_BEYOND as u } from "./nestBlock.js";
+import ee, { useFormInfoLocale as te } 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,
+import se from "../Empty/Empty.js";
+import { Trash2 as oe } from "../Icons/Trash2.js";
+import { Plus as re } from "../Icons/Plus.js";
+import ne from "../InfoPage/InfoPage/index.js";
+const ae = ee((I) => {
+  const { formatMessage: r } = te(), {
+    className: P,
+    itemClassName: E,
+    removeIcon: L,
+    removeText: C,
+    addText: w,
     addIcon: S,
-    important: R,
+    important: j,
     title: y,
-    bordered: j,
+    bordered: O,
     nestDepth: b,
-    nestParentTitles: ae,
-    styles: _,
-    style: M,
-    ...O
+    nestParentTitles: ie,
+    styles: R,
+    style: _,
+    ...M
   } = 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 })
+      addText: r({ id: "addText" }),
+      addIcon: /* @__PURE__ */ t(re, { size: 14 }),
+      removeText: r({ id: "deleteText" }),
+      removeIcon: /* @__PURE__ */ t(oe, { size: 14 }),
+      empty: /* @__PURE__ */ t(se, { 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);
+  ), n = typeof b == "number" ? b : 0, h = !!O, x = n === 0, z = x && h, s = n >= u, N = n === u, v = n + 1, [d, F] = U(!0), m = x && h, g = (o) => {
+    o.preventDefault(), o.stopPropagation(), F((a) => !a);
   }, H = s ? /* @__PURE__ */ f("span", { className: e["marsun-form-info-nest-beyond-title"], children: [
     /* @__PURE__ */ f(
       "span",
@@ -45,9 +45,9 @@ const ne = $((I) => {
         className: e["marsun-form-info-nest-level-toggle"],
         role: "button",
         tabIndex: 0,
-        "aria-expanded": a,
-        "aria-label": m(
-          { id: a ? "nestCollapse" : "nestExpand" },
+        "aria-expanded": d,
+        "aria-label": r(
+          { id: d ? "nestCollapse" : "nestExpand" },
           { level: v }
         ),
         onClick: g,
@@ -55,8 +55,8 @@ const ne = $((I) => {
           (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(G, { className: e["marsun-form-info-nest-parent-tag"], children: r({ id: "nestLevel" }, { level: v }) }),
+          d ? "▾" : "▸"
         ]
       }
     ),
@@ -65,12 +65,12 @@ const ne = $((I) => {
   return /* @__PURE__ */ t(
     A,
     {
-      ...O,
+      ...M,
       listRender: ({
         id: o,
-        allowRemove: i,
+        allowRemove: a,
         onRemove: l,
-        index: ie,
+        index: de,
         list: K,
         title: p,
         ...W
@@ -81,24 +81,24 @@ const ne = $((I) => {
             className: e["marsun-form-info-list-item-title-placeholder"],
             "aria-hidden": "true"
           }
-        ), k = X(
+        ), k = Z(
           K || [],
-          r + 1
+          n + 1
         ), q = k.some(
-          (n) => {
+          (i) => {
             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 i && typeof i == "object" && "type" in i && $(i.type) && typeof ((B = i.props) == null ? void 0 : B.nestDepth) == "number" && i.props.nestDepth >= u;
           }
         );
         return /* @__PURE__ */ f(
           "div",
           {
             className: c(e["marsun-form-info-list-item"], {
-              [e["marsun-form-info-is-important"]]: R
+              [e["marsun-form-info-is-important"]]: j
             }),
             children: [
               /* @__PURE__ */ t(
-                U,
+                V,
                 {
                   ...W,
                   list: k,
@@ -106,15 +106,15 @@ const ne = $((I) => {
                   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-in-bordered"]]: !s && m,
+                    [e["marsun-form-info-list-item-part-plain"]]: !s && !m,
                     [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"
+                      borderRadius: m ? "var(--radius-default, 8px)" : "var(--radius-default, 8px) var(--radius-default, 8px) 0 0"
                     }
                   },
                   style: {
@@ -124,48 +124,58 @@ const ne = $((I) => {
                   },
                   gap: s ? 0 : 16,
                   extra: /* @__PURE__ */ t(
-                    D,
+                    J,
                     {
-                      type: "link",
-                      danger: !0,
-                      className: "btn-no-padding",
-                      icon: P,
-                      disabled: !i,
-                      onClick: l,
-                      children: w
+                      title: r({ id: "deleteConfirm" }),
+                      okText: r({ id: "deleteConfirmOk" }),
+                      cancelText: r({ id: "cancel" }),
+                      okButtonProps: { danger: !0 },
+                      disabled: !a,
+                      onConfirm: l,
+                      children: /* @__PURE__ */ t(
+                        D,
+                        {
+                          type: "link",
+                          danger: !0,
+                          className: "btn-no-padding",
+                          icon: L,
+                          disabled: !a,
+                          children: C
+                        }
+                      )
                     }
                   )
                 }
               ),
-              /* @__PURE__ */ t(J, {})
+              /* @__PURE__ */ t(Q, {})
             ]
           },
           o
         );
       },
-      children: (o, { allowAdd: i, onAdd: l }) => /* @__PURE__ */ t(
-        re.Part,
+      children: (o, { allowAdd: a, onAdd: l }) => /* @__PURE__ */ t(
+        ne.Part,
         {
-          className: c(E, L, e["marsun-form-info-list-part"], {
+          className: c(P, E, 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
+            [e["marsun-form-info-nest-beyond-rail"]]: N,
+            [e["marsun-form-info-nest-beyond-collapsed"]]: s && !d
           }),
           title: H,
           bordered: z,
-          styles: _,
-          style: M,
+          styles: R,
+          style: _,
           "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(
+          "data-nest-rail": N ? "true" : void 0,
+          "data-nest-depth": String(n),
+          "data-nest-collapsed": s && !d ? "true" : void 0,
+          extra: /* @__PURE__ */ t("div", { className: e["marsun-form-info-extra-container"], children: a && /* @__PURE__ */ t(
             D,
             {
               className: e["marsun-form-info-extra-btn"],
               icon: S,
               onClick: l,
-              children: C
+              children: w
             }
           ) }),
           children: o
@@ -173,8 +183,8 @@ const ne = $((I) => {
       )
     }
   );
-}), ge = V(ne);
+}), Te = X(ae);
 export {
-  ge as default
+  Te as default
 };
 //# sourceMappingURL=List.js.map

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

@@ -1 +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":"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"}
+{"version":3,"file":"List.js","sources":["../../../src/components/FormInfo/List.tsx"],"sourcesContent":["// @ts-nocheck\nimport { SubList } from '@kne/react-form-plus';\nimport { Button, Divider, Popconfirm, 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                <Popconfirm\n                  title={formatMessage({ id: 'deleteConfirm' })}\n                  okText={formatMessage({ id: 'deleteConfirmOk' })}\n                  cancelText={formatMessage({ id: 'cancel' })}\n                  okButtonProps={{ danger: true }}\n                  disabled={!allowRemove}\n                  onConfirm={onRemove}\n                >\n                  <Button\n                    type=\"link\"\n                    danger\n                    className=\"btn-no-padding\"\n                    icon={removeIcon}\n                    disabled={!allowRemove}\n                  >\n                    {removeText}\n                  </Button>\n                </Popconfirm>\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","Popconfirm","Button","Divider","children","allowAdd","onAdd","InfoPage","List_default","markNestBlock"],"mappings":"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"}

package/dist/components/FormInfo/MultiField.js

@@ -1,67 +1,89 @@
 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(
+import { MultiField as x } from "@kne/react-form-plus";
+import { Button as c, Popconfirm as T } from "antd";
+import o from "classnames";
+import y, { useFormInfoLocale as v } from "./withLocale.js";
+import d from "./style.module.scss.js";
+import N from "../Empty/Empty.js";
+import { Trash2 as g } from "../Icons/Trash2.js";
+import { Plus as k } from "../Icons/Plus.js";
+const B = y((f) => {
+  const { formatMessage: i } = v(), { className: u, addText: r, addIcon: p, removeIcon: b, removeText: m, ...l } = Object.assign(
     {
-      addText: c({ id: "addText" }),
-      addIcon: /* @__PURE__ */ e(I, { size: 14 }),
-      removeIcon: /* @__PURE__ */ e(N, { size: 14 }),
+      addText: i({ id: "addText" }),
+      addIcon: /* @__PURE__ */ e(k, { size: 14 }),
+      removeIcon: /* @__PURE__ */ e(g, { size: 14 }),
       removeText: null,
-      empty: /* @__PURE__ */ e(T, { iconType: "simple", description: !1 })
+      empty: /* @__PURE__ */ e(N, { iconType: "simple", description: !1 })
     },
     f
   );
   return /* @__PURE__ */ e(
-    v,
+    x,
     {
-      ...i,
-      itemRender: (r, { id: d, allowRemove: a, onRemove: h }) => /* @__PURE__ */ s(
+      ...l,
+      itemRender: (a, { id: n, allowRemove: t, onRemove: h }) => /* @__PURE__ */ s(
         "div",
         {
-          className: l("multi-field-item", o["marsun-form-info-multi-field-item"]),
+          className: o("multi-field-item", d["marsun-form-info-multi-field-item"]),
           children: [
-            r,
+            a,
             /* @__PURE__ */ s("div", { children: [
               /* @__PURE__ */ e(
                 "div",
                 {
-                  className: l(
-                    o["react-form__field-label"],
+                  className: o(
+                    d["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 })
+              /* @__PURE__ */ e(
+                T,
+                {
+                  title: i({ id: "deleteConfirm" }),
+                  okText: i({ id: "deleteConfirmOk" }),
+                  cancelText: i({ id: "cancel" }),
+                  okButtonProps: { danger: !0 },
+                  disabled: !t,
+                  onConfirm: h,
+                  children: /* @__PURE__ */ e(
+                    c,
+                    {
+                      type: "link",
+                      danger: !0,
+                      className: "btn-no-padding",
+                      icon: b,
+                      disabled: !t,
+                      "aria-label": i({ id: "deleteText" }),
+                      children: typeof m == "function" ? m(l.label) : m
+                    }
+                  )
+                }
+              )
             ] })
           ]
         },
-        d
+        n
       ),
-      children: (r, { allowAdd: d, onAdd: a }) => /* @__PURE__ */ s(
+      children: (a, { allowAdd: n, onAdd: t }) => /* @__PURE__ */ s(
         "div",
         {
-          className: l(u, "multi-field", o["marsun-form-info-multi-field"]),
+          className: o(u, "multi-field", d["marsun-form-info-multi-field"]),
           children: [
-            r,
-            d && /* @__PURE__ */ e(
-              n,
+            a,
+            n && /* @__PURE__ */ e(
+              c,
               {
-                className: l(
+                className: o(
                   "multi-field-add-btn",
-                  o["marsun-form-info-multi-field-add-btn"]
+                  d["marsun-form-info-multi-field-add-btn"]
                 ),
                 type: "dashed",
-                onClick: a,
+                onClick: t,
                 icon: p,
-                children: typeof t == "function" ? t(i.label) : `${t}${i.label ?? ""}`
+                children: typeof r == "function" ? r(l.label) : `${r}${l.label ?? ""}`
               }
             )
           ]
@@ -71,6 +93,6 @@ const L = x((f) => {
   );
 });
 export {
-  L as default
+  B as default
 };
 //# sourceMappingURL=MultiField.js.map

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

@@ -1 +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;"}
+{"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, Popconfirm } 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            <Popconfirm\n              title={formatMessage({ id: 'deleteConfirm' })}\n              okText={formatMessage({ id: 'deleteConfirmOk' })}\n              cancelText={formatMessage({ id: 'cancel' })}\n              okButtonProps={{ danger: true }}\n              disabled={!allowRemove}\n              onConfirm={onRemove}\n            >\n              <Button\n                type=\"link\"\n                danger\n                className=\"btn-no-padding\"\n                icon={removeIcon}\n                disabled={!allowRemove}\n                aria-label={formatMessage({ id: 'deleteText' })}\n              >\n                {typeof removeText === 'function' ? removeText(others.label) : removeText}\n              </Button>\n            </Popconfirm>\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","Popconfirm","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,cAEF,gBAAAX;AAAA,gBAACY;AAAA,gBAAA;AAAA,kBACC,OAAOpB,EAAc,EAAE,IAAI,iBAAiB;AAAA,kBAC5C,QAAQA,EAAc,EAAE,IAAI,mBAAmB;AAAA,kBAC/C,YAAYA,EAAc,EAAE,IAAI,UAAU;AAAA,kBAC1C,eAAe,EAAE,QAAQ,GAAA;AAAA,kBACzB,UAAU,CAACe;AAAA,kBACX,WAAWC;AAAA,kBAEX,UAAA,gBAAAR;AAAA,oBAACa;AAAA,oBAAA;AAAA,sBACC,MAAK;AAAA,sBACL,QAAM;AAAA,sBACN,WAAU;AAAA,sBACV,MAAMhB;AAAA,sBACN,UAAU,CAACU;AAAA,sBACX,cAAYf,EAAc,EAAE,IAAI,cAAc;AAAA,sBAE7C,iBAAOM,KAAe,aAAaA,EAAWC,EAAO,KAAK,IAAID;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACjE;AAAA,cAAA;AAAA,YACF,EAAA,CACF;AAAA,UAAA;AAAA,QAAA;AAAA,QA/BKQ;AAAA,MAAA;AAAA,MAmCR,UAAA,CAACD,GAAqB,EAAE,UAAAS,GAAU,OAAAC,QACjC,gBAAAN;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWC,EAAWhB,GAAW,eAAeiB,EAAM,8BAA8B,CAAC;AAAA,UAEpF,UAAA;AAAA,YAAAN;AAAA,YACAS,KACC,gBAAAd;AAAA,cAACa;AAAA,cAAA;AAAA,gBACC,WAAWH;AAAAA,kBACT;AAAA,kBACAC,EAAM,sCAAsC;AAAA,gBAAA;AAAA,gBAE9C,MAAK;AAAA,gBACL,SAASI;AAAA,gBACT,MAAMnB;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;"}