@pisell/materials 1.8.17 → 1.8.19

package/lib/components/PisellLayouts/index.d.ts

@@ -13,21 +13,25 @@
  *   <Content />
  * </PisellLayouts.ScrollView>
  */
-/// <reference types="react" />
 declare const PisellLayouts: {
-    BasicGrid: <T>(props: import("../PisellBasicGrid").PisellBasicGridProps<T>) => import("react").JSX.Element;
+    BasicGrid: <T>(props: import("../PisellBasicGrid").PisellBasicGridProps<T>) => JSX.Element;
     ScrollView: import("react").ForwardRefExoticComponent<Omit<import("../PisellScrollView").PisellScrollViewProps, "ref"> & import("react").RefAttributes<import("../PisellScrollView").PisellScrollViewRef>>;
+    FloorMapLayout: <T_1 extends import("../pisellFloorMapLayout").FloorMapItemBase = import("../pisellFloorMapLayout").FloorMapItemBase>(props: import("../pisellFloorMapLayout").PisellFloorMapLayoutProps<T_1> & {
+        ref?: import("react").Ref<import("../pisellFloorMapLayout").PisellFloorMapLayoutRef> | undefined;
+    }) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     Layout: import("../pisellLayout").CompoundedComponent;
     Content: import("react").FC<import("../pisellLayout/content").PisellContentProps>;
     Footer: import("react").FC<import("../pisellLayout/footer").PisellFooterProps>;
     Header: import("react").FC<import("../pisellLayout/header").PisellHeaderProps>;
     Sider: import("react").FC<import("../pisellLayout/sider").PisellSiderProps>;
-    Container: <T_1 extends import("../pisellContainer").RenderType>(props: import("../pisellContainer").PisellContainerProps<T_1>) => any;
-    Row: (props: import("../pisellRow").PisellRowProps) => import("react").JSX.Element;
+    Container: <T_2 extends import("../pisellContainer").RenderType>(props: import("../pisellContainer").PisellContainerProps<T_2>) => any;
+    Row: (props: import("../pisellRow").PisellRowProps) => JSX.Element;
     ViewGrid: import("react").FC<import("../pisellViewGrid").PisellViewGridProps>;
 };
 export default PisellLayouts;
-export type { PisellBasicGridProps, } from '../PisellBasicGrid';
-export type { PisellScrollViewProps, } from '../PisellScrollView';
-export type { PisellLayoutProps, CompoundedComponent, } from '../pisellLayout';
-export type { PisellRowProps, } from '../pisellRow';
+export type { PisellBasicGridProps } from '../PisellBasicGrid';
+export type { PisellScrollViewProps } from '../PisellScrollView';
+export type { PisellFloorMapLayoutProps, PisellFloorMapLayoutRef, FloorMapFullscreenMode, FloorMapLayoutContextValue, FloorMapLayoutProviderProps, } from '../pisellFloorMapLayout';
+export { FloorMapLayoutProvider, useFloorMapLayoutContext, EMPTY_FLOOR_MAP_LAYOUT_CONTEXT, mergeFloorMapLayoutPropsFromContext, } from '../pisellFloorMapLayout';
+export type { PisellLayoutProps, CompoundedComponent } from '../pisellLayout';
+export type { PisellRowProps } from '../pisellRow';

package/lib/components/PisellLayouts/index.js

@@ -29,11 +29,16 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/PisellLayouts/index.tsx
 var PisellLayouts_exports = {};
 __export(PisellLayouts_exports, {
-  default: () => PisellLayouts_default
+  EMPTY_FLOOR_MAP_LAYOUT_CONTEXT: () => import_pisellFloorMapLayout2.EMPTY_FLOOR_MAP_LAYOUT_CONTEXT,
+  FloorMapLayoutProvider: () => import_pisellFloorMapLayout2.FloorMapLayoutProvider,
+  default: () => PisellLayouts_default,
+  mergeFloorMapLayoutPropsFromContext: () => import_pisellFloorMapLayout2.mergeFloorMapLayoutPropsFromContext,
+  useFloorMapLayoutContext: () => import_pisellFloorMapLayout2.useFloorMapLayoutContext
 });
 module.exports = __toCommonJS(PisellLayouts_exports);
 var import_PisellBasicGrid = __toESM(require("../PisellBasicGrid"));
 var import_PisellScrollView = __toESM(require("../PisellScrollView"));
+var import_pisellFloorMapLayout = require("../pisellFloorMapLayout");
 var import_pisellLayout = __toESM(require("../pisellLayout"));
 var import_content = __toESM(require("../pisellLayout/content"));
 var import_footer = __toESM(require("../pisellLayout/footer"));
@@ -42,9 +47,11 @@ var import_sider = __toESM(require("../pisellLayout/sider"));
 var import_pisellContainer = __toESM(require("../pisellContainer"));
 var import_pisellRow = __toESM(require("../pisellRow"));
 var import_pisellViewGrid = __toESM(require("../pisellViewGrid"));
+var import_pisellFloorMapLayout2 = require("../pisellFloorMapLayout");
 var PisellLayouts = {
   BasicGrid: import_PisellBasicGrid.default,
   ScrollView: import_PisellScrollView.default,
+  FloorMapLayout: import_pisellFloorMapLayout.PisellFloorMapLayout,
   Layout: import_pisellLayout.default,
   Content: import_content.default,
   Footer: import_footer.default,
@@ -55,3 +62,10 @@ var PisellLayouts = {
   ViewGrid: import_pisellViewGrid.default
 };
 var PisellLayouts_default = PisellLayouts;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  EMPTY_FLOOR_MAP_LAYOUT_CONTEXT,
+  FloorMapLayoutProvider,
+  mergeFloorMapLayoutPropsFromContext,
+  useFloorMapLayoutContext
+});

package/lib/components/appVersionControl/index.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 import { AppVersionControlProps } from './types';
 import './index.less';
-declare const AppVersionControl: (props: AppVersionControlProps) => React.JSX.Element;
+declare const AppVersionControl: (props: AppVersionControlProps) => JSX.Element;
 export default AppVersionControl;

package/lib/components/auto-complete-number/index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 import { AutoCompleteProps, InputNumberProps } from "antd";
 interface AutoCompleteNumberProps {
     autoCompleteProps: AutoCompleteProps;
@@ -6,5 +6,5 @@ interface AutoCompleteNumberProps {
     value?: any;
     onChange?: any;
 }
-declare const AutoCompleteNumber: (props: AutoCompleteNumberProps) => React.JSX.Element;
+declare const AutoCompleteNumber: (props: AutoCompleteNumberProps) => JSX.Element;
 export default AutoCompleteNumber;

package/lib/components/badge/index.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
+/// <reference types="react" />
 import { BadgeProps as OriginalBadgeprops } from 'antd';
 import './index.less';
 export interface Badgeprops extends OriginalBadgeprops {
     styleType: 'default' | 'warning';
 }
-declare const Badge: (props: any) => React.JSX.Element;
+declare const Badge: (props: any) => JSX.Element;
 export default Badge;

package/lib/components/batch-editor/fields/Image/index.d.ts

@@ -3,5 +3,5 @@ export interface ImageProps extends React.ComponentPropsWithoutRef<"img"> {
     value?: string;
 }
 import "./index.less";
-declare const Image: (props: ImageProps) => React.JSX.Element | null;
+declare const Image: (props: ImageProps) => JSX.Element | null;
 export default Image;

package/lib/components/batch-editor/fields/Text/index.d.ts

@@ -2,5 +2,5 @@ import React from "react";
 export interface TextProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
 }
-declare const Text: (props: TextProps) => React.JSX.Element;
+declare const Text: (props: TextProps) => JSX.Element;
 export default Text;

package/lib/components/batch-editor/fields/index.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 declare const _default: {
     price: import("react").FC<import("./Price").PriceProps>;
-    image: (props: import("./Image").ImageProps) => import("react").JSX.Element | null;
-    text: (props: import("./Text").TextProps) => import("react").JSX.Element;
+    image: (props: import("./Image").ImageProps) => JSX.Element | null;
+    text: (props: import("./Text").TextProps) => JSX.Element;
 };
 export default _default;

package/lib/components/batch-editor/index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 import "./index.less";
 interface BatchEditorProps {
     columns: any[];
@@ -7,5 +7,5 @@ interface BatchEditorProps {
     rowKey: string;
     otherTableProps: any;
 }
-declare const BatchEditor: (props: BatchEditorProps) => React.JSX.Element;
+declare const BatchEditor: (props: BatchEditorProps) => JSX.Element;
 export default BatchEditor;

package/lib/components/browserSelect/index.d.ts

@@ -17,5 +17,5 @@ interface BrowserSelectProps extends Omit<React.DetailedHTMLProps<React.SelectHT
  * @Author: zhiwei.Wang
  * @Date: 2024-01-30 16:43
  */
-declare const BrowserSelect: (props: BrowserSelectProps) => React.JSX.Element;
+declare const BrowserSelect: (props: BrowserSelectProps) => JSX.Element;
 export default BrowserSelect;

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

@@ -1,2 +1,3 @@
-declare const Calendar: (props: any) => import("react").JSX.Element;
+/// <reference types="react" />
+declare const Calendar: (props: any) => JSX.Element;
 export default Calendar;

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

@@ -1,2 +1,3 @@
-declare const Checkbox: (props: any) => import("react").JSX.Element;
+/// <reference types="react" />
+declare const Checkbox: (props: any) => JSX.Element;
 export default Checkbox;

package/lib/components/classicLayout/index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 import "./index.less";
-declare const ClassicLayout: (props: any) => React.JSX.Element;
+declare const ClassicLayout: (props: any) => JSX.Element;
 export default ClassicLayout;

package/lib/components/colorPicker/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { ColorPickerProps } from 'antd';
-declare const ColorPicker: (props: ColorPickerProps) => React.JSX.Element;
+declare const ColorPicker: (props: ColorPickerProps) => JSX.Element;
 export default ColorPicker;

package/lib/components/customSelect/index.d.ts

@@ -13,5 +13,5 @@ export interface CustomSelectProps<T extends BaseOption> extends Omit<SelectProp
     className?: string;
     style?: React.CSSProperties;
 }
-declare const CustomSelect: <T extends BaseOption>(props: CustomSelectProps<T>) => React.JSX.Element;
+declare const CustomSelect: <T extends BaseOption>(props: CustomSelectProps<T>) => JSX.Element;
 export default CustomSelect;

package/lib/components/dataSourceComponents/dataSourceForm/formItem.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-declare const FormItem: (props: any) => React.JSX.Element;
+/// <reference types="react" />
+declare const FormItem: (props: any) => JSX.Element;
 export default FormItem;

package/lib/components/dataSourceComponents/dataSourceForm/group/index.d.ts

@@ -16,5 +16,5 @@ export interface FormGroupProps {
  * @Author: shengjie.zuo
  * @Date: 2024-11-25 17:14:25
  */
-declare const FormGroup: (props: FormGroupProps) => React.JSX.Element;
+declare const FormGroup: (props: FormGroupProps) => JSX.Element;
 export default FormGroup;

package/lib/components/dataSourceComponents/dataSourceForm/submitButton/index.d.ts

@@ -35,5 +35,5 @@ export interface SubmitButtonProps extends ButtonProps {
         placement: 'top' | 'topLeft' | 'topRight' | 'bottom' | 'bottomLeft' | 'bottomRight';
     };
 }
-declare const SubmitButton: (props: SubmitButtonProps) => React.JSX.Element | null;
+declare const SubmitButton: (props: SubmitButtonProps) => JSX.Element | null;
 export default SubmitButton;

package/lib/components/dataSourceComponents/dataSourceForm/utils.d.ts

@@ -41,16 +41,16 @@ export declare const withFormItem: <P extends object>(WrappedComponent: React.Co
 export declare const withDataSource: <P extends unknown>(WrappedComponent: React.ComponentType<P>) => (props: P & {
     dataSource?: any;
     extraParams?: Record<string, any> | undefined;
-}) => React.JSX.Element;
+}) => JSX.Element;
 export declare const withOptions: <P extends unknown>(WrappedComponent: React.ComponentType<P>) => (props: P & {
     options?: any;
-    optionSourceType?: "default" | "custom" | "api" | undefined;
+    optionSourceType?: "custom" | "default" | "api" | undefined;
     labelField: string;
     valueField: string;
     extraParams?: Record<string, any> | undefined;
-}) => React.JSX.Element;
+}) => JSX.Element;
 export declare const getNestedValue: (obj: Record<string, any>, path: string) => Record<string, any>;
-export declare const renderValueWithMap: (value: any, valueMap?: Record<string, string>, renderMode?: ModeType) => React.JSX.Element | null;
+export declare const renderValueWithMap: (value: any, valueMap?: Record<string, string>, renderMode?: ModeType) => JSX.Element | null;
 export declare function toArr(str: string | number | (string | number)[]): (string | number)[];
 export declare const filterSystemFields: (params: Record<string, any>) => Record<string, any>;
 export declare const transformFormObjToArrayWithUntouched: (obj: Record<string, any>) => any[];

package/lib/components/dataSourceComponents/dataSourceMenu/index.d.ts

@@ -4,5 +4,5 @@ import { PisellMenuProps } from '../../pisellMenu/types';
  * @title: 数据源表单组件
  * @description: 基于数据源动态生成表单，支持编辑、查看、禁用三种模式
  */
-declare const DataSourceMenu: (props: PisellMenuProps, ref: React.Ref<any>) => React.JSX.Element;
+declare const DataSourceMenu: (props: PisellMenuProps, ref: React.Ref<any>) => JSX.Element;
 export default DataSourceMenu;

package/lib/components/dataSourceComponents/dataSourceShow/dataSourceImage/index.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
-declare const DataSourceImage: (props: import("../utils").ParsedProps) => React.JSX.Element;
+declare const DataSourceImage: (props: import("../utils").ParsedProps) => JSX.Element;
 export default DataSourceImage;

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

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const DataSourceQRCode: (props: any) => import("react").JSX.Element;
+declare const DataSourceQRCode: (props: any) => JSX.Element;
 export default DataSourceQRCode;

package/lib/components/dataSourceComponents/dataSourceShow/dataSourceTypography/index.d.ts

@@ -4,7 +4,7 @@ interface DataSourceTypographyProps {
     children: React.ReactNode;
 }
 declare const DataSourceTypography: {
-    (props: DataSourceTypographyProps): React.JSX.Element;
-    Text: (props: import("../utils").ParsedProps) => React.JSX.Element;
+    (props: DataSourceTypographyProps): JSX.Element;
+    Text: (props: import("../utils").ParsedProps) => JSX.Element;
 };
 export default DataSourceTypography;

package/lib/components/dataSourceComponents/dataSourceShow/utils.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 export interface ParsedProps {
     [key: string]: unknown;
 }
-declare const withParseVariables: <P extends ParsedProps>(Component: React.ComponentType<P>, keys: string[]) => (props: P) => React.JSX.Element;
+declare const withParseVariables: <P extends ParsedProps>(Component: React.ComponentType<P>, keys: string[]) => (props: P) => JSX.Element;
 export default withParseVariables;

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

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

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

@@ -0,0 +1,229 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dataSourceComponents/dataSourceSubForm/index.tsx
+var dataSourceSubForm_exports = {};
+__export(dataSourceSubForm_exports, {
+  default: () => dataSourceSubForm_default
+});
+module.exports = __toCommonJS(dataSourceSubForm_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_ahooks = require("ahooks");
+var import_classnames = __toESM(require("classnames"));
+var import_JsonWrapperContext = __toESM(require("../dataSourceForm/provider/jsonWrapper/JsonWrapperContext"));
+var import_DataSourceProvider = __toESM(require("../provider/dataSource/DataSourceProvider"));
+var import_FormSettingProvider = __toESM(require("../dataSourceForm/provider/formSetting/FormSettingProvider"));
+var 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 "";
+};
+var 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];
+  }
+  const normalizeSingleField = (field, fallbackName) => {
+    var _a;
+    const uiSchema = (field == null ? void 0 : field.uiSchema) || {};
+    const name = (field == null ? void 0 : field.name) || fallbackName;
+    if (!name) {
+      return null;
+    }
+    const component = (uiSchema == null ? void 0 : uiSchema["x-component"]) || (field == null ? void 0 : field.interface) || (field == null ? void 0 : field.componentName) || (field == null ? void 0 : field.component) || "Input";
+    const props = {
+      ...(uiSchema == null ? void 0 : uiSchema["x-component-props"]) || {},
+      ...(field == null ? void 0 : field.props) || {}
+    };
+    const uiSchemaDataSourceOptions = ((_a = uiSchema == null ? void 0 : uiSchema["x-data-source"]) == null ? void 0 : _a.options) || [];
+    const rawOptions = uiSchemaDataSourceOptions.length ? uiSchemaDataSourceOptions : (uiSchema == null ? void 0 : uiSchema.enum) || (field == null ? void 0 : field.options) || (props == null ? void 0 : props.options) || [];
+    const options = rawOptions.map((option) => {
+      if (typeof option === "string" || typeof option === "number") {
+        return { label: option, value: option };
+      }
+      return { ...option, label: getI18nText(option == null ? void 0 : option.label) || (option == null ? void 0 : option.value) };
+    });
+    if (component === "Select" && (field == null ? void 0 : field.type) === "array" && !(props == null ? void 0 : props.mode)) {
+      props.mode = "multiple";
+    }
+    return {
+      ...field,
+      name,
+      label: getI18nText(field == null ? void 0 : field.label) || getI18nText(uiSchema == null ? 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 ? void 0 : rawSchema.fields)) {
+    return rawSchema.fields.map((item) => normalizeSingleField(item)).filter(Boolean);
+  }
+  if (Array.isArray(rawSchema == null ? void 0 : rawSchema.children)) {
+    return rawSchema.children.map((item) => normalizeSingleField(item)).filter(Boolean);
+  }
+  if ((rawSchema == null ? void 0 : rawSchema.properties) && typeof rawSchema.properties === "object") {
+    return Object.keys(rawSchema.properties).map((name) => normalizeSingleField(rawSchema.properties[name], name)).filter(Boolean);
+  }
+  return [];
+};
+var DataSourceSubForm = (0, import_react.forwardRef)((props, ref) => {
+  const {
+    activeKey,
+    value = {},
+    onChange,
+    children,
+    xRecordSchema,
+    renderMode = "edit",
+    __designMode,
+    className,
+    style
+  } = props;
+  const [innerForm] = import_antd.Form.useForm();
+  const activeKeyRef = (0, import_react.useRef)(activeKey);
+  const safeValue = (0, import_react.useMemo)(() => {
+    if (value && typeof value === "object" && !Array.isArray(value)) {
+      return value;
+    }
+    return {};
+  }, [value]);
+  (0, import_react.useImperativeHandle)(ref, () => {
+    return {
+      getFieldsValue: () => {
+        return innerForm.getFieldsValue();
+      }
+    };
+  });
+  (0, import_react.useEffect)(() => {
+    if (activeKeyRef.current !== activeKey) {
+      activeKeyRef.current = activeKey;
+      innerForm.resetFields();
+    }
+    innerForm.setFieldsValue(safeValue);
+  }, [safeValue, innerForm, activeKey]);
+  const handleValuesChange = (0, import_ahooks.useMemoizedFn)(
+    (_, allValues) => {
+      onChange == null ? void 0 : onChange({ ...safeValue, ...allValues });
+    }
+  );
+  const fields = (0, import_react.useMemo)(
+    () => normalizeRecordSchema(xRecordSchema),
+    [xRecordSchema]
+  );
+  const hasRealChildren = (0, import_react.useMemo)(() => {
+    const childArray = import_react.default.Children.toArray(children);
+    if (childArray.length === 0) return false;
+    return childArray.some((child) => import_react.default.isValidElement(child));
+  }, [children]);
+  const mockDataSource = (0, import_react.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]);
+  const renderFormContent = () => {
+    if (!hasRealChildren && fields.length === 0) {
+      return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-data-source-sub-form__empty" }, "No fields configured. Please configure xRecordSchema or add children components.");
+    }
+    const formContent = /* @__PURE__ */ import_react.default.createElement(import_JsonWrapperContext.default.Provider, { value: { path: [], level: 0 } }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Form,
+      {
+        form: innerForm,
+        onValuesChange: handleValuesChange,
+        component: false,
+        layout: "vertical"
+      },
+      children
+    ));
+    if (mockDataSource) {
+      return /* @__PURE__ */ import_react.default.createElement(
+        import_FormSettingProvider.default,
+        {
+          renderMode,
+          groupInfoPosition: "top",
+          size: "large"
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          import_DataSourceProvider.default,
+          {
+            dataSource: mockDataSource,
+            __designMode
+          },
+          formContent
+        )
+      );
+    }
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_FormSettingProvider.default,
+      {
+        renderMode,
+        groupInfoPosition: "top",
+        size: "large"
+      },
+      formContent
+    );
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)("pisell-data-source-sub-form", className),
+      style
+    },
+    renderFormContent()
+  );
+});
+var dataSourceSubForm_default = DataSourceSubForm;

package/lib/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%;
+//   }
+// }