@bioturing/components 0.32.0 → 0.32.1

package/dist/components/splitter/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../src/components/splitter/context.ts"],"sourcesContent":["import React from \"react\";\n\n// Context to provide layout direction to panels\nexport const SplitterContext = React.createContext<{ layout?: 'horizontal' | 'vertical' }>({});"],"names":["SplitterContext","React"],"mappings":";AAGO,MAAMA,IAAkBC,EAAM,cAAsD,CAAE,CAAA;"}
+{"version":3,"file":"context.js","sources":["../../../src/components/splitter/context.ts"],"sourcesContent":["import React from \"react\";\n\n// Context to provide layout direction to panels\nexport const SplitterContext = React.createContext<{ layout?: 'horizontal' | 'vertical' }>({});"],"names":["SplitterContext","React"],"mappings":";AAGO,MAAMA,IAAkBC,EAAM,cAAsD,CAAA,CAAE;"}

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

@@ -0,0 +1,2 @@
+export * from './component';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/splitter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/splitter/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/components/splitter/splitter-panel.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { InternalPanelProps } from 'antd/es/splitter/interface';
+export type SplitterPanelProps = InternalPanelProps & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement> & {
+    /**
+     * Default size of the panel. Can be a percentage string, number, or CSS intrinsic sizing values
+     */
+    defaultSize?: string | number | "max-content" | "min-content" | "fit-content";
+};
+export declare const SplitterPanel: React.ForwardRefExoticComponent<Omit<SplitterPanelProps, "ref"> & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=splitter-panel.d.ts.map

package/dist/components/splitter/splitter-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"splitter-panel.d.ts","sourceRoot":"","sources":["../../../src/components/splitter/splitter-panel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAErE,MAAM,MAAM,kBAAkB,GAAG,kBAAkB,GAAG;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,GAAG;IACnC;;OAEG;IACH,WAAW,CAAC,EACR,MAAM,GACN,MAAM,GACN,aAAa,GACb,aAAa,GACb,aAAa,CAAC;CACnB,CAAC;AAEJ,eAAO,MAAM,aAAa,qGAkCxB,CAAC"}

package/dist/components/splitter/splitter-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"splitter-panel.js","sources":["../../../src/components/splitter/splitter-panel.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { useCls, clsx } from \"../utils\";\nimport { InternalPanel } from \"antd/es/splitter/Panel\";\nimport type { InternalPanelProps } from \"antd/es/splitter/interface\";\n\nexport type SplitterPanelProps = InternalPanelProps & {\n  children?: React.ReactNode;\n} & React.RefAttributes<HTMLElement> & {\n    /**\n     * Default size of the panel. Can be a percentage string, number, or CSS intrinsic sizing values\n     */\n    defaultSize?:\n      | string\n      | number\n      | \"max-content\"\n      | \"min-content\"\n      | \"fit-content\";\n  };\n\nexport const SplitterPanel = React.forwardRef<HTMLElement, SplitterPanelProps>(({\n  children,\n  className,\n  style,\n  defaultSize,\n  ...rest\n}, ref) => {\n  const cls = useCls();\n\n  const isIntrinsicSizing =\n    defaultSize === \"max-content\" ||\n    defaultSize === \"min-content\" ||\n    defaultSize === \"fit-content\";\n\n  const finalClassName = clsx(\n    className,\n    isIntrinsicSizing && cls(`splitter-panel-${defaultSize}`)\n  );\n\n  return (\n    <InternalPanel\n      className={finalClassName}\n      style={style}\n      defaultSize={defaultSize}\n      {...rest}\n    >\n      {isIntrinsicSizing && React.isValidElement(children)\n        ? React.cloneElement(\n            children as React.ReactElement<React.RefAttributes<HTMLElement>>,\n            { ref }\n          )\n        : children}\n    </InternalPanel>\n  );\n});\n"],"names":["SplitterPanel","React","children","className","style","defaultSize","rest","ref","cls","useCls","isIntrinsicSizing","finalClassName","clsx","jsx","InternalPanel"],"mappings":";;;;;;AAoBa,MAAAA,IAAgBC,EAAM,WAA4C,CAAC;AAAA,EAC9E,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAGC;AACL,GAAGC,MAAQ;AACT,QAAMC,IAAMC,EAAO,GAEbC,IACJL,MAAgB,iBAChBA,MAAgB,iBAChBA,MAAgB,eAEZM,IAAiBC;AAAA,IACrBT;AAAA,IACAO,KAAqBF,EAAI,kBAAkBH,CAAW,EAAE;AAAA,EAC1D;AAGE,SAAA,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWH;AAAA,MACX,OAAAP;AAAA,MACA,aAAAC;AAAA,MACC,GAAGC;AAAA,MAEH,UAAqBI,KAAAT,EAAM,eAAeC,CAAQ,IAC/CD,EAAM;AAAA,QACJC;AAAA,QACA,EAAE,KAAAK,EAAI;AAAA,MAAA,IAERL;AAAA,IAAA;AAAA,EACN;AAEJ,CAAC;"}
+{"version":3,"file":"splitter-panel.js","sources":["../../../src/components/splitter/splitter-panel.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { useCls, clsx } from \"../utils\";\nimport { InternalPanel } from \"antd/es/splitter/Panel\";\nimport type { InternalPanelProps } from \"antd/es/splitter/interface\";\n\nexport type SplitterPanelProps = InternalPanelProps & {\n  children?: React.ReactNode;\n} & React.RefAttributes<HTMLElement> & {\n    /**\n     * Default size of the panel. Can be a percentage string, number, or CSS intrinsic sizing values\n     */\n    defaultSize?:\n      | string\n      | number\n      | \"max-content\"\n      | \"min-content\"\n      | \"fit-content\";\n  };\n\nexport const SplitterPanel = React.forwardRef<HTMLElement, SplitterPanelProps>(({\n  children,\n  className,\n  style,\n  defaultSize,\n  ...rest\n}, ref) => {\n  const cls = useCls();\n\n  const isIntrinsicSizing =\n    defaultSize === \"max-content\" ||\n    defaultSize === \"min-content\" ||\n    defaultSize === \"fit-content\";\n\n  const finalClassName = clsx(\n    className,\n    isIntrinsicSizing && cls(`splitter-panel-${defaultSize}`)\n  );\n\n  return (\n    <InternalPanel\n      className={finalClassName}\n      style={style}\n      defaultSize={defaultSize}\n      {...rest}\n    >\n      {isIntrinsicSizing && React.isValidElement(children)\n        ? React.cloneElement(\n            children as React.ReactElement<React.RefAttributes<HTMLElement>>,\n            { ref }\n          )\n        : children}\n    </InternalPanel>\n  );\n});\n"],"names":["SplitterPanel","React","children","className","style","defaultSize","rest","ref","cls","useCls","isIntrinsicSizing","finalClassName","clsx","jsx","InternalPanel"],"mappings":";;;;;;AAoBO,MAAMA,IAAgBC,EAAM,WAA4C,CAAC;AAAA,EAC9E,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAGC;AACL,GAAGC,MAAQ;AACT,QAAMC,IAAMC,EAAA,GAENC,IACJL,MAAgB,iBAChBA,MAAgB,iBAChBA,MAAgB,eAEZM,IAAiBC;AAAA,IACrBT;AAAA,IACAO,KAAqBF,EAAI,kBAAkBH,CAAW,EAAE;AAAA,EAAA;AAG1D,SACE,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWH;AAAA,MACX,OAAAP;AAAA,MACA,aAAAC;AAAA,MACC,GAAGC;AAAA,MAEH,UAAAI,KAAqBT,EAAM,eAAeC,CAAQ,IAC/CD,EAAM;AAAA,QACJC;AAAA,QACA,EAAE,KAAAK,EAAA;AAAA,MAAI,IAERL;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;"}

package/dist/components/splitter/splitter.d.ts

@@ -0,0 +1,11 @@
+import { default as React, PropsWithChildren } from 'react';
+import { SplitterProps as AntdSplitterProps } from 'antd/es/splitter/interface';
+export interface SplitterProps extends PropsWithChildren<AntdSplitterProps> {
+    /**
+     * Whether to show the split bars between panels
+     * @default true
+     */
+    showSplitBar?: boolean;
+}
+export declare const Splitter: React.ForwardRefExoticComponent<SplitterProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=splitter.d.ts.map

package/dist/components/splitter/splitter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"splitter.d.ts","sourceRoot":"","sources":["../../../src/components/splitter/splitter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAUpD,OAAO,KAAK,EAAE,aAAa,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAGrF,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAK1C,MAAM,WAAW,aAAc,SAAQ,iBAAiB,CAAC,iBAAiB,CAAC;IACzE;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AA8PD,eAAO,MAAM,QAAQ,sFAA4B,CAAC"}

package/dist/components/splitter/splitter.js

@@ -1,158 +1,158 @@
-import { jsx as f, jsxs as P } from "react/jsx-runtime";
-import u, { useState as ue } from "react";
-import ze from "rc-resize-observer";
-import { useEvent as z } from "rc-util";
-import { devUseWarning as Ce } from "antd/es/_util/warning";
-import { useComponentConfig as he } from "antd/es/config-provider/context";
-import de from "antd/es/config-provider/hooks/useCSSVarCls";
-import ge from "antd/es/splitter/hooks/useItems";
-import ve from "antd/es/splitter/hooks/useResizable";
+import { jsx as l, jsxs as I } from "react/jsx-runtime";
+import ue from "rc-resize-observer";
+import { useEvent as p } from "rc-util";
+import z, { forwardRef as de, useState as Ce } from "react";
+import { devUseWarning as he } from "antd/es/_util/warning";
+import { useComponentConfig as Re } from "antd/es/config-provider/context";
+import ge from "antd/es/config-provider/hooks/useCSSVarCls";
+import ve from "antd/es/splitter/hooks/useItems";
+import be from "antd/es/splitter/hooks/useResizable";
 import Me from "antd/es/splitter/hooks/useResize";
-import Ne from "./useSizes.js";
-import { SplitterPanel as be } from "./splitter-panel.js";
-import ye from "antd/es/splitter/SplitBar";
-import xe from "antd/es/splitter/style";
-import { SplitterContext as Ie } from "./context.js";
-import { clsx as $ } from "../utils/cn.js";
-const Oe = (E) => {
+import Ne from "antd/es/splitter/SplitBar";
+import ye from "antd/es/splitter/style";
+import { SplitterContext as Ee } from "./context.js";
+import { SplitterPanel as Ie } from "./splitter-panel.js";
+import xe from "./useSizes.js";
+import { clsx as x } from "../utils/cn.js";
+const Pe = (P, O) => {
   const {
-    prefixCls: V,
-    className: U,
-    style: k,
-    layout: l = "horizontal",
-    children: w,
-    rootClassName: R,
-    onResizeStart: C,
-    onResize: a,
-    onResizeEnd: o,
-    lazy: _,
-    showSplitBar: B = !0
-  } = E, {
-    getPrefixCls: W,
-    direction: j,
+    prefixCls: $,
+    className: w,
+    style: U,
+    layout: i = "horizontal",
+    children: V,
+    rootClassName: k,
+    onResizeStart: B,
+    onResize: S,
+    onResizeEnd: u,
+    lazy: W,
+    showSplitBar: _ = !0
+  } = P, {
+    getPrefixCls: j,
+    direction: q,
     className: D,
-    style: q
-  } = he("splitter"), n = W("splitter", V), M = de(n), [F, H, L] = xe(n, M), m = l === "vertical", p = j === "rtl", T = !m && p, i = ge(w), N = u.useMemo(() => i.map(() => u.createRef()), [i.length]);
+    style: F
+  } = Re("splitter"), o = j("splitter", $), g = ge(o), [H, L, T] = ye(o, g), c = i === "vertical", f = q === "rtl", A = !c && f, r = ve(V), v = z.useMemo(() => r.map(() => z.createRef()), [r.length]);
   if (process.env.NODE_ENV !== "production") {
-    const t = Ce("Splitter");
+    const t = he("Splitter");
     let e = !1, s = !1;
-    i.forEach((r) => {
-      r.size !== void 0 ? e = !0 : s = !0;
-    }), e && s && !a && t(
+    r.forEach((n) => {
+      n.size !== void 0 ? e = !0 : s = !0;
+    }), e && s && !S && t(
       !1,
       "usage",
       "When part of `Splitter.Panel` has `size`, `onResize` is required or change `size` to `defaultSize`."
     );
   }
-  const [h, A] = ue(), G = (t) => {
-    const { offsetWidth: e, offsetHeight: s } = t, r = m ? s : e;
-    r !== 0 && A(r);
+  const [d, G] = Ce(), J = (t) => {
+    const { offsetWidth: e, offsetHeight: s } = t, n = c ? s : e;
+    n !== 0 && G(n);
   }, [
-    J,
-    d,
-    g,
+    K,
+    C,
+    h,
     b,
-    y,
-    K
-  ] = Ne(i, h, l, N), x = ve(i, d, p), [Q, X, Y, Z, I] = Me(
-    i,
-    x,
-    g,
+    M,
+    Q
+  ] = xe(r, d, i, v), N = be(r, C, f), [X, Y, Z, ee, y] = Me(
+    r,
+    N,
     h,
-    K,
-    p
-  ), ee = z((t) => {
-    Q(t), C == null || C(d);
-  }), te = z(
+    d,
+    Q,
+    f
+  ), te = p((t) => {
+    X(t), B?.(C);
+  }), se = p(
     (t, e, s) => {
-      const r = X(t, e);
-      s ? o == null || o(r) : a == null || a(r);
+      const n = Y(t, e);
+      s ? u?.(n) : S?.(n);
     }
-  ), se = z((t) => {
-    Y(), t || o == null || o(d);
-  }), re = z(
+  ), ne = p((t) => {
+    Z(), t || u?.(C);
+  }), oe = p(
     (t, e) => {
-      const s = Z(t, e);
-      a == null || a(s), o == null || o(s);
+      const s = ee(t, e);
+      S?.(s), u?.(s);
     }
-  ), oe = $(
-    n,
-    U,
-    `${n}-${l}`,
+  ), re = x(
+    o,
+    w,
+    `${o}-${i}`,
     {
-      [`${n}-rtl`]: p,
-      [`${n}-hide-bars`]: !B
+      [`${o}-rtl`]: f,
+      [`${o}-hide-bars`]: !_
     },
-    R,
+    k,
     D,
-    L,
-    M,
-    H
-  ), O = `${n}-mask`, c = u.useMemo(() => {
+    T,
+    g,
+    L
+  ), E = `${o}-mask`, a = z.useMemo(() => {
     const t = [];
     let e = 0;
-    for (let s = 0; s < i.length; s += 1)
-      e += g[s], t.push(e);
+    for (let s = 0; s < r.length; s += 1)
+      e += h[s], t.push(e);
     return t;
-  }, [g]), ne = { ...q, ...k };
-  return F(
-    /* @__PURE__ */ f(Ie.Provider, { value: { layout: l }, children: /* @__PURE__ */ f(ze, { onResize: G, children: /* @__PURE__ */ P("div", { style: ne, className: oe, children: [
-      i.map((t, e) => {
-        const s = /* @__PURE__ */ f(
-          be,
+  }, [h]), ie = { ...F, ...U };
+  return H(
+    /* @__PURE__ */ l(Ee.Provider, { value: { layout: i }, children: /* @__PURE__ */ l(ue, { onResize: J, children: /* @__PURE__ */ I("div", { style: ie, className: re, ref: O, children: [
+      r.map((t, e) => {
+        const s = /* @__PURE__ */ l(
+          Ie,
           {
             ...t,
-            prefixCls: n,
-            size: J[e],
-            ref: N[e]
+            prefixCls: o,
+            size: K[e],
+            ref: v[e]
           }
         );
-        let r = null;
-        const S = x[e];
-        if (S) {
-          const ie = (c[e - 1] || 0) + b[e], ae = (c[e + 1] || 100) - y[e + 1], le = (c[e - 1] || 0) + y[e], ce = (c[e + 1] || 100) - b[e + 1];
-          r = /* @__PURE__ */ f(
-            ye,
+        let n = null;
+        const m = N[e];
+        if (m) {
+          const ae = (a[e - 1] || 0) + b[e], le = (a[e + 1] || 100) - M[e + 1], ce = (a[e - 1] || 0) + M[e], fe = (a[e + 1] || 100) - b[e + 1];
+          n = /* @__PURE__ */ l(
+            Ne,
             {
-              lazy: _,
+              lazy: W,
               index: e,
-              active: I === e,
-              prefixCls: n,
-              vertical: m,
-              resizable: S.resizable,
-              ariaNow: c[e] * 100,
-              ariaMin: Math.max(ie, ae) * 100,
-              ariaMax: Math.min(le, ce) * 100,
-              startCollapsible: S.startCollapsible,
-              endCollapsible: S.endCollapsible,
-              onOffsetStart: ee,
-              onOffsetUpdate: (fe, me, pe, Se) => {
-                let v = m ? pe : me;
-                T && (v = -v), te(fe, v, Se);
+              active: y === e,
+              prefixCls: o,
+              vertical: c,
+              resizable: m.resizable,
+              ariaNow: a[e] * 100,
+              ariaMin: Math.max(ae, le) * 100,
+              ariaMax: Math.min(ce, fe) * 100,
+              startCollapsible: m.startCollapsible,
+              endCollapsible: m.endCollapsible,
+              onOffsetStart: te,
+              onOffsetUpdate: (me, pe, ze, Se) => {
+                let R = c ? ze : pe;
+                A && (R = -R), se(me, R, Se);
               },
-              onOffsetEnd: se,
-              onCollapse: re,
-              containerSize: h || 0
+              onOffsetEnd: ne,
+              onCollapse: oe,
+              containerSize: d || 0
             }
           );
         }
-        return /* @__PURE__ */ P(u.Fragment, { children: [
+        return /* @__PURE__ */ I(z.Fragment, { children: [
           s,
-          r
+          n
         ] }, `split-panel-${e}`);
       }),
-      typeof I == "number" && /* @__PURE__ */ f(
+      typeof y == "number" && /* @__PURE__ */ l(
         "div",
         {
           "aria-hidden": !0,
-          className: $(O, `${O}-${l}`)
+          className: x(E, `${E}-${i}`)
         }
       )
     ] }) }) })
   );
-};
-process.env.NODE_ENV !== "production" && (Oe.displayName = "Splitter");
+}, Oe = de(Pe);
+Oe.displayName = "Splitter";
 export {
-  Oe as MainSplitter
+  Oe as Splitter
 };
 //# sourceMappingURL=splitter.js.map

package/dist/components/splitter/splitter.js.map

@@ -1 +1 @@
-{"version":3,"file":"splitter.js","sources":["../../../src/components/splitter/splitter.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { clsx } from \"../utils\";\nimport ResizeObserver from \"rc-resize-observer\";\nimport { useEvent } from \"rc-util\";\n\nimport type { GetProp } from \"antd/es/_util/type\";\nimport { devUseWarning } from \"antd/es/_util/warning\";\nimport { useComponentConfig } from \"antd/es/config-provider/context\";\nimport useCSSVarCls from \"antd/es/config-provider/hooks/useCSSVarCls\";\nimport useItems from \"antd/es/splitter/hooks/useItems\";\nimport useResizable from \"antd/es/splitter/hooks/useResizable\";\nimport useResize from \"antd/es/splitter/hooks/useResize\";\nimport useSizes from \"./useSizes\";\nimport type { SplitterProps as AntdSplitterProps } from \"antd/es/splitter/interface\";\nimport { SplitterPanel } from \"./splitter-panel\";\nimport SplitBar from \"antd/es/splitter/SplitBar\";\nimport useStyle from \"antd/es/splitter/style\";\nimport { SplitterContext } from \"./context\";\n\nexport interface SplitterProps extends AntdSplitterProps {\n  /**\n   * Whether to show the split bars between panels\n   * @default true\n   */\n  showSplitBar?: boolean;\n}\n\nexport const MainSplitter: React.FC<React.PropsWithChildren<SplitterProps>> = (\n  props\n) => {\n  const {\n    prefixCls: customizePrefixCls,\n    className,\n    style,\n    layout = \"horizontal\",\n    children,\n    rootClassName,\n    onResizeStart,\n    onResize,\n    onResizeEnd,\n    lazy,\n    showSplitBar = true,\n  } = props;\n\n  const {\n    getPrefixCls,\n    direction,\n    className: contextClassName,\n    style: contextStyle,\n  } = useComponentConfig(\"splitter\");\n  const prefixCls = getPrefixCls(\"splitter\", customizePrefixCls);\n  const rootCls = useCSSVarCls(prefixCls);\n  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls, rootCls);\n\n  // ======================== Direct ========================\n  const isVertical = layout === \"vertical\";\n  const isRTL = direction === \"rtl\";\n  const reverse = !isVertical && isRTL;\n\n  // ====================== Items Data ======================\n  const items = useItems(children);\n  \n  // Create refs for intrinsic panels to pass to useSizes\n  const elementRefs = React.useMemo(() => {\n    return items.map(() => React.createRef<HTMLElement>());\n  }, [items.length]);\n\n  // >>> Warning for uncontrolled\n  if (process.env.NODE_ENV !== \"production\") {\n    const warning = devUseWarning(\"Splitter\");\n\n    let existSize = false;\n    let existUndefinedSize = false;\n\n    items.forEach((item) => {\n      if (item.size !== undefined) {\n        existSize = true;\n      } else {\n        existUndefinedSize = true;\n      }\n    });\n\n    if (existSize && existUndefinedSize && !onResize) {\n      warning(\n        false,\n        \"usage\",\n        \"When part of `Splitter.Panel` has `size`, `onResize` is required or change `size` to `defaultSize`.\"\n      );\n    }\n  }\n\n  // ====================== Container =======================\n  const [containerSize, setContainerSize] = useState<number | undefined>();\n\n  const onContainerResize: GetProp<typeof ResizeObserver, \"onResize\"> = (\n    size\n  ) => {\n    const { offsetWidth, offsetHeight } = size;\n    const containerSize = isVertical ? offsetHeight : offsetWidth;\n    // Skip when container has no size, Such as nested in a hidden tab panel\n    // to fix: https://github.com/ant-design/ant-design/issues/51106\n    if (containerSize === 0) {\n      return;\n    }\n    setContainerSize(containerSize);\n  };\n\n  // ========================= Size =========================\n  const [\n    panelSizes,\n    itemPxSizes,\n    itemPtgSizes,\n    itemPtgMinSizes,\n    itemPtgMaxSizes,\n    updateSizes,\n  ] = useSizes(items, containerSize, layout, elementRefs);\n\n  // ====================== Resizable =======================\n  const resizableInfos = useResizable(items, itemPxSizes, isRTL);\n\n  const [onOffsetStart, onOffsetUpdate, onOffsetEnd, onCollapse, movingIndex] =\n    useResize(\n      items,\n      resizableInfos,\n      itemPtgSizes,\n      containerSize,\n      updateSizes,\n      isRTL\n    );\n\n  // ======================== Events ========================\n  const onInternalResizeStart = useEvent((index: number) => {\n    onOffsetStart(index);\n    onResizeStart?.(itemPxSizes);\n  });\n\n  const onInternalResizeUpdate = useEvent(\n    (index: number, offset: number, lazyEnd?: boolean) => {\n      const nextSizes = onOffsetUpdate(index, offset);\n\n      if (lazyEnd) {\n        onResizeEnd?.(nextSizes);\n      } else {\n        onResize?.(nextSizes);\n      }\n    }\n  );\n\n  const onInternalResizeEnd = useEvent((lazyEnd?: boolean) => {\n    onOffsetEnd();\n\n    if (!lazyEnd) {\n      onResizeEnd?.(itemPxSizes);\n    }\n  });\n\n  const onInternalCollapse = useEvent(\n    (index: number, type: \"start\" | \"end\") => {\n      const nextSizes = onCollapse(index, type);\n      onResize?.(nextSizes);\n      onResizeEnd?.(nextSizes);\n    }\n  );\n\n  // ======================== Styles ========================\n  const containerClassName = clsx(\n    prefixCls,\n    className,\n    `${prefixCls}-${layout}`,\n    {\n      [`${prefixCls}-rtl`]: isRTL,\n      [`${prefixCls}-hide-bars`]: !showSplitBar,\n    },\n    rootClassName,\n    contextClassName,\n    cssVarCls,\n    rootCls,\n    hashId\n  );\n\n  // ======================== Render ========================\n  const maskCls = `${prefixCls}-mask`;\n\n  const stackSizes = React.useMemo(() => {\n    const mergedSizes: number[] = [];\n\n    let stack = 0;\n    for (let i = 0; i < items.length; i += 1) {\n      stack += itemPtgSizes[i];\n      mergedSizes.push(stack);\n    }\n\n    return mergedSizes;\n  }, [itemPtgSizes]);\n\n  const mergedStyle: React.CSSProperties = { ...contextStyle, ...style };\n\n  return wrapCSSVar(\n    <SplitterContext.Provider value={{ layout }}>\n      <ResizeObserver onResize={onContainerResize}>\n        <div style={mergedStyle} className={containerClassName}>\n          {items.map((item, idx) => {\n            // Panel\n            const panel = (\n              <SplitterPanel\n                {...item}\n                prefixCls={prefixCls}\n                size={panelSizes[idx]}\n                ref={elementRefs[idx]}\n              />\n            );\n\n            // Split Bar\n            let splitBar: React.ReactElement | null = null;\n\n            const resizableInfo = resizableInfos[idx];\n            if (resizableInfo) {\n              const ariaMinStart =\n                (stackSizes[idx - 1] || 0) + itemPtgMinSizes[idx];\n              const ariaMinEnd =\n                (stackSizes[idx + 1] || 100) - itemPtgMaxSizes[idx + 1];\n\n              const ariaMaxStart =\n                (stackSizes[idx - 1] || 0) + itemPtgMaxSizes[idx];\n              const ariaMaxEnd =\n                (stackSizes[idx + 1] || 100) - itemPtgMinSizes[idx + 1];\n\n              splitBar = (\n                <SplitBar\n                  lazy={lazy}\n                  index={idx}\n                  active={movingIndex === idx}\n                  prefixCls={prefixCls}\n                  vertical={isVertical}\n                  resizable={resizableInfo.resizable}\n                  ariaNow={stackSizes[idx] * 100}\n                  ariaMin={Math.max(ariaMinStart, ariaMinEnd) * 100}\n                  ariaMax={Math.min(ariaMaxStart, ariaMaxEnd) * 100}\n                  startCollapsible={resizableInfo.startCollapsible}\n                  endCollapsible={resizableInfo.endCollapsible}\n                  onOffsetStart={onInternalResizeStart}\n                  onOffsetUpdate={(index, offsetX, offsetY, lazyEnd) => {\n                    let offset = isVertical ? offsetY : offsetX;\n                    if (reverse) {\n                      offset = -offset;\n                    }\n                    onInternalResizeUpdate(index, offset, lazyEnd);\n                  }}\n                  onOffsetEnd={onInternalResizeEnd}\n                  onCollapse={onInternalCollapse}\n                  containerSize={containerSize || 0}\n                />\n              );\n            }\n\n            return (\n              <React.Fragment key={`split-panel-${idx}`}>\n                {panel}\n                {splitBar}\n              </React.Fragment>\n            );\n          })}\n\n          {/* Fake mask for cursor */}\n          {typeof movingIndex === \"number\" && (\n            <div\n              aria-hidden\n              className={clsx(maskCls, `${maskCls}-${layout}`)}\n            />\n          )}\n        </div>\n      </ResizeObserver>\n    </SplitterContext.Provider>\n  );\n};\n\nif (process.env.NODE_ENV !== \"production\") {\n  MainSplitter.displayName = \"Splitter\";\n}\n"],"names":["MainSplitter","props","customizePrefixCls","className","style","layout","children","rootClassName","onResizeStart","onResize","onResizeEnd","lazy","showSplitBar","getPrefixCls","direction","contextClassName","contextStyle","useComponentConfig","prefixCls","rootCls","useCSSVarCls","wrapCSSVar","hashId","cssVarCls","useStyle","isVertical","isRTL","reverse","items","useItems","elementRefs","React","warning","devUseWarning","existSize","existUndefinedSize","item","containerSize","setContainerSize","useState","onContainerResize","size","offsetWidth","offsetHeight","panelSizes","itemPxSizes","itemPtgSizes","itemPtgMinSizes","itemPtgMaxSizes","updateSizes","useSizes","resizableInfos","useResizable","onOffsetStart","onOffsetUpdate","onOffsetEnd","onCollapse","movingIndex","useResize","onInternalResizeStart","useEvent","index","onInternalResizeUpdate","offset","lazyEnd","nextSizes","onInternalResizeEnd","onInternalCollapse","type","containerClassName","clsx","maskCls","stackSizes","mergedSizes","stack","i","mergedStyle","SplitterContext","jsx","ResizeObserver","jsxs","idx","panel","SplitterPanel","splitBar","resizableInfo","ariaMinStart","ariaMinEnd","ariaMaxStart","ariaMaxEnd","SplitBar","offsetX","offsetY"],"mappings":"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"}
+{"version":3,"file":"splitter.js","sources":["../../../src/components/splitter/splitter.tsx"],"sourcesContent":["import ResizeObserver from \"rc-resize-observer\";\nimport { useEvent } from \"rc-util\";\nimport React, { forwardRef, useState } from \"react\";\nimport { clsx } from \"../utils\";\n\nimport type { GetProp } from \"antd/es/_util/type\";\nimport { devUseWarning } from \"antd/es/_util/warning\";\nimport { useComponentConfig } from \"antd/es/config-provider/context\";\nimport useCSSVarCls from \"antd/es/config-provider/hooks/useCSSVarCls\";\nimport useItems from \"antd/es/splitter/hooks/useItems\";\nimport useResizable from \"antd/es/splitter/hooks/useResizable\";\nimport useResize from \"antd/es/splitter/hooks/useResize\";\nimport type { SplitterProps as AntdSplitterProps } from \"antd/es/splitter/interface\";\nimport SplitBar from \"antd/es/splitter/SplitBar\";\nimport useStyle from \"antd/es/splitter/style\";\nimport { PropsWithChildren } from \"react\";\nimport { SplitterContext } from \"./context\";\nimport { SplitterPanel } from \"./splitter-panel\";\nimport useSizes from \"./useSizes\";\n\nexport interface SplitterProps extends PropsWithChildren<AntdSplitterProps> {\n  /**\n   * Whether to show the split bars between panels\n   * @default true\n   */\n  showSplitBar?: boolean;\n}\n\nconst SplitterInner = (\n  props: SplitterProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    prefixCls: customizePrefixCls,\n    className,\n    style,\n    layout = \"horizontal\",\n    children,\n    rootClassName,\n    onResizeStart,\n    onResize,\n    onResizeEnd,\n    lazy,\n    showSplitBar = true,\n  } = props;\n\n  const {\n    getPrefixCls,\n    direction,\n    className: contextClassName,\n    style: contextStyle,\n  } = useComponentConfig(\"splitter\");\n  const prefixCls = getPrefixCls(\"splitter\", customizePrefixCls);\n  const rootCls = useCSSVarCls(prefixCls);\n  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls, rootCls);\n\n  // ======================== Direct ========================\n  const isVertical = layout === \"vertical\";\n  const isRTL = direction === \"rtl\";\n  const reverse = !isVertical && isRTL;\n\n  // ====================== Items Data ======================\n  const items = useItems(children);\n\n  // Create refs for intrinsic panels to pass to useSizes\n  const elementRefs = React.useMemo(() => {\n    return items.map(() => React.createRef<HTMLElement>());\n  }, [items.length]);\n\n  // >>> Warning for uncontrolled\n  if (process.env.NODE_ENV !== \"production\") {\n    const warning = devUseWarning(\"Splitter\");\n\n    let existSize = false;\n    let existUndefinedSize = false;\n\n    items.forEach((item) => {\n      if (item.size !== undefined) {\n        existSize = true;\n      } else {\n        existUndefinedSize = true;\n      }\n    });\n\n    if (existSize && existUndefinedSize && !onResize) {\n      warning(\n        false,\n        \"usage\",\n        \"When part of `Splitter.Panel` has `size`, `onResize` is required or change `size` to `defaultSize`.\",\n      );\n    }\n  }\n\n  // ====================== Container =======================\n  const [containerSize, setContainerSize] = useState<number | undefined>();\n\n  const onContainerResize: GetProp<typeof ResizeObserver, \"onResize\"> = (\n    size,\n  ) => {\n    const { offsetWidth, offsetHeight } = size;\n    const containerSize = isVertical ? offsetHeight : offsetWidth;\n    // Skip when container has no size, Such as nested in a hidden tab panel\n    // to fix: https://github.com/ant-design/ant-design/issues/51106\n    if (containerSize === 0) {\n      return;\n    }\n    setContainerSize(containerSize);\n  };\n\n  // ========================= Size =========================\n  const [\n    panelSizes,\n    itemPxSizes,\n    itemPtgSizes,\n    itemPtgMinSizes,\n    itemPtgMaxSizes,\n    updateSizes,\n  ] = useSizes(items, containerSize, layout, elementRefs);\n\n  // ====================== Resizable =======================\n  const resizableInfos = useResizable(items, itemPxSizes, isRTL);\n\n  const [onOffsetStart, onOffsetUpdate, onOffsetEnd, onCollapse, movingIndex] =\n    useResize(\n      items,\n      resizableInfos,\n      itemPtgSizes,\n      containerSize,\n      updateSizes,\n      isRTL,\n    );\n\n  // ======================== Events ========================\n  const onInternalResizeStart = useEvent((index: number) => {\n    onOffsetStart(index);\n    onResizeStart?.(itemPxSizes);\n  });\n\n  const onInternalResizeUpdate = useEvent(\n    (index: number, offset: number, lazyEnd?: boolean) => {\n      const nextSizes = onOffsetUpdate(index, offset);\n\n      if (lazyEnd) {\n        onResizeEnd?.(nextSizes);\n      } else {\n        onResize?.(nextSizes);\n      }\n    },\n  );\n\n  const onInternalResizeEnd = useEvent((lazyEnd?: boolean) => {\n    onOffsetEnd();\n\n    if (!lazyEnd) {\n      onResizeEnd?.(itemPxSizes);\n    }\n  });\n\n  const onInternalCollapse = useEvent(\n    (index: number, type: \"start\" | \"end\") => {\n      const nextSizes = onCollapse(index, type);\n      onResize?.(nextSizes);\n      onResizeEnd?.(nextSizes);\n    },\n  );\n\n  // ======================== Styles ========================\n  const containerClassName = clsx(\n    prefixCls,\n    className,\n    `${prefixCls}-${layout}`,\n    {\n      [`${prefixCls}-rtl`]: isRTL,\n      [`${prefixCls}-hide-bars`]: !showSplitBar,\n    },\n    rootClassName,\n    contextClassName,\n    cssVarCls,\n    rootCls,\n    hashId,\n  );\n\n  // ======================== Render ========================\n  const maskCls = `${prefixCls}-mask`;\n\n  const stackSizes = React.useMemo(() => {\n    const mergedSizes: number[] = [];\n\n    let stack = 0;\n    for (let i = 0; i < items.length; i += 1) {\n      stack += itemPtgSizes[i];\n      mergedSizes.push(stack);\n    }\n\n    return mergedSizes;\n    // note: do not change this dependency array\n    // @eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [itemPtgSizes]);\n\n  const mergedStyle: React.CSSProperties = { ...contextStyle, ...style };\n\n  return wrapCSSVar(\n    <SplitterContext.Provider value={{ layout }}>\n      <ResizeObserver onResize={onContainerResize}>\n        <div style={mergedStyle} className={containerClassName} ref={ref}>\n          {items.map((item, idx) => {\n            // Panel\n            const panel = (\n              <SplitterPanel\n                {...item}\n                prefixCls={prefixCls}\n                size={panelSizes[idx]}\n                ref={elementRefs[idx]}\n              />\n            );\n\n            // Split Bar\n            let splitBar: React.ReactElement | null = null;\n\n            const resizableInfo = resizableInfos[idx];\n            if (resizableInfo) {\n              const ariaMinStart =\n                (stackSizes[idx - 1] || 0) + itemPtgMinSizes[idx];\n              const ariaMinEnd =\n                (stackSizes[idx + 1] || 100) - itemPtgMaxSizes[idx + 1];\n\n              const ariaMaxStart =\n                (stackSizes[idx - 1] || 0) + itemPtgMaxSizes[idx];\n              const ariaMaxEnd =\n                (stackSizes[idx + 1] || 100) - itemPtgMinSizes[idx + 1];\n\n              splitBar = (\n                <SplitBar\n                  lazy={lazy}\n                  index={idx}\n                  active={movingIndex === idx}\n                  prefixCls={prefixCls}\n                  vertical={isVertical}\n                  resizable={resizableInfo.resizable}\n                  ariaNow={stackSizes[idx] * 100}\n                  ariaMin={Math.max(ariaMinStart, ariaMinEnd) * 100}\n                  ariaMax={Math.min(ariaMaxStart, ariaMaxEnd) * 100}\n                  startCollapsible={resizableInfo.startCollapsible}\n                  endCollapsible={resizableInfo.endCollapsible}\n                  onOffsetStart={onInternalResizeStart}\n                  onOffsetUpdate={(index, offsetX, offsetY, lazyEnd) => {\n                    let offset = isVertical ? offsetY : offsetX;\n                    if (reverse) {\n                      offset = -offset;\n                    }\n                    onInternalResizeUpdate(index, offset, lazyEnd);\n                  }}\n                  onOffsetEnd={onInternalResizeEnd}\n                  onCollapse={onInternalCollapse}\n                  containerSize={containerSize || 0}\n                />\n              );\n            }\n\n            return (\n              <React.Fragment key={`split-panel-${idx}`}>\n                {panel}\n                {splitBar}\n              </React.Fragment>\n            );\n          })}\n\n          {/* Fake mask for cursor */}\n          {typeof movingIndex === \"number\" && (\n            <div\n              aria-hidden\n              className={clsx(maskCls, `${maskCls}-${layout}`)}\n            />\n          )}\n        </div>\n      </ResizeObserver>\n    </SplitterContext.Provider>,\n  );\n};\n\nexport const Splitter = forwardRef(SplitterInner);\n\nSplitter.displayName = \"Splitter\";\n"],"names":["SplitterInner","props","ref","customizePrefixCls","className","style","layout","children","rootClassName","onResizeStart","onResize","onResizeEnd","lazy","showSplitBar","getPrefixCls","direction","contextClassName","contextStyle","useComponentConfig","prefixCls","rootCls","useCSSVarCls","wrapCSSVar","hashId","cssVarCls","useStyle","isVertical","isRTL","reverse","items","useItems","elementRefs","React","warning","devUseWarning","existSize","existUndefinedSize","item","containerSize","setContainerSize","useState","onContainerResize","size","offsetWidth","offsetHeight","panelSizes","itemPxSizes","itemPtgSizes","itemPtgMinSizes","itemPtgMaxSizes","updateSizes","useSizes","resizableInfos","useResizable","onOffsetStart","onOffsetUpdate","onOffsetEnd","onCollapse","movingIndex","useResize","onInternalResizeStart","useEvent","index","onInternalResizeUpdate","offset","lazyEnd","nextSizes","onInternalResizeEnd","onInternalCollapse","type","containerClassName","clsx","maskCls","stackSizes","mergedSizes","stack","i","mergedStyle","SplitterContext","jsx","ResizeObserver","jsxs","idx","panel","SplitterPanel","splitBar","resizableInfo","ariaMinStart","ariaMinEnd","ariaMaxStart","ariaMaxEnd","SplitBar","offsetX","offsetY","Splitter","forwardRef"],"mappings":"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"}

package/dist/components/splitter/useSizes.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { SplitterPanelProps } from './splitter-panel';
+export declare function getPtg(str: string): number;
+/**
+ * Save the size state.
+ * Align the size into flex percentage base.
+ */
+export default function useSizes(items: SplitterPanelProps[], containerSize?: number, layout?: "horizontal" | "vertical", elementRefs?: React.RefObject<HTMLElement>[]): readonly [(string | number)[], number[], number[], number[], number[], React.Dispatch<React.SetStateAction<(string | number)[]>>];
+//# sourceMappingURL=useSizes.d.ts.map

package/dist/components/splitter/useSizes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSizes.d.ts","sourceRoot":"","sources":["../../../src/components/splitter/useSizes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAkC3D,wBAAgB,MAAM,CAAC,GAAG,EAAE,MAAM,UAEjC;AAMD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAC9B,KAAK,EAAE,kBAAkB,EAAE,EAC3B,aAAa,CAAC,EAAE,MAAM,EACtB,MAAM,GAAE,YAAY,GAAG,UAAyB,EAChD,WAAW,GAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EAAO,qIAoJjD"}

package/dist/components/splitter/useSizes.js

@@ -1,34 +1,34 @@
 import u from "react";
-const I = (s, l, d) => {
-  const o = s.cloneNode(!0);
-  o.style.position = "absolute", o.style.visibility = "hidden", o.style.pointerEvents = "none", o.style.zIndex = "-1", o.style.top = "0", o.style.left = "0", d === "horizontal" ? (o.style.width = l, o.style.height = "100%") : (o.style.width = "100%", o.style.height = l), document.body.appendChild(o);
-  const p = o.getBoundingClientRect(), a = d === "horizontal" ? p.width : p.height;
-  return document.body.removeChild(o), a > 0 ? Math.ceil(a) : 0;
+const I = (n, l, d) => {
+  const s = n.cloneNode(!0);
+  s.style.position = "absolute", s.style.visibility = "hidden", s.style.pointerEvents = "none", s.style.zIndex = "-1", s.style.top = "0", s.style.left = "0", d === "horizontal" ? (s.style.width = l, s.style.height = "100%") : (s.style.width = "100%", s.style.height = l), document.body.appendChild(s);
+  const p = s.getBoundingClientRect(), a = d === "horizontal" ? p.width : p.height;
+  return document.body.removeChild(s), a > 0 ? Math.ceil(a) : 0;
 };
-function y(s) {
-  return Number(s.slice(0, -1)) / 100;
+function y(n) {
+  return Number(n.slice(0, -1)) / 100;
 }
-function M(s) {
-  return typeof s == "string" && s.endsWith("%");
+function M(n) {
+  return typeof n == "string" && n.endsWith("%");
 }
-function _(s, l, d = "horizontal", o = []) {
-  const p = s.map((e) => e.size), a = s.length, c = l || 0, w = (e) => e * c, [v, C] = u.useState(() => s.map((e) => e.defaultSize)), [z, P] = u.useState(/* @__PURE__ */ new Map()), b = (e) => e === "max-content" || e === "min-content" || e === "fit-content";
+function _(n, l, d = "horizontal", s = []) {
+  const p = n.map((e) => e.size), a = n.length, c = l || 0, w = (e) => e * c, [v, C] = u.useState(() => n.map((e) => e.defaultSize)), [z, P] = u.useState(/* @__PURE__ */ new Map()), b = (e) => e === "max-content" || e === "min-content" || e === "fit-content";
   u.useEffect(() => {
     const e = /* @__PURE__ */ new Map();
     let i = !1;
-    s.forEach((r, n) => {
+    n.forEach((r, t) => {
       if (b(r.defaultSize)) {
-        const t = o[n];
-        if (t != null && t.current) {
-          const f = I(t.current, r.defaultSize, d);
+        const o = s[t];
+        if (o?.current) {
+          const f = I(o.current, r.defaultSize, d);
           if (f > 0) {
-            const g = z.get(n);
-            g === void 0 || g !== f ? (e.set(n, f), i = !0) : e.set(n, g);
+            const g = z.get(t);
+            g === void 0 || g !== f ? (e.set(t, f), i = !0) : e.set(t, g);
           }
         }
       }
     }), i && P((r) => new Map([...r, ...e]));
-  }, [s, o, d, l]);
+  }, [n, s, d, l]);
   const m = u.useMemo(() => {
     const e = [];
     for (let i = 0; i < a; i += 1) {
@@ -38,34 +38,34 @@ function _(s, l, d = "horizontal", o = []) {
     return e;
   }, [a, v, p, z]), h = u.useMemo(() => {
     let e = [], i = 0;
-    for (let n = 0; n < a; n += 1) {
-      const t = m[n];
-      if (M(t))
-        e[n] = y(t);
-      else if (t || t === 0) {
-        const f = Number(t);
-        Number.isNaN(f) || (e[n] = f / c);
+    for (let t = 0; t < a; t += 1) {
+      const o = m[t];
+      if (M(o))
+        e[t] = y(o);
+      else if (o || o === 0) {
+        const f = Number(o);
+        Number.isNaN(f) || (e[t] = f / c);
       } else
-        i += 1, e[n] = void 0;
+        i += 1, e[t] = void 0;
     }
-    const r = e.reduce((n, t) => n + (t || 0), 0);
+    const r = e.reduce((t, o) => t + (o || 0), 0);
     if (r > 1 || !i) {
-      const n = 1 / r;
-      e = e.map((t) => t === void 0 ? 0 : t * n);
+      const t = 1 / r;
+      e = e.map((o) => o === void 0 ? 0 : o * t);
     } else {
-      const n = (1 - r) / i;
-      e = e.map((t) => t === void 0 ? n : t);
+      const t = (1 - r) / i;
+      e = e.map((o) => o === void 0 ? t : o);
     }
     return e;
   }, [m, c]), S = u.useMemo(
     () => h.map(w),
     [h, c]
   ), x = u.useMemo(
-    () => s.map((e) => M(e.min) ? y(e.min) : (e.min || 0) / c),
-    [s, c]
+    () => n.map((e) => M(e.min) ? y(e.min) : (e.min || 0) / c),
+    [n, c]
   ), N = u.useMemo(
-    () => s.map((e) => M(e.max) ? y(e.max) : (e.max || c) / c),
-    [s, c]
+    () => n.map((e) => M(e.max) ? y(e.max) : (e.max || c) / c),
+    [n, c]
   );
   return [
     u.useMemo(

package/dist/components/splitter/useSizes.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSizes.js","sources":["../../../src/components/splitter/useSizes.ts"],"sourcesContent":["import React from \"react\";\n\nimport type { SplitterPanelProps } from \"./splitter-panel\";\n\n// Helper to measure intrinsic content size\nconst measureIntrinsicSize = (\n  element: HTMLElement, \n  intrinsicType: \"max-content\" | \"min-content\" | \"fit-content\",\n  layout: \"horizontal\" | \"vertical\"\n): number => {\n  const clonedElement = element.cloneNode(true) as HTMLElement;\n  \n  // Set up the cloned element for measurement\n  clonedElement.style.position = \"absolute\";\n  clonedElement.style.visibility = \"hidden\";\n  clonedElement.style.pointerEvents = \"none\";\n  clonedElement.style.zIndex = \"-1\";\n  clonedElement.style.top = \"0\";\n  clonedElement.style.left = \"0\";\n\n  if (layout === \"horizontal\") {\n    clonedElement.style.width = intrinsicType;\n    clonedElement.style.height = \"100%\";\n  } else {\n    clonedElement.style.width = \"100%\";\n    clonedElement.style.height = intrinsicType;\n  }\n\n  document.body.appendChild(clonedElement);\n  const rect = clonedElement.getBoundingClientRect();\n  const size = layout === \"horizontal\" ? rect.width : rect.height;\n  document.body.removeChild(clonedElement);\n\n  return size > 0 ? Math.ceil(size) : 0;\n};\n\nexport function getPtg(str: string) {\n  return Number(str.slice(0, -1)) / 100;\n}\n\nfunction isPtg(itemSize: string | number | undefined): itemSize is string {\n  return typeof itemSize === \"string\" && itemSize.endsWith(\"%\");\n}\n\n/**\n * Save the size state.\n * Align the size into flex percentage base.\n */\nexport default function useSizes(\n  items: SplitterPanelProps[],\n  containerSize?: number,\n  layout: \"horizontal\" | \"vertical\" = \"horizontal\",\n  elementRefs: React.RefObject<HTMLElement>[] = []\n) {\n  const propSizes = items.map((item) => item.size);\n\n  const itemsCount = items.length;\n\n  const mergedContainerSize = containerSize || 0;\n  const ptg2px = (ptg: number) => ptg * mergedContainerSize;\n\n  // We do not need care the size state match the `items` length in `useState`.\n  // It will calculate later.\n  const [innerSizes, setInnerSizes] = React.useState<\n    (string | number | undefined)[]\n  >(() => items.map((item) => item.defaultSize));\n\n  // Track measured intrinsic sizes\n  const [intrinsicSizes, setIntrinsicSizes] = React.useState<Map<number, number>>(new Map());\n  \n  // Helper function to check if a size is intrinsic\n  const isIntrinsicSize = (size: string | number | undefined): size is \"max-content\" | \"min-content\" | \"fit-content\" => {\n    return size === \"max-content\" || size === \"min-content\" || size === \"fit-content\";\n  };\n\n  // Measure intrinsic sizes directly using element refs\n  React.useEffect(() => {\n    const newSizes = new Map<number, number>();\n    let hasChanges = false;\n\n    items.forEach((item, index) => {\n      if (isIntrinsicSize(item.defaultSize)) {\n        const ref = elementRefs[index];\n        if (ref?.current) {\n          const measuredSize = measureIntrinsicSize(ref.current, item.defaultSize, layout);\n          if (measuredSize > 0) {\n            const currentSize = intrinsicSizes.get(index);\n            if (currentSize === undefined || currentSize !== measuredSize) {\n              newSizes.set(index, measuredSize);\n              hasChanges = true;\n            } else {\n              newSizes.set(index, currentSize);\n            }\n          }\n        }\n      }\n    });\n\n    if (hasChanges) {\n      setIntrinsicSizes(prev => new Map([...prev, ...newSizes]));\n    }\n  }, [items, elementRefs, layout, containerSize]); // Re-measure when container size changes for responsiveness\n  const sizes = React.useMemo(() => {\n    const mergedSizes: SplitterPanelProps[\"size\"][] = [];\n\n    for (let i = 0; i < itemsCount; i += 1) {\n      let size = propSizes[i] ?? innerSizes[i];\n      \n      // Replace intrinsic sizes with measured pixel values\n      if (isIntrinsicSize(size) && intrinsicSizes.has(i)) {\n        size = intrinsicSizes.get(i);\n      }\n      \n      mergedSizes[i] = size;\n    }\n\n    return mergedSizes;\n  }, [itemsCount, innerSizes, propSizes, intrinsicSizes]);\n\n  // Post handle the size. Will do:\n  // 1. Convert all the px into percentage if not empty.\n  // 2. Get rest percentage for exist percentage.\n  // 3. Fill the rest percentage into empty item.\n  const postPercentSizes = React.useMemo(() => {\n    let ptgList: (number | undefined)[] = [];\n    let emptyCount = 0;\n\n    // Fill default percentage\n    for (let i = 0; i < itemsCount; i += 1) {\n      const itemSize = sizes[i];\n\n      if (isPtg(itemSize)) {\n        ptgList[i] = getPtg(itemSize);\n      } else if (itemSize || itemSize === 0) {\n        const num = Number(itemSize);\n        if (!Number.isNaN(num)) {\n          ptgList[i] = num / mergedContainerSize;\n        }\n      } else {\n        emptyCount += 1;\n        ptgList[i] = undefined;\n      }\n    }\n\n    const totalPtg = ptgList.reduce<number>((acc, ptg) => acc + (ptg || 0), 0);\n\n    if (totalPtg > 1 || !emptyCount) {\n      // If total percentage is larger than 1, we will scale it down.\n      const scale = 1 / totalPtg;\n      ptgList = ptgList.map((ptg) => (ptg === undefined ? 0 : ptg * scale));\n    } else {\n      // If total percentage is smaller than 1, we will fill the rest.\n      const avgRest = (1 - totalPtg) / emptyCount;\n      ptgList = ptgList.map((ptg) => (ptg === undefined ? avgRest : ptg));\n    }\n\n    return ptgList as number[];\n  }, [sizes, mergedContainerSize]);\n\n  const postPxSizes = React.useMemo(\n    () => postPercentSizes.map(ptg2px),\n    [postPercentSizes, mergedContainerSize]\n  );\n\n  const postPercentMinSizes = React.useMemo(\n    () =>\n      items.map((item) => {\n        if (isPtg(item.min)) {\n          return getPtg(item.min);\n        }\n        return (item.min || 0) / mergedContainerSize;\n      }),\n    [items, mergedContainerSize]\n  );\n\n  const postPercentMaxSizes = React.useMemo(\n    () =>\n      items.map((item) => {\n        if (isPtg(item.max)) {\n          return getPtg(item.max);\n        }\n        return (item.max || mergedContainerSize) / mergedContainerSize;\n      }),\n    [items, mergedContainerSize]\n  );\n\n  // If ssr, we will use the size from developer config first.\n  const panelSizes = React.useMemo(\n    () => (containerSize ? postPxSizes : sizes),\n    [postPxSizes, containerSize]\n  );\n\n  return [\n    panelSizes,\n    postPxSizes,\n    postPercentSizes,\n    postPercentMinSizes,\n    postPercentMaxSizes,\n    setInnerSizes,\n  ] as const;\n}\n"],"names":["measureIntrinsicSize","element","intrinsicType","layout","clonedElement","rect","size","getPtg","str","isPtg","itemSize","useSizes","items","containerSize","elementRefs","propSizes","item","itemsCount","mergedContainerSize","ptg2px","ptg","innerSizes","setInnerSizes","React","intrinsicSizes","setIntrinsicSizes","isIntrinsicSize","newSizes","hasChanges","index","ref","measuredSize","currentSize","prev","sizes","mergedSizes","postPercentSizes","ptgList","emptyCount","i","num","totalPtg","acc","scale","avgRest","postPxSizes","postPercentMinSizes","postPercentMaxSizes"],"mappings":";AAKA,MAAMA,IAAuB,CAC3BC,GACAC,GACAC,MACW;AACL,QAAAC,IAAgBH,EAAQ,UAAU,EAAI;AAG5C,EAAAG,EAAc,MAAM,WAAW,YAC/BA,EAAc,MAAM,aAAa,UACjCA,EAAc,MAAM,gBAAgB,QACpCA,EAAc,MAAM,SAAS,MAC7BA,EAAc,MAAM,MAAM,KAC1BA,EAAc,MAAM,OAAO,KAEvBD,MAAW,gBACbC,EAAc,MAAM,QAAQF,GAC5BE,EAAc,MAAM,SAAS,WAE7BA,EAAc,MAAM,QAAQ,QAC5BA,EAAc,MAAM,SAASF,IAGtB,SAAA,KAAK,YAAYE,CAAa;AACjC,QAAAC,IAAOD,EAAc,sBAAsB,GAC3CE,IAAOH,MAAW,eAAeE,EAAK,QAAQA,EAAK;AAChD,kBAAA,KAAK,YAAYD,CAAa,GAEhCE,IAAO,IAAI,KAAK,KAAKA,CAAI,IAAI;AACtC;AAEO,SAASC,EAAOC,GAAa;AAClC,SAAO,OAAOA,EAAI,MAAM,GAAG,EAAE,CAAC,IAAI;AACpC;AAEA,SAASC,EAAMC,GAA2D;AACxE,SAAO,OAAOA,KAAa,YAAYA,EAAS,SAAS,GAAG;AAC9D;AAMA,SAAwBC,EACtBC,GACAC,GACAV,IAAoC,cACpCW,IAA8C,IAC9C;AACA,QAAMC,IAAYH,EAAM,IAAI,CAACI,MAASA,EAAK,IAAI,GAEzCC,IAAaL,EAAM,QAEnBM,IAAsBL,KAAiB,GACvCM,IAAS,CAACC,MAAgBA,IAAMF,GAIhC,CAACG,GAAYC,CAAa,IAAIC,EAAM,SAExC,MAAMX,EAAM,IAAI,CAACI,MAASA,EAAK,WAAW,CAAC,GAGvC,CAACQ,GAAgBC,CAAiB,IAAIF,EAAM,SAA8B,oBAAI,KAAK,GAGnFG,IAAkB,CAACpB,MAChBA,MAAS,iBAAiBA,MAAS,iBAAiBA,MAAS;AAItEiB,EAAAA,EAAM,UAAU,MAAM;AACd,UAAAI,wBAAe,IAAoB;AACzC,QAAIC,IAAa;AAEX,IAAAhB,EAAA,QAAQ,CAACI,GAAMa,MAAU;AACzB,UAAAH,EAAgBV,EAAK,WAAW,GAAG;AAC/B,cAAAc,IAAMhB,EAAYe,CAAK;AAC7B,YAAIC,KAAA,QAAAA,EAAK,SAAS;AAChB,gBAAMC,IAAe/B,EAAqB8B,EAAI,SAASd,EAAK,aAAab,CAAM;AAC/E,cAAI4B,IAAe,GAAG;AACd,kBAAAC,IAAcR,EAAe,IAAIK,CAAK;AACxC,YAAAG,MAAgB,UAAaA,MAAgBD,KACtCJ,EAAA,IAAIE,GAAOE,CAAY,GACnBH,IAAA,MAEJD,EAAA,IAAIE,GAAOG,CAAW;AAAA,UACjC;AAAA,QACF;AAAA,MACF;AAAA,IACF,CACD,GAEGJ,KACgBH,EAAA,CAAAQ,MAAQ,IAAI,IAAI,CAAC,GAAGA,GAAM,GAAGN,CAAQ,CAAC,CAAC;AAAA,KAE1D,CAACf,GAAOE,GAAaX,GAAQU,CAAa,CAAC;AACxC,QAAAqB,IAAQX,EAAM,QAAQ,MAAM;AAChC,UAAMY,IAA4C,CAAC;AAEnD,aAAS,IAAI,GAAG,IAAIlB,GAAY,KAAK,GAAG;AACtC,UAAIX,IAAOS,EAAU,CAAC,KAAKM,EAAW,CAAC;AAGvC,MAAIK,EAAgBpB,CAAI,KAAKkB,EAAe,IAAI,CAAC,MACxClB,IAAAkB,EAAe,IAAI,CAAC,IAG7BW,EAAY,CAAC,IAAI7B;AAAA,IAAA;AAGZ,WAAA6B;AAAA,KACN,CAAClB,GAAYI,GAAYN,GAAWS,CAAc,CAAC,GAMhDY,IAAmBb,EAAM,QAAQ,MAAM;AAC3C,QAAIc,IAAkC,CAAC,GACnCC,IAAa;AAGjB,aAASC,IAAI,GAAGA,IAAItB,GAAYsB,KAAK,GAAG;AAChC,YAAA7B,IAAWwB,EAAMK,CAAC;AAEpB,UAAA9B,EAAMC,CAAQ;AACR,QAAA2B,EAAAE,CAAC,IAAIhC,EAAOG,CAAQ;AAAA,eACnBA,KAAYA,MAAa,GAAG;AAC/B,cAAA8B,IAAM,OAAO9B,CAAQ;AAC3B,QAAK,OAAO,MAAM8B,CAAG,MACXH,EAAAE,CAAC,IAAIC,IAAMtB;AAAA,MACrB;AAEc,QAAAoB,KAAA,GACdD,EAAQE,CAAC,IAAI;AAAA,IACf;AAGI,UAAAE,IAAWJ,EAAQ,OAAe,CAACK,GAAKtB,MAAQsB,KAAOtB,KAAO,IAAI,CAAC;AAErE,QAAAqB,IAAW,KAAK,CAACH,GAAY;AAE/B,YAAMK,IAAQ,IAAIF;AACR,MAAAJ,IAAAA,EAAQ,IAAI,CAACjB,MAASA,MAAQ,SAAY,IAAIA,IAAMuB,CAAM;AAAA,IAAA,OAC/D;AAEC,YAAAC,KAAW,IAAIH,KAAYH;AACjC,MAAAD,IAAUA,EAAQ,IAAI,CAACjB,MAASA,MAAQ,SAAYwB,IAAUxB,CAAI;AAAA,IAAA;AAG7D,WAAAiB;AAAA,EAAA,GACN,CAACH,GAAOhB,CAAmB,CAAC,GAEzB2B,IAActB,EAAM;AAAA,IACxB,MAAMa,EAAiB,IAAIjB,CAAM;AAAA,IACjC,CAACiB,GAAkBlB,CAAmB;AAAA,EACxC,GAEM4B,IAAsBvB,EAAM;AAAA,IAChC,MACEX,EAAM,IAAI,CAACI,MACLP,EAAMO,EAAK,GAAG,IACTT,EAAOS,EAAK,GAAG,KAEhBA,EAAK,OAAO,KAAKE,CAC1B;AAAA,IACH,CAACN,GAAOM,CAAmB;AAAA,EAC7B,GAEM6B,IAAsBxB,EAAM;AAAA,IAChC,MACEX,EAAM,IAAI,CAACI,MACLP,EAAMO,EAAK,GAAG,IACTT,EAAOS,EAAK,GAAG,KAEhBA,EAAK,OAAOE,KAAuBA,CAC5C;AAAA,IACH,CAACN,GAAOM,CAAmB;AAAA,EAC7B;AAQO,SAAA;AAAA,IALYK,EAAM;AAAA,MACvB,MAAOV,IAAgBgC,IAAcX;AAAA,MACrC,CAACW,GAAahC,CAAa;AAAA,IAC7B;AAAA,IAIEgC;AAAA,IACAT;AAAA,IACAU;AAAA,IACAC;AAAA,IACAzB;AAAA,EACF;AACF;"}
+{"version":3,"file":"useSizes.js","sources":["../../../src/components/splitter/useSizes.ts"],"sourcesContent":["import React from \"react\";\n\nimport type { SplitterPanelProps } from \"./splitter-panel\";\n\n// Helper to measure intrinsic content size\nconst measureIntrinsicSize = (\n  element: HTMLElement, \n  intrinsicType: \"max-content\" | \"min-content\" | \"fit-content\",\n  layout: \"horizontal\" | \"vertical\"\n): number => {\n  const clonedElement = element.cloneNode(true) as HTMLElement;\n  \n  // Set up the cloned element for measurement\n  clonedElement.style.position = \"absolute\";\n  clonedElement.style.visibility = \"hidden\";\n  clonedElement.style.pointerEvents = \"none\";\n  clonedElement.style.zIndex = \"-1\";\n  clonedElement.style.top = \"0\";\n  clonedElement.style.left = \"0\";\n\n  if (layout === \"horizontal\") {\n    clonedElement.style.width = intrinsicType;\n    clonedElement.style.height = \"100%\";\n  } else {\n    clonedElement.style.width = \"100%\";\n    clonedElement.style.height = intrinsicType;\n  }\n\n  document.body.appendChild(clonedElement);\n  const rect = clonedElement.getBoundingClientRect();\n  const size = layout === \"horizontal\" ? rect.width : rect.height;\n  document.body.removeChild(clonedElement);\n\n  return size > 0 ? Math.ceil(size) : 0;\n};\n\nexport function getPtg(str: string) {\n  return Number(str.slice(0, -1)) / 100;\n}\n\nfunction isPtg(itemSize: string | number | undefined): itemSize is string {\n  return typeof itemSize === \"string\" && itemSize.endsWith(\"%\");\n}\n\n/**\n * Save the size state.\n * Align the size into flex percentage base.\n */\nexport default function useSizes(\n  items: SplitterPanelProps[],\n  containerSize?: number,\n  layout: \"horizontal\" | \"vertical\" = \"horizontal\",\n  elementRefs: React.RefObject<HTMLElement>[] = []\n) {\n  const propSizes = items.map((item) => item.size);\n\n  const itemsCount = items.length;\n\n  const mergedContainerSize = containerSize || 0;\n  const ptg2px = (ptg: number) => ptg * mergedContainerSize;\n\n  // We do not need care the size state match the `items` length in `useState`.\n  // It will calculate later.\n  const [innerSizes, setInnerSizes] = React.useState<\n    (string | number | undefined)[]\n  >(() => items.map((item) => item.defaultSize));\n\n  // Track measured intrinsic sizes\n  const [intrinsicSizes, setIntrinsicSizes] = React.useState<Map<number, number>>(new Map());\n  \n  // Helper function to check if a size is intrinsic\n  const isIntrinsicSize = (size: string | number | undefined): size is \"max-content\" | \"min-content\" | \"fit-content\" => {\n    return size === \"max-content\" || size === \"min-content\" || size === \"fit-content\";\n  };\n\n  // Measure intrinsic sizes directly using element refs\n  React.useEffect(() => {\n    const newSizes = new Map<number, number>();\n    let hasChanges = false;\n\n    items.forEach((item, index) => {\n      if (isIntrinsicSize(item.defaultSize)) {\n        const ref = elementRefs[index];\n        if (ref?.current) {\n          const measuredSize = measureIntrinsicSize(ref.current, item.defaultSize, layout);\n          if (measuredSize > 0) {\n            const currentSize = intrinsicSizes.get(index);\n            if (currentSize === undefined || currentSize !== measuredSize) {\n              newSizes.set(index, measuredSize);\n              hasChanges = true;\n            } else {\n              newSizes.set(index, currentSize);\n            }\n          }\n        }\n      }\n    });\n\n    if (hasChanges) {\n      setIntrinsicSizes(prev => new Map([...prev, ...newSizes]));\n    }\n  }, [items, elementRefs, layout, containerSize]); // Re-measure when container size changes for responsiveness\n  const sizes = React.useMemo(() => {\n    const mergedSizes: SplitterPanelProps[\"size\"][] = [];\n\n    for (let i = 0; i < itemsCount; i += 1) {\n      let size = propSizes[i] ?? innerSizes[i];\n      \n      // Replace intrinsic sizes with measured pixel values\n      if (isIntrinsicSize(size) && intrinsicSizes.has(i)) {\n        size = intrinsicSizes.get(i);\n      }\n      \n      mergedSizes[i] = size;\n    }\n\n    return mergedSizes;\n  }, [itemsCount, innerSizes, propSizes, intrinsicSizes]);\n\n  // Post handle the size. Will do:\n  // 1. Convert all the px into percentage if not empty.\n  // 2. Get rest percentage for exist percentage.\n  // 3. Fill the rest percentage into empty item.\n  const postPercentSizes = React.useMemo(() => {\n    let ptgList: (number | undefined)[] = [];\n    let emptyCount = 0;\n\n    // Fill default percentage\n    for (let i = 0; i < itemsCount; i += 1) {\n      const itemSize = sizes[i];\n\n      if (isPtg(itemSize)) {\n        ptgList[i] = getPtg(itemSize);\n      } else if (itemSize || itemSize === 0) {\n        const num = Number(itemSize);\n        if (!Number.isNaN(num)) {\n          ptgList[i] = num / mergedContainerSize;\n        }\n      } else {\n        emptyCount += 1;\n        ptgList[i] = undefined;\n      }\n    }\n\n    const totalPtg = ptgList.reduce<number>((acc, ptg) => acc + (ptg || 0), 0);\n\n    if (totalPtg > 1 || !emptyCount) {\n      // If total percentage is larger than 1, we will scale it down.\n      const scale = 1 / totalPtg;\n      ptgList = ptgList.map((ptg) => (ptg === undefined ? 0 : ptg * scale));\n    } else {\n      // If total percentage is smaller than 1, we will fill the rest.\n      const avgRest = (1 - totalPtg) / emptyCount;\n      ptgList = ptgList.map((ptg) => (ptg === undefined ? avgRest : ptg));\n    }\n\n    return ptgList as number[];\n  }, [sizes, mergedContainerSize]);\n\n  const postPxSizes = React.useMemo(\n    () => postPercentSizes.map(ptg2px),\n    [postPercentSizes, mergedContainerSize]\n  );\n\n  const postPercentMinSizes = React.useMemo(\n    () =>\n      items.map((item) => {\n        if (isPtg(item.min)) {\n          return getPtg(item.min);\n        }\n        return (item.min || 0) / mergedContainerSize;\n      }),\n    [items, mergedContainerSize]\n  );\n\n  const postPercentMaxSizes = React.useMemo(\n    () =>\n      items.map((item) => {\n        if (isPtg(item.max)) {\n          return getPtg(item.max);\n        }\n        return (item.max || mergedContainerSize) / mergedContainerSize;\n      }),\n    [items, mergedContainerSize]\n  );\n\n  // If ssr, we will use the size from developer config first.\n  const panelSizes = React.useMemo(\n    () => (containerSize ? postPxSizes : sizes),\n    [postPxSizes, containerSize]\n  );\n\n  return [\n    panelSizes,\n    postPxSizes,\n    postPercentSizes,\n    postPercentMinSizes,\n    postPercentMaxSizes,\n    setInnerSizes,\n  ] as const;\n}\n"],"names":["measureIntrinsicSize","element","intrinsicType","layout","clonedElement","rect","size","getPtg","str","isPtg","itemSize","useSizes","items","containerSize","elementRefs","propSizes","item","itemsCount","mergedContainerSize","ptg2px","ptg","innerSizes","setInnerSizes","React","intrinsicSizes","setIntrinsicSizes","isIntrinsicSize","newSizes","hasChanges","index","ref","measuredSize","currentSize","prev","sizes","mergedSizes","postPercentSizes","ptgList","emptyCount","i","num","totalPtg","acc","scale","avgRest","postPxSizes","postPercentMinSizes","postPercentMaxSizes"],"mappings":"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"}