import { v4 as uuidv4 } from "uuid";
const selectOption: any = [
	{
	  label: '选项1',
	  value: '1'
	},
	{
	  label: '选项2',
	  value: '2'
	},
	/*{
	  label: '标签3',
	  value: 'value3'
	}*/
]
const config: { optionsType: number } = {
	optionsType: 0 // 0固定 1数据源 2 接口字典 3系统表单字段
}
export default [
	{
		title: '基础字段',
		children: [
			{
				type: 'title',
				label: '标题',
				unitName: '标题',
				icon: 'title',
				iconFont: 'fa-header',
				control: {
					modelValue: '标题'
				},
				config: {},
				styles: {
					divStyle: {
						marginBot: "10"
					},
					labelStyle: {
						paddingLeft: "7",
					},
					inputStyle: {}
				}
			},
			{
				type: 'digitpage',
				label: '数值',
				unitName: '数值',
				icon: 'money',
				iconFont: 'fa-money',
				control: {
					// 组件所有属性
					modelValue: '',
					mathFormula: {
						formulaHtml: '',
						mathsString: '',
						mathsFormula: '',
						takingMethod: 1,
						digit: 2
					}
				},
				config: {}, // 其他配置信息
				selectvalue: "default",
				styles: {
					divStyle: {
						marginBot: "10"
					},
					labelStyle: {
						paddingLeft: "7",
					},
					inputStyle: {}
				}
			},
			{
				type: 'input',
				label: '单行文本',
				unitName: '单行文本',
				icon: 'input',
				iconFont: 'fa-text-width',
				control: {
					// 组件所有属性
					modelValue: ''
				},
				config: {}, // 其他配置信息
				styles: {
					divStyle: {
						marginBot: "10"
					},
					labelStyle: {
						paddingLeft: "7",
					},
					inputStyle: {}
				}
			},

			{
				type: 'textarea',
				label: '多行文本',
				unitName: '多行文本',
				icon: 'textarea',
				iconFont: 'fa-text-height',
				control: {
					modelValue: ''
				},
				config: {},
				styles: {
					divStyle: {
						marginBot: "10"
					},
					labelStyle: {
						paddingLeft: "7",
					},
					inputStyle: {}
				}
			},
			{
				type: 'radio',
				label: '单选框组',
				unitName: '单选框组',
				icon: 'radio',
				iconFont: 'fa-dot-circle-o',
				control: {
					modelValue: '',
					glxxsz: [],
					optionsValue3Formid:'',
					optionsValue3Field:'',
				},
				options: selectOption, // 下拉选项数据集合
				config: config,
				styles: {
					divStyle: {
						marginBot: "10"
					},
					labelStyle: {
						paddingLeft: "7",
					},
					inputStyle: {}
				}
			},
			{
				type: 'checkbox',
				label: '多选框组',
				unitName: '多选框组',
				icon: 'checkbox',
				iconFont: 'fa-check-square-o',
				control: {
					modelValue: [],
					glxxszForCheckBox: [],
					optionsValue3Formid:'',
					optionsValue3Field:'',
				},
				options: selectOption,
				config: config,
				styles: {
					divStyle: {
						marginBot: "10"
					},
					labelStyle: {
						paddingLeft: "7",
					},
					inputStyle: {}
				}
			},
			{
				type: 'select',
				label: '下拉选择框',
				unitName: '下拉选择框',
				icon: 'select',
				iconFont: 'fa-toggle-down',
				control: {
					modelValue: '',
					appendToBody: true,
					glxxsz: [],
					optionsValue3Formid:'',
					optionsValue3Field:'',
				},
				options: selectOption,
				config: config,
				styles: {
					divStyle: {
						marginBot: "10"
					},
					labelStyle: {
						paddingLeft: "7",
					},
					inputStyle: {}
				}
			},
			{
				type: 'cascader',
				label: '级联选择器',
				unitName: '级联选择器',
				icon: 'cascader',
				iconFont: 'fa-sitemap',
				control: {
					modelValue: []
				},
				options: [],
				config: config,
				styles: {
					divStyle: {
						marginBot: "10"
					},
					labelStyle: {
						paddingLeft: "7",
					},
					inputStyle: {}
				}
			},
			{
				type: 'datePicker',
				label: '日期选择器',
				unitName: '日期选择器',
				icon: 'todo',
				iconFont: 'fa-calendar',
				control: {
					modelValue: '',
					type: 'date'
				},
				config: {},
				styles: {
					divStyle: {
						marginBot: "10"
					},
					labelStyle: {
						paddingLeft: "7",
					},
					inputStyle: {}
				}
			},
			{
				type: 'timePicker',
				label: '时间选择器',
				unitName: '时间选择器',
				icon: 'time',
				iconFont: 'fa-clock-o',
				control: {
					modelValue: ''
				},
				config: {},
				styles: {
					divStyle: {
						marginBot: "10"
					},
					labelStyle: {
						paddingLeft: "7",
					},
					inputStyle: {}
				}
			},
			{
				type: 'txt',
				label: '文字描述',
				unitName: '文字描述',
				icon: 'text',
				iconFont: 'fa-file-word-o',
				control: {
					modelValue: ''
				},
				config: {},
				styles: {
					divStyle: {
						marginBot: "10"
					},
					labelStyle: {
						paddingLeft: "7",
					},
					inputStyle: {}
				}
			},
			{
				type: 'organization',
				label: '联系地址',
				unitName: '联系地址',
				icon: 'marker',
				iconFont: 'fa-map-marker',
				control: {
				},
				config: {},
				styles: {
					divStyle: {
						marginBot: "10"
					},
					labelStyle: {
						paddingLeft: "7",
					},
					inputStyle: {}
				}
			},
			{
				type: 'switch',
				label: '开关',
				unitName: '开关',
				icon: 'switch',
				iconFont: 'fa-toggle-on',
				control: {
					modelValue: "",
					glxxszSwitch: [
						{
							conditionField: '',
							openValue: "",
							showFields: []
						},
						{
							conditionField: '',
							offValue: "",
							showFields: []
						},
					],
					activeValue:"1",
					inactiveValue:"2"
				},
				config: {},
				styles: {
					divStyle: {
						marginBot: "10"
					},
					labelStyle: {
						paddingLeft: "7",
					},
					inputStyle: {}
				}
			},
			{
				type: 'button',
				label: '按钮',
				unitName: '按钮',
				icon: 'button',
				iconFont: 'fa-square-o',
				control: {
					label: '保存',
				},

				config: {},
				styles: {
					divStyle: {
						marginBot: "10"
					},
					labelStyle: {
						paddingLeft: "7",
					},
					inputStyle: {}
				}
			},
			{
				type: 'inputNumber',
				label: '计数器',
				unitName: '计数器',
				icon: 'number',
				iconFont: 'fa-sort-numeric-asc',
				control: {
					modelValue: 0
				},
				config: {},
				styles: {
					divStyle: {
						marginBot: "10"
					},
					labelStyle: {
						paddingLeft: "7",
					},
					inputStyle: {}
				}
			},
			// {
			// 	type: 'description',
			// 	label: '描述说明',
			// 	unitName: '描述说明',
			// 	icon: 'number',
			// 	iconFont: 'fa-question-circle-o',
			// 	control: {
			// 		modelValue: 0
			// 	},
			// 	config: {},
			// 	styles: {
			// 		divStyle: {
			// 			marginBot: "10"
			// 		},
			// 		labelStyle: {
			// 			paddingLeft: "7",
			// 		},
			// 		inputStyle: {}
			// 	}
			// },









		]
	},
	{
		title: '布局字段',
		children: [
			{
				type: 'grid',
				label: '格栅布局',
				unitName: '格栅布局',
				icon: 'grid',
				iconFont: 'fa-th-large',
				columns: [
					// 格栅列数据
					{
						attr: { span: 12 },
						list: []
					},
					{
						attr: { span: 12 },
						list: []
					}
				],
				control: {},
				config: {},
				styles: {
					divStyle: {
						marginBot: "10"
					},
					labelStyle: {
						paddingLeft: "7",
					},
					inputStyle: {}
				}
			},
			{
				type: 'card',
				label: '卡片布局',
				unitName: '卡片布局',
				icon: 'card',
				iconFont: 'fa-credit-card',
				list: [],
				control: {},
				config: {},
				item: {}, // label标题相关
				styles: {
					divStyle: {
						marginBot: "10"
					},
					labelStyle: {
						paddingLeft: "7",
					},
					inputStyle: {}
				}
			},
			{
				type: 'flex',
				label: '弹性布局',
				unitName: '弹性布局',
				icon: 'flex',
				iconFont: 'fa-file-text-o',
				list: [],
				tableData: [], // 值集合
				control: {},
				config: {
					addBtnText: '添加一行'
				},
				styles: {
					divStyle: {
						marginBot: "10"
					},
					labelStyle: {
						paddingLeft: "7",
					},
					inputStyle: {}
				}
			},
			{
				type: 'div',
				label: '容器',
				unitName: '容器',
				icon: 'div',
				iconFont: '',
				control: {},
				config: {},
				list: [],
				styles: {
					divStyle: {
						marginBot: "10"
					},
					labelStyle: {
						paddingLeft: "7",
					},
					inputStyle: {}
				}
			},
			{
				type: 'tabs',
				label: '标签页',
				unitName: '标签页',
				icon: 'tabs',
				iconFont: 'fa-folder-o',
				columns: [
					{
						label: 'Tab1',
						unitName: '',
						list: []
					}
				],
				control: {},
				config: {},
				styles: {
					divStyle: {
						marginBot: "10"
					},
					labelStyle: {
						paddingLeft: "7",
					},
					inputStyle: {}
				}
			},

			{
				type: 'divider',
				label: '分割线',
				unitName: '分割线',
				icon: 'divider',
				iconFont: '',
				control: {},
				config: {},
				styles: {
					divStyle: {
						marginBot: "10"
					},
					labelStyle: {
						paddingLeft: "7",
					},
					inputStyle: {}
				}
			},

		]
	},

	{
		title: '高级控件',
		children: [
			{
				type: 'lowcodeImage',
				label: '图片',
				unitName: '图片',
				icon: '',
				iconFont: 'fa-photo',
				control: {
					modelValue: '',
					uploadFlag: false,
					imgId: '',
					imgUrl: '',
					link: '',
					fit: 1,
					radius: false,
					radiusNum: 5,
					boderAndShadow: false,
					showMode: '自定义像素值',
					pxWidth: 448,
					pxHeight: 252,
					widthPercent: 90,
					heightPercent: 90,
					mt: 0,
					mb: 0,
					ml: 0,
					mr: 0,
					pt: 0,
					pb: 0,
					pl: 0,
					pr: 0,
					floatFlag: false,
					floatValue: 'left',
				},
				config: {}
			},
			{
				type: 'videoUpAndPlay',
				label: '视频',
				unitName: '视频',
				icon: '',
				iconFont: 'fa-play-circle',
				control: {
					modelValue: '',
					videoMsg: [{
						CreatedAt: '',
						UpdatedAt: '',
						fileSize: "0n",
						id: "0n",
						key: '',
						name: '',
						physicspath: '',
						size: '',
						tag: '',
						type: 0,
						url: '',
						videoReady: false,
						videoHeight: 400,
						videoWidth: 700,
						videoAutoPlay: false,
						attrId: '',
						poster: '',
						loop: false
					}]
				},
				config: {},
				styles: {
					divStyle: {
						marginBot: "10"
					},
					labelStyle: {
						paddingLeft: "7",
					},
					inputStyle: {}
				}
			},
			{

				type: 'upload',
				label: '文件',
				unitName: '文件',
				icon: 'image',
				iconFont: 'fa-file-image-o',
				control: {
					modelValue: '' // 也可以是[{name:'',url:''}]形式
				},
				config: {},
				styles: {
					divStyle: {
						marginBot: "10"
					},
					labelStyle: {
						paddingLeft: "7",
					},
					inputStyle: {}
				}

			},
			{
				type: 'urllink',
				label: '链接',
				unitName: '链接',
				icon: 'link',
				iconFont: 'fa-link',
				control: {
				},
				config: {},
				styles: {
					divStyle: {
						marginBot: "10"
					},
					labelStyle: {
						paddingLeft: "7",
					},
					inputStyle: {}
				}
			},
			{
				type: 'table',
				label: '子表',
				unitName: '子表',
				icon: 'table',
				iconFont: 'fa-table',
				list: [],
				tableData: [], // 子表表格列表数据集合
				control: {
					border: true
				},
				config: {
					addBtnText: '添加一行'
				},
				styles: {
					divStyle: {
						marginBot: "10"
					},
					labelStyle: {
						paddingLeft: "7",
					},
					inputStyle: {}
				}
			},
			{
				type: 'baidumap',
				label: '地图',
				unitName: '地图',
				icon: 'map',
				iconFont: 'fa-map-o',
				control: {
				},
				config: {},
				styles: {
					divStyle: {
						marginBot: "10"
					},
					labelStyle: {
						paddingLeft: "7",
					},
					inputStyle: {}
				}
			},
			{
				type: 'slider',
				label: '滑块',
				unitName: '滑块',
				icon: 'slider',
				iconFont: 'fa-sliders',
				control: {
					modelValue: 0
				},
				config: {},
				styles: {
					divStyle: {
						marginBot: "10"
					},
					labelStyle: {
						paddingLeft: "7",
					},
					inputStyle: {}
				}
			},
			{
				type: 'rate',
				label: '评分',
				unitName: '评分',
				icon: 'rate',
				iconFont: 'fa-star-o',
				control: {
					modelValue: 0
				},
				config: {},
				styles: {
					divStyle: {
						marginBot: "10"
					},
					labelStyle: {
						paddingLeft: "7",
					},
					inputStyle: {}
				}
			},
			{
				type: 'tinymce',
				label: '富文本',
				unitName: '富文本',
				icon: 'tinymce',//
				iconFont: 'fa-list-alt',
				control: {
					modelValue: ''
				},
				config: {},
				styles: {
					divStyle: {
						marginBot: "10"
					},
					labelStyle: {
						paddingLeft: "7",
					},
					inputStyle: {}
				}
			},
			{
				type: 'lowcodeCarsusel',
				label: '轮播图',
				unitName: '轮播图',
				icon: '',
				iconFont: 'fa-window-restore',
				control: {
					modelValue: '',
					carsuselConfigArr: [{
						uploadFlag: false,
						imgId: '',
						imgSort: 1,
						imgUrl: '',
						link: ''
					}],
					config: {
						carsuselWidth: 448,
						carsuselHeight: 252,
						interval: 2000,
					}
				},

				config: {},
				styles: {
					divStyle: {
						marginBot: "10"
					},
					labelStyle: {
						paddingLeft: "7",
					},
					inputStyle: {}
				}
			},

			{
				type: 'signaturemap',
				label: '签名板',
				unitName: '签名板',
				icon: 'faedit',
				iconFont: 'fa-edit',
				control: {
				},
				config: {},
				styles: {
					divStyle: {
						marginBot: "10"
					},
					labelStyle: {
						paddingLeft: "7",
					},
					inputStyle: {}
				}
			},
			{
				type: 'lowcodeTransfer',
				label: '穿梭框',
				unitName: '穿梭框',
				icon: '',
				iconFont: 'fa-arrows-h',
				control: {
					modelValue: '',
					fixedOptions: [{
						id: 'thefirstrootnode',
						label: '根节点1',
						unitName: '',
						disabled: false,
						children: []
					},
					{
						id: 'thesecondrootnode',
						label: '根节点2',
						unitName: '',
						disabled: false,
						children: []
					}]
				},
				config: {
					transferName: '穿梭框',
					transferDataSource: '固定选项',
					apiUrl: '/javasys/lowCode/transfer/getOrgAndManTree',
					method: 'post',
				}
			},
			{

				type: 'colorPicker',
				label: '取色器',
				unitName: '取色器',
				icon: 'color',
				iconFont: '',
				control: {
					modelValue: ''
				},
				config: {},
				styles: {
					divStyle: {
						marginBot: "10"
					},
					labelStyle: {
						paddingLeft: "7",
					},
					inputStyle: {}
				}
			},
			{
				type: 'treeSelect',
				label: '树形控件',
				unitName: '树形控件',
				icon: 'tree2',
				iconFont: '',
				control: {
					modelValue: '',
					data: [],
					renderAfterExpand: false
				},
				config: {
					optionsType: 0
				},
				styles: {
					divStyle: {
						marginBot: "10"
					},
					labelStyle: {
						paddingLeft: "7",
					},
					inputStyle: {}
				}
			},
			{
				type: 'associatedForms',
				label: '关联表单',
				unitName: '关联表单',
				icon: '',
				iconFont: 'fa-wpforms',
				control: {
					modelValue: '',
					hideConditionHtml: '',
					hideConditionHtmlCopy: '',
					hideGongShi:{
						formulaHtml:'',
						mathsFormula:'',
						mathsString:'',
					},
					formid: '',
					glbbddbd:'',//关联本表单的表单
					dataRangeConditionHtml: '',
					dataRangeConditionHtmlCopy: '',
					dataRangeGongShi:{
						formulaHtml:'',
						mathsFormula:'',
						mathsString:'',
					},
					saveFlag: false,
					asfasfLabel:'',
					fillRoles: {
							master:  [
								{
									leftValue: '',
									rightValue: '',
									id: '',
								},
							],
							child: [
								{
									id: '',
									asfChildTableKey: '',
									filterCondition:{
										conditionHtml: '',
										conditionHtmlCopy: '',
										gongShi:{
											formulaHtml:'',
											mathsFormula:'',
											mathsString:'',
										},
									},
									childRoles:[
										{
											leftValue: '',
											rightValue: '',
											id: '',
										},
									]
								},
							],
						},
				},
				config: {}
			},
			{
				type: 'component',
				label: '自定义组件',
				unitName: '自定义组件',
				icon: 'component',
				iconFont: 'fa-cubes',
				control: {
					modelValue: ''
				},
				config: {},
				styles: {
					divStyle: {
						marginBot: "10"
					},
					labelStyle: {
						paddingLeft: "7",
					},
					inputStyle: {}
				}
				/*template: '', // 组件模板名称
						component: '' // 根据template注入的组件*/
			},








		]
	},

	{
		title: '系统控件',//扩展组件
		children: [
			{
				type: 'serialNumber',
				label: '编码',
				unitName: '编码',
				icon: 'number',
				iconFont: 'fa-list-ol',
				control: {
				},
				config: {
					automatic: false
				},
				styles: {
					divStyle: {
						marginBot: "10"
					},
					labelStyle: {
						paddingLeft: "7",
					},
					inputStyle: {}
				}
			},
			{
				type: 'expand-user',
				label: '选择用户',
				unitName: '选择用户',
				icon: 'user',
				iconFont: 'fa-user-o',
				control: {
					// 组件所有属性
					modelValue: ''
				},
				config: {}, // 其他配置信息
				styles: {
					divStyle: {
						marginBot: "10"
					},
					labelStyle: {
						paddingLeft: "7",
					},
					inputStyle: {}
				}
			},
			{
				type: 'orgCentent',
				label: '选择组织',
				unitName: '选择组织',
				icon: 'sliders',
				iconFont: 'fa-sliders',
				control: {
				},
				config: {},
				styles: {
					divStyle: {
						marginBot: "10"
					},
					labelStyle: {
						paddingLeft: "7",
					},
					inputStyle: {}
				}
			},
			{
				type: 'founder',
				label: '创建人',
				unitName: '创建人',
				icon: 'number',
				iconFont: 'fa-user-circle-o',
				control: {
					modelValue: ""
				},
				config: {},
				styles: {
					divStyle: {
						marginBot: "10"
					},
					labelStyle: {
						paddingLeft: "7",
					},
					inputStyle: {}
				}
			},
			{
				type: 'founderTime',
				label: '创建时间',
				unitName: '创建时间',
				icon: 'number',
				iconFont: 'fa-clock-o',
				control: {
					modelValue: ""
				},
				config: {},
				styles: {
					divStyle: {
						marginBot: "10"
					},
					labelStyle: {
						paddingLeft: "7",
					},
					inputStyle: {}
				}
			},
			{
				type: 'editTime',
				label: '修改时间',
				unitName: '修改时间',
				icon: 'number',
				iconFont: 'fa-clock-o',
				control: {
					modelValue: ""
				},
				config: {},
				styles: {
					divStyle: {
						marginBot: "10"
					},
					labelStyle: {
						paddingLeft: "7",
					},
					inputStyle: {}
				}
			},
			{
				type: 'owner',
				label: '拥有者',
				unitName: '拥有者',
				icon: 'number',
				iconFont: 'fa-user-circle',
				control: {
					modelValue: ""
				},
				config: {},
				styles: {
					divStyle: {
						marginBot: "10"
					},
					labelStyle: {
						paddingLeft: "7",
					},
					inputStyle: {}
				}
			},
			{
				type: 'deptOrg',
				label: '所属部门',
				unitName: '所属部门',
				icon: 'number',
				iconFont: 'fa-group',
				control: {
					modelValue: ""
				},
				config: {},
				styles: {
					divStyle: {
						marginBot: "10"
					},
					labelStyle: {
						paddingLeft: "7",
					},
					inputStyle: {}
				}
			},
		]
	},
	{
		title: '扩展组件',//
		chileren: []
	}
]