tiptapify 0.0.9 → 0.0.11

package/src/i18n/locales/ua.json

@@ -1,109 +1,116 @@
 {
+  "defaultValue": "Значення за замовчуванням",
   "content": {
-    "placeholder": "напишіть щонебудь..."
+    "placeholder": "Напишіть щонебудь..."
   },
   "style": {
-    "paragraph": "абзац",
-    "heading": "заголовок",
+    "paragraph": "Абзац",
+    "heading": "Заголовок",
     "headings": {
-      "h1": "заголовок 1-го рівня",
-      "h2": "заголовок 2-го рівня",
-      "h3": "заголовок 3-го рівня",
-      "h4": "заголовок 4-го рівня",
-      "h5": "заголовок 5-го рівня",
-      "h6": "заголовок 6-го рівня"
+      "h1": "Заголовок 1-го рівня",
+      "h2": "Заголовок 2-го рівня",
+      "h3": "Заголовок 3-го рівня",
+      "h4": "Заголовок 4-го рівня",
+      "h5": "Заголовок 5-го рівня",
+      "h6": "Заголовок 6-го рівня"
     },
-    "fontFamily": "шрифт",
-    "fontSize": "розмір",
-    "lineHeight": "висота строки",
+    "fontFamily": "Шрифт",
+    "fontSize": "Розмір",
+    "lineHeight": "Висота строки",
     "color": {
-      "highlight": "колір виділення",
-      "text": "колір тексту",
-      "unset": "очистити колір",
-      "custom": "власний вибір"
+      "highlight": "Колір виділення",
+      "text": "Колір тексту",
+      "unset": "Очистити колір",
+      "custom": "Власний вибір"
     }
   },
   "format": {
-    "bold": "жирний",
-    "italic": "курсив",
-    "strike": "закреслення",
-    "underline": "підкреслення",
-    "sup": "верхній індекс",
-    "sub": "нижній індекс",
-    "break": "розрив строки",
-    "line": "горизонтальна лінія",
-    "blockquote": "цитата",
-    "code": "код",
-    "codeblock": "блок коду",
-    "formatClear": "очистити форматування"
+    "bold": "Жирний",
+    "italic": "Курсив",
+    "strike": "Закреслення",
+    "underline": "Підкреслення",
+    "sup": "Верхній індекс",
+    "sub": "Нижній індекс",
+    "break": "Розрив строки",
+    "line": "Горизонтальна лінія",
+    "blockquote": "Цитата",
+    "code": "Код",
+    "codeblock": "Блок коду",
+    "formatClear": "Очистити форматування"
   },
   "media": {
-    "link": "зовнішнє посилання",
-    "image": "зображення",
+    "link": "Зовнішнє посилання",
+    "image": "Зображення",
     "tables": {
-      "table": "таблиця",
-      "insertTable": "вставити таблицю",
-      "deleteTable": "видалити таблицю",
-      "insertWithHeaderRow": "вставити таблицю із заголовком",
-      "rows": "строки",
-      "row": "строка",
-      "insertRowBefore": "вставити строку перед",
-      "insertRowAfter": "вставити строку після",
-      "deleteRow": "видалити строку",
-      "cols": "стовпчики",
-      "col": "стовпчик",
-      "insertColBefore": "вставити колонку перед",
-      "insertColAfter": "вставити колонку після",
-      "deleteCol": "видалити колонку",
-      "mergeCells": "об'єднати клітинки",
-      "splitCell": "розділити клітинки"
+      "table": "Таблиця",
+      "insertTable": "Вставити таблицю",
+      "deleteTable": "Видалити таблицю",
+      "insertWithHeaderRow": "Вставити таблицю із заголовком",
+      "rows": "Строки",
+      "row": "Строка",
+      "insertRowBefore": "Вставити строку перед",
+      "insertRowAfter": "Вставити строку після",
+      "deleteRow": "Видалити строку",
+      "cols": "Стовпчики",
+      "col": "Стовпчик",
+      "insertColBefore": "Вставити колонку перед",
+      "insertColAfter": "Вставити колонку після",
+      "deleteCol": "Видалити колонку",
+      "mergeCells": "Об'єднати клітинки",
+      "splitCell": "Розділити клітинки"
     }
   },
   "action": {
-    "undo": "відміна",
-    "redo": "повтор"
+    "undo": "Відміна",
+    "redo": "Повтор"
   },
-  "alignment": "вирівнювання",
+  "alignment": "Вирівнювання",
   "alignments": {
-    "left": "вирівнювання по лівому краю",
-    "center": "вирівнювання по центру",
-    "right": "вирівнювання по правому краю",
-    "justify": "вирівнювання по ширині"
+    "left": "Вирівнювання по лівому краю",
+    "center": "Вирівнювання по центру",
+    "right": "Вирівнювання по правому краю",
+    "justify": "Вирівнювання по ширині"
   },
-  "list": "список",
+  "list": "Список",
   "lists": {
-    "bullet": "ненумерований список",
-    "numbered": "нумерований список",
-    "task": "список задач",
-    "indent": "збільшити відступ елемента списку",
-    "outdent": "зменшити відступ елемента списку"
+    "bullet": "Ненумерований список",
+    "numbered": "Нумерований список",
+    "task": "Список задач",
+    "indent": "Збільшити відступ елемента списку",
+    "outdent": "Зменшити відступ елемента списку"
   },
   "dialog": {
-    "apply": "застосувати",
-    "clear": "очистити",
-    "close": "закрити",
+    "apply": "Застосувати",
+    "clear": "Очистити",
+    "close": "Закрити",
     "image": {
-      "title": "додавання/зміна зображення",
-      "src": "джерело",
+      "title": "Додавання/зміна зображення",
+      "src": "Джерело",
       "alt": "alt",
-      "width": "ширина",
-      "height": "висота"
+      "width": "Ширина",
+      "height": "Висота"
     },
     "link": {
-      "title": "додавання/зміна посилання",
-      "href": "адреса посилання",
-      "target": "відкривати у новому вікні",
+      "title": "Додавання/зміна посилання",
+      "href": "Адреса посилання",
+      "href_error": "Некоректна адреса посилання",
+      "target": "Відкривати у...",
+      "target_blank": "Новому вікні",
+      "target_self": "Поточному вікні",
       "rel": "rel",
       "class": "CSS клас"
     },
+    "preview": {
+      "title": "Попередній перегляд"
+    },
     "source": {
-      "title": "перегляд вихідного коду",
+      "title": "Перегляд вихідного коду",
       "prettify": "prettify"
     }
   },
   "misc": {
-    "source": "перегляд вихідного коду",
-    "preview": "попередній перегляд"
+    "source": "Перегляд вихідного коду",
+    "preview": "Попередній перегляд"
   },
   "footer": {
     "words": "слова",

package/src/components/Toolbar/items/style.ts

@@ -1,187 +0,0 @@
-import * as mdi from "@mdi/js";
-import { Editor } from "@tiptap/vue-3";
-import { fonts } from "@tiptapify/components/Toolbar/fonts";
-import StyleColor from "@tiptapify/extensions/components/StyleColor.vue";
-import { computed, markRaw, ref } from "vue";
-
-interface MDIIcons {
-  [key: string]: string
-}
-const mdiIcons = mdi as MDIIcons
-
-export function getStyleItems(editor: Editor, theme: any, fontMeasure: string, customHeadingLevels: Array<number> = []) {
-  const headingLevels = ref([1, 2, 3, 4, 5, 6])
-  if (customHeadingLevels.length) {
-    customHeadingLevels.forEach(level => {
-      if (level <= 0 || level > 6) {
-        throw new Error('customHeadingLevels must be between 1 and 6')
-      }
-    })
-
-    headingLevels.value = customHeadingLevels
-  }
-
-  const fontSizes = [6, 8, 10, 12, 14, 16, 18, 20, 22, 24, 32, 48, 64, 96]
-
-  const lineHeights = [1, 1.5, 2, 3, 4]
-
-  return {
-    heading: {
-      name: 'heading',
-      tooltip: 'style.heading',
-      icon: mdi.mdiFormatHeaderPound,
-      modelValue: null,
-      enabled: true,
-      props: {
-        color: computed(() => editor.isActive('heading') || editor.isActive('paragraph') ? 'primary' : ''),
-      },
-      children: [
-        {
-          name: `paragraph`,
-          tooltip: `style.paragraph`,
-          icon: mdiIcons[`mdiFormatParagraph`],
-          noI18n: true,
-          enabled: true,
-          props: {
-            color: computed(() => editor.isActive('paragraph') ? 'primary' : ''),
-          },
-          attrs: {
-            click: () => editor.chain().focus().setParagraph().run()
-          }
-        }
-      ].concat(
-        headingLevels.value.map(level => {
-          return {
-            name: `H${level}`,
-            tooltip: `style.headings.h${level}`,
-            icon: mdiIcons[`mdiFormatHeader${level}`],
-            noI18n: true,
-            enabled: true,
-            props: {
-              color: computed(() => editor.isActive('heading', { level: level }) ? 'primary' : ''),
-            },
-            attrs: {
-              click: () => editor.chain().focus().toggleHeading({ level }).run()
-            }
-          }
-        })
-      )
-    },
-    fontFamily: {
-      name: 'font-family',
-      tooltip: 'style.fontFamily',
-      icon: mdi.mdiFormatFont,
-      modelValue: false,
-      enabled: true,
-      attrs: {
-        click: () => editor.chain().focus().unsetFontFamily().run()
-      },
-      children: fonts.map((font) => {
-        return {
-          name: font.name,
-          tooltip: '',
-          icon: '',
-          enabled: true,
-          noI18n: true,
-          props: {
-            color: computed(() => editor.isActive('textStyle', {fontFamily: font.fontFamily}) ? 'primary' : ''),
-            style: `font-family: ${font.fontFamily};`
-          },
-          attrs: {
-            click: () => editor.chain().focus().setFontFamily(font.fontFamily).run()
-          }
-        }
-      })
-    },
-    fontSize: {
-      name: 'font-size',
-      tooltip: 'style.fontSize',
-      icon: mdi.mdiFormatSize,
-      modelValue: false,
-      enabled: true,
-      attrs: {
-        click: () => editor.chain().focus().unsetFontSize().run()
-      },
-      children: fontSizes.map((fontSize) => {
-        return {
-          name: `${fontSize}${fontMeasure}`,
-          tooltip: '',
-          icon: '',
-          enabled: true,
-          noI18n: true,
-          props: {
-            color: computed(() => editor.isActive('textStyle', {fontSizes: fontSize}) ? 'primary' : ''),
-          },
-          attrs: {
-            click: () => editor.chain().focus().setFontSize(`${fontSize}${fontMeasure}`).run()
-          }
-        }
-      })
-    },
-    lineHeight: {
-      name: 'line-height',
-      tooltip: 'style.lineHeight',
-      icon: mdi.mdiFormatLineHeight,
-      modelValue: null,
-      enabled: true,
-      attrs: {
-        click: () => editor.chain().focus().unsetLineHeight().run()
-      },
-      children: lineHeights.map((lineHeight) => {
-        return {
-          name: lineHeight,
-          tooltip: '',
-          icon: '',
-          enabled: true,
-          noI18n: true,
-          props: {
-            color: computed(() => editor.isActive('textStyle', {lineHeights: lineHeight}) ? 'primary' : ''),
-          },
-          attrs: {
-            click: () => editor.chain().focus().setLineHeight(lineHeight.toString()).run()
-          }
-        }
-      })
-    },
-    highlight: {
-      name: 'highlight',
-      tooltip: 'style.color.highlight',
-      icon: mdi.mdiFormatColorFill,
-      icon2: mdi.mdiColorHelper,
-      enabled: true,
-      icon2Props: {
-        color: computed(() => {
-          const defaultColor = theme.global.current.value.dark ? '#fff' : '#000'
-          return editor.getAttributes('highlight').color || defaultColor
-        }),
-        style: 'filter: drop-shadow(rgba(0, 0, 0, .75) 1px 1px 2px);'
-      },
-      component: markRaw(StyleColor),
-      componentProps: {
-        fontColor: false,
-        backgroundColor: true,
-        color: computed(() => editor.getAttributes('highlight').color || ''),
-      }
-    },
-    color: {
-      name: 'color',
-      tooltip: 'style.color.text',
-      icon: mdi.mdiFormatColorText,
-      icon2: mdi.mdiColorHelper,
-      enabled: true,
-      icon2Props: {
-        color: computed(() => {
-          const defaultColor = theme.global.current.value.dark ? '#fff' : '#000'
-          return editor.getAttributes('textStyle').color || defaultColor
-        }),
-        style: 'filter: drop-shadow(rgba(0, 0, 0, .75) 1px 1px 2px);'
-      },
-      component: markRaw(StyleColor),
-      componentProps: {
-        fontColor: true,
-        backgroundColor: false,
-        color: computed(() => editor.getAttributes('textStyle').color || ''),
-      }
-    }
-  }
-}