@pisell/materials 1.0.1052 → 1.0.1054

package/lowcode/form-item-record-list-wrapper/meta.ts

@@ -5,66 +5,7 @@ import {
   getFormItemGeneralInfoGroup,
   formItemGeneralOptionTypeGroup,
 } from '../_utils/defaultSchema';
-import { createFormItemSchema } from '../data-source-form/utils';
-
-/**
- * @title: 将 xRecordSchema JSON 字段定义转换为低代码子组件 Schema
- * @description:
- *   解析 xRecordSchema（支持单对象、数组、字符串），对每个字段补全 uiSchema，
- *   调用 createFormItemSchema 生成低代码引擎可识别的组件 Schema。
- */
-const parseXRecordSchemaToChildSchemas = (value: any): any[] => {
-  let fields = value;
-
-  // 解析字符串
-  if (typeof fields === 'string') {
-    try {
-      fields = JSON.parse(fields);
-    } catch {
-      return [];
-    }
-  }
-
-  if (!fields) {
-    return [];
-  }
-
-  // 单对象转数组
-  if (!Array.isArray(fields)) {
-    fields = [fields];
-  }
-
-  // 补全每个字段的 uiSchema 并生成子组件 Schema
-  return fields
-    .filter(Boolean)
-    .map((field: any) => {
-      const uiSchema = { ...(field.uiSchema || {}) };
-
-      // 从 interface 映射 x-component（如 Select、Input 等）
-      if (!uiSchema['x-component'] && field.interface) {
-        uiSchema['x-component'] = field.interface;
-      }
-
-      // 兼容简单格式（只有 componentName/component，没有 interface 和 uiSchema）
-      if (!uiSchema['x-component']) {
-        uiSchema['x-component'] =
-          field.componentName || field.component || 'Input';
-      }
-
-      // 从 field.type 映射 uiSchema.type
-      if (!uiSchema.type && field.type) {
-        uiSchema.type = field.type;
-      }
-
-      // 确保 title 存在（用于生成 label）
-      if (!uiSchema.title && field.label) {
-        uiSchema.title = field.label;
-      }
-
-      return createFormItemSchema({ ...field, uiSchema }, 'edit');
-    })
-    .filter((schema: any) => !!schema?.componentName);
-};
+import { parseXRecordSchemaToChildSchemas } from '../data-source-sub-form/meta';
 
 export default {
   snippets,
@@ -157,15 +98,24 @@ export default {
              * 当 xRecordSchema 值变化时，解析 JSON 并生成子组件节点
              */
             setValue(target: any, value: any) {
-              target.getProps().setPropValue('xRecordSchema', value);
+              const result = target
+                .getProps()
+                .setPropValue('xRecordSchema', value);
 
-              // 解析 xRecordSchema -> 子组件 Schema
-              const childSchemas = parseXRecordSchemaToChildSchemas(value);
+              const parsedSchemas = parseXRecordSchemaToChildSchemas(value);
 
-              if (childSchemas.length > 0) {
-                // 导入子组件到设计树
-                target.node.children.importSchema(childSchemas);
-              }
+              // 先清空现有子节点，避免第二次及之后调用时 importSchema 做 diff/merge 导致节点数量异常
+              target.node.children.importSchema([]);
+              // 节点刚添加时可能尚未挂载完成，用 setTimeout 错开时序
+              setTimeout(() => {
+                target.node.children.importSchema(parsedSchemas);
+                // replaceSchema 后有概率不触发重渲染，手动 rerender
+                setTimeout(() => {
+                  target.document?.project?.simulatorHost?.rerender();
+                });
+              });
+
+              return result;
             },
           },
         },
@@ -211,22 +161,6 @@ export default {
   configure: {
     component: {
       isContainer: true,
-      nestingRule: {
-        // 允许所有表单项组件作为子组件
-        childWhitelist: [
-          'FormItemInput',
-          'FormItemSelect',
-          'FormItemInputNumber',
-          'FormItemDatePicker',
-          'FormItemTimePicker',
-          'FormItemRadio',
-          'FormItemCheckbox',
-          'FormItemSwitch',
-          'FormItemUpload',
-          'FormItemTranslation',
-          'FormItemInputJSON',
-        ],
-      },
     },
     supports: {
       style: true,

package/lowcode/form-item-record-list-wrapper/snippets.ts

@@ -9,13 +9,7 @@ const snippets = [
         name: 'recordList',
         optionSourceType: 'default',
         options: [],
-        xRecordSchema: [
-          {
-            name: 'title',
-            label: '标题',
-            componentName: 'Input',
-          },
-        ],
+        xRecordSchema: null,
       },
     },
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.1052",
+  "version": "1.0.1054",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",

package/es/components/dataSourceComponents/fields/RecordListWrapper/ReadPretty.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { RecordListWrapperProps } from './type';
-/**
- * @title: RecordListWrapper 只读态
- * @description: 低代码详情模式下展示每个 option 对应的 record 数据。
- *   值结构: { optionValue: { field1: v1, field2: v2 } }
- */
-declare const RecordListWrapperReadPretty: React.FC<RecordListWrapperProps>;
-export default RecordListWrapperReadPretty;

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

@@ -1,23 +0,0 @@
-import React from 'react';
-import { TabsProps } from './type';
-import './Tabs.less';
-/**
- * Tabs 胶囊风格选项卡组件
- *
- * @description 提供类似 Segmented 控件的胶囊风格选项卡，支持受控与非受控模式。
- * 用于表单中替代 Radio.Group，展示更为直观的标签页切换交互。
- *
- * @example
- * ```tsx
- * <Tabs
- *   value={current}
- *   options={[
- *     { label: '校区', value: 'campus' },
- *     { label: '场地', value: 'venue' },
- *   ]}
- *   onChange={(val) => setCurrent(val)}
- * />
- * ```
- */
-declare const Tabs: React.FC<TabsProps>;
-export default Tabs;

package/es/components/pisellExport/PisellExport.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import type { PisellExportProps } from './types';
-import './PisellExport.less';
-/**
- * PisellExport 导出触发器组件
- *
- * @description 仅负责 UI 展示与点击回调，不内置导出逻辑；支持 Icon/Button 两种形态与三种尺寸
- */
-export declare function PisellExport(props: PisellExportProps): JSX.Element;

package/es/components/pisellExport/PisellExport.stories.d.ts

@@ -1,45 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { PisellExport } from './PisellExport';
-declare const meta: Meta<typeof PisellExport>;
-export default meta;
-declare type Story = StoryObj<typeof PisellExport>;
-/**
- * 默认 Button 形态
- */
-export declare const Basic: Story;
-/**
- * 仅图标形态
- */
-export declare const IconOnly: Story;
-/**
- * 三种尺寸 - Button
- */
-export declare const SizesButton: Story;
-/**
- * 三种尺寸 - Icon
- */
-export declare const SizesIcon: Story;
-/**
- * 默认样式 vs 主色样式
- */
-export declare const DefaultVsPrimary: Story;
-/**
- * 禁用态
- */
-export declare const Disabled: Story;
-/**
- * 自定义文案
- */
-export declare const CustomLabel: Story;
-/**
- * 自定义图标（antd 图标）
- */
-export declare const CustomIcon: Story;
-/**
- * 点击回调示例
- */
-export declare const WithCallback: Story;
-/**
- * 设计稿矩阵：Button 形态 × 尺寸 × 类型
- */
-export declare const ButtonMatrix: Story;

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

@@ -1,2 +0,0 @@
-export { PisellExport } from './PisellExport';
-export type { PisellExportProps, VariantType, SizeType, ExportButtonType } from './types';

package/es/components/pisellExport/types.d.ts

@@ -1,63 +0,0 @@
-import type { CSSProperties, MouseEvent as ReactMouseEvent, ReactNode } from 'react';
-/**
- * 展示形态
- * @description icon：仅图标；button：图标 + 文案
- */
-export declare type VariantType = 'icon' | 'button';
-/**
- * 尺寸
- * @description 小、中、大三种尺寸，对应设计稿 padding 与字体
- */
-export declare type SizeType = 'small' | 'medium' | 'large';
-/**
- * 视觉类型
- * @description default：默认边框/灰字；primary：主色描边或填充
- */
-export declare type ExportButtonType = 'default' | 'primary';
-/**
- * PisellExport 组件 Props
- * @description 导出触发器 UI 组件，仅负责展示与点击回调，不内置导出逻辑
- */
-export interface PisellExportProps {
-    /**
-     * 展示形态
-     * @default 'button'
-     */
-    variant?: VariantType;
-    /**
-     * 尺寸
-     * @default 'medium'
-     */
-    size?: SizeType;
-    /**
-     * 视觉类型（默认样式 / 主色样式）
-     * @default 'default'
-     */
-    type?: ExportButtonType;
-    /**
-     * 是否禁用
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Button 形态下的文案，不传时使用国际化默认文案
-     */
-    label?: ReactNode;
-    /**
-     * 自定义图标，不传时使用内置下载图标（download-cloud-01）
-     */
-    icon?: ReactNode;
-    /**
-     * 点击触发导出
-     * @description 由调用方在此回调中实现导出请求、轮询、下载等逻辑
-     */
-    onExport?: (e: ReactMouseEvent<HTMLElement>) => void;
-    /**
-     * 自定义类名
-     */
-    className?: string;
-    /**
-     * 自定义样式
-     */
-    style?: CSSProperties;
-}

package/es/components/pisellFilter/type.d.ts

@@ -1,5 +0,0 @@
-import { FilterListProps } from '../filter/components/FilterButton/types';
-import { FormInstance } from 'antd';
-export declare type PisellFilterProps = FilterListProps & FormInstance & {
-    hasForm?: boolean;
-};

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

@@ -1,4 +0,0 @@
-import { GridProProps } from './GridPro';
-export type { GridProProps };
-declare const PisellGridPro: any;
-export default PisellGridPro;

package/es/components/pisellImport/PisellImport.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import type { PisellImportProps } from './types';
-import './PisellImport.less';
-/**
- * PisellImport 导入触发器组件
- *
- * @description 点击后打开文件选择，支持 accept、multiple、maxSize 校验，选择完成后回调 onImport(files)
- */
-export declare function PisellImport(props: PisellImportProps): JSX.Element;

package/es/components/pisellImport/PisellImport.stories.d.ts

@@ -1,49 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { PisellImport } from './PisellImport';
-declare const meta: Meta<typeof PisellImport>;
-export default meta;
-declare type Story = StoryObj<typeof PisellImport>;
-/**
- * 默认 Button 形态
- */
-export declare const Basic: Story;
-/**
- * 仅图标形态
- */
-export declare const IconOnly: Story;
-/**
- * 三种尺寸 - Button
- */
-export declare const SizesButton: Story;
-/**
- * 三种尺寸 - Icon
- */
-export declare const SizesIcon: Story;
-/**
- * 默认样式 vs 主色样式
- */
-export declare const DefaultVsPrimary: Story;
-/**
- * 禁用态
- */
-export declare const Disabled: Story;
-/**
- * 自定义文案
- */
-export declare const CustomLabel: Story;
-/**
- * 自定义图标（antd 图标）
- */
-export declare const CustomIcon: Story;
-/**
- * 文件选择：限制类型与大小
- */
-export declare const FileSelect: Story;
-/**
- * 多选文件
- */
-export declare const MultipleFiles: Story;
-/**
- * 与 Export 并排
- */
-export declare const WithExport: Story;

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

@@ -1,2 +0,0 @@
-export { PisellImport } from './PisellImport';
-export type { PisellImportProps, VariantType, SizeType, ImportButtonType } from './types';

package/es/components/pisellImport/types.d.ts

@@ -1,85 +0,0 @@
-import type { CSSProperties, ReactNode } from 'react';
-/**
- * 展示形态
- * @description icon：仅图标；button：图标 + 文案
- */
-export declare type VariantType = 'icon' | 'button';
-/**
- * 尺寸
- * @description 小、中、大三种尺寸，对应设计稿 padding 与字体
- */
-export declare type SizeType = 'small' | 'medium' | 'large';
-/**
- * 视觉类型
- * @description default：默认边框/灰字；primary：主色描边或填充
- */
-export declare type ImportButtonType = 'default' | 'primary';
-/**
- * PisellImport 组件 Props
- * @description 导入触发器 UI 组件，仅负责展示与点击回调，不内置导入逻辑
- */
-export interface PisellImportProps {
-    /**
-     * 展示形态
-     * @default 'button'
-     */
-    variant?: VariantType;
-    /**
-     * 尺寸
-     * @default 'medium'
-     */
-    size?: SizeType;
-    /**
-     * 视觉类型（默认样式 / 主色样式）
-     * @default 'default'
-     */
-    type?: ImportButtonType;
-    /**
-     * 是否禁用
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Button 形态下的文案，不传时使用国际化默认文案
-     */
-    label?: ReactNode;
-    /**
-     * 自定义图标，不传时使用内置上传/导入图标
-     */
-    icon?: ReactNode;
-    /**
-     * 接受的文件类型
-     * @description 与 input[type=file] 的 accept 一致，如 ".xlsx,.csv" 或 "application/vnd.ms-excel"
-     */
-    accept?: string;
-    /**
-     * 是否允许多选
-     * @default false
-     */
-    multiple?: boolean;
-    /**
-     * 单文件最大体积（MB），超出时不会调用 onImport，并调用 onError
-     */
-    maxSize?: number;
-    /**
-     * 选择文件并校验通过后回调
-     * @description 用户选择文件后触发，e 为 input 的 change 事件
-     */
-    onImport?: (files: File[], e: React.ChangeEvent<HTMLInputElement>) => void;
-    /**
-     * 校验失败时回调（如文件过大）
-     */
-    onError?: (error: {
-        type: 'MAX_SIZE';
-        message: string;
-        file: File;
-    }) => void;
-    /**
-     * 自定义类名
-     */
-    className?: string;
-    /**
-     * 自定义样式
-     */
-    style?: CSSProperties;
-}