@unicom-cloud/ui 0.8.67 → 0.8.68

package/descriptions/index.js

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

package/descriptions/interface.js

@@ -0,0 +1 @@
+

package/divider/index.js

@@ -0,0 +1,40 @@
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as x, useContext as u } from "react";
+import { a as $ } from "../chunk/ll867Bf3.js";
+import { u as h } from "../chunk/BFTV6myl.js";
+import { m as v } from "../chunk/JPPo5nY_.js";
+const C = {
+  type: "horizontal",
+  orientation: "center"
+};
+function N(a, n) {
+  const { getPrefixCls: l, componentConfig: r } = u($), m = h(
+    a,
+    C,
+    r == null ? void 0 : r.Divider
+  ), { children: e, style: p, className: c, type: s, orientation: o, ...d } = m, t = l("divider"), f = v(
+    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(N);
+y.displayName = "Divider";
+export {
+  y as default
+};

package/divider/interface.js

@@ -0,0 +1 @@
+

package/draggable/Item.js

@@ -0,0 +1,67 @@
+import { jsx as T } from "react/jsx-runtime";
+import { useRef as P, useState as m, useEffect as $ } from "react";
+import { m as S } from "../chunk/JPPo5nY_.js";
+function R(h) {
+  const {
+    prefixCls: r,
+    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(`${r}-item`, {
+        [`${r}-item-${a}`]: a !== "none",
+        [`${r}-item-gap-${d}`]: d,
+        [`${r}-item-disabled`]: x,
+        [`${r}-item-dragover`]: O
+      }),
+      onDragStart: (t) => {
+        t.stopPropagation(), o("dragging");
+        try {
+          t.dataTransfer.setData("text/plain", "");
+        } catch (e) {
+          console.error(e);
+        }
+        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 e = D.current.getBoundingClientRect();
+          c(
+            w === "vertical" ? t.pageY > window.pageYOffset + e.top + e.height / 2 ? "bottom" : "top" : t.pageX > window.pageXOffset + e.left + e.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 {
+  R as default
+};

package/draggable/index.js

@@ -0,0 +1,32 @@
+import { jsx as m } from "react/jsx-runtime";
+import x, { useContext as I, useState as C } from "react";
+import { a as D } from "../chunk/ll867Bf3.js";
+import { m as h } from "../chunk/JPPo5nY_.js";
+import v from "./Item.js";
+function R(s) {
+  const { getPrefixCls: c } = I(D), r = c("draggable"), {
+    className: i,
+    children: f,
+    direction: p = "vertical",
+    onIndexChange: t,
+    itemWrapperStyle: d
+  } = s, [g, n] = C(null);
+  return /* @__PURE__ */ m("div", { className: h(r, i), children: x.Children.map(f, (u, e) => /* @__PURE__ */ m(
+    v,
+    {
+      style: d,
+      prefixCls: r,
+      direction: p,
+      onDragStart: () => n(e),
+      onDragEnd: () => n(null),
+      onDrop: (S, o) => {
+        const a = g, l = o === "left" || o === "top" ? e : e + 1;
+        a !== l && (t == null || t(l, a));
+      },
+      children: u
+    }
+  )) });
+}
+export {
+  R as default
+};

package/draggable/interface.js

@@ -0,0 +1 @@
+

package/{chunk/CP0odX99.js → drawer/Drawer.js}

@@ -1,19 +1,19 @@
-import { jsxs as g, Fragment as ue, jsx as n } from "react/jsx-runtime";
+import { jsxs as b, Fragment as ue, jsx as n } from "react/jsx-runtime";
 import pe from "@unicom-cloud/icons/IconUiClose";
 import fe from "lodash/isFunction";
-import he, { useContext as xe, useRef as T, useState as d, useCallback as Ce, useMemo as ye, useImperativeHandle as ke, useEffect as z } from "react";
-import F from "../Button.js";
-import { a as Ne, I as ge, b as B } from "./BJQ5UNa-.js";
-import { c as be } from "./B5gK1Idp.js";
-import { y as Ie } from "./BfbXSG70.js";
-import we from "../Portal.js";
-import { N as j } from "./DC1iHEiy.js";
-import { m as b } from "./JPPo5nY_.js";
-import { isServerRendering as $e, contains as ve } from "../utils/dom.js";
-import { o as Pe } from "./BrOW642m.js";
-import { c as Ee } from "./BdUcgWdu.js";
-import { g as Re } from "./BUdtVdnv.js";
-const De = {
+import he, { useContext as Ce, useRef as T, useState as d, useCallback as xe, useMemo as ye, useImperativeHandle as ke, useEffect as z } from "react";
+import F from "../button/index.js";
+import { a as Ne, I as be, b as B } from "../chunk/ll867Bf3.js";
+import { u as ge } from "../chunk/BFTV6myl.js";
+import { u as we } from "../chunk/CbLaCJmG.js";
+import Ie from "../portal/index.js";
+import { P as j } from "../chunk/DzVH9IBy.js";
+import { m as g } from "../chunk/JPPo5nY_.js";
+import { isServerRendering as ve, contains as Pe } from "../utils/dom.js";
+import { o as $e } from "../chunk/BrOW642m.js";
+import { o as Ee } from "../chunk/BKKEev13.js";
+import { f as Re } from "../chunk/C48SmsN-.js";
+const Se = {
   placement: "right",
   width: 250,
   height: 250,
@@ -24,45 +24,45 @@ const De = {
   mountOnEnter: !0,
   getPopupContainer: () => document.body
 };
-function Se(Z, H) {
-  const m = xe(Ne), { locale: I, getPrefixCls: L, componentConfig: u, rtl: W } = m, o = be(
-    Z,
-    De,
+function Oe(H, M) {
+  const m = Ce(Ne), { locale: w, getPrefixCls: Z, componentConfig: u, rtl: L } = m, o = ge(
+    H,
+    Se,
     u == null ? void 0 : u.Drawer
   ), {
-    style: G,
-    className: K,
-    children: M,
-    wrapClassName: U,
-    maskStyle: q,
-    headerStyle: A,
-    bodyStyle: J,
+    style: W,
+    className: q,
+    children: G,
+    wrapClassName: K,
+    maskStyle: U,
+    headerStyle: _,
+    bodyStyle: A,
     title: p,
     footer: l,
-    okText: Q,
-    cancelText: V,
-    width: X,
-    height: Y,
+    okText: J,
+    cancelText: Q,
+    width: V,
+    height: X,
     placement: c,
     mask: f,
     visible: r,
-    closable: _,
+    closable: Y,
     maskClosable: ee,
     confirmLoading: ne,
     mountOnEnter: h,
-    unmountOnExit: w,
-    afterOpen: x,
-    afterClose: C,
+    unmountOnExit: I,
+    afterOpen: C,
+    afterClose: x,
     getPopupContainer: a,
     escToExit: te,
-    getChildrenPopupContainer: $,
+    getChildrenPopupContainer: v,
     okButtonProps: oe,
     cancelButtonProps: re,
-    zIndex: v,
-    closeIcon: P,
+    zIndex: P,
+    closeIcon: $,
     ...ie
-  } = o, s = T(null), E = T(null), [se, le] = d(!1), [y, ae] = d(), t = L("drawer"), [R, k] = d(!1), [Te, D] = d(!1), S = /* @__PURE__ */ g(ue, { children: [
-    /* @__PURE__ */ n(F, { onClick: o.onCancel, ...re, children: V || I.Drawer.cancelText }),
+  } = o, s = T(null), E = T(null), [se, le] = d(!1), [y, ae] = d(), t = Z("drawer"), [R, k] = d(!1), [Te, S] = d(!1), O = /* @__PURE__ */ b(ue, { children: [
+    /* @__PURE__ */ n(F, { onClick: o.onCancel, ...re, children: Q || w.Drawer.cancelText }),
     /* @__PURE__ */ n(
       F,
       {
@@ -70,22 +70,22 @@ function Se(Z, H) {
         loading: ne,
         onClick: o.onOk,
         ...oe,
-        children: Q || I.Drawer.okText
+        children: J || w.Drawer.okText
       }
     )
-  ] }), N = Ce(() => {
+  ] }), N = xe(() => {
     const e = a == null ? void 0 : a();
     return Re(e) || document.body;
-  }, [a]), ce = ye(() => !$e && N() === document.body, [
+  }, [a]), ce = ye(() => !ve && N() === document.body, [
     se,
     N()
     // 潘启宝修改于2024年11月 4日 星期一 21时22分11秒 CST
   ]);
-  Ie(N, { hidden: (r || R) && f }), ke(H, () => s.current), z(() => {
+  we(N, { hidden: (r || R) && f }), ke(M, () => s.current), z(() => {
     r && o.getPopupContainer && le(!0);
   }, []), z(() => {
     var e, i;
-    r && ve(document.body, s.current) && ((i = (e = s.current) == null ? void 0 : e.focus) == null || i.call(e));
+    r && Pe(document.body, s.current) && ((i = (e = s.current) == null ? void 0 : e.focus) == null || i.call(e));
   }, [r]);
   const de = () => {
     var e;
@@ -93,10 +93,10 @@ function Se(Z, H) {
       const i = +((e = window.getComputedStyle(s.current, null)) == null ? void 0 : e.zIndex);
       isNaN(i) || ae(i + 1);
     }
-  }, me = /* @__PURE__ */ g("div", { className: `${t}-scroll`, tabIndex: -1, children: [
-    p !== null && /* @__PURE__ */ n("div", { className: `${t}-header`, style: A, children: /* @__PURE__ */ n("div", { className: `${t}-header-title`, children: p }) }),
-    _ && (P !== void 0 ? /* @__PURE__ */ n("span", { onClick: o.onCancel, className: `${t}-close-icon`, children: P }) : /* @__PURE__ */ n(
-      ge,
+  }, me = /* @__PURE__ */ b("div", { className: `${t}-scroll`, tabIndex: -1, children: [
+    p !== null && /* @__PURE__ */ n("div", { className: `${t}-header`, style: _, children: /* @__PURE__ */ n("div", { className: `${t}-header-title`, children: p }) }),
+    Y && ($ !== void 0 ? /* @__PURE__ */ n("span", { onClick: o.onCancel, className: `${t}-close-icon`, children: $ }) : /* @__PURE__ */ n(
+      be,
       {
         onClick: o.onCancel,
         className: `${t}-close-icon`,
@@ -109,8 +109,8 @@ function Se(Z, H) {
         ref: (e) => {
           E.current = e, de();
         },
-        style: J,
-        className: b(`${t}-content`, {
+        style: A,
+        className: g(`${t}-content`, {
           [`${t}-content-nofooter`]: l === null,
           [`${t}-content-noheader`]: p === null
         }),
@@ -119,38 +119,38 @@ function Se(Z, H) {
           {
             ...m,
             zIndex: y || 1050,
-            getPopupContainer: (e) => typeof $ == "function" ? $(e) : E.current,
-            children: M
+            getPopupContainer: (e) => typeof v == "function" ? v(e) : E.current,
+            children: G
           }
         )
       }
     ),
-    l !== null && /* @__PURE__ */ n("div", { className: `${t}-footer`, children: fe(l) ? l(S) : l || S })
+    l !== null && /* @__PURE__ */ n("div", { className: `${t}-footer`, children: fe(l) ? l(O) : l || O })
   ] });
   return /* @__PURE__ */ n(
-    we,
+    Ie,
     {
       forceRender: !h,
       visible: r,
       getContainer: a,
-      children: /* @__PURE__ */ g(
+      children: /* @__PURE__ */ b(
         "div",
         {
           ...Ee(ie, ["onCancel", "onOk"]),
           ref: s,
           onKeyDown: (e) => {
-            var O;
-            e.key === Pe.key && te && r && ((O = o.onCancel) == null || O.call(o, e));
+            var D;
+            e.key === $e.key && te && r && ((D = o.onCancel) == null || D.call(o, e));
           },
-          className: b(
+          className: g(
             `${t}-wrapper`,
             {
               [`${t}-no-mask`]: !f,
               [`${t}-wrapper-hide`]: !r
             },
-            U
+            K
           ),
-          style: ce ? { position: "fixed", zIndex: v } : { zIndex: v || "inherit", position: "absolute" },
+          style: ce ? { position: "fixed", zIndex: P } : { zIndex: P || "inherit", position: "absolute" },
           children: [
             f ? /* @__PURE__ */ n(
               j,
@@ -160,12 +160,12 @@ function Se(Z, H) {
                 timeout: 300,
                 classNames: "fadeInStandard",
                 mountOnEnter: h,
-                unmountOnExit: w,
+                unmountOnExit: I,
                 children: /* @__PURE__ */ n(
                   "div",
                   {
                     className: `${t}-mask`,
-                    style: q,
+                    style: U,
                     onClick: (e) => {
                       var i;
                       !R && ee && ((i = o.onCancel) == null || i.call(o, e));
@@ -187,27 +187,27 @@ function Se(Z, H) {
                   right: "slideRight"
                 }[c],
                 mountOnEnter: h,
-                unmountOnExit: w,
+                unmountOnExit: I,
                 onEnter: (e) => {
                   e && (e.parentNode.style.display = "block", k(!1));
                 },
                 onEntered: () => {
-                  D(!0), x == null || x();
+                  S(!0), C == null || C();
                 },
                 onExit: () => {
-                  D(!1), k(!0);
+                  S(!1), k(!0);
                 },
                 onExited: (e) => {
-                  e && (k(!1), e.parentNode.style.display = "", C == null || C());
+                  e && (k(!1), e.parentNode.style.display = "", x == null || x());
                 },
                 children: /* @__PURE__ */ n(
                   "div",
                   {
-                    className: b(t, K, { [`${t}-rtl`]: W }),
+                    className: g(t, q, { [`${t}-rtl`]: L }),
                     style: Object.assign(
-                      c === "left" || c === "right" ? { width: X } : { height: Y },
+                      c === "left" || c === "right" ? { width: V } : { height: X },
                       { [c]: 0 },
-                      G
+                      W
                     ),
                     children: /* @__PURE__ */ n("div", { className: `${t}-inner`, children: /* @__PURE__ */ n(B, { ...m, zIndex: y || 1050, children: me }) })
                   }
@@ -220,8 +220,8 @@ function Se(Z, H) {
     }
   );
 }
-const Oe = he.forwardRef(Se);
-Oe.displayName = "Drawer";
+const De = he.forwardRef(Oe);
+De.displayName = "Drawer";
 export {
-  Oe as D
+  De as default
 };

package/drawer/index.js

@@ -0,0 +1,4 @@
+import r from "./Drawer.js";
+export {
+  r as default
+};

package/drawer/interface.js

@@ -0,0 +1 @@
+

package/dropdown/Button.js

@@ -0,0 +1,11 @@
+import "react/jsx-runtime";
+import "@unicom-cloud/icons/IconUiMore";
+import "react";
+import { DropdownButton as f } from "./index.js";
+import "../button/index.js";
+import "../chunk/ll867Bf3.js";
+import "../chunk/BFTV6myl.js";
+import "../chunk/ClqoGc3r.js";
+export {
+  f as default
+};