@unicom-cloud/ui 0.8.67 → 0.8.68

package/breadcrumb/index.js

@@ -0,0 +1,81 @@
+import { jsx as t } from "react/jsx-runtime";
+import O from "@unicom-cloud/icons/IconUiObliqueLine";
+import c, { forwardRef as S, useContext as _ } from "react";
+import { a as k } from "../chunk/ll867Bf3.js";
+import { u as q } from "../chunk/BFTV6myl.js";
+import { M as C } from "../chunk/C98ks5S8.js";
+import { m as v } from "../chunk/JPPo5nY_.js";
+import { a as F } from "../chunk/D-TPB2Do.js";
+import { o as K } from "../chunk/BKKEev13.js";
+import N from "./Item.js";
+const L = (m, l, i) => l.indexOf(m) === l.length - 1 ? /* @__PURE__ */ t("span", { children: m.breadcrumbName }) : /* @__PURE__ */ t("a", { href: `#/${i.join("/").replace(/^\//, "")}`, children: m.breadcrumbName }), U = {
+  separator: /* @__PURE__ */ t(O, {})
+};
+function V(m, l) {
+  const { getPrefixCls: i, componentConfig: p, rtl: y } = _(k), d = q(
+    m,
+    U,
+    p == null ? void 0 : p.Breadcrumb
+  ), { className: B, children: I, style: R, routes: n, maxCount: h, separator: x, ...E } = d, s = i("breadcrumb"), f = "itemRender" in d ? d.itemRender : L, $ = /* @__PURE__ */ t(
+    "span",
+    {
+      "aria-label": "ellipses of breadcrumb items",
+      className: `${s}-item-ellipses`,
+      children: "..."
+    }
+  ), M = /* @__PURE__ */ t("span", { "aria-hidden": !0, className: `${s}-item-separator`, children: x }), b = (r, o, e) => {
+    const a = c.cloneElement(M, {
+      key: `${e}_separator`
+    });
+    return o > 0 ? e === 0 ? [r, a, $] : e > o ? [a, r] : null : e === 0 ? [r] : [a, r];
+  }, P = () => {
+    const r = [], o = n.length - h;
+    return n.map((e, a) => {
+      r.push((e.path || "").replace(/^\//, ""));
+      const w = e.children ? /* @__PURE__ */ t(C, { children: e.children.map((u) => /* @__PURE__ */ t(C.Item, { children: f(u, n, r) }, u.path || u.breadcrumbName)) }) : null;
+      return b(
+        /* @__PURE__ */ t(
+          N,
+          {
+            prefixCls: s,
+            droplist: w,
+            children: f(e, n, r)
+          },
+          e.path || e.breadcrumbName
+        ),
+        o,
+        a
+      );
+    });
+  }, j = () => {
+    const r = [];
+    c.Children.forEach(I, (e) => {
+      F(e) || r.push(e);
+    });
+    const o = r.length - h;
+    return c.Children.map(r, (e, a) => b(
+      c.cloneElement(e, {
+        prefixCls: s
+      }),
+      o,
+      a
+    ));
+  };
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      role: "list",
+      ref: l,
+      style: R,
+      className: v(s, { [`${s}-rtl`]: y }, B),
+      ...K(E, ["itemRender"]),
+      children: n && n.length ? P() : j()
+    }
+  );
+}
+const W = S(V), g = W;
+g.displayName = "Breadcrumb";
+g.Item = N;
+export {
+  g as default
+};

package/breadcrumb/interface.js

@@ -0,0 +1 @@
+

package/button/Group.js

@@ -0,0 +1,13 @@
+import { jsx as c } from "react/jsx-runtime";
+import f, { useContext as i } from "react";
+import { a as l } from "../chunk/ll867Bf3.js";
+import { m as u } from "../chunk/JPPo5nY_.js";
+function x(o, t) {
+  const { className: r, style: s, children: e, ...n } = o, { getPrefixCls: a } = i(l), m = a("btn-group"), p = u(m, r);
+  return /* @__PURE__ */ c("div", { ref: t, className: p, style: s, ...n, children: e });
+}
+const C = f.forwardRef(x);
+C.displayName = "ButtonGroup";
+export {
+  C as default
+};

package/button/index.js

@@ -0,0 +1,146 @@
+import { jsx as l, jsxs as A, Fragment as M } from "react/jsx-runtime";
+import Q from "@unicom-cloud/icons/IconUiLoading";
+import _, { forwardRef as W, useContext as Y, useState as H, useRef as J, useEffect as K } from "react";
+import { a as V } from "../chunk/ll867Bf3.js";
+import { u as X } from "../chunk/BFTV6myl.js";
+import { m as Z } from "../chunk/JPPo5nY_.js";
+import v from "./Group.js";
+const tt = /^[\u4e00-\u9fa5]{2}$/;
+function et(u) {
+  const o = [];
+  let a = !1;
+  return _.Children.forEach(u, (n) => {
+    const i = typeof n == "string" || typeof n == "number";
+    if (i && a) {
+      const s = o.length - 1, f = o[s];
+      o[s] = `${f}${n}`;
+    } else
+      o.push(n);
+    a = i;
+  }), _.Children.map(
+    o,
+    (n) => typeof n == "string" ? /* @__PURE__ */ l("span", { children: n }) : n
+  );
+}
+const nt = {
+  htmlType: "button",
+  type: "default",
+  shape: "square"
+};
+function ot(u, o) {
+  const {
+    getPrefixCls: a,
+    size: n,
+    autoInsertSpaceInButton: i,
+    componentConfig: s,
+    rtl: f
+  } = Y(V), I = X(
+    u,
+    nt,
+    s == null ? void 0 : s.Button
+  ), {
+    style: $,
+    className: S,
+    children: p,
+    htmlType: U,
+    type: g,
+    status: T,
+    size: z,
+    shape: O,
+    href: d,
+    anchorProps: k,
+    disabled: c,
+    loading: h,
+    loadingFixedWidth: E,
+    icon: F,
+    iconOnly: G,
+    iconSuffix: j,
+    iconRight: D,
+    onClick: m,
+    long: L,
+    ...B
+  } = I, N = h ? /* @__PURE__ */ l(Q, {}) : F, [C, P] = H(!1), q = J(), r = o || q;
+  K(() => {
+    if (i && r && r.current) {
+      const e = r.current.textContent;
+      tt.test(e) ? C || P(!0) : C && P(!1);
+    }
+  }, [r.current, i]);
+  const t = a("btn"), x = g === "default" ? "secondary" : g, w = Z(
+    t,
+    x === "text-only" && `${t}-text`,
+    `${t}-${x}`,
+    x !== "text-only" && `${t}-size-${z || n}`,
+    `${t}-shape-${O}`,
+    {
+      [`${t}-long`]: L,
+      [`${t}-status-${T}`]: T,
+      [`${t}-loading-fixed-width`]: E,
+      [`${t}-loading`]: h,
+      [`${t}-link`]: d,
+      [`${t}-icon-only`]: G || !p && p !== 0 && N,
+      [`${t}-disabled`]: c,
+      [`${t}-two-chinese-chars`]: C,
+      [`${t}-rtl`]: f
+    },
+    S
+  ), b = (e) => {
+    if (h || c) {
+      typeof (e == null ? void 0 : e.preventDefault) == "function" && e.preventDefault();
+      return;
+    }
+    m == null || m(e);
+  }, R = /* @__PURE__ */ A(M, { children: [
+    N,
+    et(p),
+    D,
+    j
+  ] });
+  if (d) {
+    const e = { ...k };
+    return c ? delete e.href : e.href = d, /* @__PURE__ */ l(
+      "a",
+      {
+        ref: r,
+        ...B,
+        ...e,
+        style: $,
+        className: w,
+        onClick: b,
+        children: R
+      }
+    );
+  }
+  return /* @__PURE__ */ l(
+    "button",
+    {
+      ref: r,
+      ...B,
+      style: $,
+      className: w,
+      type: U,
+      disabled: c,
+      onClick: b,
+      children: R
+    }
+  );
+}
+const st = W(ot), y = st;
+y.__PQB_BUTTON = !0;
+y.Group = v;
+y.displayName = "Button";
+const pt = [
+  "default",
+  "primary",
+  "secondary",
+  "dashed",
+  "text",
+  "text-only",
+  "outline"
+], dt = ["warning", "danger", "success", "processing", "default"];
+export {
+  dt as BUTTON_STATUS,
+  pt as BUTTON_TYPE,
+  v as ButtonGroup,
+  y as default
+};

package/button/interface.js

@@ -0,0 +1 @@
+

package/calendar/Month.js

@@ -0,0 +1,12 @@
+import "react/jsx-runtime";
+import "react";
+import "../chunk/JPPo5nY_.js";
+import "../utils/constant.js";
+import "../chunk/tamGhTJp.js";
+import "../utils/pad.js";
+import "./WeekList.js";
+import { M as s, g as f } from "../chunk/BJ1soa2K.js";
+export {
+  s as default,
+  f as getAllDaysByTime
+};

package/calendar/WeekList.js

@@ -0,0 +1,24 @@
+import { jsx as t } from "react/jsx-runtime";
+function y(i) {
+  const {
+    prefixCls: s,
+    dayStartOfWeek: n,
+    isWeek: d,
+    CALENDAR_LOCALE: r,
+    panel: l,
+    innerMode: o
+  } = i, e = [
+    "monday",
+    "tuesday",
+    "wednesday",
+    "thursday",
+    "friday",
+    "saturday"
+  ];
+  n === 0 ? e.unshift("sunday") : e.push("sunday"), d && e.unshift("self");
+  const f = r.week[l || o === "year" ? "short" : "long"];
+  return /* @__PURE__ */ t("div", { className: `${s}-week-list`, children: e.map((a) => /* @__PURE__ */ t("div", { className: `${s}-week-list-item`, children: f[a] }, a)) });
+}
+export {
+  y as default
+};

package/calendar/Year.js

@@ -0,0 +1,74 @@
+import { jsx as r, jsxs as C } from "react/jsx-runtime";
+import M from "react";
+import { d as S } from "../chunk/tamGhTJp.js";
+import { padStart as w } from "../utils/pad.js";
+import { u as x, M as D } from "../chunk/BJ1soa2K.js";
+const v = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December"
+].map((e, a) => ({
+  name: e,
+  value: a
+})), p = Array(3);
+for (let e = 0; e < 3; e++)
+  p[e] = v.slice(e * 4, 4 * (e + 1));
+const f = Array(4);
+for (let e = 0; e < 4; e++)
+  f[e] = v.slice(e * 3, 3 * (e + 1));
+function P(e) {
+  const {
+    prefixCls: a,
+    mergedPageShowDate: y,
+    panel: s,
+    onMouseEnterCell: m,
+    disabledDate: c,
+    monthRender: d,
+    selectHandler: N,
+    innerMode: $,
+    CALENDAR_LOCALE: u
+  } = e, b = x({
+    ...e,
+    isSameTime: (o, i) => o.isSame(i, "month")
+  }), A = y.year(), g = s ? f : p;
+  return /* @__PURE__ */ r("div", { className: `${a}-year`, children: g.map((o, i) => /* @__PURE__ */ r("div", { className: `${a}-year-row`, children: o.map((t) => {
+    const n = S(
+      `${A}-${w(t.value + 1, 2, "0")}-01`
+    ), l = typeof c == "function" && c(n), h = s ? { onClick: () => N(n, l) } : {};
+    return /* @__PURE__ */ r(
+      "div",
+      {
+        className: b({ ...t, time: n }, l),
+        onMouseEnter: () => m == null ? void 0 : m(n, l),
+        children: d ? M.cloneElement(
+          d(n),
+          h
+        ) : s ? /* @__PURE__ */ r("div", { className: `${a}-date`, ...h, children: /* @__PURE__ */ r("div", { className: `${a}-date-value`, children: u.month.short[t.name] }) }) : /* @__PURE__ */ C("div", { className: `${a}-month-with-days`, children: [
+          /* @__PURE__ */ r("div", { className: `${a}-month-title`, children: u.month.long[t.name] }),
+          /* @__PURE__ */ r(
+            D,
+            {
+              ...e,
+              cell: !0,
+              value: t.value,
+              innerMode: $
+            }
+          )
+        ] })
+      },
+      t.value
+    );
+  }) }, i)) });
+}
+export {
+  P as default
+};

package/calendar/index.js

@@ -0,0 +1,320 @@
+import { jsxs as M, jsx as e, Fragment as K } from "react/jsx-runtime";
+import he from "lodash/merge";
+import { useMemo as q, useContext as pe, useState as T } from "react";
+import { a as ue } from "../chunk/ll867Bf3.js";
+import { u as fe } from "../chunk/BFTV6myl.js";
+import { m as J } from "../chunk/JPPo5nY_.js";
+import { a as F, g as A, m as V } from "../chunk/tamGhTJp.js";
+import { a as ge } from "../chunk/ClqoGc3r.js";
+import { g as ve, M as ye } from "../chunk/BJ1soa2K.js";
+import Ce from "./Year.js";
+import Q from "@unicom-cloud/icons/IconUiLeft";
+import X from "@unicom-cloud/icons/IconUiRight";
+import Z from "lodash/isArray";
+import De from "../button/index.js";
+import { u as we } from "../chunk/XTEsYGuF.js";
+import { R as Ne } from "../chunk/CD3AUpzo.js";
+import _ from "../select/Select.js";
+import be from "@unicom-cloud/icons/IconUiDoubleLeft";
+import Me from "@unicom-cloud/icons/IconUiDoubleRight";
+function G(s) {
+  return (s == null ? void 0 : s.parentElement) || null;
+}
+function Se(s) {
+  const {
+    prefixCls: a,
+    changePageShowDate: i,
+    headerValueFormat: g,
+    mergedPageShowDate: v,
+    CALENDAR_LOCALE: l,
+    move: N,
+    innerMode: n,
+    changeMode: y,
+    headerType: c,
+    onChangeYear: C,
+    onChangeMonth: D,
+    modes: u
+  } = s, f = we(), $ = Z(u) ? u.map((o) => ({
+    label: l.view[o],
+    value: o
+  })) : [], E = c === "select", w = v.year(), x = v.month() + 1, O = q(() => {
+    const o = [w];
+    for (let m = 1; m <= 10; m++)
+      o.unshift(w - m);
+    for (let m = 1; m < 10; m++)
+      o.push(w + m);
+    return o;
+  }, [w]), S = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
+  return /* @__PURE__ */ M("div", { className: `${a}-header`, children: [
+    /* @__PURE__ */ M("div", { className: `${a}-header-left`, children: [
+      E ? /* @__PURE__ */ M(K, { children: [
+        /* @__PURE__ */ e(
+          _,
+          {
+            size: "small",
+            className: `${a}-header-value-year`,
+            value: w,
+            options: O,
+            onChange: C,
+            getPopupContainer: G
+          }
+        ),
+        n === "month" && /* @__PURE__ */ e(
+          _,
+          {
+            size: "small",
+            className: `${a}-header-value-month`,
+            value: x,
+            options: S,
+            onChange: D,
+            getPopupContainer: G
+          }
+        )
+      ] }) : /* @__PURE__ */ M(K, { children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: `${a}-header-icon`,
+            role: "button",
+            tabIndex: 0,
+            onClick: () => i("prev", n),
+            ...f({
+              onPressEnter: () => i("prev", n)
+            }),
+            children: /* @__PURE__ */ e(Q, {})
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: `${a}-header-value`, children: v.format(g) }),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            role: "button",
+            tabIndex: 0,
+            className: `${a}-header-icon`,
+            onClick: () => i("next", n),
+            ...f({
+              onPressEnter: () => i("next", n)
+            }),
+            children: /* @__PURE__ */ e(X, {})
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e(De, { size: "small", onClick: () => N(F()), children: l.today })
+    ] }),
+    /* @__PURE__ */ e("div", { className: `${a}-header-right`, children: /* @__PURE__ */ e(
+      Ne.Group,
+      {
+        size: "small",
+        type: "button",
+        options: $,
+        onChange: y,
+        value: n
+      }
+    ) })
+  ] });
+}
+function $e(s) {
+  const {
+    prefixCls: a,
+    changePageShowDate: i,
+    headerValueFormat: g,
+    mergedPageShowDate: v,
+    innerMode: l,
+    panelOperations: N
+  } = s, n = (f) => Z(N) ? N.indexOf(f) > -1 : !0, y = n("double-left"), c = n("left") && l !== "year", C = n("double-right"), D = n("right") && l !== "year", u = (f) => J(`${a}-header-icon`, {
+    [`${a}-header-icon-hidden`]: !f
+  });
+  return /* @__PURE__ */ M("div", { className: `${a}-header`, children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: u(y),
+        onClick: () => y && i("prev", "year"),
+        children: y && /* @__PURE__ */ e(be, {})
+      }
+    ),
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: u(c),
+        onClick: () => c && i("prev", "month"),
+        children: c && /* @__PURE__ */ e(Q, {})
+      }
+    ),
+    /* @__PURE__ */ e("div", { className: `${a}-header-value`, children: v.format(g) }),
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: u(D),
+        onClick: () => D && i("next", "month"),
+        children: D && /* @__PURE__ */ e(X, {})
+      }
+    ),
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: u(C),
+        onClick: () => C && i("next", "year"),
+        children: C && /* @__PURE__ */ e(Me, {})
+      }
+    )
+  ] });
+}
+function xe(s, a) {
+  return s === "month" || s === "year" && !a ? "YYYY-MM-DD" : "YYYY-MM";
+}
+const Ye = {
+  dayStartOfWeek: 0,
+  panelWidth: 265,
+  defaultMode: "month",
+  headerType: "button",
+  modes: ["month", "year"]
+};
+function Pe(s) {
+  const {
+    getPrefixCls: a,
+    locale: i,
+    componentConfig: g,
+    rtl: v
+  } = pe(ue), l = fe(
+    s,
+    Ye,
+    g == null ? void 0 : g.Calendar
+  ), {
+    style: N,
+    className: n,
+    dayStartOfWeek: y,
+    panel: c,
+    locale: C,
+    panelWidth: D,
+    panelTodayBtn: u,
+    defaultPageShowDate: f,
+    value: $,
+    pageShowDate: E,
+    defaultValue: w,
+    mode: x,
+    defaultMode: O,
+    onChange: S,
+    onPanelChange: o,
+    headerRender: m,
+    headerType: ee,
+    modes: oe,
+    panelOperations: ae
+  } = l, b = he(i.Calendar, C), d = a("calendar"), [te, ne] = T(
+    x || O
+  ), r = x || te, Y = xe(r, c), [H, re] = T(
+    A($ || w, Y)
+  ), [se, P] = T(
+    A(f, Y) || H || F()
+  ), h = A(E, Y) || se, R = "value" in l ? A($, Y) : H, z = q(() => ve(l, h), [h.toString(), r, y]);
+  function k(t) {
+    re(t), S == null || S(t), U(t);
+  }
+  function U(t) {
+    P(t), o == null || o(t);
+  }
+  function W(t, p) {
+    p || k(t);
+  }
+  let I = "";
+  r === "month" ? I = b.formatMonth : r === "year" && (I = b.formatYear);
+  function le(t, p) {
+    let L;
+    t === "prev" && (L = V.subtract(h, 1, p)), t === "next" && (L = V.add(h, 1, p)), P(L), o == null || o(L);
+  }
+  function ie(t) {
+    const p = V.set(h, "year", t);
+    P(p), o == null || o(p);
+  }
+  function ce(t) {
+    const p = V.set(h, "month", t - 1);
+    P(p), o == null || o(p);
+  }
+  function j(t) {
+    ne(t);
+  }
+  const de = J(
+    d,
+    r === "month" ? `${d}-mode-month` : `${d}-mode-year`,
+    {
+      [`${d}-panel`]: c && (r === "month" || r === "year"),
+      [`${d}-rtl`]: v
+    },
+    n
+  ), me = c ? { width: D } : {}, B = {
+    prefixCls: d,
+    changePageShowDate: le,
+    headerValueFormat: I,
+    mergedPageShowDate: h,
+    modes: oe,
+    innerMode: r,
+    panelOperations: ae
+  };
+  return /* @__PURE__ */ M(
+    "div",
+    {
+      className: de,
+      style: { ...N, ...me },
+      ...ge(l),
+      children: [
+        typeof m == "function" ? m({
+          value: R,
+          pageShowDate: h,
+          onChangeMode: j,
+          onChange: k,
+          onChangePageDate: U
+        }) : c ? /* @__PURE__ */ e($e, { ...B }) : /* @__PURE__ */ e(
+          Se,
+          {
+            ...B,
+            CALENDAR_LOCALE: b,
+            move: k,
+            innerMode: r,
+            changeMode: j,
+            onChangeYear: ie,
+            onChangeMonth: ce,
+            headerType: ee
+          }
+        ),
+        r === "month" && /* @__PURE__ */ e("div", { className: `${d}-body`, children: /* @__PURE__ */ e(
+          ye,
+          {
+            ...l,
+            prefixCls: d,
+            pageData: z,
+            mergedValue: R,
+            innerMode: r,
+            selectHandler: W,
+            mergedPageShowDate: h,
+            CALENDAR_LOCALE: b
+          }
+        ) }),
+        r === "year" && /* @__PURE__ */ e("div", { className: `${d}-body`, children: /* @__PURE__ */ e(
+          Ce,
+          {
+            ...l,
+            prefixCls: d,
+            pageData: z,
+            mergedPageShowDate: h,
+            innerMode: r,
+            mergedValue: R,
+            selectHandler: W,
+            CALENDAR_LOCALE: b
+          }
+        ) }),
+        u && c && /* @__PURE__ */ e(
+          "div",
+          {
+            className: `${d}-footer-btn-wrapper`,
+            onClick: () => k(F()),
+            children: b.today
+          }
+        )
+      ]
+    }
+  );
+}
+Pe.displayName = "Calendar";
+export {
+  Pe as default
+};

package/calendar/interface.js

@@ -0,0 +1 @@
+