@unicom-cloud/ui 0.8.66 → 0.8.68

package/slider/Button.js

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

package/slider/Dot.js

@@ -0,0 +1,43 @@
+import { jsx as a } from "react/jsx-runtime";
+import d from "lodash/isFunction";
+import u from "lodash/isPlainObject";
+import p from "react";
+import { m as v } from "../chunk/JPPo5nY_.js";
+import { formatPercent as g, getIntervalOffset as D, valueInRange as h } from "./util.js";
+const w = function(e) {
+  const {
+    data: n = [],
+    valueRange: m = [],
+    vertical: l,
+    prefixCls: o,
+    reverse: s,
+    intervalConfigs: f
+  } = e;
+  return n.length ? /* @__PURE__ */ a("div", { className: `${o}-dots`, children: n.map(({ key: t, content: r }) => {
+    const i = g(D(+t, f));
+    return /* @__PURE__ */ a(
+      "div",
+      {
+        className: `${o}-dot-wrapper`,
+        style: {
+          ...l ? { [s ? "top" : "bottom"]: i } : { [s ? "right" : "left"]: i }
+        },
+        onMouseDown: (c) => {
+          c.stopPropagation(), d(e.onMouseDown) && e.onMouseDown(parseFloat(t));
+        },
+        children: u(r) && r.dot ? r.dot : /* @__PURE__ */ a(
+          "div",
+          {
+            className: v(`${o}-dot`, {
+              [`${o}-dot-active`]: h(t, m)
+            })
+          }
+        )
+      },
+      t
+    );
+  }) }) : null;
+}, b = p.memo(w);
+export {
+  b as default
+};

package/slider/Input.js

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

package/slider/Mark.js

@@ -0,0 +1,28 @@
+import { jsx as l } from "react/jsx-runtime";
+import d from "lodash/isFunction";
+import p from "lodash/isPlainObject";
+import v from "react";
+import { formatPercent as x, getIntervalOffset as g, isNotEmpty as i } from "./util.js";
+const h = function(e) {
+  const { data: s = [], vertical: f, prefixCls: a, reverse: m, intervalConfigs: u } = e;
+  return s.length ? /* @__PURE__ */ l("div", { className: `${a}-marks`, children: s.map(({ key: o, content: t }) => {
+    const n = x(g(+o, u));
+    let r = null;
+    return p(t) && i(t.text) ? r = t.text : i(t) && (r = t), i(r) && /* @__PURE__ */ l(
+      "div",
+      {
+        className: `${a}-marks-text`,
+        "aria-hidden": !0,
+        style: f ? { [m ? "top" : "bottom"]: n } : { [m ? "right" : "left"]: n },
+        onMouseDown: (c) => {
+          c.stopPropagation(), d(e.onMouseDown) && e.onMouseDown(parseFloat(o));
+        },
+        children: r
+      },
+      o
+    );
+  }) }) : null;
+}, b = v.memo(h);
+export {
+  b as default
+};

package/slider/Tick.js

@@ -0,0 +1,44 @@
+import { jsx as i } from "react/jsx-runtime";
+import { u as M } from "../chunk/BibHFOCF.js";
+import A, { useMemo as R } from "react";
+import { m as $ } from "../chunk/JPPo5nY_.js";
+import { formatPercent as b, getIntervalOffset as y, valueInRange as I } from "./util.js";
+function N(p) {
+  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);
+    for (let a = 0; a <= x; a++) {
+      const o = M(a * s, f);
+      if (o <= l || o >= u) continue;
+      const m = b(y(o, e));
+      c.set(m, {
+        offset: m,
+        isActive: I(o, v)
+      });
+    }
+  }, k = R(() => {
+    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(
+    "div",
+    {
+      className: $(`${r}-tick`, {
+        [`${r}-tick-active`]: t.isActive
+      }),
+      style: d ? { [n ? "top" : "bottom"]: t.offset } : { [n ? "right" : "left"]: t.offset }
+    },
+    s
+  )) });
+}
+const O = A.memo(N);
+export {
+  O as default
+};