@unicom-cloud/ui 0.8.41

package/Descriptions.js

@@ -0,0 +1,179 @@
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import "./chunk/DP2rzg_V.js";
+import z from "lodash/isArray";
+import T from "lodash/isNumber";
+import V from "lodash/isPlainObject";
+import { useContext as q, useState as B, useRef as G, useEffect as J, Fragment as S } from "react";
+import { a as K } from "./chunk/Dc_89PVN.js";
+import Q from "./hooks/useMergeProps.js";
+import U from "@unicom-cloud/utils/class-name";
+import x, { responsiveArray as P } from "./utils/responsiveObserve.js";
+const k = (f) => z(f) ? f.reduce((h, p) => h + (p.span || 1), 0) : 0, W = {
+  layout: "horizontal",
+  column: 3,
+  tableLayout: "auto"
+};
+function X(f) {
+  const { getPrefixCls: h, componentConfig: p, rtl: C } = q(K), I = Q(
+    f,
+    W,
+    p == null ? void 0 : p.Descriptions
+  ), {
+    style: w,
+    className: D,
+    column: m,
+    title: d,
+    data: b,
+    border: L,
+    labelStyle: y,
+    valueStyle: $,
+    colon: N,
+    layout: u,
+    size: v,
+    tableLayout: O
+  } = I, s = h("descriptions"), [j, A] = B(), g = G(null);
+  J(() => (g.current = x.subscribe((n) => {
+    for (let t = 0; t < P.length; t++) {
+      const e = P[t];
+      if (n[e]) {
+        A(e);
+        break;
+      }
+    }
+  }), () => {
+    x.unsubscribe(g.current);
+  }), []);
+  let l = 3;
+  V(m) && (l = m[j] || 3), T(m) && m > 0 && (l = m);
+  const o = [];
+  if (z(b) && b.length > 0 && l) {
+    b.forEach((e) => {
+      const i = o[o.length - 1], a = k(i);
+      a === 0 ? o.push([
+        {
+          ...e,
+          span: e.span ? e.span > l ? l : e.span : 1
+        }
+      ]) : a === l ? o.push([
+        {
+          ...e,
+          span: e.span ? e.span > l ? l : e.span : 1
+        }
+      ]) : i.push({
+        ...e,
+        span: e.span ? e.span + a > l ? l - a : e.span : 1
+      });
+    });
+    const n = o[o.length - 1], t = k(n);
+    t < l && (n[n.length - 1].span = n[n.length - 1].span + l - t);
+  }
+  function E(n, t) {
+    return /* @__PURE__ */ c(S, { children: [
+      /* @__PURE__ */ r("tr", { className: `${s}-row`, children: n.map((e, i) => {
+        const a = e.span > 1 ? { colSpan: e.span } : {};
+        return /* @__PURE__ */ c(
+          "td",
+          {
+            className: `${s}-item-label`,
+            ...a,
+            style: y,
+            children: [
+              e.label,
+              N
+            ]
+          },
+          `${e.key || i}_label`
+        );
+      }) }),
+      /* @__PURE__ */ r("tr", { className: `${s}-row`, children: n.map((e, i) => {
+        const a = e.span > 1 ? { colSpan: e.span } : {};
+        return /* @__PURE__ */ r(
+          "td",
+          {
+            className: `${s}-item-value`,
+            ...a,
+            style: $,
+            children: e.value
+          },
+          `${e.key || i}_value`
+        );
+      }) })
+    ] }, t);
+  }
+  function F(n, t) {
+    return /* @__PURE__ */ r("tr", { className: `${s}-row`, children: n.map((e, i) => {
+      const a = e.span > 1 ? { colSpan: e.span * 2 - 1 } : {};
+      return /* @__PURE__ */ c(S, { children: [
+        /* @__PURE__ */ c("td", { className: `${s}-item-label`, style: y, children: [
+          e.label,
+          N
+        ] }),
+        /* @__PURE__ */ r(
+          "td",
+          {
+            className: `${s}-item-value`,
+            ...a,
+            style: $,
+            children: e.value
+          }
+        )
+      ] }, e.key || i);
+    }) }, t);
+  }
+  function H(n, t) {
+    return /* @__PURE__ */ r("tr", { className: `${s}-row`, children: n.map((e, i) => {
+      const a = e.span > 1 ? { colSpan: e.span } : {};
+      return /* @__PURE__ */ c(
+        "td",
+        {
+          ...a,
+          className: `${s}-item`,
+          children: [
+            /* @__PURE__ */ c(
+              "div",
+              {
+                className: `${s}-item-label-inline`,
+                style: y,
+                children: [
+                  e.label,
+                  N
+                ]
+              }
+            ),
+            /* @__PURE__ */ r(
+              "div",
+              {
+                className: `${s}-item-value-inline`,
+                style: $,
+                children: e.value
+              }
+            )
+          ]
+        },
+        e.key || i
+      );
+    }) }, t);
+  }
+  function M(n, t) {
+    return u === "inline-vertical" || u === "inline-horizontal" ? H(n, t) : u === "vertical" ? E(n, t) : F(n, t);
+  }
+  const R = U(
+    s,
+    {
+      [`${s}-border`]: L,
+      [`${s}-layout-${u}`]: u,
+      [`${s}-size-${v}`]: v,
+      [`${s}-table-layout-fixed`]: O === "fixed",
+      [`${s}-rtl`]: C
+    },
+    D
+  );
+  return /* @__PURE__ */ c("div", { className: R, style: w, children: [
+    d && /* @__PURE__ */ r("div", { className: `${s}-title`, children: d }),
+    /* @__PURE__ */ r("div", { className: `${s}-body`, children: /* @__PURE__ */ r("table", { className: `${s}-table`, cellPadding: 0, cellSpacing: 0, children: /* @__PURE__ */ r("tbody", { children: o.map((n, t) => M(n, t)) }) }) })
+  ] });
+}
+X.displayName = "Descriptions";
+export {
+  X as default
+};

package/Divider.js

@@ -0,0 +1,41 @@
+import { jsx as i } from "react/jsx-runtime";
+import "./chunk/DP2rzg_V.js";
+import { forwardRef as x, useContext as $ } from "react";
+import { a as u } from "./chunk/Dc_89PVN.js";
+import N from "./hooks/useMergeProps.js";
+import h from "@unicom-cloud/utils/class-name";
+const v = {
+  type: "horizontal",
+  orientation: "center"
+};
+function C(a, n) {
+  const { getPrefixCls: l, componentConfig: r } = $(u), m = N(
+    a,
+    v,
+    r == null ? void 0 : r.Divider
+  ), { children: e, style: p, className: c, type: s, orientation: o, ...d } = m, t = l("divider"), f = h(
+    t,
+    `${t}-${s}`,
+    {
+      [`${t}-with-text`]: e,
+      [`${t}-with-text-${o}`]: e && o
+    },
+    c
+  );
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      role: "separator",
+      ref: n,
+      className: f,
+      style: p,
+      ...d,
+      children: e && s === "horizontal" ? /* @__PURE__ */ i("span", { className: `${t}-text ${t}-text-${o}`, children: e }) : null
+    }
+  );
+}
+const y = x(C);
+y.displayName = "Divider";
+export {
+  y as default
+};

package/Draggable.js

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

package/Drawer.js

@@ -0,0 +1,6 @@
+import "./chunk/DP2rzg_V.js";
+import "./chunk/C6Kfwj0f.js";
+import { D as m } from "./chunk/Da4Rq2D4.js";
+export {
+  m as default
+};

package/Dropdown.js

@@ -0,0 +1,186 @@
+import { jsx as i, jsxs as G } from "react/jsx-runtime";
+import "./chunk/DP2rzg_V.js";
+import "./chunk/C6Kfwj0f.js";
+import L, { EventsByTriggerNeed as Q } from "./Trigger.js";
+import _ from "lodash/get";
+import c, { forwardRef as q, useContext as I, useRef as H } from "react";
+import { a as v } from "./chunk/Dc_89PVN.js";
+import A from "./hooks/useMergeProps.js";
+import J from "./hooks/useMergeValue.js";
+import $ from "@unicom-cloud/utils/class-name";
+import K from "./utils/omit.js";
+import S, { pickDataAttributes as T } from "./utils/pick.js";
+import j from "@unicom-cloud/icons/IconUiMore";
+import B from "./Button.js";
+const W = {
+  position: "br",
+  trigger: "hover",
+  type: "default",
+  icon: /* @__PURE__ */ i(j, {}),
+  unmountOnExit: !0
+};
+function X(x, N) {
+  const { componentConfig: f } = I(v), s = A(
+    x,
+    W,
+    f == null ? void 0 : f["Dropdown.Button"]
+  ), {
+    className: D,
+    style: m,
+    children: C,
+    disabled: p,
+    position: l = "br",
+    type: h = "default",
+    size: u,
+    icon: V = /* @__PURE__ */ i(j, {}),
+    onClick: n,
+    buttonProps: w,
+    buttonsRender: a,
+    ...r
+  } = s;
+  let t = /* @__PURE__ */ i(
+    B,
+    {
+      disabled: p,
+      type: h,
+      size: u,
+      onClick: n,
+      ...w,
+      children: C
+    }
+  ), o = /* @__PURE__ */ i(B, { disabled: p, type: h, size: u, icon: V });
+  a && ([t, o] = a([t, o]));
+  const d = p || !o || o.props && o.props.loading;
+  return /* @__PURE__ */ G(
+    B.Group,
+    {
+      className: D,
+      style: m,
+      ref: N,
+      ...T(s),
+      children: [
+        t,
+        /* @__PURE__ */ i(
+          M,
+          {
+            disabled: p,
+            position: l,
+            ...r,
+            triggerProps: {
+              disabled: d,
+              ...r == null ? void 0 : r.triggerProps
+            },
+            children: o
+          }
+        )
+      ]
+    }
+  );
+}
+const U = q(X);
+U.displayName = "DropdownButton";
+const Y = {
+  position: "bl",
+  trigger: "hover",
+  unmountOnExit: !0
+}, Z = {
+  left: 4,
+  right: 4,
+  top: 4,
+  bottom: 4
+};
+function ee(x, N) {
+  const { getPrefixCls: f, componentConfig: s, rtl: D } = I(v), m = A(
+    x,
+    Y,
+    s == null ? void 0 : s.Dropdown
+  ), {
+    trigger: C,
+    droplist: p,
+    children: l,
+    position: h,
+    disabled: u,
+    unmountOnExit: V,
+    triggerProps: n,
+    getPopupContainer: w,
+    onVisibleChange: a,
+    ...r
+  } = m, t = f("dropdown"), o = H(null), [d, z] = J(!1, {
+    defaultValue: m.defaultPopupVisible,
+    value: m.popupVisible
+  }), k = () => c.Children.only(p || /* @__PURE__ */ i("span", {})), E = (e) => {
+    var g;
+    z(e), a == null || a(e), (g = n == null ? void 0 : n.onVisibleChange) == null || g.call(n, e);
+  }, F = (e) => {
+    e !== d && E(e);
+  };
+  return /* @__PURE__ */ i(
+    L,
+    {
+      ref: (e) => o.current = e,
+      classNames: "slideDynamicOrigin",
+      childrenPrefix: t,
+      trigger: C,
+      popup: () => {
+        const e = k();
+        if (_(e, "type.__PQB_MENU__") || _(e, "props.isMenu")) {
+          let g = !0;
+          for (const y of c.Children.toArray(e.props.children))
+            if (y != null) {
+              g = !1;
+              break;
+            }
+          return c.cloneElement(e, {
+            prefixCls: $(`${t}-menu`, {
+              [`${t}-menu-hidden`]: g
+            }),
+            inDropdown: !0,
+            selectable: !1,
+            onClickMenuItem: (...y) => {
+              var O;
+              let P = null;
+              const R = k();
+              R.props.onClickMenuItem && (P = R.props.onClickMenuItem(
+                ...y
+              ));
+              const b = o.current && o.current.getRootElement();
+              (O = b == null ? void 0 : b.focus) == null || O.call(b), P instanceof Promise ? P.finally(
+                () => E(!1)
+              ) : P !== !1 && E(!1);
+            }
+          });
+        }
+        return e;
+      },
+      mouseEnterDelay: 400,
+      mouseLeaveDelay: 400,
+      disabled: u,
+      unmountOnExit: V,
+      position: h,
+      popupVisible: d,
+      popupAlign: Z,
+      getPopupContainer: w,
+      alignPoint: C === "contextMenu",
+      ...S(r, Q),
+      ...T(r),
+      ...K(n, ["onVisibleChange"]),
+      onVisibleChange: F,
+      children: c.isValidElement(l) ? c.cloneElement(l, {
+        ...typeof u == "boolean" ? { disabled: u } : {},
+        className: $(
+          {
+            [`${t}-popup-visible`]: d,
+            [`${[t]}-rtl`]: D
+          },
+          l.props.className
+        )
+      }) : l
+    }
+  );
+}
+const oe = c.forwardRef(ee), M = oe;
+M.displayName = "Dropdown";
+M.Button = U;
+export {
+  M as default
+};

package/Empty.js

@@ -0,0 +1,10 @@
+import "react/jsx-runtime";
+import "./chunk/DP2rzg_V.js";
+import { E as f } from "./chunk/Dc_89PVN.js";
+import "@unicom-cloud/icons/IconUiEmpty";
+import "react";
+import "./hooks/useMergeProps.js";
+import "@unicom-cloud/utils/class-name";
+export {
+  f as default
+};