react-native-cn-quill/lib/module/constants/formats.js

react-native quill richtext editor

import { colors } from './colors';
export let formatType;

(function (formatType) {
  formatType[formatType["toggle"] = 0] = "toggle";
  formatType[formatType["select"] = 1] = "select";
  formatType[formatType["color"] = 2] = "color";
  formatType[formatType["icon"] = 3] = "icon";
})(formatType || (formatType = {}));

export let formatValueType;

(function (formatValueType) {
  formatValueType[formatValueType["text"] = 0] = "text";
  formatValueType[formatValueType["icon"] = 1] = "icon";
  formatValueType[formatValueType["color"] = 2] = "color";
})(formatValueType || (formatValueType = {}));

export const formats = [{
  name: 'background',
  allowCustoms: true,
  type: formatType.color,
  defaults: [{
    name: 'no color',
    value: false,
    type: formatValueType.color
  }, ...colors.map(c => ({
    name: c,
    value: c,
    type: formatValueType.color
  }))]
}, {
  name: 'color',
  type: formatType.color,
  allowCustoms: true,
  defaults: [{
    name: 'no color',
    value: false,
    type: formatValueType.color
  }, ...colors.map(c => ({
    name: c,
    value: c,
    type: formatValueType.color
  }))]
}, {
  name: 'bold',
  type: formatType.toggle
}, {
  name: 'italic',
  type: formatType.toggle
}, {
  name: 'underline',
  type: formatType.toggle
}, {
  name: 'header',
  defaults: [{
    name: 'Normal',
    value: false,
    type: formatValueType.text
  }, {
    name: 'H1',
    value: 1,
    type: formatValueType.icon
  }, {
    name: 'H2',
    value: 2,
    type: formatValueType.icon
  }, {
    name: 'H3',
    value: 3,
    type: formatValueType.icon
  }, {
    name: 'H4',
    value: 4,
    type: formatValueType.text
  }, {
    name: 'H5',
    value: 5,
    type: formatValueType.text
  }, {
    name: 'H6',
    value: 6,
    type: formatValueType.text
  }],
  type: formatType.select
}, {
  name: 'align',
  defaults: [{
    name: 'left',
    value: false,
    type: formatValueType.icon
  }, {
    name: 'right',
    value: 'right',
    type: formatValueType.icon
  }, {
    name: 'center',
    value: 'center',
    type: formatValueType.icon
  }, {
    name: 'justify',
    value: 'justify',
    type: formatValueType.icon
  }],
  type: formatType.select
}, {
  name: 'font',
  allowCustoms: true,
  defaults: [{
    name: 'Sans Serif',
    value: false,
    type: formatValueType.text
  }, {
    name: 'Serif',
    value: 'serif',
    type: formatValueType.text
  }, {
    name: 'Monospace',
    value: 'monospace',
    type: formatValueType.text
  }],
  type: formatType.select
}, {
  name: 'code',
  type: formatType.toggle
}, {
  name: 'blockquote',
  type: formatType.toggle
}, {
  name: 'strike',
  type: formatType.toggle
}, {
  name: 'size',
  defaults: [{
    name: 'small',
    value: 'small',
    type: formatValueType.text
  }, {
    name: 'Normal',
    value: false,
    type: formatValueType.text
  }, {
    name: 'large',
    value: 'large',
    type: formatValueType.text
  }, {
    name: 'huge',
    value: 'huge',
    type: formatValueType.text
  }],
  type: formatType.select
}, {
  name: 'script',
  defaults: [{
    name: 'sub',
    value: 'sub',
    type: formatValueType.icon
  }, {
    name: 'super',
    value: 'super',
    type: formatValueType.icon
  }],
  type: formatType.select
}, {
  name: 'list',
  defaults: [{
    name: 'ordered',
    value: 'ordered',
    type: formatValueType.icon
  }, {
    name: 'bullet',
    value: 'bullet',
    type: formatValueType.icon
  }],
  type: formatType.select
}, {
  name: 'indent',
  defaults: [{
    name: '-1',
    value: '-1',
    type: formatValueType.icon
  }, {
    name: '+1',
    value: '+1',
    type: formatValueType.icon
  }],
  type: formatType.select
}, {
  name: 'direction',
  defaults: [// { name: "", value: false },
  {
    name: 'rtl',
    value: 'rtl',
    type: formatValueType.icon
  }],
  type: formatType.toggle
}, {
  name: 'code-block',
  type: formatType.toggle
}, {
  name: 'formula',
  type: formatType.toggle
}, {
  name: 'image',
  type: formatType.toggle
}, {
  name: 'video',
  type: formatType.toggle
}];
//# sourceMappingURL=formats.js.map