@unicom-cloud/ui 0.8.44 → 0.8.46

package/grid/Row.js

@@ -0,0 +1,88 @@
+import { jsx as g } from "react/jsx-runtime";
+import { forwardRef as S, useContext as z, useState as G, useRef as H, useEffect as V } from "react";
+/* empty css                  */
+import "../config-provider/ConfigProvider.js";
+import B from "../hooks/useMergeProps.js";
+import E from "@unicom-cloud/utils/class-name";
+import L from "../utils/omit.js";
+import x, { responsiveArray as d } from "../utils/responsiveObserve.js";
+import { RowContext as M } from "./context.js";
+import { ConfigContext as O } from "../config-provider/context.js";
+const T = {
+  gutter: 0,
+  align: "start",
+  justify: "start"
+};
+function q(b, A) {
+  const { getPrefixCls: j, componentConfig: i, rtl: v } = z(O), R = B(
+    b,
+    T,
+    i == null ? void 0 : i["Grid.Row"]
+  ), { className: w, style: $, children: C, div: n, align: l, justify: u, gutter: r, ...N } = R, [h, P] = G({
+    xs: !0,
+    sm: !0,
+    md: !0,
+    lg: !0,
+    xl: !0,
+    xxl: !0,
+    xxxl: !0
+  }), p = H();
+  V(() => (p.current = x.subscribe((t) => {
+    (!Array.isArray(r) && typeof r == "object" || Array.isArray(r) && (typeof r[0] == "object" || typeof r[1] == "object")) && P(t);
+  }), () => {
+    x.unsubscribe(p.current);
+  }), []);
+  function y(t) {
+    let e = 0;
+    if (typeof t == "object")
+      for (let m = 0; m < d.length; m++) {
+        const f = d[m];
+        if (h[f] && t[f] !== void 0) {
+          e = t[f];
+          break;
+        }
+      }
+    else
+      e = t;
+    return e;
+  }
+  const s = j("row"), k = E(
+    {
+      [`${s}`]: !n,
+      [`${s}-align-${l}`]: l,
+      [`${s}-justify-${u}`]: u,
+      [`${s}-rtl`]: v
+    },
+    w
+  ), o = {}, a = y(
+    Array.isArray(r) ? r[0] : r
+  ), c = y(Array.isArray(r) ? r[1] : 0);
+  if ((a || c) && !n) {
+    const t = -a / 2, e = -c / 2;
+    t && (o.marginLeft = t, o.marginRight = t), e && (o.marginTop = e, o.marginBottom = e);
+  }
+  return /* @__PURE__ */ g(
+    "div",
+    {
+      ref: A,
+      ...L(N, ["gutter"]),
+      style: {
+        ...$,
+        ...o
+      },
+      className: k,
+      children: /* @__PURE__ */ g(
+        M.Provider,
+        {
+          value: { gutter: [a, c], div: n },
+          children: C
+        }
+      )
+    }
+  );
+}
+const D = S(q);
+D.displayName = "Row";
+export {
+  D as default
+};

package/grid/context.js

@@ -0,0 +1,9 @@
+import { createContext as t } from "react";
+const e = t({}), n = t({}), r = t(
+  {}
+);
+export {
+  n as GridContext,
+  r as GridDataCollectorContext,
+  e as RowContext
+};

package/grid/grid-item.js

@@ -0,0 +1,77 @@
+import { jsx as Q } from "react/jsx-runtime";
+import T from "lodash/isFunction";
+import V from "lodash/isString";
+import c, { forwardRef as k, useContext as l, useMemo as u, useEffect as q } from "react";
+/* empty css                  */
+import "../config-provider/ConfigProvider.js";
+import z from "../hooks/useMergeProps.js";
+import A from "@unicom-cloud/utils/class-name";
+import { GridContext as H, GridDataCollectorContext as J } from "./context.js";
+import { useResponsiveState as I } from "./hook/useResponsiveState.js";
+import { resolveItemData as K } from "./util.js";
+import { ConfigContext as L } from "../config-provider/context.js";
+const U = {
+  suffix: !1,
+  offset: 0,
+  span: 1
+};
+function W(_, g) {
+  const { getPrefixCls: S, componentConfig: a, rtl: v } = l(L), f = z(
+    _,
+    U,
+    a == null ? void 0 : a["Grid.GridItem"]
+  ), {
+    children: i,
+    className: y,
+    style: N,
+    offset: D,
+    span: R,
+    __index__: s
+  } = f, r = l(H), { collectItemData: E, removeItemData: P } = l(
+    J
+  ), { colGap: m, cols: d, displayIndexList: p, overflow: x } = r, C = I(D, 0), n = I(R, 1), $ = S("grid-item"), w = p == null ? void 0 : p.includes(s), M = {
+    [`${$}`]: !0,
+    [`${$}-rtl`]: v
+  }, b = A(M, y), e = u(() => K(r.cols, {
+    suffix: !!f.suffix,
+    span: n,
+    offset: C
+  }), [r.cols, f.suffix, n, C]);
+  q(() => (E(s, e), () => {
+    P(s);
+  }), [s, e]);
+  const F = u(() => {
+    const { offset: t, span: o } = e;
+    return t > 0 ? {
+      marginLeft: `calc((${`(100% - ${m * (o - 1)}px) / ${o}`} * ${t}) + ${m * t}px)`
+    } : {};
+  }, [e, m]), j = u(() => {
+    const { suffix: t, span: o } = e;
+    return t ? `${d - o + 1}` : `span ${o}`;
+  }, [e, d]), B = !w || n === 0 ? { display: "none" } : {}, O = {
+    gridColumn: `${j} / span ${n}`,
+    ...F,
+    ...B
+  };
+  return /* @__PURE__ */ Q(
+    "div",
+    {
+      ref: g,
+      className: b,
+      style: {
+        ...O,
+        ...N
+      },
+      children: T(i) ? i({ overflow: x }) : c.Children.map(i, (t) => t && r.collapsed && c.isValidElement(t) && !V(t.type) ? c.cloneElement(t, {
+        overflow: x,
+        ...t.props
+      }) : t)
+    }
+  );
+}
+const X = k(W), G = X;
+G.displayName = "GridItem";
+G.__PQB_GRID_ITEM__ = !0;
+export {
+  G as default
+};

package/grid/grid.js

@@ -0,0 +1,104 @@
+import { jsx as l } from "react/jsx-runtime";
+import L from "lodash/get";
+import d, { forwardRef as h, useState as S, useContext as E } from "react";
+/* empty css                  */
+import "../config-provider/ConfigProvider.js";
+import T from "../hooks/useMergeProps.js";
+import b from "@unicom-cloud/utils/class-name";
+import { GridDataCollectorContext as j, GridContext as B } from "./context.js";
+import { useResponsiveState as p } from "./hook/useResponsiveState.js";
+import { setItemVisible as Q } from "./util.js";
+import { ConfigContext as V } from "../config-provider/context.js";
+const k = {
+  collapsed: !1,
+  collapsedRows: 1,
+  cols: 24,
+  colGap: 0,
+  rowGap: 0
+};
+function q(f, u) {
+  const [e, i] = S(
+    /* @__PURE__ */ new Map()
+  ), { getPrefixCls: G, componentConfig: r, rtl: x } = E(V), w = T(
+    f,
+    k,
+    r == null ? void 0 : r.Grid
+  ), {
+    children: C,
+    className: I,
+    style: g,
+    cols: D,
+    colGap: v,
+    rowGap: y,
+    collapsed: M,
+    collapsedRows: N
+  } = w, s = p(D, 24), n = p(v, 0), P = {
+    gap: `${p(y, 0)}px ${n}px`,
+    gridTemplateColumns: `repeat(${s}, minmax(0px, 1fr))`
+  }, m = G("grid"), R = {
+    [`${m}`]: !0,
+    [`${m}-rtl`]: x
+  }, _ = b(R, I), $ = (() => {
+    const t = [];
+    for (const [o, a] of e.entries())
+      t[o] = a;
+    return t;
+  })(), c = Q({
+    cols: s,
+    collapsed: M,
+    collapsedRows: N,
+    itemDataList: $
+  });
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      ref: u,
+      className: _,
+      style: {
+        ...P,
+        ...g
+      },
+      children: /* @__PURE__ */ l(
+        j.Provider,
+        {
+          value: {
+            collectItemData(t, o) {
+              e.set(t, o), i(new Map([...e]));
+            },
+            removeItemData(t) {
+              e.delete(t), i(new Map([...e]));
+            }
+          },
+          children: /* @__PURE__ */ l(
+            B.Provider,
+            {
+              value: {
+                cols: s,
+                colGap: n,
+                overflow: c.overflow,
+                displayIndexList: c.displayIndexList
+              },
+              children: d.Children.map(C, (t, o) => {
+                if (t) {
+                  const a = {
+                    index: o,
+                    ...t.props
+                  };
+                  return d.cloneElement(t, a);
+                }
+                return null;
+              }).filter(
+                (t) => L(t, "type.__PQB_GRID_ITEM__")
+              )
+            }
+          )
+        }
+      )
+    }
+  );
+}
+const z = h(q);
+z.displayName = "Grid";
+export {
+  z as default
+};

package/grid/hook/useResponsiveState.js

@@ -0,0 +1,38 @@
+import x from "lodash/isPlainObject";
+import { useRef as b, useState as l, useEffect as R, useMemo as S } from "react";
+import c, { responsiveArray as f } from "../../utils/responsiveObserve.js";
+function m(e) {
+  return x(e);
+}
+const h = (e, n, u = !1) => {
+  const o = b(), [i, p] = l({
+    xs: !0,
+    sm: !0,
+    md: !0,
+    lg: !0,
+    xl: !0,
+    xxl: !0,
+    xxxl: !0
+  });
+  return R(() => (o.current = c.subscribe((r) => {
+    m(e) && p(r);
+  }), () => {
+    c.unsubscribe(o.current);
+  }), []), S(() => {
+    let r = n;
+    if (m(e))
+      for (let t = 0; t < f.length; t++) {
+        const s = f[t];
+        if ((i[s] || s === "xs" && u) && e[s] !== void 0) {
+          r = e[s];
+          break;
+        }
+      }
+    else
+      r = e;
+    return r;
+  }, [i, e, n, u]);
+};
+export {
+  h as useResponsiveState
+};

package/grid/util.js

@@ -0,0 +1,51 @@
+function p(l, { span: t, offset: u, suffix: e }) {
+  const i = t ?? 1, f = u ?? 0, o = Math.min(f, l);
+  return {
+    span: Math.min(
+      o > 0 ? i + f : i,
+      l
+    ),
+    offset: o,
+    suffix: e
+  };
+}
+function c({
+  cols: l,
+  collapsed: t,
+  collapsedRows: u,
+  itemDataList: e
+}) {
+  let i = !1, f = [];
+  function o(s) {
+    return Math.ceil(s / l) > u;
+  }
+  if (t) {
+    let s = 0;
+    for (let n = 0; n < e.length; n++)
+      e[n].suffix && (s += e[n].span, f.push(n));
+    if (!o(s)) {
+      let n = 0;
+      for (; n < e.length; ) {
+        const r = e[n];
+        if (!r.suffix) {
+          if (s += r.span, o(s))
+            break;
+          f.push(n);
+        }
+        n++;
+      }
+    }
+    i = e.some(
+      (n, r) => !n.suffix && !f.includes(r)
+    );
+  } else
+    f = e.map((s, n) => n);
+  return {
+    overflow: i,
+    displayIndexList: f
+  };
+}
+export {
+  p as resolveItemData,
+  c as setItemVisible
+};

package/{chunk/I4RV9SKZ.js → hooks/factory/createHTMLMediaHook.js}

@@ -1,19 +1,11 @@
-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) => {
+import f, { useRef as D, useEffect as M } from "react";
+import v from "../misc/parseTimeRanges.js";
+import U from "../useSetState.js";
+function R(l) {
+  return (c) => {
     let u, n;
-    m.isValidElement(i) ? (u = i, n = u.props) : n = i;
-    const [f, s] = U({
+    f.isValidElement(c) ? (u = c, n = u.props) : n = c;
+    const [m, a] = U({
       buffered: [],
       time: 0,
       duration: 0,
@@ -21,15 +13,15 @@ function w(a) {
       muted: !1,
       volume: 1,
       playing: !1
-    }), r = D(null), t = (e, o) => (l) => {
+    }), r = D(null), t = (e, o) => (s) => {
       try {
-        o == null || o(l);
+        o == null || o(s);
       } finally {
-        e == null || e(l);
+        e == null || e(s);
       }
-    }, d = () => s({ paused: !1 }), p = () => s({ playing: !0 }), g = () => s({ playing: !1 }), h = () => s({ paused: !0, playing: !1 }), y = () => {
+    }, d = () => a({ paused: !1 }), g = () => a({ playing: !0 }), p = () => a({ playing: !1 }), h = () => a({ paused: !0, playing: !1 }), y = () => {
       const e = r.current;
-      e && s({
+      e && a({
         muted: e.muted,
         volume: e.volume
       });
@@ -37,53 +29,53 @@ function w(a) {
       const e = r.current;
       if (!e)
         return;
-      const { duration: o, buffered: l } = e;
-      s({
+      const { duration: o, buffered: s } = e;
+      a({
         duration: o,
-        buffered: v(l)
+        buffered: v(s)
       });
     }, C = () => {
       const e = r.current;
-      e && s({ time: e.currentTime });
+      e && a({ time: e.currentTime });
     }, T = () => {
       const e = r.current;
-      e && s({ buffered: v(e.buffered) });
+      e && a({ buffered: v(e.buffered) });
     };
-    u ? u = m.cloneElement(u, {
+    u ? u = f.cloneElement(u, {
       controls: !1,
       ...n,
       ref: r,
       onPlay: t(n.onPlay, d),
-      onPlaying: t(n.onPlaying, p),
-      onWaiting: t(n.onWaiting, g),
+      onPlaying: t(n.onPlaying, g),
+      onWaiting: t(n.onWaiting, p),
       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, {
+    }) : u = f.createElement(l, {
       controls: !1,
       ...n,
       ref: r,
       onPlay: t(n.onPlay, d),
-      onPlaying: t(n.onPlaying, p),
-      onWaiting: t(n.onWaiting, g),
+      onPlaying: t(n.onPlaying, g),
+      onWaiting: t(n.onWaiting, p),
       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;
+    let i = !1;
     const V = {
       play: () => {
         const e = r.current;
-        if (e && !c) {
+        if (e && !i) {
           const o = e.play();
           if (typeof o == "object") {
-            c = !0;
+            i = !0;
             const b = () => {
-              c = !1;
+              i = !1;
             };
             o.then(b, b);
           }
@@ -92,16 +84,16 @@ function w(a) {
       },
       pause: () => {
         const e = r.current;
-        if (e && !c)
+        if (e && !i)
           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);
+        !o || m.duration === void 0 || (e = Math.min(m.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 }));
+        o && (e = Math.min(1, Math.max(0, e)), o.volume = e, a({ volume: e }));
       },
       mute: () => {
         const e = r.current;
@@ -115,21 +107,21 @@ function w(a) {
     return M(() => {
       const e = r.current;
       if (!e) {
-        process.env.NODE_ENV !== "production" && (a === "audio" ? console.error(
+        process.env.NODE_ENV !== "production" && (l === "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(
+        ) : l === "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({
+      a({
         volume: e.volume,
         muted: e.muted,
         paused: e.paused
       }), n.autoPlay && e.paused && V.play();
-    }, [n.src]), [u, f, V, r];
+    }, [n.src]), [u, m, V, r];
   };
 }
 export {
-  w as c
+  R as default
 };