zj-library

Appearance

vue-hooks 钩子函数 ​

一些常用的钩子函数

echarts ​

useAxisChart（使用直角坐标系的图表） ​

typescript
/**
 * 使用直角坐标系的图表
 *
 * @param reference Dom引用
 * @param config 配置项
 * @param [options] UseChartOptions 类型，scheduler为自定义调度echarts的初始化函数
 * @param [title] 图表名称
 */
export declare function useAxisChart(reference: any, config: Config[], options?: UseChartOptions, title?: string): import("./utils/type").ContextType<AxisChart>;

usePieChart（饼图） ​

typescript
/**
 * 饼图
 *
 * @param reference Dom引用
 * @param config 配置项
 * @param [options] UseChartOptions 类型，scheduler为自定义调度echarts的初始化函数， 默认在onMounted的时候调用
 * @param [title] 图表名称
 */
export declare function usePieChart(reference: any, config: Config[], options?: UseChartOptions, title?: string): import("./utils/type").ContextType<PieChart>;

useContext ​

useContext（上下文钩子，常用于复杂的应用场景，比如分散到不同组件，不同模块之间需要共享或操作同一份数据时） ​

typescript
/** 上下文钩子，常用于复杂的应用场景，比如分散到不同组件，不同模块之间需要共享或操作同一份数据时 */
export default function useContext<T extends Record<string, any>>(): {
    context: import("vue").Reactive<T>;
    setContext(key: string, value: any): void;
};

useResettableRef ​

useResettableRef（带有重置原数据的钩子） ​

typescript
/** 带有重置原数据的钩子 */
export default function useResettableRef<T extends {
    [key: string]: any;
}>(state: T): {
    state: T;
    reset: (data?: T) => void;
};