@zhangqingcq/vgce/src/config/types.ts

Vector graphics configure editor. svg组态编辑器。基于vue3.3+ts+element-plus+vite

export interface IConfigComponentGroup {
	groupType: string //组件分组类型
	title: string //组件分组标题
	list: Array<IConfigItem> //分组包含的组件项列表
}

export type IConfig = IConfigComponentGroup[]

export interface IConfigItem {
	name: string
	title: string
	display: boolean
	props: IConfigItemProps
	type: EDoneJsonType
	config: IDoneJsonConfig
	common_animations?: IAnimations
	animations?: IConfigItemProps //自定义动画效果
	tag?: any
	state?: Record<string, any> //通过一个属性去控制多个属性就是有状态组件
	defaultState?: string
	tag_slot?: string
	events: Array<IEventsItem>
}

export interface IAnimations {
	val: string
	delay: string
	speed: string
	repeat: string
}

export interface IConfigItemProps {
	[key: keyof any]: {
		title: string
		type: EConfigItemPropsType
		val: any
		options?: any
		disabled?: boolean
		sort?: string
	}
}

export enum EConfigAnimationsType {
	None = 'None',
	Electricity = 'Electricity', //电流效果
	WaterDrop = 'WaterDrop', //水珠
	Track = 'Track' //轨迹
}

export enum EConfigItemPropsType {
	Input = 'Input',
	Textarea = 'Textarea',
	Color = 'Color',
	InputNumber = 'InputNumber',
	Switch = 'Switch', //此类型option默认索引0为关闭
	JsonEdit = 'JsonEdit',
	Select = 'Select'
}

export enum EDoneJsonType {
	File = 'File',
	StraightLine = 'StraightLine',
	ConnectionLine = 'ConnectionLine',
	CustomSvg = 'CustomSvg',
	Vue = 'Vue'
}

interface IDoneJsonConfig {
	can_zoom: boolean
	have_anchor: boolean
	actual_rect: boolean
}

export enum EEventType {
	Click = 'Click',
	Change = 'Change',
	Null = ''
}

export enum EEventAction {
	ChangeAttr = 'ChangeAttr',
	JavaScript = 'JavaScript',
	Emit = 'Emit',
	Null = ''
}

export enum EConditionType {
	None = 'None',
	Relation = 'Relation'
}

export interface IAttrItem {
	key: string
	val: string
}

export interface ICondition {
	type: EConditionType
	Relation?: {
		key: string
		relation: string
		val: string
		val2?: string
	}
}

export interface IEventsItem {
	type: EEventType
	action: EEventAction
	target: string
	attrs?: IAttrItem[]
	scripts: string
	condition?: ICondition
}