@unicom-cloud/ui 0.8.41

package/Tabs.js

@@ -0,0 +1,10 @@
+import "./chunk/DP2rzg_V.js";
+import "./chunk/C6Kfwj0f.js";
+import "./Trigger.js";
+import "./Dropdown.js";
+import "./Tooltip.js";
+import "./chunk/CUK6MU72.js";
+import { T as e } from "./chunk/DQ_eXwj8.js";
+export {
+  e as default
+};

package/Tag.js

@@ -0,0 +1,108 @@
+import { jsxs as M, jsx as c } from "react/jsx-runtime";
+import "./chunk/DP2rzg_V.js";
+import A from "@unicom-cloud/icons/IconUiClose";
+import B from "@unicom-cloud/icons/IconUiLoading";
+import { forwardRef as D, useContext as F, useState as g } from "react";
+import { a as G, I as J } from "./chunk/Dc_89PVN.js";
+import Q from "./hooks/useKeyboardEvent.js";
+import W from "./hooks/useMergeProps.js";
+import X from "@unicom-cloud/utils/class-name";
+import Y from "./utils/omit.js";
+const Z = [
+  "red",
+  "orangered",
+  "orange",
+  "gold",
+  "lime",
+  "green",
+  "cyan",
+  "blue",
+  "pqbblue",
+  "purple",
+  "magenta",
+  "gray"
+], ee = {
+  size: "default"
+};
+function oe(N, y) {
+  const { getPrefixCls: I, componentConfig: r, rtl: P } = F(G), T = Q(), o = W(
+    N,
+    ee,
+    r == null ? void 0 : r.Tag
+  ), {
+    className: _,
+    style: z,
+    children: E,
+    color: s,
+    closable: H,
+    checkable: l,
+    defaultChecked: L,
+    size: u,
+    onClose: i,
+    onCheck: a,
+    icon: k,
+    closeIcon: d,
+    bordered: O,
+    __closeIconProps: S,
+    ...j
+  } = o, e = I("tag"), [w, C] = g(
+    "visible" in o ? o.visible : !0
+  ), [K, R] = g(
+    "checked" in o ? o.checked : L
+  ), [m, f] = g(), $ = "checked" in o ? o.checked : K, U = "visible" in o ? o.visible : w;
+  function v(t) {
+    const h = i == null ? void 0 : i(t);
+    h && h.then ? (f(!0), h.then(() => {
+      f(!1), C(!1);
+    }).catch(() => {
+      f(!1);
+    })) : C(!1);
+  }
+  function V() {
+    const t = !$;
+    "checked" in o || R(t), a == null || a(t);
+  }
+  const n = s && Z.indexOf(s) !== -1 ? s : "", p = l ? $ : !0, q = X(
+    e,
+    {
+      [`${e}-loading`]: m,
+      [`${e}-hide`]: !U,
+      [`${e}-${n}`]: n,
+      [`${e}-checkable`]: l,
+      [`${e}-checked`]: p,
+      [`${e}-size-${u}`]: u,
+      [`${e}-bordered`]: O,
+      [`${e}-custom-color`]: p && s && !n,
+      [`${e}-rtl`]: P
+    },
+    _
+  ), b = {
+    ...z
+  };
+  s && !n && p && (b.backgroundColor = s, b.borderColor = s);
+  const x = Y(j, ["visible"]);
+  return l && (x.onClick = V), /* @__PURE__ */ M("div", { ref: y, style: b, className: q, ...x, children: [
+    k && /* @__PURE__ */ c("span", { className: `${e}-icon`, children: k }),
+    /* @__PURE__ */ c("span", { className: `${e}-content`, children: E }),
+    H && !m && d !== null && /* @__PURE__ */ c(
+      J,
+      {
+        prefix: e,
+        className: `${e}-close-btn`,
+        onClick: v,
+        role: "button",
+        tabIndex: 0,
+        ...T({ onPressEnter: v }),
+        "aria-label": "Close",
+        ...S,
+        children: d !== void 0 ? d : /* @__PURE__ */ c(A, {})
+      }
+    ),
+    m && /* @__PURE__ */ c("span", { className: `${e}-loading-icon`, children: /* @__PURE__ */ c(B, {}) })
+  ] });
+}
+const se = D(oe);
+se.displayName = "Tag";
+export {
+  se as default
+};

package/TimePicker.js

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

package/Timeline.js

@@ -0,0 +1,5 @@
+import "./chunk/DP2rzg_V.js";
+import { T as m } from "./chunk/GfGTdWbJ.js";
+export {
+  m as default
+};

package/Tooltip.js

@@ -0,0 +1,127 @@
+import { jsx as n } from "react/jsx-runtime";
+import "./chunk/DP2rzg_V.js";
+import F, { EventsByTriggerNeed as I } from "./Trigger.js";
+import M from "@unicom-cloud/utils/tinycolor";
+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/Dc_89PVN.js";
+import J from "./hooks/useMergeProps.js";
+import f from "@unicom-cloud/utils/class-name";
+import { isEmptyReactNode as K } from "./utils/is.js";
+import Q, { pickDataAttributes as U } from "./utils/pick.js";
+const X = {
+  position: "top",
+  trigger: "hover",
+  escToClose: !1,
+  unmountOnExit: !0,
+  blurToHide: !0,
+  popupHoverStay: !0
+}, Y = {
+  enter: 300,
+  exit: 100
+}, Z = {
+  left: 12,
+  right: 12,
+  top: 12,
+  bottom: 12
+};
+function _(d, g) {
+  const { getPrefixCls: P, componentConfig: i } = z(G), l = J(
+    d,
+    X,
+    i == null ? void 0 : i.Tooltip
+  ), {
+    style: C,
+    className: a,
+    children: h,
+    trigger: x,
+    escToClose: b,
+    defaultPopupVisible: y,
+    position: u,
+    unmountOnExit: N,
+    popupVisible: T,
+    prefixCls: w,
+    blurToHide: v,
+    popupHoverStay: $,
+    disabled: V,
+    onVisibleChange: A,
+    triggerProps: t,
+    childrenPrefix: E,
+    getPopupContainer: H,
+    content: s,
+    mini: k,
+    color: e,
+    ...c
+  } = l, p = B(), D = (O = 0, R) => {
+    p.current && p.current.updatePopupPosition(O, R);
+  };
+  W(
+    g,
+    () => ({
+      updatePopupPosition: D
+    }),
+    []
+  );
+  const r = w || P("tooltip"), o = {
+    ...Q(c, I),
+    ...U(c),
+    ...t,
+    className: f(a, t == null ? void 0 : t.className)
+  }, m = S(s) ? s() : s;
+  "popupVisible" in l ? o.popupVisible = T : K(m, !0) && (o.popupVisible = !1), (o.showArrow !== !1 || o.arrowProps) && (o.arrowProps = o.arrowProps || {}, e && (o.arrowProps.style = {
+    backgroundColor: e,
+    ...o.arrowProps.style
+  }));
+  const L = q(() => e ? new M(e).isLight() ?? !1 : !1, [e]);
+  return /* @__PURE__ */ n(
+    F,
+    {
+      style: {
+        maxWidth: 350,
+        ...C
+      },
+      className: a,
+      ref: p,
+      classNames: "zoomInFadeOut",
+      duration: Y,
+      popup: () => /* @__PURE__ */ n(
+        "div",
+        {
+          style: { backgroundColor: e },
+          className: f(
+            `${r}-content`,
+            `${r}-content-${u}`,
+            {
+              [`${r}-mini`]: k,
+              [`${r}-light-color`]: L
+            }
+          ),
+          role: "tooltip",
+          children: /* @__PURE__ */ n("div", { className: `${r}-content-inner`, children: m })
+        }
+      ),
+      position: u,
+      disabled: V,
+      trigger: x,
+      escToClose: b,
+      showArrow: !0,
+      popupAlign: Z,
+      mouseEnterDelay: 200,
+      mouseLeaveDelay: 200,
+      unmountOnExit: N,
+      popupHoverStay: $,
+      blurToHide: v,
+      childrenPrefix: E || r,
+      getPopupContainer: H,
+      onVisibleChange: A,
+      defaultPopupVisible: y,
+      ...o,
+      children: h
+    }
+  );
+}
+const oo = j(_);
+oo.displayName = "Tooltip";
+export {
+  oo as default
+};