import { BackgroundStyle } from '@shujujiang/schemas/widget/style/background'; import { FontStyle } from '@shujujiang/schemas/widget/style/text'; import { ChartStyle } from '@shujujiang/schemas/widget/style'; import { Title } from '@shujujiang/schemas/widget/style/title'; import { KPI, KPIInteractiveLinkage, KPIStyle } from '../../../../kpi/kpi/style'; export declare class ItemBgStyle extends BackgroundStyle { /** * 当路径地址不存在所显示默认图片 * @title 默认图片 * @renderer image * @order 10 */ backgroundImage?: string; /** * 设置图片的缩放方式 * @title 缩放方式 * @order 20 * @enumsOrder ["auto", "contain", "cover", "scale"] */ backgroundSize?: 'auto' | 'contain' | 'cover' | 'scale'; } export declare class ItemStyle { /** * 条目布局方式 * @title 条目布局 * @order 1 */ layout?: 'vertical' | 'horizontal'; /** * 条目分隔位置。当条目布局方式为“水平”,设定值为“指标项”的宽度;当条目布局方式为“垂直时”,设定值为“指标项”的高度。 * @title 分隔位置 * @order 4 */ nameSize?: string; /** * 背景样式设置 * @title 背景 * @order 90 * @renderer background */ background?: ItemBgStyle; } export declare class NameKPI extends KPI { /** * 文本水平位置方式 * @title 水平位置 * @order 20 * @enumsOrder ["left", "center", "right"] */ textAlign?: 'left' | 'center' | 'right'; /** * 左边距。水平位置设置为'left'时有效,可以设置为百分比 * @title 左边距 * @order 21 */ left?: string; /** * 右边距。水平位置设置为'right'时有效,可以设置为百分比 * @title 右边距 * @order 22 */ right?: string; /** * 文本垂直位置方式 * @title 垂直位置 * @order 30 * @enumsOrder ["top", "middle", "bottom"] */ textVerticalAlign?: 'top' | 'middle' | 'bottom'; /** * 上边距。水平位置设置为'top'时有效,可以设置为百分比 * @title 上边距 * @order 31 */ top?: string; /** * 下边距。水平位置设置为'bottom'时有效,可以设置为百分比 * @title 下边距 * @order 32 */ bottom?: string; /** * 通过缩小前缀的字体大小达到突出指标值的效果 * @title 缩小前缀 * @order 57 * @enumsOrder ["reduceThenTop", "reduceThenCenter", "reduceThenBottom", "none"] */ reducePrefix?: 'reduceThenTop' | 'reduceThenCenter' | 'reduceThenBottom' | 'none'; /** * 通过缩小后缀的字体大小达到突出指标值的效果 * @title 缩小后缀 * @order 58 * @enumsOrder ["reduceThenTop", "reduceThenCenter", "reduceThenBottom", "none"] */ reduceSuffix?: 'reduceThenTop' | 'reduceThenCenter' | 'reduceThenBottom' | 'none'; /** * 字体设置 * @title 字体 * @order 60 * @rendererOption {"inlineSection": "80%"} */ font?: FontStyle; } export declare class NameStyle extends KPIStyle { /** * 标题设置 * @title 标题 * @order 60 * @ignore */ title?: Title; /** * 文本。 * @title 文本 * @order 70 */ kpi: NameKPI; /** * 数据联动设置 * @title 联动 * @order 1000 * @ignore */ interactive: KPIInteractiveLinkage; } export declare class KPIFontStyle extends FontStyle { /** * 字体大小 * @title 字号 * @order 10 * @rendererOption {"inlineField": "20%"} */ fontSize?: number; } export declare class ValueKPI extends KPI { /** * 文本水平位置方式 * @title 水平位置 * @order 20 * @enumsOrder ["left", "center", "right"] */ textAlign?: 'left' | 'center' | 'right'; /** * 左边距。水平位置设置为'left'时有效,可以设置为百分比 * @title 左边距 * @order 21 */ left?: string; /** * 右边距。水平位置设置为'right'时有效,可以设置为百分比 * @title 右边距 * @order 22 */ right?: string; /** * 文本垂直位置方式 * @title 垂直位置 * @order 30 * @enumsOrder ["top", "middle", "bottom"] */ textVerticalAlign?: 'top' | 'middle' | 'bottom'; /** * 上边距。水平位置设置为'top'时有效,可以设置为百分比 * @title 上边距 * @order 31 */ top?: string; /** * 下边距。水平位置设置为'bottom'时有效,可以设置为百分比 * @title 下边距 * @order 32 */ bottom?: string; /** * 通过缩小前缀的字体大小达到突出指标值的效果 * @title 缩小前缀 * @order 57 * @enumsOrder ["reduceThenTop", "reduceThenCenter", "reduceThenBottom", "none"] */ reducePrefix?: 'reduceThenTop' | 'reduceThenCenter' | 'reduceThenBottom' | 'none'; /** * 通过缩小后缀的字体大小达到突出指标值的效果 * @title 缩小后缀 * @order 58 * @enumsOrder ["reduceThenTop", "reduceThenCenter", "reduceThenBottom", "none"] */ reduceSuffix?: 'reduceThenTop' | 'reduceThenCenter' | 'reduceThenBottom' | 'none'; /** * 字体设置 * @title 字体 * @order 60 * @rendererOption {"inlineSection": "80%"} */ font?: KPIFontStyle; } export declare class ValueStyle extends KPIStyle { /** * 标题设置 * @title 标题 * @order 60 * @ignore */ title?: Title; /** * 文本。 * @title 文本 * @order 70 */ kpi: ValueKPI; /** * 数据联动设置 * @title 联动 * @order 1000 * @ignore */ interactive: KPIInteractiveLinkage; } export declare class Layout { /** * 列表布局方式 * @title 列表布局 * @order 3 */ layout?: 'vertical' | 'horizontal'; /** * 设置颜色分布策略 * @title 颜色分布 * @order 6 */ colorMode?: 'singleColor' | 'distribution'; /** * 轮播速度,单位: 秒。设置为0将不自动播放 * @title 轮播速度 * @order 7 */ speed?: number; } /** * 样式设置 * @title 样式设置 */ export declare class Style extends ChartStyle { /** * 轮播设置。 * @title 轮播 * @order 70 */ layout: Layout; /** * 项目设置 * @title 项目 * @order 30 */ itemStyle?: ItemStyle; /** * 卡片标题 * @title 卡片标题 * @order 40 */ nameStyle?: NameStyle; /** * 卡片值设置 * @title 卡片值 * @order 40 */ kpiStyle?: ValueStyle; }