@unicom-cloud/ui 0.8.43 → 0.8.45

package/Descriptions.js

@@ -1,20 +1,22 @@
-import { jsxs as c, jsx as r } from "react/jsx-runtime";
-import "./chunk/C6Kfwj0f.js";
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
+/* empty css                 */
+/* empty css                              */
 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/Dr0iXIXO.js";
-import Q from "./hooks/useMergeProps.js";
-import U from "@unicom-cloud/utils/class-name";
+import "./config-provider/ConfigProvider.js";
+import K from "./hooks/useMergeProps.js";
+import Q 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(K), I = Q(
+  const { getPrefixCls: h, componentConfig: p, rtl: C } = q(U), I = K(
     f,
     W,
     p == null ? void 0 : p.Descriptions
@@ -48,20 +50,20 @@ function X(f) {
   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([
+      const i = o[o.length - 1], r = k(i);
+      r === 0 ? o.push([
         {
           ...e,
           span: e.span ? e.span > l ? l : e.span : 1
         }
-      ]) : a === l ? o.push([
+      ]) : r === 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
+        span: e.span ? e.span + r > l ? l - r : e.span : 1
       });
     });
     const n = o[o.length - 1], t = k(n);
@@ -69,13 +71,13 @@ function X(f) {
   }
   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 } : {};
+      /* @__PURE__ */ a("tr", { className: `${s}-row`, children: n.map((e, i) => {
+        const r = e.span > 1 ? { colSpan: e.span } : {};
         return /* @__PURE__ */ c(
           "td",
           {
             className: `${s}-item-label`,
-            ...a,
+            ...r,
             style: y,
             children: [
               e.label,
@@ -85,13 +87,13 @@ function X(f) {
           `${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(
+      /* @__PURE__ */ a("tr", { className: `${s}-row`, children: n.map((e, i) => {
+        const r = e.span > 1 ? { colSpan: e.span } : {};
+        return /* @__PURE__ */ a(
           "td",
           {
             className: `${s}-item-value`,
-            ...a,
+            ...r,
             style: $,
             children: e.value
           },
@@ -101,18 +103,18 @@ function X(f) {
     ] }, 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__ */ a("tr", { className: `${s}-row`, children: n.map((e, i) => {
+      const r = 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(
+        /* @__PURE__ */ a(
           "td",
           {
             className: `${s}-item-value`,
-            ...a,
+            ...r,
             style: $,
             children: e.value
           }
@@ -121,12 +123,12 @@ function X(f) {
     }) }, 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__ */ a("tr", { className: `${s}-row`, children: n.map((e, i) => {
+      const r = e.span > 1 ? { colSpan: e.span } : {};
       return /* @__PURE__ */ c(
         "td",
         {
-          ...a,
+          ...r,
           className: `${s}-item`,
           children: [
             /* @__PURE__ */ c(
@@ -140,7 +142,7 @@ function X(f) {
                 ]
               }
             ),
-            /* @__PURE__ */ r(
+            /* @__PURE__ */ a(
               "div",
               {
                 className: `${s}-item-value-inline`,
@@ -157,7 +159,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 = U(
+  const R = Q(
     s,
     {
       [`${s}-border`]: L,
@@ -169,8 +171,8 @@ function X(f) {
     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)) }) }) })
+    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)) }) }) })
   ] });
 }
 X.displayName = "Descriptions";

package/Divider.js

@@ -1,19 +1,21 @@
 import { jsx as i } from "react/jsx-runtime";
-import "./chunk/C6Kfwj0f.js";
+/* empty css                 */
+/* empty css                         */
 import { forwardRef as x, useContext as $ } from "react";
-import { a as u } from "./chunk/Dr0iXIXO.js";
-import N from "./hooks/useMergeProps.js";
-import h from "@unicom-cloud/utils/class-name";
+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";
 const v = {
   type: "horizontal",
   orientation: "center"
 };
 function C(a, n) {
-  const { getPrefixCls: l, componentConfig: r } = $(u), m = N(
+  const { getPrefixCls: m, componentConfig: r } = $(h), l = u(
     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(
+  ), { children: e, style: p, className: c, type: s, orientation: o, ...d } = l, t = m("divider"), f = N(
     t,
     `${t}-${s}`,
     {

package/Draggable.js

@@ -1,92 +1,35 @@
-import { jsx as C } from "react/jsx-runtime";
-import "./chunk/C6Kfwj0f.js";
-import S, { useRef as I, useState as u, useEffect as P, useContext as y } from "react";
-import { a as O } from "./chunk/Dr0iXIXO.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",
+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,
     {
-      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);
+      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));
       },
-      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
+      children: u
     }
   )) });
 }
 export {
-  B as default
+  $ as default
 };

package/Drawer.js

@@ -1,6 +1,7 @@
-import "./chunk/C6Kfwj0f.js";
-import "./chunk/RnTpOC5-.js";
-import { D as m } from "./chunk/Z-mtdHUQ.js";
+/* empty css                 */
+/* empty css                        */
+/* empty css                        */
+import p from "./drawer/Drawer.js";
 export {
-  m as default
+  p as default
 };

package/Dropdown.js

@@ -1,186 +1,126 @@
-import { jsx as i, jsxs as G } from "react/jsx-runtime";
-import "./chunk/C6Kfwj0f.js";
-import "./chunk/RnTpOC5-.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/Dr0iXIXO.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
+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 = {
+    position: "bl",
+    trigger: "hover",
+    unmountOnExit: !0
+  }, O = {
+    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
   ), {
     trigger: C,
-    droplist: p,
-    children: l,
-    position: h,
-    disabled: u,
-    unmountOnExit: V,
-    triggerProps: n,
-    getPopupContainer: w,
+    droplist: v,
+    children: n,
+    position: A,
+    disabled: f,
+    unmountOnExit: B,
+    triggerProps: o,
+    getPopupContainer: I,
     onVisibleChange: a,
-    ...r
-  } = m, t = f("dropdown"), o = H(null), [d, z] = J(!1, {
+    ...b
+  } = m, r = R("dropdown"), c = P(null), [d, $] = Q(!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,
+  }), 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;
+          break;
+        }
+      return t.cloneElement(e, {
+        prefixCls: E(`${r}-menu`, {
+          [`${r}-menu-hidden`]: i
+        }),
+        inDropdown: !0,
+        selectable: !1,
+        onClickMenuItem: (...s) => {
+          var x;
+          let l = null;
+          const V = h();
+          V.props.onClickMenuItem && (l = V.props.onClickMenuItem(
+            ...s
+          ));
+          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);
+        }
+      });
+    }
+    return e;
+  }, D = P();
+  return /* @__PURE__ */ y(
+    U,
     {
-      ref: (e) => o.current = e,
+      ref: (e) => c.current = e,
       classNames: "slideDynamicOrigin",
-      childrenPrefix: t,
+      childrenPrefix: r,
       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;
-      },
+      popup: j,
       mouseEnterDelay: 400,
       mouseLeaveDelay: 400,
-      disabled: u,
-      unmountOnExit: V,
-      position: h,
+      disabled: f,
+      unmountOnExit: B,
+      position: A,
       popupVisible: d,
-      popupAlign: Z,
-      getPopupContainer: w,
+      popupAlign: O,
+      getPopupContainer: I,
       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: $(
+      ...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(
           {
-            [`${t}-popup-visible`]: d,
-            [`${[t]}-rtl`]: D
+            [`${r}-popup-visible`]: d,
+            [`${[r]}-rtl`]: _
           },
-          l.props.className
-        )
-      }) : l
+          n.props.className
+        ),
+        ref: z(n) ? (e) => {
+          D.current = e;
+        } : void 0
+      }) : n
     }
   );
 }
-const oe = c.forwardRef(ee), M = oe;
-M.displayName = "Dropdown";
-M.Button = U;
+const Y = t.forwardRef(X), w = Y;
+w.displayName = "Dropdown";
+w.Button = S;
 export {
-  M as default
+  w as default
 };

package/Empty.js

@@ -1,10 +1,30 @@
-import "react/jsx-runtime";
-import "./chunk/C6Kfwj0f.js";
-import { E as f } from "./chunk/Dr0iXIXO.js";
-import "@unicom-cloud/icons/IconUiEmpty";
-import "react";
-import "./hooks/useMergeProps.js";
-import "@unicom-cloud/utils/class-name";
+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);
 export {
-  f as default
+  q as default
 };