@unicom-cloud/ui 0.8.46 → 0.8.47

package/chunk/DfvdYCUz.js

@@ -0,0 +1,161 @@
+import { jsxs as I, jsx as l } from "react/jsx-runtime";
+import v, { useContext as D, useRef as j, useEffect as k } from "react";
+import { a as S } from "./z7sBNzI4.js";
+import F from "../hooks/useMergeProps.js";
+import E from "../Spin.js";
+import b from "@unicom-cloud/utils/class-name";
+const L = {
+  dotType: "solid",
+  lineType: "solid"
+};
+function M(f, u) {
+  const { getPrefixCls: c, componentConfig: r } = D(S), i = F(
+    f,
+    L,
+    r == null ? void 0 : r["Timeline.Item"]
+  ), {
+    children: n,
+    className: g,
+    style: N,
+    label: $,
+    position: P,
+    dot: T,
+    dotColor: d,
+    dotType: a,
+    lineType: x,
+    lineColor: h,
+    direction: p,
+    labelPosition: o,
+    autoFixDotSize: m = !0,
+    ...t
+  } = i, s = j(null), e = c("timeline"), y = () => {
+    if (s.current) {
+      const w = 16 / s.current.offsetWidth;
+      w < 1 && (s.current.style.transform = `translateX(-50%) translateY(-50%) scale(${w})`);
+    }
+  };
+  k(() => {
+    m && y();
+  }, [i]);
+  const R = $ && /* @__PURE__ */ l("div", { className: `${e}-item-label`, children: $ });
+  return /* @__PURE__ */ I(
+    "div",
+    {
+      ref: u,
+      role: "listitem",
+      ...t,
+      className: b(
+        `${e}-item`,
+        {
+          [`${e}-item-${p}-${P}`]: p,
+          [`${e}-item-label-${o}`]: o
+        },
+        g
+      ),
+      style: N,
+      children: [
+        /* @__PURE__ */ I("div", { className: `${e}-item-dot-wrapper`, children: [
+          /* @__PURE__ */ l(
+            "div",
+            {
+              className: `${e}-item-dot-line ${e}-item-dot-line-is-${p}`,
+              style: {
+                [`${p === "horizontal" ? "borderTopStyle" : "borderLeftStyle"}`]: x,
+                ...h ? { borderColor: h } : {}
+              }
+            }
+          ),
+          /* @__PURE__ */ l("div", { className: `${e}-item-dot-content`, children: T ? /* @__PURE__ */ l("div", { className: `${e}-item-dot-custom`, ref: s, children: T }) : /* @__PURE__ */ l(
+            "div",
+            {
+              className: b(
+                `${e}-item-dot`,
+                `${e}-item-dot-${a}`
+              ),
+              style: a === "solid" ? { backgroundColor: d } : { borderColor: d }
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ I("div", { className: `${e}-item-content-wrapper`, children: [
+          n && /* @__PURE__ */ l("div", { className: `${e}-item-content`, children: n }),
+          o !== "relative" && R
+        ] }),
+        o === "relative" && R
+      ]
+    }
+  );
+}
+const O = v.forwardRef(M), C = O;
+C.displayName = "TimelineItem";
+C.isTimelineItem = !0;
+const X = (f, u, c, r) => {
+  let i = ["left", "right"];
+  r === "horizontal" && (i = ["top", "bottom"]);
+  const n = c === "alternate" ? f || i[u % 2] : c;
+  return i.indexOf(n) > -1 ? n : i[0];
+}, z = {
+  mode: "left",
+  direction: "vertical",
+  pendingDot: /* @__PURE__ */ l(E, { size: 12 }),
+  labelPosition: "same"
+};
+function Y(f, u) {
+  const { getPrefixCls: c, componentConfig: r, rtl: i } = D(S);
+  i && (z.mode = "right");
+  const n = F(
+    f,
+    z,
+    r == null ? void 0 : r.Timeline
+  ), {
+    className: g,
+    mode: N,
+    reverse: $,
+    children: P,
+    style: T,
+    direction: d,
+    pending: a,
+    labelPosition: x,
+    pendingDot: h,
+    ...p
+  } = n, o = c("timeline"), m = v.Children.map(P, (t) => t && t.type && t.type.isTimelineItem ? t : null) || [];
+  return a && m.push(
+    /* @__PURE__ */ l(C, { lineType: "dashed", dot: h, children: a === !0 ? "" : a })
+  ), $ && m.reverse(), /* @__PURE__ */ l(
+    "div",
+    {
+      role: "list",
+      ...p,
+      ref: u,
+      className: b(
+        o,
+        `${o}-${N}`,
+        `${o}-direction-${d}`,
+        { [`${o}-rtl`]: i },
+        g
+      ),
+      style: T,
+      children: m.map((t, s) => {
+        if (!t)
+          return null;
+        const { position: e } = t.props;
+        let y = t.props.lineType;
+        return a && ($ ? s === 0 && (y = "dashed") : m.length - 2 === s && (y = "dashed")), v.cloneElement(t, {
+          key: s,
+          className: b(t.props.className, {
+            [`${o}-item-last`]: m.length - 1 === s
+          }),
+          labelPosition: x,
+          position: X(e, s, N, d),
+          direction: d,
+          lineType: y
+        });
+      })
+    }
+  );
+}
+const q = v.forwardRef(Y), W = q;
+W.displayName = "Timeline";
+W.Item = C;
+export {
+  W as T
+};