import { l as TCountdownRender } from "./types-Cezkmn_V.mjs"; //#region src/plugins/card.d.ts type TCardEffect = "flip" | "slide" | "calendar"; interface ICardRenderOptions { /** * 特效类型,默认 "flip" * - flip: 双面 3D 折叠(now=正面、next=背面绕轴翻 180°;字面量关键帧,多实例实测满 60fps) * - slide: 卡片上下位移 * - calendar: 经典翻页钟(移植自 Babak-Gholamzadeh/flip-clock;上下半页折叠 + 折叠变暗) */ effect?: TCardEffect; /** * 类名前缀,默认 "cd-"。生成的 DOM 形如 * `ul.cd-root.cd- > li.cd-cell > span.cd-num.cd-num-next + span.cd-num.cd-num-now`。 * 自定义前缀时需自行提供对应前缀的样式(复制 card.css 替换前缀即可)。 * * 注:动画时长不在 JS 中设置,由 CSS 变量 --duration 控制(默认 .9s)。 */ prefix?: string; /** * flip 翻转轴,默认 "x"(绕 X 轴上下翻 rotateX)。"y" 为绕 Y 轴左右翻 rotateY(根上加 .cd-flip-y)。 * 用修饰类而非 CSS 变量:含 var() 的 transform 无法走 GPU 合成,会退主线程逐帧重绘。 */ axis?: "x" | "y"; /** * slide 位移方向,默认 "down"(新值自上方进入)。"up" 向上(根上加 .cd-slide-up)。 */ direction?: "up" | "down"; } /** * 创建 countdown 卡片渲染器:把格式化结果按字符拆成卡片, * 只有发生变化的字符卡片才触发翻转/位移/翻页动画,其余 DOM 零接触。 * * 样式不随 JS 注入,请自行引入 `@codejoo/counter/card.css`(或基于它定制)。 * 动画时长用 CSS 变量 `--duration` 控制(默认 500ms),可设在任意祖先上继承生效。 * * @example * import { countdown, createCardRender } from "@codejoo/counter"; * import "@codejoo/counter/card.css"; * countdown(deadline, "#timer", { render: createCardRender({ effect: "calendar" }) }); */ declare function createCardRender(options?: ICardRenderOptions): ICardRender; /** createCardRender 返回值:渲染函数 + destroy */ type ICardRender = TCountdownRender & { destroy: (el?: Element) => void; }; //#endregion export { createCardRender as i, ICardRenderOptions as n, TCardEffect as r, ICardRender as t };