@unicom-cloud/ui 0.8.46 → 0.8.48

package/Descriptions.js

@@ -1,22 +1,19 @@
-import { jsxs as c, jsx as a } from "react/jsx-runtime";
-/* empty css                 */
-/* empty css                              */
+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 { useContext as q, useState as B, useRef as G, useEffect as J, Fragment as S } from "react";
-import "./config-provider/ConfigProvider.js";
-import K from "./hooks/useMergeProps.js";
-import Q from "@unicom-cloud/utils/class-name";
+import { a as K } from "./chunk/z7sBNzI4.js";
+import Q from "./hooks/useMergeProps.js";
+import U from "@unicom-cloud/utils/class-name";
 import x, { responsiveArray as P } from "./utils/responsiveObserve.js";
-import { ConfigContext as U } from "./config-provider/context.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(U), I = K(
+  const { getPrefixCls: h, componentConfig: p, rtl: C } = q(K), I = Q(
     f,
     W,
     p == null ? void 0 : p.Descriptions
@@ -50,20 +47,20 @@ function X(f) {
   const o = [];
   if (z(b) && b.length > 0 && l) {
     b.forEach((e) => {
-      const i = o[o.length - 1], r = k(i);
-      r === 0 ? o.push([
+      const i = o[o.length - 1], a = k(i);
+      a === 0 ? o.push([
         {
           ...e,
           span: e.span ? e.span > l ? l : e.span : 1
         }
-      ]) : r === l ? o.push([
+      ]) : a === l ? o.push([
         {
           ...e,
           span: e.span ? e.span > l ? l : e.span : 1
         }
       ]) : i.push({
         ...e,
-        span: e.span ? e.span + r > l ? l - r : e.span : 1
+        span: e.span ? e.span + a > l ? l - a : e.span : 1
       });
     });
     const n = o[o.length - 1], t = k(n);
@@ -71,13 +68,13 @@ function X(f) {
   }
   function E(n, t) {
     return /* @__PURE__ */ c(S, { children: [
-      /* @__PURE__ */ a("tr", { className: `${s}-row`, children: n.map((e, i) => {
-        const r = e.span > 1 ? { colSpan: e.span } : {};
+      /* @__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`,
-            ...r,
+            ...a,
             style: y,
             children: [
               e.label,
@@ -87,13 +84,13 @@ function X(f) {
           `${e.key || i}_label`
         );
       }) }),
-      /* @__PURE__ */ a("tr", { className: `${s}-row`, children: n.map((e, i) => {
-        const r = e.span > 1 ? { colSpan: e.span } : {};
-        return /* @__PURE__ */ a(
+      /* @__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`,
-            ...r,
+            ...a,
             style: $,
             children: e.value
           },
@@ -103,18 +100,18 @@ function X(f) {
     ] }, t);
   }
   function F(n, t) {
-    return /* @__PURE__ */ a("tr", { className: `${s}-row`, children: n.map((e, i) => {
-      const r = e.span > 1 ? { colSpan: e.span * 2 - 1 } : {};
+    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__ */ a(
+        /* @__PURE__ */ r(
           "td",
           {
             className: `${s}-item-value`,
-            ...r,
+            ...a,
             style: $,
             children: e.value
           }
@@ -123,12 +120,12 @@ function X(f) {
     }) }, t);
   }
   function H(n, t) {
-    return /* @__PURE__ */ a("tr", { className: `${s}-row`, children: n.map((e, i) => {
-      const r = e.span > 1 ? { colSpan: e.span } : {};
+    return /* @__PURE__ */ r("tr", { className: `${s}-row`, children: n.map((e, i) => {
+      const a = e.span > 1 ? { colSpan: e.span } : {};
       return /* @__PURE__ */ c(
         "td",
         {
-          ...r,
+          ...a,
           className: `${s}-item`,
           children: [
             /* @__PURE__ */ c(
@@ -142,7 +139,7 @@ function X(f) {
                 ]
               }
             ),
-            /* @__PURE__ */ a(
+            /* @__PURE__ */ r(
               "div",
               {
                 className: `${s}-item-value-inline`,
@@ -159,7 +156,7 @@ function X(f) {
   function M(n, t) {
     return u === "inline-vertical" || u === "inline-horizontal" ? H(n, t) : u === "vertical" ? E(n, t) : F(n, t);
   }
-  const R = Q(
+  const R = U(
     s,
     {
       [`${s}-border`]: L,
@@ -171,8 +168,8 @@ function X(f) {
     D
   );
   return /* @__PURE__ */ c("div", { className: R, style: w, children: [
-    d && /* @__PURE__ */ a("div", { className: `${s}-title`, children: d }),
-    /* @__PURE__ */ a("div", { className: `${s}-body`, children: /* @__PURE__ */ a("table", { className: `${s}-table`, cellPadding: 0, cellSpacing: 0, children: /* @__PURE__ */ a("tbody", { children: o.map((n, t) => M(n, t)) }) }) })
+    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";

package/Divider.js

@@ -1,28 +1,25 @@
 import { jsx as i } from "react/jsx-runtime";
-/* empty css                 */
-/* empty css                         */
 import { forwardRef as x, useContext as $ } from "react";
-import "./config-provider/ConfigProvider.js";
-import u from "./hooks/useMergeProps.js";
-import N from "@unicom-cloud/utils/class-name";
-import { ConfigContext as h } from "./config-provider/context.js";
+import { a as u } from "./chunk/z7sBNzI4.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: m, componentConfig: r } = $(h), l = u(
+  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 } = l, t = m("divider"), f = N(
+  ), { children: e, style: c, className: p, 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
+    p
   );
   return /* @__PURE__ */ i(
     "div",
@@ -30,7 +27,7 @@ function C(a, n) {
       role: "separator",
       ref: n,
       className: f,
-      style: p,
+      style: c,
       ...d,
       children: e && s === "horizontal" ? /* @__PURE__ */ i("span", { className: `${t}-text ${t}-text-${o}`, children: e }) : null
     }

package/Draggable.js

@@ -1,35 +1,91 @@
-import { jsx as l } from "react/jsx-runtime";
-/* empty css                 */
-/* empty css                           */
-import x, { useContext as I, useState as C } from "react";
-import "./config-provider/ConfigProvider.js";
-import D from "@unicom-cloud/utils/class-name";
-import N from "./draggable/Item.js";
-import { ConfigContext as h } from "./config-provider/context.js";
-function $(s) {
-  const { getPrefixCls: i } = I(h), r = i("draggable"), {
-    className: c,
-    children: p,
-    direction: f = "vertical",
-    onIndexChange: t,
-    itemWrapperStyle: d
-  } = s, [g, o] = C(null);
-  return /* @__PURE__ */ l("div", { className: D(r, c), children: x.Children.map(p, (u, e) => /* @__PURE__ */ l(
-    N,
+import { jsx as C } from "react/jsx-runtime";
+import S, { useRef as I, useState as u, useEffect as P, useContext as y } from "react";
+import { a as O } from "./chunk/z7sBNzI4.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",
     {
-      style: d,
-      prefixCls: r,
-      direction: f,
-      onDragStart: () => o(e),
-      onDragEnd: () => o(null),
-      onDrop: (v, a) => {
-        const n = g, m = a === "left" || a === "top" ? e : e + 1;
-        n !== m && (t == null || t(m, n));
+      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);
       },
-      children: u
+      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 j(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 {
-  $ as default
+  j as default
 };

package/Drawer.js

@@ -1,7 +1,4 @@
-/* empty css                 */
-/* empty css                        */
-/* empty css                        */
-import p from "./drawer/Drawer.js";
+import { D as r } from "./chunk/DWGwYNvC.js";
 export {
-  p as default
+  r as default
 };

package/Dropdown.js

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

package/Empty.js

@@ -1,30 +1,9 @@
-import { jsx as t, jsxs as E } from "react/jsx-runtime";
-/* empty css                 */
-/* empty css                       */
-import u from "@unicom-cloud/icons/IconUiEmpty";
-import C, { forwardRef as $, useContext as h } from "react";
-import "./config-provider/ConfigProvider.js";
-import v from "./hooks/useMergeProps.js";
-import j from "@unicom-cloud/utils/class-name";
-import { ConfigContext as w } from "./config-provider/context.js";
-function D(a, i) {
-  const {
-    getPrefixCls: c,
-    locale: p,
-    componentConfig: o
-  } = h(w), n = v(
-    a,
-    {},
-    o == null ? void 0 : o.Empty
-  ), { style: l, className: d, description: e, icon: f, imgSrc: m, ...y } = n, s = c("empty"), N = j(s, d), g = p.Empty.noData, x = typeof e == "string" ? e : "empty";
-  return /* @__PURE__ */ t("div", { ref: i, className: N, style: l, ...y, children: /* @__PURE__ */ E("div", { className: `${s}-wrapper`, children: [
-    /* @__PURE__ */ t("div", { className: `${s}-image`, children: m ? /* @__PURE__ */ t("img", { alt: x, src: m }) : f || /* @__PURE__ */ t(u, {}) }),
-    /* @__PURE__ */ t("div", { className: `${s}-description`, children: e || g })
-  ] }) });
-}
-const r = $(D);
-r.displayName = "Empty";
-const q = C.memo(r);
+import "react/jsx-runtime";
+import "@unicom-cloud/icons/IconUiEmpty";
+import "react";
+import { E as e } from "./chunk/z7sBNzI4.js";
+import "./hooks/useMergeProps.js";
+import "@unicom-cloud/utils/class-name";
 export {
-  q as default
+  e as default
 };