@unicom-cloud/ui 0.8.96 → 0.8.98

package/layout/Footer.js

@@ -1,14 +1,14 @@
-import { jsx as c } from "react/jsx-runtime";
-import { forwardRef as f, useContext as i } from "react";
+import { jsx as f } from "react/jsx-runtime";
+import { forwardRef as c, useContext as i } from "react";
 import "../config-provider/ConfigProvider.js";
 import l from "@unicom-cloud/utils/class-name";
 import p from "../config-provider/context.js";
-function u(t, r) {
-  const { className: s, children: e, ...a } = t, { getPrefixCls: o } = i(p), m = o == null ? void 0 : o("layout-footer"), n = l(m, s);
-  return /* @__PURE__ */ c("footer", { ref: r, ...a, className: n, children: e });
+function u(o, t) {
+  const { className: e, children: r, ...s } = o, { getPrefixCls: a } = i(p), m = a?.("layout-footer"), n = l(m, e);
+  return /* @__PURE__ */ f("footer", { ref: t, ...s, className: n, children: r });
 }
-const N = f(u);
-N.displayName = "LayoutFooter";
+const x = c(u);
+x.displayName = "LayoutFooter";
 export {
-  N as default
+  x as default
 };

package/layout/Header.js

@@ -1,13 +1,13 @@
 import { jsx as c } from "react/jsx-runtime";
-import { forwardRef as d, useContext as f } from "react";
+import { forwardRef as f, useContext as i } from "react";
 import "../config-provider/ConfigProvider.js";
-import i from "@unicom-cloud/utils/class-name";
-import l from "../config-provider/context.js";
-function p(o, a) {
-  const { getPrefixCls: e } = f(l), { className: r, children: s, ...t } = o, m = e == null ? void 0 : e("layout-header"), n = i(m, r);
-  return /* @__PURE__ */ c("header", { ref: a, ...t, className: n, children: s });
+import l from "@unicom-cloud/utils/class-name";
+import d from "../config-provider/context.js";
+function p(e, o) {
+  const { getPrefixCls: r } = i(d), { className: s, children: t, ...a } = e, m = r?.("layout-header"), n = l(m, s);
+  return /* @__PURE__ */ c("header", { ref: o, ...a, className: n, children: t });
 }
-const u = d(p);
+const u = f(p);
 u.displayName = "LayoutHeader";
 export {
   u as default

package/layout/Sider.js

@@ -1,129 +1,127 @@
-import { jsx as n, jsxs as X } from "react/jsx-runtime";
-import q from "@unicom-cloud/icons/IconUiLeft";
-import A from "@unicom-cloud/icons/IconUiRight";
-import Y from "lodash/isArray";
-import y from "lodash/isNumber";
-import { createContext as Z, forwardRef as P, useContext as ee, useState as re, useRef as F, useEffect as H, useMemo as te } from "react";
+import { jsx as s, jsxs as J } from "react/jsx-runtime";
+import W from "@unicom-cloud/icons/IconUiLeft";
+import _ from "@unicom-cloud/icons/IconUiRight";
+import K from "lodash/isArray";
+import v from "lodash/isNumber";
+import { createContext as X, forwardRef as Y, useContext as Z, useState as ee, useRef as B, useEffect as I, useMemo as re } from "react";
 import "../config-provider/ConfigProvider.js";
-import ie from "../components/common/hooks/useMergeValue.js";
-import se from "../resize-box/index.js";
-import L from "@unicom-cloud/utils/class-name";
-import { responsiveMap as oe, responsiveObserve as V } from "../utils/responsiveObserve.js";
-import ne from "../config-provider/context.js";
-const le = Z({
+import oe from "../components/common/hooks/useMergeValue.js";
+import te from "../resize-box/index.js";
+import M from "@unicom-cloud/utils/class-name";
+import { responsiveMap as ie, responsiveObserve as P } from "../utils/responsiveObserve.js";
+import se from "../config-provider/context.js";
+const ne = X({
   siderCollapsed: !1,
   collapsedWidth: 64
-}), ce = /* @__PURE__ */ (() => {
-  let i = 0;
-  return (m = "") => (i += 1, `${m}${i}`);
+}), le = /* @__PURE__ */ (() => {
+  let o = 0;
+  return (p = "") => (o += 1, `${p}${o}`);
 })();
-function ae(i, m) {
-  var j;
+function ae(o, p) {
   const {
-    children: E,
-    className: G,
-    style: O,
-    theme: R = "light",
-    trigger: f,
-    reverseArrow: W,
+    children: T,
+    className: U,
+    style: j,
+    theme: x = "light",
+    trigger: u,
+    reverseArrow: S,
     collapsedWidth: r = 48,
-    width: g = 200,
-    collapsible: h,
-    resizeDirections: a,
-    onSiderMount: v,
-    onSiderUnmount: $,
-    breakpoint: _,
-    onBreakpoint: Q,
-    onCollapse: d,
-    resizeBoxProps: t = {}
-  } = i, I = ce("pqb-sider-"), { getPrefixCls: b } = ee(ne), s = b == null ? void 0 : b("layout-sider"), [e, k] = ie(!1, {
-    value: "collapsed" in i ? i.collapsed : void 0,
-    defaultValue: i.defaultCollapsed
-  }), C = y(g) ? `${g}px` : String(g), U = y(r) ? `${r}` : String(r), [p, M] = re(
-    e ? U : C
-  ), N = F(null), T = F(null);
-  T.current = {
-    breakpoint: _,
+    width: m = 200,
+    collapsible: f,
+    resizeDirections: l,
+    onSiderMount: q,
+    onSiderUnmount: A,
+    breakpoint: $,
+    onBreakpoint: F,
+    onCollapse: b,
+    resizeBoxProps: a = {}
+  } = o, N = le("pqb-sider-"), { getPrefixCls: H } = Z(se), t = H?.("layout-sider"), [e, w] = oe(!1, {
+    value: "collapsed" in o ? o.collapsed : void 0,
+    defaultValue: o.defaultCollapsed
+  }), g = v(m) ? `${m}px` : String(m), L = v(r) ? `${r}` : String(r), [d, k] = ee(
+    e ? L : g
+  ), h = B(null), y = B(null);
+  y.current = {
+    breakpoint: $,
     collapsed: e,
-    onCollapse: d,
-    onBreakpoint: Q
-  }, H(() => (v == null || v(I), h && _ in oe && (N.current = V.subscribe(
-    (o, l) => {
-      const { breakpoint: c, collapsed: K, onCollapse: x, onBreakpoint: w } = T.current;
-      if (!l || l === c) {
-        const u = !o[c];
-        u !== K && (k(u), x == null || x(u, "responsive")), w == null || w(u);
+    onCollapse: b,
+    onBreakpoint: F
+  }, I(() => (q?.(N), f && $ in ie && (h.current = P.subscribe(
+    (i, n) => {
+      const { breakpoint: R, collapsed: G, onCollapse: O, onBreakpoint: Q } = y.current;
+      if (!n || n === R) {
+        const c = !i[R];
+        c !== G && (w(c), O?.(c, "responsive")), Q?.(c);
       }
     }
   )), () => {
-    $ == null || $(I), N.current && V.unsubscribe(N.current);
-  }), []), H(() => {
-    const o = y(r) ? `${r}px` : String(r);
-    M(e ? o : C);
-  }, [e, C, r]);
-  const S = a && Y(a) || ((j = t.directions) == null ? void 0 : j.length), z = S ? se : "aside", B = () => {
-    const o = f || (e ? W ? /* @__PURE__ */ n(q, {}) : /* @__PURE__ */ n(A, {}) : W ? /* @__PURE__ */ n(A, {}) : /* @__PURE__ */ n(q, {}));
-    return h && f !== null ? /* @__PURE__ */ n(
+    A?.(N), h.current && P.unsubscribe(h.current);
+  }), []), I(() => {
+    const i = v(r) ? `${r}px` : String(r);
+    k(e ? i : g);
+  }, [e, g, r]);
+  const C = l && K(l) || a.directions?.length, V = C ? te : "aside", D = () => {
+    const i = u || (e ? S ? /* @__PURE__ */ s(W, {}) : /* @__PURE__ */ s(_, {}) : S ? /* @__PURE__ */ s(_, {}) : /* @__PURE__ */ s(W, {}));
+    return f && u !== null ? /* @__PURE__ */ s(
       "div",
       {
-        style: { width: p },
-        className: L(`${s}-trigger`, {
-          [`${s}-trigger-light`]: R === "light"
+        style: { width: d },
+        className: M(`${t}-trigger`, {
+          [`${t}-trigger-light`]: x === "light"
         }),
         onClick: () => {
-          k(!e), d == null || d(!e, "clickTrigger");
+          w(!e), b?.(!e, "clickTrigger");
         },
-        children: o
+        children: i
       }
     ) : null;
-  }, J = te(() => S ? {
+  }, E = re(() => C ? {
     component: "aside",
-    ...t,
-    width: p,
-    directions: a,
-    onMoving: (o, l) => {
-      var c;
-      M(`${l.width}px`), (c = t == null ? void 0 : t.onMoving) == null || c.call(t, o, l);
+    ...a,
+    width: d,
+    directions: l,
+    onMoving: (i, n) => {
+      k(`${n.width}px`), a?.onMoving?.(i, n);
     }
-  } : {}, [S, a, p, t]);
-  return /* @__PURE__ */ n(
-    le.Provider,
+  } : {}, [C, l, d, a]);
+  return /* @__PURE__ */ s(
+    ne.Provider,
     {
       value: {
         siderCollapsed: e,
         collapsedWidth: r
       },
-      children: /* @__PURE__ */ X(
-        z,
+      children: /* @__PURE__ */ J(
+        V,
         {
-          ref: m,
+          ref: p,
           style: {
-            width: p,
-            ...O
+            width: d,
+            ...j
           },
-          className: L(
-            s,
+          className: M(
+            t,
             {
-              [`${s}-light`]: R === "light",
-              [`${s}-has-trigger`]: f !== null && h,
-              [`${s}-collapsed`]: e
+              [`${t}-light`]: x === "light",
+              [`${t}-has-trigger`]: u !== null && f,
+              [`${t}-collapsed`]: e
             },
-            G
+            U
           ),
-          ...J,
+          ...E,
           children: [
-            /* @__PURE__ */ n("div", { className: `${s}-children`, children: E }),
-            B()
+            /* @__PURE__ */ s("div", { className: `${t}-children`, children: T }),
+            D()
           ]
         }
       )
     }
   );
 }
-const de = P(ae), D = de;
-D.displayName = "LayoutSider";
-D.__PQB_SIGN__ = "sider";
+const de = Y(ae), z = de;
+z.displayName = "LayoutSider";
+z.__PQB_SIGN__ = "sider";
 export {
-  le as SiderContext,
-  D as default
+  ne as SiderContext,
+  z as default
 };

package/layout/index.js

@@ -1,46 +1,46 @@
 import { jsx as x } from "react/jsx-runtime";
-import p from "lodash/get";
-import u, { forwardRef as _, useContext as g, useState as F } from "react";
+import m from "lodash/get";
+import i, { forwardRef as N, useContext as _, useState as F } from "react";
 import "../config-provider/ConfigProvider.js";
 import H from "../components/common/hooks/useMergeProps.js";
-import R from "@unicom-cloud/utils/class-name";
-import h from "./Content.js";
-import w from "./Footer.js";
-import M from "./Header.js";
-import $ from "./Sider.js";
+import P from "@unicom-cloud/utils/class-name";
+import R from "./Content.js";
+import h from "./Footer.js";
+import w from "./Header.js";
+import M from "./Sider.js";
 import { SiderContext as K } from "./Sider.js";
-import b from "../config-provider/context.js";
-function j(f, d) {
-  const { getPrefixCls: e, componentConfig: r } = g(b), c = H(
-    f,
+import $ from "../config-provider/context.js";
+function b(p, f) {
+  const { getPrefixCls: u, componentConfig: c } = _($), d = H(
+    p,
     {},
-    r == null ? void 0 : r.Layout
-  ), { className: y, hasSider: a, children: l, ...C } = c, [n, m] = F([]), i = e == null ? void 0 : e("layout"), S = R(
-    i,
+    c?.Layout
+  ), { className: C, hasSider: n, children: l, ...y } = d, [e, s] = F([]), a = u?.("layout"), S = P(
+    a,
     {
-      [`${i}-has-sider`]: typeof a == "boolean" ? a : n.length > 0
+      [`${a}-has-sider`]: typeof n == "boolean" ? n : e.length > 0
     },
-    y
+    C
   );
-  return /* @__PURE__ */ x("section", { ref: d, ...C, className: S, children: u.Children.map(l, (o) => {
-    const L = p(o, "type.__PQB_SIGN__") || p(o, "props.sign");
-    return o && L === "sider" ? u.cloneElement(o, {
-      onSiderMount: (s) => m([...n, s]),
-      onSiderUnmount: (s) => m(n.filter((N) => N !== s))
+  return /* @__PURE__ */ x("section", { ref: f, ...y, className: S, children: i.Children.map(l, (o) => {
+    const L = m(o, "type.__PQB_SIGN__") || m(o, "props.sign");
+    return o && L === "sider" ? i.cloneElement(o, {
+      onSiderMount: (r) => s([...e, r]),
+      onSiderUnmount: (r) => s(e.filter((g) => g !== r))
     }) : o;
   }) });
 }
-const B = _(j), t = B;
+const j = N(b), t = j;
 t.displayName = "Layout";
-t.Sider = $;
-t.Header = M;
-t.Footer = w;
-t.Content = h;
+t.Sider = M;
+t.Header = w;
+t.Footer = h;
+t.Content = R;
 export {
-  h as LayoutContent,
-  w as LayoutFooter,
-  M as LayoutHeader,
-  $ as LayoutSider,
+  R as LayoutContent,
+  h as LayoutFooter,
+  w as LayoutHeader,
+  M as LayoutSider,
   K as SiderContext,
   t as default
 };

package/link/index.js

@@ -1,63 +1,62 @@
-import { jsxs as y, jsx as m } from "react/jsx-runtime";
-import N from "@unicom-cloud/icons/IconUiLink";
-import { forwardRef as C, useContext as L } from "react";
+import { jsxs as b, jsx as a } from "react/jsx-runtime";
+import g from "@unicom-cloud/icons/IconUiLink";
+import { forwardRef as v, useContext as y } from "react";
 import "../config-provider/ConfigProvider.js";
-import w from "../components/common/hooks/useKeyboardEvent.js";
-import K from "../components/common/hooks/useMergeProps.js";
-import g from "@unicom-cloud/utils/class-name";
-import D from "../config-provider/context.js";
-const E = {
+import N from "../components/common/hooks/useKeyboardEvent.js";
+import L from "../components/common/hooks/useMergeProps.js";
+import P from "@unicom-cloud/utils/class-name";
+import w from "../config-provider/context.js";
+const K = {
   hoverable: !0
 };
-function P(p, d) {
-  const { getPrefixCls: n, componentConfig: r, rtl: f } = L(D), o = K(
-    p,
-    E,
-    r == null ? void 0 : r.Link
+function D(l, c) {
+  const { getPrefixCls: p, componentConfig: m, rtl: f } = y(w), e = L(
+    l,
+    K,
+    m?.Link
   ), {
-    className: u,
-    style: h,
-    children: k,
-    icon: s,
-    status: a,
-    disabled: t,
-    hoverable: $,
-    ...b
-  } = o, v = w({ onKeyDown: o.onKeyDown }), e = n == null ? void 0 : n("link"), x = "href" in o ? "a" : "span", l = (i) => {
-    var c;
-    t ? (i.preventDefault(), i.stopPropagation()) : (c = o.onClick) == null || c.call(o, i);
+    className: d,
+    style: u,
+    children: h,
+    icon: n,
+    status: t,
+    disabled: s,
+    hoverable: k,
+    ...C
+  } = e, x = N({ onKeyDown: e.onKeyDown }), o = p?.("link"), $ = "href" in e ? "a" : "span", i = (r) => {
+    s ? (r.preventDefault(), r.stopPropagation()) : e.onClick?.(r);
   };
-  return /* @__PURE__ */ y(
-    x,
+  return /* @__PURE__ */ b(
+    $,
     {
-      className: g(
-        e,
+      className: P(
+        o,
         {
-          [`${e}-disabled`]: t,
-          [`${e}-is-${a}`]: a,
-          [`${e}-with-icon`]: s,
-          [`${e}-hoverless`]: !$,
-          [`${e}-rtl`]: f
+          [`${o}-disabled`]: s,
+          [`${o}-is-${t}`]: t,
+          [`${o}-with-icon`]: n,
+          [`${o}-hoverless`]: !k,
+          [`${o}-rtl`]: f
         },
-        u
+        d
       ),
-      ref: d,
-      tabIndex: t ? -1 : void 0,
-      ...b,
-      style: h,
-      onClick: l,
-      ...v({
-        onPressEnter: l
+      ref: c,
+      tabIndex: s ? -1 : void 0,
+      ...C,
+      style: u,
+      onClick: i,
+      ...x({
+        onPressEnter: i
       }),
       children: [
-        s ? /* @__PURE__ */ m("span", { className: `${e}-icon`, children: s === !0 ? /* @__PURE__ */ m(N, {}) : s }) : null,
-        k
+        n ? /* @__PURE__ */ a("span", { className: `${o}-icon`, children: n === !0 ? /* @__PURE__ */ a(g, {}) : n }) : null,
+        h
       ]
     }
   );
 }
-const j = C(P);
-j.displayName = "Link";
+const E = v(D);
+E.displayName = "Link";
 export {
-  j as default
+  E as default
 };