dk-plus/es/_hooks/public/get-ripples/index.js

DK-PLUS

import { DK_TYPE_COLOR as n } from "../../../_tokens/public/index.js";
import "vue";
import { getColor as i } from "../get-color/index.js";
import "../../../_icon/index.js";
const C = (p, s, t) => {
  const m = t.ripplesBgColor || i(
    n[t.type] ? n[t.type] : "#f0f0f0"
  ).getDodge(0.4), c = (r, o) => {
    const e = document.createElement("span");
    if (e.className = t.className, e.style.left = `${r}px`, e.style.background = m, t.component === "dk-button") {
      const l = document.createElement("div");
      return l.className = "", l.appendChild(e), e.style.top = `${o}px`, l;
    }
    return e;
  }, a = (r) => {
    setTimeout(() => {
      r.remove();
    }, t.AnimationDuration || 500);
  };
  return { useRipples: () => {
    const { layerX: r, layerY: o } = p, e = c(r, o);
    s.appendChild(e), a(e);
  } };
};
export {
  C as getRipples
};