@unicom-cloud/ui 0.8.41

package/chunk/BTvIp2Ol.js

@@ -0,0 +1,229 @@
+import { jsxs as g, jsx as e } from "react/jsx-runtime";
+import Ce from "@unicom-cloud/icons/IconUiImageClose";
+import Pe from "@unicom-cloud/icons/IconUiLoading";
+import _ from "lodash/isNumber";
+import ee from "lodash/isPlainObject";
+import Ie from "lodash/isUndefined";
+import xe, { useContext as re, useMemo as R, useRef as oe, useEffect as G } from "react";
+import "./DP2rzg_V.js";
+import { a as Ve } from "./Dc_89PVN.js";
+import Le from "../hooks/useInView.js";
+import ye from "../hooks/useKeyboardEvent.js";
+import Ee from "../hooks/useMergeProps.js";
+import Fe from "../hooks/useMergeValue.js";
+import h from "@unicom-cloud/utils/class-name";
+import Re from "../utils/omit.js";
+import Ge from "@unicom-cloud/icons/IconUiMore";
+import { T as Ue, P as ie, a as je, b as Me, u as Se } from "./CEMQTMlX.js";
+function te(v) {
+  const { title: w, description: $, actions: t } = v, a = w || $, l = t && t.length;
+  return [a || l, a, l];
+}
+const ke = (v) => {
+  const { style: w, className: $, title: t, description: a, actions: l, prefixCls: o, simple: x } = v, [s, V, N] = te({
+    title: t,
+    description: a,
+    actions: l
+  });
+  if (!s)
+    return null;
+  const c = `${o}-footer`, L = h(c, $, {
+    [`${c}-with-actions`]: N
+  }), y = () => {
+    const b = /* @__PURE__ */ e("div", { className: `${o}-actions-list`, children: l.map((E, C) => /* @__PURE__ */ e("div", { className: `${o}-actions-item`, children: E }, `${C}`)) });
+    return x ? /* @__PURE__ */ e("div", { className: `${o}-actions-list`, children: /* @__PURE__ */ e(Ue, { prefixCls: o, popup: () => b, children: /* @__PURE__ */ e(
+      "div",
+      {
+        className: h(
+          `${o}-actions-item`,
+          `${o}-actions-item-trigger`
+        ),
+        children: /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(Ge, {}) })
+      }
+    ) }) }) : b;
+  };
+  return /* @__PURE__ */ g("div", { className: L, style: w, children: [
+    V && /* @__PURE__ */ g("div", { className: h(`${c}-block`, `${o}-caption`), children: [
+      t && /* @__PURE__ */ e("div", { className: `${o}-caption-title`, title: t, children: t }),
+      a && !x && /* @__PURE__ */ e(
+        "div",
+        {
+          className: `${o}-caption-description`,
+          title: a,
+          children: a
+        }
+      )
+    ] }),
+    N && /* @__PURE__ */ e("div", { className: h(`${c}-block`, `${o}-actions`), children: y() })
+  ] });
+};
+let B = 0;
+const Ae = {
+  footerPosition: "inner",
+  preview: !0
+};
+function Oe(v, w) {
+  const { getPrefixCls: $, componentConfig: t, rtl: a } = re(Ve), l = Ee(
+    v,
+    Ae,
+    t == null ? void 0 : t.Image
+  ), {
+    style: o,
+    className: x,
+    src: s,
+    width: V,
+    height: N,
+    title: c,
+    description: L,
+    actions: y,
+    footerPosition: b,
+    simple: E,
+    loader: C,
+    loaderClassName: se,
+    error: ne,
+    preview: u,
+    previewProps: U,
+    alt: j,
+    onClick: M,
+    index: S,
+    _index: D,
+    onError: k,
+    onLoad: A,
+    lazyload: f,
+    ...ae
+  } = l, ce = ye(), {
+    previewGroup: P,
+    handleVisibleChange: le,
+    registerPreviewUrl: de,
+    registerPreviewProps: me,
+    setCurrentIndex: ue
+  } = re(Me), n = R(() => ee(U) ? U : {}, [U]), fe = R(() => ee(f) ? f : {}, [f]), d = R(() => _(S) || _(D) ? (B = _(S) ? S : D, B) : B++, []), O = n.src || s, [T] = te({ title: c, description: L, actions: y }), { isLoading: H, isError: z, isLoaded: p, isBeforeLoad: pe, setStatus: I } = Se("beforeLoad"), F = oe(!1), [J, ge] = Fe(!1, {
+    defaultValue: n.defaultVisible,
+    value: n.visible
+  }), K = R(() => Re(n, [
+    "visible",
+    "defaultVisible",
+    "src",
+    "onVisibleChange"
+  ]), [n]), r = $("image"), he = !Ie(n.visible), ve = h(
+    r,
+    {
+      [`${r}-rtl`]: a,
+      [`${r}-simple`]: E,
+      [`${r}-before-load`]: pe,
+      [`${r}-loading`]: H,
+      [`${r}-loading-error`]: z,
+      [`${r}-with-footer-inner`]: p && T && b === "inner",
+      [`${r}-with-footer-outer`]: p && T && b === "outer",
+      [`${r}-with-preview`]: p && u && !z && !he
+    },
+    x
+  ), m = oe();
+  function we(i) {
+    F.current = !0, I("loaded"), A == null || A(i);
+  }
+  function $e(i) {
+    F.current = !0, I("error"), k == null || k(i);
+  }
+  function Q(i) {
+    u && P ? (ue(d), le(!0)) : u && W(!0), M == null || M(i);
+  }
+  function W(i) {
+    var Z;
+    (Z = n == null ? void 0 : n.onVisibleChange) == null || Z.call(n, i, J), ge(i);
+  }
+  const { inView: X } = Le({
+    target: m.current,
+    defaultInView: !f,
+    ...fe
+  });
+  G(() => {
+    F.current = !1, s || I("error");
+  }, [s]), G(() => {
+    m.current && (X ? ((m.current.src || s) && m.current.src !== s && (m.current.src = s), !F.current && !m.current.complete && I("loading")) : I("lazyload"));
+  }, [s, X]), G(() => {
+    if (!P)
+      return;
+    const i = me(d, K);
+    return () => i(d);
+  }, [d, P, K]), G(() => {
+    if (!P)
+      return;
+    const i = de(d, O, u);
+    return () => i(d);
+  }, [d, P, O, u]);
+  const Ne = /* @__PURE__ */ g("div", { className: `${r}-error`, children: [
+    /* @__PURE__ */ e("div", { className: `${r}-error-icon`, children: /* @__PURE__ */ e(Ce, {}) }),
+    j && /* @__PURE__ */ e("div", { className: `${r}-error-alt`, children: j })
+  ] }), Y = /* @__PURE__ */ e("div", { className: h(`${r}-loader`, se), children: /* @__PURE__ */ g("div", { className: `${r}-loader-spin`, children: [
+    /* @__PURE__ */ e(Pe, {}),
+    /* @__PURE__ */ e("div", { className: `${r}-loader-spin-text`, children: "Loading" })
+  ] }) }), be = () => {
+    if (C === !0)
+      return Y;
+    const i = C || Y;
+    return f || C ? i : null;
+  };
+  return /* @__PURE__ */ g(
+    "div",
+    {
+      className: ve,
+      style: Object.assign({ width: V, height: N }, o),
+      ref: w,
+      children: [
+        /* @__PURE__ */ e(
+          "img",
+          {
+            ref: m,
+            className: `${r}-img`,
+            tabIndex: 0,
+            ...ce({
+              onPressEnter: Q
+            }),
+            ...ae,
+            ...f || s === void 0 ? {} : { src: s },
+            title: c,
+            width: V,
+            height: N,
+            onLoad: we,
+            onError: $e,
+            onClick: Q,
+            alt: j
+          }
+        ),
+        !p && /* @__PURE__ */ g("div", { className: `${r}-overlay`, children: [
+          z && (ne || Ne),
+          H && be()
+        ] }),
+        p && T && /* @__PURE__ */ e(
+          ke,
+          {
+            title: c,
+            description: L,
+            actions: y,
+            prefixCls: r,
+            simple: E
+          }
+        ),
+        p && u && /* @__PURE__ */ e(
+          ie,
+          {
+            visible: J,
+            src: O,
+            ...K,
+            onVisibleChange: W
+          }
+        )
+      ]
+    }
+  );
+}
+const Te = xe.forwardRef(
+  Oe
+), q = Te;
+q.Preview = ie;
+q.PreviewGroup = je;
+q.displayName = "Image";
+export {
+  q as I
+};

package/chunk/BVC51EZ7.js

@@ -0,0 +1,232 @@
+import { jsx as b, jsxs as E, Fragment as W } from "react/jsx-runtime";
+import q from "@unicom-cloud/icons/IconUiCheck";
+import B from "@unicom-cloud/icons/IconUiMinus";
+import I from "lodash/isFunction";
+import J from "lodash/isNil";
+import P, { createContext as K, useState as j, useContext as R, useCallback as F, useMemo as M, useRef as Q, useEffect as X } from "react";
+import "./DP2rzg_V.js";
+import { a as U, I as Y } from "./Dc_89PVN.js";
+import Z from "../hooks/useMergeProps.js";
+import z from "../hooks/useMergeValue.js";
+import D from "@unicom-cloud/utils/class-name";
+import _ from "../utils/omit.js";
+import w from "lodash/isArray";
+import G from "lodash/isPlainObject";
+import { pickTriggerPropsFromRest as ee } from "../utils/constant.js";
+const te = {
+  isCheckboxGroup: !1,
+  checkboxGroupValue: [],
+  onGroupChange: () => {
+  },
+  registerValue: () => {
+  },
+  unRegisterValue: () => {
+  }
+}, H = K(te);
+function L(t) {
+  const [g, i] = z([], {
+    defaultValue: "defaultValue" in t ? t.defaultValue || [] : void 0,
+    value: "value" in t ? t.value || [] : void 0
+  }), [k, f] = j([]), { getPrefixCls: V, rtl: r } = R(U), {
+    disabled: a,
+    options: s,
+    style: p,
+    className: d,
+    error: C,
+    children: x,
+    direction: u = "horizontal"
+  } = t, o = V("checkbox"), S = D(
+    `${o}-group`,
+    {
+      [`${o}-group-is-error`]: C,
+      [`${o}-group-direction-${u}`]: u,
+      [`${o}-group-rtl`]: r
+    },
+    d
+  ), l = F(
+    (e, c, n) => {
+      var $;
+      const h = g.slice();
+      c ? h.push(e) : h.splice(g.indexOf(e), 1), i(h), ($ = t.onChange) == null || $.call(
+        t,
+        h.filter((y) => k.indexOf(y) > -1),
+        n
+      );
+    },
+    [g, t.onChange, k]
+  );
+  return /* @__PURE__ */ b(
+    "span",
+    {
+      className: S,
+      style: p,
+      ...ee(t),
+      children: /* @__PURE__ */ b(
+        H.Provider,
+        {
+          value: {
+            isCheckboxGroup: !0,
+            checkboxGroupValue: g,
+            onGroupChange: l,
+            disabled: a,
+            registerValue: (e) => {
+              f((c) => Array.from(/* @__PURE__ */ new Set([...c, e])));
+            },
+            unRegisterValue: (e) => {
+              f((c) => c.filter((n) => n !== e));
+            }
+          },
+          children: w(s) ? s.map((e) => {
+            const c = G(e) ? e.label : e, n = G(e) ? e.value : e, h = G(e) ? e.icon : void 0;
+            return /* @__PURE__ */ b(
+              v,
+              {
+                disabled: a || G(e) && e.disabled,
+                value: n,
+                icon: h,
+                children: c
+              },
+              n
+            );
+          }) : x
+        }
+      )
+    }
+  );
+}
+L.displayName = "CheckboxGroup";
+const le = (t, g) => {
+  const [i, k] = j([...g || []]), { isSelected: f, setValueSelected: V } = M(() => ({
+    isSelected: (u) => i.indexOf(u) > -1,
+    setValueSelected: (u, o) => {
+      const S = w(u) ? u : [u];
+      let l;
+      o ? l = [...i, ...S] : l = i.filter((e) => S.indexOf(e) === -1), k(Array.from(new Set(l)));
+    }
+  }), [i]), { selectAll: r, unSelectAll: a, toggle: s, isAllSelected: p, isPartialSelected: d } = M(() => {
+    const C = () => {
+      k(t);
+    }, x = () => {
+      k([]);
+    }, u = (l = t) => {
+      const e = w(l) ? l : [l], c = [...i];
+      e.forEach((n) => {
+        const h = c.indexOf(n);
+        h > -1 ? c.splice(h, 1) : c.push(n);
+      }), k(c);
+    }, o = () => t.every((l) => f(l));
+    return {
+      selectAll: C,
+      unSelectAll: x,
+      toggle: u,
+      isAllSelected: o,
+      isPartialSelected: () => t.some((l) => f(l)) && !o()
+    };
+  }, [i, t, f]);
+  return {
+    selected: i,
+    setSelected: k,
+    setValueSelected: V,
+    selectAll: r,
+    unSelectAll: a,
+    toggle: s,
+    isSelected: f,
+    isAllSelected: p,
+    isPartialSelected: d
+  };
+};
+function ce(t, g) {
+  const i = Q(null), { getPrefixCls: k, componentConfig: f, rtl: V } = R(U), r = Z(
+    t,
+    {},
+    f == null ? void 0 : f.Checkbox
+  ), a = R(H), s = k("checkbox"), { onGroupChange: p } = a, d = { ...r };
+  a.isCheckboxGroup && (d.checked = a.checkboxGroupValue.indexOf(r.value) !== -1, d.disabled = "disabled" in r ? r.disabled : a.disabled);
+  const {
+    disabled: C,
+    children: x,
+    className: u,
+    value: o,
+    style: S,
+    indeterminate: l,
+    error: e,
+    ...c
+  } = d, [n, h] = z(!1, {
+    value: d.checked,
+    defaultValue: d.defaultChecked
+  }), $ = D(
+    s,
+    {
+      [`${s}-disabled`]: !!C,
+      [`${s}-indeterminate`]: !!l,
+      [`${s}-checked`]: n,
+      [`${s}-rtl`]: V,
+      error: e
+    },
+    u
+  );
+  X(() => (a.registerValue(o), () => {
+    a.unRegisterValue(o);
+  }), [o]);
+  const y = F(
+    (m) => {
+      var N;
+      m.persist(), m.stopPropagation(), h(m.target.checked), a.isCheckboxGroup && (p == null || p(r.value, m.target.checked, m)), (N = r.onChange) == null || N.call(r, m.target.checked, m);
+    },
+    [p, a.isCheckboxGroup, r.onChange, r.value]
+  ), T = P.useCallback(
+    (m) => {
+      var N;
+      I(r.children) && (m.preventDefault(), i.current && i.current.click()), (N = c.onClick) == null || N.call(c, m);
+    },
+    [r.children, c.onClick]
+  );
+  let O = { strokeWidth: 10 }, A = /* @__PURE__ */ b(q, { className: `${s}-mask-icon`, ...O });
+  return d.icon && (P.isValidElement(d.icon) ? A = P.cloneElement(d.icon, {
+    className: `${s}-mask-icon`,
+    style: { ...O }
+  }) : A = d.icon), l && (A = /* @__PURE__ */ b(B, { className: `${s}-mask-icon`, ...O })), /* @__PURE__ */ E(
+    "label",
+    {
+      ref: g,
+      "aria-disabled": C,
+      ..._(c, ["onChange"]),
+      onClick: T,
+      className: $,
+      style: S,
+      children: [
+        /* @__PURE__ */ b(
+          "input",
+          {
+            value: o,
+            disabled: !!C,
+            ref: i,
+            checked: !!n,
+            onChange: y,
+            onClick: (m) => m.stopPropagation(),
+            type: "checkbox"
+          }
+        ),
+        I(x) ? x({ checked: n, indeterminate: l }) : /* @__PURE__ */ E(W, { children: [
+          /* @__PURE__ */ b(
+            Y,
+            {
+              prefix: s,
+              className: `${s}-mask-wrapper`,
+              disabled: n || C || l,
+              children: /* @__PURE__ */ b("div", { className: `${s}-mask`, children: A })
+            }
+          ),
+          !J(x) && /* @__PURE__ */ b("span", { className: `${s}-text`, children: x })
+        ] })
+      ]
+    }
+  );
+}
+const v = P.forwardRef(ce);
+v.displayName = "Checkbox";
+v.Group = L;
+v.useCheckbox = le;
+export {
+  v as C
+};