@unicom-cloud/ui 0.8.46 → 0.8.47

package/picker/InputRange.js

@@ -1,155 +0,0 @@
-import { jsxs as L, jsx as n } from "react/jsx-runtime";
-import te from "@unicom-cloud/icons/IconUiClose";
-import D from "lodash/isArray";
-import { forwardRef as le, useContext as re, useRef as d, useImperativeHandle as ae } from "react";
-/* empty css                  */
-import "../config-provider/ConfigProvider.js";
-import ne from "../IconHover.js";
-import M from "@unicom-cloud/utils/class-name";
-import { Enter as ie, Tab as fe } from "../utils/keyCode.js";
-import me from "../utils/omit.js";
-import { ConfigContext as se } from "../config-provider/context.js";
-function ue({
-  allowClear: U,
-  error: W,
-  status: q,
-  style: B,
-  className: E,
-  disabled: i,
-  placeholder: w = [],
-  value: m = [],
-  popupVisible: G,
-  format: s,
-  size: J,
-  onClear: Q,
-  editable: V,
-  inputValue: z,
-  onPressEnter: u,
-  onPressTab: $,
-  onChange: h,
-  separator: X,
-  suffixIcon: Y,
-  changeFocusedInputIndex: Z,
-  focusedInputIndex: a,
-  isPlaceholder: _,
-  prefix: y,
-  inputProps: r = [],
-  onBlur: C,
-  ...x
-}, T) {
-  const {
-    getPrefixCls: I,
-    size: p,
-    locale: P,
-    rtl: ee
-  } = re(se), N = d(null), g = d(null), R = d(null), v = D(i) ? i[0] : i, k = D(i) ? i[1] : i;
-  ae(T, () => ({
-    focus(e) {
-      var o, f;
-      (a === 0 && !v || a === 1 && !k) && ((f = (o = ((typeof e == "number" ? e : a) === 0 ? N : g).current) == null ? void 0 : o.focus) == null || f.call(o));
-    },
-    blur() {
-      var e, l, c, o;
-      a === 0 && ((l = (e = N.current) == null ? void 0 : e.blur) == null || l.call(e)), a === 1 && ((o = (c = g.current) == null ? void 0 : c.blur) == null || o.call(c));
-    },
-    getRootDOMNode: () => R.current
-  }));
-  function K(e, l) {
-    var c, o;
-    (o = (c = r == null ? void 0 : r[l]) == null ? void 0 : c.onClick) == null || o.call(c, e), a !== l && Z(l);
-  }
-  function j(e, l) {
-    var o, f;
-    const c = e.key;
-    (f = (o = r == null ? void 0 : r[l]) == null ? void 0 : o.onKeyDown) == null || f.call(o, e), c === ie.key && (u == null || u()), c === fe.key && (e.preventDefault(), $ == null || $(e));
-  }
-  function O(e, l) {
-    var c, o;
-    e.stopPropagation(), (o = (c = r == null ? void 0 : r[l]) == null ? void 0 : c.onChange) == null || o.call(c, e), h == null || h(e);
-  }
-  function F(e, l) {
-    var c, o;
-    (o = (c = r == null ? void 0 : r[l]) == null ? void 0 : c.onBlur) == null || o.call(c, e), C == null || C(e);
-  }
-  const t = I("picker"), ce = J || p, H = q || (W ? "error" : void 0), oe = M(
-    t,
-    `${t}-range`,
-    `${t}-size-${ce}`,
-    {
-      [`${t}-focused`]: !!G,
-      [`${t}-disabled`]: v && k,
-      [`${t}-${H}`]: H,
-      [`${t}-rtl`]: ee,
-      [`${t}-has-prefix`]: y
-    },
-    E
-  ), S = (e) => {
-    const l = m[e] ? m[e].locale(P.dayjsLocale).format(D(s) ? s[e] : s) : "";
-    return z && e === a ? z : l;
-  }, b = V ? {} : { readOnly: !0 };
-  function A(e) {
-    return M(`${t}-input`, {
-      [`${t}-input-active`]: a === e,
-      [`${t}-input-placeholder`]: _ && a === e
-    });
-  }
-  return /* @__PURE__ */ L(
-    "div",
-    {
-      style: B,
-      ref: R,
-      className: oe,
-      ...me(x, ["onChange", "onPressEnter"]),
-      children: [
-        y && /* @__PURE__ */ n("div", { className: `${t}-prefix`, children: y }),
-        /* @__PURE__ */ n("div", { className: A(0), children: /* @__PURE__ */ n(
-          "input",
-          {
-            ref: N,
-            ...r[0],
-            disabled: v,
-            placeholder: w[0],
-            value: S(0),
-            onChange: (e) => O(e, 0),
-            onKeyDown: (e) => j(e, 0),
-            onClick: (e) => K(e, 0),
-            onBlur: (e) => F(e, 0),
-            ...b
-          }
-        ) }),
-        /* @__PURE__ */ n("span", { className: `${t}-separator`, children: X || "-" }),
-        /* @__PURE__ */ n("div", { className: A(1), children: /* @__PURE__ */ n(
-          "input",
-          {
-            ref: g,
-            ...r[1],
-            disabled: k,
-            placeholder: w[1],
-            value: S(1),
-            onChange: (e) => O(e, 1),
-            onKeyDown: (e) => j(e, 1),
-            onClick: (e) => K(e, 1),
-            onBlur: (e) => F(e, 1),
-            ...b
-          }
-        ) }),
-        /* @__PURE__ */ L("div", { className: `${t}-suffix`, children: [
-          U && m.length === 2 && /* @__PURE__ */ n(
-            ne,
-            {
-              prefix: t,
-              onClick: Q,
-              className: `${t}-clear-icon`,
-              children: /* @__PURE__ */ n(te, {})
-            }
-          ),
-          /* @__PURE__ */ n("span", { className: `${t}-suffix-icon`, children: Y })
-        ] })
-      ]
-    }
-  );
-}
-const ze = le(ue);
-export {
-  ze as default
-};

package/portal/Portal.js

@@ -1,25 +0,0 @@
-import f, { useRef as o, useEffect as l, useImperativeHandle as m } from "react";
-import s from "react-dom";
-import d from "../hooks/useForceUpdate.js";
-function p(n, u) {
-  const a = d(), r = o(null), c = o(void 0);
-  l(() => (e(), c.current = setTimeout(() => {
-    r.current || e();
-  }), () => {
-    clearTimeout(c.current);
-  }), []);
-  function e() {
-    const { getContainer: t } = n;
-    r.current = (t == null ? void 0 : t()) || document.body, a();
-  }
-  m(u, () => ({
-    container: r.current,
-    createContainer: e
-  }));
-  const { children: i } = n;
-  return r.current ? s.createPortal(i, r.current) : null;
-}
-const T = f.forwardRef(p);
-export {
-  T as default
-};

package/progress/CircleProgress.js

@@ -1,117 +0,0 @@
-import { jsx as e, jsxs as p } from "react/jsx-runtime";
-import w from "@unicom-cloud/icons/IconUiCheck";
-import W from "@unicom-cloud/icons/IconUiExclamation";
-import I from "lodash/isFunction";
-import T from "lodash/isPlainObject";
-import { useCallback as b } from "react";
-import j from "../hooks/useId.js";
-import S from "../Tooltip.js";
-import C from "@unicom-cloud/utils/class-name";
-const G = {
-  mini: 4,
-  small: 3,
-  default: 4,
-  large: 4
-}, P = {
-  mini: 16,
-  small: 48,
-  default: 64,
-  large: 80
-}, _ = (t) => {
-  const {
-    size: s,
-    percent: o = 0,
-    prefixCls: h,
-    showText: f,
-    inlineText: u,
-    status: x,
-    formatText: c
-  } = t, $ = T(t.color), r = t.width || P[s], l = t.strokeWidth || (s === "mini" ? r / 2 : G[s]), m = (r - l) / 2, k = Math.PI * 2 * m, n = r / 2, i = `${h}-circle`, N = `${i}-svg`, g = b(
-    (a) => {
-      if (I(c))
-        return c(o);
-      switch (a) {
-        case "success":
-          return /* @__PURE__ */ e(w, {});
-        case "error":
-          return /* @__PURE__ */ e(W, {});
-        default:
-          return `${o}%`;
-      }
-    },
-    [c, o]
-  ), v = j(`${h}-linear-gradient-`), y = $ ? `url(#${v})` : t.color;
-  let d = /* @__PURE__ */ p(
-    "div",
-    {
-      className: `${i}-wrapper`,
-      role: "progressbar",
-      "aria-valuemin": 0,
-      "aria-valuemax": 100,
-      "aria-valuenow": o,
-      style: { width: r, height: r },
-      children: [
-        /* @__PURE__ */ p("svg", { viewBox: `0 0 ${r} ${r}`, className: `${N}`, children: [
-          $ && /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("linearGradient", { id: v, x1: "0", y1: "1", x2: "0", y2: "0", children: Object.keys(t.color).sort().map((a) => /* @__PURE__ */ e("stop", { offset: a, stopColor: t.color[a] }, a)) }) }),
-          /* @__PURE__ */ e(
-            "circle",
-            {
-              className: `${i}-mask`,
-              fill: "none",
-              cx: n,
-              cy: n,
-              r: m,
-              strokeWidth: t.pathStrokeWidth || (s === "mini" ? l : Math.max(2, l - 2)),
-              style: {
-                stroke: t.pathStrokeColor
-              }
-            }
-          ),
-          /* @__PURE__ */ e(
-            "circle",
-            {
-              className: `${i}-path`,
-              fill: "none",
-              cx: n,
-              cy: n,
-              r: m,
-              strokeWidth: l,
-              style: {
-                stroke: y,
-                strokeDasharray: k,
-                strokeDashoffset: (o > 100 ? 100 : 1 - o / 100) * k
-              }
-            }
-          )
-        ] }),
-        f && s !== "mini" && /* @__PURE__ */ e(
-          "div",
-          {
-            className: C(`${i}-text`, {
-              [`${i}-text-inline`]: u
-            }),
-            children: g(x)
-          }
-        )
-      ]
-    }
-  );
-  return s === "mini" && x === "success" && t.type === "circle" && (d = /* @__PURE__ */ e("div", { className: `${i}-wrapper`, style: { width: r, height: r }, children: /* @__PURE__ */ e(w, { style: { fontSize: r - 2, color: y } }) })), s === "mini" && f ? /* @__PURE__ */ e(
-    S,
-    {
-      content: /* @__PURE__ */ e(
-        "div",
-        {
-          className: C(`${i}-text`, {
-            [`${i}-text-inline`]: u
-          }),
-          children: g("normal")
-        }
-      ),
-      children: d
-    }
-  ) : d;
-};
-export {
-  _ as default
-};

package/progress/LineProgess.js

@@ -1,103 +0,0 @@
-import { jsxs as c, jsx as s } from "react/jsx-runtime";
-import C from "@unicom-cloud/icons/IconUiExclamationCircleFill";
-import N from "lodash/isFunction";
-import j from "lodash/isPlainObject";
-import { useCallback as y } from "react";
-import u from "@unicom-cloud/utils/class-name";
-const m = (t, a) => {
-  if (j(t)) {
-    const n = Object.keys(t).map((e) => `${t[e]} ${e}`).join(","), o = a ? { backgroundSize: `${100 * 100 / a}%` } : {};
-    return {
-      backgroundImage: `linear-gradient(to right, ${n})`,
-      ...o
-    };
-  }
-  return {
-    backgroundColor: t
-  };
-}, T = {
-  small: 3,
-  default: 4,
-  large: 8
-};
-function S(t) {
-  const {
-    // textInside,
-    type: a,
-    prefixCls: n,
-    buffer: o,
-    percent: e,
-    color: d,
-    animation: f,
-    bufferColor: $,
-    formatText: l,
-    trailColor: h,
-    showText: g = !0,
-    inlineText: p = !1,
-    size: x = "default",
-    status: i = "normal"
-  } = t, b = t.strokeWidth || T[x], r = `${n}-${a}`, k = b, v = i === "success" || i === "error" || e >= 100, w = y(() => {
-    if (N(l))
-      return l(e);
-    switch (i) {
-      case "error":
-        return /* @__PURE__ */ c("span", { children: [
-          e,
-          "% ",
-          /* @__PURE__ */ s(C, {})
-        ] });
-      default:
-        return `${e}%`;
-    }
-  }, [l, e, i]);
-  return /* @__PURE__ */ c("div", { className: `${r}-wrapper`, children: [
-    /* @__PURE__ */ c(
-      "div",
-      {
-        className: `${r}-outer`,
-        role: "progressbar",
-        "aria-valuemin": 0,
-        "aria-valuemax": 100,
-        "aria-valuenow": e,
-        style: { height: k, backgroundColor: h },
-        children: [
-          o && !v && /* @__PURE__ */ s(
-            "div",
-            {
-              className: `${r}-inner-buffer`,
-              style: {
-                width: `${e > 0 ? e + 10 : 0}%`,
-                ...m($)
-              }
-            }
-          ),
-          /* @__PURE__ */ s(
-            "div",
-            {
-              className: u(`${r}-inner`, {
-                [`${r}-inner-animate`]: f
-              }),
-              style: {
-                width: `${e}%`,
-                ...m(d, e)
-              }
-            }
-          )
-        ]
-      }
-    ),
-    g && /* @__PURE__ */ s(
-      "div",
-      {
-        className: u(`${r}-text`, {
-          [`${r}-text-with-icon`]: i,
-          [`${r}-text-inline`]: p
-        }),
-        children: w()
-      }
-    )
-  ] });
-}
-export {
-  S as default
-};

package/progress/StepProgress.js

@@ -1,74 +0,0 @@
-import { jsxs as n, jsx as s } from "react/jsx-runtime";
-import g from "@unicom-cloud/icons/IconUiExclamationCircleFill";
-import C from "lodash/isFunction";
-import { useCallback as N } from "react";
-import c from "@unicom-cloud/utils/class-name";
-const F = (r) => {
-  const {
-    prefixCls: m,
-    percent: t,
-    color: u,
-    type: d,
-    formatText: a,
-    trailColor: f,
-    showText: x = !0,
-    inlineText: h = !1,
-    size: p = "default",
-    status: i = "normal"
-  } = r, $ = r.strokeWidth || (p === "small" ? 8 : 4), e = `${m}-${d}`, v = $, w = N(() => {
-    if (C(a))
-      return a(t);
-    switch (i) {
-      case "error":
-        return /* @__PURE__ */ n("span", { children: [
-          t,
-          "% ",
-          /* @__PURE__ */ s(g, {})
-        ] });
-      default:
-        return `${t}%`;
-    }
-  }, [a, t, i]);
-  return /* @__PURE__ */ n("div", { className: `${e}-wrapper`, children: [
-    /* @__PURE__ */ s(
-      "div",
-      {
-        className: `${e}-outer`,
-        role: "progressbar",
-        "aria-valuemin": 0,
-        "aria-valuemax": 100,
-        "aria-valuenow": t,
-        style: { height: v },
-        children: [...new Array(r.steps)].map((k, o) => {
-          const l = t > 100 / r.steps * o;
-          return /* @__PURE__ */ s(
-            "div",
-            {
-              className: c(`${e}-item`, {
-                [`${e}-item-active`]: l
-              }),
-              style: {
-                backgroundColor: l ? u : f || ""
-              }
-            },
-            o
-          );
-        })
-      }
-    ),
-    x && /* @__PURE__ */ s(
-      "div",
-      {
-        className: c(`${e}-text`, {
-          [`${e}-text-with-icon`]: i,
-          [`${e}-text-inline`]: h
-        }),
-        children: w()
-      }
-    )
-  ] });
-};
-export {
-  F as StepProgress,
-  F as default
-};

package/radio/Group.js

@@ -1,91 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import G from "lodash/isArray";
-import j from "lodash/isPlainObject";
-import { createContext as k, useContext as A } from "react";
-/* empty css                  */
-import "../config-provider/ConfigProvider.js";
-import M from "../hooks/useMergeProps.js";
-import D from "../hooks/useMergeValue.js";
-import F from "@unicom-cloud/utils/class-name";
-import { pickTriggerPropsFromRest as O } from "../utils/constant.js";
-import { pickDataAttributes as S } from "../utils/pick.js";
-import f from "./Radio.js";
-import { ConfigContext as T } from "../config-provider/context.js";
-const v = {
-  type: "radio"
-}, q = {
-  type: "radio",
-  mode: "outline",
-  direction: "horizontal"
-}, g = k(v), ee = ({ children: i }) => /* @__PURE__ */ t(g.Provider, { value: v, children: i });
-function w(i) {
-  const {
-    getPrefixCls: x,
-    size: C,
-    componentConfig: s,
-    rtl: $
-  } = A(T), r = M(
-    i,
-    q,
-    s == null ? void 0 : s["Radio.Group"]
-  ), {
-    style: b,
-    className: P,
-    name: h,
-    children: y,
-    direction: V,
-    type: n,
-    mode: c,
-    options: l,
-    disabled: a
-  } = r, [m, z] = D(void 0, {
-    defaultValue: r.defaultValue,
-    value: r.value
-  }), p = r.size || C, o = x("radio"), N = F(
-    `${o}-group`,
-    {
-      [`${o}-group-type-button`]: n !== "radio",
-      [`${o}-size-${p}`]: !!p,
-      [`${o}-mode-${c}`]: !!c,
-      [`${o}-group-disabled`]: a,
-      [`${o}-group-direction-vertical`]: V === "vertical",
-      [`${o}-group-rtl`]: $
-    },
-    P
-  ), R = {
-    onChangeValue: (e, u) => {
-      const { onChange: d } = r;
-      e !== m && ("value" in r || z(e), d == null || d(e, u));
-    },
-    type: n,
-    value: m,
-    disabled: a,
-    group: !0,
-    name: h
-  };
-  return /* @__PURE__ */ t(g.Provider, { value: R, children: /* @__PURE__ */ t(
-    "div",
-    {
-      className: N,
-      role: "radiogroup",
-      style: b,
-      ...O(r),
-      ...S(r),
-      children: l && G(l) ? l.map((e, u) => j(e) ? /* @__PURE__ */ t(
-        f,
-        {
-          disabled: a || e.disabled,
-          value: e.value,
-          children: e.label
-        },
-        e.value
-      ) : /* @__PURE__ */ t(f, { value: e, disabled: a, children: e }, u)) : y
-    }
-  ) });
-}
-w.displayName = "RadioGroup";
-export {
-  ee as ClearRadioGroupContext,
-  g as RadioGroupContext,
-  w as default
-};

package/radio/Radio.js

@@ -1,90 +0,0 @@
-import { jsxs as h, jsx as c, Fragment as j } from "react/jsx-runtime";
-import C from "lodash/isFunction";
-import D from "lodash/isNil";
-import F, { useRef as I, useContext as k } from "react";
-/* empty css                  */
-import "../config-provider/ConfigProvider.js";
-import M from "../hooks/useMergeProps.js";
-import w from "../hooks/useMergeValue.js";
-import A from "../IconHover.js";
-import B from "@unicom-cloud/utils/class-name";
-import H from "../utils/omit.js";
-import L, { RadioGroupContext as b } from "./Group.js";
-import { ConfigContext as O } from "../config-provider/context.js";
-function u(g) {
-  const d = I(null), { getPrefixCls: N, componentConfig: p, rtl: x } = k(O), r = M(
-    g,
-    {},
-    p == null ? void 0 : p.Radio
-  ), e = k(b), a = N("radio"), t = { ...r };
-  e.group && (t.checked = e.value === r.value, t.disabled = "disabled" in r ? r.disabled : e.disabled);
-  const { disabled: m, children: l, value: $, style: v, className: R, ...n } = t, [s, y] = w(!1, {
-    value: t.checked,
-    defaultValue: t.defaultChecked
-  }), P = B(
-    `${a}${e.type === "button" ? "-button" : ""}`,
-    {
-      [`${a}-checked`]: s,
-      [`${a}-disabled`]: m,
-      [`${a}-rtl`]: x
-    },
-    R
-  ), G = (o) => {
-    var f;
-    const { onChange: i, value: _ } = t;
-    m || (e.group ? (f = e.onChangeValue) == null || f.call(e, _, o) : !("checked" in r) && !s && y(!0), !s && (i == null || i(!0, o)));
-  }, V = F.useCallback(
-    (o) => {
-      var i;
-      C(r.children) && (o.preventDefault(), d.current && d.current.click()), (i = n.onClick) == null || i.call(n, o);
-    },
-    [r.children, n.onClick]
-  );
-  return /* @__PURE__ */ h(
-    "label",
-    {
-      ...H(n, ["checked", "onChange"]),
-      onClick: V,
-      style: v,
-      className: P,
-      children: [
-        /* @__PURE__ */ c(
-          "input",
-          {
-            ref: d,
-            disabled: m,
-            value: $ || "",
-            type: "radio",
-            ...e.name ? { name: e.name } : {},
-            checked: s,
-            onChange: (o) => {
-              o.persist(), G(o);
-            },
-            onClick: (o) => {
-              o.stopPropagation();
-            }
-          }
-        ),
-        C(l) ? l({ checked: s }) : e.type === "radio" ? /* @__PURE__ */ h(j, { children: [
-          /* @__PURE__ */ c(
-            A,
-            {
-              prefix: a,
-              className: `${a}-mask-wrapper`,
-              disabled: s || m,
-              children: /* @__PURE__ */ c("div", { className: `${a}-mask` })
-            }
-          ),
-          !D(l) && /* @__PURE__ */ c("span", { className: `${a}-text`, children: l })
-        ] }) : e.type === "button" && /* @__PURE__ */ c("span", { className: `${a}-button-inner`, children: l })
-      ]
-    }
-  );
-}
-u.__PQB_RADIO = !0;
-u.displayName = "Radio";
-u.Group = L;
-u.GroupContext = b;
-export {
-  u as default
-};