@unicom-cloud/ui 0.8.100 → 0.8.101

package/details/index.js

@@ -1,81 +1,121 @@
-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 { jsxs as p, jsx as o } from "react/jsx-runtime";
+import b from "@unicom-cloud/icons/IconUiCheckCircleFill";
+import j from "@unicom-cloud/icons/IconUiCloseCircleFill";
+import T from "@unicom-cloud/icons/IconUiDown";
+import M from "@unicom-cloud/icons/IconUiExclamationCircleFill";
+import f from "@unicom-cloud/icons/IconUiInfoCircleFill";
+import { forwardRef as R, useContext as _, useState as q, useEffect as z } from "react";
 import "../config-provider/ConfigProvider.js";
-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 = {
+import "lodash/isEqualWith";
+import "../components/common/utils/is.js";
+import "@unicom-cloud/utils/constant/keyboardCode";
+import "lodash/isNumber";
+import "lodash/merge";
+import "../components/common/utils/dom.js";
+import "../components/common/hooks/useIntersectionObserver.js";
+import A from "../components/common/hooks/useMergeProps.js";
+import "../components/common/utils/reactDOM.js";
+import "@unicom-cloud/utils/constant";
+import B from "../components/common/hooks/useUpdateEffect.js";
+import "lodash/debounce";
+import d from "@unicom-cloud/utils/class-name";
+import G from "../config-provider/context.js";
+const H = {
   type: "default"
 };
-function T(p, f) {
-  const { getPrefixCls: d, componentConfig: u, rtl: C } = S(M), N = E(
-    p,
-    R,
-    u?.Details
+function J(u, C) {
+  const { getPrefixCls: N, componentConfig: $, rtl: g } = _(G), v = A(
+    u,
+    H,
+    $?.Details
   ), {
-    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(
+    style: h,
+    className: x,
+    type: s = "default",
+    title: l,
+    content: c,
+    icon: y,
+    banner: D,
+    open: t,
+    defaultOpen: I,
+    onOpen: U,
+    onClose: w,
+    ...F
+  } = v, e = N?.("details"), [k, a] = q({ open: !!I }), n = t === void 0 ? k.open : t, m = y || {
+    default: /* @__PURE__ */ o(f, {}),
+    info: /* @__PURE__ */ o(f, {}),
+    success: /* @__PURE__ */ o(b, {}),
+    warning: /* @__PURE__ */ o(M, {}),
+    error: /* @__PURE__ */ o(j, {})
+  }[s], E = d(
     e,
-    `${e}-${t}`,
+    `${e}-${s}`,
     {
-      [`${e}-banner`]: h,
-      [`${e}-rtl`]: C
+      [`${e}-banner`]: D,
+      [`${e}-rtl`]: g
     },
-    g
+    x
   );
-  return /* @__PURE__ */ a(
+  B(() => (n ? U?.() : w?.(), () => {
+  }), [n]), z(() => {
+    if (t !== void 0)
+      return a((r) => {
+        const i = { ...r };
+        return i.open = t, i;
+      }), () => {
+      };
+  }, [t]);
+  const O = (r) => {
+    if (t !== void 0) {
+      r.preventDefault();
+      return;
+    }
+    const i = r.target;
+    a((S) => ({
+      ...S,
+      open: i.open
+    }));
+  }, P = (r) => {
+    t !== void 0 && r.preventDefault();
+  };
+  return /* @__PURE__ */ p(
     "details",
     {
-      ref: f,
-      style: $,
-      className: D,
+      ref: C,
+      style: h,
+      className: E,
       role: "details",
-      onToggle: (i) => {
-        i.target?.open, w((U) => {
-          const l = { ...U };
-          return l.open = i.target?.open, l;
-        });
-      },
-      ...y,
+      open: n,
+      onToggle: O,
+      ...F,
       children: [
-        /* @__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(
-            P,
-            {
-              className: m(
-                `${e}-collapse-icon`,
-                I.open && `${e}-collapse-icon-open`
+        /* @__PURE__ */ p(
+          "summary",
+          {
+            className: `${e}-summary-wrapper`,
+            onClick: P,
+            children: [
+              m && /* @__PURE__ */ o("div", { className: `${e}-icon`, children: m }),
+              l && /* @__PURE__ */ o("div", { className: `${e}-title`, children: l }),
+              /* @__PURE__ */ o(
+                T,
+                {
+                  className: d(
+                    `${e}-collapse-icon`,
+                    n && `${e}-collapse-icon-open`
+                  )
+                }
               )
-            }
-          )
-        ] }),
-        /* @__PURE__ */ o("div", { className: `${e}-content-wrapper`, children: r && /* @__PURE__ */ o("div", { className: `${e}-content`, children: r }) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ o("div", { className: `${e}-content-wrapper`, children: c && /* @__PURE__ */ o("div", { className: `${e}-content`, children: c }) })
       ]
     }
   );
 }
-const _ = j(T);
-_.displayName = "Details";
+const K = R(J);
+K.displayName = "Details";
 export {
-  _ as default
+  K as default
 };

package/divider/index.js

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

package/empty/index.js

@@ -1,23 +1,23 @@
-import { jsx as f } from "react/jsx-runtime";
-import { memo as a, forwardRef as c, useContext as l } from "react";
-import y from "../components/common/empty/index.js";
+import { jsx as a } from "react/jsx-runtime";
+import { memo as f, forwardRef as c, useContext as l } from "react";
+import { Empty as y } from "../components/common/empty/index.js";
 import "../config-provider/ConfigProvider.js";
 import C from "../components/common/hooks/useMergeProps.js";
 import x from "../config-provider/context.js";
-function g(o, t) {
+function E(o, t) {
   const {
-    getPrefixCls: r,
-    locale: e,
-    componentConfig: m
+    getPrefixCls: m,
+    locale: r,
+    componentConfig: e
   } = l(x), p = C(
     o,
     {},
-    m?.Empty
-  ), { ...n } = p, s = r?.("empty"), i = e.Empty.noData;
-  return /* @__PURE__ */ f(y, { ref: t, prefixCls: s, description: i, ...n });
+    e?.Empty
+  ), { ...n } = p, s = m?.("empty"), i = r.Empty.noData;
+  return /* @__PURE__ */ a(y, { ref: t, prefixCls: s, description: i, ...n });
 }
-const u = a(c(g));
-u.displayName = "Empty";
+const g = f(c(E));
+g.displayName = "Empty";
 export {
-  u as default
+  g as default
 };

package/flex/index.js

@@ -1,59 +1,47 @@
-import { jsx as c } from "react/jsx-runtime";
-import V, { forwardRef as n } from "react";
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as m, useContext as x } from "react";
+import d from "../components/common/flex/index.js";
 import "../config-provider/ConfigProvider.js";
-import h from "../components/common/hooks/useMergeProps.js";
-import w from "@unicom-cloud/utils/class-name";
-import { isPresetSize as i, createFlexClassNames as z } from "./utils.js";
-import R from "../config-provider/context.js";
-const S = {
-  component: "div",
-  vertical: !1
-};
-function j(r, o) {
-  const { getPrefixCls: p, rtl: f, componentConfig: x } = V.useContext(R), l = h(
-    r,
-    S,
-    x?.Flex
-  ), {
-    prefixCls: C,
-    rootClassName: d,
-    className: u,
-    style: g,
-    flex: a,
-    gap: e,
-    children: N,
-    vertical: v,
-    component: F = "div",
-    wrap: b,
-    ...P
-  } = l, t = p?.("flex", C), y = w(
-    t,
-    u,
-    d,
-    {
-      [`${t}-rtl`]: f,
-      [`${t}-gap-${e}`]: i(e),
-      [`${t}-vertical`]: v
-    },
-    z(t, l)
-  ), $ = {
-    ...g,
-    ...a ? { flex: a } : {},
-    ...e && !i(e) ? { gap: e } : {}
-  };
-  return /* @__PURE__ */ c(F, { ref: o, className: y, style: $, ...P, children: N });
-}
-const s = n(
-  j
+import "lodash/isEqualWith";
+import "../components/common/utils/is.js";
+import "@unicom-cloud/utils/constant/keyboardCode";
+import "lodash/isNumber";
+import "lodash/merge";
+import "../components/common/utils/dom.js";
+import "../components/common/hooks/useIntersectionObserver.js";
+import C from "../components/common/hooks/useMergeProps.js";
+import "../components/common/utils/reactDOM.js";
+import "@unicom-cloud/utils/constant";
+import "lodash/debounce";
+import F from "@unicom-cloud/utils/class-name";
+import u from "../config-provider/context.js";
+const N = {
+  children: void 0
+}, r = m(
+  (o, t) => {
+    const { getPrefixCls: s, componentConfig: p, rtl: l } = x(u), n = C(
+      o,
+      N,
+      p?.Flex
+    ), { className: a, ...c } = n, f = s?.("flex");
+    return /* @__PURE__ */ e(
+      d,
+      {
+        ref: t,
+        className: F(f, a),
+        rtl: l,
+        ...c
+      }
+    );
+  }
 );
-s.displayName = "Flex";
-function M(r, o) {
-  return /* @__PURE__ */ c(s, { ref: o, ...r, vertical: !0, children: r.children });
-}
-const m = n(M);
-m.displayName = "FlexVertical";
-s.Vertical = m;
+r.displayName = "Flex";
+const i = m((o, t) => /* @__PURE__ */ e(r, { ref: t, direction: "column", ...o }));
+i.displayName = "FlexVertical";
+const B = Object.assign(r, {
+  Vertical: i
+});
 export {
-  m as FlexVertical,
-  s as default
+  i as FlexVertical,
+  B as default
 };

package/flex/interface.js

@@ -1,34 +1 @@
-const e = [
-  "wrap",
-  "nowrap",
-  "wrap-reverse"
-], t = [
-  "flex-start",
-  "flex-end",
-  "start",
-  "end",
-  "center",
-  "space-between",
-  "space-around",
-  "space-evenly",
-  "stretch",
-  "normal",
-  "left",
-  "right"
-], s = [
-  "center",
-  "start",
-  "end",
-  "flex-start",
-  "flex-end",
-  "self-start",
-  "self-end",
-  "baseline",
-  "normal",
-  "stretch"
-];
-export {
-  s as alignItemsValues,
-  e as flexWrapValues,
-  t as justifyContentValues
-};
+

package/icon/interface.js

@@ -0,0 +1 @@
+

package/icon-hover/interface.js

@@ -0,0 +1 @@
+