@unicom-cloud/ui 0.8.66 → 0.8.68

package/picker/Input.js

@@ -0,0 +1,130 @@
+import { jsxs as C, jsx as f } from "react/jsx-runtime";
+import X from "@unicom-cloud/icons/IconUiClose";
+import Y from "lodash/isArray";
+import { forwardRef as Z, useContext as _, useRef as I, useState as E, useImperativeHandle as P } from "react";
+import { a as p, I as ee } from "../chunk/ll867Bf3.js";
+import { m as k } from "../chunk/JPPo5nY_.js";
+import { e as ce } from "../chunk/BrOW642m.js";
+import { o as le } from "../chunk/BKKEev13.js";
+function ae({
+  style: v,
+  className: z,
+  prefixCls: g,
+  allowClear: w,
+  status: D,
+  error: F,
+  disabled: i,
+  placeholder: R,
+  format: s,
+  size: j,
+  onClear: O,
+  editable: S,
+  value: o,
+  inputValue: $,
+  onPressEnter: d,
+  suffixIcon: b,
+  prefix: t,
+  onChange: r,
+  popupVisible: u,
+  isPlaceholder: B,
+  inputProps: e,
+  ...H
+}, K) {
+  const {
+    getPrefixCls: A,
+    size: L,
+    locale: M,
+    rtl: U
+  } = _(p), n = I(null), [W, x] = E(!1), q = j || L, y = I(null);
+  P(K, () => ({
+    focus() {
+      var c, a;
+      (a = (c = n.current) == null ? void 0 : c.focus) == null || a.call(c);
+    },
+    blur() {
+      var c, a;
+      (a = (c = n.current) == null ? void 0 : c.blur) == null || a.call(c);
+    },
+    getRootDOMNode: () => y.current
+  }));
+  function G(c) {
+    var N;
+    (N = e == null ? void 0 : e.onKeyDown) == null || N.call(e, c), c.key === ce.key && (d == null || d());
+  }
+  function J(c) {
+    var a;
+    (a = e == null ? void 0 : e.onChange) == null || a.call(e, c), r == null || r(c);
+  }
+  let m = "";
+  $ !== void 0 ? m = $ : o && !Y(o) && (m = typeof s == "function" ? s(o) : o.locale(M.dayjsLocale).format(s));
+  const Q = S ? {} : { readOnly: !0 }, l = g || A("picker"), h = D || (F ? "error" : void 0), T = W || u, V = k(
+    l,
+    `${l}-size-${q}`,
+    {
+      [`${l}-focused`]: T,
+      [`${l}-disabled`]: i,
+      [`${l}-has-prefix`]: t,
+      [`${l}-${h}`]: h,
+      [`${l}-rtl`]: U
+    },
+    z
+  );
+  return /* @__PURE__ */ C(
+    "div",
+    {
+      style: v,
+      className: V,
+      ref: y,
+      ...le(H, ["onChange", "onPressEnter"]),
+      children: [
+        t && /* @__PURE__ */ f("div", { className: `${l}-prefix`, children: t }),
+        /* @__PURE__ */ f(
+          "div",
+          {
+            className: k(`${l}-input`, {
+              [`${l}-input-placeholder`]: B
+            }),
+            children: /* @__PURE__ */ f(
+              "input",
+              {
+                ref: n,
+                ...e,
+                disabled: i,
+                placeholder: R,
+                className: `${l}-start-time`,
+                value: m,
+                onKeyDown: G,
+                onChange: J,
+                ...Q,
+                onFocus: (c) => {
+                  var a;
+                  x(!0), (a = e == null ? void 0 : e.onFocus) == null || a.call(e, c);
+                },
+                onBlur: (c) => {
+                  var a;
+                  x(!1), (a = e == null ? void 0 : e.onBlur) == null || a.call(e, c);
+                }
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ C("div", { className: `${l}-suffix`, children: [
+          w && m && /* @__PURE__ */ f(
+            ee,
+            {
+              prefix: l,
+              onClick: O,
+              className: `${l}-clear-icon`,
+              children: /* @__PURE__ */ f(X, {})
+            }
+          ),
+          /* @__PURE__ */ f("span", { className: `${l}-suffix-icon`, children: b })
+        ] })
+      ]
+    }
+  );
+}
+const ie = Z(ae);
+export {
+  ie as default
+};

package/picker/InputRange.js

@@ -0,0 +1,158 @@
+import { jsxs as q, jsx as n } from "react/jsx-runtime";
+import fc from "@unicom-cloud/icons/IconUiClose";
+import F from "lodash/isArray";
+import { forwardRef as nc, useContext as sc, useRef as D, useState as mc, useImperativeHandle as ic } from "react";
+import { a as uc, I as $c } from "../chunk/ll867Bf3.js";
+import { m as B } from "../chunk/JPPo5nY_.js";
+import { e as hc, c as yc } from "../chunk/BrOW642m.js";
+import { o as Cc } from "../chunk/BKKEev13.js";
+function gc({
+  allowClear: G,
+  error: J,
+  status: Q,
+  style: V,
+  className: X,
+  disabled: s,
+  placeholder: w = [],
+  value: m = [],
+  popupVisible: Y,
+  format: i,
+  size: Z,
+  onClear: _,
+  editable: E,
+  inputValue: z,
+  onPressEnter: u,
+  onPressTab: $,
+  onChange: h,
+  separator: T,
+  suffixIcon: I,
+  changeFocusedInputIndex: R,
+  focusedInputIndex: f,
+  isPlaceholder: x,
+  prefix: y,
+  inputProps: t = [],
+  onBlur: C,
+  ...p
+}, P) {
+  const {
+    getPrefixCls: cc,
+    size: ec,
+    locale: oc,
+    rtl: lc
+  } = sc(uc), g = D(null), N = D(null), K = D(null), [j, O] = mc([!1, !1]), k = F(s) ? s[0] : s, v = F(s) ? s[1] : s;
+  ic(P, () => ({
+    focus(c) {
+      var l, r;
+      (f === 0 && !k || f === 1 && !v) && ((r = (l = ((typeof c == "number" ? c : f) === 0 ? g : N).current) == null ? void 0 : l.focus) == null || r.call(l));
+    },
+    blur() {
+      var c, o, e, l;
+      f === 0 && ((o = (c = g.current) == null ? void 0 : c.blur) == null || o.call(c)), f === 1 && ((l = (e = N.current) == null ? void 0 : e.blur) == null || l.call(e));
+    },
+    getRootDOMNode: () => K.current
+  }));
+  function S(c, o) {
+    var e, l;
+    (l = (e = t == null ? void 0 : t[o]) == null ? void 0 : e.onClick) == null || l.call(e, c), f !== o && R(o);
+  }
+  function H(c, o) {
+    var l, r;
+    const e = c.key;
+    (r = (l = t == null ? void 0 : t[o]) == null ? void 0 : l.onKeyDown) == null || r.call(l, c), e === hc.key && (u == null || u()), e === yc.key && ($ == null || $(c));
+  }
+  function A(c, o) {
+    var e, l;
+    c.stopPropagation(), (l = (e = t == null ? void 0 : t[o]) == null ? void 0 : e.onChange) == null || l.call(e, c), h == null || h(c);
+  }
+  function L(c, o) {
+    var e, l;
+    O((r) => (r[o] = !1, [...r])), (l = (e = t == null ? void 0 : t[o]) == null ? void 0 : e.onBlur) == null || l.call(e, c), C == null || C(c);
+  }
+  function M(c, o) {
+    var e, l;
+    (o === 0 || o === 1) && (O((r) => (r[o] = !0, [...r])), f !== o && R(o, !0)), (l = (e = t == null ? void 0 : t[o]) == null ? void 0 : e.onFocus) == null || l.call(e, c);
+  }
+  const a = cc("picker"), tc = Z || ec, ac = j[0] || j[1] || !!Y, U = Q || (J ? "error" : void 0), rc = B(
+    a,
+    `${a}-range`,
+    `${a}-size-${tc}`,
+    {
+      [`${a}-focused`]: ac,
+      [`${a}-disabled`]: k && v,
+      [`${a}-${U}`]: U,
+      [`${a}-rtl`]: lc,
+      [`${a}-has-prefix`]: y
+    },
+    X
+  ), W = (c) => {
+    const o = m[c] ? m[c].locale(oc.dayjsLocale).format(F(i) ? i[c] : i) : "";
+    return z && c === f ? z : o;
+  }, b = E ? {} : { readOnly: !0 };
+  function d(c) {
+    return B(`${a}-input`, {
+      [`${a}-input-active`]: f === c,
+      [`${a}-input-placeholder`]: x && f === c
+    });
+  }
+  return /* @__PURE__ */ q(
+    "div",
+    {
+      style: V,
+      ref: K,
+      className: rc,
+      ...Cc(p, ["onChange", "onPressEnter"]),
+      children: [
+        y && /* @__PURE__ */ n("div", { className: `${a}-prefix`, children: y }),
+        /* @__PURE__ */ n("div", { className: d(0), children: /* @__PURE__ */ n(
+          "input",
+          {
+            ref: g,
+            ...t[0],
+            disabled: k,
+            placeholder: w[0],
+            value: W(0),
+            onChange: (c) => A(c, 0),
+            onKeyDown: (c) => H(c, 0),
+            onClick: (c) => S(c, 0),
+            onBlur: (c) => L(c, 0),
+            onFocus: (c) => M(c, 0),
+            ...b
+          }
+        ) }),
+        /* @__PURE__ */ n("span", { className: `${a}-separator`, children: T || "-" }),
+        /* @__PURE__ */ n("div", { className: d(1), children: /* @__PURE__ */ n(
+          "input",
+          {
+            ref: N,
+            ...t[1],
+            disabled: v,
+            placeholder: w[1],
+            value: W(1),
+            onChange: (c) => A(c, 1),
+            onKeyDown: (c) => H(c, 1),
+            onClick: (c) => S(c, 1),
+            onBlur: (c) => L(c, 1),
+            onFocus: (c) => M(c, 1),
+            ...b
+          }
+        ) }),
+        /* @__PURE__ */ q("div", { className: `${a}-suffix`, children: [
+          G && m.length === 2 && /* @__PURE__ */ n(
+            $c,
+            {
+              prefix: a,
+              onClick: _,
+              className: `${a}-clear-icon`,
+              children: /* @__PURE__ */ n(fc, {})
+            }
+          ),
+          /* @__PURE__ */ n("span", { className: `${a}-suffix-icon`, children: I })
+        ] })
+      ]
+    }
+  );
+}
+const Kc = nc(gc);
+export {
+  Kc as default
+};

package/picker/index.js

@@ -0,0 +1,6 @@
+import { default as e } from "./Input.js";
+import { default as o } from "./InputRange.js";
+export {
+  e as Input,
+  o as InputRange
+};

package/popconfirm/index.js

@@ -0,0 +1,130 @@
+import { jsx as t, jsxs as d, Fragment as G } from "react/jsx-runtime";
+import J from "@unicom-cloud/icons/IconUiExclamationCircleFill";
+import N from "lodash/isFunction";
+import K from "lodash/isNil";
+import { forwardRef as Q, useContext as X, useState as Y, useImperativeHandle as Z, useEffect as _ } from "react";
+import V from "../button/index.js";
+import { a as ee } from "../chunk/ll867Bf3.js";
+import { u as oe } from "../chunk/BFTV6myl.js";
+import { u as ne } from "../chunk/CdaT1b_F.js";
+import te from "../tooltip/index.js";
+import { m as ie } from "../chunk/JPPo5nY_.js";
+const re = {
+  position: "top",
+  okType: "primary",
+  icon: /* @__PURE__ */ t(J, {}),
+  blurToHide: !0,
+  unmountOnExit: !0,
+  trigger: "click",
+  escToClose: !0
+};
+function se(k, h) {
+  const { getPrefixCls: y, locale: C, componentConfig: a, rtl: $ } = X(ee), e = oe(
+    k,
+    re,
+    a == null ? void 0 : a.Popconfirm
+  ), {
+    style: v,
+    className: E,
+    children: p,
+    position: H,
+    getPopupContainer: B,
+    blurToHide: F,
+    unmountOnExit: O,
+    trigger: j,
+    escToClose: w,
+    onVisibleChange: m,
+    triggerProps: r,
+    title: f,
+    icon: P,
+    okText: z,
+    cancelText: I,
+    okType: L,
+    okButtonProps: M,
+    cancelButtonProps: S,
+    content: s,
+    ...R
+  } = e, [u, U] = ne(!1, {
+    defaultValue: e.defaultPopupVisible,
+    value: e.popupVisible
+  }), [g, l] = Y(!1), o = y("popconfirm"), x = !K(s), T = (n) => {
+    "popupVisible" in e || U(n), r && r.onVisibleChange && r.onVisibleChange(n), m == null || m(n);
+  }, c = () => {
+    T(!1);
+  }, W = (n) => {
+    var i;
+    c(), (i = e.onCancel) == null || i.call(e, n);
+  }, q = (n) => {
+    var b;
+    let i = (b = e.onOk) == null ? void 0 : b.call(e, n);
+    i != null && i.then && (l(!0), i.then(
+      () => {
+        c();
+      },
+      (D) => {
+        l(!1), console.error(D);
+      }
+    )), i || c();
+  }, A = () => {
+    const n = /* @__PURE__ */ d(G, { children: [
+      /* @__PURE__ */ t(V, { onClick: W, size: "mini", ...S, children: I || C.Popconfirm.cancelText }),
+      /* @__PURE__ */ t(
+        V,
+        {
+          loading: g,
+          onClick: q,
+          size: "mini",
+          type: L,
+          ...M,
+          children: z || C.Popconfirm.okText
+        }
+      )
+    ] });
+    return /* @__PURE__ */ d("div", { className: `${o}-wrapper`, children: [
+      /* @__PURE__ */ d("div", { className: `${o}-title`, children: [
+        P && /* @__PURE__ */ t("span", { className: `${o}-title-icon`, children: P }),
+        /* @__PURE__ */ t("div", { className: `${o}-title-text`, children: N(f) ? f() : f })
+      ] }),
+      x && /* @__PURE__ */ t("div", { className: `${o}-inner-content`, children: N(s) ? s() : s }),
+      /* @__PURE__ */ t("div", { className: `${o}-btn`, children: n })
+    ] });
+  };
+  return Z(h, () => ({
+    close: c
+  })), _(() => (!u && g && l(!1), () => {
+    l(!1);
+  }), [u]), /* @__PURE__ */ t(
+    te,
+    {
+      ...R,
+      ref: h,
+      style: {
+        maxWidth: 350,
+        ...v
+      },
+      className: ie(E, {
+        [`${o}-rtl`]: $,
+        [`${o}-has-content`]: x
+      }),
+      prefixCls: o,
+      getPopupContainer: B,
+      position: H,
+      trigger: j,
+      escToClose: w,
+      popupVisible: u,
+      content: A,
+      unmountOnExit: O,
+      blurToHide: F,
+      popupHoverStay: !0,
+      triggerProps: r,
+      onVisibleChange: T,
+      childrenPrefix: o,
+      children: typeof p == "string" ? /* @__PURE__ */ t("span", { children: p }) : p
+    }
+  );
+}
+const le = Q(se);
+le.displayName = "Popconfirm";
+export {
+  le as default
+};

package/popconfirm/interface.js

@@ -0,0 +1 @@
+

package/popover/index.js

@@ -0,0 +1,78 @@
+import { jsxs as j, jsx as e } from "react/jsx-runtime";
+import m from "lodash/isFunction";
+import { forwardRef as O, useContext as R } from "react";
+import { a as T } from "../chunk/ll867Bf3.js";
+import { u as w } from "../chunk/BFTV6myl.js";
+import F from "../tooltip/index.js";
+import { m as H } from "../chunk/JPPo5nY_.js";
+import { a as u } from "../chunk/D-TPB2Do.js";
+const M = {
+  position: "top",
+  trigger: "hover",
+  unmountOnExit: !0
+};
+function S(c, d) {
+  const { getPrefixCls: f, componentConfig: t, rtl: g } = R(T), l = w(
+    c,
+    M,
+    t == null ? void 0 : t.Popover
+  ), {
+    style: C,
+    className: h,
+    children: n,
+    position: v,
+    getPopupContainer: x,
+    trigger: P,
+    defaultPopupVisible: b,
+    popupVisible: y,
+    triggerProps: r,
+    unmountOnExit: N,
+    onVisibleChange: V,
+    content: i,
+    title: s,
+    ...$
+  } = l, o = f("popover"), p = m(s) ? s() : s, a = m(i) ? i() : i, E = u(p, !0) && u(a, !0) ? null : /* @__PURE__ */ j(
+    "div",
+    {
+      className: H(`${o}-inner`, {
+        [`${o}-inner-rtl`]: g
+      }),
+      children: [
+        p ? /* @__PURE__ */ e("div", { className: `${o}-title`, children: p }) : null,
+        /* @__PURE__ */ e("div", { className: `${o}-inner-content`, children: a })
+      ]
+    }
+  );
+  return /* @__PURE__ */ e(
+    F,
+    {
+      ...$,
+      ref: d,
+      style: {
+        maxWidth: 350,
+        ...C
+      },
+      className: h,
+      prefixCls: o,
+      getPopupContainer: x,
+      position: v,
+      trigger: P,
+      content: E,
+      popupHoverStay: !0,
+      unmountOnExit: N,
+      triggerProps: r,
+      defaultPopupVisible: b,
+      onVisibleChange: V || (r ? r.onVisibleChange : void 0),
+      childrenPrefix: o,
+      ..."popupVisible" in l ? { popupVisible: y } : {},
+      children: typeof n == "string" ? /* @__PURE__ */ e("span", { children: n }) : n
+    }
+  );
+}
+const W = O(
+  S
+);
+W.displayName = "Popover";
+export {
+  W as default
+};

package/popover/interface.js

@@ -0,0 +1 @@
+

package/portal/Portal.js

@@ -0,0 +1,15 @@
+import a, { useEffect as n, useImperativeHandle as u } from "react";
+import { createPortal as c } from "react-dom";
+import { u as f } from "../chunk/CQ_WOOmf.js";
+function m(e, r) {
+  var t;
+  const o = f();
+  return n(() => (setTimeout(() => {
+    o();
+  }, 0), () => {
+  }), []), u(r, () => ({})), c(e.children, ((t = e.getContainer) == null ? void 0 : t.call(e)) || document.body);
+}
+const s = a.forwardRef(m);
+export {
+  s as default
+};

package/portal/index.js

@@ -0,0 +1,17 @@
+import { jsx as f } from "react/jsx-runtime";
+import l, { useRef as u, useEffect as c, useImperativeHandle as s } from "react";
+import i from "./Portal.js";
+function t(e, n) {
+  const { forceRender: o, visible: a } = e, r = u(null);
+  return c(() => () => {
+  }, []), s(n, () => ({
+    get instance() {
+      return r.current;
+    }
+  })), o || a || r.current ? /* @__PURE__ */ f(i, { ref: r, ...e }) : null;
+}
+t.displayName = "Portal";
+const P = l.forwardRef(t);
+export {
+  P as default
+};

package/progress/CircleProgress.js

@@ -0,0 +1,117 @@
+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 { u as j } from "../chunk/B4YRLi8r.js";
+import S from "../tooltip/index.js";
+import { m as C } from "../chunk/JPPo5nY_.js";
+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], n = t.strokeWidth || (s === "mini" ? r / 2 : G[s]), m = (r - n) / 2, k = Math.PI * 2 * m, l = 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: l,
+              cy: l,
+              r: m,
+              strokeWidth: t.pathStrokeWidth || (s === "mini" ? n : Math.max(2, n - 2)),
+              style: {
+                stroke: t.pathStrokeColor
+              }
+            }
+          ),
+          /* @__PURE__ */ e(
+            "circle",
+            {
+              className: `${i}-path`,
+              fill: "none",
+              cx: l,
+              cy: l,
+              r: m,
+              strokeWidth: n,
+              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
+};