@unicom-cloud/ui 0.8.96 → 0.8.98

package/slider/Button.js

@@ -1,14 +1,14 @@
-import { jsx as w } from "react/jsx-runtime";
-import g from "lodash/isFunction";
+import { jsx as d } from "react/jsx-runtime";
+import p from "lodash/isFunction";
 import W from "lodash/isNumber";
 import q from "lodash/isString";
-import G, { useState as H, useContext as J, useMemo as B, useRef as h, useEffect as Q } from "react";
+import G, { useState as H, useContext as J, useMemo as N, useRef as v, useEffect as Q } from "react";
 import "../config-provider/ConfigProvider.js";
 import Z from "../components/common/hooks/useKeyboardEvent.js";
 import _ from "../components/common/hooks/useMergeValue.js";
 import tt from "../trigger/index.js";
-import L from "@unicom-cloud/utils/class-name";
-import { on as a, off as c } from "../components/common/utils/dom.js";
+import B from "@unicom-cloud/utils/class-name";
+import { on as u, off as a } from "../components/common/utils/dom.js";
 import et from "../config-provider/context.js";
 const ot = { maxWidth: 350 }, nt = {
   enter: 300,
@@ -18,89 +18,85 @@ const ot = { maxWidth: 350 }, nt = {
   right: 12,
   top: 12,
   bottom: 12
-}, rt = function(o) {
+}, rt = function(e) {
   const {
-    style: I,
-    disabled: b,
-    prefixCls: A,
-    value: r,
+    style: L,
+    disabled: w,
+    prefixCls: x,
+    value: i,
     vertical: E,
-    tooltipVisible: p,
-    tooltipPosition: D,
-    formatTooltip: M,
-    getTooltipContainer: R,
-    onMoving: T,
+    tooltipVisible: g,
+    tooltipPosition: M,
+    formatTooltip: h,
+    getTooltipContainer: I,
+    onMoving: A,
     onMoveEnd: P,
-    onMoveBegin: V
-  } = o, X = Z(), [Y, y] = H(!1), [S, F] = _(!1, {
-    value: p
-  }), { getPrefixCls: n } = J(et), $ = B(
-    () => D || (E ? "right" : "top"),
-    [D, E]
-  ), u = h(null), l = h(!1), s = h(!1), C = h(null);
-  function K(t) {
-    t.stopPropagation(), !b && (j(t), y(!0), a(window, "mousemove", f), a(window, "touchmove", f), a(window, "mouseup", i), a(window, "touchend", i), a(window, "contextmenu", i));
+    onMoveBegin: D
+  } = e, R = Z(), [X, T] = H(!1), [C, Y] = _(!1, {
+    value: g
+  }), { getPrefixCls: V } = J(et), y = N(
+    () => M || (E ? "right" : "top"),
+    [M, E]
+  ), r = v(null), l = v(!1), s = v(!1), S = v(null);
+  function F(t) {
+    t.stopPropagation(), !w && (O(t), T(!0), u(window, "mousemove", c), u(window, "touchmove", c), u(window, "mouseup", o), u(window, "touchend", o), u(window, "contextmenu", o));
   }
-  function O() {
-    l.current = !0, m(), S || (u.current = setTimeout(() => {
-      x(!0);
+  function K() {
+    l.current = !0, m(), C || (r.current = setTimeout(() => {
+      b(!0);
     }, 50));
   }
-  function N() {
-    l.current = !1, s.current || (m(), u.current = setTimeout(() => {
-      x(!1);
+  function $() {
+    l.current = !1, s.current || (m(), r.current = setTimeout(() => {
+      b(!1);
     }, 200));
   }
-  function j(t) {
-    var v;
-    t.preventDefault();
-    const e = document.activeElement;
-    (v = e == null ? void 0 : e.blur) == null || v.call(e), g(V) && V();
+  function O(t) {
+    t.preventDefault(), document.activeElement?.blur?.(), p(D) && D();
   }
-  function f(t) {
-    s.current = !0, t.type === "touchstart" && (t.clientY = t.touches[0].clientY, t.clientX = t.touches[0].clientX), g(T) && T(t.clientX, t.clientY);
+  function c(t) {
+    s.current = !0, t.type === "touchstart" && (t.clientY = t.touches[0].clientY, t.clientX = t.touches[0].clientX), p(A) && A(t.clientX, t.clientY);
   }
-  function i() {
-    s.current = !1, y(!1), k(), x(l.current), g(P) && P();
+  function o() {
+    s.current = !1, T(!1), j(), b(l.current), p(P) && P();
   }
-  function k() {
-    m(), c(window, "mousemove", f), c(window, "touchmove", f), c(window, "mouseup", i), c(window, "touchend", i), c(window, "contextmenu", i);
+  function j() {
+    m(), a(window, "mousemove", c), a(window, "touchmove", c), a(window, "mouseup", o), a(window, "touchend", o), a(window, "contextmenu", o);
   }
   function m() {
-    u.current && (clearTimeout(u.current), u.current = null);
+    r.current && (clearTimeout(r.current), r.current = null);
   }
-  function x(t) {
+  function b(t) {
     if (s.current)
       return;
-    const e = "tooltipVisible" in o ? p : t;
-    F(e);
+    const n = "tooltipVisible" in e ? g : t;
+    Y(n);
   }
-  function z() {
+  function k() {
     l.current = !0, m();
   }
-  const d = B(() => g(M) ? M(r) : r, [M, r]);
-  function U(t) {
-    const e = n == null ? void 0 : n("tooltip");
-    return /* @__PURE__ */ w(
+  const f = N(() => p(h) ? h(i) : i, [h, i]);
+  function z(t) {
+    const n = V?.("tooltip");
+    return /* @__PURE__ */ d(
       "div",
       {
-        className: L(
-          `${e}-content`,
-          `${e}-content-${t}`
+        className: B(
+          `${n}-content`,
+          `${n}-content-${t}`
         ),
-        onMouseLeave: N,
-        onMouseEnter: z,
-        onClick: (v) => {
-          v.stopPropagation();
+        onMouseLeave: $,
+        onMouseEnter: k,
+        onClick: (U) => {
+          U.stopPropagation();
         },
-        children: /* @__PURE__ */ w("div", { className: `${e}-content-inner`, children: d })
+        children: /* @__PURE__ */ d("div", { className: `${n}-content-inner`, children: f })
       }
     );
   }
   return Q(() => {
-    var t, e;
-    (e = (t = C.current) == null ? void 0 : t.update) == null || e.call(t);
-  }, [r]), /* @__PURE__ */ w(
+    S.current?.update?.();
+  }, [i]), /* @__PURE__ */ d(
     tt,
     {
       style: ot,
@@ -108,53 +104,49 @@ const ot = { maxWidth: 350 }, nt = {
       duration: nt,
       showArrow: !0,
       popupAlign: it,
-      ref: C,
-      popup: () => U($),
-      popupVisible: S,
-      disabled: p === !1,
-      getPopupContainer: R,
-      position: $,
-      childrenPrefix: n == null ? void 0 : n("tooltip"),
-      children: /* @__PURE__ */ w(
+      ref: S,
+      popup: () => z(y),
+      popupVisible: C,
+      disabled: g === !1,
+      getPopupContainer: I,
+      position: y,
+      childrenPrefix: V?.("tooltip"),
+      children: /* @__PURE__ */ d(
         "div",
         {
-          className: L(`${A}-button`, {
-            [`${A}-button-active`]: Y
+          className: B(`${x}-button`, {
+            [`${x}-button-active`]: X
           }),
-          onMouseDown: K,
-          onMouseEnter: O,
-          onMouseLeave: N,
-          style: I,
+          onMouseDown: F,
+          onMouseEnter: K,
+          onMouseLeave: $,
+          style: L,
           role: "slider",
-          "aria-valuemax": o.maxValue,
-          "aria-valuemin": o.minValue,
-          "aria-valuenow": r,
-          "aria-disabled": !!b,
-          tabIndex: b ? -1 : 0,
-          "aria-valuetext": q(d) || W(d) ? String(d) : void 0,
-          ...X({
+          "aria-valuemax": e.maxValue,
+          "aria-valuemin": e.minValue,
+          "aria-valuenow": i,
+          "aria-disabled": !!w,
+          tabIndex: w ? -1 : 0,
+          "aria-valuetext": q(f) || W(f) ? String(f) : void 0,
+          ...R({
             onArrowRight: (t) => {
-              var e;
-              t.preventDefault(), (e = o.onArrowEvent) == null || e.call(o, "addition");
+              t.preventDefault(), e.onArrowEvent?.("addition");
             },
             onArrowUp: (t) => {
-              var e;
-              t.preventDefault(), (e = o.onArrowEvent) == null || e.call(o, "addition");
+              t.preventDefault(), e.onArrowEvent?.("addition");
             },
             onArrowLeft: (t) => {
-              var e;
-              t.preventDefault(), (e = o.onArrowEvent) == null || e.call(o, "subtraction");
+              t.preventDefault(), e.onArrowEvent?.("subtraction");
             },
             onArrowDown: (t) => {
-              var e;
-              t.preventDefault(), (e = o.onArrowEvent) == null || e.call(o, "subtraction");
+              t.preventDefault(), e.onArrowEvent?.("subtraction");
             }
           })
         }
       )
     }
   );
-}, bt = G.memo(rt);
+}, ht = G.memo(rt);
 export {
-  bt as default
+  ht as default
 };

package/slider/Input.js

@@ -1,75 +1,73 @@
-import { jsxs as y, jsx as h } from "react/jsx-runtime";
-import B, { useState as V, useEffect as R, createElement as N } from "react";
-import d from "../input-number/index.js";
-import S from "@unicom-cloud/utils/class-name";
-const b = function(C) {
+import { jsxs as E, jsx as l } from "react/jsx-runtime";
+import I, { useState as P, useEffect as j, createElement as d } from "react";
+import h from "../input-number/index.js";
+import k from "@unicom-cloud/utils/class-name";
+const y = function(f) {
   const {
-    value: u,
-    range: i,
+    value: t,
+    range: s,
     min: g,
-    max: $,
-    step: I,
-    disabled: j,
-    prefixCls: a,
-    onChange: m,
-    extra: r = []
-  } = C, l = {
+    max: C,
+    step: N,
+    disabled: x,
+    prefixCls: o,
+    onChange: $,
+    extra: a = []
+  } = f, i = {
     min: g,
-    max: $,
-    step: I,
-    disabled: j
-  }, [c, p] = V(u), n = r[0], t = i ? r[1] : r[0];
-  R(() => {
-    p(u);
-  }, [u]);
-  const f = (e) => {
-    m == null || m(e);
-  }, k = () => {
-    p([...u].sort((e, o) => e - o));
+    max: C,
+    step: N,
+    disabled: x
+  }, [r, u] = P(t), c = a[0], p = s ? a[1] : a[0];
+  j(() => {
+    u(t);
+  }, [t]);
+  const m = (e) => {
+    $?.(e);
+  }, b = () => {
+    u([...t].sort((e, n) => e - n));
   };
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ E(
     "div",
     {
-      className: S(`${a}-input`, {
-        [`${a}-input-group`]: i
+      className: k(`${o}-input`, {
+        [`${o}-input-group`]: s
       }),
-      onBlur: k,
+      onBlur: b,
       children: [
-        i && [
-          /* @__PURE__ */ N(
-            d,
+        s && [
+          /* @__PURE__ */ d(
+            h,
             {
               hideControl: !0,
-              ...n,
-              ...l,
-              value: c[0],
+              ...c,
+              ...i,
+              value: r[0],
               key: 0,
-              onChange: (e, o) => {
-                var s;
-                isNaN(e) && e !== e || (f([e, c[1]]), (s = n == null ? void 0 : n.onChange) == null || s.call(n, e, o));
+              onChange: (e, n) => {
+                isNaN(e) && e !== e || (m([e, r[1]]), c?.onChange?.(e, n));
               }
             }
           ),
-          /* @__PURE__ */ h("div", { className: `${a}-input-range`, children: /* @__PURE__ */ h("span", { className: `${a}-input-range-content` }) }, 1)
+          /* @__PURE__ */ l("div", { className: `${o}-input-range`, children: /* @__PURE__ */ l("span", { className: `${o}-input-range-content` }) }, 1)
         ],
-        /* @__PURE__ */ N(
-          d,
+        /* @__PURE__ */ d(
+          h,
           {
             hideControl: !0,
-            ...t,
-            ...l,
+            ...p,
+            ...i,
             key: 2,
-            value: c[1],
-            onChange: (e, o) => {
-              var s;
-              isNaN(e) && e !== e || (f([c[0], e]), (s = t == null ? void 0 : t.onChange) == null || s.call(t, e, o));
+            value: r[1],
+            onChange: (e, n) => {
+              isNaN(e) && e !== e || (m([r[0], e]), p?.onChange?.(e, n));
             }
           }
         )
       ]
     }
   );
-}, A = B.memo(b);
+}, q = I.memo(y);
 export {
-  A as default
+  q as default
 };

package/slider/Tick.js

@@ -1,44 +1,41 @@
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as m } from "react/jsx-runtime";
 import { plus as M } from "@unicom-cloud/utils/math";
-import A, { useMemo as N } from "react";
-import R from "@unicom-cloud/utils/class-name";
-import { formatPercent as $, getIntervalOffset as b, valueInRange as y } from "./util.js";
-function I(p) {
+import A, { useMemo as C } from "react";
+import N from "@unicom-cloud/utils/class-name";
+import { formatPercent as R, getIntervalOffset as $, valueInRange as b } from "./util.js";
+function y(l) {
   const {
-    min: l,
-    max: u,
-    valueRange: v,
-    prefixCls: r,
-    vertical: d,
-    reverse: n,
-    intervalConfigs: e
-  } = p, c = /* @__PURE__ */ new Map(), h = (t) => {
-    const { step: s, begin: f, end: g } = t, x = Math.floor((g - f) / s);
+    min: p,
+    max: v,
+    valueRange: u,
+    prefixCls: o,
+    vertical: g,
+    reverse: c,
+    intervalConfigs: r
+  } = l, n = /* @__PURE__ */ new Map(), d = (t) => {
+    const { step: e, begin: i, end: k } = t, x = Math.floor((k - i) / e);
     for (let a = 0; a <= x; a++) {
-      const o = M(a * s, f);
-      if (o <= l || o >= u) continue;
-      const m = $(b(o, e));
-      c.set(m, {
-        offset: m,
-        isActive: y(o, v)
+      const s = M(a * e, i);
+      if (s <= p || s >= v) continue;
+      const f = R($(s, r));
+      n.set(f, {
+        offset: f,
+        isActive: b(s, u)
       });
     }
-  }, k = N(() => {
-    var t;
-    return c.clear(), (t = e == null ? void 0 : e.forEach) == null || t.call(e, (s) => h(s)), Array.from(c.values());
-  }, [e]);
-  return /* @__PURE__ */ i("div", { className: `${r}-ticks`, children: k.map((t, s) => /* @__PURE__ */ i(
+  }, h = C(() => (n.clear(), r?.forEach?.((t) => d(t)), Array.from(n.values())), [r]);
+  return /* @__PURE__ */ m("div", { className: `${o}-ticks`, children: h.map((t, e) => /* @__PURE__ */ m(
     "div",
     {
-      className: R(`${r}-tick`, {
-        [`${r}-tick-active`]: t.isActive
+      className: N(`${o}-tick`, {
+        [`${o}-tick-active`]: t.isActive
       }),
-      style: d ? { [n ? "top" : "bottom"]: t.offset } : { [n ? "right" : "left"]: t.offset }
+      style: g ? { [c ? "top" : "bottom"]: t.offset } : { [c ? "right" : "left"]: t.offset }
     },
-    s
+    e
   )) });
 }
-const O = A.memo(I);
+const L = A.memo(y);
 export {
-  O as default
+  L as default
 };