import { $t } from '@/plugins/i18n';
import type { ContextProps } from '@/components/SplitPane';
import { reactive } from 'vue';

export const rules = {
  // 消息标题
  title: [{ required: true, message: `${$t('input')}${$t('title')}`, trigger: 'blur' }],
  // 消息类型
  messageTypeId: [{ required: true, message: `${$t('input')}${$t('messageType')}`, trigger: 'blur' }],
  // 消息内容
  content: [{ required: true, message: `${$t('input')}${$t('content')}`, trigger: 'blur' }],
  // 编辑器类型
  editorType: [{ required: true, message: `${$t('input')}${$t('editorType')}`, trigger: 'blur' }],
  // 消息简介
  summary: [{ required: true, message: `${$t('input')}${$t('summary')}`, trigger: 'blur' }],
  // 消息简介
  level: [{ required: true, message: `${$t('select')}${$t('level')}`, trigger: 'blur' }],
};

export const messageLevel = ['primary', 'success', 'warning', 'info', 'danger'];

export const settingLR: ContextProps = reactive({
  minPercent: 20,
  defaultPercent: 80,
  split: 'vertical',
});
