@para-ui/core 5.0.0-beta.9 → 5.0.0

package/es/ComboSelect/index.js

@@ -1,39 +1,40 @@
 import { j as t } from "../_virtual/jsx-runtime.js";
-import Gt, { useRef as v, useState as g, useEffect as S, useMemo as N, useImperativeHandle as _t } from "react";
-import { Down as Jt } from "../node_modules/@para-ui/icons/Down/index.js";
-import { Search as Ut } from "../node_modules/@para-ui/icons/Search/index.js";
+import Jt, { useRef as v, useState as g, useEffect as S, useMemo as N, useImperativeHandle as Ut } from "react";
+import { Down as Qt } from "../node_modules/@para-ui/icons/Down/index.js";
+import { Search as Xt } from "../node_modules/@para-ui/icons/Search/index.js";
 import { Close as ot } from "../node_modules/@para-ui/icons/Close/index.js";
-import { CloseCircleF as Qt } from "../node_modules/@para-ui/icons/CloseCircleF/index.js";
-import Xt from "../Table/index.js";
-import Yt from "../Tree/Tree.js";
+import { CloseCircleF as Yt } from "../node_modules/@para-ui/icons/CloseCircleF/index.js";
+import Zt from "../Table/index.js";
+import eo from "../Tree/Tree.js";
 import './index.css';import '../Tree/style/index.css';/* empty css                       */
 import { Button as rt } from "../Button/index.js";
-import { Dropdown as Zt } from "../Dropdown/index.js";
+import { Dropdown as to } from "../Dropdown/index.js";
 import { Popover as st } from "../Popover/index.js";
 import xe from "../AutoTips/index.js";
-import { Tooltip as eo } from "../Tooltip/index.js";
+import { Tooltip as oo } from "../Tooltip/index.js";
 import I from "clsx";
-import { getReplaceField as to, isRemoteLoad as oo, debounce as ro, toArray as lt, closest as so, getOverlaySize as lo } from "./utils.js";
-import { ArrayToObject as no, DeepClone as co } from "@paraview/lib";
-import ao from "../GlobalContext/index.js";
-import io from "../Hooks/useGlobalProps.js";
-import mo from "../GlobalContext/useFormatMessage.js";
-import uo from "./lang/index.js";
-import fo from "../Label/index.js";
-import po from "../HelperText/index.js";
+import { getReplaceField as ro, isRemoteLoad as so, debounce as lo, toArray as lt, closest as no, getOverlaySize as co } from "./utils.js";
+import { DeepClone as io } from "@snack-kit/lib";
+import { ArrayToObject as ao } from "../Utils/snack-kit-shims.js";
+import mo from "../GlobalContext/index.js";
+import uo from "../Hooks/useGlobalProps.js";
+import fo from "../GlobalContext/useFormatMessage.js";
+import po from "./lang/index.js";
+import ho from "../Label/index.js";
+import bo from "../HelperText/index.js";
 import { $prefixCls as m } from "../GlobalContext/constant.js";
-import { Search as ho } from "../Search/index.js";
-import { LoadingF as bo } from "../node_modules/@para-ui/icons/LoadingF/index.js";
+import { Search as vo } from "../Search/index.js";
+import { LoadingF as go } from "../node_modules/@para-ui/icons/LoadingF/index.js";
 /* empty css           */
-const qo = (nt) => {
+const _o = (nt) => {
   const {
     mode: d = "table",
     placeholder: je,
     searchPlaceholder: ct,
     overLine: V = !1,
     disabled: Ce = !1,
-    allowClear: at = !1,
-    className: it,
+    allowClear: it = !1,
+    className: at,
     style: mt,
     maxHeight: dt,
     height: ut,
@@ -56,7 +57,7 @@ const qo = (nt) => {
     refresh: k,
     TableProps: le,
     TreeProps: M,
-    checkable: a = !0,
+    checkable: i = !0,
     url: Te,
     ctx: ke,
     params: R,
@@ -80,15 +81,20 @@ const qo = (nt) => {
     toggleSelectedOnSingle: Pt = !1,
     optionRender: De,
     getOptionLabel: ze,
-    dropdownMatchSelectWidth: ae = !0,
+    dropdownMatchSelectWidth: ie = !0,
     getPopupContainer: St,
     maxTagTextLength: W,
     renderInputContent: q,
-    renderTagLabel: ie,
+    renderTagLabel: ae,
     renderMoreTagLabel: Ee
-  } = io(nt, "ComboSelect"), { language: Fe, locale: Ke } = Gt.useContext(ao), $ = v(null), [p, me] = g(!1), [x, B] = g([]), G = v(/* @__PURE__ */ new Map()), [i, _] = g([]), [J, Ae] = g(""), U = v(void 0), [O, Ie] = g(null), [D, Rt] = g(!1), [L, $t] = g(0), [z, E] = g(!1), de = v([]), F = v(!1), Q = v(null), Ve = v({}), He = to(d, bt, le, M), { key: K = "", title: We = "" } = He, { outputKey: j = "key", outputTitle: y = "label" } = vt || {}, P = mo("ComboSelect", uo), qe = v(oo(d, d === "table" ? le : M)), [ue, Lt] = g(), h = v({ list: [] }), [w, fe] = g(null), pe = v(null);
-  h.current.openMore = z, h.current.list = [...i];
-  const Mt = () => {
+  } = uo(nt, "ComboSelect"), { language: Fe, locale: Ke } = Jt.useContext(mo), $ = v(null), [p, me] = g(!1), [x, B] = g([]), G = v(/* @__PURE__ */ new Map()), [a, _] = g([]), [J, Ae] = g(""), U = v(void 0), [O, Ie] = g(null), [D, Rt] = g(!1), [L, $t] = g(0), [z, E] = g(!1), de = v([]), F = v(!1), Q = v(null), Ve = v({}), He = ro(
+    d,
+    bt,
+    le,
+    M
+  ), { key: Lt, title: Mt } = He, K = Lt || "", We = Mt || "", { outputKey: j = "key", outputTitle: y = "label" } = vt || {}, P = fo("ComboSelect", po), qe = v(so(d, d === "table" ? le : M)), [ue, Ot] = g(), h = v({ list: [] }), [w, fe] = g(null), pe = v(null);
+  h.current.openMore = z, h.current.list = [...a];
+  const Dt = () => {
     h.current.openMore && E(!1);
   }, Be = (e) => {
     if (e === null || e === 0 || (e === void 0 && (e = h.current.list.length), !pe.current)) return;
@@ -98,7 +104,7 @@ const qo = (nt) => {
         const r = Number(e) - 1;
         fe(r), Be(r);
       } else
-        h.current.list.length <= e && Mt();
+        h.current.list.length <= e && Dt();
   }, X = () => {
     if (h.current.list.length === 0) return fe(null);
     clearTimeout(h.current.resizeTimer), h.current.resizeTimer = setTimeout(() => {
@@ -107,10 +113,10 @@ const qo = (nt) => {
   };
   S(() => (X(), () => {
     clearTimeout(h.current.resizeTimer);
-  }), [i]), S(() => (!V && a ? window.addEventListener("resize", X) : window.removeEventListener("resize", X), () => {
+  }), [a]), S(() => (!V && i ? window.addEventListener("resize", X) : window.removeEventListener("resize", X), () => {
     window.removeEventListener("resize", X);
-  }), [V, a]);
-  const Ot = (e) => {
+  }), [V, i]);
+  const zt = (e) => {
     if (!f && !Ce) {
       if (F.current) {
         C();
@@ -123,51 +129,51 @@ const qo = (nt) => {
   }, Ge = () => {
     B([]), _([]);
   }, he = (e, o) => {
-    B(e), Kt(o, e);
-  }, Dt = (e) => {
+    B(e), It(o, e);
+  }, Et = (e) => {
     B((o) => {
       const r = o.findIndex((l) => l === e[j]);
       return r > -1 && o.splice(r, 1), [...o];
     });
   }, _e = (e, o) => {
     if (e.stopPropagation(), o.closable === !1 || $e?.(o) === !1) return;
-    const r = [...i], l = r.findIndex((s) => s[j] === o[j]);
-    l > -1 && r.splice(l, 1), _(r), Dt(o), T?.(r);
-  }, zt = N(
-    () => ro(async (e) => {
+    const r = [...a], l = r.findIndex((s) => s[j] === o[j]);
+    l > -1 && r.splice(l, 1), _(r), Et(o), T?.(r);
+  }, Ft = N(
+    () => lo(async (e) => {
       Y(e);
     }, 400),
     []
-  ), Et = (e) => {
-    Ae(e), Ct && zt(e);
+  ), Kt = (e) => {
+    Ae(e), Ct && Ft(e);
   }, Y = (e) => {
     const o = e ?? J;
-    se ? se(o) : (U.current = o?.trim(), $t(Math.random())), qe.current && Lt([]);
+    se ? se(o) : (U.current = o?.trim(), $t(Math.random())), qe.current && Ot([]);
   }, Je = (e, o) => {
-    o ? (xt?.(i), C(null, "ok")) : (gt?.(), C(null, "cancel"));
+    o ? (xt?.(a), C(null, "ok")) : (gt?.(), C(null, "cancel"));
   }, Ue = () => {
     let e = "auto";
     $.current && (e = `${$.current.offsetWidth}px`);
-    const o = lo(d, qe.current, dt, ut), r = { minWidth: e, maxWidth: 960 };
-    return typeof ae == "number" ? r.width = ae : ae && (r.width = e), {
+    const o = co(d, qe.current, dt, ut), r = { minWidth: e, maxWidth: 960 };
+    return typeof ie == "number" ? r.width = ie : ie && (r.width = e), {
       overflow: "auto",
       ...r,
       ...o
     };
-  }, Ft = () => I(
+  }, At = () => I(
     `${m}-comboselect`,
-    it,
+    at,
     {
       [`${m}-comboselect-focused`]: p && !f,
       [`${m}-comboselect-disabled`]: Ce,
-      [`${m}-comboselect-radioable`]: !a,
+      [`${m}-comboselect-radioable`]: !i,
       [`${m}-comboselect-error`]: Se,
       [`${m}-comboselect-clear`]: D,
       [`${m}-comboselect-non-popup`]: f,
       [`${m}-comboselect-overLine`]: V
     },
     `${m}-comboselect-${ht}`
-  ), Kt = (e, o) => {
+  ), It = (e, o) => {
     let r = [];
     if (e?.length && (r = e.map((s) => {
       const c = {};
@@ -179,12 +185,12 @@ const qo = (nt) => {
       c && r.push(...c);
     }
     _(r);
-    const l = co(e || []);
-    a ? T?.(r, l) : T?.(r[0], l[0]);
+    const l = io(e || []);
+    i ? T?.(r, l) : T?.(r[0], l[0]);
   }, Qe = (e) => {
     const o = e.map((r) => r[j]);
     _(e), B(o), de.current = e;
-  }, At = (e, o) => {
+  }, Vt = (e, o) => {
     Ie(o.node);
   }, Xe = () => {
     let e = {};
@@ -198,15 +204,15 @@ const qo = (nt) => {
         className: "comboselect-search",
         style: e,
         children: /* @__PURE__ */ t.jsx(
-          ho,
+          vo,
           {
             className: "comboselect-search-input",
             rightIconExist: !0,
             showBtn: !1,
-            rightIcon: /* @__PURE__ */ t.jsx(Ut, {}),
+            rightIcon: /* @__PURE__ */ t.jsx(Xt, {}),
             btnType: "inside",
             value: J,
-            onChange: Et,
+            onChange: Kt,
             placeholder: ct ?? P({ id: "searchPlaceholder" }),
             onClickBtn: () => {
               Y();
@@ -243,12 +249,12 @@ const qo = (nt) => {
   ] }), Ze = () => d !== "tree" || !O ? null : Re ? /* @__PURE__ */ t.jsx("div", { className: "comboselect-fullPath", children: Re(O ?? {}) }) : /* @__PURE__ */ t.jsxs("div", { className: "comboselect-fullPath", children: [
     /* @__PURE__ */ t.jsx("span", { children: P({ id: "fullPath" }) }),
     O?.[Nt] ?? ""
-  ] }), It = (e) => {
-    e.stopPropagation(), Ge(), C(), E(!1), re?.(), T?.(a ? [] : {});
-  }, Vt = (e) => {
+  ] }), Ht = (e) => {
+    e.stopPropagation(), Ge(), C(), E(!1), re?.(), T?.(i ? [] : {});
+  }, Wt = (e) => {
     e.stopPropagation(), E(!0), C();
   };
-  _t(Tt, () => ({
+  Ut(Tt, () => ({
     closePopup: () => C()
   })), S(() => {
     !f && te && (F.current = !0, me(te));
@@ -257,13 +263,13 @@ const qo = (nt) => {
   }, []), S(() => {
     oe && Qe(lt(oe));
   }, [oe]), S(() => {
-    at && Rt(!!i?.length);
-  }, [i]), S(() => {
+    it && Rt(!!a?.length);
+  }, [a]), S(() => {
     const e = (r) => r && r.ownerDocument || document, o = (r) => {
       const l = e($.current), s = r.target, c = !l.documentElement.contains(s) || Q.current?.contains(s) || $.current?.contains(s) || !1;
       if (d === "table") {
         const n = `.${m}-select-popover`, u = `.${m}-table-show-colums-popover`, b = `.${m}-filter-popover`;
-        if (so(s, `${n}, ${u}, ${b}`)) return;
+        if (no(s, `${n}, ${u}, ${b}`)) return;
       }
       F.current && !c && C();
     };
@@ -279,17 +285,17 @@ const qo = (nt) => {
     }
   }, [p]);
   const et = N(() => {
-    if (!i?.length) return null;
+    if (!a?.length) return null;
     if (q)
-      return q(a ? i : i[0]);
-    if (!a)
-      return /* @__PURE__ */ t.jsx("span", { className: "comboselect-single-content", children: /* @__PURE__ */ t.jsx(xe, { children: i[0]?.[y] }) });
-    if (!i.length) return;
+      return q(i ? a : a[0]);
+    if (!i)
+      return /* @__PURE__ */ t.jsx("span", { className: "comboselect-single-content", children: /* @__PURE__ */ t.jsx(xe, { children: a[0]?.[y] }) });
+    if (!a.length) return;
     const e = (l) => {
       if (ce) return ce(l);
       const { disabled: s, closable: c = !0 } = l ?? {};
       let n = l[y];
-      ie && (n = ie(l));
+      ae && (n = ae(l));
       let u = !1;
       if (typeof W == "number" && (typeof n == "string" || typeof n == "number")) {
         const b = String(n);
@@ -304,7 +310,7 @@ const qo = (nt) => {
           }),
           children: [
             u ? /* @__PURE__ */ t.jsx(
-              eo,
+              oo,
               {
                 title: /* @__PURE__ */ t.jsx("div", { onClick: (b) => b.stopPropagation(), children: l[y] }),
                 arrow: !1,
@@ -328,13 +334,13 @@ const qo = (nt) => {
       "span",
       {
         className: "comboselect-item",
-        onClick: Vt,
+        onClick: Wt,
         children: /* @__PURE__ */ t.jsxs("span", { className: "comboselect-item-content", children: [
           "+",
           h.current.list.length - w
         ] })
       }
-    ) }) : null, r = i.map((l, s) => w !== null && w <= s ? null : /* @__PURE__ */ t.jsx(
+    ) }) : null, r = a.map((l, s) => w !== null && w <= s ? null : /* @__PURE__ */ t.jsx(
       "div",
       {
         className: "comboselect-overflow-item",
@@ -347,15 +353,15 @@ const qo = (nt) => {
       o()
     ] });
   }, [
-    i,
-    T,
     a,
+    T,
+    i,
     w,
     W,
     y,
     ce,
     q,
-    ie,
+    ae,
     V
   ]), Z = N(() => {
     let e = R || Ve.current;
@@ -368,16 +374,16 @@ const qo = (nt) => {
       search: Z,
       method: Pe
     }, o = (r, l) => {
-      !a && (C(), x.includes(r)) || he([r], [l]);
+      !i && (C(), x.includes(r)) || he([r], [l]);
     };
     return /* @__PURE__ */ t.jsx("div", { className: "comboselect-table", children: /* @__PURE__ */ t.jsx(
-      Xt,
+      Zt,
       {
         ...e,
         ...le,
         emptyProps: Oe,
-        check: a,
-        radio: !a,
+        check: i,
+        radio: !i,
         rowKey: K,
         setCheck: he,
         setRadio: o,
@@ -390,7 +396,7 @@ const qo = (nt) => {
         paginationType: "simple"
       }
     ) });
-  }, [x, k, R, L, f, p, Z, K, a]), ve = N(() => {
+  }, [x, k, R, L, f, p, Z, K, i]), ve = N(() => {
     if (!f && !p || !["tree", "list"].includes(d)) return null;
     const e = {
       url: Te,
@@ -403,11 +409,11 @@ const qo = (nt) => {
         if (u[j] = c.node[K] || "", u[y] = c.node[We] || "", $e?.(u) === !1)
           return;
       }
-      if (!a && (C(), !Pt && x.includes(c.node?.key)))
+      if (!i && (C(), !Pt && x.includes(c.node?.key)))
         return;
       let n = c.checkedNodes;
-      if (a || s?.length && (n = [c.node]), a) {
-        const u = no("key", n);
+      if (i || s?.length && (n = [c.node]), i) {
+        const u = ao("key", n);
         Array.from(G.current.keys()).forEach((A) => {
           s.includes(A) || G.current.delete(A);
         }), s.forEach((A) => {
@@ -418,10 +424,10 @@ const qo = (nt) => {
       he(s, n);
     }, r = (s) => M?.titleRender ? M.titleRender(s) : De ? De(s) : s.title, l = I("comboselect-tree", {
       "comboselect-list": d === "list",
-      "comboselect-list-single": d === "list" && !a
+      "comboselect-list-single": d === "list" && !i
     });
     return /* @__PURE__ */ t.jsx("div", { className: l, children: /* @__PURE__ */ t.jsx(
-      Yt,
+      eo,
       {
         blockNode: !0,
         ...e,
@@ -429,50 +435,50 @@ const qo = (nt) => {
         wrapperStyle: { position: "static" },
         emptyProps: { size: "small", ...Oe },
         replaceFields: He,
-        checkable: a,
-        radioable: !a,
+        checkable: i,
+        radioable: !i,
         showRadio: !1,
         selectable: d !== "list",
         loadedKeys: ue,
         checkedKeys: x,
         onCheck: o,
-        onSelect: At,
+        onSelect: Vt,
         titleRender: r,
         refresh: k ?? L,
         loadingNode: /* @__PURE__ */ t.jsxs("div", { className: "loading-node-content", children: [
-          /* @__PURE__ */ t.jsx("div", { className: "loading-icon", children: /* @__PURE__ */ t.jsx(bo, {}) }),
+          /* @__PURE__ */ t.jsx("div", { className: "loading-icon", children: /* @__PURE__ */ t.jsx(go, {}) }),
           P({ id: "searching" })
         ] })
       }
     ) });
-  }, [x, k, R, L, f, p, ue, d, Z, a]), ee = N(() => /* @__PURE__ */ t.jsxs(
+  }, [x, k, R, L, f, p, ue, d, Z, i]), ee = N(() => /* @__PURE__ */ t.jsxs(
     "div",
     {
       className: "comboselect-wrapper",
       ref: $,
-      onClick: Ot,
+      onClick: zt,
       children: [
-        /* @__PURE__ */ t.jsx("div", { className: I("comboselect-overflow", !a && "comboselect-overflow-single"), children: et }),
-        !f && /* @__PURE__ */ t.jsx("span", { className: "comboselect-arrow", children: /* @__PURE__ */ t.jsx(Jt, {}) }),
+        /* @__PURE__ */ t.jsx("div", { className: I("comboselect-overflow", !i && "comboselect-overflow-single"), children: et }),
+        !f && /* @__PURE__ */ t.jsx("span", { className: "comboselect-arrow", children: /* @__PURE__ */ t.jsx(Qt, {}) }),
         D && /* @__PURE__ */ t.jsx(
           "span",
           {
             className: "comboselect-clear",
-            onClick: It,
-            children: /* @__PURE__ */ t.jsx(Qt, {})
+            onClick: Ht,
+            children: /* @__PURE__ */ t.jsx(Yt, {})
           }
         ),
-        !i?.length && /* @__PURE__ */ t.jsx("span", { className: "comboselect-placeholder", children: je ?? P({ id: "pleaseSelect" }) })
+        !a?.length && /* @__PURE__ */ t.jsx("span", { className: "comboselect-placeholder", children: je ?? P({ id: "pleaseSelect" }) })
       ]
     }
-  ), [i, et, a, D, f, je]), Ht = () => Le || Me ? /* @__PURE__ */ t.jsx(
-    fo,
+  ), [a, et, i, D, f, je]), qt = () => Le || Me ? /* @__PURE__ */ t.jsx(
+    ho,
     {
       label: Le,
       required: Me,
       ...kt
     }
-  ) : null, Wt = () => /* @__PURE__ */ t.jsx(
+  ) : null, Bt = () => /* @__PURE__ */ t.jsx(
     "div",
     {
       ref: Q,
@@ -492,7 +498,7 @@ const qo = (nt) => {
       )
     }
   ), tt = () => {
-    const e = () => i.map((o, r) => {
+    const e = () => a.map((o, r) => {
       if (w !== null && w > r) return null;
       let l = o[y];
       return Ee && (l = Ee(o)), /* @__PURE__ */ t.jsxs(
@@ -518,10 +524,10 @@ const qo = (nt) => {
       /* @__PURE__ */ t.jsx("span", { className: "comboselect-more-title", children: /* @__PURE__ */ t.jsx("span", { children: P({ id: "more" }) }) }),
       /* @__PURE__ */ t.jsx("div", { className: "comboselect-more-content", children: e() })
     ] });
-  }, qt = N(() => /* @__PURE__ */ t.jsx(
-    Zt,
+  }, Gt = N(() => /* @__PURE__ */ t.jsx(
+    to,
     {
-      overlay: Wt(),
+      overlay: Bt(),
       visible: p,
       placement: ft,
       trigger: ["click"],
@@ -557,8 +563,8 @@ const qo = (nt) => {
     T,
     re,
     ee,
-    i
-  ]), Bt = N(() => /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    a
+  ]), _t = N(() => /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(
       st,
       {
@@ -593,19 +599,19 @@ const qo = (nt) => {
     ve,
     ee,
     z,
-    i
+    a
   ]);
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: Ft(),
+      className: At(),
       style: mt,
       ref: pe,
       children: [
-        Ht(),
-        f ? Bt : qt,
+        qt(),
+        f ? _t : Gt,
         f ? null : /* @__PURE__ */ t.jsx(
-          po,
+          bo,
           {
             error: Se,
             helperText: ne,
@@ -617,7 +623,7 @@ const qo = (nt) => {
   );
 };
 export {
-  qo as ComboSelect,
-  qo as default
+  _o as ComboSelect,
+  _o as default
 };
 //# sourceMappingURL=index.js.map

package/es/ComboSelect/interface.d.ts

@@ -18,7 +18,7 @@ export type { TableProps, TreeProps };
 export type SelectOpt = {
     disabled?: boolean;
     closable?: boolean;
-    [key: string]: any;
+    [key: string]: unknown;
 };
 export type SelectedOptions = Array<SelectOpt>;
 export type { TreeNodeProps };
@@ -107,7 +107,7 @@ export interface ComboSelectProps extends HelperTextDetailProps {
     realTimeSearch?: boolean;
     /**参数处理回调*/
     paramsCallback?: (params: {
-        [name: string]: any;
+        [name: string]: unknown;
     }) => any;
     /**路径字段*/
     fullPathKey?: string;

package/es/ComboSelect/utils.d.ts

@@ -1,8 +1,8 @@
-export declare const getReplaceField: (mode: string, repl: Record<string, unknown>, tableP?: Record<string, any>, treeP?: Record<string, any>) => any;
+export declare const getReplaceField: (mode: string, repl: Record<string, unknown>, tableP?: Record<string, unknown>, treeP?: Record<string, unknown>) => Record<string, unknown>;
 export declare const toArray: (list: unknown) => unknown[];
 export declare const isRemoteLoad: (mode: string, props?: {
-    data?: any;
-    treeData?: any;
+    data?: unknown;
+    treeData?: unknown;
 }) => boolean;
 export declare const getOverlaySize: (mode: string, isRemoteLoad?: boolean, maxHeight?: number, height?: number) => {
     height: string;

package/es/ComboSelect/utils.js

@@ -1,6 +1,6 @@
 const f = (t, r, e, n) => {
   let l = {};
-  return t === "tree" ? l = n?.replaceFields : l = e?.replaceFields, { ...r, ...l };
+  return t === "tree" ? l = n?.replaceFields ?? {} : l = e?.replaceFields ?? {}, { ...r, ...l };
 }, y = (t) => t ? Array.isArray(t) ? t : JSON.stringify(t) === "{}" ? [] : [t] : [], h = (t, r) => t === "table" ? !(r && Array.isArray(r.data)) : !(r && Array.isArray(r.treeData)), g = (t, r = !1, e, n) => {
   const s = `${e || 254}px`, i = `${e || 232}px`, a = `${e || 338}px`, o = `${e || 304}px`, u = document.documentElement.clientHeight, c = n !== void 0 ? "height" : "maxHeight";
   return t === "tree" ? u <= 720 ? r ? { height: s } : { [c]: s } : r ? { height: a } : { [c]: a } : t === "list" ? u <= 720 ? r ? { [c]: i } : { [c]: i } : r ? { [c]: o } : { [c]: o } : { height: `${e ?? n ?? 380}px` };

package/es/Container/component.json

@@ -0,0 +1,111 @@
+{
+    "name": "Container",
+    "category": "Layout",
+    "description": "容器布局，支持上下左右四区域布局",
+    "semantic": {
+        "intent": [
+            "页面布局",
+            "分区容器"
+        ],
+        "useCases": [
+            "经典布局",
+            "管理后台",
+            "工作台"
+        ],
+        "riskLevel": "low"
+    },
+    "variants": {
+        "tlr": {
+            "meaning": "上左右布局"
+        },
+        "tlrb": {
+            "meaning": "上左右下布局"
+        },
+        "ltrb": {
+            "meaning": "左上右下布局"
+        },
+        "trb": {
+            "meaning": "上右下布局"
+        }
+    },
+    "states": [
+        "default"
+    ],
+    "idealProps": {
+        "type": {
+            "type": "enum",
+            "values": [
+                "tlrb",
+                "ltrb",
+                "trb",
+                "tlr"
+            ],
+            "default": "tlr",
+            "description": "布局类型;tlr=上左右、tlrb=上左右下、ltrb=左+上右下(左侧贯通顶部到底部)、trb=上右下(无左侧)"
+        },
+        "top": {
+            "type": "JSX.Element",
+            "description": "顶部容器内容;不传则顶部区域高度自动收缩为 0(src/Container/index.tsx:100 `height: top ? '50px' : '0'`)。注:类型是 JSX.Element 而非 ReactNode,传 string / null / number 会被 TS2322 阻断,需用 <div>{node}</div> 包裹"
+        },
+        "topStyle": {
+            "type": "React.CSSProperties",
+            "description": "顶部容器样式(背景色/高度等)"
+        },
+        "left": {
+            "type": "JSX.Element",
+            "description": "左侧容器内容;不传则左侧区域宽度自动收缩为 0。类型同 top"
+        },
+        "leftStyle": {
+            "type": "React.CSSProperties",
+            "description": "左侧容器样式(背景色/宽度等)"
+        },
+        "right": {
+            "type": "JSX.Element",
+            "description": "右侧/主体容器内容(在所有 type 下都是主显示区);类型同 top"
+        },
+        "rightStyle": {
+            "type": "React.CSSProperties",
+            "description": "右侧/主体容器样式"
+        },
+        "bottom": {
+            "type": "JSX.Element",
+            "description": "底部容器内容;不传则底部区域高度自动收缩为 0。类型同 top"
+        },
+        "bottomStyle": {
+            "type": "React.CSSProperties",
+            "description": "底部容器样式(背景色/高度等)"
+        }
+    },
+    "do": [
+        "用于快速搭建经典管理后台布局（tlr=顶部导航+左侧菜单+主区域，tlrb=四区域，trb=无侧边栏）",
+        "配合 CollapseLayout 实现可折叠侧边栏：leftStyle={{ width: 200 }} + 内嵌 CollapseLayout",
+        "顶部/左侧/底部区域的高宽默认值（如 top 默认 50px）可通过 topStyle/leftStyle 等覆盖"
+    ],
+    "dont": [
+        "嵌套过深的 Container（布局嵌套超过 2 层时改用 Flex/Grid 自实现，Container 本身不支持响应式断点）",
+        "复杂自适应布局硬用 Container——Container 是固定区域布局，响应式场景改用 Grid/Flex",
+        "把 string / null / number 直接传给 top/left/right/bottom——类型是 JSX.Element，需 <div> 包裹"
+    ],
+    "events": {},
+    "typescriptPitfalls": [
+        {
+            "issue": "top/left/right/bottom 的类型是 JSX.Element，不接受 string 或 ReactNode",
+            "wrong": "top={'首页标题'}  // TS 报错：string 不是 JSX.Element",
+            "right": "top={<div>首页标题</div>}  // 必须是 JSX 元素"
+        },
+        {
+            "issue": "type='trb' 时没有 left 区域，传 left/leftStyle 无效",
+            "wrong": "<Container type='trb' left={<Sidebar />} />  // trb 布局无 left 区域，Sidebar 不渲染",
+            "right": "<Container type='tlr' left={<Sidebar />} right={<Main />} />  // 需要侧边栏用 tlr/tlrb/ltrb"
+        },
+        {
+            "issue": "topStyle/leftStyle 等 Style prop 覆盖默认尺寸，需显式传 width/height",
+            "wrong": "leftStyle={{ background: '#f0f0f0' }}  // 背景色覆盖但宽度未设置，左侧宽度可能不符合预期",
+            "right": "leftStyle={{ background: '#f0f0f0', width: 200 }}  // 显式指定宽度"
+        }
+    ],
+    "mapping": {
+        "realComponent": "Container",
+        "adapter": null
+    }
+}