@pisell/materials 6.7.1 → 6.7.2

package/lib/components/table/Table/fields/select/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/lib/components/table/Table/fields/text/Show/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FieldPropsType } from "../../types";
 import "./index.less";
 declare const Show: (props: FieldPropsType) => JSX.Element;

package/lib/components/table/Table/fields/text/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/lib/components/table/Table/fields/treeSelect/filterUtil/index.d.ts

@@ -2,4 +2,4 @@ export default function ({ value, key, item, }: {
     value: string | string[] | Record<string, any>[];
     key: string | string[];
     item: Record<string, any>;
-}): boolean;
+}): any;

package/lib/components/table/Table/fields/treeSelect/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/lib/index.js

@@ -85,6 +85,7 @@ __export(src_exports, {
   FormItemInputNumber: () => import_InputNumber.default,
   FormItemRadio: () => import_Radio.default,
   FormItemSelect: () => import_Select.default,
+  FormItemSwitch: () => import_Switch.default,
   FormItemTimePicker: () => import_TimePicker.default,
   FormItemTranslation: () => import_Translation.default,
   FormItemUpload: () => import_Upload.default,
@@ -237,6 +238,7 @@ var import_dataSourceTypography = __toESM(require("./components/dataSourceCompon
 var import_dataSourceTable = __toESM(require("./components/dataSourceComponents/dataSourceTable"));
 var import_dataSourceWrapper = __toESM(require("./components/dataSourceComponents/dataSourceWrapper"));
 var import_Checkbox = __toESM(require("./components/dataSourceComponents/fields/Checkbox"));
+var import_Switch = __toESM(require("./components/dataSourceComponents/fields/Switch"));
 var import_ColorPicker = __toESM(require("./components/dataSourceComponents/fields/ColorPicker"));
 var import_DatePicker = __toESM(require("./components/dataSourceComponents/fields/DatePicker"));
 var import_Input = __toESM(require("./components/dataSourceComponents/fields/Input"));
@@ -408,6 +410,7 @@ var import_auto_resize_text = __toESM(require("./components/auto-resize-text"));
   FormItemInputNumber,
   FormItemRadio,
   FormItemSelect,
+  FormItemSwitch,
   FormItemTimePicker,
   FormItemTranslation,
   FormItemUpload,

package/lib/locales/en-US.js

@@ -156,6 +156,7 @@ var en_US_default = {
   "pisell-wallet-pass-card-redeem": "use",
   "pisell-wallet-pass-card-code": "Code",
   "pisell-wallet-pass-card-valid-to": "Valid to",
+  "pisell-wallet-pass-card-valid": "Valid",
   "pisell-wallet-pass-card-confirm": "Confirm",
   "pisell-wallet-pass-card-cancel": "Cancel",
   "pisell-wallet-pass-card-required": "This field is required",

package/lib/locales/zh-CN.js

@@ -156,6 +156,7 @@ var zh_CN_default = {
   "pisell-wallet-pass-card-redeem": "使用",
   "pisell-wallet-pass-card-code": "识别码编号",
   "pisell-wallet-pass-card-valid-to": "有效期至",
+  "pisell-wallet-pass-card-valid": "有效期",
   "pisell-wallet-pass-card-confirm": "确认",
   "pisell-wallet-pass-card-cancel": "取消",
   "pisell-wallet-pass-card-required": "此字段必填",

package/lib/locales/zh-TW.js

@@ -156,6 +156,7 @@ var zh_TW_default = {
   "pisell-wallet-pass-card-redeem": "使用",
   "pisell-wallet-pass-card-code": "識別碼編號",
   "pisell-wallet-pass-card-valid-to": "有效期至",
+  "pisell-wallet-pass-card-valid": "有效期",
   "pisell-wallet-pass-card-confirm": "確認",
   "pisell-wallet-pass-card-cancel": "取消",
   "pisell-wallet-pass-card-required": "此欄位為必填",

package/lib/utils/index.d.ts

@@ -1,4 +1,4 @@
 export declare const isBrowser: boolean;
-export declare const getCssNumber: (val: string | number) => string;
+export declare const getCssNumber: (val: string | number) => string | number;
 export declare function uuid(): string;
 export * from './mergeWith';

package/lib/utils/platform.d.ts

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

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

@@ -1,4 +1,5 @@
 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';
@@ -19,6 +20,7 @@ import formItemUploadMeta from '../form-item-upload/meta';
 
 export const metaAll = [
   formItemCheckboxMeta,
+  formItemSwitchMeta,
   formItemCheckboxGroupMeta,
   formItemColorPickerMeta,
   formItemDatePickerMeta,
@@ -67,6 +69,7 @@ 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,33 +109,75 @@ const dataSourceForm: MetaType = {
               if (value.isSelect) {
                 target.getProps().setPropValue('title', '');
                 target.node.children.importSchema([]);
-              }
 
-              let childrenSchemas = fields2ChildrenSchemas(
-                value.item.fields,
-                target.getProps().getPropValue('renderMode')
-              );
+                // 检查是否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)];
+                }
 
-              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);
+                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);
+                }
               }
 
               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: value.item.fields,
+                  value: cleanFields,
                 },
                 {
                   label: 'dataSourceTitle',
@@ -156,7 +198,7 @@ const dataSourceForm: MetaType = {
               return {
                 filters: {
                   tables: 'all',
-                  variables: {}
+                  variables: {},
                 },
                 mode: target.getProps().getPropValue('renderMode'),
                 variables: getDataSourceVariables(target),
@@ -168,7 +210,7 @@ const dataSourceForm: MetaType = {
           title: '字段',
           display: 'entry',
           type: 'group',
-          name: "_fields1",
+          name: '_fields1',
           items: [
             {
               title: {
@@ -261,7 +303,7 @@ const dataSourceForm: MetaType = {
             props: (target) => {
               return {
                 filters: {
-                  variables: {}
+                  variables: {},
                 },
                 variables: getCurrentValueVariables(target),
               };
@@ -270,7 +312,7 @@ const dataSourceForm: MetaType = {
         },
         {
           type: 'group',
-          name: "_extraParams",
+          name: '_extraParams',
           title: '额外参数',
           display: 'entry',
           items: [
@@ -281,7 +323,7 @@ const dataSourceForm: MetaType = {
                 'en-US': 'List Params',
                 'zh-CN': '列表参数',
               },
-              setter: 'StringSetter'
+              setter: 'StringSetter',
             },
             {
               name: 'extraParams.get',
@@ -290,7 +332,7 @@ const dataSourceForm: MetaType = {
                 'en-US': 'Get Params',
                 'zh-CN': '获取参数',
               },
-              setter: 'JsonSetter'
+              setter: 'JsonSetter',
             },
             {
               name: 'extraParams.update',
@@ -299,7 +341,7 @@ const dataSourceForm: MetaType = {
                 'en-US': 'Update Params',
                 'zh-CN': '更新参数',
               },
-              setter: 'JsonSetter'
+              setter: 'JsonSetter',
             },
             // {
             //   name: 'extraParams.create',
@@ -319,8 +361,8 @@ const dataSourceForm: MetaType = {
             //   },
             //   setter: 'StringSetter'
             // }
-          ]
-        }
+          ],
+        },
       ],
     },
     {
@@ -607,7 +649,7 @@ const dataSourceForm: MetaType = {
             },
           },
         },
-      ]
+      ],
     },
   ],
   configure: {
@@ -667,7 +709,24 @@ const dataSourceForm: MetaType = {
               componentName: 'FunctionSetter',
               props: {
                 template:
-                  "customSubmit(values,${extParams}){\n// 格式化数据\nreturn values}",
+                  '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}',
               },
             },
           },
@@ -684,7 +743,7 @@ const dataSourceForm: MetaType = {
               componentName: 'FunctionSetter',
               props: {
                 template:
-                  "formatSubmitValues(values,${extParams}){\n// 格式化数据\nreturn values}",
+                  'formatSubmitValues(values,${extParams}){\n// 格式化数据\nreturn values}',
               },
             },
           },
@@ -701,7 +760,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,17 +14,19 @@ 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[]) => {
+export const createFormGroup = (children: any[], groupTitle?: string) => {
   return {
     children,
     componentName: 'FormGroup',
     title: '分组',
     props: {
-      title: 'Group',
+      title: groupTitle || 'Group',
       showTitle: true,
       showDescription: true,
       showBackgroundColor: true,
@@ -110,7 +112,7 @@ const modeMap: Record<string, any> = {
   view: 'view',
 };
 
-// 创建表单项
+
 export const createFormItemSchema = (
   item: {
     name: string;
@@ -129,15 +131,46 @@ 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',
@@ -145,10 +178,23 @@ 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 = '电话号码输入';
@@ -190,6 +236,11 @@ 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 || [];
 
@@ -199,26 +250,37 @@ 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,
       };
-      // props.validateTrigger = "onBlur";
+      
+      // 根据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.normalize = {
         type: 'JSExpression',
-        value:
-          '(value) => {\n  try {\n    return JSON.parse(value);\n  } catch(error) {\n    console.log(error)\n  }\n  return value\n}',
+        value: normalizeValue,
       };
       props.getValueProps = {
         type: 'JSExpression',
         value:
-          '(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}',
+          '(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}',
       };
       props.validator = {
         type: 'JSExpression',
-        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}",
+        value: validatorValue,
       };
     }
   }
@@ -284,23 +346,69 @@ export const createFormItemSchema = (
     props.defaultValue = null;
   }
 
-  // 如果设置了x-read-pretty，则设置为只读
-  if (readPretty) {
-    props.renderMode = 'view';
-  }
-
   if (xComponent === 'ColorPicker') {
     props.defaultValue = defaultValue;
   }
 
+  if (xComponent === 'Switch') {
+    props.placeholder = '';
+    props.allowClear = false;
+  }
+
   const _componentName = nocobaseCpt2PisellCptMap[componentName];
 
-  return {
-    title: cptTitle || formItemMetaMap[_componentName]?.title,
+  // 确定 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 供旧代码使用
     componentName: _componentName,
     props,
-    children: childrenSchema,
   };
+
+  return schema;
 };
 
 type FieldOption = {
@@ -535,7 +643,12 @@ 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[] = [