@hkyhy/marsun-components-core 0.1.122 → 0.1.124

package/dist/components/InfoPage/Content/index.js

@@ -1,72 +1,118 @@
-import { jsx as o, jsxs as y } from "react/jsx-runtime";
-import C, { useRef as d, useState as g, useLayoutEffect as j } from "react";
-import { Row as w, Col as z, Space as O } from "antd";
-import u from "classnames";
-import c from "./style.module.scss.js";
-const W = ({ className: s, children: l, setWidth: t }) => {
-  const n = d(null), m = d(t);
-  return m.current = t, j(() => {
-    const a = () => {
-      if (!n.current)
+import { jsx as a, jsxs as k } from "react/jsx-runtime";
+import E, { useRef as y, useState as F, useMemo as p, useLayoutEffect as W } from "react";
+import { Row as _, Col as D, Space as K } from "antd";
+import r from "classnames";
+import e from "./style.module.scss.js";
+import q from "../../FlexBox/FlexBox.js";
+const A = (o, s = 140) => {
+  const n = Math.max(1, Number(o) || 1), c = [];
+  for (let l = 1; l <= n; l += 1)
+    c.push({ width: s * l, col: l });
+  return c;
+}, G = ({ className: o, children: s, setWidth: n }) => {
+  const c = y(null), l = y(n);
+  return l.current = n, W(() => {
+    const m = () => {
+      if (!c.current)
         return;
-      const { width: i } = n.current.getBoundingClientRect();
-      t(i);
-    }, r = new ResizeObserver(a);
-    return r.observe(n.current), a(), () => {
-      r.disconnect();
+      const { width: i } = c.current.getBoundingClientRect();
+      n(i);
+    }, d = new ResizeObserver(m);
+    return d.observe(c.current), m(), () => {
+      d.disconnect();
     };
-  }, [t]), /* @__PURE__ */ y("div", { ref: n, className: s, children: [
-    l,
+  }, [n]), /* @__PURE__ */ k("div", { ref: c, className: o, children: [
+    s,
     "："
   ] });
-}, B = ({
-  list: s = [],
-  labelAlign: l = "left",
-  col: t = 1,
-  gutter: n = 0,
-  className: m,
-  size: a,
-  itemRender: r
+}, H = (o) => {
+  const { label: s, content: n } = o;
+  return /* @__PURE__ */ k("div", { className: r(e["item-stack"], "content-item"), children: [
+    s ? /* @__PURE__ */ a("div", { className: r(e.label, "content-label"), children: s }) : null,
+    /* @__PURE__ */ a("div", { className: r(e["content-content"], "content-content"), children: n })
+  ] });
+}, Y = ({
+  list: o = [],
+  labelAlign: s = "left",
+  col: n = 1,
+  gutter: c = 0,
+  className: l,
+  size: m,
+  layout: d = "inline",
+  columns: i,
+  minItemWidth: v = 140,
+  itemRender: b
 }) => {
-  const i = d([]), [p, v] = g(0);
-  return /* @__PURE__ */ o(
-    w,
+  const N = y([]), [x, C] = F(0), S = d === "stack", f = p(
+    () => (o || []).filter((t) => typeof t.display == "function" ? t.display(t, o) : t.display !== !1),
+    [o]
+  ), L = p(
+    () => f.map((t, u) => ({ ...t, key: u })),
+    [f]
+  ), w = p(() => i != null && i.length ? i : A(f.length, v), [i, f.length, v]);
+  return S ? /* @__PURE__ */ a(
+    "div",
+    {
+      "data-testid": "components-core-content",
+      "data-layout": d,
+      className: r(e.content, "content", l, {
+        [e["size-small"]]: m === "small",
+        [e["layout-stack"]]: !0
+      }),
+      children: /* @__PURE__ */ a(
+        q,
+        {
+          columns: w,
+          gutter: c || [16, 10],
+          dataSource: L,
+          rowKey: "key",
+          renderItem: (t, u) => {
+            const h = H(t);
+            return typeof b == "function" ? b(h, Object.assign({}, t, { index: u })) : h;
+          }
+        }
+      )
+    }
+  ) : /* @__PURE__ */ a(
+    _,
     {
       "data-testid": "components-core-content",
-      className: u(c.content, "content", m, {
-        [c["size-small"]]: a === "small"
+      "data-layout": d,
+      className: r(e.content, "content", l, {
+        [e["size-small"]]: m === "small"
       }),
-      gutter: n,
-      children: s.filter((e) => typeof e.display == "function" ? e.display(e, s) : e.display !== !1).map((e, f) => {
-        const { label: h, content: N, block: R } = e, b = /* @__PURE__ */ o(z, { span: R === !0 ? 24 : 24 / t, className: c.item, children: /* @__PURE__ */ y(O, { className: u(c.item, "content-item"), children: [
-          h ? /* @__PURE__ */ o(
-            "div",
-            {
-              style: p && l !== "auto" ? {
-                minWidth: p,
-                textAlign: l
-              } : null,
-              children: /* @__PURE__ */ o(
-                W,
-                {
-                  className: u(c.label, "content-label"),
-                  setWidth: (L) => {
-                    i.current[f] = L, v(Math.max(...i.current));
-                  },
-                  children: h
-                }
-              )
-            }
-          ) : null,
-          /* @__PURE__ */ o("div", { className: u(c["content-content"], "content-content"), children: N })
-        ] }) }), x = typeof r == "function" ? r(b, Object.assign({}, e, { index: f })) : b;
-        return C.cloneElement(x, { key: f });
+      gutter: c,
+      children: f.map((t, u) => {
+        const { label: h, content: j, block: M } = t, O = h ? /* @__PURE__ */ a(
+          "div",
+          {
+            style: x && s !== "auto" ? {
+              minWidth: x,
+              textAlign: s
+            } : null,
+            children: /* @__PURE__ */ a(
+              G,
+              {
+                className: r(e.label, "content-label"),
+                setWidth: (B) => {
+                  N.current[u] = B, C(Math.max(...N.current));
+                },
+                children: h
+              }
+            )
+          }
+        ) : null, R = /* @__PURE__ */ a("div", { className: r(e["content-content"], "content-content"), children: j }), g = /* @__PURE__ */ a(D, { span: M === !0 ? 24 : 24 / n, className: e.item, children: /* @__PURE__ */ k(K, { className: r(e.item, "content-item"), children: [
+          O,
+          R
+        ] }) }), z = typeof b == "function" ? b(g, Object.assign({}, t, { index: u })) : g;
+        return E.cloneElement(z, { key: u });
       })
     }
   );
 };
 export {
-  W as Label,
-  B as default
+  G as Label,
+  A as buildStackFlexColumns,
+  Y as default
 };
 //# sourceMappingURL=index.js.map

package/dist/components/InfoPage/Content/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/InfoPage/Content/index.jsx"],"sourcesContent":["// @ts-nocheck\n// Ported from https://github.com/kne-union/info-page/blob/master/src/Content/index.js\nimport { useLayoutEffect, useRef, useState } from 'react';\nimport { Col, Row, Space } from 'antd';\nimport classnames from 'classnames';\nimport React from 'react';\n\nimport style from './style.module.scss';\n\nexport const Label = ({ className, children, setWidth }) => {\n  const ref = useRef(null);\n  const setWidthRef = useRef(setWidth);\n  setWidthRef.current = setWidth;\n  useLayoutEffect(() => {\n    const computed = () => {\n      if (!ref.current) {\n        return;\n      }\n      const { width } = ref.current.getBoundingClientRect();\n      setWidth(width);\n    };\n    const resizeObserver = new ResizeObserver(computed);\n    resizeObserver.observe(ref.current);\n    computed();\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [setWidth]);\n  return (\n    <div ref={ref} className={className}>\n      {children}：\n    </div>\n  );\n};\n\nconst Content = ({\n  list = [],\n  labelAlign = 'left',\n  col = 1,\n  gutter = 0,\n  className,\n  size,\n  itemRender,\n}) => {\n  const labelWidthListRef = useRef([]);\n  const [maxLabelWidth, setMaxLabelWidth] = useState(0);\n  return (\n    <Row\n      data-testid=\"components-core-content\"\n      className={classnames(style['content'], 'content', className, {\n        [style['size-small']]: size === 'small',\n      })}\n      gutter={gutter}\n    >\n      {list\n        .filter((item) => {\n          if (typeof item.display === 'function') {\n            return item.display(item, list);\n          }\n          return item.display !== false;\n        })\n        .map((listItem, index) => {\n          const { label, content, block } = listItem;\n          const innerComponent = (\n            <Col span={block === true ? 24 : 24 / col} className={style['item']}>\n              <Space className={classnames(style['item'], 'content-item')}>\n                {label ? (\n                  <div\n                    style={\n                      maxLabelWidth && labelAlign !== 'auto'\n                        ? {\n                            minWidth: maxLabelWidth,\n                            textAlign: labelAlign,\n                          }\n                        : null\n                    }\n                  >\n                    <Label\n                      className={classnames(style['label'], 'content-label')}\n                      setWidth={(width) => {\n                        labelWidthListRef.current[index] = width;\n                        setMaxLabelWidth(Math.max(...labelWidthListRef.current));\n                      }}\n                    >\n                      {label}\n                    </Label>\n                  </div>\n                ) : null}\n                <div className={classnames(style['content-content'], 'content-content')}>\n                  {content}\n                </div>\n              </Space>\n            </Col>\n          );\n          const item =\n            typeof itemRender === 'function'\n              ? itemRender(innerComponent, Object.assign({}, listItem, { index }))\n              : innerComponent;\n          return React.cloneElement(item, { key: index });\n        })}\n    </Row>\n  );\n};\n\nexport default Content;\n"],"names":["Label","className","children","setWidth","ref","useRef","setWidthRef","useLayoutEffect","computed","width","resizeObserver","jsxs","Content","list","labelAlign","col","gutter","size","itemRender","labelWidthListRef","maxLabelWidth","setMaxLabelWidth","useState","jsx","Row","classnames","style","item","listItem","index","label","content","block","innerComponent","Col","Space","React"],"mappings":";;;;;AASO,MAAMA,IAAQ,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,UAAAC,QAAe;AAC1D,QAAMC,IAAMC,EAAO,IAAI,GACjBC,IAAcD,EAAOF,CAAQ;AACnC,SAAAG,EAAY,UAAUH,GACtBI,EAAgB,MAAM;AACpB,UAAMC,IAAW,MAAM;AACrB,UAAI,CAACJ,EAAI;AACP;AAEF,YAAM,EAAE,OAAAK,EAAA,IAAUL,EAAI,QAAQ,sBAAA;AAC9B,MAAAD,EAASM,CAAK;AAAA,IAChB,GACMC,IAAiB,IAAI,eAAeF,CAAQ;AAClD,WAAAE,EAAe,QAAQN,EAAI,OAAO,GAClCI,EAAA,GACO,MAAM;AACX,MAAAE,EAAe,WAAA;AAAA,IACjB;AAAA,EACF,GAAG,CAACP,CAAQ,CAAC,GAEX,gBAAAQ,EAAC,OAAA,EAAI,KAAAP,GAAU,WAAAH,GACZ,UAAA;AAAA,IAAAC;AAAA,IAAS;AAAA,EAAA,GACZ;AAEJ,GAEMU,IAAU,CAAC;AAAA,EACf,MAAAC,IAAO,CAAA;AAAA,EACP,YAAAC,IAAa;AAAA,EACb,KAAAC,IAAM;AAAA,EACN,QAAAC,IAAS;AAAA,EACT,WAAAf;AAAA,EACA,MAAAgB;AAAA,EACA,YAAAC;AACF,MAAM;AACJ,QAAMC,IAAoBd,EAAO,EAAE,GAC7B,CAACe,GAAeC,CAAgB,IAAIC,EAAS,CAAC;AACpD,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACZ,WAAWC,EAAWC,EAAM,SAAY,WAAWzB,GAAW;AAAA,QAC5D,CAACyB,EAAM,YAAY,CAAC,GAAGT,MAAS;AAAA,MAAA,CACjC;AAAA,MACD,QAAAD;AAAA,MAEC,UAAAH,EACE,OAAO,CAACc,MACH,OAAOA,EAAK,WAAY,aACnBA,EAAK,QAAQA,GAAMd,CAAI,IAEzBc,EAAK,YAAY,EACzB,EACA,IAAI,CAACC,GAAUC,MAAU;AACxB,cAAM,EAAE,OAAAC,GAAO,SAAAC,GAAS,OAAAC,EAAA,IAAUJ,GAC5BK,sBACHC,GAAA,EAAI,MAAMF,MAAU,KAAO,KAAK,KAAKjB,GAAK,WAAWW,EAAM,MAC1D,4BAACS,GAAA,EAAM,WAAWV,EAAWC,EAAM,MAAS,cAAc,GACvD,UAAA;AAAA,UAAAI,IACC,gBAAAP;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,OACEH,KAAiBN,MAAe,SAC5B;AAAA,gBACE,UAAUM;AAAA,gBACV,WAAWN;AAAA,cAAA,IAEb;AAAA,cAGN,UAAA,gBAAAS;AAAA,gBAACvB;AAAA,gBAAA;AAAA,kBACC,WAAWyB,EAAWC,EAAM,OAAU,eAAe;AAAA,kBACrD,UAAU,CAACjB,MAAU;AACnB,oBAAAU,EAAkB,QAAQU,CAAK,IAAIpB,GACnCY,EAAiB,KAAK,IAAI,GAAGF,EAAkB,OAAO,CAAC;AAAA,kBACzD;AAAA,kBAEC,UAAAW;AAAA,gBAAA;AAAA,cAAA;AAAA,YACH;AAAA,UAAA,IAEA;AAAA,UACJ,gBAAAP,EAAC,SAAI,WAAWE,EAAWC,EAAM,iBAAiB,GAAG,iBAAiB,GACnE,UAAAK,EAAA,CACH;AAAA,QAAA,EAAA,CACF,EAAA,CACF,GAEIJ,IACJ,OAAOT,KAAe,aAClBA,EAAWe,GAAgB,OAAO,OAAO,CAAA,GAAIL,GAAU,EAAE,OAAAC,EAAA,CAAO,CAAC,IACjEI;AACN,eAAOG,EAAM,aAAaT,GAAM,EAAE,KAAKE,GAAO;AAAA,MAChD,CAAC;AAAA,IAAA;AAAA,EAAA;AAGT;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/InfoPage/Content/index.jsx"],"sourcesContent":["// @ts-nocheck\n// Ported from https://github.com/kne-union/info-page/blob/master/src/Content/index.js\n// Extended: layout=\"stack\" — label above value；栅格走 FlexBox，优先一行排满。\nimport { useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport { Col, Row, Space } from 'antd';\nimport classnames from 'classnames';\nimport React from 'react';\nimport FlexBox from '../../FlexBox';\n\nimport style from './style.module.scss';\n\n/** 按条数生成 FlexBox columns：容器够宽时 col=条数 → 一行排完 */\nexport const buildStackFlexColumns = (itemCount, minItemWidth = 140) => {\n  const capped = Math.max(1, Number(itemCount) || 1);\n  const columns = [];\n  for (let c = 1; c <= capped; c += 1) {\n    columns.push({ width: minItemWidth * c, col: c });\n  }\n  return columns;\n};\n\nexport const Label = ({ className, children, setWidth }) => {\n  const ref = useRef(null);\n  const setWidthRef = useRef(setWidth);\n  setWidthRef.current = setWidth;\n  useLayoutEffect(() => {\n    const computed = () => {\n      if (!ref.current) {\n        return;\n      }\n      const { width } = ref.current.getBoundingClientRect();\n      setWidth(width);\n    };\n    const resizeObserver = new ResizeObserver(computed);\n    resizeObserver.observe(ref.current);\n    computed();\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [setWidth]);\n  return (\n    <div ref={ref} className={className}>\n      {children}：\n    </div>\n  );\n};\n\nconst renderStackCell = (listItem) => {\n  const { label, content } = listItem;\n  return (\n    <div className={classnames(style['item-stack'], 'content-item')}>\n      {label ? <div className={classnames(style['label'], 'content-label')}>{label}</div> : null}\n      <div className={classnames(style['content-content'], 'content-content')}>{content}</div>\n    </div>\n  );\n};\n\nconst Content = ({\n  list = [],\n  labelAlign = 'left',\n  col = 1,\n  gutter = 0,\n  className,\n  size,\n  layout = 'inline',\n  columns: columnsProp,\n  minItemWidth = 140,\n  itemRender,\n}) => {\n  const labelWidthListRef = useRef([]);\n  const [maxLabelWidth, setMaxLabelWidth] = useState(0);\n  const isStack = layout === 'stack';\n\n  const visibleList = useMemo(\n    () =>\n      (list || []).filter((item) => {\n        if (typeof item.display === 'function') {\n          return item.display(item, list);\n        }\n        return item.display !== false;\n      }),\n    [list],\n  );\n\n  const stackDataSource = useMemo(\n    () => visibleList.map((item, index) => ({ ...item, key: index })),\n    [visibleList],\n  );\n\n  const stackColumns = useMemo(() => {\n    if (columnsProp?.length) return columnsProp;\n    // stack：按字段数自适应，够宽则一行排完（忽略 col，避免 col=3 把 5 项拆两行）\n    return buildStackFlexColumns(visibleList.length, minItemWidth);\n  }, [columnsProp, visibleList.length, minItemWidth]);\n\n  if (isStack) {\n    return (\n      <div\n        data-testid=\"components-core-content\"\n        data-layout={layout}\n        className={classnames(style['content'], 'content', className, {\n          [style['size-small']]: size === 'small',\n          [style['layout-stack']]: true,\n        })}\n      >\n        <FlexBox\n          columns={stackColumns}\n          gutter={gutter || [16, 10]}\n          dataSource={stackDataSource}\n          rowKey=\"key\"\n          renderItem={(listItem, index) => {\n            const cell = renderStackCell(listItem);\n            if (typeof itemRender === 'function') {\n              return itemRender(cell, Object.assign({}, listItem, { index }));\n            }\n            return cell;\n          }}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <Row\n      data-testid=\"components-core-content\"\n      data-layout={layout}\n      className={classnames(style['content'], 'content', className, {\n        [style['size-small']]: size === 'small',\n      })}\n      gutter={gutter}\n    >\n      {visibleList.map((listItem, index) => {\n        const { label, content, block } = listItem;\n        const labelNode = label ? (\n          <div\n            style={\n              maxLabelWidth && labelAlign !== 'auto'\n                ? {\n                    minWidth: maxLabelWidth,\n                    textAlign: labelAlign,\n                  }\n                : null\n            }\n          >\n            <Label\n              className={classnames(style['label'], 'content-label')}\n              setWidth={(width) => {\n                labelWidthListRef.current[index] = width;\n                setMaxLabelWidth(Math.max(...labelWidthListRef.current));\n              }}\n            >\n              {label}\n            </Label>\n          </div>\n        ) : null;\n\n        const valueNode = (\n          <div className={classnames(style['content-content'], 'content-content')}>{content}</div>\n        );\n\n        const innerComponent = (\n          <Col span={block === true ? 24 : 24 / col} className={style['item']}>\n            <Space className={classnames(style['item'], 'content-item')}>\n              {labelNode}\n              {valueNode}\n            </Space>\n          </Col>\n        );\n        const item =\n          typeof itemRender === 'function'\n            ? itemRender(innerComponent, Object.assign({}, listItem, { index }))\n            : innerComponent;\n        return React.cloneElement(item, { key: index });\n      })}\n    </Row>\n  );\n};\n\nexport default Content;\n"],"names":["buildStackFlexColumns","itemCount","minItemWidth","capped","columns","c","Label","className","children","setWidth","ref","useRef","setWidthRef","useLayoutEffect","computed","width","resizeObserver","jsxs","renderStackCell","listItem","label","content","classnames","style","jsx","Content","list","labelAlign","col","gutter","size","layout","columnsProp","itemRender","labelWidthListRef","maxLabelWidth","setMaxLabelWidth","useState","isStack","visibleList","useMemo","item","stackDataSource","index","stackColumns","FlexBox","cell","Row","block","labelNode","valueNode","innerComponent","Col","Space","React"],"mappings":";;;;;;AAYO,MAAMA,IAAwB,CAACC,GAAWC,IAAe,QAAQ;AACtE,QAAMC,IAAS,KAAK,IAAI,GAAG,OAAOF,CAAS,KAAK,CAAC,GAC3CG,IAAU,CAAA;AAChB,WAASC,IAAI,GAAGA,KAAKF,GAAQE,KAAK;AAChC,IAAAD,EAAQ,KAAK,EAAE,OAAOF,IAAeG,GAAG,KAAKA,GAAG;AAElD,SAAOD;AACT,GAEaE,IAAQ,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,UAAAC,QAAe;AAC1D,QAAMC,IAAMC,EAAO,IAAI,GACjBC,IAAcD,EAAOF,CAAQ;AACnC,SAAAG,EAAY,UAAUH,GACtBI,EAAgB,MAAM;AACpB,UAAMC,IAAW,MAAM;AACrB,UAAI,CAACJ,EAAI;AACP;AAEF,YAAM,EAAE,OAAAK,EAAA,IAAUL,EAAI,QAAQ,sBAAA;AAC9B,MAAAD,EAASM,CAAK;AAAA,IAChB,GACMC,IAAiB,IAAI,eAAeF,CAAQ;AAClD,WAAAE,EAAe,QAAQN,EAAI,OAAO,GAClCI,EAAA,GACO,MAAM;AACX,MAAAE,EAAe,WAAA;AAAA,IACjB;AAAA,EACF,GAAG,CAACP,CAAQ,CAAC,GAEX,gBAAAQ,EAAC,OAAA,EAAI,KAAAP,GAAU,WAAAH,GACZ,UAAA;AAAA,IAAAC;AAAA,IAAS;AAAA,EAAA,GACZ;AAEJ,GAEMU,IAAkB,CAACC,MAAa;AACpC,QAAM,EAAE,OAAAC,GAAO,SAAAC,EAAA,IAAYF;AAC3B,SACE,gBAAAF,EAAC,SAAI,WAAWK,EAAWC,EAAM,YAAY,GAAG,cAAc,GAC3D,UAAA;AAAA,IAAAH,IAAQ,gBAAAI,EAAC,OAAA,EAAI,WAAWF,EAAWC,EAAM,OAAU,eAAe,GAAI,UAAAH,EAAA,CAAM,IAAS;AAAA,IACtF,gBAAAI,EAAC,SAAI,WAAWF,EAAWC,EAAM,iBAAiB,GAAG,iBAAiB,GAAI,UAAAF,EAAA,CAAQ;AAAA,EAAA,GACpF;AAEJ,GAEMI,IAAU,CAAC;AAAA,EACf,MAAAC,IAAO,CAAA;AAAA,EACP,YAAAC,IAAa;AAAA,EACb,KAAAC,IAAM;AAAA,EACN,QAAAC,IAAS;AAAA,EACT,WAAAtB;AAAA,EACA,MAAAuB;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,SAASC;AAAA,EACT,cAAA9B,IAAe;AAAA,EACf,YAAA+B;AACF,MAAM;AACJ,QAAMC,IAAoBvB,EAAO,EAAE,GAC7B,CAACwB,GAAeC,CAAgB,IAAIC,EAAS,CAAC,GAC9CC,IAAUP,MAAW,SAErBQ,IAAcC;AAAA,IAClB,OACGd,KAAQ,CAAA,GAAI,OAAO,CAACe,MACf,OAAOA,EAAK,WAAY,aACnBA,EAAK,QAAQA,GAAMf,CAAI,IAEzBe,EAAK,YAAY,EACzB;AAAA,IACH,CAACf,CAAI;AAAA,EAAA,GAGDgB,IAAkBF;AAAA,IACtB,MAAMD,EAAY,IAAI,CAACE,GAAME,OAAW,EAAE,GAAGF,GAAM,KAAKE,EAAA,EAAQ;AAAA,IAChE,CAACJ,CAAW;AAAA,EAAA,GAGRK,IAAeJ,EAAQ,MACvBR,KAAA,QAAAA,EAAa,SAAeA,IAEzBhC,EAAsBuC,EAAY,QAAQrC,CAAY,GAC5D,CAAC8B,GAAaO,EAAY,QAAQrC,CAAY,CAAC;AAElD,SAAIoC,IAEA,gBAAAd;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACZ,eAAaO;AAAA,MACb,WAAWT,EAAWC,EAAM,SAAY,WAAWhB,GAAW;AAAA,QAC5D,CAACgB,EAAM,YAAY,CAAC,GAAGO,MAAS;AAAA,QAChC,CAACP,EAAM,cAAc,CAAC,GAAG;AAAA,MAAA,CAC1B;AAAA,MAED,UAAA,gBAAAC;AAAA,QAACqB;AAAA,QAAA;AAAA,UACC,SAASD;AAAA,UACT,QAAQf,KAAU,CAAC,IAAI,EAAE;AAAA,UACzB,YAAYa;AAAA,UACZ,QAAO;AAAA,UACP,YAAY,CAACvB,GAAUwB,MAAU;AAC/B,kBAAMG,IAAO5B,EAAgBC,CAAQ;AACrC,mBAAI,OAAOc,KAAe,aACjBA,EAAWa,GAAM,OAAO,OAAO,CAAA,GAAI3B,GAAU,EAAE,OAAAwB,EAAA,CAAO,CAAC,IAEzDG;AAAA,UACT;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA,IAMJ,gBAAAtB;AAAA,IAACuB;AAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACZ,eAAahB;AAAA,MACb,WAAWT,EAAWC,EAAM,SAAY,WAAWhB,GAAW;AAAA,QAC5D,CAACgB,EAAM,YAAY,CAAC,GAAGO,MAAS;AAAA,MAAA,CACjC;AAAA,MACD,QAAAD;AAAA,MAEC,UAAAU,EAAY,IAAI,CAACpB,GAAUwB,MAAU;AACpC,cAAM,EAAE,OAAAvB,GAAO,SAAAC,GAAS,OAAA2B,EAAA,IAAU7B,GAC5B8B,IAAY7B,IAChB,gBAAAI;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OACEW,KAAiBR,MAAe,SAC5B;AAAA,cACE,UAAUQ;AAAA,cACV,WAAWR;AAAA,YAAA,IAEb;AAAA,YAGN,UAAA,gBAAAH;AAAA,cAAClB;AAAA,cAAA;AAAA,gBACC,WAAWgB,EAAWC,EAAM,OAAU,eAAe;AAAA,gBACrD,UAAU,CAACR,MAAU;AACnB,kBAAAmB,EAAkB,QAAQS,CAAK,IAAI5B,GACnCqB,EAAiB,KAAK,IAAI,GAAGF,EAAkB,OAAO,CAAC;AAAA,gBACzD;AAAA,gBAEC,UAAAd;AAAA,cAAA;AAAA,YAAA;AAAA,UACH;AAAA,QAAA,IAEA,MAEE8B,IACJ,gBAAA1B,EAAC,OAAA,EAAI,WAAWF,EAAWC,EAAM,iBAAiB,GAAG,iBAAiB,GAAI,UAAAF,EAAA,CAAQ,GAG9E8B,sBACHC,GAAA,EAAI,MAAMJ,MAAU,KAAO,KAAK,KAAKpB,GAAK,WAAWL,EAAM,MAC1D,4BAAC8B,GAAA,EAAM,WAAW/B,EAAWC,EAAM,MAAS,cAAc,GACvD,UAAA;AAAA,UAAA0B;AAAA,UACAC;AAAA,QAAA,EAAA,CACH,EAAA,CACF,GAEIT,IACJ,OAAOR,KAAe,aAClBA,EAAWkB,GAAgB,OAAO,OAAO,CAAA,GAAIhC,GAAU,EAAE,OAAAwB,EAAA,CAAO,CAAC,IACjEQ;AACN,eAAOG,EAAM,aAAab,GAAM,EAAE,KAAKE,GAAO;AAAA,MAChD,CAAC;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/InfoPage/Content/style.module.scss.js

@@ -1,14 +1,16 @@
-const t = "_content_1av6n_2", n = "_label_1av6n_13", e = "_item_1av6n_21", _ = {
+const t = "_content_15zdc_3", c = "_label_15zdc_14", _ = "_item_15zdc_24", e = {
   content: t,
-  "size-small": "_size-small_1av6n_10",
-  label: n,
-  "content-content": "_content-content_1av6n_14",
-  item: e
+  "size-small": "_size-small_15zdc_11",
+  label: c,
+  "content-content": "_content-content_15zdc_15",
+  "layout-stack": "_layout-stack_15zdc_24",
+  "item-stack": "_item-stack_15zdc_24",
+  item: _
 };
 export {
   t as content,
-  _ as default,
-  e as item,
-  n as label
+  e as default,
+  _ as item,
+  c as label
 };
 //# sourceMappingURL=style.module.scss.js.map

package/dist/components/InfoPage/Content/style.module.scss.js.map

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

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

@@ -27,12 +27,24 @@ export interface ContentItem {
   display?: boolean | ((item: ContentItem, list: ContentItem[]) => boolean);
 }
 
+export type ContentLayout = 'inline' | 'stack';
+
 export interface ContentProps extends BaseComponentProps {
   list?: ContentItem[];
   labelAlign?: 'left' | 'right' | 'auto';
+  /** inline 布局列数；stack 布局忽略（改用 FlexBox 按条数自适应一行排满） */
   col?: number;
-  gutter?: number;
+  gutter?: number | [number, number];
   size?: 'small';
+  /**
+   * inline（默认）：标签与值横排，标签后缀「：」
+   * stack：标签在上、值在下；内部 FlexBox，容器够宽时一行排完所有字段
+   */
+  layout?: ContentLayout;
+  /** stack 时覆盖 FlexBox columns；默认按 list.length × minItemWidth 生成 */
+  columns?: Array<{ width: number; col: number; size?: number }>;
+  /** stack 单项最小宽度（px），默认 140 */
+  minItemWidth?: number;
   itemRender?: (component: ReactNode, item: ContentItem & { index: number }) => ReactNode;
 }
 

package/dist/components/Tools/ActionTracking/CreateAction/CreateActionForm.d.ts

@@ -1,15 +1,22 @@
 import { ReactNode } from 'react';
-import { ActionPersonOption, CreateActionDimensionOption, CreateActionLoaders, CreateActionScopeLock, LockedContextField } from './types';
+import { ActionPersonOption, CreateActionDimensionOption, CreateActionLoaders, CreateActionScopeLock, CreateActionScopeMode, LockedContextField } from './types';
 /** 建单品种下拉页大小（服务端分页） */
 export declare const CREATE_ACTION_VARIETY_PAGE_SIZE = 20;
 export type CreateActionFormProps = {
     scopeLock?: CreateActionScopeLock;
     varietyLabel?: string;
     lockedContext?: LockedContextField[];
+    /**
+     * 业务上下文字段模式。有 lockedContext 时强制 locked。
+     * 默认 form（S3）；EAM 主动新建传 none。
+     */
+    scopeMode?: CreateActionScopeMode;
     /** F4：任务标题 placeholder（App 注入；禁写死业务文案） */
     titlePlaceholder?: string;
     /** F4：关联指标 placeholder */
     metricPlaceholder?: string;
+    /** scopeMode=none 时展示在截止日期下的短提示（App 注入） */
+    noneScopeHint?: string;
     dimensionOptions: CreateActionDimensionOption[];
     loaders: CreateActionLoaders;
     emptyAssigneeHint?: string;