@onereach/ui-components 8.18.2 → 8.18.3-beta.3938.0

package/dist/bundled/v2/components/OrRichTextEditorV3/OrRichTextEditor.js

@@ -1716,11 +1716,12 @@ var script = defineComponent({
       proxyModelValue.value = markdownOutput.value;
     };
     const handleToolbarClick = (item, level) => {
-      var _a, _b;
+      var _a, _b, _c, _d;
       switch (item) {
         case 'source':
           disableMarkdown.value = !disableMarkdown.value;
           sourceValue.value = serialize(editor === null || editor === void 0 ? void 0 : editor.schema, editor === null || editor === void 0 ? void 0 : editor.getJSON());
+          (_a = textareaRef.value) === null || _a === void 0 ? void 0 : _a.style.setProperty('height', `${((_b = editorRef.value) === null || _b === void 0 ? void 0 : _b.offsetHeight) || 88}px`);
           nextTick(() => {
             var _a;
             return (_a = textareaRef.value) === null || _a === void 0 ? void 0 : _a.focus();
@@ -1738,15 +1739,15 @@ var script = defineComponent({
               to,
               empty
             } = editor.state.selection;
-            const isLink = (_a = editor.view.state.doc.nodeAt(cursorPosition)) === null || _a === void 0 ? void 0 : _a.marks.filter(mark => mark.type.name === 'link');
-            const existedText = (isLink === null || isLink === void 0 ? void 0 : isLink.length) ? ((_b = editor.view.state.doc.nodeAt(cursorPosition)) === null || _b === void 0 ? void 0 : _b.text) || '' : '';
+            const isLink = (_c = editor.view.state.doc.nodeAt(cursorPosition)) === null || _c === void 0 ? void 0 : _c.marks.filter(mark => mark.type.name === 'link');
+            const existedText = (isLink === null || isLink === void 0 ? void 0 : isLink.length) ? ((_d = editor.view.state.doc.nodeAt(cursorPosition)) === null || _d === void 0 ? void 0 : _d.text) || '' : '';
             text.value = empty ? existedText : editor.state.doc.textBetween(from, to, ' ');
             link.value = editor.getAttributes('link').href || '';
           }
           isOpenLinkModal.value = !isOpenLinkModal.value;
           break;
         case 'blockquote':
-          editor === null || editor === void 0 ? void 0 : editor.chain().focus().toggleBlockquote().run();
+          editor === null || editor === void 0 ? void 0 : editor.chain().toggleBlockquote().run();
           break;
         case 'codeBlock':
           if (!isActive.value['codeBlock']) {
@@ -1767,7 +1768,6 @@ var script = defineComponent({
               level: level
             });
           }
-          editor === null || editor === void 0 ? void 0 : editor.commands.focus();
           break;
         case 'undo':
         case 'redo':
@@ -1777,7 +1777,7 @@ var script = defineComponent({
           context.emit('file-upload');
           break;
         default:
-          editor === null || editor === void 0 ? void 0 : editor.chain().focus().toggleMark(item).run();
+          editor === null || editor === void 0 ? void 0 : editor.chain().toggleMark(item).run();
           break;
       }
     };
@@ -1896,7 +1896,8 @@ var script = defineComponent({
       handleInput,
       proxyModelValue,
       disableMarkdown,
-      sourceValue
+      sourceValue,
+      activeHeadingLevel
     };
   }
 });
@@ -1955,7 +1956,7 @@ var __vue_render__ = function () {
         },
         on: {
           "click": function ($event) {
-            return _vm.menuRef.open();
+            return _vm.menuRef.toggle();
           }
         }
       }) : _vm.isVisible(item) ? _c('or-icon-button', {
@@ -2076,6 +2077,9 @@ var __vue_render__ = function () {
   }, [_vm._l(_vm.headingLevels, function (heading) {
     return _c('or-menu-item', {
       key: heading,
+      class: {
+        'bg-surface-1': _vm.activeHeadingLevel === heading
+      },
       on: {
         "click": function ($event) {
           return _vm.handleToolbarClick('heading', heading);
@@ -2083,6 +2087,9 @@ var __vue_render__ = function () {
       }
     }, [_vm._v("\n      Heading " + _vm._s(heading) + "\n    ")]);
   }), _vm._v(" "), _c('or-menu-item', {
+    class: {
+      'bg-surface-1': !_vm.activeHeadingLevel
+    },
     on: {
       "click": function ($event) {
         return _vm.handleToolbarClick('heading');

package/dist/bundled/v2/components/OrRichTextEditorV3/OrRichTextEditor.vue.d.ts

@@ -53,6 +53,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     proxyModelValue: import("@vue/composition-api").WritableComputedRef<string>;
     disableMarkdown: import("@vue/composition-api").Ref<boolean>;
     sourceValue: import("@vue/composition-api").Ref<string>;
+    activeHeadingLevel: import("@vue/composition-api").Ref<number>;
 }> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
         type: StringConstructor;
@@ -172,6 +173,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     proxyModelValue: import("@vue/composition-api").WritableComputedRef<string>;
     disableMarkdown: import("@vue/composition-api").Ref<boolean>;
     sourceValue: import("@vue/composition-api").Ref<string>;
+    activeHeadingLevel: import("@vue/composition-api").Ref<number>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     modelValue: string;
     toolbar: Tools;