@unicom-cloud/ui 0.8.107 → 0.8.109

package/cascader/panel/List.js

@@ -1,274 +0,0 @@
-import { jsx as u, Fragment as q, jsxs as I } from "react/jsx-runtime";
-import "../../dist/react-transition-group/src/CSSTransition.js";
-import "../../dist/react-transition-group/src/ReplaceTransition.js";
-import "../../dist/react-transition-group/src/SwitchTransition.js";
-import "../../dist/react-transition-group/chunk/CPfP7aNL.js";
-import K from "../../dist/react-transition-group/src/TransitionGroup.js";
-import z from "lodash/isEqualWith";
-import D from "lodash/isFunction";
-import H from "lodash/isString";
-import G, { useState as J, useCallback as P, useEffect as S } from "react";
-import { getMultipleCheckValue as Q } from "../util.js";
-import X from "../../components/common/hooks/useForceUpdate.js";
-import Y from "../../components/common/hooks/useRefs.js";
-import Z from "../../components/common/hooks/useUpdateEffect.js";
-import { PqbCSSTransition as ee } from "../../components/common/utils/PqbCSSTransition.js";
-import k from "@unicom-cloud/utils/class-name";
-import { on as te, off as _ } from "../../components/common/utils/dom.js";
-import "../../components/common/utils/is.js";
-import { Enter as le, ArrowLeft as re, ArrowRight as ie, ArrowUp as ae, ArrowDown as M, Esc as ne } from "@unicom-cloud/utils/constant/keyboardCode";
-import se from "../../virtual-list/VirtualList.js";
-import ce from "./Option.js";
-import { isPlainObject as de } from "@unicom-cloud/utils/is";
-const ue = (l) => {
-  for (let n = 0; n < l.length; n++)
-    if (!l[n].disabled)
-      return l[n];
-}, R = (l) => {
-  if (l && l.disabled) {
-    let n = l;
-    for (; n.parent && n.parent.disabled; )
-      n = n.parent;
-    return n;
-  }
-  return l;
-}, F = (l, n) => l < 0 ? n : l > n ? 0 : l, Se = (l) => {
-  const [n, T] = Y(), w = X(), {
-    store: o,
-    prefixCls: s,
-    value: y,
-    multiple: f,
-    renderFooter: V,
-    renderOption: N,
-    showEmptyChildren: U,
-    loadMore: E,
-    renderEmpty: $,
-    rtl: L,
-    icons: W
-  } = l, [i, b] = J(
-    o.findNodeByValue(y && y[y.length - 1]) || null
-  ), m = o.getOptions(), A = (e) => {
-    l.onChange?.(e);
-  }, C = async (e) => {
-    if (!e.isLeaf && D(E) && !e.children) {
-      e.setLoading(!0), w();
-      try {
-        const r = await E(
-          e.pathValue,
-          e.pathValue.length
-        );
-        o.appendOptionChildren(e, r), o.setNodeCheckedByValue(l.value);
-      } catch (r) {
-        console.error(r);
-      }
-      e.setLoading(!1), w();
-    }
-  }, h = async (e, r = !0) => {
-    !e || e.disabled || (b(e), C(e), !f && r && (l.changeOnSelect || e.isLeaf) && A([e.pathValue]));
-  }, x = (e, r) => {
-    const a = Q(l.value, o, e, r);
-    e === i && w(), b(e), l.changeOnSelect || C(e), A(a);
-  }, O = P(
-    (e = i) => {
-      let r = e;
-      for (; r; )
-        n[r._level]?.scrollTo({
-          index: r._index,
-          options: { block: "nearest" }
-        }), r = r._level < 1 ? null : r.parent;
-    },
-    [i]
-  ), p = P(
-    (e) => {
-      const r = e.key;
-      let a;
-      switch (r) {
-        case ne.key: {
-          e.preventDefault(), l.onEsc?.();
-          break;
-        }
-        case M.key:
-        case ae.key: {
-          if (!i)
-            a = ue(m);
-          else {
-            const t = R(i), c = t.parent && t.parent.children || m, g = r === M.key ? 1 : -1;
-            let d = F(
-              t._index + g,
-              c.length - 1
-            );
-            for (; d !== t._index && (a = c[d], a.disabled); )
-              d = F(d + g, c.length - 1);
-          }
-          return O(a), h(a, !1), e.preventDefault(), !1;
-        }
-        case ie.key:
-          return i && !i.disabled && (a = (i.children || [])[0] || i, h(a, !1)), e.preventDefault(), !1;
-        case re.key: {
-          if (i) {
-            const t = R(i);
-            a = t.parent || t;
-          }
-          return h(a, !1), e.preventDefault(), !1;
-        }
-        case le.key:
-          return i && (f ? x(i, !i._checked) : h(i)), e.preventDefault(), !1;
-      }
-    },
-    [i]
-  );
-  Z(() => {
-    b((e) => {
-      let r;
-      if (e && e.pathValue && e.pathValue.length) {
-        const a = e.pathValue;
-        let t = { children: m };
-        a.map((c) => {
-          const d = (t.children || []).find((B) => B.value === c);
-          d && (t = d, r = d);
-        });
-      }
-      return r;
-    });
-  }, [o]), S(() => {
-    l.popupVisible && m.length && setTimeout(O);
-  }, [l.popupVisible]), S(() => {
-    const e = l.getTriggerElement();
-    if (e)
-      return l.popupVisible ? te(e, "keydown", p) : _(e, "keydown", p), () => {
-        _(e, "keydown", p);
-      };
-  }, [l.popupVisible, p]);
-  const v = (() => {
-    const e = [m];
-    return (i ? i.getPathNodes() : []).forEach((a) => {
-      a && a.children && e.push(a.children);
-    }), e;
-  })(), j = D(l.dropdownColumnRender) ? l.dropdownColumnRender : (e) => e;
-  return !v.length || !v[0]?.length ? /* @__PURE__ */ u(q, { children: $() }) : /* @__PURE__ */ u(K, { component: G.Fragment, children: v.map((e, r) => {
-    const a = V ? V(r, i || null) : null;
-    return e.length === 0 && !U ? null : /* @__PURE__ */ u(
-      ee,
-      {
-        timeout: {
-          enter: 300,
-          exit: 0
-        },
-        classNames: "cascaderSlide",
-        onEnter: (t) => {
-          t && (t.style.marginLeft = `-${t.scrollWidth}px`);
-        },
-        onEntering: (t) => {
-          t && (t.style.marginLeft = "0px");
-        },
-        onEntered: (t) => {
-          t && (t.style.marginLeft = "");
-        },
-        children: /* @__PURE__ */ u(
-          "div",
-          {
-            className: k(`${s}-list-column`, {
-              [`${s}-list-column-virtual`]: l.virtualListProps && l.virtualListProps.threshold !== null,
-              [`${s}-list-column-rtl`]: L
-            }),
-            style: {
-              zIndex: v.length - r,
-              ...l.dropdownMenuColumnStyle
-            },
-            children: j(
-              /* @__PURE__ */ I(
-                "div",
-                {
-                  className: k(`${s}-list-wrapper`, {
-                    [`${s}-list-wrapper-with-footer`]: a !== null
-                  }),
-                  children: [
-                    e.length === 0 ? $?.(l.virtualListProps ? "100%" : 120) : /* @__PURE__ */ u(
-                      se,
-                      {
-                        needFiller: !1,
-                        threshold: l.virtualListProps ? 100 : null,
-                        data: e,
-                        isStaticItemHeight: !0,
-                        itemKey: "value",
-                        ...de(l.virtualListProps) ? l.virtualListProps : {},
-                        wrapper: "ul",
-                        role: "menu",
-                        ref: (t) => T(t, r),
-                        className: k(
-                          `${s}-list`,
-                          `${s}-list-select`,
-                          {
-                            [`${s}-list-multiple`]: f,
-                            [`${s}-list-rtl`]: L
-                          }
-                        ),
-                        children: (t) => {
-                          let c = !1;
-                          return i && (c = i.pathValue[r] === t.value), /* @__PURE__ */ u(
-                            "li",
-                            {
-                              tabIndex: 0,
-                              role: "menuitem",
-                              "aria-haspopup": !t.isLeaf,
-                              "aria-expanded": c && !t.isLeaf,
-                              "aria-disabled": t.disabled,
-                              title: H(t.label) ? t.label : void 0,
-                              className: k(`${s}-list-item`, {
-                                [`${s}-list-item-active`]: c,
-                                [`${s}-list-item-disabled`]: t.disabled
-                              }),
-                              children: /* @__PURE__ */ u(
-                                ce,
-                                {
-                                  prefixCls: s,
-                                  rtl: L,
-                                  multiple: f,
-                                  option: t,
-                                  selected: !f && t.isLeaf && z(l.value, t.pathValue),
-                                  icons: W,
-                                  onMouseEnter: () => {
-                                    t.disabled || l.expandTrigger === "hover" && (b(t), !t.isLeaf && C(t));
-                                  },
-                                  renderOption: N && (() => N(t._data, r)),
-                                  onClickOption: () => {
-                                    t.isLeaf && f && !t.disableCheckbox ? x(t, !t._checked) : h(t);
-                                  },
-                                  onMultipleChecked: (g) => {
-                                    x(t, g);
-                                  },
-                                  onDoubleClickOption: l.onDoubleClickOption
-                                }
-                              )
-                            },
-                            t.value
-                          );
-                        }
-                      }
-                    ),
-                    a && /* @__PURE__ */ u(
-                      "div",
-                      {
-                        className: `${s}-list-footer`,
-                        onMouseDown: (t) => {
-                          t.stopPropagation();
-                        },
-                        children: a
-                      }
-                    )
-                  ]
-                }
-              ),
-              r
-            )
-          }
-        )
-      },
-      r
-    );
-  }) });
-};
-export {
-  Se as default,
-  F as getLegalIndex
-};

package/cascader/panel/Option.js

@@ -1,34 +0,0 @@
-import { jsxs as c, Fragment as s, jsx as r } from "react/jsx-runtime";
-import b from "../../checkbox/Checkbox.js";
-import "../../checkbox/Group.js";
-const C = (i) => {
-  const { prefixCls: d, multiple: n, option: e, renderOption: l, selected: a, icons: o } = i, t = e.disabled || n && e.disableCheckbox;
-  return /* @__PURE__ */ c(s, { children: [
-    n ? /* @__PURE__ */ r(
-      b,
-      {
-        disabled: t,
-        checked: e._checked,
-        indeterminate: e._halfChecked,
-        onChange: i.onMultipleChecked,
-        value: e.value
-      }
-    ) : "",
-    /* @__PURE__ */ c(
-      "div",
-      {
-        className: `${d}-list-item-label`,
-        onClick: e.disabled ? void 0 : i.onClickOption,
-        onMouseEnter: i.onMouseEnter,
-        onDoubleClick: t ? void 0 : i.onDoubleClickOption,
-        children: [
-          l ? l() : e.label,
-          e.isLeaf ? a && o.checked : e.loading ? o.loading : o.next
-        ]
-      }
-    )
-  ] });
-};
-export {
-  C as default
-};

package/cascader/panel/Search.js

@@ -1,168 +0,0 @@
-import { jsx as f, jsxs as N, Fragment as C } from "react/jsx-runtime";
-import B from "../../dist/scroll-into-view-if-needed/src/index.js";
-import D from "lodash/isEqualWith";
-import E from "lodash/isFunction";
-import w from "lodash/isString";
-import { useState as O, useRef as P, useEffect as F } from "react";
-import { getMultipleCheckValue as K } from "../util.js";
-import q from "../../checkbox/Checkbox.js";
-import "../../checkbox/Group.js";
-import T from "../../components/common/hooks/useIsFirstRender.js";
-import M from "../../components/common/hooks/useUpdateEffect.js";
-import S from "@unicom-cloud/utils/class-name";
-import { on as W, off as z } from "../../components/common/utils/dom.js";
-import "../../components/common/utils/is.js";
-import { Enter as G, ArrowUp as J, ArrowDown as A, Esc as Q } from "@unicom-cloud/utils/constant/keyboardCode";
-import X from "../../virtual-list/VirtualList.js";
-import { isPlainObject as Y } from "@unicom-cloud/utils/is";
-const H = (t, r) => t < 0 ? r : t > r ? 0 : t, Z = (t, r, s) => {
-  let g = r;
-  if (w(r)) {
-    const h = r.toUpperCase().indexOf(t.toUpperCase());
-    if (h > -1) {
-      const m = r.substring(0, h + 1), y = r.substring(h + t.length);
-      g = /* @__PURE__ */ N(C, { children: [
-        m,
-        /* @__PURE__ */ f("span", { className: `${s}-highlight`, children: r.substring(h, t.length + 1) }),
-        y
-      ] });
-    }
-  }
-  return g;
-}, ke = (t) => {
-  const {
-    store: r,
-    prefixCls: s,
-    multiple: g,
-    onChange: h,
-    inputValue: m,
-    renderEmpty: y,
-    style: U,
-    defaultActiveFirstOption: $,
-    rtl: V,
-    icons: _
-  } = t, L = t.value || [], [i, j] = O(
-    r.searchNodeByLabel(m) || []
-  ), b = P(), k = P(), I = T(), [p, v] = O(
-    $ ? 0 : -1
-  ), x = (e, o, a) => {
-    if (a.stopPropagation(), !e.disabled)
-      if (g) {
-        const c = K(
-          t.value,
-          r,
-          e,
-          o
-        );
-        h?.(c);
-      } else
-        h?.([e.pathValue]);
-  };
-  return M(() => {
-    j(r.searchNodeByLabel(m));
-  }, [m, r]), M(() => {
-    v((e) => e > i.length - 1 ? $ ? 0 : -1 : e);
-  }, [i]), F(() => {
-    const e = t.getTriggerElement();
-    if (!e)
-      return;
-    const o = (a) => {
-      a.stopPropagation();
-      const c = a.key;
-      switch (c) {
-        case Q.key:
-          return t.onEsc?.(), !1;
-        case A.key:
-        case J.key: {
-          k.current = !0;
-          const n = A.key === c ? 1 : -1;
-          let l = H(
-            p + n,
-            i.length - 1
-          );
-          for (; l !== p && i[l].disabled; )
-            l = H(l + n, i.length - 1);
-          return v(l), !1;
-        }
-        case G.key: {
-          const n = i[p];
-          if (n) {
-            const l = L.some((d) => D(d, n.pathValue));
-            x(n, !l, a);
-          }
-          return !1;
-        }
-      }
-    };
-    return W(e, "keydown", o), () => {
-      z(e, "keydown", o);
-    };
-  }, [i, p, L]), F(() => {
-    const e = b.current;
-    e && (k.current || I) && B(e, {
-      behavior: "auto",
-      block: "nearest",
-      scrollMode: "if-needed",
-      boundary: e.parentNode?.parentNode
-    });
-  }, [p, i]), b.current = null, i.length ? /* @__PURE__ */ f("div", { className: `${s}-list-wrapper`, children: /* @__PURE__ */ f(
-    X,
-    {
-      needFiller: !1,
-      wrapper: "ul",
-      role: "menu",
-      style: U,
-      data: i,
-      isStaticItemHeight: !0,
-      threshold: t.virtualListProps ? 100 : null,
-      ...Y(t.virtualListProps) ? t.virtualListProps : {},
-      onMouseMove: () => {
-        k.current = !1;
-      },
-      className: S(`${s}-list`, `${s}-list-search`, {
-        [`${s}-list-multiple`]: g,
-        [`${s}-list-rtl`]: V
-      }),
-      children: (e, o) => {
-        const a = e.getPathNodes(), c = a.map((u, R, ee) => /* @__PURE__ */ N("span", { children: [
-          u.label,
-          a.length === R + 1 ? "" : " / "
-        ] }, `${u.label}_${u._level}`)), n = e._checked, l = { checked: n }, d = E(t.renderOption) ? t.renderOption(m, e._data, l) : Z(m, c, s);
-        return /* @__PURE__ */ f(
-          "li",
-          {
-            title: w(d) ? d : w(c) ? c : void 0,
-            role: "menuitem",
-            "aria-disabled": e.disabled,
-            ref: (u) => {
-              o === p && (b.current = u), n && !b.current && (b.current = u);
-            },
-            className: S(`${s}-list-search-item`, {
-              [`${s}-list-search-item-active`]: n,
-              [`${s}-list-search-item-hover`]: o === p,
-              [`${s}-list-search-item-disabled`]: e.disabled
-            }),
-            onClick: (u) => {
-              x(e, !n, u);
-            },
-            onMouseEnter: () => {
-              !k.current && !e.disabled && v(o);
-            },
-            onMouseLeave: () => {
-              !k.current && !e.disabled && v($ ? 0 : -1);
-            },
-            children: /* @__PURE__ */ f("div", { className: `${s}-list-item-label`, children: E(t.renderOption) ? d : g ? /* @__PURE__ */ f(q, { checked: n, disabled: e.disabled, children: d }) : /* @__PURE__ */ N(C, { children: [
-              d,
-              n && /* @__PURE__ */ f("span", { className: `${s}-check-icon`, children: _.checked })
-            ] }) })
-          },
-          o
-        );
-      }
-    }
-  ) }) : /* @__PURE__ */ f(C, { children: y?.() });
-};
-export {
-  ke as default,
-  H as getLegalIndex
-};

package/color-picker/hooks/useColorPicker.js

@@ -1,124 +0,0 @@
-import P from "@unicom-cloud/utils/tinycolor";
-import { useState as C, useRef as k, useMemo as G, useCallback as F, useEffect as M } from "react";
-import Z from "../../components/common/hooks/useIsFirstRender.js";
-import q from "../../components/common/hooks/useMergeValue.js";
-import { ColorPickerMode as y } from "../interface.js";
-import { getModeByValue as $, isGradientMode as H, isSingleMode as w } from "../Mode.js";
-import { mapValueToGradientColor as ee, getColorFromHsv as E, formatRgba as oe, formatHex as te, isEqualsColors as re, equalsHsv as ne, getRandomId as T } from "../utils.js";
-const ge = (s) => {
-  const {
-    mode: B = y.Single,
-    defaultValue: j,
-    format: R,
-    onChange: z,
-    disabledAlpha: h
-  } = s, D = Z(), [p, J] = q(!1, {
-    defaultValue: s.defaultPopupVisible,
-    value: s.popupVisible
-  }), [i, K] = C(
-    $(
-      s.value,
-      j,
-      B
-    )
-  ), [r, L] = q(
-    i === y.Gradient ? void 0 : "",
-    s
-  ), [_, N] = C(
-    H(i) && Array.isArray(r) ? ee(r, h) : []
-  ), [O, Q] = C(_[0]?.id), v = k(_), b = k(O), o = v.current, A = b.current, m = (e) => {
-    N(e), v.current = typeof e == "function" ? e(v.current) : e;
-  }, x = (e) => {
-    Q(e), b.current = e;
-  }, c = G(() => {
-    const e = o.findIndex(
-      (t) => t.id === A
-    );
-    return e !== -1 ? e : 0;
-  }, [o, A]), u = Array.isArray(r) ? new P(r[c].color).toHsv_() : new P(r).toHsv_(), [d, S] = C({
-    h: u.h,
-    s: u.s,
-    v: u.v
-  }), [n, V] = C(u.a), f = G(() => E(d), [d]), I = F(
-    (e, t, a, l) => R === "rgb" ? oe(e, t, a, l) : te(e, t, a, l),
-    [R]
-  ), g = G(() => {
-    if (w(i)) {
-      const { r: e, g: t, b: a } = f.rgb;
-      return I(e, t, a, n);
-    }
-    return o.map((e) => {
-      const { r: t, g: a, b: l } = e.color.rgb;
-      return {
-        color: I(t, a, l, e.alpha),
-        percent: e.percent
-      };
-    });
-  }, [i, o, f.rgb, I, n]);
-  M(() => {
-    L(g), !D && !re(r, g) && z?.(g);
-  }, [g]);
-  const U = F(
-    (e) => {
-      if (e && r !== g) {
-        const { h: t, s: a, v: l, a: Y } = u;
-        S({ h: t, s: a, v: l }), V(Y);
-      }
-      e !== p && (s.onVisibleChange?.(e), "popupVisible" in s || J(e));
-    },
-    [s.onVisibleChange, p, r]
-  ), W = (e) => {
-    S(e), h && n !== 100 && V(100);
-  }, X = (e) => {
-    V(e);
-  };
-  return M(() => {
-    if (!H(i) || !o.length || ne(o[c].color.hsv, d)) return;
-    const e = [...o];
-    e[c] = {
-      ...e[c],
-      color: E(d)
-    }, m(e);
-  }, [d]), M(() => {
-    if (!H(i) || !o.length || o[c].alpha === n) return;
-    const e = [...o];
-    e[c] = {
-      ...e[c],
-      alpha: h ? 100 : n
-    }, m(e);
-  }, [n]), {
-    value: r,
-    activeMode: i,
-    gradientColors: o,
-    gradientColorsRef: v,
-    activeColorId: A,
-    activeColorIdRef: b,
-    popupVisible: p,
-    color: f,
-    alpha: n,
-    onHsvChange: W,
-    onAlphaChange: X,
-    onVisibleChange: U,
-    onActiveModeChange: (e) => {
-      e !== i && (e === y.Single ? x(o[0]?.id) : m([
-        {
-          id: T(),
-          color: f,
-          alpha: n,
-          percent: 0
-        },
-        {
-          id: T(),
-          color: f,
-          alpha: n,
-          percent: 100
-        }
-      ]), K(e));
-    },
-    onActiveColorIdChange: x,
-    onGradientColorsChange: m
-  };
-};
-export {
-  ge as useColorPicker
-};

package/components/common/development/index.js

@@ -1,47 +0,0 @@
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import C from "@unicom-cloud/icons/IconFluentFlatHourglassNotDone";
-import s from "@unicom-cloud/utils/class-name";
-import { UI_COMMON_PREFIX as v } from "@unicom-cloud/utils/constant/ui";
-import { forwardRef as x, useMemo as b } from "react";
-const g = (t, n) => {
-  const {
-    url: a,
-    // 图片地址
-    imgClassName: o,
-    // 图片自定义类名
-    icon: m,
-    // 自定义图标
-    iconClassName: r,
-    // 图标自定义类名
-    tip: c,
-    // 高优先级提示文字
-    label: i = "等待开发",
-    // 次要提示文字（默认值）
-    labelClassName: p,
-    // 文字容器类名
-    className: N
-    // 外层容器类名
-  } = t, e = `${v}-development`, d = b(() => a ? /* @__PURE__ */ l(
-    "img",
-    {
-      className: s(`${e}-img`, o),
-      src: a,
-      alt: "开发预览图"
-    }
-  ) : m ?? /* @__PURE__ */ l(
-    C,
-    {
-      className: s(`${e}-icon`, r)
-    }
-  ), [a, e, o, m, r]), f = c ?? i;
-  return /* @__PURE__ */ u("div", { ref: n, className: s(e, N), children: [
-    d,
-    /* @__PURE__ */ l("div", { className: s(`${e}-label`, p), children: f })
-  ] });
-}, D = x(
-  g
-);
-D.displayName = "Development";
-export {
-  D as default
-};

package/components/common/empty/index.js

@@ -1,49 +0,0 @@
-import { jsxs as N, jsx as s } from "react/jsx-runtime";
-import $ from "@unicom-cloud/icons/IconUiEmpty";
-import { UI_COMMON_PREFIX as g } from "@unicom-cloud/utils/constant/ui";
-import { memo as x, forwardRef as u } from "react";
-import { SpaceVertical as C } from "../space/index.js";
-import r from "@unicom-cloud/utils/class-name";
-const E = (n, c) => {
-  const {
-    style: a,
-    className: p,
-    description: i = "无数据",
-    // 默认描述文本
-    icon: o,
-    imgSrc: m,
-    prefixCls: l,
-    ...f
-  } = n, e = `${g}-empty`, t = l ?? e, d = typeof i == "string" ? i : "empty", y = () => m ? /* @__PURE__ */ s(
-    "img",
-    {
-      className: r(`${e}-img`, `${t}-img`),
-      alt: d,
-      src: m,
-      loading: "lazy"
-    }
-  ) : o ? /* @__PURE__ */ s("div", { className: r(`${e}-icon`, `${t}-icon`), children: o }) : /* @__PURE__ */ s($, { className: r(`${e}-icon`, `${t}-icon`) });
-  return /* @__PURE__ */ N(
-    C,
-    {
-      ref: c,
-      className: r(e, t, p),
-      style: a,
-      justifyContent: "center",
-      alignItems: "center",
-      gap: 5,
-      ...f,
-      children: [
-        y(),
-        /* @__PURE__ */ s("div", { className: r(`${e}-description`, `${t}-description`), children: i })
-      ]
-    }
-  );
-}, I = x(
-  u(E)
-);
-I.displayName = "Empty";
-export {
-  I as Empty,
-  I as default
-};