@unicom-cloud/ui 0.8.66 → 0.8.68

package/date-picker/Picker.js

@@ -0,0 +1,410 @@
+import { jsx as p, jsxs as Ne, Fragment as He } from "react/jsx-runtime";
+import Co from "@unicom-cloud/icons/IconUiCalendar";
+import xo from "@unicom-cloud/icons/IconUiCalendarClock";
+import { isDayjs as Me } from "dayjs";
+import Ie from "lodash/isArray";
+import bo from "lodash/isPlainObject";
+import ko from "lodash/isUndefined";
+import jo, { forwardRef as To, useContext as Lo, useRef as ie, useImperativeHandle as No, useState as m, useEffect as Ho } from "react";
+import { a as Mo } from "../chunk/ll867Bf3.js";
+import { u as Io } from "../chunk/BFTV6myl.js";
+import { u as Ee } from "../chunk/VSe_Wq1g.js";
+import { u as Eo } from "../chunk/BSCrLtfQ.js";
+import Oo from "../picker/Input.js";
+import zo from "../trigger/index.js";
+import { m as Fo } from "../chunk/JPPo5nY_.js";
+import { g as d, a as T, j as L, k as Ao, e as le, d as Oe, f as $o, m as ze } from "../chunk/tamGhTJp.js";
+import { o as Ro } from "../chunk/BKKEev13.js";
+import { a as Uo } from "../chunk/ClqoGc3r.js";
+import Wo from "./context.js";
+import { F as Bo, S as _o } from "../chunk/CC---6jO.js";
+import { getDefaultWeekStart as qo, getLocaleDayjsValue as S } from "./util.js";
+function Qo(N) {
+  const { format: H, picker: $, showTime: l } = N;
+  let u;
+  switch (N.mode || $.props.pickerType) {
+    case "date":
+      u = l ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD";
+      break;
+    case "month":
+      u = "YYYY-MM";
+      break;
+    case "year":
+      u = "YYYY";
+      break;
+    case "week":
+      u = "gggg-wo";
+      break;
+    case "quarter":
+      u = "YYYY-[Q]Q";
+      break;
+    default:
+      u = "YYYY-MM-DD";
+  }
+  return H && (u = H), u;
+}
+const Fe = {
+  allowClear: !0,
+  unmountOnExit: !0,
+  position: "bl",
+  editable: !0,
+  showNowBtn: !0
+}, Ko = { bottom: 4 }, Go = (N, H) => {
+  var ke, je;
+  const {
+    getPrefixCls: $,
+    locale: l,
+    size: u,
+    componentConfig: M,
+    rtl: ue
+  } = Lo(Mo);
+  ue && (Fe.position = "br");
+  const n = Io(
+    N,
+    Fe,
+    M == null ? void 0 : M.DatePicker
+  ), {
+    allowClear: Ae,
+    className: ce,
+    style: fe,
+    placeholder: $e,
+    getPopupContainer: Re,
+    disabled: pe,
+    position: Ue,
+    error: We,
+    status: Be,
+    unmountOnExit: _e,
+    editable: qe,
+    triggerProps: Qe,
+    picker: me,
+    shortcuts: I,
+    onSelect: f,
+    onVisibleChange: R,
+    value: Ke,
+    onChange: U,
+    icons: E,
+    disabledDate: de,
+    showTime: c,
+    showNowBtn: he,
+    onSelectShortcut: W,
+    extra: ge,
+    shortcutsPlacementLeft: Y,
+    onOk: B,
+    defaultPickerValue: Ge,
+    pickerValue: Je,
+    onPickerValueChange: _,
+    triggerElement: ve,
+    utcOffset: a,
+    timezone: r,
+    panelRender: Pe,
+    inputProps: Xe
+  } = n, V = $("picker"), q = l.DatePicker, Ze = ko(n.dayStartOfWeek) ? qo(l.dayjsLocale) : n.dayStartOfWeek, D = n.mode || me.props.pickerType, Q = ie(null), K = ie(null), G = ie(null);
+  No(
+    H,
+    () => ({
+      focus() {
+        ne();
+      },
+      blur() {
+        ae();
+      }
+    }),
+    []
+  );
+  const C = ((je = (ke = q.Calendar) == null ? void 0 : ke[D]) == null ? void 0 : je.format) || Qo(n);
+  let t = C;
+  typeof t == "function" && (t = c ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD");
+  function eo() {
+    let e;
+    return n.value ? e = d(n.value, t, a, r) : e = d(n.defaultValue, t, a, r), e;
+  }
+  const [J, x] = m(eo()), [oo, to] = m(n.popupVisible), [X, Ve] = m(!1), [ye, O] = m(), h = "popupVisible" in n ? n.popupVisible : oo, b = "value" in n ? d(Ke, t, a, r) : J, we = b || d(Ge, t) || T(), [no, z] = m(), [Z, k] = m(), [ao, ee] = m(), [ro, y] = m(we), oe = d(Je, t) || ro, g = ao || Z || b, [F, Se] = m(D), so = bo(c) && d(
+    c.defaultValue,
+    c.format || "HH:mm:ss"
+  ) || T(a, r), te = g || so;
+  function ne() {
+    var e, o;
+    (o = (e = Q.current) == null ? void 0 : e.focus) == null || o.call(e);
+  }
+  function ae() {
+    var e, o;
+    (o = (e = Q.current) == null ? void 0 : e.blur) == null || o.call(e);
+  }
+  const re = Ee(a), se = Ee(r);
+  Eo(() => {
+    if (J && (re !== a || r !== se)) {
+      const e = L(J, re, se);
+      x(Ao(e, a, r));
+    }
+  }, [a, re, r, se]), Ho(() => {
+    z(void 0), O(void 0), h ? (y(we), Y && G.current && K.current && (G.current.style.maxHeight = `${K.current.clientHeight}px`)) : (k(void 0), ee(void 0), setTimeout(() => {
+      Ve(!1), Se(D), ae();
+    }, 100));
+  }, [h]);
+  function io(e) {
+    e ? w(e, () => {
+      ne();
+    }) : w(!1);
+  }
+  function j(e) {
+    _ == null || _(e.format(t), e);
+  }
+  function w(e, o) {
+    to(e), R == null || R(e), o == null || o();
+  }
+  function lo(e) {
+    var o;
+    e.stopPropagation(), x(void 0), k(void 0), A(void 0), (o = n.onClear) == null || o.call(n);
+  }
+  function uo() {
+    const e = S(g, l.dayjsLocale);
+    Ye(), B == null || B(e && e.format(t), e);
+  }
+  function Ye() {
+    x(g), A(g), w(!1);
+  }
+  function De(e, o, i) {
+    if (z(void 0), O(void 0), c) {
+      const s = i ? o : le(o, te);
+      k(s), y(s);
+      const P = S(
+        L(s, a, r),
+        l.dayjsLocale
+      );
+      f == null || f(P.format(t), P);
+    } else {
+      const s = S(
+        L(o, a, r).locale(l.dayjsLocale),
+        l.dayjsLocale
+      );
+      f == null || f(s ? s.format(t) : void 0, s), x(o), A(o), w(!1);
+    }
+  }
+  function A(e) {
+    if ($o(e, b)) {
+      const o = S(
+        L(e, a, r),
+        l.dayjsLocale
+      );
+      U == null || U(
+        o ? o.format(t) : void 0,
+        o
+      );
+    }
+  }
+  function co(e, o) {
+    const i = g || T(a, r), s = le(i, o);
+    k(s);
+    const P = S(
+      L(s, a, r),
+      l.dayjsLocale
+    );
+    f == null || f(P.format(t), P);
+  }
+  function fo(e) {
+    return typeof e == "string" && Oe(e, t).format(t) === e && (typeof de == "function" ? !de(Oe(e, t)) : !0);
+  }
+  function po(e) {
+    const o = e.target.value;
+    if (z(o), h || w(!0), fo(o)) {
+      const i = d(o, t);
+      k(i), y(i), z(void 0);
+    }
+  }
+  function mo() {
+    g ? (Ye(), ae()) : h && w(!1);
+  }
+  function v(e, o, i = 1) {
+    let s;
+    e === "prev" && (s = ze.subtract(oe, i, o)), e === "next" && (s = ze.add(oe, i, o)), j(s), y(s);
+  }
+  function Ce(e = D) {
+    if (e === "date" || e === "week")
+      return {
+        onPrev: () => v("prev", "month"),
+        onNext: () => v("next", "month"),
+        onSuperPrev: () => v("prev", "year"),
+        onSuperNext: () => v("next", "year")
+      };
+    if (e === "month" || e === "quarter")
+      return {
+        onSuperPrev: () => v("prev", "year"),
+        onSuperNext: () => v("next", "year")
+      };
+    if (e === "year")
+      return {
+        onSuperPrev: () => v("prev", "year", 10),
+        onSuperNext: () => v("next", "year", 10)
+      };
+  }
+  function xe() {
+    const e = S(
+      T(a, r),
+      l.dayjsLocale
+    );
+    j(e), De(e.format(t), e, !0);
+  }
+  function ho(e, o) {
+    if (!o) {
+      const i = c ? le(e, te) : e;
+      O(
+        typeof C == "function" ? C(e) : i.locale(l.dayjsLocale).format(t)
+      );
+    }
+  }
+  function go() {
+    O(void 0);
+  }
+  function vo(e) {
+    if (typeof e.value == "function" && Me(e.value())) {
+      const o = d(
+        e.value(),
+        t,
+        a,
+        r
+      );
+      y(o), j(o), ee(o);
+    }
+  }
+  function Po() {
+    const e = Z || b || T(a, r);
+    ee(void 0), y(e), j(e);
+  }
+  function Vo(e) {
+    if (W == null || W(e), typeof e.value == "function" && Me(e.value())) {
+      const o = d(
+        e.value(),
+        t,
+        a,
+        r
+      );
+      x(o), A(o), w(!1);
+    }
+  }
+  function yo() {
+    Ve(!X);
+  }
+  function be(e) {
+    const o = Fo(
+      `${V}-container`,
+      {
+        [`${V}-panel-only`]: e,
+        [`${V}-container-shortcuts-placement-left`]: Ie(I) && Y,
+        [`${V}-container-rtl`]: ue
+      },
+      e ? ce : ""
+    ), i = {
+      prefixCls: V,
+      showTime: c,
+      shortcuts: I,
+      onSelectNow: xe,
+      showNowBtn: he,
+      onMouseEnterShortcut: vo,
+      onMouseLeaveShortcut: Po,
+      onSelectShortcut: Vo
+    }, s = c && F === "date" || ge || Ie(I) && I.length && !Y || !c && F === "date" && he, P = /* @__PURE__ */ Ne(He, { children: [
+      jo.cloneElement(me, {
+        ...Ro(n, ["style"]),
+        ...Ce(),
+        getHeaderOperations: Ce,
+        onSelect: De,
+        onTimePickerSelect: co,
+        onSelectNow: xe,
+        popupVisible: h,
+        format: t,
+        value: g,
+        pageShowDate: oe,
+        localeName: l.dayjsLocale,
+        setPageShowDate: (Le) => {
+          y(Le), j(Le);
+        },
+        timeValue: te,
+        isTimePanel: X,
+        panelMode: F,
+        setPanelMode: Se,
+        onMouseEnterCell: ho,
+        onMouseLeaveCell: go
+      }),
+      !!s && /* @__PURE__ */ p(
+        Bo,
+        {
+          ...i,
+          DATEPICKER_LOCALE: q,
+          disabled: !g,
+          onClickConfirmBtn: uo,
+          extra: ge,
+          mode: F,
+          shortcutsPlacementLeft: Y,
+          onClickSelectTimeBtn: yo,
+          isTimePanel: X
+        }
+      )
+    ] }), Te = Y ? /* @__PURE__ */ Ne(He, { children: [
+      /* @__PURE__ */ p(_o, { ref: G, ...i }),
+      /* @__PURE__ */ p("div", { ref: K, className: `${V}-panel-wrapper`, children: P })
+    ] }) : P, Do = typeof Pe == "function" ? Pe(Te) : Te;
+    return /* @__PURE__ */ p(
+      "div",
+      {
+        className: o,
+        onClick: () => {
+          ne();
+        },
+        style: e ? fe : {},
+        children: Do
+      }
+    );
+  }
+  const wo = n.size || u, So = E && E.inputSuffix === null ? null : E && E.inputSuffix || (c ? /* @__PURE__ */ p(xo, {}) : /* @__PURE__ */ p(Co, {})), Yo = {
+    style: fe,
+    className: ce,
+    popupVisible: h,
+    format: C,
+    disabled: pe,
+    error: We,
+    status: Be,
+    size: wo,
+    onPressEnter: mo,
+    onClear: lo,
+    prefix: n.prefix,
+    suffixIcon: So,
+    editable: qe && typeof C != "function",
+    allowClear: Ae
+  };
+  return /* @__PURE__ */ p(Wo.Provider, { value: { utcOffset: a, timezone: r, weekStart: Ze }, children: ve === null ? be(!0) : /* @__PURE__ */ p(
+    zo,
+    {
+      popup: be,
+      trigger: "click",
+      clickToClose: !1,
+      position: Ue,
+      disabled: pe,
+      popupAlign: Ko,
+      getPopupContainer: Re,
+      onVisibleChange: io,
+      popupVisible: h,
+      classNames: "slideDynamicOrigin",
+      unmountOnExit: _e,
+      ...Qe,
+      children: ve || /* @__PURE__ */ p(
+        Oo,
+        {
+          ...Uo(n),
+          ...Yo,
+          ref: Q,
+          placeholder: $e || q.placeholder[D],
+          popupVisible: h,
+          value: Z || b,
+          inputValue: ye || no,
+          prefixCls: V,
+          onChange: po,
+          isPlaceholder: !!ye,
+          inputProps: Xe
+        }
+      )
+    }
+  ) });
+}, Pt = To(Go);
+export {
+  Pt as default
+};

package/date-picker/PickerRange.js

@@ -0,0 +1,24 @@
+import "react/jsx-runtime";
+import "@unicom-cloud/icons/IconUiCalendar";
+import "@unicom-cloud/icons/IconUiCalendarClock";
+import "dayjs";
+import "lodash/isArray";
+import "lodash/isPlainObject";
+import "lodash/isUndefined";
+import "react";
+import "../chunk/ll867Bf3.js";
+import "../chunk/BFTV6myl.js";
+import "../chunk/VSe_Wq1g.js";
+import "../chunk/BSCrLtfQ.js";
+import "../picker/InputRange.js";
+import "../trigger/index.js";
+import "../chunk/JPPo5nY_.js";
+import "../chunk/tamGhTJp.js";
+import "../chunk/ClqoGc3r.js";
+import "./context.js";
+import "../chunk/CC---6jO.js";
+import { P as q } from "../chunk/CpGBWmuz.js";
+import "./util.js";
+export {
+  q as default
+};

package/date-picker/context.js

@@ -0,0 +1,5 @@
+import { createContext as t } from "react";
+const o = t({});
+export {
+  o as default
+};

package/date-picker/index.js

@@ -0,0 +1,50 @@
+import { jsx as r } from "react/jsx-runtime";
+import k, { useRef as P, useImperativeHandle as d } from "react";
+import p from "./Picker.js";
+import { P as u, D as f, Q as l, W as y, Y as N, M as $ } from "../chunk/CpGBWmuz.js";
+function c(s, i) {
+  function o(n, m) {
+    const t = P();
+    return d(m, () => ({
+      focus() {
+        var e, a;
+        (a = (e = t.current) == null ? void 0 : e.focus) == null || a.call(e);
+      },
+      blur() {
+        var e, a;
+        (a = (e = t.current) == null ? void 0 : e.blur) == null || a.call(e);
+      }
+    })), /* @__PURE__ */ r(p, { ...n, ref: t, picker: s, mode: i.mode });
+  }
+  return o.displayName = i.displayName, k.forwardRef(o);
+}
+const W = c(/* @__PURE__ */ r(f, {}), {
+  displayName: "DatePicker",
+  mode: "date"
+}), h = c(/* @__PURE__ */ r($, {}), {
+  displayName: "MonthPicker",
+  mode: "month"
+}), D = c(/* @__PURE__ */ r(N, {}), {
+  displayName: "YearPicker",
+  mode: "year"
+}), M = c(/* @__PURE__ */ r(y, {}), {
+  displayName: "WeekPicker",
+  mode: "week"
+}), Q = c(/* @__PURE__ */ r(l, {}), {
+  displayName: "QuarterPicker",
+  mode: "quarter"
+}), R = u, g = Object.assign(W, {
+  MonthPicker: h,
+  YearPicker: D,
+  WeekPicker: M,
+  QuarterPicker: Q,
+  RangePicker: R
+});
+export {
+  h as MonthPicker,
+  Q as QuarterPicker,
+  R as RangePicker,
+  M as WeekPicker,
+  D as YearPicker,
+  g as default
+};

package/date-picker/interface.js

@@ -0,0 +1 @@
+

package/date-picker/util.js

@@ -0,0 +1,76 @@
+import y, { isDayjs as a } from "dayjs";
+import h from "lodash/isArray";
+import { m as c } from "../chunk/tamGhTJp.js";
+function f(t) {
+  return a(t) && t.format("HH:mm:ss");
+}
+function j(t, r) {
+  return f(t[0]) !== f(r[0]) || f(t[1]) !== f(r[1]);
+}
+function p(t) {
+  return t && h(t) ? a(t[0]) && a(t[1]) ? 2 : !a(t[0]) && !a(t[1]) ? 0 : 1 : 0;
+}
+function m(t, r, u) {
+  if (typeof r != "function")
+    return !1;
+  const i = (n, o, g) => {
+    let s = o;
+    for (; s <= g; ) {
+      let e;
+      switch (n) {
+        case "date": {
+          if (e = c.set(t, "date", s), !r(e))
+            return !1;
+          break;
+        }
+        case "month": {
+          if (e = c.set(t, "month", s), !m(e, r, "month"))
+            return !1;
+          break;
+        }
+        case "year": {
+          if (e = c.set(t, "year", s), !m(e, r, "year"))
+            return !1;
+          break;
+        }
+      }
+      s += 1;
+    }
+    return !0;
+  };
+  switch (u) {
+    case "date":
+    case "week":
+      return r(t);
+    case "month": {
+      const o = t.endOf("month").get("date");
+      return i("date", 1, o);
+    }
+    case "quarter": {
+      const n = Math.floor(t.get("month") / 3) * 3, o = n + 2;
+      return i("month", n, o);
+    }
+    case "year":
+      return i("month", 0, 11);
+    default:
+      return !1;
+  }
+}
+function A(t) {
+  var r, u;
+  return ((u = (r = y.Ls) == null ? void 0 : r[t]) == null ? void 0 : u.weekStart) || 0;
+}
+function F(t, r) {
+  return t && t.locale(r);
+}
+function L(t, r) {
+  return h(t) ? t[r] : t;
+}
+export {
+  p as getAvailableDayjsLength,
+  A as getDefaultWeekStart,
+  L as getFormatByIndex,
+  F as getLocaleDayjsValue,
+  m as isDisabledDate,
+  j as isTimeArrayChange
+};