@unicom-cloud/ui 0.8.95 → 0.8.97

package/timeline/Timeline.js

@@ -1,69 +1,69 @@
 import { jsx as u } from "react/jsx-runtime";
-import d, { useContext as w } from "react";
+import d, { useContext as R } from "react";
 import "../config-provider/ConfigProvider.js";
-import z from "../components/common/hooks/useMergeProps.js";
-import j from "../spin/index.js";
-import y from "@unicom-cloud/utils/class-name";
-import $ from "./Item.js";
-import k from "../config-provider/context.js";
-const x = (p, a, o, i) => {
+import w from "../components/common/hooks/useMergeProps.js";
+import z from "../spin/index.js";
+import C from "@unicom-cloud/utils/class-name";
+import N from "./Item.js";
+import j from "../config-provider/context.js";
+const k = (m, p, r, a) => {
   let t = ["left", "right"];
-  i === "horizontal" && (t = ["top", "bottom"]);
-  const l = o === "alternate" ? p || t[a % 2] : o;
-  return t.indexOf(l) > -1 ? l : t[0];
-}, N = {
+  a === "horizontal" && (t = ["top", "bottom"]);
+  const s = r === "alternate" ? m || t[p % 2] : r;
+  return t.indexOf(s) > -1 ? s : t[0];
+}, y = {
   mode: "left",
   direction: "vertical",
-  pendingDot: /* @__PURE__ */ u(j, { size: 12 }),
+  pendingDot: /* @__PURE__ */ u(z, { size: 12 }),
   labelPosition: "same"
 };
-function E(p, a) {
-  const { getPrefixCls: o, componentConfig: i, rtl: t } = w(k);
-  t && (N.mode = "right");
-  const l = z(
-    p,
-    N,
-    i == null ? void 0 : i.Timeline
+function E(m, p) {
+  const { getPrefixCls: r, componentConfig: a, rtl: t } = R(j);
+  t && (y.mode = "right");
+  const s = w(
+    m,
+    y,
+    a?.Timeline
   ), {
-    className: C,
-    mode: T,
-    reverse: g,
-    children: v,
-    style: P,
+    className: h,
+    mode: g,
+    reverse: T,
+    children: P,
+    style: v,
     direction: f,
-    pending: m,
+    pending: l,
     labelPosition: b,
-    pendingDot: D,
-    ...I
-  } = l, r = o == null ? void 0 : o("timeline"), n = d.Children.map(v, (e) => e && e.type && e.type.isTimelineItem ? e : null) || [];
-  return m && n.push(
-    /* @__PURE__ */ u($, { lineType: "dashed", dot: D, children: m === !0 ? "" : m })
-  ), g && n.reverse(), /* @__PURE__ */ u(
+    pendingDot: x,
+    ...D
+  } = s, o = r?.("timeline"), i = d.Children.map(P, (e) => e && e.type && e.type.isTimelineItem ? e : null) || [];
+  return l && i.push(
+    /* @__PURE__ */ u(N, { lineType: "dashed", dot: x, children: l === !0 ? "" : l })
+  ), T && i.reverse(), /* @__PURE__ */ u(
     "div",
     {
       role: "list",
-      ...I,
-      ref: a,
-      className: y(
-        r,
-        `${r}-${T}`,
-        `${r}-direction-${f}`,
-        { [`${r}-rtl`]: t },
-        C
+      ...D,
+      ref: p,
+      className: C(
+        o,
+        `${o}-${g}`,
+        `${o}-direction-${f}`,
+        { [`${o}-rtl`]: t },
+        h
       ),
-      style: P,
-      children: n.map((e, s) => {
+      style: v,
+      children: i.map((e, n) => {
         if (!e)
           return null;
-        const { position: R } = e.props;
+        const { position: I } = e.props;
         let c = e.props.lineType;
-        return m && (g ? s === 0 && (c = "dashed") : n.length - 2 === s && (c = "dashed")), d.cloneElement(e, {
-          key: s,
-          className: y(e.props.className, {
-            [`${r}-item-last`]: n.length - 1 === s
+        return l && (T ? n === 0 && (c = "dashed") : i.length - 2 === n && (c = "dashed")), d.cloneElement(e, {
+          key: n,
+          className: C(e.props.className, {
+            [`${o}-item-last`]: i.length - 1 === n
           }),
           labelPosition: b,
-          position: x(R, s, T, f),
+          position: k(I, n, g, f),
           direction: f,
           lineType: c
         });
@@ -71,10 +71,10 @@ function E(p, a) {
     }
   );
 }
-const F = d.forwardRef(E), h = F;
-h.displayName = "Timeline";
-h.Item = $;
+const F = d.forwardRef(E), $ = F;
+$.displayName = "Timeline";
+$.Item = N;
 export {
-  $ as TimelineItem,
-  h as default
+  N as TimelineItem,
+  $ as default
 };

package/tooltip/index.js

@@ -1,142 +1,136 @@
-import { jsx as c } from "react/jsx-runtime";
+import { jsx as p } from "react/jsx-runtime";
 import "../dist/tinycolor/chunk/BOzCVdr0.js";
-import { TinyColor as I } from "../dist/tinycolor/src/index.js";
-import S from "lodash/isFunction";
-import { forwardRef as j, useContext as z, useRef as B, useImperativeHandle as W, useMemo as q } from "react";
+import { TinyColor as L } from "../dist/tinycolor/src/index.js";
+import F from "lodash/isFunction";
+import { forwardRef as I, useContext as S, useRef as j, useImperativeHandle as z, useMemo as B } from "react";
 import "../config-provider/ConfigProvider.js";
-import G from "../components/common/hooks/useMergeProps.js";
-import J, { EventsByTriggerNeed as K } from "../trigger/index.js";
-import h from "@unicom-cloud/utils/class-name";
-import { isEmptyReactNode as Q } from "../components/common/utils/is.js";
-import { pickDataAttributes as U, pick as X } from "../components/common/utils/pick.js";
-import Y from "../config-provider/context.js";
-const Z = {
+import W from "../components/common/hooks/useMergeProps.js";
+import q, { EventsByTriggerNeed as G } from "../trigger/index.js";
+import f from "@unicom-cloud/utils/class-name";
+import { isEmptyReactNode as J } from "../components/common/utils/is.js";
+import { pickDataAttributes as K, pick as Q } from "../components/common/utils/pick.js";
+import U from "../config-provider/context.js";
+const X = {
   position: "top",
   trigger: "hover",
   escToClose: !1,
   unmountOnExit: !0,
   blurToHide: !0,
   popupHoverStay: !0
-}, _ = {
+}, Y = {
   enter: 300,
   exit: 100
-}, oo = {
+}, Z = {
   left: 12,
   right: 12,
   top: 12,
   bottom: 12
 };
-function eo(C, N) {
-  const { getPrefixCls: l, componentConfig: a } = z(Y), m = G(
-    C,
-    Z,
-    a == null ? void 0 : a.Tooltip
+function _(g, d) {
+  const { getPrefixCls: P, componentConfig: C } = S(U), n = W(
+    g,
+    X,
+    C?.Tooltip
   ), {
-    style: y,
-    className: f,
-    children: x,
-    trigger: T,
-    escToClose: w,
-    defaultPopupVisible: V,
-    position: d,
-    unmountOnExit: v,
-    popupVisible: $,
-    prefixCls: D,
-    blurToHide: A,
-    popupHoverStay: E,
-    disabled: H,
-    onVisibleChange: O,
-    triggerProps: n,
-    childrenPrefix: R,
-    getPopupContainer: k,
-    content: u,
-    mini: M,
-    color: i,
-    ...g
-  } = m, p = B(), L = (o = 0, e) => {
-    var r, b;
-    (b = (r = p.current) == null ? void 0 : r.updatePopupPosition) == null || b.call(r, o, e);
+    style: b,
+    className: l,
+    children: h,
+    trigger: x,
+    escToClose: N,
+    defaultPopupVisible: y,
+    position: a,
+    unmountOnExit: T,
+    popupVisible: w,
+    prefixCls: V,
+    blurToHide: v,
+    popupHoverStay: $,
+    disabled: D,
+    onVisibleChange: A,
+    triggerProps: u,
+    childrenPrefix: E,
+    getPopupContainer: H,
+    content: i,
+    mini: O,
+    color: e,
+    ...c
+  } = n, t = j(), R = (s = 0, M) => {
+    t.current?.updatePopupPosition?.(s, M);
   };
-  W(
-    N,
+  z(
+    d,
     () => ({
       // ...refTrigger.current,
-      updatePopupPosition: L,
-      getRootDOMNode: () => {
-        var o, e;
-        return (e = (o = p.current) == null ? void 0 : o.getRootDOMNode) == null ? void 0 : e.call(o);
-      },
-      setPopupVisible(o) {
-        var e, r;
-        (r = (e = p.current) == null ? void 0 : e.setPopupVisible) == null || r.call(e, o);
+      updatePopupPosition: R,
+      getRootDOMNode: () => t.current?.getRootDOMNode?.(),
+      setPopupVisible(s) {
+        t.current?.setPopupVisible?.(s);
       },
       hide() {
-        var o, e;
-        (e = (o = p.current) == null ? void 0 : o.setPopupVisible) == null || e.call(o, !1);
+        t.current?.setPopupVisible?.(!1);
       }
     }),
     []
   );
-  const s = D || (l == null ? void 0 : l("tooltip")), t = {
-    ...X(g, K),
-    ...U(g),
-    ...n,
-    className: h(f, n == null ? void 0 : n.className)
-  }, P = S(u) ? u() : u;
-  "popupVisible" in m ? t.popupVisible = $ : Q(P, !0) && (t.popupVisible = !1), (t.showArrow !== !1 || t.arrowProps) && (t.arrowProps = t.arrowProps || {}, i && (t.arrowProps.style = {
-    backgroundColor: i,
-    ...t.arrowProps.style
+  const r = V || P?.("tooltip"), o = {
+    ...Q(c, G),
+    ...K(c),
+    ...u,
+    className: f(l, u?.className)
+  }, m = F(i) ? i() : i;
+  "popupVisible" in n ? o.popupVisible = w : J(m, !0) && (o.popupVisible = !1), (o.showArrow !== !1 || o.arrowProps) && (o.arrowProps = o.arrowProps || {}, e && (o.arrowProps.style = {
+    backgroundColor: e,
+    ...o.arrowProps.style
   }));
-  const F = q(() => i ? new I(i).isLight() ?? !1 : !1, [i]);
-  return /* @__PURE__ */ c(
-    J,
+  const k = B(() => e ? new L(e).isLight() ?? !1 : !1, [e]);
+  return /* @__PURE__ */ p(
+    q,
     {
       style: {
         maxWidth: 350,
-        ...y
+        ...b
       },
-      className: f,
-      ref: p,
+      className: l,
+      ref: t,
       classNames: "zoomInFadeOut",
-      duration: _,
-      popup: () => /* @__PURE__ */ c(
+      duration: Y,
+      popup: () => /* @__PURE__ */ p(
         "div",
         {
-          style: { backgroundColor: i },
-          className: h(
-            `${s}-content`,
-            `${s}-content-${d}`,
+          style: { backgroundColor: e },
+          className: f(
+            `${r}-content`,
+            `${r}-content-${a}`,
             {
-              [`${s}-mini`]: M,
-              [`${s}-light-color`]: F
+              [`${r}-mini`]: O,
+              [`${r}-light-color`]: k
             }
           ),
           role: "tooltip",
-          children: /* @__PURE__ */ c("div", { className: `${s}-content-inner`, children: P })
+          children: /* @__PURE__ */ p("div", { className: `${r}-content-inner`, children: m })
         }
       ),
-      position: d,
-      disabled: H,
-      trigger: T,
-      escToClose: w,
+      position: a,
+      disabled: D,
+      trigger: x,
+      escToClose: N,
       showArrow: !0,
-      popupAlign: oo,
+      popupAlign: Z,
       mouseEnterDelay: 200,
       mouseLeaveDelay: 200,
-      unmountOnExit: v,
-      popupHoverStay: E,
-      blurToHide: A,
-      childrenPrefix: R || s,
-      getPopupContainer: k,
-      onVisibleChange: O,
-      defaultPopupVisible: V,
-      ...t,
-      children: x
+      unmountOnExit: T,
+      popupHoverStay: $,
+      blurToHide: v,
+      childrenPrefix: E || r,
+      getPopupContainer: H,
+      onVisibleChange: A,
+      defaultPopupVisible: y,
+      ...o,
+      children: h
     }
   );
 }
-const to = j(eo);
-to.displayName = "Tooltip";
+const oo = I(_);
+oo.displayName = "Tooltip";
 export {
-  to as default
+  oo as default
 };

package/tour/index.js

@@ -0,0 +1,289 @@
+import { jsxs as d, Fragment as it, jsx as s } from "react/jsx-runtime";
+import nt from "@unicom-cloud/icons/IconUiClose";
+import st from "lodash/merge";
+import { useContext as lt, useState as C, useRef as F, useEffect as h } from "react";
+import { createPortal as pt } from "react-dom";
+import D from "../button/index.js";
+import "../config-provider/ConfigProvider.js";
+import ct from "../icon-hover/index.js";
+import z from "../space/index.js";
+import "@unicom-cloud/utils/case-name";
+import k from "@unicom-cloud/utils/class-name";
+import "../dist/tinycolor/chunk/BOzCVdr0.js";
+import "@unicom-cloud/utils/constant/ui";
+import "../utils/contextHolder.js";
+import "@unicom-cloud/utils/dayjs";
+import "@unicom-cloud/utils/clipboard-copy";
+import "../components/common/utils/dayjs.js";
+import { on as mt, off as at } from "../components/common/utils/dom.js";
+import "@unicom-cloud/utils/file/fileToURL";
+import "lodash/escapeRegExp";
+import "lodash/isArray";
+import "lodash/isNumber";
+import "lodash/isString";
+import { intersectionObserver as ft } from "../components/common/utils/intersectionObserver.js";
+import "../components/common/utils/is.js";
+import "lodash/camelCase";
+import "lodash/capitalize";
+import "lodash/cloneDeep";
+import "lodash/debounce";
+import "lodash/get";
+import "lodash/has";
+import "lodash/kebabCase";
+import "lodash/mergeWith";
+import "lodash/set";
+import "lodash/setWith";
+import "lodash/snakeCase";
+import "lodash/startCase";
+import "lodash/throttle";
+import "lodash/uniq";
+import "lodash/upperFirst";
+import "@unicom-cloud/utils/math";
+import "lodash/isPlainObject";
+import { mutationObserver as dt } from "../components/common/utils/mutationObserver.js";
+import "../dist/react-transition-group/src/CSSTransition.js";
+import "../dist/react-transition-group/src/ReplaceTransition.js";
+import "../dist/react-transition-group/src/SwitchTransition.js";
+import "../dist/react-transition-group/chunk/CPfP7aNL.js";
+import "../dist/react-transition-group/src/TransitionGroup.js";
+import "../components/common/utils/reactDOM.js";
+import { resizeObserver as ht } from "../components/common/utils/resizeObserver.js";
+import "@unicom-cloud/utils/file/saveAs";
+import "@unicom-cloud/utils/screenfull";
+import "@unicom-cloud/utils/constant/ui.js";
+import "@unicom-cloud/utils/tree";
+import "@unicom-cloud/utils/is";
+import "uuid";
+import "../dist/validate/src/index.js";
+import { Escape as ut, ArrowRight as gt, ArrowLeft as wt } from "@unicom-cloud/utils/constant/keyboardCode";
+import vt from "../config-provider/context.js";
+function Pe(L) {
+  const { getPrefixCls: X, componentConfig: Y, rtl: bt } = lt(vt);
+  let {
+    steps: n = [],
+    open: N = !1,
+    onClose: K,
+    mask: U = !0,
+    maskClosable: _ = !0,
+    type: u = "default",
+    placement: g = "bottom",
+    arrow: G = !0,
+    closable: J = !0,
+    zIndex: P = 1e3,
+    current: S = 0,
+    onFinish: Q,
+    onStepChange: O,
+    ...yt
+  } = st({}, Y?.Tour, L);
+  const o = X?.("tour"), [r, H] = C(S), [e, j] = C(null), [W, V] = C(g), [f, I] = C(N), E = F(null), c = F(null), M = `0 0 0 ${Math.max(window.innerWidth, window.innerHeight)}px var(--pqb-mask-bg-color),0 0 15px 0 var(--pqb-mask-bg-color)`, l = typeof n[r]?.target == "string" ? document.querySelector(n[r].target) : n[r]?.target, w = () => {
+    let t;
+    if (l ? t = l.getBoundingClientRect() : t = new DOMRect(
+      window.innerWidth / 2 - (c.current?.offsetWidth ?? 0) / 2,
+      window.innerHeight / 2 - (c.current?.offsetHeight ?? 0) / 2,
+      c.current?.offsetWidth,
+      c.current?.offsetHeight
+    ), j(t), l) {
+      const i = c.current;
+      if (!i) return g;
+      const m = i.offsetWidth, a = i.offsetHeight, v = 10, b = t.top - a - v > 0, y = t.bottom + a + v < window.innerHeight, $ = t.left - m - v > 0, x = t.right + m + v < window.innerWidth;
+      let p = n[r]?.placement || g;
+      return p === "top" && !b ? p = y ? "bottom" : $ ? "left" : x ? "right" : "bottom" : p === "bottom" && !y ? p = b ? "top" : $ ? "left" : x ? "right" : "top" : p === "left" && !$ ? p = x ? "right" : b ? "top" : y ? "bottom" : "right" : p === "right" && !x && (p = $ ? "left" : b ? "top" : y ? "bottom" : "left"), V(p), p;
+    }
+    return g;
+  }, R = () => {
+    I(!1), K?.();
+  }, T = () => {
+    if (r < n.length - 1) {
+      const t = r + 1;
+      H(t), O?.(t);
+    } else
+      Z();
+  }, q = () => {
+    if (r > 0) {
+      const t = r - 1;
+      H(t), O?.(t);
+    }
+  }, Z = () => {
+    I(!1), Q?.();
+  }, tt = (t) => {
+    _ && t.target === E.current && R();
+  }, et = () => {
+    if (!e || !c.current)
+      return { top: 0, left: 0 };
+    if (!l) return {
+      top: e.top,
+      left: e.left
+    };
+    const t = c.current, i = t.offsetWidth, m = t.offsetHeight, a = 10;
+    switch (W) {
+      case "top":
+        return {
+          top: e.top - m - a,
+          left: e.left + e.width / 2 - i / 2
+        };
+      case "bottom":
+        return {
+          top: e.bottom + a,
+          left: e.left + e.width / 2 - i / 2
+        };
+      case "left":
+        return {
+          top: e.top + e.height / 2 - m / 2,
+          left: e.left - i - a
+        };
+      case "right":
+        return {
+          top: e.top + e.height / 2 - m / 2,
+          left: e.right + a
+        };
+      default:
+        return {
+          top: e.bottom + a,
+          left: e.left + e.width / 2 - i / 2
+        };
+    }
+  };
+  if (h(() => {
+    I(N);
+  }, [N]), h(() => {
+    H(S);
+  }, [S]), h(() => {
+    if (!f || r >= n.length || !n[r]) {
+      j(null);
+      return;
+    }
+    w();
+  }, [f, r, n.length, l]), h(() => {
+    function t(i) {
+      f && (i.key === ut.key ? R() : i.key === gt.key ? T() : i.key === wt.key && q());
+    }
+    return mt(window, "keydown", t), () => {
+      at(window, "keydown", t);
+    };
+  }, [f, r, n.length]), h(() => {
+    const t = ht([document.body, l], () => {
+      w();
+    }), i = ft([l], () => {
+      w();
+    }), m = dt([l], () => {
+      w();
+    });
+    return () => {
+      t(), i(), m();
+    };
+  }, [l]), !f || !n.length || r >= n.length)
+    return null;
+  const A = n[r], ot = r > 0, rt = r < n.length - 1, B = et();
+  return pt(
+    /* @__PURE__ */ d(it, { children: [
+      /* @__PURE__ */ s(
+        "div",
+        {
+          ref: E,
+          className: `${o}-mask`,
+          style: { zIndex: P },
+          onClick: tt
+        }
+      ),
+      e && /* @__PURE__ */ s(
+        "div",
+        {
+          className: `${o}-highlight`,
+          style: {
+            position: "absolute",
+            top: e.top + window.scrollY,
+            left: e.left + window.scrollX,
+            width: e.width,
+            height: e.height,
+            zIndex: P + 1,
+            pointerEvents: "none",
+            boxShadow: U ? M : void 0
+          }
+        }
+      ),
+      /* @__PURE__ */ d(
+        "div",
+        {
+          ref: c,
+          className: k(
+            `${o}-popover`,
+            `${o}-popover-${u}`,
+            `${o}-popover-${W}`
+          ),
+          style: {
+            position: "absolute",
+            top: `${B.top + window.scrollY}px`,
+            left: `${B.left + window.scrollX}px`,
+            zIndex: P + 2,
+            boxShadow: l ? void 0 : M
+          },
+          children: [
+            G && l && /* @__PURE__ */ s(
+              "div",
+              {
+                className: k(
+                  `${o}-arrow`,
+                  `${o}-arrow-${W}`
+                )
+              }
+            ),
+            /* @__PURE__ */ d("div", { className: `${o}-content`, children: [
+              J && /* @__PURE__ */ s(ct, { className: `${o}-close`, onClick: R, children: /* @__PURE__ */ s(nt, {}) }),
+              /* @__PURE__ */ s("div", { className: `${o}-header`, children: /* @__PURE__ */ s("div", { className: `${o}-title`, children: A.title }) }),
+              /* @__PURE__ */ s("div", { className: `${o}-body`, children: /* @__PURE__ */ s("div", { className: `${o}-description`, children: A.description }) }),
+              /* @__PURE__ */ d(
+                z,
+                {
+                  className: `${o}-footer`,
+                  justifyContent: "space-between",
+                  alignItems: "center",
+                  children: [
+                    /* @__PURE__ */ s(z, { className: `${o}-indicator`, children: n.map((t, i) => /* @__PURE__ */ s(
+                      "div",
+                      {
+                        className: k(
+                          `${o}-dot`,
+                          i === r && `${o}-dot-active`
+                        )
+                      },
+                      i
+                    )) }),
+                    /* @__PURE__ */ d(z, { children: [
+                      ot && /* @__PURE__ */ s(
+                        D,
+                        {
+                          className: `${o}-prev-btn`,
+                          size: "mini",
+                          type: u === "primary" ? "secondary" : "primary",
+                          onClick: q,
+                          children: "上一步"
+                        }
+                      ),
+                      /* @__PURE__ */ s(
+                        D,
+                        {
+                          className: k(
+                            `${o}-next-btn`,
+                            `${o}-next-btn-${u}`
+                          ),
+                          size: "mini",
+                          type: u === "primary" ? "primary" : "secondary",
+                          onClick: T,
+                          children: rt ? "下一步" : "完成"
+                        }
+                      )
+                    ] })
+                  ]
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    ] }),
+    document.body
+  );
+}
+export {
+  Pe as default
+};