@unicom-cloud/ui 0.8.46 → 0.8.47

package/Tabs.js

@@ -1,11 +1,4 @@
-/* empty css                 */
-/* empty css                        */
-/* empty css                         */
-/* empty css                          */
-/* empty css                         */
-/* empty css                      */
-/* empty css                      */
-import f from "./tabs/Tab.js";
+import { T as a } from "./chunk/CfqAfcA3.js";
 export {
-  f as default
+  a as default
 };

package/Tag.js

@@ -1,16 +1,12 @@
 import { jsxs as M, jsx as c } from "react/jsx-runtime";
-/* empty css                 */
-/* empty css                     */
 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 "./config-provider/ConfigProvider.js";
-import G from "./hooks/useKeyboardEvent.js";
-import J from "./hooks/useMergeProps.js";
-import Q from "./IconHover.js";
-import W from "@unicom-cloud/utils/class-name";
-import X from "./utils/omit.js";
-import { ConfigContext as Y } from "./config-provider/context.js";
+import { a as G, I as J } from "./chunk/z7sBNzI4.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",
@@ -28,7 +24,7 @@ const Z = [
   size: "default"
 };
 function oe(N, y) {
-  const { getPrefixCls: I, componentConfig: r, rtl: P } = F(Y), T = G(), o = J(
+  const { getPrefixCls: I, componentConfig: r, rtl: P } = F(G), T = Q(), o = W(
     N,
     ee,
     r == null ? void 0 : r.Tag
@@ -38,10 +34,10 @@ function oe(N, y) {
     children: E,
     color: s,
     closable: H,
-    checkable: i,
+    checkable: l,
     defaultChecked: L,
     size: u,
-    onClose: l,
+    onClose: i,
     onCheck: a,
     icon: k,
     closeIcon: d,
@@ -53,8 +49,8 @@ function oe(N, y) {
   ), [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(n) {
-    const h = l == null ? void 0 : l(n);
+  function v(t) {
+    const h = i == null ? void 0 : i(t);
     h && h.then ? (f(!0), h.then(() => {
       f(!1), C(!1);
     }).catch(() => {
@@ -62,33 +58,33 @@ function oe(N, y) {
     })) : C(!1);
   }
   function V() {
-    const n = !$;
-    "checked" in o || R(n), a == null || a(n);
+    const t = !$;
+    "checked" in o || R(t), a == null || a(t);
   }
-  const t = s && Z.indexOf(s) !== -1 ? s : "", p = i ? $ : !0, q = W(
+  const n = s && Z.indexOf(s) !== -1 ? s : "", p = l ? $ : !0, q = X(
     e,
     {
       [`${e}-loading`]: m,
       [`${e}-hide`]: !U,
-      [`${e}-${t}`]: t,
-      [`${e}-checkable`]: i,
+      [`${e}-${n}`]: n,
+      [`${e}-checkable`]: l,
       [`${e}-checked`]: p,
       [`${e}-size-${u}`]: u,
       [`${e}-bordered`]: O,
-      [`${e}-custom-color`]: p && s && !t,
+      [`${e}-custom-color`]: p && s && !n,
       [`${e}-rtl`]: P
     },
     _
   ), b = {
     ...z
   };
-  s && !t && p && (b.backgroundColor = s, b.borderColor = s);
-  const x = X(j, ["visible"]);
-  return i && (x.onClick = V), /* @__PURE__ */ M("div", { ref: y, style: b, className: q, ...x, children: [
+  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(
-      Q,
+      J,
       {
         prefix: e,
         className: `${e}-close-btn`,

package/TimePicker.js

@@ -1,25 +1,275 @@
-import { jsx as r } from "react/jsx-runtime";
-/* empty css                 */
-/* empty css                        */
-/* empty css                       */
-/* empty css                        */
-/* empty css                         */
-/* empty css                             */
-import c from "./time-picker/Picker.js";
-import n from "./time-picker/RangePicker.js";
-import a from "./time-picker/TimePicker.js";
-function e(m, o, t) {
-  function i(p) {
-    return /* @__PURE__ */ r(c, { ...p, picker: m, isRangePicker: t === "range" });
-  }
-  return i.displayName = o, i;
+import { jsx as m } from "react/jsx-runtime";
+import Re from "@unicom-cloud/icons/IconUiClockCircle";
+import { isDayjs as L } from "dayjs";
+import p from "lodash/isArray";
+import He, { useContext as pe, useState as z, useRef as ze } from "react";
+import { a as Ae } from "./chunk/z7sBNzI4.js";
+import Ne from "./hooks/useMergeProps.js";
+import ce from "./hooks/usePrevious.js";
+import Oe from "./hooks/useUpdateEffect.js";
+import { a as Ee, I as Fe } from "./chunk/C61BEbHK.js";
+import $e from "./Trigger.js";
+import Ue from "@unicom-cloud/utils/class-name";
+import { getDayjsValue as B, toLocal as d, toTimezone as X, isValidTimeString as Q, getSortedDayjsArray as Be, isDayjsArrayChange as Le, isDayjsChange as Me } from "./utils/dayjs.js";
+import { pickDataAttributes as We } from "./utils/pick.js";
+import { P as me, g as _e, T as de } from "./chunk/4XXtB4ZV.js";
+import qe from "./utils/omit.js";
+function Ge(h) {
+  return h.format || "HH:mm:ss";
 }
-const k = e(/* @__PURE__ */ r(a, {}), "TimePicker"), P = e(
-  /* @__PURE__ */ r(n, {}),
+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 } = pe(Ae);
+  x && (fe.position = "br");
+  const t = Ne(
+    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);
+  Oe(() => {
+    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 = ze(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) ? Be(e.map((c) => _e(c))) : e;
+    te(o), j(void 0), k(void 0), Te(o), M || H(!1);
+  }
+  function Te(e) {
+    p(e) && Le(V, e) && (s == null || s(
+      e.map((o) => d(o, n, r).format(a)),
+      e.map((o) => d(o, n, r))
+    )), L(e) && Me(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: Ue(`${Ce}-container`, e ? f : ""),
+        style: e ? T : {},
+        onClick: () => J(),
+        children: He.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(Re, {}), 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,
+    ...We(t)
+  };
+  return /* @__PURE__ */ m(me.Provider, { value: { utcOffset: n, timezone: r }, children: w === null ? ie(!0) : /* @__PURE__ */ m(
+    $e,
+    {
+      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(
+        Ee,
+        {
+          ...re,
+          ref: G,
+          placeholder: we,
+          value: p(i) && i.length ? i : V,
+          onChange: ne,
+          inputValue: R,
+          changeFocusedInputIndex: K,
+          focusedInputIndex: O
+        }
+      ) : /* @__PURE__ */ m(
+        Fe,
+        {
+          ...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 } = pe(me);
+  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(
+    de,
+    {
+      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(de, {}), "TimePicker"), Ye = ge(
+  /* @__PURE__ */ m(Qe, {}),
   "TimePickerRangePicker",
   "range"
 );
-Object.assign(k, { RangePicker: P });
+Object.assign(Xe, { RangePicker: Ye });
 export {
-  k as default
+  Xe as default
 };

package/Timeline.js

@@ -1,6 +1,4 @@
-/* empty css                 */
-/* empty css                          */
-import e from "./timeline/Timeline.js";
+import { T as o } from "./chunk/DfvdYCUz.js";
 export {
-  e as default
+  o as default
 };

package/Tooltip.js

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