@hywax/cms 0.0.23 → 1.1.0

package/dist/runtime/components/TablePanelColumnVisibility.vue

@@ -1,49 +0,0 @@
-<template>
-  <UDropdownMenu :items="items">
-    <UChip
-      :ui="{ base: 'z-1 size-3' }"
-      :show="hiddenColumnsCount > 0"
-      :text="hiddenColumnsCount"
-      size="xl"
-    >
-      <UButton
-        :icon="appConfig.ui.icons.columns"
-        variant="outline"
-        color="neutral"
-        label="Колонки"
-      />
-    </UChip>
-  </UDropdownMenu>
-</template>
-
-<script>
-import theme from "#build/cms/table-panel-column-visibility";
-import { computed, useAppConfig } from "#imports";
-import { tv } from "../tv";
-</script>
-
-<script setup>
-const props = defineProps({
-  table: { type: Object, required: false },
-  class: { type: null, required: false },
-  ui: { type: null, required: false }
-});
-const visibility = defineModel({ type: Object, ...{ default: {} } });
-const appConfig = useAppConfig();
-const items = computed(() => {
-  if (!props.table) {
-    return [];
-  }
-  return props.table.getAllColumns().filter((column) => column.getCanHide()).map((column) => ({
-    label: typeof column.columnDef.header === "string" ? column.columnDef.header : column.columnDef.id,
-    type: "checkbox",
-    checked: column.getIsVisible(),
-    onUpdateChecked: (checked) => visibility.value = { ...visibility.value, [column.id]: checked },
-    onSelect: (event) => event.preventDefault()
-  }));
-});
-const hiddenColumnsCount = computed(() => {
-  return items.value.reduce((sum, item) => item.checked ? sum : sum + 1, 0);
-});
-const _ui = computed(() => tv({ extend: tv(theme), ...appConfig.cms?.tablePanelColumnVisibility || {} })());
-</script>

package/dist/runtime/components/TablePanelColumnVisibility.vue.d.ts

@@ -1,20 +0,0 @@
-import type { AppConfig } from '@nuxt/schema';
-import type { Table, VisibilityState } from '@tanstack/vue-table';
-import type { ComponentConfig } from '../types';
-import theme from '#build/cms/table-panel-column-visibility';
-type TablePanelColumnVisibility = ComponentConfig<typeof theme, AppConfig, 'tablePanelColumnVisibility'>;
-export interface TablePanelColumnVisibilityProps {
-    table?: Table<any>;
-    class?: any;
-    ui?: TablePanelColumnVisibility['slots'];
-}
-declare const _default: import("vue").DefineComponent<TablePanelColumnVisibilityProps & {
-    modelValue?: VisibilityState;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: VisibilityState) => any;
-}, string, import("vue").PublicProps, Readonly<TablePanelColumnVisibilityProps & {
-    modelValue?: VisibilityState;
-}> & Readonly<{
-    "onUpdate:modelValue"?: ((value: VisibilityState) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/runtime/components/TablePanelFilters.vue

@@ -1,79 +0,0 @@
-<template>
-  <UPopover v-model:open="isOpen">
-    <UChip
-      :ui="{ base: 'z-1 size-3' }"
-      :show="!!appliedCount"
-      :text="appliedCount"
-      size="xl"
-    >
-      <UButton
-        :icon="appConfig.ui.icons.filter"
-        variant="outline"
-        color="neutral"
-        label="Фильтры"
-      />
-    </UChip>
-
-    <template #content>
-      <UForm
-        :id="formId"
-        :state="props.state"
-        class="p-4 w-xs max-h-[60vh] overflow-y-auto"
-        v-bind="optionalFormProps"
-        @submit="handleSubmit"
-      >
-        <slot />
-      </UForm>
-
-      <USeparator class="mt-0" orientation="horizontal" />
-
-      <div class="flex justify-end space-x-2 p-2">
-        <UButton
-          color="neutral"
-          label="Сбросить"
-          variant="ghost"
-          @click="handleResetClick"
-        />
-
-        <UButton
-          type="submit"
-          label="Применить"
-          color="primary"
-          :form="formId"
-        />
-      </div>
-    </template>
-  </UPopover>
-</template>
-
-<script>
-import theme from "#build/cms/table-panel-filters";
-import { computed, ref, useAppConfig, useId } from "#imports";
-import { reactivePick } from "@vueuse/core";
-import { useForwardProps } from "reka-ui";
-import { tv } from "../tv";
-</script>
-
-<script setup>
-const props = defineProps({
-  state: { type: null, required: true },
-  schema: { type: null, required: false },
-  appliedCount: { type: Number, required: false },
-  class: { type: null, required: false },
-  ui: { type: null, required: false }
-});
-const emit = defineEmits(["submit", "reset"]);
-const appConfig = useAppConfig();
-const formId = `form-${useId()}`;
-const isOpen = ref(false);
-const optionalFormProps = useForwardProps(reactivePick(props, "schema"));
-function handleResetClick() {
-  emit("reset");
-  isOpen.value = false;
-}
-function handleSubmit() {
-  emit("submit");
-  isOpen.value = false;
-}
-const _ui = computed(() => tv({ extend: tv(theme), ...appConfig.cms?.tablePanelFilters || {} })());
-</script>

package/dist/runtime/components/TablePanelFilters.vue.d.ts

@@ -1,34 +0,0 @@
-import type { AppConfig } from '@nuxt/schema';
-import type { FormProps } from '@nuxt/ui';
-import type { ComponentConfig } from '../types';
-import theme from '#build/cms/table-panel-filters';
-type TablePanelFilters = ComponentConfig<typeof theme, AppConfig, 'tablePanelFilters'>;
-export interface TablePanelFiltersProps<T> {
-    state: FormProps<T>['state'];
-    schema?: FormProps<T>['schema'];
-    appliedCount?: number;
-    class?: any;
-    ui?: TablePanelFilters['slots'];
-}
-export interface TablePanelFiltersEmits {
-    submit: [];
-    reset: [];
-}
-declare const _default: <T extends object>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
-        readonly onReset?: (() => any) | undefined;
-        readonly onSubmit?: (() => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onSubmit" | "onReset"> & TablePanelFiltersProps<T> & Partial<{}>> & import("vue").PublicProps;
-    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
-    attrs: any;
-    slots: {
-        default?: (props: {}) => any;
-    };
-    emit: ((evt: "reset") => void) & ((evt: "submit") => void);
-}>) => import("vue").VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>;
-};
-export default _default;
-type __VLS_PrettifyLocal<T> = {
-    [K in keyof T]: T[K];
-} & {};

package/dist/runtime/composables/useDeleteConfirm.d.ts

@@ -1,15 +0,0 @@
-import type { NitroFetchRequest } from 'nitropack';
-import type { AsyncDataRequestStatus } from 'nuxt/app';
-import type { Ref } from 'vue';
-interface UseDeleteConfirmOptions {
-    url: NitroFetchRequest;
-    title?: string;
-    message?: string;
-    onSuccess?: () => void;
-}
-interface UseDeleteConfirmReturn {
-    execute: () => void;
-    status: Ref<AsyncDataRequestStatus>;
-}
-export declare function useDeleteConfirm(options: UseDeleteConfirmOptions): UseDeleteConfirmReturn;
-export {};

package/dist/runtime/composables/useDeleteConfirm.js

@@ -1,27 +0,0 @@
-import { useApi, useOverlay } from "#imports";
-import ModalConfirm from "../components/ModalConfirm.vue";
-export function useDeleteConfirm(options) {
-  const modal = useOverlay().create(ModalConfirm, { destroyOnClose: true });
-  const { execute: _execute, status } = useApi(options.url, {
-    method: "delete",
-    immediate: false,
-    onResponse: async ({ response }) => {
-      if (!response.ok) {
-        return;
-      }
-      options.onSuccess?.();
-    }
-  });
-  function execute() {
-    modal.open({
-      title: options.title || "\u0423\u0434\u0430\u043B\u0438\u0442\u044C",
-      message: options.message || "\u0412\u044B \u0443\u0432\u0435\u0440\u0435\u043D\u044B, \u0447\u0442\u043E \u0445\u043E\u0442\u0438\u0442\u0435 \u0443\u0434\u0430\u043B\u0438\u0442\u044C? \u0412\u044B \u043D\u0435 \u0441\u043C\u043E\u0436\u0435\u0442\u0435 \u043E\u0442\u043C\u0435\u043D\u0438\u0442\u044C \u044D\u0442\u043E \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435.",
-      color: "error",
-      onConfirm: () => _execute()
-    });
-  }
-  return {
-    execute,
-    status
-  };
-}

package/dist/runtime/composables/useSeoStats.d.ts

@@ -1,12 +0,0 @@
-import type { ComputedRef, MaybeRefOrGetter } from 'vue';
-import type { SEO } from '../types';
-interface SEOStats {
-    progress: number;
-    color: 'error' | 'warning' | 'success';
-}
-interface UseSeoStatsReturn {
-    title: ComputedRef<SEOStats>;
-    description: ComputedRef<SEOStats>;
-}
-export declare function useSeoStats(options: MaybeRefOrGetter<SEO>): UseSeoStatsReturn;
-export {};

package/dist/runtime/composables/useSeoStats.js

@@ -1,44 +0,0 @@
-import { computed, toValue } from "#imports";
-function computeScore(length, recommendedLength, maxLength) {
-  if (length === 0) {
-    return 0;
-  }
-  if (length < recommendedLength) {
-    return length / recommendedLength * 100;
-  }
-  if (length > maxLength) {
-    return Math.max(0, 100 - (length - maxLength) / maxLength * 100);
-  }
-  return 100;
-}
-function computeColor(score) {
-  if (score < 30) {
-    return "error";
-  }
-  if (score < 70) {
-    return "warning";
-  }
-  return "success";
-}
-export function useSeoStats(options) {
-  const title = computed(() => {
-    const value = toValue(options);
-    const score = computeScore(value.title.length, 45, 60);
-    return {
-      progress: Math.round(score),
-      color: computeColor(score)
-    };
-  });
-  const description = computed(() => {
-    const value = toValue(options);
-    const score = computeScore(value.description.length, 130, 160);
-    return {
-      progress: Math.round(score),
-      color: computeColor(score)
-    };
-  });
-  return {
-    title,
-    description
-  };
-}

package/dist/runtime/editor/components/BlockMenu.vue

@@ -1,43 +0,0 @@
-<template>
-  <BlockHandlePopover class="will-change-transform">
-    <BlockHandleAdd>
-      <UButton
-        variant="ghost"
-        color="neutral"
-        size="xs"
-        :icon="appConfig.ui.icons.plus"
-      />
-    </BlockHandleAdd>
-    <BlockHandleDraggable class="cursor-grab">
-      <UDropdownMenu
-        :items="menuItems"
-        :content="{ align: 'start', side: 'bottom', sideOffset: 8 }"
-        :ui="{ content: 'w-48' }"
-      >
-        <UButton
-          variant="ghost"
-          color="neutral"
-          size="xs"
-          :icon="appConfig.ui.icons.ellipsisVertical"
-        />
-      </UDropdownMenu>
-    </BlockHandleDraggable>
-  </BlockHandlePopover>
-</template>
-
-<script setup>
-import { computed, useAppConfig } from "#imports";
-import { useEditor } from "prosekit/vue";
-import { BlockHandleAdd, BlockHandleDraggable, BlockHandlePopover } from "prosekit/vue/block-handle";
-const appConfig = useAppConfig();
-const _editor = useEditor();
-const menuItems = computed(() => [
-  {
-    icon: appConfig.ui.icons.trash,
-    label: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C",
-    color: "error",
-    onSelect: () => {
-    }
-  }
-]);
-</script>

package/dist/runtime/editor/components/BlockMenu.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/runtime/editor/components/SlashCommand.vue

@@ -1,92 +0,0 @@
-<template>
-  <AutocompletePopover :regex="regex" class="relative block w-56 max-h-60! select-none overflow-auto whitespace-nowrap bg-default shadow-lg rounded-md ring ring-default [&:not([data-state])]:hidden">
-    <AutocompleteList class="flex flex-col gap p-1">
-      <AutocompleteItem
-        v-for="item in items"
-        :key="item.label"
-        class="group flex items-center text-sm gap-1.5 px-2.5 py-1.5 rounded-md text-default data-[focused]:bg-elevated/50 data-[focused]:text-highlighted transition-colors"
-        @select="item.command"
-      >
-        <UIcon :name="item.icon" class="size-5 text-dimmed group-data-[focused]:text-default transition-colors" />
-        <span class="truncate">
-          {{ item.label }}
-        </span>
-      </AutocompleteItem>
-
-      <AutocompleteEmpty class="flex items-center justify-center text-sm text-muted px-2.5 py-1.5">
-        Ничего не найдено
-      </AutocompleteEmpty>
-    </AutocompleteList>
-  </AutocompletePopover>
-</template>
-
-<script setup>
-import { useAppConfig } from "#imports";
-import { useEditor } from "prosekit/vue";
-import { AutocompleteEmpty, AutocompleteItem, AutocompleteList, AutocompletePopover } from "prosekit/vue/autocomplete";
-const appConfig = useAppConfig();
-const editor = useEditor();
-const regex = /\/((?:\S.*)?)$/u;
-const items = [
-  // {
-  //   label: 'Параграф',
-  //   icon: appConfig.ui.icons.pilcrow,
-  //   command: () => editor.value.commands.setParagraph(),
-  // },
-  {
-    label: "\u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A H2",
-    icon: appConfig.ui.icons.heading2,
-    command: () => editor.value.commands.setHeading({ level: 2 })
-  },
-  {
-    label: "\u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A H3",
-    icon: appConfig.ui.icons.heading3,
-    command: () => editor.value.commands.setHeading({ level: 3 })
-  },
-  {
-    label: "\u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A H4",
-    icon: appConfig.ui.icons.heading4,
-    command: () => editor.value.commands.setHeading({ level: 4 })
-  },
-  {
-    label: "\u041D\u0443\u043C\u0435\u0440\u043E\u0432\u0430\u043D\u043D\u044B\u0439 \u0441\u043F\u0438\u0441\u043E\u043A",
-    icon: appConfig.ui.icons.list,
-    command: () => editor.value.commands.wrapInList({ kind: "bullet" })
-  },
-  {
-    label: "\u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u0430\u043D\u043D\u044B\u0439 \u0441\u043F\u0438\u0441\u043E\u043A",
-    icon: appConfig.ui.icons.listOrdered,
-    command: () => editor.value.commands.wrapInList({ kind: "ordered" })
-  },
-  {
-    label: "\u0421\u043F\u0438\u0441\u043E\u043A \u0437\u0430\u0434\u0430\u0447",
-    icon: appConfig.ui.icons.checkSquare,
-    command: () => editor.value.commands.wrapInList({ kind: "task" })
-  },
-  {
-    label: "\u0418\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0435",
-    icon: appConfig.ui.icons.image,
-    command: () => editor.value.commands.setUploraImage()
-  },
-  {
-    label: "\u0426\u0438\u0442\u0430\u0442\u0430",
-    icon: appConfig.ui.icons.quote,
-    command: () => editor.value.commands.setBlockquote()
-  },
-  {
-    label: "\u0417\u0430\u043C\u0435\u0442\u043A\u0430",
-    icon: appConfig.ui.icons.info,
-    command: () => editor.value.commands.toggleCallout()
-  },
-  // {
-  //   label: 'Разделитель',
-  //   icon: appConfig.ui.icons.minus,
-  //   command: () => editor.value.commands.insertHorizontalRule(),
-  // },
-  {
-    label: "\u041A\u043E\u0434",
-    icon: appConfig.ui.icons.code,
-    command: () => editor.value.commands.setCodeBlock()
-  }
-];
-</script>

package/dist/runtime/editor/components/SlashCommand.vue.d.ts

@@ -1,7 +0,0 @@
-export interface CommandItem {
-    label: string;
-    icon: string;
-    command: () => void;
-}
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/runtime/editor/components/TooltipLink.vue

@@ -1,81 +0,0 @@
-<template>
-  <InlinePopover
-    placement="top"
-    :default-open="false"
-    :open="popoverOpen"
-    :offset="48"
-    class="bg-default shadow-lg rounded-md ring ring-default flex gap-1 p-2 [&:not([data-state])]:hidden"
-    @open-change="openChangeHandler"
-  >
-    <div v-if="editMode" class="flex gap-2">
-      <UInput v-model="formState.href" placeholder="Введите ссылку..." size="sm" />
-      <UButton :icon="appConfig.ui.icons.link" size="sm" @click="linkUpdateHandler" />
-    </div>
-    <div v-else class="flex gap-1 items-center">
-      <div class="w-32 text-sm truncate mr-1">
-        <ULink :href="formState.href" target="_blank" rel="noopener noreferrer nofollow">
-          {{ formState.href }}
-        </ULink>
-      </div>
-      <UButton
-        :icon="appConfig.ui.icons.linkOff"
-        size="sm"
-        variant="ghost"
-        color="error"
-        @click="linkRemoveHandler"
-      />
-      <UButton
-        :icon="appConfig.ui.icons.edit"
-        size="sm"
-        variant="ghost"
-        @click="editMode = true"
-      />
-    </div>
-  </InlinePopover>
-</template>
-
-<script setup>
-import { reactive, ref, useAppConfig, watch } from "#imports";
-import { useEditor } from "prosekit/vue";
-import { InlinePopover } from "prosekit/vue/inline-popover";
-const appConfig = useAppConfig();
-const popoverOpen = defineModel("open", { type: Boolean, ...{ default: false } });
-const editor = useEditor({ update: true });
-const editMode = ref(false);
-const formState = reactive({
-  href: ""
-});
-function getCurrentLink(state) {
-  const { $from } = state.selection;
-  const marks = $from.marksAcross($from);
-  const defaultAttrs = { href: "" };
-  if (!marks) {
-    return defaultAttrs;
-  }
-  for (const mark of marks) {
-    if (mark.type.name === "link") {
-      return mark.attrs;
-    }
-  }
-  return defaultAttrs;
-}
-function linkUpdateHandler() {
-  editor.value.commands.addLink(formState);
-  popoverOpen.value = false;
-}
-function linkRemoveHandler() {
-  editor.value.commands.removeLink();
-  popoverOpen.value = false;
-}
-function openChangeHandler(open) {
-  popoverOpen.value = open;
-}
-watch(popoverOpen, (value) => {
-  if (value === false) {
-    editMode.value = false;
-    return;
-  }
-  Object.assign(formState, getCurrentLink(editor.value.state));
-  editMode.value = formState.href.length === 0;
-});
-</script>

package/dist/runtime/editor/components/TooltipLink.vue.d.ts

@@ -1,9 +0,0 @@
-type __VLS_PublicProps = {
-    'open'?: boolean;
-};
-declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:open": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/runtime/editor/components/TooltipMenu.vue

@@ -1,75 +0,0 @@
-<template>
-  <div>
-    <InlinePopover class="bg-default shadow-lg rounded-md ring ring-default flex gap-1 p-1 [&:not([data-state])]:hidden">
-      <UButton
-        v-for="(item, key) in textTransformItems"
-        :key="key"
-        :icon="item.icon"
-        :variant="item.active ? 'soft' : 'ghost'"
-        :disabled="item.disabled"
-        color="neutral"
-        size="xs"
-        @click="item.action()"
-      />
-    </InlinePopover>
-
-    <TooltipLink v-model:open="linkMenuOpen" />
-  </div>
-</template>
-
-<script setup>
-import { computed, ref, useAppConfig } from "#imports";
-import { useEditor } from "prosekit/vue";
-import { InlinePopover } from "prosekit/vue/inline-popover";
-import TooltipLink from "./TooltipLink.vue";
-const appConfig = useAppConfig();
-const editor = useEditor({ update: true });
-const linkMenuOpen = ref(false);
-const textTransformItems = computed(() => [
-  {
-    label: "\u0416\u0438\u0440\u043D\u044B\u0439",
-    icon: appConfig.ui.icons.bold,
-    active: editor.value.marks.bold.isActive(),
-    disabled: !editor.value.commands.toggleBold.canExec(),
-    action: () => editor.value.commands.toggleBold()
-  },
-  {
-    label: "\u041A\u0443\u0440\u0441\u0438\u0432",
-    icon: appConfig.ui.icons.italic,
-    active: editor.value.marks.italic.isActive(),
-    disabled: !editor.value.commands.toggleItalic.canExec(),
-    action: () => editor.value.commands.toggleItalic()
-  },
-  {
-    label: "\u041F\u043E\u0434\u0447\u0435\u0440\u043A\u043D\u0443\u0442\u044B\u0439",
-    icon: appConfig.ui.icons.underline,
-    active: editor.value.marks.underline.isActive(),
-    disabled: !editor.value.commands.toggleUnderline.canExec(),
-    action: () => editor.value.commands.toggleUnderline()
-  },
-  {
-    label: "\u0417\u0430\u0447\u0435\u0440\u043A\u043D\u0443\u0442\u044B\u0439",
-    icon: appConfig.ui.icons.strike,
-    active: editor.value.marks.strike.isActive(),
-    disabled: !editor.value.commands.toggleStrike.canExec(),
-    action: () => editor.value.commands.toggleStrike()
-  },
-  {
-    label: "\u041A\u043E\u0434",
-    icon: appConfig.ui.icons.code,
-    active: editor.value.marks.code.isActive(),
-    disabled: !editor.value.commands.toggleCode.canExec(),
-    action: () => editor.value.commands.toggleCode()
-  },
-  {
-    label: "\u0421\u0441\u044B\u043B\u043A\u0430",
-    icon: appConfig.ui.icons.link,
-    active: editor.value.marks.link.isActive(),
-    disabled: !editor.value.commands.addLink.canExec({ href: "" }),
-    action: () => {
-      editor.value.commands.expandLink();
-      linkMenuOpen.value = !linkMenuOpen.value;
-    }
-  }
-]);
-</script>

package/dist/runtime/editor/components/TooltipMenu.vue.d.ts

@@ -1,9 +0,0 @@
-export interface TooltipMenuItem {
-    label: string;
-    icon: string;
-    active: boolean;
-    disabled: boolean;
-    action: () => void;
-}
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;