@unicom-cloud/ui 0.8.43 → 0.8.45

package/date-picker/panel/range/index.js

@@ -0,0 +1,251 @@
+import { jsx as n, jsxs as p, Fragment as m } from "react/jsx-runtime";
+import le from "lodash/isPlainObject";
+import { useContext as I } from "react";
+/* empty css                        */
+import "../../../config-provider/ConfigProvider.js";
+import me from "../../context.js";
+import F from "../date/index.js";
+import Q from "../month/index.js";
+import Y from "../quarter/index.js";
+import q from "../week/index.js";
+import z from "../year/index.js";
+import { getNow as B, getDayjsValue as de, methods as k } from "../../../utils/dayjs.js";
+import { getFormatByIndex as E } from "../../util.js";
+import { ConfigContext as ue } from "../../../config-provider/context.js";
+function O(w, a) {
+  const c = [];
+  for (let l = w; l < a; l++)
+    c.push(l);
+  return c;
+}
+function Ce(w) {
+  const {
+    mode: a = "date",
+    showTime: c,
+    disabledDate: l,
+    disabledTime: L,
+    format: D,
+    dateRender: W,
+    value: $,
+    timeValues: T,
+    icons: A,
+    locale: G,
+    pageShowDates: v,
+    onMouseEnterCell: J,
+    onMouseLeaveCell: K,
+    onTimePickerSelect: M,
+    onSelectPanel: U,
+    onPrev: X,
+    onSuperPrev: d,
+    onNext: Z,
+    onSuperNext: u,
+    localeName: _,
+    popupVisible: ee,
+    timepickerProps: te,
+    getHeaderOperations: V,
+    setRangePageShowDates: s,
+    disabledTimePickerIndex: b,
+    hideNotInViewDates: oe,
+    isTimePanel: re,
+    valueShowHover: ne,
+    panelModes: P,
+    setPanelModes: C
+  } = w, { getPrefixCls: ae } = I(ue), N = ae("picker-range"), { utcOffset: y, timezone: j } = I(me), R = v[0] || B(y, j), H = v[1] || B(y, j), h = {
+    isRangePicker: !0,
+    rangeValues: de($, D),
+    onMouseEnterCell: J,
+    onMouseLeaveCell: K,
+    locale: G,
+    disabledDate: l,
+    onSelect: U,
+    dateRender: W,
+    getHeaderOperations: V,
+    icons: A,
+    valueShowHover: ne
+  }, f = {
+    pageShowDate: R,
+    panelMode: P[0],
+    setPanelMode: (r) => C([r, P[1]]),
+    format: E(D, 0)
+  }, g = {
+    pageShowDate: H,
+    panelMode: P[1],
+    setPanelMode: (r) => C([P[0], r]),
+    format: E(D, 1)
+  };
+  function se() {
+    const r = {
+      onPrev: X,
+      onSuperPrev: d
+    }, i = {
+      onNext: Z,
+      onSuperNext: u
+    }, o = {
+      ...h,
+      localeName: _,
+      popupVisible: ee,
+      timepickerProps: te,
+      getHeaderOperations: V,
+      hideNotInViewDates: oe,
+      isTimePanel: re
+    };
+    if (a === "week")
+      return /* @__PURE__ */ p(m, { children: [
+        /* @__PURE__ */ n(
+          q,
+          {
+            setPageShowDate: (e) => s([e, e], 0),
+            ...r,
+            ...o,
+            ...f
+          }
+        ),
+        /* @__PURE__ */ n(
+          q,
+          {
+            setPageShowDate: (e) => s([k.subtract(e, 1, "month"), e], 1),
+            ...i,
+            ...o,
+            ...g
+          }
+        )
+      ] });
+    const t = {
+      disabledTime: L,
+      showTime: c
+    }, S = {};
+    if (typeof b == "number" && (S.disabledTime = () => ({
+      disabledHours: () => O(0, 24),
+      disabledMinutes: () => O(0, 60),
+      disabledSeconds: () => O(0, 60)
+    }), le(c))) {
+      const e = { ...c, defaultValue: void 0 };
+      S.showTime = {
+        ...e,
+        hideDisabledOptions: !1
+      };
+    }
+    return /* @__PURE__ */ p(m, { children: [
+      /* @__PURE__ */ n(
+        F,
+        {
+          ...r,
+          ...o,
+          ...t,
+          ...b === 0 ? S : {},
+          onTimePickerSelect: (e, x) => {
+            M(0, e, x);
+          },
+          index: 0,
+          setPageShowDate: (e) => s([e, e], 0),
+          timeValue: T[0],
+          ...f
+        }
+      ),
+      /* @__PURE__ */ n(
+        F,
+        {
+          ...i,
+          ...o,
+          ...t,
+          ...b === 1 ? S : {},
+          onTimePickerSelect: (e, x) => {
+            M(1, e, x);
+          },
+          index: 1,
+          setPageShowDate: (e) => s([k.subtract(e, 1, "month"), e], 1),
+          timeValue: T[1],
+          ...g
+        }
+      )
+    ] });
+  }
+  function ie() {
+    const r = {
+      onSuperPrev: d
+    }, i = {
+      onSuperNext: u
+    }, o = h;
+    return /* @__PURE__ */ p(m, { children: [
+      /* @__PURE__ */ n(
+        Q,
+        {
+          setPageShowDate: (t) => s([t, t], 0),
+          ...r,
+          ...o,
+          ...f
+        }
+      ),
+      /* @__PURE__ */ n(
+        Q,
+        {
+          setPageShowDate: (t) => s([k.subtract(t, 1, "year"), t], 1),
+          ...i,
+          ...o,
+          ...g
+        }
+      )
+    ] });
+  }
+  function ce() {
+    const r = {
+      onSuperPrev: d
+    }, i = {
+      onSuperNext: u
+    }, o = h;
+    return /* @__PURE__ */ p(m, { children: [
+      /* @__PURE__ */ n(
+        z,
+        {
+          ...r,
+          ...o,
+          pageShowDate: R
+        }
+      ),
+      /* @__PURE__ */ n(
+        z,
+        {
+          ...i,
+          ...o,
+          pageShowDate: H
+        }
+      )
+    ] });
+  }
+  function pe() {
+    const r = {
+      onSuperPrev: d
+    }, i = {
+      onSuperNext: u
+    }, o = h;
+    return /* @__PURE__ */ p(m, { children: [
+      /* @__PURE__ */ n(
+        Y,
+        {
+          setPageShowDate: (t) => s([t, t], 0),
+          ...r,
+          ...o,
+          ...f
+        }
+      ),
+      /* @__PURE__ */ n(
+        Y,
+        {
+          setPageShowDate: (t) => s([k.subtract(t, 1, "year"), t], 1),
+          ...i,
+          ...o,
+          ...g
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ n("div", { className: N, children: /* @__PURE__ */ p("div", { className: `${N}-wrapper`, children: [
+    (a === "date" || a === "week") && se(),
+    a === "month" && ie(),
+    a === "year" && ce(),
+    a === "quarter" && pe()
+  ] }) });
+}
+export {
+  Ce as default
+};

package/date-picker/panel/week/index.js

@@ -0,0 +1,35 @@
+import { jsx as l } from "react/jsx-runtime";
+import { useContext as S } from "react";
+import d from "../../context.js";
+import v from "../date/index.js";
+import { methods as N } from "../../../utils/dayjs.js";
+function j(r) {
+  const {
+    value: o,
+    isRangePicker: e,
+    rangeValues: t,
+    onPrev: n,
+    onNext: i,
+    onSuperPrev: s,
+    onSuperNext: m,
+    localeName: a,
+    ...c
+  } = r, { weekStart: u } = S(d), p = e ? { rangeValues: t } : { value: o }, f = { onPrev: n, onNext: i, onSuperPrev: s, onSuperNext: m };
+  function k(P, x) {
+    return N.isSameWeek(P, x, u, a);
+  }
+  return /* @__PURE__ */ l(
+    v,
+    {
+      ...c,
+      ...p,
+      ...f,
+      isWeek: !0,
+      isSameTime: k,
+      isRangePicker: e
+    }
+  );
+}
+export {
+  j as default
+};

package/date-picker/panel/year/index.js

@@ -0,0 +1,74 @@
+import { jsxs as I, jsx as m } from "react/jsx-runtime";
+import K from "lodash/merge";
+import { useContext as i } from "react";
+/* empty css                        */
+import "../../../config-provider/ConfigProvider.js";
+import z from "../../context.js";
+import B from "../Body.js";
+import H from "../Header.js";
+import V from "@unicom-cloud/utils/class-name";
+import { newArray as c } from "../../../utils/constant.js";
+import { getNow as j, dayjs as q } from "../../../utils/dayjs.js";
+import { ConfigContext as F } from "../../../config-provider/context.js";
+function me(l) {
+  const {
+    pageShowDate: n,
+    style: p,
+    onMouseEnterCell: f,
+    onMouseLeaveCell: C,
+    dateRender: d,
+    disabledDate: u,
+    value: x,
+    locale: y,
+    isRangePicker: P,
+    onSelect: g,
+    rangeValues: E,
+    onSuperPrev: L,
+    onSuperNext: A,
+    format: D,
+    icons: N,
+    ...S
+  } = l, { locale: Y, getPrefixCls: t, rtl: k } = i(F), w = K(Y.DatePicker, y).Calendar, { utcOffset: O, timezone: R } = i(z), _ = t("panel-year"), h = V(_), v = P ? { rangeValues: E } : { value: x }, b = n ? n.year() : j(O, R).year(), s = Math.floor(b / 10) * 10 - 1, M = c(3).map((r) => ""), a = c(4).map((r) => M).map((r, e) => r.map((J, o) => ({
+    name: s + e * 3 + o,
+    time: q(`${s + e * 3 + o}`, "YYYY").endOf("year"),
+    isPrev: e === 0 && o === 0,
+    isNext: e === 3 && o === 2
+  })));
+  function T() {
+    return /* @__PURE__ */ m(
+      B,
+      {
+        ...S,
+        ...v,
+        prefixCls: t("picker"),
+        rows: a,
+        onSelectDate: g,
+        isSameTime: (r, e) => r.isSame(e, "year"),
+        onMouseEnterCell: f,
+        onMouseLeaveCell: C,
+        dateRender: d,
+        disabledDate: u,
+        CALENDAR_LOCALE: w,
+        mode: "year",
+        format: D
+      }
+    );
+  }
+  const $ = { onSuperPrev: L, onSuperNext: A };
+  return /* @__PURE__ */ I("div", { className: h, style: p, children: [
+    /* @__PURE__ */ m(
+      H,
+      {
+        prefixCls: t("picker"),
+        icons: N,
+        title: `${a[0][1].name} - ${a[3][2].name}`,
+        rtl: k,
+        ...$
+      }
+    ),
+    T()
+  ] });
+}
+export {
+  me as default
+};

package/date-picker/util.js

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

package/draggable/Item.js

@@ -0,0 +1,66 @@
+import { jsx as T } from "react/jsx-runtime";
+import { useRef as P, useState as m, useEffect as $ } from "react";
+import S from "@unicom-cloud/utils/class-name";
+function N(h) {
+  const {
+    prefixCls: e,
+    style: v,
+    children: b,
+    direction: w,
+    disabled: x,
+    droppable: i = !0,
+    onDrop: s,
+    onDragStart: g,
+    onDragEnd: l,
+    onDragOver: f,
+    onDragLeave: p
+  } = h, D = P(null), u = P(null), [a, o] = m("none"), [O, n] = m(!1), [d, c] = m(null);
+  return $(() => () => {
+    u.current && clearTimeout(u.current);
+  }, []), $(() => {
+    a === "dragged" && (u.current = setTimeout(() => o("none"), 1e3));
+  }, [a]), /* @__PURE__ */ T(
+    "li",
+    {
+      draggable: !0,
+      ref: D,
+      style: v,
+      className: S(`${e}-item`, {
+        [`${e}-item-${a}`]: a !== "none",
+        [`${e}-item-gap-${d}`]: d,
+        [`${e}-item-disabled`]: x,
+        [`${e}-item-dragover`]: O
+      }),
+      onDragStart: (t) => {
+        t.stopPropagation(), o("dragging");
+        try {
+          t.dataTransfer.setData("text/plain", "");
+        } catch {
+        }
+        g == null || g(t);
+      },
+      onDragEnd: (t) => {
+        t.stopPropagation(), n(!1), o("dragged"), l == null || l(t);
+      },
+      onDragOver: (t) => {
+        if (i) {
+          t.stopPropagation(), t.preventDefault();
+          const r = D.current.getBoundingClientRect();
+          c(
+            w === "vertical" ? t.pageY > window.pageYOffset + r.top + r.height / 2 ? "bottom" : "top" : t.pageX > window.pageXOffset + r.left + r.width / 2 ? "right" : "left"
+          ), n(!0), f == null || f(t);
+        }
+      },
+      onDragLeave: (t) => {
+        i && (t.stopPropagation(), n(!1), p == null || p(t));
+      },
+      onDrop: (t) => {
+        i && (t.stopPropagation(), t.preventDefault(), n(!1), c(null), o("none"), s == null || s(t, d));
+      },
+      children: b
+    }
+  );
+}
+export {
+  N as default
+};