@pisell/materials 3.3.87 → 3.3.88

package/es/components/dataSourceComponents/fields/Tabs/Tabs.less

@@ -0,0 +1,64 @@
+.pisell-form-tabs {
+  height: 40px;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  background-color: #f5f5f5;
+  border-radius: 8px;
+  padding: 2px;
+  gap: 2px;
+  flex-wrap: nowrap;
+  box-sizing: border-box;
+  color: rgba(0, 0, 0, .65);
+  background-color: rgba(0, 0, 0, .04);
+  overflow-x: auto;
+
+  /* 隐藏滚动条：兼容 WebKit（Chrome/Safari/Edge）、Firefox、IE/Edge 旧版 */
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+
+  &::-webkit-scrollbar {
+    display: none;
+  }
+
+  &-item {
+    min-height: 36px;
+    min-width: 90px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0 12px;
+    border-radius: 6px;
+    cursor: pointer;
+    transition: background-color 0.2s ease, box-shadow 0.2s ease,
+      color 0.2s ease;
+    user-select: none;
+    white-space: nowrap;
+    flex: 0 0 auto;
+    outline: none;
+
+    &-label {
+      font-size: 14px;
+      color: rgba(0, 0, 0, 0.65);
+      font-weight: 400;
+    }
+
+    &:hover:not(&--active):not(&--disabled) {
+      background-color: rgba(0, 0, 0, 0.06);
+    }
+
+    &--active {
+      background-color: #ffffff;
+
+      .pisell-form-tabs-item-label {
+        color: #262626;
+        font-weight: 500;
+      }
+    }
+
+    &--disabled {
+      cursor: not-allowed;
+      opacity: 0.4;
+    }
+  }
+}

package/es/components/dataSourceComponents/fields/Tabs/WithMode.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+/**
+ * TabsWithMode
+ */
+declare const TabsWithMode: import("react").FC<import("./type").TabsProps & import("../../dataSourceForm/utils").WithModeProps>;
+export default TabsWithMode;

package/es/components/dataSourceComponents/fields/Tabs/WithMode.js

@@ -0,0 +1,9 @@
+import { withMode } from "../../dataSourceForm/utils";
+import Tabs from "./Tabs";
+import ReadPretty from "./ReadPretty";
+
+/**
+ * TabsWithMode
+ */
+var TabsWithMode = withMode(Tabs, ReadPretty);
+export default TabsWithMode;

package/es/components/dataSourceComponents/fields/Tabs/index.d.ts

@@ -0,0 +1,12 @@
+/** 包装 DataSource 层（提供数据源上下文） */
+declare const FormItemTabs: (props: import("./type").TabsProps & import("../../dataSourceForm/utils").WithModeProps & import("../../dataSourceForm/utils").WithFormItemProps & {
+    options?: any;
+    optionSourceType?: "default" | "custom" | "api" | undefined;
+    labelField: string;
+    valueField: string;
+    extraParams?: Record<string, any> | undefined;
+} & {
+    dataSource?: any;
+    extraParams?: Record<string, any> | undefined;
+}) => import("react").JSX.Element;
+export default FormItemTabs;

package/es/components/dataSourceComponents/fields/Tabs/index.js

@@ -0,0 +1,18 @@
+import { withFormItem, withDataSource, withOptions } from "../../dataSourceForm/utils";
+import TabsWithMode from "./WithMode";
+
+/**
+ * FormItemTabs
+ * @description 表单字段 Tabs 组件，提供胶囊风格选项卡交互。
+ * 支持自定义选项、API 数据源、多种渲染模式（编辑/查看/禁用/隐藏）。
+ */
+
+/** 包装 FormItem 层 */
+var TabsWithFormItem = withFormItem(TabsWithMode);
+
+/** 包装 Options 层（支持 API 数据源转换） */
+var TabsWithOptions = withOptions(TabsWithFormItem);
+
+/** 包装 DataSource 层（提供数据源上下文） */
+var FormItemTabs = withDataSource(TabsWithOptions);
+export default FormItemTabs;

package/es/components/dataSourceComponents/fields/Tabs/type.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+import { ModeType } from '../../dataSourceForm/type';
+/**
+ * Tabs 选项配置
+ */
+export interface TabOption {
+    /** 选项显示文本 */
+    label: React.ReactNode;
+    /** 选项对应的值 */
+    value: string | number;
+    /** 是否禁用该选项 */
+    disabled?: boolean;
+}
+/**
+ * Tabs 基础 Props（编辑态组件使用，不含 renderMode）
+ */
+export interface TabsProps {
+    /** 当前选中的值（受控） */
+    value?: string | number;
+    /** 默认选中的值（非受控） */
+    defaultValue?: string | number;
+    /** 选项列表 */
+    options?: TabOption[];
+    /** 是否禁用整个组件 */
+    disabled?: boolean;
+    /** 选中值变化时的回调 */
+    onChange?: (value: string | number) => void;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+}
+/**
+ * Tabs ReadPretty Props（只读态组件使用，包含必填 renderMode）
+ */
+export interface TabsReadPrettyProps extends TabsProps {
+    renderMode: ModeType;
+}

package/es/components/dataSourceComponents/fields/Tabs/type.js

@@ -0,0 +1 @@
+export {};

package/es/components/dataSourceComponents/fields/Upload/utils.d.ts

@@ -15,4 +15,4 @@ export declare const getFileMetadataParams: (file: RcFile & {
     metadata?: MediaMetadata;
 }) => Record<string, any>;
 export declare const isValueEqual: (value: any, fileListValue: any) => boolean;
-export declare const getBaseTime: (size: number) => 1000 | 2000 | 4000 | 8000;
+export declare const getBaseTime: (size: number) => 2000 | 1000 | 4000 | 8000;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const formFieldMap: {
     FormItemCheckbox: import("react").FC<{}> & {
         Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
@@ -20,7 +19,7 @@ declare const formFieldMap: {
         Subdomain: import("react").FC<import("antd").InputProps & {
             onChange: (value: string) => void;
             onBlur?: ((e: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
-            rootDomain: "saas" | "custom" | "xzero";
+            rootDomain: "custom" | "saas" | "xzero";
             customDomain?: string | undefined;
             value?: string | undefined;
             tenantId: string;
@@ -35,7 +34,7 @@ declare const formFieldMap: {
     };
     FormItemSelect: (props: import("antd").SelectProps<any, import("antd/es/select").DefaultOptionType> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps & {
         options?: any;
-        optionSourceType?: "default" | "api" | "custom" | undefined;
+        optionSourceType?: "default" | "custom" | "api" | undefined;
         labelField: string;
         valueField: string;
         extraParams?: Record<string, any> | undefined;
@@ -60,8 +59,37 @@ declare const formFieldMap: {
     FormItemUpload: import("react").FC<import("./Upload/type").UploadProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
     FormItemTranslation: import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
     FormItemIconSelect: import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
+    FormItemRecordListWrapper: (props: import("./RecordListWrapper/type").RecordListWrapperProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps & {
+        options?: any;
+        optionSourceType?: "default" | "custom" | "api" | undefined;
+        labelField: string;
+        valueField: string;
+        extraParams?: Record<string, any> | undefined;
+    } & {
+        dataSource?: any;
+        extraParams?: Record<string, any> | undefined;
+    }) => import("react").JSX.Element;
+    FormItemTabs: (props: import("./Tabs/type").TabsProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps & {
+        options?: any;
+        optionSourceType?: "default" | "custom" | "api" | undefined;
+        labelField: string;
+        valueField: string;
+        extraParams?: Record<string, any> | undefined;
+    } & {
+        dataSource?: any;
+        extraParams?: Record<string, any> | undefined;
+    }) => import("react").JSX.Element;
 };
-declare const getFieldComponent: (fieldComponent: string) => import("react").FC<import("./Upload/type").UploadProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | (import("react").FC<{}> & {
+declare const getFieldComponent: (fieldComponent: string) => ((props: import("./RecordListWrapper/type").RecordListWrapperProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps & {
+    options?: any;
+    optionSourceType?: "default" | "custom" | "api" | undefined;
+    labelField: string;
+    valueField: string;
+    extraParams?: Record<string, any> | undefined;
+} & {
+    dataSource?: any;
+    extraParams?: Record<string, any> | undefined;
+}) => import("react").JSX.Element) | (import("react").FC<{}> & {
     Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
 } & {
     Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
@@ -78,7 +106,7 @@ declare const getFieldComponent: (fieldComponent: string) => import("react").FC<
     Subdomain: import("react").FC<import("antd").InputProps & {
         onChange: (value: string) => void;
         onBlur?: ((e: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
-        rootDomain: "saas" | "custom" | "xzero";
+        rootDomain: "custom" | "saas" | "xzero";
         customDomain?: string | undefined;
         value?: string | undefined;
         tenantId: string;
@@ -91,7 +119,7 @@ declare const getFieldComponent: (fieldComponent: string) => import("react").FC<
     Group: import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps>;
 }) | ((props: import("antd").SelectProps<any, import("antd/es/select").DefaultOptionType> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps & {
     options?: any;
-    optionSourceType?: "default" | "api" | "custom" | undefined;
+    optionSourceType?: "default" | "custom" | "api" | undefined;
     labelField: string;
     valueField: string;
     extraParams?: Record<string, any> | undefined;
@@ -100,5 +128,14 @@ declare const getFieldComponent: (fieldComponent: string) => import("react").FC<
     extraParams?: Record<string, any> | undefined;
 }) => import("react").JSX.Element) | import("react").FC<any> | import("react").FC<import("./TimePicker/type").TimePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Phone/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Mobile/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & {
     onChange: (value: string) => void;
-} & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<import("./DateRangePicker/type").DateRangePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
+} & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<import("./DateRangePicker/type").DateRangePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Upload/type").UploadProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | ((props: import("./Tabs/type").TabsProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps & {
+    options?: any;
+    optionSourceType?: "default" | "custom" | "api" | undefined;
+    labelField: string;
+    valueField: string;
+    extraParams?: Record<string, any> | undefined;
+} & {
+    dataSource?: any;
+    extraParams?: Record<string, any> | undefined;
+}) => import("react").JSX.Element);
 export { getFieldComponent, formFieldMap };

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

@@ -10,6 +10,8 @@ import DateRangePicker from "./DateRangePicker";
 import Upload from "./Upload";
 import Translation from "./Translation";
 import IconSelect from "./IconSelect";
+import RecordListWrapper from "./RecordListWrapper";
+import Tabs from "./Tabs";
 
 // 表单字段组件映射 增加时需要同步更新 utils 中的 formFieldFilterFuncMap
 var formFieldMap = {
@@ -33,7 +35,9 @@ var formFieldMap = {
   FormItemDateRangePicker: DateRangePicker,
   FormItemUpload: Upload,
   FormItemTranslation: Translation,
-  FormItemIconSelect: IconSelect
+  FormItemIconSelect: IconSelect,
+  FormItemRecordListWrapper: RecordListWrapper,
+  FormItemTabs: Tabs
 };
 var getFieldComponent = function getFieldComponent(fieldComponent) {
   return formFieldMap[fieldComponent];

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

@@ -112,6 +112,9 @@ var formFieldFilterFuncMap = {
     return {
       $anyOf: formatValue
     };
+  },
+  RecordListWrapper: function RecordListWrapper() {
+    return null;
   }
 };
 export { formFieldFilterFuncMap };

package/es/components/pisellLookup/PisellLookup.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { PisellLookupProps, PisellLookupRef } from './types';
+import './PisellLookup.less';
+export declare const PisellLookup: React.ForwardRefExoticComponent<PisellLookupProps & React.RefAttributes<PisellLookupRef>>;

package/es/components/pisellLookup/PisellLookup.js

@@ -428,15 +428,22 @@ var PisellLookupComponent = /*#__PURE__*/forwardRef(function (props, ref) {
 
   /**
    * 处理扫码
+   * 标记为手动操作，避免 setKeyword 触发的重渲染时防抖 effect 仍用旧的 debouncedKeyword('') 再触发一次 onSearch('')
    */
   var handleScan = useCallback(function (code) {
+    // 标记为手动操作，阻止实时搜索防抖在本次更新后误触 onSearch('')
+    isManualSelectRef.current = true;
     // 将扫码结果填入关键词
     setKeyword(code);
     // 触发搜索并保存历史记录
     handleConfirmSearch(code);
     // 触发扫码回调
     onScan === null || onScan === void 0 || onScan(code);
-  }, [setKeyword, handleConfirmSearch, onScan]);
+    // 延迟重置标记（与 handleClear 一致，等待防抖周期结束）
+    setTimeout(function () {
+      isManualSelectRef.current = false;
+    }, debounceTime + 100);
+  }, [setKeyword, handleConfirmSearch, onScan, debounceTime]);
 
   /**
    * 处理选择辅助项（历史/联想词/热门搜索）

package/es/components/productCard/components/Packages/utils.d.ts

@@ -6,7 +6,7 @@
  * @Author: WangHan
  * @Date: 2024-11-22 10:01
  */
-export declare const minusSign: (item: any, type?: string) => "-" | "";
+export declare const minusSign: (item: any, type?: string) => "" | "-";
 /**
  * @title: 金额格式化
  * @description:
@@ -17,4 +17,4 @@ export declare const minusSign: (item: any, type?: string) => "-" | "";
  * @Author: WangHan
  * @Date: 2024-11-22 10:58
  */
-export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => string | number;
+export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => any;

package/es/index.d.ts

@@ -166,6 +166,10 @@ export { default as FormItemTranslation } from './components/dataSourceComponent
 export { default as FormItemUpload } from './components/dataSourceComponents/fields/Upload';
 export { default as FormItemIconSelect } from './components/dataSourceComponents/fields/IconSelect';
 export { default as BaseTranslation } from './components/dataSourceComponents/fields/Translation/BaseTranslation';
+export { default as DataSourceSubForm } from './components/dataSourceComponents/dataSourceSubForm';
+export type { DataSourceSubFormProps } from './components/dataSourceComponents/dataSourceSubForm/types';
+export { default as FormItemRecordListWrapper } from './components/dataSourceComponents/fields/RecordListWrapper';
+export { default as FormItemTabs } from './components/dataSourceComponents/fields/Tabs';
 export { default as PisellMenu } from './components/pisellMenu';
 export type { PisellMenuProps } from './components/pisellMenu/types';
 export { default as PisellNavigationMenu } from './components/pisellNavigationMenu';

package/es/index.js

@@ -182,6 +182,9 @@ export { default as FormItemTranslation } from "./components/dataSourceComponent
 export { default as FormItemUpload } from "./components/dataSourceComponents/fields/Upload";
 export { default as FormItemIconSelect } from "./components/dataSourceComponents/fields/IconSelect";
 export { default as BaseTranslation } from "./components/dataSourceComponents/fields/Translation/BaseTranslation";
+export { default as DataSourceSubForm } from "./components/dataSourceComponents/dataSourceSubForm";
+export { default as FormItemRecordListWrapper } from "./components/dataSourceComponents/fields/RecordListWrapper";
+export { default as FormItemTabs } from "./components/dataSourceComponents/fields/Tabs";
 
 // ==================== 导航组件 (Navigation) ====================
 // 导航、菜单、标签页等组件

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

@@ -13,7 +13,6 @@
  *   <Content />
  * </PisellLayouts.ScrollView>
  */
-/// <reference types="react" />
 declare const PisellLayouts: {
     BasicGrid: <T>(props: import("../PisellBasicGrid").PisellBasicGridProps<T>) => import("react").JSX.Element;
     ScrollView: import("react").ForwardRefExoticComponent<Omit<import("../PisellScrollView").PisellScrollViewProps, "ref"> & import("react").RefAttributes<import("../PisellScrollView").PisellScrollViewRef>>;

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

@@ -44,7 +44,7 @@ export declare const withDataSource: <P extends unknown>(WrappedComponent: React
 }) => React.JSX.Element;
 export declare const withOptions: <P extends unknown>(WrappedComponent: React.ComponentType<P>) => (props: P & {
     options?: any;
-    optionSourceType?: "default" | "api" | "custom" | undefined;
+    optionSourceType?: "default" | "custom" | "api" | undefined;
     labelField: string;
     valueField: string;
     extraParams?: Record<string, any> | undefined;

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