@unicom-cloud/ui 0.8.98 → 0.8.100

package/badge/index.js

@@ -1,13 +1,60 @@
-import { jsxs as g, jsx as s } from "react/jsx-runtime";
-import R from "lodash/isPlainObject";
-import { forwardRef as G, useContext as _ } from "react";
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import q from "lodash/isPlainObject";
+import { forwardRef as z, useContext as H, useRef as O, useImperativeHandle as L } from "react";
 import "../config-provider/ConfigProvider.js";
-import k from "../components/common/hooks/useMergeProps.js";
-import { PqbCSSTransition as q } from "../components/common/utils/PqbCSSTransition.js";
+import M from "../components/common/hooks/useMergeProps.js";
+import "@unicom-cloud/utils/case-name";
 import n from "@unicom-cloud/utils/class-name";
-import $ from "./Count.js";
-import z from "../config-provider/context.js";
-const x = [
+import "../dist/tinycolor/chunk/BOzCVdr0.js";
+import "@unicom-cloud/utils/constant/ui";
+import "../utils/contextHolder.js";
+import "@unicom-cloud/utils/dayjs";
+import "@unicom-cloud/utils/clipboard-copy";
+import "../components/common/utils/dayjs.js";
+import "../components/common/utils/dom.js";
+import "@unicom-cloud/utils/file/fileToURL";
+import "lodash/escapeRegExp";
+import "lodash/isArray";
+import "lodash/isNumber";
+import "lodash/isString";
+import "lodash/isFunction";
+import "lodash/throttle";
+import "../components/common/utils/is.js";
+import "lodash/camelCase";
+import "lodash/capitalize";
+import "lodash/cloneDeep";
+import "lodash/debounce";
+import "lodash/get";
+import "lodash/has";
+import "lodash/kebabCase";
+import "lodash/merge";
+import "lodash/mergeWith";
+import "lodash/set";
+import "lodash/setWith";
+import "lodash/snakeCase";
+import "lodash/startCase";
+import "lodash/uniq";
+import "lodash/upperFirst";
+import "@unicom-cloud/utils/math";
+import { PqbCSSTransition as U } from "../components/common/utils/PqbCSSTransition.js";
+import "../components/common/utils/reactDOM.js";
+import "../dist/react-transition-group/src/CSSTransition.js";
+import "../dist/react-transition-group/src/ReplaceTransition.js";
+import "../dist/react-transition-group/src/SwitchTransition.js";
+import "../dist/react-transition-group/chunk/CPfP7aNL.js";
+import "../dist/react-transition-group/src/TransitionGroup.js";
+import "@unicom-cloud/utils/file/saveAs";
+import "@unicom-cloud/utils/screenfull";
+import "@unicom-cloud/utils/constant/ui.js";
+import "react-is";
+import "@unicom-cloud/utils/tree";
+import "@unicom-cloud/utils/is";
+import { v4 as F } from "uuid";
+import "../dist/validate/src/index.js";
+import "@unicom-cloud/utils/constant/keyboardCode";
+import B from "./Count.js";
+import J from "../config-provider/context.js";
+const f = [
   "red",
   "orangered",
   "orange",
@@ -19,132 +66,179 @@ const x = [
   "purple",
   "magenta",
   "gray"
-], I = {
+], K = {
   count: 0,
-  maxCount: 99
+  maxCount: 99,
+  dotAnimation: !0
+  // 默认开启 dot 动画
 };
-function L(y, N) {
-  const { getPrefixCls: h, componentConfig: S, rtl: b } = _(z), O = k(
-    y,
-    I,
-    S?.Badge
+function Q(P, v) {
+  const { getPrefixCls: A, componentConfig: R, rtl: $ } = H(J), T = M(
+    P,
+    K,
+    R?.Badge
   ), {
-    count: o,
-    prefixText: c,
-    text: m,
-    className: B,
-    dotClassName: a,
-    dot: p,
-    dotAnimation: P = !0,
-    maxCount: T,
-    color: e,
-    dotStyle: A,
-    offset: D,
-    style: E,
-    status: l,
+    ribbon: o,
+    count: s,
+    prefixText: g,
+    text: l,
+    className: w,
+    dotClassName: m,
+    dot: b,
+    dotAnimation: x,
+    maxCount: E,
+    color: r,
+    dotStyle: j,
+    offset: I,
+    style: N,
+    status: p,
     children: u,
-    ...j
-  } = O, t = h?.("badge"), r = { ...A || {} }, [f, d] = D || [];
-  f && (r.marginRight = -f), d && (r.marginTop = d);
-  const w = () => {
-    if (R(o))
-      return /* @__PURE__ */ s(
+    ...y
+  } = T, d = O(null), C = O(F()), t = A?.("badge"), i = { ...j || {} }, [h, S] = I || [];
+  h && (i.marginRight = -h), S && (i.marginTop = S), L(v, () => ({
+    dom: d.current
+  }));
+  const k = () => {
+    if (q(s))
+      return /* @__PURE__ */ e(
         "span",
         {
-          className: n(`${t}-custom-dot`, a),
-          style: r,
-          children: o
+          className: n(`${t}-custom-dot`, m),
+          style: i,
+          children: s
         }
       );
-    const i = !e || x.indexOf(e) > -1 ? {} : { backgroundColor: e };
-    return m && !e && !l ? /* @__PURE__ */ s(
+    const a = !r || f.indexOf(r) > -1 ? {} : { backgroundColor: r };
+    return l && !r && !p ? /* @__PURE__ */ e(
       "span",
       {
-        className: n(`${t}-text`, a),
-        style: r,
-        children: m
+        className: n(`${t}-text`, m),
+        style: i,
+        children: l
       }
-    ) : l || e && typeof o == "number" && o <= 0 ? /* @__PURE__ */ g("span", { className: `${t}-status-wrapper`, children: [
-      !!c && /* @__PURE__ */ s("span", { className: `${t}-status-prefix-text`, children: c }),
-      /* @__PURE__ */ s(
+    ) : p || r && typeof s == "number" && s <= 0 ? /* @__PURE__ */ c("span", { className: `${t}-status-wrapper`, children: [
+      !!g && /* @__PURE__ */ e("span", { className: `${t}-status-prefix-text`, children: g }),
+      /* @__PURE__ */ e(
         "span",
         {
           className: n(
             `${t}-status-dot`,
             {
-              [`${t}-status-dot-animation`]: P,
-              [`${t}-status-${l}`]: l,
-              [`${t}-color-${e}`]: e
+              [`${t}-dot-pulse`]: x,
+              [`${t}-status-${p}`]: p,
+              [`${t}-color-${r}`]: r
             },
-            a
+            m
           ),
-          style: { ...i, ...r }
+          style: { ...a, ...i }
         }
       ),
-      !!m && /* @__PURE__ */ s("span", { className: `${t}-status-text`, children: m })
-    ] }) : (p || e) && typeof o == "number" && o > 0 ? /* @__PURE__ */ s(
-      q,
+      !!l && /* @__PURE__ */ e("span", { className: `${t}-status-text`, children: l })
+    ] }) : (b || r) && typeof s == "number" && s > 0 ? /* @__PURE__ */ e(
+      U,
       {
         classNames: "badge-zoom",
-        in: p || !!e,
+        in: b || !!r,
         timeout: 200,
         appear: !0,
         mountOnEnter: !0,
         unmountOnExit: !0,
-        children: /* @__PURE__ */ s(
+        children: /* @__PURE__ */ e(
           "span",
           {
             className: n(
               `${t}-dot`,
               {
-                [`${t}-color-${e}`]: e
+                [`${t}-dot-pulse`]: x,
+                [`${t}-color-${r}`]: r
               },
-              a
+              m
             ),
-            style: { ...i, ...r }
+            style: { ...a, ...i }
           }
         )
       }
-    ) : /* @__PURE__ */ s(
-      $,
+    ) : /* @__PURE__ */ e(
+      B,
       {
         prefixCls: t,
-        className: n(`${t}-number`, a),
-        style: { ...i, ...r },
-        maxCount: T,
-        count: o
+        className: n(`${t}-number`, m),
+        style: { ...a, ...i },
+        maxCount: E,
+        count: s
+      }
+    );
+  }, G = () => {
+    if (!o || !o.text) return null;
+    const a = o.color ? { backgroundColor: o.color } : {}, _ = o.placement || "end";
+    return /* @__PURE__ */ c(
+      "div",
+      {
+        className: n(
+          `${t}-ribbon`,
+          `${t}-ribbon-${_}`,
+          {
+            [`${t}-rtl`]: $,
+            [`${t}-color-${o.color}`]: o.color && f.includes(o.color)
+          }
+        ),
+        style: a,
+        children: [
+          /* @__PURE__ */ e("span", { className: `${t}-ribbon-text`, children: o.text }),
+          /* @__PURE__ */ e("div", { className: `${t}-ribbon-corner` })
+        ]
       }
     );
   };
-  return /* @__PURE__ */ g(
+  return o ? /* @__PURE__ */ c(
+    "div",
+    {
+      className: `${t}-ribbon-wrapper`,
+      ref: d,
+      style: N,
+      id: C.current,
+      ...y,
+      children: [
+        u,
+        G()
+      ]
+    }
+  ) : /* @__PURE__ */ c(
     "span",
     {
       className: n(
         t,
         {
-          [`${t}-status`]: l,
+          [`${t}-status`]: p,
           [`${t}-no-children`]: !u,
-          [`${t}-rtl`]: b
+          [`${t}-rtl`]: $
         },
-        B
+        w
       ),
-      ref: N,
-      style: E,
-      ...j,
+      ref: d,
+      style: N,
+      id: C.current,
+      ...y,
       children: [
         u,
-        w()
+        k()
       ]
     }
   );
 }
-const C = G(L);
-C.displayName = "Badge";
-C.Count = $;
-const W = x, X = ["default", "processing", "success", "warning", "error"];
+const D = z(Q);
+D.displayName = "Badge";
+D.Count = B;
+const Xt = f, Yt = [
+  "default",
+  "processing",
+  "success",
+  "warning",
+  "error"
+];
 export {
-  W as BADGE_COLORS,
-  X as BADGE_STATUS,
-  $ as BadgeCount,
-  C as default
+  Xt as BADGE_COLORS,
+  Yt as BADGE_STATUS,
+  B as BadgeCount,
+  D as default
 };

package/collapse/Collapse.js

@@ -1,90 +1,96 @@
 import { jsx as t } from "react/jsx-runtime";
 import z from "@unicom-cloud/icons/IconUiCaretLeft";
-import f from "@unicom-cloud/icons/IconUiCaretRight";
-import F from "lodash/isFunction";
-import M, { createContext as O, useContext as T } from "react";
+import m from "@unicom-cloud/icons/IconUiCaretRight";
+import B from "lodash/isFunction";
+import F, { createContext as M, useContext as O } from "react";
 import "../config-provider/ConfigProvider.js";
-import U from "../components/common/hooks/useMergeProps.js";
-import V from "../components/common/hooks/useMergeValue.js";
-import j from "@unicom-cloud/utils/class-name";
-import { omit as H } from "../components/common/utils/omit.js";
-import L from "./Item.js";
-import q from "../config-provider/context.js";
-const m = (i, s) => {
-  const n = [].concat(i);
-  return s ? n.slice(0, 1) : n;
-}, B = {
+import T from "../components/common/hooks/useMergeProps.js";
+import U from "../components/common/hooks/useMergeValue.js";
+import V from "@unicom-cloud/utils/class-name";
+import { omit as j } from "../components/common/utils/omit.js";
+import k from "./Item.js";
+import L from "../config-provider/context.js";
+const f = (s, a) => {
+  const n = [].concat(s);
+  return a ? n.slice(0, 1) : n;
+}, q = {
   bordered: !0,
   lazyload: !0,
-  expandIconPosition: "left"
-}, D = O({
   expandIconPosition: "left",
-  expandIcon: /* @__PURE__ */ t(f, {}),
+  invertHeaderContentBackgrounds: !1
+  // 潘启宝添加
+}, D = M({
+  expandIconPosition: "left",
+  expandIcon: /* @__PURE__ */ t(m, {}),
   activeKeys: [],
   onToggle: () => {
   }
 });
-function E(i, s) {
-  const { getPrefixCls: n, componentConfig: C, rtl: v } = T(q), e = U(
-    i,
-    B,
+function E(s, a) {
+  const { getPrefixCls: n, componentConfig: C, rtl: v } = O(L), e = T(
+    s,
+    q,
     C?.Collapse
-  ), [a, x] = V([], {
-    defaultValue: "defaultActiveKey" in e ? m(e.defaultActiveKey, e.accordion) : void 0,
-    value: "activeKey" in e ? m(e.activeKey, e.accordion) : void 0
+  ), [c, g] = U([], {
+    defaultValue: "defaultActiveKey" in e ? f(e.defaultActiveKey, e.accordion) : void 0,
+    value: "activeKey" in e ? f(e.activeKey, e.accordion) : void 0
   }), {
-    children: g,
+    children: x,
     className: y,
     style: I,
     bordered: K,
-    lazyload: P,
-    expandIcon: h,
+    lazyload: h,
+    expandIcon: P,
     expandIconPosition: l,
     destroyOnHide: A,
     accordion: R,
-    triggerRegion: N,
-    onChange: p,
-    ...b
-  } = e, c = n?.("collapse"), $ = (r, w) => {
-    let o = [...a || []];
-    const d = a?.indexOf(r);
-    d > -1 ? o.splice(d, 1) : R ? o = [r] : o.push(r), "activeKey" in e || x(o), F(p) && p(r, o, w);
+    triggerRegion: b,
+    invertHeaderContentBackgrounds: N,
+    // 潘启宝添加
+    onChange: d,
+    ...$
+  } = e, r = n?.("collapse"), w = (i, H) => {
+    let o = [...c || []];
+    const p = c?.indexOf(i);
+    p > -1 ? o.splice(p, 1) : R ? o = [i] : o.push(i), "activeKey" in e || g(o), B(d) && d(i, o, H);
   };
   return /* @__PURE__ */ t(
     D.Provider,
     {
       value: {
-        activeKeys: a,
-        triggerRegion: N,
-        lazyload: P,
+        activeKeys: c,
+        triggerRegion: b,
+        lazyload: h,
         destroyOnHide: A,
         expandIconPosition: l,
-        onToggle: $,
-        expandIcon: "expandIcon" in e ? h : l === "right" ? /* @__PURE__ */ t(z, {}) : /* @__PURE__ */ t(f, {})
+        onToggle: w,
+        expandIcon: "expandIcon" in e ? P : l === "right" ? /* @__PURE__ */ t(z, {}) : /* @__PURE__ */ t(m, {})
       },
       children: /* @__PURE__ */ t(
         "div",
         {
-          ref: s,
-          ...H(b, ["activeKey", "defaultActiveKey"]),
-          className: j(
-            c,
-            `${c}-${K ? "border" : "borderless"}`,
-            { [`${c}-rtl`]: v },
+          ref: a,
+          ...j($, ["activeKey", "defaultActiveKey"]),
+          className: V(
+            r,
+            `${r}-${K ? "border" : "borderless"}`,
+            { [`${r}-rtl`]: v },
+            N && `${r}-invert-header-content-backgrounds`,
+            // 潘启宝添加
             y
           ),
           style: I,
-          children: g
+          children: x
         }
       )
     }
   );
 }
-const G = M.forwardRef(E), u = G;
+const G = F.forwardRef(E), u = G;
 u.displayName = "Collapse";
-u.Item = L;
+u.Item = k;
 export {
   D as CollapseContext,
-  L as CollapseItem,
+  k as CollapseItem,
   u as default
 };

package/components/common/space/index.js

@@ -1,112 +1,96 @@
-import { jsx as s } from "react/jsx-runtime";
-import { UI_COMMON_PREFIX as C } from "@unicom-cloud/utils/constant/ui";
-import { forwardRef as c } from "react";
-import "@unicom-cloud/utils/case-name";
-import _ from "@unicom-cloud/utils/class-name";
-import "../../../dist/tinycolor/chunk/BOzCVdr0.js";
-import "@unicom-cloud/utils/dayjs";
-import "@unicom-cloud/utils/clipboard-copy";
-import "../utils/dayjs.js";
-import "../utils/dom.js";
-import "@unicom-cloud/utils/file/fileToURL";
-import "lodash/escapeRegExp";
-import "lodash/isArray";
-import "lodash/isNumber";
-import "lodash/isString";
-import "lodash/isFunction";
-import "lodash/throttle";
-import "../utils/is.js";
-import "lodash/camelCase";
-import "lodash/capitalize";
-import "lodash/cloneDeep";
-import "lodash/debounce";
-import "lodash/get";
-import "lodash/has";
-import "lodash/kebabCase";
-import "lodash/merge";
-import "lodash/mergeWith";
-import "lodash/set";
-import "lodash/setWith";
-import "lodash/snakeCase";
-import "lodash/startCase";
-import "lodash/uniq";
-import "lodash/upperFirst";
-import "@unicom-cloud/utils/math";
-import "lodash/isPlainObject";
-import "../../../dist/react-transition-group/src/CSSTransition.js";
-import "../../../dist/react-transition-group/src/ReplaceTransition.js";
-import "../../../dist/react-transition-group/src/SwitchTransition.js";
-import "../../../dist/react-transition-group/chunk/CPfP7aNL.js";
-import "../../../dist/react-transition-group/src/TransitionGroup.js";
-import "../utils/reactDOM.js";
-import "@unicom-cloud/utils/file/saveAs";
-import "@unicom-cloud/utils/screenfull";
-import "@unicom-cloud/utils/tree";
-import { isArray as l, isNumber as I } from "@unicom-cloud/utils/is";
-import "uuid";
-import "../../../dist/validate/src/index.js";
-import "@unicom-cloud/utils/constant/keyboardCode";
-function f(t = 8) {
-  if (I(t))
-    return t;
-  if (l(t))
-    return t.map((i, r, e) => f(i));
-  switch (t) {
-    case "mini":
-      return 4;
-    case "small":
-      return 8;
-    case "medium":
-      return 16;
-    case "large":
-      return 24;
-    default:
-      return 8;
-  }
-}
-function S(t, i) {
-  const r = `${C}-space`, {
-    className: e,
-    style: d,
-    children: $,
-    inline: y,
-    gap: N = "small",
-    direction: n = "horizontal",
-    wrap: h,
-    justifyContent: a,
-    alignItems: g,
-    ...w
-  } = t;
-  let p = g;
-  n === "horizontal" && (p ||= "center");
-  const o = f(N), m = { ...d };
-  return l(o) ? (m.rowGap = o[0], m.columnGap = o[1]) : m.gap = o, /* @__PURE__ */ s(
-    "div",
+import { jsx as c, jsxs as L } from "react/jsx-runtime";
+import { UI_COMMON_PREFIX as O } from "@unicom-cloud/utils/constant/ui";
+import P from "lodash/isArray";
+import _ from "lodash/isNumber";
+import { forwardRef as N, Fragment as b } from "react";
+import k from "../hooks/useMergeProps.js";
+import x from "@unicom-cloud/utils/class-name";
+import F from "./toArray.js";
+const D = {
+  size: "small",
+  direction: "horizontal"
+};
+function E(a, m) {
+  const S = k(a, D, {}), {
+    className: z,
+    style: C,
+    children: M,
+    gap: j,
+    size: w,
+    direction: s,
+    align: B,
+    alignItems: R,
+    justifyContent: d,
+    wrap: l,
+    split: p,
+    rtl: $,
+    ...V
+  } = S, r = `${O}-space`, h = R ?? (B || (s === "horizontal" ? "center" : "")), i = j ?? w, A = x(
+    r,
     {
-      ref: i,
-      className: _(
-        `${r}`,
-        y && `${r}-inline`,
-        h && `${r}-wrap`,
-        `${r}-${n}`,
-        a && `${r}-justify-content-${a}`,
-        p && `${r}-align-items-${p}`,
-        e
-      ),
-      style: m,
-      ...w,
-      children: $
-    }
+      [`${r}-${s}`]: s,
+      [`${r}-justify-content-${d}`]: d,
+      [`${r}-align-items-${h}`]: h,
+      [`${r}-wrap`]: l,
+      [`${r}-rtl`]: $
+    },
+    z
   );
+  function f(e) {
+    if (_(e))
+      return e;
+    switch (e) {
+      case "mini":
+        return 4;
+      case "small":
+        return 8;
+      case "medium":
+        return 16;
+      case "large":
+        return 24;
+      default:
+        return 8;
+    }
+  }
+  const y = F(M);
+  function I(e) {
+    const n = y.length === e + 1, o = $ ? "marginLeft" : "marginRight";
+    if (typeof i == "string" || typeof i == "number") {
+      const t = f(i);
+      return l ? n ? { marginBottom: t } : {
+        [`${o}`]: t,
+        marginBottom: t
+      } : n ? {} : {
+        [s === "vertical" ? "marginBottom" : o]: t
+      };
+    }
+    if (P(i)) {
+      const t = f(i[0]), u = f(i[1]);
+      return l ? n ? { marginBottom: u } : {
+        [`${o}`]: t,
+        marginBottom: u
+      } : s === "vertical" ? { marginBottom: u } : { [`${o}`]: t };
+    }
+  }
+  return /* @__PURE__ */ c("div", { ref: m, className: A, style: C, ...V, children: y.map((e, n) => {
+    const o = e?.key || n, t = p != null && n > 0;
+    return /* @__PURE__ */ L(b, { children: [
+      t && /* @__PURE__ */ c("div", { className: `${r}-item-split`, children: p }),
+      /* @__PURE__ */ c("div", { className: `${r}-item`, style: I(n), children: e })
+    ] }, o);
+  }) });
 }
-const u = c(S);
-u.displayName = "Space";
-function j(t, i) {
-  return /* @__PURE__ */ s(u, { ref: i, ...t, direction: "vertical", children: t.children });
+const g = N(
+  E
+);
+g.displayName = "Space";
+function H(a, m) {
+  return /* @__PURE__ */ c(g, { ref: m, ...a, direction: "vertical", children: a.children });
 }
-const x = c(j);
-x.displayName = "SpaceVertical";
+const v = N(H);
+v.displayName = "SpaceVertical";
+g.Vertical = v;
 export {
-  x as SpaceVertical,
-  u as default
+  v as SpaceVertical,
+  g as default
 };