@pisell/materials 1.0.1051 → 1.0.1053

package/es/components/PisellCards/index.d.ts

@@ -7,15 +7,15 @@ import "./components/PisellImageCard/index.js";
 import { BadgeConfig, TabCardProps } from "./components/TabCard/types.js";
 import "./components/TextCard/types.js";
 import { MultilevelCardProps } from "./components/MultilevelCard/types.js";
-import * as react25 from "react";
+import * as react38 from "react";
 
 //#region src/components/PisellCards/index.d.ts
 declare const PisellCards: {
-  TabCard: (props: any) => react25.JSX.Element;
-  TextCard: (props: any) => react25.JSX.Element;
-  GraphicTextCard: (props: GraphicTextCardProps) => react25.JSX.Element;
-  MultilevelCard: (props: any) => react25.JSX.Element;
-  PisellImageCard: (props: PisellImageCardProps) => react25.JSX.Element;
+  TabCard: (props: any) => react38.JSX.Element;
+  TextCard: (props: any) => react38.JSX.Element;
+  GraphicTextCard: (props: GraphicTextCardProps) => react38.JSX.Element;
+  MultilevelCard: (props: any) => react38.JSX.Element;
+  PisellImageCard: (props: PisellImageCardProps) => react38.JSX.Element;
 };
 //#endregion
 export { PisellCards };

package/es/components/appVersionControl/index.js

@@ -4,8 +4,8 @@ import pisellModal_default from "../pisellModal/index.js";
 import button_default from "../button/index.js";
 import icon_default from "../icon/index.js";
 import { _asyncToGenerator } from "../../_virtual/_@oxc-project_runtime@0.108.0/helpers/asyncToGenerator.js";
-import pisellAvatar_default from "../pisellAvatar/index.js";
 import pisellToast_default from "../pisellToast/index.js";
+import pisellAvatar_default from "../pisellAvatar/index.js";
 import versionSelect_default from "../versionSelect/index.js";
 import versionModal_default from "../versionModal/index.js";
 import { getMaxVersion } from "./utils.js";

package/es/components/calendar/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import * as react33 from "react";
+import * as react24 from "react";
 
 //#region src/components/calendar/index.d.ts
-declare const Calendar: (props: any) => react33.JSX.Element;
+declare const Calendar: (props: any) => react24.JSX.Element;
 //#endregion
 export { Calendar };

package/es/components/checkbox/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import * as react34 from "react";
+import * as react25 from "react";
 
 //#region src/components/checkbox/index.d.ts
-declare const Checkbox: (props: any) => react34.JSX.Element;
+declare const Checkbox: (props: any) => react25.JSX.Element;
 //#endregion
 export { Checkbox };

package/es/components/dataSourceComponents/dataSourceForm/BaseForm.js

@@ -3,13 +3,13 @@ import { _objectWithoutProperties } from "../../../_virtual/_@oxc-project_runtim
 import useEngineContext_default from "../../../hooks/useEngineContext.js";
 import pisellModal_default from "../../pisellModal/index.js";
 import { _asyncToGenerator } from "../../../_virtual/_@oxc-project_runtime@0.108.0/helpers/asyncToGenerator.js";
-import form_default from "../../form/index.js";
-import useDataSource_default from "../hooks/useDataSource.js";
 import { getFormSettingMetaData } from "./serve.js";
+import useDataSource_default from "../hooks/useDataSource.js";
+import FormSettingProvider_default from "./provider/formSetting/FormSettingProvider.js";
+import form_default from "../../form/index.js";
 import { transformFormObjToArrayWithUntouched } from "./utils.js";
 import page_header_default from "../../page-header/index.js";
 import useCtxActions_default from "../hooks/useCtxActions.js";
-import FormSettingProvider_default from "./provider/formSetting/FormSettingProvider.js";
 import useFormSettingParams_default from "../hooks/useFormSettingParams.js";
 import React, { forwardRef, useEffect, useImperativeHandle, useRef } from "react";
 import { isArr } from "@pisell/utils";

package/es/components/dataSourceComponents/dataSourceForm/formItem.js

@@ -1,7 +1,7 @@
 import { _objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.108.0/helpers/objectSpread2.js";
 import { _objectWithoutProperties } from "../../../_virtual/_@oxc-project_runtime@0.108.0/helpers/objectWithoutProperties.js";
-import form_default from "../../form/index.js";
 import useDataSource_default from "../hooks/useDataSource.js";
+import form_default from "../../form/index.js";
 import useFormSetting_default from "./provider/hooks/useFormSetting.js";
 import useJsonPrefixPath_default from "./provider/hooks/useJsonPrefixPath.js";
 import { toArr } from "./utils.js";

package/es/components/dataSourceComponents/dataSourceForm/index.js

@@ -1,6 +1,6 @@
 import { _objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.108.0/helpers/objectSpread2.js";
-import form_default from "../../form/index.js";
 import DataSourceProvider_default from "../provider/dataSource/DataSourceProvider.js";
+import form_default from "../../form/index.js";
 import BaseForm_default from "./BaseForm.js";
 import React, { forwardRef } from "react";
 import "./index.less";

package/es/components/dataSourceComponents/dataSourceForm/submitButton/index.js

@@ -1,9 +1,9 @@
 import pisellModal_default from "../../../pisellModal/index.js";
 import { _asyncToGenerator } from "../../../../_virtual/_@oxc-project_runtime@0.108.0/helpers/asyncToGenerator.js";
-import useDataSource_default from "../../hooks/useDataSource.js";
-import useFormSetting_default from "../provider/hooks/useFormSetting.js";
 import pisellToast_default from "../../../pisellToast/index.js";
 import { updateTenantSetting } from "../serve.js";
+import useDataSource_default from "../../hooks/useDataSource.js";
+import useFormSetting_default from "../provider/hooks/useFormSetting.js";
 import { filterSystemFields, setFormFieldsUntouched } from "../utils.js";
 import useCtxActions_default from "../../hooks/useCtxActions.js";
 import useFormSettingParams_default from "../../hooks/useFormSettingParams.js";

package/es/components/dataSourceComponents/dataSourceForm/utils.js

@@ -1,12 +1,12 @@
 import { getText } from "../../../locales/index.js";
 import { _objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.108.0/helpers/objectSpread2.js";
 import { _objectWithoutProperties } from "../../../_virtual/_@oxc-project_runtime@0.108.0/helpers/objectWithoutProperties.js";
-import form_default from "../../form/index.js";
+import useVariables_default from "../hooks/useVariables.js";
 import useDataSource_default from "../hooks/useDataSource.js";
+import DataSourceProvider_default from "../provider/dataSource/DataSourceProvider.js";
+import form_default from "../../form/index.js";
 import useFormSetting_default from "./provider/hooks/useFormSetting.js";
 import useJsonPrefixPath_default from "./provider/hooks/useJsonPrefixPath.js";
-import useVariables_default from "../hooks/useVariables.js";
-import DataSourceProvider_default from "../provider/dataSource/DataSourceProvider.js";
 import useTranslationOriginal_default from "../../../hooks/useTranslationOriginal.js";
 import React, { useEffect, useMemo } from "react";
 import { isArr, isFunction, isNumber, isString } from "@pisell/utils";

package/es/components/dataSourceComponents/dataSourceShow/dataSourceQRCode/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import * as react30 from "react";
+import * as react45 from "react";
 
 //#region src/components/dataSourceComponents/dataSourceShow/dataSourceQRCode/index.d.ts
-declare const DataSourceQRCode: (props: any) => react30.JSX.Element;
+declare const DataSourceQRCode: (props: any) => react45.JSX.Element;
 //#endregion
 export { DataSourceQRCode };

package/es/components/dataSourceComponents/dataSourceSubForm/index.d.ts

@@ -0,0 +1,16 @@
+import { DataSourceSubFormProps } from "./types.js";
+import React from "react";
+
+//#region src/components/dataSourceComponents/dataSourceSubForm/index.d.ts
+/**
+ * @title DataSourceSubForm 子表单组件
+ * @description
+ * 独立的子表单组件，专注于渲染一组表单字段。支持两种使用方式：
+ * 1. 传入 children：使用低代码引擎渲染的子组件（优先）
+ * 2. 传入 xRecordSchema：通过配置自动生成表单字段（fallback）
+ *
+ * 值结构: { field1: v1, field2: v2 }
+ */
+declare const DataSourceSubForm: React.FC<DataSourceSubFormProps>;
+//#endregion
+export { DataSourceSubForm };

package/es/components/dataSourceComponents/dataSourceSubForm/index.js

@@ -0,0 +1,329 @@
+import { _objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.108.0/helpers/objectSpread2.js";
+import JsonWrapperContext_default from "../dataSourceForm/provider/jsonWrapper/JsonWrapperContext.js";
+import DataSourceProvider_default from "../provider/dataSource/DataSourceProvider.js";
+import FormSettingProvider_default from "../dataSourceForm/provider/formSetting/FormSettingProvider.js";
+import React, { useEffect, useMemo } from "react";
+import { Button, Checkbox, ColorPicker, DatePicker, Form, Input, InputNumber, Radio, Select, Switch, TimePicker, Upload } from "antd";
+import classNames from "classnames";
+import { useMemoizedFn } from "ahooks";
+
+//#region src/components/dataSourceComponents/dataSourceSubForm/index.tsx
+const { TextArea, Password } = Input;
+/**
+* @title 提取多语言文本
+* @description 兼容字符串、数字、多语言对象格式，返回可显示文本
+*/
+const getI18nText = (value) => {
+	if (value === null || value === void 0) return "";
+	if (typeof value === "string" || typeof value === "number") return `${value}`;
+	if (typeof value === "object") return value.original || value["zh-CN"] || value.en || value["zh-HK"] || value.ja || value.pt || "";
+	return "";
+};
+/**
+* @title 解析并规范化 xRecordSchema
+* @description 兼容字符串、数组、properties 和 fields 结构，统一成字段数组供渲染使用
+*/
+const normalizeRecordSchema = (xRecordSchema) => {
+	if (!xRecordSchema) return [];
+	let rawSchema = xRecordSchema;
+	if (typeof xRecordSchema === "string") try {
+		rawSchema = JSON.parse(xRecordSchema);
+	} catch (error) {
+		console.error("Failed to parse xRecordSchema:", error);
+		return [];
+	}
+	if (rawSchema && typeof rawSchema === "object" && !Array.isArray(rawSchema) && rawSchema.name) rawSchema = [rawSchema];
+	/**
+	* @title 规范化单个字段
+	* @description 将各种格式的字段配置统一转换为标准格式
+	*/
+	const normalizeSingleField = (field, fallbackName) => {
+		var _uiSchema$xDataSour;
+		const uiSchema = (field === null || field === void 0 ? void 0 : field.uiSchema) || {};
+		const name = (field === null || field === void 0 ? void 0 : field.name) || fallbackName;
+		if (!name) return null;
+		const component = (uiSchema === null || uiSchema === void 0 ? void 0 : uiSchema["x-component"]) || (field === null || field === void 0 ? void 0 : field.interface) || (field === null || field === void 0 ? void 0 : field.componentName) || (field === null || field === void 0 ? void 0 : field.component) || "Input";
+		const props = _objectSpread2(_objectSpread2({}, (uiSchema === null || uiSchema === void 0 ? void 0 : uiSchema["x-component-props"]) || {}), (field === null || field === void 0 ? void 0 : field.props) || {});
+		const uiSchemaDataSourceOptions = (uiSchema === null || uiSchema === void 0 || (_uiSchema$xDataSour = uiSchema["x-data-source"]) === null || _uiSchema$xDataSour === void 0 ? void 0 : _uiSchema$xDataSour.options) || [];
+		const options = (uiSchemaDataSourceOptions.length ? uiSchemaDataSourceOptions : (uiSchema === null || uiSchema === void 0 ? void 0 : uiSchema.enum) || (field === null || field === void 0 ? void 0 : field.options) || (props === null || props === void 0 ? void 0 : props.options) || []).map((option) => {
+			if (typeof option === "string" || typeof option === "number") return {
+				label: option,
+				value: option
+			};
+			return _objectSpread2(_objectSpread2({}, option), {}, { label: getI18nText(option === null || option === void 0 ? void 0 : option.label) || (option === null || option === void 0 ? void 0 : option.value) });
+		});
+		if (component === "Select" && (field === null || field === void 0 ? void 0 : field.type) === "array" && !(props === null || props === void 0 ? void 0 : props.mode)) props.mode = "multiple";
+		return _objectSpread2(_objectSpread2({}, field), {}, {
+			name,
+			label: getI18nText(field === null || field === void 0 ? void 0 : field.label) || getI18nText(uiSchema === null || uiSchema === void 0 ? void 0 : uiSchema.title) || name,
+			component,
+			componentName: component,
+			options,
+			props,
+			uiSchema
+		});
+	};
+	if (Array.isArray(rawSchema)) return rawSchema.map((item) => normalizeSingleField(item)).filter(Boolean);
+	if (Array.isArray(rawSchema === null || rawSchema === void 0 ? void 0 : rawSchema.fields)) return rawSchema.fields.map((item) => normalizeSingleField(item)).filter(Boolean);
+	if (Array.isArray(rawSchema === null || rawSchema === void 0 ? void 0 : rawSchema.children)) return rawSchema.children.map((item) => normalizeSingleField(item)).filter(Boolean);
+	if ((rawSchema === null || rawSchema === void 0 ? void 0 : rawSchema.properties) && typeof rawSchema.properties === "object") return Object.keys(rawSchema.properties).map((name) => normalizeSingleField(rawSchema.properties[name], name)).filter(Boolean);
+	return [];
+};
+/**
+* @title 渲染单个表单字段（Form.Item + Antd 控件）
+* @description
+* 根据字段的 componentName/component 映射到对应的 Antd 组件，并包裹在 Form.Item 中。
+* Form.Item 的 name 绑定让 antd Form 自动管理该字段的值收集与回填。
+*
+* 支持的组件类型：
+* - 文本类：Input / Input.TextArea / Input.Password / Input.Email / Input.Phone / Input.Mobile / Input.URL / Input.Subdomain
+* - 数字类：InputNumber / Percent
+* - 时间类：DatePicker / TimePicker
+* - 颜色：ColorPicker
+* - 选择类：Select / Radio.Group / Checkbox.Group / Checkbox
+* - 开关：Switch
+* - 上传：Upload
+* - JSON：Input.JSON / Input.InputJSON
+* - 复杂组件（降级）：Translation / IconPicker / RecordListWrapper
+*/
+const renderFormItem = (field, isDisabled) => {
+	const componentType = `${field.componentName || field.component || "Input"}`;
+	const fieldOptions = field.options || [];
+	const fieldProps = _objectSpread2({}, field.props || {});
+	const label = field.label || field.name;
+	const name = field.name;
+	if (componentType === "Input.TextArea") return /* @__PURE__ */ React.createElement(Form.Item, {
+		key: name,
+		name,
+		label
+	}, /* @__PURE__ */ React.createElement(TextArea, _objectSpread2(_objectSpread2({}, fieldProps), {}, { disabled: isDisabled })));
+	if (componentType === "Input.Password" || componentType === "Password") return /* @__PURE__ */ React.createElement(Form.Item, {
+		key: name,
+		name,
+		label
+	}, /* @__PURE__ */ React.createElement(Password, _objectSpread2(_objectSpread2({}, fieldProps), {}, { disabled: isDisabled })));
+	if ([
+		"Input.Email",
+		"Input.Phone",
+		"Input.Mobile",
+		"Input.URL",
+		"Input.Subdomain"
+	].includes(componentType)) return /* @__PURE__ */ React.createElement(Form.Item, {
+		key: name,
+		name,
+		label
+	}, /* @__PURE__ */ React.createElement(Input, _objectSpread2(_objectSpread2({}, fieldProps), {}, { disabled: isDisabled })));
+	if (componentType === "InputNumber" || componentType === "Percent") return /* @__PURE__ */ React.createElement(Form.Item, {
+		key: name,
+		name,
+		label
+	}, /* @__PURE__ */ React.createElement(InputNumber, _objectSpread2(_objectSpread2({}, fieldProps), {}, {
+		disabled: isDisabled,
+		style: _objectSpread2({ width: "100%" }, fieldProps.style || {})
+	})));
+	if (componentType === "DatePicker") return /* @__PURE__ */ React.createElement(Form.Item, {
+		key: name,
+		name,
+		label
+	}, /* @__PURE__ */ React.createElement(DatePicker, _objectSpread2(_objectSpread2({}, fieldProps), {}, {
+		disabled: isDisabled,
+		style: _objectSpread2({ width: "100%" }, fieldProps.style || {})
+	})));
+	if (componentType === "TimePicker") return /* @__PURE__ */ React.createElement(Form.Item, {
+		key: name,
+		name,
+		label
+	}, /* @__PURE__ */ React.createElement(TimePicker, _objectSpread2(_objectSpread2({}, fieldProps), {}, {
+		disabled: isDisabled,
+		style: _objectSpread2({ width: "100%" }, fieldProps.style || {})
+	})));
+	if (componentType === "ColorPicker") return /* @__PURE__ */ React.createElement(Form.Item, {
+		key: name,
+		name,
+		label,
+		getValueFromEvent: (color) => {
+			var _color$toHexString, _color$toHexString2;
+			return (_color$toHexString = color === null || color === void 0 || (_color$toHexString2 = color.toHexString) === null || _color$toHexString2 === void 0 ? void 0 : _color$toHexString2.call(color)) !== null && _color$toHexString !== void 0 ? _color$toHexString : color;
+		}
+	}, /* @__PURE__ */ React.createElement(ColorPicker, _objectSpread2(_objectSpread2({}, fieldProps), {}, { disabled: isDisabled })));
+	if (["Select", "RecordListWrapper"].includes(componentType)) return /* @__PURE__ */ React.createElement(Form.Item, {
+		key: name,
+		name,
+		label
+	}, /* @__PURE__ */ React.createElement(Select, _objectSpread2(_objectSpread2({}, fieldProps), {}, {
+		disabled: isDisabled,
+		options: fieldOptions,
+		style: _objectSpread2({ width: "100%" }, fieldProps.style || {})
+	})));
+	if (componentType === "Radio.Group") {
+		const radioOptions = fieldOptions.map((o) => {
+			var _o$label;
+			return _objectSpread2(_objectSpread2({}, o), {}, { label: (_o$label = o.label) !== null && _o$label !== void 0 ? _o$label : String(o.value) });
+		});
+		return /* @__PURE__ */ React.createElement(Form.Item, {
+			key: name,
+			name,
+			label
+		}, /* @__PURE__ */ React.createElement(Radio.Group, _objectSpread2(_objectSpread2({}, fieldProps), {}, {
+			disabled: isDisabled,
+			options: radioOptions
+		})));
+	}
+	if (componentType === "Checkbox.Group") {
+		const checkboxOptions = fieldOptions.map((o) => {
+			var _o$label2;
+			return _objectSpread2(_objectSpread2({}, o), {}, { label: (_o$label2 = o.label) !== null && _o$label2 !== void 0 ? _o$label2 : String(o.value) });
+		});
+		return /* @__PURE__ */ React.createElement(Form.Item, {
+			key: name,
+			name,
+			label
+		}, /* @__PURE__ */ React.createElement(Checkbox.Group, _objectSpread2(_objectSpread2({}, fieldProps), {}, {
+			disabled: isDisabled,
+			options: checkboxOptions
+		})));
+	}
+	if (componentType === "Checkbox") return /* @__PURE__ */ React.createElement(Form.Item, {
+		key: name,
+		name,
+		label,
+		valuePropName: "checked"
+	}, /* @__PURE__ */ React.createElement(Checkbox, _objectSpread2(_objectSpread2({}, fieldProps), {}, { disabled: isDisabled }), label));
+	if (componentType === "Switch") return /* @__PURE__ */ React.createElement(Form.Item, {
+		key: name,
+		name,
+		label,
+		valuePropName: "checked"
+	}, /* @__PURE__ */ React.createElement(Switch, _objectSpread2(_objectSpread2({}, fieldProps), {}, { disabled: isDisabled })));
+	if (componentType === "Upload") return /* @__PURE__ */ React.createElement(Form.Item, {
+		key: name,
+		name,
+		label,
+		valuePropName: "fileList",
+		getValueFromEvent: (e) => Array.isArray(e) ? e : e === null || e === void 0 ? void 0 : e.fileList
+	}, /* @__PURE__ */ React.createElement(Upload, _objectSpread2(_objectSpread2({}, fieldProps), {}, { disabled: isDisabled }), /* @__PURE__ */ React.createElement(Button, { disabled: isDisabled }, "上传文件")));
+	if (["Input.JSON", "Input.InputJSON"].includes(componentType)) return /* @__PURE__ */ React.createElement(Form.Item, {
+		key: name,
+		name,
+		label,
+		getValueProps: (v) => ({ value: v !== void 0 && typeof v === "object" ? JSON.stringify(v, null, 2) : v !== null && v !== void 0 ? v : "" }),
+		getValueFromEvent: (e) => {
+			try {
+				return JSON.parse(e.target.value);
+			} catch (_unused) {
+				return e.target.value;
+			}
+		}
+	}, /* @__PURE__ */ React.createElement(TextArea, _objectSpread2(_objectSpread2({}, fieldProps), {}, {
+		disabled: isDisabled,
+		rows: fieldProps.rows || 6
+	})));
+	if (["Translation", "IconPicker"].includes(componentType)) return /* @__PURE__ */ React.createElement(Form.Item, {
+		key: name,
+		name,
+		label
+	}, /* @__PURE__ */ React.createElement(Input, _objectSpread2(_objectSpread2({}, fieldProps), {}, {
+		disabled: isDisabled,
+		placeholder: fieldProps.placeholder || `${componentType}（请在低代码平台配置后使用）`
+	})));
+	return /* @__PURE__ */ React.createElement(Form.Item, {
+		key: name,
+		name,
+		label
+	}, /* @__PURE__ */ React.createElement(Input, _objectSpread2(_objectSpread2({}, fieldProps), {}, { disabled: isDisabled })));
+};
+/**
+* @title DataSourceSubForm 子表单组件
+* @description
+* 独立的子表单组件，专注于渲染一组表单字段。支持两种使用方式：
+* 1. 传入 children：使用低代码引擎渲染的子组件（优先）
+* 2. 传入 xRecordSchema：通过配置自动生成表单字段（fallback）
+*
+* 值结构: { field1: v1, field2: v2 }
+*/
+const DataSourceSubForm = (props) => {
+	const { value = {}, onChange, children, xRecordSchema, renderMode = "edit", __designMode, className, style } = props;
+	const [innerForm] = Form.useForm();
+	/** renderMode 为 disabled 时所有控件禁用 */
+	const isDisabled = renderMode === "disabled";
+	/** 确保 value 是对象 */
+	const safeValue = useMemo(() => {
+		if (value && typeof value === "object" && !Array.isArray(value)) return value;
+		return {};
+	}, [value]);
+	/** 当外部 value 变化时，同步到内部 Form */
+	useEffect(() => {
+		innerForm.setFieldsValue(safeValue);
+	}, [safeValue, innerForm]);
+	/** 内部 Form 值变化 -> 通知外部 */
+	const handleValuesChange = useMemoizedFn((_, allValues) => {
+		onChange === null || onChange === void 0 || onChange(_objectSpread2(_objectSpread2({}, safeValue), allValues));
+	});
+	/** 解析 xRecordSchema 为字段数组 */
+	const fields = useMemo(() => normalizeRecordSchema(xRecordSchema), [xRecordSchema]);
+	/**
+	* @title 判断是否有有效的低代码子组件
+	* @description 排除引擎注入的空容器占位符
+	*/
+	const hasRealChildren = useMemo(() => {
+		const childArray = React.Children.toArray(children);
+		if (childArray.length === 0) return false;
+		return childArray.some((child) => React.isValidElement(child));
+	}, [children]);
+	/**
+	* @title 创建模拟数据源
+	* @description 供 DataSourceProvider 消费，使子组件（如 Select）可访问字段元信息
+	*/
+	const mockDataSource = useMemo(() => {
+		if (!fields || fields.length === 0) return null;
+		return {
+			fields: fields.map((field) => ({
+				name: field.name,
+				uiSchema: field.uiSchema,
+				interface: field.interface
+			})),
+			name: "dataSourceSubForm",
+			tableName: "dataSourceSubForm"
+		};
+	}, [fields]);
+	/**
+	* @title 渲染表单核心内容
+	* @description
+	* - 有 children：渲染低代码引擎注入的子组件
+	* - 无 children 但有 fields：用 renderFormItem 逐字段渲染 Antd 控件
+	* - 两者均无：显示空状态提示
+	*/
+	const renderFormContent = () => {
+		if (!hasRealChildren && fields.length === 0) return /* @__PURE__ */ React.createElement("div", { className: "pisell-data-source-sub-form__empty" }, "No fields configured. Please configure xRecordSchema or add children components.");
+		const formContent = /* @__PURE__ */ React.createElement(JsonWrapperContext_default.Provider, { value: {
+			path: [],
+			level: 0
+		} }, /* @__PURE__ */ React.createElement(Form, {
+			form: innerForm,
+			onValuesChange: handleValuesChange,
+			component: false,
+			layout: "vertical"
+		}, hasRealChildren ? children : fields.map((field) => renderFormItem(field, isDisabled))));
+		if (mockDataSource) return /* @__PURE__ */ React.createElement(FormSettingProvider_default, {
+			renderMode,
+			groupInfoPosition: "top",
+			size: "large"
+		}, /* @__PURE__ */ React.createElement(DataSourceProvider_default, {
+			dataSource: mockDataSource,
+			__designMode
+		}, formContent));
+		return /* @__PURE__ */ React.createElement(FormSettingProvider_default, {
+			renderMode,
+			groupInfoPosition: "top",
+			size: "large"
+		}, formContent);
+	};
+	return /* @__PURE__ */ React.createElement("div", {
+		className: classNames("pisell-data-source-sub-form", className),
+		style
+	}, renderFormContent());
+};
+var dataSourceSubForm_default = DataSourceSubForm;
+
+//#endregion
+export { dataSourceSubForm_default as default };

package/es/components/dataSourceComponents/dataSourceSubForm/index.less

@@ -0,0 +1,19 @@
+/**
+ * @title DataSourceSubForm 组件样式
+ * @description 独立的子表单组件样式定义
+ */
+
+// .pisell-data-source-sub-form {
+//   width: 100%;
+
+//   &__empty {
+//     color: #999;
+//     font-size: 12px;
+//     padding: 12px 0;
+//     text-align: center;
+//   }
+
+//   &__form-wrapper {
+//     width: 100%;
+//   }
+// }