goodteditor-ui 1.0.26 → 1.0.28

package/src/components/ui/WysiwygEditor/extensions/table-row.js

@@ -1,15 +1,15 @@
-import { TableRow as TableRowToExtend } from '@tiptap/extension-table-row';
-
-export const TableRow = TableRowToExtend.extend({
-    addAttributes() {
-        return {
-            ...this.parent?.(),
-            class: {
-                default: null
-            },
-            style: {
-                default: null
-            }
-        }
-    }
-})
+import { TableRow as TableRowToExtend } from '@tiptap/extension-table-row';
+
+export const TableRow = TableRowToExtend.extend({
+    addAttributes() {
+        return {
+            ...this.parent?.(),
+            class: {
+                default: null
+            },
+            style: {
+                default: null
+            }
+        }
+    }
+})

package/src/components/ui/WysiwygEditor/extensions/table.js

@@ -1,29 +1,29 @@
-import { Table as TableToExtend } from '@tiptap/extension-table';
-import { NodeType } from '../constants';
-
-export const Table = TableToExtend.extend({
-    addAttributes() {
-        return {
-            ...this.parent?.(),
-            class: {
-                default: 'table table-vtop table-borders table-zebra w-100'
-            },
-            style: null
-        };
-    },
-    addCommands() {
-        return {
-            ...this.parent?.(),
-            toggleTableAlignment: (className, tableClassNames) => ({ commands }) => {
-                const classNames = tableClassNames.replace(/table-v(top|bot|mid)\s?/, '');
-                return commands.updateAttributes(NodeType.TABLE, { class: `${classNames} ${className}` });
-            },
-            toggleTableClass: (className, tableClassNames) => ({ commands }) => {
-                const classNames = tableClassNames.includes(className)
-                    ? tableClassNames.split(' ').filter((name) => name !== className).join(' ')
-                    : `${tableClassNames} ${className}`;
-                return commands.updateAttributes(NodeType.TABLE, { class: classNames });
-            }
-        };
-    }
-});
+import { Table as TableToExtend } from '@tiptap/extension-table';
+import { NodeType } from '../constants';
+
+export const Table = TableToExtend.extend({
+    addAttributes() {
+        return {
+            ...this.parent?.(),
+            class: {
+                default: 'table table-vtop table-borders table-zebra w-100'
+            },
+            style: null
+        };
+    },
+    addCommands() {
+        return {
+            ...this.parent?.(),
+            toggleTableAlignment: (className, tableClassNames) => ({ commands }) => {
+                const classNames = tableClassNames.replace(/table-v(top|bot|mid)\s?/, '');
+                return commands.updateAttributes(NodeType.TABLE, { class: `${classNames} ${className}` });
+            },
+            toggleTableClass: (className, tableClassNames) => ({ commands }) => {
+                const classNames = tableClassNames.includes(className)
+                    ? tableClassNames.split(' ').filter((name) => name !== className).join(' ')
+                    : `${tableClassNames} ${className}`;
+                return commands.updateAttributes(NodeType.TABLE, { class: classNames });
+            }
+        };
+    }
+});

package/src/components/ui/WysiwygEditor/extensions/text-align.js

@@ -1,6 +1,6 @@
-import { TextAlign as TextAlignToExtend } from '@tiptap/extension-text-align';
-import { NodeType, MarkType } from '../constants';
-
-export const TextAlign = TextAlignToExtend.configure({
-    types: [NodeType.HEADING, NodeType.PARAGRAPH, MarkType.LINK, NodeType.CODE_BLOCK, NodeType.BLOCKQUOTE]
-});
+import { TextAlign as TextAlignToExtend } from '@tiptap/extension-text-align';
+import { NodeType, MarkType } from '../constants';
+
+export const TextAlign = TextAlignToExtend.configure({
+    types: [NodeType.HEADING, NodeType.PARAGRAPH, MarkType.LINK, NodeType.CODE_BLOCK, NodeType.BLOCKQUOTE]
+});

package/src/components/ui/WysiwygEditor/extensions/text-style.js

@@ -1,12 +1,12 @@
-import { TextStyle as TextStyleToExtend } from '@tiptap/extension-text-style';
-
-export const TextStyle = TextStyleToExtend.extend({
-    addAttributes() {
-        return {
-            ...this.parent?.(),
-            class: {
-                default: null
-            }
-        }
-    }
-})
+import { TextStyle as TextStyleToExtend } from '@tiptap/extension-text-style';
+
+export const TextStyle = TextStyleToExtend.extend({
+    addAttributes() {
+        return {
+            ...this.parent?.(),
+            class: {
+                default: null
+            }
+        }
+    }
+})

package/src/components/ui/WysiwygEditor/extensions/underline.js

@@ -1,15 +1,15 @@
-import { Underline as UnderlineToExtend } from '@tiptap/extension-underline';
-
-export const Underline = UnderlineToExtend.extend({
-    addAttributes() {
-        return {
-            ...this.parent?.(),
-            class: {
-                default: null
-            },
-            style: {
-                default: null
-            }
-        }
-    }
-})
+import { Underline as UnderlineToExtend } from '@tiptap/extension-underline';
+
+export const Underline = UnderlineToExtend.extend({
+    addAttributes() {
+        return {
+            ...this.parent?.(),
+            class: {
+                default: null
+            },
+            style: {
+                default: null
+            }
+        }
+    }
+})

package/src/components/ui/WysiwygEditor/index.d.ts

@@ -1,4 +1,4 @@
-export { default as WysiwygEditor } from '../WysiwygEditor.vue';
-export * from './constants'
-export * from './utils'
-export * from './tools-and-commands';
+export { default as WysiwygEditor } from '../WysiwygEditor.vue';
+export * from './constants'
+export * from './utils'
+export * from './tools-and-commands';

package/src/components/ui/WysiwygEditor/index.js

@@ -1,4 +1,4 @@
-export { default as WysiwygEditor } from '../WysiwygEditor.vue';
-export * from './constants'
-export * from './utils'
-export * from './tools-and-commands';
+export { default as WysiwygEditor } from '../WysiwygEditor.vue';
+export * from './constants'
+export * from './utils'
+export * from './tools-and-commands';

package/src/components/ui/WysiwygEditor/renders/Button.vue

@@ -1,28 +1,28 @@
-<template>
-    <div :title="title">
-        <button
-            :class="{ 'btn-outline': !isActive, 'btn-primary': isActive }"
-            :disabled="!isEnabled"
-            class="btn btn-small btn-icon"
-            @click.stop="onClick">
-            <div class="icon">
-                <i :class="icon" class="mdi"></i>
-            </div>
-        </button>
-    </div>
-
-</template>
-
-<script>
-import { useRender } from './mixins';
-
-export default {
-    mixins: [useRender()],
-    methods: {
-        onClick() {
-            this.tool.exec();
-            this.emitExecuted();
-        }
-    }
-};
-</script>
+<template>
+    <div :title="title">
+        <button
+            :class="{ 'btn-outline': !isActive, 'btn-primary': isActive }"
+            :disabled="!isEnabled"
+            class="btn btn-small btn-icon"
+            @click.stop="onClick">
+            <div class="icon">
+                <i :class="icon" class="mdi"></i>
+            </div>
+        </button>
+    </div>
+
+</template>
+
+<script>
+import { useRender } from './mixins';
+
+export default {
+    mixins: [useRender()],
+    methods: {
+        onClick() {
+            this.tool.exec();
+            this.emitExecuted();
+        }
+    }
+};
+</script>

package/src/components/ui/WysiwygEditor/renders/ColorPicker.vue

@@ -1,41 +1,41 @@
-<template>
-    <div :data-popover="popoverTargetId" :title="title">
-        <button
-            class="btn btn-small btn-outline btn-icon"
-            @click="togglePopover">
-            <div class="icon">
-                <i class="mdi" :class="icon"></i>
-            </div>
-        </button>
-        <popover :show.sync="popoverShow" v-bind="popoverOptions">
-            <color-picker class="pull-left" v-bind="{ value, showSubmit: true }" @submit="onSubmit" />
-        </popover>
-    </div>
-</template>
-
-<script>
-import ColorPicker from '../../ColorPicker.vue';
-import Popover from '../../Popover.vue';
-import WithPopover from '../../utils/WithPopover';
-import { useRender } from './mixins';
-
-export default {
-    components: { ColorPicker, Popover },
-    mixins: [useRender(), WithPopover],
-    computed: {
-        value() {
-            return this.tool.getValue();
-        }
-    },
-    methods: {
-        onSubmit({ rgba }) {
-            const { r: red, g: green, b: blue, a: alpha } = rgba;
-            const color = `rgba(${red}, ${green}, ${blue}, ${alpha})`;
-
-            this.tool.exec(color);
-            this.popoverShow = false;
-            this.emitExecuted();
-        }
-    }
-};
-</script>
+<template>
+    <div :data-popover="popoverTargetId" :title="title">
+        <button
+            class="btn btn-small btn-outline btn-icon"
+            @click="togglePopover">
+            <div class="icon">
+                <i class="mdi" :class="icon"></i>
+            </div>
+        </button>
+        <popover :show.sync="popoverShow" v-bind="popoverOptions">
+            <color-picker class="pull-left" v-bind="{ value, showSubmit: true }" @submit="onSubmit" />
+        </popover>
+    </div>
+</template>
+
+<script>
+import ColorPicker from '../../ColorPicker.vue';
+import Popover from '../../Popover.vue';
+import WithPopover from '../../utils/WithPopover';
+import { useRender } from './mixins';
+
+export default {
+    components: { ColorPicker, Popover },
+    mixins: [useRender(), WithPopover],
+    computed: {
+        value() {
+            return this.tool.getValue();
+        }
+    },
+    methods: {
+        onSubmit({ rgba }) {
+            const { r: red, g: green, b: blue, a: alpha } = rgba;
+            const color = `rgba(${red}, ${green}, ${blue}, ${alpha})`;
+
+            this.tool.exec(color);
+            this.popoverShow = false;
+            this.emitExecuted();
+        }
+    }
+};
+</script>