@unicom-cloud/ui 0.8.66 → 0.8.68

package/tag/index.js

@@ -0,0 +1,136 @@
+import { jsx as c, jsxs as T, Fragment as J } from "react/jsx-runtime";
+import Q from "@unicom-cloud/icons/IconUiClose";
+import W from "@unicom-cloud/icons/IconUiLoading";
+import b from "lodash/isPlainObject";
+import { forwardRef as X, useContext as Y, useState as v } from "react";
+import { a as Z, I as S } from "../chunk/ll867Bf3.js";
+import { u as ee } from "../chunk/XTEsYGuF.js";
+import { u as oe } from "../chunk/BFTV6myl.js";
+import ne from "../popconfirm/index.js";
+import { m as ie } from "../chunk/JPPo5nY_.js";
+import { o as re } from "../chunk/BKKEev13.js";
+const te = [
+  "red",
+  "orangered",
+  "orange",
+  "gold",
+  "lime",
+  "green",
+  "cyan",
+  "blue",
+  "pqbblue",
+  "purple",
+  "magenta",
+  "gray"
+], se = {
+  size: "default"
+};
+function ce(_, j) {
+  var E;
+  const { getPrefixCls: z, componentConfig: m, rtl: H } = Y(Z), L = ee(), r = oe(
+    _,
+    se,
+    m == null ? void 0 : m.Tag
+  ), {
+    className: w,
+    style: K,
+    children: x,
+    color: t,
+    closable: e,
+    checkable: l,
+    defaultChecked: R,
+    size: N,
+    onClose: f,
+    onCheck: p,
+    icon: P,
+    closeIcon: h,
+    bordered: U,
+    __closeIconProps: V,
+    ...q
+  } = r, o = z("tag"), [F, I] = v(
+    "visible" in r ? r.visible : !0
+  ), [M, A] = v(
+    "checked" in r ? r.checked : R
+  ), [u, g] = v(), O = "checked" in r ? r.checked : M, B = "visible" in r ? r.visible : F;
+  function k(n) {
+    const i = f == null ? void 0 : f(n);
+    i && i.then ? (g(!0), i.then(() => {
+      g(!1), I(!1);
+    }).catch(() => {
+      g(!1);
+    })) : I(!1);
+  }
+  function D() {
+    const n = !O;
+    "checked" in r || A(n), p == null || p(n);
+  }
+  const d = t && te.indexOf(t) !== -1 ? t : "", C = l ? O : !0, G = ie(
+    o,
+    {
+      [`${o}-loading`]: u,
+      [`${o}-hide`]: !B,
+      [`${o}-${d}`]: d,
+      [`${o}-checkable`]: l,
+      [`${o}-checked`]: C,
+      [`${o}-size-${N}`]: N,
+      [`${o}-bordered`]: U,
+      [`${o}-custom-color`]: C && t && !d,
+      [`${o}-rtl`]: H
+    },
+    w
+  ), s = {
+    ...K
+  };
+  t && !d && C && (s.backgroundColor || (s.backgroundColor = t), s.borderColor || (s.borderColor = t));
+  const y = re(q, ["visible"]);
+  l && (y.onClick = D);
+  let $ = /* @__PURE__ */ c(
+    S,
+    {
+      prefix: o,
+      className: `${o}-close-btn`,
+      onClick: (n) => {
+        b(e == null ? void 0 : e.popconfirm) || k(n);
+      },
+      role: "button",
+      tabIndex: 0,
+      ...L({
+        onPressEnter(n) {
+          b(e == null ? void 0 : e.popconfirm) || k(n);
+        }
+      }),
+      "aria-label": "Close",
+      ...V,
+      children: h !== void 0 ? h : /* @__PURE__ */ c(Q, {})
+    }
+  );
+  return b(e == null ? void 0 : e.popconfirm) && ($ = /* @__PURE__ */ c(
+    ne,
+    {
+      ...e == null ? void 0 : e.popconfirm,
+      title: ((E = e == null ? void 0 : e.popconfirm) == null ? void 0 : E.title) || /* @__PURE__ */ T(J, { children: [
+        "确定要关闭 ",
+        x
+      ] }),
+      onCancel: (n) => {
+        var i, a;
+        (a = (i = e == null ? void 0 : e.popconfirm) == null ? void 0 : i.onCancel) == null || a.call(i, n);
+      },
+      onOk: (n) => {
+        var i, a;
+        k(n), (a = (i = e == null ? void 0 : e.popconfirm) == null ? void 0 : i.onOk) == null || a.call(i, n);
+      },
+      children: $
+    }
+  )), /* @__PURE__ */ T("div", { ref: j, style: s, className: G, ...y, children: [
+    P && /* @__PURE__ */ c("span", { className: `${o}-icon`, children: P }),
+    /* @__PURE__ */ c("span", { className: `${o}-content`, children: x }),
+    !!e && !u && h !== null && $,
+    u && /* @__PURE__ */ c("span", { className: `${o}-loading-icon`, children: /* @__PURE__ */ c(W, {}) })
+  ] });
+}
+const ae = X(ce);
+ae.displayName = "Tag";
+export {
+  ae as default
+};

package/tag/interface.js

@@ -0,0 +1 @@
+

package/time-picker/Picker.js

@@ -0,0 +1,219 @@
+import { jsx as P } from "react/jsx-runtime";
+import De from "@unicom-cloud/icons/IconUiClockCircle";
+import { isDayjs as Se } from "dayjs";
+import l from "lodash/isArray";
+import Te, { useContext as je, useState as I, useRef as we } from "react";
+import { a as Ae } from "../chunk/ll867Bf3.js";
+import { u as Ee } from "../chunk/BFTV6myl.js";
+import { u as Y } from "../chunk/VSe_Wq1g.js";
+import { u as He } from "../chunk/BSCrLtfQ.js";
+import ze from "../picker/Input.js";
+import Oe from "../picker/InputRange.js";
+import Fe from "../trigger/index.js";
+import { m as Re } from "../chunk/JPPo5nY_.js";
+import { g as S, j as c, k as Z, h as O, b as Ne, i as Ue, f as Le } from "../chunk/tamGhTJp.js";
+import { a as Me } from "../chunk/ClqoGc3r.js";
+import $e from "./context.js";
+import { getFormatTime as qe } from "./util.js";
+function Be(T) {
+  return T.format || "HH:mm:ss";
+}
+const _ = {
+  allowClear: !0,
+  position: "bl",
+  format: "HH:mm:ss",
+  editable: !0,
+  order: !0,
+  scrollSticky: !0
+}, Ge = { bottom: 4 }, lo = (T) => {
+  var K, Q;
+  const { locale: p, getPrefixCls: ee, componentConfig: j, rtl: oe } = je(Ae);
+  oe && (_.position = "br");
+  const t = Ee(
+    T,
+    _,
+    j == null ? void 0 : j.TimePicker
+  ), {
+    allowClear: te = !0,
+    className: F,
+    disableConfirm: ie,
+    style: R,
+    placeholder: w,
+    getPopupContainer: re,
+    disabled: N,
+    position: ne,
+    isRangePicker: m,
+    picker: se,
+    error: ae,
+    status: ue,
+    triggerElement: U,
+    triggerProps: le,
+    value: fe,
+    onChange: u,
+    icons: L,
+    size: ce,
+    editable: pe,
+    unmountOnExit: me,
+    order: de,
+    utcOffset: r,
+    timezone: n
+  } = t, s = Be(t), ge = ee("timepicker");
+  function Ve() {
+    let e;
+    return t.value ? e = S(t.value, s, r, n) : t.defaultValue && (e = S(t.defaultValue, s, r, n)), e;
+  }
+  const [M, $] = I(!1), [d, q] = I(Ve()), [i, h] = I(), [v, g] = I(), [x, Pe] = I(0), f = "value" in t ? S(fe, s, r, n) : d, A = "popupVisible" in t ? t.popupVisible : M, y = Y(r), b = Y(n);
+  He(() => {
+    if (d && (y !== r || n !== b)) {
+      const e = l(d) ? d.map((a) => c(a, y, b)) : c(d, y, b), o = l(e) ? e.map((a) => Z(a, r, n)) : Z(e, r, n);
+      q(o);
+    }
+  }, [r, y, n, b]);
+  const E = we(null);
+  function H(e) {
+    var o, a;
+    (a = (o = E.current) == null ? void 0 : o.focus) == null || a.call(o, e);
+  }
+  function z(e) {
+    Pe(e), setTimeout(() => H(e));
+  }
+  function he(e) {
+    e ? C(e, () => {
+      setTimeout(() => H());
+    }) : C(!1);
+  }
+  function C(e, o) {
+    $(e), g(void 0), o == null || o(), e || h(void 0);
+  }
+  function k(e) {
+    const o = m && de && l(e) ? Ne(e.map((a) => qe(a))) : e;
+    q(o), h(void 0), g(void 0), ve(o), ie || C(!1);
+  }
+  function ve(e) {
+    l(e) && Ue(f, e) && (u == null || u(
+      e.map((o) => c(o, r, n).format(s)),
+      e.map((o) => c(o, r, n))
+    )), Se(e) && Le(f, e) && (u == null || u(
+      c(e, r, n).format(s),
+      c(e, r, n)
+    ));
+  }
+  function B(e) {
+    const o = m ? l(i) && i.length ? i : f : i || f;
+    return /* @__PURE__ */ P(
+      "div",
+      {
+        className: Re(`${ge}-container`, e ? F : ""),
+        style: e ? R : {},
+        onClick: () => H(),
+        children: Te.cloneElement(se, {
+          ...t,
+          format: s,
+          inputValue: v,
+          setInputValue: g,
+          onConfirmValue: k,
+          setValueShow: h,
+          valueShow: o,
+          value: f,
+          popupVisible: A,
+          focusedInputIndex: x,
+          changeFocusedInputIndex: z
+        })
+      }
+    );
+  }
+  function G(e) {
+    const o = e.target.value;
+    M || $(!0), g(o), Ce(o);
+  }
+  function Ce(e) {
+    var a, W;
+    const o = S(e, s);
+    if (m) {
+      const V = [
+        ...l(i) ? i : d || []
+      ];
+      if (O(e, s)) {
+        V[x] = o;
+        const X = V.map(
+          (D) => c(D, r, n)
+        );
+        (a = t.onSelect) == null || a.call(
+          t,
+          X.map((D) => D && D.format(s)),
+          X
+        ), h(V), g(void 0);
+      }
+    } else if (O(e, s)) {
+      const V = c(o, r, n);
+      (W = t.onSelect) == null || W.call(t, V.format(s), V), h(o), g(void 0);
+    }
+  }
+  function Ie() {
+    m ? l(i) && i.length ? v && !O(v, s) ? C(!1) : i[0] === void 0 || i[1] === void 0 ? z(x === 0 ? 1 : 0) : i.length === 2 && k(i) : C(!1) : k(i || f);
+  }
+  function xe(e) {
+    var o;
+    e.stopPropagation(), k(void 0), u == null || u(void 0, void 0), (o = t.onClear) == null || o.call(t);
+  }
+  const ye = m && l(w) ? w : (K = p == null ? void 0 : p.TimePicker) == null ? void 0 : K.placeholders, be = w || ((Q = p == null ? void 0 : p.TimePicker) == null ? void 0 : Q.placeholder), ke = L && L.inputSuffix || /* @__PURE__ */ P(De, {}), J = {
+    style: R,
+    className: F,
+    popupVisible: A,
+    format: s,
+    disabled: N,
+    error: ae,
+    status: ue,
+    size: ce,
+    onPressEnter: Ie,
+    onClear: xe,
+    suffixIcon: ke,
+    editable: pe,
+    allowClear: te,
+    prefix: t.prefix,
+    ...Me(t)
+  };
+  return /* @__PURE__ */ P($e.Provider, { value: { utcOffset: r, timezone: n }, children: U === null ? B(!0) : /* @__PURE__ */ P(
+    Fe,
+    {
+      popup: () => B(),
+      trigger: "click",
+      clickToClose: !1,
+      position: ne,
+      disabled: N,
+      popupAlign: Ge,
+      getPopupContainer: re,
+      onVisibleChange: he,
+      popupVisible: A,
+      classNames: "slideDynamicOrigin",
+      unmountOnExit: !!me,
+      ...le,
+      children: U || (m ? /* @__PURE__ */ P(
+        Oe,
+        {
+          ...J,
+          ref: E,
+          placeholder: ye,
+          value: l(i) && i.length ? i : f,
+          onChange: G,
+          inputValue: v,
+          changeFocusedInputIndex: z,
+          focusedInputIndex: x
+        }
+      ) : /* @__PURE__ */ P(
+        ze,
+        {
+          ...J,
+          ref: E,
+          placeholder: be,
+          value: i || f,
+          inputValue: v,
+          onChange: G
+        }
+      ))
+    }
+  ) });
+};
+export {
+  lo as default
+};

package/time-picker/RangePicker.js

@@ -0,0 +1,56 @@
+import { jsx as I } from "react/jsx-runtime";
+import { isDayjs as a } from "dayjs";
+import P from "lodash/isArray";
+import { useContext as S } from "react";
+import { j as w, k as b } from "../chunk/tamGhTJp.js";
+import { o as j } from "../chunk/BKKEev13.js";
+import z from "./TimePicker.js";
+import T from "./context.js";
+function _(d) {
+  const {
+    format: s = "HH:mm:ss",
+    onSelect: n,
+    focusedInputIndex: t,
+    changeFocusedInputIndex: h,
+    popupVisible: V,
+    onConfirmValue: u,
+    valueShow: o = [],
+    setValueShow: v,
+    disableConfirm: f,
+    ...C
+  } = d, { utcOffset: c, timezone: l } = S(T);
+  function k(y, p) {
+    const i = o.slice(), e = o.map((m) => w(m, c, l));
+    i[t] = b(p, c, l), e[t] = p, n == null || n(
+      e.map((m) => m.format(s)),
+      e
+    ), v(i), f && P(e) && a(e[0]) && a(e[1]) && u(i);
+  }
+  function x() {
+    o.length && (o[0] === void 0 || o[1] === void 0) ? h(t === 0 ? 1 : 0) : u(o);
+  }
+  const g = j(C, [
+    "defaultValue",
+    "placeholder",
+    "value",
+    "onChange"
+  ]), r = o[t];
+  return /* @__PURE__ */ I(
+    z,
+    {
+      onSelect: k,
+      value: r,
+      format: s,
+      isRangePicker: !0,
+      onConfirmValue: x,
+      confirmBtnDisabled: !a(r),
+      valueShow: r,
+      popupVisible: V,
+      disableConfirm: f,
+      ...g
+    }
+  );
+}
+export {
+  _ as default
+};

package/time-picker/TimeColumn.js

@@ -0,0 +1,65 @@
+import { jsx as i } from "react/jsx-runtime";
+import C from "lodash/debounce";
+import { useRef as n, useEffect as d, useCallback as H } from "react";
+import { u as S } from "../chunk/VSe_Wq1g.js";
+import { m as T } from "../chunk/JPPo5nY_.js";
+import { scrollTo as b } from "./util.js";
+function V(g) {
+  const {
+    prefixCls: c,
+    list: l,
+    value: s,
+    onHandleSelect: u,
+    unit: m,
+    popupVisible: o,
+    scrollSticky: $
+  } = g, a = n(/* @__PURE__ */ new Map()), r = n(null), h = n(), v = n(0), f = S(o), p = n(
+    r.current && r.current.scrollTop
+  );
+  d(() => {
+    const e = a.current.get(s);
+    e && o && f && (b(r.current, e.offsetTop, 150), p.current = e.offsetTop);
+  }, [s]), d(() => {
+    if (o && o !== f) {
+      const e = a.current.get(s);
+      e && (b(r.current, e.offsetTop, 0), p.current = e.offsetTop);
+    }
+  }, [o, f]), d(() => {
+    l.length <= 1 || (v.current = (h.current.clientHeight - r.current.clientHeight) / (l.length - 1));
+  }, [l.length]);
+  const x = H(
+    C(() => {
+      const t = (r.current.scrollTop - p.current > 0 ? Math.ceil : Math.floor)(
+        r.current.scrollTop / v.current
+      );
+      t !== s && l[t] && !l[t].disabled && u(l[t].value, m);
+    }, 100),
+    [u]
+  );
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: T(`${c}-list`),
+      ref: r,
+      onWheel: $ ? x : void 0,
+      children: /* @__PURE__ */ i("ul", { ref: h, children: l.map((e) => /* @__PURE__ */ i(
+        "li",
+        {
+          className: T(`${c}-cell`, {
+            [`${c}-cell-disabled`]: e.disabled,
+            [`${c}-cell-selected`]: e.selected
+          }),
+          onClick: () => !e.disabled && u(e.value, m),
+          ref: (t) => {
+            a.current.set(e.value, t);
+          },
+          children: /* @__PURE__ */ i("div", { className: `${c}-cell-inner`, children: e.label })
+        },
+        e.value
+      )) })
+    }
+  );
+}
+export {
+  V as default
+};