@unicom-cloud/ui 0.8.41

package/chunk/DF-4xm4m.js

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

package/chunk/DP2rzg_V.js

@@ -0,0 +1 @@
+