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();
          // });
          // 根据字段配置更新选项类型相关配置
          const xDataSource = field.uiSchema?.['x-data-source'];
          if (xDataSource) {
            // 如果字段有数据源配置，则同步设置
            target.getProps().setPropValue('optionSourceType', xDataSource?.type);
            target.getProps().setPropValue('dataSource', xDataSource?.dataSource);
            target.getProps().setPropValue('extraParams', xDataSource?.extraParams);
            target.getProps().setPropValue('labelField', xDataSource?.labelField);
            target.getProps().setPropValue('valueField', xDataSource?.valueField);
            // 直接 setPropValue 不会触发 optionSourceType 的 extraProps.setValue，
            // simulatorHost.rerender() 只更新画布，不会刷新设置面板，
            // 需要通过重新选中节点来强制设置面板重建，使 setter 函数重新求值
            setTimeout(() => {
              const node = target.node;
              if (node?.document?.selection) {
                const { selection } = node.document;
                selection.clear();
                requestAnimationFrame(() => {
                  selection.select(node.id);
                });
              }
            });
          }
        }
        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': '类型',
      },
      condition: (target: any) => {
        // 读取 optionSourceType 建立响应式依赖，值变更时触发重新求值
        target.getProps().getPropValue('optionSourceType');
        return true;
      },
      extraProps: {
        setValue(target: any, value: any) {
          target.getProps().setPropValue('optionSourceType', value);
        },
      },
      setter: (target: any) => {
        const parentForm = getParentForm(target);
        const fields = getVariable(parentForm, 'currentFields');
        // 获取当前表单项的 name
        const currentFieldName = target.getProps().getPropValue('name');
        // 在 currentFields 中查找对应的字段配置
        const fieldConfig = fields?.find(
          (item: any) => item.name === currentFieldName
        );
        // 检查字段配置中是否有 x-data-source，如果有说明 optionSourceType 是从数据源设置的
        const dataSourceType = fieldConfig?.uiSchema?.['x-data-source']?.type;

        return {
          componentName: 'PisellSelectSetter',
          props: {
            disabled: !!dataSourceType,
            options: [
              { label: '默认', value: 'default' },
              { label: '自定义', value: 'custom' },
              { label: '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: (target: any) => {
        const parentForm = getParentForm(target);
        const fields = getVariable(parentForm, 'currentFields');
        // 获取当前表单项的 name
        const currentFieldName = target.getProps().getPropValue('name');
        // 在 currentFields 中查找对应的字段配置
        const fieldConfig = fields?.find(
          (item: any) => item.name === currentFieldName
        );
        // 检查字段配置中是否有 x-data-source，如果有说明 dataSource 是从数据源设置的
        const dataSource = fieldConfig?.uiSchema?.['x-data-source']?.dataSource;

        return {
          componentName: 'PisellDataSourceSetter',
          props: {
            disabled: !!dataSource,
            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': '請選擇時間',
};