@tmagic/editor 1.8.0-beta.7 → 1.8.0-manmanyu.8

package/dist/es/utils/props.js

@@ -116,69 +116,173 @@ var eventTabConfig = {
 		type: "event-select"
 	}]
 };
+var getReportTypeConfig = ({ reportType }) => {
+	return {
+		name: reportType,
+		style: {
+			backgroundColor: "#fff",
+			borderRadius: "4px",
+			padding: "16px",
+			marginBottom: "10px"
+		},
+		items: [
+			{
+				text: {
+					click: "点击",
+					expose: "曝光"
+				}[reportType],
+				static: true,
+				labelPosition: "left",
+				labelWidth: "200px",
+				className: "m-fields-title-container"
+			},
+			{
+				name: "f_module",
+				type: "data-source-field-select",
+				fieldConfig: { type: "text" },
+				checkStrictly: false,
+				dataSourceFieldType: ["string"],
+				disabled: (_vm, { formValue }) => !formValue?.report?.custom,
+				text: "f_module",
+				labelPosition: "left"
+			},
+			{
+				name: "f_resource",
+				type: "data-source-field-select",
+				fieldConfig: { type: "text" },
+				checkStrictly: false,
+				dataSourceFieldType: ["string"],
+				disabled: (_vm, { formValue }) => !formValue?.report?.custom,
+				text: "f_resource",
+				labelPosition: "left"
+			},
+			{
+				name: "f_type",
+				type: "data-source-field-select",
+				fieldConfig: { type: "text" },
+				checkStrictly: false,
+				dataSourceFieldType: ["string", "number"],
+				disabled: (_vm, { formValue }) => !formValue?.report?.custom,
+				text: "f_type",
+				labelPosition: "left"
+			}
+		]
+	};
+};
 var advancedTabConfig = {
 	title: "高级",
 	lazy: true,
 	items: [
+		{
+			type: "link",
+			displayText: "点击查看配置指南",
+			href: "https://iwiki.woa.com/pages/viewpage.action?pageId=827749220",
+			css: "color: #F56C6C;font-weight: bold"
+		},
 		{
 			name: NODE_DISABLE_CODE_BLOCK_KEY,
 			text: "禁用代码块",
 			type: "switch",
+			labelPosition: "left",
 			defaultValue: false,
-			extra: "开启后，配置的代码块将不会被执行"
+			extra: "开启后，配置的代码块将不会被执行",
+			style: { padding: "0 22px" }
 		},
 		{
 			name: NODE_DISABLE_DATA_SOURCE_KEY,
 			text: "禁用数据源",
 			type: "switch",
+			labelPosition: "left",
 			defaultValue: false,
-			extra: "开启后，组件内配置的数据源相关配置将不会被编译，显隐条件将失效"
+			extra: "开启后，组件内配置的数据源相关配置将不会被编译，显隐条件将失效",
+			style: { padding: "0 22px" }
 		},
 		{
 			name: "created",
-			text: "created",
+			text: "Created",
+			flat: true,
 			labelPosition: "top",
 			type: "code-select",
-			extra: "组件初始化时执行"
+			titleExtra: "组件初始化时执行",
+			style: { padding: "0 22px" }
 		},
 		{
 			name: "mounted",
-			text: "mounted",
+			text: "Mounted",
 			labelPosition: "top",
+			flat: true,
 			type: "code-select",
-			extra: "组件挂载到dom时执行"
+			titleExtra: "组件挂载到dom时执行",
+			style: { padding: "0 22px" }
 		},
 		{
 			name: "display",
-			text: "display",
-			extra: "控制组件是否渲染，关系的代码块返回值为false时不渲染",
+			text: "Display",
+			flat: true,
+			titleExtra: "控制组件是否渲染，关系的代码块返回值为false时不渲染",
 			labelPosition: "top",
-			type: "code-select"
+			type: "code-select",
+			style: { padding: "0 22px" }
+		},
+		{
+			type: "fieldset",
+			legend: "上报",
+			labelWidth: "80px",
+			name: "report",
+			className: "no-border-fieldset",
+			style: { paddingTop: "10px" },
+			items: [
+				{
+					type: "row",
+					items: [{
+						type: "switch",
+						name: "custom",
+						labelPosition: "left",
+						defaultValue: false,
+						labelWidth: "120px",
+						text: "开启自定义",
+						extra: "开启自定义后可以手动修改上报内容，关闭后会自动生成上报内容"
+					}]
+				},
+				getReportTypeConfig({ reportType: "click" }),
+				getReportTypeConfig({ reportType: "expose" })
+			]
 		}
 	]
 };
 var displayTabConfig = {
 	title: "显示条件",
 	display: (_state, { model }) => model.type !== "page",
-	items: [{
-		name: NODE_CONDS_RESULT_KEY,
-		type: "select",
-		text: "条件成立时",
-		defaultValue: false,
-		options: [{
-			text: "显示",
-			value: false
-		}, {
-			text: "隐藏",
-			value: true
-		}],
-		extra: (_state, { model }) => `条件成立时${model[NODE_CONDS_RESULT_KEY] ? "隐藏" : "显示"}，不成立时${model[NODE_CONDS_RESULT_KEY] ? "显示" : "隐藏"}；<br />同一条件组内的所有条件配置同时成立时表示该条件组成立，任意一个条件组成立时表示条件成立(条件组内为且的关系，条件组间为或的关系)；<br />条件为空时表示成立；`
-	}, {
-		type: "display-conds",
-		name: NODE_CONDS_KEY,
-		titlePrefix: "条件组",
-		defaultValue: []
-	}]
+	items: [
+		{
+			name: NODE_CONDS_RESULT_KEY,
+			type: "select",
+			text: "条件成立时",
+			defaultValue: false,
+			options: [{
+				text: "显示",
+				value: false
+			}, {
+				text: "隐藏",
+				value: true
+			}],
+			extra: (_state, { model }) => `条件成立时${model[NODE_CONDS_RESULT_KEY] ? "隐藏" : "显示"}，不成立时${model[NODE_CONDS_RESULT_KEY] ? "显示" : "隐藏"}；<br />同一条件组内的所有条件配置同时成立时表示该条件组成立，任意一个条件组成立时表示条件成立(条件组内为且的关系，条件组间为或的关系)；<br />条件为空时表示成立；`
+		},
+		{
+			text: "条件组配置",
+			static: true,
+			className: "display-conds-title"
+		},
+		{
+			type: "display-conds",
+			name: NODE_CONDS_KEY,
+			titlePrefix: "条件组",
+			flat: true,
+			fixed: "right",
+			operateColWidth: 112,
+			defaultValue: []
+		}
+	]
 };
 /**
 * 统一为组件属性表单加上事件、高级、样式配置
@@ -196,10 +300,11 @@ var fillConfig = (config = [], { labelWidth = "80px", disabledDataSource = false
 		name: "id",
 		text: "ID",
 		type: "text",
-		disabled: true,
+		static: true,
 		append: {
-			type: "button",
-			text: "复制",
+			type: "icon",
+			text: "https://vip.image.video.qpic.cn/vupload/20260615/36cf7e1781493669935.svg",
+			extra: "复制",
 			handler: (vm, { model }) => {
 				navigator.clipboard.writeText(`${model.id}`).then(() => {
 					tMagicMessage.success("已复制");
@@ -218,6 +323,7 @@ var fillConfig = (config = [], { labelWidth = "80px", disabledDataSource = false
 	const tabConfig = {
 		type: "tab",
 		labelWidth,
+		className: "magic-right-panel-tabs-top",
 		items: [
 			{
 				title: "属性",