@finema/core 3.7.0 → 3.8.0

package/dist/runtime/components/Form/InputWYSIWYG/EditorLinkPopover.vue

@@ -0,0 +1,147 @@
+<script setup>
+import { computed, ref, watch } from "vue";
+const props = defineProps({
+  editor: { type: Object, required: true },
+  autoOpen: { type: Boolean, required: false }
+});
+const open = ref(false);
+const url = ref("");
+const active = computed(() => props.editor.isActive("link"));
+const disabled = computed(() => {
+  if (!props.editor.isEditable) return true;
+  const {
+    selection
+  } = props.editor.state;
+  return selection.empty && !props.editor.isActive("link");
+});
+watch(() => props.editor, (editor, _, onCleanup) => {
+  if (!editor) return;
+  const updateUrl = () => {
+    const {
+      href
+    } = editor.getAttributes("link");
+    url.value = href || "";
+  };
+  updateUrl();
+  editor.on("selectionUpdate", updateUrl);
+  onCleanup(() => {
+    editor.off("selectionUpdate", updateUrl);
+  });
+}, {
+  immediate: true
+});
+watch(active, (isActive) => {
+  if (isActive && props.autoOpen) {
+    open.value = true;
+  }
+});
+const setLink = () => {
+  if (!url.value) return;
+  const {
+    selection
+  } = props.editor.state;
+  const isEmpty = selection.empty;
+  const hasCode = props.editor.isActive("code");
+  let chain = props.editor.chain().focus();
+  if (hasCode && !isEmpty) {
+    chain = chain.extendMarkRange("code").setLink({
+      href: url.value
+    });
+  } else {
+    chain = chain.extendMarkRange("link").setLink({
+      href: url.value
+    });
+    if (isEmpty) {
+      chain = chain.insertContent({
+        type: "text",
+        text: url.value
+      });
+    }
+  }
+  chain.run();
+  open.value = false;
+};
+const removeLink = () => {
+  props.editor.chain().focus().extendMarkRange("link").unsetLink().setMeta("preventAutolink", true).run();
+  url.value = "";
+  open.value = false;
+};
+const openLink = () => {
+  if (!url.value) return;
+  window.open(url.value, "_blank", "noopener,noreferrer");
+};
+const handleKeyDown = (event) => {
+  if (event.key === "Enter") {
+    event.preventDefault();
+    setLink();
+  }
+};
+</script>
+
+<template>
+  <Popover
+    v-model:open="open"
+    :ui="{ content: 'p-0.5' }"
+  >
+    <Tooltip text="Link">
+      <Button
+        icon="i-lucide-link"
+        color="neutral"
+        active-color="primary"
+        variant="ghost"
+        active-variant="soft"
+        size="sm"
+        :active="active"
+        :disabled="disabled"
+      />
+    </Tooltip>
+
+    <template #content>
+      <Input
+        v-model="url"
+        autofocus
+        name="url"
+        type="url"
+        variant="none"
+        placeholder="Paste a link..."
+        @keydown="handleKeyDown"
+      >
+        <div class="mr-0.5 flex items-center">
+          <Button
+            icon="i-lucide-corner-down-left"
+            variant="ghost"
+            size="sm"
+            :disabled="!url && !active"
+            title="Apply link"
+            @click="setLink"
+          />
+
+          <Separator
+            orientation="vertical"
+            class="mx-1 h-6"
+          />
+
+          <Button
+            icon="i-lucide-external-link"
+            color="neutral"
+            variant="ghost"
+            size="sm"
+            :disabled="!url && !active"
+            title="Open in new window"
+            @click="openLink"
+          />
+
+          <Button
+            icon="i-lucide-trash"
+            color="neutral"
+            variant="ghost"
+            size="sm"
+            :disabled="!url && !active"
+            title="Remove link"
+            @click="removeLink"
+          />
+        </div>
+      </Input>
+    </template>
+  </Popover>
+</template>

package/dist/runtime/components/Form/InputWYSIWYG/EditorLinkPopover.vue.d.ts

@@ -0,0 +1,8 @@
+import type { Editor } from '@tiptap/vue-3';
+type __VLS_Props = {
+    editor: Editor;
+    autoOpen?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Form/InputWYSIWYG/index.d.vue.ts

@@ -1,7 +1,19 @@
 import type { IWYSIWYGFieldProps } from '#core/components/Form/InputWYSIWYG/types';
 declare const __VLS_export: import("vue").DefineComponent<IWYSIWYGFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IWYSIWYGFieldProps> & Readonly<{}>, {
-    size: "xs" | "sm" | "md" | "lg" | "xl";
-    color: "primary" | "gray";
+    image: {
+        requestOptions?: Omit<import("axios").AxiosRequestConfig, "baseURL"> & {
+            baseURL: string;
+        };
+        uploadPathURL?: string;
+        bodyKey?: string;
+        responseURL?: string;
+        responsePath?: string;
+        responseName?: string;
+        responseSize?: string;
+        responseID?: string;
+        maxSize?: number;
+    };
+    editable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;