import groupIndentRaw from './icon/group-indent.svg?raw';

export const toolbar = [
  'bold',
  'underline',
  'italic',
  'through',
  'code',
  'sub',
  'sup',
  'clearStyle',
  'color',
  'bgColor',
  'fontSize',
  'fontFamily',
  'indent',
  'delIndent',
  'justifyLeft',
  'justifyRight',
  'justifyCenter',
  'justifyJustify',
  'lineHeight',
  'insertImage',
  'deleteImage',
  'editImage',
  'viewImageLink',
  'imageWidth30',
  'imageWidth50',
  'imageWidth100',
  'divider',
  'emotion',
  'insertLink',
  'editLink',
  'unLink',
  'viewLink',
  'codeBlock',
  'blockquote',
  'headerSelect',
  'header1',
  'header2',
  'header3',
  'header4',
  'header5',
  'todo',
  'redo',
  'undo',
  'fullScreen',
  'enter',
  'bulletedList',
  'numberedList',
  'insertTable',
  'deleteTable',
  'insertTableRow',
  'deleteTableRow',
  'insertTableCol',
  'deleteTableCol',
  'tableHeader',
  'tableFullWidth',
  'insertVideo',
  'uploadVideo',
  'editVideoSize',
  'uploadImage',
  'codeSelectLang',
] as const;

export function getDefaultToolbarConfig() {
  return [
    'headerSelect',
    'fontSize',
    'fontFamily',
    'lineHeight',
    '|',
    'bold',
    'italic',
    'underline',
    'through',
    'sup',
    'sub',
    'color',
    'bgColor',
    'clearStyle',
    '|',
    'justifyLeft',
    'justifyCenter',
    'justifyRight',
    // 'justifyJustify',
    {
      key: 'group-indent',
      title: '缩进',
      iconSvg: groupIndentRaw,
      menuKeys: ['indent', 'delIndent'],
    },
    '|',
    'bulletedList',
    'numberedList',
    'todo',
    '|',
    'uploadImage',
    'uploadVideo',
    '|',
    'insertTable',
    'divider',
    '|',
    'undo',
    'redo',
    '|',
    'fullScreen',
    'preview',
  ];
}
