@unicom-cloud/ui 0.8.44 → 0.8.46

package/input-tag/InputTag.js

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

package/layout/Content.js

@@ -0,0 +1,15 @@
+import { jsx as c } from "react/jsx-runtime";
+import { forwardRef as i, useContext as f } from "react";
+/* empty css                  */
+import "../config-provider/ConfigProvider.js";
+import l from "@unicom-cloud/utils/class-name";
+import { ConfigContext as p } from "../config-provider/context.js";
+function C(t, o) {
+  const { className: e, children: n, ...s } = t, { getPrefixCls: r } = f(p), a = r("layout-content"), m = l(a, e);
+  return /* @__PURE__ */ c("main", { ref: o, ...s, className: m, children: n });
+}
+const u = i(C);
+u.displayName = "LayoutContent";
+export {
+  u as default
+};

package/layout/Footer.js

@@ -0,0 +1,15 @@
+import { jsx as f } from "react/jsx-runtime";
+import { forwardRef as c, useContext as i } from "react";
+/* empty css                  */
+import "../config-provider/ConfigProvider.js";
+import l from "@unicom-cloud/utils/class-name";
+import { ConfigContext as p } from "../config-provider/context.js";
+function u(o, t) {
+  const { className: e, children: r, ...s } = o, { getPrefixCls: a } = i(p), m = a("layout-footer"), n = l(m, e);
+  return /* @__PURE__ */ f("footer", { ref: t, ...s, className: n, children: r });
+}
+const x = c(u);
+x.displayName = "LayoutFooter";
+export {
+  x as default
+};

package/layout/Header.js

@@ -0,0 +1,15 @@
+import { jsx as c } from "react/jsx-runtime";
+import { forwardRef as i, useContext as f } from "react";
+/* empty css                  */
+import "../config-provider/ConfigProvider.js";
+import l from "@unicom-cloud/utils/class-name";
+import { ConfigContext as p } from "../config-provider/context.js";
+function d(e, o) {
+  const { getPrefixCls: r } = f(p), { className: t, children: s, ...a } = e, m = r("layout-header"), n = l(m, t);
+  return /* @__PURE__ */ c("header", { ref: o, ...a, className: n, children: s });
+}
+const u = i(d);
+u.displayName = "LayoutHeader";
+export {
+  u as default
+};

package/{chunk/B9asjXwm.js → layout/Sider.js}

@@ -4,20 +4,21 @@ import q from "@unicom-cloud/icons/IconUiRight";
 import X from "lodash/isArray";
 import w from "lodash/isNumber";
 import { createContext as Y, forwardRef as Z, useContext as ee, useState as re, useRef as A, useEffect as F, useMemo as te } from "react";
-import "./C6Kfwj0f.js";
-import { a as ie } from "./Dr0iXIXO.js";
-import se from "../hooks/useMergeValue.js";
-import oe from "../ResizeBox.js";
+/* empty css                  */
+import "../config-provider/ConfigProvider.js";
+import ie from "../hooks/useMergeValue.js";
+import se from "../ResizeBox.js";
 import H from "@unicom-cloud/utils/class-name";
-import L, { responsiveMap as ne } from "../utils/responsiveObserve.js";
+import L, { responsiveMap as oe } from "../utils/responsiveObserve.js";
+import { ConfigContext as ne } from "../config-provider/context.js";
 const le = Y({
   siderCollapsed: !1,
   collapsedWidth: 64
-}), ae = /* @__PURE__ */ (() => {
+}), ce = /* @__PURE__ */ (() => {
   let i = 0;
   return (u = "") => (i += 1, `${u}${i}`);
 })();
-function ce(i, u) {
+function ae(i, u) {
   var T;
   const {
     children: D,
@@ -29,14 +30,14 @@ function ce(i, u) {
     collapsedWidth: r = 48,
     width: g = 200,
     collapsible: h,
-    resizeDirections: c,
+    resizeDirections: a,
     onSiderMount: v,
     onSiderUnmount: C,
     breakpoint: W,
     onBreakpoint: O,
     onCollapse: d,
     resizeBoxProps: t = {}
-  } = i, _ = ae("pqb-sider-"), { getPrefixCls: P } = ee(ie), s = P("layout-sider"), [e, I] = se(!1, {
+  } = i, _ = ce("pqb-sider-"), { getPrefixCls: P } = ee(ne), s = P("layout-sider"), [e, I] = ie(!1, {
     value: "collapsed" in i ? i.collapsed : void 0,
     defaultValue: i.defaultCollapsed
   }), $ = w(g) ? `${g}px` : String(g), Q = w(r) ? `${r}` : String(r), [p, k] = re(
@@ -47,12 +48,12 @@ function ce(i, u) {
     collapsed: e,
     onCollapse: d,
     onBreakpoint: O
-  }, F(() => (v == null || v(_), h && W in ne && (b.current = L.subscribe(
+  }, F(() => (v == null || v(_), h && W in oe && (b.current = L.subscribe(
     (o, l) => {
-      const { breakpoint: a, collapsed: J, onCollapse: S, onBreakpoint: N } = M.current;
-      if (!l || l === a) {
-        const m = !o[a];
-        m !== J && (I(m), S == null || S(m, "responsive")), N == null || N(m);
+      const { breakpoint: c, collapsed: J, onCollapse: N, onBreakpoint: S } = M.current;
+      if (!l || l === c) {
+        const m = !o[c];
+        m !== J && (I(m), N == null || N(m, "responsive")), S == null || S(m);
       }
     }
   )), () => {
@@ -61,7 +62,7 @@ function ce(i, u) {
     const o = w(r) ? `${r}px` : String(r);
     k(e ? o : $);
   }, [e, $, r]);
-  const x = c && X(c) || ((T = t.directions) == null ? void 0 : T.length), U = x ? oe : "aside", z = () => {
+  const x = a && X(a) || ((T = t.directions) == null ? void 0 : T.length), U = x ? se : "aside", z = () => {
     const o = f || (e ? R ? /* @__PURE__ */ n(j, {}) : /* @__PURE__ */ n(q, {}) : R ? /* @__PURE__ */ n(q, {}) : /* @__PURE__ */ n(j, {}));
     return h && f !== null ? /* @__PURE__ */ n(
       "div",
@@ -80,12 +81,12 @@ function ce(i, u) {
     component: "aside",
     ...t,
     width: p,
-    directions: c,
+    directions: a,
     onMoving: (o, l) => {
-      var a;
-      k(`${l.width}px`), (a = t == null ? void 0 : t.onMoving) == null || a.call(t, o, l);
+      var c;
+      k(`${l.width}px`), (c = t == null ? void 0 : t.onMoving) == null || c.call(t, o, l);
     }
-  } : {}, [x, c, p, t]);
+  } : {}, [x, a, p, t]);
   return /* @__PURE__ */ n(
     le.Provider,
     {
@@ -120,10 +121,10 @@ function ce(i, u) {
     }
   );
 }
-const de = Z(ce), V = de;
+const de = Z(ae), V = de;
 V.displayName = "LayoutSider";
 V.__PQB_SIGN__ = "sider";
 export {
-  V as S,
-  le as a
+  le as SiderContext,
+  V as default
 };

package/list/Item.js

@@ -0,0 +1,46 @@
+import { jsx as n, jsxs as m } from "react/jsx-runtime";
+import p, { useContext as L } from "react";
+/* empty css                  */
+import "../config-provider/ConfigProvider.js";
+import M from "../hooks/useMergeProps.js";
+import P from "@unicom-cloud/utils/class-name";
+import f from "./Meta.js";
+import { ConfigContext as R } from "../config-provider/context.js";
+const j = {
+  actionLayout: "horizontal"
+};
+function w(h, u) {
+  const { getPrefixCls: C, componentConfig: a } = L(R), x = M(
+    h,
+    j,
+    a && a["List.Item"]
+  ), { children: N, className: $, actions: e, extra: i, actionLayout: r, ...g } = x, o = `${C("list")}-item`, c = [], s = [];
+  p.Children.forEach(N, (t) => {
+    t && t.type && t.type === f ? c.push(t) : s.push(t);
+  });
+  const v = s.length ? /* @__PURE__ */ n("div", { className: `${o}-content`, children: s }) : null, y = i ? /* @__PURE__ */ n("div", { className: `${o}-extra-content`, children: i }) : null, l = e && e.length ? /* @__PURE__ */ n("div", { className: `${o}-action`, children: e.map((t, I) => /* @__PURE__ */ n("li", { children: t }, `${o}-action-${I}`)) }) : null;
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      role: "listitem",
+      ref: u,
+      className: P(o, $),
+      ...g,
+      children: [
+        /* @__PURE__ */ m("div", { className: `${o}-main`, children: [
+          c,
+          v,
+          r === "vertical" ? l : null
+        ] }),
+        r === "horizontal" ? l : null,
+        y
+      ]
+    }
+  );
+}
+const z = p.forwardRef(w), d = z;
+d.displayName = "ListItem";
+d.Meta = f;
+export {
+  d as default
+};

package/list/Meta.js

@@ -0,0 +1,21 @@
+import { jsxs as o, jsx as a } from "react/jsx-runtime";
+import f, { useContext as N } from "react";
+/* empty css                  */
+import "../config-provider/ConfigProvider.js";
+import C from "@unicom-cloud/utils/class-name";
+import { ConfigContext as h } from "../config-provider/context.js";
+function v(r, n) {
+  const { getPrefixCls: c } = N(h), { className: m, avatar: i, title: e, description: s, ...l } = r, t = `${c("list")}-item-meta`, d = !!i, p = !!(e || s);
+  return /* @__PURE__ */ o("div", { ref: n, ...l, className: C(t, m), children: [
+    d && /* @__PURE__ */ a("div", { className: `${t}-avatar`, children: i }),
+    p && /* @__PURE__ */ o("div", { className: `${t}-content`, children: [
+      e && /* @__PURE__ */ a("div", { className: `${t}-title`, children: e }),
+      s && /* @__PURE__ */ a("div", { className: `${t}-description`, children: s })
+    ] })
+  ] });
+}
+const x = f.forwardRef(v);
+x.displayName = "ListItemMeta";
+export {
+  x as default
+};

package/loading/style/index.module.less.js

@@ -0,0 +1,4 @@
+const s = {};
+export {
+  s as default
+};

package/mentions/util.js

@@ -0,0 +1,26 @@
+function c(n, { split: e }) {
+  return !e || n.indexOf(e) === -1;
+}
+function a({
+  value: n,
+  selectionStart: e
+}) {
+  return n.slice(0, e);
+}
+function s(n, e = "") {
+  return (Array.isArray(e) ? e : [e]).reduce(
+    (t, r) => {
+      const i = n.lastIndexOf(r);
+      return i > t.location ? {
+        location: i,
+        prefix: r
+      } : t;
+    },
+    { location: -1, prefix: "" }
+  );
+}
+export {
+  a as getBeforeSelectionText,
+  s as getLastMeasureIndex,
+  c as isValidSearch
+};

package/menu/Indent.js

@@ -0,0 +1,17 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useContext as a } from "react";
+import i from "./context.js";
+function d(e) {
+  const { prefixCls: l, levelIndent: r } = e, { collapse: o } = a(i), n = e.level - 1;
+  return !o && n > 0 ? /* @__PURE__ */ t("span", { children: [...new Array(n)].map((m, s) => /* @__PURE__ */ t(
+    "span",
+    {
+      className: `${l}-indent`,
+      style: { width: r }
+    },
+    s
+  )) }) : null;
+}
+export {
+  d as default
+};