sprintify-ui 0.11.34 → 0.12.1

package/src/components/BaseCkeditor.vue

@@ -1,170 +0,0 @@
-<template>
-  <ckeditor
-    :model-value="modelValueInternal"
-    :editor="editorInternal"
-    :config="config"
-    :disabled="disabled"
-    @update:model-value="emit('update:modelValue', $event)"
-    @focus="emit('focus', $event)"
-    @blur="emit('blur', $event)"
-    @input="emit('input', $event)"
-    @ready="onReady"
-  />
-</template>
-
-<script lang="ts" setup>
-import { ClassicEditor, InlineEditor, BalloonEditor, Essentials, SourceEditing, MediaEmbed, Paragraph, Bold, Italic, Strikethrough, Subscript, Superscript, List, Link, Autoformat, Heading, Underline, Code, CodeBlock, Indent, IndentBlock, Table, TableToolbar, Image, ImageResize, ImageStyle, ImageToolbar, ImageInsert, AutoImage, Base64UploadAdapter, PasteFromOffice, BlockToolbar, Font, FindAndReplace, RemoveFormat } from 'ckeditor5';
-import { Ckeditor } from '@ckeditor/ckeditor5-vue';
-import { Size } from '@/utils/sizes';
-import { ToolbarOption } from '@/types/ToolbarOption';
-
-const props = withDefaults(defineProps<{
-  modelValue: string | null | undefined;
-  editor?: 'classic' | 'inline' | 'balloon';
-  size?: Size;
-  toolbar?: ToolbarOption[] | string[];
-  placeholder?: string;
-  disabled?: boolean;
-}>(), {
-  editor: 'classic',
-  size: 'md',
-  toolbar() {
-    return [
-      'undo',
-      'redo',
-      '|',
-      'heading',
-      'bold',
-      'italic',
-      'underline',
-      'fontBackgroundColor',
-      '|',
-      'link',
-      'insertImage',
-      '|',
-      'numberedList',
-      'bulletedList',
-      '|',
-      'insertTable'
-    ] as ToolbarOption[];
-  },
-  placeholder: '',
-  disabled: false,
-  hasError: false,
-});
-
-const emit = defineEmits(['update:modelValue', 'focus', 'blur', 'input', 'ready']);
-
-type Editor = InlineEditor | BalloonEditor | ClassicEditor;
-
-let ckeditorInstance = null as Editor | null;
-
-function onReady(editor: Editor | null) {
-  ckeditorInstance = editor;
-  emit('ready', editor);
-}
-
-const editorInternal = computed(() => {
-  switch (props.editor) {
-    case 'inline':
-      return InlineEditor;
-    case 'balloon':
-      return BalloonEditor;
-    default:
-      return ClassicEditor;
-  }
-});
-
-const modelValueInternal = computed(() => {
-  if (props.modelValue === null) {
-    return '';
-  }
-
-  return props.modelValue;
-});
-
-const config = computed(() => {
-  return {
-    licenseKey: 'GPL',
-    plugins: [
-      Essentials,
-      SourceEditing,
-      Paragraph,
-      Bold,
-      Italic,
-      Underline,
-      Strikethrough,
-      Subscript,
-      Superscript,
-      Code,
-      CodeBlock,
-      List,
-      Indent,
-      IndentBlock,
-      Link,
-      Autoformat,
-      Heading,
-      Image,
-      AutoImage,
-      ImageStyle,
-      ImageResize,
-      ImageToolbar,
-      ImageInsert,
-      Base64UploadAdapter,
-      Table,
-      TableToolbar,
-      MediaEmbed,
-      PasteFromOffice,
-      BlockToolbar,
-      Font,
-      FindAndReplace,
-      RemoveFormat,
-    ],
-    toolbar: {
-      items: props.toolbar,
-      shouldNotGroupWhenFull: true,
-    },
-    table: {
-      contentToolbar: ['tableColumn', 'tableRow']
-    },
-    image: {
-      resizeOptions: [
-        {
-          name: 'resizeImage:original',
-          label: 'Default image width',
-          value: null
-        },
-        {
-          name: 'resizeImage:50',
-          label: '50% page width',
-          value: '50'
-        },
-        {
-          name: 'resizeImage:75',
-          label: '75% page width',
-          value: '75'
-        },
-        {
-          name: 'resizeImage:100',
-          label: '100% page width',
-          value: '100'
-        }
-      ],
-      toolbar: [
-        'imageStyle:alignBlockLeft',
-        'imageStyle:block',
-        'imageStyle:alignBlockRight',
-        'resizeImage'
-      ]
-    },
-    placeholder: props.placeholder,
-  };
-});
-
-defineExpose({
-  getEditorData() {
-    return ckeditorInstance?.getData() || '';
-  },
-});
-
-</script>