@unicom-cloud/ui 0.8.67 → 0.8.69

package/time-picker/TimePicker.js

@@ -0,0 +1,240 @@
+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/index.js";
+import { a as he } from "../chunk/ll867Bf3.js";
+import { m as xe } from "../chunk/JPPo5nY_.js";
+import { g as $e, a as Y, d as $, j as Z } from "../chunk/tamGhTJp.js";
+import { padStart as d } from "../utils/pad.js";
+import j from "./TimeColumn.js";
+import Oe from "./context.js";
+import { getColumnsFromFormat as D } from "./util.js";
+const Ce = ["am", "pm"];
+function ve(w) {
+  return w.use12Hours ?? D(w.format).use12Hours;
+}
+function Me(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(he), T = ie("timepicker"), { utcOffset: B, timezone: E } = Q(Oe), f = $e(ne, O), g = 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]
+  ), N = L("hour"), H = L("minute"), h = L("second");
+  let t = f && f.hour();
+  t = l && t > 12 ? t - 12 : t, l && t === 0 && g === "am" && (t += 12);
+  const y = f && f.minute(), K = f && f.second(), R = W(
+    (n) => {
+      switch (n) {
+        case "hour":
+          return typeof p == "function" ? d(
+            N.find((o) => p().indexOf(o) === -1) || 0,
+            2,
+            "0"
+          ) : d(N[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";
+      }
+    },
+    [
+      N,
+      H,
+      h,
+      p,
+      c,
+      r,
+      t,
+      y
+    ]
+  );
+  function se(n, o) {
+    const e = D(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 ? g.toUpperCase() : g;
+    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" ? N.filter((e) => p().indexOf(e) === -1) : N).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(
+      j,
+      {
+        ...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(
+      j,
+      {
+        ...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(
+      j,
+      {
+        ...A,
+        list: o,
+        value: K,
+        unit: "second"
+      }
+    );
+  }
+  function de() {
+    const n = D(O).list.indexOf("A") !== -1, o = Ce.map((e) => ({
+      label: n ? e.toUpperCase() : e,
+      value: e,
+      selected: g === e
+    }));
+    return /* @__PURE__ */ a(
+      j,
+      {
+        ...A,
+        list: o,
+        value: g,
+        unit: "ampm"
+      }
+    );
+  }
+  const { list: F } = D(O), le = xe(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 {
+  Me 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/index.js

@@ -0,0 +1,20 @@
+import { jsx as e } from "react/jsx-runtime";
+import o from "./Picker.js";
+import t from "./RangePicker.js";
+import k from "./TimePicker.js";
+function i(c, n, a) {
+  function r(m) {
+    return /* @__PURE__ */ e(o, { ...m, picker: c, isRangePicker: a === "range" });
+  }
+  return r.displayName = n, r;
+}
+const P = i(/* @__PURE__ */ e(k, {}), "TimePicker"), p = i(
+  /* @__PURE__ */ e(t, {}),
+  "TimePickerRangePicker",
+  "range"
+);
+Object.assign(P, { RangePicker: p });
+export {
+  p as TimeRangePicker,
+  P as default
+};

package/time-picker/interface.js

@@ -0,0 +1 @@
+

package/time-picker/util.js

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

package/timeline/Item.js

@@ -0,0 +1,92 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import S, { useContext as g, useRef as z, useEffect as F } from "react";
+import { a as W } from "../chunk/ll867Bf3.js";
+import { u as j } from "../chunk/BFTV6myl.js";
+import { m as h } from "../chunk/JPPo5nY_.js";
+const D = {
+  dotType: "solid",
+  lineType: "solid"
+};
+function k(y, N) {
+  const { getPrefixCls: b, componentConfig: l } = g(W), a = j(
+    y,
+    D,
+    l == null ? void 0 : l["Timeline.Item"]
+  ), {
+    children: n,
+    className: x,
+    style: C,
+    label: m,
+    position: T,
+    dot: d,
+    dotColor: c,
+    dotType: f,
+    lineType: I,
+    lineColor: p,
+    direction: o,
+    labelPosition: i,
+    autoFixDotSize: R = !0,
+    ...w
+  } = a, s = z(null), e = b("timeline"), P = () => {
+    if (s.current) {
+      const u = 16 / s.current.offsetWidth;
+      u < 1 && (s.current.style.transform = `translateX(-50%) translateY(-50%) scale(${u})`);
+    }
+  };
+  F(() => {
+    R && P();
+  }, [a]);
+  const $ = m && /* @__PURE__ */ t("div", { className: `${e}-item-label`, children: m });
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      ref: N,
+      role: "listitem",
+      ...w,
+      className: h(
+        `${e}-item`,
+        {
+          [`${e}-item-${o}-${T}`]: o,
+          [`${e}-item-label-${i}`]: i
+        },
+        x
+      ),
+      style: C,
+      children: [
+        /* @__PURE__ */ r("div", { className: `${e}-item-dot-wrapper`, children: [
+          /* @__PURE__ */ t(
+            "div",
+            {
+              className: `${e}-item-dot-line ${e}-item-dot-line-is-${o}`,
+              style: {
+                [`${o === "horizontal" ? "borderTopStyle" : "borderLeftStyle"}`]: I,
+                ...p ? { borderColor: p } : {}
+              }
+            }
+          ),
+          /* @__PURE__ */ t("div", { className: `${e}-item-dot-content`, children: d ? /* @__PURE__ */ t("div", { className: `${e}-item-dot-custom`, ref: s, children: d }) : /* @__PURE__ */ t(
+            "div",
+            {
+              className: h(
+                `${e}-item-dot`,
+                `${e}-item-dot-${f}`
+              ),
+              style: f === "solid" ? { backgroundColor: c } : { borderColor: c }
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ r("div", { className: `${e}-item-content-wrapper`, children: [
+          n && /* @__PURE__ */ t("div", { className: `${e}-item-content`, children: n }),
+          i !== "relative" && $
+        ] }),
+        i === "relative" && $
+      ]
+    }
+  );
+}
+const E = S.forwardRef(k), v = E;
+v.displayName = "TimelineItem";
+v.isTimelineItem = !0;
+export {
+  v as default
+};

package/timeline/Timeline.js

@@ -0,0 +1,79 @@
+import { jsx as u } from "react/jsx-runtime";
+import d, { useContext as R } from "react";
+import { a as w } from "../chunk/ll867Bf3.js";
+import { u as z } from "../chunk/BFTV6myl.js";
+import j from "../spin/index.js";
+import { m as y } from "../chunk/JPPo5nY_.js";
+import h from "./Item.js";
+const k = (p, a, s, i) => {
+  let t = ["left", "right"];
+  i === "horizontal" && (t = ["top", "bottom"]);
+  const l = s === "alternate" ? p || t[a % 2] : s;
+  return t.indexOf(l) > -1 ? l : t[0];
+}, C = {
+  mode: "left",
+  direction: "vertical",
+  pendingDot: /* @__PURE__ */ u(j, { size: 12 }),
+  labelPosition: "same"
+};
+function E(p, a) {
+  const { getPrefixCls: s, componentConfig: i, rtl: t } = R(w);
+  t && (C.mode = "right");
+  const l = z(
+    p,
+    C,
+    i == null ? void 0 : i.Timeline
+  ), {
+    className: $,
+    mode: g,
+    reverse: T,
+    children: N,
+    style: v,
+    direction: f,
+    pending: m,
+    labelPosition: b,
+    pendingDot: x,
+    ...D
+  } = l, o = s("timeline"), r = d.Children.map(N, (e) => e && e.type && e.type.isTimelineItem ? e : null) || [];
+  return m && r.push(
+    /* @__PURE__ */ u(h, { lineType: "dashed", dot: x, children: m === !0 ? "" : m })
+  ), T && r.reverse(), /* @__PURE__ */ u(
+    "div",
+    {
+      role: "list",
+      ...D,
+      ref: a,
+      className: y(
+        o,
+        `${o}-${g}`,
+        `${o}-direction-${f}`,
+        { [`${o}-rtl`]: t },
+        $
+      ),
+      style: v,
+      children: r.map((e, n) => {
+        if (!e)
+          return null;
+        const { position: I } = e.props;
+        let c = e.props.lineType;
+        return m && (T ? n === 0 && (c = "dashed") : r.length - 2 === n && (c = "dashed")), d.cloneElement(e, {
+          key: n,
+          className: y(e.props.className, {
+            [`${o}-item-last`]: r.length - 1 === n
+          }),
+          labelPosition: b,
+          position: k(I, n, g, f),
+          direction: f,
+          lineType: c
+        });
+      })
+    }
+  );
+}
+const F = d.forwardRef(E), P = F;
+P.displayName = "Timeline";
+P.Item = h;
+export {
+  h as TimelineItem,
+  P as default
+};

package/timeline/index.js

@@ -0,0 +1,6 @@
+import m from "./Timeline.js";
+import { default as i } from "./Item.js";
+export {
+  i as TimelineItem,
+  m as default
+};

package/timeline/interface.js

@@ -0,0 +1 @@
+

package/tooltip/index.js

@@ -0,0 +1,140 @@
+import { jsx as u } from "react/jsx-runtime";
+import { n as I } from "../chunk/B4JiMp8I.js";
+import S from "lodash/isFunction";
+import { forwardRef as j, useContext as z, useRef as B, useImperativeHandle as W, useMemo as q } from "react";
+import { a as G } from "../chunk/ll867Bf3.js";
+import { u as J } from "../chunk/BFTV6myl.js";
+import K, { EventsByTriggerNeed as Q } from "../trigger/index.js";
+import { m as b } from "../chunk/JPPo5nY_.js";
+import { a as U } from "../chunk/D-TPB2Do.js";
+import { a as X, p as Y } from "../chunk/ClqoGc3r.js";
+const Z = {
+  position: "top",
+  trigger: "hover",
+  escToClose: !1,
+  unmountOnExit: !0,
+  blurToHide: !0,
+  popupHoverStay: !0
+}, _ = {
+  enter: 300,
+  exit: 100
+}, oo = {
+  left: 12,
+  right: 12,
+  top: 12,
+  bottom: 12
+};
+function eo(h, C) {
+  const { getPrefixCls: x, componentConfig: l } = z(G), c = J(
+    h,
+    Z,
+    l == null ? void 0 : l.Tooltip
+  ), {
+    style: y,
+    className: m,
+    children: w,
+    trigger: N,
+    escToClose: T,
+    defaultPopupVisible: V,
+    position: f,
+    unmountOnExit: v,
+    popupVisible: D,
+    prefixCls: $,
+    blurToHide: A,
+    popupHoverStay: E,
+    disabled: H,
+    onVisibleChange: O,
+    triggerProps: n,
+    childrenPrefix: R,
+    getPopupContainer: k,
+    content: a,
+    mini: M,
+    color: i,
+    ...d
+  } = c, p = B(), L = (o = 0, e) => {
+    var r, P;
+    (P = (r = p.current) == null ? void 0 : r.updatePopupPosition) == null || P.call(r, o, e);
+  };
+  W(
+    C,
+    () => ({
+      // ...refTrigger.current,
+      updatePopupPosition: L,
+      getRootDOMNode: () => {
+        var o, e;
+        return (e = (o = p.current) == null ? void 0 : o.getRootDOMNode) == null ? void 0 : e.call(o);
+      },
+      setPopupVisible(o) {
+        var e, r;
+        (r = (e = p.current) == null ? void 0 : e.setPopupVisible) == null || r.call(e, o);
+      },
+      hide() {
+        var o, e;
+        (e = (o = p.current) == null ? void 0 : o.setPopupVisible) == null || e.call(o, !1);
+      }
+    }),
+    []
+  );
+  const s = $ || x("tooltip"), t = {
+    ...Y(d, Q),
+    ...X(d),
+    ...n,
+    className: b(m, n == null ? void 0 : n.className)
+  }, g = S(a) ? a() : a;
+  "popupVisible" in c ? t.popupVisible = D : U(g, !0) && (t.popupVisible = !1), (t.showArrow !== !1 || t.arrowProps) && (t.arrowProps = t.arrowProps || {}, i && (t.arrowProps.style = {
+    backgroundColor: i,
+    ...t.arrowProps.style
+  }));
+  const F = q(() => i ? new I(i).isLight() ?? !1 : !1, [i]);
+  return /* @__PURE__ */ u(
+    K,
+    {
+      style: {
+        maxWidth: 350,
+        ...y
+      },
+      className: m,
+      ref: p,
+      classNames: "zoomInFadeOut",
+      duration: _,
+      popup: () => /* @__PURE__ */ u(
+        "div",
+        {
+          style: { backgroundColor: i },
+          className: b(
+            `${s}-content`,
+            `${s}-content-${f}`,
+            {
+              [`${s}-mini`]: M,
+              [`${s}-light-color`]: F
+            }
+          ),
+          role: "tooltip",
+          children: /* @__PURE__ */ u("div", { className: `${s}-content-inner`, children: g })
+        }
+      ),
+      position: f,
+      disabled: H,
+      trigger: N,
+      escToClose: T,
+      showArrow: !0,
+      popupAlign: oo,
+      mouseEnterDelay: 200,
+      mouseLeaveDelay: 200,
+      unmountOnExit: v,
+      popupHoverStay: E,
+      blurToHide: A,
+      childrenPrefix: R || s,
+      getPopupContainer: k,
+      onVisibleChange: O,
+      defaultPopupVisible: V,
+      ...t,
+      children: w
+    }
+  );
+}
+const to = j(eo);
+to.displayName = "Tooltip";
+export {
+  to as default
+};

package/tooltip/interface.js

@@ -0,0 +1 @@
+