@unicom-cloud/ui 0.8.41

package/chunk/DdK6eiNS.js

@@ -0,0 +1,240 @@
+import { jsxs as O, jsx as t } from "react/jsx-runtime";
+import F from "@unicom-cloud/icons/IconUiCaretLeft";
+import A from "@unicom-cloud/icons/IconUiCaretRight";
+import M from "lodash/isFunction";
+import k, { useContext as H, createContext as U } from "react";
+import "./DP2rzg_V.js";
+import { a as T, I as V } from "./Dc_89PVN.js";
+import S from "../hooks/useMergeProps.js";
+import q from "../hooks/useMergeValue.js";
+import g from "@unicom-cloud/utils/class-name";
+import B from "../utils/omit.js";
+import { Transition as D } from "@unicom-cloud/react-transition-group";
+import G from "../hooks/useKeyboardEvent.js";
+import { off as J, on as Q } from "../utils/dom.js";
+function W(c, f) {
+  var v;
+  const { getPrefixCls: m } = H(T), o = H(z), C = G(), {
+    children: i,
+    name: r,
+    header: I,
+    className: $,
+    style: N,
+    contentStyle: E,
+    extra: x,
+    disabled: s,
+    destroyOnHide: y,
+    expandIcon: u,
+    showExpandIcon: b = !0,
+    ...P
+  } = c, n = m("collapse-item"), l = ((v = o.activeKeys) == null ? void 0 : v.indexOf(r)) > -1, h = b ? "expandIcon" in c ? u : o.expandIcon : null, d = (e, p) => {
+    var R;
+    if (s)
+      return;
+    const { triggerRegion: a } = o;
+    (p === (a === "icon" ? 0 : a === "header" ? 1 : 2) || // When triggerRegion is set to header, clicking icon should trigger onChange as well
+    a === "header" && [0, 1].includes(p)) && ((R = o.onToggle) == null || R.call(o, r, e));
+  };
+  return /* @__PURE__ */ O(
+    "div",
+    {
+      ref: f,
+      ...P,
+      className: g(
+        n,
+        {
+          [`${n}-active`]: l,
+          [`${n}-no-icon`]: !h,
+          [`${n}-disabled`]: s
+        },
+        $
+      ),
+      style: N,
+      children: [
+        /* @__PURE__ */ O(
+          "div",
+          {
+            role: "button",
+            "aria-disabled": s,
+            "aria-expanded": l,
+            "data-active-region": o.triggerRegion,
+            tabIndex: s ? -1 : 0,
+            className: g(
+              `${n}-header`,
+              `${n}-header-${o.expandIconPosition}`,
+              {
+                [`${n}-header-disabled`]: s
+              }
+            ),
+            onClick: (e) => d(e, 2),
+            ...C({
+              onPressEnter: (e) => {
+                !s && o.onToggle(r, e);
+              }
+            }),
+            children: [
+              h && /* @__PURE__ */ t(
+                V,
+                {
+                  prefix: n,
+                  disabled: s,
+                  className: g({
+                    [`${n}-icon-hover-right`]: o.expandIconPosition === "right",
+                    [`${n}-header-icon-right`]: o.expandIconPosition === "right"
+                  }),
+                  onClick: (e) => d(e, 0),
+                  children: /* @__PURE__ */ t(
+                    "span",
+                    {
+                      className: g(`${n}-header-icon`, {
+                        [`${n}-header-icon-down`]: l
+                      }),
+                      children: h
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ t(
+                "div",
+                {
+                  className: `${n}-header-title`,
+                  onClick: (e) => d(e, 1),
+                  children: I
+                }
+              ),
+              x && /* @__PURE__ */ t(
+                "div",
+                {
+                  className: `${n}-header-extra`,
+                  onClick: (e) => {
+                    e.stopPropagation();
+                  },
+                  children: x
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ t(
+          D,
+          {
+            in: l,
+            addEndListener: (e, p) => {
+              J(e, "transitionend", p), Q(e, "transitionend", p);
+            },
+            mountOnEnter: "destroyOnHide" in c ? y : o.destroyOnHide || o.lazyload,
+            unmountOnExit: "destroyOnHide" in c ? y : o.destroyOnHide,
+            onEnter: (e) => {
+              e.style.height = 0, e.style.display = "block";
+            },
+            onEntering: (e) => {
+              e.style.height = `${e.scrollHeight}px`;
+            },
+            onEntered: (e) => {
+              e.style.height = "auto";
+            },
+            onExit: (e) => {
+              e.style.display = "block", e.style.height = `${e.offsetHeight}px`, e.offsetHeight;
+            },
+            onExiting: (e) => {
+              e.style.height = 0;
+            },
+            onExited: (e) => {
+              e.style.display = "none", e.style.height = "auto";
+            },
+            children: /* @__PURE__ */ t(
+              "div",
+              {
+                role: "region",
+                className: g(`${n}-content`, {
+                  [`${n}-content-expanded`]: l
+                }),
+                children: /* @__PURE__ */ t("div", { style: E, className: `${n}-content-box`, children: i })
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+const L = k.forwardRef(
+  W
+);
+L.displayName = "CollapseItem";
+const w = (c, f) => {
+  const m = [].concat(c);
+  return f ? m.slice(0, 1) : m;
+}, X = {
+  bordered: !0,
+  lazyload: !0,
+  expandIconPosition: "left"
+}, z = U({
+  expandIconPosition: "left",
+  expandIcon: /* @__PURE__ */ t(A, {}),
+  activeKeys: [],
+  onToggle: () => {
+  }
+});
+function Y(c, f) {
+  const { getPrefixCls: m, componentConfig: o, rtl: C } = H(T), i = S(
+    c,
+    X,
+    o == null ? void 0 : o.Collapse
+  ), [r, I] = q([], {
+    defaultValue: "defaultActiveKey" in i ? w(i.defaultActiveKey, i.accordion) : void 0,
+    value: "activeKey" in i ? w(i.activeKey, i.accordion) : void 0
+  }), {
+    children: $,
+    className: N,
+    style: E,
+    bordered: x,
+    lazyload: s,
+    expandIcon: y,
+    expandIconPosition: u,
+    destroyOnHide: b,
+    accordion: P,
+    triggerRegion: n,
+    onChange: l,
+    ...h
+  } = i, d = m("collapse"), v = (e, p) => {
+    let a = [...r || []];
+    const K = r == null ? void 0 : r.indexOf(e);
+    K > -1 ? a.splice(K, 1) : P ? a = [e] : a.push(e), "activeKey" in i || I(a), M(l) && l(e, a, p);
+  };
+  return /* @__PURE__ */ t(
+    z.Provider,
+    {
+      value: {
+        activeKeys: r,
+        triggerRegion: n,
+        lazyload: s,
+        destroyOnHide: b,
+        expandIconPosition: u,
+        onToggle: v,
+        expandIcon: "expandIcon" in i ? y : u === "right" ? /* @__PURE__ */ t(F, {}) : /* @__PURE__ */ t(A, {})
+      },
+      children: /* @__PURE__ */ t(
+        "div",
+        {
+          ref: f,
+          ...B(h, ["activeKey", "defaultActiveKey"]),
+          className: g(
+            d,
+            `${d}-${x ? "border" : "borderless"}`,
+            { [`${d}-rtl`]: C },
+            N
+          ),
+          style: E,
+          children: $
+        }
+      )
+    }
+  );
+}
+const Z = k.forwardRef(Y), j = Z;
+j.displayName = "Collapse";
+j.Item = L;
+export {
+  j as C
+};

package/chunk/DhodcKwW.js

@@ -0,0 +1,167 @@
+import { jsx as z } from "react/jsx-runtime";
+import Q from "lodash/isNumber";
+import U from "lodash/isPlainObject";
+import { createContext as L, forwardRef as T, useContext as H, useMemo as W, useState as X, useRef as Y, useEffect as Z } from "react";
+import "./DP2rzg_V.js";
+import { a as D } from "./Dc_89PVN.js";
+import F from "../hooks/useMergeProps.js";
+import q from "@unicom-cloud/utils/class-name";
+import _ from "../utils/omit.js";
+import B, { responsiveArray as E } from "../utils/responsiveObserve.js";
+const I = L({}), yt = L({}), gt = L(
+  {}
+), tt = {
+  span: 24
+};
+function M(a) {
+  return typeof a == "string" && /\d+[px|%|em|rem|]{1}/.test(a) ? `0 0 ${a}` : a;
+}
+function rt(a, G) {
+  const { getPrefixCls: N, componentConfig: c, rtl: P } = H(D), S = F(
+    a,
+    tt,
+    c == null ? void 0 : c["Grid.Col"]
+  ), { gutter: u, div: m } = H(I), {
+    className: k,
+    style: y,
+    children: A,
+    span: j,
+    offset: o,
+    order: v,
+    pull: R,
+    push: w,
+    xs: g,
+    sm: x,
+    md: f,
+    lg: C,
+    xl: l,
+    xxl: d,
+    xxxl: $,
+    flex: t,
+    ...i
+  } = S;
+  function b(n, e) {
+    const O = { xs: g, sm: x, md: f, lg: C, xl: l, xxl: d, xxxl: $ };
+    return Object.keys(O).forEach((p) => {
+      const r = O[p];
+      Q(r) ? r >= 0 && (e[`${n}-${p}-${r}`] = !0) : U(r) && (e[`${n}-${p}-${r.span}`] = r.span, e[`${n}-${p}-offset-${r.offset}`] = r.offset, e[`${n}-${p}-order-${r.order}`] = r.order, e[`${n}-${p}-pull-${r.pull}`] = r.pull, e[`${n}-${p}-push-${r.push}`] = r.push);
+    }), e;
+  }
+  const s = N("col");
+  let V = {
+    [`${s}`]: !m,
+    [`${s}-order-${v}`]: v,
+    [`${s}-${j}`]: !m && !g && !x && !f && !C && !l && !d && !$,
+    [`${s}-offset-${o}`]: o,
+    [`${s}-pull-${R}`]: R,
+    [`${s}-push-${w}`]: w,
+    [`${s}-rtl`]: P
+  };
+  V = b(s, V);
+  const J = q(t ? s : V, k), h = {};
+  if (Array.isArray(u) && !m) {
+    const n = u[0] && u[0] / 2 || 0, e = u[1] && u[1] / 2 || 0;
+    n && (h.paddingLeft = n, h.paddingRight = n), e && (h.paddingTop = e, h.paddingBottom = e);
+  }
+  const K = W(
+    () => M(t) ? { flex: M(t) } : {},
+    [t]
+  );
+  return /* @__PURE__ */ z(
+    "div",
+    {
+      ref: G,
+      ...i,
+      style: {
+        ...y,
+        ...h,
+        ...K
+      },
+      className: J,
+      children: A
+    }
+  );
+}
+const ot = T(rt);
+ot.displayName = "Col";
+const st = {
+  gutter: 0,
+  align: "start",
+  justify: "start"
+};
+function et(a, G) {
+  const { getPrefixCls: N, componentConfig: c, rtl: P } = H(D), S = F(
+    a,
+    st,
+    c == null ? void 0 : c["Grid.Row"]
+  ), { className: u, style: m, children: k, div: y, align: A, justify: j, gutter: o, ...v } = S, [R, w] = X({
+    xs: !0,
+    sm: !0,
+    md: !0,
+    lg: !0,
+    xl: !0,
+    xxl: !0,
+    xxxl: !0
+  }), g = Y();
+  Z(() => (g.current = B.subscribe((t) => {
+    (!Array.isArray(o) && typeof o == "object" || Array.isArray(o) && (typeof o[0] == "object" || typeof o[1] == "object")) && w(t);
+  }), () => {
+    B.unsubscribe(g.current);
+  }), []);
+  function x(t) {
+    let i = 0;
+    if (typeof t == "object")
+      for (let b = 0; b < E.length; b++) {
+        const s = E[b];
+        if (R[s] && t[s] !== void 0) {
+          i = t[s];
+          break;
+        }
+      }
+    else
+      i = t;
+    return i;
+  }
+  const f = N("row"), C = q(
+    {
+      [`${f}`]: !y,
+      [`${f}-align-${A}`]: A,
+      [`${f}-justify-${j}`]: j,
+      [`${f}-rtl`]: P
+    },
+    u
+  ), l = {}, d = x(
+    Array.isArray(o) ? o[0] : o
+  ), $ = x(Array.isArray(o) ? o[1] : 0);
+  if ((d || $) && !y) {
+    const t = -d / 2, i = -$ / 2;
+    t && (l.marginLeft = t, l.marginRight = t), i && (l.marginTop = i, l.marginBottom = i);
+  }
+  return /* @__PURE__ */ z(
+    "div",
+    {
+      ref: G,
+      ..._(v, ["gutter"]),
+      style: {
+        ...m,
+        ...l
+      },
+      className: C,
+      children: /* @__PURE__ */ z(
+        I.Provider,
+        {
+          value: { gutter: [d, $], div: y },
+          children: k
+        }
+      )
+    }
+  );
+}
+const nt = T(et);
+nt.displayName = "Row";
+export {
+  ot as C,
+  gt as G,
+  nt as R,
+  yt as a
+};

package/chunk/GfGTdWbJ.js

@@ -0,0 +1,162 @@
+import { jsxs as I, jsx as l } from "react/jsx-runtime";
+import v, { useContext as D, useRef as j, useEffect as k } from "react";
+import "./DP2rzg_V.js";
+import { a as S } from "./Dc_89PVN.js";
+import F from "../hooks/useMergeProps.js";
+import E from "../Spin.js";
+import b from "@unicom-cloud/utils/class-name";
+const L = {
+  dotType: "solid",
+  lineType: "solid"
+};
+function M(f, u) {
+  const { getPrefixCls: c, componentConfig: r } = D(S), i = F(
+    f,
+    L,
+    r == null ? void 0 : r["Timeline.Item"]
+  ), {
+    children: n,
+    className: g,
+    style: N,
+    label: $,
+    position: P,
+    dot: T,
+    dotColor: d,
+    dotType: a,
+    lineType: x,
+    lineColor: h,
+    direction: p,
+    labelPosition: o,
+    autoFixDotSize: m = !0,
+    ...t
+  } = i, s = j(null), e = c("timeline"), y = () => {
+    if (s.current) {
+      const w = 16 / s.current.offsetWidth;
+      w < 1 && (s.current.style.transform = `translateX(-50%) translateY(-50%) scale(${w})`);
+    }
+  };
+  k(() => {
+    m && y();
+  }, [i]);
+  const R = $ && /* @__PURE__ */ l("div", { className: `${e}-item-label`, children: $ });
+  return /* @__PURE__ */ I(
+    "div",
+    {
+      ref: u,
+      role: "listitem",
+      ...t,
+      className: b(
+        `${e}-item`,
+        {
+          [`${e}-item-${p}-${P}`]: p,
+          [`${e}-item-label-${o}`]: o
+        },
+        g
+      ),
+      style: N,
+      children: [
+        /* @__PURE__ */ I("div", { className: `${e}-item-dot-wrapper`, children: [
+          /* @__PURE__ */ l(
+            "div",
+            {
+              className: `${e}-item-dot-line ${e}-item-dot-line-is-${p}`,
+              style: {
+                [`${p === "horizontal" ? "borderTopStyle" : "borderLeftStyle"}`]: x,
+                ...h ? { borderColor: h } : {}
+              }
+            }
+          ),
+          /* @__PURE__ */ l("div", { className: `${e}-item-dot-content`, children: T ? /* @__PURE__ */ l("div", { className: `${e}-item-dot-custom`, ref: s, children: T }) : /* @__PURE__ */ l(
+            "div",
+            {
+              className: b(
+                `${e}-item-dot`,
+                `${e}-item-dot-${a}`
+              ),
+              style: a === "solid" ? { backgroundColor: d } : { borderColor: d }
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ I("div", { className: `${e}-item-content-wrapper`, children: [
+          n && /* @__PURE__ */ l("div", { className: `${e}-item-content`, children: n }),
+          o !== "relative" && R
+        ] }),
+        o === "relative" && R
+      ]
+    }
+  );
+}
+const O = v.forwardRef(M), C = O;
+C.displayName = "TimelineItem";
+C.isTimelineItem = !0;
+const X = (f, u, c, r) => {
+  let i = ["left", "right"];
+  r === "horizontal" && (i = ["top", "bottom"]);
+  const n = c === "alternate" ? f || i[u % 2] : c;
+  return i.indexOf(n) > -1 ? n : i[0];
+}, z = {
+  mode: "left",
+  direction: "vertical",
+  pendingDot: /* @__PURE__ */ l(E, { size: 12 }),
+  labelPosition: "same"
+};
+function Y(f, u) {
+  const { getPrefixCls: c, componentConfig: r, rtl: i } = D(S);
+  i && (z.mode = "right");
+  const n = F(
+    f,
+    z,
+    r == null ? void 0 : r.Timeline
+  ), {
+    className: g,
+    mode: N,
+    reverse: $,
+    children: P,
+    style: T,
+    direction: d,
+    pending: a,
+    labelPosition: x,
+    pendingDot: h,
+    ...p
+  } = n, o = c("timeline"), m = v.Children.map(P, (t) => t && t.type && t.type.isTimelineItem ? t : null) || [];
+  return a && m.push(
+    /* @__PURE__ */ l(C, { lineType: "dashed", dot: h, children: a === !0 ? "" : a })
+  ), $ && m.reverse(), /* @__PURE__ */ l(
+    "div",
+    {
+      role: "list",
+      ...p,
+      ref: u,
+      className: b(
+        o,
+        `${o}-${N}`,
+        `${o}-direction-${d}`,
+        { [`${o}-rtl`]: i },
+        g
+      ),
+      style: T,
+      children: m.map((t, s) => {
+        if (!t)
+          return null;
+        const { position: e } = t.props;
+        let y = t.props.lineType;
+        return a && ($ ? s === 0 && (y = "dashed") : m.length - 2 === s && (y = "dashed")), v.cloneElement(t, {
+          key: s,
+          className: b(t.props.className, {
+            [`${o}-item-last`]: m.length - 1 === s
+          }),
+          labelPosition: x,
+          position: X(e, s, N, d),
+          direction: d,
+          lineType: y
+        });
+      })
+    }
+  );
+}
+const q = v.forwardRef(Y), W = q;
+W.displayName = "Timeline";
+W.Item = C;
+export {
+  W as T
+};

package/chunk/I4RV9SKZ.js

@@ -0,0 +1,135 @@
+import m, { useRef as D, useEffect as M } from "react";
+import U from "../hooks/useSetState.js";
+function v(a) {
+  const i = [];
+  for (let u = 0; u < a.length; u++)
+    i.push({
+      start: a.start(u),
+      end: a.end(u)
+    });
+  return i;
+}
+function w(a) {
+  return (i) => {
+    let u, n;
+    m.isValidElement(i) ? (u = i, n = u.props) : n = i;
+    const [f, s] = U({
+      buffered: [],
+      time: 0,
+      duration: 0,
+      paused: !0,
+      muted: !1,
+      volume: 1,
+      playing: !1
+    }), r = D(null), t = (e, o) => (l) => {
+      try {
+        o == null || o(l);
+      } finally {
+        e == null || e(l);
+      }
+    }, d = () => s({ paused: !1 }), p = () => s({ playing: !0 }), g = () => s({ playing: !1 }), h = () => s({ paused: !0, playing: !1 }), y = () => {
+      const e = r.current;
+      e && s({
+        muted: e.muted,
+        volume: e.volume
+      });
+    }, P = () => {
+      const e = r.current;
+      if (!e)
+        return;
+      const { duration: o, buffered: l } = e;
+      s({
+        duration: o,
+        buffered: v(l)
+      });
+    }, C = () => {
+      const e = r.current;
+      e && s({ time: e.currentTime });
+    }, T = () => {
+      const e = r.current;
+      e && s({ buffered: v(e.buffered) });
+    };
+    u ? u = m.cloneElement(u, {
+      controls: !1,
+      ...n,
+      ref: r,
+      onPlay: t(n.onPlay, d),
+      onPlaying: t(n.onPlaying, p),
+      onWaiting: t(n.onWaiting, g),
+      onPause: t(n.onPause, h),
+      onVolumeChange: t(n.onVolumeChange, y),
+      onDurationChange: t(n.onDurationChange, P),
+      onTimeUpdate: t(n.onTimeUpdate, C),
+      onProgress: t(n.onProgress, T)
+    }) : u = m.createElement(a, {
+      controls: !1,
+      ...n,
+      ref: r,
+      onPlay: t(n.onPlay, d),
+      onPlaying: t(n.onPlaying, p),
+      onWaiting: t(n.onWaiting, g),
+      onPause: t(n.onPause, h),
+      onVolumeChange: t(n.onVolumeChange, y),
+      onDurationChange: t(n.onDurationChange, P),
+      onTimeUpdate: t(n.onTimeUpdate, C),
+      onProgress: t(n.onProgress, T)
+    });
+    let c = !1;
+    const V = {
+      play: () => {
+        const e = r.current;
+        if (e && !c) {
+          const o = e.play();
+          if (typeof o == "object") {
+            c = !0;
+            const b = () => {
+              c = !1;
+            };
+            o.then(b, b);
+          }
+          return o;
+        }
+      },
+      pause: () => {
+        const e = r.current;
+        if (e && !c)
+          return e.pause();
+      },
+      seek: (e) => {
+        const o = r.current;
+        !o || f.duration === void 0 || (e = Math.min(f.duration, Math.max(0, e)), o.currentTime = e);
+      },
+      volume: (e) => {
+        const o = r.current;
+        o && (e = Math.min(1, Math.max(0, e)), o.volume = e, s({ volume: e }));
+      },
+      mute: () => {
+        const e = r.current;
+        e && (e.muted = !0);
+      },
+      unmute: () => {
+        const e = r.current;
+        e && (e.muted = !1);
+      }
+    };
+    return M(() => {
+      const e = r.current;
+      if (!e) {
+        process.env.NODE_ENV !== "production" && (a === "audio" ? console.error(
+          "useAudio() ref to <audio> element is empty at mount. It seem you have not rendered the audio element, which it returns as the first argument const [audio] = useAudio(...)."
+        ) : a === "video" && console.error(
+          "useVideo() ref to <video> element is empty at mount. It seem you have not rendered the video element, which it returns as the first argument const [video] = useVideo(...)."
+        ));
+        return;
+      }
+      s({
+        volume: e.volume,
+        muted: e.muted,
+        paused: e.paused
+      }), n.autoPlay && e.paused && V.play();
+    }, [n.src]), [u, f, V, r];
+  };
+}
+export {
+  w as c
+};

package/chunk/K6Dvbx-E.js

@@ -0,0 +1 @@
+