@pisell/materials 6.3.16 → 6.3.17

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[] = [

package/lowcode/form-item-switch/meta.ts

@@ -0,0 +1,145 @@
+import snippets from './snippets';
+import {
+  formItemGeneralDataGroup,
+  getFormItemGeneralInfoGroup,
+  generalItemMap,
+  getFormItemValidateGroup,
+} from '../_utils/defaultSchema';
+
+export default {
+  snippets,
+  componentName: 'FormItemSwitch',
+  title: '开关(高级)',
+  category: '无代码表单',
+  group: '无代码组件',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.1',
+    exportName: 'FormItemSwitch',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  generalProps: [
+    // 数据分组
+    formItemGeneralDataGroup,
+    // 信息分组
+    getFormItemGeneralInfoGroup([
+      generalItemMap['label'],
+      generalItemMap['tooltip'],
+      generalItemMap['extra'],
+      generalItemMap['hideLabel'],
+      generalItemMap['renderMode'],
+    ]),
+    // 校验分组
+    getFormItemValidateGroup([generalItemMap['requiredobj']]),
+  ],
+  configure: {
+    props: [
+      {
+        name: 'checkedChildren',
+        title: { label: '选中时内容', tip: '选中时的内容' },
+        propType: 'string',
+        setter: 'PisellI18nSetter',
+        supportVariable: true,
+      },
+      {
+        name: 'unCheckedChildren',
+        title: { label: '非选中时内容', tip: '非选中时的内容' },
+        propType: 'string',
+        setter: 'PisellI18nSetter',
+        supportVariable: true,
+      },
+      {
+        name: 'autoFocus',
+        title: { label: '自动聚焦', tip: '自动获取焦点' },
+        propType: 'bool',
+        defaultValue: false,
+        setter: 'BoolSetter',
+        supportVariable: true,
+      },
+      {
+        name: 'checked',
+        title: { label: '当前值', tip: '指定当前是否选中' },
+        propType: 'bool',
+        defaultValue: false,
+        setter: 'BoolSetter',
+        supportVariable: true,
+      },
+      {
+        name: 'defaultChecked',
+        title: { label: '默认值', tip: '初始是否选中' },
+        propType: 'bool',
+        defaultValue: false,
+        setter: 'BoolSetter',
+        supportVariable: true,
+      },
+      {
+        name: 'disabled',
+        title: { label: '是否禁用', tip: '是否为禁用状态' },
+        propType: 'bool',
+        defaultValue: false,
+        setter: 'BoolSetter',
+        supportVariable: true,
+      },
+      {
+        name: 'loading',
+        title: { label: '加载中', tip: '加载中' },
+        propType: 'bool',
+        defaultValue: false,
+        setter: 'BoolSetter',
+        supportVariable: true,
+      },
+      {
+        name: 'size',
+        title: { label: '尺寸', tip: '开关大小' },
+        propType: { type: 'oneOf', value: ['default', 'small'] },
+        setter: {
+          componentName: 'RadioGroupSetter',
+          props: {
+            options: [
+              {
+                title: '默认',
+                value: 'default',
+              },
+              {
+                title: '小',
+                value: 'small',
+              },
+            ],
+          },
+        },
+        defaultValue: 'default',
+      },
+      {
+        name: 'onChange',
+        title: { label: '变化时回调函数', tip: '变化时回调函数' },
+        propType: 'func',
+      },
+      {
+        name: 'onClick',
+        title: { label: '点击时回调函数', tip: '点击时回调函数' },
+        propType: 'func',
+      },
+    ],
+    supports: {
+      style: true,
+      events: [
+        {
+          name: 'onChange',
+          template:
+            "onChange(checked,event,${extParams}){\n// 变化时回调函数\nconsole.log('onChange', checked, event);}",
+        },
+        {
+          name: 'onClick',
+          template:
+            "onClick(checked,event,${extParams}){\n// 点击时回调函数\nconsole.log('onClick', checked, event);}",
+        },
+      ],
+    },
+  },
+};
+

package/lowcode/form-item-switch/snippets.ts

@@ -0,0 +1,15 @@
+export default [
+  {
+    title: '开关(高级)',
+    screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/switch-1.png',
+    schema: {
+      componentName: 'FormItemSwitch',
+      props: {
+        name: 'switch',
+        label: '开关',
+        defaultChecked: false,
+      },
+    },
+  },
+];
+

package/package.json

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

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

@@ -1,21 +0,0 @@
-import React from 'react';
-import './index.less';
-export interface TimeSlot {
-    value: string;
-    label: string;
-    time: string;
-    remainingCount: number;
-    disabled?: boolean;
-}
-export interface TimeResourceSelectorProps {
-    timeSlots?: TimeSlot[];
-    multiple?: boolean;
-    showUnavailable?: boolean;
-    defaultExpanded?: boolean;
-    defaultSelectFirst?: boolean;
-    onChange?: (values: string | string[]) => void;
-    className?: string;
-    style?: React.CSSProperties;
-}
-declare const TimeResourceSelector: React.FC<TimeResourceSelectorProps>;
-export default TimeResourceSelector;

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

@@ -1,24 +0,0 @@
-/// <reference types="react" />
-export interface Version {
-    id: string;
-    label: string;
-    value: string;
-    name: string;
-    status: 'live' | 'draft' | 'deprecated';
-    version: string;
-    avatar?: string;
-}
-export interface AppVersionControlProps {
-    value: string;
-    versions: Version[];
-    onVersionChange: (value: string, version: Version) => void;
-    onCreateVersion: (detail: {
-        version: string;
-        baseVersion: string;
-    }) => Promise<boolean | undefined>;
-    onPromoteToLive: (value: string, version: Version) => Promise<boolean | undefined>;
-    allowPublish?: boolean;
-    allowCreate?: boolean;
-    className?: string;
-    style?: React.CSSProperties;
-}

package/es/components/appVersionControl/utils.d.ts

@@ -1,13 +0,0 @@
-/**
- * 比较两个版本号
- * @param version1 版本号1
- * @param version2 版本号2
- * @returns 如果version1大于version2返回1，相等返回0，小于返回-1
- */
-export declare const compareVersions: (version1: string, version2: string) => number;
-/**
- * 从版本号列表中获取最大版本号
- * @param versions 版本号列表
- * @returns 最大的版本号，如果列表为空返回undefined
- */
-export declare const getMaxVersion: (versions: string[]) => string | undefined;

package/es/components/auto-complete/index.d.ts

@@ -1,2 +0,0 @@
-declare const AutoComplete: any;
-export default AutoComplete;

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

@@ -1,9 +0,0 @@
-import { AutoCompleteProps, InputNumberProps } from "antd";
-interface AutoCompleteNumberProps {
-    autoCompleteProps: AutoCompleteProps;
-    inputNumberProps: InputNumberProps;
-    value?: any;
-    onChange?: any;
-}
-declare const AutoCompleteNumber: (props: AutoCompleteNumberProps) => JSX.Element;
-export default AutoCompleteNumber;

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

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

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

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

package/es/components/batch-editor/fields/Price/index.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import { InputNumberProps } from "antd";
-export interface PriceProps extends InputNumberProps {
-    symbol: string;
-}
-declare const Price: React.FC<PriceProps>;
-export default Price;

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

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

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

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

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

@@ -1,21 +0,0 @@
-import React from "react";
-import "./index.less";
-interface Option {
-    label: React.ReactNode;
-    value: string | number;
-}
-interface BrowserSelectProps extends Omit<React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, 'value' | 'onChange'> {
-    options: Option[];
-    value?: string | number;
-    onChange?: (value: string | number, option: Option) => void;
-}
-/**
- * @title: 系统级别的下拉框
- * @description:
- * @param {BrowserSelectProps} props
- * @return {*}
- * @Author: zhiwei.Wang
- * @Date: 2024-01-30 16:43
- */
-declare const BrowserSelect: (props: BrowserSelectProps) => JSX.Element;
-export default BrowserSelect;

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

@@ -1,9 +0,0 @@
-import React from 'react';
-import { ButtonProps as OriginalButtonProps } from 'antd';
-export interface ButtonProps extends OriginalButtonProps {
-    __designMode?: 'design' | undefined;
-    href?: string;
-    rightIcon?: React.ReactNode;
-}
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<any>>;
-export default Button;

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

@@ -1,19 +0,0 @@
-import React from 'react';
-import type { MenuProps, ButtonProps } from 'antd';
-export interface ButtonGroupListItemProps {
-    id?: string;
-    isMore?: boolean;
-    menuData?: MenuProps['items'];
-    buttonProps?: ButtonProps;
-}
-interface ButtonConfigProps {
-    [id: string]: ButtonGroupListItemProps;
-}
-export declare type ButtonGroupListProps = ButtonGroupListItemProps[][];
-interface ButtonGroupPreviewProps {
-    buttonConfig?: ButtonConfigProps;
-    buttonGroupList?: ButtonGroupListProps;
-    updateButtonProps?: ButtonGroupListItemProps;
-}
-declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<ButtonGroupPreviewProps & React.RefAttributes<any>>>;
-export default _default;

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

@@ -1,2 +0,0 @@
-declare const Calendar: (props: any) => JSX.Element;
-export default Calendar;

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

@@ -1,2 +0,0 @@
-declare const Cascader: any;
-export default Cascader;

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

@@ -1,2 +0,0 @@
-declare const Checkbox: (props: any) => JSX.Element;
-export default Checkbox;

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

@@ -1,3 +0,0 @@
-import "./index.less";
-declare const ClassicLayout: (props: any) => JSX.Element;
-export default ClassicLayout;

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

@@ -1,15 +0,0 @@
-import React from 'react';
-import './index.less';
-interface CollapseProps {
-    panelBackground?: string;
-    panelMarginBottom?: string | 0;
-    panelBorderRadius?: string | 0;
-    items: any[];
-    showHeader?: boolean;
-    headerColor?: string | '#101828';
-    headerFontSize?: string | 14;
-    expandIcon?: any;
-    [key: string]: any;
-}
-declare const Collapse: React.FC<CollapseProps>;
-export default Collapse;

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

@@ -1,3 +0,0 @@
-import { ColorPickerProps } from 'antd';
-declare const ColorPicker: (props: ColorPickerProps) => JSX.Element;
-export default ColorPicker;

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

@@ -1,11 +0,0 @@
-import React from "react";
-interface ComponentProps {
-    children: React.ReactNode;
-}
-/**
- * 低代码组件壳子 目前不做任何处理直接返回 如需容器包裹自行处理
- * @param props
- * @constructor
- */
-declare const Component: (props: ComponentProps) => React.ReactNode;
-export default Component;

package/es/components/config-provider/index.d.ts

@@ -1,7 +0,0 @@
-import { ConfigProviderProps as OriginalConfigProviderProps } from "antd/es/config-provider";
-import "dayjs/locale/zh-cn";
-export interface ConfigProviderProps extends OriginalConfigProviderProps {
-    [key: string]: any;
-}
-declare const ConfigProvider: (props: ConfigProviderProps) => JSX.Element;
-export default ConfigProvider;

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

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const CropPhoto: React.FC;
-export default CropPhoto;

package/es/components/dataSourceComponents/dataSourceForm/provider/hooks/useFormSetting.d.ts

@@ -1,5 +0,0 @@
-/**
- * 获取表单配置
- */
-declare const useFormSetting: () => import("../formSetting/FormSettingContext").FormSettingContextType;
-export default useFormSetting;

package/es/components/dataSourceComponents/dataSourceForm/provider/hooks/useJsonPrefixPath.d.ts

@@ -1,5 +0,0 @@
-declare const useJsonPrefixPath: () => {
-    path: (string | number)[];
-    level: number;
-};
-export default useJsonPrefixPath;