@unicom-cloud/ui 0.8.96 → 0.8.98

package/descriptions/index.js

@@ -1,85 +1,85 @@
 import { jsxs as c, jsx as r } from "react/jsx-runtime";
-import I from "lodash/isArray";
+import C from "lodash/isArray";
 import V from "lodash/isNumber";
 import q from "lodash/isPlainObject";
 import { useContext as B, useState as G, useRef as J, useEffect as K, Fragment as x } from "react";
 import "../config-provider/ConfigProvider.js";
 import Q from "../components/common/hooks/useMergeProps.js";
 import U from "@unicom-cloud/utils/class-name";
-import { responsiveObserve as k, responsiveArray as z } from "../utils/responsiveObserve.js";
+import { responsiveObserve as P, responsiveArray as k } from "../utils/responsiveObserve.js";
 import W from "../config-provider/context.js";
-const P = (f) => I(f) ? f.reduce((p, m) => p + (m.span || 1), 0) : 0, X = {
+const z = (u) => C(u) ? u.reduce((f, h) => f + (h.span || 1), 0) : 0, X = {
   layout: "horizontal",
   column: 3,
   tableLayout: "auto"
 };
-function Y(f) {
+function Y(u) {
   const {
-    getPrefixCls: p,
-    componentConfig: m,
-    rtl: w,
+    getPrefixCls: f,
+    componentConfig: h,
+    rtl: I,
     size: d
-  } = B(W), D = Q(
-    f,
+  } = B(W), w = Q(
+    u,
     X,
-    m == null ? void 0 : m.Descriptions
+    h?.Descriptions
   ), {
-    style: L,
-    className: O,
-    column: u,
+    style: D,
+    className: L,
+    column: p,
     title: v,
     data: b,
-    border: j,
+    border: O,
     labelStyle: y,
     valueStyle: $,
     colon: N,
-    layout: h,
-    size: S,
-    tableLayout: C
-  } = D, s = p == null ? void 0 : p("descriptions"), [A, E] = G(), g = J(null);
-  K(() => (g.current = k.subscribe((n) => {
-    for (let t = 0; t < z.length; t++) {
-      const e = z[t];
-      if (n[e]) {
+    layout: m,
+    size: g,
+    tableLayout: j
+  } = w, n = f?.("descriptions"), [A, E] = G(), S = J(null);
+  K(() => (S.current = P.subscribe((s) => {
+    for (let t = 0; t < k.length; t++) {
+      const e = k[t];
+      if (s[e]) {
         E(e);
         break;
       }
     }
   }), () => {
-    k.unsubscribe(g.current);
+    P.unsubscribe(S.current);
   }), []);
   let l = 3;
-  q(u) && (l = u[A] || 3), V(u) && u > 0 && (l = u);
-  const o = [];
-  if (I(b) && b.length > 0 && l) {
+  q(p) && (l = p[A] || 3), V(p) && p > 0 && (l = p);
+  const i = [];
+  if (C(b) && b.length > 0 && l) {
     b.forEach((e) => {
-      const i = o[o.length - 1], a = P(i);
-      a === 0 ? o.push([
+      const o = i[i.length - 1], a = z(o);
+      a === 0 ? i.push([
         {
           ...e,
           span: e.span ? e.span > l ? l : e.span : 1
         }
-      ]) : a === l ? o.push([
+      ]) : a === l ? i.push([
         {
           ...e,
           span: e.span ? e.span > l ? l : e.span : 1
         }
-      ]) : i.push({
+      ]) : o.push({
         ...e,
         span: e.span ? e.span + a > l ? l - a : e.span : 1
       });
     });
-    const n = o[o.length - 1], t = P(n);
-    t < l && (n[n.length - 1].span = n[n.length - 1].span + l - t);
+    const s = i[i.length - 1], t = z(s);
+    t < l && (s[s.length - 1].span = s[s.length - 1].span + l - t);
   }
-  function F(n, t) {
+  function F(s, t) {
     return /* @__PURE__ */ c(x, { children: [
-      /* @__PURE__ */ r("tr", { className: `${s}-row`, children: n.map((e, i) => {
+      /* @__PURE__ */ r("tr", { className: `${n}-row`, children: s.map((e, o) => {
         const a = e.span > 1 ? { colSpan: e.span } : {};
         return /* @__PURE__ */ c(
           "td",
           {
-            className: `${s}-item-label`,
+            className: `${n}-item-label`,
             ...a,
             style: y,
             children: [
@@ -87,57 +87,57 @@ function Y(f) {
               N
             ]
           },
-          `${e.key || i}_label`
+          `${e.key || o}_label`
         );
       }) }),
-      /* @__PURE__ */ r("tr", { className: `${s}-row`, children: n.map((e, i) => {
+      /* @__PURE__ */ r("tr", { className: `${n}-row`, children: s.map((e, o) => {
         const a = e.span > 1 ? { colSpan: e.span } : {};
         return /* @__PURE__ */ r(
           "td",
           {
-            className: `${s}-item-value`,
+            className: `${n}-item-value`,
             ...a,
             style: $,
             children: e.value
           },
-          `${e.key || i}_value`
+          `${e.key || o}_value`
         );
       }) })
     ] }, t);
   }
-  function H(n, t) {
-    return /* @__PURE__ */ r("tr", { className: `${s}-row`, children: n.map((e, i) => {
+  function H(s, t) {
+    return /* @__PURE__ */ r("tr", { className: `${n}-row`, children: s.map((e, o) => {
       const a = e.span > 1 ? { colSpan: e.span * 2 - 1 } : {};
       return /* @__PURE__ */ c(x, { children: [
-        /* @__PURE__ */ c("td", { className: `${s}-item-label`, style: y, children: [
+        /* @__PURE__ */ c("td", { className: `${n}-item-label`, style: y, children: [
           e.label,
           N
         ] }),
         /* @__PURE__ */ r(
           "td",
           {
-            className: `${s}-item-value`,
+            className: `${n}-item-value`,
             ...a,
             style: $,
             children: e.value
           }
         )
-      ] }, e.key || i);
+      ] }, e.key || o);
     }) }, t);
   }
-  function M(n, t) {
-    return /* @__PURE__ */ r("tr", { className: `${s}-row`, children: n.map((e, i) => {
+  function M(s, t) {
+    return /* @__PURE__ */ r("tr", { className: `${n}-row`, children: s.map((e, o) => {
       const a = e.span > 1 ? { colSpan: e.span } : {};
       return /* @__PURE__ */ c(
         "td",
         {
           ...a,
-          className: `${s}-item`,
+          className: `${n}-item`,
           children: [
             /* @__PURE__ */ c(
               "div",
               {
-                className: `${s}-item-label-inline`,
+                className: `${n}-item-label-inline`,
                 style: y,
                 children: [
                   e.label,
@@ -148,34 +148,34 @@ function Y(f) {
             /* @__PURE__ */ r(
               "div",
               {
-                className: `${s}-item-value-inline`,
+                className: `${n}-item-value-inline`,
                 style: $,
                 children: e.value
               }
             )
           ]
         },
-        e.key || i
+        e.key || o
       );
     }) }, t);
   }
-  function R(n, t) {
-    return h === "inline-vertical" || h === "inline-horizontal" ? M(n, t) : h === "vertical" ? F(n, t) : H(n, t);
+  function R(s, t) {
+    return m === "inline-vertical" || m === "inline-horizontal" ? M(s, t) : m === "vertical" ? F(s, t) : H(s, t);
   }
   const T = U(
-    s,
+    n,
     {
-      [`${s}-border`]: j,
-      [`${s}-layout-${h}`]: h,
-      [`${s}-size-${S || d}`]: S || d,
-      [`${s}-table-layout-fixed`]: C === "fixed",
-      [`${s}-rtl`]: w
+      [`${n}-border`]: O,
+      [`${n}-layout-${m}`]: m,
+      [`${n}-size-${g || d}`]: g || d,
+      [`${n}-table-layout-fixed`]: j === "fixed",
+      [`${n}-rtl`]: I
     },
-    O
+    L
   );
-  return /* @__PURE__ */ c("div", { className: T, style: L, children: [
-    v && /* @__PURE__ */ r("div", { className: `${s}-title`, children: v }),
-    /* @__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) => R(n, t)) }) }) })
+  return /* @__PURE__ */ c("div", { className: T, style: D, children: [
+    v && /* @__PURE__ */ r("div", { className: `${n}-title`, children: v }),
+    /* @__PURE__ */ r("div", { className: `${n}-body`, children: /* @__PURE__ */ r("table", { className: `${n}-table`, cellPadding: 0, cellSpacing: 0, children: /* @__PURE__ */ r("tbody", { children: i.map((s, t) => R(s, t)) }) }) })
   ] });
 }
 Y.displayName = "Descriptions";

package/details/index.js

@@ -1,83 +1,81 @@
-import { jsxs as f, jsx as o } from "react/jsx-runtime";
-import b from "@unicom-cloud/icons/IconUiCheckCircleFill";
-import j from "@unicom-cloud/icons/IconUiCloseCircleFill";
-import S from "@unicom-cloud/icons/IconUiDown";
-import k from "@unicom-cloud/icons/IconUiExclamationCircleFill";
-import d from "@unicom-cloud/icons/IconUiInfoCircleFill";
-import { forwardRef as E, useContext as M, useState as P } from "react";
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import v from "@unicom-cloud/icons/IconUiCheckCircleFill";
+import F from "@unicom-cloud/icons/IconUiCloseCircleFill";
+import P from "@unicom-cloud/icons/IconUiDown";
+import b from "@unicom-cloud/icons/IconUiExclamationCircleFill";
+import c from "@unicom-cloud/icons/IconUiInfoCircleFill";
+import { forwardRef as j, useContext as S, useState as k } from "react";
 import "../config-provider/ConfigProvider.js";
-import R from "../components/common/hooks/useMergeProps.js";
-import u from "@unicom-cloud/utils/class-name";
-import T from "../config-provider/context.js";
-const _ = {
+import E from "../components/common/hooks/useMergeProps.js";
+import m from "@unicom-cloud/utils/class-name";
+import M from "../config-provider/context.js";
+const R = {
   type: "default"
 };
-function q(N, $) {
-  const { getPrefixCls: t, componentConfig: s, rtl: C } = M(T), h = R(
-    N,
-    _,
-    s == null ? void 0 : s.Details
+function T(p, f) {
+  const { getPrefixCls: d, componentConfig: u, rtl: C } = S(M), N = E(
+    p,
+    R,
+    u?.Details
   ), {
-    style: x,
-    className: y,
-    type: r,
-    title: i,
-    content: n,
-    icon: I,
-    banner: g,
-    ...w
-  } = h, e = t == null ? void 0 : t("details"), [D, U] = P({}), l = I || {
-    default: /* @__PURE__ */ o(d, {}),
-    info: /* @__PURE__ */ o(d, {}),
-    success: /* @__PURE__ */ o(b, {}),
-    warning: /* @__PURE__ */ o(k, {}),
-    error: /* @__PURE__ */ o(j, {})
-  }[r], v = u(
+    style: $,
+    className: g,
+    type: t,
+    title: s,
+    content: r,
+    icon: x,
+    banner: h,
+    ...y
+  } = N, e = d?.("details"), [I, w] = k({}), n = x || {
+    default: /* @__PURE__ */ o(c, {}),
+    info: /* @__PURE__ */ o(c, {}),
+    success: /* @__PURE__ */ o(v, {}),
+    warning: /* @__PURE__ */ o(b, {}),
+    error: /* @__PURE__ */ o(F, {})
+  }[t], D = m(
     e,
-    `${e}-${r}`,
+    `${e}-${t}`,
     {
-      [`${e}-banner`]: g,
+      [`${e}-banner`]: h,
       [`${e}-rtl`]: C
     },
-    y
+    g
   );
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ a(
     "details",
     {
-      ref: $,
-      style: x,
-      className: v,
+      ref: f,
+      style: $,
+      className: D,
       role: "details",
-      onToggle: (a) => {
-        var c;
-        (c = a.target) != null && c.open, U((F) => {
-          var p;
-          const m = { ...F };
-          return m.open = (p = a.target) == null ? void 0 : p.open, m;
+      onToggle: (i) => {
+        i.target?.open, w((U) => {
+          const l = { ...U };
+          return l.open = i.target?.open, l;
         });
       },
-      ...w,
+      ...y,
       children: [
-        /* @__PURE__ */ f("summary", { className: `${e}-summary-wrapper`, children: [
-          l && /* @__PURE__ */ o("div", { className: `${e}-icon`, children: l }),
-          i && /* @__PURE__ */ o("div", { className: `${e}-title`, children: i }),
+        /* @__PURE__ */ a("summary", { className: `${e}-summary-wrapper`, children: [
+          n && /* @__PURE__ */ o("div", { className: `${e}-icon`, children: n }),
+          s && /* @__PURE__ */ o("div", { className: `${e}-title`, children: s }),
           /* @__PURE__ */ o(
-            S,
+            P,
             {
-              className: u(
+              className: m(
                 `${e}-collapse-icon`,
-                D.open && `${e}-collapse-icon-open`
+                I.open && `${e}-collapse-icon-open`
               )
             }
           )
         ] }),
-        /* @__PURE__ */ o("div", { className: `${e}-content-wrapper`, children: n && /* @__PURE__ */ o("div", { className: `${e}-content`, children: n }) })
+        /* @__PURE__ */ o("div", { className: `${e}-content-wrapper`, children: r && /* @__PURE__ */ o("div", { className: `${e}-content`, children: r }) })
       ]
     }
   );
 }
-const z = E(q);
-z.displayName = "Details";
+const _ = j(T);
+_.displayName = "Details";
 export {
-  z as default
+  _ as default
 };

package/development/index.js

@@ -1,23 +1,23 @@
 import { jsx as a } from "react/jsx-runtime";
-import m from "@unicom-cloud/utils/class-name";
+import t from "@unicom-cloud/utils/class-name";
 import { forwardRef as s, useContext as l, useEffect as r, useImperativeHandle as f } from "react";
 import i from "../components/common/development/index.js";
 import "../config-provider/ConfigProvider.js";
 import c from "../config-provider/context.js";
-function C(e, n) {
-  const { getPrefixCls: o, componentConfig: p } = l(c), t = o == null ? void 0 : o("development");
+function C(e, m) {
+  const { getPrefixCls: n, componentConfig: p } = l(c), o = n?.("development");
   return r(() => () => {
-  }, []), f(n, () => ({})), /* @__PURE__ */ a(
+  }, []), f(m, () => ({})), /* @__PURE__ */ a(
     i,
     {
       ...e,
-      className: m(t, e.className),
-      iconClassName: m(`${t}-icon`, e.iconClassName),
-      labelClassName: m(`${t}-label`, e.labelClassName)
+      className: t(o, e.className),
+      iconClassName: t(`${o}-icon`, e.iconClassName),
+      labelClassName: t(`${o}-label`, e.labelClassName)
     }
   );
 }
-const $ = s(C);
+const g = s(C);
 export {
-  $ as default
+  g as default
 };

package/dist/tinycolor/chunk/BOzCVdr0.js

@@ -86,7 +86,7 @@ const q = {
     new e("#E8EBEE")
   ]
 }, K = i.map((n, s, F) => {
-  const r = n.name, a = (r == null ? void 0 : r.en) ?? (r == null ? void 0 : r.zh) ?? r, u = n.value;
+  const r = n.name, a = r?.en ?? r?.zh ?? r, u = n.value;
   return {
     key: a,
     name: r,

package/dist/validate/src/index.js

@@ -58,7 +58,7 @@ class p {
     return (this._not ? t : !t) && this.addError(e), this;
   }
   collect(t) {
-    t == null || t(this.error);
+    t?.(this.error);
   }
 }
 class R extends p {
@@ -155,12 +155,12 @@ class A extends p {
     if (t)
       return o = t(this.obj, this.addError.bind(this)), o && o.then ? (e && o.then(
         () => {
-          e == null || e(this.error);
+          e?.(this.error);
         },
         (a) => {
           console.error(a);
         }
-      ), [o, this]) : (e == null || e(this.error), this.error);
+      ), [o, this]) : (e?.(this.error), this.error);
   }
 }
 class D extends p {
@@ -387,8 +387,8 @@ class J {
     }), o.length > 0 ? Promise.all(o.map((s) => s.function)).then(() => {
       o.forEach((s) => {
         s._this.error && g(s.key, s._this.error);
-      }), e == null || e(a);
-    }) : e == null || e(a);
+      }), e?.(a);
+    }) : e?.(a);
   }
 }
 export {

package/dist/validate/src/util.js

@@ -2,7 +2,7 @@ import { isObject as l } from "@unicom-cloud/utils/is";
 const i = (o, n) => {
   const r = { ...o };
   return Object.keys(n || {}).forEach((e) => {
-    const t = r[e], s = n == null ? void 0 : n[e];
+    const t = r[e], s = n?.[e];
     r[e] = l(t) ? {
       ...t,
       ...s

package/divider/index.js

@@ -1,41 +1,41 @@
-import { jsx as a } from "react/jsx-runtime";
-import { forwardRef as $, useContext as x } from "react";
+import { jsx as s } from "react/jsx-runtime";
+import { forwardRef as x, useContext as $ } from "react";
 import "../config-provider/ConfigProvider.js";
 import u from "../components/common/hooks/useMergeProps.js";
-import N from "@unicom-cloud/utils/class-name";
-import h from "../config-provider/context.js";
-const v = {
+import C from "@unicom-cloud/utils/class-name";
+import N from "../config-provider/context.js";
+const h = {
   type: "horizontal",
   orientation: "center"
 };
-function y(n, m) {
-  const { getPrefixCls: o, componentConfig: r } = x(h), l = u(
-    n,
-    v,
-    r == null ? void 0 : r.Divider
-  ), { children: e, style: p, className: c, type: i, orientation: s, ...d } = l, t = o == null ? void 0 : o("divider"), f = N(
+function v(i, n) {
+  const { getPrefixCls: a, componentConfig: m } = $(N), l = u(
+    i,
+    h,
+    m?.Divider
+  ), { children: e, style: p, className: c, type: r, orientation: o, ...f } = l, t = a?.("divider"), d = C(
     t,
-    `${t}-${i}`,
+    `${t}-${r}`,
     {
       [`${t}-with-text`]: e,
-      [`${t}-with-text-${s}`]: e && s
+      [`${t}-with-text-${o}`]: e && o
     },
     c
   );
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ s(
     "div",
     {
       role: "separator",
-      ref: m,
-      className: f,
+      ref: n,
+      className: d,
       style: p,
-      ...d,
-      children: e && i === "horizontal" ? /* @__PURE__ */ a("span", { className: `${t}-text ${t}-text-${s}`, children: e }) : null
+      ...f,
+      children: e && r === "horizontal" ? /* @__PURE__ */ s("span", { className: `${t}-text ${t}-text-${o}`, children: e }) : null
     }
   );
 }
-const D = $(y);
-D.displayName = "Divider";
+const g = x(v);
+g.displayName = "Divider";
 export {
-  D as default
+  g as default
 };

package/draggable/Item.js

@@ -1,35 +1,35 @@
-import { jsx as T } from "react/jsx-runtime";
-import { useRef as P, useState as m, useEffect as $ } from "react";
-import S from "@unicom-cloud/utils/class-name";
-function N(h) {
+import { jsx as x } from "react/jsx-runtime";
+import { useRef as d, useState as f, useEffect as u } from "react";
+import T from "@unicom-cloud/utils/class-name";
+function I(c) {
   const {
     prefixCls: r,
-    style: v,
-    children: b,
-    direction: w,
-    disabled: x,
+    style: m,
+    children: D,
+    direction: v,
+    disabled: P,
     droppable: i = !0,
-    onDrop: s,
-    onDragStart: l,
-    onDragEnd: g,
-    onDragOver: f,
-    onDragLeave: p
-  } = h, D = P(null), u = P(null), [a, o] = m("none"), [O, n] = m(!1), [c, d] = m(null);
-  return $(() => () => {
-    u.current && clearTimeout(u.current);
-  }, []), $(() => {
-    a === "dragged" && (u.current = setTimeout(() => o("none"), 1e3));
-  }, [a]), /* @__PURE__ */ T(
+    onDrop: $,
+    onDragStart: h,
+    onDragEnd: O,
+    onDragOver: b,
+    onDragLeave: w
+  } = c, p = d(null), s = d(null), [a, o] = f("none"), [S, n] = f(!1), [g, l] = f(null);
+  return u(() => () => {
+    s.current && clearTimeout(s.current);
+  }, []), u(() => {
+    a === "dragged" && (s.current = setTimeout(() => o("none"), 1e3));
+  }, [a]), /* @__PURE__ */ x(
     "li",
     {
       draggable: !0,
-      ref: D,
-      style: v,
-      className: S(`${r}-item`, {
+      ref: p,
+      style: m,
+      className: T(`${r}-item`, {
         [`${r}-item-${a}`]: a !== "none",
-        [`${r}-item-gap-${c}`]: c,
-        [`${r}-item-disabled`]: x,
-        [`${r}-item-dragover`]: O
+        [`${r}-item-gap-${g}`]: g,
+        [`${r}-item-disabled`]: P,
+        [`${r}-item-dragover`]: S
       }),
       onDragStart: (t) => {
         t.stopPropagation(), o("dragging");
@@ -38,30 +38,30 @@ function N(h) {
         } catch (e) {
           console.error(e);
         }
-        l == null || l(t);
+        h?.(t);
       },
       onDragEnd: (t) => {
-        t.stopPropagation(), n(!1), o("dragged"), g == null || g(t);
+        t.stopPropagation(), n(!1), o("dragged"), O?.(t);
       },
       onDragOver: (t) => {
         if (i) {
           t.stopPropagation(), t.preventDefault();
-          const e = D.current.getBoundingClientRect();
-          d(
-            w === "vertical" ? t.pageY > window.pageYOffset + e.top + e.height / 2 ? "bottom" : "top" : t.pageX > window.pageXOffset + e.left + e.width / 2 ? "right" : "left"
-          ), n(!0), f == null || f(t);
+          const e = p.current.getBoundingClientRect();
+          l(
+            v === "vertical" ? t.pageY > window.pageYOffset + e.top + e.height / 2 ? "bottom" : "top" : t.pageX > window.pageXOffset + e.left + e.width / 2 ? "right" : "left"
+          ), n(!0), b?.(t);
         }
       },
       onDragLeave: (t) => {
-        i && (t.stopPropagation(), n(!1), p == null || p(t));
+        i && (t.stopPropagation(), n(!1), w?.(t));
       },
       onDrop: (t) => {
-        i && (t.stopPropagation(), t.preventDefault(), n(!1), d(null), o("none"), s == null || s(t, c));
+        i && (t.stopPropagation(), t.preventDefault(), n(!1), l(null), o("none"), $?.(t, g));
       },
-      children: b
+      children: D
     }
   );
 }
 export {
-  N as default
+  I as default
 };