feat: 新增iframe 展示功能

src/components/packages/formEditor/components/Panels/Config/components/PropsPanel.vue

@@ -559,6 +559,24 @@ onMounted(() => {
 		>
 			<el-color-picker v-model="target.options.penColor" color-format="rgb" />
 		</PanelsConfigComponentsTypeComponent>
+		<!-- iframe 配置 高度  -->
+		<PanelsConfigComponentsTypeComponent
+			v-if="checkTypeBySelected(['iframe'], 'height')"
+			:layout-type="0"
+			:label="t('er.config.propsPanel.iframeHeight')"
+			v-bind="utils.addTestId('configPanel:iframeHeight')"
+		>
+			<el-input-number v-model="target.options.height" controls-position="right" :min="40" :max="1000" />
+		</PanelsConfigComponentsTypeComponent>
+		<!-- iframe 配置 src  -->
+		<PanelsConfigComponentsTypeComponent
+			v-if="checkTypeBySelected(['iframe'], 'src')"
+			:layout-type="0"
+			:label="t('er.config.propsPanel.url')"
+			v-bind="utils.addTestId('configPanel:src')"
+		>
+			<el-input v-model="target.options.src" placeholder="请输入Url" />
+		</PanelsConfigComponentsTypeComponent>
 		<!-- 时间类型 格式显示  -->
 		<PanelsConfigComponentsTypeComponent
 			v-if="checkTypeBySelected(['time', 'date'], 'format')"

src/components/packages/theme/formEditor/FormTypes/Iframe.scss

@@ -23,6 +23,14 @@
 			font-size: 16px;
 		}
 	}
+	.placeholder {
+		width: 100%;
+		padding: 0 12px;
+		position: absolute;
+		top: 0;
+		left: 0;
+		color: var(--el-text-color-placeholder);
+	}
   @include e(clear) {
     color: $primary-color;
     position: absolute;