@unicom-cloud/ui 0.8.66 → 0.8.68

package/select-view/Core.js

@@ -0,0 +1,370 @@
+import { jsx as t, jsxs as E } from "react/jsx-runtime";
+import We, { useRef as ue, useContext as qe, useState as de, useEffect as Xe, useImperativeHandle as Je, useMemo as Qe, createElement as Ye } from "react";
+import Ze from "@unicom-cloud/icons/IconUiClose";
+import eo from "@unicom-cloud/icons/IconUiDown";
+import oo from "@unicom-cloud/icons/IconUiLoading";
+import ro from "@unicom-cloud/icons/IconUiSearch";
+import no from "lodash/isFunction";
+import fe from "lodash/isUndefined";
+import { a as to, I as so } from "../chunk/ll867Bf3.js";
+import { u as ao } from "../chunk/CQ_WOOmf.js";
+import { u as lo } from "../chunk/BsY85n3_.js";
+import co from "../input-tag/InputTag.js";
+import io from "../input/InputElement.js";
+import uo from "../popover/index.js";
+import pe from "../tag/index.js";
+import { m as k } from "../chunk/JPPo5nY_.js";
+import { f as me } from "../chunk/CftuXmo_.js";
+import { i as fo } from "../chunk/CYhxqVkn.js";
+import "../chunk/D-TPB2Do.js";
+import { e as po, t as mo } from "../chunk/BrOW642m.js";
+import "../chunk/URXCKjXr.js";
+import C from "lodash/isPlainObject.js";
+import he from "lodash/isNumber.js";
+const J = "__pqb_value_tag_placeholder", I = {
+  BEFORE: 0,
+  EDITING: 1,
+  NONE: 2
+}, Vo = We.forwardRef(function(v, ge) {
+  const {
+    id: be,
+    style: xe,
+    className: Ce,
+    size: ve,
+    bordered: we,
+    allowClear: Ie,
+    allowCreate: Ne,
+    status: Te,
+    loading: $e,
+    disabled: h,
+    animation: Se,
+    prefixCls: r,
+    suffixIcon: Q,
+    arrowIcon: Y,
+    removeIcon: ye,
+    clearIcon: D,
+    placeholder: Z,
+    renderText: ee,
+    value: g,
+    inputValue: F,
+    popupVisible: p,
+    maxTagCount: l,
+    isMultiple: w,
+    isEmptyValue: O,
+    prefix: R,
+    ariaControls: Pe,
+    renderTag: M,
+    dragToSort: oe,
+    rtl: Ee,
+    htmlDataAttributes: ke,
+    onKeyDown: A,
+    onChangeInputValue: _,
+    onPaste: De,
+    onClear: Fe,
+    onFocus: U,
+    onBlur: V,
+    onRemoveCheckedItem: z,
+    onSort: B,
+    ...Oe
+  } = v, N = ue(null), m = ue(null), { size: Re, getPrefixCls: re } = qe(to), [Me, ne] = de(I.NONE), [L, te] = de(!1), Ae = ao(), T = "showSearch" in v ? v.showSearch : w, f = T || Ne, S = ve || Re, j = L || p, _e = C(T) && T.retainInputValue, b = !w && g !== void 0 ? ee(g).text : "", H = (e) => {
+    var o;
+    (o = e == null ? void 0 : e.preventDefault) == null || o.call(e);
+  }, G = (e) => {
+    const o = f ? N.current : m.current;
+    o && (e === "focus" ? o.focus() : o.blur());
+  }, y = (e, o) => {
+    f && o.target === m.current || (e === "focus" ? (te(!0), U == null || U(o)) : (te(!1), V == null || V(o)));
+  }, se = (e) => {
+    if (f && e.currentTarget === m.current)
+      return;
+    e.key === po.key && e.preventDefault(), A == null || A(e);
+  };
+  Xe(() => {
+    G(p ? "focus" : "blur"), f && ne(p ? I.BEFORE : I.NONE);
+  }, [p]), Je(ge, () => ({
+    dom: m.current,
+    getRootDOMNode: () => m.current,
+    focus: G.bind(null, "focus"),
+    blur: G.bind(null, "blur"),
+    getWidth: () => m.current && m.current.clientWidth
+  }));
+  const Ue = "arrowIcon" in v ? Y === null ? null : /* @__PURE__ */ t("div", { className: `${r}-arrow-icon`, children: Y }) : /* @__PURE__ */ t("div", { className: `${r}-arrow-icon`, children: /* @__PURE__ */ t(eo, {}) }), Ve = $e ? /* @__PURE__ */ t("span", { className: `${r}-loading-icon`, children: /* @__PURE__ */ t(oo, {}) }) : Q ? /* @__PURE__ */ t("span", { className: `${r}-suffix-icon`, children: Q }) : v.showSearch && p ? /* @__PURE__ */ t("div", { className: `${r}-search-icon`, children: /* @__PURE__ */ t(ro, {}) }) : Ue, i = {
+    paste: De,
+    keyDown: se,
+    focus: (e) => {
+      e.stopPropagation(), y("focus", e);
+    },
+    blur: (e) => {
+      e.stopPropagation(), y("blur", e);
+    },
+    change: (e, o) => {
+      ne(I.EDITING), _ == null || _(e, o);
+    }
+  }, ze = () => {
+    let e;
+    switch (Me) {
+      case I.BEFORE:
+        e = F || (_e ? b : "");
+        break;
+      case I.EDITING:
+        e = F || "";
+        break;
+      default:
+        e = b;
+        break;
+    }
+    const o = !!(j && f || O), s = {
+      style: { width: "100%" },
+      // _inputValue after renderText(value) may be rich text, but the value of <input> cannot be object
+      value: o && typeof e != "object" ? e : "",
+      // Allow placeholder to display the selected value first when searching
+      placeholder: f && b && typeof b != "object" ? b : Z
+    };
+    return f ? (s.onPaste = i.paste, s.onKeyDown = i.keyDown, s.onFocus = i.focus, s.onBlur = i.blur, s.onChange = i.change) : (s.tabIndex = -1, s.style.pointerEvents = "none"), /* @__PURE__ */ E("span", { className: `${r}-view-selector`, children: [
+      /* @__PURE__ */ t(
+        io,
+        {
+          "aria-hidden": !o || void 0,
+          ref: N,
+          disabled: h,
+          className: k(`${r}-view-input`, {
+            [`${r}-hidden`]: !o
+          }),
+          autoComplete: "off",
+          ...s
+        }
+      ),
+      o ? /* @__PURE__ */ t("span", { className: `${r}-view-value-mirror`, children: me(s.value ? e : s.placeholder) }) : null,
+      /* @__PURE__ */ t(
+        "span",
+        {
+          style: o ? { display: "none" } : {},
+          className: `${r}-view-value`,
+          children: me(O ? s.placeholder : e)
+        }
+      )
+    ] });
+  }, K = lo(ee), ae = C(l) ? l.count : l, le = (e) => {
+    const o = K(e);
+    return { value: e, label: o.text, closable: !o.disabled };
+  }, W = Qe(() => {
+    if (!w)
+      return [];
+    const e = fe(g) ? [] : [].concat(g);
+    return (he(ae) ? e.slice(0, ae) : e).map((P) => le(P));
+  }, [g, w, l, K]), Be = () => {
+    const e = C(l) ? l.count : l, o = C(l) && l.showPopover, s = re("input-tag"), P = (n) => C(l) && no(l.render) ? l.render(n) : e === "responsive" ? /* @__PURE__ */ E(
+      pe,
+      {
+        className: `${s}-tag`,
+        children: [
+          "+",
+          n,
+          "..."
+        ]
+      },
+      J
+    ) : `+${n}...`, x = fe(g) ? [] : [].concat(g), He = () => {
+      for (let n = x.length - 1; n >= 0; n--) {
+        const c = x[n];
+        if (!K(c).disabled)
+          return n;
+      }
+      return -1;
+    }, q = {
+      onPaste: i.paste,
+      onKeyDown: i.keyDown,
+      onFocus: i.focus,
+      onBlur: i.blur,
+      onInputChange: i.change,
+      onRemove: (n, c, u) => {
+        const $ = u.key;
+        let a = -1;
+        $ === mo.key && (a = He()) !== -1 && (n = x[a], c = a), l && Ae(), z == null || z(n, c, u);
+      }
+    }, Ge = {
+      suffix: null,
+      prefix: null,
+      addBefore: null,
+      addAfter: null,
+      allowClear: !1,
+      labelInValue: !1
+    }, ie = (() => {
+      if (he(e)) {
+        const n = x.length - e;
+        if (n > 0) {
+          const c = {
+            label: P(n),
+            closable: !1,
+            // InputTag needs to extract value as key
+            value: J
+          };
+          if (o) {
+            const u = x.map((a, d) => ({ val: a, index: d })).slice(e).map((a) => {
+              const d = le(a.val);
+              return M ? M(
+                {
+                  ...d,
+                  onClose: (X) => {
+                    q.onRemove(d.value, a.index, X);
+                  }
+                },
+                a.index,
+                W.concat(c)
+              ) : /* @__PURE__ */ Ye(
+                pe,
+                {
+                  ...d,
+                  key: d.value,
+                  className: `${s}-tag`,
+                  onClose: (X) => q.onRemove(d.value, a.index, X)
+                },
+                d.label
+              );
+            }), $ = C(o) ? o : {};
+            c.label = /* @__PURE__ */ t(
+              uo,
+              {
+                ...$,
+                content: !!u.length && /* @__PURE__ */ t(
+                  "div",
+                  {
+                    onClick: (a) => {
+                      a.stopPropagation();
+                    },
+                    children: u
+                  }
+                ),
+                children: c.label
+              }
+            );
+          }
+          return c;
+        }
+      }
+    })(), Ke = ie ? W.concat(ie) : W;
+    return /* @__PURE__ */ t(
+      co,
+      {
+        ...Ge,
+        className: j ? `${re("input-tag")}-focus` : "",
+        ref: N,
+        disabled: h,
+        dragToSort: oe,
+        disableInput: !T,
+        animation: Se,
+        placeholder: Z,
+        value: Ke,
+        inputValue: F,
+        size: S,
+        tagClassName: `${r}-tag`,
+        renderTag: M,
+        icon: { removeIcon: ye },
+        maxTagCount: e === "responsive" ? {
+          count: e,
+          render: P,
+          popoverProps: C(o) ? o : o ? {} : { disabled: !0 }
+        } : void 0,
+        onChange: (n, c) => {
+          if (B && c === "sort") {
+            const u = n.indexOf(
+              J
+            );
+            if (u > -1) {
+              const $ = n.slice(0, u), a = n.slice(u + 1), d = x.slice(
+                n.length - 1 - x.length
+              );
+              B($.concat(d, a));
+            } else
+              B(n);
+          }
+        },
+        ...q
+      }
+    );
+  }, ce = Te || (v.error ? "error" : void 0), Le = !h && !O && Ie ? /* @__PURE__ */ t(
+    so,
+    {
+      size: S,
+      className: `${r}-clear-icon`,
+      onClick: Fe,
+      onMouseDown: H,
+      children: D ?? /* @__PURE__ */ t(Ze, {})
+    },
+    "clearIcon"
+  ) : null, je = k(
+    r,
+    `${r}-${w ? "multiple" : "single"}`,
+    {
+      [`${r}-show-search`]: T,
+      [`${r}-open`]: p,
+      [`${r}-size-${S}`]: S,
+      [`${r}-focused`]: j,
+      [`${r}-${ce}`]: ce,
+      [`${r}-disabled`]: h,
+      [`${r}-no-border`]: !we,
+      [`${r}-rtl`]: Ee
+    },
+    Ce
+  );
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      role: "combobox",
+      "aria-haspopup": "listbox",
+      "aria-autocomplete": "list",
+      "aria-expanded": p,
+      "aria-disabled": h,
+      "aria-controls": Pe,
+      ...fo(Oe, ["onClick", "onMouseEnter", "onMouseLeave"]),
+      ...ke,
+      ref: m,
+      tabIndex: h ? -1 : 0,
+      id: be,
+      style: xe,
+      className: je,
+      onKeyDown: se,
+      onFocus: (e) => {
+        !h && !oe && (f ? N.current && N.current.focus() : y("focus", e));
+      },
+      onBlur: (e) => y("blur", e),
+      children: /* @__PURE__ */ E(
+        "div",
+        {
+          title: typeof b == "string" ? b : void 0,
+          className: k(`${r}-view`, {
+            [`${r}-view-with-prefix`]: R
+          }),
+          onClick: (e) => p && f && e.stopPropagation(),
+          children: [
+            R && /* @__PURE__ */ t(
+              "div",
+              {
+                "aria-hidden": "true",
+                className: k(`${r}-prefix`),
+                onMouseDown: (e) => L && H(e),
+                children: R
+              }
+            ),
+            w ? Be() : ze(),
+            /* @__PURE__ */ E(
+              "div",
+              {
+                "aria-hidden": "true",
+                className: `${r}-suffix`,
+                onMouseDown: (e) => L && H(e),
+                children: [
+                  Le,
+                  Ve
+                ]
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+});
+export {
+  Vo as default
+};

package/select-view/index.js

@@ -0,0 +1,67 @@
+import { jsx as p, jsxs as N } from "react/jsx-runtime";
+import y, { useRef as V, useImperativeHandle as W } from "react";
+import { m as b } from "../chunk/JPPo5nY_.js";
+import "../chunk/D-TPB2Do.js";
+import { a as x } from "../chunk/ClqoGc3r.js";
+import C from "./Core.js";
+import S from "lodash/isPlainObject.js";
+const R = (a, f) => {
+  const {
+    prefixCls: o,
+    id: u,
+    style: h,
+    className: w,
+    addBefore: i,
+    rtl: A,
+    renderView: d,
+    autoWidth: s,
+    ...v
+  } = a, l = s ? {
+    minWidth: 0,
+    maxWidth: "100%",
+    ...S(s) ? s : {}
+  } : null, n = V(null), c = i != null, e = c || !1, t = {
+    id: u,
+    style: { ...l, width: l ? "auto" : void 0, ...h },
+    className: w
+  }, m = x(v);
+  W(
+    f,
+    () => n.current
+  );
+  let r = /* @__PURE__ */ p(
+    C,
+    {
+      ...a,
+      ref: n,
+      id: e ? void 0 : t.id,
+      style: e ? void 0 : t.style,
+      className: e ? void 0 : t.className,
+      htmlDataAttributes: e ? {} : m
+    }
+  );
+  return typeof d == "function" && (r = d(r)), e ? /* @__PURE__ */ N(
+    "div",
+    {
+      ...m,
+      ...t,
+      className: b(
+        `${o}-wrapper`,
+        {
+          [`${o}-wrapper-rtl`]: A
+        },
+        t.className
+      ),
+      children: [
+        c && /* @__PURE__ */ p("div", { className: `${o}-addbefore`, children: i }),
+        r
+      ]
+    }
+  ) : r;
+}, j = y.forwardRef(
+  R
+);
+j.displayName = "SelectView";
+export {
+  j as default
+};

package/select-view/interface.js

@@ -0,0 +1 @@
+

package/skeleton/Image.js

@@ -0,0 +1,24 @@
+import { jsx as l } from "react/jsx-runtime";
+import { m as $ } from "../chunk/JPPo5nY_.js";
+function n(m) {
+  const {
+    style: t,
+    shape: s = "square",
+    size: a,
+    position: i = "left",
+    className: o,
+    prefixCls: e
+  } = m, r = $(
+    `${e}-image`,
+    {
+      [`${e}-image-${i}`]: i,
+      [`${e}-image-${s}`]: s,
+      [`${e}-image-${a}`]: a
+    },
+    o
+  );
+  return /* @__PURE__ */ l("div", { className: r, style: t });
+}
+export {
+  n as default
+};

package/skeleton/Text.js

@@ -0,0 +1,27 @@
+import { jsx as i } from "react/jsx-runtime";
+import f from "lodash/isArray";
+import { m as u } from "../chunk/JPPo5nY_.js";
+function h(l) {
+  const { style: n, width: r = "60%", rows: s = 3, className: a, prefixCls: e } = l, m = u(`${e}-text`, a), o = [];
+  function c(t) {
+    if (f(r))
+      return r[t];
+    if (s - 1 === t)
+      return r;
+  }
+  for (let t = 0; t < s; t++)
+    o.push(
+      /* @__PURE__ */ i(
+        "li",
+        {
+          className: `${e}-text-row`,
+          style: { width: c(t) }
+        },
+        t
+      )
+    );
+  return /* @__PURE__ */ i("ul", { className: m, style: n, children: o });
+}
+export {
+  h as default
+};

package/skeleton/index.js

@@ -0,0 +1,57 @@
+import { jsx as e, jsxs as N } from "react/jsx-runtime";
+import $ from "lodash/isPlainObject";
+import S, { forwardRef as j, useContext as v } from "react";
+import { a as b } from "../chunk/ll867Bf3.js";
+import { u as y } from "../chunk/BFTV6myl.js";
+import { m as R } from "../chunk/JPPo5nY_.js";
+import { a as w } from "../chunk/ClqoGc3r.js";
+import A from "./Image.js";
+import D from "./Text.js";
+function c(o) {
+  return $(o) ? o : {};
+}
+const F = {
+  text: !0,
+  loading: !0
+};
+function I(o, l) {
+  const { getPrefixCls: p, componentConfig: r, rtl: f } = v(b), s = y(
+    o,
+    F,
+    r == null ? void 0 : r.Skeleton
+  ), { style: d, className: u, animation: g, loading: x, image: i, text: a, children: h } = s, n = c(i), P = c(a), t = p("skeleton"), k = R(
+    t,
+    {
+      [`${t}-animate`]: g,
+      [`${t}-rtl`]: f
+    },
+    u
+  );
+  function m() {
+    return i && /* @__PURE__ */ e("div", { className: `${t}-header`, children: /* @__PURE__ */ e(A, { prefixCls: t, ...n }) });
+  }
+  function C() {
+    return a && /* @__PURE__ */ e("div", { className: `${t}-content`, children: /* @__PURE__ */ e(D, { prefixCls: t, ...P }) });
+  }
+  return /* @__PURE__ */ e(S.Fragment, { children: x ? /* @__PURE__ */ N(
+    "div",
+    {
+      ...w(s),
+      className: k,
+      style: d,
+      ref: l,
+      children: [
+        n.position !== "right" && m(),
+        C(),
+        n.position === "right" && m()
+      ]
+    }
+  ) : h });
+}
+const M = j(
+  I
+);
+M.displayName = "Skeleton";
+export {
+  M as default
+};

package/skeleton/interface.js

@@ -0,0 +1 @@
+