@nuxt/ui 2.18.4 → 3.0.0-alpha.0

package/dist/runtime/components/navigation/HorizontalNavigation.vue.d.ts

@@ -1,99 +0,0 @@
-import type { PropType } from 'vue';
-import { twJoin } from 'tailwind-merge';
-import type { HorizontalNavigationLink, Strategy } from '../../types/index.js';
-declare const config: {
-    wrapper: string;
-    container: string;
-    inner: string;
-    base: string;
-    before: string;
-    after: string;
-    active: string;
-    inactive: string;
-    label: string;
-    icon: {
-        base: string;
-        active: string;
-        inactive: string;
-    };
-    avatar: {
-        base: string;
-        size: "2xs";
-    };
-    badge: {
-        base: string;
-        color: "gray";
-        variant: "solid";
-        size: "xs";
-    };
-};
-declare const _default: import("vue").DefineComponent<{
-    links: {
-        type: PropType<HorizontalNavigationLink[][] | HorizontalNavigationLink[]>;
-        default: () => any[];
-    };
-    class: {
-        type: PropType<any>;
-        default: () => string;
-    };
-    ui: {
-        type: PropType<Partial<typeof config> & {
-            strategy?: Strategy;
-        }>;
-        default: () => {};
-    };
-}, {
-    ui: import("vue").ComputedRef<{
-        wrapper: string;
-        container: string;
-        inner: string;
-        base: string;
-        before: string;
-        after: string;
-        active: string;
-        inactive: string;
-        label: string;
-        icon: {
-            base: string;
-            active: string;
-            inactive: string;
-        };
-        avatar: {
-            base: string;
-            size: "2xs";
-        };
-        badge: {
-            base: string;
-            color: "gray";
-            variant: "solid";
-            size: "xs";
-        };
-    }>;
-    attrs: import("vue").ComputedRef<Pick<{
-        [x: string]: unknown;
-    }, string>>;
-    sections: import("vue").ComputedRef<HorizontalNavigationLink[][]>;
-    getULinkProps: (props: any) => {};
-    twMerge: (...classLists: import("tailwind-merge").ClassNameValue[]) => string;
-    twJoin: typeof twJoin;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    links: {
-        type: PropType<HorizontalNavigationLink[][] | HorizontalNavigationLink[]>;
-        default: () => any[];
-    };
-    class: {
-        type: PropType<any>;
-        default: () => string;
-    };
-    ui: {
-        type: PropType<Partial<typeof config> & {
-            strategy?: Strategy;
-        }>;
-        default: () => {};
-    };
-}>>, {
-    class: any;
-    ui: {};
-    links: HorizontalNavigationLink[] | HorizontalNavigationLink[][];
-}, {}>;
-export default _default;

package/dist/runtime/components/navigation/Pagination.vue

@@ -1,270 +0,0 @@
-<template>
-  <div :class="ui.wrapper" v-bind="attrs">
-    <slot name="first" :on-click="onClickFirst">
-      <UButton
-        v-if="firstButton && showFirst"
-        :size="size"
-        :disabled="!canGoFirstOrPrev || disabled"
-        :class="[ui.base, ui.rounded]"
-        v-bind="{ ...(ui.default.firstButton || {}), ...firstButton }"
-        :ui="{ rounded: '' }"
-        aria-label="First"
-        @click="onClickFirst"
-      />
-    </slot>
-
-    <slot name="prev" :on-click="onClickPrev">
-      <UButton
-        v-if="prevButton"
-        :size="size"
-        :disabled="!canGoFirstOrPrev || disabled"
-        :class="[ui.base, ui.rounded]"
-        v-bind="{ ...(ui.default.prevButton || {}), ...prevButton }"
-        :ui="{ rounded: '' }"
-        aria-label="Prev"
-        @click="onClickPrev"
-      />
-    </slot>
-
-    <UButton
-      v-for="(page, index) of displayedPages"
-      :key="`${page}-${index}`"
-      :to="typeof page === 'number' ? to?.(page) : null"
-      :size="size"
-      :disabled="disabled"
-      :label="`${page}`"
-      v-bind="page === currentPage ? { ...(ui.default.activeButton || {}), ...activeButton } : { ...(ui.default.inactiveButton || {}), ...inactiveButton }"
-      :class="[{ 'pointer-events-none': typeof page === 'string', 'z-[1]': page === currentPage }, ui.base, ui.rounded]"
-      :ui="{ rounded: '' }"
-      @click="() => onClickPage(page)"
-    />
-
-    <slot name="next" :on-click="onClickNext">
-      <UButton
-        v-if="nextButton"
-        :size="size"
-        :disabled="!canGoLastOrNext || disabled"
-        :class="[ui.base, ui.rounded]"
-        v-bind="{ ...(ui.default.nextButton || {}), ...nextButton }"
-        :ui="{ rounded: '' }"
-        aria-label="Next"
-        @click="onClickNext"
-      />
-    </slot>
-
-    <slot name="last" :on-click="onClickLast">
-      <UButton
-        v-if="lastButton && showLast"
-        :size="size"
-        :disabled="!canGoLastOrNext || disabled"
-        :class="[ui.base, ui.rounded]"
-        v-bind="{ ...(ui.default.lastButton || {}), ...lastButton }"
-        :ui="{ rounded: '' }"
-        aria-label="Last"
-        @click="onClickLast"
-      />
-    </slot>
-  </div>
-</template>
-
-<script>
-import { computed, toRef, defineComponent } from "vue";
-import UButton from "../elements/Button.vue";
-import { useUI } from "../../composables/useUI";
-import { mergeConfig } from "../../utils";
-import appConfig from "#build/app.config";
-import { pagination, button } from "#ui/ui.config";
-const config = mergeConfig(appConfig.ui.strategy, appConfig.ui.pagination, pagination);
-const buttonConfig = mergeConfig(appConfig.ui.strategy, appConfig.ui.button, button);
-export default defineComponent({
-  components: {
-    UButton
-  },
-  inheritAttrs: false,
-  props: {
-    modelValue: {
-      type: Number,
-      required: true
-    },
-    pageCount: {
-      type: Number,
-      default: 10
-    },
-    total: {
-      type: Number,
-      required: true
-    },
-    max: {
-      type: Number,
-      default: 7,
-      validate(value) {
-        return value >= 5 && value < Number.MAX_VALUE;
-      }
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    size: {
-      type: String,
-      default: () => config.default.size,
-      validator(value) {
-        return Object.keys(buttonConfig.size).includes(value);
-      }
-    },
-    to: {
-      type: Function,
-      default: null
-    },
-    activeButton: {
-      type: Object,
-      default: () => config.default.activeButton
-    },
-    inactiveButton: {
-      type: Object,
-      default: () => config.default.inactiveButton
-    },
-    showFirst: {
-      type: Boolean,
-      default: false
-    },
-    showLast: {
-      type: Boolean,
-      default: false
-    },
-    firstButton: {
-      type: Object,
-      default: () => config.default.firstButton
-    },
-    lastButton: {
-      type: Object,
-      default: () => config.default.lastButton
-    },
-    prevButton: {
-      type: Object,
-      default: () => config.default.prevButton
-    },
-    nextButton: {
-      type: Object,
-      default: () => config.default.nextButton
-    },
-    divider: {
-      type: String,
-      default: "\u2026"
-    },
-    class: {
-      type: [String, Object, Array],
-      default: () => ""
-    },
-    ui: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(props, { emit }) {
-    const { ui, attrs } = useUI("pagination", toRef(props, "ui"), config, toRef(props, "class"));
-    const currentPage = computed({
-      get() {
-        return props.modelValue;
-      },
-      set(value) {
-        emit("update:modelValue", value);
-      }
-    });
-    const pages = computed(() => Array.from({ length: Math.ceil(props.total / props.pageCount) }, (_, i) => i + 1));
-    const displayedPages = computed(() => {
-      const totalPages = pages.value.length;
-      const current = currentPage.value;
-      const maxDisplayedPages = Math.max(props.max, 5);
-      const r = Math.floor((Math.min(maxDisplayedPages, totalPages) - 5) / 2);
-      const r1 = current - r;
-      const r2 = current + r;
-      const beforeWrapped = r1 - 1 > 1;
-      const afterWrapped = r2 + 1 < totalPages;
-      const items = [];
-      if (totalPages <= maxDisplayedPages) {
-        for (let i = 1; i <= totalPages; i++) {
-          items.push(i);
-        }
-        return items;
-      }
-      items.push(1);
-      if (beforeWrapped) items.push(props.divider);
-      if (!afterWrapped) {
-        const addedItems = current + r + 2 - totalPages;
-        for (let i = current - r - addedItems; i <= current - r - 1; i++) {
-          items.push(i);
-        }
-      }
-      for (let i = Math.max(2, r1); i <= Math.min(totalPages, r2); i++) {
-        items.push(i);
-      }
-      if (!beforeWrapped) {
-        const addedItems = 1 - (current - r - 2);
-        for (let i = current + r + 1; i <= current + r + addedItems; i++) {
-          items.push(i);
-        }
-      }
-      if (afterWrapped) items.push(props.divider);
-      if (r2 < totalPages) {
-        items.push(totalPages);
-      }
-      if (items.length >= 3 && items[1] === props.divider && items[2] === 3) {
-        items[1] = 2;
-      }
-      if (items.length >= 3 && items[items.length - 2] === props.divider && items[items.length - 1] === items.length) {
-        items[items.length - 2] = items.length - 1;
-      }
-      return items;
-    });
-    const canGoFirstOrPrev = computed(() => currentPage.value > 1);
-    const canGoLastOrNext = computed(() => currentPage.value < pages.value.length);
-    function onClickFirst() {
-      if (!canGoFirstOrPrev.value) {
-        return;
-      }
-      currentPage.value = 1;
-    }
-    function onClickLast() {
-      if (!canGoLastOrNext.value) {
-        return;
-      }
-      currentPage.value = pages.value.length;
-    }
-    function onClickPage(page) {
-      if (typeof page === "string") {
-        return;
-      }
-      currentPage.value = page;
-    }
-    function onClickPrev() {
-      if (!canGoFirstOrPrev.value) {
-        return;
-      }
-      currentPage.value--;
-    }
-    function onClickNext() {
-      if (!canGoLastOrNext.value) {
-        return;
-      }
-      currentPage.value++;
-    }
-    return {
-      // eslint-disable-next-line vue/no-dupe-keys
-      ui,
-      attrs,
-      currentPage,
-      pages,
-      displayedPages,
-      canGoLastOrNext,
-      canGoFirstOrPrev,
-      onClickPrev,
-      onClickNext,
-      onClickPage,
-      onClickFirst,
-      onClickLast
-    };
-  }
-});
-</script>

package/dist/runtime/components/navigation/Pagination.vue.d.ts

@@ -1,260 +0,0 @@
-import type { PropType } from 'vue';
-import type { RouteLocationRaw } from '#vue-router';
-import type { Button, ButtonSize, Strategy } from '../../types/index.js';
-declare const config: {
-    wrapper: string;
-    base: string;
-    rounded: string;
-    default: {
-        size: string;
-        activeButton: {
-            color: "primary";
-        };
-        inactiveButton: {
-            color: "white";
-        };
-        firstButton: {
-            color: "white";
-            class: string;
-            icon: string;
-        };
-        lastButton: {
-            color: "white";
-            class: string;
-            icon: string;
-        };
-        prevButton: {
-            color: "white";
-            class: string;
-            icon: string;
-        };
-        nextButton: {
-            color: "white";
-            class: string;
-            icon: string;
-        };
-    };
-};
-declare const _default: import("vue").DefineComponent<{
-    modelValue: {
-        type: NumberConstructor;
-        required: true;
-    };
-    pageCount: {
-        type: NumberConstructor;
-        default: number;
-    };
-    total: {
-        type: NumberConstructor;
-        required: true;
-    };
-    max: {
-        type: NumberConstructor;
-        default: number;
-        validate(value: any): boolean;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    size: {
-        type: PropType<ButtonSize>;
-        default: () => string;
-        validator(value: string): boolean;
-    };
-    to: {
-        type: PropType<(page: number) => RouteLocationRaw>;
-        default: any;
-    };
-    activeButton: {
-        type: PropType<Button>;
-        default: () => Button;
-    };
-    inactiveButton: {
-        type: PropType<Button>;
-        default: () => Button;
-    };
-    showFirst: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    showLast: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    firstButton: {
-        type: PropType<Button>;
-        default: () => Button;
-    };
-    lastButton: {
-        type: PropType<Button>;
-        default: () => Button;
-    };
-    prevButton: {
-        type: PropType<Button>;
-        default: () => Button;
-    };
-    nextButton: {
-        type: PropType<Button>;
-        default: () => Button;
-    };
-    divider: {
-        type: StringConstructor;
-        default: string;
-    };
-    class: {
-        type: PropType<any>;
-        default: () => "";
-    };
-    ui: {
-        type: PropType<Partial<typeof config> & {
-            strategy?: Strategy;
-        }>;
-        default: () => {};
-    };
-}, {
-    ui: import("vue").ComputedRef<{
-        wrapper: string;
-        base: string;
-        rounded: string;
-        default: {
-            size: string;
-            activeButton: {
-                color: "primary";
-            };
-            inactiveButton: {
-                color: "white";
-            };
-            firstButton: {
-                color: "white";
-                class: string;
-                icon: string;
-            };
-            lastButton: {
-                color: "white";
-                class: string;
-                icon: string;
-            };
-            prevButton: {
-                color: "white";
-                class: string;
-                icon: string;
-            };
-            nextButton: {
-                color: "white";
-                class: string;
-                icon: string;
-            };
-        };
-    }>;
-    attrs: import("vue").ComputedRef<Pick<{
-        [x: string]: unknown;
-    }, string>>;
-    currentPage: import("vue").WritableComputedRef<number>;
-    pages: import("vue").ComputedRef<number[]>;
-    displayedPages: import("vue").ComputedRef<(string | number)[]>;
-    canGoLastOrNext: import("vue").ComputedRef<boolean>;
-    canGoFirstOrPrev: import("vue").ComputedRef<boolean>;
-    onClickPrev: () => void;
-    onClickNext: () => void;
-    onClickPage: (page: number | string) => void;
-    onClickFirst: () => void;
-    onClickLast: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: NumberConstructor;
-        required: true;
-    };
-    pageCount: {
-        type: NumberConstructor;
-        default: number;
-    };
-    total: {
-        type: NumberConstructor;
-        required: true;
-    };
-    max: {
-        type: NumberConstructor;
-        default: number;
-        validate(value: any): boolean;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    size: {
-        type: PropType<ButtonSize>;
-        default: () => string;
-        validator(value: string): boolean;
-    };
-    to: {
-        type: PropType<(page: number) => RouteLocationRaw>;
-        default: any;
-    };
-    activeButton: {
-        type: PropType<Button>;
-        default: () => Button;
-    };
-    inactiveButton: {
-        type: PropType<Button>;
-        default: () => Button;
-    };
-    showFirst: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    showLast: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    firstButton: {
-        type: PropType<Button>;
-        default: () => Button;
-    };
-    lastButton: {
-        type: PropType<Button>;
-        default: () => Button;
-    };
-    prevButton: {
-        type: PropType<Button>;
-        default: () => Button;
-    };
-    nextButton: {
-        type: PropType<Button>;
-        default: () => Button;
-    };
-    divider: {
-        type: StringConstructor;
-        default: string;
-    };
-    class: {
-        type: PropType<any>;
-        default: () => "";
-    };
-    ui: {
-        type: PropType<Partial<typeof config> & {
-            strategy?: Strategy;
-        }>;
-        default: () => {};
-    };
-}>> & {
-    "onUpdate:modelValue"?: (...args: any[]) => any;
-}, {
-    size: ButtonSize;
-    class: any;
-    to: (page: number) => RouteLocationRaw;
-    disabled: boolean;
-    ui: {};
-    max: number;
-    prevButton: Button;
-    nextButton: Button;
-    divider: string;
-    pageCount: number;
-    activeButton: Button;
-    inactiveButton: Button;
-    showFirst: boolean;
-    showLast: boolean;
-    firstButton: Button;
-    lastButton: Button;
-}, {}>;
-export default _default;