import { ChartStyle } from '@shujujiang/schemas/widget/style'; import { KPI, KPIFontStyle, KpiSpacing } from '../kpi/style'; import { HTMLWidgetTitle } from '@shujujiang/schemas/widget/style/html'; export declare class BgMapping { [key: string]: string; } export declare class KpiBackgroudStyle { /** * 背景类型 * @title 背景类型 * @order 0 * @enumsOrder ["mapping", "image", "none"] */ type: 'none' | 'image' | 'mapping'; /** * 图片地址 * @title 图片 * @renderer image * @order 10 */ backgroundImage?: string; /** * 背景映射设置 * @title 背景图映射 * @order 20 * @renderer imagemapping */ backgroundMapping?: BgMapping; } export declare class ItemStyle { /** * 列表布局方式 * @title 列表布局 * @order 0 * @enumsOrder ["horizontal", "vertical", "tile"] */ listLayout?: 'vertical' | 'horizontal' | 'tile'; /** * 条目布局方式 * @title 条目布局 * @order 3 * @enumsOrder ["horizontal", "vertical"] */ itemLayout?: 'vertical' | 'horizontal'; /** * 条目分隔位置。当条目布局方式为“水平”,设定值为“指标项”的宽度;当条目布局方式为“垂直时”,设定值为“指标项”的高度。 * @title 分隔位置 * @order 4 */ nameSize?: string; /** * 背景样式设置 * @title 背景 * @order 10 * @renderer selectTabs * @rendererOption {"select2Props": {"image": ["backgroundImage"], "mapping": ["backgroundMapping"]}, "showSectionLabel": true} */ background?: KpiBackgroudStyle; } export declare class KPIListBackgroudStyle extends KpiBackgroudStyle { /** * 背景填充方式 * @title 背景填充方式 * @order -5 * @enumsOrder ["center", "cover", "left", "right", "top", "bottom"] */ backgroundPosition?: 'center' | 'cover' | 'left' | 'right' | 'top' | 'bottom'; } export declare class KPIListItemStyle extends ItemStyle { /** * 背景样式设置 * @title 背景 * @order 10 * @renderer selectTabs * @rendererOption {"select2Props": {"image": ["backgroundImage", "backgroundPosition"], "mapping": ["backgroundMapping", "backgroundPosition"], "none": ["backgroundPosition"]}, "showSectionLabel": true} */ background?: KPIListBackgroudStyle; } export declare class KPIBackground { /** * 背景图片 * @title 背景 * @order 50 * @renderer image */ backgroundImage?: string; } export declare class NameFontStyle extends KPIFontStyle { /** * 字体大小 * @title 字号 * @order 10 * @rendererOption {"inlineField": "20%"} */ fontSize?: number; } export declare class NameKPI extends KPI { /** * 文本水平位置方式 * @title 水平位置 * @order 20 * @enumsOrder ["left", "center", "right"] */ textAlign?: 'left' | 'center' | 'right'; /** * 左边距。水平位置设置为'left'时有效,可以设置为百分比 * @title 左边距 * @order 25 */ left?: 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?: NameFontStyle; } export declare class ValueFontStyle extends KPIFontStyle { /** * 字体大小 * @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'; /** * 右边距。水平位置设置为'right'时有效,可以设置为百分比 * @title 右边距 * @order 23 */ right?: 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?: ValueFontStyle; } export declare class KPIListTitle extends HTMLWidgetTitle { /** * 是否显示标题 * @title 是否显示 * @order 0 */ enabled?: boolean; } /** * 样式设置 * @title 样式设置 */ export declare class Style extends ChartStyle { /** * 标题设置 * @title 标题 * @order 21 */ title?: KPIListTitle; /** * 组件实际绘制空间 * @title 边距 * @order 20 * @ignore */ spacing?: KpiSpacing; /** * 列表设置 * @title 列表 * @order 80 */ itemStyle?: KPIListItemStyle; /** * kpi指标项设置 * @title 指标项 * @order 90 */ nameStyle?: NameKPI; /** * kpi指标值设置 * @title 指标值 * @order 100 */ kpiStyle?: ValueKPI; }