@unicom-cloud/ui 0.8.46 → 0.8.48

package/grid/Row.js

@@ -1,88 +0,0 @@
-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

@@ -1,9 +0,0 @@
-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

@@ -1,77 +0,0 @@
-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

@@ -1,104 +0,0 @@
-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

@@ -1,38 +0,0 @@
-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

@@ -1,51 +0,0 @@
-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/hooks/factory/createHTMLMediaHook.js

@@ -1,127 +0,0 @@
-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;
-    f.isValidElement(c) ? (u = c, n = u.props) : n = c;
-    const [m, a] = U({
-      buffered: [],
-      time: 0,
-      duration: 0,
-      paused: !0,
-      muted: !1,
-      volume: 1,
-      playing: !1
-    }), r = D(null), t = (e, o) => (s) => {
-      try {
-        o == null || o(s);
-      } finally {
-        e == null || e(s);
-      }
-    }, d = () => a({ paused: !1 }), g = () => a({ playing: !0 }), p = () => a({ playing: !1 }), h = () => a({ paused: !0, playing: !1 }), y = () => {
-      const e = r.current;
-      e && a({
-        muted: e.muted,
-        volume: e.volume
-      });
-    }, P = () => {
-      const e = r.current;
-      if (!e)
-        return;
-      const { duration: o, buffered: s } = e;
-      a({
-        duration: o,
-        buffered: v(s)
-      });
-    }, C = () => {
-      const e = r.current;
-      e && a({ time: e.currentTime });
-    }, T = () => {
-      const e = r.current;
-      e && a({ buffered: v(e.buffered) });
-    };
-    u ? u = f.cloneElement(u, {
-      controls: !1,
-      ...n,
-      ref: r,
-      onPlay: t(n.onPlay, d),
-      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 = f.createElement(l, {
-      controls: !1,
-      ...n,
-      ref: r,
-      onPlay: t(n.onPlay, d),
-      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 i = !1;
-    const V = {
-      play: () => {
-        const e = r.current;
-        if (e && !i) {
-          const o = e.play();
-          if (typeof o == "object") {
-            i = !0;
-            const b = () => {
-              i = !1;
-            };
-            o.then(b, b);
-          }
-          return o;
-        }
-      },
-      pause: () => {
-        const e = r.current;
-        if (e && !i)
-          return e.pause();
-      },
-      seek: (e) => {
-        const o = r.current;
-        !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, a({ 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" && (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(...)."
-        ) : 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;
-      }
-      a({
-        volume: e.volume,
-        muted: e.muted,
-        paused: e.paused
-      }), n.autoPlay && e.paused && V.play();
-    }, [n.src]), [u, m, V, r];
-  };
-}
-export {
-  R as default
-};

package/hooks/misc/hookState.js

@@ -1,6 +0,0 @@
-function f(o, r) {
-  return typeof o == "function" ? o.length ? o(r) : o() : o;
-}
-export {
-  f as resolveHookState
-};

package/hooks/misc/parseTimeRanges.js

@@ -1,12 +0,0 @@
-function r(e) {
-  const n = [];
-  for (let t = 0; t < e.length; t++)
-    n.push({
-      start: e.start(t),
-      end: e.end(t)
-    });
-  return n;
-}
-export {
-  r as default
-};

package/hooks/misc/util.js

@@ -1,20 +0,0 @@
-const t = () => {
-};
-function i(e, ...n) {
-  e && e.addEventListener && e.addEventListener(
-    ...n
-  );
-}
-function o(e, ...n) {
-  e && e.removeEventListener && e.removeEventListener(
-    ...n
-  );
-}
-const r = typeof window < "u", f = typeof navigator < "u";
-export {
-  r as isBrowser,
-  f as isNavigator,
-  t as noop,
-  o as off,
-  i as on
-};

package/hooks/use-watermark/utils.js

@@ -1,8 +0,0 @@
-function a(i) {
-  if (!i) return 1;
-  const e = i.backingStorePixelRatio || i.webkitBackingStorePixelRatio || i.mozBackingStorePixelRatio || i.msBackingStorePixelRatio || i.oBackingStorePixelRatio || i.backingStorePixelRatio || 1;
-  return (window.devicePixelRatio || 1) / e;
-}
-export {
-  a as getPixelRatio
-};

package/icon/addFromIconFontCn.js

@@ -1,33 +0,0 @@
-import { jsx as f } from "react/jsx-runtime";
-import o from "react";
-import h from "../Icon.js";
-import { isServerRendering as x } from "../utils/dom.js";
-const p = [];
-function g(a = {}) {
-  const { src: e, extraProps: d = {} } = a;
-  if (!x && typeof e == "string" && e.length && p.indexOf(e) === -1) {
-    const t = document.createElement("script");
-    t.setAttribute("src", e), t.setAttribute("data-namespace", e), p.push(e), document.body.appendChild(t);
-  }
-  function c(t, m) {
-    const { type: r, children: i, ...u } = t, s = o.useRef();
-    o.useImperativeHandle(m, () => s.current);
-    let n;
-    return r && (n = /* @__PURE__ */ f("use", { xlinkHref: `#${r}` })), i && (n = i), /* @__PURE__ */ f(
-      h,
-      {
-        type: r,
-        ...u,
-        ...d,
-        ref: (l) => {
-          s.current = l;
-        },
-        children: n
-      }
-    );
-  }
-  return c.displayName = "Iconfont", o.forwardRef(c);
-}
-export {
-  g as default
-};