@unicom-cloud/ui 0.8.46 → 0.8.48

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/TXCrI0jN.js

@@ -0,0 +1,20 @@
+const t = () => {
+};
+function i(e, ...n) {
+  e && e.addEventListener && e.addEventListener(
+    ...n
+  );
+}
+function o(e, ...n) {
+  e && e.removeEventListener && e.removeEventListener(
+    ...n
+  );
+}
+const s = typeof window < "u", a = typeof navigator < "u";
+export {
+  o as a,
+  a as b,
+  s as i,
+  t as n,
+  i as o
+};

package/chunk/dhljdm11.js

@@ -0,0 +1,377 @@
+import { jsx as i, jsxs as R, Fragment as Be } from "react/jsx-runtime";
+import { P as Ie, j as Ge } from "./uUGMUxt_.js";
+import $e from "lodash/isArray";
+import Ve, { useContext as Ke, useRef as C, useState as Xe, useImperativeHandle as qe, useMemo as Ye, useEffect as Je } from "react";
+import { a as Qe, I as Ze } from "./z7sBNzI4.js";
+import ye from "../hooks/useMergeValue.js";
+import { I as et } from "./Cku5-xbe.js";
+import tt from "../Tag.js";
+import S from "@unicom-cloud/utils/class-name";
+import at from "../utils/getHotkeyHandler.js";
+import { Backspace as ot } from "../utils/keyCode.js";
+import rt from "../Draggable.js";
+import st from "../hooks/useMergeProps.js";
+import nt from "../utils/fillNBSP.js";
+import lt from "../utils/omit.js";
+import ct from "@unicom-cloud/icons/IconUiClose";
+import it from "../Popover.js";
+import ut from "../OverflowEllipsis.js";
+import { isObject as _e } from "../utils/is.js";
+const be = "__arco_value_tag_placeholder", Y = 300, pt = "responsive", ft = `__input_${Math.random().toFixed(10).slice(2)}`, T = (n) => n == null, E = (n) => {
+  n.target.tagName !== "INPUT" && n.preventDefault();
+}, Te = (n) => $e(n) ? n.map((l) => _e(l) ? {
+  ...l,
+  label: "label" in l ? l.label : l.value,
+  value: l.value,
+  closable: l.closable
+} : {
+  label: l,
+  value: l
+}) : [], dt = (n) => {
+  const l = C(0), d = C(n.length);
+  return Je(() => {
+    l.current = n.length === 0 && d.current > 0 ? Y : 0, d.current = n.length;
+  }, [n]), l;
+}, Ce = ({
+  prefixCls: n,
+  children: l,
+  animation: d
+}) => /* @__PURE__ */ i("div", { className: `${n}-inner`, children: d ? /* @__PURE__ */ i(Ge, { component: null, children: l }) : l }), mt = {
+  animation: !0,
+  validate: (n, l) => n && l.every((d) => d.value !== n)
+};
+function gt(n, l) {
+  const {
+    getPrefixCls: d,
+    size: Pe,
+    componentConfig: M,
+    rtl: J
+  } = Ke(Qe), p = st(
+    n,
+    mt,
+    M == null ? void 0 : M.InputTag
+  ), {
+    className: we,
+    style: Ae,
+    placeholder: De,
+    disabled: v,
+    readOnly: g,
+    allowClear: Re,
+    autoFocus: Se,
+    labelInValue: Ee,
+    disableInput: Me,
+    animation: Q,
+    saveOnBlur: xe,
+    dragToSort: ke,
+    icon: N,
+    prefix: Z,
+    suffix: ee,
+    addBefore: te,
+    addAfter: ae,
+    tokenSeparators: x,
+    validate: $,
+    renderTag: k,
+    tagClassName: oe,
+    maxTagCount: m,
+    onInputChange: O,
+    onKeyDown: z,
+    onPaste: L,
+    onChange: j,
+    onFocus: F,
+    onBlur: H,
+    onPressEnter: U,
+    onRemove: W,
+    onClear: B,
+    onClick: re,
+    ...Oe
+  } = p, a = d("input-tag"), V = "size" in p ? p.size : Pe, _ = typeof m == "object" ? m.count : m, I = C(), G = C(null), K = C(), [P, se] = Xe(!1), [r, ze] = ye([], {
+    defaultValue: "defaultValue" in p ? Te(p.defaultValue) : void 0,
+    value: "value" in p ? Te(p.value) : void 0
+  }), [y, w] = ye("", {
+    value: p.inputValue
+  }), Le = dt(r), je = !!(ke && !g && !v);
+  qe(l, () => {
+    var e, t;
+    return {
+      blur: (e = I.current) == null ? void 0 : e.blur,
+      focus: (t = I.current) == null ? void 0 : t.focus,
+      getRootDOMNode: () => K.current
+    };
+  }, []);
+  const b = (e, t) => {
+    v || g || ("value" in p || ze(e), j == null || j(Ee ? e : e.map((s) => s.value), t));
+  }, ne = (e, t, s) => {
+    W == null || W(e, t, s), b(
+      [...r.slice(0, t), ...r.slice(t + 1)],
+      "remove"
+    );
+  }, Fe = at(
+    /* @__PURE__ */ new Map([
+      [
+        ot.key,
+        (e) => {
+          if (!e.target.value && r.length)
+            for (let t = r.length - 1; t >= 0; t--) {
+              const s = r[t];
+              if (s.closable !== !1) {
+                ne(s, t, e);
+                return;
+              }
+            }
+        }
+      ]
+    ])
+  ), le = async () => {
+    try {
+      const e = typeof $ == "function" ? await $(y, r) : !0;
+      e && (b(
+        r.concat({
+          value: e === !0 ? y : e,
+          label: y
+        }),
+        "add"
+      ), w(""));
+    } catch (e) {
+      console.error(e);
+    }
+  }, ce = (e, t, s = !1) => {
+    let { value: o, label: c } = e, f = !g && !v && e.closable !== !1, u = typeof o == "object" ? t : o;
+    const h = (We) => {
+      ne(e, t, We);
+    };
+    if (!s && typeof _ == "number" && t >= _)
+      if (t === r.length - 1) {
+        if (c = ie(r.length - Number(_)), o = be, f = !1, u = be, !k)
+          return { valueKey: u, dom: c };
+      } else
+        return { valueKey: u, dom: null };
+    if (k)
+      return {
+        valueKey: u,
+        dom: k(
+          {
+            value: o,
+            label: c,
+            closable: f,
+            onClose: h
+          },
+          t,
+          r
+        )
+      };
+    const Ue = {
+      closable: f,
+      onClose: h,
+      visible: !0,
+      children: nt(c),
+      closeIcon: N == null ? void 0 : N.removeIcon,
+      __closeIconProps: {
+        onMouseDown: E
+      },
+      className: S(`${a}-tag`, {
+        [oe]: oe
+      }),
+      title: typeof c == "string" ? c : void 0
+    };
+    return { valueKey: u, dom: /* @__PURE__ */ i(tt, { ...Ue }, `${u}-tag`) };
+  };
+  function ie(e) {
+    const t = typeof m == "object" && m.render ? m.render : () => /* @__PURE__ */ R("span", { className: `${a}-tag-ellipsis`, children: [
+      "+",
+      e
+    ] });
+    return /* @__PURE__ */ i(
+      it,
+      {
+        ..._e(m) ? m.popoverProps : {},
+        children: t(e, r),
+        content: /* @__PURE__ */ i(Be, { children: r.map((s, o) => ({ tagValue: s, tagIndex: o })).slice(-e).map(
+          ({ tagValue: s, tagIndex: o }) => {
+            var c;
+            return (c = ce(s, o, !0)) == null ? void 0 : c.dom;
+          }
+        ) })
+      }
+    );
+  }
+  const ue = async (e) => {
+    if (G.current = null, $e(x) && x.length) {
+      const t = e.split(
+        new RegExp(`[${x.join("")}]`)
+      );
+      if (t.length > 1) {
+        G.current = Date.now();
+        const s = [];
+        await Promise.all(
+          t.map(async (o) => {
+            const c = o ? typeof $ == "function" ? await $(o, r) : !0 : !1;
+            c && s.push({
+              value: c === !0 ? o : c,
+              label: o
+            });
+          })
+        ), s.length && b(r.concat(s), "add");
+      }
+    }
+  }, pe = Re && !v && !g && r.length ? /* @__PURE__ */ i(
+    Ze,
+    {
+      size: V,
+      className: `${a}-clear-icon`,
+      onClick: (e) => {
+        var t;
+        e.stopPropagation(), b([], "clear"), P || (t = I.current) == null || t.focus(), B == null || B();
+      },
+      children: N && N.clearIcon || /* @__PURE__ */ i(ct, {})
+    },
+    "clearIcon"
+  ) : null, fe = v || Me, X = Ye(() => {
+    const e = {};
+    return r.map((s, o) => {
+      const c = e[s.value] || 0, f = c >= 1;
+      e[s.value] = c + 1;
+      const { dom: u, valueKey: h } = ce(s, o);
+      return Ve.isValidElement(u) ? /* @__PURE__ */ i(
+        Ie,
+        {
+          timeout: Y,
+          classNames: "zoomIn",
+          children: u
+        },
+        f ? `${h}-${o}` : h
+      ) : u;
+    });
+  }, [r]), q = [
+    /* @__PURE__ */ i(
+      Ie,
+      {
+        timeout: Y,
+        classNames: "zoomIn",
+        children: /* @__PURE__ */ i(
+          et,
+          {
+            autoComplete: "off",
+            size: V,
+            disabled: fe,
+            readOnly: g,
+            ref: I,
+            autoFocus: Se,
+            placeholder: r.length ? "" : De,
+            prefixCls: `${a}-input`,
+            autoFitWidth: {
+              delay: () => Le.current,
+              pure: !0
+            },
+            onPressEnter: async (e) => {
+              y && e.preventDefault(), U == null || U(e), await le();
+            },
+            onFocus: (e) => {
+              !fe && !g && (se(!0), F == null || F(e));
+            },
+            onBlur: async (e) => {
+              se(!1), H == null || H(e), xe && await le(), w("");
+            },
+            value: y,
+            onChange: (e, t) => {
+              O == null || O(e, t), t.nativeEvent.inputType !== "insertFromPaste" && ue(e), G.current ? w("") : w(e);
+            },
+            onKeyDown: (e) => {
+              Fe(e), z == null || z(e);
+            },
+            onPaste: (e) => {
+              L == null || L(e), ue(e.clipboardData.getData("text"));
+            }
+          }
+        )
+      },
+      ft
+    )
+  ], He = !T(Z), de = !T(ee) || !T(pe), me = !T(te), ge = !T(ae), A = me || ge, he = p.status, ve = S(a, {
+    [`${a}-size-${V}`]: V,
+    [`${a}-disabled`]: v,
+    [`${a}-${he}`]: he,
+    [`${a}-focus`]: P,
+    [`${a}-readonly`]: g,
+    [`${a}-has-suffix`]: de,
+    [`${a}-has-placeholder`]: !r.length,
+    [`${a}-rtl`]: J
+  }), D = { style: Ae, className: we }, Ne = /* @__PURE__ */ i(
+    "div",
+    {
+      ...lt(Oe, ["status", "size", "defaultValue", "value", "inputValue"]),
+      ...A ? {} : D,
+      className: A ? ve : S(ve, D.className),
+      onMouseDown: (e) => {
+        P && E(e);
+      },
+      onClick: (e) => {
+        var t;
+        !P && ((t = I.current) == null || t.focus()), re && re(e);
+      },
+      ref: A ? void 0 : K,
+      children: /* @__PURE__ */ R("div", { className: `${a}-view`, children: [
+        He && /* @__PURE__ */ i("div", { className: `${a}-prefix`, onMouseDown: E, children: Z }),
+        je ? /* @__PURE__ */ i(
+          Ce,
+          {
+            prefixCls: a,
+            animation: Q,
+            children: /* @__PURE__ */ i(
+              rt,
+              {
+                itemWrapperStyle: { display: "inline-block" },
+                direction: "horizontal",
+                onIndexChange: (e, t) => {
+                  b(function(o, c, f) {
+                    o = o.slice();
+                    const u = c > f, [h] = o.splice(c, 1);
+                    return o.splice(u ? f : f - 1, 0, h), o;
+                  }(r, t, e), "sort");
+                },
+                children: X.concat(q)
+              }
+            )
+          },
+          "transitionGroupWithDrag"
+        ) : /* @__PURE__ */ i(Ce, { prefixCls: a, animation: Q, children: _ === pt ? /* @__PURE__ */ i(
+          ut,
+          {
+            items: X,
+            suffixItems: q,
+            ellipsisNode: ({ ellipsisCount: e }) => ie(e)
+          }
+        ) : X.concat(q) }),
+        de && /* @__PURE__ */ R("div", { className: `${a}-suffix`, onMouseDown: E, children: [
+          pe,
+          ee
+        ] })
+      ] })
+    }
+  );
+  return A ? /* @__PURE__ */ R(
+    "div",
+    {
+      ...D,
+      className: S(
+        `${a}-wrapper`,
+        {
+          [`${a}-wrapper-rtl`]: J
+        },
+        D.className
+      ),
+      ref: K,
+      children: [
+        me && /* @__PURE__ */ i("div", { className: `${a}-addbefore`, children: te }),
+        Ne,
+        ge && /* @__PURE__ */ i("div", { className: `${a}-addafter`, children: ae })
+      ]
+    }
+  ) : Ne;
+}
+const ht = Ve.forwardRef(
+  gt
+);
+ht.displayName = "InputTag";
+export {
+  ht as I
+};