@pisell/materials 2.2.48 → 2.2.49

package/lowcode/_utils/defaultSchema.ts

@@ -0,0 +1,1600 @@
+import { IPublicTypeTitleContent } from '@alilc/lowcode-types';
+import {
+  getVariable,
+  getDataSourceValue,
+  setBatchVariables,
+  getCptValuesVariables,
+} from '../data-source-form/utils';
+
+// 获取表单容器组件
+export const getParentForm = (target: any) => {
+  let parent = target.node.parent;
+  while (
+    !['DataSourceForm', 'DataSourceWrapper'].includes(parent.componentName)
+  ) {
+    parent = parent.parent;
+  }
+  return parent;
+};
+
+// 获取dataSourceform 中使用的字段
+export const getDataSourceFormFields = (target: any) => {
+  const getFormItemFields = (node: any) => {
+    let fields: any[] = [];
+    node.children.forEach((child: any) => {
+      if (child.componentName.startsWith('FormItem')) {
+        fields.push(child.getProps().getPropValue('name'));
+      } else if (child.children) {
+        fields = fields.concat(getFormItemFields(child));
+      }
+    });
+    return fields;
+  };
+
+  const parentForm = getParentForm(target);
+  const fieldsInUse = getFormItemFields(parentForm);
+  return fieldsInUse;
+};
+
+export const generalItemMap = {
+  label: {
+    name: 'label',
+    title: {
+      label: {
+        type: 'i18n',
+        'en-US': 'Title',
+        'zh-CN': '标题',
+      },
+      tip: {
+        type: 'i18n',
+        'en-US': 'The text displayed in the label of the form item, corresponding to Label.',
+        'zh-CN': '用于显示在表单项的标签文本，对应Label。',
+      },
+    },
+    propType: 'string',
+    setter: 'PisellI18nSetter',
+  },
+  name: {
+    name: 'name',
+    title: {
+      label: {
+        type: 'i18n',
+        'en-US': 'Field',
+        'zh-CN': '字段',
+      },
+      tip: {
+        type: 'i18n',
+        'en-US': 'Field',
+        'zh-CN': '字段名',
+      },
+    },
+    isRequired: true,
+    propType: 'string',
+    setter: [
+      {
+        componentName: 'SelectSetter',
+        condition: (target: any) => {
+          // 获取表单容器组件的currentFields
+          const fields = getVariable(getParentForm(target), 'currentFields');
+          // 如果fields存在且长度大于0，则显示选择器
+          return fields && fields.length > 0;
+        },
+        props: (target: any) => {
+          // 获取表单容器组件的currentFields
+          const fields = getVariable(getParentForm(target), 'currentFields');
+          // 已有字段key
+          const usedFields = getDataSourceFormFields(target);
+
+          const options = fields?.map?.((item: any) => ({
+            title: item?.uiSchema?.title || item?.name,
+            value: item?.name,
+            disabled: usedFields.includes(item?.name),
+          }));
+
+          return {
+            mode: 'single',
+            options: options || [],
+          };
+        },
+      },
+      'StringSetter',
+    ],
+    extraProps: {
+      setValue(target: any, value: string | any) {
+        // 获取表单容器组件的currentFields
+        const fields = getVariable(getParentForm(target), 'currentFields');
+        // 根据value值找到对应的label
+        const field = fields.find((item: any) => item.name === value);
+        // 设置label
+        if (field) {
+          target.getProps().setPropValue('label', field.uiSchema.title);
+          // target.node.children.importSchema([createFormItemChildren(field)])
+          // 插入schema后 有概率不生效，所以这里手动rerender
+          // setTimeout(() => {
+          //   target.document.project.simulatorHost.rerender();
+          // });
+        }
+        return target.getProps().setPropValue('name', value);
+      },
+    },
+    supportVariable: true,
+  },
+  enableQRScanner: {
+    name: 'enableQRScanner',
+    title: {
+      label: {
+        type: 'i18n',
+        'en-US': 'Enable QR Scanner',
+        'zh-CN': '启用扫码',
+      },
+      tip: {
+        type: 'i18n',
+        'en-US': 'Enable QR Scanner',
+        'zh-CN': '启用扫码',
+      },
+    },
+    propType: 'bool',
+    defaultValue: false,
+    setter: 'BoolSetter',
+  },
+  tooltip: {
+    name: 'tooltip',
+    title: {
+      label: {
+        type: 'i18n',
+        'en-US': 'Tooltip',
+        'zh-CN': '提示',
+      },
+      tip: {
+        type: 'i18n',
+        'en-US': 'Tooltip',
+        'zh-CN': '标签提示信息，当需要对标签进行解释时，可以使用这个。',
+      },
+    },
+    propType: { type: 'oneOfType', value: ['string', 'node'] },
+    setter: ['PisellI18nSetter', 'SlotSetter'],
+  },
+  hideLabel: {
+    name: 'hideLabel',
+    title: {
+      label: {
+        type: 'i18n',
+        'en-US': 'Show title area',
+        'zh-CN': '隐藏标题区域',
+      },
+      tip: {
+        type: 'i18n',
+        'en-US': 'Whether to hide the Label of the component, including title and tooltip, but not including helper text.',
+        'zh-CN': '是否隐藏组件的Label，包括title和tooltip，但是不包括helper text。',
+      },
+    },
+    propType: 'bool',
+    defaultValue: false,
+    setter: 'BoolSetter',
+    supportVariable: true,
+  },
+  extra: {
+    name: 'extra',
+    title: {
+      label: {
+        type: 'i18n',
+        'en-US': 'Helper text',
+        'zh-CN': '辅助说明',
+      },
+      tip: {
+        type: 'i18n',
+        'en-US': 'Helper text',
+        'zh-CN': '在组件下方或上方显示的辅助说明文本。',
+      },
+    },
+    propType: { type: 'oneOfType', value: ['string', 'node'] },
+    setter: ['PisellI18nSetter', 'SlotSetter'],
+  },
+  placeholder: {
+    name: 'placeholder',
+    title: {
+      label: {
+        type: 'i18n',
+        'en-US': 'Placeholder',
+        'zh-CN': '占位提示',
+      },
+      tip: {
+        type: 'i18n',
+        'en-US': 'Placeholder',
+        'zh-CN': '输入框为空时显示的提示文本。',
+      },
+    },
+    propType: 'string',
+    setter: 'PisellI18nSetter',
+  },
+  renderMode: {
+    name: 'renderMode',
+    title: {
+      label: {
+        type: 'i18n',
+        'en-US': 'Status',
+        'zh-CN': '状态',
+      },
+      tip: {
+        type: 'i18n',
+        'en-US': 'Set the status of the form item.',
+        'zh-CN': '设置表单项的状态。',
+      },
+    },
+    setter: {
+      componentName: 'RadioGroupSetter',
+      props: {
+        options: [
+          {
+            title: '普通',
+            value: 'edit',
+          },
+          {
+            title: '禁用',
+            value: 'disabled',
+          },
+          {
+            title: '只读',
+            value: 'view',
+          },
+          {
+            title: '隐藏',
+            value: 'hidden',
+          },
+        ],
+      },
+      initialValue: 'edit',
+    },
+    propType: {
+      type: 'oneOf',
+      value: ['edit', 'disabled', 'view', 'hidden'],
+    },
+    defaultValue: 'edit',
+  },
+  defaultValue: {
+    name: 'defaultValue',
+    title: {
+      label: {
+        type: 'i18n',
+        'en-US': 'Default value',
+        'zh-CN': '默认值',
+      },
+      tip: {
+        type: 'i18n',
+        'en-US': 'Default value',
+        'zh-CN': '默认值',
+      },
+    },
+    propType: 'string',
+    setter: 'StringSetter',
+  },
+  requiredobj: {
+    name: 'requiredobj',
+    title: {
+      label: {
+        type: 'i18n',
+        'en-US': 'Required',
+        'zh-CN': '必填',
+      },
+      tip: {
+        type: 'i18n',
+        'en-US': 'Required',
+        'zh-CN': '必填',
+      },
+    },
+    setter: {
+      componentName: 'ObjectSetter',
+      props: {
+        config: {
+          items: [
+            {
+              name: 'required',
+              title: {
+                type: 'i18n',
+                'en-US': 'Required',
+                'zh-CN': '是否必填',
+              },
+              propType: 'bool',
+              setter: 'BoolSetter',
+              isRequired: true,
+              extraProps: {
+                setValue(target: any, value: boolean) {
+                  target.node.getProps().setPropValue('required', value);
+                },
+              },
+            },
+            {
+              name: 'message',
+              title: {
+                type: 'i18n',
+                'en-US': 'Error message',
+                'zh-CN': '错误信息提示',
+              },
+              propType: 'string',
+              setter: 'PisellI18nSetter',
+            },
+          ],
+        },
+        columns: 1,
+        forceInline: 1,
+        mode: 'popup',
+      },
+    },
+  },
+  minLengthobj: {
+    name: 'minLengthobj',
+    title: {
+      label: {
+        type: 'i18n',
+        'en-US': 'Minimum length',
+        'zh-CN': '最小长度',
+      },
+      tip: {
+        type: 'i18n',
+        'en-US': 'Minimum length',
+        'zh-CN': '最小长度',
+      },
+    },
+    setter: {
+      componentName: 'ObjectSetter',
+      props: {
+        config: {
+          items: [
+            {
+              name: 'enabled',
+              title: {
+                type: 'i18n',
+                'en-US': 'Enabled',
+                'zh-CN': '是否启用',
+              },
+              propType: 'bool',
+              setter: 'BoolSetter',
+              isRequired: true,
+            },
+            {
+              name: 'min',
+              title: {
+                type: 'i18n',
+                'en-US': 'Minimum length',
+                'zh-CN': '最小长度',
+              },
+              propType: 'number',
+              setter: 'NumberSetter',
+            },
+            {
+              name: 'message',
+              title: {
+                type: 'i18n',
+                'en-US': 'Error message',
+                'zh-CN': '错误信息提示',
+              },
+              propType: 'string',
+              setter: 'PisellI18nSetter',
+            },
+          ],
+        },
+        columns: 1,
+        forceInline: 1,
+        mode: 'popup',
+      },
+    },
+  },
+  maxLengthobj: {
+    name: 'maxLengthobj',
+    title: {
+      label: {
+        type: 'i18n',
+        'en-US': 'Maximum length',
+        'zh-CN': '最大长度',
+      },
+      tip: {
+        type: 'i18n',
+        'en-US': 'Maximum length',
+        'zh-CN': '最大长度',
+      },
+    },
+    setter: {
+      componentName: 'ObjectSetter',
+      props: {
+        config: {
+          items: [
+            {
+              name: 'enabled',
+              title: {
+                type: 'i18n',
+                'en-US': 'Enabled',
+                'zh-CN': '是否启用',
+              },
+              propType: 'bool',
+              setter: 'BoolSetter',
+              isRequired: true,
+            },
+            {
+              name: 'max',
+              title: {
+                type: 'i18n',
+                'en-US': 'Maximum length',
+                'zh-CN': '最大长度',
+              },
+              propType: 'number',
+              setter: 'NumberSetter',
+            },
+            {
+              name: 'message',
+              title: {
+                type: 'i18n',
+                'en-US': 'Error message',
+                'zh-CN': '错误信息提示',
+              },
+              propType: 'string',
+              setter: 'PisellI18nSetter',
+            },
+          ],
+        },
+        columns: 1,
+        forceInline: 1,
+        mode: 'popup',
+      },
+    },
+  },
+  typeobj: {
+    name: 'typeobj',
+    title: {
+      label: {
+        type: 'i18n',
+        'en-US': 'Type validation',
+        'zh-CN': '类型校验',
+      },
+      tip: '类型校验',
+    },
+    setter: {
+      componentName: 'ObjectSetter',
+      props: {
+        config: {
+          items: [
+            {
+              name: 'enabled',
+              title: {
+                type: 'i18n',
+                'en-US': 'Enabled',
+                'zh-CN': '是否启用',
+              },
+              propType: 'bool',
+              setter: 'BoolSetter',
+              isRequired: true,
+            },
+            {
+              name: 'type',
+              title: {
+                type: 'i18n',
+                'en-US': 'Type',
+                'zh-CN': '类型',
+              },
+              propType: 'string',
+              setter: {
+                componentName: 'SelectSetter',
+                props: {
+                  options: [
+                    { title: '字符串', value: 'string' },
+                    { title: '邮箱', value: 'email' },
+                    { title: '网址', value: 'url' },
+                    { title: '域名', value: 'domain' },
+                    { title: '正则', value: 'pattern' },
+                    { title: '手机号', value: 'mobile' },
+                    { title: '电话号码', value: 'phone' },
+                    { title: '子域名', value: 'subdomain' },
+                    { title: '应用标识符', value: 'appIdentifier' },
+                  ],
+                },
+              },
+            },
+            {
+              name: 'pattern',
+              title: {
+                type: 'i18n',
+                'en-US': 'Pattern',
+                'zh-CN': '正则',
+              },
+              setter: 'StringSetter',
+              condition: (target: any) => {
+                return target.parent.getPropValue('type') === 'pattern';
+              },
+              isRequired: true,
+            },
+            {
+              name: 'message',
+              title: {
+                type: 'i18n',
+                'en-US': 'Error message',
+                'zh-CN': '错误信息提示',
+              },
+              propType: 'string',
+              setter: 'PisellI18nSetter',
+              condition: (target: any) => {
+                return !(['subdomain', 'appIdentifier'].includes(target.parent.getPropValue('type')));
+              },
+            },
+          ],
+        },
+        columns: 1,
+        forceInline: 1,
+        mode: 'popup',
+      },
+    },
+  },
+  maxobj: {
+    name: 'maxobj',
+    title: {
+      label: {
+        type: 'i18n',
+        'en-US': 'Maximum value validation',
+        'zh-CN': '最大值校验设置',
+      },
+      tip: '最大值校验设置',
+    },
+    setter: {
+      componentName: 'ObjectSetter',
+      props: {
+        config: {
+          items: [
+            {
+              name: 'enabled',
+              title: {
+                type: 'i18n',
+                'en-US': 'Enabled',
+                'zh-CN': '是否启用',
+              },
+              propType: 'bool',
+              setter: 'BoolSetter',
+              isRequired: true,
+            },
+            {
+              name: 'max',
+              title: {
+                type: 'i18n',
+                'en-US': 'Maximum value',
+                'zh-CN': '最大值',
+              },
+              propType: 'number',
+              setter: 'NumberSetter',
+            },
+            {
+              name: 'message',
+              title: {
+                type: 'i18n',
+                'en-US': 'Error message',
+                'zh-CN': '错误信息提示',
+              },
+              propType: 'string',
+              setter: 'PisellI18nSetter',
+            },
+          ],
+        },
+        columns: 1,
+        forceInline: 1,
+        mode: 'popup',
+      },
+    },
+  },
+  minobj: {
+    name: 'minobj',
+    title: {
+      label: {
+        type: 'i18n',
+        'en-US': 'Minimum value validation',
+        'zh-CN': '最小值校验设置',
+      },
+      tip: '最小值校验设置',
+    },
+    setter: {
+      componentName: 'ObjectSetter',
+      props: {
+        config: {
+          items: [
+            {
+              name: 'enabled',
+              title: {
+                type: 'i18n',
+                'en-US': 'Enabled',
+                'zh-CN': '是否启用',
+              },
+              propType: 'bool',
+              setter: 'BoolSetter',
+              isRequired: true,
+            },
+            {
+              name: 'min',
+              title: {
+                type: 'i18n',
+                'en-US': 'Minimum value',
+                'zh-CN': '最小值',
+              },
+              propType: 'number',
+              setter: 'NumberSetter',
+            },
+            {
+              name: 'message',
+              title: {
+                type: 'i18n',
+                'en-US': 'Error message',
+                'zh-CN': '错误信息提示',
+              },
+              propType: 'string',
+              setter: 'PisellI18nSetter',
+            },
+          ],
+        },
+        columns: 1,
+        forceInline: 1,
+        mode: 'popup',
+      },
+    },
+  },
+  direction: {
+    name: 'direction',
+    title: {
+      type: 'i18n',
+      'en-US': 'Direction',
+      'zh-CN': '排布方向',
+    },
+    setter: {
+      componentName: 'RadioGroupSetter',
+      props: {
+        options: [
+          { title: '水平', value: 'horizontal' },
+          { title: '垂直', value: 'vertical' },
+        ],
+      },
+    },
+  },
+};
+
+export const formItemGeneralDataGroup = {
+  type: 'group',
+  title: {
+    type: 'i18n',
+    'en-US': 'Data',
+    'zh-CN': '数据',
+  },
+  display: 'accordion',
+  items: [
+    {
+      name: 'dataSource',
+      title: {
+        type: 'i18n',
+        'en-US': 'Source',
+        'zh-CN': '数据源',
+      },
+      extraProps: {
+        getValue(target: any) {
+          return getDataSourceValue(target);
+        },
+      },
+      setter: {
+        componentName: 'PisellDataSourceSetter',
+        props: {
+          disabled: true,
+          filters: {
+            tables: 'all',
+            variables: {}
+          },
+        },
+      },
+    },
+    generalItemMap['name'],
+  ],
+};
+
+export const formItemGeneralOptionTypeGroup = {
+  type: 'group',
+  title: {
+    type: 'i18n',
+    'en-US': 'Option type',
+    'zh-CN': '选项类型',
+  },
+  display: 'accordion',
+  items: [
+    {
+      name: 'optionSourceType',
+      title: {
+        type: 'i18n',
+        'en-US': 'Type',
+        'zh-CN': '类型',
+      },
+      setter: {
+        componentName: 'SelectSetter',
+        props: {
+          options: [
+            { title: '默认', value: 'default' },
+            { title: '自定义', value: 'custom' },
+            { title: 'API', value: 'api' },
+          ],
+        },
+      },
+    },
+    {
+      name: 'dataSource',
+      condition: (target: any) => {
+        const optionType = target.getProps().getPropValue('optionSourceType');
+        return optionType === 'api';
+      },
+      title: {
+        type: 'i18n',
+        'en-US': 'Data Source',
+        'zh-CN': '数据源',
+      },
+      extraProps: {
+        setValue(target: any, value: any) {
+          if (!value.item) {
+            target.getProps().setPropValue('currentFields', []);
+            return target.getProps().setPropValue('dataSource', null);
+          }
+          if (value.isSelect) {
+            target.getProps().setPropValue('currentFields', []);
+          }
+          setBatchVariables(target, [
+            {
+              label: 'currentFields',
+              value: value.item.fields,
+            },
+          ]);
+          return target.getProps().setPropValue('dataSource', value.item);
+        },
+      },
+      setter: {
+        componentName: 'PisellDataSourceSetter',
+        props: {
+          mode: 'list',
+          filters: {
+            tables: 'all',
+            variables: {}
+          },
+        },
+      },
+    },
+    {
+      name: 'extraParams',
+      condition: (target: any) => {
+        const optionSourceType = target
+          .getProps()
+          .getPropValue('optionSourceType');
+        return optionSourceType === 'api';
+      },
+      title: {
+        type: 'i18n',
+        'en-US': 'Extra Params',
+        'zh-CN': '额外参数',
+      },
+      setter: 'JsonSetter'
+    },
+    {
+      name: 'labelField',
+      condition: (target: any) => {
+        const optionSourceType = target
+          .getProps()
+          .getPropValue('optionSourceType');
+        return optionSourceType === 'api';
+      },
+      title: {
+        type: 'i18n',
+        'en-US': 'Label Field',
+        'zh-CN': '选项文本字段',
+      },
+      setter: {
+        componentName: 'SelectSetter',
+        props: (target: any) => {
+          const fields = getVariable(target, 'currentFields');
+          return {
+            options: fields?.map?.((item: any) => ({
+              title: item.uiSchema.title,
+              value: item.name,
+            })),
+          };
+        },
+      },
+    },
+    {
+      name: 'valueField',
+      condition: (target: any) => {
+        const optionSourceType = target
+          .getProps()
+          .getPropValue('optionSourceType');
+        return optionSourceType === 'api';
+      },
+      title: {
+        type: 'i18n',
+        'en-US': 'Value Field',
+        'zh-CN': '选项值字段',
+      },
+      setter: {
+        componentName: 'SelectSetter',
+        props: (target: any) => {
+          // 获取表单容器组件的currentFields
+          const fields = getVariable(target, 'currentFields');
+
+          const options = fields?.map?.((item: any) => ({
+            title: item.uiSchema.title,
+            value: item.name,
+          }));
+
+          return {
+            mode: 'single',
+            options: options || [],
+          };
+        },
+      },
+    },
+    {
+      name: 'options',
+      condition: (target: any) => {
+        const optionSourceType = target
+          .getProps()
+          .getPropValue('optionSourceType');
+        return ['custom', 'default'].includes(optionSourceType);
+      },
+      title: {
+        type: 'i18n',
+        'en-US': 'Options',
+        'zh-CN': '选项',
+      },
+      setter: {
+        componentName: 'ArraySetter',
+        props: (target: any) => {
+          const optionSourceType = target
+            .getProps()
+            .getPropValue('optionSourceType');
+          const optionsLength = target
+            .getProps()
+            .getPropValue('options')?.length;
+          return {
+            itemMaxLength:
+              optionSourceType === 'default' ? optionsLength : 1000,
+            itemSetter: {
+              componentName: 'ObjectSetter',
+              initialValue: () => {
+                return {}
+              },
+              props: {
+                config: {
+                  items: [
+                    {
+                      name: 'label',
+                      title: '选项文本',
+                      propType: 'string',
+                      setter: 'PisellI18nSetter',
+                      isRequired: true,
+                    },
+                    {
+                      name: 'value',
+                      title: '选项值',
+                      propType: 'string',
+                      setter: 'StringSetter',
+                      disabled: true,
+                      isRequired: true,
+                    },
+                  ],
+                },
+              },
+            },
+          };
+        },
+      },
+    },
+  ],
+};
+
+// 信息分组
+export const getFormItemGeneralInfoGroup = (children: any) => {
+  return {
+    type: 'group',
+    title: {
+      type: 'i18n',
+      'en-US': 'Info',
+      'zh-CN': '信息',
+    },
+    display: 'accordion',
+    items: children,
+  };
+};
+
+// 校验分组
+export const getFormItemValidateGroup = (children: any) => {
+  return {
+    type: 'group',
+    title: {
+      type: 'i18n',
+      'en-US': 'Validation',
+      'zh-CN': '校验',
+    },
+    display: 'accordion',
+    items: children,
+  };
+};
+
+// 外观分组
+export const getFormItemGeneralAppearanceGroup = (children: any) => {
+  return {
+    type: 'group',
+    title: {
+      type: 'i18n',
+      'en-US': 'Appearance',
+      'zh-CN': '外观',
+    },
+    display: 'accordion',
+    items: children,
+  };
+};
+
+export const formItemGeneralProps = [
+  {
+    name: 'label',
+    title: {
+      label: {
+        type: 'i18n',
+        'en-US': 'Title',
+        'zh-CN': '标题',
+      },
+      tip: {
+        type: 'i18n',
+        'en-US':
+          'Used to display the label text in the form item, corresponding to Label.',
+        'zh-CN': '用于显示在表单项的标签文本，对应Label。',
+      },
+    },
+    propType: 'string',
+    setter: 'PisellI18nSetter',
+  },
+  {
+    name: 'name',
+    title: {
+      label: {
+        type: 'i18n',
+        'en-US': 'Field name',
+        'zh-CN': '字段名',
+      },
+      tip: {
+        type: 'i18n',
+        'en-US': 'Field name',
+        'zh-CN': '字段名',
+      },
+    },
+    isRequired: true,
+    propType: 'string',
+    setter: [
+      {
+        componentName: 'SelectSetter',
+        condition: (target: any) => {
+          // 获取表单容器组件的currentFields
+          const fields = getVariable(getParentForm(target), 'currentFields');
+          // 如果fields存在且长度大于0，则显示选择器
+          return fields && fields.length > 0;
+        },
+        props: (target: any) => {
+          // 获取表单容器组件的currentFields
+          const fields = getVariable(getParentForm(target), 'currentFields');
+          // 已有字段key
+          const usedFields = getDataSourceFormFields(target);
+
+          const options = fields?.map?.((item: any) => ({
+            title: item.uiSchema.title,
+            value: item.name,
+            disabled: usedFields.includes(item.name),
+          }));
+
+          return {
+            mode: 'single',
+            options: options || [],
+          };
+        },
+      },
+      'StringSetter',
+    ],
+    extraProps: {
+      setValue(target: any, value: string | any) {
+        // 获取表单容器组件的currentFields
+        const fields = getVariable(getParentForm(target), 'currentFields');
+        // 根据value值找到对应的label
+        const field = fields.find((item: any) => item.name === value);
+        // 设置label
+        if (field) {
+          target.getProps().setPropValue('label', field.uiSchema.title);
+          // target.node.children.importSchema([createFormItemChildren(field)])
+          // 插入schema后 有概率不生效，所以这里手动rerender
+          // setTimeout(() => {
+          //   target.document.project.simulatorHost.rerender();
+          // });
+        }
+        return target.getProps().setPropValue('name', value);
+      },
+    },
+    supportVariable: true,
+  },
+  {
+    name: 'tooltip',
+    title: {
+      label: {
+        type: 'i18n',
+        'en-US': 'Tooltip',
+        'zh-CN': '提示',
+      },
+      tip: {
+        type: 'i18n',
+        'en-US':
+          'Tooltip information for the label, used when you need to explain the label.',
+        'zh-CN': '标签提示信息，当需要对标签进行解释时，可以使用这个。',
+      },
+    },
+    propType: { type: 'oneOfType', value: ['string', 'node'] },
+    setter: ['PisellI18nSetter', 'SlotSetter'],
+  },
+  {
+    name: 'hideLabel',
+    title: {
+      label: {
+        type: 'i18n',
+        'en-US': 'Show title area',
+        'zh-CN': '隐藏标题区域',
+      },
+      tip: {
+        type: 'i18n',
+        'en-US':
+          'Whether to hide the Label area of the component, including title and tooltip, but not including helper text.',
+        'zh-CN':
+          '是否隐藏组件的Label，包括title和tooltip，但是不包括helper text。',
+      },
+    },
+    propType: 'bool',
+    defaultValue: false,
+    setter: 'BoolSetter',
+    supportVariable: true,
+  },
+  {
+    name: 'extra',
+    title: {
+      label: {
+        type: 'i18n',
+        'en-US': 'Helper text',
+        'zh-CN': '辅助说明',
+      },
+      tip: {
+        type: 'i18n',
+        'en-US': 'Helper text displayed below or above the component.',
+        'zh-CN': '在组件下方或上方显示的辅助说明文本。',
+      },
+    },
+    propType: { type: 'oneOfType', value: ['string', 'node'] },
+    setter: ['PisellI18nSetter', 'SlotSetter'],
+  },
+  {
+    name: 'placeholder',
+    title: {
+      label: {
+        type: 'i18n',
+        'en-US': 'Placeholder',
+        'zh-CN': '占位提示',
+      },
+      tip: {
+        type: 'i18n',
+        'en-US': 'Placeholder text displayed when the input field is empty.',
+        'zh-CN': '输入框为空时显示的提示文本。',
+      },
+    },
+    propType: 'string',
+    setter: 'PisellI18nSetter',
+  },
+  {
+    name: 'mode',
+    title: {
+      label: {
+        type: 'i18n',
+        'en-US': 'Status',
+        'zh-CN': '状态',
+      },
+      tip: {
+        type: 'i18n',
+        'en-US': 'Set the status of the form item.',
+        'zh-CN': '设置表单项的状态。',
+      },
+    },
+    setter: {
+      componentName: 'RadioGroupSetter',
+      props: {
+        options: [
+          {
+            title: '普通',
+            value: 'edit',
+          },
+          {
+            title: '禁用',
+            value: 'disabled',
+          },
+          {
+            title: '只读',
+            value: 'view',
+          },
+          {
+            title: '隐藏',
+            value: 'hidden',
+          },
+        ],
+      },
+      initialValue: 'edit',
+    },
+    propType: {
+      type: 'oneOf',
+      value: ['edit', 'disabled', 'view', 'hidden'],
+    },
+    defaultValue: 'edit',
+  },
+  {
+    name: 'defaultValue',
+    title: {
+      label: {
+        type: 'i18n',
+        'en-US': 'Default value',
+        'zh-CN': '默认值',
+      },
+      tip: {
+        type: 'i18n',
+        'en-US': 'Default value',
+        'zh-CN': '默认值',
+      },
+    },
+    propType: 'string',
+    setter: 'StringSetter',
+  },
+  {
+    type: 'group',
+    title: {
+      type: 'i18n',
+      'en-US': 'Validation',
+      'zh-CN': '校验',
+    },
+    display: 'accordion',
+    items: [
+      {
+        name: 'requiredobj',
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'Required',
+            'zh-CN': '必填',
+          },
+          tip: {
+            type: 'i18n',
+            'en-US': 'Required',
+            'zh-CN': '必填',
+          },
+        },
+        setter: {
+          componentName: 'ObjectSetter',
+          props: {
+            config: {
+              items: [
+                {
+                  name: 'required',
+                  title: {
+                    type: 'i18n',
+                    'en-US': 'Required',
+                    'zh-CN': '是否必填',
+                  },
+                  propType: 'bool',
+                  setter: 'BoolSetter',
+                  isRequired: true,
+                  extraProps: {
+                    setValue(target: any, value: boolean) {
+                      target.node.getProps().setPropValue('required', value);
+                    },
+                  },
+                },
+                {
+                  name: 'message',
+                  title: {
+                    type: 'i18n',
+                    'en-US': 'Error message',
+                    'zh-CN': '错误信息提示',
+                  },
+                  propType: 'string',
+                  setter: 'PisellI18nSetter',
+                },
+              ],
+            },
+            columns: 1,
+            forceInline: 1,
+            mode: 'popup',
+          },
+        },
+      },
+      {
+        name: 'minLengthobj',
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'Minimum length',
+            'zh-CN': '最小长度',
+          },
+          tip: {
+            type: 'i18n',
+            'en-US': 'Minimum length',
+            'zh-CN': '最小长度',
+          },
+        },
+        setter: {
+          componentName: 'ObjectSetter',
+          props: {
+            config: {
+              items: [
+                {
+                  name: 'enabled',
+                  title: {
+                    type: 'i18n',
+                    'en-US': 'Enabled',
+                    'zh-CN': '是否启用',
+                  },
+                  propType: 'bool',
+                  setter: 'BoolSetter',
+                  isRequired: true,
+                },
+                {
+                  name: 'min',
+                  title: {
+                    type: 'i18n',
+                    'en-US': 'Minimum length',
+                    'zh-CN': '最小长度',
+                  },
+                  propType: 'number',
+                  setter: 'NumberSetter',
+                },
+                {
+                  name: 'message',
+                  title: {
+                    type: 'i18n',
+                    'en-US': 'Error message',
+                    'zh-CN': '错误信息提示',
+                  },
+                  propType: 'string',
+                  setter: 'PisellI18nSetter',
+                },
+              ],
+            },
+            columns: 1,
+            forceInline: 1,
+            mode: 'popup',
+          },
+        },
+      },
+      {
+        name: 'maxLengthobj',
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'Maximum length',
+            'zh-CN': '最大长度',
+          },
+          tip: {
+            type: 'i18n',
+            'en-US': 'Maximum length',
+            'zh-CN': '最大长度',
+          },
+        },
+        setter: {
+          componentName: 'ObjectSetter',
+          props: {
+            config: {
+              items: [
+                {
+                  name: 'enabled',
+                  title: {
+                    type: 'i18n',
+                    'en-US': 'Enabled',
+                    'zh-CN': '是否启用',
+                  },
+                  propType: 'bool',
+                  setter: 'BoolSetter',
+                  isRequired: true,
+                },
+                {
+                  name: 'max',
+                  title: {
+                    type: 'i18n',
+                    'en-US': 'Maximum length',
+                    'zh-CN': '最大长度',
+                  },
+                  propType: 'number',
+                  setter: 'NumberSetter',
+                },
+                {
+                  name: 'message',
+                  title: {
+                    type: 'i18n',
+                    'en-US': 'Error message',
+                    'zh-CN': '错误信息提示',
+                  },
+                  propType: 'string',
+                  setter: 'PisellI18nSetter',
+                },
+              ],
+            },
+            columns: 1,
+            forceInline: 1,
+            mode: 'popup',
+          },
+        },
+      },
+      {
+        name: 'typeobj',
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'Type validation',
+            'zh-CN': '类型校验',
+          },
+          tip: {
+            type: 'i18n',
+            'en-US': 'Type validation',
+            'zh-CN': '类型校验',
+          },
+        },
+        setter: {
+          componentName: 'ObjectSetter',
+          props: {
+            config: {
+              items: [
+                {
+                  name: 'enabled',
+                  title: {
+                    type: 'i18n',
+                    'en-US': 'Enabled',
+                    'zh-CN': '是否启用',
+                  },
+                  propType: 'bool',
+                  setter: 'BoolSetter',
+                  isRequired: true,
+                },
+                {
+                  name: 'type',
+                  title: {
+                    type: 'i18n',
+                    'en-US': 'Type',
+                    'zh-CN': '类型',
+                  },
+                  propType: 'string',
+                  setter: {
+                    componentName: 'SelectSetter',
+                    props: {
+                      options: [
+                        { title: '字符串', value: 'string' },
+                        { title: '邮箱', value: 'email' },
+                        { title: '网址', value: 'url' },
+                        { title: '域名', value: 'domain' },
+                        { title: '正则', value: 'pattern' },
+                        { title: '手机号', value: 'mobile' },
+                        { title: '电话号码', value: 'phone' },
+                        { title: '子域名', value: 'subdomain' },
+                        { title: '应用标识符', value: 'appIdentifier' },
+                      ],
+                    },
+                  },
+                },
+                {
+                  name: 'pattern',
+                  title: {
+                    type: 'i18n',
+                    'en-US': 'Pattern',
+                    'zh-CN': '正则',
+                  },
+                  setter: 'StringSetter',
+                  condition: (target: any) => {
+                    return target.parent.getPropValue('type') === 'pattern';
+                  },
+                  isRequired: true,
+                },
+                {
+                  name: 'message',
+                  title: {
+                    type: 'i18n',
+                    'en-US': 'Error message',
+                    'zh-CN': '错误信息提示',
+                  },
+                  propType: 'string',
+                  setter: 'PisellI18nSetter',
+                },
+              ],
+            },
+            columns: 1,
+            forceInline: 1,
+            mode: 'popup',
+          },
+        },
+      },
+      {
+        name: 'maxobj',
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'Maximum value validation setting',
+            'zh-CN': '最大值校验设置',
+          },
+          tip: {
+            type: 'i18n',
+            'en-US': 'Maximum value validation setting',
+            'zh-CN': '最大值校验设置',
+          },
+        },
+        setter: {
+          componentName: 'ObjectSetter',
+          props: {
+            config: {
+              items: [
+                {
+                  name: 'enabled',
+                  title: {
+                    type: 'i18n',
+                    'en-US': 'Enabled',
+                    'zh-CN': '是否启用',
+                  },
+                  propType: 'bool',
+                  setter: 'BoolSetter',
+                  isRequired: true,
+                },
+                {
+                  name: 'max',
+                  title: {
+                    type: 'i18n',
+                    'en-US': 'Maximum value',
+                    'zh-CN': '最大值',
+                  },
+                  propType: 'number',
+                  setter: 'NumberSetter',
+                },
+                {
+                  name: 'message',
+                  title: {
+                    type: 'i18n',
+                    'en-US': 'Error message',
+                    'zh-CN': '错误信息提示',
+                  },
+                  propType: 'string',
+                  setter: 'PisellI18nSetter',
+                },
+              ],
+            },
+            columns: 1,
+            forceInline: 1,
+            mode: 'popup',
+          },
+        },
+      },
+      {
+        name: 'minobj',
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'Minimum value validation setting',
+            'zh-CN': '最小值校验设置',
+          },
+          tip: {
+            type: 'i18n',
+            'en-US': 'Minimum value validation setting',
+            'zh-CN': '最小值校验设置',
+          },
+        },
+        setter: {
+          componentName: 'ObjectSetter',
+          props: {
+            config: {
+              items: [
+                {
+                  name: 'enabled',
+                  title: {
+                    type: 'i18n',
+                    'en-US': 'Enabled',
+                    'zh-CN': '是否启用',
+                  },
+                  propType: 'bool',
+                  setter: 'BoolSetter',
+                  isRequired: true,
+                },
+                {
+                  name: 'min',
+                  title: {
+                    type: 'i18n',
+                    'en-US': 'Minimum value',
+                    'zh-CN': '最小值',
+                  },
+                  propType: 'number',
+                  setter: 'NumberSetter',
+                },
+                {
+                  name: 'message',
+                  title: {
+                    type: 'i18n',
+                    'en-US': 'Error message',
+                    'zh-CN': '错误信息提示',
+                  },
+                  propType: 'string',
+                  setter: 'PisellI18nSetter',
+                },
+              ],
+            },
+            columns: 1,
+            forceInline: 1,
+            mode: 'popup',
+          },
+        },
+      },
+    ],
+  },
+];
+
+// 生成无代码组件变量属性
+export const genGeneralVariablesSetting = ({
+  name,
+  title,
+  ...rest
+}: {
+  name: string;
+  title: IPublicTypeTitleContent;
+  [key: string]: any;
+}) => {
+  return {
+    name,
+    title,
+    ...rest,
+    extraProps: {
+      setValue(target: any, value: any) {
+        if (!value.value) {
+          return target.getProps().setPropValue(name, '');
+        }
+        return target.getProps().setPropValue(name, value.value);
+      },
+    },
+    setter: {
+      componentName: 'PisellDataSourceSetter',
+      props: (target: any) => {
+        return {
+          filters: {
+            variables: {}
+          },
+          variables: getCptValuesVariables(target),
+        };
+      },
+    },
+  };
+};
+
+
+export const inputPlaceholder = {
+  type: 'i18n',
+  'en': 'Enter',
+  'zh-CN': '请输入',
+  'zh-HK': '請輸入',
+};
+
+export const selectPlaceholder = {
+  type: 'i18n',
+  'en': 'Select an option',
+  'zh-CN': '请选择一个选项',
+  'zh-HK': '請選擇一個選項',
+};
+
+export const selectMultiplePlaceholder = {
+  type: 'i18n',
+  'en': 'Select one or more options',
+  'zh-CN': '请选择一个或多个选项',
+  'zh-HK': '請選擇一個或多個選項',
+};
+
+export const datePickerPlaceholder = {
+  type: 'i18n',
+  'en': 'Select a date',
+  'zh-CN': '请选择日期',
+  'zh-HK': '請選擇日期',
+};
+
+export const timePickerPlaceholder = {
+  type: 'i18n',
+  'en': 'Select a time',
+  'zh-CN': '请选择时间',
+  'zh-HK': '請選擇時間',
+};