import { Graph } from "./core";
import Path from "./path";
declare interface AnimateOptional {
    attributeType?: 'CSS' | 'XML' | 'auto';
    attributeName: string;
    from: string;
    to: string;
    /**
     * repeatCount !== 'indefinite'时候以下设置生效，
     * Full clock values:
     *    02:30:03 = 2 hours, 30 minutes and 3 seconds
     *    50:00:10.25 = 50 hours, 10 seconds and 250 milliseconds
     *    Partial clock value:
     *    02:33 = 2 minutes and 33 seconds
     *    00:10.5 = 10.5 seconds = 10 seconds and 500 milliseconds
     * Time count values:
     *    3.2h = 3.2 hours = 3 hours and 12 minutes
     *    45m = 45 minutes
     *    45min = 45 minutes
     *    30s = 30 seconds
     *    5ms = 5 milliseconds
     *    12.467 = 12 seconds and 467 milliseconds
     * Fractional values are just (base 10) floating point definitions of seconds. Thus:
     *    00.5s = 500 milliseconds
     *    00:00.005 = 5 milliseconds
     */
    dur: number | string;
    repeatCount: number | 'indefinite';
    values?: string;
    by?: string;
    begin?: string;
    end?: string;
}
/**
 * 动画 随时间动态改变属性
 * @example
 *  <rect x="10" y="10" width="100" height="100">
 *     <animate attributeType="XML" attributeName="x" from="-100" to="120" dur="10s" repeatCount="indefinite"/>
 *  </rect>
 */
export default class Animate extends Graph {
    protected readonly optional: AnimateOptional;
    constructor(optional: AnimateOptional, element?: SVGElement);
    protected attrs(): any;
}
/**
 * 定义随着时间的推移颜色转换
 * @example
 *  <circle cx="60" cy="60" r="50">
 *    <animateColor attributeName="fill" attributeType="XML" from="black" to="red" dur="6s" repeatCount="indefinite"/>
 *  </circle>
 */
export declare class AnimateColor extends Animate {
    constructor(optional: AnimateOptional);
}
declare interface AnimateMotionOptional extends AnimateOptional {
    calcMode?: 'discrete' | 'linear' | 'paced' | 'spline';
    path?: Path;
    keyPoints?: string;
    rotate?: string;
    'xlink:href'?: string;
}
/**
 * 使元素沿着动作路径移动
 * @example
 * <path d="M10,110 A120,120 -45 0,1 110 10 A120,120 -45 0,1 10,110" stroke="lightgrey" stroke-width="2"  fill="none" id="theMotionPath"/>
 * <circle cx="10" cy="110" r="3" fill="lightgrey"  />
 * <circle cx="110" cy="10" r="3" fill="lightgrey"  />
 * <circle cx="" cy="" r="5" fill="red">
 *  <animateMotion dur="6s" repeatCount="indefinite">
 *   <mpath xlink:href="#theMotionPath"/>
 *  </animateMotion>
 * </circle>
 */
export declare class AnimateMotion extends Animate {
    protected readonly optional: AnimateMotionOptional;
    constructor(optional: AnimateMotionOptional);
    /**
     * 引用path
     * @param id
     */
    mpath(id: string): this;
    protected attrs(): any;
}
declare interface AnimateTransformOptional extends AnimateOptional {
    type: 'translate' | 'scale' | 'rotate' | 'skewX' | 'skewY';
}
/**
 * 动画上一个目标元素变换属性，从而使动画控制平移，缩放，旋转或倾斜
 * <polygon points="60,30 90,90 30,90">
 *    <animateTransform attributeName="transform" attributeType="XML" type="rotate" from="0 60 70" to="360 60 70" dur="10s" repeatCount="indefinite"/>
 *  </polygon>
 */
export declare class AnimateTransform extends Animate {
    protected readonly optional: AnimateTransformOptional;
    constructor(optional: AnimateTransformOptional);
}
export {};