@toife/vue 3.5.8 → 3.6.1

package/dist/components/index.d.ts

@@ -26,6 +26,7 @@ export * from './refresher';
 export * from './route';
 export * from './scrollbar';
 export * from './page';
+export * from './pagination';
 export * from './collapse';
 export * from './form-group';
 export * from './dropdown';

package/dist/components/pagination/index.d.ts

@@ -0,0 +1 @@
+export { default as Pagination } from './pagination.vue';

package/dist/components/pagination/pagination.vue.d.ts

@@ -0,0 +1,21 @@
+import { PaginationProps } from '../../core';
+declare const _default: import('vue').DefineComponent<PaginationProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (value: number) => any;
+    "update:modelValue": (value: number) => any;
+}, string, import('vue').PublicProps, Readonly<PaginationProps> & Readonly<{
+    onChange?: ((value: number) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}>, {
+    size: import('../../core').PaginationSize;
+    direction: import('../../core').AppDirection;
+    length: number;
+    variant: import('../../core').PaginationVariant;
+    disabled: boolean;
+    value: number;
+    modelValue: number;
+    siblings: number;
+    boundaries: number;
+    activeVariant: import('../../core').PaginationVariant;
+    controls: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/segmented-field/segmented-field.vue.d.ts

@@ -14,9 +14,9 @@ declare const _default: import('vue').DefineComponent<SegmentedFieldProps, {}, {
 }>, {
     size: import('../../core').SegmentedFieldSize;
     direction: import('../../core').AppDirection;
+    length: number;
     variant: import('../../core').SegmentedFieldVariant;
     disabled: boolean;
-    length: number;
     message: string;
     type: string;
     pattern: string[];

package/dist/core/features/index.d.ts

@@ -17,6 +17,7 @@ export * from './image';
 export * from './layout';
 export * from './modal';
 export * from './page';
+export * from './pagination';
 export * from './present';
 export * from './progress';
 export * from './radio';

package/dist/core/features/pagination/index.d.ts

@@ -0,0 +1,3 @@
+export * from './pagination.constants';
+export * from './pagination.type';
+export * from './pagination.logic';

package/dist/core/features/pagination/pagination.constants.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Pagination Default Props
+ */
+export declare const PAGINATION_DEFAULT_PROPS: {
+    readonly modelValue: undefined;
+    readonly value: undefined;
+    readonly length: 1;
+    readonly siblings: 1;
+    readonly boundaries: 1;
+    readonly variant: "text";
+    readonly activeVariant: "fill";
+    readonly size: "standard";
+    readonly disabled: false;
+    readonly controls: true;
+    readonly direction: undefined;
+};

package/dist/core/features/pagination/pagination.logic.d.ts

@@ -0,0 +1,22 @@
+import { PaginationAttrOptions, PaginationItem, PaginationItemAttrOptions, PaginationItemsOptions } from './pagination.type';
+/**
+ * Clamp a page into [1, length]
+ */
+export declare const clampPaginationPage: (page: number, length: number) => number;
+/**
+ * Build the visible page list, e.g. [1, …, 4, 5, 6, …, 10]
+ */
+export declare const getPaginationItems: (options: PaginationItemsOptions) => PaginationItem[];
+export declare const getPaginationAttrs: (options: PaginationAttrOptions) => {
+    class: (string | {
+        disabled: boolean;
+    })[];
+};
+export declare const getPaginationItemAttrs: (options: PaginationItemAttrOptions) => {
+    class: (string | {
+        active: boolean;
+    })[];
+};
+export declare const getPaginationEllipsisAttrs: () => {
+    class: string[];
+};

package/dist/core/features/pagination/pagination.type.d.ts

@@ -0,0 +1,44 @@
+import { AppDirection } from '../app/app.type';
+import { ButtonVariant } from '../button/button.type';
+export type PaginationVariant = ButtonVariant;
+export type PaginationSize = string;
+export type PaginationItem = {
+    type: "page";
+    page: number;
+} | {
+    type: "ellipsis";
+    key: string;
+};
+export type PaginationProps = {
+    modelValue?: number;
+    value?: number;
+    length?: number;
+    siblings?: number;
+    boundaries?: number;
+    variant?: PaginationVariant;
+    activeVariant?: PaginationVariant;
+    size?: PaginationSize;
+    role?: string;
+    shape?: string;
+    disabled?: boolean;
+    controls?: boolean;
+    direction?: AppDirection;
+};
+export type PaginationEvent = {
+    (e: "update:modelValue", value: number): void;
+    (e: "change", value: number): void;
+};
+export type PaginationItemsOptions = {
+    current: number;
+    length: number;
+    siblings: number;
+    boundaries: number;
+};
+export type PaginationAttrOptions = {
+    direction: string;
+    size: string;
+    disabled: boolean;
+};
+export type PaginationItemAttrOptions = {
+    active: boolean;
+};