@unicom-cloud/ui 0.8.67 → 0.8.69

package/input-tag/InputTag.js

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

package/input-tag/index.js

@@ -0,0 +1,4 @@
+import a from "./InputTag.js";
+export {
+  a as default
+};

package/input-tag/interface.js

@@ -0,0 +1 @@
+

package/layout/Content.js

@@ -0,0 +1,13 @@
+import { jsx as c } from "react/jsx-runtime";
+import { forwardRef as f, useContext as i } from "react";
+import { a as l } from "../chunk/ll867Bf3.js";
+import { m as p } from "../chunk/JPPo5nY_.js";
+function C(t, o) {
+  const { className: n, children: e, ...s } = t, { getPrefixCls: r } = i(l), a = r("layout-content"), m = p(a, n);
+  return /* @__PURE__ */ c("main", { ref: o, ...s, className: m, children: e });
+}
+const u = f(C);
+u.displayName = "LayoutContent";
+export {
+  u as default
+};

package/layout/Footer.js

@@ -0,0 +1,13 @@
+import { jsx as f } from "react/jsx-runtime";
+import { forwardRef as c, useContext as i } from "react";
+import { a as l } from "../chunk/ll867Bf3.js";
+import { m as p } from "../chunk/JPPo5nY_.js";
+function u(o, t) {
+  const { className: e, children: r, ...s } = o, { getPrefixCls: a } = i(l), m = a("layout-footer"), n = p(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,13 @@
+import { jsx as f } from "react/jsx-runtime";
+import { forwardRef as c, useContext as i } from "react";
+import { a as d } from "../chunk/ll867Bf3.js";
+import { m as l } from "../chunk/JPPo5nY_.js";
+function p(e, o) {
+  const { getPrefixCls: r } = i(d), { className: t, children: a, ...s } = e, m = r("layout-header"), n = l(m, t);
+  return /* @__PURE__ */ f("header", { ref: o, ...s, className: n, children: a });
+}
+const u = c(p);
+u.displayName = "LayoutHeader";
+export {
+  u as default
+};

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

@@ -4,10 +4,10 @@ import q from "@unicom-cloud/icons/IconUiRight";
 import X from "lodash/isArray";
 import N 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 { a as ie } from "./BJQ5UNa-.js";
-import { R as se } from "./HDUQku8d.js";
-import oe from "../ResizeBox.js";
-import { m as H } from "./JPPo5nY_.js";
+import { a as ie } from "../chunk/ll867Bf3.js";
+import { u as se } from "../chunk/CdaT1b_F.js";
+import oe from "../resize-box/index.js";
+import { m as H } from "../chunk/JPPo5nY_.js";
 import L, { responsiveMap as ne } from "../utils/responsiveObserve.js";
 const le = Y({
   siderCollapsed: !1,
@@ -17,14 +17,14 @@ const le = Y({
   return (f = "") => (i += 1, `${f}${i}`);
 })();
 function de(i, f) {
-  var M;
+  var T;
   const {
-    children: E,
-    className: G,
-    style: O,
-    theme: R = "light",
+    children: D,
+    className: E,
+    style: G,
+    theme: y = "light",
     trigger: m,
-    reverseArrow: y,
+    reverseArrow: R,
     collapsedWidth: r = 48,
     width: g = 200,
     collapsible: h,
@@ -32,23 +32,23 @@ function de(i, f) {
     onSiderMount: v,
     onSiderUnmount: C,
     breakpoint: W,
-    onBreakpoint: P,
+    onBreakpoint: O,
     onCollapse: a,
     resizeBoxProps: t = {}
-  } = i, _ = ce("pqb-sider-"), { getPrefixCls: Q } = ee(ie), s = Q("layout-sider"), [e, I] = se(!1, {
+  } = i, _ = ce("pqb-sider-"), { getPrefixCls: P } = ee(ie), s = P("layout-sider"), [e, I] = se(!1, {
     value: "collapsed" in i ? i.collapsed : void 0,
     defaultValue: i.defaultCollapsed
-  }), $ = N(g) ? `${g}px` : String(g), U = N(r) ? `${r}` : String(r), [p, k] = re(
-    e ? U : $
-  ), b = A(null), T = A(null);
-  T.current = {
+  }), $ = N(g) ? `${g}px` : String(g), Q = N(r) ? `${r}` : String(r), [p, k] = re(
+    e ? Q : $
+  ), b = A(null), M = A(null);
+  M.current = {
     breakpoint: W,
     collapsed: e,
     onCollapse: a,
-    onBreakpoint: P
+    onBreakpoint: O
   }, F(() => (v == null || v(_), h && W in ne && (b.current = L.subscribe(
     (o, l) => {
-      const { breakpoint: c, collapsed: J, onCollapse: S, onBreakpoint: w } = T.current;
+      const { breakpoint: c, collapsed: J, onCollapse: S, onBreakpoint: w } = M.current;
       if (!l || l === c) {
         const u = !o[c];
         u !== J && (I(u), S == null || S(u, "responsive")), w == null || w(u);
@@ -60,14 +60,14 @@ function de(i, f) {
     const o = N(r) ? `${r}px` : String(r);
     k(e ? o : $);
   }, [e, $, r]);
-  const x = d && X(d) || ((M = t.directions) == null ? void 0 : M.length), V = x ? oe : "aside", z = () => {
-    const o = m || (e ? y ? /* @__PURE__ */ n(j, {}) : /* @__PURE__ */ n(q, {}) : y ? /* @__PURE__ */ n(q, {}) : /* @__PURE__ */ n(j, {}));
+  const x = d && X(d) || ((T = t.directions) == null ? void 0 : T.length), U = x ? oe : "aside", z = () => {
+    const o = m || (e ? R ? /* @__PURE__ */ n(j, {}) : /* @__PURE__ */ n(q, {}) : R ? /* @__PURE__ */ n(q, {}) : /* @__PURE__ */ n(j, {}));
     return h && m !== null ? /* @__PURE__ */ n(
       "div",
       {
         style: { width: p },
         className: H(`${s}-trigger`, {
-          [`${s}-trigger-light`]: R === "light"
+          [`${s}-trigger-light`]: y === "light"
         }),
         onClick: () => {
           I(!e), a == null || a(!e, "clickTrigger");
@@ -93,25 +93,25 @@ function de(i, f) {
         collapsedWidth: r
       },
       children: /* @__PURE__ */ K(
-        V,
+        U,
         {
           ref: f,
           style: {
             width: p,
-            ...O
+            ...G
           },
           className: H(
             s,
             {
-              [`${s}-light`]: R === "light",
+              [`${s}-light`]: y === "light",
               [`${s}-has-trigger`]: m !== null && h,
               [`${s}-collapsed`]: e
             },
-            G
+            E
           ),
           ...B,
           children: [
-            /* @__PURE__ */ n("div", { className: `${s}-children`, children: E }),
+            /* @__PURE__ */ n("div", { className: `${s}-children`, children: D }),
             z()
           ]
         }
@@ -119,10 +119,10 @@ function de(i, f) {
     }
   );
 }
-const ae = Z(de), D = ae;
-D.displayName = "LayoutSider";
-D.__PQB_SIGN__ = "sider";
+const ae = Z(de), V = ae;
+V.displayName = "LayoutSider";
+V.__PQB_SIGN__ = "sider";
 export {
-  D as S,
-  le as a
+  le as SiderContext,
+  V as default
 };

package/layout/index.js

@@ -0,0 +1,43 @@
+import { jsx as x } from "react/jsx-runtime";
+import i from "lodash/get";
+import p, { forwardRef as N, useContext as _, useState as F } from "react";
+import { a as H } from "../chunk/ll867Bf3.js";
+import { u as P } from "../chunk/BFTV6myl.js";
+import { m as R } from "../chunk/JPPo5nY_.js";
+import h from "./Content.js";
+import w from "./Footer.js";
+import M from "./Header.js";
+import b from "./Sider.js";
+function j(u, f) {
+  const { getPrefixCls: d, componentConfig: e } = _(H), c = P(
+    u,
+    {},
+    e == null ? void 0 : e.Layout
+  ), { className: y, hasSider: s, children: l, ...C } = c, [r, a] = F([]), m = d("layout"), L = R(
+    m,
+    {
+      [`${m}-has-sider`]: typeof s == "boolean" ? s : r.length > 0
+    },
+    y
+  );
+  return /* @__PURE__ */ x("section", { ref: f, ...C, className: L, children: p.Children.map(l, (o) => {
+    const S = i(o, "type.__PQB_SIGN__") || i(o, "props.sign");
+    return o && S === "sider" ? p.cloneElement(o, {
+      onSiderMount: (n) => a([...r, n]),
+      onSiderUnmount: (n) => a(r.filter((g) => g !== n))
+    }) : o;
+  }) });
+}
+const B = N(j), t = B;
+t.displayName = "Layout";
+t.Sider = b;
+t.Header = M;
+t.Footer = w;
+t.Content = h;
+export {
+  h as LayoutContent,
+  w as LayoutFooter,
+  M as LayoutHeader,
+  b as LayoutSider,
+  t as default
+};

package/layout/interface.js

@@ -0,0 +1 @@
+

package/link/index.js

@@ -0,0 +1,62 @@
+import { jsxs as $, jsx as c } from "react/jsx-runtime";
+import y from "@unicom-cloud/icons/IconUiLink";
+import { forwardRef as g, useContext as L } from "react";
+import { a as P } from "../chunk/ll867Bf3.js";
+import { u as w } from "../chunk/XTEsYGuF.js";
+import { u as K } from "../chunk/BFTV6myl.js";
+import { m as N } from "../chunk/JPPo5nY_.js";
+const D = {
+  hoverable: !0
+};
+function E(f, m) {
+  const { getPrefixCls: d, componentConfig: n, rtl: p } = L(P), o = K(
+    f,
+    D,
+    n == null ? void 0 : n.Link
+  ), {
+    className: u,
+    style: h,
+    children: k,
+    icon: s,
+    status: i,
+    disabled: r,
+    hoverable: x,
+    ...b
+  } = o, v = w({ onKeyDown: o.onKeyDown }), e = d("link"), C = "href" in o ? "a" : "span", a = (t) => {
+    var l;
+    r ? (t.preventDefault(), t.stopPropagation()) : (l = o.onClick) == null || l.call(o, t);
+  };
+  return /* @__PURE__ */ $(
+    C,
+    {
+      className: N(
+        e,
+        {
+          [`${e}-disabled`]: r,
+          [`${e}-is-${i}`]: i,
+          [`${e}-with-icon`]: s,
+          [`${e}-hoverless`]: !x,
+          [`${e}-rtl`]: p
+        },
+        u
+      ),
+      ref: m,
+      tabIndex: r ? -1 : void 0,
+      ...b,
+      style: h,
+      onClick: a,
+      ...v({
+        onPressEnter: a
+      }),
+      children: [
+        s ? /* @__PURE__ */ c("span", { className: `${e}-icon`, children: s === !0 ? /* @__PURE__ */ c(y, {}) : s }) : null,
+        k
+      ]
+    }
+  );
+}
+const j = g(E);
+j.displayName = "Link";
+export {
+  j as default
+};

package/link/interface.js

@@ -0,0 +1 @@
+