@unicom-cloud/ui 0.8.99 → 0.8.101

package/badge/index.js

@@ -4,7 +4,7 @@ import { forwardRef as z, useContext as H, useRef as O, useImperativeHandle as L
 import "../config-provider/ConfigProvider.js";
 import M from "../components/common/hooks/useMergeProps.js";
 import "@unicom-cloud/utils/case-name";
-import i from "@unicom-cloud/utils/class-name";
+import n from "@unicom-cloud/utils/class-name";
 import "../dist/tinycolor/chunk/BOzCVdr0.js";
 import "@unicom-cloud/utils/constant/ui";
 import "../utils/contextHolder.js";
@@ -46,6 +46,7 @@ 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";
@@ -93,8 +94,8 @@ function Q(P, v) {
     status: p,
     children: u,
     ...y
-  } = T, d = O(null), C = O(F()), t = A?.("badge"), n = { ...j || {} }, [h, S] = I || [];
-  h && (n.marginRight = -h), S && (n.marginTop = S), L(v, () => ({
+  } = 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 = () => {
@@ -102,8 +103,8 @@ function Q(P, v) {
       return /* @__PURE__ */ e(
         "span",
         {
-          className: i(`${t}-custom-dot`, m),
-          style: n,
+          className: n(`${t}-custom-dot`, m),
+          style: i,
           children: s
         }
       );
@@ -111,8 +112,8 @@ function Q(P, v) {
     return l && !r && !p ? /* @__PURE__ */ e(
       "span",
       {
-        className: i(`${t}-text`, m),
-        style: n,
+        className: n(`${t}-text`, m),
+        style: i,
         children: l
       }
     ) : p || r && typeof s == "number" && s <= 0 ? /* @__PURE__ */ c("span", { className: `${t}-status-wrapper`, children: [
@@ -120,7 +121,7 @@ function Q(P, v) {
       /* @__PURE__ */ e(
         "span",
         {
-          className: i(
+          className: n(
             `${t}-status-dot`,
             {
               [`${t}-dot-pulse`]: x,
@@ -129,7 +130,7 @@ function Q(P, v) {
             },
             m
           ),
-          style: { ...a, ...n }
+          style: { ...a, ...i }
         }
       ),
       !!l && /* @__PURE__ */ e("span", { className: `${t}-status-text`, children: l })
@@ -145,7 +146,7 @@ function Q(P, v) {
         children: /* @__PURE__ */ e(
           "span",
           {
-            className: i(
+            className: n(
               `${t}-dot`,
               {
                 [`${t}-dot-pulse`]: x,
@@ -153,7 +154,7 @@ function Q(P, v) {
               },
               m
             ),
-            style: { ...a, ...n }
+            style: { ...a, ...i }
           }
         )
       }
@@ -161,8 +162,8 @@ function Q(P, v) {
       B,
       {
         prefixCls: t,
-        className: i(`${t}-number`, m),
-        style: { ...a, ...n },
+        className: n(`${t}-number`, m),
+        style: { ...a, ...i },
         maxCount: E,
         count: s
       }
@@ -173,7 +174,7 @@ function Q(P, v) {
     return /* @__PURE__ */ c(
       "div",
       {
-        className: i(
+        className: n(
           `${t}-ribbon`,
           `${t}-ribbon-${_}`,
           {
@@ -205,7 +206,7 @@ function Q(P, v) {
   ) : /* @__PURE__ */ c(
     "span",
     {
-      className: i(
+      className: n(
         t,
         {
           [`${t}-status`]: p,
@@ -228,7 +229,7 @@ function Q(P, v) {
 const D = z(Q);
 D.displayName = "Badge";
 D.Count = B;
-const Wt = f, Xt = [
+const Xt = f, Yt = [
   "default",
   "processing",
   "success",
@@ -236,8 +237,8 @@ const Wt = f, Xt = [
   "error"
 ];
 export {
-  Wt as BADGE_COLORS,
-  Xt as BADGE_STATUS,
+  Xt as BADGE_COLORS,
+  Yt as BADGE_STATUS,
   B as BadgeCount,
   D as default
 };

package/calendar/index.js

@@ -1,65 +1,65 @@
-import { jsxs as te, jsx as r } from "react/jsx-runtime";
-import ne from "lodash/merge";
-import { useContext as re, useState as M, useMemo as se } from "react";
+import { jsxs as ne, jsx as r } from "react/jsx-runtime";
+import re from "lodash/merge";
+import { useContext as se, useState as M, useMemo as le } from "react";
 import "../config-provider/ConfigProvider.js";
-import le from "../components/common/hooks/useMergeProps.js";
+import de from "../components/common/hooks/useMergeProps.js";
 import me from "@unicom-cloud/utils/class-name";
-import { getDayjsValue as u, getNow as $, methods as g } from "../components/common/utils/dayjs.js";
-import { pickDataAttributes as de } from "../components/common/utils/pick.js";
-import ce, { getAllDaysByTime as ie } from "./Month.js";
-import pe from "./Year.js";
-import fe from "./header/index.js";
-import he from "./header/Panel.js";
-import ue from "../config-provider/context.js";
-function ge(d, y) {
-  return d === "month" || d === "year" && !y ? "YYYY-MM-DD" : "YYYY-MM";
+import { getDayjsValue as u, getNow as A, methods as g } from "../components/common/utils/dayjs.js";
+import { pickDataAttributes as ce } from "../components/common/utils/pick.js";
+import ie, { getAllDaysByTime as pe } from "./Month.js";
+import fe from "./Year.js";
+import he from "./header/index.js";
+import ue from "./header/Panel.js";
+import ge from "../config-provider/context.js";
+function ye(m, y) {
+  return m === "month" || m === "year" && !y ? "YYYY-MM-DD" : "YYYY-MM";
 }
-const ye = {
+const Ce = {
   dayStartOfWeek: 0,
   panelWidth: 265,
   defaultMode: "month",
   headerType: "button",
   modes: ["month", "year"]
 };
-function Ce(d) {
+function De(m) {
   const {
     getPrefixCls: y,
-    locale: A,
-    componentConfig: k,
-    rtl: H
-  } = re(ue), s = le(
-    d,
-    ye,
-    k?.Calendar
+    locale: k,
+    componentConfig: H,
+    rtl: L
+  } = se(ge), s = de(
+    m,
+    Ce,
+    H?.Calendar
   ), {
-    style: L,
-    className: O,
-    dayStartOfWeek: T,
-    panel: m,
-    locale: W,
-    panelWidth: j,
-    panelTodayBtn: B,
-    defaultPageShowDate: E,
+    style: O,
+    className: T,
+    dayStartOfWeek: W,
+    panel: d,
+    locale: j,
+    panelWidth: B,
+    panelTodayBtn: E,
+    defaultPageShowDate: F,
     value: w,
-    pageShowDate: F,
-    defaultValue: R,
+    pageShowDate: R,
+    defaultValue: _,
     mode: S,
-    defaultMode: _,
-    onChange: q,
+    defaultMode: q,
+    onChange: z,
     onPanelChange: c,
     headerRender: P,
-    headerType: z,
-    modes: G,
-    panelOperations: I
-  } = s, l = ne(A.Calendar, W), o = y?.("calendar"), [J, K] = M(
-    S || _
-  ), a = S || J, i = ge(a, m), [Y, Q] = M(
-    u(w || R, i)
-  ), [U, p] = M(
-    u(E, i) || Y || $()
-  ), t = u(F, i) || U, C = "value" in s ? u(w, i) : Y, N = se(() => ie(s, t), [t.toString(), a, T]);
+    headerType: G,
+    modes: I,
+    panelOperations: J
+  } = s, l = re(k.Calendar, j), o = y?.("calendar"), [K, Q] = M(
+    S || q
+  ), a = S || K, i = ye(a, d), [Y, U] = M(
+    u(w || _, i)
+  ), [X, p] = M(
+    u(F, i) || Y || A()
+  ), t = u(R, i) || X, C = "value" in s ? u(w, i) : Y, N = le(() => pe(s, t), [t.toString(), a, W]);
   function f(e) {
-    Q(e), q?.(e), v(e);
+    U(e), z?.(e), v(e);
   }
   function v(e) {
     p(e), c?.(e);
@@ -69,66 +69,67 @@ function Ce(d) {
   }
   let D = "";
   a === "month" ? D = l.formatMonth : a === "year" && (D = l.formatYear);
-  function X(e, n) {
+  function Z(e, n) {
     let h;
     e === "prev" && (h = g.subtract(t, 1, n)), e === "next" && (h = g.add(t, 1, n)), p(h), c?.(h);
   }
-  function Z(e) {
+  function ee(e) {
     const n = g.set(t, "year", e);
     p(n), c?.(n);
   }
-  function ee(e) {
+  function ae(e) {
     const n = g.set(t, "month", e - 1);
     p(n), c?.(n);
   }
   function x(e) {
-    K(e);
+    Q(e);
   }
-  const ae = me(
+  const oe = me(
     o,
     a === "month" ? `${o}-mode-month` : `${o}-mode-year`,
     {
-      [`${o}-panel`]: m && (a === "month" || a === "year"),
-      [`${o}-rtl`]: H
+      [`${o}-panel`]: d && (a === "month" || a === "year"),
+      [`${o}-rtl`]: L
     },
-    O
-  ), oe = m ? { width: j } : {}, V = {
+    T
+  ), te = d ? { width: B } : {}, V = {
     prefixCls: o,
-    changePageShowDate: X,
+    changePageShowDate: Z,
     headerValueFormat: D,
     mergedPageShowDate: t,
-    modes: G,
+    modes: I,
     innerMode: a,
-    panelOperations: I
-  };
-  return /* @__PURE__ */ te(
+    panelOperations: J
+  }, $ = d ? /* @__PURE__ */ r(ue, { ...V }) : /* @__PURE__ */ r(
+    he,
+    {
+      ...V,
+      CALENDAR_LOCALE: l,
+      move: f,
+      innerMode: a,
+      changeMode: x,
+      onChangeYear: ee,
+      onChangeMonth: ae,
+      headerType: G
+    }
+  );
+  return /* @__PURE__ */ ne(
     "div",
     {
-      className: ae,
-      style: { ...L, ...oe },
-      ...de(s),
+      className: oe,
+      style: { ...O, ...te },
+      ...ce(s),
       children: [
         typeof P == "function" ? P({
           value: C,
           pageShowDate: t,
           onChangeMode: x,
           onChange: f,
-          onChangePageDate: v
-        }) : m ? /* @__PURE__ */ r(he, { ...V }) : /* @__PURE__ */ r(
-          fe,
-          {
-            ...V,
-            CALENDAR_LOCALE: l,
-            move: f,
-            innerMode: a,
-            changeMode: x,
-            onChangeYear: Z,
-            onChangeMonth: ee,
-            headerType: z
-          }
-        ),
+          onChangePageDate: v,
+          header: $
+        }) : $,
         a === "month" && /* @__PURE__ */ r("div", { className: `${o}-body`, children: /* @__PURE__ */ r(
-          ce,
+          ie,
           {
             ...s,
             prefixCls: o,
@@ -141,7 +142,7 @@ function Ce(d) {
           }
         ) }),
         a === "year" && /* @__PURE__ */ r("div", { className: `${o}-body`, children: /* @__PURE__ */ r(
-          pe,
+          fe,
           {
             ...s,
             prefixCls: o,
@@ -153,11 +154,11 @@ function Ce(d) {
             CALENDAR_LOCALE: l
           }
         ) }),
-        B && m && /* @__PURE__ */ r(
+        E && d && /* @__PURE__ */ r(
           "div",
           {
             className: `${o}-footer-btn-wrapper`,
-            onClick: () => f($()),
+            onClick: () => f(A()),
             children: l.today
           }
         )
@@ -165,9 +166,9 @@ function Ce(d) {
     }
   );
 }
-Ce.displayName = "Calendar";
+De.displayName = "Calendar";
 export {
-  ce as CalendarMonth,
-  pe as CalendarYear,
-  Ce as default
+  ie as CalendarMonth,
+  fe as CalendarYear,
+  De as default
 };

package/components/common/development/index.js

@@ -1,32 +1,47 @@
-import { jsxs as r, jsx as l } from "react/jsx-runtime";
-import n from "@unicom-cloud/icons/IconFluentFlatHourglassNotDone";
-import a from "@unicom-cloud/utils/class-name";
-import { UI_COMMON_PREFIX as o } from "@unicom-cloud/utils/constant/ui";
-import s from "lodash/uniqBy";
-import c from "lodash/uniqWith";
-import { forwardRef as f, useEffect as u, useImperativeHandle as x } from "react";
-function N(e, i) {
-  c([], (t) => t.xxx), s([{ x: 1 }, { x: 2 }, { x: 1 }], "x");
-  const m = `${o}-development`;
-  return u(() => () => {
-  }, []), x(i, () => ({})), /* @__PURE__ */ r("div", { className: a(m, e.className), children: [
-    e.url ? /* @__PURE__ */ l(
-      "img",
-      {
-        className: a(`${m}-img`, e.imgClassName),
-        src: e.url
-      },
-      "img"
-    ) : e.icon ?? /* @__PURE__ */ l(
-      n,
-      {
-        className: a(`${m}-icon`, e.iconClassName)
-      }
-    ),
-    /* @__PURE__ */ l("div", { className: a(`${m}-label`, e.labelClassName), children: e.tip ?? e.label ?? "等待开发" })
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import C from "@unicom-cloud/icons/IconFluentFlatHourglassNotDone";
+import s from "@unicom-cloud/utils/class-name";
+import { UI_COMMON_PREFIX as v } from "@unicom-cloud/utils/constant/ui";
+import { forwardRef as x, useMemo as b } from "react";
+const g = (t, n) => {
+  const {
+    url: a,
+    // 图片地址
+    imgClassName: o,
+    // 图片自定义类名
+    icon: m,
+    // 自定义图标
+    iconClassName: r,
+    // 图标自定义类名
+    tip: c,
+    // 高优先级提示文字
+    label: i = "等待开发",
+    // 次要提示文字（默认值）
+    labelClassName: p,
+    // 文字容器类名
+    className: N
+    // 外层容器类名
+  } = t, e = `${v}-development`, d = b(() => a ? /* @__PURE__ */ l(
+    "img",
+    {
+      className: s(`${e}-img`, o),
+      src: a,
+      alt: "开发预览图"
+    }
+  ) : m ?? /* @__PURE__ */ l(
+    C,
+    {
+      className: s(`${e}-icon`, r)
+    }
+  ), [a, e, o, m, r]), f = c ?? i;
+  return /* @__PURE__ */ u("div", { ref: n, className: s(e, N), children: [
+    d,
+    /* @__PURE__ */ l("div", { className: s(`${e}-label`, p), children: f })
   ] });
-}
-const h = f(N);
+}, D = x(
+  g
+);
+D.displayName = "Development";
 export {
-  h as default
+  D as default
 };

package/components/common/empty/index.js

@@ -1,37 +1,49 @@
-import { jsxs as N, jsx as t } from "react/jsx-runtime";
+import { jsxs as N, jsx as s } from "react/jsx-runtime";
 import $ from "@unicom-cloud/icons/IconUiEmpty";
-import { UI_COMMON_PREFIX as y } from "@unicom-cloud/utils/constant/ui";
-import { memo as g, forwardRef as x } from "react";
-import { SpaceVertical as u } from "../space/index.js";
-import s from "@unicom-cloud/utils/class-name";
-function C(c, n) {
-  const { style: a, className: p, description: m, icon: o, imgSrc: r, prefixCls: l, ...f } = c, e = `${y}-empty`, i = l ?? e, d = typeof m == "string" ? m : "empty";
+import { UI_COMMON_PREFIX as g } from "@unicom-cloud/utils/constant/ui";
+import { memo as x, forwardRef as u } from "react";
+import { SpaceVertical as C } from "../space/index.js";
+import r from "@unicom-cloud/utils/class-name";
+const E = (n, c) => {
+  const {
+    style: a,
+    className: p,
+    description: i = "无数据",
+    // 默认描述文本
+    icon: o,
+    imgSrc: m,
+    prefixCls: l,
+    ...f
+  } = n, e = `${g}-empty`, t = l ?? e, d = typeof i == "string" ? i : "empty", y = () => m ? /* @__PURE__ */ s(
+    "img",
+    {
+      className: r(`${e}-img`, `${t}-img`),
+      alt: d,
+      src: m,
+      loading: "lazy"
+    }
+  ) : o ? /* @__PURE__ */ s("div", { className: r(`${e}-icon`, `${t}-icon`), children: o }) : /* @__PURE__ */ s($, { className: r(`${e}-icon`, `${t}-icon`) });
   return /* @__PURE__ */ N(
-    u,
+    C,
     {
-      ref: n,
-      className: s(e, i, p),
+      ref: c,
+      className: r(e, t, p),
       style: a,
       justifyContent: "center",
       alignItems: "center",
       gap: 5,
       ...f,
       children: [
-        r ? /* @__PURE__ */ t(
-          "img",
-          {
-            className: s(`${e}-img`, `${i}-img`),
-            alt: d,
-            src: r
-          }
-        ) : o ? /* @__PURE__ */ t("div", { className: s(`${e}-icon`, `${i}-icon`), children: o }) : /* @__PURE__ */ t($, { className: s(`${e}-icon`, `${i}-icon`) }),
-        /* @__PURE__ */ t("div", { className: s(`${e}-description`, `${i}-description`), children: m || "无数据" })
+        y(),
+        /* @__PURE__ */ s("div", { className: r(`${e}-description`, `${t}-description`), children: i })
       ]
     }
   );
-}
-const E = g(x(C));
-E.displayName = "Empty";
+}, I = x(
+  u(E)
+);
+I.displayName = "Empty";
 export {
-  E as default
+  I as Empty,
+  I as default
 };

package/components/common/flex/index.js

@@ -0,0 +1,64 @@
+import { jsx as d } from "react/jsx-runtime";
+import { UI_COMMON_PREFIX as j } from "@unicom-cloud/utils/constant/ui";
+import { forwardRef as x, useMemo as C } from "react";
+import I from "../hooks/useMergeProps.js";
+import P from "@unicom-cloud/utils/class-name";
+import "../utils/is.js";
+import { GAP_SIZE_MAP as y } from "./interface.js";
+import { isBoolean as V, isArray as _, isString as A } from "@unicom-cloud/utils/is";
+const O = (o) => A(o) && Object.keys(y).includes(o), m = (o, r, t) => {
+  t !== void 0 && (O(t) ? o[r] = y[t] : o[r] = typeof t == "number" ? `${t}px` : t);
+}, S = (o = {}, r, t = "gap") => (r === void 0 || (_(r) ? (m(o, "rowGap", r[0]), m(o, "columnGap", r[1])) : m(o, t, r)), o), b = {
+  component: "div",
+  gap: "small"
+}, a = x((o, r) => {
+  const t = I(o, b, {}), {
+    className: g,
+    style: c,
+    flex: l,
+    gap: f,
+    children: u,
+    direction: e,
+    justify: i,
+    align: n,
+    component: N = "div",
+    wrap: s,
+    rtl: w,
+    ...F
+  } = t, p = `${j}-flex`, G = C(() => {
+    const M = {
+      display: "flex",
+      ...S({}, f),
+      ...s !== void 0 && {
+        flexWrap: V(s) ? s ? "wrap" : "nowrap" : s
+      },
+      ...n && { alignItems: n },
+      ...i && { justifyContent: i },
+      ...e && { flexDirection: e },
+      ...l && { flex: l }
+    };
+    return { ...c, ...M };
+  }, [f, s, n, i, e, l, c]);
+  return /* @__PURE__ */ d(
+    N,
+    {
+      ref: r,
+      style: G,
+      className: P(p, g, {
+        [`${p}-rtl`]: w,
+        [`${p}-${e}`]: e,
+        [`${p}-${i}`]: i,
+        [`${p}-${n}`]: n
+      }),
+      ...F,
+      children: u
+    }
+  );
+}), $ = x((o, r) => /* @__PURE__ */ d(a, { ref: r, ...o, direction: "column" }));
+a.Vertical = $;
+a.displayName = "Flex";
+$.displayName = "Flex.Vertical";
+export {
+  $ as FlexVertical,
+  a as default
+};

package/components/common/flex/interface.js

@@ -0,0 +1,9 @@
+const p = {
+  mini: "4px",
+  small: "8px",
+  medium: "12px",
+  large: "20px"
+};
+export {
+  p as GAP_SIZE_MAP
+};