@unicom-cloud/ui 0.8.99 → 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

@@ -0,0 +1,47 @@
+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 "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
+      }
+    );
+  }
+);
+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 {
+  i as FlexVertical,
+  B as default
+};

package/flex/interface.js

@@ -0,0 +1 @@
+

package/grid/{GridItem.js → Item.js}

@@ -15,27 +15,27 @@ const U = {
   span: 1
 };
 function W($, g) {
-  const { getPrefixCls: G, componentConfig: _, rtl: y } = p(K), i = q(
+  const { getPrefixCls: _, componentConfig: y, rtl: S } = p(K), a = q(
     $,
     U,
-    _?.["Grid.GridItem"]
+    y?.["Grid.Item"]
   ), {
-    children: a,
-    className: S,
+    children: i,
+    className: G,
     style: v,
     offset: N,
     span: D,
     __index__: s
-  } = i, r = p(A), { collectItemData: R, removeItemData: E } = p(
+  } = a, n = p(A), { collectItemData: R, removeItemData: E } = p(
     H
-  ), { colGap: f, cols: l, displayIndexList: P, overflow: u } = r, d = C(N, 0), n = C(D, 1), x = G?.("grid-item"), w = P?.includes(s), M = {
+  ), { colGap: f, cols: l, displayIndexList: P, overflow: u } = n, d = C(N, 0), r = C(D, 1), x = _?.("grid-item"), w = P?.includes(s), M = {
     [`${x}`]: !0,
-    [`${x}-rtl`]: y
-  }, b = z(M, S), e = c(() => J(r.cols, {
-    suffix: !!i.suffix,
-    span: n,
+    [`${x}-rtl`]: S
+  }, b = z(M, G), e = c(() => J(n.cols, {
+    suffix: !!a.suffix,
+    span: r,
     offset: d
-  }), [r.cols, i.suffix, n, d]);
+  }), [n.cols, a.suffix, r, d]);
   k(() => (R(s, e), () => {
     E(s);
   }), [s, e]);
@@ -47,8 +47,8 @@ function W($, g) {
   }, [e, f]), L = c(() => {
     const { suffix: t, span: o } = e;
     return t ? `${l - o + 1}` : `span ${o}`;
-  }, [e, l]), j = !w || n === 0 ? { display: "none" } : {}, B = {
-    gridColumn: `${L} / span ${n}`,
+  }, [e, l]), j = !w || r === 0 ? { display: "none" } : {}, B = {
+    gridColumn: `${L} / span ${r}`,
     ...F,
     ...j
   };
@@ -61,7 +61,7 @@ function W($, g) {
         ...B,
         ...v
       },
-      children: Q(a) ? a({ overflow: u }) : m.Children.map(a, (t) => t && r.collapsed && m.isValidElement(t) && !T(t.type) ? m.cloneElement(t, {
+      children: Q(i) ? i({ overflow: u }) : m.Children.map(i, (t) => t && n.collapsed && m.isValidElement(t) && !T(t.type) ? m.cloneElement(t, {
         overflow: u,
         ...t.props
       }) : t)
@@ -69,7 +69,7 @@ function W($, g) {
   );
 }
 const X = V(W), I = X;
-I.displayName = "GridItem";
+I.displayName = "Grid.Item";
 I.__PQB_GRID_ITEM__ = !0;
 export {
   I as default

package/grid/index.js

@@ -1,6 +1,6 @@
 import m from "./Col.js";
 import r from "./Grid.js";
-import t from "./GridItem.js";
+import t from "./Item.js";
 import i from "./Row.js";
 const o = r;
 o.Col = m;

package/icon/interface.js

@@ -0,0 +1 @@
+

package/icon-hover/interface.js

@@ -0,0 +1 @@
+