@unicom-cloud/ui 0.8.105 → 0.8.107

package/splitter/SplitBar.js

@@ -3,68 +3,66 @@ import H from "@unicom-cloud/icons/IconUiDown";
 import J from "@unicom-cloud/icons/IconUiLeft";
 import K from "@unicom-cloud/icons/IconUiRight";
 import Q from "@unicom-cloud/icons/IconUiUp";
-import E from "react";
+import { useContext as W, useState as X, useEffect as Z } from "react";
 import "../config-provider/ConfigProvider.js";
 import f from "@unicom-cloud/utils/class-name";
 import Y from "./hooks/useEvent.js";
-import W from "../config-provider/context.js";
-function O(d) {
+import _ from "../config-provider/context.js";
+function b(d) {
   return typeof d == "number" && !Number.isNaN(d) ? Math.round(d) : 0;
 }
-const ie = (d) => {
-  const { getPrefixCls: y } = E.useContext(W), {
+const fe = (d) => {
+  const { getPrefixCls: y } = W(_), {
     prefixCls: I,
     vertical: s,
     index: n,
     active: z,
-    ariaNow: $,
-    ariaMin: M,
-    ariaMax: N,
+    ariaNow: E,
+    ariaMin: $,
+    ariaMax: M,
     startCollapsible: T,
     endCollapsible: j,
-    onOffsetStart: S,
+    onOffsetStart: O,
     onOffsetUpdate: v,
     onOffsetEnd: h,
     onCollapse: P,
     lazy: a,
     containerSize: m
-  } = d, e = y?.("bar", I), [r, w] = E.useState(
-    null
-  ), [g, U] = E.useState(0), k = s ? 0 : g, A = s ? g : 0, D = (t) => {
-    t.currentTarget && (w([t.pageX, t.pageY]), S(n));
-  }, R = (t) => {
-    if (t.touches.length === 1) {
-      const o = t.touches[0];
-      w([o.pageX, o.pageY]), S(n);
+  } = d, e = y?.("bar", I), [r, w] = X(null), [g, S] = X(0), k = s ? 0 : g, A = s ? g : 0, D = (o) => {
+    o.currentTarget && (w([o.pageX, o.pageY]), O(n));
+  }, V = (o) => {
+    if (o.touches.length === 1) {
+      const t = o.touches[0];
+      w([t.pageX, t.pageY]), O(n);
     }
-  }, V = (t) => {
-    const o = m * $ / 100, c = o + t, x = Math.max(0, m * M / 100), i = Math.min(m, m * N / 100);
-    return Math.max(x, Math.min(i, c)) - o;
-  }, L = Y((t, o) => {
-    const c = V(
-      s ? o : t
+  }, B = (o) => {
+    const t = m * E / 100, c = t + o, x = Math.max(0, m * $ / 100), i = Math.min(m, m * M / 100);
+    return Math.max(x, Math.min(i, c)) - t;
+  }, N = Y((o, t) => {
+    const c = B(
+      s ? t : o
     );
-    U(c);
-  }), b = Y(() => {
-    v(n, k, A, !0), U(0), h(!0);
+    S(c);
+  }), L = Y(() => {
+    v(n, k, A, !0), S(0), h(!0);
   });
-  E.useEffect(() => {
+  Z(() => {
     if (r) {
-      const t = (i) => {
-        const { pageX: u, pageY: C } = i, p = u - r[0], X = C - r[1];
-        a ? L(p, X) : v(n, p, X);
-      }, o = () => {
-        a ? b() : h(), w(null);
+      const o = (i) => {
+        const { pageX: p, pageY: C } = i, u = p - r[0], U = C - r[1];
+        a ? N(u, U) : v(n, u, U);
+      }, t = () => {
+        a ? L() : h(), w(null);
       }, c = (i) => {
         if (i.touches.length === 1) {
-          const u = i.touches[0], C = u.pageX - r[0], p = u.pageY - r[1];
-          a ? L(C, p) : v(n, C, p);
+          const p = i.touches[0], C = p.pageX - r[0], u = p.pageY - r[1];
+          a ? N(C, u) : v(n, C, u);
         }
       }, x = () => {
-        a ? b() : h(), w(null);
+        a ? L() : h(), w(null);
       };
-      return window.addEventListener("touchmove", c), window.addEventListener("touchend", x), window.addEventListener("mousemove", t), window.addEventListener("mouseup", o), () => {
-        window.removeEventListener("mousemove", t), window.removeEventListener("mouseup", o), window.removeEventListener("touchmove", c), window.removeEventListener("touchend", x);
+      return window.addEventListener("touchmove", c), window.addEventListener("touchend", x), window.addEventListener("mousemove", o), window.addEventListener("mouseup", t), () => {
+        window.removeEventListener("mousemove", o), window.removeEventListener("mouseup", t), window.removeEventListener("touchmove", c), window.removeEventListener("touchend", x);
       };
     }
   }, [
@@ -73,15 +71,15 @@ const ie = (d) => {
     s,
     n,
     m,
+    E,
     $,
     M,
     N,
-    L,
     v,
-    b,
+    L,
     h
   ]);
-  const B = {
+  const R = {
     [`--${e}-preview-offset`]: `${g}px`
   }, q = s ? Q : J, F = s ? H : K;
   return /* @__PURE__ */ G(
@@ -89,9 +87,9 @@ const ie = (d) => {
     {
       className: e,
       role: "separator",
-      "aria-valuenow": O($),
-      "aria-valuemin": O(M),
-      "aria-valuemax": O(N),
+      "aria-valuenow": b(E),
+      "aria-valuemin": b($),
+      "aria-valuemax": b(M),
       children: [
         a && /* @__PURE__ */ l(
           "div",
@@ -99,7 +97,7 @@ const ie = (d) => {
             className: f(`${e}-preview`, {
               [`${e}-preview-active`]: !!g
             }),
-            style: B
+            style: R
           }
         ),
         /* @__PURE__ */ l(
@@ -109,7 +107,7 @@ const ie = (d) => {
               [`${e}-dragger-active`]: z
             }),
             onMouseDown: D,
-            onTouchStart: R
+            onTouchStart: V
           }
         ),
         T && /* @__PURE__ */ l(
@@ -155,5 +153,5 @@ const ie = (d) => {
   );
 };
 export {
-  ie as default
+  fe as default
 };