@pisell/materials 6.7.3 → 6.7.4

package/lib/utils/mergeWith.d.ts

@@ -0,0 +1 @@
+export declare function mergeWith(obj: any, source: any, customizer: any): any;

package/lib/utils/miniRedux.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+interface MiniReduxProps<State, Namespace> {
+    namespace?: Namespace;
+    state?: State;
+    reducers?: any;
+    effects?: any;
+}
+declare const _default: <State extends Record<string, any>, Namespace extends string>({ namespace, state, reducers, effects, }: MiniReduxProps<State, Namespace>) => {
+    Context: React.Context<{ [K in Namespace]: State; } & {
+        dispatch: (params: {
+            type: string;
+            payload: any;
+        }) => void;
+    }>;
+    Provider: (ComponentUi: any) => (props: any, ref: any) => React.JSX.Element;
+};
+export default _default;

package/lib/utils/platform.d.ts

@@ -0,0 +1 @@
+export declare const isMobile: () => boolean;

package/lib/utils/warning.d.ts

@@ -0,0 +1 @@
+export declare const warning: (...args: any[]) => void;

package/lowcode/data-source-form/constants.ts

@@ -1,5 +1,4 @@
 import formItemCheckboxMeta from '../form-item-checkbox/meta';
-import formItemSwitchMeta from '../form-item-switch/meta';
 import formItemCheckboxGroupMeta from '../form-item-checkbox.group/meta';
 import formItemColorPickerMeta from '../form-item-color-picker/meta';
 import formItemDatePickerMeta from '../form-item-date-picker/meta';
@@ -20,7 +19,6 @@ import formItemUploadMeta from '../form-item-upload/meta';
 
 export const metaAll = [
   formItemCheckboxMeta,
-  formItemSwitchMeta,
   formItemCheckboxGroupMeta,
   formItemColorPickerMeta,
   formItemDatePickerMeta,
@@ -69,7 +67,6 @@ export const nocobaseCpt2PisellCptMap: Record<string, any> = {
   TimePicker: 'FormItemTimePicker',
   ColorPicker: 'FormItemColorPicker',
   Checkbox: 'FormItemCheckbox',
-  Switch: 'FormItemSwitch',
   'Radio.Group': 'FormItemRadio.Group',
   'Checkbox.Group': 'FormItemCheckbox.Group',
   Upload: 'FormItemUpload',

package/lowcode/data-source-form/meta.ts

@@ -109,75 +109,33 @@ const dataSourceForm: MetaType = {
               if (value.isSelect) {
                 target.getProps().setPropValue('title', '');
                 target.node.children.importSchema([]);
+              }
 
-                // 检查是否fields包含group信息
-                const hasGroupInfo = value.item.fields?.some((field: any) => field._groupId);
-                
-                let formGroupSchemas: any[] = [];
-                
-                if (hasGroupInfo) {
-                  // 按group分组
-                  const groupedFields = new Map<string, { groupTitle: string; items: any[] }>();
-                  
-                  value.item.fields.forEach((field: any) => {
-                    const groupId = field._groupId;
-                    if (!groupedFields.has(groupId)) {
-                      groupedFields.set(groupId, {
-                        groupTitle: field._groupTitle,
-                        items: []
-                      });
-                    }
-                    // 移除group标记，避免污染
-                    const { _groupId, _groupTitle, ...cleanField } = field;
-                    groupedFields.get(groupId)!.items.push(cleanField);
-                  });
-                  
-                  // 为每个group创建一个FormGroup
-                  groupedFields.forEach(({ groupTitle, items }) => {
-                    const childrenSchemas = fields2ChildrenSchemas(
-                      items,
-                      target.getProps().getPropValue('renderMode')
-                    );
-                    formGroupSchemas.push(
-                      createFormGroup(childrenSchemas, groupTitle)
-                    );
-                  });
-                } else {
-                  // 原有逻辑：没有group信息时，创建单个FormGroup
-                  let childrenSchemas = fields2ChildrenSchemas(
-                    value.item.fields,
-                    target.getProps().getPropValue('renderMode')
-                  );
-                  formGroupSchemas = [createFormGroup(childrenSchemas)];
-                }
+              let childrenSchemas = fields2ChildrenSchemas(
+                value.item.fields,
+                target.getProps().getPropValue('renderMode')
+              );
 
-                if (target.node.children.isEmptyNode) {
-                  target.node.children.importSchema([
-                    ...formGroupSchemas,
-                    createSubmitButton(),
-                  ]);
-                }
-                // 如果Title是空：选择Source后，自动把Source的名称填写到Title里
-                if (
-                  !target.node.getProps().getPropValue('title') &&
-                  value.title
-                ) {
-                  target.getProps().setPropValue('title', value.title);
-                }
+              if (target.node.children.isEmptyNode) {
+                target.node.children.importSchema([
+                  createFormGroup(childrenSchemas),
+                  createSubmitButton(),
+                ]);
+              }
+              // 如果Title是空：选择Source后，自动把Source的名称填写到Title里
+              if (
+                !target.node.getProps().getPropValue('title') &&
+                value.title
+              ) {
+                target.getProps().setPropValue('title', value.title);
               }
 
               const dataSource = value.isVariable ? value.value : value.item;
-              
-              // 清理fields中的group标记
-              const cleanFields = value.item.fields?.map((field: any) => {
-                const { _groupId, _groupTitle, ...cleanField } = field;
-                return cleanField;
-              }) || value.item.fields;
 
               setBatchVariables(target, [
                 {
                   label: 'currentFields',
-                  value: cleanFields,
+                  value: value.item.fields,
                 },
                 {
                   label: 'dataSourceTitle',
@@ -198,7 +156,7 @@ const dataSourceForm: MetaType = {
               return {
                 filters: {
                   tables: 'all',
-                  variables: {},
+                  variables: {}
                 },
                 mode: target.getProps().getPropValue('renderMode'),
                 variables: getDataSourceVariables(target),
@@ -210,7 +168,7 @@ const dataSourceForm: MetaType = {
           title: '字段',
           display: 'entry',
           type: 'group',
-          name: '_fields1',
+          name: "_fields1",
           items: [
             {
               title: {
@@ -303,7 +261,7 @@ const dataSourceForm: MetaType = {
             props: (target) => {
               return {
                 filters: {
-                  variables: {},
+                  variables: {}
                 },
                 variables: getCurrentValueVariables(target),
               };
@@ -312,7 +270,7 @@ const dataSourceForm: MetaType = {
         },
         {
           type: 'group',
-          name: '_extraParams',
+          name: "_extraParams",
           title: '额外参数',
           display: 'entry',
           items: [
@@ -323,7 +281,7 @@ const dataSourceForm: MetaType = {
                 'en-US': 'List Params',
                 'zh-CN': '列表参数',
               },
-              setter: 'StringSetter',
+              setter: 'StringSetter'
             },
             {
               name: 'extraParams.get',
@@ -332,7 +290,7 @@ const dataSourceForm: MetaType = {
                 'en-US': 'Get Params',
                 'zh-CN': '获取参数',
               },
-              setter: 'JsonSetter',
+              setter: 'JsonSetter'
             },
             {
               name: 'extraParams.update',
@@ -341,7 +299,7 @@ const dataSourceForm: MetaType = {
                 'en-US': 'Update Params',
                 'zh-CN': '更新参数',
               },
-              setter: 'JsonSetter',
+              setter: 'JsonSetter'
             },
             // {
             //   name: 'extraParams.create',
@@ -361,8 +319,8 @@ const dataSourceForm: MetaType = {
             //   },
             //   setter: 'StringSetter'
             // }
-          ],
-        },
+          ]
+        }
       ],
     },
     {
@@ -649,7 +607,7 @@ const dataSourceForm: MetaType = {
             },
           },
         },
-      ],
+      ]
     },
   ],
   configure: {
@@ -709,24 +667,7 @@ const dataSourceForm: MetaType = {
               componentName: 'FunctionSetter',
               props: {
                 template:
-                  'customSubmit(values,${extParams}){\n// 自定义提交逻辑\nreturn values}',
-              },
-            },
-          },
-          {
-            name: 'beforeSubmit',
-            title: {
-              label: {
-                type: 'i18n',
-                'en-US': 'Before Submit',
-                'zh-CN': '提交前校验',
-              },
-            },
-            setter: {
-              componentName: 'FunctionSetter',
-              props: {
-                template:
-                  'beforeSubmit(values,${extParams}){\n// 提交前校验逻辑\n// 返回 true 继续提交，返回 false 阻止提交\nreturn true}',
+                  "customSubmit(values,${extParams}){\n// 格式化数据\nreturn values}",
               },
             },
           },
@@ -743,7 +684,7 @@ const dataSourceForm: MetaType = {
               componentName: 'FunctionSetter',
               props: {
                 template:
-                  'formatSubmitValues(values,${extParams}){\n// 格式化数据\nreturn values}',
+                  "formatSubmitValues(values,${extParams}){\n// 格式化数据\nreturn values}",
               },
             },
           },
@@ -760,7 +701,7 @@ const dataSourceForm: MetaType = {
               componentName: 'FunctionSetter',
               props: {
                 template:
-                  'formatInitialValues(values,${extParams}){\n// 格式化数据\nreturn values}',
+                  "formatInitialValues(values,${extParams}){\n// 格式化数据\nreturn values}",
               },
             },
           },

package/lowcode/data-source-form/utils.ts

@@ -14,19 +14,17 @@ type UiSchema = {
   'x-component-props': Record<string, any>;
   'x-read-pretty': boolean;
   'x-validator'?: string;
-  'x-display'?: 'visible' | 'hidden' | 'none';
-  'x-pattern'?: 'editable' | 'disabled' | 'readPretty';
   type: 'string' | 'number' | 'boolean' | 'array' | 'object';
 };
 
 // 创建表单组
-export const createFormGroup = (children: any[], groupTitle?: string) => {
+export const createFormGroup = (children: any[]) => {
   return {
     children,
     componentName: 'FormGroup',
     title: '分组',
     props: {
-      title: groupTitle || 'Group',
+      title: 'Group',
       showTitle: true,
       showDescription: true,
       showBackgroundColor: true,
@@ -112,7 +110,7 @@ const modeMap: Record<string, any> = {
   view: 'view',
 };
 
-
+// 创建表单项
 export const createFormItemSchema = (
   item: {
     name: string;
@@ -131,46 +129,15 @@ export const createFormItemSchema = (
     'x-read-pretty': readPretty,
     default: defaultValue,
     'x-component-props': xProps,
-    'x-pattern': xPattern,
-    'x-display': xDisplay,
-    type,
   } = uiSchema;
 
   let cptTitle = undefined;
 
-  // 根据 x-pattern 和 x-display 确定 renderMode
-  // 优先级: x-display > x-pattern > x-read-pretty > x-component-props.renderMode > mode 参数
-  let renderMode = modeMap[mode] || 'edit';
-  
-  // 先检查 x-component-props 中是否已有 renderMode
-  if (xProps?.renderMode) {
-    renderMode = xProps.renderMode;
-  }
-  
-  // x-read-pretty 兼容旧逻辑（优先级高于 x-component-props）
-  if (readPretty) {
-    renderMode = 'view';
-  }
-  
-  // x-pattern 映射到 renderMode（优先级更高）
-  if (xPattern === 'readPretty') {
-    renderMode = 'view';
-  } else if (xPattern === 'disabled') {
-    renderMode = 'disabled';
-  } else if (xPattern === 'editable') {
-    renderMode = 'edit';
-  }
-  
-  // x-display = 'hidden' 优先级最高
-  if (xDisplay === 'hidden') {
-    renderMode = 'hidden';
-  }
-
-  // 构建 props: 先设置默认值，再用 x-component-props 覆盖，最后设置 renderMode
   let props: Record<string, any> = {
-    // 默认值
+    ...xProps,
     label: title,
     name,
+    renderMode: modeMap[mode] || 'edit',
     allowClear: true,
     placeholder: {
       type: 'i18n',
@@ -178,23 +145,10 @@ export const createFormItemSchema = (
       'zh-CN': '请输入',
       'zh-HK': '請輸入',
     },
-    // x-component-props 中的所有字段直接映射，可以覆盖上面的默认值
-    ...xProps,
-    // renderMode 最终计算结果（综合了所有来源）
-    renderMode,
   };
-  
-  // 如果 x-component-props 中存在 required 字段，额外添加 requiredobj
-  if (xProps?.required !== undefined) {
-    props.requiredobj = {
-      required: xProps.required,
-    };
-  }
-  
   let componentName = xComponent;
 
   let childrenSchema: any[] = [];
-  let propertiesSchema: Record<string, any> = {};
 
   if (item?.interface === 'phone') {
     cptTitle = '电话号码输入';
@@ -236,11 +190,6 @@ export const createFormItemSchema = (
     };
   }
 
-  // 如果类型是 integer，设置 precision 为 0，只允许输入整数
-  if (type === 'integer' && (xComponent === 'InputNumber' || xComponent === 'Percent')) {
-    props.precision = 0;
-  }
-
   if (xComponent === 'Input.JSON' && item?.interface !== 'i18nInput') {
     const jsonChildren = item._children || item.children || [];
 
@@ -250,37 +199,26 @@ export const createFormItemSchema = (
       childrenSchema = jsonChildren.map((child: any) =>
         createFormItemSchema(child, mode)
       );
-      // 同时构建 properties 格式
-      jsonChildren.forEach((child: any) => {
-        const childSchema = createFormItemSchema(child, mode);
-        propertiesSchema[child.name] = childSchema;
-      });
     } else {
       componentName = 'Input.InputJSON';
       props.autoSize = {
         minRows: 4,
       };
-      
-      // 根据type类型生成不同的normalize和校验逻辑
-      const fieldType = type || 'object';
-      let normalizeValue = '';
-      let validatorValue = '';
-      
-      normalizeValue = '(value) => {\n  try {\n    if (typeof value === \'string\' && value.trim() !== \'\') {\n      const trimmedValue = value.trim();\n      // 只有以{或[开头才尝试转换\n      if (trimmedValue.startsWith(\'{\') || trimmedValue.startsWith(\'[\')) {\n        return JSON.parse(trimmedValue);\n      }\n    }\n  } catch(error) {\n    console.log(error)\n  }\n  return value\n}';
-      validatorValue = "async (value) => {\n  try {\n    if (typeof value === 'string' && value.trim() !== '') {\n      const trimmedValue = value.trim();\n      // 确保JSON以{或[开头，以避免纯数字或字符串通过校验\n      if (!trimmedValue.startsWith('{') && !trimmedValue.startsWith('[')) {\n        return Promise.reject(new Error('JSON必须是对象或数组，请以{或[开头'));\n      }\n      JSON.parse(trimmedValue);\n    }\n  } catch (err) {\n    return Promise.reject(new Error(err.message));\n  }\n}";
-      
+      // props.validateTrigger = "onBlur";
       props.normalize = {
         type: 'JSExpression',
-        value: normalizeValue,
+        value:
+          '(value) => {\n  try {\n    return JSON.parse(value);\n  } catch(error) {\n    console.log(error)\n  }\n  return value\n}',
       };
       props.getValueProps = {
         type: 'JSExpression',
         value:
-          '(value) => {\n  try {\n    // 使用严格检查：null/undefined不转换，其他对象类型都转换\n    if (value !== null && value !== undefined && typeof value === \'object\') {\n      return { value: JSON.stringify(value, null, 2) };\n    }\n    return { value: value };\n  } catch(error) {\n    console.log(error)\n  }\n  return {value: value}\n}',
+          '(value) => {\n  try {\n   return { value: value != "" && typeof value === \'object\' ? JSON.stringify(value, null, 2) : value};\n  } catch(error) {\n    console.log(error)\n  }\n  return {value: value}\n}',
       };
       props.validator = {
         type: 'JSExpression',
-        value: validatorValue,
+        value:
+          "async (value) => {\n try {\n    if (typeof value === 'string' && value.trim() !== '') {\n      JSON.parse(value);\n    }\n  } catch (err) {\n    return Promise.reject(new Error(err.message));\n  }\n}",
       };
     }
   }
@@ -346,69 +284,23 @@ export const createFormItemSchema = (
     props.defaultValue = null;
   }
 
-  if (xComponent === 'ColorPicker') {
-    props.defaultValue = defaultValue;
+  // 如果设置了x-read-pretty，则设置为只读
+  if (readPretty) {
+    props.renderMode = 'view';
   }
 
-  if (xComponent === 'Switch') {
-    props.placeholder = '';
-    props.allowClear = false;
+  if (xComponent === 'ColorPicker') {
+    props.defaultValue = defaultValue;
   }
 
   const _componentName = nocobaseCpt2PisellCptMap[componentName];
 
-  // 确定 schema type
-  let schemaType: 'void' | 'string' | 'number' | 'object' | 'array' | 'boolean' = 'string';
-  if (type) {
-    schemaType = type as any;
-  } else if (xComponent === 'InputNumber' || xComponent === 'Percent') {
-    schemaType = 'number';
-  } else if (xComponent === 'Input.JSON' || item?.interface === 'i18nInput') {
-    schemaType = 'object';
-  } else if (['Checkbox.Group', 'Select'].includes(xComponent) && props.mode === 'multiple') {
-    schemaType = 'array';
-  } else if (xComponent === 'Switch' || xComponent === 'Checkbox') {
-    schemaType = 'boolean';
-  }
-
-  // 构建完整的 UI Schema 格式
-  const schema: any = {
-    // 基础属性
-    type: schemaType,
-    name: name,
-    title: title,
-
-    // 组件相关
-    'x-component': _componentName,
-    'x-component-props': props,
-
-    // 包装器 (FormItem 作为 decorator)
-    'x-decorator': 'FormItem',
-    'x-decorator-props': {
-      label: title,
-    },
-
-    // 默认值
-    default: defaultValue,
-
-    // 校验
-    ...(validator && { 'x-validator': validator }),
-
-    // children 节点 (兼容旧格式和新格式)
-    ...(childrenSchema.length > 0 && { children: childrenSchema }),
-    ...(Object.keys(propertiesSchema).length > 0 && { properties: propertiesSchema }),
-
-    // 设计器相关 (如果需要)
-    // 'x-initializer': undefined,
-    // 'x-settings': undefined,
-    // 'x-toolbar': undefined,
-
-    // 兼容旧格式: 保留 componentName 供旧代码使用
+  return {
+    title: cptTitle || formItemMetaMap[_componentName]?.title,
     componentName: _componentName,
     props,
+    children: childrenSchema,
   };
-
-  return schema;
 };
 
 type FieldOption = {
@@ -643,12 +535,7 @@ export const getDataSourceVariables = (target: any) => {
 };
 
 export const getCurrentValueVariables = (target: any) => {
-  if (target?.getProps()?.getPropValue('_variables')?.dataSourceValue?.fromSettingMeta) {
-    return [];
-  }
-  
   const variables = getParentVariables(target);
- 
   const currentDataSourceTitle = getVariable(target, 'dataSourceTitle');
 
   const currentValueVariables: any[] = [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "6.7.3",
+  "version": "6.7.4",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -75,9 +75,9 @@
     "antd-mobile": "^5.38.1",
     "vod-js-sdk-v6": "^1.4.11",
     "react-camera-pro": "1.4.0",
+    "@pisell/utils": "3.0.2",
     "@pisell/date-picker": "3.0.7",
-    "@pisell/icon": "0.0.11",
-    "@pisell/utils": "3.0.2"
+    "@pisell/icon": "0.0.11"
   },
   "peerDependencies": {
     "react": "^18.0.0",

package/es/components/PisellBasicGrid/PisellBasicGrid.js

@@ -1,140 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import React, { memo, useMemo } from 'react';
-import classNames from 'classnames';
-import { useGridStyle } from "./hooks";
-import { getRowKey, COMPONENT_PREFIX } from "./utils";
-import "./PisellBasicGrid.less";
-
-/**
- * PisellBasicGrid 基础布局组件
- * @description 基于 Flexbox 的基础布局组件，主要用于控制循环型数据组件的排列方式
- * @template T - 数据源项的类型
- * @example
- * // children 模式
- * <PisellBasicGrid columns={4} gap={16} wrap="wrap">
- *   {items.map(item => <Card key={item.id}>{item.name}</Card>)}
- * </PisellBasicGrid>
- *
- * @example
- * // dataSource 模式
- * <PisellBasicGrid
- *   columns={4}
- *   gap={16}
- *   wrap="wrap"
- *   dataSource={items}
- *   rowKey="id"
- *   renderItem={(item) => <Card>{item.name}</Card>}
- * />
- */
-var PisellBasicGrid = function PisellBasicGrid(props) {
-  var children = props.children,
-    className = props.className,
-    style = props.style,
-    _props$direction = props.direction,
-    direction = _props$direction === void 0 ? 'horizontal' : _props$direction,
-    _props$wrap = props.wrap,
-    wrap = _props$wrap === void 0 ? 'nowrap' : _props$wrap,
-    columns = props.columns,
-    _props$equalWidth = props.equalWidth,
-    equalWidth = _props$equalWidth === void 0 ? false : _props$equalWidth,
-    gap = props.gap,
-    rowGap = props.rowGap,
-    columnGap = props.columnGap,
-    _props$justify = props.justify,
-    justify = _props$justify === void 0 ? 'start' : _props$justify,
-    _props$align = props.align,
-    align = _props$align === void 0 ? 'stretch' : _props$align,
-    _props$alignContent = props.alignContent,
-    alignContent = _props$alignContent === void 0 ? 'stretch' : _props$alignContent,
-    dataSource = props.dataSource,
-    renderItem = props.renderItem,
-    rowKey = props.rowKey,
-    startSlot = props.startSlot,
-    endSlot = props.endSlot;
-
-  /**
-   * 获取布局样式
-   */
-  var _useGridStyle = useGridStyle({
-      direction: direction,
-      wrap: wrap,
-      columns: columns,
-      equalWidth: equalWidth,
-      gap: gap,
-      rowGap: rowGap,
-      columnGap: columnGap,
-      justify: justify,
-      align: align,
-      alignContent: alignContent
-    }),
-    containerStyle = _useGridStyle.containerStyle,
-    itemStyle = _useGridStyle.itemStyle;
-
-  /**
-   * 合并容器样式
-   */
-  var mergedStyle = useMemo(function () {
-    return _objectSpread(_objectSpread({}, containerStyle), style);
-  }, [containerStyle, style]);
-
-  /**
-   * 渲染内容
-   * @description
-   * - dataSource 为 undefined 时，渲染 children
-   * - dataSource 为空数组时，不渲染任何内容
-   * - dataSource 有数据时，使用 renderItem 渲染
-   */
-  var renderContent = function renderContent() {
-    // dataSource 为 undefined 时，渲染 children
-    if (dataSource === undefined) {
-      // 如果有 columns 或 equalWidth，需要给 children 包裹一层 div 来应用 itemStyle
-      if (columns !== undefined || equalWidth) {
-        return React.Children.map(children, function (child, index) {
-          var _child$key;
-          if (! /*#__PURE__*/React.isValidElement(child)) {
-            return child;
-          }
-          return /*#__PURE__*/React.createElement("div", {
-            key: (_child$key = child.key) !== null && _child$key !== void 0 ? _child$key : index,
-            className: "".concat(COMPONENT_PREFIX, "-item"),
-            style: itemStyle
-          }, child);
-        });
-      }
-      return children;
-    }
-
-    // dataSource 为空数组时，不渲染任何内容
-    if (dataSource.length === 0) {
-      return null;
-    }
-
-    // dataSource 模式渲染
-    return dataSource.map(function (item, index) {
-      var key = getRowKey(item, index, rowKey);
-      var content = renderItem === null || renderItem === void 0 ? void 0 : renderItem(item, index);
-      return /*#__PURE__*/React.createElement("div", {
-        key: key,
-        className: "".concat(COMPONENT_PREFIX, "-item"),
-        style: itemStyle
-      }, content);
-    });
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames(COMPONENT_PREFIX, className),
-    style: mergedStyle
-  }, startSlot, " ", renderContent(), " ", endSlot);
-};
-
-/**
- * 使用 memo 优化组件性能
- * @description 当 props 没有变化时，避免不必要的重新渲染
- */
-var MemoizedPisellBasicGrid = /*#__PURE__*/memo(PisellBasicGrid);
-export { MemoizedPisellBasicGrid as PisellBasicGrid };
-export default MemoizedPisellBasicGrid;