@unicom-cloud/ui 0.8.43 → 0.8.45

package/time-picker/Picker.js

@@ -0,0 +1,221 @@
+import { jsx as P } from "react/jsx-runtime";
+import De from "@unicom-cloud/icons/IconUiClockCircle";
+import { isDayjs as Se } from "dayjs";
+import a from "lodash/isArray";
+import Te, { useContext as je, useState as I, useRef as we } from "react";
+/* empty css                  */
+import "../config-provider/ConfigProvider.js";
+import Ae from "../hooks/useMergeProps.js";
+import Y from "../hooks/usePrevious.js";
+import Ee from "../hooks/useUpdateEffect.js";
+import He from "../picker/Input.js";
+import Ne from "../picker/InputRange.js";
+import ze from "../Trigger.js";
+import Oe from "@unicom-cloud/utils/class-name";
+import { getDayjsValue as S, toLocal as f, toTimezone as Z, isValidTimeString as z, getSortedDayjsArray as Fe, isDayjsArrayChange as Re, isDayjsChange as Ue } from "../utils/dayjs.js";
+import { pickDataAttributes as $e } from "../utils/pick.js";
+import Le from "./context.js";
+import { getFormatTime as Me } from "./util.js";
+import { ConfigContext as qe } from "../config-provider/context.js";
+function Be(T) {
+  return T.format || "HH:mm:ss";
+}
+const _ = {
+  allowClear: !0,
+  position: "bl",
+  format: "HH:mm:ss",
+  editable: !0,
+  order: !0,
+  scrollSticky: !0
+}, Ge = { bottom: 4 }, fo = (T) => {
+  var K, Q;
+  const { locale: p, getPrefixCls: ee, componentConfig: j, rtl: oe } = je(qe);
+  oe && (_.position = "br");
+  const t = Ae(
+    T,
+    _,
+    j == null ? void 0 : j.TimePicker
+  ), {
+    allowClear: te = !0,
+    className: O,
+    disableConfirm: ie,
+    style: F,
+    placeholder: w,
+    getPopupContainer: re,
+    disabled: R,
+    position: ne,
+    isRangePicker: m,
+    picker: se,
+    error: ue,
+    status: le,
+    triggerElement: U,
+    triggerProps: ae,
+    value: ce,
+    onChange: l,
+    icons: $,
+    size: fe,
+    editable: pe,
+    unmountOnExit: me,
+    order: de,
+    utcOffset: r,
+    timezone: n
+  } = t, s = Be(t), ge = ee("timepicker");
+  function Ve() {
+    let e;
+    return t.value ? e = S(t.value, s, r, n) : t.defaultValue && (e = S(t.defaultValue, s, r, n)), e;
+  }
+  const [L, M] = I(!1), [d, q] = I(Ve()), [i, h] = I(), [v, g] = I(), [x, Pe] = I(0), c = "value" in t ? S(ce, s, r, n) : d, A = "popupVisible" in t ? t.popupVisible : L, y = Y(r), b = Y(n);
+  Ee(() => {
+    if (d && (y !== r || n !== b)) {
+      const e = a(d) ? d.map((u) => f(u, y, b)) : f(d, y, b), o = a(e) ? e.map((u) => Z(u, r, n)) : Z(e, r, n);
+      q(o);
+    }
+  }, [r, y, n, b]);
+  const E = we(null);
+  function H(e) {
+    var o, u;
+    (u = (o = E.current) == null ? void 0 : o.focus) == null || u.call(o, e);
+  }
+  function N(e) {
+    Pe(e), setTimeout(() => H(e));
+  }
+  function he(e) {
+    e ? C(e, () => {
+      setTimeout(() => H());
+    }) : C(!1);
+  }
+  function C(e, o) {
+    M(e), g(void 0), o == null || o(), e || h(void 0);
+  }
+  function k(e) {
+    const o = m && de && a(e) ? Fe(e.map((u) => Me(u))) : e;
+    q(o), h(void 0), g(void 0), ve(o), ie || C(!1);
+  }
+  function ve(e) {
+    a(e) && Re(c, e) && (l == null || l(
+      e.map((o) => f(o, r, n).format(s)),
+      e.map((o) => f(o, r, n))
+    )), Se(e) && Ue(c, e) && (l == null || l(
+      f(e, r, n).format(s),
+      f(e, r, n)
+    ));
+  }
+  function B(e) {
+    const o = m ? a(i) && i.length ? i : c : i || c;
+    return /* @__PURE__ */ P(
+      "div",
+      {
+        className: Oe(`${ge}-container`, e ? O : ""),
+        style: e ? F : {},
+        onClick: () => H(),
+        children: Te.cloneElement(se, {
+          ...t,
+          format: s,
+          inputValue: v,
+          setInputValue: g,
+          onConfirmValue: k,
+          setValueShow: h,
+          valueShow: o,
+          value: c,
+          popupVisible: A,
+          focusedInputIndex: x,
+          changeFocusedInputIndex: N
+        })
+      }
+    );
+  }
+  function G(e) {
+    const o = e.target.value;
+    L || M(!0), g(o), Ce(o);
+  }
+  function Ce(e) {
+    var u, W;
+    const o = S(e, s);
+    if (m) {
+      const V = [
+        ...a(i) ? i : d || []
+      ];
+      if (z(e, s)) {
+        V[x] = o;
+        const X = V.map(
+          (D) => f(D, r, n)
+        );
+        (u = t.onSelect) == null || u.call(
+          t,
+          X.map((D) => D && D.format(s)),
+          X
+        ), h(V), g(void 0);
+      }
+    } else if (z(e, s)) {
+      const V = f(o, r, n);
+      (W = t.onSelect) == null || W.call(t, V.format(s), V), h(o), g(void 0);
+    }
+  }
+  function Ie() {
+    m ? a(i) && i.length ? v && !z(v, s) ? C(!1) : i[0] === void 0 || i[1] === void 0 ? N(x === 0 ? 1 : 0) : i.length === 2 && k(i) : C(!1) : k(i || c);
+  }
+  function xe(e) {
+    var o;
+    e.stopPropagation(), k(void 0), l == null || l(void 0, void 0), (o = t.onClear) == null || o.call(t);
+  }
+  const ye = m && a(w) ? w : (K = p == null ? void 0 : p.TimePicker) == null ? void 0 : K.placeholders, be = w || ((Q = p == null ? void 0 : p.TimePicker) == null ? void 0 : Q.placeholder), ke = $ && $.inputSuffix || /* @__PURE__ */ P(De, {}), J = {
+    style: F,
+    className: O,
+    popupVisible: A,
+    format: s,
+    disabled: R,
+    error: ue,
+    status: le,
+    size: fe,
+    onPressEnter: Ie,
+    onClear: xe,
+    suffixIcon: ke,
+    editable: pe,
+    allowClear: te,
+    prefix: t.prefix,
+    ...$e(t)
+  };
+  return /* @__PURE__ */ P(Le.Provider, { value: { utcOffset: r, timezone: n }, children: U === null ? B(!0) : /* @__PURE__ */ P(
+    ze,
+    {
+      popup: () => B(),
+      trigger: "click",
+      clickToClose: !1,
+      position: ne,
+      disabled: R,
+      popupAlign: Ge,
+      getPopupContainer: re,
+      onVisibleChange: he,
+      popupVisible: A,
+      classNames: "slideDynamicOrigin",
+      unmountOnExit: !!me,
+      ...ae,
+      children: U || (m ? /* @__PURE__ */ P(
+        Ne,
+        {
+          ...J,
+          ref: E,
+          placeholder: ye,
+          value: a(i) && i.length ? i : c,
+          onChange: G,
+          inputValue: v,
+          changeFocusedInputIndex: N,
+          focusedInputIndex: x
+        }
+      ) : /* @__PURE__ */ P(
+        He,
+        {
+          ...J,
+          ref: E,
+          placeholder: be,
+          value: i || c,
+          inputValue: v,
+          onChange: G
+        }
+      ))
+    }
+  ) });
+};
+export {
+  fo as default
+};

package/time-picker/RangePicker.js

@@ -0,0 +1,56 @@
+import { jsx as I } from "react/jsx-runtime";
+import { isDayjs as a } from "dayjs";
+import P from "lodash/isArray";
+import { useContext as S } from "react";
+import { toLocal as w, toTimezone as b } from "../utils/dayjs.js";
+import z from "../utils/omit.js";
+import T from "./TimePicker.js";
+import j from "./context.js";
+function _(d) {
+  const {
+    format: s = "HH:mm:ss",
+    onSelect: n,
+    focusedInputIndex: t,
+    changeFocusedInputIndex: h,
+    popupVisible: V,
+    onConfirmValue: u,
+    valueShow: o = [],
+    setValueShow: v,
+    disableConfirm: f,
+    ...C
+  } = d, { utcOffset: c, timezone: l } = S(j);
+  function x(y, p) {
+    const i = o.slice(), e = o.map((m) => w(m, c, l));
+    i[t] = b(p, c, l), e[t] = p, n == null || n(
+      e.map((m) => m.format(s)),
+      e
+    ), v(i), f && P(e) && a(e[0]) && a(e[1]) && u(i);
+  }
+  function g() {
+    o.length && (o[0] === void 0 || o[1] === void 0) ? h(t === 0 ? 1 : 0) : u(o);
+  }
+  const k = z(C, [
+    "defaultValue",
+    "placeholder",
+    "value",
+    "onChange"
+  ]), r = o[t];
+  return /* @__PURE__ */ I(
+    T,
+    {
+      onSelect: x,
+      value: r,
+      format: s,
+      isRangePicker: !0,
+      onConfirmValue: g,
+      confirmBtnDisabled: !a(r),
+      valueShow: r,
+      popupVisible: V,
+      disableConfirm: f,
+      ...k
+    }
+  );
+}
+export {
+  _ as default
+};

package/time-picker/TimeColumn.js

@@ -0,0 +1,65 @@
+import { jsx as i } from "react/jsx-runtime";
+import C from "lodash/debounce";
+import { useRef as n, useEffect as d, useCallback as H } from "react";
+import N from "../hooks/usePrevious.js";
+import T from "@unicom-cloud/utils/class-name";
+import { scrollTo as b } from "./util.js";
+function V(g) {
+  const {
+    prefixCls: c,
+    list: l,
+    value: s,
+    onHandleSelect: u,
+    unit: m,
+    popupVisible: o,
+    scrollSticky: $
+  } = g, a = n(/* @__PURE__ */ new Map()), r = n(null), h = n(), v = n(0), f = N(o), p = n(
+    r.current && r.current.scrollTop
+  );
+  d(() => {
+    const e = a.current.get(s);
+    e && o && f && (b(r.current, e.offsetTop, 150), p.current = e.offsetTop);
+  }, [s]), d(() => {
+    if (o && o !== f) {
+      const e = a.current.get(s);
+      e && (b(r.current, e.offsetTop, 0), p.current = e.offsetTop);
+    }
+  }, [o, f]), d(() => {
+    l.length <= 1 || (v.current = (h.current.clientHeight - r.current.clientHeight) / (l.length - 1));
+  }, [l.length]);
+  const x = H(
+    C(() => {
+      const t = (r.current.scrollTop - p.current > 0 ? Math.ceil : Math.floor)(
+        r.current.scrollTop / v.current
+      );
+      t !== s && l[t] && !l[t].disabled && u(l[t].value, m);
+    }, 100),
+    [u]
+  );
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: T(`${c}-list`),
+      ref: r,
+      onWheel: $ ? x : void 0,
+      children: /* @__PURE__ */ i("ul", { ref: h, children: l.map((e) => /* @__PURE__ */ i(
+        "li",
+        {
+          className: T(`${c}-cell`, {
+            [`${c}-cell-disabled`]: e.disabled,
+            [`${c}-cell-selected`]: e.selected
+          }),
+          onClick: () => !e.disabled && u(e.value, m),
+          ref: (t) => {
+            a.current.set(e.value, t);
+          },
+          children: /* @__PURE__ */ i("div", { className: `${c}-cell-inner`, children: e.label })
+        },
+        e.value
+      )) })
+    }
+  );
+}
+export {
+  V as default
+};

package/time-picker/TimePicker.js

@@ -0,0 +1,242 @@
+import { jsxs as I, Fragment as pe, jsx as a } from "react/jsx-runtime";
+import { useContext as Q, useCallback as W } from "react";
+import X from "../Button.js";
+/* empty css                  */
+import "../config-provider/ConfigProvider.js";
+import he from "@unicom-cloud/utils/class-name";
+import { getDayjsValue as xe, getNow as Y, dayjs as $, toLocal as Z } from "../utils/dayjs.js";
+import { padStart as d } from "../utils/pad.js";
+import D from "./TimeColumn.js";
+import $e from "./context.js";
+import { getColumnsFromFormat as j } from "./util.js";
+import { ConfigContext as Oe } from "../config-provider/context.js";
+const Ce = ["am", "pm"];
+function ve(w) {
+  return w.use12Hours ?? j(w.format).use12Hours;
+}
+function Ae(w) {
+  const {
+    format: O = "HH:mm:ss",
+    onSelect: C,
+    popupVisible: V,
+    step: v = {},
+    disabledHours: p,
+    disabledMinutes: c,
+    disabledSeconds: r,
+    hideDisabledOptions: z,
+    onConfirmValue: S,
+    isRangePicker: M,
+    confirmBtnDisabled: ee,
+    valueShow: ne,
+    setValueShow: b,
+    extra: q,
+    disableConfirm: k,
+    hideFooter: oe,
+    showNowBtn: G = !0,
+    scrollSticky: te
+  } = w, { getPrefixCls: ie, locale: J } = Q(Oe), T = ie("timepicker"), { utcOffset: B, timezone: E } = Q($e), f = xe(ne, O), N = f && f.hour() >= 12 ? "pm" : "am", l = ve(w), L = W(
+    (n) => {
+      const o = v.hour || 1, e = v.minute || 1, P = v.second || 1, s = [];
+      if (n === "hour") {
+        for (let i = 0; i < (l ? 12 : 24); i += o)
+          s.push(i);
+        l && (s[0] = 12);
+      }
+      if (n === "minute")
+        for (let i = 0; i < 60; i += e)
+          s.push(i);
+      if (n === "second")
+        for (let i = 0; i < 60; i += P)
+          s.push(i);
+      return s;
+    },
+    [v.hour, v.minute, v.second, l]
+  ), g = L("hour"), H = L("minute"), h = L("second");
+  let t = f && f.hour();
+  t = l && t > 12 ? t - 12 : t, l && t === 0 && N === "am" && (t += 12);
+  const y = f && f.minute(), K = f && f.second(), R = W(
+    (n) => {
+      switch (n) {
+        case "hour":
+          return typeof p == "function" ? d(
+            g.find((o) => p().indexOf(o) === -1) || 0,
+            2,
+            "0"
+          ) : d(g[0], 2, "0");
+        case "minute":
+          return typeof c == "function" ? d(
+            H.find(
+              (o) => c(t).indexOf(o) === -1
+            ) || 0,
+            2,
+            "0"
+          ) : d(H[0], 2, "0");
+        case "second":
+          return typeof r == "function" ? d(
+            h.find(
+              (o) => r(t, y).indexOf(o) === -1
+            ) || 0,
+            2,
+            "0"
+          ) : d(h[0], 2, "0");
+        default:
+          return "00";
+      }
+    },
+    [
+      g,
+      H,
+      h,
+      p,
+      c,
+      r,
+      t,
+      y
+    ]
+  );
+  function se(n, o) {
+    const e = j(O).list.indexOf("A") !== -1, P = f || $(
+      `${R("hour")}:${R("minute")}:${R(
+        "second"
+      )}`,
+      "HH:mm:ss"
+    );
+    let s = P.hour(), i = P.minute(), x = P.second();
+    const _ = e ? N.toUpperCase() : N;
+    let m = "HH:mm:ss", u;
+    l && (e ? m = `${m} A` : m = `${m} a`), l && (s = s > 12 ? s - 12 : s), o === "hour" && (typeof c == "function" && c(n).includes(i) && (i = H.find(
+      (U) => c(n).indexOf(U) === -1
+    ) ?? 0), typeof r == "function" && r(n, i).includes(x) && (x = h.find(
+      (U) => r(n, i).indexOf(U) === -1
+    ) ?? 0), u = $(
+      `${n}:${i}:${x} ${_}`,
+      m,
+      "en"
+    )), o === "minute" && (typeof r == "function" && r(s, n).includes(x) && (x = h.find(
+      (U) => r(s, n).indexOf(U) === -1
+    ) ?? 0), u = $(
+      `${s}:${n}:${x} ${_}`,
+      m,
+      "en"
+    )), o === "second" && (u = $(
+      `${s}:${i}:${n} ${_}`,
+      m,
+      "en"
+    )), o === "ampm" && (u = $(
+      `${s}:${i}:${x} ${e ? n.toUpperCase() : n}`,
+      m,
+      "en"
+    )), u = $(u, m).locale($.locale()), C == null || C(
+      Z(u, B, E).format(O),
+      Z(u, B, E)
+    ), M || (b == null || b(u), k && S(u));
+  }
+  function re() {
+    f && S(f);
+  }
+  function fe() {
+    const n = Y(), o = Y(B, E);
+    C == null || C(n.format(O), n), k ? S == null || S(o) : b == null || b(o);
+  }
+  const A = {
+    prefixCls: T,
+    onHandleSelect: se,
+    popupVisible: V,
+    scrollSticky: te
+  };
+  function ce() {
+    const o = (z && typeof p == "function" ? g.filter((e) => p().indexOf(e) === -1) : g).map((e) => ({
+      label: d(`${e}`, 2, "0"),
+      value: e,
+      selected: t !== void 0 && t === e,
+      disabled: typeof p == "function" && p().indexOf(e) !== -1
+    }));
+    return /* @__PURE__ */ a(
+      D,
+      {
+        ...A,
+        list: o,
+        value: t,
+        unit: "hour"
+      }
+    );
+  }
+  function ue() {
+    const o = (z && typeof c == "function" ? H.filter((e) => c(t).indexOf(e) === -1) : H).map((e) => ({
+      label: d(`${e}`, 2, "0"),
+      value: e,
+      selected: t !== void 0 && y === e,
+      disabled: typeof c == "function" && c(t).indexOf(e) !== -1
+    }));
+    return /* @__PURE__ */ a(
+      D,
+      {
+        ...A,
+        list: o,
+        value: y,
+        unit: "minute"
+      }
+    );
+  }
+  function me() {
+    const o = (z && typeof r == "function" ? h.filter(
+      (e) => r(t, y).indexOf(e) === -1
+    ) : h).map((e) => ({
+      label: d(`${e}`, 2, "0"),
+      value: e,
+      selected: t !== void 0 && K === e,
+      disabled: typeof r == "function" && r(t, y).indexOf(e) !== -1
+    }));
+    return /* @__PURE__ */ a(
+      D,
+      {
+        ...A,
+        list: o,
+        value: K,
+        unit: "second"
+      }
+    );
+  }
+  function de() {
+    const n = j(O).list.indexOf("A") !== -1, o = Ce.map((e) => ({
+      label: n ? e.toUpperCase() : e,
+      value: e,
+      selected: N === e
+    }));
+    return /* @__PURE__ */ a(
+      D,
+      {
+        ...A,
+        list: o,
+        value: N,
+        unit: "ampm"
+      }
+    );
+  }
+  const { list: F } = j(O), le = he(T), ae = oe || k && M || !M && k && !G;
+  return /* @__PURE__ */ I(pe, { children: [
+    /* @__PURE__ */ I("div", { className: le, children: [
+      (F.indexOf("H") !== -1 || F.indexOf("h") !== -1) && ce(),
+      F.indexOf("m") !== -1 && ue(),
+      F.indexOf("s") !== -1 && me(),
+      l && de()
+    ] }),
+    q && /* @__PURE__ */ a("div", { className: `${T}-footer-extra-wrapper`, children: q }),
+    !ae && /* @__PURE__ */ I("div", { className: `${T}-footer-btn-wrapper`, children: [
+      !M && G ? /* @__PURE__ */ a(X, { size: "mini", onClick: fe, children: J.TimePicker.now }) : /* @__PURE__ */ a("div", {}),
+      !k && /* @__PURE__ */ a(
+        X,
+        {
+          type: "primary",
+          size: "mini",
+          onClick: re,
+          disabled: ee || !f,
+          children: J.TimePicker.ok
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  Ae as default
+};

package/time-picker/context.js

@@ -0,0 +1,5 @@
+import { createContext as t } from "react";
+const o = t({});
+export {
+  o as default
+};

package/time-picker/util.js

@@ -0,0 +1,43 @@
+import { Tween as l, quartInOut as i } from "@unicom-cloud/utils/tween";
+import { isDayjs as f } from "dayjs";
+import { dayjs as m, methods as a } from "../utils/dayjs.js";
+function d(o) {
+  const t = ["H", "h", "m", "s", "a", "A"], s = [];
+  let e = !1;
+  return t.forEach((r) => {
+    o.indexOf(r) !== -1 && (s.push(r), (r === "a" || r === "A") && (e = !0));
+  }), {
+    list: s,
+    use12Hours: e
+  };
+}
+const c = /* @__PURE__ */ new Map();
+function h(o, t, s) {
+  c.get(o) && cancelAnimationFrame(c.get(o)), s <= 0 && (o.scrollTop = t), c.set(
+    o,
+    requestAnimationFrame(() => {
+      new l({
+        from: { scrollTop: o.scrollTop },
+        to: { scrollTop: t },
+        duration: s,
+        onUpdate: (r) => {
+          o.scrollTop = r.scrollTop;
+        },
+        easing: i
+      }).start();
+    })
+  );
+}
+function y(o) {
+  const t = m(), s = t.year(), e = t.month(), r = t.date();
+  if (f(o)) {
+    let n = o;
+    return n = a.set(n, "year", s), n = a.set(n, "month", e), n = a.set(n, "date", r), n;
+  }
+  return o;
+}
+export {
+  d as getColumnsFromFormat,
+  y as getFormatTime,
+  h as scrollTo
+};