@unicom-cloud/ui 0.8.41

package/Select.js

@@ -0,0 +1,10 @@
+import "./chunk/DP2rzg_V.js";
+import "./chunk/BVC51EZ7.js";
+import "./chunk/Dc_89PVN.js";
+import "./Tag.js";
+import "./chunk/DF-4xm4m.js";
+import "./Trigger.js";
+import { S as a } from "./chunk/BdWYJb9B.js";
+export {
+  a as default
+};

package/SelectView.js

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

package/Skeleton.js

@@ -0,0 +1,97 @@
+import { jsx as n, jsxs as k } from "react/jsx-runtime";
+import "./chunk/DP2rzg_V.js";
+import y from "lodash/isPlainObject";
+import v, { forwardRef as w, useContext as S } from "react";
+import { a as j } from "./chunk/Dc_89PVN.js";
+import b from "./hooks/useMergeProps.js";
+import u from "@unicom-cloud/utils/class-name";
+import { pickDataAttributes as A } from "./utils/pick.js";
+import R from "lodash/isArray";
+function T(s) {
+  const {
+    style: c,
+    shape: r = "square",
+    size: e,
+    position: l = "left",
+    className: i,
+    prefixCls: o
+  } = s, m = u(
+    `${o}-image`,
+    {
+      [`${o}-image-${l}`]: l,
+      [`${o}-image-${r}`]: r,
+      [`${o}-image-${e}`]: e
+    },
+    i
+  );
+  return /* @__PURE__ */ n("div", { className: m, style: c });
+}
+function q(s) {
+  const { style: c, width: r = "60%", rows: e = 3, className: l, prefixCls: i } = s, o = u(`${i}-text`, l), m = [];
+  function f(t) {
+    if (R(r))
+      return r[t];
+    if (e - 1 === t)
+      return r;
+  }
+  for (let t = 0; t < e; t++)
+    m.push(
+      /* @__PURE__ */ n(
+        "li",
+        {
+          className: `${i}-text-row`,
+          style: { width: f(t) }
+        },
+        t
+      )
+    );
+  return /* @__PURE__ */ n("ul", { className: o, style: c, children: m });
+}
+function x(s) {
+  return y(s) ? s : {};
+}
+const z = {
+  text: !0,
+  loading: !0
+};
+function D(s, c) {
+  const { getPrefixCls: r, componentConfig: e, rtl: l } = S(j), i = b(
+    s,
+    z,
+    e == null ? void 0 : e.Skeleton
+  ), { style: o, className: m, animation: f, loading: t, image: d, text: g, children: N } = i, p = x(d), h = x(g), a = r("skeleton"), C = u(
+    a,
+    {
+      [`${a}-animate`]: f,
+      [`${a}-rtl`]: l
+    },
+    m
+  );
+  function $() {
+    return d && /* @__PURE__ */ n("div", { className: `${a}-header`, children: /* @__PURE__ */ n(T, { prefixCls: a, ...p }) });
+  }
+  function P() {
+    return g && /* @__PURE__ */ n("div", { className: `${a}-content`, children: /* @__PURE__ */ n(q, { prefixCls: a, ...h }) });
+  }
+  return /* @__PURE__ */ n(v.Fragment, { children: t ? /* @__PURE__ */ k(
+    "div",
+    {
+      ...A(i),
+      className: C,
+      style: o,
+      ref: c,
+      children: [
+        p.position !== "right" && $(),
+        P(),
+        p.position === "right" && $()
+      ]
+    }
+  ) : N });
+}
+const F = w(
+  D
+);
+F.displayName = "Skeleton";
+export {
+  F as default
+};