import { DBColumn, FunctionData, Scope } from "@cyklang/core";
import { ComponentModel } from "./cykLang";
import { RowObject } from "./cykTableEdit";
interface Derived {
    [key: string]: {
        width: number;
        height: number;
    };
}
export declare function useCykQimg(props: {
    componentArg: ComponentModel | undefined;
}): {
    isLoading: import("vue").Ref<boolean, boolean>;
    visible: import("vue").WritableComputedRef<boolean, boolean>;
    label: import("vue").WritableComputedRef<string, string>;
    uploadable: import("vue").WritableComputedRef<boolean, boolean>;
    zoom: import("vue").Ref<boolean, boolean>;
    clickImg: () => void;
    removeImage: () => void;
    cropWidth: import("vue").Ref<number | undefined, number | undefined>;
    cropHeight: import("vue").Ref<number | undefined, number | undefined>;
    max_dimension: import("vue").Ref<number | undefined, number | undefined>;
    key: import("vue").Ref<string, string>;
    width: import("vue").Ref<string | undefined, string | undefined>;
    height: import("vue").Ref<string | undefined, string | undefined>;
    derived: import("vue").Ref<Derived | undefined, Derived | undefined>;
    table_name: import("vue").Ref<string | undefined, string | undefined>;
    field_name: import("vue").Ref<string | undefined, string | undefined>;
    image_format: import("vue").Ref<string | undefined, string | undefined>;
    on_change: import("vue").Ref<FunctionData | undefined, FunctionData | undefined>;
    image_path: import("vue").Ref<string, string>;
    size: import("vue").Ref<number, number>;
    format: import("vue").Ref<string, string>;
    filename: import("vue").Ref<string, string>;
    locked: import("vue").Ref<boolean, boolean>;
    zoomable: import("vue").Ref<boolean, boolean>;
    downloadable: import("vue").Ref<boolean, boolean>;
};
/**
 *
 * @param props
 */
export declare function useCykQimgCell(props: {
    row: RowObject | undefined;
    dbColumn: DBColumn | undefined;
    scopeRow: Scope | undefined;
}): {
    isLoading: import("vue").Ref<boolean, boolean>;
    isImage: import("vue").Ref<boolean, boolean>;
    label: import("vue").Ref<string, string>;
    filename: import("vue").Ref<string, string>;
    fileicon: import("vue").Ref<string, string>;
    image_path: import("vue").Ref<string, string>;
    width: import("vue").Ref<string | undefined, string | undefined>;
    height: import("vue").Ref<string | undefined, string | undefined>;
};
export {};