@hywax/cms-console 1.0.0

package/dist/runtime/components/AutocompleteSelect.vue

@@ -0,0 +1,225 @@
+<template>
+  <ClientOnly>
+    <USelectMenu
+      v-model:search-term="searchTerm"
+      v-model:open="isOpen"
+      :model-value="modelValue"
+      :items="items"
+      ignore-filter
+      :value-key="valueKey"
+      :label-key="labelKey"
+      :placeholder="placeholder"
+      :multiple="multiple"
+      :ui="{ viewport: viewportId }"
+      @update:model-value="$emit('update:modelValue', $event)"
+    >
+      <template v-if="props.multiple ? modelValue?.length : modelValue">
+        <span class="truncate pointer-events-none">
+          {{ cachedLabel }}
+        </span>
+      </template>
+
+      <template v-if="slots['item-label']" #item-label="{ item }">
+        <slot name="item-label" :item="item" />
+      </template>
+
+      <template #trailing>
+        <UIcon v-if="isLoading" :name="appConfig.ui.icons.loading" class="shrink-0 text-dimmed size-5 animate-spin" />
+        <template v-else>
+          <UButton
+            v-if="props.multiple ? modelValue?.length : modelValue"
+            :icon="appConfig.ui.icons.close"
+            variant="link"
+            size="sm"
+            color="neutral"
+            class="px-0"
+            @click="$emit('update:modelValue', void 0)"
+          />
+        </template>
+      </template>
+    </USelectMenu>
+
+    <template #placeholder>
+      <USkeleton class="w-full h-8" />
+    </template>
+  </ClientOnly>
+</template>
+
+<script>
+import { useAppConfig, useAsyncData, useNuxtData } from "#imports";
+import { refDebounced, useInfiniteScroll, useOffsetPagination } from "@vueuse/core";
+import { computed, ref, shallowRef, toRaw, triggerRef, useId, watch } from "vue";
+</script>
+
+<script setup>
+const props = defineProps({
+  modelValue: { type: null, required: false },
+  cacheKey: { type: String, required: true },
+  handler: { type: Function, required: true },
+  valueKey: { type: null, required: false, default: "id" },
+  labelKey: { type: null, required: false, default: "name" },
+  multiple: { type: Boolean, required: false },
+  placeholder: { type: String, required: false },
+  initSelected: { type: Boolean, required: false }
+});
+defineEmits(["update:modelValue"]);
+const slots = defineSlots();
+const appConfig = useAppConfig();
+const autocompleteSelectKey = `autocomplete-select:${props.cacheKey}`;
+const autocompleteSelectId = `${autocompleteSelectKey}:${useId()}`;
+const viewportId = `autocomplete-select-viewport-${useId()}`;
+const {
+  initialPagination,
+  initialData,
+  initialStatus,
+  initSelected,
+  initSelectedStatus
+} = useInitialData();
+const { fetchPage, nextPage, isLastPage, pageDataStatus, allPagesData } = usePageData({
+  pagination: initialPagination,
+  total: () => initialData.value?.pagination.total ?? 0
+});
+const { searchTerm, searchData, searchStatus } = useSearch({ pagination: initialPagination });
+const { isOpen } = useInfiniteScrollData({ nextPage, isLastPage, fetchPage, searchTerm });
+const isLoading = computed(() => [
+  initialStatus.value,
+  pageDataStatus.value,
+  searchStatus.value,
+  initSelectedStatus.value
+].includes("pending"));
+const items = computed(() => {
+  if (searchTerm.value) {
+    return searchData.value?.items ?? [];
+  }
+  return [
+    ...initialData.value?.items ?? [],
+    ...allPagesData.value
+  ];
+});
+const { cachedLabel } = useAutocompleteCache({ items, initSelected });
+function useInitialData() {
+  const initialPagination2 = { page: "1", perPage: "25" };
+  const { data: initialData2, status: initialStatus2 } = useAsyncData(
+    autocompleteSelectKey,
+    () => props.handler({ ...initialPagination2, search: "" }),
+    {
+      lazy: true,
+      getCachedData: (key) => useNuxtData(key).data.value,
+      dedupe: "defer"
+    }
+  );
+  const { data: initSelected2, status: initSelectedStatus2 } = useAsyncData(
+    `${autocompleteSelectId}:initial-value`,
+    async () => {
+      const result = await props.handler({
+        ...initialPagination2,
+        search: "",
+        ids: Array.isArray(props.modelValue) ? props.modelValue : [props.modelValue]
+      });
+      return result.items;
+    },
+    {
+      lazy: true,
+      immediate: props.initSelected && (Array.isArray(props.modelValue) ? props.modelValue.length > 0 : !!props.modelValue),
+      default: () => []
+    }
+  );
+  return {
+    initialPagination: initialPagination2,
+    initialData: initialData2,
+    initialStatus: initialStatus2,
+    initSelected: initSelected2,
+    initSelectedStatus: initSelectedStatus2
+  };
+}
+function usePageData(options) {
+  const { currentPage, currentPageSize, next, isLastPage: isLastPage2 } = useOffsetPagination({
+    total: options.total,
+    pageSize: Number(options.pagination.perPage),
+    page: Number(options.pagination.page)
+  });
+  const { execute: fetchPage2, data: pageData, status: pageDataStatus2 } = useAsyncData(
+    `${autocompleteSelectId}:page-data`,
+    () => {
+      return props.handler({
+        page: currentPage.value.toString(),
+        perPage: currentPageSize.value.toString(),
+        search: ""
+      });
+    },
+    { immediate: false }
+  );
+  const allPagesData2 = shallowRef([]);
+  watch(pageData, (value) => {
+    if (value?.items) {
+      allPagesData2.value.push(...value.items);
+      triggerRef(allPagesData2);
+    }
+  });
+  return { fetchPage: fetchPage2, pageData, nextPage: next, isLastPage: isLastPage2, pageDataStatus: pageDataStatus2, allPagesData: allPagesData2 };
+}
+function useInfiniteScrollData(options) {
+  const isOpen2 = ref(false);
+  const contentDiv = shallowRef(null);
+  watch(isOpen2, (value) => {
+    if (value) {
+      contentDiv.value = document.querySelector(`.${viewportId}`) ?? null;
+    }
+  }, { flush: "post" });
+  useInfiniteScroll(contentDiv, () => {
+    options.nextPage();
+    return fetchPage();
+  }, { distance: 10, canLoadMore: () => !searchTerm.value && !isLastPage.value });
+  return { isOpen: isOpen2 };
+}
+function useSearch(options) {
+  const searchKey = `${autocompleteSelectId}:search`;
+  const searchTerm2 = ref("");
+  const searchTermDebounced = refDebounced(searchTerm2, 500);
+  const { data: searchData2, status: searchStatus2, execute: search } = useAsyncData(searchKey, (_, { signal }) => {
+    return props.handler({
+      ...options.pagination,
+      search: searchTermDebounced.value
+    }, signal);
+  }, { lazy: true, immediate: false });
+  watch(searchTermDebounced, (value) => {
+    value && search();
+  });
+  return { searchData: searchData2, searchStatus: searchStatus2, searchTerm: searchTerm2 };
+}
+function useAutocompleteCache(options) {
+  const selectedItemCache = shallowRef(/* @__PURE__ */ new Map());
+  const updateCache = (value) => {
+    if (!value || selectedItemCache.value.has(value)) {
+      return;
+    }
+    const item = options.initSelected.value.find((item2) => item2[props.valueKey] === value) || options.items.value.find((item2) => item2[props.valueKey] === value);
+    if (item) {
+      selectedItemCache.value.set(value, structuredClone(toRaw(item)));
+    }
+  };
+  watch(
+    () => [props.modelValue, options.items.value, options.initSelected.value],
+    ([value]) => {
+      const cacheSize = selectedItemCache.value.size;
+      if (Array.isArray(value)) {
+        value.forEach(updateCache);
+      } else {
+        updateCache(value);
+      }
+      cacheSize !== selectedItemCache.value.size && triggerRef(selectedItemCache);
+    },
+    { immediate: true }
+  );
+  const getCachedLabel = (value) => {
+    if (Array.isArray(value)) {
+      return value.map(getCachedLabel).join(", ");
+    }
+    return selectedItemCache.value.get(value)?.[props.labelKey] ?? value;
+  };
+  const cachedLabel2 = computed(() => {
+    return props.modelValue && getCachedLabel(props.modelValue);
+  });
+  return { selectedItemCache, getCachedLabel, cachedLabel: cachedLabel2 };
+}
+</script>

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

@@ -0,0 +1,56 @@
+import type { Pagination, PaginationQueryRaw } from '@hywax/cms-runtime';
+import type { InputMenuItem } from '@nuxt/ui';
+type PaginationQuery = Required<PaginationQueryRaw>;
+export type AutocompleteSelectItem = Extract<InputMenuItem, object> & {
+    id?: string | number;
+    name?: string;
+};
+type GetModelValue<T extends AutocompleteSelectItem, VK extends keyof T, M extends boolean> = M extends true ? (T[VK][] | undefined) : (T[VK] | undefined);
+export type HandlerParams = PaginationQuery & {
+    search: string;
+    ids?: string[] | number[];
+};
+export type Handler<T extends AutocompleteSelectItem = AutocompleteSelectItem> = (params: HandlerParams, signal?: AbortSignal) => Promise<{
+    items: T[];
+    pagination: Pagination;
+}>;
+export interface AutocompleteSelectProps<T extends AutocompleteSelectItem = AutocompleteSelectItem, VK extends keyof T = 'id', M extends boolean = false> {
+    modelValue?: GetModelValue<T, VK, M>;
+    cacheKey: string;
+    handler: Handler<T>;
+    /** @defaultValue 'id' */
+    valueKey?: VK;
+    /** @defaultValue 'name' */
+    labelKey?: keyof T;
+    multiple?: M & boolean;
+    placeholder?: string;
+    initSelected?: boolean;
+}
+export interface AutocompleteSelectEmits<T extends AutocompleteSelectItem = AutocompleteSelectItem, VK extends keyof T = 'id', M extends boolean = false> {
+    'update:modelValue': [payload: GetModelValue<T, VK, M>];
+}
+export interface Slots<T extends AutocompleteSelectItem = AutocompleteSelectItem> {
+    'item-label': (props: {
+        item: T;
+    }) => any;
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: <T extends AutocompleteSelectItem, VK extends keyof T = "id", M extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<AutocompleteSelectProps<T, VK, M> & {
+        "onUpdate:modelValue"?: ((payload: GetModelValue<T, VK, M>) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: Slots<T>;
+    emit: (evt: "update:modelValue", payload: GetModelValue<T, VK, M>) => void;
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

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

@@ -0,0 +1,28 @@
+import type { ComponentConfig } from '@hywax/cms-runtime';
+import type { AppConfig } from '@nuxt/schema';
+import type { ButtonProps } from '@nuxt/ui';
+import type { RouteLocationRaw } from 'vue-router';
+import theme from '#build/cms-console/button-copy-text';
+type ButtonCopyText = ComponentConfig<typeof theme, AppConfig, 'buttonCopyText'>;
+export interface ButtonCopyTextProps extends Pick<ButtonProps, 'target' | 'external' | 'label'> {
+    text?: string | number | null;
+    showAction?: boolean;
+    alwaysShowTooltip?: boolean;
+    to?: RouteLocationRaw;
+    class?: any;
+    ui?: ButtonCopyText['slots'];
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ButtonCopyTextProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonCopyTextProps> & Readonly<{}>, {
+    showAction: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+} & {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ButtonCopyText.vue

@@ -0,0 +1,70 @@
+<template>
+  <div v-if="textValue" ref="button-copy-text" :class="ui.root({ class: [props.class, props.ui?.root] })">
+    <UButton
+      v-if="to"
+      :to="to"
+      :class="ui.text({ class: props.ui?.text })"
+      :external="external"
+      :target="target"
+      variant="link"
+      color="info"
+    >
+      <slot>{{ textValue }}</slot>
+    </UButton>
+    <span v-else :class="ui.text({ class: props.ui?.text })">
+      <slot>{{ textValue }}</slot>
+    </span>
+
+    <UTooltip
+      v-if="showAction"
+      :text="tooltipText"
+      :content="{ side: 'top' }"
+      disable-hoverable-content
+      disable-closing-trigger
+    >
+      <UButton
+        :class="ui.button({ class: props.ui?.button })"
+        :icon="copied ? appConfig.ui.icons.check : appConfig.ui.icons.copy"
+        variant="link"
+        size="sm"
+        :color="copied ? 'success' : 'neutral'"
+        @click="copy(textValue)"
+      />
+    </UTooltip>
+  </div>
+</template>
+
+<script>
+import theme from "#build/cms-console/button-copy-text";
+import { useAppConfig } from "#imports";
+import { useClipboard, useElementHover } from "@vueuse/core";
+import { computed, useTemplateRef } from "vue";
+import { tv } from "../tv";
+</script>
+
+<script setup>
+const props = defineProps({
+  text: { type: [String, Number, null], required: false },
+  showAction: { type: Boolean, required: false, default: true },
+  alwaysShowTooltip: { type: Boolean, required: false },
+  to: { type: null, required: false },
+  class: { type: null, required: false },
+  ui: { type: null, required: false },
+  target: { type: [String, Object, null], required: false },
+  external: { type: Boolean, required: false },
+  label: { type: String, required: false }
+});
+const appConfig = useAppConfig();
+const { copy, copied } = useClipboard();
+const tooltipText = computed(() => copied.value ? "\u0421\u043A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u043D\u043E" : "\u0421\u043A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u0442\u044C");
+const copyTextRef = useTemplateRef("button-copy-text");
+const isHovered = useElementHover(copyTextRef);
+const textValue = computed(() => {
+  const text = props.label ?? props.text;
+  return typeof text === "number" ? text.toString() : text;
+});
+const ui = computed(() => tv({ extend: tv(theme), ...appConfig.cms?.buttonCopyText || {} })({
+  buttonInvisible: !isHovered.value && !props.alwaysShowTooltip,
+  to: !!props.to
+}));
+</script>

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

@@ -0,0 +1,28 @@
+import type { ComponentConfig } from '@hywax/cms-runtime';
+import type { AppConfig } from '@nuxt/schema';
+import type { ButtonProps } from '@nuxt/ui';
+import type { RouteLocationRaw } from 'vue-router';
+import theme from '#build/cms-console/button-copy-text';
+type ButtonCopyText = ComponentConfig<typeof theme, AppConfig, 'buttonCopyText'>;
+export interface ButtonCopyTextProps extends Pick<ButtonProps, 'target' | 'external' | 'label'> {
+    text?: string | number | null;
+    showAction?: boolean;
+    alwaysShowTooltip?: boolean;
+    to?: RouteLocationRaw;
+    class?: any;
+    ui?: ButtonCopyText['slots'];
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ButtonCopyTextProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonCopyTextProps> & Readonly<{}>, {
+    showAction: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+} & {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,38 @@
+import type { ComponentConfig } from '@hywax/cms-runtime';
+import type { AppConfig } from '@nuxt/schema';
+import type { ButtonProps, ModalProps } from '@nuxt/ui';
+import type { ComponentProps } from 'vue-component-type-helpers';
+import type { ModalConfirmEmits, ModalConfirmProps } from './ModalConfirm.vue';
+import theme from '#build/cms-console/button-delete-confirm';
+import ModalConfirm from './ModalConfirm.vue';
+type ButtonDelete = ComponentConfig<typeof theme, AppConfig, 'buttonDelete'>;
+export interface ButtonDeleteProps extends Pick<ModalConfirmProps, 'onConfirm'> {
+    modalProps?: Omit<ModalProps & ComponentProps<typeof ModalConfirm>, 'title' | 'message' | 'onConfirm' | 'confirmButton'>;
+    confirmText?: string;
+    confirmLabel?: string;
+    title?: string;
+    message?: string;
+    tooltipText?: string;
+    color?: ButtonProps['color'];
+    variant?: ButtonProps['variant'];
+    icon?: ButtonProps['icon'];
+    size?: ButtonProps['size'];
+    label?: ButtonProps['label'];
+    class?: any;
+    ui?: ButtonDelete['slots'];
+}
+export interface ButtonDeleteEmits extends ModalConfirmEmits {
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<ButtonDeleteProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => any;
+    confirm: () => any;
+}, string, import("vue").PublicProps, Readonly<ButtonDeleteProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onConfirm?: (() => any) | undefined;
+}>, {
+    color: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral";
+    label: string;
+    confirmLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/ButtonDeleteConfirm.vue

@@ -0,0 +1,62 @@
+<template>
+  <UTooltip
+    :text="tooltipText"
+    :content="{ side: 'top' }"
+    :disabled="!tooltipText"
+    disable-hoverable-content
+    disable-closing-trigger
+  >
+    <UButton
+      :color="color"
+      :variant="variant"
+      :size="size"
+      :icon="icon"
+      :label="label === '' ? void 0 : label"
+      :class="ui.root({ class: [props.ui?.root, props.class] })"
+      auto-loading
+      @click="handleDeleteClick()"
+    />
+  </UTooltip>
+</template>
+
+<script>
+import theme from "#build/cms-console/button-delete-confirm";
+import { computed, useAppConfig, useOverlay } from "#imports";
+import { tv } from "../tv";
+import ModalConfirm from "./ModalConfirm.vue";
+</script>
+
+<script setup>
+const props = defineProps({
+  modalProps: { type: Object, required: false },
+  confirmText: { type: String, required: false },
+  confirmLabel: { type: String, required: false, default: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C" },
+  title: { type: String, required: false },
+  message: { type: String, required: false },
+  tooltipText: { type: String, required: false },
+  color: { type: null, required: false, default: "error" },
+  variant: { type: null, required: false },
+  icon: { type: null, required: false },
+  size: { type: null, required: false },
+  label: { type: String, required: false, default: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C" },
+  class: { type: null, required: false },
+  ui: { type: null, required: false },
+  onConfirm: { type: Function, required: false }
+});
+defineEmits(["confirm", "close"]);
+const appConfig = useAppConfig();
+const modal = useOverlay().create(ModalConfirm);
+function handleDeleteClick() {
+  return modal.open({
+    ...props.modalProps,
+    title: props.title ?? "\u0423\u0434\u0430\u043B\u0435\u043D\u0438\u0435",
+    message: props.message ?? "\u0412\u044B \u0434\u0435\u0438\u0306\u0441\u0442\u0432\u0438\u0442\u0435\u043B\u044C\u043D\u043E \u0445\u043E\u0442\u0438\u0442\u0435 \u0443\u0434\u0430\u043B\u0438\u0442\u044C?",
+    color: "error",
+    variant: props.variant,
+    confirmLabel: props.confirmLabel,
+    confirmText: props.confirmText,
+    onConfirm: props.onConfirm
+  });
+}
+const ui = computed(() => tv({ extend: tv(theme), ...appConfig.cms?.buttonDelete || {} })());
+</script>

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

@@ -0,0 +1,38 @@
+import type { ComponentConfig } from '@hywax/cms-runtime';
+import type { AppConfig } from '@nuxt/schema';
+import type { ButtonProps, ModalProps } from '@nuxt/ui';
+import type { ComponentProps } from 'vue-component-type-helpers';
+import type { ModalConfirmEmits, ModalConfirmProps } from './ModalConfirm.vue';
+import theme from '#build/cms-console/button-delete-confirm';
+import ModalConfirm from './ModalConfirm.vue';
+type ButtonDelete = ComponentConfig<typeof theme, AppConfig, 'buttonDelete'>;
+export interface ButtonDeleteProps extends Pick<ModalConfirmProps, 'onConfirm'> {
+    modalProps?: Omit<ModalProps & ComponentProps<typeof ModalConfirm>, 'title' | 'message' | 'onConfirm' | 'confirmButton'>;
+    confirmText?: string;
+    confirmLabel?: string;
+    title?: string;
+    message?: string;
+    tooltipText?: string;
+    color?: ButtonProps['color'];
+    variant?: ButtonProps['variant'];
+    icon?: ButtonProps['icon'];
+    size?: ButtonProps['size'];
+    label?: ButtonProps['label'];
+    class?: any;
+    ui?: ButtonDelete['slots'];
+}
+export interface ButtonDeleteEmits extends ModalConfirmEmits {
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<ButtonDeleteProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => any;
+    confirm: () => any;
+}, string, import("vue").PublicProps, Readonly<ButtonDeleteProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onConfirm?: (() => any) | undefined;
+}>, {
+    color: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral";
+    label: string;
+    confirmLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -0,0 +1,43 @@
+import type { DateValue } from '@internationalized/date';
+import type { CalendarProps } from '@nuxt/ui';
+import type { DateRange as CalendarDateRange } from 'reka-ui';
+import type { DateRange, DateType } from '../types';
+export type CalendarValue = DateValue | CalendarDateRange;
+export type ModelValue<R extends boolean> = (R extends true ? DateRange : DateType) | undefined;
+export interface DatePickerProps<R extends boolean> extends Omit<CalendarProps<R, false>, 'modelValue' | 'multiple' | 'minValue' | 'maxValue'> {
+    modelValue: ModelValue<R>;
+    id?: string;
+    name?: string;
+    withTime?: boolean;
+    minValue?: DateType;
+    maxValue?: DateType;
+}
+export interface DatePickerEmits<R extends boolean> {
+    'update:modelValue': [value: ModelValue<R>];
+    'change': [event: Event];
+    'blur': [event: FocusEvent];
+    'focus': [event: FocusEvent];
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: <R extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<DatePickerProps<R> & {
+        onBlur?: ((event: FocusEvent) => any) | undefined;
+        onChange?: ((event: Event) => any) | undefined;
+        onFocus?: ((event: FocusEvent) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: ModelValue<R>) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {};
+    emit: ((evt: "blur", event: FocusEvent) => void) & ((evt: "change", event: Event) => void) & ((evt: "focus", event: FocusEvent) => void) & ((evt: "update:modelValue", value: ModelValue<R>) => void);
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};